@charset "utf-8";
html {color: #000;background:#fff;}
body {
	color: #666;
	font-size: 12px;
} /*网站字体颜色*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
a {
	color: #666;
	text-decoration: none;
}  /*for ie f6n.net*/
a:focus {
	outline: 0;
} /*for ff f6n.net*/
a:hover {
	text-decoration: underline;
}
.vam {
	vertical-align: middle;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
p {
	word-spacing: -1.5px;
}
.tr {
	text-align: right;
}
.tl {
	text-align: left;
}
.center {
	text-align: center;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.content{
	width: 1200px;
	margin: 0 auto;
	font-family: "Microsoft Yahei";
}
.sl_c {
	padding-top: 87px;
	height: 503px;
}
.sl_c .tit {
	text-align: center;
	height: 146px;
}
.sl_c .tit i {
	font-size: 0;
	line-height: 0;
	background: url(../images/sl_tt.jpg) no-repeat center;
	display: block;
}
.sl_c .tit span {
	height: 73px;
	line-height: 73px;
	font-size: 26px;
	color: #343d3b;
	display: block;
}
.sl_c .nr li {
	float: left;
	width: 25%;
	text-align: center;
}
.sl_c .nr li i {
	width: 125px;
	height: 125px;
	border: 1px solid #eaeaea;
	border-radius: 50%;
	margin: 0 auto;
	box-sizing: border-box;
	display: block;
	transition: all 1s;
}
.sl_c .nr li:hover i {
	transform: rotate(360deg);
}
.sl_c .nr li h4 {
	height: 35px;
	line-height: 24px;
	font-size: 24px;
	color: #343d3b;
	margin-top: 30px;
	font-weight: normal;
}
.sl_c .nr li p {
	font-size: 14px;
	color: #777777;
	line-height: 30px;
	padding-top: 18px;
}
.sl_c .nr li:nth-child(1) i {
	background: url(../images/sl_ico1.png) no-repeat;
}
.sl_c .nr li:nth-child(2) i {
	background: url(../images/sl_ico2.png) no-repeat;
}
.sl_c .nr li:nth-child(3) i {
	background: url(../images/sl_ico3.png) no-repeat;
}
.sl_c .nr li:nth-child(4) i {
	background: url(../images/sl_ico4.png) no-repeat;
}
.sl_c .nr li:nth-child(1):hover i {
	background: url(../images/sl_ico1_hv.png) no-repeat;
}
.sl_c .nr li:nth-child(2):hover i {
	background: url(../images/sl_ico2_hv.png) no-repeat;
}
.sl_c .nr li:nth-child(3):hover i {
	background: url(../images/sl_ico3_hv.png) no-repeat;
}
.sl_c .nr li:nth-child(4):hover i {
	background: url(../images/sl_ico4_hv.png) no-repeat;
}
a:hover{ text-decoration:none;}

/*顶部*/
.header{width:100%;position: fixed; left:0; top:0; z-index:99; background:#fff;}
.site-topbar {position: relative; z-index: 30; height: 80px; color: #888;}


.site-topbar .logo {position: relative; float: left; width:145px; height: 50x; margin-top:15px;}
.site-topbar .logo img { height:50px;width:145px;}

.site-header {position: relative; z-index: 20; height: 55px; background:#1589c9; }
.site-header .container {position: relative; }


.search-box { width: 165px; float: right; padding-top: 22px; margin-right:80px;}
.search-box .search-border { width: 215px; height: 36px; position: relative; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.shopcar-link { float: right; margin-top: 16px; height: 36px; position: relative;}
.search-border .search-txt { width: 185px; height: 33px; line-height: 100%; margin-left: 20px; padding-left:5px;color: #bbb; font-size: 12px; border: 1px solid #eee; background: transparent none; font-family:"微软雅黑";  }
.search-border .search-txt:focus { outline: none; }
.search-border .search-icon { display: inline-block; *display: inline; width: 20px; height: 100%; cursor: pointer; background: url(../images/icon-search.png) no-repeat center center; position: absolute; margin-left:-35px;   }

.site-topbar .topbar-nav {float: right; height: 28px; margin-top:26px;  background:url(../images/top_img1.png) 0 6px no-repeat; overflow: hidden; padding-left:20px; line-height:28px; font-size:14px;}
.site-topbar .topbar-nav a:hover{ color:#1589c9;}
  

/*导航*/
.site-header .header-nav {float: left; width: 1200px; }
.site-header .nav-list {position: relative; z-index: 10; float: left; max-width: 1200px; height: 55px;  list-style-type: none; font-size: 16px; }
.site-header .nav-item {float: left;}
.site-header .nav-item.textLink {float: left; position: relative;}
.site-header .nav-item .link {display: block; padding: 0 48px 0 49px; color: #fff; height: 55px;line-height:55px; font-size: 16px; }
.site-header .nav-item.on {background: #333; color: #fff; height: 55px; line-height:55px; }
.site-header .nav-item:hover{background: #333; color: #fff;height: 55px;}
.site-header .nav-item .item-children {display:none; position: absolute; z-index: 99999; top: 55px; left: 0px; z-index: 24; width: 1200px; background: #fff; overflow: hidden; _zoom: 1; }
.site-header .nav-item.textLink .item-children {display: none; position: absolute; z-index: 99999; top: 55px; left:0; z-index: 24; width: 100%; background: #fff; overflow: hidden; _zoom: 1; } 
.site-header .nav-item.on .item-children {border-bottom: 2px solid #1589c9 \9; -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.18); box-shadow: 0 3px 4px rgba(0,0,0,0.18); -webkit-transition: -webkit-box-shadow .2s; transition: box-shadow .2s; }

.site-header .nav-item .item-children dl{ float:left; }
.site-header .nav-item .item-children dl dt{ width:152px; float:left; margin:27px 0 27px 17px;}
.site-header .nav-item .item-children dl dt img{ width:150px; border:1px solid #ccc; display:block;}
.site-header .nav-item .item-children dl dt .titlenav{ text-align:center; font-size:14px;}


.site-header .nav-item.textLink .item-children dl{ width:100%; padding:10px 0;}
.site-header .nav-item.textLink .item-children dl dd{ width:100%; padding-top: 0;}
.site-header .nav-item.textLink .item-children dl dd a{font-size: 14px; line-height: 40px; display: block; width: 100%; text-align: center;overflow: hidden;word-break: break-all; }
.site-header .nav-item.textLink .item-children dl dd a:hover{background: #1589c9; color: #fff}

/*幻灯片*/
 		*{zoom:1}
		.fullSlide{ position:relative; margin:165px auto 0; }
		.fullSlide .bd{ position:relative; z-index:0; }
		.fullSlide .bd li img{width:100%; vertical-align:top;  } 
		.fullSlide .hd{position:relative; z-index:1; margin-top:-50px; height:30px; line-height:30px;  text-align:center;
		}
		.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
		.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:5px; border:1px solid #fff; font-size:0;border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;
		}
		.fullSlide .hd ul .on{ border:1px solid #1589c9;}
		.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-17% 0 0 3%; float:left;  background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
		.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
		.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

/* 产品导航 */
 .aaa {
	background: url(../images/lis1_bj.jpg) no-repeat center top;
	overflow: hidden
}
.dingz h4 {
	float: left;
	width: 173px;
	line-height: 144px;
	font-size: 30px;
	color: #fff;
	font-weight: normal;
	height: 171px;
}
.dingz h4 a {
	color: #fff;
	text-decoration: none;
}
.fenl {
	float: left;
	width: 1006px;
	padding: 10px 0 0 20px;
	height: 146px;
}
.as1 {
	height: 30px;
	margin-bottom: 16px;
}
.as1 span {
	float: left;
	width: 195px;
	height: 30px;
	display: block;
	background: #222222;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	margin-right: 45px;
}
.as1 span a {
	color: #fff;
}
.as1 li {
	float: left;
	margin-bottom:16px;
	
	height: 30px;
	line-height: 30px;
	text-align:center;
}
.as1 li a {
	font-size: 16px;
	color: #666666;
    text-align:center;
	width:140px;
	display:block;
}
.as1 li a:hover {
background:#000;
color:#fff;
}
.as1 em {
	font-size: 16px;
	color: #666;
	margin-right: 28px;
	float: left;
	line-height: 30px;
}
 

/* 首页产品 */
.pro_fr {
font-size:0;
line-height: 0;
float:right;
width:694px;
margin-top:72px;
}
.pro_fr img {
	width: 694px;
	height: 400px;
}
.pro {
	padding-top: 30px;
	
}
.pro li {
	background-color:#FFF;
	float: left;
	width: 274px;
	margin-right: 32px;
	margin-bottom:30px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	border: 1px solid #ddd;
}
.pro li:nth-child(4) {margin-right: 0;}




.pro li i {
	border-bottom: 1px solid #ddd;
	width: 274px;
	height:240px;
	overflow: hidden;
	display: block;
}
.pro li img {
	width: 274px;
	height:240px;
	transition: all 1s;
}
.pro li span{
	display: block;
	height: 25px;
}
.pro li span a {
	display: block;
	line-height: 10px;
	color: #606060;
	font-size: 14px;
	margin-top: 16px;
	text-align: center;
}
.pro li:last-child {
	margin: 0;
}
.pro li img:hover {
	transform: scale(1.1);
}

/* 首页研发制造 */
.list3{height: 1606px;padding-top:103px;}
.yous {width:1200px;margin:0 auto;position:relative;}
.ys_t1{position: absolute;right:-1px;top:5px;}
.ys_t1 i {position: absolute;right:0px;top:-30px;}
.ys_t2{position: absolute;left:1px;top:659px;}
.ys_t2 i {position: absolute;left:0px;top:-35px;}
.ys_t3{position: absolute;right:0px;top:1049px;}
.ys_t3 i {position: absolute;right:0px;top:28px;}
.yous .tit {height: 260px;padding-left:4px;}
.yous .tit i {font-size:0;line-height: 0;display: block;}
.yous .tit h4 {font-size:30px;color: #343d3b;font-weight: normal;padding:40px 0 0 167px;height: 47px;line-height: 47px;}
.yous .tit span {font-size:18px;color: #8b8f8e;height: 35px;line-height: 35px;padding-left:167px;}
.yous dt{float:left;width:71px;height: 71px;text-align: center;background-color:#1589c9;line-height: 66px;font-size:18px;color: #fff;text-transform: uppercase; font-family:微软雅黑;}
.yous dd {float:left;width:524px;padding-left:18px;}
.yous dd h4 {font-size:20px;color: #666666;line-height: 30px;height: 71px;margin-bottom:14px;padding-left:13px;}
.yous dd h4 span {display:block;font-weight: normal; font-family:微软雅黑;}
.yous dd li{padding-left:13px;font-size:14px;color: #888888;background: url(../../images/ys_ico2.jpg) no-repeat left center;}
.yous dd p {padding-top:30px;font-size:18px;color: #555555;}
.yous dd p span {padding-left:13px;background: url(../images/ys_ico3.jpg) no-repeat left center;margin-right:13px;}
.yous dd p span b {color: #1589c9	;font-weight: bold}
.ys1{position: absolute;left:0;top:296px;}
.ys2{position: absolute;right:0;top:742px;}
.ys3{position: absolute;left:0;top:1150px;}
.mt20{margin-top:55px; border:1px solid #666; width:270px;height:30px;}
.mt20 b{background:#000; padding-left:15px;display:block;color:#fff;height:30px;width:80px; line-height:30px;}
.mt20 span{ line-height:30px; padding-right:20px; font-weight:bold; color:#111;font-size:16px;}
.ys_z{padding-top:17px;line-height: 30px;font-size:666666;font-size:14px;}

/* 新闻中心 */
.media{width: 100%;
	}
.media .container{padding-bottom: 67px;position: relative;}
.media .wang{position: absolute;left: -228px;bottom: -55px;}
.media .Title{padding-top: 85px;}
.media .Title a:hover{ color:#333;}
.media .Title p{text-transform: uppercase;margin-top: 5px;}

 
.media .conBox{width: 100%;margin-top: 56px;overflow: hidden;height: 379px;}
.media .left{float: left;width: 600px;height: 361px !important;border-right:1px solid #eee;padding:0 5px 0 0;}
.media .right{float: right;width: 560px;overflow: hidden;position: relative;}
.media .right dl{/* overflow: hidden; */}

.media .right .newsRBox{width: 560px;height: 375px;overflow: hidden;}
.media .right dl{height: 109px;width: 558px;border: 1px solid #eeeeee;background: #f7f7f7;margin-bottom: 14px;overflow: hidden;}
.media .right dl:hover{height: 109px;width: 558px;border: 1px solid #00adef;background: #00adef;margin-bottom: 14px;overflow: hidden;}

.media .right dt{width: 135px;height: 85px;float: left;margin: 14px 0 0 13px;overflow:hidden;
	text-align: center;
	color: #333;
	font-size: 16px; }
 
.media .right dt span {
	height: 50px;
	line-height: 50px;
	display: block;
	margin-bottom: 10px;
	font-size: 28px;
}
.media .right dt img {
	width: 100%;
	display: block;
}

.media .right dd{width: 385px;float: left;margin-left: 12px; padding-top:12px; }
.media .right dd span{display: block;font-size: 16px;color: #555;width: 385px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.media .right dd p{font-size: 14px;color: #555555;line-height: 22px;height: 66px; margin-top:5px; overflow:hidden;}
.media .right dd em{ font-size:12px; color:#555;}
.media .right dl:hover dd span{color: #fff;}
.media .right dl:hover dd p{color: #fff;}
.media .right dl:hover dt{color: #fff;}
.media .right dl:hover dt span{color: #fff;}
.media .right dl:hover dd em{  color:#fff;}

.media .hd{overflow: hidden;margin:44px 0 0 376px;}
.media .hd li{display: inline-block;width: 148px;height: 38px;text-align: center;line-height: 38px;font-size: 14px;color: #666666;text-decoration: none;border: 1px solid #dcdcdc;border-left: none;float: left;}
.media .hd li:first-child{border-left: 1px solid #dcdcdc;}
.media .hd li{*display: inline;}
.media .hd li.on{width: 149px;height: 40px;line-height: 40px;border: none;background: #1589c9;color: #fff;}
.media .hd li.on a{color: #fff;}
.media .hd li:first-child.on{width: 150px;}

 

/* 底部招商加盟*/
.main_e{background:#ffffff;padding:64px 0px;margin-top:10px;}
.main_e_center{width:1224px;margin:0 auto;}
.main_e_list{width:1224px;margin:0 auto;}
.main_e_list ul li{width:384px;float:left;margin:0px 12px;line-height:0px;}
.main_e_list ul li .pic{width:382px; height:182px; overflow:hidden;border:1px solid #e5e5e5;transition: all 0.4s; -webkit-transition: all 0.4s;}
.main_e_list ul li .pic img {width:382px; height:182px;}
.main_e_list ul li:hover .pic{border:1px solid #032252;}

/* footer */
.footer{width: 100%;overflow: hidden;background: #333333; font-family:微软雅黑;}
.footer .footerTop{width: 100%;height: 350px;border-bottom: 1px solid #424242;}
.footer .footerTop .con1{width: 920px;overflow: hidden;float: left;}
.footer .footerTop dl{background: url(../images/footer-xian.png) no-repeat left top;height: 274px;float: left;width: 170px;padding-left: 19px;margin-top: 71px;}
.footer .footerTop dl.dif{width: 156px;padding-left: 0;background-image: none;}
.footer .footerTop dt{font-size: 18px;color: #fff;margin-bottom: 44px;}
.footer .footerTop dd a{font-size: 13px;color: #999999;margin-bottom: 18px;display: block;}
.footer .footerTop dd a:hover{ color:#00a4e2;}
.footer .footerTop .con2{width: 280px;background: #00adef;height: 350px;border-bottom: 1px solid #00a4e2;text-align: center;float: right;}
.footer .footerTop .con2 p{color: #fff;}
.footer .footerTop .con2 .p1{margin-top: 74px;font-size: 13px;}
.footer .footerTop .con2 .p2{font-size: 24px;font-family: arial;margin-bottom: 40px;}
.footer .footerTop .con2 .p3{font-size: 12px;margin-top: 5px;}
.footer .footerTop .con2 img{margin: 0 auto;}
.footer .footerBottom{width: 100%;overflow: hidden;height: 59px;line-height: 59px;}
.footer .footerBottom .p1{font-size: 12px;color: #999999;float: left;}
.footer .footerBottom .p1 span{font-family: arial;}
.footer .footerBottom .p1 a{color: #999999;}
.footer .footerBottom .p2{background: #00a4e2;height: 30px;line-height: 0;border-top: 1px solid #1ab5f1;width: 180px;float: right; padding:28px 0 0 100px; overflow:hidden;}
.footer .footerBottom .p2 a{ float:left;color:#FFF;}
.footer .footerBottom .p2 img{display: block;}
.container{margin-left:auto; margin-right:auto; width:1200px;}


/*浮动*/
.client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(/Templates/cn2014/images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 67px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 14px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #1589c9;
            color: #fff;
            height: 56px;
            width: 237px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #1589c9;
            width: 87px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
		
 /* banner */
.banner{width: 100%;height:auto;overflow: hidden; margin-top:110px;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container img{width: 100%;height:100%;}
.banner .list{width:100%;height: 100%;}
.banner .pcpt{display: block;}
.banner .mbpt{display: none;}
.banner .swiper-button-prev{background-image: url('images/arrow-left-light.png');left: 100px; }
.banner .swiper-button-next{background-image: url('images/arrow-right-light.png');right: 100px; }
.banner .swiper-pagination{width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;}
.banner .swiper-pagination span{width: 10px;height: 10px;background: none;padding: 0;margin: 0;border: solid 1px #fff;margin: 0 25px;opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{background: #1589c9;}

.banner .swiper-pagination{height: 8px;bottom: 38px;}
.banner .swiper-pagination span{width: 10px;height: 10px;margin: 0 8px;}

.banner .swiper-container .hide{
  opacity:0;
}
.banner .swiper-button-next,.banner .swiper-button-prev{
  transition:opacity .5s;
}