@font-face
{
    font-family:CAI;
    src: url('../img/CAI978.ttf');

}

.content > h2 { text-align: center; font-size: 36px; background: #e60012; color: #fff; line-height: 67px;}
.content > h2 span { text-transform:uppercase; padding-left: 15px;}
.content .tit { background: #000; padding: 15px 0; text-align: center;}
.content .tit a,.content .tit span { background: #e60012; font-size: 18px; color: #fff; line-height: 40px; padding: 0 30px; margin: 0 8px; display: inline-block;}
.content .tit span.on { background:#fff; color: #000;}
.content .tit a:hover{color:#000;}
#middle {}
#middle .middle.on { display: block;}
#middle .middle { display: none;}

.box { padding: 50px 0; width: 1090px; margin: auto;}
.box p { font-size: 14px; line-height: 30px;}

.page { text-align: center;}
.page a,.page span { display: inline-block; margin: 0 6px; font-size: 14px; line-height: 30px;}
.page a:hover,.page span:hover { color: #f00;}

/*新闻中心*/
.news_box {}
.news_box li { font-size: 14px; line-height: 30px; overflow: hidden;}
.news_box li a { float:left; transition: all 0.3s ease;}
.news_box li span { float: right; transition: all 0.3s ease;}
.news_box li:hover a,.news_box li:hover span { color: #f00;}
.news_list{    background: url(../img/join1_bg.jpg)no-repeat top;
    background-size: cover;}
.middle h2 { text-align: center; font-size: 24px; line-height: 36px;}
.middle p { font-size: 16px !important; line-height: 30px !important;  font-family:"Microsoft YaHei" !important;   font-weight: normal!important; text-align: justify;}
.middle span { font-size: 16px !important;line-height: 30px !important; font-family:"Microsoft YaHei" !important; font-weight: normal!important; }
.middle p img{
    width:100%;
    margin:30px 0;
}
/*产品展示*/
.pro_box li { float: left; margin: 8px; width: 255px;}
.pro_box li img { width: 100%; transition: all 0.5s ease;height:144px;}
.pro_box li span { text-align: center; display: block; font-size: 14px; line-height: 30px;}
.pro_box li:hover img { transform: scale(1.3);}

/*普通二级页公共样式*/
.md_bg{background:url("../img/md_bg.jpg")repeat}
.title1 { overflow: hidden;}
.title1 .right { overflow: hidden; position: relative;}
.title1 .right h3 { position: absolute;text-align:right;top:0; right: 0; font-size: 28px; color: #fff; line-height: 43px; padding: 25px 35px 0 0;z-index:10}
.title1 .right h3 span { font-size: 50px; font-weight: bold; text-transform: uppercase; display: block; line-height: 65px; font-family:CAI;}
.box .title .right:hover {}
.title1 .right .ico { position: absolute; right:72px; top:46px;}


/*品牌*/
.brand .text { margin-top: 29px;}
.brand .text .left {width: 770px; margin-top: 52px;}
.brand .text .right {}
.brand .text .right p {     font-size: 17px; color: #fff; width: 300px; text-align: right; position: relative; z-index: 2;}
.brand .text .right p span { background:#e60012;     line-height: 52px; display: inline-block; padding: 0 12px;}
.brand .text .right img { margin-top: -52px;}


.brand1 { height: 380px; margin-bottom: 175px;}
.brand1 .left1 { margin:80px 0 0 108px;}
.brand1 .left1 p span { display: inline-block; background:url("../images/h4_bg.gif") repeat; font-size: 30px; line-height: 54px; padding: 0 13px; position: relative; z-index: 2; color: #f00;}
.brand1 .left1 p:first-child span { color: #e60012;}
.brand1 .left1 img { margin-top: -4px;}

.brand1 .left2 { position: relative; margin-top: 183px;}
.brand1 .left2 .text { width: 305px; background:#e60012; padding:35px 50px 36px; color: #fff; position: relative; z-index: 2;}
.brand1 .left2 .text h3 { font-weight: bold; font-size: 24px; line-height: 38px;}
.brand1 .left2 .text p { line-height: 35px;}
.brand1 .left2 img { position: absolute; top:-262px; right: -12px;}
.brand1 .left2 .ico { position: absolute; top:262px; right:-56px;}

.brand2 .title1 { margin-bottom: 25px;}
.brand2 .text .right { width: 550px;}
.brand2 .caption { width: 685px; margin: 23px 0 0 -133px;}
.brand2 .caption p span { display: inline-block; padding: 0 25px; font-size: 45px; background:#e60012; color: #fff; line-height: 80px;}
.brand2 .caption p:last-child span { width: 632px;}
.brand2 .right > p { margin-top: 17px;}


/*市场前景*/
.market .img { position:relative; margin: 20px 0;}
.market .img span { position: absolute; top:38px; left: 50%; font-size: 24px; background:#e60012; color: #fff; line-height: 60px; writing-mode:vertical-lr; padding: 9px 0; margin-left: -30px;}
.market p strong { font-size: 18px;}

.market1 .right { width: 557px;}
.market1 h3 { font-size: 35px; text-align: center;}
.market1 h4 { font-size: 26px; text-align: center; line-height: 42px;}
.market1 ul { overflow: hidden; margin: 10px 0 15px;}
.market1 ul li { float: left; margin-left: 11px;}
.market1 ul li:first-child { margin: 0;}

/*灵魂特色*/

.special ul li img { width: 100%;}


.special ul li:nth-child(2) { margin: 54px 0 25px;}
.special ul li:nth-child(3) { margin-top: -590px;}

.special .style .left { width: 533px;}
.special .text_box1 { position: relative; color: #fff;}
.special .text_box1 .img { position: relative;}
.special .text_box1 .img .title3 { position: absolute; top:50%; left: 50%; font-size: 24px; line-height: 50px; padding: 28px 0; background: #e60012; writing-mode:vertical-lr; margin: -64px 0 0 -25px; z-index: 2;}
.special .text_box1 .text { width:cale(100% - 78px); padding: 25px 39px; background:url("../img/special_text_bg.jpg") no-repeat; background-size: cover;}
.special .text_box1 .title2 { position: absolute; top:-148px; left: 0;}
.special .text_box1 .title2 span { font-size: 40px; background: #e60012; display: inline-block; line-height: 74px; padding: 0 15px;}
.special .text_box1 .title2 p:last-child span { width: 503px;}
.special .text_box1:first-child { margin: 180px 0 25px 0;}

.special .style .right { width: 535px; margin-top: -127px;}

.special .title1:last-child { margin-top: 56px;}

.special1 h3 { color: #ff0000; font-size: 47px; font-weight: bold;}
.special1 p { text-transform: uppercase; font-size: 17.5px;}

.special1 ul { margin: 45px 0 0 ;}
.special1 ul li { width: 309px; float: left; margin-right: 54px;}
.special1 ul li p { font-size: 14px;}
.special1 ul li .p19 { color: #e60012; font-size: 19px; line-height: 36px;}
.special1 ul li:last-child { margin: 0;}
.special1 ul li:first-child img,.special1 ul li:last-child img { margin-bottom: 15px;}
.special1 ul li:nth-child(2) img { margin-top: 15px;}


/*营销策略*/
.marketing1 { position: relative;}
.marketing1 h3 { font-size:61px; color: #e60012; font-weight: bold; text-align: center;}
.marketing1 p.title3 { font-size: 25px; text-transform: uppercase; text-align: center;}
.marketing1 .text_box { margin-top: 30px; position: relative;}
.marketing1 .text_box .left { border:#fff solid 10px;}
.marketing1 .text_box .right { width: 465px; padding:20px 39px 12px 33px; background: #fff; color: #000;}
.marketing1 .text_box .right h4 { color: #e60012; font-size: 26px; font-weight: bold; text-align: center;}
.marketing1 .text_box .right img { margin-top: 19px;}
.marketing1 .img2 { position: absolute; right:-192px; z-index: 2; bottom:0;}

.marketing2 ul li { width: 544px; float: left;}

.marketing2 .text { background: #e3e3e3; width: cale(100% - 64px); padding: 31px 32px;}

.marketing2 .left { width: 544px;}
.marketing2 .right { width: 546px;}
.marketing2 .box0 .img { position: relative;}
.marketing2 .box0 .img span { position: absolute; top:50%; left: 50%; display: inline-block; writing-mode:vertical-lr; font-size: 24px; background: #ff0000; color: #fff; line-height: 50px; padding: 22px 0; margin: -82px 0 0 -25px;}

.marketing2 .box3 .text { padding: 46px 32px;}
.marketing2 .box4 { background: #e3e3e3; height: 386px;}
.marketing2 .box4 img { margin: 0 0 0 33px;}


.marketing3 h3 { background: #e60012 url('../img/h3_bg.gif') no-repeat right center; font-size: 30px; font-weight: bold; line-height: 50px; padding-left: 11px;}
.marketing3 h3 span { font-size: 14px; text-transform: uppercase;}
.marketing3 .img { border:#fff solid 2px;}
.marketing3 .left { width: 536px;}
.marketing3 .right { width: 536px;}
.marketing3 .right h3 { margin-top: 35px;}
.marketing3 p { padding: 8px 0;}

.marketing4 h3 { color: #ff0000; font-size: 104px; font-weight: bold; text-align: center;}
.marketing4 .text_box .left { width: 525px; border-right:#000 solid 1px; padding-right: 19px;}
.marketing4 .text_box .left h4 { font-size: 37px; font-weight: bold; margin-bottom: 15px;}
.marketing4 .text_box .left .img { border:#000 solid 2px; margin-bottom: 12px;}
.marketing4 .text_box .left .img:last-child { margin-bottom: 0;}

.marketing4 .text_box .right { width: 520px;}
.marketing4 .text_box .right h5 { font-size: 20px; color: #f00; font-weight: bold; margin:16px 0 10px;}


/*招商合作*/
.join1{
    background:url("../img/join1_bg.jpg")no-repeat top;
    background-size:100%;
}
.second_title{
    padding:10px 10px 10px 75px;
    background:#ff0000;
    position:relative;
    margin-bottom:20px;
}
.second_title img{
    display:inline-block;
    position:absolute;
    left:25px;
    top:7px;
}
.second_title h1{
    line-height:31px;
    font-size:31px;
    color:#fff;
    display:inline-block;
}
.join1_text{
    margin-top:50px;
    padding-bottom:40px;
    border-bottom:1px dashed #000000;
}
.join1_text .left{
    width:516px;
}
.join1_bottom{
    padding-top:30px;
}
.join1_bottom li{
    float:left;
    width:290px;
}
.join1_bottom li:nth-child(2),.join1_bottom li:nth-child(5){
    margin:0 110px;
}
.join1_bottom li h2{
    text-align: center;
    font-size:26px;
    font-weight: bold;
    color:#ff0000;
    margin-bottom:18px;
    margin-top:40px;
}
.join1_bottom li p{
    background:#f00;
    color: #ffffff;
    font-size:26px;
    padding:18px 0;
    text-align: center;
}
.join1_bottom h1{
    font-size:40px;
    text-align: center;
    font-weight: bold;
}
.join2 .box{
    padding-top:0;
}
.join2_main{
    background:url("../img/join2_bg.jpg")no-repeat center;
    background-size:cover;
    width:100%;
    padding:200px 0 250px;
}
.join2_box{
    width:850px;
    height:850px;
    margin:0 auto;
    border:dashed 2px #fff;
    border-radius: 50%;
    position:relative;
    box-sizing: border-box;
}
.join2_text{
    position:absolute;
    color:#fff;
    width:202px;
}
.join2_text p{
    line-height:30px;
    width:170px;
    margin:0 auto;
    font-size:14px;
}
.join2_circle{
    width:202px;
    height:202px;
    border:4px solid #fff ;
    border-radius: 50%;
    box-sizing: border-box;
    margin-top:10px;
}
.join2_circle img{
    margin:20px auto 0;
}
.join2_circle h1{
    text-align: center;
    font-size:21px;
    color:#ff0000;
    margin-top:18px;
}
.join2_text1{
    top:-186px;
    left:50%;
    margin-left:-101px;
}
.join2_text2{
    top:15px;
    right:-60px;
}
.join2_text2 h1{
    margin-top:10px;
}
.join2_text3{
    right:-60px;
    bottom:-62px;
}
.join2_circle3{
    margin-bottom:10px;
}
.join2_text4{
    margin-left:-101px;
    left:50%;
    bottom:-230px;
}
.join2_circle4{
    margin-bottom:10px;
}
.join2_circle4 img{
    margin-top:26px;
}
.join2_text5{
    left:-61px;
    bottom:29px;
}
.join2_circle5{
    margin-bottom:10px;
}
.join2_text6{
    top:15px;
    left:-60px;
}
.join2_mid{
    position:absolute;
    left:50%;
    top:50%;
    width:396px;
    height:396px;
    background:url("../img/join2_mid.jpg") no-repeat center;
    border-radius: 50%;
    margin-left:-198px;
    margin-top:-198px;
    box-sizing: border-box;
    padding:146px 0;
}
.join2_mid h1{
    color:#fff;
    font-size:39px;
    width:312px;
    margin:0 auto;
}
.join3 .join1_text  .left{
    width:462px;
}
.join3 .join1_text{
    border:none;
    padding-bottom:0;
}
.join3 li:nth-child(2n-1){
    font-size:18px;
    font-weight: bold;
    line-height:28px;
}
.join3 li:nth-child(2n){
    font-size:14px;
    line-height: 30px;
}
/*联系我们*/
.contact .p24 { font-size: 24px; margin-top: 10px;}

.policy1 .box{
    padding-bottom:0;
}
.policy_box{
    background: url(../img/join1_bg.jpg)no-repeat top;
    background-size: cover;
}
.policy1_box ul{
    margin-top:50px;
}
.policy1_box li{
    float:left;
    width:325px;
    background:#c7000a;
    height:310px;
    box-sizing: border-box;
    padding:40px 65px;
    color:#fff;
}
.policy1_box li:nth-child(2){
    background:#000;
    margin:0 57px;
}
.policy1_box li h1{
    font-size:48px;
    border-bottom:1px solid #fff;
}
.policy1_box li h2{
    font-size:27px;
    text-align: center;
    margin:5px 0 3px;
}
.policy1_box li p{
    padding-left:5px;
}
.policy2_box ul{
    margin-top:70px;
}
.policy2_box li{
    float:left;
    width:26%;
    border:2px solid #c7000a;
    text-align: center;
    position:relative;
    padding:20px 0;
    height:110px;
    box-sizing: border-box;
    margin-bottom:70px;
}
.policy2_box li:nth-child(3n-1){
    margin:0 65px;
}
.policy2_box .num_title{
    position:absolute;
    top:-50px;
    left:50%;
    margin-left:-71px;
}
.policy2_box .num_title h1{
    font-size:28px;
    font-weight: bold;
    padding:0 15px;
    background:url("../img/md_bg.jpg")repeat;
}
.policy2_box .num_title h2{
    color:#c7000a;
    font-weight: bold;
}
.policy2_box li:nth-child(2){
    width:385px;
    animation-delay: .3s;
}
.policy2_box li:nth-child(1){
    padding:32px 0;
    width:270px;
}
.policy2_box li:nth-child(3){
    width:305px;
    animation-delay: .6s;
}
.policy2_box li:nth-child(4){
    padding:32px 0;
    width:315px;
    animation-delay: .9s;
    margin-bottom:0;
}
.policy2_box li:nth-child(5){
     width:320px;
    animation-delay: 1.2s;
    margin-bottom:0;
 }
.policy2_box li:nth-child(6){
    width:325px;
    animation-delay: 1.5s;
    margin-bottom:0;
}
.policy2_box li:nth-child(5) .num_title{
    margin-left:-113px;
}
.policy2_box li:nth-child(6) .num_title{
    margin-left:-85px;
}
.policy2_box li p{
    line-height: 25px;
}
.arrow{
    position:absolute;
    right:-50px;
    top:42px;
}
.policy2 .box{
    padding-bottom:0;
}
.policy3_box{
    margin-top:50px;
}
.policy3_box .left{
    width:475px;
}
.policy3_box .left p{
    line-height:40px;
}
.policy3_box .right{
    width:605px;
}
.policy3_box .right .img{
    float:left;
}
.policy3_box .right .img:nth-child(1){
    margin-right:19px;
}
.support_box .left{
    width:615px;
}
.support_box .left p{
    line-height:28px;
}
.support_box .left b{
    font-size:18px;
}
.support_box{
    margin-top:50px;
}
.support_content{
    background: url(../img/join1_bg.jpg)no-repeat top;
    background-size: cover;
}