@charset "utf-8";

@-webkit-keyframes gupIn{
	from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes gupIn{
	from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes gupIn{
	from{opacity:0; transform:translate3d(0,-30px,0);}
}

@-webkit-keyframes gdownIn {
	from {
		opacity:0;
		-webkit-transform:translate3d(0,30px,0);
	}
}
@-moz-keyframes gdownIn {
	from {
		opacity:0;
		-moz-transform:translate3d(0,30px,0);
	}
}
@keyframes gdownIn {
	from {
		opacity:0;
		transform:translate3d(0,30px,0);
	}
}


@-webkit-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}


@-webkit-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}

@-webkit-keyframes flipinX{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);}
    100%{-webkit-transform:perspective(400px) rotateX(0);opacity:1;}
}
@-moz-keyframes flipinX{
    0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-moz-transform:perspective(400px) rotateX(-10deg);}
    70%{-moz-transform:perspective(400px) rotateX(10deg);}
    100%{-moz-transform:perspective(400px) rotateX(0);opacity:1;}
}
@keyframes flipinX{
    0%{transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{transform:perspective(400px) rotateX(-10deg);}
    70%{transform:perspective(400px) rotateX(10deg);}
    100%{transform:perspective(400px) rotateX(0);opacity:1;}
}



.box { 
	-moz-border-radius: 15px; /* Firefox */ 
	-webkit-border-radius: 15px; /* Safari and Chrome */ 
	border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
	-moz-box-shadow: 10px 10px 20px #000; /* Firefox */ 
	-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ 
	box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ 
	behavior: url(ie-css3.htc); 
} 

#header{
	background: #fff;
	position: relative;
	z-index: 888;
	border-bottom: 1px solid rgba(0,0,0,.02);
}
.wrapper{ display: block; position: relative; }
.navbar-languge{
	margin:0 auto; 
	position:relative; 
	top: 20px;
	text-align: right;
}

.navigation-up{ height:99px;}
.navigation-up ul{ float:right;}
.navigation-up li{ float:left;}

.navigation-up .nav-up-selected-inpage{}

.navigation-down{ position:absolute; top:99px; left:0px; width:100%}
.navigation-down .nav-down-menu{ width:100%; margin:0; display: block; background:rgba(255,255,255,.7); position:absolute; top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{ margin: 0 auto; position:relative; display: block; width: 100%; height: auto;}
.navigation-down-inner a.link{text-align: center;}
.navigation-down-inner a.link p{margin-top: 10px; height: 20px; overflow: hidden;}
.navigation-down-inner dd a{color:#666;}
.navigation-down-inner dd a:hover{
	color:#f10;
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}
.navigation-down-inner .more{display: inline-block; position: relative; margin: 60px 0 60px 60px;}
.navigation-down-inner .more a{ 
	padding: 5px 10px; 
	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	color: #9a9a9a;
	color: #fff;
	background: #f10;
}
.navigation-down-inner .more a i{
	margin: 0 10px;
}
.navigation-down-inner .more a:hover{
	background: #E8080A;
	color: #fff;
}

.navbar-languge{ display: block; position: relative;}
.navbar-languge a{ float: left; line-height: 60px;}
a.bars{margin-left: 20px; }
a.barsoff{ display: none;}
a.bars i{ color: #9a9a9a; font-size: 19px; font-style: normal; }
a.bars:hover i{ cursor: pointer; color: #333;}
a.languge i{ color: #9a9a9a; font-style: normal; position: relative;}
a.languge:hover i{ text-decoration:none; color: #333; }


.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}
.swiper-slide {
    text-align: center;
    position: relative;
    font-size: 18px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.i-banner .swiper-slide a{
	background: transparent;
	border: none;
}
.i-banner .swiper-slide img{
	display: block;
	width: 100%;
	height: auto;
	background: transparent;
}
/*.i-banner .swiper-slide .slide-text{
	position: absolute;
	vertical-align: middle;
	display: block;
}*/

#extension{ overflow: hidden;}
#extension .ext-inner{ margin-left: -5px;}
.ext-inner .small-pic{
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 0;
}
.overlay{
	width:100%;
	height:100%;
	background:-webkit-linear-gradient(270deg,rgba(0,0,0,.01) 2%,rgba(0,0,0,.95) 100%);
	background:linear-gradient(180deg,rgba(0,0,0,.01) 2%,rgba(0,0,0,.95) 100%);
	-webkit-transition:opacity .4s ease-in-out;
	transition:opacity .4s ease-in-out;
	position:absolute;
}
.small-pic a{ position: relative; display: block;}
.small-pic a .overlay{ opacity: 0; filter:alpha(opacity=0);}
.small-pic a:hover .overlay{
	opacity: 0.3;
	filter:alpha(opacity=30);
}
#main{padding: 40px 0 60px;}
#main .main-list-in{}
.main-list-in .list-item{}
.list-item { display: inline-block;}
.list-item h3{ font-size: 18px; font-weight: 500; line-height: 45px; color: #000; position: relative;}
.list-item h3:after{
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background: #f10;
	left: 0;
	bottom: 0;
}

.list-item .list-box{ padding: 20px 0; }
.list-box p{ margin-top: 30px; color: rgba(0,0,0,.7);  height: 22px; overflow: hidden; margin-bottom: 0;}
.list-box span{ color: #9A9A9A; display: block; position: relative;}
.list-item span:after{
	content: "";
	position: absolute;
	width: 20px;
	height: 1px;
	background: #9A9A9A;
	left: 0;
	bottom: -5px;
}
.list-box .img-box{	overflow: hidden; display: block; position: relative;}
.list-box .img-box img{ 
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.list-box .img-box .play{
	position: absolute;
    z-index: 99;
    bottom: 10px;
    left: 20px;
    border: 1px solid #fff;
    border-radius: 18px;
    width: 36px;
    height: 36px;
    background: rgba(0,0,0,.3);
    text-align: center;
    vertical-align: middle;
    line-height: 36px;
}
.list-box .img-box .play i{
	color: #fff;
    font-size: 16px;
    display: block;
    margin-top: 8px;
    margin-left: 3px;
}
.list-box a{ display: block;}
.list-box a:hover img{ 
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.list-box a:hover p{ 
	color: #f10;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}
.list-box a:hover .play{
	border: 1px solid #f10;
	background: #f10;
	transition: all .2s ease-in .1s;
	-webkit-transition: all .2s ease-in .1s;
	-moz-transition: all .2s ease-in .1s;
}
.list-box a.more{
    width: 60px;
    height: auto;
	font-size: 12px;
	line-height: 16px;
	color: #deDEDE;
	display: inline-block;
	position: relative;
	top: 10px;
}
.list-box a.more:hover{
	color: #F10;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

#footer{ padding: 20px 0 0 0; background: #fafafa; color: #333;}
#footer .nav-footer{ display: block; margin-top: 40px; border-bottom: 1px solid #e6e6e6;}
#footer .menu{ display: block; }
#footer .menu dl{ display: block; float: left;}
#footer .menu dl dt{ font-size: 16px; margin-bottom: 20px; display: inline-block; height: 24px; overflow: hidden;}
#footer .menu dl dd{ font-size: 12px; line-height: 24px;  height: 24px; overflow: hidden;}
#footer .menu dl dd a{ color: #888; display: inline-block;}
#footer .menu dl dd a:hover{ color: #f10;}

#footer .marketing{ display: block; }
#footer .marketing dl dt{ font-size: 16px; margin-bottom: 20px;}
#footer .marketing dl dd{ font-size: 12px; line-height: 24px;}
#footer .contact{ display: block; color: #000;}
#footer .contact summary{ margin: 0 auto; text-align: center; display: block;}
#footer .contact summary h3{ font-weight: bold; font-size: 26px;}
#footer .contact summary small{ color: #000; font-size: 14px;}
#footer .contact .footer-kf{ margin: 0 auto; color: #000;  padding: 5px 20px; font-size: 16px; height: 50px; border-radius: 25px; border: 1px solid #000;}
#footer .contact .footer-kf i.fa-commenting{ margin-right: 5px; font-size: 20px;}
#footer .contact .footer-kf:hover{
	color: #f10;
	border-color: #f10;
}

#footer .copyright{ display: block; padding: 20px 0 40px 0; font-size: 12px;}
#footer .copyright .text{ display: block; }
#footer .copyright .text a{ color: #333;}
#footer .copyright .text a:hover{ color: #f10;}
#footer .copyright .weblink{ 
	float: right; 
	width: 150px; 
	border: 1px solid #e6e6e6;
	position: relative; 
	bottom: 10px;
}
#footer .copyright .weblink .link-list:hover{ cursor: pointer;}
#footer .copyright .weblink span{ float: left; margin: 5px 10px; color: #666;}
#footer .copyright .weblink span.line{ 
	position: absolute; 
	right: 30px; 
	display: block; 
	width: 1px; 
	height: 20px; 
	margin:5px 0; 
	background: #e6e6e6;
}
#footer .copyright .weblink i.fa-angle-up{ 
	margin: 5px 10px; 
	float: right; 
	color: #666;
}
#footer .copyright .weblink .list-inner{ 
	width: 150px;
	text-indent: 1em;
	line-height: 30px;
	background-color:rgba(255,255,255,.6);
	border-radius: 2px;
	position: absolute;
	bottom: 28px;
	left: -1px;
	display: none;
	border: 1px solid #E6E6E6;
	
	border-bottom: 0px;
}
#footer .copyright .weblink .list-inner a{ width: 100%; display: block; overflow: hidden; color: #666;}
#footer .copyright .weblink .list-inner a:hover{ background: rgba(213,213,213,.5); }

.product{ padding: 50px 0; background: #EDEDED;}
.product summary{
	display: block;
	position: relative;
	padding-bottom: 20px;
}
.product summary h3{ font-size: 16px; font-weight: bold; position: relative; line-height: 40px;}
.product summary h3:after{
	content: "";
	background-color: #f10;
    left: 0;
    width: 50px;
    height: 2px;
    bottom: -1px;
    position: absolute;
}
.product .wrap{ 
	display: block;
	width: 100%;
	/*min-height: 900px;*/
}
.wrap .item-pro{
	display: block; 
	padding: 0;
	background: #fff; 
	margin-bottom: 40px;
}
.item-pro .item-box{ 
	display: block; 
	text-align: center; 
	color: #000;
}
.item-box img{ 
	display: inline-block; 
	position: relative;
}
.item-desc{ min-height: 90px;}
.item-desc p{ font-weight: 500; font-size: 14px;}
.item-desc span{ color: #B2B0B1; font-size: 12px; display: inline-block; width: 100%;}
.item-pro:hover{ 
	background: #F94B4C;
	transition: background-color .5s ease-in;
	-moz-transition: background-color .5s ease-in;
	-webkit-transition: background-color .5s ease-in;
}
.item-pro:hover p{ color: #fff;}
.item-pro:hover span{ color: #fff;}
.item-pro:hover label{ color: #fff;}
.item-pro:hover p{ 
	-webkit-animation:gdownIn .5s .5s both; 
	-moz-animation:gdownIn .5s .5s both; 
	animation:gdownIn .5s .5s both;
}
.item-pro:hover span{ 
	-webkit-animation:gdownIn 1s .7s both; 
	-moz-animation:gdownIn 1s .7s both; 
	animation:gdownIn 1s .7s both;
}
.item-pro:hover label{
	border-color: #fff ; 
	-webkit-animation:gdownIn 1.5s .9s both; 
	-moz-animation:gdownIn 1.5s .9s both; 
	animation:gdownIn 1.5s .9s both;
}


.header-nav{ display:block; background: rgba(255,255,255,1); width: 100%; z-index: 100; border-bottom: 0px;}
.header-nav .nav-list{ height: 56px; }
.header-nav .nav-list .position{ line-height: 56px; font-size: 14px; color: #777;}
.header-nav .nav-list .position a{ color: #777;}
.header-nav .nav-list .position a:hover{ color: #F10;}
.header-nav .nav-list h3{ line-height: 56px; margin: 0; float: left; display: block;}
.navbar-a{ float: right;}
.navbar-a a{ padding: 0px 15px; line-height: 56px; display: inline-block; color: #A7A7A7;}
.navbar-a a.curr{ color: #333; font-weight: 600;}

#notice{ 
	padding-top: 100px;
	display: block; 
	margin: 0 auto; 
	line-height: 40px; 
	position: relative;
}
.notice-box{ background: #fff; padding: 0; min-height: 40px;}
.notice-box h3{ 
	background: url(../images/notice.png) no-repeat;
	font-size: 20px; 
	color: #fff; 
	text-align: center;
	letter-spacing: 2px; 
	width: 90px; 
	line-height: 40px;
	margin: 0;
	float: left;
	display: inline-block; 
}
.notice-box h3 a{ color: #fff;}
.notice-box .move-notice{
	height: 40px;
	overflow: hidden; 
	line-height: 40px;
}
.move-notice ul{ 
	line-height: 40px;
	overflow: hidden; 
	position: relative; 
	float: left;
	margin-left: 20px;
	margin-bottom: 0 ;
	display: block;
	background: #fff;
}
.move-notice ul li{ height: 40px; overflow: hidden; width: 100%; display: block;}
.move-notice ul li a{ color: #333; height: 40px;  overflow: hidden; }
.move-notice ul li a:hover{ color: #f10; text-decoration: underline;}
.move-notice ul li span{ margin-right: 20px;}
#search{
	padding-top: 80px;
	display: block;
	position: relative;
}
#search summary { position: relative;}
#search summary h3{ font-size: 40px; font-weight: bold;}
#search summary small{}
#search summary small i.fa-question-circle{ 
	color: #CB0000; 
	margin-right: 10px;
	font-size: 14px; 
	border: 1px solid #666; 
	border-radius: 8px;
	width: 16px;
	height: 16px;
}
#search .search{ text-align: center; margin: 20px 0 50px;}
.search .form-horizontal .form-group{
	margin-left: 0px;
	margin-right: 0px;
}
.search .form-group .btn-danger{ background-color:#f10; border-color: #f10;}
.search .keyword{ text-align: left; padding-left: 10px; color: #6D6D6D;}
.search .keyword span{ float: left;}
.search .keyword a{ color: #6D6D6D; margin-right: 10px; display: block; float: left;}
#search .online{ display: block; margin: 50px 0; text-align: center;}
.online .chat{ 
	text-align: center; 
	padding: 8px 25px; 
	display: inline-block; 
	border-radius: 5px; 
	background: #4A4A4A; 
	color: #fff; 
	font-size: 18px;
}
.online .chat:hover{
	background: #f10; 
	cursor: pointer;
}
.chat a{ color: #fff;}
.chat i.fa-commenting{ margin-right: 10px;}
.online summary{ margin-top: 20px;}
.online summary p{ font-size: 20px; line-height: 40px}
.online summary p i{ margin-right: 10px; line-height: 40px;}
.online summary p font{ color: #CB0000; font-size: 22px;}
.service{ margin: 0 auto;  text-align: center; display: block; position: relative; }
.service .item-img{ margin-bottom: 10px; color: #333; display: inline-block;}
.service .item-img img{ margin-bottom: 10px;}
.service .item-img p{ line-height: 40px; font-size: 16px;}

#hotproduct{ padding: 50px 0; display: block; position: relative;}
#hotproduct .hot-box{ border-top: 1px solid #BEBEBE;}
.hot-box summary{ display: block; padding: 20px 0 50px;}
.hot-box summary h3{ margin-bottom: 0px; position: relative; display: inline-block; line-height: 50px;}
.hot-box summary h3:after{
	position: absolute;
	content: "";
	width: 80px;
	left: 30px;
	height: 2px;
	background: #f10;
	bottom: 0;
}
.hot-box .list-in{ display: block;}
.list-in .swiper-slide { background: none; padding:20px 0}
.list-in .swiper-slide a{ color: #333; display: block;}
.list-in .swiper-slide a:hover{ color: #f10; text-decoration: underline;}
.list-in .swiper-slide a img{ margin-bottom: 10px;}
.list-in .swiper-slide a p{ line-height: 40px; font-size: 16px; text-align: center; height: 40px; overflow: hidden;}

#news{ display: block; position: relative; padding-top: 10px;}
#news .left{
 	position: relative;
    overflow: hidden;
    display: block;
 	
}
#news .right{
	position: relative;
    overflow: hidden;
    display: block;
}
.right .widget{
	width: 100%;
	height: 100%; 
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	/*background: #FFF;0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);*/
}
.right .widget a{
	display: block;
	position: relative;
}
.left .posts-box{
	display: block;
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
}
.posts-box .ajax-load-con{
	position: relative;
    line-height: normal;
    display: block;
}
.posts-box .ajax-load-con:last-child .posts-default-content{
	border-bottom: 0px;
}
.posts-box .content-box{
	overflow: hidden;
    padding: 0 18px 10px;
}

.posts-default-content {
    position: relative;
    line-height: normal;
    display: block;
    border-bottom: 1px solid #E5E5E5;
}
.posts-default-title {
    position: relative;
    margin: 0 0 30px;
}
.posts-default-title h2 {
    position: relative;
    line-height: 28px;
    font-size: 22px;
}
.posts-default-title h2 a{
	color: #333;
	display: inline-block;
}
.posts-default-title h2 a:hover{
	color: #f10;
}
.posts-default-title h2 small{
	margin-top: 10px;
}
.posts-default-content .posts-text {
    line-height: 20px;
    margin-bottom: 20px;
    color: #666;
}
.posts-default-img{
	position: relative;
    overflow: hidden;
    max-height: 300px;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
}
.posts-default-img a{position:relative;display:block}
.posts-default-img img{width:100%; display: block;}
.posts-default-img .overlay{opacity:0}
.posts-default-img a:hover .overlay{opacity:.2}

.post-images-item{margin-bottom:20px; position: relative; display: block;}
.post-images-item ul{overflow:hidden; margin-left:-10px; position: relative; display: block; width: 100%}
.post-images-item ul li{float:left; width:33.3333%; display: block;}
.post-images-item ul li .overlay{opacity:0}
.post-images-item ul li a:hover .overlay{opacity:.3}
.post-images-item ul li .image-item{margin-left:10px; position:relative;}
.post-images-item ul li a img{width:100%;height:auto; }

.posts-default-info {
    position: relative;
    display: block;
    margin-bottom: 40px;
    line-height: 28px;
    color: #666;
}
.posts-default-info .goback a{
	color: #888;
}

#ajax-load-posts {
    text-align: center;
    padding: 30px 0;
    color: #888;
}
#ajax-load-posts #fa-loadmore{
	display: none;
}
/*#ajax-load-posts #fa-loadmore{
    cursor: pointer;
    width: 150px;
    background: #f10;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    height: 46px;
    line-height: 46px;
    display: block;
    margin: 0 auto;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#ajax-load-posts #fa-loadmore:hover{
	background: #D00E00;
}*/
.loadtext{ display: none;}

.post {
    padding: 35px 25px;
    background: #fff;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
}
.post-title{margin-bottom:20px}
.post-title .title{
	position:relative;
	margin-bottom:15px;
	font-size:26px;
	line-height:1.3;
	display:block;
	font-weight:400;
	margin:0 0 25px;
	padding:0 0 25px;
	border-bottom:1px solid #e7e7e7;
}
.post-title .title:after{
	content:"";
	background-color:#f10;
	left:0;
	width:50px;
	height:2px;
	bottom:-2px;
	position:absolute;
}
.post-title h2 small{ margin-top: 10px; font-size: 14px;}
.post-content{ overflow: hidden; display: block;}
.post-content .video-box{
	margin: 0 auto 20px;
	width: 100%;
	display: block;
	
}
.post-content pre{padding:12px 18px;color:#566573;border-color:#E8E8E8}
.post-content p{margin-bottom:25px;font-size:14px; line-height: 24px; color: #666;}
.post-content img{ display: block; margin-bottom: 25px; max-width: 100%;}
video::-webkit-media-controls-enclosure{
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}


#content{
	display: block;
	position: relative;
	padding: 60px 0;
}
#content .content-box{
	background: #fff;
	border-radius: 5px;
	min-height: 600px;
	display: block;
	padding: 20px 60px 60px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
}
#content .content-box h3{ 
	border-bottom: 1px solid #B2B2B2; 
	line-height: 50px; 
	font-size: 18px; 
	font-weight: 500; 
	margin-bottom: 20px;
	position: relative;
}
#content .content-box h3:after{
	content: "";
    background-color: #f10;
    left: 0;
    width: 80px;
    height: 2px;
    bottom: -1px;
    position: absolute;
}
#content .content-box .content-box-inner{ display: block;}
#content .content-box .content-box-inner p{ 
	font-size: 16px; 
	margin-bottom: 40px; 
	line-height: 25px;  
	color: #666;
}
#content .content-box .content-box-img{ margin-bottom: 20px; position: relative; }
.content-box-inner .relate-in .question-in{ display: block; position: relative;}
.content-box-inner .relate-in .question-in ul{ display: block; width: 100%; position: relative;}
.content-box-inner .relate-in .question-in li{ 
	padding: 20px; 
	width: 100%;
	display: block; 
	border-bottom: 1px dashed rgba(0,0,0,.1);
 	color: #666;
 	clear: both; 
 	line-height: 24px;
}
.content-box-inner .relate-in .question-in li:last-child{ border-bottom: 0px;}
.content-box-inner .relate-in .question-in li h4 { display: block; line-height: 24px; height: 24px;}
.content-box-inner .relate-in .question-in li h4 a{ 
	color: #000; 
	font-size: 18px; 
	float: left; 
	font-weight: 500; 
	height: 24px;
	overflow: hidden;
	width: 80%;
}
.content-box-inner .relate-in .question-in li h4 a:hover{ color: #f10;}
.content-box-inner .relate-in .question-in li a{ color: #f10;}
#content .honor-box{
	background: #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 60px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
}
.content-box-inner .relate-in .question-in li a.icon-down{
	float: right;
	display: inline;
	font-size: 12px;
	width: 10%;
	height: 24px;
	overflow: hidden;
}
.content-box-inner .relate-in .question-in li a.icon-down i{
	margin-right: 10px;
}

#content .honor-box .content-box-img{ }
#content .honor-box h3{ font-size: 16px; font-weight: 600; line-height: 40px;}

#content .honor-box span{ font-size: 14px; color: #666; line-height: 20px;}
#content .join-box{
	background: #fff;
	border-radius: 5px;
	display: block;
	min-height: 600px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    color: #8d8d8d;
}
#content .join-box h3{ font-size: 16px; font-weight: 600; line-height: 40px; border-bottom: 1px solid #B2B2B2;}
#content .join-box .table-title{ 
	display: block; 
	position: relative; 
	background: #F2F2F2; 
	line-height: 40px; 
}
#content .join-box .table-title .border-line{ border-right: 1px solid #DADADA;}
#content .join-box .table-box{ display: block;  line-height: 60px; border-bottom: 1px solid #f0f0f0;}

#content .join-box .table-box .btn-more{
	display: inline-block;
    height: 34px;
    line-height: 34px;
    color: #8d8d8d;
    text-align: center;
    font-size: 12px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border: 0 solid rgba(255,255,255,0);
    background-image: -webkit-linear-gradient(rgba(255,255,255,.06),rgba(0,0,0,.06));
    background-image: linear-gradient(rgba(255,255,255,.06),rgba(0,0,0,.06));
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1), inset 0 -1px 1px rgba(255,255,255,.2), 0 1px 3px rgba(0,0,0,.06);
}
#content .join-box .table-box .btn-more:hover{
    border: 1px solid #567bcd;
    border: 0 solid rgba(255,255,255,0);
    color: #fff;
    background-color: #f10;
    background-image: -webkit-linear-gradient(rgba(255,255,255,.16),rgba(0,0,0,.16));
    background-image: linear-gradient(rgba(255,255,255,.16),rgba(0,0,0,.16));
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1), inset 0 -1px 1px rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.06);
}
.table-box .job-block {
    background: #fff;
    margin-bottom: 18px;
    color: #8d8d8d;
    display: none;
    position: relative;
}
.table-box .job-block p{
	line-height: 24px;
}
#content .contact-box{
	min-height: 600px;
	background: #fff;
	border-radius: 5px;
	display: block;
	padding: 20px 60px 60px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
}
#content .contact-box h3{
	border-bottom: 1px solid #B2B2B2;
    line-height: 50px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;	
}
#content .contact-box h3:after{
	content: "";
    background-color: #f10;
    left: 0;
    width: 80px;
    height: 2px;
    bottom: -1px;
    position: absolute;
}
#content .contact-inner{ display: block; position: relative; overflow: hidden; margin-top: 40px;}
#content .contact-inner h4{ font-size: 14px; color: #333; font-weight: 600; line-height: 30px;} 
#content .contact-inner p{ color: #666;}

.show-general, .show-guige{ display: block; position: relative; min-height: 800px;}
.show-guige, .show-mobile, .show-mguige{ display: none;}
.show-syq{
	display: block; position: relative; padding: 40px 0;
}

#search-list{
	display: block;
	position: relative;
	min-height: 600px;
	padding: 60px 0;
}
#search-list .search-box{
	padding: 20px 0;
	background: #c5c5c5;
}
.search-box .search {
    text-align: center;
    margin: 20px 0 50px;
}
.search-text{ margin-left: -10px;}
.search-input{ height: 40px; line-height: 40px;}
.search-btn{ line-height: 40px; text-align: center; background: #f10; border-radius: 5px; color: #fff;}
.search-btn:hover{ background: #DB0F00; color: #fff; cursor: pointer;}
.relate{ 
	margin-top: 50px;
	display: block;
	position: relative;
}
.relate .product-box, .relate .question{ box-shadow: 0px 0px 5px rgba(0,0,0,.2); width: 100%; position: relative; display: none;}
.relate .product-box .search-box-list{ margin: 30px 10px; display: block; color: #666;}
.relate .product-box .search-box-list:hover{ color: #f10; text-decoration: underline;}
.relate .product-box .search-box-list p{ margin-top: 10px; height: 20px; display: block; overflow: hidden; }
.relate .question ul{ display: block; width: 100%; position: relative;}
.relate .question li{ 
	padding: 20px 40px; 
	width: 100%;
	display: block; 
	border-bottom: 1px dashed rgba(0,0,0,.1);
 	color: #666;
 	clear: both; 
 	line-height: 24px;
}
.relate .question li:last-child{ border-bottom: 0px;}
.relate .question li h3 a{ color: #000; font-size: 20px; font-weight: 500;}
.relate .question li h3 a:hover{ color: #f10;}
.relate .question li a{ color: #f10;}
.noborder{ border-top: 0px;}


.video{
	display: block;
	position: relative;
	padding: 60px 0;
}
.video .video-box{
	background: #fff;
	border-radius: 5px;
	min-height: 600px;
	display: block;
	padding: 20px 60px 60px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
}
.video .video-box h3{ 
	border-bottom: 1px solid #B2B2B2; 
	line-height: 50px; 
	font-size: 18px; 
	font-weight: 500; 
	margin-bottom: 20px;
	position: relative;
}
.video .video-box h3:after{
	content: "";
    background-color: #f10;
    left: 0;
    width: 80px;
    height: 2px;
    bottom: -1px;
    position: absolute;
}
.video .video-box .video-box-inner{ display: block;}
.video .video-box .video-box-inner a.video-item{
	display: block;
	position: relative;
	overflow: hidden;
}
.video .video-box .video-box-inner a.video-item img{
	z-index: 80;
}
.video .video-box .video-box-inner  .video_title{
	display: block;
	text-align: center;
	margin-top: 10px;
	color: #666;
}
.video .video-box .video-box-inner .video-item .play{
	position: absolute;
	z-index: 99;
	bottom: 50px;
	left: 20px;
	/*width: 40px;
	height: 20px;*/
	border: 1px solid #fff;
	border-radius: 18px;
	width: 36px;
	height: 36px;
	background: rgba(0,0,0,.3);
}
.video .video-box .video-box-inner .video-item .play i{
	color: #fff;
	font-size: 14px;
	display: block;
	margin-top: 10px;
	margin-left: 13px;
}
.video .video-box .video-box-inner a:hover .play{
	border: 1px solid #f10;
	background: #f10;
	transition: all .2s ease-in .1s;
	-webkit-transition: all .2s ease-in .1s;
	-moz-transition: all .2s ease-in .1s;
}
.video .video-box .video-box-inner a:hover .video_title{
	color: #f10;
}


#goTopBtn{ 
	position: fixed;
	width: 50px;
	bottom: 50px;
	height: 50px; 
	cursor: pointer;
	display: none; 
	background: url(../images/gotop.png) no-repeat;
	background-position: 0 0;
	z-index: 999;
}
#goTopBtn:hover{
	background: url(../images/gotop.png) no-repeat;
	background-position: 0 -50px;
}



/*快捷导航*/

.sidemenubar{
	background: #fff;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 30px;
    position: fixed;
    top: 0;
    right: -270px;
    width: 270px;
    z-index: 999;
    /*visibility: hidden;
    -webkit-backface-visibility: hidden;*/
    box-sizing: border-box;
}
.sidemenubar a.close_side_menu {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 25px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    z-index: 10000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background: url(../images/close_side_menu.png) no-repeat;
}
.sidemenubar a.close_side_menu:hover {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}

.sidemenubar .widget{
	display: block;
	position: relative;
}
.widget .textwidget{ 
	display: block;
	position: relative;
	margin-bottom: 30px;
}
.widget h6{ color: #000; font-size: 15px; font-weight: 600; margin-bottom: 20px;}
.widget .menu-box{ width: 100%; display: block;}
.widget .menu-box li{
	padding: 0 5px;
	display: block;
	height: 45px;
	width: 100%; 
	line-height: 45px;
}
.widget .menu-box li a{
	line-height: 45px; 
	display: block; 
	width: 100%; 
	height: 45px; 
	color: #666;
	margin-left: 28px;
}
.widget .menu-box li a:hover{
	color: #f10;
}
.widget .menu-box li.first{
	background: url(../images/sidebarmenu.png) no-repeat;
	background-position: 0 0;
}
.widget .menu-box li.secend{
	background: url(../images/sidebarmenu.png) no-repeat;
	background-position: 0 -45px;
}
.widget .menu-box li.third{
	background: url(../images/sidebarmenu.png) no-repeat;
	background-position: 0 -90px;
}
.widget .menu-box li.forth{
	background: url(../images/sidebarmenu.png) no-repeat;
	background-position: 0 -135px;
}
.widget .menu-box li.fifth{
	background: url(../images/sidebarmenu.png) no-repeat;
	background-position: 0 -180px;
}
.widget .menu-box li.sixth{
	background: url(../images/sidebarmenu.png) no-repeat;
	background-position: 0 -225px;
}
.widget .menu-box li.seven{
	background: url(../images/sidebarmenu.png) no-repeat;
	background-position: 0 -270px;
}
.widget .search-form{
	display: block;
	position: relative;
	width: 200px;
	background: #CCCCCC;
	height: 34px;
	line-height: 34px;
	border-radius: 17px;
	text-align: center;
}
.widget .search-form #side-search{
	border: 0; 
	margin-left: 10px; 
	float: left; 
	line-height: 34px;
	height: 34px;
	background: none;
}

::-webkit-input-placeholder { /* WebKit browsers */  
   color: #fff;  
}  
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color: #fff;   
}  
::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color: #fff;   
}  
:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color: #fff;  
}

.widget .search-form #side-searchbtn{ 
	color: #808080;
	float: left; 
	margin-left: 5px; 
	display: block;
	margin-top: 2px;
	width: 30px; 
	height: 30px; 
	border-radius: 15px; 
	background: #fff; 
	text-align: center;
	line-height: 30px;
}

.widget .share-box{ display: block; position: relative;}
.widget .i-list-group{ display: block; position: relative;}
.i-list-group i{ margin: 0 5px; color: #9a9a9a;}
.i-list-group i.fa-weibo,i.fa-weixin{ font-size: 20px;}
.i-list-group i.fa-weibo:hover{
	color: #E64849;
}
.i-list-group i.fa-weixin:hover{
	color: #88CF41;
}
.wx-inner, .wx-inner2{display: none; position: absolute; top: 20px; width: 150px; height: auto;}
.wx-inner img, .wx-inner2 img{ max-width: 150px; overflow: hidden;}
.a-flipinX {
	-webkit-animation:flipinX 1s ease-out backwards;
	-moz-animation:flipinX 1s ease-out backwards;
	animation:flipinX 1s ease-out backwards;
}

.notfound{
	display: block;
	position: relative;
	padding: 100px 0;
}
.notfound p.back{
	display: block;
	text-align: center;
}
.notfound p.back a{
	text-align: center;
	padding: 5px 20px;
	border: 1px solid #E0E0E0;
	border-radius: 2px;
	color: #A7A7A7;
	display: inline-block;
}
.notfound p.back a:hover{
	color: #f10;
}
#kf_module{
	display: block;
	position: fixed;
	right: 0;
	bottom: 15%;
	width: 140px;
	height: auto;
	z-index: 999;
	background: #fff;
	border: 1px solid rgba(0,0,0,.2);
	overflow: hidden;
}
#kf_module>h3{
	display: block;
	height: 50px;
	background: #E50000;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	margin: 0;
}
#kf_module .kf_qq{
	display: block;
	line-height: 40px;
	margin: 10px auto;
}
#kf_module .kf_qq>a{
	display: block;
	line-height: 30px;
	margin: 5px auto;
}
#kf_module .kf_qq>a>img{
	margin: 0 auto;
	display: block;
}
#kf_module .kf_phone{
	display: block;
	margin: 0 auto 30px;
	position: relative;
}
#kf_module .kf_phone:before{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: 100px;
	height: 1px;
	background: #DEDEDE;
}
#kf_module .kf_phone>p{
	display: block;
	padding: 20px 0 0;
	font-size: 14px;
	color: #666;
	margin: 0;
	text-align: left;
	text-indent: 20px;
}
#kf_module .kf_phone>span{
	display: block;
	font-size: 16px;
	color: #E50000;
	text-align: center;
	line-height: 30px;
}