@charset "utf-8";
/* CSS Document */
.about .a-r{ float:right; width:400px; height:280px; overflow:hidden;}
.about .a-r img:hover{transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3); -webkit-transform: all 1s ease 0s; cursor:pointer}
.about .a-r img{display: block; transition: all 2s ease 0s; width:100%; height:100%;}

.about{ padding:20px 0; }
.about .a-l{ float:left; padding:15px;}
.about .a-l .title{ font-size:0px;}
.about .a-l .title h3, .about .a-l .title img{ display:inline-block; vertical-align:middle;}
.about .a-l .title img{ position:relative; top:-2px; padding-left:10px;}

.about .a-l .title h3{ font-size:24px; color:#333;}
.about .a-l .title p{ font-size:16px; color:#33ab38; padding-top:10px;}
.about .a-l .a-content{ max-width:650px; line-height:25px; padding-top:30px; padding-bottom:10px; color:#707070; font-size:15px;}
.about .a-l .a-more{ display:block; height:35px; padding:0 10px; border:#18978c 1px solid; width:100px; font-size:12px; line-height:35px; text-align:center; color:#fff; background:#33ab38; transition:.2s linear; -webkit-transition:.2s linear; font-family:arial;}
.about .a-l .a-more:hover{ background:#fff; color:#999; border:#ddd 1px solid;}


.about2{}
.ab-img{width:380px; height:300px; float:left; margin:10px;position: relative; overflow:hidden;}
.ab-img .img{width:100%; height:100%;}
.ab-img .img img{width:100%; height:100%; border:0px; display: block; transition: all 2s ease 0s;}
.ab-img .img:hover img{ transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3); -webkit-transform: all 1s ease 0s; cursor:pointer}
.ab-img .div1 {overflow:hidden; line-height:40px; background:url(../images/abot_bb.png) repeat-y; position:absolute; bottom:0px; text-align:right; width:100%; font-size:24px; color:#fff; font-family:'Miscrosoft'}

.service{ background: url(images/service_bg_14.png) no-repeat center top / auto 349px;}
.service .title{ text-align:left; color:#33ab38; padding:50px 0px 20px 0px;}
. .title .en{ font-size:40px; font-family:"hs"; text-transform: uppercase}
. .title h3{ margin-top:5px;}
.service .ser-items{ font-size:0px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.service .ser-items .list{ display:inline-block; width:400px; font-size:12px; border-right:#ddd 1px solid; border-top:#ddd 1px solid; box-shadow:0 0 0 rgba(0,0,0,0); transform:scale(1); -webkit-transform:scale(1); transition:.2s linear; -webkit-transition:.2s linear; position:relative; z-index:1; overflow:hidden;}
.service .ser-items .list:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2); transform:scale(1.1); -webkit-transform:scale(1.1); position:relative; z-index:2; border-right:#fff 1px solid; border-top:#fff 1px solid;}
.service .ser-items .list a:before{ content:''; width:100px; height:100px; position:absolute; right:-50px; bottom:-50px; background:#18978c; transform:rotate(45deg); -webkit-transform:rotate(45deg); opacity:0;transition:.2s linear; -webkit-transition:.2s linear;}
.service .ser-items .list a:after{ content:''; position:absolute; right:10px; bottom:10px; background:url(../images/more.png) no-repeat center center; width:20px; height:20px;}
.service .ser-items .list:hover a:before{ opacity:1;}
.service .ser-items .list a{ display:block;padding:32px 40px 32px 140px; position:relative;}
.service .ser-items .list:nth-child(3n){ border-right:#fff 1px solid;}
.service .ser-items .list h3{ font-size:15px; color:#18978c}
.service .ser-items .list p{ color:#999; line-height:1.7; padding-top:10px; transition:.2s linear; -webkit-transition:.2s linear; height:90px;}
.service .ser-items .list:hover p{ color:#333;}
.service .ser-items .s01{ background:#fff url(../images/s01_19.png) no-repeat 30px center;}
.service .ser-items .s02{ background:#fff url(../images/s02_19.png) no-repeat 30px center;}
.service .ser-items .s03{ background:#fff url(../images/s03_19.png) no-repeat 30px center;}
.service .ser-items .s04{ background:#fff url(../images/s04_19.png) no-repeat 30px center;}
.service .ser-items .s05{ background:#fff url(../images/s05_19.png) no-repeat 30px center;}
.service .ser-items .s06{ background:#fff url(../images/s06_19.png) no-repeat 30px center;}


.service .title .en{ padding-left:10px;}
.service .title .en p{font-size:12px; font-weight:normal; font-family:arial; color:#999; padding-top:3px; text-transform:none}
.service .title img, .service .title .en {
    display: inline-block;
    vertical-align: bottom;
    font-size: 18px; text-transform:uppercase;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-weight: bold;
    color: #666;
}

.product{ position:relative;}
.product:after{ content:''; width:439px; height:211px; position:absolute; right:-100px; background:url(images/cl.png) no-repeat center center; top:-230px; z-index:0}
.product .title,.news .title,.cooperation .title{ padding:50px 0px 0px 0px; font-size:0; position:relative;}
.product .title:before,.product .title:after{ content:''; width:155px; height:6px; position:absolute; top:0px; left:0px;}
.product .title:after{ left:155px;}
.product .title img,.product .title .en,.news .title img,.news .title .en,.cooperation .title img,.cooperation .title .en{ display:inline-block; vertical-align:bottom; font-size:18px; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-weight:bold; color:#666;}
.product .title .en,.news .title .en,.cooperation .title .en{ padding-left:10px;}
.product .title .en p,.news .title .en p,.cooperation .title .en p{ font-size:12px; font-weight:normal; font-family:arial; color:#999; padding-top:3px;}
.product .title .pnav-bar,.news .title .pnav-bar,.cooperation .title .pnav-bar{ position:absolute; right:0px; top:63px; font-size:12px; z-index:1;}
.product .title .pnav-bar .nlist,.news .title .pnav-bar .nlist{ display:inline-block;}
.product .title .pnav-bar .nlist:hover,.news .title .pnav-bar .nlist:hover{ color:#18978c;}
.product .title .pnav-bar .nlist:after,.news .title .pnav-bar .nlist:after{ content:'|'; margin:0 5px;}
.product .title .pnav-bar .nmore,.news .title .pnav-bar .nmore,.cooperation .title .pnav-bar .nmore{ background:#18978c; font-size:10px; color:#fff; padding:3px 5px; border-radius:3px;}
.product .pro-tab{ font-size:0px;}
.product .pro-tab .big-img,.product .pro-tab .pro-right{ display:inline-block; vertical-align:top;}
.product .pro-tab .big-img{ width:440px; height:440px; border:#ddd 1px solid; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.product .pro-tab .pro-right{ width:760px;}
.product .pro-tab .pro-right .pro-txt{ margin-left:50px; height:285px; width:710px; overflow:hidden; position:relative;}
.product .pro-tab .pro-right .pro-txt .pro-list{ position:absolute; left:0px; top:0px; font-size:0px;}
.product .pro-tab .pro-right .pro-txt .t-items{ height:285px; width:710px; display:inline-block; overflow:hidden;}
.product .pro-tab .pro-right .pro-txt .t-items h3{ font-size:24px; font-weight:normal; color:#18978c; position:relative; padding-left:20px;}
.product .pro-tab .pro-right .pro-txt .t-items h3:before,.product .pro-tab .pro-right .pro-txt .t-items h3:after{ content:''; width:3px; background:#18978c; height:22px; position:absolute; left:0px; top:3px;}
.product .pro-tab .pro-right .pro-txt .t-items h3:after{ left:5px; width:1px;}
.product .pro-tab .pro-right .pro-txt .t-items p{ padding-top:40px; line-height:1.8; font-size:14px; height:145px;}
.product .pro-tab .pro-right .pro-txt .t-items a{ height:30px; line-height:30px; width:100px; text-align:center; background:#eee; margin-top:35px; display:block; font-size:12px; font-family:arial; transition:.2s linear; -webkit-transition:.2s linear; color:#999;}
.product .pro-tab .pro-right .pro-txt .t-items a:hover{ background:#18978c; color:#fff;}
.product .pro-tab .pro-right .small-img ul{ font-size:0px; padding-left:20px;}
.product .pro-tab .pro-right .small-img ul li{ display:inline-block; width:155px; height:155px; border:#ddd 1px solid; margin-left:30px;}

/*----about-----*/
.bodydivnei_left_menu{width:100%; padding-bottom:3px; overflow:hidden;}
.bodydivnei_left_menu a{display: inline-block; float:left; padding-left:30px;text-transform: capitalize;width:100%; height:49px; line-height:50px; border-bottom:#f2f2f2 solid 1px;}
.bodydivnei_left_menu a.on{ background:#33ab38 url(../images/tupian7.png) right no-repeat; color:#FFFFFF;}
.bodydivnei_left_menu a:hover{ background:#33ab38 url(../images/tupian7.png) right no-repeat; color:#FFFFFF;}
.bodydivnei_left_con{ padding:0px 0px; width:100%; overflow:hidden}
.bodydivnei_left_con div{min-height:49px; display: flex; align-items: center;padding-left:28px; font-size:14px; border-bottom:#f2f2f2 solid 1px;}

.p10{padding:10px; font-size:18px;color:#fff; background:#33ab38}
.m5{margin:0px 0px; padding:10px 0 6px; border-bottom:2px solid #33ab38; min-width:150px;}
/*-----pro-----*/
.pro{background-color:#33ab38; width:100%; margin:0 auto;}
.right_menu_box{width:930px; overflow:hidden;}
.right_menu_left{width:566px; height:300px; margin:20px 0 0; background-color:#fff;}
.right_menu_left div{margin:30px;}
.right_menu_left h1{margin-top:60px; font-size:24px; margin-bottom:20px;}
.right_menu_left p{ font-size:14px; line-height:25px;}
.right_menu_right{width: auto; height:300px; margin:20px 0px 0px 0;}
.right_menu_right img{height:300px; width:auto;}

.right_menu_foot{background-color:#fff; margin-top:10px; margin-bottom:20px; width:100%; height:50px;}
.right_menu_foot li{float:left; margin:20px 10px;}
.right_menu_foot li a:hover{color:#33ab38;}
.right_menu_foot .more{float:right;background: #6dd071; padding: 17px 24px; color:#fff; font-size:16px; font-weight:bold}
.right_menu_foot .more:hover{color:#33ab38;}

.youshi{width:100%;}
.youshi_list{width: 260px; height:auto; padding:0px 50px; margin:20px; float:left}
.youshi_list_img{}

.phfront{	display:block;	margin:0 auto;}
.phback{	display:none;	margin:0 auto;}
.youshi_list_img:hover .phfront{	display:none;}
.youshi_list_img:hover .phback{	display:block;}

.youshi_list_text{margin:20px 0px; text-align:center;}
.youshi_list_text h1{font-size:14px; font-weight:bold;}
.youshi_list_text p{margin-top:10px; line-height:18px;}

.fangan{background-color:#f6f6f6;}
.fangan .list{width:400px; height:auto; overflow:hidden; float:left}
.fangan .list .list-1{width:100%;}

.fangan .list .list-2{background-color:#fff; height:205px;}
.fangan .list .list-2 .text{padding:20px;}
.fangan .list .list-2 .text h1{font-size:18px; margin-bottom:20px;}
.fangan .list .list-2 .text p{line-height:22px; font-size:14px;}

.indnews_left{width:500px; background-color:#f6f6f6;}
.indnews_left_txt{margin:20px;}
.indnews_left_txt .title{font-size:16px;}
.indnews_left_txt .title a:hover{color:#33ab38;}
.indnews_left_txt .day{margin:10px 0px}
.indnews_left_txt .txt{margin:20px 0px; font-size:14px; line-height:22px;}

.indnews_right{width:650px;}
.indnews_right .bm{border-bottom:1px #e2e2e2 solid;}
.indnews_right .f12{font-size:12px;}