@charset "utf-8";

/*-- 全局reset
-------------------------------------------*/

@font-face {
/* font-test*/
font-family: sr;
src:url('/fonts/SourceHanSansOLD-Normal-2.otf');
}


html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img {    margin: 0;    padding: 0;    border: 0;    outline: 0;}

body {   font: 12px/1.5 sr;   color: #333;    background-color: #FFFFFF;}
/*清除内外边距*/
h1, h2, h3, h4, h5, h6 {   font-weight: normal;   font-size: 100%;}
/*设置默认字体*/
:focus {   outline: 0;}
ul,ol {    list-style: none;}
/*重置列表*/
fieldset, img {   border: 0 none;   vertical-align: top;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {   font-style: normal;   font-weight: normal;}
abbr, acronym {   border: 0;   font-variant: normal;}
input, button, textarea, select, optgroup, option {   font-family: inherit;   font-size: inherit;   font-style: inherit;   font-weight: inherit;}
code, kbd, samp, tt {   font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {   *font-size: 100%;   outline: none;}
/*
form label {
    cursor: pointer;
}
*/
textarea {   resize: none;}
table {   border-collapse: collapse;   border-spacing: 0;}
/*重置表格*/
blockquote, q {   quotes: none;}

blockquote:before,blockquote:after,q:before,q:after {   content: '';   content: none;}


@-webkit-keyframes scale-bg{
	from{
		opacity: 1;
	}
	to{
		opacity: 1;
	}
}
@keyframes scale-bg{
	from{
		opacity: 1;
	}
	to{
		opacity: 1;
	}
}


.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
/*导航*/

/*** 鼠标经过上移动 ***/
.img-zoom-move 
{
transition:transform 0.6s;
-webkit-transition:transform 0.6s;
-moz-transition:transform 0.6s;
-ms-transition:transform 0.6s;
-o-transition:transform 0.6s;
}
.img-zoom-move:hover 
{
transform:translate(0,-10px);
-webkit-transform:translate(0,-10px);
-moz-transform:translate(0,-10px);
-ms-transform:translate(0,-10px);
-o-transform:translate(0,-10px);
}

.img-zoom-move-up
{
transition:transform 0.6s;
-webkit-transition:transform 0.6s;
-moz-transition:transform 0.6s;
-ms-transition:transform 0.6s;
-o-transition:transform 0.6s;
}
.img-zoom-move-up:hover 
{
transform:translate(0,10px);
-webkit-transform:translate(0,10px);
-moz-transform:translate(0,10px);
-ms-transform:translate(0,10px);
-o-transform:translate(0,10px);
}

/*** 鼠标经过图片旋转 ***/
.img-zoom-deg img{
	transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.img-zoom-deg:hover img {
    -webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
    transform: rotate(360deg);
}
/*** 鼠标经过图片旋转 ***/


/*******导航*******/
.header{width:100%;	position:fixed;	top:0;	left:0;	z-index:999999; height:auto;box-sizing: border-box;	padding: 0;margin: 0;}
.header_c{width:100%;	position:fixed;	top:0;	left:0;	z-index:999999; height:auto;box-sizing: border-box;	padding: 0;margin: 0; background: rgba(0,0,0,0.35);}

.nav_n{	width:100%;box-sizing: border-box;	padding: 8px 10% 14px; margin: 0px auto; opacity: 1;height: auto;} 
.nav_logo{ }
.navbar_nav_rt{ } 
.navbar_nav_rt li{float:left;position: relative;display: block;	margin: 13px 70px 0px 0px;color: #FFFFFF;font-size: 16px;}
.navbar_nav_rt li a{font-weight: normal;display: inline-block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;color: #FFFFFF;font-size: 16px;}

.navbar_nav_rt li:after{  content: "";  width: 0;  height: 2px;  background: #FFFFFF; position: absolute;  bottom: -10px;  left: 0;    transition: all 0.5s ease 0s;}
.navbar_nav_rt li:hover:after{    width: 100%;}
.navbar_nav_rt li a:hover{ color: #FFFFFF;} 

/*
.navbar_nav_rt li:last-child{ margin: 8px 0px 0px 0px; overflow: inherit;} 
.navbar_nav_rt li:last-child:after{height: 0px;} 
.navbar_nav_rt li:last-child div{display: none; overflow: inherit;transition: all 0.8s;} 
.navbar_nav_rt li:last-child:hover{ cursor: pointer;} 
.navbar_nav_rt li:last-child:hover div { display: block; position: absolute; z-index: 99999999; left: -32px;} 
*/

@media screen and (max-width: 1600px){
	.header_c{padding: 3px 0px;} 
	.nav_logo img{ width: 150px;} 
	.navbar_nav_rt li{ margin: 13px 50px 0px 0px;} 
	.navbar_nav_rt li a{font-size: 14px;} 
	.navbar_nav_rt li img{ width: 30px;} 
}
@media screen and (max-width: 1300px){
	.navbar_nav_rt li{ margin: 13px 45px 0px 0px;}
}


/*******导航*******/





/*******手机导航*******/
.thenone{ display: none;} 
.m_nav{	position: fixed;top: 0px;width: 100%;    height: 100%;   background: rgba(255,255,255,0.98);   transition: all ease 0.5s;   -webkit-transition: all ease 0.5s;z-index: 999999999;   opacity: 1;
    visibility: visible;   margin-top: 0;   overflow-y: auto;   transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;    top: 0;    transform: translateX(100%);}
.m_nav.open{   transform: translateX(0);}
.m_nav .top{height: 60px;padding: 20px;	box-sizing: border-box;}
.m_nav .top .closed{width: 30px;height: 30px;vertical-align: middle;float:right;cursor: pointer;}
.m_nav .logo{width: 100%;margin:0 auto;}
.m_nav .logo img{height: 50px;display: block;margin:30px auto;}
.m_nav .ul{margin-top: 30px;}
.m_nav .ul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;	transform: translateY(0);	-webkit-transform: translateY(100%);    transform: translateY(100%);    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;    opacity: 0;}
.m_nav.open .ul li{opacity: 1;   -webkit-transform: translateY(0);   transform: translateY(0);}
.m_nav .ul li:nth-child(1) {   -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;   transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2) {   -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;   transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3) {   -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;   transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4) {   -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;   transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5) {   -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;  transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6) {   -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;  transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{display: block;text-decoration: none;color: #333;font-size: 16px;height: 50px;line-height: 50px;width: 100%;}
.m_nav .ul li .dropdown_menu{display: none;}
.m_nav .ul li.dropdown.active .dropdown_menu{display: block;}
.m_nav .ul li .dropdown_menu a{display: block;height: 50px;line-height: 50px;padding: 0 40px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{border: none;}
/*******手机导航*******/




/***底部****/
.bottom{ width:100%; height:auto; background:#2b3550; margin:4% 0 0 0; padding:2% 10%; box-sizing: border-box;}
.bottom_{ width:100%;}

.bottom_ ul{} 
.bottom_ ul li{float:left;} 
.bottom_ ul li:nth-child(2n){ margin-left: 10px;} 
.bottom_ ul li:nth-child(3){ margin-left: 80px;} 
.bottom_ ul li:nth-child(5){ margin-left: 80px;} 
.bottom_ ul li:last-child{ float: right;} 
.bottom_ ul li h6{ color: #FFFFFF; font-size: 20px; margin-bottom: 5px; color: #FFFFFF;} 
.bottom_ ul li p{   color: #CCCCCC; font-size: 12px; line-height: 175%; font-weight: lighter;} 

.bottom_copy{color: #CCCCCC; padding: 15px 0px; border-top: #999999 1px solid;font-size: 12px; margin-top: 15px;} 
.bottom_copy a{color: #CCCCCC;} 

@media screen and (max-width: 1600px){
    .bottom{ margin:2% 0 0 0; }
	.bottom_ ul li:nth-child(2n){ margin-left:8px;} 
	.bottom_ ul li:nth-child(3){ margin-left: 10px;} 
	.bottom_ ul li:nth-child(5){ margin-left: 10px;} 
	.bottom_ ul li:last-child{ float: right;} 
	.bottom_ ul li:last-child img{ width: 160px;} 
	.bottom_ ul li h6{  font-size: 16px; } 
	.bottom_ ul li p{   font-size: 12px; line-height: 150%; } 

	.bottom_copy{ padding: 8px 0px;margin-top:8px;} 
	
	
} 
/***底部****/


@media screen and (max-width: 768px){
	
	.nav_n{ display: none;} 
	.thenone{ display: block;} 
    .header{padding: 10px 15px;	background: rgba(255,255,255,0.8);	box-sizing: border-box;	height: 60px;	z-index:99999999;}
	
	.header .left{width: 60%; float: left; margin-top: 5px;  }

	.header .left a img{height: auto;width: 100%;}
	
	.header #navToggle {height: 100%;padding: 9px 15px;margin-right: -15px;display: inline-block;float: right;	}
	.header #navToggle span {position: relative;width: 30px;height: 2px;margin-top:10px;}
	.header #navToggle span:before,	.header #navToggle span:after {	content: '';position: relative;	width: 100%;height: 2px;left: 0;}
	.header #navToggle span, .header #navToggle span:before, .header #navToggle span:after {-webkit-transition: 0.3s;-moz-transition: 0.3s;	-o-transition: 0.3s;transition: 0.3s;display: block;	background: #4f4f4f;}
	.header #navToggle span:before {top: 8px;}
	.header #navToggle span:after {	bottom: 10px;}
	.header #navToggle.open span:before {top: 10px;	-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);		-o-transform: translateY(-11px) rotate(-45deg);	transform: translateY(-11px) rotate(-45deg);}
	.header #navToggle.open span:after {bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);	}
	.header #navToggle.open span {background: none;	}
	.header #navToggle.open span:before, .header #navToggle.open span:after {	background: #4f4f4f;}
	
	.header .nav{display: none;	}
	.header .left{display: block;}
	.header .right{	display: none;}
	.header .looo{	display: none;}
	.header .loog{	display: block;	}	
}

/*导航*/


.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;

}

a:hover {
    text-decoration: none;
}

a.special,
.special a {
    color: #1eb37b;
}

a.special:hover,
.special a:hover {
    color: #1eb37b;
    text-decoration: none;
}

/*--清除浮动
-------------------------------------------*/
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.cf:after,
.clearfix:after {
    clear: both;
}

.cf,
.clearfix {
    clear: both;
    *zoom: 1;
}

/*-- 字号、颜色、外边距、内补丁、居中、行高、显示、隐藏
--------------------------------------------------------------------------*/
.c-333 {
    color: #333;
}

.c-666 {
    color: #666;
}

.c-999 {
    color: #999;
}

.c-green {
    color: #1fb079;
}

.c-orange {
    color: #fc714c;
}

.c-reg {
    color: #d90106;
}

/* 字号 */
.f9 {
    font-size: 9px;
    -webkit-text-size-adjust: none;
}

.f12,
.fb12 {
    font-size: 12px;
}

.simsun {
    font-family: SimSun;
}

.f14,
.fb14 {
    font-size: 14px;
}

.f16,
.fb16 {
    font-size: 16px;
}

.f18,
.fb18 {
    font-size: 18px;
}

.f20,
.fb20 {
    font-size: 20px;
}

.fb,
.fb12,
.fb14,
.fb16,
.fb18,
.fb20 {
    font-weight: 700;
}

/* 隐藏 居中 */

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.show {
    display: block;
}

.hide {
    display: none !important;
}

/*文字隐藏,省略号*/
.ti,
.te {
    white-space: nowrap;
    overflow: hidden;
}

.ti {
    text-indent: -999em;
}

.te {
    text-overflow: ellipsis;
}




@media screen and (max-width:768px){
	
.fl {
    float: none;
}

.fr {
    float: none;
}
	
}