html{-webkit-text-size-adjust:none;max-height:100%}
body{font-family: ËÎÌå;font-size: .16rem;position:relative;width:100%;height:100%; color:#333}
body,p,ul,li,img,h3,h1,h2,h4,dl,dd,dt{margin:0; padding:0;}
ul,li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#333}
fieldset,img {border:0;}
img{display:block;max-width: 100%}
.clearfix:after{content: ""; display: block;clear: both;}
.clearfix{zoom:1; clear:both}
@font-face {
    font-family: 'Conv_HelveticaNeue-ThinExt';
    src: url('../fonts/HelveticaNeue-ThinExt.eot');
    src:url('../fonts/HelveticaNeue-ThinExt.woff') format('woff'), url('../fonts/HelveticaNeue-ThinExt.ttf') format('truetype'), url('../fonts/HelveticaNeue-ThinExt.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaBd';
    src: url('../fonts/HelveticaBd.eot');
    src:url('../fonts/HelveticaBd.woff') format('woff'), url('../fonts/HelveticaBd.ttf') format('truetype'), url('../fonts/HelveticaBd.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lt';
    src: url('../fonts/lt.eot');
    src:url('../fonts/lt.woff') format('woff'), url('../fonts/lt.ttf') format('truetype'), url('../fonts/lt.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}
.content{min-height:8rem;overflow:hidden;font-size:.2rem;padding-bottom: 15%;background-color: transparent; padding-top:.8rem}
.header{position:fixed;background:#fff;width:100%; z-index: 400; clear:both}
.head{ height:.8rem;top:0;right:0;line-height:.8rem;z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;  border-bottom: 1px solid #e6e6e6; overflow:hidden}
.logo {
    display: inline-block;
    width: 70%;
    height: auto;
    margin: .12rem 0 0 .28rem;
    float: left;
}
.logo img{ margin: 0 auto}
.head p{ float:left; width:3.2rem; font-size:.21rem; color:#040000; text-align:center; margin-left:.33rem; padding-top:.03rem}
.nav-btn{width:7%;right:.33rem;top:.22rem;position:absolute;text-align:center;overflow:hidden; }
.nav-btn img{ width:100%}
.header.on {height:100%;overflow-y: auto;}
.menu_click{width: 25px;height: 22px; position: relative; cursor: pointer;float: right; margin:14px 12px 0 0}
.menu_click li{position: absolute;margin-top: 2px; height: 2px;width: 25px; background: #000; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.menu_click li.li_1{top:0;left: 0;}
.menu_click li.li_2{top:10px;left: 0;}
.menu_click li.li_3{bottom:0;left: 0;}
.menu_click.on li.li_1{top: 9px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.menu_click.on li.li_2{display: none;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
.menu_click.on li.li_3{bottom: 9px; -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
.nav{padding: 24px 5.5%;display: none;}
.nav li{border-bottom: 1px solid #e6e6e6;padding: 5px 0;}
.nav li>a{position: relative;font-size:.34rem;line-height: 20px;color: #6f6f6f;display: block;padding: 10px 40px 10px 12px;}
.nav li>a i{position: absolute;right: 14px;top:13px;background: url(../images/nav_03.png) no-repeat center;width: 15px;height: 15px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.nav li.active>a{color: #d43f47;}
.bottom{ background:#303030; color:#d2d2d2; padding:0 6%;font-size:.22rem;}
.bottom a{ color:#d2d2d2}
.contact{ padding-top:.71rem; height:2.48rem}
.contact .tit{font-size:.28rem;margin-bottom:.32rem;}
.contact .tit span { margin-left:.05rem; font-size:.22rem}
.contact p{ line-height:.44rem;}
.copyright{ border-top:1px solid #474747; padding-top:.25rem; line-height:.36rem; padding-bottom:.71rem}
.foot{width:100%;height:0.88rem;bottom:0;left:0;z-index:10;background: #d43f47;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;position: fixed!important;}
.foot a{display:block;float:left;width:50%;color:#fff; text-align:center;font-size:.24rem; line-height:.44rem; padding:.22rem 0; }
.foot a i{ width:.44rem; height:.44rem;background:url(../images/index_05.png) no-repeat;background-size: 100%; display: inline-block; margin-right:.1rem; vertical-align:top}
.foot a:nth-child(2){ background:#737164}
.foot a:nth-child(2) i{ background-position:0 -.45rem}
.hd{ text-align:center; font-size:.32rem; padding-top:.73rem; margin-bottom:.43rem}
.hd p{font-family:HelveticaBd; font-size:.4rem }
.choice{ width:100%; background:url(../images/index_03.jpg) no-repeat;  overflow:hidden;margin:0 auto;text-align:center}
.choice p {float:left;width: 50%; color:#fff; text-align:center;padding:.64rem 0 .62rem; border-right:1px solid #4e4e4e;border-bottom:1px solid #4e4e4e; margin-left:-1px; margin-top:-1px}
.choice i.counter {height:.9rem;display: inline-block;font-size:.83rem; font-family:Impact;  font-style:normal;color:#fff; line-height:.9rem}
.choice em.counter {height:.9rem;display: inline-block;font-size:.83rem; font-family:Impact;  font-style:normal;color:#fff; line-height:.9rem}
.choice p b {font-size:.4rem;margin-left:.08rem;}
.choice p strong {font-size:.4rem;margin-left:.08rem;}
.choice p b.year {font-size:.22rem;}
.choice p strong.year {font-size:.22rem;}
.choice p em {font-size: .22rem;color: #d3d3d3; font-style:normal;font-family: ËÎÌå; display:block; line-height:.24rem}
.box-163css{ width:96%; position:relative; margin:0 2%}
.swipe{ width:100%; float:left;overflow: hidden; visibility: visible; position: relative; height:7.4rem}
.itit{ height:.56rem; width:98%; margin:0 auto .42rem}
.itit li{ width: 33%; float:left;margin-bottom:0.05rem}
.itit li a{ display: block;margin: 0 .06rem;border: 1px solid #FEA380; line-height: .54rem; font-size:.24rem;color: #353535;border-radius:.27rem;height:.54rem;text-align: center;-webkit-transition: .5s;-moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.itit a.active{color:#fff;border:1px solid #d43f47; background:#d43f47}
.news .itit,.service .itit{margin:0 auto .14rem}
.news .itit li,.service .itit li{ width:33.3%; margin-bottom:.16rem}
.news .swipe{height:7.59rem} 
.caseArea{ width:46%; margin:0 2% 4%; float:left}
.caseArea img{ width:100%; height:1.56rem}
.caseArea p{ display: block; padding: .14rem .1rem 0; font-size:.24rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:.44rem;}
.news dl{overflow:hidden;padding:.28rem 0;border-bottom: 1px solid #f2f2f2;background-color: #fff; width:96%; margin:0 auto}
.news dd{float: left;}
.news dt{width:100%;position: relative;float: left;}
 
.news dd{width:100%;font-size:.24rem; color:#000; line-height:.36rem; padding-top:.05rem}
.news dd span {display: -webkit-box; display: box;float:right; margin-top: .14rem; line-height: 1.33; color: #888; display: block; font-size: .2rem; color: #888;}
.box-163css .swipe ul li a:nth-child(4) dl{ border-bottom:0;}
.more{display: block;border-radius:.28rem;margin:0 auto .72rem; width:2.19rem;height: .56rem;line-height:.56rem;border: 1px solid #c3c3c3;color: #333; text-align: center;font-size:.24rem;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.more:hover{color: #fff;border-color: #d43f47;background: #d43f47;}
.major ul li{ padding:5% 4% 5% 4%;}
.major ul li span{width:1.13rem; height:.83rem; padding-top:.3rem; text-align:center; border-radius: 50%; border: 1px solid #d9d9d9;float:left; display:inline-block}
.major ul li i{ width:.63rem; height:.54rem; display:inline-block; background:url(../images/index_06.png) no-repeat; background-size:100%}
.major ul li div{ width:78%; float:right}
.major ul li h4{ font-size:.32rem; font-weight:normal}
.major ul li a p{ font-size:.24rem; line-height:.32rem; padding-top:.1rem; color:#848283}
.major ul li a{ text-decoration:none}
.major ul li:nth-child(1) i{background-position:.05rem 0}
.major ul li:nth-child(2) i{ background-position:.05rem -.53rem}
.major ul li:nth-child(3) i{ background-position:.05rem -1.05rem}
.major ul li:nth-child(4) i{ background-position:0 -1.58rem}
.major ul li:nth-child(5) i{ background-position:.05rem -2.13rem}
@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;}}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}
.box_cl h6 {
	color: #FF4200;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 20px;
}
.box_cl span {
	color: #f7f7f7;
	font-size: 12px;
	line-height: 30px;
}
.box_cl span a{
	color: #FF4200;
	font-size: 12px;
	line-height: 30px;
}