﻿.container{display:block; width:100%;}
.container .customer{display:block; width:100%;  background:url(../images/customer_bg.jpg) repeat-x left top;padding:70px 0px; overflow:hidden;}
.container .customer .title{display:block; background:url(../images/k.png) no-repeat center center; height:130px;}
.container .customer .title h4{display:block; line-height:50px; font-size:32px; text-align:center;padding-top:25px; color:#282828;}
.container .customer .title h4 .blue{color:#027ec6; line-height:50px;}
.container .customer .title .en{display:block; font-size:17px; line-height:20px; text-align:center; text-transform:uppercase;}

.container .customer .con{display:block; padding-top:10px;}
.container .customer .con .h_cs{display:block; max-width:1100px; margin:0 auto;margin-top:20px; position:relative; z-index:2; left:0; top:0;}

.container .customer .con .h_cs .arrow_l{position:absolute; left:-70px; top:30px; z-index:8;width:42px; height:80px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.container .customer .con .h_cs .arrow_l:hover{background:url(../images/left.jpg) no-repeat left center; }
.container .customer .con .h_cs .arrow_l.current{background:url(../images/left.jpg) no-repeat left center; }

.container .customer .con .h_cs .arrow_r{position:absolute; right:-70px; top:30px; z-index:9;width:42px; height:80px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.container .customer .con .h_cs .arrow_r:hover{background:url(../images/right.jpg) no-repeat left center;}
.container .customer .con .h_cs .arrow_r.current{background:url(../images/right.jpg) no-repeat left center;}

.container .customer .con .h_cs #scrollarea{display:block; max-width:1100px;  margin:0 auto; overflow:hidden; }
.container .customer .con .h_cs #inrea{display:block; width:800%;}
.container .customer .con .h_cs #area1{float:left;}
.container .customer .con .h_cs #area2{float:left;}
.container .customer .con .h_cs #scrollarea li{float:left; width:240px;  margin-right:28px; }
.container .customer .con .h_cs #scrollarea li a{display:block; width:240px;  }
.container .customer .con .h_cs #scrollarea li a:hover img{background:#3188cf; color:#fff;}
.container .customer .con .h_cs #scrollarea li img{display:block; width:240px;height:120px; margin:0 auto; }
.container .customer .con .h_cs #scrollarea li .tit{display:block; line-height:40px; font-size:15px;  color:#282828;  background:url(../images/arrow.png) no-repeat 95% center;}
.container .customer .con .h_cs #scrollarea li a:hover .tit{color:#002f69; font-weight:bold; text-decoration:underline;}


.container .products{display:block;max-width:1200px; margin:0 auto; margin-top:80px;}
.container .products .fl{width:20%;}
.container .products .fr{width:78%;}

.container .products .fl .title{display:block;padding:10px 0px; background:#027ec6; }
.container .products .fl .title h4{display:block; line-height:40px; font-size:22px; color:#fff; text-align:center;}
.container .products .fl .title .en{display:block; font-size:15px; line-height:20px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-align:center; background:url(../images/ge.png) no-repeat center center; }
.container .products .fl .con{display:block; border:3px solid #027ec6; padding:4%;}
.container .products .fl .con ul{display:block; width:100%;}
.container .products .fl .con ul li{line-height:48px;background:url(../images/li.jpg) repeat-x left top; margin-bottom:2px;}
.container .products .fl .con ul li a.tit{display:block;height:48px; line-height:48px; font-size:17px; color:#282828; background:url(../images/ar.png) no-repeat 8px center; padding-left:35px;}
.container .products .fl .con ul li a.tit:hover{font-weight:bold; color:#027ec6;background:url(../images/arh.png) no-repeat 8px center;}
.container .products .fl .con ul li dd a{display:block; line-height:34px; font-size:15px; height:34px; background:url(../images/arr.png) no-repeat 35px center; padding-left:50px;}
.container .products .fl .con ul li dd a:hover{font-weight:bold; color:#027ec6;background:url(../images/arrh.png) no-repeat 35px center;}
.container .products .fl .contact{display:block; width:100%; margin-top:15px;}
.container .products .fl .contact .con{padding:10px; font-size:13px;}

.container .products .fr .title{display:block; width:100%; line-height:60px; background:url(../images/pro_tit_bg.jpg) repeat-x left top;}
.container .products .fr .title h4{display:block; line-height:60px; font-size:22px; color:#027ec6; background:url(../images/line.jpg) no-repeat 5px center; padding-left:18px;}
.container .products .fr .title .more{float:right; line-height:60px; padding-right:12px; background:url(../images/jia.jpg) no-repeat right center;margin-right:5px;}

.container .products .fr .con{display:block; padding-top:25px;}
.container .products .fr .con ul{display:block; width:100%;}
.container .products .fr .con ul li{float:left; width:32%; margin-right:1.3%;  margin-bottom:20px;}
.container .products .fr .con ul li .l_in{display:block; width:99%;border:1px solid #e1e1e1; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .products .fr .con ul li .l_in:hover{border:1px solid #027ec6; transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px);}
.container .products .fr .con ul li a.pic{display:block; width:100%;}
.container .products .fr .con ul li a.pic img{display:block; width:100%;}
.container .products .fr .con ul li a.tit{display:block; width:94%; margin:0 auto; height:40px; line-height:40px; font-size:15px; background:url(../images/arrow.jpg) no-repeat right center; border-top:1px solid #e1e1e1; }
.container .products .fr .con ul li a.tit:hover{background:url(../images/arrowh.jpg) no-repeat right center; font-weight:bold;border-top:1px solid #027ec6;}

.container .products .fr .con ul li .l_in:hover a.tit{background:url(../images/arrowh.jpg) no-repeat right center; font-weight:bold;border-top:1px solid #027ec6;}


.container .iquality{display:block; width:100%; margin-top:80px;  background:url(../images/quality_bg.jpg) no-repeat center top;}
.container .iquality .inner{display:block; padding:80px 0px; position:relative; z-index:2; left:0; top:0;}
.container .iquality .inner .title{display:block; padding-bottom:25px; background:url(../images/ge01.png) no-repeat center bottom;}
.container .iquality .inner .title .tip{display:block; line-height:40px; font-size:32px; text-align:center; color:#027ec6;}
.container .iquality .inner .title h4{display:block; line-height:50px; font-size:36px; color:#282828; text-align:center;}
.container .iquality .inner .title h4 .blue{font-size:36px; color:#027ec6;}
.container .iquality .inner .con{display:block; padding-top:50px;}
.container .iquality .inner .con .c_in{display:block; }
.container .iquality .inner .con .c_in img{display:block; margin:0 auto;width:100%;}


.container .iguarantee{display:block; width:100%; height:252px; background:url(../images/iguarantee_bg.jpg) no-repeat center top;}
.container .iguarantee h4{display:block; line-height:40px; font-size:28px; color:#fff; padding-top:60px;}
.container .iguarantee h2{display:block; line-height:40px;font-size:28px; color:#fff; font-weight:normal; }
.container .iguarantee .tel{display:block; width:300px; background:#027ec6; line-height:42px; font-size:16px; color:#fff; text-align:center; margin-top:15px;}
.container .iguarantee .tel .code{font-size:24px; line-height:42px; color:#fff; font-family:Arial, Helvetica, sans-serif; }


.container .iadvantage{display:block; width:100%; margin-top:80px;}
.container .iadvantage .title{display:block; height:67px; background:url(../images/k2.png) no-repeat center center; }
.container .iadvantage .title h4{display:block; font-size:31px; color:#027ec6; line-height:31px; text-align:center;}
.container .iadvantage .title .tip{display:block; line-height:30px; font-size:24px; color:#282828; text-align:center; }
.container .iadvantage .con{display:block; padding-top:55px;}

.container .iadvantage .con .first{display:block; max-width:1200px; margin:0 auto;}
.container .iadvantage .con  .wz{width:50%;  margin-top:20px;}
.container .iadvantage .con  .wz li{display:block; width:100%; margin-bottom:60px;position:relative; z-index:2; left:0; top:0;}
.container .iadvantage .con  .wz .inum{display:block; width:58px; height:74px; background:url(../images/num_bg.jpg) no-repeat left top; position:absolute; z-index:2; left:0; top:0; font-size:32px; line-height:74px; text-align:center; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.container .iadvantage .con  .wz  .im_txt{display:block; padding-left:75px;}
.container .iadvantage .con  .wz  .im_txt h4{display:block; line-height:40px; font-size:26px; color:#282828;}
.container .iadvantage .con  .wz  .im_txt .en{display:block; line-height:20px; font-size:14px; text-transform:uppercase; padding-bottom:15px; border-bottom:1px dashed #c1c1c1;}

.container .iadvantage .con  .wz  .im_txt .im_detail{display:block; padding-top:18px; font-size:15px;line-height:24px;}
.container .iadvantage .con  .wz  .im_txt .im_detail .blue{color:#027ec6; font-weight:bold;}



.container .iadvantage .con  .pic{width:45.41666667%;}
.container .iadvantage .con  .pic img{display:block; width:100%;}

.container .iadvantage .con .second{display:block; width:100%;  background:url(../images/jl_bg.jpg) no-repeat center top; margin-bottom:60px;}
.container .iadvantage .con .second .inner{padding:30px 0px;}
.container .iadvantage .con .second .inner .wz{width:44%;}
.container .iadvantage .con .second .inner .im_txt h4{color:#fff;}
.container .iadvantage .con .second .inner .im_txt .en{color:#fff;}
.container .iadvantage .con .second .inner .im_txt .im_detail{color:#fff;}

.container .iadvantage .con .second .inner .pic{width:40%;}
.container .iadvantage .con .second .inner .pic img{display:block; width:100%;}

.container .iadvantage .con .third{display:block; max-width:1200px; margin:0 auto;}
.container .iadvantage .con .third .wz{width:45%;}
.container .iadvantage .con .third .pic{width:50%;}



.container .case{display:block; width:100%;background:#edecec;}
.container .case .inner{padding:80px 0px;}
.container .case .title{display:block; background:url(../images/k.png) no-repeat center center; height:130px;}
.container .case  .title h4{display:block; line-height:50px; font-size:32px; text-align:center;padding-top:25px; color:#282828;}
.container .case  .title h4 .blue{color:#027ec6; line-height:50px;}
.container .case  .title .en{display:block; font-size:17px; line-height:20px; text-align:center; text-transform:uppercase;}
.container .case  .mtitle{display:block; width:60%;margin:0 auto; margin-top:20px;}
.container .case  .mtitle ul{display:block; width:100%;}
.container .case  .mtitle li{float:left; width:18%; margin-right:2%;}
.container .case  .mtitle li a{display:block; width:98%; height:42px; line-height:42px; font-size:18px; text-align:center; color:#999; font-weight:bold; border:1px solid #afaeae;}
.container .case  .mtitle li a:hover{background:#037fc6; color:#fff; border:1px solid #037fc6;}
.container .case  .mtitle li a.current{background:#037fc6; color:#fff; border:1px solid #037fc6;}
.container .case  .con{display:block; padding-top:50px;}
.container .case  .con dl{display:none;}
.container .case  .con dd{float:left; width:23%; margin-right:2%; background:url(../images/pic_bg.jpg) no-repeat left top;}
.container .case  .con dd a.pic{display:block; width:100%;}
.container .case  .con dd a.pic img{display:block; width:100%;}
.container .case  .con dd a.tit{display:block; height:50px; line-height:50px; font-size:16px; font-weight:bold; text-align:center; }


.container .innovate{display:block; width:100%; height:308px; background:url(../images/innovate_bg.jpg) no-repeat center top;}
.container .innovate .inner{display:block; max-width:1200px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}
.container .innovate .inner .pic{position:absolute; left:0; z-index:8; top:60px;}
.container .innovate .inner .wz{position:absolute; left:550px; top:70px; z-index:9; }
.container .innovate .inner .wz h2{display:block;width:240px; line-height:70px; color:#fff; font-size:32px; border-top:1px solid #fff; border-bottom:1px solid #e1e1e1;}
.container .innovate .inner .wz .tip{display:block; line-height:40px; font-size:21px; color:#fff;}
.container .innovate .inner .wz .tel{display:block;width:310px; height:42px; background:#027ec6; line-height:42px; font-size:16px; color:#fff; text-align:center;margin-top:10px;}
.container .innovate .inner .wz .tel .code{font-size:24px; color:#fff;}


.container .about{display:block; max-width:1200px; margin:0 auto; margin-top:160px;}
.container .about .title{display:block; width:100%; padding-bottom:25px; background:url(../images/ge01.png) no-repeat center bottom;}
.container .about .title .en{display:block; font-size:32px; line-height:40px; color:#027ec6; text-align:center; text-transform:uppercase;}
.container .about .title h4{display:block; line-height:50px; font-size:36px; color:#282828; text-align:center;}
.container .about .title h4 .blue{color:#027ec6;}
.container .about .con{display:block; margin-top:25px; background:#f0f0f0;}
.container .about .con .fl{width:40%;}
.container .about .con .fl img{display:block; width:100%;}
.container .about .con .fr{width:50%; padding:5% 3%;}
.container .about .con .fr .m_tit{display:block;width:100%; position:relative; z-index:2; left:0; top:0;height:46px;padding-bottom:25px; border-bottom:1px solid #dbd9d9;}
.container .about .con .fr .m_tit .b_en{float:left; width:42px; height:46px; line-height:46px; font-size:52px; color:#027ec6; text-align:center;}
.container .about .con .fr .m_tit .b_mm_txt{float:left;}
.container .about .con .fr .m_tit h4{display:block; font-size:22px; line-height:30px; color:#282828;}
.container .about .con .fr .m_tit i{display:block;  line-height:20px; font-size:17px;  color:#027ec6; font-weight:normal; font-style:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.container .about .con .fr .m_tit .m_name{display:block;position:absolute; z-index:8; right:0; top:25px; font-size:20px; color:#282828;}

.container .about .con .fr .m_detail{display:block; font-size:14px; line-height:26px; padding-top:30px;}
.container .about .con .fr .m_detail .moret{color:#027ec6; font-size:14px;}


.container .style{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .style .title{display:block; width:100%; height:45px; background:url(../images/dot.jpg) repeat-x center center;}
.container .style .title ul{display:block; width:320px; margin:0 auto;}
.container .style .title ul li{float:left; width:47%; margin-right:3%;}
.container .style .title ul li a{display:block; width:99%; line-height:45px; border:1px solid #a8a7a7; text-align:center; font-size:20px;background:#fff; font-weight:bold;}
.container .style .title ul li a:hover{background:#037fc6; color:#fff; border:1px solid #037fc6;}
.container .style .title ul li a.current{background:#037fc6; color:#fff; border:1px solid #037fc6;}

.container .style .con{display:block; padding-top:35px;}
.container .style .con dl{display:none;}
.container .style .con dd{float:left; width:23.5%; margin-right:1.5%; }
.container .style .con dd a.pic{display:block; width:100%;}
.container .style .con dd a.pic img{display:block; width:100%;}
.container .style .con dd a.tit{display:block; width:100%; font-size:15px; line-height:40px; text-align:center;}

.container .wrap{display:block; width:100%;margin-top:80px; background:#e3e2e2;}
.container .wrap .inner{display:block; padding:70px 0px;}
.container .wrap .inner .gs_news{width:66%;}
.container .wrap .inner .tech{width:32%;}

.container .wrap .inner .gs_news .title{display:block; width:100%; height:60px; background:url(../images/n_bg.jpg) repeat-x left top;}
.container .wrap .inner .gs_news .title h4{display:block; padding-left:30px; line-height:60px; font-size:20px; color:#027ec6; background:url(../images/line.jpg) no-repeat 15px center;}
.container .wrap .inner .gs_news .title .more{float:right; line-height:60px; padding-right:15px; background:url(../images/jia.jpg) no-repeat right center;margin-right:20px;}
.container .wrap .inner .gs_news .con{display:block; padding:20px; background:#f4f3f3;}
.container .wrap .inner .gs_news .con .rescommend{display:block; width:100%; background:url(../images/ns_bg.jpg) no-repeat left top; background-size:100% auto;}
.container .wrap .inner .gs_news .con .rescommend .ns{width:40%;}
.container .wrap .inner .gs_news .con .rescommend .ns img{display:block; width:100%;}
.container .wrap .inner .gs_news .con .rescommend .wz{width:53%;margin-right:2%;}
.container .wrap .inner .gs_news .con .rescommend .wz .tit{display:block; font-size:18px; line-height:30px; font-weight:bold; color:#027ec6; padding-top:15px;}
.container .wrap .inner .gs_news .con .rescommend .wz .detail{display:block; font-size:13px; line-height:24px; padding-top:12px;}
.container .wrap .inner .gs_news .con .rescommend .wz .moret{display:block; font-size:14px; color:#037fc6; margin-top:15px;}
.container .wrap .inner .gs_news .con .rescommend .wz .moret:hover{text-decoration:underline; font-weight:bold;}

.container .wrap .inner .gs_news .con ul{display:block; width:100%; margin-top:30px;}
.container .wrap .inner .gs_news .con ul li{float:left; width:48%; margin-right:2%; margin-bottom:20px; border-bottom:1px solid #d6d6d6; padding-bottom:20px;}
.container .wrap .inner .gs_news .con ul li a.tit{display:block; line-height:40px; font-size:15px; color:#027ec6; font-weight:bold; height:40px; overflow:hidden;}
.container .wrap .inner .gs_news .con ul li .time{float:right; line-height:40px; font-size:14px; }
.container .wrap .inner .gs_news .con ul li a.detail{display:block; width:100%; font-size:14px; line-height:18px;height:36px; overflow:hidden;}

.container .wrap .inner .gs_news .con ul li:nth-child(2n){float:right; margin-right:0%; width:48%;}

.container .wrap .inner .tech .title{display:block; width:100%; height:60px; background:url(../images/n_bg.jpg) repeat-x left top;}
.container .wrap .inner .tech .title h4{display:block; padding-left:30px; line-height:60px; font-size:20px; color:#027ec6; background:url(../images/line.jpg) no-repeat 15px center;}
.container .wrap .inner .tech .title .more{float:right; line-height:60px; padding-right:15px; background:url(../images/jia.jpg) no-repeat right center;margin-right:20px;}
.container .wrap .inner .tech .con{display:block; padding:20px; background:#f4f3f3;}
.container .wrap .inner .tech .con dl{display:block; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #d6d6d6;}
.container .wrap .inner .tech .con dl dt{display:block; }
.container .wrap .inner .tech .con dl dt a{display:block; height:40px; line-height:40px; padding-left:32px; background:url(../images/q.jpg) no-repeat left center; font-size:15px; color:#027ec6; font-weight:bold; overflow:hidden;}
.container .wrap .inner .tech .con dl dd a{display:block; background:url(../images/a.jpg) no-repeat left 0px;padding-left:32px; font-size:14px; line-height:24px;}






