a{text-decoration: none;}
.pos-rel {
    position: relative;
}
.pb-120 {
    padding-top: 120px;
}
/* 公共部分 */
body {
	font-family: Arial,microsoft yahei,helvetica neue,Helvetica,open sans,sans-serif,STXihei,myriad set pro,STHeitiSC-Light,lato,pingfang sc;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.clear{clear: both;}
.clear::after{display: block;clear: both;content: "";}
.fix {
	overflow: hidden
}
.slick-slide {
	outline: none;
}
a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	text-decoration: none;
}
a,
button {
	color: #4d5a66;
	outline: medium none;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.pt-20{padding-top:20px;}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial,"Microsoft YaHei","Helvetica Neue",Helvetica,"Open Sans",sans-serif,STXihei,"Myriad Set Pro",STHeitiSC-Light,lato,"PingFang SC";
	font-weight: normal;
	color: #333333;
	margin-top: 0px;
	font-style: normal;
	font-weight: 500;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	font-weight: 500;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 15px;
	font-weight: normal;
	line-height: 24px;
	color: #333333;
	margin-bottom: 15px;
}
hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
.mb-40 {
    margin-bottom: 40px;
}
.pb_40{padding-bottom: 60px;}
*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid #f2f2f2
}
/* button style */
.thm-btn {
	z-index: 1;
	font-size: 15px;
	line-height: 24px;
	padding: 10px 20px;
	text-align: center;
	position: relative;
	letter-spacing: 1px;
	color: #fefefe;
	text-transform: uppercase;
	background-color: #011b46;
	font-weight: 700;
    display: inline-block;
    border-radius: 7px;
    border: none;
}
.btn-tm{border-radius:0%;}
.thm-btn:hover {
	color: #ffff;
}
.thm-btn::before {
	top: 0px;
	width: 0px;
	left: auto;
	right: 0px;
	z-index: -1;
	bottom: 0px;
	content: "";
	position: absolute;
	background-color: #01a0c7;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.thm-btn:hover::before {
	left: 0px;
	width: 100%;
	right: auto;
}
.border-btn {
	border: 2.5px solid #011b46;
	background: transparent;
	color: #0a1c44;
	padding: 14px 40px;
}
.border-btn-white {
	border: 2px solid #8091ad;
	background: transparent;
	color: #fff;
	padding: 14px 40px;
}
.border-btn-white:hover {
	border-color: #ff5e15;
}
.border-btn-white::before {
	background-color: #ff5e15;
}
.black-btn {
	background-color: #002052;
}
.black-btn::before {
	background-color: #ff5e15;
}
.breadcrumb > .active {
	color: #888;
}
/* scrollUp */
#scrollUp {
	background: #ff5e15;
	height: 50px;
	width: 50px;
	right: 15px;
	bottom: 50px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	font-size: 16px;
	line-height: 53px;
	box-shadow: 0px 3px 15px 1px rgba(255, 94, 21, 0.33);
}
/* 2. header */
.header-top {
	background-color: #011b46;
}
.header-top .right li:hover i{cursor: pointer; color: #01a0c7;cursor: pointer;}
.header-top .right li{cursor: pointer;}
.header-top .right li i{transition: 0.3s}
.header-top ul{
    margin: 0px;
}
.header-top .left {
	float: left;
}
.header-top .left li {
	list-style: none;
	display: inline-block;
	float: left;
	color: #fff;
	margin-right: 15px;
	padding: 5px 0px;
	border-left: 1px solid #ffffff45;
    padding-left: 15px;
    font-size: 17px;
}
.header-top .left li:first-child {
	border: 0;
	padding-left: 0;
}
.header-top .left li span{
    color: #fff;
    margin-right: 5px;
}
.header-top .right {
	float: right;
}
.header-top .right li{
    list-style: none;
    display: inline-block;
	padding: 5px 12px;
	border-right: 1px solid #ffffff45;
}
.header-top .right li:first-child {
	border-left: 1px solid #ffffff45;
}
.header-top .right li a{
	color: #fff;
	font-size: 16px;
}
.header-top .right li a img{margin-right: 5px;}
.header-top .right li .f_j{font-size: 17px;cursor: pointer;margin-left: 10px;}
.header-top .right li:nth-child(6){position: relative;border-right:none;}
.header-top .right li ul{position: absolute;right: 0;color: #666;top: 50px; z-index: 2;background-color: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.1); border-radius: 4px;}
.header-top .right .tan{padding-left:0; transition: 0.7s;width: 200px;display: none}
.header-top .right .tan li{border:none;border-bottom:1px #e6e6e6 solid ;width: 100%;}
.header-top .right .tan li:hover{background-color: #f1f1f1}
.header-top .right .tan li a{color: #666;}
.header-button .thm-btn::before{border-radius: 7px;}
.header-top .right li:nth-child(6):hover .tan{opacity: 1;transform: translateX(0px);}
.main-menu ul li {
	display: inline-block;
	margin-left: 25px;
	position: relative;
}
.main-menu ul li a {
	display: block;
	padding: 25px 0;
	color: #323232;
	font-size: 18px;
	font-weight: bold;
}
.main-menu ul li:hover > a {
	color: #01a0c7;
}
.header-button {
	margin-top: 15px;
	margin-left: 20px;
}
.main-menu ul li ul.submenu {
	position: absolute;
	top: 110%;
	min-width: 230px;
	background: #fff;
	padding: 15px 0;
	border-top: 4px solid #011b46;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
}
.main-menu ul li:hover > ul.submenu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.main-menu ul li ul.submenu li{
	margin: 0;
	display: block;
}
.main-menu ul li ul.submenu li a {
	font-size: 15px;
	padding: 9px 25px;
	text-transform: capitalize;

}
.submenu  li a:hover{background:rgba(182, 182, 182, 0.23) ;}
.main-menu  .submenu  li:hover a{color: #01a0c7;}
/* steat */
.main-menu ul li ul.submenu-gre {
	position: absolute;
	top: 110%;
	min-width: 700px;
	left: -306%;
	background: #fff;
	padding: 15px 0;
	border-top: 4px solid #011b46;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
}
.main-menu ul li:hover > ul.submenu-gre {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.main-menu ul li ul.submenu-gre li{
	margin: 0;
	display: block;
	position: relative;
}
.main-menu ul li ul.submenu-gre li a {
	font-size: 15px;
	padding: 15px 0;
	text-transform: capitalize;
	border-bottom: 1px solid #e0e0e0;
    		width: 60%;
}
.main-menu ul li ul.submenu-gre li .meun-xia1{display: none}
.main-menu ul li ul.submenu-gre li:hover .meun-xia1{position: absolute;
    right: 10px;
    top: 8px;
    width: 250px;

    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    z-index: 5;
    display: block;
    }
 .main-menu ul li ul.submenu-gre li .meun-xia1 ul li{width:100%;}
 .main-menu ul li ul.submenu-gre li .meun-xia1 ul{     border: 1px solid #e0e0e0;}
  .main-menu ul li ul.submenu-gre li .meun-xia1 ul li a{width:100%;padding:5px 0;}
.submenu-gre  li a:hover{background:rgba(182, 182, 182, 0.23) ;}
.main-menu  .submenu-gre  li a:hover{color: #01a0c7;}
/* end */
.main-menu ul li ul.submenu-pro {
	position: absolute;
	top: 110%;
	min-width: 1080px;
	left: -580%;
	background: #fff;
	padding: 15px;
	border-top: 4px solid #011b46;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
}
.main-menu ul li:hover > ul.submenu-pro {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.main-menu ul li ul.submenu-pro li{
	padding: 20px;
    margin-bottom: 20px;
	margin: 0;
	display: block;
}
.main-menu ul li ul.submenu-pro .menu-mmBox{
	padding: 20px;
    margin-bottom: 20px;
    background: #f7f9fc;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    transition: all .3s;
}
.main-menu ul li ul.submenu-pro li .menu-mmBox .menu-img{
    float: left;
    border-radius: 10px;
    overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main-menu ul li ul.submenu-pro li .menu-mmBox .menu-img img{
	width: 95px;
	height: 95px;
}
.main-menu ul li ul.submenu-pro li .menu-mmBox .menu-tit{
    width: calc(100% - 95px);
    float: left;
    font-weight: 600;
    line-height: 24px;
    color: #183a74;
}
.main-menu ul li ul.submenu-pro li a {
	font-size: 15px;
	padding: 9px 10px;
	text-transform: capitalize;
}
.contact_if .entry-content iframe, .container .container-bg{
    max-width: 1600px;
    margin: 0 auto;
    padding: 150px 0;
    color: #fff;
}
.contact_if .entry-content iframe, .container .container-bg .about-title h2{
	font-size: 58px;
	color: #fff;
	padding-left: 4%;
}
.submenu-pro  li:hover{}
.main-menu  .submenu-pro  li:hover a{color: #01a0c7;}
/* 搜索 */
.serach{font-size: 20px;    padding: 5px 10px; border-left: 1px solid #999;cursor: pointer;}
.search-forum>form {
	display: inline-flex;
	background: #fff;
	padding: 18px 20px;
	border-top: 2px solid #355ebf;
}
.search-forum input[type="text"] {
	padding: 10px;
	border: 1px solid #ddd;
}
.search-forum input[type="submit"] {
	padding: 10px;
	background: #22253a;
	color: #fff;
}
.search-forum {
    right: 144px;
	position: absolute;
    display: none;
	top: 77px;
	transition: all 0.4s ease 0s;
	z-index: 2;
}
.search-forum.dropdown-menu {
	padding: 0;
	border: 0px;
}
/* 3. slider */
.slider-height {
	background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-height-s {
	min-height: 855px;
	background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-content h5 {
	font-size: 18px;
	font-weight: 700;
	color: #333333;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
}
.slider-content h1 {
	font-size:57px;
	font-weight: 700;
	color: #011b46;
	line-height: 75px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.slider-content h1 span {
	text-transform: uppercase;
	color: #ff5e15;
}
.slider-content p {
	font-size: 13px;
	color: #0a1c44;
	font-weight: 500;
	line-height: 27px;
	padding-right: 80px;
}
.slider-btn a {
	margin-top: 22px;
	margin-right: 25px;
}
.slider-active button.slick-arrow {
	position: absolute;
	height: 80px;
	width: 80px;
	top: 45%;
	left: 0;
	transform: translateY(-50%);
	background: none;
	border: 0;
	font-size: 18px;
	padding: 0;
	color: #10111e;
	z-index: 2;
	cursor: pointer;
	background: #fff;
	line-height: 73px;
	opacity: 0.8;
	transition: .3s;
	box-shadow: 0px 5px 27px 0px rgba(220, 220, 220, 0.69);
}
.slider-active button.slick-next {
	left: auto;
	right: 0;
}
.slider-active button.slick-arrow:hover {
	background: #325fc0;
	color: #fff;
}
.header-transparent {
	position: absolute;
	left: 0;
	width: 100%;
	background: transparent;
	z-index: 1;
}
.slider-height-2 {
	height: 100vh;
}
.banner-overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-color: #020d1e;
	opacity: .7;
}
.slider-2 .slider-content h1 {
	color: #fff;
}
.slider-2 .slider-content p {
	color: #fff;
}
.slider-2 .slider-content {
	margin-top: 230px;
}
.slider-2 .slider-active button.slick-arrow {
	top: 54%;
	box-shadow: 0px 5px 27px 0px rgba(220, 220, 220, 0.32);
}
/* 产品 */
.services-area {
	position: relative;
}
.gray-bg {
    background: #f6f6f6;
}
.pb-90 {
    padding-bottom: 55px;
}
.pt-120 {
    padding-top:45px;
}
.p_title h2{color: #323232;font-weight: bold;font-size: 50px;}
/* .p_title span::after{content: "";display: block;height: 4px;width: 75px;background:#011b46 ;margin: 0 auto;} */
.p_title span{margin: 20px 0;display: block;}
.t_text{padding:20px 0;padding-left: 20px;}
.t_text .desc{text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.p_title p{color: #666666;font-size: 16px;width: 50%;}
.t_text h4{font-size: 17px;color:#00210a;font-weight: bold;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.t_text p{color: #666;}
.pro_tit,.app_tit{padding-top: 30px;}
.pro_tit li{padding:10px 20px;}
.app_tit li{padding:10px}
.pro_list{position: relative;}
.pro_tit li .pro_list::before{    position: absolute;;
	display: block;
    bottom: 0;
    width: 0%;
    height: 5px;
    content: "";
    right: 0;
    background: #0C6D28;
    z-index: 2;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
	-o-transition: .3s;}
	.pro_tit li .pro_list:hover::before{        width: 100%;
		right: auto;
	}	
.pro_tit li .pro_list,.app_tit li .pro_list{box-shadow: 1px 2px 3px #ccc;overflow: hidden;}
.pro_tit li .pro_list .t_pic, .app_tit li .pro_list .t_pic{overflow: hidden;}
.pro_tit li .t_pic img,.app_tit li .t_pic img{width: 100%;transition: 0.5s}
.pro_tit li .pro_list{box-shadow: 0 18px 38px 0 rgb(183 183 183 / 77%);height: 100%;}
  .pro_tit li .pro_list.p_box{box-shadow: 1px 3px 6px 0 rgb(130 122 122 / 77%)}
.app_tit li .pro_list{padding:0 5px;padding-top: 5px;background:#fff ;}
.app_tit li .pro_list p{color: #011b46;text-align: center;}
.app_tit li .pro_list .t_text{padding: 30px 0;}
.pro_list:hover img{transform: scale(1.1);transition: 0.5s;}
/* advantage */
.advantage{background:url(../images/xbg1.jpg) ;height:355px;}
.advantage ul{padding-top: 90px;}
.advantage ul li{text-align: center;}
.advantage ul li img{width:16%;}
.advantage ul li h2{color: #fff;font-size: 40px;font-weight: 550;margin-top:20px;margin-bottom: 20px;}
.advantage ul li p{color: #e2e2e2;font-size: 16px;}
.application{background:url(../images/appbg.png) ;position: relative;}
.application .swiper-button-prev ,.application .swiper-button-next{outline: none;height: 55px;width: 55px;transform: translateY(30px);}
.application .swiper-button-prev{background:url(../images/pre.png);left: -45px;}
.application .swiper-button-next{background:url(../images/next.png);right:-45px;}
.app{position: relative;}
/* 4. about */
.about-tab .nav-tabs {
	border-bottom: none;
}
.about-area{overflow: hidden;}
.ab_left{transform: translateX(-100%);opacity: 0;transition: 1.2s;}
.ab_left.on{transform: translateX(0);opacity: 1;padding: 0 50px;}
.ab_right{transform: translateX(100%);opacity: 0;transition: 1.2s;}
.ab_right.on{transform: translateX(0);opacity: 1;}
.about-tab-item {
	position: relative;
	padding: 20px 15px 19px 65px;
}
.about-tab-thumb {
	position: absolute;
	left: 3px;
}
.about-tab-content {
	margin-left: 42px;
}
.about-tab-content h4 {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}
.about-tab-content p {
	margin: 0;
}
.border-title-2 h1 {
	position: absolute;
	font-family: 'Roboto', sans-serif;
	font-size: 100px;
	text-transform: uppercase;
	line-height: 70px;
	color: transparent;
	left: 0;
	-webkit-text-stroke: 2px #f6f6f6;
	top: -52px;
	margin-bottom: 0;
	z-index: -1;
}
.about-title h5 {
	font-size: 15px;
	text-transform: uppercase;
	color: #00210a;
	font-weight: 700;
	margin-bottom: 22px;
	font-family: 'Roboto', sans-serif;
}
.about-title h2 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 50px;
}
.about-title h2 span {
	color: #01a0c7;
}
.about-title h2 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 22px;
	color: #00330f;
}
.about-left p {
	margin-bottom: 28px;
	font-size: 20px;
	color: #666666;
}
.ab_left.on{padding:0 10px;}
.about-info-title span {
	background: #011b46;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	line-height: 18px;
	color: #fff;
	font-size: 8px;
	float: left;
	margin-right: 15px;
}
.about-info-title h5 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	color: #333333;
}
.about-info li {
	margin-bottom: 5%;
}
.about-btn a {
	margin-right: 30px;
	background:#011b46 ;
}
.about-btn a.about-l-btn {
	font-size: 15px;
	font-weight: 700;
	color: #002052;
	text-transform: uppercase;
}
.about-btn a.about-l-btn i {
	height: 20px;
	width: 20px;
	font-size: 8px;
	background: #002052;
	color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: inline-block;
	text-align: center;
	line-height: 19px;
	margin-left: 8px;
	position: absolute;
	margin-top: 19px;
}
.about-right-content h1 {
	float: left;
	font-size: 55px;
	font-weight: 700;
	color: #011b46;
	margin-right: 10px;
}
.about-right-content h1 span {
	font-size: 15px;
}
.about-right-content h5 {
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 12px;
	margin-bottom: 7px;
	text-transform: uppercase;
  }
  .about-right-content h3 {
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
  }
  .about-right-content {
	position: absolute;
	min-width: 320px;
	background: #fff;
	padding: 15px 15px 5px 28px;
	box-shadow: 0px 12px 27px 0px rgba(143, 158, 182, 0.3);
	top: -80px;
	left: 5px;
	transform: translateY(80px);
	transition-delay:0.7s;
	transition-duration:1.3s;
	opacity: 1;
}
.about-right-content.on{transform: translateY(0);opacity: 1;}
.about-right-content::before {
	position: absolute;
	content: "";
	background: #ffffff;
	width: 20px;
	height: 20px;
	bottom: -10px;
	transform: rotate(45deg);
	left: 45%;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.about-right-thumb img {
	width: 100%;
}
.about-right {
	margin-top: 75px;
}
.about-2 .about-right-content {
	position: inherit;
	min-width: 320px;
	background: transparent;
	padding: 0;
	box-shadow: none;
	overflow: hidden;
}
.about-2 .about-right-content h1 {
	font-size: 89px;
	font-weight: 700;
	color: #01a0c7;
	margin-right: 10px;
}
.about-2 .about-right-content h5 {
	font-size: 16px;
	color: #002052;
}
.about-2 .about-right-content h3 {
	font-size: 40px;
}
.about-2 .about-title h5 {
	font-size: 15px;
}
/* 9. contact */
.contact-area{background:url(../images/bgi-case.jpg) ;}
.contact-left {
	position: relative;
	    text-align: center;
}
.contact-thumb-left  {
	position: relative;
}
.contact-thumb-left img {
	width: 75%;
}
.contact-thumb-left .contact-shape {
	border: 30px solid #fff;
	height: 80%;
	position: absolute;
	top: 38px;
	width: 53%;
	left: 51px;
	opacity: 25%;
}
.contact-thumb-right {
	position: absolute;
	top: 215px;
	right: 0;
}
.contact-area .contact-right .border-title-2 h1 {
	left: 60px;
	top: -55px;
	z-index: 2;
}
.contact-right {
	padding: 10px 20px 40px;
    box-shadow: 0 10px 20px rgb(0 0 0 / .1);
    background: #fff;
    position: relative;
	width: 100%;
    margin: auto;
    position: relative;
}
.contact-right .about-title h2 {
	margin-bottom: 38px;
}
.text-box {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.text-box input {
	width: 100%;
	height: 70px;
	background: #f6f6f6;
	padding: 10px 30px;
	padding-left: 55px;
	border: 1px solid transparent;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.text-box input:focus, .message-box textarea:focus {
	border-color: #01a0c7;
}
.text-box input:hover, .message-box textarea:hover {
	border-color: #355ebf;
}
.text-box span {
	position: absolute;
	padding: 0 30px;
	color: #011b46;
}
.message-box {
	position: relative;
}
.contact-area .border-title-2 h1{font-size:80px;}
.contact-area h5{position: relative;z-index: 2;}
.contact-area .container{padding-top: 30px;padding-bottom: 10px; background: #fff;}
.language-selector{
	display: none;
}
.message-box textarea {
	width: 100%;
	height: 140px;
	border: 0;
	background: #ededed;
	padding: 15px;
	padding-left: 55px;
	border: 1px solid transparent;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.message-box span {
	position: absolute;
	padding: 15px 30px;
	color: #011b46;
}
.text-box input::-moz-placeholder {
	color: #002052;
	font-size: 15px;
}
.text-box input::placeholder {
	color: #002052;
	font-size: 15px;
}
.message-box textarea::-moz-placeholder {
	color: #002052;
	font-size: 15px;
}
.message-box textarea::placeholder {
	color: #002052;
	font-size: 15px;
}
.message-box button {
	margin-top: 20px;
	cursor: pointer;
	border: 0;
}
.about-2 .about-left {
	margin-left: -25px;
}
.contact-form h3, .contact-info h3 {
	font-size: 20px;
	margin-bottom: 25px;
	font-weight: 700;
	text-transform: uppercase;
}
.contact-form input {
	width: 100%;
	height: 55px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	padding: 0 20px;
	text-transform: capitalize;
	background: #f6f6f6;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.contact-form textarea {
	width: 100%;
	height: 170px;
	border: 1px solid transparent;
	padding: 20px;
	text-transform: capitalize;
	background: #f6f6f6;
	margin-bottom: 20px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.contact-form input:focus, .contact-form input:hover, .contact-form textarea:focus, .contact-form textarea:hover {
	border-color: #01a0c7;
}
.contact-form button {
	margin-top: 0px;
	cursor: pointer;
	border: 0;
}
.contact-info {
	margin-left: 40px;
}
.con_h3{    text-align: center;
    font-weight: bold;
    margin-bottom: 49px;
   font-size: 32px;
}
.contact_top{display: flex;justify-items: center;flex-wrap: wrap;}
.right-info{width: 70%;margin: 0 auto;}
.contact.right-info .c-right-icon span {
	float: left;
	margin-right: 16px;
	width: 45px;
	height: 45px;
	background: #01a0c7;
	text-align: center;
	color: #fff;
	line-height: 46px;
	font-size: 16px;
}
.contact.right-info .c-right-text {
	overflow: hidden;
}
.contact.right-info .c-right-text p {
	margin-bottom: 0;
	font-weight: 600;
}
.right-info{width: 50%;margin: 0 auto;}
.con-bor{border: 1px #ccc dotted;
    padding: 10px; margin-left: 0;}
.contact-info ul li {
	margin-bottom: 50px;
	width: 33.33%;
}
.th-width{width: 100%; margin: 0 auto;}
.gmaps-area .contact-map {
	height: 500px;
}
.gmaps-area iframe {
	height: 500px;
	width: 100%;
	border: 0;
}
.message-box .btn-tm{background:#011b46 ;}
/* 14. footer */
footer{border-top: #cccccc 20px solid;}
.footer-height {
	min-height: 500px;
}
.footer-area {
	background-color: #011b46;
}
.footer-left-widget {
	padding: 75px 15px;
	padding-bottom: 60px;
}
.footer-logo {
	margin-bottom: 24px;
}
.footer-left-widget p {
	color: #cccccc;
	line-height: 27px;
}
.footer-left-widget .footer-social a {
	height: 30px;
	width: 30px;
	font-size: 12px;
	background: #fff;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	color: #002052;
	margin-right: 8px;
}
.footer-left-widget .footer-social a:hover {
	background: #ff5e15;
	color: #fff;
}
.footer-widget-space {
	margin-left: -35px;
}
.footer-widget {
	padding-top: 100px;
}
.footer-widget h3 {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
}
.footer-widget ul.footer-info li {
	margin-bottom: 33px;
}
.footer-address span {
	float: left;
	margin-right: 15px;
	font-size: 18px;
	color: #ffffff;
}
.footer-address h5 {
	font-size: 15px;
	color: #cccccc;
	font-family: 'Roboto', sans-serif;
	line-height: 30px;
}
.footer-link {
	margin-left: -45px;
}
.footer-widget ul li {
	margin-bottom: 14px;
}
.footer-widget ul li a {
	color: #cccccc;
}
.footer-widget ul li a:hover {
	text-decoration: underline;
}
.footer-gallery {
	position: relative;
	margin-right: 8px;
}
.footer-gallery-item {
	position: relative;
}
.footer-gallery-thumb::before {
	position: absolute;
	content: "";
	background: #ff5e15;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
	opacity: 0;
	transform: scale(.95);
}
.footer-gallery-item:hover .footer-gallery-thumb::before{
	opacity: .8;
	transform: scale(1);
}
.footer-gallery-item img {
	width: 100%;
}
.footer-gallery-item {
	position: relative;
	float: left;
	width: 50%;
	overflow: hidden;
	display: block;
	border: 5px solid transparent;
}
.link-img a {
	position: absolute;
	top: 50%;
	left: 0%;
	right: 0;
	transform: translateY(-50%);
	transition: .3s;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 72px;
	opacity: 0;
	visibility: hidden;
}
.footer-gallery-item:hover .link-img a {
	opacity: 1;
	visibility: visible;
}
.copyright-text p {
	color: #06163a;
	margin-bottom: 0;
	font-weight: 500;
}
.copyright-area {
	background: #01173c;
padding: 10px 0;
}
.logo-2-img{
	width: 100%;
}
.copyright-text p {
	font-size: 13px;
	color: #cccccc;
	margin-bottom: 0;
    text-align: left;
	text-transform: uppercase;
	font-family: 'Exo', sans-serif;
}
.f-left-widget-2 {
	background: none;
	border: 0;
}
.f-left-widget-2 p {
	color: #c6d6ee;
	margin-bottom: 0;
}
.f-left-bottom h3 {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 27px;
	margin-bottom: 5px;
}
.f-left-bottom p {
	font-size: 14px;
	color: #c6d6ee;
}
.footer-2 .footer-widget {
	padding-top: 16px;
}
.footer-2 .footer-left-widget {
	padding: 0;
	margin-right: -30px;
}
.footer-2 .footer-widget ul li {
	margin-bottom: 19px;
}
.footer-2 .footer-widget ul.footer-info li {
	margin-bottom: 33px;
}
.footer-2 .footer-widget ul.footer-info li:last-child {
	margin-bottom: 0;
}
.footer-2 .footer-widget ul li a {
	color: #c6d6ee;
}
.footer-2 .footer-widget ul li a:hover {
	color: #fff;
}
.footer-2 .footer-widget .footer-social a {
	height: 30px;
	width: 30px;
	font-size: 12px;
	background: #021f4c;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-right: 8px;
}
.footer-2 .footer-widget.footer-widget-space {
	margin-right: 40px;
}
.footer-2 .footer-widget .footer-social a:hover {
	background-color: #ff5e15;
}
.footer-2 .footer-gallery .footer-gallery-item {
	position: relative;
	float: left;
	width: 33.33%;
	overflow: hidden;
	display: block;
	border: 5px solid transparent;
}
.footer-2.footer-height {
	min-height: 525px;
}
.footer-link em::after{display: block;content: "";width: 30%;background:#01a0c7 ;height: 3px;margin-bottom: 30px;}
.wrap-righter-style .ueeshop_responsive_position .title{font-size: 30px;color: #1f1f1f;height: 35px;line-height: 35px;}
.wrap-righter-style .ueeshop_responsive_position .position{height: 35px;line-height: 35px;}
.wrap-righter-style .ueeshop_responsive_position .position a{font-size: 14px;color: #7d7d7d;}
.wrap-righter-style .cate_info{ margin-bottom: 29px; width: 100%;}
.wrap-righter-style .cate_info .cate_title{ margin-bottom: 15px; width: 20%; height: 35px; line-height: 35px; font-size: 26px; color: #29293a;}
.wrap-righter-style .cate_info .cate_brief{ width: calc(100% - 20%);}
body .ueeshop_responsive_article_feedback .article_feedback_title .title{}
.article-content .art-title{height: 35px;margin: 30px 0;font-size: 22px;color: #333;text-align: center;}
.wrap-module .ueeshop_responsive_position{margin-bottom: 25px;border-bottom: none;}
.art-menu-wrap-style{margin-bottom: 45px;}
.art-menu-wrap-style .menu{text-align: center;}
.art-menu-wrap-style .menu ul li{display: inline-block;font-size: 15px;color: #222;margin:0 25px;}
.product-list{margin: 0 auto 30px;}
.product-list .pro_cate{float: left;width: 100%;}
.product-list .pro_cate .page_name{position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}
.product-list .pro_cate .page_name:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}
.product-list .pro_cate .first_cate{height: 51px;line-height: 51px;position: relative;padding-right: 15px; overflow:hidden;cursor: pointer;}
.product-list .pro_cate .first_cate a{font-size: 18px;}
.product-list .pro_cate .first_cate .border{width: 37px;border-bottom: 1px solid #333;}
.product-list .pro_cate .son_cate{display: none;}
.product-list .pro_cate .list.on .son_cate{display: block;}
.product-list .pro_cate .list.on .first_cate{background: url(../images/pro_cate_icon_on.png) no-repeat center right;}
.product-list .pro_cate .son_cate .item:first-child{border-top: none;}
.product-list .pro_cate .son_cate .item{height: 49px;line-height: 49px;border-top: 1px solid #e2e2e2;}
.product-list .pro_cate .son_cate .item a{font-size: 13px;color: #909090;}
/*.product-list .pro_cate .son_cate .item:hover,*/
/*.product-list .pro_cate .son_cate .item.on{color: #16b6d2;}*/
.product-list .pro_cate .son_cate .item:hover a,
.product-list .pro_cate .son_cate .item.on a,
.product-list .pro_cate .son_cate .item a.on,
.product-list .pro_cate .son_cate .subcate3 a.sia:hover{color: #16b6d2;}
.product-list .pro_cate .son_cate .subcate3{margin-bottom: 10px;}
.product-list .pro_cate .son_cate .subcate3 a.sia{display: block;font-size: 12px;color: #909090;text-indent: 15px;line-height: 200%;}
.product-list .pro_cate .leftContent .relate{ margin-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-list .pro_cate .leftContent .relate *{box-sizing: inherit;}
.product-list .pro_cate .leftContent .relate .title{ position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}
.product-list .pro_cate .leftContent .relate .title:before{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}
.product-list .pro_cate .leftContent .relate .list{ margin-top: 33px; background: none;}
.product-list .pro_cate .leftContent .relate .list .row{ margin-bottom: 15px;}
.product-list .pro_cate .leftContent .relate .list .row a{display: inline-block;vertical-align: middle;}
.product-list .pro_cate .leftContent .relate .list .row .img{width: 35%;margin-right: 5%;padding:3px; -webkit-transition: all 0.3s; transition: all 0.3s;}
/*.product-list .pro_cate .leftContent .relate .list .row:hover .img{ border-color: #fd5657;}*/
.product-list .pro_cate .leftContent .relate .list .row .row_txt{ width: 55%;}
.product-list .pro_cate .leftContent .relate .list .row .name{ width: 100%; font-size: 14px;color: #555;line-height: 20px;vertical-align: top;}
.product-list .pro_cate .leftContent .relate .list .row .btn{ margin-top: 10px; width: 100%; font-size: 14px; color: #f36276; text-decoration: underline; -webkit-text-transform: uppercase; text-transform: uppercase;}
.product-list{/*padding-top: 35px;*/}
.product-list .ueeshop_responsive_products_list{margin-top: 0;padding-top: 5px;}
.product-list .ueeshop_responsive_products_list .item{width: 25%;margin-bottom: 50px;}
.product-list .ueeshop_responsive_products_list .item .pro{width: 90%;}
.product-list .ueeshop_responsive_products_list .item .pro{padding-bottom: 30px;background: #fff;transition: all .2s .1s;-webkit-transition: all .2s .1s;border:1px solid #f2f3f9;border-radius: 5px;}
.product-list .ueeshop_responsive_products_list .item .pro:hover{border-color: #16b6d2;-webkit-box-shadow:0 0px 10px 1px rgba(22, 182, 210, 0.3);box-shadow:0 0px 10px 1px rgba(22, 182, 210, 0.3);transform:translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);}
.product-list .ueeshop_responsive_products_list .item:hover img{transform: scale(1);}
.product-list .ueeshop_responsive_products_list .item .info .more{display: inline-block;font-size: 16px;color: #f36276;text-transform: uppercase;border-bottom: 1px solid #f6b9b1;}
.product-list .ueeshop_responsive_products_list .item .info{text-align: center;}
body .ueeshop_responsive_products_detail .gallery .left_small_img .pic_box.on{border:1px solid #16b6d2;}
.ueeshop_responsive_products_detail .info .name{}
/*.product-detail .ueeshop_responsive_products_detail .info .button > a,*/
.product-detail .ueeshop_responsive_products_detail .info .button .download_button > span{background: none!important;}
.product-detail .description .desc_txt{line-height: 250%;}
#global_editor_contents{}
.product-detail .ueeshop_responsive_products_detail .description .title{border: none;}
.product-detail .ueeshop_responsive_products_detail .description .title span{font-size: 30px;color: #1f1f1f;position: relative;background: #fff;margin-right: 0;padding-right: 15px;}
.product-detail .ueeshop_responsive_products_detail .description .title span:after{position: absolute;width: 10000px;left: 100%;top: 13px;height: 1px;background: #e3e3e3;margin-left: 20px;content: '';}
body .ueeshop_responsive_case_list .item .img{ margin: 0 auto; width: 50%;}
body .ueeshop_responsive_case_list .item .info{ margin: 0 auto; width: 50%;}
.ueeshop_responsive_download_list ul li:hover{color: #16b6d2;}
.ueeshop_responsive_download_list ul li a:hover{background-color: #16b6d2;}
.g_member{position: static;}
.menu-in-left{padding-top: 30px;}
.menu-in-left .menu-wrap-style{width: 20%;}
.menu-in-left .wrap-righter-style{width: 77.75%;float: right;}
.menu-wrap-style .menu{font-family: 'AccordAlternate-Light';}
/*.menu-wrap-style .menu .m-title{font-size: 19px;color: #191919;margin-bottom: 15px;}*/
.menu-wrap-style .menu .m-title{position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}
.menu-wrap-style .menu .m-title:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}
.menu-wrap-style .menu .cate-top{margin-bottom: 30px;font-size: 30px;color: #1f1f1f;}
.menu-wrap-style .menu h3{margin-bottom: 10px;}
.menu-wrap-style .menu h3 a{font-size: 16px;color: #1f1f1f;}
.menu-wrap-style .menu h3 a:hover{color: #16b6d2;}
/*.menu-wrap-style .menu h3 a.on{color: #e39f59;text-decoration: underline;}*/
.menu-wrap-style .menu .sublist{line-height: 250%;margin-bottom: 15px;}
.menu-wrap-style .menu .sublist li{}
.menu-wrap-style .menu .sublist li a{font-size: 16px;color: #737373;}
.menu-wrap-style .menu .sublist li a:before{width: 13px;height: 13px;border:1px solid #737373; display: inline-block;vertical-align: middle;margin-right: 10px;transition: all .5s; content: '';display: none;}
.menu-wrap-style .menu .sublist li a.on{color: #16b6d2;}
/*.menu-wrap-style .menu .sublist li a.on:before{border-color: #16b6d2;background: #16b6d2;}*/
.menu-wrap-style .menu .sublist li a:hover{color: #16b6d2;}
.menu-wrap-style .menu .sublist li a:hover:before{}
.menu-wrap-style .menu .sublist li.v3{padding-left: 20px;}
.menu-wrap-style .menu .sublist li.v3 a{}
.menu-wrap-style .menu .sublist li.v3 a:before{display: none;}
.menu-wrap-style .related{ margin-top: 22px; width: 100%;}
.menu-wrap-style .related .r_title{ position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular"; text-transform: uppercase;}
.menu-wrap-style .related .r_title:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}
.menu-wrap-style .related .r_list{ margin-top: 5px; width: 100%;}
.menu-wrap-style .related .r_list .item{ padding: 16px 0 19px; border-bottom: 1px solid #e5e5e5;}
.menu-wrap-style .related .r_list .item:first-child{ border-top: 0;}
.menu-wrap-style .related .r_list .item .img{ display: block; width: 100%; text-align: center;}
.menu-wrap-style .related .r_list .title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; line-height: 24px; font-size: 18px; color: #555; text-decoration: none; overflow: hidden;}
.menu-wrap-style .related .r_list .author{ margin-top: 6px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.menu-wrap-style .related .r_list .brief{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 8px; width: 100%; line-height: 20px; font-size: 14px; color: #888; word-break: break-all; overflow: hidden;}
.clean{zoom:1;}
.clean:after,.clean:before{content:''; display:table;}
.clean:after{clear:both;}
.g_clear{zoom:1;}
.g_clear:after{clear:both;}
.wrap-module .ueeshop_responsive_products_detail_review .review_form h1{font-size: 30px;color: #1f1f1f;text-align: center;margin-bottom: 35px;}
.product-list{margin: 0 auto 30px;}
.product-list .pro_cate{float: left;width: 100%;}
.product-list .pro_cate .page_name{position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}
.product-list .pro_cate .page_name:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}
.content .menu-item,.product-list .pro_cate .first_cate{height: 51px;line-height: 51px;position: relative;padding-right: 15px; overflow:hidden;cursor: pointer;}
.ul-box .ul2 li{
	height: 51px;
    line-height: 51px;
    position: relative;
    padding-right: 15px;
    overflow: hidden;
    cursor: pointer;
}
.content .menu-item a,.product-list .pro_cate .first_cate a{font-size: 18px;}
.product-list .pro_cate .first_cate .border{width: 37px;border-bottom: 1px solid #333;}
.product-list .pro_cate .son_cate{display: none;}
.product-list .pro_cate .list.on .son_cate{display: block;}
.product-list .pro_cate .list.on .first_cate{background: url(../images/pro_cate_icon_on.png) no-repeat center right;}
.product-list .pro_cate .son_cate .item:first-child{border-top: none;}
.product-list .pro_cate .son_cate .item{height: 49px;line-height: 49px;border-top: 1px solid #e2e2e2;}
.product-list .pro_cate .son_cate .item a{font-size: 13px;color: #909090;}
/*.product-list .pro_cate .son_cate .item:hover,*/
/*.product-list .pro_cate .son_cate .item.on{color: #16b6d2;}*/
.product-list .pro_cate .son_cate .item:hover a,
.product-list .pro_cate .son_cate .item.on a,
.product-list .pro_cate .son_cate .item a.on,
.product-list .pro_cate .son_cate .subcate3 a.sia:hover{color: #16b6d2;}
.product-list .pro_cate .son_cate .subcate3{margin-bottom: 10px;}
.product-list .pro_cate .son_cate .subcate3 a.sia{display: block;font-size: 12px;color: #909090;text-indent: 15px;line-height: 200%;}
.p_he img{height: auto !important;}
.product-list .pro_cate .leftContent .relate{ margin-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-list .pro_cate .leftContent .relate *{box-sizing: inherit;}
.product-list .pro_cate .leftContent .relate .title{ position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}
.product-list .pro_cate .leftContent .relate .title:before{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}
.product-list .pro_cate .leftContent .relate .list{ margin-top: 33px; background: none;}
.product-list .pro_cate .leftContent .relate .list .row{ margin-bottom: 15px;}
.product-list .pro_cate .leftContent .relate .list .row a{display: inline-block;vertical-align: middle;}
.product-list .pro_cate .leftContent .relate .list .row .img{width: 35%;margin-right: 5%;padding:3px; -webkit-transition: all 0.3s; transition: all 0.3s;}
/*.product-list .pro_cate .leftContent .relate .list .row:hover .img{ border-color: #fd5657;}*/
.product-list .pro_cate .leftContent .relate .list .row .row_txt{ width: 55%;}
.wrap .pro_tit li {
    padding: 10px 8px;
}
.product-list .pro_cate .leftContent .relate .list .row .name{ width: 100%; font-size: 14px;color: #555;line-height: 20px;vertical-align: top;}
.product-list .pro_cate .leftContent .relate .list .row .btn{ margin-top: 10px; width: 100%; font-size: 14px; color: #f36276; text-decoration: underline; -webkit-text-transform: uppercase; text-transform: uppercase;}
.entry img.alignleft { float:left; margin:20px 15px 0 0; }
.entry img.alignright { float:right; margin:20px 0 0 15px; }
.entry img.alignleftnopad { float:left; margin-left:0; }
.entry img.alignrightnopad { float:right; margin-right:0; }
.entry img.aligncenter { text-align:center; display:block; margin:20px auto 0 auto; }
.entry img { max-width:100%; }
h1.normal {
    font-size: 22px;
    margin-top: 0px;
    margin-bottom: 25px;
    font-weight: inherit;
    line-height: inherit;
	display: inherit;
	text-align: center;
}
span.time{text-align: center;display: block;}
.pro-xq .s_pic{float:left; border: 1px solid #999;margin-top: 25px;}
.pro-xq .s_pic img{width:100%; }
.pro-xq .pro-js{ float:right;    padding-top: 10px;}
.pro-xq .pro-js h1{font-size:23px; color:#000;  line-height:28px;}
.response-transition{margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);}
.response-jain{font-size: 16px;margin-bottom: 20px;line-height: 26px;font-weight: 400;color: #555555;
    margin: 0;}
.pro-xq .pro-js .pro-xx{font-size:14px; color:#5b5b5b; line-height:23px;height: 160px; border-bottom:1px solid #eee; padding:20px 0; overflow-y: auto;} .pro-xq .pro-js .pro-xx::-webkit-scrollbar{width:5px;height:10px;}
.pro-xq .pro-js .pro-xx::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px;}
.pro-xq .pro-lx{padding-top:15px; padding-bottom:10px;} .pro-xq .pro-lx .z{display: block; clear: both; color: #323232; line-height: 30px;}
.pro-xq .pro-lx p{width: 260px;float:left;font-size:16px;color:#323232;height:50px;}
.pro-xq .pro-lx p i{display:block; float:left; margin-right:5px; width:40px; height:40px; background:url(../images/ico-tel.png) no-repeat center;}
.pro-xq .pro-lx p font{line-height: 15px; display: block; margin-bottom: 3px;}
.pro-xq .pro-lx:after{content:" "; display:block; height:0px; visibility:hidden; clear:both;}
.pro-xq .pro-lx p span{display:block; font-size:24px; font-weight:bold; color:#323232; line-height:24px;}
.pro-xq .pro-lx a.zx{display:inline-block; float:right; width:120px; height:38px; text-align:center; line-height:38px; color:#fff; font-size:14px; background:#0285ff; margin-top:5px;}
.pro-xq .pro-lx a.zx:nth-child(2){display: none;}
.pro-xq .pro-lx a.zx1{background:#3bb3ff;}
.pro-xq .pro-lx a.zx:hover{border-radius:25px;}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #011b46;
}
.prox_list .pro_nei img{max-width: 100%;text-align: center;margin:0 auto;}
.prox_list .pro_nei{display: none;}
.prox_list .pro_nei:nth-child(1){display: block;}
.prox_list .pro_nei table tbody tr:nth-child(14){border-top: 3px solid rgb(118, 112, 112);}
.prox_list .pro_nei table tbody tr{background: rgb(244,244,244);}

.prox_list .pro_nei table tbody tr td{color: #7f7f7f;}
.prox_list .pro_nei table tbody tr:first-of-type{background: #333333; font-weight: 700;}
.prox_list .pro_nei table tbody tr:first-of-type td{color: #fff;padding: 5px;}
.prox_list .pro_nei table tbody tr{background: rgb(244,244,244);border: 1px solid #7f7f7f;}
.prox_list .pro_nei table tbody td{border: 1px solid #7f7f7f;text-align: left;}
.prox_list .pro_nei table tbody {border: 1px solid #7f7f7f;}

.prox_list .pro_nei .content table tbody tr td{color: #7f7f7f;padding:5px;font-size: 16px} 
.pro_xq_t { font-size:16px; color:#2c2c2c; text-align:center; border-bottom:1px solid #666;  padding-bottom:5px; margin:20px 0;display: flex;}
.pro_xq_i { line-height:25px;}
.pro_xq_t div{ float:left; width:200px; text-align:center; height:46px; line-height:46px; color:#2c2c2c; background-color:#f0f0f0; margin-right:4px; cursor:pointer;}
.blue {
    background-color: #01a0c7 !important;
    color: #fff !important;
}
.pro_main{width:911px;float:left;}
.pro_main p{line-height: 23px;}
.ptitle{width:100%;}
.ptitle h2{font-size: 20px;font-weight:bold;text-align: center;border-left: 3px solid #003f90;}
.head {
    width: 100%;
    background: rgba(246,246,246);
    border-bottom: 5px solid #CCCCCC;
    color: #333;
}
.prob_list{padding-left: 20px;}
 .prob_list li{    padding: 0 5px; cursor: pointer; overflow: hidden; position: relative; display:block;float:left;background:#fff;box-sizing:border-box;transition: all .5s;margin-bottom:15px;}
 .prob_list li img{width: 100%;}
 .prob_list .p_txt{border:1px solid #e1e1e1;transition: 0.3s;}
 .pro_ri{float: right;}
 .pro_ri.col-xl-10,.pro_ri.col-lg-10{width:81%; }
.prob_list li:hover .ceng{opacity: 1;transform: translateY(-268px);}
 .prob_list li:last-child{margin-right:0;}
.prob_list li .pic{display: block;width: 100%;position: relative;overflow: hidden;}
 .prob_list li .down{padding-top: 82%;}
 .prob_list li img{display: block;width: 100%;min-height: 100%;left: 0;top: 0;transition: all .5s;}
 .prob_list li a.t{display:block;text-align:center;height:46px;line-height:46px;font-size:18px;color: #666;}
.prob_list li:hover img{-webkit-transform: scale(1.12);transform: scale(1.12);}
.prob_list li a.t:hover{color:#0075dc;}
.prob_list  .page_name:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 37px;
    height: 3px;
    background: #16b6d2;
    content: '';
}
.prob_list .page_name {
    position: relative;
    margin-bottom: 50px;
    font-size: 22px;
    height: 55px;
    line-height: 55px;
    text-transform: uppercase;
    font-family: "Oswald-Regular";
}
.pager{width:100%;margin:20px 0}
.pager .previous .pagePre{margin-right:10px}
.pager .next .pageNext{margin-left:10px}
.pager .next .pageNext,.pager .previous .pagePre{width: 80%; background:0;border-radius:0;color:#888;text-align:center;font-size:14px;font-family:微软雅黑,Arial;display:block;float:none;padding:10px 0;border:1px solid #eaeaea;margin-bottom:15px}
.pager span.icon{font-size:26px;color:#333;line-height:30px;height:30px;width:30px;vertical-align:middle}
.pager .title{font-size:12px;color:#999;text-overflow:ellipsis;overflow:hidden;line-height:30px;margin-left:2%;display:inline-block;height:30px;vertical-align:middle;width:85%;transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s}
.pager .next:hover .title,.pager .previous:hover .title{color:#333}@media(max-width:480px){.pager .col-lg-6{width:100%}.pager .next .pageNext,.pager .previous .pagePre{margin-left:0;margin-right:0;padding:5px 0}}.pro-detail-tab a{font-size:16px}
.fx.fx_ne a img{width: 63%;}
.fx.fx_ne  a {text-align: center;display: block;width: 17%;}
.fx.fx_ne {display: flex;padding-bottom:10px;float: right;width: 25%;}
.fx.fx_ne:after{clear: both;display: block;content: "";}
.fx{display: flex;padding-top: 10px;}
.fx img{width: 20%;}
.fx a{display: block;text-align: center;}
.fx_t{display:flow-root;}
.tem01-pro-showShare {
	margin-bottom: 15px
}
.tem01-pro-showShare .detail-share {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	margin-bottom: 10px
}
.tem01-pro-showShare .basic-share a {
	margin: 0 10px 0 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
	border-style: solid;
	border-width: 1px;
	font-size: 16px
}
.tem01-pro-showShare .basic-share a span {
	vertical-align: middle;
	line-height: 28px;
	display: block
}
/*新闻*/
.page_main.news_main .path_bar{ margin:0; padding:20px 0 ;}
.blog_items{position:relative; background:#f0f0f0; padding:55px 0; box-shadow:inset 0 0 15px rgba(0,0,0,.1);}
.blog_item{ position:relative;margin:0 0 30px; background:#FFF; overflow:hidden;transition: 0.5s;}
.blog_item:hover{background: #e0e8f6;}
.blog_item .item_img{position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 -5px; padding:0 0 0 5px;width:23%;overflow: hidden;}
.blog_item .item_img img{width: 100%; -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.blog_item:hover .item_img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.blog_item .web_more{transition: 0.5s;}
.blog_item:hover{transform: translate(5px,-5px);    box-shadow: 7px 6px 10px #ccc;}
.blog_item:hover .item_title{color:#3562bb ;}
.blog_item:hover .web_more{   background-color: #2d2d2d;
    background-position: -134px 8px;}
.blog_item figcaption{position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 -5px; padding:20px 31px 20px 36px;width:calc(92% - 466px);}
.blog_item  figcaption:after{ content:""; position:absolute; right:0; top:0;width:1px; height:calc(100% - 4px); background:#aaa;}
.blog_item figcaption .item_title{ font-weight:normal; font-size:24px;}
.blog_item figcaption .item_text{ font-size:17px; padding:18px 0 23px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.blog_item figcaption .item_more{}
.blog_item  time{position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 -5px; padding:0 0 0 5px;width:218px; text-align:center; font-size:24px; text-align:center;}
.blog_item  time span{ display:block; font-size:20px;}
.blog_item figcaption .item_link{}
figure{margin: 0;overflow: hidden;}
.item_link{ position:absolute; width:100%; height:100%; left:0; top:0;}
.page_bar{ position:relative;  line-height:31px; height:33px; margin:50px 0; text-align:center; font-size:12px;}
.page_bar a,.page_bar  span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px;  border:1px solid #ccc; margin:0 0 0 8px; text-align:center; border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#e3e3e3',gradientType='0');background: -moz-linear-gradient(top, #fefefe, #e3e3e3);background: -o-linear-gradient(top,#fefefe, #e3e3e3);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e3e3e3));}
.page_bar span.current,.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#333333;  border-color:#333333 } 
.web_more{display:inline-block; vertical-align:top; width:35px; height:33px; border:1px solid #2d2d2d; background:url(../images/icon_bg.png) no-repeat -159px 8px;-moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
@media only screen and (max-width: 950px){
.blog_item figcaption {
    width: calc(100% - 400px);
    padding: 20px 15px;
}}
@media only screen and (max-width: 1366px){
.main-menu ul li a{
	font-size: 14px;
}}
@media only screen and (max-width: 1024px){
.blog_item time {
    width: 152px;
}}
@media only screen and (max-width: 780px){
.blog_item .item_img, .blog_item figcaption, .blog_item time {
    display: block;
    width: 100%;
}}
.video_l{
 position: relative;
}
.video_p{position: absolute;    top: 30%;
    left: 42%;}
/*
关于我们*/
.page-title-area {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
    padding: 80px 0;
}
.page-title h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.page-title .breadcrumb {
    background: 0;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.page-title .breadcrumb li{color: #ffffff;}
.page-title .breadcrumb .crumbs-item a{color: #fff;}
[data-overlay="8"]::before {
    opacity: .8;
}
[data-overlay]::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
   z-index: 1;
}
.page-title-area::before {
    z-index: -1;
    background: #00183d;
}
.page-title .border-title h1 {
    position: absolute;
    font-size: 120px;
    line-height: 83px;
    color: transparent;
    text-transform: uppercase;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-text-stroke: 1px #4b5b76;
    top: -23px;
    margin-bottom: 0;
    font-family: 'Exo',sans-serif;
    width: 100%;
    z-index: -1;
}
::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}
.breadcrumb>.active {
    color: #ff5e15;
}
.page-title .breadcrumb .breadcrumb-item a {
    color: #fff;
    font-size: 15px;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}
/* contact */
.com-padding {
    padding-top: 80px;
    padding-bottom: 60px;
}
.fl {
    float: left;
}
.index-about {
	position: relative;
  }
  .index-about .txt {
	width: 100%;
	padding-right: 3vw;
	padding: 25px 0;
  }
  .index-about .txt h2 {
	font-weight: bold;
	margin-bottom: 15px;
	font-family: 'SourceHanSansSC', arial, Helvetica, sans-serif;
	line-height: 25px;
	color: #333;
	font-size: 20px;
	background: url(../images/gtd_bg.png) top left no-repeat;
  }
  .index-about .txt h1 {    font-size: 40px;
    font-weight: bold;
    text-align: center;
}
  .index-about .txt .kefutel-1 {
	font-size: 40px;
	color: #013b6d;
	font-weight: bold;
	margin-bottom: 60px;
	font-family: "Montserrat";
  }
  .index-about .txt .kefutel {
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
  }
  .index-about .txt .qr{
	margin-top: 50px;
  }
  .index-about .txt .qr img{
	width: 120px;
	height: 120px;
	padding: 5px;
	background: #fff;
  }
  .index-about .txt .qr p{
	margin-top: 10px;
	color: #333;
  }
  .index-about .txt h3 {
	height: 45px;
	color: #3c3c3c;
	font-size: 20px;
  }
  .index-about .txt .con p {
	color: #7c7c7c;
	line-height: 30px;
	margin-top: -7px;
  }
  .index-about .txt a.more {
	display: block;
	width: 160px;
	line-height: 36px;
	border-radius: 36px;
	margin-top: 60px;
	text-align: center;
	color: #fff;
	background: #1D2974;
  }
  .index-about .img {
	position: absolute;
	right: 0;
	width: 53%;
	padding-left: 4vw;
  }
  .index-about .img .video {
	display: block;
	width: 100%;
	height: 500px;
	overflow: hidden;
  }
  .index-about .img .video:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/icon_play01.png) center no-repeat;
  }
  .index-about .img .more {
  /*  position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 25px 40px;
	background: #fff;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	box-shadow: 0 0 30px -20px #000;
  */
		position: absolute;
	  width: 500px;
	  left: 0;
	  /*top: 50%;*/
	  bottom: 0;
	  /* transform: translateY(-50%); */
	  /* padding: 25px 40px; */
	  background: #fff;
	  margin-left: -500px;
	  border-top-right-radius: 20px;
	  border-bottom-left-radius: 20px;
	  /*box-shadow: 0 0 30px -20px #000;*/
  }
  .index-about .img .more a {
	display: block;
	height: 120px;
	  float: left;
	  width: 33%;
	padding-top: 75px;
	text-align: center;
	background-position: center 30px;
	background-repeat: no-repeat;
  }
  .index-about .img .more a:hover {
	color: #DD351B;
  }
  .index-about .num {
	background-color: #f4f4f4;
	padding: 35px 0;
	margin-top: 60px;
  }
  .index-about .num .list {
	width: 100%;
  }
  .index-about .num li h4 {
	height: 60px;
	font-size: 20px;
  }
  .index-about .num li h4 span {
	color: #1D2974;
	font-size: 52px;
	font-weight: 700;
	vertical-align: top;
  }
  .index-about .num li p {
	color: #3c3c3c;
	font-size: 14px;
  }
  .index-about .num li .i {
	height: 60px;
  }
  .zxxjtext1 {
	display: block;
	float: left;
	width: 20%;
	line-height: 50px;
	height: 51px;
	margin-bottom: 30px;
	margin-right: 1%;
	font-size: 18px;
	color: #000000;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
  }
  .zxxjtext {
	display: block;
	float: left;
	width: 44%;
	line-height: 50px;
	height: 51px;
	margin-bottom: 30px;
	margin-right: 6%;
	font-size: 18px;
	color: #000000;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
  }
  .zxxjtextarea {
	display: block;
	float: left;
	width: 95%;
	line-height: 50px;
	height: 51px;
	margin-bottom: 30px;
	font-size: 18px;
	color: #000000;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
  }
/* contact end */
.ab_pic img{width: 95%; }
.pac{text-align: center;}
.pac img{width: 100%;}
.about-title h3{color: #3562bb;}
.conshow{box-shadow:0 0 15px 5px #b3aeae;padding:0 5px;margin-top: 55px;}
.contact_if .entry-content iframe{display: block; height:350px;padding: 20px 0;width: 100%;margin: 0 auto;}
.ab_bg{    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3% 0 1%;
    background-position: 50% 50%;
    background-image: url(../images/aboutb.jpg);    background-attachment: fixed;}
.tem256-irregular .scrollBox{overflow:hidden}
.tem256-irregular ul{display:flex;display:-webkit-flex;position:relative;padding: 5px 0;}
.tem256-irregular a{display:block;color:inherit;height:100%;background-color:#f7f7f7}
.tem256-irregular li{padding:0 3px}
.tem256-irregular img{width:100%}
.tem256-irregular .text{padding:5%}
.tem256-irregular .title{font-size:16px}
.tem256-irregular .description{font-size:13px;line-height:1.5;opacity:.6}.tem256-irregular.content-right{text-align:right}.tem256-irregular.content-middle{text-align:center;position:relative;top:-10px}.sw_about{border-color:rgba(0,0,0,.8);user-select:auto}.tem256-irregular li .box{background-color:#fff;color:#333;user-select:auto}.tem256-irregular li .box span{color:#fff;border-color:#333}@media(max-width:1299px){.tem256-irregular li{padding:2px}}@media(max-width:768px){.tem256-irregular li{padding:1px}.tem256-irregular .container{padding-left:3%!important;padding-right:3%!important}.tem256-irregular.full-screen-spacing .container{padding-left:0!important;padding-right:0!important}}
.tem327-irregular .box{background-color:#fff}.tem327-irregular .image{position:relative}.tem327-irregular .image:hover .icons{opacity:1}.tem327-irregular .image:hover img{opacity:.3}.tem327-irregular .image img{transition:.5s}.tem327-irregular .icons{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:.5s;z-index:1}.tem327-irregular .icons span{position:absolute;top:50%;left:50%;display:block;transform:translate(-50%,-50%);display:flex;display:-webkit-flex}.tem327-irregular .icons a{width:40px;height:40px;font-size:20px;border:20px solid;border-color:inherit;border-radius:50%;cursor:pointer;position:relative;margin:5px;background-color:transparent}.tem327-irregular .icons a:before{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s}.tem327-irregular .icons a.icon-crop_free:hover:before{transform:translate(-50%,-50%) scale(1.1)}.tem327-irregular .icons a.icon-insert_link:hover:before{transform:translate(-50%,-50%) rotate(-45deg)}.tem327-irregular .swiper{border-color:rgba(0,0,0,.8)}.tem327-irregular .swiper-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;visibility:hidden;opacity:0;transition:.5s;border-color:inherit}.tem327-irregular .swiper-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:100vh solid;border-color:inherit}.tem327-irregular .swiper-container img{max-width:100%;width:auto}.tem327-irregular .swiper-slide{display:flex;display:-webkit-flex;align-items:center;justify-content:center}.tem327-irregular .swiper-container.show{z-index:99;opacity:1;visibility:visible}.tem327-irregular .swiper span.close_{position:absolute;top:30px;right:30px;font-size:30px;opacity:.5;transition:.5s;z-index:3;cursor:pointer}.tem327-irregular .swiper span.close_:hover{opacity:1}@media(max-width:767px){.tem327-irregular .swiper span.close_{display:none}}
.album_items,.certificate_items .album_items{ position:relative; padding:0 5px; }
.album_item{ position:relative; display:inline-block; vertical-align:top; width:20%; margin:0 0 0 -5px; padding:10px;}
.album_item figure{ position:relative; }
.album_item figure .item_img{ position:relative; overflow:hidden;}
.album_item figure .item_img img{ position:relative;width:100%;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.album_item figure:hover .item_img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.album_item figure figcaption,.album_item figure figcaption a{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center;}
.album_item figure figcaption a { z-index:2;}
.hon_right ul li{width: 33.33%;float: left;padding: 0 10px;}
.hon_left h2{margin-bottom: 20px;margin-top: 20px;}
.hon_right ul li img{width: 100%;transition: 0.3s;}
.hon_right ul li:hover img{transform: scale(1.1);}
@media (max-width: 768px){
.menu-in-left .menu-wrap-style {
    display: none;
}
.page-title .border-title h1 {
    font-size: 60px;
    top: -29px;
}
 .pro_ri.col-xl-10,.pro_ri.col-lg-10{width:100%; }
}
@media (min-width: 576px){
.container {
    max-width: 100%;
}
.right-info{width: 78%;}
.contact-info ul li{width: 50%;}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
	.container {
		width: 100% !important;
		margin: 0 auto;
	}
	.product-list .pro_cate .page_name{font-size: 15px;
    font-weight: bold;}
}
@media screen and ( max-width: 1200px ) and (min-width: 992px){
.slick-track .container,.application .container{width: 862px;}
.right-info{width: 68%;}
.contact-info ul li{width: 100%;}
}
@media (max-width: 576px){.right-info{width: 100%;}
.contact-info ul li{width: 100%;}
}
@media (min-width: 1200px){
.footer-area .offset-xl-1 {
    margin-left: 2.5%;
}
.contact_if .entry-content iframe,.container {
	    max-width: 1170px;
}
.right-info{width: 60%;}
}
@media (min-width: 1366px){
.right-info{width: 70%;}
}
@media (min-width: 1440px){
	.contact-info ul li{width: 33.33%;}
	.contact_if .entry-content iframe,.container {
		max-width: 1370px;
}
}
@media (min-width: 1600px){
	.contact_if .entry-content iframe,.container {
		max-width: 1600px;
		}}
@media (max-width:768px){
   .swiper-container {width: 85%;}
   .container{width: 100%;}
   .application .swiper-button-prev,.application .swiper-button-next {display: none;}
	p{font-size: 12px;line-height: 20px;}
	.t_text h4 {font-size: 15px}
	.t_text{padding: 10px 0; padding-left: 10px;}
	.pro_tit li{padding: 10px 5px;}
	}
	@media (max-width: 980px) {
		.container-top{
			height: 55px;
		}
		.header {
			display: none;
		  }
		  .footer-linke{
			display: none;
		  }
		  .footer-pro{
			display: none;
		  }
		  .footer-left-widget{
			padding: 0;
		  }
		.language-selector {
			position: relative;
			display: inline-block;
			cursor: pointer;
			border-radius: 5px;
			background-color: #fff;
			border: 1px solid #ccc;
			box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.3s;
			line-height: 30px;
			position: absolute;
			height: 30px;
			right: 140px;
			z-index: 99;
			padding: 0 5px;
			top: -11px;
		  }
		  .language-selector:hover {
			box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
		  }
		  /* .language-selector:hover .language-options {
			display: block;
		  } */
		  .language-options {
			display: none;
			position: absolute;
			top: calc(100% + 5px);
			left: 0;
			background-color: #fff;
			border: 1px solid #ccc;
			border-radius: 5px;
			box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
			z-index: 1000;
			width: 120px;
		  }
		  .language-option {
			padding: 10px 20px;
			cursor: pointer;
			transition: background-color 0.3s, color 0.3s;
		  }
		  .language-option:hover {
			background-color: #f9f9f9;
		  }
		  .hidden {
			display: none;
		  }
		  .visible {
			display: block;
		  }
		  .logo-2-img{
			width: 180%;
		  }
	}
	@media (max-width: 580px) {
		.ab_left.on{
			padding: 0 15px;
		}
		.contact-ri{
			padding: 70px 10px 40px;
		}
		.header {
			display: none;
		  }
		.language-selector {
			position: relative;
			display: inline-block;
			cursor: pointer;
			border-radius: 5px;
			background-color: #fff;
			border: 1px solid #ccc;
			box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.3s;
			line-height: 30px;
			position: absolute;
			height: 30px;
			right: 90px;
			z-index: 99;
			padding: 0 5px;
			top: -35px;
		  }
		  .language-selector:hover {
			box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
		  }
		  /* .language-selector:hover .language-options {
			display: block;
		  } */
		  .language-options {
			display: none;
			position: absolute;
			top: calc(100% + 5px);
			left: 0;
			background-color: #fff;
			border: 1px solid #ccc;
			border-radius: 5px;
			box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
			z-index: 1000;
			width: 120px;
		  }
		  .language-option {
			padding: 10px 20px;
			cursor: pointer;
			transition: background-color 0.3s, color 0.3s;
		  }
		  .language-option:hover {
			background-color: #f9f9f9;
		  }
		  .hidden {
			display: none;
		  }
		  .visible {
			display: block;
		  }
	}
	@media (max-width: 1420px){
		.slider-height-s {
			min-height: 650px;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.index-about .txt h1 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
}
	}
	@media (max-width: 1348px){
		.main-menu ul li ul.submenu-pro{
			left: -708%;
		}
	}
	@media (max-width: 1261px){
		.application .swiper-button-next{
			right: -35px;
		}
		.application .swiper-button-prev{
			left: -35px;
		}
	}
	@media (max-width: 1201px){
		.main-menu ul li ul.submenu-pro{
			left: -822%;
			width: 1000px;
		}
			.index-about .txt h1 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
	}
	@media (max-width: 990px){
		.com-padding{
			padding: 0;
		}
		.index-about .txt .kefutel-1{
			font-size: 27px;
		}
		.advantage{
			display: none;
		}
		.p_title p{
			width: 100%;
		}
		.slider-height-s {
			min-height: 444px;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.advantage ul {
			padding-top: 26px;
		}
		.p_title h2 {
			color: #323232;
			text-align: center;
			font-weight: bold;
			font-size: 28px;
		}
	}
	@media (max-width: 846px){
		.slider-height-s {
			min-height: 300px;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}
	}
	@media (max-width: 550px){
		.slider-height-s {
			min-height: 220px;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}
	}
	@media (max-width: 990px){
		.about-title-a{
			line-height: 18px;
		}
			.index-about .txt h1 {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}
	}
	 /* 1. 给容器加唯一class：custom-unique-swiper-container，避免全局冲突 */
    .custom-unique-swiper-container {
      width: 90%;
      max-width: 1200px;
      margin: 0 auto;
      overflow: hidden;
    }
    /* 2. 精准定位当前Swiper，加唯一前缀 */
    .custom-unique-swiper {
      width: 100%;
      height: auto;
    }
    /* 轮播项样式：仅作用于当前Swiper */
    .custom-unique-swiper .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
    }
    /* 唯一容器样式 */
    .custom-unique-swiper-container {
      width: 90%;
      max-width: 1200px;
      margin: 0 auto;
      overflow: hidden;
    }
    .custom-unique-swiper {
      width: 100%;
      height: auto;
    }
    /* 轮播项基础样式 */
    .custom-unique-swiper .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
    }
    /* 核心：卡片容器 - 相对定位，溢出隐藏 */
    .custom-unique-slide-card {
      width: 80%;
      max-width: 400px;
      border-radius: 8px;
      overflow: hidden;
      position: relative;
      cursor: pointer;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
    /* 图片样式 - 宽度100%，高度固定（可自定义） */
    .custom-unique-slide-img {
      width: 100%;
       object-fit: cover; /* 保持图片比例，裁剪多余部分 */
      display: block;
      transition: transform 0.3s ease;
    }
    /* 遮罩层 - 默认仅显示底部标题，hover时全屏居中 */
    .custom-unique-slide-mask {
      position: absolute;
      left: 0;
      bottom: 0; /* 默认只在底部显示 */
      width: 100%;
      height: 60px; /* 默认高度仅容纳标题 */
      background: rgba(0, 0, 0, 0.6); /* 透明黑底 */
      color: #fff;
      padding: 12px 16px;
      transition: height 0.3s ease, background 0.3s ease, top 0.3s ease;
      overflow: hidden;
      /* 默认标题左对齐（可改为center） */
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    /* hover时遮罩层覆盖整张图片 + 居中布局 */
    .custom-unique-slide-card:hover .custom-unique-slide-mask {
      height: 100%;
      background: rgba(0, 0, 0, 0.8); /* hover时黑底更不透明 */
      /* 垂直+水平居中 */
      justify-content: center;
      align-items: center;
      text-align: center; /* 文本水平居中 */
      padding: 20px; /* 增加内边距，避免内容贴边 */
    }
    /* hover时图片轻微放大，增强交互感 */
    .custom-unique-slide-card:hover .custom-unique-slide-img {
      transform: scale(1.05);
    }
    /* 标题样式 - 始终显示 */
    .custom-unique-slide-title {
      font-size: 18px;
      font-weight: 600;
      padding-top: 20px;
      position: relative;
      z-index: 1;
      color:#fff;
      width: 100%; /* 确保标题占满宽度，居中生效 */
    }
    /* 介绍文本 - 默认隐藏，hover时显示且居中 */
    .custom-unique-slide-desc {
      font-size: 14px;
      line-height: 1.6;
      opacity: 0; /* 默认透明 */
      height: 0; /* 默认高度0，隐藏 */
      transition: opacity 0.3s ease 0.1s, height 0.3s ease;
      position: relative;
      z-index: 1;
      color:#fff;
      width: 100%; /* 确保描述占满宽度，居中生效 */
      max-width: 350px; /* 限制描述宽度，避免太宽影响阅读 */
    }
    /* hover时显示介绍文本 */
    .custom-unique-slide-card:hover .custom-unique-slide-desc {
      opacity: 1;
      height: auto; /* 自适应高度 */
      max-height: 200px; /* 限制最大高度，避免内容溢出 */
      overflow-y: auto; /* 内容过长时可滚动 */
    }
    .custom-unique-swiper-prev,
    .custom-unique-swiper-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      color: #fff;
      text-align: center;
      line-height: 40px;
      font-size: 18px;
      cursor: pointer;
      z-index: 10; /* 确保在图片上层 */
      transition: background 0.3s;
    }
    /* 左箭头定位 */
    .custom-unique-swiper-prev {
      left: 10px;
    }
    /* 右箭头定位 */
    .custom-unique-swiper-next {
      right: 10px;
    }
    /* hover效果 */
    .custom-unique-swiper-prev:hover,
    .custom-unique-swiper-next:hover {
      background: rgba(0, 0, 0, 0.8);
    }
    /* 隐藏默认的箭头文字（可选，保留也可） */
    .custom-unique-swiper-prev::after,
    .custom-unique-swiper-next::after {
      font-family: 'Swiper';
      font-size: 15px;
      content: ''; /* 清空默认文字，也可改为 ←/→ */
    }
    /* 自定义箭头图标（可选，替换为文字箭头） */
    .custom-unique-swiper-prev::before {
      content: '←';
    }
    .custom-unique-swiper-next::before {
      content: '→';
    }
    /* 响应式适配 */
    @media (max-width: 768px) {
      .custom-unique-slide-title {
        font-size: 16px;
      }
      .custom-unique-slide-mask {
        height: 50px;
        padding: 10px 12px;
      }
      .custom-unique-swiper-container {
        width: 95%;
      }
      .custom-unique-slide-img {
        height: 250px;
      }
      .custom-unique-slide-desc {
        font-size: 13px;
        max-width: 300px;
      }
      	.index-about .txt h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.custom-unique-slide-card {
    width: 80%;}
    }
    @media (max-width: 480px) {
      .custom-unique-slide-desc {
        font-size: 12px;
        max-width: 250px;
      }
      .custom-unique-slide-img {
        height: auto;
      }
      .custom-unique-slide-mask {
        padding: 8px 10px;
      }
    }
    /* 隐藏Swiper默认导航按钮的多余样式（可选） */
    .custom-unique-swiper-prev,
    .custom-unique-swiper-next {
      color: #fff;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 10%;
      width: 40px;
      height: 40px;
    }
    .custom-unique-swiper-prev:hover,
    .custom-unique-swiper-next:hover {
      background: rgba(0, 0, 0, 0.6);
    }
    /* 滚动条美化（可选） */
    .custom-unique-slide-desc::-webkit-scrollbar {
      width: 4px;
    }
    .custom-unique-slide-desc::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 2px;
    }