body {
    font-family: "microsoft yahei", "Arial", "sans-serif", "microsoft yahei";
    line-height: 1.42857143;
    color: #333;
    background-color: #fff; width: 100%;
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
@media only screen and (max-width: 768px) {
.reset_style h1 span {	font-size: 24px!important;}
.reset_style h2 span {	font-size: 20px!important;}
.reset_style h3 span {	font-size: 14px!important;}
}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.reset_style h2 span,.reset_style h3 span {font-weight: normal!important;}

.home_box a {width: 56px;height: 56px;display: block;}

.activeaa {display: block !important;}

.Large {margin-top: 996px!important;transition: all 1.5s;}

.Large .home_box {transform: rotate(180deg);-webkit-transform: rotate(180deg);transition: transform .5s;}
.fl{ float:left;}
.fr{ float:right;}
.search-alert {display: block !important;}
.nav_tab_class {width: 100%; overflow: hidden;}
.nav_tab_class .header2 .sub-menu li:last-child {margin-bottom: 50px;}

.nav_tab_class .top-nav-a1 {font-size: 18px!important;}

.nav_tab_class .top-nav-a2 {font-size: 15px!important;}

.nav_tab_class .top-nav {margin-right: 3%!important;}

@media only screen and (max-width: 1366px) {.header1 nav li {	margin: 0 0px!important;	font-size: 15px!important;}
.f-cb {	text-align: right!important;}
}

@media only screen and (max-width: 768px) {.nav_tab_class .p_problemCategory {	display: block;}
.nav_tab_class .p_navPc {	display: none;}
.nav_tab_class .p_linkBox {	display: none;}
.nav_tab_class .p_parent {	display: block;}
.nav_tab_class .icon-arrow_up:before {	content: "\e69a";}
.nav_tab_class .icon-arrow_down:before {	content: "\e69c";}
.nav_tab_class .p_btn-show {	color: #fff;	background: #7F7F7F;}
.nav_tab_class .p_btn-hide {	width: 10%;	height: 100%;	float: left;	background-color: #7F7F7F;}
.nav_tab_class .p_category {	width: 100%;	height: 100%;	position: fixed;	top: 0;	left: 100%;}
.nav_tab_class .p_parent {	width: auto;	height: auto;	display: -webkit-flex;	display: -moz-flex;	display: -ms-flexbox;	display: -ms-flex;	display: flex;	display: -webkit-flex;	display: -moz-box;	display: -moz-flex;	display: -ms-flexbox;	display: flex;	display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	padding: 0 0 0 5px;}
.nav_tab_class .p_categoryBox {	overflow-y: auto;	width: 90%;	height: 100%;	float: left;	background-color: rgb(239,239,245);}
.nav_tab_class .p_categoryBox > .p_parentBox {	background-color: #FFFFFE!important;	padding-left: 0px;}
.nav_tab_class .p_parentBox {	width: auto;	height: auto;	color: #fff;}
.nav_tab_class .p_parentBox {	width: auto;	height: auto;	color: #fff;	background-color: rgb(239,239,245);	padding-left: 20px;}
.nav_tab_class .p_childBox .p_parent {	border-bottom: 1px solid #c0c0c0;}
.nav_tab_class .p_c-fff {	display: inline-block;	margin-top: 10px;	margin-bottom: 10px;	color: #fff;}
.nav_tab_class .p_categoryBtn {	display: block;	margin: 12px 5px 10px 0;	color: #000000;	font-size: 12px;}
.nav_tab_class .p_link {	height: auto;	vertical-align: middle;	width: initial;	margin: 10px 0;	-webkit-flex: 1;	-moz-flex: 1;	-ms-flex: 1;	flex: 1;	display: block;	-moz-box-flex: 1;	-webkit-box-flex: 1;	box-flex: 1;	display: -webkit-flex;	display: -moz-flex;	display: -ms-flexbox;	display: -ms-flex;	display: flex;	display: -webkit-flex;	display: -moz-box;	display: -moz-flex;	display: -ms-flexbox;	display: flex;	display: -webkit-box;	color: #000;}
.nav_tab_class {	width: 640px;}
}

@media only screen and (min-width: 769px) {.nav_tab_class .p_problemCategory {	display: none;}
.nav_tab_class .p_parent {	display: none;}
.nav_tab_class .p_navPc {	display: block;}
.nav_tab_class .p_linkBox {	display: block;}
.nav_tab_class {	width: auto;	height: auto;	overflow: visible;}
.nav_tab_class .p_category {	height: 100%;	width: 100%;	position: relative;	background-color: #FFFFFE;}
.clearfix:before, .clearfix:after {	content: "";	display: block;	clear: both;	width: 0;	height: 0;	visibility: hidden;	font-size: 0;}
.nav_tab_class .p_categoryBox {	line-height: 24px;	width: auto;	float: left;}
.nav_tab_class .p_categoryBox .p_linkBox {	width: 100%;	display: -webkit-box;	display: -webkit-flex;	display: -moz-box;	display: -moz-flex;	display: -ms-flexbox;	display: flex;	align-items: center;}
.nav_tab_class .p_categoryBox > .p_parentBox:hover {	border-top: 3px solid rgb(64,143,244);}
.nav_tab_class .p_categoryBox .p_title {	height: auto;	width: auto;	-webkit-flex: 1;	-moz-flex: 1;	-ms-flex: 1;	flex: 1;	display: block;	-moz-box-flex: 1;	-webkit-box-flex: 1;	box-flex: 1;	font-size: 14px;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;}
.nav_tab_class .p_categoryBox .p_title:hover {	color: rgb(64,143,244);}
.nav_tab_class .p_categoryBtn {	display: inline-block;	vertical-align: middle;	background-color: rgba(255,255,255,0);	border-color: rgba(255,255,255,0);	border-style: solid;	border-width: 0;	color: rgb(64,143,244);	height: auto;	width: 14px;	margin: 0 4px 0 0;	padding: 0;	position: static;	text-align: center;	color: rgba(217,217,217,1);}
.nav_tab_class .p_categoryBtn:hover {	border-width: 0;	border-style: solid;	color: rgb(64,143,244);	border-color: rgba(255,255,255,0);	background-color: rgba(255,255,255,0);	box-shadow: none;}
.nav_tab_class .p_categoryBtn:active {	border-width: 0;	border-style: solid;	color: rgb(64,143,244);	border-color: rgba(255,255,255,0);	background-color: rgba(255,255,255,0);	box-shadow: none;}
.nav_tab_class .p_linkBox .iconfont:before {	content: '';}
.nav_tab_class .p_childBox .p_linkBox .icon-duduyinleappicon1401:before {	content: '\e65f';	color: rgb(64,143,244);	font-size: 10px}
.nav_tab_class .p_categoryBox .p_childBox {	border: 1px solid rgba(240,240,240,1);	box-shadow: 2px 1px 2px #c0c0c0;	z-index: 9;}
.nav_tab_class .p_categoryBox .p_parentBox {	position: relative;	width: 200px;	height: 40px;	float: left;	text-align: center;}
.nav_tab_class .p_parentBox:last-child .p_linkBox {	border-bottom: 0 none;}
.nav_tab_class .p_categoryBox>.p_parentBox>.p_childBox {	margin-top: 40px;	left: 0px;}
.nav_tab_class .p_categoryBox .slideOut {	position: absolute;	left: 100%;	top: 0;	width: 100%;	height: auto;}
}

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

.nav_tab_class .p_MatteIcon .iconfont:before {content: '\e602';}

.nav_tab_class >div {animation-fill-mode: both;}

.nav_tab_class .clear {clear: both;}

.nav_tab_class ::placeholder {font-size: 36px;color: #515151;}

.nav_tab_class .f-cb {zoom: 1px;}

.nav_tab_class .f-cb:after {display: block;height: 0px;clear: both;visibility: hidden;overflow: hidden;content: ".";}

.nav_tab_class .fl {float: left;display: inline;}

.nav_tab_class .fr {float: right;display: inline;}

.nav_tab_class .scroll {overflow-y: unset !important;display: unset important;}

.nav_tab_class .header1 {z-index: 9;height: 100px;position: fixed;background: rgba(255, 255, 255);top: 0px;width: 100%;padding: 0 60px;-webkit-transition: all .5s ease;transition: all .5s ease;}

.nav_tab_class .active {height: 20px!important;}

.nav_tab_class .active .header1 .header-right {line-height: 80px;color: #000;}

.nav_tab_class .active .header1 .header-right a {color: #000;}

.nav_tab_class .active .gdt {display: none;}
.nav_tab_class:hover .header1 {background: rgb(255, 255, 255);}
.nav_tab_class .active .header1 {background: rgb(255, 255, 255);top: 0px;height: 80px;}

.nav_tab_class .active .img1 {opacity: 0!important;}

.nav_tab_class .active .img2 {opacity: 1;}

.nav_tab_class .active .search-btn {height: 80px!important;line-height: 80px!important;}

.nav_tab_class .active .search-btn:before {color: #3799d6!important;}

.nav_tab_class .active .head_lan {height: 80px;}

.nav_tab_class .active .head_lan .lan_con {margin-top: 0px;}

.nav_tab_class .active .header1 nav {height: 80px;line-height: 80px;}

.nav_tab_class .active .navName {color: #333!important;}

.nav_tab_class .active .navName::after {color: #000!important;}

.nav_tab_class .active .tNav .navName {height: 80px!important;line-height: 80px!important;}

.nav_tab_class .active .header1 h1 {width: 280px;margin-top: 10px;height: 80px;}

.nav_tab_class .active .head_language .lan_con_list { margin-top: 30px; }
@media only screen and (max-width: 1280px) {
.nav_tab_class .header1 { padding: 0 20px;}
}
@media only screen and (max-width: 769px) {
.nav_tab_class .active .header1 h1 {margin-top: 5px;}
}
#nav_tab .bb {top: 60px!important;height: 25%!important;}

.nav_tab_class .active .lan_list {top: 60px!important;}

.nav_tab_class .active .search-btn span {color: #fff!important;}

.nav_tab_class .header1.scroll {height: 70px;}

.nav_tab_class .wel_top {z-index: 9;height: 40px;position: fixed;background: #008b4a;top: 0px;width: 100%;padding: 0 30px;overflow: hidden;}

.nav_tab_class .wel_top .top_tel {color: #fff;line-height: 40px;font-weight: bold;font-size: 16px;}

.nav_tab_class .wel_top .top_tel .iconfont {line-height: 40px;height: 40px;width: 30px;display: inline-block;}

.nav_tab_class .wel_top .top_tel .iconfont:before {content: '\e628';color: #fff;font-size: 20px;}

.nav_tab_class .wel_top .top_link {color: #fff;line-height: 40px;}

.nav_tab_class .wel_top .top_link a {color: #fff;display: inline-block;}

.nav_tab_class .wel_top .clear {clear: both;}

.nav_tab_class .header1 h1 {width:250px;margin-top:22px;height: 60px;position: relative;overflow: hidden;-webkit-transition: all .3s ease;transition: all .3s ease;}

.nav_tab_class .header1 h1 img {position: absolute;left: 0px;top: 0px;opacity: 0;}

.nav_tab_class .header1 h1 img.img1 {opacity: 1;}

.nav_tab_class .header1.scroll h1 {height: 70px;width: 371px;}

.nav_tab_class .header1 nav {float: left;margin-left: 10%!important;height: 100px;line-height: 100px;width: auto;position: relative;right: 0px;top: 0px;margin-right: 50px;-webkit-transition: all .3s ease;transition: all .3s ease;}

.nav_tab_class .header1.scroll nav {height: 70px;line-height: 70px;}

.nav_tab_class .header1 nav li {float: left;display: inline-block;text-align: center;font-size: 16px;-webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);padding: 0 30px;}

.nav_tab_class .header1.scroll nav li {-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-transition-delay: 0s !important;transition-delay: 0;}

.nav_tab_class .header1 nav li:last-child {margin-right: 0px;}

.nav_tab_class .js-m.animate {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}

.nav_tab_class .js-m.js-m-2 {opacity: 0;-webkit-transform: translate(30px, 0);-ms-transform: translate(30px, 0);transform: translate(30px, 0);}

.nav_tab_class .js-m.js-m-2.animate {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}

.nav_tab_class .hvr-left:hover:before {width: 100%;}

.nav_tab_class .hvr-left.cur:before {width: 100%;}

.nav_tab_class .hvr-left {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px transparent;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: relative;}

.nav_tab_class .header1 nav li > a {color: #333;display: block;position: relative;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}

.nav_tab_class .header1:hover nav li > a {color: #000;}

.nav_tab_class .header1.active nav li > a {color: #000;}

.nav_tab_class .header1 .nav-sub {width: 160px;background: #fff;position: absolute;top: 100px;left: 0px;height: auto;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);}

.nav_tab_class .header1 .nav-sub.active {-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}

.nav_tab_class .header1 .nav-sub.active .n-nav-sub {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}

.nav_tab_class .header1.scroll .nav-sub {top: 70px;}

.nav_tab_class .header1 .nav-sub .n-nav-sub {opacity: 0;-webkit-transform: translate(0, -20px);-ms-transform: translate(0, -20px);transform: translate(0, -20px);}

.nav_tab_class .header1 .nav-sub a {height: 45px;line-height: 45px;display: block;padding: 0 20px;text-align: left;color: #333;font-size: 14px;position: relative;font-weight: normal;}

.nav_tab_class .header1 .nav-sub a:hover {background-color: #FF9C00;color: #fff;}

.nav_tab_class .header1 .nav-sub .nav-arrow {position: absolute;top: 15px;right: 10px;width: 16px;height: 16px;opacity: 0;}

.nav_tab_class .header1 .nav-sub a:hover .nav-arrow {-webkit-transition: -webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;opacity: 1;-webkit-transform: rotate(0deg) translate(0px, 0px);-ms-transform: rotate(0deg) translate(0px, 0px);transform: rotate(0deg) translate(0px, 0px);}

.nav_tab_class .icon-up:before {content: '\e6a7';}

.nav_tab_class .header1 .nav-sub .nav-arrow:before {font-size: 16px;color: #fff;}

.nav_tab_class .header1 .header-right {width: 140px;display: block;position: relative;right: 180px;top: 0px;z-index: 10;float: right;line-height: 100px;font-size: 16px;color: #333;text-align: center;}

.nav_tab_class .header1 .header-right .search-btn {width: 120px;height: 100px;line-height: 100px;text-align: center;cursor: pointer;display: inherit;}

.nav_tab_class .header1.scroll .header-right .search-btn {height: 70px;line-height: 70px;}

.nav_tab_class .icon-search1:before {content: '\e661';font-size: 25px;}

.nav_tab_class .header1 .header-right .search-btn:before {font-size: 20px;color: #FF9C00;}

.nav_tab_class .header1:hover .header-right .search-btn:before {color: #000;}

.nav_tab_class .header1.active .header-right .search-btn:before {color: #000;}

.nav_tab_class .header1:hover .header-right .search-btn:hover:before {color: #FF9C00;}

.nav_tab_class .header1.active .header-right .search-btn:hover:before {color: #FF9C00;}

.nav_tab_class .header2 {height: 60px;position: fixed;background: #fff;z-index: 22;top: 0px;width: 100%;display: none;}
.nav_tab_class .header2.active { height: 60px; background: #fff; }

.nav_tab_class .header2 .main-wrap {height: 60px;padding: 0 3%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}

.nav_tab_class .header2 .logo {width: 140px;height: auto;margin-top: 10px;overflow: hidden;}

.nav_tab_class .header2 .logo a {display: block;}

.nav_tab_class .header2 .logo img {width: 100%;vertical-align: top;padding-top:10px;}
@media only screen and (max-width: 1200px) {.nav_tab_class .header2 .logo img {	padding-top:0px;}
}
.nav_tab_class .header2 .nav-btn {width: 25px;height: 16px!important;position: relative;cursor: pointer;margin-top: 19px;}

.nav_tab_class .header2 .nav-btn.active {-webkit-animation: rotate 0.5s linear 0s;animation: rotate 0.5s linear 0s;}

.nav_tab_class .header2 .nav-btn .line {display: block;width: 100%;height: 2px;border-radius: 2px;background-color: #333;position: absolute;left: 50%;margin-left: -15px;}

.nav_tab_class .header2 .nav-btn .line1 {-webkit-transform-origin: 4px 0;-ms-transform-origin: 4px 0;transform-origin: 4px 0;}

.nav_tab_class .header2 .nav-btn.active .line1 {top: 0px;}

.nav_tab_class .header2 .nav-btn.hover .line {background: #3799d6;}

.nav_tab_class .header2 .nav-btn .line2 {top: 7px;}

.nav_tab_class .header2 .nav-btn .line3 {bottom: 0px;-webkit-transform-origin: 1px center;-ms-transform-origin: 1px center;transform-origin: 1px center;}

.nav_tab_class .header2 .caid {height: 55px;line-height: 55px;padding-right: 10px;position: relative;}

.nav_tab_class .header2 .sub-menu {width: 100%;padding: 0 3% 100%;display: none;position: absolute;left: 0px;top: 55px;background: #f7f7f7;z-index: 2;overflow-y: auto;}

.nav_tab_class .header2 .sub-menu ul {width: 100%;overflow-y: scroll;height: calc(100vh - 55px - 1.5rem);}

.nav_tab_class .js-m-3 {opacity: 0;-webkit-transform: translate(30px, 0);-ms-transform: translate(30px, 0);transform: translate(30px, 0);}

.nav_tab_class .js-m-3.animate {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}

.nav_tab_class .header2 .sub-menu li {border-bottom: 1px solid #dcdcdc;font-size: 16px;padding: 0 20px;}

.nav_tab_class .header2 .sub-menu .tit {display: inline-block;text-decoration: none;width: 80%;line-height: 60px;color: #333;position: relative;box-sizing: border-box;}

.nav_tab_class .header2 .sub-menu .sub-tit.on {background-color: #e9e9e9;}

.nav_tab_class .header2 .sub-menu .sec-list {line-height: 40px;padding: 10px 0%;display: none;}

.nav_tab_class .header2 .sub-menu .jt {position: relative;display: inline-block;width: 10%;height: 60px;text-align: center;background: none;float: right;}

.nav_tab_class .header2 .sub-menu .jt:after {content: '';display: block;width: 26px;height: 26px;background: url(../images/jia.png) no-repeat center;background-size: 17px auto;position: absolute;right: 3%;top: 15px;}

.nav_tab_class .header2 .sub-menu .jt.jtRote:after {background: url(../images/jian.png) no-repeat center;background-size: 20px auto;}

.nav_tab_class .header2 .sub-menu .sec-list p {background: url(../images/dian.png) no-repeat left center;background-size: 3px auto;font-size: 14px;}

.nav_tab_class .header2 .sub-menu .sec-list a {padding-left: 5%;color: #666;display: block;}

.nav_tab_class .header2 .sub-menu .sec-list a:active {color: #3799d6;}

.nav_tab_class .search-bg {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 20;background-color: #f5f5f5;display: none;}

.nav_tab_class .search-alert {position: fixed;z-index: 100;background-color: rgba(255, 255, 255, 0.9);left: 0px;top: 100px;width: 100%;height: 25%;-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;}

.nav_tab_class .search-alert .close {width: 30px;height: 30px;position: absolute;top: 30px;right: 2.6%;cursor: pointer;text-shadow: none;opacity: 1;float: none;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.nav_tab_class .search-alert .close:before {font-size: 30px;top: 0px;left: 0px;color: #192a55;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.nav_tab_class .search-alert .close:hover:before {color: #3799d6;}

.nav_tab_class .icon-close:before {content: "\e6d3";}

.nav_tab_class .search-alert .cent-form {position: absolute;width: 60%;left: 20%;top: 50%;height: 40px;margin-top: -20px;border-bottom: 1px solid #d5d5d5;opacity: 0;-webkit-transform: translate(0, 40px);-ms-transform: translate(0, 40px);transform: translate(0, 40px);-webkit-transition: all .5s;transition: all .5s;}

.nav_tab_class .search-alert .cent-form:before {display: none;color: #192a55;font-size: 25px;position: absolute;left: 0px;height: 50px;top: 50%;margin-top: -8px;}

.nav_tab_class .search-alert .cent-form .tex {border: none;font-size: 16px;height: 46px;line-height: 46px;text-align: left;width: 100%;color: #333;background: none;padding-left: 30px;padding-right: 20%;}

.nav_tab_class .search-alert .cent-form .sub-butn {border: none;height: 46px;font-size: 19px;line-height: 46px;color: #555;text-align: center;background: none;position: absolute;right: 0px;top: 0px;width: 105px;}

.nav_tab_class .search-alert.active1 {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.08);}

.nav_tab_class .search-alert.active1 .cent-form {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s .3s;transition: all .5s .3s;}

.nav_tab_class .header2 .mo_tel {font-size: 16px;color: #3799d6;font-weight: bold;line-height: 60px;}

.nav_tab_class .header2 .mo_tel .iconfont {line-height: 40px;height: 40px;width: 30px;display: inline-block;}

.nav_tab_class .header2 .mo_tel .iconfont:before {content: '\e628';color: #3799d6;font-size: 20px;}

.nav_tab_class .header2 .mo_lan {line-height: 60px;}

@media only screen and (min-width: 769px) {.nav_tab_class .pc_nav {	height: 100px;	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);}
}

@media only screen and (max-width: 768px) {.nav_tab_class .pc_nav {	height: 60px;}
.nav_tab_class .search-alert .close {	right: 5%;}
.nav_tab_class .search-alert .cent-form {	height: 60px;}
.nav_tab_class ::placeholder {	font-size: 22px;}
.nav_tab_class .search-alert .cent-form .tex {	font-size: 22px;	padding-right: 30%;}
.nav_tab_class .search-alert .cent-form .sub-butn {	font-size: 22px;}
.nav_tab_class .search-alert .cent-form:before {	font-size: 24px;	height: 46px;	margin-top: -17px;}
}

@media only screen and (max-width: 1480px) {.nav_tab_class .header1 nav {	margin-right: 40px;}
}

@media only screen and (max-width: 1200px) {.gdt {	display: none!important;}
.nav_tab_class .pc_nav {	height: 60px;}
.nav_tab_class .wel_top {	display: none !important;}
.nav_tab_class .header1 {	display: none !important;}
.nav_tab_class .header1.active {	display: none !important;}
.nav_tab_class .header2 {	display: block;}
}

@media only screen and (max-width: 1360px) {.nav_tab_class .header1 nav li {	margin: 0 18px;}
.nav_tab_class .header1 nav {	width: auto;}
.nav_tab_class .header1 h1 img {	width: 68%;}
}

.head_language {width: 212px;position: absolute;margin-left: auto;margin-right: 0px;padding: 0px 5px;transition: all .5s ease;height: 100px;right: 290px; }
.head_language .lan_con_list {width: auto;display: flex;justify-content: center;align-items: center;margin-top: 36px; font-size:18px;}
.head_language .lan_con_list img{ margin-right:5px;}
.head_language .lan_con_list a {color: #666; margin-left:5px; margin-right:5px}
 
.head_lan {width: 242px;position: absolute;margin-left: auto;margin-right: 0px;padding: 0px 5px;transition: all .5s ease;height: 100px;right: 100px;font-size: 26px; font-weight: bold;color: #3799d6;}

.head_lan.fixed {background: #23498b;border: none;}

.lan_con {width: auto;display: flex;justify-content: center;align-items: center;margin-top: 32px;}

.lan_con:hover {cursor: pointer;}

.head_lan .lan_tit {width: auto;line-height: 28px;display: flex;align-items: center;color: #fff;}

.head_lan .lan_tit a {color: #fff;}

.head_lan .lan_tit span {display: inline-block;font-size: 14px;color: #fff;}

.head_lan .lan_tit .iconfont.map {width: auto;margin-right: 5px;text-align: center;display: inline-block;}

.head_lan .lan_tit .iconfont.jt {width: auto;margin-left: 5px;text-align: center;transform: scale(0.7);display: inline-block;}

.head_lan .lan_tit .iconfont.map:before {content: '\e614';color: #fff;font-size: 16px;text-align: center;}

.head_lan .lan_tit .iconfont.jt:before {content: '\e69a';color: #fff;font-size: 12px;text-align: center;}

.head_lan .lan_list {display: flex;width: 120px;background: #fff;padding: 3px 0px 10px 0px;position: fixed;z-index: 99;top: 100px;font-size: 13px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);opacity: 0;visibility: hidden;transform: translate(0, 20px);transition: all .3s ease;flex-direction: column;}

.head_lan .lan_list.cur {opacity: 1;transform: translate(0, 0px);visibility: visible;}

.head_lan .lan_list span {position: relative;line-height: 1px;display: inline-block;height: 1px;width: 100%;}

.head_lan .lan_list .iconfont:before {content: '\e6c8';color: #fff;position: absolute;font-size: 24px;width: 100%;top: -5px;text-align: center;}

.head_lan .lan_list a {color: #666;display: block;text-align: center;height: 30px;line-height: 30px;transition: all .3s ease;}

.head_lan .lan_list a:hover {color: #fff;}

.head_lan .lan_list p:hover {background: #3799d6;}

.proshare {width: auto;float: right;margin-top: 33px;margin-right: 40px;}

input::-webkit-input-placeholder {color: #333;font-size: 16px!important;}

.js-m.js-m-2:hover {border-bottom: 2px solid #3799d6;color: #3799d6;line-height: 88px;font-weight: bold;}

.js-m.js-m-2:hover .home-dec {color: #3799d6;}

@media only screen and (max-width: 1630px) and (min-width: 1366px) {.nav_tab_class .header1 nav li {	padding: 0 20px!important;}
}

@media only screen and (max-width: 1365px) and (min-width: 1024px) {.nav_tab_class .header1 nav li {	padding: 0 15px!IMPORTANT;}
.head_lan { right: 60px;}
.nav_tab_class .header1 nav { margin-left: 9%!important;}
.proshare {	display: none;}
}

.nav_tab_class .header1 .header-right .search-btn span {color: #FF9C00;padding-left: 10px;}

.gdt {height: 36px;display: block;position: fixed;width: 100%;z-index: 9;color: #fff;background: rgba(34, 75, 141, 0.9);}

.gdtk {margin: 0 auto;width: 100%;padding: 0 60px;}

@media only screen and (min-width: 769px) {
.clearfix:before, .clearfix:after {	content: "";	display: block;	clear: both;	width: 0;	height: 0;	visibility: hidden;	font-size: 0;}
}

@media only screen and (min-width: 1200px) {#nav_tab .navUl li:nth-child(3) .rightBox {	flex: 0 0 55%;}
#nav_tab .navUl li:nth-child(3) .navSli {	width: 32%;	float: left;	flex: auto;}
}

@media only screen and (min-width: 1025px) {#nav_tab .navUl li:nth-child(3) .navSbox {	display: block!important;}
}
.nav_tab_class .header2 .nav-btn.active .line3 {bottom: 0px;}

@media only screen and (min-width: 1025px) {#nav_tab .tNavBox {	width: 100%;	height: auto;	overflow: visible;}
#nav_tab .navBtn {	display: none;}
#nav_tab .navSliBtn {	display: none;}
#nav_tab .iconJt {	display: none;}
#nav_tab .tNav {	margin: 0 auto;	overflow: hidden;}
#nav_tab .navUl {	width: 100%;	display: flex;	justify-content: flex-end;	font-size: 0;}
#nav_tab .navLi {	padding: 0 2.2vw;	display: inline-block;	font-size: 1rem;}
#nav_tab .navLi.nav09 {	display: none;}
#nav_tab .navLi:hover .tNavH::before {	width: 100%;	opacity: 1;}
#nav_tab .tNavH {	position: relative;}
#nav_tab .tNavH::before {	content: '';	position: absolute;	bottom: 0;	left: 50%;	transform: translateX(-50%);	display: block;	width: 0;	height: 2px;	background-color: #3799d6;	opacity: 0;	transition: all .5s ease;}
#nav_tab .tNav .navName {	position: relative;	display: block;	height: 100px;	line-height: 100px;	font-size: 18px;	color: #333;	transition: all .5s ease;}
#nav_tab .tNav.fixed .navName {	color: #515151;	padding: 1.5rem 0.25vw;}
#nav_tab .navName::after {	content: attr(data-title);	position: absolute;	top: 0;	left: 0;	transform: translateY(100%);	width: 100%;	height: 100%;	display: flex;	align-items: center;	justify-content: center;	color: #3799d6;	font-weight: bold;}
#nav_tab .navLi:hover .navName {	transform: translateY(-100%);}
#nav_tab .slidBox {	position: fixed;	left: 0;	right: 0;	width: 100%;	min-width: 1024px;	height: 0;	overflow: hidden; background: #fafafa;	display: flex;	flex-direction: row-reverse;	justify-content: space-between;	flex-wrap: nowrap;	z-index: 110;	margin: 0 auto;	padding: 0 60PX;	transition: all .5s ease;	opacity: 0;}
#nav_tab .navLi:hover .slidBox {	height: auto;	opacity: 1;	background-repeat: no-repeat;	background-position: bottom center;	border-top: 1px #efefef solid;}
#nav_tab .leftBox {	flex: 0 0 45%;	overflow: hidden;	max-width: 350px;	margin: 46px 0px;}
#nav_tab .img100 {	display: block;	width: 100%;}
#nav_tab .right_img .img100 {	transition-duration: .5s;}
#nav_tab .right_img:hover .img100 {	transform: scale(1.1);}
#nav_tab .rightBox {	flex: 0 0 55%;	margin: 46px 0px;}
#nav_tab .left_text .onetitle {	font-size: 18px;	line-height: 1.1;	color: #333;	padding-bottom: 20px;	padding-top: 20px;	font-weight: bold;	text-align: left;}
#nav_tab .navSbox {	display: flex;	flex-wrap: wrap;	justify-content: space-between;}
#nav_tab .oneName {	font-size: 26px;	padding-bottom: 15px;	color: #000;	width: 100%;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;}
#nav_tab .tNavSummry {	line-height: 24px;	width: 100%;	height: auto;	overflow: hidden;	color: #666666;	font-size: 14px;	max-width: 420px;	display: -webkit-box;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;	text-overflow: ellipsis;}
#nav_tab .tNavMore {	display: block;	position: relative;	height: auto;	padding-top: 25px;	border-top: 1px dashed #cccccc;	margin-top: 20px;	cursor: pointer;}
#nav_tab .txt {	color: #000;	transition: all .5s ease;}
#nav_tab .leanMore {	margin-left: 2rem;	transition: all .5s ease;}
#nav_tab .tNavMore:hover .txt {	color: #0360ae;	margin-left: 10px;}
#nav_tab .tNavMore:hover .leanMore {	color: #0360ae;}
#nav_tab .navSli {	flex: 0 0 50%;	padding: 0px!important;}
#nav_tab .navSimg {	position: relative;	width: 100%;	height: 160px;	overflow: hidden;}
#nav_tab .navImg {	position: absolute;	left: 50%;	transform: translateX(-50%) scale(1);	width: auto;	height: 100%;	transition: all .5s ease;}
#nav_tab .navSbox .navSlink {	display: block;	font-size: 15px;	line-height: 45px;	color: #666;	transition-duration: .3s;	padding: 0px 15px;	margin: 10px 10px 0 0;	border: 1px #efefef solid;	border-radius: 8px 0px 8px 0px;	text-align: left;	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 1;	overflow: hidden;}
#nav_tab .navSbox .navSlink:hover {	color: #3799d6;	transform: translateX(6px);	border: 1px #3799d6 solid;	border-radius: 8px 0px 8px 0px;}
#nav_tab .navSbox .navSlink:hover:before {	color: #3799d6;}
#nav_tab .navSbox .navSlink:before {	content: "";	display: inline-block;	vertical-align: top;	margin-right: 6px;	width: 4px;	height: 4px;	background: #3799d6;	position: relative;	top: 20px;}
#nav_tab .navSlink::after {	content: '';	position: absolute;	bottom: 0;	left: 50%;	transform: translateX(-50%);	width: 0;	height: 3px;	opacity: 0;	background-color: #0360ae;	transition: all .5s ease;	display: none;}
#nav_tab .navSli:hover .navImg {	transform: translateX(-50%) scale(1.1);}
#nav_tab .navSli:hover .navSlink::after {	width: 100%;	opacity: 1;}
}

@media only screen and (max-width: 1280px) and (min-width: 1025px) {#nav_tab .navLi {	padding: 0px 12px!important;}
.nav_tab_class .header1 nav { margin-left: 8%!important;}
.head_lan { right: 40px;}
}

@media only screen and (max-width: 1024px) {#nav_tab .leftBox {	display: none;}
#nav_tab .onetitle {	display: none;}
#nav_tab .navSimg {	display: none;}
#nav_tab .tNavBox {	position: relative;	overflow: hidden;	height: 70px;}
#nav_tab .navBtn {	position: absolute;	top: 1rem;	right: 0rem;	background: linear-gradient(to right, rgba(24,24,120,1), rgba(0,147,220,1));	width: 40px;	height: 40px;	padding: 10px;	line-height: 70px;}
#nav_tab .navLine {	display: flex;	justify-content: center;	align-items: center;	width: 100%;	height: 100%;	overflow: hidden;}
#nav_tab .navBtnImg {	display: block;	width: 90%;	height: 70%;}
#nav_tab .tNav {	position: fixed;	top: 70px;	left: 0;	right: 0;	height: 0;	overflow: hidden;	z-index: 999;	background: rgba(0,0,0,.5);	transition: all .5s ease;}
#nav_tab .tNavHeight {	height: 100%;}
#nav_tab .slidBox {	display: none;}
#nav_tab .navUl {	background: rgba(0,0,0,0.8);	overflow: hidden;}
#nav_tab .navLi {	border-bottom: 1px solid #696969;	position: relative;}
#nav_tab .tNavH {	position: relative;	height: 46px;	line-height: 46px;	padding: 0 5%;	font-size: 1rem;	transition: all .5s ease;}
#nav_tab .tNavHBac {	background: linear-gradient(to right, rgba(24,24,120,1), rgba(0,147,220,1));}
#nav_tab .navName {	display: block;	width: 100%;	height: 100%;	color: #fff;}
#nav_tab .iconJt {	position: absolute;	top: 0;	right: 2%;	display: flex;	width: 46px;	height: 46px;	justify-content: center;	align-items: center;	color: #fff;	font-size: 0.875rem;	transition: all .5s ease;}
#nav_tab .iconJtRotate {	transform: rotate(-180deg);}
#nav_tab .navSliBtn {	height: 40px;	width: 100%;	text-align: center;}
#nav_tab .hs {	height: 100%;}
#nav_tab .navSbox {	padding-bottom: 30px;}
#nav_tab .navSli {	padding-left: 8%;	font-size: 0.875rem;	height: 38px;	line-height: 38px;}
#nav_tab .navSlink {	display: block;	width: 100%;	height: 100%;	color: #fff;}
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {#nav_tab .slidBox {	padding: 0 60px!important;}
}

@media only screen and (max-width: 1600px) and (min-width: 1367px) {#nav_tab .slidBox {	padding: 0 100px!important;}
}

@media only screen and (min-width: 1600px) {#nav_tab .slidBox {	padding: 0 12%!important;}
}

@media only screen and (min-width: 769px) {
.clearfix:before, .clearfix:after {	content: "";	display: block;	clear: both;	width: 0;	height: 0;	visibility: hidden;	font-size: 0;}
}

@media only screen and (min-width: 769px) {
a.top-nav-a2:hover {	color: #007ec5;}
a.top-nav-a1:hover {	color: #007abb;}
.clearfix:before, .clearfix:after {	content: "";	display: block;	clear: both;	width: 0;	height: 0;	visibility: hidden;	font-size: 0;}
}

* {padding: 0;margin: 0;}

.pagebox {width: 100%; overflow: hidden;}

#nav_tab .p_MatteIcon .iconfont:before {content: '\e602';}

#nav_tab >div {animation-fill-mode: both;}

#nav_tab .mf {width: 125px;padding-left: 28px;height: 45px;background: url(../images/dsz.png) no-repeat;background-position: 9% 50%;border: none !important;}

#nav_tab {position: fixed;top: 0px;left: 0px;bottom: auto;right: auto;transform: none;width: 100%;height: auto;z-index: 22;content: "lt";max-width: none;min-width: 0px;max-height: none;min-height: 0px;margin-top: 0px;margin-left: 0px;margin-right: 0px;margin-bottom: 0px;-webkit-transform: none;}

#grid > div > .p_gridbox > .p_gridCell:nth-child(n+1) {margin-left: 0;clear: left;}


.indexbanner { height: 870px;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.indexbanner .swiper-pagination-bullet{opacity:1; text-align:left;width: 10px;height: 10px;background: #fff;border-radius: 50%; position:relative;  color:#fff; }
.indexbanner .banner_img{position:relative; width:100%; height:870px;}
.indexbanner .banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner .banner_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:center; color:#fff;transform:translateY(-50%);}
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
.banner_img_jj_mid_1{font-size:48px; text-align:left;font-weight: bold;  font-family: "微软雅黑"; padding-bottom: 25px; line-height: 50px;}
.banner_img_jj_mid_2{ font-size:30px; text-align:left; line-height: 45px;}
.banner_img_jj_mid_3{ font-size:16px; text-align: center; width: 150px; height: 50px; line-height: 50px; margin-top:80px; background: #009771;}
.indexbanner .banner_img_jj.banner_img_jj1{ top:38%; }
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_1 { text-align: center; position: static;margin-bottom: 10px;}
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_1:after{ width: 0px; } 
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_2{ text-align: center; }
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_1 { text-align: center;}
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_1:after{left:45%;} 
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_2{ text-align: center; }
.indexbanner .swiper-pagination {width: auto;left: 47%!important;bottom: 45px!important;text-align: left; }
.indexbanner .swiper-pagination .swiper-pagination-bullet {position: relative;width: 20px;height: 20px;opacity: 1;background: none; margin: 0 15px!important;}
.indexbanner .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.indexbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {opacity: 1;visibility: visible;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.indexbanner .swiper-pagination .swiper-pagination-bullet:before {position: absolute;left: 0;top: 0;content: "";box-sizing: border-box;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;opacity: 0;visibility: hidden;transform: rotateY(90deg);transition: 0.45s;}
.indexbanner .swiper-pagination .swiper-pagination-bullet:after{position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;content: "";width: 10px;height: 10px;background: #fff;border-radius: 50%;}
 
@media (max-width:1600px){
.indexbanner { height: 780px;}
.indexbanner .banner_img{ height:780px;}
}
@media (max-width:1440px){
.indexbanner { height: 705px;}
.indexbanner .banner_img{ height:705px;}
.banner_img_jj_mid_1{font-size:44px; }
.banner_img_jj_mid_2{ font-size:28px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{left:6%!important; }
}
@media (max-width:1366px){
.indexbanner { height: 670px;}
.indexbanner .banner_img{ height:670px;}
.banner_img_jj_mid_1{font-size:38px; padding-bottom:20px; line-height: 40px; }
.banner_img_jj_mid_2{ font-size:26px;}
}
@media (max-width:1280px){
.indexbanner { height: 627px;}
.indexbanner .banner_img{ height:627px;}
.banner_img_jj_mid_1{font-size:30px; line-height: 35px; padding-bottom: 15px;}
.banner_img_jj_mid_2{ font-size:24px;}
.banner_img_jj_mid_3{margin-top:50px;  }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{left:4%!important; }
}
@media (max-width:1199px){
.indexbanner { padding-top: 60px; margin-bottom: 40px;}
.indexbanner { height: 534px;}
.indexbanner .banner_img{ height:534px;}
.indexbanner .banner_img_pc{ display: none;}
.indexbanner .banner_img_mo{ display: block;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.banner_img_jj_mid_1{font-size:20px; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{left:3%!important; }
}
@media (max-width:1024px){
.indexbanner { height:456px;}
.indexbanner .banner_img{ height:456px;}
.banner_img_jj_mid_1{font-size:34px;}
.banner_img_jj_mid_2{ font-size:22px;}
.indexbanner .banner_img_jj_mid_2{font-size:20px;line-height: 30px;}
.indexbanner .swiper-pagination {bottom: 25px!important;}
}
@media (max-width:992px){
.indexbanner { height: 442px;}
.indexbanner .banner_img{ height:442px;}
.indexbanner .banner_img_jj{ top:46%;}
.indexbanner .banner_img_jj.banner_img_jj1{ top:38%; }
.banner_img_jj_mid_1{font-size:26px;}
.indexbanner .banner_img_jj_mid_2{ font-size:20px;line-height: 28px;}
.banner_img_jj_mid_3{margin-top:30px; width: 130px; height: 40px; line-height: 40px; }
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_2{ margin: 0 auto; }
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_2{ margin: 0 auto; }
}
@media (max-width:768px){
.indexbanner { height: 342px;}
.indexbanner .banner_img{ height:342px;}
.banner_img_jj_mid_1{font-size:24px;}
.banner_img_jj_mid_2{ font-size:18px;}
.indexbanner .swiper-pagination-bullet{ width:48px;  }
.indexbanner .swiper-pagination-bullet-active:after{width:28px; }
.indexbanner .banner_img_jj_mid_2{ font-size:24px; }
}
@media (max-width:668px){
.indexbanner { height: 300px;}
.indexbanner .banner_img{ height:300px;}
}
@media (max-width:568px){
.indexbanner { height:240px;}
.indexbanner .banner_img{ height:240px;}
.indexbanner .swiper-pagination-bullet:before{  width:28px; }
.banner_img_jj_mid_1{ font-size:20px; line-height:32px; padding-bottom: 10px;}
.indexbanner .banner_img_jj_mid_2{ font-size:16px; line-height: 22px;}
.indexbanner .banner_img_jj_mid_3{ display: none;}
.indexbanner .swiper-pagination-bullet{ width:40px;  }
.indexbanner .swiper-pagination-bullet-active:after{width:22px; }
.indexbanner .swiper-pagination .swiper-pagination-bullet { margin: 0 5px!important;}
}
@media (max-width:425px){
.indexbanner { height:220px;}
.indexbanner .banner_img{ height:220px;}
.banner_img_jj_mid_1{ padding-bottom: 0px;}
.indexbanner .banner_img_jj_mid_2{ font-size:18px; }
}
@media (max-width:400px){
.indexbanner .banner_img_jj_mid_2{ font-size:16px; }
}

.page-section{ padding:100px 0;}
.page_title { line-height: 1; margin-bottom:30px;}
.page_title h3 { margin-bottom: 20px;font-weight: bold;text-transform: uppercase; font-size: 50px;height: 50px; color: #3799d6;}
.page_title h3 span{color: #d40a13;font-weight: bold;text-transform: uppercase; font-size: 50px;}
.page_title h4{ font-size: 34px; font-weight: bold; position: relative; padding-LEFT: 25px; }
.page_title h4:after{ content: '';position: absolute;height: 34px;width:5px;left: 0;background: #3799d6;bottom: 0;}
.pc{ display: block;}
.mob{ display: none;}
@media (max-width:1440px) {
.page-section{ padding:80px 0;}
.page_title h3,.page_title h3 span { margin-bottom: 20px; font-size: 40px; }
.page_title h4{ font-size: 30px;}
}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page_title h3,.page_title h3 span { margin-bottom: 10px; font-size: 36px; }
.page_title h4{ font-size: 26px;}
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.page_title { margin-bottom:20px;}
.page_title h3,.page_title h3 span { font-size: 30px; height: 40px;}
.page_title h4{ font-size: 20px; padding-LEFT: 15px;}
.page_title h4:after{ height: 24px;width:3px;}
.pc{ display: none;}
.mob{ display: block;}
}
@media (max-width:768px) {
.page_title { margin-bottom:20px;}
.page_title h3,.page_title h3 span { font-size: 26px; }
.page_title h4{ font-size:18px;}
}
@media (max-width:600px) {
.page_title h3,.page_title h3 span { font-size: 22px; margin-bottom: 0px;}
.page_title h4{ font-size: 16px; }
.page_title { margin-bottom:20px;}
}
@media (max-width:425px) {
.page_title h3,.page_title h3 span { font-size: 20px; margin-bottom: 0px;}
.index-power .page_title h3 { margin-bottom: 0px;}
.page_title h4{ padding-bottom: 15px; }
}

.more a{ color:#fff;font-size:16px; font-weight:normal;padding:15px 70px 15px 50px; border-radius:10px; background: #3799d6; border: 1px solid #3799d6;   line-height:30px; position: relative; }
.more a:after{ position: absolute; right:30px; left: auto; width: 20px; height: 30px; top: 7px; content: "+"; }
.more a:hover{ color: #fff;border: 1px solid #0c9c92;background: #0c9c92;}
 

.index-about-left img{ width:100%;}
.index-about .about-content P{ line-height: 34px; font-size: 18px; color: #666;}
.index-about-right .more { margin-top: 50px;}


@media all and (max-width: 1280px) {
.index-about .about-content P{ line-height: 30px; font-size: 16px; }
}
@media (max-width:1024px) {
.index-about-right { margin-left: 20px;}
.index-about .about-content P{ line-height: 28px; font-size: 15px; }
.index-about-right .more { margin-top: 30px;}
.more a:after{ right:20px; }
}
@media screen and (max-width:992px) {
.more a{ padding:10px 50px 10px 30px; border-radius:15px;}
.index-about-right { margin-left: 0px; margin-bottom: 25px;}
}
@media screen and (max-width:768px) {
.index-about-left{ display: none;}
}

.index-power .page_title{  color: #333;}
.index-power .index_home{ background-color: #fcfcfc; padding: 80px 0 10px;}
.index-power .page_title h3 { margin-bottom: 20px;font-weight: bold;text-transform: uppercase; }

.index-why-choice-list{list-style: none;padding-left: 0;text-align: center;}
.index-why-choice-list li{padding-top: 60px;height: 350px;}
.index-why-choice-list li:nth-child(2n+1){background: #f9f9f9;box-shadow: 2px 2px 1px rgba(0,0,0,0.04); }
.index-why-choice-list li:nth-child(2n){background: #f3f3f3;}
.index-why-choice-list li h3{font-size: 18px;line-height: 36px;font-weight: bold;}
.index-why-choice-list li p{font-size: 15px;padding: 0 20px;color:#666;line-height: 28px;}
.index-why-choice-list li img{ text-align: center; margin: 0 auto;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.index-why-choice-list li .hover{ display: block;}
.index-why-choice-list li .hover1{ display: none;}
.index-why-choice-list li:hover {background: #3799d6;}
.index-why-choice-list li:hover .hover{ display: none;}
.index-why-choice-list li:hover .hover1{ display: block;}
.index-why-choice-list li:hover h3{color:#fff;}
.index-why-choice-list li:hover p{color:#fff;}
.index-why-choice-list li:hover:nth-child(2n){background: #3799d6;}
.index-why-choice-list li:hover img{transform: rotate(360deg);}
@media (min-width: 768px){
.index-why-choice-list li{padding-top: 40px;height: 400px;border: 1px solid #EEe;}
.index-why-choice-list li:nth-child(2n+1){box-shadow:none; }
.index-why-choice-list li{padding-top: 50px; }
.index-why-choice-list li h3{font-size: 20px;line-height: 36px; margin: 30px auto; font-weight: bold;}
.index-why-choice-list li p{font-size: 16px;padding: 0 30px;color:#666;line-height: 30px;}
}
@media (min-width: 1120px){
.index-why-choice-list li{padding-top:100px;}
.index-why-choice-list li p{ padding: 0 40px}
}


div[class^=cbox-],div[id^=c_]{position:relative}

.pl_service2 {position: fixed;right: 0;top: 60%;transform: translateY(-50%);z-index: 99;}
.pl_service2 .service_item {margin-bottom: 2px;position: relative;cursor: pointer;background-color: #f3f3f3;color: #999;transition: all 0.5s ease;}
.pl_service2 .service_item:hover {background-color: #3799d6;color: #fff;}
.pl_service2 .service_icon {width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;}
.pl_service2 .service_icon .icon {width: 50%;height: 50%;margin: 0;}
.pl_service2 .service_value_con {position: absolute;right: 100%;top: 50%;transform: translateY(-50%);width: 0;opacity: 0;overflow: hidden;transition: all 0.5s ease;}
.pl_service2 .service_item:hover .service_value_con {opacity: 1;width: 220px;padding-right: 10px;}
.pl_service2 .service_value {width: 100%;min-height: 25px;line-height: 25px;background-color: #3799d6;color: #fff;padding:5px 10px;border-radius: 4px;position: relative;}
.pl_service2 .service_value a{ color: #fff;}
.pl_service2 .service_value.dh {height: 40px;}
.pl_service2 .service_value p {display: flex;flex-wrap: wrap;flex-shrink: 0;}
.pl_service2 .service_img {width: 120px;height: 120px;padding: 10px;position: absolute;right: calc(100% + 223px);top: 50%;transform: translateY(-50%);background-color: #fff;border-radius: 4px;overflow: hidden;display: none;}
.pl_service2 .service_item:hover .service_img {display: block;}
.pl_service2 .service_img img {width: 100%;height: 100%;}
.pl_service2 .service_value .icon {width: 20px;height: 20px;}
.pl_service2 .service_value::after {content: " ";position: absolute;right: -5px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid #3799d6;border-bottom: 6px solid transparent;}


.solution-nav{ width:100%; overflow:hidden; position:relative; z-index:11;}
.solution-nav li{ float:left; line-height:100%; text-align:center;}
.solution-nav-img{ height:650px; position:relative;}
.solution-nav-img li{ width:100%; height:650px; background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; display:none; cursor:pointer; overflow:hidden}
.solution-nav-img li .li-bg{ width:100%; height:650px;background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.solution-nav-img li:hover{ opacity:0.99; color:#fff;}
.solution-nav-text{ position:absolute; top:100px; left:0; right:0; color:#fff; z-index:12}
.solution-nav-text .t1{ font-size:36px; padding-bottom:27px; font-weight: bold;}
.solution-nav-text .t2{ font-size:16px; line-height:32px; margin-bottom: 30px;  width: 50%;}
@media screen and (max-width: 1440px){
.solution-nav-text .t1{ font-size: 32px; }
.solution-nav-text{ top:60px}

}
@media screen and (max-width: 1024px){
.solution-nav-text .t1{ font-size: 24px; }
}
@media screen and (max-width: 768px){
.solution-nav-text .t1{ font-size: 20px; }
}
@media screen and (max-width: 767px){
.solution-nav-text .t2{ width: 100%;}

}
.index-solution{position:relative; color:#fff}
.index-solution .tab{position:absolute; left:0; right:0; bottom:0; background:url(../images/grey.5.png); text-align:center;}
.index-solution .tab .span-2{width:25%; padding: 50px 0; float: left;position: relative; overflow:hidden; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; cursor:pointer;}
.index-solution .tab .span-2.hover,.index-solution .tab .span-2:hover{background:url(../images/blue.8.png);}
.index-solution .tab a:hover{color:#fff;}
.index-solution .tab .desc{font-size:20px; color:#fff;font-weight: bold; padding-bottom: 20px;}
.index-solution .tab .en{ font-size: 16px; color:#fff; text-transform: uppercase;}
.index-solution .tab .span-2:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:url(../images/white.16.png) repeat;}
.index-solution .tab .span-2:first-child:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px; background:url(../images/white.16.png) repeat;}
@media screen and (max-width: 768px){
.index-solution .tab .desc{font-size:18px; }
}
.index-pro { background-image: url(../images/htx7.jpg); background-color: rgba(0, 0, 0, 1); background-size:cover;}
.index-pro .page_title{ text-align: left; color:#fff}
.index-pro .desc{color:#fff; font-size:18px; line-height:34px; margin-top:30px;}
.index-pro .index-pro_list { margin-top:30px; padding-bottom: 60px;}
.index-pro .index-pro_list .img_box{ background-color: #fff; border: 1px solid #eee;}
.index-pro .index-pro_list .img_box img{ width: 100%;}
.index-pro .index-pro_list .info_box .t{font-size:18px; text-align: center; background-color: #eee; padding: 15px 0; text-align: center; margin-bottom:25px;  overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.index-pro .index-pro_list .info_box .d{ color:#555; line-height:24px; height:70px; overflow:hidden; text-align:left;}
.index-pro .index-pro_list a:hover .t{color:#3799d6;}
.index-pro .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 10px; background: #fff;}
.index-pro .swiper-pagination-bullet-active {background: #3799d6;}
.index-pro .swiper-slide{ margin-top:0px!important; }
.index-pro .swiper-button-prev, .index-pro .swiper-container-rtl .swiper-button-next{left:0;right:auto}
.index-pro .swiper-button-next,.index-pro .swiper-container-rtl .swiper-button-prev{ right: 89%;}
.index-pro .swiper-button-next.swiper-button-disabled,.index-pro .swiper-button-prev.swiper-button-disabled {opacity: .65;width: 45px; height: 45px; border-radius: 100%;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{top: 95%;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{ border: 1px solid #999; width: 45px; height: 45px; border-radius: 100%;top: 90%; z-index: 99999;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px;}
.index-pro-nav { width:100%;}
.index-pro-nav ul li{ float:left; margin-right:1%; padding: 0.3rem 1.3rem;
    border: solid 1px #fff;
    border-radius: 25px;}
.index-pro-nav ul li a{ color:#fff;}
.index-pro-nav ul li:hover{ border: solid 1px #3799d6;}
@media (max-width: 1280px) {
.index-pro-tab-content .swiper-button-next,.index-pro-tab-content .swiper-container-rtl .swiper-button-prev{ right: 86%;}
.index-pro-tabs .swiper-slide{ height: 40px!important;}
.index-pro .desc{ font-size:16px; line-height:30px; margin-top:20px;}

}
@media (max-width: 1024px) {
.index-pro-nav { display:none;}
}
@media (max-width: 768px) {
.index-pro .index-pro_list { padding-bottom: 0px; }
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{top: auto; bottom: 10px;}
.index-pro .swiper-button-next,.index-pro .swiper-container-rtl .swiper-button-prev{ right: 2%;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{ border: 1px solid #fff; background-color: #fff; width: 35px; height: 35px; }
.index-pro .swiper-pagination{ color: #fff;}
}
.page-div {top:50px;right: auto; left: auto;}
.page-div .box{width: 46px;height: 46px; border-radius: 50%; border: 1px solid #8c8c8c; line-height: 46px; padding: 15px; float: left; margin-left: 20px;}
.page-div .swiper-button-next { left:0px; float: left; margin-right: 20px;width: 46px;height: 46px; border-radius:100%; border: 1px solid #8c8c8c;}
.page-div .swiper-button-prev { left:-2px; float: left; margin-left: 20px;width: 46px;height: 46px; border-radius:100%; border: 1px solid #8c8c8c;}
.page-div .swiper-button-next,
.page-div .swiper-button-prev {position: relative; text-align: center; right:-2px;  line-height: 46px; background-size: 12px 20px; margin-top: -10px;}
.page-div .swiper-button-next i,
.page-div .swiper-button-prev i { color: #8c8c8c; font-size: 1.25rem;}
.page-div .swiper-container-rtl .swiper-button-prev.swiper-button-black,.page-div .swiper-container-rtl .swiper-button-next.swiper-button-black {opacity: .35;width: 46px;height: 46px;border-radius: 100%;border: transparent!important;}
@media (max-width: 1280px) {
.page-div {top:60px;right: 0px;}
}
@media (max-width: 768px) {
.page-div {top:50px;right: 0px;}
.page-div .box{width: 40px;height: 40px; line-height: 40px; padding: 12px;}
}

.index-news {background-image:url(../images/indexnewsbg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto; overflow: hidden; }

.index-news-ul { text-align:left;z-index: 33; margin-top: 30px; }
.index-news-ul li .newsdate { position: relative; z-index: 9 !important; width: 78px; background: #0c9c92; text-align: center; color: #fff; margin-left: 20px; padding: 18px 5px; border-radius: 0px 0px 15px 15px;}
.index-news-ul li .newImg { position: absolute; top: 0px; left: 5%; height: auto;  width: 90%;}
.index-news-ul li .box{ background:#fff;}
.index-news-ul li .list_img{ width: 100%; overflow: hidden;position: relative;padding-bottom: 132%; background:#fff;}
.index-news-ul li img{ width: 80%; margin:20px auto;}
.index-news-ul li ._down { padding:5% 4%; background-color:#f7f7f7; position: relative; }
.index-news-ul li ._down ._tt {/* margin-bottom:10px;*/ overflow:hidden;}
.index-news-ul li ._down ._tt a{color:#333; text-align:left; font-size:20px; line-height: 35px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.index-news-ul li ._down ._tt a:hover{color:#3799d6; }
.index-news-ul li ._down ._desc{ color:#666; font-size: 16px; line-height:28px; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-news .newsmore a{ font-size: 16px; color:#666;}
.index-news .newsmore {position: relative; width:100%; height:45px; line-height:45px; margin:0px auto; }
.index-news .newsmore span{height:10px;background:url(../images/look_bg1.png) no-repeat;position:absolute;right:0px;top:50%;margin-top:-8px; width: 30px;}
@media (max-width: 1024px) {
.index-news {background-image:url(../images/index_bg03_w.jpg); background-size:100% 100%; overflow: hidden; }
.index-news-ul li ._down ._tt {white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-news-ul li ._down ._tt a{ font-size:18px; }
}
@media (max-width: 768px) {
.index-news-ul li ._down ._tt a{ font-size:16px;}
.index-news dl{ display: none;}
}
@media (max-width: 568px) {
.index-news .more {position: relative; width:200px; height:40px; line-height:40px; margin:30px auto 0; border:1px solid #ccc}
.index-news .more span{right:70px; margin-top:-8px;}
.index-news .more:hover span{right:80px; }
}
@media (max-width: 425px) {
.index-news-ul li ._down ._desc{margin-top: 7px;}
}

.pageFooter { background: #3799d6;}
.pageFooter .foot_bottom{padding:24px 0;}
.widgets_foot_float_4 .left .form_box .select_wrap .tit{font-size:18px; color:#333333;}
.pageFooter .foot_top dl dd{color:#f7f7f7;}
.pageFooter .foot_top .foot_l .tit{font-size:24px; line-height:30px; margin-bottom:30px; color:#fff;}
.pageFooter .foot_top{padding:80px 0; border-bottom:1px solid rgba(255,255,255,0.27);}
.pageFooter .foot_top .foot_l .f_logo{margin-bottom:14px;}
.pageFooter .foot_top .foot_l .tit{font-size:20px; line-height:38px; color:rgba(255,255,255,0.97); margin-bottom:56px;}
.pageFooter .foot_top dl{ float: left; width:25%; }
.pageFooter .foot_top dl dt{ font-size: 20px; line-height:1.5; font-weight:bold; color: #fff; margin-bottom:22px;}
.pageFooter .foot_top dl dd{ font-size: 16px; line-height:1.5; color: #fefefe; margin-bottom:3%; }
.pageFooter .foot_top dl dt a{color: #fff;}
.pageFooter .foot_top dl dd a{ color: #fefefe; }
.pageFooter .foot_top dl dd a:hover{color:#fafafa;}
.pageFooter .foot_top .dl2{ width:100%;}
.pageFooter .foot_top .dl2 dd{ width: 33.333337%; float: left;}

.pageFooter .foot_r .tit{margin-bottom:17px;}
.pageFooter .foot_r .item{margin-bottom:12px; border: 0px;}
.pageFooter .foot_r .item a{display:block; font-size:16px; line-height:22px; font-weight:normal; }
.pageFooter .foot_r .item a>div{display:inline-block;}
.pageFooter .foot_r .item .icon{width:18px; height:22px; margin-right:10px; float:left; opacity:1;}
.pageFooter .foot_r .item1 .icon{width:22px; height:27px; margin-right:10px; float:left; opacity:1;}
.pageFooter .foot_r .item1 .c strong a{ font-size:24px; font-weight: bold; color:#fefefe; }
.pageFooter .foot_r .item a:hover{color:#5699d6;}
.pageFooter .foot_r .tit{font-size:20px; line-height:1.5; margin-bottom:17px; color:#fff; font-weight:bold;}
.pageFooter .foot_r .tit a{ color:#fff;}
.pageFooter .foot_r .item {font-size: 16px; line-height:1.5; color: #fefefe; margin-bottom: 6%; }
.pageFooter .foot_r .item .t,.pageFooter .foot_r .item .c{ color:#fefefe; display:inline-block;}
.pageFooter .foot_r .tit a:hover{color:#0055a2;}
.pageFooter .foot_bottom{ padding: 38px 0 47px; font-size:16px; line-height:1.5; color:#fff;}
.pageFooter .foot_bottom .left a{margin-right:20px; color:#fff;}
.pageFooter .foot_bottom .left{ text-align: center;}
@media (max-width:1240px){
.pageFooter .foot_top dl dt{ font-size: 18px;}
.pageFooter .foot_r .tit{font-size:18px;}
}
@media (max-width:1199px){
.pageFooter .foot_top .foot_l{ display: none;}
.pageFooter .foot_top{ min-height: 300px;padding:40px 0; }
}
@media (max-width:992px){
.pageFooter .foot_top .foot_c{ display: none;}
.pageFooter .foot_r .item {  margin-bottom: 3%; }
}
@media (max-width:768px){
.pageFooter .foot_top{ min-height: auto;padding:20px 0; }
.pageFooter .foot_bottom{ padding: 18px 0 17px; }
.pageFooter .foot_bottom .left{float: none;}
.pageFooter .foot_bottom .right{float:none;}
}

.about-page-s5 {position: relative; }
.about-page-s5 .tab-cont {position: relative;z-index: 1;}
.about-page-s5 .tab-cont .child.active {display: block;}
.about-page-s5 .tab-cont .child {position: relative;display: none;}
.about-page-s5 .tab-cont .child img {display: block;width: 100%;}
.cell-box {font-size: 0;}
.cell-box .cell {width: 100%;display: inline-block;vertical-align: middle;}
.about-page-s5 .cont { position:  absolute; left: 10%; top: 10%; width: 350px; height: 100%; content: ""; z-index: 3;}
.about-page-s5 .tab-tit {font-size: 0; background-color: #fff;box-shadow: 0 20px 30px rgb(0 0 0 / 5%); overflow: hidden;}
.about-page-s5 .tab-tit .item { width: 100%;height: 150px;padding: 40px 30px; cursor: pointer; border: 1px solid #eee; position: relative; padding-left: 80px;}
.about-page-s5 .tab-tit .item h3 {font-size: 20px;color: #333; }
.about-page-s5 .tab-tit .item p {font-size: 16px;line-height: 18px;color: #666;margin-top: 10px; line-height: 30px; }
.about-page-s5 .tab-tit .item::before{ position: absolute; left: 7%; top: 20%; width: 80px; height: 100px; content: ""; background: url(../images/icon1.png) no-repeat; }
.about-page-s5 .tab-tit .item:hover{ background-color: #f0f0f0;}
.about-page-s5 .BMap_bubble_center {width: 500px;  height: 182px !important;}

.pagehonor-ul { text-align:left;z-index: 33; }
.pagehonor-ul li .newsdate { position: relative; z-index: 9 !important; width: 78px; background: #0c9c92; text-align: center; color: #fff; margin-left: 20px; padding: 18px 5px; border-radius: 0px 0px 15px 15px;}
.pagehonor-ul li .newImg { position: absolute; top: 0px; left: 5%; height: auto;  width: 90%;}
.pagehonor-ul li .box{ background:#fff;}
.pagehonor-ul li .list_img{ width: 100%; overflow: hidden;position: relative;padding-bottom: 132%; background:#fff; border:1px solid #ececec;}
.pagehonor-ul li img{ width: 80%; margin:20px auto;}
.pagehonor-ul li ._down { padding:5% 4%; background-color:#f7f7f7; position: relative; }
.pagehonor-ul li ._down ._tt {/* margin-bottom:10px;*/ overflow:hidden;}
.pagehonor-ul li ._down ._tt a{color:#333; text-align:left; font-size:20px; line-height: 35px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.pagehonor-ul li ._down ._tt a:hover{color:#3799d6; }
.pagehonor-ul li ._down ._desc{ color:#666; font-size: 16px; line-height:28px; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pagehonor .newsmore a{ font-size: 16px; color:#666;}
.pagehonor .newsmore {position: relative; width:100%; height:45px; line-height:45px; margin:0px auto; }
.pagehonor .newsmore span{height:10px;background:url(../images/look_bg1.png) no-repeat;position:absolute;right:0px;top:50%;margin-top:-8px; width: 30px;}
@media (max-width: 1024px) {
.pagehonor-ul li ._down ._tt {white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pagehonor-ul li ._down ._tt a{ font-size:18px; }
}
@media (max-width: 768px) {
.pagehonor-ul li ._down ._tt a{ font-size:16px;}
.pagehonor dl{ display: none;}
}
@media (max-width: 568px) {
.pagehonor .more {position: relative; width:200px; height:40px; line-height:40px; margin:30px auto 0; border:1px solid #ccc}
.pagehonor .more span{right:70px; margin-top:-8px;}
.pagehonor .more:hover span{right:80px; }
}
@media (max-width: 425px) {
.pagehonor-ul li ._down ._desc{margin-top: 7px;}
}


.page_banner{position:relative;  height:550px; }
.page_banner .cat_box{position:absolute; bottom:35%; left:0; width:100%;}
.page_banner .cat_box .cat_name{font-size:36px; font-weight: bold; color:#FFF; margin-bottom:30px;line-height:1.5; text-align: LEFT; padding-top: 20px; position: relative;}
.page_banner .cat_box .cat_name::before{ position: absolute; left: 0; top: 0px; width: 60px; height:3px; background-color: #FFF; content:"";}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center center; background-size:cover;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center center; background-size:cover;}
.pro_banner{background:url(../images/pro_banner.jpg) no-repeat center center;  background-size:cover;}
.case_banner{background:url(../images/case_banner.jpg) no-repeat center center;  background-size:cover;}
.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center center;  background-size:cover;}
.server_banner{background:url(../images/server_banner.jpg) no-repeat center center;  background-size:cover;}
@media (max-width:1440px){
.page_banner{height:418px;}
}
@media (max-width:1366px){
.page_banner{height:390px; }
.page_banner .cat_box .cat_name{font-size:30px;}
}
@media (max-width:1280px){
.page_banner{height:373px; }
.page_banner .cat_box .cat_name{font-size:28px;}
}
@media (max-width:1200px){
.page_banner{height:356px; margin-top:60px;}
.page_banner .cat_box .cat_name{font-size:26px;}
}
@media (max-width:992px){
.page_banner{ height:286px;}
.page_banner .cat_box h4{font-size:26px;}
}
@media (max-width: 768px){
.page_banner{margin-top: 54px; height:260px;}
.page_banner .cat_box h4{ display:none;}
.page_banner .cat_box{bottom:40%;}
.page_banner .cat_box .cat_name { margin-bottom: 0px;}
.page_banner .cat_box .cat_name:after{left: 47%;width: 40px; height: 3px;}
}
@media only screen and (max-width: 760px){
.page_banner .cat_box .cat_name {font-size:20px;margin-bottom: 10px; padding-bottom: 10px; }
.page_banner .cat_box .cat_name:after{left: 45%; width: 38px;}
}
@media only screen and (max-width:425px){
.page_banner{  height:150px;}
.page_banner .cat_box{bottom:36%;}
.page_banner .cat_box .cat_name:after{left: 46%; width: 30px;}
}
@media only screen and (max-width:375px){
.page_banner{  height:140px;}
}
@media only screen and (max-width:325px){
.page_banner{  height:120px;}
}
.sec_nav_box .posi{ height:60px; line-height:60px; font-size:15px; color:#666; font-weight:normal; text-align:right;}
.sec_nav_box .posi em{margin:0 8px;}
.sec_nav_box .posi a{ color:#666;}
.sec_nav_box{text-align:center; height:60px; line-height:60px; background: #fff; border: 1px solid #dddddd;}
.sec_nav_box ul { text-align:left; }
.sec_nav_box ul li { float:left;  line-height:60px; height:60px; position: relative;}
/*
.sec_nav_box ul li a{ font-size:16px; color:#555555; position: relative;}
.sec_nav_box ul li:hover ,.sec_nav_box ul li.cur{color: #0065b9; border-bottom: 1px solid #0065b9;}
.sec_nav_box ul li a:hover::after{left: 0; width: 100%;}
*/
.sec_nav_box ul li:after{content:"";position:absolute;width:1px;height:15px;display:block;background:#dddddd;top:50%;margin-top:-7px;right:0px}

.sec_nav_box ul li a {display: block;padding: 0px 14px;background: none;line-height:60px; height:60px; border-radius: 0px;border: none;color: #121212;font-size: 16px;font-weight: normal;transition: all .5s ease;position: relative;}
.sec_nav_box ul li.cur a:before,.sec_nav_box ul li:hover a:before  {width: 60%;left: 20%;background-color: #005cab;}
.sec_nav_box ul li a:before {position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 3px;background-color: none;transition: all .3s;}
.sec_nav_box ul li.cur a,.sec_nav_box ul li:hover a {color: #005cab;}

@media only screen and (max-width: 1240px){
.sec_nav_box {display: none;}
}

.white{ background: #FFF;} 
.gray { background:#fafafa;}
.index-title { margin:0 auto 30px; text-align:center;}
.index-title h3 {font-size: 32px;font-weight: 700;letter-spacing: 3px;margin-bottom: 20px;}
.index-title .con {color: #444;font-size: 18px;}

.subPage{padding: 40px 50px;}
.subPage .tit{ text-align:center; line-height:45px; font-size:26px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
@media (max-width: 1366px) {
.subPage{padding: 30px 40px;}
.subPage .tit{  font-size:20px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
}

@media (max-width: 1024px) {
.subPage{padding: 20px 30px;}
}
@media (max-width:768px) {
.subPage{padding: 5px 5px;}
.subPage .tit{ text-align:center; line-height:35px; font-size:18px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
}
.e_text-10 {line-height: normal;font_radio: 2;display-radio: 1;font-size: 70px;font-weight: normal;font-family: Impact;color: rgba(0,0,0,0.05);}
.e_text-11 {line-height: normal;font_radio: 2;display-radio: 1;font-size: 36px;color: rgba(55,153,214,1);margin-top: -40px;margin-bottom: 15px;}
.e_richText-13 { font_radio: 2; display-radio: 1; font-size: 17px; color: #666; line-height: 2;}
.e_richText-13 p{ text-indent: 2em;}
.about_page  .p_item{ position: relative; padding-bottom: 20px; }
.about-left { width: 95%;}
.about-right img{ width: 100%;}
.page-tit { text-align: center; margin-bottom: 30px;}
.page-tit .en{font-weight: normal;font-family: Impact;color: rgba(0,0,0,0.05);font-size: 70px; text-transform: uppercase;}
.page-tit h3{ font-size: 32px; font-weight: bold; color:#0e6db6;margin-top: -50px; margin-bottom: 30px;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 74%; margin: 0 auto;}
@media (max-width:1366px) {
.page-tit .en{ font-size: 60px;}
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1200px) {
.page-tit .en{ font-size: 50px;}
.page-tit h3{ font-size: 24px; }
}
@media (max-width:1024px) {
.page-tit .en{ font-size: 40px;}
.page-tit h3{ font-size: 22px; margin-bottom: 10px;}
}
@media (max-width:768px) {
.page-tit .en{ font-size: 34px;}
.page-tit h3{ font-size: 20px; margin-bottom: 15px;}
.page-tit p{ width: 100%; }
}
.honor li .img{ padding: 15px; border: 1px solid #dcdcdc;}
.honor li .infor{padding:20px 0px; text-align:center; }
.honor li .infor .title{ font-size: 17px; }
.honor li:hover .infor .title {color:#0e6db6; }
.honor li img{ width:100%;}

.proCenter {padding-bottom: 45px;}
.proCenter li { margin-top: 30px;transition: all .5s;}
.proCenter li a { width:100%; height:100%; }
.proCenter li a .procon{border:1px solid #f6f6f6;}
.proCenter li.white1 a .procon{border:1px solid #fff;padding:2px;}
.proCenter li a img{ width:100%;}
.proCenter li .tit1 {color: #333; line-height:46px;font-size: 17px;text-align: center; background: #fafafa;  overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.proCenter li.white1 .tit1 {color: #fff;}
.proCenter li.white1 a .tit1 {color: #fff; text-align:center;height:46px; line-height:46px;}
.proCenter li em {width: 100px;height: 26px;background: url("../images/em.png") no-repeat;transition: all .5s;}
.proCenter li a:hover .tit {color: #fff;}
.proCenter li a:hover em {width: 100px;height: 26px;background: url("../images/em1.png") no-repeat;transition: all .5s;}
.proCenter li a:hover img {-webkit-filter: brightness(105%);filter: brightness(105%);}
@media (max-width:992px){
.proCenter li .tit1 { line-height:36px;font-size: 16px;}
}
@media (max-width:768px){
.index_pro_list {padding-bottom: 25px;}
.proCenter {padding-bottom: 25px;}
.proCenter li { margin-top: 20px;}

.proCenter li .tit1 {height:30px; line-height:26px;font-size: 15px;  overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.proCenter li em { display:none;}
}
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;
*height: auto;}
.rect-10{padding-bottom: 10%;}
.rect-20{padding-bottom: 20%;}
.rect-25{padding-bottom: 22%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-68{padding-bottom: 68%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}

.indexnews .news-con {background-color: #fff;padding: 2.7% 2.7% 1.6%;box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2);}
.indexnews .row>div>.news-content {height: 100%;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.indexnews .index-t h3 {margin-bottom: 60px;}
.indexnews .news-big{ padding:20px 0;}
.indexnews .news-li { height: 100%; margin-top: 30px;}
.indexnews .news-li .news-item:first-child,
.indexnews .news-li .news-item:nth-child(2) {padding-bottom: 25px;}
.indexnews .news-li .news-item {-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}
.indexnews .news-tit {font-size:18px;font-weight: 700;}
.indexnews .news-more {-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.indexnews .news-item:hover .news-more,
.indexnews .news-big:hover .news-more {color: #b81b22}
.indexnews .news-more,
.indexnews .news-c {color: #666; margin-top:10px;}
.indexnews .news-more:after {content: "";display: inline-block;border: 6px solid;border-color: transparent transparent transparent #b81b22;margin-left: 20px;margin-bottom: -2px;}
.indexnews .news-date{ margin:5px 0;}
.indexnews .news-img img {max-width: 100%; overflow:hidden;}
.indexnews .news-right-item .news-img { width:30%; float:left;}
.indexnews .news-right-item .news-contents{ width:68%; float:left; margin-left:2%; }
.indexnews .news-right-item1 { height:240px; border-bottom:1px solid #fafafa; margin-bottom:20px; padding-bottom:20px; overflow: hidden;}
.indexnews .news-right-item1 .news-img1 { width:24%; float:left;}
.indexnews .news-right-item1 .news-contents1{ width:74%; float:left; margin-left:2%; }
.indexnews .news-right-item {}
.indexnews .line{ height:1px; background:#ccc; width:100%; margin:20px 0;}
.indexnews .news-c{word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;} 
.video_nr li{ float:left; width:31%; padding-bottom:3.5%;}
.video_nr li:nth-child(3n-1){ margin:0 3.5%;}
.video_pic{ overflow:hidden; position:relative; border-radius:10px;}
.video_pic img{ display:block; width:100%; transition:0.5s;}
.video_nr li:hover .video_pic img{transform:scale(1.05);}
.video_pic:after{content:""; display:block; position:absolute; left:0; top:0; background:url(../images/video.png) no-repeat center rgba(0,0,0,0.5); width:100%; height:100%;}
.video_mc{ height:72px; padding:10px 3% 0 3%; border-radius:0 0 10px 10px; box-shadow:0px 0px 20px rgba(0,0,0,0.2); margin-top:-10px; transition:0.5s;}
.video_mc p{ line-height:72px; height:72px; color:#000; font-size:1.125rem; float:left; transition:0.5s; overflow:hidden;}
.video_mc span{ float:right; display:block; line-height:72px; height:72px; font-size:0.875rem; color:#8a8a8a; transition:0.5s;}
.video_nr li:hover .video_mc{ background:#3799d6; transition:0.5s;}
.video_nr li:hover .video_mc p,.video_nr li:hover .video_mc span{ color:#fff; transition:0.5s;}
@media screen and (max-width:1366px){
.indexnews .news-right-item1 {height:200px;}
}
@media screen and (max-width:1280px){
.indexnews .news-right-item1 {height:170px;}
}
@media screen and (max-width:1024px){
.video_mc{height:52px; font-size:1rem;}
.video_mc p{ line-height:52px; height:52px; font-size:1rem;}
.video_mc span{ display:none;}
.indexnews .news-right-item1 {height: 170px;}
}
@media screen and (max-width:992px){
    .indexnews .news-right-item1 {height:160px;}
}
@media screen and (max-width:770px){
.video_pic:after{background-size:30%;}
.video_nr li{ width:32%; padding-bottom:2%;}
.video_nr li:nth-child(3n-1){ margin:0 2%;}
.video_mc p{ font-size:0.875rem;}
.indexnews .news-right-item1 {height: 150px;}
.indexnews .news-more,
.indexnews .news-c {color: #666;margin-top: 5px;}
}
@media screen and (max-width:520px){
.main .kg{ width:96%;}
.video_nr li{ width:49%; padding-bottom:25px;}
.video_nr li:nth-child(3n-1){ margin:0;}
.video_nr li:nth-child(2n){ float:right;}
.video_mc{ height:42px;}
.video_mc p{ line-height:42px; height:42px;}
.indexnews .news-right-item1 {height: 100px;}
.indexnews .news-tit {font-size:16px;font-weight: 700;}
.indexnews .news-right-item1 .news-img1 { width:34%; float:left;}
.indexnews .news-right-item1 .news-contents1{ width:64%; float:left; margin-left:2%; }
.indexnews .news-more { display: none;}
}
.server ul{ margin-top: 30px;}
.server .left-t {font-size:24px;color: #333; margin-bottom: 30px;}
.server .left .param-t {font-size:24px;color: #333; margin-bottom: 30px;}
.server .left .param {margin-bottom: 30px;}
.server .left .param-t::before {content: "";display: inline-block;vertical-align: middle;height: 25px;width: 3px;margin-right: 10px;background-color: #3799d6;}
.server .left .param-c{ font-size: 16px; color: #666; line-height: 32px;}
@media(max-width:1200px) {
.server img{ width: 100%;}
}
@media(max-width:992px) {
.server .left-t,.server .left .param-t {font-size: 20px;margin-bottom: 20px;}
.server .left .param-t::before {height: 25px;}
.server .left .param-c{ font-size: 15px; line-height: 28px;}
}
@media(max-width:428px) {
.server .left-t,.server .left .param-t {font-size: 18px; }
}

.contact-page .ul {display: flex;justify-content: space-between; margin-top:40px; margin-bottom:40px;}
.contact-page .ul .li {flex: 1;text-align: center;}
.contact-page .ul .li:last-child {border-right: 0;}
.contact-page .ul .li .contact-t {font-size: 18px;margin-top: 20px; margin-bottom: 10px; }
.contact-page .ul .li .contact-c {font-size: 16px;color: #666;line-height: 30px;}
.contact-page .map { height: 659px;width: 100%;width: 100%;margin-top: 40px;}
.contact-page .map #map {height: 100%;}
.d-inline {display: inline-block;}

@media(max-width:768px) {
.contact-page .ul {display: block;justify-content: space-between; margin-top:40px; margin-bottom:40px;}
.contact-page .ul .li { width: 100%; margin-bottom: 20px;}
.contact-page .map { height: 559px;width: 100%;width: 100%;margin-bottom: 40px;}

}

.articleBox{line-height:28px; margin-top: 30px;}
.articleBox em,
.articleBox i{font-style: italic;}
.articleBox .title{ font-size:20px; text-align:center; padding-bottom:15px;border-bottom:1px solid #ccc; margin-bottom:15px;}
.articleBox .sj{ text-align:center; padding-bottom:15px;}

.articleBox img{max-width: 100%;}
.articleBox h3{ color:#3044a3; margin-bottom:20px;}
.articleBox p{ line-height:28px;}
.subPage{padding: 40px 50px;}
.subPage .tit{ text-align:center; line-height:45px; font-size:26px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
@media (max-width: 1366px) {
.subPage{padding: 30px 40px;}
.subPage .tit{  font-size:20px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
}

@media (max-width: 1024px) {
.subPage{padding: 20px 30px;}
}
@media (max-width:768px) {
.subPage{padding: 5px 5px;}
.subPage .tit{ text-align:center; line-height:35px; font-size:18px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
}

indexapplication{}
.indexapplication .proLi {position: relative;overflow: hidden; border: #e6e6e6 solid 1px;margin-bottom:15px;}
.indexapplication .porTbox {position: relative;overflow: hidden;width: 100%;padding-bottom: 94%;}
.indexapplication .proImg {position: absolute;top:0;left:0;width: 100%;transition: all .5s ease;}
.indexapplication .showBox {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.6);transition: all 0.5s ease;}
.indexapplication .showBoxLink {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 60%;color: #fff;text-align: center;font-size: 16px;padding: 0.5rem 0;}
.indexapplication .showBoxLink::before {content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.indexapplication .showBoxLink::after {content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.indexapplication .showBox:hover .showBoxLink::before {content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 10%;height: 1px;background: #fff;transition: all .5s ease;}
.indexapplication .showBox:hover .showBoxLink::after {content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 10%;height: 1px;background: #fff;transition: all .5s ease;}
.indexapplication .showBox:hover {opacity: 1;}
.indexapplication .porBbox {position: relative;overflow: hidden;width: 100%;padding: 10px 15px;border-top: 0px solid #e6e6e6;background: #fff;}


#newBridge .icon-right-center {
    right: 2px;
    top: 30%!important;
    left: auto;
    bottom: auto;
}
.products-show img{ max-width:100%;}
.products-show .pro-show-info h1{font-size:24px;line-height: 35px; color: #3799d6; margin-bottom: 20px;margin-top: 0;border-bottom:1px solid #ccc; }
.products-show .pro-show-info p{min-height: 180px; line-height: 34px; font-size: 16px; color: #666;}
.products-show .pro-show-info .pro-btn{color:#333;}
.products-show .pro-show-info .pro-btn a{display:block;background: #3799d6;color:#FFF;width:120px; font-size: 16px; text-align:center;line-height:50px;height: 50px;border:none;padding:0;float:left;margin-right: 20px;text-transform: uppercase; position: relative;}
.products-show .pro-show-info .pro-btn a:after{content: "";position: absolute;right: 0px;top:50%;margin-top:-13px;width:30px;height: 30px; background: url(../images/arrow01.png) no-repeat;}
.products-show .pro-show-info .pro-btn a:nth-child(2){background: #d01e2d;}
.products-show .pro-show-info .pro-btn {line-height: 50px;}
.products-show .pro-show-info .pro-btn i.fa{margin-right: 8px;}
.products-show .products-show-bottom { clear:both; padding-right:5%;border-top:1px solid #ccc; padding-top:40px; margin-top:50px; }
.products-show .products-show-bottom .param-t{font-size: 32px; font-weight: bold; color: #333333; padding-bottom:20px;}
.products-show .products-show-bottom .param-c{font-size: 16px; color: #666; line-height:32px; padding-bottom:20px;}

.products-show .inner-tool{margin-bottom:50px;}
.products-show .inner-tool em{ line-height: 50px; font-size: 24px;font-weight: bold;}

.sideMenu ul{}
.sideMenu li{line-height:55px;padding-left: 20px;font-size: 16px; height:55px;border:1px solid #bfbfbf;background: #f8f8f8;margin-bottom: 10px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; 
}
.sideMenu a{width: 100%;display: inline-block;}
.sideMenu a:hover{color: #154375;}
.sideMenu li.on,.sideMenu li:hover{background: #ed6d00;border-color: #ed6d00;font-weight: bold;}
.sideMenu li.on a,.sideMenu li:hover a{color: #fff;}

.products-show .left{width:24%; float: left;}
.products-show .right{float: right;width:68%;font-size: 16px; line-height: 2.5em;}
.protips{font-size: 18px;font-weight: bold;margin-bottom: 30px;}