@charset "utf-8";body{font-family:"微软雅黑",Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;line-height:22px;font-weight:400;font-variant:normal;color:#666;background:url(../images/bj_line.jpg) repeat-x left top 30px}
body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,table,td,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
a{outline-style:none;color:#666;text-decoration:none;border:0}
a:hover{text-decoration:none;color:#e92527}
input,select,textarea{font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#666}
img{border:0}
li{list-style-type:none;vertical-align:0}
.hidden{display:none}
.fleft{float:left}
.fright{float:right}
.fleft_impt{float:left!important}
.pr{position:relative}
.pa{position:absolute}
.clear{clear:both;height:0;line-height:0;overflow:hidden;font-size:0}
textarea{resize:none}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f22{font-size:22px}
.f24{font-size:24px}
.fbold{font-weight:700}
.logo{width:150px;height:81px;float:left}
.logo img{width:100%}
.header_top_bg{width:100%;height:30px;background:#000}
.header{padding-top:16px;height:120px;position:relative;z-index:50;width:1200px;margin:0 auto}
.header_top{width:1200px;margin:0 auto;height:30px;line-height:30px;text-align:right;margin-bottom:20px}
.header_top span{padding:0 10px;font-size:14px;font-weight:700}
.header_top span a{color:#ccc}
.header_top span a:hover{color:#c4261d}
.header_top img{vertical-align:middle}
.header_bottom{width:1050px;float:left;margin-top:30px}
.nav{margin-left:100px;display:inline;height:40px}
.nav li{float:left;font-size:16px;cursor:pointer;margin-left:40px;height:40px;display:inline}
.nav li a,.nav li a:hover{color:#666}
.header .sreach{width:220px;float:right}
.sreach input{width:178px;padding-left:5px;height:23px;line-height:23px;border:1px solid #e0e0e0;color:#b4b4b4;margin-left:10px;display:inline;overflow:hidden}
.sreach a{width:24px;height:23px;display:inline-block;text-align:center;line-height:25px;color:#fff!important;font-weight:700;overflow:hidden;background:url(../images/sear_a.gif) no-repeat;border:1px solid #e0e0e0;border-left:0}
.nav_1{height:37px;line-height:37px}
.nav_1 a,.nav_1 span{float:left;margin-right:5px;color:#c4261d}
.nav_1 a:hover{text-decoration:underline}
.nav_1 span{font-family:"微软雅黑"}
.nav2{height:40px;width:1200px;position:absolute;left:0;top:86px}
.nav2 li{font-size:12px;line-height:40px;height:40px;margin-right:0;float:left;width:120px}
.nav2 li.r_nav_none{background:0 0}
.nav2 li a{color:#fff;display:block;text-align:center}
.nav2 li a:hover{color:#fff}
.nav2 li.r_i_xuan_z a,.nav2 li.r_i_xuan_z a:hover{color:#e62217}
.nav2 li.r_i_xuan_z{background:#fff}
.r_ind_nav span{color:#e62217;height:40px;display:block;background:url(../images/r_ind_bi.gif) no-repeat center bottom;float:left;white-space:normal}
.r_ind_nav span a,.r_ind_nav span a:hover{color:#e62217}
.nav2{display:none}
.r_ind_nav .nav2{display:block}
.nav2_1{width:1200px;padding-bottom:30px;background:#fff;padding-top:30px;display:none;position:absolute;left:-5px}
.nav2_1 dd{border-right:1px solid #ececec;width:159px;height:140px;float:left;text-align:center;margin-bottom:10px}
.nav2_1 dd img{width:100px;height:100px}
.nav2_1 dd.r_windex{border:none}
.nav2_1 dd p{margin:0;padding:0;line-height:20px}
.nav2 li .nav2_1 dd a{color:#333;font-size:12px}
.nav2 li.r_i_xuan_z .nav2_1 dd a:hover{color:#e62217}
.r_pohne{background:url(../images/r_i_img.gif) no-repeat center left;height:32px;line-height:32px;padding-left:40px;font-size:15px;float:right;margin:5px 20px 0 0;display:inline}
.nav2_hover{height:40px;overflow:hidden}
.nav2_hover ul{width:1200px;margin:0 auto}
.nav2_hover ul li{width:auto;padding:0 22px}
.nav2_hover li a{text-align:center}
.nav2_hover li.r_i_xuan_z{background:#000}
.nav2_hover li.r_i_xuan_z a,.nav2_hover li.r_i_xuan_z a:hover{color:#fff}
.mnone{display:none;}
#header{position:relative;z-index:1001;left:50%;display:none}
.menu{position:absolute;left:0;top:55px;bottom:0;width:1060px;height:90px;background:rgba(255,255,255,.9);border-radius:0 20px 0 0;box-shadow:0 2px 5px rgba(0,0,0,.1)}
.menu .logo{width:265px;text-align:center;position:absolute;left:0;top:25px}
.menu .btn-menu{display:none;overflow:hidden}
.menu .mod{width:780px;text-align:center;position:absolute;right:40px}
.menu .mod a{font-size:15px;color:#454545;height:90px;line-height:90px;padding:0 25px}
.menu .mod a:hover{color:#d82128}
.industry{position:absolute;right:0;top:55px;bottom:0;width:135px;height:90px;text-align:center;background:rgba(216,33,40,1);border-radius:20px 0 0 0;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s}
.industry a{color:#fff;font-size:16px}
.industry a img{display:block;margin:20px auto 5px auto}
.industry:hover{background:rgba(102,102,102,1)}
.banner{width:1200px;height:600px;position:relative;margin:0 auto}
.banner img{width:1200px;height:600px;display:block}
#banner{display:none}
#focus{width:100%;height:600px;overflow:hidden;position:relative;margin-top:20px}
#focus ul{height:600px;position:absolute}
#focus ul li{float:left;width:1200px;height:600px;overflow:hidden;position:relative;background:#000}
#focus ul li div{position:absolute;overflow:hidden}
#focus .btnBg{position:absolute;width:1200px;height:20px;left:0;bottom:0}
#focus .btn{position:absolute;width:1160px;height:20px;padding:5px 10px;right:0;bottom:0;text-align:right}
#focus .btn span{display:inline-block;width:15px;height:5px;margin-left:5px;cursor:pointer;background:#333}
#focus .btn span.on{background:#de2222}
#focus .preNext{display:none;width:45px;height:100px;position:absolute;top:50px;cursor:pointer}
#focus .pre{left:0}
#focus .next{right:0;background-position:right top}


.container{width:1200px;margin:0 auto}
.headline_black{width:40%;float:left;padding:60px 0;font-size:36px;color:#000}
.headline_smalltext{margin-top:30px;font-size:14px;line-height:25px;color:#999}
.headline_text{width:60%;float:left;padding:50px 0;line-height:30px;font-size:16px;color:#666}
.headline_text img{height:20px}
.headline_btn{width:264px;height:40px;background:url(../images/button.png) no-repeat;margin-top:20px;color:#fff;line-height:40px;font-size:16px;display:table;text-indent:20px}
.headline_btn:hover{background:url(../images/button3.png) no-repeat;color:#fff}
.indexproclass{width:100%;display:table}
.indexproclass ul{margin:0;padding:0}
.indexproclass ul li{width:50%;float:left;margin-bottom:40px}
.indexproclass ul li strong{width:100%;height:30px;line-height:30px;float:left}
.indexproclass ul li strong a{color:#000}
.indexproclass ul li span a{padding:0 20px 0 0;color:#999;height:30px;line-height:30px;float:left;font-size:12px}
.indexproclass ul li span a:hover{color:#e92527}
.indexpro_title{text-align:center;font-size:16px;color:#666;height:60px;line-height:60px;display:table;width:100%}
.indexprolist{width:100%;display:table}
.indexprolist ul{margin:0;padding:0}
.indexprolist ul li{width:378px;border:1px solid #e8e8e8;margin-bottom:30px;margin-right:30px;float:left}
.indexprolist ul li:hover{box-shadow:5px 5px 5px 0 #ccc}
.indexprolist ul li:nth-child(3n+3){margin-right:0}
.indexprolist ul li img{width:150px;height:150px;float:left}
.indexprolist ul li span{float:left;margin-left:20px}
.indexprolist ul li strong{font-size:14px;margin-top:30px;display:table}
.indexprolist ul li strong a{color:#e92527}
.indexpro_title{text-align:center;font-size:16px;color:#666;height:60px;line-height:60px;display:table;width:100%}
.indexfanganlist{width:100%;display:table}
.indexfanganlist ul{margin:0;padding:0}
.indexfanganlist ul li{width:338px;border:1px solid #ddd;padding:20px;margin-right:30px;margin-bottom:30px;float:left}
.indexfanganlist ul li:nth-child(3n+3){margin-right:0}
.indexfanganlist ul li img{width:338px;height:200px;float:left}
.indexfanganlist ul li .fangantext{width:100%;height:180px;float:left;color:#000;background:#ddd}
.indexfanganlist ul li .fangantext:hover{background:#ccc}
.indexfanganlist ul li .fangantext strong{padding:20px 20px 0;float:left;display:table;font-size:16px}
.indexfanganlist ul li .fangantext p{padding:10px 20px;float:left;display:table;font-size:12px;line-height:24px}
.indexfanganlist ul li .fangantext span{padding:0 20px;float:left;display:table;width:264px;height:48px;background:url(../images/button.png) no-repeat;margin-top:10px;color:#fff;line-height:40px;font-size:14px;text-indent:20px}
.ind2_left_li h3{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0;line-height:28px;color:#333;background:#fff}
.ind2_left_li:hover h3{color:#e92527}
.ind2_left_li h6{color:#ccc;font-size:12px;margin:0;line-height:18px}
.ind2_left_li h5{font-size:12px;line-height:26px;color:#999;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:300;background:#fff}
.ind2_left_li{margin-bottom:30px;width:92%;border:1px solid #e8e8e8;padding:20px 4%}
.indexbox{width:100%;display:table;margin-top:20px;float:left;margin-bottom:20px}
.indexbox ul{margin:0;padding:0}
.indexbox ul li{width:380px;margin-right:30px;margin-bottom:30px;float:left;background:#f0f0f0}
.indexbox ul li:nth-child(3n+3){margin-right:0}
.indexbox ul li img{width:380px;height:220px;float:left}
.indexbox ul li .indexboxtext{width:100%;height:315px;float:left;color:#000}
.indexbox ul li .indexboxtext strong{padding:20px;display:table;font-size:30px}
.indexbox ul li .indexboxtext p{padding:10px 20px;float:left;display:table;font-size:18px;line-height:24px;height:48px}
.indexboxlist{padding:10px 20px;float:left;display:table}
.indexboxlist ul{margin:0;padding:0}
.indexboxlist ul li{width:94%;line-height:30px;float:left;margin:0;background:url(../images/ico.png) left top 5px no-repeat;padding-left:30px;color:#e92527;font-size:14px}
.indexboxlist ul li a{color:#e92527;font-size:16px}

.faq{width:100%;float:left; }
.faq h2{width: 100%;float: left;padding: 40px 0;font-size: 36px; color: #000;}
.faqlist{width:100%;margin-top:30px; margin-bottom: 30px; display: table;}
.faqlist ul{margin:0;padding:0}
.faqlist ul li{width:30%;float:left;height:30px;line-height:30px;font-size:12px;overflow: hidden;}
.faqmore{color:#c4261d;font-size:14px;display:table;float:left}

.link{display: table; }
.link strong{font-size:14px; float:left;padding: 5px 0;}
.link a{padding: 5px 30px 5px 0; float:left; font-size:12px;}
.link span{float:left;}

.mobiletel{display:none;}
.footer{width:100%;height:300px;background:#4a4f55;display:table}
.foot{position:relative}
.foot ul{margin:0;padding:0}
.foot ul li{width:16%;padding-left:3%;float:left;display:table;border-right:1px solid rgba(255,255,255,.3);height:300px}
.foot ul li:first-child{padding-left:0;width:15%}
.foot ul li strong{width:100%;float:left;font-size:16px;margin:20px 0;color:rgba(255,255,255,.8)}
.foot ul li span a{height:30px;width:100%;float:left;line-height:30px;color:rgba(255,255,255,.6)}
.foot ul li span a:hover{color:#e92527}
#foot{display:none}
.contact{position:absolute;right:150px;top:-10px;width:240px}
.contact a{width:120px;float:left;height:40px;line-height:40px;text-align:center;background:#3f4348;color:#fff}
.contact a:hover{font-size:16px;font-weight:700}
.copyright{height:50px;line-height:50px;background:#3f4348;color:#fff}
.copyright a{color:#eee}
.suspension{position:fixed;z-index:55;right:0;bottom:200px;width:50px;height:140px}
.suspension-box{position:relative;float:right}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:0}
.suspension .a.active,.suspension .a:hover{background:#f05352}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0}
.suspension .a-qrcode .i{background-position:-44px 0}
.suspension .a-cart .i{background-position:-88px 0}
.suspension .a-top .i{background-position:-132px 0}
.suspension .a-top{background:#d2d3d6;display:none}
.suspension .a-top:hover{background:#c0c1c3}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:50px;min-height:90px;border:1px solid #e0e1e5;border-radius:3px;box-shadow:0 2px 5px 0 rgba(161,163,175,.11)}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px}
.suspension .d-service{top:0}
.suspension .d-service-phone{top:34px}
.suspension .d-qrcode{top:78px}
.suspension .d-cart{top:120px}
.suspension .d .inner-box{padding:8px 22px 12px}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0}
.suspension .d-service .d-service-item{border-bottom:none}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#f1f1f3;display:block;float:left}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden}
.suspension .d-service-item:hover .i-qq{background-position:center 3px}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block}
.suspension .d-service-item .i-wang{width:44px;height:44px;background:url(../images/side_con_icon04.png) no-repeat center center;display:block}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}
.suspension .d-service-intro{padding-top:10px}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block}
.suspension .d-qrcode{text-align:center}
.suspension .d-qrcode .inner-box{padding:20px 0}
.suspension .d-qrcode p{font-size:16px;color:#93959c}
.hynews{width:100%; float:left;}
.hynews h2{width: 100%;float: left;padding: 40px 0;font-size: 36px; color: #000;}
.ind_more{float:right;}
.scrollbox{width:100%;margin:0 auto;overflow:hidden}
#scrollDiv{width:100%;height:225px;overflow:hidden}
#scrollDiv li{height:90px;width:30%;padding:0 1%;overflow:hidden;vertical-align:bottom;zoom:1;border:1px solid #e8e8e8; margin-bottom:20px; margin-right: 1.5%; float:left; background: #f7f7f7;}
#scrollDiv li:nth-child(3n+3){margin-right: 0px;}
#scrollDiv li h3{background:#f7f7f7;height:30px;padding-top:15px;font-size:16px;color:#353535;line-height:30px;width:90%}
#scrollDiv li h3 a{color:#353535;font-weight:700;text-decoration:none}
#scrollDiv li h3 a:hover{color:red}
#scrollDiv li div{height:36px;font-size:14px;width:90%;color:#999;line-height:36px;overflow:hidden}
#scrollDiv li div a{color:#999;text-decoration:none}
.scroltit{height:26px;line-height:26px;padding-bottom:4px;margin-bottom:4px}
.scroltit h3{width:100px;float:left}
.scroltit .updown{float:right;width:32px;height:22px;margin-left:4px}
#but_up{background:url(../images/up.gif) no-repeat 0 0;text-indent:-9999px}
#but_down{background:url(../images/down.gif) no-repeat 0 0;text-indent:-9999px}
#n{margin:10px auto;width:920px;border:1px solid #ccc;font-size:12px;line-height:30px}
#n a{padding:0 4px;color:#333}
@media (max-width:780px){body{background:0 0}
.header{display:none}
.header_top{width:100%}
.header_top span:nth-child(2){display:none}
#header{left:0;top:0;width:100%;margin-left:0;display:block;height:60px}
.menu{height:60px;line-height:60px;display:block;width:100%;top:0;border-radius:0}
.menu .logo{width:auto;text-align:left;left:15px;top:0}
.menu .logo img{height:35px;width:auto;margin-top:12px}
.menu .btn-menu{display:block;position:absolute;z-index:10;right:75px;top:0;cursor:pointer;color:#666}
.menu .btn-menu img{height:14px;margin-right:5px;opacity:.5}
.menu .mod{display:none;top:60px;left:0;width:100%;background:#666;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.menu .mod a{width:30%;display:inline-block;padding:10px 0;margin:0 5%;text-align:center;color:#fff;font-size:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.menu .mod a:first-child{display:none}
.industry{top:0;width:60px;height:60px;line-height:60px;display:block}
.industry a{color:#fff;font-size:14px}
.industry a span{display:none}
.industry img{display:none!important}
.banner{display:none}
#banner{width:100%;height:auto;position:relative;z-index:1;overflow:hidden;margin:0 auto;display:block}
#banner img{width:100%}
#banner-inside{position:relative;width:100%;height:150px;overflow:hidden;margin:0 auto}
#banner-inside img{position:absolute;left:50%;top:0;margin-left:-1000px}
.container{width:90%;margin:0 5%;display: table;}
.headline_black{width:100%;float:left;padding:30px 0 0;font-size:24px; line-height:24px;color:#000}
.headline_smalltext{margin-top:30px;font-size:14px;line-height:25px;color:#999}
.headline_text{width:100%;float:left;padding:30px 0;line-height:30px;font-size:16px;color:#666}
.headline_text img{height:20px}
#scrollDiv2{overflow:hidden;height:860px;}
.indexfanganlist{display:block}
.indexfanganlist ul li{width:93%;padding:3%;margin-bottom:30px;float:left;margin-right:0}
.indexfanganlist ul li img{width:100%;float:left}
.indexfanganlist ul li .fangantext{height:auto;padding-bottom:20px}
#scrollDiv3{overflow:hidden;}
.indexprolist{height:520px;display:block}
.indexprolist ul li{width:98%;border:1px solid #e8e8e8;margin-right:0;float:left}
.indexbox{display:block}
.indexbox ul li{width:100%}
.indexbox ul li .indexboxtext{height:auto;padding-bottom:20px;}
.indexbox ul li img{width:100%}
.indexboxlist ul li{width:94%;}
.footer{display:none}
#foot{width:100%;border-top:0;background:#4a4f55;display:block}
#foot .footnav{width:90%;margin:0 auto;height:auto;padding-top:20px}
#foot .footnav li{display:block;width:100%;float:none;text-align:left;margin-right:0}
#foot .footnav li h3{color:#fff;padding:10px 8px;font-size:15px;font-weight:700;border-bottom:1px solid #ddd;cursor:pointer;background:0 0}
#foot .footnav li h3 img{display:inline-block;float:right}
#foot .footnav li .son{display:none}
#foot .footnav li a{display:block;font-size:14px;padding:8px;color:#fff;width:100%}
#foot .footnav li a:hover{color:#c4261d}
#foot .footnav li.last{margin-right:0}
.copyright{height:auto;line-height:30px}
.about2{width:90%;padding:20px 5%}
.about2 h2{font-size:18px}
.about2 img{width:100%}
.about_text_left{width:90%;padding:5%;height:initial}
.about_text_right{width:90%;padding:5%;margin-left:0}
.headline_black2{width:100%;float:none; font-size:24px; line-height:24px; padding:0px; display: table; }
.headline_smalltext2{float:none; font-size:14px; display:table; width:100%;}
.headline_text2{width:100%; float:none;}
.gallery a{width:46%;height: initial;}
.gallery a:nth-child(2n+2){margin:14px 0;}
.block{width:90%; margin:0 auto;}
.AreaL{display:none;}
.AreaR{width:100%; float:none;}
#goodsInfo .imgInfo{width:100%;}
#zoom1 img{width:100%;}
#goodsInfo .textInfo{width:100%;margin-top: 20px;}
.history h2{width:90px;}
.history .h2bg{width:90px;}
.MagicZoomBigImageCont{display:none;}
.headline_black3{font-size:18px;}
.AreaR2{width:100%;}
.rencai{width:100%;}
.rencai ul li{width:100%; height:auto;}
.rencai ul li strong{width:90%; padding:50px 0 0px 10%;}
.rencai ul li span{width:90%; padding:0px 0 50px 10%; float: left; }
.rencai ul li:nth-child(5){width:90%; padding:30px 5%;}
.mnone{display:block;}
.art_cat_box ul li strong { float: left; font-size: 14px; width: 70%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hynews{width:100%;}

.faq{width:100%;}
.hynews h2, .faq h2{font-size:24px; padding: 30px 0;}
#scrollDiv{height: 400px;}
#scrollDiv li{width:98%; margin-right: 0px; }
.faqlist ul li{width:100%;}
.mobiletel{width:100%;height:40px; line-height:40px; background:#c4261d; display:none;}
.mobiletel img{width:20px; vertical-align: middle;}
.mobiletel a{width:100%; color:#fff; text-align:center; display:table; font-size:14px; font-weight:bold;}
}