@charset "utf-8";
html { font-size:100px;} 
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin:0;}
body,p,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,form{
padding:0;margin:0;list-style:none;}
body,html{background-color:#fff;font-family:"SourceHanR","Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
body{background:#fff;font-size:14px; height: 100%; color: #333;min-width: 1300px; margin:0 auto;}
a{transition: 0.3s;-moz-transition: 0.3s;  /* Firefox 4 */
  -webkit-transition: 0.3s; /* Safari Chrome */
  -o-transition: 0.3s;  /* Opera */
  text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
img{border:0;vertical-align: middle;}
.container-fluid{padding:0px;}
.container{padding:0px;}
.clearfix>*{float:left}
.clear{position:relative; clear: both;}
.clear::after{clear:both;display:block;content:''}
a,a:hover{color:inherit;text-decoration:inherit;}
input,textarea{outline:none;}
.enb{ text-transform: uppercase; font-family: Arial; font-weight:normal; }
.dib,.db{ display: block; }
.w1200{max-width: 1200px; margin: 0 auto}
.w1300{max-width: 1300px; margin: 0 auto}
.w1400{max-width: 1400px; margin: 0 auto;width: 1400px;}
.left { float: left; }
.right{ float: right; }
.bgb{ background:#fff }
.pr{ position: relative; }

/*头部*/
.header{height:100px;display:block;position:absolute;width:100%;text-align:center;background:#fff;z-index:15;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);line-height:95px;-webkit-transition:all 1s cubic-bezier(.77,0,.175,1);-o-transition:all 1s cubic-bezier(.77,0,.175,1);-moz-transition:all 1s cubic-bezier(.77,0,.175,1);transition:all 1s cubic-bezier(.77,0,.175,1)}
.header a{display:inline-block;vertical-align:middle}

/*导航*/
.fixed{z-index:9999;position: fixed;top: 0;margin: 0;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.nav{ height: 140px;  background-color: #fff; position: relative; width: 100%; box-shadow: 0 0 10px #333}
.nav-box{margin:0 auto; }
.nav_L{ width:65%; float: right;  }
.nav_L .toptel{ text-align: right; font-size: 16px; color: #444; margin: 15px 0 0 0;  width: 550px; float: right; height: 42px; line-height: 42px; border-radius: 3px; border:1px #ccc dashed;position: relative; padding-right: 10px}
.nav_L .toptel img{ width: 40px; line-height: 40px; background: #c40d00; border-radius: 20px; display: block; padding: 7.5px; position: absolute; left: -20px }
.nav_L .toptel b { font-size: 20px; font-family:Arial; color: #c40d00 }
.nav-box li{  display: inline-block; width: 16%;  text-align:right; padding-top: 20px;font-size: 18px; font-weight: bold;}
.nav-box li a{color: #111; }

.nav-box li a:hover,.nav-box li a.on{ color: #a80b00  }
.logo{ float: left; width: 360px; line-height: 140px; text-align:left; }
.logo a{display:inline-block;vertical-align:middle}


/*footer*/
.bottom{ padding: 100px 0; background:url(../Images/bot_bg.jpg) no-repeat top  center;  }
.titles{position:relative; float: right; width: 58%; color: #fff }
.bottom .titles h2{color:#fff;font-size:30px;font-weight:700}
.bottom .titles .lxsm{color:rgba(255,255,255,0.85);line-height:28px;margin:10px 0;font-size:16px; float: left;}

.bot_lx{ color: #fff;margin-top: 50px; }
.bot_lx .kefu{ margin-top: 20px; }
.bot_lx .advtel{ clear: both; margin-left: 0!important }
.bot_lx .weixin{ font-size: 12px; clear: both;  margin:25px 0 0 0;text-align: center;}
.weixin div{width: 130px; height: 130px;}
.weixin .wx1,.weixin .wx2{ margin-right: 30px }
.bot_lx .weixin img{border:3px #fff solid; width: 130px; height: 130px}
.bot_lx .weixin p{margin: 10px 0; clear: both; font-size: 15px}


.bottom .msg{width:38%; height: 420px; float: left;background: #fff;border-radius:25px;padding-bottom:38px;position:relative; padding: 30px }

.bottom .msg .text{border-radius:6px;font-size:16px;color:#494d56;text-align:left;}
.bottom .msg .text strong{display:block;font-size:30px;color:#1c1d20;margin-bottom:6px}
.bottom .msg form{padding:30px 0 0 0  }
.bottom .msg form .same{background:#fff;border-radius:5px;margin:0 0 15px 0;padding-left:50px;position:relative; border:1px #e5e5e5 solid;}
.bottom .msg form .same:before{content:"";width:30px;height:28px;display:block;position:absolute;left:15px;top:50%;margin-top:-15px}
.bottom .msg form .name:before{background:url(../Images/home-rwzs2.png) no-repeat 0px 0px; }
.bottom .msg form .tel:before{background:url(../Images/home-rwzs2.png)  no-repeat 0px -30px; }
.bottom .msg form .txt:before{background:url(../Images/home-rwzs2.png) no-repeat 0 -60px; }
.bottom .msg form .same input,.bottom .msg form .same textarea{width:100%;height:48px;background:0 0;border:none;font-size:16px;color:#9699a0}
.bottom .msg form .txt{padding:14px 14px 14px 44px}
.bottom .msg form .txt:before{top:14px;margin:0}
.bottom .msg form .txt textarea{height:34px;resize:none}
.bottom .msg form .submit{border-radius:8px;margin-top:30px;overflow:hidden;}
.bottom .msg form .submit button{width:100%;height:50px; line-height: 50px;background-color: #da251d;border:none;font-size:20px;color:#fff;font-weight:700;cursor:pointer;border-radius:8px; border-bottom: 4px #88242b solid}

.footer{ background: #040c13; text-align: center; color: #fff;padding: 
50px 20px 20px 20px; font-size: 15px; line-height: 1.8}
.footer .link{ border-top:1px #363d42 solid; color: #363d42; padding:25px 0 0 0; margin-top: 20px }
.footer .link a{ color: #363d42; padding:0 10px; }




/*漂浮*/
.bottompf{ display: none; position: fixed; bottom: 0; width: 100%;z-index: 888 }
.bottompf>a{float: left;width:50%;padding: 10px 3%;font-size: 15px;color:#fff;background: #f23300;}
.bottompf>a>i{display: inline-block;width:30px;height: 30px;background: url("../Images/tel.png") no-repeat;background-size: cover;vertical-align: middle;margin-right: .1px;}
.bottompf>a.right{background: #dd9200;}
.bottompf>a.right>i{width: 30px;height: 30px;background: url("../Images/online.png") no-repeat;background-size: cover;}

.right-fd{position: fixed;bottom: 10%;right: 5px;text-align: center;z-index: 9999;display: none; display: block;}
.right-fd ul{width: 85px;background: #c2cdef;margin-top: -10px;-webkit-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);-moz-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);
    box-shadow: 0px 10px 100px rgba(3,3,3,0.2);position: relative;z-index: 10;}
.right-fd ul #slidebar{width: 3px;height: 60px;background: #c2cdef;display: block;position: absolute;
    top: 0;right: -3px;transition: all 0.5s;}
.right-fd li{position: relative;}
.right-fd .l3 p{width: 0;background: #252e3c;position: absolute;top: 0;right: 0px;text-align: left;z-index: 10;transition-property:width;
    transition-duration:0.8s;}
.right-fd .l3 p span{font-size: 18px;color: #fff;line-height: 1.5;display: block;padding:17px 28% 17px 10%;white-space: nowrap;overflow: hidden;
 opacity: 0;transition-duration:1s;transition-delay: 0.2s;}
.right-fd .l3 p span strong{font-size: 20px;color: #c2cdef;display: block;}
.right-fd .l3:hover p{width: 210px;}
.right-fd .l3:hover p span{opacity: 1;}
.right-fd .l3:hover p img{opacity: 1;}
.right-fd li a{font-size: 14px;color: #252e3c;line-height: 1;font-weight: bold;text-align: center;display: block;
    padding: 60px 0 15px 0;border-top: 1px solid #fff;}
.right-fd .l1 a{background: url("../Images/right-ico01.png") center 15px no-repeat;border-top: 1px solid #fff;}
.right-fd .l2 a{background: url("../Images/right-ico03.gif") center 15px no-repeat;}
.right-fd .l3 a{background: url("../Images/right-ico02.png") center 15px no-repeat;}
.right-fd .l4 img{ margin-bottom:5px;  width: 85px; height: 85px}
.right-fd .l4 a{ padding:0 0 10px 0;color:#eb0001}
.right-fd .l4{background:#fff; font-size: 15px }
.right-fd li a:hover{color: #222;}
.right-fd .l1 a:hover{background: url("../Images/right-ico1.png") center 15px no-repeat;}
.right-fd .l2 a:hover{background: url("../Images/right-ico3.png") center 15px no-repeat;}
.right-fd .l3 a:hover{background: url("../Images/right-ico2.png") center 15px no-repeat;}
.scroll-top{width: 85px;display: block;background: url("../Images/right-top.png") center 15px no-repeat #c0cbee;padding: 30px 0 20px 0;margin-top:6px;
    -webkit-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);-moz-box-shadow: 0px 10px 100px rgba(219, 121, 121, 0.2);box-shadow: 0px 10px 100px rgba(3,3,3,0.2); color:#000; font-size: 14px}
.scroll-top:hover{background: url("../Images/right-top.png") center 15px no-repeat  #fff;color: #000;}