@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:"Poppins","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; min-width:1200px}

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

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


a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#328eff;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:1480px){
body { min-width: inherit}
.w100 { width:1000px;}
}
@media all and (max-width:1000px){
.w100 { width:90%;}
}




header { position:fixed; left:0; top:0; height:70px; right:0; background:#fff; border-bottom:1px #ddd solid; background:#fff; z-index:888}
header .logos { float:left; padding-top:15px}
header .logos img { display:block}

header .head_r { float:right; padding-top:15px; line-height:40px}
header .head_r i { display:block; font-size:18px; line-height:40px; color:#333}
header .head_r:hover i { color:#328eff; cursor:pointer}

header nav { float:right; padding-right:80px;}
header nav ul li { height:70px; position:relative; padding:0 30px; font-size:16px; line-height:70px; float:left}
header nav ul li i { display:block; position:absolute; left:50%; height:2px; background:#328eff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; bottom:0}
header nav ul li h3 { position:absolute; left:0; top:70px; width:100%; padding:10px 0; text-align:center; background:#fff; display:none}
header nav ul li h3 a { display:block; font-size:14px; line-height:40px}
header nav ul li:hover i { width:34px; margin-left:-17px}
header nav ul li:hover h3 { display:block}
header nav ul li h3 a:hover { background:#f5f5f5}

header .head_r2 { display:none}

header .head_r3 { float:right; line-height:56px; margin-top:7px; padding-left:30px; background:url(../images/head_ico2.png) left no-repeat; position:relative; margin-right:60px}
header .head_r3 a { display:block; color:#888}
header .head_r3 h3 { position:absolute; left:0; width:100%; background:#fff; line-height:36px; box-shadow:0 0 5px #aaa; display:none}
header .head_r3 i { display:block; float:right; line-height:56px; padding-left:20px}
header .head_r3 h3 a { padding-left:30px; border-bottom:1px #ddd solid}
header .head_r3 h3 a:hover { background:#f5f5f5}

header .head_r3 i.fa-angle-up { display:none}
header .head_r3 i.fa-angle-down { display:block}

header .head_r3:hover h3 { display:block}
header .head_r3:hover i.fa-angle-up { display:block}
header .head_r3:hover i.fa-angle-down { display:none}

@media all and (max-width:1480px){
header nav{ padding-right:40px;}
header nav ul li { padding:0 20px;}

}
@media all and (max-width:1000px){
header { height:60px; position:fixed; z-index:6666; left:0; right:0; top:0; background:#fff; border-bottom:1px #ddd solid}
header .w100 { width:90%}
header .logos { padding-top:10px;}
header .logos img { height:40px}

header .head_r { padding-top:10px; line-height:40px}

header nav { position:absolute; left:0; width:100%; top:60px; background:#fff; padding:0; display:none}
header nav ul li { float:none; padding:10px 0; height:auto; line-height:42px; border-top:1px #ddd solid}
header nav ul li a { display:block; padding-left:20px}
header nav ul li a:hover { background:#f5f5f5}
header nav ul li i { display:none; opacity:0}

header nav ul li h3 { position:relative; left:auto; top:auto; overflow:hidden; display:block; padding:0 20px}
header nav ul li h3 a { font-size:14px; line-height:30px; float:left; width:33.3%; padding:0; text-align:left}

header .head_r2 { display:block; float:right; margin-right:15px; font-size:18px; line-height:60px; cursor:pointer}

header .head_r3 { height:60px; margin-top:0px; line-height:60px; margin-right:10px}
header .head_r3 a { padding:10px; line-height:40px; }
header .head_r3 a i { line-height:40px; font-size:18px;}
}


footer { background:#f0f0f0; padding-top:30px; padding-bottom:20px}
.fp-tableCell footer { position:absolute; left:0; right:0; bottom:-20px}

footer .foot_3 { float:right; width:420px}
footer .foot_3 h3 { line-height:30px; padding-left:30px; font-size:14px; float:left; width:70px; text-align:right; font-weight:bold; position:relative;}
footer .foot_3 h3 i { position:absolute; left:0; top:0; height:40px; display:block; line-height:30px; color:#aaa; font-size:18px; width:25px; text-align:center}

footer .foot_3 h4 { font-size:18px; line-height:30px; padding-left:40px}
footer .foot_3 h5 { font-size:14px; line-height:30px; padding-left:40px}

footer .foot_3 h2 { font-size:16px; line-height:40px;}


footer .foot_1 { float:left; width:300px;}
footer .foot_1 img { display:block}
footer .foot_1 h3 { padding-top:20px; color:#666; font-size:14px; line-height:24px}
footer .foot_1 h3 b { display:block; font-size:16px; padding-bottom:10px; color:#333}

footer .foot_2 { float:left; padding-left:10px; width:600px; border-right:1px #ddd solid;}
footer .foot_2 ul li { float:left; width:200px}
footer .foot_2 ul li h2 { font-size:16px; line-height:30px; padding-bottom:5px}
footer .foot_2 ul li a { display:block; line-height:28px; color:#888}
footer .foot_2 ul li h2 a { color:#333}


footer .copyrights { margin-top:10px; border-top:1px #ddd solid; padding-top:10px; text-align:center}



@media all and (max-width:1480px){
footer { padding-top:30px;}

footer .foot_1 { width:220px;}
footer .foot_2 { width:360px;}
footer .foot_2 ul li { width:120px}

}
@media all and (max-width:1000px){
footer .foot_1 { width:auto; float:none;}
footer .foot_1 img { margin:0 auto}
footer .foot_2 { display:none}
footer .foot_3 { float:none; width:90%}

}


.about_banner { height:500px; background:url(../images/banner_about.jpg) center no-repeat}
.news_banner { height:500px; background:url(../images/news_banner.jpg) center no-repeat}
.product_banner { height:500px; background:url(../images/product_banner.jpg) center no-repeat; background-size:auto 100% }


@media all and (min-width:1920px){
.about_banner { height:500px; background:url(../images/banner_about.jpg) center no-repeat; background-size:100% auto}
.news_banner { height:500px; background:url(../images/news_banner.jpg) center no-repeat; background-size:100% auto}
.product_banner { height:500px; background:url(../images/product_banner.jpg) center no-repeat; background-size:100% auto}

}

@media all and (max-width:1000px){
.about_banner { height:240px; background-size:auto 100%}
.news_banner { height:240px; background-size:auto 100%}
.product_banner { height:240px; background-size:auto 100%}

}

.lanmu { height:40px; position:relative}
.lanmu ul { position:absolute; left:0; top:-20px; right:0; text-align:center}
.lanmu ul li { display:inline; margin:0 20px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.29);}
.lanmu ul li a { padding:20px 40px; background-image:linear-gradient(-107deg, #eee 48%, #fff 100%); color:#333; border-radius: 10px; font-size:18px; font-weight:bold}
.lanmu ul li a:hover { background-image: linear-gradient(-107deg, #6EC1E4 48%, #A1FC9C 100%); color:#fff}

.lanmu ul li.on a { background-image: linear-gradient(-107deg, #6EC1E4 48%, #A1FC9C 100%); color:#fff}

@media all and (max-width:1000px){
.lanmu ul li { margin:0 5px;}
.lanmu ul li a { padding:10px 15px; border-radius:5px; font-size:14px;}

}
@media all and (max-width:440px){
.lanmu ul li { margin:0 3px;}
.lanmu ul li a { padding:7px 12px;}
}

.lanmu2 { padding:40px 0; width:1400px; margin:0 auto; overflow:hidden}
.lanmu2 ul li { float:left; width:230px}
.lanmu2 ul li a { display:block; width:190px; height:160px; background:#f5f5f5; border-radius: 10px}
.lanmu2 ul li i { display:block; width:80px; height:90px; background:url(../images/index_cp1.png) bottom no-repeat; background-size:100% auto; margin:0 auto}
.lanmu2 ul li h3 { text-align:center; padding-top:10px; font-size:16px; font-weight:bold}

.lanmu2 ul li.on a { background-image:linear-gradient(-107deg, #6EC1E4 48%, #A1FC9C 100%); }
.lanmu2 ul li.on h3 { color:#fff}

.lanmu2 ul li i.c1 { background:url(../images/index_cp1s.png) bottom no-repeat; background-size:100% auto}
.lanmu2 ul li i.c2 { background:url(../images/index_cp2s.png) bottom no-repeat; background-size:100% auto}
.lanmu2 ul li i.c3 { background:url(../images/index_cp3s.png) bottom no-repeat; background-size:100% auto}
.lanmu2 ul li i.c4 { background:url(../images/index_cp4s.png) bottom no-repeat; background-size:100% auto}
.lanmu2 ul li i.c5 { background:url(../images/index_cp5s.png) bottom no-repeat; background-size:100% auto}
.lanmu2 ul li i.c6 { background:url(../images/index_cp6s.png) bottom no-repeat; background-size:100% auto}

.lanmu2 ul li.on i.c1 { background:url(../images/index_cp1.png) bottom no-repeat; background-size:100% auto}
.lanmu2 ul li.on i.c2 { background:url(../images/index_cp2.png) bottom no-repeat; background-size:100% auto}
.lanmu2 ul li.on i.c3 { background:url(../images/index_cp3.png) bottom no-repeat; background-size:100% auto}
.lanmu2 ul li.on i.c4 { background:url(../images/index_cp4.png) bottom no-repeat; background-size:100% auto}
.lanmu2 ul li.on i.c5 { background:url(../images/index_cp5.png) bottom no-repeat; background-size:100% auto}
.lanmu2 ul li.on i.c6 { background:url(../images/index_cp6.png) bottom no-repeat; background-size:100% auto}


@media all and (max-width:1480px){
.lanmu2 { padding:30px 0; width:1000px;}
.lanmu2 ul li { width:160px}
.lanmu2 ul li a { width:140px;}


}
@media all and (max-width:1000px){
.lanmu2 { width:90%;}
.lanmu2 ul li { width:33.3%; padding:10px 0}
.lanmu2 ul li a { width:90%;}


}

.about_1 { padding:90px 0; background:url(../images/about_bg1.jpg) bottom no-repeat}
.about_1 .about_gundong { float:right; width:500px; position:relative}
.about_1 .about_gundong .bd ul li img { display:block; width:100%}

.about_1 .about_gundong .hd { position:absolute; left:-50px; bottom:0}
.about_1 .about_gundong .hd ul li { padding-bottom:5px}
.about_1 .about_gundong .hd ul li i { cursor:pointer; color:#ddd}
.about_1 .about_gundong .hd ul li.on i { color:#328eff}


.about_1 .about_gundong2 { float:right; width:340px; position:relative}
.about_1 .about_gundong2 .bd ul li img { display:block; width:100%}

.about_1 .about_gundong2 .hd { position:absolute; left:-50px; bottom:0}
.about_1 .about_gundong2 .hd ul li { padding-bottom:5px}
.about_1 .about_gundong2 .hd ul li i { cursor:pointer; color:#ddd}
.about_1 .about_gundong2 .hd ul li.on i { color:#328eff}


@media all and (max-width:1480px){
.about_1 .about_gundong2 .hd { left:-30px;}
}



.about_1 .about_cn { float:left; width:680px}
.about_1 .about_cn h1 { font-size:24px; padding-bottom:25px; padding-top:15px}
.about_1 .about_cn .about_text { font-size:16px; line-height:32px}
.about_1 .about_cn .about_text2 { font-size:18px; font-weight:bold; line-height:32px; padding-top:30px; border-top:1px #aaa solid; margin-top:30px}


@media all and (max-width:1480px){
.about_1 { padding:50px 0;}
.about_1 .about_cn { float:left; width:400px}
.about_1 .about_cn .about_text { font-size:14px; line-height:26px}

}

@media all and (max-width:1000px){
.about_1 { padding:20px 0 40px 0; background-size:100% auto}

.about_1 .about_gundong { float:right; width:90%}
.about_1 .about_gundong .bd ul li img { display:block; width:100%}

.about_1 .about_gundong .hd { left:-40px;}

.about_1 .about_gundong2 { float:right; width:90%}
.about_1 .about_gundong2 .bd ul li img { display:block; width:100%}
.about_1 .about_gundong2 .hd { left:-40px;}

.about_1 .about_cn { float:none; width:auto; padding-top:30px; clear:both}
}


.about_1 .about_sc {}
.about_1 .about_sc .sc_1 { padding-bottom:50px}
.about_1 .about_sc .sc_1 img { display:block; margin:0 auto; width:100%}
.about_1 .about_sc .sc_1 h1 { font-size:24px; margin:40px 0 20px 0; font-size:24px; line-height:30px; position:relative}
.about_1 .about_sc .sc_1 h1::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border: 3px solid #19aeae;
    border-radius: 50%;
    top: 0px;
    left: -5px;
    box-sizing: border-box;
    z-index: 0;
}
.about_1 .about_sc .sc_1 h1>span { position: relative;}
.about_1 .about_sc .sc_1 h3 { font-size:16px; color:#888; line-height:32px}

.about_1 .about_sc .sc_2 ul li { position:relative; overflow:hidden}
.about_1 .about_sc .sc_2 ul li img { display:block; float:left; width:50%; margin-right:50px}
.about_1 .about_sc .sc_2 ul li h5 {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 200px;
    color: #ffffff;
    line-height: 1;
    font-family: itc;
    opacity: 0.15;
    -webkit-text-stroke: 1px #000;
    -webkit-text-stroke: 1px #000;
}
.about_1 .about_sc .sc_2 ul li h3 { padding-top:100px; font-size:18px; padding-bottom:30px; color:#333; font-weight:bold}
.about_1 .about_sc .sc_2 ul li h4 { font-size:16px; line-height:32px; padding-right:50px; color:#888}


.about_1 .about_sc .sc_2 ul li:nth-child(2n) img { float:right; margin-right:0; margin-left:50px}
.about_1 .about_sc .sc_2 ul li:nth-child(2n) h3 { padding-left:50px}
.about_1 .about_sc .sc_2 ul li:nth-child(2n) h4 { padding-left:50px; padding-right:0}
.about_1 .about_sc .sc_2 ul li:nth-child(2n) h5 { right:auto; left:0}



@media all and (max-width:1480px){
.about_1 .about_sc .sc_1 h3{ font-size:14px; line-height:26px;}

.about_1 .about_sc .sc_2 ul li h5 { font-size:140px}
.about_1 .about_sc .sc_2 ul li h3 { padding-top:60px;}
.about_1 .about_sc .sc_2 ul li h4 { font-size:14px; line-height:26px;}
}

@media all and (max-width:1000px){
.about_1 .about_sc .sc_2 ul li h3 { padding-top:30px}
.about_1 .about_sc .sc_2 ul li h4 { clear:both; padding-top:20px}
.about_1 .about_sc .sc_2 ul li { padding-bottom:20px}
.about_1 .about_sc .sc_2 ul li:nth-child(2n) h3 { padding-left:0px}
.about_1 .about_sc .sc_2 ul li:nth-child(2n) h4 { padding-left:0px; padding-right:0}
.about_1 .about_sc .sc_2 ul li:nth-child(2n) h5 { right:auto; left:0}

}

.about_1 .about_lc { position:relative; padding-bottom:200px; width:1200px; margin:0 auto}
.about_1 .about_lc .shu1 { position:absolute; left:50%; width:1px; height:100%; background:#ddd}
.about_1 .about_lc .shu2 { position:absolute; left:50%; width:8px; height:8px; background:#ddd; margin-left:-4px; border-radius:50%}

.about_1 .about_lc ul li { position:relative; padding-bottom:100px}
.about_1 .about_lc ul li i { width:8px; height:8px; background:#328eff; border-radius:50%; position:absolute; top:45px; left:50%; margin-left:-4px}
.about_1 .about_lc ul li h4 { font-family: AlimamaShuHeiTi; text-align:right; padding-right:650px; font-size:30px; line-height:40px; color:#328eff; font-weight:bold; font-weight:bold; padding-top:30px}
.about_1 .about_lc ul li h5 { width:550px; padding-right:10px; text-align:right; font-size:16px; line-height:30px; background:url(../img/about_ico1.jpg) right top repeat-y; margin:5px 0 15px 0}
.about_1 .about_lc ul li h5 b { color:#FF0000; font-weight: bold;}
.about_1 .about_lc ul li h6 { width:550px; text-align:right; font-size:14px; line-height:20px; font-weight:bold; padding-top:5px}
.about_1 .about_lc ul li img { position:absolute; right:650px; bottom:-110px; width:200px}


.about_1 .about_lc ul li:nth-child(2n) h4 { padding-right:0; padding-left:650px; text-align:left}
.about_1 .about_lc ul li:nth-child(2n) h5 { width:550px; padding-right:0; padding-left:650px; text-align:left; background:url(../img/about_ico1.jpg) left top repeat-y;}
.about_1 .about_lc ul li:nth-child(2n) h6 { width:550px; text-align:left; clear:both; padding-left:650px}
.about_1 .about_lc ul li:nth-child(2n) img { right:auto; left:650px}



@media all and (max-width:1480px){
.about_1 .about_lc { width:1000px; margin:0 auto}
.about_1 .about_lc ul li h4 { padding-right:550px}
.about_1 .about_lc ul li h5 { width:450px}
.about_1 .about_lc ul li img { right:550px}

.about_1 .about_lc ul li:nth-child(2n) h4 { padding-left:550px}
.about_1 .about_lc ul li:nth-child(2n) h5 { width:450px; padding-left:550px}
.about_1 .about_lc ul li:nth-child(2n) h6 { width:450px; padding-left:550px}
.about_1 .about_lc ul li:nth-child(2n) img { left:550px}



}
@media all and (max-width:1000px){
.about_1 .about_lc { width:100%; padding-bottom:30px}
.about_1 .about_lc .shu1 { left:0;}
.about_1 .about_lc ul li { padding-bottom:10px}
.about_1 .about_lc ul li i { left:0; margin-left:-4px; top:25px}
.about_1 .about_lc ul li h4 { text-align:left; padding-right:0; font-size:24px; padding-top:10px; padding-left:20px}
.about_1 .about_lc ul li h5 { width:auto; padding-right:0px; text-align:left; font-size:14px; line-height:26px; margin:0; padding-left:20px}
.about_1 .about_lc ul li img { position:relative; right:auto; bottom:auto; width:50%; height:auto; padding-left:20px; padding-top:20px}

.about_1 .about_lc ul li:nth-child(2n) h4 { padding-right:0; padding-left:20px; text-align:left}
.about_1 .about_lc ul li:nth-child(2n) h5 { width:auto; padding-right:0; padding-left:20px; text-align:left;}
.about_1 .about_lc ul li:nth-child(2n) img { right:auto; left:auto}

}


.about_ry { padding-top:30px}
.about_ry .listBox {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.about_ry .img {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.about_ry .h1 {
	font-family: "syr";
	font-size: 30px;
	color: #000000;
	line-height: 78px;
}

.about_ry .item {
	width: calc(33.33% - 20px);
	padding: 50px 30px;
	margin-bottom: 30px;
	background-color: #fff;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	transition: all 0.5s;
}

.about_ry .top {
	font-family: "syr";
	font-size: 16px;
	color: #328eff;
	line-height: 30px;
	margin-bottom: 20px;
	transition: all 0.5s;
}

.about_ry .number {
	font-size: 40px;
	color: #328eff;
	margin-right: 10px;
	font-family: itc;
	transition: all 0.5s;
}

.about_ry .name {
	font-size: 16px;
	color: #000000;
	line-height: 30px;
}

.about_ry .item:hover {
	background-image: url(../images/img-about-23.jpg);
	background-position: center center;
	background-size: cover;
}

.about_ry .item:hover .top {
	color: #fff;
}

.about_ry .item:hover .number {
	color: #fff;
}

.about_ry .item:hover .name {
	color: #fff;
}

@media all and (max-width:1000px){
.about_ry { float:none; width:auto; padding-top:30px; clear:both}
.about_ry .listBox { width:100%}
.about_ry .item { padding:30px 10px}
.about_ry .number { font-size:24px}
}


.news_list { padding:70px 0; margin:0 auto; background:url(../images/about_bg1.jpg) bottom no-repeat}
.news_list ul { width:1400px; margin:0 auto}
.news_list ul li { position:relative; border-bottom:1px #ddd solid}
.news_list ul li a { display:block; padding:25px 0; height:130px}
.news_list ul li h4 { float:left; width:100px; position:relative}
.news_list ul li h4 i { position:absolute; left:0; width:15px; top:32px; height:1px; background:#ddd}
.news_list ul li h4 b { display:block; font-size:18px; padding-top:15px}
.news_list ul li img { display:block; height:130px; float:left; margin-right:50px}
.news_list ul li h3 { font-size:18px; line-height:40px; padding-top:40px}
.news_list ul li i.fa-long-arrow-right { display:block; position:absolute; top:50%; margin-top:-15px; height:30px; right:0; border-left:1px #ddd solid; width:60px; line-height:30px; text-align:right; font-size:24px}
.news_list ul li p { display:block; position:absolute; left:0; width:0; background:#328eff; bottom:0; height:1px}



@media all and (max-width:1480px){
.news_list ul { width:1000px}

}

@media all and (max-width:1000px){
.news_list { padding:30px 0}
.news_list ul { width:90%}
.news_list ul li a { padding:25px 0 15px 0; height:auto}
.news_list ul li h4 { float:none; width:auto; position:absolute; right:0; top:25px; width:60px}
.news_list ul li img { float:none; margin:0; height:auto; width:70%}
.news_list ul li h3 { font-size:16px; line-height:30px; padding-top:20px; clear:both}
.news_list ul li h4 { text-align:center}
.news_list ul li h4 i { left:50%; margin-left:-7px}
.news_list ul li i.fa-long-arrow-right { display:none}
}


.news_id { padding:50px 0; width:1400px; margin:0 auto}
.news_id .news_title { padding-bottom:20px; border-bottom:1px #ddd solid}
.news_id .news_title h1 { font-size:24px; text-align:center; padding-bottom:20px}
.news_id .news_title h3 { text-align:center; color:#888}

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



@media all and (max-width:1480px){
.news_id { padding:40px 0; width:1000px;}


}
@media all and (max-width:1000px){
.news_id { width:90%;}
.news_id .news_title h1 { font-size:18px;}
.news_id .news_text { padding:20px 0}


}




.contact { padding:90px 0; width:1400px; margin:0 auto;}
.contact h2 { font-size:24px; padding-bottom:50px; text-align:center}
.contact ul { width:1440px}
.contact ul li { float:left; width:480px; padding-bottom:40px}
.contact ul li a { display:block; width:440px; box-shadow:0 0 5px #ccc; padding:30px 0}
.contact ul li a:hover { box-shadow:0 0 10px #999}
.contact ul li img { display:block; margin:0 auto; float:left; padding-left:30px; margin-right:20px}
.contact ul li h3 { line-height:40px; padding-top:10px}
.contact ul li h3 b { font-size:24px; padding-right:10px}
.contact ul li h4 { padding-left:20px; padding-top:5px;}
.contact ul li h4 i { color:#888}



@media all and (max-width:1480px){
.contact { padding:60px 0; width:1000px;}
.contact ul { width:1020px}
.contact ul li { width:510px; padding-bottom:20px}
.contact ul li a { width:490px;}

}
@media all and (max-width:1000px){
.contact { padding:30px 0; width:90%;}
.contact h2 { padding-bottom:20px;}
.contact ul { width:auto}
.contact ul li { width:auto; float:none; padding-bottom:20px}
.contact ul li a { width:100%;}

}


.message { background:rgba(50,142,255,0.03); padding:80px 0}
.message .map { float:right; width:700px; height:500px; border:1px #ddd solid}
.message h2 { font-size:24px;}
.message .zy { padding-top:20px; font-size:16px; color:#888; padding-bottom:30px;}
.message ul { width:600px; overflow:hidden}
.message ul li { float:left; width:50%; padding:20px 0}
.message ul li h3 { font-size:16px}
.message ul li input { width:90%; height:40px; border:0 none; border-bottom:1px #ddd solid}
.message .tijiao { padding-top:80px}
.message .tijiao input { display:block; width:156px; height:50px; text-align:center; font-size:16px; line-height:50px; color:#fff; background:#328eff; border-radius:10px; cursor:pointer; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.message .tijiao input:hover { background:#000}



@media all and (max-width:1480px){
.message .map { width:500px;}
.message ul { width:450px;}


}


@media all and (max-width:1000px){
.message { padding:30px 0}
.message .map { float:none; width:100%; height:300px;}
.message h2 { padding-top:30px}
.message .zy { padding-top:15px; font-size:14px; padding-bottom:20px;}
.message ul { width:90%; margin:0 auto; overflow:hidden}
.message ul li { float:none; width:auto; padding:10px 0}
.message .tijiao { padding-top:40px}
.message .tijiao input { margin:0 auto}

}









.banner { display:block; position:relative}
.banner .bd ul li { position:relative}
.banner .bd ul li img { display:none; width:100%; position:relative; z-index:11}
.banner .bd ul li h3 { position:absolute; left:10%; top:50%; height:100px; margin-top:-80px; font-size:48px; line-height:60px; color:#333; z-index:222; text-shadow:0 0 3px #ccc}
.banner .bd ul li h3 a { display:block; line-height:40px; width:160px; background:#fff; border-radius: 20px; font-size:24px; margin-top:20px; font-size:16px; text-align:center}
.banner .bd ul li h3 a:hover { background:#328eff; color:#fff}

.banner .prev { display:block; position:absolute; left:5%; top:50%; line-height:50px; margin-top:-25px; cursor:pointer; z-index:444}
.banner .next { display:block; position:absolute; right:5%; top:50%; line-height:50px; margin-top:-25px; cursor:pointer; z-index:445}
.banner i { display:block; line-height:50px; font-size:48px}


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

.banner .bd ul li h3 { font-size:24px; line-height:40px; margin-top:-50px}
.banner .bd ul li h3 a { line-height:30px; width:100px; border-radius: 10px; font-size:12px;}
.banner i { font-size:24px}
.banner .bd ul li img { display:block}
}

.index_1 { background:url(../images/index_bg1.jpg); background-size:100% 100%; position:absolute; left:0; right:0; top:70px; bottom:0}
.index_1 .bd { width:1400px; position:absolute; height:768px; left:50%; margin-left:-700px; top:50%; margin-top:-384px}
.index_1 .bd .index_bg1 { position:absolute; left:0; top:0; z-index:11}
.index_1 .bd .index_bg1 img { display:block; width:1400px; height:768px}

.index_1 .bd ul { position:relative; z-index:22; height:768px}
.index_1 .bd ul li { float:left; width:233px; height:768px}
.index_1 .bd ul li:nth-child(6) { width:235px;}
.index_1 .bd ul li a { display:block; height:768px; background:rgba(0,0,0,0.3); border-right:1px rgba(255,255,255,0.5) solid}

.index_1 .bd ul li .ba_s { display:none}

.index_1 .bd ul li h4 { padding:80px 0 370px 40px; font-size:24px; color:#fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_1 .bd ul li img { display:block; height:80px; margin:0 auto}
.index_1 .bd ul li h3 { font-size:16px; text-align:center; color:#fff; padding-top:20px}
.index_1 .bd ul li i { display:none; font-size:24px; line-height:80px; text-align:center}


.index_1 .bd ul li a:hover { background:rgba(50,142,255,0.9); color:#fff}
.index_1 .bd ul li a:hover h4 { padding-bottom:290px}
.index_1 .bd ul li a:hover i { display:block}

.index_1 .hd { display:none}

@media all and (max-width:1440px){
.index_1 { padding:60px 0}
.index_1 .bd { width:1000px; height:560px; margin-left:-500px; top:50%; margin-top:-280px}
.index_1 .bd .index_bg1 img { width:1000px; height:560px}

.index_1 .bd ul { height:560px}
.index_1 .bd ul li { float:left; width:167px; height:560px}
.index_1 .bd ul li:nth-child(1) { width:166px;}
.index_1 .bd ul li:nth-child(2) { width:166px;}
.index_1 .bd ul li:nth-child(6) { width:167px;}

.index_1 .bd ul li a { height:560px;}

.index_1 .bd ul li h4 { padding:80px 0 240px 40px;}
.index_1 .bd ul li i { line-height:60px;}
.index_1 .bd ul li a:hover h4 { padding-bottom:180px}

}
@media all and (max-width:1000px){
.index_1 { padding:50px 0; position:relative; left:auto; top:auto; right:auto; bottom:auto}
.index_1 .bd { width:90%; height:auto; position:relative; left:auto; top:auto; right:auto; bottom:auto; margin:0 auto}

.index_1 .bd ul { height:auto}
.index_1 .bd ul li { float:none; width:100%; height:auto; position:relative}
.index_1 .bd ul li:nth-child(1) { width:100%;}
.index_1 .bd ul li:nth-child(2) { width:100%;}
.index_1 .bd ul li:nth-child(6) { width:100%;}
.index_1 .bd ul li a { height:auto;}

.index_1 .bd ul li h4 { padding:0; font-size:18px; position:absolute; right:30px; top:30px; z-index:223}
.index_1 .bd ul li img { display:block; height:40px; position:absolute; left:30px; top:30px; z-index:222}
.index_1 .bd ul li h3 { font-size:14px; text-align:left; padding-top:0px; position:absolute; left:30px; top:80px; z-index:224}
.index_1 .bd ul li i { display:block; font-size:18px; line-height:40px; text-align:center; position:absolute; right:30px; bottom:30px; z-index:225}


.index_1 .bd ul li img.ba_s { display:block; width:100%; position:relative; height:auto; left:auto; top:auto; z-index:2}

.index_1 .index_bg1 { display:none}

.index_1 .hd { display:block; text-align:center; padding:10px 0 10px 0}
.index_1 .hd ul li { display:inline; padding:0 5px}
.index_1 .hd ul li i { color:#888; cursor:pointer}
.index_1 .hd ul li.on i { color:#328eff}
}




.index_2 { height:979px; background:url(../images/index_bg2.jpg) top no-repeat; margin-top:20px}
.index_2 h2 { font-size:36px; padding-top:120px; padding-bottom:80px; color:#fff; text-align:center}


.index_2 .bd { width:1400px; margin:0 auto; position:relative; height:600px; background:rgba(0,0,0,0.4)}
.index_2 .bd ul { width:1340px; margin:0 auto}
.index_2 .bd ul li { float:left; width:25%; padding-top:50px}
.index_2 .bd ul li a { display:block; height:225px; border-right:1px rgba(255,255,255,0.3) solid; text-align:center}
.index_2 .bd ul li:nth-child(4) a { border-right:0 none}
.index_2 .bd ul li:nth-child(8) a { border-right:0 none}
.index_2 .bd ul li h3 { color:#fff; text-align:center; font-size:16px}
.index_2 .bd ul li span { display:block; text-align:center; font-size:48px; line-height:80px; color:#fff; padding-top:50px}


@media all and (max-width:1440px){
.index_2 { height:560px; background:url(../images/index_bg2.jpg) top no-repeat; background-size:auto 100%}
.index_2 h2 { font-size:24px; padding-top:120px; padding-bottom:40px;}
	
.index_2 .bd { width:1000px; height:360px;}
.index_2 .bd ul { width:980px;}
.index_2 .bd ul li { padding-top:30px}
.index_2 .bd ul li a { height:180px;}
.index_2 .bd ul li h3 { font-size:14px}
.index_2 .bd ul li span { font-size:36px; line-height:70px; padding-top:20px}
}
@media all and (max-width:1000px){
.index_2 { height:auto; padding-bottom:50px}
.index_2 h2 { padding-top:50px; padding-bottom:30px;}

.index_2 .bd { width:90%; height:auto; overflow:hidden;}
.index_2 .bd ul { width:95%;}
.index_2 .bd ul li { padding-top:15px; width:50%}
.index_2 .bd ul li:nth-child(2) a { border-right:0 none}
.index_2 .bd ul li:nth-child(6) a { border-right:0 none}

.index_2 .bd ul li a { height:90px;}
.index_2 .bd ul li h3 { font-size:14px; line-height:30px}
.index_2 .bd ul li span { font-size:24px; line-height:40px; padding-top:10px}
}



.index_3 { padding:120px 0;}
.index_3 h2 { font-size:36px; padding-bottom:40px; text-align:center}

.index_3 ul { width:1428px; margin:0 auto}
.index_3 ul li { float:left; width:476px}
.index_3 ul li a { display:block; width:448px; margin:0 auto; background:#fff; box-shadow:0 0 3px #ccc}
.index_3 ul li a:hover { box-shadow:0 0 10px #888}
.index_3 ul li img { display:block; width:100%}
.index_3 ul li h4 { padding:10px 0 0 15px; color:#888; font-weight:bold; font-size:14px}
.index_3 ul li h3 { padding:0 15px; font-size:18px; line-height:30px; height:60px; overflow:hidden}
.index_3 ul li h5 { padding:10px 15px 20px 15px; color:#888; font-size:14px}
.index_3 ul li h6 {  font-size:14px; color:#328eff; background:rgba(50,142,255,0.1); -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; text-align:center; line-height:40px}
.index_3 ul li a:hover h6 { background:#328eff; color:#fff}

@media all and (max-width:1440px){
.index_3 { padding:100px 0 60px 0;}
.index_3 h2 { font-size:24px; padding-bottom:30px;}

.index_3 ul { width:1020px; margin:0 auto}
.index_3 ul li { width:340px}
.index_3 ul li a { width:320px;}
.index_3 ul li h5 { display:none}
}
@media all and (max-width:1000px){
.index_3 h2 { padding-bottom:30px;}

.index_3 ul { width:90%}
.index_3 ul li { width:auto; float:none; padding-bottom:30px}
.index_3 ul li a { width:auto;}
}




.product_list { overflow:hidden; background:rgba(50,142,255,0.03)}
.product_list img { display:block; float:right; width:50%}

.product_list h1 { font-size:24px; line-height:60px; padding-top:50px; padding-left:50px; padding-bottom:20px}
.product_list ul { padding-left:50px; width:600px}
.product_list ul li { float:left; width:200px; padding-bottom:20px}
.product_list ul li a { display:block; line-height:40px; width:150px; background:#fff; padding-left:30px; border-radius:5px}
.product_list ul li a:hover { background:#328eff; color:#fff}




@media all and (max-width:1480px){
.product_list ul li {width:160px;}

}

@media all and (max-width:1000px){
.product_list img { display:block; float:none; width:100%}
.product_list h1 { font-size:18px; line-height:40px; padding-top:30px; padding-left:0px; padding-bottom:20px; width:90%; margin:0 auto}
.product_list ul { padding-left:0px; width:95%}
.product_list ul li { width:50%;}
}




.product_id { padding-top:300px; background:url(../images/product_banner.jpg) top no-repeat #f5f5f5; padding-bottom:100px}
.product_id .product_title { width:1400px; margin:0 auto; background:#fff; border-radius:10px 10px 0 0; padding-top:50px; overflow:hidden; padding-bottom:30px; border-bottom:1px #ddd solid}
.product_id .product_title .pro_gd { float:left; width:800px}

.product_id .product_title .hd { float:left; width:180px; padding:40px 0 30px 0; position:relative}
.product_id .product_title .hd ul li { padding-bottom:10px; cursor:pointer; overflow:hidden}
.product_id .product_title .hd ul li img { display:block; float:right; width:100px; border:3px #ddd solid; height:65px}
.product_id .product_title .hd ul li.on img { border:3px #328eff solid}

.product_id .product_title .hd a.prev { background:#f5f5f5; line-height:32px; cursor:pointer; position:absolute; top:0; right:0; width:106px}
.product_id .product_title .hd a.prev i { display:block; text-align:center; font-size:24px; line-height:32px}

.product_id .product_title .hd a.next { background:#f5f5f5; line-height:32px; cursor:pointer; position:absolute; bottom:0; right:0; width:106px}
.product_id .product_title .hd a.next i { display:block; text-align:center; font-size:24px; line-height:32px}

.product_id .product_title .bd { width:500px; float:left; padding-left:50px}
.product_id .product_title .bd ul { width:500px; margin:0 auto}
.product_id .product_title .bd ul li img { display:block; width:100%}
.product_id .product_title h1 { font-size:24px; padding:40px 0 20px 0}
.product_id .product_title h3 { font-size:16px; line-height:32px; padding-right:50px}


.product_id .product_text { width:1400px; margin:0 auto; background:#fff; border-radius:0 0 10px 10px; font-size:16px; line-height:32px; padding:30px 0}
.product_id .product_text img { display:block; margin:0 auto; max-width:100%}


@media all and (max-width:1480px){
.product_id .product_title { width:1000px}
.product_id .product_title .pro_gd { float:left; width:670px}
.product_id .product_title .hd { width:130px;}
.product_id .product_title .bd { padding-left:20px}

.product_id .product_title h3 { font-size:14px; line-height:26px; padding-right:30px}

.product_id .product_text { width:1000px}
}


@media all and (max-width:1000px){
.product_id .product_title { width:90%; padding-top:30px}
.product_id .product_title .pro_gd { float:none; width:90%; margin:0 auto}

.product_id .product_title .hd { float:none; width:auto; padding:20px 0 10px 0;}
.product_id .product_title .hd ul li { float:left; padding-right:10px}
.product_id .product_title .hd ul li img { width:80px; height:60px}
.product_id .product_title .hd a.prev { display:none}
.product_id .product_title .hd a.next { display:none}

.product_id .product_title .bd { width:auto; float:none; padding-left:0px}
.product_id .product_title .bd ul { width:auto; margin:0 auto}
.product_id .product_title .bd ul li img { display:block; width:100%}

.product_id .product_title h1 { font-size:18px; width:90%; margin:0 auto; padding:20px 0 10px 0}
.product_id .product_title h3 { width:90%; margin:0 auto; padding:0}

.product_id .product_text { width:90%}
.product_id .product_text img { height:auto !important}
}