@charset "utf-8";

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

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

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

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

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

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

header { position:fixed; left:0; top:0; right:0; z-index:8888}

.index_bg { position:absolute; z-index:1; left:0; top:0; bottom:0; right:0; background:url(../images/index_bg1.jpg) center no-repeat; background-size:100% auto}

.banner_index { position:absolute; z-index:1; left:0; top:0; bottom:0; right:0;}
.banner_index ul li { height:100%}

.index_logo { position:absolute; left:0; right:0; z-index:22; top:15%}
.index_logo img { display:block; max-width:80%; margin:0 auto}

.index_an { position:absolute; left:0; right:0; z-index:22; bottom:5%}
.index_an h4 { text-align:center}
.index_an h4 br { display:none}
.index_an h4 i { padding:0 10px; background:url(../images/footer.png) center no-repeat}
.index_an ul { width:80%; margin:0 auto; height:200px; text-align:center}
.index_an ul li { display:inline; padding-top:5px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none; padding-left:20px; padding-right:20px;}
.index_an ul li a { background: linear-gradient(180deg, #3E92FC, #364CAA); border-radius:29px; font-size:24px; color:#fff; padding:13px 20px 13px 60px; border:1px #fff solid; position:relative}
.index_an ul li i { display:block; position:absolute; left:20px; top:0; bottom:0; width:30px; background:url(../images/index_ico0.png) center no-repeat}
.index_an ul li:hover { padding-top:0px}

@media all and (max-width:1460px){
.index_an ul { height:150px}
.index_an ul li { padding-left:15px; padding-right:15px;}
.index_an ul li a { border-radius:29px; font-size:18px; color:#fff; padding:12px 15px 12px 40px;}
.index_an ul li i { left:10px; top:0; bottom:0; width:30px; background:url(../images/index_ico0.png) center no-repeat; background-size:60% auto}
}
@media all and (max-width:1100px){
.index_an h4 br { display:block}
.index_an ul { width:90%; height:auto}
.index_an ul li { display:block; padding-bottom:10px}
.index_an ul li a { display:block; border-radius:21px; font-size:16px; padding:0; line-height:42px}
}
@media all and (max-width:480px){
.index_an ul { width:90%; height:auto; padding-bottom:30px}
.index_an ul li { float:none; width:auto; margin-bottom:15px}
.index_an ul li a { height:42px; line-height:42px;}
}

.head_1 { height:32px; background:#222222; overflow:hidden}
.head_1 .head_lj { float:left; line-height:32px}
.head_1 .head_lj a { display:block; float:left; color:#fff; font-size:14px; background:url(../images/ico_c1.png) left no-repeat; padding:0 40px}
.head_1 .head_r2 { float:right; line-height:32px}
.head_1 .head_r2 a { display:block; float:left; color:#fff; font-size:14px; padding:0 30px; position:relative}
.head_1 .head_r2 a i { display:block; float:left; width:40px; height:32px}
.head_1 .head_r2 a:nth-child(2) { background:#4259B8}
.head_1 .head_r2 a i.r1 { background:url(../images/ico_c2.png) left no-repeat}
.head_1 .head_r2 a i.r2 { background:url(../images/ico_c3.png) left no-repeat}


.head_1 .head_r2 a:nth-child(2) span { display:block; position:absolute; left:50px; top:5px; width:14px; height:14px; color:#fff; font-size:10px; text-align:center; line-height:14px; background:#cc0000; border-radius:50%}


@media all and (max-width:1100px){
.head_1 .head_lj a { font-size:12px; padding:0 20px 0 40px}
.head_1 .head_r2 a:nth-child(2) { display:none}
}
@media all and (max-width:480px){
.head_1 .head_r2 { display:none}
}

.head_2 { height:98px; border-bottom:2px #C1C8E8 solid; background:url(../images/head_bg1.jpg) top; position:relative; z-index:2222}
.head_2 .logos { display:block; float:left}
.head_2 .logos img { padding-top:23px}

.head_2 nav { float:left; padding-left:50px; padding-top:14px}
.head_2 nav ul li { float:left; position:relative; height:84px; position:relative}
.head_2 nav ul li a { display:block; padding:0 30px; line-height:70px; font-size:18px; font-weight:bold}
.head_2 nav ul li.nav_on i { display:block; position:absolute; left:30px; right:30px; bottom:-2px; height:2px; background:#4259B8}

.head_2 .head_dl { float:right; width:140px; line-height:98px; padding-left:40px; background:url(../images/ico_c4.png) left no-repeat}
.head_2 .head_dl a { font-size:16px; padding:0 5px}

.head_2 .head_ss { float:right; padding-top:30px; height:38px; width:250px; position:relative}
.head_2 .head_ss .inp1 { display:block; width:100%; line-height:36px; height:36px; background:#fff; border:1px #ccc solid; border-radius:18px; padding:0 10px}
.head_2 .head_ss .inp2 { position:absolute; z-index:22; right:0; width:20px; top:35px; height:40px; cursor:pointer; opacity:0}
.head_2 .head_ss i { position:absolute; z-index:21; right:0; width:20px; top:30px; height:40px; background:url(../images/ico_c5.png) center no-repeat}

.head_2 .head_r2 { display:none}

@media all and (max-width:1460px){
.head_2 nav { padding-left:30px;}
.head_2 nav ul li a { padding:0 20px; font-size:16px}

.head_2 .head_ss { width:50px; position:relative}
.head_2 .head_ss .inp1 { width:150px; position:absolute; top:70px; right:0; display:none}
.head_2 .head_ss:hover .inp1 { display:block;}
.head_2 .head_ss .inp2 { position:absolute; top:71px; height:36px; cursor:pointer; opacity:1; display:none; width:30px; border-radius:0 18px 18px 0}
.head_2 .head_ss:hover .inp2 { display:block;}
}
@media all and (max-width:1100px){
.head_2 { height:60px; border-bottom:1px #C1C8E8 solid; background:#fff}
.head_2 .logos { padding-top:10px}
.head_2 .logos img { padding-top:0; height:40px}

.head_2 nav { position:absolute; left:0; top:61px; background:#fff; right:0; padding:0; display:none}
.head_2 nav ul li { float:none; height:auto; padding:5px 0; line-height:34px; position:relative; border-bottom:1px #ddd solid}
.head_2 nav ul li a { line-height:34px; font-size:14px}
.head_2 nav ul li.nav_on i { left:0px; right:0; bottom:0; height:100%; background:#4259B8}
.head_2 nav ul li.nav_on a { color:#fff; position:relative; z-index:333}

.head_2 .head_dl { width:auto; line-height:60px; padding-left:0; background:none}
.head_2 .head_dl a { font-size:14px; padding:0 5px}

.head_2 .head_ss { padding-top:10px; width:30px; margin-right:30px}
.head_2 .head_ss i { top:10px; }

.head_2 .head_r2 { display:block; position:absolute; right:5%; top:0}
.head_2 .head_r2 i { display:block; line-height:60px; font-size:18px; color:#888}
}


.banner { height:650px; position:relative; min-width:1200px; margin-top:132px}
.banner .bd { height:650px; overflow:hidden; position:relative; z-index:11}
.banner .bd ul li { height:650px; position:relative}
.banner .bd ul li a { display:block; position:absolute; left:0; top:0; bottom:0; right:0}

.banner .hd { position:absolute; left:0; right:0; text-align:center; z-index:333; bottom:60px; height:20px}
.banner .hd ul li { display:inline; padding:0 5px; cursor:pointer}
.banner .hd ul li i { color:#fff; font-size:18px}
.banner .hd ul li.on i { color:#354FAF}

.banner a.prev { display:block; position:absolute; left:30px; top:50%; z-index:333; cursor:pointer; margin-top:-30px; width:32px; height:59px; background:url(../images/left.png); cursor:pointer}
.banner a.next { display:block; position:absolute; right:30px; top:50%; z-index:334; cursor:pointer; margin-top:-30px; width:32px; height:59px; background:url(../images/right.png); cursor:pointer}

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

.banner .hd { bottom:40px;}
}

@media all and (max-width:1100px){
.banner { height:380px; min-width: inherit; margin-top:93px}
.banner .bd { height:380px;}
.banner .bd ul li { height:380px;}

}
@media all and (max-width:750px){
.banner { display:none}
.banner { height:253px;}
.banner .bd { height:253px;}
.banner .bd ul li { height:253px;}

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

.banner .hd { bottom:10px; display:none}

.banner a.prev { transform:scale(0.5); left:5px}
.banner a.next { transform:scale(0.5); right:5px}
}

.banner2 { display:none; position:relative}

.banner2 .hd { position:absolute; left:0; right:0; text-align:center; z-index:333; bottom:60px; height:20px}
.banner2 .hd ul li { display:inline; padding:0 5px; cursor:pointer}
.banner2 .hd ul li i { color:#fff; font-size:18px}
.banner2 .hd ul li.on i { color:#354FAF}

.banner a.prev { display:block; position:absolute; left:30px; top:50%; z-index:333; cursor:pointer; margin-top:-30px; width:32px; height:59px; background:url(../images/left.png); cursor:pointer}
.banner a.next { display:block; position:absolute; right:30px; top:50%; z-index:334; cursor:pointer; margin-top:-30px; width:32px; height:59px; background:url(../images/right.png); cursor:pointer}

@media all and (max-width:750px){
.banner2 { display:block}
.banner2 .bd ul li img { display:block; width:100%}

}
@media all and (max-width:480px){
.banner2 .hd { bottom:20px;}

.banner2 a.prev { transform:scale(0.5); left:5px}
.banner2 a.next { transform:scale(0.5); right:5px}
}

.index_1s {}
.index_1s img { display:block; max-width:100%; margin:0 auto}


.index_1 { width:1400px; margin:0 auto; padding-top:45px}
.index_1 .index_bz { float:left; width:457px; height:267px; background:url(../images/index_pic1.png)}
.index_1 .index_bz ul {}
.index_1 .index_bz ul li { float:left; width:33.3%}
.index_1 .index_bz ul li a { display:block; text-align:center; color:#fff; font-size:16px; padding-top:100px}

.index_1 .index_tj { float:right; width:940px}
.index_1 .index_tj ul li { float:left; width:470px; height:267px}
.index_1 .index_tj ul li a { display:block; float:right; width:455px; background:#F2F2F2; height:267px}
.index_1 .index_tj ul li a:hover { background:#fff;box-shadow:0 0 5px #ccc}
.index_1 .index_tj ul li h1 { font-size:24px; text-align:center; padding-top:25px; line-height:30px; display:none}
.index_1 .index_tj ul li h3 { font-size:16px; text-align:center; line-height:26px; display:none}
.index_1 .index_tj ul li img { display:block; margin:0 auto; width:100%; height:100%}

@media all and (max-width:1460px){
.index_1 { width:1100px; padding-top:35px}
.index_1 .index_bz { float:left; width:360px; height:210px; background:url(../images/index_pic1.png); background-size:100% 100%}
.index_1 .index_bz ul li a { font-size:14px; padding-top:70px; padding-bottom:5px}

.index_1 .index_tj { width:740px}
.index_1 .index_tj ul li { width:370px; position:relative; height:210px}
.index_1 .index_tj ul li a { width:360px; height:210px}


}
@media all and (max-width:1100px){
.index_1 { width:90%; padding-top:25px}
.index_1 .index_bz { display:none}
.index_1 .index_tj { float:none; width:auto}
.index_1 .index_tj ul li { width:50%; height:auto}
.index_1 .index_tj ul li a { width:95%; margin:0 auto; display:block; float:none; height:auto; position:relative; left:auto; top:auto}
.index_1 .index_tj ul li img { height:auto}

}
@media all and (max-width:660px){
.index_1 .index_tj ul li { width:auto; float:none; margin-bottom:20px}
.index_1 .index_tj ul li img { height:auto}
}

.index_2 { background:#FAFAFA; height:185px; width:1400px; margin:20px auto 45px auto; overflow:hidden}
.index_2 .index_gg { float:left; width:500px; padding-left:45px; padding-top:20px}
.index_2 .index_gg h2 { float:left; line-height:40px; font-size:30px; color:#3A8BF4; padding-right:40px; background:url(../images/ico_c6.png) right no-repeat}
.index_2 .index_gg h3 { clear:both; padding-top:10px; line-height:32px; font-size:18px}

.index_2 .hd { float:right;}
.index_2 .hd img { display:block}
.index_2 .hd ul li { line-height:28px; font-size:16px}
.index_2 .hd ul li a { display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_2 .hd ul li a:hover { padding-left:5px}
.index_2 .hd ul li span { color:#3A8BF4}

.index_2 .bd { float:left}
.index_2 .bd ul li { padding-top:1px}
.index_2 .bd ul li img { display:block; height:183px}

@media all and (max-width:1460px){
.index_2 { width:1100px; margin:20px auto 35px auto;}
.index_2 .index_gg { width:240px; padding-left:30px;}
.index_2 .index_gg h2 { font-size:24px;}
.index_2 .index_gg h3 { line-height:26px; font-size:14px}

.index_2 .hd { width:809px; }
.index_2 .hd ul li { font-size:14px}
.index_2 .bd { float:right; height:183px; overflow:hidden}

}
@media all and (max-width:1100px){
.index_2 { width:90%; margin:10px auto 20px auto; height:auto; padding-bottom:20px}
.index_2 .index_gg { width:auto; padding:20px 20px 0 20px; float:none;}
.index_2 .index_gg h2 { font-size:18px;}
.index_2 .index_gg h3 { padding-top:5px; font-size:14px}

.index_2 .hd { float:none; width:auto; padding-top:20px}
.index_2 .hd img { width:100%; height:auto}
}




.index_3 { background:#FAFAFA; padding:30px 0}
.index_3 .more { float:right; line-height:30px}
.index_3 h2 { font-size:24px; line-height:30px; font-weight:normal; text-transform:uppercase; padding-bottom:20px}

.index_3 ul { width:1413px}
.index_3 ul li { float:left; width:471px; padding-bottom:13px}
.index_3 ul li a { display:block; background:#fff; width:458px; position:relative; overflow:hidden}
.index_3 ul li img { display:block; width:100%}
.index_3 ul li h3 { padding-left:245px; text-align:center; font-size:18px; padding-top:30px; line-height:40px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis}
.index_3 ul li h3 span { color:red}
.index_3 ul li h4 { padding-left:245px; text-align:center; font-size:16px; color:#888; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_3 ul li h5 { padding-left:245px; text-align:center; font-size:14px; color:#3A8BF4; padding-top:40px}


.index_3 ul li a:hover { box-shadow:5px 5px 5px #ddd; margin-left:-5px; margin-top:-5px; margin-bottom:5px}


@media all and (max-width:1460px){
.index_3 ul { width:1116px}
.index_3 ul li { width:372px; padding-bottom:15px}
.index_3 ul li a { width:356px;}

.index_3 ul li h3 { padding-left:180px;}
.index_3 ul li h4 { padding-left:180px;}
.index_3 ul li h5 { padding-left:180px; padding-top:20px}

}

@media all and (max-width:1100px){
.index_3 ul { width:100%}
.index_3 h2 { font-size:18px;}

.index_3 ul li { width:50%; padding-bottom:10px}
.index_3 ul li a { width:95%; height:auto; margin:0 auto; }
.index_3 ul li h3 { padding-left:0; font-size:16px; padding-top:10px; line-height:30px}
.index_3 ul li h4 { padding-left:0; font-size:12px;}
.index_3 ul li h5 { padding-left:0; font-size:14px; padding-top:15px}

.index_3 ul li a:hover { box-shadow:5px 5px 5px #ddd; margin:0 auto}
}




.index_4 { width:1400px; margin:0 auto; padding-top:50px}
.index_4 img { max-width:100%}

@media all and (max-width:1460px){
.index_4 { width:1100px; padding-top:30px}
.index_4 .ft { width:auto; float:none}
.index_4 .fr { width:auto; float:none}
.index_4 img { display:block; width:100%}
}
@media all and (max-width:1100px){
.index_4 { width:90%; padding-top:20px}
.index_4 .ft { width:auto; float:none; padding-bottom:15px}
.index_4 .fr { width:auto; float:none}
.index_4 img { display:block; width:100%}
}

.index_5 { width:1400px; margin:0 auto; padding-top:50px; height:140px; border-bottom:1px #eee solid}
.index_5 ul li { float:left; width:20%; text-align:center}
.index_5 ul li img { display:block; padding-top:30px; padding-bottom:20px; margin:0 auto}
.index_5 ul li h3 { font-size:16px}
 
@media all and (max-width:1460px){
.index_5 { width:1100px; padding-top:30px;}
.index_5 ul li h3 { font-size:14px}

}
@media all and (max-width:1100px){
.index_5 { width:100%; padding-top:20px; height:110px}
.index_5 ul li h3 { font-size:12px; line-height:20px; height:40px}
.index_5 ul li img { padding-top:20px; padding-bottom:10px; max-width:50%}

}

footer { width:1400px; margin:0 auto; padding:40px 0}
footer .foot_1 { float:left; width:680px}
footer .foot_1 ul li { float:left; padding-right:60px}
footer .foot_1 ul li h2 { font-size:18px; line-height:30px; padding-bottom:5px}
footer .foot_1 ul li a { font-size:16px; display:block; line-height:32px; color:#888; margin-right:5px}
footer .foot_1 ul li a:hover { color:#3A8BF4; padding-left:5px; margin-right:0}
footer .foot_1 ul li h2 a { color:#333; font-size:16px}


footer .foot_2 { float:right}
footer .foot_2 ul li { float:left; padding-left:30px; text-align:center}
footer .foot_2 ul li img{width:113px}

footer .foot_3 { clear:both; height:80px; padding-top:50px; border-bottom:1px #eee solid; line-height:80px}
footer .foot_3 .ft { color:#666}
footer .foot_3 .ft br { display:none}
footer .foot_3 .fr { float:right; background:#F8F8F8; width:470px; position:relative; text-align:center}
footer .foot_3 .fr a { font-size:14px; padding:0 20px}
footer .foot_3 .fr i { background:#3A8BF4; display:block; width:4px; height:16px; left:-2px; top:32px; position:absolute}

@media all and (max-width:1460px){
footer { width:1100px; padding:30px 0;}
footer .foot_1 { width:auto}

footer .foot_3 .fr { width:360px;}

}
@media all and (max-width:1100px){
footer { width:100%; padding:30px 0 80px 0;}
footer .foot_1 { display:none}

footer .foot_2 { float:none}
footer .foot_2 ul li { padding-left:0; width:33.3%}
footer .foot_2 ul li img { max-width:60%}

footer .foot_3 { height:auto; padding-top:30px; line-height:20px}
footer .foot_3 .ft { float:none; text-align:center; padding:0 20px 15px 20px; font-size:12px}
footer .foot_3 .ft br { display:block}

footer .foot_3 .fr { float:none; background:#F8F8F8; width:auto}
footer .foot_3 .fr a { font-size:14px; padding:0 20px}
footer .foot_3 .fr i { display:none}

}

.right_s { position:fixed; z-index:2222; right:20px; bottom:50px; width:61px; background:#fff; border-radius:5px; box-shadow:0 0 5px #ddd}
.right_s ul li { height:62px; border-bottom:1px #eee solid}
.right_s ul li a { display:block; text-align:center; color:#888; padding-top:10px; height:52px; font-size:12px; position:relative}
.right_s ul li img { display:block; margin:0 auto; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.right_s ul li img.a1 { position:absolute; top:10px; left:19px; display:none}
.right_s ul li a:hover { background:#3A8BF4; color:#fff}
.right_s ul li a:hover img { opacity:0}
.right_s ul li a:hover img.a1 { display:block; opacity:1}
.right_s ul li a i { display:block; position:absolute; right:10px; top:5px; width:14px; height:14px; color:#fff; font-size:10px; text-align:center; line-height:14px; background:#cc0000; border-radius:50%}

.banner_pro { height:384px; background:url(../images/banner_pro.jpg) top no-repeat; margin-top:132px}


@media all and (max-width:1460px){
.banner_pro { height:292px; background:url(../images/banner_pro.jpg) top no-repeat; background-size:auto 100%}
}

@media all and (max-width:1100px){
.right_s { left:0; right:0; bottom:0; width:100%}
.right_s ul li { border-bottom:0 none; float:left; width:20%}
.right_s ul li a { border-right:1px #ddd solid}
.right_s ul li:nth-child(5) a { border-right:0 none}

.banner_pro { height:220px; margin-top:93px}
}
@media all and (max-width:870px){
.banner_pro { height:180px;}
}
@media all and (max-width:750px){
.banner_pro { height:240px; background:url(../images/banner_pro.jpg) no-repeat; background-position:15% 0; background-size:auto 100%}
}

@media all and (max-width:480px){
.banner_pro { height:180px;}
}


.products { background:#FAFAFA; padding:50px 0 0 0; overflow:hidden}

.pro_lanmu { float:left; width:266px; background:#fff; padding:15px 0}
.pro_lanmu ul li { padding:15px 30px; font-size:16px}
.pro_lanmu ul li i { display:block; float:right; color:#888; line-height:26px; cursor:pointer}
.pro_lanmu ul li h3 { padding-left:5px; padding-top:5px; display:none}
.pro_lanmu ul li h3 a { display:block}
.pro_lanmu ul li a.on { color:#3A8BF4}


@media all and (max-width:1460px){
.pro_lanmu { padding:40px 0 0 0}
}
@media all and (max-width:1100px){
.pro_lanmu { float:none; width:auto; padding:20px 0 0 0}
.pro_lanmu ul { width:auto}
.pro_lanmu ul li { padding:5px 15px; float:left; height:30px; font-size:14px;}
.pro_lanmu ul li i { display:none}
.pro_lanmu ul li h3 { display:none}
}


.pro_list { float:right; width:1100px; padding-bottom:30px}
.pro_list ul { width:1116px}
.pro_list ul li { float:left; width:372px; padding-bottom:15px}
.pro_list ul li a { display:block; background:#fff; width:356px; position:relative}
.pro_list ul li img { width:100%; display:block}
.pro_list ul li h3 { text-align:center; font-size:16px; padding-top:10px; line-height:40px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro_list ul li h4 { text-align:center; font-size:14px; color:red; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; height:50px}
.pro_list ul li h5 { padding-left:180px; text-align:center; font-size:16px; color:#3A8BF4; padding-top:40px}


.pro_list ul li a:hover { box-shadow:5px 5px 5px #ddd; margin-left:-5px; margin-top:-5px; margin-bottom:5px}


@media all and (max-width:1460px){
.pro_list { width:800px;}
.pro_list ul { width:810px}
.pro_list ul li { width:270px; padding-bottom:10px}
.pro_list ul li a {width:260px;}
}

@media all and (max-width:1100px){
.pro_list { width:100%; width:auto; float:none; clear:both}
.pro_list ul { width:auto}
.pro_list ul li { width:50%; padding-bottom:10px}
.pro_list ul li a { width:95%; height:auto; margin:0 auto; padding-top:15px}
.pro_list ul li img { position:relative; width:90%; margin:0 auto; display:block}
.pro_list ul li h3 { padding-left:0; font-size:16px; padding-top:10px; line-height:30px}
.pro_list ul li h4 { padding-left:0; font-size:12px;}
.pro_list ul li h5 { padding-left:0; font-size:14px; padding-top:15px}

.pro_list ul li a:hover { box-shadow:5px 5px 5px #ddd; margin:0 auto}
}

.pages { background:#FAFAFA; padding:0px 0 40px 0}
.pages ul{ text-align:center; list-style-type:none; padding:14px 0px;}
.pages ul li { display:inline; list-style-type:none; font-family:Tahoma;line-height:26px;margin-right:6px;border:#ccc 1px solid;background:#EAEAEA;-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; padding:8px;}
.pages ul li a{ padding:2px 3px; color:#6e6e6e;}
.pages ul li.on a{color:#343434;}
.pages ul li.thisclass{ background:#4593FF; font-weight:bold; text-align:center;border:#fff 1px solid}
.pages ul li.thisclass a { color:#fff;}

@media all and (max-width:720px){
.pages ul li { padding:4px; font-size:12px}
}




.pro_id { background:#FAFAFA; padding:50px 0; margin-top:132px}
.pro_id .w100 {}

.pro_id .pro_left { float:left; width:670px; position:relative}
.pro_id .pro_left .bd { width:570px; height:570px; border:1px #ccc solid; margin:0 auto}
.pro_id .pro_left .bd ul li img { width:570px; height:570px; display:block}
.pro_id .pro_left .hd { padding-top:10px; width:610px; margin:0 auto}
.pro_id .pro_left .hd ul li { float:left; width:122px;}
.pro_id .pro_left .hd ul li img { width:85px; height:85px; border:1px #ddd solid; margin:0 auto; display:block}
.pro_id .pro_left .hd ul li.on img { border:1px #3A8BF4 solid}


.pro_id .pro_left a.prev { display:block; position:absolute; left:-10px; bottom:15px; z-index:333; cursor:pointer; width:32px; height:59px; background:url(../images/left.png); cursor:pointer}
.pro_id .pro_left a.next { display:block; position:absolute; right:-10px; bottom:15px; z-index:334; cursor:pointer; width:32px; height:59px; background:url(../images/right.png); cursor:pointer}


@media all and (max-width:1460px){
.pro_id .pro_left { width:570px;}
.pro_id .pro_left .hd { width:510px;}
.pro_id .pro_left .hd ul li { width:102px;}

}
@media all and (max-width:1100px){
.pro_id { padding:20px 0; margin-top:93px}
.pro_id .pro_left { width:auto; float:none; max-width:570px; margin:0 auto; height:auto}
.pro_id .pro_left .bd { width:100%; height:auto; overflow:hidden}
.pro_id .pro_left .bd ul li img { width:100%; height:auto; display:block}

.pro_id .pro_left a.prev { transform:scale(0.5); left:5px; top:50%; bottom:auto}
.pro_id .pro_left a.next { transform:scale(0.5); right:5px; top:50%; bottom:auto}

.pro_id .pro_left .hd { width:auto}
.pro_id .pro_left .hd ul li { width:68px;}
.pro_id .pro_left .hd ul li img { width:60px; height:60px}

}


.pro_id .pro_right { float:right; width:570px; position:relative}
.pro_id .pro_right h1 { font-size:30px; line-height:50px}
.pro_id .pro_right .canshu1 { font-size:16px; padding:10px 0}
.pro_id .pro_right h2 { padding-top:20px; font-size:16px; padding-bottom:10px}
.pro_id .pro_right ul { width:584px; overflow:hidden}
.pro_id .pro_right ul li { float:left; width:292px; padding-bottom:14px}
.pro_id .pro_right ul li a { display:block; width:250px; border:1px #ddd solid; line-height:36px; color:#3A8BF4; padding-left:16px; cursor:pointer}
.pro_id .pro_right ul li.on a { background:#3A8BF4; color:#fff}

.pro_id .pro_right .canshu2 { padding:15px 0; border-bottom:1px #eee solid; position:relative; text-align:right}
.pro_id .pro_right .canshu2 h3 { float:left; font-size:18px; font-weight:bold; line-height:40px}
.pro_id .pro_right .canshu2 h4 { line-height:40px; position:relative}
.pro_id .pro_right .canshu2 h4 span { color:#E11015; font-size:36px; font-weight:bold;}
.pro_id .pro_right .canshu2 h4 a { display:block; position:absolute; right:0; top:0; bottom:0; background:#FAFAFA; color:#E11015; font-size:18px; font-weight:bold;}

.pro_id .pro_right .canshu2 .inp_p1 { width:60px; text-align:center; height:38px; line-height:38px; margin-right:20px}
.pro_id .pro_right .canshu2 i.fa-plus { position:absolute; position:absolute; right:0; top:15px; line-height:40px; cursor:pointer}
.pro_id .pro_right .canshu2 i.fa-minus { position:absolute; position:absolute; right:95px; top:10px; line-height:40px; cursor:pointer}

.pro_id .pro_right .goumai { height:100px; padding-top:20px}
.pro_id .pro_right .goumai input { display:block; float:right; line-height:40px; height:40px; padding:0 30px; color:#fff; font-size:18px; cursor:pointer; background:#E11015; font-weight:bold; margin-left:20px}
.pro_id .pro_right .goumai a { line-height:38px; height:38px; margin-left:20px; padding:0 30px; border:1px #ddd solid; display:block; float:right; font-size:16px; cursor:pointer}
.pro_id .pro_right .goumai p { line-height:40px; height:40px;}
.pro_id .pro_right .goumai p a { border:0 none; display:inline; float:none; padding:0; color:#3A8BF4; margin:0; font-size:14px}
@media all and (max-width:1460px){
.pro_id .pro_right { width:470px;}

.pro_id .pro_right ul { width:auto;}
.pro_id .pro_right ul li { width:50%;}
.pro_id .pro_right ul li a { width:90%; font-size:14px}
}
@media all and (max-width:1100px){
.pro_id .pro_right { width:auto; float:none; clear:both}

.pro_id .pro_right h1 { font-size:18px; line-height:30px}
.pro_id .pro_right .canshu1 { font-size:14px; padding:10px 0}

.pro_id .pro_right h2 { padding-top:10px; font-size:14px;}
.pro_id .pro_right ul li { width:auto; float:none; padding-bottom:5px}
.pro_id .pro_right ul li a { width:auto; font-size:14px}

}


.pro_id .pro_content { background:#fff}
.pro_id .pro_content .pro_tj { float:left; width:248px}
.pro_id .pro_content .pro_tj h2 { font-size:14px; padding-left:15px; padding-top:20px}
.pro_id .pro_content .pro_tj ul li { padding:10px 0; text-align:center}
.pro_id .pro_content .pro_tj ul li img { display:block; width:216px; height:216px; margin:0 auto; border:1px #eee solid}
.pro_id .pro_content .pro_tj ul li h3 { padding-top:10px; font-size:16px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro_id .pro_content .pro_tj ul li h4 { color:#888}
.pro_id .pro_content .pro_tj ul li h5 { color:#E11015}

.pro_id .pro_content .pro_cn { float:right; width:1152px}
.pro_id .pro_content .pro_cn .pro_cps { height:90px; border-bottom:2px #ddd solid}
.pro_id .pro_content .pro_cn .pro_cps a { display:block; font-size:18px; line-height:90px; padding:0 30px; float:left; position:relative; cursor:pointer; -webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease}
.pro_id .pro_content .pro_cn .pro_cps a.on { border:2px #ddd solid; line-height:88px; color:#3A8BF4; font-weight:bold}
.pro_id .pro_content .pro_cn .pro_cps a.on i { position:absolute; bottom:-2px; left:0; right:0; height:2px; background:#fff; display:block}


.pro_id .pro_content .pro_cn .pro_text1 { font-size:16px; line-height:30px; padding-top:20px}
.pro_id .pro_content .pro_cn .pro_text1 img { display:block; margin:0 auto; max-width:100%}
.pro_id .pro_content .pro_cn .pro_text1 p { padding-bottom:0px}


.pro_id .pro_content .pro_cn .pro_xz { width:1100px; margin:0 auto}
.pro_id .pro_content .pro_cn .pro_xz ul li { height:46px; border-bottom:1px #eee solid; line-height:46px}
.pro_id .pro_content .pro_cn .pro_xz ul li h3 { float:left; padding-left:15px; line-height:46px; border-right:1px #eee solid; width:440px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis}
.pro_id .pro_content .pro_cn .pro_xz ul li h4 { float:left; padding-left:15px; line-height:46px; border-right:1px #eee solid; width:360px; margin-right:20px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis}
.pro_id .pro_content .pro_cn .pro_xz ul li h5 { float:left; padding-left:15px; line-height:46px; border-right:1px #eee solid; width:260px; margin-right:20px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis}
.pro_id .pro_content .pro_cn .pro_xz ul li i { color:#3A8BF4; padding-right:10px}
.pro_id .pro_content .pro_cn .pro_xz ul li a { color:#3A8BF4;}

.pro_id .pro_content .pro_cn .pro_xz ul li:nth-child(2n+1) { background:#F7F8FA}
.pro_id .pro_content .pro_cn .pro_xz ul li:nth-child(1) { background:#222222; color:#fff; font-size:16px; font-weight:bold}
.pro_id .pro_content .pro_cn .pro_xz ul li:nth-child(1) h3 { font-weight:bold}
.pro_id .pro_content .pro_cn .pro_xz ul li:nth-child(1) h4 { font-weight:bold}
.pro_id .pro_content .pro_cn .pro_xz ul li:nth-child(1) h5 { font-weight:bold}


@media all and (max-width:1460px){
.pro_id .pro_content .pro_cn { width:852px}

.pro_id .pro_content .pro_cn .pro_xz { width:840px;}
.pro_id .pro_content .pro_cn .pro_xz ul li h3 { width:340px}
.pro_id .pro_content .pro_cn .pro_xz ul li h4 { width:300px}
.pro_id .pro_content .pro_cn .pro_xz ul li h5 { width:200px}

}
@media all and (max-width:1100px){
.pro_id .pro_content .pro_cn { width:auto; float:none}
.pro_id .pro_content .pro_tj { display:none}

.pro_id .pro_content .pro_cn .pro_cps { height:40px; border-bottom:1px #ddd solid}
.pro_id .pro_content .pro_cn .pro_cps a {font-size:14px; line-height:40px; padding:0 10px;}
.pro_id .pro_content .pro_cn .pro_cps a.on { border:1px #ddd solid; line-height:38px;}
.pro_id .pro_content .pro_cn .pro_cps a.on i { position:absolute; bottom:-2px; left:0; right:0; height:2px; background:#fff; display:block}

.pro_id .pro_content .pro_cn .pro_xz { width:100%; margin:0 auto;}
.pro_id .pro_content .pro_cn .pro_xz ul li { padding:10px 0; position:relative; height:auto}
.pro_id .pro_content .pro_cn .pro_xz ul li h3 { float:none; padding-left:10px; line-height:20px; border-right:0 none; width:auto}
.pro_id .pro_content .pro_cn .pro_xz ul li h4 { float:none; padding-left:10px; line-height:20px; border-right:0 none; width:auto; color:#888}
.pro_id .pro_content .pro_cn .pro_xz ul li a { display:block; position:absolute; right:10px; top:10px; font-size:14px}
.pro_id .pro_content .pro_cn .pro_xz ul li h5 { float:none; padding-left:10px; line-height:20px; border-right:0 none; width:auto; color:#888}

.pro_id .pro_content .pro_cn .pro_xz ul li:nth-child(1) { display:none}

}







.banner_cases { height:400px; background:url(../images/banner_cases.jpg) top no-repeat; margin-top:132px}

@media all and (max-width:1460px){
.banner_cases { height:292px; background:url(../images/banner_cases.jpg) top no-repeat; background-size:auto 100%}
}

@media all and (max-width:1100px){
.banner_cases { height:220px; margin-top:93px;}
}
@media all and (max-width:870px){
.banner_cases { height:180px;}
}
@media all and (max-width:750px){
.banner_cases { height:240px; background:url(../images/banner_cases.jpg) no-repeat; background-position:15% 0; background-size:auto 100%}
}

@media all and (max-width:480px){
.banner_cases { height:180px;}
}


.cases_lanmu { background:#FAFAFA; padding:50px 0 0 0}
.cases_lanmu .w100 { background:#fff; padding:20px 0; overflow:hidden}
.cases_lanmu ul { text-align:center}
.cases_lanmu ul li { display:inline; padding:0 30px; font-size:16px}
.cases_lanmu ul li.on a { color:#3A8BF4}

@media all and (max-width:1460px){
.cases_lanmu { padding:40px 0 0 0}
}
@media all and (max-width:1100px){
.cases_lanmu { padding:20px 0 0 0}
.cases_lanmu ul { width:auto}
.cases_lanmu ul li { float:left; height:30px; font-size:14px; padding:0 15px}
.cases_lanmu ul li i { display:none}
.cases_lanmu ul li h3 { display:none}
}



.cases_list { background:#FAFAFA; padding:30px 0 10px 0}
.cases_list ul li { margin-bottom:20px; height:300px; background:url(../images/case_bg1.jpg) #fff right bottom no-repeat}
.cases_list ul li img { display:block; float:left; height:300px; margin-right:80px; width:460px}
.cases_list ul li h3 { font-size:24px; padding-top:30px; line-height:30px}
.cases_list ul li h4 { font-size:16px; color:#888; padding-top:30px; line-height:20px; padding-right:30px}
.cases_list ul li h5 { font-size:16px; color:#354BAA; padding-top:30px; line-height:20px}
.cases_list ul li h5 span { display:block; padding-top:30px}

.cases_list ul li:hover { box-shadow:0 0 10px #ddd; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}

@media all and (max-width:1460px){
	
.cases_list ul li { height:240px; background:url(../images/case_bg1.jpg) #fff right bottom no-repeat; background-size:100% auto}
.cases_list ul li img { margin-right:40px; height:240px; width:365px}
.cases_list ul li h3 { font-size:18px; padding-top:20px;}
.cases_list ul li h4 { font-size:14px; padding-top:15px; line-height:20px; padding-right:20px}
.cases_list ul li h5 { font-size:14px; padding-top:15px;}
.cases_list ul li h5 span { display:none; padding-top:30px}

.cases_list ul li:hover { box-shadow:0 0 10px #ddd; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}

}

@media all and (max-width:1100px){
	
.cases_list ul li { height:auto; padding:20px 0}
.cases_list ul li img { margin:0 auto; height:auto; max-width:80%; float:none}
.cases_list ul li h3 { font-size:16px; padding:20px 20px 10px 20px;}
.cases_list ul li h4 { font-size:14px; padding:0 20px}
.cases_list ul li h5 { font-size:14px; padding:10px 20px}
.cases_list ul li h5 span { display:none; padding-top:30px}

.cases_list ul li:hover { box-shadow:0 0 10px #ddd; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}

}


.banner_service { height:400px; background:url(../images/banner_service.jpg) top no-repeat; margin-top:132px}

@media all and (max-width:1460px){
.banner_service { height:292px; background:url(../images/banner_service.jpg) top no-repeat; background-size:auto 100%}
}

@media all and (max-width:1100px){
.banner_service { height:220px; margin-top:93px;}
}
@media all and (max-width:870px){
.banner_service { height:180px;}
}
@media all and (max-width:750px){
.banner_service { height:240px; background:url(../images/banner_service.jpg) no-repeat; background-position:15% 0; background-size:auto 100%}
}

@media all and (max-width:480px){
.banner_service { height:180px;}
}


.service { background:#FAFAFA; padding:30px 0}
.service .w100 { background:url(../images/case_bg1.jpg) right bottom no-repeat #fff; overflow:hidden}
.service .ser_left { float:left; width:248px; padding-top:20px}
.service .ser_left ul li { line-height:50px; font-size:16px; padding-left:25px; cursor:pointer}
.service .ser_left ul li a.on { color:#3A8BF4}

.service .ser_right { float:right; width:1152px; padding:30px 0}
.service .ser_right h1 { font-size:18px; line-height:30px; padding-bottom:10px}

@media all and (max-width:1460px){
.service .ser_right { width:852px; padding:20px 0}

}
@media all and (max-width:1100px){
.service .ser_left { width:auto; float:none; padding-top:0px}
.service .ser_left ul li { line-height:40px; font-size:14px; padding-left:25px; cursor:pointer; float:none; width:auto; border-bottom:1px #eee solid}
.service .ser_left ul li a.on { color:#3A8BF4}

.service .ser_right { width:auto; float:none; padding:15px}
}


.service .ser_goumai { height:520px; background:url(../images/service_bg1.png)}
.service .ser_goumai ul li { float:left; width:33.3%; height:260px}
.service .ser_goumai ul li h3 { font-size:18px; line-height:40px; font-weight:bold; padding-top:30px; padding-left:50px}
.service .ser_goumai ul li h4 { color:#888; padding:0 50px}
.service .ser_goumai ul li a:hover h4 { color:#3A8BF4}


@media all and (max-width:1460px){
.service .ser_goumai { height:412px; background:url(../images/service_bg1.png); background-size:100% auto}
.service .ser_goumai ul li { height:206px}

.service .ser_goumai ul li h3 { padding-left:30px}
.service .ser_goumai ul li h4 { padding:0 30px}


}
@media all and (max-width:1100px){
.service .ser_goumai { height:auto; background:#fff}
.service .ser_goumai ul li { height:206px; border-bottom:1px #eee solid; width:50%}

.service .ser_goumai ul li h3 { padding-left:20px}
.service .ser_goumai ul li h4 { padding:0 20px}


}
@media all and (max-width:560px){
.service .ser_goumai ul li { height:auto; width:auto; float:none; padding-bottom:20px}

}

.service .ser_cx { background:#fff; padding:50px 0}
.service .ser_cx h2 { text-align:center; font-size:24px; line-height:40px}
.service .ser_cx .tac { text-align:center; font-size:18px; color:#3A8BF4; line-height:40px}
.service .ser_cx .tac a { color:#3A8BF4; background:url(../images/ico_c7.png) left no-repeat; padding:5px 0 5px 50px}

.service .ser_ss { padding:40px 0; width:930px; margin:0 auto; position:relative}
.service .ser_ss .inp_ser1 { height:68px; line-height:68px; border:1px #ddd solid; border-radius:34px; padding-left:60px; width:868px; font-size:18px}
.service .ser_ss i { position:absolute; display:block; left:15px; width:30px; top:0; bottom:0; background:url(../images/ico_c5.png) center no-repeat}
.service .ser_ss .inp_ser2 { position:absolute; right:0; top:40px; line-height:70px; height:70px; cursor:pointer; width:180px; text-align:center; color:#fff; font-size:18px; background:#2453AF; border-radius:0 34px 34px 0;}

@media all and (max-width:1100px){
.service .ser_ss { padding:20px 0; width:auto}
.service .ser_ss .inp_ser1 { height:48px; line-height:48px; border-radius:24px; padding-left:40px; width:90%; font-size:14px}
.service .ser_ss i { left:10px;}
.service .ser_ss .inp_ser2 { position:absolute; right:0; top:20px; line-height:50px; height:50px; width:100px; font-size:14px; background:#2453AF; border-radius:0 24px 24px 0;}


}

.service .ser_bz { background:#fff; padding:50px}
.service .ser_bz td { padding:0 15px}


@media all and (max-width:1100px){
.service .ser_bz { background:#fff; padding:20px}

}

.service .ser_xz { background:#fff; padding:0 50px 50px 50px}
.service .ser_xz il { width:1100px; margin:0 auto}
.service .ser_xz ul li { height:46px; border-bottom:1px #eee solid; line-height:46px}
.service .ser_xz ul li h3 { float:left; padding-left:15px; line-height:46px; border-right:1px #eee solid; width:440px}
.service .ser_xz ul li h4 { float:left; padding-left:15px; line-height:46px; border-right:1px #eee solid; width:360px; margin-right:20px}
.service .ser_xz ul li h5 { float:left; padding-left:15px; line-height:46px; border-right:1px #eee solid; width:260px; margin-right:20px}
.service .ser_xz ul li i { color:#3A8BF4; padding-right:10px}
.service .ser_xz ul li a { color:#3A8BF4;}

.service .ser_xz ul li:nth-child(2n+1) { background:#F7F8FA}
.service .ser_xz ul li:nth-child(1) { background:#222222; color:#fff; font-size:16px; font-weight:bold}
.service .ser_xz ul li:nth-child(1) h3 { font-weight:bold}
.service .ser_xz ul li:nth-child(1) h4 { font-weight:bold}
.service .ser_xz ul li:nth-child(1) h5 { font-weight:bold}


@media all and (max-width:1460px){
.service .ser_xz ul li h3 { width:340px}
.service .ser_xz ul li h4 { width:300px}
.service .ser_xz ul li h5 { width:200px}

}
@media all and (max-width:1100px){
.service .ser_xz { background:#fff; padding:0 20px 20px 20px}
.service .ser_xz ul li { padding:10px 0; position:relative; height:auto}
.service .ser_xz ul li h3 { float:none; padding-left:10px; line-height:20px; border-right:0 none; width:auto}
.service .ser_xz ul li h4 { float:none; padding-left:10px; line-height:20px; border-right:0 none; width:auto; color:#888}
.service .ser_xz ul li a { display:block; position:absolute; right:10px; top:10px; font-size:14px}
.service .ser_xz ul li h5 { float:none; padding-left:10px; line-height:20px; border-right:0 none; width:auto; color:#888}

.service .ser_xz ul li:nth-child(1) { display:none}

}




.service .ser_hc { background:#fff; padding:20px 40px}
.service .ser_hc ul li { padding:30px 0 30px 240px; overflow:hidden; position:relative; height:174px; border-bottom:1px #eee solid}
.service .ser_hc ul li img { display:block; position:absolute; left:0; top:30px}
.service .ser_hc ul li h3 { font-size:18px; padding-top:30px}
.service .ser_hc ul li h4 { font-size:16px; padding-top:20px; color:#888}
.service .ser_hc ul li i { display:block; position:absolute; right:20px; top:50%; margin-top:-25px; line-height:50px; font-size:36px; color:#3A8BF4}


@media all and (max-width:1100px){
.service .ser_hc { padding:10px 20px}
.service .ser_hc ul li { padding: 15px 0 15px 160px}
.service .ser_hc ul li img { top:15px}
.service .ser_hc ul li h3 { font-size:16px;}
.service .ser_hc ul li h4 { font-size:14px;}
.service .ser_hc ul li i { font-size:24px;}
}


.banner_aboutus { height:400px; background:url(../images/banner_aboutus.jpg) top no-repeat; margin-top:132px}

@media all and (max-width:1460px){
.banner_aboutus { height:292px; background:url(../images/banner_aboutus.jpg) top no-repeat; background-size:auto 100%}
}

@media all and (max-width:1100px){
.banner_aboutus { height:220px; margin-top:93px;}
}
@media all and (max-width:870px){
.banner_aboutus { height:180px;}
}
@media all and (max-width:750px){
.banner_aboutus { height:240px; background:url(../images/banner_aboutus.jpg) no-repeat; background-position:15% 0; background-size:auto 100%}
}

@media all and (max-width:480px){
.banner_aboutus { height:180px;}
}



.aboutus { background:#FAFAFA; padding:40px 0}
.aboutus .about_1 { padding-bottom:30px}
.aboutus .about_1 h1 { text-align:center; font-size:24px; line-height:50px; padding-bottom:10px}
.aboutus .about_1 .about_text1 { font-size:16px; line-height:30px}
.aboutus .about_1 .about_text1 p { padding-bottom:20px}
.aboutus .about_1 img { display:block; max-width:100%}

.aboutus .about_2 { display:block; background:#fff; margin-bottom:30px; font-size:16px; line-height:30px; overflow:hidden; position:relative; height:301px; padding:50px 550px 0 50px}
.aboutus .about_2 img { position:absolute; right:0; top:0}
.aboutus .about_2 p { padding-bottom:20px}

.aboutus .about_3 { display:block; background:#fff; margin-bottom:30px; font-size:16px; line-height:30px; overflow:hidden; position:relative; height:301px; padding:50px 50px 0 550px}
.aboutus .about_3 img { position:absolute; left:0; top:0}
.aboutus .about_3 p { padding-bottom:20px}


@media all and (max-width:1460px){
.aboutus .about_2 { padding:30px 500px 0 30px}
.aboutus .about_3 { padding:30px 30px 0 500px}

}
@media all and (max-width:1100px){
.aboutus { padding:20px 0}
.aboutus .about_2 { padding:30px 15px 0 15px; height:auto}
.aboutus .about_3 { padding:30px 15px 0 15px; height:auto}

.aboutus .about_2 img { position:relative; right:auto; top:auto; display:block; margin:0 auto; max-width:80%; padding-bottom:15px}
.aboutus .about_3 img { position:relative; right:auto; top:auto; display:block; margin:0 auto; max-width:80%; padding-bottom:15px}

}



.aboutus .about_4 {}
.aboutus .about_4 ul { height:270px; width:1416px;}
.aboutus .about_4 ul li { float:left; width:472px}
.aboutus .about_4 ul li a { display:block; width:456px; height:270px; background:url(../images/about_bg1.png) right bottom no-repeat #fff}
.aboutus .about_4 ul li:nth-child(2) a { background:url(../images/about_bg2.png) right bottom no-repeat #fff}
.aboutus .about_4 ul li:nth-child(3) a { background:url(../images/about_bg3.png) right bottom no-repeat #fff}
.aboutus .about_4 ul li a:hover { background:#2652BE}

.aboutus .about_4 ul li img { display:block; padding:20px 0 0 50px}
.aboutus .about_4 ul li h3 { color:#3A8BF4; font-size:18px; padding:20px 0 0 50px}
.aboutus .about_4 ul li h4 { color:#888; font-size:14px; padding:20px 0 0 50px}
.aboutus .about_4 ul li a:hover h3 { color:#fff}
.aboutus .about_4 ul li a:hover h4 { color:#fff}
.aboutus .about_4 .tac { padding-top:30px}


@media all and (max-width:1460px){
.aboutus .about_4 ul { width:1116px;}
.aboutus .about_4 ul li { width:372px}
.aboutus .about_4 ul li a { width:356px;}
.aboutus .about_4 .tac img { display:block; max-width:100%}

}
@media all and (max-width:1100px){
.aboutus .about_4 ul { width:100%; height:auto; overflow:hidden}
.aboutus .about_4 ul li { width:33.3%}
.aboutus .about_4 ul li a { width:95%; margin:0 auto; height:auto; background:url(../images/about_bg1.png) right bottom no-repeat #fff; background-size:100% auto; padding-top:15px;}
.aboutus .about_4 ul li:nth-child(2) a { background:url(../images/about_bg2.png) right bottom no-repeat #fff; background-size:100% auto}
.aboutus .about_4 ul li:nth-child(3) a { background:url(../images/about_bg3.png) right bottom no-repeat #fff; background-size:100% auto}

.aboutus .about_4 ul li img { display:block; padding:0; width:50px; margin:0 auto}
.aboutus .about_4 ul li h3 { color:#3A8BF4; font-size:16px; padding:20px 0 0 20px}
.aboutus .about_4 ul li h4 { color:#888; font-size:14px; padding:10px 20px 0 20px; height:120px; line-height:20px}

.aboutus .about_4 ul li a:hover h3 { color:#3A8BF4}
.aboutus .about_4 ul li a:hover h4 { color:#888}

.aboutus .about_4 .tac img { display:block; max-width:100%}


}

@media all and (max-width:560px){
.aboutus .about_4 ul li { width:auto; float:none; padding-bottom:15px}
.aboutus .about_4 ul li img { display:block; float:left; margin-right:15px; width:30px; padding-left:20px}
.aboutus .about_4 ul li h3 { padding:0; line-height:30px}
.aboutus .about_4 ul li h4 { height:auto; padding-bottom:20px}

.aboutus .about_4 ul li a { background:url(../images/about_bg1.png) right bottom no-repeat #fff; background-size:auto 50%; width:auto}
.aboutus .about_4 ul li:nth-child(2) a { background:url(../images/about_bg2.png) right bottom no-repeat #fff; background-size:auto 50%;}
.aboutus .about_4 ul li:nth-child(3) a { background:url(../images/about_bg3.png) right bottom no-repeat #fff; background-size:auto 50%;}

.aboutus .about_4 .tac { padding-top:0px}
}

.aboutus .contact_1 { height:267px; background:url(../images/contact_bg1.jpg) right bottom no-repeat #2652BD}
.aboutus .contact_1 img { display:block; float:left; margin-right:65px}
.aboutus .contact_1 h1 { font-size:24px; line-height:60px; padding-top:40px; color:#fff; font-weight:normal}
.aboutus .contact_1 h3 { font-size:16px; color:#fff}


.aboutus .contact_2 { padding-top:20px}
.aboutus .contact_2 .ft { width:695px; background:#fff; padding:20px 0}
.aboutus .contact_2 .fr { width:695px; background:#fff; padding:20px 0}

.aboutus .contact_2 h2 { text-decoration:underline; color:#2554BE; font-size:18px; padding-left:50px}
.aboutus .contact_2 ul li { padding:30px 50px 0 50px; font-size:16px; line-height:30px}
.aboutus .contact_2 ul li h3 { color:#2554BE; font-size:16px; font-weight:bold; padding-bottom:5px}

@media all and (max-width:1460px){
.aboutus .contact_1 h1 { font-size:18px; line-height:50px; padding-top:30px;}
.aboutus .contact_1 h3 { font-size:14px; color:#fff; padding-right:20px}
.aboutus .contact_1 img { margin-right:50px}

.aboutus .contact_2 .ft { width:540px}
.aboutus .contact_2 .fr { width:540px}
}

@media all and (max-width:1100px){
.aboutus .contact_1 { height:auto; padding-bottom:20px}
.aboutus .contact_1 img { float:none; margin:0; padding:0; width:100%}

.aboutus .contact_1 h1 { font-size:16px; line-height:30px; padding-top:20px; padding-left:20px;}
.aboutus .contact_1 h3 { font-size:14px; color:#fff; padding:10px 20px}


.aboutus .contact_2 .ft { width:auto; float:none; margin-bottom:20px}
.aboutus .contact_2 .fr { width:auto; float:none}

.aboutus .contact_2 h2 { font-size:16px; padding-left:20px}
.aboutus .contact_2 ul li { padding:20px 20px 0 20px;}
}



.aboutus .hr_1 { background:url(../images/about_bg4.jpg); height:329px}
.aboutus .hr_1 h2 { font-size:24px; color:#fff; padding:70px 0 20px 55px}
.aboutus .hr_1 h3 { font-size:14px; line-height:30px; color:#fff; padding:0 0 20px 55px; width:700px}


.aboutus .hr_2 { height:602px; background:url(../images/case_bg1.jpg) right bottom no-repeat #fff; margin-top:30px}
.aboutus .hr_2 .hr_left { width:212px; float:left; height:602px; background:url(../images/about_bg5.jpg); position:relative}
.aboutus .hr_2 .hr_left ul li { font-size:16px; line-height:50px; padding-left:30px}
.aboutus .hr_2 .hr_left ul li a.on { color:#2554BE}
.aboutus .hr_2 .hr_left h3 { position:absolute; left:30px; bottom:20px; color:#888; font-size:12px}
.aboutus .hr_2 .hr_left h3 a { color:#2554BE}

.aboutus .hr_2 .hr_right { float:right; width:1100px; padding:30px 0}
.aboutus .hr_2 .hr_right ul li {}
.aboutus .hr_2 .hr_right ul li h3 { font-size:16px; padding-bottom:10px}

@media all and (max-width:1460px){
.aboutus .hr_2 .hr_right { width:850px; padding:20px 0}

}

@media all and (max-width:1100px){
.aboutus .hr_1 { background:url(../images/about_bg4.jpg); height:auto; padding-bottom:20px}
.aboutus .hr_1 h2 { font-size:16px; padding:30px 20px 10px 20px}
.aboutus .hr_1 h3 { font-size:12px; line-height:20px; color:#fff; padding:0 20px; width:auto}

.aboutus .hr_2 .hr_right { width:850px; padding:20px 0}

.aboutus .hr_2 { height:auto; padding-bottom:20px;}
.aboutus .hr_2 .hr_left { width:auto; float:none; height:auto; position:relative; overflow:hidden}
.aboutus .hr_2 .hr_left ul { overflow:hidden}
.aboutus .hr_2 .hr_left ul li { font-size:14px; line-height:34px; padding-left:0px; float:left; width:50%}
.aboutus .hr_2 .hr_left ul li a { display:block; padding-left:30px; border:1px #f5f5f5 solid}
.aboutus .hr_2 .hr_left h3 { position: relative; left:auto; bottom:auto; color:#888; font-size:12px; text-align:right; padding:10px 20px}
.aboutus .hr_2 .hr_left h3 a { color:#2554BE}

.aboutus .hr_2 .hr_right { width:90%; margin:0 auto; float:none; height:auto; padding:20px 0}

}

.news_list { width:1422px}
.news_list ul li { float:left; width:474px; padding-bottom:20px}
.news_list ul li a { display:block; width:452px; overflow:hidden; background:#fff}
.news_list ul li img { display:block; width:452px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.news_list ul li h3 { font-size:16px; line-height:26px; height:52px; padding:15px 20px 0 20px; height:70px}
.news_list ul li h4 { font-size:14px; color:#888; height:50px; padding-left:20px}

.news_list ul li a:hover { background:#2551BC}
.news_list ul li a:hover img { transform:scale(1.05)}
.news_list ul li a:hover h3 { color:#fff}
.news_list ul li a:hover h4 { color:#fff; opacity:0.8}


@media all and (max-width:1460px){
.news_list { width:1116px}
.news_list ul li { width:372px; padding-bottom:16px}
.news_list ul li a { width:356px;}
.news_list ul li img { display:block; width:356px; height:auto}

}
@media all and (max-width:1100px){
.news_list { width:100%}
.news_list ul li { width:auto; float:none; padding-bottom:16px; overflow:hidden}
.news_list ul li a { width:auto;}
.news_list ul li img { display:block; width:356px; height:auto; float:left; margin-right:30px}

.news_list ul li a:hover { background:#fff}
.news_list ul li a:hover img { transform:scale(1)}
.news_list ul li a:hover h3 { color:#343434}
.news_list ul li a:hover h4 { color:#343434; opacity:0.8}

}
@media all and (max-width:660px){
.news_list ul li { position:relative}
.news_list ul li img { width:40%; margin-right:20px}
.news_list ul li h3 { height:auto; padding-bottom:15px}
.news_list ul li h4 { position:absolute; right:15px; bottom:0px; color:#888; font-size:12px}
}



.news_title { padding:50px 0 20px 0; background:#fff}
.news_title h1 { font-size:24px; text-align:center; line-height:30px; padding:0 50px}
.news_title h3 { font-size:14px; text-align:center; color:#888; padding:15px 0; border-bottom:1px #eee solid; width:1300px; margin:0 auto}
.news_text { padding:30px; font-size:16px; line-height:28px; background:#fff}
.news_text img { display:block; max-width:100%; height:auto !important}
.news_text p { padding-bottom:20px}


.news_sx { background:#fff; margin:30px 0 30px 0; height:40px; line-height:20px; padding:20px 0}
.news_sx .ft { float:left; width:50%; color:#888}
.news_sx .ft h3 { float:left; line-height:40px; padding-left:40px}
.news_sx .ft a { font-size:16px; display:block; padding-right:40px}




@media all and (max-width:1460px){
.news_title h1 { font-size:18px;}
.news_title h3 { width:95%}

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

.news_text { padding:10px 15px;}

.news_sx { margin:20px 0; height:auto; line-height:20px; padding:10px 0}
.news_sx .ft { float:none; width:auto; color:#888; padding:0 20px 10px 20px;}
.news_sx .ft h3 { float:left; line-height:20px; padding:0px}
.news_sx .ft a { font-size:14px; display:block; padding:0px}

}


.qidian_wpa_img { display:none}




.duibi { width:90%; max-width:1400px; margin:132px auto 30px auto; background:#fff}
.duibi h2 {
    padding: 40px 0 20px 0;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}
.duibi table { background:#eee}
.duibi table td { background:#fff; padding:2px 5px; text-align:center}
@media all and (max-width:1100px){
.duibi { margin-top:93px}
}


.shopping-cart-wrap { margin-top:132PX}
@media all and (max-width:1100px){
.shopping-cart-wrap { margin-top:93px}

}