.swiperloop3{ display: none;}

.index-title{ height: auto; overflow: hidden; text-align: center;}
.index-title h1{ color:#0b6fcc; font-size: 34px; font-weight: bold; line-height: 42px;}
.index-title p{ font-size: 14px; color:#666666; background: url(../images/line_bg.png) no-repeat center; margin:10px auto;}
.index-title h1 span{ color:#dc241e;}

.question{ height: auto; margin-top: 50px;}
.question .index-title p{ background: url(../images/line_bg1.png) no-repeat center;}
.support_in{ height: auto; overflow: hidden; margin-top: 40px;}
.suppr_left{ height: auto; overflow: hidden; float: left; width: 450px;}
.suppr_left img{ margin:0 auto; margin-top: 30px;}
.suppr_right{ float: right; width: 566px; height: auto; overflow: hidden;}
.suff_ul{ height: auto; overflow: hidden; }
.suff_ul li{ height: auto; overflow: hidden; font-size: 15px; color:#333333; margin-bottom: 20px;}
.suff_ul li span{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; color:#fff; background: #2459b7; line-height: 20px; text-align: center; margin-right: 10px;}

.ques_con{ height: auto;  margin-top: 20px;}
.que_left{ float: left; width: 643px;}
.que_left h3{ font-size: 24px; color:#333333; line-height: 40px;}
.que_left h3 span{ color: #dc241e; font-size: 34px;}
.que_left b{ display: block; margin-top: 5px; margin-bottom: 20px;}
.call_in{ height: auto;  font-size: 18px; color:#333333; background:url(../images/dh.png) no-repeat left center; padding-left: 70px; line-height: 35px; position: relative; }
.call_in i{ font-style: normal; font-size: 24px; color: #dc241e; font-weight: bold;}
.call_in a{ display: block; width: 150px; height: 45px; background: #fa8519; color: #fff; line-height: 45px; text-align: center; border-radius: 30px;  position: absolute; left:60%; top:8px;}
.que_right{ float: right; height: auto;   background: #fff; padding:5px;-moz-box-shadow:0px 0px 9px #A4A0A0; -webkit-box-shadow:0px 0px 9px #A4A0A0; box-shadow:0px 0px 9px #A4A0A0;}


#inline {
    width: 737px;
    height: 400px;
}

.chose{ height: 877px; overflow: hidden; background:url(../images/chose_bg.png) no-repeat center; margin:70px 0px;}
.chose .index-title{ padding-top: 5%;}
.chose .index-title p{ background: url(../images/line_bg1.png) no-repeat center;}
.chose_ul{ height: auto; overflow: hidden; margin-top: 76px; background: url(../images/cjd.png) no-repeat center;}
.chose_ul li{ float: left; width: 365px; margin-right:469px; margin-bottom:90px;}
.chose_ul li:nth-child(2n){ margin-right: 0px;}
.chose_left{ float: left; width: 76px; border:1px solid #e5e5e5; text-align: center; padding:5px 0px;}
.chose_left h2{ color:#dc241e; font-size: 40px; line-height: 40px;}
.chose_left b{ display: block; width: 18px; height: 1px; background:#0052a1; margin:5px auto;}
.chose_left p{ font-size: 13px; color: #666666;}

.chose_right{ float: right; width: 270px;}
.chose_right h2{  font-size: 18px; color:#0b6fcc;} 
.chose_right p{ font-size: 13px; color: #666666; margin-top: 5px; height: 120px;}
.chose_ul1{ width: 365px; margin:0 auto;}

.areas{ height: auto; overflow: hidden;}
.area_ul{ height: auto; overflow: hidden;}
.area_ul li{ float: left; width: 272px; margin-right: 37px; margin-bottom: 3%;}
.area_ul li img{width:260px; height:260px;}
.area_ul li:nth-child(4n){ margin-right: 0px;}
.area_ul li div{ height: auto; overflow: hidden; border:1px solid #d3d3d3; padding: 5px;-webkit-box-shadow: 0 6px 14px rgba(0,0,0,0.1);box-shadow: 0 6px 14px rgba(0,0,0,0.1);}
.area_ul li p{ text-align: center; font-size: 16px; color:#5b5b5b; margin-top: 5px;}


.service_zix{ height: 150px; width: 100%; background: url(../images/serve.jpg) no-repeat center; margin:40px 0px;}

.service_zix .serv-right{ float: right; background: url(../images/call.png) no-repeat left center; color:#fff; font-size: 20px; line-height: 30px;padding-left: 58px; margin-top:45px;}
.service_zix .serv-right b{ font-size: 32px;}


.product{ height: auto; overflow: hidden;}
.product .pro_left{ float: left; width: 230px;height: auto; overflow: hidden;}
.product .pro_left h1{ height: 81px; background: url(../images/blue_bg.jpg) no-repeat center; color:#fff; text-align: center; font-size: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 20px; line-height: 25px;}
.product .pro_left h1 i{ font-weight: normal; font-style: normal; color:#fff; font-size:13px;}
.leftmenu{position:relative; padding:15px; background:url(../images/xu.jpg) repeat center; }
.leftmenu dd {height: auto; overflow: hidden; margin-bottom: 10px;}
.leftmenu dd .m-title1{position:relative;height:40px; line-height:40px;  font-size:16px; }
.leftmenu dd .m-title1 a{ color:#333333; display: block; text-align: center;}
.leftmenu dd .m-title1 span{ margin-right: 5px;}
.leftmenu dd .m-title1{background:#fff; cursor: pointer;}  
.leftmenu dd.cur .m-title1{background:#117dc2;}
.leftmenu dd.cur .m-title1 a{ color:#fff;}
.leftmenu dd .menuson{ margin:0 auto;  padding:10px 0; display: none;}
.leftmenu dd .menuson li{ position:relative;height:30px; line-height:30px; font-size: 14px; overflow: hidden; }
.leftmenu dd .menuson li a{ color:#333; display: block; text-align: center; overflow: hidden;}
.leftmenu dd .menuson li:hover a{ color:#117dc2;}
.product .pro_left h2{height: 81px; background: #1489de; color:#fff; text-align: center; font-size: 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 20px; line-height: 25px;font-weight: normal;}
.product .pro_left h2 i{ font-weight: bold;  color:#fff; font-size:22px; font-style: normal;}

.product .pro_right{ float: right; width: 940px; height: auto; overflow: hidden;}
.pro_ul{ height: auto; overflow: hidden;}
.pro_ul li{ float: left; width: 280px; margin-right: 50px; margin-bottom: 10px;}
.pro_ul li:nth-child(3n){ margin-right: 0px;}
.pro_ul li img{ display: block; width: 278px; height: 278px; border:1px solid #d0d0d0;}
.pro_ul li p{ text-align:  center; font-size: 16px; color:#393939; margin-top:20px;}



.reviews{ height: auto; overflow: hidden; margin:54px 0px;}
.rev_ul{ height: auto; overflow: hidden; margin-top:30px;}
.rev_ul li{ width: 380px; margin-left: 15px; float: left;}
.rev_ul li:nth-child(2n){ margin-right: 0px;}
.rev_ul li img{ width: 378px; height: 255px; display: block; border:1px solid #e5e5e5;}
.rev_ul li .cum_con{padding:19px; background:#fafafa;}
.rev_ul li .cum_con i{ display: block; width: 20px; height: 1px; background: #ec6941;}
.rev_ul li .cum_con h2{ color: #333333; font-size: 15px; margin-top: 10px;}
.rev_ul li .cum_con h2 span{ color:#ff6a00; font-size: 14px; float: right;}
.rev_ul li .cum_con p{ font-size: 13px; color:#333333; line-height: 25px; margin-top: 12px;  }


.about{ background: url(../images/ab_bg.jpg) no-repeat center; height: 637px; padding-top: 5%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.about .ab_le{ height: auto; overflow: hidden; float: left; width: 520px;}
.about .ab_ri{ float: left;overflow: hidden; width: 678px; }
.about .ab_ri h1{ font-size: 30px; color: #fff; font-weight: bold; line-height: 30px; background: url(../images/line.png) no-repeat left bottom; padding-bottom: 22px;}
.about .ab_ri h1 span{ font-size: 26px; font-weight: normal;}
.about .ab_ri p{ font-size: 13px; color:#ffffff; margin-top: 18px; }
.about .ab_ri a{ display: block; width: 119px; height: 32px; background: #fff; line-height: 32px; text-align: center; color: #1871c5; font-size: 13px; border-radius: 20px; margin-top:5%;}


.about_wike{ height: auto;}
.company{ height: auto; background:#fff; padding:4% 0px; margin-top: -157px; border:1px solid #efefef;}
.list_ol{ height: auto; overflow: hidden; text-align: center; font-size: 0;}
.list_ol li{ display: inline-block; width: 176px; height: 49px; background: #e4e4e4; line-height: 49px; color:#333333; font-size: 18px; font-weight: bold; text-align: center;letter-spacing: normal; cursor: pointer;}
.list_ol li.cur{ background: url(../images/yellow.png) no-repeat top center; color:#fff; height: 54px;}
.comp_con{ height: auto;  margin-top: 28px;}
.comp_con .comp_in{ height: auto; display: none; }

.leftLoop3{position: relative; width:1110px; margin:0px auto; }
.leftLoop3 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop3 .hd a{position:absolute; display:block;  width:50px; height:50px; cursor:pointer;}
.leftLoop3 .hd .prev{left:-70px; top:54px;  background:url("../images/par_le.png") no-repeat left top;}
.leftLoop3 .hd .prev:hover{ background:url("../images/par_le1.png") no-repeat left top;}
.leftLoop3 .hd .next{right:-70px; top:54px;  display:block;  background:url("../images/par_ri.png") no-repeat right top;}
.leftLoop3 .hd .next:hover{ background:url("../images/par_ri1.png") no-repeat right top; }
.leftLoop3 .bd{position:relative; width:100%;  overflow:hidden; }
.leftLoop3 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop3 .bd ul li{ float:left; overflow:hidden; margin-right:18px; width: 263px; height: auto;  }
.leftLoop3 .bd ul li .pic{   width:246px;border:1px solid #ebebeb; background: #f7f7f7; padding:7px; height:auto;}
.leftLoop3 .bd ul li img{ width: 100%; max-width: 100%;}
.leftLoop3 .bd ul li p{ font-size: 13px; color:#333333; line-height: 25px; text-align: center; }

.ryz{position: relative; width:1110px; margin:0px auto; }
.ryz .hd{position:absolute; width:100%; z-index:9;}
.ryz .hd a{position:absolute; display:block;  width:50px; height:50px; cursor:pointer;}
.ryz .hd .prev{left:-70px; top:54px;  background:url("../images/par_le.png") no-repeat left top;}
.ryz .hd .prev:hover{ background:url("../images/par_le1.png") no-repeat left top;}
.ryz .hd .next{right:-70px; top:54px;  display:block;  background:url("../images/par_ri.png") no-repeat right top;}
.ryz .hd .next:hover{ background:url("../images/par_ri1.png") no-repeat right top; }
.ryz .bd{position:relative; width:100%;  overflow:hidden; }
.ryz .bd ul{ margin:0px; padding:0; list-style:none;}
.ryz .bd ul li{ float:left; overflow:hidden; margin-right:16px; width:263px; height: auto;  }
.ryz .bd ul li .pic{   width:193px;border:1px solid #ebebeb; background: #f7f7f7; padding:7px; height:auto;}
.ryz .bd ul li img{ width: 100%;}
.ryz .bd ul li p{ font-size: 13px; color:#333333; line-height: 25px; text-align: center; }

.cutomer_index{ height: auto; overflow: hidden; margin-bottom: 2%; margin-top:4%;}
.leftLoop1{position: relative; width:1200px; margin:0px auto; margin-top: 28px;}

.leftLoop1 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop1 .hd a{position:absolute; display:block;  width:16px; height:28px; cursor:pointer;}
.leftLoop1 .hd .prev{left:-52px; top:30px;  background:url("../images/prevPro4.png") no-repeat left top;}
.leftLoop1 .hd .next{right:-52px; top:30px;  display:block;  background:url("../images/nextPro4.png") no-repeat right top;}


.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:177px;  text-align:center; margin-right: 26px; }
.leftLoop1 .bd ul li div{ width:175px;  height:82px;border:1px solid #e4e4e4; margin:0 auto; }
.leftLoop1 .bd ul li img{width:100%;}
.leftLoop1 .bd ul li p{ font-size:13px; color:#666666; line-height: 36px;}
.par_in{ display: none;}




.news{background-color: #fafafa;padding:4% 0px;}
.news_all .show_Item{display: none;}
.news_all .show_Item:nth-child(1){display: block;}
.show_Item .news_img{width: 590px;float: left;}
.news_date{width: 562px;float: right;}
.news_nav{height: 54px;line-height: 52px;border-bottom: 1px solid #e8e8e8;}
.news_nav li{width: 88px;float: left;text-align: center;margin-right: 14px;}
.news_nav li a{ font-size: 20px; color: #333333; font-weight: bold;}
.news_nav li.active{ border-bottom:1px solid #0b6fcc;}
.news_nav li.active a{ color: #0b6fcc;}

.news_all{margin-top: 34px;}
.news_img .img img{width: 100%;height: auto;}
.news_img .img_info{margin-top: 18px;}
.news_img .img_info h5{line-height: 40px;font-size: 16px;}
.news_img .img_info h5 a{color: #333333; }
.news_img .img_info p{line-height: 24px;font-size: 14px;color: #666666;}
.news_img .img_info p a{ color: #666666;}
.date_list li{height: 134px;overflow: hidden;border-bottom:1px dashed #a2a2a2;}
.date_num{width: 136px;float: left;position: relative;}
.date_num h5{position: absolute;font-size: 50px;color: #333333;top:24px;left:29px;}
.date_num span{position: absolute;top:80px;left:32px;color: #777777;font-size: 16px;}
.date_info{width: 426px;float: right;}
.date_info h5{line-height: 42px;margin-top: 20px;}
.date_info h5 a{font-size: 16px;color: #333333;}
.date_info h5 a:hover{color: #0b6fcc !important;}
.date_info p{line-height: 24px;font-size: 14px;color: #666;}
.date_info p a{color: #666;}
.date_info p:hover{ color: #666;}
.date_list {margin-top: -32px;}
.news_scroll{margin-top: 32px;overflow: hidden;}
.news_scroll .scroll_btn{width: 102px;float: left;}
.scroll_show{width: 1054px;float: right;}


.leftLoop6{position: relative;}
.leftLoop6 .hd{position:absolute; width:100%; z-index:9; top:85px;}
.leftLoop6 .hd a{position:absolute; display:block;  width:50px; height:23px; cursor:pointer; 
    border:none !important; margin-top:0; margin-right:0;}
.leftLoop6 .hd .prev{left:-146px;  background:url(../images/prev_btn2.png) no-repeat;
    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;}
.leftLoop6 .hd .next{left:-95px; display:block; 
 background:url(../images/next_btn2.png) no-repeat;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;}
.leftLoop6 .bd{position:relative; width:100%;  overflow:hidden; }
.leftLoop6 .bd ul{ margin:0px; padding:0; list-style:none; width:990px; overflow:hidden;}
.leftLoop6 .bd ul li{ float:left; overflow:hidden; width:512px; margin-right:30px; background:#fff;  height: 112px;}
.leftLoop6 .bd ul li h5{margin-top: 15px;font-size: 16px;line-height: 32px;padding-left: 52px;background:url(../images/q_bg.png) no-repeat 22px center;}
.leftLoop6 .bd ul li h5 a{color: #333333; }
.leftLoop6 .bd ul li p{font-size: 14px;line-height: 24px;padding-left: 52px;background:url(../images/a_bg.png) no-repeat 22px 2px;}
.leftLoop6 .bd ul li p a{color: #777777; }
.scroll_btn h5{font-size: 20px;color: #333333;font-weight: bold;}
.scroll_btn span{line-height: 32px;font-size: 13px;color: #777777;}

.sjunder{ display: none;}


/*友情链接*/
.friend{ height: auto;margin: 65px 0px;}
.friend-in{ height: auto; border:1px solid #cfcfcf;padding:0 20px; position: relative;}
.fri-title{ text-align: left;}
.fri-title span{position: relative;display: inline-block;top:-15px;background-color: #fff;padding: 0 20px;font-size: 20px; color:#333333;}
.fri-title span strong{ font-weight: normal; color:#007cc3; font-size: 30px; font-family: "宋体";}
.fri-ul{ height: auto; overflow: hidden;}
.fri-ul li{ float: left; margin-right: 54px; margin-bottom: 10px;}
.fri-ul li a{ color: #333333; font-size: 14px;}
.fri-title1{ text-align: center; position: absolute;top:-11px;right:16px;
    }
.fri-title1 span{display: inline-block;background-color: #fff;padding: 0 15px;font-size: 14px;}
.fri-title1 span a{  color: #f4a702; text-align: center; line-height:20px; }



.sjchejian{ display: none;}
.sjhonor{ display: none;}

@media screen and (max-width: 768px) {
	
.flexBanner{ display: none;}
.swiperloop3{ display: block; margin-top:60px;}
.swiperloop3 img{ width: 100%; height:auto;}
.question{ margin-top: 8%;}
.index-title h1{ font-size: 18px; line-height: 22px;}
.index-title p{ background: none; font-size: 10px; margin:2% auto; line-height: 16px;}
.question .index-title p{ background: none;}
.support_in{ margin-top: 5%;}
.suppr_left{ display: none;}
.suppr_right{ float: none; width: 100%; }
.suff_ul li{ font-size: 13px; margin-bottom: 10px;}

.ques_con{ margin-top: 5%;}
.que_left{ float: none; width: 100%;}
.que_left h3{ font-size: 14px;line-height: 23px;}
.que_left h3 span{ font-size: 24px;}
.que_left b{ margin:5% 0px;}
.call_in{background-size: 10%;padding-left: 42px;line-height: 25px;font-size: 16px;width: 100%;}
.call_in i{ font-size: 18px;}
.call_in a{width: 100px;height: 30px;line-height: 30px;font-size: 14px;}
.que_right{ float: none; margin-top: 5%;}
#inline {
    width: 100%;
    height: auto;
}
.chose{ margin:8% 0px; background-size: cover;}
.chose .index-title p{background:none; }
.chose_ul{ background: none; margin-top: 5%;}
.chose_ul li{ float: none; width: 100%; margin-right: 0px; margin-bottom: 4%; height: auto; overflow: hidden;}
.chose_left{ width: 20%;}
.chose_right{ width: 75%;}
.chose_ul1{ width: 100%;}
.area_ul li{ width: 48%; margin-right: 0px;}
.area_ul li img{width:100%; height:auto;}
.area_ul li:nth-child(2n){ float: right;}
.area_ul li p{ font-size: 14px;}
.service_zix{ display: none;}
.product .pro_left{ width: 100%; float: none;}
.product .pro_left h1{ background: #117dc2;font-size: 20px;height: auto;padding: 10px 0px; line-height: 20px;}
.product .pro_left h1 i{ font-size: 12px;}
.product .pro_right{ float: none; width: 100%; margin-top: 5%;}
.pro_ul li{ width: 48%; margin-right: 0px;}
.pro_ul li:nth-child(2n){ float: right;}
.pro_ul li img{ width: 100%; height:auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro_ul li p{ margin-top: 2%; font-size: 14px;}
.reviews{ margin:5% 0px;}
.rev_ul{ margin-top: 5%;display:none;}
.rev_ul li{ float: left; width: 49%; margin-right: 0px; margin-bottom: 5%;}
.rev_ul li:nth-child(2n){ float:right;}
.rev_ul li img{ width: auto; height: auto;}
.rev_ul li .cum_con{ padding:10px 5px;;}
.rev_ul li .cum_con h2{ font-size:13px;}
.rev_ul li .cum_con h2 span{font-size:13px; }
.about{ height: auto; background-size: cover; overflow: hidden; padding: 5% 0px;}
.about .ab_le{ float: none; width: 100%;}
.about .ab_ri{ float: none; width: 100%; margin-top: 5%;}
.about .ab_ri h1{ font-size: 18px;}
.about .ab_ri h1 span{ font-size: 18px;    padding-bottom: 2%;}
.about_wike{ display: none;}
.sjchejian{ display: block; margin-top: 5%;}
.sjchejian .swiper-container{ margin-top: 3%;}
.sjchejian img{display: block;max-width: 100%;border: 1px solid #d3d3d3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sjchejian p{ margin-top: 5px;color: #333;font-size: 15px; text-align: center;}
.sjchejian h1{ height: 30px;}
.ryz{ display:none;}
.sjhonor{display: block; margin-top: 5%; }
.sjhonor .swiper-container{ margin-top: 3%;}
.sjhonor img{display: block;max-width: 100%;border: 1px solid #d3d3d3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sjhonor p{ margin-top: 5px;color: #333;font-size: 15px; text-align: center;}
.sjhonor h1{ height: 30px;}
.par_in{ display: block;}
.par_in img{display: block;max-width: 100%;border: 1px solid #d3d3d3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.par_in p{ margin-top: 5px;color: #333;font-size: 15px; text-align: center;}
.par_in h1{ height: 30px;}
.leftLoop1{ display: none;}


.news{ margin-top: 0px; padding:5% 0px;}
.news_nav li a{ font-size: 18px;}
.news_nav{ line-height: 30px; height: 30px;}
.news_nav li{ width: 26%; margin-right: 0px;}
.news_all{ margin-top: 3%;}
.show_Item .news_img{ float: none; width: 100%;}
.news_date{ float: none; width: 100%;}
.date_list{ margin-top: 1%;}
.date_list li{height: auto; margin-bottom: 22px; padding-bottom: 12px;}
.news_img .img_info h5{line-height: 23px; }
.date_num{width: 20%;}
.date_info{width: 78%;}
.date_num h5,.date_num span{left:0; }
.date_num h5{top:15px; }
.date_num span{ top:60px;}
.date_info h5 a{font-size: 14px;}
.date_info h5{line-height: 22px;margin-top: 0;}
.date_list{margin-top: 0;}
.date_info p a{font-size: 12px;}
.news_img .img_info{ margin:5% 0px;}
.news_scroll .scroll_btn{ float: none; width: 100%;}
.scroll_show{ width: 100%; float: none;}
.leftLoop6{ display: none;}
.sjunder ul {height: auto;overflow: hidden;background: #fff;padding: 10px;}
.sjunder{ display: block;}
.sjunder li a{ color:#333;}
.sjunder li.li1{ font-size: 16px; color:#333;}
.sjunder li.li2{font-size: 14px; color:#666; }
.sjunder h1{ height: 30px;    }
.friend{ display: none;}


}