@charset "utf-8";

/* CSS Document */



/*reset*/

body,dl,dd{margin:0;  }
body{  background: #fbfbfb;}
.body_index{ background: #fff;}
ul{margin:0;padding:0;}

li{list-style:none;}

h1,h2{margin:0;font-weight:normal;}

p{margin:0;}

a{text-decoration:none;cursor:pointer;}

img{border:0;}

.clearfix{clear:both;}



/*commen*/

*{color:#333333;font-family:"微软雅黑"; font-size:14px;}

.fz{ max-width:1200px; margin:0 auto;}

.fz2{ max-width:1040px; margin:0 auto;}

.fl{ float:left;}

.fr{ float:right;}

.cl:after{ content:""; display:block; clear:both;}

@font-face {font-family: 'Impact';src:url(../fonts/impact.ttf);font-weight: normal;font-style: normal;}

@font-face {font-family: 'avantgarde';src:url(../fonts/AVGARDD.TTF);font-weight: normal;font-style: Demi;}



/* nav */

.top01{ padding:25px 0; height:110px;}

.top01_a01{ padding-right:20px;}

.top01_a02_a span{ font-family:"Impact"; font-size:25px; font-weight:bold; color:#4c4a47; margin-right:5px;}

.top01_a02_a{ font-size:24px; color:#4c4a47; font-weight:bold; margin:13px 0 10px 0;}

.top01_a02_b{ width:368px; height:40px; font-size:20px; font-weight:bold; line-height:40px; border-radius:40px; border:2px solid #ff4800;text-align:center; display:block; color:#ff4800;}

.top01_b p strong{font-family:"Impact";color:#ff4800;line-height:26px; font-size:30px;}
.topaa{border-radius:20px; width:97px; height:25px; line-height:25px; text-align:center;background:#666666; font-size:12px; font-weight:bold; color:#fff; margin:7px 0 10px 0;}





.menu{width:100%;background:#0ab84f; height:40px; padding:10px 0;}
.menu2{width:100%; height:3px; background:#ff4800;}

.menu .nav li{float:left; margin-left:15px;}

.menu .nav li:nth-child(1){ margin-left:0;}

.menu .nav li a{display:block;padding:0 10px;line-height:40px;position:relative;overflow:hidden; padding:0px 18px; color:#fff;}

.menu .nav li a:hover,.menu .nav li a.current{background:#fff;color:#0ab84f; border-radius:20px;}

.menu .nav li .box{width:100%;height:50px;position:absolute;top:223px;left:0;background:rgba(255,255,255,0.8);display:none; z-index:1000;box-shadow: 0 2px 5px -1px #d5d5d5;}

.menu .nav li .box a{display:block;height:50px;float:left;color:#333;line-height:50px;background:none; left:30%;}

.menu .nav li .box a:hover{color:#0ab84f}

.menu .nav li:nth-child(1) .box,
.menu .nav li:nth-child(4) .box,
.menu .nav li:nth-child(3) .box,
.menu .nav li:nth-child(5) .box,
.menu .nav li:nth-child(6) .box,
.menu .nav li:nth-child(7) .box,
.menu .nav li:nth-child(9) .box
{ display:none !important;}



.link { width:100%; padding:30px 0; height:auto; background:#f3f3f3; overflow:hidden}
.link_z ul li{ float:left; display:inline-block; margin-left:20px;}
.link_z ul li span{ font-weight:bold;color:#0ab84f;}
.link_z ul li:first-child{  margin-left:0;}
.link_z ul li a { display:inline-block; color:#333333;}
.link_z ul li a:hover {color:#0ab84f;}


/* search */

.keywords{ padding:20px 0; border-bottom:1px #dedbdc solid;}

.keywords_a li{ float:left; padding-right:10px; line-height:40px;}

.keywords_a li:hover a{ color:#b4d21c;}



.search { width:300px;  height:40px; margin-top:10px; background:#fff;border-radius:20px;}

.search .search_01 { padding-left:10px;border:0; float:left; background:none; height:40px; line-height:40px; color:#8d8d8d; width:210px;}

.search .search_ico { float:right ;border:0;  height:40px;background:#b4d21c url(../images/search_bj.png) no-repeat center center;  width:45px;}



.searchbd{float:right; width:300px; position:relative; background:#fff;border:#dfdfdf solid 1px;}

.searchbd .text{overflow:hidden;padding-left:8px;width:250px; background:#fff;border:none;}

.searchbd .btn{position:absolute; right:0px;width:40px;overflow:hidden;height:38px;background:#b4d21c url(../images/search_bj.png) no-repeat center 7px; border:0; border-radius:0;}
#keywords{ float:left; height:38px; line-height:38px; margin:0;}











.syproduct{ margin-top:80px;display: flex;
    /* flex-wrap: wrap; */
    flex-direction: inherit;
    align-items: start;}

.syproduct_left{ width:350px;border:1px solid #dedbdc;}

.syproduct_left span{ display:block; background:#0ab84f; line-height:60px; font-size:18px; font-weight:bold; padding:0 50px;}

.syproduct_left li{ margin-bottom:10px;}

.syproduct_left li span:before{ content:url(../images/ico02.png); float:left;margin:0 10px 0 0; padding-top:20px;}

.syproduct_left li:nth-child(2) span:before{ content:url(../images/ico01.png);}

.syproduct_left span a{ display:block; color:#fff; font-size:18px;}

.syproduct_left li dt{ padding:5px 0;}

.syproduct_left li dl{ padding:10px 50px 10px 75px;}

.syproduct_left li dt:hover a{ border-bottom:2px solid #0ab84f;}



.syproduct_right{ width:835px;}

.syproduct_right li{ float:left; padding:10px; border:2px #e0ddde solid; margin:0 0 40px 36px; width:217px; overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.syproduct_right01{ width:217px; height:146px; overflow:hidden;}

.syproduct_right01 img{ width:100%; transition: all 2s;display:block;}

.syproduct_right02{ font-weight:bold; margin:10px 0;}

.syproduct_right03{ font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.syproduct_right04{padding:5px 10px; text-align:center; background:#999999; width:60px; font-size:12px; margin-top:20px; color:#fff;}

.syproduct_right li:hover img{ transform:scale(1.2)}

.syproduct_right li:hover{border:2px #0ab84f solid; }

.syproduct_right li:hover .syproduct_right04{ background:#0ab84f; color:#fff;}









.question{ margin-top:50px; background:url(../images/bj01.jpg) center center;padding-top:70px;}

.question_cona{ text-align:center;font-weight:bold; }

.question_cona .question_cona01{font-size:42px; }

.question_cona02{ font-size:55px; color:#0ab84f;margin-top:-15px;}

.question_cona .question_cona03{ text-transform:uppercase; font-size:12px; color:#999999; margin-top:10px; font-weight:normal;}

.question_conb1 { margin-top:-30px;}

.question_conb2{ padding-top:45px;}

.question_conb2 span{ background:#0ab84f; color:#fff;font-family:"Impact"; font-size:12px; line-height:26px; width:26px; height:26px; border-radius:100%;display: inline-block; text-align:center; margin-right:10px;}

.question_conb2 li{ padding:10px 0; font-size:20px; font-weight:bold;}

.question_conb2 li strong{font-size:20px; font-weight:bold; color:#0ab84f;}



.advantage{ margin:70px auto;}

.advantage_cona{ text-align:center; font-weight:bold;}

.advantage_cona01{ font-size:30px;}

.advantage_cona .advantage_cona03{ text-transform:uppercase; font-size:12px; color:#999999; margin-top:10px; font-weight:normal;}

.advantage_cona02,.advantage_cona02 span{ font-size:60px;}

.advantage_cona02 span{font-weight:bold; color:#0ab84f;}

.advantage_cona .advantage_cona04{ width:80px; background:#0ab84f; height:3px; margin:30px auto 50px;}



.advantage_cona{ position:relative;}

.question_cona_ico01{ position:absolute; left:150px; bottom:100px;}

.question_cona_ico02{ position:absolute; right:0; top:50px;}

.advantage_conb01{ margin-bottom:40px;}

.advantage_conb01_a01_a span{font-family:"Impact"; font-size:60px; color:#0ab84f; margin-right:10px;}

.advantage_conb01_a01_a{ font-size:40px; font-weight:bold;color:#0ab84f; margin-right:20px;}

.advantage_conb01_a01_b{ font-size:24px; margin-top:20px;}

.advantage_conb01_a01_b p{ font-size:12px; text-transform:uppercase;}



.advantage_conb01_a02{ margin-top:20px;}

.advantage_conb01_a02 p{ padding:5px 0; font-size:16px;}

.advantage_conb01_a02 strong{ color:#0ab84f;font-size:16px;}







.banner01{ background:url(../images/bj02.jpg) no-repeat center center;}

.banner01_a02{ margin:50px 0;}

.banner01_a03{ color:#0ab84f; font-size:38px; font-weight:bold;}

.banner01_a04{ font-size:24px; font-weight:bold;}

.banner01_a05{ margin-top:30px;}

.banner01_a05_a{ background:#ff8500; border-radius:10px; color:#fff; padding:15px 20px; font-size:18px; font-weight:bold; line-height:24px;}

.banner01_a05_b{ margin-left:20px;}

.banner01_a05_b span{font-family:"Impact"; font-size:36px; color:#0ab84f; line-height:36px;}







.syhonor{ margin:80px auto;}

.syhonora{ margin-bottom:40px;}

.syhonora h2{ display:block; float:left;font-size:30px; padding-right:10px;}

.syhonora span{font-family:"Impact"; float:left; display:block; font-size:14px; color:#999999; line-height:16px; padding-top:5px;}

.syhonoracon li{ float:left;margin-left:18px;}

.syhonoracon li:nth-child(1){ margin-left:0;}

.syhonoracon p:nth-child(1){ width:223px; height:312px; overflow:hidden;border:1px solid #f3f3f3; }

.syhonoracon li img{ width:100%; transition: all 2s;}

.syhonoracon li p:nth-child(2),#custom dt p:nth-child(2){ display:block; text-align:center; padding:5px 0;}

.syhonoracon li:hover img{ transform:scale(1.2);}

.syhonoracon li:hover p{ color:#0ab84f; }

.syhonoracon li:hover p:nth-child(1){ border:1px solid #0ab84f}



.case .casea{ margin:0 auto; width:210px;}

.casea h2{ display:block; float:left;font-size:30px; padding-right:10px;}

.casea span{font-family:"Impact"; float:left; display:block; font-size:14px; color:#999999; line-height:16px; padding-top:5px;}

.caseb li{ float:left;margin-left:25px; text-align:center}

.caseb li img{ width:100%; transition: all 2s;display:block;}

.caseb li:nth-child(1),.caseb li:nth-child(5){ margin-left:0;}

.caseb p:nth-child(1),#custom dt p:nth-child(1){ width:279px; height:186px; overflow:hidden;border:1px solid #f3f3f3; background:#000;}

.caseb li p:nth-child(2){ display:block; text-align:center; padding:5px 0;}

.caseb li:hover img{ transform:scale(1.2);opacity:0.7}

.caseb li:hover p,#custom dt:hover p{ color:#0ab84f; }

.caseb{ margin-top:60px;}





.sy_about{ margin-top:80px; padding:80px 0; background:url(../images/bj01.jpg) center center;}

.sy_about01{ text-align:center;}

.sy_about01 span{ display:block;font-family:"Impact"; font-size:24px; letter-spacing:8px; text-transform:uppercase; color:#969494;}

.sy_about01 h2{ font-size:36px;}



.sy_about02{ margin-top:40px;}

.sy_about02_a{ width:540px;}

.sy_about02_a01{ font-size:24px; margin-bottom:25px;}

.sy_about02_a02 p{ text-indent:2em;}

.sy_about02_a .sy_about02_a03{ margin-top:30px;background:#0ab84f; color:#fff; width:150px; text-align:center; font-size:24px; line-height:36px;}

.sy_about02_b{ width:570px; height:410px; overflow:hidden;}

.sy_about02_b img{ transition:all 3s;display:block;}

.sy_about02_b:hover img{ transform:scale(1.2)}





.show{display: block;}

.hide{display: none;}



#custom dl dt{float:left;margin-left:25px; text-align:center}

#custom dt p:nth-child(1){ width:279px; height:185px; overflow:hidden;border:1px solid #f3f3f3; }

#custom dl img{ width:100%; transition: all 2s;display:block; }

#custom01{width:400px; margin:80px auto 40px;}

#custom01 li{ float:left; width:150px; text-align:center; background:#999999; padding:15px 20px;}

#custom01 li:nth-child(1){ margin-right:20px;}

#custom01 li a{ color:#fff; font-size:18px;}

#custom01 .active{ background:#0ab84f;}

#custom dt:nth-child(1),#custom dt:nth-child(5){ margin-left:0;}

#custom dt img{ transition:all 3s;display:block;}

#custom dt:hover img{ opacity:0.7;transform:scale(1.2); }





.sy_news{ margin:80px auto;}

.sy_newsleft{ width:750px;}

.sy_newsleft01{ margin-bottom:20px;}

.sy_newsleft01 h2{ font-size:30px; float:left;}

.sy_newsleft01 a{ display:block; float:right; color:#0ab84f; margin-top:15px;}

.sy_newsleft01 a:hover{ text-decoration:underline;}

.sy_newsleft03_b_01{ width:195px; height:120px; margin-right:20px; overflow:hidden;}

.sy_newsleft03_b_01 img{ width:100%; transition:all 3s;display:block;}

.sy_newsleft03_b_02{ font-size:18px;}

.sy_newsleft03_b_03{ font-size:12px; text-indent:2em; margin:15px 0;}

.sy_newsleft03_b_04{ color:#999; font-size:12px;}

.sy_newsleft03:hover .sy_newsleft03_b_01 img{ transform:scale(1.2);}

.sy_newsleft03:hover .sy_newsleft03_b_02{ color:#0ab84f;}



.sy_newsleft04{ margin-top:30px;}

.sy_newsleft04 li{ float:left; width:350px; padding:10px 0px; margin-right:25px;}

.sy_newsleft04 li a{ padding:0 5px;}

.sy_newsleft04 li span{ float:right; color:#999;}

.sy_newsleft04 li:before{ content:">";}

.sy_newsleft04 li:hover a,.sy_newsleft04 li:hover span{color:#0ab84f; cursor:pointer;}

.sy_newsleft04 li:hover:before{ content:">";color:#0ab84f;}



.sy_newsright{ width:375px;}

.sy_newsright li{ margin:25px 0; border-bottom:1px dashed #f7f7f7;}

.sy_newsright01 li{padding:25px 0; border-bottom:1px dashed #dedede;}
.sy_newsright01_a{background:url(../images/faq_01.png) no-repeat left 3px; line-height:30px; padding-left:35px; margin-bottom:10px; font-size:18px;}
.sy_newsright01_b{background:url(../images/faq_02.png) no-repeat left 3px;padding-left:35px; color:#666; font-size:12px;min-height: 35px;word-break: break-all;
text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sy_newsright li:hover .sy_newsright01_a{color:#0ab84f;}


.sy_newsright01 li:hover .sy_newsright01_a{color:#0ab84f;}



.bottom_a{ background:#505050; padding:60px 0 90px;}

.bottom_a li{ float:left; color:#fff; margin-right:50px;}

.bottom_a01_01{ color:#fff; font-size:18px;}

.bottom_a01_01 span{ display:block; width:30px; background:#0ab84f; height:1px; margin:10px 0 20px;}

.bottom_a li a{ color:#fff;}

.bottom_a01_02 dt{ padding:3px 0; }

.bottom_a01_02 dt a{font-size:12px;}

.bottom_a .foot_r{ float:right;} 

.bottom_a01_02 img{ display:block;}

.bottom_a01_02 p{ text-align:center; color:#fff; margin-top:5px; font-size:12px;}

.bottom_a01_02 dt:hover a{ color:#0ab84f;}



.bottom_b{ background:#404040; padding:35px 0; text-align:center;}

.bottom_bcon{ color:#d1d1d2;}

.bottom_bcon a{ color:#d1d1d2; text-decoration:underline;}

.bottom_bcon a:hover{ color:#fff;}





.mbx{ padding:20px 0; border-bottom:1px solid #dedede}

.mbx_con li:nth-child(1){ margin:3px 10px 0 0;}

.mbx_con li,.mbx_con li a{ color:#666;}

.mbx_con li{ float:left;}

.mbx_con li a:after{ content:">"; padding:0 10px;color:#666;}

.mbx_con li:hover a{ color:#0ab84f; font-weight:bold;}



.chuliye{ width:588px; border:1px solid #f2f2f2;}

.chuliye img{ width:100%;}

.chuliye_con{ width:580px;padding-left: 50px;}

.chuliye_con01{ font-size:24px; font-weight:bold; color:#0ab84f;}

.chuliye_con02{ margin:20px 0; line-height:28px; display:block; height:140px; overflow:auto;}

.chuliye_con03{ border-top:1px #ebebeb solid; clear:both; padding:35px 0;}

.chuliye_con03 strong{ color:#0ab84f;font-size:16px; display:block; margin-bottom:5px;}



.chuliye_con04_a{ background:#0ab84f; color:#fff; padding:10px 30px; border-radius:20px;}

.chuliye_con04_a span{ font-family:"Impact"; color:#fff; font-size:24px; display:block; text-align:center;}

.chuliye_con04_b01{ margin-right:10px; width:70px;}

.chuliye_con04_b01 img{ width:100%;display:block;}

.chuliye_con04_b02 span{font-family:"Impact"; color:#0ab84f; font-size:24px;}



.chuliyecon{ border-top:1px solid #c9c9c9; margin:80px 0 0;}

.chuliye_desc{ padding:50px 0;}

.chuliye_desc01{ font-size:24px; font-weight:bold;color:#0ab84f;}

.chuliye_desc02{ text-transform:uppercase; color:#999; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px;}

.chuliye_desc03{ margin:40px 0 20px; font-size:18px;}

.chuliye_desc03 strong{ display:block; margin-bottom:10px; font-size:24px;}



.chuliye_desc04{ margin-bottom:60px;}

.chuliye_desc04 img{ width:100%;}



.chuliye_desc05_a{ width:740px; line-height:30px; font-size:16px;}

.chuliye_desc05 b{ display:block; font-size:18px; margin-bottom:20px;}

.chuliye_desc05_a p{ text-indent:2em; margin-top:10px; font-size:16px;}

.chuliye_desc05_b{ width:405px;}

.chuliye_desc05_b img{ width:100%;}

.bj01{ background:#fbfbfb; padding-bottom:80px;}

.chuliye_desc06{ margin:40px 0; background:#fff; padding:30px;}
.chuliye_desc06 img{ max-width:100%;}

.chuliye_desc07{font-size:24px; font-weight:bold;color:#0ab84f; text-align:center;}

.chuliye_desc08 img{ margin:20px auto ;}



.chuliye_desc09_con_tt01{font-weight:bold;color:#0ab84f;font-family:"Impact"; font-size:60px; margin-right:10px;}

.chuliye_desc09_con_tt02{font-weight:bold;color:#0ab84f;font-size:30px; margin-top:5px;}

.chuliye_desc09_con_tt02 span{ display:block; color:#d0d0d0;font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.chuliye_desc09_con_desc span{font-weight:bold;color:#0ab84f;font-size:18px; }

.chuliye_desc09_con_desc p{font-size:18px; line-height:30px;}

.chuliye_desc09_con01{ padding:40px;display: block;}

.chuliye_desc09_img02{ margin-top:20px;}



.chuliye_case{ border-top:1px solid #c9c9c9;}

.chuliye_case01{ margin-top:40px;}

.chuliye_case01 li{ float:left; width:377px; margin:0 0 10px 34px; text-align:center; }

.chuliye_case01 li:nth-child(1),.chuliye_case01 li:nth-child(4){ margin-left:0;}

.chuliye_case01 li img{ width:377px; height:269px;display:block;}

.chuliye_case01 li p{font-size:18px; padding:5px 0 0;}

.chuliye_case01 li:hover p{color:#0ab84f;}



.chuliye_lx{ background:#0ab84f; color:#fff; padding:5px 20px; text-align:center; border-radius:20px;}

.chuliye_lx span{ font-family:"Impact"; font-size:24px; color:#fff;}



.chuliye_display{ margin:40px auto 0;}

.chuliye_display img{ max-width:100%;}



.chuliye_desc10{ margin:50px auto;}

.chuliye_desc10 li{ float:left; background:linear-gradient(to top,#28bd5d,#0fa444);color:#fff; border-radius:50px; margin-left:60px; width:360px; box-shadow:0px 1px 10px #a8a8a8;}

.chuliye_desc10 li:nth-child(1){ margin-left:0;}

.chuliye_desc10 li a{color:#fff; padding:30px 0px; display:block; font-size:18px; text-align:center;}

.chuliye_desc10 li:hover a{ opacity:0.8;}





.chuliye_adv{ margin-top:50px;}

.achuliye_adv01{ width:590px;}

.achuliye_adv02{ width:560px;}

.achuliye_adv_img,.achuliye_adv_img02{ margin-top:30px;}

.achuliye_adv_img img{ max-width:590px;display:block;}

.achuliye_adv_img02 img{ max-width:560px;display:block;}

.achuliye_adv{ margin-top:30px;}

.advantage_conb01_b img{mix-blend-mode: multiply;display:block;}

.chuliye_desc11{ margin:30px auto 60px;}





.chuliye_desc12{ position:relative; height:390px; margin-top:30px;}

.chuliye_desc11_a{ position:absolute; z-index:1;mix-blend-mode: multiply;}

.chuliye_desc11_b{position:absolute;}

.chuliye_desc11_b{ right:0; background:#fff; min-height:300px;}

.chuliye_desc11_c{ font-size:28px; margin-left:160px; width:920px;}

.chuliye_desc11_a img{mix-blend-mode: multiply;display:block;}

.chuliye_desc11_c b{ font-size:30px; display:block; margin:60px 0 25px;}

.chuliye_desc11_c span{font-family:"Impact"; font-size:30px; color:#0ab84f;}



.chuliye_link{ margin-top:60px;}

.chuliye_link li{ float:left; width:220px; text-align:center; font-size:19px; margin-left:24px;}

.chuliye_link li:nth-child(1){ background:#10b64b; margin-left:0;}

.chuliye_link li:nth-child(2){ background:#41a2b3;}

.chuliye_link li:nth-child(3){ background:#419d62;}

.chuliye_link li:nth-child(4){ background:#59ccbd;}

.chuliye_link li:nth-child(5){ background:#59c0cc;}

.chuliye_link li a{ color:#fff; padding:40px 0; display:block;}

.chuliye_link li span{ font-size:26px; color:#fff; display:block;}

.chuliye_link li:hover a{ opacity:0.8;}







.content_mbx{ border-bottom:1px #e5e5e5 solid; margin-bottom:60px}
.daohan_nav{ width:880px;}
.daohan_nav li{ padding:0 30px; line-height:50px; float:left;}

.daohan_nav .cur{ background:#0ab84f;}

.daohan_nav .cur a{ color:#fff;}

.daohan_nav li:hover{ background:#0ab84f;}

.daohan_nav li:hover a{ color:#fff;}

.daohan li:nth-child(1){background: url(../images/ico05.png) no-repeat left center; padding-left:20px; }

.daohan li{ float:left; color:#999; line-height:50px; font-size:12px;}

.daohan li a{ color:#999;font-size:12px;}

.daohan li:after{ content:">"; padding:0 5px; color:#999;}

.daohan li a:hover{ color:#0ab84; font-weight:bold;}

.content{ background:#fff; padding:80px; line-height:24px; color:#666666;}











.back_top{ z-index:1050;position: fixed;right:1%;bottom:20%;}

.back_top a{ background:#505050; color:#fff;padding:5px; display:inline-block; height:30px; width:30px; line-height:30px; text-align:center; font-size:28px;}

.back_top:hover a{ background:#0ab84f;}


/*--------------------您是否担心以下问题------------------*/
.problem { margin-top:84px;}
.problem_title { text-align:center;}
.problem_title h3{ color:#333333; font-size:27px; margin:0;}
.problem_title h3 span{ color:#0ab84f; font-size:54px; display:block;}
.problem_title p { font-size:12px; color:#999999; text-transform:uppercase;}
.problem_info { padding:60px; background:#f5f5f5; margin-top:40px;}


.zzsc{ width:1080px; height:500px; margin:0 auto;  font-family:'微软雅黑';}
.zzsc .tab{ overflow:hidden; margin:20px 0 0 485px }
.zzsc .tab a{ margin:0 5px; display:block; padding:5px 10px; background:#cccccc; color:#fff; float:left; text-decoration:none; }
.zzsc .tab a:hover{ background:#0ab84f; color:#fff; text-decoration:none;}
.zzsc .tab a.on{ background:#0ab84f; color:#fff; text-decoration:none;}
.zzsc .content{ overflow:hidden; width:1080px; height:434px; position:relative; padding:0; background:none}
.zzsc .content ul{ position:absolute; left:0; top:0; height:100px;}
.zzsc .content li{ width:1080px; height:100px; float:left;}
.zzsc .content li p{ padding:10px;}
.zzsc .content li dl dd a .zzsc_w { margin-bottom:5px; padding:15px 17px 15px 50px; background:#0ab84f url(../images/zzsc_w.png) no-repeat 20px 18px; color:#fff; font-size:16px;}
.zzsc .content li dl dd:hover a .zzsc_w { text-decoration:underline;}
.zzsc .content li dl dd { margin-bottom:20px;}
.zzsc .content li dl dd a .zzsc_a { padding:10px 17px 10px 50px; background:#d5d5d5 url(../images/zzsc_a.png) no-repeat 20px 10px; color:#333333; line-height:20px; }






/*--------------------page------------------*/



.page .first{background:url(../images/page.png) 7px -82px no-repeat;}

.page .last{background:url(../images/page.png) 7px -140px no-repeat;}

.page .next{background:url(../images/page.png) 7px 10px no-repeat;}

.page .prev{background:url(../images/page.png) 7px -36px no-repeat;}

.page{text-align:center;padding-top:20px;clear:both;min-height:30px;}

.page span{padding:5px 10px;}

.selected{ color:#fff; background:#0ab84f;}

.page_list a{ padding:5px 10px;border:1px #f3f3f3 solid; margin:0 5px;}

.page_rows{border:1px #f3f3f3 solid;}

.page a .selected{background:#0ab84f;color: #fff;border:1px solid #ef4136;}



.next_map{ margin-top:50px;}

.next_map a{ color:#444;}

.next_map a:hover{color:#0ab84f; text-decoration:underline;}



.ny_pagelink{ text-align:center; margin:3em auto 5em;}



.content01{ padding-bottom:80px;}



.ablumlist01{ font-size:36px; text-align:center;}

.ablumlist02{font-family:"avantgarde"; font-size:14px; color:#999; text-align:center; text-transform:uppercase; margin-top:5px;}

.ablumlist .ablumlist03{ margin:30px auto 60px;text-align:center; width:1200px;}

.ablumlist04 li{ width:305px; text-align:center;}

.ablumlist04 li img{ width:305px; height:220px;}



/* 设计案例*/

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }

#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }

#mbOverlay.mbOverlayIE { position:absolute; }

#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }

#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }

#mbImage { left:0; top:0;line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }

#mbImage{ max-width:800px; overflow:hidden;}

#mbImage img{ width:100%;}

#mbBottom { min-height:20px;line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }

#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }

#mbNumber {  display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }

#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }

#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }

#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }

#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }

#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }

#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }

.layout_default{float:left; margin:10px;}

.layout_default:hover .meta{ color:#0ab84;}

.meta{text-align:center; padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.image_container{ width:278px; overflow:hidden; background:#fff;border:1px #f2f2f2 solid;}

.image_container2{ width:240px; overflow:hidden; background:#fff;border:1px #f2f2f2 solid;}

.image_container img,.image_container2 img{ transition:all 3s; display:block;}

.layout_default:hover .image_container {border:1px #0ab84 solid;}

.layout_default:hover .image_container img{ transform:scale(1.1);}

.layout_default:hover .image_container2 img{ transform:scale(1.1);}

.layout_default:hover .meta a{ color:#0ab84;}





/*新闻中心*/

.newslist li{ border-bottom:1px solid #e7e7e7; padding:30px 0;}

.newslist_01{ width:220px; height:140px; border:1px #f1f1f1 solid; overflow:hidden;}

.newslist li img{ width:100%;}

.newslist_02{ width:950px;}

.newslist_03{ font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.newslist_03 span{ display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; margin:10px 0; line-height:24px;}

.newslist_04{ font-size:12px; line-height:20px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.newslist_05{ margin-top:15px;}

.newslist li:hover{ background:#fff;border-bottom:1px solid #0ab84f;}

.newslist li:hover .newslist_03{color:#0ab84f;}

.newslist li:hover .newslist_05{color:#0ab84f;}





.news .news01e{ margin-top:20px;border-top:1px #dedede solid; padding-top:50px;}

.news .news01e img{ display:block;margin:0 auto;}

.news01{ width:900px; background:#fff;}

.news01a{ font-size:20px; text-align:center; font-weight:bold; color:#0ab84f;}

.news01b{ border-bottom:1px #dedede solid; text-align:center;padding:10px; margin-bottom:20px; color:#666;}

.news02{ width:250px;}

.news02b_01{ font-size:20px;padding:15px; background:#0ab84f; color:#fff; text-align:center;}

.news01c p,.news01c{ color:#555; line-height:26px;}



.relate_news { padding:20px 10px; background:#f9f9f9;}

.relate_news li:before{ content:"•"; padding-right:5px;}

.relate_news li{ display:block; padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.relate_news li span{ float:right;}

.relate_news li:hover a{color:#0ab84f;}



.productlist li{ float:left; margin:10px; width:280px; overflow:hidden;}

.productlist .syproduct_right01{ width:280px; height:188px; overflow:hidden;}

.productlist .syproduct_right01 img{ width:100%; transition: all 2s;}

.productlist .syproduct_right02{ font-weight:bold; margin:10px 0;}

.productlist .syproduct_right03{ font-size:12px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.productlist li:hover img{ transform:scale(1.2)}

.productlist li:hover .syproduct_right02{color:#0ab84f;}





.productlist_ny01 li{ float:left; margin:10px 10px; padding:20px 40px 10px 40px; background:#fff; font-size:14px; border-bottom:1px #fff solid;}

.productlist_ny01 li:nth-child(1),.productlist_ny01 li:nth-child(5),.productlist_ny01 li:nth-child(9),.productlist_ny01 li:nth-child(13),.productlist_ny01 li:nth-child(17){margin-left:0;}

.productlist_ny01 li .productlist_ny03{width: 205px;overflow: hidden;}

.productlist_ny01 li .productlist_ny03 img{ width:205px; height:147px;transition:transform 1s;overflow:hidden;}

.productlist_ny04{ padding:15px 0; background:#fff; color:#333;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.productlist_ny01 li:nth-child(4),.productlist_ny01 li:nth-child(8),.productlist_ny01 li:nth-child(12),.productlist_ny01 li:nth-child(16),.productlist_ny01 li:nth-child(20){ margin-right:0}

.productlist_ny05{ color:#333;}

.productlist_ny06{ color:#999;}

.productlist_ny01 li:hover .productlist_ny03 img{transform: scale(1.07);}

.productlist_ny01 li:hover .productlist_ny03{ cursor:pointer; transition: all 0.6s; overflow:hidden;}

.productlist_ny01 li:hover .productlist_ny06{ color:#0ab84f;}

.productlist_ny01 li:hover {border-bottom:1px #0ab84f solid;box-shadow:0 0 10px #ebebe9;}









.arclist{ background:#fff; padding:60px;}

.arclist li{ border-bottom:1px dashed #dedede; padding:10px 15px; font-size:14px; display: block;clear: both;}

.arclist li a{ float:left; width:900px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.arclist li span{ float:right; color:#999;}

.arclist li:hover{ background:#f6f6f6;}





.nodata{ font-size:24px; text-align:center; color:#999; margin:60px 0 0;}








/*==============================================================================================*/
/*form
/*==============================================================================================*/
.field{
    display: table;
	width:560px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	margin: 0 20px;
	font-size: 16px;
    line-height: 30px;
}
label{
    font-weight: normal;
    cursor: pointer;
	
}
label.label{
    float: left;
	display:block;
    width: 120px;
    padding-top: 5px;
    text-align: left;
    color: #333;
}
.controls{
    margin-left: 140px;
}
input{
	width:100%;
	margin:10px 0px;
	padding: 10px 5px;

}

input.text{
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555;
    margin-left: 0;
    text-indent: 0.5em;
    text-shadow: none;
}

textarea{
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;

}

textarea.textarea{
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555;
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
    margin-left: 0;
	width:100%;
}

.btn{
    background: #0ab84f;
    border: 1px solid #0ab84f;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1;
    overflow: visible;
    height:50px;
    display: block;
    overflow: hidden;
    width: 160px;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
	margin: auto;
	font-size:16px;
}



.submit{display: block;clear: both;padding-top: 40px;}