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

body{
	width: 100%;
	margin: 0;
	font-size: 0;
font-family:"思源黑体 CN" ,"微软雅黑",arial,sans-serif;

}


*{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 }
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% }

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 {}
body { line-height: 1.5;
-webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;}
    div{-webkit-tab-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } 
a:link,
a:visited,
a:active,
a { text-decoration: none;}
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:auto;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}





/*公共部分*/
.w90{width:85%;max-width: 1500px;margin: 0 auto;}
.w80{width: 80%;max-width: 1400px;margin: 0 auto;}
.margin-pub{width: 100%;padding:90px 0;overflow: hidden;}
.margin-tp{margin-top: 95px;}
.space-tp{margin-top: 65px;}
.space-tp1{margin-top:40px;}
body.pages{display: block;width: 100%;height: 100%;overflow: hidden;}


@media only screen and (max-width:1600px) {
	.margin-pub{padding: 80px 0;}
	.margin-tp{margin-top: 80px;}
	.space-tp{margin-top: 55px;}
	
}
@media only screen and (max-width:1400px) {
	.margin-pub{padding: 70px 0;}
	.margin-tp{margin-top: 70px;}
	.space-tp{margin-top: 50px;}
	.space-tp1{margin-top: 40px;}
}
@media only screen and (max-width:1200px) {
	.margin-pub{padding: 65px 0;}
	.margin-tp{margin-top:65px;}
	.space-tp{margin-top:30px;}
}
@media only screen and (max-width:1024px) {
	.w80{width: 90%;}
	.w90{width: 90%;}
	.margin-pub{padding: 55px 0;}
	.margin-tp{margin-top:55px;}
	.space-tp{margin-top:40px;}
	.space-tp1{margin-top:20px;}
}

@media only screen and (max-width: 720px) {
	.margin-pub{padding:40px 0;}
	.margin-tp{margin-top:40px;}
		.space-tp{margin-top:30px;}
}




.header{background: #17284a;width: 100%;height: auto;position: relative;z-index: 999;}
.header .logo-box{width: 100%;position: relative; height: auto;padding: 15px 0;}
.header .logo-box:before{position: absolute;content: "";left: 0;width: calc(50% - 150px);height: 1px;background: rgba(255,255,255,0.2);top: calc(50%  - 0.5px); }
.header .logo-box:after{position: absolute; content: "";right: 0;width: calc(50% - 150px);height: 1px;background: rgba(2555,255,255,0.2); top: calc(50% - 0.5px);}
.header .logo-box .logo{width: 200px;display: block;margin: 0 auto;}
.header .logo-box .logo img{display: block;width: 100%;height: auto;}

.header .nav{width: 100%;height: auto;}

.header .nav a{color: #fff;}
.header .nav .nav-l{float: left; width: calc(50% - 100px);text-align: center;font-size: 0;}
.header .nav .nav-l li{padding-bottom:25px;position: relative; display: inline-block;width: 33.3%; font-size: 20px;}
.header .nav .nav-r{width: calc(50% - 100px);float: right;font-size: 0; text-align: center;}
.header .nav .nav-r li{display: inline-block; position: relative; padding-bottom:25px; width: 33.3%;font-size: 20px;}
.header .nav .nav-l li .downs{display: none; position: absolute; top: 100%;width: 200px;height: auto;left:calc(50% - 100px);}
.header .nav .nav-l li .downs a{font-size: 16px; display: block; line-height: 40px;border-top: 1px solid rgba(255,255,255,0.05);background: #17284a; border-bottom: 1px solid rgba(255,255,255,0.05);}
.header .nav .nav-l li:hover .downs{transition: all 0.5s ease;display:inherit;}
.header .nav .nav-l li div.tl{position: relative;}
.header .nav .nav-l li .downs .tl .three{display: none;top: 00%;left: 100%;width: 100%;height: 0;position: absolute;;}

.header .nav .nav-l li .downs a:hover{background: #5888c7;}
.header .nav .nav-l li .downs .tl .three a:hover{background: #5888c7;}
.header .nav .nav-l li .downs> .tl:hover >.three{display: inherit;height: auto;transition: all 0.5s ease;}

.header .nav .nav-r li .downs{display: none; position: absolute; top: 100%;width: 200px;height: auto;left:calc(50% - 100px);}
.header .nav .nav-r li .downs a{font-size: 16px; display: block; line-height: 40px;border-top: 1px solid rgba(255,255,255,0.05);background: #17284a; border-bottom: 1px solid rgba(255,255,255,0.05);}
.header .nav .nav-r li:hover .downs{transition: all 0.5s ease;display:inherit;}
.header .nav .nav-r li div.tl{position: relative;}
.header .nav .nav-r li .downs .tl .three{display: none;top: 00%;left: 100%;width: 100%;height: 0;position: absolute;;}

.header .nav .nav-r li .downs a:hover{background: #5888c7;}
.header .nav .nav-r li .downs .tl .three a:hover{background: #5888c7;}
.header .nav .nav-r li .downs> .tl:hover >.three{display: inherit;height: auto;transition: all 0.5s ease;}


.mb-nav{width: 100%;padding: 10px 0; background: #152543;}
.mb-nav .logo{width: 120px;height: auto;display: block; margin: 0 auto;}
.mb-nav .logo img{display: block;width: 100%;height: auto;}

#dl-menu{display:none;}

@media only screen and (max-width:1600px) {
.header .nav .nav-r li{padding-bottom: 20px;font-size: 18px;}
.header .nav .nav-l li{padding-bottom: 20px;font-size: 18px;}
	.header .logo-box .logo{width: 180px;}
		.header .logo-box:before{width: calc(50% - 130px);}
.header .logo-box:after{width: calc(50% - 130px);}
}
@media only screen and (max-width:1400px) {
		.header .logo-box{padding: 10px 0;}
	.header .logo-box .logo{width: 160px;}
	.header .logo-box:before{width: calc(50% - 120px);}
.header .logo-box:after{width: calc(50% - 120px);}
.header .nav .nav-r li{padding-bottom: 20px;font-size: 16px;}
.header .nav .nav-l li{padding-bottom: 20px;font-size: 16px;}
}

@media only screen and (max-width:1024px) {
	.header{display: none;}
	#dl-menu{display:inherit;}
}


















.banner{width: 100%;height: auto;}
.banner .banner-js{width: 100%;height: auto;}
.banner .banner-js .pic{width: 100%;height: auto;}
.banner .banner-js  .pic img{display: block;width: 100%;height: auto;}
.banner .banner-js>.swiper-pagination-bullets {
    bottom:5%;
    left: 0;
    width: 100%;
}
.banner .banner-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity:0.5;
}


.banner .banner-js .swiper-pagination-bullet-active {
    opacity: 1;
    background:#fff;
}

@media only screen and (max-width:1024px) {
	.banner{margin-top: 55px;}
}





.footer{width: 100%;height: auto;padding: 60px 0 25px 0;background: #152543;}
.footer .nav{width: 100%;height: auto;text-align: center;font-size: 0;margin-bottom: 30px;}
.footer .nav li{display: inline-block;width: 33.3%;text-align: center;}
.footer .nav li a{color: #FFFFFF;font-size: 24px;}
.footer .ewm{width: 140px;height: auto;margin:  0 auto;}
.footer .ewm img{display: block;width: 100%;height: auto;}
.footer  .pricy{width: 100%;height: auto;color: #FFFFFF;text-align: center;margin-top: 30px;}
.footer .pricy p {font-size: 16px;color: #FFFFFF;}
.footer .pricy p a{color: #FFFFFF;}
.footer .nav li a.focus{cursor: pointer;}
.ewm-box-bks{display: none; text-align: center; width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999; background: rgba(0,0,0,0.85);}
.ewm-box-bks  .ewm-box{font-size: 18px; width: 30%;max-width:300px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%); padding:25px;background: #FFFFFF;}
.ewm-box-bks .ewm-box .ewm{display: block;width: 100%;height: auto;margin-top: 15px;margin-bottom: 20px;}
.ewm-box-bks .ewm-box .ewm img{display: block;width: 100%;height: auto;}
.ewm-box-bks .ewm-box .close{font-size: 30px;color: #959595;position: absolute;right: 4%;top: 4%;}


@media only screen and (max-width:1600px) {
	.footer{padding: 55px 0 25px 0;}
	.footer .nav li a{font-size: 22px;}
	.footer .ewm{width: 130px;}
}
@media only screen and (max-width:1400px ) {
		.footer{padding: 45px 0 20px 0;}
	.footer .ewm{width: 110px;}
		.footer .nav li a{font-size: 20px;}
		.footer .pricy p{font-size: 15px;}
		.ewm-box-bks  .ewm-box{font-size: 16px;}
}
@media only screen and (max-width:1024px) {
	.footer{padding: 35px 0 20px 0;}
		.footer .ewm{width: 90px;}
		.footer .nav li a{font-size:18px;}
		.footer .pricy p{font-size: 14px;}
		.ewm-box-bks  .ewm-box{font-size: 15px;}
}
@media only screen and (max-width:720px) {
		.footer .ewm{width:80px;}
		.footer .nav{margin-bottom: 20px;}
		.footer .nav li a{font-size:16px;}
		.footer  .pricy{margin-top: 15px;}
		.footer .pricy p{font-size: 12px;}
		.ewm-box-bks  .ewm-box{width: 80%;max-width: 300px;font-size: 14px;}
		
		
}











.in-pro{width: 100%;height: auto;}
.in-pro .in-pro-c{width:80%;max-width: 1400px; margin:  0 auto; height: auto;}
.in-pro .in-pro-c ul{width: 100%;height: auto;font-size: 0;}
.in-pro .in-pro-c ul li{ width: calc(33.3% - 20px);margin-right: 30px;vertical-align: top;display: inline-block;}
.in-pro .in-pro-c ul li .pic{width: 100%;height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;}

.in-pro .in-pro-c ul li:last-child{margin-right: 0;}
.in-pro .in-pro-c ul li:first-child{width: calc(60% - 15px);margin-bottom: 30px;}
.in-pro .in-pro-c ul li:nth-child(2){width: calc(40% - 15px);margin-right: 0;margin-bottom: 30px;}
.in-pro .in-pro-c ul li:first-child .pic{height: 490px;}
.in-pro .in-pro-c ul li:nth-child(2) .pic{height: 490px;}
.in-pro .in-pro-c ul li .cons{width: 100%;height: auto;border: 1px solid #545454;border-top: none;padding:35px 5%;overflow: hidden;}
.in-pro .in-pro-c ul li .cons h6{font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #000;width: calc(100% - 100px);float: left;padding-left: 5%;}
.in-pro .in-pro-c ul li .cons .more{display: block;width: 100px;line-height: 35px;text-align: center;float: right; color: #FFFFFF;font-size: 16px;background: #000000;}
.in-pro .in-pro-c ul li:hover{transition: all 0.5s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.1);}

@media only screen and (max-width:1600px) {
.in-pro .in-pro-c ul li .pic{height: 350px;}	
.in-pro .in-pro-c ul li:first-child .pic{height: 440px;}
.in-pro .in-pro-c ul li:nth-child(2) .pic{height:440px}
.in-pro .in-pro-c ul li .cons h6{font-size: 22px;}
}
@media only screen and (max-width:1400px) {
.in-pro .in-pro-c ul li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 20px;}
	.in-pro .in-pro-c ul li:first-child{width: calc(60% - 7.5px);margin-bottom: 20px;}
	.in-pro .in-pro-c ul li:nth-child(2){width: calc(40% - 7.5px);margin-right: 0;margin-bottom: 20px;}
.in-pro .in-pro-c ul li .pic{height: 300px;}	
.in-pro .in-pro-c ul li:first-child .pic{height: 400px;}
.in-pro .in-pro-c ul li:nth-child(2) .pic{height:400px}
.in-pro .in-pro-c ul li .cons h6{font-size: 20px;width: calc(100% - 80px);}
.in-pro .in-pro-c ul li .cons{padding: 30px 5%;}
.in-pro .in-pro-c ul li .cons .more{font-size: 15px;width: 80px;}
}
@media only screen and (max-width:1200px) {
	.in-pro .in-pro-c ul li{width: calc(33.3% - 8px);margin-right: 12px;margin-bottom: 20px;}
	.in-pro .in-pro-c ul li:first-child{width: calc(60% - 6px);margin-bottom: 20px;}
	.in-pro .in-pro-c ul li:nth-child(2){width: calc(40% - 6px);margin-right: 0;margin-bottom: 20px;}
.in-pro .in-pro-c ul li .pic{height:250px;}	
.in-pro .in-pro-c ul li:first-child .pic{height: 350px;}
.in-pro .in-pro-c ul li:nth-child(2) .pic{height:350px}
.in-pro .in-pro-c ul li .cons h6{font-size:18px;width: calc(100% - 80px);}
.in-pro .in-pro-c ul li .cons{padding:25px 5%;}
.in-pro .in-pro-c ul li .cons .more{font-size: 15px;width: 80px;line-height: 30px;}
}
@media only screen and (max-width:1024px) {
	.in-pro .in-pro-c{width: 90%;}
	.in-pro .in-pro-c ul li{width: calc(33.3% - 8px);margin-right: 12px;margin-bottom: 12px;}
	.in-pro .in-pro-c ul li:first-child{width: calc(60% - 6px);margin-bottom: 12px;}
	.in-pro .in-pro-c ul li:nth-child(2){width: calc(40% - 6px);margin-right: 0;margin-bottom:12px;}
.in-pro .in-pro-c ul li .pic{height:200px;}	
.in-pro .in-pro-c ul li:first-child .pic{height: 300px;}
.in-pro .in-pro-c ul li:nth-child(2) .pic{height:300px}
.in-pro .in-pro-c ul li .cons h6{font-size:16px;width: calc(100% - 70px);}
.in-pro .in-pro-c ul li .cons{padding:20px 5%;}
.in-pro .in-pro-c ul li .cons .more{font-size: 14px;width: 70px;line-height: 30px;}	
}
@media only screen and (max-width:720px) {
.in-pro .in-pro-c ul li{width: calc(100% - 0px);margin-bottom: 10px;}
.in-pro .in-pro-c ul li:first-child{width:100%;margin-right: 0;}
.in-pro .in-pro-c ul li:nth-child(3){margin-right: 0;}
.in-pro .in-pro-c ul li:nth-child(5){margin-right: 0;}
.in-pro .in-pro-c ul li:nth-child(2){margin-right: 10px;width: calc(100% - 0px);}
.in-pro .in-pro-c ul li .pic{height:150px;}	
.in-pro .in-pro-c ul li:first-child .pic{height: 200px;}
.in-pro .in-pro-c ul li:nth-child(2) .pic{height:150px}	
.in-pro .in-pro-c ul li .cons{padding:15px 5%;}
.in-pro .in-pro-c ul li .cons h6{width: calc(100% - 60px);padding: 0;padding-right: 10px;}	
.in-pro .in-pro-c ul li .cons .more{font-size: 12px;width: 60px;line-height: 25px;}	
}


.sea{width: 100%;height: auto;position:relative;z-index: 0;padding-top: 22.5px;}
.sea .bks{width: 100%;height: 60%;position: absolute;top: 0;left: 0;background: #d2dadf;z-index: -1;}
.sea .sea-c{overflow:hidden ;position: relative;  width: calc(100% - 45px);height: auto;padding:0 0 8% 0;margin: 0 auto;border: 1px solid rgba(0,0,0,0.5); background-size: cover;background-position: center;background-repeat: no-repeat;}
.sea .sea-top{width: 100%;height:87px;border-bottom: 1px solid rgba(0,0,0,0.5);}
.sea .sea-top .logo{border-bottom: 1px solid rgba(0,0,0,0.5); width:350px;padding:15px 0;background: #FFFFFF; display: block;border-right: 1px solid rgba(0,0,0,0.5);}
.sea .sea-top .logo img{display: block;width:50%;margin: 0 auto; height: auto;}


.sea-con-line{position:relative; border: 2px solid #002157;padding: 20px;width: 500px;float: right;margin-top: 60px;margin-bottom: 15%; margin-right: 11%;}
.sea-con{padding: 5%; background: rgba(0,33,87,0.85);width: 100%;color: #FFFFFF;}
.sea-con h2{font-size:90px;font-weight: bolder;font-weight: normal; margin-bottom: 15px;line-height: 1;}
.sea-con h6{font-size: 30px;font-weight: normal;margin-bottom:10px;}
.sea-con .txt{color: rgba(255,255,255,0.5);width: 100%;height: auto;}
.sea-con .txt p{font-size: 20px;}
.sea-con-line:before{content: "";  position:absolute;left: 5%;top: -62px;height: 3px;background: #000;width:80px ;}
.sea-downs{ width:600px;position: absolute;right: 0;bottom: 0;overflow: hidden;padding: 15px 4% 15px 15px; background:#FFFFFF;border: 1px solid rgba(0,0,0,0.5);border-bottom: none;border-right: none;}
.sea-downs h5{font-size: 30px;font-weight: normal;color: #17284A; width: calc(100% - 60px);float: left;}

.sea-downs:before{position: absolute;content: "";right: 4%;width: 60px;height: 30px;top:calc(50% - 15px);background: url(../img/a001.png)center no-repeat;background-size: cover;}


.sea-left{ width: 240px;height: auto;background: #FFFFFF;height: calc(100% - 87px);position: absolute;left: 0;bottom:0;border-right: 1px solid #545454;}
.sea-left .jiantou{position: absolute;left: calc(50% - 15px);bottom: 10%; width: 30px;height: 60px;background: url(../img/a002.png)center no-repeat ;background-size: cover; display: block;}

.sea-left h5{font-size:36px; color: #02080b;}
.sea-left h6{font-size:24px;color: rgba(2,8,11,0.6);font-weight: normal;}

.sea-left-c{width:100%;padding-left: 10%;position: absolute;left: 0;bottom:calc(28% + 60px); transform: rotate(-90deg)scale(0.9);white-space: nowrap;}


.sea2 .sea-top .logo{float: right;border-left: 1px solid #545454;border-right: none;}
.sea2 .sea-left{border-right: none;border-left:1px solid rgba(0,0,0,0.5); position: absolute;left: auto;right: 0;}
.sea2 .sea-con-line{float: left;margin-right: 0;margin-left: 11%;}


.sea2 .sea-downs{left: 0;right: auto;padding: 15px 15px 15px 4%;border: 1px solid rgba(0,0,0,0.5);border-bottom: none;border-left: none;border-right:1px solid rgba(0,0,0,0.5);}
.sea2 .sea-downs .jiantou{float: left;}
.sea2 .sea-downs h5{float: right;padding-left: 5%;color: #17284A;}
.sea2 .sea-downs:before{right: auto;left: 4%;background: url(../img/a003.png)center no-repeat;background-size: cover;}

.sea2.quality .sea-con-line{border: 2px solid #FFFFFF;}

.sea2.quality .sea-con{background: rgba(246,247,247,0.8);}
.sea2.quality .sea-con h2{color: #152543;}
.sea2.quality  .sea-con h6{color: #152543;}
.sea2.quality .sea-con .txt{color: rgba(9,38,88,0.5);}





.area{width: 100%;height: auto;}
.area h2{color: #152543;font-size: 90px;font-weight: normal;}
.area h6{color: #152543;font-size: 30px;font-weight: normal;}
.area .pic{width: 100%;height: auto;position: relative;}
.area .pic img{display: block;width: 100%;height: auto;}
.area .pic .con{position: absolute;font-size: 28px;font-family: arial;text-transform: uppercase; right: 10%;padding: 10px 15px;color: #FFFFFF;top:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);background: #152543;}


.area2 h2{text-align: right;}
.area2 h6{text-align: right;}
.area2 .pic .con{position: absolute;right:auto;left: 10%;}


@media only screen and (max-width:1600px) {
	.area h2{font-size: 80px;}
	.sea-con h2{font-size: 80px;}
	.sea-con h6{font-size: 28px;}
	.area h6{font-size: 28px;}
	.sea-downs h5{font-size: 28px;width: calc(100% - 50px);}
	.sea-con .txt p{font-size: 18px;}
	.sea-left h5{font-size: 32px;}
	.sea-left h6{font-size: 26px;}
	.sea-con-line{width: 450px;padding: 15px;}
	.sea-downs{width: 550px;}
	.sea-downs:before{width: 50px;height: 25px;top: calc(50% - 12.5px);}
	.sea-left .jiantou{position: absolute;left: calc(50% - 12.5px);bottom: 8%; width: 25px;height: 50px;}
.sea-left-c{bottom:calc(26% + 50px);}
	.sea-left{width: 200px;height: calc(100% - 79px);}
	.sea .sea-top{height: 79px;}
	.sea .sea-top .logo{width: 300px;}
	.area .pic .con{font-size: 26px;}
	.sea-con-line:before{width: 70px;}

}
@media only screen and (max-width:1400px) {
	.area h2{font-size: 65px;}
	.sea-con h2{font-size: 65px;}
	.sea-con h6{font-size: 24px;}
	.area h6{font-size: 24px;}
	.sea-downs h5{font-size: 24px;width: calc(100% - 40px);}
	.sea-con .txt p{font-size: 16px;}
	.sea-left h5{font-size: 30px;}
	.sea-left h6{font-size: 22px;}
	.sea-con-line{width: 400px;padding: 10px;}
	.sea-downs{width: 450px;}
	.sea-downs:before{width: 40px;height: 20px;top: calc(50% - 10px);}
	.sea-left .jiantou{position: absolute;left: calc(50% - 10px);bottom: 8%; width: 20px;height: 40px;}
	.sea-left{width: 180px;height: calc(100% - 71px);}
	.sea-left-c{bottom:calc(24% + 40px);}
	.sea .sea-top{height: 71px;}
	.sea .sea-top .logo{width:250px;}
	.area .pic .con{font-size: 22px;}
		.sea-con-line:before{width: 60px;}
}

@media only screen and (max-width:1200px) {
	.area h2{font-size:45px;}
	.sea-con h2{font-size:45px;}
	.sea-con h6{font-size: 20px;}
	.area h6{font-size: 20px;}
	.sea-downs h5{font-size: 20px;width: calc(100% - 30px);}
	.sea-left h5{font-size: 20px;}
	.sea-left h6{font-size: 18px;}
	.sea-con .txt p{font-size: 15px;}
	.sea-con-line{width: 350px}
	.sea-downs{width: 360px;}
	.sea-downs:before{width: 30px;height: 15px;top: calc(50% - 7.5px);}
	.sea-left .jiantou{position: absolute;left: calc(50% - 7.5px);bottom: 8%; width: 15px;height: 30px;}
	.sea-left-c{bottom:calc(20% + 30px);}
	.sea-left{width: 150px;height: calc(100% - 63px);}
		.sea .sea-top{height: 63px;}
	.sea .sea-top .logo{width:200px;}
	.area .pic .con{font-size: 18px;}
		.sea-con-line:before{width: 50px;}
}

@media only screen and (max-width:1024px) {
	.area h2{font-size:36px;}
	.sea-con h2{font-size:36px;}	
		.sea-con h6{font-size: 16px;}
	.area h6{font-size: 16px;}
	.sea-downs h5{font-size: 16px;width: calc(100% - 20px);}
	.sea-left h5{font-size: 16px;}
	.sea-left h6{font-size: 14px;}
	.sea-con .txt p{font-size: 14px;}
		.area .pic .con{font-size: 16px;}
		.sea-left{width:90px;height: calc(100% - 44px);}
		.sea-downs:before{width:20px;height: 10px;top: calc(50% - 5px);}
	.sea-left .jiantou{position: absolute;left: calc(50% - 5px);bottom: 8%; width: 10px;height:20px;}
	.sea-left-c{bottom:calc(20% + 20px);}
	.sea-con-line{width:280px;}
	.sea-downs{width: 240px;}
			.sea .sea-top{height:44px;}
	.sea .sea-top .logo{width:110px;height: 44px; padding: 10px 0;}
		.sea .sea-top .logo img{display: block;width: 68%;height: auto;}
		.sea{padding-top:15px;}
		.sea .sea-c{width: calc(100% - 30px);}	
}
@media only screen and (max-width:720px) {
	.area h2{font-size:26px;font-weight: bolder;line-height: 1;margin-bottom: 10px;}
	.sea-con h2{font-size:26px;line-height: 1;font-weight: bolder;margin-bottom: 10px;}
	.sea{padding-top:10px;}
		.sea-con h6{font-size: 15px;}
		.sea-con .txt p{font-size: 13px;}
	.area h6{font-size: 15px;}
	.sea .sea-c{width:calc(100% - 20px);padding: 0 0 35% 0;}	
		.sea-con-line{width: calc(86% - 60px);margin-right: 5%;border: 1px solid #002157;padding: 5px;margin-top: 35px;}
			.sea-con-line:before{top:-37px;width: 35px;left: 15%;}
		.sea2  .sea-con-line{margin-left: 5%;}
	.sea-left{width:50px;height: calc(100% - 44px);}
	.sea-downs{width: calc(90% - 50px);padding: 10px;}
	.sea-left-c{bottom:calc(15% + 10px);}
	.sea2 .sea-downs{padding: 10px;}
	.sea-downs h5{font-size: 13px;}
	.sea-left h5{font-size: 14px;}
	.sea-left h6{font-size: 12px;}
	
	.sea2.quality .sea-con-line{border: 1px solid #FFFFFF;}
	.area .pic .con{top:5px;right: 5%;font-size: 15px;padding: 10px;}
	.area2 .pic .con{left: 5%;right: auto;padding: 10px;}
}


.our{width: 100%;height: auto;position: relative;z-index: 0;}
.our .bks1{width: 8%;height: auto;position: absolute;z-index: -1; top:-5%;right: 5%;}
.our .bks1 img{display: block;width: 100%;height: auto;}
.our .bks2{width: 8%;height: auto;position: absolute;z-index: -1; top: 25%;left: 5%;}
.our .bks2 img{display: block;width: 100%;height: auto;}
.our .our-l{width: calc(100% - 510px);height: auto;float: left;padding-right: 5%;}
.our .our-l .con1{width: 100%;height: auto;margin-bottom: 8%;}
.our .our-l .con1 h2{font-size:36px;color: #152543;}
.our .our-l .con1 .txt{width: 100%;height: auto;margin-top: 5%;color: #17284a;font-size:26px;}
.our .our-l .con1 .txt p{color: #17284A;}
.our .our-l .con2{width: 100%;height: auto;margin-bottom: 5%;}
.our .our-l .con2 h2{font-size:36px;color: #6b6b6b;}
.our .our-l .con2 .txt{width: 100%;height: auto;margin-top: 5%;color: #6b6b6b;font-size:26px;}
.our .our-l .con2 .txt p{color: #6b6b6b;}
.our .our-r{width:510px;float: right;height: auto;}
.our .our-r img{width: 100%;height: auto;}

.bring{ width: 100%;height: auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.bring .bring-c h2{color: #FFFFFF;font-size: 60px;}
.bring .bring-c{margin: 0 auto;padding-left: 25%;width: 90%;}
.bring .bring-c .txt{width:100%; height: auto;color: #FFFFFF;margin-top: 5%;}
.bring .bring-c .txt p{font-size: 36px;color: #FFFFFF;}

.policy{width: 100%;height: auto;}
.policy  .policy-l{width: calc(100% - 510px);height: auto;float: left;padding-right: 5%;}
.policy .policy-l h2{font-size: 36px;color:#17284a;}
.policy .policy-l .txt{margin-top: 8%; width: 100%;height: auto;font-size: 26px;color: #17284A;}
.policy .policy-r{width: 510px;height: auto;float: right;}
.policy .policy-r img{display: block;width: 100%;height: auto;}

@media only screen and (max-width:1600px) {
	.our .our-l  .con1 h2{font-size: 34px;}
	.our .our-l .con2 h2{font-size: 34px;}
	.policy .policy-l h2{font-size: 34px;}
	.our .our-l .con1 .txt{font-size: 22px;}
	.our .our-l .con2 .txt{font-size: 22px;}
		.policy .policy-l .txt{font-size: 22px;}
	.bring .bring-c h2{font-size: 50px;}
	.bring .bring-c .txt p{font-size: 28px;}

	.our .our-r{width: 460px;}
	.our .our-l{width: calc(100% - 460px);}
	.policy  .policy-r{width: 460px;}
	.policy .policy-l{width: calc(100% - 460px);}
}
@media only screen and (max-width:1400px) {
	.our .our-l  .con1 h2{font-size:30px;}
	.our .our-l .con2 h2{font-size: 30px;}
	.policy .policy-l h2{font-size: 30px;}
	.our .our-l .con1 .txt{font-size: 20px;}
	.our .our-l .con2 .txt{font-size: 20px;}
	.policy .policy-l .txt{font-size: 20px;}
	.bring .bring-c h2{font-size: 45px;}	
	.bring .bring-c .txt p{font-size: 26px;}
.our .our-r{width: 420px;}
	.our .our-l{width: calc(100% - 420px);}
	.policy  .policy-r{width: 420px;}
	.policy .policy-l{width: calc(100% - 420px);}
	
	
}
.policy .policy-l .txt{font-size: 22px;}
@media only screen and (max-width:1200px ) {
	.our .our-l  .con1 h2{font-size:28px;}
	.our .our-l .con2 h2{font-size:28px;}
		.policy .policy-l h2{font-size: 28px;}
	.our .our-l .con1 .txt{font-size: 18px;}
	.our .our-l .con2 .txt{font-size: 18px;}
	.bring .bring-c h2{font-size: 36px;}	
	.bring .bring-c .txt p{font-size: 24px;}
.policy .policy-l .txt{font-size: 18px;}
.our .our-r{width: 360px;}
	.our .our-l{width: calc(100% - 360px);}
	.policy  .policy-r{width: 360px;}
	.policy .policy-l{width: calc(100% - 360px);}
}
@media only screen and (max-width:1024px) {
	.our{margin-top: 60px;}
		.our .our-l  .con1 h2{font-size:26px;}
	.our .our-l .con2 h2{font-size:26px;}
		.policy .policy-l h2{font-size: 26px;}
	.our .our-l .con1 .txt{font-size: 16px;}
	.our .our-l .con2 .txt{font-size: 16px;}
	.bring .bring-c h2{font-size: 32px;}	
	.bring .bring-c .txt p{font-size: 20px;}
.policy .policy-l .txt{font-size: 16px;}
.our .our-r{width: 320px;}
	.our .our-l{width: calc(100% - 320px);}
	.policy  .policy-r{width: 320px;}
	.policy .policy-l{width: calc(100% - 320px);}
}


@media only screen and (max-width:720px) {
		.our{margin-top:55px;}
		.our .our-l  .con1 h2{font-size:26px;line-height: 1;}
			.policy .policy-l h2{font-size: 26px;line-height: 1;}
	.our .our-l .con2 h2{font-size:26px;}
	.our .our-l .con1 .txt{font-size: 15px;}
	.our .our-l .con2 .txt{font-size: 15px;}
	.bring .bring-c h2{font-size:26px;line-height: 1;}	
	.bring .bring-c .txt p{font-size:16px;}
	.bring .bring-c{padding-left: 0;width: 100%;}
.policy .policy-l .txt{font-size: 15px;}
.our .our-r{width:100%;margin-top: 30px;float: none;}
	.our .our-l{width:100%;float: none;}
	.policy  .policy-r{width:100%;margin-top: 30px;}
	.policy .policy-l{width: 100%;float: none;}
	
	
.our .bks1{width:20%;height: auto;position: absolute;z-index: -1; top:-5%;right: 5%;}
.our .bks2{width:20%;height: auto;position: absolute;z-index: -1; top: 49%;left:2%;}
}




.about{width: 100%;height: auto;background-size:cover;background-repeat: no-repeat;background-position: center;}
.about .about-c{width: 90%;position:relative; margin:0 auto; height: auto;color: #FFFFFF;background:#17284A;padding: 10% 5%;margin-bottom:50px;}
.about .about-c .logo{position: absolute;left: 5%;top: 5%;display: block;width: 160px;height: auto;}
.about .about-c .logo img{display:block;width: 100%;height: auto;}
.about .about-c h1{color: #FFFFFF;font-size: 60px;color: #FFFFFF;text-align: center;}
.about .about-c .txt{width: 100%;height: auto;color: #FFFFFF;font-size: 24px;text-align: center;margin-top: 10px;}
.about .about-c .txt p{color:#FFFFFF}
.about .cooperation{width: 90%;height: auto;font-size: 0;margin: 0 auto;text-align: left;}
.about .cooperation a{display: inline-block;height: auto;width: 12.5%;padding: 0 2%;}
.about .cooperation a img{display: block;width: 100%;height: auto;}




@media only screen and (max-width:1600px) {
.about .about-c h1{font-size: 50px;}
.about .about-c .txt{font-size: 22px;}	
}
	
@media only screen and (max-width:1400px) {
		.about .about-c{margin-bottom: 40px;}
	.about .about-c h1{font-size: 45px;}
.about .about-c .txt{font-size: 20px;}
.about .cooperation a{padding: 0 1%;}
}
.about .about-c .logo{width: 140px;}
@media only screen and (max-width:1200px) {
		.about .about-c{margin-bottom: 35px;}
	.about .about-c h1{font-size:40px;}
.about .about-c .txt{font-size:18px;}
.about .cooperation a{padding: 0 1%;}
.about .about-c .logo{width: 120px;}
}
@media only screen and (max-width:1024px) {
		.about{margin-top: 60px;}
			.about .about-c{margin-bottom: 30px;}
	.about .about-c h1{font-size:30px;line-height: 1;margin-bottom: 15px;}
.about .about-c .txt{font-size:16px;}
.about .cooperation a{padding: 0 10px;}
.about .about-c .logo{width: 100px;}
}
@media only screen and (max-width:720px) {
	
		.about .about-c{margin-bottom: 25px;}
		.about{margin-top: 55px;}
			.about .about-c{width: 100%;padding:55px 10px;}
	.about .about-c h1{font-size:26px;}
.about .about-c .txt{font-size: 15px;}
.about .cooperation{width: 100%;}
.about .cooperation a{width:16.6%; padding: 5px;}
.about .about-c .logo{width:80px;}
}







.honor{width: 100%;height: auto;}
.honor h2{width:100%;text-align: center;font-size: 80px;color: #17284a;}
.honor .honor-c{width: 100%;height: auto;}
.honor .honor-c img{display: block;margin:auto; height: auto;}

@media only screen and (max-width:1600px) {
	.honor h2{font-size: 75px;}
}
@media only screen and (max-width:1400px) {
.honor h2{font-size: 60px;}
}
	
@media only screen and (max-width:1200px) {
.honor h2{font-size: 50px;}
}
@media only screen and (max-width:1024px) {
	.honor h2{font-size:36px;}
}
@media only screen and (max-width:720px) {
	.honor h2{font-size:26px;}
}



















.brand{width: 100%;height: auto;background-size: cover;margin-bottom: 10px; background-repeat: no-repeat;background-position: center;}
.brand .brand-c{width: 100%;height: auto;}
.brand .brand-c .con{font-size: 0; text-align: center; width: auto;background: #17284a;padding: 25px;color: #FFFFFF;display: inline-block;}
.brand .brand-c .con h5{font-size:38px;color: #FFFFFF;font-weight: normal;}
.brand .brand-c .con a{display:block;background: #FFFFFF;padding: 20px;margin-top: 10px;text-align: center;}
.brand .brand-c .con h2{line-height:1; border: 1px dashed #17284A;display: block; writing-mode:horizontal-tb; -webkit-writing-mode:horizontal-tb; -webkit-writing-mode:vertical-rl;
writing-mode:vertical-rl;-webkit-writing-mode:vertical-lr;
writing-mode:vertical-lr; color: #17284A;font-size:80px;padding:25px 20px;font-weight: normal;}
.brand2  .brand-c .con{float: right;} 
@media only screen and (max-width:1600px) {
	.brand .brand-c .con h5{font-size: 36px;}
	.brand .brand-c .con h2{font-size: 65px;}
}
@media only screen and (max-width:1400px) {
	.brand .brand-c .con h5{font-size: 32px;}
	.brand .brand-c .con h2{font-size: 55px;}
}
@media only screen and (max-width:1200px) {
	.brand .brand-c .con{padding: 20px;}
	.brand .brand-c .con a{padding:15px;}
	.brand .brand-c .con h2{padding:20px 10px;}
	.brand .brand-c .con h5{font-size: 30px;}
	.brand .brand-c .con h2{font-size:40px;}
}
@media only screen and (max-width:1024px) {
		.brand .brand-c .con{padding:15px;}
	.brand .brand-c .con a{padding:10px;}
	.brand .brand-c .con h2{padding:15px 5px;}
	.brand .brand-c .con h5{font-size:20px;}
	.brand .brand-c .con h2{font-size:35px;}
}
@media only screen and (max-width:720px) {
	.brand{margin-bottom: 5px;}
			.brand .brand-c .con{padding:10px;}
	.brand .brand-c .con a{padding:10px;}
	.brand .brand-c .con h2{padding:10px 5px;}
	.brand .brand-c .con h5{font-size:16px;}
	.brand .brand-c .con h2{font-size:24px;font-weight: bolder;}
}


.contact{width: 100%;padding: 10% 0; height: auto;background-size: cover;background-repeat: no-repeat;background-position:center;}
.contact h2{color: #FFFFFF;font-size: 80px;text-align: center;}
.contact .txt{text-align: center;width: 100%;height: auto;margin-top: 35px;font-size: 40px;color: #FFFFFF;}
.cont-infor{width: 100%;height: auto;background: #dbdbdc;}
.cont-infor .cont-infor-c{width: 100%;height: auto;text-align: center;}
.cont-infor .cont-infor-c p{font-size:30px;color: #0d0707;}

.sellers{width: 100%;height: auto;}
.sellers .sellers-c{width:80%;margin: 0 auto; height: auto;background: #dbdbdc;padding: 5%;border-radius: 10px;}
.sellers .sellers-c .sellers-list{width: 100%;height: auto;}
.sellers .sellers-c  h2{font-size: 60px;color: #373737;text-align: center;}
.sellers .sellers-c .sellers-list li{padding-left: 10%; width: 100%;overflow: hidden; height: auto;margin-bottom:5%;}
.sellers .sellers-c .sellers-list li .ico{width:200px;height:auto;float: left;}
.sellers .sellers-c .sellers-list li .ico img{display: block;width: 100%;height: auto;}
.sellers .sellers-c .sellers-list li .con{font-size: 36px;color: #373737; width:calc(100% - 200px);padding-left: 10%; height: auto;float: right;}



@media only screen and (max-width: 1600px) {
	.contact h2{font-size: 70px;}
	.sellers .sellers-c  h2{font-size: 50px;}
	.contact .txt{font-size: 36px;}
	.cont-infor .cont-infor-c p{font-size: 26px;}
	.sellers .sellers-c .sellers-list li .ico{width: 150px;}
	.sellers .sellers-c .sellers-list li .con{width: calc(100% - 150px);font-size: 34px;}
}
@media only screen and (max-width:1400px) {
	.contact h2{font-size:60px;}
	.sellers .sellers-c  h2{font-size: 45px;}
	.contact .txt{font-size: 34px;}
	.cont-infor .cont-infor-c p{font-size: 24px;}	
		.sellers .sellers-c .sellers-list li .ico{width: 150px;}
	.sellers .sellers-c .sellers-list li .con{width: calc(100% - 150px);font-size: 32px;}
}
@media only screen and (max-width:1200px) {
	.contact h2{font-size:50px;}
	.sellers .sellers-c  h2{font-size: 40px;}
	.contact .txt{font-size: 32px;margin-top: 30px;}
	.cont-infor .cont-infor-c p{font-size: 22px;}	
		.sellers .sellers-c .sellers-list li .ico{width: 150px;}
	.sellers .sellers-c .sellers-list li .con{width: calc(100% - 150px);font-size: 30px;}
}

@media only screen and (max-width:1024px) {
		.contact{margin-top: 55px;padding: 65px 0;}
	.contact h2{font-size:40px;}
	.sellers .sellers-c  h2{font-size:36px;}
	.contact .txt{font-size:24px;margin-top: 20px;}
	.cont-infor .cont-infor-c p{font-size: 20px;}	
	.sellers .sellers-c .sellers-list li .ico{width: 100px;}
	.sellers .sellers-c .sellers-list li .con{width: calc(100% - 100px);font-size:20px;}
}


@media only screen and (max-width:720px) {
	.sellers .sellers-c{width: 100%;}
	.contact h2{font-size:30px;line-height: 1;}
	.sellers .sellers-c  h2{font-size:26px;line-height: 1;}
	.contact .txt{font-size:16px;margin-top: 15px;}
	.cont-infor .cont-infor-c p{font-size: 16px;}	
	.sellers .sellers-c .sellers-list li{padding-left: 0;}
	.sellers .sellers-c .sellers-list li .ico{width:70px;}
	.sellers .sellers-c .sellers-list li .con{width: calc(100% - 70px);font-size:16px;}
}




.product-d{width: 100%;height: auto;padding-bottom: 5%; }
.product-d .product-d-c{width: 100%;height: auto;font-size: 20px;color: #373737;}
.product-d .product-d-c img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1400px) {
	.product-d .product-d-c{font-size: 18px;}
}
@media only screen and (max-width:1200px) {
	.product-d .product-d-c{font-size: 16px;}
}
@media only screen and (max-width:1024px ) {
	.product-d .product-d-c{font-size: 15px;}
	.product-d{margin-top: 55px;}
}




.develop{width: 100%;height: auto;background: #DBDBDC;}
.develop .develop-c{width: 100%;height: auto;}
.develop .develop-c  li{background:none; width: 100%;height: auto;position: relative;margin-bottom: 55px;}
.develop .develop-c  li .bks{background-size: cover;background-repeat: no-repeat;background-position: center;}
.develop .develop-c  li img{display: block;width: 100%;height: auto;}
.develop .develop-c li .con{position: absolute;top: 10%;left: 5%;width: 90%; color: #17284A;font-size:40px;font-weight: bolder;} 
.develop .develop-c li:last-child{margin-bottom: 0;}

.valua{width: 100%;height:auto;background: #dbdbdc;}
.valua .title{width: 100%;height: auto;text-align: center;}
.valua .title h2{display:inline-block; padding-bottom: 30px;border-bottom: 2px solid #17284A;width: auto; text-align: center;line-height: 1;font-size: 80px;color:#17284A;font-weight: normal;}
.valua ul{width:100%;height: auto;}
.valua ul li{width: 100%;height: auto;margin-bottom: 55px;}
.valua ul li img{display: block;width: 100%;height: auto;}
.valua ul li:last-child{margin-bottom: 0;}

@media only screen and (max-width:1600px) {
	.develop .develop-c li .con{font-size:36px;}
	.valua .title h2{font-size: 70px;}
	.develop .develop-c  li{margin-bottom: 50px;}
	.valua ul li{margin-bottom: 50px;}
	
}

@media only screen and (max-width:1400px) {
	.develop .develop-c li .con{font-size:32px;}
	.valua .title h2{font-size:60px;}
		.develop .develop-c  li{margin-bottom:45px;}
	.valua ul li{margin-bottom:45px;}
}


@media only screen and (max-width:1200px) {
	.develop .develop-c li .con{font-size:28px;}
	.valua .title h2{font-size:50px;}
		.develop .develop-c  li{margin-bottom:35px;}
	.valua ul li{margin-bottom:35px;}
}
@media only screen and (max-width:1024px) {

	.develop .develop-c li .con{font-size:24px;}
	.valua .title h2{font-size:40px;padding-bottom: 20px;}
		.develop .develop-c  li{margin-bottom:30px;}
	.valua ul li{margin-bottom:30px;}
}
@media only screen and (max-width:720px) {
	
.develop .develop-c li img{display: none;}
.develop .develpo-c li{background-size: cover;background-position: center;padding: 10%;}
	.develop .develop-c li .con{font-size:16px;position: static;padding:5% 5% 35% 5%;}
	.valua .title h2{font-size:26px;font-weight: bolder; padding-bottom: 15px;border-bottom: 1.5px solid #17284A;}
		.develop .develop-c  li{margin-bottom:15px;}
	.valua ul li{margin-bottom:15px;}
}

.aquatic{width: 100%;height: auto;}
.aquatic .aquatic-l{padding-top: 5%; width:calc(100% - 510px);height: auto;float: left;padding-right: 5%;}
.aquatic .aquatic-l h3{font-size: 45px;color: #17284A;}
.aquatic .aquatic-l .txt{color:#17284A;font-size: 26px;margin-top: 25px;}
.aquatic .aquatic-l .txt p{color: #17284A;}
.aquatic .aquatic-r{width:510px;height: auto;float: right;}
.aquatic .aquatic-r img{display: block;width: 100%;height: ;}
@media only screen and (max-width:1600px) {
	.aquatic .aquatic-l h3{font-size: 40px;}
	.aquatic .aquatic-l .txt{font-size: 24px;}
	.aquatic .aquatic-l{width: calc(100% - 500px);}
	.aquatic .aquatic-r{width:500px;}
}

@media only screen and (max-width:1400px) {
	.aquatic .aquatic-l h3{font-size:36px;}
	.aquatic .aquatic-l .txt{font-size: 22px;}
	.aquatic .aquatic-l{width: calc(100% - 460px);}
	.aquatic .aquatic-r{width:460px;}
}
@media only screen and (max-width:1200px) {
	.aquatic .aquatic-l h3{font-size:34px;}
	.aquatic .aquatic-l .txt{font-size: 20px;}
	.aquatic .aquatic-l{width: calc(100% - 450px);}
	.aquatic .aquatic-r{width:450px;}
}

@media only screen and (max-width:1024px) {
	.aquatic .aquatic-l h3{font-size:30px;}
	.aquatic .aquatic-l .txt{font-size:18px;margin-top: 20px;}
	.aquatic .aquatic-l{width: calc(100% - 360px);}
	.aquatic .aquatic-r{width:360px;}
}
@media only screen and (max-width:720px) {
	.aquatic .aquatic-l{padding-top: 0;}
	.aquatic .aquatic-l h3{font-size:26px;line-height: 1;}
	.aquatic .aquatic-l .txt{font-size:15px;margin-top: 15px;}
	.aquatic .aquatic-l{width:100%;float: none;}
	.aquatic .aquatic-r{width:100%;margin-top: 25px;float: none;}
}

.shs{width: 100%;height: auto;}
.shs .shs-list{width: 100%;height:auto;font-size: 0;}
.shs .shs-list li{transition: all 0.5s ease; width: calc(33.3% - 120px);margin-right: 180px;display: inline-block;}
.shs .shs-list li:last-child{margin-right: 0;}
.shs .shs-list li .con{padding: 5% 10px;text-align: center;color: #17284A;font-size: 50px;font-weight: bolder; background: #FFFFFF;}
.shs .shs-list li .pic{overflow: hidden; width: 100%;height: auto;}
.shs .shs-list li .pic img{display:block;width: 100%;height: auto;}
.shs .shs-list li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
@media only screen and (max-width:1600px) {
	.shs .shs-list li{width: calc(33.3% - 100px);margin-right: 150px;}
	.shs .shs-list li .con{font-size: 45px;}
}
@media only screen and (max-width:1400px) {
	.shs .shs-list li{width: calc(33.3% - 80px);margin-right: 120px;}
	.shs .shs-list li .con{font-size: 40px;}
	
}
@media only screen and (max-width:1200px) {
	.shs .shs-list li{width: calc(33.3% - 60px);margin-right: 90px;}
	.shs .shs-list li .con{font-size: 35px;}
}
@media only screen and (max-width:1024px) {
	.shs .shs-list li{width: calc(33.3% - 40px);margin-right: 60px;}
	.shs .shs-list li .con{font-size: 30px;}
}
@media only screen and (max-width:720px) {
	.shs .shs-list li{width: calc(33.3% - 5px);margin-right: 7.5px;}
	.shs .shs-list li .con{font-size:18px;}
}


.sea-video{width: 100%;height: auto;background: #dbdbdc;}
.sea-video-c{background: #17284A;position: relative;overflow: hidden;z-index: 66;}
.sea-video-c #video{width: 100%;display: block;height: 560px;object-fit: cover;z-index: 66;}
.sea-video-c h1{position: absolute;top: 50%;width: 100%;padding: 0 5%;line-height: 1; text-align: center;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);color:#FFFFFF;font-size: 60px;}
.sea-video-c .logo{position: absolute;top: 5%;left: 5%;width: 160px;display: block;}
.sea-video-c .logo img{display:block;width: 100%;height: auto;}

@media only screen and (max-width:1600px) {
	.sea-video-c h1{font-size: 50px;}
	.sea-video-c #video{height: 500px;}
}
@media only screen and (max-width:1400px) {
	.sea-video-c h1{font-size: 45px;}
	.sea-video-c .logo{width: 140px;}
	.sea-video-c #video{height: 450px;}
}
@media only screen and (max-width:1200px) {
	.sea-video-c h1{font-size: 40px;}
	.sea-video-c .logo{width: 120px;}
	.sea-video-c #video{height: 400px;}
}
@media only screen and (max-width:1024px) {
	.sea-video{margin-top: 55px;}
	.sea-video-c h1{font-size: 35px;}
	.sea-video-c .logo{width: 100px;}
	.sea-video-c #video{height: 300px;}
}
@media only screen and (max-width:720px) {
	.sea-video-c h1{font-size:26px;line-height: 1;}
	.sea-video-c .logo{width:80px;}
	.sea-video-c #video{height:200px;}
}



.royal-top{width: 100%;height: auto;}
.royal-top .royal-top-c{padding: 5% 5% 25% 5%; width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.royal-top .royal-top-c h1{font-size: 80px;color: #FFFFFF;}
.royal-top .royal-top-c .txt{width: 100%;height: auto;margin-top: 10px;}
.royal-top .royal-top-c .txt p{font-size: 35px;color: #FFFFFF;}



.royal{width: 100%;height: auto;background: #FFFFFF;text-align: center;}
.royal h2{line-height: 1; font-size:80px;color: #17284A;}
.royal .royal-c .txt{ width: 80%;margin: 0 auto;margin-top: 35px; height: auto;color: #17284A;font-size: 35px;}
.royal-list{width: 100%;height:auto;}
.royal-list ul{width: 100%;height: auto;font-size: 0;}
.royal-list ul li{width: calc(50% - 25px);display: inline-block;vertical-align: top; margin-right: 50px;}
.royal-list ul li:nth-child(2n){margin-right: 0;}
.royal-list ul li .pic{width: 100%;height:auto;}
.royal-list ul li .pic img{display: block;width: 100%;height: auto;}

.royal-list ul li .con{width: 100%;padding: 0 5%;text-align: center;margin-top: 35px;}
.royal-list ul li .con .txt p{font-size:30px;color: #17284A;}
.royal-list ul li .con .txt{margin-top: 25px;}
.royal-list ul li .con h6{font-size: 40px;color: #17284A;}

.royals-pic{width: 100%;height:650px;position:relative;z-index: 0;}
.royals-pic li{width: calc(50% - 15px);height: calc(50% - 15px);position: absolute;background-size: cover;background-repeat: no-repeat;}
.royals-pic li:nth-child(1){top: 0;left: 0;}
.royals-pic li:nth-child(2){top: 0;left: auto;right: 0;}
.royals-pic li:nth-child(3){top: auto;bottom: 0; left: 0;}
.royals-pic li:nth-child(4){top: auto;bottom: 0;left: auto;right: 0;}
.royals-pic li.cut{width:calc(50% - 15px); height: 100%;z-index: 2;transition: all 0.3s ease;}





@media only screen and (max-width:1600px) {
	.royal-top .royal-top-c h1{font-size: 70px;}
	.royal h2{font-size: 70px;}
	.royal-top .royal-top-c .txt p{font-size: 30px;}
	.royal .royal-c .txt{font-size: 30px;}
	.royal-list ul li .con h6{font-size: 36px;}
	.royal-list ul li .con .txt p{font-size: 26px;}	
	.royals-pic{height: 600px;}
}
@media only screen and (max-width:1400px) {
	.royal-top .royal-top-c h1{font-size:60px;}
	.royal h2{font-size:60px;}
	.royal-top .royal-top-c .txt p{font-size:26px;}
	.royal .royal-c .txt{font-size:26px;}
	.royal-list ul li .con h6{font-size: 30px;}
	.royal-list ul li .con .txt p{font-size: 24px;}
	.royal-list ul li{width: calc(50% - 20px);margin-right:40px;}
	.royal-list ul li .con{margin-top: 30px;}
	.royal .royal-c .txt{margin-top: 30px;}
	.royal-list ul li .con .txt{margin-top: 20px;}	
	.royals-pic{height: 500px;}
	.royals-pic li{width: calc(50% - 10px);height: calc(50% - 10px);}
	.royals-pic li.cut{width: calc(50% - 10px);}
}
@media only screen and (max-width:1200px) {
	.royal-top .royal-top-c h1{font-size:50px;}
	.royal h2{font-size:50px;}
	.royal-top .royal-top-c .txt p{font-size:24px;}
	.royal .royal-c .txt{font-size:26px;}
	.royal-list ul li .con h6{font-size: 26px;}
	.royal-list ul li .con .txt p{font-size: 22px;}	
	.royal-list ul li{width: calc(50% - 15px);margin-right:30px;}
	.royal-list ul li .con{margin-top: 25px;}
	.royal .royal-c .txt{margin-top: 25px;}
	.royals-pic{height: 400px;}
}
@media only screen and (max-width:1024px) {
	.royal-top{margin-top: 55px;}
	.royal-top .royal-top-c h1{font-size:35px;}
	.royal h2{font-size:35px;}
	.royal-top .royal-top-c .txt p{font-size:20px;}
	.royal .royal-c .txt{font-size:20px;}
	.royal-list ul li .con h6{font-size: 22px;}
	.royal-list ul li .con .txt p{font-size: 18px;}	
	.royal-list ul li{width: calc(50% - 5px);margin-right:10px;}
	.royal-list ul li .con{margin-top:20px;}
	.royal .royal-c .txt{margin-top: 20px;}
	.royal-list ul li .con .txt{margin-top: 15px;}
	.royals-pic{height:360px;}
	.royals-pic li{width: calc(50% - 5px);height: calc(50% - 5px);}
	.royals-pic li.cut{width: calc(50% - 5px);}
}
@media only screen and (max-width:720px) {
	.royal-top .royal-top-c{padding: 5% 5% 30% 5%;}
	.royal-top .royal-top-c h1{font-size:26px;line-height: 1;}
	.royal h2{font-size:26px;}
	.royal-top .royal-top-c .txt p{font-size:16px;}
	.royal .royal-c .txt{font-size:16px;}
	.royal-list ul li .con h6{font-size:16px;}
	.royal-list ul li .con .txt p{font-size: 13px;}	
	.royal-list ul li{width: calc(50% - 2.5px);margin-right:5px;}
	.royal-list ul li .con{margin-top: 15px;padding: 0;}
	.royal-list ul li .con .txt{margin-top: 10px;}
	.royal .royal-c .txt{margin-top:15px;font-size: 15px;width: 100%;}
		.royals-pic{height:200px;}
		
		.royals-pic li{width: calc(50% - 2.5px);height: calc(50% - 2.5px);}
	.royals-pic li.cut{width: calc(50% - 2.5px);}
	
	
}


.xxnn{text-align: center;}
.xxnn .royal-top-c h1{color: #17284A;}
.xxnn .royal-top-c .txt{color: #17284A;}
.xxnn .royal-top-c .txt p{color: #17284A;}
.xxnn .cooperation{margin-top: 35px;}

.product-top{width: 100%;height: auto;}
.product-top .product-top-c{width: 100%;height: auto;padding: 5% 5% 28% 5%;background-size: cover;background-position:center;background-repeat: no-repeat;}
.product-top .product-top-c h1{font-size: 70px;color: #FFFFFF;text-align: center;}
.marine{width: 100%;height: auto;}
.marine h2{font-size: 70px;color: #0c0f17;}
.marine .marine-sort{width: 100%;height: auto;font-size: 0;}
.marine .marine-sort li{width: 33.3%;text-align:left;display: inline-block;vertical-align: top;}
.marine .marine-sort li h6{font-weight:530; font-size:60px;color: rgba(64,65,65,0.85);}
.marine .marine-sort li .con{width: 100%;margin-top: 35px;}
.marine .marine-sort li .con a{margin-bottom: 5px; display: block;width: 100%;font-size: 24px;color:rgba(64,65,65,0.85)}

.marine .marine-sort li .con a:hover{color: #17284A;}



.marine-pic{width: 100%;height:650px;position: relative;z-index: 0;}
.marine-pic li{width: calc(40% - 15px);height: calc(50% - 15px);position: absolute;background-size: cover;background-repeat: no-repeat;}
.marine-pic li:nth-child(1){top: 0;left: 0;}
.marine-pic li:nth-child(2){top: 0;left: auto;right: 0;}
.marine-pic li:nth-child(3){top: auto;bottom: 0; left: 0;}
.marine-pic li:nth-child(4){top: auto;bottom: 0;left: auto;right: 0;}
.marine-pic li.cut{width:calc(60% - 15px); height: 100%;z-index: 2;transition: all 0.3s ease;}
.marine-pic li h6 {font-weight: normal; display: none; width: 100%;height: auto;text-shadow:0 1px  1px #FFFFFF ; padding: 5%;color:#0c0f17;font-size: 50px;}
.marine-pic li.cut h6{display: inherit;}

.marine-pic2 li h6 {color: #FFFFFF;text-shadow: 0 1px 1px rgba(0,0,0,0.8);}
.marine-pic3 li h6 {color: #FFFFFF;text-shadow: 0 1px 1px rgba(0,0,0,0.8);}

@media only screen and (max-width:1600px) {
.product-top .product-top-c h1{font-size: 60px;}
.marine h2{font-size: 60px;} 
.marine .marine-sort li h6{font-size:50px;}
.marine .marine-sort li .con a{font-size: 22px;}
.marine-pic{height: 600px;}	
.marine-pic li h6{font-size: 40px;}
.marine .marine-sort li .con{margin-top: 30px;}
}
@media only screen and (max-width:1400px) {
.product-top .product-top-c h1{font-size:50px;}
.marine h2{font-size: 50px;}
.marine .marine-sort li h6{font-size:40px;}
.marine .marine-sort li .con a{font-size: 20px;}
.marine-pic{height: 500px;} 
.marine-pic li{width: calc(40% - 10px);height: calc(50% - 10px);}
.marine-pic li.cut{width: calc(60% - 10px);}
.marine-pic li h6{font-size: 35px;}	
.marine .marine-sort li .con{margin-top: 25px;}	
}
@media only screen and (max-width:1200px) {
.product-top .product-top-c h1{font-size:40px;}
.marine h2{font-size: 40px;} 
.marine .marine-sort li h6{font-size:30px;}	
.marine .marine-sort li .con a{font-size: 18px;}
.marine-pic{height: 400px;}	
.marine-pic li h6{font-size:30px;}
.marine .marine-sort li .con{margin-top:20px;}
}

@media only screen and (max-width:1024px) {
.product-top{margin-top:55px;}	
.product-top .product-top-c h1{font-size:30px;}
.marine h2{font-size:35px;} 
.marine .marine-sort li h6{font-size:25px;}	
.marine .marine-sort li .con a{font-size: 16px;}	
.marine-pic{height: 360px;}	
.marine-pic li{width: calc(40% - 5px);height: calc(50% - 5px);}
.marine-pic li.cut{width: calc(60% - 5px);}
.marine-pic li h6{font-size: 25px;}
.marine .marine-sort li .con{margin-top: 15px;}
}
@media only screen and (max-width:720px) {
	.marine .marine-sort li{width: 48%;margin-bottom: 20px;}
	.marine .marine-sort li:last-child{margin-bottom: 0;}
.product-top .product-top-c{padding: 5% 5% 35% 5%;}
.product-top .product-top-c h1{font-size:20px;}
.marine h2{font-size: 26px;line-height: 1;} 
.marine .marine-sort li h6{font-size:18px;font-weight: bolder;}		
.marine .marine-sort li .con a{font-size: 14px;}	
.marine .marine-sort li .con{margin-top: 10px;}
.marine-pic{height:200px;}
.marine-pic li h6{font-size: 18px;font-weight: bolder;}
.marine-pic li{width: calc(40% - 2.5px);height: calc(50% - 2.5px);}
.marine-pic li.cut{width: calc(60% - 2.5px);}	
}