@charset "utf-8";
.clear{clear: both;}
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
width: 100%;
overflow-x: hidden;
margin: 0;
font-family: "nr","nb","nh" !important;
}


*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 ;font-family: "ML";}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1}
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;color: #494949;font-family: "ML"; }

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {font-family: "ML";}
body { line-height: 1.5}
a:link,
a:visited,
a:active,
a { text-decoration: none;font-family: "ML";}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
img{display: block;width: 100%;height: auto;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:1;}
sup{vertical-align:super}





.w90{width: 90%;max-width: 1680px;margin: 0 auto;}
.title{width: 100%;height: auto;}
.title2{width: 100%;height: auto;}
.title2 b{font-size: 18px;color: #494949;font-weight: normal;font-family: "MS";}
.title b{text-transform: uppercase; display: block; font-size: 60px;color: #494949;font-weight: normal;font-family: "MS";}
.view{font-size: 18px;color: #35a8de;font-family:"nb" !important; text-transform: capitalize;display: inline-block;}
.view i{width: 65px;display: inline-block;vertical-align: middle;margin-left: 10px;}
.view:hover{color:#022d65;}
.td-space{width: 100%;height: auto;padding: 110px 0;}
.t-space{padding-top:110px;}
.d-space{padding-bottom:110px;}
.margin-t{width: 100%;height: auto;margin-top: 65px;}
.txt-c{width: 100%;height: auto;}
.txt-c p{font-size: 18px;font-family: "ML";}
.txt{width: 100%;height: auto;}
.txt p{font-size: 60px;font-family: "MS";color: #494949;line-height: 1.2;}

@media only screen and (max-width:1680px) {
	.view i{width: 60px;}
	.td-space{padding: 100px 0;}
.t-space{padding-top:100px;}
.d-space{padding-bottom:100px;}
.margin-t{margin-top: 60px;}
.txt p{font-size: 55px;}
.title b{font-size: 55px;}
}
@media only screen and (max-width:1440px) {
	.title2 b{font-size:16px;}
	.view i{width: 55px;}
		.td-space{padding:90px 0;}
.t-space{padding-top:90px;}
.d-space{padding-bottom:90px;}
.margin-t{margin-top: 55px;}
.txt-c p{font-size: 16px;}
.txt p{font-size: 50px;}
.title b{font-size: 50px;}
.view{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
	.view i{width: 50px;}
			.td-space{padding:80px 0;}
.t-space{padding-top:80px;}
.d-space{padding-bottom:80px;}
.margin-t{margin-top: 50px;}
.txt p{font-size: 45px;}
.title b{font-size: 45px;}
}
@media only screen and (max-width:1024px) {
	.title2 b{font-size: 15px;}
	.view i{width: 45px;}
				.td-space{padding:70px 0;}
.t-space{padding-top:70px;}
.d-space{padding-bottom:70px;}
.margin-t{margin-top: 45px;}
.txt-c p{font-size: 15px;}
.txt p{font-size:35px;}
.title b{font-size: 40px;}
.view{font-size: 15px;}
}
@media only screen and (max-width:720px) {
.view i{width: 40px;}
.td-space{padding:65px 0;}
.t-space{padding-top:65px;}
.d-space{padding-bottom:65px;}
.margin-t{margin-top: 40px;}
.txt p{font-size:25px;}
.title b{font-size: 30px;}
}






.header{position: fixed;top:0;left: 0;width: 100%;height: 90px;padding: 0 3%;z-index: 999;}
.header .header-c{}
.header .header-c .logo{display: block;width: 260px;height: auto;margin-top: 15px;float: left;}
.header .header-c .lang{z-index: 999; top: 25px;position: fixed;right: calc(5% + 45px);  padding-right: 10px;border-right: 1px solid #FFFFFF;width: 120px;height:30px;float: right;}
.header .header-c .lang a{color: #FFFFFF;font-size: 18px;display: inline-block;line-height: 30px;}
.header .header-c .lang i{display: inline-block;width: 22px;height: auto;vertical-align: middle;margin-right: 10px;}

.header .bn-l{position: fixed;right: 0%;z-index: 999;}
.header .toggle{z-index: 999; width: 30px;height: 30px;position: fixed;right: 5%;top:25px;}
 .toggle .icon,
 .toggle .icon::before,
 .toggle .icon::after {position: absolute;width: 26px;height:3px;transition-duration: 0.3s;background: #FFFFFF;}
 .toggle .icon {top: 14px;left: 0;}
 .toggle .icon{width: 26px;}
 .toggle .icon::after {width:13px;}

 .toggle .icon::before,
 .toggle .icon::after {left: 0; content: '';background: inherit;}
 .toggle .icon::before {top: -7px;}
 .toggle .icon::after {top: 7px;}

 .toggle:hover .icon{width: 26px;}
 .toggle:hover .icon::after{width: 26px;}
 .toggle.open .icon {width: 0;}
 .toggle.open .icon::before {transform: translateY(7px) rotate(45deg);}
 .toggle.open .icon::after {width: 26px;transform: translateY(-7px) rotate(-45deg);}



body.body-page-bks{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);}
.header .menu{position:fixed;top: 0;right: 0; background: #022D65;width:00%; height: 100%; z-index: 888;}
.header .menu-bks{width:0%;height: 100%;z-index: 888;top: 0;left: 0;overflow: hidden; position: fixed;background: rgba(0,0,0,0.6);}


.header .menu .bks{z-index: -1;width: 100%;top: 15%;position: absolute;left: 0;opacity: 0.2;}
.header .menu .menu-c{padding: 15% 5% 5% 5%;overflow: hidden;}
.header .menu .nav{float: left; width:50%;height:auto;border-right: 1px solid rgba(255,255,255,0.1);}
.header .menu .nav li{font-size:36px;text-transform: capitalize;margin-bottom: 10px;}
.header .menu .nav li a{color:#FFFFFF;font-family: "MS";}
.header .menu .nav li:hover a{color: #35A8DE;}
.header .menu .nav li.cut a{color: #35A8DE;}
.header .menu .leftnav{width: 25%; float: left;padding-left: 5%;padding-top: 8%;}
.header .menu .leftnav b{text-transform: capitalize; font-size: 24px;color: #FFFFFF;font-family: "MS";display: block;margin-bottom: 10px;}
.header .menu .leftnav a{color: #FFFFFF;}
.header .menu .leftnav .con a{display: block;font-size: 16px;font-family: "ML";margin-top: 15px;}
.header .menu.show{width:65%;transition: all 0.5s ease;}
.header .menu-bks.show1{width: 100%;transition: all 0.5s ease;}
.header1{background: #022D65;}
.header .menu .menu-d{width:80%;font-size: 0; color: #FFFFFF;position: absolute;bottom:5%;left: 10%;}
.header .menu .menu-d span{display: inline-block; font-size: 16px;width:33.3%;vertical-align: top;}
.header .menu .menu-d span a{color: #FFFFFF;}


@media only screen and (max-width:1680px) {
	.header .menu .leftnav b{font-size: 22px;}
	.header .menu .nav li{font-size: 34px;}
	.header .header-c .logo{width: 250px;}
}
@media only screen and (max-width:1440px) {
	.header .menu .leftnav b{font-size: 20px;}
	.header .menu .nav li{font-size: 32px;}
	.header .header-c .logo{width: 240px;}
}
@media only screen and (max-width:1280px) {
	.header{height: 80px;}
	.header .header-c .lang{width: 110px;}
	.header .header-c .lang a{font-size: 16px;}
	.header .header-c .lang i{width: 20px;}
	.header .menu .menu-d span{font-size: 15px;}
	.header .menu .leftnav b{font-size: 18px;}
	.header .menu .nav li{font-size: 30px;}
	.header .menu.show{width: 70%;}
}
@media only screen and (max-width:1024px) {
.header{height: 60px;}
.header .header-c .logo{width: 180px;margin-top: 10px;}
.header .toggle{right:3.5%;top: 15px;}
.header .header-c .lang{width: 100px;right: calc(4% + 35px);top: 15px;}
.header .header-c .lang a{font-size: 15px;}
.header .header-c .lang i{width: 18px;}
.header .menu.show{width: 100%;}
.header .menu .menu-d span{font-size: 14px;}
.header .menu .nav li{font-size: 28px;}
}
@media only screen and (max-width:720px) {
	.header .menu .menu-c{padding: 45% 5% 5% 5%;}
	.header .menu .nav li{font-size: 26px;}
	.header .menu .leftnav{display: none;}
	.header .menu .nav{width: 100%;border-right: none;}
	.header .menu .menu-d span{font-size: 12px;}
	.header .menu .bks{width: 130%;opacity: 0.8;top: 45%;}
	
}









.banner{width: 100%;height: 100%;position: relative;z-index: 0;}
.banner .banner-js{width: 100%;height:100%;position: absolute;left: 0;top: 0px;z-index: 0;z-index:0;}
.banner .banner-js .pic .img1{display: none;}
.banner .banner-js .swiper-slide{overflow: hidden;}
.banner .banner-js .pic{position: absolute;z-index: 2; width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner .banner-js .pic .con{position: absolute;left: 0;width: 100%;height: auto;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.banner .banner-js .pic .con p{color:#FFFFFF;font-size: 50px;font-family: "hy";}
.banner .banner-js .pic .con .ico{width: 35%;max-width: 300px;margin-bottom: 20px;}
.banner .banner-js .pic .con .view{color: #FFFFFF;margin-top: 45px;}
.banner .banner-js .swiper-pagination{ color:#FFFFFF;background:rgba(255,255,255,0.2);font-size: 0; opacity:1;text-align:center;text-align: left; left:5%;width: 90%; position: absolute; bottom: 10%; z-index: 1;height: 1px;}
.banner .banner-js .swiper-pagination-bullet {width:25%; height:2px;vertical-align: top; display: inline-block;border-radius: 0; margin: 0;background: none;}
.banner .banner-js .swiper-pagination-bullet-active{background: #FFFFFF;}
@media only screen and (max-width:1680px) {
	.banner .banner-js .pic .con p{font-size:45px;}
}
@media only screen and (max-width:1440px) {
.banner .banner-js .pic .con p{font-size: 40px;}
}
@media only screen and (max-width:1280px) {
	.banner .banner-js .pic .con p{font-size: 35px;}
}
@media only screen and (max-width:1024px) {
	.banner .banner-js .pic .con p{font-size: 30px;}
	.banner{height:70%;}

}
@media only screen and (max-width:720px) {
	.banner .banner-js .pic .con p{font-size: 25px;}
}






.inabbox{width: 100%;height:auto;}
.inabbox .inab{ position: relative; width: 100%;height: auto;z-index: 0;}
.inabbox .inab .bks{position: absolute; width: 85%;height: auto;right: 0;top: 55%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-mstransform: translateY(-50%);-o-transform: translateY(-50%);z-index: -1;}
.inabbox .inab .title2{width: 25%;float: left;padding-right: 5%;}
.inabbox .inab .inab-c{width: 75%;float: right;height: auto;}
.inabbox .inab .inab-c .txt {width: 100%;height: auto;padding-bottom: 5%;margin-bottom: 5%; border-bottom: 1px solid #494949;}
.inabbox .inab .inab-c .txt p{color: #494949;font-family: "MS";line-height: 1.2;}
.inabbox .inab .inab-c .txt-c{width: 100%;height: auto;overflow: hidden;}
.inabbox .inab .inab-c .txt-c p{width: calc(50% - 25px);float: left;margin-right:50px;}
.inabbox .inab .inab-c .txt-c p:nth-child(2n){margin-right: 0;}
.inabbox .inab .inab-d{width: 100%;height: auto;position: relative;}
.inabbox .inab .inab-d .view{position: absolute;right: 0;bottom: 5%;}

.inabbox .inab .inab-d .numbox{width: 100%;height: auto; font-size: 0;}
.inabbox .inab .inab-d .numbox li{margin-bottom:45px; width: calc(50% - 25px);margin-right: 50px;vertical-align: top; font-size: 0;display: inline-block;}
.inabbox .inab .inab-d .numbox li:nth-child(2n){margin-right: 0;}
.inabbox .inab .inab-d .numbox li h6{line-height: 1; padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #022D65; color: #022D65;font-size:36px;}
.inabbox .inab .inab-d .numbox li h6 span{font-size: 90px;}
.inabbox .inab .inab-d .numbox li p{font-size:18px;color: #022D65;}
@media only screen and (max-width:1680px) {
	.inabbox .inab .inab-d .numbox li h6{font-size: 34px;}
	.inabbox .inab .inab-d .numbox li h6 span{font-size: 80px;}
}
@media only screen and (max-width:1440px) {
	.inabbox .inab .inab-d .numbox li h6{font-size: 32px;}
	.inabbox .inab .inab-d .numbox li h6 span{font-size: 70px;}
	.inabbox .inab .inab-d .numbox li p{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
	.inabbox .inab .title2{width: 20%;}
	.inabbox .inab .inab-c{width: 80%;}
	.inabbox .inab .inab-d .numbox li h6{font-size: 26px;}
	.inabbox .inab .inab-d .numbox li h6 span{font-size:55px;}
}
@media only screen and (max-width:1024px) {
	.inabbox .inab .title2{width: 100%;}
	.inabbox .inab .inab-c{width: 100%;margin-top: 35px;}
	.inabbox .inab .inab-c .txt-c p{width: 100%;}
	.inabbox .inab .inab-d .numbox li h6{font-size:24px;}
	.inabbox .inab .inab-d .numbox li h6 span{font-size: 50px;}
	.inabbox .inab .inab-d .numbox li p{font-size: 15px;}
}
@media only screen and (max-width:720px) {
	.inabbox .inab .inab-d .numbox li h6{font-size: 20px;}
	.inabbox .inab .inab-d .numbox li h6 span{font-size:40px;}
	.inabbox .inab .inab-d .numbox li{width: 100%;}
	.inabbox .inab .inab-d .numbox li:nth-child(3){margin-bottom: 0;}
	.inabbox .inab .inab-d .view{bottom: 0;}
}




/*case*/

.incase{width: 100%;height:95%; overflow: hidden; position: relative; z-index: 0;}
.incase .incase-sort{width: 100%;height: auto;position:absolute;left: 0;top: 10%;z-index: 6;}
.incase .incase-sort .incase-sort-js{text-align: left; width: 100%;height: auto;}
.incase .incase-sort .incase-sort-js p{cursor: pointer; color: #FFFFFF;font-family: "ML";font-size: 18px;}
.incase .incase-sort .incase-sort-js .swiper-slide{width: auto;}
.incase .incase-sort .incase-sort-js .swiper-slide-active p{font-family: "MS";}
.incase .incase-js{width: 100%;height:100%;z-index: 5; overflow: hidden;}
.incase .incase-js .list{width: 100%;height: 100%;position: absolute;top:0;left: 0; background-size: cover;background-repeat: no-repeat;background-position: center;top:0;left: 0;}
.incase .incase-js .list .bks{width: 100%;height:100%;background: rgba(30,40,59,0.6);position: absolute;}
.incase .incase-js .list .tl{width: 100%;height: auto;padding: 50px  0;margin-bottom: 50px; border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5);}
.incase .incase-js .list .tl b{display: block; width:25%;height: 120px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-family: "MS";  font-size: 40px;color: #FFFFFF;text-transform: uppercase;}
.incase .incase-js .list .tl .count{font-family: "MS"; font-size: 100px;color: #FFFFFF; width: 100%;text-align: right;display: block;}
.incase .incase-js .list .tl .count i{font-size: 48px;font-family: "ML"; color: #FFFFFF;}

.incase .incase-js .list .con{width: 100%;height: auto;overflow: hidden;}
.incase .incase-js .list .con .con-l{width: 60%;padding-right: 5%;float: left;height: auto;}
.incase .incase-js .list .con .con-l .txt-c{margin-bottom: 45px;height: 108px; overflow: hidden;text-overflow: ellipsis; width: 100%;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.incase .incase-js .list .con .con-l .txt-c p{color: #FFFFFF;}
.incase .incase-js .list .con .con-l .view{color: #FFFFFF;}
.incase .incase-js .list .con .con-r{width: 40%;text-align: right;height: auto;float: right;}
.incase .incase-js .list .con .con-r a{color: #FFFFFF;display: block;margin-bottom: 10px;}

@media only screen and (max-width:1680px) {
	.incase .incase-js .list .tl b{font-size: 38px;height: 114px;}
	.incase .incase-js .list .tl .count{font-size: 90px;}
	.incase .incase-sort .incase-sort-js p{font-size: 17px;}
	.incase .incase-js .list .tl .count i{font-size: 45px;}
	.incase .incase-js .list .tl{padding: 45px 0;}
}
@media only screen and (max-width:1440px) {
	.incase .incase-js .list .tl b{font-size: 36px;height: 108px;}
	.incase .incase-sort .incase-sort-js p{font-size: 15px;}
		.incase .incase-js .list .tl .count{font-size: 80px;}
	.incase .incase-js .list .tl .count i{font-size: 40px;}
	.incase .incase-js .list .con .con-l .txt-c{height: 96px;}
	.incase .incase-js .list .tl{padding: 40px 0;}
}
@media only screen and (max-width:1280px) {
	.incase .incase-js .list .tl b{font-size: 34px;height: 102px;}
		.incase .incase-js .list .tl .count{font-size:70px;}
	.incase .incase-js .list .tl .count i{font-size: 35px;}
	.incase .incase-js .list .tl{padding: 35px 0;}
}
@media only screen and (max-width:1024px) {
	.incase .incase-js .list .tl b{font-size:32px;height: 96px;}
	.incase .incase-sort .incase-sort-js p{font-size: 14px;}
	.incase .incase-js .list .tl .count{font-size: 50px;}
	.incase .incase-js .list .tl .count i{font-size:25px;}
	.incase .incase-js .list .con .con-l{width: 100%;}
	.incase .incase-js .list .con .con-r{display: none;}
	.incase{height: 80%;}
	.incase .incase-js .list .con .con-l .txt-c{height: 90px;}
	.incase .incase-js .list .tl{padding: 30px 0;}
}
@media only screen and (max-width:720px) {
	.incase .incase-sort{top: 6%;}
	.incase .incase-js .list .tl b{width: 100%; font-size: 30px;height: 90px;}
.incase .incase-js .list .tl .count{font-size:40px;}
	.incase .incase-js .list .tl .count i{font-size:20px;}
	.incase{height: 70%;}
	.incase .incase-js .list .tl{padding: 25px 0;}
}






.inpro{width: 100%;height: auto;}
.inpro .inpro-c{width: 100%;height: auto;}
.inpro .inpro-c .inpro-js{width: 100%;height: auto;border-left: 1px solid #dadada;}
.inpro .inpro-c .li{position: relative;border: 1px solid #dadada;border-left: none; width: 100%;height:auto;padding:8%;}
.inpro .inpro-c .li b{display: block;height: 120px; width: 100%;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-size: 40px;color: #494949;font-weight:normal;font-family:"nb";}
.inpro .inpro-c .li b sup{vertical-align:super}
.inpro .inpro-c .li .view{display: block;margin-top: 75%;}
.inpro .inpro-c .li .ico{width: 65%;position: absolute;z-index: -1;right: 0;bottom: 0;}
@media only screen and (max-width:1680px) {
	.inpro .inpro-c .li b{font-size: 38px;height: 114px;}
}
@media only screen and (max-width:1440px) {
	.inpro .inpro-c .li b{font-size: 36px;height: 108px;}
}
@media only screen and (max-width:1280px) {
	.inpro .inpro-c .li b{font-size: 34px;height: 102px;}
}
@media only screen and (max-width:1024px) {
	.inpro .inpro-c .li b{font-size: 26px;height: 78px;}
}
@media only screen and (max-width:720px) {
	.inpro .inpro-c .li b{font-size:22px;height:66px;}
}





.innews{z-index: 0;position: relative; width: 100%;height: auto;background: #eeeeee;overflow: hidden;}
.innews .bks{position: absolute;left: 0;top: 45%;width: 100%;height: auto;z-index: -1;}
.innews .innews-top{width:100%;height:auto;overflow: hidden;}
.innews .innews-top .title{float: left;width: 75%;}
.innews .innews-top .view{float: right;width: 20%;text-align: right;display: inline-block;}
.innews .innews-list{width: 100%;height:auto;font-size: 0;}
.innews .innews-list li{width: calc(33.3% - 30px);display: inline-block;vertical-align: top; margin-right:45px;}
.innews .innews-list li:nth-child(3n){margin-right: 0;}
.innews .innews-list li .pic{overflow: hidden; position: relative; width: 100%;height: auto;z-index: 0;}
.innews .innews-list li .pic img{transition: all 0.5s ease;}
.innews .innews-list li .bks{position: absolute;top:0;left: 0;z-index: 1; width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.innews .innews-list li .time{position: absolute;left: 0;top: 0;width: 100%;z-index: 1; color: #FFFFFF;font-size: 18px;font-family: "ML";padding: 5%;border-bottom: 1px solid rgba(255,255,255,0.3);}
.innews .innews-list li b{font-size: 24px;height: 72px; color: #494949;font-weight: normal;font-family: "ML";display: block;margin-top: 25px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.innews .innews-list li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.innews .innews-list li:hover b{color: #022d65;font-family: "MS";}

@media only screen and (max-width:1680px) {
	.innews .innews-list li b{font-size: 22px;height: 66px;}
}
@media only screen and (max-width:1440px) {
	.innews .innews-list li{width: calc(33.3% - 20px);margin-right: 30px;}
	.innews .innews-list li .time{font-size: 16px;}
	.innews .innews-list li b{font-size: 20px;height: 60px;}
}
@media only screen and (max-width:1280px) {
	.innews .innews-list li{width: calc(33.3% - 15px);margin-right: 22.5px;}
	.innews .innews-list li b{font-size:18px;height: 54px;}
}
@media only screen and (max-width:1024px) {
	.innews .innews-top .title{width: 100%;}
	.innews .innews-top .view{width: 100%;}
	.innews .innews-list li .time{font-size: 16px;}
	.innews .innews-list li b{font-size: 16px;height: 48px;}
}
@media only screen and (max-width:720px) {
	.innews .innews-list li{width: 100%;margin-bottom: 30px;}
	.innews .innews-list li:nth-child(3){margin-bottom: 0;}
}



.footer{width: 100%;height: auto;background: #022D65;}
.footer .foot-t{padding-bottom: 6%; width: 100%;height: auto;overflow: hidden;}
.footer .foot-t .logo{width: 260px;display: block;float: left;}
.footer .foot-t .navlist{width: calc(60% - 260px);float: right;font-size: 0;text-align: right;padding-left: 0%;}
.footer .foot-t .navlist li{ display: inline-block;font-size: 18px; vertical-align: top;width: auto;padding-left: 5%;min-width: 50%;margin-bottom: 10px;}
.footer .foot-t .navlist li a{text-transform: capitalize; color: #35A8DE;text-align: left;display: inline-block;}
.footer .foot-d{padding:5.5% 0 45px 0; font-size: 16px; width: 100%;height: auto;overflow: hidden;}
.footer .foot-d .pcy{width: 60%;height: auto;float: left;}
.footer .foot-d .pcy span{color:#35a8de;}
.footer .foot-d .pcy span a{color: #35A8DE;}
.footer .foot-d .ply{text-align: right; width: 40%;height: auto;float: right;color: #35A8DE;}
.footer .foot-d .ply a{color: #35A8DE;}
.footer .foot-c{overflow: hidden; padding:60px 0; width: 100%;position: relative; height: auto;border-top: 1px solid #35A8DE;border-bottom: 1px solid #35A8DE;}
.footer .foot-c:before{content: "";position: absolute;left: 50%;top: 0;height: 100%;width: 1px;background: #35A8DE;}
.footer .foot-c .mail{line-height: 1.2; overflow: hidden; color: #35A8DE; width: 50%;padding-right: 5%;float: left;font-size: 0;}
.footer .foot-c .mail span{vertical-align: middle; display:inline-block;width: 20%;  font-size: 16px;}
.footer .foot-c .mail p{text-align: right; font-size: 46px;display: inline-block; font-family: "MS";width: 80%;vertical-align: middle;}
.footer .foot-c .form{width: 50%;padding-left: 5%;float: right;}
.footer .foot-c .form form{position: relative; width: 100%; height: auto;border-radius: 5px; background: rgba(255,255,255,0.1);}
.footer .foot-c .form form .c1{width: calc(100% - 70px); line-height: 25px;padding: 15px; color:#35A8DE;font-size: 16px;border: none;background: none;}
.footer .foot-c .form form .c1::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:1; color:#35A8DE;}
.footer .foot-c .form form .c1:-moz-placeholder, textarea:-moz-placeholder {opacity:1; color:#35A8DE;}
.footer .foot-c .form form .c1:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:1; color:#35A8DE;}
.footer .foot-c .form form .c2{width: 70px;border: none; line-height: 25px;padding: 15px 0;position: absolute;right: 0;top:0px; background: url(../img/a006.png) center no-repeat;background-size: 20px 15px;}
.footer .foot-c .form form:before{content: "";position: absolute;right: 70px;width: 1px;height: 60%;top: 20%;background: rgba(255,255,255,0.1);}
@media only screen and (max-width:1680px) {
	.footer .foot-t .logo{width: 240px;}
	.footer .foot-c .mail p{font-size: 36px;}
}
@media only screen and (max-width:1440px) {
	.footer .foot-d{font-size: 15px;}
	
}
@media only screen and (max-width:1280px) {
	.footer .foot-t .logo{width: 220px;}
	.footer .foot-c .mail p{font-size: 35px;}
}
@media only screen and (max-width:1024px) {
	
	.footer .foot-t .navlist li{padding-left: 0;}
	.footer .foot-c{padding: 20px 0;}
	.footer .foot-c:before{left: 0;top: 50%;width: 100%;height: 1px;}
	.footer .foot-c .mail{width: 100%;height: auto;margin-bottom: 25px;padding-right: 0;}
	.footer .foot-c .form{width: 100%;margin-top: 25px;padding-left: 0;}
	.footer .foot-c .mail p{font-size: 30px;}
	.footer .foot-t .navlist{width: 100%;display: none;}
	.footer .foot-d{font-size: 14px;}
	.footer .foot-d .pcy{width: 100%;}
	.footer .foot-d .ply{width: 100%;text-align: left;}
	.footer .foot-c .form form .c1{padding: 10px;}
	
	
}
@media only screen and (max-width:720px) {
	.footer .foot-d{padding: 30px 0 35px 0;font-size: 14px;}
}


.inbanner{width: 100%;height: auto;position: relative;}
.inbanner .pic{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;background-repeat: no-repeat;}
.inbanner .con{position: absolute;bottom: 16%;left: 0;width: 100%;height: auto;}
.inbanner .con .con-c{position: relative; padding-bottom: 5%;border-bottom: 1px solid rgba(255,255,255,0.3); width: 100%;height: auto;}
.inbanner .con .con-c h6{text-transform: capitalize; line-height: 1.2; font-size: 150px;color: #FFFFFF;font-weight: normal;}
.inbanner .con .con-c i{top: 15%; right: 0; width: 100px;display: inline-block;-webkit-animation: rotate 3.5s 0.1s infinite;animation: rotate 1.8s 0.2s infinite;animation-name:rotate ;position: absolute;}

@keyframes rotate{
      0%{transform: translateY(-30px);}
    50%{transform: translateY(30px);}
  100%{transform: translateY(-30px);}
}

@media only screen and (max-width:1680px) {
	.inbanner .con .con-c h6{font-size: 130px;}
	.inbanner .con .con-c i{width: 80px;}
}
@media only screen and (max-width:1440px) {
	.inbanner .con .con-c h6{font-size: 110px;}
	.inbanner .con .con-c i{width: 60px;}
}
@media only screen and (max-width:1280px) {
	.inbanner .con .con-c h6{font-size: 90px;}
	.inbanner .con .con-c i{width: 50px;}
}
@media only screen and (max-width:1024px) {
	.inbanner .con .con-c h6{font-size: 70px;}
	.inbanner .con .con-c i{width: 40px;}
	
	@keyframes rotate{
      0%{transform: translateY(-15px);}
    50%{transform: translateY(15px);}
  100%{transform: translateY(-15px);}
}

.inbanner .con{bottom: 18%;}
.inbanner .pic{height: 450px;}
.inbanner .pic img{display: none;}	
}
@media only screen and (max-width:720px) {
.inbanner .con .con-c h6{font-size: 40px;}
}






.abbox .inab .inab-c .txt-c p{width: 100%;height: auto;}
.layout{width: 100%;height: auto;background: #788092;}
.layout .title2{padding-bottom: 45px;border-bottom: 1px solid rgba(255,255,255,0.3);}
.layout .title2 b{color: #FFFFFF;}
.layout .txt{ width: 100%;padding-left: 25%;height: auto;}
.layout .txt p{font-family: "MS";color: #FFFFFF;}
.layout  .map{width: 100%;height: auto;position: relative;}
.layout .map .point1{position: absolute;width: 200px;height: auto;left: 15%;top:20.5%; background:rgba(2,45,101,0.9);padding:2%; border-radius: 100%;z-index: 0;}
.layout .map .point2{width: 100px;height: auto; padding: 1%;right: 32.5%;top:36.5%; position: absolute;border-radius: 100%;background: rgba(53,168,222,0.9);z-index: 0;}
.layout .map .point1:before{content: "";position: absolute;left: 0%;top: 0%; width: 100%;height: 100%; border-radius: 100%;z-index: -1;background:rgba(2,45,101,0.9); transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);}
.layout .map .point2:before{content: "";position: absolute;left: 0%;top: 0%; width: 100%;height: 100%; border-radius: 100%;z-index: -1;background: rgba(53,168,222,0.9); transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);}


.layout .map .point1:before{animation: scale 2s infinite;}
.layout .map .point2:before{animation: scale1 2s infinite;}
   @keyframes scale{
        	0%{ transform: scale(1); opacity:1}
        100%{ transform: scale(2); opacity: 0;}
        }
        

   @keyframes scale1{
        	0%{ transform: scale(1); opacity:1}
        100%{ transform: scale(2); opacity: 0;}
        }
        

@media only screen and (max-width:1680px) {
	.layout .title2{padding-bottom: 40px;}
	.layout .map .point1{width: 180px;}
	.layout .map .point2{width: 80px;}
}
@media only screen and (max-width:1440px) {
	.layout .title2{padding-bottom: 35px;}
	
		.layout .map .point1{width: 160px;}
	.layout .map .point2{width:70px;}
}
@media only screen and (max-width:1280px) {
	.layout .title2{padding-bottom: 30px;}
	.layout .txt{padding-left: 20%;}
			.layout .map .point1{width: 140px;}
	.layout .map .point2{width:60px;}
}
@media only screen and (max-width:1024px) {
	.layout .txt{padding-left: 0;}
			.layout .map .point1{width: 100px;}
	.layout .map .point2{width:40px;}
}
@media only screen and (max-width:720px) {
	.layout .map .point1{width:50px;}
	.layout .map .point2{width:20px;}
}


.adv{width: 100%;height: auto;}
.adv .title2{width: 25%;padding-right: 5%;float:left}
.adv .adv-c{width: 75%;float: right;height: auto;padding-bottom: 45px;border-bottom: 1px solid #dcdcdc;}
.adv .adv-c .txt{width: 100%;height: auto;margin-bottom: 35px;}
.adv .madv{width: 100%;height: auto;}




.adv .madv .t-con{width: 100%;padding-left: 25%;height: auto;}
.adv .madv .t-con p{color: #35A8DE;font-size: 30px;font-family: "MS";}
.adv .madv .madv-c{ padding-top: 65px;position: relative;padding-left: 5%;}
.adv .madv  .madv-js{padding-right: 10%; width: 100%;height: auto;border-left: 1px solid #DADADA;}
.adv .madv .madv-js .li{cursor: default; padding:8%; background: #FFFFFF;position: relative;z-index: 0; border: 1px solid #DADADA;border-left:none;  width: 100%;height: auto;}
.adv .madv .madv-js .li .bks{width: 100%;position: absolute;z-index: -1; top: 25%;left: 0;height: auto;}
.adv .madv .madv-js .li:hover{background:#35A8DE;}
.adv .madv .madv-js .li b{display: block;margin-bottom: 45px; font-weight: normal;font-family: "MS"; font-size: 40px;height: 120px; color: #022D65;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.adv .madv .madv-js .li .txt-c{width: 100%;height: auto;margin-top: 35%;}
.adv .madv .madv-js .li:hover b{color: #FFFFFF;}
.adv .madv .madv-js .li:hover .txt-c p{color: #FFFFFF;}

.adv .madv .madv-c .swiper-button-prev {background-image:url(../img/a002.png); left: auto; right:calc(5% + 80px);}
.adv .madv .madv-c .swiper-button-next {background-image:url(../img/a003.png); left: auto; right: 5%;}

.adv .madv .madv-c .swiper-button-next,.adv .madv .madv-c .swiper-button-prev {
    position: absolute;
    top: -0%;
    width:60px;
    height:60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1680px) {
	.adv .madv .t-con p{font-size: 28px;}
	.adv .madv .madv-js .li b{font-size: 38px;height: 114px;}
}
@media only screen and (max-width:1440px) {
	.adv .madv .t-con p{font-size: 26px;}
	.adv .madv .madv-js .li b{font-size: 36px;height: 108px;}
	.adv .madv .madv-c .swiper-button-prev {right:calc(5% + 70px);}
	.adv .madv .madv-c .swiper-button-next,.adv .madv .madv-c .swiper-button-prev {top: 0; width: 50px;height: 50px;margin-top: -25px;background-size: 50px 50px;}
}
@media only screen and (max-width:1280px) {
	.adv .title2{width: 20%;}
	.adv .adv-c{width: 80%;}
	.adv .madv .t-con{padding-left: 20%;}
	.adv .madv .t-con p{font-size: 24px;}
	.adv .madv .madv-js .li b{font-size: 34px;height: 102px;}
}
@media only screen and (max-width:1024px) {
	.adv .title2{width: 100%;}
	.adv .adv-c{width: 100%;margin-top:25px;}
	.adv .madv .t-con{padding-left: 0%;}
	.adv .madv .t-con p{font-size: 24px;}
	.adv .madv .madv-js .li b{font-size: 30px;height:90px;}
		.adv .madv .madv-c .swiper-button-prev {right:calc(5% + 55px);}
	.adv .madv .madv-c .swiper-button-next,.adv .madv .madv-c .swiper-button-prev {top: 0; width: 40px;height: 40px;margin-top: -20px;background-size: 40px 40px;}

}
@media only screen and (max-width:720px) {
	.adv .madv .t-con p{font-size: 22px;}
	.adv .madv .madv-js .li b{font-size: 24px;height:72px;}
	.adv .madv  .madv-js{padding-right: 5%;}
}



.hotnews{position: relative;z-index: 0; width: 100%;height: auto;overflow: hidden; background: #eeeeee;}
.hotnews >.bks{z-index: -1;position: absolute;top: 75%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.hotnews .hotnews-top{width: 100%;height: auto;position: relative;}
.hotnews .hotnews-top .title{width: 100%;height: auto;}
.hotnews .hotnews-c{width: 100%;padding-left: 5%;}
.hotnews .hotnews-c .hotnews-js{padding-right: 10%;}


.hotnews .hotnews-c .hotnews-js .li .pic{overflow: hidden; position: relative; width: 100%;height: auto;z-index: 0;}
.hotnews .hotnews-c .hotnews-js .li .pic img{transition: all 0.5s ease;}
.hotnews .hotnews-c .hotnews-js .li .bks{position: absolute;top:0;left: 0;z-index: 1; width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.hotnews .hotnews-c .hotnews-js .li .time{position: absolute;left: 0;top: 0;width: 100%;z-index: 1; color: #FFFFFF;font-size: 18px;font-family: "ML";padding: 5%;border-bottom: 1px solid rgba(255,255,255,0.3);}
.hotnews .hotnews-c .hotnews-js .li b{font-size: 24px;height: 72px; color: #494949;font-weight: normal;font-family: "ML";display: block;margin-top: 25px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.hotnews .hotnews-c .hotnews-js .li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.hotnews .hotnews-c .hotnews-js .li:hover b{color: #022d65;font-family: "MS";}



.hotnews .hotnews-top .swiper-button-prev {background-image:url(../img/a002.png); left: auto; right: 80px;}
.hotnews .hotnews-top .swiper-button-next {background-image:url(../img/a003.png); left: auto; right: 0%;}

.hotnews .hotnews-top .swiper-button-next,.hotnews .hotnews-top .swiper-button-prev {
    position: absolute;
    top: 15%;
    width:60px;
    height:60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}






@media only screen and (max-width:1680px) {
.hotnews .hotnews-c .hotnews-js .li b{font-size: 22px;height: 66px;}
}
@media only screen and (max-width:1440px) {

.hotnews .hotnews-c .hotnews-js .li .time{font-size: 16px;}
.hotnews .hotnews-c .hotnews-js .li b{font-size: 20px;height: 60px;}
.hotnews .hotnews-top .swiper-button-prev {right: 70px;}
.hotnews .hotnews-top .swiper-button-next,.hotnews .hotnews-top .swiper-button-prev {top: 8%; width: 50px;height: 50px;margin-top: -25px;background-size: 50px 50px;}

}
@media only screen and (max-width:1280px) {
.hotnews .hotnews-c .hotnews-js .li b{font-size:18px;height: 54px;}
}
@media only screen and (max-width:1024px) {

.hotnews .hotnews-c .hotnews-js .li .time{font-size: 16px;}
.hotnews .hotnews-c .hotnews-js .li b{font-size: 16px;height: 48px;}
.hotnews .hotnews-top .swiper-button-prev {right:55px;}
.hotnews .hotnews-top .swiper-button-next,.hotnews .hotnews-top .swiper-button-prev {top:8%; width: 40px;height: 40px;margin-top: -20px;background-size: 40px 40px;}

}
@media only screen and (max-width:720px) {
.hotnews .hotnews-c .hotnews-js .li:nth-child(3){margin-bottom: 0;}
}


.news{width: 100%;height: auto;}
.news .news-sort{width: 100%;height: auto;font-size: 0;}
.news .news-sort li{display: inline-block;font-size: 18px;border-radius: 45px; margin-right:15px; vertical-align: top;border: 1px solid #dadada;}
.news .news-sort li a{color: #494949;padding:8px 35px;display: inline-block;}
.news .news-sort li:hover{background: #022D65;}
.news .news-sort li:hover a{color: #FFFFFF;}

.news .news-sort li.cut{background: #022D65;}
.news .news-sort li.cut a{color: #FFFFFF;}


@media only screen and (max-width:1680px) {

}
@media only screen and (max-width:1440px) {
	.news .news-sort li{font-size: 16px;margin-right: 10px;}
	.news .news-sort li a{padding:8px 30px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {
	.news .news-sort li{font-size: 15px;margin-bottom: 10px;}
	.news .news-sort li a{padding:8px 25px;}
}
@media only screen and (max-width:720px) {
	.news .news-sort li{font-size: 14px;margin-right: 8px;margin-bottom: 8px;}
.news .news-sort li a{padding:6px 12px;}
}




.news .news-list{font-size: 0; width: 100%;height: auto;}

.news .news-list li{padding:4%; position: relative;z-index: 0;margin-bottom: 45px; width: calc(33.3% - 30px);margin-right: 45px; overflow: hidden; display: inline-block;vertical-align: top;border: 1px solid #dadada;}
.news .news-list li .bks{position: absolute;left: 0;width: 100%;height: auto;z-index: -1;top: 50%;transform: translateY(-50%);}
.news .news-list li:nth-child(3n){margin-right: 0;}
.news .news-list li b{display: block;width: 100%; height:108px; color: #494949;font-size: 24px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-weight: normal;font-family:"nb";}
.news .news-list li .downs{width: 100%;height: auto;overflow: hidden;padding-top: 65%;}
.news .news-list li .time {width: calc(100% - 60px);float: left; color:#022D65;font-size: 18px;font-family: "ML";}
.news .news-list li .time span{line-height: 1; font-size: 60px;font-family: "MS";display: block;}
.news .news-list li .ico{width: 60px;height: auto;display: block;float: right;margin-top: 15px;}
.news .news-list li .ico .img2{display: none;}
.news .news-list li:hover{background: #35a8de;}
.news .news-list li:hover b{color: #FFFFFF;}
.news .news-list li:hover .time{color: #FFFFFF;}
.news .news-list li:hover .ico .img1{display: none;}
.news .news-list li:hover .ico .img2{display: block;}

@media only screen and (max-width:1680px) {
	.news .news-list li{width: calc(33.3% - 25px);margin-right: 37.5px;margin-bottom: 37.5px;}
	.news .news-list li b{font-size: 22px;height: 99px;}
	.news .news-list li .time span{font-size: 55px;}
}
@media only screen and (max-width:1440px) {
	.news .news-list li{width: calc(33.3% - 20px);margin-right: 30px;margin-bottom:30px;}
.news .news-list li b{font-size: 20px;height: 90px;}
.news .news-list li .time{font-size: 16px;}
.news .news-list li .time span{font-size: 50px;}

.news .news-list li .ico{width: 50px;}
.news .news-list li .time{width: calc(100% - 50px);}
}
@media only screen and (max-width:1280px) {
	.news .news-list li{width: calc(33.3% - 15px);margin-right: 22.5px;margin-bottom: 22.5px;}
.news .news-list li b{font-size:18px;height:81px;}
	.news .news-list li .time span{font-size: 45px;}
}
@media only screen and (max-width:1024px) {
	.news .news-list li{width: calc(50% - 10px);margin-right: 20px;margin-bottom:20px;}
	.news .news-list li:nth-child(3n){margin-right: 20px;}
	.news .news-list li:nth-child(2n){margin-right: 0;}
	
	.recomnews .news-list li:nth-child(3n){display: none;}
.news .news-list li b{font-size:16px;height:72px;}
.news .news-list li .time{font-size: 15px;}
.news .news-list li .time span{font-size: 40px;}
.news .news-list li .ico{width: 40px;margin-top: 5px;}
.news .news-list li .time{width: 100% - 40px;}
}
@media only screen and (max-width:720px) {
.news .news-list li .time{font-size: 12px;}
.news .news-list li .time span{font-size: 30px;}
	.news .news-list li{width: calc(50% - 5px);margin-right:10px;margin-bottom:10px;}
	.news .news-list li:nth-child(3n){margin-right: 10px;}
	.news .news-list li:nth-child(2n){margin-right: 0;}
	
.news .news-list li .ico{width: 35px;margin-top: 5px;}
.news .news-list li .time{width: 100% - 35px;}
}


.fy{width: 100%;height: auto;text-align: center;margin-top: 35px;}
.fy a{display: inline-block;line-height: 50px; border-radius: 100%; font-size: 18px;color: #494949;font-family: "MS";text-transform: uppercase; vertical-align: top;margin: 0 8px;}
.fy a:hover{color: #022D65;}
.fy .fynum{width: 50px;}
.fy .fynum:hover{width: 50px;color: #022D65;background-size: 50px 50px;background: url(../img/a015.png)center no-repeat; background-position: center;background-repeat: no-repeat;}
.fy .fynum.cut{width: 50px;color: #022D65;background-size: 50px 50px;background: url(../img/a015.png)center no-repeat; background-position: center;background-repeat: no-repeat;}
@media only screen and (max-width:1680px) {
}
@media only screen and (max-width:1440px) {
.fy a{font-size: 16px;line-height: 45px;}
.fy .fynum{width: 45px;line-height: 45px;}
.fy .fynum:hover{width: 45px;background-size: 45px 45px;}
.fy .fynum.cut{width: 45px;background-size: 45px 45px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {
.fy a{font-size: 15px;line-height: 40px;margin: 0 5px;}
.fy .fynum{width: 40px;line-height: 40px;}
.fy .fynum:hover{width: 40px;background-size: 40px 40px;}
.fy .fynum.cut{width: 40px; background-size: 40px 40px;}
}
@media only screen and (max-width:720px) {
.fy a{font-size: 14px;line-height: 30px;margin: 0 3px;}
.fy .fynum{width:30px;line-height: 30px;}
.fy .fynum:hover{width:30px;background-size:30px 30px;}
.fy .fynum.cut{width:30px;background-size: 30px 30px;}
}



.news-d{width: 100%;height: auto;}
.news-d .tl{width: 100%;height: auto;overflow: hidden; border-bottom: 1px solid #dadada;}
.news-d .tl .time{width: 25%;float: left; padding-right: 5%; font-size: 18px;color: #022D65;font-family: "ML";line-height: 1;}
.news-d .tl .time span{font-size: 60px;display: block;font-family: "MS";}
.case-d .tl .download{width: 25%;padding-right: 5%; float: left;}
.case-d .tl .download i{display: block; width: 50px;height: auto;}
.case-d .tl .download p{color: #022D65;font-size: 18px;margin-top: 10px;}


.news-d .tl .tlr{width: 75%;float: right;height: auto;}
.news-d .tl .tlr h1{font-weight: normal;font-family:"nb"; font-size: 60px;color: #494949;line-height: 1.2;}
.news-d .tl .tlr .return{margin-top:9%;}
.news-d .tl .tlr .return i{margin-left: 0;margin-right: 10px;}
.news-d .news-d-c{position: relative; width: 100%;height: auto;overflow: hidden;}
.news-d .news-d-c .pn{width: 25%;float: left;padding-right: 5%;}
.news-d .news-d-c .pn a{font-size:18px;font-family: "MS";margin-bottom:45px; display: block; color: #022D65;}
.news-d .news-d-c .pn a span{text-transform: uppercase;display: block;margin-bottom:5px;}

.news-d .news-d-c .con{width: 75%;float:right;height: auto;}
.news-d .news-d-c .con .txt-c{width: 100%;height: auto;margin-bottom: 45px;}
.news-d .news-d-c .con .keyword{width: 100%;height: auto;}
.news-d .news-d-c .con .keyword h6{font-weight: normal;font-family: "MS";font-size: 18px; padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DADADA;}
.news-d .news-d-c .con .keyword .keyword-list{width: 100%;height: auto;font-size: 0;}
.news-d .news-d-c .con .keyword .keyword-list a{display: inline-block;font-size: 18px;color: #494949;margin-right: 15px;margin-bottom: 10px; border: 1px solid #DADADA;padding: 6px 20px;border-radius:40px;}

@media only screen and (max-width:1680px) {
.news-d .tl .tlr h1{font-size: 55px;}
.news-d .tl .time{font-size: 18px;}
.news-d .tl .time span{font-size: 55px;}
}
@media only screen and (max-width:1440px) {
.news-d .tl .tlr h1{font-size: 50px;}
.news-d .tl .time{font-size: 16px;}
.news-d .tl .time span{font-size:50px;}
.news-d .news-d-c .pn a{font-size: 16px;}
.news-d .news-d-c .con .keyword h6{font-size: 16px;}
.news-d .news-d-c .con .keyword .keyword-list a{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
.news-d .tl .tlr h1{font-size:45px;}
.case-d .tl .download{width: 20%;}
.case-d .tl .download i{width: 45px;}
.news-d .tl .time{width: 20%;}
.news-d .tl .tlr{width: 80%;}
.news-d .news-d-c .pn{width: 20%;}
.news-d .news-d-c .con{width: 80%;}
}
@media only screen and (max-width:1024px) {
.news-d .tl .tlr h1{font-size:40px;}
.news-d .news-d-c .pn a{font-size: 15px;}
.news-d .tl .time{font-size: 15px;}
.news-d .tl .time span{font-size:45px;}
.case-d .tl .download{width: 100%;padding-right: 0;}
.case-d .tl .download i{width: 40px;}
.news-d .tl .time{width: 100%;padding-right: 0;}
.news-d .tl .tlr{width: 100%;margin-top: 35px;}

.news-d .news-d-c .pn{width:100%;padding-top: 45px;padding-right: 0;}
.news-d .news-d-c .pn a:nth-child(2){margin-bottom: 0;}
.news-d .news-d-c .con{width:100%;}
.news-d .news-d-c .con .keyword h6{font-size: 15px;}
.news-d .news-d-c .con .keyword .keyword-list a{font-size:15px;}
}
@media only screen and (max-width:720px) {
	.news-d .tl{padding-bottom: 45px;}
	.news-d .news-d-c .con{padding-top: 45px;}
.news-d .tl .tlr h1{font-size: 30px;}
.news-d .tl .time{font-size: 14px;}
.news-d .tl .time span{font-size:40px;}
.case-d .tl .download i{width: 35px;}
}


.case{width: 100%;height: auto;}
.case .case-c{width: 100%;height: auto;background: #EEEEEE;}
.case .case-c .case-sort{width: 100%;height: auto;font-size: 0;padding-bottom: 45px;margin-bottom: 45px;border-bottom: 1px solid #DADADA;}
.case .case-c .case-sort li{display: inline-block;font-size: 18px;border-radius: 45px; margin-right:15px; vertical-align: top;border: 1px solid #dadada;}
.case .case-c .case-sort li a{color: #494949;padding:8px 35px;display: inline-block;}
.case .case-c .case-sort li:hover{background: #022D65;}
.case .case-c .case-sort li:hover a{color: #FFFFFF;}

.case .case-c .case-sort li.cut{background: #022D65;}
.case .case-c .case-sort li.cut a{color: #FFFFFF;}

.case .case-c .detail{width: 100%;height: auto;overflow: hidden;}
.case .case-c .detail .title{width: 50%;float: left;padding-right: 5%;}
.case .case-c .detail .title b{color: #022D65;text-transform: capitalize;}
.case .case-c .detail .txt-c{width: 50%;float: right;height: auto;}

@media only screen and (max-width:1680px) {

}
@media only screen and (max-width:1440px) {
.case .case-c .case-sort li{font-size: 16px;margin-right: 10px;}
.case .case-c .case-sort li a{padding:8px 30px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {
.case .case-c .case-sort li{font-size: 15px;margin-bottom: 10px;}
.case .case-c .case-sort li a{padding:8px 25px;}

.case .case-c .detail .title{width: 100%;height: auto;padding-right: 0;}
.case .case-c .detail .txt-c{width: 100%;height: auto;margin-top: 35px;}
}
@media only screen and (max-width:720px) {
.case .case-c .case-sort li{font-size: 14px;margin-right: 8px;margin-bottom: 8px;}
.case .case-c .case-sort li a{padding:6px 12px;}
}



.caselist{width: 100%;height: auto;background: #FFFFFF;}
.caselist .case-list{width: 100%;height: auto;}
.caselist .case-list li{width: 100%;height: auto;overflow: hidden;padding-bottom: 45px;border-bottom: 1px solid #DADADA;margin-bottom: 45px;}
.caselist .case-list li .pic{overflow: hidden; width: 50%;height: auto;float: left;}
.caselist .case-list li .pic img{transition: all 0.5s ease;}
.caselist .case-list li .con{width: 50%;padding-left: 5%;float: left;}
.caselist .case-list li .con  span{font-size: 18px;display: block;font-family:"nb"; color: #022D65;margin-bottom: 10px;}
.caselist .case-list li .con b{font-size:48px;color: #494949;font-weight: normal;font-family: "MS";line-height: 1.2;}
.caselist .case-list li .con .downs{width: 100%;height: auto;overflow: hidden;margin-top: 25%;}
.caselist .case-list li .con .downs .mj{width: calc(40% - 60px); float: left;}
.caselist .case-list li .con .downs .mj h6{color: #022D65;font-size:30px;font-weight: normal;font-family: "MS";}
.caselist .case-list li .con .downs .mj h6 i{font-size: 16px;}
.caselist .case-list li .con .downs .mj p{color: #494949;font-size: 14px;font-family: "MS";}
.caselist .case-list li .con .downs .view{width: 60px;float: right;margin-top: 15px; }
.caselist .case-list li:hover{border-bottom: 1px solid #35A8DE;}
.caselist .case-list li:hover .con b{color:#022D65;}
.caselist .case-list li:last-child{margin-bottom: 0;}
.caselist .case-list li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}

@media only screen and (max-width:1680px) {
	.caselist .case-list li .con b{font-size: 45px;}
	.caselist .case-list li .con .downs .mj h6{font-size: 28px;}
}
@media only screen and (max-width:1440px) {
	.caselist .case-list li .con b{font-size: 40px;}
	.caselist .case-list li .con .downs .mj h6{font-size: 26px;}
	
		.caselist .case-list li .con .downs .view{width: 50px;}
		.caselist .case-list li .con .downs .mj{width:calc(70% - 50px);}
}
@media only screen and (max-width:1280px) {
	.caselist .case-list li .con b{font-size: 35px;}
	.caselist .case-list li .con .downs .mj h6{font-size: 24px;}
}
@media only screen and (max-width:1024px) {
	.caselist .case-list li .con b{font-size: 30px;}
	.caselist .case-list li .con .downs .mj h6{font-size: 22px;}
	.caselist .case-list li .con .downs .view{width: 40px;}
		.caselist .case-list li .con .downs .mj{width:calc(100% - 40px);}
}
@media only screen and (max-width:720px) {
	.caselist .case-list li .pic{width: 100%;}
	.caselist .case-list li .con .downs .mj h6{font-size: 20px;}
	.caselist .case-list li .con{width: 100%;margin-top: 35px;padding-left: 0;}
.caselist .case-list li .con .downs{margin-top: 10%;}
.caselist .case-list li .con b{font-size: 25px;}
}





.recomcase{width: 100%;height: auto;}
.recomcase .recomcase-top{width: 100%;height: auto;position: relative;padding-bottom: 35px;border-bottom: 1px solid #DADADA;}
.recomcase .recomcase-js{width: 100%;height: auto;}
.recomcase .recomcase-js .li{width: 100%;height: auto;overflow: hidden;padding-bottom: 45px;border-bottom: 1px solid #DADADA;margin-bottom: 45px;}
.recomcase .recomcase-js .li .pic{overflow: hidden; width: 50%;height: auto;float: left;}
.recomcase .recomcase-js .li .pic img{transition: all 0.5s ease;}
.recomcase .recomcase-js .li .con{width: 50%;padding-left: 5%;float: left;}
.recomcase .recomcase-js .li .con  span{font-size: 18px;display: block;font-family:"nb"; color: #022D65;margin-bottom: 10px;}
.recomcase .recomcase-js .li .con b{font-size:48px;color: #494949;font-weight: normal;font-family: "MS";line-height: 1.2;}
.recomcase .recomcase-js .li .con .downs{width: 100%;height: auto;overflow: hidden;margin-top: 25%;}
.recomcase .recomcase-js .li .con .downs .mj{width: calc(40% - 60px); float: left;}
.recomcase .recomcase-js .li .con .downs .mj h6{color: #022D65;font-size:30px;font-weight: normal;font-family: "MS";}
.recomcase .recomcase-js .li .con .downs .mj h6 i{font-size: 16px;}
.recomcase .recomcase-js .li .con .downs .mj p{color: #494949;font-size: 14px;font-family: "MS";}
.recomcase .recomcase-js .li .con .downs .view{width: 60px;float: right;margin-top: 15px; }
.recomcase .recomcase-js .li:hover{border-bottom: 1px solid #35A8DE;}
.recomcase .recomcase-js .li:hover .con b{color:#022D65;}
.recomcase .recomcase-js .li:last-child{margin-bottom: 0;}
.recomcase .recomcase-js .li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}


.recomcase .recomcase-top .swiper-button-prev {background-image:url(../img/a002.png); left: auto; right: 80px;}
.recomcase .recomcase-top .swiper-button-next {background-image:url(../img/a003.png); left: auto; right: 0%;}

.recomcase .recomcase-top .swiper-button-next,.recomcase .recomcase-top .swiper-button-prev {
    position: absolute;
    top: 15%;
    width:60px;
    height:60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}



@media only screen and (max-width:1680px) {
.recomcase .recomcase-js .li .con b{font-size: 45px;}
.recomcase .recomcase-js .li .con .downs .mj h6{font-size: 28px;}
}
@media only screen and (max-width:1440px) {
.recomcase .recomcase-js .li .con b{font-size: 40px;}
.recomcase .recomcase-js .li .con .downs .mj h6{font-size: 26px;}
.recomcase .recomcase-js .li .con .downs .view{width: 50px;}
.recomcase .recomcase-js .li .con .downs .mj{width:calc(70% - 50px);}
.recomcase .recomcase-top .swiper-button-prev {right: 70px;}
.recomcase .recomcase-top .swiper-button-next,.recomcase .recomcase-top .swiper-button-prev {top: 8%; width: 50px;height: 50px;margin-top: -25px;background-size: 50px 50px;}

}
@media only screen and (max-width:1280px) {
.recomcase .recomcase-js .li .con b{font-size: 35px;}
.recomcase .recomcase-js .li .con .downs .mj h6{font-size: 24px;}
}
@media only screen and (max-width:1024px) {
.recomcase .recomcase-js .li .con b{font-size: 30px;}
.recomcase .recomcase-js .li .con .downs .mj h6{font-size: 22px;}
.recomcase .recomcase-js .li .con .downs .view{width: 40px;}
.recomcase .recomcase-js .li .con .downs .mj{width:calc(100% - 40px);}
}
@media only screen and (max-width:720px) {
.recomcase .recomcase-js .li .pic{width: 100%;}
.recomcase .recomcase-js .li .con .downs .mj h6{font-size: 20px;}
.recomcase .recomcase-js .li .con{width: 100%;margin-top: 35px;padding-left: 0;}
.recomcase .recomcase-js .li .con .downs{margin-top: 10%;}
.recomcase .recomcase-js .li .con b{font-size: 25px;}


.recomcase .recomcase-top .swiper-button-prev {right:55px;}
.recomcase .recomcase-top .swiper-button-next,.recomcase .recomcase-top .swiper-button-prev {top:8%; width: 40px;height: 40px;margin-top: -20px;background-size: 40px 40px;}
}



.sche{width: 100%;height: auto;}
.sche .sche-c{width: 100%;height:auto;overflow: hidden;}
.sche .sche-c .title2{width: 25%;padding-right:18%;float: left;height: auto;}
.sche .sche-c .con{width: 75%;float: right;height: auto;} 
.sche .sche-c .con .txt-c{padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #DADADA;}
.sche .sche-c .con .t-con{width: 100%;height: auto;}
.sche .sche-c .con .t-con p{font-size: 30px;color: #35A8DE;font-family: "MS";}
.sche .sche-c .con  .show-list{width: 100%;height: auto;font-size: 0;}
.sche .sche-c .con .show-list li{width: calc(50% - 5px);display: inline-block;vertical-align: top; margin-right: 10px;margin-bottom: 10px;}
.sche .sche-c .con .show-list li:nth-child(2n){margin-right: 0;}

@media only screen and (max-width:1680px) {
.sche .sche-c .con .t-con p{font-size: 28px;}
.sche .sche-c .title2{padding-right: 10%;}	
}
@media only screen and (max-width:1440px) {
.sche .sche-c .con .t-con p{font-size: 26px;}	
.sche .sche-c .title2{padding-right: 10%;}
.sche .sche-c .con .txt-c{padding-bottom: 45px;margin-bottom: 45px;}
}
@media only screen and (max-width:1280px) {
.sche .sche-c .con .t-con p{font-size: 24px;}
.sche .sche-c .title2{width: 20%;padding-right: 5%;}	
.sche .sche-c .con{width: 80%;}
.sche .sche-c .con .txt-c{padding-bottom: 40px;margin-bottom: 40px;}
}
@media only screen and (max-width:1024px) {
.sche .sche-c .con .t-con p{font-size: 22px;}

.sche .sche-c .title2{width:100%;padding-right: 0%;}	
.sche .sche-c .con{width: 100%;margin-top: 35px;}
.sche .sche-c .con .txt-c{padding-bottom: 30px;margin-bottom: 30px;}	
}
@media only screen and (max-width:720px) {
.sche .sche-c .con .t-con p{font-size: 20px;}
.sche .sche-c .con .show-list li{width:calc(50% - 2px);margin-right: 4px;margin-bottom: 4px;}	
}



.ser{width: 100%;height: auto;}
.ser .serbox{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #DADADA;}
.ser .serbox .title2{width: 25%;padding-right: 5%;height: auto;float: left;}
.ser .serbox .txt-c{width: 75%;float: right;height: auto;}
.ser .serbox .txt-c p strong{font-size: 60px;color: #022D65;line-height: 1;margin-bottom: 5px;font-family: "MS";}

.ser .serlist{width: 100%;height: auto;}
.ser .serlist li{width: 100%;height: auto;}
.ser .serlist li .tl{padding: 50px 5% 50px 0;position: relative; height: auto;width: 100%;border-bottom: 1px solid #DADADA;}
.ser .serlist li .tl h6{font-weight: normal;font-family: "MS";color: #022D65;font-size: 60px;}
.ser .serlist li .tl span{display: block; width: 50px;height: auto;position: absolute;right: 0;border-radius: 100%;top: 50%; transform: translateY(-50%);}
.ser .serlist li .tl span i{width:18px;height:18px;position: absolute;top: calc(50% - 9px);left: calc(50% - 9px);}
.ser .serlist li .tl span i:before{width:18px;height: 2px;background: #35A8DE;content: "";top: 8px;left: 0;position: absolute;}
.ser .serlist li .tl span i:after{width: 2px;height:18px;background: #35A8DE;content: "";position: absolute;left:8px;top: 0;}
.ser .serlist li .con{display: none; padding-left: 25%;height: auto;padding-top: 50px;}
.ser .serlist li .con .txt-c{width: 100%;height: auto;}
.ser .serlist li .con .txt-c p strong{color: #022D65;font-family: "MS";}
.ser .serlist li .con .txt-c img{margin-top: 35px;}
.ser .serlist li.show .con{display: block;transition: all 0.5s ease;}
.ser .serlist li.show .tl span i:after{display: none;}

@media only screen and (max-width:1680px) {
	.ser .serlist li .tl h6{font-size: 55px;}
	.ser .serbox .txt-c p strong{font-size: 55px;}
	
}
@media only screen and (max-width:1440px) {
	.ser .serlist li .tl h6{font-size: 50px;}
	.ser .serbox .txt-c p strong{font-size: 50px;}
	.ser .serlist li .tl{padding: 45px 5% 45px 0;}
	.ser .serlist li .tl span{width: 45px;}
	.ser .serlist li .con{padding-top: 45px;}
}
@media only screen and (max-width:1280px) {
		.ser .serlist li .tl h6{font-size:40px;}
		.ser .serbox .txt-c p strong{font-size: 40px;}
		.ser .serlist li .con{padding-left: 20%;}
		.ser .serlist li .tl{padding: 40px 5% 40px 0;}
		.ser .serlist li .con{padding-top: 40px;}
		.ser .serbox .title2{width: 20%;}
		.ser .serbox .txt-c{width: 80%;}
		.ser .serlist li .tl span i{width: 16px;height: 16px;top: calc(50% - 8px);left: calc(50% - 8px);}
		.ser .serlist li .tl span i:before{width:16px;height: 2px;top:7px;left: 0;}
.ser .serlist li .tl span i:after{width: 2px;height:16px;left:7px;top: 0;}

}
@media only screen and (max-width:1024px) {
	.ser .serbox .txt-c p strong{font-size: 35px;}
		.ser .serlist li .tl h6{font-size:35px;}
		.ser .serlist li .con{padding-left: 0;}
		.ser .serlist li .tl{padding: 30px 50px 30px 0;}
		.ser .serlist li .con{padding-top: 30px;}
		.ser .serbox .title2{width:100%;padding-right: 0;}
		.ser .serbox .txt-c{width:100%;padding-right: 0;margin-top: 35px;}
		.ser .serlist li .tl span{width: 40px;}
		
}
@media only screen and (max-width:720px) {
	.ser .serbox .txt-c p strong{font-size: 24px;}
	.ser .serlist li .tl h6{font-size:24px;}
}



.infor{width: 100%;height: auto;background: #EEEEEE;}
.infor .infor-top{width: 100%;height: auto;position: relative;}
.infor .infor-c{padding-left: 5%;width: 100%;height: auto;}
.infor .infor-c .infor-js{width: 100%;height: auto;border-left: 1px solid #DADADA;padding-right: 10%;}
.infor .infor-c .infor-js  .li{width: 100%;height: auto;border:1px solid #DADADA;overflow: hidden; padding: 8%;position: relative;border-left: none;}
.infor .infor-c .infor-js  .li:hover{background:#35A8DE;}
.infor .infor-c .infor-js  .li .bks{transform: rotateY(-180deg); display: none;width:170%; position: absolute;left: -35%;top: 25%;}
.infor .infor-c .infor-js  .li b{font-size:48px;color:#022D65;font-weight: normal;font-family: "MS";width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.infor .infor-c .infor-js  .li .mail{font-size:36px;color: #35A8DE;font-family: "MS";}
.infor .infor-c .infor-js  .li .con{width: 100%;margin-top: 35%; color: #494949;}
.infor .infor-c .infor-js  .li .con p{font-size: 18px;font-family: "MS";}
.infor .infor-c .infor-js  .li:hover .bks{display: block;}
.infor .infor-c .infor-js  .li:hover b{color: #FFFFFF;}
.infor .infor-c .infor-js  .li:hover .mail{color: #FFFFFF;}
.infor .infor-c .infor-js  .li:hover .con p{color:#FFFFFF;}
.infor .infor-top .swiper-button-prev {background-image:url(../img/a002.png); left: auto; right: 80px;}
.infor .infor-top .swiper-button-next {background-image:url(../img/a003.png); left: auto; right: 0%;}
.infor .infor-top .swiper-button-next,.infor .infor-top .swiper-button-prev {
    position: absolute;
    top: 50%;
    width:60px;
    height:60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1680px) {
	.infor .infor-c .infor-js  .li b{font-size: 40px;}
	.infor .infor-c .infor-js  .li .mail{font-size: 34px;}
}
@media only screen and (max-width:1440px) {
		.infor .infor-c .infor-js  .li b{font-size:35px;}
	.infor .infor-c .infor-js  .li .mail{font-size: 30px;}
.infor .infor-top .swiper-button-prev {right: 70px;}
.infor .infor-c .infor-js  .li .con p{font-size: 16px;}
.infor .infor-top .swiper-button-next,.infor .infor-top .swiper-button-prev {top: 8%; width: 50px;height: 50px;margin-top: -25px;background-size: 50px 50px;}

}
@media only screen and (max-width:1280px) {
			.infor .infor-c .infor-js  .li b{font-size:28px;}
	.infor .infor-c .infor-js  .li .mail{font-size:25px;}
	.infor .infor-c .infor-js  .li .con p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
				.infor .infor-c .infor-js  .li b{font-size:25px;}
	.infor .infor-c .infor-js  .li .mail{font-size:20px;}
	.infor .infor-c .infor-js  .li .con p{font-size: 15px;}
}
@media only screen and (max-width:720px) {
	.infor .infor-c .infor-js  .li .con p{font-size: 14px;}
.infor .infor-top .swiper-button-prev {right:55px;}
.infor .infor-top .swiper-button-next,.infor .infor-top .swiper-button-prev {top:8%; width: 40px;height: 40px;margin-top: -20px;background-size: 40px 40px;}

}





.form{width: 100%;height: auto;}
.form .title{width:50%;float: left;height: auto;padding-right: 10%;}
.form .form-c{width:50%;height: auto;float: right;}
.form .title b{color: #FFFFFF;text-transform: capitalize;font-family: "MS";line-height: 1.2;}
.form .form-c form{width: 100%;height: auto;}
.form .form-c form .c1{font-family: "MS"; color: #FFFFFF;text-transform: capitalize; line-height: 25px;padding: 20px 0;font-size: 18px; margin-bottom: 15px; width: 100%;height: auto; background: none;border: none;border-bottom: 1px solid rgb(255,255,255,0.6);}
.form .form-c form .c2{height: 110px;font-family: "MS";}
.form .form-c form .send{border-radius: 50px;line-height: 25px;text-align: center;font-family: "MS";color: #FFFFFF;font-size: 18px; padding: 15px 0;margin-top: 15px; display: block;width: 100%;border: none; color: #FFFFFF;background: #35A8DE;color: #FFFFFF;}


.form .form-c form .c1::-webkit-input-placeholder,.form .form-c form .c1::-webkit-input-placeholder {font-family: "MS";opacity:1; color:#FFFFFF;}
.form .form-c form .c1:-moz-placeholder,.form .form-c form .c1:-moz-placeholder {opacity:1; color:#FFFFFF;font-family: "MS";}
.form .form-c form .c1:-ms-input-placeholder,.form .form-c form .c1:-ms-input-placeholder {opacity:1; color:#FFFFFF;font-family: "MS";}

@media only screen and (max-width:1680px) {
}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
	.form .title{width: 100%;padding-right: 0;}
	.form .form-c{width: 100%;margin-top: 45px;}
}
@media only screen and (max-width:720px) {
	.form .form-c form .c1{padding: 10px 0;font-size: 16px;}
	.form .form-c form .send{font-size: 16px;}
}



.pro{width: 100%;height: auto;}
.pro .pro-c{width: 100%;height: auto;}
.pro .pro-c .pro-list{width: 100%;font-size: 0; height: auto;border-left: 0.5px solid #DADADA;}
.pro .pro-c .pro-list li {position: relative; width:33.3%;border: 0.5px solid #DADADA;border-left: none;z-index: 0; padding:3%;display: inline-block;vertical-align: top;}
.pro .pro-c .pro-list li .tag{font-size: 18px;color: #494949;}
.pro .pro-c .pro-list li b{display: block;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: normal;font-family: "MS";font-size: 40px;color: #494949;}
.pro .pro-c .pro-list li .pic{width: 100%;overflow: hidden; margin-top: 32%;}
.pro .pro-c .pro-list li .pic img{transition: all 0.5s ease;}
.pro .pro-c .pro-list li:hover{background: #EEEEEE;}
.pro .pro-c .pro-list li:hover:before{position: absolute; width: 100%;height: 5px;background: #35A8DE;left: 0;content:"";bottom: -2px;z-index: 1;}
.pro .fy{padding-top: 35px;}
.pro .pro-c .pro-list li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.pro .pro-c .pro-list li:hover b{color: #022D65;}

@media only screen and (max-width:1680px) {
	.pro .pro-c .pro-list li b{font-size: 36px;}
}
@media only screen and (max-width:1440px) {
	.pro .pro-c .pro-list li b{font-size: 32px;}
	.pro .pro-c .pro-list li .tag{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
	.pro .pro-c .pro-list li b{font-size: 28px;}
}
@media only screen and (max-width:1024px) {
	.pro .pro-c .pro-list li b{font-size: 24px;}
	.pro .pro-c .pro-list li{width: 50%;}
	.pro .pro-c .pro-list li .tag{font-size: 15px;}
}
@media only screen and (max-width:720px) {
	.pro .pro-c .pro-list li b{font-size: 16px;}
	.pro .pro-c .pro-list li{width:50%;}
	.pro .pro-c .pro-list li .tag{font-size: 14px;}.pro .fy{padding-top: 0px;}
}



.pro .pro-top{width: 100%;height: auto;overflow: hidden;}
.pro .pro-top .search{width: 30%;height: auto; float: right;}
.pro .pro-top .search form{width: 100%;height: auto;border-radius: 5px;border: 1px solid #35A8DE;overflow: hidden;}
.pro .pro-top .search form .c1{font-size: 16px; line-height: 25px;color: rgba(2,45,101,0.5); padding: 10px;width: calc(100% - 85px);border: none;}
.pro .pro-top .search form .send{height: 45px; width: 85px;border: none; float: right;background:url(../img/a017.png)center no-repeat #35A8DE;background-size: 30px 30px;}

.pro .pro-top h6{font-size: 40px;width: 70%;float: left; text-transform: capitalize;font-family: "MS";color: #022D65;font-weight: normal;}
.pro .search-con{width: 100%;height: auto;text-align: center;border-top: 1px solid #DADADA;}
.pro .search-con b{font-size: 30px;font-weight: normal;font-family: "MS"; color: #022D65;}
.pro .search-con p{font-size:18px;color: #494949;display: block;margin-top: 20px;}

.pro .pro-top .pro-sort{width: 70%;padding-right: 5%; float: left; height: auto;font-size: 0;}
.pro .pro-top .pro-sort li{display: inline-block;font-size: 18px;margin-bottom: 10px; border-radius: 45px; margin-right:15px; vertical-align: top;border: 1px solid #dadada;}
.pro .pro-top .pro-sort li a{color: #494949;padding:8px 35px;display: inline-block;}
.pro .pro-top .pro-sort li:hover{background: #022D65;}
.pro .pro-top .pro-sort li:hover a{color: #FFFFFF;}
.pro .pro-top .pro-sort li.cut{background: #022D65;}
.pro .pro-top .pro-sort li.cut a{color: #FFFFFF;}


@media only screen and (max-width:1680px) {
.pro .pro-top .pro-sort li{font-size: 16px;margin-right: 10px;}
.pro .pro-top .pro-sort li a{padding:8px 25px;}
.pro .pro-top h6{font-size: 35px;}
.pro .search-con b{font-size: 28px;}
}
@media only screen and (max-width:1440px) {
.pro .pro-top .pro-sort li{font-size: 15px;margin-right: 8px;}
.pro .pro-top .pro-sort li a{padding:8px 20px;}
.pro .pro-top h6{font-size: 30px;}
.pro .search-con b{font-size: 26px;}
.pro .search-con p{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
.pro .pro-top .search{width: 40%;}
.pro .pro-top .pro-sort{width: 60%;}
}
@media only screen and (max-width:1024px) {
.pro .pro-top .pro-sort li{font-size: 15px;margin-bottom: 10px;}
.pro .pro-top .pro-sort li a{padding:8px 15px;}
.pro .search-con b{font-size: 24px;}
.pro .search-con p{font-size: 15px;}
}
@media only screen and (max-width:720px) {
	.pro .pro-top h6{font-size: 25px;width: 100%;margin-bottom: 35px;}
	.pro .pro-top .search{width:100%;margin-bottom: 35px;}
.pro .pro-top .pro-sort{width:100%;padding-right: 0;}
.pro .pro-top .pro-sort li{font-size: 14px;margin-right: 8px;margin-bottom: 8px;}
.pro .pro-top .pro-sort li a{padding:6px 12px;}
.pro .search-con b{font-size: 20px;}
.pro .search-con{margin-top: 0;}

}



.pro-d{overflow: hidden; width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.pro-d .con{width: 50%;float: left;}
.pro-d .con .tl{width: 100%;padding-right: 5%; position: relative;padding-bottom: 50px;border-bottom: 1px solid rgba(255,255,255,0.4);}
.pro-d .con .tag{font-size: 36px; margin-bottom: 10px; display:block;color: #FFFFFF;}
.pro-d .con h1{line-height: 1.2; color:#FFFFFF;font-size:60px;font-family: "MS"; font-weight: normal;}
.pro-d .con .tl i{width: 70px;position: absolute;right: 0;bottom: 20%;}

.pro-d .con .bn{width: 100%;margin-top: 20%;font-size: 0;}
.pro-d .con .bn a{ max-width: 45%; display: inline-block;position: relative; font-size: 18px;margin-right: 20px;border-radius: 50px;color:#35A8DE;box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.pro-d .con .bn a span{position: absolute;width: 100%;top: 0;left: 0;text-align: center;line-height: 60px;display: block;}
.pro-d .con .bn a i{width:28px;display: inline-block;margin-right: 10px;vertical-align: middle;}
.pro-d .propic{width:25%;float: right;position: relative;}
.pro-d .propic .propic-js{width:90%;height: auto;padding-bottom:30%; position: absolute;top: 10%;left: 5%;}
.pro-d .propic .propic-js .pic{width: 80%;margin: 0 auto;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 100%;}
.pro-d .propic .propic-js .pic img{display:block;width: 100%;height: auto;}

.pro-d .propic .propic-js .swiper-pagination{bottom: 0;}

.pro-d .propic .propic-js .swiper-pagination-bullet {
    width:10px;
    height:10px;
    display: inline-block;
    border-radius: 100%;
    background:none;
    border: 2px solid rgba(255,255,255,0.4);
    opacity:1;
    cursor: pointer;
}

.pro-d .propic .propic-js .swiper-pagination-bullet-active{ background: url(../img/a025.png) center no-repeat;border: none; background-color:none;background-size: 10px 10px;}


@media only screen and (max-width:1680px) {
	.pro-d .con h1{font-size: 55px;}
	.pro-d .con .tag{font-size: 34px;}
	.pro-d .con .tl i{width: 65px;}
}
@media only screen and (max-width:1440px) {
	.pro-d .con h1{font-size: 50px;}
	.pro-d .con .tag{font-size: 30px;}
	.pro-d .con .bn a{font-size: 16px;}
	.pro-d .con .bn a span{line-height: 50px;}
	.pro-d .con{width: 55%;}
	.pro-d .propic{width: 30%;}
	.pro-d .con .tl i{width: 60px;}
}
@media only screen and (max-width:1280px) {
	.pro-d .con h1{font-size: 45px;}	
	.pro-d .con .tag{font-size: 28px;}
	.pro-d .con .bn a{font-size: 15px;max-width: 48%;margin-right: 5px;}
	.pro-d .con{width: 60%;}
	.pro-d .propic{width: 35%;}
	.pro-d .con .tl i{width: 55px;}
	
}
@media only screen and (max-width:1024px) {
	.pro-d .con h1{font-size: 40px;}
	.pro-d .con .tag{font-size: 24px;}	
	.pro-d .con .bn a{font-size: 14px;}
	.pro-d .con .bn a span{line-height: 45px;}
	.pro-d .con{width: 100%;}
	.pro-d .propic{width:40%; float:left; margin: 0 auto; margin-top: 45px;}
	.pro-d .con .bn{margin-top: 10%;}
	.pro-d .con .tl i{width: 50px;}
}
@media only screen and (max-width:720px) {
	.pro-d .con h1{font-size:30px;}	
	.pro-d .con .tag{font-size: 20px;}
	.pro-d .con .bn a{max-width: 60%;font-size: 12px;margin-bottom: 10px;}
	.pro-d .propic{width: 80%;margin-left: 10%;}
}



.version{width: 100%;height: auto;}
.version .title2{width: 25%;padding-right: 5%;float: left;}
.version .txt-c{width: 75%;float: right;height: auto;}
.version .txt-c p strong{line-height:1.2; color: #022D65;font-size: 48px;font-weight: normal; font-family: "MS";}
.flow{width: 100%;height: auto;}
.flow .title2{width: 25%;padding-right: 5%;float: left;}
.flow .txt-c{width: 75%;float: right;height: auto;}
.flow .txt-c p strong{line-height: 1.2; color: #022D65;font-size: 48px;font-weight: normal; font-family: "MS";}

@media only screen and (max-width:1680px) {	
	.version .txt-c p strong{font-size: 40px;}
	.flow .txt-c p strong{font-size: 40px;}
}
@media only screen and (max-width:1440px) {
	.flow .txt-c p strong{font-size: 35px;}
	.version .txt-c p strong{font-size: 35px;}	
}
@media only screen and (max-width:1280px) {
	.flow .txt-c p strong{font-size: 30px;}	
	.version .txt-c p strong{font-size:30px;}
	.version .title2{width: 20%;}
	.version .txt-c{width: 80%;}
	.flow .title2{width: 20%;}
	.flow .txt-c{width: 80%;}
	
}
@media only screen and (max-width:1024px) {	
	.flow .txt-c p strong{font-size: 25px;}
	.version .txt-c p strong{font-size: 25px;}
	
		.version .title2{width: 100%;}
	.version .txt-c{width:100%;margin-top: 35px;}
	.flow .title2{width:100%;}
	.flow .txt-c{width:100%;margin-top: 35px;}
}
@media only screen and (max-width:720px) {
	.flow .txt-c p strong{font-size: 20px;}
	.version .txt-c p strong{font-size: 20px;}	
}




.showpic{width: 100%;height: auto;}
.showpic .showpic-top{width: 100%;height: auto;position: relative;}
.showpic .showpic-c{padding-left: 5%;width: 100%;height: auto;}
.showpic .showpic-c .showpic-js{width: 100%;height:auto;padding-right: 10%;}

.showpic .showpic-top .swiper-button-prev {background-image:url(../img/a002.png); left: auto; right: 80px;}
.showpic .showpic-top .swiper-button-next {background-image:url(../img/a003.png); left: auto; right: 0%;}
.showpic .showpic-top .swiper-button-next,.showpic .showpic-top .swiper-button-prev {
    position: absolute;
    top: 50%;
    width:60px;
    height:60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}
.showpic .showpic-c .showpic-js .pic{width: 100%;height: auto;}

@media only screen and (max-width:1680px) {
	
}

@media only screen and (max-width:1440px) {
.showpic .showpic-top .swiper-button-prev {right: 70px;}

.showpic .showpic-top .swiper-button-next,.showpic .showpic-top .swiper-button-prev {top: 8%; width: 50px;height: 50px;margin-top: -25px;background-size: 50px 50px;}

}

@media only screen and (max-width:1280px) {
	
}

@media only screen and (max-width:1024px) {
	
}

@media only screen and (max-width:720px) {
	.showpic .showpic-top{padding-bottom: 35px;}
	
.showpic .showpic-top .swiper-button-prev {right:55px;}
.showpic .showpic-top .swiper-button-next,.showpic .showpic-top .swiper-button-prev {top:90%; width: 40px;height: 40px;margin-top: -20px;background-size: 40px 40px;}
	
}



.video {display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999;background: rgba(0, 0, 0, .8);-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none}
.video video {position: absolute;left: 50%;top: 40%;-webkit-transform: translate(-50%, -40%);-moz-transform: translate(-50%, -40%);-o-transform: translate(-50%, -40%);transform: translate(-50%, -40%);width: auto;max-width: 40%;max-height: 67%}
/*.video-ifr {position: absolute;left: 50%;top: 40%;-webkit-transform: translate(-50%, -40%);-moz-transform: translate(-50%, -40%);-o-transform: translate(-50%, -40%);transform: translate(-50%, -40%);width: 100%;max-width: 65%;max-height: 67%}
*/

.video-close {position: absolute;left: 50%;top: 90%;z-index: 999;margin-left: -25px;transform: translateY(-92%);width: 50px;
	height: 50px;padding: 10px;background: rgba(225, 225, 225, .5);border-radius: 50%;font-size: 0;cursor: pointer;-o-transition: .5s;-moz-transition: .5s;transition: .5s}
.video-close:hover {background:#022D65}


@media only screen and (max-width:1440px) {

	.video video{max-width: 55%;}
}

@media only screen and (max-width:1280px) {

	.video video{max-width: 65%;}

}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:720px) {

.video-ifr {min-width: 90%;}
.inab .inab-main .video-box .bks .play{left: calc(50% - 45px);top: calc(50% - 45px); width:90px;height: auto;}	
.video video{max-width: 90%;}
}