﻿@import url("base.css");
body {font-family:Arial, Verdana;color:#555;font-size:14px;overflow-x:hidden;}
input,select,button,textarea {font-family:Arial, Verdana;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:#da251d;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%;background-color:rgba(0,0,0,0.8);transition:all ease-out 300ms;}
#header.fixed {}
#header .wrap {position:relative;z-index:1;height:100px; display: flex; align-items: center; justify-content: flex-end;}
#header .logo {position:absolute;top:50%;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;height:66px;font-size:0px;transform:translateY(-50%);}
#header .logo img {max-height:100%;}
#header .lang {display: flex; align-items: center; position: relative; margin-left: 30px; height: 100%; cursor: pointer;}
#header .lang p {display: flex; align-items: center; color:#dedede;}
#header .lang p img {margin-right: 10px; width: 20px; height: 13px;}
#header .lang p i {margin-left: 10px; font-size: 14px;}
#header .lang p:hover {color:#fff;}
#header .lang div {position: absolute; top: 110%; right: 0; width: 140px; opacity:0; visibility:hidden; box-shadow:0 5px 10px rgba(0,0,0,0.1); background-color:#fff; transition:all ease-out 350ms;}
#header .lang div:before {position:absolute;top:-16px;left:50%;display:block;margin-left:-8px;content:"";border:8px solid transparent;border-bottom-color:#fff;}
#header .lang div a {display: flex; align-items: center; padding:10px 0 10px 10px; border-bottom:1px solid #eee;}
#header .lang div a img {margin-right: 10px; width: 20px; height: 13px; box-shadow:0 0 2px rgba(0,0,0,0.5);}
#header .lang:hover div {top:95%;opacity:1;visibility:visible;}
#header .ss {width:20px;height:20px;line-height:20px;color:#dedede;text-align:center;cursor:pointer;}
#header .ss i {font-size:20px;}
#header .ss i.icon-close-light {top:1px;font-size:16px;}

#search {position:absolute;right:0;z-index:1;padding:5px 20px 15px 20px;width:360px;height:40px;box-shadow:0 0 10px rgba(0,0,0,0.2);background-color:#fff;transition:all ease-out 300ms;}
#search.hide {top:0;opacity:0;visibility:hidden;}
#search.show {top:100%;opacity:1;visibility:visible;}
#search input {padding-left:10px;width:100%;height:40px;color:#333;border:none;border-bottom:1px solid #ddd;background:none;}
#search span {position:absolute;top:4px;right:15px;display:block;width:40px;height:40px;line-height:40px;color:#333;text-align:center;cursor:pointer;}
#search span i {font-size:20px;}

#nav li {display:inline-block;position:relative;margin-right:40px;height:100%;line-height:100px;vertical-align:top;}
#nav li > a {color:#dedede;font-size:18px;text-transform:uppercase;}
#nav li > a.nav_over {color:#da251d;}
#nav li:hover > a {color:#da251d;}
#nav li:hover p {top:95%;opacity:1;visibility:visible;}
#nav li p {position:absolute;top:110%;left:50%;margin-left:-100px;width:200px;line-height:normal;opacity:0;visibility:hidden;box-shadow:0 5px 10px rgba(0,0,0,0.1);background-color:#fff;transition:all ease-out 350ms;}
#nav li p:before {position:absolute;top:-16px;left:50%;display:block;margin-left:-8px;content:"";border:8px solid transparent;border-bottom-color:#fff;}
#nav li p a {display:block;padding:11px 3px;text-align:center;border-bottom:1px solid #eee;}
#nav li p a:last-child {border-bottom:none;}
#nav li p a:hover {color:#da251d;background-color:#f5f5f5;}

#mheader_menu, #mheader_search, #menu {display:none;}

#banner {display: grid; grid-template-columns: repeat(3,1fr); padding-top: 100px; background-color:#000;}
#banner .cols {position: relative; padding-top: calc(50vh - 50px); min-width: 0;}
#banner .col1 {color:#fff; background-color:#344f94;}
#banner .col1 a {color:#fff;}
#banner .col2 {color:#344f94; background-color:#fff;}
#banner .col2 a {color:#344f94;}
#banner .item {position: absolute; inset: 30px; box-sizing: border-box; overflow: hidden;}
#banner .item .name {font-size: 24px; font-weight: normal; line-height: 1.5;}
#banner .item .text {margin-top: 10px; font-size: 16px; line-height: 2;}

#mbanner {display:none;width:100%;font-size:0;}
#mbanner .swiper-wrapper {width:100%;height:auto;}
#mbanner .swiper-slide {width:100%;}
#mbanner .swiper-slide img {width:100%;}
#mbanner .swiper-pagination {position:absolute;bottom:10px;left:0;height:8px;font-size:0;text-align:center;}
#mbanner .swiper-pagination span {margin:0;width:8px;height:8px;font-size:0;box-sizing:border-box;border-radius:50%;background:rgba(255,255,255,0.3);opacity:1;overflow:hidden;}
#mbanner .swiper-pagination span.swiper-pagination-bullet {margin:0 4px;}
#mbanner .swiper-pagination span.swiper-pagination-bullet-active {background:#da251d;}

#banners {position:relative;height:460px;font-size:0;background-repeat:no-repeat;background-position:center center;}
#banners img {display:none;width:100%;}
#banners .flex-column {position:absolute;top:0;left:50%;margin-left:-835px;padding-top:100px;height:100%;color:#fff;text-align:center;}
#banners .flex-column h2 {font-size:50px;text-transform:uppercase;}

.wrap {margin-left:auto;margin-right:auto;width:1670px;box-sizing:border-box;}
#content {padding-bottom:80px;}
#left {float:left;width:240px;}
#right {float:right;width:900px;overflow:hidden;}

#finfo {color:#999;background-color:#222;}
#finfo a {color:#999;}
#finfo a:hover {color:#da251d;}
#finfo > div {position:relative;padding:50px 290px 40px 0;}
#finfo .fnav {display:flex;justify-content:space-between;}
#finfo .fnav li > h2 {padding-bottom:10px;color:#cdcdcd;font-size:18px;text-transform:uppercase;}
#finfo .fnav li > h2 a {color:#cdcdcd;}
#finfo .fnav li > p {margin-top:20px;}
#finfo .fnav li .editorc {padding-top:10px;width:300px;line-height:2.5;}
#finfo .qrcode {position:absolute;top:50px;right:0;width:220px;font-size:0;text-align:center;}
#finfo .qrcode .imgs img {padding:5px;width:138px;border-radius:5px;box-sizing:border-box;background-color:#fff;}
#finfo .qrcode .ass {margin-top:30px;}
#finfo .qrcode .ass a {position:relative;display:inline-block;margin:0 6px;width:32px;height:32px;line-height:32px;color:#222;text-align:center;vertical-align:top;border-radius:50%;background-color:#bcbcbc;}
#finfo .qrcode .ass a span {position:absolute;bottom:100%;left:50%;display:none;padding:10px 15px;font-size:14px;line-height:normal;white-space:nowrap;word-break:keep-all;color:#fff;border-radius:5px;background-color:#da251d;transform:translate(-50%,-10px);}
#finfo .qrcode .ass a span:after {position:absolute;bottom:-12px;left:50%;display:block;margin-left:-6px;content:"";border:6px solid transparent;border-top-color:#da251d;}
#finfo .qrcode .ass a:hover {color:#fff;background-color:#da251d;}
#finfo .qrcode .ass a:hover span {display:block;}
#finfo .qrcode .ass i {font-size:20px;}
#finfo .qrcode .ass i.icon-youtube-play {font-size:18px;}
#finfo .qrcode .ass i.icon-linkedin {font-size:16px;}
#finfo .qrcode .ass i.icon-weixin {font-size:22px;}
#finfo .qrcode .ass i.icon-skype-fill {font-size:18px;}

#footer {color:#666;background-color:#000;}
#footer a {color:#666;}
#footer a:hover {color:#da251d;}
#footer > div {display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;}
#footer .fnav a {display:inline-block;margin-right:40px;vertical-align:top;text-transform:uppercase;}
#footer .fnav a:last-child {margin-right:0;}
#footer .copyright {line-height:1.8;}

/*===================================================================================*/

.itis {padding-top:50px;padding-bottom:30px;text-align:center;}
.itis h2 {color:#222;font-family:"Arial Black";font-size:50px;}
.itis h3 {display:inline-block;padding-bottom:10px;color:#222;font-size:32px;font-weight:normal; vertical-align:top;border-bottom:4px solid #da251d;}
.itis p {position:relative;margin:15px auto 0 auto;width:548px;height:30px;}
.itis p:after {position:absolute;top:50%;left:0;z-index:1;display:block;margin-top:-1px;width:100%;height:2px;content:"";background-color:#434343;}
.itis p span {position:relative;z-index:2;display:inline-block;width:52px;height:30px;content:"";vertical-align:top;background:url(../images/itis_arrow.png) no-repeat center center #fff;}

.itit > h3 {color:#222;font-size:30px;font-family:"Arial Black";}
.itit > div {margin-top:10px;padding-left:22px;color:#666;font-size:16px;line-height:1.8;border-left:5px solid #1b1b1b;}
.itit > a {display:block;margin-top:25px;margin-left:27px;width:138px;height:40px;line-height:36px;color:#1b1b1b;font-size:16px;font-weight:bold;text-align:center;border-radius:20px;box-sizing:border-box;border:2px solid #222;}
.itit > a:hover {color:#fff;border-color:#ca2221;background-color:#ca2221;}

#ipros_tis {background-color:#f6f6f6;}
#ipros_tis p span {background-color:#f6f6f6;}
#ipros {display:flex;justify-content:space-between;padding-top:60px;padding-bottom:80px;}
#ipros .nrl {margin-top:50px;width:35.9%;}
#ipros .nrl .swiper-container {width:100%;font-size:0px;}
#ipros .nrl .swiper-wrapper {width:100%;height:auto;}
#ipros .nrl .swiper-slide {transition:none;overflow:hidden;}
#ipros .nrl .swiper-slide img {width:100%;transition:all ease-out 400ms;}
#ipros .nrl .swiper-slide img:hover {transform:scale(1.08);}
#ipros .nrr {width:60%;}
#ipros .list {position:relative;margin-top:40px;}
#ipros .list .swiper-container {width:100%;font-size:0px;}
#ipros .list .swiper-wrapper {width:100%;height:auto;}
#ipros .list .swiper-slide {transition:none;}
#ipros .list .swiper-slide a {display:block;padding:3px;color:#fff;text-align:center;background-color:#1b1b1b;}
#ipros .list .swiper-slide a .imgs {overflow:hidden;}
#ipros .list .swiper-slide a .imgs img {width:100%;transition:all ease-out 400ms;}
#ipros .list .swiper-slide a .text {padding:0 12px;height:75px;}
#ipros .list .swiper-slide a .text h2 {max-height:48px;font-size:18px;font-weight:normal;line-height:24px;overflow:hidden;}
#ipros .list .swiper-slide a:hover .imgs img {transform:scale(1.08);}
#ipros .list .swiper-slide-active a {background-color:#ca2221;}
#ipros .list .swiper-button {position:absolute;top:50%;margin-top:-32px;width:32px;height:64px;line-height:64px;color:#fff;text-align:center;cursor:pointer;overflow:hidden;}
#ipros .list .swiper-button:after {position:absolute;top:0;z-index:1;display:block;width:64px;height:64px;content:"";border-radius:50%;background-color:#ababab;}
#ipros .list .swiper-button i {position:relative;z-index:2;font-size:20px;}
#ipros .list .swiper-button:hover:after {background-color:#ca2221;}
#ipros .list .swiper-prev {left:-42px;}
#ipros .list .swiper-prev:after {left:0;}
#ipros .list .swiper-next {right:-42px;}
#ipros .list .swiper-next:after {right:0;}

#iproxl {position:relative;}
#iproxl .imgs .swiper-container {width:100%;font-size:0px;}
#iproxl .imgs .swiper-wrapper {width:100%;height:auto;}
#iproxl .imgs .swiper-slide {transition:none;}
#iproxl .imgs .swiper-slide a {display:block;}
#iproxl .imgs .swiper-slide a img {width:100%;}
#iproxl .imgs .swiper-slide a h2 {display:none;}
#iproxl .thumbs {position:absolute;bottom:0;left:0;z-index:10;width:100%;background-color:rgba(0,0,0,0.45);}
#iproxl .thumbs > div {position:relative;padding:35px 115px 30px 115px;}
#iproxl .thumbs .swiper-container {width:100%;font-size:0px;}
#iproxl .thumbs .swiper-wrapper {width:100%;height:auto;}
#iproxl .thumbs .swiper-slide {color:#eee;text-align:center;transition:none;cursor:pointer;}
#iproxl .thumbs .swiper-slide div {position:relative;overflow:hidden;}
#iproxl .thumbs .swiper-slide div:after {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;content:"";box-sizing:border-box;background-color:rgba(0,0,0,0.5);}
#iproxl .thumbs .swiper-slide div img {width:100%;transition:all ease-out 400ms;}
#iproxl .thumbs .swiper-slide h2 {margin-top:12px;font-size:18px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#iproxl .thumbs .swiper-slide:hover div img {transform:scale(1.08);}
#iproxl .thumbs .swiper-slide-curt {color:#ca2221;}
#iproxl .thumbs .swiper-slide-curt div:after {border:3px solid #ca2221;background:none;}
#iproxl .thumbs .swiper-button {position:absolute;top:50%;margin-top:-40px;color:#cdcdcd;font-size:40px;cursor:pointer;}
#iproxl .thumbs .swiper-button:hover {color:#ca2221;}
#iproxl .thumbs .swiper-prev {left:0;}
#iproxl .thumbs .swiper-next {right:0;}

#iabout {background-color:#f6f6f6;}
#iabout > div {display:flex;justify-content:space-between;padding-top:88px;padding-bottom:88px;}
#iabout .text {width:47.3%;}
#iabout .yss {padding-top:10px;}
#iabout .yss li {display:flex;margin-top:10px;}
#iabout .yss li .number {flex:0 0 auto;color:#da251d;font-size:60px;font-family:impact;}
#iabout .yss li .desc {flex:1 1 auto;margin-left:12px;}
#iabout .yss li .desc .year {color:#1b1b1b;font-size:18px;font-weight:bold;}
#iabout .yss li .desc .jia {color:#1b1b1b;font-size:26px;font-weight:bold;}
#iabout .yss li .desc p {color:#666;font-size:16px;}
#iabout .video {width:46.7%;height:510px;font-size:0;background-color:#000;}

#inews {padding-top:55px;padding-bottom:80px;}
#inews .itis {display:none;}
#inews .tis {position:relative;height:73px;border-bottom:1px solid #e5e5e5;}
#inews .tis h2 {position:relative;top:-17px;color:#222;font-family:"Arial Black";font-size:50px;}
#inews .tis div {position:absolute;top:0;right:0;}
#inews .tis div a {display:inline-block;margin-left:11px;padding:0 20px;min-width:160px;height:40px;line-height:40px;color:#fff;font-size:16px;font-weight:bold;text-align:center;vertical-align:top;box-sizing:border-box;background-color:#1b1b1b;}
#inews .tis div a:hover {background-color:#da251d;}
#inews .list {padding-top:35px;}
#inews .list a {display:inline-block;margin-right:1.5%;width:23.875%;font-size:0;vertical-align:top;border-bottom:4px solid #ebebeb;}
#inews .list a:nth-child(4n) {margin-right:0;}
#inews .list a .imgs {font-size:0;overflow:hidden;}
#inews .list a .imgs img {width:100%;transition:all ease-out 400ms;}
#inews .list a .text {padding:20px;}
#inews .list a .text h2 {height:50px;font-size:18px;line-height:25px;overflow:hidden;}
#inews .list a .text p {margin-top:8px;margin-bottom:15px;height:50px;line-height:25px;color:#666;font-size:16px;overflow:hidden;}
#inews .list a .text .date {position:relative;line-height:28px;}
#inews .list a .text .date span {display:inline-block;padding:0 12px;height:28px;color:#fff;font-size:14px;text-align:center;vertical-align:top;border-radius:3px;background-color:#da251d;}
#inews .list a .text .date i {position:absolute;top:0;right:0;color:#666;font-size:20px;}
#inews .list a:hover {border-bottom-color:#da251d;box-shadow:0 0 25px rgba(46,46,46,0.2);}
#inews .list a:hover .imgs img {transform:scale(1.08);}

/*===================================================================================*/

.nodata {padding:150px 0px;color:#999;font-size:18px;text-align:center;}
#title_cur {padding:20px 0;color:#999;border-bottom:1px solid #eee;}
#title_cur a {color:#999;}
#title_cur a:hover {color:#da251d;}
#title_cur span {padding:0 12px;}
#title_cur strong {color:#da251d;font-weight:normal;}

#title_menu {text-align:center;border-bottom:1px solid #eee;}
#title_menu a {display:inline-block;padding:0 20px;min-width:160px;height:70px;line-height:70px;color:#666;font-size:18px;text-align:center;vertical-align:top;box-sizing:border-box;}
#title_menu a:hover {color:#fff;background-color:#da251d;}
#title_menu a.active {color:#fff;background-color:#da251d;}
.title_subclass {margin-top:40px;font-size:0px;}
.title_subclass a {display:inline-block;padding:0px 25px;height:40px;font-size:14px;line-height:40px;border:1px solid #e1e1e1;border-right:none;background-color:#f8f8f8;
	background-image:-webkit-linear-gradient(top,#fdfdfd,#f8f8f8);
	background-image:-moz-linear-gradient(top,#fdfdfd,#f8f8f8);
	background-image:-ms-linear-gradient(top,#fdfdfd,#f8f8f8);
	background-image:-o-linear-gradient(top,#fdfdfd,#f8f8f8);
	background-image:linear-gradient(top,#fdfdfd,#f8f8f8);
}
.title_subclass a.active {color:#fff;border-color:#da251d;background-color:#da251d;background-image:none;}
.title_subclass a:first-child {border-radius:4px 0px 0px 4px;}
.title_subclass a:last-child {border-radius:0px 4px 4px 0px;border-right:1px solid #e1e1e1;}

#mtitle_name {position:relative;display:none;background-color:#222;overflow:hidden;}
#mtitle_name h2 {padding:10px 60px 12px 3%;color:#fff;font-size:18px;}
#mtitle_name span {position:absolute;top:50%;right:3%;margin-top:-4px;display:block;border:6px solid transparent;border-top-color:#fff;transition:none;}
#mtitle_name span.active {margin-top:-10px;border-top-color:transparent;border-bottom-color:#fff;}
#mtitle_menu {display:none;width:100%;background-color:#222;transition:none;}
#mtitle_menu a {position:relative;display:block;padding:10px 40px 10px 3.2%;color:#fff;font-size:14px;border-top:1px solid #333;}
#mtitle_menu a i {position:absolute;top:50%;right:3%;margin-top:-7px;color:#fff;font-size:14px;}
#mtitle_menu a.active {color:#da251d;}
#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:#da251d;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:240px;height:55px;color:#fff;font-size:20px;box-sizing:border-box;border:none;background-color:#ca2221;cursor:pointer;}
.button:hover {background-color:#da251d;}

.editorc_nrs {padding-top:40px;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc_box {padding-top:2.5%;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc {font-size:16px;line-height:1.65;}
.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 {line-height:1.65;}
.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:8px 15px 8px 10px;color:#333;background-color:#eee;}
#prevnext_back i {margin-right:5px;font-size:14px;}
#prevnext_back:hover {color:#fff;background-color:#da251d;}

/*===================================================================================*/
/* 关于我们 */

#about_image1 {font-size:0px;}
#about_image1 a {display:inline-block;margin:3% 3% 0 0;width:22.75%;font-size:0px;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 #da251d;}
#about_image1 a p {padding-top:12px;font-size:16px;line-height:1.4;}

#about_image2 {font-size:0px;}
#about_image2 a {display:inline-block;margin:3% 2% 0 0;width:15%;font-size:0px;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 #da251d;}
#about_image2 a p {padding-top:12px;font-size:16px;line-height:1.4;}

#contact .wrap {padding-top:3%;padding-bottom:4%;}
#contact_map {margin-top:3%;height:550px;font-size:0px;}

#contact .message {margin:0 auto;width:1400px;}
#contact .message .inputs {display:inline-block;margin-bottom:20px;width:49.5%;font-size:0;vertical-align:top;}
#contact .message .inputs input {padding:0 30px;width:100%;height:65px;font-size:16px;border:1px solid #f3f3f3;background-color:#f3f3f3;transition:all 350ms;}
#contact .message .inputs textarea {padding:20px 30px;width:100%;height:200px;font-size:16px;line-height:2;border:1px solid #f3f3f3;background-color:#f3f3f3;transition:all 350ms;}
#contact .message .inputs input:focus,#contact .message .inputs textarea:focus {box-shadow:0 8px 16px rgba(68, 71, 198, .10);background-color:#fff;}
#contact .message .mig {display: none;}
#contact .message .mar {margin-left:1%;}
#contact .message .btn {text-align:center;}

/*===================================================================================*/
/* 产品列表 */

#pros {display:flex;flex-flow:row wrap;}
#pros a {margin:3% 3% 0 0;width:22.75%;vertical-align:top;box-shadow:0 0 10px rgba(0,0,0,0.1);}
#pros a:nth-child(4n) {margin-right:0;}
#pros a .imgs {font-size:0;overflow:hidden;}
#pros a .imgs img {width:100%;box-sizing:border-box;transition:all ease-out 400ms;}
#pros a .text {padding:20px;}
#pros a .text h2 {font-size:18px;font-weight:normal;line-height:1.4;}
#pros a .text p {margin-top:8px;height:48px;line-height:24px;color:#666;font-size:14px;overflow:hidden;}
#pros a:hover .imgs img {transform:scale(1.08);}
#pros a:hover p {color:#da251d;}

#prods {padding:50px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
#prods .info {display:flex;}
#prods .info .imgs {flex:0 0 auto;width:500px;font-size:0;}
#prods_image {position:relative;z-index:1;background-color:#fff;}
#prods_image img {width:100%;}
#prods_mimage {font-size:0;}
#prods_mimage img {width:100%;}
#prods_mimage, #prods_mimages {display:none;}

#prods_thumb1 {position:relative;margin-top:15px;padding:0px 40px;}
#prods_thumb1 .swiper-container {width:100%;}
#prods_thumb1 .swiper-wrapper {width:100%;height:auto;}
#prods_thumb1 .swiper-slide {position:relative;width:auto;cursor:pointer;}
#prods_thumb1 .swiper-slide img {width:100%;box-sizing:border-box;border:1px solid #ececec;background-color:#fff;}
#prods_thumb1 .active img {border:2px solid #da251d;}
#prods_thumb1 .swiper-button {position:absolute;top:50%;margin-top:-20px;color:#666;font-size:30px;cursor:pointer;}
#prods_thumb1 .swiper-button:hover {color:#da251d;}
#prods_thumb1 .swiper-prev {left:0;}
#prods_thumb1 .swiper-next {right:0;}
#prods_thumb1 .swiper-button-disabled {opacity:0.4;cursor:default;}
#prods_thumb1 .swiper-button-disabled:hover {color:#999;}
#prods_thumb2 {margin-top:15px;}
#prods_thumb2 li {position:relative;display:inline-block;margin-right:10px;width:120px;height:120px;vertical-align:top;box-sizing:border-box;border:1px solid #ececec;background-color:#fff;cursor:pointer;}
#prods_thumb2 li:last-child {margin-right:0;}
#prods_thumb2 li.active {border:2px solid #da251d;}
#prods_thumb2 li img {width:100%;height:100%;}

#prods .info .text {flex:1 1 auto;margin-left:60px;}
#prods .info .text h1 {color:#222;font-size:26px;font-weight:normal;}
#prods .info .text p {margin-top:20px;color:#666;font-size:16px;line-height:1.8;}
.prods_tis {margin-top:60px;background-color:#f5f5f5;}
.prods_tis h3 {display:inline-block;padding:0 30px;height:60px;line-height:60px;color:#fff;font-size:20px;vertical-align:top;background-color:#da251d;}

/*===================================================================================*/
/* 新闻列表 */

#news a {display:flex;align-items:center;margin-top:40px;color:#666;box-shadow:0 0 20px rgba(0,0,0,0.1);}
#news a .imgs {flex:0 0 auto;width:30%;font-size:0;overflow:hidden;}
#news a .imgs img {width:100%;transition:all ease-out 400ms;}
#news a .text {flex:1 1 auto;padding:50px 60px;}
#news a .text h2 {color:#222;font-size:22px;font-weight:normal;line-height:1.5;}
#news a .text .date {padding:20px 0;}
#news a .text .date i {position:relative;top:1px;margin-right:5px;}
#news a .text .desc {height:48px;line-height:24px;overflow:hidden;}
#news a .text .more {margin-top:20px;text-align:right;}
#news a .text .more i {position:relative;top:2px;margin-left:8px;font-size:18px;}
#news a:hover {color:#da251d;}
#news a:hover .imgs img {transform:scale(1.08);}
#news a:hover .text h2 {color:#da251d;}
#news_info h1 {padding:50px 0px 25px 0px;color:#222;font-size:26px;line-height:1.4;text-align:center;}
#news_info p {padding-bottom:10px;color:#999;font-size:14px;text-align:center;border-bottom:1px dashed #ccc;}
#news_info p span {padding:0px 20px;}

#download {display:flex;flex-flow:row wrap;}
#download li {display:flex;margin:3% 3% 0 0;width:31.333%;vertical-align:top;box-shadow:0 0 20px rgba(0,0,0,0.1);}
#download li:nth-child(3n) {margin-right:0;}
#download li .imgs {flex:0 0 auto;width:40%;font-size:0;overflow:hidden;}
#download li .imgs img {width:100%;transition:all ease-out 400ms;}
#download li .text {flex:1 1 auto;position:relative;padding:20px 30px;}
#download li .text h2 {color:#222;font-size:18px;font-weight:normal;line-height:1.5;}
#download li .text a {position:absolute;bottom:20px;left:30px;display:block;padding:10px 20px;color:#333;border-radius:3px;background-color:#eee;}
#download li .text a i {margin-right:8px;}
#download li .text a:hover {color:#fff;background-color:#da251d;}
#download li:hover .imgs img {transform:scale(1.08);}
/*===================================================================================*/
/* 视频列表 */

#video-tj {margin:3% auto 0 auto;width:1000px;height:560px;font-size:0;background-color:#000;overflow:hidden;}
#video {padding-top:10px;font-size:0px;}
#video li {display:inline-block;margin:3% 3% 0 0;width:22.75%;text-align:center;vertical-align:top;}
#video li:nth-child(4n) {margin-right:0;}
#video li a {display:block;}
#video li a.sj {display:none;}
#video li a div {position:relative;font-size:0px;overflow:hidden;}
#video li a div img {width:100%;box-sizing:border-box;transition:all ease-out 400ms;}
#video li a div:before {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;content:"";opacity:1;background-color:rgba(0,0,0,0.3);transition:all ease-out 300ms;}
#video li a div:after {position:absolute;top:0;left:0;z-index:3;display:block;width:100%;height:100%;content:"";opacity:1;background:url(../images/play.png) no-repeat center center;background-size:auto 70px;transition:all ease-out 300ms;}
#video li a p {padding-top:15px;font-size:16px;line-height:1.4;}
#video li a:hover div img {transform:scale(1.08);}
#video li a:hover div:before {opacity:0;}
#video li a:hover div:after {opacity:0;}
#video_play {width:1200px;height:672px;font-size:0px;background-color:#000;overflow:hidden;}

/*===================================================================================*/

#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:50%;right:0px;z-index:98;display:none;margin-top:-150px;width:65px;}
#float_os li {position:relative;margin-bottom:1px;height:60px;text-align:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.5);cursor:pointer;}
#float_os li:last-child {border-bottom:none;}
#float_os li a {display:block;padding-top:38px;height:inherit;color:#fff;font-size:12px;box-sizing:border-box;}
#float_os li p {position:absolute;top:0px;right:66px;display:none;padding:0px 20px;font-size:20px;line-height:60px;white-space:nowrap;word-break:keep-all;background-color:#ff6600;}
#float_os li img {position:absolute;right:66px;top:0px;display:none;padding:8px;width:121px;height:121px;box-sizing:border-box;background-color:#ff6600;}
#float_os li:hover {background-color:#ff6600;}
#float_os .kefu {background-image:url(../images/float_os_kefu.png);background-size:auto 22px;background-position:center 12px;}
#float_os .tel {background-image:url(../images/float_os_tel.png);background-size:auto 24px;background-position:center 10px;}
#float_os .tel:hover p {display:block;}
#float_os .qrcode {background-image:url(../images/float_os_weixin.png);background-size:auto 22px;background-position:center 10px;}
#float_os .qrcode:hover img {display:block;}
#float_os .top {background-image:url(../images/float_os_top2.png);background-position:center center;}
/*  没有文字的
#float_os {position:fixed;top:50%;right:0px;z-index:98;display:none;margin-top:-100px;width:50px;}
#float_os li {position:relative;margin-bottom:1px;height:50px;text-align:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.5);background-position:center center;cursor:pointer;}
#float_os li:last-child {border-bottom:none;}
#float_os li a {display:block;width:100%;height:100%;}
#float_os li p {position:absolute;top:0px;right:50px;display:none;padding:0px 20px;font-size:20px;line-height:50px;white-space:nowrap;word-break:keep-all;background-color:#ff6600;}
#float_os li img {position:absolute;right:51px;bottom:-51px;display:none;padding:8px;width:152px;height:152px;box-sizing:border-box;background-color:#ff6600;}
#float_os li:hover {background-color:#ff6600;}
#float_os .kefu {background-image:url(../images/float_os_kefu.png);background-size:auto 22px;}
#float_os .tel {background-image:url(../images/float_os_tel.png);background-size:auto 24px;}
#float_os .tel:hover p {display:block;}
#float_os .qrcode {background-image:url(../images/float_os_qrcode.png);background-size:auto 22px;}
#float_os .qrcode:hover img {display:block;}
#float_os .top {background-image:url(../images/float_os_top.png);}
*/

/*===================================================================================*/

#news_page {padding:60px 0 0 0;width:100%;}
#products_page {padding:60px 0 0 0;width:100%;}
.fypage {font-size:0px;text-align:center;overflow:hidden;}
.fypage a,.fypage span {display:inline-block;margin:0px 5px;width:40px;height:40px;line-height:40px;font-size:16px;color:#666;background-color:#f0f0f0;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;}
.fypage a:hover {color:#fff;background-color:#da251d;}
.fypage span.fypage_current, .fypage a.fypage_current {color:#fff;background-color:#da251d;}
.fypage .fypage_prev,.fypage .fypage_next {font-family:"宋体";font-weight:bold;}

#news_mpage {display:none;padding:4% 0 0 0;}
#products_mpage {display:none;padding:4% 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:#da251d;background-color:#da251d;}
#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:#da251d;background-color:#da251d;}