@charset "utf-8";
*{ font-family:"微软雅黑";}
/*******************-S header-**************************/
#top{ background: #313131; height: 85px; text-align:center; padding-top:10px; padding-bottom:10px;}
#top font{ color: #ffffff; font-size: 14px; display: block;line-height: 22px;}
.tel{}
.tel span{ color:#ffffff; font-size:24px; position:relative; padding-left:43px;}
.tel span:before{ position:absolute; left:0; top:1px; content:''; width:30px; height:30px;  background:url("icon_tel.png")/*tpa=http://127.0.0.1:99/images/icon_tel.png*/ left top no-repeat;}

.phone-nav{display: block; width: 40px; height: 40px; margin-top: 10px; text-align: center; background:url("navbtn.png")/*tpa=http://127.0.0.1:99/images/navbtn.png*/ left top no-repeat; background-size:100% 100%;}
/*.phone-nav span{ display: block; width: 80%; height: 4px;  background: #000; margin-top: 6px; float:right;}
.phone-nav span:first-child{margin-top: 9px;}
*/
.logo img{max-width: 300px; }

@media (max-width:768px){
.logo img{max-width: 200px; }
.logo {margin-top:10px;}
}
#header{height:60px; background:#fff; z-index:99999999; box-shadow: 0 2px 5px #ddd;}
.headerscroll{ margin-top:0px; position:fixed; left:0; top:0; width:100%;}
/*******************-E header-**************************/

/*******************-S banner-**************************/
.bannerwrap{ position:relative;}
.banner {
  text-align: center;
  overflow: hidden;
}
.banner img {
  display: block;
  margin: auto;
}
.banner .slick-dots {
  width: 100%;
  margin: auto;
  text-align: center;
}
.banner .slick-dots li button {
  width: 14px;
  height: 14px;
}
.banner .slick-dots .slick-active button {
  background: #167cc5;
  height: 18px;
  width: 18px;
}

@media (max-width:991px){
  .banner img{width: 100%;}

}
@media (max-width: 768px) {
  .banner .slick-dots {
    text-align: center;
    bottom: 10px;

  }
 
  .banner .slick-dots li button {
    width: 10px;
    height: 10px;
  }
  .banner .slick-dots .slick-active button {
    background: #167cc5;
    height: 10px;
    width: 10px;
  }

}

.bannerbtn{  position:absolute; top:55%; z-index:999 !important; text-align:center; width:100%;}
.bannerbtn a{ display:inline-block; font-size:15px; margin-left:10px; margin-right:10px;}
.btn_understand{ background:#0786d9; color:#fff; padding-top:8px; padding-bottom:8px; padding-left:15px; padding-right:15px;}
.btn_understand:hover{opacity: .8;filter: alpha(opacity=80);}
.btn_consult{ border:3px solid #fff;color:#fff; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;}
.btn_consult:hover{ background:#fff; color:#0786d9;}

	
/*******************-E banner-**************************/



/*******************-S home_service-**************************/
.service_about{ color:#4c4c4c; font-size:16px; line-height:28px; padding-top:15px; padding-bottom:30px; text-align:center;}
.home_service{ padding-top:42px; padding-bottom:25px;}

@media (min-width:768px){
.col-2-1{ float:left; width:50%;} 
}

@media (max-width:767px){.col-2-1{ float:left; width:50%;} }
.col-2-1{position:relative;min-height:1px;padding-left:5px;padding-right:5px}

/*******************-E home_service-**************************/


/*******************-S home_contact-**************************/
.home_contact{ height:121px; background:url("contact.jpg")/*tpa=http://127.0.0.1:99/images/contact.jpg*/ center top no-repeat;}
.btn_tel{ display:block; padding-left:55px; height:60px; margin-top:35px; position:relative;}
.btn_tel:before{ content:''; width:64px; height:59px; background:url("icon_tel2.png")/*tpa=http://127.0.0.1:99/images/icon_tel2.png*/ no-repeat; background-size:100%; position:absolute; left:0; top:0;}
.btn_tel p{ color:#ffffff; font-size:16px;}
.btn_tel span{ color:#ffffff; font-size:30px;}
.btn_contact{ color:#0c7bc4; background:#fff; padding-left:20px; padding-right:20px; display:block; margin-top:40px; padding-top:10px; padding-bottom:10px; border-radius:5px; text-align:center;}
@media (min-width:480px){
.btn_tel{ padding-left:70px; margin-left:15px;}
.btn_contact{ margin-right:15px;}
}
@media (max-width:480px){
.btn_tel span{ font-size:18px; margin-top:20px;}
.btn_tel:before{ width:50px;}
.btn_contact{ width:100%; padding-left:0px; padding-right:0px;}
}
/*******************-E home_contact`-**************************/


/*******************-S home_about-**************************/
.home_about{ padding-bottom:40px; }
.title_conpany{ color:#0274be; font-size:18px; padding-top:20px; padding-bottom:15px; line-height:20px; text-align:center;}
.about{ padding-top:5px;font-size:14px; line-height:28px; color:#656565;}
.aboutmore{ margin-top:30px;}
.aboutmore a{ margin-left:auto; margin-right:auto; color:#9b9b9b; font-size:13px; width:116px; height:33px; line-height:33px; display:block; text-align:center; border:1px solid #dddddd;} 
.aboutmore a:hover{ background:#0c7bc4; border-color:#0c7bc4; color:#fff;}
/*******************-E home_about-**************************/


/*******************-S home_case-**************************/
.case_list{ padding-top:30px;}
.case_item{ margin-bottom:10px;}
.case_item a{ position:relative; width:100%; display:block;}
.case_item img{ width:100%;}
.case_item h4{text-overflow:ellipsis; overflow:hidden;white-space:nowrap;
 padding-left:10px; height:35px; line-height:35px; color:#fff; background:#0c85d5; position:relative; margin-top:-43px; margin-left:10%; padding-right:30px;}
.case_item h4:before{ content:''; position:absolute; top:0;right:10px; width:9px; height:35px; background:url("arrow_right.png")/*tpa=http://127.0.0.1:99/images/arrow_right.png*/ center no-repeat;}
@media (max-width:480px){
.case_item a,.case_item img{ height:166px;}

}
@media (min-width:481px){
.case_item{ margin-bottom:21px;}
.case_item a,.case_item img{ height:202px;}
}
/*******************-E home_case-**************************/


/*******************-S home_pro-**************************/
.home_pro{ padding-bottom:31px; }
.pro_list{ margin-top:18px;}
.pro_item a{ display:block; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;display: block;
    position: relative;
    cursor: pointer; background:url("probg1.png")/*tpa=http://127.0.0.1:99/images/probg1.png*/ left 100% repeat-x; overflow:hidden;}
	.pro_item a:hover{background:url("probg2.jpg")/*tpa=http://127.0.0.1:99/images/probg2.jpg*/ left 100% repeat-x;}
	.pro_item a:hover h4{ color:#fff;}
	.pro_item a h4{ color:#585858; font-size:16px; font-weight:normal; text-align:center; padding-top:15px; padding-bottom:15px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;
}
.pro_item a img{
    display: block;
    border: none;
    width: 100%;
	height:189px;
}

@media (max-width:480px){
.pro_item a{background:url("probg1.png")/*tpa=http://127.0.0.1:99/images/probg1.png*/ left 60px repeat-x; }
.pro_item a:hover{background:url("probg2.jpg")/*tpa=http://127.0.0.1:99/images/probg2.jpg*/ left 60px repeat-x;}
.pro_item a h4{ padding-bottom:5px; font-size:14px;}
.pro_item a img{ height:132px;}
}

@media (min-width:480px){

.pro_item a{ padding-left:20px; padding-right:20px; padding-top:20px; }

}

/*******************-E home_pro-**************************/



/*******************-S home_news-**************************/
.home_news{ padding-top:30px; padding-bottom:30px;}
/*** news_list ***/
.news_list{ padding:5px 0px; margin-top:3px; }
.news_list ul{ margin:0; padding:0;}
.news_list ul li{ margin:0px !important; padding:0px !important; vertical-align: bottom; }
.news_list ul li,.news_list ul li a{ display:block; height:31px;line-height:31px ; color:#4d4d4d;  }
.news_list ul li a{ padding-left:28px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; width:70%; color:#555555; font-size:14px; }
.news_list ul li a,.news_list ul li span{  color:#4d4d4d; font-size:13px;}
.news_list ul li a:hover{color:#106fb3;}

.news_list ul li:nth-child(odd){background: url("dot1.png")/*tpa=http://127.0.0.1:99/images/dot1.png*/ 6px center no-repeat;}
.news_list ul li:nth-child(even){background:#f9f9f9 url("dot1.png")/*tpa=http://127.0.0.1:99/images/dot1.png*/ 6px center no-repeat;}
/*******************-E home_news-**************************/



/*******************-S cat-**************************/
.cat_list{ text-align:center; margin-top:20px;}
.cat_list a{ display:inline-block; padding:5px 15px; border:1px solid #ddd; color:#555555; margin-bottom:10px; border-radius:5px; margin-left:2px; margin-right:2px;}
.cat_list a:hover,.cat_list a:focus{ background:#0c85d5; border-color:#0c85d5; color:#fff;}
/*******************-E cat-**************************/


/*******************-page-**************************/
.main { margin-top:40px;}
.mainbox_2 {width: 100%;
   padding-top:20px;
    font-size: 14px;
    line-height: 28px;
    color: #656565;
	padding-bottom:30px;
}
.mainbox_2 ul{
    padding:0;
}
.mainbox_2 img{
    width:100%;
    margin:0 auto;
    text-align:center;
}
.mainbox_2  .pro_list{ margin-top:0; padding-bottom:20px; }



/*******************-详细-**************************/
.time2 { margin-top:10px;}
.show_pic{ color:#444444; padding-top:10px; text-align:center;}
    .show_pic h4 {font-size:20px;}
.pic_cp img{max-width:100%; margin-top:10px; }
.nrr { padding:10px 0; line-height:26px; color:#444444;font-size:13px;}







/*******************-S footer-**************************/
.coopright { text-align:center; background:#3b3c40; color:#ffffff; font-size:14px; padding-top:25px; padding-bottom:85px; line-height:24px;}

@media (max-width: 640px) {
    .wechat {width:100%; text-align:center; margin-top:10px;}
    .contactbox {text-align:center;width:100%; }
}
/*******************-E footer-**************************/


/*******************-lan-**************************/
.lan1{ padding-top:13px; text-align:center;}
.lan1 p{ color:#8b8b8b; font-size:13px;}
.lan1 h3{ font-size:20px; font-weight:normal; color:#0c7bc4;}
.lanbg_1{ background:url("title1.png")/*tpa=http://127.0.0.1:99/images/title1.png*/ center top no-repeat;}

.lan2{ height:96px; background:url("title_about.png")/*tpa=http://127.0.0.1:99/images/title_about.png*/ center top no-repeat;text-align:center;}
.lan2 h3{ color:#ffffff; font-size:20px; padding-top:35px;}

/*底部快速链接*/
.icon{btext-indent:-999em; margin-top:5px; margin-left:auto; margin-right:auto; position:relative; padding-left:77px;  }
#BottomNav {background:#0c85d5;z-index: 999;position: fixed;bottom: 0;left: 0;width: 100%;_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow: visible;}
#BottomNav ul{ margin:0; padding:0; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; justify-content:space-around; -webkit-justify-content:space-around;}
	#BottomNav li{text-align:center;}
	#BottomNav li a {  color:#fff; font:14px "微软雅黑"; padding:0px 10px;  display:block; line-height:45px;    display: block;}
    #BottomNav ul li span{padding-left:32px;}
    #BottomNav .icon_home:before{ position:absolute; content:''; position:absolute; left:0px; top:-4px;width:26px;height:30px; background:url("icon_home.png")/*tpa=http://127.0.0.1:99/images/icon_home.png*/ no-repeat;}
	#BottomNav .icon_tel:before{ position:absolute; content:''; position:absolute; left:0px; top:-5px;width:30px;height:30px; background:url("icon_tel.png")/*tpa=http://127.0.0.1:99/images/icon_tel.png*/ no-repeat;}
	#BottomNav .icon_sms:before{ position:absolute; content:''; position:absolute; left:0px; top:-4px;width:30px;height:30px;background:url("icon_sms.png")/*tpa=http://127.0.0.1:99/images/icon_sms.png*/ no-repeat; background-size:100%;}
	#BottomNav .icon_qq:before{ position:absolute; content:''; position:absolute; left:0px; top:-2px;width:23px;height:30px; background:url("icon_qq.png")/*tpa=http://127.0.0.1:99/images/icon_qq.png*/ no-repeat;}

/*回到顶部*/
#goTopBtn {
	position: fixed; text-align:center; line-height: 30px; width: 30px; bottom: 55px; height: 33px; font-size: 12px; cursor: pointer; right: 0px;   background:#0c85d5 url("icon-gotop-fixed.gif")/*tpa=http://127.0.0.1:99/images/icon-gotop-fixed.gif*/ center no-repeat;
}