@charset "utf-8";

@font-face {
  font-family: 'AvantGardeITCbyBT';
  src: url("../fonts/AvantGardeITCbyBT-Medium.eot");
  src: url("../fonts/AvantGardeITCbyBT-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AvantGardeITCbyBT-Medium.woff") format("woff"), url("../fonts/AvantGardeITCbyBT-Medium.ttf") format("truetype"); }



/* 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; -webkit-appearance: none;}
input:focus,textarea:focus,button:focus { outline:none; border:0; -webkit-appearance: none;}


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

    video::-webkit-media-controls{
        display:none !important;
    }


/* leftsead */


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

}

body { max-width:720px; margin:0 auto}


.head { height:34px; border-bottom:1px #DF6420 solid; background:#fff; padding:15px 5%}
.head .logo_s { float:left}
.head .logo_s img { height:34px; display:block}
.head .head_r { float:right; padding-top:8px}
.head .head_r i { height:18px; display:block; width:40px; float:right; background:url(../images/ico_1.png) right no-repeat; background-size:auto 100%}



.banner { overflow:hidden; position:relative}
.banner .bd { position:relative; z-index:111}
.banner .bd ul li img { display:block; width:100%; height:auto}

.banner .hd { position:absolute; left:0; width:100%; bottom:20px; height:5px; overflow:hidden; text-align:center; z-index:222}
.banner .hd ul li { display:inline; padding:0 20px; margin:0 10px; background:#999}
.banner .hd ul li.on { background:#DF6420}



.index_1 { padding-top:20px; width:90%; margin:0 auto}
.index_1 img { display:block; margin:0 auto; width:100%; height:auto}
.index_2 { padding-top:10px; width:90%; margin:0 auto}
.index_2 ul li { float:left; width:50%; padding:40px 0 20px 0; position:relative; background:#F1F1F1}
.index_2 ul li h1 { font-size:24px; line-height:40px; padding-left:10%; padding-bottom:10px; font-weight:normal}
.index_2 ul li h3 { font-family:'AvantGardeITCbyBT'; font-size:24px; line-height:40px; color:#BABABA; padding-left:10%; text-transform:uppercase}
.index_2 ul li i { position:absolute; right:10%; bottom:20px; line-height:40px; font-size:36px; color:#BABABA}

.index_2 ul li.r_2 { background:#C1491F; margin-bottom:5px}
.index_2 ul li.r_2 h1 { color:#fff}
.index_2 ul li.r_2 h3 { color:#D99C8D}
.index_2 ul li.r_2 i { color:#D99C8D}

.index_2 ul li.r_3 { float:none; width:auto; clear:both}
.index_2 ul li.r_3 h1 { padding-left:5%}
.index_2 ul li.r_3 h3 { padding-left:5%}
.index_2 ul li i { right:5%;}


@media all and (max-width:480px){
.index_2 ul li { padding:40px 0 20px 0;}
.index_2 ul li h1 { font-size:18px; line-height:30px;}
.index_2 ul li h3 { font-size:18px; line-height:26px;}
.index_2 ul li i { font-size:24px; line-height:26px}
}



.footer { background:#22272C; margin-top:30px}
.footer .f_logo { width:15%; margin:0 auto; padding:20px 0}
.footer .f_logo img { display:block; margin:0 auto; width:100%}

.footer .f_c { border-bottom:1px #53565A dashed; border-top:1px #53565A dashed; padding:20px 0 10px 0; margin-bottom:20px}
.footer .f_c h3 { text-align:center; color:#fff; padding-bottom:10px}
.footer .f_c h3 b { display:block; color:#DF6420}

.footer ul { width:60%; margin:0 auto; height:40px; background:url(../images/footer_ico.png) center no-repeat; background-size:100% auto}
.footer ul li { float:left; width:25%; position:relative; height:40px; position:relative}
.footer ul li a { position:absolute; top:-80px; left:50%; margin-left:-40px; opacity:0}

.links_1 { display:block; width:80px; height:80px; background:url(../images/contact_ico2.jpg); background-position:0 0}
.links_2 { display:block; width:80px; height:80px; background:url(../images/contact_ico2.jpg); background-position:-80px 0}
.links_3 { display:block; width:80px; height:80px; background:url(../images/contact_ico2.jpg); background-position:-160px 0}
.links_4 { display:block; width:80px; height:80px; background:url(../images/contact_ico2.jpg); background-position:-240px 0}

.copyrights { color:#676A6D; padding-bottom:20px; font-size:12px; text-align:center; padding-top:10px}




.about_1 { height:200px; background:url(../images/about_top.jpg) center no-repeat; background-size:auto 100%}
.about_1 h2 { font-size:36px; line-height:36px; color:#DF631F; font-weight:normal; width:90%; margin:0 auto; padding-top:40px}
.about_1 h2 span { font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; font-size:24px}


.about_2 { width:90%; margin:0 auto}
.about_2 h3 { font-family:"AvantGardeITCbyBT"; font-size:30px; text-transform:uppercase; color:#BFBFBF; padding:30px 0 0 0; line-height:40px}
.about_2 h2 { font-size:24px; line-height:40px; color:#DF631F; padding-bottom:20px}
.about_2 p { padding-bottom:15px; font-size:16px; line-height:28px}
.about_2 img { display:block; width:100%; height:auto; margin-top:20px}



@media all and (max-width:480px){
.about_1 { height:120px;}
.about_1 h2 { font-size:24px; line-height:30px; padding-top:20px}
.about_1 h2 span { font-size:18px}

.about_2 h3 { font-size:24px; padding:20px 0 0 0; line-height:30px}
.about_2 h2 { font-size:18px; line-height:30px; padding-bottom:15px}
.about_2 p { padding-bottom:10px; font-size:14px; line-height:24px}
}



.about_4 { background:#101113; padding-bottom:30px}
.about_4 img { display:block; width:100%; height:auto}
.about_4 ul { width:90%; margin:0 auto}
.about_4 ul li { padding:25px 0; background:#fff}
.about_4 ul li h3 { width:90%; margin:0 auto; font-size:18px; padding-bottom:5px}
.about_4 ul li h4 { width:90%; margin:0 auto; font-size:16px}

.about_4 ul li.l2 { background:#D65F1E}
.about_4 ul li.l2 h3 { color:#fff}
.about_4 ul li.l2 h4 { color:#fff}


@media all and (max-width:480px){
.about_4 ul li h3 { font-size:16px;}
.about_4 ul li h4 { font-size:14px; line-height:20px}
}


.product_1 { height:200px; background:url(../images/product_top.jpg) center no-repeat; background-size:auto 100%}
.product_1 h2 { font-size:36px; line-height:36px; color:#DF631F; font-weight:normal; width:90%; margin:0 auto; padding-top:40px}
.product_1 h2 span { font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; font-size:24px}

@media all and (max-width:480px){
.product_1 { height:120px;}
.product_1 h2 { font-size:24px; line-height:30px; padding-top:20px}
.product_1 h2 span { font-size:18px}
}


.product_2 { width:90%; margin:0 auto; height:80px; position:relative}
.product_2 ul { position:absolute; left:0; width:100%; bottom:0; height:100px; background:#DF631F;}
.product_2 ul li { width:33.3%; float:left}
.product_2 ul li a { display:block; width:80%; margin:25px auto; height:50px; line-height:50px; color:#fff; text-align:center; font-size:18px}
.product_2 ul li a.on { background:#fff; color:#333}
.product_2 i.i1 { position:absolute; display:block; width:1px; height:20px; top:20px; left:33.3%; background:#fff}
.product_2 i.i2 { position:absolute; display:block; width:1px; height:20px; top:20px; left:66.7%; background:#fff}


.product_3 { width:90%; margin:0 auto; padding:30px 0}
.product_3 h1 { font-size:24px; color:#DF631F; line-height:50px}
.product_3 h3 { font-size:16px; line-height:24px; color:#666; padding:10px 0 20px 0}

.product_3 ul li { padding:40px 0}
.product_3 ul li.pro_ico1 { float:left; width:48%; background:#F9F9F9}
.product_3 ul li.pro_ico2 { float:right; width:48%; background:#F9F9F9}
.product_3 ul li.pro_ico3 { clear:both; background:#F9F9F9}

.product_3 ul li i { display:block; width:113px; height:113px; margin:0 auto}
.product_3 ul li.pro_ico1 i { background:url(../images/product_ico1.png); background-size:100% 100%}
.product_3 ul li.pro_ico2 i { background:url(../images/product_ico2.png); background-size:100% 100%}
.product_3 ul li.pro_ico3 i { background:url(../images/product_ico3.png); background-size:100% 100%}
.product_3 ul li.pro_ico3 i { float:left; margin-left:10%; margin-right:20px}

.product_3 ul li h4 { text-align:center; font-size:16px; padding-top:5px}
.product_3 ul li h5 { text-align:center; color:#888; line-height:20px}
.product_3 ul li.pro_ico3 h4 { text-align:left}
.product_3 ul li.pro_ico3 h5 { text-align:left}


.product_4 { width:100%; margin:0 auto; background:#F9F9F9}
.product_4 .w100 { width:auto; padding:0px}
.product_4 .w100 img { display:block; width:100%; height:auto;}
.product_4 .w100 a { display:block; margin:0 auto; background:#E1692B; width:120px; text-align:center; line-height:40px; border-radius:20px; color:#fff}

.product_4 ul li { position:relative}
.product_4 ul li h3 { position:absolute; font-size:12px; color:#454545; line-height:16px}
.product_4 ul li h3 b { display:block; font-weight:normal; line-height:24px; font-size:16px; padding-bottom:5px}
.product_4 ul li.k1 h3 { left:0; width:40%; text-align:center; top:30%;}
.product_4 ul li.k2 h3 { left:0; width:100%; text-align:center; top:5%; color:#fff}
.product_4 ul li.k3 h3 { left:5%; text-align:left; width:50%; top:5%;}
.product_4 ul li.k4 h3 { right:0; width:50%; text-align:left; top:30%; color:#fff}
.product_4 ul li.k5 h3 { left:10%; width:80%; text-align:center; top:5%;}


@media all and (max-width:480px){
.product_2 { height:60px;}
.product_2 ul { height:70px;}
.product_2 ul li a { margin:15px auto; height:40px; line-height:40px; font-size:14px}
.product_2 i { height:14px; top:18px;}

.product_3 { padding:20px 0}
.product_3 h1 { font-size:18px; line-height:40px}
.product_3 h3 { font-size:14px; line-height:20px; padding:5px 0 15px 0}
.product_3 ul li { padding:30px 0}
.product_3 ul li i { width:63px; height:63px;}
.product_3 ul li h4 { font-size:14px}
.product_3 ul li h5 { font-size:12px; line-height:16px}

.product_4 ul li h3 { font-size:10px; line-height:14px}
.product_4 ul li h3 b { line-height:20px; font-size:14px;}
.product_4 ul li.k1 h3 { top:20%;}
.product_4 ul li.k4 h3 { right:5%;}
}

.product_5 { width:100%; margin:0 auto; position:relative}
.product_5 .w100 { width:auto; padding:0px}
.product_5 .w100 img { display:block; width:100%; height:auto;}
.product_5 .w100 ul { position:absolute; left:0; width:100%;}
.product_5 .w100 ul li { padding-bottom:10%}
.product_5 .w100 ul li img { display:block; width:63%; margin:0 auto}
.product_5 .w100 ul li h3 { text-align:center; padding-top:10px; color:#fff}
.product_5 ul.ul2 { top:62%}
.product_5 ul.ul3 { top:79%}
.product_5 .w100 ul.ul3 li h3 { color:#444}

.product_5 ul.ul4 { top:26%}
.product_5 .w100 ul.ul4 li img { width:56%}
.product_5 .w100 ul.ul4 li h3 { color:#444}

.product_5 ul.ul5 { top:5.8%}
.product_5 .w100 ul.ul5 li img { width:65%}

.product_5 ul.ul6 { top:18%}
.product_5 .w100 ul.ul6 li img { width:45%}

.product_5 ul.ul7 { top:19%}
.product_5 .w100 ul.ul7 li img { width:45%}

@media all and (max-width:480px){
.product_5 .w100 ul li h3 { font-size:12px}
}

.case_1 { height:200px; background:url(../images/case_top.jpg) center no-repeat; background-size:auto 100%}
.case_1 h2 { font-size:36px; line-height:36px; color:#DF631F; font-weight:normal; width:90%; margin:0 auto; padding-top:40px}
.case_1 h2 span { font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; font-size:24px}

@media all and (max-width:480px){
.case_1 { height:120px;}
.case_1 h2 { font-size:24px; line-height:30px; padding-top:20px}
.case_1 h2 span { font-size:18px}
}



.case_2 { width:90%; margin:0 auto; height:65px; position:relative}
.case_2 ul { position:absolute; left:0; width:100%; bottom:0; height:80px; background:#DF631F;}
.case_2 ul li { float:left; width:33.3%}
.case_2 ul li a { display:block; width:80%; margin:15px auto 0 auto; height:50px; line-height:50px; color:#fff; text-align:center; font-size:16px;}
.case_2 ul li a.on { background:#fff; color:#333}
.case_2 i.i2 { position:absolute; display:block; width:1px; height:20px; top:11px; left:33.3%; background:#fff}
.case_2 i.i3 { position:absolute; display:block; width:1px; height:20px; top:11px; left:66.6%; background:#fff}


@media all and (max-width:480px){
.case_2 { height:45px;}
.case_2 ul { height:60px;}
.case_2 ul li a { width:80%; margin:15px auto 0 auto; height:30px; line-height:30px; font-size:14px}
.case_2 i.i2 { height:14px; top:9px;}
.case_2 i.i3 { height:14px; top:9px;}

}



.case_list { width:95%; margin:0 auto; padding:30px 0; overflow:hidden}
.case_list ul li { float:left; width:50%; padding-bottom:20px}
.case_list ul li img { display:block; width:80%; margin:0 auto; height:auto}
.case_list ul li h3 { width:80%; margin:0 auto; height:85px}
.case_list ul li h3 span { display:block; color:#DF631F; padding-top:10px}

.case_more { width:120px; margin:0 auto;}
.case_more a { display:block; background:#E1692B; text-align:center; line-height:40px; border-radius:20px; color:#fff}




.case_id { padding:20px; max-width:1200px; margin:0 auto}
.case_id h1 { font-size:16px; color:#DF631F; line-height:30px; padding-bottom:10px}
.case_id img { display:block; max-width:100%; height:auto}





.contact_1 { height:200px; background:url(../images/contact_top.jpg) center no-repeat; background-size:auto 100%}
.contact_1 h2 { font-size:36px; line-height:36px; color:#DF631F; font-weight:normal; width:90%; margin:0 auto; padding-top:40px}
.contact_1 h2 span { font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; font-size:24px}

@media all and (max-width:480px){
.contact_1 { height:120px;}
.contact_1 h2 { font-size:24px; line-height:30px; padding-top:20px}
.contact_1 h2 span { font-size:18px}
}




.contact_2 { width:90%; margin:40px auto; position:relative; z-index:223}
.contact_2 .con_dz { position:relative; line-height:20px}
.contact_2 .con_dz .dz_1 { float:left; width:55%; text-align:center; position:relative}
.contact_2 .con_dz .dz_1 i { display:block; width:32px; height:37px; background:url(../images/contact_ico1.jpg) left; margin:0 auto}
.contact_2 .con_dz .dz_1 span { display:block; color:#DF631F; padding:10px 0 0 0; font-size:16px}
.contact_2 .con_dz .dz_1 p { position:absolute; right:-5%; width:1px; top:0; height:100%; background:#ccc}
.contact_2 .con_dz .dz_2 { float:left; width:45%; text-align:center}
.contact_2 .con_dz .dz_2 i { display:block; width:32px; height:37px; background:url(../images/contact_ico1.jpg) right; margin:0 auto}
.contact_2 .con_dz .dz_2 span { display:block; color:#DF631F; padding:10px 0 0 0; font-size:16px}

.contact_2 .con_dz .con_dt { clear:both; padding:30px 0}
.contact_2 .con_dz .con_dt img { display:block; width:100%}

.contact_2 .con_dz ul { clear:both; overflow:hidden}
.contact_2 .con_dz ul li { float:left; width:48%; text-align:center; color:#DF631F; position:relative; background:#F9F9F9; padding:30px 0}
.contact_2 .con_dz ul li.fr { float:right}
.contact_2 .con_dz ul li i { margin:0 auto}
.contact_2 .con_dz ul li img { display:block; margin:0 auto}

@media all and (max-width:480px){
.contact_2 .con_dz .dz_1 { font-size:12px}
.contact_2 .con_dz .dz_1 span { font-size:14px}
.contact_2 .con_dz .dz_2 { font-size:12px}
.contact_2 .con_dz .dz_2 span { font-size:14px}
}



.contact_2 .con_ly { background:#22272C; padding-bottom:40px}
.contact_2 .con_ly h2 { height:50px; line-height:50px; background:#DD6320; text-align:center; font-size:18px; font-weight:normal; color:#fff}
.contact_2 .con_ly ul { width:90%; margin:0 auto}
.contact_2 .con_ly ul li { border-bottom:1px #DD6320 solid; margin-bottom:10px; padding-top:30px; height:35px}
.contact_2 .con_ly ul li.ly2 { padding-bottom:30px; height:auto}
.contact_2 .con_ly ul li input { width:100px; background:none; border:0 none; width:100%; color:#fff}
.contact_2 .con_ly ul li .inp2 { background:none; border:0 none; width:100%; color:#fff}
.contact_2 .con_ly .tijiao { padding-top:30px;}
.contact_2 .con_ly .tijiao input { display:block; width:30%; height:36px; line-height:32px; font-size:16px; background:#22272C; border:1px #DD6320 solid; cursor:pointer; text-align:center; margin:0 auto; color:#eee}








.about_3 { margin:15px auto; background:#F9F9F9}
.about_3 h2 { font-size:24px; line-height:30px; color:#DF631F; font-weight:normal; width:90%; margin:0 auto; padding-top:20px}
.about_3 h2 span { font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; font-size:18px; text-transform:uppercase}

@media all and (max-width:480px){
.about_3 h2 { font-size:18px; line-height:26px; padding-top:15px}
.about_3 h2 span { font-size:16px}
}

.about_3 .ag1 { width:90%; margin:0 auto; overflow-x:scroll; overflow-y:hidden; z-index:888;}
.about_3 .ag2 { width:90%; margin:0 auto; overflow-x:scroll; overflow-y:hidden; z-index:888;}
.about_3 .ag3 { width:90%; margin:0 auto; overflow-x:scroll; overflow-y:hidden; z-index:888;}

.about_3 .ag1 ul { width:140%; position:relative;}
.about_3 .ag1 ul li { float:left; width:16.6%; text-align:center; padding:10px 0; position:relative}

.about_3 .ag2 ul { width:100%; position:relative;}
.about_3 .ag2 ul li { float:left; width:25%; text-align:center; padding:10px 0; position:relative}

.about_3 .ag3 ul { width:140%; position:relative;}
.about_3 .ag3 ul li { float:left; width:16.6%; text-align:center; padding:10px 0; position:relative}

.about_3 ul li a { border-bottom:1px #ddd solid; padding:0 15px; display:block; line-height:20px; height:50px}
.about_3 ul li i { display:block; width:64px; height:65px; margin:0 auto; margin-bottom:10px}
.about_3 ul li span { display:none; width:9px; height:6px; background:url(../images/about_ip.png); background-size:100% 100%}
.about_3 ul li.on span { display:block; position:absolute; bottom:6px; left:50%; margin-left:-5px}
.about_3 ul li.on a { color:red}



@media all and (max-width:480px){
.about_3 ul li a { display:block; line-height:15px; height:40px; font-size:12px; padding:0}
}


.about_3 ul li i.p11 { background:url(../images/about_ico11.png); background-size:100% 100%}
.about_3 ul li i.p12 { background:url(../images/about_ico12.png); background-size:100% 100%}
.about_3 ul li i.p13 { background:url(../images/about_ico13.png); background-size:100% 100%}
.about_3 ul li i.p14 { background:url(../images/about_ico14.png); background-size:100% 100%}
.about_3 ul li i.p15 { background:url(../images/about_ico15.png); background-size:100% 100%}
.about_3 ul li i.p16 { background:url(../images/about_ico16.png); background-size:100% 100%}
.about_3 ul li i.p21 { background:url(../images/about_ico21.png); background-size:100% 100%}
.about_3 ul li i.p22 { background:url(../images/about_ico22.png); background-size:100% 100%}
.about_3 ul li i.p23 { background:url(../images/about_ico23.png); background-size:100% 100%}
.about_3 ul li i.p24 { background:url(../images/about_ico24.png); background-size:100% 100%}
.about_3 ul li i.p31 { background:url(../images/about_ico31.png); background-size:100% 100%}
.about_3 ul li i.p32 { background:url(../images/about_ico32.png); background-size:100% 100%}
.about_3 ul li i.p33 { background:url(../images/about_ico33.png); background-size:100% 100%}
.about_3 ul li i.p34 { background:url(../images/about_ico34.png); background-size:100% 100%}
.about_3 ul li i.p35 { background:url(../images/about_ico35.png); background-size:100% 100%}
.about_3 ul li i.p36 { background:url(../images/about_ico36.png); background-size:100% 100%}






.ab_pic { width:90%; margin:0 auto; padding:20px 0}
.ab_pic img { display:block; width:90%; margin:0 auto; height:auto}
.ab_pic p { padding-top:20px}








.nav { position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/bg.png); z-index:4444; display:none}
.nav .w100 { position:absolute; right:-64%; width:64%; top:0; height:100%; background:#fff}
.nav .nav_t { height:41px; width:90%; margin:0 auto; padding-top:23px}
.nav .nav_t i { height:18px; width:20px; background:url(../images/ico_2.png) right no-repeat; background-size:auto 100%; float:right}
.nav img { width:100%; display:block; position:absolute; left:0; bottom:0}
.nav ul li { line-height:52px; font-size:16px;}
.nav ul li a { display:block; padding-left:10%}
.nav ul li.nav_on { background:#DF6420}
.nav ul li.nav_on a { color:#fff}