*{margin:0;padding:0;box-sizing:border-box;}

body{font-size:13px;color:#666;font-family:'微软雅黑';}

img{display:block;max-width:100%;border:0}

ul, li{list-style:none}

a{text-decoration:none;display:block;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/

.sp_header{height:70px;overflow:hidden;background:rgba(255,255,255,1);position:fixed;z-index:10;width:100%;display: none;}

.sp_logo{padding:10px;float:left;height:70px}

.sp_logo img{margin:auto;max-height:50px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}

.sp_nav span{display:block;background:#fdd63c;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:10px}

.sp_nav span:nth-of-type(3){top:20px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:rgba(255,255,255,1);width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top:70px}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child>a{float:left;width:100%}

.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #eee solid;text-align:center;color:#999;}

.sjj_nav ul li i{position:absolute;top:7px;right:0px;border-left:1px #eee solid;height:30px;padding:0px 7px 0 7px;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-top:1px #eee solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}

.sjj_nav>ul >li:last-child{border-bottom:1px #eee solid;}

.sjj_nav ul li ul{display:none;

}



.sjj_nav ul li ul li{

	height: 41px;

}

.sjj_nav ul li a{color:#000;opacity: 0.7;width:100%}



.sjj_nav ul li a:hover{

	color: #000;opacity: 1;

}

.sjj_nav ul li ul li a{color:#000;opacity: 0.7; display:block;text-align:left;}

.sjj_nav ul li ul li a:hover{

	color: #000;opacity: 1;

}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#fdd63c}

.sjj_nav ul li ul li>ul{margin-left:10px}

/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/




.cycp{
	width: 70%;
	margin: 0 auto;
}


.dhy{

	float: right;

	margin-left: 20px;

	margin-top: 31.5px;

}

.dhy img{

	float: left;

}.dhy p{

	float: left;

	line-height: 27px;

	font-size: 16px;

	color: #000;

	margin-left: 5px;

	margin-bottom: 0;

}





.index-bk2 li .txt .w h2{

	font-size: 28px;

	text-align: center;

}



.index-bk2 li .txt .p{

	font-size: 18px;

}

.sygsjj h3{

	font-size: 30px;

	font-weight: bold;

	text-transform: uppercase;

}



.sygsjj h4{

	font-size: 30px;

	font-weight: bold;

	text-transform: uppercase;

}

.sygsjj .p{

	font-size: 18px;

}

.jjx{

	width: 85px;

	height: 5px;

	background: #fdd63c;

	margin: 7px 0 10px;

}

.sygya img{

	margin: 0 auto;

	margin-top: 20px;

	display: block;

	transition: all 0.3s;

}

.sygya:hover img{

	transform: scale(1.05);

}

.syxw h3{

	margin: 40px 0 10px;

	font-weight: bold;

}

.syxw h4{

	text-align: center;

	font-size: 28px;

	font-weight: bold;

	text-transform: uppercase;

}

.syxw h5{

	text-align: center;

	font-size: 28px;

	

	text-transform: uppercase;

}

.syxwx{

		width: 65px;

	height: 5px;

	background: #fdd63c;

	margin: 7px auto 10px;

	

	

}

	.box{

		    overflow: hidden;

		    position: relative;

		    z-index: 1;

		    transition: all 0.3s ease 0s;

		}

		.box:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.5); }

		.box img{

		    width: 100%;

		    height: auto;

		    transition: all 0.3s ease 0s;

		}

		.box:hover img{ filter: rotate(100deg); }

		.box .box-content{

		    color: #fff;

		    text-align: center;

		    width: 100%;

		    height: 100%;

		    padding: 38% 0 0;

		    position: absolute;

		    left: 0;

		    top: 0;

		    z-index: 2;

		}

		.box:before,

		.box:after,

		.box .box-content:before,

		.box .box-content:after{

		    content: '';

		    height: 50%;

		    width: 50%;

		    background-color: rgba(0,0,0,0.5);

		    position: absolute;

		    left: 0;

		    top: 100%;

		    transition: all 0.5s;

		    z-index: 1;

		}

		.box:before{ transition-delay: 0.1s; }

		.box:after{

		    left: 50%;

		    transition-delay: 0.2s;

		}

		.box .box-content:before,

		.box .box-content:after{

		    z-index: -1;

		    top: 100%;

		    transition-delay: 0.3s;

		}

		.box .box-content:after{

		    left: 50%;

		    transition-delay: 0.35s;

		}

		.box:hover:before,

		.box:hover:after{

		    top: 0;

		}

		.box:hover .box-content:before,

		.box:hover .box-content:after{

		    top: 50%;

		}

		.box .title{

		    font-size: 30px;

		    font-weight: 600;

			color: #fff;

		    text-transform: uppercase;

		    margin: 0;

		    opacity: 0;

		    transform: translateX(-200px);

		    transition: all 0.3s ease 0.3s;

		}

		.box .post{

		    font-size:16px;

		    font-style: italic;

		    letter-spacing: 1px;

		    text-transform: capitalize;

		    margin-bottom: 10px;

		    opacity: 0;

		    display: block;

		    transform: translateX(-200px);

		    transition: all 0.3s ease 0.3s;

		}

		.box .icon{

		    list-style: none;

		    text-align: center;

		    padding: 0;

		    margin: 0;

		    opacity: 0;

		    z-index: 2;

		    transform: translateX(200px);

		    transition: all 0.3s ease 0.3s;

		}

		.box:hover .title,

		.box:hover .post,

		.box:hover .icon{

		    opacity: 1;

		    transform: translateX(0);

		}

		.box .icon li{

		    margin: 0 4px;

		    display: inline-block;

		}

		.box .icon li a{

		    color: #fff;

		    font-size: 18px;

		    line-height: 37px;

		    height: 40px;

		    width: 40px;

		    border: 2px solid #fff;

		    border-radius: 50%;

		    display: block;

		    transition: all 0.3s;

		}



.zb{

	float: left

}.yb{

	float: right;

	display: block;

	margin-top: 80px;

	vertical-align: middle;

}



.col-md-4{

	width: 33.33%;

	padding: 0 10px;

	float: left

}

.zyyw{

	padding: 50px 0;

}

.zyyw h2 img{

	margin: 0 auto;

	margin-bottom: 30px;

}





.foot1{

	width: 25%;

	float: left;

	border-right: 1px solid #fff;

	box-sizing: border-box;

}

.foot1:last-child{

border-right: 0px solid #fff;

}

.foot1 h3{

	font-size: 26px;

	line-height: 45px;

	color: #fff;

	margin-bottom: 10px;

}.foot2 h3{

	font-size: 26px;

	line-height: 45px;

	color: #fff;	margin-bottom: 10px;

}

.foot2 h4 a{

	color: #fff;

}

.foot2 h4 a:hover{

	color: #fdd63c;

}

.foot2 h4{

	font-size: 22px;

	line-height: 35px;

	color: #fff;	margin-bottom: 10px;

	margin-top: 20px;

}



.foot ul li{

	font-size: 16px;

	line-height: 30px;

}

.foot ul li img{

	display: inline;

	margin-right: 10px;

}

.foot2 ul li{

	width:20%;float: left;

}

.foot ul li a{

	color: #fff;

}

.foot ul li a:hover{

	color:  #fdd63c;

}

.foot2{

	width: 50%;float: left;border-right: 1px solid #fff;

	box-sizing: border-box;

	padding: 0 30px;

}

.foot1 ul li{

	color: #fff

}



.sysb>div:nth-child(4) {

    display: none;

}

.foot{

	background: #7d7d7d;

	padding: 50px 0;

}

.yjlx{

	font-size: 14px;

	margin-top: 20px;

	border: 1px solid #fff;

	border-radius: 5px;

	width: 90px;text-align: center;

	line-height: 30px;color: #fff!important;

}

.yjlx:hover{

	color: #fdd63c!important;

}

@media screen and (max-width: 1200px){

	.index-banner{

		padding-top: 60px;

	}

	

}

@media screen and (max-width: 1000px){

	

	.bk3-2 .txt .w {

    padding: 2em 1em 2em!important;

}

	.syxw h3 {

    margin: 20px 0 10px;

    font-weight: bold;

}

}



@media only screen and (max-width:990px){

		    .box{ margin-bottom: 30px; }.cp2 h5 {

    text-align: center;

				font-size: 22px;}

		}

		@media only screen and (max-width:479px){

		   

			.box .title {

    font-size: 20px;

				

			}

		}

	.cpflt img{
		padding-top: 25px;
	}

@media screen and (max-width: 900px){

	

	.sp_header{display: block;}

		.index-banner{

		padding-top: 50px;

	}

	
	.cpflt img{
		padding-top: 40px;
	}


}



@media only screen and (max-width: 800px){

	.foot2 ul li {

    width: 33.33%;

    float: left;

}

	

}

@media only screen and (max-width: 767px){



.index-bk2 li {

    width:50%!important;

}

}

@media screen and (max-width:659px){



	.footer p a{

		top:0!important;

	}

	.sygsjj h3 {

    font-size: 24px;

		

	}

	.sygsjj h4 {

    font-size: 24px;

		

	}.sygsjj .p {

    font-size: 15px;

}.bk3-1 .txt {

    padding: 1.5em!important;

	}.bk3-1 .txt .p{margin-top: 20px!important;}

	}



@media screen and (max-width:650px){

.box .title{

		opacity: 1;transform: translateX(0);

	font-weight: normal;

	}

	

}





@media screen and (max-width:600px){

	.col-md-4{

    width: 50%;

    padding-left: 5px;

    padding-right: 5px;

    float: left;

}
	

	.sysb>div:nth-child(4) {

    display: block;

	}.index-bk2 li .txt .p{

		display: none;

	}.index-bk2 li .txt{

		padding-bottom: 0!important;

	}.index-bk2 li .txt .w{

		padding: 10px!important;

	}

	.index-bk2 li:hover .txt h2 a {

    color: #fff!important;

	}	.index-bk2 li:hover .txt .w{

		background: #666;

	}

	.index-bk2 li:hover {

    transform: scale(1.05,1.05);

    -webkit-transform: scale(1.05,1.05);

    z-index: 5;

    box-shadow: 0 0 10px rgba(0,0,0,0.5);

}

	

	.index-bk2 li .txt .w h2{

		font-size: 18px!important;

		font-weight: normal;

		line-height: 35px!important;

		height: 35px!important;    margin-bottom: 0!important;

	}

.foot {

   

    padding: 30px 0;

}

	.foot2{

		display: none;

	}.footb div:nth-child(3){

		display: none;

	}.foot1 h3 {

		font-size: 24px;line-height: 30px;}

	.foot1{

		width: 100%;    border-right: 0px solid #fff;

	}

.box {

    margin-bottom: 10px;

	}

	

	

}

.sjxw{

	display: none;

}

.sjd{

	display: none!important;

}

@media screen and (max-width: 450px){

	.index-banner {

    padding-top: 20px;

}.cpflt img{
		padding-top: 60px;
	}

	.sjd{

	display:block!important;

}

	.dnd{

		display: none!important;

	}

	.boxsli{

		display: none;

	}

	.bk3-2 .right {

    padding:  20px 10px!important;

}

	.index-bk3 .bx-controls{

		display: none;

	}

	.sjxw{

	display: block;

}.sjxw:last-child {

    border-bottom: 0px!important;

}

	.sysj2 {

    display: none;

}

	.zyyw {

    padding: 25px 0 25px;

}

.zyyw h2 img {

    height: 65px;

}}