@charset "utf-8";
html,body{height:100%;font-size:12px; }
body{ margin:0px; padding:0px; font-size:1em; font-family:"微软雅黑"; color:#505050;background:#fff;position:relative;-moz-user-select:none;overflow-x:hidden}
p,ul,li,dl,dd,dt,form,imput,h1,h2,h3,h4,h5,h6,h7{margin:0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
ul,li{ margin:0px; padding:0px; list-style-type:none;}
img{ border:none; vertical-align:top;}
a{text-decoration:none;color:#707070;}
a:hover{text-decoration:none;color:#2fa670;}
.strong{ font-weight:bold;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{max-width:1200px;margin:0 auto;}
.clear{ clear:both; overflow:hidden; line-height:0px; height:0px; font-size:0px;}
i{list-style:none; font-style:normal;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
input,select,button{font:12px "微软雅黑";vertical-align:middle;}
select::-ms-expand { display: none;}

/*head*/
.head{width:100%;height:auto;background:#fff;}
.top{width:100%;height:auto;}
.logo{height:auto;margin:14px auto;}
.logo img{max-width:100%;}
.tel{width:auto;height:auto;margin-left:5%;font-size:14px;font-weight:bold;line-height: 76px;color:#ff6600;}
.nav{width:100%;height:auto;border-top:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid;line-height:50px;}
.nav li{padding:0 3%;width:auto;height:auto;font-size:15px;color:#221815;float:left;position:relative;}
.nav li:hover{border-bottom:3px #2fa670 solid;}
.currentnav{border-bottom:3px #2fa670 solid;}
.nav li ul{width:100%;height:auto;display:none;position:absolute;top:53px;left:0;z-index:999;background:#fff;}
.nav li ul li{width:96%;height:auto;text-align:center;line-height: 40px;}
.nav li:hover ul{display: block;}
.nav li:hover ul li:hover{display: block;border:0;text-align:center;background:#2fa670}
.nav li:hover ul li:hover a{color:#fff;}
#fh5co-offcanvas{display: none;}
#cat{display: none;}


/*banner*/
.banner{width:100%;height:auto;}
.banner img{max-width:100%;}
/*about*/
.about{width:100%;height:auto;background:#fff;}
.abouttitle{height:auto;font-size:32px;color:#221815;text-align: center;margin:40px auto 45px auto;}
.aboutcot{height:auto;font-size:16px;color:#221815;text-align:center;line-height:30px;}
.aboutcot p{margin-bottom:20px;}
.aboutmore{width:17%;height:auto;line-height:60px;background:#0068cf;font-size:22px;color:#fff;text-align: center;margin:45px auto;}
.aboutmore a{color:#fff;}

/*service*/
.service{width:100%;height:auto;background:#f7f7f7;overflow: hidden;padding-bottom:80px;}
.servicebox{height:auto;}
.servicebox li{width:28.33%;height:auto;float:left;text-align:center;padding:20px 2.5% 15px 2.5%;}
.servicebox li:hover{background:#0068cf;color:#fff !important;}
.servicebox li:hover .servicetitle{color:#fff !important;}
.servicebox li:hover .servicecot{color:#fff !important;}
.servicetitle{width:100%;height:auto;font-size:26px;color:#221815;margin:20px auto 30px auto;}
.servicecot{width:100%;height:auto;font-size:14px;color:#221815;line-height:24px;min-height:72px;}

/*partner*/
.partner{width:100%;height:auto;background:#fff;overflow: hidden;}
.partnerbox{height:auto;margin-bottom:45px;border-bottom:1px #dedede solid;border-right:1px #dedede solid;}
.partnerbox ul{width:100%;height:auto;}
.partnerbox li{transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;width:16.66%;height:auto;float:left;}
.partnerbox li img{max-width:100%;border:1px #dedede solid;border-right:0;}
.partnertitle{transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;width:100%;height:auto;line-height:33px;text-align:center;font-size:15px;color:#221815;border-left:1px #dedede solid;}
.partnerbox li a:hover .partnertitle{color:#0068cf}
.partnerbox li:hover{position: relative; box-shadow: 0 5px 20px #dcdcdc; -moz-box-shadow: 0 5px 20px #dcdcdc; -webkit-box-shadow: 0 5px 20px #dcdcdc; transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}
/*data*/
showdtrow{padding-top: 50px; height: 500px;}
.wh_showdtrow, .wh_showdtrow .rowmw{color: #333;}
.showdtop{padding: 10px 0 0 0; font-size: 16px;}
.showdtop li{float: left; margin-bottom: 30px; position: relative; padding-left: 130px; width: 31%; height: 100px; overflow: hidden;}
.showdtop .n{margin-bottom: 5px; line-height: 60px; font-size: 40px;}
.showdtop .ico{position: absolute; top: 0; left: 0; display: block; width: 100px; height: 100px; font-size: 0; background-image: url(../images/showdtop.png); background-repeat: no-repeat;}
.showdtop .fore01 .ico{background-position: 0 0;}
.showdtop .fore02 .ico{background-position: 0 -100px;}
.sv {
    /*position: absolute;*/
    top: 0;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    height: 140px;
    transform: rotateZ(90deg) rotateY(180deg);
    -moz-transform: rotateZ(90deg) rotateY(180deg);
    -webkit-transform: rotateZ(90deg) rotateY(180deg);
}
.cc {
    stroke-dasharray: 300;
    transition-delay: .3s;
    -moz-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    stroke: #f60;
	stroke-width: 3;
	fill: none;
	transition: stroke-dasharray 1s;
	-moz-transition: stroke-dasharray 1s;
	-webkit-transition: stroke-dasharray 1s;
	transition-delay: 0s;
}
.floor{overflow: hidden;}
.row{position: relative; line-height: 1.6; overflow: hidden;}
.rowmw{position: relative; z-index: 5; height: 100%; color: #fff;}
.cf2{zoom: 1;}
.cf2:after {content: ""; display: block;height: 0;clear: both;}
.font_18{ font-size:18px; color:#000;}
.showdbottom{text-align: center; font-size: 16px;}
.showdbottom li{float: left; margin-top: 20px; position: relative; width: 33.333%;}
.showdbottom .n{margin: 0 auto 30px; position: relative; z-index: 5; display: block; padding: 40px 0 20px 0; width: 140px; height: 80px; text-align: center; font-size: 40px;}
.showdbottom .sv{position: absolute; top: 0; left: 50%; margin-left: -70px; width: 140px; height: 140px; transform: rotateZ(90deg) rotateY(180deg); -moz-transform: rotateZ(90deg) rotateY(180deg); -webkit-transform: rotateZ(90deg) rotateY(180deg);}
.showdbottom .fore03 .sv{transform: rotateZ(180deg) rotateY(180deg); -moz-transform: rotateZ(180deg) rotateY(180deg); -webkit-transform: rotateZ(180deg) rotateY(180deg);}
.showdbottom .cc{stroke-width: 3; stroke: #fff; fill: none; transition: stroke-dasharray 1s; -moz-transition: stroke-dasharray 1s; -webkit-transition: stroke-dasharray 1s;}
.showdbottom .fore01 .cc{stroke-dasharray: 300; transition-delay: .3s; -moz-transition-delay: .3s; -webkit-transition-delay: .3s;}
.showdbottom .fore02 .cc{stroke-dasharray: 350; transition-delay: .6s; -moz-transition-delay: .6s; -webkit-transition-delay: .6s;}
.showdbottom .fore03 .cc{stroke-dasharray: 418; transition-delay: .9s; -moz-transition-delay: .9s; -webkit-transition-delay: .9s;}
.showdbottom .n{color: #f60;}
.showdbottom .cc{stroke: #f60;}
.wh_spactorline, .dk_dotline{margin: 40px 0; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; opacity: .2; filter: alpha(opacity=20);}
.wh_spactorline{border-bottom: 1px solid #fff;}
.dk_dotline{border-bottom: 1px dotted #000;}

.data{width:100%;height:auto;background:url(../images/numbg.jpg) no-repeat;}
.dataup{height:auto;}
.dataup li{width:46%;height:auto;float:left;margin-top:90px;margin-left:4%;}
.datanumb{width:100%;height:auto;font-size:48px;color:#221815;}
.datacot{width:100%;height:auto;font-size:28px;color:#221815;margin-top:15px;}
.datadown{height:auto;margin-top:65px;}
.datadown li{width:33.33%;height:auto;float:left;font-size:20px;color:#221815;text-align: center;position:relative;}
.downnumb{width:100%;height:auto;font-size:48px;color:#221815;position:absolute;top:25px;left:10%;}
.downcot{margin-bottom:65px;margin-top:40px;}




/*flow*/
.flow{width:100%;height:auto;background:#fff;}
.flowbox{width:100%;height:391px;background:url(../images/flowbg.jpg) no-repeat top center;position:relative;margin-bottom:75px;}
.flowup{width:100%;height:auto;position:absolute;top:85px;left:160px;}
.flowup li{width:170px;float:left;font-size:20px;font-weight:bold;color:#000;text-align:center;}
.flowup li:first-child{color:#fff;}
.flowup li:nth-child(2){margin-left:110px;}
.flowup li:nth-child(3){margin-left:110px;}
.flowup li span{display: block;text-align: center;font-size:16px;font-weight:normal;margin-top:15px;}
.flowdown{width:100%;height:auto;position:absolute;bottom:85px;left:300px;}
.flowdown li{width:170px;float:left;font-size:20px;font-weight:bold;color:#000;text-align:center;}
.flowdown li:nth-child(2){margin-left:115px;}
.flowdown li:nth-child(3){margin-left:110px;padding-top:30px;}
.flowdown li span{display: block;text-align: center;font-size:16px;font-weight:normal;margin-top:15px;}

/*honor*/
.honor{width:100%;height:auto;background:url(../images/honorbg.jpg) no-repeat;overflow:hidden;}
.honorbox{height:auto;margin-bottom:55px;}
.honorbox li{width:25%;height:auto;float:left;text-align:center;}
.honorbox li img{max-width:100%;}

/*news*/
.news{width:100%;height:auto;background:#fff;}
.newsbox{height:auto;}
.newsleft{width:48%;height:auto;padding-bottom:85px;}
.newsleft ul{width:100%;height:auto;margin-top:20px;border-top:1px #e7e7e7 solid;;}
.newsleft li{width:auto;height:auto;font-size:14px;color:#333333;padding:15px 0;border-bottom:1px #e7e7e7 solid;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsleft li span{color:#2fa670;padding-right:3px;}
.newstitle{width:100%;height:auto;margin-top:75px;}
.newsltitle{width:auto;height:auto;font-size:32px;color:#000;border-bottom:3px #2fa670 solid;padding-bottom:8px;}
.newsmore{display:block;width:13%;font-size:10px;color:#888888;background:#e7e7e7;border-radius:10px;text-align:center;float:right;margin-top:20px;line-height:20px;}
.newsmore a{color:#888888;}
.newsright{width:48%;height:auto;padding-bottom:85px;margin-left:4%;}
.newsright ul{width:100%;height:auto;margin-top:20px;border-top:1px #e7e7e7 solid;;}
.newsright li{width:auto;height:auto;font-size:14px;color:#333333;padding:15px 0;border-bottom:1px #e7e7e7 solid;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/*footer*/
.footer{width:100%;height:auto;background:#efefef;}
.footerbox{width:100%;height:auto;font-size:13px;color:#666666;text-align: center;padding:35px 0 25px 0;}
.footerbox p{line-height: 20px;margin-bottom:10px;}
.link1{width:100%;height:auto;font-size:13px;}
.link1 a{padding-right:1%;line-height:24px;}

/*bottom*/
.bottom{width:100%;height:auto;background:#0168cf;}
.link2{width:100%;height:auto;color:#fff;padding:20px 0;font-size:13px;}
.link2 a{padding-right:1.5%;color:#fff;line-height:24px;}

.mobilebottom{width:100%;height:36px;line-height:36px;position:fixed;bottom:0;left:0;z-index:10000;padding-top:10px;display:none}
.mobilebottom li{width:33.333%;text-align:center;font-size:14px;color:#fff;background:#0068cf;line-height:36px;float:left}
.mobilebottom li a{color:#fff}



@media screen and (max-width: 1250px) {
.flowbox {background:none;}
.flowup {width:100%;height:auto;position: static;overflow: hidden;}
.flowup li{width:25%;height:auto;background:#ccc;padding:40px 3%;margin-right:3.33%;min-height:75px;}
.flowup li:hover{background:#0068cf;color:#fff;}
.flowup li:first-child{color:#000;}
.flowup li:hover:first-child{color:#fff;}
.flowup li:last-child{margin-right:0%;}
.flowup li:nth-child(2) {margin-left: 0px;}
.flowup li:nth-child(3) {margin-left: 0px;}
.flowdown {width:100%;height:auto;position: static;overflow: hidden;margin-top:20px;}
.flowdown li{width:25%;height:auto;background:#ccc;padding:40px 3%;margin-right:3.33%;min-height:75px;}
.flowdown li:hover{background:#0068cf;color:#fff;}
.flowdown li:last-child{margin-right:0%;}
.flowdown li:nth-child(2) {margin-left: 0px;}
.flowdown li:nth-child(3) {margin-left: 0px;padding:40px 3%;}
}
@media screen and (max-width: 1200px) {
.wrap{width:98%;}
.NewsDetailsText img{width: 48% !important;
    float: left !important;
    height: auto !important;
    border: 1px solid #eee !important;
    margin-bottom: 10px !important;
    margin-right: 1% !important;}
}
@media screen and (max-width: 1100px) {
.flowup li{min-height:83px;}
.flowdown li{min-height:83px;}
.datanumb{font-size:30px;}
.datacot{font-size:20px;}
}
@media screen and (max-width: 1000px) {
.honorbox li{width: 23.5%;margin-right:2%;}
.honorbox li:last-child{margin-right:0%;}
.honorbox li img {width: 100%;}
}
@media screen and (max-width: 900px) {
.partnerbox li{width: 24.9%;}
.partnerbox li img{width: 100%;}

#fh5co-offcanvas{/*position: absolute;width:100%;*/}
/*#fh5co-offcanvas img{position: absolute;width:100%;top:15px;right: 10px;}
#fh5co-offcanvas ul{position:absolute;top:76px;left:0;}
#fh5co-offcanvas ul li{width:100%;}*/
#cat{display: block;position:absolute;top:15px;right:10px;z-index: 99999;}
.nav{display: none;}
.navbtn{top:15px;}
#fh5co-offcanvas{display: none;padding-top:0px;}
#fh5co-offcanvas ul{position: absolute;width:100%;top:76px;left:0;z-index:1000;}
#fh5co-offcanvas li{background:#0068cf;width:100%;width:100%;line-height:40px;padding-left:5%;border-bottom:1px #f0f0f0 dashed;}
#fh5co-offcanvas a{top:15px !important;color:#fff;}
#pc{display:none}
#phone{display:block;}
.datadown li{font-size:16px;}
.datadown{margin:30px 0}
.downnumb{font-size:35px;}
}
@media screen and (max-width: 750px) {
.aboutmore{width:25%;line-height:45px;font-size:18px;}
.abouttitle {margin: 20px auto 25px auto;}
.datadown li{width:100%;flaot:none}
.downcot{margin:20px 0}
.dataup li{width:100%;padding:20px 0;margin:0;float:none;text-align:center}
.datadown{margin:10px 0}
.data{background:url(../images/numbg.jpg) no-repeat;background-size:cover}
.datacot{font-size:16px;}
.mobilebottom{display:block;}
.bottom{margin-bottom:30px;text-align:center}
}
@media screen and (max-width: 750px) {
.aboutmore{width:35%;}
.servicebox li {width: 45%;}
}
@media screen and (max-width: 750px) {
.tel{display:none;}
}
@media screen and (max-width: 650px) {
.partnerbox li{width: 33.3%;}
.newsleft {width: 100%;padding-bottom: 0px;}
.newsright {width: 100%;margin-left: 0%;padding-bottom:45px;}
.newstitle {margin-top:35px;}
.abouttitle {font-size:26px;}
.service {padding-bottom:30px;}
}
@media screen and (max-width: 600px) {
.flowup li{min-height:104px;}
.flowdown li{min-height:104px;}
}

@media screen and (max-width: 500px) {
.servicebox li {width: 95%;}
.servicetitle {margin: 10px auto 15px auto;}
.partnerbox li{width: 49.8%;}
.honor{background-size:600%;}
.honorbox li{width: 49%;margin-right:2%;}
.honorbox li:nth-child(2n){margin-right:0%;}
.honorbox li:nth-child(3){margin-top:20px !important;}
.honorbox li:last-child{margin-top:20px !important;}
}
@media screen and (max-width: 450px) {
.flowup li span{font-size:14px;min-height:63px;}
.flowdown li span{font-size:14px;min-height:63px;}
.flowdown li span:last-child{min-height: 37px;}
}
@media screen and (max-width: 400px) {
.flowup li {font-size:16px;}
.flowdown li {font-size:16px;}
.honor{background-size:700%;}
.newsmore {width:20%;}
.logo{width:80%;}
.logo img{width:100%;}
#cat{top:10px;right:5px;}
#fh5co-offcanvas a {top: 10px !important;right:5px;}
}