@charset "utf-8";
.fl{float: left;}
.fr{float: right;}


.top{ padding:50px 0; width:100%; background-color:#fff; position:fixed; left:0; top:0; z-index:9999;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}

.top .top-content{ position:relative; height:40px; width:1200px; margin:0 auto;}

.topbg{ height:40px; padding:50px 0; overflow:hidden;}



.logo{ width:162px; height:40px; background-color:#fff; position:absolute; left:0px; top:0; z-index:99;}

.logo a{ width:100%; height:100%; display:inline-block; background-size:100%;}



.tel{ position:absolute; right:0px; top:33px; padding-left:30px; font-size:18px; line-height:24px; color:#006cb3;}

.tel span{ position:absolute; left:0px; top:0; width:24px; height:24px; background-image:url(../images/icon-tel.png); background-repeat:no-repeat; background-position:50% 50%; background-size:24px 24px;}



.head-tel { position: absolute; top: 0; right: 0px; z-index: 9; font-family: Arial; background-color:#fff; padding-left:5px; border-radius:17px;}

.head-tel-wrap { width: 24px; height: 24px; border: 2px solid #333; border-radius: 17px; overflow: hidden; position: relative; padding: 3px; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; background-color:#fff; }

.head-tel-wrap:hover { width: 150px; }

.head-tel-wrap ul { width: 156px; position: absolute; right: 0; top:0; }

.head-tel-wrap li {}

.head-tel-pic img {vertical-align: top; }

.head-tel-number { line-height: 30px; font-size: 16px; padding: 0 15px; color: #0060d8; font-weight: bold; }

.head-tel a { line-height: 34px; margin: 0 10px; }

.head-tel span, .head-tel a { display: inline-block; vertical-align: top; }



.head-tel-wrap li.head-tel-pic{ position:absolute; width:16px; height:16px; right:7px; top:7px;}



.menu{ height:40px; padding-left:210px; position:relative; z-index:4;}
.menu li{width: 104px; float:left; position:relative; padding:0 4px;text-align: center}
.menu li:nth-child(2){}
.menu li .a{ font-size:14px; color:#333; height:32px; line-height:16px; display:inline-block; position: relative; padding:4px 1px; overflow:hidden;}
.menu li .a span{ display:block; position:relative; z-index:5;}
.menu li .a span.en{ text-transform: uppercase; color:#333; font-weight:300;}
.menu li .a span.cn{ color:#666;}
.menu li .a span.on{ height:30px; line-height:30px; width:100%; color:#0060d8; position:absolute; left:1px; top:3px; text-transform: uppercase; background-color:#fff; display:none;}
.menu li .nav_sub{position: absolute;top: 54px;padding: 10px 0;width: 160px;background: rgba(0, 96, 216, 0.43);display: none;color: #fff;left: -20px;}
.menu li .nav_sub dt{height: 30px;line-height: 30px;background: none;padding: 0;}
.menu li .nav_sub dt a{color: #fff; font-size: 12px;}
.menu li .nav_sub dt a:hover{color: #000}
.menu li.curr .a span.cn{ top:-12px; color:#0060d8;}
.menu li.curr .a span.en { opacity: 0; }
.menu li .a:hover span.cn{color:#0060d8;}
.menu li .a em{ position:absolute; left:0; right:0; bottom:-10px; z-index:6; height:10px; overflow:hidden; background-image:url(../images/menubg.jpg); background-color:#fff; background-position: center top; background-repeat:no-repeat;}
.menu li .a em.an{}
.menu li.curr .a em.on{ bottom:-1px;}





.search{ height:34px; width:34px; position:absolute; right:30px; top:2px; z-index:5; border-width:1px; border-style:solid; border-color:#fff;border-radius:17px; overflow:hidden; background-color:#fff;}

.search li.seara{ width:200px; height:34px; display:none;}

.search li.seara input{ background:none; width:185px; height:34px; padding-left:15px; font:12px/34px "\5fae\8f6f\96c5\9ed1"; color:#555;}

.search li.seara input:focus{ outline:none; background-color:#f5f5f5;}

.search li.searb{ width:34px; height:34px; position:absolute; right:0; top:0; background-image:url(../images/icon-search.png); background-position: center; background-repeat:no-repeat;}

.search li.searb input{ background:none; width:100%; height:38px; display:inline-block; font-size:0; position:absolute; left:0; top:0; cursor: pointer; z-index:99}

.search li.searb input:focus{ outline:none;}





.banner{ height:850px; position:relative;}

.bannerScroll{ width:100%; height:850px; overflow:hidden; position:relative; }

.bannerScroll .hd .prev{ background-position:5px 5px; left:0;}

.bannerScroll .hd .next{ background-position:-45px 5px; right:0;}

.bannerScroll .bd ul{ overflow:hidden; width:100%; height:850px;}

.bannerScroll .bd ul li{ width:100%; height:850px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}

.bannerScroll .bd ul.picList li a{position: absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(255,255,255,0);}



/* Banner */

.banner { height: 850px; overflow: hidden; width: 100%; position: relative; }

.banner .bd { position: relative; left: 50%; margin-left: -960px; }

.banner .hd .on { opacity: 1; filter: alpha(opacity=100); }

.banner .hd { width: 100%; position: absolute; bottom: 10px; height: 15px; text-align: center; }

.banner .hd ul { height: 15px; overflow: hidden; }

.banner .hd li { width: 15px; height: 15px; border-radius: 50%; background: #fff; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; text-indent: -99px; cursor: pointer; margin-left: 8px; -webkit-box-shadow: inset 1px 1px 2px #333; box-shadow: inset 1px 1px 2px #333; vertical-align: top; }

.banner .hd .on { background: #0060d8; }

.banner .ctrl { width: 1000px; position: absolute; left: 50%; margin-left: -500px; top: 0; }

.banner .ctrl a { position: absolute; background: url(../images/ctrl.png) no-repeat; width: 30px; height: 51px; top: 360px; opacity: 0; filter: alpha(opacity=0); text-indent: -99px; overflow: hidden; }

.banner .ctrl .prev { left: -100px; -webkit-transform: translate(-100px); -ms-transform: translate(-100px); -o-transform: translate(-100px); transform: translate(-100px); }

.banner .ctrl .next { right: -100px; background-position: -30px 0; -webkit-transform: translate(100px); -ms-transform: translate(100px); -o-transform: translate(100px); transform: translate(100px); }

.banner:hover .ctrl a { opacity: 0.3; filter: alpha(opacity=30); -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); }

.banner .ctrl a:hover { opacity: 1; filter: alpha(opacity=100); }





.home-about{ padding:150px 0; background-image:url(../images/home-about-bg.jpg);background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}



.animation_view{ opacity:0;}

.now-visibile {

	-ms-transform: translateY(-30px);

	transform: translateY(-30px);

	opacity: 1;

	-ms-transition: -webkit-transform 1s, opacity 1.5s;

	transition: transform 1s, opacity 1.5s;	

}



.home-about-title{ background-image:url(../images/home-about-ti.png);background-repeat:no-repeat; background-position:50% top; text-align:center; font-size:24px; line-height:30px; color:#333; padding:25px 0 0px;}

.home-about-content{ text-align:center; font-size:14px; line-height:24px; color:#333; padding:45px 100px; word-wrap:break-word;}

.home-about-more{ text-align:center;}

.home-about-more a{ border:1px solid #0060d8; font-size:12px; line-height:22px; color:#0060d8; display:inline-block; border-radius:12px; padding-left:15px; padding-right:15px; position:relative; text-transform:uppercase;}



.home-about-more a span{ background-image:url(../images/icon-jiao.png); background-repeat:no-repeat; background-position:right top; position:absolute; right:15px; top:8px; width:5px; height:5px; opacity:0;}



.home-aboutco{}

.home-aboutco .wrap{ position:relative;}



.home-video{ width:680px; height:430px; position:relative;}

#video-bg,#video-play-btn{ position:absolute; top:0; bottom:0; left:0; right:0;}

#video-bg { background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }

#video-play-btn { cursor:pointer;

	background-color: rgba(0,0,0,0.1);

	background-image: url(../images/icon-play.png);

	background-position:50% 50%;

	background-repeat: no-repeat;

	background-size: 60px 60px; 

	z-index:3;

	-ms-transition-duration: 0.3s; transition-duration: 0.3s;

}

#home-video li img:hover{background: url(../images/home-video-bg1.jpg);}





.t-bg{ background-color:rgba(0,0,0,.8); position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999; visibility: hidden; opacity:0;}

.menu-container{ background-color:#fff; width:800px; height:500px; position:absolute; top:50%; bottom:80px; left:50%; margin:-250px 0 0 -400px;}

.menu-close{ position:absolute; right:-15px; top:-15px; cursor:pointer; width:30px; height:30px; z-index:5;}

.menu-close span{ font-size:18px; line-height:30px; color:#000; text-align:center; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#fff; border-radius:100%;}





.home-about-name{ width:276px; height:214px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:absolute; left:682px; bottom:0;}



.home-about-pic{ position:absolute; top:0;}

.home-about-pic ul{ text-align:center; font-size:14px; line-height:20px; color:#fff;}

.home-about-pic ul span{ background-color:rgb(0,0,0); position:absolute; left:0; right:0; top:0; bottom:0; -ms-transition-duration: 0.3s; transition-duration: 0.3s; opacity:0; filter:Alpha(opacity=0);}

.home-about-pic a:hover span{ filter:Alpha(opacity=40); opacity:0.4;}

.home-about-pic ul p{ position:absolute; left:0; right:0; bottom:30px;}

.home-about-pic ul h6{ position:absolute; left:0; right:0; bottom:10px; }





.home-about-wx{ width:276px; height:214px; left:682px;}

.home-about-fz{ width:260px; height:430px; right:0;}





.home-pc{ padding:80px 0;}

.home-pc .wrap{ position:relative; height:550px;}



.home-product{ width:520px; height:550px; position:relative;}

.home-product-ti{ background-image:url(../images/home-product-ti.png);background-repeat:no-repeat; background-position:left top; font-size:24px; line-height:30px; color:#333; padding:25px 0 20px;}



.home-product-tips{ font-size:14px; line-height:24px; color:#555;}



.home-product-hot{ height:380px; position:absolute; left:0; bottom:0;}



.leftLoop{ height:380px; position:relative; } 

.leftLoop .prev,.leftLoop .next{ display:inline-block; width:30px; height:30px;  overflow:hidden;   

     cursor:pointer; background: url(../images/product-pn.png) no-repeat; position:absolute; top:-170px;} 

.leftLoop .prev{ background-position:right top; right:0;} 

.leftLoop .next{ background-position:left top; right:40px;} 



.leftLoop .bd{ width:520px;} 

.leftLoop .bd ul{ overflow:hidden; zoom:1; } 

.leftLoop .bd ul li{ width:520px; height:380px; position:relative; text-align:center;} 

.leftLoop .bd ul li h6{ position:absolute; left:0; right:0; bottom:20px; font-size:16px; line-height:20px; color:#333;}

.leftLoop .bd ul li a{position: absolute; left:0; right:0; top:0; bottom:0;}





.home-case{ width:630px; height:550px; position:absolute; right:0; top:0;background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

.home-case-ti{ background-image:url(../images/home-case-ti.png);background-repeat:no-repeat; background-position:50% top; text-align:center; font-size:24px; line-height:30px; color:#fff; padding:25px 0 0px; margin-top:250px;}

.home-case a{position: absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0);}

.home-case a:hover{ background-color:rgba(0,0,0,.4);}



.home-news{ padding-bottom:80px;}

.home-news .wrap{ position:relative; height:300px;}



.home-news-ti{ background-image:url(../images/home-news-ti.png);background-repeat:no-repeat; background-position:left top; width:218px; height:300px; float:left; }

.home-news-ti li { background: #333; height: 149px; margin-bottom: 2px; text-align: center; cursor: pointer; }

.home-news-ti img { padding-top: 49px; }

.home-news-ti .on { background: #0060d8; }



.home-news-hot{ width:370px; height:300px; float:left;}



.picScroll-left{ width:370px; height:300px; overflow:hidden; position:relative; }

.picScroll-left .hd{ position:absolute; right:10px; bottom:70px; z-index:5; text-align:center; width:80px;}

.picScroll-left .hd .pageState{ font-size:12px; line-height:26px; color:#fff;}

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:inline-block; width:20px; height:17px; overflow:hidden; cursor:pointer; background:url(../images/news-pn.png) no-repeat; position:absolute; top:4px;}

.picScroll-left .hd .prev{ background-position:5px 5px; left:0;}

.picScroll-left .hd .next{ background-position:-25px 5px; right:0;}



.picScroll-left .bd{}

.picScroll-left .bd ul{ overflow:hidden; width:370px; height:300px;}

.picScroll-left .bd ul li{ width:370px; height:300px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}

.picScroll-left .bd ul li:hover{}

.picScroll-left .bd ul li a{position: absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(255,255,255,0);}

.picScroll-left .bd ul li dl{ background-color:rgba(0,0,0,.7); color:#999; padding:10px 15px; position:absolute; left:0; right:0; bottom:0;}

.picScroll-left .bd ul li dl dt{}

.picScroll-left .bd ul li dl dt h3{ font-size:16px; line-height:26px; color:#fff;}

.picScroll-left .bd ul li dl dt p{}

.picScroll-left .bd ul li dl dd{ line-height:18px;}





.home-news-list{ background-color:#f5f5f5; padding:20px 30px 0px; width:570px; height:280px; float:left;}

.home-news-list dl{ position:relative; padding:12px 0; height:40px; overflow:hidden;}

.home-news-list dl dt{ color:#666; position:absolute; left:0; top:12px; text-align:center;}

.home-news-list dl dt p{ font-size:30px; line-height:30px;}

.home-news-list dl dt h6{font-size:12px; line-height:12px;}

.home-news-list dl dd{ padding-left:90px; position:relative;}

.home-news-list dl dd span{ width:1px; height:40px; background-color:#ddd; position:absolute; left:70px; top:0px; overflow:hidden;}

.home-news-list dl dd h3{ font-size:14px; line-height:20px; color:#333;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}

.home-news-list dl dd p{ font-size:12px; line-height:20px; color:#999;}

.home-news-list a:hover dl dd h3{color:#0060d8;}







/*footer*/



.footer{ background-image:url(../images/footer-bg.jpg); background-position:center top; background-repeat:no-repeat;}

.footer div.wrap{ position:relative; width:1000px;}



.footer-nav{ padding:50px 0px;}

.footer-nav dl{ float:left; padding-right:48px;}

.footer-nav dl dt,.footer-nav dl dt a{ font-size:16px; line-height:20px; color:#fff;}



.footer-nav dl dt p{ text-transform: uppercase}

.footer-nav dl dd{ padding-top:10px; font-size:14px; line-height:26px; color:#999;}

.footer-nav dl dd p a{ font-size:14px; line-height:26px; color:#999; display:inline-block; position: relative; padding:0 1px; overflow:hidden;}

.footer-nav dl dd p a:hover{ color:#006cb3}

.footer-nav dl dd p a span{ position:absolute; left:0; bottom:1px; height:1px; width:0; background-color:rgb(0,96,216); overflow:hidden;}



.footer-nav dl dd.link{ padding-bottom:10px; position:relative;}



.links{ position:absolute; right:-50px; bottom:68px;}

.links h6{ height:30px; width:165px; padding-left:15px; font-size:12px; line-height:30px; background-image:url(../images/link-bg.jpg); background-repeat:no-repeat; background-position:left top; cursor:pointer;}

.links ul{ background-color:#333; position:absolute; left:0; bottom:30px; width:180px; display:none;}

.links ul li{ border-bottom:1px solid #383838;}

.links ul li a{ font-size:12px; line-height:34px; color:#999; display:inline-block; padding:0 15px;}

.links ul li a:hover{ color:#006cb3;}



.footer-code{ position:absolute; right:-100px; top:15px; padding-top:35px;}

.footer-code dl{ width:100px; float:left; margin-left:10px;}

.footer-code dl dt{padding-top:100%; overflow:hidden; position:relative; background-color:#fff;}

.footer-code dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0;}

.footer-code dl dd{ text-align:center; font-size:12px; line-height:40px; color:#999;}



.copy{ padding:10px 0; background-color:#fff;}

.copy div.wrap{ position:relative; height:30px;}

.copy ul{ font-size:12px; line-height:30px; color:#999; text-align:center; }

.copy ul li{ display:inline-block; padding:0 10px;}

.copy ul li a{font-size:12px; line-height:30px; color:#999; display:inline-block; position:relative; overflow:hidden; vertical-align:middle; padding:0 5px;}

.copy ul li a span{ position:absolute; left:0; bottom:3px; height:1px; width:0; background-color:rgb(0,96,216);}

.copy ul li a:hover { color:#0060d8;}





/* 汉高特品牌 */



.hgt-box{ padding:80px 0;}

.hgt-box .wrap{ position:relative;}



.about-content{ text-align:center; font-size:14px; line-height:24px; color:#333; padding:10px 100px 40px; word-wrap:break-word;}



.about-frontier{font-size:14px; line-height:28px; color:#333; padding:10px 0px 40px; word-wrap:break-word;}

.about-frontier p{ padding:10px 0;}





.slideTxtBox{}

.slideTxtBox .hd{  position:relative; padding:10px 0; }



.slideTxtBox .hd ul li.on a{ color:#fff; background-color:#0060d8; border:1px solid #0060d8}}



.slideTxtBox .bd ul{ height:300px; }

.slideTxtBox .bd li{ float:left; margin:0 4px;}

.slideTxtBox .bd li dl{}

.slideTxtBox .bd li dl dt{ width:185px; border:5px solid #f0f0f0;}

.slideTxtBox .bd li dl dt img{ width:100%;}

.slideTxtBox .bd li dl dd{ text-align:center; font-size:14px; line-height:30px; color:#333;}





.brand-news{}

.brand-news-list{ float:left; width:33.33%; position:relative;}

.brand-news-list dl{ margin:10px 10px; position:relative;}

.brand-news-list dl dt{ padding-top:250px; overflow:hidden; position:relative; background-color:#000;}

.brand-news-list dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; -ms-transition-duration: 0.3s; transition-duration: 0.3s; filter:Alpha(opacity=80);opacity:.8;}

.brand-news-list dl:hover dt span{ -ms-transform: scale(1.1); transform: scale(1.1); filter:Alpha(opacity=100);opacity:1;}



.brand-news-list dl dd{font-size:14px; line-height:22px; color:#fff; text-align:center; text-transform:uppercase; position: absolute; left:0; right:0; top:50%; margin-top:-22px;}

.brand-news-list dl dd h3{ font-size:18px;}

.brand-news-list dl dd p{ font-size:14px;}



.brand-culture{ padding:0px 0;}



.brand-newsx{ padding:20px 0 0px;}

.brand-newsx .wrap{ border-top:1px solid #ddd; padding-top:60px;}



.brandqualifications{ padding:50px 0 0px;}



.brand-frontier .wrap{ border-top:1px solid #ddd; padding-top:60px;}







/* 内页 */



.main{ padding:50px 0 80px;}

.main div.wrap{ width:980px; position:relative;}

.page-banner{ height:350px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}



.page-title{ text-align:center; padding-bottom:20px;}

.page-title h2{ font-size:30px; line-height:1em; color:#333;}

.page-title p{ font-size:18px; line-height:30px; color:#bbb; text-transform:uppercase;}



.page-nav{ font-size:0; text-align:center; padding:0px 0 20px;}

.page-nav li{ display:inline-block; margin:5px 5px;}

.page-nav li a{ display:inline-block; padding:0 30px; line-height:34px; border:1px solid #ddd; border-radius:5px;}

.page-nav li.curr a,.page-nav li a:hover{ color:#fff; background-color:#0060d8; border:1px solid #0060d8}



.page-nav-san{ font-size:0; text-align:center; padding:0px 0 20px; border-top:1px solid #ddd; margin:20px 10px 0; padding-top:10px;}

.page-nav-san li{ display:inline-block; margin:0 5px;}

.page-nav-san li a{ display:inline-block; padding:0 10px; line-height:34px;}

.page-nav-san li.curr a,.page-nav-san li a:hover{ color:#0060d8; }



/* 成功案例 */



.page-case{}

.page-case-category{ float:left; width:33.33%; position:relative;}

.page-case-category dl{ margin:10px 10px; position:relative;}

.page-case-category dl dt{ padding-top:80%; overflow:hidden; position:relative;}

.page-case-category dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; -ms-transition-duration: 0.3s; transition-duration: 0.3s;}

.page-case-category a:hover dl dt span{  -ms-transform: scale(1.1); transform: scale(1.1);}



.page-case-category dl dd{ font-size:18px; line-height:22px; color:#fff; text-align:center; position: absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0); -ms-transition-duration: 0.3s; transition-duration: 0.3s; text-transform:uppercase; filter:Alpha(opacity=0); opacity:0;}

.page-case-category dl dd p,.page-case-category dl dd h6{ position:absolute; left:0; right:0;}

.page-case-category dl dd p{ bottom:50%;}

.page-case-category dl dd h6{ top:50%;}

.page-case-category a:hover dl dd{ background-color:rgba(0,0,0,0.4);filter:Alpha(opacity=100); opacity:1;}









/* 服务与支持 */



.page-Service{ position:relative; margin-top:20px;}

.page-service-xa,.page-service-xb{ position:absolute; top:0; bottom:0; width:1px; background-color:#ddd; overflow:hidden;}

.page-service-xa{ left:298px;}

.page-service-xb{ left:598px;}

.page-Service-list{ float:left; width:33.33%; position:relative;}

.page-Service-list dl{ margin:0px 40px; position:relative;}

.page-Service-list dl dt{ padding-top:50%; overflow:hidden; position:relative;}

.page-Service-list dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0;}

.page-Service-list dl dd{ font-size:14px; line-height:30px; color:#666; padding-top:50px; position:relative;}

.page-Service-list dl dd h6{ font-size:18px; line-height:30px; color:#333; position:absolute; left:0; top:15px;}







/* 汉高特供暖系统 */



.page-product{}

.page-product-category{ float:left; width:25%; position:relative;}

.page-product-category dl{ margin:10px 10px; position:relative;}

.page-product-category dl a{ position: absolute; left:0; right:0; top:0; bottom:0; background-image: url(../images/tmbg.png);}

.page-product-category dl dt{ padding-top:300px; overflow:hidden; position:relative;}

.page-product-category dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; -ms-transition-duration: 0.3s; transition-duration: 0.3s;}

.page-product-category dl:hover dt span{ -ms-transform: scale(1.1); transform: scale(1.1);}



.page-product-category dl dd{line-height:30px; color:#fff; padding:10px 20px;  background-color:rgb(98,98,98); -ms-transition-duration: 0.3s; transition-duration: 0.3s; text-transform:uppercase;}

.page-product-category dl dd h2{ font-size:16px;}

.page-product-category dl dd p{ font-size:12px; position:relative;}

.page-product-category dl dd p span{ width:5px; height:5px; position:absolute; left:42px; top:12px; background-image:url(../images/icon-whitej.png); background-position:left top; background-repeat:no-repeat;}



.page-product-category dl:hover dd{ background-color:rgb(0,96,216);}



.page-honor-category dl dt { padding-top: 193px; }





/* Detailed */



.page-product-detailed{ padding:20px 10px 0;}



.product-describe{ font-size:14px; line-height:24px;}

.product-describe-le{ width:253px; padding:40px; height:300px; background-color:#f5f5f5; font-size:14px; line-height:30px; color:#333;}

.product-describe-ri{ width:427px;}



.productScroll{ width:100%; height:380px; overflow:hidden; position:relative; }

.productScroll .hd{ position:absolute; width:100%; height:52px; top:166px; left:0;z-index:5;}

.productScroll .hd .prev,.productScroll .hd .next{ display:inline-block; width:35px; height:52px; overflow:hidden; cursor:pointer; background:url(../images/proi-pn.png) no-repeat; position:absolute; top:0; opacity:0.4;}

.productScroll .hd .prev:hover,.productScroll .hd .next:hover{ opacity:1}

.productScroll .hd .prev{ background-position:5px -55px; left:20px;}

.productScroll .hd .next{ background-position:5px 5px; right:20px;}

.productScroll .bd ul.productpicList{ overflow:hidden; width:100%; height:380px;}

.productScroll .bd ul.productpicList li{ width:100%; height:380px; background-repeat:no-repeat; background-position:50% 50%; position:relative; -webkit-background-size: contain; background-size: contain;}

.product-content img { max-width: 100%; }



.product-content{ margin-top:50px; position:relative;}

.product-parameter{ float:left; width:405px; margin-left:70px;}

.product-parameter dt{ font-size:18px; color:#333; height:40px;}

.product-parameter dd{ font-size:14px; line-height:30px; color:#333;}



.page-product-xa,.page-product-xb{ position:absolute; top:0; bottom:0; width:1px; background-color:#ddd; overflow:hidden;}

.page-product-xa{ left:380px;}

.page-product-xb{ left:780px;}







/* 合作伙伴 */



.page-cooperation{ position:relative; margin-top:20px;}



.page-cooperation-list{ float:left; margin:10px; width:205px;}

.page-cooperation-list li { position:relative; overflow:hidden; border:1px solid #ddd; -ms-transition-duration: 0.3s; transition-duration: 0.3s;}

.page-cooperation-list li a{ height:140px; display:block;background-repeat:no-repeat; background-position:50% 50%;}

.page-cooperation-list li:hover{ border:1px solid #0060d8;}

.page-cooperation-list li a:hover{ -ms-transform: scale(1.1); transform: scale(1.1);}







/* 解决方案 */



.page-solution{}

.page-solution-category{ float:left; width:225px; position:relative;}

.page-solution-category dl{ margin:10px 10px; position:relative; height:180px;}

.page-solution-category dl dt{ padding-top:180px; overflow:hidden; position:relative; background-color:#000;}

.page-solution-category dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; -ms-transition-duration: 0.3s; transition-duration: 0.3s; filter:Alpha(opacity=100); opacity:1;}

.page-solution-category a:hover dl dt span{ -ms-transform: scale(1.1); transform: scale(1.1); filter:Alpha(opacity=70); opacity:.7;}

.page-solution-category dl dd{ position:absolute; left:0; right:0; font-size:14px; line-height:20px; color:#fff; text-shadow:0 0 10px rgba(0,0,0,.3); text-transform:uppercase; text-align:center;}

.page-solution-category dl dd.en{ bottom:35px;}

.page-solution-category dl dd.cn{ bottom:15px;}



.page-solution-contrast{ width:40%;}



.page-solution-contrast dl{ margin:10px 10px; position:relative;background-color:rgb(0,96,216); height:180px; font-size:14px; line-height:20px; color:#fff; text-align:center;}

.page-solution-contrast a:hover dl{ background-color:#00469e}

.page-solution-contrast dl p{ padding-top:70px;}





/* Detailed */



.page-solution-detailed{ padding:20px 10px 0;}



.solution-describe{ font-size:14px; line-height:24px;}



.solution-content{ padding-top:40px;}



.solution-content-le{ width:427px; padding-top:8px; }

.solution-content-ri{ width:100%; padding-left:0px; font-size:14px; line-height:30px; color:#333;}





/* 成功案例 */



.page-news{}

.page-news-list{ float:left; width:25%; position:relative;}

.page-news-list dl{ margin:10px 10px; position:relative;}

.page-news-list dl dt{ padding-top:250px; overflow:hidden; position:relative;}

.page-news-list dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; -ms-transition-duration: 0.3s; transition-duration: 0.3s;}

.page-news-list dl:hover dt span{ -ms-transform: scale(1.1); transform: scale(1.1);}



.page-news-list dl dd{ height:110px; padding:15px 15px 0; font-size:14px; line-height:22px; color:#333; background-color:#f5f5f5; -ms-transition-duration: 0.3s; transition-duration: 0.3s; text-transform:uppercase; position:relative;}

.page-news-list dl dd h3{ overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.page-news-list dl dd p{ font-size:12px; opacity:0.7;}

.page-news-list dl dd h6{ font-size:12px; opacity:0.7; padding-top:5px;}

.page-news-list dl dd span{ position:absolute; right:0; bottom:0; width:20px; height:20px; font-size:14px; line-height:18px; text-align:center; color:#fff; background-color:rgba(0,0,0,.5);}

.page-news-list a:hover dl dd{ background-color:rgb(0,96,216); opacity:1; color:#fff;}







/* 在线核算 */



.calculation{ padding:100px 0; position:relative; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; overflow:hidden;}

.calculation div.wrap{ position:relative;}

.calculation-content{ width:1000px; float:right;}

.calculation-co{ background-color:#fff; padding:40px 40px 50px;}

.calculation-title{ font-size:24px; line-height:30px;}

.calculation-title span{ font-size:16px; line-height:24px;color:#0060d8; display:inline-block; vertical-align:bottom;}

.calculation-title em{ display:inline-block; padding:0 5px;}



.calculation-list{ position:relative; margin-top:10px;}

.calculation-form{}

.calculation-form li{ position:relative; padding-left:120px; margin-top:20px; font-size:14px; line-height:34px; color:#555; float:left; width:100%;}

.calculation-form li span{ position:absolute; left:0; top:0; width:110px; text-align:right;}

.calculation-form li em{ color:#ff0000; display:inline-block; vertical-align:middle; padding:0 5px;}

.calculation-form li input{ width:180px; padding:0 10px; border:1px solid #ddd; height:32px; font:14px/32px "\5fae\8f6f\96c5\9ed1", sans-serif, Sans-Serif; vertical-align:middle; margin-right:5px;}

.calculation-form li select{ width:180px; padding:0 10px; border:1px solid #ddd; height:32px; font:14px/32px "\5fae\8f6f\96c5\9ed1", sans-serif, Sans-Serif; vertical-align:middle; margin-right:5px;}

.calculation-form li input:focus{ border:1px solid #0060d8; outline:none; background-color:#f8f8f8;}

.calculation-form li.one,.calculation-form li.two{ width:240px;}

.calculation-form li.four input{ width:540px;}



.calculation-btn{ position:absolute; right:0; top:10px; width:180px;}

.calculation-btn input{ background-color:#0060d8; width:180px; height:60px; font:14px/60px "\5fae\8f6f\96c5\9ed1", sans-serif, Sans-Serif; color:#fff; margin-top:10px; outline:none;-ms-transition-duration: 0.3s; transition-duration: 0.3s; cursor:pointer;}

.calculation-btn input.btn-a{ background-color:#0060d8;}

.calculation-btn input.btn-a:hover{ background-color:#00469e}

.calculation-btn input.btn-b{ background-color:#eee; color:#555;}

.calculation-btn input.btn-b:hover{ background-color:#ccc;}



.calculation-contact{ padding-top:30px;}

.calculation-contact dl{ line-height:24px; color:#333; float:left; width:50%;}

.calculation-contact dl dt{ font-size:14px}

.calculation-contact dl dd{ font-size:18px;}

.calculation-contact dl dd span{color:#0060d8; display:inline-block; padding-right:10px;}



.page-hidden { display: none; }





/* articleShow */

.articleDetail { padding-top: 50px; }

.articleTop { text-align: center; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }

.articleTop h2 { font-size: 22px; color: #000; margin-bottom: 16px; }

.articleTop p { color: #999; }

.articleTop span { margin: 0 5px; }

.articleTop a { margin: 0 5px; }

.articleTop .active { color: #000; font-weight: bold; }



.articleShow { margin-bottom: 20px; font-size: 14px; padding-top:30px;}



.articleCtrl { height: 36px; line-height: 36px; background: #eee; margin-bottom: 10px; color: #999; padding: 0 10px; cursor: default; }

.articleCtrl p { background: url(../images/default/articleCtrl.png) no-repeat 0 -25px; vertical-align: top; width: 40%; }

.articleCtrl .l { padding-left: 16px; }

.articleCtrl .r { padding-right: 16px; background-position: right 10px; text-align: right; }

.articleCtrl a { color: #333; }

.articleCtrl a:hover { color: #0060d8; }



.articleList { width: 900px; overflow: hidden; }

.articleList h2 { margin-bottom: 10px; }

.articleList ul { width: 1300px; }

.articleList li, .articleList h3, .articleList a { float: left; }

.articleList li { width: 426px; margin-right: 40px; height: 32px; line-height: 32px; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; }

.articleList a { background: url(../images/default/txt.png) no-repeat 6px center; padding-left: 26px; width: 260px; }

.articleList span { float: right; color: #999; font-family: Arial; }



.column { margin-bottom: 20px; }

.column h2 { height: 36px; line-height: 36px; font-size: 14px; background: #eee; position: relative; text-indent: 20px; }

.column h2 em { position: absolute; width: 4px; height: 14px; left: 10px; top: 50%; margin-top: -7px; background: #333; }



/* downloadList */

.downloadList li { overflow: hidden; zoom: 1; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; height: 30px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px; }

.downloadList h2 { float: left; background: url(../images/default/file.png) no-repeat 6px 2px; padding-left: 40px; font-size: 14px; color: #000; }

.downloadList a { float: right; background: url(../images/default/download.png) no-repeat 0 6px; padding-left: 16px; color: blue; }

.downloadList a:hover { text-decoration: underline; }



/* productList */

.productList { width: 1199px; overflow: hidden; }

.productList ul { width: 1200px; }

.productList li { background: url(../images/proLine.jpg) no-repeat right center; float: left; width: 400px; padding-bottom: 30px; border-bottom: 1px solid #dadada; margin-bottom: 30px; }

.productList .img { display: block; text-align: center; margin-bottom: 10px; }

.productBox { width: 260px; margin: 0 auto; }

.productBox a { color: #0060d8; }

.productBox a:hover { text-decoration: underline; }

.productBox h3 { margin-bottom: 10px; }

.productBox h3 a { display: block; font-size: 16px; font-weight: bold; }

.productBox p { font-size: 14px; margin-bottom: 10px; height: 78px; overflow: hidden; }

.productBox .detail { color: #0060d8; font-size: 14px; display: inline-block; }

.productBox em { width: 0; height: 0; border-left: 5px solid #0060d8; border-top: 5px solid #fff; border-bottom: 5px solid #fff; left: 4px; top: 7px; position: relative; }



/* imgBox */

.imgBox { width: 1240px; overflow: hidden; }

.imgBox ul { width: 1300px; }

.imgBox li { float: left; text-align: center; margin-bottom: 20px; }

/*

.imgBox li { background: #000; height: 100px; }

.imgBox li * { display: none; }

*/

.imgBox a { float: left; }

.imgBox img { border: 2px solid #dadada; transition: 0.2s; }

.imgBox span { display: inline-block; vertical-align: top; font-size: 14px; padding: 0 15px; line-height: 30px; padding-top: 4px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.imgBox a:hover { color: #0060d8; }

.imgBox a:hover img { border-color: #0060d8; }



/* imgCaseBox */

.imgProductBox li { width: 288px; margin-right: 16px; }

.imgProductBox img { width: 280px; height: 245px; padding: 2px; }

.imgProductBox span { width: 202px; }



/* imgCaseBox */

.imgCaseBox li { width: 295px; margin-right: 20px; }

.imgCaseBox img { width: 287px; height: 250px; padding: 2px; }

.imgCaseBox span { width: 202px; }



/* imgPartnerBox */

.imgPartnerBox li { width: 295px; margin-right: 20px; }

.imgPartnerBox img { width: 287px; height: 250px; padding: 2px; }

.imgPartnerBox span { width: 202px; }



/* imgSettingBox */

.imgSettingBox li { width: 295px; margin-right: 20px; }

.imgSettingBox img { width: 287px; height: 250px; padding: 2px; }

.imgSettingBox span { width: 202px; }



/* imgHonorBox */

.imgHonorBox li { width: 295px; margin-right: 20px; }

.imgHonorBox img { width: 287px; height: 250px; padding: 2px; }

.imgHonorBox span { width: 202px; }



/* product's picture */

.tb-pic a { display: table-cell; text-align: center; vertical-align: middle; *display: block; *font-family: Arial; *line-height: 1; *font-size: 271px; }

.tb-pic img { vertical-align: middle; }

.tb-pic, .tb-pic a { height: 450px; width: 500px; cursor: default; border: 1px solid #dadada; }

.tb-pic, .tb-pic img { max-height: 450px; max-width: 500px; _width: 500px; }

.tb-pic { position: relative; z-index: 1; margin-bottom: 19px; }



.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; width: 200px; height: 200px; }



.biaoti{text-align: center;background-color: rgb(98,98,98);width: 205px;margin-left: 10px;color:#fff; }

a:hover .biaoti{background-color: #0060d8;color: #fff}





.detail{ height:500px; position:relative; padding:30px 100px; background-color:#eee;}

.detailScroll{ width:100%; height:500px;position:relative; }

.detailScroll .hd{ height:40px; position:absolute; left:0px; right:0px; bottom:0px; z-index:9999999; text-align:center;}

.detailScroll .hd ul{ text-align:center; font-size:0; padding-top:10px;}

.detailScroll .hd ul li{ border:3px solid #888; background-color:#fff; border-radius:50%; width:6px; height:6px; display:inline-block; margin:0 6px; overflow:hidden; text-indent:-999px; cursor:pointer;}

.detailScroll .hd ul li.on{ border-color:#0060d8;}

.detailScroll .hd .prev,.detailScroll .hd .next{ display:inline-block; width:40px; height:60px; overflow:hidden; cursor:pointer; font-weight:700; font-size:30px; line-height:60px; color:#fff; font-family:"\5b8b\4b53";  position:absolute; top:-255px; background-color:#555; border-radius:5px; }



.detailScroll .hd .prev{ left:-70px; }

.detailScroll .hd .next{ right:-70px;}

.detailScroll .hd .prev:hover,.detailScroll .hd .next:hover{ background-color:#0060d8;}



.detailScroll .bd ul{ overflow:hidden; width:100%; height:500px;}

.detailScroll .bd ul li{ width:100%; height:500px; background-repeat:no-repeat; background-position:50% 50%; background-size: contain; position:relative;}

.detailScroll .bd ul.picList li a{position: absolute; left:0; right:0; top:0; bottom:0;}















/* 代理商申请表 */



.proxy-co{ background-color:#fff; padding:40px 0px 50px;}

.proxy-title{ font-weight:700; font-size:24px; line-height:30px; color:#0060d8; padding-left:200px;}



.proxy-list{ position:relative; margin-top:10px;}

.proxy-form{}

.proxy-form li{ position:relative; padding-left:200px; margin-top:10px; font-size:14px; line-height:34px; color:#555; float:left; width:100%;}

.proxy-form li h6{ font-weight:700; font-size:14px; line-height:20px; color:#333; padding-top:15px;}

.proxy-form li span{ position:absolute; left:0; top:0; width:190px; text-align:right;}

.proxy-form li em{ color:#ff0000; display:inline-block; vertical-align:middle; margin-left:5px;}

.proxy-form li input{ width:660px; padding:0 10px; border:1px solid #ddd; height:32px; font:14px/32px "\5fae\8f6f\96c5\9ed1", sans-serif, Sans-Serif; vertical-align:middle; margin-right:5px;}

.proxy-form li select{ width:180px; padding:0 10px; border:1px solid #ddd; height:32px; font:14px/32px "\5fae\8f6f\96c5\9ed1", sans-serif, Sans-Serif; vertical-align:middle; margin-right:5px;}

.proxy-form li input:focus{ border:1px solid #0060d8; outline:none; background-color:#f8f8f8;}

.proxy-form li.w50{ width:250px;}

.proxy-form li.w50 input{ width:210px;}





.proxy-btn{ padding:20px 0 0 200px;}

.proxy-btn input{ background-color:#0060d8; width:180px; height:50px; font:14px/50px "\5fae\8f6f\96c5\9ed1", sans-serif, Sans-Serif; color:#fff; margin-top:10px; outline:none;-ms-transition-duration: 0.3s; transition-duration: 0.3s; cursor:pointer;}

.proxy-btn input.btn-a{ background-color:#0060d8;}

.proxy-btn input:hover{ background-color:#00469e}

.proxy-btn input.btn-b{ background-color:#eee; color:#555;}

.proxy-btn input.btn-b:hover{ background-color:#ccc;}



.menulfet {width: 200px;}
.menulfet .it{background: #e46713;}
.menulfet .it a{font-size: 16px;color: #fff;}
.menulfet ul{border: 1px solid #e46713;width: 100%;padding-bottom: 35px;}
.menulfet li{height: 38px;text-align: center;line-height: 38px;}

.menulfet li.item{border-bottom: 1px dashed #ccc;width: 100%;}
.menulfet li.curr a{color: #e46713}
.procontent{width: 760px;}
.laction{ border-bottom: 2px solid #e46713;width: 100%;margin-bottom: 20px;}



.proList li {
    float: left;
    width: 233px;
    transition: all 0.3s;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 30px;
    transition: all 0.4s;
    margin-top: 10px;
}

.proList li .pImg {
    width: 212px;
    border: 1px solid #ddd;
    overflow: hidden;
    display: block;
}
.proList li img {
    width: 150px;
    height: 160px;
    transition: all 0.5s;
}


.pagination {
    padding: 25px 0 15px;
    text-align: center;
    overflow: hidden;
}

.footlinks {clear:both;margin:0px auto;padding:0px; max-width:1000px;height:auto;font-size:9pt;line-height:140%;color:#888;text-align:center;transition-duration:0;}
.footlinks a:link, .footlinks a:visited {font-size:9pt;line-height:140%;color:#888;transition-duration:0;}