@charset "utf-8";
	/* reset */

body,html {
	height:100%;
}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;
	padding:0;
}
div {
	padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
.center {
	text-align:center;
}
audio,canvas,video {
	display:inline-block;
	*display:inline;
	*zoom:1
}
button,input,select,textarea {
	font:12px/1.5 Helvetica,Arial,"Segoe UI";
}
input,select,textarea {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
th {
	text-align:inherit
}
fieldset,img {
	border:0;
	max-width:100%;
}
iframe {
	display:block
}
abbr,acronym {
	border:0;
	font-variant:normal
}
del {
	text-decoration:line-through
}
ol,ul {
	list-style:none
}
a,a:hover {
	text-decoration:none;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.pb-180 {
	padding-bottom:180px;
}
.mb-30 {
	margin-bottom:30px;
}
.mb-50 {
	margin-bottom:50px;
}

.orange_bg{
	background-color: #ffba55;
}
.nb_bg{
	background-color: #002060;
}
@media (min-width:1200px) {
	.container {
	max-width:1280px;
}

}/* 头部导航 */
header.header {
	/* position:absolute; */
	z-index:9;
	width:100%;
	left:0;
	top:0;
}
.header .logo {
	text-align:center;
	float: left;
	padding: 10px 0;
}
.header .nav-items {
	margin-top: 0;
	border-top:1px solid rgb(255 255 255 / 0.3);
	text-align:center;
	float: right;
}
.header .nav-items ul li {
	display:inline-block;
	padding: 0 15px;
	position:relative;
}
.header .nav-items ul li a {
	display:block;
	color: #002060;
	padding:20px 0;
	position:relative;
	transition:0.4s all ease;
}
.header .nav-items ul li.active a,.header .nav-items ul li:hover a {
	font-weight:bold;
}
.header .nav-items ul li a:before {
	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#fff;
	position:absolute;
	top:-1px;
	left:0;
	transform:scaleX(0);
	transition:0.4s all ease;
}
.header .nav-items ul li ul a:before {
	display:none;
}
.header .nav-items ul li:hover a:before {
	transform:scaleX(1);
}
.header .nav-items ul li a.active:before {
	transform:scaleX(1);
}
.head-search {
	position:relative;
}
.head-search input {
	border:none;
	background:transparent;
	color:#fff;
	outline:none;
	padding-left:22px;
}
.head-search input::-webkit-input-placeholder {
	color:rgb(255,255,255,0.5);
}
.head-search input::-moz-input-placeholder {
	color:rgb(255,255,255,0.5);
}
.head-search input::-ms-input-placeholder {
	color:rgb(255,255,255,0.5);
}
.head-search .search-btn {
	padding:0;
	position:absolute;
	right:0;
	opacity:0;
	visibility:hidden;
}
.head-search input[type=text] {
	background-image:url(../images/icon-xb.png);
	background-position:left center;
	background-repeat:no-repeat;
	width:120px;
}
.header .nav-items ul li .nav-item-son {
	position:absolute;
	width: 150px;
	top:120%;
	left:50%;
	transform: translateX(-75px);
	background: #002060;
	color: #fff;
	opacity:0;
	visibility:hidden;
	transition:0.4s all ease;
	z-index: 9;
}
.header .nav-items ul li .nav-item-son a {
	color: #fff;
	padding: 10px 0;
	font-size: 15px;
}
.header .nav-items ul li .nav-item-son li:hover a {
	color:#0066b3;
}
.header .nav-items ul li:hover .nav-item-son {
	opacity:1;
	visibility:visible;
	top:100%;
}
.navbar-toggle {
	position:relative;
	float:right;
	padding:9px 10px;
	margin-top:8px;
	margin-right:15px;
	margin-bottom:8px;
	background-color:transparent;
	background-image:none;
	border:1px solid transparent;
	border-radius:4px;
	display:none;
}
.navbar-toggle:focus {
	outline:0;
}
.navbar-toggle .icon-bar {
	background-color: #002060;
	-webkit-transition:.3s;
	transition:.3s;
}
.navbar-toggle .icon-bar {
	display:block;
	width:22px;
	height:2px;
	border-radius:1px;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top:4px;
}
@media (min-width:768px) {
	.navbar-toggle {
	display:none;
}
}.navbar-default .navbar-toggle {
	border-color:#ddd;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
	background-color:#ddd;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#888;
}
@media (min-width:769px) and (max-width:1199px) {
	.navbar-default .navbar-toggle {
	border:none;
	margin-right:0;
}
.navbar-default .navbar-toggle:hover {
	background:none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#ffffff;
	-webkit-transition:.3s;
	transition:.3s;
}
.navbar-default .navbar-toggle {
	padding-right:0;
}
}@media screen and (max-width:768px) {
	.navbar-default .navbar-toggle {
	border:none;
	margin-right:0;
}
.navbar-default .navbar-toggle:hover {
	background:none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#ffffff;
	-webkit-transition:.3s;
	transition:.3s;
}
}/* swiper */
.banner-swiper {
	overflow:hidden;
	position:relative;
}
.banner-swiper .swiper-slide {
	background-position:center center;
	background-size: cover;
}
.banner-swiper .swiper-slide {
	width:100%;
	height:100%;
}
.banner-swiper{
	height:calc(100% - 66px);
	height: -moz-calc(100% - 66px);
	height: -webkit-calc(100% - 66px);
}
.banner-swiper .swiper-pagination-bullet {
	width: 20px;
	border-radius:50px;
	height: 20px;
	margin: 0 10px!important;
	background: #fff;
	opacity: 1;
}
.banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ffba55;
}
/* public title */
.sec-title {
	text-align:center;
	margin-bottom:50px;
}
.sec-title .cn-title {
	font-size:26px;
	color:#0066b3;
}
.sec-title .en-title {
	font-size:28px;
	font-weight:bold;
	color:#dcddde;
}
/* section1 */
.section1 {
	margin:80px 0;
}
.service-slide {
	width:83%;
	display:flex;
	flex-direction:row-reverse;
	min-width:1440px;
}
.service-slide .hd {
	width:24%;
	background:#f1f2f2;
}
.service-slide .hd .service-slide-tt {
	padding:20px 0;
}
.service-slide .bd {
	width:76%;
}
.service-slide .hd li {
	white-space:nowrap;
	font-size:20px;
	line-height:2;
	color:#58595b;
	text-align:center;
	cursor:pointer;
	transition:0.4s all ease;
	position:relative;
}
@media (min-width:1900px) {
	.service-slide .hd li {
	line-height:2.2;
}
}.service-slide .bd .service-slide-bd {
	position:relative;
}
.service-slide-bt {
	position:absolute;
	bottom:0;
	padding:2% 3% 1% 30%;
	width:100%;
	background:rgba(0,102,179,0.5);
	color:#fff;
	line-height:1.8;
}
.service-slide-bt-h2 {
	font-size:22px;
	margin-bottom:10px;
}
.service-fwdx {
	}.service-slide-desc {
	}.service-fwnr {
	}.service-more {
	position:absolute;
	right:3%;
	bottom:20px;
	background:#ffffffa1;
	padding:5px 30px;
	border-radius:50px;
	color:#fff;
	transition:0.4s all ease;
}
.service-slide .bd .service-slide-bd:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	width:100%;
	height:100%;
	background:rgba(0,102,179,0.2);
}
.service-slide-bt p {
	font-size:14px;
}
.service-slide .hd li:hover {
	color:#0066b3;
}
.service-slide .hd li:before {
	content:"";
	opacity:0;
	visibility:hidden;
	width:30px;
	height:15px;
	display:block;
	position:absolute;
	left:-10px;
	/* background:#fff;
	*/
	border-left:16px;
	border-style:solid;
	border-color:#fff;
	z-index:999999999;
	border:15px solid red;
	border-top-color:transparent;
	border-bottom:none;
	border-left-color:white;
	border-right-color:transparent;
	transform:rotateZ(45deg);
	top:15px;
}
.service-slide .hd li.on:before {
	opacity:1;
	visibility:visible;
}
/* section2 */
.section2 {
	width:100%;
	overflow:hidden;
}
.h-100{
	height: 100%;
}
.youshi-swiper {
	position:relative;
}
.youshi-swiper .swiper-pagination-bullet {
	background:transparent;
	border:2px solid #fff;
	width:16px;
	height:16px;
	padding:3px;
	position:relative;
	opacity:1;
}
.youshi-swiper .swiper-pagination-bullet:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:8px;
	display:block;
	height:8px;
	background:#fff;
	border-radius:50%;
	-webkit-transition:-webkit-transform 0.3s;
	transition:transform 0.3s,-webkit-transform 0.3s;
	-webkit-transform:translate(-50%,-50%) scale(0);
	transform:translate(-50%,-50%) scale(0);
}
.youshi-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	-webkit-transform:translate(-50%,-50%) scale(1);
	transform:translate(-50%,-50%) scale(1);
}
.mt-30{margin-top: 30px;}
.c_public_htmlCode-01001{width:100%;height:100%;}
*{padding:0;margin:0;}
#c_public_htmlCode-15142811275588561 *,*:before,*:after{box-sizing:border-box;margin:0;padding:0;}
#c_public_htmlCode-15142811275588561 .slideer-container{position:relative;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:auto;}
#c_public_htmlCode-15142811275588561 .slideer-control{z-index:2;position:absolute;top:0;width:12%;height:100%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;opacity:0;}
#c_public_htmlCode-15142811275588561 .slideer-control:not(.inactive):hover{opacity:1;cursor:pointer;}
#c_public_htmlCode-15142811275588561 .slideer-control.left{left:0;background:linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);}
#c_public_htmlCode-15142811275588561 .slideer-control.right{right:0;background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);}
#c_public_htmlCode-15142811275588561 .slideer-pagi{position:absolute;z-index:3;left:50%;bottom:2rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:0;list-style-type:none;}
#c_public_htmlCode-15142811275588561 .slideer-pagi__elem{position:relative;display:inline-block;vertical-align:top;width:16px;height:16px;margin:0 5px;border-radius:50%;border:2px solid #fff;cursor:pointer;}
#c_public_htmlCode-15142811275588561 .slideer-pagi__elem:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background:#fff;border-radius:50%;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);}
#c_public_htmlCode-15142811275588561 .slideer-pagi__elem.active:before,.slideer-pagi__elem:hover:before{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);}
#c_public_htmlCode-15142811275588561 .slideer{z-index:1;position:relative;height:100%;}
#c_public_htmlCode-15142811275588561 .slidee{position:absolute;top:0;width:100%;height:100%;overflow:hidden;}
#c_public_htmlCode-15142811275588561 .slidee.active .slidee__overlay{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
#c_public_htmlCode-15142811275588561 .slidee.active .slidee__text{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
#c_public_htmlCode-15142811275588561 .slidee.active .slidee__img{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
#c_public_htmlCode-15142811275588561 .slidee.active .slidee__img.song1{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
#c_public_htmlCode-15142811275588561 .slidee__bg{position:absolute;top:0;left:-50%;width:100%;height:100%;background-size:cover;}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(1){left:0;}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(1) .slidee__bg{left:0;background-image:url(../images/ysbg1.png);}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(1) .slidee__overlay-path{background-image:url(../images/index-ys2.png);background-position:right center;background-repeat: no-repeat;background-size: contain;}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(2){left:100%;}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(2) .slidee__bg{left:-50%;background-image:url(../images/ysbg1.png);}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(2) .slidee__overlay-path{background-image:url(../images/index-ys2.png);background-position:right center;background-repeat: no-repeat;background-size: contain;}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(3){left:200%;}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(3) .slidee__bg{left:-100%;background-image:url(../images/ysbg1.png);}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(3) .slidee__overlay-path{background-image:url(../images/index-ys2.png);background-position:right center;background-repeat: no-repeat;background-size: contain;}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(4){left:300%;}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(4) .slidee__bg{left:-150%;background-image:url(../images/ysbg1.png);}
#c_public_htmlCode-15142811275588561 .slidee:nth-child(4) .slidee__overlay-path{background-image:url(../images/index-ys2.png);background-position:right center;background-repeat: no-repeat;background-size: contain;}
#c_public_htmlCode-15142811275588561 .slidee__content{position:absolute;top:0;left:0;width:100%;height:100%;}
#c_public_htmlCode-15142811275588561 .slidee__overlay{position:absolute;bottom:0;right:0;width:73%;height:100%;min-height:810px;-webkit-transition:opacity 0.2s 0.5s, -webkit-transform 0.8s 0.8s;transition:transform 0.8s 0.8s, opacity 0.2s 0.5s, -webkit-transform 0.8s 0.8s;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0;z-index: 99;}
#c_public_htmlCode-15142811275588561 .slidee__overlay-path{opacity:1;height:100%;}
#c_public_htmlCode-15142811275588561 .slidee__text img {margin-top: 30px;}
#c_public_htmlCode-15142811275588561 .slidee__text{position:absolute;width:480px;bottom: 20%;right:14%;color:#fff;-webkit-transition:opacity 1.2s 1.5s, -webkit-transform 1.2s 1.5s;transition:transform 1.2s 1.5s, opacity 1.2s 1.5s, -webkit-transform 1.2s 1.5s;-webkit-transform:translateY(-70%);transform:translateY(-70%);opacity:0;text-align: right;z-index: 999;}
#c_public_htmlCode-15142811275588561 .slidee__img{position:absolute;/* width:28%; */bottom:10%;left:15%;opacity:0;-webkit-transition:opacity 1.5s 1.8s, -webkit-transform 1.7s 2s;transition:transform 1.7s 2s, opacity 1.5s 1.8s, -webkit-transform 1.7s 2s;-webkit-transform:translateX(-80%);transform:translateX(-80%);}
#c_public_htmlCode-15142811275588561 .slidee__img.song1{-webkit-transition:opacity 1.5s 1.8s, -webkit-transform 1.7s 2s;transition:transform 1.7s 2s, opacity 1.5s 1.8s, -webkit-transform 1.7s 2s;-webkit-transform:translateY(-80%);transform:translateY(-80%);}
#c_public_htmlCode-15142811275588561 .slidee__img.song1{top: 10%; left: 5%;}
#c_public_htmlCode-15142811275588561 .slidee__text-heading{font-family:"Microsoft YaHei", sans-serif;font-size:42px;text-align:right;color:#fff;font-weight:bold;margin-bottom:10px;}
#c_public_htmlCode-15142811275588561 .slidee__text-heading-en{font-family:arial, sans-serif;font-size:14px;color:#fff;text-align:right;font-weight:normal;text-transform:uppercase;}
#c_public_htmlCode-15142811275588561 .slidee__text-desc{font-family:"Microsoft YaHei", sans-serif;font-size:16px;padding-top:30px;color:#fff;line-height:30px;text-align:right;}
#c_public_htmlCode-15142811275588561 a.slidee__text-link{z-index:5;color:#fff;text-decoration:none;display:inline-block;position:relative;top:20px;left:340px;padding:10px 22px;cursor:pointer;text-align:right;font-family:"Microsoft YaHei", sans-serif;font-size:16px;-webkit-perspective:1000px;perspective:1000px;}
#c_public_htmlCode-15142811275588561 .slidee__text-link:before{z-index:-1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ccae43;border-radius:5px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotateX(-85deg);transform:rotateX(-85deg);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;}
#c_public_htmlCode-15142811275588561 .slidee__text-link:hover:before{-webkit-transform:rotateX(0);transform:rotateX(0);background:#ccae43;}
#c_public_htmlCode-15142811275588561{top:0px;left:0px;z-index:7;width:100%;height:100%;}


.case-swiper {
	overflow:hidden;
}
.section3 {
	margin:80px 0;
}
.case-swiper .swiper-slide {
	position:relative;
}
.case-swiper .swiper-slide .case-txt {
	position:absolute;
	width:100%;
	top:30%;
	padding:10%;
	color:#000;
}




.section3 {
	margin:80px 0;
}
.case-swiper .swiper-slide .case-txt h3 {
	font-size:18px;
	line-height:1.5;
}
.case-swiper .swiper-slide .case-txt i {
	display:block;
	width:30px;
	height:2px;
	background:#afafaf;
	margin:20px 0;
}
.case-swiper .swiper-slide:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	background:rgba(255,255,255,0.7);
	transition:0.4s all ease;
}
.case-swiper .swiper-slide .case-txt p {
	color:#515052;
	font-size:14px;
}
.case-swiper .swiper-slide span {
	opacity:0;
	color:#fff;
	font-size:16px;
	margin-top:10px;
	display:block;
}
.case-swiper .swiper-slide * {
	transition:0.4s all ease;
}
.case-swiper .swiper-slide:hover:before {
	background:rgba(0,102,179,0.5);
}
.case-swiper .swiper-slide:hover span {
	opacity:1;
}
.case-swiper .swiper-slide:hover i {
	background:#fff;
}
.case-swiper .swiper-slide:hover .case-txt {
	top:45%;
}
.case-swiper .swiper-slide:hover h3,.case-swiper .swiper-slide:hover p {
	color:#fff;
}
.section4 {
	padding:8% 0;
	background-image:url(../images/index-bg1.png);
	background-repeat:no-repeat;
	background-position:center;
}
.section4-qua {
	font-size:32px;
	color:#fff;
}
.section4-qua b {
	color:#dcddde;
}
.section4-qua i {
	display:block;
	width:40px;
	height:4px;
	background:#dcddde;
	margin-top:20px;
	margin-bottom:10%;
}
.relative {
	position:relative;
}
.section4imgleft .bd ul li,.section4imgright .bd ul li {
	float:left;
	display:inline;
	overflow:hidden;
	text-align:center;
}
.section4imgright .tempWrap:after {
	content:"";
	position:absolute;
	width:200px;
	height:100%;
	right:0;
	top:0;
	display:block;
	z-index:999;
	background-image:linear-gradient(90deg,transparent,#3a559c);
}
.section4imgleft .tempWrap:after {
	content:"";
	position:absolute;
	width:200px;
	height:100%;
	left:0;
	top:0;
	display:block;
	z-index:999;
	background-image:linear-gradient(90deg,#3a559c,transparent);
}
.section4imgright,.section4imgleft {
	position:relative;
}
.section4imgright img,.section4imgleft img {
	max-height:150px;
}
.section5 {
	background: linear-gradient(45deg,#002060,#204ea9,#002060);
	padding: 3% 0;
}
.index-col2 {
	text-align: center;
}
.index-col2 p{
	font-size: 32px;
	font-weight: lighter;
	margin-top: 15px;
	color: #fff;
}
@media only screen and (max-width:767px) {
	.mb-lm-30px {
	margin-bottom:30px;
	
}

.header .logo{
	padding: 0;
}

}@media only screen and (max-width:767px) {
	.counterup_aera {
	flex-wrap:wrap;
}
}.counterup_text {
	text-align:center;
	width:33.3%;
	padding-right:15px;
	margin-right:15px;
	position:relative;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.counterup_text {
	padding-right:13px;
	margin-right:13px;
}
}@media only screen and (max-width:767px) {
	.counterup_text {
	width:50%;
	padding-right:0;
	margin-right:0;
}
}@media only screen and (max-width:575px) {
	.counterup_text {
	width:50%;
	padding-right:0;
	margin-right:0;
	margin-bottom:13px;
}
}.counterup_text:last-child {
	margin-right:0;
	padding-right:0;
}
.counterup_text:last-child::before {
	display:none;
}
.counterup_text::before {
	position:absolute;
	content:"";
	width:1px;
	height:66px;
	background:#bcbec0;
	right:0;
	top:50%;
	transform:translatey(-50%);
}
@media only screen and (max-width:767px) {
	.counterup_text::before {
	display:none;
}
}.counterup_text h3 {
	color:#bcbec0;
	font-size:47px;
	line-height:48px;
	font-weight:700;
	margin-bottom:10px;
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.counterup_text h3 {
	font-size:30px;
	line-height:40px;
	margin-bottom:3px;
}
}@media only screen and (max-width:1440px) {
	.service-slide {
	min-width:1200px;
}
.service-slide .hd .service-slide-tt {
	padding:11px 0;
}
.service-slide .hd li {
	line-height:1.9;
	font-size:18px;
}
}@media only screen and (max-width:1200px) and (min-width:767px) {
	.service-slide {
	min-width:980px;
}
.header .nav-items,.header .logo{
	float: none;
}
.banner-swiper {
    height: 600px;
}
.service-slide .hd .service-slide-tt {
	padding:5px 0;
}
.service-slide .hd li {
	line-height:2;
	font-size:14px;
}
}@media only screen and (max-width:980px) {
	.service-slide {
	min-width:700px;
	margin:0 auto;
	display:block;
	flex-direction:row;
}
.service-slide .hd .service-slide-tt:after {
	content:"";
	display:block;
	clear:both;
}
.service-slide .hd {
	width:100%;
}
.service-slide .hd li {
	width:33.3%;
	float:left;
	padding:3px 10px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.service-slide .hd li.on:before {
	display:none;
}
.service-slide .bd {
	width:100%;
}
.service-slide-bt {
	padding:2% 3% 1% 10%;
}
}@media only screen and (max-width:767px) {
	.counterup_text h3 {
	font-size:28px;
	line-height:38px;
}
}.counterup_text p {
	color:#bcbec0;
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
}
.counterup_aera {
	position:absolute;
	width:100%;
	left:0;
	bottom:-10%;
}
.section5 .index-about .dsjj {
	font-size:26px;
	color:#0066b3;
	margin-bottom:50px;
}
.section5 .index-about p {
	font-size:14px;
	line-height:1.8;
	color:#58595b;
	margin-bottom:40px;
}
.counterup_aera1 {
	background:#fff;
	padding:2%;
	box-shadow:0 0 10px 5px #d8d8d8;
}
.index-about .about-more {
	width:150px;
	line-height:40px;
	border:1px solid #c2c2c2;
	display:inline-block;
	text-align:center;
	border-radius:50px;
	color:#000;
}
.counterup_text h3 .counter-sup {
	font-size:14px;
	font-weight:normal;
	vertical-align:super;
}
.section6 {
	background-image:url(../images/index-bg3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	padding:10% 0 5% 0;
}
.section6 .section4-qua {
	color:rgb(0,102,179);
}
.section6 .section4-qua b {
	color:#fff;
}
.section6 .section4-qua i {
	background:#fff;
}
.section7 {
	background-image:url(../images/index-bg4.jpg);
	background-position:center;
	background-repeat:no-repeat;
	padding:4% 0 2% 0;
	overflow:hidden;
}
.section7 .sec-title .cn-title,.section7 .sec-title .en-title {
	color:#fff;
}
.section7 .pro-pd {
	padding:10%;
	text-align:center;
	color:#fff;
	border-radius:10px;
	height:700px;
	border:1px solid transparent;
	transition:none;
}
.section7 .pro-pd * {
	transition:0.4s all ease;
}
.section7 .pro-cc-num {
	display:inline-block;
	width:15px;
	height:15px;
	line-height:15px;
	text-align:center;
	background:#fff;
	border-radius:50%;
	position:relative;
	z-index:9;
	transition:none;
}
.section7 .pro-cc-num .pro-cc-font {
	opacity:0;
	display:block;
	position:relative;
	z-index:9;
	font-size:32px;
	border-radius:50%;
	width:78px;
	line-height:78px;
	margin-left:-32px;
	margin-top:-32px;
}
.section7 .pro-cc-n {
	line-height:2;
	font-weight: bold;
}
.section7 .pro-box i {
	display:inline-block;
	width:30px;
	height:1px;
	background:#e4e7f0;
	margin-bottom:40px;
	margin-top:10px;
}
.section7 .pro-desc,.section7 .pro-desc1 {
	font-size:14px;
	line-height:1.8;
	color:#d9dce7;
	overflow:hidden;
	height:125px;
}
.section7 .pro-desc1 {
	margin-bottom:40px;
	overflow:hidden;
	transform:scale(0);
}
.section7 .pro-img {
	transform:scale(0);
	height:0;
}
.section7 .pro-pd:hover {
	border:1px solid #00aeef;
}
.section7 .pro-pd:hover .pro-desc {
	transform:scale(0);
	height:0;
}
.section7 .pro-img img {
	}.section7 .pro-pd .pro-cc:before {
	content:"";
	width:2000px;
	height:1px;
	display:block;
	background:#fff;
	position:absolute;
	left:-500px;
	top:50%;
	z-index:0;
	transition:none;
}
.section7 .pro-pd:hover .pro-img {
	transform:scale(1);
	height:auto;
}
.section7 .pro-pd:hover .pro-desc1 {
	transform:scale(1);
}
.section7 .pro-pd:hover .pro-cc-n1 {
	display:none;
}
.section7 .pro-pd:hover .pro-cc-num {
	width:100px;
	height:100px;
	border:1px solid #2ba2e3;
	background:transparent;
	padding:10px;
	transform:translate(0,-42px);
}
.section7 .pro-pd .pro-cc {
	position:relative;
	/* height:150px;
	*/
    display:flex;
	align-items:center;
	justify-content:center;
	transition:none;
}
.section7 .pro-pd:hover .pro-cc-num .pro-cc-font {
	opacity:1;
	background:#2ba2e3;
	margin-left:0;
	margin-top:0;
}
.section7 .pro-cc {
	transition:none;
}
.section7 .pro-pd:hover .pro-cc:before {
	height:0;
	display:none;
	opacity:0;
	visibility:hidden;
	transform:scale(0);
}
.section8 {
	background: linear-gradient(45deg,#002060,#204ea9,#002060);
	padding-top: 5%;
}
.section8 .section4-qua {
	color:#000;
}
.section8 .index-brand {
	float:right;
}
.section8 .index-brand a {
	margin-left:40px;
	color:#727375;
	display:inline-block;
}
.index-newc a {
	color:#000;
}
.index-newc {
	margin-top:30px;
}
.index-newc .c-date {
	line-height:2;
	text-align:right;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:2px solid #d1d3d4;
}
.index-newc h2.new-tt {
	font-size:24px;
	margin:30px 0;
}
.index-newc .new-desc {
	font-size:14px;
	line-height:2;
	margin-bottom:30px;
}
.index-newc span {
	color:#000;
	display:block;
	text-align:right;
	margin-top:10px;
}
.index-newc:hover .c-date {
	color:#0066b3;
	border-color:#0066b3;
}
.index-newc * {
	transition:0.4s all ease;
}
.index-newc:hover h2.new-tt {
	color:#0066b3;
}
.index-newc:hover span {
	color:#0066b3;
}
ul.index-newl li .new-tt {
	font-size:18px;
	margin-bottom:20px;
}
ul.index-newl li .new-desc {
	font-size:14px;
	line-height:2;
}
ul.index-newl li .new-tt span {
	float:right;
}
ul.index-newl li a {
	color:#58595b;
}
ul.index-newl li {
	padding-bottom:20px;
	margin-top:60px;
	border-bottom:1px solid #d1d3d4;
	transition:0.4s all ease;
}
ul.index-newl li:hover .new-tt {
	color:#0066b3;
}
ul.index-newl li:hover {
	border-bottom:1px solid #0066b3;
}
ul.index-newl li * {
	transition:0.4s all ease;
}
footer {
	padding: 3% 0 4%;
	background: url(../images/foot_bg.jpg);
}
.foot-nav {
	padding-top: 3%;
	border-top: 1px solid #fff;
	}.foot-nav .foot-title {
	font-size:20px;
	margin-bottom:30px;
	color:#58595b;
}
.foot-nav ul li {
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
	font-size: 15px;
	text-align: center;
}
.foot-nav ul li a {
	border-bottom:1px solid #eee;
	display:inline-block;
	color:#96979a;
}
.foot-nav .foot-h5 {
	font-weight:bold;
	color:#96979a;
	margin-bottom:20px;
}
.foot-nav p.foot-add {
	line-height: 2.3;
	font-size:14px;
	color: #b2b4ba;
	padding-left: 15px;
}
p.copyright {
	padding:1%;
	font-size:14px;
	color:#96979a;
}
.m_nav {
	background:#fff;
	padding:15px;
	position:fixed;
	left:0;
	overflow-y:scroll;
	top:80px;
	width:100%;
	opacity:0;
	visibility:hidden;
	transition:0.4s all ease;
	height:100%;
	z-index:999;
}
.m_footer {
	background-color: #002060;
	text-align:center;
	font-size:15px;
	position:fixed;
	z-index:999;
	width:100%;
	left:0;
	line-height:60px;
	bottom:0;
}
.m_footer a::after {
	content:'';
	display:block;
	border-left:1px solid #e5e5e5;
	position:absolute;
	left:0;
	height:14px;
	top:50%;
	transform:translate(0,-50%);
}
.m_footer a:first-child::after {
	border:none;
}
.flex_item {
	flex:1;
}
.m_footer a {
	position:relative;
	color:#e5e5e5;
}
.service-slide .hd li a {
	color:#58595b;
}
.service-slide .hd li a:hover {
    color: #0056b3;
}
.service-slide .bd .service-slide-bd.insid:before {
	display:none;
}
.service-slide-bd.insid .service-slide-bt {
	display:none;
}
.service-box {
	margin-bottom:40px;
}
.service-box .service-more {
	right:15%;
	padding:5px 3%;
	background:rgba(255,255,255,0.4);
}
.service-box .service-slide-bt {
	padding:2% 27% 1% 15%;
	background:rgba(0,102,179,0.8);
}
.service-box .service-slide-bt p {
	font-size:14px;
	max-height:75px;
	overflow:hidden;
}
.content-title {
	color:#0066b3;
	font-size:32px;
	margin-bottom:20px;
}
.article-content {
	color:#58595b;
	line-height:1.8;
	margin-bottom:50px;
}
.page-list .next {
	text-align:right;
}
.page-list li {
	color:#58595b;
	line-height:2;
}
.page-list li a {
	color:#0066b3;
}
.sec-content {
	margin-bottom:60px;
}
.pro.section7 {
	background-image:none;
	background-repeat:repeat;
}
.pro.section7 .sec-title .cn-title {
	color:#0066b3;
}
.pro.section7 .sec-title .en-title {
	color:#dcddde;
}
.pro.section7 .pro-cc-num {
	background:#bcbec0;
}
.pro.section7 .pro-pd .pro-cc:before {
	background:#bcbec0;
}
.pro.section7 .pro-pd {
	color:#58595b;
}
.pro.section7 .pro-box i {
	background:#c0c2c3;
}
.pro.section7 .pro-desc,.pro.section7 .pro-desc1 {
	color:#737476;
}
.pro.section7 .pro-pd:hover .pro-cc-n {
	color:#0066b3;
}
.pro.section7 .pro-pd:hover .pro-cc-num .pro-cc-font {
	background:#0066b3;
	color:#fff;
}
.nav_crumb {
	margin-bottom:50px;
}
.nav_crumb a {
	margin-left:15px;
	color:#58595b;
	transition:0.4s all ease;
}
.product-box {
	border:1px dashed #000;
	border-radius:10px;
	box-shadow:0 0 6px 2px #7b7a7a;
	background:#fff;
	margin-bottom:30px;
	padding:1%;
	transition:0.4s all ease;
}
.product-tt {
	padding:10px 30px 15px;
	color:#58595b;
	position:relative;
	transition:0.4s all ease;
}
.product-tt h3 {
	font-size:26px;
}
.product-tt i {
	width:10px;
	height:10px;
	display:block;
	border-top:1px solid #58595b;
	border-right:1px solid #58595b;
	position:absolute;
	transform:rotateZ(45deg);
	right:5%;
	bottom:25%;
	transition: 0.4s all ease;
}
.pagelist ul li {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50%;
	border:2px solid #d2d2d2;
	color:#d2d2d2;
	transition:0.4s all ease;
	box-sizing:content-box;
	margin:10px 5px;
	font-weight:bold;
}
.pagelist ul li a {
	color:#000;
	display:block;
	font-size:16px;
	font-weight:bold;
}
.pagelist ul li.active,.pagelist ul li:hover {
	background:#0066b3;
	color:#fff;
	border:2px solid #0066b3;
}
.pagelist ul li:hover a,.pagelist ul li.active a {
	color:#fff;
}
.pagelist {
	text-align:center;
}
.product-box:hover {
	/* background:#0066b3; */
	border: 1px dashed #0066b3;
}
.product-box:hover .product-tt {color: #0066b3;}
.product-box:hover .product-tt i {
    border-top: 1px solid #0066b3;
    border-right: 1px solid #0066b3;
}
.nav_crumb a:hover,.nav_crumb a.active {
	color:#0056b3;
}
.content-title.pro {
	font-size:38px;
	font-weight:bold;
	margin-bottom:50px;
}
.article-content p.pro-gaishu {
	font-size:22px;
	margin:30px 0 10px 0;
	color:#0066b3;
}
.content-title.yfsy {
	font-weight:bold;
	font-size:38px;
	margin-bottom:10px;
}
.en-content-title {
	font-size:32px;
	color:#dcddde;
}
p.yfsy-desc {
	margin:30px 0;
	text-indent:2em;
	font-size:22px;
}
.yfsy-items {
	display:flex;
	margin-bottom:30px;
	align-items:center;
	border:2px dashed #0066b3;
}
.yfsy-items .yfsy-items-txt {
	padding:3% 5%;
}
.yfsy-items .yfsy-items-txt h2 {
	color:#0066b3;
	font-weight:bold;
	font-size:28px;
	margin-bottom:20px;
	line-height:1;
}
.yfsy-items .yfsy-items-txt h2 i {
	font-size:100px;
	font-weight:bold;
}
.yfsy-items:nth-child(2n) {
	flex-flow:row-reverse;
}
.yfsy-items .yfsy-items-txt p {
	font-size:22px;
}
.about.section5 {
	padding:3% 0 12% 0;
	background-position:center bottom;
}
.section5 .index-about p.ab-dsjj {
	/* text-indent:2em;
	*/
    margin-bottom:20px;
}
.section5 .index-about p.ab-dsjj.wid {
	width:68%;
}
.case-imgbox {
	position:absolute;
	z-index:9;
	border-radius:20px;
	overflow:hidden;
	border:6px solid rgb(0,102,179);
	right:5%;
	bottom:-132px;
	width:40%;
}
.ab-text {
	position:absolute;
	width:100%;
	bottom:0;
	text-align:center;
	padding:30px 0;
	color:#fff;
	background:rgba(46,109,156,0.6);
	line-height:1.8;
}
.ab-text h3 {
	margin-bottom:10px;
	font-size:26px;
}
.ab-text p.case-desc {
	}.con {
	text-align:center;
}
.con-box {
	padding:3%;
	border:3px solid #2a4fa8;
	color:#2a4fa8;
	transition:0.4s all ease;
	cursor:pointer;
	margin-bottom:30px;
}
.con-box i {
	font-size:48px;
	line-height:1.2;
}
.con-box p.con-p {
	font-size:22px;
	padding-bottom:15px;
	margin-bottom:15px;
	position:relative;
}
.con-box p.con-p:before {
	content:"";
	display:block;
	width:25px;
	height:1px;
	background:#2a4fa8;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-12.5px;
}
.con-border {
	position:relative;
}
.con-border:after,.con-border:before {
	content:"";
	display:block;
	width:1px;
	height:50%;
	background:#808285;
	position:absolute;
}
.con-border:after {
	right:5%;
	top:25%;
}
.con-border:before {
	left:5%;
	top:25%;
}
.con-box p {
	font-size:16px;
	min-height:48px;
}
.con-box:hover {
	background:#2a4fa8;
	color:#fff;
}
.con-box:hover p.con-p:before {
	background:#fff;
}

.header .nav-items ul li .nav-item-son:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    transform: rotateZ(45deg);
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
    top: -7.5px;
    background: #ffba55;
    z-index: 9;
}

.header .nav-items ul li .nav-item-son:after {
    content: "";
    width: 100%;
    height: 14px;
    background: transparent;
    display: block;
    position: absolute;
    top: -14px;
}

.header .nav-items ul li .nav-item-son li {
    display: block;
    position: relative;
    z-index: 10;
    background: #002060;
}

.header .nav-items ul li .nav-item-son li:hover {
    background: #ffba55;
}

.header .nav-items ul li .nav-item-son li:hover a {
    color: #fff;
}
.hot_key a {
    color: #fff;
    margin: 0 10px;
}

.hot_key {
    color: #002060;
    font-size: 14px;
    line-height: 27px;
}

.hot_key a:hover {
    color: #002060;
    font-size: 14px;
}
.search_fbox {
    position: relative;
    width: 260px;
}

.search_text {
    width: 100%;
    border: none;
    border-radius: 50px;
    padding: 3px 15px;
    font-size: 14px;
    outline: none;
}

.search_btn {
    position: absolute;
    background-image: url(../images/icon-xb.png);
    background-size: contain;
    width: 19px;
    height: 18px;
    right: 10px;
    top: 4px;
    border: none;
    background-color: transparent;
}
.index-title {
    margin: 30px 0;
}

.index-title .tit {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 3px;
}

.index-title  h2.en {
    text-transform: uppercase;
    color: #ffba55;
    letter-spacing: 3px;
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold;
}

.index-title span {
    width: 60px;
    height: 10px;
    border-radius: 10px;
    display: block;
    margin: 3px auto;
    background: #002060;
}

.index-title p.tt_desc {
    max-width: 75%;
    margin: 30px auto;
    line-height: 1.7;
}

a.tt_more {
    font-size: 18px;
    width: 200px;
    display: inline-block;
    line-height: 35px;
    background: #ffba55;
    color: #fff;
    border-radius: 50px;
}
.play_video {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -28px;
    margin-top: -28px;
	cursor: pointer;
}

.about_text {
    height: 100%;
    padding: 30px;
    padding: 60px 50px;
    border: 1px solid #002060;
}

.about_text:before {content: "";display: block;width: 150px;height: 15px;position: absolute;border-radius: 50px;left: -1px;top: -7px;background: #ffba55;}

.about_text::after {
    content: "";
    display: block;
    width: 15px;
    height: 150px;
    position: absolute;
    border-radius: 50px;
    left: -7px;
    top: -7px;
    background: #ffba55;
}

.about_be:before {content: "";display: block;width: 150px;height: 15px;position: absolute;border-radius: 50px;right: -1px;bottom: -7px;background: #ffba55;}

.about_be::after {
    content: "";
    display: block;
    width: 15px;
    height: 150px;
    position: absolute;
    border-radius: 50px;
    right: -7px;
    bottom: -7px;
    background: #ffba55;
}
.about_be h3 {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.about_be p {
    line-height: 1.8;
    margin-bottom: 20px;
}

a.index_ab_more {
    display: block;
    margin: 0 auto;
    width: 160px;
    text-align: center;
    border: 1px solid #002060;
    line-height: 45px;
    border-radius: 50px;
    font-size: 18px;
    color: #ffba55;
}

a.index_ab_more img {
}
.probox1 {
    width: 53%;
}

.probox2 {
    width: 46%;
}

.index_case2 {
    position: relative;
    margin-bottom: 30px;
}

.case_abso {
    position: absolute;
    width: 37%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,32,96,0.7);
    transition: 0.4s all ease-in-out;
}
.case_flexbox {
    text-align: center;
    width: 75%;
}

.case_flexbox p.cs_tit {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
}

.case_flexbox  span.span_more {
    font-size: 16px;
    color: #ffba55;
    border: 1px solid #fff;
    display: inline-block;
    width: 100px;
    line-height: 30px;
    margin: 15px 0;
    display: none;
	
}

p.cs_desc {
    color: #fff;
    display: none;
}
.index_case2:hover .case_abso {
    width: 100%;
}

.index_case2:hover span.span_more {
    display: inline-block;
}

.index_case2:hover p.cs_desc {
    display: block;
}
.index_case2:hover p.cs_tit {
    text-align: center;
}

.i_text {
    position: absolute;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: 0.4s all ease;
}

.img_lintger {
    position: relative;
}

.i_text1 {
    left: 6%;
    top: 45%;
}
.i_text2 {
    left: 24%;
    top: 5%;
}
.i_text3 {
    left: 46%;
    top: -10%;
}
.i_text4 {
    right: 24%;
    top: 5%;
}
.i_text5 {
    right: 6%;
    top: 45%;
}

.i_text span {
    font-size: 15px;
    border: 1px solid #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border-radius: 50%;
    transition: 0.4s all ease;
    color: #fff;
}

.i_text h2 {
    font-size: 24px;
    margin-top: 10px;
}
.i_text:hover span,.i_text.active span {
    border: 1px solid #ffba55;
    background: #ffba55;
}

.i_text:hover,.i_text.active {color: #ffba55;}


.i_line {width: 25px;height: 10px;position: absolute;background: #cccccc;border-radius: 50px;transition: 0.4s all ease;}

.i_line1 {
    transform: rotateZ(15deg);
    bottom: 15%;
    left: 41%;
}
.i_line2 {
    transform: rotateZ(38deg);
    bottom: 34%;
    left: 43%;
}
.i_line3 {
    transform: rotateZ(90deg);
    bottom: 42%;
    left: 49%;
}
.i_line4 {
    transform: rotateZ(-38deg);
    bottom: 34%;
    right: 43%;
}
.i_line5 {
    transform: rotateZ(-15deg);
    bottom: 15%;
    right: 41%;
}

.i_line.active {
/*    transform: scaleX(2) */
    
}
.i_line:after{
    content:"";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    right: 0px;
    transition: 0.4s all ease;
}
.i_line:nth-child(n+4):after{
    content:"";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    left: 0px;
    transition: 0.4s all ease;
}
.i_line.active:after{

    width:60px;
    height: 100%;
    background: #ffba55;

    right: 0px;
    border-radius: 50px;
}
.new_index_tt_text {
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.new_index_tt_text h3 {
    font-size: 24px;
    font-weight: bold;
}

.new_index_tt_text p.en {
    font-size: 18px;
    letter-spacing: 2px;
}

.new_index_tt {
    margin-bottom: 25px;
}

.flag_h {
    display: flex;
    flex-shrink: 0;
}

.index_img_new {
    width: 45%;
}

.index_new_text {
    width: 55%;
}

.index_img_new_tt {
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #999999;
}

.index_img_new_desc {
    color: #3e3a39;
    font-size: 14px;
}

.index_new_text_a {
    display: inline-block;
    width: 120px;
    text-align: center;
    margin: 10px 0;
    line-height: 35px;
    border: 1px solid #002060;
    color: #ffba55;
    font-size: 15px;
}
.index_new_list {
    margin-top: 30px;
}

.index_new_list li {
    margin-bottom: 13px;
}

.index_new_list li a {
    color: #3e3a39;
    font-size: 15px;
}

.index_new_list li .dian {
    width: 10px;
    height: 10px;
    background: #0068b7;
    margin-top: 7px;
    margin-right: 30px;
}

.index_new_date {
    float: right;
    margin-top: 2px;
}
.foot_form {
    background: url(../images/foot_contact.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.foot_form_h2 {
    text-align: center;
}
.foot_form input {
    border: none;
    line-height: 40px;
    width: 270px;
    outline: none;
}

.foot_form  label {
    margin: 0;
    line-height: 40px;
}
.foot_contact_btn {
    border: none;
    background: none;
    font-size: 16px;
}
.foot-nav ul {
    width: 25%;
    float: left;
}
.foot-nav ul li a {
    font-weight: normal;
    color: #b2b4ba;
    border: none;
    font-size: 14px;
}
.foot-nav ul:nth-child(1) {
    width: 20%;
}
.foot-nav ul:nth-child(3) {
    width: 30%;
}
.foot_wx {
}

.foot-nav p.foot-add b {
    color: #fff;
}

.foot_wx p {
    margin-top: 10px;
    color: #b2b4ba;
}

.about-title {
    margin: 30px 0;
    text-align: center;
    position: relative;
    margin: 80px 0;
}

.about-title .about_en {
    text-transform: uppercase;
    font-size: 48px;
    font-weight: bold;
    font-family: initial;
    color: #ffd195;
    position: relative;
    letter-spacing: 2px;
}

.about-title .about_en:after {content: "";display: block;width: 100%;height: 80%;background: linear-gradient(transparent,#fff);position: absolute;bottom: 0;}

.about_tt {margin-top: -40px;position: relative;z-index: 9;}

.about_tt span {
    border-bottom: 1px solid #002060;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 28px;
}
.gsgk {
    width: 53%;
    padding: 7% 5%;
    background: #ececec;
}

h3.about_gsgk {
    font-size: 22px;
    font-weight: bold;
    position: relative;
}
.gsgk_bg {
    border: 1px solid #3e64ed;
    background: #ececec;
    justify-content: space-between;
}

p.en_gsgk {
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top: 5px;
}

p.gsgk_gk {
    font-size: 15px;
    line-height: 1.8;
}

.gsgk span {
    width: 80px;
    background: #ffba55;
    height: 2px;
    display: block;
    margin-top: 30px;
}
h3.about_gsgk:after {content: "";display: block;position: absolute;left: -30px;width: 19px;height: 22px;background:url(../images/sjx.png);top: 5px;}

.about_d2 {
    padding: 3% 0;
    background: url(../images/about_bg1.jpg);
    background-position: center center;
    background-size: cover;
}
.about_d2 .about-title {
    margin: 30px 0;
}

.about_d2 .about-title .about_en:after {
    background: linear-gradient(transparent,#112c65);
}

.about_d2 .about_tt span {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.iabout {
    color: #fff;
    text-align: center;
}

.iio1 {
    width: 171px;
    height: 198px;
    background: url(../images/abi1.png);
    margin: 30px auto;
    padding-top: 120px;
	cursor: pointer;
}
.iio1 p.lim {
    font-size: 22px;
}
.iabout2 .iio1 {
    background: url(../images/abi2.png);
}
.iabout3 .iio1 {
    background: url(../images/abi3.png);
}
.iabout4 .iio1 {
    background: url(../images/abi4.png);
}
.iabout1:hover .iio1 {
    background: url(../images/abi1-1.png);
	color: #002060;
}
.iabout2:hover .iio1 {
    background: url(../images/abi2-2.png);
	color: #002060;
}
.iabout3:hover .iio1 {
    background: url(../images/abi3-3.png);
	color: #002060;
}
.iabout4:hover .iio1 {
    background: url(../images/abi4-4.png);
	color: #002060;
}

.bangonghj1 {
    padding: 0 10px;
}

.ab_img11 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient( transparent,#002060);
}

.ab_img11 p {
    position: absolute;
    bottom: 20px;
    color: #fff;
    left: 30px;
}

.bangonghj1 .hjimg {
    margin-bottom: 15px;
}
.about_d4 .swiper-slide img {
    max-width: none;
}
.swiper-slide-active .abouttext-1 {
	opacity: 1;
	visibility: visible;
}
.abouttext-1 {
    background: #002060;
    padding: 15px;
    text-align: left;
	opacity: 0;
	visibility: hidden;
}

.abouttext-1 p {
    color: #fff;
    font-size: 20px;
}




.img-center{text-align:center;font-size:0;}
.img-center img{display:inline-block;width:auto;height:auto;vertical-align:middle;}
.yunu-curmbs{padding:15px 0;border-bottom:1px dashed #dcdcdc;margin-bottom:20px;}
.yunu-curmbs span{padding-left:10px;border-left: 10px solid #002060;}
.yunu-pages{text-align:center;margin:30px 0;}
.yunu-menu-inner{text-align:center;margin-bottom:20px;display: flex;}
.yunu-menu-inner a{float:left;width: 100%;}
.yunu-menu-inner span{display:block;margin-left:1px;background-color:#f4f4f4;color:#333;font-size:18px;line-height:55px;}
.yunu-menu-inner a:hover span,.yunu-menu-inner a.active span{background: url(../images/p16-icon6.png) no-repeat center bottom #002060;color:#fff;}
.list-4{margin:0 0 -20px -20px;}
.list-4 li{float:left;width:25%;}
.list-4 li a{display:block;margin:0 0 20px 20px;border:1px solid #ececeb;}
.list-4 li a:hover{border-color:#004fab;}
.list-4 li .m{padding:10px;}
.list-4 li .text{padding:5px 20px;background-color:#F0F0F0;}
.list-4 li .text h4{margin:0;font-size:14px;line-height:45px;height:45px;overflow:hidden;font-weight:normal;text-align:center;color: #000;}
.yunu-curmbs a {
    color: #000;
}

.yunu-pages {text-align: center;margin: 30px 0;}
.yunu-pages a {display: inline-block;margin: 0 3px;border: 1px solid #ddd;padding: 4px 12px;border-radius: 3px;color: #000;}
.yunu-pages a.active {background-color: #004fab;border-color: #004fab;color: #fff;}

.yunu-pages li {
    display: inline-block;
}
.article_sycj {}

.article_sycj .about-title .about_en {
    color: #e3e3e3;
}
.about_d1 {
    margin-bottom: 80px;
}
.article_sycj_txt {
    max-width: 80%;
    margin: 0 auto;
    padding: 30px;
    background: #eee;
    margin-top: -50px;
    position: relative;
    z-index: 1;
}

.article_sycj_body {
    margin-bottom: 80px;
}


.yunu-message{background-color: #e3e5e4;border:1px solid #ddd;padding:50px 200px;margin-bottom:30px;background-image: url(../images/contact1.png);background-position: center bottom;background-repeat: no-repeat;background-size: contain;}
.form-group{margin-bottom:15px;}
.form-label{float:left;line-height:34px;width:120px;text-align:right;}
.form-label span{color:#d82634;}
.form-content{margin-left:130px;}
.form-control{line-height:20px;font-size:14px;border:1px solid #ddd;padding:6px 12px;width:600px;display:inline-block;vertical-align:top;font-family:"Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.form-submit{padding:6px 22px;color:#fff;background-color:#004fab;border:0;cursor:pointer;font-size:16px;border-radius:3px;}
.form-button{padding:6px 22px;color:#fff;background-color:#767676;border:0;cursor:pointer;font-size:16px;border-radius:3px;}






.img-center{text-align:center;font-size:0;}
.img-center img{display:inline-block;width:auto;height:151px;max-width:100%;vertical-align:middle;}
.section-title{margin-bottom:50px;text-align:center;font-size:50px;}
.section-title i{display:block;height:10px;background:url(../images/pptit.png) no-repeat center;margin-top:20px;}
.section-title small{display:block;margin-top:15px;font-size:16px;color:#bbb;text-transform:uppercase;}
.section-title-1{font-size:35px;}
.yunu-link{padding:20px 0;}
.yunu-link h4{border-bottom:1px solid #ddd;margin:0;font-size:18px;color:#345ece;padding-bottom:15px;}
.yunu-link h4 small{text-transform:uppercase;font-size:16px;font-weight:normal;color:#999;}
.yunu-link ul{margin-left:-20px;}
.yunu-link li{float:left;margin-left:20px;margin-top:20px;}
.ct2-sd{float:left;width: 280px;}
.ct2-mn{float:right;width: 950px;}
.panel-sd-hd{background-color: #333;color:#fff;}
.panel-sd-hd h4{text-align:center;margin:0;font-size:24px;padding:20px 0;position: relative;overflow: hidden;}
.yunu-column h3{
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin:0 0 2px;
    font-weight:normal;
    background:url(../images/p14-icon5.png) no-repeat right center #ddd;
    text-align: center;
    margin-bottom: 8px;
	color: #000;
    }
	
.fdh-01-nav-one h3 {
height: 50px;
line-height: 50px;
background: url(../images/p14-icon5.png) no-repeat right center #ddd;
margin-bottom: 2px;
overflow: hidden;
}

.fdh-01-nav-one h3 a {
display: block;
height: 50px;
font-size: 20px;
font-weight: normal;
margin-right: 40px;
margin-left: 38px;
color: #000;
}

.fdh-01-nav-one h3.sidenavcur,
.fdh-01-nav-one h3:hover {
background: url(../images/p14-icon2.png) no-repeat right center  #ffba55;
}

.fdh-01-nav-one h3.sidenavcur a,
.fdh-01-nav-one h3:hover a{
color: #fff;
}
	

.yunu-column h3.on,.yunu-column h3:hover{background:url(../images/p14-icon2.png) no-repeat right center #ffba55;}
.yunu-column h3.on a,.yunu-column h3:hover a{color:#fff;}
.yunu-column li{line-height: 2;margin-bottom: 8px;/* height: 50px; */}
.yunu-column li a{display:block;padding: 0 20px;background-color: #dedfdf;text-align: center;}
.yunu-column li.on a{color:#345ece;}
.yunu-column li.on>a:after{border-color:#345ece;}
.yunu-column .sub>a{position:relative;color: #000;padding: 10px 20px;}
.yunu-column .sub>a:after{content:'';width:8px;height:8px;border: 2px solid #000000;border-style:solid solid none none;position:absolute;top:50%;right: 20px;margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.yunu-contact-z1{height:140px;background:url(../images/contact-z1.jpg) no-repeat;margin-bottom:20px;}
.yunu-contact-z1 p{margin:0;font-size:20px;line-height:30px;background:url(../images/contact-z1_tel.png) no-repeat 74px 44px;padding:37px 0 0 95px;}
.yunu-contact-z1 span{line-height:30px;font-size:18px;padding-left:73px;}
.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 #cb0004;}
.list-3{margin-left:-15px;}
.list-3 li{float:left;width: 33.3%;}
.list-3 li a{display:block;margin:0 0 15px 15px;border:1px solid #ddd;position:relative;color: #000;}
.list-3 li a:hover{border-color:#345ece;}
.list-3 li .m{}
.list-3 li .text h4{margin:0;font-size:16px;padding:12px 20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-3 li .text p{margin:0;padding:0 20px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.list-04{margin-left:-15px;}
.list-04 li{float:left;width: 25%;}
.list-04 li a{display:block;margin:0 0 15px 15px;border:1px solid #ddd;position:relative;color: #000;}
.list-04 li a:hover{border-color:#345ece;}
.list-04 li .m{}
.list-04 li .text h4{margin:0;font-size:16px;padding:12px 20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-04.c_pro li .text h4 {
    font-size: 18px;
    text-align: center;
    padding: 20px 0;
}
.list-04 li .text p{margin:0;padding:0 20px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.yunu-infocontent-body{line-height:2;margin-bottom:20px;}
.yunu-showcase{margin-bottom:40px;padding: 15px;border: 1px solid #dedfdf;}
.yunu-showcase-info{float:right;width:500px;}
.yunu-showcase-info h1{margin:0 0 15px;font-size:24px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yunu-showcase-info p{margin:0;color:#666;height:168px;min-height: 230px;line-height: 1.8;}
.yunu-showcase-info .tel a{line-height: 80px;padding:0 15px;background-color: #dedfdf;color: #000;width: 100%;font-size: 22px;background-image: url(../images/tel1.png);background-repeat: no-repeat;background-position: 50px center;}
.pc-slide{width: 380px;float:left;background:#dedfdf}
.view{border:1px solid #ddd;}
.view .swiper-slide .imgauto{width:100%;height:300px;line-height:300px;}
.view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .active-nav .imgauto{border:1px solid #345ece;}
.prd-1{margin:0;box-shadow:0 0 20px #cecece;background-color:#f5f5f5;}
.prd-1 dt{float:right;width:490px;}
.prd-1 dd{margin:0 490px 0 0;padding:20px;}
.prd-1 dd h4{margin:0;color:#345ece;font-size:20px;}
.prd-1 dd p{color:#666;line-height:1.8;text-align:justify;}
.prd-1 dd ul{margin-left:-20px;overflow:hidden;}
.prd-1 dd li{float:left;width:50%;}
.prd-1 dd li .wrap{margin:20px 0 0 20px;background:-webkit-gradient(linear, left top, right top, from(#2050ce), to(#7295f1)) #345ece;background:linear-gradient(to right, #2050ce, #7295f1) #345ece;color:#fff;line-height:40px;font-size:0;text-align:center;}
.prd-1 dd li img{display:inline-block;vertical-align:middle;height:28px;width:auto;margin-right:15px;}
.prd-1 dd li span{display:inline-block;vertical-align:middle;font-size:18px;font-weight:bold;}
.prd-2{margin-bottom:-40px;}
.prd-2 dl{margin:22px 20px 40px 15px;height:100px;border:1px solid #dedede;border-radius:10px;position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;float:left;width:428px;}
.prd-2 dt{position:absolute;left:-15px;top:-20px;width:116px;height:76px;background:#345ece;border-radius:10px;line-height:76px;text-align:center;}
.prd-2 dt span{font-size:54px;color:#fff;font-style:normal;}
.prd-2 dd{padding:0 30px 0 135px;margin:0;}
.prd-2 dd p{color:#666;}
.prd-2 dl:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
.prd-2 dl:hover p{color:#345ece;}
.prd-4 li{float:left;width:308px;border:1px solid #edebeb;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;padding-bottom:20px;}
.prd-4 li .img-center{text-align:center;display:block;border:1px solid #000;border-radius:50%;width:80px;height:80px;line-height:80px;margin:30px auto;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.prd-4 li p{font-size:18px;font-weight:bold;color:#000;text-align:center;}
.prd-4 li:hover .img-center{-webkit-transform:rotate(360deg);transform:rotate(360deg);border:1px solid #fff;}
.yunu-column {
    padding: 10px;
    background: #333;
}
.yunu-column .sub>a:hover {
    background: #3e64ed;
    color: #fff;
}

.yunu-column .sub>a:hover:after {
    border: 2px solid #fff;
    border-style: solid solid none none;
}
.panel-sd-hd h4 .pro_en1 {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.8;
}

.panel-sd-hd h4:before {content: "";display: block;width: 100px;height: 120%;position: absolute;left: -27%;background: #999999;top: -31%;transform: rotateZ(20deg);}
.panel-sd-hd h4:after {content: "";display: block;width: 100px;height: 120%;position: absolute;right: -28%;background: #999999;top: 0%;transform: rotateZ(20deg);}

.yunu-content_body {
    padding: 15px;
    border: 1px solid #dedfdf;
    line-height: 1.8;
}

h2.yunu-content_body_h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0;
}

.icon {
    padding-left: 40px;
    background: url(../images/icon1.png);
    background-size: 17px;
    background-position: 10px center;
    background-repeat: no-repeat;
}
li.yunu-content_body_h2.icon {
    list-style: none;
    background-size: 12px;
    background-position: 10px 8px;
}
.c_pro img {
    width: 100%;
    padding: 10px;
    background: #e7e7e7;
}
.list-3.c_pro li .text h4 {
    font-size: 18px;
    text-align: center;
    padding: 20px 0;
}
.yunu-column li a span {
    text-align: center;
    line-height: 20px;
    display: block;
    padding: 5px 0;
    font-size: 15px;
    height: 50px;
}
.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: 7px;border-bottom: 1px solid #000000;}
.solution .panel-sd-hd ,.solution .yunu-column{
    background: #002060;
}

.solution .panel-sd-hd h4:after {background: #ffba55;}
.solution .panel-sd-hd h4:before {background: #ffba55;}
.solution .yunu-column .sub>a:hover,.solution .yunu-column .sub>a.on{
    background: #345ece;
}
.case_left {
    width: 71%;
    float: left;
}
.case_right{
	width: 27%;
	float: right;
}
.case_right_item {
    display: flex;
    flex-shrink: 0;
    background: #ececec;
    align-items: center;
    margin-bottom: 21px;
    cursor: pointer;
    border: 1px solid #fff;
}

.case_right_img {
    width: 45%;
}

.sq1 {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #3e64ed;
    margin-right: 5px;
}
.sq2 {
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid #3e64ed;
    margin-right: 5px;
}
.sq3 {
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 1px solid #3e64ed;
}

.case_right_text_tt {
    font-size: 17px;
    font-weight: bold;
    max-height: 50px;
}

.case_zs {
    color: #a5a5a5;
}
.case_left_item img {
    width: 100%;
}

.case_left_item {
    background: #ececec;
    display: none;
}

.case_left_pd {
    padding: 25px 15px;
}

.caselist_desc {
    padding-left: 40px;
    line-height: 2;
}

.case_left_pd {color: #000;}

.case_left_pd li.yunu-content_body_h2.icon {
    font-size: 18px;
    font-weight: bold;
}
.case_right_item:hover,.case_right_item.active {
    border: 1px solid #3e64ed;
}

.case_right_text {
    width: 55%;
    padding-left: 20px;
}
.case_left_item.active {
    display: block;
}
.yunu-infocontent{margin-bottom:30px;}
.yunu-infocontent-title{margin-bottom:20px;text-align:center;}
.yunu-infocontent-title h1{margin:0;font-size:24px;}
.yunu-infocontent-title p{margin:10px 0 0;font-size:12px;color:#999;}
.yunu-infocontent-title p span{padding:0 5px;}
.yunu-infocontent-desc{margin-bottom:20px;border:1px solid #ddd;padding:20px;}
.yunu-infocontent-body{line-height:2;margin-bottom:20px;}
.yunu-infocontent-epx{margin-bottom:20px;}
.yunu-infocontent-epx li{line-height:32px;margin-bottom:5px;}
.yunu-infocontent-epx li span{display:inline-block;background-color:#A2A2A2;color:#fff;padding:0 15px;margin-right:10px;}
.yunu-infocontent-epx li em{float:right;font-style:normal;}
.yunu-infocontent-return{border-top:1px solid #333;line-height:32px;}
.yunu-infocontent-return a{margin-right:10px;}
.yunu-infocontent-return .more{margin:0;float:right;background-color:#333;color:#fff;padding:0 10px;}
.yunu-infocontent-rem{margin-bottom:20px;}
.yunu-infocontent-rem h4{margin:0;font-size:24px;line-height:55px;}
.yunu-infocontent-rem li{border-top:1px dashed #dbdbdb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:46px;}
.yunu-infocontent-rem li span{float:right;}


.article_case {
    margin: 80px 0;
}

.yunu-pages{text-align:center;margin:30px 0;}
.yunu-pages a{display:inline-block;margin:0 3px;border:1px solid #ddd;padding:4px 12px;border-radius:3px;}
.yunu-pages a:hover,.yunu-pages a.page_curr{background:#ddd;color:#333}
.toutiao{margin:0 0 20px;padding: 20px;border: 1px dashed #ddd;}
.toutiao dt{float:left;width:60px;line-height:30px;background-color: #3e64ed;color:#fff;text-align:center;font-size:16px;font-weight: normal;}
.toutiao dd{margin-left:80px;overflow:hidden;}
.toutiao dd h4{margin:0;line-height:30px;font-weight:normal;font-size:18px;color: #000;}
.toutiao dd p{color:#666;line-height:1.8;margin:10px 0;}
.toutiao dd .more{float:right;color: #3e64ed;background:url(../images/p14-icon21.png) no-repeat 0 center;padding-left:20px;}
.list-5 li{margin-bottom:15px;}
.list-5 li a{display:block;border:1px solid #ddd;padding:15px;overflow:hidden;}
.list-5 li .m{float:left;width:250px;}
.list-5 li .m img{display:block;width:100%;height:auto;}
.list-5 li .text{margin-left:270px;}
.list-5 li .text h4{margin:0;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color: #000;}
.list-5 li .text h4 span{float:right;font-size:12px;color:#999;font-weight:normal;}
.list-5 li .text p{color:#797979;margin-block-start: 1em;margin-block-end: 1em;}
.list-5 li .text .more{float:right;padding:6px 12px;color:#fff;background-color:#B6B6B6;}
.list-5 li a:hover{border-color:#004fab;}
.list-5 li a:hover .text h4{color:#004fab;}
.list-5 li a:hover .text .more{background-color:#004fab;}
.toutiao dd h4 a {
    color: #000;
}
.shfw_wu2 p {
    margin: 15px;
    font-size: 22px;
}
.shfw_p1 {
    margin-bottom: 80px;
    line-height: 2;
}
.shfw_d2 {
    padding: 3% 0;
    background: #eaf4f8;
}

.shfw_d2 .about-title {
    margin: 30px 0;
}

.shfw_d2 .shfw_p1 {
    margin-bottom: 30px;
}
.shfw_d2 .about-title .about_en:after {
    background: linear-gradient(transparent,#eaf4f8);
}

.shcn_item1 {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: cover;
    font-size: 22px;
    color: #fff;
}
.shcn_item1.bg1 {
	background-image: url(../images/shfw6.png);
}
.shcn_item1.bg2 {
	background-image: url(../images/shfw7.png);
}
.shcn_item1.bg3 {
	background-image: url(../images/shfw8.png);
}
.shcn_item {
    height: 440px;
    background: #fff;
}

.shcn_item p {
    margin: 30px;
    line-height: 2;
}
.fwimg {
    margin-top: -35px;
}
.nb_bg .hot_key {
    color: #fff;
}

.nb_bg .hot_key a:hover {
    color: #ffba55;
}
.hzlc_border {padding: 15px 30px;border: 1px solid #000000;height: 105px;display: flex;align-items: center;flex-shrink: 0;cursor: pointer;}

.hzlc_border span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #060606;
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    float: left;
    margin-right: 15px;
}
.hzlc_border p {
    width: calc(100% - 67px);
}
.hzlc_border:hover {
    border: 1px solid #3f64ed;
}
.contact_h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px;
}

.contact_ul li {
    line-height: 2;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.contact_ul li img {
    margin-right: 15px;
}
.contact_content .col-7 {
    padding: 0;
}

.contact_left {
    background: #cccccc;
    padding: 75px 75px 40px;
}
.contact_ul li:last-child {
    margin-bottom: 30px;
}
#dituContent img{
	max-width: none;
}
.contact_content {
    margin: 70px 0;
}
.c_pro.cqg_pro img {
    width: auto;
}

.c_pro.cqg_pro .img-center {
    background: #e7e7e7;
}
.ct2-sd.solution {
    margin: 60px 0;
}

.mask_video{width:100%;height:100%;position:fixed;left:0;top:0;z-index:100;display:none;}
.mask_video .mask_bg{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);}
.mask_video .video_con{position:absolute;width: 1155px;left:50%;top:50%;transform:translate(-50%, -50%);}
.mask_video .video_con .closebox{position:absolute;right:-36px;top:-36px;width:32px;cursor:pointer;}
@media screen and (max-width: 768px){
.mask_video .video_con{position:absolute;width:80%!important;}
}