@charset "utf-8";

/* 公共样式 */
body{ background:#fff; font-family:'Microsoft Yahei',Arial; color: #444; font-size: 12px; line-height: 20px;}
ul,li{list-style:none; margin: 0; padding: 0;}
img{ width:100%; height:auto;}
.m-b{ margin-bottom: 3%; }
.mt{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mb{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.ml-15{ margin-left: -15px; }
.pb20{ padding-bottom: 20px; }
.decorate{ display: block; height: 20px; border-bottom: #1672c5 2px solid; width: 8%; margin: 0 auto;}
.decorate_bai{ border-bottom: #fff 2px solid;}
.spacing{ padding: 0 15px; }
.lh180{ line-height: 180%; }
input{outline:none;}
input[type=radio]{ width: 16px; height: 16px; }
.error{ color: #e03434; }
.c99{ color: #999; }
.cheng{ color: #ff7214; }
a{ color: #333; text-decoration: none;}
a:hover{ color: #11677e; text-decoration: none;}
button{outline:0 none !important; blr:expression(this.onFocus=this.blur());}
code{ color:#bf2323; font-size:1.4em; font-family:'Microsoft Yahei',Arial; background:none;}
.left{ float: left;}
.right{float: right;}
h3{ font-size: 18px;}
.mb20{ margin-bottom: 20px;}
.mt30{ margin-top: 30px;}
.c{zoom:1}
.c:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}


/* 导航样式重置 */
.navbar{/* background:url(../images/nav_bg.jpg) repeat-x;*/ height: 86px; background: #11677e;}
.navbar-nav{ float: left;}
.nav>li{ font-size: 14px; margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ margin-top: 0;}
.nav>li>a{ padding: 0 20px; line-height: 90px;}
.navbar-collapse{ padding-right: 0;}
.navbar-default .navbar-nav>li>a{ color: #fff;}
.navbar-brand{ padding: 10px 15px 0; display: block;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{ color: #11677e; background: #fff;}
.navbar-default .navbar-nav>li>a:hover{ color: #11677e; background: #fff;}
.navbar-default .navbar-toggle .icon-bar{ background-color: #fff;}
/* 首页 */
.swiper-container{ width: 100%; height: 800px;}
.nav>li{ position: relative; height: 90px;}
.nav li dl{ position: absolute; top: 90px; left: -130px; z-index: 999999; width: 1000px; background: #fff; padding: 10px 0 0;}
.nav li dl dd{ width: 100%; overflow: hidden;}
.tabs{ width: 20%; float: left;}
.tabs li{ cursor: pointer; text-align: center; font-size: 18px; background: #f2f2f2; padding: 20px 0; margin-bottom: 6px; border-bottom: #fff 2px solid;}
.tabs li.curr{ border-bottom: #de0000 2px solid;}
.tabs li img{ width: 70%;}
.dwfd{ width: 78%; float: right;}
.application-list{ width: 100%; overflow: hidden;}
.application-list li{ float: left; width: 50%; overflow: hidden; padding: 50px 20px;}
.application-list li img{ width: 50%; float: left;}
.application-list li .catzi{ float: right; width: 46%;}
.application-list li .catzi h4{ font-weight: bold; font-size: 16px;}
.application-list li .catzi a span{ color: #de0000;}
.cat-bt{ font-size: 18px; padding-left:20px;}


.nav li dl{display: none;}
.topdh{ margin-top: 36px; display: block;}
.topdh a{ float: left; margin-right: 20px; color: #fff; font-size: 14px;}
.topdh a img{ width: 25px; margin-right: 2px;}
.topdh input{ float: left; border: none; padding: 0 8px; height: 25px;}
.topdh .topsou{ margin-right: 0; height: 25px; background: #fff; text-align: center;}
.datu{ position: absolute; top: -50px; left: 0; z-index: 1001; width: 100%; overflow: hidden;}
.datu li{ float: left; width: 50%; overflow: hidden;}
.body_title{ width: 100%; padding-bottom: 60px; display: flex; align-items: center; flex-direction: column;}
.b_title{ font-size: 26px; font-weight: bold; color: #666; margin-top: 320px;}
.b_bottom { height: 10px; width: 15%; margin-top: 8px; border-bottom: 1px solid #d5d5d5; position: relative; display: flex; justify-content: center;}
.b_bottom_line1 { position: relative; bottom: -2px; width: 16%; border-bottom: 3px solid #d71518;}
.heiklist .col-sm-6,.heiklist .col-sm-3,.heiklist .col-xs-12,.heiklist .col-xs-6{ padding: 0; margin: 0; overflow: hidden; position: relative;}
.heiklist a{ display: block;}
.heiklist a .bsbg,.heiklist a .bszi{ display: none;}
.heiklist a:hover .bsbg{ display: block; background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0.5;}
.heiklist a:hover .bszi{ display: block; color: #fff; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin-top: -20px;}

.tabslist{ width: 100%; overflow: hidden;}
.tabslist li{ float: left; width: 12.32%; margin-left:.2%; text-align: center; background: #f3f3f3;}
.tabslist li a{ display: block; padding: 18px 0 5px; border-bottom: #f3f3f3 4px solid;}
.tabslist li a:hover{ border-bottom: #d71518 4px solid; color: #11677e;}
.tabslist li p{ padding-top: 8px; height: 25px; overflow: hidden;}
.tabslist li:first-child{ margin-left: 0;}
.tabslist li img{ width: 32%;}
.zi-d{ width: 90%; margin: 40px auto 0; line-height: 30px; font-size: 14px;}
.zi-d h3{ text-align: center; font-size: 24px; margin-top: 30px;}
.zi-d h3 span{ display: block; width: 80px; height: 2px; background: #cdcdcd; margin: 0 auto 30px;}
.aboutbg{ background: url(../images/kj.png) no-repeat center center; width: 100%; height: 600px; margin-top: 50px;}
.about_title { position: absolute; z-index: 10; left: 0; top: 80px;}
.about_c { font-size: 2rem; color: #fdfdfd; font-weight: bold; position: relative;}
span.about_s { font-size: 1.3rem; color: #fdfdfd; font-weight: 100;}
.about_title:after { position: absolute; left: 0; width: 4rem; border-bottom: 3px solid #f00; z-index: 10; content: ""; margin-top: 0.5rem;}
.about_text{ position: absolute; right: 10px; top: 440px; z-index: 10; width: 500px;}
.about_text p{ color: #fff; font-size: 14px; line-height: 25px;}
.about_text > p a { margin: 0 1rem; border: none; padding: 0.2rem 0.3rem; background: #afb8c1; text-decoration: none;}
.tysj{ width: 90%; margin: 80px auto; font-size: 24px; text-align: center;}
.tysj p{ font-size: 14px; padding-top: 20px; line-height: 30px;}
.ssnews{ width: 100%;}
.ssnews img{ width: 450px; box-shadow:2px 5px 10px #333333; margin-top: 110px;}
.ssnewslist{box-shadow: 2px 2px 30px 2px #ddd; width: 550px; padding: 40px 20px 2px; min-height: 560px;}
.ssnewslist a{ display: block; color: #848484; font-size: 12px; background: url(../images/arrow.png) no-repeat right center; background-size: 8% auto; margin-bottom: 40px;}
.ssnewslist a:hover{ background: url(../images/arrow_new.png) no-repeat right center; background-size: 8% auto;}
.ssnewslist a p{ color: #333; font-size: 16px; margin-bottom: 8px;}
.ssnewslist a .xiahui{width: 80%; height: 20px; color: #999; overflow: hidden;}
.ssnewslist a:hover p{ color: #11677e;}
.ssnewslist a:hover .xiahui{ color: #666;}
.ssnews2{ width: 100%; margin-top: 60px;}
.ssnews2 .left{ width:50%; position: relative;}
.ssnews2 .left img{ box-shadow: 2px 2px 10px 2px #ddd;}
.ydtu1{ position: absolute; z-index: 1; width: 30%; top: 200px; left: 0;}
.ydtu2{ position: absolute; z-index: 2; width: 50%; top: 100px; right: 0;}
.ydtu3{ position: absolute; z-index: 3; width: 60%; top: 300px; left: 150px;}
.ssnewslist2{ float: right; width: 40%; box-shadow: 2px 2px 30px 2px #ddd; padding: 40px 20px 2px; min-height: 560px;}
.ssnewslist2 a{ display: block; color: #848484; font-size: 12px; margin-bottom: 40px;}
.ssnewslist2 a p{ font-size: 16px; color: #333;}
.ssnewslist2 a:hover{ color: #666;}
.ssnewslist2 a:hover p{ color: #11677e;}
.dszi{ line-height: 40px; text-align: center; width: 60%; margin: 0 auto;}
.dszi p{ font-size: 18px; margin-bottom: 50px;}
.dszi a{ border: #d00 1px solid; padding: 15px 50px; font-size: 18px; margin: 0 15px;}
.che{ margin-top: 30px;}
.linklist{ width: 100%; overflow: hidden;}
.linklist li{ float: left; width: 11.11%;}
.footer{ background: #1e2123; padding-top: 50px; padding-bottom: 20px; margin-top: 80px;}
.qylist{ border: #ccc 1px solid; height: 700px; width: 100%; overflow: auto;}
.qylist li{ border-bottom: #ccc 1px solid; padding: 20px 5px; width: 100%; overflow: hidden;}
.qylist li img{ width: 35%; float: left;}
.addname{ float: right; width: 63%;}
.addname h3{ color: #940000; font-size: 16px;}
.addname p{ color: #666;}
.main_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_footer .footer_avatar {
  width: 13rem;
  padding-left: 15rem;
  background: url(../images/footer_avatar.png) no-repeat;
  height: 150px;
}

.main_footer .footer_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main_footer .footer_center .center_top .links {
  display: flex;
  justify-content: center;
}
.main_footer .footer_center .center_top {
  display: flex;
}
.main_footer .footer_center .center_top .links .link_item {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  background: rgb(40,45,48);
  border-radius: 100%;
  margin: 0 1.54rem;
  cursor: pointer;
}
.main_footer .footer_center .center_top .proxy {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 4rem;
  border-radius: 2rem;
  padding: 0 2rem;
  background: rgb(213,0,0);
  cursor: pointer;
}
.main_footer .footer_center .center_top .proxy .text {
  margin-left: 1.2rem;
  font-size: 1.3rem;
  color: #e2e2e2;
}
.main_footer .footer_center .center_top .proxy .icon img,
.main_footer .footer_center .center_top .links .link_item img {
  width: 1.6rem;
  height: 1.6rem;
}
.main_footer .footer_center .center_mid {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 3rem 0;
}
.main_footer .footer_center .center_mid .center_mid_item {
  font-size: 1.2rem;
  color: #e2e2e2;
  margin: 0 1rem;
  padding-right: 1rem;
  text-decoration: none;
  border-right: 1px solid #333;
}
.main_footer .footer_center .center_mid .center_mid_item:last-child{
  border:none;
}
.main_footer .footer_center .center_copyright span {
  font-size: 1.2rem;
  color: #e2e2e2;
}
.main_footer .footer_center .center_copyright a {
  font-size: 1.4rem;
  color: #e2e2e2;
}
.main_footer .footer_center .center_copyright span:first-child {
  margin-right: 1rem;
}
.main_footer .footer_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main_footer .footer_right .about_item {
  margin: 0 0 1.2rem 0;
  font-size: 1.4rem;
  color: #e2e2e2;
}

.main_footer .footer_right .location {
  width: 18rem;
  height: 4rem; 
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e2e2e2;
  position: relative;
  cursor: pointer;
}
.main_footer .footer_right .location .loc_icon {
  margin-right: 1rem;
  width: 1.5rem;
  position: relative;
  top: 1px;
}
.main_footer .footer_right .location .loc_icon img {
  width: 100%;
}
a.center_mid_item:hover {
    color: #f00 !important;
    text-decoration: underline !important;
}
.bottom{ display: none;}

/*内页*/
.proxl a{ display: block;}
.Catalog{ font-size: 16px; padding: 20px 0;}
.Catalog a{ font-size: 16px; padding: 10px 0;}
.prolistly{ width: 100%; overflow: hidden;}
.prolistly li{ background: #f8f8f8; width: 100%; overflow: hidden; margin: 20px 0 0;}
.prolistly li img{ width: 64%; float: left;}
.prolistly li .prolist-zi{ width: 30%; margin: 0 3%; text-align: center; float: left;}
.prolistly li .prolist-zi h2{ margin-top: 60px; font-size: 50px;}
.prolistly li .prolist-zi p{ line-height: 35px;}
.prolistly li .prolist-zi a{ width: 120px; background: #f00; color: #fff; border-radius: 20px; line-height: 40px; display: block; margin: 40px auto 0;}
.prodtu{ width: 100%; overflow: hidden; margin-top: 20px;}
.prodtu .left{ width: 45%;}
.prodtu .right{ width: 50%;}
.prodtu .right h2{ font-size: 50px; color: #000;}
.tip{ margin-top: 15px; margin-bottom: 20px;}
.tip span{ border: #ea2121 1px solid; border-radius: 20px; padding: 5px 10px; margin-right: 10px; color: #ea2121; font-size: 14px;}
.projs{ font-size: 16px; line-height: 25px;}
.dzds{ margin-top: 40px;}
.dzds a{ margin-right: 20px;}
.dzds a img{ width: 25px;}
.prolr{ margin-top: 60px;}
.cnav{ width: 100px; background: #fff; text-align: center; position: fixed; right: 20px; top: 30%;}
.cnav li{ font-size: 18px; line-height: 40px;}
.cnav li a.bg{ color: #f70e0e;}
.enav{ width: 100%; position: absolute; bottom: 50px; left: 0; color: #fff; font-size: 24px; text-align: center;}
.enav a{ color: #fff; font-size: 24px;} 
.enav a.bg{ border-bottom: #0f677f 5px solid; padding-bottom: 8px;}
.aboutbg22{ background: url(../images/brand_bg.png) #f4f4f4 no-repeat center bottom; padding-bottom: 200px; padding-top: 30px;}
.aboutlr{ width: 100%; overflow: hidden; margin-top: 50px;}
.aboutlr .left{ width: 50%; font-size: 14px; line-height: 30px;}
.aboutbttu{ width: 75%; margin: 0 auto 30px;}
.aboutlr .right{ width: 43%; margin-top: 80px;}
.aboutbttu2{ width: 42%; margin: 80px auto;}
.qywh{ background: #ebebeb;}
.qywh p{ padding: 56px 30px; font-size: 14px; line-height: 35px;}
.qywhtu img{ margin-bottom: 20px;}
.jcsm{ background: #ebebeb; margin:50px 0;}
.jcsmzi{ font-size: 16px; line-height: 30px; padding: 20px 20px;}
.jcsmzi p{ font-size: 20px;}
.teamlist{ width: 100%; overflow: hidden;}
.teamlist li{ width: 100%; overflow: hidden; margin-bottom: 30px;}
.teamlist li .left{ width: 35%;}
.teamlist li .team-zi{ width: 60%; line-height: 30px; font-size: 14px;}
.teamlist li .team-zi h3{ font-size: 28px; margin-bottom: 20px;}
.teamlist li .team-zi h3 p{ font-size: 16px; margin-top: 12px;}
.devel dt{ font-size: 20px; margin-bottom: 20px;}
.devel dd{ width: 100%; overflow: hidden;}
.devel dd img{ width: 60%; float: left;}
.devel-zi{ float: right; width: 35%; font-size: 14px; line-height: 35px; padding-top: 50px;}
.devel-bt{ text-align: center; margin-top: 50px; margin-bottom: 50px;}
.devel-bt span{ border-bottom: #333 1px solid; font-size: 30px; padding-bottom: 15px;}
.culturebt{ font-size: 40px; margin: 80px 0; text-align: center;}
.culturelist{ width: 100%; overflow: hidden;}
.culturelist .left{ width: 35%;}
.culturelist .right{ width: 65%; overflow: hidden;}
.culturelist .right li{ margin-left: 3%; width: 30.33%; float: left;}
.culturelist .right li h3{ font-size: 18px; text-align: center;}
.culturelist .right li p{ font-size: 14px; line-height: 22px;}
.dss{height: 535px;}
.newsbt1{ font-size: 16px; margin-bottom: 30px;}
.newsbt1 a{display: block; font-size: 24px; margin-bottom: 20px;}
.newslist{ width: 100%; overflow: hidden; margin-top: 30px; border-top: #ccc 1px solid; padding-top: 20px;}
.newslist dt{ font-size: 20px; padding-bottom:20px;}
.newslist dt a{ float: right; font-size: 14px;}
.newslist dd{ float: left; width: 30.33%; text-align: center; margin:0 1.5%; }
.newslist dd p{ font-size: 16px; padding-top: 10px;}
.newslist2 dd{ width: 100%; overflow: hidden; margin: 0; margin-top: 30px; background: #f5f5f5;}
.newslist2 dd .right{ width: 48%; margin-top: 25px; text-align: left;}
.newslist2 dd .right ul{ display: block; font-size: 16px; line-height: 45px; padding:0 20px;}
.newslist2 dd .right ul li span{ float: right; color: #999;}
.huibg{background: #d4d4d4; padding-top: 20px;}
.cfd .col-sm-6{ padding-left: 80px; line-height: 30px;}
.cfd .col-sm-6 h3{font-size: 18px;}
.cfd .col-sm-6 p{ color: #fff; font-size: 16px; background: #e60012; border-radius: 20px; padding-left: 30px; width: 300px; margin-top: 20px;}
.dl{ width: 300px; overflow: hidden; margin-top: 20px;}
.dl input{ float: left; width: 80%; padding-left: 15px; border-radius: 20px 0 0 20px; border: #bfbfbf 1px solid; background: #d4d4d4;}
.dl a{ float: right; width: 20%; background: #e60012; color: #fff; font-size: 14px; text-align: center; padding: 1px 0; border-radius: 0 20px 20px 0;}
.newsdetail{ width: 100%; overflow: hidden; font-size: 16px; line-height: 28px;}
.newsxxbt{ font-size: 30px; border-bottom: #333 solid 1px; padding-bottom: 50px; margin-bottom: 30px;}
.newsxxbt span{    background: #c8c8c8; font-size: 20px; color: #fff; padding: 5px 0; margin-top: 12px; display: block; width: 150px; text-align: center;}
.newsdetail img{ width: auto; text-align: center; margin: 30px 0;}
.newslist3{ width: 100%; overflow: hidden; margin-top: 50px;}
.newslist3 li{ margin-bottom: 50px; background: #eee; padding: 40px 8%; width: 100%; overflow: hidden;}
.newslist3 li .left{ width: 50%;}
.newslist3 li .right{ width: 45%;}
.newslist3 li .right h2 a{ font-size: 18px; display: block; line-height: 32px;}
.newslist3 li .right h2 span{ background: #c8c8c8; font-size: 16px; color: #fff; padding: 5px 10px; margin-top: 10px;}
.newslist3 li .right p{ margin-top: 30px; font-size: 14px; line-height: 22px;}
.newslist3 li .right .ck{ display: block; margin-top: 50px; color: #999;}
.leadhui{ background: #eee; width: 100%; overflow: hidden;}

.service-bttu{ width: 40%; margin: 30px auto;}
.service-sm{ width: 100%; overflow: hidden; margin:30px 0;}
.service-sm li{ width: 25%; float: left; text-align: center; border-left: 2px #ccc solid; padding: 30px 0;}
.service-sm li:first-child{ border-left: none;}
.service-sm li img{ width: 50px;}
.service-sm li p{ font-size: 20px; padding-top: 15px;}
.service-zi{ font-size: 14px; line-height: 40px;}
.service-list{ width: 100%; padding-right: 1%; overflow: hidden; margin:30px 0; background: #f5f5f5;}
.service-list li{ width: 24%; float: left; text-align: center; margin:10px 0 10px 1%; background: #fff; padding: 50px 20px;}
.service-list li img{ width: 40%;}
.service-list li p{ height: 40px; line-height: 20px; overflow: hidden; margin-top: 40px;}
.service-tu1{ margin-top: 80px;}
.service-bt{ font-size: 30px; margin-top: 120px; padding-bottom: 40px; border-bottom: #eee 1px solid; text-align: center;}
.servicelist{ width: 100%; overflow: hidden; margin-top: 40px;}
.servicelist li{ width: 100%; overflow: hidden; margin-bottom: 40px;}
.servicelist li .servicelistzi{ width: 45%;}
.servicelist li .servicelistzi h3{ font-size:20px; margin-bottom: 30px;}
.servicelist li .servicelistzi p{ font-size: 14px; margin-bottom: 20px;}
.servicelist li .right{ width: 50%;}
.servicelist li .servicelistzi h3 span{ background: #c8c8c8; font-size: 16px; color: #fff; padding: 5px 10px; margin-top: 10px;}
.servicemore{ width: 140px; background: #c8c8c8; text-align: center; font-size: 18px; display: block; margin: 30px auto; line-height: 40px;}
.storebg{ background: #f4f4f4; padding-bottom: 80px;}
.baibg147{ background: #fff; text-align: center; font-size: 16px; padding: 60px 0;}
.baibg147 img{ width: 25%;}
.baibg147 p{ font-size: 20px; margin-top: 30px;}
.zmd h2{ font-size: 30px; margin-top: 60px;}
.zmd p{ border: #666 1px solid; text-align: center; padding: 12px 0; font-size: 16px;}
.zmd p img{ width: 20px;}
.cx{ background: #d70a0e; width: 100%; line-height: 32px; font-size: 16px; color: #fff; text-align: center; display: block;}
.contactBt{ font-size: 28px; font-weight: bold; margin-bottom: 20px;}
.contactzi{ font-size: 18px; line-height: 30px; margin-bottom: 50px;}
.ewmt{ display: block; position: relative;}
.ewmt .ewm-tu{ position: absolute; top: -100px; left: -25px; display: none;}
.ewmt:hover .ewm-tu{ display: block;}
.main_footer .footer_center .center_top .links .link_item .ewmt .ewm-tu img{ width: 100px; height: auto;}
.leadzi{ padding-top: 10rem;}
.rd{ float: left; padding: 12px 50px 20px;}
.rd span{ font-size: 10px;}

@media (max-width:1200px){
	.nav>li{ font-size: 14px; margin:0;}
	.nav>li>a{padding: 0 20px;}
	.b_title{ margin-top: 220px;}
	.topdh{ display: none;}
	.nav li dl{ width: 800px;}

}
@media (max-width:768px){
	.navbar-brand{ width: 50%;}
	.navbar{height: 68px;}
	.navbar-collapse{ position: absolute; z-index: 10000; padding-left: 0;}
	.navbar-toggle{ margin-top: 18px; }
	.navbar-brand{ padding: 12px 15px 0;}
	.navbar-brand img{ width: 35%;}
	.swiper-container{ width: 100%; height: 200px;}
	.container>.navbar-collapse{ margin: 0;}
	.navbar-default .navbar-collapse{ width: 100%; background: #11677e; border: none; margin-left: -15px; margin-top: 5px;}
	.navbar-nav{ margin:0 ;width: 100%;}
	.nav li{ height: 40px; text-align: center;}
	.nav>li>a{ padding: 0; line-height: 40px;}
	.navbar-nav li{ border-bottom: #1d758d 1px solid; font-size: 14px;}
	.nav li dl{display: none;}
	.body_title{ padding-bottom: 40px;}
	.topdh{ display: none;}
	.b_title{ margin-top: 160px;}
	.datu{ left: 3%; width: 94%;}
	.tabslist li{ width: 24.62%; margin-left: .5%; margin-bottom: 2px;}
	.tabslist li:nth-child(5){ margin-left: 0;}
	.aboutbg{ height: 300px; background-size: cover;}
	.about_title {left: 15px; top: 50px;}
	.about_text{ right: 10px; top: 125px; width: 300px;}
	.ssnews img{ display: none;}
	.ssnewslist{ width: 100%;}
	.ssnewslist a{ margin-bottom: 20px; padding-right: 30px;}
	.ssnews2 .left{ display: none;}
	.ssnewslist2{width: 100%; }
	.ssnewslist2 a{ margin-bottom: 20px;}
	.dszi{width: 90%;}
	.dszi a{ display: block; margin: 0 auto 15px;}
	.linklist li{width: 33.33%; margin-bottom: 20px;}
	.footer{ padding: 20px 0; margin-top: 30px;}
	.main_footer{ display: none;}
	.bottom{ display: block; color: #fff; padding: 0 15px; text-align: center;}
	.bottom  span{ color: #fff;}
	.bottom  a{ color: #fff;}
	.Catalog{ font-size: 16px; padding: 10px 0;}
    .Catalog a{ font-size: 16px; padding: 10px 0;}
	.prolistly li img{ width: 50%; height: 100%;}
	.prolistly li .prolist-zi{ width: 44%; margin: 0 3%;}
	.prolistly li .prolist-zi p{ font-size: 12px; line-height: 18px; height: 36px; overflow: hidden; display: none;}
	.prolistly li .prolist-zi h2{ font-size: 20px; margin-top: 15px;}
	.prolistly li .prolist-zi a{ font-size: 12px; width: 90px; line-height: 18px; margin-top: 12px; margin-bottom: 10px;}
	.prodtu .left{ width: 100%;}
	.prodtu .right{ width: 100%;}
	.cnav{ display: none;}
	.enav{ font-size: 14px; bottom: 10px;}
	.enav a{ font-size: 14px;}
	.aboutbg22{ padding-bottom: 100px;}
	.aboutlr .right{ display: none;}
	.aboutlr .left{ width: 100%;}
	.aboutbttu2{ width: 70%; margin: 40px auto;}
	.qywhtu{ display: none;}
	.qywh p{ padding: 20px; font-size: 14px;}
	.teamlist li .team-zi{ display: block; margin-top: 0px; height: 135px; overflow: hidden; line-height: 20px;}
	.teamlist li .team-zi h3{ font-size: 20px; margin: 0;}
	.teamlist li .team-zi h3 p{ font-size: 14px;}
	.tysj{ font-size: 22px;}
	.devel dd img{ width: 100%;}
	.devel-zi{ width: 100%; font-size: 14px; line-height: 25px; padding-top: 15px;}
	.culturebt{ font-size: 25px; margin: 40px 0;}
	.culturelist .left{ display: none;}
	.culturelist .right{ width: 100%;}
	.culturelist .right li{ width: 46%; margin: 0 2% 20px;}
	.dss{ width: 100%; height: 200px;}
	.newslist2 dd .right{ width: 100%; display: block;}
	.cfd .col-sm-6{ padding-left: 20px;}
	.newsdetail img{ width: 100%;}
	.newsxxbt{ font-size: 20px; padding-bottom: 30px; margin-bottom: 20px;}
	.newsxxbt span{ font-size: 14px;}
	.leadzi{ font-size: 16px; line-height: 30px; padding: 20px 20px 0;}
	.service-zi{ font-size: 14px; line-height: 30px;}
	.service-list{ padding-bottom: 5px;}
	.service-list li{ width: 49%; margin:5px 0 0 1%; padding: 30px 20px;}
	.servicelist li .servicelistzi{ width: 55%;}
	.servicelist li .servicelistzi h3{ font-size:16px; margin-bottom: 15px; margin-top: 0;}
	.servicelist li .servicelistzi p{ font-size: 14px; margin-bottom: 20px;}
	.servicelist li .right{ width: 42%;}
	.servicemore{ font-size: 18px;}
	.newslist dd p{ height: 28px; overflow: hidden; margin-bottom: 20px;}
	.newslist3{ margin-top: 20px;}
	.newslist3 li{ padding: 15px; margin-bottom: 15px;}
	.newslist3 li .right h2{ margin-top: 0;}
	.newslist3 li .right h2 a{ font-size: 14px; line-height: 22px; height: 22px; overflow: hidden;}
	.newslist3 li .right h2 span{ font-size: 12px; padding: 2px 4px;}
	.newslist3 li .right p{ font-size: 12px; margin-top: 5px; line-height: 20px; height: 40px; overflow: hidden;}
	.newslist3 li .right .ck{ margin-top: 8px;}
	.prodtu .right h2{ font-size: 30px;}
	.projs{ font-size: 14px;}
	.servicelist li .servicelistzi h3 span{ font-size: 12px; padding: 2px 4px;}
	.servicemore{ font-size: 14px; line-height: 30px; margin: 15px auto 30px;}
	.service-bt { font-size: 25px; margin-top: 40px; padding-bottom: 20px; border-bottom: #eee 1px solid; text-align: center;}
	.leadzi { font-size: 14px; line-height: 22px; padding: 20px 20px 0; margin-bottom: 10px; color: #666;}
	.leadzi h2{ font-size: 22px; color: #333;}
}
@media (max-width:414px){
	.navbar{min-height: 68px;}
	.navbar-brand{ width: 70%;}
	.navbar-brand img{ width: 30%; margin-top: 15px;}
	.navbar-collapse{ position: absolute; z-index: 10000; padding-left: 0;}
	.navbar-toggle{ margin-top: 16px; }
	.navbar-brand{ padding: 0px 15px 0;}
	.swiper-container{ width: 100%; height: 200px;}
	.container>.navbar-collapse{ margin: 0;}
	.navbar-default .navbar-collapse{ width: 100%; background: #11677e; border: none; margin-left: -15px; margin-top: 5px;}
	.navbar-nav{ margin:0 ; width: 100%;}
	.nav li{ height: 40px; text-align: center;}
	.nav>li>a{ padding: 0; line-height: 40px;}
	.navbar-nav li{ border-bottom: #1d758d 1px solid; font-size: 14px;}
	.nav li dl{display: none;}
	.topdh{ display: none;}
	.datu{ top: -20px;}
	.body_title{ padding-bottom: 40px;}
	.b_title{ margin-top: 120px; font-size: 22px;}
	.b_bottom{ width: 40%;}
	.datu{ left: 3%; width: 94%;}
	.tabslist li{ width: 24.62%; margin-left: .5%; margin-bottom: 2px;}
	.tabslist li:nth-child(5){ margin-left: 0;}
	.aboutbg{ height: 300px; background-size: cover;}
	.about_title {left: 15px; top: 50px;}
	.about_text{ right: 10px; top: 125px; width: 300px;}
	.tysj{ font-size: 22px;}
	.ssnews img{ display: none;}
	.ssnewslist{ width: 100%;}
	.ssnewslist a{ margin-bottom: 20px; padding-right: 30px;}
	.ssnews2 .left{ display: none;}
	.ssnewslist2{width: 100%; }
	.ssnewslist2 a{ margin-bottom: 20px;}
	.dszi{width: 90%;}
	.dszi a{ display: block; margin: 0 auto 15px;}
	.linklist li{width: 33.33%; margin-bottom: 20px;}
	.footer{ padding: 20px 0; margin-top: 30px;}
	.main_footer{ display: none;}
	.bottom { display: block; color: #fff; padding: 0 15px; text-align: center;}
	.bottom  span{ color: #fff;}
	.bottom  a{ color: #fff;}
	.Catalog{ font-size: 16px; padding: 10px 0;}
	.Catalog a{ font-size: 16px; padding: 10px 0;}
	.prolistly li img{ width: 50%; height: 100%;}
	.prolistly li .prolist-zi{ width: 44%; margin: 0 3%;}
	.prolistly li .prolist-zi p{ font-size: 12px; line-height: 18px; height: 36px; overflow: hidden; display: none;}
	.prolistly li .prolist-zi h2{ font-size: 20px; margin-top: 15px;}
	.prolistly li .prolist-zi a{ font-size: 12px; width: 90px; line-height: 18px; margin-top: 12px; margin-bottom: 10px;}
	.prodtu .left{ width: 100%;}
	.prodtu .right{ width: 100%;}
	.cnav{ display: none;}
	.enav{ font-size: 14px; bottom: 10px;}
	.enav a{ font-size: 14px;}
	.aboutbg22{ padding-bottom: 100px;}
	.aboutlr{ margin-top: 30px;}
	.aboutlr .right{ display: none;}
	.aboutlr .left{ width: 100%;}
	.aboutbttu2{ width: 70%; margin: 40px auto;}
	.qywhtu{ display: none;}
	.qywh p{ padding: 20px; font-size: 14px;}
	.teamlist li .team-zi{ display: block; margin-top: 0px; height: 135px; overflow: hidden; line-height: 20px;}
	.teamlist li .team-zi h3{ font-size: 20px; margin: 0;}
	.teamlist li .team-zi h3 p{ font-size: 14px;}
	
	.devel dd img{ width: 100%;}
	.devel-zi{ width: 100%; font-size: 14px; line-height: 25px; padding-top: 15px;}
	.culturebt{ font-size: 25px; margin: 40px 0;}
	.culturelist .left{ display: none;}
	.culturelist .right{ width: 100%;}
	.culturelist .right li{ width: 46%; margin: 0 2% 20px;}
	.dss{ width: 100%; height: 200px;}
	.newslist2 dd .right{ width: 100%; display: block;}
	.cfd .col-sm-6{ padding-left: 20px;}
	.newsdetail img{ width: 100%;}
	.newsxxbt{ font-size: 20px; padding-bottom: 30px; margin-bottom: 20px;}
	.newsxxbt span{ font-size: 14px;}
	.leadzi{ font-size: 16px; line-height: 30px; padding: 20px 20px 0;}
	.service-sm li{ padding: 15px 0;}
	.service-sm li img{ width: 40px;}
	.service-sm li p{ font-size: 16px; padding-top: 15px;}
	.service-zi{ font-size: 14px; line-height: 30px;}
	.service-list{ padding-bottom: 5px;}
	.service-list li{ width: 49%; margin:5px 0 0 1%; padding: 30px 20px;}
	.servicelist li .servicelistzi{ width: 55%;}
	.servicelist li .servicelistzi h3{ font-size:16px; margin-bottom: 15px; margin-top: 0;}
	.servicelist li .servicelistzi p{ font-size: 14px; margin-bottom: 20px;}
	.servicelist li .right{ width: 42%;}
	.servicemore{ font-size: 18px;}
	.newslist dd p{ height: 28px; overflow: hidden; margin-bottom: 20px;}
	.newslist3{ margin-top: 20px;}
	.newslist3 li{ padding: 15px; margin-bottom: 15px;}
	.newslist3 li .right h2{ margin-top: 0;}
	.newslist3 li .right h2 a{ font-size: 14px; line-height: 22px; height: 22px; overflow: hidden;}
	.newslist3 li .right h2 span{ font-size: 12px; padding: 2px 4px;}
	.newslist3 li .right p{ font-size: 12px; margin-top: 5px; line-height: 20px; height: 40px; overflow: hidden;}
	.newslist3 li .right .ck{ margin-top: 8px;}
	.prodtu .right h2{ font-size: 30px;}
	.projs{ font-size: 14px;}
	.servicelist li .servicelistzi h3 span{ font-size: 12px; padding: 2px 4px;}
	.servicemore{ font-size: 14px; line-height: 30px; margin: 15px auto 30px;}
	.service-bt { font-size: 25px; margin-top: 40px; padding-bottom: 20px; border-bottom: #eee 1px solid; text-align: center;}
	.leadzi { font-size: 14px; line-height: 22px; padding: 20px 20px 0; margin-bottom: 10px; color: #666;}
	.leadzi h2{ font-size: 22px; color: #333;}
}