@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0}
html{-ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{font-family:"Microsoft Yahei",Arial; overflow-x:hidden;font-size:14px; color:#535353}
a{ text-decoration:none;outline:none;background: transparent;blr:expression(this.onFocus=this.blur()); transition:.5s;color:#666}
a:hover{color:#00923f;}
img{ border:none}
button,
input,
select,
textarea {
    font-family: inherit; 
    font-size: 100%; 
    margin: 0;
    outline:none;
	border:none;
}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.ovh{overflow: hidden;}
.clearfix{clear:both;zoom:1}
.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left}
.fr{float:right}
.col01{ color:#00923f}

.wrap{ width:87%; margin:0 auto}
.header{ height:70px; background:#fff; width:100%; position:fixed;top:0;left:0; box-shadow:0 1px 15px rgba(0,0,0,0.15); z-index:99}
.logo{ padding-left:5%; padding-top:13px}
.logo img{ height:42px; display:block}
.biaoyu{ margin-top:15px; margin-left:30px; padding-left:25px; position:relative; line-height:20px}
.biaoyu:before{
	content:"";
	width:1px;
	height:35px;
	background:#e8e8e8;
	position:absolute;
	top:0;
	left:0;
}
.search{ position:relative}
.search-top{ width:70px; height:70px; background:url(../images/search.png) no-repeat center #00923f; cursor:pointer}
.search-box{ position:fixed; width:100%; height:100%; background:#333;top:0; left:0; z-index:99; display:none}
.search-box .close{ width:20px; height:20px; background:url(../images/icon_clo.png) no-repeat; display:block; position:absolute; top:10%; right:10%; transition:.3s; cursor:pointer}
.search-form{ position:absolute; top:42%; width:80%; left:10%;border-bottom:1px solid #515151; height:90px; line-height:90px;}
.search-form .inp{ width:100%; height:90px; background:url(../images/search.png) no-repeat left center; border:none; box-sizing: border-box; color:#4d4d4d; padding-left:100px;font-size:30px;}
.search-form .sub{ position:absolute; right:0;top:0; background:none; font-size:35px; line-height:90px; color:#808080; cursor:pointer}
.search-box .close:hover{ transform:rotate(180deg)}
.menu{ margin-right:30px}
.menu li{ float:left; font-size:16px; position:relative}
.menu li .menu_a{ display:block; line-height:70px; padding:0 30px; background:url(../images/line.jpg) no-repeat right center;}
.menu li .menu_a.cur{ color:#00923f;}
.menu li .sub{ position:absolute;left:50%; margin-left:-75px; background:#fff; width:150px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); display:none}
.menu li .sub a {
    display: block;
	text-align:center;
    border-bottom: 1px #e0e0e0 solid;
    line-height: 47px;
    color: #999;
    font-size: 14px;
    position: relative;
}
.menu li .sub a:hover{ background:#00923f; color:#fff}
.menu li .sub dd:last-child a{ border-bottom:none}
.menu li .sub a::before{
	content:"";
	width:15px;
	height:15px;
	background:url(../images/navicon.png) no-repeat;
	left:5px;
	top:50%;
	margin-top:-10px;
	position:absolute;
	transition:.5s;
}
.menu li .sub a:hover::before{
	left:15px;
}


.i-banner{ overflow:hidden !important; position:relative; z-index:1; margin-top:70px;}
.i-banner .swiper-slide img{ width:100%; height:auto;display:block;}
.i-banner .swiper-pagination-bullet{ width:15px; height:15px; background:none; opacity:1; border:1px solid #fff; position:relative}
.i-banner .swiper-pagination-bullet-active:before{
	content:"";
	width:11px;
	height:11px;
	position:absolute;
	top:2px;
	left:2px;
	background:#fff;
	border-radius:50%
}

.Strength{ padding:35px 0}
.Strength li{ float:left;font-size:18px; width:25%}
.Strength li .box{display: flex;align-items: center;justify-content: center;}
.Strength .icon,.Strength .tit{ float:left}
.Strength .icon{ width:45px;height:35px; overflow:hidden; position:relative;}
.Strength .icon .img1{ position:absolute; top:0;transition:.3s}
.Strength .icon .img2{ position:absolute; top:100%; transition:.3s}
.Strength .tit{ margin-left:10px;transition:.3s}
.Strength .tit:hover{ color:#00923f}
.Strength li:hover .icon .img1{top:-100%}
.Strength li:hover .icon .img2{top:0}

.i-pro{ position:relative}
.i-pro li{ position:relative; height:50%; float:left; width:50%}
.i-pro li .pic{ overflow:hidden; position:relative}
.i-pro li .pic img{ display:block;width:100%; transition:1s}
.i-pro li .pic .bg{ width:100%; height:100%; position:absolute;left:0;top:0; background:#000; opacity:.35; filter:alpha(opacity=35); transition:1s}
.i-pro li .text{ position:absolute; bottom:100px; left:10%; color:#fff}
.i-pro li .text h2{ font-size:25px; line-height:60px;}
.i-pro li .text .en{ font-family:"Arial";}
.i-pro li .text .line{ width:45px; height:5px; background:#fff; display:block; margin-top:17px}
.i-pro li:hover .pic img{ transform:scale(1.03)}
.i-pro li:hover .pic .bg{opacity:0; filter:alpha(opacity=0);}

.i-about{ background:url(../images/map.png) no-repeat center 200px; padding:70px 0 150px;}
.title{ text-align:center; margin-bottom:50px}
.title h1{ background:url(../images/CHOOSEUS.png) no-repeat center top; font-family:"Microsoft Yahei"; font-size:35px; padding-top:25px}
.title h1 span{ display:block;font-family:"Microsoft Yahei"; color:#808080; font-size:14px; font-weight:normal; margin-top:15px;}
.i-about-list{ padding:0 5%; margin-top:80px;position:relative}
.i-about-list .iconl,.i-about-list .iconr{ width:21px; height:19px; display:block; position:absolute; top:50%; margin-top:-15px; z-index:2}
.i-about-list .iconl{ background:url(../images/arrowl.png) no-repeat #fff; left:0}
.i-about-list .iconr{ background:url(../images/arrowr.png) no-repeat #fff; right:0;margin-top:-18px;}
.i-about-list .linebg{ height:1px; background:#d8d8d8; width:100%; position:absolute;top:50%;left:0; margin-top:-6px; z-index:1}
.i-about-list ul{ position:relative; height:430px}
.i-about-list li{ height:100%; width:25%;position:relative}
.i-about-list li.list1{ position:absolute;left:0}
.i-about-list li.list2{ position:absolute;left:15%}
.i-about-list li.list3{ position:absolute;left:30%}
.i-about-list li.list4{ position:absolute;left:50%}
.i-about-list li.list5{ position:absolute;left:60%}
.i-about-list li.list6{ position:absolute;left:80%}
.i-about-list li .content{ position:absolute; height:50%;top:0}
.i-about-list li .num{ width:100px; position:absolute; left:0;top:0; height:100%}
.i-about-list li .num .pic{ position:absolute;top:0; z-index:2}
.i-about-list li .num .pic img{ display:block}
.i-about-list li .num .line{ height:100%; width:1px; background:#d8d8d8; position:absolute; left:37.5px;top:0; z-index:1}
.i-about-list li .num .cirl{ width:12px; height:12px; border-radius:50%; background:#d8d8d8; position:absolute; bottom:0; left:31px}
.i-about-list li .text{padding-left:100px; padding-top:30px}
.i-about-list li .text h3{ font-size:20px; margin-bottom:20px}
.i-about-list li .text .intro{ color:#808080; line-height:22px}
.i-about-list li.bottom{ margin-left:-50px}
.i-about-list li.bottom .content{top:auto; bottom:12px}
.i-about-list li.bottom .text{ padding-top:80px}
.i-about-list li.bottom .num .pic{top:auto;bottom:0}
.i-about-list li.bottom  .num .cirl{top:0}


.i-news{ padding:70px 0; background:#f5f5f5}
.title.tit_n h1{ background:url(../images/NEWS.png) no-repeat center top;}
.i-newslist li{ float:left; width:25%; background:#fff}
.i-newslist li a{ display:block; border-right:1px solid #e8e8e8;}
.i-newslist li:last-child a{ border-right:none}
.i-newslist li .pic{ position:relative; overflow:hidden}
.i-newslist li img{ width:100%; display:block;transition:1s;}
.i-newslist li .pic .bg{ width:100%;height:100%; background:#fff; opacity:0; filter:alpha(opacity=0); position:absolute;top:0;left:0; transition:1s;}
.i-newslist li .text{ padding:35px 17px 45px}
.i-newslist li .text h3{ font-size:18px; padding-bottom:15px;}
.i-newslist li .text .intro{ color:#8c8c8c; height:40px; line-height:20px;overflow:hidden;}
.i-newslist li .text .time{ color:#a6a6a6; margin-top:15px; display:block}
.i-newslist li:hover .pic .bg{opacity:0.35; filter:alpha(opacity=35);}
.i-newslist li:hover .pic img{ transform:scale(1.03)}
.i-newslist .more{ margin-top:50px}
.i-newslist .more a{ display:block; width:200px; height:55px; background:#fff; border-bottom:2px solid #00923f; text-align:center; line-height:55px; margin:0 auto; font-family:"Arial"; position:relative; overflow:hidden; }
.i-newslist .more a span{position:relative;z-index:3;}
.i-newslist .more a i{ width:100%; height:100%; display:block; background:#00923f; position:absolute; top:100%;left:0; transition:.5s; z-index:2}
.i-newslist .more a:hover{ color:#fff}
.i-newslist .more a:hover i{top:0}
.nbanner{ margin-top:70px; position:relative}
.nbanner img{ width:100%; display:block;}
.biaot{ position:absolute; top:35%;color:#fff; left:6.5%;}
.biaot h2{ font-weight:normal; font-size:40px;}
.biaot h2 .en{ font-size:30px; display:block; padding-bottom:5px}
.biaot h3{ font-weight:normal; font-size:22px; margin-top:20px; text-shadow:0 0 2px rgba(0,0,0,0.85)}
.main{ line-height:26px;}
.main .content{ font-size:15px; padding:60px 0}
.main .content h1{ font-size:30px; color:#333; line-height:35px; margin-bottom:25px}
.main .about p{ margin-bottom:15px}
.main .content1{font-size:15px;background:#f5f5f5; padding:60px 0}
.main .content img,.main .content1 img{ max-width:100%}

.main .ntitle{ font-size:30px; color:#333; line-height:35px; margin-bottom:35px}
.main .ntitle .line{ display:block; width:15px; height:2px; background:#333; margin-top:15px}
.main .tits{ border-left:3px solid #d8b464; padding-left:15px; font-size:18px; line-height:18px; }
.main .tits .en{ display:block; font-size:14px;padding-top:5px}

.main .reason{ margin-top:50px}
.reasonlist{ margin-top:50px}
.reasonlist ul{ margin-right:-2%}
.reasonlist li{ width:28.33%; margin-right:2%; margin-bottom:2%; padding:25px 1.5%; box-shadow:0 0 15px rgba(0,0,0,0.15); float:left}
.reasonlist li .top{ margin-bottom:25px}
.reasonlist li .num{ color:#00923f; font-family:"Microsoft Yahei"; font-weight:bolder; font-size:60px; float:left; line-height:60px;}
.reasonlist li .tit{ float:left; font-size:22px; font-weight:bold; padding-left:20px; padding-top:10px}
.reasonlist li .tit span{ font-size:14px; font-weight:normal; display:block}
.reasonlist li .intro{ height:85px}

.rela_list ul{ margin-right:-2%}
.rela_list li{ float:left; width:31.33%; margin-right:2%}
.rela_list li .pic{ overflow:hidden; position:relative}
.rela_list li img{ width:100%; display:block;transition:1s}
.rela_list li .pic .bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0; filter:alpha(opacity=0); transition:1s}
.rela_list li .tit{ font-size:18px; color:#333; padding-top:20px; padding-bottom:15px}
.rela_list li .more{ font-size:14px}
.rela_list li:hover img{ transform:scale(1.03)}
.rela_list li:hover .pic .bg{opacity:0.35; filter:alpha(opacity=35)}
.culture{ margin:40px 0}
.culture ul{ margin-right:-2%}
.culture li{ width:30.33%; margin-right:2%; float:left; text-align:center}
.culture li .tit{ font-size:20px; line-height:45px; color:#333; font-weight:700}
.custumer{ margin-top:50px}
.custumer li{ float:left; border:1px solid #dab664; width:18%; margin-right:2%; margin-bottom:2%;box-sizing:border-box; text-align:center; height:100px;}
.custumer li img{ display:inline-block; vertical-align:middle; max-width:100%; max-height:100%}
.custumer li i{ width:0; height:100%; display:inline-block; vertical-align:middle}
.news_b{ text-align:center; width:100%; left:0}
.news_b ul{ margin:80px auto 0}
.news_b li{ float:left;}
.news_b li a{ display:block; background:#fff; color:#333; padding:15px 50px; margin:0 10px; font-size:18px; border-radius:5px}
.news_b li a:hover{ color:#00923f}
.news_b li a.cur{ background:#00923f; color:#fff}
.newslist{ padding:0 5%}
.newslist li{ border-bottom:1px solid #e8e8e8; padding-bottom:30px; margin-bottom:35px}
.newslist li .pic{ width:30%; position:relative; overflow:hidden}
.newslist li .pic img{ width:100%; display:block;transition:1s}
.newslist li .pic .bg{ width:100%; height:100%; background:#fff; opacity:0; filter:alpha(opacity=0); position:absolute;top:0;left:0; transition:1s}
.newslist li .text{ width:66%}
.newslist li .text .tit{ font-size:20px; margin-bottom:15px}
.newslist li .text .intro{ color:#666; margin-bottom:15px; font-size:14px}
.newslist li .text .time{ color:#999; font-size:13px}
.newslist li:hover .pic .bg{ opacity:0.35; filter:alpha(opacity=35);}
.newslist li:hover .pic img{ transform:scale(1.03)}
.news_t{ border-bottom:1px solid #e8e8e8; padding-bottom:20px; margin-bottom:30px; text-align:center}
.news_t .time{ font-size:14px; color:#666; display:block; padding-top:10px}
.news_con p{ margin-bottom:13px}

.prolist1{ margin-top:50px}
.prolist1 ul{ margin-right:-2%}
.prolist1 li{ width:28.33%; margin-right:2%; margin-bottom:2%; padding:30px 1.5%; box-shadow:0 0 15px rgba(0,0,0,0.15); float:left; position:relative; background:#fff}
.prolist1 li .top{ margin-bottom:15px}
.prolist1 li .num{ color:#00923f; font-family:"Microsoft Yahei"; font-weight:bolder; font-size:60px; float:left; line-height:60px;}
.prolist1 li .tit{ float:left; font-size:22px; font-weight:bold; padding-left:20px; padding-top:30px}
.prolist1 li .icon{float:right;}
.prolist1 li .icon img{ display:block}
.prolist1 li .tit span{ font-size:14px; font-weight:normal; display:block}
.prolist1 li .intro{ height:120px}
.prolist2 .pic{ margin-right:40px}
.prolist2 ul{}
.prolist2 li{ margin-bottom:20px;}
.prolist2 .tit{ display:inline-block; background:#008990; color:#fff; padding:3px 15px; margin-bottom:10px}
.prolist3{ margin-top:30px}
.prolist3 li{width:48%; margin-right:2%; margin-bottom:50px; float:left; box-shadow:0 0 15px rgba(0,0,0,0.15); background:#fff;}
.prolist3 li .pic{width:50%}
.prolist3 li .pic img{ width:100%; display:block}
.prolist3 li .text{ width:42%; padding:50px 3% 0 0; }
.prolist3 li .tit{ font-size:22px;color: #00923f; font-weight:bold;margin-bottom:15px; margin-top:15px}
.prolist5 ul{ margin-right:-2%}
.prolist5 li{ float:left; width:23%; margin-right:2%; background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.15);}
.prolist5 li .pic{ text-align:center}
.prolist5 li .pic img{ max-width:100%:}
.prolist5 li .text{ padding:30px; min-height:370px;}
.prolist5 li .text .tit{ font-size:22px; margin-bottom:15px;color: #00923f;font-weight: bold;}
.prolist6 ul{ width:50%}
.prolist6 li{ margin-bottom:30px}
.prolist6 li .tit{display:inline-block; background:#008990; color:#fff; padding:3px 15px; margin-bottom:10px}
.prolist6 .pic{ width:50%; text-align:right}

.prolist4 ul{ margin-right:-2%}
.prolist4 li{ width:48%; margin-right:2%; margin-bottom:50px; float:left; box-shadow:0 0 15px rgba(0,0,0,0.15)}
.prolist4 li .pic{ width:50%}
.prolist4 li .pic img{ width:100%; display:block}
.prolist4 li .text{ width:42%; padding:50px 3% 0 0; }
.prolist4 li .text .num{
	color: #00923f;
    font-family: "Microsoft Yahei";
    font-weight: bolder;
    font-size: 60px;
    line-height: 60px;
	margin-bottom:30px
}

.solution ul{ margin-right:-2%}
.solution li{ float:left; width:23%; margin-right:2%; margin-bottom:2%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.15)}
.solution li img{ width:100%; display:block}
.solution li .tit{ padding:15px;}
.solution li .more{ padding:10px 15px; font-size:13px; border-top:1px solid #e8e8e8; color:#999}
.main .contact{ padding:80px 0;font-size:16px; line-height:28px}
.contact .left{ width:44%}
.contact .company{ font-size:30px; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:10px}
.contact .company .en{ font-size:16px}

.contact .right{ width:52%}
.messagelist{ background:#f5f5f5; padding:3% 10%}
.messagelist_l{ margin-bottom:20px;}
.messagelist_l .left{ width:48%; float:left}
.messagelist_l .right{ width:48%; float:right}
.messagelist_l .inp{ border:1px solid #d8d8d8; width:80%; line-height:35px; padding:3px 10px; box-sizing:border-box}
.messagelist_l span{ width:15%; float:left; text-align:right; padding-right:2%; padding-top:10px}
.messagelist_2{ margin-bottom:20px;}
.messagelist_2 span{ width:7.1%; float:left;text-align:right;padding-right:1%; padding-top:10px}
.messagelist_2 textarea{ border:1px solid #d8d8d8;padding:10px; box-sizing:border-box; width:90.5%}
.messagelist_2 .inp{border:1px solid #d8d8d8; width:20%; line-height:35px; padding:3px 10px;}
.messagelist_2 .sub{ margin-left:15px; cursor:pointer; width:10%;height:43px; background:#bc1b21; color:#fff; font-size:16px; letter-spacing:5px}
.messagelist i{color:#fe020b;}

.footer_top{ background:#333; color:#9e9e9e; padding-top:80px; padding-bottom:40px}
.f_nav{ width:73%}
.f_nav li{ float:left;width:17%; padding-right:2%}
.f_nav li.last{ width:150px; padding-right:0; text-align:center}
.f_nav li h3{ margin-bottom:20px;font-weight:normal;color:#d9d9d9;font-size:18px;}
.f_nav li.last h3{ margin-bottom:25px}
.f_nav li h3 a{ color:#d9d9d9;}
.f_nav li p{ line-height:28px;}
.f_nav li p a{ color:#9e9e9e;transition:.5s}
.f_nav li p a:hover{color:#00923f;}
.f_contact{ width:25%; text-align:right;}
.f_contact .logo2{ border-bottom:1px solid #494949; padding-bottom:15px; margin-bottom:15px;}
.f_contact .tel{ font-size:16px;}
.f_contact .tel span{ display:block; font-size:24px; color:#fff; line-height:45px}
.f_contact .addr{line-height:26px}
.footer_bot{ background:#2e2e2e; color:#808080; padding:20px 0;line-height:26px;}
.footer_bot a{color:#808080; transition:.5s}
.footer_bot a:hover{color:#00923f;}
.page2{ margin-top:50px; font-size:14px}
.page2_l{ width:80%}
.back a{ width:100px; border-radius:35px; border:1px solid #e8e8e8; display:inline-block; text-align:center; line-height:35px}
.back a:hover{ background:#00923f; color:#fff}

.BMap_bubble_title{ white-space:normal !important}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
.BMap_bubble_content{ color:#666; font-size:14px; line-height:22px;}