@charset "utf-8";

@font-face {
  font-family: 'HarmonyOS';
  src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
}
@font-face {
  font-family: 'GemunuLibre';
  src: url("../fonts/avantibold.ttf");
}

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"HarmonyOS","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; min-width:1200px}
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;}

.bg1 { background:#F0F2F5}


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:#F4A522}
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:1200px; margin:0 auto}

@media all and (max-width:1100px){
body { min-width:inherit}
}
@media all and (max-width:1400px){
.w100 { width:90%}
}


header { height:80px; position:fixed; left:0; right:0; top:0; background:#fff; z-index:222; border-bottom:1px #ddd solid}
header .w100 { width:90%}
header .logos { float:left; padding-top:20px}
header .logos img { display:block}

header nav { width:1000px; margin:0 auto; position:relative; z-index:33}
header nav ul li { float:left; padding:0 50px; font-size:18px; height:80px; line-height:80px; position:relative}
header nav ul li h3 { display:none; position:absolute; left:0; top:90px; width:100%; background:#F9F9FD; padding:10px 0; width:130px}
header nav ul li h3 a { display:block; text-align:center; line-height:36px; color:#666}
header nav ul li i { font-size:24px; padding-right:5px}
header nav ul li.nav_on a { color:#F4A522}
header nav ul li.nav_on h3 a { color:#666}

header .head2 { float:right; width:92px; padding-top:35px; position:relative; z-index:444}
header .head2 a { display:block; float:left; line-height:12px; border-left:2px #595758 solid; padding-left:15px; font-size:16px}
header .head2 i.fa-search { display:block; line-height:12px; font-size:16px; cursor:pointer; float:right}

header .head2 form { display:none; width:240px; height: 32px;background:#eee; border:1px solid #ddd; border-radius: 2px; position:absolute; right:0; top:25px}
header .head2 i.i2 { display:block; width:30px; height:18px; background:url(../images/head_ss1.png) center no-repeat; background-size:auto 100%; float:left; margin-top:6px;}
header .head2 .inp1 { position:absolute; left:0; top:0; width:30px; height:30px; opacity:0; cursor:pointer}
header .head2 .inp2 { width:160px; line-height:30px; height:30px; background:none; float:left; padding-left:10px}
header .head2 i.i3 { display:block; width:30px; height:18px; background:url(../images/guanbi.png) center no-repeat; background-size:auto 100%; position:absolute; top:6px; right:0; cursor:pointer}

header .head_r { display:none}


@media all and (max-width:1400px){
header { height:60px;}
header .logos { padding-top:10px}
header .head2 { padding-top:25px;}
header nav { width:750px;}
header nav ul li { padding:0 30px; font-size:16px; height:60px; line-height:60px}


}

@media all and (max-width:1000px){
header { height:50px;}
header .logos img { height:30px}
header .head2 { padding-top:20px}

header nav { background:#fff; left:0; right:0; top:50px; height:auto; bottom:auto; padding:10px 0; display:none; position:absolute}
header nav ul li { padding:0; float:none; line-height:50px; height:auto; position:relative; border-top:1px #ccc solid}
header nav ul li a { padding:0 15px; color:#666; display:block}
header nav ul li i { display:none}
header nav ul li.nav_on i { display:none}

header nav ul li.nav_on2 { background:#67A5D4}
header nav ul li.nav_on2 i { background:#67A5D4}
header nav ul li h3 { position:relative; left:auto; top:auto; height:auto; background:#fff; overflow:hidden ; color:#888; padding:10px 15px}
header nav ul li h3 a { display:block; float:left; width:33.3%; border:0 none; padding:0; line-height:34px; height:34px; font-size:14px}

header .head_r { display:block; line-height:50px; float:right; padding-left:20px}
header .head_r i { font-size:18px; line-height:50px; color:#F4A522}
}
@media all and (max-width:560px){
header { height:50px;}
header .logos { padding-top:10px;}
header .logos img { height:30px}
header .head_r { line-height:50px;}
header .head_r {line-height:50px;}
header .head_r i {line-height:50px;}
header .head2 { padding-top:20px;}
}
.banner { height:715px; position:relative}
.banner .bd { height:715px}
.banner .bd ul li { height:715px; position:relative; overflow:hidden; animation-name: likes; animation-timing-function: linear; animation-duration: 20s; animation-iteration-count:infinite}
.banner .bd ul li h3 { display:none; position:absolute; left:8%; font-size:60px; line-height:70px; top:50%; margin-top:-200px; font-weight:bold; color:#000; padding-top:50px; opacity:0}
.banner .bd ul li h3 span { display:block; color:#F8A52E}
.banner .bd ul li h4 { display:none; position:absolute; left:8%; font-size:24px; line-height:40px; margin-top:30px; top:50%; padding-top:50px; opacity:0 }
.banner .bd ul li .pc { display:none; position:absolute; left:50%; height:100%; top:0}
.banner .bd ul li .mob { display:none}

.banner .bd ul li:nth-child(2) h3 { left:0; width:100%; top:auto; bottom:15%; text-align:center}

.banner .bd ul li:nth-child(1) h3 { left:0; width:100%; text-align:center}
.banner .bd ul li:nth-child(1) h4 {left:0; width:100%; font-size:24px; line-height:40px; color:#fff; text-align:center; margin-top:50px; }

.banner .bd ul li:nth-child(4) h3 { left:0; width:100%; text-align:center}


.banner .hd { position:absolute; left:0; width:100%; text-align:center; bottom:20px; transform:scale(0.7)}
.banner .hd ul li { display:inline; cursor:pointer; padding:0 10px}
.banner .hd ul li i { font-size:18px; color:#aaa}
.banner .hd ul li.on i { color:#fff}

.banner .bu { display:block; background:url(../images/banner_ico.png); width:166px; height:121px; position:absolute; bottom:10%; left:10%; display:none}
.banner .bu a { display:block; width:77px; height:77px; cursor:pointer; position:absolute}
.banner .bu a.prev { left:0; bottom:0}
.banner .bu a.next { right:0; top:0}


@media all and (max-width:1400px){
.banner .bd ul li h3 { font-size:40px; line-height:50px; margin-top:-150px;}
.banner .bd ul li h4 { font-size:18px; line-height:34px;}

.banner .bd ul li:nth-child(1) h3 img { max-width:40%}
.banner .bd ul li:nth-child(1) h4 { font-size:18px; line-height:34px;}
.banner .bd ul li:nth-child(2) h3 img { max-width:20%}

.banner .bd ul li:nth-child(1) h4 img { max-width:50%}
.banner .bd ul li:nth-child(4) h3 img { max-width:40%}
}

@media all and (max-width:1000px){
.banner { height:auto; position:relative}
.banner .bd { height:auto}
.banner .bd ul li { height:auto; position:relative}
.banner .bd ul li .mob { display:block; width:100%}
.banner .bd ul li .pc { display:none}
.banner .bd ul li h3 { display:none}
.banner .bd ul li h4 { display:none}

.banner .hd { bottom:13%; transform:scale(0.6)}
}


.index_1 { position:relative; padding-top:80px; background:url(../images/index_bus.jpg) right no-repeat; background-size:auto 100%; overflow:hidden}
.index_1 img { position:relative; display:block; width:100%; z-index:1}
.index_1 h2 { position:absolute; left:5%; top:20%; font-size:48px; line-height:60px; font-weight:bold; color:#B7B7B7; z-index:22; text-transform:uppercase}
.index_1 .bd { position:absolute; left:5%; top:60%; z-index:22}
.index_1 .bd h3 { font-family:'haasgrotesk'; color:#FCA520; font-size:16px}
.index_1 .bd h1 { font-size:36px; line-height:40px; padding:20px 0}
.index_1 .bd h4 { font-size:18px}

#bannervideo { position: absolute; left:0; top:80px; width:100%; bottom:0; z-index:333; opacity:0;}
#bannervideo::-webkit-media-controls{
        display:none !important;
    }
.bg2 { position: absolute; left:0; top:80px; width:100%; bottom:0; z-index:332; background:#fff;}

.mob { display:none}
.mob1 { display:none}
.index_1 img.mob { display:none}


@media all and (max-width:1400px){
.index_1 h2 { font-size:36px}
.index_1 .bd h1 { font-size:30px; line-height:44px;}


}
@media all and (max-width:1000px){
.index_1 { padding-top:0px; height:auto; margin-top:30px}
.index_1 h2 { font-size:18px; top:auto; bottom:5%;}

.index_1 .bd { top:5%;}
.index_1 .bd h3 { font-size:12px}
.index_1 .bd h1 { font-size:16px; line-height:26px; padding:10px 0}
.index_1 .bd h4 { font-size:14px; line-height:20px}

.mob1 { display:block; width:90%; margin:0 auto}
.mob1 h3 { font-size:16px; font-weight:bold; line-height:24px; text-transform:uppercase; padding-top:0px; text-transform:uppercase}
.mob1 h3 span { color:#FCA520; display:block}
.mob1 h4 { font-size:20px; font-weight:bold; color:#000; line-height:30px; padding-bottom:15px; position:relative; margin-bottom:15px}
.mob1 h4 i { display:block; position:absolute; left:0; bottom:0px; width:30px; height:2px; background:#aaa}

.mob1 a { display:block; width:100px; text-align:center; height:32px; line-height:32px; border:1px #454545 solid; font-size:12px; text-transform:uppercase; margin:0 auto; margin-top:20px}
.mob1 a:hover { background:#454545; color:#fff}

.mob { display:block}
.index_1 img.mob { display:none}

#bannervideo { top:0; position:relative; left:auto; top:auto}
.bg2 { display:none}
.index_1 h2 { display:none}
.index_1 .bd { display:none}
.index_1 img { display:none}
}




.index_2 { background:url(../images/index_bg2.jpg) center; background-size:100% 100%; padding-top:80px; position:relative}
.index_2 .w100 { width:90%}
.index_2 h2 { font-size:30px; font-weight:bold; line-height:40px; position:absolute; top:15%; left:5%}
.index_2 h2 span { font-family:'haasgrotesk'; color:#FCA520; font-size:16px; display:block; font-weight:normal}

@media all and (max-width:1400px){
.index_2 { padding:60px 0}


}
@media all and (max-width:1000px){
.index_2 { padding:30px 0; background:url(../images/index_bg2.jpg) center; background-size:auto 100%}
.index_2 h2 { font-size:20px; line-height:30px; position:relative; top:auto; left:auto; padding-bottom:15px}
.index_2 h2 span { font-size:12px}

}


.index_2 .bd { position:absolute; top:30%; left:5%; width:90%; margin-top:50px; opacity:0}
.index_2 .bd ul li { float:left; width:33.3%; position:relative}
.index_2 .bd ul li img { display:block; width:90%; margin:0 auto;}
.index_2 .bd ul li a { display:block; position:absolute; top:0; left:5%; width:90%; height:100%; background:url(../images/index_ico1.png); background-size:100% 100%; opacity:0; }
.index_2 .bd ul li h3 { position:absolute; right:-30px; top:0; background:#F9A61A; color:#fff; border-radius:20px; width:200px; padding:10px 20px; line-height:20px;}
.index_2 .bd ul li a:hover { opacity:1}


.index_2 .hd { position:absolute; bottom:10%; left:5%; width:90%; margin-top:50px; text-align:center; transform:scale(0.7)}
.index_2 .hd ul li { display:inline; cursor:pointer; padding:0 10px}
.index_2 .hd ul li i { font-size:18px; color:#aaa}
.index_2 .hd ul li.on i { color:#FCA520}


@media all and (max-width:1000px){
.index_2 .bd { position:relative; top:auto; left:auto; margin:15px auto; width:100%; opacity:1}
.index_2 .bd ul li { float:none; width:auto; position:relative;}
.index_2 .bd ul li a { opacity:1}

.index_2 .hd { bottom:15px}
.index_2 .bd ul li h3 { right:0px; border-radius:10px; width:150px; font-size:12px; padding:5px 10px; line-height:20px;}
.index_2 .mob { padding-bottom:20px}


}



.index_3 { background:url(../images/index_bg3.jpg) no-repeat 0 80px; background-size:100% auto; position:relative;}
.index_3 .w100 { width:90%}
.index_3 .w100.tixi1 { position:absolute; bottom:30%; margin-bottom:20px; right:95%; opacity:0}
.index_3 .w100.tixi2 { position:absolute; top:70%; margin-top:20px; left:95%; opacity:0}


.index_3 h2 { position:absolute; top:120px; left:5%; font-family:'haasgrotesk'; color:#fff; font-size:16px; display:block; font-weight:normal}
.index_3 h3 { width:90%; margin:0 auto; padding-top:120px; height:180px}
.index_3 h3 b { display:block; font-size:30px; line-height:40px; color:#fff; text-align:center; padding-right:150px}
.index_3 h3 p { color:#fff; position:absolute; left:50%; margin-left:50px; font-size:18px; line-height:30px; top:120px}

.index_3 .w100 ul { float:right; width:80%}
.index_3 .w100 ul li { float:left; width:33.3%;}
.index_3 .w100 ul li a { display:block; width:90%; position:relative; float:right; cursor:pointer}
.index_3 .w100 ul li img { display:block; width:100%}

.index_3 .w100 ul li p { position:absolute; z-index:22; left:0; right:0; top:0; bottom:0; background:#000; opacity:0;}
.index_3 .w100 ul li h4 { position:absolute; left:5%; bottom:10%; color:#fff; font-size:18px; z-index:33; padding-top:15px}
.index_3 .w100 ul li h4 i { display:block; width:46px; height:3px; background:#fff; left:0; top:0; position:absolute}

.index_3 .w100 ul.ft { float:left}
.index_3 .w100 ul.ft li a { float:left}

.index_3 .bd { display:none}
.index_3 .hd { display:none}

@media all and (max-width:1400px){
.index_3 { background:url(../images/index_bg3.jpg) no-repeat 0 60px; background-size:100% auto;}
.index_3 .w100 ul li h4 { font-size:18px}

.index_3 h2 { top:80px;}
.index_3 h3 { padding-top:80px; height:140px}
.index_3 h3 b { font-size:24px;}
.index_3 h3 p { font-size:14px; line-height:28px; top:80px}

.index_3 .w100 ul { width:75%}
.index_3 .w100 ul li { padding-bottom:30px}


}


@media all and (max-width:1000px){
.index_3 { background:url(../images/index_bg3.jpg) no-repeat 0 0; background-size:100% 100%; padding-bottom:30px}
.index_3 h2 { position: relative; top:auto; left:auto; font-size:12px; width:90%; margin:0 auto; padding-top:30px}

.index_3 .w100.tixi1 { position:relative; bottom:auto; margin-bottom:0; right:auto; opacity:1}
.index_3 .w100.tixi2 { position:relative; top:auto; margin-top:0; left:auto; opacity:1}

.index_3 h3 { width:90%; margin:0 auto; padding-top:10px; height:auto; padding-bottom:30px}
.index_3 h3 b { display:block; font-size:20px; line-height:20px; padding-right:0px; text-align:left; padding-bottom:15px}
.index_3 h3 p { position:relative; left:auto; margin-left:0px; font-size:14px; line-height:26px; top:auto;}

.index_3 .w100 { display:none}
.index_3 .w100 ul { width:100%; float:none}
.index_3 .w100 ul li { padding-bottom:10px}
.index_3 .w100 ul li a { display:block; width:95%; float:none; margin:0 auto}

.index_3 .w100 ul.ft { float:none}
.index_3 .w100 ul.ft li a { float:none}

.index_3 .w100 ul li h4 { font-size:12px; line-height:20px; text-overflow:ellipsis; white-space: nowrap;}
.index_3 .w100 ul li h4 i { display:none}

.index_3 .bd { display:block}
.index_3 .hd { display:block}

.index_3 .bd { width:90%; margin:0 auto}
.index_3 .bd ul li { position:relative; overflow:hidden}
.index_3 .bd ul li img { display:block; width:100%}

.index_3 .bd ul li p { position:absolute; z-index:22; left:0; right:0; top:0; bottom:0; background:#000; opacity:0;}
.index_3 .bd ul li h4 { position:absolute; left:5%; bottom:10%; color:#fff; font-size:18px; z-index:33; padding-top:15px}
.index_3 .bd ul li h4 i { display:block; width:46px; height:3px; background:#fff; left:0; top:0; position:absolute}

.index_3 .hd { text-align:center; transform:scale(0.7); padding-top:20px}
.index_3 .hd ul li { display:inline; cursor:pointer; padding:0 10px}
.index_3 .hd ul li i { font-size:18px; color:#aaa}
.index_3 .hd ul li.on i { color:#fff}
}


.index_4 { padding-top:80px; position:relative}
.index_4 h2 { position:absolute; top:120px; left:5%; font-family:'GemunuLibre'; color:#FCA520; font-size:16px; display:block; font-weight:normal}
.index_4 .w100 { width:90%; margin:0 auto}

.index_4 .news_l { float:left; width:22%; padding-top:60px; opacity:0}
.index_4 .news_l h3 { font-size:24px; font-weight:bold; line-height:30px; text-transform:uppercase; padding-top:50px; text-transform:uppercase}
.index_4 .news_l h3 span { color:#FCA520; display:block}
.index_4 .news_l h4 { font-size:30px; font-weight:bold; color:#000; line-height:40px; padding-bottom:40px}
.index_4 .news_l a { display:block; width:140px; text-align:center; height:50px; line-height:50px; border:1px #454545 solid; font-size:16px; text-transform:uppercase}
.index_4 .news_l a:hover { background:#454545; color:#fff}


@media all and (max-width:1400px){
.index_4 { padding-top:80px;}
.index_4 h2 { top:90px; font-size:14px;}
.index_4 .news_l h3 { font-size:24px; line-height:34px;}
.index_4 .news_l h4 { font-size:24px;}
.index_4 .news_l a { width:120px; height:38px; line-height:38px; font-size:14px}
}
@media all and (max-width:1000px){
.index_4 { padding-top:40px;}
.index_4 h2 { display:none}
.index_4 .news_l { float:none; width:auto; padding-top:0px; opacity:1}
.index_4 .news_l h3 { font-size:16px; padding-top:0; line-height:24px}
.index_4 .news_l h4 { font-size:22px; padding-bottom:10px}
.index_4 .news_l a { width:100px; text-align:center; height:34px; line-height:34px; font-size:12px; position:absolute; top:50px; right:5%}
	
}
.index_4 .news_r { width:78%; float:right; padding-top:60px; margin-top:50px; opacity:0}
.index_4 .news_r ul li { float:left; width:33.3%}
.index_4 .news_r ul li a { display:block; width:90%; float:right; position:relative; overflow:hidden}
.index_4 .news_r ul li a:hover { box-shadow:0 0 5px #ccc}
.index_4 .news_r ul li img { display:block; width:100%; position:relative; z-index:1}
.index_4 .news_r ul li img.p2 { position:absolute; left:0; top:0; z-index:11}

.index_4 .news_r ul li h4 { padding-top:10px; line-height:30px; font-size:14px; font-family:'haasgrotesk'; color:#FCA520; text-transform:uppercase; background:#fff; position:relative; z-index:22; padding-left:10px}
.index_4 .news_r ul li h3 { font-size:18px; line-height:30px; height:60px; font-weight:bold; padding:0 10px}
.index_4 .news_r ul li h5 { font-size:16px; line-height:30px; padding-left:10px; padding-bottom:10px}



@media all and (max-width:1400px){
.index_4 .news_r { padding-top:10px}
.index_4 .news_r ul li h4 { font-size:14px}
.index_4 .news_r ul li h3 { font-size:18px; line-height:26px}
.index_4 .news_r ul li h5 { font-size:14px; line-height:20px;}
.index_4 .news_r ul li h3 { font-size:16px; }
}

@media all and (max-width:1000px){
.index_4 .news_r { float:none; width:auto; margin-top:0px; opacity:1}
.index_4 .news_r ul li { float:none; width:auto; padding-bottom:20px}
.index_4 .news_r ul li a { float:none; width:100%}
.index_4 .news_r ul li img { max-width:100%}
.index_4 .news_r ul li img.p2 { opacity:0}
.index_4 .news_r ul li h4 { font-size:14px}
.index_4 .news_r ul li h3 { font-size:18px; line-height:26px; height:auto}
.index_4 .news_r ul li h5 { font-size:14px; line-height:20px;}
.index_4 .news_r ul li h3 { font-size:16px; }
}









footer { padding:30px 0; background:#000000;}
footer .w100 { width:90%}

footer.f2 { position:absolute; left:0; bottom:0; width:100%; z-index:2222}

footer .foot_l { float:left; width:700px}
footer .foot_l img { display:block; padding-bottom:60px}
footer .foot_l ul li { line-height:36px; position:relative; color:#ccc}
footer .foot_l ul li h3 { float:left; width:120px}
footer .foot_l ul li h4 { float:left; width:330px}
footer .foot_l ul li a { display:block; color:#ccc}


@media all and (max-width:1400px){
footer { padding:15px 0;}
footer .foot_l { width:500px}
footer .foot_l img { padding-bottom:15px; padding-top:5px}
footer .foot_l ul li { line-height:24px; font-size:12px}
footer .foot_l ul li h3 { width:80px; font-size:12px}
footer .foot_l ul li h4 { width:230px; font-size:12px}

}

@media all and (max-width:1000px){
footer .foot_l { width:auto; float:none; padding-top:20px}
footer .foot_l img { max-width:60%}
footer .foot_l ul li h4 { width:auto; float:none; font-size:12px}
}

footer .foot_r { float:right; width:40%;}
footer .foot_r h3 { color:#999; font-size:12px; line-height:34px; text-align:right; padding-bottom:10px}
footer .foot_r h3 i { padding-left:10px}

footer .foot_r .foo_nav { float:right; width:198px; height:60px; border:1px #fff solid; border-radius:20px 0 20px 20px; position:relative}
footer .foot_r .foo_nav a { display:block; line-height:60px; padding-left:20px; color:#fff}
footer .foot_r .foo_nav h4 { position:absolute; left:0; bottom:100%; width:100%; background:#000; display:none}
footer .foot_r .foo_nav h4 a { line-height:40px; border-bottom:1px #666 solid;}
footer .foot_r .foo_nav h4 a:hover { background:#333}

footer .foot_r .foo_link { clear:both; float:right; width:130px; height:36px; background:url(../images/index_ico3.png) center no-repeat; margin-top:25px; margin-bottom:20px}
footer .foot_r .foo_link a { display:block; width:43px; height:36px; cursor:pointer; float:left; position:relative}
footer .foot_r .foo_link img { display:none}
footer .foot_r .foo_link a:hover img { display:block; position:absolute; left:0; top:-140px; width:130px}

footer .foot_r h5 { color:#999; font-size:12px; text-align:right}



@media all and (max-width:1400px){
footer .foot_r { width:450px}
footer .foot_r .foo_nav { width:158px; height:40px; border-radius:15px 0 15px 15px; display:none}
footer .foot_r .foo_nav a { line-height:40px}

footer .foot_r .foo_link { margin-top:10px; margin-bottom:10px}
}


@media all and (max-width:1000px){
footer .foot_r { width:auto; float:none; padding-top:20px}
footer .foot_r .foo_link { float:none}
footer .foot_r h5 { text-align:center; line-height:20px; padding-top:10px; border-top:1px #333 solid; margin-top:10px}
}

@media all and (max-width:1000px){
footer.f2 { position: relative; left:auto; bottom:auto; width:100%; z-index:2222}
}

.banner_about { background:url(../images/about_bg1.jpg) top no-repeat; height:460px; margin-top:81px; position:relative; overflow:hidden}
.banner_about h2 { position:absolute; top:50%; line-height:70px; margin-top:-70px; left:0; width:100%; text-align:center; color:#fff; font-size:48px; z-index:22}
.banner_about h2 span { display:block; font-size:24px}
.banner_about .img { background:url(../images/about_bg1.jpg) top no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; animation-name: likes; animation-timing-function: linear; animation-duration: 8s; animation-iteration-count:infinite}

@media all and (max-width:1400px){
.banner_about { background-size:auto 100%; height:350px; margin-top:61px;}
.banner_about h2 { font-size:40px; line-height:60px; margin-top:-60px}
.banner_about .img { background-size:auto 100%;}
}

@media all and (max-width:1000px){
.banner_about { height:150px; margin-top:51px;}
.banner_about h2 { font-size:24px; line-height:40px; margin-top:-40px}
.banner_about h2 span { font-size:18px}
}

.about_1 { display:block; position:relative; margin-top:60px}
.about_1 img { display:block; width:100%; position:relative; z-index:11; padding-top:80px}
.about_1 h1 { position:absolute; top:11%; left:0; width:100%; text-align:center; font-size:42px; color:#333; z-index:22; line-height:50px; text-shadow:3px 3px 5px #fff}
.about_1 .about_cn1 { position:absolute; top:160px; left:50%; margin-left:-600px; width:1200px; text-align:center; font-size:22px; line-height:42px; color:#333; z-index:22; text-shadow:3px 3px 5px #fff}


@media all and (max-width:1400px){
.about_1 h1 { font-size:40px;}
}

@media all and (max-width:1000px){
.about_1 h1 { font-size:18px; top:5%}
.about_1 .about_cn1 { top:22%; left:5%; margin-left:0; width:90%; font-size:12px; line-height:20px;}
}

.about_2 { padding:120px 0 80px 0; width:90%; margin:0 auto; position:relative; overflow:hidden}
.about_2 ul li { float:left; width:33.3%; text-align:center; font-size:60px; line-height:60px}
.about_2 ul li h4 { font-size:18px}

.about_2 .p1 { position:absolute; top:80px; bottom:80px; left:33.3%; width:1px; background:#eee}
.about_2 .p2 { position:absolute; top:80px; bottom:80px; left:66.6%; width:1px; background:#eee}

@media all and (max-width:1400px){
.about_2 { padding:60px 0;}
.about_2 ul li { font-size:48px;}
}
@media all and (max-width:1000px){
.about_2 { padding:0; margin:20px auto}
.about_2 ul li { font-size:18px; line-height:30px}
.about_2 ul li h4 { font-size:14px}

}





.about_3 { width:1440px; margin:0 auto; position:relative; margin-bottom:50px}
.about_3 h2 { font-size:40px; text-align:center; line-height:80px; height:120px; background:url(../images/about_title1.png) top no-repeat; background-size:auto 100%; color:#000; letter-spacing:5px}


.about_3 .about_lc { display:block; padding-top:80px; overflow:hidden; position:relative; z-index:33}
.about_3 .about_lc img { display:block; float:right; max-width:664px}
.about_3 .about_lc ul li { padding-bottom:70px; width:50%; position:relative;}
.about_3 .about_lc ul li i { display:block; position:absolute; width:10px; height:10px; background:#F9A61A; border-radius:50%; right:-5px; top:10px;}
.about_3 .about_lc ul li h3 { font-size:18px; line-height:30px; font-weight:bold; text-align:right; position:absolute; top:0; right:50px}
.about_3 .about_lc ul li h4 { font-size:18px; line-height:30px; text-align:right; padding-right:150px}


.about_3 .about_lc2 { display:block; padding-top:80px; overflow:hidden; position:relative; z-index:34}
.about_3 .about_lc2 img { display:block; float:left; max-width:664px}
.about_3 .about_lc2 ul li { padding-bottom:70px; position:relative; float:right; width:50%;}
.about_3 .about_lc2 ul li i { display:block; position:absolute; width:10px; height:10px; background:#F9A61A; border-radius:50%; left:-5px; top:10px;}
.about_3 .about_lc2 ul li h3 { font-size:18px; line-height:30px; font-weight:bold; position:absolute; top:0; left:50px}
.about_3 .about_lc2 ul li h4 {  font-size:18px; line-height:30px; padding-left:150px}

.about_3 .p3 { position:absolute; top:200px; bottom:0px; left:50%; width:1px; background:#ccc; z-index:2}


@media all and (max-width:1400px){
.about_3 { width:1100px;}
.about_3 h2 { font-size:30px; line-height:60px; height:100px}

.about_3 .about_lc2 ul li h4 { font-size:16px}

.about_3 .about_lc { padding-top:60px;}
.about_3 .about_lc2 { padding-top:60px;}
.about_3 .about_lc ul li { padding-bottom:50px;}
.about_3 .about_lc2 ul li { padding-bottom:50px;}
.about_3 .about_lc img { width:500px; height:auto}
.about_3 .about_lc2 img { width:500px; height:auto}
}

@media all and (max-width:1000px){
.about_3 { width:90%;}
.about_3 h2 { font-size:18px; line-height:40px; height:60px}

.about_3 .about_lc { padding-top:20px; overflow:inherit; padding-bottom:0}
.about_3 .about_lc img { display:block; float:none; margin:0 auto; width:80%}
.about_3 .p3 { top:90px; bottom:0px; left:0; width:1px; background:#ccc}
.about_3 .about_lc ul li { padding-bottom:20px; padding-top:10px; float:none; width:auto; padding-left:30px;}
.about_3 .about_lc ul li i { left:-5px; top:15px;}

.about_3 .about_lc ul li h3 { font-size:14px; line-height:24px; text-align:left; position: relative; top:auto; right:auto}
.about_3 .about_lc ul li h4 { font-size:14px; line-height:24px; text-align:left; padding-right:0px}


.about_3 .about_lc2 { padding-top:20px; overflow:inherit; padding-bottom:0}
.about_3 .about_lc2 img { display:block; float:none; margin:0 auto; width:80%}
.about_3 .about_lc2 ul li { padding-bottom:20px; padding-top:10px; float:none; width:auto; padding-left:30px;}
.about_3 .about_lc2 ul li i { left:-5px; top:15px;}

.about_3 .about_lc2 ul li h3 { font-size:14px; line-height:24px; text-align:left; position: relative; top:auto; left:auto}
.about_3 .about_lc2 ul li h4 { font-size:14px; line-height:24px; text-align:left; padding-left:0px}

}


.about_4 { background:#F2F2F2; padding:80px 0 0 0; overflow:hidden; position:relative}
.about_4 h2 { font-size:40px; text-align:center; line-height:80px; height:120px; background:url(../images/about_title2.png) top no-repeat; background-size:auto 100%; color:#000; letter-spacing:5px}
.about_4 .bd { width:90%; margin:0 auto; position:relative; z-index:4}
.about_4 .bd ul li { float:left; width:25%; position:relative;}
.about_4 .bd ul li img { display:block; position:relative; z-index:11; margin:0 auto}
.about_4 .bd ul li p { position:absolute; background:url(../images/about_png1.png); width:463px; height:456px; bottom:-150px; right:-150px; z-index:22}
.about_4 .bd ul li h3 { position:absolute; right:0; width:175px; bottom:120px; font-size:24px; line-height:30px; z-index:34; font-weight:bold}
.about_4 .bd ul li h4 { position:absolute; right:0; width:175px; bottom:150px; font-size:14px; z-index:35;}
.about_4 .bd ul li h5 { position:absolute; right:0; width:175px; bottom:0; height:115px; font-size:16px; line-height:28px; z-index:36}

.about_4 .bd ul li.td1 {}
.about_4 .bd ul li.td1 p { right:auto; left:-200px; bottom:-50px}
.about_4 .bd ul li.td1 h3 { right:auto; left:0; bottom:190px}
.about_4 .bd ul li.td1 h4 { right:auto; left:0; bottom:220px}
.about_4 .bd ul li.td1 h5 { right:auto; left:0; bottom:70px}


.about_4 a.prev { display:block; width:68px; height:68px; background:#fff; border:8px #A5A3A4 solid; border-radius:50%; left:2%; top:50%; margin-top:-42px; position:absolute; cursor:pointer; z-index:33}
.about_4 a.prev i { display:block; font-size:24px; line-height:68px; text-align:center}
.about_4 a.next { display:block; width:68px; height:68px; background:#fff; border:8px #A5A3A4 solid; border-radius:50%; right:2%; top:50%; margin-top:-42px; position:absolute; cursor:pointer; z-index:34}
.about_4 a.next i { display:block; font-size:24px; line-height:68px; text-align:center}


@media all and (max-width:1400px){
.about_4 { padding:60px 0 0 0;}
.about_4 h2 { font-size:30px; line-height:60px; height:100px}

}

@media all and (max-width:1000px){
.about_4 { padding:40px 0 0 0; display:none}
.about_4 h2 { font-size:18px; line-height:40px; height:60px}
.about_4 .bd ul li { float:none; width:auto}
.about_4 .bd ul li img { width:60%}

.about_4 .bd ul li.td1 {}
.about_4 .bd ul li.td1 img { width:40%}
.about_4 .bd ul li.td1 p { right:auto; left:0px; bottom:50px}
.about_4 .bd ul li.td1 h3 { right:auto; left:auto; right:0; bottom:190px}
.about_4 .bd ul li.td1 h4 { right:auto; left:auto; right:0; bottom:220px}
.about_4 .bd ul li.td1 h5 { right:auto; left:auto; right:0; bottom:70px}
}
.about_5 { padding:80px 0 0 0}
.about_5 h2 { font-size:40px; text-align:center; line-height:80px; height:120px; background:url(../images/about_title3.png) top no-repeat; background-size:auto 100%; color:#000; letter-spacing:5px}

.about_5 .about_sp { width:1100px; height:580px; margin:0 auto; margin-top:40px}

@media all and (max-width:1400px){
.about_5 { padding:60px 0 0 0;}
.about_5 h2 { font-size:30px; line-height:60px; height:100px}

.about_5 .about_sp { width:720px; height:378px; margin-top:30px}

}

@media all and (max-width:1000px){
.about_5 { padding:0px 0 40px 0;}
.about_5 h2 { font-size:18px; line-height:40px; height:60px}
.about_5 .about_sp { width:90%; height:200px; margin-top:10px}
}

.about_6 { padding:80px 0 80px 0; position:relative; z-index:3}
.about_6 h2 { font-size:40px; text-align:center; line-height:120px; height:160px; background:url(../images/about_title4.png) top no-repeat; background-size:auto 100%; color:#000; letter-spacing:5px}
.about_6 img { display:block; margin:0 auto; max-width:80%; margin-top:40px}


@media all and (max-width:1400px){
.about_6 { padding:60px 0 60px 0;}
.about_6 h2 { font-size:30px; line-height:80px; height:120px}


}
@media all and (max-width:1000px){
.about_6 { padding:40px 0; display:none}
.about_6 h2 { font-size:18px; line-height:40px; height:60px}

}

.bannerBox { position:relative; z-index:3}
.bannerBox .banner{width: 100%;height:357px; max-width:1200px;margin: 0 auto;overflow: hidden;position: relative;margin-top: 100px;}
.bannerBox .banner ul{position: absolute;width:1200px;height:357px;left:50%;margin-left:-600px;}
.bannerBox .banner li {width: 100%;height: 100%;position:absolute;left:0px;top: 0px;z-index: 1;transform:scale(0.85);transition:transform 0.4s;}
.bannerBox .banner li a{display:block; width:872px; margin:0 auto;height:100%;}
.bannerBox .banner li.on{transform: scale(1);}

.banner-btn{width: 100%;position: absolute;width:1200px;height:100%;top:0px;left:50%;margin-left: -600px;z-index: 9;}
.banner-btn-prev,.banner-btn-next{display: block;width:165px;height:357px;position: absolute;}
.banner-btn-prev{left:0px; cursor:pointer}
.banner-btn-next{right:0px; cursor:pointer}


@media all and (max-width:1400px){
.bannerBox .banner { width:90%}
.bannerBox .banner ul{ width:100%;height:100%;left:0;margin-left:0px;}
.bannerBox .banner li a{ width:70%;}


}


@media all and (max-width:1280px){
.about_ry1 { width:90%; transform:scale(0.7); margin:0px auto}
}
@media all and (max-width:800px){
.about_ry1 { display:none}
}





.banner_news { background:url(../images/news_bg1.jpg) top no-repeat; height:460px; margin-top:81px; position:relative; overflow:hidden}
.banner_news h2 { position:absolute; top:50%; line-height:70px; margin-top:-70px; left:0; width:100%; text-align:center; color:#fff; font-size:48px; z-index:22}
.banner_news h2 span { display:block; font-size:24px}
.banner_news .img { background:url(../images/news_bg1.jpg) top no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; animation-name: likes; animation-timing-function: linear; animation-duration: 8s; animation-iteration-count:infinite}


@media all and (max-width:1400px){
.banner_news { background-size:auto 100%; height:350px; margin-top:61px;}
.banner_news h2 { font-size:40px; line-height:60px; margin-top:-60px}
.banner_news .img { background-size:auto 100%;}
}


@media all and (max-width:1000px){
.banner_news { height:150px; margin-top:51px;}
.banner_news h2 { font-size:24px; line-height:40px; margin-top:-40px}
.banner_news h2 span { font-size:18px}
}



.news_list { width:1300px; margin:80px auto 80px auto}
.news_list ul { width:1332px}
.news_list ul li { padding:10px 0 30px 0; float:left; width:444px}
.news_list ul li a { display:block; box-shadow:0 0 5px #ccc; padding:20px 0; overflow:hidden; width:412px; border-radius:10px}
.news_list ul li img { display:block; width:372px; height:158px; margin:0 auto; border-radius:10px}
.news_list ul li h1 { font-size:18px; line-height:30px; height:80px; padding:10px 20px 0 20px}
.news_list ul li h4 { font-size:14px; line-height:20px; padding:0 20px; color:#888}
.news_list ul li h3 { font-size:14px; line-height:30px; padding:0 20px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_list ul li a:hover { box-shadow:0 0 10px #ccc; background:#fafafa}

.more { text-align:center; font-size:16px; cursor: pointer;}
.more i { padding-left:10px}


@media all and (max-width:1400px){
.news_list { width:1000px; margin:60px auto}
.news_list ul { width:1020px}
.news_list ul li { width:340px}
.news_list ul li a { width:320px;}
.news_list ul li h1 { font-size:16px; height:90px;}
.news_list ul li img { width:290px; height:128px}
}
@media all and (max-width:1000px){
.news_list { width:90%; margin:40px auto}
.news_list ul { width:auto}
.news_list ul li { float:none; width:auto}
.news_list ul li a { display:block; padding:20px; overflow:hidden; float:none; width:auto}
.news_list ul li img { float:none; width:100%; margin:0 auto; height:auto}
.news_list ul li h4 { font-size:12px; line-height:24px; padding-top:10px}
.news_list ul li h1 { font-size:16px; line-height:26px; height:auto; padding-bottom:10px}
.news_list ul li h3 { font-size:12px; line-height:24px; width:auto;}

}


.news_title { width:1100px; margin:80px auto 0 auto; border-top:2px #333 solid; padding:20px 0}
.news_title h1 { font-size:24px; line-height:40px;}
.news_title h3 { font-size:18px; line-height:30px; color:#666}

.news_cn { padding:20px 0; width:1100px; margin:0 auto; border-top:1px #aaa solid; border-bottom:1px #aaa solid; font-size:16px; line-height:38px}
.news_cn p { text-indent:2em; padding-bottom:15px}
.news_cn img { display:block; margin:0 auto; max-width:100%}
.news_cn iframe { width:1100px !important; height:618px !important}


.news_sx { width:1100px; margin:0 auto; padding:15px 0 50px 0; overflow:hidden; color:#888; font-size:16px}


@media all and (max-width:1400px){
.news_title { width:1000px; margin:60px auto 0 auto;}
.news_cn { width:1000px;}
.news_cn iframe { width:1000px !important; height:562px !important}
.news_sx { width:1000px;}
}
@media all and (max-width:1000px){
.news_title { width:90%; margin:20px auto 0 auto;}
.news_title h1 { font-size:18px; line-height:30px;}
.news_title h3 { font-size:12px; line-height:20px;}

.news_cn { width:90%;}
.news_cn iframe { width:100% !important; height:350px !important}
.news_sx { width:90%;}

.news_sx { font-size:12px}
.news_sx .ft { float:none}
.news_sx .fr { float:none}
}

@media all and (max-width:560px){
.news_cn iframe { height:250px !important}
}

.banner_case { background:url(../images/case_top.jpg) top no-repeat; height:453px; margin-top:81px; position:relative; overflow:hidden}
.banner_case h2 { position:absolute; top:50%; line-height:70px; margin-top:-45px; left:50%; margin-left:-450px; font-size:40px}
.banner_case h2 span { font-size:36px}
.banner_case .img { background:url(../images/case_top.jpg) top no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; animation-name: likes; animation-timing-function: linear; animation-duration: 8s; animation-iteration-count:infinite}


@media all and (max-width:1400px){
.banner_case { background-size:auto 100%; height:350px; margin-top:61px;}
.banner_case h2 { font-size:36px; margin-left:-320px}
.banner_case .img { background-size:auto 100%;}
}

@media all and (max-width:1000px){
.banner_case { height:150px; margin-top:51px;}
.banner_case h2 { font-size:18px; line-height:40px; margin-top:-25px; margin-left:-140px;}
.banner_case h2 span { font-size:16px}
}

.case_1 { background:url(../images/case_bg1.jpg) top no-repeat; height:889px; padding-top:80px; overflow:hidden}
.case_1 h2 { font-size:40px; text-align:center; line-height:100px; height:140px; background:url(../images/case_title1.png) top no-repeat; background-size:auto 100%; color:#fff; letter-spacing:5px}
.case_1 .bd { width:1080px; margin:0 auto; margin-top:30px; position:relative}
.case_1 .bd ul li img { display:block; margin:0 auto}

.case_1 .bd a.prev { display:block; background:url(../images/case_ico1.png); width:58px; height:132px; cursor:pointer; position:absolute; left:-150px; top:50%; margin-top:-66px}
.case_1 .bd a.next { display:block; background:url(../images/case_ico2.png); width:58px; height:132px; cursor:pointer; position:absolute; right:-150px; top:50%; margin-top:-66px}


@media all and (max-width:1400px){
.case_1 { background-size:auto 100%; height:700px; padding-top:60px}
.case_1 h2 { font-size:36px; line-height:80px; height:100px;}
.case_1 .bd { width:900px; margin-top:20px;}
.case_1 .bd ul li img { width:100%}
.case_1 .bd a.prev { left:-70px}
.case_1 .bd a.next { right:-70px;}

}
@media all and (max-width:1000px){
.case_1 { height:auto; padding-bottom:30px; padding-top:30px}
.case_1 h2 { font-size:18px; line-height:40px; height:60px}
.case_1 .bd { width:80%}

.case_1 .bd a.prev { background:url(../images/case_ico1.png); background-size:100% 100%; width:29px; height:66px; left:-40px; margin-top:-33px}
.case_1 .bd a.next { background:url(../images/case_ico2.png); background-size:100% 100%; width:29px; height:66px; right:-40px; margin-top:-33px}
}



.case_2 { background:url(../images/case_bg2.jpg) top no-repeat; padding:20px 0}
.case_2 .w100 { width:90%; margin:0px auto; background:#fff; box-shadow:0 0 20px #ccc; border-radius:20px; padding-top:60px; padding-bottom:60px}
.case_2 h2 { font-size:40px; text-align:center; line-height:100px; height:140px; background:url(../images/case_title2.png) top no-repeat; background-size:auto 100%; color:#000; letter-spacing:5px}

.case_2 ul { width:90%; margin:0 auto; overflow:hidden}
.case_2 ul li { float:left; width:33.3%; padding-top:20px; position:relative}
.case_2 ul li img { display:block; margin:0 auto; padding-bottom:40px}
.case_2 ul li h3 { width:270px; line-height:56px; background:#F9A619; color:#fff; font-size:24px; font-weight:bold; text-align:center; border-radius:20px; position:absolute; left:50%; margin-left:-135px; top:170px}
.case_2 ul li h4 { width:80%; margin:0 auto; border:5px #F9A619 solid; height:230px; border-radius:20px; padding:40px 0 30px 0}
.case_2 ul li h4 p { font-size:18px; line-height:32px; padding-left:90px}


@media all and (max-width:1400px){
.case_2 h2 { font-size:36px; line-height:80px; height:100px;}
.case_2 ul li { padding-top:0px;}
.case_2 ul li h3 { width:180px; line-height:46px; font-size:24px; border-radius:15px; margin-left:-90px; top:170px}
.case_2 ul li h4 { height:210px; padding:30px 0 20px 0}
.case_2 ul li h4 p { font-size:16px; line-height:28px; padding-left:50px}


}
@media all and (max-width:1000px){
.case_2 { background:url(../images/case_bg2.jpg) top no-repeat; background-size:100% auto}
.case_2 h2 { font-size:18px; line-height:40px; height:60px}
.case_2 .w100 { box-shadow:0 0 10px #ccc; border-radius:10px; padding-top:30px; padding-bottom:30px}
.case_2 ul { width:98%;}
.case_2 ul li img { max-width:60%; padding-bottom:20px}
.case_2 ul li h3 { width:60%; line-height:30px; font-size:12px; border-radius:10px; left:20%; margin-left:0; top:auto; bottom:240px}
.case_2 ul li h4 { width:90%; border:2px #F9A619 solid; height:210px; border-radius:10px; padding:20px 0 20px 0}
.case_2 ul li h4 p { font-size:12px; line-height:24px; padding-left:10px}

}

.case_3 { padding-top:60px}
.case_3 h2 { font-size:40px; text-align:center; line-height:100px; height:140px; background:url(../images/case_title3.png) top no-repeat; background-size:auto 100%; color:#000; letter-spacing:5px}
.case_3 .case_gg { position:relative}
.case_3 .case_gg img { display:block; width:100%; position:relative; z-index:11}

.case_3 .case_gg h3 { color:#fff; font-weight:bold; position:absolute; top:15%; right:0; width:38%; font-size:36px; line-height:50px; z-index:22}
.case_3 .case_gg h4 { color:#fff; position:absolute; top:15%; margin-top:130px; right:0; width:38%; font-size:18px; line-height:30px; z-index:23}
.case_3 .case_gg h5 { color:#fff; position:absolute; bottom:15%; right:0; width:38%; z-index:24; line-height:50px; font-size:24px}
.case_3 .case_gg h5 p { float:left; padding-right:100px}
.case_3 .case_gg h5 b { display:block; font-size:30px}


@media all and (max-width:1400px){
.case_3 { padding-top:40px}
.case_3 h2 { font-size:36px; line-height:80px; height:100px;}

.case_3 .case_gg h3 { width:38%; font-size:24px; line-height:40px;}
.case_3 .case_gg h4 { margin-top:90px; font-size:16px; line-height:26px;}
.case_3 .case_gg h5 { line-height:40px; font-size:18px; bottom:10%}
.case_3 .case_gg h5 p { padding-right:70px}
.case_3 .case_gg h5 b { font-size:24px}
}

@media all and (max-width:1000px){
.case_3 h2 { font-size:18px; line-height:40px; height:60px}

.case_3 .case_gg h3 { width:90%; margin:0 auto; font-size:18px; line-height:30px; position:relative; right:auto; top:auto; color:#333; padding-top:10px}
.case_3 .case_gg h4 { width:90%; margin:0 auto; margin-top:10px; font-size:14px; line-height:26px; position:relative; right:auto; top:auto; color:#333; padding-bottom:10px}
.case_3 .case_gg h5 { width:90%; margin:0 auto; line-height:30px; font-size:14px; position:relative; right:auto; bottom:auto; color:#333}
.case_3 .case_gg h5 p { padding-right:70px}
.case_3 .case_gg h5 b { font-size:18px}
}

.case_4 { padding-top:60px}
.case_4 h2 { font-size:40px; text-align:center; line-height:100px; height:140px; background:url(../images/case_title4.png) top no-repeat; background-size:auto 100%; color:#000; letter-spacing:5px}

.case_4 ul { width:1320px; margin:0 auto}
.case_4 ul li { padding:40px 0; position:relative; font-size:18px; line-height:32px}
.case_4 ul li h4 { float:left; font-size:24px; line-height:40px; position:relative; font-weight:bold; width:80px; z-index:11}
.case_4 ul li h4 i { display:block; width:30px; height:30px; background:#F9A61A; border-radius:50%; position:absolute; top:-12px; right:-12px}
.case_4 ul li h3 { font-size:24px; line-height:40px; position:relative; z-index:22; padding-bottom:20px}
.case_4 ul li h3 b { padding-right:15px; color:#000}
.case_4 ul li img { display:block; max-width:100%; margin-top:40px}


@media all and (max-width:1400px){
.case_4 { padding-top:40px}
.case_4 h2 { font-size:36px; line-height:80px; height:100px;}

.case_4 ul { width:1000px;}
.case_4 ul li { padding:30px 0; font-size:16px; line-height:26px}

.case_4 ul li h4 { font-size:24px; width:80px;}
.case_4 ul li h4 i { width:24px; height:24px;}
.case_4 ul li h3 { font-size:18px; padding-bottom:10px}
.case_4 ul li h3 b { padding-right:15px;}
.case_4 ul li img { margin-top:30px}
}

@media all and (max-width:1000px){
.case_4 { padding-top:30px}
.case_4 h2 { font-size:18px; line-height:40px; height:60px}
.case_4 ul { width:90%; margin:0 auto}
.case_4 ul li { padding:15px 0; font-size:14px; line-height:22px}

.case_4 ul li h4 { font-size:18px; width:50px;}
.case_4 ul li h4 i { width:20px; height:20px; top:0px; right:-12px}
.case_4 ul li h3 { font-size:16px; padding-bottom:10px}
}

.case_5 { padding-top:60px; width:1300px; margin:0 auto; padding-bottom:100px}
.case_5 h2 { font-size:40px; text-align:center; line-height:100px; height:140px; background:url(../images/case_title5.png) top no-repeat; background-size:auto 100%; color:#000; letter-spacing:5px}
.case_5 img { display:block; width:100%; margin:0 auto}
.case_5 ul { width:1300px; margin:0 auto; overflow:hidden}
.case_5 ul li { float:left; width:25%; padding-top:40px}
.case_5 ul li a { display:block; width:95%; margin:0 auto; position:relative}
.case_5 ul li img { border-radius:20px; position:relative; z-index:11}
.case_5 ul li h3 { width:190px; line-height:56px; background:#FA1A19; color:#fff; font-size:24px; font-weight:bold; text-align:center; border-radius:20px; position:absolute; left:50%; margin-left:-95px; top:20%; z-index:33}
.case_5 ul li h4 { width:100%; line-height:36px; color:#fff; font-size:18px; text-align:center; position:absolute; left:0; top:20%; margin-top:90px; z-index:34}
.case_5 ul li p { position:absolute; z-index:22; border-radius:20px; left:0; width:100%; top:0; height:100%; background:rgba(0,0,0,0.8)}



@media all and (max-width:1400px){
.case_5 { padding-top:40px; width:1000px}
.case_5 h2 { font-size:36px; line-height:80px; height:100px;}

.case_5 ul { width:1000px}
.case_5 ul li h3 { width:160px; line-height:46px; font-size:18px; border-radius:15px; margin-left:-80px;}
.case_5 ul li h4 { line-height:30px; font-size:16px; margin-top:70px;}
}

@media all and (max-width:1000px){
.case_5 { padding-top:30px; width:95%}
.case_5 h2 { font-size:18px; line-height:40px; height:60px}
.case_5 img { display:none}

.case_5 ul { width:100%}
.case_5 ul li { width:50%; padding-top:20px}
.case_5 ul li img { display:block}

.case_5 ul li h3 { width:100px; line-height:32px; font-size:14px; border-radius:10px; margin-left:-50px; top:15%}
.case_5 ul li h4 { line-height:26px; font-size:14px; margin-top:50px;}
}


.banner_contact { background:url(../images/contact_top.jpg) top no-repeat; height:460px; margin-top:81px; position:relative; overflow:hidden}
.banner_contact h2 { position:absolute; top:50%; line-height:70px; margin-top:-70px; left:60%; text-align:center; color:#0E2A2A; font-size:48px; z-index:22}
.banner_contact h2 span { display:block; font-size:24px}
.banner_contact .img { background:url(../images/contact_top.jpg) top no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; animation-name: likes; animation-timing-function: linear; animation-duration: 8s; animation-iteration-count:infinite}


@media all and (max-width:1400px){
.banner_contact { background-size:auto 100%; height:350px; margin-top:61px;}
.banner_contact h2 { font-size:40px; line-height:60px; margin-top:-60px}
.banner_contact .img { background-size:auto 100%;}
}

@media all and (max-width:1000px){
.banner_contact { height:150px; margin-top:51px;}
.banner_contact h2 { font-size:24px; line-height:40px; margin-top:-40px}
.banner_contact h2 span { font-size:18px}
}


.contact_1 { width:1280px; margin:0 auto; padding:50px 0;}
.contact_1 .con_left { float:left; width:468px}
.contact_1 .con_left h2 { font-size:36px; line-height:80px; color:#DBD7D7; font-family:'GemunuLibre';}
.contact_1 .con_left h1 { font-size:24px; color:#666; line-height:34px; font-weight: normal}
.contact_1 .con_left .about_cn1 { font-size:18px; line-height:32px; padding-top:15px; color:#888}

.contact_1 .con_right { float:right; width:810px; padding-top:100px; position:relative}
.contact_1 .con_right h2 { border-bottom:1px #ddd solid; height:40px}
.contact_1 .con_right h2 a { height:40px; display:block; float:left; margin-right:55px; font-size:16px; position:relative; cursor: pointer;}
.contact_1 .con_right h2 a.on i{ display:block; left:0; bottom:-1px; width:100%; height:2px; background:#F9A61A; position:absolute}

.contact_1 .con_right .con_cn2 { padding-top:20px; line-height:34px; display:none}
.contact_1 .con_right .con_cn2 h3 { font-size:24px; line-height:40px}

.contact_1 .con_right .yyzz { position:absolute; right:0; bottom:0; height:160px}
.contact_1 .con_right .yyzz img { display:block; height:160px}

@media all and (max-width:1400px){
.contact_1 { width:1000px; padding:40px 0;}
.contact_1 .con_left { width:400px}
.contact_1 .con_left h2 { font-size:36px; line-height:70px;}
.contact_1 .con_left h1 { font-size:24px; line-height:34px;}
.contact_1 .con_left .about_cn1 { font-size:16px;}


.contact_1 .con_right { width:600px; padding-top:140px}
}

@media all and (max-width:1000px){
.contact_1 { width:90%; padding:30px 0}
.contact_1 .con_left { float:none; width:auto}
.contact_1 .con_left h2 { font-size:24px; line-height:30px;}
.contact_1 .con_left h1 { font-size:18px; line-height:30px; color:#333}
.contact_1 .con_left .about_cn1 { font-size:14px; line-height:26px;}

.contact_1 .con_right { float:none; width:auto; padding-top:20px}
.contact_1 .con_right h2 a { margin-right:30px; font-size:14px;}

.contact_1 .con_right .con_cn2 { padding-top:15px; line-height:30px}
.contact_1 .con_right .con_cn2 h3 { font-size:18px; line-height:30px}
}




.contact_2 { background:url(../images/contact_bg1.jpg) top no-repeat; height:464px; position:relative; overflow:hidden}
.contact_2 h2 { width:1280px; margin:0 auto; padding-top:90px; color:#C41B01; font-family:'GemunuLibre'; font-size:24px; line-height:30px}
.contact_2 h3 { width:1280px; margin:0 auto; line-height:40px; font-size:24px; position:relative; padding-bottom:10px; margin-bottom:15px}
.contact_2 h3 i { display:block; left:0; bottom:0; width:82px; height:5px; background:#F9A61A; position:absolute}
.contact_2 h4 { width:1280px; margin:0 auto}

.contact_2 .con_ewm1 { position:absolute; left:45%; top:0; padding-top:30px}
.contact_2 .con_ewm1 h3 { color:#fff; font-size:18px; margin-bottom:0}
.contact_2 .con_ewm2 { position:absolute; left:45%; top:0; padding-top:30px; margin-left:495px}
.contact_2 .con_ewm2 h3 { color:#fff; font-size:18px; margin-bottom:0}
.contact_2 img { display:block}



@media all and (max-width:1400px){
.contact_2 { height:348px; background-size:auto 100%}
.contact_2 h2 { width:1000px; padding-top:70px; font-size:18px; line-height:30px}
.contact_2 h3 { width:1000px; line-height:34px; font-size:24px}
.contact_2 h4 { width:1000px; margin:0 auto}

.contact_2 .con_ewm1 { padding-top:20px}
.contact_2 .con_ewm1 h3 { font-size:16px;}
.contact_2 .con_ewm2 { padding-top:20px; margin-left:360px}
.contact_2 .con_ewm2 h3 { font-size:16px;}
.contact_2 img { display:block; height:240px}
}

@media all and (max-width:1000px){
.contact_2 { height:auto; padding-bottom:30px;}
.contact_2 h2 { width:90%; padding-top:20px; font-size:12px; line-height:20px}
.contact_2 h3 { color:#fff; width:90%; line-height:34px; font-size:18px}
.contact_2 h3 i { width:70px; height:3px;}
.contact_2 h4 { color:#fff; width:90%; margin:0 auto}

.contact_2 .con_ewm1 { position:relative; left:auto; top:auto; padding-top:30px; width:90%; margin:0 auto}
.contact_2 .con_ewm1 h3 { display:none}
.contact_2 .con_ewm2 { position:relative; left:auto; top:auto; padding-top:20px; margin-left:0; width:90%; margin:0 auto}
}








.banner_product { background:url(../images/product_top.jpg) top no-repeat; height:456px; margin-top:81px; position:relative; overflow:hidden}
.banner_product h2 { position:absolute; top:50%; line-height:70px; margin-top:-70px; left:25%; text-align:center; color:#000; font-size:48px; z-index:22}
.banner_product h2 span { display:block; font-size:24px}
.banner_product .img { background:url(../images/product_top.jpg) top no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; animation-name: likes; animation-timing-function: linear; animation-duration: 8s; animation-iteration-count:infinite}

@media all and (max-width:1400px){
.banner_product { background-size:auto 100%; height:350px; margin-top:61px;}
.banner_product h2 { font-size:40px; line-height:60px; margin-top:-60px}
.banner_product .img { background-size:auto 100%;}
}

@media all and (max-width:1000px){
.banner_product { height:150px; margin-top:51px;}
.banner_product h2 { font-size:24px; line-height:40px; margin-top:-40px}
.banner_product h2 span { font-size:18px}
}


.pro_lm { height:80px; line-height:80px; background:#F9A61A; overflow:hidden}
.pro_lm a { display:block; float:left; padding:0 50px; color:#fff; font-size:18px; cursor:pointer}
.pro_lm a.on { font-weight:bold}


@media all and (max-width:1400px){
.pro_lm { height:70px; line-height:70px;}
}
@media all and (max-width:1000px){
.pro_lm { height:50px; line-height:50px;}
.pro_lm a { padding:0 30px; font-size:16px;}
}

.pro_xl { padding:60px 0}
.pro_xl h2 { text-align:center; font-size:18px; line-height:40px; padding-bottom:30px}
.pro_xl h2 span { display:block; font-size:36px; font-weight:bold}

.pro_xl ul { width:966px; margin:0 auto; overflow:hidden}
.pro_xl ul li { float:left; width:138px; position:relative; margin-bottom:40px}
.pro_xl ul li img { display:block; margin:0 auto; padding-top:25px}
.pro_xl ul li h3 { position:absolute; left:0; bottom:-40px; width:100%; text-align:center; font-size:16px}
.pro_xl ul li a { display:block; width:98px; height:98px; background:#fff; border:1px #ccc solid; border-radius:50%; margin:0 auto;cursor: pointer;}
.pro_xl ul li a:hover { background:#FCD28C}
.pro_xl ul li a.on { background:#FCD28C; color:#F9A61A}
.pro_xl ul li.lx1 a { background:#F9A61A; border:1px #F9A61A solid}
.pro_xl ul li.lx1 h3 { color:#F9A61A}


@media all and (max-width:1000px){
.pro_xl { padding:40px 0}
.pro_xl h2 { font-size:16px; line-height:30px; padding-bottom:20px}
.pro_xl h2 span { font-size:24px;}
.pro_xl ul { width:95%;}
.pro_xl ul li { width:25%; margin-bottom:40px}
.pro_xl ul li a { width:80px; height:80px;}
.pro_xl ul li img { width:40px; padding-top:20px}
.pro_xl ul li h3 { bottom:-30px; font-size:14px}


}


.pro_list { width:1200px; margin:0 auto; margin-bottom:60px; overflow:hidden}
.pro_list ul li { float:left; width:400px; padding-bottom:20px}
.pro_list ul li a { display:block; width:378px; margin:0 auto; border:1px #ccc solid; padding:10px 0 30px 0}
.pro_list ul li img { display:block; margin:0 auto; max-width:100%; height:auto}
.pro_list ul li h4 { color:#888; padding-top:20px; text-align:center; font-size:24px; line-height:40px}
.pro_list ul li h3 { text-align:center; font-size:24px; line-height:40px; font-weight:bold}



@media all and (max-width:1400px){
.pro_list { width:1000px;}
.pro_list ul li { width:333px; padding-bottom:15px}
.pro_list ul li a { width:313px;}
.pro_list ul li img { width:293px}
.pro_list ul li h4 { font-size:18px; line-height:34px}
.pro_list ul li h3 { font-size:18px; line-height:34px}
}
@media all and (max-width:1000px){
.pro_list { width:90%}
.pro_list ul li { float:none; width:auto; margin-bottom:20px}
.pro_list ul li a { width:auto; margin:0 auto; border:1px #ccc solid; padding:10px 10px 30px 10px}
.pro_list ul li img { max-width:100%}
.pro_list ul li h4 { font-size:16px; line-height:26px}
.pro_list ul li h3 { font-size:16px; line-height:26px}
}

.pro_fw { width:1200px; margin:60px auto; overflow:hidden}
.pro_fw h5 { text-align:right; color:#888; font-size:18px; border-bottom:1px #333 solid; padding-bottom:15px}
.pro_fw h5 i { padding-left:10px}
.pro_fw ul li { height:58px; line-height:58px; border-bottom:1px #ddd solid; text-align:center; font-size:18px}
.pro_fw ul li h3 { float:left; width:160px; font-size:18px}
.pro_fw ul li h4 { text-align:left; float:left; width:740px; font-size:18px}
.pro_fw ul li.fw_top { font-weight:bold}
.pro_fw ul li.fw_top h3 { font-weight:bold}
.pro_fw ul li.fw_top h4 { font-weight:bold}

@media all and (max-width:1400px){
.pro_fw { width:1000px; margin:40px auto; overflow:hidden}
.pro_fw ul li h4 { width:600px;}
}
@media all and (max-width:1000px){
.pro_fw { width:90%; margin:30px auto;}
.pro_fw ul li h4 { width:600px;}
.pro_fw h5 { font-size:14px;}

.pro_fw ul li { height:auto; padding:10px 0; line-height:24px; font-size:14px; text-align:right; color:#F9A61A}
.pro_fw ul li h3 { width:auto; font-size:14px; padding-right:5px; color:#888}
.pro_fw ul li h4 { text-align:left; float:none; width:auto; font-size:14px; color:#333}
.pro_fw ul li.fw_top h3 { display:none}
.pro_fw ul li.fw_top h4 { float:left}

}

.pro_tc { width:1200px; margin:60px auto; overflow:hidden}
.pro_tc img { display:block; margin:0 auto; max-width:100%}

@media all and (max-width:1400px){
.pro_tc { width:1000px; margin:40px auto; overflow:hidden}
}
@media all and (max-width:1000px){
.pro_tc { width:90%; margin:30px auto; overflow-x:scroll}
.pro_tc img { max-width:inherit}
}




@keyframes likes {
		 0%{
		      transform: scale(1);
		   }
		   50%{
		      transform: scale(1.07);
		   }
		   100%{
		      transform: scale(1);
		   }
}




.loading { position:absolute; left:0; top:0; right:0; bottom:0; background:#EEEEEE; z-index:9992}
.loading img { display:block; margin:0 auto; position:absolute; left:50%; top:50%; opacity:0; margin-left:-112px; margin-top:-36px}