*{
    margin: 0;
    padding: 0;
    border: 0;
}
html{ font-size: 62.5%;}
body{
    font-size: 1.2rem;
    font-family: '宋体';
    font-family: '黑体';
    font-family: '微软雅黑';
    -webkit-text-size-adjust:none;
    background: #fff;
    max-width:640px;
    margin:0 auto;
}
font{ font-weight: normal; font-size: 1.2rem;}
a{text-decoration: none;color:#000}
ul,ol,li{list-style-type:none;}
table {border-collapse: collapse;border-spacing: 0;}
td, th { padding: 0;}
.inner {padding: 0 3%;}
.clear:before,.clear:after{content: '';display: table;}
.clear:after{clear: both;}

@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:1.8rem;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-iconfonticon:before { content: "\e627"; }
.icon-refresh:before { content: "\e90d"; }

.clear{clear:both;}
.L{float:left}
.R{float:right}
.cw{width:90%;margin:0 auto}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

.headerbg{
    position:fixed;
    top:0;
    margin:0 auto;
    width:100%;
    max-width:640px;
    background:#222222;
    height:81px;
    overflow:hidden;
    z-index:99999
}
.header{
    position:relative;
    width:90%;
    max-width:580px;
    margin:0 auto;
    height:100%;
}
.logo{
    display:block;
    width:38%;
    height:100%;
    background:url("../images/logo.png") no-repeat center;
    background-size:100%;
}
.header .R{
    width:117px;
    height:100%;
}
/*.header>span{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#000;
    z-index:2
}*/
.menu{
    position:relative;
    float:right;
    width:56px;
    height:100%;
    background:url("../images/menu.png") no-repeat center;
    background-size:100%;
    z-index:3;
    cursor:pointer;
}
/*.menu:before{
    display:none;
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    background:#755d2e;
    top:0;
    left:-10px;
}
.menu.on:before{display:block}
*/
.phone{
    position:relative;
    display:block;
    width:61px;
    height:100%;
    background:url("../images/phone.png") no-repeat center;
    background-size:100%;
}
.phone i{
    position:absolute;
    width:1px;
    height:26px;
    background:#333333;
    right:3px;
    top:27px;
}


.menuList{
    position:fixed;
    width:100%;
    height:100%;
    right:-100%;
    top:81px;
    z-index:999999;
	background: rgba(237,208,101,0.9);
}

.nav{margin-bottom:90px}
.nav li{
    width:100%;
    height:80px;
    border-bottom:1px solid #fff;
    text-align:center;
    line-height:80px;
    font-size:2.2rem;
}
.nav li a{color:#008A34;display:block;width:100%;height:100%}
.nav li:hover a{color:#fff}
.hotNum{
    text-align:center;
    font-size:4rem;
    font-family:Arial;
    color:#008A34
}
.hotNum a{color:#fff}
.hotNum>span{
    position:relative;
    display:inline-block;
    width:197px;
    height:56px;
    background:url("../images/phone3.png") no-repeat center;
    background-size:100%;
    vertical-align:bottom;
}


.banner{position:relative;width:100%;overflow:hidden;margin-top:80px;}
.banner .bg{ position: absolute; left: 0; top: 0;width: 100%; height: 100%;}
.banner .bg > img{ display: block; width: 100%; height: 100%;}
.yc_video{position: relative; z-index: 8;}
.banner>img{display:block;width:100%;opacity:0}
#myjQuery{margin:0}
#myjQueryContent {width:100%; height: 100%;margin:0}
#myjQueryContent>DIV { position:absolute; width:100%;top:0;left:0;display:block;opacity:0;margin:0}
#myjQueryContent>DIV:first-child{opacity:1}
#myjQueryContent>DIV img{display:block;width:100%}

.section{
    padding-top:9%;
    padding-bottom:10%;
}
.sectionTil{text-align:center}
h3.sectionTil{
    font-size:3rem;
    font-family:Arial;
    color:#977e50;
    font-weight:100;
    text-transform:uppercase;
}
div.sectionTil{
    font-size:2.6rem;
    color:#fff;
}
.habout{
    background:#008A34;
    text-align:center
}
.habout p{
    position:relative;
    width:84%;
    font-size:1.8rem;
    color:#fff;
    margin:3rem auto;
    line-height:2.4rem;
}
.habout p:before{
    position:absolute;
    content:"";
    width:10%;
    height:1px;
    background:#fff;
    left:-13%;
    top:50%;
}
.habout p:after{
    position:absolute;
    content:"";
    width:10%;
    height:1px;
    background:#fff;
    right:-13%;
    top:50%;
}
.innerlink li{
    position:relative;
    float:left;
    width:25%;
    padding-bottom:23%;
    margin-left:12%;
    box-sizing:border-box;
    background-position:center;
    background-size:100%;
}
.innerlink li a{
    position:absolute;
    width:100%;
    padding-top:50%;
    left:0;
    top:0;
    font-size:1.4rem;
    color:#EDD065
}
.innerlink li:hover a{color:#fff}
.innerlink li:first-child{margin-left:0}
.innerlink li.a{background-image:url("../images/a1.png")}
.innerlink li.a:hover{background-image:url("../images/a2.png")}
.innerlink li.c{background-image:url("../images/a3.png")}
.innerlink li.c:hover{background-image:url("../images/a4.png")}
.innerlink li.h{background-image:url("../images/a5.png")}
.innerlink li.h:hover{background-image:url("../images/a6.png")}


.hpdc .sectionTil{text-align:center}
.hpdc div.sectionTil{color:#000}
/*.namelist{margin-top:3rem}
.namelist li{
    position:relative;
    width:100%;
    padding-bottom:33%;
    background:#008A34;
}
.namelist li a>div{
    position:absolute;
    width: 50%;
    height:100%;
    text-align:center;
    top:0;
}
.namelist li img{display:block;width:100%;height:100%}
.namelist li .L{left:0}
.namelist li .R{right:0}
.name{padding:14% 0;color:#fff;}
.name>div{
    font-size:6rem;
    font-family:Arial;
}
.name>p{
    position:relative;
    font-size:2rem;
}
.name>p i{
    position:absolute;
    display:block;
    width:17%;
    height:1px;
    background:#fff;
    left:50%;
    margin-left:-8%;
    bottom:-1rem;
    transition:.3s;
    -webkit-transition:.3s;
}
.namelist li:hover .name{
    color:#755d2e
}
.namelist li:hover .name p i{background:#755d2e;width:24%;margin-left:-12%}
*/
.products-nav{
    position:relative;
    height:5rem;
    background:#008A34;
    margin-bottom:1rem;
    overflow:hidden;
    margin-top:3.5rem;
    box-sizing:border-box;
    border:1px solid #EEEEEE
}
.products-nav a{
    position:relative;
    display:block;
    float:left;
    width:50%;
    height:5rem;
    text-align:center;
    line-height:5rem;
    font-size:1.8rem;
    color:#EDD065
}
.products-nav a:before{
    content:"";
    position:absolute;
    display:block;
    width:1px;
    height:100%;
    background:#EEEEEE;
    left:-1px;
    top:0
}
.products-list{position:relative;overflow:hidden}
.products-list ul{width:102%}
.products-list li{
    position:relative;
    float:left;
    width:48%;
    padding-bottom:48%;
    margin-right:2%;
    overflow:hidden;
}
.products-list li a{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.products-list li div{
    position:relative;
    width:100%;
    padding-bottom:80%;
    overflow:hidden;
    margin-bottom:1rem;
}
.products-list li div img{
    position:absolute;
    display:block;
    width:100%;
    top:0;
    left:0;
}
.products-list li p{font-size:1.8rem;color:#330a0f}


.hnew div.sectionTil{color:#000}
.hnew{background:#f0f0f0}
.newList{background:#fff;padding:0 4%;padding-bottom:2.6rem}
.fn{margin-top:3rem;padding-bottom:0;padding-top:2.6rem}
.newList li{
    margin-top:2.6rem;
    border-top:1px solid #dedede
}
.newList li:first-child{margin-top:0;border-top:none}
.newList li h3{
    font-size:2rem;
    margin-bottom:2rem;
}
.newList li p{font-size: 1.8rem;color:#707070}
.newList li:hover h3{color:#008A34}
.review{background:url(../images/nShow_icon.png) no-repeat left top;padding:15px 15px 10px 15px;border:1px dotted #adadad;border-right:none;border-bottom:none;border-left:none;text-indent:2em;font-size:14px;color:#333;text-align:left;}
.n-img{
    position:relative;
    width:30%;
    padding-bottom:24%;
}
.n-img img{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.n-info{
    width:100%;
    padding-top:0%;
}
.fn .n-info{width:65%}
.more,.load-more{
    display:block;
    width:105px;
    height:30px;
    line-height:30px;
    text-align: center;
    font-size:1.8rem;
    color:#7e7e7e;
    background:#fff;
    border:1px solid #dadada;
    margin:0 auto;
    margin-top:3rem;
    font-style:italic;
}
.more:hover{
    background:#7e7e7e;
    color:#fff
}
.newList ul{padding-bottom:2.6rem;border-bottom:1px solid #d4d4d4}

.hservice{text-align:center;background:#26221f}
.hservice p{
    position:relative;
    color:#d5c7ab;
    width:76%;
    margin:0 auto;
    margin-top:5rem;
    margin-bottom:6rem;
    font-size:1.8rem;
    line-height:2.5rem
}
.hservice p span{
    font-size:2.2rem;
    display:block;
    background:#26221f;
    z-index:2;
    position:relative;
    width:56%;
    margin:0 auto;
    margin-bottom:1.8rem;
}
.hservice p:before{
    content:"";
    display:block;
    position:absolute;
    width:131%;
    height:1px;
    background:#4e4331;
    top:1.2rem;
    left:-15%;
}

.hbusiness{
    text-align:center;
    background:#25211e;
}
.hbusiness li{
    position:relative;
	background:url(../images/mapxn.jpg) no-repeat left top;
    border-top:1px solid #e6e6e6;
    width:100%;
    padding-bottom:49%;
}
.hbusiness li:first-child{border-top:none}
.hbusiness li a{
    position:absolute;
    display:block;
    width:100%;
    height:80%;
    padding:10% 0 0 0;
    top:0;
    left:0;
}
.hbusiness li h3{font-size:2rem;color:#008A34;margin-bottom:1rem}
.hbusiness li p{font-size:1.8rem;color:#FD8F42;margin-bottom:1.6rem}
.hbusiness li .line{width:8%;height:2px;background:#008A34;margin:0 auto}
.b-icon{
    width:12%;
    padding-bottom:13%;
    margin:0 auto;
    margin-bottom:3.4rem;
    background:url("../images/b2.png") no-repeat ;
    background-position:0 0;
}
.hbusiness li:hover{background:url(../images/mapxnn.jpg) no-repeat left top;}
.hbusiness li:hover h3,.hbusiness li:hover p{color:#fff}
.hbusiness li:hover .line{background:#fff}
.hbusiness li:hover .b-icon{background-position:0 -80px;}
.hbusiness li+li .b-icon{background-position:-80px 0;}
.hbusiness li+li:hover .b-icon{background-position:-80px -80px;}
.hbusiness img{display:block;width:100%;}


.footer{background:#222222;padding-top:7%;padding-bottom:5%;text-align:center}
.footer>div{width:72%;margin:0 auto;color:#7c7c7c}
.footer p{line-height:2rem;margin-bottom:2.8rem}
.footer a{color:#7c7c7c}
.ficon a{
    display:inline-block;
    width:38px;
    height:38px;
    margin:20px 5px;
    margin-top:-18px;
    background:url("../images/ficon.png") no-repeat;
}
.wb{background-position:0 0}
.ficon .txwb{background-position:-38px 0}
.footer img{width:100px;height:100px; padding:10px 10px}

.navTwo{margin-top:81px;overflow:hidden;position:relative}
.down{padding-bottom:80px;}
.navTwo>ul{height:80px;background:#008A34;}
.navTwo>ul>li{
    float:left;
    width:33%;
    height:80px;
    line-height:80px;
    border-left:1px solid #22C35E;
    box-sizing:border-box;
    text-align:center;
    background:#008A34;
}
.navTwo>ul>li>a{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    font-size: 2.6rem;
    color:#FFF
}
.navTwo li i{
    position:absolute;
    display:none;
    width:0;
    height:0;
    border:6px solid transparent;
    border-top-color:#008A34;
    left:50%;
    margin-left:-6px;
    top:80px;
    z-index:11
}
#navTwo{transition:.3s;-webkit-transition:.3s}
.navTwo>ul>li:hover a,.navTwo>ul>li.on a{color:#EDD065}
.navTwo>ul>li:hover i,.navTwo>ul>li.on i{display:block}




.content{padding-top:3.6rem}
.columName{position:relative}
.columName p{font-size:2.4rem;font-family:Arial;text-transform:uppercase}
.columName h3{font-size:2.4rem;position:relative;margin-bottom:4.3rem}
.under{position:relative;font-size:2.4rem}
.under:before{
    content:"";
    position:absolute;
    display:block;
    width:100%;
    height:3px;
    background:#008A34;
    bottom:-5px;
    left:0;
}
.cnt{padding-bottom:21%}
.cnt img{width:100%;display:block}
.cnt td{border: 1px solid #DDD9D9;height:36px;font-size:15px;padding:2px 2px 2px 5px;}
.cnt .danye{font-size:1.8rem;line-height:2.4rem;color:#676767;}
.cnt .danye p{font-size:1.8rem;line-height:2.4rem;color:#676767;}
.cnt .danye img{margin: 0 auto;padding:10px 0; }
.cnt .n-detail img{margin: 0 auto;padding:10px 0; }
.cnt>img:first-child{margin-bottom:2rem}
.cnt>h3{font-size:2.4rem;color:#008A34;margin-bottom:2.4rem;font-weight:100}
.cnt>p{font-size:1.8rem;line-height:2.4rem;color:#676767;margin-bottom:2.6rem;padding-bottom:2.6rem;border-bottom:1px dashed #cfcfcf}
.line5{font-size:1.8rem;line-height:2.1rem;color:#676767;margin-bottom:0.8rem;padding-bottom:0.8rem;border-bottom:1px dashed #cfcfcf}
.thank {line-height:2.0rem;}

.honorList{width:100%;overflow:hidden}
.honorList li{
    position:relative;
    float: left;
    width:48%;
    padding-left:4%;
    padding-top:3rem;
    margin-top:3rem;
    border-top:1px dashed #cfcfcf;
}
.honorList li a{
    display:block;
    width:96%;
    background:#008A34;
    padding-right:4%;
    text-align:center;
}
.honorList li a img{display:block;width:100%;}
.honorList li a p{padding:4% 0;color:#fff;line-height:2.2rem;margin-bottom:0;border-bottom:none;font-size:1.8rem}
.honorList li:hover p{color:#EDD065}

.h-detail{
    width:98%;
    padding-right:2%;
    background:#008A34;
}
.h-detail p{font-size: 2rem;color:#cfcfcf;padding:3% 0;text-align:center;line-height:3rem}

.page{text-align:center;margin-top:3rem}
.page li{
    display:inline-block;
    width:38px;
    height:38px;
    text-align:center;
    background:#fff;
    border:1px solid #008A34;
    font-size:2rem;
    line-height:38px;
    margin:0 3px;
    vertical-align:middle;
}
.page li a{display:block;width:100%;height:100%}
.page li:hover,.page li.on{background:#EDD065}


.pdcList li{margin-bottom:30px;}
.pdcList li img{display:block;width:100%}
.pdcList .p-info{
    padding:5% 4%;
    padding-right:4%;
    background:#008A34;
}
.pdcList .p-info h3{font-size:2.4rem;margin-bottom:1.6rem;color:#EDD065}
.pdcList .p-info p{font-size:1.8rem;color:#FFF;line-height:2.4rem;padding:0;margin:0;border:none}
.pdcList .p-info p span{margin-left:2rem}

.lists .first{
    padding:4%;
    background:#EDD065;
}
.lists .first .L{
    position:relative;
    width:47%;
    padding-bottom:36%;
    overflow:hidden;
}
.lists .first .L>img{
    display:block;
    width:100%;
    position:absolute;
    top:0;
    left: 0;
}
.lists .first .R{
    position:relative;
    width: 49%;
    padding-bottom:36%;
    overflow:hidden;
}
.lists .first .R>div{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.lists .first h3{font-size:2.4rem;color:#000;font-weight:100;margin-bottom:1rem}
.lists .first .time{
    font-size:1.8rem;
    color:#fff;
    padding-bottom:1rem;
    margin-bottom:1rem;
    border-bottom:1px solid #c2ae88;
}
.lists .first p{margin:0;padding:0;border:none;font-size:1.8rem;color:#008A34}
.newList li p{margin:0;padding:0;border:none}
.newList li a{display:block;width:100%;height:100%}
.lists .newList h3{font-size:2.2rem;font-weight:bold;color:#000}

.brandList li{
    border-bottom:1px solid #d7d7d7;
    margin-bottom:4rem;
}
.brandList li div{
    position:relative;
    border:3px solid #d3c19f;
    padding-bottom:70%;
    overflow:hidden;
}
.brandList li div img{display:block;width:100%;position:absolute;left:0;top:0}
.brandList li p{font-size:2.2rem;height:5.8rem;line-height:5.8rem;margin:0;padding:0;border:none}

.endList li{margin-bottom:3rem}
.endList li div{width:100%;position:relative;overflow:hidden;padding-bottom:61%}
.endList li div img{display:block;width:100%;position:absolute;left:0;top:0;height:100%}
.endList li p{text-align:center;padding:5% 0;background:#000;font-size:2rem;color:#c3a771}
.endList li p span{font-size:3.6rem;font-family:Arial;color:#ffe6b5}

.caseList li{margin-bottom:3.3rem;position:relative}
.caseList .c-img{position:relative;width:100%;padding-bottom:86%}
.caseList .c-img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.caseList .c-info{width:100%;position:absolute;padding-bottom:15%;bottom:0;left:0;background:rgba(181,150,97,0.8)}
.caseList .c-info>div{position:absolute;left:0;top:0;padding:2% 3%;width:96%;}
.caseList .c-info h3{font-size:2.2rem;color:#fff;font-weight:100;margin-bottom:0.6rem}
.caseList .c-info p{font-size:1.8rem;color:#000}

.keep>p{
    margin-bottom:2.5rem;
    padding:0;
    border-bottom:none;
}
.keep>div{margin-bottom:2.5rem}
.keep>div span{font-size:2.4rem;color:#008A34;display:block;}
.keep .phonenum{font-size:2.6rem;color:#008A34;}
.keep .phonenum span{font-family:Arial;display:inline}
.dash{
    height:1px;
    border-top:1px dashed #cfcfcf;
    margin-bottom:2.5rem;
}

.newTil{
    border-top:1px solid #d2d2d2;
    border-bottom:1px solid #d2d2d2;
    padding:6% 0;
    text-align:center;
    margin-bottom:4rem;
}
.newTil h3{
    font-size: 2.4rem;
    margin-bottom:2rem;
}
.n-detail .newTil p{font-size: 1.8rem;color:#707070;margin:0}
.n-detail p{font-size:1.8rem;color:#363232;}
.n-detail p>span:first-child{display:block;font-size:2.2rem}

.pagelist{padding-top:4.8rem;border-top:1px solid #d2d2d2}
.pagelist li{
    height:48px;
    line-height:48px;
    border:1px solid #008A34;
    font-size:2rem;
    margin-bottom:1.2rem;
}
.pagelist li span{
    display:inline-block;
    float:left;
    width:48px;
    height:48px;
	color:#fff;
    text-align:center;
    background:#008A34;
    margin-right:2rem;
    font-size:3rem;
}
.backlist{
    position:absolute;
    width:19%;
    height:30px;
    right:0;
    top:60%;
    line-height:30px;
    background:#fff;
    font-size:1.8rem;
    text-align:center;
}

.tips{
    padding:7% 4% 10% 4%;
    background:url("../images/b3_03.png") no-repeat;
    background-size:100%;
    color:#fff;
    margin-bottom:3.3rem;
}
.tips h3{font-size: 2.6rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px dashed #fff;font-weight:100}
.tips p{font-size:1.8rem;}

.business>h3{font-size:2.4rem;color:#008A34;margin-bottom:2.5rem}
.business>p{color:#676767;font-size:1.8rem;line-height:2.5rem;margin-bottom:2rem}


.step p{padding:2% 4%;background:#008A34;margin-bottom:2.5rem;font-size:2rem;color:#fff;position:relative}
.step p:before{
    content:url("../images/b5.png");
    position:absolute;
    width:15px;
    height:15px;
    bottom:-9px;
    left:0;
}
.nei {line-height:24px;font-size:1.8rem;margin-bottom:2.5rem;color:#676767;}

.allmap{width:100%;padding-bottom:73%;overflow:hidden;position:relative;margin-bottom:2.5rem}
#allmap{position:absolute;width:100%;height:100%;top:0;left:0}
.address{width:100%;overflow:hidden}
.address ul{width:120%}
.address li:first-child{width:100%;padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:1px dashed #cfcfcf}
.address li{
    width:100%;
    float:left;
    margin-right:1.5rem;
    margin-bottom:1.5rem;
}
.address li h3{font-size:2rem;color:#008A34;margin-bottom:1rem}
.address li p{font-size:2rem;}
.address li p.ad1{
    width:85%;
    height:3rem;
}

.jobList{padding:6% 4%;background:#fff;}
.jobList li{
    padding-top:3.7rem;
    margin-top:3.7rem;
    border-top:1px solid #cfcfcf;
}
.jobList li:first-child{padding:0;margin:0;border-top:none}
.jobList li a{display:block;width:100%;height:100%}
.jobList li h3{font-size:2.2rem;margin-bottom:1rem}
.jobList li p{font-size:1.8rem;color:#7c7c7c}
.jobList li:hover h3{color:#008A34}

/* 常见问题 */
.faqList li{position:relative;margin-bottom: 30px;border-left: 3px solid #008A34;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#008A34;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:10px 60px; background-color:#f3f3f3; line-height:24px; font-size:16px; cursor:pointer;font-weight:normal;color: #333;background-image:url(../images/faq.png); background-repeat:no-repeat; background-position:20px 0;}
.faqList li .answer{background-color:#EDD065;color: #333;}
.faqList li div{display:none;padding:25px  60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;}
.faqList li div{background:url(../images/faq.png) no-repeat 20px -155px;font-size:14px;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}

.float-left{float:left !important;}
.layout{max-width:640px;}
.container,.container-layout{margin:0 auto;padding:0 5px;}
.fixed-bottom{position:fixed;bottom:0;height:50px;background-color:#008A34;font-size:12px;z-index:99999;width:100%;}
.fixed-bottom .float-left{width:25%;height:50px;overflow:hidden;text-align:center;}
.fixed-bottom .float-left a{display:block;height:50px;padding-top:5px;border-left:1px solid #3DD978;border-right:1px solid #097030;}
.fixed-bottom .float-left a.a1{border-left:none;}
.fixed-bottom .float-left a.a2{}
.fixed-bottom .float-left a.a3{}
.fixed-bottom .float-left a.a4{border-right:none;}
.fixed-bottom .float-left a span{color:#FFFFFF;}
.fixed-bottom .float-left span{color:#FFFFFF;}
.fixed-bottom .float-left img{padding-bottom:5px;}

.comForm{width:100%}
.comForm .group{margin-bottom:1.8rem;position:relative;}
.comForm input[type=text]{height:5rem;width:92%;padding:0 4%;background:#EDD065;font-size:1.8rem}
.comForm textarea{padding:2% 4% 0 4%;background:#EDD065;width:92%;}
.comForm .group>span{
    position:absolute;
    display:block;
    width:44px;
    height:50px;
    text-align:center;
    right:0;
    top:0;
    line-height:50px;
}
.comForm .btn-sub{
    display:block;
    width:100%;
    height: 5rem;
    line-height:5rem;
    text-align:center;
    font-size:2rem;
    color:#fff;
    background:#008A34;
    border-radius:3px;
    cursor:pointer;
}
.comForm input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-family:"微软雅黑";
    font-size:1.8rem;
    color: #000;
}
.comForm input:-moz-placeholder, textarea:-moz-placeholder {
    font-family:"微软雅黑";
    font-size:1.8rem;
    color: #000;
}
.comForm input::-moz-placeholder, textarea::-moz-placeholder {
    font-family:"微软雅黑";
    font-size:1.8rem;
    color: #000;
}
.comForm input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-family:"微软雅黑";
    font-size:1.8rem;
    color: #000;
}


@media screen and (min-width:320px) and (max-width:414px){
    html{ font-size:50%;}
    .headerbg{height:60px}
    .header .R{width:94px}
    .logo{width:38%}
    .menu{width:40px}
    .phone{width:48px;}
    .phone i{top:17px}
    .menuList{top:60px}
    .nav{margin-bottom:65px;}
    .nav li{height:60px;line-height:60px;}
    .banner{margin-top:60px}
    .hotNum>span{width:158px;height:45px;}
    /*.innerlink>ul>li{background-size:110px}*/
    .name{padding:8% 0}
    .newList li{margin-top:1.6rem;padding-top:1.6rem}
    .newList li h3{margin-bottom:0.5rem;font-size:1.8rem}
    .hservice p{margin-top:3rem;width:90%}
    .b-icon{
        margin-bottom:0.4rem;
        background-size:200%;
        background-position:0 0;
    }
    .hbusiness li:hover .b-icon{background-position:0 -49px;}
    .hbusiness li+li .b-icon{background-position:-49px 0;}
    .hbusiness li+li:hover .b-icon{background-position:-49px -49px;}
    .hservice p:before{left:-16%}

    .navTwo{margin-top:60px;height:45px;line-height:45px;}
    .down{padding-bottom:60px;}
    .navTwo>ul{height:45px;}
    .navTwo>ul>li{height:45px;line-height:45px;}
    .navTwo li i{top:60px;}
    .cnt>h3{margin-bottom:1.4rem}
    .cnt>p{margin-bottom:1rem;padding-bottom:1rem}


    .tips h3{font-size:2.2rem}
    .caseList .c-info h3{font-size:2rem;margin-bottom:0.2rem}
    .caseList .c-info p{font-size:1.6rem}
    .lists .first h3{font-size:1.8rem}
    .lists .first .time{font-size:1.4rem;padding-bottom:0.5rem;margin-bottom:0.5rem}
    .lists .first p{font-size:1.6rem}
    .backlist{width:23%}
    .pagelist li{font-size:1.6rem}


    .jobList li{padding-top:1.7rem;margin-top:1.7rem}
}
@media screen and (min-width:384px) and (max-width:414px){

}
@media screen and (min-width:360px) and (max-width:414px){
    .hservice p{width:82%;line-height:2rem;margin-bottom:4rem}
    .hbusiness li p{margin-bottom:0.6rem}
    .hservice p:before{width:127%}
    .pdcList .p-info p span{margin-left:0}
    .tips{padding-top:3%}
}
@media screen and (min-width:320px) and (max-width:360px){
    .logo{width:35%}
    .nav{margin-bottom:30px}
    .nav li{height:45px;line-height:45px;}
    .hotNum>span{display:block;margin:0 auto;width:150px;background-position:left;background-size:107%}

    .hservice p span{width:61%}
    .hservice p:before{left:-27%}
    .habout p{margin:2.2rem auto;line-height:2rem}
    .innerlink li{margin-left:9%;width:27%;padding-bottom:25%}
    .innerlink li a{padding-top:50%}
    .hservice p{margin-bottom:3rem}
    .hbusiness li:hover .b-icon{background-position:0 -37px;}
    .hbusiness li+li .b-icon{background-position:-39px 0;}
    .hbusiness li+li:hover .b-icon{background-position:-39px -39px;}
    .honorList li a p{line-height:1.5rem}
    .caseList .c-info{padding-bottom:23%}

    .navTwo>ul>li>a{font-size:2rem}
    .dropdown li{font-size:2rem}

    .lists .first .L{display:none}
    .lists .first .R{width:100%}
    .lists .first .R h3{font-size:2.2rem}
    .backlist{width:31%}
    .n-detail p{margin-bottom:2rem}
    .pagelist li span{margin-right:0}
    .tips{margin-bottom:1.3rem;padding-top:4%}
    .tips h3{font-size:2rem}
    .step p{padding:3% 4%;margin-bottom:1.5rem}
    .keep>p{line-height:2.5rem}

    .ficon a{width:30px;height:30px;background-size:200%}
    .ficon .txwb{background-position:-29px 0}

}
@media screen and (min-width:360px) and (max-width:360px){
    .hservice p:before{left:-16%}
}
@media screen and (min-width:320px) and (max-width:320px){
    .name>div{font-size:4rem}
    .n-info{padding-top:0}
    .tips h3{padding-bottom:0.3rem;margin-bottom:0.3rem;font-size:1.8rem}
    .tips p{font-size:1.6rem}
}


/*  预订详情*/
.ProInfo {
	TEXT-ALIGN: center; MARGIN: 30px auto 0px; WIDTH: 100%; HEIGHT: 300px; OVERFLOW: hidden
}
.ProInfo .Cont {
	WIDTH: 100%; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden
}
.ProInfo .ScrCont {
	WIDTH: 1342177.27px
}
.ProInfo .Cont .pic {
	TEXT-ALIGN: center; WIDTH: 450px; DISPLAY: inline; FLOAT: left; HEIGHT: 260px
}
.ProInfo .Cont .pic IMG {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px
}
.ProInfo #List1 {
	FLOAT: left
}
.ProInfo #List2 {
	FLOAT: left
}
/* 预订简介样式 */
.proshow_synopsis{background:#f2f2f2; border: 1px solid #d5d5d5; padding: 18px; width:90%; color: #666; font-size: 13px; line-height:30px; height:396px; border-radius:3px;}
.proshow_synopsis .title{font-size:20px; color:#008A34; border-bottom:1px solid #dbdbdb; margin-bottom:8px; ont-weight:normal; width: 100%; padding-bottom: 10px}
.proshow_synopsis .p02{color: #333;}
.proshow_synopsis b{font-size:20px; color:#FF7800;}
.proshow_synopsis .font{line-height:24px; overflow: hidden; height:200px;}
.proshow_synopsis .font img{width:125px; height:125px; margin:5px 32%;}
.prodcut-tel{ padding-left:50px; margin:10px 0; line-height:26px; background:url('../images/p_icon.png') no-repeat left center; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#008A34; display: block; }
.proshow_synopsis .btn a{display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; background:#4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff; transition: all 0.3s; font-size:16px;}
.proshow_synopsis .btn a:hover{opacity: 0.8; filter:alpha(opacity=50); transition: all 0.3s;}
.proshow_synopsis .btn .a02{background:#008A34 url(../images/proshow_icon2.png) no-repeat 20px 13px; margin-left:34px;}
.proshow_synopsis .btn .imgc {
    position:absolute;
    width: 168px;
    height: 168px;
    display: none;
	z-index: 8;
}
.proshow_synopsis .btn a:hover +.imgc {
    display: block;
}


/* 预订说明标签切换样式 */
.gr-tab-list{overflow:hidden; margin-top:30px;}
.gr-tab-list .hd{height:40px;line-height:40px;border-bottom:1px solid #ddd;font-size:16px;}
.gr-tab-list .hd li{width:150px;float:left;text-align:center;background:#eee;margin-right:5px;cursor:pointer;position:relative;}
.gr-tab-list .hd li.on{background:#008A34;color:#fff;}
.gr-tab-list .bd{overflow:hidden;padding-top:15px;}
.gr-tab-list .hd li.on::before{position: absolute;content: "";bottom:-12px;left:70px;border:6px solid transparent;border-top-color:#008A34;}


/* 相关预订样式 */
.relatedPro{margin-bottom:15px;overflow:hidden;}
.relatedPro .tie{height:40px;line-height:40px;background:#eee;color:#008A34;font-size:16px;font-weight:normal;margin:20px 0;}
.relatedPro .tie span{padding:0 43px;background:#008A34;display:inline-block;color:#fff;}
.relatedPro ul{width:400px;}
.relatedPro li{width:180px;float:left;margin-right:10px;margin-bottom:20px;transition: all .5s;-webkit-transition:all .5s;border-bottom:3px solid #d5d5d5;position: relative;}
.relatedPro li .pic{border:5px solid #f2f2f2;width:170px;height:120px;overflow:hidden;display:block;}
.relatedPro li .pic img{width: 100%;height: 100%;transition: all .5s;-webkit-transition:all .5s;}
.relatedPro li:hover .pic img{transform: scale(1.15);-ms-transform: scale(1.15);-webkit-transform: scale(1.15);-o-transform: scale(1.15);-moz-transform: scale(1.15);}
.relatedPro li h4{height:34px;line-height: 30px;color: #353535;text-indent:10px;background: #f2f2f2;font-size: 12px;font-weight: normal;}
.relatedPro li h4 .tit{color: #353535}
.relatedPro li h4 .cont{float: right;color:#353535;margin-right: 10px;position: relative;background: url(../images/chat.png) no-repeat 0 7px;padding-left: 8px;}
.relatedPro li h4 .tit:hover,.relatedPro li h4 .cont:hover{color: #008A34;}
.relatedPro li:before{content: "";position: absolute;width: 0;left: 0;bottom:-3px;height: 3px;background: #008A34;transition: all .5s;}
.relatedPro li:hover:before{width: 100%;}


/* 采购表单样式 */
.orderYu .tie{height:40px;line-height:40px;background:#eee;color:#008A34;font-size:16px;font-weight:normal;margin:20px 0;}
.orderYu .tie span{padding:0 43px;background:#008A34;display:inline-block;color:#fff;}
.orderBox{padding:10px 10px;width:94%;background:#f1f1f1;overflow:hidden;margin:0 auto;}
.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}
.orderBox .table{padding-top:20px;overflow:hidden;}
.orderBox .table li{width:100%;height:215px;float:left;height:35px;margin-bottom:10px;}
.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:20%;display:inline-block;text-align:center;background:#fff;}
.orderBox .table li .iptTxt{float:right;width:75%;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}
.orderBox .table li .iptCode{float:left;width:199px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}
.orderBox .table li .checkcode{float:left;border:1px solid #ddd;border-left-width:0;background:#eee;margin-left:2px;padding:6px;}
.orderBox .table li .btn{width:100%;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}
.orderBox .table li .btn:hover{background:#008A34;color:#fff;}
.orderBox .table li.areLi{width:100%;height:215px;overflow:hidden;}
.orderBox .table li.areLi .txtContent{width:96%;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:6px;color:#666;line-height:18px;background:#fff;}