﻿/*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('../font/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;}


.section_con{width:100%;margin:auto;background: #fff;}
.section_con .con50{width: 50%;float: left;}
.section_con .con25{width:24.99%;float:left;height:300px;overflow:hidden;position:relative;}
.section_con .con25_last{width:24.99%;float: left;position: relative;}
.section_con .con25 img{width: 100%;height: 100%;}
.section_con .con25 p{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.5);color:#fff;height:50px;line-height:50px;text-align:center;font-size:14px;}
/*
.section_con .con25:nth-child(3) p{line-height:23px;}
*/

.section_con .con25_last .con25_ding{position: absolute;top:30%;left:29%;text-align: center;}
.section_con .con25_last .con25_ding .ding_one{font-size: 60px;font-weight: bold;color:#fff;font-family: arial;}
.section_con .con25_last .con25_ding .ding_two{font-size: 20px;color:#fff;margin-top: 15%;}

.con50 .se_50{padding:11%;    padding-bottom: 20%;}
.con50 .se_50 .con_p1{color: #121212;font-size: 24px;margin-bottom:3% ;}
.con50 .se_50 .con_xian{width:40px;height: 3px;background: #2f2f2f;margin-bottom:5% ;}
.con50 .se_50 .con_p2{color: #4a4a4a;font-size: 16px;}
.section_con .con25 img{width: 100%;height:auto;}

.four{width: 100%;background: #fff;    margin: 2% 0;}
.four .four_left1{float: left;    width: 40%;}
.four .se_50{padding:22% 20% 0 12%;}
.four .se_50 .con_p1{color: #121212;font-size: 24px;margin-bottom:3% ;}
.four .se_50 .con_xian{width:40px;height: 3px;background: #2f2f2f;margin-bottom:5% ;}
.four .se_50 .con_p2{color: #4a4a4a;font-size: 16px;}
.four .four_right1{float:right;height:280px;width:25%;overflow:hidden;}
.four .four_right1 img{width: 100%;height:auto;}
.four .four_right1 p{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.5);color:#fff;height:50px;line-height:50px;text-align:center;font-size:14px;}

.four_right{width: 100%;background:#2f2f2f;margin:2% 0;}
.four_right .four_left2{float:right;width:40%;text-align:right;}
.four_right .se_50{padding:22% 20% 0 12%;}
.four_right .se_50 .con_p1{color: #fff;font-size: 24px;margin-bottom:3% ;}
.four_right .se_50 .con_xian{width:40px;height:3px;background: #fff;margin-bottom:5% ;opacity: 0.2;float:right;}
.four_right .se_50 .con_p2{color:#fff;font-size:16px;opacity:0.5;clear:both;}
.four_right .four_right2{float:left;height:280px;width:25%;overflow:hidden;}
.four_right .four_right2 img{width: 100%;height:auto;}
.four_right .four_right2 p{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.5);color:#fff;height:50px;line-height:50px;text-align:center;font-size:14px;}


/*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;
}
.section_con .con50{width: 100%;float: left;}
.section_con .con25 {
    width: 50%;
    float: left;
}
.section_con .con25_last {
    width: 50%;
    float: left;
    position: relative;
}

.section_con .con25_last .con25_ding .ding_one {
    font-size: 30px;}
.four .four_left1 {
    float: left;
    width: 100%;
}
.four .se_50 {
    padding: 5%;
}
.four .four_right1 {
    float: left;
    width: 100%;
}

.four_right .four_left2 {
    float: left;
    width: 100%;
}
.four_right .se_50 {
    padding: 5%;
}
.four_right .four_right2 {
    float: left;
    width: 100%;
}



}