@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:#D61518;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:1180px; margin:0 auto}

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


header { height:90px; border-top:2px #282D3B solid; overflow:hidden; margin-bottom:42px}
header .logos { float:left; padding-top:20px; height:50px}
header .logos img { display:block; height:50px}

header .head_r { float:right; padding-top:20px; line-height:20px; color:#888}
header .head_r h3 { font-size:24px; line-height:30px; color:#333}

header .head_ss { float:right; padding:25px 100px 0 0; width:300px}
header .head_ss form { display:block; width:280px; padding:0 10px; height:40px; border-radius:20px; background:#f5f5f5; position:relative}
header .head_ss .inp1 { display:block; width:100%; background:none; height:38px; line-height:38px;}
header .head_ss .inp2 { position:absolute; right:0; width:40px; top:0; height:100%; cursor:pointer; z-index:22; opacity:0}
header .head_ss i { display:block; position:absolute; right:0; width:40px; top:0; height:100%; cursor:pointer; z-index:11; text-align:center; line-height:40px; font-size:18px}

@media all and (max-width:1100px){
header { height:60px;}
header .logos { padding-top:10px; }
header .logos img { height:40px}

header .head_r { padding-top:10px; }
header .head_r h3 { font-size:18px; line-height:20px;}

}

nav { height:42px; background:#282D3B; position:relative; z-index:222; position:absolute; left:0; right:0; top:92px}
nav ul { width:1180px; margin:0 auto}
nav ul li { float:left; padding-right:40px; line-height:42px; font-size:14px; position:relative}
nav ul li a { color:#fff}
nav ul li h3 { position:absolute; left:0; top:42px; background:#fff; width:540px; padding:15px 0; display:none; box-shadow:0 0 5px #ccc}
nav ul li h3 a { display:block; float:left; width:180px; text-align:center; color:#333; line-height:34px; font-size:12px}
nav ul li:hover h3 { display:block}

nav .head_r2 { display:none}

@media all and (max-width:1100px){
nav { top:62px}
nav ul { width:100%; position:absolute; left:0; top:0px; background:#282D3B; display:none; z-index:22}
nav ul li { float:none; padding-right:0px; line-height:42px; font-size:14px; padding-left:20px; border-bottom:1px #888 solid}

nav ul li h3 { position:relative; left:auto; top:auto; background:#282D3B; width:auto; padding:15px 0; display:none; box-shadow:0 none; display:none}
nav ul li h3 a { width:50%; text-align:left; color:#ccc; line-height:30px; font-size:12px}
nav ul li:hover h3 { display:none}

nav .head_r2 { display:block; line-height:42px; color:#fff; text-align:right; z-index:333; position:relative}
}


.banner { position:relative; overflow:hidden; width:1180px; margin:0 auto; padding:20px 0}
.banner .bd {}
.banner .bd ul li { width:auto}
.banner .bd ul li img { display:block; width:100%}

.banner .hd { float:right; display:none}
.banner .hd ul li { padding-bottom:10px}
.banner .hd ul li img { display:block; width:100%}



@media all and (max-width:1100px){
.banner { width:100%; padding:0}

}




.index_1 { padding:40px 0; background:#2f3946}
.index_1 ul { width:1180px; margin:0 auto; overflow:hidden}
.index_1 ul li { float:left; width:25%}
.index_1 ul li i { display:block; float:left; background:url(../images/index_ico1.png) left no-repeat; width:50px; height:40px}
.index_1 ul li h3 { color:#fff; font-size:18px; text-align:center; padding-top:10px}
.index_1 ul li h4 { color:#ddd}
.index_1 ul li i.i2 { background:url(../images/index_ico2.png) left no-repeat;}
.index_1 ul li i.i3 { background:url(../images/index_ico3.png) left no-repeat;}
.index_1 ul li img { display:block; margin:0 auto}

@media all and (max-width:1100px){
.index_1 { padding:20px 0 5px 0; }
.index_1 ul { width:100%;}
.index_1 ul li { width:50%; padding-bottom:15px}
.index_1 ul li img { width:80px}
.index_1 ul li h3 { color:#fff; font-size:14px;}
}




.index_2 { padding:30px 0; width:1180px; margin:0 auto}
.index_2 .index_left { float:left; width:905px; overflow:hidden}
.index_2 .index_left h2 { font-size:24px; padding-bottom:10px; border-bottom:1px #ddd solid; margin-bottom:15px; line-height:30px}
.index_2 .index_left ul { width:920px}
.index_2 .index_left ul li { float:left; width:230px; padding-bottom:15px}
.index_2 .index_left ul li a { display:block; overflow:hidden; position:relative; width:205px;}
.index_2 .index_left 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_2 .index_left ul li p { opacity:0; left:0; top:0; position:absolute; height:100%; background:rgba(0,0,0,0.2); width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}

.index_2 .index_left ul li a:hover img { transform:scale(1.05)}
.index_2 .index_left ul li a:hover p { opacity:1}
.index_2 .index_left ul li h3 { text-align:center; padding-top:5px; height:50px}
.index_2 .index_left ul li h4 { text-align:center; padding-top:5px; height:30px; color:#EE2D43}






.index_2 .index_right { float:right; width:255px}
.index_2 .index_right .r1 { padding-bottom:20px;}
.index_2 .index_right .r1 img { display:block; width:100%}

.index_2 .index_right .r2 { background:#f1f1f1; padding-bottom:15px}
.index_2 .index_right .r2 h2 { padding-left:15px; line-height:50px; font-size:16px; border-bottom:1px #ddd solid; margin-bottom:5px}
.index_2 .index_right .r2 ul li { padding:0 15px; line-height:32px}
.index_2 .index_right .r2 ul li a { color:#EE2D43; display:block}

.index_2 .index_right .r3 { padding-top:20px}
.index_2 .index_right .r3 h2 { line-height:50px; font-size:16px; border-bottom:1px #ddd solid; margin-bottom:5px}
.index_2 .index_right .r3 .r_text { font-size:14px; line-height:26px; padding:15px 0}
.index_2 .index_right .r3 .r_text img { display:block; width:100%}

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


.index_2 { padding:30px 0; width:95%}
.index_2 .index_left { float:none; width:auto}
.index_2 .index_left h2 { font-size:18px; }
.index_2 .index_left ul { width:auto}
.index_2 .index_left ul li { width:50%}
.index_2 .index_left ul li a { width:auto;}
.index_2 .index_left ul li img { display:block; width:90%;}
.index_2 .index_left ul li p { display:none}

.index_2 .index_left ul li a:hover img { transform:scale(1.05)}
.index_2 .index_left ul li a:hover p { opacity:0}


.index_2 .index_right { float:none; width:auto}
.index_2 .index_right .r1 img { max-width:100%; width:auto; margin:0 auto}


}


.index_3 { background:#f4f4f4; padding:40px 0}
.index_3 h2 { font-size:24px; padding-bottom:10px; border-bottom:1px #ddd solid; width:1180px; margin:0 auto; margin-bottom:15px; line-height:30px}
.index_3 ul { width:1180px; margin:0 auto; overflow:hidden}
.index_3 ul li { float:left; width:50%}
.index_3 ul li img { display:block; float:left; margin-right:20px; width:240px; padding-top:10px}
.index_3 ul li h3 { font-size:16px; font-weight:bold; padding-bottom:10px; padding-top:10px}
.index_3 ul li h5 { padding-bottom:20px}
.index_3 ul li span { background:#EE2D43; padding:5px 10px; color:#fff}
.index_3 ul li h4 { position:absolute; left:50px; top:10px}

.index_4 { width:1180px; margin:0 auto; padding:40px 0 20px 0}
.index_4 ul li { padding-bottom:20px}


@media all and (max-width:1100px){
.index_3 h2 { font-size:18px; width:95%}
.index_3 ul { width:90%}
.index_3 ul li { float:none; width:auto}
.index_3 ul li img { margin-right:20px; width:30%; padding-top:10px; height:auto}

.index_3 ul li h3 { font-size:16px; font-weight:bold; padding-bottom:10px; padding-top:10px}
.index_3 ul li h5 { padding-bottom:20px; clear:both}


.index_4 { width:90%}
}
    
footer { background:#282D3B; padding:40px 0; overflow:hidden}
footer .foot_1 { float:left; width:20%}
footer .foot_1 h2 { color:#fff; padding-bottom:10px}
footer .foot_1 ul li { line-height:32px}
footer .foot_1 ul li a { color:#ccc}
footer .foot_1 ul li a:hover { color:#fff}
footer .foot_2 { float:left; width:25%}
footer .foot_2 h2 { color:#fff; padding-bottom:10px}
footer .foot_2 ul li { line-height:32px}
footer .foot_2 ul li a { color:#ccc}
footer .foot_2 ul li a:hover { color:#fff}
footer .foot_3 { float:left; width:25%}
footer .foot_3 h2 { color:#fff; padding-bottom:10px}
footer .foot_3 h3 { color:#ccc}
footer .foot_4 { float:right; width:25%}
footer .foot_4 ul li { padding-bottom:10px}
footer .foot_4 ul li h3 { color:#fff; font-weight:bold}
footer .foot_4 ul li h4 { color:#ccc}


@media all and (max-width:1100px){
footer .foot_1 { display:none}
footer .foot_2 { display:none}
footer .foot_3 { display:none}
footer .foot_4 { float:none; width:auto}
}



.pro_top { height:210px; background:#495C6D}
.pro_top h2 { padding-top:50px; width:1180px; margin:0 auto; color:#fff; font-size:16px; font-weight:normal}
.pro_top h2 b { font-size:24px;}
.pro_top h1 { font-size:30px; padding-top:20px; color:#fff; width:1180px; margin:0 auto}

.nowsite { height:40px; line-height:40px; border-bottom:1px #ccc solid}


@media all and (max-width:1100px){
.pro_top { height:auto; padding:30px 0; background:#495C6D}
.pro_top h2 { padding-top:0; width:90%; font-size:14px;}
.pro_top h2 b { font-size:18px;}
.pro_top h1 { font-size:24px; padding-top:0px; width:90%}

}


.pro_text { width:1180px; margin:0 auto; padding:20px 0}
.pro_text p { padding-bottom:15px}


@media all and (max-width:1100px){
.pro_text { width:90%}

}

.pro_list { width:1180px; margin:0 auto; overflow:hidden; padding-bottom:20px}
.pro_list h2 { font-size:30px; padding-bottom:15px; border-bottom:1px #ddd solid; margin-bottom:15px}
.pro_list h2 a { display:block; font-weight:normal; font-size:16px; color:red; float:right}
.pro_list ul li { float:left; width:20%; padding-bottom:20px}
.pro_list ul li a { display:block; overflow:hidden; position:relative; width:205px; margin:0 auto}
.pro_list ul li img { display:block; width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.pro_list ul li p { opacity:0; left:0; top:0; position:absolute; height:100%; background:rgba(0,0,0,0.2); width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.pro_list ul li h4 { text-align:center; padding-top:5px; height:30px; color:#EE2D43}

.pro_list ul li a:hover img { transform:scale(1.05)}
.pro_list ul li a:hover p { opacity:1}
.pro_list ul li h3 { text-align:center; padding-top:5px}


@media all and (max-width:1100px){
.pro_list { width:90%}
.pro_list h2 { font-size:18px;}
.pro_list ul li { width:50%;}
.pro_list ul li a { width:90%; margin:0 auto}
.pro_list ul li p { display:none}
.pro_list ul li h3 { font-size:14px; line-height:20px; height:40px}

}




.service_ly { padding:50px 0 30px 0; width:720px; margin:0 auto}
.service_ly h2 { font-size:30px; padding-bottom:15px; border-bottom:1px #ddd solid; margin-bottom:15px}
.service_ly ul li { padding-bottom:15px}
.service_ly ul li input { display:block; width:95%; padding:0 10px; line-height:32px; height:32px; background:#f5f5f5; border:1px #ddd solid}
.service_ly ul li textarea { display:block; width:95%; padding:10px; background:#f5f5f5; border:1px #ddd solid; height:100px}

.service_ly .tijiao { padding-top:20px; width:160px; margin:0 auto}
.service_ly .tijiao input { display:block; color:#fff; width:100%; text-align:center; border:2px #D61518 solid; background:#D61518; border-radius:5px; line-height:36px; cursor:pointer}


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

.service_ly { padding:30px 0 10px 0; width:90%}
.service_ly h2 { font-size:18px;}


}


.pro_id { width:1180px; margin:0 auto; overflow:hidden; padding:50px 0}
.pro_id .pro_gundong { width:550px; float:left}
.pro_id .pro_gundong .bd { border:1px #ddd solid; height:450px}
.pro_id .pro_gundong .bd ul li { height:450px; overflow:hidden}
.pro_id .pro_gundong .bd ul li img { display:block; margin:0 auto; padding-top:15px; height:420px}
.pro_id .pro_gundong .hd { padding-top:10px;}
.pro_id .pro_gundong .hd ul { width:610px}
.pro_id .pro_gundong .hd ul li { float:left; padding-right:10px}
.pro_id .pro_gundong .hd ul li img { display:block; width:88px; border:1px #ddd solid}
.pro_id .pro_gundong .hd ul li.on img { border:1px #D61518 solid}


.pro_id .pro_title { float:right; width:600px}
.pro_id .pro_title h1 { font-size:24px; line-height:30px; padding-bottom:15px}
.pro_id .pro_title .pro_cn { background:#f5f5f5; padding:15px; margin-bottom:20px; min-height:130px}
.pro_id .pro_title ul li { float:left; width:33.3%}
.pro_id .pro_title ul li img { display:block; margin:0 auto}
.pro_id .pro_title ul li h3 { text-align:center; font-size:18px; padding:20px 0 10px 0; font-weight:bold}
.pro_id .pro_title ul li h4 { padding:0 10px; line-height:20px}
.pro_id .pro_title .pro_cn i { transform:scale(0.6)}


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

.pro_id { padding:30px 0; width:90%}

.pro_id .pro_gundong { width:auto; float:none; max-width:550px; margin:0 auto}
.pro_id .pro_gundong .bd { height:auto}
.pro_id .pro_gundong .bd ul li { height:auto;}
.pro_id .pro_gundong .bd ul li img { height:auto; width:100%; padding-top:0}
.pro_id .pro_gundong .hd { padding-top:10px;}
.pro_id .pro_gundong .hd ul { width:100%}


.pro_id .pro_title { float:none; width:auto; clear:both; padding-top:30px}
.pro_id .pro_title h1 { font-size:18px;}

.pro_id .pro_title ul li { float:none; width:auto; clear:both; overflow:hidden; padding-bottom:10px}
.pro_id .pro_title ul li img { display:block; margin:0 auto; float:left; margin-right:20px}
.pro_id .pro_title ul li h3 { text-align:left; font-size:16px; padding-top:0}

}


.pro_sm { height:624px; background:url(../images/pro_bg1.jpg) center no-repeat;}
.pro_sm h2 { font-size:30px; padding-bottom:15px; text-align:center; padding-top:80px; color:#fff}
.pro_sm ul { width:1180px; margin:0 auto}
.pro_sm ul li { float:left; width:33.3%; padding-top:50px; padding-bottom:50px}
.pro_sm ul li img { display:block; margin:0 auto; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.pro_sm ul li h3 { text-align:center; font-size:18px; padding:20px 0 10px 0; color:#fff; font-weight:bold}
.pro_sm ul li h4 { padding:0 10px; line-height:24px; color:#fff; opacity:0.8; font-size:14px}
.pro_sm ul li:hover img { transform: rotateY(180deg);}
.pro_sm h4 { text-align:center; clear:both}
.pro_sm h4 a { padding:10px 50px; border:2px #1F8E9F solid; color:#fff; font-size:16px; margin:0 25px}
.pro_sm h4 a:hover { background:#1F8E9F}



@media all and (max-width:1100px){
.pro_sm { height:auto; background:url(../images/pro_bg1.jpg) center no-repeat; background-size:auto 100%}
.pro_sm h2 { font-size:18px; padding-top:30px;}
.pro_sm ul { width:90%}
.pro_sm ul li { float:none; width:auto; padding-top:20px; padding-bottom:20px}
.pro_sm ul li img { display:block; margin:0 auto; float:left; margin-right:20px}
.pro_sm ul li h3 { text-align:left; font-size:16px; padding:0px 0 10px 0; }
.pro_sm h4 { width:95%; margin:0 auto}
.pro_sm h4 a { padding:10px 0; border:2px #1F8E9F solid; color:#fff; font-size:16px; margin:0 0 10px 0; display:block}

}

.blog_cn { width:1180px; margin:0 auto; padding:30px 0}
.blog_cn h1 { font-size:30px; padding-bottom:15px;}
.blog_cn .blog_left { float:left; width:260px; background:#f1f1f1; padding:15px 0}
.blog_cn .blog_left ul li { line-height:40px}
.blog_cn .blog_left ul li a { color:#EE2D43; padding-left:20px; display:block}
.blog_cn .blog_left ul li i { display:block; float:left; width:4px; height:4px; margin:18px 10px 0 0; border-radius:50%; background:#888}

.blog_cn .blog_right { float:right; width:900px;}
.blog_cn .blog_right ul li { padding:30px 20px; border:1px #ddd solid; margin-bottom:20px; overflow:hidden}
.blog_cn .blog_right ul li h3 { font-size:24px}
.blog_cn .blog_right ul li h4 { font-size:16px; color:#888; line-height:40px; padding-bottom:15px}
.blog_cn .blog_right ul li img { display:block; float:left; margin-right:20px; width:300px}
.blog_cn .blog_right ul li span { display:block; text-align:right; font-size:18px; color:#EE2D43}




.blog_cn .blog_right2 { float:right; width:900px; padding:30px 0; border:1px #ddd solid;}
.blog_cn .blog_right2 h1 { font-size:24px; padding:0 20px}
.blog_cn .blog_right2 h3 { font-size:16px; color:#888; line-height:40px; padding:0 20px 0 20px}

.blog_cn .blog_right2 .blog_text { padding:20px; line-height:30px; font-size:16px}
.blog_cn .blog_right2 .blog_text img { max-width:100%}
.blog_cn .blog_right2 .blog_text p { padding-bottom:10px}





@media all and (max-width:1100px){
.blog_cn { width:95%}

.blog_cn .blog_left { float:none; width:auto; background:#f1f1f1; padding:15px 0}
.blog_cn .blog_left ul li { line-height:30px}

.blog_cn .blog_right { float:none; width:auto; padding-top:20px}
.blog_cn .blog_right ul li { padding:20px 10px;}
.blog_cn .blog_right ul li h3 { font-size:16px}
.blog_cn .blog_right ul li h4 { font-size:12px; line-height:20px;}
.blog_cn .blog_right ul li img { display:block; float:none; margin-right:0; width:300px; margin:0 auto}
.blog_cn .blog_right ul li span { font-size:14px;}

.blog_cn .blog_right2 { float:none; width:auto;}
.blog_cn .blog_right2 h1 { font-size:18px; padding:0 20px}
.blog_cn .blog_right2 h3 { font-size:12px; line-height:20px;}

.blog_cn .blog_right2 .blog_text { padding:20px; line-height:26px; font-size:14px}

}