@charset "gb2312";
/* CSS Document */

*{
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:auto;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}
html{ overflow-x:hidden;}
body{ margin:0; padding:0;width:100%;font:normal 20px/1.4em "microsoft yahei"; color:#333; background:#eee;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,ul,li,img,dl,dt,dd,a,input,table,tr,td{ margin:0; padding:0; border:0; font-size:12px; font-weight:normal; list-style-type:none; text-decoration:none; outline:none;}
i,b{ font-style:normal; font-weight:normal;}
a,button{ color:#333; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:hover{color:#184f8e;-webkit-tap-highlight-color:rgba(0,0,0,0)
-webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;}
a:active{star:expression(this.onFocus=this.blur());}

@font-face {
	font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?qradjf');
    src:url('../fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?qradjf') format('truetype'),
        url('../fonts/icomoon.woff?qradjf') format('woff'),
        url('../fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 公用样式 */
.clear:after{ content:'.'; clear:both; height:0; display:block; visibility:collapse;}
.left{ float:left;}
.right{ float:right;}
.inline{ display:inline;}
.family{ font-family:Arial;}
.family1{ font-family:宋体;}
.size1{ font-size:18px;}
.size2{ font-size:25px;}
.bold{ font-weight:bold;}
.none{ display:none;}
.ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.width1{ width:1000px; margin:0 auto; position:relative;}
.width2{ width:100%;}
.width3{ width:auto;}

.color1{ color:#cb9f5c;}
img{
        /*pointer-events: none;*/
        -webkit-user-select: none;
        -moz-user-select: none;
        -webkit-user-select:none;
        -o-user-select:none;
        user-select:none;
        -webkit-touch-callout: none ;
    }

@media screen and (max-width: 800px){
.width1{ width:100%; margin:0 auto; position:relative;}	
}

/* 头部 */
.index_head{ width:100%; position:absolute; top:0; left:0; z-index:99;}
.logo{ margin-top:30px;}
.head_right{ /*width:930px;*/ width: 800px;}
.head_member{ width:auto; margin-top:16px;}
.head_member a{ width:auto; font-size:13px; height:25px; line-height:25px; padding:0 10px; margin:0 5px 0 10px; display:inline; color:#333;}
.man_a1{ background:#000; color:#fff !important; border-radius:3px;}

.nav{ width:100%; margin-top:20px;}
.nav li{ width:auto; float:left;}
.nav li a{ display:inline-block; font-size:16px; color:#000;/* padding-left:52px;*/ padding-left:36px;}
.nav li.nav_cur a{ color:#1461b9;}

/*大图*/
.flickerplate {
	position:relative;
	width:100%;
	height:765px;
	background-color:#e6e6e6;
	overflow:hidden
}
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table; background-repeat:no-repeat;
}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:10px;
	color:#fff;
	display:table-cell;
	vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
	max-width:68.75em;
	margin-left:auto;
	margin-right:auto
}
.flickerplate ul.flicks>li .flick-title {
	padding:0px 0px;
	font-size:2.778em;
	line-height:1.995em;
	text-align:center
}
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
.flickerplate ul.flicks>li .flick-sub-text {
	padding:5px;
	font-weight:300;
	line-height:2.5em;
	color:rgba(255, 255, 255, 0.8);
	text-align:center
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding:12px 18px;
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url(../images/arrow-left-light.png);
	background-repeat:no-repeat;
	background-position:left
}
.flickerplate .arrow-navigation.right {
	right:0%
}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url(../images/arrow-right-light.png);
	background-repeat:no-repeat;
	background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100
}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px
}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none
}
.flickerplate .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
	background-color:#fff
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url("../img/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../img/flickerplate/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
}


/*底部*/
.footer_01{ width:100%; background:#073f74; padding:20px 0; color:#dad5d5; font-size:14px; line-height:30px; position:relative; z-index:99;}
.foot_le{ width:50%;}
.footer_01 a{ font-size:14px; color:#dad5d5; padding-right:10px;}
.footer_01 a:hover{ color:#fff;}
.footer_02{ width:100%; padding:15px 0; background:#e0e3f4; font-size:14px; color:#666262; text-align:center;}
.footer_02 a{ color:#666262; font-size:14px;}
.footer_02 a:hover{ color:#000;}

.mob_right{ width:100%; position:absolute; display:none;z-index: 999}
.mob_right a{ width:auto; line-height:5.5rem; font-size:1.2rem;}

/*手机导航*/
.navbar-toggle{ position:absolute; float: right;top:6px;right:-20px;margin-bottom: 8px; background-color: transparent; border:none;border-radius:1px;outline:none;cursor:pointer; width:79px; height:79px; overflow:hidden; z-index:99;}
.navbar-toggle .icon-bar {border-radius: 1px;display: block;height:4px; width:40px;background-color:#666;}
.navbar-toggle .icon-bar+.icon-bar {margin-top:8px;}
.main-menu .navbar-nav {float: none;background-color: #28292e;padding: 10px 0;}
.navbar-nav { margin: 7.5px -15px;}

.navbar-collapse {width:100%; background:#f6f6f6;padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);position: relative; top:5.78rem; left:-16px;}
.collapse {display:none}
.collapse.in {display:block}
.collapsing {position:relative;height:0;overflow:hidden;
    -webkit-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease;
-webkit-transition-duration:.35s;
-o-transition-duration:.35s;
transition-duration:.35s;
	-webkit-transition-property:height, visibility;
	-o-transition-property:height, visibility;
	transition-property:height, visibility
}
.navbar-collapse.in {overflow-y:auto;}
.cd-nav{ position: fixed;z-index:99;top:0;left: 0;height: 100%;width: 100%;background:url(../images/navtan_bg.png);visibility: hidden;-webkit-transition: visibility 0s 0.7s;-moz-transition: visibility 0s 0.7s; transition: visibility 0s 0.7s;z-index:99;display:none;}
.cd-primary-nav {margin-top:0;z-index: 999}
.cd-primary-nav li {border-bottom:1px solid #e6e6e6;background:url(../images/navicon01.png) left 25px no-repeat;text-indent:2em;line-height:5rem;position:relative;}
.cd-primary-nav li i{ position:absolute; right:2%; top:2%; font-style:normal; font-size:1.2rem; color:#333; font-family:宋体; font-weight:bold;}
.cd-primary-nav li a{ font-size:1.5rem; display:block; color:#333;}
.cd-primary-nav li ul{ display:none;}
.cd-primary-nav li ul li{position: relative;float: left;width: 100%; border:none; background:none;}
.cd-primary-nav li ul li a{width:95%; padding:0 0 0 5%; border-top: 1px solid #eee; opacity: .75;text-shadow: none !important;visibility: visible;display:block;line-height:4rem;}
.cd-primary-nav li ul li a:hover{ color:#2526ba;}

.nabs_a{ width:auto;  position:absolute; top:0; right:12%; z-index:9;}
.nabs_a a{ font-size:1.5rem; padding-right:30px;}

.midan_wa1{ width:96%; padding:2%;}

/*手机站底部*/
.mo_footer{ width:100%; background:#073f74; border-top:1px solid #ddd; position:fixed; bottom:0; padding:2% 0; display:none;z-index: 888}
.mo_footer li{ width:25%; float:left; text-align:center;}
.mo_footer li a{ font-size:1.45rem; color:#fff;}
.mo_footer li i{ height:45px; width:100%; float:left;}
.mo_footer li img{ width:25%;}

.mob_default{ width:100%; padding:5% 0; margin:0 0 3%; background:#fff; display:none;}
.faw_numb{ width:100%;}
.faw_numb dl{ width:33.2%; float:left; border-right:1px solid #e6e6e6; text-align:center;}
.faw_numb dt{ width:100%; float:left; font-size:1.9rem; font-family:SimHei;}
.faw_numb dd{ width:100%; font-size:1.2rem; float:left; margin-top:5%; display:inline; color:#888;}
.faw_numb dl:last-child{ border-right:none;}

.faw_numc{ width:96%; margin:5% 2% 0; border-top:1px solid #e6e6e6; padding:5% 0 0%; text-align:center; color:#888;}
.faw_numc i{ width:100%; float:left; margin-bottom:2%; font-size:1.5rem; color:#333;}


@media screen and (max-width: 800px){
.index_head{ position:fixed; background:#fff; padding:0 2% 2%; width:96%;}
.logo{ margin-top:2%;}
.head_right{ display:none;}
.mob_right{ display:block;}
.footer_01{ display:none;}
.midan_wa1{ display:block;}
.mo_footer{ display:block;}
.footer_02{ font-size:1.2rem; padding:5%; width:90%;}
.footer_02 a{ font-size:1.2rem;}

.mob_default{ display:block;}
.infooter{ padding-bottom:15%;}
}

/*公司简介*/
.default_wrap{ padding:10% 0 40px;/* width:1200px; */ width:1000px; margin:0 auto;}
.default_head{ background:url(../images/intro_bg2.png); padding-bottom:15px;z-index: 999}
.ny_ban{ width:100%; background-size:cover;}
.ny_ban1{ background:url(../images/ny_ban1.jpg) center no-repeat fixed;}

.defauly_main{ width:100%; min-height:700px;_height:700px; background:url(../images/intro_bg2.png);/*border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1);*/}

.defa_rih{ /*width:920px;*/ width:100%; background:url(../images/intro_bg1.png) left top no-repeat; min-height:700px;_height:700px;}
.conn_i{ width:94%; margin:3%; float:left;}
.tiat{ width:100%; font-size:22px;line-height: 72px;border-bottom: 1px solid #eee; color: #333; float:left;}

.abs_main{ width:100%; margin:10px 0; float:left;}
.about_wanz{ width:100%; font-size:15px; padding:20px 0; line-height:2.5;}

.defa_left{ width:220px; padding:20px;}
.dan_tti{ width:100%; font-size:18px;color: #333; line-height: 18px; padding-top: 30px;float:left;}


.defa_left .list{ width:100%; margin-top:50px; float:left;border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
.defa_left .list a {width: 100%;height: 70px;line-height: 70px;display: block;border-top: 1px solid rgba(0, 0, 0, 0.07);}
.defa_left .list a .pic {width: 45px;height: 70px;position: relative;float: left;}
.defa_left .list a .pic img {position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;}
.defa_left .list a .tit1 {font-size: 16px;color: #333;float: left;margin-left: 15px;}
.defa_left .list a span {font-size: 16px;color: #333;opacity: 0.5;float: right;margin-right: 13px;font-family: Simsun;}
.defa_left .list a:hover .tit1 {color:#184f8e;}
.defa_left .list a:hover span {color: #184f8e;}

.leta_tel{ width:97%; margin-top:60px;font-size:15px; color:#333; padding-left:3%; float:left; display:inline;}
.leta_tel i{ width:100%; float:left; font-size:21px; font-weight:bold; margin-top:10px; color:#184f8e;}

@media screen and (max-width: 800px){
.default_wrap{ width:96%;margin:10% 2% 2%;}
.defa_left{ display:none;}
.defa_rih{ width:100%;}
.tiat{ font-size:1.6rem; font-weight:bold;}
.about_wanz{ font-size:1.4rem;}
.about_wanz img{ width:100% !important; height:auto  !important;}

.flickerplate ul.flicks>li{ background-size:161%;background-position: center top;}
.flickerplate{ height:410px;margin-top:6rem;}
}

/*新闻列表*/
.ba_mlist{ width:100%; margin-top:20px;}
.ba_mlist dl{ width:100%; float:left; margin-bottom:20px; display:inline; border-bottom:1px solid #eee; padding-bottom:20px;}
.ba_mlist dt{ width:268px; height:168px; float:left; overflow:hidden;}
.ba_mlist dt img{ width:100%;}
.ba_mlist dd{ /*width:65%;*/ width:67%; float:right;}
.ba_mlist dd h1{ width:100%; float:left; font-size:16px; color:#000;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ba_mlist dd p{ width:100%; font-size:13px; color:#888; line-height:1.8; margin:10px 0; float:left;}
.ba_mlist dd i{ float:left; margin-top:6px;}

.pro_page{ width:100%; float: left; margin:30px 0; display:inline; font-family:Arial;}
.pages { width:100%; height:30px; clear: both; text-align:center;}
.pages a{ border:#ddd 1px solid;border-radius:1px; text-align:center;line-height:30px; width: auto; padding:0 12px; display: inline-block; height:30px; background:#fff; color: #888; overflow: hidden; font-size:13px;}
.pages a:hover{color: #fff; background:#184f8e;}
.pages .pagesNum { color:#666}
.pages .pagesOn {background:#184f8e; color:#fff; }
.pages .pagesOn:hover{ color:#fff;}
.pages .pageinfo{line-height: 20px;padding-left: 10px;}
.pages .on{ font-size:12px; color:#888; font-family:microsoft yahei;}

.ny_ban2{ background:url(../images/ny_ban2.jpg) center no-repeat fixed;}

.gotoPage {height: 44px;line-height: 44px;width:98%;box-sizing: border-box;margin: 6% 0 6% 6px; display:none;}
.gotoPage ul {border: 1px solid #dedede;background:#fff;width:100%;overflow: hidden;}
.gotoPage li.prevPage {padding-left: 10px;font-size:1.2rem;}
.gotoPage li.pageNumSelect {width:70%;}
.gotoPage li {float: left;height:55px;line-height:55px;border: 0;font-size: 1.3em;color: #222;}
.gotoPage li a{font-size:1.2rem; color:#222}
.twoShopList li {height: 110px;box-sizing: border-box;border-bottom: 1px solid #ccc;display: table;position: relative;}
.gotoPage li.pageNumSelect .numAction {width: 85px;position: relative;margin: 0 auto;}
.gotoPage .numAction .triangleIcon {position: absolute;display: inline-block;border-color: #ccc transparent transparent;border-style: solid;border-width: 5px;width: 0;height: 0;vertical-align: text-top;top:25px;right: 5px;}
.gotoPage li.pageNumSelect select {width: 85px;display: block;height:60px;border: 0;text-align: center;background: none;list-style: none;-webkit-appearance: none;font-size:1.5rem; outline:none; padding-left:10px;}
.gotoPage li.pageNumSelect select option {width: 100%;text-align: center;display: block;}

@media screen and (max-width: 800px){
.ba_mlist dl{ width:45%; margin:0 1% 7%; background:#fff; padding:1.5% 1.5% 3%;}
.ba_mlist dd{ width:100%; margin-top:6%;}
.ba_mlist dt{ width:100%;}
.ba_mlist dd h1{ font-size:1.5rem;}
.ba_mlist dd p{ width:100%; height:4rem; font-size:1.2rem; overflow:hidden;}
.pro_page{ display:none;}
.gotoPage{ display:block;}
}

/*新闻详细*/
.Detaiye_nre{ width:100%; padding-bottom:50px; padding:2% 0 2.5%;}
.Detaiye_nretit{ width:100%; border-bottom:1px dashed #eee; padding:0 0 10px;}
.Detaiye_nretit1{ width:100%; line-height:20px; font-size:18px; color:#000; text-align:center; padding:20px 0 5px 0;}
.Detaiye_nretit2{ width:100%; margin-top:5px;}
.Detaiye_nretit2z{ width:100%; line-height:30px; color:#777; font-size:12px; text-align:center;}
.Detaiye_nretit2y{ width:138px;}

.Detaiye_wznr{ width:100%; font-size:15px;padding:30px 0;border-bottom:1px dashed #d4d4d4;line-height:2.5; } 
.Detaiye_db{ width:100%; margin-top:20px;}
.Detaiye_dbbd{ width:135px; height:45px; border:1px solid #959595; border-radius:30px; text-align:center; line-height:45px; color:#9d9d9d; font-size:15px;}
.Detaiye_dbbd:hover{-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	background:#e48013;
	color:#fff;
	border:1px solid #fff;}
.Detaiye_pages{ width:100%; padding-top:10px;}
.pages_sha{ width:100%;}
.pages_sha span{ font-size:15px; color:#777; line-height:30px; font-size:14px;}
.pages_sha a{ width:80%; font-size:15px; line-height:30px; font-size:14px;}

@media screen and (max-width: 800px){
.Detaiye_nretit1{ font-size:1.6rem;}
.Detaiye_nretit2z{ font-size:1.2rem; margin-top:3%;}
.back_list{ font-size:1.2rem; margin-top:3%;}
.Detaiye_wznr{ font-size:1.4rem;}
.pages_sha span{ font-size:1.4rem;}
.pages_sha a{ font-size:1.4rem;}
.pages_sha{margin-bottom:3%;}
}

/*视频列表*/
.ny_ban3{ background:url(../images/ny_ban3.jpg) center no-repeat fixed;}
.video_list{ width:100%; margin-top:30px;}

.video_list li{ width:270px; height:195px; float:left; margin: 0 1% 3%; position:relative; overflow:hidden;}

.port-3{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;perspective: 500px;}
.port-3 img{transition: 0.5s; width:100%;}
.port-3.effect-2 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center bottom 0; top: auto; bottom: 0;}
.port-3.effect-2:hover .text-desc{transform: none; opacity: 1;}
.port-3.effect-2:hover img{transform: translateY(-100%)}
.video_list li h3{font-size:15px; margin:40px 0 10px; color:#fff;}
.video_list li .btn{display: inline-block; padding: 5px 20px; font-size: 14px; color: #184f8e;background-color: #fff; text-decoration: none; transition: 0.4s;}
.video_list li .btn:hover{background-color: transparent; background:#fff; color: #4d92d9; transition: 0.4s;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #184f8e; height: 100%; opacity: 0; width: 100%;}

@media screen and (max-width: 800px){
.video_list li{ width:47%; margin: 0 1.5% 3%;}
}

/*登录*/
.ny_ban4{ background:url(../images/ny_ban4.jpg) center no-repeat fixed;}
.login_main{ width:45%; margin:5% auto 0;}
.lais_m1{ width:100%;}
.lais_m1 h1{ text-align:center; width:100%; float:left; font-size:26px; color:#000; margin:10px 0;}

.tac_input{ width:100%; float:left; margin:8% 0 5%;}
.shur_mob{ width:96%; height:50px; line-height:50px; float:left; margin-bottom:15px; display:inline; border:1px solid #e6e6e6; font-size:16px; color:#c7c7c7; padding:0 2%; font-family:microsoft yahei; outline:none; border-radius:2px;-webkit-appearance:none;}
.shur_mob:focus{ color:#333;}
.shur_ok{ width:100%; height:50px; line-height:50px; background:#184f8e; text-align:center; border:none; cursor:pointer; font-family:microsoft yahei; color:#fff; font-size:20px; margin-top:30px;-webkit-appearance:none;}
.tac_forget{ width:100%; float:left; margin:10px 0 0; display:inline; font-size:14px;}
.tac_forget a{ font-size:14px;}
.tac_forget a:hover{ color:#0061bd;}

@media screen and (max-width: 800px){
.login_main{ width:100%;}	
.shur_mob{ height:5rem; line-height:5rem; font-size:1.5rem;border-radius:0;}
.shur_ok{ height:5rem; line-height:5rem; font-size:1.6rem;border-radius:0;}
.tac_forget{ font-size:1.4rem;}
.tac_forget a{ font-size:1.4rem;}
}

/*注册*/
.ny_ban5{ background:url(../images/ny_ban5.jpg) center no-repeat fixed;}
.shur_mob.shur_mob1{ width:56%;}

/*会员中心*/
.ny_ban5{ background:#eee;}
.member_bg1{ width:100%; /*height:200px;*/ background:#f6f6f6;}
.member_bg1 img{ width:100%;}
.memb_list{ width:100%; border:1px solid #eee; border-collapse:collapse; margin-top:30px;/* table-layout:fixed;*/}
.memb_list th{ border:1px solid #eee; padding:1%; font-size:16px; color:#000; background:#f9f9f9; font-weight:normal;}
.memb_list td{ border:1px solid #f3f3f3; line-height:1.5; padding:1%; font-size:14px;/*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/ color:#777; vertical-align:top;}
.delete_a{ padding:5px 15px; background:#ddd; color:#888;}
.delete_a:hover{ background:#073f74; color:#fff;}
.memb_list tr:hover td{ background:#f8f8f8;}

@media screen and (max-width: 800px){
.member_bg1{ height:auto;}
.member_bg1 img{ width:100%;}
.memb_list th{ font-size:1.4rem; padding:3% 1%;}
.memb_list td{ font-size:1.3rem; padding:3% 1%;}
.delete_a{ font-size:1.3rem;}
}

/*会员表单*/
.staku_lia1{ width:70%; margin-top:30px;}
.staku_lia1 li{ width:100%; float:left; margin-bottom:15px; display:inline;}
.staku_lia1 li label{ width:80px; font-size:15px; float:left; line-height:35px;}
.staku_lia1 li .staku_lma1{ width:66%; border:1px solid #e6e6e6; height:35px; line-height:35px; font-family:microsoft yahei; font-size:14px;-webkit-appearance:none; border-radius:0; outline:none; padding:0 0;text-indent: .5rem}
.staku_lia1 li .staku_lma2{ height:160px;-webkit-appearance:none; line-height:2;}
.staku_lma3{ width:auto; height:40px; line-height:40px; outline:none; cursor:pointer; background:#248ee0; color:#fff; padding:0 30px; font-family:microsoft yahei; font-size:15px; margin:20px 0 0 80px; display:inlinel;-webkit-appearance:none;}
.staku_lia1 li .staku_lma4{ width:66.5%;}

@media screen and (max-width: 800px){
.staku_lia1{ width:100%;}
.staku_lia1 li{ margin-bottom:5%;}
.staku_lia1 li label{ width:100px; font-size:1.4rem;}
.staku_lia1 li .staku_lma1{ width:96%; height:4rem; line-height:4rem; font-size:1.4rem; margin-top:2%;}
.staku_lia1 li .staku_lma4{ width:100%;}
.staku_lia1 li .staku_lma2{ height:10rem; line-height:2;}
.staku_lia1 li .staku_lma3{ margin-left:0; width:100%; height:5rem; line-height:5rem; font-size:1.6rem;}
}













.rad
{
    width: 25%;
    height: 40px;
    line-height: 40px;
    display: block;
    float: left;
    font-size: 14px;
}
.rad input
{
    display: block;
    float: left;
    margin-top: 11px;
    margin-right:8px;
}
.staku_lia1 li span
{
    width: 130px;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}
/*.staku_lia1 li label*/
/*{*/
    /*width: 30%;*/
/*}*/
.staku_lia1 select
{
    color: #333;
}
.staku_lma3
{
    margin: 20px 0 0 130px;
}
.san
{
    width:70%;
    height: 35px;
    line-height: 35px;
    font-family: microsoft yahei;
    font-size: 14px;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    float: left;
}
.san select
{
    width: 30%;
    height: 35px;
    line-height: 35px;
    font-family: microsoft yahei;
    font-size: 14px;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    float: left;
    margin-right: 3%;
    text-indent: 10px;
    border: 1px solid #e6e6e6;
}
@media only screen and (max-width: 640px)
{
    .rad
    {
        font-size: 1.4rem;
        width: 20%;
        height: 3.5rem;
        line-height: 3.5rem;
    }
    .rad input
    {
        display: block;
        float: left;
        width: 1rem;
        margin-top: 15px;
        margin-right:8px;
    }
    .staku_lia1 li span
    {
        width: 32%;
        font-size: 1.4rem;
        height: 3.5rem;
        line-height: 3.5rem;
    }

    .san
    {
        width:100%;
        height: 4rem;
        line-height: 4rem;
        font-family: microsoft yahei;
        font-size: 1.4rem;
        -webkit-appearance: none;
        border-radius: 0;
        outline: none;
        float: left;
    }
    .san select
    {
        width: 30%;
        height: 4rem;
        line-height: 4rem;
        font-family: microsoft yahei;
        font-size: 1.4rem;
        -webkit-appearance: none;
        border-radius: 0;
        outline: none;
        float: left;
        margin-right: 3%;
        margin-top: 2%;
        text-indent: 10px;
        border: 1px solid #e6e6e6;
    }
    .staku_lia1 li label
    {
        width: 20%;
    }
}

.log
{
    width: 100%;
    margin-bottom: 5px;
    height: auto;
    overflow: hidden;
    padding-left: 10px;
}
.log .rad input
{
    margin-top: 15px;
}
.logs
{
    margin-top: 2%;
    margin-bottom: 3%;
    overflow: hidden;
    clear: both;
}
.logs   select
 {
    width: 31.3%;
    height: 35px;
    line-height: 35px;
    font-family: microsoft yahei;
    font-size: 14px;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    float: left;
    margin-left: 3%;
    text-indent: 10px;
    border: 1px solid #e6e6e6;
    color: #c7c7c7;
}
.logs   select:first-child
{
    margin-left: 0;
}
.job {
    width: 100%;
    height: 50px;
    line-height: 50px;
    float: left;
    margin-bottom: 15px;
    display: inline;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    color: #c7c7c7;
    padding: 0 2%;
    font-family: microsoft yahei;
    outline: none;
    border-radius: 2px;
    -webkit-appearance: none;
    color: #cccccc;
}


@media only screen and (max-width: 640px)
{
    .job
    {
        height: 5rem;
        line-height: 5rem;
        font-size: 1.5rem;
        border-radius: 0;
    }
    /*.logs*/
    /*{*/
        /*margin-top: 2%;*/
        /*margin-bottom: 1%;*/
        /*overflow: hidden;*/
        /*clear: both;*/
    /*}*/
    .logs select
    {
        width: 31.3%;
        height: 4rem;
        line-height: 4rem;
        font-family: microsoft yahei;
        font-size: 1.4rem;
        -webkit-appearance: none;
        border-radius: 0;
        outline: none;
        float: left;
        margin-left: 3%;
        text-indent: 10px;
        border: 1px solid #e6e6e6;
    }
    .log .rad input
    {
        margin-top:1.5rem;
    }

}






 /*这是没有登录的状态的提示信息*/
.addAll
{
    width: 920px;
    height: auto;
    margin:150px auto 0 auto;
    padding:30px;
    background: #ffffff;
}
.add1
{
    color: #ff0000;
}
.add2
{
    color: #0061bd;
}
.add1:hover
{
    color: #0061bd;
}
.formbox
{
     width: 100%;
    margin-top: 10px;
}
.formbox table tr td
{
    font-size: 15px;
}
.formbox strong
{
    font-size: 15px;
}


@media only screen and (max-width: 640px)
{
    .addAll
    {
        width: 94%;
        height: auto;
        margin:5rem auto 0 auto;
        padding:2rem 3%;
        background: #ffffff;
    }
    .add1,.add2
    {
        font-size: 1rem;
    }
    .formbox strong
    {
        font-size:.8rem;
    }
    .formbox table tr
    {
        height: 2rem;
    }
    .formbox table tr td
    {
        font-size: 1rem;
    }
}
@media only screen and (max-width: 330px)
{
    .formbox strong
    {
        font-size: 0.5rem;
    }
}




/*这是插件的样式*/
@media only screen and (max-width: 640px)
{

    /*.validator_msg_tip .tip-error-ico*/
    /*{*/
        /*background-image: url(../images/error.gif)!important;*/
        /*background-size: 100% 100%!important;*/
        /*top: 0px!important;*/
        /*left: 0px!important;*/
        /*height: 30px!important;*/
        /*width: 30px!important;*/
    /*}*/
    .validator_msg_tip .tip-error-ico
    {
        background-image:url(../images/error.gif)!important;
        width: 30px!important;
        height: 30px!important;
        background-size: 100% 100%!important;
    }
    .validator_msg_tip .tip-success-ico {
        background-image: url(../images/success.gif)!important;
        width: 30px!important;
        height: 30px!important;
        background-size: 100% 100%!important;
    }

    .staku_lia1 li .staku_lma1
    {
        width: 85%;
    }



    .validator_tip_msg_content
    {
        display: none;
    }
    .validator_msg_tip_direction
    {
        display: none;
    }
    .validator_msg_tip
    {
        background: transparent;
        padding: 0 0 0 0!important;
        border: none;
        z-index: 888!important;
    }
    .mob_right
    {
        z-index: 999;
    }
}

/*悬浮客服*/
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

.cndns-right{position:fixed;right:0px;top:30%;margin-top:-150px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:88px;height:88px;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#fff;font-size:35px;line-height:88px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#fff;font-size:16px;line-height:25px;padding-top:25%;display:none; position:absolute; left:0; top:0; width:100%; height:75%; background:#3b73b4; margin:0;}
.cndns-right-meau:hover .cndns-right-btn p{ display:block;}
.meau-sev .cndns-right-btn{ background:#3679c6; color:#fff;} 
.meau-top .cndns-right-btn span{font-size:18px;line-height:12px;padding:30px 0 10px;display:block; color:#999;}







.img_show
{
    display: none;
    width: 3px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
}
@media screen and (max-width: 640px) {
    .img_show
    {
        width: 98%;
        height: 100%;
        padding: 1%;
        background: rgba(0,0,0,0.6);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        display: none;
        opacity: 1;
    }
    .img_close
    {
        display: block;
        margin: .8rem auto;
        width: 9%;
    }
}