@charset "UTF-8";

/*
Theme Name: watertech2023
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/


body{position: relative;min-height: 100vh;}
.w1200{width:1200px;margin: 0 auto;}
.w1000{width:1000px;margin: 5% auto 0;padding-bottom: 4%;}
.c {
	overflow: hidden;
}
.videoBox { margin: 50px auto 0;padding-bottom:20px;width:600px; }
.about { margin-top: 0;padding-bottom:0;padding-bottom:40px;  }
.active {overflow: hidden; 
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  text-overflow: ellipsis;}
.about-text p {
    font-size: 16px;
    line-height: 1.8em;
    text-indent: 2em;
    color: #666;
}
.more { text-align: right;
    margin-top: 15px;
    font-size: 14px;
    color: #2B5697;cursor: pointer; }
.main { margin-top: 20px; }
.logo {margin-bottom: 20px;}
.logo img{height:71px; margin: 20px 0;}
.logo .logo02 {width: 70px;height:70px; border-left: solid #eee 1px;  padding-left: 30px; margin-left: 30px;}
.logo .fr {width:77px; text-align:center; padding-top:20px;displsy:flex;justify-content: center}
.title2 {
	width: 100px;
}
.title2 img {
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
#selectItem {
	border: 0;
	outline: none;
	border-radius: 5px;
	position: relative
}
#selectItem .down {
	border: solid #000;
	border-width: 0 2px 2px 0;
	box-sizing: border-box;
	cursor: pointer;
	height: 8px;
	margin-bottom: 5px;
	text-align: center;
	transform: rotate(45deg);
	width: 8px;
	margin-left: 8px;
}

#selectItem .title2 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	cursor: pointer;
	margin-bottom: 10px;
}

#selectItem .options {
	width: auto;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: white;
	border: 1px solid #b9b4b4;
	overflow: hidden;
	display: none;
	position: absolute;
	top: 30px;
	left: 0
}

#selectItem .options a {
	padding: 8px 8px;
	font-size: 14px;
	display: block;
	color: black;
	display: flex;
	align-items: center;
}
.nationalFlag {
	width: 20px;
	margin-right: 5px;
	display: inline-block;
}
.nationalFlag>img{
	width: 100%;
	height: auto;
	margin: 0;
	display: block
}
#selectItem .options a:hover {
	color: white;
	background-color: #1967d2;
}
.logo .code {border-right:solid #ccc 1px;}
.ENG {
	padding: 0 10px 0 30px;
	background:url(img/zh.png) no-repeat center;
	background-size: cover;
}
.title{width:50%;}
.Water,.protect{box-shadow:0 0 10px rgba(0,0,0,0.2);position:relative;width:47%;height:280px;border-radius: 20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.Water{float:left;background: url("../img/img1.png") no-repeat center;background-size:cover;}
.protect{float:right;background: url("../img/img2.png") no-repeat center;background-size:cover;}
.link {display:block; height:280px; *display:block; *zoom:1;}
.Water dl,.protect dl{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); 
    width: 30%;
    height: 50%;
}
.Water dl dd,.protect dl dd{background:#fff;width:100px;text-align:center;height:100px;line-height: 64px;margin:0 auto;vertical-align: middle;box-sizing: border-box;padding: 15px;border: 3px solid #2B5697;border-radius: 50%;}
.Water dl dt,.protect dl dt{font-size:18px;margin-top:5px;height:40px;line-height: 40px;text-align: center;}
.Water:hover,.protect:hover{transform: scale(1.05);box-shadow:0 0 10px rgba(43,86,151,0.2);}

.foot{color:#666;font-size:12px;width: 100%;text-align: center; bottom:10px;}
.foot p{line-height: 20px;}
.foot p a{color:#666;}

/* 首页 弹窗 */
.advbox{width:600px;position:fixed;display:none;left:50%;top:0;margin:-315px 0 0 -300px; z-index: 9999;}
.advbox .advpic{position:relative;height:458px;overflow:hidden;}
.advbox .advpic .closebtn{display:block;width:60px;height:22px;line-height:26px;font-size:12px;color:#fff;text-indent:12px;overflow:hidden;position:absolute;right:0px;top:5px;z-index:9999;}
.ad_midd{width:100%;margin:10% auto;overflow:hidden;height:90%; z-index: 9999;}
.ad_midd img{ height: 100%; width: 100%; }
.ad_midd span{ position: absolute; top: 0; right: 0; color: #fff; background: rgba(61,61,61,0.7); display: block; }

#post-18 {displa: none;}

.top {
	background: url("./img/kv.png") no-repeat 100% 100%;background-size: 18%;
}
.infoTitle h2 {
	font-size: 40px;
    font-weight: 700;
    color: #2B5697;
    line-height: 1em;
    margin-bottom: 10px;
}
.infoTitle h6 {
	font-size: 26px;
    font-weight: 700;
    margin-bottom: 12px;
}
.infoTitle p {
	font-size: 18px;
    line-height: 1;
    margin-bottom: 5px
}
.infoTitle p b {
	font-size: 24px;
    font-weight: 700;
    color: #2B5697;
}

/*底部广告*/
.landscapeAdvertisement {
	position: sticky;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
}
.carnivalBox {
	position: relative;
	max-width: 1920px;
    margin: 0 auto;
}
.carnivalBox .close {
	position: absolute;
	right: 0;
	top: -10px;
	width: 20px;
}
.carnivalBox a {
	display: block;
	width: 100%;
}
.carnivalBox img {
	display: block;
	width: 100%;
	max-width: 1920px;
}

@media screen and (max-width: 1280px) {
	.landscapeAdvertisement {
		display: none;
	}
}

@media only screen and (min-width: 1026px) and (max-width: 1367px) {
	body { background-size:100%;}
	.w1200 {width: 900px;}
	.w1000{width:700px;margin: 3vh auto 0;}
	.Water,.protect { height:220px;}
	.link {height:220px;}
	.Water dl dt,.protect dl dt{font-size:12px; line-height: 20px;}
	
}

@media only screen and (min-width: 769px) and (max-width: 1025px) {
	body { background-size:100%;}
	.w1200 {width:800px;}
	.w1000{width:600px;margin:10vh auto 0;}
	.Water,.protect { height:200px;}
	.link {height:200px;}
	
}



@media screen and (max-width: 768px) {
    body{position: relative;min-height: 100vh;}
    .w1200{width:95%;margin:0 auto;}
    .w1000{width:80%;margin:0 auto;}
	.about, .videoBox {width:95%;margin:0 auto;}
	.videoBox {margin-top: 30px;}
	.about {padding-bottom:0}
    .logo {width: 100%;}
	.logo .logo02 {
		max-width: 58px;
		max-height: 58px;
		border-left: solid #eee 1px;
		padding-left: 15px;
		margin-left: 15px;
		margin-top: 5px;
	}
	.logo img{max-width:120px;max-height:53px;padding: 20px 0;margin-top: 10px;}
	.logo .fr {width:20%; text-align:center; padding-top:40px}
	.logo .code {border-right:solid #ccc 1px;}
	.ENG {
		padding: 0 10px 0 30px;
		background: url(img/zh.png) no-repeat center;
		background-size:cover;
	}
	
    .title {
        width: 100%;
    }
    .Water, .protect{width:100%;height:200px;margin-top:40px;}
    .Water{float:none;background: url("../img/img1.png") no-repeat center;background-size:cover;}
    .protect{float:none;background: url("../img/img2.png") no-repeat center;background-size:cover;}
	.link {height:160px;}
    .Water dl dd, .protect dl dd{width:80px;height:80px;line-height: 44px;}
    .Water dl dt, .protect dl dt{font-size: 16px;}
	
	.foottop {height:100px;}
}

@media screen and (max-width: 320px){
    .foot{position: static;margin-top: 20px;}
}