@charset "utf-8";
html {
	font-size: 100px;
}

body {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	position: relative;
	overflow-x: hidden;
}

.contain {
	width: 100%;
	margin: 0 auto;
}
.share-icon{width: 20px}
/*初始化按钮*/

.btn {
	display: inline-block;
	text-align: center;
	padding: 0px;
	border: 0px;
	margin: 0px;
	position: relative;
	cursor: pointer;
}

.btn span {
	display: inline-block;
}

input.text,
textarea.text {
	display: block;
	padding: 0px;
	width: 100%;
	border: 0px;
	background: none;
	margin: 0px;
	resize: none;
}

/*--- Header ---*/

.Header-wrapper {
	z-index: 99;
}

.Header-wrapper .Header-cl {
	position: relative;
}

.header-container {
	width: 100%;
/*	background: rgba(0, 0, 0, .2);*/
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 90;
	background-color: #fff;
}

/*logo*/

.H-logo {
	height: 80px;
	line-height: 80px;
	font-size: 0px;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 5;
	margin-left: 4%;
}


.H-action {
	float: right;
	margin-right: 4%;
}

.H-lang,
.H-srch {
	height: 80px;
	float: left;
}

/*Hlang*/

.H-lang {
	position: relative;
}

.H-lang .Hlang-menu {
	display: block;
	width: 100px;
	height: 100%;
	transition: none;
	-webkit-transition: none;
	font-size: 16px;
	text-align: center;
	color: #666;
	line-height: 80px;
}
.H-lang .Hlang-menu i{
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url('../images/public/language.png');
	display: inline-block;
	vertical-align: middle;
	margin: -2px 6px 0 0;
}

.Hlang-box {
	padding: 20px 0px;
	width: 200px;
	box-shadow: 1px 1px 10px #666;
	background: #fff;
	position: absolute;
	top: 80px;
	left: -54px;
	display: none;
}

.Hlang-box:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 8px 8px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: -8px;
	left: 50%;
	margin: 0 0 0 -4px;
}

.Hlang-box a {
	display: block;
	padding: 5px 10px 5px 60px;
	line-height: 30px;
	background-repeat: no-repeat !important;
	background-position: 20px center !important;
}

.Hlang-box a:hover {
	color: #fff;
	background: #0062b2;
}

.Hlang-box a.zt-chinese {
	background-image: url('../images/public/icon-cn.png');
}

.Hlang-box a.JP {
	background-image: url('../images/public/icon-jp.png');
}

.Hlang-box a.zt-english {
	background-image: url('../images/public/icon-en.png');
}

.Hlang-box a.zt-russian {	
	background-image: url('../images/public/icon-ru.png');}

.Hlang-box a.zt-french {	
	background-image: url('../images/public/icon-fr.png');}

/*Hsrch*/

.H-srch .Hsrch-menu {
	display: block;
	width: 20px;
	height: 100%;
	transition: none;
	-webkit-transition: none;
	font-size: 16px;
	text-align: center;
	color: #666;
	line-height: 80px;
}
.H-srch .Hsrch-menu i{
	width: 17px;
	height: 17px;
	background-repeat: no-repeat;
	background-image: url('../images/public/search.png');
	display: inline-block;
	vertical-align: middle;
	margin: -4px 0 0 4px;
}

.Hsrch-box {
	width: 100%;
	height: 80px;
	background: #1e2124;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	position: absolute;
	z-index: 2;
}

.Hsrch-block {
	padding: 0 0 0 4rem !important;
	width: 12rem !important;
	height: 32px;
	margin: 19px auto 0;
}

.Hsrch-block .btn {
	width: 24px;
	height: 32px;
	background: url('../images/public/icon-hsrch.png') no-repeat center center;
	float: left;
}

.Hsrch-block .close {
	display: block;
	width: 24px;
	height: 32px;
	background: url('../images/public/icon-close.png') no-repeat center center;
	float: right;
}

.Hsrch-block .text {
	width: 70%;
	height: 32px;
	font-size: 16px;
	float: left;
	margin: 0 0 0 10px;
	color: #fff;
}

.Hsrch-block .text::-webkit-input-placeholder {
	color: #d3d3d3;
}

.Hsrch-menu.cur {
	display: none;
}

.Header-wrapper.Header-searching .H-logo img {
	display: none;
}


/*Hnav*/

.H-nav {
	float: left;
	margin-left:6%;
}

.H-nav>li {
	padding: 0 24px;
	float: left;
}

.H-nav .Hnav-menu {
	display: block;
	height: 80px;
	line-height: 80px;
	font-size: 18px;
	color: #666;
	position: relative;
	text-transform: uppercase;
}
.H-nav .Hnav-menu:hover{
	color: #273c92;
	border-bottom: 3px solid #273c92;	
}
.nav-active{
	color: #273c92 !important;
	border-bottom: 3px solid #273c92;
}

.Hnav-menu i {
	display: block;
	width: 50px;
	height: 50px;
	background: url('../images/public/icon-dd1.png') no-repeat center center / 14px auto;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
	display: none;
}
.Hnav-menu i {
	display: block;
	width: 50px;
	height: 50px;
	background: url('../images/public/icon-dd1.png') no-repeat center center / 14px auto;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
	display: none;
}

.Hnav-menu.cur i {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}
/* ---------------------------------------------------------------------二级导航--------------------------------------------------------------- */
.Hnav-sub {
	padding: 30px 0;
	width: 100%;
	background: #fff;
	position: absolute;
	top: 80px;
	left: 0px;
	display: none;
}

.HnavSub-list {
	width: 20%;
	float: left;
	margin-left: 35.4%;
	/* border-right: 1px solid #e5e5e5; */
}

.HnavSub-list li {
	width: 60%;
	float: left;
	padding: 2px 2px;
}

.HnavSub-list li a {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #666;
	font-size: 16px;
	position: relative;
	border-bottom: 1px solid #c4c4c4;
	transition: all .6s linear;
}
.HnavSub-list li a:hover{
	color: #273c92;
	font-weight: bold;
	border-bottom: 1px solid #273c92;
}
.HnavSub-list li a i{
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background-color: #c4c4c4;
	transition: all .5s ease-in;
}
.HnavSub-list li a:hover i{
	width: 100%;
	background-color: #273c92;
}


.HnavSub-box {
	padding: 1.2% 0 0 8%;
	position: relative;
	float: left;
	border-left: 1px solid #e5e5e5;
}
.HnavSub-box-pic{
	width: 360px;
	height: 170px;
	overflow: hidden;
	margin: -16px 0 0 0;
}
.HnavSub-box-pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .8s ease-in 0s;
}
.HnavSub-box-pic img:hover{
	transform: scale(1.1);
}

/* -----产品------- */
.Product-HanV{
	width: 1200px;
	margin: 0 auto; 
}
.Product-HanV-left{width: 46%;float: left;margin-left: 4%;}
.Product-HanV-right{width: 46%;float: right;margin-left: 4%;}
.Product-HanV-list{
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
}
.Product-HanV-list>li{
	padding: 0 0 10px 0;
	float: left;
}
.Product-HanV-list>li:nth-child(1){
	margin-top: 10px;
	width: 30%;
	border-right: 1px solid #c4c4c4;
	font-size: 16px;
	color: #666;
}

.Product-HanV-list>li:nth-child(1):hover{
	color: #273c92;
	font-weight: bold;
}
.Product-HanV-list>li:nth-child(2){
	width: 70%;
}
.Product-HanV-sun{
	width: 100%;
	overflow: hidden;
}
.Product-HanV-sun li{
	width: 33.33333333%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #666;
	margin-top: 10px;
}
.Product-HanV-sun li:hover{
	color: #273c92;
	font-weight: bold;
}



.backToTop{display:none;width:35px;height:35px;position:fixed;_position:absolute;right:10px;bottom:100px;_bottom:"auto";filter:Alpha(opacity=170);background:url(../images/arrow-top.png) no-repeat center center;cursor:pointer;z-index:99;}

.sidebar{position:fixed;top:50%;right:2px;width:42px;text-align:center;z-index:10;height:250px;margin-top:-125px;z-index:9999;line-height:42px}
.sidebar a{width:42px;height:42px;border-radius:21px;cursor:pointer;display:block;overflow:hidden;transition:all .3s cubic-bezier(.15,.65,.58,.99);-ms-transition:all .3s cubic-bezier(.15,.65,.58,.99);-o-transition:all 
.3s cubic-bezier(.15,.65,.58,.99);-webkit-transition:all .3s cubic-bezier(.15,.65,.58,.99);-moz-transition:all .3s cubic-bezier(.15,.65,.58,.99)}
.sidebar a>span{color:#fff;font-size:14px;margin-left:25px;display:none;line-height:42px;height:42px;opacity:0;filter:alpha(opacity=0);transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-ms-transition:all 
.5s 1s cubic-bezier(.15,.65,.58,.99);-o-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-webkit-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-moz-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99)}
.sidebar a.right-qq{background:url(../images/sidebar-icon1.png) no-repeat center;margin-bottom:10px;background-color:#999;position:absolute;right:0;top:0}
.sidebar a.right-qq:hover{width:148px;background:url(../images/sidebar-icon1.png) no-repeat 20px center #ef8200}
.sidebar a.right-weixin{background:url(../images/sidebar-icon2.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:52px;overflow:visible}
.sidebar a.right-weixin:hover{background:url(../images/sidebar-icon2.png) no-repeat center #ef8200}.sidebar a.right-weixin:hover .weixin-code{opacity:1;visibility:visible;left:-140px}
.sidebar .weixin-code{position:absolute;left:-125px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);
opacity:0;visibility:hidden;transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease}
.sidebar .weixin-code img{width:120px;height:120px}.sidebar a.right-tell{background:url(../images/sidebar-icon3.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:104px}
.sidebar a.right-tell:hover{width:160px;background:url(../images/sidebar-icon3.png) no-repeat 20px center #ef8200}
.sidebar a.right-message{background:url(../images/sidebar-icon4.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:156px;overflow:visible}
.sidebar a.right-message:hover{background:url(../images/sidebar-icon4.png) no-repeat center #ef8200}.sidebar a.right-message:hover .fixed-message{opacity:1;visibility:visible;left:-325px}
.sidebar a.right-top{background:url(../images/sidebar-icon5.png) no-repeat center;background-color:#999;position:absolute;bottom:0;right:0}
sidebar a.right-top:hover{width:120px;background:url(../images/sidebar-icon5.png) no-repeat 20px center #ef8200}
.sidebar a:hover>span{display:block;vertical-align:middle;opacity:1;filter:alpha(opacity=100)}

@media (max-width:800px){.sidebar{width:100%;height:42px;right:0;bottom:.6rem;margin-top:0;background:0 0;top:auto}
.sidebar a{display:inline-block;margin:0 .2rem;position:relative}.sidebar a>span{display:none}
.sidebar a.right-message,.sidebar a.right-qq,.sidebar a.right-tell,.sidebar a.right-top,.sidebar a.right-weixin{position:relative;right:auto;top:auto;left:auto;bottom:auto;margin-bottom:0}
.sidebar a.right-message:hover,.sidebar a.right-qq:hover,.sidebar a.right-tell:hover,.sidebar a.right-top:hover,.sidebar a.right-weixin:hover{width:42px;background-position:center}
.sidebar a:hover>span{display:none}.sidebar .weixin-code{left:50%;top:-125px;transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);-o-transform:translateX(-50%) translateY(0);-webkit-transform:translateX(-50%) translateY(0);-moz-transform:translateX(-50%) translateY(0)}.sidebar a.right-weixin:hover .weixin-code{top:-140px;left:50%}.fixed-message{left:50%;top:-300px;transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);-o-transform:translateX(-50%) translateY(0);-webkit-transform:translateX(-50%) translateY(0);-moz-transform:translateX(-50%) translateY(0)}.fixed-message:after{border-width:7px 7px 0 7px;border-color:#fff transparent transparent transparent;bottom:-7px;top:auto;right:auto;left:50%;margin-top:0;margin-left:-7px}.sidebar a.right-message:hover .fixed-message{top:-360px;left:50%}.page{margin:38px 0 60px}.footer-nav{display:none}footer{padding:.4rem 2% 0 2%}footer .fbb{display:block;width:100%}footer .fbbs{display:block;vertical-align:top;margin-bottom:10px}.wechat{width:100%;text-align:left}.wechat .others{text-align:left}.frandlink .share{float:none;display:block;width:100%;text-align:left;top:0;margin:.4rem 0 0}.copyright{padding:10px 0}.m-inside{display:none!important}.frandlink .wx .hover{width:206px;height:118px;left:0;top:-125px}.frandlink .wx .hover img{max-width:100px}nav.nav-top>ul>li{line-height:8vh}}@media (max-width:640px){.clean_banner .desc p{margin-top:10px;line-height:1}.clean_banner .desc span{margin-top:5px;line-height:1}.page{margin:1rem 0}.fixed-message{position:fixed;left:50%;top:auto;bottom:60px;transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);-o-transform:translateX(-50%) translateY(0);-webkit-transform:translateX(-50%) translateY(0);-moz-transform:translateX(-50%) translateY(0)}
.sidebar a.right-message:hover .fixed-message{top:auto;bottom:80px;left:50%}}




























/* ----------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1920px) {
	.H-nav {
		margin-left:15.4%;
	}

	.H-nav>li {
		padding: 0 31px;
	}
}
@media all and (min-width:980px) {
	.H-lang:hover .Hlang-box {
		display: block;
		animation: fadeInUpV .6s ease-in-out;
		-webkit-animation: fadeInUpV .6s ease-in-out;
	}
	.H-nav>li:hover .Hnav-sub {
		display: block;
		animation: fadeInDownV .6s ease-in-out;
		-webkit-animation: fadeInDownV .6s ease-in-out;
	}
}

/*right menu*/

@keyframes fadeInUpV {
	0% {
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeInDownV {
	0% {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

/*--- Footer ---*/

.Footer-wrapper {
	color: #fff;
	border-top: 5px solid #273c92;
}

.footer-container {
	padding: 60px 0 35px;
	background: #1e2124;
}

.F-nav {
	width: 13%;
	float: left;
	margin-left: 3%;
}

.F-nav2 {
	width: 24%;
	text-align: center;
}

.F-nav dt{
	line-height: 25px;
	font-size: 18px;
	position: relative;
	color: #ccc;
	text-transform: uppercase;
	padding: 16px 2px 0 2px;
	border-top: 0px solid #9b9b9b;
}

.F-nav dt i {
	display: block;
	width: 50px;
	height: 50px;
	background: url('../images/public/icon-dd2.png') no-repeat center center / 14px auto;
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
}

.F-nav dt.cur i {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.F-nav dd {
	margin: 15px 0 0;
	font-size: 14px;
	color: #888;
}

.F-nav dd a {
	display: block;
	padding: 5px 0;
	line-height: 22px;
}

.F-nav dd a:hover {
	color: #fff;
}
.Footer-icon{
	padding-top: 16px;
}
.Footer-icon a{
	display: inline-block;
	margin: 0 3px;
}
.Footer-icon a i{
	display: inline-block;
	width: 33px;
	height: 33px;
	background-repeat: no-repeat;
	transition: all .6s ease-in-out;
}
.Footer-icon a:hover i{
	transform: translateY(-4px);
}
.Footer-icon1{
	background-image: url('../images/public/footer-icon1.jpg');
}
.Footer-icon2{
	background-image: url('../images/public/footer-icon2.jpg');
}
.Footer-icon3{
	background-image: url('../images/public/footer-icon3.jpg');
}
.Footer-icon4{
	background-image: url('../images/public/footer-icon4.jpg');
}
.Footer-icon5{
	background-image: url('../images/public/footer-icon5.jpg');
}


/*--- Container ---*/
.header-container {
	background: #fff;
}


/*----------------------------------重新定义---------------------------  */
/* -----通用----- */
.w1280{
    width: 1280px;
    margin: 0 auto;
}

@media all and (max-width:1300px) {
  
 .w1280{
        width: 92%;
        margin-left: 4%;
    }
}
/* -----底部----- */
.xg-footer{
	width: 1300px;
	margin: 0 auto;
}

.footer-ewm-tj{
	width: 100%;
	overflow: hidden;
	padding: 24px 0;
	/* background-color: #111111; */
	background-color: #1e2124;
	text-align: center;
	border-top: 1px solid #333;
}
.footer-ewm-tj h4{
	font-size: 14px;
	color: #fff;
}




@media all and (max-width:1700px) {
	.H-nav {
		margin-left:15.4%;
	}
	.HnavSub-list {
		margin-left: 33.5%;
	}
	.H-nav>li {
		padding: 0 31px;
	}
}
@media all and (max-width:1580px) {
	.H-nav {
		margin-left:6%;
	}
	.H-nav>li {
		padding: 0 28px;
	}
	.HnavSub-list {
		margin-left: 30.4%;
	}
	.HnavSub-list li a {
		font-size: 14px;
	}
	.HnavSub-list li{
		width: 72%;
	}
	.Product-HanV-list>li:nth-child(1){
		font-size: 14px;
	}
	.Product-HanV-sun li{
		font-size: 14px;
	}
	.Product-HanV-list {
		margin-top: 8px;
	}
}
@media all and (max-width:1460px) {
	.H-nav>li {
		padding: 0 24px;
	}
	.H-nav {
		margin-left:6%;
	}
	.HnavSub-list {
		margin-left: 29%;
	}
}

@media all and (max-width:1380px) {
	.H-nav>li {
		padding: 0 22px;
	}
	.H-nav .Hnav-menu {
		font-size: 16px;
	}
	.H-nav {
		margin-left: 6%;
	}
	.HnavSub-list {
		margin-left: 31.4%;
	}

}

@media all and (max-width:1300px) {
	.H-nav>li {
		padding: 0 20px;
	}
	.xg-footer {
		width: 94%;
		margin-left: 3%;
	}
}

@media all and (max-width:1280px) {
	.H-nav>li {
		padding: 0 20px;
	}
	.Product-HanV {
		width: 94%;
		margin-left: 3%;
		overflow: hidden;
	}
	.Product-HanV-left {
		width: 50%;
		margin-left: 0%;
	}
	.Product-HanV-right {
		width: 50%;
		margin-left: 0%;
	}
	.HnavSub-list {
		margin-left: 32.2%;
	}
}

@media all and (max-width:1200px) {
	.H-nav>li {
		padding: 0 10px;
	}
	.H-nav {
		margin-left:6%;
	}	
	.H-action {
		margin-right: 2%;
	}
	.HnavSub-list li {
		width: 76%;
	}
}
@media all and (max-width:1100px) {
	.H-logo {
		margin-left: 2%;
	}
	.H-nav {
		margin-left: 3%;
	}
	.HnavSub-list {
		margin-left: 24%;
	}
	.HnavSub-box {
		padding: 1.2% 0 0 4%;
	}
}
.Container-wrapper{
    margin-top: 80px;
}
.Container-wrapper60{
    margin-top: 60px;
}
@media all and (max-width:1000px) {
    .Container-wrapper{
        margin-top: 50px;
	}
	.Container-wrapper60{
    margin-top: 30px;
}
	.Hlang-menu span{
		display: none;
	}
	.Hsrch-menu span{
		display: none;
	}
	.H-lang .Hlang-menu {
		line-height: 50px;
		width: 32px;
	}
	.H-srch .Hsrch-menu {
		width: 32px;
		line-height: 58px;
	}
	.H-lang .Hlang-menu i {
		margin: 0 0 0 0;
	}
	.H-srch .Hsrch-menu i {
		margin: -8px 0 0 0;
	}
	.H-nav .Hnav-menu:hover{
		color: #666;
		border-bottom: 1px solid #c4c4c4;	
	}
	.HnavSub-list li a i{
		display: none;
	}
	.HnavSub-list {
		margin-left: 0;
		border-right: none;
	}
	.HnavSub-list li a {
		border-bottom: none;
	}
	.nav-active {
		color: #273c92 !important;
		border-bottom: none;
	}
	.HnavSub-list li a:hover{
		border-bottom: none;
	}
	.Product-HanV-left {
		width: 92%;
		margin-left: 4%;
		overflow: hidden;
	}
	.Product-HanV-right {
		width: 96%;
		margin-left: 0%;
		overflow: hidden;
	}
	.Product-HanV {
		width: 100%;
		margin-left: 0%;
		border-bottom: 1px solid #c4c4c4;
		padding-bottom: 10px;
	}

	.Product-HanV-list>li:nth-child(1) {
		margin-top:0px;
		width: 100%;
		border-right: none;
		font-size: 16px;
		color: #555;
	}
	.Product-HanV-list>li:nth-child(1) p{
		display: inline-block;
	}
	.Product-HanV-list>li:nth-child(2) {
		width: 100%;
	}
	.Product-HanV-sun li {
		width: 50%;
		font-size: 14px;
		color: #888;
		margin-top: 4px;
		text-align: left;
		padding: 4px 0;
	}
	.Product-HanV-list {
		margin-top: 10px;
	}
	.Product-HanV-list>li {
		padding: 0 0 4px 0;
	}
	.Footer-wrapper {
		border-top: 3px solid #273c92;
		margin-bottom: 65px;
	}



	/* --底部--- */
	.xg-footer{
		width: 0%;
		margin-left: 0%;
	}
	.F-nav {
		text-align: left;
	}
	.footer-ewm-tj h4 {
		width: 92%;
		margin-left: 4%;
	}
	.footer-ewm-tj {
		padding: 16px 0;
	}
}


/* -------------------------------二级------------------------------------ */
.subnavcont03{  }
.subnavlist03 {  border-bottom: 1px solid #f6f6f6;  }

.subnavlist03 .commonweb { display: none; max-width: 1200px; }

.subnavlist03 ul li { font-size: 16px; text-align: center; }

.subnavlist03 ul li a { display: block; width: 100%; font-size: 16px; padding: 22px 0; text-align: center; line-height: 28px; color: #666; margin-left:10px; margin-right:10px; }

.subnavlist03 ul li a:hover, .subnavlist03 ul li a.cur { color: #273c92;  }

.zsannavbtn03 { padding: 15px; color: #666; text-align: center; font-size: 16px; cursor: pointer; }

.zsannavbtn03 a:after { display: inline-block; content: ""; width: 12px; height: 12px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 3px 6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (min-width: 768px) { .subbaner img { width: 100%; height: auto; }
  .subnavlist03 ul { font-size: 0; }
  .zsannavbtn03 { display: none; }
  .subnavlist03 .commonweb { display: block; }
  .subnavlist03 { display: block; text-align: center; }
  .subnavlist03 ul li { display: inline-block; }
  .subnavlist03 ul li a { width: auto; padding: 22px 7px; position: relative; margin: 0; }
  .subnavlist03 ul li a:after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #f2f2f2; }  
  .subnavlist03 ul li:last-child a:after { display: none; } }

@media (min-width: 1024px) { .subnavlist03 ul li a { padding: 22px 10px; }
  .subnavlist03 ul li a:hover, .subnavlist03 ul li a.cur { color: #273c92;  } }

@media (min-width: 1200px) { .subnavlist03 ul li {  }
  .subnavlist03 ul li a { padding: 21px 0;margin-left:10px; margin-right:10px;  }
  .subnavlist03 ul li a { color: #666; }
  .subnavlist03 {}
/*  .subnavcont03 { position: relative; margin-top: -60px; z-index: 10; } */}

/* chnla*/
.cl{ clear:both;}
.chnal{ background-color:#273c92; width:100%; height:76px; padding-top:6px;}
.chnal_all{ background:url(../images/chnal_Vline.png) no-repeat left center; padding-left:25px; height:60px;}
.chnal_aifor{ width:auto; padding-top:10px; display:inline;}
.chnal_aifor h3{ color:#FFF; font-size:20px; font-weight:bold;line-height:45px;}
.chnal_aifor p{ color:#273c92; font-size:16px;line-height:30px;}
.chnal_list{ width:auto; height:24px; padding-top:20px; display:inline;}
.chnal_list a{ float:left; display:inline-block; margin-left:2px; color:#FFF; font-size:14px; width:auto; height:24px; padding:0 12px 0 16px;}
.chnal_list a span{ background:url(../images/chnal_Lvicon.png) no-repeat right; padding-right:18px;}
.chnal_list a:hover,.chnal_list a.cur{ background-color:#5465a9; border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;}

@media (max-width: 1200px) { .chnal { display: }

.chnal{ background-color:#273c92; width:100%; height:auto;height:216px;}
.chnal_list{ height:30px;   padding-bottom:10px;}

}

/*分页*/
.pageBox {  text-align: center; margin-top: 50px; margin-bottom:20px; }
.pageBox li{ float:left} 
.pageBox li { display: inline-block; *display: inline; *zoom: 1; width: 45px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center;  background-color: #e9e9e9; color: #2f2f2f; }
.pageBox li a:hover,.pageBox a.active { background-color:#273c92; color: #FFF; }
.pageBox .on{ background-color:#273c92; color: #FFF; }
.pageBox .shangyi{ display:none;}
@media  (max-width: 861px) {

.pageBox { width: 640px; text-align: center; margin:auto; padding-top:20px; padding-bottom:30px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center;  background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color: #273c92; color: #FFF; }
.pageBox .on{ background-color: #273c92; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

@media (min-width: 320px) and (max-width: 639px) {

.pageBox { width: 320px; text-align: center; margin:auto; padding-top:20px; padding-bottom:30px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center;  background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color: #273c92; color: #FFF; }
.pageBox .on{ background-color: #666; color: #FFF; }
.pageBox .shangyi{ display:none;}
}
/*-- 新闻 --*/
.news-container{ padding-top:40px; padding-bottom:50px;}
.news-list li{display:block;padding:.43rem 0 .5rem;border-bottom:1px solid #dcdcdc;position:relative;}
.news-list li a{display:block;position:relative;}
.news-list .nlist-img{width:22.5%;overflow:hidden;float:left;margin:7px 0 0;}
.nlist-img img{width:100%;/*height:226px;*/object-fit:cover;}
.news-list .nlist-box{width:60%;float:left;margin:0 0 0 3.333%;}
.nlist-box .name{line-height:32px;font-size:18px;font-weight:lighter;}
.nlist-box .con{height:96px;line-height:24px;font-weight:lighter;overflow:hidden;margin:15px 0 0;}
.nlist-box .btn{width:120px;height:40px;line-height:38px;font-size:16px;font-weight:lighter;color:#fff; background: #273c92;margin:.26rem 0 0;}
.news-list .date{text-align:center;position:absolute;right:.1rem;top:33px;}
.news-list .date .day{line-height:57px;font-size:60px;}
.news-list .date .split{display:block;height:1px;background:#000000;margin:10px 0;}
.news-list .date .year{line-height:18px;height:18px;}
.nlist-box .name a:hover{color:#273c92}
.a-btn a{ display: block; max-width: 135px; height: 44px; line-height: 44px; text-align: center; color: #fff; background: #273c92;margin:.26rem 0 0; }

.a-btn a i { width: 14px; height: 1px; display: inline-block; vertical-align: middle; margin-left: 10px; background: #fff; position: relative; -webkit-transition: all ease-in 0.2s; -o-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; transition: all ease-in 0.2s; }

.a-btn a i:before { content: ""; display: block; width: 6px; height: 6px; border-left: 1px solid #fff; 
-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: -3px; }


@media (min-width: 1024px) {
    
 .a-btn  a i { width: 22px; margin-left: 14px; }
  .a-btn :hover a { background: #e0620b; }
  .a-btn:hover i { width: 30px; }


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

	
	.news-list .nlist-box{width:58%;}
	.nlist-box .name{font-size:16px;line-height:24px;}
	.nlist-box .con{font-size:12px;line-height:20px;}
	.nlist-box .btn{width:100px;height:36px;line-height:34px;font-size:14px;}
	.news-list .date .day{font-size:40px;line-height:42px;}
	
	
	
	 
}


/* 解决 */
.caselist { padding-bottom:30px; overflow:hidden;margin-top:60px; }

.caselist * { display:block; overflow:hidden; font-size:14px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} 
.caselist a{ position:relative; float:left;  margin-bottom:20px; width:49%; margin-left:1%; }
.caselist a img{ width:100%; height:300px;}
.caselist a span{ position:absolute;left:0px;top:100px;padding:15px 10px 20px 40px; z-index:3; width:370px; height:120px; color:#FFF; background:url(../images/casebg1.png)  right top no-repeat;}
.caselist a span h3{ font-size:16px;padding-bottom:10px;}
.caselist a span i{background:#CCC; height:1px; width:30px; opacity:0.5;}
.caselist a span h6{font-size:14px;padding-top:20px;}
.caselist a:hover span{ background:url(../images/casebg2.png)  right top no-repeat;width:380px;padding:15px 10px 20px 70px;}

.loadmore {width:140px; padding:10px 20px; text-align:center; font-size:16px;border:#CCC 1px solid; background:#e44509; border:#e44509 1px solid; color:#FFF;margin:auto; clear:both; display:block;}


.casedetail { background:#fff; overflow:hidden;margin-top:20px;}
.casedetaill {float:left; width:45%;height:100%;margin-top:60px; }
.casedetaill img { display:block;width:100%;height: auto;}
.casedetailr {float:left; width:55%;height: auto;padding:50px;overflow:hidden; position:relative;}
.casedetailr * { display:block; overflow:hidden; font-size:14px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} 
.casedetailr h1 { font-size:24px; font-weight:bold; padding-bottom:20px; border-bottom:#CCC 1px solid;}
.casedetailr li { padding:20px 0; color:#666; line-height:24px;}
.btn3 {margin-right:10px; background:#e44509;color:#FFF;width:120px; padding:10px 10px; text-align:center; font-size:14px; float:left;}
.btn3:hover {color:#fff; background:#001961;}

@media screen and (max-width: 860px) {
	.caselist { padding-bottom:30px; overflow:hidden;padding-top:60px; }
	.caselist a{  width:100%; margin-left:0%; height: auto;}
.caselist a img{ width:100%; height: auto;}
.caselist a span{top:25%;padding:15px 10px 0px 20px; width:340px; height:80px; }
.caselist a span h3{ font-size:14px;padding-bottom:10px;}
.caselist a span h6{font-size:12px;padding-top:10px;}
.casedetaill {float: none; width:100%;margin-top:0px;}
.casedetaill img { display:block; width:100%; height:auto;margin-top:60px;}
.casedetailr {float:none; width:90%;height: auto;padding:5%;}

}






/* -------------------------------faq------------------------------------ */

.faq-list { padding-top: 60px; padding-bottom:50px;}

.faq-list li { border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 20px; }

.faq-list li .faq-titbox { margin-bottom: 13px; position: relative; cursor: pointer; }

.faq-list li .faq-titbox .faq-tit { display: block; font-size: 16px; color: #273c92; overflow: hidden; line-height: 28px; height: 28px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.faq-list li .faq-titbox:after { content: ""; position: absolute; width: 12px; height: 12px; border-top: 2px solid #999999; border-right: 2px solid #999999; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); right: 5px; top: 2px; }

.faq-list li.active .faq-titbox:after { display: none; }

.faq-list li.cur .faq-titbox:after { border-top-color: #273c92; border-right-color: #273c92; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; }

.faq-list li .faq-con { font-size: 14px; line-height: 20px; color: #878787; height: 60px; overflow: hidden;letter-spacing:1px; }

.faq-icon { width: 28px; height: 28px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; color: #fff; font-size: 20px; text-align: center; line-height: 28px; float: left; margin-right: 18px; }

.faq-q { background: #273c92; }

.faq-a { background: #cccccc; }

@media (min-width: 1024px) {
	  .faq-list { padding-top: 30px; }
  .faq-list li { padding-bottom: 30px; margin-bottom: 30px; }
  .faq-list li .faq-con { font-size: 16px; line-height: 30px; height: 60px; }}




/* -------------------------------fullpage------------------------------------ */
.fullpage{
    width: 100%;
    overflow: hidden;
    padding: 50px 0 60px 0;
    text-align: center;
    font-size: 0;
}

.fullpage a{
    font-size: 16px;
    color: #666;
    display: inline-block;
    padding: 10px 18px;
    background-color: #fff;
	margin: 0 3px;
	border: 1px solid #e5e5e5;
}
.fullpage a:hover{
	border: 1px solid #00479d;
    background-color: #00479d;
    color: #fff;
}
.fullpage-active{
	border: 1px solid #00479d !important;
	background-color: #00479d !important;
	color: #fff !important;
}
.fullpage p{
    font-size: 16px;
    color: #666;
    display: inline-block;
    padding: 10px 18px;
    background-color: #fff;
    margin: 0 3px; 
	border: 1px solid #e5e5e5;
}
.fullpage a i{
    width: 7px;
    height: 11px;
    background-repeat: no-repeat;
    display: inline-block;
}
.fullpage p span{
    margin-left: 6px;
	color: #273c92;
}
.fullpage-left i{
    background-image: url('../images/public/fullpage_left.png');
}
.fullpage-left:hover i{
    background-image: url('../images/public/fullpage_leftH.png');
}
.fullpage-right i{
    background-image: url('../images/public/fullpage_right.png');
}
.fullpage-right:hover i{
    background-image: url('../images/public/fullpage_rightH.png');
}
@media all and (max-width:1000px) {
    .fullpage {
        padding: 26px 0 30px 0;
    }
    .fullpage a {
        margin: 8px 3px;
    }
}

/* --------------------------------G----------------------------------------- */
.H-lang .Hlang-menu b{
	position: absolute;
	background-color: #fff;
	width: 1px;
	height: 20px;
	display: inline-block;
	top: 50%;
	right: 0;
	margin-top: -10px;
}