@font-face { font-family: 'cuya'; src: url('cuya.ttf'); }
.cuya { font-family: "cuya"; }
#fullPage-nav LI { margin: 0 0; }
em, i, u { font-style: normal; }
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin: 0; padding: 0; }
body { color: #333; font-size: 16px; }
#fullPage-nav LI A { text-align: right; width: 21px; background: url(dot1.png) no-repeat center center; float: right; height: 21px; color: #f1c820; text-decoration: none; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
#fullPage-nav LI .active { background-position: 0px bottom; background: url(dot2.png) no-repeat 5px 5px; background: url(dot2.png) no-repeat center center; }
#fullPage-nav LI A:hover { background: url(dot3.png) no-repeat center center; }
#fullPage-nav SPAN { display: none; }
.fullPage-tooltip { font: 12px/21px "Microsoft Yahei"; float: left; color: #fff; top: 0px; margin-right: 5px; width: 60px; text-align: center; line-height: 21px; border-radius: 25px; background: #0051a2; }
.dtgif { width: 50px; position: relative; left: 0; top: 88%; right: 0; margin: auto; }
.anniu { position: absolute; top: 0px; width: 78px; height: 70px; background: url(1.png) no-repeat; animation: updown 1.5s infinite; animation-timing-function: linear; z-index: 999; }
/*通用头部*/
.head { z-index: 10000; margin: 0 auto; width: 100%; position: relative; top: 0px; left: 0px; }
.navc { position: absolute; width: 100%; top: 100%; left: 0; height: 70px; }
.navc .myLogo { float: left; display: block; margin: 25px 0 0 20px; }
.navc .navMaing { float: right; margin: 50px 100px 0 0; }
.navMaing li { float: left; color: #fff; margin-right: 60px; }
.navMaing li a { color: #fff; font-size: 16px; transition: all .3s; display: block; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }
.navMaing li a:hover { transform: translateY(-3px); }
.navMaing li a:hover:after { content: ""; display: block; width: 60px; height: 2px; background: #fff; position: absolute; }
#nav { display: none; }
#nav ul ul { display: none; width: 100%; top: 108px; position: absolute; left: 0; background: rgba(0, 0, 0, 0.8); color: #fff; z-index: 9999; }
#nav ul ul li { float: left; width: 14.28571428571429%; margin: 0; }
#nav > ul > li ul li a { padding: 2%!important; transition: 0.5s; }
#nav > ul > li ul li a span { display: block; overflow: hidden; }
#nav > ul > li ul li a img { width: 100%; display: block; }
#nav > ul > li ul li a p { line-height: 30px; font-size: 14px; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; }
#nav > ul > li ul li a:hover { background: #1d2087; }
#container { overflow: hidden; position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.topbg { background: url("b1.jpg") no-repeat; position: absolute; width: 100%; height: 100%; display: block; z-index: 8; }
#background_video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 140%!important; width: 130%!important; }
#video_cover { /*      position: absolute;*/
width: 100%; height: 100%; background: url("b1.jpg") no-repeat; background-size: cover; background-position: center; }
#video_controls { /*      position: absolute;*/
left: 50%; transform: translate(-50%, 0); }
#play img { width: 100px; }
#pause img { width: 90px; }
#pause { display: none; }
@media (min-width: 768px) {
#video_controls { display: none; }
}
#container { height: 100%; }
#overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(vdian.png); opacity: 0.7; filter: alpha(opacity=70);/* 针对 IE8 以及更早的版本 */
}
#main_content { z-index: 2; position: relative; display: inline-block; /* Vertical center */
top: 50%; transform: translateY(-50%); }
.sypic { position: absolute; top: 0; left: 0; z-index: 9; right: 0; width: 100%; margin: auto; bottom: 0; height: 100%; }
.sypic img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; animation: sss3 1s infinite alternate linear; width: 50.78%; }
/*底部版权*/
#copybox { width: 96%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.589); position: fixed; bottom: 0; z-index: 99999; color: #fff; padding: 0 2%; font-size: 14px; }
#copybox a { color: #fff; }
#copybox span { float: right; }
#copybox img { vertical-align: middle; margin-left: 15px; }
@keyframes sss1 {  0% {
 transform: scaleX(1.1) scaleY(1.1);
}
 50% {
 transform: scaleX(1) scaleY(1);
}
 100% {
 transform: scaleX(1.1) scaleY(1.1);
}
}
@keyframes sss {  0% {
 transform: translateY(-10px);
}
 100% {
 transform: translateY(0px);
}
}
.qh_nav { position: absolute; right: 200px; width: 700px; z-index: 999999999; top: 60px; }
.qh_nav ul { width: 100%; }
.qh_nav li { float: left; width: 12.5%; }
.qh_nav li a { color: #fff; display: block; width: 100%; text-align: center; box-sizing: border-box; position: relative; height: 40px; font-weight: bold; }
.qh_nav li a:hover { color: #1d2087; border-bottom: 2px solid #1d2087; }
.qh_nav li .act { color: #1d2087; border-bottom: 2px solid #1d2087; }
@keyframes bg_moveww {  0% {
 transform: scale3d(1, 1, 1);
}
 50% {
 transform: scale3d(1.1, 1.1, 1.1);
}
 100% {
 transform: scale3d(1, 1, 1);
}
}
@keyframes bg_move {  0% {
 background-size: 100%;
}
 25% {
 background-size: 102%;
}
 50% {
 background-size: 104%;
}
 75% {
 background-size: 102%;
}
 100% {
 background-size: 100%;
}
}
.section2 { background: url(02.jpg) no-repeat center center; background-size: cover; }
.section3 { background: url(03.jpg) no-repeat center top; background-size: 100% 100%; }
.section5 { background: url(05.jpg) no-repeat center top; background-size: cover; }
.section6 { background: url(09.jpg) no-repeat center top; background-size: 100% 100%; }
.section7 { background: url(06.jpg) no-repeat center top; background-size: 100% 100%; }
.section8 { background: url(07.jpg) no-repeat center top; background-size: 100% 100%; }




.sytit { position: absolute; left: 2%; top: 0; bottom: 0; margin: auto; z-index: 9999; font-size: 36px; height: 150px; text-transform: uppercase; }
.sytit em { color: #0051a2; }
.sytit b { display: block; color: #000; margin: 4px 0 50px 0; }
.sytit a { color: #000; font-size: 14px; display: block; background: url(jt1.png) 70px 5px no-repeat; }
.sytit a:hover { background: url(jt1.png) 90px 5px no-repeat; }
.hrt { display: block; float: right; margin-top: 40px; margin-right: 15px; }
.hrt a { display: block; float: left; padding: 0 15px; border-right: 2px solid #fff; height: 20px; position: relative; }
.hrt a:last-child { border: none; padding-right: 0; }
.hrt a img { -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; display: block; width: 30px; position: relative; top: -3px; }
.header .hrt a img.ssr { width: 30px; height: 25px; position: absolute; top: -3px; left: 50%; margin-left: -15px; opacity: 0; }
.header .hrt a:last-child img.ssr { margin-left: -8px; }
.header .hrt a:hover img.ss { opacity: 0; }
.header .hrt a:hover img.ssr { opacity: 1; }
.header .hrt a .ewm { width: 133px; position: absolute; top: 42px; left: -35px; display: none; }
.header .hrt a .ewm img { width: 100%; }
/* 搜索 */
.susuo { display: none; position: fixed; width: 100%; background: rgba(0, 0, 0, 0.9); top: 0; left: 0; z-index: 22220; box-sizing: border-box; padding: 300px 0 150px; }
.susuo .sch1 { width: 1120px; margin: 0 auto; border-bottom: 1px solid #fff; padding-bottom: 50px; position: relative; }
.susuo .sch1 input { display: block; border: none; float: left; width: calc(20%); font-size: 36px; background: none; outline: none; color: #fff; width: 100%; }
.susuo .sch1 a { display: block; float: right; width: 80px; }
.susuo .sch1 .submit { margin-top: 34px; }
.susuo .sch1 a img { display: block; width: 100%; }
.susuo .sch1 .out { cursor: pointer; display: block; width: 50px; height: 50px; background: url(out.png) center no-repeat; position: absolute; top: -100px; right: 10px; background-size: cover; }
.w1300 { width: 1300px; margin: auto; }
.w1200 { width: 1200px; margin: auto; }
.section_one { background: url(b1.jpg); height: 100%; }
.section_one .section_one_wz { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; height: 300px; }
.section_one .section_one_wz img { display: block; margin: 0 auto; }
.section_one .section_one_wz b { display: block; text-align: center; font-size: 28px; color: #1e2283; }
.section_one .section_one_wz strong { display: block; text-align: center; border-radius: 30px; width: 340px; margin: 30px auto; padding: 10px 0; background: #1d2087; color: #fff; font-size: 22px; }
.section_one .banner1 { height: 100vh; min-height: 600px; max-height: 1600px; width: 100%; position: relative; }
.section_one .bannerbg { width: 100%; height: 100%; display: block; background: rgba(45, 48, 50, 0.25) url(banner_bg.png) repeat; position: absolute; z-index: 2; }
.section_one .banner1 .video_bg { position: absolute; top: 0; width: 100%; left: 0; height: 100%; z-index: 2; }
.section_one .banner1 .video_box { height: 100%; display: block; width: 100%; overflow: hidden; position: relative; }
.section_one .banner1 .video_bg img { display: inline; }
.section_one .vidbacking-active-body-back { position: relative; z-index: 1; width: 120%; height: 120%; top: 0%; left: -10%; overflow: hidden; opacity: 1; transition: 2s opacity; }
.section_one .vidbacking-active-block-back { position: absolute; min-width: 100%; min-height: 100%; height: auto; width: auto; z-index: 4; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.section_one .vidbacking { display: none; }
.fp-tableCell {
    vertical-align: top;
}
.section2 { position: relative; overflow: hidden; }
.tit {
    font-size: 46px;
    color: #fff;
    margin-bottom: 30px;
}
.tit em {
    font-size: 26px;
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 10px;
}
.tit p{ text-align:center; font-size:16px; margin-top:10px;}
.section2 h3 {
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin-top: 110px;
}
.section2 h3 em {
    color: #eee;
    font-size: 26px;
    font-weight: 100;
}
.section2 .news_con {
    display: flex;
    padding: 0 5%;
    flex-wrap: wrap;
}

/*.section2 .news_con a {*/
/* flex-wrap: wrap;*/

/*    margin-left: 2%;*/
/*    background: #ffffff;*/
/*    border: 1px solid #ccc;*/
/*    height: 285px;*/
/*    transition: all .3s;*/
/*    overflow: hidden;*/

/* display: flex;*/
/* width: 22%;*/
/* margin-bottom: 20px;*/
/*}*/
.section2 .news_con a {
    flex-wrap: wrap;
    margin-left: 4%;
    background: #ffffff;
    border: 1px solid #ccc;
    height: 285px;
    transition: all .3s;
    overflow: hidden;
    display: flex;
    width: 15.5%;
    margin-bottom: 20px;
}

.section2 .news_con a:hover{ color: #0059ab; box-shadow: 0 8px 15px #222;transform:translateY(-10px);}
/*.section2 .news_con a img {*/
/*    width: 100%;*/
/*    display: block;*/
/*    margin-bottom: 10px;*/
/*    height: 235px;*/
/*}*/

.section2 .news_con a img {
    width: 235px;
    display: block;
    margin-bottom: 10px;
    height: 235px;
}

.section2 .news_con a h4 {
    margin-bottom: 10px;
    font-size: 20px;
    padding: 0 4%;
    font-weight: normal;
	text-align:center;
    width: 100%;
}
.section2 .news_con a p {
    line-height: 200%;
    color: #6d6d6d;
    padding: 0px 4% 2% 4%;
    box-sizing: border-box;
}

.section2 .news_con a em {
    color: #0ba30b;
    font-size: 18px;
    padding: 0 4%;
    margin-top: 120px;
    display: block;
    transition: all .3s;
}
.section3 { position: relative; }
.section3 .tab { width: 100%; margin: 0 auto; height: 100%; }
.section3 .tab-hd { overflow: hidden; zoom: 1; width: 100%; position: absolute; left: 0; right: 0; margin: auto; z-index: 9; height: 100%; }
.section3 .tab-hd li { float: left; width: 25%; text-align: center; transition: all .3s; height: 100%; box-sizing: border-box; color: #fff; padding-top: 20%; background: rgba(53, 57, 146, 0.5); font-size: 14px; }
.section3 .tab-hd li img { display: block; margin: 0 auto; }
.section3 .tab-hd li b { text-align: center; display: block; font-size: 24px; font-weight: normal; }
.section3 .tab-hd li a { color: #fff; border: 1px solid #fff; height: 40px; line-height: 40px; width: 150px; display: block; margin: 40px auto; border-radius: 20px; }
.section3 .tab-hd li a:hover { background: rgba(54, 171, 156, 0.808); color: #fff; border: 1px solid rgba(54, 171, 156, 0.808); }
.section3 .tab-hd li.active { background: rgba(255, 255, 255, 0.1); color: #fff; }
.section3 .tab-hd li:hover { transform: translateY(20px); }
.section3 .tab-bd { width: 100%; height: 100%; position: relative; }
.section3 .tab-bd li { display: none; width: 100% !important; height: 100% !important; }
.section3 .tab-bd li:nth-of-type(1) { background: url(11.jpg) top center no-repeat; background-size: cover; width: 100% !important; height: 100% !important; }
.section3 .tab-bd li:nth-of-type(2) { background: url(22.jpg) top center no-repeat; background-size: cover; width: 100%; height: 100%; }
.section3 .tab-bd li:nth-of-type(3) { background: url(33.jpg) top center no-repeat; background-size: cover; width: 100%; height: 100%; }
.section3 .tab-bd li:nth-of-type(4) { background: url(44.jpg) top center no-repeat; background-size: cover; width: 100%; height: 100%; }
.section3 .tab-bd li.thisclass { display: list-item; }
.section4 { position: relative; /*自定义CSS动画*/
}
.section4 .swiper-container { height: 100%; overflow: hidden; }
.section4 .arrow-left { background: url(arrows.png) no-repeat left top; position: absolute; left: 60px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 10; }
.section4 .arrow-right { background: url(arrows.png) no-repeat left bottom; position: absolute; right: 60px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 10; }
.section4 .pagination { position: absolute; left: 0; text-align: center; bottom: 55px; width: 100%; z-index: 9999; }
.section4 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; margin: 0 3px; cursor: pointer; }
.section4 .swiper-active-switch { background: #fff; }
.section4 .swiper-slide { position: relative; opacity: 0; transition: opacity 0.7s ease-in-out; }
.section4 .swiper-slide-active { opacity: 1; }
.section4 .swiper-slide .img { position: absolute; }
.section4 .slide1, .section4 .slide2, .section4 .slide3, .section4 .slide4 { background: url(4b2.jpg) top center no-repeat; position: relative; display: block; width: 100%; height: 100%; margin: 0 auto; }
.section4 .slide1 h3, .section4 .slide2 h3, .section4 .slide3 h3, .section4 .slide4 h3 { font-size: 68px; color: #fff; }
.section4 .slide1 h3 em, .section4 .slide2 h3 em, .section4 .slide3 h3 em, .section4 .slide4 h3 em { font-size: 40px; display: block; color: #fff; }
.section4 .slide1 h3 b, .section4 .slide2 h3 b, .section4 .slide3 h3 b, .section4 .slide4 h3 b { font-size: 18px; color: #fff; width: 700px; display: block; font-weight: normal; margin: 56px auto; line-height: 35px; }
.section4 .slide1 h3 a, .section4 .slide2 h3 a, .section4 .slide3 h3 a, .section4 .slide4 h3 a { font-size: 18px; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 150px; display: block; padding: 10px 0; margin-top: 15px; background: url(jt.png) right no-repeat; margin-top: 30px; }
.section4 .slide1 h3 a:hover, .section4 .slide2 h3 a:hover, .section4 .slide3 h3 a:hover, .section4 .slide4 h3 a:hover { background: url(jt.png) 100px no-repeat; width: 180px; }
.section4 .slide2 { background: url(4b1.jpg) top center no-repeat; }
.section4 .slide3 { background: url(4b.jpg) top center no-repeat; }
.section4 .slide4 { background: url(4b3.jpg) top center no-repeat; }
.section4 .slide1 .s0 { left: 15%; top: 20%; }
.section4 .slide2 .s0 { left: 15%; top: 20%; }
.section4 .slide3 .s0 { left: 15%; top: 20%; }
.section4 .slide4 .s0 { left: 15%; top: 20%; }
.section4 .loop { animation-iteration-count: infinite; /*无限*/
animation-timing-function: linear; /*平滑*/
}
.section4 .targetBtn { margin-top: 20px; position: absolute; bottom: 60px; left: 352px; z-index: 999; }
.section4 .targetBtn a { height: 50px; border-radius: 50px; background: rgba(0, 0, 0, 0.5); float: left; line-height: 50px; text-align: center; color: #fff; text-decoration: none; }
.section4 .targetBtn .a1 { width: 110px; }
.section4 .targetBtn .a2 { width: 170px; margin-left: 15px; }
.section4 .moveRight { -webkit-animation-name: moveRight; animation-name: moveRight; }
@-webkit-keyframes moveRight {  0% {
 opacity: 0;
 left: 0px;
}
 10% {
 opacity: 1;
}
 100% {
 opacity: 1;
 left: 550px;
}
}
@keyframes moveRight {  0% {
 opacity: 0;
 left: 0px;
}
 10% {
 opacity: 1;
}
 100% {
 opacity: 1;
 left: 550px;
}
}
.section4 .moveLeft { -webkit-animation-name: moveLeft; animation-name: moveLeft; }
@-webkit-keyframes moveLeft {  0% {
 opacity: 0;
 left: 390px;
}
 10% {
 opacity: 1;
}
 100% {
 opacity: 1;
 left: -370px;
}
}
@keyframes moveLeft {  0% {
 opacity: 0;
 left: 390px;
}
 10% {
 opacity: 1;
}
 100% {
 opacity: 1;
 left: -370px;
}
}
.section5 .sygs { padding-top: 180px; }
.section5 .sygs img { display: block; margin: 0 auto 45px auto; }
.section5 .sygs .sygswz { text-align: center; color: #fff; line-height: 200%; }
.section5 .sygs .sygswz a { display: inline-block; color: #fff; padding: 5px 30px; border-radius: 20px; margin-right: 10px; background: linear-gradient(to right, #36ab9c, #353992); margin-top: 20px; transition: all .3s; }
.section5 .sygs .sygswz a:hover { background: linear-gradient(to right, #353992, #36ab9c); color: #fff; }
.section5 .sygs ul li { float: left; width: 25%; color: #36ab9c; text-align: center; }
.section5 .sygs ul li span { font-size: 102px; }
.section5 .sygs ul li b { display: block; text-align: center; }

.section6 .fahuo{padding-top: 150px;}
.section6 .fahuo .tit{color: #fff;font-weight: normal;text-align: center; }
.section6 .fahuo .tit em {
    color: #eee;
    font-size: 26px;
    font-weight: 100;
	text-transform: uppercase;
padding-left: 10px;
}
.row{ width:1170px;margin: 0 auto;overflow: hidden;}
.diepic{
	position: relative;
	width: 1200px;
	margin:40px auto 0 auto
}
.diepic h2{font-size:36px;margin-bottom:17px;text-align:center;font-weight:normal;line-height:42px;height:60px;}

.diepic .swiper-container {
	padding-bottom: 60px;
}

.diepic .swiper-slide {
	width: 50%;
	height: 570px;
	background: #fff;
	box-shadow: 0 6px 10px 0 rgba(20, 34, 67, .1);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer;
}

.diepic .swiper-slide img {
	width:100%;
	display: block;
}

.diepic .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

.diepic .swiper-pagination {
	width: 100%;
	bottom: -85px;
}

.diepic .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #030000;
	width: 10px;
	height: 10px;
	opacity: .6;
}

.diepic .swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 34px;
	display: inline-block;
	height: 10px;
	border-radius: 10px;
	transition: width .4s cubic-bezier(.4, 0, .2, 1);
	background-image: linear-gradient(80deg, #0989c5, #995cb6);
	opacity: 1;
}

.diepic .swiper-button-prev {
	left: 350px;
	top: 700px;
	width: 45px;
	height: 45px;
}

.diepic .swiper-button-next {
	right: 350px;
	top: 700px;
	width: 45px;
	height: 45px;
}


.section7 { overflow: hidden; position: relative; }
.section7 video { width: 120%; height: 120%; position: absolute; top: 0; left: -10%; bottom: 0; right: 0; margin: auto; z-index: 0; }
.section7 .synews { position: relative; z-index: 2; }
.section7 .synews ul { padding-top: 13%; }
.section7 .synews ul li { float: left; width: 31.25%; margin-right: 2%; }
.section7 .synews ul li a { transition: all .3s; }
.section7 .synews ul li a img { width: 100%; transition: all .3s; border-radius: 15px; }
.section7 .synews ul li a span { display: block; font-size: 30px; color: #fff; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; display: none; }
.section7 .synews ul li a p { margin-top: 30px; color: #fff; font-size: 18px; transition: all .3s; }
.section7 .synews ul li a i { display: block; color: #fff; font-size: 14px; margin-top: 10px; }
.section7 .synews ul li a:hover { transform: translateY(20px); box-shadow: 0 0 5px #fff; background: rgba(255, 255, 255, 0.616); border: 1px solid #fff; border-radius: 15px; }
.section7 .synews ul li a:hover p, .section7 .synews ul li a:hover i, .section7 .synews ul li a:hover span { color: #000; }
.section7 .synews ul li a:hover p, .section7 .synews ul li a:hover span { padding: 20px; }
.section7 .synews ul li a:hover p { margin-top: 10px; }
.section8 { padding-top: 10%; }
.section8 h1 { text-align: center; font-size: 44px; color: #fff; font-weight: bold; }
.section8 .gwz { display: block; margin: 30px auto 97px auto; width: 292px; }
.section8 .sy_l { color: #fff; position: relative; font-size: 16px; font-weight: normal; line-height: 180%; width: 50%; }
.section8 .sy_l::before { position: absolute; content: ""; left: 197px; top: 0; width: 17px; height: 73px; background: #36ab9c; }
.section8 .sy_l img { float: left; margin-right: 50px; display: block; }
.section8 .sy_lr { width: 50%; color: #fff; position: relative; font-size: 16px; font-weight: normal; line-height: 180%; }
.section8 .sy_lr::before { position: absolute; content: ""; left: 197px; top: 0; width: 17px; height: 73px; background: #36ab9c; }
.section8 .sy_lr img { float: left; margin-right: 50px; display: block; }
.footer { width: 100%; background: url(088.jpg) no-repeat center top; padding: 45px 0 15px 0; }
.footer .f_contact { width: 355px; float: left; color: #fff; }
.footer .f_contact h2 { font-size: 20px; text-transform: uppercase; font-weight: normal; }
.footer .f_contact .f_contact_cont { padding-top: 20px; width: 83%; }
.footer .f_contact .f_contact_cont h3 { font-weight: normal; font-size: 18px; line-height: 35px; }
.footer .f_contact .f_contact_cont p { font-size: 16px; line-height: 40px; padding-bottom: 20px; }
.footer .f_contact .f_contact_cont em { color: #36ab9c; }
.footer .f_pro { width: 580px; border-right: 1px solid #3d439c; border-left: 1px solid #3d439c; float: left; padding: 0 0px 25px 70px; color: #fff; }
.footer .f_pro h2 { font-size: 20px; text-transform: uppercase; font-weight: normal; padding-bottom: 50px; }
.footer .f_pro ul { overflow: hidden; padding-bottom: 20px; }
.footer .f_pro li { width: calc(33.33333333%); float: left; font-size: 18px; }
.footer .f_pro li em { display: block; color: #fff; padding-bottom: 20px; }
.footer .f_pro li em:after { content: ""; width: 40px; height: 3px; background: #36ab9c; display: block; margin-top: 10px; }
.footer .f_pro li a { color: #fff; font-size: 15px; line-height: 31px; }
.footer .f_wx { width: 265px; float: right; color: #fff; }
.footer .f_wx h2 { font-size: 20px; text-transform: uppercase; font-weight: normal; }
.footer .f_wx ul { overflow: hidden; padding-top: 30px; }
.footer .f_wx li { width: 101px; float: left; margin-right: 15px; }
.footer .f_wx li img { width: 100%; }
.footer .f_wx p { margin-top: 9px; font-size: 15px; }
.footer .f_wx p img { margin-top: 10px; display: block; }
.end { border-top: 1px solid #3d439c; height: 80px; }
.end .end_l { width: 994px; color: #fff; }
.end .end_l img { padding-top: 15px; display: inline-block !important; }
.end .end_l p { font-size: 16px; color: #fff; float: right; }
.end .end_r { padding-top: 23px; }
.ynlx { line-height: 200%; }
.lx_con { overflow: hidden; }
.lx_con li { width: 48%; float: left; border: 1px solid rgba(204, 204, 204, 0.622); padding-left: 3%; box-sizing: border-box; margin-right: 1%; line-height: 200%; height: 400px; padding-top: 40px; }
.lx_con li img { float: left; margin-right: 20px; padding-bottom: 180px; }
.lx_con li strong { font-size: 28px; color: #353992; }
ul.bigpage, ul.bigpage li { width: 100%; min-width: 100%; height: 100%; min-height: 100%; position: absolute; }
ul.bigpage li { background-position: bottom center; background-size: cover; background-color: #333; opacity: 0; display: block; z-index: 1; }
ul.bigpage div.left { position: absolute; left: 40px; width: 70px; height: 70px; top: 50%; margin-top: -35px; background-image: url(left.png); background-size: 70px 70px; cursor: pointer; z-index: 10; opacity: 0.7; }
ul.bigpage div.right { position: absolute; right: 40px; width: 70px; height: 70px; top: 50%; margin-top: -35px; background-image: url(right.png); background-size: 70px 70px; cursor: pointer; z-index: 10; opacity: 0.7; }
ul.bigpage ol { position: absolute; margin-left: -500px; left: 50%; width: 1000px; text-align: center; bottom: 86px; z-index: 10; }
ul.bigpage ol span { display: inline-block; width: 60px; height: 12px; margin: 10px; background: #D9D9D9; cursor: pointer; border-radius: 3px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); opacity: 0.4; }
ul.bigpage ol span div { border-radius: 3px; }
ul.bigpage ol span:hover { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); }
ul.bigpage ol span div { width: 0%; height: 100%; float: left; background-color: #36ab9c; background-image: -webkit-linear-gradient(top, #36ab9c, #36ab9c); background-image: linear-gradient(top, #36ab9c, #36ab9c); }
ul.bigpage ol span:first-child div { width: 60px; }
ul.bigpage div.bottom { position: absolute; z-index: 11; bottom: 0px; width: 100%; left: 50%; margin-left: -50%; height: 45px; line-height: 45px; color: #fff; font-size: 1.2em; background: rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.1); }
ul.bigpage div.bottom span { padding: 0px 20px; }
ul.bigpage div.bottom span.mainnav { float: right; }
ul.bigpage div.bottom span a { color: #fff; font-size: 1em; font-weight: 700; padding-right: 15px; }
ul.bigpage .bg0 { background-image: url(ba1.jpg); }
ul.bigpage .bg1 { background-image: url(ba2.jpg); }
ul.bigpage .bg2 { background-image: url(ba3.jpg); }
ul.bigpage .bg3 { background-image: url(ba4.jpg); }
@media (min-width: 770px) {
.fixed_footer { display: none; }
}
@media (max-width: 769px) {
.article_box p, .article_content p{ margin-bottom:0 !important;}
.lx_con li { width: 100%; height: auto; padding-bottom: 30px; margin-bottom: 10px; }
.lx_con li img { display: none; }
.fixed_footer { height: 50px; background: linear-gradient(to right, #36ab9c, #353992); position: fixed; bottom: 0; z-index: 44; width: 96%; border-top-right-radius: 20px; border-top-left-radius: 20px; margin: auto; left: 0; right: 0; }
.fixed_footer a { float: left; width: 33.33%; text-align: center; }
.fixed_footer img { display: inline-block; height: 24px; margin: 5px 0 0; }
.fixed_footer strong { color: #fff; font-size: 12px; display: block; height: 20px; line-height: 20px; }
.hrt,  .section2 .Homebanner li.cur .Homebannertext dl.bannerone dt { display: none; }
.section2 .Homebannertext .bannerone dd { width: 96%; float: none !important; text-align: center; }
.section2 .Homebannertext .Homebannertext_db img { bottom: auto; top: 30% !important; width: 30% !important; height: auto !important; }
.section2 .Homebannertext .bannerone { margin-top: 20%; padding-top: 0 !important; }
.section2 .news_con{margin-top:0 !important;}
.section2 .news_con a{ width:41%;margin: 1% 3%; height:230px !important}
.section2 .news_con a img{ height:185px !important;width: 100%;}
.section3 .tab-hd li { width: 50%; height: 50%; }
.section4 .slide1 h3 b,  .section4 .slide2 h3 b,  .section4 .slide3 h3 b,  .section4 .slide4 h3 b { width: 70%; margin: 20px 0; }
.section5 .sygs { width: 90%; margin: 0 auto; }
.w1300 { width: 100%; }
.section5 .sygs ul li span { font-size: 1rem; }

.section6 .process-box { padding-top: 120px; }
.section6 .process-box ul li .kuang { display: none; }
.section6 .process-box ul li { width: 38% !important; background: #fff; height: auto; margin-right: 20px; margin-left: 40px; margin-bottom: 20px; }
.section6 .process-box ul.two { margin-left: 0 !important; }
.section6 .process-box ul.two li { margin-top: 0; }
.section6 .process-box ul li .text1 img { width: 50%; margin: 0 auto; }
.section6 .process-box ul li .text1 span { bottom: 20px; }
.section6 .process-box ul li .text1 { height: 160px; width: 100%; }
.section7 .synews ul li { float: none; width: 90%; margin: 0 auto; }
.section7 .synews ul li a img { display: none; }
.section7 video { display: none; }
.section7 .synews ul li { margin-bottom: 30px; }
.section7 .synews ul { padding-top: 28%; }
.section8 .sy_l,  .section8 .sy_lr { width: 86%; margin: 0 auto; float: none !important; }
.section8 .sy_lr { margin-top: 20px; }
.n_nav { width: 100% !important; bottom: 15% !important; }
.n_nav a { width: 20% !important; margin-top: 20px; }
#nyba { height: 500px !important; }
.fade_text { margin-top: 131px !important; }
.footer,  #copybox { display: none; }
.wap_son a { width: 47.33% !important; border-radius: 15px; }
.product_list_one .item,  .product_list_two .item,  .product_list_three .item { width: 48.3% !important; }
.product_list_one .item strong { text-align: center; }
#nyba1 { height: 300px !important; }
.wap_son a { background: linear-gradient(to right, #b240ed, #3f9bf6); }
#nyba1 { background-position: center; }
ul.bigpage .bg1 { background-image: url(xb1.jpg) !important; }
ul.bigpage .bg2 { background-image: url(xb2.jpg) !important; }
ul.bigpage .bg3 { background-image: url(xb3.jpg) !important; }
ul.bigpage ol span { width: 23px !important; margin: 3px !important; }
ul.bigpage ol { bottom: 60px !important; }
}
@media (max-width: 415px) {
.section2 .Homebannertext .bannerone dd h3 { font-size: 1rem; }
.section2 h3{ margin-top:80px !important;margin-bottom: 20px;font-size:1.2rem;}
.section2 .tit p{ display:none;}
.section2 .news_con a{ height:165px !important;}
.section2 .news_con a img{ height:120px !important;}
.section2 .news_con a h4{font-size:.6rem; }

.section5 .sygs img { width: 80%; }
.section5 .sygswz p:nth-of-type(3),  .section5 .sygswz p:nth-of-type(4),  .section5 .sygswz p:nth-of-type(2) { display: none; }
.section5 ul { display: none; }
.section5 a { margin-top: 20px; margin-bottom: 0 !important; }
.section6 .process-box ul li { margin-right: 5px; margin-left: 15px; margin-bottom: 7px; }
.section6 .process-box ul li .text1 { height: 122px; }
.section6 .row{width:100% }
.section6 .fahuo{ margin-top:60px;}
.section6 .fahuo .tit{ font-size:1.2rem;}
.section6 .fahuo .tit em{ font-size:1rem;}
.section6 .client-item > a > img{ width:100%; height:auto !important}
.section6 .client-prev{border-width: 30px 0 0 40px;}
.section6 .client-next{border-width: 30px 70px 60px 0;}

.section7 .synews ul li a span { display: none; }
.section7 .synews ul li { border-bottom: 1px solid rgba(204, 204, 204, 0.418); padding-bottom: 20px; }
.section8 h1,  .section8 .gwz,  .section8 .sy_lr img,  .section8 .sy_l img,  .section8 .sy_lr::before,  .section8 .sy_l::before { display: none; }
.section8 .sy_l { margin-top: 124px; }
#copybox { display: none; }
.section3 .tab-hd li b { font-size: 1rem; }
.product_list_two .item .info { padding: 0; min-height: 50px !important; line-height: 50px; text-align: center; }
.product_list_two .item .info strong,  .product_list_three .item .info strong { padding: 0 !important; }
.product_list_two .item .info { padding: 0 !important; }
.product_list_two .item .info strong,  .product_list_three .item .info strong { font-size: 0.6rem !important; }
.wap_son a { font-size: 0.8rem; }
.product_list_one .item strong { font-size: 0.6rem !important; width: 100% !important; }
.product_list_one .item .info { padding: 10px 0 !important; }
.header .logo img { margin: 0; }
.header .logo img { padding: 0px 0 0 12px !important; }
.section3 .tab-hd li a { margin: 5px auto; font-size: 0.6rem; }
.section4 .slide1 h3,  .section4 .slide2 h3,  .section4 .slide3 h3,  .section4 .slide4 h3 { font-size: 1rem; }
.section4 .slide1 h3 em,  .section4 .slide2 h3 em,  .section4 .slide3 h3 em,  .section4 .slide4 h3 em { font-size: 0.8rem; }
.section4 .slide1 h3 b,  .section4 .slide2 h3 b,  .section4 .slide3 h3 b,  .section4 .slide4 h3 b { width: 60%; }
.section4 .slide1 .s0,  .section4 .slide2 .s0,  .section4 .slide3 .s0,  .section4 .slide4 .s0 { left: 8%; }
.section4 .arrow-right,  .section4 .arrow-left { display: none; }
.section4 .slide1 h3 img,  .section4 .slide2 h3 img,  .section4 .slide3 h3 img,  .section4 .slide4 h3 img { width: 80%; }
.section5 .sygs { padding-top: 120px; }
.section6 .process-box { padding-top: 83px; }
#nyba { height: 443px !important; }
.n_nav a { font-size: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.info_big_box .info_1 .dh:nth-of-type(3),  .info_big_box .share,  .info_big_box .info_3 { display: none; }
.article_content img { width: 100%; }
.article_content,  #list .right_side.fr { padding-bottom: 50px; }
ul.bigpage .bg1 { background-image: url(xbb1.jpg) !important; }
ul.bigpage .bg2 { background-image: url(xbb2.jpg) !important; }
ul.bigpage .bg3 { background-image: url(xbb3.jpg) !important; }
ul.bigpage div.right,  ul.bigpage div.left { display: none; }
.section_one .banner1 #container { display: none !important; }
}
@media (max-width: 376px) {
.section2 .Homebannertext .bannerone dd h3 { font-size: 1rem; }
.section2 h3{ margin-top:80px !important;margin-bottom: 20px;font-size:1.2rem;}
.section2 .tit p{ display:none;}
.section2 .news_con a{ height:145px !important;}
.section2 .news_con a img{ height:105px !important;}
.section2 .news_con a h4{font-size:.6rem; }
.section6 .client-prev{border-width: 0 0 0 40px;}
.section6 .client-next{border-width: 0 70px 60px 0;}
}
@media (max-width: 321px) {
.section2 .Homebannertext .bannerone dd h3 { font-size: 1rem; }
.section2 h3{ margin-top:80px !important;margin-bottom: 20px;}
.section2 .tit p{ display:none;}
.section2 .news_con a{ height:145px !important;margin: 2% 3%;}
.section2 .news_con a img{ height:101px !important;}
.section2 .news_con a h4{font-size:.6rem; }
.section3 .tab-hd li a { width: 60%; margin: 0 auto; height: 30px; line-height: 30px; }
.section3 .tab-hd li img { width: 40%; }
.section4 .slide1 h3 a,  .section4 .slide2 h3 a,  .section4 .slide3 h3 a,  .section4 .slide4 h3 a { font-size: 0.6rem; }
.section5 .sygs img { margin: 0 auto 20px auto; }
.section5 .sygs .sygswz { line-height: 160%; }
.section5 a { margin-top: 9px; }
.section6 .client-prev{border-width: 0 0 0 40px;}
.section6 .client-next{border-width: 0 70px 60px 0;}
.section7 .synews ul { margin-top: 0%; }
.section7 .synews ul li:nth-of-type(3) { display: none; }
.section8 .sy_l { margin-top: 38px; }
}
@media (max-width: 1440px) {
.section2 .news_con a img {  height:220px; }
#my-slide{ width:100%; }
}
@media (max-width: 1220px) {
	.section2 h3{ margin-top:120px}
	.section2 .news_con{margin-top:10%}
.section2 .news_con a{ height:185px;}
.section2 .news_con a img {  height:140px; }
#my-slide{ width:100%; }
}
@media (min-width: 768px) {
  .row {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .row {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .row {
    width: 1300px;
    margin-top: 60px;
  }
}