@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;}
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;}
a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#343434;text-decoration: none}
a:hover {color:#DF6420;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){

}


.head { position:absolute; left:5%; width:90%; top:3%; height:52px; z-index:5555}
.head .logo_s { float:left}
.head .logo_s img { display:block}
.head .nav { float:right; line-height:52px}
.head .nav ul li { float:left; padding-left:80px}
.head .nav ul li a { color:#999}
.head .nav ul li.nav_on a { color:#DF6420}


.right_s { position:fixed; right:5%; width:90%; top:12%; width:66px; z-index:5556}
.right_s a.r_dx { display:block; height:66px; background:url(../images/index_ico1.png)}
.right_s a.r_dh { display:block; height:66px; background:url(../images/index_ico2.png); position:relative}
.right_s a.r_dh span { display:block; height:66px; background:url(../images/dianhua.jpg); background-size:100% 100%; left:-225px; width:225px; position:absolute; top:0; opacity:0}

@media all and (max-width:1440px){
.right_s { width:44px}
.right_s a.r_dx { height:44px; background-size:100% 100%}
.right_s a.r_dh { height:44px; background-size:100% 100%}
.right_s a.r_dh span { height:44px; left:-150px; width:150px;}
}




.banner { overflow:hidden; position:relative}
.banner .bd ul li h3 { color:#DF6420; position:absolute; left:20%; bottom:10%; line-height:20px; margin-left:15px}

.banner .hd { position:absolute; left:50%; bottom:5%; margin-bottom:200px; height:12px; margin-left:-586px; float:left}
.banner .hd ul { position:relative; z-index:22}
.banner .hd ul li { float:left; padding:0 5px; text-align:center; position:relative; height:12px; line-height:12px}
.banner .hd ul li i { display:block; color:#ccc; transform:scale(0.7); cursor:pointer}
.banner .hd ul li.on i { color:#DF6420}

.banner a.prev { display:block; position:absolute; left:-10px; top:0; line-height:12px; cursor:pointer;}
.banner a.next { display:block; position:absolute; right:-10px; top:0; line-height:12px; cursor:pointer;}
.banner a.prev i { color:#DF6420}
.banner a.next i { color:#DF6420}
.banner h4 { position:absolute; left:10%; bottom:5%; margin-bottom:200px; line-height:20px; cursor:pointer; margin-left:140px; color:#DF6420}
.banner h4 i { display:block; float:left; font-size:xx-small; color:#DF6420; line-height:20px; padding-right:5px;transform:scale(0.8)}





.index_1 { background:url(../images/index_bg1.jpg) center no-repeat; position:relative; opacity:0}
.index_1 .index_al1 { position:absolute; left:50%; top:25%; width:1106px; margin-left:-553px}
.index_1 .index_al1 a { display:block; float:left; margin-right:100px; font-size:18px; cursor:pointer}
.index_1 .index_al1 a.on { color:#DF6420}

.index_1 .index_al2 { position:absolute; left:50%; top:25%; width:1126px; margin-left:-563px; margin-top:60px}
.index_1 .index_al2 a { cursor:pointer}
.index_1 .index_al2 .al_bd { overflow:hidden; position:relative}
.index_1 .index_al2 .al_bd ul li { float:left; width:280px; position:relative; padding-bottom:50px}
.index_1 .index_al2 .al_bd ul li img { display:block; margin:0 auto; width:250px;}
.index_1 .index_al2 .al_bd ul li h3 { padding:10px 20px; font-size:16px; line-height:30px}
.index_1 .index_al2 .al_bd ul li h3 span { display:block; font-size:14px; color:#E37D4E}
.index_1 .index_al2 .al_bd ul li h4 { position:absolute; width:100px; height:112px; right:22px; bottom:68px}
.index_1 .index_al2 .al_bd ul li h4 a { display:block; color:#fff; padding-top:52px; padding-left:13px; font-size:12px; background:url(../images/gengduo_3.jpg); height:30px}
.index_1 .index_al2 .al_bd ul li:hover h4 a { background:url(../images/gengduo_3s.jpg); color:#DF631F; padding-left:23px}


.index_1 .index_al2 a.prev { display:block; position:absolute; left:-30px; top:132px; line-height:40px; font-size:48px; cursor:pointer}
.index_1 .index_al2 a.prev i { color:#666}
.index_1 .index_al2 a.prev:hover i { color:#E37D4E}
.index_1 .index_al2 a.next { display:block; position:absolute; right:-30px; top:132px; line-height:40px; font-size:48px; cursor:pointer}
.index_1 .index_al2 a.next i { color:#666}
.index_1 .index_al2 a.next:hover i { color:#E37D4E}

.index_1 .index_al2 .al_bd ul li p { position:absolute; top:0px; width:250px; overflow:hidden; left:15px; height:338px}
.index_1 .index_al2 .al_bd ul li p img { position:absolute; left:0; top:0}

.index_1 .index_al2 .al_hd { position:absolute; left:-35%; top:0; width:35%}
.index_1 .index_al2 .al_hd ul li { float:left; display:none; height:200px}
.index_1 .index_al2 .al_hd ul li.on { display:block}
.index_1 .index_al2 .al_hd ul li h3 { font-size:36px; line-height:40px; font-weight:bold; padding-top:30px}
.index_1 .index_al2 .al_hd ul li h3 span { display:block; font-size:16px; color:#E37D4E; font-weight:normal}
.index_1 .index_al2 .al_hd ul li h4 { position:absolute; width:148px; height:120px; left:80%; top:260px}
.index_1 .index_al2 .al_hd ul li h4 a { display:block; color:#fff; padding-top:82px; padding-left:15px; background:url(../images/gengduo_4.jpg); height:38px}
.index_1 .index_al2 .al_hd ul li h4 a:hover { padding-top:92px; background:url(../images/gengduo_4s.jpg); height:28px; color:#E37D4E}

.index_1 .index_al2 .al_hd ul li p { position:absolute; left:0; top:0; width:260px; height:352px; background:url(../images/bg1.png); display:none}
.index_1 .index_al2 .al_hd ul li a.tp { opacity:0;}
.index_1 .index_al2 .al_hd ul li img { position:absolute; left:100%; top:0; width:260px; height:352px;}
.index_1 .index_al2 .al_hd ul li.on a.tp { opacity:1; animation:2s opacity2; -webkit-animation:2s opacity2;-moz-animation:2s opacity2}
        @keyframes opacity2{
            0%{opacity:0}
            50%{opacity:0;}
            100%{opacity:1;}
        }
        @-webkit-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:0;}
            100%{opacity:1;}
        }
        @-moz-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:0;}
            100%{opacity:1;}
		}

.index_1 .index_al2 .al_s { clear:both; margin-top:60px}
.index_1 .index_al2 .al_s a { display:block; float:left; border:1px #DF631F solid; margin-right:10px; padding:0 10px; font-size:12px; cursor:pointer}
.index_1 .index_al2 .al_s i { color:#DF631F}
.index_1 .index_al2 .al_s a:hover { background:#DF631F; color:#fff}
.index_1 .index_al2 .al_s a:hover i { color:#fff}


@media all and (max-width:1440px){
.index_1 .index_al1 { transform:scale(0.8)}
.index_1 .index_al2 { transform:scale(0.8); margin-top:20px}

}

.index_2 { background:url(../images/index_bg2.jpg) center no-repeat; position:relative; opacity:0}
.index_2 .index_pc1 { position:absolute; left:0; bottom:0; width:60%; z-index:1}
.index_2 .index_pc1 img { display:block; max-width:100%; position:relative; z-index:111}
.index_2 .index_pc1 i { position:absolute; display:block; top:50%; text-align:center; cursor:pointer; left:50%; color:#fff; border:5px #fff solid; width:80px; height:80px; margin:-45px 0 0 -45px; line-height:80px; font-size:36px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; z-index:222}
.index_2 .index_pc1 i:hover { color:#DF6420; border:5px #DF6420 solid}
.index_2 .index_pc1 a { cursor:pointer}
.index_2 .index_pc2 { position:absolute; bottom:10%; right:10%; width:47%; background:#fff; padding:70px 0; background:url(../images/bg2.jpg); z-index:2}
.index_2 .index_pc2 h1 { font-size:24px; font-weight:normal; color:#DF6420; position:relative; padding-top:20px; width:90%; margin:0 auto}
.index_2 .index_pc2 h1 span { display:block; position:absolute; left:0; top:0; font-size:80px; color:#F3F3F3; text-transform:uppercase}
.index_2 .index_pc2 h1 a { color:#DF6420; position:relative; z-index:444}

.index_2 .index_pc2 h3 { width:90%; margin:0 auto; font-size:36px; line-height:46px; padding-top:30px; padding-bottom:10px; color:#666}
.index_2 .index_pc2 h4 { width:90%; margin:0 auto; font-size:24px; color:#666; padding-bottom:60px}
.index_2 .index_pc2 h5 { position:absolute; width:148px; height:120px; right:30%; bottom:70px}
.index_2 .index_pc2 h5 a { display:block; color:#fff; padding-top:82px; height:38px; padding-left:15px; background:url(../images/gengduo_4.jpg);}
.index_2 .index_pc2 h5 a.on { background:url(../images/gengduo_4s.jpg);color:#DF6420;padding-top:92px; height:28px}

@media all and (max-width:1440px){
.index_2 .index_pc1 { width:50%}
.index_2 .index_pc2 h5 { right:15%;}
}

.index_3 { background:url(../images/index_bg3.jpg) center no-repeat; opacity:0}
.index_3 h2 { padding-top:10%; text-align:center; position:relative; font-size:80px; color:#F3F3F3; text-transform:uppercase; line-height:80px}
.index_3 h2 span { display:block; position:absolute; left:0; width:100%; text-align:center; font-size:36px; line-height:40px; font-weight:bold; bottom:0px; color:#888}

.index_3 ul { width:1200px; margin:0 auto}
.index_3 ul li { float:left; width:600px; position:relative; padding-top:80px; padding-bottom:40px}
.index_3 ul li img { display:block; margin:0 auto}
.index_3 ul li h5 { position:absolute; width:148px; height:120px; right:0; bottom:0; background:url(../images/gengduo_4.jpg)}
.index_3 ul li h5 a { display:block; color:#fff; padding-top:82px; height:38px; padding-left:15px;}
.index_3 ul li h5 a.on { background:url(../images/gengduo_4s.jpg);color:#DF6420;padding-top:92px;height:28px}
.index_3 ul li a.fd { position:absolute; top:80px; width:574px; overflow:hidden; left:11px; height:493px; border-right:2px #eee solid; border-bottom:2px #eee solid}
.index_3 ul li a.fd img { position:absolute; left:0; top:0}

@media all and (max-width:1440px){
.index_3 h2 { padding-top:7%;}
.index_3 ul { width:1000px}
.index_3 ul li { width:500px; padding-top:40px; padding-bottom:40px}
.index_3 ul li img { width:420px; height:auto}

.index_3 ul li a.fd { top:40px; width:420px; left:40px; height:360px}
}


.index_4 { background:url(../images/index_bg4.jpg) top no-repeat; position:relative; opacity:0}
.index_4 h2 { left:0; width:100%; top:20%; text-align:center; font-size:36px; line-height:40px; color:#333; position:absolute}
.index_4 h2 span { color:#DF6420}

.index_4 ul li { float:left; width:204px; position:relative; overflow:hidden}
.index_4 ul li a { position:relative; overflow:hidden; display:block; width:188px; margin:0 auto; height:66px; border-bottom:5px #DF6420 solid;}
.index_4 ul li img.ci2 { position:absolute; top:0; left:0; border-bottom:0 none}
.index_4 ul li img.ci { position:absolute; top:-100%; left:0; border-bottom:0 none}



.index_4 ul.u_1 { width:1224px; position:absolute; left:0; margin-left:-612px; top:20%; margin-top:100px; left:50%}
.index_4 ul.u_2 { width:1428px; position:absolute; left:0; margin-left:-714px; top:20%; margin-top:220px; left:50%}
.index_4 ul.u_3 { width:1224px; position:absolute; left:0; margin-left:-612px; top:20%; margin-top:340px; left:50%}

@media all and (max-width:1440px){
.index_4 h2 { top:15%;}

}

.index_lk2 { display:none}
@media all and (max-width:1440px){
.index_lk { display:none}
.index_lk2 { display:block}

.index_4 .index_lk2 ul.u_1 { top:15%; margin-top:80px; width:688px; margin-left:-344px;}
.index_4 .index_lk2 ul.u_2 { top:15%; margin-top:170px; width:860px; margin-left:-430px}
.index_4 .index_lk2 ul.u_3 { top:15%; margin-top:260px; width:688px; margin-left:-344px;}

.index_4 .index_lk2 ul li { width:172px;}
.index_4 .index_lk2 ul li a { width:160px; height:57px}
.index_4 .index_lk2 ul li img { width:100%; height:auto}
}

.footer { position:absolute; left:0; bottom:0; height:260px; background:#22272C; width:100%; z-index:333}
.footer.f_2 { position:relative; min-width:1200px}
.footer .w100 { position:relative; height:260px}
.footer .f_l { position:absolute; left:0; bottom:0}
.footer .f_l img { display:block}
.footer .f_c { float:left; padding-left:275px}
.footer .f_c h3 { font-size:30px; color:#E48A59; line-height:40px; padding-top:65px; font-weight:bold; font-family: Arial, Helvetica, sans-serif}
.footer .f_c h4 { font-size:14px; color:#fff;}
.footer .f_c h5 { font-size:14px; color:#ccc; padding-top:15px; line-height:20px}

.footer .f_r { float:right; padding-top:90px; width:324px}
.footer .f_r ul { height:40px; background:url(../images/footer_ico.png) right no-repeat}
.footer .f_r ul li { float:left; width:25%; position:relative; height:40px}
.footer .f_r h4 { font-size:14px; color:#ccc; padding-top:15px; padding-left:15px; padding-top:20px; line-height:20px}
.footer .f_r h4 a { color:#ccc;}
.footer .f_r h4 a:hover { color:#fff;}
.footer .f_r ul li a { position:absolute; top:-106px; left:0px; opacity:0}
.footer .f_r ul li a.a2 { top:0; opacity:1; width:100%; height:100%}

.footer .tac { clear:both; padding-top:20px; padding-left:220px}
.footer .tac a { color:#fff}


@media all and (max-width:1440px){
.footer { height:100px;}
.footer .w100 { height:100px; width:95%}
.footer .f_l img { height:140px; width:auto}
.footer .f_c { padding-left:160px}
.footer .f_c h3 { font-size:18px; line-height:24px; padding-top:20px}
.footer .f_c h5 { font-size:12px; padding-top:5px}
.footer .f_r { padding-top:10px; width:304px}
.footer .f_r h4 { font-size:12px; padding-top:5px}
}

.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}






.about_1 { min-width:1200px; background:url(../images/about_top.jpg) top no-repeat; height:850px}
.about_1 .ab_ti1 { padding-top:190px; width:1200px; margin:0 auto; height:180px}
.about_1 .ab_ti1 h2 { font-size:30px; line-height:40px; color:#DF631F; font-weight:normal}
.about_1 .ab_ti1 h2 span { font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; font-size:24px}

.about_1 .ab_cn1 { background:#fff; width:1200px; margin:0 auto; border-bottom:2px #E8E8E8 solid; height:478px; margin-top:50px; opacity:0}
.about_1 .ab_cn1 h3 { font-family:"AvantGardeITCbyBT"; font-size:30px; text-transform:uppercase; color:#BFBFBF; padding:60px 0 0 55px; line-height:40px}
.about_1 .ab_cn1 h2 { font-size:24px; line-height:40px; color:#DF631F; padding-left:55px}
.about_1 .ab_cn1 ul { width:1170px; margin:0 auto}
.about_1 .ab_cn1 ul li { float:left; width:390px; line-height:30px}
.about_1 .ab_cn1 ul li p { padding:30px 40px}

@media all and (max-width:1440px){
.about_1 { background-size:100% auto}
.about_1 .ab_ti1 { padding-top:150px; height:140px;}
}



.about_2 { width:1200px; margin:0 auto; padding-top:35px}
.about_2 ul li { height:375px; margin-bottom:30px; position:relative; margin-top:100px; opacity:0}
.about_2 ul li.ab_bg1 { background:url(../images/about_bg1.jpg) top no-repeat; background-size:100% auto}
.about_2 ul li.ab_bg2 { background:url(../images/about_bg2.jpg) top no-repeat; background-size:100% auto}
.about_2 ul li.ab_bg3 { background:url(../images/about_bg3.jpg) top no-repeat; background-size:100% auto}
.about_2 ul li.ab_bg4 { background:url(../images/about_bg4.jpg) top no-repeat; background-size:100% auto}

.about_2 ul li h1 { padding:40px 0 0 55px; font-size:24px; color:#DF631F; line-height:34px; font-weight:normal}
.about_2 ul li h1 span { font-family:"AvantGardeITCbyBT"; display:block; color:#fff; text-transform:uppercase}
.about_2 ul li h3 { padding:15px 55px; color:#999; line-height:24px; height:90px}

.about_2 ul li h5 { width:146px; height:120px; margin:0 auto; position:absolute; right:80px; bottom:60px}
.about_2 ul li h5 a { display:block; background:url(../images/gengduo_1.jpg); height:40px; padding-top:80px; text-align:center; color:#fff}
.about_2 ul li h5 a:hover { background:url(../images/gengduo_2.jpg); color:#DF631F; padding-top:90px; height:30px}



.about_3 { height:840px; min-width:1200px; background:url(../images/about_bg5.jpg) top no-repeat; margin-top:50px; padding-top:80px; margin-bottom:120px}
.about_3 .ab_pc1 { height:502px; margin:0 auto; width:1200px; background:url(../images/about_ico.png) top no-repeat; position:relative}
.about_3 .ab_pc1 h3 { font-size:16px; position:absolute; left:0; width:100%; text-align:center; top:266px; color:#eee}
.about_3 .ab_pc1 h4 { position:absolute; left:50%; width:890px; bottom:0px; margin-left:-450px}
.about_3 .ab_pc1 h4 a { display:block; float:left; width:178px; text-align:center; color:#eee; font-size:12px}


.about_3 .ab_ul3 { width:1088px; height:206px; margin:50px auto}
.about_3 .ab_ul3 ul li { float:left; width:272px; height:206px; background:#fff}
.about_3 .ab_ul3 ul li.bgf1 { background:#D65F1E; color:#fff}
.about_3 .ab_ul3 ul li h3 { text-align:center; padding-top:50px; font-size:16px; font-weight:normal}
.about_3 .ab_ul3 ul li h4 { font-size:12px; text-align:center; padding-top:20px}




.product_1 { min-width:1200px; background:url(../images/product_top.jpg) top no-repeat; height:603px}
.product_1 .pro_ti1 { padding-top:190px; width:1200px; margin:0 auto; height:130px}
.product_1 .pro_ti1 h2 { font-size:30px; line-height:40px; color:#DF631F; font-weight:normal}
.product_1 .pro_ti1 h2 span { font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; font-size:24px}

.product_1 .pro_cn1 { width:1200px; margin:0 auto; height:283px; position:relative}
.product_1 .pro_cn1 h3 { text-align:right; font-size:24px; color:#DF631F; line-height:34px; font-weight:bold; padding-right:50px}
.product_1 .pro_cn1 h3 span { font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; text-transform:uppercase; padding-bottom:5px}
.product_1 .pro_cn1 h4 { position:absolute; right:0; bottom:0}
.product_1 .pro_cn1 h4 a { display:block; width:246px; height:62px; line-height:62px; font-size:16px; text-align:center; float:left; margin-left:35px; background:#D4D4D4; color:#fff; cursor:pointer}
.product_1 .pro_cn1 h4 a.on { background:#dd6320}

@media all and (max-width:1440px){
.product_1 { background-size:auto 100%; height:500px}
.product_1 .pro_ti1 { padding-top:150px; height:100px;}
.product_1 .pro_cn1 { height:250px;}
}



.product_2 { width:1200px; margin:50px auto; margin-top:150px; opacity:0}
.product_2 img { display:block; float:right}
.product_2 h1 { padding-top:60px; line-height:60px; color:#DF631F; font-size:36px}
.product_2 h3 { padding-top:30px; font-size:16px; line-height:30px; width:710px; padding-bottom:50px}

.product_2 ul { border-top:2px #E8E8E8 solid; overflow:hidden}
.product_2 ul li { float:left; width:33.3%; padding-top:50px; text-align:center}
.product_2 ul li i { display:block; width:113px; height:113px; background:url(../images/product_pic2.jpg); margin:0 auto}
.product_2 ul li i.pro_ico1 { background-position:0 0}
.product_2 ul li i.pro_ico2 { background-position:-113px 0}
.product_2 ul li i.pro_ico3 { background-position:-226px 0}
.product_2 ul li h4 { font-size:16px; line-height:30px; padding-top:10px}



.product_3 { min-width:1200px; background:#F2F2F2; padding:5px 0; position:relative; margin-bottom:50px}
.product_3 .pro_bd { width:1200px; margin:0 auto; padding-bottom:50px}
.product_3 .pro_bd ul li { position:relative}
.product_3 .pro_bd ul li img { display:block; margin:0 auto}
.product_3 .pro_bd ul li h3 { position:absolute; font-size:16px; color:#454545}
.product_3 .pro_bd ul li h3 b { display:block; font-weight:normal; line-height:40px; font-size:36px; padding-bottom:10px}
.product_3 .pro_bd ul li.k1 h3 { left:0; width:480px; text-align:center; top:250px;}
.product_3 .pro_bd ul li.k2 h3 { left:0; width:100%; text-align:center; top:80px; color:#fff}
.product_3 .pro_bd ul li.k3 h3 { left:50px; text-align:left; width:480px; top:80px;}
.product_3 .pro_bd ul li.k4 h3 { right:0; width:610px; text-align:left; top:280px; color:#fff}
.product_3 .pro_bd ul li.k5 h3 { left:0; width:100%; text-align:center; top:50px;}




.product_3 a.prev { display:block; position:absolute; left:50%; margin-left:-620px; top:50%; margin-top:-40px; cursor:pointer; width:33px; height:80px; background:url(../images/fanye.png); -webkit-transition:none;-moz-transition:none;transition:none}
.product_3 a.next { display:block; position:absolute; right:50%; margin-right:-620px; top:50%; margin-top:-40px; cursor:pointer; width:33px; height:80px; background:url(../images/fanye.png) 0 -80px; -webkit-transition:none;-moz-transition:none;transition:none}
.product_3 a.prev:hover { background:url(../images/fanye.png) -33px 0}
.product_3 a.next:hover { background:url(../images/fanye.png) -33px -80px}

.product_3 .pro_hd { width:96px; height:32px; background:#E1692B; position:absolute; right:50%; margin-right:-562px; bottom:40px}
.product_3 .pro_hd ul li { width:96px; height:32px; text-align:center; line-height:32px; color:#fff; display:none}
.product_3 .pro_hd ul li.on { display:block}


.case_1 { min-width:1200px; background:url(../images/case_top.jpg) top no-repeat; height:700px}
.case_1.v2 { height:auto; padding-bottom:80px}
.case_1 .ca_ti1 { padding-top:190px; width:1200px; margin:0 auto; height:180px}
.case_1 .ca_ti1 h2 { font-size:30px; line-height:40px; color:#DF631F; font-weight:normal}
.case_1 .ca_ti1 h2 span { font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; font-size:24px}

.case_1 .ca_cn1 { background:#fff; width:1200px; margin:0 auto; border-bottom:2px #E8E8E8 solid; height:328px; position:relative;}
.case_1 .ca_cn1 h3 { font-family:"AvantGardeITCbyBT"; font-size:30px; text-transform:uppercase; color:#BFBFBF; padding:60px 0 0 55px; line-height:40px}
.case_1 .ca_cn1 h2 { font-size:24px; line-height:40px; color:#DF631F; padding-left:55px}
.case_1 .ca_cn1 ul { width:1128px; position:absolute; bottom:0; left:36px}
.case_1 .ca_cn1 ul li { float:left; width:376px}
.case_1 .ca_cn1 ul li a { display:block; width:340px; height:62px; background:#D4D4D4; color:#fff; line-height:62px; font-size:16px; margin:0 auto; text-align:center}
.case_1 .ca_cn1 ul li.ca_on a { background:#dd6320}


@media all and (max-width:1440px){
.case_1 { background-size:100% auto; height:560px}
.case_1.v2 { padding-bottom:50px}
.case_1 .ca_ti1 { padding-top:150px; height:140px;}
.case_1 .ca_cn1 { height:268px;}
}




.case_list { padding:50px 0; width:1126px; margin:0 auto; position:relative}
.case_list .case_bd { overflow:hidden}
.case_list ul li { float:left; width:280px; position:relative; padding-bottom:50px}
.case_list ul li img { display:block; margin:0 auto; width:250px;}
.case_list ul li h3 { padding:10px 20px; font-size:16px; line-height:30px}
.case_list ul li h3 span { display:block; font-size:14px; color:#E37D4E}
.case_list ul li h4 { position:absolute; width:100px; height:112px; right:22px; bottom:68px}
.case_list ul li h4 a { display:block; color:#fff; padding-top:52px; padding-left:13px; font-size:12px; background:url(../images/gengduo_3.jpg); height:30px}
.case_list ul li:hover h4 a { background:url(../images/gengduo_3s.jpg); color:#DF631F; padding-left:23px}


.case_list a.prev { display:block; position:absolute; left:-30px; top:182px; line-height:40px; font-size:48px; cursor:pointer}
.case_list a.prev i { color:#666}
.case_list a.prev:hover i { color:#E37D4E}
.case_list a.next { display:block; position:absolute; right:-30px; top:182px; line-height:40px; font-size:48px; cursor:pointer}
.case_list a.next i { color:#666}
.case_list a.next:hover i { color:#E37D4E}

.case_list h5 { text-align:center; padding-bottom:30px; transform:scale(0.7)}
.case_list h5 a { padding:0 5px; cursor:pointer; font-size:xx-small; color:#888}
.case_list h5 a.on { color:#E37D4E}

.case_list ul li p { position:absolute; top:0px; width:250px; overflow:hidden; left:15px; height:338px}
.case_list ul li p img { position:absolute; left:0; top:0}




.contact_1 { width:1200px; margin:0 auto; height:276px; border-bottom:2px #E8E8E8 solid; position:relative; z-index:222}
.contact_1 .co_ti1 { float:left; padding-top:170px}
.contact_1 .co_ti1 h2 { font-size:30px; line-height:40px; color:#DF631F; font-weight:normal}
.contact_1 .co_ti1 h2 span { font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; font-size:24px}

.contact_1 .co_cn1 { float:right; padding-top:120px}
.contact_1 .co_cn1 h3 { text-align:right; font-size:24px; color:#DF631F; line-height:40px; font-weight:bold; padding-right:50px}
.contact_1 .co_cn1 h3 span { font-size:30px; font-family:"AvantGardeITCbyBT"; display:block; color:#999999; font-weight:normal; text-transform:uppercase; padding-bottom:5px}

@media all and (max-width:1440px){
.contact_1 { }
}

.contact_bg { position:fixed; left:0; width:100%; top:0; height:100%; background:url(../images/contact_bg.jpg); z-index:1}



.contact_2 { height:585px; margin:50px auto 100px auto; position:relative; z-index:223}
.contact_2 .w100 { width:1142px; height:585px; background:#fff; margin-top:100px; opacity:0}
.contact_2 .con_dz { width:700px; float:left}
.contact_2 .con_dz .dz_1 { float:left; padding:30px 0 0 40px; width:390px}
.contact_2 .con_dz .dz_1 i { display:block; width:32px; height:37px; background:url(../images/contact_ico1.jpg) left}
.contact_2 .con_dz .dz_1 span { display:block; color:#DF631F; padding:10px 0 0 0; font-size:16px}
.contact_2 .con_dz .dz_2 { float:left; padding:30px 0 0 0;}
.contact_2 .con_dz .dz_2 i { display:block; width:32px; height:37px; background:url(../images/contact_ico1.jpg) right}
.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 30px 40px}
.contact_2 .con_dz .con_dt img { display:block;}
.contact_2 .con_dz ul { width:680px; margin:0 auto}
.contact_2 .con_dz ul li { float:left; width:170px; text-align:center; color:#DF631F; position:relative}
.contact_2 .con_dz ul li img { margin:0 auto; display:block; width:100px; height:auto}
.contact_2 .con_dz ul li p { position:absolute; right:0; top:0; height:100px; width:1px; background:#E8E8E8}



.contact_2 .con_ly { background:#22272C; height:585px; width:442px; float:right}
.contact_2 .con_ly h2 { height:88px; line-height:88px; background:#DD6320; text-align:center; font-size:24px; color:#fff}
.contact_2 .con_ly ul { width:376px; margin:0 auto}
.contact_2 .con_ly ul li { border-bottom:1px #DD6320 solid; margin-bottom:10px; padding-top:70px; padding-bottom:10px}
.contact_2 .con_ly ul li input { 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:210px; height:56px; line-height:56px; font-size:18px; background:#22272C; border:1px #DD6320 solid; cursor:pointer; text-align:center; margin:0 auto; color:#eee}
.contact_2 .con_ly ul li.ly2 { padding-top:40px}





.case_id { background:#fff; width:1200px; margin:0 auto; position:relative}
.case_id h1 { font-size:18px; color:#DF631F; line-height:40px; padding:30px 50px 20px 50px}
.case_id .case_body { display:block; font-size:16px; line-height:30px; width:1100px; margin:0 auto}
.case_id .case_body img { max-width:1100px}
.case_id .fh { position:absolute; right:50px; top:30px; line-height:40px;}
.case_id .fh a { color:#666}
.case_id .fh i { color:#888}


.video { position:fixed; left:0; top:0; width:100%; height:100%; z-index:88888; background:url(../images/overlay.png); z-index:1; opacity:0}
.video .video_cn { width:1280px; height:720px; position:absolute; left:50%; margin-left:-640px; top:50%; margin-top:-360px; z-index:44;}
.video i { position:absolute; z-index:88888; color:#fff; display:block; width:21px; height:25px; background:url(../images/others-close.png); cursor:pointer; top:50%; margin-top:-400px; right:50%; margin-right:-640px; z-index:45}
.video p { position:absolute; left:0; width:100%; height:100%; top:0; cursor:pointer; z-index:2}

@media all and (max-width:1440px){
.video .video_cn { width:960px; height:540px; margin-left:-480px; margin-top:-270px;}
.video i { margin-top:-320px; margin-right:-480px}
}


#index_cn { position:relative; z-index:8}



.bigpic { position:fixed; left:0; top:0; width:100%; height:100%; z-index:88888; background:url(../images/overlay.png); z-index:7777; display:none; overflow-y:scroll}
.bigpic img { width:1100px; margin:0 auto; display:block; position:relative; z-index:44}
.bigpic i { position:fixed; z-index:88888; color:#fff; display:block; width:21px; height:25px; background:url(../images/others-close.png); cursor:pointer; top:0; right:50%; margin-right:-580px; z-index:45}
.bigpic p { position:absolute; left:0; width:100%; height:100%; top:0; cursor:pointer; z-index:2}


.loadings { position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/bg.jpg) #fff; background-size:100% 100%; z-index:99999; text-align:center; font-size:18px}
.loadings img { display:block; margin:0 auto; padding-top:20%; padding-bottom:20px}

.loadings .loading_4 { width:600px; margin:50px auto 0 auto; position:relative;}
.loadings .loading_4 h3 { position:absolute; top:30px; font-size:18px; left:0; width:100%; text-align:center}
.loadings .loading_4 .ld { position:absolute; left:0; width:100%; height:5px; background:#F6F6F6; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden; bottom:-10px}
.loadings .loading_4 .ld span { display:block; float:left; height:5px; background:#DF6420; width:0}




.index_ba { width:100%; position:absolute; left:0; bottom:65%; height:146px}
.index_ba ul { height:146px; width:592px; margin:0 auto; padding:6px 0 ; background:#df6420; position:absolute}
.index_ba ul.ul1 { right:100%; top:0; opacity:0; padding-left:3px}
.index_ba ul.ul2 { left:100%; top:0; opacity:0; padding-right:3px}
.index_ba ul li { height:146px; width:50%; position:relative; float:left}
.index_ba ul li img { display:block; margin:0 auto}
.index_ba ul li h3 { position:absolute; left:3px; width:290px; bottom:0; height:44px; text-align:center; font-size:16px; color:#fff; line-height:44px; background:url(../images/bg2.png); z-index:11}
.index_ba ul li h5 { position:absolute; z-index:22; left:3px; width:290px; bottom:0px; height:146px; background:#fff; display:none}
.index_ba ul li h5 b { display:block; padding-left:20px; padding-top:15px; font-size:16px; color:#ae4c16; padding-bottom:10px}
.index_ba ul li h5 i { font-size:12px; color:#888; line-height:20px; color:#888; display:block; float:left; width:110px; font-style:normal; padding-left:20px}
.index_ba ul li span { display:block; position:absolute; color:#DE6520; font-size:28px; font-weight:bold}
.index_ba ul li span.s1 { top:18px; left:60px}
.index_ba ul li span.s2 { top:18px; left:170px}
.index_ba ul li span.s3 { top:82px; left:60px}
.index_ba ul li span.s4 { top:82px; left:170px}

@media all and (max-width:1440px){
.index_ba i { bottom:0}
}



.product_wsp { width:1200px; margin:0 auto; padding:80px 0;}
.product_wsp .wsp_1 { height:286px; background:url(../images/wsp_pic1.jpg); position:relative}
.product_wsp .wsp_1 h1 { font-size:36px; line-height:110px; color:#DD6320}
.product_wsp .wsp_1 h3 { font-size:16px; line-height:30px; color:#888; width:50%}

.product_wsp .wsp_2 { height:675px; background:url(../images/wsp_pic2.jpg); position:relative}
.product_wsp .wsp_2 h1 { font-size:36px; line-height:60px; color:#fff; padding-left:85px; padding-top:260px; font-weight:normal}
.product_wsp .wsp_2 h3 { font-size:16px; line-height:30px; color:#fff; padding-left:85px}

.product_wsp .wsp_3 { height:1530px; background:url(../images/wsp_pic3.jpg) top; position:relative}
.product_wsp .wsp_3 h1 { font-size:36px; line-height:60px; padding-top:20px; text-align:center; padding-top:50px; font-weight:normal}
.product_wsp .wsp_3 h3 { font-size:16px; line-height:30px; text-align:center}
.product_wsp .wsp_3 ul { width:1155px; margin:0 auto;}
.product_wsp .wsp_3 ul li { float:left; width:385px; height:600px}
.product_wsp .wsp_3 ul li.li2 { width:192px}
.product_wsp .wsp_3 ul li img { display:block; margin:0 auto; padding-top:125px}
.product_wsp .wsp_3 ul li h3 { text-align:center; padding-top:20px}

.product_wsp .wsp_4 { height:675px; background:url(../images/wsp_pic4.jpg); position:relative}
.product_wsp .wsp_4 h1 { font-size:36px; line-height:60px; text-align:center; color:#fff; padding-top:110px; font-weight:normal}
.product_wsp .wsp_4 h3 { font-size:16px; line-height:30px; text-align:center; color:#fff}
.product_wsp .wsp_4 ul { width:978px; margin:0 auto}
.product_wsp .wsp_4 ul li { float:left; width:326px; padding-top:50px; text-align:center}
.product_wsp .wsp_4 ul li img { display:block; margin:0 auto; margin-bottom:20px} 
.product_wsp .wsp_4 ul li h4 { color:#fff}



.wsp_5 { height:675px; background:url(../images/wsp_bg1.jpg); position:relative}
.wsp_5 h1 { font-size:36px; line-height:60px; text-align:center; padding-top:60px; font-weight:normal}
.wsp_5 h3 { font-size:16px; line-height:30px; text-align:center; padding-bottom:60px}
.wsp_5 iframe { margin:0 auto; display:block; position:relative; z-index:333; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}
.wsp_5 .kk { position:absolute; z-index:222; background:url(../images/wsp_bg1s.png); width:858px; height:437px; top:183px; left:50%; margin-left:-429px}
.wsp_5 .kk2 { position:absolute; z-index:221; background:url(../images/wsp_bg2s.png); width:557px; height:426px; top:195px; left:50%; margin-left:-278px}


.wsp_6 { height:710px; background:url(../images/wsp_6a.jpg) top no-repeat; position:relative}
.wsp_6 h1 { font-size:36px; line-height:60px; text-align:center; padding-top:60px; font-weight:normal}
.wsp_6 h3 { font-size:16px; line-height:30px; text-align:center; height:53px}

.wsp_6 .bd { height:537px}
.wsp_6 .bd ul li img { display:block; width:100%; height:auto}
.wsp_6 .hd { position:absolute; left:0; width:100%; bottom:0; height:142px}
.wsp_6 .hd ul li { color:#606060; float:left; height:142px; background:url(../images/bg1.png); width:50%}
.wsp_6 .hd ul li.on { color:#fff; background:url(../images/bg2.png)}
.wsp_6 .hd ul li h4 { padding:20px 115px 0 0; text-align:right; font-size:18px; line-height:40px}
.wsp_6 .hd ul li h5 { padding-right:100px; text-align:right}


.product_ipad { width:1200px; margin:0 auto; padding:80px 0;}
.product_ipad .ipad_1 { height:242px; background:url(../images/ipad_pic1.jpg); position:relative}
.product_ipad .ipad_1 h1 { font-size:36px; line-height:110px; color:#DD6320}
.product_ipad .ipad_1 h3 { font-size:16px; line-height:30px; color:#888; width:50%}

.product_ipad .ipad_2 { height:675px; background:url(../images/ipad_pic2.jpg); position:relative; text-align:right}
.product_ipad .ipad_2 h1 { font-size:36px; line-height:60px; padding-right:65px; padding-top:200px; font-weight:normal}
.product_ipad .ipad_2 h3 { font-size:16px; line-height:30px; padding-right:65px}
.product_ipad .ipad_2 img { position:absolute; display:block; top:120px; left:66px}

.product_ipad .ipad_3 { height:672px; background:url(../images/ipad_pic3.jpg); position:relative}
.product_ipad .ipad_3 h1 { font-size:36px; line-height:60px; text-align:center; color:#fff; padding-top:100px; font-weight:normal}
.product_ipad .ipad_3 h3 { font-size:16px; line-height:30px; text-align:center; color:#fff}
.product_ipad .ipad_3 ul { width:978px; margin:0 auto}
.product_ipad .ipad_3 ul li { float:left; width:326px; padding-top:80px; text-align:center}
.product_ipad .ipad_3 ul li img { display:block; margin:0 auto; margin-bottom:20px} 
.product_ipad .ipad_3 ul li h4 { color:#fff}

.product_ipad .ipad_4 { height:673px; background:url(../images/ipad_pic4.jpg); position:relative}
.product_ipad .ipad_4 h1 { font-size:36px; line-height:60px; padding-top:210px; font-weight:normal; padding-left:790px;}
.product_ipad .ipad_4 h3 { font-size:16px; line-height:30px; padding-left:790px; padding-right:40px}

.product_ipad .ipad_5 { height:672px; background:url(../images/ipad_pic5.jpg); position:relative}
.product_ipad .ipad_5 h1 { font-size:36px; line-height:60px; padding-top:380px; font-weight:normal; padding-left:100px}
.product_ipad .ipad_5 h3 { font-size:16px; line-height:30px; padding-left:100px;}

.product_ipad .ipad_6 { height:720px; background:url(../images/ipad_pic6.jpg); position:relative}
.product_ipad .ipad_6 h1 { font-size:36px; line-height:60px; text-align:center; color:#fff; padding-top:70px; font-weight:normal}
.product_ipad .ipad_6 h3 { font-size:16px; line-height:30px; text-align:center; color:#fff}
.product_ipad .ipad_6 ul { width:1120px; margin:0 auto}
.product_ipad .ipad_6 ul li { float:left; width:560px}
.product_ipad .ipad_6 ul li img { display:block; margin:0 auto; padding-top:70px;}
.product_ipad .ipad_6 ul li h3 { text-align:center; color:#fff; padding-top:10px}

.product_ipad .ipad_7 { height:668px; background:url(../images/ipad_pic7.jpg); position:relative}
.product_ipad .ipad_7 h1 { font-size:36px; line-height:60px; text-align:center; padding-top:70px; font-weight:normal}
.product_ipad .ipad_7 h3 { font-size:16px; line-height:30px; text-align:center;}
.product_ipad .ipad_7 ul { width:1110px; margin:0 auto}
.product_ipad .ipad_7 ul li { float:left; width:370px}
.product_ipad .ipad_7 ul li img { display:block; margin:0 auto; padding-top:40px;}
.product_ipad .ipad_7 ul li h3 { text-align:center; padding-top:10px}