@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;}
table{border-collapse:collapse;}
a img{border:0px; outline:none;}
img{ padding:0; margin:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;color:#444;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei"; color:#444;background: #fff;}
.wrapper{ width:1520px; margin:0 auto;}

.header{ width:100%;}
.logo{float: left;padding-top: 25px;}
.nav{float: left;margin-left: 40px;position: relative;}
.nav li{float: left;}
.nav li a{font-size: 16px; display: block; color: #444;font-weight: bold;width: 124px; text-align: center;border-left: 1px solid rgba(0,0,0,0); border-right:1px solid rgba(0,0,0,0);border-bottom: 2px solid rgba(0,0,0,0);line-height: 116px;}
.nav li:hover a{color: #0f84c6; border-left: 1px solid #f2f2f2; border-right:1px solid #f2f2f2;border-bottom: 2px solid #0f84c6;}
.nav li.on a{color: #0f84c6; border-left: 1px solid #f2f2f2; border-right:1px solid #f2f2f2;border-bottom: 2px solid #0f84c6;}
.nav li.on i,.nav li.on .navul{ display:block;}
.nav li i{display: block;background: url("../images/nav_bg1.png") no-repeat; width: 228px; height: 28px;position: absolute; top:118px; display:none;}
.navul{background: #fff;position: absolute; top:136px;width: 227px;border-radius: 8px; display:none;}
.navul dd{float: none;}
.navul dd a{width: 80%;margin: 0 auto;color: #666!important;font-size: 16px;font-weight: normal;line-height: 70px!important; border-left:0!important; border-right:0!important;border-bottom:1px solid #f1f1f1!important;text-align: left;}
.navul dd:hover a{color: #0f84c6!important;border-left:0!important; border-right:0!important;border-bottom:1px solid #f1f1f1!important;}
.navul dd.on a{color: #0f84c6!important;border-left:0!important; border-right:0!important;border-bottom:1px solid #f1f1f1!important;}

.search{float: right;border-left: 1px solid #f2f2f2; border-right:1px solid #f2f2f2;height: 78px;width:123px; text-align: center;padding-top: 40px;}
.banner{ width:100%;overflow: hidden;}

.index_about{overflow: hidden;position: relative;width: 100%;}
.index_about_con{overflow: hidden;}
.title{overflow: hidden;margin: 80px 0;}
.title h1{font-size: 34px;font-weight: bold;color: #333;}
.title h2{font-size: 40px;font-family: Swis721 Cn BT;color: #333;font-weight: bold;padding: 30px 0;}
.title i{display: block;width: 33px;height: 7px;background: #0f84c6;}
.index_about_con h3{font-size: 32px;font-weight: bold;color: #444;padding-bottom: 55px;}
.index_about_con txt{display: block; font-size: 16px;color: #666;line-height: 26px;width:620px;}
.index_about_con a{ display: block;}
.index_about_con h5{position: absolute; right: 0; z-index:999; top:0;}
.index_about_con h5 img{width: 100%;}
.more1{ background: url("../images/more2_img.png") no-repeat; width: 127px; height: 34px;margin: 80px 0;}
.more1:hover{background: url("../images/more2_img_hover.png") no-repeat;}

.index_service{ overflow:hidden;margin: 80px 0;}
.index_service li{float: left; width: 303px; height: 607px;position: relative; transition:all 0.5s linear}
.index_service li a{display: block;padding: 115px 0px 115px 35px; width:253px; box-sizing:border-box; position:absolute; top:0; left:0; box-sizing:border-box; height:607px;}
.index_service h1{font-family: Swis721 Cn BT;color: #fff;font-weight: bold; font-size: 36px;}
.index_service h2{color: #fff; font-size: 32px;font-weight: bold;padding: 50px 0;}
.index_service h3{font-family: Swis721 Cn BT;color: #fff;font-weight: bold; font-size: 26px; opacity: 0.35; text-transform: uppercase;}
.index_service h4{background: url("../images/more_img.png") no-repeat; width: 77px; height: 36px; bottom:70px; position:absolute;}
.index_service li .cover{ display:block; width:100%; height:607px; position:absolute; top:0; left:0; background: url("../images/service_bg.jpg") no-repeat center left;}
.index_service li.on{ width:503px}
.index_service li.on .cover{ display:none;}
.index_service li.off{ width:253px}
.index_news{overflow: hidden;}
.index_news_head{overflow: hidden;margin-bottom: 80px;}
.title1{overflow: hidden;float: left;}
.title1 h1{font-size: 34px;font-weight: bold;color: #333;}
.title1 h2{font-size: 40px;font-family: Swis721 Cn BT;color: #333;font-weight: bold;padding: 30px 0;}
.title1 i{display: block;width: 33px;height: 7px;background: #0f84c6;}
.index_news_ul{float: right; padding-top: 80px;}
.index_news_ul li{float: left;padding-left: 50px;}
.index_news_ul li a{font-size: 20px; color: #444; font-weight: bold;}
.index_news_ul li:hover a{ color: #0f84c6;}
.index_news_ul li.on a{ color:#0f84c6;}
.index_news_con{overflow: hidden;}
.index_news_con_l{background: url("../images/index_news_img.jpg") no-repeat;width: 504px;height: 551px; position: relative;float: left;}
.index_news_con_l a{}

.index_news_con_l_ul{float: right; width: 1010px;}
.index_news_con_l_ul li{float: left; background: #f2f2f2;margin: 0 0 40px 40px; width:465px;}
.index_news_con_l_ul li a{display: block;padding: 38px 61px;}
.index_news_con_l_ul li h1{ color: #666;font-size: 18px;padding-bottom: 15px;}
.index_news_con_l_ul li h2{color: #0f84c6;font-size: 16px;}
.index_news_con_l_ul li:hover{ background: #0f84c6;}
.index_news_con_l_ul li:hover h1{color: #fff;}
.index_news_con_l_ul li:hover h2{color: #fff;}

.index_map{background: url("../images/index_map.jpg") no-repeat #f7f9fb right center;overflow: hidden;margin-top: 50px;}
.title2{overflow: hidden;float: left;margin-right: 80px;}
.title2 h1{font-size: 34px;font-weight: bold;color: #333;}
.title2 h2{font-size: 40px;font-family: Swis721 Cn BT;color: #333;font-weight: bold;padding: 30px 0;}
.title2 i{display: block;width: 33px;height: 7px;background: #0f84c6;}
.index_map ul{overflow: hidden;margin: 55px 0;}
.index_map ul li{color: #666;font-weight: bold; font-family: Swis721 Cn BT; font-size: 24px;line-height: 60px;}
.index_map ul li img{display: block;float: left; padding-top: 15px;padding-right: 20px;}

.footer{overflow: hidden;}
.foot{overflow: hidden;margin: 80px 0;}
.foot ul{float: left;margin-left: 90px;}
.foot ul:first-child{float: left;margin: 0;}
.foot ul:last-child{ float: right;}
.foot ul li.on{font-size: 18px; color: #333;padding-bottom: 40px;}
.foot ul li a{color: #999;font-size: 14px;line-height: 28px;}
.foot ul li a:hover{ color: #0f84c6;}
.foot ul li h1{}
.footer i{display: block; width: 100%;height: 1px;background: #e1e1e1;margin-bottom: 30px;}
.foot2{overflow: hidden; margin-bottom: 30px;}
.foot2 h1{color: #7b7b7b;float: left;font-size: 14px;}
.foot2 h2{color: #7b7b7b; float: right;font-s;ize: 14px;}
.foot2 a{color: #7b7b7b;}

.main{ background: #f5f5f5;overflow: hidden;padding: 80px 0;}
.main_l{float: left; width: 326px;}
.main_l_title{background: #0f84c6;padding: 30px;}
.main_l_title h1{font-size: 36px;color: #fff;padding-bottom: 5px;}
.main_l_title h2{font-family: Swis721 Cn BT;font-size: 20px;font-weight: bold; text-transform: uppercase;opacity: 0.31;color: #fff;}
.main_l ul{overflow: hidden;background: #fff;padding-bottom: 40px;}
.main_l ul li{width: 100%;}
.main_l ul li a{display: block;border-bottom: 1px solid #efefef;height: 86px;width: 80%;margin: 0 auto;line-height: 86px;}
.main_l ul li h1{color: #666;font-size: 18px;float: left;}
.main_l ul li i{display: block;background: url("../images/left_icon.png") no-repeat center center;width: 7px; height: 11px;float: right;padding-top: 75px;}
.main_l ul li:hover h1{color: #0f84c6;}
.main_l ul li:hover i{background: url("../images/left_icon_hover.png") no-repeat center center;}
.main_l ul li.on h1{color: #0f84c6;}
.main_l ul li.on i{background: url("../images/left_icon_hover.png") no-repeat center center;}
.main_r{float: right;width: 1110px;}
.main_r_title{overflow: hidden;margin-bottom: 50px;}
.main_r_title h1{font-size: 28px;font-weight: bold;color: #444;}
.main_r_title i{display: block;width: 33px;height: 7px;background:#0f84c6; margin-top: 30px }

.about_con{overflow: hidden;}
.about_con txt{font-size: 16px; color: #666;line-height: 30px;}

.about_con txt table{}
.about_con txt table td{ width: 50%;}
.about_con txt table img{width: 98%;height: auto;}

.case_con{overflow: hidden;}
.case_con li{float: left;width: 48%; margin: 0 1% 2% 1%;background: #fff;}
.case_con li h1{}
.case_con li h1 img{width: 100%;}
.case_con li div{overflow: hidden;}
.case_con li h2{color: #666;font-size: 16px;float: left;line-height: 80px;padding-left: 30px;}
.case_con li h3{background: url("../images/more1_img.png") no-repeat center center; width: 77px; height: 36px;float: right;padding-top: 40px;padding-right: 30px;}
.case_con li:hover h2{color: #0f84c6;}
.case_con li:hover h3{background: url("../images/more1_img_hover.png") no-repeat center center;}

.case_con_d{overflow: hidden;}
.case_con_d h1{}
.case_con_d h1 img{}
.case_con_d h2{font-size: 26px; color: #444;margin: 50px 0;}
.case_con_d txt{font-size: 16px; color: #666; line-height: 26px;}

.news_con{overflow: hidden;}
.news_con li{float: left;width: 48%; margin: 0 1% 2% 1%;background: #fff;}
.news_con li h1{margin-bottom: 30px;}
.news_con li h1 img{width: 100%;}
.news_con li h2{color: #666;font-size: 20px;padding-left: 30px;}
.news_con li h3{background: url("../images/more1_img.png") no-repeat center center; width: 77px; height: 36px;margin-left: 30px;margin-bottom: 30px;}
.news_con li h4{color: #999;font-size: 16px;padding-left: 30px;margin: 30px 0;}
.news_con li:hover h2{color: #0f84c6;}
.news_con li:hover h3{background: url("../images/more1_img_hover.png") no-repeat center center;}

.news_con_d{overflow: hidden;}
.news_con_d h1{font-weight: bold;color: #999;font-size: 16px;}
.news_con_d i{display: block; width: 100%; height: 1px; background: #d1d1d1;margin: 50px 0;}
.news_con_d txt{font-size: 16px; color: #666; line-height: 26px;}

.service_con{overflow: hidden;}
.service_con li{float: left;width: 48%; margin: 0 1% 2% 1%;background: #fff;}
.service_con li h1{}
.service_con li h1 img{width: 100%;}
.service_con li div{overflow: hidden;}
.service_con li h2{color: #666;font-size: 16px;float: left;line-height: 80px;padding-left: 30px;}
.service_con li h3{background: url("../images/more1_img.png") no-repeat center center; width: 77px; height: 36px;float: right;padding-top: 40px;padding-right: 30px;}
.service_con li:hover h2{color: #0f84c6;}
.service_con li:hover h3{background: url("../images/more1_img_hover.png") no-repeat center center;}

.service_con_d{overflow: hidden;}
.service_con_d h1{}
.service_con_d h1 img{}
.service_con_d h2{font-size: 26px; color: #444;margin: 50px 0;}
.service_con_d txt{font-size: 16px; color: #666; line-height: 26px;}


.index_news_con_l  a {
  display: block;
}

.index_news_con_l  .pic img {
  height: 551px;
  object-fit: cover;
  transition:all .5s linear;
  
}
.index_news_con_l  .info {
	box-sizing:border-box;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  padding: 24px 100px 20px 40px;
  background: rgba(0, 0, 0, 0.68);
}
.index_news_con_l  .info .name {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index_news_con_l  .info .date {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  font-family: mb;
  margin-top: 2px;
}
.index_news_con_l .swiper-slide:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.index_news_con_l .swiper-pagination {
  bottom: 58px;
  font-size: 0;
  text-align: right;
  right: 40px;
  left: auto;
}
.index_news_con_l .swiper-pagination .swiper-pagination-bullet {
  opacity: 0.3;
  background: #fff;
  margin: 0 3px;
  width: 8px;
  height: 8px;
}
.index_news_con_l .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.banner-html5zoo{ /*overflow:hidden;*/}
.banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../images/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../images/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-nav{ text-align:center;}
.banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#fff !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;}
.banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;}