@charset "utf-8";

@font-face {
  font-family: 'SourceHanSansCN';
  src: url("../fonts/SourceHanSansCN-Regular.ttf");
}
@font-face {
  font-family: 'bahnschrift';
  src: url("../fonts/bahnschrift.ttf");
}
@font-face {
  font-family: 'AvantGardeDemi';
  src: url("../fonts/AvantGardeDemi.otf");
}


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


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


@media all and (max-width:750px){
body { min-width:initial; overflow-x:hidden}
}


.banner { position:relative; overflow:hidden; z-index:100}
.banner .bd { position:relative; z-index:22}
.banner .bd ul li { position:relative}
.banner .bd ul li i { position:absolute; z-index:12; left:0; background:url(../images/banner_ico.png); width:551px; height:340px; top:20%; opacity:0.8}
.banner .bd ul li h3 { position:absolute; left:15%; line-height:50px; font-size:48px; color:#fff; z-index:55; opacity:0; top:45%; letter-spacing:4px; margin-top:-70px; display:none}
.banner .bd ul li h3 b { font-size:60px; padding-left:10px}
.banner .bd ul li h4 { font-family:"Times New Roman", Times, serif; margin-top:50px; opacity:0; position:absolute; left:15%; top:45%; line-height:32px; font-size:18px; color:#d92020; z-index:44; background:rgba(255,255,255,0.5); text-align:center; border-radius:17px; display:none}
.banner .bd ul li h5 { position:absolute; right:20px; bottom:20px; color:#fff; z-index:33}
.banner .bd ul li p { position:absolute; left:0; top:0; bottom:0; right:0; background:url(../images/banner_bg.png); background-size:100% 100%; z-index:11}

.banner .bd ul li img.img1 { position:absolute; z-index:12; left:0; top:20%; opacity:0; margin-top:50px}

.banner .hd { position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:333}
.banner .hd ul li { display:inline; padding:0 5px; cursor:pointer}
.banner .hd ul li i { color:#fff}
.banner .hd ul li.on i { color:#E37B20}

.banner .bd ul li:nth-child(7) i { top:30%}


.banner .bd ul li:nth-child(1) h3 { color:#BE8301}
.banner .bd ul li:nth-child(1) h3 b { color:#D82020}
.banner .bd ul li:nth-child(1) h4 { width:494px}

.banner .bd ul li:nth-child(2) h3 { color:#fff}
.banner .bd ul li:nth-child(2) h3 b { color:#fff}
.banner .bd ul li:nth-child(2) h4 { color:#2e70c2; width:558px}

.banner .bd ul li:nth-child(3) h3 { color:#0085c5}
.banner .bd ul li:nth-child(3) h3 b { color:#016a9c}
.banner .bd ul li:nth-child(3) h4 { color:#0085c5; width:454px}

.banner .bd ul li:nth-child(4) h3 { color:#0085c5}
.banner .bd ul li:nth-child(4) h3 b { color:#016a9c; padding-left:0; padding-right:10px}
.banner .bd ul li:nth-child(4) h4 { color:#0085c5; width:494px}

.banner .bd ul li:nth-child(5) h3 { color:#fff; margin-top:-150px; line-height:70px}
.banner .bd ul li:nth-child(5) h3 b { color:#fff; padding:0; display:block}
.banner .bd ul li:nth-child(5) h4 { color:#fff; background:none; text-align:left}

.banner .bd ul li:nth-child(6) h3 { color:#fff; margin-top:-150px; line-height:70px; left:70%}
.banner .bd ul li:nth-child(6) h3 b { color:#fff; padding:0; display:block}
.banner .bd ul li:nth-child(6) h4 { color:#fff; left:70%; width:416px}
.banner .bd ul li:nth-child(6) i { left:auto; right:0; transform:rotateY(180deg)}


.banner .bd ul li:nth-child(7) h3 { color:#64644f; margin-top:-150px; line-height:70px}
.banner .bd ul li:nth-child(7) h3 b { color:#64644f; padding:0; display:block}
.banner .bd ul li:nth-child(7) h4 { color:#64644f; width:516px}

.banner .bd ul li:nth-child(1) img.img1 { padding-left:256px; padding-top:124px}
.banner .bd ul li:nth-child(2) img.img1 { padding-left:259px; padding-top:128px}
.banner .bd ul li:nth-child(3) img.img1 { padding-left:256px; padding-top:128px}
.banner .bd ul li:nth-child(4) img.img1 { padding-left:284px; padding-top:128px}
.banner .bd ul li:nth-child(5) img.img1 { padding-left:256px; padding-top:128px}
.banner .bd ul li:nth-child(6) img.img1 { padding-left:0; padding-right:177px; left:auto; right:0; padding-top:70px}
.banner .bd ul li:nth-child(7) img.img1 { padding-left:256px; padding-top:60px; top:30%}

.banner2 { display:none}

@media all and (max-width:750px){
.banner .bd ul li h5 { display:none}
.banner .bd ul li img.img1 { position:absolute; z-index:12; left:20%; top:30%; opacity:0; margin-top:50px; width:60%}
.banner .bd ul li:nth-child(1) img.img1 { padding-left:0; padding-top:0}
.banner .bd ul li:nth-child(2) img.img1 { padding-left:0; padding-top:0}
.banner .bd ul li:nth-child(3) img.img1 { padding-left:0; padding-top:0}
.banner .bd ul li:nth-child(4) img.img1 { padding-left:0; padding-top:0}
.banner .bd ul li:nth-child(5) img.img1 { padding-left:0; padding-top:0}
.banner .bd ul li:nth-child(6) img.img1 { padding-left:0; padding-right:0; left:auto; right:auto; padding-top:0}
.banner .bd ul li:nth-child(7) img.img1 { padding-left:0; padding-top:0; top:auto}
.banner .bd ul li i { left:10%; background:url(../images/banner_ico.png) top no-repeat; background-size:100% auto; width:80%; height:340px; top:30%; opacity:0.8}

   
.banner { display:none} 
.banner2 { display:block; position:relative}
.banner2 .bd { position:relative; z-index:22}
.banner2 .bd ul li { position:relative}
.banner2 .bd ul li i { position:absolute; z-index:12; left:5%; background:url(../images/m_banner_bg.png) top no-repeat; background-size:100% auto; width:90%; height:40%; top:35%;}
.banner2 .bd ul li img { display:block; width:100%}
.banner2 .bd ul li img.img1 { position:absolute; z-index:12; left:15%; top:35%; width:70%; opacity:0; margin-top:50px;}

.banner2 .hd { position:absolute; left:0; bottom:10px; width:100%; text-align:center; z-index:333}
.banner2 .hd ul li { display:inline; padding:0 5px; cursor:pointer}
.banner2 .hd ul li i { color:#fff}
.banner2 .hd ul li.on i { color:#E37B20}
}



header { position:absolute; left:0; top:0; right:0; height:150px; z-index:222}
header .logo_s { float:left; padding-top:25px; position:relative; z-index:22}
header .logo_s img { display:block; height:100px}
header .logo_s img.l2 { display:none}

header nav { float:left; padding-top:40px; line-height:40px; position:relative; z-index:23; padding-left:160px}
header nav ul li { float:left; padding:0 20px; font-size:18px; line-height:40px}
header nav ul li a { color:#fff}
header nav ul li a:hover { color:#E37B20}

header .head_r { float:right; padding-top:40px; position:relative; z-index:24}
header .head_r ul li { float:left; width:33px; height:33px; margin-left:20px; position:relative}
header .head_r ul li a { display:block; height:33px;}
header .head_r ul li:nth-child(1) a { background:url(../images/head_ico.png) no-repeat; background-position:0 0}
header .head_r ul li:nth-child(2) a { background:url(../images/head_ico.png) no-repeat; background-position:-50px 0}
header .head_r ul li:nth-child(3) a { background:url(../images/head_ico.png) no-repeat; background-position:-100px 0}

header .head_r ul li h3 { position:absolute; left:50%; margin-left:-130px; width:260px; top:33px; height:60px; background:#fff; border-radius:10px; text-align:center; display:none}
header .head_r ul li h3 a { display:inline; padding:0 10px 0 10px; background:none; position:relative}
header .head_r ul li h3 a i { font-size:30px; margin-top:15px}
header .head_r ul li h3 a img { display:none; position:absolute; width:100px; left:50%; margin-left:-50px; top:40px}
header .head_r ul li h3 a i.fa-twitter { color:#1296DB}
header .head_r ul li h3 a i.fa-facebook-square { color:#1296DB}
header .head_r ul li h3 a i.fa-linkedin-square { color:#0275B4}
header .head_r ul li h3 a i.fa-weixin { color:#52C232}
header .head_r ul li h3 a:hover img { display:block}

header .head_r ul li:hover h3 { display:block}

header .w100 { position:relative; z-index:222}
header .head_bg { position:absolute; left:0; top:0; right:0; height:150px; background:#fff; display:none; z-index:1}

header.head2 .logo_s img.l2 { display:block}
header.head2 .logo_s img.l1 { display:none}
header.head2 nav ul li a { color:#333}
header.head2 nav ul li a:hover { color:#E37B20}

header.head2 .head_r ul li:nth-child(1) a { background:url(../images/head_ico.png) no-repeat; background-position:0 -33px}
header.head2 .head_r ul li:nth-child(2) a { background:url(../images/head_ico.png) no-repeat; background-position:-50px -33px}
header.head2 .head_r ul li:nth-child(3) a { background:url(../images/head_ico.png) no-repeat; background-position:-100px -33px}

header.head2 .head_r ul li h3 a { background:none}
header.head2 .head_r ul li:nth-child(1) h3 a { background:none}
header.head2 .head_r ul li:nth-child(2) h3 a { background:none}
header.head2 .head_r ul li:nth-child(3) h3 a { background:none}

header .head_r2 { display:none}
.nav_2 { display:none}

@media all and (max-width:1560px){
header { height:140px;}
header .w100 { width:1160px;}
header nav { float:right; padding-top:70px; padding-left:0}
header nav ul li { padding:0; margin-left:40px}
header .head_r { position:absolute; top:20px; right:0; padding-top:0}
header .head_bg { height:140px}
header .logo_s { padding-top:20px;}
}

@media all and (max-width:750px){
header { height:140px; overflow:hidden;}
header .w100 { width:95%;}
header nav { display:none}

.nav_2 { position:fixed; width:50%; top:0; height:100%; background:#fff; float:none; padding:0; display:block; right:-50%; z-index:9999}
.nav_2 .nav_r2 { display:block; float:right; width:36px; height:40px; background:url(../images/head-ico2.png); background-size:100% 100%; margin-top:20px; margin-right:10%}
.nav_2 .nav_li { padding-top:100px}
.nav_2 .nav_li ul li { line-height:42px; font-size:16px; padding-bottom:5px}
.nav_2 .nav_li ul li a { display:block; padding-left:20px}
.nav_2 .nav_li ul li a.on { background:url(../images/nav_bg2.png); background-size:100% 100%; color:#fff}


.nav_2 .nav_r3 { position:absolute; left:0; width:100%; bottom:20px}
.nav_2 .nav_r3 img { display:block; width:100%}
.nav_2 .nav_r3 ul { float:right}
.nav_2 .nav_r3 ul li { float:left; padding-left:0px; position:relative; width:33px; height:33px; margin-left:10px; margin-right:5px}
.nav_2 .nav_r3 ul li i.fa { color:#B4B4B4; font-size:24px; padding-top:6px}
.nav_2 .nav_r3 ul li i.fa.fa-facebook-square { color:#1296DB}
.nav_2 .nav_r3 ul li i.fa.fa-weixin { color:#52C232}
.nav_2 .nav_r3 ul li i.en { display:block; width:33px; height:33px; background:url(../images/head_ico.png) left bottom no-repeat; transform: scale(0.8)}

.nav_2 .nav_r3 ul li img { position:absolute; left:50%; margin-left:-85px; width:170px; bottom:40px; display:none}
.nav_2 .nav_r3 ul li:hover img { display:block}

header .logo_s { padding:20px 0 0 10px}
header .logo_s img { height:80px}
header .head_r { display:none}

header .head_r2 { display:block; float:right; width:36px; height:40px; background:url(../images/head-ico.png) center no-repeat; background-size:70% auto; margin-top:20px}
}
 
.nav_s { position:absolute; left:0; right:0; top:150px; background:url(../images/nav_bg.png); height:160px; background-size:100% 100%; display:none}
.nav_s ul li { display:none; padding-top:40px; line-height:80px}
.nav_s ul li h2 { float:left; width:290px; border-right:1px #ccc solid; text-align:center; font-size:36px; font-weight:normal}
.nav_s ul li a { display:block; font-size:18px; padding:0 20px 0 40px; float:left; -webkit-transition:none;-moz-transition:none;transition:none}
.nav_s ul li a:hover { background:url(../images/head_ico2.png) right no-repeat; color:#E37B20}


@media all and (max-width:1560px){
.nav_s { top:140px; height:120px;}
.nav_s ul li { padding-top:30px; line-height:60px}
.nav_s ul li h2 { font-size:30x; }
}

.index_1 { background:url(../images/index_bg1.jpg) top no-repeat; height:1044px}
.index_1 h2 { font-size:48px; padding-top:120px; line-height:50px; text-align:center; letter-spacing:10px; padding-bottom:40px}

.index_1 .index_ts { width:449px; height:66px; margin:0 auto; position:relative; z-index:222; display:none}
.index_1 .index_ts h3 { font-size:24px; color:#969696; line-height:66px; text-align:center; background:url(../images/index_png1.png); border-radius:10px; box-shadow:0 0 10px #ccc; z-index:12; position:relative}
.index_1 .index_ts ul { position:absolute; left:0; width:100%; top:60px; background:#fff; border-radius:10px; box-shadow:0 0 10px #ccc; display:none; z-index:1; padding-top:10px}
.index_1 .index_ts ul li { line-height:52px; text-align:center; font-size:18px;}
.index_1 .index_ts ul li:hover { background:#f5f5f5}

.index_1 .index_wk { padding-top:40px; margin-top:50px; position:relative; z-index:11}
.index_1 .index_wk ul { width:1515px; margin:0 auto}
.index_1 .index_wk ul li { float:left; width:505px; padding-top:50px; opacity:0}
.index_1 .index_wk ul li a { display:block; width:456px; margin:0 auto; background:#fff; height:572px; border-radius:5px; overflow:hidden; position:relative}
.index_1 .index_wk ul li p { position:relative; overflow:hidden; height:343px}
.index_1 .index_wk ul li img { display:block; margin:0 auto; width:100%}
.index_1 .index_wk ul li img.a1 { position:absolute; left:0; top:0; width:100%}
.index_1 .index_wk ul li h3 { font-size:24px; padding:50px 0 0 30px}
.index_1 .index_wk ul li i { position:absolute; right:40px; bottom:50px; font-size:16px}


@media all and (max-width:1560px){
.index_1 { background:url(../images/index_bg1.jpg) top no-repeat; background-size:auto 100%; height:880px}
.index_1 h2 { font-size:40px; padding-top:60px; line-height:40px; padding-bottom:30px}
.index_1 .index_ts { transform:scale(0.8)}
.index_1 .index_wk ul { width:1200px; margin:0 auto}
.index_1 .index_wk ul li { width:400px}
.index_1 .index_wk ul li a { width:360px; height:440px;}
.index_1 .index_wk ul li p { height:270px}
.index_1 .index_wk ul li h3 { font-size:18px; padding:40px 0 0 25px}
.index_1 .index_wk ul li i { right:25px; bottom:40px; font-size:16px}
}


@media all and (max-width:750px){
.index_1 { background:url(../images/index_bg1.jpg) top left no-repeat #f6f6f6; background-size:200% auto; height:auto}
.index_1 h2 { font-size:24px; padding-top:40px; line-height:40px; padding-bottom:20px}
.index_1 .index_wk { padding-top:20px; margin:0}
.index_1 .index_wk ul { width:80%}
.index_1 .index_wk ul li { width:auto; float:none; padding-bottom:30px}
.index_1 .index_wk ul li a { width:auto; height:auto;}
.index_1 .index_wk ul li p { height:auto}
.index_1 .index_wk ul li .a1 { height:1px; width:1px; opacity:0}
.index_1 .index_wk ul li img { max-width:100%; height:auto}
.index_1 .index_wk ul li h3 { font-size:16px; padding:30px 0 80px 25px}
}


.index_2 { background:url(../images/index_bg2.jpg) top no-repeat; height:795px; position:relative; overflow:hidden}
.index_2 h2 { font-size:36px; padding-top:60px; line-height:40px; text-align:center; padding-bottom:40px; color:#fff}
.index_2 h2 span { display:block; font-weight:normal; font-size:18px}


.index_2 .bd { width:1224px; height:517px; margin:0 auto; border-radius:5px; overflow:hidden}
.index_2 .bd ul li { width:1224px; height:517px; position:relative; background:url(../images/index_bg3.png) left no-repeat}
.index_2 .bd ul li img { display:block; float:right; margin-left:40px}
.index_2 .bd ul li i.i1 { display:block; width:78px; height:3px; background:url(../images/index_ico3.png); position:absolute; left:60px; top:60px}
.index_2 .bd ul li h3 { color:#fff; font-size:36px; padding-left:60px; padding-top:80px; line-height:40px; font-weight:bold}
.index_2 .bd ul li h4 { color:#fff; font-size:16px; line-height:34px; padding-top:40px; padding-left:60px;text-align:justify;}
.index_2 .bd ul li h5 { width:126px; height:36px; background:#334877; position:absolute; left:60px; bottom:30px; color:#fff; text-align:center; border-radius:5px; line-height:36px}
.index_2 .bd ul li h5 i { padding-left:10px}
.index_2 a.prev { display:block; background:url(../images/index_ico2s.png); width:63px; height:35px; cursor:pointer; left:50%; margin-left:-650px; top:50%; position:absolute}
.index_2 a.next { display:block; background:url(../images/index_ico2.png); width:63px; height:35px; cursor:pointer; right:50%; margin-right:-650px; top:50%; position:absolute}

.index_2 .hd { display:none}


@media all and (max-width:1560px){
.index_2 { background:url(../images/index_bg2.jpg) top no-repeat; background-size:auto 100%; height:680px}
.index_2 h2 { font-size:30px; padding-top:50px; padding-bottom:30px}
.index_2 .bd { width:1000px; height:422px}
.index_2 .bd ul li { width:1000px; height:422px}
.index_2 .bd ul li img { margin-left:30px; height:422px}

.index_2 .bd ul li i.i1 { left:40px; top:40px}
.index_2 .bd ul li h3 { font-size:24px; padding-left:40px; padding-top:60px;}
.index_2 .bd ul li h4 { font-size:14px; line-height:26px; padding-top:30px; padding-left:40px}
.index_2 .bd ul li h5 { width:110px; height:30px; left:40px; bottom:25px; line-height:30px}

.index_2 a.prev { margin-left:-550px}
.index_2 a.next { margin-right:-550px}
}


@media all and (max-width:750px){
.index_2 { background:url(../images/index_bg2s.jpg) top no-repeat #203850; background-size:100% auto; height:auto; padding-bottom:60px; position:relative;}
.index_2 h2 { font-size:24px;}
.index_2 h2 span { font-size:14px; line-height:30px}

.index_2 .bd { width:80%; height:auto}
.index_2 .bd ul li { width:100%; height:auto; background:#fff}
.index_2 .bd ul li img { margin-left:0; height:auto; max-width:100%; margin:0 auto; display:block; float:none}
.index_2 .bd ul li i.i1 { display:none}
.index_2 .bd ul li h3 { font-size:18px; padding-left:0; padding-top:10px; line-height:40px; text-align:center; color:#333}
.index_2 .bd ul li h4 { font-size:14px; line-height:26px; padding:5px 30px 20px 30px; color:#333; height:190px}

.index_2 .hd { position:absolute; right:0px; bottom:20px; width:100%; text-align:center; z-index:333; display:block}
.index_2 .hd ul li { display:inline; padding:0 5px; cursor:pointer}
.index_2 .hd ul li i { color:#fff}
.index_2 .hd ul li.on i { color:#E37B20}
}


.index_3 { height:536px; width:1396px; margin:0 auto; position:relative}
.index_3 h2 { font-size:28px; padding-top:60px; line-height:40px; color:#2d2d2d; padding-bottom:20px}
.index_3 ul { width:1448px}
.index_3 ul li { float:left; width:362px;}
.index_3 ul li a { display:block; width:310px;} 
.index_3 ul li img { display:block; border-radius:5px}
.index_3 ul li h3 { font-size:20px; padding-top:30px; height:90px; font-weight:bold}
.index_3 ul li h4 { font-size:12px}
.index_3 ul li i { display:none}

.index_3 ul li:nth-child(1) a,.index_3 ul li:nth-child(2) a,.index_3 ul li:nth-child(3) a,.index_3 ul li:nth-child(4) a,.index_3 ul li:nth-child(5) a { padding-top:50px; opacity:0}

.index_3 a.prev { display:block; background:url(../images/index_ico4.png); width:63px; height:35px; cursor:pointer; left:50%; margin-left:-800px; top:40%; position:absolute; -webkit-transition:none;-moz-transition:none;transition:none}
.index_3 a.next { display:block; background:url(../images/index_ico4.png); background-position:-63px 0; width:63px; height:35px; cursor:pointer; right:50%; margin-right:-800px; top:40%; position:absolute; -webkit-transition:none;-moz-transition:none;transition:none}
.index_3 a.prev:hover { background-position:0 -35px}
.index_3 a.next:hover { background-position:-63px -35px}

@media all and (max-width:1560px){
.index_3 { width:1000px; height:auto; padding-bottom:40px}
.index_3 h2 { font-size:24px; padding-top:40px; padding-bottom:15px}
.index_3 ul { width:1020px; overflow:hidden}
.index_3 ul li { width:255px}
.index_3 ul li a { width:235px} 
.index_3 ul li img { width:235px}
.index_3 ul li h3 { font-size:16px; padding-top:20px;}

.index_3 a.prev { margin-left:-600px}
.index_3 a.next { margin-right:-600px}
}

@media all and (max-width:750px){
.index_3 { width:90%; border:1px #ddd solid; margin:30px auto; padding-bottom:30px}
.index_3 h2 { font-size:18px; color:#df3535; text-align:center; padding-top:20px}
.index_3 ul { width:auto; overflow:hidden; width:90%; margin:0 auto; height:363px; overflow:hidden}
.index_3 ul li { width:auto; float:none; padding:30px 0 10px 0; position:relative; border-bottom:1px #ddd solid; height:80px}
.index_3 ul li a { width:auto} 
.index_3 ul li img { display:none}
.index_3 ul li h4 { position:absolute; top:15px; font-size:18px; font-weight:bold; color:#bbb; left:0}
.index_3 ul li h3 { height:auto; font-weight:normal}
.index_3 ul li i { display:block; position:absolute; right:0; top:10px; width:63px; height:35px; background:url(../images/index_ico4.png) right bottom no-repeat; transform:scale(0.4)}

.index_3 a.prev { display:none}
.index_3 a.next { display:none}
}

.totop { position:fixed; right:15px; bottom:15px; z-index:9000; width:60px; height:60px; background:#0C5ADB; border-radius:50%}
.totop i { display:block; color:#fff; text-align:center; cursor:pointer; line-height:50px; height:60px; font-size:24px}

@media all and (max-width:750px){
.totop { transform:scale(0.7)}
}
footer { border-top:1px #ddd solid; padding:15px 0; height:40px; font-size:12px}
footer .w100 { width:1396px; margin:0 auto}
footer h3 { float:left; padding-right:30px; line-height:40px; color:#9e9e9e; font-size:12px}
footer h3 a { color:#9e9e9e}

footer .foot2 { display:none}

footer .foot_r { float:right; line-height:28px; color:#b4b4b4; border:1px #ddd solid; border-radius:10px; text-align:center; padding:0 20px; position:relative}
footer .foot_r i { padding-left:10px}
footer .foot_r h5 { position:absolute; right:0; width:170px; bottom:30px; background:#fcfcfc; display:none}
footer .foot_r h5 a { display:block; font-size:14px; line-height:32px;}
footer .foot_r h5 a:hover { background:#f5f5f5}

footer h4 { float:right; padding:0 30px; font-size:12px; color:#9e9e9e}
footer h4 a { color:#9e9e9e}

footer ul { float:right}
footer ul li { float:left; padding-left:10px; position:relative}
footer ul li i.fa { color:#B4B4B4; font-size:20px}
footer ul li i.fa.fa-twitter:hover { color:#1296DB}
footer ul li i.fa.fa-facebook-square:hover { color:#1296DB}
footer ul li i.fa.fa-linkedin-square:hover { color:#0275B4}
footer ul li i.fa.fa-weixin:hover { color:#52C232}

footer ul li img { position:absolute; left:50%; margin-left:-85px; width:170px; bottom:40px; display:none}
footer ul li:hover img { display:block}
@media all and (max-width:1560px){
footer .w100 { width:90%; margin:0 auto}
}

@media all and (max-width:750px){
footer .w100 { display:none}
footer .ft { max-width:60%}
footer .foot2 { display:block; width:90%; margin:0 auto; overflow:hidden; padding-bottom:15px; color:#9e9e9e}
footer .foot2 a { color:#9e9e9e}
}



.about_8 { width:1402px; margin:0 auto; border-top:1px #D1D1D1 solid; padding-top:50px; background:url(../images/about_bg7.jpg) bottom right no-repeat; overflow:hidden}
.about_8 ul li { float:left; height:205px; width:585px}
.about_8 ul li:nth-child(3) { width:232px}
.about_8 ul li:nth-child(4) { width:auto; float:none; clear:both}
.about_8 ul li h3 { font-size:20px; line-height:30px; padding-bottom:10px}
.about_8 ul li h4 { line-height:36px; color:#888; font-size:16px}

@media all and (max-width:1560px){
.about_8 { width:1002px;}
.about_8 ul li { height:205px; width:390px}
.about_8 ul li:nth-child(3) { width:220px}

}

@media all and (max-width:750px){
.about_8 { width:90%; padding:0; background:none; padding-top:30px}
.about_8 ul li { float:none; height:auto; padding-bottom:30px; width:auto}
.about_8 ul li:nth-child(3) { width:auto}
.about_8 ul li h3 { font-size:16px; line-height:30px; padding-bottom:5px; text-align:center}
.about_8 ul li h4 { line-height:26px; color:#888; font-size:14px; text-align:center}

}

.about_7 { width:1402px; margin:0 auto; padding:80px 0}
.about_7 h2 { font-size:36px; font-weight:bold; line-height:40px}
.about_7 h3 { padding-top:100px; color:#96a531; font-size:21px; padding-bottom:20px}
.about_7 h4 { line-height:36px; color:#888; font-size:16px; padding-bottom:40px}
.about_7 ul li { width:252px; height:44px; border:1px #ddd solid; border-radius:10px; margin-bottom:20px; line-height:44px}
.about_7 ul li i { display:block; float:left; height:44px; margin:0 15px 0 65px; color:red; font-weight:bold; width:24px; background:url(../images/about_pn7.png) center no-repeat}
.about_7 ul li:nth-child(1) i { background:url(../images/about_pn6.png) center no-repeat}
.about_7 img { display:block; float:right; padding-top:60px}

@media all and (max-width:1560px){
.about_7 { width:1002px; padding:60px 0;}
.about_7 h2 { font-size:30px;}
.about_7 h3 { padding-top:80px; font-size:18px}
.about_7 h4 { line-height:30px; font-size:14px; padding-bottom:30px}

.about_7 img { width:550px}

}

@media all and (max-width:750px){
.about_7 { width:90%; padding:0;}
.about_7 h2 { width:auto; line-height:40px; font-size:24px; padding-top:30px; text-align:center; font-weight:normal; float:none}

.about_7 h3 { padding-top:30px; font-size:16px; text-align:center}
.about_7 h4 { line-height:30px; font-size:14px; padding-bottom:30px; text-align:center}
.about_7 img { display:none}

.about_7 ul li { margin:0 auto 20px auto}
}

.about_6 { background:url(../images/about_bg6.jpg) center no-repeat; height:506px}
.about_6 h2 { width:1402px; margin:0 auto; font-size:36px; font-weight:bold; line-height:40px; padding-top:90px}
.about_6 .hd { width:1402px; margin:0 auto; height:70px; padding-top:80px}
.about_6 .hd h3 { font-size:24px; font-weight:bold; line-height:40px; color:#CF936C; overflow:hidden}
.about_6 h3 a { display:block; float:left; padding-bottom:5px; margin-right:40px; color:#aaa; cursor: pointer;}
.about_6 h3 a.on { color:#CF936C; border-bottom:2px #ccc solid}
.about_6 .bd { width:1402px; margin:0 auto; font-size:16px; color:#888; line-height:36px}

@media all and (max-width:1560px){
.about_6 h2 { width:1002px; font-size:30px;}
.about_6 .hd { width:1002px;}
.about_6 .bd { width:1002px}


}

@media all and (max-width:750px){
.about_6 { background:url(../images/about_bg6.jpg) bottom right no-repeat #F7F4EB; background-size:200% auto; height:auto; padding-bottom:200px}
.about_6 h2 { width:auto; line-height:40px; font-size:24px; padding-top:40px; text-align:center; font-weight:normal; float:none}

.about_6 .hd { width:90%; margin:0 auto; height:auto; padding-top:30px}
.about_6 .hd h3 { font-size:16px; font-weight:bold; line-height:30px; color:#CF936C; overflow:hidden; text-align:center}
.about_6 h3 a { display:inline; float:none; padding-bottom:5px; margin:0 10px; d}
.about_6 h3 a.on { color:#CF936C; border-bottom:2px #ccc solid}
.about_6 .bd { width:90%; font-size:14px; color:#888; line-height:26px; padding-top:30px}
}

.about_5 { background:url(../images/about_bg5.jpg) center no-repeat; height:320px}
.about_5 .w100 { width:1402px; margin:0 auto;}
.about_5 h2 { float:left; line-height:320px; color:#ecc697; font-size:36px; font-weight:bold;}
.about_5 ul { float:right}
.about_5 ul li { float:left; padding:125px 0 0 80px}
.about_5 ul li img { display:block}

@media all and (max-width:1560px){
.about_5 { height:260px; background:url(../images/about_bg5.jpg) center no-repeat; background-size:auto 100%;}
.about_5 .w100 { width:1002px; margin:0 auto;}
.about_5 h2 { line-height:260px; font-size:30px; font-weight:bold;}
.about_5 ul li { float:left; padding:85px 0 0 60px}
.about_5 ul li img { display:block; height:90px}


}

@media all and (max-width:750px){
.about_5 { height:auto; padding-bottom:40px}
.about_5 .w100 { width:90%; margin:0 auto;}
.about_5 h2 { width:auto; line-height:40px; font-size:24px; padding-top:30px; text-align:center; font-weight:normal; float:none}
.about_5 ul { float:none}
.about_5 ul li { float:none; padding:30px 0 0 0}
.about_5 ul li img { display:block; height:50px; margin:0 auto}

}


.about_4 { background:url(../images/about_bg4.jpg) center no-repeat; height:761px; position:relative}
.about_4 h2 { font-size:36px; font-weight:bold; line-height:40px; padding-top:50px; padding-bottom:100px; width:1402px; margin:0 auto}

.about_4 .bd { height:480px; width:1402px; margin:0 auto; position:relative; z-index:22; overflow-x: scroll;}
.about_4 .bd::-webkit-scrollbar {
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px; border-radius: 10px; cursor: pointer;
  }
.about_4 .bd::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #006cdf;
  }
.about_4 .bd::-webkit-scrollbar-track {
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #EFEFEF;
  }
.about_4 .bd ul { width:3920px}
.about_4 .bd ul li { float:left; width:280px; position:relative; padding-bottom:10px}
.about_4 .bd ul li h3 { color:#006cdf; font-size:28px; line-height:30px; font-weight:bold; padding-bottom:105px; padding-left:20px}
.about_4 .bd ul li h4 { padding:15px 15px 15px 50px; width:190px; margin:0 auto; background:#fff; border-radius:10px; box-shadow:0 0 10px #ccc; font-size:16px; font-weight:bold}
.about_4 .bd ul li i { position:absolute; display:block; background:url(../images/about_pn3.png); width:32px; height:110px; left:25px; top:60px}
.about_4 .bd ul li span { border:3px #006CDF solid; display:block; width:6px; height:6px; border-radius:50%; float:left; margin:7px 5px 0 -27px}

.about_4 .bb1 { border-top:1px #ddd solid; position:absolute; left:0; right:0; top:343px; z-index:1}
.about_4 .hd { height:3px; width:340px; margin:0 auto; background:#E3E6EF}
.about_4 .hd ul li { float:left; width:85px; height:3px; cursor:pointer}
.about_4 .hd ul li.on { background:#006cdf}

@media all and (max-width:1560px){
.about_4 { height:630px; background:url(../images/about_bg4.jpg) center no-repeat; background-size:auto 100%;}
.about_4 h2 { width:1002px; font-size:30px; padding-top:60px; padding-bottom:60px; padding-top:50px}

.about_4 .bd { height:450px; width:1002px;}
.about_4 .bd ul { width:3552px}
.about_4 .bd ul li { width:250px;}
.about_4 .bd ul li h4 { padding:15px 15px 15px 40px; width:170px; font-size:14px;}
.about_4 .bd ul li span { margin:7px 5px 0 -18px}

}


@media all and (max-width:750px){
.about_4 { height:auto; padding-bottom:50px}
.about_4 h2 { width:auto; font-size:24px; padding-top:30px; text-align:center; font-weight:normal; padding-bottom:20px}
.about_4 .bd { width:95%; overflow-x: scroll; margin:0 auto}
.about_4 .bd ul { width:1752px}
.about_4 .bb1 { top:166px;}
.about_4 .hd { display:none}

.about_4 .bd::-webkit-scrollbar {
  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.about_4 .bd::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow   : inset 0 0 3px rgba(0, 0, 0, 0.2);
  background   : #4191E5;
  }
.about_4 .bd::-webkit-scrollbar-track {
  box-shadow   : inset 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background   : #EFEFEF;
  }
}


.about_3 { height:782px; background:url(../images/about_bg3.jpg) left bottom no-repeat; position:relative}
.about_3 h2 { width:1402px; margin:0 auto; font-size:36px; font-weight:bold; line-height:40px; padding-top:70px; padding-top:80px}
.about_3 ul { position:absolute; width:850px; top:75px; right:50%; margin-right:-650px}
.about_3 ul li { padding:30px 0; border-top:1px #ddd solid; position:relative}
.about_3 ul li i { font-size:24px; color:#888; position:absolute; right:50px; top:30px; line-height:30px}
.about_3 ul li h3 { font-size:24px; line-height:30px; padding-left:25px;cursor: pointer;}
.about_3 ul li h4 { padding:20px 140px 0 25px; display:none; font-size:16px; line-height:30px; color:#888}
.about_3 ul li:nth-child(1) h4 { display:block}

@media all and (max-width:1560px){
.about_3 { height:680px; background:url(../images/about_bg3.jpg) left bottom no-repeat; background-size:auto 50%;}
.about_3 h2 { width:1002px; font-size:30px; padding-top:60px}
.about_3 ul { width:700px; top:55px; margin-right:-500px}
.about_3 ul li { padding:20px 0;}
.about_3 ul li i { font-size:18px; right:40px; top:30px; line-height:30px}
.about_3 ul li h3 { font-size:18px; padding-left:20px}
.about_3 ul li h4 { padding:15px 100px 0 20px; font-size:14px; line-height:26px; }

}

@media all and (max-width:750px){
.about_3 { height:auto; background:none; padding-bottom:40px}
.about_3 h2 { width:auto; font-size:24px; padding-top:30px; text-align:center; font-weight:normal; padding-bottom:20px}
.about_3 ul { width:90%; top:auto; margin:0px auto; right:auto; position:relative}
.about_3 ul li { padding:10px 0;}
.about_3 ul li i { font-size:16px; right:30px; top:20px;}
.about_3 ul li h3 { font-size:16px; padding-left:20px}
.about_3 ul li h4 { padding:15px 20px 0 20px; font-size:14px; line-height:26px; }

}


.about_2 { height:1085px; background:url(../images/about_bg2.jpg) center no-repeat; position:relative}
.about_2 .w100 { width:1402px; margin:0 auto; position:relative;}
.about_2 h2 { font-size:36px; font-weight:bold; line-height:40px; padding-top:70px; padding-top:80px}
.about_2 img { float:right; padding-top:80px}
.about_2 a.a1 { position:absolute; right:386px; top:180px; width:800px; height:320px; display:block}
.about_2 a.a2 { position:absolute; right:0; top:180px; width:250px; height:240px; display:block}
.about_2 a.a3 { position:absolute; right:0; top:435px; width:250px; height:65px; display:block}
.about_2 h3 { text-align:center; font-size:24px; line-height:50px; background:url(../images/about_pn1.png) top no-repeat; width:334px; height:160px; padding-top:28px; margin:90px auto; font-weight:bold}
.about_2 .about_cn { float:left; width:500px;}
.about_2 p { font-size:16px; color:#888; line-height:32px; padding-bottom:20px}
.about_2 img.b2 { display:none}

@media all and (max-width:1560px){
.about_2 { height:882px; background:url(../images/about_bg2.jpg) center no-repeat; background-size:auto 100%}
.about_2 .w100 { width:1002px; margin:0 auto;}
.about_1 h2 { font-size:30px; padding-top:60px;}
.about_2 img { padding-top:60px; width:630px}
.about_2 h3 { margin:50px auto; font-weight:bold}

.about_2 .about_cn { width:340px;}
.about_2 p { font-size:14px; line-height:26px;}
}

@media all and (max-width:750px){
.about_2 { height:auto; background:url(../images/about_bg2r.jpg) top no-repeat #EDEDED; background-size:100% auto}
.about_2 .w100 { width:90%; padding-bottom:30px; position:relative; background:url(../images/about_bg2s.jpg) bottom no-repeat; background-size:100% auto}
.about_2 h2 { font-size:24px; padding-top:30px; text-align:center; font-weight:normal}
.about_2 .about_cn { float:none; width:auto;}
.about_2 h3 { margin:30px auto; font-weight:normal; font-size:18px; line-height:40px; width:260px; height:130px; background-size:100% 100%; padding-top:8px}
.about_2 img { display:none}
.about_2 img.b2 { display:block; width:100%; float:none; padding:50px 0}
.about_2 a.a1 { display:none}
.about_2 a.a2 { display:none}
}



.about_1 { height:789px; background:url(../images/about_bg1.jpg) center no-repeat; position:relative}
.about_1 h2 { width:1402px; margin:0 auto; font-size:48px; font-weight:bold; line-height:50px; padding-top:360px; color:#fff; opacity:0}
.about_1 h3 { width:1402px; margin:0 auto; font-size:22px; line-height:50px; padding-top:60px; color:#fff; opacity:0}
.about_1 img { display:none}


@media all and (max-width:1560px){
.about_1 { height:650px; background:url(../images/about_bg1.jpg) center no-repeat; background-size:auto 100%}
.about_1 h2 { width:1002px; font-size:36px; padding-top:220px;}
.about_1 h3 { width:1002px; font-size:18px;}

}

@media all and (max-width:750px){
.about_1 { height:auto;}
.about_1 h2 { width:90%; font-size:30px; padding-top:0 !important; text-align:center; position:absolute; top:50%; margin-top:-30px; left:5%}
.about_1 h3 { width:90%; font-size:18px; text-align:center; position:absolute; top:50%; left:5%; margin-top:30px;}
.about_1 img { display:block; width:100%}
}


.zoujin_1 { height:789px; background:url(../images/zoujin_bg1.jpg) center no-repeat; position:relative}
.zoujin_1 .a3 { display:none}

.zoujin_2 { height:1087px; background:url(../images/zoujin_bg2.jpg) center no-repeat; position:relative}
.zoujin_2 .zj_cn { position:absolute; right:0; bottom:0; width:800px; height:930px; background:#fff; margin-top:50px; opacity:0}
.zoujin_2 .zj_cn img { display:block; position:absolute; bottom:0; left:0; width:100%; z-index:11}
.zoujin_2 .zj_cn h1 { font-size:36px; padding:80px 0 40px 90px; border-bottom:1px #ddd solid; line-height:40px; margin-bottom:30px}
.zoujin_2 .zj_cn ul li { line-height:90px; padding-left:90px; font-size:24px}
.zoujin_2 .zj_cn ul { position:relative; z-index:22}
.zoujin_2 .zj_cn ul li i.fa { line-height:90px; display:block; float:left; color:#aaa; font-size:24px; padding-right:15px}

.zoujin_2 .a3 { display:none}

@media all and (max-width:1560px){
.zoujin_2 { height:890px; background:url(../images/zoujin_bg2.jpg) center no-repeat; background-size:auto 100%}
.zoujin_2 .zj_cn { width:647px; height:800px}
.zoujin_2 .zj_cn h1 { font-size:24px; padding:60px 0 30px 60px; margin-bottom:25px}
.zoujin_2 .zj_cn ul li { line-height:70px; padding-left:60px; font-size:18px}
.zoujin_2 .zj_cn ul li i.fa { line-height:70px; font-size:18px}

}
@media all and (max-width:750px){
.zoujin_1 { height:auto}
.zoujin_1 .a3 { display:block; width:100%}

.zoujin_2 { height:auto; background:none}
.zoujin_2 .a3 { display:block; width:100%}
.zoujin_2 .zj_cn { position:relative; width:100%; height:auto; right:auto; bottom:auto}
.zoujin_2 .zj_cn h1 { font-size:24px; padding:40px 30px 20px 30px; border-bottom:1px #ddd solid; line-height:40px; margin-bottom:20px}
.zoujin_2 .zj_cn ul li { line-height:40px; padding-left:30px; font-size:14px}
.zoujin_2 .zj_cn img { display:block; position:relative; bottom:auto; left:auto; width:100%; z-index:11}
.zoujin_2 .zj_cn ul li i.fa { line-height:40px;}
}


.zoujin_3 { height:1080px; background:url(../images/zoujin_bg3.jpg) center no-repeat; position:relative;}

.zoujin_3 .zj_kj { float:right; width:40%; padding-top:170px; margin-top:50px; opacity:0}
.zoujin_3 .zj_kj h2 { color:#fff; font-size:36px; font-weight:bold; padding-bottom:40px}
.zoujin_3 .zj_kj ul li { color:#fff; padding:0 0 30px 140px; font-size:18px; line-height:34px; position:relative; width:370px}
.zoujin_3 .zj_kj ul li h3 { position:absolute; left:80px; top:0; font-size:18px}
.zoujin_3 .zj_kj ul li i { position:absolute; display:block; left:0; top:-12px; width:55px; height:55px; background:url(../images/zoujin_ico11.png)}
.zoujin_3 .zj_kj ul li:nth-child(2) i { background:url(../images/zoujin_ico12.png)}
.zoujin_3 .zj_kj ul li:nth-child(3) i { background:url(../images/zoujin_ico13.png)}
.zoujin_3 h4 { color:#fff; font-size:16px; line-height:40px; position:absolute; bottom:130px; right:260px}

.zoujin_3 .a3 { display:none}

@media all and (max-width:1560px){
.zoujin_3 { height:890px; background:url(../images/zoujin_bg3.jpg) center no-repeat; background-size:auto 100%}
.zoujin_3 .zj_kj { padding-top:140px}
.zoujin_3 .zj_kj h2 { font-size:24px; font-weight:bold; padding-bottom:30px}
.zoujin_3 .zj_kj ul li { padding:0 0 30px 140px; font-size:16px; line-height:30px; position:relative; width:300px}
.zoujin_3 .zj_kj ul li h3 { left:80px; font-size:16px}
.zoujin_3 h4 { font-size:14px; bottom:100px; right:160px}


}
@media all and (max-width:750px){
.zoujin_3 { height:auto; background:none;}
.zoujin_3 .zj_kj { padding-top:0; position:absolute; left:5%; width:90%; bottom:60px}
.zoujin_3 .zj_kj h2 { font-size:16px; font-weight:normal; padding-bottom:10px}
.zoujin_3 .zj_kj ul li { padding:0 0 10px 100px; font-size:12px; line-height:24px; position:relative; width:auto}
.zoujin_3 .zj_kj ul li h3 { left:60px; font-size:12px}
.zoujin_3 h4 { font-size:12px; bottom:20px; right:0; width:100%; line-height:24px; text-align:center; display:none}
.zoujin_3 h4 br { display:none}
.zoujin_3 .a3 { display:block; width:100%}
.zoujin_3 .zj_kj ul li i { transform:scale(0.6)}
}


.zoujin_5 { width:1520px; margin:0 auto; padding:110px 0; overflow:hidden}
.zoujin_5 ul li { float:left; width:380px; padding-top:50px; opacity:0}
.zoujin_5 ul li a { display:block; height:144px; border-left:1px #ddd solid}
.zoujin_5 ul li:nth-child(1) a { border-left:0 none}
.zoujin_5 ul li img { display:block; margin:0 auto; padding-bottom:20px}
.zoujin_5 ul li h3 { font-size:24px; text-align:center}
.zoujin_5 ul li img { -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zoujin_5 ul li a:hover img { transform: rotateY(180deg)}

@media all and (max-width:1560px){
.zoujin_5 { width:1002px; padding:60px 0;}
.zoujin_5 ul li { width:250px}
.zoujin_5 ul li h3 { font-size:18px;}

}
@media all and (max-width:750px){
.zoujin_5 { width:90%; padding:50px 0 30px 0;}
.zoujin_5 ul li { width:50%; padding-bottom:20px}
.zoujin_5 ul li a { height:100px}
.zoujin_5 ul li h3 { font-size:16px;}
.zoujin_5 ul li:nth-child(3) a { border-left:0 none}
.zoujin_5 ul li img { width:60px}
}


.zoujin_4 { height:960px; background:url(../images/zoujin_bg4.jpg) center no-repeat; position:relative; margin-top:50px; opacity:0}
.zoujin_4 h2 { text-align:center; padding-top:90px; font-size:36px; line-height:50px;}
.zoujin_4 h5 { text-align:center; padding-top:10px; font-size:20px; color:#96A531}
.zoujin_4 i { display:block; width:12px; height:34px; background:url(../images/zoujin_ico21.png); position:absolute; top:40px; left:30px}
.zoujin_4 .zj_li1 { position:absolute; left:50%; margin-left:-680px; top:420px; font-size:16px; line-height:32px; z-index:623}
.zoujin_4 .zj_li1 b { display:block; font-size:20px; line-height:40px; padding:0 15px; background:rgba(255,255,255,0.8); border-radius:10px} 
.zoujin_4 .zj_li1 h4 { display:none; padding:0px 15px 0 15px}
.zoujin_4 .zj_li2 { position:absolute; left:50%; margin-left:-342px; top:453px; font-size:16px; line-height:32px; z-index:723}
.zoujin_4 .zj_li2 b { display:block; font-size:20px; line-height:40px; padding:0 15px; background:rgba(255,255,255,0.8); border-radius:10px} 
.zoujin_4 .zj_li2 h4 { display:none; padding:0px 15px 0 15px}
.zoujin_4 .zj_li3 { position:absolute; left:50%; margin-left:-100px; top:570px; font-size:16px; line-height:32px; z-index:523}
.zoujin_4 .zj_li3 b { display:block; font-size:20px; line-height:40px; padding:0 15px; background:rgba(255,255,255,0.8); border-radius:10px} 
.zoujin_4 .zj_li3 h4 { display:none; padding:0px 15px 0 15px}
.zoujin_4 .zj_li3 i { left:150px}
.zoujin_4 .zj_li4 { position:absolute; left:50%; margin-left:260px; top:660px; font-size:16px; line-height:32px; z-index:423}
.zoujin_4 .zj_li4 b { display:block; font-size:20px; line-height:40px; padding:0 15px; background:rgba(255,255,255,0.8); border-radius:10px} 
.zoujin_4 .zj_li4 h4 { display:none; padding:0px 15px 0 15px}
.zoujin_4 .zj_li4 i { left:170px}
.zoujin_4 .zj_li5 { position:absolute; left:50%; margin-left:545px; top:720px; font-size:16px; line-height:32px; z-index:323}
.zoujin_4 .zj_li5 b { display:block; font-size:20px; line-height:40px; padding:0 15px; background:rgba(255,255,255,0.8); border-radius:10px} 
.zoujin_4 .zj_li5 h4 { display:none; padding:0px 15px 0 15px}
.zoujin_4 .zj_li5 i { left:130px}

.zoujin_4 .zj_li1:hover { background:url(../images/zoujin_png1.png); width:616px; height:255px; margin-left:-710px; top:250px}
.zoujin_4 .zj_li2:hover { background:url(../images/zoujin_png2.png); width:615px; height:299px; margin-left:-362px; top:250px}
.zoujin_4 .zj_li3:hover { background:url(../images/zoujin_png3.png); width:490px; height:407px; margin-left:-70px; top:250px}
.zoujin_4 .zj_li4:hover { background:url(../images/zoujin_png4.png); width:613px; height:487px; margin-left:-80px; top:250px}
.zoujin_4 .zj_li5:hover { background:url(../images/zoujin_png5.png); width:618px; height:568px; margin-left:125px; top:250px}

.zoujin_4 .zj_li1:hover b { padding-top:10px; background:none}
.zoujin_4 .zj_li2:hover b { padding-top:10px; background:none}
.zoujin_4 .zj_li3:hover b { padding-top:10px; background:none}
.zoujin_4 .zj_li4:hover b { padding-top:10px; background:none}
.zoujin_4 .zj_li5:hover b { padding-top:10px; background:none}

.zoujin_4 .zj_li1:hover h4 { display:block}
.zoujin_4 .zj_li2:hover h4 { display:block}
.zoujin_4 .zj_li3:hover h4 { display:block}
.zoujin_4 .zj_li4:hover h4 { display:block}
.zoujin_4 .zj_li5:hover h4 { display:block}

.zoujin_4 .zj_li1:hover i { display:none}
.zoujin_4 .zj_li2:hover i { display:none}
.zoujin_4 .zj_li3:hover i { display:none}
.zoujin_4 .zj_li4:hover i { display:none}
.zoujin_4 .zj_li5:hover i { display:none}

.zj_t { display:none}


@media all and (max-width:1560px){
.zoujin_4 { height:780px; background:url(../images/zoujin_bg4.jpg) center no-repeat; background-size:auto 100%}
.zoujin_4 h2 { padding-top:70px; font-size:30px; line-height:40px;}
.zoujin_4 h4 { font-size:16px; color:#96A531}


.zoujin_4 .zj_li1 { position:absolute; left:50%; margin-left:-550px; top:320px; font-size:14px; line-height:26px;}
.zoujin_4 .zj_li1 b { display:block; font-size:16px; padding-bottom:10px} 


.zoujin_4 .zj_li2 { margin-left:-275px; top:368px; font-size:14px; line-height:26px;}
.zoujin_4 .zj_li2 b { font-size:16px;} 
.zoujin_4 .zj_li3 { margin-left:-80px; top:465px; font-size:14px; line-height:26px;}
.zoujin_4 .zj_li3 b { font-size:16px;} 
.zoujin_4 .zj_li4 { margin-left:215px; top:520px; font-size:14px; line-height:26px;}
.zoujin_4 .zj_li4 b { font-size:16px;} 
.zoujin_4 .zj_li5 { margin-left:445px; top:585px; font-size:14px; line-height:26px;}
.zoujin_4 .zj_li5 b { font-size:16px;} 

}

@media all and (max-width:750px){
.w4 { overflow-x:scroll; position:relative}
.zoujin_4 { display:none}

.zj_t { display:block; position:relative}
.zj_t h2 { text-align:center; font-size:18px; line-height:50px; position:absolute; z-index:777; left:0; width:100%; top:40px; }
.zj_t h5 { text-align:center; font-size:14px; color:#96A531; position:absolute; z-index:777; left:0; width:100%; top:80px; }
.zj_t img { display:block; width:100%}
.zj_t ul { padding:20px 0; width:80%; margin:0 auto}
.zj_t ul li { padding:20px 0}
.zj_t ul li b { display:block; padding-bottom:10px; font-size:16px; font-weight:normal}
}



.kaifa_1 { height:540px; background:url(../images/kaifa_bg1.jpg) center no-repeat; position:relative}
.kaifa_2 { height:940px; background:url(../images/kaifa_bg2.jpg) center no-repeat; position:relative}
.kaifa_3 { height:940px; background:url(../images/kaifa_bg3.jpg) center no-repeat; position:relative}
.kaifa_4 { height:810px; background:url(../images/kaifa_bg4.jpg) center no-repeat; position:relative; padding-top:130px}

@media all and (max-width:1560px){
.kaifa_4 { height:650px; background:url(../images/kaifa_bg4.jpg) center no-repeat; background-size:auto 100%; position:relative; padding-top:130px}
}

.kaifa_1 h2 { width:1402px; margin:0 auto; font-size:48px; font-weight:bold; line-height:50px; padding-top:310px; opacity:0;}
.kaifa_1 .a3 { display:none}

@media all and (max-width:1560px){
.kaifa_1 h2 { width:1002px;  font-size:36px;}
}

@media all and (max-width:750px){
.kaifa_1 { height:auto; background:none}
.kaifa_1 h2 { display:none}
.kaifa_1 .a3 { display:block; width:100%}
}

.kaifa_2 .tac { padding-top:190px; opacity:0; position:relative; z-index: 33;}
.kaifa_2 .tac img { display:block; margin:0 auto; padding-bottom:30px}
.kaifa_2 h3.h3_1 { text-align:center; font-size:16px; color:#666666; line-height:32px; padding-top:50px; opacity:0}
.kaifa_2 h3.h3_2 { text-align:center; font-size:16px; color:#666666; line-height:32px; padding-top:50px; opacity:0; display:none}


.kaifa_2 .kaifa_cn { position:absolute; left:50%; margin-left:-701px; height:155px; background:#fff; bottom:50px; padding-top:35px; width:1402px; margin-bottom:-50px; opacity:0}
.kaifa_2 .kaifa_cn .kf_cn1 { float:left; height:118px; width:415px; border-right:1px #ddd solid; position:relative}
.kaifa_2 .kaifa_cn .kf_cn2 { float:left; height:118px; width:415px; border-right:1px #ddd solid; position:relative}
.kaifa_2 .kaifa_cn h5 { padding-left:60px; font-size:24px; line-height:40px; padding-top:20px}
.kaifa_2 .kaifa_cn h5 b { font-size:36px; padding-right:10px; font-family: 'AvantGardeDemi';}
.kaifa_2 .kaifa_cn h4 { padding-left:60px; font-size:22px;}
.kaifa_2 .kaifa_cn .kf_cn1 i{ background:url(../images/kaifa_ico1.png); display:block; width:61px; height:59px; position:absolute; right:60px; top:25px}
.kaifa_2 .kaifa_cn .kf_cn2 i{ background:url(../images/kaifa_ico2.png); display:block; width:61px; height:59px; position:absolute; right:60px; top:25px}
.kaifa_2 .kaifa_cn ul { float:right}
.kaifa_2 .kaifa_cn ul li { float:left; padding-right:40px; position:relative}
.kaifa_2 .kaifa_cn ul li img { display:block; border:2px #fff solid}
.kaifa_2 .kaifa_cn ul li h4 { color:#fff; position:absolute; left:20px; bottom:10px; font-size:16px; padding-left:0}
.kaifa_2 .kaifa_cn ul li p { position:absolute; right:20px; bottom:190px; display:none}
.kaifa_2 .kaifa_cn ul li p img { display:block; width:850px; border:0 none;}
.kaifa_2 .kaifa_cn ul li p i { display:block; width:44px; height:28px; background:url(../images/kaifa_ico4.png); position:absolute; bottom:-27px; right:80px}

.kaifa_2 .kaifa_cn ul li:hover p { display:block}
.kaifa_2 .kaifa_cn ul li:hover img { border:2px #016BE1 solid}
.kaifa_2 .kaifa_cn ul li:hover p img { border:0 none; border-bottom:3px #fff solid}

.kaifa_2s { display:none}

@media all and (max-width:1560px){
.kaifa_2 .kaifa_cn { margin-left:-501px; width:1002px;}
.kaifa_2 .kaifa_cn .kf_cn1 { width:275px}
.kaifa_2 .kaifa_cn .kf_cn2 { width:225px}
.kaifa_2 .kaifa_cn h5 { padding-left:30px; font-size:18px;}
.kaifa_2 .kaifa_cn h5 b { font-size:24px; }
.kaifa_2 .kaifa_cn h4 { padding-left:30px; font-size:16px;}
.kaifa_2 .kaifa_cn .kf_cn1 i{ right:30px; top:25px}
.kaifa_2 .kaifa_cn .kf_cn2 i{ right:30px; top:25px}
.kaifa_2 .kaifa_cn ul li { padding-right:20px;}
}

@media all and (max-width:750px){
.kaifa_2 .tac { margin-top:-40px}
.kaifa_2 { height:700px; background:url(../images/kaifa_bg2.jpg) bottom no-repeat; background-size:200% auto }
.kaifa_2 .tac img { height:30px}
.kaifa_2 h3.h3_2 { display:block}
.kaifa_2 h3.h3_1 { display:none}

.kaifa_2 .kaifa_cn { position:relative; left:auto; margin-left:0; height:155px; background:none; bottom:auto; padding-top:35px; width:90%; margin:0 auto}
.kaifa_2 .kaifa_cn ul { display:none}

.kaifa_2 .kaifa_cn .kf_cn1 { width:55%; border-right:0 none}
.kaifa_2 .kaifa_cn .kf_cn2 { width:45%; border-right:0 none}

.kaifa_2 .kaifa_cn .kf_cn1 i { right:10px; height:40px; width:40px; background-size:auto 100%}
.kaifa_2 .kaifa_cn .kf_cn2 i { right:10px; height:40px; width:40px; background-size:auto 100%}
.kaifa_2 .kaifa_cn h5 { padding-left:10px; font-size:12px}
.kaifa_2 .kaifa_cn h4 { padding-left:10px; font-size:14px}

.kaifa_2s { display:block; margin-top:-30px; position:relative; z-index:444}
.kaifa_2s ul li { padding-bottom:30px;}
.kaifa_2s ul li img { max-width:80%; margin:0 auto; display:block; box-shadow:0 0 10px #aaa}
}
@media all and (max-width:750px){
.kaifa_2 h3.h3_2 { font-size:14px; line-height:26px;}
}

.kaifa_3 .kaifa_tx { position:absolute; left:0; width:100%; text-align:center; bottom:70px; color:#fff; font-size:16px; line-height:32px; margin-bottom:-50px; opacity:0}
.kaifa_3 .kaifa_tx img.a2 { display:block; position:absolute; left:50%; margin-left:-464px; top:-100px}
.kaifa_3 .kaifa_tx img.a3 { display:none}
.kaifa_3 img.a4 { display:none}
.kaifa_3 .kaifa_tx br { display:none}
.kaifa_3 .kaifa_tx br:nth-child(3) { display:block;}


@media all and (max-width:750px){
.kaifa_3 { height:auto; background:#fff; position:relative}
.kaifa_3 .kaifa_tx { position:relative; left:auto; width:90%; margin:0 auto; bottom:auto; color:#333; font-size:14px; line-height:26px; padding-top:40px}
.kaifa_3 .kaifa_tx img.a2 { display:none;}
.kaifa_3 .kaifa_tx img.a3 { display:block; max-width:90%; margin:0 auto; padding-bottom:20px}
.kaifa_3 img.a4 { display:block; width:100%;}
}



.kaifa_4 .bd { width:1402px; margin:0 auto; height:696px; background:#fff}
.kaifa_4 .bd ul li { position:relative; height:696px}
.kaifa_4 .bd ul li img { display:block; padding:40px 0 20px 60px}
.kaifa_4 .bd ul li img.anli1 { display:block; float:right; padding:0; padding-left:60px}
.kaifa_4 .bd ul li h3 { font-size:36px; font-weight:bold; line-height:40px; padding-left:60px; }
.kaifa_4 .bd ul li h4 { font-size:16px; line-height:28px; padding-left:60px; padding-top:30px; padding-bottom:50px}
.kaifa_4 .bd ul li h5 { padding-left:60px; width:400px; overflow:hidden}
.kaifa_4 .bd ul li h5 p { float:left; width:200px; text-align:center; font-size:16px; line-height:40px}
.kaifa_4 .bd ul li h5 span { display:block; font-weight:bold; font-size:20px}
.kaifa_4 .bd ul li h5 b { font-size:25px; padding:0 5px; font-family:'AvantGardeDemi'}

.kaifa_4 .bd ul li:nth-child(3) h3 { padding-top:30px}
.kaifa_4 .bd ul li:nth-child(3) img { padding:70px 0 20px 60px}
.kaifa_4 .bd ul li:nth-child(3) img.anli1 { padding:0; padding-left:60px}
.kaifa_4 .bd ul li:nth-child(3) h4 { padding-bottom:0px}
.kaifa_4 .bd ul li:nth-child(3) h5 { padding-top:30px}


.kaifa_4 .bd ul li:nth-child(4) h3 { padding-top:50px}
.kaifa_4 .bd ul li:nth-child(4) img { padding:70px 0 20px 60px}
.kaifa_4 .bd ul li:nth-child(4) img.anli1 { padding:0; padding-left:60px}


.kaifa_4 .bd ul li:nth-child(5) h3 { padding-top:50px}
.kaifa_4 .bd ul li:nth-child(5) img { padding:70px 0 20px 60px}
.kaifa_4 .bd ul li:nth-child(5) img.anli1 { padding:0; padding-left:60px}

.kaifa_4 .bd ul li.h5a h5 p { width:auto; padding:0 15px}
.kaifa_4 .bd ul li.h5a h5 b { font-size:30px;}


.kaifa_4 .prev { display:block; width:28px; height:52px; background:url(../images/kaifa_ico3.png) left; position:absolute; left:50%; margin-left:-750px; cursor:pointer; top:50%}
.kaifa_4 .next { display:block; width:28px; height:52px; background:url(../images/kaifa_ico3.png) right; position:absolute; right:50%; margin-right:-750px; cursor:pointer; top:50%}


@media all and (max-width:1560px){
.kaifa_4 .bd { width:1002px; height:496px;}
.kaifa_4 .bd ul li { height:496px}
.kaifa_4 .bd ul li img { display:block; padding:30px 0 10px 40px}
.kaifa_4 .bd ul li img.anli1 { height:496px}
.kaifa_4 .bd ul li h3 { font-size:18px; line-height:30px; padding-left:40px}
.kaifa_4 .bd ul li h4 { font-size:14px; line-height:26px; padding-left:40px; padding-top:20px; padding-bottom:20px}

.kaifa_4 .prev { margin-left:-550px;}
.kaifa_4 .next { margin-right:-550px;}
}

@media all and (max-width:750px){
.kaifa_4 { height:auto; padding:30px 0}
.kaifa_4 .bd { width:95%; height:auto; background:#fff}
.kaifa_4 .bd ul li { height:auto}
.kaifa_4 .bd ul li img { padding:20px 0 10px 20px; max-width:130px}
.kaifa_4 .bd ul li img.anli1 { display:block; padding:0; max-width:100%; margin:0 auto; height:auto; }

.kaifa_4 .bd ul li h3 { font-size:18px; padding-left:20px; }
.kaifa_4 .bd ul li h4 { font-size:14px; line-height:26px; padding-left:20px; padding-top:20px; padding-bottom:30px; padding-right:20px}
.kaifa_4 .bd ul li h5 { padding-left:20px; width:auto; overflow:hidden; padding-bottom:30px}
.kaifa_4 .bd ul li h5 p { float:left; width:33.3%; text-align:center; font-size:14px; line-height:30px}
.kaifa_4 .bd ul li h5 span { font-size:12px}
.kaifa_4 .bd ul li h5 b { font-size:18px; padding:0 5px; font-family:'AvantGardeDemi'}

.kaifa_4 .bd ul li img.ewms { width:80px; height:auto}

.kaifa_4 .prev { display:none}
.kaifa_4 .next { display:none}

.kaifa_4 .bd ul li:nth-child(3) h3 { padding-top:0px}
.kaifa_4 .bd ul li:nth-child(3) img { padding:30px 0 20px 20px}
.kaifa_4 .bd ul li:nth-child(3) img.anli1 { padding:0; padding-left:20px}
.kaifa_4 .bd ul li:nth-child(3) h4 { padding-bottom:0px}
.kaifa_4 .bd ul li:nth-child(3) h5 { padding-top:10px}


.kaifa_4 .bd ul li:nth-child(4) h3 { padding-top:0px}
.kaifa_4 .bd ul li:nth-child(4) img { padding:30px 0 20px 20px}
.kaifa_4 .bd ul li:nth-child(4) img.anli1 { padding:0; padding-left:20px}


.kaifa_4 .bd ul li:nth-child(5) h3 { padding-top:0px}
.kaifa_4 .bd ul li:nth-child(5) img { padding:30px 0 20px 20px}
.kaifa_4 .bd ul li:nth-child(5) img.anli1 { padding:0; padding-left:20px}

.kaifa_4 .bd ul li.h5a h5 p { width:auto; padding:0 15px}
.kaifa_4 .bd ul li.h5a h5 b { font-size:30px;}

}


.guoji_1 { height:539px; background:url(../images/guoji_bg1.jpg) center no-repeat; position:relative}
.guoji_1 h2 { width:1402px; margin:0 auto; font-size:48px; font-weight:bold; line-height:50px; padding-top:310px; color:#fff; opacity:0}
.guoji_1 img { display:none}

@media all and (max-width:1560px){
.guoji_1 h2 { width:1002px; font-size:36px;}

}
@media all and (max-width:750px){
.guoji_1 { height:auto; background:none}
.guoji_1 h2 { display:none}
.guoji_1 img { display:block; width:100%}
}


.guoji_2 { position:relative}
.guoji_2 img { display:block; width:100%}
.guoji_2 h1 { position:absolute; left:0; width:100%; text-align:center; bottom:150px; color:#fff; font-size:36px}
.guoji_2 h3 { position:absolute; left:0; width:100%; text-align:center; bottom:100px; color:#fff; font-size:16px}

.guoji_2 .a2 { display:block}
.guoji_2 .a3 { display:none}
@media all and (max-width:750px){
.guoji_2 { position:relative; margin-top:10px}
.guoji_2 .a3 { display:block}
.guoji_2 .a2 { display:none}

.guoji_2 h1 { bottom:80px; color:#fff; font-size:18px}
.guoji_2 h3 { bottom:20px; color:#fff; font-size:14px}
}
@media all and (max-width:480px){
.guoji_2 h3 { font-size:12px}
}
.guoji_3 { height:598px; background:url(../images/guoji_bg3.jpg) top no-repeat; padding-top:105px}
.guoji_3 ul { width:1402px; margin:0 auto}
.guoji_3 ul li { float:left; width:668px; position:relative}
.guoji_3 ul li:nth-child(2) { float:right}
.guoji_3 ul li img { display:block}
.guoji_3 ul li p { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(20,112,210,0.76); z-index:1; display:none}
.guoji_3 ul li h3 { position:absolute; left:0; right:0; top:80%; text-align:center; color:#fff; font-size:36px; line-height:50px; z-index:22}
.guoji_3 ul li h4 { position:absolute; left:60px; right:60px; top:210px; color:#fff; font-size:16px; line-height:30px; z-index:23; display:none}


@media all and (max-width:1560px){
.guoji_3 { height:460px; background:url(../images/guoji_bg3.jpg) top no-repeat; padding-top:105px; background-size:auto 100%}
.guoji_3 ul { width:1002px; margin:0 auto}
.guoji_3 ul li { width:480px;}
.guoji_3 ul li img { display:block; width:100%}
.guoji_3 ul li h3 { font-size:24px; line-height:50px; z-index:22}
.guoji_3 ul li h4 { top:150px; font-size:14px; line-height:26px; z-index:23; left:45px; right:45px}

}
@media all and (max-width:750px){
.guoji_3 { height:auto; background:url(../images/guoji_bg3.jpg) top no-repeat; padding:50px 0 20px 0; background-size:auto 100%; overflow:hidden}
.guoji_3 ul { width:80%; margin:0 auto}
.guoji_3 ul li { width:auto; float:none; background:none; padding-bottom:20px}
.guoji_3 ul li img { display:block; width:100%}
.guoji_3 ul li h3 { position:relative; left:auto; right:auto; top:auto; text-align:center; color:#fff; font-size:18px; line-height:50px; z-index:22; background:rgba(20,112,210,0.76); padding:20px 0 10px 0}
.guoji_3 ul li h4 { position:relative; left:auto; right:auto; top:auto; color:#fff; font-size:14px; line-height:26px; z-index:23; display:block; background:rgba(20,112,210,0.76); padding:0 20px 20px 20px}

}

.guoji_4 { width:1402px; margin:0 auto; padding-top:130px}
.guoji_4 ul li { padding-bottom:150px; overflow:hidden; position:relative; padding-left:855px}
.guoji_4 ul li img { display:block;}
.guoji_4 ul li img.gj1 { position:absolute; left:0; top:0}
.guoji_4 ul li img.gj2 { display:none}
.guoji_4 ul li h3 { font-size:24px; font-weight:bold; line-height:40px; padding-top:30px}
.guoji_4 ul li h4 { font-size:16px; line-height:32px; padding-top:30px; padding-bottom:30px}

.guoji_4 ul li:nth-child(2n) { padding-left:0}
.guoji_4 ul li:nth-child(2n) img.gj1 { left:auto; right:0}
.guoji_4 ul li:nth-child(2n) h4 { width:545px}


@media all and (max-width:1560px){
.guoji_4 { width:1002px;}
.guoji_4 ul li { padding-bottom:100px; padding-left:550px}
.guoji_4 ul li img.gj1 { width:500px}
.guoji_4 ul li h3 { font-size:18px; padding-top:20px}
.guoji_4 ul li h4 { font-size:14px; line-height:26px; padding-top:20px; padding-bottom:20px}

.guoji_4 ul li:nth-child(2n) h4 { width:450px}

}

@media all and (max-width:750px){
.guoji_4 { width:90%;}
.guoji_4 ul li { padding-bottom:30px; padding-left:0}
.guoji_4 ul li img { margin:0 auto}
.guoji_4 ul li img.gj1 { display:none}
.guoji_4 ul li h3 { font-size:18px; padding-top:20px; text-align:center; padding-bottom:20px}
.guoji_4 ul li h4 { font-size:14px; line-height:26px; padding-top:0px; padding-bottom:20px}

.guoji_4 ul li:nth-child(2n) h4 { width:auto}
.guoji_4 ul li img.gj2 { display:block; max-width:100%; margin:0 auto}

}



.guoji_5 { background:#F3F5F8; padding-bottom:50px}
.guoji_5 h2 { width:1402px; margin:0 auto; font-size:36px; font-weight:bold; line-height:40px; padding-top:110px; padding-bottom:60px; position:relative}
.guoji_5 .bd { width:1402px; margin:0 auto; overflow:hidden}
.guoji_5 .bd ul { width:1452px;}
.guoji_5 .bd ul li { float:left; width:290px; margin-bottom:40px; overflow:hidden; position:relative}
.guoji_5 .bd ul li img { display:block}
.guoji_5 .bd ul li img.a1 { position:absolute; left:0; top:100%}

.guoji_5 a.prev { position:absolute; display:block; position:absolute; top:110px; right:40px;}
.guoji_5 a.next { position:absolute; display:block; position:absolute; top:110px; right:0px;}
.guoji_5 h2 i.fa { display:block; font-size:24px; line-height:40px; cursor:pointer}

.guoji_5 .tar { width:1402px; margin:0 auto; overflow:hidden; color:#888}

@media all and (max-width:1560px){
.guoji_5 h2 { width:1002px; font-size:30px; padding-top:80px; padding-bottom:40px; position:relative}
.guoji_5 a.prev { top:80px; right:40px;}
.guoji_5 a.next { top:80px; right:0px;}
.guoji_5 .bd { width:1002px;}
.guoji_5 .bd ul { width:1050px;}
.guoji_5 .bd ul li { width:210px; padding-bottom:30px}
.guoji_5 .bd ul li img { width:180px;}
.guoji_5 .tar { width:1002px;}

}

@media all and (max-width:750px){
.guoji_5 h2 { width:auto; font-size:24px; padding-top:50px; padding-bottom:20px; position:relative; text-align:center; font-weight:normal}
.guoji_5 a.prev { top:180%; right:auto; left:10px;}
.guoji_5 a.next { top:180%; right:10px;}
.guoji_5 .bd { width:90%;}
.guoji_5 .bd ul { width:auto;}
.guoji_5 .bd ul li { width:33.3%; padding-bottom:20px; margin-bottom:0 }
.guoji_5 .bd ul li img { width:90%; margin:0 auto}
.guoji_5 .bd ul li:nth-child(10) { display:none}
.guoji_5 .tar { width:90%;}
}




.hujian_1 { background:url(../images/hujian_bg1.jpg) top no-repeat; height:896px; position:relative}
.hujian_1 .tac { position:absolute; left:0; width:100%; top:174px; padding-top:50px; opacity:0}
.hujian_1 .tac img { display:block; margin:0 auto}

.hujian_1 .tac2 { position:absolute; left:50%; width:100%; top:410px; padding-top:50px; opacity:0; width:1088px; margin-left:-544px}
.hujian_1 .tac2 img { display:block; margin:0 auto}

.hujian_1 .tac2 ul li { position:absolute; padding-top:50px; opacity:0}
.hujian_1 .tac2 ul li img { display:block; float:left; margin-right:10px}
.hujian_1 .tac2 ul li h3 { font-size:20px; line-height:70px; text-overflow:ellipsis; white-space: nowrap;}

.hujian_1 .tac2 ul li:nth-child(1) { left:260px; top:-36px}
.hujian_1 .tac2 ul li:nth-child(2) { left:664px; top:42px}
.hujian_1 .tac2 ul li:nth-child(3) { left:800px; top:264px}
.hujian_1 .tac2 ul li:nth-child(4) { left:124px; top:336px}
.hujian_1 .tac2 ul li:nth-child(5) { left:-40px; top:97px}

.hujian_1 .tac2 ul li:nth-child(1) h3 { line-height:30px;}
.hujian_1 .tac2 ul li:nth-child(2) h3 { line-height:30px;}

.hujian_1 .a3 { display:none}

@media all and (max-width:750px){
.hujian_1 { height:auto; background:none}
.hujian_1 .tac { display:none}
.hujian_1 .tac2 { display:none}
.hujian_1 .a3 { display:block; width:100%}
}


.hujian_2 { overflow:hidden}
.hujian_2 .hj_li { padding:100px 0 60px 0; position:relative; width:1402px; margin:0 auto}
.hujian_2 .hj_li .bd { width:636px; height:413px; margin-top:75px; float:right; z-index:33; position:relative}
.hujian_2 .hj_li .bd ul li img { display:block; width:100%}

.hujian_2 .hj_li .hd { position:absolute; right:0; top:550px; text-align:center; z-index:44; width:636px}
.hujian_2 .hj_li .hd ul li { display: inline; padding:0 10px}
.hujian_2 .hj_li .hd ul li i { font-size:12px; color:#fff; opacity: 0.5}
.hujian_2 .hj_li .hd ul li.on i { opacity:1}

.hujian_2 .hj_li .hj_cn { width:635px; position:relative; z-index:222}
.hujian_2 .hj_li .hj_cn .logof img { display:block}
.hujian_2 .hj_li .hj_cn h1 { font-size:36px; line-height:40px; padding:40px 0; border-bottom:3px #333 solid;}
.hujian_2 .hj_li .hj_cn h3 { font-size:16px; line-height:32px; padding:40px 0}
.hujian_2 .hj_li .hj_cn a { display:block; float:left; margin-right:20px; width:50px; height:50px; background:#ECECEC; border-radius:50%; position:relative}
.hujian_2 .hj_li .hj_cn a i { display:block; text-align:center; font-size:24px; line-height:50px}
.hujian_2 .hj_li .hj_cn a img { width:150px; height:150px; position:absolute; top:60px; left:-50px; display:none}
.hujian_2 .hj_li .hj_cn a:hover img { display:block;}

.hujian_2 .hj_li#li2 .bd { float:left; margin-top:110px; width:582px}
.hujian_2 .hj_li#li2 .hd { right:auto; left:0; width:582px;}
.hujian_2 .hj_li#li2 .hj_cn { width:620px; background:#F4F4F4; height:534px; float:right; padding:60px 100px 0 100px}
.hujian_2 .hj_li#li2 .hj_cn h1 {}



.hujian_2 .hj_li#li3 .bd { margin-top:40px}
.hujian_2 .hj_li#li5 .bd { margin-top:40px}
.hujian_2 .hj_li#li5 .hd { top:500px;}
.hujian_2 .hj_li#li5 .hj_cn h1 { padding-top:100px}

.hujian_2 .hj_li#li4 .bd { margin-top:0; position:absolute; left:0; top:0px}
.hujian_2 .hj_li#li4 .hj_cn h1 {}
.hujian_2 .hj_li#li4 .hj_cn { width:620px; background:#F4F4F4; height:350px; padding:30px 100px 0 100px; float:right}


.hujian_2 .hj_bg { height:330px; bottom:60px; width:960px; right:50%; background:#3486DA; position:absolute; z-index:1}


@media all and (max-width:1560px){
.hujian_2 .hj_li { padding:70px 0 30px 0; width:1002px;}

.hujian_2 .hj_li .bd { width:500px; margin-top:50px;}
.hujian_2 .hj_li .hd { top:400px; width:500px}
.hujian_2 .hj_li .hj_cn { width:460px;}
.hujian_2 .hj_li .hj_cn h1 { font-size:24px; padding:20px 0; border-bottom:2px #333 solid;}
.hujian_2 .hj_li .hj_cn h3 { font-size:14px; line-height:26px; padding:30px 0}

.hujian_2 .hj_li#li2 .bd { width:500px; margin-top:80px;}
.hujian_2 .hj_li#li2 .hd { top:430px; width:500px;}
.hujian_2 .hj_li#li2 .hj_cn { width:382px; background:#F4F4F4; height:484px; padding:40px 60px 0 60px}
.hujian_2 .hj_li#li2 .hj_cn h1 {}

.hujian_2 .hj_li#li4 .hj_cn { width:420px; height:300px; padding:30px 60px 0 60px}
.hujian_2 .hj_li#li5 .hd { top:390px;}

.hujian_2 .hj_bg { height:200px; width:780px;}
}


@media all and (max-width:750px){
.hujian_2 .hj_li { padding:0px 0 20px 0; width:100%;}

}

@media all and (max-width:750px){
.pages { width:90%;}
.hujian_2 .hj_li { padding-bottom:390px}
.hujian_2 .hj_li .bd { float:none; width:auto; height:auto; margin-top:0; height:340px; position:absolute; left:50%; width:524px; bottom:30px; margin-left:-262px}
.hujian_2 .hj_li .hj_cn { float:none; width:auto; height:auto; width:90%; margin:0 auto; margin-top:20px; height:auto}
.hujian_2 .hj_li .hj_cn img { height:50px; display:block; margin:0 auto; padding-top:30px}
.hujian_2 .hj_li .hj_cn h1 { font-size:18px; text-align:center; padding:15px 0}
.hujian_2 .hj_li .hj_cn h3 { padding:20px 0}

.hujian_2 .hj_li#li2 { background:#F3F3F3}
.hujian_2 .hj_li#li2 .bd { width:auto; margin:0; float:none; width:524px; margin-left:-262px;}
.hujian_2 .hj_li#li2 .hj_cn { width:90%; margin:0 auto; float:none; height:auto}
.hujian_2 .hj_bg { display:none}
.hujian_2 .hj_li#li2 .hj_cn { padding:0; background:none}


.hujian_2 .hj_li#li4 { background:#F3F3F3}
.hujian_2 .hj_li#li4 .bd { top:auto; width:524px; height:340px; position:absolute; left:50%; width:524px; bottom:30px; margin-left:-262px;}
.hujian_2 .hj_li#li4 .hj_cn { width:90%; margin:0 auto; float:none; padding:0; background:none; height:auto}

.hujian_2 .hj_li .hj_cn a { width:40px; height:40px; margin-right:15px}
.hujian_2 .hj_li .hj_cn a i { width:40px; height:40px; font-size:18px; line-height:40px}

.hujian_2 .hj_li#li5 { margin-bottom:30px}
.hujian_2 .hj_li#li5 .hj_cn h1 { padding-top:0px}
}

@media all and (max-width:530px){
.hujian_2 .hj_li { padding-bottom:250px}
.hujian_2 .hj_li .bd { height:205px; width:320px; bottom:30px; margin-left:-160px}
.hujian_2 .hj_li#li2 .bd { height:205px; width:320px; margin-left:-160px;}
.hujian_2 .hj_li#li4 .bd { height:205px; width:320px; margin-left:-160px;}
}

.news_1 { background:url(../images/news_bg.jpg) top no-repeat; height:540px;}
.news_1 h2 { width:1402px; margin:0 auto; font-size:48px; font-weight:bold; line-height:50px; padding-top:310px; color:#fff; opacity:0}

.news_list { width:1402px; margin:0 auto; margin-top:-100px; background:#fff; padding:0 50px}
.news_list ul li { overflow:hidden; padding:60px 0; border-bottom:1px #ddd solid; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.news_list ul li:hover { background:#f5f5f5; padding:60px 20px}
.news_list ul li img { display:block; float:left; margin-right:100px}
.news_list ul li h3 { font-size:20px; padding:20px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_list ul li h3 font { font-size:20px; color:red}
.news_list ul li h4 { font-size:14px; height:100px}
.news_list ul li h5 a { display:block; float:right}


@media all and (max-width:1560px){
.news_1 h2 { width:1002px; font-size:36px;}
.news_list { width:1002px; margin-top:-100px; padding:0 40px}
.news_list ul li img { margin-right:60px}


}

@media all and (max-width:750px){
.news_1 { background:url(../images/news_bg.jpg) top no-repeat; height:420px; background-size:auto 100%}
.news_1 h2 { width:90%; font-size:24px; margin-top:-150px}

.news_list { width:90%; margin-top:-50px; padding:0 20px}
.news_list ul li img { margin:0 auto; max-width:60%; float:none; display:block; height:auto}
.news_list ul li { padding:30px 0;}
.news_list ul li:hover { background:#fff; padding:30px 0}

.news_list ul li h3 { font-size:16px; padding:10px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_list ul li h4 { font-size:12px; height:auto; padding-bottom:10px; color:#888; line-height:20px}
.news_list ul li h5 a { display:block; float:right}


}

.pages { height:60px; padding:30px 0; width:1402px; margin:0 auto}
.pages ul li { float:left; font-size:18px; padding-right:20px}

@media all and (max-width:1560px){
.pages { width:1002px;}

}

@media all and (max-width:750px){
.pages { width:90%;}
.pages ul li { font-size:14px; margin:0 5px; padding:0}
}



.news_cn { width:1402px; margin:0 auto; margin-top:-100px; background:#fff; padding:60px 50px}
.news_cn .news_left { float:left; width:806px}
.news_cn .news_right { float:right; width:416px}


.news_cn .news_left h1 { font-size:24px; line-height:30px; padding-bottom:20px}
.news_cn .news_left h3 { color:#888}
.news_cn .news_left .news_body { font-size:14px; line-height:32px; padding-top:20px}
.news_cn .news_left .news_body p { padding-bottom:15px;}
.news_cn .news_left .news_body img { display:block; max-width:100%; height:auto}
.news_cn .news_left .news_body input { display:block; max-width:100%; height:auto}

.news_cn .news_right h2 { font-size:18px; padding-bottom:20px}
.news_cn .news_right ul li { padding:20px 0; border-bottom:1px #ddd solid}
.news_cn .news_right ul li h3 { color:#000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_cn .news_right ul li h4 { color:#888}
.news_cn .news_right ul li a:hover h3 { color:#E37B20}


@media all and (max-width:1560px){
.news_cn { width:1002px;}
.news_cn .news_left { float:left; width:660px}
.news_cn .news_right { float:right; width:300px}

.news_cn .news_left h1 { font-size:18px; line-height:30px;}



}

@media all and (max-width:750px){
.news_cn { width:90%; padding:0}
.news_cn .news_left { width:auto; float:none}
.news_cn .news_right { display:none}
.news_cn .news_left h1 { font-size:18px; line-height:30px; padding:25px 15px 5px 15px}
.news_cn .news_left h3 { color:#888; padding-left:15px}


}


.news_sx { padding:80px 0; background:#f3f3f3; overflow:hidden}
.news_sx .w100 { width:1402px;}
.news_sx .ft { position:relative; line-height:30px; color:#888}
.news_sx .ft a { display:block}
.news_sx .ft h3 { font-size:16px; color:#333}
.news_sx .ft i { display:block; position:absolute; left:-50px; top:0; line-height:60px; font-size:24px; color:#888; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.news_sx .ft a:hover { padding-left:20px}
.news_sx .ft a:hover i { left:-30px; color:#E37B20}
.news_sx .ft a:hover h3 { color:#E37B20}

.news_sx .fr { position:relative; line-height:30px; color:#888; text-align:right}
.news_sx .fr a { display:block}
.news_sx .fr h3 { font-size:16px; color:#333}
.news_sx .fr i { display:block; position:absolute; right:-50px; top:0; line-height:60px; font-size:24px; color:#888; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.news_sx .fr a:hover { padding-right:20px}
.news_sx .fr a:hover i { right:-30px; color:#E37B20}
.news_sx .fr a:hover h3 { color:#E37B20}



@media all and (max-width:1560px){
.news_sx .w100 { width:1002px;}


}


@media all and (max-width:750px){
.news_sx { padding:40px 0;}
.news_sx .w100 { width:90%;}
.news_sx .ft { float:none; text-align:left}
.news_sx .fr { float:none; text-align:left}

}


header .search { cursor:pointer}
header .head_r form { position:absolute; right:0; top:90px; width:300px; height:40px; background:#fff; border:1px #ddd solid; display:none}
header .head_r form .inp1 { display:block; line-height:36px; height:36px; padding:0 10px; width:240px; float:left}
header .head_r form .inp2 { position:absolute; right:0; width:30px; top:0; height:30px; cursor:pointer; opacity:0; z-index:222}
header .head_r form i.fa { float:right; line-height:40px; width:30px; text-align:center}