@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#338ac2;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }

@font-face {font-family:'bw'; src: url('../fonts/bw.ttf') format('truetype'); }
@font-face {font-family:'mon'; src: url('../fonts/mon.ttf') format('truetype'); }


.fl{ float:left; }
.fr{ float:right; }
.c1200{ width:1200px; margin:0 auto; position: relative; }


/* header */
.header{width: 100%;height:80px;position: fixed;top: 0;z-index:999; min-width: 1200px; }
.is-fixed.mod-header {position:fixed;top:0; height:80px;width:100%;}
.header_c {width:1200px;margin:0 auto;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.header_logo{ width: 160px; height: 42px; margin:19px 0 0 26px;}
.header_logo a{ display: block; width: 160px; height:42px; background: url(../images/logo.png) center center no-repeat;}
.header_nav{ height:80px; max-width: 850px; position:relative; z-index:1;margin-right:10px}
.header_nav .nav{ width:100%; text-align: right; margin-top:20px;}
.nav li{ display: inline-block; width:110px;height:40px; text-align:center;position:relative;line-height:40px;}
.nav li:first-child{background:none;}
.nav li h3 {font-weight:normal; font-size:16px;}
.nav li h3 a{display:block;height:40px;width:100px;font-size:16px;color:#666666;}
.nav li#seced h3 a,.nav li:hover h3 a{color:#338ac2;font-weight: bold;}
.nav li:hover a{color:#fff;}
.nav li a.current,.nav li .current{background:#fff;}
.nav .m{z-index:99999;}
.nav .sub{display:none;position:absolute;z-index:99999;width:100px;background-color:rgba(255,255,255,0.95);-webkit-transform-origin: top center;-webkit-animation-duration:0.3s; animation-duration:0.3s;-moz-transform-origin: top center;-ms-transform-origin:top center;-o-transform-origin: top center;transform-origin: top center;text-transform: uppercase;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.nav .sub dt{text-align:center; overflow: hidden;}
.nav .sub dt a{display:block;border-top:1px solid #ddd; font-size:14px; height:40px; line-height:40px; color:#338ac2;}
.nav .sub dt:first-child a{ border-top:0;}
.nav .sub dt:last-child a{border-bottom:none;}
.nav .sub dt:hover a{ background-color: #338ac2; border-top-color: #338ac2; color: #fff;}


/* banner */
.banner {width:100%;position:relative;height:710px;min-width:1200px;}
.banner .bd {margin:0 auto;position:relative;z-index:1;overflow:hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li {width:100% !important;height:710px;overflow:hidden;text-align:center;}
.banner .bd li a{ width:100%; height:710px; display:block;}
.banner .hd {width:100%;position:absolute;z-index:2;bottom:30px;left:0;}
.banner .hd ul {text-align:center;}
.banner .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:6px;height:6px;background-color:#338ac2;margin:0 8px;overflow:hidden;line-height:999px; z-index: 2;}
.banner .hd ul .on{background-color:#fff; width:10px;height:10px;}
.banner .bannerIcon{z-index: 0; position: absolute; width: 100%; z-index: 1; height:70px; top: 50%;left: 0; }
.banner .prev, .banner .next {display:none ;position:absolute;top:0;margin-top:0;z-index:5;width:50px;height:40px;background-color:rgba(255, 255, 255, 0.6);cursor:pointer;}
.banner:hover .prev,.banner:hover .next{ display: block;}
.banner .prev{left:5%;}
.banner .next {right:5%;}
.banner .bannerIcon span i{ float: left; width: 12px; height: 12px; margin: 14px 19px; background: url(../images/bannerIcon.png) no-repeat;}
.banner .bannerIcon span:hover{ background-color: rgba(51, 138, 194, 0.8);}
.banner .bannerIcon span.prev i{ background-position: 0 -12px;}
.banner .bannerIcon span.next i{ background-position: -12px -12px;}
.banner .bannerIcon span.prev:hover i{ background-position: 0 0;}
.banner .bannerIcon span.next:hover i{ background-position: -12px 0;}

/* indexTitle */
.indexTitle{ width: 100%;}
.indexTitle .title h3{font-family:'mon';font-size:36px;text-transform:uppercase;color:#333333;}
.indexTitle .title p{font-size:20px;color:#333333;padding-top:10px;position:relative;}
.indexTitle .title p span{color:#338ac2;}
.indexTitle .title p:after{position:absolute;left:145px;top:22px;background:#cccccc;content:'';width:40px;height:3px;display:table;}
.indexTitle .more a{color:#fff; margin: 15px 0; font-size:20px;background:#333; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px;}
.indexTitle .more a:hover{ background-color: #338ac2 }

/* product */
.product{ width: 1200px; margin: 60px auto; position: relative;}
.proList{width: 1200px; margin:40px auto 0 ;overflow: hidden;}
.proList ul li{position:relative;overflow: hidden;}
.proList ul li .cont{width:100%; height:100%; position:absolute; z-index: 2; transform: translateY(-0px); transition: all 0.8s ease;  background-color: rgba(0,0,0,0.5);}
.proList ul li .cont .name{ width: 100%; height: 45px; font-size:18px; line-height: 45px;text-align:center;color: #fff;transition: all 0.8s ease;}
.proList ul li .cont .link{width:40px;height:40px;margin:15px auto;text-align:center;font-size:18px;line-height:40px;border: solid 1px #fff;color:#fff; border-radius: 50%;}
.proList ul li .cont .link:hover{ background-color: #338ac2; border-color: #338ac2;}
.proList ul li:hover .cont{transform: translateY(-100%);opacity:1; background-color: rgba(0,0,0,0.6);}
.proList .prol li.prol1 img{width:470px;height:332px;}
.proList .prol li.prol2{float:left;margin-top:15px;}
.proList .prol li.prol3{float:right;margin-top:15px;}
.proList .prol li.prol2,.proList ul li.prol3,.proList ul li.prol2 img,.proList ul li.prol3 img{width:226px;height:160px;}
.proList .prol li.prol2 .name,.proList ul li.prol3 .name{font-size:16px;}
.proList .prol li.prol1:hover .name{margin-top:120px; }
.proList .prol li.prol2:hover .name,.proList ul li.prol3:hover .name{margin-top:20px; }
.proList .pror{width:730px;}
.proList .pror li{float:left;margin-left:15px;margin-bottom:15px;}
.proList .pror li:hover .name{margin-top:75px; }
.proList .pror li,.proList .pror li img{width:350px;height:246px;}



/* about */
.about{ width: 100%; background: url(../images/aboutBg.jpg) center top no-repeat; height: 340px;  margin:0 auto; }
.aboutC { width:1200px; padding:60px 50px; background-color: #fff; margin: auto;}
.aboutList { position: relative; height: 260px; }
.aboutList .left{ width: 660px; position: relative; height: 260px;}
.aboutList .left .dis{ width: 690px;position: relative;height: 260px;}
.aboutList .left .dis .title{  font-size:56px; font-family: 'mon'; color: #338ac2;}
.aboutList .left .dis .line{ width:40px; height:3px; background-color: #ccc; margin: 10px 66px;display: inline-block;}
.aboutList .left .dis .name{padding-top:10px;font-size:30px;color: #333;}
.aboutList .left .dis .con{ padding-top:25px;font-size: 16px; color: #999; line-height: 32px}
.aboutList .left .about_view{position:absolute;background:#fff;color:#338ac2;right:-110px;bottom: 0;padding:15px 20px;z-index: 2; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.aboutList .left .about_view:hover{ background-color: #338ac2; color: #fff;}
.aboutList .right{ width: 455px;position: relative;overflow:hidden; height: 260px;}
.aboutList .right img{transition: all 0.8s ease;}
.aboutList .right:hover img{transform:scaleX(1.10) scaleY(1.10);}

/* honor */
.honor{ width: 100%; padding: 0 0 ;  min-width: 1200px;}
.honorList{ overflow:hidden; position:relative; margin-top: 30px; }
.honorList .hd{ overflow:hidden;  height:40px; text-align: center;  padding:0; margin-top: 20px; }
.honorList .hd a{ display: inline-block;  width:50px; height:40px; margin:0 5px; overflow:hidden; cursor:pointer; background:#e5e5e5;}
.honorList .hd i{ float: left; width: 12px; height: 12px; margin: 14px 19px; background: url(../images/bannerIcon.png) no-repeat;}
.honorList .hd a:hover{ background-color: #338ac2;}
.honorList .hd a.next i{ background-position: -12px -12px;}
.honorList .hd a.prev i{ background-position: 0 -12px;}
.honorList .hd a.next:hover i{ background-position: -12px 0;}
.honorList .hd a.prev:hover i{ background-position: 0 0;}
.honorList .bd{ padding:0; }
.honorList .bd ul{ overflow:hidden; zoom:1; }
.honorList .bd ul li{ margin-right:15px; width: 228px; height: 356px;  float:left; _display:inline; overflow:hidden; text-align:center; }
.honorList .bd ul li .img{ width: 224px; height: 304px; border: solid 2px #fff; overflow: hidden; }
.honorList .bd ul li img{ width: 224px; height: 304px; transition: all 0.8s ease;}
.honorList .bd ul li p{ text-align: center; font-size: 14px; color: #333; line-height: 46px; overflow: hidden;}
.honorList .bd ul li:hover img{transform:scaleX(1.10) scaleY(1.10);}
.honorList .bd ul li:hover .img{ border-color: #338ac2;}
.honorList .bd ul li:hover p{ color: #338ac2;}


/* device */
.device{ width: 1300px; margin: 50px auto; position: relative;}
.device .titleC{ width: 100%; text-align: center; position: relative;}
.device .titleC h3{font-family:'mon';font-size:36px;text-transform:uppercase;color:#333333;}
.device .titleC p{font-size:20px;color:#333333;padding-top:10px;position:relative;}
.device .titleC p span{color:#338ac2;}

.deviceList{ overflow:hidden; position:relative; margin-top: 30px; width: 100%;  }
.deviceList .hd{ overflow:hidden; width: 100%;  height:36px;  padding:0 ; position: absolute; top: 50%; margin-top: -18px;  }
.deviceList .hd .prev,.deviceList .hd .next{ display:block; position: absolute;  width:36px; height:36px; border-radius: 50%; background-color: #7f7f7f;  margin-right:5px; overflow:hidden;cursor:pointer; }
.deviceList .hd .prev i,.deviceList .hd .next i{display: block; width:12px; height:12px; margin: 12px; background: url("../images/bannerIcon.png") 0 0 no-repeat;}
.deviceList .hd .prev{ left: 0; }
.deviceList .hd .next{ right: 0; }
.deviceList .hd .next i{ background-position:-12px 0 ; }
.deviceList .hd .prev:hover,.deviceList .hd .next:hover{ background-color: rgba(51, 138, 194, 0.8)}
.deviceList .bd{ padding:0;  width: 1200px; margin: auto; overflow: hidden; position: relative;  }
.deviceList .bd ul{ overflow:hidden; zoom:1; }
.deviceList .bd ul li{ margin-right:12px; float:left; background-color: #f5f5f5; width: 261px; padding: 15px; _display:inline; overflow:hidden; text-align:center;  }
.deviceList .bd ul li a{ display: block;}
.deviceList .bd ul li img{ width: 261px; height: 177px;}
.deviceList .bd ul li p{ text-align: center; width: 100%; margin-top: 10px; font-size: 14px; color: #333;}
.deviceList .bd ul li:hover{ background-color: rgba(51, 138, 194, 0.8);}
.deviceList .bd ul li:hover p{ color: #fff;}


/* news */
.news{ width: 100%; padding: 60px 0; background: url(../images/newsBg.jpg) no-repeat; background-size: 100% 100%;}
.news .newsList{ width: 100%; margin-top: 50px; height: 400px;}
.newsList .left{ width: 580px;}
.newsList .left .img{ width: 580px; height: 290px; overflow: hidden; position: relative;}
.newsList .left .img img{ width: 100%; transition: all 0.8s ease; position: relative; z-index: 1;}
.newsList .left .cont{ width: 100%; margin-top: 25px;}
.newsList .left .cont .title{ font-size: 20px; color: #333;}
.newsList .left .cont .con{ font-size: 14px; line-height: 24px; color: #999; margin-top: 10px;}
.newsList .left:hover .img img{transform:scaleX(1.10) scaleY(1.10);}
.newsList .left:hover .cont .title{ color: #338ac2;}
.newsList .left:hover .cont .con{ color: #333;}
.newsList .right{ width: 580px;}
.newsList .right li{ float: left; width: 100%; height: 90px; padding: 20px 0; border-bottom: solid 1px #eee;}
.newsList .right li .cont{ width: 450px;}
.newsList .right li .cont .title{ font-size: 20px; color: #333;}
.newsList .right li .cont .con{ font-size: 14px; line-height: 24px; color: #999; margin-top: 10px;}
.newsList .right li .time{ width: 120px; text-align: right;}
.newsList .right li .time p{ float: right; width: 100%; font-size: 20px; color: #333; font-family:'mon';}
.newsList .right li .time i{ float: right; width: 28px; height: 12px; margin-top: 20px; background: url(../images/newsIcon.png) no-repeat; background-position: 0 0;}
.newsList .right li:hover .time i{ background-position:  0 -12px;}
.newsList .right li:hover .cont .title{ color: #338ac2;}
.newsList .right li:hover .cont .con{ color: #333}


/* footer */
footer{ width: 100%; background-color: #338ac2; color: #ddd; margin: 0 auto;}
footer a{ color: #ddd;}
footer a:hover{ color: #fff; text-decoration: underline;}
.footer{ width: 100%; padding: 30px 0 50px 0;}
.footer .left{ width: 380px;}
.footer .erweima{ width: 110px;}
.footer .erweima img{ width: 110px; height: 110px;}
.footer .erweima p{ width: 100%; text-align: center; font-size: 14px; color: #fff; margin-top: 5px;}
.footer .list{ width: 250px;}
.footer .list dl{ float: left; width: 100%; margin: 8px 0; }
.footer .list dl dt{ float: left; width: 20px; height: 20px; background: url(../images/footerIcon.png) no-repeat; alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;  }
.footer .list dl dd{ float: right; width: 220px; font-size: 14px; line-height: 20px; color: #fff;}
.footer .list dl:nth-child(1) dt{ background-position: 0 -60px;}
.footer .list dl:nth-child(2) dt{ background-position: 0 -80px;}
.footer .list dl:nth-child(3) dt{ background-position: 0 -100px;}

.footer .right{ width: 750px;}
.footer .right dl{ float: left; width: 80px; margin-left: 70px;}
.footer .right dl dt{ width: 100%; font-size: 14px; font-size: 16px; color: #fff; margin-bottom: 10px;}
.footer .right dl dt a{ color: #fff;}
.footer .right dl dd{ font-size: 14px; line-height: 26px;}

.copy{ font-size: 12px; width: 100%; padding: 12px 0; line-height: 24px; border-top: solid 1px rgba(255, 255, 255, 0.2);}
.copy .right{ width: 120px;}
.copy .right a{ float: left; display: block; width: 20px; height: 20px; margin-left: 20px; background: url(../images/footerIcon.png) no-repeat; alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; }
.copy .right a:nth-child(1){ background-position: 0 0;}
.copy .right a:nth-child(2){ background-position: 0 -20px;}
.copy .right a:nth-child(3){ background-position: 0 -40px;}
.copy .right a:hover{ alpha(Opacity=100);-moz-opacity:1;opacity:1;}


.theme-mask{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none; }
.popover_weixin{ width:360px; height:400px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.popover_weixin dl{ margin-top:50px; font-size:14px; line-height:40px;}
.popover_weixin dl a{ width:110px; height:40px; background:#338ac2; color:#fff; display:inline-block; border-radius:5px; font-size:14px; margin-top:20px;}

.DownloadXcf{ width:320px; height:370px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -150px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.DownloadXcf .message{ width: 300px; height: 350px; padding: 10px;}
.DownloadXcf .message .top{ font-size: 24px; text-align: center; color: #338ac2; font-weight: bold; margin: 20px 0;}
.DownloadXcf .message .form{ width: 270px; margin: 0 15px;}
.DownloadXcf .message .form p{ position: relative; margin-bottom:15px;}
.DownloadXcf .message .form input.txt,.DownloadXcf select{ border-radius:5px; border:1px solid #e0dede; padding:0 10px;width:248px; background:#fff; margin:0;height:40px;line-height:40px;font-size:14px; color: #333;}
.DownloadXcf .message .form input::-webkit-input-placeholder,.productD .message .form textarea::-webkit-input-placeholder {color: #aaa;font-size: 12px;text-align: left;}
.DownloadXcf .message .form textarea.txt{border:1px solid #e0dede; border-radius:5px; padding:3px 10px; width:248px; color: #999; background:#fff; margin:0; height:80px; line-height:34px; font-size:14px;}
.DownloadXcf .message .form input.btn{ border-radius:5px; border:0; background:#338ac2; width:130px; height:40px; cursor:pointer; text-align:center; font-size:14px; color:#fff; margin:0; margin-right: 10px; }
.DownloadXcf .message .form input.btn:hover{ background-color: #333;}
.DownloadXcf .message .form select{color:#666}
.DownloadXcf .close{ width:130px; height:40px; line-height: 40px; background:#333; color:#fff; display:inline-block; border-radius:5px; font-size:14px; margin-top:0;}
.DownloadXcf .close:hover{ background-color: #338ac2;}


.theme-bg{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); }
.popover_statement{ width:320px; height:320px; padding:20px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); border-radius:5px; font-size:14px; line-height:26px;}
.popover_statement .title{ text-align:center; font-size:18px; font-weight:bold; line-height:36px; margin-bottom:10px;}
.popover_statement .link{ text-align:center;}
.popover_statement .link a{width:110px; height:40px; background:#338ac2; color:#fff; border-radius:5px; display:inline-block; font-size:14px; margin:20px 10px 0; line-height:40px;}


/* customer */
.customer {top:50%; position:fixed; right:2px; z-index:99; margin-top:-152px; font-size:12px;}
.customer a {display:block; width:60px; height:60px; padding:0px; background:#fafafa; border:1px solid #eee; position: relative; text-align: center; margin:2px 0; font-size:12px;}
.customer a:hover{ background:#338ac2; color:#fff; border:1px solid #338ac2;}
.customer i{ display: block; height:60px; width:60px; background:url(../images/fudong.png); margin:0 ; }
.customer .customer1{ background-position:0 0px;}
.customer .customer2{ background-position:0 -60px;}
.customer .customer3{ background-position:0 -120px;}
.customer .customer4{ background-position:0 -180px;}
.customer a:hover .customer1{ background-position:-60px 0;}
.customer a:hover .customer2{ background-position:-60px -60px;}
.customer a:hover .customer3{ background-position:-60px -120px;}
.customer a:hover .customer4{ background-position:-60px -180px;}

.customer .qicq{}
.customer .qicq .qicqCon{ position:relative;}
.customer .qicq .qicqSub{ display:none; width:108px; right:62px; top:0;  position:absolute; background:#338ac2; padding:12px 12px 10px; z-index:9999;}
.customer .qicq .qicqSub p{ width:100%; text-align:center; display:inline-block; margin:3px 0;}
.customer .qicq .qicqSub p a img{ margin:8px 6px 8px 12px; float:left;}
.customer .qicq .qicqSub p a{display:block; width:108px; height:32px; padding:0; background:rgba(0, 0, 0, 0.1); border:1px solid #eee; position: relative; text-align: left; line-height:32px; border-radius:32px; margin:0; color:#fff;}
.customer .qicq .qicqSub p a:hover{ background:#338ac2; color:#fff; border:1px solid #338ac2;}

.customer .erweima{}
.customer .erweima .erweimaCon{ position:relative;}
.customer .erweima .erweimaSub{ display:none; width:140px; right:62px; top:0;  position:absolute; background:#338ac2; padding:12px 12px 10px; z-index:9999;}
.customer .erweima .erweimaSub img{ width:140px; height:140px;}
.customer .erweima .erweimaSub p{ width:100%; line-height:30px; text-align:center; color: #fff; display:inline-block; margin:0;}



/* page */
.pageTitle{ width: 100%; text-align: center; font-size: 30px; color: #333; font-weight: bold; margin-bottom: 20px;}

/* pagebanner */
.pageBanner{ width: 100%; height: 300px; margin: auto; position: relative; z-index: 1;}


/* position */
.position {  width: 100%; border-bottom: solid 1px #eee; }
.position .crumbs { height: 30px; margin: 15px 0; line-height: 30px; width: 400px; overflow: hidden; text-align: left; }
.position .crumbs p { font-size: 14px; color: #333; font-weight: bold; display: inline-block;padding-right: 15px;}
.position .crumbs a{ color: #999; font-weight: normal;}
.position .crumbs a:hover { color: #338ac2; text-decoration: underline; }
.position .crumbs span{ margin: 0 5px; color: #999; }
.position .pageNav { height: 60px; line-height: 60px;}
.position .pageNav li{ float: left; margin-left: 1px;}
.position .pageNav li a{ display: block; font-size: 14px;  padding: 0 20px; color: #333; }
.position .pageNav li.on a,.position .pageNav li:hover a{ background-color: #338ac2; color: #fff;}

#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 99999;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 0px; cursor:pointer; display:block; height:50px; position:fixed; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#338ac2 url(../images/iconImg.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:0;}
#boxer .boxer-arrow.previous:hover{background:#338ac2 url(../images/iconImg.png) no-repeat 0 -50px; }
#boxer .boxer-arrow.next{background-position:-50px -50px; right:0;}
#boxer .boxer-arrow.next:hover{background:#338ac2 url(../images/iconImg.png) no-repeat -50px -50px; }
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer.loading .boxer-container{background: #fff url(../images/loading.gif) no-repeat center;}

/* main */
main{ width: 100%; padding: 50px 0; position: relative; background-color: #fafafa;}

.pageAbout{ font-size: 14px; color: #333; line-height: 36px;}
.pageAbout img{ max-width: 100%;}

/* pageHonor */
.pageHonor{ position: relative; }
.pageHonor ul{ overflow:hidden; zoom:1; width: 1230px; margin:0 -15px; }
.pageHonor ul li{ margin:10px 0 10px 15px; width: 228px; height: 356px;  float:left; _display:inline; overflow:hidden; text-align:center; }
.pageHonor ul li .img{ width: 224px; height: 304px; border: solid 2px #fafafa; overflow: hidden; }
.pageHonor ul li img{ width: 224px; height: 304px; transition: all 0.8s ease;}
.pageHonor ul li p{ text-align: center; font-size: 14px; color: #333; line-height: 46px; overflow: hidden;}
.pageHonor ul li:hover img{transform:scaleX(1.10) scaleY(1.10);}
.pageHonor ul li:hover .img{ border-color: #338ac2;}
.pageHonor ul li:hover p{ color: #338ac2;}



/* pageContact */
.pageContact { margin:0 auto 60px;}
.pageContact .item { width: 350px; margin-left: 75px; text-align: center; color: #338ac2; }
.pageContact .item:first-child{ margin-left: 0;}
.pageContact .item .title{ line-height: 80px; font-size: 20px; font-weight: bold; }
.pageContact .item .icon{ width: 100%; height: 80px; position: relative;}
.pageContact .item .icon i{ width: 70px; float: left; height: 70px; margin:0 140px; z-index: 2; position: relative; border-radius: 50%;}
.pageContact .item .icon p{ width: 100%; height: 2px; position: absolute; left: 0; top: 34px; background-color: #eee; z-index: 1;}
.pageContact .item .icon.icon1 i{ background:#ff8772 url(../images/tel.png) center center no-repeat;}
.pageContact .item .icon.icon2 i{ background:#6babe5 url(../images/address.png) center center no-repeat;}
.pageContact .item .icon.icon3 i{ background:#c3a0d9 url(../images/mailbox.png) center center no-repeat;}
.pageContact .item ul{ margin-top: 15px;}
.pageContact .item li { line-height: 26px; font-size: 16px; }


/* ContactForm */
.ContactForm{margin:0 auto; padding:60px 0; background-color: #fff; }
.ContactForm_top{text-align:center; font-size:20px; color:#aaa; position:relative; line-height:36px;}
.ContactForm_top h1{ font-size:28px; color:#333;}
.ContactForm_list{ width:1200px; margin:30px auto 0; overflow:hidden;}
.ContactForm_list .row{ width:100%; clear:both;  margin:0 0 20px 0;}
.ContactForm_list .row .row_left{ width:590px; float:left; display:block; }
.ContactForm_list .row .row_right{ width:590px; float:right; display:block; }
.ContactForm_list label{ position:relative; display:block; }
.ContactForm_list label span{ position:absolute; left:24px; top:22px; font-size:18px; color:#ccc;}
.ContactForm_list .txt{ border:1px solid #eee; padding:24px; background:#fff;}
.ContactForm_list .txt:focus{ border:2px solid #338ac2; padding:23px; background:#fff;}
.ContactForm_list .txt.w1{ width:540px; height:20px; line-height:20px;}
.ContactForm_list .txt.w2{ width:1150px; height:180px; line-height:20px;}
.ContactForm_list .btn{ float:left; border:0; background:#338ac2; border-radius:5px; width:570px; height:70px; cursor:pointer; text-align:center; font-size:24px; font-weight:bold; color:#fff;}
.ContactForm_list .row .btn:hover{ background:#338ac2; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.ContactForm_list .row p.xin{ color:#338ac2; line-height:70px; font-size:22px; float:right; font-weight:bold;}
.ContactForm_list .row p.xin span{ color:#338ac2;}


/* ContactMap */
.ContactMap{ padding:0; height:600px; margin:0 auto -50px; position:relative; z-index:1; background:#fff;}


/* pageJobs */
.pageJobs{  padding:0 0;  margin:40px auto; position:relative; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.05); -moz-box-shadow:0 0 20px rgba(0,0,0,0.05); box-shadow:0 0 20px rgba(0,0,0,0.05);}
.JobsList{width:100%;margin:0 auto;}
.JobsPosition{height: 70px; background-color: #fff; cursor: pointer; margin-bottom: 1px; line-height:70px; border-bottom: 1px solid #eee;position: relative;}
.JobsPosition p{ float:left;}
.JobsPosition .Title{ font-size:20px; width:340px; padding-left:40px; color:#333; font-weight:bold;}
.JobsPosition .Location{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.JobsPosition .Years{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.JobsPosition .Wage{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.JobsPosition .People{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.JobsPosition:hover,.JobsList .current{background:#338ac2;border-bottom: 1px solid #338ac2;}
.JobsPosition:hover .Title,.JobsPosition:hover .Location,.JobsPosition:hover .Years,.JobsPosition:hover .Wage,.JobsPosition:hover .People{ color:#fff;}
.current .Title,.current .Location,.current .Years,.current .Wage,.current .People{ color:#fff;}
.PositionCon{line-height:32px; background-color: #fff; border-bottom:solid 2px #338ac2; padding:20px 40px; font-size:14px; color:#333;}
.PositionCon img{ max-width: 100%;}


/* pageNews */
.pageNews{ width:1200px; margin:40px auto;}
.pageNews li{ float:left; width:100%; height:120px; padding:20px; margin-bottom:30px; background:#fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05); transition: all 0.8s ease;  }
.pageNews li .img{ width:240px; height:120px; }
.pageNews li .img img{ width:100%; }
.pageNews li .cont{ width:930px; height:120px; overflow:hidden;}
.pageNews li .cont .title { font-size:16px; color:#333; line-height:26px; margin: 5px 0;}
.pageNews li .cont .time{ color:#999; margin: 5px 0; font-size: 14px;}
.pageNews li .cont .summary{ width:100%; font-size:14px; color:#666px; line-height:26px; }
.pageNews li:hover{ background:#338ac2;}
.pageNews li:hover .title,.pageNews li:hover .cont .summary,.pageNews li:hover .cont .time{ color:#fff}


.pageNewsD{ width:1200px; margin:40px auto;}
.pageNewsD .Title{ width:100%; text-align:center; font-size:24px; color:#333; font-weight:bold;}
.pageNewsD .Time{ font-size:14px; width:100%; border-bottom:dashed 1px #ddd; padding-bottom:10px; text-align:center; color:#999; margin-top:10px;}
.pageNewsD .Content{ font-size:14px; color:#333; line-height:28px; margin-top:30px; width:100%;}
.pageNewsD .Content img{ max-width:100%;}


/* pageDevice */
.pageDevice{ position: relative; }
.pageDevice ul{ overflow:hidden; zoom:1; width: 1220px; margin:0 -10px; }
.pageDevice ul li{ margin:10px 10px; width: 283px; border: solid 1px #eee; background-color: #fff;  float:left; _display:inline; overflow:hidden; text-align:center; }
.pageDevice ul li .img{ width: 283px; height: 198px; overflow: hidden; }
.pageDevice ul li img{ width: 265px; height: 180px; margin: 9px; transition: all 0.8s ease;}
.pageDevice ul li p{ text-align: center; font-size: 14px; color: #333; line-height: 50px; overflow: hidden;}
.pageDevice ul li:hover img{transform:scaleX(1.10) scaleY(1.10);}
.pageDevice ul li:hover .img{ border-color: #338ac2;}
.pageDevice ul li:hover p{ color: #338ac2;}


/* pageDevice */
.ProductList{ width: 1200px; margin: auto;}
.ProductList ul{ width: 1230px; margin:  0 -15px;}
.ProductList li{width: 380px; background-color: #fff; height: 340px; margin: 15px; float: left; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05);}
.ProductList li .img{ width: 380px; height: 273px; overflow: hidden; transition: all 0.8s ease;}
.ProductList li .img img{width: 360px; height: 253px; margin: 10px; transition: all 0.8s ease; }
.ProductList li .cont{ width: 340px; height: 50px; padding: 10px 20px; position: relative; background-color: #ececec; transition: all 0.8s ease;}
.ProductList li .cont .title{ line-height: 25px; color: #333; font-size: 16px;}
.ProductList li .cont .more{ font-size: 14px; line-height: 25px; color: #999;  font-family: 'bw'; }
.ProductList li .cont .more i{ float: left; width: 18px; margin: 11px 0 11px 10px; height: 8px; background: url(../images/proIcon.png) no-repeat;  transform: translateX(0); transition: all 0.8s ease;}
.ProductList li .cont .more span{ float: left;}
.ProductList li:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px rgba(0,0,0,0.1); box-shadow:0 0 20px rgba(0,0,0,0.1);}
.ProductList li:hover .cont .more i{transform: translateX(120px); opacity:1; background-position:0 -8px;}
.ProductList li:hover .img{ height: 250px;}
.ProductList li:hover .img img{transform:scale(1.1)}
.ProductList li:hover .cont{  padding: 20px 20px; background-color: #338ac2; }
.ProductList li:hover .cont .title,.ProductList li:hover .cont .more{ color: #fff;}

.ProductListD{ width: 1140px; padding: 30px ; background-color: #fff; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.02); -moz-box-shadow:0 0 20px rgba(0,0,0,0.02); box-shadow:0 0 20px rgba(0,0,0,0.02);}
/*产品放大*/
.bigpro_box{ width: 100%; height: 350px; position: relative;}
.pro_l{position:relative; width: 470px; height: 330px; border: solid 1px #eee; }
#showbox {z-index:1;}
#showbox span {background: rgba(255, 159, 0, 0.2);}
#showsum {left:25px; margin-top:10px; height: 76px !important;}
#showsum span{ width:104px !important;height:74px !important; border: solid 1px #eee; cursor: pointer;}
#showsum span.sel{width:100px !important;height:70px !important; border: solid 3px #338ac2;}
#showsum span.sel img{ top: 0 !important;}
#showsum span img{ top: 0 !important;}
.showpage {width:640px;position:relative;}
.showpage a{display:block;width:17px;height:30px;line-height:30px; position:absolute; left:0; top:-55px;background: url(../images/jt_ico.png) no-repeat;}
.showpage a#shownext{left:auto;right:0;}
.showpage #showlast{background-position:0 0;}
.showpage #shownext{background-position:-17px 0;}
.pror_r{width:640px; height: 330px; overflow: hidden; position: relative;}
.pror_r .pro_info{padding:10px 0 4px;height:230px; overflow: auto;}
.pror_r .pro_info .info_tit{font-size:26px;border-bottom:6px solid #338ac2;position:relative;height:30px;line-height:38px;display:Inline-block; color: #333;}
.pror_r .pro_info .info_sum{width:100%;padding:15px 0;color:#666;line-height:28px;font-size:14px;}
.pror_r .pro_info .info_sum img{ max-width: 100%;}
.pro_detail{line-height:28px;color:#333333;padding-top:20px}
.pro_detail .pro_detail_tit{font-size:20px;width:90px;text-align:center;margin-bottom:20px;}
.pro_detail .pro_detail_tit span{margin-top:4px;display:block;height:4px;width:90px;background:#338ac2;}
.pro_detail .pro_detail_con{ width: 100%; font-size: 14px; line-height: 28px;}
.pro_detail .pro_detail_con img{ max-width: 100%;}


/* pages */
.pages { margin:40px 0; position:relative; text-align:center; font-size:12px;}
.pages a { display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #eee; text-align:center; color:#333; padding:0 15px; margin-left:6px;}
.pages a.a1 { background:#fff; width:56px; padding:0; }
.pages a:hover { background:#338ac2;  border:1px solid #338ac2; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:35px; line-height:35px; background:#338ac2; border:1px solid #338ac2; color:#fff; text-align:center; padding:0 15px; margin-left:6px;}

.pages1{ width:1200px;  margin:30px auto 0;  border-top:solid 1px #eee; padding-top:20px;}
.pages1_l{ float:left; width:350px; font-size:14px;  text-align:left; }
.pages1_l a{  color:#666;}
.pages1_l:hover a{ color:#338ac2; text-decoration:underline;}
.pages1_r{ float:right; width:350px; font-size:14px; text-align:right; }
.pages1_r a{  color:#666; display:block;}
.pages1_r:hover a{ color:#338ac2; text-decoration:underline;}