@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;}

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:#176BC8;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1400px; margin:0 auto}

@media all and (max-width:1440px){
.w100 { width:90%; margin:0 auto}
}


header { position:fixed; left:0; right:0; top:0; height:115px; z-index:888}
header .ft { padding-top:15px}
header .ft img { display:block}
header .head_r { float:right; padding-top:35px}
header .head_r .head_1 { float:right}
header .head_r .head_1 a { display:block; float:right; margin-left:15px}
header .head_r .head_1 a.a1 { height:46px; width:98px; background:url(../images/head_ico4.png)}
header .head_r .head_1 img { padding-top:7px}

header .head_r nav { float:right}
header .head_r nav ul li { float:left; padding-right:20px; font-size:16px; line-height:46px}
header .head_r nav ul li a { color:#BEBEBE}
header .head_r nav ul li.nav_on a { color:#fff}

header .head_r2 { display:none}





header.tops { background:rgba(1,37,111,0.5); backdrop-filter: blur(16px);}
header.tops2 { background:url(../images/head_bg.png) right no-repeat #000}


@media all and (max-width:1440px){
header { height:80px;}
header .ft { padding-top:10px}
header .ft img { height:60px}
header .head_r { padding-top:20px}
header.tops2 { background:url(../images/head_bg.png) right no-repeat #000; background-size:auto 100%}

}
@media all and (max-width:1000px){
header { height:60px;}
header .ft { padding-top:5px}
header .ft img { height:50px}
header .head_r { padding-top:7px}

header .head_r2 { display:block; line-height:60px; color:#fff; float:right}

header .head_r nav { float:none; position:absolute; top:60px; left:0; width:100%; background:#176BC8; display:none}
header .head_r nav ul li { float:none; padding-right:0px; font-size:16px; line-height:46px; border-bottom:1px #000 solid}
header .head_r nav ul li a { color:#fff; display:block; padding-left:20px}
header .head_r nav ul li.nav_on a { color:#fff}

header .head_r .head_1 a { display:none}
header .head_r .head_1 a.a1 { display:block}

}



.index_gd { position:relative; overflow: hidden;}
.index_gd .bd { position:relative; z-index:11}
.index_gd .bd ul li img { display:block; width:100%}

.index_gd .hd { position:absolute; left:0; bottom:20px; height:10px; width:100%; text-align:center; height:20px; z-index:222}
.index_gd .hd ul li { display:inline; padding:5px 8px;}
.index_gd .hd ul li i { color:#ccc; cursor:pointer; font-size:18px}
.index_gd .hd ul li.on i { color:#176BC8}

@media all and (max-width:1000px){
.index_gd .hd ul li i { font-size:14px}

}



.index_bg { background:url(../images/index_bg.jpg) top no-repeat; background-size:100% auto}

.index_1 { width:1400px; margin:0 auto; padding-top:150px; position:relative}
.index_1 .bd ul li { position:relative;}
.index_1 .bd ul li img { display:block; float:right; margin-top:100px; border-radius:80px; max-width:40%}
.index_1 .bd ul li h3 { font-size:18px; line-height:34px}
.index_1 .bd ul li h3 a { display:block; padding-top:10px; text-transform:uppercase; font-size:16px}

.index_1 h2 { position:absolute; left:0; bottom:0; font-size:24px; color:#888; line-height:30px; font-weight: normal}
.index_1 h2 i { display:block; font-weight:bold; color:#000}
.index_1 h2 b { display:block; font-size:30px; line-height:60px; color:#000}

.index_1 a.prev { position:absolute; right:90px; top:150px; width:65px; height:65px; background:#fff; border:1px #ddd solid; text-align:center; border-radius:50%; cursor:pointer}
.index_1 a.next { position:absolute; right:0; top:150px; width:65px; height:65px; background:#fff; border:1px #ddd solid; text-align:center; border-radius:50%; cursor:pointer}
.index_1 a.prev i { display:block; font-size:24px; line-height:65px}
.index_1 a.next i { display:block; font-size:24px; line-height:65px}
.index_1 a.prev:hover { background:#176BC8}
.index_1 a.next:hover { background:#176BC8}
.index_1 a.prev:hover i { color:#fff}
.index_1 a.next:hover i { color:#fff}



@media all and (max-width:1440px){
.index_1 { width:1100px; padding-top:100px; position:relative}
.index_1 .bd ul li h3 { font-size:16px; line-height:30px}

.index_1 a.prev { right:70px; top:100px; width:50px; height:50px}
.index_1 a.next { right:0px; top:100px; width:50px; height:50px}
.index_1 a.prev i { display:block; font-size:18px; line-height:50px}
.index_1 a.next i { display:block; font-size:18px; line-height:50px}


}

@media all and (max-width:1000px){
.index_1 { width:90%; padding-top:60px;}

.index_1 .bd ul li img { float:none; margin-top:0px; border-radius:30px; max-width:100%; margin:0 auto}
.index_1 .bd ul li h3 { font-size:14px; line-height:24px; width:auto; padding-top:20px}
.index_1 .bd ul li h3 a { font-size:14px}

.index_1 h2 { position:relative; left:auto; bottom:auto; font-size:14px; padding-top:20px}
.index_1 h2 b { font-size:16px; line-height:30px;}

.index_1 a.prev { right:40px; top:15px; width:30px; height:30px}
.index_1 a.next { right:0px; top:15px; width:30px; height:30px}
.index_1 a.prev i { display:block; font-size:14px; line-height:30px}
.index_1 a.next i { display:block; font-size:14px; line-height:30px}
}





.index_2 { width:1400px; margin:0 auto; padding-top:150px; position:relative}
.index_2 h2 { font-size:24px; color:#888; line-height:30px; font-weight: normal}
.index_2 h2 i { display:block; font-weight:bold; color:#000}
.index_2 h2 b { display:block; font-size:30px; line-height:60px; color:#000}
.index_2 ul li { float:left; width:50%; height:370px; padding-top:30px}
.index_2 ul li a { display:block; width:85%; margin:0 auto; position:relative}
.index_2 ul li img { display:block; position:absolute; left:0; top:0; width:50%}
.index_2 ul li h3 { padding:60px 0 20px 0; font-size:18px; line-height:24px; border-bottom:1px #aaa solid; float:right; width:45%}
.index_2 ul li h3 b { display:block; font-size:24px; padding-bottom:10px}
.index_2 ul li h4 { padding-top:20px; float:right; clear:both; width:45%; font-size:16px; line-height:24px}


@media all and (max-width:1440px){
.index_2 { width:1100px; padding-top:100px; position:relative}
.index_2 ul li { height:370px; padding-top:30px}
.index_2 ul li a { width:95%;}
.index_2 ul li h3 { padding:40px 0 20px 0; font-size:16px;}
.index_2 ul li h3 b { font-size:18px;}
.index_2 ul li h4 { padding-top:15px; font-size:14px; line-height:24px}


}
@media all and (max-width:1000px){
.index_2 { width:90%; padding-top:50px;}

.index_2 h2 { position:relative; left:auto; bottom:auto; font-size:14px; padding-top:20px}
.index_2 h2 b { font-size:16px; line-height:30px;}

.index_2 ul li { float:none; width:auto; height:auto; padding-top:20px}
.index_2 ul li a { width:100%; overflow:hidden}

.index_2 ul li img { display:block; position:absolute; left:0; top:0; width:50%}
.index_2 ul li h3 { padding:0px 0 10px 0; font-size:16px;}
.index_2 ul li h3 b { font-size:16px}
.index_2 ul li h4 { padding-top:10px; font-size:14px; line-height:20px}

}



.index_3 { width:1400px; margin:0 auto; padding-top:100px; position:relative}
.index_3 h2 { font-size:24px; color:#888; line-height:30px; font-weight: normal}
.index_3 h2 i { display:block; font-weight:bold; color:#000}
.index_3 h2 b { display:block; font-size:30px; line-height:60px; color:#000}
.index_3 ul li { float:left; width:20%; padding-top:40px}
.index_3 ul li a { display:block; width:90%; margin:0 auto; overflow:hidden; border-radius:50px; position:relative; height:690px; position:relative}
.index_3 ul li img { display:block; width:100%}
.index_3 ul li h3 { position:absolute; left:0; right:0; bottom:0; line-height:30px; font-size:18px; color:#fff; background:rgba(0,0,0,0.5); padding:10px 30px; display:none}
.index_3 ul li.on h3 { display:block}

.index_3 ul li i { position:absolute; width:98px; height:98px; background:url(../images/index_ico2.png); top:30px; left:50%; margin-left:-49px}
.index_3 ul li.on i { position:absolute; width:98px; height:98px; background:url(../images/index_ico1.png); top:30px; left:auto; margin-left:0; right:30px}



@media all and (max-width:1440px){
.index_3 { width:1100px; padding-top:50px; position:relative}



}
@media all and (max-width:1000px){
.index_3 { width:90%; padding-top:20px;}

.index_3 h2 { position:relative; left:auto; bottom:auto; font-size:14px; padding-top:20px}
.index_3 h2 b { font-size:16px; line-height:30px;}

.index_3 ul li { width:50% !important; padding-top:20px}
.index_3 ul li a { height:300px; width:95%; border-radius:10px}
.index_3 ul li i { display:none}
.index_3 ul li h3 { font-size:14px; padding:5px 20px; display:block; line-height:20px}
}






.index_4 { width:1400px; margin:0 auto; padding-top:150px; position:relative}
.index_4 h2 { font-size:24px; color:#888; line-height:30px; font-weight: normal}
.index_4 h2 i { display:block; font-weight:bold; color:#000}
.index_4 h2 b { display:block; font-size:30px; line-height:60px; color:#000}

.index_4 .index_xw1 { padding-top:40px}
.index_4 .index_xw1 img { display:block; width:100%; border-radius:50px}

.index_4 .index_xw2 { padding-top:40px}
.index_4 .index_xw2 ul li { float:left; width:25%}
.index_4 .index_xw2 ul li a { display:block; overflow:hidden; border-radius:50px; width:90%}
.index_4 .index_xw2 ul li img { display:block; width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.index_4 .index_xw2 ul li.a2 { width:50%}
.index_4 .index_xw2 ul li.a2 a { background:#E2E5E2; overflow:hidden; border-radius:50px; height:310px; width:100%}
.index_4 .index_xw2 ul li.a2 h3 { font-size:18px; padding:15px 30px 0 30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; line-height:40px;}
.index_4 .index_xw2 ul li.a2 h4 { font-size:16px; line-height:30px; padding:0 30px}


.index_4 .index_xw3 { padding-top:40px}
.index_4 .index_xw3 ul li { float:left; width:25%}
.index_4 .index_xw3 ul li a { display:block; overflow:hidden; border-radius:50px; width:90%; float:right}
.index_4 .index_xw3 ul li img { display:block; width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.index_4 .index_xw3 ul li.a2 { width:50%}
.index_4 .index_xw3 ul li.a2 a { background:#898CA2; overflow:hidden; border-radius:50px; height:310px; width:100%}
.index_4 .index_xw3 ul li.a2 h3 { font-size:24px; padding:15px 30px 0 30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#fff; line-height:60px}
.index_4 .index_xw3 ul li.a2 h4 { font-size:16px; line-height:30px; padding:0 30px; color:#fff}


.index_4 .index_xw2 ul li img:hover { transform:scale(1.05)}
.index_4 .index_xw3 ul li img:hover { transform:scale(1.05)}



@media all and (max-width:1440px){
.index_4 { width:1100px; padding-top:100px; position:relative}
.index_4 .index_xw1 { padding-top:30px}
.index_4 .index_xw2 { padding-top:30px}
.index_4 .index_xw3 { padding-top:30px}
.index_4 .index_xw2 ul li.a2 a { height:243px}
.index_4 .index_xw3 ul li.a2 a { height:243px}



}
@media all and (max-width:1000px){
.index_4 { width:90%; padding-top:50px;}
.index_4 .index_xw1 { padding-top:10px}
.index_4 .index_xw2 { padding-top:10px}
.index_4 .index_xw3 { padding-top:10px}

.index_4 .index_xw1 img { border-radius:20px;}

.index_4 .index_xw2 ul li { float:left; width:50%; margin-top:10px}
.index_4 .index_xw2 ul li a { border-radius:20px; width:95%; padding:5px 0 15px 0}
.index_4 .index_xw2 ul li.a2 { width:100%; float:none; clear:both}
.index_4 .index_xw2 ul li.a2 a { border-radius:20px; height:auto; width:100%}
.index_4 .index_xw2 ul li.a2 h3 { font-size:14px; padding:15px 15px 0 15px; line-height:20px;}
.index_4 .index_xw2 ul li.a2 h4 { font-size:12px; line-height:20px; padding:0 15px}

.index_4 .index_xw3 { padding-top:0}
.index_4 .index_xw3 ul li { float:left; width:50%;}
.index_4 .index_xw3 ul li a { border-radius:20px; width:95%;}
.index_4 .index_xw3 ul li.a2 { width:100%; float:none; clear:both; margin-bottom:15px; height:auto; overflow: hidden;
    margin: 10px 0; padding-bottom:15px}
.index_4 .index_xw3 ul li.a2 a { border-radius:20px; height:auto; width:100%}
.index_4 .index_xw3 ul li.a2 h3 { font-size:14px; padding:15px 15px 0 15px; line-height:20px;}
.index_4 .index_xw3 ul li.a2 h4 { font-size:12px; line-height:20px; padding:0 15px}

}



footer { background:#005BC8; padding:40px 0; margin-top:80px; overflow:hidden}
footer .foot_1 { float:left; width:20%}
footer .foot_2 { float:left; width:20%}
footer .foot_3 { float:left; width:20%}
footer .foot_4 { float:left; width:20%}

footer .foot_2 h2 { color:#fff; font-size:18px; padding-bottom:10px}
footer .foot_2 h2 a { color:#fff}
footer .foot_2 ul { margin-bottom:10px}
footer .foot_2 ul li { width:80%; line-height:34px; font-size:16px}
footer .foot_2 ul li a { color:#ddd}

footer .foot_3 h2 { color:#fff; font-size:18px; padding-bottom:10px}
footer .foot_3 h3 { width:80%; line-height:34px; font-size:16px; color:#ddd; padding-bottom:20px}

footer .foot_4 h2 { color:#fff; font-size:18px; padding-bottom:10px; text-align:center; border-bottom:1px rgba(255,255,255,0.2) solid; width:80%}
footer .foot_4 ul { text-align:center}
footer .foot_4 ul li { display: inline-block; padding:20px 10px 0 10px}

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

footer { padding:30px 0; margin-top:40px; overflow:hidden}
footer .foot_1 { float:none; width:auto}
footer .foot_1 img { display:block; margin:0 auto}

footer .foot_2 { float:none; width:auto; display:none}
footer .foot_3 { float:none; width:auto}
footer .foot_4 { width:50%}

footer .foot_3 h2 { font-size:16px;}
footer .foot_3 h3 { width:100%; line-height:24px; font-size:14px; }

footer .foot_4 h2 { font-size:16px; width:100%}
footer .foot_4 ul li { padding:10px 5px 0 5px}

}


.product_banner { margin-top:110px}
.product_banner img { display:block; width:100%}



@media all and (max-width:1440px){
.product_banner { margin-top:80px}

}
@media all and (max-width:1000px){
.product_banner { margin-top:60px}
}

.product_lm { padding-top:60px; width:1440px; margin:0 auto}
.product_lm h2 { font-size:24px; line-height:40px; height:40px}
.product_lm h2 a { display:block; float:left; padding-right:40px; color:#888; font-weight:normal}
.product_lm h2 a.on { color:#333; font-weight:bold}
.product_list { padding-top:60px; width:1440px; margin:0 auto}
.product_list ul li { float:left; width:33.3%}
.product_list ul li a { display:block; width:90%; padding:50px 0; border-radius:50px;}
.product_list ul li h3 { font-size:18px; padding:0 30px 20px 30px}
.product_list ul li h4 { color:#888; font-size:16px; line-height:32px; padding:0 30px 20px 30px}
.product_list ul li img { display:block; max-width:80%; margin:0 auto}
.product_list ul li a:hover { background-image: linear-gradient(180deg, #176BC8 0%, #ffffff 100%)}
.product_list ul li a:hover h3 { color:#fff}
.product_list ul li a:hover h4 { color:#eee}





@media all and (max-width:1560px){
.product_lm { padding-top:50px; width:1100px;}
.product_lm h2 { font-size:18px;}
.product_list { padding-top:50px; width:1100px}
.product_list ul li { height:500px}
.product_list ul li a { padding:30px 0; border-radius:30px;}
}
@media all and (max-width:1000px){
.product_lm { padding-top:30px; width:90%;}
.product_lm h2 { font-size:14px;}

.product_list { padding-top:60px; width:90%}
.product_list ul li { float:none; width:auto}
.product_lm h2 a { padding-right:20px}

.product_list ul li a { display:block; width:100%; padding:50px 0; border-radius:20px;}
}




.news_index { background:url(../images/news_bg.jpg) top no-repeat; background-size:100% auto; margin-top:115px}
.news_index h2 { width:90%; max-width:1400px; font-size:36px; line-height:100px; color:#07357e; margin:0 auto; padding-top:100px}


@media all and (max-width:1400px){
.news_index { margin-top:80px}
}
@media all and (max-width:1000px){
.news_index { margin-top:60px}
.news_index h2 { font-size:24px; line-height:60px}
}

.news_index .news_list1 { width:90%; max-width:1400px; margin:0 auto; overflow:hidden}
.news_index .news_list1 ul li { float:left; width:33.3%; padding:5px 0}
.news_index .news_list1 ul li a { display:block; width:95%; background:#fff; border-radius:20px; box-shadow:0 0 5px #ddd; padding:30px 0; margin:0 auto}

.news_index .news_list1 ul li h4 { width:80%; margin:0 auto; font-size:16px; font-weight:bold; color:#888;}
.news_index .news_list1 ul li h4 b { display:block; font-size:48px; line-height:50px; color:#b4a48a}

.news_index .news_list1 ul li h3 { width:80%; margin:0 auto; color:#000; font-size:18px; padding:15px 0}
.news_index .news_list1 ul li img { width:80%; margin:0 auto; display:block}
.news_index .news_list1 ul li h5 { width:80%; margin:0 auto; font-size:16px; color:#888; padding:15px 0}
.news_index .news_list1 ul li h5 span { display:block; padding-top:20px; color:#07357e}

.news_index .news_list1 ul li a:hover { background:#07357e}
.news_index .news_list1 ul li a:hover span { color:#fff}
.news_index .news_list1 ul li a:hover h4 b { color:#b8dbff}
.news_index .news_list1 ul li a:hover h3 { color:#fff}
.news_index .news_list1 ul li a:hover h5 { color:#ccc}


.news_index .news_list2 { width:90%; max-width:1400px; margin:0 auto; padding-top:40px}
.news_index .news_list2 ul li { background:#fff; margin-bottom:30px; box-shadow:0 0 5px #ddd; position:relative; padding-left:150px; border-radius:20px }
.news_index .news_list2 ul li a { display:block; padding:30px 0}
.news_index .news_list2 ul li h4 { position:absolute; left:30px; top:30px; color:#b4a48a; font-size:18px}
.news_index .news_list2 ul li h5 { position:absolute; right:30px; top:50%; margin-top:-15px; line-height:30px}
.news_index .news_list2 ul li h3 { font-size:18px; padding-right:130px;}
.news_index .news_list2 ul li p { color:#888; padding:15px 130px 20px 0}
.news_index .news_list2 ul li span { padding:10px 30px; margin-right:20px; border-radius:10px; background:#f0f0f0}


@media all and (max-width:1000px){
.news_index .news_list1 ul li { float:none; width:auto; padding:5px 0}
.news_index .news_list1 ul li a { display:block; width:100%; padding:20px 0;}

.news_index .news_list1 ul li h4 { width:90%; margin:0 auto; font-size:14px; font-weight:bold; color:#888;}
.news_index .news_list1 ul li h4 b { display:block; font-size:48px; line-height:50px; color:#b4a48a}

.news_index .news_list1 ul li h3 { width:90%; margin:0 auto; color:#000; font-size:16px; padding:15px 0}
.news_index .news_list1 ul li img { width:90%; margin:0 auto; display:block}
.news_index .news_list1 ul li h5 { width:90%; margin:0 auto; font-size:14px; color:#888; padding:15px 0}
.news_index .news_list1 ul li h5 span { display:block; padding-top:20px; color:#07357e}

.news_index .news_list2 { width:90%; padding-top:30px}
.news_index .news_list2 ul li { padding-left:0px; border-radius:20px }
.news_index .news_list2 ul li a { display:block; padding:10px 20px}
.news_index .news_list2 ul li h4 { position:relative; left:auto; top:auto; color:#b4a48a; font-size:14px}
.news_index .news_list2 ul li h5 { position:relative; right:auto; top:auto; margin-top:0; line-height:30px}
.news_index .news_list2 ul li h3 { font-size:16px; padding-right:0;}
.news_index .news_list2 ul li p { color:#888; padding:15px 0 20px 0}
.news_index .news_list2 ul li span { padding:10px 30px; margin-right:20px; border-radius:10px; background:#f0f0f0}
}




.nowsite { height:40px; line-height:40px; background:#f5f5f5; padding-left:20px; margin-top:115px}


@media all and (max-width:1440px){
.nowsite { margin-top:80px}
}
@media all and (max-width:1000px){
.nowsite { margin-top:60px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
}


.content { width:1200px; margin:0 auto; padding-top:60px}
.content h1 { font-size:36px; line-height:40px; font-family:'Jost'; font-weight:normal; padding:10px 0 30px 0; text-align:center; margin:0 auto; border-bottom:1px #ddd dashed; margin-bottom:10px}
.content h3 { font-size:16px; line-height:30px; text-align:center}
.content h3 i { color:#888; padding-right:10px}

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


@media all and (max-width:1440px){
.content { width:1100px; min-height:400px}
.content h1 { font-size:24px; line-height:30px;}
}

@media all and (max-width:1000px){
.content { width:90%; min-height:400px}
}


.about_banner { position:relative}
.about_banner img { display:block; width:100%; position:relative; z-index:1}
.about_banner h2 { top:40%; position:absolute; left:10%; color:#fff; font-size:36px; z-index:22}
.about_banner h3 { top:40%; position:absolute; left:10%; color:#eee; font-size:18px; z-index:23; margin-top:50px}

@media all and (max-width:1000px){
.about_banner { margin-top:60px}
.about_banner h2 { font-size:24px;}
.about_banner h3 { font-size:16px;}
}


.about_1 { height:700px; background:url(../images/about_bg1.jpg) center no-repeat; background-size:100% auto;}
.about_1 .w100 { height:700px; position:relative}
.about_1 .about_cn1 { width:600px; padding-top:100px}
.about_1 .about_cn1 h3 { font-size:16px; line-height:34px}
.about_1 .about_cn1 h2 { display:block; padding-top:20px; text-transform:uppercase; font-size:30px; color:#07357e}
.about_1 img { display:block; width:100%}

.about_1 .about_cn2 { position:absolute; right:0; top:120px; width:25%}
.about_1 .about_cn3 { position:absolute; right:100px; bottom:50px; width:40%}
.about_1 .about_cn4 { position:absolute; left:0px; bottom:50px; width:35%}
.about_1 .about_cn5 { position:absolute; left:0px; top:55%; width:5%}

@media all and (max-width:1000px){
.about_1 { height:auto; background:none; padding-bottom:40px}
.about_1 .w100 { height:auto; position:relative}
.about_1 .about_cn1 { width:90%; padding-top:40px}
.about_1 .about_cn1 h3 { font-size:16px; line-height:34px}
.about_1 .about_cn1 h2 { font-size:18px; color:#07357e}


.about_1 .about_cn2 { display:none}
.about_1 .about_cn3 { display:none}
.about_1 .about_cn4 { display:none}
.about_1 .about_cn5 { display:none}
}


.about_2 { padding:60px 0; background:url(../images/about_bg2.jpg); background-size:100% 100%}
.about_2 h2 { text-align:center; font-size:36px; color:#fff; line-height:40px}
.about_2 h2 span { color:#f30011}
.about_2 h3 { line-height:30px; padding:15px 0; color:#eee; text-align:center; font-size:18px; padding-bottom:50px}
.about_2 ul { width:1400px; margin:0 auto}
.about_2 ul li { float:left; width:25%; padding-bottom:15px}
.about_2 ul li a { background:#fff; display:block; width:95%; margin:0 auto; border-radius:10px; padding:30px 0; text-align:center; font-size:16px}
.about_2 ul li h4 { text-align:center; font-size:40px; color:#232323; line-height:40px; padding-bottom:10px}
.about_2 ul li a:hover { background:#0b3d95; color:#ddd}
.about_2 ul li a:hover h4 { color:#fff}

@media all and (max-width:1440px){
.about_2 ul { width:1100px; margin:0 auto}
}
@media all and (max-width:1000px){
.about_2 ul { width:90%; margin:0 auto}
.about_2 h2 { font-size:18px; line-height:30px}
.about_2 h3 { font-size:14px; padding-bottom:20px}
.about_2 ul { width:90%; margin:0 auto}
.about_2 ul li { float:left; width:25%; padding-bottom:10px}
.about_2 ul li a { font-size:14px; padding:15px 0; height:110px}
.about_2 ul li h4 { font-size:18px; line-height:40px; padding-bottom:10px}

}


.about_3 { background:url(../images/about_bg3.jpg) top no-repeat; background-size:100% auto; padding-top:80px}

.about_3 .about_cn6 { width:1400px; margin:0 auto; background:#fff; border-radius:20px; box-shadow:0 0 5px #ccc; padding:50px 0}
.about_3 .about_cn6 h2 { font-size:36px; color:#0b3d95; line-height:40px; padding-left:40px}
.about_3 .about_cn6 h3 { font-size:24px; color:#888; padding-top:20px; line-height:40px; padding-left:40px; text-transform:uppercase}
.about_3 .about_cn6 p { padding:0 50px}
.about_3 .about_cn6 img { width:100%; display:block}

@media all and (max-width:1440px){
.about_3 .about_cn6 { width:1100px; margin:0 auto}
}
@media all and (max-width:1000px){
.about_3 { padding-top:30px}
.about_3 .about_cn6 { width:90%; margin:0 auto; padding:20px 0}
.about_3 .about_cn6 h2 { font-size:18px; line-height:30px; padding-left:20px}
.about_3 .about_cn6 h3 { font-size:14px; padding-top:10px; line-height:30px; padding-left:20px; text-transform:uppercase}
}

.about_3 .bd { width:1400px; margin:0 auto; padding-top:100px; overflow:hidden; padding-bottom:60px}
.about_3 .bd ul li { float:left; width:33.3%}
.about_3 .bd ul li i { display:block; height:1px; width:80px; background:#07357e}
.about_3 .bd ul li h3 { font-size:24px; color:#000; line-height:80px; padding-top:20px}
.about_3 .bd ul li h4 { font-size:16px; color:#888;}
.about_3 .bd ul li a { display:block; width:80%; margin:0 auto}

@media all and (max-width:1440px){
.about_3 .bd { width:1100px; margin:0 auto}
}
@media all and (max-width:1000px){
.about_3 .bd { width:90%; margin:0 auto; padding-bottom:30px; padding-top:10px}
.about_3 .bd ul li { float:none; width:auto; padding-top:20px}
.about_3 .bd ul li h3 { font-size:16px; color:#000; line-height:40px; padding-top:10px}
.about_3 .bd ul li h4 { font-size:14px; color:#888;}
.about_3 .bd ul li a { display:block; width:100%; margin:0 auto}
}



.about_4 { width:1400px; margin:0 auto;}
.about_4 h2 { font-size:24px; line-height:40px; height:40px; padding-bottom:40px}
.about_4 img { display:block; width:100%}


@media all and (max-width:1440px){
.about_4 { width:1100px; margin:0 auto}
}
@media all and (max-width:1000px){
.about_4 { width:90%; }
.about_4 h2 { padding-bottom:20px}
}


.product_cn { width:1400px; margin:0 auto; padding:60px 0}
.product_cn .pro_left { float:left; width:240px; border:1px #ccc solid}
.product_cn .pro_left ul li { line-height:24px; border-bottom:1px #ccc solid; position:relative}
.product_cn .pro_left ul li a { display:block; padding:15px 30px 15px 15px}
.product_cn .pro_left ul li.on a { background:#005bc8; color:#fff}
.product_cn .pro_left ul li.on i { color:#fff}
.product_cn .pro_left ul li i { display:block; position:absolute; right:20px; top:50%; margin-top:-15px; line-height:30px; color:#07357e; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none; font-size:18px;}
.product_cn .pro_left ul li:hover i { padding-right:10px}


@media all and (max-width:1440px){
.product_cn { width:1100px; margin:0 auto}
}

@media all and (max-width:1000px){
.product_cn { width:90%; padding:30px 0}
.product_cn .pro_left { display:none}
}


.product_cn .pro_right { float:right; width:1100px}

.product_cn .pro_right .pro_gd { float:left; width:440px}
.product_cn .pro_right .pro_gd .bd { border:1px #ddd solid}
.product_cn .pro_right .pro_gd .bd ul li img { display:block; width:440px; height:440px}
.product_cn .pro_right .pro_gd .hd { padding-top:10px}
.product_cn .pro_right .pro_gd .hd ul li { float:left; padding-right:10px}
.product_cn .pro_right .pro_gd .hd ul li img { width:78px; height:78px; border:1px #ddd solid}
.product_cn .pro_right .pro_gd .hd ul li.on img { border:1px #07357e solid}

.product_cn .pro_right .pro_title { padding-top:50px; float:right; width:600px}
.product_cn .pro_right .pro_title h1 { font-size:24px; line-height:50px}
.product_cn .pro_right .pro_title h3 { color:#005bc8; font-size:18px; padding-bottom:20px}
.product_cn .pro_right .pro_title h4 { color:#888; font-size:18px;}


.product_cn .pro_right .pro_xx { padding-top:20px}
.product_cn .pro_right .pro_xx h2 { border-bottom:1px #ddd solid; line-height:40px; color:#005bc8; position:relative; font-size:18px}
.product_cn .pro_right .pro_xx h2 i { display:block; position:absolute; left:0; bottom:-1px; height:1px; background:#005bc8; width:70px}

.product_cn .pro_right .pro_xx ul { overflow:hidden}
.product_cn .pro_right .pro_xx ul li { float:left; width:50%; border-bottom:1px #ddd dashed; line-height:40px}

.product_cn .pro_right .pro_text { padding:20px 0; font-size:16px; line-height:32px}
.product_cn .pro_right .pro_text img { display:block; max-width:100%; margin:0 auto}



@media all and (max-width:1440px){
.product_cn .pro_right { width:830px}
.product_cn .pro_right .pro_title { width:350px}
}

@media all and (max-width:1000px){
.product_cn .pro_right { width:100%; float:none}
.product_cn .pro_right .pro_gd { float:none; width:440px; max-width:100%; margin:0 auto}
.product_cn .pro_right .pro_gd .bd ul li img { width:100%; height:auto}
.product_cn .pro_right .pro_title { float:none; width:auto; padding-top:20px; clear:both}
.product_cn .pro_right .pro_xx ul li { float:none; width:auto; border-bottom:1px #ddd dashed; line-height:20px; padding:5px 0}
}