*{padding:0;margin:0;}
body,samp,span,i,em{ font-family:Arial,'微软雅黑', Helvetica,'黑体', sans-serif;font-size:14px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ul,li,dl,dd,ol{ list-style:none;}
a{ text-decoration:none;color:#444;}
img{border:0;}
.w1200{max-width:1200px;margin:auto;width:96%;}
.w1540{max-width:1540px;margin:auto;width:96%;}
.overflow{overflow:hidden;}


#top{background:#f6f6f6;}
.topa{float:left;width:50%;color:#444;line-height:36px;}
.topb{float:right;width:50%;font-size:0;text-align:right;margin-top:10px;}
.topb a{display:inline-block;font-size:14px;color:#444;line-height:14px;border-left:1px solid #ccc;padding-left:20px;margin-left:20px;}
.topb a:first-child{border-left:none;}
.topb a:hover{color:#006ac6;}

#logo{padding:24px 0;}
.logo{width:40%;float:left;font-size:0;}
.log{width:60%;float:left;    margin-top:7px;}
.logo-a{display:inline-block; vertical-align:middle;}
.log-a{width:246px;float:right;font-size:0;}
.log-b{width:calc(100% - 300px);float:left;font-size:0;text-align:right;margin-top:8px;}
.log-aa{display:inline-block; vertical-align:middle;}
.log-ab{display:inline-block; vertical-align:middle;margin-left:10px;}
.log-ab .p1{font-size:14px;color:#0b0b0b;}
.log-ab .p2{font-size:27px;color:#e60213; letter-spacing:0px;}
.log-b input{display:inline-block; vertical-align:middle;background:none;border:1px solid #848484; outline:none;padding:10px 0 10px 10px;width:220px;}
.log-b a{display:inline-block; vertical-align:middle;background:#006ac6;text-align:center;padding:9px 20px;}
.imglo2{display:none;}

/**/
.zhz{width:50px;height:50px;overflow:hidden;position:absolute;top:11px;right:0;display:none;}
.zhz samp{position:absolute;left:26%;background:#2f2f2f;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}

.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

.eng{position:fixed;top:0;z-index:2;right: 50px;padding: 17px;border-right: 1px solid #eee;border-left: 1px solid #eee;display:none;}

/****/
#daoh{background:#006ac6;
background:linear-gradient(0deg,#006cd9,#009fe9);
background: -webkit-linear-gradient(0deg,#006cd9,#009fe9); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(0deg,#006cd9,#009fe9); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(0deg,#006cd9,#009fe9); /* Firefox 3.6 - 15 */
background: linear-gradient(0deg, #006cd9,#009fe9);position:relative;}
.daoh{height:54px;max-width: 1540px;width: 96%;margin:auto;}
.daoh li{width:14.2857%;float:left;text-align:center;font-size:16px;}
.daoh li a{color:#ffffff;padding:19px 0;display:inline-block;line-height:16px;display:block;position:relative;}
.daoh li p a:after{ content:'';width:1px;height:16px;background:#7ab9ef;display:inline-block;position:absolute;top:50%;right:0; transform:translateY(-50%);}
.daoh li:last-child p a:after{display:none;}
.daoh li.dh{background:#0071da;}
.daoh li.dh a:after{display:none;}
.daoh li:hover{background:#0071da;}
.daoh li:hover a:after{display:none;}

.daoh li dl{position:absolute;top:100%;left:0;width:100%;background:#fff;font-size:0;z-index:99;display:none;}
.daoh li dl dd{display:inline-block; vertical-align:middle;font-size:16px;padding:20px 20px;}
.daoh li dl dd a{color:#333;}
.daoh li dl dd a:hover{color:#0071da;}

/*尾部*/
#bottom{background:#333;padding:47px 0 70px;margin-top: 50px;}
.bottoma{width:calc(100% - 270px);float:left;overflow:hidden;}
.bottomb{width:170px;float:right;margin-top: 47px;}
.bottomb img{max-width:100%;}

.bottoma li{width:16%;float:left;margin-right:4%;}
.bottoma li:last-child{width:40%;margin-right:0;}
.bottoma li h6{font-size:20px;color:#fff;border-bottom:1px solid #3e4144;position:relative;padding:0 0 20px 0;margin-bottom:20px;}
.bottoma li p{line-height:28px;color:#949494;font-size:16px;}
.bottoma li p a{color:#949494;}

.bot{background:#000;text-align:center;color:#fff;padding:20px 0;font-size:16px;}

/*中间*/
/*产品标题*/
.a-cp{padding: 40px 0;text-align:center;}
.a-cp h2{font-size: 36px;font-weight: bold;color: #333;}
.a-cp p{font-size: 18px;margin-top: 20px;color: #666;}
.a-cp a{width: 200px;height: 50px;line-height: 50px;border: 1px solid #999;border-radius: 50px;margin: 30px auto 0 auto;font-size: 20px;display:block;color:#999;}

.b-tu{overflow:hidden;}
.b-tu img{ transition:all 0.5s;max-width:100%}
.b-tu a{display:block;}
.b-tu:hover img{ transform:scale(1.2);}

.derp{padding: 50px 0 30px;overflow:hidden;}
.derp .left{width: calc(44% - 10px);float: left;}
.derp .pic{position: relative;overflow: hidden;margin-bottom: 20px;}
.derp .pic img{width: 100%;transition: all 0.5s;}
.derp .pic h2{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;font-size: 20px;background: rgba(0,0,0,0.3);visibility: hidden;opacity: 0;transition: all 0.3s;}
.derp .pic:hover h2{visibility: visible;opacity: 1;color: #FFF;}
.derp .pic:hover img{transform: scale(1.2);}

.derp .right{width: calc(56% - 10px);float: right;}
.derp .right .t_l{width: calc(50% - 10px);}
.derp .right .yi{float: left;}
.derp .right .er{float: right;}
.derp .right .t_l .txt{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 100;padding:5%;display: flex;align-items: center;justify-content: center;flex-flow: column;color: #333;}
.derp .right .t_l .pic:nth-of-type(2) img{opacity: 0;}
.derp .right .t_l .txt h3{font-size: 30px;font-weight: bold;}
.derp .right .t_l .txt p{font-size: 30px;margin-top: 10px;}
.derp .right .t_l .txt .more{width: 160px;height: 40px;line-height: 40px;border:1px solid #DDD;text-align: center;border-radius: 50px;margin-top: 10px;}
.derp .right .t_l .txt .more a{display: block;color: #666;}
.derp .right .t_l .txt .more a:hover{display: block;color: #666;text-decoration: none;}
.derp .right .right_b{background: #333;}
.derp .right .right_b .txt{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 100;color: #FFF;padding:5%;}
.derp .right .right_b .txt h3{font-size: 24px;font-weight: bold;}
.derp .right .right_b .txt h3 a{color:#fff;}
.derp .right .right_b .txt p{line-height: 30px;margin-top: 10px;text-indent: 2em;}
.derp .right .right_t{overflow:hidden;}

.dsanp{height: 700px;display: flex;align-items: center;justify-content: center;flex-flow: column;color: #FFF;}
.dsanp h2{font-size: 46px;font-weight: bold;}
.dsanp p{font-size: 18px;line-height: 36px;margin-top: 30px;text-align: center;}

.dsip{padding: 50px 0%;overflow:hidden;}
.dsip ul{margin-left: -2%;}
.dsip li{position: relative;float: left;width: 31.333%;margin-left: 2%;overflow: hidden;}
.dsip li img{width: 100%;transition: all 0.5s;}
.dsip li:hover img{transform: scale(1.2);}
.dsip li .txt{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 100;padding:5%;display: flex;align-items: center;justify-content: center;flex-flow: column;color: #FFF;}
.dsip li .txt h3{font-size: 30px;font-weight: bold;}
.dsip li .txt p{font-size: 18px;margin-top: 10px;}
.dsip li .txt .more{width: 160px;height: 40px;line-height: 40px;border:1px solid #DDD;text-align: center;border-radius: 50px;margin-top: 20px;}
.dsip li .txt .more a{display: block;color: #FFF;}
.dsip li .txt .more a:hover{display: block;color: #FFF;text-decoration: none;}

/*****************************************/
.web{max-width: 1540px;margin:0px auto;overflow: hidden;width:96%;}

.i-ban{height:300px;background: center;background-size: cover;}
.i-sj{display:none;}
.i-sj img{width:100%;}
.i-cut{position:relative;height:100%;}
.i-cuta{color:#fff; vertical-align:middle;width:100%;position:absolute;top:50%;left:0; transform:translateY(-50%);display: none;}
.i-cuta p{font-size:16px;}
.i-cuta h3{font-size:36px;}
.i-mb{position:absolute;bottom:0px;left:0px;z-index:1;background:url(../images/lantu.png) left center;width:100%;padding:20px;box-sizing:border-box;}
.i-mb img{    margin:0 5px 3px 0; display: inline-block; vertical-align: middle;}
.i-mb samp{color:#fff}
.i-mb a{display:inline-block;margin-right:10px;color:#fff;font-size:14px;}
.i-mb a:after{ content:'-';margin-left:10px;}
.i-mb a:last-child:after{ content:'';}
.i-mb a:hover{color:#bcbbc0;}

/**/
.i-lm{background:#f6f6f6;}
.i-lma{overflow:hidden;font-size:0;}
.i-lma li{display:inline-block;font-size:17px;}
.i-lma li a{padding:18px 30px;display:inline-block;}
.i-lma li.ou a{color:#000;background:#c3c3c3;}
.i-lma li a:hover{color:#000;background:#c3c3c3;}
.i-la{text-align:center;font-size:16px;padding:20px 0;position:relative;display:none;}
.i-la p{position:absolute;top:46%;right:10px;width:24px;height:2px;background:#666;margin:2px 0;}
.i-la p:after{ content:'';width:24px;height:2px;background:#666;display:block;position:absolute;top:-6px;}
.i-la p:before{ content:'';width:24px;height:2px;background:#666;display:block;position:absolute;bottom:-6px;}
.i-la p.lat:before{display:none;}
.i-la p.lat{ transform:translateY(3px);}

/*关于我们*/
.i-about{font-size:15px;line-height:36px;overflow:hidden;margin:50px auto;}
.i-about img{max-width: 100%;margin-right: 30px;}

.honor_r_img{width:100%;overflow:hidden;margin:40px auto;}
.honor_r_img ul{margin-right:-2% }
.honor_r_img li{width:23%; float:left; margin:0 2% 30px 0; text-align:center; padding:10px 10px 10px 10px; background:#f9f9f9; border:1px solid #d6d6d6; border-bottom:3px solid #ddd; position:relative;box-sizing: border-box;}
.honor_r_img li .pImg{display:block; width:100%; padding:4px; border:1px solid #e3e3e3; background:#fff; display:table-cell; vertical-align:middle;}
.honor_r_img li img{width:100%; vertical-align:middle}
.honor_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.honor_r_img li:hover::before{width:100%; background:#007ddf; transition:all .5s}
.honor_r_img li p{font-size:14px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0 0; color: #555}
.honor_r_img li:hover{background:#eee; box-shadow:0 1px 10px #999;}

.paten{text-align:center;margin:40px auto;}
.paten img{max-width:100%;}

/* 招聘 */
.job-welfare{width: 100%;padding: 60px 0;overflow: hidden;display:none;}
.welfare-tit{width: 100%;overflow: hidden;}
.welfare-tit h6{font-size: 30px;color: #333;text-align: center;}
.welfare-tit p{font-size: 16px;color: #666;font-weight: lighter;line-height: 30px;max-width: 800px;margin: 20px auto 0;text-align: center;}

.wix{font-size: 16px;color: #666;font-weight: lighter;line-height: 30px;max-width: 800px;margin: 20px auto 0;text-align: center;}
.welfare-list{width: 80%;overflow: hidden;padding: 30px 0 0;margin: 0 auto;}
.welfare-list ul li{width: 29.333%;float: left;margin: 0 2%;text-align: center;padding: 20px 0;}
.welfare-list ul li h6{text-align: center;line-height: 60px;margin-bottom: 20px;}
.welfare-list ul li h6 img{max-width: 100%;transition: all .4s;}
.welfare-list ul li p{font-size: 18px;color: #333;line-height: 30px;}
.welfare-list ul li:hover h6 img{transform: translateY(-10px);}
.job-position{width: 100%;padding: 50px 0;background-color: #f5f5f5;}
.position-tit{width: 100%;text-align: center;font-size: 30px;color: #333;font-weight: lighter;}
.contain{margin:40px auto;}

.job-top{width: 100%;overflow: hidden;background-color: #f7f7f7;margin-top: 40px;}
.job-top span{float: left;font-size: 16px;color: #333;line-height: 60px;width: 16%;text-align: center;box-sizing: border-box;}
.job-top span:first-child{width: 25%;text-align: left;padding-left: 40px;}
.job-top span:last-child{width: 11%;}

.job{width: 100%;overflow: hidden;padding-bottom: 30px;}
.job ul li{width: 100%;overflow: hidden;}
.job-tit{width: 100%;overflow: hidden;border-bottom: 1px solid #ebebeb;cursor: pointer;}
.job-tit span{float: left;font-size: 14px;color: #666;line-height: 60px;width: 16%;text-align: center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor: pointer;height: 60px;box-sizing: border-box;}
.job-tit span:first-child{width: 25%;text-align: left;padding-left: 40px;}
.job-tit span:last-child{width: 11%;}

.job-tit span i{display: block;width: 20px;height: 60px;margin: 0 auto;background: url('../images/job-ico1.png') no-repeat center center;}
.job-tit.ontrue span i{background: url('../images/job-ico2.png') no-repeat center center;}
.job-main{width: 100%;overflow: hidden;background-color: #fff;padding: 20px 40px 40px;font-size: 14px;color: #666;line-height: 26px;display: none;}
.job-main h6{line-height: 26px;font-size: 14px;color: #000;font-weight: bold;padding-top: 20px;}
.job-main .apply{width: 130px;height: 40px;text-align: center;cursor: pointer;font-size: 14px;color: #fff;text-align: center;line-height: 40px;background: linear-gradient(to right, #239bd9,#0177b5);border-radius: 30px;display: block;margin-top: 40px;}


/*cp*/
.container{ margin-top:20px;padding-bottom:20px;overflow:hidden;}
.pleft{ overflow:hidden; float:left; width:20%; }
.pleft h3{ background:url(../images/pro_h.png) no-repeat 35px center; background-color:#007ddf; font-weight:normal;padding:26px 0 26px 80px; font-size:18px; color:#fff; border-radius:10px 10px 0 0}
.pleft h3 a{ color:#fff;}
.pleft h3 span{ font-size:14px; color:#fff; margin-left:5px;}
.pleft ul{ overflow:hidden;margin-bottom:15px; border-top:none; padding-top:10px;background: #fff;}
.pleft li{ overflow:hidden; width:100%;}
.pleft li>a{ display:block; padding-left:35px;line-height:46px; font-size:15px; text-decoration:none; background:url(../images/pro_s.png) no-repeat 90% center; border-bottom:1px solid #e3e0e0;  color:#333;font-weight: bold;}
.pleft li:hover>a,.pleft li>a.cur{ background-color:#007ddf;color:#fff;}
.pleft li>a.cur{color:#007ddf;}
.pleft li:last-child>a{border-radius:0 0 10px 10px; }
.pleft .pnav {overflow:hidden;padding:15px 0;width: 202px;padding-left: 38px;font-size:16px;line-height:35px;color:#666;border-bottom:1px solid #e3e0e0;}
.pleft .pnav a{ display:block; padding-left:15px; background:url(../images/ico02.png) no-repeat left center; text-decoration:none; font-size: 14px;}
.pleft li.cur>a{ color:#fff; background:url(../images/n01.png) no-repeat 90% center; background-color:#007ddf;}
.pleft .pnav a:hover,.pleft .pnav a.cur{ color:#007ddf}
.phone { overflow:hidden; width:166px; padding:30px 0; padding-left:75px; border-radius:10px; background:url(../images/pro_phone.png) no-repeat 20px center; background-color:#007ddf;}
.phone p{ font-size:16px; color:#fff;}
.phone b{ display:block; font-size:24px; color:#fff; font-family:'Times New Roman'}

.pleft .divBox{overflow:hidden;background-color:#fff;border-top:5px solid #007ddf;margin-bottom:10px;padding:20px 15px;line-height: 26px;}
.pleft .divBox .lxfs{ font-size:20px; color:#007ddf; margin:10px 0 18px 0;font-weight:bold;}
.pleft .divBox .lxfs a{color:#007ddf;}
.pleft .divBox  span{ display:block; font-size:14px; color:#303030; line-height:25px;}

.dqpkcprocont{ font-size:14px;}

.cpright{ width:77.5%; padding:0 25px; background:#fff; float:right;padding-bottom:30px;box-sizing:border-box;}
#ny_prBox{background-color: #fff; margin-bottom:30px; margin-top: 55px;}
#rtop{padding-top: 18px; padding-bottom: 15px;margin: 12px 20px 0 20px;}
.rtop{ overflow:hidden; padding-top:20px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;}
.rtop h5{ float:left; padding-left:10px; border-left:3px solid #007ddf; font-weight:normal; line-height:16px; }
.rtop h5 a{ font-size:16px; color:#007ddf;}
.rtop span{ float:right;}
.rtop span em{ color:#999;}
.rtop span a{ color:#999;}
.rightbox{ overflow:hidden;position:relative;/*margin-top: 25px;*/}
.sideBox{width: 100%;}
.sideBox ul {margin-right:-2%;}
.sideBox ul li a{text-decoration:none;}
.sideBox ul.cur {display: block;}
.sideBox ul li {float: left;width:31.333%;border: 1px solid #d9d9d9;transition: all 0.5s;margin-right:2%;margin-top:2%;box-sizing:border-box;}
.sideBox ul li.ImgLeft {margin-right: 0;}
.sideBox ul li i {display: block;text-align: center;}
.sideBox ul li i em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.sideBox ul li i img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transition: all 0.5s;overflow: hidden;width:100%;}
.sideBox ul li p {line-height: 50px;font-size: 16px;color: #666;text-align: center;background: #e4e4e4;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sideBox ul li i{display:block;overflow:hidden;}
.sideBox ul li:hover {box-shadow:0px 5px 10px #999;border-color: #007ddf;}
.sideBox ul li:hover p {background: #007ddf;color:#fff;}
.sideBox ul li:hover i img {transform: scale(1.05);}
.pagebox{ font-family:Arial; text-align:center;clear:both;}
.page{ display:inline-block; margin-top:30px; margin-bottom:20px; margin-left:1px; font-size:0px;}
.page li { display: inline-block; }
.page a,.page span{ margin-left:-1px; display:inline-block; font-size:14px; line-height:30px; width:30px; border:1px  solid #e0e0e0;}
.page li.active a, .page li.active span{  border:1px  solid #1eb5fa; background:#1eb5fa; color:#fff;}
.page a:first-child,.page span:first-child{ border-radius:4px 0px 0px 4px;}
.page a:last-child,.page span:last-child{ border-radius:0px 4px 4px 0px;}
.page2 { margin-top:20px;}
.page2 span{ color:#999;}

.pro_right{width: 100%;  float: right; margin-top: 0px;}
.pro_right h3{width: 100%; color:#333; font-size:17px; line-height:35px; font-weight: bold; border-bottom:1px solid #e5e5e5; padding-bottom: 6px;}
.prod_list {padding:30px 0 0 0;margin-top: 0px;overflow: hidden}
.prod_list ul{ margin-right: -2%;}
.prod_list li{float: left; width: 31.333%; text-align: center;margin-right: 2%; margin-bottom: 10px;}  
.prod_list li img{width:95%; border: 1px solid #e2e2e2; padding: 2px;} 
.prod_list li a{color: #555;}
.prod_list li span{ display: block; line-height: 22px; padding: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.prod_list li img:hover{border: 1px solid #f18519;}

.products{width:100%; float:left; margin-top:30px;}
.promore_l{width:45%;float:left;}

.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:calc(100% - 68px); height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:41px;}
.spec-scroll .items ul li img:hover{border:2px solid #007ddf; padding:1px;}

.pro_right{width: 100%;  float: right; margin-top: 0px;}
.pro_right h3{width: 100%; color:#333; font-size:17px; line-height:35px; font-weight: bold; border-bottom:1px solid #e5e5e5; padding-bottom: 6px;}
.prod_list {padding:30px 0 0 0;margin-top: 0px;overflow: hidden}
.prod_list ul{ margin-right: -2%;}
.prod_list li{float: left; width: 31.333%; text-align: center;margin-right: 2%; margin-bottom: 10px;}  
.prod_list li img{width:95%; border: 1px solid #e2e2e2; padding: 2px;} 
.prod_list li a{color: #555;}
.prod_list li span{ display: block; line-height: 22px; padding: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.prod_list li img:hover{border: 1px solid #f18519;}

.products{width:100%; float:left; margin-top:30px;}
.promore_l{width:45%;float:left;}

/**/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/**/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:calc(100% - 68px); height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:41px;}
.spec-scroll .items ul li img:hover{border:2px solid #007ddf; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.pros_right_top h1{overflow:hidden; display:inline-block; font-size:24px; color:#007ddf; padding-bottom:10px;}
.proleft{width:100%;float:left; font-size:14px; line-height:30px; margin-top:20px;}
.proleft p{font-size:14px; line-height:25px; }

.proleft_btntext{font-size:15px; font-weight:600;color:#d62800;margin-top:20px;float:left;}
.proleft_btntext a{color:#d62800;}
.proleft_btn{width:100%; float:left; margin-top:5px;}
.proleft_btn li{font-size:0;}
.proleft_btn li a{height:40px; line-height:40px; text-align:center; font-size:14px;border:1px solid;padding: 5px 20px; color: #737373;margin-right:5px;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#007ddf; color:#fff;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #007ddf; color:#fff; background:#007ddf;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}


.scrollleft2{width:100%; float:left; margin-top:20px;}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:100%; display:block; border:1px solid #e6e6e6;box-sizing:border-box;}
.scrollleft2 li img:hover{border:1px solid #007ddf;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

.view-page{width:100%; max-width:1540px; float:left; position:relative; margin:40px 0; border-top:1px solid #d6d6d6; padding-top:40px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat;text-align:center; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #007ddf;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:160px; transform:translateX(-50%);}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #007ddf;color: #fff; text-align:center;line-height: 38px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #007ddf; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next a:hover{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #007ddf;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%;background:#f1f1f1; color:#007ddf; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}


/*内页新闻中心*/
.news_r_text{width:100%; height: auto;  margin-top: 30px;}
.news_r_text ul li{width:100%;border-bottom:1px dashed #e6e6e6; padding-bottom:2%;margin-top:2%;overflow: hidden;}
.news_r_text ul li:nth-child(5n){padding-bottom:inherit;}
.news_r_text ul li .pic{width:20%; float:left; overflow:hidden; background:#e6e6e6; padding:3px;} 
.news_r_text ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.news_r_text ul li .pic img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.news_r_text ul li .text{width:calc(78% - 220px);float:right;}
.news_r_text ul li .text .titnr{width:100%;float:left;font-size: 14px;}

.news_r_text ul li .text .tit a{font-size:16px; font-weight:bold; color:#0063d6; float:left; overflow: hidden; text-overflow: ellipsis;white-space: nowrap!important;} 
.news_r_text ul li .text .tit a:hover{color:#e60012;}
.news_r_text ul li .text .time{float:right; color:#333;}
.news_r_text ul li .text .wz{width:100%;float:left; margin-top:1%; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; font-size: 14px; color: #555;}

.news-te{width:180px;float:right;text-align:center; transform:translateY(50%);}
.news-te p{font-size:20px;color:#999;margin-top:10px;}
.news-te samp{font-size:34px;color:#666;border-bottom:2px solid #ccc;}
.news_r_text ul li .text .tit a{font-size: 18px;color: #444;}


.wz a{font-size: 14px; color: #555;}
.wz a:hover{font-size: 14px; color: #0063d6;}
/*内页新闻中心*/

/*新闻详情*/
.xinwenxiangqing{width:100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.xinwenxiangqing .nd_head{text-align: center;margin-top:40px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #3c3c3c;font-size: 26px;margin-bottom: 18px;height: auto;overflow: hidden;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 30px 0;}
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
.new_s2{width:100%;float:left; margin-top:50px;}
.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%;background:#f1f1f1; color:#0063d6; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none; box-sizing: border-box;}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#0063d6;}
.news_random2 ul li span{float:right; color:#999; line-height: 37px;}

.news_con_b{border-top: 1px solid #EEE;margin-top: 50px;padding-top: 50px;}
.news_con_b ul{line-height: 30px;float: left;}
.news_con_b li {font-size: 14px; color: #555;}
.news_con_b li a{font-size: 14px; color: #555;}
.news_con_b li a:hover{font-size: 14px; color: #0063d6;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #0063d6;text-align: center;}
.news_con_b .fhlb a{display: block;color: #FFF; font-size: 14px;}
.news_con_b .fhlb a:hover{display: block;color: #FFF;text-decoration: none;}

/*下载*/
.xiaz{margin:40px auto;}
.xiaz li{overflow:hidden;border-bottom:1px solid #eee;}
.xiaz li .xz1{width:60%;float:left;padding:15px 0;}
.xiaz li .xz2{width:25%;float:left;padding:15px 0;text-align:center;}
.xiaz li .xz3{width:15%;float:right;text-align:center;margin-top: 15px;}
.xiaz li:hover .xz1{color:#0071da;}

/**客户留言代码**/
.message{max-width:900px;  padding-top: 0px; overflow:hidden;margin:40px auto 0;}
.message h3{text-align:left; color:#444; font-size:14px; font-weight: normal;text-align: center;background: #f5f5f5;padding: 30px;box-sizing: border-box;line-height: 34px;border:1px solid #efefef;}
.message ol{width:100%; float:left; margin-top:30px;}
.message ol li{float: left; width:49%; margin-bottom:30px; background:#fff; border:1px solid #e6e6e6;}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left;}
.message ol li:nth-child(7){float:right;}
.message ol li input{width:100%; height:auto;  background:none; border:none; color:#999; padding:0 15px; font-size:14px; outline:none; -webkit-appearance:none; line-height:55px;}
.message ol li textarea{font-size:14px; padding:10px 15px; width:90%; height:180px; border:none; background:none; color:#999; outline:none; -webkit-appearance: none; box-sizing: border-box;resize: none;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; cursor:pointer;}
.message ol li .btn{background:#0071da;}
.message ol li .btn2{background:#999;}

/*内页联系我们*/
.conin{margin:40px auto;}
.cont_text{width:100%; float:left; border-bottom:1px solid #d6d6d6;  padding-bottom:20px;}
.cont_l{width:60%;float:left; line-height:30px; font-size:14px;margin-bottom: 20px;}
.cont_l h1{font-size:20px; font-weight:bold; color:#0063d6;}
.cont_r{width:20%;float:right; text-align:center;}
.cont_r img{max-width:200px; height:auto;width:100%;}
#map_container{ width:100%;  margin-top: 30px; height: 500px}