body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td,div{ margin:0; padding:0; box-sizing:border-box;}
body{ font:14px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; background:#fff; color: #666;}
img{vertical-align: middle; border:none; max-width: 100%;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'Arial',arial,'Hiragino Sans GB';}
a{ color:#333; text-decoration: none; }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.zbtn,.btn,textarea{font-family:"Arial",arial,'Hiragino Sans GB';}
.wrap{ width:1200px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}

.nav li a,.about_more,.news_area_list li h3 a,.news_area_list li h3 span,.news_more,.pro_area_pic:after,.news_list li h3 a,.news_pic img,.pages a,.nav-two-box{ transition: all 0.3s ease 0s; }
.news_area_list li h3 a:hover,.news_area_list li h3 a:hover span,.news_more:hover,.news_list li h3 a:hover,.other a:hover{ color: #449AD8; }
.about_more:hover{ background:#449AD8; color: #fff;  }
.pro_area_con .about_more:hover,.jbtn:hover{ background:#fff; color: #449AD8; }
.news_pic:hover img{ opacity: 0.9; filter: alpha(opacity=90); }

body{ overflow-y:scroll;  }

.fir.carousel-fade{ height: 610px; position: relative; overflow: hidden; }
.fir .carousel-fade-pic li{ width: 100%; height: 610px; position: absolute; left: 0; top: 0; z-index: 2; }
.fir .carousel-fade-pic li a{ display: block; width: 100%; height: 100%; }
.fir.carousel-fade .flex-control-nav { position: absolute; width: 100%;  text-align: center; z-index: 9; left: 0; 
	bottom: 10px; -display: none;}
.fir.carousel-fade .flex-control-nav li{ width: 12px; height: 12px; border-radius: 12px; display: inline-block; margin:0 5px; overflow: hidden;
cursor: pointer; }
.fir.carousel-fade .flex-control-nav li a{ font-size: 0; display: block; text-indent: -9999px; background: #fff; width: 12px; height: 12px; border-radius: 12px;}
.fir.carousel-fade .flex-control-nav li .flex-active{ background: #7bb1e2; }
.fir.carousel-fade  .flex-direction-nav .flex-prev{ background-position: 0 0; left: 5%; display: none; }
.fir.carousel-fade  .flex-direction-nav .flex-next{ background-position: 0 -86px; right: 5%; display: none;}
.header_bar{ height: 84px; }
.w1550{ width: 1550px; margin: auto; }
.logo{ float: left; margin-top: 9px; }
.nav{ float: left; padding: 0 0 0 56px; height: 84px;}
.nav li{ float: left; font-size: 16px; width: 93px; height: 84px; text-align: center;   margin-right: 21px; position: relative;}
.nav li>a{ height: 84px; line-height: 92px; display: block; }
.nav li>a:hover{ background: url(../images/bg2.jpg) no-repeat; color: #fff; }
.search{ width: 90px; height: 84px; text-align: center; float: left; background: url(../images/icon1.png) no-repeat 50% 34px; 
    border-left: 1px solid #f3f3f3; position: relative;}
.nav-two-box{
	position: absolute;
	top: 100%;
	left: 50%;
	width: 100%;
	height: 0;
	background: #0077cb;
	padding:0;
	margin-left: -50%;
	z-index: 999;
	opacity: 0;
	overflow: hidden;
}
.nav-two-box>a{
	display: block;
	height: 0;
	line-height: 0;
	margin-bottom: 0;
	text-align: center;
	color: #fff;
	font-size: 15px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.nav li:hover .nav-two-box{
	height: auto;
	opacity: 1;
	padding: 10px 0;
}
.nav li:hover .nav-two-box>a{
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
}

.nav li:nth-child(5) .nav-two-box{
	width: 280px;
	margin-left: -140px;
}

.nav-two-box>a:hover{ color: #187cc3; background: rgba(255,255,255,.7);}

.serbar{ width: 200px; height: 36px; position: absolute;border: 4px solid #187cc3; top: 84px; background: #fff; right: 0; display: none;}
.serbar .text{ width: 151px; border: none; height: 28px; line-height: 28px; padding-left: 5px; float: left; } 
.sbtn{ background: url(../images/f.png) no-repeat 50% 50%; width: 40px; height: 28px; float: left; border: none; cursor: pointer; }
.search:hover .serbar{ display: block; }

.language{ width: 90px; line-height: 84px; float: left; text-align: center; font-size: 16px; border-left: 1px solid #f3f3f3; position: relative;}
.language i{ background: url(../images/icon2.png) no-repeat; display: inline-block; width: 15px; height: 9px; margin-left: 5px; }
.yuyan{ position: absolute; left: 0; top: 70px; width: 89px; background: #f0f0f0; text-align: center; height: 50px; line-height: 50px;
  display: none;}
 .yuyan b{
 	-webkit-backface-visibility: hidden;
    position: absolute;
    right: 37px;
    top: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid dashed dashed;
    border-color:transparent  transparent #f0f0f0 transparent ;
    font-size: 0;
    line-height: 0;
 }
 .language:hover .yuyan{ display: block; }
.personal{ width: 90px; height: 84px; float: left; text-align: center; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3;
background: url(../images/icon3.png) no-repeat 50% 34px; }
.about_area_pic{ float: left; margin-right: 20px;}
.about_area_pic img{ width: 606px; height: 324px; }
.about_area_con{  height: 324px; margin-right: 30px; }
.about_title{ font-size: 20px; color: #000; margin-bottom: 10px; }
.about_intro{  line-height: 28px; margin-bottom: 25px; height: 140px; overflow: hidden;}
.about_area_txt{ padding: 35px 0 0 30px; }
.about_more{ width: 153px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #dbdbdb; display: inline-block; }
.pro_area{ float: right; width: 640px;}
.pro_area_con{ width: 320px; height: 324px; background: #5aa7df; float: left; text-align: center; color: #fff; }
.about_area{ float: left;  width: 1260px;
}
.pro_title{ padding-top: 90px; margin-bottom: 5px; }
.pro_area_con .about_more{ border-color: #a0c4de; color: #fff; font-size: 16px; margin: auto;}
.pro_title_en{ margin-bottom: 50px; }
.pro_area_pic{ float: left; position: relative;}
.pro_area_pic img{ width: 320px; height: 324px; }
.pro_area_pic h3{ position: absolute; width: 100%; text-align: center; bottom: 30px; }


.sec.carousel-slide{ height: 303px; position: relative; overflow: hidden; width: 480px; float: left;}
.sec.carousel-slide-pic li{ float: left; }
.sec.carousel-slide .flex-control-nav { position: absolute; z-index: 9; right: 10px; bottom: 10px; }
.sec.carousel-slide .flex-control-nav li{ width: 12px; height: 12px; border-radius: 12px; display: inline-block; margin:0 5px; overflow: hidden;
cursor: pointer; }
.sec.carousel-slide .flex-control-nav li a{ font-size: 0; display: block; text-indent: -9999px; background: #fff; width: 12px; height: 12px; border-radius: 12px;}
.sec.carousel-slide .flex-control-nav li .flex-active{ background: #7bb1e2; }
.sec.carousel-slide  .flex-direction-nav .flex-prev{ background-position: 0 0; left: 5%; display: none;}
.sec.carousel-slide  .flex-direction-nav .flex-next{ background-position: 0 -86px; right: 5%; display: none;}
.sec h3{ height: 42px; line-height: 42px; overflow: hidden; color: #fff; background: rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0; 
width: 100%; box-sizing:border-box; padding: 0 120px 0 15px;}
.sec .slides a{ display: block; position: relative; }
.news_area{ width: 475px; background: #fff; height: 303px; float: left; }
.news_area_list{ padding: 0 25px 0; }
.news_area_list li{ padding: 18px 0; border-bottom: 1px dashed #cecece; }
.news_area_list li h3{ font-size: 16px; margin-bottom: 8px;}
.news_area_list li h3 span{ margin-right: 5px; color: #999; }
.news_area_list li .intro{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 10px;}
.news_more{ color: #999; background: url(../images/icon4.png) no-repeat right; padding-right: 20px; }
.jion_area{ float: left; background: #5aa7df;}
.jion_area img{ width: 316px; height: 303px; }
.jion_area a{ display: block; position: relative; color: #fff; }
.introBox{/* position: absolute; left: 0; top: 0; */width: 100%; }
.introBox .intro{ font-size: 16px; text-align: center; margin: 90px 15px 0; line-height: 28px; height: 84px; overflow: hidden; }
.jbtn{ display: block; margin: 20px auto; border-color: #9abfdb;}
.other_pic img{ width: 316px; height: 303px; }
.other_pic{ overflow: hidden; }

.footer{ min-height: 270px; background: #187cc3; border-top: 3px solid #6eaad5;}
.bot_menus{ float: left; width: 153px; margin-top: 54px; }
.bot_menus a{ color: #fff; }
.bot_menus dt{ font-size: 16px; margin-bottom: 10px; }
.bot_menus dd{ margin-bottom: 6px; opacity: 0.9; }
.er{ float: right; text-align: center; color: #fff; margin-top: 50px;}
.er p{ margin-top: 5px; }
.copy{ color: #fff; text-align: center; padding-top: 30px;}
.copy a{ color: #fff; }
.pro_area_pic:after{ content: ''; width: 100%; height: 100%; border: 4px solid #187cc3; position: absolute; left: 0; top: 0;
box-sizing:border-box; filter: alpha(opacity=0); opacity: 0;}
.pro_area_pic:hover:after{ filter: alpha(opacity=40); opacity: 0.4;}
.dw{ background: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; }
.fixed{ background: rgba(255,255,255,0.7); }

.banner{ height: 359px; }
.inner{ background: #f8f8f8; }
.mbar{ height: 50px; background: #fff; text-align: center; margin-bottom: 50px;}
.menus{ display: inline-block; overflow: hidden; }
.menus li{ float: left; font-size: 16px; padding: 0 28px; height: 50px; }
.menus li a{ display: block; padding: 14px 2px 10px;border-bottom: 2px solid #fff; }
.menus li .hover,.menus li a:hover{ color: #187cc3; border-color:  #187cc3; }

.container{ background: #fff; min-height: 400px; margin-bottom: 55px; }
.pad45{ padding: 45px; line-height: 28px; overflow: hidden; }
.inner2{ background: #f8f8f8; }
.news_list{ margin-left: -21px; }
.news_list li{ float: left; background: #fff; max-width: 386px; margin: 0 0 50px 21px; padding-bottom: 10px;}
.news_pic img{ width: 386px; height: 206px; }
.time{ padding: 22px 0 0 24px; }
.news_list li h3{ font-size: 18px; height: 24px; overflow: hidden; margin: 7px 0 0 24px; }
.news_list li .intro{ margin: 10px 24px; height: 40px; line-height: 20px; overflow: hidden; }

.pages{ text-align: center; }
.pages a{ display: inline-block; padding: 4px 12px; border: 1px solid #ccc; margin: 0 4px; background: #fff;} 
.pages .cur,.pages a:hover{ background: #187cc3; color: #fff; border-color: #187cc3; }
.box{ padding-bottom: 50px; }
.article_box{ padding: 40px 30px; }
.title{ color: #1a1a1a; font-size: 18px; text-align: center; margin-bottom: 18px; }
.data{ text-align: center; }
.data span{ margin: 0 5px; color: #999; }
.article{ overflow: hidden; line-height: 28px; padding: 25px 30px 10px; }
.goback{ text-align: right;  margin-top: 10px; }
.goback a{ color: #888; }
.product_list li{ height: 233px; background: #fff; margin-bottom: 35px;}
.product_pic{ float: left; }
.pro_detail{ padding:20px 20px 0 350px; }
.item{ font-size: 16px; margin-bottom: 5px; line-height: 28px; height: 28px; overflow: hidden;}
.item_title{ color: #000; }
/*.overItem{ height: 56px; }*/
.product_list{ margin-bottom: 20px; }
.product_pic img{ width: 320px; height: 233px; }

.join-box{ width: 100%;}
.join-cloumn{ height: 48px; line-height: 48px; background: #999; color: #fff; margin-bottom: 10px; font-size: 16px; font-weight: 700;
overflow: hidden;}
.join-cloumn span,.join-bar span{ float: left; width: 20%; text-align: center; }
.join-bar{ padding: 15px 0 10px 0; overflow: hidden; cursor: pointer; border-bottom: 1px solid #e1e1e1; color: #333; font-size: 16px;}
.join-item{ margin-bottom: 10px; }
.join-bar i{ background: url(images/icon3.png) no-repeat 0 -32px; width: 22px; height: 22px; display: inline-block; float: right ;
    margin: 5px 65px 0 0;}
.join-content{ color: #666; padding: 10px 30px; line-height: 28px; overflow: hidden; display: none;}
.join-bar.active .cha{ background: #2889c3;}
.cha{ width: 98px; height: 34px; line-height: 34px; text-align: center; background: #ccc; color: #fff; display: inline-block; }

.msg-box{ padding: 0 0 0 200px;}
.msg-title{ text-align: right; float: left; width: 100px; margin:5px 15px 0 0; font-size: 14px;}
.msg-text{ float: left; }
.msg-item{ margin-bottom: 15px; }
.msg-text .text,.msgcon{ height: 38px; line-height: 38px ; padding: 5px; border: 1px solid #ddd; width: 350px; }
.msg-text .msgcon{ width: 500px; height: 120px; line-height: 24px; resize:none;}
.tbtn{ width: 80px; height: 30px; background: #009fe8; color: #fff; font-size: 14px; border: none; cursor: pointer; }
.require{ color: #f00; display: inline-block; position: relative; left: 5px; top: 3px; }
.msg-text .vd-text{ width: 120px; }
.codePic{ margin-left: 10px; cursor: pointer; }

.bg{ height: 787px; overflow: hidden;}
.rbox{ width: 570px; height: 620px; background: #fff; margin:80px auto 0; overflow: hidden;}
.rtitle{ text-align: center; color: #0075ca; font-size: 22px; margin: 38px 0 0; height: 48px; }
.rtitle span{position: relative;}
.rtitle span:after{ content: ''; width: 85px; height: 2px; background: #2989c3; width: 100%; position: absolute; left: 0; bottom: -15px; }
.txt_item{ height: 44px; border: 1px solid #b3b3b3; border-radius: 20px; margin-bottom: 22px;}
.bj{ padding: 40px 100px; }
.txt_title{ background: url(../images/icon7.png) no-repeat; width: 20px; height: 21px; float: left; margin: 9px 0 0 14px;}
.text_div{ float: left; position: relative;}
.text_div .text{ width: 310px; padding-left: 10px; height: 40px; line-height: 40px; border: none; }
.mima{ background: url(../images/icon8.png) no-repeat; height: 23px;}
.youxiang{ background: url(../images/icon.png) no-repeat; width: 23px; height: 19px;}
#getmsg{ width: 105px; height: 32px; background: #77bbec; border-radius: 20px; position: absolute; right: -12px; top: 4px; border: none;
color: #fff; }
.dengbtn{ background: #187cc3; height: 45px; border-radius: 20px; width: 100%; border: none; cursor: pointer; font-size: 20px; color: #fff;}
.other{ padding-top: 15px; font-size: 16px; }
.lbox{ height: 420px; }
.lbg{ height: 600px; }

.itemblock{ font-size: 20px; }
.about_area{ width: 65%; }
.pro_area{ width: 35%; }
.about_intro,.pro_area_pic h3,.news_area_list li .intro,.news_more,.sec h3{ font-size: 14px; }
.about_more{ font-size: 16px; }
.about_area_pic{ width: 50%; margin-right: 0; }
.about_area_pic img {
    width: 100%;
    height: 16.2em;
}
.pro_area_con,.about_area_con{ height: 16.2em; }
.about_area_con{ float: left; width: 50%; margin-right: 0; }
.about_area_txt {
    padding: 1.75em 1em 0 1.2em;
}
.pro_area_con,.pro_area_pic{ width: 50%; overflow: hidden; }
.pro_area_pic h3{ bottom: 1.5em; }
.pro_area_pic img{ width: 100%; height: 16.2em; }
.sec.carousel-slide{ width: 25%; }
.news_area{ width: 24.5%;  height: 100%;}
.sec.carousel-slide{ height: 100%; }
.jion_area{ width: 16.5%; height: 15.14em; }
.other_pic{ float: left; width: 34%; height:303px}
.other_pic img,.sec.carousel-slide li img{ height: 15.15em; }
.sec.carousel-slide .flex-control-nav{ bottom: 7px; }
.about_intro {
   
    margin-bottom: 1.25em;
    -height: 7em;
}
.news_area_list li{ padding:0.9em 0;  }

.news_area_list li:last-child{
	border: none;
	padding-bottom: 0;
}
.jion_area img {
    width: 15.8em;
    height: 15.15em;
}
.news_area_list{ padding: 0 1em; }
.news_area_list li h3{ height: 20px; line-height: 20px; overflow: hidden; }
.pro_title{ padding-top: 4.6em; }
.pro_title_en{ margin-bottom: 2.5em; }
.introBox .intro{ margin-top: 4.7em; }
.yincang{ display: none; }

.m{ background: url(../images/m.png) no-repeat; width: 26px; height: 24px; float: right; margin-top: 19px; display: none;}
.mm{ position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; left: 0; top: 60px; z-index: 9999; display: none; }
.mm a{ display: block; text-align: center; color: #fff; padding: 7px 0; }

/*淇敼*/
.bot_menus{ width: 115px;}
.phones{
	float: left;
	width: 190px;
	line-height: 22px;
	margin-top: 54px;
	color: #fff;
	margin-left: 15px;
}
.phones span{ font-size: 12px;}
.item-message{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

@media only screen and (max-width: 1600px) {
	.itemblock{ font-size: 18px; }
	.news_area_list li .intro{ margin-bottom: 4px; }
	.fir.carousel-fade,.fir .carousel-fade-pic li{ height: 550px; background-size: cover!important; }
}

@media only screen and (max-width: 1550px) {
	.w1550{ width: 1280px; }
	.nav li{ margin-right: 1px; }
	.nav{ padding:0 30px; }
	.search,.language,.personal{ width: 80px; }
	.personal{ display: none; }
	.banner{ height: 300px; background-size: cover!important; }
}

@media only screen and (max-width: 1440px) {
	.itemblock{ font-size: 16px; }
	.news_more{ display: none; }
	.about_title{ font-size: 18px; }
	.about_more{ font-size: 14px; width: 120px; height: 36px; line-height: 36px; }
	.introBox .intro{ margin-top: 1.5em; }
	.pro_title{ font-size: 16px; padding-top: 3.6em;}
	.fir.carousel-fade,.fir .carousel-fade-pic li{ height:450px; }
}
@media only screen and (max-width: 1366px) {
	.itemblock,.introBox .intro{ font-size: 14px; }
	.pro_area_con .about_more{ font-size: 12px; }
	.sec h3{padding: 0 6em 0 15px;}
	.other_pic img, .sec.carousel-slide li img,.jion_area img{ width: 100%; }
	.pro_area_pic h3{ bottom: 1em; }
	.about_intro{ height: 86px; }
}

@media only screen and (max-width: 1280px) {
	.wrap,.w1550{ width: 1000px; padding: 0 10px; box-sizing:border-box;}
	.dw{ position: static!important; height: 60px;}
	.logo img{ height: 45px; }
	.header_bar,.nav,.nav li,.nav li a{ height: 60px; }
	.nav li a{ line-height: 64px; font-size: 14px; }
	.search,.nav{ display: none; }
	.logo{ margin-top: 7px; }
	.banner{ height: 200px; margin-bottom: 0!important;}
	.bot_menus{ width: 92px; margin-top: 30px; min-height: 142px;}
	.phones{ margin-top: 30px;margin-left: 0;}
	.news_list li{ max-width: 312px; }
	.news_pic img{ height: 166px; }
	.m{ display: block; }
	.language{float: right; width: 65px; padding-left: 10px; line-height: 60px; z-index: 9999;}
	.yuyan{ width: 65px;}
}
@media only screen and (max-width: 1000px) {
	.wrap,.w1550{ width: 768px; }
	.menus li{ padding: 0 15px; }
	.mbar{ margin-bottom: 15px; }
	.pad45{ padding: 20px 0; }
	.container{ margin-bottom: 20px; }
	.news_list li{ margin: 0 0 10px 10px; max-width: 369px;}
	.news_list{ margin-left: -10px; margin-bottom: 30px;}
	.article_box{ padding: 30px 0; }
	.article{ padding: 20px 0; }
	.msg-box{ padding: 0; }
	.fir.carousel-fade,.fir .carousel-fade-pic li{ height:350px; }
	.about_area{ width: 100%; float: none; }
	.pro_area{ width: 100%; float: none; }
	.pro_area_pic img{ width: 320px; }
	.pro_area_con, .pro_area_pic{ text-align: center; }
	.xingying{ overflow: hidden; width: 100%; }
	.sec.carousel-slide,.news_area{ width: 50%; }
	.jion_area{ width: 33.3%; }
	.other_pic{ width: 66.6%; }
	.bot_menus{ width: 106px; }
	.bot_menus{ width:16%; }


.bot_menus:nth-child(4),
.bot_menus:nth-child(5){ display: none;}
.introBox .intro{ text-align: left;}
	/*.pro_area_con,.pro_area_pic{ height: 227px;}*/
}
@media only screen and (max-width: 768px) {
	.wrap,.w1550{ width: 100%; }
	.menus li{ font-size: 14px; padding: 0 5px; }
	.banner{ height: 110px; }
	.bot_menus,.phones{ margin-top: 5px; }
	.bot_menus dt{ width: 100%; margin-bottom: 5px; font-size: 14px;}
	.bot_menus dd{  float: left; margin-right: 10px; font-size: 12px;}
	.bot_menus{ width: 25%; overflow: hidden;}
	.er{margin-top: 10px; }
	.copy{ padding: 10px 5px; }
	.news_list li{ margin: 0 0 10px 0; max-width: 100%; width: 100%;}
	.news_list{ margin: 0 0 20px 0 ; }
	.container2 { background: #fff; }
	.news_pic{ margin: auto;}
	.news_pic img{ width: 100%; height: auto; }
	.time,.news_list li h3,.news_list li .intro{ padding-left: 0; margin-left: 0;}
	.time{ padding-top: 15px; }
	.box{ padding-bottom: 30px; }
	.news_list{ margin-bottom: 0;}
	.article_box{ padding: 20px 0; }
	.title{ font-size: 16px; margin-bottom: 10px; }
	.product_pic img{ width: auto; height: auto; }
	.product_pic{ float: none; text-align: center;}
	.pro_detail{ padding: 10px 0 0 0; }
	.product_list li{ height: auto; margin:  0; padding: 10px 0;}
	.jn2,.jn4{ display: none; }
	.join-cloumn span, .join-bar span{ width: 33.3%; font-size: 14px; }
	.join-cloumn{ height: 40px; line-height: 40px; }
	.cha{ height: 30px; line-height: 30px; width: 80px; }
	.join-content{ padding-left: 0; padding-right: 0; }
	.te1 .clearfix{ padding: 0!important; width: 100%!important; float: none!important; margin-bottom: 15px!important; }
	.msg-title{ float: none; display: block; text-align: left; margin-bottom: 5px; }
	.msg-text .text, .msgcon,.msg-text .msgcon{ width: 90%; }
	.msg-text{ float: none; width: 100%; }
	.msg-text .vd-text{ width: 120px; }
	.msg-item{ margin-bottom: 10px; }
	.fir.carousel-fade, .fir .carousel-fade-pic li{ height: 180px; }
	.about_area_pic,.about_area_con{ width: 100%; float: none; }
	.about_area_pic img{ height: auto; }
	.sec.carousel-slide, .news_area{ width: 100%; }
	.news_area_list li:last-child{ padding-bottom: 0.9em; }
	.jion_area,.other_pic{ float: none; width: 100%; }
	.about_area_txt{ padding-top: 1em; }
	.article img{ float: none!important; display: block; }
	.news_area_list{ padding-top: 3px; }
	.rbox{ width: 100%; margin: 15px 0; }
	.bj{ padding:  30px 10px;}
	.lbg,.bg{ height: auto;  }
	.text_div{ width: 90%; }
	.yincang{ display: block; }
	.cangba{ display: none; }
	.jion_area{padding-top: 1.5rem;}
	.pro_area_pic{ height: 16.2em;}
}
@media only screen and (max-width:414px) {
	.text_div .text{ width: 280px; }
	.text_div{ width: 80%; }
	.bot_menus{ width: 100%; min-height: 0;}
	.phones{ width: 100%;}
	.phones p{float: left; width: 48%; font-size: 12px;}
	.er{ float: left;width: 100%; text-align: center; }
	.fir.carousel-fade, .fir .carousel-fade-pic li{ height: 112px; }
}