@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"Arial"; -webkit-text-size-adjust:none; min-width:1400px}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}

@media all and (max-width:1440px){
body { min-width:inherit;}
}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#DB4813;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1400px; margin:0 auto}

@media all and (max-width:1440px){
.w100 { width:1100px;}
}
@media all and (max-width:1100px){
.w100 { width:90%; max-width:750px}
}


.head { height:40px; border-bottom:1px #DBDBDB solid; overflow:hidden; display:none}
.head ul { float:right; border-right:1px #DBDBDB solid}
.head ul li { float:left; border-left:1px #DBDBDB solid; line-height:40px; padding:0 20px; font-size:12px}
.head ul li.juanzeng a { background:#DB4813; color:#fff; padding:5px 20px}

.logo_s { height:92px; position:relative; z-index:888; position:absolute; left:0; top:0; right:0; background:rgba(0,0,0,0.3)}
.logo_s .ft { padding-top:15px}
.logo_s .ft img { height:62px}


.logo_s2 { height:92px; width:100%; overflow:hidden; position:fixed; left:0; background:#fff; display:none; top:0; z-index:9999; box-shadow:0 0 5px #ccc}
.logo_s2 .ft { padding-top:15px}
.logo_s2 .ft img { height:62px}

@media all and (max-width:1440px){

}

@media all and (max-width:1100px){
.head { display:none}
.logo_s { height:60px; width:100%;}
.logo_s .ft { float:none; width:90%; margin:0 auto}
.logo_s .ft img { height:40px}

.logo_s2 { height:60px;}
.logo_s2 .ft { float:none; width:100%;}
.logo_s2 .ft img { height:40px}

}

.nav { float:right; padding-top:30px}
.nav ul li { float:left; padding-left:50px; font-size:16px}
.nav ul li.nav_on a { color:#DB4813;}

.logo_s .nav ul li a { color:#fff; text-shadow:0 0 2px #000}

.head_r2 { display:none}

@media all and (max-width:1100px){
.nav { position:fixed; left:0; top:60px; right:0; background:#fff; padding:0; display:none}
.nav ul li { float:none; width:auto; padding-left:20px; font-size:16px; line-height:40px; border-top:1px #ddd solid}

.head_r2 { display:block; position:absolute; right:5%; top:0; line-height:60px}
.head_r2 i { display:block; font-size:18px; line-height:60px}
}
.banner { position:relative; height:580px; overflow:hidden; min-width:1100px}
.banner .bd { height:580px}
.banner .bd ul li { height:580px; position:relative}
.banner .bd ul li h3 { position:absolute; left:0; right:0; top:50%; line-height:50px; margin-top:-25px; color:#DB4813; text-align:center; font-size:48px; font-weight:bold; z-index:22; padding-top:50px; opacity:0;}
.banner .bd ul li h4 { position:absolute; left:0; right:0; top:50%; line-height:50px; margin-top:35px; color:#fff; text-align:center; font-size:24px; z-index:22; padding-top:50px; opacity:0;}
.banner .bd ul li p { background:rgba(0,0,0,0.3); position:absolute; top:92px; left:0; right:0; bottom:0; z-index:11}

.banner .hd { position:absolute; left:0; width:100%; bottom:30px; text-align:center; z-index:22}
.banner .hd ul li { display:inline; padding:5px 15px; background:url(../images/ico_2.png) top no-repeat}
.banner .hd ul li.on { background:url(../images/ico_1.png) top no-repeat; cursor:pointer}


@media all and (max-width:1440px){
.banner { height:460px}
.banner .bd { height:460px}
.banner .bd ul li { height:460px}
.banner .bd ul li h3 { font-size:36px}
.banner .bd ul li h4 { font-size:18px}
}

@media all and (max-width:1100px){
.banner { height:300px; min-width:inherit}
.banner .bd { height:300px}
.banner .bd ul li { height:300px}
.banner .bd ul li h3 { font-size:24px}
.banner .bd ul li h4 { font-size:16px}
}

@media all and (max-width:750px){
.banner { height:240px;}
.banner .bd { height:240px}
.banner .bd ul li { height:240px}
.banner .bd ul li h3 { font-size:18px}
.banner .bd ul li h4 { font-size:14px}
}

@media all and (max-width:480px){
.banner { height:200px;}
.banner .bd { height:200px}
.banner .bd ul li { height:200px}
}



.index_1 { padding:60px 0}
.index_1 h2 { text-align:center; color:#888; text-transform: uppercase; line-height:30px; font-size:18x; font-weight:normal; margin-bottom:20px}
.index_1 h2 b { color:#DB4813; font-size:30px; line-height:40px; display:block}

.index_1 ul { width:1440px; margin:0 auto}
.index_1 ul li { float:left; width:480px;}
.index_1 ul li a { display:block; width:440px; margin:0 auto; padding:20px 0; margin-top:10px}
.index_1 ul li a:hover { box-shadow:0 0 5px #ccc; margin-top:0}

.index_1 ul li img { display:block; margin:0 auto; width:400px; margin:0 auto; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_1 ul li h3 { width:400px; margin:0 auto; font-size:18px; padding-top:15px; }
.index_1 ul li h4 { width:400px; margin:0 auto; color:#888; padding-top:10px; font-size:16px; height:75px}
.index_1 ul li h5 { width:400px; margin:0 auto; border-top:1px #eee solid; padding-top:10px}

.index_1 ul li a:hover img { transform:scale(1.03)}




@media all and (max-width:1440px){
.index_1 { padding:50px 0}
.index_1 h2 b { font-size:24px;}

.index_1 ul { width:1122px;}
.index_1 ul li { width:374px;}
.index_1 ul li a { width:352px}

.index_1 ul li img { width:322px;}
.index_1 ul li h3 { width:322px; font-size:16px; }
.index_1 ul li h4 { width:322px; font-size:14px;}
.index_1 ul li h5 { width:322px;}


}

@media all and (max-width:1100px){
.index_1 { padding:30px 0}
.index_1 h2 { line-height:20px; font-size:14px;}
.index_1 h2 b { font-size:18px;}

.index_1 ul { width:100%;}
.index_1 ul li { width:33.3%}
.index_1 ul li a { width:95%}
.index_1 ul li img { width:90%;}
.index_1 ul li h3 { width:90%; font-size:16px; }
.index_1 ul li h4 { width:90%; font-size:14px;}
.index_1 ul li h5 { width:90%;}
}

@media all and (max-width:560px){

.index_1 ul { width:auto;}
.index_1 ul li { width:100%; float:none; margin:0 auto}

}

.index_2 { padding:40px 0; background:rgba(250, 250, 250, 1)}
.index_2 ul { width:1440px; margin:0 auto}
.index_2 ul li { float:left; width:25%; text-align:center; line-height:40px; color:#DB4813; font-size:24px}
.index_2 ul li h4 { font-size:16px; color:#888;}
.index_2 ul li span { font-size:36px; color:#000; padding-right:10px}




@media all and (max-width:1440px){
.index_2 ul { width:1120px; margin:0 auto}
}

@media all and (max-width:1100px){
.index_2 { padding:30px 0 15px 0;}
.index_2 ul { width:90%; margin:0 auto}
.index_2 ul li { float:left; width:50%; font-size:24px; padding-bottom:15px; line-height:30px}
}


.index_3 { background:url(../images/index_bg1.jpg) center no-repeat; position:relative; height:770px; background-size:100% auto}
.index_3 .bg1 { position:absolute; left:50%; margin-left:-700px; width:1200px; height:500px; top:135px; background:rgba(242,56,59,0.7); z-index:11}
.index_3 h2 { position:absolute; color:#fff; font-size:18px; text-transform:uppercase; line-height:40px; font-weight:normal; left:50%; margin-left:-600px; z-index:22; top:250px}
.index_3 h2 b { display:block; font-size:30px}

.index_3 h4 { position:absolute; color:#fff; font-size:16px; line-height:30px; left:50%; margin-left:-600px; z-index:23; top:350px; width:600px}
.index_3 img { display:block; position:absolute; right:50%; margin-right:-700px; z-index:34; top:210px}
.index_3 h5 { position:absolute; font-size:16px; left:50%; margin-left:-700px; z-index:35; width:120px; text-align:center; line-height:42px; height:42px; top:450px; opacity:0}
.index_3 h5 a { color:#DB4813; display:block; background:#fff; border-radius:5px}
.index_3 h5 a:hover { background:#DB4813; color:#fff}


.index_3 * { -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_3:hover h2 { padding-left:10px}
.index_3:hover h4 { padding-left:10px}
.index_3:hover img { transform:scale(1.05)}
.index_3:hover h5 { opacity:1; margin-left:-600px}





@media all and (max-width:1440px){
.index_3 { height:620px}
.index_3 .bg1 { width:950px; height:400px; top:105px; margin-left:-550px}

.index_3 h2 { margin-left:-480px; top:175px}
.index_3 h2 b { font-size:24px}

.index_3 h4 { font-size:14px; margin-left:-480px; top:270px; width:450px}
.index_3 h5 { margin-left:-650px; top:400px}
.index_3:hover h5 { margin-left:-480px}

.index_3 img { margin-right:-550px; top:160px; height:300px}
}


@media all and (max-width:1100px){
.index_3 { background-size:auto 100%; height:auto}
.index_3 h2 { line-height:20px; font-size:14px;}
.index_3 h2 b { font-size:18px;}
.index_3 .bg1 { position:absolute; left:5%; margin-left:0px; width:90%; height:90%; top:5%;}
.index_3 .w100 { width:85%; padding-bottom:50px}
.index_3 h2 { position:relative; left:auto; top:auto; margin:0; padding-top:80px}

.index_3 h4 { position:relative; left:auto; top:auto; margin:0; width:auto; padding-top:20px}
.index_3 h5 { position:relative; left:auto; top:auto; margin:0; margin-top:30px; opacity:1}
.index_3:hover h5 { margin-left:0px}

.index_3 img { position:relative; right:auto; top:auto; margin:30px auto 0 auto; height:auto; width:80%; }
}


.index_4 { padding:60px 0; width:1400px; margin:0 auto}
.index_4 h2 { color:#888; text-transform: uppercase; line-height:30px; font-size:18x; font-weight:normal; margin-bottom:30px}
.index_4 h2 b { color:#DB4813; font-size:30px; line-height:40px; display:block}

.index_4 ul { width:1430px; margin:0 auto}
.index_4 ul li { float:left; width:715px;}
.index_4 ul li a { display:block; width:685px; position:relative; padding-bottom:40px}
.index_4 ul li img { display:block; width:100%}
.index_4 ul li h3 { position:absolute; left:5%; width:80%; text-align:left; background:#fff; bottom:0; padding:20px 5%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; font-size:16px; line-height:30px; color:#888}
.index_4 ul li h3 span { display:block; height:0; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; padding-top:10px; margin-top:10px; border-top:1px #eee solid; overflow:hidden}
.index_4 ul li h3 b { display:block; font-size:18px; line-height:30px; padding-bottom:10px; color:#333}
.index_4 ul li a:hover h3 { box-shadow:0 0 10px #888}
.index_4 ul li a:hover h3 b { color:#DB4813}
.index_4 ul li a:hover h3 span { height:30px}

@media all and (max-width:1440px){
.index_4 { padding:50px 0; width:1100px;}
.index_4 h2 b { font-size:24px;}

.index_4 ul { width:1120px;}
.index_4 ul li { width:560px;}
.index_4 ul li a { width:540px}
.index_4 ul li h3 b { font-size:16px}
.index_4 ul li h3 { font-size:14px}

}

@media all and (max-width:1100px){
.index_4 { padding:30px 0; width:90%;}
.index_4 h2 { line-height:20px; font-size:14px;}
.index_4 h2 b { font-size:18px;}

.index_4 ul { width:100%;}
.index_4 ul li { width:100%; float:none}
.index_4 ul li a { width:auto}
.index_4 ul li h3 b { font-size:14px}
.index_4 ul li h3 { font-size:12px; line-height:20px; padding:10px 5%}

}


.index_5 { background:rgba(250, 250, 250, 1); padding:60px 0}
.index_5 h2 { color:#888; text-transform: uppercase; line-height:30px; font-size:18x; font-weight:normal; margin-bottom:30px}
.index_5 h2 b { color:#DB4813; font-size:30px; line-height:40px; display:block}

.index_5 ul li { float:left; width:25%; position:relative; background:#fff}
.index_5 ul li * { -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_5 ul li img { display:block; width:100%; opacity:0}

.index_5 ul li h4 { color:#888; position:absolute; left:35px; top:80px}
.index_5 ul li h3 { position:absolute; left:35px; top:120px; font-size:18px; right:35px;}
.index_5 ul li h5 { position:absolute; left:35px; top:190px; font-size:16px; right:35px; line-height:30px}



.index_5 ul li:hover img { opacity:1}
.index_5 ul li:hover h4 { color:#eee; padding-top:50px}
.index_5 ul li:hover h3 { color:#fff; padding-top:50px}
.index_5 ul li:hover h5 { color:#eee; padding-top:50px}



@media all and (max-width:1440px){
.index_5 { padding:50px 0; }
.index_5 h2 b { font-size:24px;}


.index_5 ul li h4 { top:80px}
.index_5 ul li h3 { font-size:16px;}
.index_5 ul li h5 { font-size:14px;}

}

@media all and (max-width:1100px){
.index_5 { padding:30px 0;}
.index_5 h2 { line-height:20px; font-size:14px;}
.index_5 h2 b { font-size:18px;}

.index_5 ul li { float:none; width:100%; overflow:hidden; padding-bottom:20px}
.index_5 ul li img { display:block; width:30%; opacity:1; float:left; margin-right:20px}

.index_5 ul li h4 { color:#888; position:relative; left:auto; top:auto}
.index_5 ul li h3 { position:relative; left:auto; top:auto; font-size:14px; right:auto; line-height:30px}
.index_5 ul li h5 { color:#888; position:relative; left:auto; top:auto; font-size:12px; right:auto; line-height:20px}



.index_5 ul li:hover img { opacity:1}
.index_5 ul li:hover h4 { color:#888; padding-top:0px}
.index_5 ul li:hover h3 { color:#333; padding-top:0px}
.index_5 ul li:hover h5 { color:#888; padding-top:0px}

}




.index_6 { background:url(../images/index_bg2.jpg) center no-repeat; position:relative; height:660px; background-size:100% auto}
.index_6 h2 { position:absolute; color:#fff; font-size:18px; text-transform:uppercase; line-height:40px; font-weight:normal; left:50%; margin-left:50px; z-index:22; top:200px}
.index_6 h2 b { display:block; font-size:30px}

.index_6 h4 { position:absolute; color:#fff; font-size:16px; line-height:30px; left:50%; margin-left:50px; z-index:23; top:300px; width:600px}
.index_6 img { display:block; position:absolute; left:50%; margin-left:-700px; z-index:34; top:130px}
.index_6 h5 { position:absolute; font-size:16px; left:50%; margin-left:60px; z-index:35; width:120px; text-align:center; line-height:42px; height:42px; top:450px; opacity:0; margin-top:50px}
.index_6 h5 a { color:#DB4813; display:block; background:#fff; border-radius:5px}
.index_6 h5 a:hover { background:#DB4813; color:#fff}


.index_6 * { -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_6:hover h2 { padding-left:10px}
.index_6:hover h4 { padding-left:10px}
.index_6:hover img { transform:scale(1.05)}
.index_6:hover h5 { opacity:1; margin-top:0}





@media all and (max-width:1440px){
.index_6 { height:520px}

.index_6 h2 { top:100px}
.index_6 h2 b { font-size:24px}

.index_6 h4 { font-size:14px; top:200px; width:450px}
.index_6 h5 { top:350px}


.index_6 img { margin-left:-550px; top:90px; height:340px}

}


@media all and (max-width:1100px){
.index_6 { background-size:auto 100%; height:auto}
.index_6 h2 { line-height:20px; font-size:14px;}
.index_6 h2 b { font-size:18px;}

.index_6 h2 { position:relative; left:auto; top:auto; margin:0 auto; padding-top:60px; width:90%}

.index_6 h4 { position:relative; left:auto; top:auto; margin:0 auto; width:auto; padding-top:20px; width:90%}
.index_6 h5 { position:relative; left:auto; top:auto; margin:0; margin-top:30px; opacity:1; margin-left:10%}
.index_6:hover h5 { margin-left:10%}

.index_6 img { position:relative; left:auto; top:auto; margin:30px auto 0px auto; height:auto; width:80%; padding-bottom:50px}
.index_6:hover h2 { padding-left:0px}
.index_6:hover h4 { padding-left:0px}
.index_6:hover img { transform:scale(1)}
.index_6:hover h5 { opacity:1; margin-top:30px}
}






.index_7 { padding:60px 0; border-bottom:1px #eee solid}
.index_7 h2 { color:#888; text-transform: uppercase; line-height:30px; font-size:18x; font-weight:normal; margin-bottom:30px; text-align:center}
.index_7 h2 b { color:#DB4813; font-size:30px; line-height:40px; display:block}

.index_7 .bd { width:1400px; margin:0 auto}
.index_7 ul li { float:left; width:16.66%;}
.index_7 ul li img { display:block; width:90%; margin:0 auto}



@media all and (max-width:1440px){
.index_7 { padding:50px 0; }
.index_7 h2 b { font-size:24px;}
.index_7 .bd { width:1100px;}


}

@media all and (max-width:1100px){
.index_7 { padding:30px 0; overflow:hidden}
.index_7 h2 { line-height:20px; font-size:14px;}
.index_7 h2 b { font-size:18px;}

}





.index_8 { padding:60px 0}
.index_8 h2 { color:#888; text-transform: uppercase; line-height:30px; font-size:18x; font-weight:normal; margin-bottom:30px}
.index_8 h2 b { color:#DB4813; font-size:30px; line-height:40px; display:block}

.index_8 ul li { float:left; width:50%; position:relative; background:#fff; padding:30px 0; border-bottom:1px #ddd solid}
.index_8 ul li * { -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_8 ul li img { display:block; width:100%; opacity:0}

.index_8 ul li h4 { font-size:16px; line-height:30px}
.index_8 ul li h3 { font-size:18px; padding-bottom:10px;}
.index_8 ul li h5 {color:#888; padding-bottom:10px}




@media all and (max-width:1440px){
.index_8 { padding:50px 0; }
.index_8 h2 b { font-size:24px;}


.index_8 ul li h3 { font-size:16px;}
.index_8 ul li h5 { font-size:14px;}

}

@media all and (max-width:1100px){
.index_8 { padding:30px 0; overflow:hidden}
.index_8 h2 { line-height:20px; font-size:14px; margin-bottom:10px}
.index_8 h2 b { font-size:18px;}

.index_8 ul li { float:none; width:100%; position:relative; background:#fff; padding:20px 0;}
.index_8 ul li h4 { font-size:14px; line-height:30px}
.index_8 ul li h3 { font-size:16px; padding-bottom:10px;}
}

footer { background:#f0f0f0; padding:15px 0; height:90px}
footer img { display:block; height:90px}
footer .ft { line-height:30px}

@media all and (max-width:1100px){
footer { height:auto}
footer .ft { float:none; text-align:center}
footer .fr { float:none; text-align:center}
footer img { margin:0 auto}
}




.about_1 { width:1400px; margin:0 auto; padding:60px 0}
.about_1 h2 { color:#888; text-align:center; font-size:18px; text-transform:uppercase; font-weight:normal}
.about_1 h2 b { color:#DB4813; font-weight:normal; font-size:30px; display:block; line-height:40px}

.about_1 .a_cn { padding-top:20px; font-size:14px; line-height:30px; color:#666}
.about_1 .a_cn b { font-size:16px; line-height:40px; display:block}
.about_1 ul { width:1400px; margin:0 auto}
.about_1 ul li { float:left; width:33.3%; padding-top:40px}
.about_1 ul li a { display:block; width:375px; margin:0 auto; background:#fafafa; position:relative}
.about_1 ul li img { display:block; margin:0 auto; width:100%}
.about_1 ul li h3 { font-size:16px; line-height:40px; padding-left:20px; padding-top:20px}
.about_1 ul li h4 { font-size:14px; color:#888; padding:0 20px 20px 20px}
.about_1 ul li i { display:block; position:absolute; right:20px; bottom:30px; width:40px; height:40px; text-align:center; line-height:40px; font-size:24px; color:#fff; background:#DB4813; border-radius:50%;  -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; opacity:0;}

.about_1 ul li a:hover { box-shadow:0 0 10px #aaa; background:#f5f5f5}
.about_1 ul li a:hover i { opacity:1; bottom:90px}




@media all and (max-width:1440px){
.about_1 { width:1100px; padding:50px 0}
.about_1 h2 b { font-size:24px}

.about_1 ul { width:1110px;}
.about_1 ul li a { width:340px;}
}

@media all and (max-width:1100px){
.about_1 { width:90%; padding:30px 0}
.about_1 h2 { line-height:20px; font-size:14px; margin-bottom:10px}
.about_1 h2 b { font-size:18px;}

.about_1 ul { display:none;}
.about_1 ul li a { width:340px;}

}


.about_2 { height:745px; background:url(../images/about_bg1.jpg); background-size:auto 100%; line-height:24px}
.about_2 h2 { color:#888; font-size:18px; text-transform:uppercase; font-weight:normal; padding-top:100px}
.about_2 h2 b { color:#DB4813; font-weight:normal; font-size:30px; display:block; line-height:40px}

.about_2 .abou_zc { padding-top:30px; font-size:14px; line-height:30px; width:800px}
.about_2 .abou_zc .tar { padding-top:40px}


@media all and (max-width:1440px){
.about_2 { height:600px}
.about_2 h2 { padding-top:70px}
.about_2 h2 b { font-size:24px}

.about_2 .abou_zc { width:700px}
}
@media all and (max-width:1100px){
.about_2 { height:auto; padding-bottom:30px}
.about_2 h2 { line-height:20px; font-size:14px; margin-bottom:10px; padding-top:40px}
.about_2 h2 b { font-size:18px;}

.about_2 .abou_zc { width:100%}
}



.about_3 { width:1400px; margin:0 auto; padding:60px 0}
.about_3 h2 { color:#888; text-align:center; font-size:18px; text-transform:uppercase; font-weight:normal}
.about_3 h2 b { color:#DB4813; font-weight:normal; font-size:30px; display:block; line-height:40px}

.about_3 ul li { float:left; width:500px}
.about_3 ul li h4 { padding-top:10px; line-height:40px; font-size:16px; color:#DB4813}
.about_3 ul li:nth-child(1) { width:600px}
.about_3 ul li:nth-child(2) { width:300px}

@media all and (max-width:1440px){
.about_3 { width:1100px; padding:50px 0}
.about_3 h2 b { font-size:24px}

.about_3 ul li { width:350px}
.about_3 ul li:nth-child(1) { width:450px}
.about_3 ul li:nth-child(2) { width:300px}
}
@media all and (max-width:1100px){
.about_3 { width:90%; padding:30px 0}
.about_3 h2 { line-height:20px; font-size:14px; margin-bottom:10px}
.about_3 h2 b { font-size:18px;}


.about_3 ul li { width:auto; float:none}
.about_3 ul li:nth-child(1) { width:auto}
.about_3 ul li:nth-child(2) { width:auto}
}



.about_4 { padding:60px 0; border-bottom:1px #ddd solid}
.about_4 h2 { color:#888; font-size:18px; text-transform:uppercase; font-weight:normal;}
.about_4 h2 b { color:#DB4813; font-weight:normal; font-size:30px; display:block; line-height:40px}

.about_4 .jgzn { margin:20px 0 30px 0; height:379px; background:url(../images/about_6.png); position:relative; width:1000px; margin:0 auto; margin-top:30px}
.about_4 .jgzn .jgzn_1 { position:absolute; top:15px; left:25px; width:455px}
.about_4 .jgzn .jgzn_2 { position:absolute; top:15px; left:525px; width:255px}
.about_4 .jgzn .jgzn_3 { position:absolute; top:230px; left:25px; width:265px}
.about_4 .jgzn .jgzn_4 { position:absolute; top:230px; left:365px; width:265px}
.about_4 .jgzn .jgzn_5 { position:absolute; top:230px; left:697px; width:265px}
.about_4 .jgzn h3 { font-size:16px; font-weight:bold; color:#A87C4D; line-height:30px} 
.about_4 .jgzn h4 { color:#666; line-height:24px}

.about_4 h5 { text-align:center; font-size:12px}
.about_4 h5 a { border:1px #757575 solid; padding:3px 10px 3px 25px; font-size:12px; background:url(../images/ico_6.jpg) left no-repeat  #fff}


@media all and (max-width:1440px){
.about_4 { padding:50px 0}
.about_4 h2 b { font-size:24px}


}

@media all and (max-width:1100px){
.about_4 { padding:30px 0}
.about_4 h2 { line-height:20px; font-size:14px; margin-bottom:10px}
.about_4 h2 b { font-size:18px;}

.about_4 .jgzn { margin:20px 0 30px 0; height:auto; background:none; position:relative; width:auto; margin-top:0px}
.about_4 .jgzn .jgzn_1 { position:relative; top:auto; left:auto; width:auto; padding-bottom:20px}
.about_4 .jgzn .jgzn_2 { position:relative; top:auto; left:auto; width:auto; padding-bottom:20px}
.about_4 .jgzn .jgzn_3 { position:relative; top:auto; left:auto; width:auto; padding-bottom:20px}
.about_4 .jgzn .jgzn_4 { position:relative; top:auto; left:auto; width:auto; padding-bottom:20px}
.about_4 .jgzn .jgzn_5 { position:relative; top:auto; left:auto; width:auto; padding-bottom:20px}
.about_4 .jgzn h3 { font-size:16px; font-weight:bold; color:#A87C4D; line-height:30px} 
.about_4 .jgzn h4 { color:#666; line-height:24px}

}





.about_5 { height:331px; background:url(../images/about_1.jpg); min-width:1100px; text-align:center}
.about_5 img { display:block; margin:0 auto}


@media all and (max-width:1100px){

.about_5 { height:auto; min-width:inherit; text-align:center}
.about_5 img { width:100%}

}



.banner_a { min-width:1100px; margin:0 auto; height:401px; background:url(../images/banner_about.jpg) top no-repeat; position:relative}
.banner_cs { min-width:1100px; margin:0 auto; height:401px; background:url(../images/banner_cs.jpg) top no-repeat; position:relative}
.banner_xw { min-width:1100px; margin:0 auto; height:401px; background:url(../images/banner_xw.jpg) top no-repeat; position:relative}
.banner_zc { min-width:1100px; margin:0 auto; height:401px; background:url(../images/banner_zc.jpg) top no-repeat; position:relative}
.banner_ax { min-width:1100px; margin:0 auto; height:401px; background:url(../images/banner_ax.jpg) top no-repeat; position:relative}


@media all and (max-width:1100px){
.banner_a { min-width:inherit; margin:0 auto; height:240px; background:url(../images/banner_about.jpg) top no-repeat; background-size:auto 100%}
.banner_cs { min-width:inherit; margin:0 auto; height:240px; background:url(../images/banner_cs.jpg) top no-repeat; background-size:auto 100%}
.banner_xw { min-width:inherit; margin:0 auto; height:240px; background:url(../images/banner_xw.jpg) top no-repeat; background-size:auto 100%}
.banner_zc { min-width:inherit; margin:0 auto; height:240px; background:url(../images/banner_zc.jpg) top no-repeat; background-size:auto 100%}
.banner_ax { min-width:inherit; margin:0 auto; height:240px; background:url(../images/banner_ax.jpg) top no-repeat; background-size:auto 100%}
}

@media all and (max-width:560px){
.banner_a { height:180px}
.banner_cs { height:180px}
.banner_xw { height:180px}
.banner_zc { height:180px}
.banner_ax { height:180px}
}



.about_6 { padding:60px 0; background:#f5f5f5}
.about_6 h2 { color:#888; font-size:18px; text-transform:uppercase; font-weight:normal;}
.about_6 h2 b { color:#DB4813; font-weight:normal; font-size:30px; display:block; line-height:40px}

.about_6 ul { width:1410px}
.about_6 ul li { float:left; width:235px; padding-top:30px}
.about_6 ul li img { width:210px; height:210px; border-radius:50%}
.about_6 ul li h4 { width:210px; text-align:center; padding-top:10px; line-height:40px; font-size:16px}
.about_6 ul li h5 { width:210px; text-align:center; line-height:30px; color:#888}


@media all and (max-width:1440px){
.about_6 { padding:50px 0}
.about_6 h2 b { font-size:24px}

.about_6 ul { width:1110px}
.about_6 ul li {  width:185px;}
.about_6 ul li img { width:175px; height:175px}
.about_6 ul li h4 { width:175px; font-size:14px}
.about_6 ul li h5 { width:175px;}

}

@media all and (max-width:1100px){
.about_6 { padding:30px 0}
.about_6 h2 { line-height:20px; font-size:14px; margin-bottom:10px}
.about_6 h2 b { font-size:18px;}

.about_6 ul { width:100%}
.about_6 ul li {  width:33.3%;}
.about_6 ul li img { width:90px; height:90px; margin:0 auto}
.about_6 ul li h4 { width:90%; margin:0 auto; font-size:14px; line-height:20px}
.about_6 ul li h5 { width:90%; margin:0 auto; font-size:12px; line-height:16px}


}




.list { width:1400px; margin:0 auto; padding:0px 0 40px 0}
.list .about_t { text-align:right; line-height:30px; padding-bottom:20px}

.list .list_l { height:40px; line-height:40px; background:#f5f5f5}
.list .list_l ul li { float:left}
.list .list_l ul li a { display:block; padding:0 30px; line-height:40px; font-size:16px; border-right:2px #fff solid}
.list .list_l ul li.lm_on a { background:#DB4813; color:#fff}


.list .list_r {}
.list .list_r .xiangmu {}
.list .list_r .xiangmu ul { width:1440px; margin:0 auto}
.list .list_r .xiangmu ul li { float:left; width:480px}
.list .list_r .xiangmu ul li a { display:block; padding:220px 0 20px 0; width:440px; overflow:hidden; position:relative}
.list .list_r .xiangmu ul li img { width:400px; height:240px; position:absolute; top:20px; left:20px; z-index:11}
.list .list_r .xiangmu ul li h3 { width:320px; background:#fff; margin:0 auto; position:relative; z-index:22; padding:20px 20px 10px 20px; font-size:16px; line-height:30px; height:60px}
.list .list_r .xiangmu ul li h4 { width:320px; margin:0 auto; color:#888; height:120px}
.list .list_r .xiangmu ul li h5 { position:absolute; width:120px; text-align:center; line-height:42px; height:42px; background:#DB4813; color:#fff; left:160px; top:100px; z-index:33; opacity:0}
.list .list_r .xiangmu ul li * { -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.list .list_r .xiangmu ul li a:hover img { transform:scale(1.05)}
.list .list_r .xiangmu ul li a:hover h5 { opacity:1}

@media all and (max-width:1480px){
.list { width:1100px;}
.list .list_r .xiangmu ul { width:1122px;}
.list .list_r .xiangmu ul li { width:374px}

.list .list_r .xiangmu ul li a { padding:160px 0 20px 0; width:352px;}
.list .list_r .xiangmu ul li img { width:352px; height:180px; top:20px; left:0;}
.list .list_r .xiangmu ul li h5 { left:116px; top:80px;}
.list .list_r .xiangmu ul li h3 { width:280px; padding:20px 15px 10px 15px;}
.list .list_r .xiangmu ul li h4 { width:280px}


}

@media all and (max-width:1100px){
.list { width:90%;}
.list .about_t { font-size:12px; padding-top:5px}

.list .list_l { height:auto; line-height:32px; background:#f5f5f5; overflow:hidden}
.list .list_l ul li { float:left}
.list .list_l ul li a { display:block; padding:0 20px; line-height:32px; font-size:14px; border-right:2px #fff solid}
.list .list_l ul li.lm_on a { background:#DB4813; color:#fff}



.list .list_r .xiangmu ul { width:748px;}

}

@media all and (max-width:750px){
.list .list_r .xiangmu ul { width:100%;}
.list .list_r .xiangmu ul li { width:auto; float:none}

.list .list_r .xiangmu ul li a { padding:160px 0 20px 0; width:100%;}
.list .list_r .xiangmu ul li img { width:352px; height:180px; top:20px; left:50%; margin-left:-186px}

.list .list_r .xiangmu ul li h3 { width:90%; padding:20px 15px 10px 15px; left:0; height:auto}
.list .list_r .xiangmu ul li h4 { width:90%; left:0}
}



.pages{ overflow:hidden; clear:both; height:60px}
.pages ul{ text-align:center;}
.pages ul li{ display:inline; line-height:30px; margin:0px 3px 5px;}
.pages ul li a { color:#343434; padding:5px 10px; background:#dedede;}
.pages ul li:hover a{ background:#DB4813; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}
.pages ul li:hover a {color:#fff; text-decoration:none; }
.pages ul li.thisclass a { background:#DB4813; color:#fff;}






.news_list { padding:20px 0; margin:0 auto;}
.news_list ul { width:1400px; margin:0 auto}
.news_list ul li { position:relative; border-bottom:1px #ddd solid}
.news_list ul li a { display:block; padding:25px 0; height:130px}
.news_list ul li h4 { float:left; width:100px; position:relative}
.news_list ul li h4 i { position:absolute; left:0; width:15px; top:32px; height:1px; background:#DB4813}
.news_list ul li h4 b { display:block; font-size:18px; padding-top:15px}
.news_list ul li img { display:block; height:130px; float:left; margin-right:50px; width:280px}
.news_list ul li h3 { font-size:18px; line-height:30px; padding-top:30px; padding-right:80px}
.news_list ul li i.fa-long-arrow-right { display:block; position:absolute; top:50%; margin-top:-15px; height:30px; right:0; border-left:1px #ddd solid; width:60px; line-height:30px; text-align:right; font-size:24px}
.news_list ul li p { display:block; position:absolute; left:0; width:0; background:#DB4813; bottom:0; height:1px}



@media all and (max-width:1480px){
.news_list ul { width:1100px}

}

@media all and (max-width:1100px){
.news_list { padding:30px 0}
.news_list ul { width:90%}
.news_list ul li a { padding:25px 0 15px 0; height:auto}
.news_list ul li h4 { float:none; width:auto; position:absolute; right:0; top:25px; width:60px}
.news_list ul li img { float:none; margin:0; height:auto; width:70%}
.news_list ul li h3 { font-size:16px; line-height:30px; padding-top:20px; clear:both; padding-right:0}
.news_list ul li h4 { text-align:center}
.news_list ul li h4 i { left:50%; margin-left:-7px}
.news_list ul li i.fa-long-arrow-right { display:none}
}


.news_id { padding:50px 0; width:1400px; margin:0 auto}
.news_id .news_title { padding-bottom:20px; border-bottom:1px #ddd solid}
.news_id .news_title h1 { font-size:24px; text-align:center; padding-bottom:20px}
.news_id .news_title h3 { text-align:center; color:#888}

.news_id .news_text { padding:30px; font-size:16px; line-height:32px}
.news_id .news_text img { display:block; max-width:100%; margin:0 auto}



@media all and (max-width:1480px){
.news_id { padding:40px 0; width:1100px;}


}
@media all and (max-width:1100px){
.news_id { width:90%;}
.news_id .news_title h1 { font-size:18px;}
.news_id .news_text { padding:20px 0}

.news_id table { width:100% !important}
.news_id .news_text img { height:auto !important; max-width:100%}
}





.zhengce { padding:10px 0}
.zhengce ul li { border-bottom:1px #eee solid; padding-bottom:30px}
.zhengce ul li h3 { padding-bottom:10px; padding-top:25px; font-size:18px}
.zhengce ul li h4 { color:#888}
.zhengce ul li h5 { display:none}
.zhengce ul li h5 a { border:1px #757575 solid; padding:3px 10px 3px 25px; font-size:12px; background:url(../images/ico_6.jpg) left no-repeat}




.shangxia { height:60px; padding-top:15px; color:#888; border-top:1px #ddd solid}


@media all and (max-width:1100px){
.shangxia { height:auto;}
.shangxia .ft { float:none}
.shangxia .fr { float:none; text-align:right}
}