@charset "utf-8";
@import "common.css";
@import "page.css";
@import "hdp.css";
@import "nav.css";
@import "message.css";
@import "/font/iconfont.css";

body{font-size:14px;font-family:"Microsoft YaHei";color:#333;}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#44B647}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; position: relative; }
.pic span{background-size: cover; background-repeat: no-repeat; background-position: center; display: block;}

.w1200{ width: 1200px; margin: auto; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.top{ margin: auto; padding: 15px 0px; }
.logo{ float: left; padding-top: 5px;  }

.sou{ float: right; margin-right:15%; }
.sou input{ height: 36px; line-height: 36px; border:#e6e6e6 1px solid;  width: 250px; display: inline-block; text-indent: 10px;}
.sou a{ background: #44B647; display: inline-block; color: #fff; height: 38px; width: 70px; line-height: 38px; text-align: center; position: relative; top: 3px; left: -4px; }
.sou a i{font-size: 20px; }
.tel{ float: right; }
.tel i{ float: left; margin-right: 10px; }
.tel p{ overflow: hidden; }
.tel p span{ display: block; color: #999; }
.tel p em{ font-size: 20px; display: block;}
.nav{  font-size: 16px; margin:auto; background: #262626; }
.nav li{ float: left; text-align: center; width: 10%; margin-left: 5%; }
.nav li a{ display: block;  color: #fff; line-height: 50px; }
.nav li a:hover{ background:#44B647;}
.nav li.on a{ background:#44B647; }


.box{ background: #F5F5F5; padding: 10px 0 70px 0; background-position: center; background-size: cover; }


.index_dh{ margin: auto; text-align: center;  text-align: center; margin:50px auto 30px auto;}
.index_dh p{font-size: 30px;}
.index_dh span{ color: #999; display: block; margin:20px auto; }
.index_dh1{ color: #fff; }
.index_dh span{}
.index_pic li{ float: left; width: 25%; }
.index_pic li .con{ background: #fff; width: 92%; margin:auto; text-align: center; padding-top: 20px; }
.index_pic li .pic{ width: 90%; }
.index_pic li .pic span{ padding-top: 90%; }
.index_pic li .txt{ margin:auto; width: 90%; }
.index_pic li .txt span{ display: block; font-size: 16px; margin-top: 20px;}
.index_pic li .txt p{ margin:10px auto; color: #999; line-height: 180%; height: 80px; overflow: hidden; }
.index_pic li .con img{ margin-bottom: -20px; }
.index_pic li .con:hover{-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

.index_hj{ margin:auto; margin-bottom: 30px; }
.index_hj li{ float: left; width: 33.3%; margin-bottom: 30px;  }
.index_hj li .con{ width: 95%; margin:auto;position:relative; }
.index_hj li .pic span{ padding-top: 66%; }

.index_hj li .bak:hover {-webkit-transform:scale(1); -moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

.index_hj li p{ position: absolute; font-size: 16px; left: 0; top: 0; background:rgba(0,0,0,0.5); width: 100%;   text-align: center; color: #fff; z-index: 10; height: 100%;transition: all .35s ease;
-webkit-transform: rotate3d(0,1,0,90deg);
    -moz-transform: rotate3d(0,1,0,90deg);
    transform: rotate3d(0,1,0,90deg);opacity:0; filter: alpha(opacity=0);
}
.index_hj li p i{ position:relative; top:50%; height:30px; line-height:30px; display:block; margin-top:-15px;}
.index_hj li:hover p{ display: block;-webkit-transform: rotate3d(0,1,0,0deg);
    -moz-transform: rotate3d(0,1,0,0deg);
    transform: rotate3d(0,1,0,0deg); opacity:1; filter: alpha(opacity=1);}


.about{ color: #fff; line-height: 180%; }
.about a{ width: 150px; display: block; margin: 20px auto;  text-align: center; line-height: 40px; font-size: 16px; color: #fff; background: #44B647; }
.about_tu{ margin:auto; margin-top: -50px;}
.about_tu li{  float: left; width: 33.3%; }
.about_tu li .con{ width: 95%; margin:auto; }
.about_tu li .pic span{ padding-top: 50%; }

.news_big{  margin-bottom: 50px; }
.news_tu{ float: left; width: 45%; margin-right:5%; }
.news_tu1{ overflow: hidden; margin-right: 0px; }
.news_tu li{ float: left; width: 49%; }
.news_tu li .pic span{ padding-top: 142%; }
.news_tu li.li2{ float: right; margin-top: 40px;}
.news_tu1 li.li1{ margin-top: 40px;}
.news_tu1 li.li2{ margin-top: 0px;}
.news_r{ overflow: hidden; }
.news_l{ float: left; width: 50%; margin-right:5%; }
.news_dh{ margin: auto; border-bottom: #EDEDED 1px solid; padding-bottom: 15px; padding-top: 50px; }
.news_dh p{ float: left; font-size: 18px; font-weight:bold; }
.news_dh a{ float: right; margin-top: 5px;  }

.news{ margin:10px auto; }
.news li{ line-height: 60px; border-bottom: #EDEDED 1px solid;}
.news li a{ float: left; width: 70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.news li a i{ display: inline-block; background: url(../images/key.png); color: #fff; font-size: 12px; width: 17px; height: 17px; line-height: 17px; text-align: center; margin-right: 10px; }
.news li  span{ float: right; }


.route{ border-bottom:1px solid #ededed; height:40px; line-height:40px;padding-top:70px;}
.route p{ color:#2E8A57; padding-left:31px; background:url(../images/dh.gif) left center no-repeat; }
.route p a{ color:#666}
.left{ float:left; width:270px; margin-right:3.8%; padding-top:59px;}
.left p.arr1{ color:#FFF; font-size:30px; display:block; text-align:center; width:100%; height:118px; line-height:118px; background:url(../images/tmp1520493847_1620618_s.png);}
.left ul{}
.left ul li{ height:50px; line-height:50px; margin-top:10px;}
.left ul li a{ display:block; width:100%; text-indent:33px; height:100%; font-size:16px; background:url(../images/tmp1520494066_1620618_s.png) right center no-repeat #FAFAFA;transition-duration: .5s;}
.left ul li a:hover,.left ul li a.on{ color:#FFF; background:url(../images/tmp1520494165_1620618_s.png) right center no-repeat #44b647}
.div_r{ overflow:hidden;padding-top:59px;}
.div_r p.parr{ display:block; background:url(../images/tmp1520496245_1620618_s.png) 0px bottom no-repeat; height:49px; line-height:49px; font-size:24px;}
.tong_list1s{}
.tong_list1s li{ border-bottom:1px dashed #ededed; height:50px; line-height:50px;}
.tong_list1s li a{ display:inline-block; float:left; text-indent:23px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/tmp1500619493_1503903_s.png);width: calc(100% - 93px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.tong_list1s li:hover a{ background-image:url(../images/tmp1520494595_1620618_s.png);}
.tong_list1s li span{ float:right; display:block; }

.foot{ padding: 20px 0px; }
.foot_nav{ float: left; width: 50%; }
.foot_nav dl{ float: left; width: 33.3%; text-align: center; }
.foot_nav dl dd{ font-weight: bold; }
.foot_nav dl dd i{ display: block; width: 20px; height: 2px; background: #44B647; margin:10px auto; }
.foot_nav dl dt{ color: #999; line-height: 30px; }
.foot_nav dl dt a{color: #999; }
.foot_nav dl dt a:hover{ color:#44B647;  }
.foot_wei{ float: right; width: 110px; text-align: center; }
.foot_wei img{ border:#44B647 1px solid; display: block; }

.bq{ background: #262626; height: 50px; line-height: 50px; text-align: center; color: #cccccc; }
.nbanner{ margin: auto; height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover;  }
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }

.qywh{ background:#FAFAFA; padding:70px 0px 100px 0px}
.qywh ul{}
.qywh ul li{ float:left; width:25%; text-align:center; margin-bottom:12px;}
.qywh ul li div.ccc{ background:#FFF; display:block; margin:auto; width:95%; padding:30px 0px 60px 0px;}
.qywh ul li:hover div.ccc{box-shadow:0 0 1px rgba(255,255,255,.5)}
.qywh ul li.li3{ margin-right:0px;}
.qywh ul li img{ display:block; margin:auto; width:155px; height:155px;}
.qywh ul li a{font-size: 16px;
    line-height: 1.3; display:block;}
.qywh ul li p{ display:block; margin:auto; max-width:90%; width:200px; padding-top:18px; line-height:20px; height:60px;	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.gsjj dl{ padding-bottom:25px; line-height: 200%; font-size: 16px;}


.lxwm_list{ margin:50px auto; }
.lxwm_list li{ float: left; width: 25%; text-align: center; }
.lxwm_list li img,.lxwm_list li span{ display: block; margin:20px auto; font-size: 16px; }
.lxwm_list li p{ width: 70%; margin:auto; }
.map iframe{ height: 550px; }
.zs_list{ margin:20px auto; }
.zs_list li { float: left; width: 50%; }
.zs_dh{ background: url(../images/zsdh.png) no-repeat center; background-size:116px 93px;  width: 116px; line-height: 93px; font-size: 18px; text-align: center; float: left;  margin-right: -30px; margin-top: 10px; }
.zs_list li .con{ overflow: hidden; -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.1); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.1); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px rgba(0,0,0,0.1); padding: 30px; background: #fff; line-height: 200%; padding-left: 60px;  }

#goTopBtn { position: fixed; text-align: center; right: 10px; bottom: 10px; cursor: pointer;}