@import "webfont.css";
@font-face {
  font-family: 'lsfont';  /* project id 752944 */
  src: url('../font/font_752944_hmu5c3kc9u.eot');
  src: url('../font/font_752944_hmu5c3kc9u.eot') format('embedded-opentype'),
  url('../font/font_752944_hmu5c3kc9u.woff') format('woff'),
  url('../font/font_752944_hmu5c3kc9u.ttf') format('truetype'),
  url('../font/font_752944_hmu5c3kc9u.svg') format('svg');
}
video:focus {outline: none;}
.iconfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

/* CSS Document */
body{
font-family: 'PingFang SC','Microsoft YaHei'; font-size:12px;font-weight:normal;color:#666;margin:0px;padding:0px; background:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);  }
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none; -webkit-user-select: none;  /* Chrome all / Safari all */-moz-user-select: none;     /* Firefox all */-ms-user-select: none;      /* IE 10+ 
/* No support for these yet, use at own risk */-o-user-select: none;user-select: none;}
li{ list-style:none}
a{color:#666;text-decoration:none;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}
a:link{text-decoration:none;outline: none;/* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none;outline: none;/*指已经访问过的链接*/}
a:hover{text-decoration:none;outline: none;/*指鼠标在链接*/}
a:active{text-decoration:none;outline: none;/* 指正在点的链接*/}
.clear{clear:both;}
input,button,textarea{outline: none;border:none;font-family:"微软雅黑";}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #333;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #333;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {color: #333;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder{color: #333;}
.contain{width: 1100px;margin: 0 auto;}
.content{width: 1200px;margin: 0 auto;}
/* 首页 */
.top{height: 35px;width: 100%;background-color: rgba(34,34,34,0.08);}
.top span{color: #666;font-size: 12px;line-height: 35px;}
.top span b{color:#ff0000; font-size:14px;}
.top_main{margin:0 30px;}
.top_main a{color: #fff;font-size: 12px;line-height: 30px;display: inline-block;padding:0 15px;}
.top_main a.bor{background: url(/images/bor_white.png) no-repeat center right;}
.top_main a.red{background-color: #e70012;}
.wx_code{margin-top:15px;text-align: center;float: left;padding-left:10px;}
.wx_code p{line-height:30px; color:#fff;}
header{height: 100px;width: 1200px;margin:0 auto;}
/* logo */

.logo{background: url(/images/logo.png) no-repeat center;width:460px;height: 100px;float: left;}
.logo a{display: block;height: 100px;}

/* nav */
.nav{float: right;}
.nav li{float: left;margin:0 16px;}
.nav li:last-child{margin-right: 0;}
.nav ul li>a{color: #333;font-size: 16px;display: block;padding:35px 0 33px;border-bottom: 2px solid transparent}
.nav ul li.active>a,.nav ul li:hover>a{color: #009b63;border-bottom: 2px solid #009b63;}

/* 手机导航*/
.ph_header{height: 60px;width: 100%;background-color: #fff;display: none;}
.ph_header .menu{display: block;width: 28px;height: 18px;padding: 11px;position: absolute;top: 10px;left: 10px;}
.ph_header .menu:before,.ph_header .menu:after{content: '';display: block;background: #009e62;height: 2px;}
.ph_header .menu span{background: #009e62;display: block;height: 2px;margin: 6px 0;}
.ph_language{position: absolute;right: 0;padding:10px;top: 0;}
.ph_language a{display: inline-block;margin-left:5px;font-size: 12px;color: #3ab488;line-height: 30px; }
.ph_language a:hover,.ph_language a.active{color: #3ab488}
/* logo */
.ph_logo{position: absolute;top: 10px;left: 50%;margin-left: -80px;}
.ph_logo img{height: 40px;}

nav:not(.mm-menu){display: none;}

/* nav */
.mm-panel, .mm-panels,.mm-navbar{background-color: #fff;}


.submenu{width: 100%;position: absolute;padding: 35px 0;background: rgba(255,255,255,0.95);display: none;left: 0;z-index: 2;border-top: 1px solid #e7e7e7;}
.submenu_main{width: 955px;margin: 0 auto;}
.case_l{float: left;width:255px;padding-right: 60px;background: url(/images/bor2.png) no-repeat center right;margin-right: 55px;}
.case_l p{font-size: 13px;color: #666;line-height: 24px;padding-top: 10px;}
.case_r{float: left;width: 585px;}
.case_nav{float: left;width: 150px;padding-right: 45px;}
.case_nav a{display: block; padding: 0 0 0 10px;font-size: 14px;color: #666;margin-bottom: 5px;background: url(/images/yuan.png) no-repeat center left;}
.case_nav a:hover{color: #009b63}

.submenu_pro{text-align:right;margin: 0 60px; margin-right: 380px;}
.submenu_pro a{color: #444;font-size: 14px;display: inline-block;padding:0 50px 0 15px; background: url(/images/yuan.png) no-repeat center left;}






a.search{float: right; cursor:pointer; width: 40px;height: 40px;position: relative;    padding: 0;margin-top: 28px;text-align: center;margin-left: 30px;line-height: 40px; color:#333;}
a.search:hover{background-color:#009b63; color:#fff;}
a.search .iconfont{font-size:26px;}

/* 轮播 */

.slide_banner,.ban,.ban img{width: 100%;}
.slide_banner .swiper-slide,.slide_banner .swiper-slide img{width: 100%;}
.slide_banner .banner_pagination{bottom:20px;text-align:center;position: absolute;z-index:1;}
.slide_banner  .swiper-pagination-bullet{opacity:1;border-radius:5px;}
.slide_banner  .swiper-pagination-bullet-active{width:30px;}

.caseph_slide{width: 100%;display: none}
.caseph_slide .swiper-slide,.caseph_slide .swiper-slide img{width: 100%;}
.caseph_slide .banner_pagination{bottom:20px;text-align:center;position: absolute;z-index:1;}
.caseph_slide  .swiper-pagination-bullet{border-radius:5px;}
.caseph_slide  .swiper-pagination-bullet-active{width:30px;background-color: #3ab488;}




.home_about {background-color: #f7f7f7;padding: 50px 0;text-align: center;}
.home_about span{font-size: 14px;color: #65828f;padding: 5px 20px;border:1px solid #869ea9;text-align: center;border-radius: 5px }
.home_about .content{width:100%;}

.menu_title{max-width: 1120px;text-align: center;padding: 60px 0 40px;margin: 0 auto;}
.menu_title h1{font-size: 36px;color: #333;}
.menu_title p{font-size: 16px;color: #666;line-height: 28px;margin-top: 20px;}

.about_list{width: 100%;margin: 0 auto;}
.about_list ul{overflow: hidden;zoom: 1;}
.about_list li{width: 20%;float: left;text-align: center;box-sizing: border-box;transition: all ease-in-out 300ms;position: relative; height:420px;}
.about_list li a{display:block;padding: 60px 0;margin-top: 20px;transition: all ease-in-out 300ms; height:260px;}
.about_list li h1{font-size: 24px;color: #fff;padding-top: 25px;}
.about_list li p{color:#fff; font-size:16px; line-height:26px; padding:15px 30px 0; opacity:0;transition: all ease-in-out 300ms;}
.about_list li i{width: 50px;height: 2px;background: #fff;display: block;opacity: 1; margin:30px auto 0;}
.about_list li.icon1 a{background-color:#009b62;}
.about_list li.icon2 a{background-color:#32d499;}
.about_list li.icon3 a{background-color:#35a4d2;}
.about_list li.icon4 a{background-color:#446760;}
.about_list li.icon5 a{background-color:#96be41;}
.about_list li:hover a{transition: all ease-in-out 300ms;margin-top: -20px; padding-bottom:120px;}
.about_list li:hover p{opacity:1;transition: all ease-in-out 300ms;}
.content.i_w100{width:100%;}


.slide_bg{width: 50%;height: 500px;background-size: cover;background-repeat: no-repeat;float: left;background-position: center center;}
.slide_txt{background-color: #3ab487;width: 50%;float: left;height: 500px;position: relative;text-align: center;}

.slide_text{max-width: 500px;margin: 0 auto;text-align: center;color: #fff;position: absolute;width: 100%;left:50%;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-left: -250px;}
.slide_text h1{font-size: 16px;}
.slide_text h2{font-size: 44px;padding:15px 0 30px;background: url(/images/bor1.png) no-repeat center bottom;margin-bottom: 40px;}
.slide_text p{font-size: 18px;line-height: 36px;}
.slide_text h3{font-size: 18px;line-height: 30px;margin: 40px 0;}
.slide_text a{display: block;background-color:#fff;width: 125px;line-height: 30px;font-size: 14px;color: #3ab487;text-align: center;margin: 0 auto;}
.slide_text a:hover{background-color:#066743; color:#fff;}

.pro_slide .swiper-button-next,.pro_slide .swiper-button-prev{width:40px;height: 40px;margin-top: -35px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.pro_slide .swiper-button-next{background: url(/images/right.png) no-repeat;right: 40px;background-size: contain;}
.pro_slide .swiper-button-prev{background: url(/images/left.png) no-repeat;left: 40px;background-size: contain;}

.pro_slide .swiper-button-next:hover{width:50px;height: 50px;margin-top: -40px;right: 35px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.pro_slide .swiper-button-prev:hover{width:50px;height: 50px;margin-top: -40px;left: 35px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}


.home_case{padding-bottom: 50px;background-color: #f7f7f7;}
.home_item{padding-bottom: 70px;}
.home_item ul{margin:0 auto;}
.home_item li{width:calc((100% - 60px)/3); margin:0 5px;}

.case_main{position: relative;width: 1315px;margin: 0 auto;overflow: hidden;zoom: 1;}
.case_main .swiper_next,.case_main .swiper_prev{width: 27px;height: 50px;position: absolute;top: 50%;margin-top: -25px;cursor: pointer;}
.case_main .swiper_next{background: url(/images/next.png) no-repeat center;right: 0;}
.case_main .swiper_prev{background: url(/images/prev.png) no-repeat center;left: 0;}
.case_slide{width: 1200px;margin: 0 auto;padding-bottom: 40px;}
.case_slide .swiper-pagination-bullet{opacity: 1;background-color: #cccccc;width: 12px;height: 12px;border-radius: 12px;}
.case_slide .swiper-pagination-bullet-active{background-color: #999999;width: 30px;}

.case_slide .swiper-slide h1{margin: 40px 30px;padding: 13px 0 0;font-size: 24px;color: #fff;background: url(/images/bor1.png) no-repeat top left;}
.case_slide a{display: block;}
.case_slide a h1{-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.case_slide a:hover h1{font-size:30px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}

.case1{width: 30%;margin-right: 0.1%;float: left;height: 675px;background-size: cover;background-repeat: no-repeat;}
.case2{width: 69.9%;float: left;margin-bottom: 1px;height: 337px;background-size: cover;background-repeat: no-repeat;}
.case3{width: 34.9%;float: left;margin-right: 0.1%;height: 337px;background-size: cover;background-repeat: no-repeat;}
.case4{width: 34.9%;float: left;height: 337px;background-size: cover;background-repeat: no-repeat;}

.case5{width: 33.23%;float: left;height: 337px;background-size: cover;background-repeat: no-repeat;margin-right: 0.1%;margin-bottom: 1px;}
.case6{width: 66.5%;float: left;height: 337px;background-size: cover;background-repeat: no-repeat;margin-right: 0.1%;margin-bottom: 1px;}
.case7{width: 33.33%;float: left;height: 337px;background-size: cover;background-repeat: no-repeat;margin-bottom: 1px;}

.home_case ul{margin:0 auto;}
.home_case li{width:calc((100% / 4) - 10px);margin:15px 5px;float:left;}
.home_case>.content>a{display:block;width:150px;height:35px;line-height:35px;text-align:center;font-size:14px;color:#009b63;border:1px solid #009b63;margin:20px auto;}
.home_case>.content>a:hover{background:#009b63;color:#fff;}
.recommend_img{width:100%;overflow: hidden;}
.home_case li p{font-size: 16px;color: #009b63; text-align: center;padding: 10px;background-color: #f5f5f5;transition: all .4s cubic-bezier(.4,0,.2,1);}
.home_case li:hover p {color: #fff;background-color: #009b63;transition: all .4s cubic-bezier(.4,0,.2,1);}
.recommend_img img{width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s;transition: all 0.5s ease .0s;} 
.home_case li:hover .recommend_img img{-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);transform: scale(1.10);}

.home_news{padding-bottom: 70px;}
.home_news ul{overflow: hidden;zoom: 1; margin:0 auto;}
.home_news li{width:calc((100% / 3) - 10px);margin:15px 5px;float: left;background-color: #ebebeb;}
.home_news li a{ display:block; color:#333;}
.home_news li a:hover{color: #009b63; text-decoration:underline;}
.home_news li img{width:100%; height:100%;}

.home_news li.none{margin-right: 0}
.home_news li h1{font-size: 16px;color: #333;margin: 25px 0 0;overflow:hidden;padding: 0 20px; line-height:26px;}
.home_news li p{font-size: 14px;color: #666;line-height: 24px;overflow:hidden;padding: 0 20px 15px;}
.home_news>.content>a{display:block;width:150px;height:35px;line-height:35px;text-align:center;font-size:14px;color:#333;border:1px solid #333;margin:50px auto 20px;}
.home_news>.content>a:hover{background:#009b63;color:#fff;border:1px solid #009b63;}
/* foot */

.foot{background-color: #3e4540;padding: 45px 0;overflow: hidden;zoom: 1;}
.foot>.content>ul{float: left;width: 130px;margin-right: 50px;}
.foot>.content>ul h1{color:#c9c9c9;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 20px;font-size: 15px;}
.foot>.content>ul li{margin-bottom: 13px;}
.foot>.content>ul li a{font-size: 13px;color: #a4a4a4;}
.foot>.content>ul li a:hover{color: #c9c9c9;}
.foot>.content>ul.case_ul{width: 480px;overflow: hidden;zoom: 1;}
.foot>.content>ul.case_ul li{float: left;width:123px;margin-right:36px; }
.foot .wx{text-align: center;clear: both;padding-top: 15px;}
.foot_share{float: right;}
.foot_copy{background-color: #343b36;width: 100%;font-size: 13px;color: #a4a4a4;padding: 12px 0; }
.foot_copy p span{float:right;}
.foot_copy p span span{padding: 2px 0 0 5px;}
.foot_copy p a{color: #a4a4a4;}
.foot_copy p a:hover{color:#c9c9c9;}

.about_nav{border-bottom: 1px solid #dddddd;overflow: hidden;zoom: 1;}
.about_nav a{display: block;float: left;width: 275px;line-height: 50px;text-align: center;font-size: 16px;color: #666;border-right: 1px solid #dddddd;box-sizing: border-box;}
.about_nav a:first-child{border-left: 1px solid #dddddd;}
.about_nav a:hover,.about_nav a.active{color: #fff;background-color: #3ab488;}

.about{font-size: 14px;color: #666;line-height: 24px;padding: 0 50px 60px; }
.about h1{font-size: 18px;color: #009b63;padding: 25px 0 15px;}
.about ul{overflow: hidden;zoom: 1;border-bottom: 1px solid #dddddd;padding: 30px 0;border-top: 1px solid #dddddd;margin: 25px 0 0}
.about li{width: 190px;float: left;text-align: center;padding: 0 15px;}

.about li h1{font-size: 18px;color: #009b63;margin: 30px 0 20px;padding: 0}
.about li p{font-size: 14px;color: #666;}


.structure{background-color: #f7f7f7;width: 100%;padding-bottom: 80px;}


.structure_contain{width: 1020px;background-color: #fff;padding: 30px 40px;margin: 0 auto;}
.structure_main{position: relative;}

.structure_main .swiper-button-next,.structure_main .swiper-button-prev{width:38px;height: 38px;margin-top: -19px; }
.structure_main .swiper-button-next{background: url(/images/ar.png) no-repeat center;right: 30px;}
.structure_main .swiper-button-prev{background: url(/images/al.png) no-repeat center;left: 30px;}

.structure_con{overflow: hidden;zoom: 1;}
.structure_img{width: 42%;float: left;}
.structure_img img{width: 100%;}
.structure_txt{width: 55%;float: left;padding-left: 3%;}
.structure_txt h1{font-size: 22px;color: #009b63;margin: 20px 0 25px;}
.structure_txt p{font-size: 16px;color: #333;line-height: 32px;}
.structure_txt p span{font-size: 14px;color: #666;}


.honnor ul{overflow: hidden;zoom: 1;padding: 0 50px;}
.honnor ul li{width: 210px;float: left;margin-right: 20px;margin-bottom: 25px;background-color: #f2f2f2;padding: 25px 25px 0;}
.honnor_img{width: 122px;height:168px;overflow: hidden;margin: 0 auto;}
.honnor_img img{width: 100%;}
.honnor ul li.none{margin-right: 0;}
.honnor ul li h1{font-size: 12px;color: #666;margin: 20px 0;text-align: center;line-height: 24px;}
.download{display: block;height: 47px;border:1px solid #dddddd;margin:15px 0 60px;background: url(/images/download.png) no-repeat center; }


.brand{width: 100%;background-color: #f7f7f7;}

.brand_main{width: 1100px;margin: 0 auto;font-size: 14px;color: #666;line-height: 26px;}
.brand_main h1{font-size: 18px;color: #009b63;margin: 30px 0;}
.brand_main img{max-width: 100%;}
.brand_main h2{font-size: 16px;color: #000}
.brand_main h2 span{color: #009b63}

.news_nav{border-bottom: 1px solid #dddddd;overflow: hidden;zoom: 1;}
.news_nav ul{width: 1100px;margin: 0 auto;}
.news_nav ul li{width: 50%;text-align: center;font-size: 16px;color: #666;line-height: 50px;float: left;}
.news_nav ul li a{font-size: 16px;color: #666;display: block;border-left: 1px solid #dddddd;}
.news_nav ul li:last-child  a {
    border-right: 1px solid #dddddd;
}

.news_nav ul li:hover a,.news_nav ul li.active a{color: #fff;background-color: #3ab488;}


.news{width: 100%;background-color: #f7f7f7;padding-bottom: 100px;}
.news ul{width: 1100px;margin: 0 auto;overflow: hidden;zoom: 1;}
.news ul li{width: 340px;border:1px solid #dddddd;box-sizing:border-box;margin-right: 35px;margin-bottom: 42px;float: left;}
.news ul li.none{margin-right: 0;}
.news ul li:hover{border:1px solid #c7c7c7;}
.news ul li .news_pic{overflow: hidden;}
.news ul li .news_pic img{width: 100%;}
.news ul li h1{font-size: 16px;color: #01754b;height:40px;overflow:hidden;}
.news ul li p{font-size: 14px;color: #666;line-height: 24px;height: 70px;overflow:hidden;margin:10px 0 25px}
.news ul li time{display: block;border-top: 1px solid #dddddd;padding: 15px 25px;}
.news ul li time span{display: block;font-size: 14px;color: rgba(102,102,102,0.9);background: url(/images/jt.png) no-repeat center right 5px;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;}

.news ul li:hover time{background-color: #dadada;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;}
.news ul li:hover time span{background: url(/images/jt.png) no-repeat center right;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;}

.news_txt{padding: 25px 25px 0;}

.big {overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s;transition: all 0.5s ease .0s;}
.big:hover{-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);transform: scale(1.10);}



.news_detail{border:1px solid #dddddd;background-color: #fff;padding: 42px 50px;width: 1000px;margin: 0 auto;font-size: 14px;color: #666;line-height: 24px;}
.news_detail img{max-width: 100%;height: auto!important;}
.detail_title{overflow: hidden;zoom: 1;padding-bottom: 20px;border-bottom: 1px solid #dddddd;margin-bottom: 30px;}
.detail_title h1{float: left;font-size: 20px;color: #333;line-height: 30px;}
.detail_title time{float: right;font-size: 14px;color: rgba(102,102,102,0.9);line-height: 30px;}
.news_detail iframe{width:600px; height:400px; margin:0 auto;display: flex;}


.page_button{overflow: hidden;zoom: 1;padding:60px 0 ;}
/*
.page_prev{float: left;}
.page_next{float: right;}

.page_next,.page_prev{display: block;width: 115px;line-height: 45px;text-align: center;font-size: 16px;color: #666;border:1px solid #c5c5c5;}
.page_next:hover,.page_prev:hover,.page_next.active,.page_prev.active{background-color: #3ab488;color: #fff;}

*/
.pro_nav{border-bottom: 1px solid #dddddd;overflow: hidden;zoom: 1;}
.pro_nav a{display: block;float: left;width: 370px;line-height: 50px;text-align: center;font-size: 16px;color: #666;border-right: 1px solid #dddddd;box-sizing: border-box;}
.pro_nav a:first-child{border-left: 1px solid #dddddd;}
.pro_nav a:hover,.pro_nav a.active{color: #fff;background-color: #3ab488;}
.bg{background-color: #f7f7f7;width: 100%;padding-bottom: 100px;}
.pro_profile{width: 1100px;margin: 0 auto;font-size: 14px;color: #666;line-height: 24px;padding-bottom: 50px;}
.pro_profile h1{font-size: 18px;color: #009b63;}



.main_pro{width: 1100px;margin: 0 auto;background-color: #fff;padding-bottom: 40px;}
.main_pro ul{overflow: hidden;zoom: 1;padding: 0 15px;}
.main_pro li{width: 326px;float: left;margin: 0 15px;}

.pro_img{width: 100%;}
.pro_img img{width: 100%;}
.pro_txt{padding: 20px;border:1px solid #d4d4d4;}
.pro_txt h1{font-size: 16px;color: #009b63;}

.pro_txt p{font-size: 14px;color: #666;height: 45px;margin: 15px 0 25px;line-height: 24px;overflow: hidden;}
.pro_txt a{display: block;width: 120px;line-height: 30px;border:1px solid #d3d3d3;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;}
.pro_txt a:hover{background-color: #d3d3d3;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;}
.pro_txt a span{display: block;margin: 0 18px;background: url(/images/jt1.png) no-repeat center right 8px; padding-right: 20px;font-size: 13px;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;}
.pro_txt a:hover span{margin:0 20px;background: url(/images/jt1.png) no-repeat center right;}



.pro_list{width: 1100px;margin: 0 auto;}

.pro_list li{overflow: hidden;zoom: 1;border:1px solid #dddddd;padding: 30px;background-color: #fff;margin-bottom: 25px;}


.list_img{float: left;width:295px; }
.list_img img{width: 100%;}
.list_txt{width: 650px;float: left;margin: 0 35px;}

.list_txt h1{font-size: 22px;color: #009b63;padding-bottom: 20px;border-bottom: 1px solid #dddddd;}
.list_txt h1 a{font-size: 22px;color: #009b63;border:0; width:auto!important;}
.list_txt h1 a:hover{background:none;color:#03905d;}
.list_txt p{font-size: 14px;color: #444;line-height: 24px;margin: 20px 0;}
.list_txt a{display: block;width: 120px;line-height: 30px;border:1px solid #d3d3d3;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;}
.list_txt a:hover{background-color: #d3d3d3;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;}
.list_txt a span{display: block;margin: 0 18px;background: url(/images/jt1.png) no-repeat center right 8px; padding-right: 20px;font-size: 13px;-webkit-transition: all 0.2s ease .0s;-moz-transition: all 0.2s ease .0s;-ms-transition: all 0.2s ease .0s;transition: all 0.2s ease .0s;}
.list_txt a:hover span{margin:0 20px;background: url(/images/jt1.png) no-repeat center right;}


.list_top,.pro_detail{width: 1100px;margin: 0 auto;overflow: hidden;zoom: 1;border:1px solid #e0e0e0;background-color: #fff;}
.top_img{width: 550px;float: left;}
.top_img img{width: 100%;}
.top_txt{float: left;padding: 0 50px;width: 450px;font-size: 14px;color: #666;line-height: 24px;}
.top_txt h1{font-size: 22px;color: #009b63;padding: 40px 0 20px;border-bottom: 1px solid #e0e0e0;margin-bottom: 20px;}



.pro_detail{margin: 30px auto;}
.product_detail{padding: 30px;font-size: 14px;color: #666;line-height: 24px;}
.product_detail table{width: 100%;border-collapse: collapse;margin: 25px 0;}
.product_detail table thead tr td{background-color: #00c09e;padding: 10px 0;text-align: center; color: #fff;}
.product_detail table thead tr  td h1{font-size: 14px;color: #333;line-height: 24px;}

.product_detail table tr td{padding: 10px;text-align: center;font-size: 14px;color: #666;line-height: 24px;border:1px solid #d0d0d0;}
.product_detail table tr:nth-child(odd) {background-color: #f5f5f5;}

.case{overflow: hidden;zoom: 1;width: 1100px;margin: 0 auto;background-color: #fff;border:1px solid #dddddd;box-sizing:border-box;}
.case_img img{width: 100%;}
.case_left{float: left;width: 825px;border:1px solid #dddddd;box-sizing:border-box;border-bottom: 0;}
.case_txt{background-color: #e4e4e4;padding:15px 30px; font-size: 14px;color: #666;line-height: 24px;}
.case_txt h1{line-height: 50px;background-color: #e9e9e9;font-size: 20px;color: #333;margin-bottom: 15px;text-indent: 40px;}
.case_txt h2{font-size: 18px;color: #333;padding: 20px 0;}
.case_txt p{line-height:26px; font-size:16px;}

.case_right{float: left;padding: 35px 20px;width:225px;background-color: #fff;border-top:1px solid #dddddd;}
.case_right li{margin-bottom: 20px;}
.right_img img{width: 100%;}
.right_txt{margin-top: 12px;}
.right_txt a{font-size: 14px;color: #666;}

.case_right li:hover .right_txt a{color: #009b63;}


.contact_ditu{width: 1100px;margin: 0 auto;}


.contact_ditu li{overflow: hidden;zoom: 1;margin-bottom: 40px;border:1px solid #dddddd;box-sizing:border-box;background-color: #fff;}

.ditu_img{float: left;width:550px;overflow: hidden;height: 395px;}
.ditu_img img{max-width:100%;}
.ditu_txt{float: left;width:428px;display: table;height: 395px;padding: 0 60px;}
.ditu_txt h1{display: table-cell;font-size: 22px;color: #01754b;height: 395px;vertical-align: middle;}
.ditu_txt p{font-size: 14px;color: #666;line-height: 30px;margin-top: 30px;}
.ditu_txt h1 span{font-size: 14px;}


.ditu_load{width: 550px;height: 395px;}
#dituContent{width: 100%;height: 395px;}





.auditing{background-color: #fff;border:1px solid #dddddd;box-sizing:border-box;padding: 45px 50px;width: 1000px;margin: 0 auto;}
.auditing img{max-width: 100%;}
.auditing h1{font-size: 18px;color: #009b63;line-height: 28px;}
.auditing h2{font-size: 16px;color: #333;line-height: 26px;}
.auditing p{font-size: 14px;color: #666;line-height: 24px;}
.auditing hr{border: 0;background-color: #ddd;height: 1px;width: 100%;margin: 30px 0;}

.message_block{margin-bottom: 10px;}
.message_block input{width: 100%;height: 45px;line-height: 45px;border:1px solid #cccccc;font-size: 14px;color: #333;text-indent: 20px;border-radius: 5px;}
.message_block textarea{width: 100%;height: 195px;line-height: 45px;border:1px solid #cccccc;font-size: 14px;color: #333;text-indent: 20px;border-radius: 5px;}

.message{background-color: #fff;border:1px solid #dddddd;box-sizing:border-box;width: 1100px;margin: 0 auto;padding: 45px 0 50px;}

.contact_form{width: 660px;margin: 0 auto;}
a.submit{display: block;width: 125px;color: #fff;line-height: 45px;font-size: 18px;text-align: center;margin-top: 20px;background-color: #3ab488;border-radius: 5px;}




.career{width: 1100px;margin: 0 auto;border:1px solid #dddddd;box-sizing:border-box;padding: 30px 0 0;background-color: #fff;}
.career_select select{width: 270px;height: 25px;border:1px solid #dddddd;line-height: 25px;background-color: #fff;margin-right: 20px;}

.career_select{font-size: 14px;color: #333;line-height: 25px;padding-left: 40px;padding-bottom: 30px;border-bottom:1px solid #dddddd;}
.career_select a{display: inline-block;width: 88px;color: #fff;text-align: center;line-height: 25px;background-color: #009b63;}


.operate ul{ padding:0}
.operate li{border-bottom: 1px solid #d6d6d6;background: #fff;}
.operate li h4{cursor:pointer;font-size:16px;color:#333; position:relative; padding:25px 40px;}
.operate li h4 i{ float:right; font-style:normal}
.operate li h4 .re_sub{background:url("/images/down.png") no-repeat right;-webkit-transform:rotate(0deg);transform:rotate(0deg);float:right;padding-right: 30px;}
.operate li h4 .join_add{padding-right: 107px;}
.trans {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.operate li:hover h4{color:#009b63 }
.operate li.selected {border-top:2px solid #009b63;}
.operate li.selected h4 {color:#009b63 }
.operate li.selected h4 .re_sub{background:url("/images/up.png") no-repeat right;}
.operate li .list-item{color: #666;z-index: 2; padding:20px 40px; display:none;background: #f0f0f0;}
.operate li .list-item span{ font-size: 14px;color: #666; line-height: 30px;margin-right:160px;}
.operate li .list-item h2{font-size: 14px;color: #333;line-height: 26px;}
.operate li .list-item p{ font-size: 14px;color: #666; line-height:24px;}

.operate li .list-item h3{ width:120px; text-align:center;font-size:16px; margin-top:40px;font-size: 16px;text-align: center;background-color:#3ec1d9;border:1px solid #3ec1d9;line-height: 35px;}
.operate li .list-item h3 a{ color:#fff; width:100%; display:block;}
.operate li .list-item h3 a:hover{ background:#f4f4f4; color:#3ec1d9}





.ban2{ width:1030px; height:455px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:1030px; height:455px;position: relative;}

.ban2 ul li p{position: absolute;bottom:0;background: rgba(0,0,0,0.6);text-align: center;font-size: 14px;color: #fff;line-height: 56px;width: 100%;}

.prev{ float:left; cursor:pointer;}

.num{ height:104px;overflow:hidden; width:940px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:1030px;overflow: hidden;zoom: 1;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:166px; height:74px; margin:0 10px;opacity: 0.8;overflow:hidden;margin-top:15px;}
.num ul li img{width: 100%;}
.num ul li.on{opacity: 1;}
.prev_btn1{ width:40px; text-align:center; height:104px; margin-right:10px; cursor:pointer; float:left;}
.next_btn1{  width:40px; text-align:center; height:104px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:0px; width:53px; height:53px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:0px; width:53px; height:53px;z-index:9;cursor:pointer;}

.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}






.team{border:1px solid #ddd;width: 1100px;margin: 0 auto;padding: 35px;background-color: #fff;box-sizing:border-box;}





.language_dropdown {
/* Size and position */
position: relative;
width: 80px;
margin: 0 auto;
padding:0px;

/* Styles */
border-radius: 5px;
border: 1px solid #cacaca;
cursor: pointer;
outline: none;
float: right;
margin-top:6px;
/* Font settings */
color: #666;

-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}


.language_dropdown.active{background-color: #009b63; border: 1px solid #009b63;}
.language_dropdown:hover{background-color: #009b63; border: 1px solid #009b63;

-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;

}
.language_dropdown.active span,.language_dropdown:hover span{color:#fff;

-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;

}
.language_dropdown.active:after,.language_dropdown:hover:after{border-color: #fff transparent;}
.language_dropdown span{line-height: 20px;font-size: 12px;padding-left: 9px;}

.language_dropdown:after {
content: "";
width: 0;
height: 0;
position: absolute;
right: 8px;
top: 50%;
margin-top: -1px;
border-width: 4px 4px 0 4px;
border-style: solid;
border-color: #666 transparent;
}

.language_dropdown .dropdown {
/* Size & position */
position: absolute;
top: 140%;
left: 0;
right: 0;
z-index: 10;
/* Styles */
background: white;
border-radius: inherit;
border: 1px solid rgba(0,0,0,0.17);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
font-weight: normal;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
list-style: none;

/* Hiding */
opacity: 0;
pointer-events: none;
}

.language_dropdown .dropdown:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 15px;
border-width: 0 6px 6px 6px;
border-style: solid;
border-color: #fff transparent;    
}

.language_dropdown .dropdown:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 13px;
border-width: 0 8px 8px 8px;
border-style: solid;
border-color: rgba(0,0,0,0.1) transparent;    
}

.language_dropdown .dropdown li a {
display: block;
text-align: center;
padding: 3px;
text-decoration: none;
color: #666;
border-bottom: 1px solid #e6e8ea;
box-shadow: inset 0 1px 0 rgba(255,255,255,1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.language_dropdown .dropdown li i {float: right;color: inherit;}

.language_dropdown .dropdown li:first-of-type a {border-radius: 7px 7px 0 0;}

.language_dropdown .dropdown li:last-of-type a {border: none;border-radius: 0 0 7px 7px;}

/* Hover state */

.language_dropdown .dropdown li:hover a {background: #e0e0e0;}

/* Active state */

.language_dropdown.active .dropdown {opacity: 1;pointer-events: auto;}

/* No CSS3 support */

.no-opacity       .language_dropdown .dropdown,
.no-pointerevents .language_dropdown .dropdown {
display: none;
opacity: 1; /* If opacity support but no pointer-events support */
pointer-events: auto; /* If pointer-events support but no pointer-events support */}

.no-opacity       .language_dropdown.active .dropdown,.no-pointerevents .language_dropdown.active .dropdown {display: block;}




#share{margin-top:20px;}
#share a{ width: 30px;height: 30px;  margin: 0px 5px 0; float:right; border:1px solid #686d74; padding:0; border-radius:30px}
#share a.bds_tsina{ background:url(/images/share_img_1.png) no-repeat center; background-size:17px 14px}
#share a.bds_weixin{ background:url(/images/share_img_2.png) no-repeat center; background-size:17px 13px}
#share a.email{ background:url(/images/share_img_3.png) no-repeat center;background-size:16px 12px }
#share a:hover{ background-color:#009b63; border:1px solid #009b63}

.language{width: 105px;line-height: 30px;display: block;border:1px solid #555c57;float: right;}
.language span{margin: 0 15px;display: block;background: url(/images/jt2.png) no-repeat center right;font-size: 12px;color: #fff;line-height: 30px;}


.foot_dropdown {
/* Size and position */
position: relative;
width: 120px;
margin: 25px auto 0;
padding:0px;

/* Styles */
border: 1px solid #555c57;
cursor: pointer;
outline: none;
float: right;
/* Font settings */
color: #666;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}

.foot_dropdown span{line-height: 30px;font-size: 12px;padding-left: 9px;color: #bababa;}

.foot_dropdown:after {
content: "";
width: 0;
height: 0;
position: absolute;
right: 8px;
top: 50%;
margin-top: -1px;
border-width: 4px 4px 0 4px;
border-style: solid;
border-color: #bababa transparent;
}

.foot_dropdown .dropdown {
/* Size & position */
position: absolute;
top: 140%;
left: 0;
right: 0;
z-index: 1;
/* Styles */
background-color: #e6e6e6;
border-radius: inherit;
border: 1px solid rgba(0,0,0,0.17);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
font-weight: normal;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
list-style: none;

/* Hiding */
opacity: 0;
pointer-events: none;
}

.foot_dropdown:hover,.foot_dropdown.active{
background-color:#555c57;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;

}

.foot_dropdown .dropdown:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 15px;
border-width: 0 6px 6px 6px;
border-style: solid;
border-color: #e6e6e6 transparent;    
}

.foot_dropdown .dropdown:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 13px;
border-width: 0 8px 8px 8px;
border-style: solid;
border-color: rgba(0,0,0,0.1) transparent;    
}

.foot_dropdown .dropdown li a {
display: block;
text-align: center;
padding: 8px;
text-decoration: none;
color: #666;
border-bottom: 1px solid #d2d2d2;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.foot_dropdown .dropdown li i {float: right;color: inherit;}



/* Hover state */

.foot_dropdown .dropdown li:hover a {background: #d7d7d7;}

/* Active state */

.foot_dropdown.active .dropdown {opacity: 1;pointer-events: auto;}

/* No CSS3 support */

.no-opacity       .foot_dropdown .dropdown,
.no-pointerevents .foot_dropdown .dropdown {
display: none;
opacity: 1; /* If opacity support but no pointer-events support */
pointer-events: auto; /* If pointer-events support but no pointer-events support */}

.no-opacity       .foot_dropdown.active .dropdown,.no-pointerevents .foot_dropdown.active .dropdown {display: block;}


.top_language{float: right;}
.top_language .code{float:left; padding-top:7px;font-weight: bold;font-size: 14px;}
.top_language img{margin: 6px 9px 0}


.big {overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s;transition: all 0.5s ease .0s;}
.big:hover{-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);transform: scale(1.10);}

.rotate{-webkit-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;-ms-transform:all ease-in-out 400ms;-moz-transform:all ease-in-out 400ms;}
.rotate:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}

.news_img{overflow: hidden;height:350px; width:100%;}
#example5{position: relative;}
#example5 .sp-thumbnail-image-container {

	height: 168px;
	overflow: hidden;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

#example5 .sp-thumbnail-image {
	height: 168px;max-width: 100%;
}


.sp-thumbnail{padding: 0 20px;}

#example5 .sp-thumbnail-text {
	width: 100%;
	color:#666;
	font-size:14px;
	line-height:24px;
}

.sp-mask{width: 100%!important;}
#example5 .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#example5 .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 500px) {
	#example5 .sp-thumbnail {
		text-align: center;
	}

	#example5 .sp-thumbnail-image-container {
		display: none;
	}

	#example5 .sp-thumbnail-text {
		width: 120px;
	}

	#example5 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#example5 .sp-thumbnail-description {
		display: none;
	}
}


.case_category {background: #fff;width: 1100px;margin: 0 auto;}
.case_category ul{overflow: hidden;zoom: 1;padding: 0 15px 50px;}
.case_category li{width: 326px;float: left;margin: 0 15px 15px;transition:all .4s cubic-bezier(.4,0,.2,1)}	
.category_img img{width: 100%;}
.case_category li h1{font-size: 16px; color: #009b63;text-align: center;padding:10px;background-color: #f5f5f5;transition:all .4s cubic-bezier(.4,0,.2,1)}
.case_category li:hover h1{color: #fff;background-color: #009b63;transition:all .4s cubic-bezier(.4,0,.2,1)}

.detail_nav{width: 1100px;margin: 20px auto  40px;text-align: center;}
.detail_nav li{display: inline-block;font-size: 0;margin: 10px;}
.detail_nav li a{display: block;font-size:16px;color: #666;padding: 10px 20px;border:1px solid #ddd;transition:all .4s cubic-bezier(.4,0,.2,1);}
.detail_nav li a:hover{border:1px solid #009b74;color: #009b74;transition:all .4s cubic-bezier(.4,0,.2,1);}
.detail_nav li a.active{border:1px solid #009b74;color: #009b74;}


/**以下是搜索代码**/
.searchbar {
	display: block;
	position: fixed;
	visibility: hidden;
	transition: visibility .3s ease
}

.searchbar.open {
	visibility: visible;
	opacity: 1
}

.searchbar input {
	background: transparent;
	outline: 0;
	border: 0;
	text-align: left;
	display: block;
	box-sizing: border-box;
	height: 50px;
	line-height: 49px;
	padding: 0 6%;
	font-size: 1.125rem;
	color: #333;
	width: 75%;
	float: left
}

.searchbar input:focus {
	border-bottom: 0
}

.searchbar .btn {
	width: 25%;
	display: block;
	float: left;
	height: 50px;
	padding: 0
}



	.searchbar {
		width: 100%;
		height: 100%;
		z-index: 9000;
		transition: background-color .4s ease
	}

	.searchbar>div {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 70%;
		max-width: 720px;
		border-radius: 5px;
		overflow: hidden;
		opacity: 0;
		-webkit-box-shadow: 0 -3px 19px 2px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 -3px 19px 2px rgba(0,0,0,0.1);
		box-shadow: 0 -3px 19px 2px rgba(0,0,0,0.1);
		transform: translate(-50%,-200%);
		transition: transform .5s ease,opacity .5s ease;
		transition-delay: .1s
	}

	.searchbar input {
		background-color: #fff;
		height: 60px;
		line-height: 59px;
		font-size: 20px;
	}

	.searchbar .btn {
		line-height: 59px;
		height: 60px;
		font-size: 1.375rem;
		border-radius: 0 5px 5px 0
	}

	.searchbar.open {
		background-color: rgba(0,0,0,0.8)
	}

	.searchbar.open>div {
		transform: translate(-50%,-50%);
		opacity: 1
	}


	.searchbar.open .search-close {
		transform: translateY(0)
	}

.btn {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	position: relative;
	transition: color .3s ease-out;
	cursor: pointer;
	border: 0;
	color: #fff;
	height: 45px;
	line-height: 44px;
	text-align: center;
	font-weight: 400;
	background-color: #009b63;
	padding: 0 2em;
	font-size: 1rem
}

.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #24bf87;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .2s ease-out
}

.btn:hover,.btn:focus,.btn:active {
	color: #fff
}

.btn:hover:before,.btn:focus:before,.btn:active:before {
	transform: scaleX(1)
}

.search-close {
		display: block;
		position: absolute;
		background-image: url("/images/search-close.svg");
		background-size: 28px auto;
		background-position: center center;
		background-color: transparent;
		background-repeat: no-repeat;
		width: 60px;
		height: 60px;
		right: 50px;
        top: 53px;
		transform: translateY(-50%);
		transition: transform .5s ease,background-color .3s ease;
		font-size: 0
	}
.search-close:hover {background-color: #009b63}

.home_title{border-bottom: 1px solid #e5e5e5;}
.home_title h1{padding:20px 0 20px 30px;background: url(/images/home.png) no-repeat center left;font-size: 14px;color: #666;}
.home_title a.active{color: #009b63}






/* 修改资质荣誉 10-11 */
.honnor_slide{padding-bottom:60px;margin-bottom:50px;}
.honnor_item{margin:20px 0px;border: 1px solid #f2f2f2;box-sizing: border-box;height:185px;overflow:hidden;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);background-color:#efefef;}
.honnor_item h1{font-size:22px;color:#009b63;margin-bottom:20px;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:10px;}
.honnor_item p{font-size:16px;color:#666;line-height:30px;transition:all .4s cubic-bezier(.4,0,.2,1);}
.honnor_slide .swiper-pagination-bullet{width:12px;height:12px;}
.honnor_slide .swiper-pagination-bullet-active{background: #3ab488;}

.honnor_item:hover{background:#3ab488;border:1px solid #3ab488;transition:all .4s cubic-bezier(.4,0,.2,1);}
.honnor_item:hover h1,.honnor_item:hover p{color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);}

/* 修改产品介绍 10-19 */

.slide-item{position:relative;float:left;color:#000;font-size:0;text-align:center;width:400px;height:420px;cursor:pointer;background-position: center;background-repeat: no-repeat;background-size: cover;}
.slide-item .item-bg{width:100%;height:100%}
.slide-item .mask{position:absolute;left:0;right:0;top:0;bottom:0}
.slide-item .mask .bg{position:absolute;left:0;right:0;top:0;bottom:0;background:#161a1d;opacity:.3;filter:alpha(opacity=30);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(30));transition:all .4s cubic-bezier(.4,0,.2,1)}

.slide-item .mask .item_text{position:absolute;left:0;right:0;top:190px;bottom:0;transition:all .6s cubic-bezier(.4,0,.2,1)}
.slide-item .mask .item_text .line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:30px;transition:all .3s cubic-bezier(.4,0,.2,1);text-align: center;}
.slide-item .mask .item_text .line-panel .item-line{width:80px;height:3px;background:#fff;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-item .mask .item_text .item-img-panel{position:relative;width:68px;height:68px;display:inline-block}
.slide-item .mask .item_text .item-img-panel .item-img,.slide-item .mask .item_text .item-img-panel .item-img-hover{position:absolute;left:0;right:0;top:0;width:100%;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-item .mask .item_text .item-img-panel .item-img-hover{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .6s cubic-bezier(.4,0,.2,1)}
.slide-item .mask .item_text .item-title{color:#fff;font-size:26px;line-height:24px;margin:0;padding:0;margin-top:24px;transition:all .6s cubic-bezier(.4,0,.2,1)}
.slide-item .mask .item_text .item-desc{font-size:18px;color:#fff;text-align:center;margin-top:30px;padding:0 60px;line-height:30px;height:72px}
.slide-item .mask .item_text .item-link{display:inline-block;width:120px;height:36px;line-height:36px;font-size:14px;color:#fff;text-decoration:none;margin-top:62px;border:1px solid #fff;}


.slide-item .mask .item_text .item-desc,.slide-item .mask .item_text .item-link{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .3s cubic-bezier(.3,0,.2,1)}
.slide-item:hover .bg{background:#009b63;opacity:.8;filter:alpha(opacity=80);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(80))}

.slide-item:hover .item_text{top:50px;}
.slide-item:hover .item_text .item-img-panel .item-img{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.slide-item:hover .item_text .item-img-panel .item-img-hover{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.slide-item:hover .item_text .line-panel{margin-top:10px}.slide-item:hover .item_text .line-panel .item-line{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.slide-item:hover .item_text .item-title{margin-top:120px}.slide-item:hover .item_text .item-desc,.slide-item:hover .item_text .item-link{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.slide-item:hover .item_text .item-desc{margin-top:20px;}
.slide-item:hover .item_text .item-link{margin-top:20px;}


/*修改上一页下一页样式 10-22*/

.news_shares{width:100%;padding-top:60px;margin-bottom:100px;}
.news_shares .news_sharesL{float:left;}
.news_sharesL>a{font-size:13px;color:#828798;line-height:24px;}
.news_sharesL>a:hover{text-decoration:underline;color:#3ab488;}
.news_sharesR .ToMenu{width:160px;height:34px;border:1px solid #3ab488;text-align:center;line-height:34px;color:#3ab488;margin-bottom:20px;transition:0.6s;display: block;font-size:13px;}
.news_sharesR .ToMenu:hover{background:#3ab488;color:#fff;}
.news_shares .news_sharesR{float:right;}
.clearfix:after {display: block;content: '';clear: both;visibility: hidden;}

/*11-20 新增投资者*/
.announcement_nav{padding: 60px 0 20px;}
.announcement_nav a{display: inline-block;width: 160px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #333;background-color: #f2f2f2;margin-right: 10px;}
.announcement_nav a:hover,.announcement_nav a.active{color: #fff;background-color: #3ab488;}

.announcement,.system{padding-bottom: 100px;}
.announcement li,.system li{padding: 30px 0;border-bottom: 1px solid #e5e5e5;overflow: hidden;zoom: 1;}
.announcement li a,.system li a{display: block;}
.announcement li p{padding-left: 25px;background: url(/images/yuan1.png) no-repeat center left;font-size: 16px;color: #333;padding-right: 80px;float: left;}
.announcement li span{font-size: 14px;color: #333;float: right;}
.announcement li:hover p,.announcement li:hover span{color: #3ab488;}



.system li a{background: url(/images/pdf.png) no-repeat center left,url(/images/download1.png) no-repeat center right;font-size: 16px;color: #3ab488;padding:0 50px;}
.system li time{font-size: 14px;color: #333;}
.text{padding: 60px 0;}
.text img{max-width: 100%;}

.investor_l{padding: 45px;float: left;width: 530px;border: 1px solid #e5e5e5;box-sizing:border-box;margin-right: 30px;min-height: 455px;}
.investor_l h1,.investor_r h1{font-size: 30px;color: #333;margin-bottom: 25px;}
.investor_l p{font-size: 18px;color: #666;padding-left: 45px;margin-bottom: 25px;line-height: 30px;}
.investor_l p.tel{background: url(/images/tel.png) no-repeat center left;}
.investor_l p.email{background: url(/images/email.png) no-repeat center left;}
.investor_l p.fax{background: url(/images/fax.png) no-repeat center left;}
.investor_l p.add{background: url(/images/add.png) no-repeat center left;}
.investor_r{width: 540px;border: 1px solid #e5e5e5;box-sizing:border-box;padding: 45px;float: left;}

#dituContent{width: 100%;height: 300px;}


.investor{padding: 60px 0 120px;}

.shares_l{width: 515px;float: left;margin-right: 30px;overflow: hidden;zoom: 1;}
.shares_r{width: 550px;float: left;border:1px solid #e5e5e5;box-sizing:border-box;}
.shares_self{width: 265px;float: left;background-color: #3ab488;text-align: center;line-height: 30px;padding: 64px 0;}
.shares_self h1{font-size: 24px;color: #fff;margin-bottom: 20px;}
.shares_self time{display: block;font-size: 16px;color: #fff;}

.shares_number{float: left;background-color: #f2f2f2;width: 250px;border:1px solid #e5e5e5;box-sizing:border-box;padding: 45px;text-align: center;overflow: hidden;zoom: 1;}
.shares_number h1{font-size: 40px;color: #b1020c;line-height: 50px;margin-bottom: 30px;}
.shares_number h1 b{padding-right: 55px;background: url(/images/nqhicon_02.png) no-repeat center right;display: inline-block;}
.shares_number span{font-size: 24px;color: #b1020c;margin:0 10px}

.shares_number.number2 h1,.shares_number.number2 span{color: #018000;}
.shares_number.number2 h1 b{background: url(/images/nqhicon_03.png) no-repeat center right;}


.fr{float: right;}
.shares_r h1{background-color: #f2f2f2;padding: 20px 25px;}
.shares_r h1 span{display: block;font-size: 18px;color: #333;padding-left: 30px;background: url(/images/delay.png) no-repeat center left;}

.shares_data{padding:15px;}
.shares_data h2{display: inline-block;padding: 15px;font-size: 16px;color: #666;}

.shares_slide,.shares{margin: 50px 0;}
.shares_slide .hd{border-bottom: 2px solid #3ab488;margin-bottom: 30px;overflow: hidden;zoom: 1;}
.shares_slide .hd li{cursor: pointer;width: 120px;height: 50px;text-align: center;float: left;margin-right: 10px;background-color: #f2f2f2;font-size: 18px;color: #666;line-height: 50px;}
.shares_slide .hd li.on,.shares_slide .hd li:hover{background-color: #3ab488;color: #fff;}
.shares_slide .bd{border:1px solid #e5e5e5;border-top: 0;}
.shares_slide>h1{padding: 15px 30px;background-color: #f2f2f2;border:1px solid #e5e5e5;border-bottom: 0;}
.shares_slide>h1 span{font-size: 16px;color: #666;display: inline-block;margin-right: 30px;}
.shares_slide>h1 span b{font-weight: normal;color: #f03c3e;}
.shares_slide .bd ul{padding: 80px;text-align: center;}
.shares_slide .bd ul img{max-width: 100%;}



.investor_nav{border-bottom: 1px solid #dddddd;overflow: hidden;zoom: 1;}
.investor_nav a{display: block;float: left;width: 33.33%;line-height: 50px;text-align: center;font-size: 16px;color: #666;border-right: 1px solid #dddddd;box-sizing:border-box;}
.investor_nav a:first-child{border-left: 1px solid #dddddd;}
.investor_nav a:hover,.investor_nav a.active{color: #fff;background-color: #3ab488;}

.table-responsive{overflow-x:auto;}

.down{margin:0 0 80px;}
.down li{padding: 25px 0 15px;border-bottom: 1px solid #e5e5e5;overflow: hidden;zoom: 1;}
.down li a{display: block;}
.down li img{width:26px;}
.down li p{padding-left: 25px;background: url(/images/yuan1.png) no-repeat top 3px left; width:calc(80% - 25px);font-size: 16px;color: #333;float: left;}
.down li span{font-size: 14px;color: #333;float: right;width:20%;text-align: right;}
.down li:hover p,.announcement li:hover span{color: #3ab488;}


#menu li.lan{border-bottom-color: #fff;float: right; right: 15px;}
#menu li.lan:after{content:none;}
#menu li.lan a{
padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #d5d5d5;
    margin: 0 5px;
    text-align: center;
}


.main_pro .video {width:1040px;margin: 0 auto;padding: 60px 0;border:0;}
.main_pro .video:focus{outline: -webkit-focus-ring-color auto 0px;}
.main_pro .video .video-container {position: relative;}
.main_pro .video .video-container img {display: block;height: auto;width: 100%;}
.main_pro .video video {position: absolute;height:100%;width: 100%;left: 0;top: 0;cursor: pointer;}