body,div,img,dl,dt,dd,ul,li,p,h1,h2,h3,h4,h5,h6,input,span{ margin:0; padding:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
input,button,submit,textarea{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 
ul,li{ list-style:none}
em,i{font-style:normal;}
body{ font-size:14px;font-family: "Open Sans", Arial, "Hiragino Sans GB","Microsoft YaHei", "Î¢ÈíÑÅºÚ", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif,sans-serif;color:#323232;background:#ffffff; }

@font-face {
  font-family: 'DINCondensedBold';
  src: url('../fonts/DINCondensedBold.eot');
  src: url('../fonts/DINCondensedBold.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/DINCondensedBold.woff') format('woff'),
       url('../fonts/DINCondensedBold.ttf') format('truetype'),
       url('../fonts/DINCondensedBold.svg#DINCondensedBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
a{text-decoration:none; color:#323232;}
a:hover,a:active{ text-decoration:none; color:#f35238;}
img{border:0;}
.clearbox{ clear:both;height:0px;line-height:0px;font-size:0px;}
.blank5{clear:both;height:5px;overflow:hidden;display:block;}
.blank10{clear:both;height:10px;overflow:hidden;display:block;}
.blank15{clear:both;height:15px;overflow:hidden;display:block;}
.blank20{clear:both;height:20px;overflow:hidden;display:block;}
.blank30{clear:both;height:30px;overflow:hidden;display:block;}



.top{width:100%; height:36px; background:#e3e3e3; position:relative; margin:0 auto;}
.topa{width:1200px;height:36px;  margin:0 auto;}
.topa_L{ height:36px; line-height:36px; font-size:14px; overflow:hidden;float:left}
.topa_R{height:36x; line-height:36px; font-size:14px; padding-left:5px;float:right}
.topa_R a{padding-left:3px;}



.topa_ewm{  float:right; width:40px; height:50px;}
.topa_ewm li{ float:left; width:40px; height:50px;}
.topa_ewm .wx{ width:40px; height:50px;font-size:14px;background: url(../images/a1.png) no-repeat 10px 8px;-webkit-background-size:auto auto;background-size:auto auto;cursor:pointer; position:relative;float:left;}
.topa_ewm .wx .weixin{  display:none;  position:absolute; left:-45px; top:50px; z-index:9999}
.topa_ewm .wx:hover .weixin{ display:block;}
.topa_ewm .wx a{display:none;}

.topa_ewm .qr-border { position:relative;display:inline-block;padding:5px; padding-bottom:10px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;text-align:center;}
.topa_ewm .qr-border::after {content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;}
.topa_ewm .qr-border::before {content:'';position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid #e5e7eb;}
.topa_ewm .qr-code {width:120px;height:120px;}
.topa_ewm .qr-code img{width:120px;height:120px;}
.topa_ewm .qr-border .text {font-size:14px;color:#666;}

.head{width:1200px; height:100px;position:relative;margin:0 auto;}

.head .logo{ float:left; padding-top:20px; }
.head .logo img{ height:60px; border:0px;}

.head .tele{ float:right; background: url(../images/tele.png) no-repeat left center;-webkit-background-size:28px auto;background-size:28px auto;height:80px; line-height:80px; text-indent:20px; font-size:24px; font-weight:bold; color:#f35238; margin-top:20px; padding-left:10px;}

.mobile-btn{ display:none;}



.Pcmenu{width:720px; padding-top:20px;float:right;}
.Pcmenua{width:720px;height:80px;float:left;}
.Pcmenua li{ float:left; width:120px; height:80px; line-height:80px; text-align:center; transition: all 0.4s; cursor:pointer;font-size:14px; position:relative; z-index:99;}
.Pcmenua li.wa{ width:50px;}
.Pcmenua li span{ position:absolute; right:-5px;top:-15px;}
.Pcmenua li a{float:left; width:100%;display:block;text-align:center;}
.Pcmenua ul li ul{display:none;top:0px;transition: all 0.4s;}
.Pcmenua ul li:hover ul{display:block;width:120px;position:absolute;top:80px;left:-5px; background:#d63b23; padding-top:10px; padding-bottom:10px; z-index:9999; }
.Pcmenua ul li:hover ul li{ width:100%;height:30px;line-height:30px; text-align: center; font-size:14px; font-weight:normal;float:left;}
.Pcmenua ul li:hover ul a{display:block;height:30px;line-height:30px; text-align: center; font-size:14px; color:#ffffff; font-weight:normal;}
.Pcmenua li:hover a{color:#f35238;}
.Pcmenua ul li:hover ul li:hover a{color:#ffffff;}




.menu-container{width:100%; display:none; position:absolute;top:70px;right:0px; float:left; z-index:999;}
.menu{width:100%; height:100vh;background: #070707;position:relative;margin:0 auto;}
.menu li{width:100%; float:left;line-height:60px; border-bottom:1px solid #1c1b19; font-size:16px;  padding-left:30px; padding-right:30px;}
.menu li a{display:block; width:100%; color:#FFFFFF;}
.has-submenu .toggle-submenu{width:100%; height:60px; line-height:60px; background:url(../images/down.png) no-repeat center right;-webkit-background-size:auto 10px;background-size:auto 10px;}
.has-submenu.active .toggle-submenu{width:100%;  height:60px;line-height:60px;  background:url(../images/up.png) no-repeat center right;-webkit-background-size:auto 10px;background-size:auto 10px;}
.menu li .submenu{ width:100%; display:none; }
.menu li .submenu li{ height:40px;line-height:40px; border-bottom:none; font-size:16px;  padding-left:20px;}
.has-submenu.active{ background:#d43e26; padding-bottom:10px;}


.foot{width:100%; background: #444444; color: rgba(255,255,255,.60); position:relative; margin:0 auto; }
.foot a{color: rgba(255,255,255,.60);}
.foota{width:1200px;  margin:0 auto;}

.foota_a{width:280px; padding-top:50px; float:left;}
.foota_a img{ height:60px;}

.foota_b{width:160px;padding-top:40px; padding-left:20px; float:left;}
.foota_ba{width:100%; height:30px; line-height:30px; font-size:14px; font-weight:900; color:#FFFFFF; float:left;}
.foota_bb{width:100%; padding-top:10px; float:left;}
.foota_bb li{width:50%; height:30px; line-height:30px; font-size:14px; float:left;}

.foota_c{width:500px;padding-top:40px; padding-left:20px; float:left;}
.foota_c .p1{height:40px; line-height:30px; font-size:20px; color:#FFFFFF;}
.foota_c .p2{height:30px; line-height:30px; font-size:14px;}



.foota_e{width:80px;padding-top:40px; float:right;}
.foota_e .p1{ text-align:center;}
.foota_e .p1 img{ width:100%;}
.foota_e .p2{line-height:20px; text-align:center; font-size:14px;}

.footb{width:1200px; line-height:20px; text-align:center; padding-top:60px; padding-bottom:40px;  margin:0 auto;}
.footb span{ padding-left:5px; padding-right:5px;}


/*float*/
.float{ position: fixed; top:60%; right:0; z-index: 1000; margin-left: 650px;}
.float li{ margin-bottom:1px; position: relative;}
.float li a{ display: block; background: #fff; color: #333; box-shadow:0 0 10px 4px rgba(0,0,0,.10); border-radius:5px; width:40px; height: 40px; padding:7px;}
.float li a{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.float li a img{ display:block;}
.f_erweima{ position:absolute; top:0; right:100%; padding-right: 10px; display:none;}
.erwweima_box{ box-shadow:0 0 10px 4px rgba(0,0,0,.10); background: #fff; border-radius:5px; text-align: center; font-size: 12px; line-height: 18px; padding-bottom: 5px;}
.f_erweima img{ display:block; margin: 0 auto;}
.float li a:hover .f_erweima{ display:block; -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
.float li.back_top{ display:none;}



/*f_quick*/
.f_quick{background:rgba(0,0,0,.60);position:fixed;bottom:0;left:0;z-index: 999;padding:20px 0;width:100%;color:#fff;text-align:center;-webkit-transition:all 0.5s 0s ease-in-out;transition: all 0.5s 0s ease-in-out;filter:alpha(opacity=0);opacity: 0;} 
.quick_closed{ display: block; cursor: pointer; text-indent: -9999px; width: 50px; height: 60px; position: absolute; top:0; right: 0; background:url("../images/ico_closed.png") center center no-repeat;}
.quick_tel, .quick_call, .quick_erweima{ display:inline-block; vertical-align: middle; margin: 0 25px;}
.quick_show{ bottom:0; filter: alpha(opacity=100); opacity: 1;}
.quick_hide{ left:-100%;}
.quick_tel img{ display:inline-block; vertical-align: baseline; margin-right: 20px;}
.quick_tel{ font-size:24px;}
.quick_tel b{ color: #fcb213;}
.quick_call{ width:360px;  margin-top:15px;}
.call_txt{ width:250px; height: 40px; background: #fff; padding:8px 16px; font-size:16px; border:0px; outline:none; float:left;}
.call_btn{ cursor: pointer; width:110px; height: 40px; background: #d73b22; font-size:16px; color: #fff;border:none;outline:none;cursor:pointer;-webkit-appearance:none; float:left;}
.quick_erweima{}
.quick_erweima img, .quick_erweima p{ display:inline-block; vertical-align: middle;}
.quick_erweima img{ width:78px; height: 78px;}
.quick_erweima p{ margin-left: 10px;}

.footer_float{display:none;}


.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;  background: rgba(0,0,0,.80); z-index:9999; overflow:hidden}
.modal_a{width:90%; height:20px; margin:0 auto; margin-top:30px;}
.modal_a img{ float:right; display:block;height:30px; border:0px; cursor:pointer;}

.modal_b{width:300px; height:380px; padding:20px;background-image: -webkit-linear-gradient(top,#f56240,#df4027);background-image: linear-gradient(top,#f56240,#df4027);border-radius:5px;color: #fff; position:relative; top:15%; margin:0 auto;}
.liuyan02{float:left;width:100%;}
.liuyan02a{float:left;width:100%;position:relative}
.liuyan02a .p1{ float:left; width:100%;height:40px; line-height:40px; text-align: center;  font-size:18px; color:#ffffff; overflow:hidden}
.liuyan02a .p1 img{ display:inline-block; vertical-align: middle; width:20px; margin-right:10px;}


.liuyan02b{float:left;width:100%;height:40px; margin-top:20px; position:relative}
.liuyan02b .p1{ float:left; width:100%;height:40px; text-align:right; font-size:16px;position:absolute; left:0px;top:0px; overflow:hidden}
.liuyan02b .pa{ position:absolute; right:10px;top:8px;}
.liuyan02b .pa img{ height:24px;}


.liuyan02c{float:left;width:100%;height:40px; margin-top:20px; position:relative}
.liuyan02c .p1{ float:left; width:59%;height:40px; overflow:hidden}
.liuyan02c .p2{ float:right; width:39%;height:40px; overflow:hidden}
.liuyan02c .p2 span{ display:block; width:100%;height:40px;line-height:40px; text-align:center; font-size:30px; color:#000000;font-style: italic; background:#FFFFFF;border-radius:3px; cursor:pointer;overflow:hidden;}

.liuyan02d{float:left;width:100%; margin-top:20px; position:relative}
.liuyan02e{float:left;width:100%; margin-top:20px;}

.liuyan02 .input001 {width:100%;height:40px;line-height:40px; background:#FFFFFF;text-indent: 10px;font-size: 14px;border: none;outline: none;border-radius:3px;overflow:hidden}
.liuyan02 .sub001 {width:100%;height:50px;line-height:50px;display:inline-block;background:#ffc619; text-align:center;color:#FFFFFF;font-size:20px; font-weight:bold;border:none;outline:none;cursor:pointer;-webkit-appearance:none;border-radius:5px;}

.liuyan02 .radio-item {display:flex;align-items:center;cursor:pointer;position:relative;padding-left:25px;color:#ffffff;font-size:14px;transition:color 0.2s ease; float:left; margin-right:20px;}
.liuyan02 .radio-item input[type="radio"] {position:absolute;opacity:0;cursor:pointer;}
.liuyan02 .radio-item .radio-custom {position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid #ffffff;border-radius:50%;background-color:#d73a21;transition:all 0.2s ease;}
.liuyan02 .radio-item input[type="radio"]:checked + .radio-custom {border-color:#ffffff;background-color:#ffffff;}
.liuyan02 .radio-item input[type="radio"]:checked + .radio-custom::after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background-color:#fff;}
.liuyan02 .radio-item:hover {color:#ffffff;}
.liuyan02 .radio-item:hover .radio-custom {border-color:#ffffff;}



.modal_c{width:300px;color: #fff; position:relative; top:15%; margin:0 auto;}
.modal_ca{float:left;width:100%; margin-top:20px;}
.modal_ca .p1{ height:40px; line-height:40px; text-align:center; font-size:24px; font-weight:bold;}
.modal_ca .p2{ height:40px; line-height:40px; text-align:center; font-size:24px; font-weight:bold;}

.modal_cb{float:left;width:100%; margin-top:20px;}
.modal_cb .input001 {width:100%;height:50px;line-height:50px; background:#FFFFFF; text-align:center;font-size: 18px;border: none;outline: none;border-radius:8px;overflow:hidden}
.modal_cb .sub001 {width:100%;height:50px;line-height:50px;display:inline-block;background:#e5482f; text-align:center;color:#FFFFFF;font-size:20px; font-weight:bold;border:none;outline:none;cursor:pointer;-webkit-appearance:none;border-radius:8px;}


@media screen and (max-width:768px) {

.m_none{display:none;}
.Pcmenu{display:none;}

.top{display:none;}



.head{width:92%; height:70px;position:relative;margin:0 auto;}

.head .logo{ float:left; padding-top:20px; }
.head .logo img{ height:30px; border:0px;}

.head .tele{display:none;}


.mobile-btn{ float:right;display: block; margin-top:22px; position:relative; }
.mobile-btn span.icon-menu{ width:26px; height:26px; background: url(../images/menu.png) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;display: block; outline:none; cursor:pointer;}
.mobile-btn span.icon-close{ width:26px; height:26px; background: url(../images/close.png) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;display: block;outline:none; cursor:pointer;}



.foot{width:100%; background: #444444; color: rgba(255,255,255,.60); position:relative; margin:0 auto; }
.foot a{color: rgba(255,255,255,.60);}
.foota{width:92%;  margin:0 auto;}

.foota_a{width:100%; padding-top:20px; text-align:center; float:left;}
.foota_a img{ width: auto; height:50px;}

.foota_b{display:none;}

.foota_c{width:100%;padding-top:20px; padding-left:0px; float:left;}
.foota_c .p1{height:40px; line-height:30px; font-size:18px; color:#FFFFFF;}
.foota_c .p2{height:30px; line-height:30px; font-size:12px;}

.foota_d{display:none;}
.foota_e{display:none;}

.footb{width:92%; line-height:20px; text-align:center; padding-top:20px; padding-bottom:60px;  margin:0 auto;}
.footb span{ display:block; width:100%; text-align:center; padding-left:5px; padding-right:5px; font-size:12px;}

/*float*/
.float{ display:none;}


/*f_quick*/
.f_quick{display:none;}



/*footer_float*/
.footer_float{ display:block; position: fixed; bottom: 0; left:0; z-index: 1003; width:100%;height:50px;}
.footer_float li{ float:left; width: 50%; height:50px; line-height: 50px; text-align: center;}
.footer_float li a{ display:block; font-size:16px; color: #fff; background: #3786cf;}
.footer_float li a img{ display:inline-block; vertical-align: middle; width:20px; margin-right:10px;}
.footer_float li.link_consult a{ background: #ffac0c;}


}