﻿/*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;}

.section1{background: #f8f8f8;}
.section1 {
    padding: 5% 0;}
.section1 .left_se{width: 70%;
    float: left;
    line-height: 25px;}
.section1 .left_se .head-se{font-size: 26px;color:#121212;padding-bottom: 3%;}
.section1 .left_se .hengxian{width:45px;height:4px;background:#000000;margin-bottom:4%;}
.section1 .left_se p{font-size: 14px;color:#858585;}
.section1 .bbox{position: relative;}
.section1 .right_se {
	    width: 30%;
    float: left;
    text-align: right;
    position: absolute;
    top: 50%;
    right: -12%;
    transform: translate(-50%,-50%);    width: 30%;
    float: left;
    text-align: right;
    position: absolute;
    top: 50%;
    right: -12%;
    transform: translate(-50%,-50%);
    }
    
.section2 {
    padding: 5% 0;background: #fff;}
.section2 .right_se{width:22%;
    float: right;}

.section2 .right_se .head-se{font-size: 26px;color:#121212;padding-bottom: 7%;}
.section2 .right_se .hengxian{width:45px;height:4px;background:#000000;margin-bottom:13%;}
.section2 .right_se p{font-size: 14px;color:#858585;}
.section2 .left_se {width: 70%;
    float: left;
    text-align:left;}
    
    
.cleafloat{clear: both;}
/*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 57px;
    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: 40px;float: left;border:1px solid #e53c38;}
.three_nav ul .default a{padding: 0 40px;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 40px;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;
}
.section2 .left_se {
    width: 33%;
    float: left;
    text-align: left;
}
.section2 .right_se {
    width: 65%;
    float: right;
}
}