/***********************************
 *** 全局初始化
 **********************************/
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.trans{ transition: all .3s ease-in;}
a, a:link, a:visited, a:hover, a:active { color:#666; text-decoration: none; }
html { width:100%; min-height:100%; }
body {  width:100%; min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.24rem/1.5 "PingFang SC","Microsoft Yahei", Arial; color:#666; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
body:before,body:after { content:""; width:100%; display:block; }
img { border:0px; width: 100%}
em,b{ font-style:normal;}
h1, h2, h3, h4, h5, h6, h7 { font-weight: normal; font-size: .24rem;  }
ul, ol { list-style-type:none; }
input,button,select,textarea { outline:none; font-family:"PingFang SC","Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; } 
.hidden { display:none; }
.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
/*公用样式*/
.layout { position:fixed; width:100%; height:100%; left:0; top:0; z-wrapper:101; background:#000; opacity:1; } 
.green{ color:#28883a;}
.fl{ float: left;}
.fr{float:right;}
.icon,.iconbef:before,.iconbef:after{ background:url(../images/ico.png) no-repeat; display:inline-block;   vertical-align:middle;    background-size: 5.55rem 3.33rem; }
.iconbef:before,.iconbef:after{ content: "\20"; display:block; }
/* header */
.header {width:100%;height:1rem; background: url(../images/logo_bg.png) repeat center; border-bottom: 3px solid #ff952b;}
.header_c{ max-width:640px; min-width:320px; height:1rem; text-align: center; margin:0px auto; position:relative; }
.header .navicon { position: absolute; right:0.4rem;top:0.3rem;background-position:0px 0px;}
.header .navicon span{ display:inline-block;width:.4rem; height: .34rem;}
/*.header .chEn a:hover{ color: #28883a;}*/
.header .logo{ width:auto; height:1rem; padding: 0 0.4rem;}
.header .logo img{ width: auto;height:0.56rem; display: block; float: left; margin-top: 0.2rem;}
/*head_nav*/
.head_nav{ height: 1.11rem; width: 100%; background: #428c42; border-top:1px solid #e5e5e3; overflow: hidden;}
.head_nav .home{ width:12%; height: 1.11rem; float: left; text-align: center;}
.head_nav .home i{ display:block; width:0.29rem; height:0.26rem; overflow: hidden; background-position:-0.44rem -0.02rem; margin: 0px auto; margin-top: 0.25rem;}
.head_nav .home a{ color: #fff; font-size: 0.22rem;}
.head_nav ul{ float:left; width:88%;}
.head_nav ul li{ float: left; width:20%;height:0.555rem; line-height: 0.555rem; text-align: center;}
.head_nav ul li a{ color: #fff; font-size: 0.22rem;}
/* banner */
.banner { width: 100%; height:4rem; position:relative; overflow:hidden; }
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%; }
.banner .tip { width:100%; height: .1rem; text-align: center; position:absolute; left:0px; bottom:.4rem; }
.banner .tip span { width:.12rem; height: .12rem; vertical-align: middle; margin:0 .05rem;display: inline-block; background: #fff; border-radius: 50%;}
.banner .tip span.cur{ border:1px solid #e39633; background: no-repeat;}

/*search*/
#search{ height:1rem;  background: #f5f5f5; padding: 0 0.2rem;}
#search input{ display: inline-block; height: 0.6rem; float: left; margin-top: 0.2rem;}
#search input.text{ width:5rem; border: none; background: #fff; border-bottom-left-radius:50px;border-top-left-radius:50px; text-indent: 0.3rem;}
#search input.btn{ width: 1rem; border: none; background-position:-0.48rem 0rem ;}

.wap_index{ background: #fff;}
/*floor_1*/
.wap_index #floor_1{padding: 0.2rem; }
.wap_index #floor_1 ul{ overflow: hidden;}
.wap_index #floor_1 ul li{ float: left; width:2rem; height: 4rem; overflow: hidden; position: relative;}
.wap_index #floor_1 ul li a{ display: block; width: 2rem; height: 4rem;}
.wap_index #floor_1 ul li h2{ text-align: center; color: #fff; margin-top: 1.35rem}
.wap_index #floor_1 ul li img {display: block;width: 2rem; height: 2rem;}
.wap_index #floor_1 ul li .part_top{position: absolute;}
.wap_index #floor_1 ul li .part_bottom{position: absolute;}
.wap_index #floor_1 ul li:nth-child(1) .part_top{ width: 100%; height: 2.18rem; background:url(../images/floor_1_li1.png) no-repeat bottom; top: 0; left: 0; background-size:100% 100% ; z-index: 99;}
.wap_index #floor_1 ul li:nth-child(1) .part_bottom{ width: 100%; height:2rem; top:2rem; left: 0px; z-index: 88;}
.wap_index #floor_1 ul li:nth-child(2) .part_top{width: 100%; height:2rem; top:0; left: 0px; z-index:99;}
.wap_index #floor_1 ul li:nth-child(2) .part_bottom{ width: 100%; height: 2.18rem; background:url(../images/floor_1_li2.png) no-repeat bottom; bottom: 0; left: 0; background-size:100% 100% ; z-index: 99;}
.wap_index #floor_1 ul li:nth-child(3) .part_top{ width: 100%; height: 2.18rem; background:url(../images/floor_1_li3.png) no-repeat bottom; top: 0; left: 0; background-size:100% 100% ; z-index: 99;}
.wap_index #floor_1 ul li:nth-child(3) .part_bottom{ width: 100%; height:2rem; top:2rem; left: 0px; z-index: 88;}
/*floor_2*/
.wap_index #floor_2 {overflow:hidden; text-align: center; padding: 0.3rem 0.2rem;}
.wap_index #floor_2 .title h2{font-size: 0.34rem; font-weight: bold; color: #f68b20; background: url(../images/title_h2.png) no-repeat center;}
.wap_index #floor_2 .title p{ color: #999999; font-size: 0.2rem; font-family: Arial;}
.wap_index #floor_2 .floor_2_nav{  overflow: hidden; margin-top: 0.15rem;}
.wap_index #floor_2 .floor_2_nav ul { width: 105%;}
.wap_index #floor_2 .floor_2_nav ul li { float: left; width:2.93rem; height: 0.63rem; line-height: 0.63rem; text-align: center; border:1px solid #f2942d; margin-right: 0.08rem; margin-bottom: 0.08rem;}
.wap_index #floor_2 .floor_2_nav ul li a{ color: #333; font-size: 0.26rem;}
.wap_index #floor_2 .body{ overflow: hidden; margin-top: 0.15rem;}
.wap_index #floor_2 .body ul { width: 105%;}
.wap_index #floor_2 .body ul li{ float: left; width: 2.95rem; overflow: hidden; margin-right: 0.08rem;}
.wap_index #floor_2 .body ul li img{width: 2.95rem; height: 2.21rem;  display: block;}
.wap_index #floor_2 .body ul li h2{ color: #333; font-size: 0.26rem; line-height:3em;}
.wap_index #floor_2 .go{ display: block; width:99%; height:0.63rem; line-height:.63rem; text-align: center; color: #666; border: 1px solid #cccccc;}
/*floor_3*/
.wap_index #floor_3{ background:url(../images/floor_3.png) no-repeat center; height: 1.81rem; background-size:100% 100%;}
.wap_index #floor_3 a{ display: block; padding-top:1.03rem; color: #f08e2c; font-size: 0.3rem; font-family: Arial; margin-left: 0.75rem;}
/*floor_4*/
.wap_index #floor_4 {overflow:hidden; text-align: center; padding: 0.4rem 0.2rem;}
.wap_index #floor_4 .title h2{font-size: 0.34rem; font-weight: bold; color: #f68b20; }
.wap_index #floor_4 .title p{ color: #999999; font-size: 0.2rem; font-family: Arial;}
.wap_index #floor_4 .body {overflow: hidden; margin-top: 0.2rem;}
.wap_index #floor_4 .body ul li{ width: 2rem; height: 5.05rem; float: left; }
.wap_index #floor_4 .body ul li h2{ color: #fff;  font-size: 0.26rem; font-weight: bold; margin-top: 1.5rem;}
.wap_index #floor_4 .body ul li p{ color: #fff; width: 1.4rem; margin: 0px auto; font-size: .2rem; text-align: left; margin-top: 0.05rem;}
.wap_index #floor_4 .body ul li:nth-child(1){background: url(../images/floor_5_li1.jpg) no-repeat center; background-size:100% 100% ;}
.wap_index #floor_4 .body ul li:nth-child(2){background: url(../images/floor_5_li2.jpg) no-repeat center;background-size:100% 100% ; }
.wap_index #floor_4 .body ul li:nth-child(3){background: url(../images/floor_5_li3.jpg) no-repeat center; background-size:100% 100% ;}
/*floor_5*/
.wap_index #floor_5 {overflow:hidden; text-align: center; padding: 0.4rem 0; background: #f8f8f8;}
.wap_index #floor_5 .title h2{font-size: 0.34rem; font-weight: bold; color: #f68b20; }
.wap_index #floor_5 .title p{ color: #999999; font-size: 0.2rem; font-family: Arial;}
.wap_index #floor_5 .body{ background: url(../images/floor_6_body.jpg) no-repeat center; height: 2.57rem; margin: 0.2rem 0; background-size: 5.6rem 2.57rem;}
.wap_index #floor_5 .body ul li{ float: left; width: 50%;height: 0.92rem;  line-height: 0.92rem; margin-top: 0.26rem;}
.wap_index #floor_5 .body ul li img{ width: 0.8rem; height: 0.92rem; display: block; float: left; margin-left: 0.5rem;}
.wap_index #floor_5 .body ul li h2{color: #4e4e72; font-size:0.3rem; font-weight: bold;}
/*floor_6*/
.wap_index #floor_6 .img{ height: 1.9rem; background: #4e4e72; position: relative;}
.wap_index #floor_6 .img img{ width: 3.91rem; height: 1.58rem; display: block; position: absolute; right: 0.6rem; bottom: -0.2rem;}
.wap_index #floor_6 .img h2{color: #fff; font-size: 0.3rem; font-weight: bold;  padding-top:0.5rem; margin-left: 0.2rem;}
.wap_index #floor_6 .img p{ color: #85859b; font-size: 0.30rem; font-family: Arial;margin-left: 0.2rem;}
.wap_index #floor_6 .img .line{ width:0.6rem; height: 2px; background: #a7a7b9;margin-left: 0.2rem; margin-top: 0.2rem;}
.wap_index #floor_6 .text{ padding: 0 0.2rem; color: #333; margin-top: 0.45rem;}
.wap_index #floor_6 .text .go{ display: block; width:99%; height:0.63rem; line-height:.63rem; text-align: center; color: #666; border: 1px solid #cccccc; margin: 0.2rem 0;}
/*floor_7*/
.wap_index #floor_7 {overflow:hidden; text-align: center; padding: 0.3rem 0.2rem;}
.wap_index #floor_7 .title h2{font-size: 0.34rem; font-weight: bold; color: #f68b20; background: url(../images/title_h2.png) no-repeat center;}
.wap_index #floor_7 .title p{ color: #999999; font-size: 0.2rem; font-family: Arial;}
.wap_index #floor_7 .body{ overflow: hidden; margin-top: 0.2rem;}
.wap_index #floor_7 .body ul li { border-bottom: 1px solid #dddddd; padding-bottom: 0.2rem;overflow: hidden; margin-bottom: 0.2rem;}
.wap_index #floor_7 .body ul li img{ float: right; margin-left: 0.2rem; width: 1.57rem; height: 1.18rem; border:1px solid #dddddd}
.wap_index #floor_7 .body ul li h2{ color: #333; font-size: 0.28rem; text-align: left;}
.wap_index #floor_7 .body ul li .tool span{ display: block; float: left; margin-right: 0.3rem; color: #999; font-size: 0.2rem; font-family: Arial; line-height:1.2em; margin-top: 0.1rem;}
.wap_index #floor_7 .body ul li .tool span.look i{ display: block; width: 0.28rem; height: 0.2rem; background-position:-1.625rem 0; float: left; margin-right: 0.1rem;}
.wap_index #floor_7 .body ul li .tool span.time i{ display: block; width: 0.2rem; height: 0.2rem; background-position:-1.655rem -0.41rem; float: left;  margin-right: 0.1rem;}
.wap_index #floor_7 .body .go{ display: block; width:99%; height:0.63rem; line-height:.63rem; text-align: center; color: #666; border: 1px solid #cccccc; margin: 0.2rem 0;}
/*footer*/
.footer{ text-align: center; background: #f1f1f1; margin-bottom: 1.2rem; padding: .33rem 0;}
.footer p{ color:#666666; font-size: 0.2rem; line-height:2em;}
.footer p a{color:#666666; font-size: 0.2rem; }
.footer img{ display:inline-block; margin-top: 0.2rem; width:2.55rem; height: 2.55rem; border: 1px solid #cacaca;}
/* navBar */
.navBar{ width:100%;  height:1.2rem; position:fixed; bottom:0px; left:0px; z-index:100; background:url(../images/logo_bg.png) repeat #fff;border-top:2px solid #ff9b37;}
.navBar ul{  max-width:640px; min-width:320px; width:100%; height:8rem;  box-sizing: border-box;  margin:0 auto; }
.navBar li{ float:left; width:25%; height:1.2rem; }
.navBar li a{ width: 100%; height:1.2rem; box-sizing: border-box; display:block; text-align:center; color:#666666; }
.navBar li a:before{  display:block; margin:0 auto; margin-top: 0.17rem;}
.navBar li:nth-child(1) a:before{width:.31rem; height:.33rem;  background-position:-0.05rem -0.74rem;margin-bottom: 0.05rem;}
.navBar li:nth-child(2) a:before{width:.33rem; height:.30rem;  background-position:-.53rem -0.76rem; margin-bottom: 0.09rem;}
.navBar li:nth-child(3) a:before{width:.32rem; height:.32rem; background-position:-1.06rem -0.76rem;margin-bottom: 0.09rem;}
.navBar li:nth-child(4) a:before{width:.28rem; height:.34rem; background-position:-1.575rem -0.75rem;margin-bottom: 0.07rem;}
/*subNav*/
.subNav{ position: fixed; width:100%; height:100%; right:0; display: none; top:0; z-index: 111; background: #000; }
.subNav .nav li{ height: .8rem; line-height: .8rem; }
.subNav .nav li a{ height: .8rem; }
.subNavCon{  max-width:640px; min-width:320px; padding: 0 4%; box-sizing: border-box; margin:0px auto;}
.subNav .subTop{ width: 100%; height: .74rem; line-height: .74rem; margin-bottom: .4rem; position: relative; text-align: center; }
.subNav .subTop a{ display: block;}
.subNav .subTop img{ display: block; width: auto; height: .74rem; margin: 0 auto; }
.subNav .subTop .close{ width: .74rem; height: .74rem; position: absolute; left: 0; top: 0; z-index: 10; }
.subNav .subTop .close span{ width: .3rem; height: 1px; position: absolute; left: 0; top:.4rem; display: block; background: #fff; }
.subNav .subTop .close span:nth-child(1){ transform: rotate(45deg);}
.subNav .subTop .close span:nth-child(2){ transform: rotate(-45deg); }
.subNav .subsearch{ width: 100%; height: .8rem; line-height: .8rem; margin-top: .06rem; color: #fff; border-bottom: 1px  solid #fff; }
.subNav .subsearch:before{ width: .3rem; height: .3rem; margin: .28rem .1rem 0 0; float: left; background-position: 0 0; }
.subNav .subsearch input{ width: 5rem; height: .5rem; line-height: .5rem; color: #fff; border: 0; background: none; font-size: .2rem; }
/*******************
 category
 ********************/
.contentPage{ width: 100%; background: #f7f7f7; min-height: 5rem; }
.scrollmore{ width: 100%; text-align: center; color: #999; padding: .3rem 0;}
/*reLink*/
.reLink { width: 100%; margin: .2rem 0 .35rem; padding: .1rem 2%; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.reLink .nextLink,.reLink .prevLink{ line-height: .34rem;  color: #999999; overflow: hidden;  }
.reLink a { font-size: .2rem; color: #999999;}
/***************aboutPage***********/
.aboutPage{ color: #474747; background: none; text-align: center; padding-bottom: .8rem; }
.aboutPage .img,.aboutPage img{ display: block; margin: 0 auto; max-width: 100%; }
.aboutPage .title{ width: 100%; font-size: .3rem; text-transform: uppercase; color: #474747; margin-bottom: .1rem; }
.aboutPage .more{ text-transform: uppercase; }
.aboutPage .txt{ font-size: .2rem; line-height: .26rem; padding: 0 4%; margin-bottom: .1rem;}
.aboutPage .floor1{ background: #f3f3f3 url(../images/aboutimg1.jpg) no-repeat center bottom; background-size: 100% auto; padding: .74rem 4% 2.6rem; }
.aboutPage .floor1 .more{ font-size: .18rem; color:#aaa; }
.aboutPage .floor1 .img{ margin-top: .3rem;}
.aboutPage .floor2{ padding: .6rem 0 .25rem; }
.aboutPage .floor2 .title{ margin-bottom: .08rem;}
.aboutPage .floor2 .txt{ font-size: .18rem; margin-bottom: .32rem;}
.aboutPage .floor2 .more{ color:#30c465; margin-left: .1rem; }
.aboutPage .floor2 .img{ width: 5rem; margin-top: .3rem; }
.aboutPage .floor3{ padding: .25rem 0 .4rem; }
.aboutPage .floor3 .title{ margin-bottom: .25rem;}
.aboutPage .floor3 .img{ width: 5rem; margin-top: .3rem; }
.aboutPage .floor4{ padding-top: .56rem; margin-top: .4rem; border-top: 1px solid #ededed; }
.aboutPage .floor4 .img{ margin: .54rem auto .08rem;}
.aboutPage .floor4 .imgb{ width: 100%; margin-bottom: .3rem; margin-top: 0;}
.aboutPage .floor4 .txt{ font-size: .2rem; margin-bottom: .04rem; }
.aboutPage .floor4 .more{ font-size: .2rem; color: #30c465; text-transform: none; }
/*contactPage*/
.contactPage .title{ text-align: center; padding: .27rem 0; border-bottom: 1px solid #eaeaea; }
.contactPage .title h2{ font-size: .3rem; color: #333333; text-transform: uppercase; margin-bottom: .04rem; }
.contactPage .title p{ font-size: .2rem; color: #999999; }
.contactPage .con{ width: 91%; padding: .5rem 3% .25rem; margin: 0 2%; }
.contactPage .usa{ border-bottom: 1px solid #eaeaea;  }
.contactPage .china{ padding-bottom: .6rem;  }
.contactPage .con img{ width: 1.25rem; height: .83rem; margin: 0 auto .02rem; display: block; animation: imgscale 2s ease; -webkit-animation: imgscale 2s ease; }

@-webkit-keyframes imgscale{
	from{
		opacity: 0;
		-webkit-transform: scale(1.2);
	}
	to{
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@keyframes imgscale{
	from{
		opacity: 0;
		transform: scale(1.2);
	}
	to{
		opacity: 1;
		transform: scale(1);
	}
}
.contactPage .con h4{ text-align: center; color: #06852d; margin-bottom: .2rem;}
.contactPage .con .txt{ line-height: .3rem; font-size: .22rem; color: #666;}
.contactPage .mapArea img{ width: 100%; display: block;}
/*shownews*/
.shownews{ padding: .4rem 0 .4rem; }
.shownews .title{ padding-bottom: .1rem; border-bottom: 1px solid #d8d8d8; }
.shownews .title h1{ text-align: center; font-size: .3rem; color: #666;  }
.shownews .title aside{ font-size: .18rem; padding: 0 4%; color: #666666; }
.shownews .title aside s{ width: .14rem; height: .14rem; margin-right: .1rem; background-position: -1.81rem 0; }
.shownews .txtcon{ padding: .3rem 4%; color: #666666; line-height: .32rem; }
/*share*/
.share{ width: 92%; overflow: hidden; padding: .1rem 4%; border-top: 1px solid #d8d8d8; }
.share p{ font-size: .2rem; margin-bottom: .06rem; color: #666666;  }
.share ul.share-buttons{ width: 100%; list-style: none; padding: 0;}
.share ul.share-buttons li{ width: 23%; height: .34rem; line-height: .34rem; text-align: center; margin-left: 2%; float: left; }
.share ul.share-buttons li a{ display: block; width: 100%;}
.share ul.share-buttons li:nth-child(1){ margin-left: 0; background-color: #615f5d;}
.share ul.share-buttons li:nth-child(2){ background-color: #3c5a98;}
.share ul.share-buttons li:nth-child(3){ background-color: #47c7fa;}
.share ul.share-buttons li:nth-child(4){ background-color: #0077b5;}
.share ul.share-buttons li img{ width: .34rem; height: .34rem; margin: 0 auto;}
/*news*/
.newsList{ padding-bottom: .6rem;}
.newsList li{ padding: .25rem 3%; border-bottom: 1px solid #e1e1e1; }
/*.newsList li:hover{ background: #eee;}*/
.newsList li a{ width: 100%; display: block;}
.newsList li img{ width: 1.6rem; height: 1.2rem; display: block; }
.newsList li h3{ height: .9rem; overflow: hidden; font-size: .28rem; color: #666; line-height: .3rem; }
.newsList li .time{ color: #666666; font-size: .22rem; }
/*showproduct*/
.showproduct{ padding-bottom: .7rem;}
.showproduct .imgArea{ width: 100%; height: 3rem; margin-bottom: .8rem; position: relative; background: #f5f5f5; }
.showproduct .imgArea .img{ width: 4rem; height: 3rem; position: absolute; right: 0; bottom: 0; }
.showproduct .imgArea img{ width: 4rem; height: 3rem; display: block; }
.showproduct .imgArea .title{ padding: .3rem 0 0 .2rem; line-height: .32rem; position: absolute; z-index: 10; }
.showproduct .imgArea .title h1{ font-size: .3rem; text-transform: uppercase; color: #333333;  }
.showproduct .imgArea .title h2{ color: #474747; }
.showproduct .contxt{ padding:0 4% 0; margin-bottom: .28rem; font-size: .22rem; border-bottom: 1px solid #e9e9e9; line-height: .3rem;  }
.showproduct .contxt img{ max-width: 100%;}
.showproduct .contxt .tit1{ font-size: .3rem; margin-bottom: .12rem; text-transform: uppercase; color: #333333;  }
.showproduct .contxt .tit2{ font-size: .22rem; padding-left: 1.4rem; text-transform: uppercase; color: #30c465;  }
.showproduct .contxt .txt{ padding-left: 1.4rem;}
.showproduct .imglist{ padding:0 0 0 2%; }
.showproduct .imglist li{ width: 47%; margin:0 2% 2% 0; float: left; border: 1px solid #e3e3e3; box-sizing: border-box; }
/*.showproduct .imglist li:hover{ border-color: #28883a;}*/
.showproduct .imglist .img{ width: 100%; overflow: hidden; display: block; padding-top: 75%; position: relative; }
.showproduct .imglist .img img{ width: 100%; min-height: 100%; height:100%; display: block; position: absolute; left: 0 ;top: 0;}
/*productList*/
.productList{ padding-bottom: .7rem;}
.productList .item{ width: 100%; height: 5rem; line-height: .38rem; padding-top: .35rem; box-sizing: border-box; text-align: center; }
.productList .item:nth-child(3n+1){ background: #f3f5f7;}
.productList .item:nth-child(3n+2){ background: #ffffff;}
.productList .item:nth-child(3n+3){ background: #fcfcfc;}
.productList .item h3{ font-size: .34rem; color:#474747; text-transform: uppercase; }
.productList .item h4{ color:#474747;}
.productList .item .more{ color:#0088cc; font-size: .22rem; text-transform: uppercase;}
/*.productList .item .more:hover{ color:#28883a;}*/
.productList .item .img{ width: 4.5rem; height: 3.38rem; display: block; margin: 0 auto; }
.productList .item img{ width: 4.5rem; height: 3.38rem; display: block; }
/*solutionPage*/
.solutionPage{ text-align: center; padding-bottom: .6rem; }
.solutionPage .soluArea{ padding-bottom: .8rem;}
.solutionPage .imgtitle{ width: 100%; height: 4.5rem; text-align: left; color:#fff; background: url(../images/solutiontit1.jpg) no-repeat center top; background-size: 100% auto; position: relative; }
.solutionPage .imgtitle .con{ width: 100%; height: 1.3rem; line-height: .32rem; padding: .2rem 0 .3rem .2rem; box-sizing: border-box; position: absolute; top: 2.62rem; left: 0; background: rgba(22,124,56,.8);}
.solutionPage .imgtitle .con h2{ font-size: .3rem; text-transform: uppercase; }
.solutionPage .imgtitle .con h3{ font-size: .2rem; padding-bottom: .1rem; border-bottom: 1px solid #fff; }
.solutionPage .title{ font-size: .26rem; text-transform: uppercase; padding: .52rem .2rem .16rem;  color: #474747; }
.solutionPage .txt{ font-size: .22rem; padding: 0 .2rem .1rem;  color: #474747; }
.solutionPage .img{ max-width: 100%; margin: 0 auto; display: block;}
.solutionPage .more{ width: 2.7rem; height: .4rem; line-height: .4rem; display: block; margin:  .1rem auto 0; text-align: center; color:#474747; font-size: .2rem; border: 1px solid #bfbfbf; }
/*.solutionPage .more:hover,.solutionPage .more:active{ color: #28883a; border-color: #28883a; }*/
.solutionPage .floor2 .imgtitle{ background-image: url(../images/solutiontit2.jpg); }
.solutionPage .floor2 .imgtitle .con{ background: rgba(45,96,173,.8); }
.solutionPage .floor3 .imgtitle{ background-image: url(../images/solutiontit3.jpg); }
.solutionPage .floor3 .imgtitle .con{ background: rgba(181,133,79,.8); }
.solutionPage .floor4 .imgtitle{ background-image: url(../images/solutiontit4.jpg); }
.solutionPage .floor4 .imgtitle .con{ background: rgba(126,47,32,.8); }
.solutionPage .floor5 .imgtitle{ background-image: url(../images/solutiontit5.jpg); }
.solutionPage .floor5 .imgtitle .con{ background: rgba(50,165,169,.8); }
/*servicePage*/
.servicePage{ padding-bottom: .5rem; }
.servicePage .imsgCon label{ font-size: .18rem;}
.servicePage .imgtitle{ width: 100%; height: 2.52rem; text-align: center; color:#fff; background: url(../images/servicetit.jpg) no-repeat center top; background-size: 100% auto; position: relative; }
.servicePage .imgtitle .con{ width: 100%; height: 1.3rem; line-height: .32rem; padding: .16rem 0 .16rem 0; box-sizing: border-box; position: absolute; top: .7rem; left: 0; background: rgba(53,163,107,.8);}
.servicePage .imgtitle .con h2{  padding-bottom: .15rem; margin-bottom: .1rem; text-transform: uppercase; border-bottom: 1px solid #fff; }
.servicePage .imgtitle .con h3{ font-size: .2rem; }
.servicePage .floor1{ padding: .24rem 4% .5rem; border-bottom: 1px solid #efefef;}
.servicePage .floor1 .title{ text-align: center; margin-bottom: .2rem; color: #474747; font-size: .3rem; }
.servicePage .floor1 .txt{ font-size: .2rem; text-align: center; color: #666666; line-height: .3rem; }
.servicePage .floor2{ padding: 0 0 .7rem; border-bottom: 1px solid #efefef;}
.servicePage .floor2 .title{ text-align: center; padding: .42rem 0; font-size: .3rem; line-height: .32rem; color: #28883a;}
.servicePage .floor2 img{ width: 100%; display: block;}
/*********动画********/
.delay100 { -webkit-animation-delay:100ms; animation-delay:100ms; }
.delay200 { -webkit-animation-delay:200ms; animation-delay:200ms; }
.delay300 { -webkit-animation-delay:300ms; animation-delay:300ms; }
.delay400 { -webkit-animation-delay:400ms; animation-delay:400ms; }
.delay500 { -webkit-animation-delay:500ms; animation-delay:500ms; }
.delay600 { -webkit-animation-delay:600ms; animation-delay:600ms; }
.delay700 { -webkit-animation-delay:700ms; animation-delay:700ms; }
.delay800 { -webkit-animation-delay:800ms; animation-delay:800ms; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode:both; opacity: 0; }
.fadeInDown { -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}

@-webkit-keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(30px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}
@keyframes fadeInDown{
	0%{
		opacity:0;
		-moz-transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100%{
		opacity:1;
		-moz-transform:translateY(0);
		-webkit-transform:translateY(0);
		-o-transform:translateY(0);
	}
}

/*字体*/ 
@media only screen and (min-width:641px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:640px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:540px) {
    html {
        font-size:84.375px;
    }
}
@media only screen and (max-width:480px) {
    html {
        font-size:75px;
    }
}
@media only screen and (max-width:414px) {
    html {
        font-size:64.6875px;
    }
}
@media only screen and (max-width: 400px) {
    html {
        font-size:62.5px;
    }
}
@media only screen and (max-width: 375px) {
    html {
        font-size:58.5938px;
    }
}
@media only screen and (max-width: 360px) {
    html {
        font-size:56.25px;
    }
}
@media only screen and (max-width: 320px) {
    html {
        font-size:50px;
    }
}