body{font-family: Arial, "Microsoft YaHei";color: #535353;font-size: 12px;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #fff;height:100%; }
body,IMG,ul,li,i,dd,ol,section,dl,dt{ list-style:none; margin:0; padding:0; border:0;}
i{ font-style:normal;}a{ text-decoration:none;}
h1,h2,h3,h4{display:inline-block;*display: inline;*zoom: 1; margin:0; padding:0; font-weight:100; font-size:100%;}
header{ margin:0; padding:0;}
.Ari{ font-family:Arial, Helvetica, sans-serif;}

/* 字体 */


@font-face {
    font-family: 'AVGR45W';
    src: url('../fonts/AVGR45W_1.eot');
    src: url('../fonts/AVGR45W_1.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AVGR45W_1.woff2') format('woff2'),
         url('../fonts/AVGR45W_1.woff') format('woff'),
         url('../fonts/AVGR45W_1.ttf') format('truetype'),
         url('../fonts/AVGR45W_1.svg#itc_avant_garde_gothicdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {  
 font-family: Bodoni MT Condensed;  
 src: url('../fonts/Bodoni MT Condensed Italic.TTF'); /* EOT file for IE */  
}  

@font-face {  
 font-family: Bebas Neue;  
 src: url('../fonts/BebasNeue.TTF'); /* EOT file for IE */  
}  


@font-face {
    font-family: 'AvantGardeITCbyBT';
    src: url('../fonts/AvantGardeITCbyBT-Demi.eot');
    src: url('../fonts/AvantGardeITCbyBT-Demi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvantGardeITCbyBT-Demi.woff2') format('woff2'),
         url('../fonts/AvantGardeITCbyBT-Demi.woff') format('woff'),
         url('../fonts/AvantGardeITCbyBT-Demi.ttf') format('truetype'),
         url('../fonts/AvantGardeITCbyBT-Demi.svg#itc_avant_garde_gothicdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ZapfHumnst_BT';
    src: url('../fonts/tt0015m_0.eot');
    src: url('../fonts/tt0015m_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0015m_0.woff2') format('woff2'),
         url('../fonts/tt0015m_0.woff') format('woff'),
         url('../fonts/tt0015m_0.ttf') format('truetype'),
         url('../fonts/tt0015m_0.svg#itc_avant_garde_gothicdemi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Charter_OSF_BT_Black';
    src: url('../fonts/tt1675m_0.eot');
    src: url('../fonts/tt1675m_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt1675m_0.woff2') format('woff2'),
         url('../fonts/tt1675m_0.woff') format('woff'),
         url('../fonts/tt1675m_0.ttf') format('truetype'),
         url('../fonts/tt1675m_0.svg#itc_avant_garde_gothicdemi') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* transition */
a,.i_adv .list{-webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.clear{clear:both;}

/* top */
.main{ width:1280px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}
.position_relative{ position:relative;}
.text_uppercase{text-transform:uppercase;}

i[class^=icon-]{
  font-family: 'iconfont';
  padding-right: 4px;
}


.icon-eyes:after{
  content: "\e6ce"
}
.icon-jtr:after{
  content: "\e6da"
}
.icon-star:after{
  content: "\e6dd"
}

.flex{ display: -webkit-flex; display: flex;}
.justify-start{ -webkit-justify-content: flex-start; justify-content: flex-start;}
.justify-end{ -webkit-justify-content: flex-end; justify-content: flex-end;}
.justify-center{ -webkit-justify-content: center; justify-content: center;}
.justify-around{ -webkit-justify-content: space-around; justify-content: space-around;}
.justify-between{ -webkit-justify-content:space-between; justify-content:space-between;}

.header{ width:100%; background: #fafafa; display: none; z-index: 99; height: 135px;}
.header .top{ float: left; font-size:12px; height: 97px; position: relative; zoom: 1;}
.header .top .logo{ float: left; margin-top: 15px; padding-left: 17px;}
.header .iso{ float: right; margin-top: 44px; margin-right: 13px; line-height: 46px; padding: 0 17px; border-radius: 5px; color: #fff; font-size: 16px; font-family: Adobe Devanagari,Arial,Microsoft YaHei; background: #959595; }
.header .tel{ height: 40px; margin-top: 46px; line-height: 20px; color: #222; font-size: 14px; float: right; margin-right: 26px; background: url(../images/tel.jpg) no-repeat left top; padding-left: 60px; }

/* nav */

nav{ width: 100%; height: 79px; float: left; background-color: #fff; margin: auto;}
nav.c{ }
.navlist{ width: 100%; position: relative;}
.navlist .logo{ width: 152px; height: 156px; background: url(../images/logo.jpg); position: absolute; left: 80px; z-index: 9999; -moz-box-shadow:0px 5px 5px #333333; -webkit-box-shadow:0px 5px 5px #333333; box-shadow:0px 5px 5px #333333; }
.navlist .tel{ width: 294px; height: 79px; float: right; background: url(../images/tel.jpg); }
.navlist .tel span{ float: right; line-height: 79px; font-size: 24px; color: #fff; font-weight: bold; margin-right: 23px; }
.navlist ul{ float: right; width: auto; margin-top: 24px; }
.navlist li{ float: left;  color: #3dc4d8;  }
.navlist li a{ position: relative; color: #000; width: 109px; float: left; font-family:Arial,Microsoft YaHei; height: 30px; }
.navlist li a span{ width: 100%; float: left; text-align: center; font-size: 15px; text-transform: uppercase; margin-bottom: -2px;}
.navlist li a i{ font-size: 12px; color: #cccccc; font-style: normal; width: 100%; float: left; text-align: center; }
.navlist li:after{ content: ""; width: 15px; height: 30px; float: right; background: url(../images/x.jpg); }
.navlist li:last-child:after{ content: none; }
.navlist li.cur,.navlist li:hover{ background: none;}
.navlist li.cur a span{ color: #3dc4d8;  }
.navlist li a:hover span{ color: #3dc4d8; }
.navlist li:last-child a:after,.navlist li:hover a:after{ opacity: 0 }

/* slide */
.slideBox{ width:100%; height:auto; background: #ecf1f7; position:relative;  overflow:hidden;}
.slideBox .bd{ position:relative; width: 100%; height: auto; z-index:0;}
.slideBox .bd ul{ position:relative; height: auto; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; box-sizing: border-box; height: auto; overflow: hidden;} 
.slideBox .bd li p{ font-size: 36px; color: #fff; line-height: 72px; text-align: right; font-weight: bold; position: absolute; right: 82px; top: 309px; z-index: 99999; margin: 0; text-transform: uppercase; }
.slideBox .bd li p b{ font-size: 72px; }
.slideBox .bd img{ width:100%; height: auto; display:block;  }
.slideBox .bd li span{ position: absolute; top: 0; left: 0; line-height: 72px; text-transform: uppercase; padding-right: 36px; z-index: 1 ; float: right; color: #fff; font-size: 24px;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{display:none;width:0;height:104px; font-size:0; font-family:宋体; line-height:104px; color:#000; text-align:center;position:absolute;z-index:2;top:50%; overflow:hidden; background:#fff;cursor:pointer;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);_border:1px solid none;right:0; margin-top:-52px;}
.slideBox .prev{left:0;}
.slideBox:hover .prev,
.slideBox:hover .next{opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);width:60px;font-size:36px;}
.slideBox .hd{ width:100%; text-align: center; bottom:30px; position:absolute; z-index:2;}
.slideBox .hd ul{ width: auto; display: table; margin: 0 auto; }
.slideBox .hd  li{ margin:0 10px; display: table-cell; width: 10px; height: 10px; position: relative; border-radius: 100%; background:#b0a68d; float:left;transition:all 0.4s ease;}
.slideBox .hd  li:after{ content: ""; opacity: 0; position: absolute; left: -5px; top: -5px; border: 1px solid #b0a68d; width: 20px; height: 20px; box-sizing: border-box; border-radius: 100%; }
.slideBox .hd  li.on:after{ content: ""; opacity: 1;}
.banner{ background-repeat: no-repeat; height: 304px; width: 100%; float: left; display:none}


/* 首页关于 */
.i-ab{ width: 100%; float: left; padding: 75px 0; background: #f1f1f3;  }
.i-ab h2{ float: left; margin: 0; font-size: 36px; text-align: left; color: #333333; font-weight: bold; position: relative; height: 80px; padding-left: 97px; background: url(../images/logo2.jpg) no-repeat left top; line-height: 93px; padding-bottom: 14px; text-transform: uppercase;}
.i-ab h2:after{ width: 125px; height: 5px; content: ""; position: absolute; bottom: 0; left: 0; background: url(../images/d.jpg); }
.i-ab p{ width: 100%; margin: 0; float: left; font-size: 14px; color: #333333; line-height: 30px; margin: 21px 0; }
.i-ab ul{ width: 100%; float: left; }
.i-ab ul a li{ width: 400px; float: left; margin-right: 40px; padding-top: 200px; background: url(../images/i-ab01.jpg) no-repeat top center; }
.i-ab ul a:nth-child(2) li{ background: url(../images/i-ab02.jpg) no-repeat top center; }
.i-ab ul a:nth-child(3) li{ background: url(../images/i-ab03.jpg) no-repeat top center; margin-right: 0; }
.i-ab ul a li b{ width: 100%; float: left; color: #333333; font-size: 16px; margin-top: 14px; }
.i-ab ul a li span{ width: 100%; float: left; color: #bbbbbb; font-size: 14px; margin-top: 4px; }


/* 首页产品 */
.i-products{ width: 100%; background: #fff; float: left; padding: 60px 0; border-bottom: 1px solid #cccccc; }
.i-products h2{ width: 100%; float: left; margin: 0; font-size: 36px; text-align: left; color: #333333; font-weight: bold; position: relative; padding-bottom: 14px; margin-bottom: 37px; text-transform: uppercase; }
.i-products h2:after{ width: 60px; height: 5px; content: ""; position: absolute; bottom: 0; left: 0; background: url(../images/d.jpg); }

.picScroll-left{ width:100%; float: left; position:relative;  }
.picScroll-left .hd{ overflow:hidden;  width: 100%; height: 30px; position: absolute; top: -71px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:30px; height:30px; float:right; overflow:hidden; cursor:pointer;}
.picScroll-left .hd .prev{ background: url(../images/pro_prev.jpg) no-repeat center; margin-right: 11px; }
.picScroll-left .hd .next{ background: url(../images/pro_next.jpg) no-repeat center; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ width: 100%; float: left;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width: 304px; margin-right: 22px;  }
.picScroll-left .bd ul li .pic{  }
.picScroll-left .bd ul li .pic img{ width:100%; height:236px; display:block; }
.picScroll-left .bd ul li .title{ width: 100%; float: left; height: 49px; line-height: 49px; text-align: center; font-size: 14px; background: #f1f1f3; margin-top: 6px; }
.picScroll-left .bd ul li .title a{ color: #000; }
.picScroll-left .bd ul li:hover .title a{ color: #fff;  }
.picScroll-left .bd ul li:hover .title{ background: #3dc4d8; }

/* 首页新闻 */
.i-news{ padding: 60px 0; float: left; width: 100%;}
.i-news h2{ width: 100%; float: left; margin: 0; font-size: 36px; text-align: center; color: #333333; font-weight: bold; position: relative; padding-bottom: 14px; margin-bottom: 35px; text-transform: uppercase; }
.i-news h2:after{ width: 60px; height: 5px; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -30px; background: url(../images/d.jpg); }
.i-news .l{ width: 918px; float: left; }
.i-news .l ul{ float: left; width: 100%; }
.i-news .l ul li{ width: 415px; float: left; margin-right: 44px; }
.i-news .l ul li img{ width: 100%; float: left; height: 228px; margin-bottom: 41px; }
.i-news .l ul li i{ width: 100%; float: left; height: 15px; line-height: 15px; padding-left: 25px; box-sizing: border-box; background: url(../images/time.jpg) no-repeat left center; color: #da251d; font-size: 12px; margin-bottom: 3px; }
.i-news .l ul li h3{ width: 100%; float: left; height: 43px; line-height: 43px; color: #000; font-size: 16px; position: relative; padding-bottom: 2px; margin-bottom: 20px; overflow: hidden; text-overflow:ellipsis;white-space:nowrap; }
.i-news .l ul li h3:after{ content: ""; float: left; width: 90px; height: 2px; background: #02376c; position: absolute; left: 0; bottom: 0; transition: all .3s ease; }
.i-news .l ul li p{ width: 100%; float: left; font-size: 12px; color: #000; line-height: 20px; margin: 0; margin-bottom: 32px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i-news .l ul li b{  float: left; font-size: 12px; color: #da251d; font-weight: normal; }
.i-news .l ul li:hover h3:after{ width: 120px; }
.i-news .r{ width: 361px; float: right; }
.i-news .r ul{ width: 100%; float: left; }
.i-news .r ul li{ width: 100%; float: left; }
.i-news .r ul li img{ width: 100%; height: 242px; float: left; }
.i-news .r ul li .text{ width: 100%; float: left; height: 207px; background: #373737; position: relative; }
.i-news .r ul li .text h3{ width: 100%; float: left; text-align: center; margin: 0; font-size: 16px; color: #fff;box-sizing: border-box; padding: 0 20px; height: 36px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-bottom: 15px; position: relative; margin-top: 39px; }
.i-news .r ul li .text h3:after{ position: absolute; content: ""; width: 90px; height: 4px; background: #fff; left: 50%; margin-left: -45px; bottom: 0; transition: all .3s ease; }
.i-news .r ul li .text p{ width: 100%; float: left; margin: 0; text-align: center; color: #fff; box-sizing: border-box; padding: 0 20px; height: 17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 29px; }
.i-news .r ul li .text .more{ width: 114px; height: 28px; background: #8b8b8b; color: #fff; line-height: 28px; text-align: center; display: block; position: absolute; left: 50%; margin-left: -57px; top: 151px; border-radius: 20px; }
.i-news .r ul li:hover .text h3:after{ width: 120px; margin-left: -60px; }
.i-news .r ul li .text .more:hover{ background: #fff; color: #000; }

/* 首页联系 */
.i-contact{ width: 100%; float: left; height: 480px; }
.i-contact .l{ width: 50%; float: left; height: 480px; }
.i-contact .r{ width: 50%; float: left; height: 480px; }
.i-contact .r .t{ width: 100%; float: left; height: 169px; background: #f1f1f3; padding-left: 80px; box-sizing: border-box; }
.i-contact .r .t img{ float: left; margin-top: 24px; }
.i-contact .r .t span{ float: left; width: 100%; font-size: 14px; color: #000; margin-top: 12px; }
.i-contact .r .b{ width: 100%; float: left; height: 311px; background: #dadade; padding-left: 80px; box-sizing: border-box; position: relative; }

.i-contact .r .b h2{ width: 100%; float: left; margin: 0; color: #454545; font-size: 31px; position: relative; padding-bottom: 14px; margin-top: 42px; }
.i-contact .r .b h2:after{ width: 46px; height: 4px; content: ""; position: absolute; bottom: 0; left: 0; background: url(../images/d2.jpg); }
.i-contact .r .b b{ width: 100%; float: left; height: 26px; line-height: 26px; font-size: 36px; color: #3dc4d8; padding-left: 31px; box-sizing: border-box; background: url(../images/c-tel.jpg) no-repeat left bottom; margin-top: 24px; }
.i-contact .r .b p{ width: 100%; float: left; font-size: 14px; color: #000; margin: 0; margin-top: 16px; }
.i-contact .r .more{ width: 280px; height: 64px; float: left; background: #3dc4d8 url(../images/c-ico.jpg) no-repeat right center; line-height: 64px; text-align: center; font-size: 18px; color: #fff; background-position: 247px; box-sizing: border-box; border:2px #3dc4d8 solid; margin-top: 22px; }
.i-contact .r .more:hover{ border-color: #fff; }
.i-contact .ewm{ position: absolute; width: 135px; height: 135px; left: 508px; top: 131px;}

.return_top{ width: 100%; height: 60px; background: #454545 url(../images/return_top.jpg) no-repeat center; float: left; transition: all .3 ease;  }

@font-face {
  font-family: 'iconfont';  /* project id 453956 */
  src: url('//at.alicdn.com/t/font_453956_03ardd7w0f5bqpvi.eot');
  src: url('//at.alicdn.com/t/font_453956_03ardd7w0f5bqpvi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_453956_03ardd7w0f5bqpvi.woff') format('woff'),
  url('//at.alicdn.com/t/font_453956_03ardd7w0f5bqpvi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_453956_03ardd7w0f5bqpvi.svg#iconfont') format('svg');
}

.footlist{ width: 100%; float: left;  background:#fff; height: 81px; }
.footlist p{ line-height: 81px; float: left;margin: 0; color: #333333; font-size: 16px; }
.footlist span{ float: right; line-height: 81px; font-size: 16px; color: #333333; }
.footlist span a{ color: #333333; }
.footlist span a:hover{ color: #3dc4d8; }
#cnzz_stat_icon_1275537263{ margin-top: 35px;
margin-left: 10px; }

/***********footer***************/


/* ny */
.n_banner{ width:100%; box-shadow:0 0 10px #bbb; position:relative; z-index:100}
/* 内页系列列表样式  */

.ny{ width:100%; padding-top: 60px; float: left; height:100%;background:#fff; font-family: "Arial",Microsoft YaHei;padding-bottom: 47px;}
.ny h2{ font-size: 36px; float: left; width: 100%; text-align: center; color: #5a5a5a; font-weight: bold;  letter-spacing: 5px; position: relative; padding-bottom: 37px; margin-bottom: 48px;}
.ny h2:after{ width: 56px; height: 4px; content: ""; background: #3dc4d8; position: absolute; bottom: 0; left: 50%; margin-left: -28px; }
.ny .list{ width: auto; margin: 0 auto; display: table;  }
.ny .list li{ display: table-cell;  }
.ny .list li a{ font-size: 14px; color: #666666; padding: 10px 27px;margin-right: 10px; border: 1px #3dc4d8 solid; }
.ny .list li:hover a{ color: #fff; background: #3dc4d8; }
.ny .list li.cur a{ color: #fff; background: #3dc4d8; }
.ny .list li.cur > a{ color: #fff; background: #3dc4d8; }



.n-contact{ width: 100%; float: left; padding-bottom: 68px; position: relative; display: none;}
.n-contact:after{ content: ""; width: 270px; height: 270px; border: 1px solid #eee;  box-shadow: 0 0 50px #ddd; float: left; margin-top: 30px; background: url(../images/n-right-photo.jpg) no-repeat bottom left;}
.n-contact:before{ content: ""; width: 270px; height: 54px; position: absolute; bottom: 0; left: 0; float: left; margin-top: 30px; background: url(../images/n-right-photo2.jpg) no-repeat bottom left;}

.n-contact ul{ width: 100%; float: left; color: #777; margin-top: 15px;}
.n-contact ul li{ position: relative; width: 100%; float: left; line-height: 20px; font-size: 12px; box-sizing: border-box; padding-left: 30px; margin: 6px 0;}
.n-contact ul li:after{ content: "\e6bc";  font-size: 24px; line-height: 24px; text-align: center; color: #333; font-family: "iconfont"; position: absolute; left: 0; top: 0;}
.n-contact ul li.icon-tel:after{ content: "\e6c5"; font-size: 16px;}
.n-contact ul li.icon-fax:after{ content: "\e746"; font-size: 16px;}
.n-contact ul li.icon-mail:after{ content: "\e602"; font-size: 20px;}


.n_location{width:100%;  display: none; color:#000; margin: 40px 0; font-size:12px; text-align:left; }
.n_location .weizhi{ display: block; text-align: center; color: #666; line-height:18px;}
.n_location a{ color:#666;}
.n_location a:hover{ color:#000; text-decoration:underline;}
.n_location a.n_h{ position:relative;}
.n_location i{ color:#999; padding:0 10px;}




.ny .n_nr{ width: 100%; float: right; }
.ny .xian{ width:100%; float: left; height: 5px; background: url(../images/d.jpg); margin: 0;  margin-top:50px; margin-bottom: 43px;}

/* 关于我们 */

.n_company{ width:100%; float: left; height: 538px; background: url(../images/Introduction.jpg) no-repeat top center; padding: 0 78px; box-sizing: border-box; }
.n_company h3{ font-size: 36px; color: #000; float: left; width: 100%; margin: 0; font-weight: bold; letter-spacing:6px; margin-top: 140px; }
.n_company h3 span{ font-size: 48px; }
.n_company p{ width: 100%; float: left; color: #000; font-size: 16px; margin: 0; line-height: 40px; margin-top:30px; }


/* 企业文化 */
.culture{ width: 100%; height: 663px; background: url(../images/culture.jpg); float: left; }
.culture .r{ width: 505px; float: right; margin-top: 54px; }
.culture .r b{ width: 100%; float: left; font-size: 30px; color: #000; margin-bottom: 10px; }
.culture .r span{ width: 100%; float: left; font-size: 14px; color: #606161; }
.culture .r span i{ color: #3dc4d8; }
.culture .r .k{ height: 95px; float: left; border-left: 4px solid #dfdfdf; margin-top: 22px; margin-bottom: 42px;  }
.culture .r p{ width: 100%; float: left; font-size: 16px; color: #797878; line-height: 30px; margin: 0; }
.culture .r ul{ width: 100%; float: left; margin-top: 77px; }
.culture .r ul li{ width: 118px; height: 122px; float: left; margin-right: 36px; }
.culture .r ul li:nth-child(1){ background: #02469a ; }
.culture .r ul li:nth-child(2){ background: #256fbb; }
.culture .r ul li:nth-child(3){ background: #90ba32; }
.culture .r ul li .pic{ width: 100%; float: left; }
.culture .r ul li .pic img{ display: block; margin: auto; margin-top: 20px; }
.culture .r ul li i{ width: 100%; float: left; text-align: center; color: #fff; font-size: 14px; margin-top: 13px; }

/* 联系 */
.lxfs{ text-align:left; width: 100%; float: right; color:#000; margin:0 0; }
.lxfs ul{ float: left; width: 100%; padding: 0 20px; box-sizing: border-box; }
.lxfs ul li{ width: 295px; float: left; margin-right: 20px; height: 207px; background: #eee; box-sizing: border-box; padding-top: 50px; position: relative; }
.lxfs ul li:nth-child(4){margin-right: 0; border:2px solid #3dc4d8;}
.lxfs ul li p{ width: 100%; float: left; padding-top: 57px; margin: 0; line-height: 24px; font-size: 14px; color: #797878; text-align: center; }
.lxfs ul li:nth-child(1) p{ background: url(../images/con_01.png) no-repeat top center; }
.lxfs ul li:nth-child(2) p{ background: url(../images/con_02.png) no-repeat top center; }
.lxfs ul li:nth-child(3) p{ background: url(../images/con_03.png) no-repeat top center; }
.lxfs ul li:nth-child(4) p{ background: url(../images/con_04.png) no-repeat top center; }
.lxfs ul li a{ width: 0; height: 50px; float: left; padding: 0; border: none; position: absolute; bottom: 0; background: #3dc4d8; left: 0; line-height: 50px; font-size: 14px; text-align: center; color: #fff; transition: all .3s ease; overflow: hidden; }
.lxfs ul li:hover a{ width: 100%; }

.n_map{ width: 100%; float: left; height: 300px; margin-top: 20px; }


.His{ width: 100%; margin: 0 auto; transition: all 0.3s ease; position: relative;}
.His .img ul{ display: block; width: 100%; height: 100%; }
.His .img ul li{ width: 100%; display: block; box-sizing: border-box; padding: 30px 0;  padding-left: 130px; position: relative; border-bottom: 1px solid #ddd;}
.His .img ul li .text{ font-size: 14px; line-height: 24px; display: inline-block; }
.His .img ul li .time{ font-size: 18px; height: 40px; line-height: 40px; color: #fff; border-radius: 5px;  position: absolute; width: 120px; left: 0; top: 30px; background: #e50112; text-align: center;}
.His .img ul li .time i{ display: none; width: 10px;position: relative;height: 10px; vertical-align: middle;border-radius: 50%; }


.n_certificate{  width:100%; margin: 0 auto; font-size: 0}
.n_certificate ul li+li img{ border: 0px solid #fff; width: 100%; box-sizing: border-box; } 
.n_certificate ul li{ width: 48%; display: inline-block; margin-right: 2%; margin-bottom: 2%; }



/* 设备 */

.Equipments{ width: 100%; display: block; padding: 10px 0 }
.Equipments ul{ width: 100%; display: block;  }
.Equipments ul li{  width: 32%; display: inline-block; float: left; font-size: 0;  margin-right: 2%; margin-bottom: 2%; }
.Equipments ul li:nth-child(3n){ margin-right: 0; }
.Equipments ul li img{ border: 1px solid #e6e6e6; display: block; float: left; box-sizing: border-box;}
.Equipments ul li span{ display: block; font-size: 14px; text-align: center; line-height: 40px; }


/* 产品 */

.n-cp{ width: 100%; float: left;  }
.n-cp ul{ width: 100%; float: left; }
.n-cp ul li{ width: 303px; float: left; margin-right: 22px; margin-bottom: 40px; }
.n-cp ul li:nth-child(4n){ margin-right: 0; }
.n-cp ul li img{ width: 100%; float: left; height: 235px; }
.n-cp ul li span{ width: 100%; color: #000; float: left; height: 49px; line-height: 49px; text-align: center; font-size: 14px; background: #f1f1f3;margin-top: 6px; }
.n-cp ul li:hover span{ background: #3dc4d8; color: #fff; }
/* 新闻中心 */


.news_ny{ width: 100%; float: left; }
.news_ny ul{ float: left; width: 100%; }
.news_ny ul li{ width: 415px; float: left; margin-right: 17px; margin-bottom: 40px; }
.news_ny ul li:nth-child(3n){ margin-right: 0; }
.news_ny ul li img{ width: 100%; float: left; height: 228px; margin-bottom: 41px; }
.news_ny ul li i{ width: 100%; float: left; height: 15px; line-height: 15px; padding-left: 25px; box-sizing: border-box; background: url(../images/time.jpg) no-repeat left center; color: #da251d; font-size: 12px; margin-bottom: 3px; }
.news_ny ul li h3{ width: 100%; float: left; height: 43px; line-height: 43px; color: #000; font-size: 16px; position: relative; padding-bottom: 2px; margin-bottom: 20px; overflow: hidden; text-overflow:ellipsis;white-space:nowrap; }
.news_ny ul li h3:after{ content: ""; float: left; width: 90px; height: 2px; background: #02376c; position: absolute; left: 0; bottom: 0; transition: all .3s ease; }
.news_ny ul li p{ width: 100%; float: left; font-size: 12px; color: #000; line-height: 20px; margin: 0; margin-bottom: 32px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_ny ul li b{  float: left; font-size: 12px; color: #da251d; font-weight: normal; }
.news_ny ul li:hover h3:after{ width: 120px; }

.xx_more{ padding: 10px; border: 1px solid #3dc4d8; color: #3dc4d8; }
.xx_more:hover{ background: #3dc4d8; color: #fff; }


/* 服务理念 */
.n_service{ width:1280px; margin:40px auto; display: flex; justify-content: space-around;}
.n_service .l{ width:640px; color: #333; box-sizing: border-box; margin:0;  font-size:14px; line-height:36px;}
.n_service .r{ width:640px; padding-left:60px; box-sizing: border-box; }


.n_service .l img{width:100%;}
.n_service .r b{ display: block; font-size: 18px; color: #000;}
.n_service .r p{ font-size:14px; color:#666; line-height:30px; margin-bottom: 20px; margin-top: 0;  width:100%;}



/* 下载中心 */
.ny_down{ width: 100%; float: left; }
.ny_down li{ width:100%; padding-bottom:20px; display: inline-block; border-bottom:1px dashed #ccc; margin-top:20px;}
.ny_down li .img{ width:30%; float: left;}
.ny_down li .img img{ width:100%; box-sizing: border-box; border:1px solid #ddd;}


.ny_down li dl{ width:67%; float: right;}
.ny_down li a{ width:100%;}
.ny_down li dt{ width:100%;font-size:16px; font-weight:bold; line-height:40px;}
.ny_down li dd{ width:100%;  font-size:14px; line-height:24px; height:auto; max-height:96px; overflow:hidden; padding:5px 0;}
.ny_down li a:hover{ opacity:0.7}

/* 招聘 */
.joblist{ width:100%; margin:0 auto}
.joblist .bt{ width:100%;font-size:16px; font-weight: bold; color: #000; line-height:40px; height: 40px;float: left;text-align: left;}
.joblist .list{ width:100%; float:left; padding-bottom:30px; margin-top:30px; border-bottom:1px solid #ddd;}
.list_con{ width:100%; float:left;}
.list_con dd{ width:50%; float:left;  box-sizing:border-box;font-size:14px; color:#666; line-height:36px;}
.nr_text{ width:100%; overflow:hidden; float:left; margin-top:20px; line-height:24px;}
.nr_text b{ width:100%; color: #000; float:left; font-size:16px; line-height:36px; margin-bottom: 10px;}


/* 页码 */

.page_zt{ width: 100%; float: left; text-align: center; height: 84px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin: 20px 0;}
.page_zt .page_r{ width: auto; display: inline-block; font-size: 12px; margin-top: 32px; color: #000}

.page_zt .page_r a{height:24px; margin: 0 3px; width:24px; box-sizing: border-box; border:1px solid #ddd; font-family:iconfont; color:#000; text-align:center; border-radius: 24px; display: inline-block; line-height:24px; font-size:12px;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.page_zt .page_r a.page_prev{ padding-right: 2px; line-height: 26px; font-family: SimSun; }
.page_zt .page_r a.page_next{ padding-left: 2px; line-height: 24px;  font-family: SimSun;}
.page_zt .page_r .ym{font-family:arial;}

.page_zt .page_r a:hover{background:#3dc4d8; border-color:#3dc4d8; color:#fff; opacity:0.7; cursor:pointer;}
.page_zt .page_r .ym2{ height:24px; width:24px; background:#3dc4d8; color:#fff; margin: 0 3px; font-weight: normal; text-align:center; border-radius: 24px; display: inline-block; line-height:24px; font-size:12px;cursor:pointer;}
.page_zt .page_r .ym2:hover{ opacity:0.7; cursor:pointer;}



.jquery-lightbox-overlay {
  BACKGROUND: #000000
}
.jquery-lightbox {
  POSITION: relative; PADDING-BOTTOM: 17px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 17px
}
.jquery-lightbox-border-top-left {
  Z-INDEX: 7000; POSITION: absolute; WIDTH: 12%; HEIGHT: 17px
}
.jquery-lightbox-border-top-right {
  Z-INDEX: 7000; POSITION: absolute; WIDTH: 12%; HEIGHT: 17px
}
.jquery-lightbox-border-bottom-left {
  Z-INDEX: 7000; POSITION: absolute; WIDTH: 12%; HEIGHT: 17px
}
.jquery-lightbox-border-bottom-right {
  Z-INDEX: 7000; POSITION: absolute; WIDTH: 12%; HEIGHT: 17px
}
.jquery-lightbox-border-top-left {
  BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat 0px 0px; TOP: 0px; LEFT: 0px
}
.jquery-lightbox-border-top-right {
  BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat right 0px; TOP: 0px; RIGHT: 0px
}
.jquery-lightbox-border-top-middle {
  Z-INDEX: 7000; POSITION: absolute; WIDTH: 78%; BACKGROUND: #2b2b2b; HEIGHT: 7px; OVERFLOW: hidden; TOP: 0px; LEFT: 12%
}
.jquery-lightbox-border-bottom-left {
  BOTTOM: 0px; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat 0px bottom; LEFT: 0px
}
.jquery-lightbox-border-bottom-right {
  BOTTOM: 0px; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat right bottom; RIGHT: 0px
}
.jquery-lightbox-border-bottom-middle {
  Z-INDEX: 7000; POSITION: absolute; WIDTH: 78%; BOTTOM: 0px; BACKGROUND: #2b2b2b; HEIGHT: 7px; OVERFLOW: hidden; LEFT: 12%
}
.jquery-lightbox-title {
  Z-INDEX: 7000; POSITION: absolute; PADDING-BOTTOM: 5px; LINE-HEIGHT: 14px; MARGIN: 3px; PADDING-LEFT: 8px; BOTTOM: 0px; PADDING-RIGHT: 8px; FONT-FAMILY: verdana, arial, serif; BACKGROUND: #2b2b2b; COLOR: #ffffff; FONT-SIZE: 11px; PADDING-TOP: 5px; opacity: 0.9
}
.jquery-lightbox-html {
  Z-INDEX: 7000; BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: #2b2b2b 7px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; VERTICAL-ALIGN: top; BORDER-TOP: 0px; BORDER-RIGHT: #2b2b2b 7px solid; PADDING-TOP: 0px
}
.jquery-lightbox-html EMBED {
  VERTICAL-ALIGN: top
}
.jquery-lightbox-html OBJECT {
  VERTICAL-ALIGN: top
}
.jquery-lightbox-html IFRAME {
  VERTICAL-ALIGN: top
}
.jquery-lightbox-background {
  Z-INDEX: 6999; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; TOP: 7px; PADDING-TOP: 0px; LEFT: 7px
}
.jquery-lightbox-background IMG {
  BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 100%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
.jquery-lightbox-mode-image .jquery-lightbox-html {
  Z-INDEX: 6998; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.jquery-lightbox-mode-html .jquery-lightbox-background {
  BACKGROUND: #ffffff
}
.jquery-lightbox-mode-html .jquery-lightbox-html {
  OVERFLOW: auto
}
.jquery-lightbox-loading {
  BACKGROUND: url(../images/loading.gif) #ffffff no-repeat center center
}
.jquery-lightbox-mode-html .jquery-lightbox-loading {
  BACKGROUND: url(../images/loading.gif) #ffffff no-repeat center center
}
.jquery-lightbox-button-close {
  POSITION: absolute; WIDTH: 29px; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -190px -115px; HEIGHT: 29px; TOP: 12px; RIGHT: -26px
}
.jquery-lightbox-button-close:hover {
  BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -220px -115px
}
.jquery-lightbox-button-close SPAN {
  DISPLAY: none
}
.jquery-lightbox-buttons SPAN {
  DISPLAY: none
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close {
  Z-INDEX: 7002; RIGHT: 14px
}
.jquery-lightbox-buttons {
  Z-INDEX: 7001; POSITION: absolute; DISPLAY: none; HEIGHT: 39px; TOP: 7px; LEFT: 7px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init {
  WIDTH: 5px; DISPLAY: inline; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end {
  WIDTH: 5px; DISPLAY: inline; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init {
  MARGIN: 7px 0px 0px 7px; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -151px -153px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end {
  MARGIN: 7px 0px 0px; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -244px -153px
}
.jquery-lightbox-buttons .jquery-lightbox-button-left {
  MARGIN: 7px 0px 0px; WIDTH: 24px; DISPLAY: inline; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -156px -153px; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover {
  BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -156px -194px
}
.jquery-lightbox-buttons .jquery-lightbox-button-right {
  MARGIN: 7px 0px 0px; WIDTH: 24px; DISPLAY: inline; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -220px -153px; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover {
  BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -220px -194px
}
.jquery-lightbox-buttons .jquery-lightbox-button-max {
  MARGIN: 7px 0px 0px; WIDTH: 36px; DISPLAY: inline; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -182px -153px; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover {
  BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -182px -194px
}
.jquery-lightbox-buttons .jquery-lightbox-button-min {
  MARGIN: 7px 0px 0px; WIDTH: 36px; DISPLAY: inline; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -162px -235px; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover {
  BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -207px -235px
}
.jquery-lightbox-buttons-custom {
  LINE-HEIGHT: 39px; MARGIN: 7px 0px 0px; DISPLAY: inline; BACKGROUND: #2b2b2b; FLOAT: left; HEIGHT: 39px; FONT-SIZE: 10px
}
.jquery-lightbox-buttons-custom A {
  PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: inline; COLOR: #ffffff; FONT-SIZE: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: underline; PADDING-TOP: 0px
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close {
  opacity: 0.7
}
.jquery-lightbox-mode-image .jquery-lightbox-buttons {
  opacity: 0.3
}
.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons {
  opacity: 0.9
}
.jquery-lightbox-mode-image:hover .jquery-lightbox-button-close {
  opacity: 0.9
}
.jquery-lightbox-navigator {
  DISPLAY: none
}


@media screen and (max-width:1440px) {
  .slideBox .bd li p{ top: 211px; font-size: 31px; }
  .slideBox .bd li p b{ font-size: 59px; }

}

@media screen and (max-width:1600px) {

}