@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{max-width:100%;border:0;vertical-align: top;}
.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{ display: block; }
.w1200{width:100%; max-width: 1200px; margin: 0 auto}
.w1300{ width: 1300px; margin: 0 auto}
.w1400{max-width: 1400px;  width: 100%;margin: 0 auto}
.left { float: left; }
.right{ float: right; }
.bgb{ background:#fff }
.pr{ position: relative; }

/*头部*/
.header{display:block;width:100%;text-align:center;background:#fff;z-index:999;  border-top:4px #0b7800 solid;}
.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);}

.toph{margin:0 auto;  height: 120px}
.toph .toptel{ text-align: right; font-size:20px; color: #3f3f3f; padding: 20px 5px 15px 65px; background:url(../Images/tel.jpg) no-repeat 0px 15px; background-size: 58px 40px; float: right; width: 420px; }
.toph .toptel b { color: #da251c; display:block; float:left }
.toph .toptel b.wz{ font-size:16px}
.toph .toptel b.dh{ font-size:22px;width:250px; text-align:left}

.toph .toptel span{font-size:16px; color:#333}
.nav-box{ width: 100%; height: 60px; line-height: 60px; background:#fff; border-top: 1px #ddd solid;border-bottom: 1px #ddd solid }
.nav-box ul{background: url(../Images/nav_line.jpg) no-repeat left center;}
.nav-box li{  display: inline-block; width: 12%;  text-align:center; font-size: 18px; background: url(../Images/nav_line.jpg) no-repeat right center;}
.nav-box li a{color: #111; display: block; }

.nav-box li a:hover{  font-weight: bold;  background: #0b7800; color: #fff  }
.logo{ float: left; width: 41%; text-align:left; margin-top:15px}
.logo a{display:inline-block;vertical-align:middle}





/*footer*/
.bottom{ padding: 45px 0; background:url(../Images/bot_bg.jpg) no-repeat top  center; background-size: cover; }
.titles{position:relative; width: 62%; float: left; padding: 90px 0 0 50px}
.bottom .titles h2{color:#fff;line-height:74px;font-size:50px;font-weight:700}
.bottom .titles p{color:#fff;line-height:36px;margin:40px 0;font-size:16px;}
.bot_lx{ color: #fff }
.bot_lx .kefu,.bot_lx .advtel{ margin-top: 20px }
.bot_lx .kefu .zxzx{ margin-left: 0 !important }
.bottom .advtel{ margin-left: 50px}
.bot_lx .weixin{ width:12%; float: right; text-align: center; font-size: 12px; }
.bot_lx .weixin img{border:3px #fff solid;}
.bot_lx .weixin p{margin: 0}
.bottom .msg{width:30%;background: #575a5d;background: url(../Images/home-rwbg2.png) center top no-repeat;border-radius:6px;padding-bottom:38px;position:relative; float: right; margin-top: 20px}
.bottom .msg:before{content:"";width: 352px;height: 435px;background:url(../Images/home-rwzs.png) no-repeat;display:block;position:absolute;left:-285px;top: -5px;}
.bottom .msg .text{background-size:100%;padding:30px 0 70px;border-radius:6px;font-size:16px;color:#494d56;text-align:center;}
.bottom .msg .text strong{display:block;font-size:26px;color:#1c1d20;margin-bottom:20px}
.bottom .msg form{padding:0 45px}
.bottom .msg form .same{background:#fff;border-radius:10px;margin:0 0 15px 0;padding-left:44px;position:relative}
.bottom .msg form .same:before{content:"";width:17px;height:18px;display:block;position:absolute;left:15px;top:50%;margin-top:-9px}
.bottom .msg form .tel:before{background:url(../Images/home-rwzs2.png) left top no-repeat}
.bottom .msg form .txt:before{background:url(../Images/home-rwzs2.png) left bottom no-repeat}
.bottom .msg form .same input,.bottom .msg form .same textarea{width:100%;height:42px;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:50px;margin-top:30px;overflow:hidden;}
.bottom .msg form .submit button{width:100%;height:56px;background-color: #fe6546;background-image: linear-gradient(#fca500,#cd5500);border:none;font-size:20px;color:#fff;font-weight:700;cursor:pointer;border-radius:50px;}
.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: 15px;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: 18px;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;}