@charset "utf-8";
/*!
 * http://www.ibw.cn
 * Version - 3.5.1
 * Edited by Snowe / 2015.12.12
 * Copyright (c) 2016 ibw
 */
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}
em,i,s{font-style:normal;text-transform:uppercase;}
li{list-style:none}
a,s,a:hover{text-decoration:none}
img{border:0;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0}
body,button,input,select,textarea{font:12px/1.5 'Source Han Sans CN','microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }

/* 项目主体部分设置 */
body { background: #fff; color:#333; width: 100%; overflow-x: hidden; }
a { color:#333;text-decoration:none; transition: all 0.5s ease 0s; }
img { max-width: 100%; height: auto; }
a:hover { color: #be0500; }
.relative { position: relative; }
.absolute {position: absolute;}
/*.wrapper { max-width: 1920px; margin: 0 auto; }*/
/*PC导航*/
.header {position: relative;}
.nav {border-bottom:1px solid #555; width: 100%; position: absolute; left:0; top:0; height: 70px; z-index: 10; }
.nav .logo { left:60px; top:12px; }
.nav .logo .pic2 {display: none;}
.fixed .logo .pic2 {display: block;}
.fixed .logo .pic1 {display: none;}
.fixed1 .logo .pic2 {display: block;}
.fixed1 .logo .pic1 {display: none;}
.mainav {padding-left:28px; width: 1000px; margin: 0 auto; text-align: center; }
.mainav ul li { display: inline-block; font-size: 16px; padding: 0 25px; position: relative;}
.mainav ul li a { display: inline-block; padding: 0 2px; color:#fff; position: relative; height: 70px; line-height: 70px; }
.fixed ul li a { color:#231815; }
.fixed1 ul li a { color:#231815; }
.mainav ul li:hover a,.mainav ul li.cur a { color:#3bb149; }
.mainav ul li:hover a:after,.mainav ul li.cur a:after { content:''; width: 100%; height: 2px; background: #3bb149; position: absolute; left:0; bottom:-1px; }
.mainav ul li a span { display: block; width: 10px; height: 6px; background: url(a1.png) no-repeat center; position: absolute; right:-15px; top:50%; margin-top:-3px; }
.fixed ul li a span {background: url(a1a.png) no-repeat center; }
.fixed1 ul li a span {background: url(a1a.png) no-repeat center; }
.mainav ul li.cur a span,.mainav ul li:hover a span { background: url(a1bg.png) no-repeat center; }
.nav .sub {box-shadow:inset 0px 15px 10px -15px #ebebeb; box-shadow: 0px 1px 4px rgba(0,0,0,0.3),0px 0px 20px #ebebeb inset; display: none; position: absolute; width: 100%; left:0; padding:35px 0 50px; background:#fff; }
.nav .sub dl dd { box-sizing: border-box; border-right:1px solid #f0f0f0; position: relative; transition: all 0.5s; background: #fff; float: left; width: 20%; text-align: center; padding-bottom:35px; }
.nav .sub dl dd .pic { display: block; height:240px;overflow: hidden; }
.nav .sub dl dd:nth-child(1) { border-left:1px solid #f0f0f0; }
.nav .sub dl dd a.more {display: none; transition: all 0.8s; }
.nav .sub dl dd:hover a.more {position: absolute; left:50%; margin-left:-53px; top:145px; width: 106px; height: 106px; display: block; background: url(xxx.png) no-repeat center; }
.nav .sub dl dd.sign { float: right; margin-right:0; }
.nav .sub dl dd a.tt span.t { font-size: 20px; color:#333333; margin: 10px 0 5px; display: block; }
.nav .sub dl dd a.tt span.more {height: 20px; line-height: 20px; font-size: 13px; color:#4db659; text-transform: uppercase; display: block; }
.nav .sub dl dd a.tt span.more i {transition: all 0.5s; vertical-align: top; display: inline-block; width: 8px; height: 18px; background: url(c1.png) no-repeat center; }
.nav .sub dl dd a.tt span.more em {vertical-align: top; display: inline-block; height: 20px; line-height: 20px; margin-right:5px;}
.nav .sub dl dd:hover a.tt span.more i { width: 32px; background: url(c1bg.png) no-repeat center; }
.nav .sub dl dd:hover { transform: scale(1.01); }
.nav .sub dl dd a.more {display: none;transition: all 0.8s; }
.nav .sub dl dd:hover a.more {position: absolute; left:50%; margin-left:-53px; top:95px; width: 106px; height: 106px; display: block; background: url(xxx.png) no-repeat center; }

.sear { right:40px; top:0; height: 70px; }
.sear ul li { float: left; }
.sear ul li .fform {display: none; position: absolute; right:0;box-sizing: border-box; width: 453px;padding-top:17px;  height: 84px; background: url(cc.png) no-repeat center; top:45px; }
.sear ul li .lang { display: none; padding-left:10px; position: absolute; right:-12px;box-sizing: border-box; width: 463px;padding-top:17px;  height: 84px; background: url(aa.png) no-repeat center; top:45px; }
.sear ul li .lang dd { display: inline-block; margin-left:25px;  }
.sear ul li .lang dd a { display: inline-block; font-size: 15px;color:#333333; height: 59px; line-height: 59px; box-sizing: border-box; border-bottom:2px solid #fff;  }
.sear ul li .lang dd:hover a { color:#3bb149; border-color:#3bb149; }
.sear ul li .fform .inp {font-size: 15px; outline: none; padding-left:10px; font-size: 15px;color:#666666; width: 380px; float: left; height: 57px; box-sizing: border-box; border:none; }
.sear ul li .fform .subm { outline: none; float: right; width: 57px; height: 57px; box-sizing: border-box; font-size: 0; border:none; background: url(bb.png) no-repeat center; cursor: pointer;  }
.sear ul li:hover .fform {display: block}
.sear ul li:hover .lang {display: block}
.sear ul li>a { font-size: 15px;color:#fff; height: 70px; line-height: 70px;font-family: "Arial"; display: inline-block; margin-right:20px; }
.sear ul li.sign1>a { padding-left:20px; background: url(a2.png) no-repeat left center; }
.sear ul li.sign2>a { width: 20px; background: url(a3.png) no-repeat left center; height: 70px; }
.fixed .sear ul li.sign1>a {color:#3bb149; padding-left:20px; background: url(a2bg.png) no-repeat left center; }
.fixed .sear ul li.sign2>a { width: 20px; background: url(a3bg.png) no-repeat left center; height: 70px; }
.fixed1 .sear ul li.sign1>a {color:#3bb149; padding-left:20px; background: url(a2bg.png) no-repeat left center; }
.fixed1 .sear ul li.sign2>a { width: 20px; background: url(a3bg.png) no-repeat left center; height: 70px; }

@media(max-width:1400px){
	.mainav { width: 850px; }
	.mainav ul li { padding: 0 10px; }
}
.banner ul li,.banner ul li a { display: block; width: 100%; position: relative; }
.banner ul li a .cont { color:#fff!important; text-transform: uppercase; height: 300px; display: block; width: 1200px; margin: 0 auto;position: absolute; left:0; right:0; top:0; bottom:0;margin:auto; }
.banner ul li a .cont .more {line-height: 50px; padding-left:24px; background: url(a4.png) no-repeat 125px center #3bb149; margin-top:65px; box-sizing: border-box; font-size: 14px;color:#fff; font-family: "Arial"; display: block; width: 176px; height: 50px;  }
.banner { position: relative; }
.banner .hd {text-align: right; position: absolute; width: 22px; height: 300px; position: absolute; left:50%; margin-left:600px; top:50%; margin-top:-150px;}
.banner .hd ul li { font-size: 0; cursor: pointer; margin-bottom:18px; float: right; display: block; width: 12px; height: 5px; background: #fff; transition: all 0.5s;  text-align: right; }
.banner .hd ul li.on,.banner .hd ul li:hover { background: #3bb149; width: 22px; }
.a7 { position: absolute; left:0; height: 80px; left:0; top:0; right:0;bottom:0; margin:auto;width: 1200px; }

.contatcx .a7 { height: 430px; }

.a7 p { font-size: 20px; text-transform: uppercase; color:#3bb149; }
.a7 h2 { font-size: 50px; color:#fff; line-height: 50px; font-weight: normal; }
.scorl { position: absolute; width: 150px; text-align: center; left:50%; margin-left:-75px; font-size: 13px;color:#d9d9da; text-transform: uppercase; bottom:80px; font-family: "Aial"; }
.scorl span i { display: block; width: 1px; height:50px; margin: 8px auto 0; background: #d9d9da; }
.u-ac {
    -webkit-animation: godown 1.5s infinite;
    animation: godown 1.5s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes godown {
    0% {-webkit-transform: translate(0, 0);opacity: 0;}
    50% {opacity: 1;}
    100% {-webkit-transform: translate(0, 20px);opacity: 0;}
}
@keyframes godown {
    0% {transform: translate(0, 0);opacity: 0;}
    50% {opacity: 1;}
    100% {transform: translate(0, 20px);opacity: 0;}
}


/*fixed*/
.fix {  }
* html{background-image:url(about:blank);background-attachment:fixed;}
.fixed{background: #fff; width:100%;position:fixed!important;top:0;left:0;z-index:10; box-shadow:0 0 5px #ebebeb;border:none;}
.fixed{_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop));}

.fixed1{background: #fff; width:100%;position:fixed!important;top:0;left:0;z-index:10; box-shadow:0 0 5px #ebebeb;border:none;}
.fixed1{_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop));}


.footer{background: #252931;padding:0.36rem 0.6rem 0.55rem;}
.foot_top{position: relative;}
.foot_top:before{content: "";position: absolute;right: -30px;bottom: 0;width: 92%;height: 1px;background: #999999;opacity: .2;}
.foot_top .img{float: left;line-height: 0;}
.foot_top .foot_nav{float: right;}
.foot_top .foot_nav a{float: left;color: #cccccc; font-size: 16px; display: block;margin-left: 45px;position: relative;}
.foot_top .foot_nav a:before{content: "";position: absolute;left: 0;bottom: -14px;width: 0;height: 2px;background: #3bb149;transition: all .5s;}
.foot_top .foot_nav a:hover { color:#3bb149; }
.foot_top .foot_nav a.cur { color:#3bb149; }
.foot_top .foot_nav a:hover:before{width: 100%;}
.foot_top .foot_nav a.cur:before{width: 100%;}
.foot_top .foot_nav a:first-child{margin-left: 0;}
.fott_bottom{margin-top: 30px;}
.fott_bottom .dz{float: left;max-width: 300px;line-height: 24px;color: #fff;}
.fott_bottom .dz .d1{ opacity: 0.32; font-size: 13px;color:#fff; }

.fott_bottom .right{float: right;text-align: right;}
.fott_bottom .right .fenxiang{display: inline-block;}
.fott_bottom .right .fenxiang a{display: block;float: left;height: 16px;margin-left: 15px;}
.fott_bottom .right .fenxiang a:first-child{margin-left: 0;}
.fott_bottom .right .banquan{margin-top: 30px;color: #808184;font-size: 13px;font-family: arial;}
.fott_bottom .right .banquan a { text-decoration: underline; }
.fott_bottom .right .banquan a{color: #999999;}

@media (max-width: 1600px){
	.foot_top:before { width: 86%; }
}
@media (max-width: 1300px){
	.foot_top:before { width: 80%; }
}
@media (max-width: 1200px){
	.foot_top:before { width: 78%; }
	.foot_top .foot_nav a { margin-left:35px; }
}
@media (max-width: 1100px){
	.foot_top:before { width: 75%; }
	.foot_top .foot_nav a { margin-left:25px; }
}
@media (max-width: 1000px){
	.foot_top:before,.foot_top .foot_nav{display: none;}
}

@media (max-width: 800px){
	.footer { box-sizing: border-box; padding: 0.5rem 0.2rem 0.5rem; width: 100%; }
	.fott_bottom .dz { width: 100%; float: none;max-width: 100%; }
	.fott_bottom .right {width: 100%; text-align: left; float: none;margin-top:0.4rem;}
	.fott_bottom .right .banquan {margin-top:0.1rem;}
}



.footer-tabs-container{
    background-color: #E9E9E9;

}
.footer-tabs-box{
    width:1220px;
    margin:0 auto;
    padding: 25px 0 12px;
}
.footer-link-box{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom:25px;
}
.footer-link-qq{
    font-size: 12px;
    color:#666;
    padding:10px 25px;
    background-color: #DEDEDE;
    border-radius: 25px;
}
.footer-tabs{
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}
.footer-tabs li{
    padding:8px 15px;
    background-color:#D3D3D3;
    color:#666666;
    position:relative;
    font-size: 13px;
    cursor:pointer;
}
.footer-tabs li+li{
    margin-left:10px;
}
.footer-tabs li.cur{
    color: #fff;
    background-color:#ADADAD;
}
.footer-tabs li i{
    position: absolute;
    bottom:-8px;
    left:50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);     /* IE 9 */
    -moz-transform:translateX(-50%);    /* Firefox */
    -webkit-transform:translateX(-50%); /* Safari å’Œ Chrome */
    -o-transform:translateX(-50%);
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:8px solid #ADADAD;
    display:none;
}
.footer-tabs-item{
    display: none;
}
.footer-tabs-item ul{
    /*display:flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;*/
    padding-bottom: 12px;
}
.footer-tabs-item ul li a{
    font-size:13px;
    color:#999999;
}
.footer-tabs-item ul li{
    margin-right:25px;
    margin-bottom:15px;
    display: inline-block;
}
.load-btn{
    display:block;
    margin:0 auto;
    width:18px;
    height:8px;
    background: url('../images/load-img.png') no-repeat center;
    cursor: pointer;
}

