@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "苹方特粗";
    src: url("PINGFANG HEAVY.ttf");
    font-weight: normal;
    font-style: normal;
}
 html, body {
        position: relative;
        height: 100%;
    }
html{font-size: 62.5%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0;  padding: 0;  font-size:14px;font-family: "microsoft yahei";color: #333;}
ul,li{list-style: none;padding: 0;}
*{padding: 0;margin: 0;}
a{text-decoration: none;  margin: 0;  padding: 0;color: #333; }
p,span,i,em{  margin: 0;  padding: 0;  font-style: normal;  font-weight: normal;  }
tr,td{  margin: 0;  padding: 0;  }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.dn{ display:none;}
div{ box-sizing:border-box;}
.clearfix {
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}

.w1300{ width:1300px; margin:0 auto;}

.header{ width:100%; height:120px;position:relative; background:#fff; z-index:99999999999;transition:all 1s ease-in-out;}
.logo{ width:12.7%; float:left; margin-top:1.5%;}
.logo img{ width:100%}
nav{ width:65%; float:right;}
nav ul{}
nav ul li{ float:left; width:16.5%;height:120px; border-right:1px solid #e4e4e6; line-height:120px;
   position:relative; cursor:pointer; box-sizing:border-box;}
nav ul li:first-child{border-left:1px solid #e4e4e6;}
nav ul li a{ display:block; width:100%; text-align:center; font-size:16px; transition:all 350ms ease-in;}
nav ul li:before{ content:""; position:absolute; width:0; height:120px; left:0; top:0;background:#d02744; transition:all 250ms ease-in; z-index:-1}
nav ul li:hover:before{ width:100%;}
nav ul li:hover .navname{ color:#fff;}
nav ul li.active a{background:#d02744;color:#fff;}

.inbanner .swiper-slide a{ display:block}
.imgstyle {
	background-position: center center;
	background-repeat: no-repeat;
	background-size:auto 100%;
	position: relative
}
.imgstyle img {
	width: 100%
}
.swiper-button-next, .swiper-button-prev{ width:30px!important; height:60px!important;}
.swiper-button-prev{ background:url(../images/pl.png) no-repeat!important; left:2%!important;}
.swiper-button-next{background:url(../images/pr.png) no-repeat!important;right:2%!important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px!important;}
.swiper-pagination-bullet{ width:64px!important; height:5px!important; background:#fff!important; border-radius:5px!important; opacity:1!important}
.swiper-pagination-bullet-active{background:#d02744!important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px!important;}

.aboutbox{ width:100%; background:#f8f8f8 url(../images/abbg.png) 5% bottom no-repeat; padding-bottom:3%; margin-top:8%;}
.aboutmain{ position:relative; padding-top:6.6%;}
.aboutmenu{ position:absolute; right:0; top:-55px}
.aboutmenu a{ display:inline-block; padding:0 5px;text-align:center; position:relative; margin:0 5px;padding-bottom:5px;}
.aboutmenu a:after{ content:""; position:absolute; left:0; width:0; height:2px; background:#000; bottom:0; transition:all 300ms ease-in; }
.aboutmenu a:hover:after{ width:100%}
.aboutmenu a.active:after{ width:100%;font-weight:bold}
.aboutinfo{ margin-top:-13%;}
.gsjs{}
.gsjs_l{ width:23.51%;}
.gsjs_l img{ width:100%;}
.gsjs_r{ width:71%; margin-top:1%}
.title{ font-size:28px; font-weight:bold;}
.title i{ display:inline-block; width:117px; background:#333; height:1px; position:relative; top:20px; left:-52px;}
.gsjs_rmain{ margin-top:8%; height:168px; overflow:hidden; transition:all 1s ease}
.gsjs_rmainzk{ height:auto; overflow:inherit}
.gsjs_rmain p{ text-indent:2em; line-height:2}
.gsjs_rmain p a{ color:#999}
.index-2-list{ width:100%; margin:0 auto; margin-top:5%;}

.index-2-list li{ position:relative;
	float: left;
	width: 25%;
	text-align: center;
}
.index-2-list li h1{
	font-size: 12px;color:#999;font-family: "苹方特粗";
}
.index-2-list li:before{ content:""; position:absolute; width:1px; height:20px; background:#fff; left:0; top:50%;}
.index-2-list li:last-child:after{content:""; position:absolute; width:1px; height:20px; background:#fff; right:0; top:50%;}

.index-2-list li h2{
	margin-top: 3%;
	font-size: 40px;
	line-height: 1;
	 font-family: "苹方特粗";

}

.index-2-list li h3{
	font-size: 12px; color:#999;font-family: "苹方特粗";
	margin-top: 3%;text-transform:uppercase
}

.ppgs{}
.ppgsmain{ margin-top:5%}
.ppgs .title{ margin-top:0.8%}
.ppgsimg{ width:18%; margin-left:3%; margin-top:3%}
.ppgsimg img{ width:100%}
.ppgsinfo{ width:72%; margin-top:2%}
.ppgsinfo p{ line-height:2; text-indent:2em}

.gsry .title{ margin-top:0.8%}
.gsrymain{margin-top:5%}
.gsrylist{ width:100%;}
.gsrylist thead th{ text-align:left; border-bottom:3px solid #d02744; line-height:50px; padding:0 1%; box-sizing:border-box} 
.gsrylist tr td{ line-height:60px;padding:0 1%; box-sizing:border-box;border-bottom:1px solid #d02744;}

.tscpbox{ padding-top:3%;background: url(../images/cpbg.png) no-repeat center bottom/100% fixed;padding-bottom: 100px;min-height: 560px;}
.tscpmain{ margin-top:3%; position:relative}
.tscp_l{ width:50%; margin-top:8%; margin-left:10%}
.tscp_l h2{ font-size:28px; text-align:center}
.tscpinfo{ margin-top:9%}
.tscpinfo h3{ font-size:18px; font-weight:bold;margin-bottom:3%}
.tscpinfo p{ line-height:2}
.tscp_r{ width:26%; text-align:center; position: absolute;
    height: 100%;
    right: 0;
    bottom: 0;background:url(../images/jpbg.png) no-repeat center center; background-size:contain;margin-right: 9%; transition:all 300ms ease-in;
-webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    -o-box-pack: center;
    box-pack: center;
   -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box; }
.tscp_r img{ max-width:100%;max-height:100%;}
.tscptext{ margin-top:9%;}
.tscptext dl dt{ font-size:18px;font-weight:bold}
.tscptext dl dd{ margin-top:10px;}
.tscpmain ul li:hover .tscp_r{background:url(../images/jpbgh.png) no-repeat center center;background-size:contain;}

.swiper-button-next1,.swiper-button-prev1{ width:47px!important; height:94px!important;}
.swiper-button-prev1{ background:url(../images/cpl.png) no-repeat!important; left:2%!important;}
.swiper-button-next1{background:url(../images/cpr.png) no-repeat!important;right:2%!important;}

.zsjmbox{ background:url(../images/jmbg.jpg) no-repeat; background-size:100% 100%;height:677px; padding:5% 0;}
.zsjmbox .title{ color:#fff}
.zsjmbox .title i{ background:#fff}
.zsjmmain{ margin-top:5%}
.zsjmmain ul li{ float:left; width:48%; cursor: pointer; position:relative; z-index:10}
.zsjmmain ul li:nth-child(2n+0){ float:right}
.zsjmmaint h2{ font-size:18px; font-weight:bold}
.zsjmmaint i{ display:inline-block; margin-left:30px; background:#000; width:103px; height:1px; margin-top:3%;}
.zsjmmaint{ background:#fff; padding:8% 5%; box-shadow:0 8px 15px 1px rgba(0,0,0,.3); position:relative; z-index:10}
.zsjminfo{ margin-top:3%; height:168px; overflow:hidden;transition:height 200ms ease}
.zsjminfo p{ line-height:2;}
.zsjmmainb{ background:#444; height:66px; text-align:center; transition:all 300ms ease-out; padding-top:25px;}
.zsjmmainb img{ max-width:100%; opacity:.3;transition:all 500ms ease-out;}
.zsjmmain ul li:hover .zsjmmainb{ background:#d02744}
.zsjmmainb.zsjmmainbactive{ background:#d02744}
.zsjmmainb.zsjmmainbactive img{ transform:rotate(180deg); opacity:1}

.newbox{ margin-top:3%; position:relative}
.newmain{ margin-top:3%;}
.newmain h2{ text-align:center; font-size:24px;}
.newinfo{ margin-top:3%;height:250px; overflow:hidden}
.newinfo.active{ height:auto}
.newinfo p{ line-height:2}
.newinfo p img{ max-width:100%}
.newmenu{ position:absolute; top:0; right:0; height:30px; line-height:30px; width:123px; text-align:center; background:#d02744; cursor:pointer}
.newmenu h2{ font-size:14px; color:#fff}
.newmenu i{ display:inline-block; background:url(../images/xl.png) no-repeat center center; border-left:1px solid #ae2f2f; width:31px; height:20px; position:relative; top:5px; margin-left:10px;}
.newlist{ display:none; background:#d02744; position:absolute; top:100%; right:0; padding:10px; width:270px; margin-top:1px;}
.newlist li{ height:30px; line-height:30px; border-bottom:1px solid #ae2f2f; text-align:left; transition:all 300ms ease; width:100%; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.newlist li a{ color:#fff;}
.newlist li:hover{ padding-left:10px;}
.newinfomore{ text-align:center; margin-top:30px; cursor:pointer;background:#d02744;height:50px;line-height:50px;padding-top: 14px;}
.newinfomore.active img{ transform:rotate(180deg)}

.footbox{ background:url(../images/fbg.jpg) no-repeat; background-size:100% 100%; padding-top:3%; margin-top:5%}
.foot_l{ width:50%;}
.fmenu{}
.fmenu a{ display:inline-block; font-size:16px; font-weight:bold; margin:0 15px; color:#fff;}
.fmenu a:first-child{ margin-left:0}
.foot_ltext{ margin-top:3%}
.foot_ltext p{ line-height:2; color:#fff;font-size:14px;font-weight:bold; }
.foot_r{ width:40%; text-align:right}
.foot_r a{ display:block; float:right;  width:30%;}
.foot_r a:last-child{width:40.5%; margin-right:10%; margin-top:5%}
.foot_r a img{max-width:100%}
.foot_r a:first-child img{ border-radius:5px;}
.foottext{ width:100%; border-top:1px solid #ce5a5a; height:50px; line-height:50px; text-align:center; color:#fff; margin-top:1%; font-weight:bold}
.foottext a{ color:#fff; margin-left:1%;}
.foottext a:hover{ text-decoration:underline}

.welcome{background: url(../images/bg.jpg) repeat-y center top; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index:9; transition:all 5.5s ease-in-out}
.welcome.welcomehide{ opacity:0; z-index:0}
.xsmain_c{ position:fixed; left:50%; top:50%; width:20%;text-align:center; z-index:999999; margin-left:-10%; margin-top:-10%;}
.xsmain_clogo{ margin-top:-9.4%}
.slogo{z-index:4; padding-top:3%}
.slogo img{ max-width:100%}

.welbody{background:url(../images/nbg.jpg) no-repeat; background-size: cover;}
.weltext,.stimg{ margin-top:1%}
.weltext span{ margin:0 1%; display:inline-block; -webkit-animation:opcity 5s linear infinite;-moz-animation: opcity 5s linear infinite;-o-animation: opcity 5s linear infinite;animation:opcity 5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.weltext span:nth-child(2){-webkit-animation:opcity 10s linear infinite;-moz-animation: opcity 10s linear infinite;-o-animation: opcity 10s linear infinite;animation:opcity 10s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.weltext span:nth-child(3){-webkit-animation:opcity 20s linear infinite;-moz-animation: opcity 20s linear infinite;-o-animation: opcity 20s linear infinite;animation:opcity 20s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.weltext span:nth-child(4){-webkit-animation:opcity 30s linear infinite;-moz-animation: opcity 30s linear infinite;-o-animation: opcity 30s linear infinite;animation:opcity 30s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.weltext span:nth-child(5){-webkit-animation:opcity 40s linear infinite;-moz-animation: opcity 40s linear infinite;-o-animation: opcity 40s linear infinite;animation:opcity 40s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.weltext span:nth-child(6){-webkit-animation:opcity 50s linear infinite;-moz-animation: opcity 50s linear infinite;-o-animation: opcity 50s linear infinite;animation:opcity 50s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.weltext span img,.stimg span{ max-width:100%}
.stimg span{ margin:0 1%; display:inline-block;}
.xsmain{ position:fixed; top:50%; left:0; right:0; background:rgba(255,255,255,.6);margin-top:-10.5%; height:460px;}
.xsmain_l{ width:40%;height:460px; text-align:center; padding:2% 0;transition:all 1s ease-in-out;}
.xsmain_l dt{ text-align:center; transform:scale(0); transition:all 1s ease-in-out;height:180px;-webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    -o-box-pack: center;
    box-pack: center;
   -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box; }
.xsmain_l dt img{ max-width:100%;height:200px}
.xsmain_l dd{ text-align:center;transition:all 1s ease-in-out;}
.xsmain_l dd h2{ font-size:36px;}
.xsmain_l dd h3{ font-size:12px;}
.xsmain_l:hover .lzimg{transform:scale(1);height:300px;}
.xsmain_l:hover{ background:#d02744}
.xsmain_l:hover .lzname{ color:#fff}
@-webkit-keyframes opcity {
from {opacity:0} 
to {opacity:1} 
} 
@-moz-keyframes opcity {
from {opacity:0} 
to {opacity:1} 
}
@-o-keyframes opcity { 
from {opacity:0} 
to {opacity:1} 
} 

.kfrtop{position: fixed;right: 0; text-align: center; width:98px;
    bottom:30%;
    z-index: 9;
    cursor: pointer; z-index:999999}
.back-top{ text-align:center;height:98px;width: 98px;position:relative}
.back-top a{ display:block; height:98px; line-height:98px; background:#fff;border:1px solid #c00525; padding-top:30px; box-sizing:border-box}
.back-top img{ max-width:100%}
.fhsy{text-align:center;height:98px;width: 98px;border:1px solid #c00525;}
.fhsy a{ display:block; height:98px; line-height:98px; font-size:26px; color:#fff; font-weight:bold; background:#d02744}

@media screen and (max-width:1024px){
.w1300{ width:90%;}	
.welbody{ background-attachment:fixed;background-size: 100% 100%;}
.xsmain_c{margin-top:-27%; width:35%; margin-left:-16%}
.xsmain_clogo{margin-top:-26.1%}
.xsmain{ height:500px; margin-top:-30%}	
	}