@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; min-width:1440px;}

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

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

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

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#075798;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:1440px; margin:0 auto}

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


header { position:absolute; left:0; top:15px; right:0; z-index:3333; height:65px; border-bottom:1px rgba(0,0,0,0.2) solid}
header .logos { float:left; line-height:50px; height:50px; font-size:30px; font-weight:bold; width:160px; }
header .logos a { color:#fff; display:block}
header nav { float:right; padding-top:10px}
header nav ul li { float:left; line-height:40px; padding-right:80px;}
header nav ul li a { color:#fff; font-size:16px}
header nav ul li.nav_on a { color:#15A5DD}

header .head_r { float:right; line-height:40px; width:120px; padding-top:5px}
header .head_r a { color:#fff; font-size:16px; display:block; text-align:center; background:#075798; border-radius:5px;}
header .head_r a:hover { background:#000}

header .head_r2 { display:none}

header.toph2 { position:fixed; background:#fff; display:none; border-bottom:1px #ddd solid; top:0; padding-top:15px}
header.toph2 .logos a { color:#075798; display:block}
header.toph2 nav ul li a { color:#555}
header.toph2 nav ul li a:hover { color:#000}
header.toph2 nav ul li.nav_on a { color:#15A5DD}

header.toph2 .head_r { color:#666}
header.toph2 .head_r i { color:#fff; background-color:#8CA7C8}

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


}
@media all and (max-width:1100px){
header .head_r2 { display:block; line-height:40px; float:left; color:#fff}
header nav { display:none; position:absolute; left:0; right:0; top:51px; background:#fff; padding-top:0}
header nav ul li { float:none; padding-right:0; border-top:1px #ddd solid; padding-left:20px}
header nav ul li a { color:#343434; display:block; font-size:14px}

header { top:10px; height:50px}
header .logos { line-height:40px; height:40px; font-size:24px; }
header .head_r {padding-top:0}
header .head_r a { font-size:14px;}
header .head_r a:hover { background:#000}


header.toph2 { padding-top:10px}
header.toph2 .head_r2 { color:#666}



}



.banner { overflow:hidden; position:relative}
.banner .bd ul li { position:relative}
.banner .bd ul li h3 { position:absolute; left:50%; margin-left:-720px; top:50%; padding:40px; width:500px; background:rgba(0,0,0,0.5); color:#fff; font-size:18px; line-height:30px}
.banner .bd ul li h3 b { font-size:50px; line-height:70px; display:block; padding-bottom:20px}
.banner .bd ul li h3 a { display:block; margin-top:20px; width:120px; line-height:40px; border:1px #aaa solid; border-radius:5px; text-align:center; color:#fff; font-size:16px}


.banner .prev { display:block; position:absolute; left:10px; top:50%; height:70px; width:70px; margin-top:-35px}
.banner .prev i { display:block; line-height:70px; text-align:center; color:#fff; font-size:24px; background:rgba(0,0,0,0.2); border-radius:50%; cursor:pointer}

.banner .next { display:block; position:absolute; right:10px; top:50%; height:70px; width:70px; margin-top:-35px}
.banner .next i { display:block; line-height:70px; text-align:center; color:#fff; font-size:24px; background:rgba(0,0,0,0.2); border-radius:50%; cursor:pointer}


@media all and (max-width:1560px){
.banner .bd ul li h3 { margin-left:-550px; top:40%; padding:30px; width:400px; font-size:16px;}
.banner .bd ul li h3 b { font-size:40px; line-height:50px; padding-bottom:15px}
.banner .bd ul li h3 a { font-size:14px}
}

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

.banner .prev { height:50px; width:50px; margin-top:0; top:auto; bottom:30px; left:50%; margin-left:-80px}
.banner .prev i { line-height:50px; font-size:24px;}

.banner .next { height:50px; width:50px; margin-top:0; top:auto; bottom:30px; right:50%; margin-right:-80px}
.banner .next i { line-height:50px; font-size:24px;}

.banner .bd ul li h3 { left:10%; right:10%; margin-left:0; top:auto; bottom:100px; padding:20px; width:auto; font-size:14px; line-height:26px}
.banner .bd ul li h3 b { font-size:24px; line-height:40px;}

}



.index_1 { padding:90px 0; width:1440px; margin:0 auto}
.index_1 h1 { text-align:center; font-size:30px; line-height:50px; position: relative; padding-bottom:20px}
.index_1 h1 span { color:#075798}
.index_1 h1 i { display:block; position:absolute; bottom:0; left:50%; width:120px; margin-left:-60px; background:#075798; height:2px; border-radius:1px}
.index_1 .infos { text-align:center; padding-top:20px; color:#888; font-size:16px; padding-bottom:40px}

.index_1 ul { width:1500px}
.index_1 ul li { float:left; width:500px; padding-bottom:50px}
.index_1 ul li a { display:block; width:438px; border:1px #eee solid; border-radius:5px}
.index_1 ul li a:hover { box-shadow:5px 5px 5px #ddd}
.index_1 ul li img { display:block; margin:0 auto; padding:30px 0 0 0}
.index_1 ul li h3 { text-align:center; font-size:18px; font-weight:bold; padding-top:20px}
.index_1 ul li h4 { text-align:center; padding:20px 20px 0 20px; color:#888; font-size:14px; height:80px}

@media all and (max-width:1560px){
.index_1 { padding:60px 0; width:1100px; margin:0 auto}

.index_1 ul { width:1140px}
.index_1 ul li { width:380px; padding-bottom:40px}
.index_1 ul li a { width:340px;}
.index_1 ul li h4 { padding:20px 20px 0 20px; height:120px}
}

@media all and (max-width:1100px){
.index_1 { padding:40px 0; width:90%}
.index_1 h1 { font-size:18px; line-height:36px;}
.index_1 .infos { font-size:14px; padding-bottom:30px}

.index_1 ul { width:760px; margin:0 auto}
}
@media all and (max-width:760px){
.index_1 ul { width:auto;}
.index_1 ul li { float:none; width:auto; padding-bottom:30px}
.index_1 ul li a { width:auto}
.index_1 ul li h4 { height:auto; padding-bottom:20px}
}



.index_2 { background:url(../images/index_bg1.jpg) center no-repeat; height:865px; overflow:hidden; position:relative; background:#f0f0f0}
.index_2 h2 { text-align:center; font-size:30px; line-height:50px; position: relative; padding-bottom:20px; padding-top:90px}
.index_2 h2 i { display:block; position:absolute; bottom:0; left:50%; width:120px; margin-left:-60px; height:2px; border-radius:1px}

.index_2 .bd { position:absolute; left:50%; width:4500px; top:220px; margin-left:-2250px}
.index_2 .bd ul li { float:left; width:1500px}
.index_2 .bd ul li a { display:block; width:1440px; margin:0 auto; background:#fff; height:515px; overflow:hidden}
.index_2 .bd ul li img { display:block; float:left; width:600px; margin-right:50px; height:515px}
.index_2 .bd ul li span { border:1px #eee solid; border-radius:5px; padding:10px 20px; cursor:pointer}
.index_2 .bd ul li span:hover { border:1px #075798 solid; background:#075798; color:#fff}
.index_2 .bd ul li h3 { padding-top:60px; font-size:24px; color:#075798; font-weight:bold; padding-bottom:30px}
.index_2 .bd ul li p { padding-bottom:15px}


.index_2 .prev { display:block; position:absolute; left:50%; margin-left:-745px; top:50%; height:50px; width:50px; margin-top:-25px}
.index_2 .prev i { display:block; line-height:50px; text-align:center; color:#fff; font-size:24px; background:#075798; border-radius:50%; cursor:pointer}

.index_2 .next { display:block; position:absolute; right:50%; margin-right:-745px; top:50%; height:50px; width:50px; margin-top:-25px}
.index_2 .next i { display:block; line-height:50px; text-align:center; color:#fff; font-size:24px; background:#075798; border-radius:50%; cursor:pointer}



@media all and (max-width:1560px){
.index_2 { background:url(../images/index_bg1.jpg) center no-repeat; height:620px; background-size:auto 100%}
.index_2 h2 { padding-top:60px}

.index_2 .bd { width:3300px; top:160px; margin-left:-1650px}
.index_2 .bd ul li { width:1100px}
.index_2 .bd ul li a { width:1040px; height:420px;}
.index_2 .bd ul li img { width:auto; margin-right:40px; height:420px}
.index_2 .bd ul li h3 { padding-top:40px; padding-bottom:20px}


}

@media all and (max-width:1100px){
.index_2 h2 { font-size:18px; line-height:36px; padding-top:40px; padding-bottom:10px}
.index_2 h2 i { width:80px; margin-left:-40px;}

.index_2 .bd { width:300%; top:120px; margin-left:0; left:-100%}
.index_2 .bd ul li { width:33.3%}
.index_2 .bd ul li a { width:90%; height:470px;}
.index_2 .bd ul li img { float:none; width:200px; margin:0 auto; height:auto}
.index_2 .bd ul li h3 { padding-top:30px; font-size:18px; padding-bottom:10px; text-align:center}
.index_2 .bd ul li p { padding:0 20px 10px 20px}

.index_2 .prev { left:34%; margin-left:0; height:40px; width:40px; margin-top:-20px}
.index_2 .prev i { line-height:40px; font-size:18px;}

.index_2 .next { right:34%; margin-right:0; height:40px; width:40px; margin-top:-20px}
.index_2 .next i { line-height:40px; font-size:18px}
}




.index_3 { padding:90px 0; width:1440px; margin:0 auto}
.index_3 h2 { text-align:center; font-size:30px; line-height:50px; position: relative; padding-bottom:20px;}
.index_3 h2 i { display:block; position:absolute; bottom:0; left:50%; width:120px; margin-left:-60px; background:#075798; height:2px; border-radius:1px}
.index_3 .bd li { overflow:hidden; font-size:16px; line-height:32px; height:505px}
.index_3 .bd ul li img { display:block; float:right; margin-left:50px; width:600px}
.index_3 .bd ul li h3 { padding-top:90px; font-size:24px; color:#075798; font-weight:bold; padding-bottom:30px}
.index_3 .bd ul li a { display:block; margin-top:20px; width:120px; line-height:40px; border:1px #aaa solid; border-radius:5px; text-align:center; font-size:16px}
.index_3 .bd ul li a:hover { border:1px #075798 solid; background:#075798; color:#fff}

.index_3 .hd { padding-top:20px; text-align:center}
.index_3 .hd ul li { width:10px; height:10px; margin:0 7px; background:#ccc; border-radius:50%; display:inline-block; cursor:pointer}
.index_3 .hd ul li.on { background:#075798;}


@media all and (max-width:1560px){
.index_3 { padding:60px 0; width:1100px; margin:0 auto}


}

@media all and (max-width:1100px){
.index_3 { padding:40px 0; width:90%; margin:0 auto}
.index_3 h2 { font-size:18px; line-height:36px; padding-bottom:10px}
.index_3 h2 i { width:80px; margin-left:-40px;}

.index_3 .bd li { font-size:14px; line-height:26px; height:auto}
.index_3 .bd ul li img { float:none; width:600px; max-width:80%; margin:0 auto}
.index_3 .bd ul li h3 { padding-top:20px; font-size:18px; padding-bottom:20px}

}



.index_4 { padding:90px 0; background:#F2F4FC; background:#f0f0f0}
.index_4 h2 { text-align:center; font-size:30px; line-height:50px; position: relative; padding-bottom:20px;}
.index_4 h2 i { display:block; position:absolute; bottom:0; left:50%; width:120px; margin-left:-60px; background:#075798; height:2px; border-radius:1px}
.index_4 .bd { width:1440px; margin:0 auto}
.index_4 .bd ul li { overflow:hidden; font-size:16px; line-height:32px; position:relative; padding-left:650px; height:505px}
.index_4 .bd ul li img { display:block; width:600px; position:absolute; left:0; top:0}
.index_4 .bd ul li h3 { padding-top:90px; font-size:24px; color:#075798; font-weight:bold; padding-bottom:30px}
.index_4 .bd ul li a { display:block; margin-top:20px; width:120px; line-height:40px; border:1px #aaa solid; border-radius:5px; text-align:center; font-size:16px}
.index_4 .bd ul li a:hover { border:1px #075798 solid; background:#075798; color:#fff}

.index_4 .hd { padding-top:20px; text-align:center}
.index_4 .hd ul li { width:10px; height:10px; margin:0 7px; background:#ccc; border-radius:50%; display:inline-block; cursor:pointer}
.index_4 .hd ul li.on { background:#075798;}

@media all and (max-width:1560px){
.index_4 { padding:60px 0;}

}

@media all and (max-width:1100px){
.index_4 { padding:40px 0; margin:0 auto}
.index_4 h2 { font-size:18px; line-height:36px; padding-bottom:10px}
.index_4 h2 i { width:80px; margin-left:-40px;}

.index_4 .bd { width:90%; margin:0 auto}
.index_4 .bd ul li { font-size:14px; line-height:26px; padding-left:0; height:auto}
.index_4 .bd ul li img { display:block; width:600px; position: relative; left:auto; top:auto; margin:0 auto; max-width:80%}
.index_4 .bd ul li h3 { padding-top:20px; font-size:18px; padding-bottom:20px}

}


.index_5 { padding-top:90px; padding-bottom:20px}
.index_5 h2 { text-align:center; font-size:30px; line-height:50px; position: relative; padding-bottom:20px;}
.index_5 .tj { overflow:hidden; padding:40px 0; width:1440px; margin:0 auto}
.index_5 .tj ul li { float:left; width:33.3%; text-align:center}
.index_5 .tj ul li span { font-size:60px; line-height:80px; color:#3fb3fe; display:block}

.index_5 .bd { overflow:hidden}
.index_5 .bd ul li { float:left; width:12.5%}
.index_5 .bd ul li img { display:block; margin:0 auto; max-width:95%; border:1px #eee solid; border-radius:5px}


@media all and (max-width:1560px){
.index_5 { padding-top:60px; overflow:hidden}
.index_5 .tj { width:1100px}
.index_5 .tj ul li span { font-size:48px;}

}

@media all and (max-width:1100px){
.index_5 { padding-top:40px; overflow:hidden}
.index_5 h2 { font-size:18px; line-height:36px; padding-bottom:10px}
.index_5 h2 i { width:80px; margin-left:-40px;}

.index_5 .tj { padding:30px 0; width:90%}
.index_5 .tj ul li span { font-size:30px; line-height:40px;}

.index_5 .bd { width:200%}
}




.index_6 { background:url(../images/index_bg2.jpg) center no-repeat; height:300px; background-size:auto 100%; position:relative}
.index_6 h3 { position:absolute; left:50%; margin-left:-200px; width:400px; top:130px}
.index_6 h3 a { display:block; float:left; line-height:40px; width:120px; text-align:center; border-radius:5px; background:#3fb3fe; color:#fff; border-radius:3px; cursor:pointer; font-size:16px}
.index_6 h3 a:hover { background:#0e7cd8}
.index_6 h3 a:nth-child(2) { float:right; background:#fff; color:#333}
.index_6 h3 a:nth-child(2):hover { background:#eee}



@media all and (max-width:1100px){
.index_6 { height:120px;}
.index_6 h3 {top:40px; margin-left:-150px; width:300px}
.index_6 h3 a { width:90px; font-size:14px}

}


footer { background:#232951; padding:30px 0; overflow:hidden}
footer .fr { padding-bottom:15px}
footer .fr img { display:block}
footer .fr h3 { text-align:center; color:#fff; padding-top:10px}
footer ul { overflow:hidden}
footer ul li { float:left; padding-right:60px; color:#ccc; width:230px; padding-top:10px}
footer ul li:nth-child(1) { width:300px}
footer ul li i.fa { display:block; float:left; line-height:60px; font-size:60px; color:#3fb3fe; opacity:0.5; margin-right:15px}
footer ul li h3 { font-size:16px; color:#fff}
footer h4 { text-align:center; color:#fff; padding:10px 0; border-top:1px rgba(255,255,255,0.1) solid; clear:both}


@media all and (max-width:1100px){
footer .fr { padding-left:20px}
footer ul li { float:none; padding-right:0px; width:auto; padding-top:0px; padding-bottom:10px}
footer ul li:nth-child(1) { width:auto}
footer ul li i.fa { line-height:60px; font-size:24px;}
footer h4 { font-size:12px}
}




.ban_about { height:220px; background:url(../images/aboutbg.jpg); background-size:100% 100%; position:relative}
.ban_about h3 { position:absolute; left:0; right:0; bottom:50px; font-size:36px; color:#fff; font-weight:bold; text-align:center}

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

@media all and (max-width:1100px){
.ban_about { height:180px}
.ban_about h3 { bottom:30px; font-size:24px;}

}




.price_s { padding:90px 0; background:#f5f5f5}
.price_s .bd { width:1440px; margin:0 auto;}
.price_s .infos { text-align:center; font-size:16px; padding-bottom:30px}
.price_s .bd ul { width:1500px}
.price_s .bd ul li { float:left; width:500px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none; padding-top:10px}
.price_s .bd ul li:hover { padding-top:0}
.price_s .bd ul li h3 { width:440px; text-align:center; background:#E7EBFF; color:#fff; padding:20px 0; border-radius:20px 20px 0 0; color:#0F37FF; font-size:18px}
.price_s .bd ul li h3 b { display:block; font-size:36px; line-height:40px; padding-bottom:10px}
.price_s .bd ul li h4 { width:400px; padding:20px; background:#fff; height:500px; line-height:30px; position:relative}
.price_s .bd ul li h4 a { display:block; width:240px; text-align:center; color:#fff; background:#0F37FF; line-height:42px; border-radius:15px; margin:0 auto 20px auto; font-size:16px}
.price_s .bd ul li h4 a:hover { background:#062677}
.price_s .bd ul li h5 { width:440px; text-align:center; background:#fff; padding:20px 0 0 0; line-height:36px}
.price_s .bd ul li h5 b { font-size:36px; line-height:36px}

.price_s .bd ul li:nth-child(2) h3 { background:#3F5FFF; color:#fff}
.price_s .bd ul li:nth-child(3) h3 { background:#062677; color:#fff}

@media all and (max-width:1560px){
.price_s { padding:60px 0;}
.price_s .bd { width:1100px;}
.price_s .bd ul { width:1125px}
.price_s .bd ul li { width:375px;}
.price_s .bd ul li h3 { width:350px; padding:15px 0; font-size:16px}
.price_s .bd ul li h3 b { font-size:24px; padding-bottom:5px}
.price_s .bd ul li h4 { width:310px; height:500px; line-height:24px;}
.price_s .bd ul li h5 { width:350px;}

}

@media all and (max-width:1100px){
.price_s { padding:40px 0;}
.price_s .bd { width:90%}
.price_s .bd ul { width:auto}
.price_s .bd ul li { width:auto; float:none; padding-bottom:20px}
.price_s .bd ul li h3 { width:auto; padding:15px 0}
.price_s .bd ul li h4 { width:auto; height:auto; padding-bottom:70px}
.price_s .bd ul li h4 a { bottom:20px;}
.price_s .bd ul li h5 { width:auto;}
}



.about_1 { width:1440px; margin:0 auto; padding:90px 0}
.about_1 img { display:block; float:right; margin-left:60px}
.about_1 h2 { font-size:30px; line-height:50px; padding-bottom:10px; position:relative}
.about_1 h2 i { display:block; position:absolute; bottom:0; left:0; width:80px; background:#075798; height:2px; border-radius:1px}

.about_1 .about_t1 { padding-top:20px; font-size:16px; line-height:32px}
.about_1 .about_t1 p { padding-bottom:10px}

@media all and (max-width:1560px){
.about_1 { width:1100px; padding:60px 0;}


}

@media all and (max-width:1100px){
.about_1 { width:90%; padding:40px 0;}
.about_1 h2 { font-size:18px; line-height:36px; padding-bottom:10px}
.about_1 h2 i { width:60px;}

}

@media all and (max-width:640px){
.about_1 img { display:block; float:none; margin-left:0; max-width:80%; margin:0 auto; padding-bottom:20px}


}



.about_2 { padding:90px 0; background:#f5f5f5; border-bottom:1px #eee solid; border-top:1px #eee solid}
.about_2 h2 { font-size:30px; line-height:50px; padding-bottom:10px; position:relative}
.about_2 h2 i { display:block; position:absolute; bottom:0; left:0; width:80px; background:#075798; height:2px; border-radius:1px}

.about_2 .bd { width:1440px; margin:0 auto; padding-top:30px}
.about_2 .bd ul li { float:left; width:25%}
.about_2 .bd ul li img { display:block; margin:0 auto; max-width:90%}
.about_2 .bd ul li h3 { text-align:center; font-size:16px; padding-top:15px}

@media all and (max-width:1560px){
.about_2 { padding:60px 0;}
.about_2 .bd { width:1100px;}


}

@media all and (max-width:1100px){
.about_2 { padding:40px 0; overflow:hidden}
.about_2 h2 { font-size:18px; line-height:36px; padding-bottom:10px}
.about_2 h2 i { width:60px;}

.about_2 .bd { width:200%;}
.about_2 .bd ul li { float:left; width:25%}
}



.about_3 { width:1440px; margin:0 auto; padding:90px 0}
.about_3 h2 { font-size:30px; line-height:50px; padding-bottom:10px; position:relative}
.about_3 h2 i { display:block; position:absolute; bottom:0; left:0; width:80px; background:#075798; height:2px; border-radius:1px}
.about_3 h1 { text-align:center; font-size:36px; line-height:80px; color:#075798; padding-bottom:20px}


.about_3 .bd { width:1480px}
.about_3 .bd ul li { float:left; width:365px}
.about_3 .bd ul li a { display:block; width:325px; border:1px #eee solid; border-radius:5px; padding-top:30px}
.about_3 .bd ul li a:hover { box-shadow:5px 5px 5px #ddd}
.about_3 .bd ul li img { display:block; margin:0 auto; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.about_3 .bd ul li a:hover img { transform:rotate(360deg)}
.about_3 .bd ul li h3 { text-align:center; padding:15px 0 30px 0; font-size:16px}


@media all and (max-width:1560px){
.about_3 { width:1100px; padding:60px 0;}
.about_3 h1 { font-size:24px; line-height:60px;}

.about_3 .bd { width:1128px}
.about_3 .bd ul li { float:left; width:282px}
.about_3 .bd ul li a { width:254px;}

}

@media all and (max-width:1100px){
.about_3 { width:90%; padding:40px 0;}
.about_3 h2 { font-size:18px; line-height:36px; padding-bottom:10px}
.about_3 h2 i { width:60px;}
.about_3 h1 { font-size:18px; line-height:50px;}

.about_3 .bd { width:auto}
.about_3 .bd ul li { width:50%; padding-bottom:10px}
.about_3 .bd ul li a { width:95%; margin:0 auto;}
}




.about_4 { display:none}

.about_5 { padding:90px 0; background:#f5f5f5; border-bottom:1px #eee solid; border-top:1px #eee solid}
.about_5 h2 { font-size:30px; line-height:50px; padding-bottom:10px; position:relative}
.about_5 h2 i { display:block; position:absolute; bottom:0; left:0; width:80px; background:#075798; height:2px; border-radius:1px}

.about_5 .bd { width:1440px; margin:0 auto; padding-top:40px}
.about_5 .bd ul { width:1460px}
.about_5 .bd ul li { float:left; width:182.5px; padding-bottom:20px}
.about_5 .bd ul li img { display:block; width:162.5px}
.about_5 .bd ul li:hover img { box-shadow:5px 5px 5px #ddd}


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

.about_5 .bd { width:1100px; padding-top:30px}
.about_5 .bd ul { width:1116px}
.about_5 .bd ul li { width:186px; padding-bottom:16px}
.about_5 .bd ul li img { display:block; width:170px}

}

@media all and (max-width:1100px){
.about_5 { padding:40px 0; overflow:hidden}
.about_5 h2 { font-size:18px; line-height:36px; padding-bottom:10px}
.about_5 h2 i { width:60px;}

.about_5 .bd { width:90%; padding-top:30px}
.about_5 .bd ul { width:auto}
.about_5 .bd ul li { width:33.3%;}
.about_5 .bd ul li img { width:90%}
}


.contact { padding:90px 0; margin:0 auto; width:1440px}
.contact h2 { font-size:30px; line-height:50px; padding-bottom:10px; position:relative}
.contact h2 i { display:block; position:absolute; bottom:0; left:0; width:80px; background:#075798; height:2px; border-radius:1px}
.contact .infos { font-size:16px; padding:20px 0 30px 0}
.contact ul li { float:left; width:60%; padding:20px 0}
.contact ul li i.fa { display:block; float:left; line-height:60px; font-size:60px; color:#3fb3fe; opacity:0.5; margin-right:15px; width:60px; text-align:center}
.contact ul li h3 { font-size:16px; color:#000}
.contact ul li:nth-child(2n) { float:right; width:40%}



@media all and (max-width:1560px){
.contact { padding:60px 0; width:1100px}

}

@media all and (max-width:1100px){
.contact { padding:40px 0; width:90%}
.contact h2 { font-size:18px; line-height:36px; padding-bottom:10px}
.contact h2 i { width:60px;}
.contact .infos { font-size:14px; padding:10px 0 15px 0}

.contact ul li { float:none; width:auto; padding:15px 0}
.contact ul li i.fa { line-height:60px; font-size:24px;}
.contact ul li:nth-child(2n) { float:none; width:auto}
}



.free { height:800px}
.free .free_left { float:left; width:50%; height:800px; background:#F2F4FC}
.free .free_right { float:right; width:50%; height:800px; background:#E7EBFC}


.free .free_left h2 { text-align:center; padding-top:200px; font-size:30px}
.free .free_left ul { width:360px; margin:0 auto}
.free .free_left ul li { padding-top:15px}
.free .free_left ul li h3 { color:#888; padding-bottom:5px}
.free .free_left ul li input { width:100%; line-height:32px; height:32px}
.free .free_left .tj { padding-top:30px}
.free .free_left .tj a { display:block; width:350px; margin:0 auto; line-height:40px; border:1px #aaa solid; border-radius:5px; text-align:center; font-size:16px; background:#075798; color:#fff; cursor:pointer}


.free .free_right h2 { text-align:center; padding-top:200px; font-size:30px}
.free .free_right h3 { text-align:center; padding-top:20px; font-size:16px; padding-bottom:30px}
.free .free_right h3 i { color:#075798}
.free .free_right img { display:block; margin:0 auto; max-width:60%;}



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

.free { height:auto}
.free .free_left { float:none; width:auto; height:auto; background:#F2F4FC; padding-bottom:30px}
.free .free_right { float:none; width:auto; height:auto; background:#E7EBFC; padding-bottom:30px}

.free .free_left h2 { padding:100px 0 0 0; font-size:18px}
.free .free_right h2 { padding-top:30px; font-size:18px}
.free .free_right h3 { font-size:14px}
}


@media all and (max-width:420px){
.free .free_left ul { width:300px;}
.free .free_left .tj a { width:300px;}
}