﻿.seconds{ width: 100%; height: auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.proc{ height:auto; width: 1200px; margin-bottom: 20px;}
.proc-left{ width: 220px;  float: left;  overflow: hidden;}
.pro-left{ width: 220px; overflow: hidden;}
.proc-left .h11{ text-align: center; line-height: 80px; color: #fff; font-size: 24px; font-weight: normal; background:url(../images/h11.jpg) no-repeat center; height: 80px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.proc-left .h12{ background:url(../images/h3.jpg) no-repeat center; height: 83px; line-height: 83px; padding-left: 20px;}
.proc-left .h12 span{ font-size: 14px;}

.slid{ background: #fff; }
.slid1{ margin-top: 8px;}
.slid1 li{margin-bottom: 10px;}
.slid1 li:last-child{ margin-bottom: 0;}
.slid1 li.atter{ border:2px solid #1a6acd;}
.slid1 li h3{ font-weight: normal;}
.slid1 li .dian{ font-size: 18px; color: #333333;  line-height: 43px;background:#f5f5f5 url(../images/up.png) 194px center no-repeat;display: block; padding-left: 18px;cursor: pointer; border-left: 4px solid #d7d7d7; }
.slid1 li.atter .dian{ font-size: 18px; color: #fff;  line-height: 43px;background:#1a6acd url(../images/xia.png) 194px center no-repeat;display: block; padding-left: 18px;cursor: pointer;border-left: 4px solid #1a6acd;}

.second{display: none;margin:8px 0;}

.second a{ display: block;  padding-left:33px; font-size: 15px; color: #666666;background:#fff url(../images/jian.png) no-repeat 20px center; line-height: 40px; }
.second a:hover{background: #f5f5f5 url(../images/jian1.png) no-repeat 20px center; color: #1a6acd;}

.con-one{ background: #fff; margin-top: 35px; height: auto; overflow: hidden;width: 220px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; border:1px solid #e1e1e1;}
.cn-title{height: 48px;background: #f5f5f5 url(../images/phone1.png) no-repeat 52px center;line-height:48px; color: #2a2a2a;font-size: 18px; text-align: center;border-bottom:1px solid #e1e1e1; }
.con-lian{height: auto; overflow: hidden; padding:0 14px;}
.lxp p{ font-size: 14px; color: #2a2a2a; padding:15px 0; border-bottom: 1px dashed #b2b2b2;}
.lxp p span{ color: #1a6acd; font-size: 24px; font-weight: bold;}
.left-img{ text-align: center; margin: 30px 0;}
.left-img .limg-p{ }
.left-img .limg-p1{ color: #2a2a2a; font-size: 14px; }

/* 右边 */
.proc-right{ width: 958px; height:auto; float: right;margin-bottom: 18px; background: #fff;}
.lijing{ border-bottom:1px solid #dcdcdc; line-height: 40px; color: #666; margin:20px 0;background: url(../images/lin.png) no-repeat left center;padding-left: 28px; font-size: 14px;}
.lijing a{ color:#666;}
.lijing span{ color: #1a6acd;}
.pro-ul{ height: auto; overflow: hidden;}
.pro-ul li{ float: left; width:296px;margin-right:34px; margin-bottom: 27px;}
.pro-ul li img{ display: block; width: 296px; height: 296px; margin:0 auto; border:1px solid #dcdcdc;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.pro-ul li .pro-p{ text-align: center; font-size: 16px; color: #555555; height: 45px; line-height: 45px; background: #fff; }
.pro-ul li:hover img{border:1px solid #1a6acd; }
.pro-ul li:hover .pro-p{ background: #1a6acd url(../images/lej.png) no-repeat 276px center; color: #fff;}

.tuijian{ height: auto; margin-top: 30px;}
.tui-title{ height: 40px; background: #f5f5f5; line-height: 40px;}
.tui-title h3{ display: inline-block; background: #2176cf; font-size: 16px; color: #fff; padding:0 20px; font-weight: normal;}
.leftLoop1{position: relative; width:863px; margin:0px auto; margin-top: 15px;}

.leftLoop1 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop1 .hd a{position:absolute; display:block;  width:27px; height:46px; cursor:pointer;}
.leftLoop1 .hd .prev{left:-49px; top:88px;  background:url("../images/about.png") no-repeat left top;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.leftLoop1 .hd .prev:hover{ background:url("../images/about1-1.png") no-repeat left bottom;  }
.leftLoop1 .hd .next{right:-49px; top:88px;  display:block;  background:url("../images/about2.png") no-repeat right top;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.leftLoop1 .hd .next:hover{ background:url("../images/about2-1.png") no-repeat right bottom;  }

.leftLoop1 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop1 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop1 .bd ul li{ float:left; overflow:hidden; width:210px;  text-align:center; border:0px solid #f00; margin-right: 10px;}
.leftLoop1 .bd ul li div{ width:203px;  border:2px solid #d7d7d7;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.leftLoop1 .bd ul li:hover div{border:2px solid #2176cf; }
.leftLoop1 .bd ul li img{width:100%;}
.leftLoop1 .bd ul li p{ margin-top:10px; font-size:16px; color: #2a2a2a;}
.leftLoop1 .bd ul li:hover p{ color: #2176cf;}


.proInfo{ margin-top: 0px;}
.proInfo-left{ width:416px; float: left;}
#preview{ float:none;text-align:center; width:416px; position:relative;}
.jqzoom{ width:416px; height:416px;}

.zoomdiv{ left:1000px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:416px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:416px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px; border:none;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom一流素材网www.16sucai.com*/
.jqzoom{position:relative;padding:0; border: 1px solid #ccc;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:800px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:387px; margin-right:6px;}
#spec-list div{ margin-top:0;}
.proInfo-right{ width: 505px; float: right;}
.proInfo-right h2{ font-size: 20px; color: #015fc4; box-sizing:border-box;}
.main-content{ margin: 15px 0; padding: 10px 0;border-top: 1px dashed #ccc;}
.main-content p{ font-size: 14px; line-height:35px; color: #777777; border-bottom: 1px dashed #ccc; padding:10px 0;}
.main-content .share{  padding-top:20px;     height: auto;
    overflow: hidden; font-size: 16px;}
.dh{border-bottom: 1px dashed #ccc; padding:20px 0;}
.dh-ri{ background: url(../images/opne.png) no-repeat left center; line-height: 50px; padding-left:45px; font-size: 28px; color: #e51d1d; font-weight: bold;}
.dh-ri a{ display: inline-block; width: 143px; height: 40px; background: #1a6acd; font-size: 16px; font-weight: normal; text-align: center; line-height: 40px; float: right; color: #fff; border-radius: 20px;}
.srollow{  border:1px solid #e1e1e1; margin-top: 36px; padding:25px 20px;}
.pro-detail{ height: auto; margin-bottom: 30px;}
.srow-title{ color: #1a6acd; font-size: 16px; font-weight: bold; background: url(../images/line1.png) no-repeat left bottom; line-height: 35px;}
.srow-title1{background: url(../images/line.png) no-repeat left bottom; }
.srow-con{ margin-top: 23px; padding-left: 25px;}


.left-ul{ height: auto;}
.left-ul li{ height: 50px;  margin-top: 10px; line-height: 50px; font-size: 16px;border-left: 4px solid #d7d7d7; padding-left: 18px; background:#f5f5f5 url(../images/lej1.png) no-repeat 200px center;}
.left-ul li h3{ font-weight: normal;}
.left-ul li a{ color:#2a2a2a; display: block;}
.left-ul li.cur{ background:#1a6acd url(../images/lej.png) no-repeat 200px center;border-left: 4px solid #1a6acd;}
.left-ul li.cur a{ color: #fff;}


.solu-ul {height: auto;overflow: hidden;}
.solu-ul li {height: 169px;border-bottom: 1px dashed #e0e0e0;margin-bottom: 20px; padding-bottom: 40px; }
.solu-ul li .hz-le {float: left;width:240px;}
.solu-ul li .hz-rii {float: right;width:690px;}
.solu-ul li .hz-rii .hz-con{ font-size: 24px; color: #000000; margin-bottom: 27px;}
.solu-ul li .hz-rii .span{ font-size: 14px; color: #5a5a5a;}
.solu-ul li .hz-rii .kan-a{ float: right; width:120px; height: 36px; background: #f5f5f5; color: #1a6acd; line-height: 36px; text-align: center; font-size: 14px; margin-top: 20px;}
.solu-ul li:hover .hz-con{ color: #1a6acd;}
.solu-ul li:hover .kan-a{ background: #1a6acd; color: #fff;}

.online{ height: auto; overflow: hidden; border:1px solid #e1e1e1; padding:60px 35px; background: url(../images/online.png) no-repeat 624px 42px; padding-right: 23px;}
.online .sizeh{ color: #1a6acd;font-size: 34px;margin-top: 20px; font-weight: bold;}
.online .online-p{ font-size: 16px; color: #5a5a5a; margin-top:25px; margin-bottom: 20px;}
.online .online-p1{ font-size: 14px;color: #5a5a5a; margin-bottom: 30px;}
.online .online-p1 span{ font-size:30px; color: #e51d1d; margin-left: 10px;}

.mess{ margin-bottom:20px;}
.mess label{ width: 73px; display: inline-block;color: #2a2a2a; text-align: right; margin-right:8px;font-size: 14px;}
.mess input{ width: 460px; height: 40px; border: 1px solid #e1e1e1; text-indent: 1em; border-radius: 3px;}
.mess textarea{ width:810px; height: 240px; border: 1px solid #e1e1e1; text-indent: 1em; border-radius: 3px; vertical-align: middle;}
.mess-btn{ margin-left: 82px;}
.mess-btn input{ width: 130px; height: 40px; display: inline-block; background: #fff; border:1px solid #2176cf;border-radius: 3px; cursor: pointer; color: #2176cf; font-size: 16px;}











.tui-ol{ height: auto; margin-top: 25px;}
.tui-ol li{ float: left; width: 225px; margin-right: 19px;}
.tui-ol li img{ display: block; border:1px solid #f0f0f0;}
.tui-ol li .sevh{ font-size: 14px; color: #2a2a2a;line-height: 35px; font-weight: bold;}
.tui-ol li a{ height: 28px; width: 100px; background: #2176cf; line-height: 28px; color: #fff; text-align: center; display: inline-block; border-radius: 20px;}
.tui-ol li p{ color: #5a5a5a; line-height:25px; margin-bottom: 10px;}

.newsInfo{height: auto; overflow: hidden;margin-top: 20px;}
.newsInfo-title{ text-align: center; font-size: 28px; color: #555555; margin-bottom: 18px; }
.newsInfo-title1{ text-align: center;color: #646464; line-height: 35px; font-size: 14px;}
.newsInfo-title1 span{ margin-left: 30px;}
.newsInfo-con{ margin-top: 20px;}
.newsInfo-top{ margin-bottom: 20px;}
.newsInfo-bottom1{ margin-bottom: 10px;border-bottom:1px dashed #b2b2b2;}
.newsInfo-bottom a{color: #666; font-size: 14px;}
.newsInfo-bottom a.return{ float: right; color: #1a6acd;}


.ques-ul{  height: auto; overflow: hidden;}
.ques-ul li{ border-bottom: 1px solid #dedede;padding-bottom: 27px; margin-bottom: 25px;}
.ques-ul li .que-top {background: url(../images/wen.png) no-repeat left center;padding-left: 25px;margin: 10px 0; line-height: 28px; color: #2a2a2a; font-size: 18px; font-weight: bold;}
.ques-ul li .que-bottom { background: url(../images/da.png) no-repeat left 6px;padding-left: 25px; font-size: 14px; color: #5a5a5a;}

.about{ height: auto; overflow: hidden;}
.culture{ height: auto; overflow: hidden;}
.cul-ul{ height: auto; overflow: hidden; margin-top: 23px;}
.cul-ul li{ float: left; width: 304px; margin-right: 23px; margin-bottom: 23px;}
.cul-ul li img{ display: block;}
.cul-ul li p{ text-align: center; font-size: 16px; color: #2a2a2a; margin-top: 10px;}

.cli-ul {height: auto;overflow: hidden;}
.cli-ul li {height: 169px;border-bottom: 1px dashed #e0e0e0;margin-bottom: 20px; padding-bottom: 40px; }
.cli-ul li .hz-le {float: left;width:278px;}
.cli-ul li .hz-rii {float: right;width:645px;}
.cli-ul li .hz-rii .hz-con{ font-size: 24px; color: #000000;}
.cli-ul li .hz-rii .span{ font-size: 14px; color: #5a5a5a; }
.cli-ul li .hz-rii .span1 {color: #3a3a3a;font-size: 14px;margin:10px 0;}

.gallery a.qulity2{display:block;}
.gallery img{width:460px;height:585px; vertical-align:top; border: 1px solid #e8e8e8;}
.gallery:hover img{ }
.qulity1{}
.f2_2 { margin-top:20px; overflow:hidden; padding-bottom:10px; margin-bottom:15px;}
.gallery{float:left; overflow:hidden; margin-right:30px;margin-bottom:30px; }
.gallery:nth-child(2n){ margin-right: 0;}
.qulity3{ text-align:center; display:block; margin-top:5px; color:#000000;font-size:16px;}
.grayr1 {  margin:0 auto; width:240px}
.grayr1 a {padding-right: 5px; padding-left:5px; margin: 2px; color: #8B8B8B; font-weight:bold}
.grayr1 a:hover {color: #000; background: #99ffff}
.grayr1 a:active {color: #000; background: #99ffff}
.grayr1 a.current {
padding-right: 5px; padding-left: 5px;  padding-bottom: 2px; margin: 2px;padding-top: 2px; 
}
.grayr1 span{ color:#7E7E7E}
#jquery-overlay {
	Z-INDEX: 90; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px
}
#jquery-largephotobox {
	Z-INDEX: 100; LEFT: 0px; WIDTH: 100%; LINE-HEIGHT: 0; POSITION: fixed; TOP: 0px; _position: absolute
}
#jquery-largephotobox A IMG {
	
}
#largephotobox-container {
	LEFT: 50%; POSITION: fixed; TOP: 50%; BACKGROUND-COLOR: rgb(255,255,255); _position: absolute
}
#largephotobox-container-image {
	OVERFLOW: hidden; POSITION: absolute
}
#largephotobox-image {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}
#largephotobox-btnclose {
	Z-INDEX: 1; RIGHT: -15px; POSITION: absolute; TOP: -15px
}


.dz-ul {height: auto;overflow: hidden;}
.dz-ul li {height: 204px;border-bottom: 1px dashed #e0e0e0;margin-bottom: 20px; padding-bottom: 40px; }
.dz-ul li .hz-le {float: left;width:308px;}
.dz-ul li .hz-rii {float: right;width:628px;}
.dz-ul li .hz-rii .hz-con{ font-size: 18px; color: #2a2a2a; margin-bottom: 27px;}
.dz-ul li .hz-rii .span{ font-size: 14px; color: #5a5a5a;}
.dz-ul li .hz-rii .kan-a{ float: right; width:120px; height: 36px; background: #f5f5f5; color: #1a6acd; line-height: 36px; text-align: center; font-size: 14px; margin-top: 20px;}
.dz-ul li:hover .kan-a{ background: #1a6acd; color: #fff;}

.par-ul{ height: auto;overflow: hidden;}
.par-ul li{ float: left; width: 218px; margin-right: 28px; margin-bottom: 32px;}
.par-ul li img{ display: block; width: 216px; height: 119px; border:1px solid #e1e1e1;}
.par-ul li p{ font-size: 16px; color: #5a5a5a; margin-top: 8px; text-align: center;}


.news-ul {height: auto;overflow: hidden;}
.news-ul li {height: 169px;border-bottom: 1px dashed #e0e0e0;margin-bottom: 20px; padding-bottom: 40px; }
.news-ul li .hz-le {float: left;width:240px;}
.news-ul li .hz-rii {float: right;width:690px;}
.news-ul li .hz-rii .hz-con{ font-size: 24px; color: #000000; }
.news-ul li .hz-rii .span1{ font-size: 14px; color: #5a5a5a; margin:8px 0;}
.news-ul li .hz-rii .span{ font-size: 14px; color: #5a5a5a;}
.news-ul li .hz-rii .kan-a{ float: right; width:120px; height: 36px; background: #f5f5f5; color: #1a6acd; line-height: 36px; text-align: center; font-size: 14px; margin-top: 20px;}
.news-ul li:hover .hz-con{ color: #1a6acd;}
.news-ul li:hover .kan-a{ background: #1a6acd; color: #fff;}


/*联系我们*/
.contact{overflow: hidden;height: auto; }

.contact .lianxi-titlee {font-size: 28px;color: #1a6acd;margin: 30px 0;}
.contact-left{ width: 503px; height: auto; float: left;}
.contact-left ol li{ margin-bottom: 20px;}
.contact-left ol li img{display: inline-block;vertical-align: middle; }
.contact-left ol li span{font-size: 18px;color: #555555;margin-left: 24px;}
.contact-right{ width: 233px; float: right;}
.contact-right .cont-le{ float: left; width: 46px;}
.contact-right .cont-le a{ width: 46px; height: 46px; border: 1px solid #efefef; border-radius: 50%; display: block; margin-bottom: 13px;}
.contact-right .cont-le a:hover{ border: 1px solid #7ecd8f;}
.contact-right .cont-le a img{ margin:11px auto; display: block;}
.contact-right .cont-ri{ float: right; width: 164px; height: 164px; border: 1px solid #e2e2e2;}
.contact-right .cont-ri img{ display: block; margin:5px auto;}
.con-map{ margin-top: 30px;}

.message{height: auto; overflow: hidden; }
.message .lianxi-titlee{ line-height: 30px; font-weight: bold;font-size: 28px;color: #1a6acd;}
.message .lianxi-titlee em{ font-size: 14px; color: #5a5a5a; font-weight: normal;}
.message .mess-le{height: auto; overflow: hidden; margin-top: 25px;}
.message .mess-le .liu{ position: relative; margin-bottom: 25px; float: left; margin-right: 50px;}
.message .mess-le .liu label{ position: absolute; font-size: 16px; color: #3a3a3a; top:17px; left:20px;}
.message .mess-le .liu input{width: 452px; height: 57px; border:1px solid #e2e2e2; font-size: 16px; color: #d7d7d7; text-indent: 60px; border-radius: 5px;}
.message .mess-le .liu textarea{ height: 265px;border:1px solid #e2e2e2; font-size: 16px; color: #d7d7d7; text-indent: 60px; border-radius: 5px;width: 956px; padding-top: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.message .mess-le .btn{ display: block;}
.message .mess-le .btn input{ width: 162px; height: 44px; font-size: 16px; color: #fff; background:#1a6acd; cursor: pointer; border-radius: 5px;}
.message .mess-le1{ margin-top: 0;}

.lujing a{color: #555; }
.map{ overflow:hidden; width:1200px; margin:30px auto;}
.map-box{ overflow:hidden; margin-bottom:30px;}
.map-box  .mapLeft{font-size:16px; margin-bottom:10px;}
.mapRight{overflow:hidden; border:1px solid #ccc; padding:10px;}
.mapRight li{ overflow:hidden; float:left; width:180px;}
.mapRight a:hover{ color:#135d3c;}
.mapRight a{ display:block; padding:5px 0; color: #555;}
.mapRight a b{display:block; font-size:14px; color: #555;}
.list-unstyled li a:hover b{color:#358dd1; }











