.wrapper {width: 100%;max-width: 1920px;background-position: center;margin: 0 auto;background-color: #FFFFFF;}
.w1200{width: 1200px;margin: 0 auto;}
.header {display: flex;justify-content: space-between;}
.header .logo{margin: 25px 0 0 0;}
.header .logo>img{height: 35px;}
.header .nav{position: relative;margin-top: 37px;}
.header .nav ul>li{height: 43px;text-align: center;display: inline-block;margin: 0 14px;}
.header .nav ul>li>a{color: #000;font-size: 18px;}
.header .nav li:hover {-webkit-transition: all 400ms;transition: all 400ms;}
.header .navline{position: absolute;width: 0;height: 5px;line-height: 5px;background-color: #52A73B;bottom: 0;}
.header .sub-nav {width: 1200px;position: absolute;top: 100%;left: -406px;z-index: 10;display: none;}
.header .sub-nav .left{background-color: #52a73b;height: 85px;float: left;width: 25%;color: #FFF;}
.header .sub-nav .left .text-box {text-align: center;padding-top: 14px;}
.header .sub-nav .left .text-box .text {font-size: 28px;}
.header .sub-nav .left .text-box .text-2 {font-size: 16px;}
.header .sub-nav .right{background-color: #FFF;height: 85px;float: right;width: 75%;opacity: 0.8;}
.header .sub-nav .right a {color: #000;}
.header .sub-nav .right dl{padding: 12px 0 0 100px;}
.header .sub-nav .right dd {float: left;height: 34px;line-height: 34px;width: 400px;text-align: left;}

footer{height: 840px;}
footer .contact-us{margin-top: 50px;background-image: url("../imgs/footer_bg.jpg");background-position: top center;background-repeat: no-repeat;height: 520px;}
footer .contact-us .contact-us-box {background-color: #000;color: #FFF;width: 1520px;height: 185px;margin: auto;position: relative;}
footer .contact-us .contact-us-box .text{font-size: 50px;position: absolute;top: 80px;left: 170px;}
footer .contact-us .contact-us-box .text-2{font-size: 33px;position: absolute;top: 88px;left: 552px;}
footer .box{padding:50px 0 0;width: 1200px;margin: auto;height: 145px;}
footer .box .f-logo, footer .box .company-info, footer .box .address-box {float: left;}
footer .box .f-logo>img{width: 230px;height: 115px;}
footer .box .qrcode{float: right;}
.company-info {width: 300px;height: 145px;margin-left: 25px;padding-right: 40px;border-right: 1px solid #BFBFBF;}
.company-info .name{font-size: 15px;font-weight: bold;}
.company-info .desc{font-size: 11px;margin-top: 15px;}
footer .box .address-box{margin-left: 35px;}
footer .copyright{text-align: center;padding-bottom: 20px;}
.copyright a,.copyright a:hover,.copyright a:visited,.copyright a:link{color: #000;}
.footer-icon {height: 16px;line-height: 16px;font-size: 15px;}
.footer-icon.icon-phone>i,.footer-icon.icon-address>i {padding-right: 10px;font-size: 18px;font-weight: bold;}
.footer-icon.icon-address {margin-top: 16px;background-position: bottom left;}
.share-box{padding-left: 30px;padding-bottom: 15px;}
.share-icon {background-image: url("../imgs/footer_share_icon.png");background-repeat: no-repeat;width: 35px;height: 35px;display: inline-block;}
.share-icon.share-icon-wechat{background-position: right;}

.side-wrapper {width: 43px;position: fixed;bottom: 15%;right: 50px;font-size: 0;line-height: 0;z-index: 99;border-radius: 25px;}
.side-wrapper .top-feed {display: none;text-align: center;border-radius: 50%;padding: 2px 5px;cursor: pointer;}
.top-feed .to-top,.top-feed .to-top .icon{width: 33px;height: 90px;}
.to-top .icon{margin-right: auto;margin-left: auto;display: block;}
.top-feed .totop-tooltip {display: none;width: 80px;height: 36px;line-height: 36px;position: absolute;right: 56px;bottom: 0;background-color: #fff;z-index: 303;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);border-radius: 12px;color: #333;text-align: center;}
.top-feed:hover .totop-tooltip {display: block;}

.box-banner{width: 100%;overflow-x: hidden;}
.box-banner>img{height: 500px;width: 100%;}

.box2 .title2{}
.box2 .title2 h1,.box2 .title2 h3{text-align: center;font-weight: bold;}
.box2 .title2 h1{font-size: 50px;}
.box2 .title2 h3{font-size: 33px;font-family: Yu Gothic UI;color: #BBBBBB;margin-top: 20px;}
.box2 .title2 .line2{margin: 32px auto 0;width: 75px;height: 8px;background-color: #0A913F;}

.box-sub{width: 100%;margin-top: 110px;}
.box-sub .text>h1{font-size: 50px;font-weight: bold;width: 200px;height: 50px;line-height: 50px;display: block;}
.box-sub .text .line{width: 985px;background-color: #A6A6A6;height: 1px;line-height: 1px;display: block;margin-left: 215px;}
.box-sub .subtitle{font-size: 33px;font-family: Yu Gothic UI;font-weight: bold;}

.nav-position{background-color: #f4f4f4;height: 50px;line-height: 50px;}
.nav-position .main{width: 1200px;margin: auto;}
.nav-position .main>a{color: #000;padding: 0 10px;}
.nav-position .main>a:visited,.nav-position .main>a:hover,.nav-position .main>a:link{color: #000;}

.project-list-pager{clear: both;text-align: center;margin-bottom: 50px;}
.project-list-pager a{color: #c1c1c1;font-size: 21px;padding: 5px;}
.project-list-pager a.last{color: #000;}
.project-list-pager a.on{background-color: #2D9C3E;color: #FFF;}

/*首页样式*/
.box{width: 100%;}
.box h1{font-size: 50px;color: #000000;}
.box .subtitle{margin-top: 15px;}
.box .subtitle h3{display: inline-block;height: 25px;width: 1035px;font-size: 33px;font-family: Yu Gothic UI;font-weight: bold;color: #BBBBBB;line-height: 25px;}
.box .subtitle .more{width: 160px;margin-right: 50px;}
.box .subtitle .more>img{width: 109px;}

.service-box{margin: 140px 0 40px;}
.service-item-row{display: flex;margin-bottom: 1px;}
.service-item-row .row-left,.service-item-row .row-right{height: 309px;margin: 0 auto;}
.service-item-row .row-left{width: 33%;background: #0A913F;}
.service-item-row .row-left .row-title{width: 63%;margin: 125px 0 0 26%;display: flex;justify-content: space-between;}
.service-item-row .row-title .row-title-l{color: #FFFFFF;}
.service-item-row .row-title .row-title-l>h3{font-size: 33px;font-weight: bold;}
.service-item-row .row-title .row-title-l .subtitle {font-size: 23px;font-family: Yu Gothic UI;line-height: 28px;}
.service-item-row .row-title .row-title-r{margin: 20px 0 0 65px;}
.service-item-row .row-title .row-title-r .arrow-r {border: 1px solid #fff;border-width: 0 3px 3px 0;display: inline-block;padding: 8px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.service-item-row .row-right{width: 67%;max-width: 1364px;}
.service-item-row .service01{background-image: url("../imgs/service01-on.jpg?v=1.2");}
.service-item-row .service02{background-image: url("../imgs/service02-on.jpg?v=1.2");}
.service-item-row .service03{background-image: url("../imgs/service03-on.jpg?v=1.2");}
.service-item-row .service04{background-image: url("../imgs/service04-on.jpg?v=1.2");}
.service-item-row:hover .service01{background-image: url("../imgs/service01.jpg?v=1.2");}
.service-item-row:hover .service02{background-image: url("../imgs/service02.jpg?v=1.2");}
.service-item-row:hover .service03{background-image: url("../imgs/service03.jpg?v=1.2");}
.service-item-row:hover .service04{background-image: url("../imgs/service04.jpg?v=1.2");}