@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
body{font-size:14px;-webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */}
a{color:#666; text-decoration:none; outline:none;}
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#055cab; outline:none;}
li{list-style-position:outside; list-style-type:none;}
em,i{font-style: normal;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;overflow: hidden;}
.cont{width: 1300px;margin: 0 auto;}
.cont .intro img{max-width:100%;height:auto;}
.cont1200{width: 1200px;margin: 0 auto;}
.pc-css,.block{display: block;}
.m-css,.none{display: none;}
@font-face{font-family: 'STXihei'; src : url('../font/STXIHEI.TTF');}


/*header*/
.Head{height: 115px;display: flex;justify-content: space-between;align-items: center;}
.logo{margin-left: 55px;float: left;}
.pc-nav{float: right;padding-right: 100px;}
.pc-nav li{float:left;margin-right: 50px;height: 115px;line-height: 115px;}
.pc-nav li a{font-size: 16px;font-weight: bold;color: #2f2f2f;line-height: 112px;display: block}
.pc-nav li.on a,.pc-nav li.on1 a{border-bottom: 3px solid #ea2736;}
.Submenu{position: absolute;left: 0;top: 115px;z-index: 5;height: 535px; background: #f7f7f7;width: 100%;display: none;justify-content: center;}
.Submenu dl{float: left;position: relative;padding:0 50px;margin-top: 108px;}
.Submenu dl::after{content: "";width: 1px;height: 217px;background: #e7e7e7;display: block;position: absolute;top:0;right: 0; }
.Submenu dl:nth-last-of-type(1){padding:0 0 0 50px;}
.Submenu dl:nth-child(1){padding:0 50px 0 0;}
.Submenu dl:nth-last-of-type(1)::after{display: none;}
.Submenu dt{display: flex;align-items: center;margin-bottom: 25px;}
.Submenu dt::before{content: "";width: 2px;height: 12px;background: #e60113;margin-right: 8px;}
.Submenu dt a{font-size: 18px;font-weight: bold;color: #474747;}
.Submenu dd{line-height: 40px;padding-left: 10px;}
.Submenu dd a{font-size: 15px;color: #666666;}
.Submenu dd:hover a{color: #e60113;}
.m-nav{position: absolute;right: 0;width: 100%;z-index: 50;display: none;outline: none;top: 60px;border-top: 1px solid #eee;}
.m-nav>ul>li{font-size: 15px;background: #fff;width: 92%;padding: 4% 0;position: relative;margin: 0 auto;}
.m-nav>ul>li a{ color: #484848;}
.m-nav>ul{width: 100%;background: #fff;}
.m-nav .m-Submenu{overflow: hidden;margin:0 auto;display: none;}
.m-nav .m-Submenu a{font-size: 14px;padding: 3% 0 3% 8%;display: block;color: #484848;}
.m-nav span{font-size: 24px;background: url(../images/index-phone_03.png)no-repeat;width: 16px;height: 16px; position: absolute;right: 0;transition: .5s;line-height: 18px;background-size: cover;top: 50%;margin-top: -11px;}
.m-nav span.on{background: url(../images/index-phone_06.png)no-repeat;width: 16px;height:16px;background-size: cover;}
.trigger{display:none;width: 22px;height: 22px;background: url(../images/index-phone1_03.png)no-repeat;background-size: cover;margin-right: 4%;}
.close1{display: none;width: 16px;height: 16px;background: url(../images/img-m1.png)no-repeat;background-size: cover;margin-right: 4%;}


.pc-search{float:right;margin-right:5vw;margin-top:42px;position:relative}
.pc-searchbox{display:none}
.pc-searchbox form{width:300px;height:45px;background-color:#f1f1f1;border-radius:45px;padding:12px 30px;box-sizing:border-box;position:absolute;left:-235px;top:-11px}
.pc-searchbox .input{width:calc(100% - 32px);float:left;margin-right:10px}
.pc-searchbox .input input{background-color:transparent;border:none;width:100%;height:22px;outline:none}
.pc-searchbox .submitbox{float:left}
.pc-searchbox .subbtn{width:22px;height:22px;cursor:pointer;background-color:transparent;border:none;background-image:url(../images/searchbtn.png);background-repeat:no-repeat;background-position:center center}

@media (min-width:1004px){
	.pc-search:hover .pc-searchbox{display:block}
}

/*footer*/
footer{background: #25252c;width: 100%;height: 225px;}
footer .boxfl{float: left;margin-top: 50px;}
footer .boxfl p{color: #676767;line-height: 29px;}
footer .boxfl img{padding-right: 14px;}
footer .boxfl b{color: #fff;font-family: "STXihei";font-size: 24px;padding-left: 30px;}
footer .boxfl span{color: #676767;display: block;line-height: 30px;padding-left: 30px;}
footer .boxfr{float: right;margin-top: 60px;}
.blogrollbox{width: 350px;float: left;margin-right: 35px;}
.blogroll{height: 40px;width: 230px;padding: 0 21px 0 26px;cursor: pointer;position: relative;margin:3px 0 20px;background: rgba(255,255,255,.1);float: right;}
.blogroll span{color: #fff;line-height: 40px;float: left;opacity: .2;}
.blogroll img{float: right;margin-top: 16px;}
.blogroll li{float: left;margin-right: 52px;line-height: 90px;}
.blogroll li:hover a,.boxfl p a:hover{color: #e61c52;}
.blogroll li a{font-size: 15px;color: #fff;font-weight: bold;}
.blogroll p,.blogroll p a{color: #666;font-size: 12px;}
.option1{position: absolute;bottom: 100%;right: 0px;background: #fff;border-top: 2px solid #ff1e1e;width: 277px;height: 390px;display: none;box-shadow: 0px 0px 22px rgba(0,0,0,.2);}
.option1 h4{color: #60666a;font-size: 22px;width: 86%;margin: 0 auto;border-bottom: 1px solid #f3f3f3;padding: 26px 0;}
.option1 h4 em{width: 8px;height: 8px;display: inline-block;border:3px solid #ff0303;border-radius: 50%;margin-right: 10px;}
.option1 dl{float: left;margin-left: 80px;}
.option1 dl dd{line-height: 50px;}
.option1 dl dd a{color: #60666a;font-size: 15px;}
.option1 dl dd a:hover,.blogrollbox p a:hover{color: #e60113;}
.blogrollbox p{font-family: "STXihei";color: #676767;text-align: right;font-size: 12px;float: right;}
.blogrollbox p a{font-family: "STXihei";color: #676767;display: block;}

/*按钮动画*/
.fanh {position: relative;font-size: 12px;color: #666666; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); background: #f5f7f6;width: 120px;height: 35px;display: flex;justify-content: center;align-items: center;float: right;border-radius: 50px;} 
.fanh:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.fanh:hover, .fanh:focus, .fanh:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.fanh:hover:before, .fanh:focus:before, .fanh:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }


#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:99;
	top:0; left:0px;
	background-color:#000;
	display:none;
}


footer .boxfr .fr img {width:92px;}
.Head .logo img{cursor:pointer;}



.Head .lan{ position:absolute; right:30px; top:0; line-height:115px;}
.Head .lan a{ font-size:15px; padding:0 15px;}