﻿/*css reset*/ 
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} 
html,body,p{ padding: 0; margin: 0; font-family:Arial,"Microsoft YaHei"; line-height: 1;} 
ol, ul {list-style: none; padding: 0; margin: 0;} 
blockquote, q {quotes: none;} 
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; } 
table {border-collapse: collapse; border-spacing: 0;} 
th,td { vertical-align: middle;padding: 0;} 
a{text-decoration:none; outline: none;hlbr:expression(this.onFocus=this.blur());} 
input, select {vertical-align: middle;padding: 0;border: 0 none;} 
img, iframe {border: none; text-decoration:none;} 
img{vertical-align: top;} 
strong {font-weight: bold;} 
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0;} 
:focus {outline: 0;} 
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1; } 
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /*css common*/ .f-left {float: left;} 
.f-right {float: right;} .clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;} .clearfix{*zoom:1;} 
.nodisplay{display: none;} 
html{margin: 0 auto;max-width: 1920px;} 
html, body{height: 100%;} 
.inner{width: 81.25%;margin: 0 auto;} 
/*.mobile{ display: none!important; }*/ 
.web{ display: block!important; } 
/*footer*/
.footer{ font-size: 13px; color: #000; font-weight: lighter; font-family: 'roboto'; position: absolute; left: 50px; bottom: 20px; right: 50px; z-index:1; }
.footer .left{ float: left;color: #000; }
.footer .left .web{ display: inline-block!important; }
.footer .left a{ font-size: 13px; color: #000; position: relative; }
.footer .left a img{ background-repeat: no-repeat; background-image: url(../images/service_qr_bg.png); width: 140px; /*height: 102px;*/ padding: 8px 8px 16px; 
position: absolute; left: 50%; margin-left: -47px; top: -133px; display: none; }
.footer .left a:hover{ color: #666; }
.footer .left a:hover img{ display: block; }
.footer .right{ float: right;}
.footer .right .custom_web a{color: #000;font-size: 13px;}
.footer .right a{ display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: 100% auto; 
background-position: center top; margin-right: 15px; }
.footer.active .right a{ background-position: center bottom; }
.footer .right .icon1{ width: 16px; height: 12px; background-image: url(../images/footer_icon1.png); }
.footer .right .icon2{ width: 16px; height: 15px; background-image: url(../images/footer_icon2.png); }
@media only screen and (max-width:1320px){}
@media only screen and (max-width:1270px){} 
@media only screen and (max-width:1200px){} 
@media only screen and (max-width:1024px){
	html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 16px;} 
	body{ font-size: 62.5%; } 
	.index-page .swiper-container-v .swiper-slide.page1 video.pcvi {display: none;}
	.index-page .swiper-container-v .swiper-slide.page1 video.appvi {display: block !important;z-index: 10 !important;}
	.index-page .swiper-container-v .swiper-slide.page1 video{height: 100% !important;top: 0 !important;}
	.mobile{ display: none !important; } 
	.index-page .swiper-container-v .swiper-slide.page1{background: url(../images/appgif1.gif) no-repeat center;background-size: cover;display: none;}
	.web{ display: none!important; } 
	.inner{width: 92%;} 
	/*footer*/ 
	/*.footer{ font-size: 0.5625rem; left: 1.25rem; bottom: 2.75rem; right: 1.25rem; }*/ 
	/*.footer .left .web{ display: none!important; } 
	.footer .right a{ display: none; } */
}
@media only screen and (max-width:767px){} 
@media only screen and (max-width:414px){}
@media only screen and (max-width:320px){}
/*--------------------------------------------------------手机站导航开始----------*/
.appnav{display: none;z-index: 999;width: 100%;position: fixed;top: 0;left:0;}
.apptop{width: 100%;display: flex;justify-content: space-between;align-items: center;height: 100%;padding: 0 15px;}
.apptop a{display: block;height: 60px;width: auto;}
.apptop a img{display: block;width: auto;height: 100%;}
.apptop button.btn{background: none;border: none;}
.app-muen{width:35px;height:35px;position: relative;display: block;left: 0;cursor: pointer;}
.app-muen span{background-color: #282828;display: block;width:25px;height: 3px;border-radius: 5px;
/*background: #fff;*/position: absolute;transform-origin: 0 0;transition: all .3s ease-in-out;}
.app-muen span:first-of-type{top: 6px;left: 5px;}
.app-muen span:nth-child(2){top: 15px;left: 5px;opacity: 1;}
.app-muen span:last-of-type{top: 24px;left: 5px;}
.app-muen.active{transform: rotate(-45deg);}
.app-muen.active span:first-of-type{top: 15px;left: 5px;width: 25px;}
.app-muen.active span:nth-child(2){width: 0;}
.app-muen.active span:last-of-type{top: 29px;left: 15.5px;width: 25px;transform: rotate(-90deg);}
.leftMenu a{text-decoration: none;display: block;font-size: 16px;color: #282828;line-height: 50px;height: 50px;border-bottom: 1px solid #f1f1f1;display: none;}
.leftMenu.menu-open a{display: block;padding: 0 15px;}
.leftMenu{background: #fff;left: -1000px;position: fixed;top: 65px;display: none;height:calc(100% - 65px);width:100%;min-width: 140px;z-index: 999;
position: fixed;overflow: auto;padding:5px 0 0px 0;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;}
.leftMenu.menu-open {left: 0;display: block;}
.leftMenu ul {list-style: none;padding: 0;overflow: hidden;}
.leftMenu ul li {position: relative;/*padding:0 15px;*/overflow:hidden;}
.leftMenu ul li.hasChild > a:after {content: "+";position: absolute;right: 20px;top: 0px;font-size: 24px;font-weight: 300;color: #777;}
.leftMenu ul li.hasChild .f2 ul li a:after{display: none;}
.leftMenu ul li.hasChild .f2 ul li a{font-size: 15px;}
.leftMenu ul li.hasChild .f2 ul li.hasChild.hasChild3 a:after{content: "+";position: absolute;right: 20px;top: 0px;font-size: 24px;font-weight: 300;color: #777;display: block !important;}
.leftMenu ul li.hasChild .f2 ul li.hasChild.hasChild3 .f3 ul li a:after{display: none !important;}
.leftMenu ul li.hasChild .f2 ul li.hasChild.hasChild3 .f3 ul li a{border-bottom: none;color: #686868;font-size: 15px;}
.leftMenu ul li.hasChild.open > a:after {content: "-";right: 23px;font-size: 28px;top: -3px;}
.leftMenu ul li.hasChild ul li{padding: 0;}
.f2, .f3 {height: 0;/*padding-left: 20px;*/overflow: hidden;position: relative;background: #f8f8f8;
transition: height 0.4s ease;
-moz-transition: height 0.4s ease;
-webkit-transition: height 0.4s ease;
-o-transition: height 0.4s ease;}
.menu-dark-backdrop {background: rgba(0,0,0,0);width: 100%;position: fixed;top: 50px;left: 0;right: 0;bottom:0;overflow: hidden;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;}
.menu{position: relative;}
.apptit{z-index: 1000;width: 100%;display: block;padding:15px 15px 0 15px;}
.apptit a{border-bottom: none;}
.apptit .app_ser{display: flex;justify-content: flex-start;align-items: center;font-size: 20px;line-height: 41px;}
.apptit .app_ser a{color: #000; height: 40px;line-height: 40px;font-size: 17px;}
.apptit .app_tel{height: 40px;margin-bottom: 10px;}
.apptit .app_tel a{display: flex;justify-content: flex-start;align-items: center;font-size: 16px;line-height: 40px;height: 40px;}
.apptit .app_ewm span{color: #000;margin-right: 10px;font-size: 16px;}
.apptit .app_ewm img{width: 120px;}
/*.menu-dark-backdrop.in {height: 100%;z-index: 90001;background: rgba(0,0,0,0.5);}*/
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.zzban_txt{background: rgba(0,0,0,0.38);padding:30px 20px;max-width: 800px;}



.paginator
{
	float:none !important;
	text-align:center
}
	.paginator ul > li
	{
		float:left
	}
.paginator ul > li > a
{
	float: left;
	 position: relative;
    /*padding: 4px 8px;*/
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
    text-align: center;
	border-radius: 5px;
	padding: 0 15px;
    height: 28px;
    line-height: 28px;
}
.paginator ul>li>span {
    position: relative;
    float: left;
    /*padding: 4px 8px;*/
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
    text-align: center;
	border-radius: 5px;
	padding: 0 15px;
    height: 28px;
    line-height: 28px;
}
.active2 {
    z-index: 2;
    color:White !important;
    cursor: default;
    background-color: #e30110 !important;
    border-color: #e30110 !important;
	text-align: center !important;
}
#AspNetPager1_input
{
	float:left;	
	padding: 8px 10px;
	margin-left:5%;
	margin-top:21px;
}
#AspNetPager1_btn
{
	float:left;	
	padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top:21px;
    margin-left:5px;
}


