@charset "utf-8";
@import "page.css";
@import "message.css";
@import "hdp.css";
@import "common.css";
/* CSS Document */
body{font-size:14px; font-family:"Microsoft YaHei"; color:#333; overflow-x:hidden; min-width:1260px; }
*{ margin:0px; padding:0px; outline:none }
img{border:0px; max-width:100%;}
i,em{ font-style:normal;}
.up{ text-transform:uppercase}
a{ text-decoration:none; color:#333;}
li{ list-style:none}
.clear{ clear:both}
a:hover{ color:#028151}
input{ outline:none;}
div.middle{ width:1200px; margin:0px auto;  }
.w1100{ width:1100px; margin:0px auto;  }
div.toubu{ position:relative; z-index:2}
/*pc端头部start*/
.bighead{ display:block; width:100%; height:80px;}
div.head{ width:100%;height:80px; background:#FFF; position:fixed; left:0px; top:0px;z-index:9999; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.33)}

div.head .middle{ width:1140px;}
div.head img.logo{ float:left; height:80px; width:162px;}
div.head div.wapdh{ display:none}
div.head ul.nav{ float:left; margin-left:33px;}
div.head ul.nav li a{}
div.head ul.nav li.yi{ float:left;  text-align:center; width:130px;height:80px; position:relative;}
div.head ul.nav li.yi a.ayi{ font-size:16px; display:block; padding-top:25px;}
div.head ul.nav li.yi a.ayi span{ display:block; width:100%}
div.head ul.nav li.yi:hover a.ayi,div.head ul.nav li.yi.hover a.ayi{ color:#028151;}
div.head ul.nav li.yi ul.ernav{ position:absolute; left:-10%; top:80px; width:120%; display:none;background:#FFF; border:1px solid rgba(228,228,228,1)}
div.head ul.nav li.yi:hover ul.ernav{ display:block;}
div.head ul.nav li.yi ul.ernav li.er{ width:100%; height:30px; line-height:30px; position:relative;}
div.head ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:100%; display:block; text-indent:20px; text-align:left}
div.head ul.nav li.yi ul.ernav li.er:hover a.aer{ background:#028151; color:#FFF}
div.head ul.nav li.yi ul.ernav li.er ul.sannav{ position:absolute; top:0px; left:100%; display:none; width:100%; background:#FFF}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san{ width:100%; height:24px; line-height:24px;}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{ width:100%; height:100%; display:block; border-bottom:1px dashed #333; text-align:center}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san:hover a.asan{ background:#000; color:#FFF}
div.head ul.nav li.yi ul.ernav li.er:hover ul.sannav{ display:block;}
div.head a.hsou{ margin-top:40px; display:block; height:30px;float:right; position:relative; margin-left:10px; width:29px; overflow:hidden;
z-index:9
}
div.head a.hsou img{ position:absolute; right:7px; top:3px;}
div.head a.hsou input{ display:block; margin:0px; height:27px; position:absolute; right:-158px; top:0px; border:1px solid #999; width:148px; border-radius:27px; line-height:27px; text-indent:15px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; }
div.head a.hsou img.xiao{ display:none}
div.head a.hsou img.xian{ display:block}
div.head a.hsou.you{ width:150px;overflow:visible;}
div.head a.hsou.you input{ right:0px;}
div.head a.hsou.you img.xiao{ display:block}
div.head a.hsou.you img.xian{ display:none}
div.head a.hsou img.souclose{ width:22px; position:absolute; right:-22px; top:2px; z-index:9;}

.hsou{ float:left; height:80px; position:relative; margin-left:10px; overflow: hidden;}
.hsou em{ font-weight:bold; font-size:20px; position:relative; top:33px;}
.hsou:hover em{ color:#028151;}
.hsou:hover{overflow: visible; }
.hsou input{ border:8px solid #028251; height:34px; line-height:34px; background:#FFF; width:200px; text-indent:19px;}
.hsou form{opacity:0; position:absolute; right:-30px; top:50px; padding-top:6px;}
.hsou:hover form{opacity:1; top:80px; z-index:9}

div.head.fix {
 position:fixed; left:0px; top:0px; background:#FFF;
}
a.lan{ float:right; color:#FFF; text-align:center; background-color:rgba(2, 129, 81, 1); border-radius:10px; width:104px; height:38px; line-height:38px; margin-top:20px;}

.pc{ display:block;}

.wap{ display:none;}


.valign{display: flex;align-items: center;}


.hasdiv{ overflow:hidden; display:block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: rotate(0deg)
}
.hasdiv .bkg{ display:block; width:100%;
transition:All 0.2s linear;
-webkit-transition:All 0.2s linear;
-moz-transition:All 0.2s linear;
-o-transition:All 0.2s linear;
background-position:center center; background-repeat:no-repeat; background-size:cover;}
.hasdiv:hover .bkg{	   transform: rotate(0deg) scale(1.1);
            -webkit-transform: rotate(0deg) scale(1.1);
            -moz-transform: rotate(0deg) scale(1.1);
            -o-transform: rotate(0deg) scale(1.1);
            -ms-transform: rotate(0deg) scale(1.1);}

.l{ float:left;}
.r{ float:right;}
.animates{transition:All 0.2s linear;
-webkit-transition:All 0.2s linear;
-moz-transition:All 0.2s linear;
-o-transition:All 0.2s linear; }


.neiye{ padding-top:40px; padding-bottom:30px;}
.arrname{ text-align:center; color:rgba(30, 30, 30,1); font-size:30px; display:block; padding:19px 0px 16px 0px;}
.zuo{ float:left; width:270px;}
.zuo .arr{ display:block; font-size:22px; line-height:80px; text-align:center; color:#FFF; height:80px; background:url(../images/fl_bg3.jpg)}
.zuo ul.erji{ padding:13px 0px;}
.zuo ul.erji a{ display:block; text-align:center; height:40px; line-height:40px; border:1px solid #E5E5E5; margin:4px auto;}
.zuo ul.erji a:hover,.zuo ul.erji a.on{ color:#fff; background:#028251}
.zuo .arr1{ height:93px;font-size:22px; color:#FFF; text-indent:90px; background:url(../images/nybjfw1.jpg) center top no-repeat; line-height:100px; position:relative}
.zuo .arr1 img{ width:38px; height:38px; position:absolute; left:30px; top:32px;}
.zuo ul.erji1{ height:auto; padding:0px; margin:0px; background:url(../images/erjibg_02_02.png) center top repeat-y; background-size:100% auto; border:1px solid #F6F6F6; border-top:0px;}
.zuo ul.erji1 a{ display:block; width:50%; text-align:center; float:left; height:48px; line-height:48px; color:#666}
.zuo ul.erji1 a:hover{ color:#028151}


.you1{ overflow:hidden; float:right; width:875px; }

.you1 .route{ height:30px; line-height:30px; border-bottom:1px solid #E5E5E5; color:#666;}
.you1 .route a{ color:#666;}
.you1 .route a:hover{ color:#028151}
.you1 .route i{ font-size:12px;}



.pics{ padding-top:38px;}
.pics li{ float:left; width:31%; border:1px solid #C9C9C9; text-align:center; font-size:18px; margin-right:2%;margin-bottom:2%; position:relative; overflow:hidden}
.pics li.z{ margin-right:0px;}
.pics li img.sj{ position:absolute; top:0px; left:-71px; z-index:1;}
.pics li:hover img.sj{ left:0px;}
.pics li em{ position:absolute; z-index:1; color:#FFF; left:11px; top:11px; font-weight:bold;}
.pics li .text{ height:70px; line-height:70px; padding:0px 35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pics li .bkg{ padding-bottom:77%}
.pics li .text1{ font-size:14px; line-height:20px; display:block; margin:16px auto auto auto; max-width:96%; width:220px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; color:#666}
.pics li i{ font-size:15px; color:#4E867E; display:block; margin:auto; margin-top:3px; height:36px; line-height:36px; margin-bottom:15px; text-align:left; background:url(../images/qus.png) right center no-repeat; width:125px;}
.pics li:hover i{ width:135px;}
.pics li p.line{ display:block; position:absolute; left:0px; bottom:0px; height:1px; width:0px; background:#028151}
.pics li:hover p.line{ width:100%}



.dan_con{   width:99%; display:block; margin:auto; overflow-y:visible; padding-bottom:20px;}
.dan_con .alone{padding:20px;box-shadow:0 1px 5px rgba(0,0,0,.2); width:auto;}
div.comtitle{ text-align:center; position:relative; height:111px; display:block; width:683px; margin:auto; }
div.comtitle i{ height:1px; top:50px; background:rgba(0, 0, 0, 0.1); width:231px; position:absolute;}
div.comtitle i.ll{ left:0px;}
div.comtitle i.rr{ right:0px;}
div.comtitle span.c{ display:block;color:#028251; font-size:26px; font-weight:bold; padding-top:33px;  }
div.comtitle span.e{ display:block; text-transform : uppercase; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-top:12px;}
div.comtitle p{ display:block; }



.indexabout{ }
.indexabout .middle{}
.indexabout .about_nr{height:405px; position:relative; background:url(../images/abouts.png) center center no-repeat; margin:55px auto 75px auto}
.indexabout .about_nr .about_nr_l{ float:left; width:570px;}
.indexabout .about_nr .about_nr_l span{ display:block; font-size:50px; color:#19171c; padding:35px 0px 10px 0px; position:relative}
.indexabout .about_nr .about_nr_l span:after{ content:''; position:absolute; bottom:0px; left:0px; background:#191765; width:92px; height:1px;}
.indexabout .about_nr .about_nr_l p{ color:#999; line-height:30px; height:180px; padding-top:25px;	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;}
.indexabout .about_nr .about_nr_l a.ckgd{ position:absolute; left:0px; bottom:0px;}
.indexabout .about_nr .about_nr_r{ float:right; width:465px;}
.indexabout .about_nr .about_nr_r img{ width:100%; display:block;height:405px;}



.hf{ height:500px; background:#000;}
.hf ul{ display:block; }
.hf ul li{ float:left; width:25%; height:500px; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center; color:#FFF}
.hf ul li a{ color:#FFF; font-size:16px; display:block; padding-top:290px;}
.hf ul li i{ display:block; padding:4px 0px 17px 0px;}
.hf ul li p{ line-height:20px; font-size:12px; width:235px; display:block; margin:auto; max-width:96%;}



.indexnew{ padding-bottom:56px;}
.indexnew .indexnew_nr{ padding-top:49px;}
.indexnew .indexnew_nr .indexnew_nr_l{ float:left; width:450px;}
.indexnew .indexnew_nr .indexnew_nr_r{ overflow:hidden; padding-left:24px;}
.indexnew .indexnew_nr .indexnew_nr_r ul{ padding-top:1px;}
.indexnew .indexnew_nr .indexnew_nr_r ul li{ border:1px solid #ccc;  height:141px; margin-top:-1px;}
.indexnew .indexnew_nr .indexnew_nr_r ul li .ncc{ transition:all .5s ease;padding:30px 30px 20px 80px;}
.indexnew .indexnew_nr .indexnew_nr_r ul li:hover .ncc{padding:30px 30px 20px 20px;}
.indexnew .indexnew_nr .indexnew_nr_r ul li span{ background:#f2f2f2; width:80px; height:84px; text-align:center; /*line-height:84px;*/ display:block; float:left; font-size:18px; padding-top:18px; height:66px; color:#707070}
.indexnew .indexnew_nr .indexnew_nr_r ul li dl{ padding-left:20px; overflow:hidden;}
.indexnew .indexnew_nr .indexnew_nr_r ul li dl a{ display:block; height:30px; line-height:30px; font-size:16px; color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;    }
.indexnew .indexnew_nr .indexnew_nr_r ul li dl p{ display:block; height:60px; padding-top:3px; color:#707070;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; line-height:20px;}


.cpdetail_title{ margin-top:10px; background-color:rgba(2, 130, 81, 1); color:#FFF; height:40px; line-height:40px; font-size:16px; text-indent:22px;}
.tuzu{ padding-top:4px; border:1px solid #E4E4E4}
.tuzu_l{ float:left; width:600px; border:1px solid #E4E4E4}
p.pview{ display:block; padding-left:36px;  margin:9px auto 19px 24px; color:#999; font-size:12px; height:30px; line-height:30px; background:url(../images/eye1.png) 0px center no-repeat; background-size:auto 15px;}
.tuzu_r{}
.tuzu_r p.li{ height:43px; line-height:43px; border-bottom:1px dashed rgba(240,240,240,1); font-size:16px;}
.tuzu_r p.li i{ font-size:14px; color:#979797}
.ixp{ margin-top:20px; width:114px; height:45px; line-height:45px; text-align:center; color:#FFF; font-size:16px; background-color:rgba(2, 130, 81, 1); display:block;}
.cpdetailss{ border-top:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;}
.cpdetailss_nr{ padding:20px;}

.tuzu_r{ width:249px; float:right;}
.cppre{ border-top:1px solid #f0f0f0; height:40px; line-height:40px;}
.cppre li{ display:inline-block; font-size:12px; color:#666;height:40px; line-height:40px;}
.cppre li.lil{ float:left; margin-left:15px;}
.cppre li.lir{ float:right;margin-right:15px;}
.cppre li i{}
.cppre li span{}
.cppre li a{ font-size:16px;}

.in-ban img{ display:block; margin:auto; max-width:600px; max-height:400px;}

a.ckgd{ display:block; margin:auto; margin-top:28px; background-color:rgba(2, 130, 81, 1); color:#FFF; width:157px; text-align:center; height:42px; line-height:42px;}
.jsq{ height:400px; background:url(../images/bg.jpg) center center no-repeat;}
.jsq ul{ padding:68px 0px 50px 0px; text-align:center;}
.jsq ul li{ float:left; width:33.3%; font-size:20px; color:#A9A9A9}
.jsq ul li i{ color:#028251; font-size:60px; padding:0px 5px; display:inline-block;}
.jsq p{ color:#A9A9A9; line-height:200%; font-size:16px; display:block; margin:auto; width:924px; max-width:100%; text-align:center}


.indexserv{ background:#F5F5F5; padding:87px 0px 70px 0px;}
.indexserv .indexserv_l{ float:left; width:375px;}
.indexserv .indexserv_l span{font-size:24px;color:#A9A9A9 }
.indexserv .indexserv_l span i{ color:#D3D3D3; font-family:Arial, Helvetica, sans-serif; display:block;}
.indexserv .indexserv_l span b{color:#696969}
.indexserv .indexserv_l p{color:#808080; line-height:22px; margin:14px auto 25px auto;}
.indexserv .indexserv_l img{ width:47px;}
.indexserv .indexserv_r{ overflow:hidden; padding-left:35px;}
.indexserv .indexserv_r ul{}
.indexserv .indexserv_r ul li{ float:left; width:357px; height:115px; border:1px solid #CCCCCC; background:#FFF; margin:0px auto 11px 29px;}
.indexserv .indexserv_r ul li .cc{ padding:20px 24px 20px 24px;}
.indexserv .indexserv_r ul li img{ width:40px; float:left; margin-top:16px; height:40px;}
.indexserv .indexserv_r ul li dl{ overflow:hidden; padding-left:14px;}
.indexserv .indexserv_r ul li dl a{ font-size:18px; color:#707070; font-weight:bold;}
.indexserv .indexserv_r ul li dl i{ font-size:18px; color:#707070; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.indexserv .indexserv_r ul li dl p{color:#A9A9A9; font-size:12px; line-height:20px; padding-top:5px;}



.tong_list1{ margin:auto; padding-top:20px; }
.tong_list1 li{ border-bottom:1px solid #F0F0F0; padding:15px 0px;}
.tong_list1 li .hasdiv{ float:left; width:168px;}
.tong_list1 li .hasdiv .bkg{ padding-bottom:82.1%;}
.tong_list1 li dl{ overflow:hidden; padding-left:17px;}
.tong_list1 li dl span{ display:inline-block; float:right; height:30px; line-height:30px; font-size:12px; color:#969696}
.tong_list1 li dl span i{ font-size:12px; color:#c8c8c8}
.tong_list1 li dl span em{ font-size:14px; color:#c8c8c8}
.tong_list1 li dl a.at{ display:inline-block; float:left; line-height:30px; color:#323232; font-size:18px;width: calc(100% - 200px); white-space:nowrap;overflow:hidden;text-overflow:ellipsis;    }
.tong_list1 li dl a.at1{ float:right; display:block; width:84px; height:26px; text-align:center; line-height:26px; border:1px solid #f0f0f0; background:#fcfcfc; color:#65beba}
.tong_list1 li dl p{ color:rgba(102,102,102,1); line-height:26px; height:52px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; margin:8px auto 10px auto;}


.lxwm{ padding-top:40px;}
.lxwm .lxwmt{ font-size:34px; font-weight:bold;}
.lxwm .lxwmt i{}
.lxwm p{ padding-top:10px; line-height:200%; margin-bottom:20px;}
.lxwm .lxwm_l{ float:left; box-shadow:1px 1px 5px rgba(0,0,0,.2); margin:0px auto 5px 3px; width:505px;}
.lxwm .lxwmt_l_t{ background-color:rgba(217, 219, 219, 1); height:40px; line-height:40px;}
.lxwm .lxwmt_l_t i{ font-size:16px; text-indent:25px; display:block;}
.liuyan_cons{ display:block; width:450px; margin:15px auto;}
.liuyan_cons li{ margin-bottom:13px;}
.liuyan_cons li i{ float:left; display:block; width:100px; height:30px; line-height:30px;}
.liuyan_cons li .fcon{ overflow:hidden; padding-left:5px;}
.liuyan_cons li  textarea{border:1px solid #f0f0f0; width:97%; padding:12px;width: calc(97% - 24px); height:120px;}
textarea::-webkit-input-placeholder {font-family:"Microsoft YaHei";}
.liuyan_cons li  input{ text-indent:14px; border:1px solid #f0f0f0; height:26px; width:97%; line-height:26px;}
.liuyan_cons li  input.tj{ width:90px; text-align:center; cursor:pointer; background-color:rgba(2, 130, 81, 1); color:#FFF; height:40px; line-height:40px; text-indent:0px; font-size:16px;}
.lxwm .lxwm_r{ float:right; width:324px; background-color:#028251; color:#FFF;}
.lxwm .lxwm_r dl{ display:block; margin:auto; width:270px; border-bottom:1px solid #FFF; padding-top:40px; padding-bottom:30px;}
.lxwm .lxwm_r dl li{ height:45px; padding-left:33px; position:relative; line-height:45px;}
.lxwm .lxwm_r dl li i{ position:absolute; left:0px; top:0px; line-height:45px;  font-size:22px;}
.lxwm .lxwm_r dl li.i1{ line-height:20px;}
.lxwm .lxwm_r dl li.i1 i{ line-height:20px;}
.lxwm .lxwm_r dl li.i2{}
.lxwm .lxwm_r dl li.i3{}
.lxwm .lxwm_r dl li.i3 i{ line-height:50px;}
.lxwm .lxwm_r p{ display:block; text-align:center; padding-top:12px;font-size:18px;}
.lxwm .lxwm_r p i{ display:block; font-weight:bold; }




.foot{ height:327px; background-position:center top; background-repeat:no-repeat; background-color:rgba(24, 27, 34, 1); background-image:url(../images/foot.png)}
.foot ul{ width:100%; padding-top:84px;}
.foot ul li{ float:left; width:33.3%; color:#FFF; line-height:24px;}
.foot ul li.l2{ width:31.3%}
.foot ul li.l3{width:35.3%}
.foot ul li p.jj{ width:310px; max-width:100%}
.foot ul li a.at{color:#FFF; display:block; font-size:16px; padding-bottom:16px; margin-bottom:12px; position:relative}
.foot ul li a.at:after{ content:''; background:#FFF; position:absolute; left:0px; bottom:0px; height:2px; width:40px;}
.foot ul li .lcfoot{}
.foot ul li .lcfoot p{ display:block; padding-left:56px; background-repeat:no-repeat; width:246px; max-width:100%; background-position:left center; height:50px; line-height:50px;}
.foot ul li .lcfoot p.p1{ background-image:url(../images/p1.png)}
.foot ul li .lcfoot p.p2{background-image:url(../images/p2.png)}
.foot ul li .lcfoot p.p3{background-image:url(../images/p3.png); line-height:22px; padding-top:4px;}
.foot ul li .guanzhu{}
.foot ul li .guanzhu dl.wm{ float:left; text-align:center; width:92px;}
.foot ul li .guanzhu dl.wm img{ display:block; width:100%;}
.foot ul li .guanzhu dl.wm i{ line-height:34px;}
.foot ul li .guanzhu p{ overflow:hidden; padding-left:22px; line-height:36px;}