@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-01-15 10:52:40
 * @version $Id$
 */

.header{position:absolute;left:0px;width:100%;top:0px;z-index:9999;padding:2.083333333% 2.083333333% 0px;box-sizing:border-box;transition:all 0.3s linear;}
.header .headC{padding:20px 30px;transition:all 0.2s linear;position:relative;overflow:hidden;width:1400px;margin:0 auto}


.header .logo{float:left;}
.header .nav{float:left;margin-top:6px;}
.header .nav li{float:left;font-size:14px;position:relative;}
.header .nav li a{color:#fff;display:block;height:40px;width:140px;text-align:center;line-height:40px;transition:all 0.2s linear;}
.header .nav li a:hover,.header .nav li .current{color:#00a0e9;}

/*.header .nav li .slideNav{position:absolute;right:0px;top:60px;width:100%;background-color:#f7f7f7;box-sizing:border-box;border-bottom:none;z-index:10000000;}
.header .nav li .slideNav a{display:block;line-height:40px;border-bottom:1px solid #eee;padding-left:14px;color:#555;transition:all 0.3s linear;}
.header .nav li .slideNav a:hover{color:#fff;background-color:#00a0e9;}
.header .nav li .slideNav .lsj{width:24px;height:12px;background:url(../images/lsj.png) center no-repeat;position:absolute;right:30px;top:-12px;z-index:100;}
.header .nav li .slideNav .on{background-color:#00a0e9;color:#fff;}*/

.header .siteRight{float:right;margin-top:5px;}
.header .search{float:left;margin-left:6px;margin-top:4px;}
.header .search .sebtn{cursor:pointer;}
.header .search .searchBox .close{width:40px;height:40px;position:absolute;right:0px;top:0px;background:url(../images/close11.png) center no-repeat;background-size:12px 12px;cursor:pointer;transition:all 0.3s linear;}
.header .search .searchBox .close:hover{transform:rotate(90deg);}

.header .search .searchBox{position:absolute;height:40px;width:300px;right:-400px;top:50%;margin-top:-20px;background-color:#272727;}
.header .search .ip_group{width:260px;position:relative;}

.header .search .ip_group .txt{height:40px;box-sizing:border-box;width:260px;box-sizing:border-box;padding:0px 50px 0px 10px;font-size:14px;background:none;outline:none;border:none;color:#fff;}
.header .search .ip_group .sub{height:40px;width:40px;box-sizing:border-box;cursor:pointer;position:absolute;right:0px;top:0px;font-size:0px;background:url(../images/ser.png) center no-repeat;border:none;outline:none;}


.header .search .ip_group .txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1; 
}

.header .search .ip_group .txt::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;opacity:1;
}

.header .search .ip_group .txt:-ms-input-placeholder{
    color: #fff;opacity:1;
}

.header .search .ip_group .txt::-webkit-input-placeholder{
    color: #fff;opacity:1;
}


.header .login{float:left;}
.header .login li{float:left;font-size:14px;}
.header .login li a{color:#fff;padding:0px 6px;transition:all 0.3s linear;}
.header .login li a:hover{color:#00a0e9;text-decoration:underline;}

.headerScro{padding-top:0px;}
.headerScro .headC{background-color:#272727 !important;box-shadow:0px 1px 20px rgba(0,0,0,0.2);}




.headerSJ{display:none;}

.banner{position:relative;width:100%;overflow:hidden;cursor:pointer;}

.banner .tabBtn{position:absolute;left:0px;bottom:0px;width:50%;z-index:100;opacity:1;}
.banner .tabBtn ul li{width:33.3333%;float:left;height:60px;background-color:rgba(255,255,255,0.5);box-sizing:border-box;}
.banner .tabBtn ul .line1{border-left:1px solid #eee;display:none;}
.banner .tabBtn ul .line2{position:relative;}
.banner .tabBtn ul .line2{font-size:20px;color:#666;}
.banner .tabBtn ul .line2 .pageOn{width:auto;bottom:0px;height:60px;line-height:60px;color:#eee;left:20px;}
.banner .tabBtn ul .line2 span{color:#0e6eb8;font-size:40px;}
.banner .tabBtn ul .line3{position:relative;border-right:none;}
.banner .tabBtn ul .line3 .btn{width:auto;height:60px;background:none;line-height:60px;font-size:14px;text-transform:uppercase;opacity:1;color:#eee;top:50%;margin-top:-30px;transition:all 0.3s linear;}
.banner .tabBtn ul .line3 .btn:hover{color:#00a0e9;}
.banner .tabBtn ul .line3 .prev{padding-left:24px;background:url(../images/prev.png) left center no-repeat;left:50px;}
.banner .tabBtn ul .line3 .prev:hover{background-image:url(../images/prevf.png);}
.banner .tabBtn ul .line3 .next{padding-right:24px;background:url(../images/next.png) right center no-repeat;right:50px;}
.banner .tabBtn ul .line3 .next:hover{background-image:url(../images/nextf.png);}

.about{position:relative;padding-top:120px;padding-bottom:60px;}
.about .line{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:-1;}
.about .line ul{height:100%;}
.about .line ul li{height:100%;width:16.66666%;border-right:1px solid #eee;box-sizing:border-box;float:left;}
.about .line ul .line1{border-left:1px solid #eee;}
.about .aboutTxt .caption{width:50%;float:left;padding-top:40px;position:relative;left:-60px;opacity:0;}
.about .aboutTxt .caption .tit{font-size:30px;color:#3c3c3c;padding-left:26px;border-left:4px solid #0e6eb8;line-height:36px;}
.about .aboutTxt .caption .tit span{display:block;font-size:20px;color:#ccc;font-weight:bold;padding-left:2px;}
.about .aboutTxt .caption .body{padding-top:50px;padding-left:26px;font-size:16px;color:#666;line-height:30px;padding-right:40px;text-align:justify;}
.about .aboutTxt .caption .body p{margin-bottom:35px;}
.about .aboutTxt .caption .body .more{display:block;width:160px;height:46px;text-align:center;line-height:46px;font-size:16px;background-image:linear-gradient(to right, #66b7f9,#1c82d4);border-radius:26px;color:#fff;transition:all 0.3s linear;margin-top:50px;}
.about .aboutTxt .caption .body .more:hover{box-shadow:0px 1px 10px rgba(13,113,187,0.5);transform:translateY(-2px);}
.about .aboutTxt .abtPic{width:50%;float:right;background:url(../images/hw.png) 68px 200px no-repeat;position:relative;padding-bottom:60px;position:relative;right:-60px;opacity:0;}
.about .aboutTxt .abtPic .pic{float:right;padding-right:38px;}
/*.about .aboutTxt .abtPic .line{display:block;width:70px;height:4px;background-color:#0e6eb8;position:absolute;left:300px;bottom:30px;z-index:100;}*/


.NP_G{background-color:#f7f7f7;padding:70px 0px 60px;}
.NP_G .news{width:36%;float:left;box-sizing:border-box;}
.NP_G .news .tit{font-size:30px;color:#333;margin-bottom:20px;}
.NP_G .news .body{padding-left:1px;}
.NP_G .news .body li{font-size:16px;margin-bottom:12px;line-height:26px;}
.NP_G .news .body li a{color:#333;transition:all 0.3s linear;}
.NP_G .news .body li a em{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.NP_G .news .body li a:hover{color:#00a0e9;}
.NP_G .news .body li a span{display:block;font-size:13px;color:#888;margin-top:0px;}
.NP_G .product{width:60%;float:right;}
.NP_G .product .tit{font-size:30px;color:#333;margin-bottom:20px;padding-left:6px;}
.NP_G .product .body li{width:50%;float:left;padding:0px 10px;box-sizing:border-box;margin-bottom:20px;}
.NP_G .product .body .caption h3{font-weight:normal;font-size:16px;color:#333;padding-top:16px;transition:all 0.3s linear;}
.NP_G .product .body li:hover h3{color:#00a0e9;}
.NP_G .product .body .caption p{font-size:14px;color:#555;padding-top:5px;}
.NP_G .product .body li .pic{overflow:hidden;}
.NP_G .product .body li .pic img{transition:all 0.3s linear;}
.NP_G .product .body li:hover .pic img{transform:scale(1.08);}

@media(max-width:1600px){
	
.banner .tabBtn ul li{width:33.3333%;float:left;height:50px;background-color:rgba(255,255,255,0.5);border-right:none;box-sizing:border-box;}
.banner .tabBtn ul .line1{display:none;}
.banner .tabBtn ul .line2{position:relative;border-left:none;}
.banner .tabBtn ul .line2{font-size:16px;color:#666;text-align:center;}
.banner .tabBtn ul .line2 .pageOn{width:auto;bottom:0px;height:50px;line-height:50px;display:inline-block;left:10px;}
.banner .tabBtn ul .line2 span{color:#0e6eb8;font-size:30px;}
.banner .tabBtn ul .line3{position:relative;}
.banner .tabBtn ul .line3 .btn{width:auto;height:80px;background:none;line-height:80px;font-size:14px;text-transform:uppercase;opacity:1;color:#eee;top:50%;margin-top:-40px;transition:all 0.3s linear;}
.banner .tabBtn ul .line3 .btn:hover{color:#00a0e9;}
.banner .tabBtn ul .line3 .prev{padding-left:24px;background:url(../images/prev.png) left 35px no-repeat;left:0px;}
.banner .tabBtn ul .line3 .next{padding-right:24px;background:url(../images/next.png) right 36px no-repeat;right:50px;}
}

@media(max-width:1400px){

.banner .bannertxt{position:absolute;left:-60px;top:250px;z-index:100;color:#fff;padding-left:200px;background:url(../images/line.gif) left 20px no-repeat;background-size:180px 2px;opacity:0;}
.banner .bannertxt h3{font-size:30px;font-weight:normal;}
.banner .tabBtn ul .line3 .prev{padding-left:24px;background:url(../images/prev.png) left 35px no-repeat;left:10px;}

.banner .tabBtn ul .line3 .next{padding-right:24px;background:url(../images/next.png) right 36px no-repeat;right:10px;}

}


@media(max-width:1470px){

.header .nav{float:left;margin-top:6px;margin-left:100px;}
.header .nav li a{width:120px;}
.about .aboutTxt .caption{width:50%;float:left;padding-top:0px;position:relative;left:-60px;opacity:0;}
.about .aboutTxt .abtPic .pic{float:right;padding-right:0px;}




}

@media(max-width:1250px){
.header .nav{float:left;margin-top:6px;margin-left:40px;}
.header .nav li a{width:100px;}
.banner .bannertxt{display:none;}

.about .g-in{width:80%;}
/*.NP_G .g-in{width:80%;}*/
.about .line{display:none;}

}






@media(max-width:1050px){
.header .logo{width:150px;margin-top:6px;}
.header .nav{float:left;margin-top:6px;margin-left:40px;}
.header .nav li a{width:90px;}

}

@media(max-width:960px){

.header{display:none;}
.headerSJ{display:block;position:fixed;left:0px;top:0px;background-color:#fff;width:100%;z-index:1000;box-sizing:border-box;padding:12px 15px 12px;/*height:66px;box-sizing:border-box;*/box-shadow:0px 1px 10px rgba(0,0,0,0.3);}
.headerSJ .siteRight{float:right;margin-top:10px;}

.headerSJ .logo{float:left;width:136px;height:auto;}
.headerSJ .login{float:left;}
.headerSJ .login li{float:left;font-size:14px;}
.headerSJ .login li a{color:#333;padding:0px 2px;transition:all 0.3s linear;}
.headerSJ .login li a:hover{color:#00a0e9;text-decoration:underline;}
.headerSJ .menu {float:left;margin-left:10px;}
.headerSJ .menu span{display:block;width:26px;height:3px;background-color:#00a0e9;}
.headerSJ .menu .sp2{margin:5px 0px;}

/*.headerSJ .navWrap{position:fixed;left:-50%;opacity:0;top:0px;width:50%;background-color:#ccc;height:100%;box-sizing:border-box;padding:30px 0px 0px 30px;z-index:1200;}
.headerSJ .navWrap .nav a{color:#333;font-size:16px;line-height:36px;}
*/

.headerSJ .navwrap{position:fixed;top:0px;left:-50%;width:50%;height:100%;z-index:1200;background-color:#000;opacity:0;}
.headerSJ .navwrap .nav{padding:20px 5% 0px 5%;}
.headerSJ .navwrap .nav li{line-height:38px;border-bottom: 1px solid #333;padding:0px 5%;}
.headerSJ .navwrap .nav li a{display:block;color:#fff;font-size:15px;}
.headerSJ .navbg{position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index: 1001;display:none;}

.headerSJ .navwrap .nav .SJbod{display:none;}
.headerSJ .navwrap .nav .SJbod dd a{height:36px;line-height:36px;font-size:13px;}
.headerSJ .navblack{position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1100;display:none;}
	
.headerSJ .search{padding:20px 5% 0px;}
.headerSJ .search .searchBox{position:relative;}
.headerSJ .search .txt{width:100%;height:30px;border:none;outline:none;padding:0px 35px 0px 10px;box-sizing:border-box;font-size:14px;border-radius:16px;}
.headerSJ .search .sub{width:30px;height:30px;background:url(../images/ser.png) center no-repeat;position:absolute;right:0px;top:0px;outline:none;box-sizing:border-box;font-size:0px;border:none;background-color:#00a0e9;border-top-right-radius:15px;border-bottom-right-radius:15px;}

.banner{padding-top:50px;}
.banner .tabBtn ul li{width:50%;height:42px;}
.banner .tabBtn ul .line2{border:none;background-color:transparent;}
.banner .tabBtn ul .line2 .pageOn{height:42px;line-height:42px;}


.banner .tabBtn ul .line3{display:none;}


.about .g-in{width:100%;}
.NP_G .g-in{width:100%;}


.about{position:relative;padding-top:30px;padding-bottom:30px;}
.about .aboutTxt .caption{width:50%;float:left;padding-top:0px;position:relative;left:-60px;opacity:0;}
.about .aboutTxt .caption .tit{font-size:16px;color:#3c3c3c;padding-left:0px;border-left:0px solid #0e6eb8;line-height:20px;text-align:center;}
.about .aboutTxt .caption .tit span{display:block;font-size:14px;color:#ccc;font-weight:bold;padding-left:0px;}
.about .aboutTxt .caption .body{padding-top:20px;padding-left:10px;font-size:14px;color:#666;line-height:22px;padding-right:10px;text-align:justify;}
.about .aboutTxt .caption .body p{margin-bottom:8px;}
.about .aboutTxt .caption .body .more{display:block;width:160px;height:46px;text-align:center;line-height:46px;font-size:16px;background-image:linear-gradient(to right, #66b7f9,#1c82d4);border-radius:0px;color:#fff;transition:all 0.3s linear;margin-top:50px;}
.about .aboutTxt .caption .body .more:hover{box-shadow:0px 1px 10px rgba(13,113,187,0.5);transform:translateY(-2px);}

.NP_G{padding:20px 0px 30px;}
.NP_G .news{width:100%;padding:0px 10px;text-align:justify;}
.NP_G .product{width:100%;padding-top:20px;}
.NP_G .news .tit{font-size:16px;color:#333;margin-bottom:20px;text-align:center;}
.NP_G .news .body li{font-size:14px;margin-bottom:8px;line-height:23px;}
.NP_G .news .body li a span{margin-top:0px;font-size:12px;}

.NP_G .product .tit{font-size:16px;margin-bottom:20px;text-align:center;}
.NP_G .product .body li{width:100%;float:left;padding:0px 10px;box-sizing:border-box;margin-bottom:15px;}
.NP_G .product .body li:last-child{margin:0px;}
.NP_G .product .body .caption h3{font-weight:normal;font-size:14px;color:#333;padding-top:10px;transition:all 0.3s linear;}
.NP_G .product .body li:hover h3{color:#00a0e9;}
.NP_G .product .body .caption p{font-size:12px;color:#555;padding-top:0px;}
.NP_G .product .body li .pic{overflow:hidden;}
.NP_G .product .body li .pic img{transition:all 0.3s linear;}
.NP_G .product .body li:hover .pic img{transform:scale(1.08);}

}

@media(max-width:580px){
	.about .aboutTxt .caption{width:100%;}
	.about .aboutTxt .abtPic{width:100%;display:none;}
	.about .aboutTxt .caption .body .more{margin:0 auto;margin-top:20px;width:100px;height:34px;line-height:34px;font-size:14px;}
	.about .aboutTxt .caption .body{padding:20px 0px 0px;}
}