/*reset*/

:focus{outline:0;}

body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;}

em{font-style:normal;}

img{border:none;}

li,ul,ol{list-style:none;}

a{text-decoration:none;color:#4d4d4d;}

input{padding:0px;vertical-align: middle;line-height: normal;} 

body{overflow-x:hidden;}

::selection {

background:rgba(0,0,0,0.1); 

color:#4d4d4d;

}

::-moz-selection {

background:rgba(0,0,0,0.1); 

color:#fff;

}

::-webkit-selection {

background:rgba(0,0,0,0.1); 

color:#fff;

}





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

.clearfix:after{clear:both;}

body{font-size:12px;font-family:"微软雅黑",'宋体',serif;color:#4d4d4d;}

.bold{font-weight:bold;}

.boldRed{font-weight:bold;color:#ff002b;}



*:link,*:visited,*:hover,*:active,*:focus{

 transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;

 -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;}

 



/*header*/

header, a, img, li{

	transition: all 0.40s;

	-moz-transition: all 0.40s; /* Firefox 4 */

	-webkit-transition: all 0.40s; /* Safari and Chrome */

	-o-transition: all 0.40s; /* Opera */

}

nav{margin: 0 auto;}



header{

	background: #fff;

	box-shadow:0 0 9px 1px rgba(0,0,0,0.15);

	-moz-box-shadow:0 0 9px 1px rgba(0,0,0,0.15);

	-webkit-box-shadow:0 0 9px 1px rgba(0,0,0,0.15);

	-o-box-shadow:0 0 9px 1px rgba(0,0,0,0.15);

	width: 100%;

	position: fixed;

	z-index: 999999;

}

#logo{float:left;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:24%}

#logo img{width:100%;height:auto;  max-width:235px}



/* Sizes for the bigger menu */

header.large{height:148px;padding:15px 0;}



/* Sizes for the smaller menu */

header.small{ height: 70px;padding:5px 0; }

header.small #logo img{max-width:120px;height:auto;margin-top:10px;}

header.small #cssmenu > ul > li{margin:0 16px;}

header.small #cssmenu > ul > li>a{

	font-size:16px;

}



.head_right{float:right;margin-bottom:10px;width:60%;text-align:right;}

.head_right li{display:inline-block;margin-right:15px; text-align:center;position:relative;}

.head_right li i{font-size:18px;padding-top:4px;}

.head_right li img{max-width:36px;max-height:36px;width:100%;height:auto;}

.head_right li p{display:inline-block;font-size:16px;font-weight:bold; vertical-align:middle;padding-left:10px;}

.head_right li a{width:40px; height:25px; display:block; position:absolute; left:0; top:0;}

.head_right li.wechat{  font-size:12px; text-align:center;}

.head_right li.wechat i{color:#5ac64f;}

.head_right li.wechat .wechat_nr{width:160px;padding:10px; background:#fff; text-align:center; position:absolute; left:-58px; top:38px; display:none;border:1px solid #e5e5e5;z-index:99;}

.head_right li.wechat .wechat_nr img{ margin-bottom:5px;max-width:100%;width:100%;height:auto;}

.head_right li.wechat .wechat_nr .arrow{

	width:0;

	height:0;

	border-bottom:10px solid #e5e5e5;

	border-left:10px solid transparent;

	border-right:10px solid transparent;

	position:absolute;

	left:50%;

	top:-10px;

	-webkit-transform: translate(-50%, 0);

	-moz-transform: translate(-50%, 0);

	-ms-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

}

.head_right li.wechat.on .wechat_nr{ display:block;}

.head_right li.wechat.on a{}



.head_right li.sina i{color:#fe9393;}



@media all and (max-width: 1200px) {

	#logo{width:22%;}

}



@media all and (max-width: 1000px) {

	.head_right li.wechat .wechat_nr{right:-10px;left:inherit;}

	.head_right li.wechat .wechat_nr .arrow{right:10px;left:inherit;}

}



@media all and (max-width: 768px) {

	#logo{position:absolute;left:20px;z-index:9999;}

	header.large{height:auto;}

	header.large #logo{top:10px;margin-top:5px;width:28%;}

}



@media all and (max-width: 500px) {

	.head_right{display:none !important;}

	header.large #logo{width:30%;}

}



/*banner*/

.flexslider01{position:relative;max-height:740px;overflow:hidden;max-width:1920px;margin:0 auto;z-index:99;padding-top:120px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.flexslider01 .slides{position:relative;z-index:1;}

.flexslider01 .slides li{max-height:640px;}

.flexslider01 .slides li img{width:100%;max-width:1920px;}



.flexslider01 .flex-control-nav{position:absolute;bottom:1%;right:1%;z-index:2;width:100%;text-align:center;}

.flexslider01 .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;box-shadow:0 0 5px 0 rgba(0,0,0,0.1);border-radius:50px;}

.flexslider01 .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:#fff;border-radius:50px;cursor:pointer;}

.flexslider01 .flex-control-nav .flex-active{background:#037b95;}



.flexslider01 .flex-direction-nav{position:absolute;z-index:3;width:100%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;top:55%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}

.flexslider01 .flex-direction-nav li a{display:block;width:45px;height:45px;line-height:200px;overflow:hidden;cursor:pointer;position:absolute;}

.flexslider01 .flex-direction-nav li a.flex-prev{left:0;background:url(../images/b-prev.png) center center no-repeat;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.flexslider01 .flex-direction-nav li a.flex-next{right:0;background:url(../images/b-next.png) center center no-repeat;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.flexslider01 .flex-pauseplay{display:none;}

.flexslider01:hover .flex-direction-nav{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.flexslider01:hover .flex-direction-nav li a.flex-prev{left:2%;}

.flexslider01:hover .flex-direction-nav li a.flex-next{right:2%;}

@media all and (max-width: 768px) {.flexslider01{display:none;}}



.flexslider01-s{position:relative;max-height:520px;overflow:hidden;max-width:768px;margin:0 auto;z-index:99;padding-top:120px;display:none;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.flexslider01-s .slides{position:relative;z-index:1;}

.flexslider01-s .slides li{max-height:420px;}

.flexslider01-s .slides li img{width:100%;max-width:768px;}



.flexslider01-s .flex-control-nav{position:absolute;bottom:1%;right:1%;z-index:2;width:100%;text-align:center;}

.flexslider01-s .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;box-shadow:0 0 5px 0 rgba(0,0,0,0.1);border-radius:50px;}

.flexslider01-s .flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:#fff;border-radius:50px;cursor:pointer;}

.flexslider01-s .flex-control-nav .flex-active{background:#037b95;}



.flexslider01-s .flex-direction-nav{position:absolute;z-index:3;width:100%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;top:55%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}

.flexslider01-s .flex-direction-nav li a{display:block;width:35px;height:60px;line-height:200px;overflow:hidden;cursor:pointer;position:absolute;}

.flexslider01-s .flex-direction-nav li a.flex-prev{left:0;background:url(../images/prev.png) center center no-repeat;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.flexslider01-s .flex-direction-nav li a.flex-next{right:0;background:url(../images/next.png) center center no-repeat;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.flexslider01-s .flex-pauseplay{display:none;}

.flexslider01-s:hover .flex-direction-nav{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.flexslider01-s:hover .flex-direction-nav li a.flex-prev{left:2%;}

.flexslider01-s:hover .flex-direction-nav li a.flex-next{right:2%;}

@media all and (max-width: 768px) {.flexslider01-s{display:block;}}





.index-title{display:block;text-align:center;padding-top:50px;text-align:center;padding-bottom:50px;}

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

.index-more{display:inline-block;border-radius:5px;padding:8px 50px;margin-top:80px;font-size:14px;font-family:'宋体';}

.index-more:after{content:"\f101";font-family:FontAwesome;padding-left:5px;}

@media all and (max-width: 768px) {

	.index-more{margin-top:50px;font-size:12px;}

}



/*index-service*/

.serBox{background:url(../images/bg-ser.png);width:100%;text-align:center;padding:40px 0;}

.serBox .index-ser{width:100%;}

.index-ser li{float:left;padding-left:15px;padding-right:15px;width:16.66%;text-align:center;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.index-ser li span{width:140px;height:162px;overflow:hidden;display:inline-block;margin-bottom:20px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.index-ser li em{display:block;font-size:18px;color:#4c4c4c;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;height:48px;line-height:24px;overflow:hidden;}

.index-ser li p{overflow:hidden;color:#999;height:62px;line-height:20px;margin-top:20px;font-family:'宋体';}

.index-ser li.index-ser01 span{background:url(../images/map.png) no-repeat;background-position:0 -161px;}

.index-ser li.index-ser01:hover span{background-position:0 0;}

.index-ser li.index-ser01:hover em{color:#0089fa;}



.index-ser li.index-ser02 span{background:url(../images/seo.png) no-repeat;background-position:0 -161px;}

.index-ser li.index-ser02:hover span{background-position:0 0;}

.index-ser li.index-ser02:hover em{color:#ff002b;}



.index-ser li.index-ser03 span{background:url(../images/100.png) no-repeat;background-position:0 -161px;}

.index-ser li.index-ser03:hover span{background-position:0 0;}

.index-ser li.index-ser03:hover em{color:#ffa900;}



.index-ser li.index-ser04 span{background:url(../images/google-adwords.png) no-repeat;background-position:0 -161px;}

.index-ser li.index-ser04:hover span{background-position:0 0;}

.index-ser li.index-ser04:hover em{color:#00a753;}



.index-ser li.index-ser05 span{background:url(../images/sns.png) no-repeat;background-position:0 -161px;}

.index-ser li.index-ser05:hover span{background-position:0 0;}

.index-ser li.index-ser05:hover em{color:#0089fa;}



.index-ser li.index-ser06 span{background:url(../images/alliance.png) no-repeat;background-position:0 -161px;}

.index-ser li.index-ser06:hover span{background-position:0 0;}

.index-ser li.index-ser06:hover em{color:#ff002b;}



.index-ser li:nth-child(2) { margin-top:82px; }

.index-ser li:nth-child(4) {margin-top:82px;}

.index-ser li:nth-child(6) {margin-top:82px; }



.serBox .index-more{border:1px solid #0089fa;color:#0089fa; margin-bottom:90px;}

.serBox .index-more:hover{text-decoration:none;color:#fff;background:#0089fa;}

.index-ser li a:hover{text-decoration:none;}



@media only screen and (max-width: 920px) {

	.serBox{padding-top:0;}

	.index-ser li{width:50%;text-align:left;}

	.index-ser li span{float:left;margin-right:15px;}

	.index-ser li em{font-weight:bold;display:inline-block;margin-top:10px;}

	.index-ser li:nth-child(2) { margin-top:0; }

	.index-ser li:nth-child(4) {margin-top:0;}

	.index-ser li:nth-child(6) {margin-top:0; }

}



@media only screen and (max-width: 720px) {

	.index-ser li{width:33.33333333%;text-align:center;margin-bottom:20px;}

	.index-ser li span{float:none;margin:0;}

	.index-ser li p{display:none;}

}



@media only screen and (max-width: 500px) {

	.index-ser li span{width:60px;height:70px;}

	.index-ser li.index-ser01 span{background:url(../images/map-s.png) no-repeat;}

	.index-ser li.index-ser02 span{background:url(../images/seo-s.png) no-repeat;}

	.index-ser li.index-ser03 span{background:url(../images/100-s.png) no-repeat;}

	.index-ser li.index-ser04 span{background:url(../images/google-adwords-s.png) no-repeat;}

	.index-ser li.index-ser05 span{background:url(../images/sns-s.png) no-repeat;}

	.index-ser li.index-ser06 span{background:url(../images/alliance-s.png) no-repeat;}

	.index-ser li em{font-weight:normal;}

}



@media only screen and (max-width: 400px) {

	.index-ser li{width:100%;}

	.index-ser li span{display:none;vertical-align:middle;}

	.index-ser li em{padding:8px;display:block;height:auto;}

	.index-ser li.index-ser01 em{color:#0089fa;border:1px solid #0089fa;}

	.index-ser li.index-ser02 em{color:#ff002b;border:1px solid #ff002b;}

	.index-ser li.index-ser03 em{color:#ffa900;border:1px solid #ffa900;}

	.index-ser li.index-ser04 em{color:#00a753;border:1px solid #00a753;}

	.index-ser li.index-ser05 em{color:#0089fa;border:1px solid #0089fa;}

	.index-ser li.index-ser06 em{color:#ff002b;border:1px solid #ff002b;}

	

	.index-ser li.index-ser01:hover em{background:#0089fa;color:#fff;}

	.index-ser li.index-ser02:hover em{background:#ff002b;color:#fff;}

	.index-ser li.index-ser03:hover em{background:#ffa900;color:#fff;}

	.index-ser li.index-ser04:hover em{background:#00a753;color:#fff;}

	.index-ser li.index-ser05:hover em{background:#0089fa;color:#fff;}

	.index-ser li.index-ser06:hover em{background:#ff002b;color:#fff;}

}



/*index-works*/

.workBox{background:url(../images/work-bg.jpg) no-repeat;background-attachment:fixed;text-align:center;padding:40px 0;}

.spotlightWrapper ul { list-style-type: none;margin:0px;padding:0px;overflow:hidden;max-height:360px;}

.spotlightWrapper ul li {display:inline-block;position:relative;margin:5px;max-height:168px;}

.spotlightWrapper ul li a{overflow:hidden;display:inline-block;width:223px;height:168px;position:relative;border:none;}

.spotlightWrapper ul li a>img {width:100%;max-width:100%;min-height:100%;height:auto;}

.spotlightWrapper ul li .light-active{position:absolute;left:0;top:0;background:#ff002b;background:rgba(255,0,43,0.9);height:100%;width:100%;text-align:center;}

.spotlightWrapper ul li .light-active span{display:inline-block;}

.spotlightWrapper ul li .light-active span img{

	max-width:94%;

	height:auto;

	position:absolute;

	left:50%;

	top:50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.spotlightWrapper ul li .light-active strong{

	width:84%;

	position:absolute;

	left:50%;

	top:50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.spotlightWrapper ul li .light-active strong em{display:block;color:#fff;font-weight:bold;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:5px;}

.spotlightWrapper ul li .light-active strong p{font-size:12px;padding-top:8px;color:#fff;max-height:46px;overflow:hidden;line-height:150%;font-weight:normal;}

.workBox .index-more{border:1px solid #ffa900;color:#ffa900;}

.workBox .index-more:hover{text-decoration:none;color:#fff;background:#ffa900;}

@media only screen and (max-width: 942px) {.spotlightWrapper ul{max-height:710px;}}



@media only screen and (max-width: 768px) {.spotlightWrapper ul{max-height:360px;}}





/*index-news*/

.newsBox{background:url(../images/news-bg.jpg);text-align:center;padding:40px 0;position:relative;}

.newsBox .news-line{height:1px;width:100%;position:absolute;top:39%;background:#e5e5e5;background:rgba(0,0,0,0.1);left:0;z-index:1;}



.index-news{width:100%;}

.index-news li{float:left;width:25%;text-align:center;position:relative;z-index:9;}

.index-news li .inews-date,.index-news li .inews-cal p,.index-news li div span{background:url(../images/news-icon.png) no-repeat;}

.index-news li .inews-date{width:78px;height:88px;display:inline-block;background-position:-12px -12px;padding-top:6px;}

.index-news li .inews-date em{font-size:28px;font-weight:bold;color:#fff;display:inline-block;}

.index-news li .inews-date p{color:#cbe7d5;border-top:1px solid #80d3a9;width:68%;display:inline-block;}

.index-news li .inews-cal{display:block;margin-top:10px;position:relative;z-index:9;}

.index-news li .inews-cal p{width:30px;height:30px;display:inline-block;background-position:-32px -324px;margin-right:5px;}

.index-news li div{

	border:1px solid #e5e5e5;

	border-radius:5px;

	box-shadow:0 0 5px 0 rgba(0,0,0,0.05);

	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.05);

	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.05);

	-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.05);

	max-width:210px;

	display:inline-block;

	margin-top:20px;

	background:#fff;

	padding:8px;

	position:relative;

	-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;

}

.index-news li div span{

	background-position:-40px -243px;

	position:absolute;

	left:50%;

	top:-11px;

	width:18px;

	height:12px;

	-webkit-transform: translate(-50%, 0);

	-moz-transform: translate(-50%, 0);

	-ms-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.index-news li div .inews-img{display:inline-block;overflow:hidden;width:100%;height:128px;}



.index-news li div .inews-img img{max-width:100%;height:auto;width:100%;min-height:100%;}

.index-news li div em{font-size:14px;line-height:150%;color:#4c4c4c;display:block;margin:5px 0;height:42px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;overflow:hidden;}

.index-news li div p{text-align:left;color:#b2b2b2;line-height:140%;overflow:hidden;max-height:66px;}

.index-news li div .inews-more{display:inline-block;margin-top:10px;color:#ff002b;float:right;font-family:'宋体';}

.index-news li div .inews-more:after{content:"\f101";font-family:FontAwesome;}

.index-news li div .inews-more:hover{text-decoration:underline;}

.index-news li:hover div em{color:#00a753;}

.index-news li div a:hover{text-decoration:none;}



.newsBox .index-more{border:1px solid #00a753;color:#00a753;}

.newsBox .index-more:hover{text-decoration:none;color:#fff;background:#00a753;}



@media only screen and (max-width: 960px) {

	.newsBox .news-line{display:none;}

	.index-news li{width:50%;padding-left:15px;padding-right:15px;margin-bottom:20px;}

	.index-news li .inews-date{float:left;background-position:-11px -123px;}

	.index-news li .inews-cal p{display:none;}

	.index-news li .inews-date em{margin-right:10px;}

	.index-news li .inews-date p{margin-right:8px;}

	.index-news li div{margin-top:0;max-width:76%;}

	.index-news li div span{display:none;}

	.index-news li div .inews-img{height:180px;}

}



@media only screen and (max-width: 768px) {

	.index-news li{width:100%;padding:0;}

	.index-news li div{max-width:84%;text-align:left;}

	.index-news li div img{max-width:200px;height:auto;margin-right:2%;float:left;}

	.index-news li div em{width:58%;height:auto; vertical-align:top;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

	.index-news li div p{width:58%;display:inline-block;}

	.index-news li div .inews-img{height:auto;}

}

@media only screen and (max-width: 670px) {

	.index-news li div .inews-img{display:none;}

	.index-news li div em,.index-news li div p{width:98%;}

}



@media only screen and (max-width: 580px) {

	.newsBox{padding-top:0;}

	.index-news li .inews-date{display:none;}

	.index-news li div{max-width:100%;text-align:left;}

	.index-news li div p{max-height:34px;}

}





.index-ad{width:100%;text-align:center;background:url(../images/text-bg.jpg) no-repeat center 20%;background-attachment:fixed;background-size:cover;padding:5% 0;}

.index-ad em{color:#fff;font-weight:bold;display:inline-block;font-weight:bold;font-size:42px;}

.index-ad p{color:#ffffff;font-weight:bold;font-size:16px;}

@media only screen and (max-width: 768px) {.index-ad{display:none;}}



/*footer*/

.footerBox{background:#393939;background-size:cover;position:relative;}

.footerBox .fot_title{color:#f9f9f9;font-size:16px;font-weight:bold;display:block;margin-bottom:20px;}

.fot-line{width:100%;}

.fot-line li{height:5px;display:inline-block;width:25%;float:left;}

.fot-line li.fline-01{background:#0089fa;}

.fot-line li.fline-02{background:#ff002b;}

.fot-line li.fline-03{background:#ffa900;}

.fot-line li.fline-04{background:#00a753;}



.footerBox .container{padding-top:40px;}

.fot-nav{width:11%;float:left;padding:0 15px;position:relative;}

.fot-nav li{margin:15px 0;}

.fot-nav li a{color:#bfbdbd;}

.fot-nav li a.boldRed{color:#ff002b;}



.fot-nav02{width:15%;float:left;padding:0 15px;position:relative;}

.fot-nav02 li{margin:15px 0;}

.fot-nav02 li a{color:#bfbdbd;}

.fot-nav02 li a.boldRed{color:#ff002b;}





.fot-con{width:54%;float:left;padding:0 15px;position:relative;}

.fot-con li{margin-bottom:30px;min-height:50px;position:relative;}

.fot-con li>p{display:block;color:#fb8f04;margin-bottom:10px;font-weight:bold; font-size:16px;}

.fot-con li div{color:#bfbdbd;}

.fot-con li div p{display:inline-block;}



.fot-share{float:right;width:20%;text-align:center;}

.fot-share span{display:block;width:100%;margin-bottom:20px;}

.fot-share span img{max-width:140px;width:100%;height:auto;}

.fot-share span p{color:#bfbdbd;margin-top:5px;}



.fot-share a{display:block;}

.fot-share a img{max-width:200px;height:auto;width:100%;}

.fot-share a p{color:#bfbdbd;margin-top:5px;}



.fot-bot{background:#393939;border-top:1px solid #7d7c7c;width:100%;padding:15px 0;text-align:center;}

.fot-bot p{color:#eee;display:inline-block; vertical-align:middle;}

.fot-bot li{display:inline-block;margin-left:20px;color:#eee; vertical-align:middle;}



.column .column_box{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin-bottom:20px;}

.column .block span{ display:block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.column .block span em{color:#000;text-transform:uppercase;display:block;font-size:20px;margin-bottom:20px;}

.icon-minus-sign:before {content:"\f078";font-family:'FontAwesome';}

.icon-plus-sign:before {content: "\f077";font-family:'FontAwesome';}

.footerBox .fot_title .column_icon_toggle {display: none;}





@media only screen and (max-width: 768px) {

	.fot-nav,.fot-share,.fot-con,.fot-nav02{width:100%;}

	.footerBox .fot_title{border-bottom:1px solid #404040;padding-bottom:15px;cursor:pointer;}

	.footerBox .fot_title .column_icon_toggle {display: inline-block;position: absolute;right: 20px;top:5px;font-style:normal;cursor:pointer;}

	.footerBox .toggle_content{padding-bottom:30px;margin-top:-20px;}

	.fot-share span,.fot-share a{display:inline-block; vertical-align:middle;}

	.fot-share a{margin-left:30px;}

	.fot-con ul{margin-top:20px;}

}



@media only screen and (max-width: 360px) {

	.fot-con ul li{width:100%;}

}



/*page*/

.breadcrumb{

	width:100%;

	padding:0;

	padding-top:100px;

	border-bottom:1px solid #e5e5e5;

	margin-bottom:0;

	box-shadow:0 0 9px 1px rgba(0,0,0,0.15);

	-moz-box-shadow:0 0 9px 1px rgba(0,0,0,0.15);

	-webkit-box-shadow:0 0 9px 1px rgba(0,0,0,0.15);

	-o-box-shadow:0 0 9px 1px rgba(0,0,0,0.15);

	position:relative;

}

.breadcrumb .container{padding-top:8px;padding-bottom:8px;}

.breadcrumb .container a{font-size:13px; vertical-align:middle;text-decoration:none;}

.breadcrumb .container .bc-index{color:#3498db;}

.breadcrumb .container a:hover{text-decoration:underline;}

.breadcrumb .container a:after{content:"\f101";font-family:FontAwesome;text-decoration:none;padding-left:10px;padding-right:10px;color:#b3b3b3;vertical-align:middle;}

.breadcrumb .container p{display:inline-block;font-size:13px; vertical-align:middle;}



.page-banner{width:100%;}

.page-banner img{max-width:100%;width:100%;height:auto;max-height:360px;}



/*contact us*/

.contactBox{width:100%;padding-top:40px;}

.contactBox a:hover{text-decoration:none;}

.con-left>em{font-size:28px;color:#ffa900;font-weight:bold;display:block;margin-bottom:30px;text-align:left;}



.con-left li{margin-bottom:20px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.con-left li p{color:#808080;font-size:16px;margin-bottom:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.con-left li em{display:block;font-size:28px;font-style:italic;color:#0089fa;font-weight:bold;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

/*.con-left li em:before{content:"“";padding-right:5px;}*/



#parentHorizontalTab{width:66.66% !important;float:left;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}



.resp-tabs-list{text-align:center;margin-bottom:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.resp-tabs-list li {font-weight: 600;font-size: 13px;display: inline-block;padding: 12px 18px;margin:5px;list-style: none;cursor: pointer;border-radius:100px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.resp-tabs-container {padding: 0px;background-color: #fff;clear: left;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.resp-tabs-container div img{float:left;max-width:200px;height:auto;width:100%;margin-right:20px;}

.resp-tabs-container div div{line-height:180%;font-size:14px;display:inline-block;width:68%; vertical-align:middle;margin-left:20px;}

.resp-tabs-container iframe {display:inline-block; vertical-align:middle;}



h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}



.resp-tab-content {display: none;padding: 15px;}

.resp-tab-active {color:#fff;}

.resp-content-active, .resp-accordion-active {display: block;}

.resp-tab-content {overflow:hidden;border: 1px solid #e5e5e5;}



h2.resp-accordion {font-size: 13px;border: 1px solid #c1c1c1 !important;border-top: 0px solid #c1c1c1 !important;margin: 0px;padding: 10px 15px;}



h2.resp-tab-active {

    border-bottom: 0px solid #c1c1c1 !important;

    margin-bottom: 0px !important;

    padding: 10px 15px !important;

}



h2.resp-tab-title:last-child {

    border-bottom: 12px solid #c1c1c1 !important;

    background: blue;

}



/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {float: left;width: 30%;}



.resp-vtabs .resp-tabs-list li {

    display: block;

    padding: 15px 15px !important;

    margin: 0 0 4px;

    cursor: pointer;

    float: none;

}



.resp-vtabs .resp-tabs-container {

    padding: 0px;

    background-color: #fff;

    border: 1px solid #c1c1c1;

    float: left;

    width: 68%;

    min-height: 250px;

    border-radius: 4px;

    clear: none;

}



.resp-vtabs .resp-tab-content {

    border: none;

    word-wrap: break-word;

}



.resp-vtabs li.resp-tab-active { 

position: relative;

z-index: 1;

margin-right: -1px !important;

padding: 14px 15px 15px 14px !important;

border-top: 1px solid;

border: 1px solid #5AB1D0 !important;

border-left: 4px solid #5AB1D0 !important;

margin-bottom: 4px !important;

border-right: 1px #FFF solid !important;

}



.resp-arrow {

    width: 0;

    height: 0;

    float: right;

    margin-top: 1px;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 12px solid #c1c1c1;

}



h2.resp-tab-active span.resp-arrow {

    border: none;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 12px solid #fff;

}



/*-----------Accordion styles-----------*/

h2.resp-tab-active {background: #ffa900 !important;}



.resp-easy-accordion h2.resp-accordion {display: block;}

.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}



.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1;/* !important;*/}



.resp-jfit {width: 100%;margin: 0px;}



.resp-tab-content-active {display: block;}



h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;}



/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

@media only screen and (max-width: 768px) {

	#parentHorizontalTab{width:100% !important;}

    ul.resp-tabs-list {display: none;}

    h2.resp-accordion {display: block;font-weight:bold;}

    .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}

    .resp-vtabs .resp-tabs-container {

        border: none;

        float: none;

        width: 100%;

        min-height: 100px;

        clear: none;

    }

    .resp-accordion-closed {display: none !important;}

    .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}

	.con-left{margin-bottom:30px;text-align:left;}

	.con-left li{display:inline-block;margin-right:20px;}

	.con-left li p{color:#808080;font-size:16px;margin-right:10px;display:inline-block; margin-bottom:0;vertical-align:middle;}

	.con-left li em{display:inline-block;font-style:inherit; vertical-align:middle;;font-size:28px;color:#0089fa;font-weight:bold;}

	.con-left li em:before{content:" ";padding-right:5px;}

	.resp-tabs-container div div{margin-left:0;margin-top:20px;width:100%;}



}



@media only screen and (max-width: 400px) {

	.page-banner{display:none;}

	.resp-tabs-container div img{float:none;max-width:100%;height:auto;width:100%;margin-bottom:20px;}

	.resp-tabs-container div div{line-height:180%;font-size:14px;}

	.con-left li em{display:inline-block;font-style:inherit; vertical-align:middle;;font-size:22px;color:#0089fa;font-weight:bold;}

}



.con-pay{background:#fafafa;margin-top:30px;padding:30px;border-top:1px solid #e5e5e5;}

.con-pay .container>em{font-size:28px;color:#00a753;font-weight:bold;display:block;margin-bottom:30px;}



.support-pay{padding-bottom:20px;border-bottom:1px solid #e5e5e5;margin-top:20px;}

.support-pay p{display:inline-block; vertical-align:middle;font-size:16px;}

.support-pay img{display:inline-block;margin:0 20px; vertical-align:middle;max-height:48px;max-width:180px;}

.support-pay span{display:block;margin-top:15px;color:#808080;line-height:180%;}

.support-pay a{color:#00a753;text-decoration:underline;}



.unionPay{margin-top:20px;}

.unionPay>em{font-size:18px;font-weight:bold;color:#00a753;display:block;margin-bottom:30px;}

.unionPay ul{border-bottom:1px dotted #e5e5e5;padding-bottom:30px;}

.unionPay ul img{max-width:150px;display:inline-block; vertical-align:middle;margin-right:30px;}

.unionPay ul li{display:inline-block; vertical-align:middle;margin:0 8px;line-height:180%;font-size:14px;}

.unionPay ul li p{font-weight:bold;margin-bottom:10px;color:#00a753;font-size:16px;}

.unionPay .account-pay{margin-top:30px;border-bottom:1px dotted #e5e5e5;padding-bottom:30px;}

.unionPay .account-pay img{max-width:150px;display:inline-block; vertical-align:middle;margin-right:30px;}

.unionPay .account-pay div{display:inline-block; vertical-align:middle;margin:0 20px;line-height:180%;font-size:14px;}

.unionPay .account-pay p{font-weight:bold;margin-bottom:10px;color:#00a753;font-size:16px;}

.unionPay .pay-online{margin-top:30px;}

.unionPay .pay-online p{font-weight:bold;display:inline-block;color:#00a753;font-size:16px;}

.unionPay .pay-online iframe{display:inline-block;margin-left:20px; vertical-align:middle;height:45px;width:60%;}



.alipay{margin-top:50px;padding-top:30px;border-top:1px solid #e5e5e5;}

.alipay>em{font-size:18px;font-weight:bold;color:#00a753;display:block;margin-bottom:30px;}

.alipay img{max-width:229px;height:auto;width:100%;display:inline-block; vertical-align:middle;}

.alipay div{display:inline-block; vertical-align:bottom;margin-bottom:20px;margin-left:20px;}

.alipay div p{font-weight:bold;font-size:14px;}   

.alipay div span{display:block;margin-top:15px;color:#808080;line-height:180%;}



.pay-faq{margin-top:50px;padding-top:30px;border-top:1px solid #e5e5e5;padding-bottom:50px;}

.pay-faq>em{display:block;font-size:18px;color:#00a753;margin-bottom:10px;}

.pay-faq>em i{padding-right:10px;} 

.pay-faq{line-height:180%;font-size:14px;}

.pay-faq a{font-weight:bold;color:#ff002b;display:inline-block;margin-top:10px;font-size:16px;}



@media only screen and (max-width: 768px) {

	.unionPay ul img,.unionPay .account-pay img{display:none;}

	.unionPay .pay-online iframe{height:100px;}

}



@media only screen and (max-width: 600px) {

	.support-pay p{display:block;margin-bottom:10px;}

	.support-pay img{margin:10px;}

	.unionPay ul{overflow:hidden;}

	.unionPay ul li{float:left;margin:0;width:50%;padding:0 15px;}

	.unionPay .pay-online p{display:block;margin-bottom:10px;}

	#zhifu{width:100%;}

	.alipay img{margin-bottom:20px;}

	.unionPay .pay-online iframe{height:120px;}

}

@media only screen and (max-width: 400px) {

	.unionPay ul li{float:none;width:100%;margin-bottom:20px;}

	.unionPay ul{padding-bottom:0;}

	.unionPay .pay-online .pay-submit{margin:10px 0 0;}

}





/*about us*/

.aboutBox .container{padding-top:40px;padding-bottom:40px;}

.aboutBox .container>em{font-size:28px;color:#3498db;font-weight:bold;display:block;margin-bottom:30px;text-align:center;}

.aboutBox .container div{line-height:180%;font-size:14px;}

.aboutBox .container div img{max-width:100%;height:auto;width:auto;}



.about_nav{width:100%;margin-top:40px;border-top:1px dashed #e5e5e5;padding-top:40px;margin-bottom:30px;}

.about_nav li{text-align:center;}

.about_nav li span{display:inline-block;max-width:100%;height:240px;width:100%;position:relative;border-radius:5px;overflow:hidden;}

.about_nav li span img{max-width:100%;min-height:100%;height:auto;width:100%;border-radius:5px;}

.about_nav li span p{border:8px solid rgba(255,255,255,0.3);position:absolute;left:0;top:0;width:100%;height:100%;border-radius:5px;0 0 22px 0 rgba(255,255,255,0.8) inset;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.about_nav li a em{width:100%;margin-top:10px;display:inline-block;font-size:16px;text-align:center;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.about_nav li:hover span p{border:8px solid rgba(255,255,255,0.5);}

.about_nav li:hover em{color:#0089fa;}

.about_nav li:hover span img{

	transform: scale(1.05, 1.05);

	-moz-transform: scale(1.05, 1.05);

	-ms-transform: scale(1.05, 1.05);

	-o-transform: scale(1.05, 1.05);

	-webkit-transform: scale(1.05, 1.05);

	-moz- transition: all 0.25s ease-in 0s;

	-ms- transition: all 0.25s ease-in 0s;

	-o- transition: all 0.25s ease-in 0s;

	-webkit- transition: all 0.25s ease-in 0s;

	transition: all 0.25s ease-in 0s;

}

@media only screen and (max-width: 1200px) {.about_nav li span{height:200px;}}

@media only screen and (max-width: 768px) {

	.about_nav li span{height:300px;}

	.about_nav li{width:100%;margin:10px 0;}

}

@media only screen and (max-width: 400px){.about_nav li span{height:200px;}}

@media only screen and (max-width: 280px){.about_nav li span{height:160px;}}





.pageBox{background:#fafafa;margin-bottom:40px;}

.page-nav{text-align:center;}

.page-nav li{display:inline-block;border-right:1px solid #e5e5e5;position:relative;}

.page-nav li:before{

    content: '';

    position: absolute;

    left: 45%;

    bottom: 0;

    width: 0;

    height: 0;

    border-top: 7px solid transparent;

    border-bottom: 7px solid #fafafa;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

}

.page-nav li:last-child{border:none;}

.page-nav li:hover{background:#0089fa;}

.page-nav li a{font-size:16px;padding:20px;display:inline-block;}

.page-nav li:hover a{color:#fff;text-decoration:none;}

.page-nav li.pagen-depth{background:#0089fa;}

.page-nav li.pagen-depth a{color:#fff;text-decoration:none;}



@media only screen and (max-width: 400px) {

	.page-nav{background:#fff;margin-top:10px;border-bottom:1px solid #e5e5e5;}

	.page-nav li{width:100%;border-right:none;border-bottom:1px dotted #e5e5e5;padding:0;}

	.page-nav li:before{left:47%;}

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

}





/*course*/

.couresBox .container{padding-bottom:40px;}

#timeline .timeline-item:after,#timeline .timeline-item:before {content: '';display: block;width: 100%;clear: both;}



#timeline {

    width: 100%;

    margin: 40px auto 50px auto;

    position: relative;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

#timeline:before {

    content: "";

	margin-left:-1.5px;

    width: 3px;

    height: 100%;

    background: #ffa900;

    left: 50%;

    top: 0;

    position: absolute;

}

#timeline:after {content: "";clear: both;display: table;width: 100%}

#timeline .timeline-item {margin-bottom: 70px;position: relative;}

#timeline .timeline-item .timeline-icon {

    background: #ffa900;

    width: 30px;

    height: 30px;

    position: absolute;

    top: -10px;

    left: 50%;

    overflow: hidden;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

	-webkit-transform: translate(-50%,0);

	-moz-transform: translate(-50%, 0);

	-ms-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

}

#timeline .timeline-item .timeline-content {

	text-align:right;

    width: 45%;

    background: #fff;

	padding-right:20px;

	

}

#timeline .timeline-item .timeline-content em {

    color: #ffa900;

	font-size:24px;

	display:inline-block;

	margin-top:-11px;

}

#timeline .timeline-item .timeline-content p{font-size:14px;line-height:180%;}

#timeline .timeline-item .timeline-content a{display:inline-block;margin:10px 0;color:#ff002b;text-decoration:underline;}

#timeline .timeline-item .timeline-content img{max-width:100%;width:100%;height:auto;}

#timeline .timeline-item .timeline-content:before {

    content: '';

    position: absolute;

    left: 45%;

    top: 0;

    width: 0;

    height: 0;

    border-top: 7px solid transparent;

    border-bottom: 7px solid transparent;

    border-left: 7px solid #ffa900;

}

#timeline .timeline-item .timeline-content.right {

    float: right;

	text-align:left;

	padding-right:0;

	padding-left:20px;

}

#timeline .timeline-item .timeline-content.right:before {

    content: '';

    right: 45%;

    left: inherit;

    border-left: 0;

    border-right: 7px solid #ffa900;

}

#timeline .timeline-item:last-child{margin-bottom:0;}

#timeline .timeline-item:last-child .timeline-content{margin-bottom:-30px;}



@media screen and (max-width: 768px) {

    #timeline {

    margin: 40px 0 80px 0;

    padding: 0;

}

#timeline:before {

    left: 15px;

}

#timeline .timeline-item .timeline-content {

    width: 90%;

    float: right;

	text-align:left;

	padding-left:15px;

}

#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {

    left: 10%;

    margin-left: -6px;

    border-left: 0;

    border-right: 7px solid #ffa900;

}

#timeline .timeline-item .timeline-icon {

    left: 15px;

}

#timeline .timeline-item .timeline-content.right{

	padding-left:15px;

}

}



/*certificate*/

#baguetteBox-overlay {

	display: none;

	opacity: 0;

	position: fixed;

	overflow: hidden;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1000000;

	background-color: #222;

	background-color: rgba(0,0,0,.8);

	-webkit-transition: opacity .5s ease;

	transition: opacity .5s ease

}

#baguetteBox-overlay.visible {

	opacity: 1

}

#baguetteBox-overlay .full-image {

	display: inline-block;

	position: relative;

	width: 100%;

	height: 100%;

	text-align: center

}

#baguetteBox-overlay .full-image figure {

	display: inline;

	margin: 0;

	height: 100%

}

#baguetteBox-overlay .full-image img {

	display: inline-block;

	width: auto;

	height: auto;

	max-height: 100%;

	max-width: 100%;

	vertical-align: middle;

	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);

	-moz-box-shadow: 0 0 8px rgba(0,0,0,.6);

	box-shadow: 0 0 8px rgba(0,0,0,.6)

}

#baguetteBox-overlay .full-image figcaption {

	display: block;

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: center;

	line-height: 1.8;

	color: #ccc;

	background-color: #000;

	background-color: rgba(0,0,0,.6);

	font-family: sans-serif

}

#baguetteBox-overlay .full-image:before {

	content: "";

	display: inline-block;

	height: 50%;

	width: 1px;

	margin-right: -1px

}

#baguetteBox-slider {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	white-space: nowrap;

	-webkit-transition: left .4s ease, -webkit-transform .4s ease;

	transition: left .4s ease, -moz-transform .4s ease;

	transition: left .4s ease, transform .4s ease

}

#baguetteBox-slider.bounce-from-right {

	-webkit-animation: bounceFromRight .4s ease-out;

	animation: bounceFromRight .4s ease-out

}

#baguetteBox-slider.bounce-from-left {

	-webkit-animation: bounceFromLeft .4s ease-out;

	animation: bounceFromLeft .4s ease-out

}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {

	top: 50%;

	top: calc(50% - 30px);

	width: 44px;

	height: 60px

}

.baguetteBox-button {

	position: absolute;

	cursor: pointer;

	outline: 0;

	padding: 0;

	margin: 0;

	border: 0;

	-moz-border-radius: 15%;

	border-radius: 15%;

	background-color: #323232;

	background-color: rgba(50,50,50,.5);

	color: #ddd;

	font: 1.6em sans-serif;

	-webkit-transition: background-color .4s ease;

	transition: background-color .4s ease

}

.baguetteBox-button:hover {

	background-color: rgba(50,50,50,.9)

}

.baguetteBox-button#next-button {

	right: 2%

}

.baguetteBox-button#previous-button {

	left: 2%

}

.baguetteBox-button#close-button {

	top: 20px;

	right: 2%;

	right: calc(2% + 6px);

	width: 30px;

	height: 30px

}

.baguetteBox-button svg {

	position: absolute;

	left: 0;

	top: 0

}

.spinner {

	width: 40px;

	height: 40px;

	display: inline-block;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -20px;

	margin-left: -20px

}

.double-bounce1, .double-bounce2 {

	width: 100%;

	height: 100%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background-color: #fff;

	opacity: .6;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-animation: bounce 2s infinite ease-in-out;

	animation: bounce 2s infinite ease-in-out

}

.double-bounce2 {

	-webkit-animation-delay: -1s;

	animation-delay: -1s

}

@-webkit-keyframes bounceFromRight {

0% {

margin-left:0

}

50% {

margin-left:-30px

}

100% {

margin-left:0

}

}

@keyframes bounceFromRight {

0% {

margin-left:0

}

50% {

margin-left:-30px

}

100% {

margin-left:0

}

}

@-webkit-keyframes bounceFromLeft {

0% {

margin-left:0

}

50% {

margin-left:30px

}

100% {

margin-left:0

}

}

@keyframes bounceFromLeft {

0% {

margin-left:0

}

50% {

margin-left:30px

}

100% {

margin-left:0

}

}

@-webkit-keyframes bounce {

0%, 100% {

-webkit-transform:scale(0);

transform:scale(0)

}

50% {

-webkit-transform:scale(1);

transform:scale(1)

}

}

@keyframes bounce {

0%, 100% {

-webkit-transform:scale(0);

-moz-transform:scale(0);

transform:scale(0)

}

50% {

-webkit-transform:scale(1);

-moz-transform:scale(1);

transform:scale(1)

}

}



.baguetteBoxOne,.baguetteBoxTwo {

	width: 100%;

	margin: 0 auto;

}

.gallery{margin-top:30px;background:#fafafa;padding:30px;border-top:1px solid #e5e5e5;}

.gallery li{margin:15px 0;}

.gallery li img{max-width:100%;height:100%;width:100%;max-height:160px;}

.gallery li p{display:block;margin-top:10px;height:32px;overflow:hidden;line-height:140%;}



.gallery02{margin-top:30px;}

.gallery02 li{margin:15px 0;}

.gallery02 li img{max-width:100%;height:100%;width:100%;max-height:360px;border:1px solid #f2f2f2;}

.gallery02 li p{display:block;margin-top:10px;height:32px;overflow:hidden;line-height:140%;text-align:center;}



.couresBox .container>em{font-size:24px;display:block;margin-bottom:20px;text-align:center;color:#00a753;}

.couresBox .container>p{font-sizE:14px;text-align:center;margin-bottom:30px;line-height:150%;color:#808080;}



.flexslider02{position:relative;max-height:720px;overflow:hidden;max-width:1140px;margin:0 auto;z-index:99;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.flexslider02 .slides{position:relative;z-index:1;}

.flexslider02 .slides li{max-height:720px;}

.flexslider02 .slides li img{width:100%;max-width:1140px;}

.flexslider02 .slides li p{position:absolute;display:inline-block;padding:15px 20px;background:#333;background:rgba(0,0,0,0.5);color:#fff;font-size:18px;bottom:0;left:0;}



.flexslider02 .flex-control-nav{position:absolute;bottom:1%;right:1%;z-index:2;width:100%;text-align:center;}

.flexslider02 .flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1;box-shadow:0 0 5px 0 rgba(0,0,0,0.1);border-radius:50px;}

.flexslider02 .flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:#fff;border-radius:50px;cursor:pointer;}

.flexslider02 .flex-control-nav .flex-active{background:#00a753;}



.flexslider02 .flex-direction-nav{position:absolute;z-index:3;width:100%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;top:50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}

.flexslider02 .flex-direction-nav li a{display:block;width:35px;height:60px;line-height:200px;overflow:hidden;cursor:pointer;position:absolute;}

.flexslider02 .flex-direction-nav li a.flex-prev{left:0;background:url(../images/b-prev.png) center center no-repeat;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.flexslider02 .flex-direction-nav li a.flex-next{right:0;background:url(../images/b-next.png) center center no-repeat;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.flexslider02 .flex-pauseplay{display:none;}

.flexslider02:hover .flex-direction-nav{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.flexslider02:hover .flex-direction-nav li a.flex-prev{left:2%;}

.flexslider02:hover .flex-direction-nav li a.flex-next{right:2%;}



@media only screen and (max-width: 768px) {

	.flexslider02 .slides li p{width:100%;text-align:center;}	

	.flexslider02 .flex-control-nav{display:none;}

	.flexslider02 .flex-direction-nav{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;top:45%;}

	.flexslider02:hover .flex-direction-nav li a.flex-prev{left:0;}

	.flexslider02:hover .flex-direction-nav li a.flex-next{right:0;}

}



/*case*/

.caseBox .container{padding-top:40px;padding-bottom:40px;}

.caseBox .container>em{font-size:28px;color:#3498db;font-weight:bold;display:block;margin-bottom:10px;text-align:center;}

.caseBox .container>p{text-align:center;margin-bottom:30px;color:#808080;font-size:14px;}

.case-list{width:100%;}

.case-list>li{margin:15px 0 25px 0;}

.case-list li span{

	display:block;

	padding:10px;

	border:1px solid #f2f2f2;

	box-shadow:0 0 5px 0px rgba(0,0,0,0.1);

	-moz-box-shadow:0 0 5px 0px rgba(0,0,0,0.1);

	-webkit-box-shadow:0 0 5px 0px rgba(0,0,0,0.1);

	-o-box-shadow:0 0 5px 0px rgba(0,0,0,0.1);

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}

.case-list li:hover span{border:1px solid #e5e5e5;}

.case-list li span .case-img{display:inline-block;overflow:hidden;max-height:140px;height:140px;}

.case-list li span img{max-width:100%;height:auto;width:100%;min-height:100%;}

.case-list li span em{font-weight:bold;display:block;border-bottom:1px solid #f2f2f2;padding:8px 0;font-size:14px;margin-bottom:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;line-height:150%;overflow:hidden;height:60px;}

.case-list li:hover em{color:#ff002b;}

.case-list li:hover a{text-decoration:none;}

.case-list li span>p{color:#808080;line-height:180%;overflow:hidden;max-height:62px;}

.case-list li span .case-tag{border-top:1px solid #f2f2f2;margin-top:10px;padding-top:10px;max-height:83px;overflow:hidden;}

.case-list li span .case-tag p{font-weight:bold;margin-bottom:5px;}

.case-list li span .case-tag li{display:inline-block;margin:0 8px 8px 0;border-right:1px solid #e5e5e5;padding-right:8px;}

.case-list li span .case-tag li:last-child{border-right:0;}

.case-list li span .case-tag li a:hover{color:#ff002b;text-decoration:underline;}



.case-type{background:#fafafa;margin-bottom:30px;padding:20px;}

.case-type ul{text-align:center;}

.case-type ul p{font-size:14px;position:relative;background:#e5e5e5;display:inline-block;padding:5px 10px; vertical-align:middle;}

.case-type ul p:before{

    content: '';

    position: absolute;

    left: 76px;

    top: 9px;

    width: 0;

    height: 0;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-left: 5px solid #e5e5e5;

    border-right: 5px solid transparent;

}

.case-type ul li{display:inline-block;margin:0 0% 0 3%;border-right:1px dashed #ccc;padding-right:3%;}

.case-type ul li:last-child{border-right:none;}

.case-type ul li a{font-size:14px;}

.case-type ul li a:hover{color:#ff002b;}

.case-type ul li.case-depth a{color:#ff002b;}





@media only screen and (max-width: 768px) {

	.case-list>li{width:50%;float:left;}

	.case-type ul p{display:block;margin-bottom:10px;background:#ebebeb;}

	.case-type ul p:before{

    	content: '';

    	position: absolute;

    	left: 49%;

    	top: 30px;

    	width: 0;

    	height: 0;

    	border-top: 8px solid #ebebeb;

    	border-bottom: 8px solid transparent;

    	border-left: 8px solid transparent;

    	border-right: 8px solid transparent;

	}

	.case-type ul li{margin:2%;background:#ebebeb;border:none;border-radius:500px;padding:8px 20px;}

	.case-type ul li:hover{background:#ff002b;}

	.case-type ul li:hover a{color:#fff;text-decoration:none;}

	.case-type ul li.case-depth{background:#ff002b;}

	.case-type ul li.case-depth a{color:#fff;text-decoration:none;}

}

@media only screen and (max-width: 500px){

	.case-list>li{width:100%;float:none;}

	.case-list li span img{max-height:inherit;}

	.case-list li span .case-tag{display:none;}

}





/*page-number*/

.page_num{width:100%;margin:2em auto 2em auto;text-align:center;}

.page_num li{display:inline-block;background:#f2f2f2;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.page_num li p{display:inline-block;color:#808080;font-size:14px;text-transform:capitalize;margin-bottom:0;padding:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.page_num a{display:inline-block;color:#333;font-size:14px;text-transform:capitalize;padding:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.page_num a:hover{color:#fff;text-decoration:none;background:#0089fa;}

.page_num span{display:inline-block;font-size:12px;margin-left:10px;}

.page_num span:before{content:'[';padding-right:3px;}

.page_num span:after{content:']';padding-left:3px;}

.page_num span p{font-weight:bold;display:inline-block;margin:0 5px;}

@media only screen and (max-width: 768px) {.page_num span{width:100%;margin-top:15px;}}

@media only screen and (max-width: 400px) {

	.page_num li{margin:5px 0;}

	.page_num li p,.page_num a{font-size:12px;padding:8px;}

}





/*new-case*/

.new-case{width:100%;margin-top:40px;text-align:center;overflow:hidden;padding-top:5px;border-top:2px solid #f2f2f2;padding-top:30px;}

.new-case>em{display:block;color:#ffa900;text-transform:uppercase;font-size:24px;margin-bottom:20px;}

#flexiselDemo3{display:none;}

.nbs-flexisel-container{position:relative;max-width:100%;}

.nbs-flexisel-ul{position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:left;}

.nbs-flexisel-inner{float:left;width:100%;position:relative;}

.nbs-flexisel-item{float:left;margin:0px;margin-top:25px;padding:0px;cursor:pointer;position:relative;line-height:0px;text-align:center;}

.nbs-flexisel-item span{display:inline-block;width:227px;height:150px;border:1px solid #f2f2f2;border-radius:5px;overflow:hidden;}

.nbs-flexisel-item span img{width:100%;cursor:pointer;position:relative;min-height:100%;border-radius:5px;height:auto;}

.nbs-flexisel-item em{font-size:14px;display:block;margin:10px auto;height:32px;text-transform:capitalize; word-wrap:break-word;line-height:120%;max-width:90%;margin-bottom:0;text-align:center;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;overflow:hidden;}

.nbs-flexisel-item:hover a,.nbs-flexisel-item:hover em{ text-decoration:none;color:#ffa900;}

.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{width:24px;height:24px;position:absolute;cursor:pointer;z-index:100;top:-15px;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}

.nbs-flexisel-nav-left:hover,.nbs-flexisel-nav-right:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.nbs-flexisel-nav-left{left:47.5%;text-align:center;background:url(../images/prev.png) no-repeat;}

.nbs-flexisel-nav-right{right:47.5%;text-align:center;background:url(../images/next.png) no-repeat;}



@media only screen and (min-width: 992px) {

	.nbs-flexisel-nav-left{left:46.5%;}

	.nbs-flexisel-nav-right{right:46.5%;}

}

@media only screen and (max-width: 992px) {

	.nbs-flexisel-nav-left{left:46.5%;}

	.nbs-flexisel-nav-right{right:46.5%;}

}

@media only screen and (max-width: 768px) {

	.nbs-flexisel-nav-left{left:45%;}

	.nbs-flexisel-nav-right{right:45%;}

}

@media only screen and (max-width: 540px) {

	.nbs-flexisel-nav-left{left:43%;}

	.nbs-flexisel-nav-right{right:43%;}

}

@media only screen and (max-width: 380px) {

	.nbs-flexisel-nav-left{left:41%;}

	.nbs-flexisel-nav-right{right:41%;}

}





/*case-main*/

.case-main{width:100%;text-align:center;}

.case-main>em{font-size:28px;font-weight:bold;display:block;margin-bottom:40px;text-align:center;color:#0467b3;}

.case-main .case-top{text-align:center;}

.case-main .case-top li{display:inline-block;margin:10px 20px;font-size:14px;}

.case-main .case-top li p{display:inline-block; vertical-align:middle;margin-right:10px;color:#999999;}

.case-main .case-top li a{vertical-align:middle;display:inline-block;color:#ff002b;}

.case-main>p{margin:10px 0;background:#fafafa;padding:10px;border:1px solid #e5e5e5;}

.caseBox .case-call{display:inline-block;margin-top:15px;padding:8px 20px;color:#fff;background:#00a753;border-radius:500px;font-size:16px;margin-right:20px;}

.caseBox .case-service{display:inline-block;margin-top:15px;padding:8px 20px;color:#fff;background:#3498db;border-radius:500px;font-size:16px;}



@media only screen and (max-width: 264px) {.caseBox .case-call{margin-right:0;}}



.case-container{border-top:1px dotted #f2f2f2;padding-top:20px;text-align:center;}

.case-container>div{line-height:180%;font-size:14px;text-align:left;margin-bottom:20px;}
.case-container>div img{max-width:100%;}


.page-turn{margin:20px 0;background:#fafafa;padding:5px 10px;}

.paget-left{float:left;}

.paget-left li{margin:10px 0;}

.paget-left li p{display:inline-block;}

.paget-left li a:hover{color:#ff002b;}



.paget-right{float:right;}

.paget-right a{margin:10px 5px;display:inline-block;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.paget-right a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}



@media only screen and (max-width: 400px) {

	.page-turn{text-align:center;}

	.paget-left,.paget-right{float:none;}

}





/*news list*/

.newsMainBox .container{padding-top:40px;padding-bottom:40px;}

.newsMainBox .container>em{font-size:28px;color:#3498db;font-weight:bold;display:block;margin-bottom:30px;text-align:center;}



.news-list-top{margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #f2f2f2;}

.news-list-top li>span{

	border:1px solid #e5e5e5;

	border-radius:5px;

	box-shadow:0 0 5px 0 rgba(0,0,0,0.05);

	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.05);

	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.05);

	-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.05);

	display:inline-block;

	background:#fff;

	padding:10px;width:100%;

	-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;

}

.news-list-top li>span:hover{border:1px solid #d9d9d9;}

.news-list-top li>span .news-img{display:inline-block;overflow:hidden;max-width:328px;height:218px;}

.news-list-top li>span img{max-width:100%;width:100%;min-height:100%;height:auto;}

.news-list-top li>span .news-date{color:#808080;margin-top:10px;display:inline-block;}

.news-list-top li>span .news-date:before{content:"[";padding-right:5px;}

.news-list-top li>span .news-date:after{content:"]";padding-left:5px;}



.news-list-top li>span em{font-size:14px;line-height:150%;color:#4c4c4c;display:block;margin:10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;font-weight:bold;}

.news-list-top li>span p{text-align:left;color:#b2b2b2;line-height:150%;overflow:hidden;max-height:36px;}

.news-list-top li>span .news-more{display:inline-block;margin-top:10px;color:#ff002b;float:right;font-family:'宋体';}

.news-list-top li>span .news-more:after{content:"\f101";font-family:FontAwesome;padding-left:5px;}

.news-list-top li>span .news-more:hover{text-decoration:underline;}

.news-list-top li>span:hover em{color:#00a753;}

.news-list-top li>span a:hover{text-decoration:none;}



.news-list li{margin:15px 0;}

.news-list li>span{border:1px solid #e5e5e5;display:inline-block;background:#fff;padding:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;max-width:100%;height:auto;width:100%;}

.news-list li>span:hover{border:1px solid #d9d9d9;}

.news-list li>span .news-date{color:#808080;margin-top:10px;display:inline-block;}

.news-list li>span .news-date:before{content:"\f073";font-family:FontAwesome;padding-right:5px;}

.news-list li>span .news-img{display:inline-block;overflow:hidden;max-width:233px;height:174px;}

.news-list li>span img{max-width:100%;width:100%;min-height:100%;height:auto;}

.news-list li>span em{font-size:14px;line-height:150%;color:#4c4c4c;display:block;margin:10px 0;height:42px;overflow:hidden;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.news-list li>span:hover em{color:#00a753;}

.news-list li>span p{text-align:left;color:#b2b2b2;line-height:150%;overflow:hidden;max-height:36px;margin-bottom:10px;}



@media only screen and (max-width: 1200px) {

	.news-list-top li>span .news-img{height:173px;}

	.news-list li>span .news-img{height:137px;}

}



@media only screen and (max-width: 768px) {

	.news-list-top li{margin:10px 0;}

	.news-list-top li>span .news-img{height:auto;max-width:100%;}

}



@media only screen and (max-width: 500px) {

	.news-list li{width:100%;float:none;}

	.news-list li>span .news-img{height:auto;max-width:100%;}

}



/*news-main*/

.news-main{width:100%;text-align:center;}

.news-main>em{font-size:20px;font-weight:bold;display:block;margin-bottom:10px;text-align:center;}

.news-main .news-top{text-align:center;display:block;font-size:12px; vertical-align:middle;color:#999999;margin-top:15px;padding-bottom:10px;border-bottom:1px dashed #e5e5e5;margin-bottom:20px;}

.news-main .news-top p{display:inline-block; vertical-align:middle;margin-right:10px;}



.news-text{line-height:180%;font-size:14px;}

.news-text img{max-width:100%;}


#flexiselDemo4{display:none;}

#flexiselDemo4 .nbs-flexisel-item p{overflow:hidden;color:#999;height:34px;max-width:90%;margin:auto;line-height:140%;}

#flexiselDemo4 .nbs-flexisel-item span{display:inline-block;width:227px;height:153px;}

#flexiselDemo4 .nbs-flexisel-item em{height:auto;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;}



/*faq*/

.faqBox .container{padding:40px 0;text-align:center;}

.faqBox .container>em{font-size:24px;margin-bottom:20px;display:block;color:#3498db;}



.search{display:inline-block;width:40%;height:50px;overflow:hidden;background:#fff;position:relative;border:2px solid #3498db;}

.search_main{width:86%;height:46px;background:transparent;color:#999;float:left;padding-left:10px;font-family:'微软雅黑';line-height:30px;font-size:12px;}

.search_btn{display:block;position:absolute;width:70px;right:0;top:0;height:50px;cursor:pointer;background:#3498db url(../images/search.png) no-repeat center;background-size:60%;}

.search_main:focus{color:#4c4c4c;}



.faq-navBox{background:#fafafa;margin-top:10px;padding:30px 0;border-top:1px solid #e5e5e5;text-align:center;}

.faq-navBox .container>p{font-size:24px;display:block;margin-bottom:30px;}

.faq-nav{margin-bottom:20px;}

.faq-nav li{margin:15px 0;}

.faq-nav a{background:#fff;padding:20px 10px;border-radius:5px;text-align:center;display:block;-moz-transition: all 0.8s;-o-transition: all 0.8s;-webkit-transition: all 0.8s;transition: all 0.8s;}

.faq-nav a i{font-size:90px;}

.faq-nav a em{display:block;padding-top:10px;font-size:14px;}

.faq-nav a:hover{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);}



/*.faq-nav li:nth-child(1) a i{color:#0089fa;  }*/

.faq-nav li:nth-child(1) a:hover{background:#0089fa;color:#fff;text-decoration:none;}

.faq-nav li:nth-child(1) a:hover i{color:#fff;}



/*.faq-nav li:nth-child(2) a i{color:#ff002b;  }*/

.faq-nav li:nth-child(2) a:hover{background:#ff002b;color:#fff;text-decoration:none;}

.faq-nav li:nth-child(2) a:hover i{color:#fff;}



/*.faq-nav li:nth-child(3) a i{color:#ffa900;  }*/

.faq-nav li:nth-child(3) a:hover{background:#ffa900;color:#fff;text-decoration:none;}

.faq-nav li:nth-child(3) a:hover i{color:#fff;}



.faq-text{margin-top:40px;}

.faq-text>li{text-align:left;border-right:1px dashed #e5e5e5;padding-left:40px;}

.faq-text>li:last-child{border-right:none;}

.faq-text li p{font-size:16px;font-weight:bold;margin-bottom:20px;}

.faq-text li ul li{margin:10px 0;padding-left:10px;}

.faq-text li ul li a{font-size:12px;color:#808080;}

.faq-text li ul li a:before{content:"\f101";font-family:FontAwesome;padding-right:5px;}

.faq-text li ul li a:hover{color:#ff002b;text-decoration:none;}



.faq-service{padding-bottom:40px;}

.faq-service li{text-align:center;}

.faq-service li p{display:inline-block; vertical-align:middle;color:#808080;font-size:16px;}

.faq-service li em{display:inline-block; vertical-align:middle;;font-size:20px;font-style:italic;color:#0089fa;font-weight:bold;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin:0 10px;}

.faq-service li em:before{content:"“";padding-right:5px;}



@media only screen and (max-width: 450px) {

	.search{width:96%;}

}



@media only screen and (max-width: 450px) {

	.faq-nav li{width:50%;}

	.faq-text{margin-top:20px;}

	.faqBox .container{padding:20px 0;}

	.faq-text>li{border-right:0;width:100%;border-bottom:1px solid #e5e5e5;margin-top:20px;padding-bottom:10px;}

	.faq-service li{margin-bottom:20px;text-align:left;}

	.faq-service li p{display:block;text-align:left;margin-bottom:10px;}

	.faq-service li em{display:block;}

}





/*faq-main*/

.faqMainBox .container{padding:40px 0;}



.column .column_box{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin-bottom:20px;}

.column .block span{ display:block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.column .block span em{color:#333333;text-transform:uppercase;display:block;font-size:24px;text-align:left;}



.icon-minus-sign:before {content:"\f139";font-family:'FontAwesome';}

.icon-plus-sign:before {content: "\f13a";font-family:'FontAwesome';}



.column .block span .column_icon_toggle {display: none;}

.column .block.myaccount ul li a img {display: none;}

#layered_block_left em.toggle {margin-bottom: 18px;}

.column .block form p {margin-bottom: 12px;}

.column .block form {margin-bottom: 2px;}

.column .block .store_list form p {margin-bottom: 9px;}

@media only screen and (max-width: 768px){

.mainBox{margin-top:20px;}

.column .column_box{margin-bottom:20px;}

.column .block span{ position:relative;cursor:pointer;background:url(../images/footer_bg.jpg);color:#fff;padding:5px 0 5px 0;background:#fafafa;}

.column .block span em{padding-left:10px;}

.column .block span .column_icon_toggle {display: inline-block;position: absolute;right: 10px;top:10px;font-style:normal;cursor:pointer;color:#4c4c4c;font-size:18px;}

.column .block .p_subNavBox{margin-top:0;border-top:2px solid #e5e5e5;}

.column .block .p_subNavBox .subNav:last-child{border:none;}

}

@media only screen and (max-width: 480px){

	.column .block span em{font-size:20px;}

}





.p_subNavBox{width:100%;background:#fafafa;margin-top:10px;}

.subNav{width:100%;cursor:pointer;font-size:14px;color:#333;line-height:120% !important;padding:14px 0;display:inline-block !important; vertical-align:top;border-bottom:1px solid #e5e5e5;}



.subNav{font-size:14px;display:inline-block;width:100%;color:#4c4c4c;padding:15px;}

.subNav:before{content:"\f0fe";font-family:FontAwesome;padding-right:10px;}

.subNav:hover{background:#f2f2f2;}

.subNav:hover:before{content:"\f146";font-family:FontAwesome;padding-right:10px;}

.currentDd{background:#f2f2f2;text-decoration:none;border-bottom:1px solid #f2f2f2;}

.currentDd:before{content:"\f146";font-family:FontAwesome;padding-right:10px;}

.p_subNavBox .ln_depth{background:#f2f2f2;text-decoration:none;border-bottom:1px solid #f2f2f2;}

.p_subNavBox .ln_depth:before{content:"\f146";font-family:FontAwesome;padding-right:10px;}



.navContent{display: none;padding:14px 0 14px 0;border-bottom:1px solid #e5e5e5;}

.navContent li{margin-bottom:10px;margin-left:40px;}

.navContent li a{display:inline-block;font-size:12px;width:100%;}

.navContent li a:before{content:"\f101";font-family:FontAwesome;padding-right:5px;text-decoration:none;}

.navContent li a:hover{color:#0089fa;text-decoration:underline;}

.navContent li a.lnm_depth{text-decoration:underline;}

.p_subNavBox div.icon-angle-right:before{font-size:12px;padding:1px 5px 0 0; vertical-align:top;}

.p_subNavBox .icon-angle-right:before{font-size:12px;padding:1px 4px 0 0; vertical-align:top}

.p_subNavBox .icon-angle-down:before{vertical-align:top;padding:1px 2px 0 0; vertical-align:top}

.subNav a:hover{text-decoration:none;}



@media only screen and (max-width: 768px){

	.main-right{margin-top:20px;}

}





/*back-top*/

.back_top{width:30px; height:30px; position:fixed; right:20px; bottom:30px; z-index:9999; display:none; background:url(../images/top.png) no-repeat;filter:alpha(opacity=30);-moz-opacity:0.3; 

opacity:0.3;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}

.back_top:hover{filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}



.aboutBox table{ width:100%!important}

.aboutBox table tr{text-align:left}



.banner_about {

    background-image: url(../images/page_top.jpg);

    background-position: center;

}

.banner_about h3{ color:#fff; font-size:35px; font-weight:bold; padding:10px 0px 20px 0px;}

#KeFuDiv{ z-index:999999; border-radius:5px; border:4px solid #26a3e4}

@media only screen and (max-width: 768px){

	#KeFuDiv{display:none;}

}





.news__file111{

    

    padding: 10px;

    background: #FAFAFA none repeat scroll 0% 0%;

    text-align: center;

    font-size: 18px;

}

.news__file111>a{

    color: #FB8F04; font-weight: bold;

}





.ydownBox .container{padding:40px 0;text-align:center;}

.ydownBox .container>em{font-size:24px;margin-bottom:20px;display:block;color:#3498db;}

.ydown-text{margin-top:40px;margin-bottom:40px;}

.ydown-text li{text-align:left;padding:15px;}

.ydown-text li a{font-size:16px;color:#808080;}

.ydown-text li a:before{content:"\f101";font-family:FontAwesome;padding-right:5px;}

.ydown-text li a:hover{color:#ff002b;text-decoration:none;}

.ydown-text li a img{margin-top:-25px;padding-left:5px;}





.message{ background:url(../images/contact_us_bg.jpg) no-repeat right top;width:100%;



background-size:46%

}



.qq_ico{width:50px; height:50px; position:fixed; right:5px; top:50%; z-index:9999; display:none; display:none; margin-top:-25px;s} 

.qq_ico img{ width:100%;}

@media only screen and (max-width: 768px){

	.qq_ico{ display:inline-block;}

}