@charset "gb2312";
/* CSS Document */
  *{
        margin: 0;
        padding: 0;
        border: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-text-size-adjust: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
    li{list-style:none;}
    ul{margin:0;padding:0;}
    a{text-decoration:none;}
    body{
		padding-top:20px;
        max-width:640px;
        
        background:#fff;
        margin:0 auto 4.6875rem auto;	
        position: relative;
        overflow-x: hidden;
        width:100%;font-family:"Microsoft YaHei",'Source Han Sans','Hiragino Sans GB',STXihei,SimSun,Heiti,sans-serif;
    }
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
	
	 @media only screen and (max-width:640px), only screen and (max-device-width:640px) {
        body, html {
            font-size: 20px
        }
    }
    @media only screen and (max-width:600px), only screen and (max-device-width:600px) {
        body, html {
            font-size: 18.75px
        }
    }
    @media only screen and (max-width:540px), only screen and (max-device-width:540px) {
        body, html {
            font-size: 16.88px
        }
				.logo{bottom:-15px !important; }
    }
    @media only screen and (max-width:480px), only screen and (max-device-width:480px) {
        body, html {
            font-size: 15px
        }		.logo{bottom:-15px !important; }

    }
    @media only screen and (max-width:414px), only screen and (max-device-width:414px) {
        body, html {
            font-size: 12.94px
        }		.logo{bottom:-15px !important; }

    }
    @media only screen and (max-width:400px), only screen and (max-device-width:400px) {
        body, html {
            font-size: 12.5px
        }		.logo{bottom:-15px !important; }

    }
    @media only screen and (max-width:375px), only screen and (max-device-width:375px) {
        body, html {
            font-size: 11.72px
        }		.logo{bottom:-15px !important; }

    }
    @media only screen and (max-width:360px), only screen and (max-device-width:360px) {
        body, html {
            font-size: 11.25px
        }		.logo{bottom:-15px !important; }

    }
    @media only screen and (max-width:320px), only screen and (max-device-width:320px) {
        body, html {
            font-size: 10px
        }		.logo{bottom:-15px !important; }
		.nav_t li i{width: 6rem;    height: 6rem;    line-height: 6rem;}
		.news_title p:nth-of-type(2){    width: 20rem;}
    }
/*头部开始*/
.xdTop{display:block;overflow:hidden;padding-bottom: 1rem;}
.xdTop_logo{float:left;width:64.9%}
.xdTop_tel{float:left;width:35.1%}
/*头部结束*/	
.xdbottom01 {
    background: #302722;
    border-bottom: 2px solid #c30a0e;
}
.xdbottom01 ul {
    overflow: hidden;
    width: 59.21%;
    margin: 0 auto;
    padding: .7rem 0;
}
.xdbottom01 ul li a {
    color: white;
}
.xdbottom01 ul li {
    float: left;
    width: 33%;
    border-left: 2px solid #26201c;
    text-align: center;
}
.xdbottom {
    background: #1f1510;
    color: white;
    text-align: center;
	margin-bottom: -1%;
}
.xdbottom02 {
    padding: 1.2rem;
}
.xdbottom02 p {
    font-size: 1.2rem;
}
footer {
    width: 100%;
    max-width: 640px;
    min-width: 320px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    overflow: hidden;
    background: #313131;
}
footer li {
    float: left;
    width: 33.3333%;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    background: #313131;
    padding: 1.2rem 0;
}
footer ul li img {
    margin-bottom: -8px;
}

/*底部弹窗*/
.popout{
	display: none;
	position: fixed;
	top:50%;
	left:50%;
	width:20.5rem;
	height: 17rem;
	border:1px solid #eee;
	border-radius: .625rem;
	background-color: #fff;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	padding:1.1rem;
	z-index:1000;
	box-shadow: 1px 3px 50px #000;
}
.popout>.popout_top{
	font-size:1.3rem;
	font-weight: bold;
	color:#000;
}
.popout>.popout_top p:nth-child(2){
	font-size:1.4rem;
}
.popout>.popout_top:nth-child(1) span{
	font-size: 1.6rem;
	color:#ff0000;
}
.popout>.popout_top:nth-child(2){
	font-size: 1.3rem;
	font-weight: bold;
}
.popout>.popout_input{
	width:100%;
	font-size: 1.1rem;
	margin-top: 01rem;
}
.x-popup-show {
	-webkit-transform: translateY(0)!important;
	-moz-transform: translateY(0)!important;
	transform: translateY(0)!important;
}
.popout>.popout_input input{
	float: left;
	height:2.2rem;
	line-height: 2.2rem;
	/* border:none; */
	border:1px solid #ddd;
	border-right:none;
	width:65%;
	border-radius: 30px 0 0 30px;
	text-indent: 5%;
}
.popout>.popout_input span{
	float: left;
	height:2.2rem;
	line-height: 2.2rem;
	width:35%;
	background-color:#00bc35;
	color:#fff;
	border-radius: 0 30px 30px 0;
}
.popout>.popout_p{
	padding:0 1.5%;
	text-align:left;
	font-size: 1.1rem;
	margin: 1rem 0 1.5rem 0;
}
.popout>.popout_c a{
	display: inline-block;
	height:2rem;
	line-height: 2rem;
	width:40%;
	font-size: 1.1rem;
	font-weight: bold;
	color:#fff;
}
.popout>.popout_c a:nth-child(1){
	background-color: #ff0000;
}
.popout>.popout_c a:nth-child(2){
	background-color: #000;
}
.popout>img{
	position: absolute;
	top:0;
	right:0;
       width: 10%;
}
.x-popup-show{transform:translateY(0)!important;-moz-transform:translateY(0)!important;-webkit-transform:translateY(0)!important}
.x-popup{display:none;width:100%;position:fixed;left:0;bottom:0;background-color:#fff;z-index:9999;transform:translateY(100%);-moz-transform:translateY(100%);-webkit-transform:translateY(100%);transition:.6s ease;-moz-transition:.6s ease;-webkit-transition:.6s ease}
.x-popup .x-popup-title{width:100%;height:3.069rem;line-height:3.069rem;text-align:center;font-size:1.302rem;color:#fff;background-color:#ff6005;position:relative}
.x-popup .x-popup-title .x-popup-title-close-btn{position:absolute;width:2.356rem;height:2.356rem;top:.434rem;right:1.24rem;background:url(../fonts/e82e0c67bbde4467a29369958dbe287c.woff) center center no-repeat;background-size:90%}
.x-popup .x-popup-content{width:100%}

.x-popup .x-popup-content .x-popup-content-chat{padding:0 3.41rem 0.5rem 5.6rem;width:100%;background:url(../fonts/73d2b98b9a3a42e2a7bb64eb3220cf02.woff) 1.86rem 0.6rem no-repeat #e5e5e5;background-size:2.6rem;}
.x-popup .x-popup-content .x-popup-content-chat .x-popup-content-chat-title{margin:0;padding:0.5rem 0 .186rem;color:#999;font-size:1.085rem;}
.x-popup .x-popup-content .x-popup-content-chat .x-popip-content-chat-msg{position:relative;display:inline-block;padding: 1.4rem 4rem;background-image: url('../fonts/2dctssjrr6.svg');background-position: center center;background-size: 25%;background-repeat: no-repeat;-webkit-border-radius:.62rem;-moz-border-radius:.62rem;border-radius:.62rem;background-color:#ffa931;color:#fff;font-size:1.178rem;}
.x-popup .x-popup-content .x-popup-content-chat .x-popip-content-chat-msg:before{position:absolute;top:.62rem;left:-.62rem;width:0;height:0;border-top:.465rem solid transparent;border-right:.93rem solid #ffa931;border-bottom:.465rem solid transparent;content:"";}
.x-popup .x-popup-form{padding:0 .62rem;height:3.72rem;color:#fff;text-align:center; background: #e5e5e5;}
 
.x-popup .x-popup-form>input{width:51%;float:left;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:.372rem;-moz-border-radius:.372rem;-webkit-border-radius:.372rem;height:2.79rem;line-height:2.48rem;outline:0;border:1px solid #ccc;padding:.31rem .62rem;font-size:1.116rem}
.x-popup .x-popup-form>.x-popup-form-submit{width:20%;margin-left:1.4%;float:left;height:2.79rem;background-color:#ff6005;line-height:2.79rem}
.x-popup .x-popup-form>.x-popup-form-phone{width:26%;margin-left:1.4%;float:left;height:2.79rem;line-height:2.79rem;background-color:#7a7aff}
.x-popup .x-popup-form>.x-popup-form-phone a{color:#fff;text-decoration:none}
.x-popup .x-popup-form .x-popup-form-phone,.x-popup .x-popup-form .x-popup-form-submit{border-radius:.31rem;-moz-border-radius:.31rem;-webkit-border-radius:.31rem;font-size:1.116rem}

.x-popup-layer.x-popup-layer-show{opacity:1}
.x-popup-layer{position:fixed;top:0;left:0;z-index:99999;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.66);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.x-popup-layer .x-out-frame{position:fixed;top:50%;left:50%;z-index:99;width:25rem;height:23.4375rem;border-radius:.625rem;background-color:#f5f5f5;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.x-popup-layer .x-out-frame .x-frame-close{position:absolute;top:0;left:0;width:3.125rem;height:3.125rem;background:url(../fonts/b9d6831d95594e079f2223008e181daa.woff) center center no-repeat;background-size:50% 50%}
.x-popup-layer .x-out-frame .x-frame-title{padding-top:3.125rem;color:#000;text-align:center;font-weight:700;font-size:2.0313rem}
.x-popup-layer .x-out-frame>p{padding-top:.625rem;text-align:center;font-weight:300;font-size:1.0938rem}
.x-popup-layer .x-out-frame>p span{color:#c80032}
.x-popup-layer .x-out-frame .x-frame-phone{position:relative;margin:1.875rem auto 1.5625rem;width:80%;height:3.4375rem}
.x-popup-layer .x-out-frame .x-frame-phone>input{position:absolute;top:0;left:0;width:100%;height:3.4375rem;outline:0;border:none;border-radius:1.875rem;text-align:center;letter-spacing:.04688rem;font-size:1.5625rem;line-height:3.4375rem;-webkit-appearance:none}
.x-popup-layer .x-out-frame .x-frame-phone .x-frame-celar{position:absolute;top:50%;right:.625rem;width:1.5625rem;height:1.5625rem;background:url(../fonts/a80e997aedc9473094b27625f54b84da.woff) center center no-repeat;background-size:80% 80%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.x-popup-layer .x-out-frame .x-popup-layer-submit{display:block;margin:0 auto;border:none;width:80%;height:3.4375rem;border-radius:1.875rem;background-color:#ff8922;color:#fff;text-align:center;font-size:1.4063rem;line-height:3.4375rem;cursor:pointer;appearance:none;-webkit-appearance:none;user-select:none}
.btn-cz-v {
	width: 140px;
	height: 28px;
	background: #f9f9f9;
	border-radius: 5px;
	/*		border: 1px solid #999;*/
	position: relative;
	margin-top: 0px;
}

.btn-cz-v:before {
	content: "";
	position: absolute;
	left: -9px;
	top: 50%;
	margin-top: -5px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 10px solid #f9f9f9;
	border-bottom: 5px solid transparent;
}

.btn-cz-v span {
	display: block;
	position: absolute;
	right: -23px;
	top: 14px;
	color: #919090;
	font-size: 12px;
}

.btn-cz-v i {
	position: absolute;
	left: 5px;
	top: 8px;
	display: block;
	width: 14px;
	height: 17px;
	background: url(../fonts/ccde5c0066624e94b3ce1742353f23ec.woff) no-repeat 0 0;
	background-size: 100%;
	animation-iteration-count: infinite;
}

.btn-cz-v .playv {
	-webkit-animation-name: leftcz;
	animation-name: leftcz;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.vtest {
    width: 270px;
    font-size: 14px;
    padding: 6px;
    height: 30px;
    margin-bottom: 3px;
}
.popout_p{
padding: 0 2.5%;
text-align: left;
font-size: 1rem;
margin: 3rem 0 1rem 0;
color: #666666;
}

.popout_c a:nth-child(1) {
    background-color: #ff0000;
}
.popout_c a {
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    width: 40%;
    font-size: 1.1rem;
    font-weight: bold;
    color: #fff;
}
.popout_c a:nth-child(2) {
    background-color: #000;
}

/*右边电话抖动代码*/
.call_right {
    bottom: 45%;
    right: 1%;
    z-index: 99999;
    width: 5.2rem;
    height: 5.2rem;
    border: 1px solid #9fa4a3;
    background: #d18845;
        background-size: auto auto;
    background-size: auto auto;
    box-shadow: 0px 3px 7px #9ca0ae;
    background-size: auto auto;
    background-size: auto auto;
    background-size: 100%;
    position: fixed;
    display: block;
    border-radius: 1rem;
    cursor: pointer;
}
.call_right_01 {
    width: 84%;
margin: 12% 0 0 4%;
}
.call_right_01 {

    animation: shaked 1s ease-in-out infinite;
    -webkit-animation: shaked 1s ease-in-out infinite;
        animation-delay: 0s;
    animation-delay: 0s;
    animation-delay: 0s;
    animation-delay: 0s;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;

}
.call_right_01 img {

    width: 38%;
    margin: 12% 31% 0 32%;

}
.call_right_02 p {

    color: white;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1px;

}
@keyframes shaked {
	0% {
		transform: rotate(0);
	}

	10% {
		transform: rotate(0);
	}

	20% {
		transform: rotate(-10deg);
	}

	30% {
		transform: rotate(10deg);
	}

	40% {
		transform: rotate(-8deg);
	}

	50% {
		transform: rotate(8deg);
	}

	60% {
		transform: rotate(-5deg);
	}

	70% {
		transform: rotate(5deg);
	}

	80% {
		transform: rotate(-2deg);
	}

	90% {
		transform: rotate(2deg);
	}

	100% {
		transform: rotate(0);
	}
}

@-webkit-keyframes shaked {
	0% {
		transform: rotate(0);
	}

	10% {
		transform: rotate(0);
	}

	20% {
		transform: rotate(-10deg);
	}

	30% {
		transform: rotate(10deg);
	}

	40% {
		transform: rotate(-8deg);
	}

	50% {
		transform: rotate(8deg);
	}

	60% {
		transform: rotate(-5deg);
	}

	70% {
		transform: rotate(5deg);
	}

	80% {
		transform: rotate(-2deg);
	}

	90% {
		transform: rotate(2deg);
	}

	100% {
		transform: rotate(0);
	}
}