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

@media only screen and (max-width:1252px){ 
body{ width:1252px !important; margin:0 auto;}
}

*{ margin:0; padding:0;}
.width{ width:1200px; margin:0 auto;}
.clear{ clear:both; height:0;}
a{ text-decoration:none;}
li{ list-style-type:none;}
img{ border:0;}
.img{ width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
.p1{ font-family:'Microsoft Yahei';}
.p2{ font-family:'Microsoft Yahei';}
.p3{ font-family:Arial;}
.p12{ font-size:12px;}
.p14{ font-size:14px;}
.p15{ font-size:15px;}
.p16{ font-size:16px;}
.p18{ font-size:18px;}
.p20{ font-size:20px;}
.p24{ font-size:24px;}
.p30{ font-size:30px;}

/* blue #17d668 */
/* orange #f4a00d */
/* orange_hover #f7ab26 */
body{ font-family:'Microsoft Yahei', Arial;}
.top1{ line-height:40px; height:40px; background:#f5f5f5; font-size:14px; color:#888;}
.top11{ float:left; background:url(../img/home.png) left center no-repeat; padding-left:25px;}
.top12{ float:right; color:#ccc;}
.top12 a{ display:inline-block; color:#888; margin:0 8px;}
.top12 a:nth-last-child(1){ background:url(../img/en.jpg) left center no-repeat; background-size:24px; padding-left:30px; margin-right:0;}
.top12 a:hover{ color:#17d668;}
.top_bg{ height:100px; padding:15px 0;}
.logo{ float:left; margin-top:10px;}
.logo img{ height:80px;}
.phone{ float:right; width:140px; height:25px; margin-top:18px; background:url(../img/phone.png) no-repeat; font-size:18px; color:#17d668; font-weight:bold; padding-left:70px; padding-top:44px; cursor:default;}
.lang{ float:right; font-size:14px; margin-top:40px; margin-right:140px;}
.lang a{ color:#666; padding-left:35px;}
.lang a:hover{ color:#17d668;}
.lang1{ background:url(../img/cn.jpg) left center no-repeat;}
.lang2{ background:url(../img/en.jpg) left center no-repeat; margin-left:20px;}
.logo_p{ float:left; color:#333; font-size:18px; line-height:28px; font-weight:bold; border-left:1px solid #ddd; padding-left:20px; margin-left:20px; margin-top:23px;}
.logo_p span{ color:#17d668;}

.nav_bg{ height:50px; background:#2a3342;}
.nav{ font-size:15px; text-align:center; line-height:50px;}
.nav > li{ float:left;}
.nav > li > a{ width:150px; color:#fff; display:block;}
.nav > li:hover > a{ background:#22e374;}
.nav > li:hover .sub1{ display:block;}
.cur > a{ background:#17d668;}
.sub1{ display:none; position:absolute; z-index:99999; box-shadow:0 5px 5px rgba(0,0,0,.3); background:#22e374;}
.sub1 > li{ position:relative; margin-top:1px;}
.sub1 > li:nth-child(1){ margin-top:0;}
.sub1 > li:hover > a{ background-color:#17d668;}
.sub1 > li:hover .sub2{ display:block;}
.sub1 > li > a{ display:block; padding:11px 10px; width:130px; font-size:14px; color:#fff; line-height:24px;}
.sub_ico > a{ background:url(../img/sub.png) 130px center no-repeat; background-size:10px;}
.sub2{ display:none; position:absolute; z-index:99999; box-shadow:0 5px 5px rgba(0,0,0,.3); background:#22e374; left:150px; top:3px;}
.sub2 li{ position:relative; margin-top:1px;}
.sub2 li:hover a{ background-color:#17d668;}
.sub2 li:nth-child(1){ margin-top:0;}
.sub2 a{ display:block; padding:10px 10px; width:110px; font-size:13px; color:#fff; line-height:20px;}
.cur11 > a{ background-color:#17d668;}

.banner{ position:relative; width:100%; height:520px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default; margin-top:1px;}
.banner .slides li{ width:100%; height:100%;}
.banner .slides li a{ display:block; width:100%; height:100%;}
.flex-direction-nav a{ width:50px; height:50px; display:block; line-height:99em; overflow:hidden; margin:-25px 0 0; background:url(../img/ad_ctr.png) no-repeat; position:absolute; top:50%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease; border-radius:25px;}
.flex-direction-nav .flex-next{ background-position:0 -50px; right:0;}
.flex-direction-nav .flex-prev{ left:0;}
.banner:hover .flex-next {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-next:hover,.banner:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav {width: 100%; position: absolute; bottom: 15px; text-align: center;}
.flex-control-nav li { display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {background: url(../img/dot.png) no-repeat 0 -14px; display: block; height: 14px; overflow: hidden; text-indent: -99em; width: 14px; cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background-position: 0 0;}
.banner .slides a img {width: 100%; display: block; cursor:default;}

.product_bg{ background:#f5f5f5; padding:50px 0;}
.product_t{ position:absolute; font-size:28px; color:#fff; background:url(../img/list_bg.png) 15px 20px no-repeat; padding-left:45px; padding-top:12px; line-height:35px; cursor:default;}
.left_ul{ float:left; width:220px; background:#fff; padding:18px 10px 0px 10px; border-top:65px solid #17d668; border-left:10px solid #17d668; border-right:10px solid #17d668;}
.left_ul > li{ border-bottom:1px dashed #d5d5d5;}
.left_ul > li:hover > a{ color:#17d668; font-weight:bold;}
.left_ul > li > a{ line-height:24px; color:#666; font-size:14px; background:url(../img/li.png) 12px center no-repeat; padding:12px 0; padding-left:28px; display:block; cursor:pointer;}
.tel{ color:#fff; width:216px; height:80px; margin-top:76px; margin-left:-10px; font-size:16px; line-height:30px; background:url(../img/phone2.png) 4px 26px no-repeat #17d668; padding-left:34px; padding-top:18px; cursor:default;}
.tel span{ font-size:30px;}
.cur2 > a{ color:#17d668 !important; font-weight:bold;}
.left_ul ul{ display:none; padding-bottom:12px;}
.left_ul ul li{}
.left_ul ul a{ line-height:24px; color:#666; font-size:14px; padding:5px 0; padding-left:28px; display:block;}
.left_ul ul a:hover{ color:#17d668; font-weight:bold;}

.search_bg{ height:60px;}
.search_t{ float:left; line-height:60px; font-size:15px; color:#17d668;}
.search_t a{ color:#888; margin-left:15px;}
.search_t a:hover{ color:#17d668;}
.search_t a:nth-child(1){ margin-left:0;}
.search{ float:right; margin-top:14px;}
.search1{ float:left; width:250px; height:30px; line-height:30px; font-size:14px; border:1px solid #ddd; outline:none; color:#888; padding:0 10px;}
.search2{ float:left; width:32px; height:32px; border:none; outline:none; background:url(../img/search.png) center no-repeat #17d668; cursor:pointer;}
.search2:hover{ background-color:#22e374;}

.title{ text-align:center; font-size:16px; color:#aaa; background:url(../img/title.png) center bottom no-repeat; padding-bottom:20px; margin-bottom:30px;}
.title span{ font-size:34px; color:#333;}
.title a{ color:#17d668;}

.pro1_bg{}
.pro1{ float:left; display:block; width:279px; height:240px; margin-right:28px; margin-top:28px;}
.pro1:hover .pro1_pic{ border-color:#17d668;}
.pro1_pic{ position:relative; width:277px; height:199px; border:1px solid #ddd; border-bottom:none;}
.pro1_t{ line-height:40px; background:#17d668; color:#fff; text-align:center; font-size:16px;}
.pro1_bg .pro1:nth-child(4n){ margin-right:0;}
.pro1_bg .pro1:nth-child(1),.pro1_bg .pro1:nth-child(2),.pro1_bg .pro1:nth-child(3),.pro1_bg .pro1:nth-child(4){ margin-top:0;}
.pro1_bg2{ padding-top:20px;}
.pro1_bg2 .pro1:nth-child(4n){ margin-right:28px;}
.pro1_bg2 .pro1:nth-child(3n){ margin-right:0;}
.pro1_bg2 .pro1:nth-child(4){ margin-top:28px;}
.pro1_bg2 .pro1{ width:288px; height:247px;}
.pro1_bg2 .pro1_pic{ width:286px; height:206px;}

.right{ float:right; width:920px;}
.right img{ max-width:920px;}
.right_title{ margin-top:20px; border-bottom:1px solid #b9b9b9; height:39px; cursor:default;}
.span_l{ float:left; font-size:18px; color:#333; background:url(../img/list.jpg) 6px top no-repeat; line-height:28px; padding-left:22px; border-bottom:3px solid #17d668; padding-bottom:10px; padding-right:25px;}
.span_r{ float:right;}
.more{ width:45px; height:20px; display:block; text-align:center; line-height:20px; font-size:12px; color:#fff; background:url(../img/more.jpg) left center no-repeat #17d668; padding-left:20px; margin-top:11px;}
.more:hover{ background-color:#f4a00d;}
.span_r2{ font-size:14px; margin-top:10px; color:#666;}
.span_r2 a{ color:#666;}
.span_r2 a:hover{ color:#17d668;}

.about_bg{ padding:50px 0;}
.about_num{ text-align:center; font-size:0; padding-bottom:40px;}
.about_num1{ position:relative; display:inline-block; vertical-align:top; width:300px;}
.about_num1::after{ content:''; position:absolute; top:50%; right:1px; width:1px; height:60px; margin-top:-30px; border-right:1px dashed #ccc;}
.about_num1:nth-last-child(1)::after{ border:none;}
.about_num1_t1{ font-size:60px; color:#17d668; font-family:Impact, Arial; line-height:50px;}
.about_num1_t2{ font-size:16px; color:#666; margin-top:10px;}
.about_pic{ float:left; position:relative; width:585px; height:320px;}
.about_p{ float:right; width:585px;}
.about_t{ font-size:22px; color:#333; padding:18px 0;}
.about_desc{ font-size:15px; line-height:30px; color:#666;}
.about_desc a{ color:#666;}
.about_desc a:hover{ color:#17d668;}
.about_more{ display:block; width:118px; height:33px; line-height:33px; text-align:center; font-size:14px; color:#888; border:1px solid #aaa; margin-top:20px;}
.about_more:hover{ background:#17d668; color:#fff; border-color:#17d668;}

.case_bg{ padding:50px 0; background:#edfaff;}
.swiper-container{ position:relative; max-width:1200px; overflow:hidden; margin:0 auto;}
.swiper-container .swiper-slide{ width:376px; margin-right:36px;}
.case1{ display:block; width:376px;}
.case1:hover .case1_pic{ border-color:#17d668;}
.case1:hover p{ background:#17d668; color:#fff;}
.case1_pic{ width:356px; height:267px; border:10px solid #fff; border-bottom:none;}
.case1 p{ text-align:center; font-size:16px; color:#666; line-height:50px; background:#fff;}

.news_bg{ padding:50px 0;}
.news0{ float:left; width:400px;}
.news0_pic{ display:block; position:relative; width:100%; height:267px;}
.news0_t1{ font-size:18px; padding:15px 0 10px;}
.news0_t1 a{ color:#17d668;}
.news0_t1 a:hover{ text-decoration:underline;}
.news0_t2{ font-size:15px; color:#888; line-height:28px;}
.news1_bg{ float:right; width:760px;}
.news1{ height:90px; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.news1:nth-last-child(1){ margin-bottom:0;}
.news1:hover .news1_t{ background:#17d668; color:#fff;}
.news1_t{ float:left; width:100px; height:90px; line-height:90px; font-size:16px; text-align:center; color:#666; background:#f5f5f5;}
.news1_t > div{ display:inline-block; vertical-align:middle; line-height:24px;}
.news1_t span{ font-size:30px; font-weight:bold;}
.news1_p{ float:right; width:640px; padding-left:20px;}
.news1_t1{ font-size:18px; height:38px; line-height:38px; overflow:hidden;}
.news1_t1 a{ color:#17d668;}
.news1_t1 a:hover{ text-decoration:underline;}
.news1_t2{ font-size:15px; color:#888; line-height:24px;}

.news2_bg{ float:right; width:760px; padding-bottom:30px;}
.news_nav{ position:absolute; width:760px; margin-top:-35px; font-size:14px;}
.news_nav a{ float:right; margin-left:25px; background:url(../img/li.png) left center no-repeat; color:#666; padding-left:10px;}
.news_nav a:hover{ color:#17d668;}
.news2{ width:744px; height:84px; display:block; padding:8px; background:#d2d2d2; color:#666; margin-bottom:2px;}
.news2:hover{ background:#17d668; color:#fff;}
.news2:hover .news2_t{ color:#fff;}
.news2_pic{ float:left; width:125px; height:84px;}
.news2_p{ float:left; width:607px; margin-left:12px;}
.news2_t{ font-size:14px; color:#333; line-height:24px; height:24px; overflow:hidden;}
.news2_time{ font-size:12px; margin-top:2px;}
.news2_desc{ font-family:'Microsoft Yahei' !important; font-size:12px !important; line-height:20px !important; margin-top:2px; height:40px; overflow:hidden;}
.mr_frBtnL,.mr_frBtnR{ position:absolute; width:68px; height:25px; margin-top:310px; cursor:pointer;}
.mr_frBtnL{ background:url(../img/prev.jpg); margin-left:620px;}
.mr_frBtnR{ background:url(../img/next.jpg); margin-left:692px;}

.news2_bg2{ margin-top:20px;}
.news2_bg2 .news2{ width:904px; margin-bottom:10px;}
.news2_bg2 .news2_p{ width:760px;}

.partner_bg{ padding:50px 0; background:#f5f5f5;}
.par1_bg{ width:1225px;}
.par1{ width:220px; height:106px; float:left; color:#666; margin-right:25px; margin-bottom:25px;}
.par1:hover{ color:#17d668;}
.par1_pic{ width:220px; height:106px;}
.par1 p{ text-align:center; font-size:14px; line-height:35px;}
.par2_bg{ width:932px; padding-top:20px;}
.par2_bg .par1{ margin-right:13px; margin-bottom:45px;}
.swiper-container2{ position:relative; max-width:1200px; overflow:hidden; margin:0 auto;}
.swiper-container2 .swiper-slide{ width:180px; margin-right:24px;}
.par3{ display:block; width:178px; height:86px; border:1px solid #eee;}
.par3:hover{ border-color:#17d668;}
.par3_pic{ position:relative; width:100%; height:100%;}

.foot_bg{ background:#323232; color:#aaa; padding-top:30px; padding-bottom:30px;}
.foot_bg a{ color:#aaa;}
.foot_bg a:hover{ color:#fff;}
.foot1{ float:left; margin-left:5px;}
.foot_t{ color:#fff; font-size:18px; line-height:40px; cursor:default;}
.foot_com{ font-size:18px; line-height:40px;}
.foot_tel{ font-size:14px; line-height:60px;}
.foot_link{ font-size:14px; line-height:24px;}

.code{ float:left; margin-left:20px; width:167px; font-size:14px; text-align:center; line-height:35px; margin-top:48px; cursor:default;}
.code_pic{ width:167px; height:167px; border:5px solid #cecece; background-size:contain;}
.code p{ margin-left:5px;}
.foot2{ float:left; margin-left:95px;}
.foot2 .foot_t{ margin-bottom:8px;}
.foot21{ font-size:14px; line-height:30px;}
.foot3{ float:right; width:346px;}
.foot3 input{ width:330px; height:36px; line-height:36px; font-family:'Microsoft Yahei'; font-size:14px; background:#ddd; color:#535353; padding-left:8px; padding-right:8px; outline:none; border:none; margin-bottom:3px;}
.foot3 textarea{ width:330px; height:100px; line-height:36px; font-family:'Microsoft Yahei'; font-size:14px; background:#ddd; color:#535353; padding-left:8px; padding-right:8px; outline:none; border:none; margin-bottom:3px;}
.foot3 .foot_t{ margin-left:5px;}
.foot_submit{ width:100px !important; height:26px !important; text-align:center !important; line-height:26px !important; color:#535353 !important; font-size:14px !important; background:#ddd !important; cursor:pointer;}
.foot_submit:hover{ background:#fff !important; color:#888 !important;}

.foot_bg2{ height:56px; border-top:1px solid #444; background:#323232; color:#aaa; line-height:56px; font-size:14px;}
.foot_bg2 a{ color:#aaa;}
.foot_bg2 a:hover{ color:#fff;}
.span1{ float:left; margin-left:5px;}
.span2{ float:right; margin-right:5px;}

.ban{ width:100%; height:300px; margin-top:1px;}

.desc{ font-family:'Microsoft Yahei'; font-size:14px; color:#666; line-height:1.75em; margin-top:20px;}
.desc p{ margin-left:2px; margin-right:2px;}
.desc p img{ margin-left:-2px;}
.desc a{ color:#17d668;}

.page{ border:none !important; background:none !important; margin-top:40px;}
.page,.page a,.page p{ padding-left:6px; padding-right:6px; font-family:'Microsoft Yahei'; font-size:15px; color:#666; border:1px solid #ddd; background:#fff;}
.page span{ padding-left:6px; padding-right:6px; font-family:'Microsoft Yahei'; font-size:15px; color:#666;}
.page a:hover{ background:#17d668; color:#fff;}
.page-num-current{ color:red !important;}

.pro_right{ float:left; margin-top:20px; margin-left:30px; width:540px;}
.pro_right img{ max-width:540px;}
.pro_t{ font-size:18px; color:#333; line-height:45px;}
.pro_desc{ font-family:'Microsoft Yahei',Arial !important; font-size:14px !important; color:#666 !important; line-height:30px !important;}
.pro_desc a{ color:#17d668;}
.pro_t2{ height:45px; line-height:45px; color:#333; background:#fff; margin-top:30px; padding-left:12px; cursor:default;}
.pro_desc2{ font-size:14px; color:#666; line-height:1.75em; margin-top:15px;}
.pro_desc2 p{ margin-left:5px; margin-right:5px;}
.pro_desc2 p img{ margin-left:-5px;}
.pro_desc2 a{ color:#17d668;}

.equ1_bg{ width:932px; padding-top:20px;}
.equ1{ width:220px; height:160px; display:block; margin-bottom:45px; color:#666; float:left; margin-right:13px;}
.equ1:hover{ color:#17d668;}
.equ1_pic{ width:220px; height:160px;}
.equ1 p{ text-align:center; font-size:14px; line-height:35px;}
.equ_t{ height:45px; line-height:45px; padding-left:12px; font-size:18px; color:#fff; background:#17d668; cursor:default; margin-top:15px;}
.equ_desc{ font-size:14px; color:#666; line-height:1.75em; margin-top:15px;}
.equ_desc a{ color:#17d668;}
.equ_desc p{ margin-left:5px; margin-right:5px;}
.equ_desc p img{ margin-left:-5px;}
.equ_desc table{ width:100%; border-collapse:collapse; text-align:center;}
.equ_desc table td{ border:1px solid #ddd !important;}

.news3{ height:47px; display:block; border-bottom:1px dashed #bcbcbc; line-height:47px; font-size:14px; color:#666;}
.news3:hover{ background:#fff; color:#17d668;}
.news3_t{ float:left; background:url(../img/news_li.jpg) 5px center no-repeat; padding-left:15px; width:780px; height:47px; overflow:hidden;}
.news3_time{ float:right; margin-right:5px;}

.news_t1{ text-align:center; color:#333; margin-top:30px; font-size:18px;}
.news_t2{ text-align:center; color:#666; font-size:14px; line-height:45px; border-bottom:1px dashed #bcbcbc; padding-bottom:5px;}
.news_desc{ margin-top:20px; font-size:14px; color:#666; line-height:1.75em;}
.news_desc p{ margin-left:5px; margin-right:5px;}
.news_desc p img{ margin-left:-5px;}
.news_desc a{ color:#17d668;}



/* green #17d668 */
/* green-light #22e374 */