@charset "utf-8";
/* CSS Document */

a{ text-decoration:none;}
html{ font-family:"微软雅黑","Arial Black";}
img{ margin:0; padding:0;}
body{ margin:0; padding:0;}
dt,dd,dd,ul,p,li,h1,h2{ margin:0; padding:0; list-style-type: none; font-weight:normal;}


#box_header{float:none; width:100%; height:84px;  background:#fff; position:fixed; left:0px; top:0px; z-index:9999999;}



.about_box{ width:1200px; height:500px; margin:0 auto; overflow:hidden; position:relative;}
.ab_img{ overflow:hidden;}
.ab_img .img_ll{ float:left; display:blockl; width:300px; height:250px; overflow:hidden; background:#000;}
.ab_img .img_ll img{ margin-top:-8px;}
.ab_img .img_ll img:hover{ transition:all 1s; opacity: 0.6;}
.ab_img .img_ll img{ transition:all 1s;}
.ab_img .img_rr{ float:left; display:block; width:900px; height:500px; overflow:hidden;}
.ab_img .img_rr{ width:900px; height:500px; overflow:hidden; background:#000;}
.ab_img .img_rr img{ margin-top:-8px;}
.ab_img .img_rr img:hover{ transition:all 1s; opacity: 0.7;}
.ab_img .img_rr img{ transition:all 1s;}

.ab_font{ width:564px; height:250px; background:#0d5bc1; padding-left:40px; position:absolute; left:0px; bottom:0px;}
.ab_font img{ float:right; margin-right:-46px; margin-top:-20px;}
.ab_font h1{ color:#fff; font-weight:bold; font-size:24px; margin-top:35px; text-align:left;}
.ab_font p{ width:520px; height:auto; display:block; font-size:13px; line-height:22px; color:#fff; text-align:left; overflow:hidden; border-bottom:#fff 1px solid; margin-top:16px; padding-bottom:18px;}
.ab_font ul{ overflow:hidden; padding-top:16px;}
.ab_font ul li{ float:left; margin-right:40px;}
.ab_font ul li a{ text-decoration:none; font-size:13px; color:#fff; padding-left:15px; background:url(../images/icon00.png) no-repeat 0px;}
.ab_font ul li a:hover{ text-decoration:underline;}


.product_box{ width:1200px; margin:0 auto; overflow:hidden;}
.pro_left,.pro_right{ float:left;}
.pro_left{ width:600px; }
.pro_left span{ display:block; width:600px; height:250px; overflow:hidden; background:#000;}
.pro_left span img{ margin-top:-8px;}
.pro_left span img:hover{ transition:all 0.6s; opacity: 0.7;}
.pro_left span img{ transition:all 0.6s;}
.pro_left .ppll_img{ margin-top: -75px;}
.pro_left h1{ color:#333333; font-weight:bold; font-size:24px; margin-top:35px; margin-left:54px; text-align:left;}
.pro_left p{ width:500px; height:auto; display:block; font-size:13px; line-height:22px; color:#444; text-align:left; overflow:hidden; margin-top:16px; padding-bottom:18px; margin-left:54px;}

.pro_right{ width:294px; height:250px; overflow:hidden; position:relative;}
.pro_right span{ display:block; width:600px; height:500px; overflow:hidden; background:#000;}
.pro_right span img{ margin-top:-8px;transition:all 0.6s;}
.pro_right span img:hover{ transition:all 0.6s; opacity: 0.7;}
.pro_right ul{ display:block; width:294px; height:250px; background-color: #326da3; position:absolute; left:0px; top:0px;}
.pro_right ul li{ float:left; margin-left:45px; text-align:center; width:75px; margin-top: 20px;}
.pro_right ul li .pr_icon01{ display:block; width:75px; height:75px; background:url(../images/icon01.png) no-repeat; margin:0 auto;}
.pro_right ul li .pr_icon02{ display:block;  width:75px; height:75px;  background:url(../images/icon02.png) no-repeat; margin:0 auto;}
.pro_right ul li .pr_icon03{ display:block;  width:75px; height:75px;  background:url(../images/icon03.png) no-repeat; margin:0 auto;}
.pro_right ul li .pr_icon04{ display:block;  width:75px; height:75px;  background:url(../images/icon04.png) no-repeat; margin:0 auto;}
.pro_right ul li p{ color:#fff; font-size:13px; text-align:center; text-decoration:none;}
.pro_right ul li a{ text-decoration:none;}
.pro_right ul li:hover span{ transform: rotateY(360deg); transition: 1s;}


.fangan_box{ width:600px; height:auto;}
.fangan_box img{ float:right; padding-bottom:7px; padding-right:3px;}
.fangan_box .fa_font{ float:right; width:550px; height:335px; background:url(../images/bc01.png) no-repeat; padding-left:50px;}
.fa_font h1{ color:#fff; font-weight:bold; font-size:24px; padding-top:44px; text-align:left;}
.fa_font p{ width:490px; height:auto; display:block; font-size:13px; line-height:27px; color:#fff; text-align:left; overflow:hidden; margin-top:20px; padding-bottom:10px; }
.fa_font ul li{ width: 300px; margin-right:30px; line-height:34px;overflow: hidden;}
.fa_font ul li a{ display:block; text-decoration:none; font-size:13px; color:#fff; padding-left:15px; background:url(../images/icon00.png) no-repeat 0px;    float: left;
    width: 115px;}
.fa_font ul li a:hover{ text-decoration:underline;}

.yejiao_box{ width:100%; height:auto; background:#272424; overflow:hidden;}
.yyjj_bb{ width:1200px; margin:0 auto; overflow:hidden;}
.yyjj_bb ul{ float:left; padding-bottom:50px;}
.yyjj_bb .daohang li{ float:left; margin-right:70px;}
.yyjj_bb .daohang li p{ font-size:15px; color:#9a9a9a; text-align:left; padding-bottom:18px; padding-top:40px;}
.yyjj_bb .daohang li a{ display:block; text-decoration:none; font-size:12px; color:#9a9a9a; text-align:left; line-height:24px;}
.yyjj_bb .daohang li a:hover{ color:#cc5559;}

.yj_contact{ width:330px; overflow:hidden; padding-top:40px;margin-left: 60px;}
.yj_contact .cc_ff{ color:#9a9a9a; text-align:left; font-size:12px; line-height:21px; margin-top:10px;}
.yj_contact .cc_ff a{ text-decoration:none; color:#9a9a9a; }
.yj_contact .cc_ff a:hover{ color:#cc5559; }

.ewm_bb{ padding-top:20px;}

.yj_line{ display:block; width:100%; height:1px; background:#555353; clear:both;}
.banquan{ width:1200px; margin:0 auto;	 overflow:hidden;}
.banquan .bq01{  font-size:12px; color:#9a9a9a; text-align:left; line-height:40px;}
.banquan .bq01 a{text-decoration:none; font-size:12px; color:#9a9a9a;}
.banquan .bq01 a:hover{ color:#cc5559;}

.banquan .bq02{ float:right; font-size:12px; color:#9a9a9a; text-align:left;  line-height:40px; display:none;}
.banquan .bq02 a{text-decoration:none; font-size:12px; color:#9a9a9a;}
.banquan .bq02 a:hover{ color:#cc5559;}




.zzyy{ text-align:left; font-size:15px; color:#888; font-family:"微软雅黑";}
.zzyy a{ text-decoration:none; color:#888; font-family:"微软雅黑"; font-weight:normal;}
.zzyy a:hover{ color:#d52726;}


.shiping{ width:340px;  overflow:hidden;}
.shiping p{ font-size:20px; color:#333; font-weight:bold; text-align:left; padding-bottom:18px;}
.shiping span{ display: block; width:340px; height:200px; overflow:hidden;}
.shiping span img{ margin-left:-92px;}

.fuwu_box span{ display:block; font-size:20px; color:#333; font-weight:bold; text-align:left; padding-bottom:18px;}
.fuwu_box ul{ width:340px; height:200px; overflow:hidden; background:url(../images/img07.jpg) no-repeat;}
.fuwu_box ul:hover li{ margin-top:0px;transition:all 0.6s;}
.fuwu_box ul:hover li p{ padding-top:30px;transition:all 0.6s;}
.fuwu_box ul li{ width:340px; height:200px; background:rgba(0,0,0,0.6); padding-left:24px; margin-top:160px;transition:all 0.6s;}
.fuwu_box ul li p{ width:276px; color:#fff; font-size:13px; line-height:27px; text-align:left;text-align:justify;text-justify:inter-ideograph; padding-bottom:20px; padding-top:6px;transition:all 0.6s;}
.fuwu_box ul li a{ display:block; width:92px; height:26px; background:#d52726; border-radius:3px; font-size:12px; color:#fff; text-decoration:none; text-align:center; line-height:26px;}

.nn_tt{ font-size:20px; color:#333; font-weight:bold; text-align:left; padding-bottom:18px;}


.ny_tt{ font-size:41px; color:#fff;line-height:60px; font-weight:bold; padding-top:5px;}
.ny_tt p{ font-size:22px; color:#fff; font-weight:normal;}






.floating_ck{position: absolute;
right: 20px;
top: 300px !important;}
.floating_ck dl dd{position:relative;width:70px;height:70px;background-color:rgba(0,0,0,0.2); margin-bottom:1px;text-align:center;background-repeat:no-repeat;background-position:center 50%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #d92d35;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px; font-size:12px;}
.floating_left{position:absolute;left:-170px;top:0px;width:170px;height:70px;background-color:#d92d35;border-bottom:solid 1px #d92d35;display:none;}
.floating_left a{color:#fff;line-height:22px; text-decoration:none; font-size:14px; display:block; padding-top:22px;}
.email a{padding-top:12px;}

.liuyan a{  text-align:center; color:#fff;line-height:22px; text-decoration:none; font-size:14px; padding-top:14px;}
.floating_left a:hover{ text-decoration:underline;}
.floating_ewm{height:70px;top:0px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:16px; margin-top:15px;}








/*以下是导航样式*/
@charset "utf-8";
.FrontColumns_navigation01-d9_c1{
   text-align: left;
    margin: 0px auto;
    width: 100%;
}
.bound.FrontColumns_navigation01-d9_c1{
   margin: 0px auto;
    width: 980px;
    overflow: hidden;
}
.FrontColumns_navigation01-d9_c1 #menu{
   position: relative;
    min-width: 600px;
    margin: 0px auto;
    width: auto !important;
    height: 78px;
}
.FrontColumns_navigation01-d9_c1 #menu LI{
   float: left;
}
.FrontColumns_navigation01-d9_c1 #menu A{
   text-align: center;
   line-height: 78px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 10px;
   display: block;
   background-repeat: no-repeat;
   background-position: 0px 0px;
   float: left;
   height: 78px;
   color: #444;
   font-size: 16px;
   font-weight: normal;
   text-decoration: none;
}

.FrontColumns_navigation01-d9_c1 #menu A:hover{
 color:#d30c1b;
}

.FrontColumns_navigation01-d9_c1 #menu LI.columns0 A{

    background-position: 0px 0px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns0 A.hover{
   background-position: 0px -33px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns0 A.active{
   background-position: 0px -67px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns1 A{
    background-position: -117px 0px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns1 A.hover{
   background-position: -117px -33px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns1 A.active{
   background-position: -117px -67px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns2 A{

    background-position: -235px 0px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns2 A.hover{
   background-position: -235px -33px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns2 A.active{
   background-position: 235px -67px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns3 A{

    background-position: -352px 0px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns3 A.hover{
   background-position: -352px -33px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns3 A.active{
   background-position: -352px -67px;
}
.FrontColumns_navigation01-d4_c1 #menu LI.columns4 A{

    background-position: -471px 0px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns4 A.hover{
   background-position: -471px -33px;
}
.FrontColumns_navigation01-d9_c1 #menu LI.columns4 A.active{
   background-position: -471px -67px;
}
.FrontColumns_navigation01-d9_c1 #menu-popup{
   z-index: 99;
    position: absolute;
    width: 100%;
    background: rgba(255,255,255,0.90);
    top: 84px !important;
    left: 0px !important;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .popup{
}
.FrontColumns_navigation01-d9_c1 #menu-popup DIV.title{
   margin-bottom: 8px;
}
.FrontColumns_navigation01-d9_c1 #menu-popup DIV.title A{
   margin-bottom: 5px;
    color: #b60005;
    font-size: 14px;
    font-weight: bold;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation{
   height: 156px;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation:hover{
   transition: 0.5s;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content{
   margin: 0px auto;
    padding-left: 120px;
    width: 900px;
    height: 156px;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV{
   padding-bottom: 0px;
    margin: 0px auto;
    padding-left: 0px;
    width: 1200px;
    padding-right: 0px;
    padding-top: 0px;
    
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV UL{
   text-align: center;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    padding-top: 0px;
    transition: 0.3s;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV UL:hover{
   float: left;
}

.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV UL:hover a{
   color: #d30c1b;
}


.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV LI{
   line-height: 24px;
    white-space: nowrap;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV LI A{
   color: #848484;
   text-decoration:none;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV LI A:hover{
   color: #d30c1b;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV UL{
   margin: 20px 21px; transition: 0.3s;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV UL LI.img{
   margin-bottom: 7px;
    margin-left: 0px;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV UL LI.img:hover{
border-radius:50%;
box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.1);
}



.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV P{
   text-align: right;
    clear: both;
}
.FrontColumns_navigation01-d9_c1 #menu-popup .navigation .menu_content DIV SPAN.line{
   display: none;
}