body {background-color: #f6f6f6;
}
*{    font-family: Poppins;}
p a{       font-family: Poppins!important;}
html{overflow-x: hidden}
p, h2, h3, h1, ul, li, dl, dd, dt, span, i {
	margin: 0;
	padding: 0;
}
a:hover {
	text-decoration: none;
}
.b10 {
	clear: both;
	height: 10px;
	overflow: hidden;
}
.b20 {
	clear: both;
	height: 20px;
	overflow: hidden;
}
.b40 {
	clear: both;
	height: 40px;
	overflow: hidden;
}
.b140 {
	clear: both;
	height: 180px;
	overflow: hidden;
}
.width100 {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;background-color: #fff;
}
.b5 {
	clear: both;
	height: 5px;
	overflow: hidden;
}
.sec_about {
    overflow: hidden;
    padding: 80px 0;
    background: center top no-repeat;
    background-size: cover;
    position: relative;
}
@media (max-width: 1599px){
.block_research {
    height: 640px;
}}
.searchBox {width: 550px;margin: 0 auto;overflow: hidden;}
.soText{width: 490px;	background: url(../images/sousuoxioa.jpg) #ffffff no-repeat;background-position: left center;padding-left: 45px;height: 60px;border-radius: 35px;}
.soBtn{width: 120px;height: 63px;text-align: center;background-color: #ff6305;border-radius: 35px;color: #fff;font-size: 17px;margin-left: -120px;}
.inner_tab2 a{padding: 14px 10px;;font-size: 16px;color: #666;float: left;width: 50%;background-color: #fff;}
.inner_tab2 a:hover{background-color: #ff6305;color: #fff;}

.hemstop1{background-color: #ce0b14;padding: 10px 0px 0px;;text-align: center;}
.hemstop1 p{color: #fff;font-weight: bold;}
.chsopspp{text-align: center;}
.chsopspp h4{text-align: center;padding-top: 18px;}


.hemstop2{background-color: #edffef;padding: 12px 0px 8px;}
.hemstop2 p{color: #000;font-size: 15px;text-align: center;}
.hemstop2 p span{font-size: 18px;padding-bottom: 6px;border-bottom:1px solid#000;}

.hezuohuoiban{ background: url(../images/lcbj1.jpg) no-repeat;padding: 30px 0;}
.shanxyim span{border: 1px solid #eee;padding: 7px 15px;border-radius: 15px;}
.inner_tab2 .thisclass{border-bottom: 1px solid #1e50ae;color: #1e50ae;}
a.about_more{ display:inline-block; line-height: 30px; padding-left: 45px; background: url(../images/ico_more01.png) left center no-repeat; color: rgba(255,255,255, .50)!important;}
a.about_more:hover{ color: rgba(255,255,255, 1)!important;}
.about_contain{} 
.contain_block{ float:left; overflow: hidden; position: relative; background: #000; color: #fff;}
.contain_block a{ color:#fff;}
.contain_block .bgImg{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); } 
.contain_block:hover .bgImg{ transform: scale(1.1); ;}
.contain_cover{ position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: url(../images/contain_01.png) left bottom repeat-x; display:flex; flex-wrap: wrap; align-items: center; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.contain_info{}
.guoqi a{}

.chanpzjj22{padding-top: 55px;position: relative;padding-bottom: 60px;}
.chanpzjj66{bottom: 6px;padding: 45px 0px 5px 0px;;background-size: 100%;;}
.chanpzjj66 p{font-size: 17px;text-transform: uppercase;font-weight: bold;}

.single-footer-widget h5{font-size: 16px;color: #fbc270;margin-top: 15px;}
.widget-title{margin-bottom: 25px;}

@media only screen and (max-width:767px) {.about-history{ height:701px; padding:26px 36px 0; background:url(../images/bg_about_history.jpg) no-repeat center fixed; -webkit-background-size:100% 100%; background-size:100% 100%;}
}

.timeline{background:url(../images/bg_about_history.jpg) no-repeat;background-size: cover;}
.slowpp img{margin-top: 6px;}
.slowpp h5{margin-bottom: 0px;}
.slowpp{padding-top: 23px;}


.slisjppp:hover img{opacity: 0.9;}
.diasjhiwei h5{text-align: center;}
.diasjhiwei h5 i{font-size: 26px;color: #ff6a61;}

.header-logo{margin-top: 10px;;padding-bottom: 0px;}

.chanpzjj33{background: url(../images/cpbj1.jpg) no-repeat;padding: 15px;}

.chanpzjj66 p span{color: #fff;font-size: 15px;}
.chanpzjj88{background: url(../images/cpbj2.jpg) no-repeat;padding: 15px;}

.yosuxisoss1{background: url(../images/ys2.jpg) no-repeat;background-size: 100%;padding: 15px 0 ;margin-bottom: 15px;}
.yosuxisoss2{background: url(../images/ys3.jpg) no-repeat;background-size: 100%;padding: 15px 0;margin-bottom: 15px;}
.yosuxisoss3{background: url(../images/ys4.jpg) no-repeat;background-size: 100%;padding: 15px 0;margin-bottom: 15px;}
.youshiss{padding: 40px 0;}
.yosuxisoss p{font-size: 16px;color: #fff;padding: 15px;}
.yosuxisoss h8 i{font-size: 23px;background-color: #fff;color: #000;padding: 5px 15px;}
.yosuxisoss h8{padding: 15px;}
.cpskk2{margin-bottom: 15px;background-color: #000;padding-top: 15px;padding-bottom: 10px;}
.baixian{background-color: #fff;height: 1px;margin-top: -45px;width: 100%;margin-bottom: 15px;}

.buymore{background-color: #ffffff;font-size: 15px;padding: 8px 15px;}
.chanpzjj99{}
.chanpzjj99 h4{color: #fff;font-size: 21px;text-transform: uppercase;}
.chanpzjj99 p{color: #ffc122;margin-bottom: 0px;}
.main6{ padding-top:58px; background:url(../images/m6bei.jpg) no-repeat bottom center;}
.m6n{ background:url(../images/zhuozi.png) no-repeat bottom center; background-size:100%; padding-bottom:198px; margin-left:-92px; margin-right:-92px;}

.m6n .box-btn { position: absolute; top: 50%; margin-top: -23px; height: 47px; color:#fff; line-height:47px; font-size:44px;}
.m6n .box-btn.prev { left: 0;}
.m6n .box-btn.next { right: 0;}
.m6n .box-btn:hover{ color:#e6212b;}

.c-oh { overflow: hidden; }
.box-lunbo { position: relative; margin-top: 60px; padding-left: 92px; padding-right: 92px; }
.box-lunbo1 { display: none \9; }
.box-lunbo1 .box-list { position: relative; height: 390px; overflow: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; }
.box-lunbo1 .list-item { position: absolute; top: 0; width: 286px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }
.box-lunbo1 .list-item1 { z-index: 1; left: 0; -webkit-transform: rotateY(58deg) scale(0.9); -moz-transform: rotateY(48deg) scale(0.9); transform: rotateY(48deg) scale(0.9); }
.box-lunbo1 .list-item2 { z-index: 2; left: 236px; -webkit-transform: rotateY(45deg) scale(0.9); -moz-transform: rotateY(45deg) scale(0.9); transform: rotateY(45deg) scale(0.9); }
.box-lunbo1 .list-item3 { z-index: 3; left: 462px; margin: 0 auto; }
.box-lunbo1 .list-item4 { z-index: 2; left: 685px; -webkit-transform: rotateY(-45deg) scale(0.9); -moz-transform: rotateY(-45deg) scale(0.9); transform: rotateY(-45deg) scale(0.9); }
.box-lunbo1 .list-item5 { z-index: 1; left: 920px; -webkit-transform: rotateY(-58deg) scale(0.9); -moz-transform: rotateY(-48deg) scale(0.9); transform: rotateY(-48deg) scale(0.9); }
.box-lunbo1 .list-item6 { left: 101%; -webkit-transform: rotateY(-58deg) scale(0.9); -moz-transform: rotateY(-48deg) scale(0.9); transform: rotateY(-48deg) scale(0.9); }
.box-lunbo1 .list-item0 { left: -286px; }
.box-lunbo2 { display: none; display: block \9; }
.box-lunbo2 .box-list { width: 1000%; overflow: hidden; }
.box-lunbo2 .list-item { float: left; margin-right: .14%; width: 1.9%; }

.list-item a{ display:block; position:relative;}
.list-item a img{ width:100%; }
.list-item a i{ display:block; position:absolute; background:#4880de; background:rgba(72,128,222,0.8); width:31px; height:31px; border-radius:50%; text-align:center; line-height:31px; color:#fff; font-size:14px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:0.5s; opacity:0;}
.list-item a:hover i{ opacity:1}

.cp{width: 100%;overflow: hidden;padding: 76px 0 133px 0;background-color: #f7f7f7;}
	.cp_top h6{text-align: center;font-size: 30px;color: #1b2e36;line-height: 40px;}
	.cp_top h6 img{display: inline-block;margin: 0 12px;position: relative;top: 7px;-webkit-animation: dh1 60s infinite linear;animation: dh1 60s infinite linear;}
	.cp_top h1{text-align: center;font-size: 30px;color: #1b2e36;line-height: 40px;}
	.cp_top p{text-align: center;font-size: 16px;color: #aeadaa;line-height: 26px;text-transform: uppercase;letter-spacing: 1px;}
	.cpa{width: 2180px;position: relative;left: 50%;margin-left: -1090px;margin-top: 43px;}
	.cpa .swiper-container{height: 500px;;}
	#swiper_cp{width: 100%;padding-left: 224px;}
	#swiper_cp .swiper-slide{transform: scale(0.8539);transition: all ease 0.3s;}
	#swiper_cp .swiper-slide-active{transform: scale(1);}
	#swiper_cp .swiper-slide-prev{left: -224px;}
	#swiper_cp img{width: 100%;}
	#swiper_cp .swiper-slide-prev::after{position: absolute;content: "";width: 100%;height: 100%;background-color:rgba(17,17,16,0.5);top: 0;left: 0;transition: all ease 0.3s;}
	#swiper_cp .swiper-slide-prev:hover{transform: scale(0.9);}
	#swiper_cp .swiper-slide-prev:hover::after{display: none;}
	#swiper_cp .swiper-slide-next::after{position: absolute;content: "";width: 100%;height: 100%;background-color:rgba(17,17,16,0.5);top: 0;left: 0;transition: all ease 0.3s;}
	#swiper_cp .swiper-slide-next:hover{transform: scale(0.9);}
	#swiper_cp .swiper-slide-next:hover::after{display: none;}
	.zsq{width: 224px;position: absolute;left: 490px;top: 0;z-index: 1000;height: 100%;}
	#swiper-pagination-cp{position: static;text-align: left;width: 224px;height: 100%;background-color: #fff;}
	#swiper-pagination-cp span{display: block;width: 100%;border-radius: 0;height: auto;height: 20%;font-size: 16px;color: #2a2724;line-height: 20px;padding-top: 34px;padding-left: 47px;transition: all ease 0.3s;background-color: transparent;background-image: url(../images/118.png);background-size: 0 100%;background-repeat: no-repeat;opacity: 1;}
	#swiper-pagination-cp span i{font-style: normal;display: block;font-size: 10px;color: #858686;text-transform: uppercase;}
	#swiper-pagination-cp span.swiper-pagination-bullet-active{color: #fff;width: 264px;background-size: 100% 100%;}
	#swiper-pagination-cp span:hover{color: #fff;width: 264px;background-size: 100% 100%;}
.case{position: relative;}
#a1{position: absolute;font-size: 35px;left: 20px;top: 150px;}
#a2{position: absolute;font-size: 35px;right: 20px;top: 150px;}
#div1 ul { overflow: hidden; zoom: 1; }
#div1 ul li { float: left; _display: inline; overflow: hidden; text-align: center; margin-left: 3px;width: 293px; }
#div1 ul li .pic { text-align: center; padding: 6px; display: block;text-align: center; }
#div1 ul li .pic img { width: 290px; display: block; border: 1px solid #ccc; padding: 5px;height: auto; }
#div1 ul li p a{font-size: 15px;font-weight: normal;}
#div1 ul li p{text-align: center;}
.wrap{width: 90%;margin: 0 auto;}
.yunu-title-1 {
	border-bottom: 1px solid #ececeb;
	height: 44px;
	margin-bottom: 15px;
	font-size: 24px;
}
.yunu-title-1 span {
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1px solid #a9c94b;
}
.yunu-title-2 {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.yunu-title-2 span {
	display: inline-block;
	vertical-align: top;
	background: url(../images/p14-icon10.png) no-repeat center bottom #0066d9;
	color: #fff;
	font-size: 18px;
	line-height: 46px;
	padding: 0 20px;
	margin-bottom: -1px;
}
.yunu-title-3 {
	margin-bottom: 15px;
	background-color: #f3f7ff;
}
.yunu-title-3 span {
	display: inline-block;
	vertical-align: top;
	background: #0066d9;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	padding: 0 15px;
}
.yunu-title-4 {
	padding: 30px 0 40px;
	text-align: center;
}
.conmsloe{float: right;}
.conmsloe a{color: #ff8d52!important;}
.conmsloe a i{color: #ff8d52;padding-right: 5px;}
.yunu-title-4 h5{width: 280px;background-color: #e94141;margin-top: 20px;height: 2px;}
@media (max-width:767px) {
.yunu-title-4 {
	display: none;
}
}
.yunu-title-4 .t {
	position: relative;
	display: block;
	font-size: 50px;
}
.yunu-title-4 .t:before {
	content: "";
	width: 13%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 28px;
	left: 34%;
	z-index: 0;
}
.yunu-title-4 .t:after {
	content: "";
	width: 13%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 28px;
	right: 34%;
	z-index: 0;
}
.yunu-title-4 h4 {
	margin: 0;
	font-size: 30px;
}
.yunu-title-4 h4 span {
	color: #009400;
}
.yunu-title-4 .b {
	position: relative;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #999;
	padding-top: 15px;
}
.yunu-title-4 .b:before {
	content: "";
	width: 7%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 24px;
	left: 34%;
	z-index: 0;
}
.yunu-title-4 .b:after {
	content: "";
	width: 7%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 24px;
	right: 34%;
	z-index: 0;
}
.yunu-title-1 {
	border-bottom: 1px solid #ececeb;
	height: 44px;
	margin-bottom: 15px;
	font-size: 24px;
}
.yunu-title-1 span {
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1px solid #a9c94b;
}
.yunu-title-2 {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.yunu-title-2 span {
	display: inline-block;
	vertical-align: top;
	background: url(../images/p14-icon10.png) no-repeat center bottom #0066d9;
	color: #fff;
	font-size: 18px;
	line-height: 46px;
	padding: 0 20px;
	margin-bottom: -1px;
}
.yunu-title-4 h4 {
	margin: 0;
	font-size: 30px;font-weight: bold;color: #01193e;text-align: left;
}
.yunu-title-4 h4 span {
	color: #000;font-size: 15px;float: right;
}
.yunu-title-4 h4 span i{color: #e94147;padding-left: 10px;}
.yunu-title-3 {
	margin-bottom: 15px;
	background-color: #f3f7ff;
}
.yunu-title-3 span {
	display: inline-block;
	vertical-align: top;
	background: #0066d9;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	padding: 0 15px;
}
.yunu-title-4 {
	padding: 30px 0 40px;
	text-align: center;
}

@media (max-width:767px) {
.yunu-title-4 {
	display: none;
}
}
.yunu-title-4 .t {
	position: relative;
	display: block;
	font-size: 50px;
}
.yunu-title-4 .t:before {
	content: "";
	width: 13%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 28px;
	left: 34%;
	z-index: 0;
}
.yunu-title-4 .t:after {
	content: "";
	width: 13%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 28px;
	right: 34%;
	z-index: 0;
}
.yunu-title-4 h4 {
	margin: 0;
	font-size: 39px;text-align: center
}
.yunu-title-4 h4 span {
	
}
.yunu-title-4 .b {
	position: relative;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #999;
	padding-top: 15px;
}
.yunu-title-4 .b:before {
	content: "";
	width: 7%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 24px;
	left: 34%;
	z-index: 0;
}
.yunu-title-4 .b:after {
	content: "";
	width: 7%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 24px;
	right: 34%;
	z-index: 0;
}
.abmore{border: 1px solid#5ac6e1;background-color: #5ac6e1; padding: 10px 16px;color: #fff;text-align: center;font-size: 19px;text-transform: uppercase;}
.gosnganliii{background: url(../images/gosnganliii.jpg) no-repeat;background-size: 100%;}
.sgywmbt h4{font-size: 31px;text-transform:capitalize;color: #fec20b;font-weight: bold}

.sgywmbt h4 span{color: #2cc7e7;padding-right: 10px;}


.cpzxss{background-color: #67d4e0;padding: 30px 0;}
.cpzxss ul li{width: 24%;float: left;border-radius: 25px;overflow: hidden;margin: 5px;}
.cpzxss ul li a{display: block;border-radius: 15px;}
.cpzxss ul li a img{width: 100%;}
.cpzxss ul li a h5{text-align: center;padding: 10px 0;background-color: #fff;}

.sgywmbt h4 i{width: 300px;height: 1px;background: #e1e1e1;float: left;margin-top: 25px;margin-right: 10px;}
.sgywmbtmore{text-align: right;}
.sgywmbtmore a{background-color: #fd4a36;padding: 8px 25px;border-radius: 18px;color: #fff;font-size: 16px;}
.promore{border: 1px solid#ff8d52;padding: 10px 16px;text-align: center;margin: 10px auto;text-transform: uppercase;font-size: 19px;}
.advantage{background: url(../images/adv.jpg) no-repeat;background-size: 100%;padding: 15px;padding-bottom: 25px;height: 270px;}
.advantage h4{font-size: 23px;color: #fff;text-transform: uppercase;padding-top: 10px;}
.advantage h5{width: 100px;height: 1px;background:#58bad4;margin-top: 10px ;margin-bottom: 10px; }
.advantage p{font-size: 12px;line-height: 22px;color: #fff;}
.dbnews{margin-bottom: 10px;}
.dbnews p span{color: #c5b45d;font-size: 13px;}
.dbnews p{color: #fff;line-height: 22px;}

.form-control{}

.single-footer-widget{width: 100%;overflow: hidden;}
.wsc-banner {
    position: relative;
    overflow: hidden;width: 100%;
}
.wsc-banner img {
    width: 100%;
    position: relative;
    z-index: -1;
}

.active.center .single_portfolio_thumb:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(237,44,65,0.8);
    opacity: 0;
    transform: inherit;
    margin: auto;
    z-index: 1;
    transition: .5s;height: 216px;
}

.case-study-section {
    padding-top: 28px;
    padding-bottom: 0px;
}
.single-case-study {
    margin-right: 10px;
    overflow: hidden;width: 19%;float: left;margin-bottom: 8px;
}
.sousuosss {
    width: 160px;
    float: right;
}
.case-thumb{
    position: relative;
    z-index: 1;
}
.case-thumb:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(139,192,193,0.6);
    height: 100%;
    transition: .5s;
    z-index: 1;
    visibility: visible;
    opacity: 1;
}
.single-case-study:hover .case-thumb:before{
    opacity: 1;
    visibility: visible;
}
.case-thumb img {
    transition: 1s;
    width: 100%;
}
.single-case-study:hover .case-thumb img{
    transform: scale(1.2);
}
.case-content h2 {
    font-size: 19px;
    font-weight: 700;text-align: center;text-transform: uppercase;align-items: center
}
.case-content h6 {
    margin-top: -5px;
    font-weight: 600;
    font-size: 16px;
    color: #0800bb;
}
.case-content {
   
    width: 100%;
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
  
    transition: .5s;
    opacity: 1;
    z-index: 1;
    transform: translateY(1px);text-align: center
}
.case-thumb:hover .case-content{
    opacity: 1;
    transform: translate(0px);
    visibility: visible;
}
.case-content a {
 
}


.wsc-banbt.wsc-hasban{
    background-color: rgba(0, 0, 0, 0.18) !important;
    margin-top: -50px;
    position: relative;
    z-index: 9;
}
.wsc-banbt{
    height: 50px;
    background-color: #999;
    padding: 12px 0;
    line-height: 26px;
}
.wsc-banbt.whitebg{
    background-color: #fff;
}
.wsc-bread{
    font-size:14px;
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;color: rgba(255, 255, 255, 0.6);
}
.wsc-bread a,.wsc-bread em,.wsc-bread span,.wsc-bread strong,.wsc-bread h1{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 26px;
    color: #fff;
    font-weight: normal;padding: 0px 5px;
}
.wsc-bread strong{
    width: 26px;
    height: 26px;
    background: url(../images/noban-bread-icon.png) no-repeat 0 center;
}
.wsc-bread span{
    margin:0 8px;
    width: 7px;
    height: 26px;
    background:url(../images/noban-bread-arr.png) no-repeat center center;
}
.wsc-bread h1,.wsc-bread em{
    color: #fff;
}
.wsc-bread a:hover{
    color: #fff;
}

.wsc-hasban .wsc-bread a,.wsc-hasban .wsc-bread em,.wsc-hasban .wsc-bread span,.wsc-hasban .wsc-bread strong,.wsc-hasban .wsc-bread h1{
    color: rgba(255, 255, 255, 0.6);
}
.wsc-hasban .wsc-bread strong{
    background: url(../images/bread-icon.png) no-repeat 0 center;
}
.wsc-hasban .wsc-bread span{
    background:url(../images/bread-arr.png) no-repeat center center;
}
.wsc-hasban .wsc-bread h1,.wsc-hasban .wsc-bread em{
    color: #fff;
}
.wsc-hasban .wsc-bread a:hover{
    color: #fff;
}
.wsc-bread.left-block{
    float: unset;
}

.facksry{padding: 50px 20px;}
.faksiiii h4{font-size: 27px;color: #4c4c4b;text-transform: uppercase;font-weight: bold;}
.faksiiii h5{font-size: 37px;color: #4c4c4b;text-transform: uppercase;float: left;padding-right: 0px;border-bottom: 1px solid#55a7e1;font-weight: bold;margin-right: 10px;}
.faksiiii p{}
.diasjhiwei{text-align: center;}
.diasjhiwei p{text-align: center;padding: 10px 0;}
.about-section{padding: 30px 0px;}
.cp_top h3{text-align: center;}

.page-num{font-size: 16px;padding: 0px 5px;}
.page-num-current{font-weight: bold!important;border: 1px solid#122179;}

.shangxiayi{background-color: #dedddd;border-radius: 10px;padding: 5px 10px;border: 1px solid#646464;margin-right: 10px;}
.coanyctyts{background-color: #5ac6e1;border-radius: 15px;padding: 20px;}
.coanyctyts h4{font-size: 21px;color: #fff;margin-bottom: 10px;margin-top: 20px;}
.coanyctyts p{color: #fff;}
.restaurant-about-content p{color: #000;padding: 0px 10px;}
.hezuoanlii{width: 33.33%;float: left;text-align: center;}
.prioeul ul li{display: inline-block;text-align: center;border-top: 1px solid#000;border-bottom: 1px solid#000;}
.psioisii{background-color: #f5f5f5;padding: 40px 10px;    height: 180px;}

.psioisiis h4{font-size: 22px;font-weight: bold;margin-bottom: 20px;}
.psioisiis a{border-left: 3px solid#006a21;background-color: #c20103;padding: 6px 8px;color: #fff;}

.aboutc .who {
    width: 367px;
}

.l{float: left;}
.aboutc .history {
    width: 320px;
}
.mg60 {
    margin: 0 60px;
}
.aboutc .why {
    width: 245px;
}
.sub_title{font-size: 27px;color: #c20103;margin-top: 20px;margin-bottom: 20px;}
.years-type {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #fff
}
.single-blog {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	background: #fff;
	padding: 20px;    box-shadow: 0px 0px 16.53px 1px rgb(101 101 101 / 32%);
    position: relative;
}
.blog-content {
	padding: 30px 0 10px;
	border-radius: 4px;
	background: #fff
}
.blog-content a h4 {
	font-size: 22px;
	line-height: 30px;
	transition: .4s;    margin: 15px 0;
}
.btn:hover > span {
    height: 562.5px;
    width: 562.5px;
}
.blue-btn span {
    background: #ff6600;
    color: #fff;
}
.btsns{    background: #c14679 none repeat scroll 0 0;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.4;
    margin-bottom: 0;
    padding: 18px 31px;
    text-align: center;
    text-transform: inherit;
    touch-action: manipulation;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    vertical-align: middle;
    white-space: nowrap;
    font-family: 'Nunito', sans-serif;
    box-shadow: 0px 9px 16.74px 1.26px rgb(99 134 94 / 21%);
    position: relative;
    overflow: hidden;
    z-index: 1;}
.form-group {
    
}
.seatxtss{width: 130px;position: relative;    float: right;}
.guoqi{float: right;margin-top: 10px;border: 1px solid#fff;border-radius: 5px;height: 40px;padding: 5px 6px 1px;}
.guoqi a{color: #fff;padding: 0px 6px;}
.psisakoo li{line-height: 50px;text-align: center;width: 25%;display: inline-block;padding: 10px;position: relative;}
.psisakoo li a{border: 1px solid#000;text-align: center;border-radius: 5px;display: block;}

.psisakoo .active a{border-color: #006a21;}
.psisakoo{text-align: center;}





.psisakoo li:hover a{border: 1px solid#02275e;}
.psocfeli22{background: url(../images/psocfeli22.jpg);}
.dosjkk{width: 100%;clear: both;background: url(../images/pro_border.jpg) repeat;
    padding: 10px;
    margin-bottom: 50px;overflow: hidden;}
.psisakoo{background-color: #fff;padding: 30px;overflow: hidden;}
.psisakoo li ul{display: none;position: absolute;z-index: 999;width: 100%;background-color: #fff;}

.psisakoo li ul li{width: 100%!important;clear: both;padding: 5px 10px;border: none!important;}
.psisakoo li ul li a{border: none!important;}
.pro-list{width: 100%;overflow: hidden;margin-top: 10px;}
.span-4 {
    width: 32.33333333%;
}
.pro-tab{background:url(../img/pro_border.jpg) repeat; padding:10px; margin-bottom:50px;}
.pro-tab .tit{color:#202020; font-size:22px; font-weight:bold; margin-left:10px;}
.pro-tab .con{background:#fff; padding:30px;}
.pro-tab .con .itemss{width:25%; text-align:center;}
.pro-tab .con .itemss a,.pro-tab .con .itemss .classify{font-size:17px; color:#232323; font-weight:bold; border:1px solid #d0d0d0; display:block; margin:10px; line-height:36px; cursor:pointer;}
.pro-tab .con .item a:hover,.pro-tab .con .itemss a.cur,.pro-tab .con .itemss .classify:hover,.pro-tab .con .itemss .classify.cur{color:#fff; background:#005caa; border-color:#005caa;  transition: 0.36s;}
.pro-box{position:relative;}
.pro-box .cover{position:absolute; left:0; top:100%; right:0; height:100%; background:url(../images/vi.9.png) repeat; color:#fff; text-align:center; padding:55px 8%; cursor:pointer;}
.pro-box .cover .cover_t{font-size:20px; font-weight:bold; position:relative; padding-bottom:15px; margin-bottom:15px; position:relative;}
.pro-box .cover .cover_t:after{content:""; position:absolute; left:50%; width:22px; bottom:0; margin-left:-11px; background:#fff; height:1px;}
.pro-box .cover .cover_d{line-height:27px; height:54px; overflow:hidden;}
.pro-box .cover .more{margin-top:50px;}
.pro-box .cover .more i{font-size:12px; font-weight:bold;}
.pro-box:hover .cover{top:0;  transition: 0.36s;}
.pro-box:hover .t{opacity:0; visibility:hidden;  transition: 0.36s;}
.pro-box.noDetail:hover .t{opacity:1; visibility:visible;}
.product_detail03 .pro-box:hover .t{opacity:1; visibility:visible;}
.rect-5625 {
    padding-bottom: 56.25%;
}





.list_box{padding-top:50px; position:relative; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; color:#404040;}
.list_main{overflow:hidden; width:88%; padding-bottom:45px; padding-right:20px; border-bottom: 1px solid #e7e7e7;}
.list_main .bd_r{width:20%; margin-left:3%;}
.list_main .bd_c{overflow:hidden;}
.list_main .bd_c .list_title{height:30px; line-height:30px; font-size:23px; font-weight:bold; display:block;}
.list_main .bd_c .list_tool{font-size:14px; color:#c1c1c1; padding:10px 0px}
.list_main .bd_c .list_tool span{display:inline-block; vertical-align:middle;}



.list_box{padding-top:50px; position:relative; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; color:#404040;}
.list_main{overflow:hidden; width:88%; padding-bottom:45px; padding-right:20px; border-bottom: 1px solid #e7e7e7;float: right;}
.list_main .bd_r{width:20%; margin-left:3%;}
.list_main .bd_c{overflow:hidden;}
.list_main .bd_c .list_title{height:auto; line-height:30px; font-size:23px; font-weight:bold; display:block;}
.list_main .bd_c .list_tool{font-size:14px; color:#c1c1c1; padding:10px 0px}
.list_main .bd_c .list_tool span{display:inline-block; vertical-align:middle;}
.list_main .bd_c .list_tool span.mobile_time{display:none;}
.list_main .bd_c .list_tool .share_more{cursor:pointer; margin:0 20px}
.list_main .bd_c .list_p{font-size:14px; line-height:28px; height:56px; overflow:hidden; display:block;}
.list_time{position:relative; width:100px; padding:10px 0 20px; font-size:16px; text-align:center; color:#fff; background:#005caa; font-weight:bold; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.list_box .list_time_day{display:block; font-size:30px;}
.list_box:hover .list_time{background: #012549;}
.list_box a:hover{color:#404040;}


.dconatc a{background-color: #e94141;border-radius: 8px;color: #fff;padding: 8px 20px;}
.dconatc a i{padding-right: 6px;}

.with20{width: 20%;float: left;}
.with20 h4{color: #fff;font-size: 19px;font-weight: bold;}
.suyosubl{position: absolute;z-index: 9999;left: 160px;
    top: 5px;
   width: 337px;
    display: none;
    background-color: #fff;
    text-align: left;
    padding-left: 16px;}
.psoososss:hover .suyosubl{display: block;}
.suyosubl li{padding: 6px 0;}

.psisakoo li:hover ul{display: block;}
	.pro-list .list-item {
	    width: 31%;
	    float: left;
	    margin-right: 26px;
	    transition: 0.36s;
	    margin-bottom: 20px;
	    background: #f5f5f5;
	}
	.pro-list .list-tit {
	    padding: 13px 30px 11px;
	    border-bottom: 1px solid #eeeeee;background-color: #fff;
	}
	.pro-list .list-tit a {
	    text-align: center;
	    display: block;
	    font-size: 15px;
	    height: 40px;
	    line-height: 40px;
	    color: #000;
	    font-weight: bold;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
.pt-50{padding-top: 50px;} .pb-50{padding-bottom: 50px;}
.prosuchsy{padding: 45px 0;}
.slisjppp{padding: 0px;position: relative;margin-bottom: 15px;}

.lisusnsyb{background-color: #fff;border-radius: 6px;border-left: 1px solid#1c71a7;margin-bottom: 20px;}
.lisusnsyb h4{font-size: 20px;color: #000;}
.tubsjj i{font-size: 31px;color: #218abd;}
.syisnqi img{width: 30px;}
.lingxing {
   
    background-size: 100%;
    padding: 10px 0;
    position: absolute;
    bottom: -5px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 16px;text-align: left;font-size: 17px;color: #fff;padding-left: 15px;
}
.lingxing p span{font-size: 14px;}
.lingxingss {
   width: 75%;left: 5%;
    padding: 10px 18px;;
    position: absolute;
    bottom: 25px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 16px;text-align: left;font-size: 14px;color: #fff;padding-left: 15px;background: rgba(17,138,208,0.6)
}
	.pro-list .list-item:hover{
	    box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);
	    transform: translateY(-6px);
	}
	.pro-list .list-info {
	    padding: 0;
	    margin: 0 0px 10px 0px;
	    background: #fff;
	}
	.pro-list .list-img {
	    margin:0px;
	    width: 100%;
	    height: 262px;
	    background: #fff;
	    overflow: hidden;
	    position: relative;border: 1px solid#eee;
	}
	.pro-list .list-img img {
	    max-width: 100%;
	   
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 280px;
	    bottom: 0;
	    margin: auto;height: auto;width: auto;
	}
	.pro-list .list-attr .item{
	    float: left;
	    box-sizing: border-box;
	    height: 30px;
	    padding: 10px 20px 0;
	    letter-spacing: -0.5px;
	    margin-top: 5px;
	    font-size: 12px;
	}
	.pro-list .list-attr .item:nth-child(odd){
	    width: 180px;
	}
	.pro-list .list-attr .attr-dt{
	    color: #828282;
	}
	.pro-list .list-attr .attr-dd{
	    color: #222;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.pro-list .list-btn{
	    padding: 20px;
	    font-size: 0;
	    text-align: center;
	}
	.pro-list .list-btn .btn-red{
	    margin-left: 10px;
	    width: 120px;
	    height: 40px;
	    line-height: 38px;
	}
	.pro-list .btn-pd{
	    background-color: #c20103;
	    width: 120px;
	    height: 40px;
	    line-height: 40px;
	    color: #fff;
	}
	.pro-list .btn-red {
	    background-color: #006a21;
	    border: 1px solid #006a21;
	    color: #fff;
	}
	.pro-list .btn-pd:hover{
	    background-color: #006a21;
	    color: #fff;
	}


.inner-contact .contact-list ul li:nth-child(1)
{
    width: 25%;
}
.inner-contact .contact-list .item i {

    font-size: 50px;
    line-height: 50px;
    display: block;
 
    color: #1c71a7;
}

.inner-contact .contact-list ul li:nth-child(2)
{
    width: 25%;
}
@media (max-width: 991px)
{
    .inner-contact .contact-list ul li:nth-child(2)
    {
        width: 50%;
    }
}
@media (max-width: 767px)
{
    .inner-contact .contact-list ul li:nth-child(2)
    {
        width: 100%;
    }
}
.inner-contact .contact-list .item
{
    padding: 40px 20px;

    background: url(../images/contact-line.jpg) repeat-x top;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.inner-contact .contact-list ul li {
    font-size: 14px;
    display: inline-block;
    width: 25%;
    padding: 0 25px;
    vertical-align: top;float: left;
}
.inner-contact .contact-list .item:before
{
    font-family: 'iconfont' !important;
    font-size: 50px;
    line-height: 50px;

    display: block;


    color: #003686;
}
@media (max-width: 767px)
{
    .inner-contact .contact-list .item:before
    {
        font-size: 30px;
        line-height: 30px;
    }
}
.inner-contact .contact-list .item b
{
    font-size: 18px;
    line-height: 30px;

    display: block;

    margin-top: 10px;

    color: #1c71a7;
}
.inner-contact .contact-list .item p
{
    font-size: 16px;
    line-height: 1.875;

    margin: 0;
}
.inner-contact .contact-list .item p a:hover
{
    text-decoration: underline;

    color: #003686;
}
.inner-contact .contact
{
    padding-top: 60px;
}
.inner-contact .contact .title:after
{
    display: none;
}
.inner-contact .contact .title h2
{
    font-size: 36px;

    color: #003686;
}


.seatxt {
    display: block;
    width: 100%;
    height: 45px;
    border-radius: 5px;

    line-height: 45px;
    padding-left: 20px;
    box-shadow: none;
    font-size: 14px;
    outline: none;border: 1px solid#1c71a7;margin-top: 8px;
    
}
.stbn {
    width: 45px;
    height: 41px;
    border: 0px;
    color: #FFF;
    font-size: 0px;
    outline: none;
    cursor: pointer;
    float: left;
    border-radius: 10px;
    position: absolute;
    background: url(../images/topbg3.png) no-repeat;
    background-position: left center;
    
    top: 12px;
    right: -13px;
}

.widget-title{font-size: 22px;color: #fff;}
.admin-type i, .comments-type i {
	color: #dc0000;
	margin-right: 5px
}
.blog-content p {
	line-height: 28px;
	transition: .4s
}
.single-blog:hover .blog-content a h4:hover {
	color: #00a4e1!important;
	transition: .4s
}
.image-scale {
	display: block;
	transition: .5s;
	position: relative
}
.blog-item-date {
	position: absolute;
	bottom: -25px;
	background: #dc0000;
	width: 70px;
	height: 70px;
	right: 20px;
	text-align: center;
	padding: 6px 5px
}
.date-type {
	display: block;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	line-height: 36px
}

.single-blog {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	background: #fff;
	padding: 20px;    box-shadow: 0px 0px 16.53px 1px rgb(101 101 101 / 32%);
    position: relative;
}
.blog-content {
	padding: 30px 0 10px;
	border-radius: 4px;
	background: #fff
}
.blog-content a h4 {
	font-size: 22px;
	line-height: 30px;
	transition: .4s;    margin: 15px 0;
}

#Allbody{width: 100%;position: relative;overflow: hidden;}
#scrollbox ul {
	overflow: hidden;
}
#scrollbox ul LI {
	FLOAT: left;
	width: 270px;
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	min-height: 18px;
	text-align: center;
	padding: 0px;
	overflow: hidden;
	margin: 5px;    border-width: 4px;
    border-style: solid;
    border-color: rgba(240,240,240,1);
}
#scrollbox ul LI:hover 
#scrollbox ul LI img {
	display: block;
	transition: all 0.6s;
	border: 0px;
}
#scrollbox ul LI p{overflow: hidden;}
#scrollbox ul li:hover .pro-footer{    background-color: #1c71a7;} 
#scrollbox ul li:hover .pro-footer h4{color: #fff;}
#scrollbox ul LI img:hover {

}
.lefttubiao {
	position: absolute;
	    margin-top: 116px;
    left: -10px;
}
.righttubiao {
	position: absolute;

	right: -10px;
	top: 110px;
}
.pointer {
	CURSOR: pointer
}

.slowpp p{float: left;padding-right: 10px;color: #000;}
.headersstop{padding-top: 10px;padding-bottom: 6px;color: #1c71a7;background: none;overflow: hidden}
.slowpp p i{padding-right: 5px;color: #000;}
.sisovo{float: left;margin-top: 15px;padding-left: 10px;}
.slowpp p{color: #000;}
.guanggaot{background-color: #f5f5f5;padding: 20px 0;}
.slowppul span{float: left;color: #000;padding-right: 10px;padding-top: 5px;}
.slowppul ul li{float: right;padding: 5px 6px;margin-right: 6px;;color: #1c71a7;background-color: #fff;border-radius: 10px;display: block;width: 30px;text-align: center}

.guangstwz p span{color: #c20103;font-style: italic;}
.guangstwz p{margin-bottom: 15px;}
.guangstwz h4{font-size: 35px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;}
.guangstwz p a{    border-left: 3px solid#006a21;
    background-color: #c20103;
    padding: 10px 12px;
    color: #fff;}

.guangsttu{position: absolute;z-index: 9;right: 10px;top: -120px;}


wmsjsooo dl {
	margin-top: 60px
}

wmsjsooo dt {
	width: 600px;
	height: 400px;
	position: relative;
	float: left
}

wmsjsooo dd {
	width: 600px;
	height: 420px;
	float: left;
	color: #fff;
	padding-top: 65px;
	text-align: center;
	background: url(../images/pro-bg.jpg) no-repeat
}

.wmsjsooo dd a {
	color: #fff;
	display: inline-block
}

.wmsjsooo dd h3 {
	font-size: 30px;
	line-height: 40px;
	height: 40px;
	font-weight: normal;
	overflow: hidden;
	font-family: "SIMYOU"
}

.wmsjsooo dd .text {
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-family: "SIMYOU"
}

.wmsjsooo dd .box {
	padding-left: 80px;
	padding-top: 40px;
	position: relative
}

.wmsjsooo dd .box:before {
	content: "";
	width: 100px;
	height: 1px;
	top: 20px;
	left: 50%;
	margin-left: -50px;
	position: absolute;
	background-color: #fff
}

.wmsjsooo dd .box a {
	width: 50%;
	float: left;
	padding-left: 30px;
	display: block;
	text-align: left;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	position: relative
}

.wmsjsooo dd .box a:before {
	content: "";
	width: 4px;
	height: 4px;
	left: 15px;
	top: 20px;
	position: absolute;
	border-radius: 100%;
	background-color: #fff
}

.wmsjsooo dd .box a:hover {
	font-weight: bold
}

.wmsjsooo ul {
	
	overflow: hidden
}

.wmsjsooo ul li {
	width: 100%;;
	float: none;
	margin: 0 15px;
	margin-top: 0px;
border-bottom: 1px solid#fff;
	position: relative;background: rgba(0,0,0,0.3);overflow: hidden;
}
.sollll2 p{float: right;}
.sollll2 p span{font-size: 22px;color: #fff;line-height: 100px;padding-right: 15px;}
.wmsjsooo ul li:before {
	top: -14px;
	left: -14px;
	content: "";
	width: 3px;
	height: 2px;
	position: absolute;
	opacity: 0;
	display: none\9;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	
}

.wmsjsooo ul li a {
	display: block
}

.wmsjsooo ul li .pic {
	width: 277px;
	
	position: relative;margin-bottom: 0px!important
}

.wmsjsooo ul li .tit {
	height: 160px;
	font-size: 27px;
	line-height: 160px;

	text-align: center;
	overflow: hidden;
	font-weight: normal;
color: #fff;float: left;padding-left: 20px;
}

.wmsjsooo ul li .box {
	top: 0;
	left: 0;
	width: 100%;
	height: 160px;
	color: #fff;
	opacity: 0;
	display: none\9;
	position: absolute;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	border: solid 0px #efefef;
	background: #017ac6;
}
.wmsjsooo ul li .box p{line-height: 23px;}
.wmsjsooo ul li .box .t1 {
	padding: 15px 0 0 20px
}

.wmsjsooo ul li .box .t2 {
	font-size: 22px;
	text-align: center;
	height: auto;
	line-height: 30px;
	overflow: hidden;
	padding: 0 40px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.wmsjsooo ul li .box .t3 {
	font-size: 14px;
	height: 120px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 45px;
	text-align: center
}

.wmsjsooo ul li .box .t4 {

	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;font-size: 14px;width: 40px;
	height: 1px;

	overflow: hidden;background-color: #fff;margin: 0 auto;margin-bottom: 20px;
	
	text-align: center
}

.wmsjsooo ul li .box .t5 {
	height: 30px;
	width: 150px;
	margin: 5px auto;
	text-align: center;
	
}

.wmsjsooo ul li:hover .tit {
	border: 0
}

.wmsjsooo ul li:hover .box {
	opacity: 1;
	height: 363px;
	display: block\9
}

.wmsjsooo ul li:hover .box .t2 {
	margin-top: 10px
}

.wmsjsooo ul li:hover .box .t4 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

.wmsjsooo ul li:hover:before {
	opacity: 1;
	display: block\9
}


.poroolo{box-shadow: 0px 0px 16.53px 1px rgb(101 101 101 / 32%);
    position: relative;}
.proeudtcs{padding: 35px 0;}
.poroolonei{padding: 5px;}
.poroolonei p{text-align: center;}
.poroolonei a{color: #000;border: 1px solid#fff;padding: 3px 5px;}
.poroolonei h4{width: 90%;margin: 10px auto;height: 1px;border-bottom: 1px solid#de7475;}
.sec_about{ overflow: hidden; padding:80px 0; background: center top no-repeat; background-size:cover; position: relative;} 
.about_tit a{ display:block; text-align: center;}
/*=====about_intro=========*/
.about_intro{ padding:0!important; position: relative; color: #fff; height: 600px;} 
.intro_info{ position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; display:flex; flex-wrap: wrap; align-items: center;}
.intro_txt{     width: 79%;
    max-width: 1200px;
    float: right;float:right;} 
.intro_txt .about_tit a{ text-align:left; color:#fff;}
.intro_des{ margin-top: 40px; line-height: 30px; max-height: 285px; overflow: hidden; margin-bottom: 50px;font-size: 16px;}

.title_effect .letter {
	display: inline-block;
	-webkit-transform: rotateX(-60deg) skewX(6deg);
	transform: rotateX(-60deg) skewX(6deg);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	opacity: 0
} 


.inner22 {
    padding: 0 15px;
    width: 100%;
    max-width: 1470px;
    margin: 0 auto;
}
.culture-section1{
    padding-top: 15px;
    padding-bottom: 50px;
}
.culture-section1 .contentDiv{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.culture-section1 .left{
    width: 50%;
}
.culture-section1 .left .logo{
    width: 0px;
    margin-bottom: .34rem;
}
.culture-section1 .left p{
    line-height: 31px;
    letter-spacing: 3px;
    font-size: 15px;;

}
.culture-section1 .right p.tit{
    font-size: 15px;
    margin-bottom: .5rem;
}
.culture-section1 .right ul li{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.culture-section1 .right ul li:last-child{
    margin-bottom: 0;
}
.culture-section1 .right ul li img{
    width: 41px;
    margin-right: 10px;
}
.culture-section1 .right ul li p{
    line-height: 26px;margin-bottom: 0px!important;
}
.culture-section2{
    /* display: flex; */
    justify-content: flex-end;
    align-items: flex-start;
   padding-bottom: 20px;
    position: relative;
}
.culture-section2 img{
    width: 45%;
    position: absolute;
    right: 0;
    z-index: 2;
}
.culture-section2 .tit{
    padding: 15px 2.4rem;
    padding-right: 1.3rem;
    background: #0054a7;
    /* position: absolute; */
    top: .5rem;
    left: 0;
    width:55%;
    position: relative;
    z-index: 3;
}
.culture-section2 .tit p{
    color: #fff;
    font-size: 16px;
}
.culture-section2 .tit p:nth-child(3){
    font-size: 15px;
    margin-top: 15px;
    letter-spacing: .04rem;
    font-style: italic;

}

.quaHon{width: 100%;overflow: hidden;margin-top: 200px;}
.culture-section2 .cent{
    background: #ececec;
    padding: 30px 45px;
    /* padding-right: 3rem; */
    /* position: absolute; */
    font-size: 15px;;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 70%;
}
.culture-section2 .cent p{
    margin-bottom: 20px;
    letter-spacing: .04rem;

}
.culture-section2 .cent p:last-child{
    margin-bottom: 0;
}
.culture-section2 .cent p span:nth-of-type(1){

}
.culture-section2 .cent p span{
    color: #0054a7;
    font-size: 18px;
    margin-right: .3rem;
   
}
.culture-section2 .cent em {
    font-style: italic;
}


.reammore{background: url(../images/jiantou2.png) no-repeat;background-position: right;}



.quaHon .style {
    padding: 0.64rem 0 0.76rem;
}

.quaHon .style .quaHon_txt {
    text-align: center;
    margin-bottom: 0.38rem;
    border-bottom: none;
}

.quaHon .style .style_swiper {
    padding: 0 2.40rem;
    position: relative;
    overflow: hidden;
}

.quaHon .style .style_swiper:after, .quaHon .style .style_swiper:before {
    content: '';
    position: absolute;
    width: 10rem;;
    height: 100%;
    background-color: #fff;
    opacity: 0.7;
    left: 0;
    top: 0;
    z-index: 3;
}

.quaHon .style .style_swiper:before {
    left: auto;
    right: 0;
}

.quaHon .style .style_swiper .quaHon_btn {
    width: 50px;
    height: 50px;
    background-color: #0054a7;
    color: #fff;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 14.4rem;
    margin-left: -74px;
    z-index: 9;
    top: 50%;
    margin-top: -0.25rem;
}

.quaHon .style .style_swiper .quaHon_btn.style_btn_r {
    left: auto;
    right: 14.4rem;
    margin-right: -74px;
}

.quaHon .style .style_pag {
    text-align: center;
    padding-top: 0.45rem;
}

.quaHon .style .style_pag span {
    width: 12px;
    height: 12px;
    border-radius: 0px;
    opacity: 1;
    background-color: #807f85;
    margin: 0 10px;
}

.quaHon .style .style_pag span.swiper-pagination-bullet-active {
    width: 50px;
    background-color: #0054a7;
}

@media screen and (max-width: 750px) {
	
	.culture-section2 {
   margin-top: 30px;
}
	
	
	.left {
  
    overflow: hidden;
    text-align: center;
}
	.quaHon {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
	
    .quaHon .quaHon_txt {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-bottom: 0.2rem;
    }

    .quaHon .qua .qua_l {
        display: none;
    }

    .quaHon .qua .qua_r {
        margin: 0 auto;
        width: 100%;
    }

    .quaHon .style .style_swiper {
        padding: 0 0.5rem;
    }

    .quaHon .style .style_swiper:after, .quaHon .style .style_swiper:before {
        display: none;
    }

    .quaHon .style .style_swiper .quaHon_btn {
        left: 0;
      /*width: 0.50rem;
        height: 0.50rem;
        text-align: center;
        line-height: 0.50rem;*/
        margin-left: 0;
    }

    .quaHon .style .style_swiper .quaHon_btn.style_btn_r {
        left: auto;
        right: 0;
        margin-right: 0;
    }




    .quaHon .style .style_pag span{
        width: 0.12rem;
        height: 0.12rem;
        margin: 0 0.10rem;
    }
    .quaHon .style .style_pag span.swiper-pagination-bullet-active{
        width: 0.50rem;
    }




    .quaHon .honor .honor_swiper{
        padding: 0 0.3rem;
    }
    .quaHon .honor .honor_swiper ul li{
        width: 49%;
        margin-right: 2%:;
    }
    .quaHon .honor .honor_swiper ul li:nth-of-type(2n){
        margin-right: 0;
    }



    .culture-section1 .contentDiv{
        display: block;
    }
    .culture-section1 .left{
        width: 100%;
    }
    .culture-section1 .left .logo{
        margin: 0 auto;
        margin-bottom: .2rem;
    }
    .culture-section1 .left p.tit{
        text-align: center;
        font-size: .24rem;
        font-weight: bold;
        margin-bottom: .2rem;
    }
    .culture-section1 .right p.tit{
        text-align: center;
        font-size: .24rem;
        font-weight: bold;
        margin-bottom: .2rem;
        margin-top: .2rem;
    }
    .culture-section2{
        display: block;
        padding-bottom: 0;
    }
    .culture-section2 .tit{
        position: static;
        padding: .2rem .4rem;
width:100%;
    }
    .culture-section2 .cent{
        position: static;
        padding: .8rem .4rem;
    }
    .culture-section1{
        padding: .4rem 0;
    }
    .culture-section2 img{
        width: 100%;
    }

.culture-section1 .left{
    margin-bottom: 0.3rem;
}
.culture-section1 .left p.tit, .culture-section1 .right p.tit{
    font-size: 0.30rem;
    margin-bottom: 0.3rem;
}
.culture-section1 .left p, .culture-section1 .right ul li p{
    font-size: 0.24rem;
    line-height: 1.5;
}
.culture-section2 img{
    position: static;
}
.culture-section2 .tit p:nth-child(3){
    font-size: 0.24rem;
}
.culture-section2 .cent{
    width: 100%;
    font-size: 0.24rem;
}
.culture-section2 .cent p span{
    font-size: 0.24rem;
}
.quaHon .quaHon_txt h3{
    font-size: 0.36rem;
}

}




.heserss{margin-top: 35px;margin-bottom: 8px;}
.heserss a{color: #000;padding: 3px 15px;}

.heserss2{margin-top: 35px;margin-bottom: 8px;display: none}
.heserss2 a{color: #000;padding: 3px 15px;}

@media only screen and (max-width:767px) {.heserss2{margin-top: 5px;margin-bottom: 8px;display: block;height: 30px;}
.heserss{margin-top: 35px;margin-bottom: 8px;display: none;}
	.poprodusyxiao p:nth-child(3){display: none;}
	.poprodusyxiao p span{font-size: 16px!important;}
	.poprodusyxiao {
    position: absolute;
    z-index: 9996;
    bottom: 10px;
    left: 23px!important;
}

}

.disceptio{padding: 10px;font-size: 14px;border: 1px solid#666;margin: 20px;line-height: 26px;color: #666;}
.inner_tab .thisclass{background-color: #eee;}
.main{width: 1200px;margin: 0 auto;overflow: hidden;}
.footul ul{width: 80%;margin: 0 auto;text-align: center;}
.footul ul li{display: inline-block;padding: 10px;color: #f2f2f2;}
.footul ul li a{color: #f2f2f2;font-size: 16px;}
.footerbeian{width: 100%;padding-top: 10px;color: #fff;overflow: hidden;margin: 0 auto;padding-bottom: 8px;background-color: #30303c;}
.yingpin{padding-top: 20px;}
.yingpin p span{font-size: 24px;color: #000;}
.yingpin p{line-height: 29px;}
.yingpin p em{float: left;padding: 5px ;color: #a3afb7;font-size: 13px;}
.yingpin p em i{color: #a3afb7;padding-right: 3px;}
.tel{font-size: 16px;font-weight: bold;padding: 10px 0px 0px;text-align: right;width: 45%;float: right;}
.nsavvv{overflow: hidden;}
.abouytny p span{font-size: 23px;font-weight: bold;}
.shu img{width: 230px;}

.abbott{background-color: #134899;padding: 30px 0;margin-top: -30px;}

.produsyxiao{position: relative;}
.poprodusyxiao{position: absolute;z-index: 9997;bottom: 10px;left: 40px;}
.poprodusyxiao p{color: #fff;}
.poprodusyxiao p span{color: #fff;font-size: 19px;}

.blog-section{background:url(../images/newbj.jpg) no-repeat;padding: 60px 0;}
.newsbjs{background-color: #fff;}
.newsbjs{padding-top: 15px;}


.luyanbj p span{font-size: 21px;color: #fff;}
.luyanbj p{font-size: 17px;color: #fff;}

.xiangmu{width: 20%;float: left;overflow: hidden;}
.posimg{position: absolute;z-index: 9999;left: 11%;top: 0px;height: 100%;}
.daohangs{width: 100%;margin: 0 auto;background-size: 100%;padding-top: 0px;padding-bottom: 0px;z-index: 9999;}
.doajskkk{position: absolute;z-index: 8;top: 5px;}
.rdddss{position: relative;}
.rddd{position: absolute;bottom: 0px;background: #f5f2f0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.rddd p{color: #000;    font-family: Poppins;}
.sehrdd{background: url(../images/sehrdd.jpg) no-repeat;padding: 30px 0;}
.chanpzjj{padding: 30px 0;}

.siwnwenzi{padding-right: 25px;border-right: 1px solid rgba(255,255,255,0.2);padding-left: 25px;height: 140px;padding-top: 25px;}
.siwnwenzi h4{font-size: 19px;color: #fff;text-transform: uppercase;font-weight: bold;text-align: left;}
.siwnwenzi p{color: #fff;}

.siwnwenzi2{padding-right: 25px;border-right: 1px solid rgba(255,255,255,0.2);padding-left: 25px;height: 140px;border-top: 1px solid rgba(255,255,255,0.2);padding-top: 25px;}
.siwnwenzi2 h4{font-size: 19px;color: #fff;text-transform: uppercase;font-weight: bold;text-align: left;}
.siwnwenzi2 p{color: #fff;}


.andro_newsletter-form {
  
    border-radius: 8px;
}
.andro_btn-custom {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    background-color: #fb5a0f;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    border-radius: 25px;
    z-index: 1;
    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
}
.andro_newsletter-form.primary-bg {

}

.andro_newsletter-form h5 {
    margin-bottom: 15px;
}

.andro_newsletter-form.newsletter-2 {
    padding: 20px 0;
}

.andro_newsletter-form.newsletter-2 h3 {
    font-weight: 700;
    margin-bottom: 10px;font-size: 50px;color: #fff;
}

.andro_newsletter-form.newsletter-2 p {
    margin-bottom: 0px;color: #fff;
}

.andro_newsletter-form.newsletter-2 .form-group {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 10px;
background-color: #fbc270!important;
    border-radius: 50px;
}
.form-control{;}
.andro_newsletter-form.newsletter-2 .form-group .form-control {
    border: 0;border: none!important;
}

.andro_newsletter-form.newsletter-2 .form-group button {
    width: 200px;
}

.feed h4{font-size: 17px;font-weight: bold;color: #b52626;}
.feed p{font-size: 15px;color: #919091;}
.feed a{font-size: 15px;color: #fff;}

.shjchapp p{padding: 10px 0;border-bottom: 2px solid#0284da;text-align: center;text-transform: uppercase;}
.sehrdd22{padding: 25px 0;}
.sehrdd66{padding: 60px 0 0px;}
.yunu-title-4 p{text-align: left;color: #e94147;}
.shshaab{padding: 30px 15px;}
.shshaab p span{color: #fb5a0f;font-size: 19px;text-transform: uppercase;}
.shshaab h4{text-transform: uppercase;}
.shshaab p{color: #000;}
.hcglsss{background-color: #0284da;padding: 60px 0;}
.hcglsss ul li{display: inline-block;padding: 10px 5px;;float: left;}
.hcglsss ul li p{width: 180px;height: 150px;position: relative;
    border-radius: 50%;
   }
.hcglsss ul li p i{font-size: 68px;color: #ff6a61;position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}

.hcglsss ul li h5 {
    margin-top: 15px!important;
    background: rgba(255,255,255,.3);
    width: 180px;
    border-radius: 8px;
    border: 2px solid #fff;
    padding: 5px 6px;;font-size: 17px;color: #000;height: 100px;
}
.hcglsss ul{text-align: center;}






.footer-logo a{font-size: 29px;color: #fff;}






.proCenter .list {
	width: 100%;
}
.proCenter .list li {
	float: left;
	width: 22%;
	height: auto;
	margin-top: 0px;
	margin-right:15px;
	margin-left:15px;
	background: #f6f6f6;
	transition: all .5s;margin-bottom: 10px;
}
.proCenter .list li a {
	display: block;
	
}
.proCenter .list li img {
	width:100%;
	height: auto;
}
.proCenter .list li .tit {
	height: 32px;
	font-size: 16px;
	text-align: center;
	margin-left:0px;;width: 100%;
}



.newsxiao{padding: 3px 0;border-bottom: 1px solid#eeeeee;}
.yioushci{border-bottom: 1px solid#999999;}
.scrollbox .txt{font-size: 13px;color: #000;}
.logo p span{font-size: 23px;line-height: 25px;}
.tuites ul li a{font-size: 18px;}
.tuites{padding-top: 2px;}
.tuites2{padding-top: 0px;    float: left;}
.tuites2 dl dd{float: left;padding-right: 10px;}
.liucyheng{padding: 40px 0;}

.zhusll{background-color: #f4f4f4;padding: 30px 0;}
.lieron p{float: left;}
.lieron h3{float: right;margin-top: 10px;}
.lieronxia{background-color: #f4f4f4;padding: 10px;width: 90%;margin: 15px auto;overflow: hidden;}
.lieron{margin-bottom: 20px;}
.lieronxia h4 a{background-color: #e6d3b5;padding: 6px 25px;border-radius: 10px;color: #fff;font-size: 14px;}
.lieronxia h4{text-align: right;padding-top: 10px;}
.bodyCon08{background:none;width: 1000%;overflow: hidden;}
.bodyCon08 .students{margin:0 auto;width:auto;height:360px;position: relative;         }
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}




.restaurant-about-content{}

.section-title p span{font-size: 35px;color: #000;font-weight: normal;margin: 20px 0;}


.home-product .title-bg .en span {
	z-index: 9;
	padding: 0 55px;
	letter-spacing: 3px;
	position: relative;
	background-color: #fff;
	font-family: helvetica;
	display: inline-block;
	border: solid 1px #dbdbdb
}

.home-product dl {
	margin-top: 60px
}

.home-product dt {
	width: 600px;
	height: 400px;
	position: relative;
	float: left
}

.home-product dd {
	width: 600px;
	height: 420px;
	float: left;
	color: #fff;
	padding-top: 65px;
	text-align: center;
	background: url(../images/pro-bg.jpg) no-repeat
}

.home-product dd a {
	color: #fff;
	display: inline-block
}

.home-product dd h3 {
	font-size: 30px;
	line-height: 40px;
	height: 40px;
	font-weight: normal;
	overflow: hidden;
	font-family: "SIMYOU"
}

.home-product dd .text {
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-family: "SIMYOU"
}

.home-product dd .box {
	padding-left: 80px;
	padding-top: 40px;
	position: relative
}

.home-product dd .box:before {
	content: "";
	width: 100px;
	height: 1px;
	top: 20px;
	left: 50%;
	margin-left: -50px;
	position: absolute;
	background-color: #fff
}

.home-product dd .box a {
	width: 50%;
	float: left;
	padding-left: 30px;
	display: block;
	text-align: left;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	position: relative
}

.home-product dd .box a:before {
	content: "";
	width: 4px;
	height: 4px;
	left: 15px;
	top: 20px;
	position: absolute;
	border-radius: 100%;
	background-color: #fff
}

.home-product dd .box a:hover {
	font-weight: bold
}

.home-product ul {
	width: 1230px;
	margin-left: -15px;
	overflow: hidden
}

.home-product ul li {
	width: 277px;
	float: left;
	margin: 0 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	position: relative
}

.home-product ul li:before {
	top: -14px;
	left: -14px;
	content: "";
	width: 303px;
	height: 442px;
	position: absolute;
	opacity: 0;
	display: none\9;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	background: url(../images/pro-line.png) no-repeat
}

.home-product ul li a {
	display: block
}

.home-product ul li .pic {
	width: 277px;
	
	position: relative;margin-bottom: 0px!important
}

.home-product ul li .tit {
	height: 60px;
	font-size: 17px;
	line-height: 60px;
	text-align: center;
	overflow: hidden;
	font-weight: normal;
	border-bottom: solid 1px #dcdcdc
}

.home-product ul li .box {
	top: 0;
	left: 0;
	width: 100%;
	height: 360px;
	color: #fff;
	opacity: 0;
	display: none\9;
	position: absolute;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	border: solid 10px #efefef;
	background: url(../images/solsbj.jpg);
}

.home-product ul li .box .t1 {
	padding: 15px 0 0 20px
}

.home-product ul li .box .t2 {
	font-size: 22px;
	text-align: center;
	height: 60px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 40px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.home-product ul li .box .t3 {
	font-size: 14px;
	height: 120px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 45px;
	text-align: center
}

.home-product ul li .box .t4 {

	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;font-size: 14px;width: 40px;
	height: 1px;

	overflow: hidden;background-color: #fff;margin: 0 auto;margin-bottom: 20px;
	
	text-align: center
}

.home-product ul li .box .t5 {
	height: 30px;
	width: 150px;
	margin: 5px auto;
	text-align: center;
	
}

.home-product ul li:hover .tit {
	border: 0
}

.home-product ul li:hover .box {
	opacity: 1;
	height: 363px;
	display: block\9
}

.home-product ul li:hover .box .t2 {
	margin-top: 40px
}

.home-product ul li:hover .box .t4 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

.home-product ul li:hover:before {
	opacity: 1;
	display: block\9
}


.wrapper{
  width: 90%;
  margin: 0 auto;
  max-width: 80rem;
}
.inner p{font-size: 0px;}
.inner p span{font-size: 0px;}
.cols{
  width: 100%;overflow: hidden;  
}
*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.col{
  width: 50%;
  margin: 0rem;
  cursor: pointer;float: left;
}

.containers{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}

.front,
.back{
  background-size: cover;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	text-align: center;
	min-height: 280px;
	height: auto;
	border-radius: 0px;
	color: #fff;
	font-size: 1.5rem;
}

.back{
  background: #cedce7;
  background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
}

.front:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
   
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.containers:hover .front,
.containers:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.containers:hover .back .inner p{font-size: 18px;}
.containers:hover .back .inner p span{font-size: 14px;}
.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner34{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    font-size: .7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;text-align: center;
}

.containers .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.containers .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.containers:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.containers:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.front .inner p{
  font-size: 20px;
  margin-bottom: 2rem;
  position: relative;text-align: center;
}

.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front .inner span{
  color: rgba(255,255,255,0.7);
  font-family: 'Montserrat';
  font-weight: 300;
}

@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: 100%;
    margin: 0 0 2rem 0;
  }
}

.sollll{background-color: #eef0f2;padding: 5px;}


.data_item h4,.data_item,.application_item,.application_item h3,.hide_box,.more::after{-webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}



.application_wrap{}
/* index_application_area */
.index_application_area {padding: 84px 0 0;}
.application_wrap{margin-top: 89px;} 
.application_item{width: 25%;height: 646px;position: relative;overflow: hidden;    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.application_item img{height: 100%;object-fit: cover;}
.application_item .order{position: absolute;top: 30px;left: 32px;color: #ffffff;font-size: 100px;font-family: "Lato-Bold";opacity: .46;line-height: 1;z-index: 3;}
.application_item h3{color: #ffffff;font-size: 22px;font-family: "Arial";font-weight: normal;padding: 19px 30px 12px;background-color: #333333;position: absolute;bottom: -5px;left: 0;width: 100%;z-index: 1;text-transform: capitalize;}
.application_item:nth-child(odd) h3{background-color: #1c71a7;text-transform: capitalize;}
.application_item .hide_box {transform: scaleX(0);transform-origin: left center;padding: 60% 35px 64px;position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(0deg,rgba(0, 0, 0,.9) 0,transparent 100%);z-index: 2;}
.application_item .hide_box h4{color: #ffffff;font-size: 26px;font-family: "Arial-Bold";font-weight: normal;}
.application_item .hide_box h4 a{color: #ffffff;}
.application_item .hide_box h4::before{content: '';width: 80px;height: 3px;background-color: #1c71a7;display: block;margin-bottom: 17px;}
.application_item .hide_box p{color: #cacaca;font-size: 16px;line-height: 1.5;font-family: "Arial";margin-top: 10px;}
.application_item:hover h3{bottom: -30%;}
.application_item:hover .hide_box{transform: scale(1);}
.application_wrap:hover .application_item:hover{width: 31.6%;}
.application_wrap:hover .application_item{width: 22.8%;}

.gcgl{text-align: center;}
.gcgl h4{text-align: center;font-size: 21px;color: #ff6a61;font-weight: bold;margin-bottom: 15px;margin-top: 15px;}
.chnapzlsx ul li{width: 100%;clear: both;margin-bottom: 15px;overflow: hidden;position: relative;}
.chnapzlsx ul li h4{margin-top: 6px;}

.chnapzlsx ul li a:before {
    position: absolute;
    content: "";
    bottom: 5px;
    left: 0;
    height: 2px;
    width: 0%;
    background: #0282cd;
    transition: .8s;
    visibility: hidden;
}
.chnapzlsx ul li:hover a:before{
    width: 100%;
    visibility: visible;
}



.flex_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}



.lsm-sidebar-show > a > i.my-icon.lsm-sidebar-more{transform:rotate(90deg);}
.lsm-sidebar-show,.lsm-sidebar-item>a:hover{color: #FFF;background: rgba(0, 0, 0, 0.2);}
.lsm-sidebar-show>a:before,.lsm-sidebar-item>a:hover:before{opacity:1;}
.lsm-sidebar-item li>a:hover,.lsm-popup>div>ul>li>a:hover{color: #FFF; background: #6e809c;}
.lsm-mini-btn{height: 58px;    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 24px;
    font-size: 20px;
  
    color: white;
    text-transform: uppercase;
    font-family: "HelveticaLTStdBold";
    text-align: center;
    background: url(../images/bg4.jpg) no-repeat center;
    background-size: cover;}
.lsm-mini-btn svg{margin: -10px 0 0 -10px;}
.lsm-mini-btn input[type="checkbox"]{display: none;}

.tuites ul li{float: left;padding-right: 10px;}

.submenu{}
.submenu h2{height:30px;line-height:30px;overflow:hidden;text-indent:17px;font-size:16px;}
.submenulist ul{padding:0 2px 2px;}
.submenulist li{position:relative;height:45px;line-height:39px;text-indent:15px;vertical-align:middle;    margin-top: 10px;
    background-color: #f3f3f3}

.submenulist li h3 > a:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 0;
    width: 15px;
    height: 100%;
    background: url(../images/jtr.png) no-repeat center;
}


.submenulist li h3 a{position: relative;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 13px;
    padding-right: 36px;
    line-height: 30px;
    font-size: 16px;
    font-size: 16px;
 font-weight: normal;}
.submenulist li h3 a.on{background:#B82D32;color:#fff;font-weight:normal;border-right:0 none;overflow:hidden;}

.submenulist li h3 .active{background:#B82D32;color:#fff;font-weight:normal;border-right:0 none;overflow:hidden;}


.submenu .listbox{position:absolute;top:0;left:270px;width:0px;background:rgba(255,255,255,1);border:2px solid #eee;font-size:12px;border-radius: 10px;}
.submenu .listbox .procate,.submenu .listbox .hotbrand{float:left;padding:10px 0px;width:250px;overflow:hidden;line-height:14px;text-indent:0;}
.submenu .listbox dt{font-weight:700;margin-bottom:5px;}
.submenu .listbox dd{float:left;width:225px;height:27px;line-height:27px;-webkit-transition: all 0.5s;transition: all 0.5s;padding-left: 15px;overflow: hidden;}
.submenu .listbox dd a{display:inline;background:none;border:0 none;color:#000;}
.yunu-pages{width: 100%;overflow: hidden;clear: both;}
.submenu .listbox dd:hover{text-decoration:underline;text-decoration: none;
    color: #fff;
    outline: 0;
    background: url(../images/jt.png) no-repeat 9px center;
    background-color: #B82D32;padding-left: 30px;
}
.submenu .listbox dd:hover a{color: #fff;}
.submenu .listbox .hotbrand{width:107px;border:0 none;background:#FFFDF3;border-left:1px dashed #0275a9;}

.profenlei{padding: 0px 0px;;}
.produstcs{padding: 30px 0 50px;}

.chanpinzu{padding: 20px;text-align: center;margin-top: 30px;}
.chanpinzu p{line-height: 32px;text-align: center;padding: 15px 0;color: #fff;}
.chanpinzu p span{font-size: 25px;border-bottom: 1px solid#fff;color: #fff;padding-bottom: 10px;}

.pwosbisl p{font-size: 23px;font-weight: normal;}
.pwosbisl{font-size: 22px;font-weight: normal;border-bottom: 1px solid#eee;padding: 20px;margin-bottom: 20px;}
.anliss p{border: 1px solid#eee;padding: 15px 0;text-align: center;font-size: 16px;}
.anliss p a{font-size: 16px;}

.box_tit{padding: 30px 0;}
.section-title span strong{font-size: 19px;}
.section-title{padding: 20px 0;}
.scrollbox .txt{line-height: 45px;font-family: Verdana, Geneva, Tahoma, sans-serif;}
  .footer-top-left form {
        width: 100%;
        border: 2px solid #3c3c42;
        display: block;
        padding: 6px;margin: 15px;
    }

    .footer-top-left .text {
        float: none;
        width: 56%;
        background: 0;
        border: 0;
        color: #fff
    }

    .footer-top-left .text::-webkit-input-placeholder {
        color: #fff
    }

    .footer-top-left .text:-moz-placeholder {
        color: #fff
    }

    .footer-top-left .text::-moz-placeholder {
        color: #fff
    }

    .footer-top-left .text:-ms-input-placeholder {
        color: #fff
    }

    .footer-top-left .submit {
        width: 32%;
        background: #e60012;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        border: 0;
        border-radius: 2px
    }








.proLi {
    position: relative;
    overflow: hidden;
    padding: 20px 10px;
}
.porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 20px 20px 10px;
    border: 1px solid #f2f2f2;background-color: #fff;
}
.proTitle {
    font-size: 1rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 10px;
}
.proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
    display: none;
}

.lookDetail {
    position: relative;
    display: block;
    color: #777;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #e5e5e5;
}
.arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}
 .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}
 .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}
.showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}
.showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgb(255 0 0 / 70%);
    transition: all 0.5s ease;
}
.proLi:hover .showBox {
    opacity: 1;
}
.proLi {
    width: calc(100% / 3);
    height: auto;
    float: left;
}
.proImg{height: 230px;;width: 100%;margin: 0 auto;padding: 15px;border-radius: 45px;}
.porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-bottom: 0%;
}

.husjhchap{font-size: 20px;
    color: #000;
    line-height: 1;
    margin-top: 11px;
    margin-bottom: 8px;
    display: inline-block;}








.f-box {
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
}
.showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
 .proLi:hover .showBoxLink::after {
    width: 1rem;
}
.youshisss{padding: 30px 0;}
.youishifw p span{font-size: 18px;}
.youishifw p{padding: 10px 0;}



.more-big {display: inline-block;margin-top: 20px;font-size: 0;background-color: #1068c1;color: #fff !important;border-radius: 50px;padding: 7px 7px 7px 30px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.more-big span {display: inline-block;font-size: 20px;vertical-align: middle;}
.more-big i {display: inline-block;vertical-align: middle;width: 50px;height: 50px;border-radius: 50%;background: url(../images/icon3.png) no-repeat center #fff;margin-left: 20px;}
.more-big-white {background-color: #fff;color: #ff0000 !important;}
.more-big-white i {background-color: #ff0000;background-image: url(../images/icon3_w.png);}
.more-big:hover {-webkit-transform: translateX(10px);transform: translateX(10px);}
.abmore{width: 190px;margin: 0 0px;;}
.abxiam{background-color: #fff;width: 130px;height: 130px;padding: 10px 0;text-align: center;float: left;margin-right: 15px;}
.abxiam p span{font-size: 45px;color: #00a8ec;font-weight: bold;}
.abxiam p{font-size: 17px;color: #000;text-align: center;padding-top: 20px;}
.box_tit strong {
  font-size: 30px;
  color: #333;
  display: block;
  font-weight: normal;
  text-align: center;padding-bottom: 25px;
 
}

.box_tit img {
  display: block;
  margin: 8px auto;
  max-width: 100%;

}

.box_tit span {
  font-size: 18px;
  color: #b3b3b3;
  display: block;
  text-align: center;
  
}

.box_tit:hover i {
  width: 68px;
  transition: 1s;
}

.box_tit{line-height: 35px;}

.widget_nav_menu {
    float: none;
    clear: both;
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    z-index: 1;
    padding: 30px 20px 20px;
    -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #EDEDED;
}
.sidebar h3.featured_article_title span {
    color: #aaa;
    font-size: 16px;
    font-family: Arial;
}
.widget_search ul {
    margin: 0;
}



.pro-item li>a {background:#FFF;display:block;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);border: 1px solid#eee;}
.pro-item li>a:hover {box-shadow:0px 15px 15px rgba(0,0,0,.1);transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;color: #fff;}
.pro-footers, .pro-footer {padding:10px 0;text-align: center;}
.pro-item li>a:hover .pro-footers, .pro-item li>a:hover .pro-footer {background:#007cc2;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.pro-item li>a:hover .pro-footers, .pro-item li>a:hover .pro-footer h4 {color: #fff;}
     .pro-item li {width:31%;float:left;margin-bottom:40px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;margin: 10px;}


.promores{width: 240px;margin: 30px auto;background-color: #1c71a7;padding: 10px 3px;text-align: center;}
.promores a{width: 240px;border-radius: 0px;color: #fff;font-size: 16px;    font-family: Oswald;}
.promores:hover a{color: #fff;}

.coantctc{margin-top: 60px;}
.bolg-section {
    padding-top: 5px;
    padding-bottom: 2px;
}
.bolg-section .section-title h2 {
    font-size: 55px;
    font-weight: bold;
    font-family: Rajdhani;
    margin-bottom: 0;
    margin-top: 4px;
}
.bolg-section .blog-itmes {
    box-shadow: 8px 0px 16px 0 rgb(0 0 0 / 10%);
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 43px;
}
.bolg-section .blog-thumb {
    position: relative;
    overflow: hidden;
}
.bolg-section .blog-thumb img {
    transition: .5s;
    overflow: hidden;
    width: 100%;
}
.bolg-section .blog-itmes:hover .blog-thumb img {
    transform: scale(1.1) rotate(5deg);
    overflow: hidden;
}
.bolg-section .blog-content {
    padding-left: 19px;
}
.bolg-section .blog-meta-top {
    position: absolute;
    bottom: 11px;
    left: 11px;
}
.bolg-section .blog-meta-top span {
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Josefin Sans';
    background: #1c71a7;
    padding: 10px 18px 8px;
    color: #fff;
    font-weight: 600;
    border-radius: 15px;
    transition: .5s;
}
.bolg-section .blog-itmes:hover .blog-meta-top span{
    color: #1c71a7;
    background: #fff;
}
.bolg-section .blog-meta-bottom {
    padding-top: 17px;
    padding-bottom: 5px;
}
.bolg-section .blog-meta-bottom span {
    font-size: 15px;
    color: #68697D;
    font-family: 'Rajdhani';
    font-weight: 600;
}
.bolg-section .blog-meta-bottom span i {
    font-size: 11px;
    color: #1c71a7;
    padding-left: 13px;
}
.bolg-section .blog-title h2 {
    margin-top: 0;
    margin-left: 0;padding-bottom: 10px;
}
.bolg-section .blog-title h2 a {
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    text-decoration: none;
    position: relative;
}
.bolg-section .blog-title h2 a:hover{
    color: #000000;
}
.bolg-section .blog-title h2 a:before {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    height: 2px;
    width: 0%;
    background: #858F99;
    transition: .8s;
    visibility: hidden;
}
.bolg-section .blog-itmes:hover .blog-title h2 a:before{
    width: 100%;
    visibility: visible;
}
.bolg-section .blog-text p {
    font-size: 15px;
    width: 81%;
    color: #72718F;
    margin-top: 6px;
    margin-bottom: 6px;
}
.bolg-section .blog-btn a {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    color: #071C1F;
    transition: .5s;
    position: relative;
}
.bolg-section .blog-btn a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 12%;
    height: 2px;
    background: #071C1F;
    content: "";
}
.bolg-section .blog-btn a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: #1c71a7;
    content: "";
    opacity: 0;
    transition: .5s;
}
.bolg-section .blog-itmes:hover .blog-btn a::after{
    width: 77%;
    opacity: 1;
}
.bolg-section .blog-itmes:hover .blog-btn a{
    color: #1c71a7;
}
.bolg-section .blog-btn a i {
    display: inline-block;
    padding-left: 5px;
}



.pro-item li img {-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);width: auto;height: 181px;margin: 0 auto;}
.pro-item li:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.pro-item li>a>div:first-child {height:auto;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center;border-color: #007cc2;
    border-bottom: 3px solid #007cc2;}
.pro-footer h4 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;font-size: 17px;}

    /* Second level menu */
    .widget_archive ul ul, .widget_links ul ul, .widget_nav_menu ul ul, .widget_categories ul ul, .widget_meta ul ul, .widget_recent_entries ul ul, .widget_pages ul ul, .widget_rss ul ul, .widget_recent_comments ul ul, .widget_rt_categories ul ul, .widget_product_categories ul ul {
        list-style: none;
        list-style-position: inside !important;
        margin: 0;
        padding: 10px 0 0 0;
        border-top: 1px solid rgba(0, 0, 0, 0.07);
    }
.sidebar {
 
    float: left;
    margin: 0;
    position: relative;
}

#container .sidebar .widget {
    float: none;
    clear: both;
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    z-index: 1;
    padding: 30px 20px 20px;
    -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #EDEDED;
}

.sidebar .featured_article_title:before {
    background: none repeat scroll 0 0 #ff7b11;
    color: #ff7b11;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
     top: 10px;
    width: 2px;
    left: 0px;
    text-indent: 5px;
}
.sidebar h3.featured_article_title span {
    color: #aaa;
    font-size: 16px;
    font-family: Arial;
}
.sidebar .featured_article_title {
    font-size: 19px;padding-top: 10px;padding-bottom: 15px;
}
  .caption{position: absolute;z-index: 9999;    top: 2%;
    margin: 0 auto;
    text-align: left;padding-left: 10px;
    width: 100%;}
.caption h4{text-align: center;color: #e5e6e8;font-size: 55px;width: 550px;margin: 0 auto;padding-bottom: 55px;border-bottom: 1px solid #e5e6e8;}
.caption p{text-align: center;color: #c2c0c2;font-size: 22px;padding-top: 35px;width: 480px;margin: 0 auto;line-height: 37px;}

        .widget_archive ul li ul li a, .widget_links ul li ul li a, .widget_nav_menu ul li ul li a, .widget_categories ul li ul li a, .widget_meta ul li ul li a, .widget_recent_entries ul li ul li a, .widget_pages ul li ul li a, .widget_rss ul li ul li a, .widget_recent_comments ul li ul li a, .widget_rt_categories ul li ul li a, .widget_product_categories ul li ul li a {
            position: relative;
            text-decoration: none;
            color: #666;
        }

    .widget_archive ul ul ul, .widget_links ul ul ul, .widget_nav_menu ul ul ul, .widget_categories ul ul ul, .widget_meta ul ul ul, .widget_recent_entries ul ul ul, .widget_pages ul ul ul, .widget_rss ul ul ul, .widget_recent_comments ul ul ul, .widget_rt_categories ul ul ul, .widget_product_categories ul ul ul {
        border-top: 0;
        padding: 10px 0 0 10px;
    }

.widget_rss .rsswidget img {
    display: inline;
}

.widget cite {
    color: #A6A6A6;
    font-weight: bold;
}

.widget_rss cite {
    margin: 10px 0;
    display: block;
    font-style: normal;
}

.productss .ul span.cur {
    background: #225383 !important;
    color: #fff !important;
}
.productss .ul span.cur a {

    color: #fff !important;
}
.productss .ul {
    text-align: center;
    margin-bottom: 48px;
}
.productss .ul span {
    width: 164px;
    height: 40px;
    display: inline-block;
    font-size: 16px;
    color: #999;
    line-height: 37px;
    border-radius: 37px;
    cursor: pointer;
    background-color: #fff;margin: 8px;text-align: center;border: 1px solid#eee;
}
.productss .ul span:hover {
    background: #225383 !important;
    color: #fff !important;
}
.productss .ul span:hover a {
  
    color: #fff !important;
}

.promoree p{text-align: center;}
.promoree p a{background-color: #ffc80b;padding: 7px 35px;border-radius: 15px;}

.wjzlb {
	overflow: hidden
}
.wjzlb li {
	height: auto;
	line-height: 24px;
	padding: 10px 10px;;
	border-bottom: 1px solid #EAEAEA;overflow: hidden;
}
.wjll {
	width: 100%;
}
.wjll .wjlbt {
	font-size: 14px;
	color: #3C3C3C;
	display: block;
	width: 76%;
	float: left;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	/*font-weight:bold;*/
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.wjzlb li:hover .wjll .wjlbt {
	color: #23255a;
}
.wjll .wjlrq {
	font-size: 12px;
	color: #B4B4B4;
	display: block;
	float: right;
}
.wjll .wjlnr {
	display: block;

	margin-top: 7px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.wjlr {
	width: 33px;
	height: 33px;
	margin-top: 40px;
	background: url("../images/fqfm_22.jpg") no-repeat center;
}
.wjzlb li a:hover {
	color: #23255a;
}
.ny_nav .wjssbt {
	width: 100%;
	height: 113px;
	background: #ffbe04;
	color: #fff;
	font-size: 26px;
	line-height: 113px;
	text-align: center;background-size: cover;
}
.ny_nav .wjssbtt {
	overflow: hidden;
	width: 252px;
	height: 106px;
}
.wjsndh {
	margin: 0;border: 1px solid#eee;
}
.wjsndh li {
	border-bottom: 1px solid #D3D3D3;
	width: 100%;
	height: 51px;
}
.wjsndh li a {
	display: block;
	height: 50px;
	background: #fff;
	color: #333;
	font-size: 14px;
	line-height: 50px;
	padding-left: 20px;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;overflow: hidden;
}
.wjsndh li a:hover {
	background: #ffbe04;
	color: #fff;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
.wjsndh li a span {
	float: right;
	font-family: "宋体";
	font-size: 20px;
	line-height: 50px;
	padding-right: 20px;
	-webkit-transition: padding 0.3s;
	-moz-transition: padding 0.3s;
	-ms-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	transition: padding 0.3s;
}
.wjsndh li a:hover span {
	padding-right: 10px;
	-webkit-transition: padding 0.3s;
	-moz-transition: padding 0.3s;
	-ms-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	transition: padding 0.3s;
}

.thisclass a{font-weight: bold;font-size: 17px;}


.width20 p{color: #fff;}
.width20 ul{margin-top: 20px;}
.width20 ul li{padding: 6px;}
.width20 ul li a{font-size: 15px;color: #fff;}
body,  html {
	font-family: 'Roboto', sans-serif;
}
.slideshow {
	position: relative;
	z-index: 1;
	height: 100%;
	max-width: 700px;
	margin: 50px auto;
}
.slideshow * {
	outline: none;
}
.slideshow .slider {
	box-shadow: 0 20px 50px -25px black;
}
.slideshow .slider-track {
	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
.slideshow .item {
	height: 100%;
	position: relative;
	z-index: 1;
}
.slideshow .item img {
	width: 100%;
	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.slideshow .item.slick-active img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.width20 p span{font-size: 19px;color: #fff;padding-bottom: 10px;}
.width20 p a{color: #000;font-size: 15px;padding: 3px 10px;border: 1px solid#fff;border-radius: 5px;}
.width20 dl {
	padding: 8px 15px;
}
.products {
background-size: cover;padding: 20px 0 10px;;
}
.banquan {
	padding: 15px 6px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	clear: both;
	margin: 0 auto;
	border-top: 1px solid #798095;
	background-color: #222222;
}
.footerbeian p{text-align: center;padding: 10px;color: #fff;}
.abouus img {
	transition: all 0.6s;
}
.zywjt {
	background: url(../images/zywjt.png) no-repeat;
	margin-top: 30px;
	background-position: right;
}
.zywjt a {
	padding: 3px 15px;
	font-size: 13px;
}
.zywjt2 {
	background: url(../images/zywjt2.png) no-repeat;
	margin-top: 30px;
	background-position: right;
}
.zywjt2 a {
	padding: 3px 15px;
	font-size: 13px;
}
.headerbj {
	background: url(../images/headerbj.jpg) no-repeat;
	background-size: cover;
	padding: 10px 0;
}
dl.dl_zs4 {
	height: auto;
	overflow: hidden;
	vertical-align: top;
	padding: 15px;
	background: #f4f4f4;
	box-shadow: 0 0 5px #ccc;
	float: left;
	width: 32.33%;
	margin: 0 5px 25px;
}
dl.dl_zs4 dt {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}
dl.dl_zs4 dt a {
	display: block;
	width: 100%;
	height: auto;
}
dl.dl_zs4 dt img {
	display: block;
	width: auto;
	height: 260px;;margin: 0 auto;
}
dl.dl_zs4 dt img{transition: all 0.6s;
    -ms-transition: all 0.8s;}
dl.dl_zs4 dt:hover img{transform: scale(1.2);
    -ms-transform: scale(1.2);}

/*=====about_history=========*/
.about_history{ overflow: hidden; background-attachment: fixed; color: #fff; padding-bottom: 150px;}
.about_history a{ color:#fff;} 
#history_scr{ margin-top: 6%;} 
#history_scr:before{ content:""; position: absolute; top:76px; left:-50%; width:200%; height: 2px; background: #9ed9f7;} 
#history_scr .owl-item:last-child{ margin-right:0!important;}
#history_scr .item{ max-width: 436px;}
.history_year, .history_year b{ line-height: 30px;}
.history_year{ color: #9ed9f7; position: relative; padding-bottom: 55px; margin-bottom: 35px;}
.history_year b{ vertical-align: bottom; margin-right: 10px;}
.history_year:before{ content:""; position: absolute; bottom: 0; left:0; border-radius: 50%; background: #9ed9f7; width:19px; height: 19px;}
.history_des{ line-height: 1.50;}
#history_scr .owl-nav a{ text-indent: -9999px; display:inline-block; border-radius: 50%; border:3px solid #9ed9f7; width:49px; height: 49px; background: #1963b9 center center no-repeat; background-size: 12px; position: absolute; top:52px; z-index: 2;}
#history_scr .owl-nav a:hover{ background-color:#9ed9f7;}
#history_scr .owl-nav a.owl-prev{ right:100%; margin-right:6%; background-image: url(../images/arrow03_left01.png);}
#history_scr .owl-nav a.owl-prev:hover{ background-image: url(../images/arrow03_left02.png);}
#history_scr .owl-nav a.owl-next{ left:100%; margin-left:6%; background-image: url(../images/arrow03_right01.png);}
#history_scr .owl-nav a.owl-next:hover{ background-image: url(../images/arrow03_right02.png);}


/* _wrapper.css */
.wrapper {
  padding-left: 18px;
  padding-right: 18px;
  max-width: 1236px;
  margin-left: auto;
  margin-right: auto;
}


/* _timeline.css */
.timeline {
  position: relative;
  margin: 30px auto;
  padding: 60px 0;

}
.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 4px;
  height: 100%;
  background-color: #8d94b1;
}
@media (min-width: 800px){
  .timeline::before{
    left: 50%;
    margin-left: -2px;
  }
}
.timeline__item {
  margin-bottom: 30px;
  position: relative;
}
.timeline__item::after{
  content: "";
  clear: both;
  display: table;
}
.timeline__item:nth-child(2n) .timeline__item__content {
  float: right;
}
.timeline__item:nth-child(2n) .timeline__item__content::before {
  content: '';
  right: 40%;
}
@media (min-width: 800px){
  .timeline__item:nth-child(2n) .timeline__item__content::before{
    left: inherit;
  }
}
.timeline__item:nth-child(2n) .timeline__item__content__date {
  background-color: #b292c5;
}
.timeline__item:nth-child(2n) .timeline__item__content__description {
  color: #b292c5;
}
.timeline__item:last-child {
  margin-bottom: 0;
}
.timeline__item-bg {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  color: #fff;
}
.timeline__item-bg:nth-child(2n) .timeline__item__station {
  background-color: #7646b5;
}
.timeline__item-bg:nth-child(2n) .timeline__item__content {
  background-color: #7646b5;
}
.timeline__item-bg:nth-child(2n) .timeline__item__content::before {
  background-color: #b292c5;
}
.timeline__item-bg:nth-child(2n) .timeline__item__content__description {
  color: #fff;
}
.timeline__item-bg .timeline__item__station {
  background-color: #0072e8;
}
.timeline__item-bg .timeline__item__content {
  background-color: #0072e8;
}
.timeline__item-bg .timeline__item__content::before {
  background-color: #65adb7;
}
.timeline__item-bg .timeline__item__content__description {
  color: #fff;
}
.timeline__item__station {
  background-color: #9aa0b9;
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  top: 0;
  left: 10%;
  margin-left: -33px;
  border: 4px solid #8d94b1;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__station{
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    padding: 15px;
    border-width: 6px;
  }
}
.timeline__item__content {
  width: 80%;
  background: #fff;
  padding: 20px 30px;
  border-radius: 6px;
  float: right;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__content{
    width: 40%;
    float: inherit;
    padding: 30px 40px;
  }
}
.timeline__item__content::before {
  content: '';
  position: absolute;
  left: 10%;
  background: #8d94b1;
  top: 20px;
  width: 10%;
  height: 4px;
  z-index: -1;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__content::before{
    left: 40%;
    top: 30px;
    height: 4px;
    margin-top: -2px;
  }
}
.timeline__item__content__date {
  margin: 0;
  padding: 8px 12px;
  font-size: 15px;
  margin-bottom: 10px;
  background-color: #65adb7;
  color: #fff;
  display: inline-block;
  border-radius: 4px;
  border: 2px solid #fff;
}
.timeline__item__content__description {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: #65adb7;
}
@media (min-width: 800px){
  .timeline__item__content__description{
    font-size: 19px;
    line-height: 28px;
  }
}

/* _site-footer.css */
.site-footer {
  padding: 50px 0 200px 0;

}
.site-footer__text {
  color: #e6e6e6;
  font-size: 14px;
  text-align: center;
}
.site-footer__text__link {
  color: #8287a9;
}

dl.dl_zs4 dd {
	width: 100%;
	overflow: hidden;
}
dl.dl_zs4 dd h4 {
	display: block;
	font-size: 16px;
	font-weight: normal;
	height: 32px;
	overflow: hidden;
	text-align: center;
	line-height: 32px;
}
dl.dl_zs4 dd h4 i {
	float: left;
	padding-right: 15px;
	display: none;
}
dl.dl_zs4 dd h4 a {
	color: #333;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 17px;
}
dl.dl_zs4 dd p {
	display: block;
	font-size: 13px;
	width: 100%;
	line-height: 28px;
	height: auto;
	overflow: hidden;
}
dl.dl_zs4 dd span {
	display: block;
	margin: 16px auto 0;
	width: 103px;
}
dl.dl_zs4 dd span a {
	display: block;
	width: 103px;
	height: 35px;
	background: #007cc2;
	font: 14px/35px "Microsoft YaHei";
	color: #fff;
	text-align: center;
}
dl.dl_zs4:hover h4 a {
	color: #1685c1;
}

.newsxiao p a{font-size: 16px;color: #4c4c4c;font-weight: bold;}


.aboutus{position: relative;}
.abouyou{z-index: 9999;}
.aboutus{padding: 0px;}
.aboutus p{padding: 5px 0;line-height: 23px;font-size: 15px;}
.yuanquan{    position: absolute;
    z-index: 9999;
    top: 260px;
    left: 30%;}
.yuanquan img{width: 400px;}


.youishixmyou p span{font-size: 19px;color: #fff;}
.youishixmyou p em{font-size: 16px;color: #404b7c;}
.youishixmyou p{font-size: 13px;color: #fff;line-height: 21px;}

.youshiny{border: 1px solid#e9e9e9;box-shadow: 0px 7px 10px 2px #c7c7c7;background-color: #fff;padding: 30px 0;}
.yopushixiao{padding: 20px 0;}
.yopushixiao p span{font-size: 17px;font-weight: bold;text-align: center;}
.yopushixiao p{padding: 5px 0;}
.moress {
	margin: 0 auto;

	padding: 5px 5px;
	;margin-top: 0px;float: right;
}

.mores {
	margin: 0 auto;
	border: 1px solid #313131;
	padding: 3px 15px;
	border-radius: 0px;width: 120px;;margin-top: 0px;color: #292929;text-align: right;
}

.moress a{color: #fff;background-color: #404b7c;padding: 8px 20px;text-align: center;}
.right2 {
	float: right;
	overflow: hidden;
	background: #fff;
}
.inner_tab {
	padding: 0;
	text-align:center;
    margin: 0px auto 15px;
overflow: hidden;
}

.link{color: #999caa;}
.link:after {
    position: absolute;
    top: 8px;
    right: -15px;
    width: 9px;
    height: 2px;
    background: #17bed2;
    content: " ";
}
.jianju11_new {  margin-top: 50px;  }
.new-ju{padding-top:6%;transition:all .6s;}
.neiyebj {
    padding: 0% 0;
    padding-bottom: 100px;
    background-color: #f7f7f7;padding-top: 50px;
}
.neiyebjss{ padding: 0% 0;
    padding-bottom: 50px;
   background: url("../images/conbj.png") #f7f7f7 no-repeat;;padding-top: 50px;background-position: right bottom;}
.neiyebjss p{text-indent: 1rem;}


.new_xg:hover .news_1{padding-bottom:2.8%;padding-top: 3%; border-bottom: 2px solid #0853A5;transition:all .6s;}
.news_1 h2{font-size: 36px;color: #0853A5;font-weight: bold;line-height:28px; }
.news_1 h3{font-size: 22px;color: #333333;word-break:keep-all;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.news_1 .new_p{font-size: 20px;color: #0853A5;line-height: 50px}
.news-xq h2{font-size:26px;font-family:SourceHanSansCN-Bold;font-weight:bold; color:rgba(51,51,51,1);line-height:30px;}
.newxq_1 span,.newxq_1 time{float: left;line-height:50px;padding-right: 5%;display: inline-block}
.newxq_1 span,.newxq_1 time{color: #666666;font-size: 12px;line-height: 24px}
.newxq_1{padding-top: 15px;padding-bottom: 15px;}
.tup{width: 80%;margin: 0 auto}
.tup1 p{color: #333333;font-size: 14px;line-height: 30px}
.tup img{  width: 100%;}
.magtop{}
.inner_tab{margin-top: 40px;}
.inner_tab .tab i{padding-right: 6px;}

.navFix {
    position: fixed;
    top: 20px;
    z-index: 99999;
    overflow: inherit;
float: left;
    width: 32%;
}

.porlisyss{float: left;overflow: hidden;}

.width20 ul{padding-left: 16px;}
.dlist { width: 100%; overflow: hidden; clear: both; margin: 20px 0px; }
.dlist strong.t { display: block; background: #0079ca; font: bold 14px/32px "Microsoft Yahei"; color: #FFF; padding-left: 28px; }
.dlist .list h2, .dlist .list span { height: auto; line-height: 30px; text-align: center; float: left; border-right: #ffffff 1px solid; padding: 6px 0px; clear: right; }
.dlist .list h2 { font-size: 12px; font-weight: normal; width: 45%; text-align: left; padding-left: 3%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dlist li { float: left; width: 100%; border-bottom: 1px dashed #C3C1C1;padding: 8px 0;}
.dlist li span { width: 17%; }
.dlist li span:last-child { border-right: none; }
.dlist li span i { display: inline-block; width: 20px; height: 20px; overflow: hidden; background-repeat: no-repeat; vertical-align: -8px; *vertical-align:-3px;
margin-right: 3px;}
.pic {
float: none;
	
	min-height: 1px; 
	position: relative;
	overflow: hidden;
	-webkit-animation: anima 2s;
	-moz-animation: anima 2s;
	-o-animation: anima 2s;
	-ms-animation: anima 2s;
	animation: anima 2s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.pic-3d {
	-webkit-perspective: 500;
	-moz-perspective: 500;
	-o-perspective: 500;
	-ms-perspective: 500;
	perspective: 500;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.pic-caption {
	cursor: default;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(56,57,57,0.4);
	padding: 10px;
	text-align: center;
	-ms-filter: "alpha(opacity=($opacity * 100))";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;top: 0%;
}
.pic-caption p{color: #000;font-size: 16px;text-align: center;height: 100%;padding-top: 30%;font-weight: bold;background: rgba(107,59,13,0.6)}
.pic-caption p a{color: #ffffff;font-size: 14px;padding-top: 20px;}
.pic-image {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.pic:hover .pic-image {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.pic-title {
	font-size: 16px;text-align: left;color: #fff;
}
a, a:hover, .pic .pic-image, .pic-caption, .pic:hover .pic-caption, .pic:hover img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
.pic:hover .bottom-to-top, .pic:hover .top-to-bottom, .pic:hover .left-to-right, .pic:hover .right-to-left, .pic:hover .rotate-in, .pic:hover .rotate-out, .pic:hover .open-up, .pic:hover .open-down, .pic:hover .open-left, .pic:hover .open-right, .pic:hover .come-left, .pic:hover .come-right {
	-ms-filter: "alpha(opacity=($opacity * 100))";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-moz-touch-callout: none;
	-o-touch-callout: none;
	-ms-touch-callout: none;
	touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	-o-tap-highlight-color: transparent;
	-ms-tap-highlight-color: transparent;
	tap-highlight-color: transparent
}
.bottom-to-top {
	top: 50%;
	left: 0
}
.pic:hover .bottom-to-top {
	top: 0;
	left: 0
}
.top-to-bottom {
	bottom: 50%;
	left: 0
}
.pic:hover .top-to-bottom {
	left: 0;
	bottom: 0
}
.left-to-right {
	top: 0;
	right: 50%
}
.pic:hover .left-to-right {
	right: 0;
	top: 0
}
.right-to-left {
	top: 0;
	left: 50%
}
.pic:hover .right-to-left {
	left: 0;
	top: 0
}
.rotate-in {
	-webkit-transform: rotate(90deg) scale(.1);
	-moz-transform: rotate(90deg) scale(.1);
	-o-transform: rotate(90deg) scale(.1);
	-ms-transform: rotate(90deg) scale(.1);
	transform: rotate(90deg) scale(.1);
	top: 0;
	left: 0
}
.pic:hover .rotate-in {
	-webkit-transform: rotate(360deg) scale(1);
	-moz-transform: rotate(360deg) scale(1);
	-o-transform: rotate(360deg) scale(1);
	-ms-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1)
}
.rotate-out {
	-webkit-transform: rotate(90deg) scale(3);
	-moz-transform: rotate(90deg) scale(3);
	-o-transform: rotate(90deg) scale(3);
	-ms-transform: rotate(90deg) scale(3);
	transform: rotate(90deg) scale(3);
	top: 0;
	left: 0
}
.pic:hover .rotate-out {
	-webkit-transform: rotate(360deg) scale(1);
	-moz-transform: rotate(360deg) scale(1);
	-o-transform: rotate(360deg) scale(1);
	-ms-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1)
}

@media screen and (max-width:560px) {
.pic {
	max-width: 400px;
	max-height: 300px;
	display: block;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	margin: 10px auto
}
}


.middle {
 border: 1px solid#404b7c;
}

.menu {
  width: auto;
  border-radius: 8px;
  overflow: hidden;
}

.item {
  border-top: 1px solid #2980b9;
  overflow: hidden;
}
.lieron h3{font-size: 14px;}
.lieron h3 i{font-size: 14px;}
.btn::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  
  left: 20px;
  bottom: -7px;
  transform: rotate(45deg);
}

.btn i {
  margin-right: 10px;
}
.item:hover .smenu{height:250px;}
.smenu {
  background: #eee;
  overflow: hidden;
  transition: min-height .3s;transition: all .5s ease;
 height: 0px;
}

.smenu a {
  display: block;
  padding: 16px 26px;
  color: #000;
  font-size: 14px;
  margin: 4px 0;
  position: relative;
}
.smenu a:hover {
    background-color: #2D3766;
}

.smenu a::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 100%;
  background: #3498db;
  left: 0;
  top: 0;
  transition: .3s;
  opacity: 0;
}

.smenu a:hover::before {
  opacity: 1;
}

.item:target .smenu {
  max-height: 19em;
}


.shanxyim span a{display: inline-block;}
.plc, .plc2 {
	background: url(../images/logo_03.png) no-repeat 5px 12px;
	height: 50px;
	line-height: 30px;
	padding: 7px 8px 8px 35px;
	position: relative;
	color: #333;
	overflow: hidden;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
	font-family: "Microsoft Yahei", "微软雅黑";
	margin-bottom: 10px;
}
.plc span {    float: left;
}
.plc i, .plc2 i, .plc a {
	font-style: normal;
	font-size: 14px;
	color: #333;
	margin: 0 5px;
}
.bg {
	background: #f8f8f8;
	padding-top: 30px;
}
.art-title {
	font-size: 19px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid#333;
	padding: 19px 0px;
}
.nco_l {
	width: 100%;
	overflow: hidden;
	background: #fff;
	margin-bottom: 50px;
}
.nco_l h3 {
	text-align: center;
	line-height: 91px;
	height: 91px;
	font-weight: normal;
	color: #454545;
	font-size: 24px;
	border-bottom: 1px dotted #a0a0a0;
	overflow: hidden;
	padding: 18px 20px 0;
}
.nco_l h4 {
	color: #8d8d8d;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 9px solid #f8f8f8;
	height: 70px;
	line-height: 70px;
	padding: 0 20px;
	margin-bottom: 8px;
	text-align: center;
}
.nco_l h4 strong {
	font-weight: normal;
	float: left;
	display: inline-block;
	padding-top: 21px;
}
.nco_l h4 strong a {
	color: #fff;
	background: url(Img/n_back.gif) no-repeat;
	width: 82px;
	height: 27px;
	display: inline-block;
	line-height: 27px;
	text-align: center;
}
.nco_l h4 span.m_qrinfo {
	position: relative;
	font-weight: normal;
	height: 32px;
	line-height: 32px;
	float: right;
	margin-right: 15px;
	margin-top: 15px;
}
.nco_l h4 span.m_qrinfo a {
	display: block;
	width: 17px;
	height: 32px;
	font-size: 0px;
	text-indent: -1000px
}
.nco_l h4 img {
	vertical-align: middle;
	padding: 0 8px;
}
.nco_l h4 em {
	padding: 0 15px;
}
.nco_l h4 em span {
	padding-right: 15px;
	color: #8d8d8d;
}
.nco_l h4 i {
	padding: 0 9px;
	float: right;
	margin-right: 240px;
}
.nco_l h4 i a {
	color: #8d8d8d;
}
.nco_l p {
	margin: 1px;
	color: #000;
	font-size: 14px;
    padding: 3px 10px;
    line-height: 26px;
}
.nco_l p span{}
.nco_l p a {
	font-weight: bold;
	color: #24598f;
}
.nco_l .bgi {
	display: block;
	text-align: center;
	padding: 10px 0 21px 0;
}
.nco_l .bgi img {
	width: 336px;
	height: 246px;
	margin: 0 3px;
}
.nco_l .tup {
	display: block;
	text-align: center;
	padding: 20px 0 25px 0;
}
.nco_l .tup img {
	width: 675px;
	height: 276px;
}
.nco_l h5 {
	margin: 36px 31px 10px;
	line-height: 39px;
	line-height: 39px;
	border-bottom: 1px dashed #cacaca;
	border-top: 1px dashed #cacaca;
	color: #797979;
	font-size: 14px;
	font-weight: normal;
}
.nco_l h5 span a {
	margin: 0 12px;
}
.n_info_con {
	padding: 0px 0px 0 0px;
	font-size: 14px;
}
.n_info_con strong {
	font-weight: bold;
}
.n_info_con h1 {
	color: #333;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
	font: 24px/63px "Microsoft Yahei";
}
.n_info_con2 {
	margin: 0 auto;
}
.n_info_con h3 {
	text-align: center;
	color: #000;
	font-family: "Microsoft Yahei";
	margin-bottom: 10px;
	font-size: 24px;
	border-bottom: 1px dashed #CCCCCC;
} /*资讯详细页面，内容标题*/
.info_con_tit {
	font-family: "Microsoft Yahei";
	line-height: 24px;
	margin-bottom: 15px;
}
.info_con_tit span {
	margin-right: 12px;
}
.info_con_tit .m_qrinfo {
	position: relative;
}
.m_qrcode {
	display: none;
	position: absolute;
	left: -101px;
	top: 35px;
	background: #fff;
	border: 1px dashed #f1f1f1;
}
.m_qrcode em {
	line-height: 24px;
	color: red;
	display: block;
	text-align: center;
	width: 187px;
	float: left;
}
.info_con_tit .n_tit {
	text-align: left;
	color: #666;
	border-bottom: 1px dashed #999;
	height: 44px;
	line-height: 44px;
}

.info_con_tit .n_tit a {
	color: #BCBBBB;
}
.info_con_tit .n_tit span .cur {
	color: #000;
}
.info_con_tit .n_tit2 {
	height: 24px;
}
.n_info_con .tit2_span {
	float: right;
	margin: 0;
	_margin-top: 5px;
}
.n_info_con p {
	line-height: 28px;
	margin: 15px 0;
}
.n_info_con p a {
	color: #ED1B24;
	font-weight: bold;
}
.nn_menu {
	background: #f1f1f1;
	margin: 0 28px 29px;
	padding: 24px 25px 15px;
}
.nn_menu b {
	display: block;
	color: #272727;
	font-size: 18px;
	height: 35px;
	width: 116px;
	line-height: 35px;
	text-align: center;
	margin-bottom: 9px;
	border-bottom: 1px solid #24598f;
	font-weight: normal;
}
.nn_menu ul li {
	height: 36px;
	line-height: 36px;
	padding-left: 12px;

}
.nn_menu ul li a {
	color: #666;
	font-size: 14px;
}
.nn_menu ul li span {
	float: right;
	padding-right: 8px;
	color: #808080;
}
.t03 {
	line-height: 50px;
	height: 50px;
	margin-bottom: 5px;
	text-indent: 8px;
}
.right2_main .t03 a {
	color: #272727;
	display: block;
	width: 250px;
	font-size: 18px;
	font-family: "Microsoft YaHei";
	border-bottom: 1px solid #ddd;
	font-weight: normal;
	padding-left: 15px;
}
.right2_main .t03 a:hover {
	text-decoration: none;
}
.right2_main .t03 a img {
	display: block;
	float: left;
	margin: 13px 0 0 10px;
}
ul.n_rt_ul {
	margin: 8px auto;
	overflow: hidden;
	background: none;
}
ul.n_rt_ul li a {
	line-height: 24px;
	width: 225px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 5px 12px;
	border-left: 2px solid #24598f;
	padding: 5px 0 5px 10px;
}
ul.n_rt_ul li a:hover {
	background: #24598f;
	border-left: 2px solid #e72614;
	color: #fff;
	text-decoration: none;
}
ul.n_rt_ul2 {
	width: 275px;
	margin: 8px auto;
	overflow: hidden;
}
ul.n_rt_ul2 li a {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 5px;
	display: block;
	margin: 5px 0;
	border-left: 2px solid #333;
}
ul.n_rt_ul2 li a:hover {
	background: #f2f2f2;
	border-left: 2px solid #666;
	color: #24598f;
}
.moressdb {
	border: 1px solid #fff;
	padding: 6px 15px;
	color: #fff;
	border-radius: 6px;
}
.width25 {
	width: 24%;
	float: left;
	margin: 3px;
}
.width20 {
	width: 20%;
	float: left;
}

.width20 dt {
	color: #f1f1f1;
	font-size: 16px;
	margin-bottom: 10px;
}
.width20 dl dd a {
	font-size: 15px;
}
.contents_bon {
	margin: 15px 0;
	line-height: 30px;
	text-align: center;
}
.contents_bon span {
	display: inline-block;
	margin: 5px 15px;
	color: #888;
}
.contents_bon span a {
	color: #888;
}
.contents_bon span * {
	font-style: normal;
}
.contents_bon .contents_date {
	padding-left: 26px;
}
.contents_bon .contents_bj {
	padding-left: 30px;
}
.contents_bon .contents_from {
	padding-left: 32px;
}
.contents_bon .contents_print a {
	display: block;
	padding-left: 20px;
}
.contents_bon .contents_size i {
	padding: 0 5px;
	cursor: pointer;
}
.contents_bon .contents_size i.on {
	color: #C07438;
	font-weight: bold;
}
.dayingban {
	background-color: #f4f4f4;
	padding: 35px 0;
}
.newshover p a {
	font-size: 17px;
}
.newshover p {
	padding: 2px 0px;
}
.all_display_info {
	position: absolute;
	top: -68px;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 999;
}
.fomeu {
	height: 119px;
	width: 809px;
	text-align: center;
	font-size: 17px;
	font-weight: 200;
}
.submitss {
	background: url(../images/sousuo.jpg) no-repeat;
	width: 119px;
	height: 120px;
	float: right;
}
.stst .wrap {
	position: relative;
}
.gongzhu {
	box-shadow: 0px 7px 10px 2px #c7c7c7;
	height: auto;
	line-height: 35px;
	padding: 0px 0;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 1%;
	background-color: #fff;
}
.width10 {
	width: 10%;
	float: left;
	margin: 20px 13px;
}

.thisclass{}



.width20 {
	
}
.width20 p {
	font-size: 15px;
	line-height: 30px;color: #fff;padding-left: 12px;
	;
}
.widbf40 {
	width: 40%;
	float: left;
	overflow: hidden;
	padding: 6px 12px;
}
.widbf20 {
	width: 20%;
	float: left;
	overflow: hidden;
	padding: 6px 0px 0px;
}
.shipingzx {
	background-color: #f9f9f9;
	padding: 10px;
	height: 225px;
}
.shipingzx p a {
	color: #eddcbd;
	font-size: 18px;
}
.shipingzx h4 {
	width: 35px;
	border-bottom: 1px solid #eddcbd;
	padding: 5px 0 5px;
	margin-bottom: 10px;
}
.coolbg {
	text-align: center;
}
.footersahhs {
	background-color: #0093dd;
	padding: 15px 5px;
}
.text-center p {
	text-align: center;
}
.width20 i {
	font-size: 25px;
    color: #fff;
   
    background-color: #0275a9;
  
    padding: 10px;
    border-radius: 1pc;
    width: 43px;
    text-align: center;
}
.dibusxiam {
	text-align: right;
}
.dibusxiam ul {
	text-align: right;
}
.width20 dl {
	padding-left: 6px;
}
.width20 dl dd {
	padding: 7px 10px;
    color: #fff;
    font-size: 15px;
    display: inline-block;
}
.width20 dl dd a {
	color: #969696;
}
.pro_right_img h4 {
	text-align: center;
	font-weight: 600;
	font-size: 19px;
	padding: 70px 0px 10px;
}
.pro_right_img {
	background: rgba(247,247,247,0.3);
	padding: 30px 15px;
	height: 416px;
}
.pro_right_img p {
	text-align: center;
	font-weight: normal;
	font-size: 15px;
	color: #959898;
	padding: 25px 0px;
}
.pro_right_img p a {
	background-color: #cc9b76;
	color: #fff;
	padding: 11px 34px;
	font-size: 17px;
}
.pro_right_img:hover p a {
	background-color: #ff0000;
}
.chanpinzx {
	
	background-size: cover;
	padding: 50px 0;
}
.pic_box {
	position: relative;
	left: 5px;
	float: left;
	padding: 0px;
	padding-right: 20px;
	box-sizing: border-box;
}
.pic_box:nth-child(5n+3), .pic_box:nth-child(5n+4), .pic_box:nth-child(5n+5) {
}
.pic_box {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #bfbfbf;
	padding: 0px;
}
.pic_box_img {
	position: relative;
	padding: 5px;
}
.pic_box_img img {
	width: 100%;
	height: 150px;
}
.pic_box_img span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	background-color: #888;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.4s;
}
.pic_box p {
	position: relative;
	font-size: 16px;
	left: 0;
	color: #000;
	padding: 10px 0;
	transition: 0.4s;
	z-index: 2;
}
.pic_box_img:before {
	content: "";
	display: inline-block;
 *display:inline;
	position: absolute;
	top: 50%;
	left: 45%;
	left: calc(50% - 30px);
	height: 60px;
	width: 60px;
	background-image: url(../images/icon-zoom.png);
	z-index: 3;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.4s;
}
.pic_box_img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}
.pic_box_img:hover span {
	margin: 30px;
	opacity: 0.3;
	filter: alpha(opacity=40);
}
.pic_box:hover p {
	color: #d13939;
}
.pic_box_img:hover:before {
	top: 42%;
	top: calc(50% - 30px);
	left: 45%;
	left: calc(50% - 30px);
	opacity: 1;
	filter: alpha(opacity=100);
}
}}

.single-footer-widget p{color: #000;font-size: 14px;}
.footer-copyright-area{background-color: #0596b4;color: #fff;border-bottom: 3px solid#0596b4;padding-bottom: 8px;}
.footer-section{width: 100%;overflow: hidden;margin-top: 0px;}
.footer-section{background: #15c1e5;padding: 30px 0;border-top: 1px solid#eee;background-size: cover;}
.single-footer-widget2{padding-top: 30px;text-align: right;}
.single-footer-widget p{color: #fff;}
.copyright-content a{color: #fff;}
.copyright-content p{color: #fff;}
.contents {
    width: 1200px;
    margin: 0 auto;
}

 .rightC::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 1rem;
    display: block;
    width: 40px;
    height: 1px;
    background: #aaa;
    transition: all .5s ease;
}
.newList:hover .rightC::before {
    width: 60px;
}
.contents{padding: 10px 30px;}
 .newTime {
    display: block;
    color: #999;
    font-size: 1.5rem;
    font-weight: normal;
    margin: 0px 0 30px;
    transition: all .5s ease;
}
.newList:hover .rightC {
    padding-left: 80px;
}
 .newList {
    display: flex;
    padding: 30px 0;
    border-top: 1px solid #DDD;
}
.leftTime {
    color: #0d4e9b;
    font-size: 30px;
}
 h3.newTitle {
    font-size: 16px;
    color: #333333;
    position: relative;
    padding-left: 10px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 1vw;
}
.rightCotent {
    position: relative;
    transition: all .5s;width: 100%;
}
h3.newTitle:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #000;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.newList2 p.newMonth {
    position: absolute;
    right: 0;
    top: 0;
    color: #aaaaaa;
    font-size: 14px;
}
h3.newTitle1 {
    font-size: 16px;
    color: #333;
    margin: 1vw 0;width: 100%;clear: both;
}
.leftTime {
    width: 150px;
    position: relative;float: left;
}
 .rightC {
    position: relative;
    width: calc( 100% - 150px);
    transition: all .5s ease;float: left;padding-left: 60px;
}
.newList1 {
    background: rgba(255, 255, 255, .3);
    padding: 20px;
    overflow: hidden;width: 50%;float: left;
}
.p_news.newListBoxs>div {
    width: calc((100% - 50px) /2);
}

* {
	margin: 0;
	padding: 0;

	list-style: none;
	text-decoration: none;
}
@font-face {
	font-family: myFirstFont;
	src: url(../font/fzltxh.TTF);
, url(../font/fzltxh.eot); /* IE9 */
}
.left {
	float: left;
}
.right {
	float: right;
}
.container {
	margin: auto;
	width: 100%;
	overflow: hidden;
}
.top {
	width: 100%;
	background-color: #e71a35;
	text-align: center;
	position: absolute;
	height: auto;
	z-index: 999;
	top: 0px;
}
.top-ll {
	height: 103px;
	position: relative;
}
.top-c {
	background-color: #fff;
}
.hl_main5_content1 ul li {
	width: 1224px;
	height: 570px;
	display: inline;
	overflow: hidden;
	float: left;
}
.hl_main5_content1 ul li img {
	height: 100%;
	width: 100%;
}
.hl_scrool_leftbtn {
	width: 28px;
	height: 105px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -54px;
	cursor: pointer;
}
.leftbtn {
	width: 15px;
	height: 56px;
	background: url(../images/left-t.jpg) no-repeat;
	float: left;
	margin-top: 20%;
	cursor: pointer;
}
.rightbtn {
	width: 15px;
	height: 56px;
	background: url(../images/right-t.jpg) no-repeat;
	float: right;
	margin-top: 20%;
	cursor: pointer;
}
.hl_scrool_rightbtn {
	width: 28px;
	height: 105px;
	background: url(../images/right.jpg) no-repeat;
	position: absolute;
	right: 0;
	;
	top: 50%;
	margin-top: -54px;
	cursor: pointer;
}

.section4 center {
	padding-top: 1%;
	margin-bottom: 0px;
}
.section5 center {
	padding-top: 8%;
	margin-bottom: 0px;
}
 @keyframes myfirst {
from {
right:-595px;
opacity:0;
}
to {
right:90px;
opacity:1;
}
}

::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #555;
}
scrollbar {
	-moz-appearance: none !important;
	background: rgb(0,255,0) !important;
}

.case {
	margin: 0 auto;
}
.intxt {
	border: 1px solid#555;height: 50px;margin-bottom: 15px;color: #f4f4f4;font-size: 15px;padding-left: 25px;
}
.intxt2 {
	border: 1px solid#555;background-color: #333333;height: 60px;margin-bottom: 15px;color: #f4f4f4;font-size: 15px;padding-left: 25px;
}
#LeftArr1 {
	float: left;
	left: 70px;
	top: 220px;
	width: 71px;
	height: 74px;
	cursor: pointer;
	background: url(../images/le.png) left center no-repeat;position: absolute;
}
#RightArr1 {
	float: left;
	right: 75px;
	top: 220px;
	width: 71px;
	height: 74px;
	cursor: pointer;
	background: url(../images/ri.png) right center no-repeat;position: absolute;
}

#LeftArr2 {
	float: left;
	left: 70px;
	top: 220px;
	width: 71px;
	height: 74px;
	cursor: pointer;
	background: url(../images/le.png) left center no-repeat;position: absolute;
}
#RightArr2 {
	float: left;
	right: 75px;
	top: 220px;
	width: 71px;
	height: 74px;
	cursor: pointer;
	background: url(../images/ri.png) right center no-repeat;position: absolute;
}


.biaogekb{width: 365px;float: left;overflow: hidden;height: 340px;}
.ihonor img {
	width: 343px;
	height: auto;
	border: 0px #ededed solid;
	margin: 0px 0px;
	transition: 0.4s;
}
.ihonor img:hover {
	border: 7px #ddd solid;
}
.poxt {
	width: 100%;
	background: url(../images/poxtit.png) no-repeat center bottom;
}
.poxt h4 {
	height: 84px;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
}
.poxt h4 a {
	margin-top: 24px;
	display: inline-block;
	color: #000000;
	font-size: 24px;
	margin-bottom: 10px;
}
.poxt h4 span {
	display: block;
	color: #b2b2b2;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center
}
.searchBg {
	padding-top: 60px;
	padding-bottom: 10px;overflow: hidden;
	
}

.p0{padding: 0px;}
.anlixiaod{background-color: #fcf9f2;padding: 106px 50px;}
.anlixiaod p a{color: #000;font-size: 19px;font-weight: bold;}
.anlixiaod p{text-align: center;font-size: 15px;color: #000;}
.anlixiaod:hover{}
.clert{clear: both;}
.tedian{background: url(../images/tedianbj.jpg) no-repeat;padding: 80px 20px 100px;;width: 33%;float: left;background-size: 100%;}
.tedian h4{font-size: 23px;font-weight: 500;text-align: center;color: #fff;padding-bottom: 25px;}
.tedian p span{font-size: 17px;color: #fff;}
.tedian p{font-size: 15px;color: #fff;line-height: 26px;}
.tedian h5{font-size: 21px;color: #fff;border: 1px solid#fff;padding: 8px 10px;text-align: center;margin: 0px 30px;}

.proyoub{width: 67%;float: left;overflow: hidden;}

.prosss{background: url(../images/prosssbj.jpg) no-repeat;padding: 80px 20px 109px;background-size: 100%;}
.prossslimian p{font-size: 14px;color: #fff;line-height: 24px;padding: 6px 0px;}


.zhuslica{background-color: #f4f4f4;padding: 36px 26px;}
.zhuslica p span{font-size: 15px;}
.zhuslica h3{font-size: 18px;padding: 10px 0;}
.zhuslica:hover{background-color: #ff4900;}
.zhuslica:hover p span{color: #fff;}
.zhuslica:hover h3{color: #fff;}


.aboutus {

	position: relative;
	
}

.aboutus p a {
	font-size: 20px;
	color: #000;
}
.aboutmore {
	
	z-index: 9999;
	width: 120px;;float: right;
}
.aboutmore a {
	
	z-index: 9999;
	width: 120px;background-color: #00468c;border-radius: 1px;color: #fff;font-size: 15px;padding: 7px 15px;;
}
.abouyou  p span{font-size: 17px;font-weight: bold;color: #000;}
.aboutus p {
	font-size: 15px;
	
	text-align: left;
	
	line-height: 33px;
	font-weight: 200;
}
.pic_box p {
	text-align: center;
}

/* CSS Document */
article, aside, dialog, footer, header, section, nav, figure, menu {
	display: block
}
html, body {
	height: 100%;
	margin: 0;
}
* {
	margin: 0;
	padding: 0;
	

	list-style: none;
	text-decoration: none;
}
@font-face {
	font-family: myFirstFont;
	src: url(../font/fzltxh.TTF);
, url(../font/fzltxh.eot); /* IE9 */
}
img {
	margin: auto;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.porlisyss p{text-align: center;background: rgba(1,168,236,0.4);;line-height: 45px;color: #000;}
.left {
	float: left;
}
.right {
	float: right;
}
.container {

	overflow: hidden;
}
.top {
	width: 100%;
	background-color: #e71a35;
	text-align: center;
	position: absolute;
	height: auto;
	z-index: 999;
	top: 0px;
}
.top-ll {
	height: 103px;
	position: relative;
}
.top-c {
	background-color: #fff;
}
.logo {
	display: inline-block;
	vertical-align: top;
	padding-top: 16px;
	text-align: left;padding-bottom: 10px;padding-left: 0px;padding-right: 0px;
}
.logo img {
	margin: 0 auto;padding-top: 0px;
}
.shuzi{border-right: 1px solid#eee;}
.shuzi p span{font-size: 27px;font-weight: bold;}
.shuzi p{text-align: center;font-size: 16px;}
.all_display_info {
    position: absolute;
    top: -68px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 999;   
}
.stst .wrap {
    position: relative;
}
.display_list {
    width: 1068px;
    margin: 0 auto;
}
.headetop {
	height: auto;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content {
	margin: auto;
	width: 90%;
	height: auto;
	overflow: hidden;
}
.hl_main5_content1 {
	position: relative;
	margin: auto;
	width: 85%;
	overflow: hidden;
}
.content1 {
	margin: auto;
	width: 95%;
	height: 615px;
	overflow: hidden;
}
.content1 ul {
	width: 8000px;
	overflow: hidden;
}
.content1 ul li {
	width: 1421px;
	height: 615px;
	display: inline;
	overflow: hidden;
	float: left;
}
.hl_main5_content1 ul {
	position: absolute;
	width: 200%;
	overflow: hidden;
}
.content1 ul li a {
	display: block;
	height: 100%;
	cursor: default;
}
.content1 ul li img {
	display: block;
	height: 100%;
}
.hl_main5_content1 ul li {
	width: 1224px;
	height: 570px;
	display: inline;
	overflow: hidden;
	float: left;
}
.hl_main5_content1 ul li img {
	height: 100%;
	width: 100%;
}
.hl_scrool_leftbtn {
	width: 28px;
	height: 105px;
	background: url(../images/left.jpg) no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -54px;
	cursor: pointer;
}
.leftbtn {
	width: 15px;
	height: 56px;
	background: url(../images/left-t.jpg) no-repeat;
	float: left;
	margin-top: 20%;
	cursor: pointer;
}
.rightbtn {
	width: 15px;
	height: 56px;
	background: url(../images/right-t.jpg) no-repeat;
	float: right;
	margin-top: 20%;
	cursor: pointer;
}
.hl_scrool_rightbtn {
	width: 28px;
	height: 105px;
	background: url(../images/right.jpg) no-repeat;
	position: absolute;
	right: 0;
	;
	top: 50%;
	margin-top: -54px;
	cursor: pointer;
}

.ibox7 {
	padding-top: 30px;
	height: 215px;
	overflow: hidden;
	position: relative;width: 100%;
}
.ibox7 #LeftArr1 {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 34px;
	height: 144px;
	cursor: pointer;
	background: url(../images/left.png) left center no-repeat;
}
.ibox7 #RightArr1 {
	position: absolute;
	right: 0px;
	top: 30px;
	width: 34px;
	height: 144px;
	cursor: pointer;
	background: url(../images/right.png) right center no-repeat;
}
.ihonor {
	width: 1100px;
	margin: 0px auto;
	overflow: hidden;height: 189px;
}
.ihonor ul li{float: left;margin-right: 2px;margin-bottom: 30px;overflow: hidden;}
.ihonor img {
	width: 240px;
	height: auto;
	border: 7px #ededed solid;
	margin: 0px 15px;
}
.ihonor img:hover {
	border: 7px #ddd solid;
}

::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #555;
}
scrollbar {
	-moz-appearance: none !important;
	background: rgb(0,255,0) !important;
}
.pro_img {
	transition: all .8s ease 0s;
	text-align: center;
	margin-bottom: 10px;
}
.zhuangxiu {
	background-color: #f3f3f3;
}
.ptit {
	border-top: 1px solid #dddddd;
}
.pro_img:hover {
}
.pro_img:hover p {
	color: #a40002;
}
.fenleicp {
	text-align: center;
}
.subcase {
	background-color: #f6f6f6;
}
.caselist {
	margin: 0px auto;
}
.caselist .item {
	width: 362px;
	height: 289px;
	background-color: #fff;
	float: left;
	margin: 0px 10px 20px;
}
.caselist .item a {
	color: #333;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.caselist .item a .img {
	width: 350px;
	height: 250px;
	overflow: hidden;
	z-index: 3;
	position: absolute;
	top: 7px;
	left: 7px;
}
.caselist .item a .img img {
	width: 100%;
}
.caselist .item a::before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #959595;
	z-index: 1;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.caselist .item a:hover h3 {
	color: #fff;
}
.caselist .item a:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.caselist .item a:hover::before {
	height: 100%;
}
.caselist h3 {
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	font-weight: 200;
	z-index: 2;
	position: absolute;
	bottom: -5px;
	width: 100%;
	left: 0;
}
.news1 {
	padding: 10px 10px ;
background-color: #f8f8f8;
}
.news1 p a {
	font-size: 17px;
	color: #000000;
}
.news1 p {
	font-size: 15px;
	padding: 9px 5px 3px;
	text-align: left;
	clear: both;
}
.news1 p span {
	float: left;
	font-size: 17px;
	color: #ababab;
}
.news1 p .newsmore {
	float: right;
	color: #4081b5;
}
.box {
	margin-bottom: 10px;
}
.box {
	position: relative;
}
.box ._img01 img {
	width: 100%;
	height: auto;
}
.box ._img01 .rect-8930 {
	padding-bottom: 54.3%;
}
.box {
}
.contact p {
	font-size: 16px;
	color: #333;
}
.box .con1 {
	background-color: rgba(108,111,111,0.5);
	;
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 16.94%;
	transition: all 0.5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.box .con1 .con_t1 {
	font-size: 15px;
	padding: 10px 10px 10px 9px;
	color: #ffffff;
}
.box .con1 .con_c1 {
	font-size: 13px;
	padding: 0 50px 16px 24px;
	line-height: 26px;
	white-space: normal;
	color: #ffffff;
}
.con_t1 span {
	float: right;
	color: #fff;
}
.total {
	position: relative;
	overflow: hidden;
}
.box:hover .con1 {
	width: 100%;
	height: 100%;
	background-color: rgba(65,91,118,0.9);
	opacity: 0.9;
	position: absolute;
	bottom: 0;
	transition: all 0.5s;
	overflow: visible;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.box:hover .con_t1 {
	font-size: 20px;
	padding: 12.39% 0 7.46% 10.667%;
}
.box:hover .con_c1 {
	font-size: 13px;
	padding-left: 10.667%;
	padding-right: 9.33%;
}
.con1 .con1_jt a {
	display: block;
}
.con1 .con1_jt {
	padding-left: 93.5%;
	padding-top: 11.43%;
}
/*ljx1228-2016*/
.con1 .con1_jt {
	position: absolute;
	bottom: 22px;
	display: block;
	transition: all 0.5s ease;
}
.box:hover .con1_jt {
	display: block;
	transition: all 0.5s ease;
}
.postion {
	position: absolute;
	z-index: 0;
}
.p_detail h1 {
	color: #1e4384;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 1px solid #007dc5;
}
.detail_xiangxi p {
	color: #000000;
}
.lianxiwmshs {
	padding: 0px;
	background-color: rgba(111,111,111,1);
	margin-bottom: -7px;
}
.lianxiwmshs p {
	background: none;
	color: 333;
	font-size: 14px;
}
.nav-wrap.navFix {
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid #e3e3e3\9;
	z-index: 99999;
	background-color: rgba(233,234,238,0.9);
	overflow: inherit;
	margin: 0 auto;
	width: 100%;
}
.nav-wrap.navFix ul {
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	width: 82%;
}
.nav-wrap.navFix ul li ul {
	background-color: rgba(233,234,238,0.9);
}
.nav-wrap.navFix ul li a {
	color: #333;
	width: 132px;
	padding: 0px 1px;
}
.yizhans {
	background-color: #f5f5f5;
	padding: 20px 0;
}
.boxx {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.tb-pic a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.tb-pic a img {
	vertical-align: middle;
	height: 333px;
	margin: 0 auto;
	;
	border: 1px solid #CDCDCD;
}
.tb-pic a {
*display:block;
*font-family:Arial;
*line-height:1;
}
.tb-thumb {
	margin: 0 0 0;
	overflow: hidden;
}
.tb-thumb li {
	background: none repeat scroll 0 0 transparent;
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 1px;
}
.tb-thumb li:last-child {
	margin: 0;
}
.tb-s310, .tb-s310 a {
	height: auto;
	width: 96%;
}
.tb-s310, .tb-s310 img {
	max-width: 100%;
}
.tb-s310 a {
*font-size:271px;
}
.tb-s40 a {
*font-size:35px;
}
.tb-s40, .tb-s40 a {
	height: auto;
	width: 96px;
}
.tb-booth {
	position: relative;
	z-index: 1;
}
.tb-thumb .tb-selected a img {
	border: 1px solid #f17b24;
}
.tb-thumb .tb-selected div {
	border: 1px solid #CDCDCD;
}
.tb-thumb li div {
	border: 1px solid #CDCDCD;
}
.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 344px;
	height: 316px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}
.zoomMask {
	position: absolute;
	background: url("../images/mask.png") repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}
.kehuanl{background-position: bottom center;background-size: 100%; }
.profenlei{background-size: 100%;}
.produicts{background-color: #383844;padding: 60px 0;}
.abouus {
	padding: 20px 0 32px;
	overflow: inherit;background-color: #f5f8ff;background-position: top left;   background-size: 100%;
}
.abouus1{width: 100%;overflow: hidden;margin: 0 auto;}

.shu{position: absolute;z-index: 9999;top: -180px;right: 0px;}
.abouus2{;margin-top: 0px;z-index: 9;overflow: inherit;padding: 30px 0 20px;   background: url(../images/aboutbj.jpg) no-repeat;background-size: 100%;}
.abouus h4{text-align: right;}

.fenleip p a{text-align: center;font-size: 17px;font-weight: bold;}
.fenleip p{text-align: center;padding: 2px 0;}
.abxiao p{display: inline-block;float: left;width: 50%;}
.abxiao p img{padding: 15px;}
.so {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px  0;
}
.so input.txt {
    width: 93%;
    height: 40px;
    line-height: 40px;
    border: #ddd 1px solid;
    color: #585a5a;
    padding: 0 64px 0 15px;border-radius: 20px;
}
.so input.search {
    width: 48px;
    height: 48px;
  border-radius: 0px;
    background: url(../images/topbg3.png) no-repeat;
    border: none;
    position: absolute;
    top: 10px;
    right: 1px;
    cursor: pointer;
    transition: 0.3s;
}
.so input.search:hover {
  
}
.fenleip{padding: 3px;}
.seo1 {
    height: 82px;
    background: #f3f9ff;
}
.seo2 p {
    line-height: 82px;
}


.abouss {
	background-color: #ffffff;
	padding: 25px 8px;
	border: 1px solid #c5c5c5;
}

.newseu1 p a {
	color: #ffffff;
}
.case p a {
	font-size: 20px;
	font-weight: bold;

	padding: 10px 0;
}
.navss {
	overflow: inherit;
	margin: 0 auto;
}
.news {
	padding: 30px 0 20px;
	background-size: 100%;
}
.border {
	border: 1px solid #d2d2d2;
	clear: both;
}

.border3 {
	margin-top: 10px;
	border: 10px solid #f1f3f8;
	clear: both;
	padding: 0px 6px;
	;
}
.border2 {
	border: 1px dashed #fff;
	padding: 8px 16px;
	font-size: 18px;
	color: #fff;
}
.gsjutijis p a {
	font-size: 14px;
}
.gsjutijis p span {
	font-size: 17px;
	color: #033f88;
	padding-right: 10px;
	border-right: 1px dashed #023f88;
	margin-right: 10px;
}
.gsjutijis {
	padding: 6px 0px;
}

.aboutmore:hover {
}
.pro_img {
	transition: all 0.8s;
}
.pro_img a p {
	text-align: center;
	overflow: hidden;
}
.chenggonganli {
	background-color: #ffffff;
	padding: 30px 0;
}
.pro_img:hover a p {
	background-color: #3f90d1;
	color: #fff;
}
.scroll {
	height: 25px;
	width: 70%;
	margin: 5px auto 0 15px;
	float: left;
	text-align: left;
	overflow: hidden
}
.scroll p {
	line-height: 20px;
	padding: 5px 0;
}
.scroll p a {
	color: #333;
	text-decoration: none;
	font-size: 14px;
}
.scroll p a:hover {
	color: #e94709;
}
.scroll p span {
	float: right;
	width: 10%;
	font-size: 13px;
	color: #666;
}
.ny_list {
	padding: 13px 0 36px 0;
}
.ny_list li {
	float: left;
	list-style: none;
}
.ny_list li a {
	padding: 4px 7px;
	margin: 3px 2px;
	border-bottom: 1px solid #fff;
	font-size: 14px;
}
.shijiansj {
	color: #bababa;
	border-right: 1px solid #e2e2e2;
}
.shijiansj p {
	color: #bababa;
}
.xinwenjishaod {
	margin-bottom: 15px;
}
.ny_list li a:hover, .ny_list li.active a {
	border-bottom: 1px solid #ff6200;
	color: #ff6200
}
.shijian {
	text-align: center;
	line-height: 25px;
	padding: 13px 0 10px;
	transition: all .8s ease 0s;
	background-color: #23255a;
	width: 180px;position: absolute;top: 280px;left: 33%;
}
.shijian p {
	line-height: 23px;
	color: #999999;
	font-size: 13px;
	text-align: center
}
.shijian p span {
	font-size: 16px;color: #fff;
	
}

.newszuo{position: relative;}
.newsxiao{position: relative;    height: 176px;}
.newsxiao p{text-align: left;color: #b6b6b6;padding: 2px 0;}
.newsxiao p i{font-size: 16px;color: #ffbe04;padding-right: 10px;}
.chache{background-color: #f5f5f5;padding: 60px 0;}
.shijianhover {
	border: 1px solid #e8e8e8;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.shijianhover33:first-child {
	border-left: none;
}
.shijianhover33:nth-child(2) {
	border-right: none;
}
.top_nav {
	width: 100% !important;
	margin-bottom: 0px;
	height: 46px;
	line-height: 45px;
	border-bottom: 1px solid #acacac;
}
.top_nav .r {
padding: 0 0px;
	height: 46px;
	font-size: 19px;
	line-height: 44px;
	border-radius: 0px;
	display: block;
	float: left;
	margin-right: 5px;
	border-bottom: 1px solid #ff6305;
}
.top_nav .r a {


	color: #ff6305;
	margin-right: 9px;font-size: 16px;
}
.top_nav .r img {
	width: 26px;
	padding-right: 5px;
}
.top_nav a {
	color: #222;
}
.top_nav a:hover {
	color: #222;
}
.top_nav .l {
	padding: 0 0px;
	height: 46px;
	font-size: 19px;
	line-height: 44px;
	border-radius: 0px;
	display: block;
	float: left;
	margin-right: 5px;
	border-bottom: 1px solid #019138;
	color: #019138;
}
.top_nav .l span {
	font-weight: normal;
	font-size: 15px;
	color: #9d9fb1;
}
.top_nav .l a {
}
.top_nav .l:hover {
}
.top_nav .l:hover a {
}
.gongsijieshao {
	margin-top: 0px;
	background-size: cover;
	height: auto;
}
.gongsijieshao p a {
	padding-bottom: 0px;
	font-size: 16px;
	color: #ec6844;
}
.art-content {
	padding: 10px;
}
.cp_rm ul li {
	height: 389px;
	position: relative;
	line-height: 0;
	padding: 5px 0 0;
	overflow: hidden;
}
.cp_rm ul li img {
	width: 100%;
	height: 489px;
}
.cp_rm ul li span {
	font-size: 16px;
	color: #fff;
	width: 100%;
	display: block;
	text-align: center;
	height: 40px;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/cp_picbg.png) repeat;
	overflow: hidden;
}
.pro_img {
	transition: all 0.8s;
	padding: 0px;
}
.pro_img a img {
	display: block;
	transition: all 0.8s;
	width: auto;
	margin: 0 auto;
}
.pro_img p a {
	font-size: 17px;
	color: #5b5e66;
}
.pro_img p {
	padding: 16px 0px 22px 0px;
	;
	overflow: hidden;
	color: #5b5e66;
	background-color: #7dbe64;
	text-align: center;
	height: 60px;
	font-size: 16px;
	color: #fff;
}
.moreees {
	padding: 5px 15px;
	text-align: center;
	border: 1px solid #b7b7b7;
}
.moreees a {
	color: #b7b7b7;
	font-size: 16px;
}
.h_tonglan dl {
	width: 938px;
	height: 32px;
	_height: 32px;
	background: url(/images/huixian2.gif) repeat-x top;
	margin-left: 10px;
	margin-right: 10px;
}
.h_tonglan dl dd {
	float: left;
	width: 196px;
	height: 32px;
	_height: 32px;
	background: url(/image/lvx2.gif) repeat-x top;
}
.h_tonglan dl dt {
	float: right;
	width: 700px;
	text-align: right;
	line-height: 25px;
	min-height: 25px;
	color: #6A6A6A;
}
.h_tonglan ul {
	overflow: hidden;
}
.h190px {
	overflow: hidden;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 3px;
	padding-top: 14px;
}
.h190px img {
	width: 938px;
	border: 0px;
}
.h218px {
	width: 1118px;
	padding-top: 0px;
	margin: 0 auto;
	background-size: cover;
}
.h218px th {
	padding-top: 125px;
}
.h218px td {
	overflow: hidden;
}

.yunu-title-3 span {
	display: inline-block;
	vertical-align: top;
	background: #0066d9;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	padding: 0 15px;
}
.yunu-title-4 {
	padding: 50px 0 40px;
	text-align: center;
}

@media (max-width:767px) {
.yunu-title-4 {
	display: none;
}
}
.yunu-title-4 .t {
	position: relative;
	display: block;
	font-size: 50px;
}
.yunu-title-4 .t:before {
	content: "";
	width: 13%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 28px;
	left: 34%;
	z-index: 0;
}
.yunu-title-4 .t:after {
	content: "";
	width: 13%;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 28px;
	right: 34%;
	z-index: 0;
}

.yunu-title-4 .b {
	position: relative;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #1c71a7;
	padding-top: 9px;margin-bottom: 10px;
}
.yunu-title-4 .b:before {
	content: "";
	width: 7%;
	border-top: 1px solid #1c71a7;
	position: absolute;
	top: 24px;
	left: 34%;
	z-index: 0;
}
.yunu-title-4 .b:after {
	content: "";
	width: 7%;
	border-top: 1px solid #1c71a7;
	position: absolute;
	top: 24px;
	right: 34%;
	z-index: 0;
}
.headss h2{    margin-top: 22px;
    margin-bottom: 11px;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #37474f;
    opacity: 1;
    transform: translate(0,100%);text-align: center;
    font-family: Arial;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;}
.headss p{width: 38px;
    height: 2px;
    background: #00c400;
    opacity: 1;
    transform: translate(0,100%);text-align: center;
    margin: 0 auto;}

.lefttubiao {
	position: absolute;
	margin-top: 80px;
	;
	left: 0px;display: inline-block;
    vertical-align: middle;
    cursor: pointer;
   
    width: 30px;
    height: 50px;
    line-height: 50px;

    font-size: 29px;
    text-align: center;
    color: #fff;
    font-weight: 200;
    transition: background-color .5s ease 0s,color .5s ease 0s;
    z-index: 9;border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.righttubiao {
	position: absolute;
	margin-top: 105px;
	;
	right: 0px;
	top: 0px;    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;display: inline-block;
    vertical-align: middle;
    cursor: pointer;
   
    width: 30px;
    height: 50px;
    line-height: 50px;

    font-size: 29px;
    text-align: center;
    color: #fff;
    font-weight: 200;
    transition: background-color .5s ease 0s,color .5s ease 0s;
    z-index: 9;
}
.anlizhsndss {
	padding: 20px 0;
	position: relative;
	background-size: cover;
}
* {
	padding: 0px;
	margin: 0px;
}
html {
	overflow-y: scroll;
}
body {
	margin: 0;
	padding: 0px;
	font-size: 12px;
	
	background-color: #F2F2F2;
	color: #252525;
}
div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, blockquote, p {
	padding: 0;
	margin: 0;
}
table, td, tr, th {
	font-size: 12px;
}
li {
	list-style-type: none;
}
ol, ul {
	list-style: none;
}
/* link css */
a {
	color: #252525;
	text-decoration: none;
}
a:hover {
	color: #058F04;
	text-decoration: none;
}
a:active {
	color: #058F04;
	text-decoration: none;
}
.tansuogengd:hover {
	background-color: #0677fb;
}
.newslistsy {
	padding: 5px;
	margin-bottom: 5px;
	background: url(../images/xiaoquan.png) no-repeat 0px 12px;
	padding-left: 15px;
}
.newslistsy p a {
	font-size: 14px;
	margin-bottom: 5px;
}
.newslistsy p {
	font-size: 14px;
	line-height: 30px;
}
.newslistsy span {
	float: right;
}
.newslistsy:hover .modalmore {
	color: #5695f9;
}
.yyhys {
	background: url(../images/yyhybj.png) no-repeat;
	background-size: cover;
}
.wid874 {
	width: 814px;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: .9375rem;
}
.wid874 img {
	max-width: 100%;
}
.widget-body p{color: #fff;}
.widget-body p i{font-size: 19px;color: #fb5a0f;}
.case { clear: both; padding: 0px 0 0px;width: 100%; }
.case .container {  }
.case .title { overflow: hidden; text-align: center; margin: 10px 0; }
.case .title.h2 { font-size: 24px; color: #464646; font-weight: bold; }
.case .title.h2 a { color: #f38200; }
.case .title em { color: #999;display: block;font-family: 'Courier New';font-size: 18px;line-height: 139%;letter-spacing: 2px;}
.case .cont { padding-top: 10px; }
.case .cont .case-img { overflow: hidden; position: relative; }
.case .cont .case-img .bd .prev, .case .cont .case-img .bd .next { display: block; top: 60px; cursor: pointer; position: relative; z-index: 20; height: 60px; text-align: center; width: 30px; color: #fff; line-height: 60px; font-size: 18px; background: #2DB5D9; }
.case .cont .case-img .bd .prev { float: right; right: 0px; }
.case .cont .case-img .bd .next { float: left; left: 0px; }
.case .cont .case-img .bd .tempWrap {width: 100%; }
.case .cont .case-img .bd ul { overflow: hidden; zoom: 1; }
.case .cont .case-img .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; margin-left: 3px;width: 193px; }
.case .cont .case-img .bd ul li .pic { text-align: center; padding: 6px; display: block;text-align: center; }
.case .cont .case-img .bd ul li .pic img { width: 190px; display: block; border: 1px solid #ccc; padding: 5px;height: auto; }
.case .cont .case-img .bd ul li p a{font-size: 15px;font-weight: normal;}
.case .cont .case-img .bd ul li p{text-align: center;}

.tit{font-size: 14px;text-align: center;color: #01193e;}
.wid326 {
	width: 326px;
	float: left;
	position: relative;
	min-height: 1px;
}
.in_case-list {
}
.in_case-list ul li {
	float: left;
    width: 32%;
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding: 5px;
    text-align: center;border: 1px solid#eee;margin-bottom: 20px;margin-right: 12px;
}
.in_case-list ul li p{background-color: #ffbe04;color: #fff;}
.in_case-list ul li:hover{}
.in_case-list ul li a {
	display: block;
	position: relative;
	overflow: hidden;
}
.in_case-list ul li h6 {
	text-align: center;
}
.in_case-list ul li a h6 img {
	width: auto;
	height: 200px;
	margin: 0 auto;
}
.in_case-list ul li a .in_case-listtext {
	position: absolute;
	left: 0px;
	bottom: 30%;
	width: 100%;
	z-index: 2;
	display: none;
	text-align: center;
}
.in_case-list ul li a:hover .in_case-listtext {
	display: block;
}
.in_case-list ul li a .in_case-listtext h4 {
	font-size: 14px;
	color: #fff;
	height: 100%;
	overflow: hidden;
	padding: 0px 30px;
	text-align: center;
	color: #fff;
}
.in_case-list ul li a .in_case-listtext h4 i {
	color: #fff;
	font-size: 19px;
	border: 1px solid #fff;
	padding: 0px 42px;
}
.in_case-list ul li a .in_case-listtext h4 strong {
	font-size: 18px;
	display: block;
	font-weight: normal;
	line-height: 26px;
	padding-bottom: 8px;
	text-align: center;
	color: #fff;
}
.in_case-list ul li a .in_case-listtext h5 {
	width: 140px;
	height: 32px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 32px;
	color: #fff;
	font-size: 14px;
	margin: 30px auto 0px;
}
.in_case-list ul li a .in_case-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	bottom: 0px;
	background-color: rgba(163,196,222,0.9);
	z-index: 1;
	display: none;
}
.in_case-list ul li a:hover .in_case-bg {
	display: block;
}
.in_case-more {
	padding: 30px 0px 60px 0px;
}
.in_case-more a {
	display: block;
	margin: 0px auto;
	width: 280px;
}
.in_case-more a img {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0px auto;
}
.in_case-more a span {
	display: block;
	text-align: center;
	letter-spacing: 16px;
	font-size: 24px;
	color: #a0a0a0;
	line-height: 64px;
	font-family: 'MyriadPro-LightCond';
}
.gongchengal {
	text-align: center;
}
.page-btn {
	background-color: #ffbe04;
	border: none;
	padding: 7px 20px;
	color: #fff;
	border-radius: 4px;
	margin-top: 30px;
}
.pro_lists {;;
	padding: 10px;
}
.index_faq {
	border-bottom: 1px dashed #cccccc;
}
.gengduio {
}
.product_h1 {
	margin: 0px;
	line-height: 24px;
	font-size: 16px;
	color: #e7141a;
	padding-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
}
.product_info {
	list-style: none;
	padding: 0px;
	margin-top: 10px;
}
.product_info li {
	line-height: 24px;
	padding-bottom: 12px;
	font-size: 14px;
}
.gengduio p {
	text-align: center;
	padding-bottom: 8px;
}
.gengduio p a {
	text-align: center;
	color: #fff;
	padding: 7px 31px 8px 29px;
	background-color: #0079d1;
}
.lianmxiwmk {
	border: 2px solid #2a2a2a;
}
.lianmxiwmk p {
	font-size: 14px;
	line-height: 26px;
}
.pro_list_dl {
	border: 3px solid #2a2a2a;
}
.pro_list {
	background-color: #fff;
	padding: 20px 0;
}
.n_nbgh a {
	font-size: 16px;
	font-weight: bold;
}
.zuoceanli {
	background-color: #4d7fb0;
	padding: 10px;
	position: relative;
	z-index: 1;
}
.zuoceanli img {
	position: relative;
	z-index: 1;
}
.yiji li a {
	border-radius: 15px;
	padding: 1px 8px 1px 20px;
	font-size: 14px;
}
.yiji li ul li {
	margin-left: 10px;
	padding: 6px 1px 6px 1px;
	border-bottom: 1px dashed #999999;
	list-style: none;
}
.yiji li ul li:hover {
	background-color: #d4cfc7;
}
.jieshaoxia {
	padding-top: 23px;
	padding-bottom: 18px;
	margin-top: 10px;
}
.biaotil {
	text-align: center;

	z-index: 976;padding: 30px 0;
}
.biaotil h3 {
	font-size: 31px;
	font-weight: normal;
	padding-bottom: 15px;
	text-align: center;
}
.biaotil p a {
	font-size: 25px;
	color: #4e4d4d;font-weight: 200;text-transform:uppercase
}
.biaotil p {
	text-align: center;padding: 5px 0;
	text-transform:uppercase
}
.yewufany{padding: 35px 0;}
.biaotil h4 a{font-size: 22px;font-weight: 400;text-align: center;padding: 0px 0;font-weight: bold;display: inline-block;}
.biaotil{padding: 35px 0;}
.biaotil h3 span{font-size: 31px;color: #ff4900;font-weight: bold;}
.biaotil p{font-size: 15px;color: #4d4d4d;padding: 10px;text-align: center;}
.fuwu{background-color: #fff;padding: 30px 0;z-index: 9999;}
.fuwuxiao{background-color: #fff;text-align: center;}
.fuwuxiao p a{border-radius: 5px;text-align: center;}
.fuwuxiao p{font-size: 13px;
    color: #4e4d4d;
    padding: 6px 13px;text-align: center;}

.fuwuxiao img{margin: 0 auto;}


.moregengd{width: 190px;margin: 20px auto;clear: both;}

.moregengd a{border: 1px solid#000;border-radius: 15px;padding: 7px 25px;}
.moregengd a i{padding-left: 10px;}


.coolbg {
	background-size: 100%;
	width: 132px;
	height: 39px;background-color: #B82D32;color: #fff;float: left;margin-right: 15px;
}
.coolbgg {
	background-size: 100%;
	width: 132px;
	height: 39px;
}
.imgimg {
	width: 100%;
}
.newsList li {
	line-height: 2.5em;
	height: 45px;
	padding-bottom: 14px;
	clear: both;
	padding-top: 16px;
	border-bottom: 1px solid#333;
	padding-left: 0px;
}
.newsList li h2 {
	float: left;
}
.newsList li span {
	float: right;
}
.newsList li i {
	margin-right: 6px;
}
.pro_a {
	display: inline-block;
}
.pro_a {
	background-color: #fff;
	border: 1px solid #f9f9f9;
	overflow: hidden;
}
.pro_a:hover {
	border: 1px solid #d40001;
}
.pro_a img {
	width: 100%;
	cursor: pointer;
	transition: all 0.6s;
	height: 184px;
}
.pro_a:hover img {
	transform: scale(1.1);
}
.pro_a p {
	line-height: 36px;
	text-align: center;
	height: 36px;
	overflow: hidden;
	font-size: 14px;
}
.lxwm .tit {
	color: #fff;
	background: #cc0000;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	overflow: hidden;
}
.newsxiaode{padding: 10px 0;border-bottom: 1px solid#c5c5c5;background-color: #fff;}
.newsxiaode p{padding-left: 10px;}
.newsxiaode p span{float: right;}


.newshover {
	margin-bottom: 15px;
	overflow: hidden;background: url(../images/hot1.png) no-repeat;background-position: right center;padding-right: 30px;padding-right: 70px;border-bottom: 2px solid#f2f2f2;
}
.newshover:hover{background: url(../images/hot2.png) no-repeat;background-position: right center;}
.newsmore  {
	display: block;
	overflow: hidden;border-radius: 30px;padding: 8px 12px;width: 100px;text-align: center;float: right;
}

.newshover img {
	transition: all 0.8s;
}
.newshover:hover img {
	transform: scale(1.1);
}
.menu_list {
	margin: 0 auto;
}
.menu_head {
	height: 47px;
	line-height: 47px;
	padding-left: 38px;
	font-size: 14px;
	color: #525252;
	cursor: pointer;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #F1F1F1;
	position: relative;
	margin: 0px;
	font-weight: bold;
	background: #fff url(../images/pro_left.png) 15px 16px no-repeat;
}
.menu_list .current {
	background: #fff url(../images/pro_down.png) 15px 16px no-repeat;
	border-bottom: 1px solid #fff;
}
.menu_body {
	line-height: 38px;
	border-left: 1px solid #e1e1e1;
	backguound: #fff;
	border-right: 1px solid #e1e1e1;
}
.menu_body a {
	height: 38px;
	line-height: 38px;
	padding-left: 28px;
	color: #777777;
	background: #fff;
	text-decoration: none;
	display: inline-block;
	width: 47%;
	overflow: hidden;
}
.menu_body a:hover {
	text-decoration: none;
}
.pro_list_dl {
}
.pro_list_dl dd {
	line-height: 36px;
	margin: 0 20px;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
	transition: all 0.3s ease;
}
.pro_list_dl dd:hover {
	color: #2972d7;
}
.pro_list_dl dd:hover a {
	color: #2972d7;
}
.about_btn {
	color: #6880b0
}
.pro_bg {
	overflow: hidden;
	border-bottom: 3px solid #4d7fb0;
	padding-bottom: 15px;
}
.pro_h2 {
	margin: 10px 0px 10px 10px;
	line-height: 28px;
	padding-left: 1px;
}
.pro_h2 a {
	color: #000000;
	font-size: 1.2rem;
}
.pro_span {
	margin: 10px 10px 10px 0px;
	line-height: 28px;
	text-align: right;
}
.pro_span a {
	color: #000000;
	font-size: 1rem;
}
.index_pro_left {
	float: right;
	right: 0px;
}
.index_pro_left ul li {
	float: left;
	background-color: #a9c9be;
	margin: 0px 10px;
	padding: 0px 15px;
	height: 110px;
	font-size: 15px;
	padding-top: 19px;
	padding-bottom: 20px;
	text-align: center;
	color: #fff;
}
.index_pro_left ul li p {
	text-align: center;
}
.pro_list {
	padding: 0 0px;
	border-top: none;
	overflow: hidden;
}
.pro_news {
	overflow: hidden;
}
.pro_h3 {
	margin: 10px 0px 10px 6px;
	line-height: 17px;
	border-left: 5px solid #fff;
}
.pro_spans {
	margin: 10px 10px 10px 0px;
	line-height: 16px;
	text-align: right;
}
.pro_spans a {
	color: #fff;
	font-size: 1rem;
}
.pro_spansss {
	text-align: right;
	padding-top: 8px;
}
.header_top {
	height: 35px;
	line-height: 33px;
	font-size: 15px;
	padding-top: 4px;
	border-bottom: 1px solid #959595;
}
.wangzadt a {
	color: #333;
}
.headerss {
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 9999;
	position: absolute;
}
.yunu-infocontent-title h1{   
    font-family: "Microsoft Yahei";
    line-height: 28px;
    word-break: break-all;
    text-decoration: none;border-bottom: 1px solid #eee;   font-size: 18px;
    color: #313333;
    font-weight: bold;
    padding-bottom: 10px;}
.cpfr {
	width: 272px;
	float: right;
	text-align: left;
}
.Fleveltit {
	border-left: 7px solid #e7141a;
	background: #333;
	color: #fff;
	padding: 11px 0 11px 16px;
	margin-bottom: 2px;
}
.cpfr ul li {
	margin-bottom: 2px;
	text-align: left;
}
.cpfr ul li a {
	display: block;
	color: #333;
	padding: 14px 0 14px 15%;
	background: #f2f2f2 url(../images/pic21.png) no-repeat 8% center;
}
.cpfr ul li a:hover {
	color: #e7141a;
	background: #f2f2f2 url(../images/pic22.png) no-repeat 8% center
}
.main {
	margin: 0 auto;
	padding: 10px 0;
}
.mainss{width: 100%;margin: 0 auto;overflow: hidden;}
.siderbar {
	float: left;
	width: 229px;
}
.clear {
	clear: both;
}
.work_img {
	position: relative;
	padding-left: 12px;
	padding-top: 32px;
}
.work_img-btn {
	display: inline-block;
	width: 53px;
	height: 84px;
	position: absolute;
	z-index: 999;
	top: 87px;
	background: url(../images/index_49.png) no-repeat;
}
.work_img .prev {
	left: -40px;
}
.work_img .next {
	right: -40px;
	background: url(../images/index_52.png) no-repeat;
}
.work_img li {
	list-style: none;
}
.img-thumbnail {
	display: inline-block;
	height: auto;
	padding: .25rem;
	line-height: 1.5;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: .25rem;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.contact{background:url(../images/in_contact-bg.png) center bottom no-repeat;    background-size: 100%;}
.contact {
	margin-top: 0px;
}
.contact_right {
    width: 750px;
}
.contact_left h4 {
	font-size: 22px;
	line-height: 32px;
}
.contact_left h3 {
	font-size: 18px;
	
	line-height: 30px;
	font-weight: normal;
	margin-top: 40px;
}
.contact_left .in_contact-b {
	padding-top: 60px;
}
.contact_right dl {
	margin-bottom: 20px;
}
.contact_right dl dt {
	font-size: 15px;
	line-height: 44px;
}
.contact_right dl dd {
	font-size: 18px;
}/*-----新闻内页页面----*/
.news_main {
	width: 100%;
	float: left;
	margin: 0 auto 30px;
	text-align: left;
	background: #FFF;
	padding: 28px;
	
}
.news_list {
	margin: 0 auto;
	width: 100%;
	float: left;
}
.news_list li {
	width: 100%;
	background: #FFF;
	float: left;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	padding: 23px 2.5%;
	margin-bottom: 20px;
	box-shadow: 0 2px 3px 1px #ccc;
}
.news_list li .news_img {
	float: left;
	width: 300px;
}
.news_list li .mindd {
	float: left;
	width: 650px;
	margin: 0 0 0 40px
}
.news_list li .rht_time {
	float: right;
	width: 90px;
	margin: 40px 0 0 0;
}
.news_list li .rht_time span {
	font-size: 55px;
	line-height: 55px;
	border-bottom: 1px solid #1a1a1a;
	color: #1a1a1a;
}
.news_list li .rht_time p {
	display: block;
	font-size: 18px;
	padding-top: 10px;
}
.news_list li .news_title {
	float: right;
	width: 100%;
	margin: 0 0 10px;
	overflow: hidden;
}
.news_list li .news_title a {
	width: 100%;
	color: #333333;
	font-size: 20px;
	line-height: 40px;
	max-height: 2.6em;
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news_list li .news_title a:hover {
	color: #1361aa;
}
.news_list li .news_brief {
	float: right;
	width: 100%;
	font-size: 13px;
	color: #898888;
	line-height: 24px;
	padding-top: 5px;
	text-align: justify;
	max-height: 48px;
	overflow: hidden;
}
.news_list li .news_btm {
	float: right;
	width: 100%;
	margin: 40px 0 0 0;
}
.news_list li .news_br {
	float: left;
}
.news_br .bdsharebuttonbox a {
	display: inline-block;
	padding: 10px 0 0 0;
}
.news_br .bdsharebuttonbox a.qq {
	background: url(../images/icons.png) no-repeat 0 5px;
	width: 22px;
	height: 31px;
	display: block
}
.news_br .bdsharebuttonbox a.weibo {
	background: url(../images/icons.png) no-repeat 0 -21px;
	width: 22px;
	height: 31px;
}
.news_br .bdsharebuttonbox a.weixin {
	background: url(../images/icons.png) no-repeat 0 -47px;
	width: 22px;
	height: 31px;
}
.news_br {
	vertical-align: bottom;
	line-height: 33px;
	float: right;
	width: 350px;
}
.news_bl, .news_br .bdsharebuttonbox {
	float: right;    width: 260px;
}
.news_br .bdsharebuttonbox .share, .news_br .bdsharebuttonbox a {
	float: left;
	margin-left: 5px;
	font-size: 14px;
	color: #999;
}
.read_num {
	padding-right: 20px;
}
.news_img {
	float: left;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
}
.news_img img {
	width: 100%;
	display: table;
	transition: 1s transform;
	-webkit-transform: 1s transform;
	-moz-transform: 1s transform
}
.news_img img:hover {
	transform: scale(1.2, 1.2);
}
.nei_about_weizhi {
	padding: 20px 0;
}



.sdcnav li .on {
	color: #fff;
	background: #00aa98;
}
.sdcnav li a {
	display: block;
	border: 1px solid #ddd;
	border-radius: 20px;
	padding: 0 15px;
	line-height: 30px;
	margin-bottom: 15px;
	font-size: 15px;
}
.sdcnav li a:hover {
	color: #fff;
	background: #ed0000;
	text-decoration: none
}
.sdcnav li:last-child a {
	margin-bottom: 0;
}
.footer {
	padding: 24px 0;background-color: #43413f;
}
.footer_dl {
	overflow: hidden;
	background-color: #1c1c1c;
	padding: 20px 0;
}

.width20 h4{font-size: 25px;color: #fff;}



.footer_dl p {
	text-align: center;
	color: #ffffff;
}
.footer_dl dd {
	float: left;
	line-height: 1.8rem;
	border-right: 2px solid #fff;
	padding: 0 41px;
}
.footer_dl dd a {
	color: #fff;
	font-size: 16px;
}
.p2_bggg {
	padding: 15px 0 0px 0;
	overflow: hidden;
	background-size: cover;

}
.youshi{background: url(../images/youshibj.jpg);}

.youshi span {
}
.youshixiao h4{color: #ce0b14;font-size: 21px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed#ce0b14;}
.youshi p a {
	font-size: 16px;
	font-weight: bold;
}
.biaotil h4{text-align: center;}
.youshixiao {
	margin-bottom: 25px;
	text-align: left;
	height: auto;
}
.youshixiao p {
	text-align: left;
	padding: 1px 0px;
	font-size: 16px;color: #000;
}
.youshixiao p img{
  -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition:1.5s;
}
.youshixiao:hover p img {
	
}

.youshimore {
	margin: 0 auto;
	padding: 10px 20px;
	border: 1px solid #fff;
	font-size: 15px;
	display: none;
}
.abouyoum{padding-top: 35px;}
.abouyoum p{color: #fff;font-size: 16px;font-weight: bold;text-align: right;}
.youshixiao:hover .ryrxss {
	display: none;
}
.youshixiao:hover .youshimore {
	display: block;
}
.n_txt {
	font-size: 12px;
}
.n_txt p {
	font-size: 14px;
}
.n_nbgh {
	font-size: 16px;
}
.bgfff {
	
	overflow: hidden;
}
.left {
	width: 870px;
	
	padding-bottom: 20px;
	overflow: hidden;
}
.yema {
	width: 100%;
	line-height: 20px;
	padding: 10px 0;
	margin: 15px auto;text-align: center;float: right;
}
.pageNavi {
	text-align: center;
}
.wp-pagenavi {
	width: 100%;
}
.wp-pagenavi li {
	line-height: 28px;
	float: left;
	list-style: none;
	margin: 0 6px;
	height: 20px;
	clear: none;
}
.wp-pagenavi li.thisclass {
	color: #C00;
}
.pages ul li {
	float: left;
	padding-left: 8px;
}
.pages ul li a {
	width: 24px;
	height: 24px;
	display: block;
	background: #b0afb1;
	line-height: 24px;
	text-align: center;
	color: #FFF;
}
.pages {
	padding-top: 50px;
	height: 30px;
	padding-right: 5px;
}
.pages ul li a:hover, .pages ul li a.hover {
	background: #e40412;
}
.pages ul li a.prev, .pages ul li a.next {
	width: 36px;
	height: 20px;
	display: block;
	background: url(../images/bg23.png) no-repeat;
	margin-top: 2px;
	text-indent: -20000em;
}
.pages ul li a.prev {
	background-position: 0 0;
}
.pages ul li a.prev:hover {
	background-position: 0 -20px;
}
.pages ul li a.next {
	background-position: -36px 0;
}
.pages ul li a.next:hover {
	background-position: -36px -20px;
}
.all_bg {
	background: url(../images/wh_bg.jpg) repeat;
}
.bgfff {
	background-color: rgba(255,255,255,0.5);
	overflow: hidden;
}
.pic_list {
	list-style: none;
	overflow: hidden;
}
.pic_list li {
	list-style: none;
}
.pic_list .box a {
	cursor: pointer;
}

.pic_list .tit {
	font-size: 14px;
	font-weight: normal;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 5%;
	text-align: center;
	color: #fff;
	background: #003C9D;
}
.pic_list ._mask {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	display: none\9;
}
.pic_list ._mask .cover {
	display: block;
	padding: 10% 10% 3%;
	color: #fff;
}
.pic_list ._mask .cover ._title {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: normal;
}
.pic_list ._mask .cover .p {
	font-size: 14px;
	line-height: 22px;
	height: 88px;
	overflow-y: hidden;
}
.pic_list ._mask .m_detail {
	border-color: #fff;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 15%;
}
.pic_list li {
	margin-bottom: 30px;
}
.pic_list .box:hover .tit {
	opacity: 0;
	filter: alpha(opacity=0);
}
.pic_list .box:hover ._mask {
	opacity: 1;
	display: block\9;
}
.rect-716 {
	padding-bottom: 71.6%;
}
*[class*="rect-"] {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.pic_list .box:hover ._mask {
	opacity: 1;
	display: block\9;
}
.pic_list ._mask {
	background: url(../images/red.8.png) repeat;
}
.m_detail {
	display: inline-block;
	font-size: 14px;
	text-align: center;
	border: 1px #1D1D1B solid;
	min-width: 60px;
	height: 40px;
	line-height: 40px;
	z-index: 1;
	overflow: hidden;
	position: relative;
	padding: 0 20px;
	transform: translateZ(100px);
	-webkit-transform: translateZ(100px);
}
.pic_list ._mask .m_detail {
	border-color: #fff;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 15%;
}
.pic_list ._mask .m_detail:hover {
	border-color: #fff;
	color: #A9132A;
}
.m_detail, .m_detail:before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.pic_list ._mask .m_detail:hover {
	border-color: #A5132A;
	background: #fff;
	color: #a5132a;
}
.news_list .el {
	background: #8E9093;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news_list, .news_list li {
	list-style: none;
}
.news_list .tit span {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.1rem;
	overflow: hidden;
}
.news_list .tit span.date {
	margin-top: 1px;
	font-size: 0.9rem;
}
.news_list .tit, .news_list ._mask {
	background-color: rgba(163,163,163,0.8);
}
.box:hover .tit {
	background-color: rgba(163,10,10,0.8);
}
.news_list .tit {
	font-size: 14px;
	font-weight: normal;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 5%;
	text-align: center;
	color: #fff;
}
.news_list img {
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
}
.news_list img:hover {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.btn01 {
	background: #cc0000;
	border-radius: 15px;
	color: #fff;
}
.btn02 {
	background: #333;
	border-radius: 15px;
	color: #fff;
}
.newsdl dd a.nnmore {
	margin: 30px 0px 0px;
}
.newsLister {
	background: #2E2E2E;
}
.newslist {
	width: 100%;
	height: auto;
}
.newslist li {
	border-bottom: 1px solid #666;
	padding: 28px 0px;
	overflow: hidden;
}
.newslist li .n_img {
	margin-left: 25px;
	width: 205px;
	height: auto;
	-moz-box-shadow: 0 5px 10px #333;
	-webkit-box-shadow: 0 5px 10px #333;
	box-shadow: 0 5px 10px #333;
	float: left;
}
.newslist li .n_img img {
	width: 100%;
	height: 100%;
}
.newslist li .n_txt {
	width: 580px;
	margin-right: 40px;
	position: relative;
	height: auto;
	float: right;
}
.newslist li .n_txt h2 {
	margin-bottom: 10px;
}
.newslist li .n_txt span {
	margin: 10px 0px 25px;
}
.newslist li .n_txt a {
	font-size: 1.1rem;
	color: #666;
}
.newslist li .n_txt a.nnmore {
	margin-top: 10px;
	margin-left: 0px;
	font-size: 1.1rem;
	color: #333;
	text-decoration: none;
}
a.nnmore {
	display: block;
	margin-top: 5px;
	text-decoration: underline;
	padding-left: 8px;
	color: #646464;
}
.news_cont {
	background: #fff;
	margin: 0px 25px 30px;
}
.news_cont h2 {
	font-size: 18px;
	text-align: center;
	border-bottom: 1px dotted #ddd;
	padding: 36px 0 15px;
}
.contents_bon {
	margin: 15px 0;
	line-height: 30px;
	text-align: center;
}
.contents_bon span {
	display: inline-block;
	margin: 5px 15px;
	color: #888;
}
.contents_bon span a {
	color: #888;
}
.contents_bon span * {
	font-style: normal;
}
.contents_bon .contents_date {
	padding-left: 26px;
}
.contents_bon .contents_bj {
	padding-left: 30px;
}
.contents_bon .contents_from {
	padding-left: 32px;
}
.contents_bon .contents_print a {
	display: block;
	padding-left: 20px;
}
.contents_bon .contents_size i {
	padding: 0 5px;
	cursor: pointer;
}
.contents_bon .contents_size i.on {
	color: #C07438;
	font-weight: bold;
}
.news_article {
	line-height: 1.8;
	padding: 10px 10px 50px;
	color: #333;
	font-size: 14px;
}
.news_article img {
	max-width: 100%;
	height: auto
}
.screen_min .news_article img {
	max-width: 950px
}
.close {
	margin: 10px 0;
	border-bottom: 1px dotted #ddd;
	padding: 10px 0;
}
a.c_close {
	padding: 3px 10px;
	display: block;
	text-align: center;
	background: #c8aa77;
	color: #fff;
}
.close .share {
	margin: 0px;
}
a.c_close:hover {
	color: #FFC;
	background: #9c7a41;
}
.updown {
	margin: 10px 0;
	color: #666666;
}
.updown span {
	display: inline-block;
	padding: 5px 0;
}
.updown span a {
	color: #666666;
}
.updown span a:hover {
	color: #C07438;
	text-decoration: underline;
}
.h2_title {
	font-size: 1.4rem;
}
.teams b {
	line-height: 45px;
	display: none;
}
.teams a {
	line-height: 45px;
	margin: 0 8px;
	background: #016aae;
	color: #fff;
	padding: 12px 42px;
	border-radius: 5px;
}
.teams span {
	background: #f08300;
	color: #fff;
	padding: 12px 62px;
	border-radius: 5px;
}
.list-title {
	display: inline-block;
	width: 100%;
	border-top: solid 1px #0186d5;
	border-left: solid 1px #0186d5;
	border-right: solid 1px #0186d5;
	background: #0186d5;
	text-align: center;
	height: 90px;
	line-height: 90px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.one {
	margin: 10px auto;
	height: 300px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.one ul {
	width: 100000px;
	position: absolute;
	left: 0;
} /*ul width的宽不能过小*/
.one ul li {
	display: block;
	float: left;
	margin: 5px;
	position: relative;
}
.one ul li a {
	display: inline-block;
}
.one ul li img {
	display: block;
}
.one ul li a span {
	height: 0;
	background: rgba(0,0,0,0.4);
	position: absolute;
	bottom: 5px;
	color: #fff;
	font-size: 14px;
	display: block;
}
.one ul li a:hover span {
	height: 270px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	transition: all 0.7s;
	display: block;
	padding-top: 20px;
}
.ms-showcase2-template {
	padding-bottom: 155px
}
.ms-showcase2-template .ms-view {
	background: 0 0
}
.ms-showcase2-template .ms-bar {
	background: #000!important
}
.ms-showcase2-template .ms-tabs-vertical-template {
	margin: 0 auto
}
.ms-showcase2-template.ms-dir-v {
	padding-right: 140px;
	padding-bottom: 0!important
}
.ms-showcase2-template .ms-thumb-list.ms-dir-h {
	bottom: -145px;
	width: 100%;
	height: 137px
}
.ms-showcase2-template .ms-thumb-list.ms-dir-v {
	height: 100%;
	width: 130px;
	right: -140px;
	top: 0
}
.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
	width: 127px;
	height: 137px;
	opacity: .5;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms
}
.ms-showcase2-template .ms-thumb-frame {
	cursor: pointer
}
.ms-showcase2-template .ms-thumb-list.ms-dir-h .ms-thumb-frame {
	margin-right: 10px
}
.ms-showcase2-template .ms-thumb-list.ms-dir-v .ms-thumb-frame {
	margin-bottom: 10px
}
.ms-showcase2-template .ms-thumb-list .ms-thumb-frame-selected {
	opacity: 1
}

@media(max-width:400px) {
.ms-showcase2-template .ms-thumb-list.ms-dir-v {
	width: 64px;
	right: -70px
}
.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
	width: 64px;
	height: 69px
}
.ms-showcase2-template {
	padding-bottom: 75px
}
.ms-showcase2-template.ms-dir-v {
	padding-right: 70px
}
}

@media(max-width:200px) {
.ms-showcase2-template .ms-thumb-list {
	display: none
}
.ms-showcase2-template {
	padding-bottom: 0
}
.ms-showcase2-template.ms-dir-v {
	padding-right: 0
}
}
.zuoce {
	width: 0px;
	position: fixed;
	right: 35px;
	height: 90%;
	z-index: 111111111;
	-webkit-align-items: center;
	display: -webkit-flex;
	-webkit-justify-content: center;
	top: 100px;
}
.zuoce .zuoce_nei {
	background: #FFFFFF;
	width: 70px;
	padding: 0 10px;
	border: #ececec solid 1px;
	box-shadow: rgba(0,0,0,0.16) 0 0 20px;
}
.zuoce .zuoce_nei .zuoce_box {
	position: relative;
	border-bottom: #EEEEEE solid 1px;
	width: 50px;
	height: 67px;
}
.zuoce .zuoce_nei .zuoce_box:last-child {
	border-bottom: none;
}
.zuoce .zuoce_nei .zuoce_box .showicon {
}
.zuoce .zuoce_nei .zuoce_box .hideicon {
	display: none;
}
.zuoce .zuoce_nei .zuoce_box:hover .showicon {
	display: none;
}
.zuoce .zuoce_nei .zuoce_box:hover .hideicon {
	display: block;
}
.zuoce .zuoce_nei .zuoce_box .zuoce_box_nei {
	width: 70px;
	height: 67px;
	position: relative;
	z-index: 111111;
	top: -1px;
	right: 0px;
}
.zuoce .zuoce_nei .zuoce_box .zuoce_box_left {
	display: none;
	position: absolute;
	border: #d2d2d2 solid 1px;
	z-index: 1111111;
	background: #FFFFFF;
	font-size: 15px;
	font-weight: bolder;
	min-height: 66px;
	right: 79px;
	min-width: 120px;
}
.zuoce .zuoce_nei .zuoce_box .ff {
	white-space: pre;
	line-height: 64px;
}
.zuoce .zuoce_nei .zuoce_box .zuoce_box_left span {
	margin: 0 15px;
	display: inline-block;
}
.zuoce .zuoce_nei .zuoce_box .zuoce_box_left a {
	margin: 0 15px;
	display: inline-block;
}
.zuoce .zuoce_nei .zuoce_box .ss img {
	max-width: none;
	width: 130px;
	margin: 10px 0;
}
.zuoce .zuoce_nei .zuoce_box .zuoce_box_right {
	z-index: 11111111;
	-webkit-align-items: center;
	display: -webkit-flex;
	-webkit-justify-content: center;
	right: 10px;
	width: 71px;
	border-left: none;
	height: 67px;
	position: absolute;
}
.zuoce .zuoce_nei .dd:hover .zuoce_box_left {
	display: block;
	color: #068cd9;
}
.zuoce .zuoce_nei .dd:hover .zuoce_box_left a {
	color: #068cd9;
}
.zuoce .zuoce_nei .dd:hover .zuoce_box_right {
	background: #FFFFFF;
	border: #d2d2d2 solid 1px;
	border-left: none;
	border-right: #068cd9 solid 2px;
	width: 70px;
	padding-left: 1px;
}
.zuoce .zuoce_nei .dd .zuoce_box_left .bdsharebuttonbox td a {
	margin: 18px 0px;
}
.npagePage.newsl .content .header {
	display: block;
}
.npagePage.newsl .postbody {
	width: 1440px;
	max-width: 90%;
	padding: 36px 14px 0 12px;
	color: #818181;
	border-top: 1px dotted rgba(0, 0, 0, 0.2);
}
.npagePage.newsl .content .header p.title {
	font-family: Arial, "微软雅黑";
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	width: 800px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 16px;
	text-align: center;
	color: #333;
}
.npagePage.newsl .content .header p.subtitle {
	font-family: Arial, "微软雅黑";
	font-size: 12px;
	color: #999;
}
/*服务三级页*/
.default .postbody {
	width: 960px;
	padding: 20px 60px 70px 60px;
	color: #818181;
}
.npagePage.default .content .header {
	display: block;
	padding: 0;
}
.npagePage.default .content .header p.title {
	font-size: 18px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 30px 50px;
	text-align: center;
	color: #444;
}
.npagePage.default .content .header p.title:after {
	position: absolute;
	top: 80px;
	left: 50%;
	width: 30px;
	height: 1px;
	margin-left: -15px;
	content: "";
	background: rgba(0, 0, 0, 0.15);
}
/*案例三级页*/
#projectwrap1 {
	width: 100%;
	margin-top: 0;
}
#projectbody1 {
	float: left;
	width: calc(82% - 160px);
	padding: 0 80px 30px;
	background: #f7f7f7;
}
.content #projectih1 .header {
	position: relative;
	display: block;
	margin-left: 40px;
	padding-top: 30px;
	padding-right: 8%;
}
#projectinfo1 {
	z-index: 10;
	float: right;
	width: 24%;
	min-width: 280px;
	padding: 0;
	border: 0;
	background: transparent;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#projectimages1 img {
	display: block;
	float: none;
	width: auto;
	max-width: 100%;
	margin: 20px auto;
}
#projectinfo1 .header p.title {
	font-family: Arial, "微软雅黑";
	font-size: 20px;
	overflow: visible;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	margin-left: 40px;
	padding-right: 8%;
	color: #333;
}
#projectinfo1 .header p.subtitle {
	font-family: Arial, "微软雅黑";
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
	width: 570px;
	width: 100%;
	height: 16px;
	padding-left: 40px;
	opacity: 0.7;
	color: #b9b9b9;
}
#projectinfo1 .header .title-warp:after {
	position: absolute;
	top: 90px;
	left: -40px;
	width: 2px;
	height: 35px;
	content: "";
	background: #7e7e7e;
}
#projectinfo1 .header .title-warp:before {
	position: absolute;
	z-index: 10;
	top: 106px;
	left: -38px;
	width: 40px;
	height: 1px;
	content: "";
	background: #dedede none repeat scroll 0 0;
}
#projectshow1 {
	z-index: 10;
	float: left;
	width: 22%;
	margin-top: 0;
	padding-left: 2%;
}
#sitecontent {
	height: auto;
	min-height: 800px;
}
#indexPage #mslider {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden
}
#indexPage #mslider .bx-wrapper {
	position: fixed;
	width: 100%;
}
#indexPage #mslider .bx-wrapper .bx-pager {
	bottom: 50px
}
.npagePage .content {
	background-color: #fff;
	position: relative;
	z-index: 1
}
.about-intro {
	margin-top: 60px;
	padding-bottom: 40px;
}
.about-intro-top-left, .about-intro-top-right, .about-intro-bot-left, .about-intro-bot-right {
	float: left;
}
.about-intro-top-left img {
	width: 90%;
	display: block;
	margin: 0 auto;
	box-shadow: 1px 1px 10px #525252;
}
.about-intro-top-right {
	width: 59%;
}
.about-intro-top-right .com-section-header {
	margin-top: 10px;
}
.about-intro-top-con {
	margin-top: 30px;
}
.about-intro-top-con p {
	line-height: 30px;
}
.about-intro-bot {
	margin-top: 40px;
	position: relative;
	overflow: hidden;
}
.about-intro-bot-left {
	background: rgba(239,239,239, 0.6);
	padding: 40px;
	border-top: 3px solid rgba(0, 114, 255, 0.33);
}
.about-intro-bot-left p {
	line-height: 30px;
}
.about-intro-bot-right {
	position: absolute;
	z-index: -1;
}
.about-intro-bot-right img {
	width: 600px;
}
.about-coop {
	margin-top: 40px;
	padding-bottom: 60px;
}
.about-coop .com-section-header {
	text-align: center;
}
.about-coop-con {
	margin-top: 40px;
}
.about-coop-list {
	margin-right: 2%;
	box-shadow: 1px 1px 5px #dddddd;
	float: left;
	height: 216px;
	overflow: hidden;
	text-align: center;
}
.about-coop-list img {
	width: 100%;
	transition: width 1s;
}
.about-coop-list:last-of-type {
	margin-right: 0;
}
.about-coop-list p {
	text-align: center;
	background: rgba(0,0,0,.3);
	color: #ffffff;
	padding: 20px 0;/*
    position:relative;
    top:0*/
}
.about-coop-list:hover img {
	width: 72.5%;
}
/*荣誉资质*/
.about-honor {
	margin-top: 20px;
}
.about-honor .com-section-header {
	text-align: center;
}
.about-honor-con {
	background: rgba(0, 114, 255, 0.2);
	padding: 40px 0;
	margin-top: 40px;
}

@media (min-width:767px) {
.about-intro-top-left {
	width: 40%;
}
.about-intro-top-right {
	width: 59%;
	margin-left: 1%;
}
.about-intro-bot-left {
	width: 60%;
	margin: 50px 0;
}
.about-intro-bot-right {
	width: 40%;
	right: 0;
}
.hl_main5_content1 {
	width: 85%;
}
.hl_main5_content1 ul li {
	width: 240px;
}
.about-coop-list {
	width: 18%;
	margin-top: 0;
}
.about-coop-list:last-of-type {
	display: block;
}
}

@media (min-width:1024px) {
.hl_main5_content1 {
	width: 89%;
}
}

@media (min-width:1200px) {
.hl_main5_content1 {
	width: 90%;
}
}
@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, label, th, td, a, img {
	margin: 0;
	padding: 0;
	outline: 0
}
body {
	font: 12px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';
	color: #333;background-color: #fff;

}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-size: 100%
}
:focus {
	outline: 0
}
ul, ol {
	list-style: none
}
fieldset, img {
	border: 0;
	vertical-align: top
}
address, caption, cite, code, dfn, em, i, th, var, optgroup {
	font-style: normal;
	font-weight: 400
}
abbr, acronym {
	border: 0;
	font-variant: normal
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}
code, kbd, samp, tt {
	font-size: 100%
}
input, button, textarea, select {
*font-size:100%;
	outline: 0
}
textarea {
	resize: none
}
.neiyebniao table{border: 1px solid#eee;}
.neiyebniao table tr{border: 1px solid#eee;}
.neiyebniao table tr td{border: 1px solid#eee;}
table {
	border-collapse: collapse;
	border-spacing: 0
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
.fl {
	float: left
}
.fr {
	float: right
}
a {
	color: #333;
	text-decoration: none;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out
}
a:hover {
	text-decoration: none
}






.header {
	width: 100%;
	
	z-index: 999;
	height: auto;
	padding: 0 30px;overflow: inherit;
}
.header .left {
	width: 42%
}
.header .left a img {

	margin-top: 5px
}
.header .left .img2 {
	display: none
}
.header .nav {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	height: auto;
	line-height: 50px;
	display: block;padding-top: 8px;overflow: inherit;
}
.header .navbar_nav li {
	float: left;
	position: relative;
	display: block
}
.header .navbar_nav li:after {
	content: "";
	width: 0;
	height: 2px;
	background: #ff4500;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .5s ease 0s
}
.header .navbar_nav li:hover:after {
	width: 100%
}
.header .navbar_nav li a {
	text-decoration: none;
	height: 100%;
	padding: 0 25px;
	display: block;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	color: #000;
	font-size: 16px
}
.header .navbar_nav li:hover a {
	color: #ff4500
}
.header .navbar_nav li.dropdown {
	display: inherit;
	position: relative;overflow: inherit;
}
.header .navbar_nav li.dropdown .jt {
	width: 20px;
	height: 20px;
	background: url(i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block
}
.header .navbar_nav li.dropdown .dropdown_menu {
	display: none;
	position: absolute;
	top: 50px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,.38);
	width: 120%;
	left: -10%;height: 150px;overflow: hidden;
}
.header .navbar_nav li.dropdown .dropdown_menu a {
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;    height: 32px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu {
	display: block;
	background: #f3f3f3;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a {
	color: #666
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
	color: #fff;
	background: orange
}
.header.on {
	background: #fff;
	border-bottom: 1px solid #ccc
}
.header.on .left .img1 {
	display: none
}
.header.on .left .img2 {
	display: block
}
.header.on .navbar_nav li a {
	color: #333
}
.header.on .navbar_nav li:hover a {
	color: #ff4500
}
#navToggle {
	display: none
}
.m_nav {
	position: fixed;
	top: 0;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,.38);
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;
	transform: translateX(100%)
}
.m_nav.open {
	transform: translateX(0)
}
.m_nav .top {
	height: 60px;
	padding: 20px;
	box-sizing: border-box
}
.m_nav .top .closed {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: right;
	cursor: pointer
}
.m_nav .logo {
	width: 100%;
	margin: 0 auto
}
.m_nav .logo img {
	height: 50px;
	display: block;
	margin: 30px auto
}
.m_nav .ul {
	margin-top: 30px
}
.m_nav .ul li {
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	opacity: 0
}
.m_nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.m_nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m_nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m_nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m_nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m_nav .ul li:nth-child(5) {
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m_nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m_nav .ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%
}
.m_nav .ul li .dropdown_menu {
	display: none
}
.m_nav .ul li.dropdown.active .dropdown_menu {
	display: block
}
.m_nav .ul li .dropdown_menu a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5
}
.m_nav .ul li .dropdown_menu a:last-child {
	border: 0
}
.banner {
	width: 100%
}
.banner img {
	width: 100%
}

@media screen and (max-width:992px) {
.header {
	padding: 0 10px
}
.header #navToggle {
	height: 100%;
	padding: 9px 15px;
	margin-right: -15px;
	display: inline-block;
	float: right
}
.header #navToggle span {
	position: relative;
	width: 25px;
	height: 1px;
	margin-top: 19px
}
.header #navToggle span:before, .header #navToggle span:after {
	content: '';
	position: relative;
	width: 100%;
	height: 1px;
	left: 0
}
.header #navToggle span, .header #navToggle span:before, .header #navToggle span:after {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	display: block;
	background: #4f4f4f
}
.header #navToggle span:before {
	top: 8px
}
.header #navToggle span:after {
	bottom: 10px
}
.header #navToggle.open span:before {
	top: 10px;
	-webkit-transform: translateY(-11px) rotate(-45deg);
	-moz-transform: translateY(-11px) rotate(-45deg);
	-ms-transform: translateY(-11px) rotate(-45deg);
	-o-transform: translateY(-11px) rotate(-45deg);
	transform: translateY(-11px) rotate(-45deg)
}
.header #navToggle.open span:after {
	bottom: 12px;
	-webkit-transform: translateY(10px) rotate(45deg);
	-moz-transform: translateY(10px) rotate(45deg);
	-ms-transform: translateY(10px) rotate(45deg);
	-o-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg)
}
.header #navToggle.open span {
	background: 0 0
}
.header #navToggle.open span:before, .header #navToggle.open span:after {
	background: #4f4f4f
}
.header .nav {
	display: none
}
.banner img {
	height: 600px;
	object-fit: cover
}
}
@-webkit-keyframes scale-bg {
from {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
to {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes scale-bg {
from {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
to {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.contact_left{width: 45%;}
.contact_right{width: 55%;}
#container{height: 800px;}
#container2{height: 800px;display: none;}


.znszz{padding-top: 60px;}
.znszz a p i{display: none;}
.znszz a p{text-align: center;font-size: 18px;}
.znszz a img{height: 360px;}
.znszz:hover a img{opacity: 0.6;}
.znszz a{text-align: center;display: block;padding-top: 15px;}
@media only screen and (max-width:767px) {#container{height: 300px;display: block;}
	.znszz a img{height: 220px;}
	.znszz{padding-top: 20px;}
dl.dl_zs4 dt img {
    display: block;
    width: auto;
    height: 60px;
    margin: 0 auto;
}	
dl.dl_zs4 {
    height: auto;
    overflow: hidden;
    vertical-align: top;
    padding: 5px;
    background: #f4f4f4;
    box-shadow: 0 0 5px #ccc;
    float: left;
    width: 30.33%;
    margin: 0 5px 5px;
}
	dl.dl_zs4 dd h4 a {
    color: #333;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
}
	
	
	#container2{height: auto;display: block;}
	.zuoce{display: none;}
	.contact_left{width: 100%;}
	.contact_right{width: 100%;}
	.shanxyim{width: 61%;}
	.shanxyim span {
    border: 1px solid #eee;
    padding: 7px 15px;
    border-radius: 15px;
    margin-top: 10px;
    width: 100%;
    height: 39px;
    display: block;
}
	
	
	.news_list li .rht_time span {
    font-size: 38px!important;
    line-height: 0px!important;
    border-bottom: 1px solid #1a1a1a;
    color: #1a1a1a;
}	
.news_list li .news_btm {
    float: right;
    width: 100%;
    margin: 10px 0 0 0;
}
.news_list li .news_title a {
    width: 100%;
    color: #333333;
    font-size: 16px;
    line-height: 15px;
    max-height: 2.6em;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}	
	.plc, .plc2 {
    background: url(../images/logo_03.png) no-repeat 5px 12px;
    height: 70px!important;
    line-height: 30px;
   
}
	.restaurant-about-content p {
  
    margin-top: 1px!important;font-size: 13px;
   
}
	.products {
    background-size: cover;
    padding: 0px 0 10px!important;
}
	.main{width: 100%;}	
.news_list li .news_img {
    float: left;
    width: 30%;
}	
	.news_list li .mindd {
    float: left;
    width: 65%;
    margin: 0 0 0 10px;
}
	.news_list li .news_title {
    float: right;
    width: 100%;
    margin: 0 0 0px;
    overflow: hidden;
}
	.bdsharebuttonbox{display: none;}	
	
	.news_list li .rht_time {
    float: right;
    width: 90px;
    margin: 0px 0 0 0;
}
	.col-md-4{width: 50%!important;float: left;}
	.col-sm-6{width: 50%!important;float: left;}
	
	.heserss {
  
    margin-top: 21px;
    margin-bottom: 8px;
    position: absolute;
    right: 80px;

}
.btn-dark {
    border-color: #343A40;
    background-color: #343A40;
    background-color: #134899;
    border-color: #134899;
    margin-bottom: 25px;margin: 25px auto;
}	
	.col-md-5{padding: 5px;}
	.youshixiao p span {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}
	.youshixiao p{margin-bottom: 10px!important;}
	.footer-widget-area{display: none;}
	.msjekll{text-align: center;}
	.col-md-12{padding: 5px;}
	.newuskk{width: 100%!important;float: left;display: none;}
	.loiuyanba {
    background: url(../images/liuyanbj.jpg) no-repeat;
    padding: 10px 0;
}
	.blog-thumbnail img{height: 80px;}
	.section-title{text-align: center;}
	.newsbjs{    width: 47%!important;
   
    margin-right: 5px;
    display: inline-block;}
	.miashuso{height: 81px;overflow: hidden;}
	.col-md-9{padding: 5px!important;}
	.footer-section{margin-top: 0px!important;}
	.b40{height: 20px!important;}
	.youshixiao p {
    text-align: center;
    font-size: 12px;
    color: #fff;
}
	.abouyoum p {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}
	.breadcrumbs-area .breadcrumb-content .title {
    font-size: 23px!important;
    font-weight: 600;
    letter-spacing: 1.2px;
    color: #212121;
}

	.abouyoum{width: 100%;clear: both;text-align: center;}
	
	.abouyoum p{text-align: left!important;}
	.zuishouy{width: 100%;}
	.restaurant-about-content h2 {
   
    margin-top: 1px!important;
   
}
	
	.sec_about{ padding:50px 0!important;}
	.about_intro{ height:450px;}
	.about_intro .bgImg img{ display:block;}
	.intro_info{ position:relative; padding: 30px 0; background: #014099;display: block;padding: 10px;}
	.intro_txt{ width:100%; max-width: none; float:none; } 
	.intro_des{ margin:20px 0; max-height: 144px;}
	/*about_culture*/
	.culture_list{ margin:30px -10px -10px;}
	.culture_list li{ width:50%; padding: 10px;} 
	.culture_en{ font-size:12px;} 
	/*about_history*/
	#history_scr:before{ top:48px;}
	#history_scr .owl-nav a{ width:40px; height: 40px; border-width:2px; background-size:8px;}
	#history_scr .item{ max-width: 316px;}
	.history_year{ padding-bottom: 25px; margin-bottom: 15px;} 
	.history_year:before{ width:13px; height: 13px;}
	.history_des{ line-height:1.72;}
	/*about_contain*/ 
	.block_research{ width:100%; height: 340px;} 
	.block_honor, .block_qualifications{ width:50%; height: 218px; margin: 0;}
	.contain_des{ margin:20px 0;}
	.block_honor .contain_des{ max-height:72px; -webkit-line-clamp:3; }
	.inner {
    max-width: 1054px;
}
	
}
.section-content h3{padding-top: 15px;text-align: center;}
.produsyxiao{overflow: hidden;	transition: all ease .5s;
	-webkit-transition: all ease .5s;}
.produsyxiao:hover img{transform:scale(1.2);transition: all ease .5s;
	-webkit-transition: all ease .5s;}
@media only screen and (max-width:340px) {
}

@media only screen and (max-width:320px) {
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.slick-track:before, .slick-track:after {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: 0
}
.slick-dots li button:hover:before, .slick-dots li button:before {
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}