*:hover,a:hover{ text-decoration:none}
a.fontnav {text-decoration:none; outline:none} 
@font-face {
  font-family: 'AlibabaPuHuiTi';
  src: url('../fonts/AlibabaPuHuiTi-2-55-Regular.woff2') format('woff2'),
       url('../fonts/AlibabaPuHuiTi-2-55-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
 
body {
  font-family: 'AlibabaPuHuiTi', sans-serif; /* 使用自定义字体，如果浏览器不支持则回退到sans-serif */
}


body{background:#F1F1F1;padding-right:0!important;}
body.modal-open {overflow-y: auto !important;padding-right: 0 !important;}
i{font-style:normal}
p{padding:0px;margin:0px}
em{font-style:normal}
ul li {list-style-type: none;margin:0px;padding:0px}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;margin:0px;padding:0px}
img{ border:none; border:0;}
a{color:#000}
a:focus, a:hover{color:#e45e5f;text-decoration:none}
a.vice{color:#409CA7}
a.vice:hover{color:#E45E5F}





.form-control,
.form-control:focus{background-color:transparent;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}
.btn,
.btn:focus,
.btn:hover{ background:#e45e5f;color:#fff;opacity:0.8}
.btn:hover{opacity:1}

/* input */
.form-control{border:2px solid #ddd;min-width:40px}
.form-control:hover,
.form-control:focus{border:2px solid #E45E5F}
.search-min .form-control{ width:100%}

/* checkbox */
.form_checkbox{position:relative;}
.form_checkbox i{font-size:26px;position:relative;top:0px;color:#ddd}
.form_checkbox i:hover{color:#e45e5f}
.form_checkbox .fa-check-square{display:none;position:absolute;left:0px;top:0px;font-size:24px;z-index: 1;}
.checkbox_active .fa-check-square{display:block;color:#e45e5f}
.checkbox_active .fa-square-o{color:#fff;}
.form_checkbox .f-text{position:relative;cursor:default;padding-left:4px;top:-5px;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}

/* form_circle */
.form_radio{position:relative;margin-top:20px}
.form_radio i{border:2px solid #ddd;display:block; background:#fff;height: 20px;width: 20px;border-radius:20px;position:absolute}
.form_radio i:hover{border:2px solid #e45e5f}
.form_radio .circle-o{background:#e45e5f;z-index:1;width:8px;height:8px;border:0px;left: 6px;top: 6px;display:none}
.radio_active i{border:2px solid #e45e5f;}
.radio_active .circle-o{display:block}




header{background: #fff;padding:20px 0px;position: fixed;width:100%;z-index:3;top: 0px;}
header .menu { color: #fff;cursor: pointer;position: absolute; right: 13px;top:10px;z-index: 1;width: 31px;height: 31px; text-align: center; padding-top: 4px;display:none;}
header .logo{background:url(../images/logo.png) no-repeat center;margin:0px;float:left;margin-top: 10px;}
header .logo a{display:block;width:237px;height:66px ; text-indent: -69px;overflow: hidden;}
header nav{float:right;margin-top: 12px;}
header nav ul li{float:left;line-height:45px; position: relative;font-size:15px;color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;min-width:120px}
header nav ul li a{display: inline-block;color:#000;position:relative}

header nav ul .contact_btn{width:auto;position:relative;text-align:left; margin-left:40px;line-height: 39px;}
header nav ul .contact_btn i{padding-left: 24px;font-size:16px}
header nav ul .contact_btn:hover i{-webkit-animation:contacticon 1.4s linear infinite;animation:contacticon 1.4s linear infinite;}
-webkit-keyframes contacticon{25%{-webkit-transform:translateX(-10px);}
50%,100%{-webkit-transform:translateX(0);}
75%{-webkit-transform:translateX(5px);}
}
@keyframes contacticon{25%{transform:translateX(-5px);}
50%,100%{transform:translateX(0);}
75%{transform:translateX(5px);}
}
@-webkit-keyframes contacticon{25%{-webkit-transform:translateX(5px);}
50%,100%{-webkit-transform:translateX(0);}
75%{-webkit-transform:translateX(-5px);}
}
@keyframes contacticon{25%{transform:translateX(5px);}
50%,100%{transform:translateX(0);}
75%{transform:translateX(-5px);}
}



header nav ul .contact_btn a:after{display:none;}
header nav ul .contact_btn a {font-weight: 700;color: #000;border: solid 1px #000;display: block;padding: 0px 24px;font-size: 18px;white-space:nowrap;-webkit-transition: all .6s;transition: all .6s;}
header nav ul .contact_btn .btn-1 {background: -webkit-linear-gradient(left, #000, #000) no-repeat; background: linear-gradient(to right, #000, #000) no-repeat;background-size: 0% 100%;}
header nav ul .contact_btn .btn-1:hover {background-size: 100% 100%;color: #fff;}
header nav ul a:after {content: '';display: block; position: absolute;width:0%;bottom: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;height: 2px;background: #000; z-index: 2;left: 50%;margin-left: -12px;}
header nav ul li a:hover:after{width: 26px;}
header nav ul li:hover .sub-nav{display:block}

header nav ul .sub-nav a{display:block;line-height: 34px;font-weight: normal;}
header nav ul .sub-nav {width: 120px;font-size: 13px;position: relative;top:4px;display:none;}
.fixednav header{padding:0px}
.fixednav header nav ul .sub-nav{width: 120px;font-size: 13px;position: absolute;top: 45px;display: none;background: #fff;}

header{background:transparent;transition:all 0.5s linear; }
header .logo { background: url(../images/logo1.png) no-repeat;}
header nav ul li a {color: #000;}
header nav ul .contact_btn a {color: #fff;border: solid 1px #fff;}
header nav ul .contact_btn .btn-1 {background: -webkit-linear-gradient(left, #fff, #fff) no-repeat; background: linear-gradient(to right, #fff, #fff) no-repeat;background-size: 0% 100%;}
header nav ul .contact_btn .btn-1:hover {background-size: 100% 100%;color: #000;}
header nav ul li a {color: #fff;}

header nav ul a:after{background: #fff}
header nav ul li a:hover{color:#ff5d61;}
.fixednav header{background:#fff;box-shadow: 5px 5px 5px 0px #c4c4c440;}
.fixednav header .logo { background: url(../images/logo.png) no-repeat center;margin-top:0px}

.fixednav header nav ul .sub-nav a:hover{color:red}
.fixednav header nav ul .contact_btn a {color: #000;border: solid 1px #000;}
.fixednav header nav ul .contact_btn .btn-1 {background: -webkit-linear-gradient(left, #000, #000) no-repeat; background: linear-gradient(to right, #000, #000) .fixednav no-repeat;background-size: 0% 100%;}
.fixednav header nav ul .contact_btn .btn-1:hover {background-size: 100% 100%;color: #fff;}
.fixednav header nav ul a:after{background: #000}
.fixednav  header nav ul li a:hover{color: #000;}
.fixednav .animate-bounce-up{display:none;}
.fixednav header nav ul li a{color:#000}
.fixednav header nav ul li a:hover{color: #ff5d61;}
.fixednav header nav ul li a:hover{color:#ff5d61}




@media screen and (max-width:786px){
.container {width: 100%;}
header {padding: 5px 0px;}

header .logo a {width: 122px;height: 46px}
header nav {float: none;width: 100%;display:none;background:#000;height:100vh;position:fixed;left:0px;top:0px; margin-top: 0px;opacity: 0.9;}
header nav ul li{width:100%;float:none;min-width: 100%;line-height: 68px;}
header nav ul .contact_btn{margin-left:0px;line-height: 44px;margin-top: 19px;}
header nav ul .contact_btn a {width: 170px;margin: auto;}
.fixednav header .menu{color:#a0a0a0}
header .menu{display:block;color:#333}
.fixednav header .logo a {width: 122px; height: 46px;}
.fixednav header .logo{background-size:100%}
header nav ul li a {color: #fff;}
header nav ul a:after{background: #fff}
header nav ul li a:hover{color: #fff;}
header nav ul .contact_btn a {color: #fff;border: solid 1px #fff;}
header nav ul .contact_btn .btn-1 {background: -webkit-linear-gradient(left, #fff, #fff) no-repeat; background: linear-gradient(to right, #fff, #fff) no-repeat;background-size: 0% 100%;}
header nav ul .contact_btn .btn-1:hover {background-size: 100% 100%;color: #000;}
header .menu {display: block; color: #ababab;}


header .logo {width: 147px; background-size: 100%;margin-top: 6px;}
header .menu{color:#fff}
header nav ul .sub-nav{text-align:center; width: 100%;}
.fixednav header nav ul li a {color: #fff;}
.fixednav header nav ul .contact_btn a {color: #fff;border: solid 1px #fff;}
.fixednav header nav ul .contact_btn .btn-1 {background: -webkit-linear-gradient(left, #fff, #fff) no-repeat; background: linear-gradient(to right, #fff, #fff) .fixednav no-repeat;background-size: 0% 100%;}
.fixednav header nav ul .contact_btn .btn-1:hover {background-size: 100% 100%;color: #fff;}
.fixednav header nav ul li a {color: #fff;}
.fixednav header nav ul a:after{background: #fff}
.fixednav  header nav ul li a:hover{color: #fff;}


}


footer{background:#000;padding:20px;color:#b4b4b4; margin-top: 90px;width:100%}
footer .bottom-sub ul{display:flex;text-align:center;justify-content: center;}
footer .bottom-sub ul a{color:#fff}
footer .bottom-sub ul a:hover{color: #ff5d61;}
footer .bottom-sub ul em{padding:0px 23px;color:#4e4e4e}
footer .bottom-contact{position:relative;}
footer .bottom-contact .cont-box{padding:22px 0px;float:left;position:relative;padding-left:20px}
footer .bottom-contact .cont-box i{position:absolute;left:0px;top: 25px;}
footer .bottom-contact .c-right{float:right;}
footer .bottom-contact .c-tal{position:absolute;left:50%}
footer .f_copyright{text-align:center;}
footer .f_copyright a{color:#b4b4b4}
.bottom{position:fixed;bottom:0px}

.web-title-warp{text-align:center;padding:80px 0px;position:relative;padding-bottom: 40px;}
.web-title-warp .web-title{font-weight:bold;font-size:32px}
.web-title-warp .web-title .circle-dot{ background: #ac2023;width: 10px;height: 10px; overflow: hidden;display: inline-block; border-radius: 21px;position: relative;top: 4px;left: 2px;}
.web-title-warp .web-cont{padding-top:12px;line-height: 25px;opacity: 0.9;}

@media screen and (max-width:786px){
.web-title-warp .web-cont{display:none;}
body{font-size:12px}
.web-title-warp .web-title { font-size: 22px;}
footer{margin-top:20px;}
footer .bottom-sub{display:none;}
footer .bottom-contact {display:none;}
footer {padding:6px;font-size:12px}
footer .f_copyright a {display: block;}
}