/* CSS Document */
* { margin: 0; padding: 0; }
body { font: 16px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #222; background: #fff; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #1049a0; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.box { width: 1600px; margin: auto; overflow: hidden; }
.fl{float:left;}
.fr{float:right;}
/*header*/
header {width: 100%;  position:absolute; background: url("../picture/topbg.png")  top; z-index: 999;}
/*header.is-fixed { position: fixed; top: 0; z-index: 999; transition: all .5s;  -moz-box-shadow: 0px 5px 9px 1px rgba(0, 115, 80, 1); background:rgba(25, 125, 85, 0.9);  }*/
.logo { position: absolute; left: 0; }
.logo img { height: 118px; margin-top:10px;  }
.bodybg{background:url("../picture/indexbg.jpg");}

.link_box{ float:right;font-size: 16px;margin: 14px; }
.link_box ul{position:relative;}
.link_box li{display:block;position:relative; float:left; padding:0 5px; line-height:40px;color:#FFF;}
.link_box li img{position:relative;float:left; top:7px;}
.link_box li .a{ display:block; text-align:center; position:relative;color:#FFF; height:40px;  line-height:40px; opacity: 0.8; }
.link_box li .a strong{ display:block;font-size: 14px; text-align:center; line-height:38px; position:relative; z-index:1;  }
.link_box li:hover .a{ opacity: 1;color:#3194c8;}

/*topnav*/
.topnav { width:96%; margin: auto; height: 135px; position: relative; z-index:99;}
.topnav h2 { color: #fff; position: fixed; top: 0; padding-left: 10px; font-weight: normal; height: 30px; line-height: 30px; display: none; }
.topnav h2 a { color: #fff; }
nav { text-align: right; line-height: 55px; width: 1100px; margin: 70px 0 0 0;position: absolute; right: 0 }
#starlist li { position: relative; display: inline-block; font-size: 18px; width: 11%; text-align: center;}
#starlist li a {display: block;color: #FFF;}
#starlist li:hover {; }
#starlist li:hover a { color: #bde1d7}
a#selected {}
a#selected:after{ width:50px; height:2px; background:#FFF; display:block;content: ''; margin-left:30px;}
#starlist ul.sub li { width: 100%; background: #fff; float: left; }
#starlist ul.sub li a { padding: 0; display: none; width: 100%; color: #333; }
#starlist ul.sub li a:hover { background: #1b7d52; color: #fff }
#starlist ul.sub { position: absolute; left: 0; top: 100px; z-index: 9; width: 100%; line-height: 44px; opacity: 0; transition: all .5s; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); -moz-box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }
#starlist ul.sub:before { content: ""; height: 15px; width: 15px; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 0; border-bottom: 0; position: absolute; top: -8px; left: 42%; display: none; }
#starlist li:hover ul.sub { opacity: 1; top: 55px; }
#starlist li:hover ul.sub li a { display: block }
#mnavh { display: none; width: 70px; height: 40px; text-align: center; }
.navicon {display: block;position: relative;width: 30px;height: 3px;background-color: #fff;margin-top: 20px;float: left;margin-left: 20px;}
.navicon:before, .navicon:after {content: '';display: block;width: 30px;height: 3px;position: absolute;background: #f8f6f6;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fff; }
.menu:after { content: ""; position: absolute; display: none; top: 14px; right: 1px; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #fff transparent transparent; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }


.topnav a.en{float:right; color: #FFF;right: 22%;position: absolute; top: 20px;}

/*icon-box*/
.icon-box {float:right;font-size: 16px;margin: 14px; }
.icon-search {  }
.search { height: 32px; width: 220px; border: 1px solid rgb(255, 255, 255, .6); background: rgb(0, 0, 0, .2); border-radius: 1.8em;  }
.search-submit { background: url(../image/icon-search.png) no-repeat; display: block; height: 20px; width: 19px; cursor: pointer; border: none; outline: none; float:right;margin:6px 15px; }
.search input#keyboard { font-size: 16px; line-height: 20px; height: 24px; width:150px; border-width: 0px; border-style: none;  background: none; outline: none;margin:3px 10px; }
section.icon-search.current .search { display: block }

.topbg_c{float:right; margin: 20px; }


/*璧勭幆瑕侀椈*/
#s_news{padding-bottom: 50px; background:url("../picture/ywbg.jpg") bottom no-repeat;}
.main {width: 100%;max-width: 1600px;margin: 0 auto;padding: 0; height: 700px;}
.main .spwh{float:left; width:100%; overflow:hidden;}
.main .swiper-photo{position: relative; margin:0px auto; float:left; width:100%;  overflow: hidden;}
.main .swiper-photo .swiper-slide2 {position: relative;border-top:3px solid #1b7d52;box-shadow:0px 0px 20px rgba(0,0,150,.3);}
.main .swiper-photo .swiper-pagination{width:100%;bottom:0 !important;}
.main .swiper-photo .swiper-pagination-bullet{margin:0 3px; border:1px solid #00204c; background-color: transparent; opacity:1;}
.main .swiper-photo .swiper-pagination-bullet-active{background-color:#00204c;}
.main .swiper-photo .swiper-button-prev{display: none; border:0;outline:0; width:60px; background:url("../image/jt01.png") no-repeat center center;}
.main .swiper-photo .swiper-button-next{display: none;border:0; outline:0; width:60px;background:url("../image/jt02.png") no-repeat center center;}
.main .swiper-photo .swiper-button-prev:after,.main .swiper-photo .swiper-rtl .swiper-button-next:after,.main .swiper-photo .swiper-button-next:after, .main .swiper-rtl .swiper-button-prev:after{content:'';}


.main .swiper-photo .swiper-slide2 .pic{float: left; margin: 0;width:700px; }
.main .swiper-photo .swiper-slide2 .pic img{width:700px; height: 410px; margin:0 }

.main .swiper-photo .swiper-slide2 .content{float:left; width:450px; text-align: left; margin: 10px 0;height: 300px; }
.main .swiper-photo .swiper-slide2 .content img{width:420px; height:106px; border-bottom: 2px solid #009e0f}
.main .content  ul {list-style: none; height: auto; overflow: hidden;padding:0 20px }
.main .content  li {font-size: 18px;line-height: 30px; margin: 15px 0; font-size: 22px; color: #2473c2;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; }
.main .content  ul li:first-child {font-size:24px;font-weight: bold;line-height: 50px}

.main .swiper-photo .swiper-slide2 .bt{ width:100%; background: #1b7d52; float: left; text-align: left; height:80px; color: #FFF;}
.main .swiper-photo .swiper-slide2 .bt span{margin:20px 40px;line-height: 30px;display: block;font-size: 18px;}

/*h_title*/
.h_title { text-align: center;margin: 50px auto}
.h_title h3 { font-size: 36px; padding: 20px 0 20px 0; position: relative;color: #1b7d52; width: 260px; margin: auto}
.h_title h3:after { content: ""; width: 80px; height: 5px; background: #1b7d52; position: absolute; left: 50%; top: 80px; margin-left: -40px; }
.h_title span { font-size: 30px;color: #cfddf1; margin: 0 10px; float: left;}
.h_title span.xx { font-size: 18px;color: #cfddf1; margin: 0 10px }
.h_title h3 img{ margin: auto}
.h_title p { color: #666; font-size: 16px; }
.h_title .more{ display: block; float: right; text-align:center; font-size:16px;width:70px; height:30px; line-height:30px; position: relative; right:30px;top:40px;color:#04562e; border-bottom:1px solid #1b7d52;}


.z_title { text-align: left; }
.z_title h3 { font-size: 36px; padding: 50px 0; position: relative;color: #1b7d52; width: 260px;}
.z_title h3:after { content: ""; width: 80px; height: 5px; background: #1b7d52; position: absolute; left:0; top: 110px; margin-left: 0; }
.z_title span { font-size: 30px;color: #cfddf1; margin: 0 10px; float: left;}
.z_title span.xx { font-size: 18px;color: #cfddf1; margin: 0 10px }
.z_title h3 img{ margin: auto}
.z_title p { color: #666; font-size: 16px; }
.z_title .more{ display: block; float: right; text-align:center; font-size:16px;width:70px; height:30px; line-height:30px; position: relative; right:30px;top:60px;color:#04562e; border-bottom:1px solid #1b7d52;}


.x_title { text-align: left; }
.x_title h3 { font-size: 36px; padding: 20px 0; position: relative;color: #FFF; width: 260px;}
.x_title h3:after { content: ""; width: 80px; height: 5px; background: #FFF; position: absolute; left:0; top: 80px; margin-left: 0; }
.x_title span { font-size: 30px;color: #cfddf1; margin: 0 10px; float: left;}
.x_title span.xx { font-size: 18px;color: #cfddf1; margin: 0 10px }
.x_title h3 img{ margin: auto}
.x_title p { color: #666; font-size: 16px; }
.x_title .more{ display: block; float: right; text-align:center; font-size:16px;width:70px; height:30px; line-height:30px; position: relative; right:0px;top:40px;color:#FFF; border-bottom:1px solid #FFF;}


/*瀛﹂櫌鏂伴椈*/

.main_bg{}
#s_pro {padding-bottom: 50px; background:url("../picture/probg.jpg") bottom no-repeat #cff2e4;}

#s_pro .un{width:880px;}
#s_pro .un li{ position:relative;  display:block; background: #FFF; padding:20px;height:53px; line-height:26px; float:left; width: 380px; height: 60px;margin: 20px 0 0 0}
#s_pro .un li:nth-child(2),#s_pro .un li:nth-child(4) { margin-left: 36px;}
#s_pro .un a{ font-size:16px; color:#333; display:block; padding-right:70px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:62px;}
#s_pro .un a:hover{ text-decoration:underline; background-color:#FFF;}
#s_pro .un span{font-size:14px;color:#0c6545; padding:5px 12px;  position:absolute; right:0; border-left:#bad8cb 1px solid;display:block; padding: 5px 20px;} 
#s_pro .un b{ display:block; font-size:28px; text-align:center; border-bottom:1px solid #FFF锛泒
#s_pro .left_1 { width:420px; float:left;  height:auto; margin:0 0 0 80px;background: rgba(46,115,80,.7);padding: 30px;}
#s_pro .left_1 .content{ padding: 20px 0;   height:auto;  }
#s_pro .un_x{width:420px; }
#s_pro .un_x li{ position:relative;  display:block;  padding:20px 0;height:75px; line-height:26px;}
#s_pro .un_x a{ font-size:18px; color:#fff; display:block; padding:10px 0 10px 100px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#s_pro .un_x a:hover{ text-decoration:underline; }
#s_pro .un_x span{font-size:14px;color:#0c6545; background:#FFF; position:absolute; left:0;top:20px;border:1px solid #1b7d52;width: 80px; line-height: 30px;text-align: center} 
#s_pro .un_x b{ display:block; font-size:30px; text-align:center; background: #1b7d52; color: #FFF;line-height: 60px;}

.slide_about{width: 900px;}
.slide_about .box{}
.slide_about .bd{ background: #FFF;}
.slide_about .bd ul{}
.slide_about .bd ul li{ position:relative;}
.slide_about .bd ul li img{ width:510px; height:345px;}
.slide_about .mask{position:absolute;top:0; right:0; width:300px; height:300px; padding:30px;}
.slide_about .mask h5{ font-size:18px; line-height:24px; color:#000; padding:0;font-weight: bold;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.slide_about .mask p{ font-size:14px; line-height:24px; color:#000; padding:0;margin-top: 30px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; text-indent: 28px; }

.slide_about .hd{  margin:0 auto; position:relative; right:0; bottom:50px; width:180px; padding:3px 0; float:right;}
.slide_about .hd ul{   position:relative;   z-index:9; width:100%; display:inherit; text-align:center;   }
.slide_about .hd ul li{ cursor:pointer; display:inline-block;  }
.slide_about .hd ul li a{height:6px; width:6px; margin:0 3px; display:block; border: 1px solid #858cd3; border-radius: 50%; }
.slide_about .hd ul li a:hover{ background:#858cd3;  }
.slide_about .hd ul .on a{  background:#858cd3;  }
.slide_about .cbox{width: 880px;}


/*瀛︽湳鎶ュ憡*/
#s_aca {padding-bottom: 50px; background:url("../picture/acabg.jpg") bottom no-repeat #f1f8fe;}
#s_aca .left_1 { width:420px; float:left;  height:auto; margin:0 0 0 0;padding: 30px;}
#s_aca .left_1 .content{ padding: 20px 0;   height:auto;  }
#s_aca .left_1 .content .bx{width: 400px; height: 240px; background:#cbe7e0;position: relative;padding: 10px;margin-bottom: 30px;display: block}
#s_aca .left_1 .content h3{color:#1b7d52;line-height: 80px;margin-top: 6px;}
#s_aca .left_1 .content h3:after { content: ""; width: 145px; height: 1px; background: #1b7d52; position: absolute; left:175px; top: 56px; margin-left: 0; }
#s_aca .left_1 .content h3 img{float: left;margin: 30px 14px}
#s_aca .left_1 .content span{ float:right; border-radius: 50%; overflow: hidden;width: 80px;height: 80px;text-align: center}
#s_aca .left_1 .content span img{margin: auto;width: 80px;height: 80px;}
#s_aca .left_1 .content p{font-size:18px; line-height:26px; color:#000; padding:15px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#s_aca .left_1 .content li{font-size:16px; line-height:30px; color:#1b7d52; word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#s_aca .left_1 .content li img{float: left;margin:5px 14px}
#s_aca .left_1 .content a:hover {  background: #a4d7cb; box-shadow:0px 0px 5px 2px rgba(0,0,0,.3);transition: .5s;}



#s_aca .left_2 { width:1000px; float:left;  height:auto; margin:0 0 0 0;padding: 30px;}
#s_aca .left_2 .content{ padding: 20px 0;   height:auto;  }
#s_aca .left_2 .content ul { position: relative; list-style: none; height: 550px; overflow: hidden;}
#s_aca .left_2 .content ul li { float: left; width: 300px; height: 620px; margin-left:35px; overflow: hidden;  background: #FFF;box-shadow:0px 0px 10px rgba(0,0,0,.1);transition: .5s;}
#s_aca .left_2 .content ul li:first-child { margin-left: 0; }
#s_aca .left_2 .content ul li img { display: block; width: 300px; height: 370px; margin:auto}
#s_aca .left_2 .content ul li:hover {  background: #1b7d52; box-shadow:0px 0px 5px 2px rgba(0,0,0,.3);transition: .5s; margin-top: -10px}
#s_aca .left_2 .content li:hover h3,#s_aca .left_2 .content li:hover h4{color:#fff;}
#s_aca .left_2 .content h3{padding:10px 30px 10px;font-size: 16px; color: #1b7d52;}
#s_aca .left_2 .content h4{padding: 20px 30px 0 30px;font-size: 18px; color: #000;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp:3;-webkit-box-orient: vertical; line-height: 30px;height: 95px;font-weight: 500}

/*涓撻涓撴爮*/
#s_project2{ background:#f8fbff; width:100%; height:600px; text-align: center; background:url("../picture/jbtbg.jpg") bottom no-repeat #FFF;}
.Box_con {position: relative;  width: 100%;  margin: 0 auto;}
.Box_con .btn2 { display: block; width: 60px; height: 60px; cursor: pointer; border-radius:50%;top: 50%;  transform: translateY(-50%);  z-index: 99;}
.Box_con .btnl2 { background: url(../image/jt01.png) no-repeat 50%; left: 0px;position:absolute;   }
.Box_con .btnr2 { background: url(../image/jt02.png) no-repeat 50%; right: 0px;position:absolute; }
.Box_con .conbox2 { position: relative; overflow: hidden;width:1400px; margin: auto }
.Box_con .conbox2 ul { position: relative; list-style: none;  }
.Box_con .conbox2 ul li { margin:20px 21px; width:240px; height:335px; overflow:hidden; float:left; text-align: center; align-items: center;display: flex; justify-content: center;}
.Box_con .conbox2 ul li h5{ font-size:18px; color:#00ad73; float: left;text-align: center; line-height: 80px; width: 200px;}
.Box_con .conbox2 ul li:first-child { margin-left: 0; }
.Box_con .conbox2 ul li img { display: block; margin: auto}
.Box_con .conbox2 li:hover {  box-shadow:0px 0px 5px 2px rgba(0,0,0,.3);transition: .5s; margin-top: 10px}


/*==========================================footer=============================================*/


footer { padding: 0; background: #242424; color: #fff; background-size: cover;  width:100% ; index:999;}
.loginfooter{ position:fixed; bottom:0} 
footer a { color: #cecece; }
footer a:hover { color: #fff; }
.copyright { text-align: center; background: #185d47; color: #fff; padding: 20px 0; font-size:14px}
.copyright a { color: #999; }



.index_footer{background: #333333;padding-bottom: 2px;height: 230px; background:url(../picture/footer_bg.jpg);background-size: cover;}
.index_footer .foot_left{height: 180px;margin-top: 20px;border-right: 1px solid #c2c2c2;padding-right: 75px;}
.index_footer .foot_left ul{}
.index_footer .foot_left ul li{color: #dddddd;font-size: 14px; line-height:30px; text-indent:40px;}
.index_footer .foot_left ul li span{ font-size:18px; font-weight:bold;letter-spacing:2px; line-height:40px;}
.index_footer .foot_left img{ width:450px;}

.index_footer .foot_center{height: 180px;padding-left: 85px;margin-right: 85px;color: #FFF;}
.index_footer .foot_center ul{margin-top: 30px;}
.index_footer .foot_center ul li{color: #FFF;font-size: 16px; color:#acacac;line-height:26px;}
.index_footer .foot_center ul li a{padding: 0px 15px;color: #FFF;font-size: 12px;transition: all 0.4s;}
.index_footer .foot_center ul li a:hover{color: #fff;}
.index_footer .foot_center p{color: #fff;font-size: 14px;line-height: 36px;}

.index_footer .foot_right{margin-top: 30px;color: #fff;font-size: 16px;text-align: center; margin-right:100px; line-height:40px; height:180px;}
.index_footer .foot_right a{display: block;float:left; padding:0 30px 0 0;}
.index_footer .foot_right a:hover{ filter: brightness(100%);}
.index_footer .foot_right a:hover .wb{ display: block; position:absolute; margin:15px 0 0 -40px;}
.index_footer .foot_right a:hover .wx{ display: block; position:absolute; margin:15px 0 0 -40px;}
.index_footer .foot_right a:hover .qq{ display: block; position:absolute; margin:15px 0 0 -40px;}
.index_footer .wb,.wx,.qq{ display:none;}