﻿@import url("base.css");
body {position:relative;z-index:1;margin:0 auto;padding-top:100px;max-width:1903px;font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#454545;font-size:14px;overflow-x:hidden;}
input,select,button,textarea {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;font-size:14px;color:#222;resize:none;box-sizing:border-box;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}
a:link,a:visited,a:active {color:#222;text-decoration:none;}
a:hover {color:#1d78bc;text-decoration:none;}
a {outline:none;-moz-outline:none;blr:expression(this.onFocus=this.blur());}
.al:hover {text-decoration:underline;}
.als a:hover {text-decoration:underline;}
.flex-column {display:flex;flex-direction:column;justify-content:center;}
/*===================================================================================*/

#header {position:fixed;top:0;left:0;z-index:99;width:100%;box-shadow:0 3px 6px rgba(0,0,0,0.15);background-color:#fff;}
#header .wrap {position:relative;z-index:99;height:100px;background-color:#fff;}
#header .logo {position:absolute;top:50%;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;height:70px;font-size:0;transform:translateY(-50%);}
#header .logo img {max-height:100%;}
#header .r {float:right;display:flex;align-items:center;height:100%;}
#header .ss {width:50px;height:40px;line-height:40px;text-align:center;cursor:pointer;}
#header .ss i {font-size:20px;font-weight:bold;}
#header .ss i.layui-icon {font-size:22px;}
#header .lang {width:50px;height:40px;line-height:40px;font-size:18px;text-align:center;}

#header .nav {position:relative;z-index:10;height:100%;}
#header .nav li {position:relative;display:inline-block;margin-left:8px;height:100%;vertical-align:top;}
#header .nav li > a {display:block;padding:0 20px;min-width:120px;height:100%;line-height:100px;font-size:16px;text-align:center;box-sizing:border-box;}
#header .nav li > a.nav_over {color:#fff;background-color:#1d78bc;}
#header .nav li:hover > a {color:#fff;background-color:#1d78bc;}
#header .nav li:hover p {display:block;}
#header .nav li p {position:absolute;top:100%;left:0px;display:none;min-width:100%;background-color:#1d78bc;}
#header .nav li p a {display:block;padding:9px 5px;color:#fff;text-align:center;border-top:1px solid #1468a7;}
#header .nav li p a:hover {color:#fff;border-top-color:#01479d;background-color:#01479d;}

#search {position:absolute;top:0;right:0;padding:8px 20px 18px 20px;width:320px;height:40px;opacity:0;visibility:hidden;box-shadow:0 0 12px rgba(0,0,0,0.2);background-color:#fff;transform:translateY(20px);transition:all ease-out 300ms;}
#search input {width:100%;height:40px;border:none;border-bottom:1px solid #ccc;background:none;}
#search i {position:absolute;top:15px;right:20px;display:block;width:22px;height:22px;line-height:22px;font-size:20px;text-align:center;cursor:pointer;}

#mheader_menu, #mheader_search, #menu {display:none;}

#banner {position:relative;}
#banner .swiper-slide {font-size:0;transition:none;}
#banner .swiper-slide img {width:100%;}
#banner .swiper-pagination {position:absolute;bottom:30px;left:0;width:100%;height:12px;font-size:0px;}
#banner .swiper-pagination span {margin:0px;width:12px;height:12px;font-size:0px;opacity:1;box-sizing:border-box;border-radius:50%;background:#93b8ef;overflow:hidden;}
#banner .swiper-pagination span.swiper-pagination-bullet {margin:0 6px;}
#banner .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;background:#2a2da2;}
#banner .swiper-button {position:absolute;top:50%;z-index:10;display:none;margin-top:-50px;width:40px;height:100px;border-radius:4px 0 0 4px;background:url(../images/arrow1.png) no-repeat center center rgba(0,0,0,0.3);cursor:pointer;}
#banner .swiper-button:hover {background-color:#242572;}
#banner .swiper-prev {left:0;transform:rotate(180deg);}
#banner .swiper-next {right:0;}
#banner:hover .swiper-button {display:block;}

#banners {height:300px;font-size:0;background-repeat:no-repeat;background-position:center center;}
#banners img {display:none;}

.wrap {margin-left:auto;margin-right:auto;width:1400px;box-sizing:border-box;}
.iwrap {margin-left:auto;margin-right:auto;width:1400px;box-sizing:border-box;}
#content {position:relative;padding-top:30px;padding-bottom:80px;}
#content:after {position:absolute;top:0;left:259px;display:block;width:1px;height:100%;content:"";background-color:#e0e0e0;}
#contents > div {position:relative;padding-top:30px;padding-bottom:80px;}
#contents > div:after {position:absolute;top:0;left:259px;display:block;width:1px;height:100%;content:"";background-color:#e0e0e0;}
#left {float:left;width:260px;}
#right {float:right;width:1100px;overflow:hidden;}

#footer {color:#999;font-size:14px;background-color:#1b232e;}
#footer a {color:#999;}
#footer a:hover {color:#fff;}
#footer .lxs {display:flex;padding-top:60px;}
#footer .lxwm {padding-right:30px;width:31%;box-sizing:border-box;}
#footer .lxwm .editorc {line-height:2.2;}
#footer .lxwm .editorc p {margin-bottom:5px;}
#footer .lxwm .editorc > p strong {color:#fff;}
#footer .lxwm .ljs {margin-top:20px;font-size:0px;}
#footer .lxwm .ljs a {display:inline-block;margin-right:20px;width:34px;height:34px;background-repeat:no-repeat;}
#footer .lxwm .ljs a:last-child {margin-right:0;}
#footer .lxwm .ljs .qq {background-image:url(../images/icon-qq.png);}
#footer .lxwm .ljs .weixin {background-image:url(../images/icon-weixin.png);}
#footer .lxwm .ljs .email {background-image:url(../images/icon-email.png);}
#footer .tels {display:flex;flex-direction:column;justify-content:center;width:38%;text-align:center;box-sizing:border-box;border-left:1px solid #29313e;border-right:1px solid #29313e;}
#footer .tels .welstr {font-size:20px;font-weight:bold;}
#footer .tels .tel {padding:30px 0px;}
#footer .tels .tel i {display:inline-block;margin-right:10px;width:30px;height:30px;line-height:30px;color:#1b232f;text-align:center;vertical-align:top;border-radius:50%;background-color:#9e9e9e;}
#footer .tels .tel a {display:inline-block;height:30px;line-height:30px;color:#fff;font-family:Arial;font-size:30px;font-weight:bold;vertical-align:top;}
#footer .tels .zixun a {display:block;margin:0px auto;width:140px;height:46px;line-height:46px;color:#fff;font-size:16px;border-radius:4px;background-color:#1d78bc;}
#footer .qrcode {width:31%;text-align:right;box-sizing:border-box;}
#footer .qrcode li {display:inline-block;margin-left:50px;padding:13px 5px;width:140px;font-size:0px;text-align:center;vertical-align:top;border-radius:5px;box-sizing:border-box;background-color:#fff;}
#footer .qrcode li:first-child {margin-left:0;}
#footer .qrcode li img {width:114px;}
#footer .qrcode li p {margin-top:8px;color:#666;font-size:14px;}
#footer .links {padding:30px 0 20px 0;}
#footer .links span {display:inline-block;margin-right:10px;color:#fff;font-size:18px;vertical-align:top;}
#footer .links a {display:inline-block;margin-right:25px;line-height:2;vertical-align:top;}
#footer .links a:last-child {margin-right:0;}
#footer .copyright {border-top:1px solid #29313e;}
#footer .copyright > div {position:relative;padding:30px 0 30px 680px;line-height:1.8;text-align:right;}
#footer .copyright .fnav {position:absolute;top:30px;left:0px;}
#footer .copyright .fnav a {margin-right:20px;}
#footer .copyright .fnav a:last-child {margin-right:0;}

#fbar {position:relative;}
#fbar:before {position:absolute;top:0;left:0;z-index:1;display:block;width:calc(50% - 4px);height:100%;content:"";border-radius:0 7px 0 0;background-color:#1d78bc;}
#fbar:after {position:absolute;top:0;right:0;z-index:1;display:block;width:calc(50% - 4px);height:100%;content:"";border-radius:7px 0 0 0;background-color:#1d78bc;}
#fbar .wrap {position:relative;display:flex;align-items:center;position:relative;z-index:2;height:120px;}
#fbar .wrap:after {position:absolute;top:50%;left:50%;z-index:2;display:block;margin-top:-47px;margin-left:-47px;width:95px;height:95px;content:"";background:url(../images/fbar-logo.png) no-repeat;}
#fbar .wrap > div {width:50%;font-size:20px;text-align:center;}
#fbar .wrap > div img {display:inline-block;margin-top:-3px;margin-right:20px;vertical-align:middle;}
#fbar .wrap > div a {color:#fff;}

/*===================================================================================*/

.itis {padding-top:66px;text-align:center;}
.itis h2 {color:#222;font-size:42px;}
.itis p {margin-top:12px;}
.itis p span {display:inline-block;margin:0 24px;color:#666;font-size:16px;vertical-align:middle;}
.itis p:before {display:inline-block;width:192px;height:1px;content:"";vertical-align:middle;background:url(../images/itis_line.png) no-repeat;transform:rotate(180deg);}
.itis p:after {display:inline-block;width:192px;height:1px;content:"";vertical-align:middle;background:url(../images/itis_line.png) no-repeat;}

#ibrand {background-color:#f4f4f4;}
#ibrand > div {padding-bottom:60px;background-color:#f4f4f4;}
#ibrand .list {display:flex;flex-flow:row wrap;}
#ibrand .list li {margin-top:35px;margin-right:1.5%;width:23.86%;}
#ibrand .list li:nth-child(4n) {margin-right:0;}
#ibrand .list li div {padding:20px;height:155px;font-size:0;box-sizing:border-box;background-color:#fff;}
#ibrand .list li div span {width:100%;max-height:100%;text-align:center;overflow:hidden;}
#ibrand .list li div img {max-width:100%;max-height:100%;}
#ibrand .list li h2 {padding:0 20px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:normal;background-color:#1d78bc;}
#ibrand .list li:hover {box-shadow:0 0 10px rgba(0,0,0,0.3);}
#ibrand .list li:hover h2 {background-color:#cb5325;}
#ibrand .list a {margin-top:35px;margin-right:1.5%;width:23.86%;}
#ibrand .list a:nth-child(4n) {margin-right:0;}
#ibrand .list a div {padding:20px;height:155px;font-size:0;box-sizing:border-box;background-color:#fff;}
#ibrand .list a div span {width:100%;max-height:100%;text-align:center;overflow:hidden;}
#ibrand .list a div img {max-width:100%;max-height:100%;}
#ibrand .list a h2 {padding:0 20px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:normal;background-color:#1d78bc;}
#ibrand .list a:hover {box-shadow:0 0 10px rgba(0,0,0,0.3);}
#ibrand .list a:hover h2 {background-color:#cb5325;}

#ipros .swiper-container {margin-top:35px;width:100%;}
#ipros .swiper-wrapper {width:100%;height:auto;}
#ipros .swiper-slide {box-sizing:border-box;background-color:#f9f9f9;transition:none;}
#ipros .swiper-slide .text {padding:20px;}
#ipros .swiper-slide .text h2 {font-size:18px;font-weight:bold;}
#ipros .swiper-slide .text p {margin-top:8px;height:72px;line-height:24px;color:#999;-webkit-line-clamp:3;}
#ipros .swiper-slide .imgs {font-size:0;background-color:#fff;filter:contrast(0.95);overflow:hidden;}
#ipros .swiper-slide .imgs img {width:100%;transition:transform ease-out 600ms;}
#ipros .swiper-slide:hover {background-color:#1d78bc;}
#ipros .swiper-slide:hover * {color:#fff;}
#ipros .swiper-slide:hover p {color:#fff;}
#ipros .swiper-slide:hover .imgs img {transform:scale(1.1);}
#ipros .swiper-pagination {position:static;bottom:0;left:0;margin-top:30px;margin-bottom:60px;width:100%;height:14px;font-size:0px;}
#ipros .swiper-pagination span {margin:0px;width:14px;height:14px;font-size:0px;opacity:1;box-sizing:border-box;border-radius:50%;background:#b5b5b5;overflow:hidden;}
#ipros .swiper-pagination span.swiper-pagination-bullet {margin:0 7px;}
#ipros .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;background:#1d78bc;}

#iabout {background:url(../images/iabout_bg.jpg) no-repeat center center/cover;}
#iabout > div {padding-top:80px;padding-bottom:80px;}
#iabout .ys {display:flex;height:248px;background-color:#1d78bc;}
#iabout .ys li {width:25%;color:#fff;text-align:center;background:url(../images/iys_line.png) no-repeat right center;}
#iabout .ys li h4 {padding-bottom:20px;font-size:52px;font-family:Arial;}
#iabout .ys li h4 .year {display:inline-block;margin-top:8px;margin-left:10px;font-size:22px;font-weight:normal;vertical-align:top;}
#iabout .ys li h4 .jia {display:inline-block;margin-top:3px;margin-left:10px;font-size:32px;font-weight:normal;vertical-align:top;}
#iabout .ys li p {font-size:18px;}
#iabout .editorc {padding:35px 0;font-size:18px;line-height:2;text-align:center;}
#iabout .xxas {display:block;margin:0 auto;width:300px;height:58px;line-height:58px;color:#1d78bc;text-align:center;font-family:Arial;font-size:18px;border:1px solid #1d78bc;}
#iabout .xxas:hover {color:#fff;background-color:#1d78bc;}

#inews {padding-bottom:95px;}
#inews .list {padding-top:20px;}
#inews .list li {position:relative;margin-top:32px;padding:30px 300px 0 360px;height:212px;box-sizing:border-box;background-color:#f6f6f6;overflow:hidden;}
#inews .list li img {position:absolute;top:20px;left:20px;width:280px;height:172px;}
#inews .list li h2 {font-size:24px;font-weight:normal;}
#inews .list li h2:hover {text-decoration:underline;}
#inews .list li p {margin-top:15px;height:84px;line-height:28px;color:#606060;font-size:16px;-webkit-line-clamp:3;overflow:hidden;}
#inews .list li div {position:absolute;top:0;right:0;width:240px;height:100%;font-family:Arial;text-align:center;background:url(../images/inews_line.png) no-repeat left center;}
#inews .list li div span:nth-child(1) {color:#222;font-family:Arial;font-weight:bold;font-size:60px;}
#inews .list li div span:nth-child(2) {margin:0 auto;width:114px;height:36px;line-height:36px;color:#fff;font-size:20px;text-align:center;background-color:#1d78bc;}
#inews .list li:hover {color:#fff;background-color:#1d78bc;}
#inews .list li:hover * {color:#fff;}
#inews .list li:hover div {background-image:url(../images/inews_line2.png);}
#inews .list li:hover div span:nth-child(1) {color:#fff;}
#inews .list li:hover div span:nth-child(2) {background-color:#080808;}

/*===================================================================================*/

.left_title {height:44px;color:#222;font-size:24px;font-weight:normal;border-bottom:3px solid #1d78bc;}
.left_menu {margin-bottom:30px;}
.left_menu a {color:#666;}
.left_menu a:hover {color:#1d78bc;}
.left_menu dd {border-bottom:1px solid #e5e5e5;}
.left_menu dd > a {display:block;position:relative;padding:18px 10px 18px 35px;font-size:16px;}
.left_menu dd > a:before {position:absolute;top:27px;left:20px;display:block;width:4px;height:4px;content:"";border-radius:50%;background-color:#ccc;}
.left_menu dd a.left_menu_cur {color:#1d78bc;font-weight:bold;}
.left_menu dd a.left_menu_cur:before {background-color:#1d78bc;}

.left_menu ul {padding-left:35px;padding-bottom:8px;}
.left_menu ul li {position:relative;padding-bottom:12px;font-size:14px;}
.left_menu ul li:before {position:absolute;top:9px;left:-15px;display:block;width:6px;height:1px;background-color:#999;content:"";}
.left_menu ul li.curts:before {background-color:#1d78bc;}
.left_menu ul li.curts a {color:#1d78bc;font-weight:bold;}

/*===================================================================================*/

.nodata {padding:150px 0px;color:#999;font-size:18px;text-align:center;}
#bnav {background-color:#f6f6f6;}
#bnav > div {padding-top:28px;padding-bottom:28px;color:#999;font-size:16px;}
#bnav a {color:#999;}
#bnav a:hover {color:#1d78bc;}
#bnav .icon-home-fill {margin-right:20px;}
#bnav .layui-icon-triangle-r {margin-left:18px;margin-right:18px;font-size:12px;}
#title_cur {position:relative;height:44px;color:#999;font-size:12px;text-align:right;line-height:44px;border-bottom:1px solid #e0e0e0;overflow:hidden;}
#title_cur a {color:#999;}
#title_cur a:hover {color:#1d78bc;}
#title_cur strong {color:#1d78bc;font-weight:normal;}
#title_cur h2 {position:absolute;top:6px;left:0;color:#1d78bc;font-size:18px;line-height:normal;}
.title_names {padding:80px 0 10px 0;color:#222;font-size:36px;font-weight:normal;text-align:center;}

#mtitle_name {position:relative;display:none;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background-color:#01479d;overflow:hidden;}
#mtitle_name h2 {padding:11px 60px 12px 3%;color:#fff;font-size:18px;}
#mtitle_name span {position:absolute;top:50%;right:3%;margin-top:-3px;display:block;border:6px solid transparent;border-top-color:#fff;transition:none;}
#mtitle_name span.active {margin-top:-12px;border-top-color:transparent;border-bottom-color:#fff;}
#mtitle_menu {display:none;width:100%;background-color:#01479d;transition:none;}
#mtitle_menu a {position:relative;display:block;padding:10px 40px 10px 3.2%;color:#fff;font-size:14px;border-top:1px solid #043c82;}
#mtitle_menu a i {position:absolute;top:50%;right:3%;margin-top:-7px;color:#fff;font-size:14px;}
#mtitle_menu a.active {color:#ff6600;}
#mtitle_menu a.subs {padding-left:8%;}
#mtitle_menu a.thds {padding-left:14%;}
#mtitle_cur {display:none;padding:8px 3%;color:#999;font-size:12px;border-bottom:1px solid #eee;background-color:#f5f5f5;}
#mtitle_cur a {color:#999;}
#mtitle_cur i {margin:0px 6px;font-size:10px;}
#mtitle_cur strong {color:#01479d;font-weight:normal;}

.input_text {padding:0px 8px;width:280px;height:34px;line-height:34px\9;box-sizing:border-box;border:1px solid #ddd;}
.input_area {padding:6px 8px;height:176px;line-height:1.6;box-sizing:border-box;border:1px solid #ddd;resize:none;overflow-y:auto;}
.input_select {padding:0px 0px 0px 8px;height:34px;box-sizing:border-box;border:1px solid #ddd;}
.input_radio {position:relative;top:1px;}
.input_checkbox {position:relative;top:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.input_radio {position:relative;top:3px;width:15px;height:15px;}
	.input_checkbox {position:relative;top:3px;width:15px;height:15px;}
}
.button {width:150px;height:40px;color:#fff;font-size:16px;box-sizing:border-box;border:none;background-color:#333;cursor:pointer;}
.button:hover {background-color:#ff0000;}

.editorc_nrs {padding-top:50px;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc_box {padding-top:3%;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc {font-size:16px;line-height:1.9;}
.editorc p {margin-bottom:20px;}
.editorc p:last-child {margin-bottom:0px;}
.editorc a {text-decoration:underline;}
.editorc hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc h1,.editorc h2,.editorc h3,.editorc h4,.editorc h5,.editorc h6 {padding:9px 0px;font-weight:normal;line-height:1.2;}
.editorc ul {margin-bottom:20px;padding-left:1.4em;}
.editorc ul:last-child {margin-bottom:0px;}
.editorc ul li {list-style-type:disc;}
.editorc ol {margin-bottom:20px;padding-left:1.5em;}
.editorc ol li {list-style-type:decimal;}
.editorc ol:last-child {margin-bottom:0px;}
.editorc table.border {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc table.border td,.editorc table.border th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc table.border td table {margin-bottom:0px;}
.editorc table.border td p {margin:0px;padding:0px;}
.editorc table.border th p {margin:0px;padding:0px;}

.editorc2 {font-size:16px;line-height:1.9;}
.editorc2 img {vertical-align:top;}
.editorc2 a {text-decoration:underline;}
.editorc2 hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc2 h1,.editorc2 h2,.editorc2 h3,.editorc2 h4,.editorc2 h5,.editorc2 h6 {padding:9px 0px;font-weight:normal;line-height:1.2;}
.editorc2 ul {margin-bottom:20px;padding-left:1.4em;}
.editorc2 ul:last-child {margin-bottom:0px;}
.editorc2 ul li {list-style-type:disc;}
.editorc2 ol {margin-bottom:20px;padding-left:1.5em;}
.editorc2 ol li {list-style-type:decimal;}
.editorc2 ol:last-child {margin-bottom:0px;}

.editorc_tbe table {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc_tbe td, .editorc_tbe th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc_tbe td table {margin-bottom:0px;}
.editorc_tbe td p,.editorc_tbe th p {margin:0px;padding:0px;}
.editorc_tbe table.no-border {border:none;}
.editorc_tbe table.no-border table {border:none;}
.editorc_tbe table.no-border td {border:none;padding:0px;}
.editorc_tbe table.no-border th {border:none;padding:0px;}

#prevnext {position:relative;margin:3% auto 0px auto;padding:15px 150px 0px 0px;color:#999;font-size:14px;border-top:1px dashed #ccc;overflow:hidden;}
#prevnext p {height:25px;}
#prevnext_back {position:absolute;top:18px;right:0px;display:block;padding:10px 20px 10px 15px;color:#333;background-color:#eee;}
#prevnext_back i {margin-right:5px;font-size:14px;}
#prevnext_back:hover {color:#fff;background-color:#1d78bc;}

/*===================================================================================*/
/* 企业图片列表 */

#about_image1 {font-size:0;}
#about_image1 a {display:inline-block;margin:3% 3% 0 0;width:22.75%;font-size:0;text-align:center;vertical-align:top;}
#about_image1 a:nth-child(4n) {margin-right:0;}
#about_image1 a img {padding:4px;width:100%;transition:none;box-sizing:border-box;border:1px solid #ddd;}
#about_image1 a img:hover {padding:3px;border:2px solid #1d78bc;}
#about_image1 a p {padding-top:10px;font-size:14px;line-height:1.4;}

#about_image2 {font-size:0;}
#about_image2 a {display:inline-block;margin:3% 2% 0 0;width:15%;font-size:0;text-align:center;vertical-align:top;}
#about_image2 a:nth-child(6n) {margin-right:0;}
#about_image2 a img {padding:4px;width:100%;transition:none;box-sizing:border-box;border:1px solid #ddd;}
#about_image2 a img:hover {padding:3px;border:2px solid #1d78bc;}
#about_image2 a p {padding-top:10px;font-size:14px;line-height:1.4;}

#contact_map {margin-top:40px;height:500px;font-size:0;border:1px solid #ddd;}

/*===================================================================================*/
/* 产品中心 */

#pros a {display:inline-block;margin-top:3%;margin-right:3%;width:31.33333%;text-align:center;vertical-align:top;border-radius:5px;overflow:hidden;}
#pros a:nth-child(3n) {margin-right:0;}
#pros a div {font-size:0;background-color:#fff;filter:contrast(0.95);overflow:hidden;}
#pros a div img {width:100%;transition:transform ease-out 600ms;}
#pros a h2 {padding-left:15px;padding-right:15px;height:52px;line-height:52px;font-size:16px;font-weight:normal;}
#pros a:hover div img {transform:scale(1.1);}
#pros a:hover h2 {color:#fff;background-color:#1d78bc;}

#prods {padding-bottom:80px;}
#prods .cont {display:flex;margin-top:80px;}
#prods .cont .imgs {position:relative;flex:0 0 auto;width:700px;height:350px;font-size:0;text-align:center;background-color:#fff;filter:contrast(.95);overflow:hidden;}
#prods .cont .imgs > img {height:100%;transition:transform ease-out 600ms;}
#prods .cont .imgs .swiper-container {height:100%;}
#prods .cont .imgs .swiper-wrapper {height:100%;}
#prods .cont .imgs .swiper-slide {height:100%;font-size:0;overflow:hidden;}
#prods .cont .imgs .swiper-slide img {height:100%;transition:transform ease-out 600ms;}
#prods .cont .imgs .swiper-pagination {position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
#prods .cont .imgs .swiper-pagination span.swiper-pagination-bullet {margin:0 4px;}
#prods .cont .imgs .swiper-button {position:absolute;top:50%;z-index:10;display:none;margin-top:-30px;width:60px;height:60px;line-height:60px;color:#fff;font-size:18px;text-align:center;border-radius:5px;background-color:rgba(0,0,0,0.5);cursor:pointer;}
#prods .cont .imgs .swiper-button:hover {background-color:#1d78bc;}
#prods .cont .imgs .swiper-prev {left:25px;}
#prods .cont .imgs .swiper-next {right:25px;}
#prods .cont .imgs:hover img {transform:scale(1.1);}
#prods .cont .imgs:hover .swiper-button {display:block;}
#prods .cont .text {flex:1 1 auto;position:relative;margin-left:80px;padding-bottom:90px;}
#prods .cont .text h1 {padding-bottom:20px;color:#222;font-size:36px;font-weight:normal;line-height:1.6;border-bottom:1px solid #e5e5e5;}
#prods .cont .text p {margin-top:20px;color:#666;font-size:16px;line-height:1.9;}
#prods .cont .text .asbtn {position:absolute;bottom:0;left:0;width:100%;}
#prods .cont .text .asbtn a {position:relative;display:inline-block;width:240px;height:60px;line-height:60px;color:#fff;font-size:20px;text-align:center;vertical-align:top;border-radius:5px;background-color:#1d78bc;}
#prods .cont .text .asbtn a:nth-child(1):hover {background-color:#01479d;}
#prods .cont .text .asbtn a:nth-child(2) {position:relative;margin-left:20px;background-color:#999;}
#prods .cont .text .asbtn a:nth-child(2):hover {background-color:#000;}
#prods .cont .text .asbtn a:nth-child(2):hover span {display:block;}
#prods .cont .text .asbtn a span {position:absolute;bottom:100%;left:0;display:none;padding:30px;width:100%;line-height:normal;font-size:0;text-align:center;box-sizing:border-box;box-shadow:0 0 20px rgba(0,0,0,0.1);background-color:#fff;transform:translateY(-30px);}
#prods .cont .text .asbtn a span:after{position:absolute;z-index:3;left:50%;bottom:-30px;display:block;margin-left:-15px;border:15px solid transparent;border-top-color:#fff;content:"";}
#prods .cont .text .asbtn a span img {width:100%;}

#prods .related {margin-top:40px;}
#prods .related .tis {color:#222;font-size:36px;font-weight:normal;line-height:1;}
#prods .related .list a {display:inline-block;margin-top:3%;margin-right:2%;width:23.5%;text-align:center;vertical-align:top;border-radius:5px;overflow:hidden;}
#prods .related .list a:nth-child(4n) {margin-right:0;}
#prods .related .list a div {font-size:0;background-color:#fff;filter:contrast(0.95);overflow:hidden;}
#prods .related .list a div img {width:100%;transition:transform ease-out 600ms;}
#prods .related .list a h2 {padding-left:15px;padding-right:15px;height:52px;line-height:52px;font-size:16px;font-weight:normal;}
#prods .related .list a:hover div img {transform:scale(1.1);}
#prods .related .list a:hover h2 {color:#fff;background-color:#1d78bc;}

#prods #message {margin-top:120px;}

/*===================================================================================*/
/* 授权代理 */

#brand li {display:inline-block;margin-top:3%;margin-right:3%;width:22.75%;text-align:center;vertical-align:top;}
#brand li:nth-child(4n) {margin-right:0;}
#brand li div {padding:20px;height:110px;font-size:0;box-sizing:border-box;border:1px solid #e5e5e5;overflow:hidden;}
#brand li div span {max-height:100%;}
#brand li div img {max-width:100%;max-height:100%;}
#brand li p {margin-top:13px;font-size:16px;line-height:1.6;}

/*===================================================================================*/
/* 新闻列表 */

#news li {position:relative;margin-top:25px;padding:30px 230px 0 300px;height:190px;box-sizing:border-box;background-color:#f6f6f6;overflow:hidden;}
#news li img {position:absolute;top:15px;left:15px;width:260px;height:160px;}
#news li h2 {font-size:22px;font-weight:normal;}
#news li h2:hover {text-decoration:underline;}
#news li p {margin-top:12px;height:75px;line-height:25px;color:#606060;font-size:14px;-webkit-line-clamp:3;overflow:hidden;}
#news li div {position:absolute;top:0;right:0;width:200px;height:100%;font-family:Arial;text-align:center;background:url(../images/inews_line.png) no-repeat left center;}
#news li div span:nth-child(1) {color:#222;font-family:Arial;font-weight:bold;font-size:52px;}
#news li div span:nth-child(2) {margin:5px auto 0 auto;width:100px;height:32px;line-height:32px;color:#fff;font-size:18px;text-align:center;background-color:#1d78bc;}
#news li:hover {color:#fff;background-color:#1d78bc;}
#news li:hover * {color:#fff;}
#news li:hover div {background-image:url(../images/inews_line2.png);}
#news li:hover div span:nth-child(1) {color:#fff;}
#news li:hover div span:nth-child(2) {background-color:#080808;}
#news_info h1 {padding:40px 0 25px 0;color:#222;font-size:26px;line-height:1.4;text-align:center;font-weight:normal;}
#news_info p {padding-bottom:10px;color:#999;font-size:12px;text-align:center;border-bottom:1px dashed #ccc;}
#news_info p span {margin-left:40px;}
#news_info p span:first-child {margin-left:0;}
#news_info p span i {position:relative;top:1px;margin-right:5px;}

/*===================================================================================*/
/* 人才招聘 */

#zxns {display:flex;margin-bottom:60px;padding-top:60px;padding-bottom:60px;border-bottom:1px solid #e5e5e5;}
#zxns dd {padding:40px;padding-bottom:60px;width:25%;text-align:center;box-sizing:border-box;transition:box-shadow .5s;}
#zxns dd div {height:64px;font-size:0;text-align:center;overflow:hidden;}
#zxns dd div span {max-height:100%;}
#zxns dd div img {max-height:100%;}
#zxns dd h3 {padding-top:20px;padding-bottom:20px;color:#333;font-size:18px;}
#zxns dd p {color:#666;font-size:16px;line-height:1.9;}
#zxns dd:hover {box-shadow:0 0 2rem rgba(0,0,0,0.15);}

#jobs .cont {margin-top:3%;}
#jobs .cont .tis {font-size:18px;}
#jobs .cont .editorc {margin-top:12px;}
/*
#jobs .rows {margin-top:40px;color:#000;}
#jobs .rows .info {display:flex;}
#jobs .rows .name {flex:1 1 auto;padding:20px 50px;background-color:#f2f2f2;cursor:pointer;}
#jobs .rows .name h3 {color:#1d78bc;font-size:28px;font-weight:normal;line-height:1;}
#jobs .rows .name p {margin-top:10px;font-size:20px;font-weight:bold;}
#jobs .rows .sqbtn {flex:0 0 auto;align-items:flex-end;padding:20px 30px 20px 10px;width:250px;color:#fff;text-align:right;box-sizing:border-box;background-color:#1d78bc;}
#jobs .rows .sqbtn div {}
#jobs .rows .sqbtn div p {font-size:24px;line-height:1;}
#jobs .rows .sqbtn div span {display:block;margin-top:5px;font-size:16px;}
#jobs .rows .sqbtn i {margin-top:10px;width:20px;height:20px;line-height:22px;color:#fff;font-size:12px;text-align:center;border-radius:50%;background-color:#ffc229;cursor:pointer;overflow:hidden;}
#jobs .rows .text {display:none;padding:40px 50px;border-radius:0 0 15px 15px;box-shadow:0 5px 10px rgba(0,0,0,0.2)}
#jobs .rows .intro {display:flex;justify-content:space-between;}
#jobs .rows .intro .cont {width:45%;}
#jobs .rows .intro .tis {font-size:18px;line-height:1;}
#jobs .rows .intro .editorc {margin-top:12px;}
#jobs .rows .place {display:flex;justify-content:space-between;margin-top:50px;font-size:18px;font-weight:bold;}
#jobs .rows .place div {width:45%;}
#jobs .active .sqbtn i {transform:rotate(180deg);}
*/
/*===================================================================================*/
/* 在线留言 */

#message {margin-top:60px;}
#message .tis h2 {color:#222;font-size:36px;font-weight:normal;line-height:1;}
#message .tis p {margin-top:20px;color:#999;font-size:16px;line-height:1.6;}
#message .items {margin-top:50px;font-size:0;}
#message .items input {padding-left:30px;padding-right:30px;width:100%;height:70px;font-size:18px;border:none;border-radius:5px;background-color:#f6f6f6;transition:500ms;}
#message .items textarea {padding:20px 30px;width:100%;height:160px;font-size:18px;line-height:1.8;border:none;border-radius:5px;background-color:#f6f6f6;transition:500ms;}
#message .items input:focus, #message .items textarea:focus {box-shadow:0 0 20px rgba(0,0,0,0.1);background-color:#fff;}
#message .name {display:flex;justify-content:space-between;}
#message .name .items {width:31%;}
#message .btns {margin-top:50px;font-size:0;text-align:right;}
#message .btns button {width:300px;height:70px;color:#fff;font-size:20px;font-weight:bold;border:none;border-radius:5px;background-color:#1d78bc;}
#message .btns button:hover {background-color:#01479d;}

/*===================================================================================*/

#win_ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-170px;padding:32px 20px;width:300px;color:#fff;font-size:22px;line-height:1.4;text-align:center;opacity:0;transition:all 0.5s;border-radius:8px;background-color:rgba(0,0,0,0.7);overflow:hidden;}
#win_loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;}
#win_loading_bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background:url(../images/tbs/white0.png);}

/*===================================================================================*/
/* 浮动在线客服 */

#float_os {position:fixed;top:120px;right:20px;z-index:99;width:160px;}
#float_os .qq {margin-left:50px;width:110px;background-image:url(../images/middle.gif);}
#float_os .qq .top {height:48px;background:url(../images/top.gif) no-repeat;cursor:pointer;}
#float_os .qq .bottom {height:34px;background:url(../images/bottom.gif) no-repeat;}
#float_os .qq .list {padding:4px 0;}
#float_os .qq .list li a {display:block;padding:3px 5px 3px 35px;height:20px;background:url(../images/qq.png) no-repeat 9px center;background-size:auto 18px;}
#float_os .qq .list li {position: relative; display: flex; align-items: center; padding: 4px 10px; cursor: pointer;}
#float_os .qq .list li .icon {flex: 0 0 auto; margin-right: 8px; width: 19px; height: 16px; border-radius: 3px; box-sizing: border-box; background: url(../images/qywx.png) no-repeat center center; background-size: auto 16px;}
#float_os .qq .list li .qrcode {position: absolute; top: -20px; right: 100%; display: none; margin-right: 12px; padding: 8px; width: 120px; font-size: 0; box-shadow: 0 0 10px rgba(0,0,0,0.15); background-color: #fff;}
#float_os .qq .list li .qrcode::after {position: absolute; top: 18px; right: -5px; display: block; width: 10px; height: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.4); background-color: #fff; content: ''; transform: rotate(45deg); -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0); clip-path: polygon(0 0, 100% 100%, 100% 0);}
#float_os .qq .list li .qrcode img {width: 100%;}
#float_os .qq .list li:hover .qrcode {display: block;}
#float_os .qq:after {display:block;clear:both;content:"";}
#float_os .qrcode {margin-top:10px;width:100%;font-size:0;text-align:center;}
#float_os .qrcode img {width:100%;}

/*===================================================================================*/

#news_page {padding:40px 0 0 0;width:100%;}
#products_page {padding:40px 0 0 0;width:100%;}
.fypage {font-size:0px;text-align:center;overflow:hidden;}
.fypage a,.fypage span {display:inline-block;margin:0px 4px;padding:0px 9px;height:28px;line-height:26px;font-size:14px;color:#888;border:1px solid #e5e5e5;background-color:#f5f5f5;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;}
.fypage a:hover {color:#fff;border-color:#1d78bc;background-color:#1d78bc;}
.fypage span.fypage_current, .fypage a.fypage_current {color:#fff;border-color:#1d78bc;background-color:#1d78bc;}
.fypage .fypage_prev,.fypage .fypage_next {font-family:"宋体";font-weight:bold;}

#news_mpage {display:none;padding:5% 0 0 0;}
#article_mpage {display:none;padding:5% 0 6% 0;}
#products_mpage {display:none;padding:5% 0 0 0;}
.mfypage {width:100%;height:24px;font-size:0px;text-align:center;overflow:hidden;}
.mfypage a,.mfypage span {display:inline-block;margin:0px 2px;padding:0px 8px;height:22px;font-size:12px;line-height:22px;color:#666;border:1px solid #ddd;background-color:#fff;vertical-align:top;overflow:hidden;}
.mfypage a:hover {color:#fff;border-color:#1d78bc;background-color:#1d78bc;}
#mfypage_gov {display:inline-block;margin:0px 2px;padding:0px 6px;width:36px;height:24px;color:#777;vertical-align:top;border:1px solid #ddd;background-color:#fff;}
#mfypage_gobtn:hover {color:#fff;border-color:#1d78bc;background-color:#1d78bc;}