body{}

/*mode01*/



.content{margin-left: auto;margin-right: auto;position: relative;z-index: 15;}

.wrapmode01 { background:url(../images/g2_mode01_bg.png) no-repeat center top; background-size: cover;/*! padding: 0 0 50px 0; */position: relative;z-index: 9;}
.row { max-width: 1300px; margin: 0 auto;}
.leader_left { width: 220px; float: right;position: relative;padding: 0 0 30px 0;}
/* .leader_left::before{ content: ""; position: absolute; width: 140px; height: 30px; background: #8e000b; left: 0px; bottom: 0px;} */
.leader_left span { height: 0px; display: block; overflow: hidden; padding-bottom: 140%; }
.leader_left img { width: 100%; transition: .5s ease-in-out; }
.leader_right { margin: 0 220px 0 0px;}
.ld_tp_con h3 { color: #fff;}
.ld_tp_con ul { overflow: hidden;margin: 12px 0 0 0;}
.ld_tp_con ul li { /*! float: left; */ /*! width: 28%; */ color:#fff; /*! height:34px; */ line-height:37px;/*! overflow: hidden; */overflow: hidden;}
.ld_tp_con ul li:nth-child(even){/*! float: right; */ /*! width: 64%; */; }
.ld_tp_con ul li span { float: left;}
.ld_con { line-height: 27px; padding:5px 0 0 0}
 
.leader_top { position: relative;/*! margin: 0 0 24px 0; */}
.leader_top .leader_topIn{ height: 74px; background:rgba(0, 0, 0, .4); border-top-color: rgba(0, 0, 0, .3); border-top-style: solid; border-top-width: 1px; }
.leader_topIn h3 { color: #fff; font-family: "宋体"; margin: 20px 0 0 40px; position: relative;display: inline-block;height: 54px;padding-right: 40px;}
.leader_topIn h3::before{ content: '';  position: absolute; width: 100%; height: 3px; background: #5c0008; left: 0px; bottom:0px}
.leader_topIn h3::after{ content: '';  position: absolute; width: 1px; height: 40px; background: #5c0008; right: 0px; bottom:3px;}

.ld_tp_con { background:#8e000b; position: relative; padding: 21px 20px 45px 40px; }
.ld_tp_con::before{content: ""; position: absolute; width: 140px; height: 100%; background: #8e000b; right: -140px; bottom: 0px; z-index: -1;}
.code22{position: absolute;width: 50px;height: 50px;right:20px;top: 20px;z-index: 800;cursor: pointer;}
.codeImg22{position: absolute;right: 0;top: 0;width: 100px;height: 100px;padding: 10px;background-color: #fff;display: none;}





.ld_tp_conIn { overflow: hidden; /*! min-height: 337px; */}
.ld_tp_conIn ul {width: 40%; float: left; padding: 0 0 0 15px; border-left-color:rgba(255, 255, 255, .2); border-left-style: solid; border-left-width: 1px;}
.ld_tp_conIn ul:last-child{ width: 51%; }

.wrap_content { width: 100%; position: relative;;}
/* .wrap_content:before{ content: ''; position: absolute; width: 15.8%; height:100%; background: -webkit-linear-gradient(top,rgba(255,255,255,1), rgb(255, 255, 255,0));  
    background: -o-linear-gradient(top,rgba(255,255,255,1), rgb(255, 255, 255,0));  

   background: -moz-linear-gradient(top,rgba(255,255,255,1), rgb(255, 255, 255,0));  

   background: linear-gradient(top,rgba(255,255,255,1), rgb(255, 255, 255,0));  
right: 0px;
} */


.mode02 { margin:42px auto 0}
.title { text-align: center; position: relative; }
.titleIn { max-width: 392px; margin:0 auto; position: relative; padding:0 44px;}
.titleIn::before{ content: ''; position: absolute; width: 44px; height: 88px; background: url(../images/g2_title_left_03.png) no-repeat; left: 0px; top: 0px;;}
.titleIn::after{ content: ''; position: absolute; width: 44px; height: 88px; background: url(../images/g2_title_right_03.png) no-repeat; right:0px; top: 0px;;}
.titleline { height: 88px; line-height: 88px; background: url(../images/g2_title_line_03.png) repeat-x;}
.titleline h2 { background:url(../images/g2_title_middle_03.png) no-repeat center top; font-weight: normal;}
.titleline a { color:#8D0000;}
.title .more { position: absolute; right: 0px; bottom:0px; color: #9F2A2A; padding:0 14px 0 0}
.title .more::before{ position: absolute; content: ''; width: 9px; height: 9px; background: url(../images/g2_mode_add.png) no-repeat; right:0px; bottom:0px;}

.introduce dl { display: flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;margin: 66px 0 0 0;}
.introduce dl dd { flex: 1; width: 33.3%; height: 610px;}

.intro_title { text-align: center;position: relative;}
.intro_title h3 { width: 116px; height: 116px; line-height: 116px; display: inline-block; background: url(../images/g2_intro_title.png) no-repeat; font-weight: normal; }
.intro_title a { display: inline-block; position: relative;; padding:0 10px 0 0;position: absolute;right: 50%;bottom: 20px;margin: 0 -109px 0 0;}
.intro_title a::before{ content: ''; position: absolute; width: 9px; height:9px; background: url(../images/g2_mode_add.png) no-repeat; right:0px; bottom:0px; }




.contentIn { max-width: 1200px; margin: 0 auto; background: -webkit-linear-gradient(top,rgba(255,255,255,1), rgb(255, 255, 255,0)); /* Safari 5.1 - 6.0 */ 

    background: -o-linear-gradient(top,rgba(255,255,255,1), rgb(255, 255, 255,0)); /* Opera 11.1 - 12.0 */ 

   background: -moz-linear-gradient(top,rgba(255,255,255,1), rgb(255, 255, 255,0)); /* Firefox 3.6 - 15 */

   background: linear-gradient(top,rgba(255,255,255,1), rgb(255, 255, 255,0)); /* 标准的语法 */
padding: 0 50px;
position: relative;
margin: -15px auto 0;
min-height: 777px;
} 

.jibenxinxi { padding:68px 0 0 0;overflow: hidden; }
.jibenxinxi_title {padding:0 8px 6px 0; position: relative;display: inline-block;float: left;}
.jibenxinxi_title:before{z-index:0; top:10px; right:0px; content: ''; position: absolute; width: 184px; height: 71px; border:2px solid #8e000b;}
.jibenxinxi_title h3 {  width: 170px; height: 69px; line-height:69px; text-align: center; background:#fff; border:5px solid #ededed;  position: relative;}
.jibenxinxi_con { margin:0 0 0 215px; line-height: 38px;}
.jibenxinxi_con li { color: #444;}

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

}

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


@media screen  and (max-width:1386px) {
	.mode01,.mode02,.science_con,.mode04,.mode05,.mode06,.mode07,.mode08 { max-width: 1000px; margin: 0 auto;}
    .wrap_content:before { width: 2.4%;}
}

@media screen  and (max-width:1300px) {
}
@media screen  and (max-width:1060px) {
}

@media screen  and (max-width:1024px) {
    .wrap_content:before { display: none;}
}
@media screen  and (max-width:1023px) {
    .denglu { right:15px;}
    .mode01 { margin: 0 15px;}
    .mode02 { margin: 20px 15px;;}
    .ld_tp_conIn ul { width: auto; float: none;}
    .ld_tp_conIn ul:last-child { width: auto; float: none;}
    .contentIn { padding:0 20px;}
    
}

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


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

@media screen and (max-width: 768px) {
    .leader_left { width: 100%; float: none;}
    .leader_right {margin:0px;}
    .code22 { display: none;}
    .ld_tp_con::before { display: none;}
}
@media screen and (max-width: 767px) {
}

@media screen and (max-width:670px) {
    .wrap_service_title { height: 150px;}
    .service_table { height: 150px;} 
}

@media screen and (max-width:640px) {
    .jibenxinxi_title { float: none;}
    .jibenxinxi_con {margin:20px 0 0 0; padding:0 0 40px 0;}
    .jibenxinxi { padding:40px 0 0 0;}
    .jibenxinxi_title h3 { height: 40px; line-height: 40px;;}
    .jibenxinxi_title:before { width:170px; height: 40px;; }
}

@media screen and (max-width:480px) {
	
}
@media screen and (max-width:413px) {
}
@media screen and (max-width:400px) {
	
}