@charset "utf-8";
/* CSS Document*/
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:13px;font-size:1.3rem ; /* 12÷10=1.2 */ font-family: Arial, Helvetica, sans-serif}
*{margin:0; padding:0;}
a{text-decoration:none;transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; color: #202020;}
a:hover{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset, img,button{border:none;}
li{list-style-type:none;}
button, input, select, textarea{font-size:100%;}
table{border-collapse:collapse; border-spacing:0;}
.clearfix:after{display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fl{float:left}
.fr{float:right}
/*滚动条
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-thumb{background: #bbbbbb; background: rgba(0, 0, 0, 0.15); border-radius: 5px;}
::-webkit-scrollbar-track{background: #dddddd; background: rgba(0, 0, 0, 0.05);}
*/
@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');}
.iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
@font-face{font-family: 'Book-Antiqua';src: url('../fonts/Book-Antiqua.eot');src: url('../fonts/Book-Antiqua.eot?#iefix') format('embedded-opentype'), url('../fonts/Book-Antiqua.woff2') format('woff2'), url('../fonts/Book-Antiqua.woff') format('woff'), url('../fonts/Book-Antiqua.ttf') format('truetype'), url('../fonts/Book-Antiqua.svg#novecentowide-bold-webfont') format('svg');}
.shadow{-o-box-shadow:0 0 20px rgba(0,0,0,.1);-ms-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);}
/*布局*/
.warp{width:100%; margin:0 auto;}
.w{margin:0 auto;}
.rel{position:relative;}
.p30{padding:30px 0 30px 0;}
.p120{padding:190px 0 30px 0;}
.larrow:after{display: block;content: ""; width: 0; height: 0; border-left: 16px solid transparent; border-top: 16px solid #f2f4fa; border-right: 16px solid transparent; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}
/*单行文本*/
.text-oneline{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.text-someline{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.line2{-webkit-line-clamp: 2;}
.line3{-webkit-line-clamp: 3;}
/*背景*/
.bghei{background:#353535;}
.bg1{background:#f2f4fa;}
.bgjj{background:url(../images/bgjj.jpg) top center no-repeat; height:380px;}
.bg2{background:#e6e6ed}
/*导航*/
.header{height:80px; margin:0 auto;transition: all 0.5s;-webkit-transition: all 0.5s;}
.logo{height:60px;float:left;margin:10px 0 0 0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.nav{height:50px;margin:15px 30px 0 15px; float:right;}
.t-nav{float:right;height:50px; text-align:right;}
.t-nav li{height:50px; display:inline-block;position:relative;z-index:8;}
.t-nav .cur a{color: #028a49;}
.t-nav .cur1 a{color: #028a49;}
.t-nav li.last{background:none;}
.t-nav li a{color:#353535;display:inline-block;line-height:50px;padding:0 15px 0 15px;font-size:16px;}
.t-nav li a:hover,.t-nav li a.hover{color:#028a49;}
.caret{display:inline-block;margin-left: 2px;vertical-align: middle;}
.t-nav li .td-m{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:160px;z-index:-1;background: rgba(0,0,0, 0.9);border-top: 3px solid #26b464;padding: 20px 0 10px 0;text-align: center; display:none;}
.t-nav li .td-m::before{display: block;content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-bottom: 8px solid #26b464; border-right: 8px solid transparent; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);}
.t-nav li .td-m a{background:none;display:block;margin:0 12px;color:#fff;font-size:13px;padding:8px 5px 8px 5px;line-height:18px;text-align:left;}
.t-nav li:hover .td-m a.last{border:none;}
.t-nav li .td-m a:hover{background:none;background-color:#028a49;color:#fff;margin:0 12px;}
.t-nav li:hover .td-m a{border-bottom:1px solid #333;font-weight:normal;font-size:13px}
.t-nav li .td-m .dh{height:40px;}
.t-nav li .td-m p{height:15px;display:block;margin:0 16px;}
.tel-t{float:right; height:80px;position:relative; cursor:pointer;}
.telicon{display:block; width:40px; height:40px; margin:20px auto; background:#028a49; text-align:center; border-radius:50%;}
.telicon i{font-size:28px; line-height:40px; color:#FFFFFF;}
.ttel{height:80px; width:220px; text-align:left; color:#fff; padding:18px 25px 0 25px; background:#028a49; position:absolute; top:80px; right:0; display:none; z-index:9999999;}
.ttel i{font-size:48px; display:block; float:left;}
.ttel p{display:block; float:left;}
.ttel p em{font-size:12px; display:block; width:100%; font-style:normal; color:rgba(255,255,255, 0.6); margin-bottom:5px;}
.ttel p span{font-size:20px;}
/*首页背景幻灯片*/
.index-banner{display: block;width: 100%;position: relative;overflow: hidden;z-index: 1;}
.index-banner .swiper-pagination-bullet{width:60px; height:2px; border-radius:0; margin:0 10px; background:rgba(255,255,255,.2); opacity:1;}
.index-banner .swiper-pagination-bullet-active{background:rgba(255,255,255,1);}
.index-banner .swiper-pagination{bottom:6%;}
.index-banner .swiper-button-next,
.index-banner .swiper-button-prev{opacity: 0.6;border-radius: 3px;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{left: 8%;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{right: 8%;}
/*大标题*/
.title{padding-bottom:40px;}
.title-top{color: #000;font-size:24px;text-align: center;margin-bottom: 14px;}
.title-bottom{text-align:center;}
.title-bottom-tm{display:inline-block; position:relative;}
.title-bottom span{color: #000;font-size:14px;opacity: 0.5;padding:0 6px;}
.title-bottom-tm::before{content: ''; width:72px;height: 4px; left: -82px; top:8px; position: absolute;background:url(../images/fbiaoti.png) center no-repeat;}
.title-bottom-tm::after{content: ''; width:72px;height: 4px; right: -82px; top: 8px; position: absolute;background:url(../images/fbiaoti.png) center no-repeat;}
/*服务项目*/
.serverlist dl{display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.serverlist dd{width: calc((100% - 50px) / 6);position:relative; background: #fff; margin: 0 0 30px 0;padding:50px 20px 20px 20px; transition: all 0.5s; -webkit-transition: all 0.5s;box-shadow: 0 3px 10px rgba(68,66,154,0.15); -webkit-box-shadow: 0 3px 10px rgba(68,66,154,0.15); transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);overflow:hidden;}
.serverlist dd:hover{transform:translateY(-3px);-webkit-transform: translateY(-3px);}
.serverlist dd:hover .server-more a{border: 1px solid #00933d; background:#00933d; color:#FFFFFF;}
.serverlist dd:hover .server-icon{background:#00933d;}
.serverlist dd:hover .server-icon i{color:#fff;}
.serverlist dd .hot{width: 44px; height: 44px; position: absolute; top: 0; right:0; background: url(../images/hot.png);}
.server-icon{margin:0 auto; background:#00933d;border-radius:5px; width:calc(40%);background: linear-gradient(to left, #00933d, #65ba63);}
.server-icon .server-icon-bg{padding:50%;position: relative;}
.server-icon .server-icon-text{display:block;position: absolute;/* transform: translate3d(-50%, -50%, 0); */left: 0;top: 0;width: 100%;height: 100%;text-align:center;}
.server-icon .server-icon-text p{height:100%;display:flex;/*实现垂直居中*/ align-items:center;/*实现水平居中*/ justify-content:center; text-align:justify;}
.server-icon i{font-size:36px; color:#fff}
.server-title{width:100%; text-align:center; margin:0 auto; padding-top:20px;}
.server-title h2{color: #333333;font-size: 17px;font-weight: bold;}
.server-title p{color: #b2b2b2;font-size: 12px;padding:5px 0 10px 0;}
.server-con{width:100%; margin:0 auto; padding:15px; background:#f5f5f5; border-radius:5px;}
.server-con a{display:block;position:relative; line-height:24px; font-size:12px; padding:0 10px 0 10px; color:#666; float:left; width:100%;}
.server-con a:before{font-family:"iconfont";content: "\eb9f"; font-size:24px; position:absolute; left:-10px;}
.server-con a:hover{color:#00933d;}
.server-more{margin:15px auto 0 auto; text-align:center;}
.server-more a{display:inline-block;border: 1px solid #e7ebe9;border-radius: 2px;color: #808080; padding:4px 10px 4px 10px;}
/*公司简介*/
.fontbai{color:#FFFFFF;}
.fontbai span{color:#FFFFFF;}
.intro{background:#FFFFFF; height:400px;position:relative; bottom:-10px;}
.intro-con{float:left; width:62%; padding:30px 50px 30px 50px;}
.intro-con h4{font-size:16px; font-family: arial; line-height:24px; color: #00933d;font-weight:normal;font-weight:bold;}
.intro-con h2{display:block;padding-top:10px; font-size:28px; font-weight: bold; line-height:36px; color: #333;}
.intro-con em{display: block; width:150px; height: 5px; background: #e6e6ed; margin: 15px 0 30px;}
.intro-more{float:left; padding:15px 0 0 0 ;}
.intro-more a{display:inline-block; background:#00933d; color:#FFFFFF; padding:8px 20px 8px 20px; border-radius:20px;}
.intro-con-c{font-size:13px; line-height:28px; color:#666;}
.intro-img{width:38%; height:400px; float:right;}
/*优势*/
.youshi dl{display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.youshi dd{width: calc((100% - 90px) / 3);position:relative; background:#FFFFFF; transition: all 0.5s; -webkit-transition: all 0.5s;box-shadow: 0 3px 10px rgba(68,66,154,0.15); -webkit-box-shadow: 0 3px 10px rgba(68,66,154,0.15); transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);overflow:hidden; height:328px; margin-bottom:20px;}
.youshi dd:hover{transform:translateY(-3px);-webkit-transform: translateY(-3px);}
.youshi-img{width:100%; height:228px;}
.youshi-txt{width:80%; background:#fff; position:relative; margin:0 auto; top:-20px; padding:20px;}
.youshi-title{width:100%;}
.youshi-txt h1{display:block; float:left;}
.youshi-txt h1 i{color: #00933d;font-size:24px;}
.youshi-txt h2{display:block; float:left;color: #333;font-size: 17px;font-weight: bold; line-height:24px; padding-left:5px;}
.youshi-txt p{display:block; width:100%; float:left;color: #666;font-size: 12px;padding: 10px 0 10px 0;}
.youshi-txt em{display: block; float:left; width:50%; height: 5px; background: #e6e6ed;}
/*新闻*/
.index-newsLeft{display: inline-block;float: left;width:40%;background: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);}
.index-newsLeft-img{display: block;width: 100%;height: 350px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
.index-newsLeft-img span{display: block;width: 100%;height: 354px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 400ms;}
.index-newsLeft:hover .index-newsLeft-img span{transform: scale(1.04);}
.index-newsLeft-in{display: block;width: 100%;height: auto;padding: 20px 35px 20px;font-size:13px;color: #848484;line-height: 26px;}
.index-newsLeft-in h3{font-size:17px;font-weight: bold;color: #333;line-height: 24px;height: 24px;margin-bottom:8px;}
.index-newsLeft-in p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-newsLeft-in h5{font-size:13px;color: #999;line-height: 25px;margin-top:10px; font-weight:normal;}
.index-newsLeft:hover .index-newsLeft-in h3{color: #26b464;}
.index-newsRight{display: inline-block;float: right;width:58%;background: #fff; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);}
.index-newsRight li:nth-child(2n){background:#f9f9f9;}
.index-newsRight-more{display: block;border-radius: 2px;background:#f2f2f2;text-align: center;font-size:14px;color: #333;margin: 12px auto 0;transition: all 300ms; padding:10px 0 10px 0; margin:15px 30px 20px 30px;}
.index-newsRight-more:hover{background: #26b464;color: #fff;}
.index-newsIn{display: block;width:100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding:30px ;position: relative;font-size:13px;color: #666;line-height: 24px;}
.index-newsIn h3{font-size:17px;font-weight: bold;color: #292927;line-height:28px; padding-bottom:5px;}
.index-newsIn h5{display:block; float:left; width:80px; height:80px;padding:10px;border-radius:8px;background: linear-gradient(to left, #00933d, #65ba63);}
.index-newsIN h5 em{display:block;float:left;width:100%;text-align:center;padding-top:10px;font-size:32px;color:#fff;font-weight:normal; font-style:normal;}
.index-newsIN h5 span{display:block;float:left;width:100%;text-align:center;font-size:10px;padding-top:5px;color:#fff; font-weight: normal;}
.news-con{width:calc(100% - 110px); float:right;}
.index-newsIn:hover{color: #26b464;background: #eef9f3;border-color: #d4f5e2;}
.index-newsIn:hover h3{color: #26b464;}
.index-newsIn:hover h5{color: #26b464;}
/*案例*/
.piclist{overflow:hidden;}
.picList .swiper-slide{float:left;_display:inline;overflow:hidden;text-align:center;width: 23%;margin-right:2%}
.index-caseList{display: block;width: 100%;margin: 20px auto;background: #fff;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);position: relative;text-align: left;font-size: 16px;color: #808080;line-height: 28px; padding-bottom:50px;}
.index-case-img{display: block;width: 100%;height: 240px;background-repeat: no-repeat;background-position: center;background-size: cover;margin-bottom: 10px;overflow: hidden;}
.pic{padding-bottom:62.8%;border: solid 1px #fff;}
.picbox{overflow: hidden;display: block;width: 100%;height: 0;position: relative;}
.picbox img{transition: 1s;width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;}
.index-caseList:hover .picbox img{transform: scale(1.1);transition: 1s;}
.index-case-img span{display: block;width: 100%;height: 270px;background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 400ms;}
.index-caseList p{padding: 10px 30px 0 30px; font-size:12px; line-height:20px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;}
.index-caseList h3{padding:10px 30px 0 30px;font-size: 17px;color: #333;line-height:24px; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-caseList>span{display: block;width: 100%;height:50px;text-align: center;line-height:50px;position: absolute;bottom: 0;left: 0;background: #ebfaf1;font-size: 14px;color: #26b464;}
.index-caseList:hover>span{color: #fff;background: linear-gradient(to right, #4dc85c , #31bf93);}
.index-more{margin:30px auto; text-align:center;}
.index-more a{color:#fff;background: #00933d;transition: 0.5s;font-size: 14px;display:inline-block; border-radius:20px; padding:6px 20px 6px 20px;transition: all 0.5s; -webkit-transition: all 0.5s;box-shadow: 0 3px 10px rgba(68,66,154,0.15); -webkit-box-shadow: 0 3px 10px rgba(68,66,154,0.15);background: linear-gradient(to right, #4dc85c , #31bf93);}
.index-more a:hover{transform:translateY(-3px);-webkit-transform: translateY(-3px);}
/*选择*/
.why-items>li{width: 20%; height: 420px; float: left; overflow: hidden;}
.why-item{width: 100%; height: 100%; text-align: center; cursor: pointer; overflow: hidden;}
.why-item{background: rgba(0, 0, 0, 0.5);}
.why-items li:nth-child(2n) .why-item{background: rgba(0, 0, 0, 0.3);}
.why-item-icon{margin-top: 130px; text-align: center}
.why-item-icon i{font-size:54px;color:#FFFFFF;}
.why-item, .why-item-icon, .why-content{transition: all .3s; -moz-transition: all .3s; /* Firefox 4 */ -webkit-transition: all .3s; /* Safari 和 Chrome */ -o-transition: all .3s; /* Opera */}
.why-line{margin: 20px 0 20px 0;}
.why-line span{display: inline-block; width: 20px; height: 2px; background: #fff;}
.why-title{font-size:17px; color: #fff; font-weight: bold;}
.why-content{margin:30px; color: #fff; margin-top: 100px; opacity: 0; line-height:200%;}
.why-items>li:hover .why-item{background: rgba(57, 190, 126, 0.7);}
.why-items>li:hover .why-item .why-item-icon{margin-top: 65px;}
.why-items>li:hover .why-item .why-content{margin-top: 20px; opacity: 1;}
/*底部*/
.footer{width:100%;background: #2e2e2e; color: #858585;}
.footer_t{padding: 50px 0;}
.footer_t_con{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.footer_t_l{width: 64%;display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;border-right: 1px solid #444;}
.footer_t_l_item{width: 15%;}
.footer_t_l_item_tt{font-size: 18px;color: #fff;margin-bottom: 22px;}
.footer_t_l_text a{display: block;font-size:13px;line-height: 30px;color: #999;}
.footer_t_l_text a:hover{color: #fff;transform:translateX(3px);-webkit-transform:translateX(3px);}
.footer_t_r{width: 33%;display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.footer_t_r_contact{width: calc(100% - 180px);}
.footer_t_r_code{width: 150px;}
.footer_t_r_code_con img{width:150px;}
.footer_t_r_contact_text .item{font-size: 14px;line-height: 30px;color: #999;}
.footer_t_r_contact_text .item a{color: #999;}
.footer_t_r_contact_text .item a:hover{color: #fff;}
.tc{text-align: center;}
.footer_b_text{padding: 25px 0;font-size: 14px;color: #999;line-height: 20px;border-top: 1px solid #444;}
.footer_b_text a{color: #999;}
.footer_b_text a:hover{color: #fff;}
.youqing{background:#f9f9f9;}
.firend-link{padding:20px 0}
.recommend-block{position:relative;color:#666;line-height:30px}
.recommend-block .orb-title{width:70px;height:30px;margin-right:10px;line-height:30px;text-overflow:inherit;white-space:nowrap;overflow:hidden}
.orb-title .tl{font-style:normal}
.recommend-block .orb-list{font-size:12px;width: calc(100% - 90px);height:30px;overflow:hidden}
.recommend-block .orb-list.active{height:auto}
.recommend-block .orb-item{float:left;margin-right:10px;overflow:hidden;text-overflow:inherit;white-space:nowrap}
.recommend-block .orb-item a{color:#858585}
.recommend-block .orb-item a:hover{color:#666}
.bq{background:#FFFFFF;padding:20px 0;}
.bq a{color:#858585; display:inline-block; margin-left:15px;}
.bq a:hover{color:#000000;}
.copyright-left{line-height: 24px;font-size: 13px;color: #858585; float:left; text-align:left;}
.copyright-right{float:right;line-height: 24px;font-size: 13px;color: #858585; text-align:right;}