﻿/*swiperloop1*/
#swiperloop1{position: relative; overflow: hidden; width:100%;}
#swiperloop1 .swiper-slide{position: relative; max-width:1920px; margin:0 auto;}
#swiperloop1 .swiper-slide img{ width:100%;}
#swiperloop1 .swiper-button-next,#swiperloop1 .swiper-button-prev {opacity:0.8; width:70px; height:100px; cursor:pointer; 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;}
#swiperloop1 .swiper-button-prev{background: url('../images/prev1.png') no-repeat left top; left: 300px;}
#swiperloop1 .swiper-button-next{background: url('../images/next1.png') no-repeat left top; right: 300px;}
#swiperloop1 .swiper-button-next:hover,#swiperloop1 .swiper-button-prev:hover{ background-position:left bottom; opacity:1;}

.solution{ margin-top: 60px; height:auto;}
.solu-title{ height: auto; border-bottom: 1px solid #e1e1e1;}
.solu-title h2{ font-size: 34px; color: #3a3a3a; text-align: center; line-height: 35px;}
.solu-title h2 span{ color: #1a6acd;}
.solu-title .solu-p{ text-align: center; font-size: 16px; color: #7a7a7a;margin-top: 20px; margin-bottom:10px; font-weight: normal;}
.solu-title i{width:64px;height:10px;background: #117dc2;margin:0 auto;display:block;border-radius: 4px;position:relative;top:5px;}
.solu-con{ height: auto; margin-top: 45px;}
.solu-left{ float: left; width: 636px;}
.solu-right{ float: right; width: 564px;}
.solu-right .wth{ height: 70px; background: url(../images/wh.jpg) no-repeat; line-height: 70px; font-size: 28px; color: #fff; padding-left: 28px; font-weight: bold;}
.solu-right .sr-con{height: auto; overflow: hidden; border:1px solid #e1e1e1; }
.solu-right .solu-ul{ height: auto; overflow: hidden;}
.solu-right .solu-ul li{ line-height: 68px; border-bottom: 2px solid #e7e7e7; height: 68px; padding-left: 28px; font-size: 18px;}
.solu-right .solu-ul li span{ color: #1a6acd;}
.solu-right .solu-pp{ line-height: 71px; height: 71px; font-size: 28px; color: #e51d1d; background: url(../images/ka.png) no-repeat 98px center; padding-left: 144px;}
.solu-right .solu-pp a{ display: inline-block; width: 109px; height: 35px; line-height: 35px; background: #1a6acd; text-align: center; color: #fff;font-size: 14px; border-radius: 20px; margin-left: 36px;}

.question{ margin-top: 60px; height:auto; background: #f7f7f7; padding: 65px 0;}
.ques-con{ height: auto; margin-top: 45px;}
.que-left{ float: left; width: 952px; background: url(../images/ques.jpg) no-repeat center; height: 500px; position: relative;}
.que-left .ql-con{ width: 448px; height: auto; background: #fff;position: absolute;right: 0;top: 125px; padding:28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; display: none;}
.que-left .ql-con h4{ font-size: 20px; color: #3a3a3a;}
.que-left .ql-con h4 span{ color: #1a6acd;}
.que-left .ql-con ol{ margin-top: 30px;}
.que-left .ql-con ol li{ color: #5a5a5a; font-size: 14px;}
.que-left .ql-con a{ display: inline-block; width: 102px; height: 35px; font-size: 14px; color: #fff; line-height: 35px; text-align: center; margin-top: 26px; background: #1a6acd; border-radius: 3px;}
.que-right{ float: right; width: 230px;}
.que-right ul li{ height: 78px; border:1px solid #d1d1d1; background: #fff; margin-bottom: 25px; line-height: 78px;font-size: 20px; color: #2a2a2a; padding-left: 30px; cursor: pointer;}
.que-right ul li h3{ font-weight: normal;}

.que-right ul li .img2{ display: none;}
.que-right ul li img{ vertical-align: middle;}
.que-right ul li img{ vertical-align: middle;}
.que-right ul li.current{ color: #fff; background: #1a6acd;border:1px solid #1a6acd;}
.que-right ul li.current .img2{ display:inline-block;}
.que-right ul li.current .img1{ display: none;}


.case{ margin-top: 60px; height:auto;}
.leftLoop1{position: relative; width:1200px; margin:0px auto; margin-top: 45px;}
.leftLoop1 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop1 .hd a{position:absolute; display:block;  width:41px; height:73px; cursor:pointer;}
.leftLoop1 .hd .prev{left:-65px; top:90px;  background:url("../images/prev.png") no-repeat left top;}
.leftLoop1 .hd .prev:hover{ background:url("../images/prev1.png") no-repeat left bottom;  }
.leftLoop1 .hd .next{right:-65px; top:90px;  display:block;  background:url("../images/next.png") no-repeat right top;}
.leftLoop1 .hd .next:hover{ background:url("../images/next1.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:409px; text-align: left;}
.leftLoop1 .bd ul li div{ width:380px;/*margin:0 auto;*/ }
.leftLoop1 .bd ul li img{width:100%; height:380px;}
.leftLoop1 .bd ul li h6{ font-weight: normal; color: #2a2a2a; font-size: 16px;width:380px;margin-top:5px;}
.leftLoop1 .bd ul li p{ margin-top:5px; font-size:14px; color: #5a5a5a; text-align: justify;width:380px;}
.case .lc{ background: #f5f5f5; padding:20px; margin-top: 45px;}
.case .lc .lc-left{ width: 260px; background: #1a6acd; padding-left: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float: left;color: #fff; padding-bottom: 45px;}
.case .lc .lc-left h3{ font-size: 28px;margin-top: 24px;}
.case .lc .lc-left .lc-p{font-size: 18px;margin-top: 10px;  }
.case .lc .lc-left span{ display: inline-block; width: 84px; height: 6px; background: #fff;margin: 33px 0;}
.case .lc .lc-left .lc-p1{ color: #fff; font-size: 16px;}
.case .lc .lc-left .dhhm{ font-size: 28px; margin-top: 5px; font-weight: bold;}
.case .lc .lc-left a{ width: 162px; height: 46px; display: inline-block; border:2px solid #fff; border-radius: 3px; text-align: center; line-height: 46px; font-size: 16px; color: #fff; margin-top: 36px;}
.case .lc .lc-right{ width: 790px; height: 316px; float: left; margin-left: 60px; background: url(../images/lc.png) no-repeat left top;}
.lc-ul{ margin-left: 10px;}
.lc-ul1{ margin-top: 35px;}
.lc-ul li{ float: left; width: 146px; height:148px; margin-right: 65px;}
.lc-ul li p{ text-align: center;}
.lc-ul li .num{ font-size: 32px; font-family: "宋体"; margin-top: 30px; color: #5a5a5a;}
.lc-ul li .num1{ font-size: 16px; color: #2a2a2a; margin-bottom: 16px;}
.lc-ul li span{ display:block; width: 18px; height: 4px; margin:0 auto; background: #9a9a9a;}


.case .hz{margin-top: 55px; height:auto; }
.case .hz .dz-title{ font-size: 20px; color: #2a2a2a; border-left: 4px solid #1a6acd; padding-left: 5px; font-weight: normal;}
.par{ margin-top: 20px;}
.par li{ float: left; width: 180px; margin-right: 24px;}
.par li img{ display: block; width: 178px; height: 98px;border:1px solid #e1e1e1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.par li p{ text-align: center; color: #5a5a5a; font-size: 14px; margin-top: 10px;}


.pro{ margin-top: 60px; height:auto; background: #f7f7f7; padding:65px 0;}
.case-in {text-align: center; margin-top: 45px; margin-bottom: 25px;}
.case-in a.curru {background: #1a6acd;color: #fff; border:1px solid #1a6acd;}
.case-in a {width: 120px;height: 38px;border: 1px solid #d7d7d7;display: inline-block;line-height: 38px;text-align: center;color: #555555;font-size: 14px;margin-right:19px;cursor: default;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.store-con {height: auto;}
.store-con .store-in {display: none;}
.store-ul li{ float: left;width:285px;margin-right: 20px; margin-bottom: 30px; background: #fff;position: relative; height: 270px;}
.store-ul li p{ font-size: 16px; color: #5a5a5a; margin-top: 15px; text-align:center;}
.store-ul li img{ display: block;}
.store-ul li .del-a{ padding-left: 4px; height: 60px;position:absolute;z-index: 999; top:280px; left:0; background: #fff;  width: 285px; visibility:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 10px;}
.store-ul li .del-a a{ display: inline-block; width: 110px; height: 36px; background: #1a6acd; text-align: center; line-height: 35px; color: #fff; margin-left: 17px; font-size: 14px;}
.store-ul li .del-a a:last-child{ background: #12c9ec;}
.store-ul li:hover .del-a{ visibility:visible;box-shadow: #999 0px 4px 7px; }
.store-ul li:hover p{ color: #1a6acd;}
.store-ul li:hover{float: left;width:285px;margin-right: 20px; margin-bottom: 30px; background: #fff;position: relative; height: 270px; box-shadow: #999 0px 6px 7px;}
.recom{ margin-top: 20px; height:auto; background:url(../images/che.jpg) no-repeat center; height: 400px; padding:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.recom .recom-right{ float: right; width: 640px;}
.recom-right .mess{ float: left; margin-right: 20px; margin-bottom: 20px;}
.recom-right .mess label {position: absolute;margin-top: 9px;margin-left: 7px;font-size: 16px;color: #5a5a5a;}
.recom-right .mess input {width: 304px;height: 40px;border: 1px solid #e1e1e1;text-indent: 3em;font-size: 14px;}
.recom-right .mess1 input {width: 304px;height: 40px;border: 1px solid #e1e1e1;text-indent: 5.5em;font-size: 14px;}
.recom-right .mess2{ }
.recom-right .mess textarea {width: 628px;height: 150px;border: 1px solid #e1e1e1;text-indent: 5.5em;font-size: 14px; padding-top: 13px;}
.recom-right .btn span {margin-right: 13px;}
.recom-right .btn input{ width: 107px; height: 32px; color: #1a6acd;  font-size: 16px; border:none; cursor: pointer; background: #fff;}
.recom-right .btn span{ margin-right: 13px;}
.recom-right .btn .btn1{ background: #12c9ec; color: #fff;}


.ys{margin-top: 60px; height:auto; }
.pr-u12{padding-top: 45px; }
.pr-u12 li{ padding-bottom: 0;}
.pr-left{ float: left; width:600px; height:311px; overflow: hidden; }
.pr-right{ float: right; width:600px; height: auto; padding-left:40px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; padding-top: 30px;}
.pr-right .pr-p .pr-p1 p{ color: #2a2a2a; font-size: 20px; margin-top: 5px; border-bottom: 1px dashed #7f7f7f; padding-bottom: 20px; width: 470px; margin-left: 20px;}
.pr-right .pr-p .pr-p1 .ysnr{background: url(../images/num1.png) no-repeat left center; padding-left:80px; line-height: 50px; color: #1a6acd; font-size: 38px; font-weight: bold;}
.pr-right .pr-p .pr-p1 .ysnr.h1{ background: url(../images/num2.png) no-repeat left center;}
.pr-right .pr-p .pr-p1 .ysnr.h2{ background: url(../images/num3.png) no-repeat left center;}
.pr-right .pr-p .pr-p1 .ysnr.h3{ background: url(../images/num4.png) no-repeat left center;}
.pr-right .pr-p .pr-p2{ height: auto; color: #555555;  font-size: 16px;  margin-left: 20px; margin-top:20px;}
.pr-right .pr-p .pr-p2 p{background:url(../images/ka.jpg) no-repeat left center;padding-left:15px;margin-bottom:8px; }
.pr-u12-top{ height: auto;overflow: hidden;}
.new_top{ overflow: hidden;}
.new_top .pr-left{ float: right; }
.new_top .pr-right{ float: left;}


.sec2 { width: 100%;height:170px;background:url(../images/sec.jpg) no-repeat center;overflow: hidden;}
.sec-left{ float: left; width: 705px;}
.sec-p{ font-weight: bold; color: #fff; font-size: 50px; margin-top: 58px; margin-bottom: 15px;}
.sec-p1{ font-size: 20px; color: #fff; text-align: center;}
.sec2 .sec-phone {float: right;width: 407px;}
.sec2 .sec-img { margin-top: 42px;color: #fff;font-size:30px;line-height: 30px; }
.sec2 .sec-img span{ font-weight: bold; margin-right: 20px;}
.sec2 .sec-cha {margin-top: 22px;}
.sec2 .sec-cha a {display: inline-block;color: #1a6acd;width:90px;height:30px;background:#fff;margin-right: 7px;line-height: 30px;text-align: center;font-size: 16px;}
.sec2 .sec-cha a.aa{ background: #1a6acd; color: #fff;}


.client{ margin-top: 60px; height:auto;}
.client-ul{ margin-top: 45px;}
.client-ul li{ float: left; width: 369px; margin-right: 42px; border:1px solid #e1e1e1;}
.client-ul li img{ display: block; width: 370px; height: 240px;}
.cli-con{ height: auto; padding:24px;}
.cli-con h3{ font-size:16px; color: #1a6acd;}
.cli-con p{  font-size: 14px;color: #5a5a5a; margin-top: 5px;}
.cli-con span{ color: #1a6acd; font-size: 14px; float: right; margin-bottom: 24px; margin-top: 10px;}

.about{ width: 100%;overflow: hidden; margin-top: 65px;}
.about-top{ height: auto; overflow: hidden; margin-top: 45px; background: #f5f5f5; padding:16px;}
.about-left{ float: left; width: 498px;}
.about-right{ float: right; width: 642px;}
.about-right .ab-p .ab-title{font-size: 28px; color: #1a6acd; margin-top:35px;}
.about-right .ab-p a{ float: right;margin-top: -10px;}
.about-right .ab-con{ margin-top: 32px; font-size: 14px; color: #5a5a5a;}
.about-right a{ display: inline-block; width: 113px; height: 30px; background: #1a6acd; color: #fff; text-align: center; line-height: 30px; border-radius: 20px; margin-top: 30px; font-size: 14px;}

.leftLoop2{position: relative; width:1200px; margin:0px auto;}

.leftLoop2 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop2 .hd a{position:absolute; display:block;  width:27px; height:46px; cursor:pointer;}
.leftLoop2 .hd .prev{left:-56px; 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;}
.leftLoop2 .hd .prev:hover{ background:url("../images/about1-1.png") no-repeat left bottom;  }
.leftLoop2 .hd .next{right:-56px; 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;}
.leftLoop2 .hd .next:hover{ background:url("../images/about2-1.png") no-repeat right bottom;  }

.leftLoop2 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop2 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop2 .bd ul li{ float:left; overflow:hidden; width:285px;  text-align:center; border:0px solid #f00;margin-right:20px;position:relative;}
.leftLoop2 .bd ul li div{ width:285px; margin:0 auto; }
.leftLoop2 .bd ul li img{width:100%;}
.leftLoop2 .bd ul li p{ margin-top:10px; font-size:18px; color: #fff; height: 32px; background: url(../images/about1.png) repeat-x; left:0; bottom:9px; position: absolute; width: 285px; font-size: 14px; line-height: 32px;}
.about-bottom{ margin-top: 27px; height: auto; }

.honor{margin-top:45px; border:1px solid #e1e1e1;}
.honor-title{ height: 50px; background: #f5f5f5; line-height: 50px; color: #1a6acd; font-weight: bold; font-size: 16px; padding:0 18px;}
.honor-title a{ float: right; font-weight: normal;color: #1a6acd;}
.honor-con{ height: auto; overflow: hidden; margin-top: 30px; padding-bottom: 20px; padding-left: 15px;}
.honor-left{ float: left; width: 705px;}
.honor-left ul li{ float: left; width: 222px; border:1px solid #e2e2e2; margin-right: 16px;}
.honor-left ul li img{ width: 222px; height: 283px; margin:0 auto; display: block;}
.honor-right{ float: right; width: 468px; height: 282px; padding:17px;webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; padding-top: 0;}
.honor-right ol li{ line-height: 46px; border-bottom:1px dashed #b2b2b2; font-size: 14px; color: #2a2a2a; background: url(../images/star.png) no-repeat left center; padding-left: 20px;}
.honor-right ol li:hover{ background: url(../images/star1.png) no-repeat left center; }
.honor-right ol li:hover a{ color: #1a6acd;}
.honor-right ol li a{color: #2a2a2a; }

.news{ width: 100%;overflow: hidden; margin-top: 65px; background: #f8f8f8; padding: 35px 0; }
.news .tab {position:relative; float:left; width:680px; padding:20px;  background:#fff;}
.news .tabmenu{width:100%;height:50px;line-height:50px; border-bottom:1px solid #d7d7d7;}
.news .tabmenu ul li{ float:left; font-size:18px; color:#333; cursor:pointer;}
.news .tabmenu ul li h3{ font-weight:normal;} 
.news .tabmenu ul li span{ display:inline-block; width:1px; height:13px; background:url(../images/fenge1.png) no-repeat  center; margin:0 15px;}
.news .tabmenu ul li.selected {color:#0b5ad2;}
.news .tabmenu a{float:right; color:#0b5ad2;  font-size:14px; }
.news .tabbox{width:100%; height:312px; overflow:hidden;}
.news .tabbox dd{width:100%; margin-top:20px;}
.news .tabbox dd.hide { display:none;}


.news  article{position: relative; width:100%; height:127px;  padding-bottom:10px; border-bottom:1px dotted #d7d7d7;}
.news  article h3 {font-size:16px; font-weight:normal; height:24px; overflow:hidden; margin-left:200px;}
.news  article h6 {font-size:12px; font-weight:normal;margin-left:200px; color:#777;}
.news  article p{ line-height:20px; height:60px; overflow:hidden; color:#777; margin-left:200px; margin-top:20px;}
.news  article a {color:#0b5ad2; }

.news  article img{ position:absolute; top:0; left:0px; width:177px; height:127px;}

.news .tabbox ul li{width:100%;line-height:40px; height:40px; color:#777;  border-bottom:1px dotted #d7d7d7; font-size: 14px;}

.news .tabbox ul li span{width:465px; overflow:hidden;}
.news .tabbox ul li i{ float:right; font-style:normal;}
.news .tabbox ul li:hover {color:#0b5ad2; }


.news aside{position:relative; float:right; width:440px;  background:#fff; padding:20px;webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.news aside h3 { width:100%; height:50px; line-height:50px; font-size:20px; color:#2a2a2a; font-weight:normal;  border-bottom:1px solid #d7d7d7;}
.news aside h3  a{ float:right;font-size:14px; color:#0f4ec2; }

.news aside .scroll_box{position: relative; width:415px; height:280px; overflow:hidden; margin:20px auto 0;}
.news aside .scroll_box ul{position:relative; top:0px;}
.news aside .scroll_box ul li{width:100%; height:140px;border-bottom:1px solid #d7d7d7; margin-bottom:10px;}
.news aside .scroll_box ul li h4{ line-height:40px; height:40px; overflow:hidden; padding:0 30px;font-size:16px; color:#2a2a2a; font-weight:normal; background:url("../images/icon5.png") no-repeat left 12px;}
.news aside .scroll_box ul li p{ line-height:24px; height:72px; overflow:hidden; padding:0 30px;color:#777; background:url("../images/icon6.png") no-repeat left 4px;  }
.news aside .scroll_box ul li:last-child{ border-bottom: none;}


.index_n{position: relative; width: 100%; overflow:hidden; background:#f8f8f8;}
.index_n .container {position: relative; width:1200px; margin:40px auto ; }

.index_n h2 { width:100%; height:40px; line-height:40px; font-size:18px; color:#2a2a2a; font-weight:normal;  border-bottom:1px solid #d7d7d7;}
.index_n h2 span{color:#da251d;}
.index_n h2 a{ float:right;font-size:12px; color:#da251d; }

.index_n ul {position: relative; left:-10px; width:100%; top:10px;}
.index_n ul li{ float:left; background:url("../images/fenge1.png") no-repeat right center; height:40px; line-height:40px;}
.index_n ul li:last-child{ background:none;}
.index_n ul li a{ padding:0 20px; color:#777777;  font-size:14px; }
.index_n ul li a:hover{  color:#da251d; }