/*PC*/
body{background: #f1f1f1;}
.index {position: relative;}
.index .banner img{width: 100%;}
.index .banner .banner_head{
	position: absolute;
    top: 25%;
    left: 18%;
    width: 14%;
    height: 137px;
    background: #f00;}
.w80{    
	width: 80%;
    margin: auto;
    margin-top: 15%;}
.w80 .hengxian{width:30px;height: 3px;background: #fff;;}
.w80 .pp1{font-size: 28px;color:#fff;    margin: 6% 0;}
.w80 .pp2{font-size: 16px;color:#fff;opacity: 0.5;}
@font-face {
	font-family: '../font/ygyxsziti2.0.ttf';
  src: url('../fonts/ygyxsziti2.0.ttf'); 
}
/*2级导航*/
.two_nav ul li{
	float: left;
	padding: 0 70px;
	height: 65px;
	line-height:65px;
}
.two_nav ul li:hover{
	background: #005dc4;
	}
.two_nav ul li:hover a{
	color:#fff;
	}
.two_nav ul li a{
	font-size: 14px;
	color:#858585;
	}
/*三级导航*/
.bo{margin-bottom: 40px;    background: #fff;}
.three_nav{width: 100%;margin: 40px 0;}
.three_nav ul li{margin-right: 40px;float: left;border:1px solid #e53c38;}
.three_nav ul .default a{padding: 0 54px;line-height: 45px;height: 45px;color:#e53c38;}
.three_nav ul .default{margin-right: 40px;float: left;border:1px solid #e53c38;background: #fff;}
.three_nav ul li a{padding: 0 54px;line-height: 45px;height: 45px;color:#121212;}
.three_nav ul li{margin-right: 40px;float: left;border:1px solid #121212;background: #fff;}
.bgg{background: url(../images/bg.png) repeat;width: 100%;padding-top:3%;}
.bgg .w31{width:31%;margin-right: 2%;margin-bottom:2%;float: left;cursor: pointer;position:relative;}
.bgg .w31 img{width: 100%;}
.bgg .w31 .ding{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #005dc4;text-align: center;opacity: 0;}
.bgg .w31 .ding p{font-size:20px;color: #fff;padding-top:30%;}

.bgg .w31 video{width:100%;height:210px;}

.bgg .w23{width:23%;margin-right: 2%;margin-bottom:2%;float: left;cursor: pointer;position:relative;}
.bgg .w23 img{width: 100%;}
.bgg .w23 .ding{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #005dc4;text-align: center;opacity: 0;}
.bgg .w23 .ding p{font-size:20px;color: #fff;padding-top:62%;}

.bgg .w31:last-child(3){margin-right: 0%;}
/*pad*/
@media only screen and (min-width: 840px) and (max-width: 1200px){
	.index {margin-bottom: -5px;}
	.index .banner img{width: 100%;}
	/*2级导航*/
.two_nav ul li{
	float: left;
	padding: 0 44px;
	height: 65px;
	line-height:65px;
}
/*.two_nav ul li:hover{
	background: #005dc4;
	}
.two_nav ul li:hover a{
	color:#fff;
	}*/
.two_nav ul li a{
	font-size: 16px;
	color:#858585;
	}
	/*三级导航*/
.three_nav{width: 100%;margin: 40px 0;}
.three_nav ul li{margin-right: 40px;float: left;border:1px solid #e53c38;}
.three_nav ul .default a{padding: 0 54px;line-height: 45px;height: 45px;color:#e53c38;}
.three_nav ul .default{margin-right: 40px;float: left;border:1px solid #e53c38;}
.three_nav ul li a{padding: 0 54px;line-height: 45px;height: 45px;color:#121212;}
.three_nav ul li{margin-right: 40px;float: left;border:1px solid #121212;}



}

/*iphone*/
@media (max-width: 840px) {
	/*2级导航*/
.two_nav ul li{
	float: left;
    padding: 0 8%;
    height: 35px;
    line-height: 35px;
}
.two_nav ul li:hover{
	background: #005dc4;
	}
.two_nav ul li:hover a{
	color:#fff;
	}
.two_nav ul li a{
	font-size: 14px;
	color:#858585;
	}
	/*三级导航*/
.three_nav{    width: 100%;
    margin: 8% 0;}
.three_nav ul li{margin-right: 25px;float: left;border:1px solid #e53c38;}
.three_nav ul .default a{padding: 0 25px;line-height: 45px;height: 45px;color:#e53c38;}
.three_nav ul .default{float: left;
    border: 1px solid #e53c38;margin-right:4%;}
.three_nav ul li a{padding: 0 25px;line-height: 45px;height: 45px;color:#121212;}
.three_nav ul li{    margin: 0% 5%;float: left;border:1px solid #121212;}

.index .banner .banner_head {
    position: absolute;
    top: 16%;
    left: 18%;
    width: 42%;
    height: 137px;
    background: #f00;
}
.bgg .w31 {
    width: 100%;}
    .bgg .w23 {
    width:100%;}
}