@charset "utf-8";
/*-----------------初始化---------------------*/

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px "思源黑体";color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#5a5a5a url(../images/fixcont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#5a5a5a url(../images/fixcont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#5d5d5d url(../images/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_search{text-indent:0;background:#5d5d5d url(../images/search.png) no-repeat;}
.yb_bar .yb_ercode{background:#5a5a5a url(../images/fixcont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.yb_search a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.upbox{position:fixed;z-index:9999999;top:200px;left:10%;transition:all 0.4s ease;width: 80%;background: #fff;    border-radius: 10px;padding: 4% 6%;visibility: hidden;opacity: 0;transform: scale(0.4);box-sizing: border-box;border: 1px solid #595757;}
.upbox.active{visibility: visible;opacity: 1;transform: scale(1);}
.up_close{position: absolute;right: 16px;top: 10px;;transition: all ease 0.4s;z-index: 999999999999;width: 20px;height: 20px; cursor: pointer;visibility: hidden;opacity: 0;}
.up_close.active{visibility: visible;opacity: 1;}
.up_close:before{position: absolute;content: "";width: 16px;height: 2px;background: #333;display: block;transition: all ease 0.4s;transform: rotateZ(45deg);top: 10px;right: 0;}
.up_close:after{position: absolute;content: "";width: 16px;height: 2px;background: #333;display: block;transition: all ease 0.4s;transform: rotateZ(-45deg);top: 10px;right: 0;}
.up_close:hover:before{width: 20px;top: 12px;}
.up_close:hover:after{width: 20px;top: 12px;}
.upbox .form-control{outline: none;}
.upbox .btn{    padding: 10px 12px;}

.alertbox{position:fixed;z-index:9999999;top:100px;left:25%;transition:all 0.4s ease;width: 50%;height: 300px;background: #fff;    border-radius: 10px;padding: 130px 0;visibility: hidden;opacity: 0;transform: scale(0.4);box-sizing: border-box;}
.alertbox.active{visibility: visible;opacity: 1;transform: scale(1);}
.alert_close{position: absolute;right: 16px;top: 10px;;transition: all ease 0.4s;z-index: 999999999999;width: 20px;height: 20px; cursor: pointer;visibility: hidden;opacity: 0;}
.alert_close.active{visibility: visible;opacity: 1;}
.alert_close:before{position: absolute;content: "";width: 16px;height: 2px;background: #333;display: block;transition: all ease 0.4s;transform: rotateZ(45deg);top: 10px;right: 0;}
.alert_close:after{position: absolute;content: "";width: 16px;height: 2px;background: #333;display: block;transition: all ease 0.4s;transform: rotateZ(-45deg);top: 10px;right: 0;}
.alert_close:hover:before{width: 20px;top: 12px;}
.alert_close:hover:after{width: 20px;top: 12px;}
.alert-main p{text-align: center;font-size: 20px;    border: 2px solid #f00;}
@media screen and (max-width:1366px) {
.upbox{top: 90px;}
}
@media screen and (max-width:768px) {
.upbox{    top: 20px;left:12px;width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);width: calc(100% - 20px);padding: 40px 12px;}
}