﻿*{margin: 0; padding: 0; box-sizing:border-box;-o-box-sizing:border-box;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
-webkit-tap-highlight-color: transparent} 
html{-webkit-text-size-adjust:none;}
body{font-size: 14px;line-height: 1.5;background-color:#f8f8f8;
  font-family: 'Microsoft YaHei','simsun','arial','tahoma'; }
table {border-collapse:collapse;border-spacing:0;} 
button,input,select,textarea{font-size:100%;}
button{cursor: pointer; border: none}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
i,em{ font-style:normal;}
ul, ol, li{ list-style: none; }
a{ text-decoration: none;background: none }
a:link, a:visited {text-decoration: none;}
a:focus{ outline:none;}
img{border: none; vertical-align:middle;}
.clearfix{ clear: both;content: ""; display: block; overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.container{width:100%; max-width: 1100px; margin:0 auto;}


header{height:80px; line-height:80px; position: relative;width: 100%;
background: #fff; position: fixed;top: 0;left: 0;z-index:30;}
header:after{clear: both; display: table; content: ""}
header h1 a{display: block;}
.heawx {position: relative;}
.heawx i{ position: absolute; top:55px; right: 0; display: none;}
.heawx:hover i{display: block;}
.nav{ width:75%; display: inline-block;}
.nav ul{width: 100%;float: left;}
.nav li{ float:left; font-size:16px; margin-right:6%; position: relative;}
.nav li>a{display:block;color:#333333;}
.nav li i{opacity: 0; display: block; width:100%;  height:5px; background: #c60505;
position: absolute; bottom:-10%}
.nav li:hover a, .nav ul>li.cur a{color: #c60505; font-weight: bold;}
.nav li:hover i, .nav ul>li.cur i{opacity: 1;  bottom: 0;}
.nav li:hover i{opacity: 0;}
.navclose, .nav_click{ display: none; }




.banner{width: 100%;overflow: hidden;position: relative;background-color: #fff}
.banner img{width: 100%;}
.banner .swiper-slide{background-position: center; background-repeat: no-repeat;
     height: 555px}
.banner .swiper-pagination-bullet{opacity:1;background: #c2c2c2; width: 8px; height: 8px;border-radius:0}
.banner .swiper-pagination-bullet-active{background: #c2c2c2; width: 25px; }
.banner a{width: 100%; height: 100%;
position: absolute; left: 0; top: 0; }

.banner .swiper-button-prev{width: 25px; height: 46px; margin-top: -23px;
	background: url(../image/banner-prev.png) no-repeat;}
.banner .swiper-button-next{width: 25px; height: 46px; margin-top: -23px;
	background: url(../image/banner-next.png) no-repeat;}

.mar80{width: 100%; height: 80px;}

.synews{width: 100%;display:table; position: relative;}
.synews:before, .synews:after{position: absolute; top: 0;z-index: -1;
 display: block; content:""; height: 100%;}
.synews:before{background: url(../image/synewsz-bg.jpg) no-repeat center center;
 background-size:cover;left: 0; width: 38%;}
.synews:after{background: url(../image/synewsy-bg.jpg) no-repeat center center;
background-size:cover;right: 0;  width: 62%;}

.synewsz{color: #fff;padding: 35px 0; width: 23%;}
.synewsz a{display: block; color: #fff;}
.synewsz b{display: block; font-size:18px; margin-bottom: 5px; height: 25px; overflow: hidden;}
.synewsz p{font-size:14px; line-height: 22px;}
.synewsz:hover p{text-decoration: underline;}

.synewsy{color: #6a4f2a;padding: 35px 0;  width: 61%; position: relative;}
.synewsy a.more{position: absolute; right: 0; top: -20px; z-index: 1}
.synewsy b{display: block; font-size:18px; margin-bottom: 5px;}
.synewsy li{width: 100%; float: left; background: url(../image/synewsy-libg.png) no-repeat left center;
padding-left: 15px;font-size:14px; line-height: 22px;
height: 22px; overflow: hidden;}
.synewsy li a{display: block; color: #6a4f2a;}
.synewsy li a:hover{text-decoration: underline;}














.foot{ font-size: 12px;clear: both; color: #999; padding: 25px 0;
background: #fff;}
.foot p{display: inline-block; margin-right:1.5%; line-height: 21px}
.foot p.plast{ margin-right: 0;
	background: url(../image/foot-pbg.jpg) no-repeat left; padding-left: 1.5%}
.foot a{color: #999;}



.neirong{width: 100%; overflow: hidden; font-size:14px; color: #333333;
line-height: 1.9; margin-bottom: 4%}
.neirong p{width: 100%; overflow: hidden; font-size:14px; color: #333333;
line-height: 1.9;}
.neirong img{width: auto; max-width: 100%}
.neirong-t{width: 100%;
text-align: center; margin-bottom:4%;font-size:14px; color: #666; }
.neirong-t>h1{font-size: 24px; color: #000000; }

.fenye{width: 100%; display: inline-block; margin:3% 0; text-align: right;
 font-size:14px; color:#c60505 }
.fenye a{ color:#333;display: inline-block;border-radius: 50%;
width:20px; height: 20px; line-height: 20px; text-align: center;}
.fenye a:hover{color:#fff;background: #c60505}
.fenye span{color:#fff;background: #c60505;display: inline-block;border-radius: 50%;
width:20px; height: 20px; line-height: 20px; text-align: center;}



.team{width: 100%; display: table; margin-top: 4%}
.teamz{width:15%; display: table;}
.teamz li{width: 100%; float: left;line-height: 35px; font-size: 16px }
.teamz li a{color: #333;border-left: 5px solid #fff; padding-left: 20px}
.teamz li:hover a, .teamz li.cur a{color: #c60505;border-left: 5px solid #c60505 }

.teamy{width:85%; display: table;}
.teamy li{width: 23.5%;float: left;margin-right:2%; margin-bottom: 2%}
.teamy li a{display: block; cursor: pointer;}
.teamy li img{width: 100%}
.teamy li:hover{transform: translateY(-5px);
-webkit-transform: translateY(-5px); -o-transform: translateY(-5px);
-ms-transform: translateY(-5px); -moz-transform: translateY(-5px);}


.teamcon{width: 100%; display: table; margin: 4% auto}
.teamconz{width: 30%;}
.teamconz img{width: 100%;}
.teamcony{width: 65%; color: #333;}
.teamcony b{font-size: 36px; display: block; margin-bottom: 10px;}
.teamcony .zi span{font-size:18px; display: block; margin-bottom: 15px;}
.teamcony .zi{font-size:14px;line-height: 22px;  margin-bottom: 4%;}




.guand{width: 100%; display: table; margin-top: 4%}
.guand li{width: 31%; float: left; margin-bottom:20px;border: 3px solid #f8f8f8;
margin-right: 3.5%; background: #fff;}
.guand li a{display: block; cursor: pointer;}
.guand li b{width: 100%; height: 190px; overflow: hidden; display: block; overflow: hidden;}
.guand li b img{width: 100%; height: 100%}
.guand li .zi{padding: 20px;}
.guand li .zi span{display: block; font-size: 18px; color: #333;}
.guand li .zi i{font-size: 12px; color: #999; display: block; margin:5px 0;}
.guand li .zi p{font-size: 14px; color: #333; line-height: 24px;}
.guand li:hover span{color: #c60505}
.guand li:hover{border: 3px solid #c60505; transform: translateY(-5px);
-webkit-transform: translateY(-5px); -o-transform: translateY(-5px);
-ms-transform: translateY(-5px); -moz-transform: translateY(-5px);}




.newsname{width:100%; display: table;margin: 4% 0;background-color: #f8f8f8;}
.newsname li{width: 15%; font-size:16px; float: left; height: 35px; line-height: 35px;
text-align: center;}
.newsname li a{display: block; color: #333;}
.newsname li:hover, .newsname li.cur{background: #c80000; }
.newsname li:hover a, .newsname li.cur a{color: #fff;}

.news{width: 100%; display: table;}
.news li{width: 100%; float: left; padding-bottom: 20px; border-bottom: 1px dashed #d2d2d2;
margin-bottom:20px;}
.news li a{display: block; cursor: pointer;}
.news li b{display: block; font-size: 18px; color: #000; margin-bottom:10px;}
.news li b>i{float: right;font-size: 12px; color: #999999; font-weight: normal; line-height: 28px;}
.news li p{font-size: 14px; color: #333; line-height: 24px;}
.news li:hover b{color: #c80000}
.news li:hover{border-bottom: 3px solid #c80000}



.anli{width: 100%; display: table; margin:4% 0}
.anli li{width: 24%; height: 200px; float: left; background: #fff;
  margin-right: 1%; margin-bottom: 1%;
display: flex; align-items: center; justify-content: center;}
.anli li a{display: block; cursor: pointer;}
.anli li img{max-width: 98%}
.anli li:hover{box-shadow: 1px 1px 15px #ccc}




.nban-jijin{ width: 100%; height: 310px;  overflow: hidden; 
background-position: center; background-repeat: no-repeat;background-color: #fff;
}




.jijinbg{
background: -webkit-linear-gradient(top,#ebe0c4,#f5f0e3); 
  background: -o-linear-gradient(top,#ebe0c4,#f5f0e3); 
  background: -moz-linear-gradient(top,#ebe0c4,#f5f0e3);
  background: linear-gradient(top,#ebe0c4,#f5f0e3); }
.jijin-t{font-size: 36px; color: #000000; padding: 10% 0 4%  0; text-align: center;}
.descc{font-size: 12px; color: #000; line-height: 24px}
.descc span{font-size: 18px;color: #b40909}
.pdd6{padding: 6% 0}

.jijin1{width: 100%}
.jijin1 .em{display: table; padding:5% 0; width: 94%; margin:0 auto;}
.jijin1 .em li{background: url(../image/jijin1-embg.png) no-repeat left 8px;
font-size: 18px;color: #b40909; padding-left: 15px; margin-left:7%;
float: left;}

.jijin1 .em2{padding-top: 0; padding-bottom: 7%}
.jijin1 .em2 li{ color: #000; margin-left:3%}

.jijin1 .tab{width: 45%;display: table; margin:0 auto; padding:20px 30px;
background: #f8f5ef; border-radius:10px; box-shadow: 4px 4px 4px #e4dac1}
.jijin1 .tab li{width: 100%; float: left; font-size: 16px; color: #000;
line-height: 45px; border-bottom: 1px dashed #c6c5bf}
.jijin1 .tab li span{color: #909090; display: inline-block; width: 110px}


.jijin2{width: 100%;display: table;}
.jijin2 li { width: 33.33%; float: left;position: relative; overflow: hidden;}
.jijin2 li img{width: 100%;}
.jijin2 li b{font-size: 18px; color: #fff; display: block; margin-bottom: 20px;
position: absolute; top: 40%; text-align: center; left: 0; right: 0;}
.jijin2 li .mask{position: absolute; top:0; left: 0; width: 100%; height: 100%;
background: #fff; opacity: 0;padding: 10%; 
transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
-ms-transition: all .5s; -moz-transition: all .5s;}
.jijin2 li .mask p{font-size: 14px;line-height: 22px; color: #434343}
.jijin2 li .mask .b2{position: static; margin-top: 7%;color:#212121 }
.jijin2 li:hover .mask{opacity: 1; top: 0;}




.jijin3{width: 100%;display: table; padding-bottom: 6%;}
.jijin3ul{width: 100%;display: table;
background: url(../image/jijin3-bg.png) no-repeat center 30px }
.jijin3ul li {width: 24%; margin-right:14%; float: left;}
.jijin3ul li i{display: block; text-align: center;margin-bottom:25px;}

.jijin3ul li b{font-size: 18px; color: #000; display: block; margin: 20px 0;
text-align: center;}
.jijin3ul li p{font-size: 14px; color: #000; line-height: 22px;}

.jijin3-zitu{text-align: center;}

.danwei{background: #ffffff; display: table; border-radius: 10px; padding:0 5%;}
.danwei .d{text-align: center; padding-bottom: 5%}
.danwei .d img{max-width: 100%}
.danwei li{float: left; text-align: center; width: 11%; margin-right:0%; margin-bottom:2%;margin-left:3%}
.danwei li i{display: block; text-align: center; height: 100px; line-height: 70px}
.danwei li i img{max-width: 99%;width:68%;}
.danwei li p{ font-size: 12px; color: #000; margin-top:10px; height: 40px;}



.zhishu{width:100%; text-align: center;}
.zhishu p{width: 100%; font-size: 12px; color: #333; 
margin-bottom:4%;}
.zhishu img{max-width:100%;  }

.hezuo{width: 100%;display: table; padding-bottom: 6%}
.hezuo li{float: left; width: 33.3%; text-align: center;
 line-height: 60px;}
.hezuo li img{max-width: 80%;}

.nav li i, .news li, .guand li, .anli li, 
.teamy li{transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;  
  	-ms-transition:all .5s; -moz-transition:all .5s;}



.ban-about{background-position: center; background-repeat: no-repeat;
background-size: cover; display: table;height: 320px; width: 100%; text-align: center;}
.ban-about>div{display: table-cell; vertical-align: middle;}
.ban-about img{width: auto; vertical-align: middle;}



.about{width: 100%; display: table; margin-bottom: 5%}
.about-bgtu{width:100%; height: 300px; background-position: center; 
    background-size: cover;}


.about3 .descc{ margin-bottom:5%; }
.about3 .jijin3ul{background: none; padding: 0 30px}

.abouthezuo li{width:33.33%}