@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;
  font-family: 'Microsoft YaHei','Arial';
overflow-x: hidden;}
ul,ul li,ol,li {list-style: none outside none;}
h1,h2,h3,h4,h5,h6,i,strong,em {font-weight: normal; font-style: normal;}
img {vertical-align: middle;border: none;}
input,select,option,label,th{vertical-align: middle;border: none}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;width: 100%; max-width: 1200px; margin: 0 auto;}


/*header*****************************************************************/
.header{width: 100%;height: 110px; line-height: 110px;}
.heabor{border-bottom: 1px solid #f3644c}
.header h1>a{display: block;}
.header h1 .img1{margin-right: 8px}


/*nav*****************************************************************/
.nav{width: 65%; display: table;}
.nav li{float:left; font-size:16px;color: #2f2f2f;width: 12.5%; text-align: center;
position: relative;}
.nav li>a{display: block;}
.nav li i{display: block; width:0; height:3px; background: #f3644c;
position: absolute; top: 0; left: 0; opacity: 0;}
.nav li:hover i, .nav li.cur i{width: 100%;opacity: 1;}
.zinav{background: rgba(243,100,76,0.66);height: 55px; line-height: 55px; 
    position: absolute;left: 0;top: 100%; padding: 0px 20px;text-align: left;
    z-index:2;width: 1200px; display: none}
.zinav>a{font-size: 14px; color: #fff;}
.zinav span{font-size: 14px; background: #fff;width: 1px; height: 10px;display: inline-block;
margin: 0 8px}
.zinav>a:hover{text-decoration: underline;}

/*手机*/
.navbtn{display: none;}

/*banner***********************************************************************/
.banner{width: 100%;height: 807px; }
.banner .swiper-slide{background-repeat: no-repeat;
 background-position: center; background-size: cover;color: #fff;
display: table; text-align: center;}
.banner .swiper-slide .zi{display: table-cell; vertical-align: middle;padding: 0 25px}
.banner .zi b{font-size:55px;display: block; line-height: 1}
.banner .zi i{font-size: 12px;display: block; line-height: 1; margin: 15px 0;
letter-spacing: 7px; text-transform: uppercase; opacity: .5; filter: alpha(opacity=50);}
.banner .zi span{font-size: 14px;display: block; line-height: 1.1}
.banner .zi span:after{content: ""; display: block; width: 50px; height:2px;
 background: #fff; margin: 15px auto;}
.swiper-pagination:after{content: ""; display: block; width: 1px; height: 100%; background: #fff;
position: absolute; top: 0; left: 50%; z-index: -1}
.banner .swiper-pagination-bullet {background:#fff; opacity: 1;
border-radius:50%; width: 10px;height: 10px;margin: 0 auto 16px!important}
.banner .swiper-pagination-bullet-active{background: #f3644c;width: 16px; height: 16px;}
.banner .swiper-pagination-bullet:last-child{margin: 0 auto!important}
.downico{position: absolute; left: 0; right: 0; bottom: 20px;
z-index: 1; text-align: center; cursor: pointer;}
.downico>img{position: relative; animation: down 2s linear infinite;}
.downico>b{display: block; font-size: 12px; text-transform: uppercase; color: #fff; margin-top: 5px;}

.banner .zi b{position: relative; opacity: 0;top:-400px;
-webkit-transition: 0.5s 0.5s ease-in-out;-o-transition: 0.5s 0.5s ease-in-out;transition: 0.5s 0.5s ease-in-out;}
.banner .swiper-slide-active .zi b{top:0;opacity: 1;}

.banner .zi span{position: relative; opacity: 0;bottom:-400px;
-webkit-transition: 0.5s 0.5s ease-in-out;-o-transition: 0.5s 0.5s ease-in-out;transition: 0.5s 0.5s ease-in-out;}
.banner .swiper-slide-active .zi span{bottom:0;opacity: 1;}



/*syyewu*****************************************************************************/
.syyewu{width: 100%; display: table;margin-top:3%; overflow: hidden;}
.syyewu li{width:27%; margin: 0 3%; float: left;box-shadow: 0px 0px 5px #f4f4f4;
text-align: center; color: #383838;border: 1px solid #fff; overflow: hidden;}
.syyewu li a{display: block;}
/*.syyewu li a>img{width: 100%;}*/
.syyewu li .zi{padding:20px;padding-top: 0;}
.syyewu li i{display: block; margin-top: -50px}
.syyewu li span{font-size: 18px;display: block;margin: 4% 0}
.syyewu li p{font-size: 14px; text-align: left;max-height: 45px; overflow: hidden;}
.syyewu li .more{font-size: 14px; width:60%; height: 35px; line-height:35px; 
border: 1px solid #e5e5e5; display: block; margin: 0 auto; margin-top:8%}
.syyewu li:hover>img{opacity: .9;filter: alpha(opacity=90);}
.syyewu li:hover{background: #f3644c; border-color:#f3644c; color: #fff}
.syyewu li:hover i{ transform: rotate(360deg); }
.syyewu li:hover .more{background: #fff;color: #f3644c; border-color: #fff;
box-shadow: 0px 0px 5px #e42100}



.dtit{width: 100%; text-align: center;padding: 3% 0}
.dtit span{font-size: 30px; color: #2f2f2f; border-bottom: 1px solid #e9e9e9;display: block;}
.dtit.bor0 span{border-bottom: none}
.dtit span:after{content: ""; display: block;width: 50px; height: 3px; background: #f3644c;
margin: 0 auto;margin-top: 4px;}
.dtit i{color: #c1c1c1; font-size: 12px; display: block; text-transform: uppercase;
margin-top: 8px}

/*anlibg*****************************************************************************/
.anli01{width: 58%; display: table;}
.anli01 li{width: 48%; margin-right: 2%; float: left; position: relative; overflow: hidden;}
.anli01 li>a>img{width: 100%;}
.anli01 li p{padding:10px 15px;background:#fff; font-size: 16px; color: #676767; max-height: 40px; overflow: hidden;}

.anli02{width: 42%; display: table;}
.anli02 li{width: 100%;background:#fff; margin-bottom: 2%; float: left; position: relative; overflow: hidden;}
.anli02 li>a>img{width: 50%;}
.anli02 li p{max-height: 46px; overflow: hidden;
	width: 50%; font-size: 16px; color: #676767;text-align: center; position: absolute; top: 45%; right: 0}
.anli02 li:last-child{margin-bottom: 0}
.anli li .mask{position: absolute;width: 100%; height: 100%; top: 0; left: 0; opacity:0;
 background: rgba(243,100,76,0.8); display: flex; align-items: center; justify-content: center;}
.anli li .mask>img{margin-top: -30px;transform: scale(0) rotate(180deg);-webkit-transform: scale(0) rotate(180deg);-o-transform: scale(0) rotate(180deg);
-ms-transform: scale(0) rotate(180deg);-moz-transform: scale(0) rotate(180deg);}
.anli li .mask>i{color: #fff; font-size: 16px; text-align: center; position:absolute; margin-top:40px;
transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);
-ms-transform: scale(0);-moz-transform: scale(0);}
.anli li:hover .mask{opacity: 1;}
.anli li:hover .mask>img, .anli li:hover .mask>i{transform: none;-webkit-transform:none;-o-transform:none;
-ms-transform:none;-moz-transform: none;}


/*synews****************************************************************************/
.synews {display: table;overflow: hidden;}
.synews .synewsz{width: 30%}
.synewsz figure{width: 100%; overflow: hidden;}
.synewsz figure img{width: 100%;}
.synewsz span{display: block; font-size: 16px; color: #161616; margin: 8px 0}
.synewsz p{color: #8e8e8e;max-height: 45px; overflow: hidden; }
.synewsz .more{color: #f3644c; display: block; margin-top:10px}
.synewsz:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);
-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1);}
.synewsz:hover span{color: #f3644c;}
.synewsz:hover .more{text-decoration: underline;}

.synews .synewsyzong{width:66%; }
.synewsmenu{width: 100%; display: table;margin-bottom: 20px}
.synewsmenu li{padding:4px 40px; background: #e5e5e5; font-size: 18px; color: #383838;
margin-right: 10px; float: left;}
.synewsmenu li.cur{background: #f3644c; color: #fff;}

.synews .synewsy{width:100%; }
.synewsy li{margin-bottom:2%; width: 100%;float: left; }
.synewsy li .date{ display: block;color: #fff;float: left; text-align: center;}
.synewsy li .date .day{ display: block; font-size:36px; line-height: 1; 
	background: #9a9a9a; padding:4px;}
.synewsy li .date .month{display: block; font-size: 14px;line-height: 1;
background: #808080;  padding:4px;}
.synewsy li .zi{width: 88%; float: right; padding-bottom: 13px;border-bottom: 1px solid #ebebeb}
.synewsy li .zi a{display: block;}
.synewsy li .zi span{display: block; font-size: 16px;  color: #161616; }
.synewsy li .zi p{ color: #8e8e8e; margin-top:6px;max-height: 22px; overflow: hidden;}

.synewsy li:hover .date .day{background: #f3644c;}
.synewsy li:hover .date .month{background: #e44e35}
.synewsy li:hover .zi span{color: #f3644c;}
.synewsy li:hover .zi{border-bottom: 1px solid #f3644c;}
.synewsy li:hover{transform: translateY(3px); -webkit-transform: translateY(3px);
-o-transform: translateY(3px); -ms-transform: translateY(3px); -moz-transform: translateY(3px);}


/*syab****************************************************************************/
.syab1{width: 24%; display: table;}
.syab1 li{width: 100%;float: left; position: relative; overflow: hidden;}
.syab1 li>a>img{width: 100%;}

.syab2{width: 76%; display: table;}
.syab2 li{float: left; position: relative; overflow: hidden; margin-left:1%}
.syab2 li.li1{width: 49%;}
.syab2 li.li2{width: 26.3%;}
.syab2 li.li2 .zi{position: absolute; top: 0; left: 0; width: 100%; height: 100%;
 font-size: 22px; color: #f3644c;text-align: center; padding-top: 27%}
.syab2 li.li2 .zi i{font-size: 16px;display: block; }
.syab2 li.li2:hover .zi {padding-top: 24% }
.syab2 li.li3{width: 44.4%;}
.syab-marb{margin-bottom: 6px; width: 100%; float: left;}
.syab2 li>a>img{width: 100%;}
.syab li .mask{position: absolute;width: 100%; height: 100%; top: 0; left: 0; opacity:0;
 background: rgba(243,100,76,0.8); display: flex; align-items: center; justify-content: center;}
.syab li .mask>img{margin-top: -30px;transform: scale(0) rotate(180deg);-webkit-transform: scale(0) rotate(180deg);-o-transform: scale(0) rotate(180deg);
-ms-transform: scale(0) rotate(180deg);-moz-transform: scale(0) rotate(180deg);}
.syab li .mask>i{color: #fff; font-size: 16px; text-align: center; position:absolute; margin-top:40px;
transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);
-ms-transform: scale(0);-moz-transform: scale(0);}
.syab li:hover .mask{opacity: 1;}
.syab li:hover .mask>img, .syab li:hover .mask>i{transform: none;-webkit-transform:none;-o-transform:none;
-ms-transform:none;-moz-transform: none;}



/*syxia****************************************************************************/
.syxia{width: 100%; display: table; padding: 2% 0; margin: 3% auto; border-top: 2px solid #e9e9e9;
 border-bottom: 1px solid #e9e9e9;}
.syxia li{float: left; width: 33.33%; text-align: center; color: #383838;padding:0 2px; }
.syxia li a{display: block;}
.syxia li i{width: 93px; height: 69px;overflow: hidden; display: block;position: relative;margin: 0 auto}
.syxia li i:before,.syxia li i:after{content: ""; display: block; position: absolute; top: 0;
left:0; width: 100%; height: 100%;}
.syxia li span{font-size: 18px;display: block;margin: 20px 0 10px 0;}
.syxia li p{font-size: 14px;display: block; height: 44px; overflow: hidden; margin-bottom: 20px}
.syxia li .more{border: 1px solid #e9e9e9; width: 140px; height: 35px; line-height: 35px;
text-align: center; display: block; margin: 0 auto; position: relative;}
.syxia li .more:after{content: ""; display: block; width:0px; height: 100%; background:#f3644c;
position: absolute; top: 0; left: 0; z-index: -1}
.syxia li:hover .more{color: #fff}
.syxia li:hover .more:after{width: 100%}
.syxia li i:after{transform: translateX(100px);-webkit-transform: translateX(100px);
-o-transform: translateX(100px); -ms-transform: translateX(100px); -moz-transform: translateX(100px);}
.syxia li:hover i:before{transform: translateX(-100px);-webkit-transform: translateX(-100px);
-o-transform: translateX(-100px); -ms-transform: translateX(-100px); -moz-transform: translateX(-100px);}
.syxia li:hover i:after{transform: none;-webkit-transform: none;-o-transform: none;
-ms-transform: none; -moz-transform: none; }
.syxia li i.i1:before{background: url(../images/syxia01.png) no-repeat center center}
.syxia li i.i1:after{background: url(../images/syxia01h.png) no-repeat center center}
.syxia li i.i2:before{background: url(../images/syxia02.png) no-repeat center center}
.syxia li i.i2:after{background: url(../images/syxia02h.png) no-repeat center center}
.syxia li i.i3:before{background: url(../images/syxia03.png) no-repeat center center}
.syxia li i.i3:after{background: url(../images/syxia03h.png) no-repeat center center}



/*footer****************************************************************************/
.footer{background: url(../images/footer-bg.jpg) no-repeat center center;
background-size: cover; color: #e9e9ea; padding-top: 20px}
.fologo{margin-top: 20px}
.fologo .img2{width: 280px; margin-left: 5px}
.foul{width:70%; display: table;}
.foul li{width: 12.5%; float: left; }
.foul li>span{font-size: 16px;display: block; margin-bottom: 10px}
.foul li a{font-size: 14px;display: block;width: 100%; line-height: 24px}
.foul li p{font-size: 12px; margin-top: 5px}
.footer a:hover{text-decoration: underline;color: #f3644c}
.folink{width: 100%; margin-top: 20px}
.copy{width: 100%; display: table; font-size: 12px; padding: 10px 0; border-top: 1px solid #484f53; margin-top: 20px}
.copy span>a{margin-left:8px; display: inline-block;}

.gotop{display:none;position: fixed; bottom: 5%;z-index: 10; cursor: pointer;
 right: 20px; font-size: 16px; color: #7d7d7d; text-align: center;}



/*nban*****typemenu***********************************************************************/
.nban{width: 100%; height:480px;background-repeat: no-repeat;
 background-position: center; background-size: cover;color: #fff;
display: table; text-align: center;}
.nban.aright{text-align: right;}
.nban.aright .zi span:after{position: absolute; right: 0}
.nban .zi{display: table-cell; vertical-align: middle;padding: 0 25px}
.nban .zi b{font-size: 45px;display: block; line-height: 1}
.nban .zi i{font-size: 12px;display: block; line-height: 1; margin: 5px 0;
letter-spacing: 7px; text-transform: uppercase; opacity: .5; filter: alpha(opacity=50);}
.nban .zi span{font-size: 14px;display: block; line-height: 1; position:relative;}
.nban .zi span:after{content: ""; display: block; width: 50px; height:2px;
 background: #fff; margin: 15px auto;}

.typemenu{width: 100%;padding: 10px;color: #666666; display: table;border-bottom: 2px solid #e9e9e9}
.typemenu .posi{font-size: 14px; background: url(../images/posi-bg.png) no-repeat left center; padding-left: 20px;
margin-top: 8px;}
.typemenu .posi a:hover{text-decoration: underline; color: #f3644c}
.typemenu li{float: left;}
.typemenu li>a{display: block; font-size: 16px; padding:6px 50px;}
.typemenu li:hover, .typemenu li.cur{background:#f3644c; color: #fff;}


/*ab-jieshao****************************************************************************/
.abjs{width: 100%; overflow: hidden;}
.abjsz{width: 54%;padding-right: 20px; font-size: 16px; color: #858585;height: 515px;}
.zl-scrollBarBox{position:absolute;background:transparent url(../images/scrollBar-bg.jpg) repeat-y center center }
.zl-scrollBar{position:absolute;left:0;top:0;background: url(../images/scrollBar-bgx.png) no-repeat center center; cursor: pointer; }
.zl-scrollBar.zl-verticalBar{min-height:10px}
.zl-scrollContentDiv{position:relative!important;width:100%!important;height:100%!important;
	padding:0!important;margin:0!important;top:0;left:0}

.abjsy{width: 41%;}
.abjsy>img{width: 100%;}
.abjsy p{font-size: 18px; color: #858585;margin: 20px 0}
.abjsy i{font-size: 22px; color: #858585; display: block; text-align: right;}

/*abzuzhi***/
.abzuzhi img{ max-width: 100%; text-align: center; }

/*abzuji***/
.abzujiz{width:43%;}
.strength{width: 100%;background: #fff; padding:20px 30px;}
.strength .item{position: relative;display: block;float: left;
	width: 33.33%;*width: 33.33%; }
.strength .item1{-webkit-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;}
.strength .item2{-webkit-transition: 0.3s 0.5s ease;-o-transition: 0.3s 0.5s ease;transition: 0.3s 0.5s ease;}
.strength .item3{-webkit-transition: 0.6s 0.5s ease;-o-transition: 0.6s 0.5s ease;transition: 0.6s 0.5s ease;}
.strength .show .item{opacity: 1;filter:alpha(opacity=100);}
.strength .item .num{position: relative;display:block;	font-size: 0;}
.strength .item .num .num-item{display: inline-block;*display: inline;*zoom:1; line-height: 1;
height: 40px;color: #e50010;font-size: 40px;margin-left: -2px; overflow: hidden; font-family:Arial;}
.strength .item .num .num-item span{display: block;}
.strength .item p{font-size: 17px; color: #5b5b5b;font-weight: bold; line-height: 1.2; margin-top: 10px;}

.abzujiz02{width: 100%;float: left; margin-top: 40px; padding-left:30px; }
.abzujiz02 li{width: 33.33%; float: left; font-size: 14px; color: #333333;
background: url(../images/hongli-bg.png) no-repeat left center; padding-left: 15px;
margin-bottom: 8px;}
.abzujiy{width: 55%; text-align: right; position: relative;}
.abzujiy img{width: 100%;}
.abzujiy .zi{position: absolute; left: 0; top:200px; background: url(../images/abzujiy-jian.png) no-repeat center center;
background-size: cover;width: 280px; height: 141px; color: #000; font-size: 16px; text-align: left;
line-height: 1.4; padding: 25px 10px}
.abzujiy .zi span{font-size:30px ;color: #e50010}

/*abhonor***/
.abhonor{width: 100%;position: relative;margin-bottom: 4%}
.abhonor ul{width: 90%; margin: 0 auto;padding: 10px;}
.abhonor li{float: left; box-shadow: 0 0 10px #c7c7c7; background: #fff;
width: 23.4%;height: 155px;}
.abhonor li img{width: 100%;height: 100%}
.abhonor li:hover{ box-shadow: 0 0 5px #f3644c; transform: translateY(-8px);}
.abhonor .abhonor-prev,.abhonor .abhonor-next{z-index: 1; width: 17px; height: 30px;background:none;
background-size: cover!important;}
.abhonor .abhonor-prev{background:url(../images/abhonor-prev.png) no-repeat}
.abhonor .abhonor-next{background:url(../images/abhonor-next.png) no-repeat}
.abhonor .abhonor-prev:hover{background:url(../images/abhonor-prevh.png) no-repeat}
.abhonor .abhonor-next:hover{background:url(../images/abhonor-nexth.png) no-repeat}
#mbOverlay { position:fixed; z-index:98; top:0; left:0; width:100%; height:100%;
 background:rgba(0,0,0,0.8); cursor:pointer; }
#mbCenter{ height:auto; position:absolute; z-index:99; }
#mbNumber{display: none}
#mbCloseLink{display: none}


/*ab licheng******************************************************************************************/
.lichengbg{background: url(../images/licheng-bg.jpg) no-repeat top center; background-size: cover;
    width: 100%; padding-bottom: 4%}
.licheng{width: 75%; position: relative; margin: 0 auto;
background:url(../images/licheng-xianbg.png) repeat-y center;
padding: 5% 0; overflow: hidden; height: 1080px; }
.licheng:before{content: ""; display: block; width: 28px; height:14px;
background:url(../images/licheng-jianbg.png) no-repeat;
position: absolute; top: 0; left: 0; right: 0; margin: 0 auto}
.licheng li{ width:100%;float: left;position: relative;}
.licheng li:after{content: ""; display: block; width: 12px; height:12px;
background:url(../images/licheng-yuanbg.png) no-repeat;
position: absolute; top: 20px; right:0; left: 0; margin: 0 auto}
.licheng li>div{width: 45%;position: relative; padding: 10px; padding-left: 40px;text-align: right;
border:2px solid #efefef; background: #fff}
.licheng li>div:before{content: ""; display: block; width: 0; height: 0;
border:10px solid transparent; border-left: 10px solid #efefef;
position: absolute; top: 15%; right: -20px;}

.licheng li span{display:block; font-size:18px; 
color: #f3644c; margin-bottom:6px;}
.licheng li p{font-size:14px;  color: #666666;text-align: left;}
.licheng li.li2>div{text-align: left;padding-left: 15px; padding-right: 40px;}
.licheng li.li2>div:before{right:auto; left: -10px;  border-left:none;border-right: 10px solid #efefef;}
.licheng li.li2>div:after{left: -10%}
.licheng li>div:hover{border-right:2px solid #f3644c;transform: translateY(10px);-webkit-transform: translateY(10px);
-o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px);}
.licheng li.li2>div:hover{border-right-color:#efefef;  border-left:2px solid #f3644c}


.licheng li>div:hover:before{border-left-color: #f3644c}
.licheng li.li2>div:hover:before{border-right-color: #f3644c}
.lichengbg .more{text-align: center; margin-top: 2%; }
.lichengbg .more span {display: inline-block;cursor: pointer;border-radius: 50%;} 


/*ab youshi******************************************************************************************/
.abys01{width: 100%; display: table; line-height: 28px; color: #666666; overflow: hidden;
 margin-bottom: 4%}
.abys01 figure{width:38%;}
.abys01 figure img{width: 100%;}
.abys01 .zi{width: 60%; padding-left: 40px;}
.abys01 .zi .more{width:200px; height: 35px; line-height: 35px; margin-top: 30px;
text-align: center; display: block; color: #fff; border: 1px solid #f3644c; background: #f3644c; position: relative;}
.abys01 .zi .more:hover{background: #fff; border: 1px solid #f3644c; color: #f3644c;}
.abys01 .zi .more:before{content: ""; display: block; width:100%; height: 100%;
position: absolute; left: 0; top: 0; background: #f3644c; opacity: 0; z-index: 0}
.abys01 .zi .more:hover:before{width: 10px; opacity: 1;}

.abys01 figure p{ margin-top: 20px; text-align: center; }
.abys01 .zi .zi-t{ margin-bottom: 20px}
.abys01 .zi .zi-t span{display: block;font-size:26px; color: #646464;}
.abys01 .zi .zi-t span:after{content: ""; display: block; width: 50px; height:3px;
 background: #f3644c; margin-top: 10px;}
.abys01 .zi .zi-t i{display: block; text-align: right;}

.abys02{width: 100%; display: table; line-height: 28px; color: #666666;
background: #fafafa;padding: 10px; overflow: hidden; position: relative;}
.abys02 figure{width:24%;}
.abys02 figure img{width: 100%;}
.abys02 .zi{width: 73%; padding: 40px;}
.abys02:after{content: ""; display: block; position: absolute; top:-60px; right: -60px;
 width:120px; height: 120px; background: #fff;transform: rotate(45deg); }
.abys03:after{top: auto; right: auto; bottom:-60px; left: -60px;}

.abysda{width: 100%; background: url(../images/abysdatu1.jpg) no-repeat center center;
background-size: cover;padding: 2.5%; padding-top: 0; overflow: hidden;}

.abysda .dtit span{color: #fff;}
.abysda .dtit span:after{background: #fff;}
.abysda .zi{color: #fff; line-height: 2; text-align: center; margin: 0 auto;}

.abysxia{width: 100%; overflow: hidden;}
.abysxia p{text-align: center; color: #666666;width: 80%; margin: 0 auto}
.abysxia ul{width: 100%; display: table;margin: 4% 0}
.abysxia ul li{width: 22%; margin-right: 4%; float: left;}
.abysxia ul li img{width: 100%;}

/*xueyuan****************************************************/
.xueyuan01{line-height: 26px; color: #666666}
.xueyuan01 figure{width:24%;}
.xueyuan01 figure img{width: 100%;}
.xueyuan01 .zi{width: 73%; }
.xueyuan01 .zi-t {border-bottom: 1px solid #fff; position: relative;margin-bottom:20px}
.xueyuan01 .zi-t span{font-size: 30px; color: #545454; display: block;}
.xueyuan01 .zi-t span:after{content: ""; display: block; width: 50px; height:3px;
 background: #f3644c; margin-top: 10px;}
.xueyuan01 .zi-t i{font-size: 36px; color: #ebebeb; text-transform: uppercase; 
position: absolute; right: 0; bottom: 5px}

.xueyuan02{width: 100%; overflow: hidden;line-height: 25px; color: #666666}
.xueyuan02 figure{width:26%;position: relative;}
.xueyuan02 figure img{width: 100%;}
.xueyuan02 figure p{width: 100%; text-align: center;
font-size: 28px; text-transform: uppercase; color: #fff; background: #f78771; padding: 15px 5px;}
.xueyuan02 figure p>span{font-size: 22px; display: block;}
.xueyuan02 figure p>span:after{content: ""; display: block; width: 50px; height:3px;
 background: #fff; margin: 5px auto 10px;}
.xueyuan02 .zi{width: 70%; }
.xueyuan02 .zi span{color:#f3644c }

.xueyuan03{ padding:0!important;line-height: 25px; color: #666666; margin: 3% 0}
.xueyuan03 figure{width: 50%;}
.xueyuan03 figure img{width: 100%;}
.xueyuan03 .zi{width: 40%;background: #fff;padding:2% 3%;margin-top: 2%; margin-right: -102px }
.xueyuan03 .t{font-size: 30px; color: #545454;float: left;margin-right: 5%; margin-top: 5%}
.xueyuan03 .t:after{content: ""; display: block; width: 50px; height:3px;
 background: #f3644c;}
.xueyuan03 .t i{font-size: 12px; color: #636363; display: block;}


.xueyuan04{width: 100%; margin-bottom: 3%; overflow: hidden;}
.xueyuan04 figure{width: 31%;}
.xueyuan04 figure img{width: 100%;}
.xueyuan04 .zi{width: 65%;line-height: 25px; color: #666666;}
.xueyuan04 .t{font-size:24px; color: #545454;float: left;margin-bottom:3%}
.xueyuan04 .t:after{content: ""; display: block; width: 50px; height:3px;
 background: #f3644c;}
.xueyuan04 .t i{font-size: 12px; }
.xueyuan04 .zi li{width: 100%; float: left; list-style: inside; height: 22px; overflow: hidden;}
.xueyuan04 .zi li span{float: right; color: #999999}
.xueyuan04 .zi li:hover{text-decoration: underline;}


/*文化 理念ln01*******************************************************************************************/
.ln01{width: 100%; display: table; margin-bottom: 3%;position: relative;}
.ln01 .bai{position: absolute; left: 0; top: 0; background: #fff; height: 100%; width: 100%;
margin-left: -100%;}
.ln01 .bai2{left: auto; right: 0; margin-left: auto; margin-right: -100%;}
.ln01 .tu{width: 50%;}
.ln01 .tu>img{width: 100%;}
.ln01 .zi{width: 50%;padding:4%;color: #959595;background: #fff;
position: absolute; height: 100%; top: 0; left: 0;}
.ln01 .zi2{left: auto; right: 0; text-align: center;}
.ln01 .zi .zit{width: 100%;font-size: 24px; color: #868686; margin-bottom: 4%; line-height: 1.2}
.ln01 .zi .zit:after{content: ""; display: block; width: 50px; height:2px;
 background: #868686; margin-top: 10px}
.ln01 .zi:hover .zit:after{width: 50%; }
.ln01 .zi .zit i{font-size: 12px; display: block;}
.ln01 .zi .zit2{color: #f3644c}
.ln01 .zi .zit2:after{background: #f3644c}
.ln01 .zi .zit3{text-align: center;}
.ln01 .zi .zit3:after{margin:10px auto 0}
.ln01 .zi .zit4{color: #fff; text-align: center;}
.ln01 .zi .zit4:after{background: #fff; margin:10px auto 0}

.lnda{ background: url(../images/lndabg.jpg) no-repeat center center;
background-size: cover;}
.lnda .zi{width: 100%; padding: 6%; background: none; position: static; text-align: center; color: #fff}

.ln01 .zi .span{text-align: right;font-size: 22px; margin: -6% 0 4% 0}
.ln01 .zi .span>span{display: block;font-size: 12px;}

/*文化 企业刊物**********************************************************************************/
.yearviewzong{position: relative; width: 100%;margin-bottom: 3%}
.yearview{width:90%!important; margin: 0 auto; overflow: hidden;}
.yearview li{width:10%; font-size: 24px; color: #666666; text-align: center;}
.yearview li.on{color: #f3644c}
.yearview li.on:after{content: ""; display: block; width: 50px; height: 3px; background:#f3644c;margin: 5px auto }

.yearviewzong .year-prev,.yearviewzong .year-next{z-index: 1; width: 17px; height: 30px;background:none;
margin-top: -20px;background-size: cover!important;}
.yearviewzong .year-prev{background:url(../images/abhonor-prev.png) no-repeat}
.yearviewzong .year-next{background:url(../images/abhonor-next.png) no-repeat}
.yearviewzong .year-prev:hover{background:url(../images/abhonor-prevh.png) no-repeat}
.yearviewzong .year-next:hover{background:url(../images/abhonor-nexth.png) no-repeat}

.view {background: #ededef; width: 100%;overflow: hidden;padding: 3% 0;}

.view .container{position: relative;padding: 0!important}
.kan{width:100%; color: #3e3e3e; padding: 15px 0}
.kan .z{width: 20%;box-shadow: 15px 15px 0px #d0d7db;margin-left: 10px}
.kan .z>img{width: 100%;}
.kan .y{width: 74%;margin-right: 10px}
.kan .y span{display: block; font-size:22px;}
.kan .y p{margin: 20px 0 }
.kan .y i{display: inline-block; background: #f3644c; color:#fff;padding: 7px 65px;}
.kan .y i:hover{background: #fff; color: #f3644c}
.view .arrow-left,.view .arrow-right{position: absolute;width: 34px;height: 31px; bottom:0;z-index: 2;}
.view .arrow-left{right: 40px; background: url(../images/kan-prev.png) no-repeat;}
.view .arrow-right{right: 0; background: url(../images/kan-next.png) no-repeat;}
.view .arrow-left:hover{background: url(../images/kan-prevh.png) no-repeat;}
.view .arrow-right:hover{background: url(../images/kan-nexth.png) no-repeat;}

.preview {width: 100%;padding: 3% 0}
.preview li{width: 21%;margin: 0 2%; float: left;cursor: pointer;}
.preview img {width: 100%;border: 1px solid #f1f1f1}
.preview p{width: 100%; color: #666666; text-align: center; margin-top: 10px}
.preview .active-nav {transform:translateY(-5px);-webkit-transform:translateY(-5px);
-o-transform:translateY(-5px); -ms-transform:translateY(-5px); -moz-transform:translateY(-5px);}
.preview .active-nav img{border: 1px solid #f3644c}
.preview .active-nav p {color: #f3644c}




/*文化 公益事业**********************************************************************************/
.shiye{width: 100%; display: table; margin: 4% auto;}
.shiyez{width: 50%; font-size: 16px; color: #666666;}
.shiyez .t{font-size: 30px; color: #f3644c; text-align: right; position: relative;
margin-bottom: 4%}
.shiyez .t:after{content: ""; display: block; width: 50px; height:4px;
 background: #f3644c;  position: absolute; right: 0;}
.shiyez .t>i{font-size: 34px; opacity: 0.2;display: block; line-height: 1; text-transform: uppercase;}

.shiyey{width: 44%; }
.shiyey img{width: 100%;}



/*news****************************************************************************************/
.newstui{width: 100%; display: table}
.newstui li{width: 30%; margin-right:5%; float: left;}

.newsxia{width: 100%;display: table;}
.newsxia li{width: 48%;margin-right: 4%; padding: 20px;border: 1px solid #ebebeb}
.newsxia li .zi{border: none; width: 84%; padding: 0}
.newsxia li .zi p{max-height: 40px; margin-top: 0}
.newsxia li:hover .zi{border: none; }
.fenye{width: 100%; display: inline-block; margin:4% auto; text-align:center;}
.fenye a{margin: 0 3px; color:#000000; border:1px solid #eeeeed; padding:5px 11px;}
.fenye a:hover{color:#fff;background: #f3644c}
.fenye span{color:#fff;background: #f3644c; border:1px solid #f3644c; padding:5px 11px;}

/*newscon**********/
.neirong{width: 100%; overflow: hidden; color: #666666; }
.neirong p{/*width: 100%; overflow: hidden;*/ color: #666666;line-height: 1.8}
.neirong img{width: auto; max-width: 100%}
.neirong table{ margin:0 auto;}
.neirong table td{ border:1px solid #dcdcdc; }
.neirongs{width: 100%; overflow: hidden; color: #666666; }
.neirongs p{/*width: 100%; overflow: hidden;*/ color: #666666;}
.neirongs img{width: auto; max-width: 100%}
.neirong-t{width: 100%;border-bottom: 1px solid #f4f4f4; padding-bottom:2%;
margin: 4% 0;text-align: center; }
.neirong-t>h1{font-size: 24px; color: #161616;}
.neirong-t>i{color: #999999; display: block;}

.artpage{width: 100%; color: #666666; display: table;padding-top: 2%;
border-top: 1px solid #f4f4f4; margin: 4% 0}
.artpage a{display: block; margin-bottom: 5px}
.artpage a:hover{color: #f3644c; text-decoration: underline;}

.share{float: right; display: table;}
.share>span{float: left;margin-top: 4px}
.share .bdshare-button-style0-16{display: table;}


/*yewu****************************************************************************************/
.yewu{width: 100%;display: table;overflow: hidden;}
.yewu .container{overflow: hidden;}
.yewu .yewu-ms{font-size: 18px; color: #585858; margin: 3% auto;}
.yewu h5{background: #f3644c;padding: 0 40px 0 0; font-size: 20px;color: #fff;
	/*margin-bottom: 20px;*/display: inline-block;}
.yewu h5>i{font-size: 50px;font-weight: bold;float: left;margin-right: 10px; line-height: 1;}
.yewu h5>span{line-height: 50px;}
.yewu li{width: 100%;float: left; margin-bottom: 30px;}
.yewu li .list{padding:20px 0; /*border-top: 1px solid #f4f4f4;*/
	border-bottom: 2px solid #f4f4f4;display: table; margin: 0 auto; width: 100%;}
.yewu li .list .zi{width: 64%;color: #7b7b7b;padding-top: 20px}
.yewu li .list .tu{width: 346px;}
.yewu li .list .tu img{width: auto;max-width: 100%}
.yewu li .list .zi>p{float: left;margin-right: 50px}
.yewu li .list .zi>p>em{padding-left: 20px; background: url(../images/hongli-bg1.png) no-repeat left center;
	display: block;margin-bottom:10px}
.yewu li:hover .list{border-bottom-color:#ff9988}
/**/
/*.yewu li:hover .zi{color: #fff}
.yewu li:hover .zi>p>span{background: url(../images/hongli-bg2.png) no-repeat left center;}*/



/*anlist****************************************************************************************/
.anlist{width: 100%;display: table;}
.anlist li{width: 50%; float: left; position: relative; background: #fff;}
.anlist li figure{width: 50%; overflow: hidden;}
.anlist li figure>img{width: 100%;/*-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter: gray;*/}
.anlist li .ms{width: 50%; padding: 30px; position: absolute; top: 0;right: 0; height: 100%}
.anlist li .ms2{left: 0; right: auto;}
.anlist li .ms span{display: block; font-size: 16px; color: #3d3d3d}
.anlist li .ms b{display: block; font-size:18px; color: #f3644c; text-transform: uppercase;}
.anlist li .ms b:after{content: ""; display: block; width: 50px; height:3px;
 background: #f3644c;}
.anlist li:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%); -o--webkit-filter: grayscale(0%);
-ms--webkit-filter: grayscale(0%); -moz--webkit-filter: grayscale(0%); 
transform: scale(1.1);-webkit-transform: scale(1.1);
-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1);}
.anlist .more{text-align: center; margin-top: 2%; }
.anlist .more span {display: inline-block;cursor: pointer;border-radius: 50%} 
.anlist .more span:hover{box-shadow: 0px 0px 15px #f3644c; }
/*anlicon  neirong*/
.anlicon{background: #fff; padding: 40px;}
/*anliqita*/
.anliqita-t{background: #fff; margin-top: 3%;}
.anliqita{width: 100%;background: #fff; /*padding:40px; padding-top: 0;*/ padding-bottom: 40px; position: relative;}
.anliqita ul{width: 85%; margin: 0 auto;}
.anliqita li{float: left; width: 23.2%;}
.anliqita li img{width: 100%}
.anliqita li p{width: 100%; font-size: 16px; color: #383838; text-align: center; margin-top: 10px;}
.anliqita .anliqita-prev,.anliqita .anliqita-next{z-index: 1; width: 34px; height: 35px;background:none;
margin-top: -50px;background-size: cover!important;}
.anliqita .anliqita-prev{background:url(../images/anliqita-prev.png) center center;}
.anliqita .anliqita-next{background:url(../images/anliqita-next.png) center center;}
.anliqita .anliqita-prev:hover{background:url(../images/anliqita-prevh.png) center center;}
.anliqita .anliqita-next:hover{background:url(../images/anliqita-nexth.png) center center;}


/*joinz****************************************************************************************/
.typemenufixed{position: fixed;top: 0px;left: 0; right: 0;margin: 0 auto; background: #fff;
z-index: 10; display: block; width: 100%;}
.join{width: 100%; display: table;overflow: hidden;}
.joinz{width: 50%;font-size: 15px;color: #666666;margin-top: -2%}
.joiny{width: 45%;}
.joiny>img{width: 100%;}
/*zhaopin*/
.zplist{ overflow: hidden; width: 100%; margin-bottom: 4%;}
.zplist li{ float: left;width: 100%; color: #666666;}
.zplist .biao{width: 100%; display: inline-block;background: #9a9a9a; line-height:40px; }
.zplist .biao i{color: #fff; width:16.6%; float: left; text-align: center; }
.zplist li .t{width: 100%; display: inline-block;border-bottom:1px solid #e9e9e9;cursor: pointer; padding: 20px 0}
.zplist li .t i{ width: 16.6%; float: left; text-align: center; }
.zplist li .zptxt{ padding:20px 30px; background: #fafafa; display: none}
.zplist li .zptxt .zi{ width: 48%;}
.zplist li .zptxt .zi span{font-size:18px;}
.zplist li .zptxt .ms{color: #f94949; margin-top: 20px;}
.zplist li i.fir em{width: 22px; height:22px; margin: 0 auto; display: block;
	background: url(../images/zplist-ico03.png) no-repeat center center; background-size: cover!important;}
.zplist li .active i.fir em{
	background: url(../images/zplist-ico04.png) no-repeat center center;}


/*contact****************************************************************************************/
.contact{width: 100%;display: table;}
.contact li{float: left; width: 29%;margin: 0 2%; padding: 3% 4%;}
.contact span{font-size: 20px; color: #f2634b;display: block; margin: 10px 0}
.contact span:after{content: ""; display: block; width: 50px; height:2px;
 background: #f3644c;}
.contact p{font-size: 16px; color: #666666;
border-bottom: 1px solid #cfcfcf;height: 125px; line-height: 1.5}
.contact li:hover{background: #fff}
.contact li:hover span:after{width: 100%;}

.huibg{background: #f6f6f6;padding: 3% 0; width: 100%; overflow: hidden;}
.hide{display: none}
img,.nav li i,.syyewu li i,.syyewu li,.syyewu li .more,
.anli li .mask,.anli li .mask>i,.syab li .mask,.syab li .mask>i,.syab2 li.li2 .zi,
.synewsy li,.synewsy li .date .day,.synewsy li .date .month,
.syxia li i:before,.syxia li i:after,.syxia li .more:after,
.typemenu li,.licheng li>div,.licheng li>div:before,
.abys01 .zi .more:before,.abys01 .zi .more,.abhonor li,
.preview .active-nav,.contact span:after,
.ln01 .zi .zit:after, .yewu li .list,.yewu li .list .zi,.anlist .more span,.kan .y i
{transition: all .5s ease-in;-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -moz-transition: all .5s ease-in;}
@keyframes down{
	0%{bottom:0;opacity: 1;}
	25%{bottom:-10px;opacity: 0.3;}
	50%{bottom:0px;opacity: 1;}
	75%{bottom:10px;opacity: 0.3;}
	100%{bottom:0px;opacity: 1;}
}@-webkit-keyframes down{
	0%{bottom:0;opacity: 1;}
	25%{bottom:-10px;opacity: 0.3;}
	50%{bottom:0px;opacity: 1;}
	75%{bottom:10px;opacity: 0.3;}
	100%{bottom:0px;opacity: 1;}
}@-moz-keyframes down{
	0%{bottom:0;opacity: 1;}
	25%{bottom:-10px;opacity: 0.3;}
	50%{bottom:0px;opacity: 1;}
	75%{bottom:10px;opacity: 0.3;}
	100%{bottom:0px;opacity: 1;}
}