/* CSS Document */

@font-face {
	font-family: "Syst_R";
	src: url('/fonts/SourceHanSerifSC-Regular.otf') format('truetype');
}

*{ font-family: "Syst_R", 'Microsoft YaHei','微软雅黑';}

body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,button{ margin:0; padding:0; -webkit-tap-highlight-color:rgba(255,255,255,0); }

html {  width: 100%; font-family: 'Microsoft YaHei'; font-size: 12px; outline: 0; -webkit-text-size-adjust:none;}

body {  width:100%; max-width: 460px; margin: 0 auto; -webkit-user-select: none; position: relative; background-color:#f7f7f7;}

a:hover,a:link,a:visited,a{ color:inherit; text-decoration:none;}

ul,li{list-style:none}

i{font-style:normal}

header{ width:100%; height:1.8rem; line-height:0.6rem; padding: 0.3rem 0; box-sizing: border-box; background-color:#212830;font-size:0.4rem; text-align: center; color: #fff; letter-spacing: 1px; display: none;}

footer{ position:fixed; bottom:0; width:100%; height:1.58rem; background-color:#212830; overflow:hidden; z-index: 9; left:0;}

footer .foot{ float:left; width:25%; height:5rem; text-align: center; overflow:hidden; color:#9c9c9c;}

footer .foot img{width: 50%;}


.jg{ width:100%; height:1.58rem;}



.logo{ width:100%; display: block;}

/* CSS Document */

#_contain{ margin-bottom:0;}

.banner{ width:100%; height:6.6rem; overflow:hidden;}

.banner img{ width:100%; height:6.6rem;}

.menu{width:100%;background-color:#212830;border-bottom: 1px solid #e1e1e1; }

.menu .nav{float:left;width: 19.7%;line-height: 40px; border-right: 1px solid #e1e1e1; overflow:hidden;background:#212830;font-size:0.4rem;text-align:center; box-sizing: border-box;}

.menu .nav:last-child{ border-right:none;}

.menu .nav img{ max-height: 100%; width: 100%; display: inline-block; vertical-align: middle;}

.menu .nav a{ font-size:0.5rem;color:#fff; display: block;}

.name{ width:100%;margin:0.47rem 0; text-align: center;}
.name span{ display:block;}
.name .cnname{ font-size: 30px; color: #212830; font-weight: bold;}
.name .line{ width:100px; height: 1px; background: #aaa; margin: 3px auto;}
.name .enname{ font-size: 18px; color: #f4c51d; text-transform: uppercase;}



.menu1 .nav:first-child{
	width: 16%;
}


.menu1 .nav{
	width: 28%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #fff
}


.menu2{ display:none; position: fixed; width: 100%; height: 100%; left: 0; z-index: 9999; box-shadow: 5px 12px 12px 0 rgba(255,255,255,0.8);}

.menu2 .nav{ width:100%; border-right: none; line-height: 40px;border-bottom: 1px solid #e1e1e1; }

.menu2 .nav a{ font-size:14px;}



.closebut{ position:absolute; left: 101%; top: 8px;}





.contain{ width:12.14rem; height:100%; margin:0 0.14rem; overflow:hidden;}

.ad{ width:12.14rem; height:5rem; margin-top:0.3rem;}

.ad img{ width:12.14rem; height:5rem;}

.ad-left ,.add-right{ float:left; width:5.92rem; height:3.8rem; margin-top:0.3rem; overflow:hidden;}

.ad-left{ margin-right:0.3rem;}

.ad-left img,.add-right img{ width:5.92rem; height:5.25rem;}

.favorable{ width:90%; padding: 0 5%; overflow:hidden; font-size: 12px;}

.fb:nth-child(odd){ float:left; width:49.5%; height:6.95rem; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; overflow:hidden;}

.fb:nth-child(even){ float:left; width:49.5%; height:6.95rem; border-bottom:1px solid #e1e1e1; overflow:hidden;}

.cbr{ border-right:none;}

.fb-lt{margin:0.3rem 0.14rem 0 0.14rem;}

.fb-lt img{width: 100%;height:5.25rem;display:block;}

.fb-lt p{}

.fb-lt p.fb-name{ margin-top:0.3rem; font-size:0.4rem; text-align:center;}

.fb-lt p.price{ margin-top:0.2rem; font-size:0.3rem;}

.fb-lt p span{ font-size:0.3rem; color:#d7d7d7;}

.fb-lt p span.discount{ float:left; margin:0.2rem 0 0 0.5rem; color:#f46b29;}

.fb-lt p span.num{ float:right; margin-right:0.5rem;}

.fb-lt p span big{ font-size:0.5rem; color:#ff3500;}

.more{ width:100%; height:1.37rem; line-height:1.37rem; margin: 0.5rem 0 1rem 0; text-align:center; cursor:pointer;}

.more p{ font-size:0.5rem; color:#000;}

.more p a{ width:1rem; margin: 0 auto; background: #fff; padding: 6px 28px;  box-shadow: 2px 2px 2px #ccc; border-radius: 5px;}



.clearfix:before{ content: ""; display: table;}
.clearfix:after{ content: ""; display: table; clear: both;}

.casetext p,
.watermark .pic1{
	position: relative;
}
.casetext p:before{
	content: '';
	display: block;
}
.casetext p:before,
.watermark .pic1 span{
	width: 100%;
	height: 100%;
	background: url("/images/watermark.png") center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}

.indexnews{ width:90%; overflow:hidden; padding: 0 5%;}

.indexnews ul li{font-size:0.48rem; display:block; background: #fff; padding: 0.5rem; margin-bottom:0.5rem;}

.indexnews ul li a{font-size:0.48rem;}

.indexnews ul li .left{float:left;width: 100%;font-size: 12px;}
.indexnews ul li .left .newstitle{ font-size: 18px; font-weight: bold; color: #212830; border-bottom: 1px solid #aaa;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;}
.indexnews ul li .left .newssmalltext{ line-height: 20px; margin: 5px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}


.indexab{width:90%; height:100%; overflow:hidden;margin:0 5%; line-height:1rem; font-size:0.48rem;}



.page{float:left;margin-top:20px;text-align:center;width:100%; margin-bottom: 60px;}

.page a{border:1px solid #212830;padding:4px 6px;font-size:12px;}

.page .thispage{padding:4px 6px;background:#212830;font-size:12px;color:#fff;}





.newstext

{

	margin-bottom:20px;

	font-size:0.5rem;

	padding:20px;}

.newstext h2{text-align:center;font-size: 18px !important;}

.newstext .info

{width:100%;font-size: 0.4rem;height: 29px;margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;text-align:center;margin-bottom:10px;}

.newstext *{ font-size:12px !important;}


.propagechange .pagechangel, .propagechange .pagechanger{ width:49.5%; float:left; font-size:0.4rem;}

.propagechange .pagechangeleft{ float:right; margin-right:10px;}

.propagechange .pagechangeright{ float:left; margin-left:10px;}

.propagechange .pagechangeleft, .propagechange .pagechangeright{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:20px;}

.propagechange .pagechangeleft a, .propagechange .pagechangeright a{ color:#000;}



.newspagechange .pagechangel, .newspagechange .pagechanger{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin:0 20px 10px 20px;font-size:0.4rem;}

.newspagechange .pagechangel a,.newspagechange .pagechanger a{ color:#000;}









.block_home_slider {

	position: relative;

	border-radius: 3px;

	text-align: center;

	line-height: 0px;

	margin-right: auto;

	margin-left: auto;

}  /*底部小图标*/

.block_home_slider .slide {position:relative;}

.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-20px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}

.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}

.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}

.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}

.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}

.block_home_slider .flex-control-paging {display:inline-block;}

.block_home_slider .flex-control-paging li {margin: 0px;padding: 0px;float: left;overflow: hidden;list-style-type: none;}

.block_home_slider .flex-control-paging li a {width:12px; height:12px; display:block; background-repeat:no-repeat; background-image:url(../images/sprite_nav_3.png); text-indent:-9000px; cursor:pointer;}

.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}



.block_home_post_feature {width:300px;}

.block_home_post_feature p {padding-bottom:0px;}



.pic{ overflow: hidden;}
.pic img{ max-width: 100%; display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden; transition: all 0.5s;transform: scale(1); max-height:100%;}


.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

	list-style-type: none;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



.naboutvideo{
	cursor: pointer;
}

.shadow{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: .65;
	z-index: 9999;
	display: none;
}
.videoarea{
	position: fixed;
	top: 20%;
	width: 90%;
	max-width: 900px;
	left: 5%;
	z-index: 999999;
	display: none;
}
.videoarea .icon-guanbi{
	position: absolute;
    color: #fff;
    right: 10px;
    top: 10px;
    font-size: 20px;
    line-height: 20px;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    padding: 10px;
	z-index: 9999999;
	cursor: pointer;
}
.videoplay video{
	width: 100% !important;
	max-height: 600px !important;
}


.videohide,
.videohide video{
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
}






.indexab{ padding: 0 0 49px 0;}

.indexab img{ max-width:100%;}

.indexab p iframe{ margin-right: -248px;}

.newstext img{ max-width:100%; height: auto;}






.indexab2{width:100%;padding: 1rem 0 0 0;margin: 0;background: #dfcca1;}
.indexab2 p{width:90%;margin:0 5%; font-size: 0.4rem !important; line-height: 0.7rem !important; text-align: justify;}
.indexab2 p *{ color: #fff !important; font-size: 0.4rem !important;}

.indexab2more{background: url(../images/w_16.jpg) center bottom 0 no-repeat #dfcca1;background-size: cover; margin: 0; padding: 0.5rem 0 1rem 0;}
.indexab2more p a{background: #001b26; color: #dfcca1;}


.indexfl{width:90%; background: #fff; margin: 0 auto 1rem auto; border: 1px solid #e1e1e1;}
.indexfl li{ width: 33%; display: block; text-align: center; float: left; line-height: 0.8rem; height: 0.8rem; border-right: 1px solid #e1e1e1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
}
.indexfl li:nth-child(3),
.indexfl li:nth-child(6){ border-right:none;}
.indexfl li:nth-child(7){ border-right:none; width: 100%;}
.indexfl li a{ font-size:12px;}
.indexfl li.this{
    background: #212830;
}
.indexfl li.this a{
    color: #dfcca1;
}


.indexnewsfl li{ width: 33%; padding: 0;}


.clear{ clear:both;}


.subbutton

{

	padding:4px 24px;

	border:1px solid #ccc;

	font-size:12px;

	background:#fff;

	vertical-align:center;

}


.contacttext{ position: relative; height: 650px;}
.contacttext iframe{ position: absolute; top: 260px;
    left: 50%;
    margin-left: -267px;
}
.contacttext table td:nth-child(2){ display:none;}








input,select,textarea{ outline:none;}

.cus *{ font-size:12px; }
.cus td{ height: 35px; }
.cus input{ width: 100%; height: 25px; }
.cus img{ height: 28px; }
.cus .subbut{
    background: #033c9a;
    border: none;
    color: white;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 10px 0;
    cursor: pointer;
    width: 100%;
    height: 48px;}


.cus a{ background: #033c9a; padding: 3px 5px; color: #fff;}

.cus input[type="text"]{ max-width: 98%; }
.cus input[type="text"]#key{ max-width: 60%; }
.cus input[type="password"]{ max-width: 98%; }

#trackpronew{ padding: 2px; width: 97%; height: 150px;}
#trackpro{ background: none; padding: 2px; width: 430px; height: 150px;}

.cus table{ width: 100%; }


#tabbox ul,li{margin: 0;padding: 0;list-style: none;}
#tabbox a{text-decoration: none;color: #000;font-size: 14px;}
#tabbox{overflow:hidden; margin:0 auto;}
#tabbox .tab_conbox{border-top: none; margin-top: 40px;}
.tab_con{ display:none;}
.tabs{width: 100%; border-right: 1px solid #fff;}
.tabs li{float:left;overflow: hidden;position: relative; border-left: 1px solid #fff; border-bottom: 1px solid #fff; width: 49%; text-align: center;}
.tabs li a {display: block;outline: none; color: #033c9a; background: #ccc;}


#tabbox .tabs li.thistab a{ background: #033c9a; color: #fff;}




#trackpro{ padding: 2px; width: 97%; height: 150px;}


input{-webkit-appearance:none; border-radius: 0;}
textarea{-webkit-appearance:none; border-radius: 0;}

.tableborder{ font-size: 14px;}
.tableborder{}


.messagetable input{ width: 95%; height: 25px;}
.lj{ color: #fff !important; float: right; }





#lytext{ padding: 2px; width: 97%; height: 150px;}

.cus *{ font-size:12px; }

.cus td{ height: 35px; }
.cus input{ height: 25px; }
.cus img{ height: 28px; vertical-align: middle;float: none !important;}
.cus .subbut{
    background: #033c9a;
    border: none;
    color: white;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 10px 0;
    cursor: pointer;
    width: 100%;
    height: 48px;}

.cus a{ display: block; }
.cus a.tgbut{ background: #033c9a; padding: 3px 5px; color: #fff; display: inline-block; line-height: 20px;}

.cus input[type="text"]{ width:250px; }
.cus input[type="text"]#key{ width:140px; }
.cus input[type="password"]{ width:250px; }

#trackpronew{ padding: 2px; width: 430px; height: 150px;}
#trackpro{ background: none; padding: 2px; width: 430px; height: 150px;}

.cus .header{ font-weight: bold;}

.cus td{ padding: 0 10px; }
.cus td.this{ background: #033c9a; }
.cus td.this a{ color: #fff; }
.cus table td:nth-child(2){display:inline-table !important;}






    .pc{display: none;}
    .wap{display: block;}





.membercp{
    height:auto;
}

.cus table tr td.this{
    width: auto;
}


.cus .btable a{
    background: #ddd;
    color: #000;
}

.cus .btable td.this a{
    background: #033c9a;
    color: #fff;
}

.cus table td:nth-child(2){
    display: table-cell !important;
}





.sabout *{
	color: #001b26 !important;
}



.newstext table{
	width: 100%;
}






input::-webkit-input-placeholder{		color: #666; font-size: 14px;}
input::-moz-input-placeholder{			color: #666; font-size: 14px;}
input::-ms-input-placeholder{			color: #666; font-size: 14px;}
input::-o-input-placeholder{			color: #666; font-size: 14px;}
textarea::-webkit-input-placeholder{	color: #666; font-size: 14px;}
textarea::-moz-input-placeholder{		color: #666; font-size: 14px;}
textarea::-ms-input-placeholder{		color: #666; font-size: 14px;}
textarea::-o-input-placeholder{			color: #666; font-size: 14px;}



.tableborder{ font-size: 14px;}

.tableborder li{ display: block; float: left; width:100%;}

.tableborder li:nth-child(3){ display: block; float: left; width:100%;}

.tableborder li:nth-child(5){ display: block; float: left; width:100%;}



.tableborder li img{ vertical-align: middle; float: right;}



.tableborder input[type="text"]{ width:95%; height: 33px; padding: 0 2%; margin: 0 0 10px 0; background: none; border:1px solid #a9a9a9;}

.tableborder input::-webkit-input-placeholder{ color: #7f7f7f; font-size: 14px;}

.tableborder input::-moz-input-placeholder{ color: #7f7f7f; font-size: 14px;}

.tableborder input::-ms-input-placeholder{ color: #7f7f7f; font-size: 14px;}

.tableborder textarea{ width:95%; height: 130px; display: block; padding: 2%; margin: 0 0 10px 0; background: none; border:1px solid #a9a9a9;}

.tableborder textarea::-webkit-input-placeholder{ color: #7f7f7f; font-size: 14px;}

.tableborder textarea::-moz-input-placeholder{ color: #7f7f7f; font-size: 14px;}

.tableborder textarea::-ms-input-placeholder{ color: #7f7f7f; font-size: 14px;}



.tableborder input[type="text"]#key{ width:50%; padding: 0 2%; margin: 0 10px 0 0; background: none; border:1px solid #a9a9a9;}



.subbutton{ border:1px solid #212830; font-size:18px; width: 100%; margin: 10px 0 0 0; height: 33px; cursor: pointer; background:#212830; color:#fff; float: right;}

.subbutton:hover{ background:none; color:#212830; border: 1px solid #212830;}