@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/*Html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
/*Base*/
html {
	font: 12px/1.8 "微软雅黑";
	color: #666;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	background: transparent; /*修正win8系统IE连接灰色背景*/
	outline:none;
blr:expression(this.onFocus=this.blur());
}
a:focus {
	outline: 0;
}
a:active, a:hover {
	outline: 0;
}
a{ color:#333;}
a:hover{ color:#0061ae;}
img {
	border: 0;
	-ms-interpolation-mode:bicubic
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline:none;
}
button, input {
	line-height: normal;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input.submit {
	border: 0;
	margin: 0;
	cursor: pointer;
}
input.radio {
	width: 13px;
	height: 13px;
	float: left;
	display: inline;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 1;
}
ul, ol {
	list-style:none;
}
li {
	list-style:none;
}
/*清除浮动*/
.clear {
	clear: both;
	height:0px;
	line-height:0px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
dl, dd, dt {
	list-style:none;
	padding:0px;
	margin:0px;
}
html,body{
	position: relative;
}
a{cursor:pointer;}
.w960{
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.ovh{
	overflow: hidden;
}
.mt35{
	margin-top: 35px!important;
}









.iconfont{ font-style: unset;  font-size: unset;}
.main_content_head{ width:96%; margin:0 auto; max-width: 1638px; }
.main_content{ width:96%; margin:0 auto; max-width: 1600px; }



/***********top***************/
.header{ width: 100%; position: fixed;z-index: 99999; transition: 0.5s;}
.header_logo{ float: left;margin-top: 22px; margin-bottom: 11px;}
.header_fr{ float: right;}
.header_nav{ float: left; }
.header_nav>ul>li{float: left; position: relative; line-height: 80px;}
.header_nav>ul>li>a{ display: inline-block; line-height: 34px; font-size: 16px; color: #fff; padding: 0 20px; margin: 0px 10px; position: relative;}
.header_nav>ul>li.on>a,.header_nav>ul>li:hover>a{ color: #fff; background: #0061ae;  border-radius: 100px;}

.header_nav>ul>li>ul{ position: absolute; width: auto;border-top: 0px solid #0061ae; background: rgb(255 255 255 / 85%); left: 50%; transform: translateX(-50%); padding: 10px 0; top: 100%; display: none; box-shadow: 0px 0px 10px #5c5c5c; border-radius: 10px;}
.header_nav>ul>li>ul li{ width: 100%; width: 100%; white-space: nowrap; line-height: 30px; font-size: 16px; position: relative; }
.header_nav>ul>li>ul li>a{ color: #1a191e; padding: 0 20px;}
.header_nav>ul>li>ul li>a:hover,.header_nav>ul>li>ul li.on>a{ color: #0061ae;}
.header_nav>ul>li>ul ul{ position: absolute; width: auto; background: #edeff6; left: 100%; top: 0; padding: 10px 0; display: none; border-radius: 10px; }
.header_nav_bg{ position: absolute; background: #fff; top: 100%;  border-radius: 10px;}
.header_nav.on2>ul>li ul{ border-top: 0px solid #0061ae; box-shadow: 0px 0px 0px #5c5c5c;}

.header_search{   float: left; margin-top: 25px; color: #fff; margin-right: 31px; padding: 0 29px;}
.header_search i{ font-size: 18px; cursor: pointer;}
.header_cnen{ float: left; margin-top: 27px; position: relative; cursor: pointer;  }
.header_cnen span{ font-size: 16px; color: #fff; float: right; }
.header_cnen span i{ font-size:10px;position: relative; top: -3px; color: #fff; display: inline-block;}
.header_cnen ul{  position: absolute; top: 100%; width: 84%; text-align: center; background: #fff; left: 50%; transform: translateX(-50%);}
.header_cnen li{ width: 100%;}
.header_cnen li a{ float: left; width: 100%; line-height: 35px;  border-bottom: 1px solid #eeeeee;}
.header_cnen li a:hover{ background:#0061ae ; color: #fff;}

.header .searchinput { position: absolute; left: 0; right: 0; top: 100%; background: #fff; text-align: center; border-top: .9975px solid #eaeaea; padding: 30px 0; display: none; z-index: 11;}
.header .searchinput { background: rgba(0,0,0,0.1); box-shadow: 0px 0px 5px .9975px rgba(0,0,0,0.1);}
.header.header_fd .searchinput{  background: rgba(0,0,0,0.5); }
.header .searchinput .close { position: absolute; top: 20px; right: 20px; display: inline-block; line-height: 39.9975px; width: 39.9975px; text-align: center; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; font-size: 20px;}
.header .searchinput .close { opacity: 1; color: #fff;}
.header .searchinput .inb { overflow: hidden; border-bottom: .9975px solid #fff; display: inline-block;}
.header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 9.9975px; height: 35px; color: #fff; border: 0; font-size: 16px;}
.header .searchinput input[type="text"] { width: 399.9975px;}
.header .searchinput input::-webkit-input-placeholder{ color:#fff;}
.header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 9.9975px; height: 35px;}
.header .searchinput input[type="button"], .header .searchinput input[type="submit"] { font-size: 20px; color: #ffff;}
[onclick] { cursor: pointer;}


.header_fd{  background: rgba(0,0,0,0.5); }

.head_nav_wap{ display: none;}
@media (max-width:1400px) {
	.header_nav>ul>li>a{ font-size: 14px; margin: 0px 5px}
}
@media (max-width:1200px) {
	.header_cnen span{ font-size: 14px;}
	.header_search{ margin-right: 0; padding: 0 20px;}
	.header_nav>ul>li>a{ font-size: 12px; padding: 0 15px;}
}
@media (max-width:999px) {
	.header_logo{ margin: 13px 0;}
	.header_logo img{ height: 30px;}
	.header_nav,.header_search,.header_cnen{ display: none;}
	.head_nav_wap{ display: inline-block;}
}


.banner{ width: 100%; position: relative; overflow: hidden; float: left;  }
.banner li.swiper-slide{ width: 100%; float: left; position: relative; overflow: hidden;}
.banner li .banner_img { width: 100%; height: 100%; float: left; position: relative;}
.banner li .banner_img img,.banner li .banner_img video { width: 100%; }
.banner li .banner_img_wap {display: none;}
.banner li .banner_wz{ position: absolute; width: 100%; height: 100%; top: 0;  opacity: 0; transition: 1.5s;z-index: 2;}
.banner li .banner_wz .main_content{ position: relative; height: 100%;}
.banner li.active .banner_wz{  opacity: 1;}
.banner li .banner_ys0{  display: none;}
.banner li .banner_ys1{ }
.banner li.active .banner_ys1{}
.banner_wz_fl{  width: 60%; top:41%; position: absolute; z-index: 2; left: -15%;  transition: 1.5s; opacity: 0;}
.banner li.active .banner_ys1 .banner_wz_fl{ left: 0px; opacity: 1;}
.banner li .banner_wz1{ font-size: 71px; color: #ffffff; line-height: 71px; }
.banner li .banner_wz2{ margin-top: 25px; font-size: 23.5px; color: #ffffff; line-height: 35px; width: 69%; }
.banner .swiper-button-next,.banner .swiper-button-prev{ position: absolute; margin-top: 0; left: 3%; top: 56%; transform: translateY(-50%); height:41px; font-size: 25px; color: #fff; font-weight: bold; line-height: 41px; width: auto; text-align: center;  background: none; float: left; display: none;}
.banner .swiper-button-next{ left: auto; right: 3%;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ color: #0061ae; }
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{ display: inline-block;}
.banne_bot{ left: auto; bottom:40px; width: 100%; position: absolute; z-index: 99;}
.banner .swiper-pagination{ width: 100%; text-align: center; }
.banner .swiper-pagination-bullet{  width: 9px; height: 9px; background: #fff; border-radius: 100px; opacity: 1; margin: 0 7px; }
.banner .swiper-pagination-bullet-active{ opacity: 1; width: 60px;  }

@media (max-width:1400px) {
	.banner li .banner_wz1{ font-size: 50px; line-height: 60px;}
	.banner li .banner_wz2{ margin-top: 10px; font-size: 20px;}
}
@media (max-width:1200px) {
	.banner li .banner_wz1 { font-size: 42px; line-height: 50px; }
	.banner li .banner_wz2{ font-size: 18px; line-height: 30px;}
	.banner .swiper-pagination-bullet{ width: 6px; height: 6px;}
	.banner .swiper-pagination-bullet-active{ width: 40px;}
}
@media (max-width:999px) {
	.banner li .banner_wz1 { font-size: 32px; line-height: 40px; }
	.banner li .banner_wz2 { font-size: 16px; line-height: 26px; }
}
@media (max-width:799px) {
	.banner li .banner_wz1 { font-size: 24px; line-height: 30px; }
	.banner li .banner_wz2 { font-size: 14px; line-height: 22px; width: 100%; }
}
@media (max-width:599px) {
	.banner li .banner_img img, .banner li .banner_img video{ width: 120%; left: 50%; transform: translateX(-50%); position: relative;}
	.banner li .banner_img.on img, .banner li .banner_img.on video{ width: 100% !important; }
	.banner_wz_fl{ width: 100%; text-align: center;}
	.banner li .banner_wz1 { font-size: 18px; line-height: 20px; }
	.banner li .banner_wz2 { margin-top: 5px; font-size: 12px; line-height: 20px; }
	.banne_bot{ bottom: 15px;}
	.banner .swiper-pagination-bullet{ width: 4px; height: 4px; margin: 0 4px;}
	.banner .swiper-pagination-bullet-active{ width: 30px;}
}





.i_cpzx{ float: left; width: 100%; position: relative; padding: 100px 0 130px; background: #fff;}
.i_cpzx_top{ float: left; width: 100%;}
.i_cpzx_title{ font-size: 48px; line-height: 60px; color: #0061ae; font-weight: bold; position: relative;}
.i_cpzx_title:before{ content: ''; position: absolute; width: 90px; height: 90px; left: -25px; top: -25px; background-image: linear-gradient(to right bottom, #d4e6f4, transparent 50%); border-radius: 100px; transform: rotate(23deg);}
.i_cpzx_desc{ float: left; font-size: 18px; line-height: 24px; color: #666666;  margin-top: 6px;}
.i_cpzx_more{ float: right; position: relative; top: -8px; margin-right: 6px;}
.i_cpzx_more a{ font-size: 18px; line-height: 30px; color: #333333; font-weight: bold;}
.i_cpzx_more a i{ position: absolute; transform: rotate(45deg); left: -53px;top: -5px; color: #fff; padding: 12px; line-height: 18px; background: #0061ae; border-radius: 100px;}
.i_cpzx_list{ float: left; width: 100%; position: relative; margin-top: 38px;}
.i_cpzx_list li{ float: left;  width: 15.6%; margin-right: 0.7%; transition: 0.5s; position: relative;}
.i_cpzx_list li.on{ width: 34.8%;}
.i_cpzx_list li:last-child{ margin-right: 0;}
.i_cpzx_list li .i_cpzx_list_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 520px; border-radius: 10px; }
.i_cpzx_list li .i_cpzx_list_tu  img{ position: absolute; width: 100%; height: 100%; object-fit: cover;}
.i_cpzx_list li .i_cpzx_list_title{ position: absolute; top: 53px; font-size: 24px; color: #ffffff; text-align: center; width: 100%;}
.i_cpzx_list li .i_cpzx_list_more{ float: left; width: 100%; position: absolute;  bottom: -24px; text-align: center;display: none;}
.i_cpzx_list li .i_cpzx_list_more span{ display: inline-block; padding: 9px 30px; font-size: 16px; color: #fff; background: #0061ae; border-radius: 100px; }
.i_cpzx_list li .i_cpzx_list_more i{ font-size: 13px; margin-left: 7px;}
.i_cpzx_list li.on .i_cpzx_list_more{ display: inline-block;}

@media (max-width:1200px) {
	.i_cpzx{ padding: 50px 0; }
	.i_cpzx_title{ font-size: 32px; line-height: 40px;}
	.i_cpzx_desc{ font-size: 16px;}
	.i_cpzx_more a{ font-size: 16px;}
	.i_cpzx_more a i{ padding: 8px; left: -44px; top: 0px;}
	.i_cpzx_list li .i_cpzx_list_title{ top: 30px; font-size: 18px;}
	.i_cpzx_list li .i_cpzx_list_more span{ font-size: 14px;}
	.i_cpzx_list li .i_cpzx_list_tu{ padding-bottom: 420px;}
}
@media (max-width:999px) {
	.i_cpzx_desc{ font-size: 14px; width: 84%;}
	.i_cpzx_more a { font-size: 14px; }
	.i_cpzx_more a i { padding: 5px; left: -30px; top: 4px; line-height: 14px; }
}
@media (max-width:799px) {
	.i_cpzx_list li,.i_cpzx_list li.on{ width: 100%; margin-bottom: 10px;}
	.i_cpzx_list li .i_cpzx_list_more{ bottom: 10px;}
	.i_cpzx_list li .i_cpzx_list_tu { padding-bottom: 80px; transition: 0.5s; }
	.i_cpzx_list li.on .i_cpzx_list_tu { padding-bottom: 350px;}
}
@media (max-width:599px) {
	.i_cpzx { padding:30px 0; }
	.i_cpzx_title { font-size: 24px; line-height: 30px; }
	.i_cpzx_desc{ font-size: 12px;}
	.i_cpzx_top{ text-align: center;}
	.i_cpzx_desc{ width: 100%;}
	.i_cpzx_more{ display: none;}
	.i_cpzx_list{ margin-top: 20px;}
	.i_cpzx_list li.on .i_cpzx_list_tu { padding-bottom: 300px; }
	.i_cpzx_list li .i_cpzx_list_more span{ font-size: 12px; padding: 4px 17px;}
}



.i_about{  float: left; width: 100%; position: relative; padding: 44px 0 140px; background: #f5f9fa; }
.i_about_fl{ float: left; width: 47%; position: relative;}
.i_about_title{ font-size: 48px; color: #0061ae; font-weight: bold; margin-top: 21px;}
.i_about_desc{ font-size: 28.5px; line-height: 30px; color: #333333; font-weight: bold;}
.i_about_nav{ float: left; width: 100%;  margin-top: 34px;}
.i_about_nav li{ float: left; margin-right: 20px;}
.i_about_nav li a{ float: left; padding: 10px 34px; font-size: 18px; line-height: 20px; color: #333333; background: #fff; border-radius: 100px; box-shadow: 0px 0px 10px #eeeeee;}
.i_about_nav li.on a,.i_about_nav li:hover a{ background: #0061ae; color: #fff;}
.i_about_cont{ float: left; margin-top: 40px; margin-top: 35px; font-size: 18px; line-height: 28px; color: #333333;position: relative; z-index: 2; }
.i_about_cont p{  margin-bottom: 13px;}
.i_about_more{ float: left; margin-top: 41px; position: relative; z-index: 2;}
.i_about_more a{ font-size: 18px; line-height: 43px;}
.i_about_more a i{ padding: 12px; font-size: 16px; line-height: 16px; color: #fff; font-weight: bold; display: inline-block; margin-right: 14px; background: #0061ae; border-radius: 100px;}
.i_about_tb{ position: absolute; bottom: -27px; z-index: 1;}
.i_about_tb img{ max-width: 100%;}
.i_about_fr{ float: right; width: 47.8%; position: absolute; right: 0; top: 47px;}
.i_about_subname{ font-size: 150px; line-height: 150px; color: #0061ae; float: right; font-weight: bold; opacity: 0.08; position: absolute; right: 11px; top: 11px;  }
.i_about_tu{ width: 100%; float: left;position: relative; z-index: 2;}
.i_about_tu img{  width: 100%;}

@media (max-width:1600px) {
	.i_about_title{ font-size: 42px; }
	.i_about_desc{ font-size: 26px;}
	.i_about_nav li a{ padding: 7px 24px;}
	.i_about_tb{ bottom: -8px;}
	.i_about_tb img { max-width: 77%; }
}
@media (max-width:1400px) {
	.i_about_desc { font-size: 24px; }
	.i_about_nav li{ margin-right: 10px;}
	.i_about_nav li a{ font-size: 16px; padding: 5px 20px;}
	.i_about_cont{ margin-top: 20px; font-size: 16px; line-height: 26px;}
	.i_about_cont p { margin-bottom: 10px; }
	.i_about_more{ margin-top: 20px;}
	.i_about_more a i{ margin-right: 0px;}
	
}
@media (max-width:1200px) {
	.i_about{ padding: 50px 0;}
	.i_about_title { font-size: 32px; line-height: 40px; }
	.i_about_desc { font-size: 20px; }
	.i_about_nav{ margin-top: 10px;}
	.i_about_nav li a{ font-size: 14px;}
	.i_about_cont{ font-size: 14px;}
	.i_about_subname{ font-size: 100px; line-height: 100px;}
	.i_about_more a{  font-size: 16px;}
	.i_about_more a i{ padding: 8px;}
	.i_about_tb { bottom: 0px; }
}
@media (max-width:999px) {
	.i_about_fl{ width: 100%;}
	.i_about_tb img { max-width: 55%; }
	.i_about_fr{ width: 100%; position: relative;}
	.i_about_subname { font-size: 100px; line-height: 100px; top: 45px; right: auto; left: 50%; transform: translateX(-50%); }
}
@media (max-width:799px) {
	.i_about_subname{ top: 10px;}
}
@media (max-width:599px) {
	.i_about { padding: 30px 0; }
	.i_about_fl{ text-align: center;}
	.i_about_title { font-size: 24px; line-height: 30px; margin-top: 0; }
	.i_about_desc { font-size: 16px; }
	.i_about_nav li{ margin: 0 5px; display: inline-block; float: none;}
	.i_about_nav li a{ font-size: 12px; padding: 2px 15px;}
	.i_about_cont { font-size: 12px; line-height: 24px; margin-top: 10px; }
	.i_about_more{ float: none; display: inline-block; margin-top: 5px;}
	.i_about_more a { font-size: 14px; }
	.i_about_more a i{ padding: 7px; font-size: 14px; line-height: 14px;}
	.i_about_subname{ font-size: 60px; line-height: 60px;}
	.i_about_fr{ top: 15px;}
	
}


.i_yyly{ float: left; width: 100%; position: relative; padding: 100px 0 72px; background: #fff;} 
.i_yyly_top{ float: left; width: 100%; text-align: center; padding-bottom: 16px; border-bottom: 1px solid #eee;}
.i_yyly_title{ font-size: 48px; line-height: 63px; color: #333333; font-weight: bold; position: relative; }
.i_yyly_title:before{ content: ''; position: absolute; width: 90px; height: 90px; left: 50%; top: 0px;  background-image: linear-gradient(to right bottom, #d4e6f4, transparent 50%); border-radius: 100px; transform: rotate(40deg) translateX(-50%);}
.i_yyly_nav{ float: left; width: 100%; text-align: center; position: relative; margin-top: 50px;}
.i_yyly_nav li{ display: inline-block; margin: 0 60px; position: relative;}
.i_yyly_nav li:before{ content: ''; position: absolute; width: 12px; height: 12px; border: 3px solid #0061ae; border-radius: 100px; left: -40px; top: 5px; display: none;}
.i_yyly_nav li a{ font-size: 24px; line-height: 30px; color: #666666;}
.i_yyly_nav li img{ position: absolute; left: -53px; top: -5px; height: 40px;}
.i_yyly_nav li span{}
.i_yyly_nav li.on:before{ display: inline-block;}
.i_yyly_nav li.on a{ color: #333333; font-weight: bold;}
.i_yyly_nav li.on img{ display: none;}
.i_yyly_list_kuan{ float: left; width: 100%; text-align: center; overflow: hidden;}
.i_yyly_list{ display: inline-block; width: 100%; position: relative; margin-top: 71px; }
.i_yyly_list li{ text-align: left;}
.i_yyly_list li .i_yyly_list_tu{ width: 100%; position: relative; padding-bottom: 56.5%; overflow: hidden;}
.i_yyly_list li .i_yyly_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.i_yyly_list li .i_yyly_list_cont{ float: left; padding: 0px 13px; margin-top: 30px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: none;}
.i_yyly_list li .i_yyly_list_title{  float: left; font-size: 24px; line-height: 30px; font-weight: bold; width: calc(100% - 150px);}
.i_yyly_list li .i_yyly_list_titleen{ float: left; font-size: 15px; line-height: 25px; width: calc(100% - 150px); color: #999999; height: 25px;}
.i_yyly_list li .i_yyly_list_more{ position: absolute; right: 11px; top: 0;}
.i_yyly_list li .i_yyly_list_more span{ font-size: 18px; color: #fff; padding: 10px 34px; display: inline-block; background: #0061ae; border-radius: 100px;} 
.i_yyly_list li:hover .i_yyly_list_tu img{ transform: scale(1.1);}
.i_yyly_list li.swiper-slide-active .i_yyly_list_cont{ display: inline-block;}
.i_yyly_nav-prev,.i_yyly_nav-next{ background: none;  font-size: 28px;  left: 23%; font-weight: bold; color: #0061ae; width: auto; height: auto; margin-top: 0; top:39%}
.i_yyly_nav-next{ right: 23%; left: auto;}

@media (max-width:1600px) {
	.i_yyly_nav li{ margin: 0 40px;}
	.i_yyly_nav li a{ font-size: 20px;}
	.i_yyly_nav li img{ left: -34px; top: 0px; height: 30px;}
	.i_yyly_nav li:before{ width: 8px; height: 8px; left: -25px; top: 10px;}
}
@media (max-width:1200px) {
	.i_yyly{  padding: 50px 0;}
	.i_yyly_title{  font-size: 32px; line-height: 40px;}
	.i_yyly_nav{ margin-top: 30px;}
	.i_yyly_nav li { margin: 0 25px; }
	.i_yyly_nav li img { left: -28px; top: 3px; height: 25px; }
	.i_yyly_list{ margin-top: 30px;}
	.i_yyly_nav li a { font-size: 18px; }
	.i_yyly_list li .i_yyly_list_cont{ margin-top: 20px;}
	.i_yyly_list li .i_yyly_list_title{ font-size: 20px; line-height: 26px;}
	.i_yyly_list li .i_yyly_list_titleen{ font-size: 14px;}
	.i_yyly_list li .i_yyly_list_more span{ font-size: 14px; padding: 5px 25px;}
}
@media (max-width:999px) {
	.i_yyly_nav-prev{ left: 11%;}
	.i_yyly_nav-next{ right:11%;}
}
@media (max-width:799px) {
	.i_yyly_top{ padding-bottom: 5px;}
	.i_yyly_nav { margin-top: 20px; }
	.i_yyly_nav li{ margin-bottom: 5px;}
	.i_yyly_list li .i_yyly_list_cont { margin-top: 10px; padding: 0px 5px; }
}
@media (max-width:599px) {

	.i_yyly { padding: 30px 0; }
	.i_yyly_title { font-size: 24px; line-height: 30px; }
	.i_yyly_title:before{ width: 60px; height: 60px;}
	.i_yyly_nav { margin-top: 10px; }
	.i_yyly_nav li:before { width: 5px; height: 5px; left: -13px; top: 10px; border: 2px solid #0061ae; }
	.i_yyly_nav li a { 	font-size: 14px; }
	.i_yyly_nav li img { left: -21px; top: 6px; height: 20px; }
	.i_yyly_list{ width:96%; margin-top: 20px;}
	.i_yyly_list li .i_yyly_list_title{ font-size: 16px; line-height: 24px;}
	.i_yyly_list li .i_yyly_list_titleen { font-size: 12px; line-height: 20px; }
	.i_yyly_list li .i_yyly_list_more{top: 9px;}
	.i_yyly_list li .i_yyly_list_more span { font-size: 12px; padding: 3px 13px; }
}


.i_news{  float: left; width: 100%; position: relative; padding: 100px 0 64px; background: #f5f9fa;}
.i_news_top{ float: left; width: 100%; position: relative;}
.i_news_subtitle{ position: absolute; right: 11px; font-size: 150px; line-height: 150px; color: #0061ae; font-weight: bold; opacity: 0.05; z-index: 1;}
.i_news_title{ font-size: 48px; color: #333333; font-weight: bold; line-height: 75px; position: relative; z-index: 2;}
.i_news_title:before{ content: ''; position: absolute; width: 90px; height: 90px; left: -25px; top: -25px; background-image: linear-gradient(to right bottom, #d4e6f4, transparent 50%); border-radius: 100px; transform: rotate(23deg);}
.i_news_more{ position: absolute; right: 5px; bottom:6px; z-index: 2;}
.i_news_more a{ font-size: 18px; color: #0061ae; font-weight: bold;}
.i_news_more a i{}
.i_news_list_kuan{ float: left; width: 100%; margin-top: 5px; position: relative;}
.i_news_list{  float: left; width: 100%;  position: relative; overflow: hidden; padding: 20px 0;}
.i_news_list li{ background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px #e7e7e7;}
.i_news_list li .i_news_list_tu{ width: 100%; position: relative; padding-bottom:69%; overflow: hidden;}
.i_news_list li .i_news_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.i_news_list li .i_news_list_cont{ float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5% 8%;}
.i_news_list li .i_news_list_lm{ font-size: 16px; color: #0061ae; font-weight: bold; line-height: 32px;}
.i_news_list li .i_news_list_title{ font-size: 20px; color: #333333; font-weight: bold; line-height: 30px; margin-top: 6px; min-height: 120px;}
.i_news_list li .i_news_list_time{ float: left; width: 100%; margin-top: 4px; padding: 22px 0 0; border-top: 1px solid #efefef; font-size: 16px; color: #999999;}
.i_news_list li .i_news_list_time i{ float: right; font-weight: bold;}
.i_news_list li:hover .i_news_list_tu img{ transform: scale(1.1);}
.i_news-prev,.i_news-next{ background: none; font-size: 20px; line-height: 20px; left: -90px; font-weight: bold; color: #0061ae; width: auto; height: auto; margin-top: 0; top: 44%; padding: 14px; background: #e6ebee; border-radius: 100px;}
.i_news-next{ right:-90px; left: auto;}
.i_news-prev:hover,.i_news-next:hover{ background: #0061ae; color: #fff;}

@media (max-width:1800px) {
	.i_news-prev, .i_news-next{left: -15px; }
	.i_news-next { right: -15px; left: auto; }
}
@media (max-width:1400px) {
	.i_news_list li .i_news_list_title{ font-size: 18px;  line-height: 26px;}
	.i_news_list li .i_news_list_time{ font-size: 14px; padding: 9px 0 0;}
}
@media (max-width:1200px) {
	.i_news{ padding: 50px 0;}
	.i_news_title{ font-size: 32px; line-height: 40px;}
	.i_news_more a{ font-size: 16px;}
	.i_news_subtitle{ font-size: 100px; line-height: 100px;}
	.i_news_list li .i_news_list_cont{  padding: 4%;}
	.i_news-prev, .i_news-next{ display: none;}
	.i_news_list li .i_news_list_lm{ font-size: 14px;}
	.i_news_list li .i_news_list_title { font-size: 16px; line-height: 24px; margin-top: 4px; }
}
@media (max-width:999px) {
	.i_news_more a { font-size: 14px; }
	.i_news_subtitle { font-size: 60px; line-height: 100px; }
}
@media (max-width:599px) {
	.i_news { padding: 30px 0; }
	.i_news_title { font-size: 24px; line-height: 30px; }
	.i_news_more a { font-size: 12px; }
	.i_news_list{ padding: 10px 0;}
	.i_news_list li .i_news_list_cont { padding: 3%; }
	.i_news_list li .i_news_list_title{ min-height: 80px; margin-top: 0;}
	.i_news_list li .i_news_list_time{ font-size: 12px;}
}

.footer{ float: left; width: 100%; position: relative; background: #1e1e1e;}
.footer_top{  float: left; width: 100%; position: relative; padding: 46px 0 24px; border-bottom: 1px solid #4b4b4b;}
.footer_logo{ float: left;}
.footer_logo img{}
.footer_fx { float: right;}
.footer_fx li{ float: left; margin-left: 13px; position: relative;}
.footer_fx li a{}
.footer_fx li i{ font-size: 24px; line-height: 24px; color: #8f8f8f; padding: 8px; display: inline-block; border-radius: 100px;}
.footer_fx li:hover i{  background: #0061ae; color: #fff;}
.fx_ewm_tu{ position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); z-index: 99; padding: 6px; background: #fff; border-radius: 5px; display: none; box-shadow: 0px 0px 5px #e7e7e7;}
.fx_ewm_tu img{ height: 100px;}
.footer_fx li:hover .fx_ewm_tu{ display: inline-block;}

.footer_cont{ float: left; width: 100%; margin: 43px 0 37px;}
.footer_cont_fl{ float: left; width: 70%;}
.footer_nav{ float: left; width: 19%;}
.footer_nav_title{ float: left; width: 100%;}
.footer_nav_title a{ font-size: 18px; color: #ffffff; line-height: 30px;}
.footer_nav_list{ float: left; width: 100%; margin-top: 30px;}
.footer_nav_list a{ float: left; width: 100%;  font-size: 16px; color: #ffffff; opacity: 0.8; line-height: 24px; margin-bottom: 12px;}
.footer_nav2{  width: 37%;;}
.footer_nav2 .footer_nav_list a{ width: 50%;}
.footer_nav_list a:hover{ color:  #0061ae;;}
.footer_cont_fr{ float: right; width: 25%;}
.footer_cont_lx{ float: left; width: 100%; margin-bottom: 40px; position: relative; padding-left: 55px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer_cont_lx_tb{ position: absolute; left: 0; top: 10px; }
.footer_cont_lx_tb:before{ content: '';position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid rgb(0 97 174); transform: rotate(310deg); right: 3px; bottom: -2px; z-index: 1;}
.footer_cont_lx_tb i{ display: inline-block; font-size: 18px; line-height: 18px; padding: 10px; background: #0061ae; border-radius: 100px; position: relative; z-index: 2;}
.footer_cont_lx_title{ font-size: 16px; color: #ffffff;}
.footer_cont_lx_desc{}
.footer_cont_lx_desc a{  color: #fff; font-size: 15px; line-height: 25px;}
.footer_cont_tel .footer_cont_lx_desc a{  color: #fff; font-size: 26px; line-height: 32px;}
.footer_bot{ float: left; width: 100%; padding: 16px 0; font-size: 16px; color: #fff; background: #0061ae;}
.footer_bot a{ color: #fff; }
.footer_bot .footer_copy{ float: left;}
.footer_bot .footer_js{ float: right;}
.footer_bot a:hover{ opacity: 0.8; }


@media (max-width:1200px) {
	.footer_top{ padding: 20px 0;}
	.footer_cont{ margin: 20px 0;}
	.footer_cont_tel .footer_cont_lx_desc a{ font-size: 22px;}
	.footer_cont_lx{ margin-bottom: 30px;}
	.footer_nav_title a{ font-size: 16px;}
	.footer_nav_list{ margin-top: 20px;}
	.footer_nav_list a{ font-size: 14px;}
	.footer_bot{ padding: 10px 0; font-size: 14px;}
}
@media (max-width:999px) {
	.footer_cont_fl{ display: none;}
	.footer_cont_fr{ width: 100%; text-align: center;}
	.footer_cont_lx{ padding-left: 0px;}
	.footer_cont_lx_tb{  position: relative; left: -10px; top: 0; display: inline-block;}
	.footer_cont_lx_tb:before{ display: none;}
}
@media (max-width:599px) {
	
	.footer_fx{ display: none;}
	.footer_logo{ width: 100%; text-align: center;}
	.footer_logo img { height: 30px; }
	.footer_cont_lx { margin-bottom: 20px; }
	.footer_cont_lx_tb{ left: -6px; margin-bottom: 5px;}
	.footer_bot { padding: 6px 0; font-size: 12px; line-height: 20px; }
	.footer_bot .footer_copy{ width: 100%; text-align: center;}
	.footer_bot .footer_js{ width: 100%; text-align: center;}
	
}



.body_bj{ background: #f7f7f7;}
/* banner*/
#banner{position:relative; z-index:9; width:100%; height:auto;margin:0 auto;background:#fff; padding-top:0px;overflow:hidden; transition:all .35s;}
#banner>.txt{ position:absolute;z-index:2; left:50%; top:50%; margin-top:-10px; margin-left:-200px; width:400px; height:80px; line-height:80px; text-align:center; font-size:40px; color:#fff; transition:all .35s;}
#banner>.txt>span{display:inline-block; font-size:24px; padding:0 20px; font-weight:normal; color:rgba(255,255,255,.5);transition:all .35s;}
#banner>.img{margin:0 auto; text-align:center;}
#banner>.img img{ width:100%;height:auto; float: left;}
#banner>.img img.mob{display:none;}


@media only screen and (max-width: 1200px){
  #banner>.txt{ font-size:32px;}
  #banner>.txt>span{font-size:20px;}
}

@media only screen and (max-width: 980px){
  #banner>.img img.pc{display:none;}
  #banner>.img img.mob{display:block;}
}

@media only screen and (max-width: 800px){
  #banner{padding-top:0px;}
  #banner>.txt{ margin-top:-15px;font-size:20px;}
  #banner>.txt>span{font-size:16px;}
}

/* end*/

#contact{margin:0 auto;  background: #f7f7f7; padding: 120px 0 0;}
#contact>.wrap{ position:relative; width:86%; max-width:1300px; margin:0px auto 120px; background:#fff;overflow:hidden;}
#contact .hotline{ position:absolute;z-index:12;left:0;top:0; min-width:400px; width:36%; height:100%; padding:50px; box-sizing:border-box; text-align:left; background:#999 url("../images/contact_hotline_bg.jpg") no-repeat; background-position:right bottom; background-size:auto 100%;}
#contact .hotline>img{height:60px; width:auto;margin-bottom:6px;opacity:.9;}
#contact .hotline>h3{font-size:16px; color:#fff;opacity:.9;}
#contact .hotline>h2{ display:block;padding-top:20px; font-size:36px; color:#fff;}
#contact .content{ width:100%;padding:50px 100px 50px 50%; text-align:left; box-sizing:border-box;}
#contact .content>h1{display: block; font-weight:normal; margin-bottom: 15px;}
#contact .content>p{display:block;font-size:16px; color:#666; padding: 6px 0;}
#contact .qrcode{position:absolute;z-index:4; right:0;bottom:0;}
#contact .qrcode>.min{ position:absolute;z-index:1; right:0;bottom:0; width:40px;height:40px; line-height:40px; box-sizing:border-box; border:1px solid #eee; border-bottom:0 !important; border-right:0 !important; text-align:center;cursor:pointer; transition:all .3s;}
#contact .qrcode>.min>img{ width:24px;height:auto;opacity:.3; vertical-align: middle;}
#contact .qrcode>.min:hover img{opacity:.8;}

#contact .qrcode>.max{position:absolute;z-index:4; right:0;bottom:0;width:100px;height:100px; line-height:100px; background:#fff; box-sizing:border-box; border:1px solid #eee; border-bottom:0 !important; border-right:0 !important; text-align:center;cursor:pointer;opacity:0; transition:all .5s;}
#contact .qrcode>.max>img{ width:160px;height:auto; vertical-align: middle;}
#contact .qrcode:hover .min{opacity:0;}
#contact .qrcode:hover .max{ width:180px; height:180px; line-height:180px; opacity:1;}

#contact>.map{ width:100%;height:600px;margin:0 auto; background:#fff; box-shadow:-10px 0 30px rgba(0,0,0,.15);}
#contact>.map .BMap_bubble_title{ font-size:16px; font-weight:bold; color:#333;}
#contact>.map .BMap_bubble_content{ font-size:14px; color:#333; line-height:24px;}
#contact>.map .BMap_bubble_content .url{ display:inline-block; margin-top:6px; font-size:14px;color:#14c6f2;padding-left:30px; box-sizing:border-box; background:url(/template/sscm/css/"../images/icon_navigation.png"/**/) no-repeat; background-position:0 0; background-size:auto 100%;}


@media only screen and (max-width: 1080px){
  #contact .hotline{ float:none; position:relative; min-width:initial; width:100%; height:auto; padding:50px;}
  #contact .content{ float:none; padding:50px;}

}

@media only screen and (max-width: 640px){
	#contact{ padding: 60px 0 0;}
  	#contact>.wrap{ margin:0px auto 60px;}
}

@media only screen and (max-width: 450px){
  #contact .hotline>h2{ font-size:30px;}
  #contact .content{ padding:30px;}
  #contact .content>p{font-size:14px;padding:8px 0;}

}


#gotop{position:fixed;z-index:99; right:50px; bottom:50px;}
#gotop>a{display:block; width:50px;height:50px; line-height:50px; text-align:center; border-radius:3px; background:rgba(0,0,0,.2); transition:all .35s; }
#gotop>a>img{width:30px; height:auto;  margin-top: 10px;}
#gotop>a:hover{ background:rgba(23,97,171,.5);}

@media only screen and (max-width: 800px){
  #gotop{right:0; bottom:0;}
  #gotop>a{border-radius:0;}

}
#getmore{height:47px; margin-top:50px; margin-bottom:20px; text-align:center;}
#getmore .loading-box {margin:0px 0 100px 0; height:47px; text-align:center; line-height:47px; display:none;}
#getmore .loading-box>div{width:12px; height:12px; background-color:#266bb7; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;}
#getmore .loading-box .bounce1{animation-delay:-0.32s;}
#getmore .loading-box .bounce2{animation-delay:-0.16s;}
@keyframes bouncedelay{
  0%,80%,100% {transform: scale(0.0);}
  40%{transform: scale(1.0);}
}

#getmore .handle{padding:0 40px 0 50px; font-size:16px; color:#fff; background:#266bb7; height:47px; line-height:45px; transition: all .2s; display:none;}
#getmore .handle>span{font-size:1rem; transform:scale(.7); display:inline-block; vertical-align:top; margin-left:.6rem;}
#getmore .handle:hover{background:#3aa8ea;}



/* navpart*/
#navpart{ position:relative;z-index:99; width:100%;height:55px; line-height:55px; margin-top:-55px; background:rgba(0,0,0,.4); text-align: center;}
#navpart>.wrap{ width:90%; max-width:1200px;margin:0 auto; height:55px;}
#navpart>.wrap>ul{display:block;margin:0 auto;}
#navpart>.wrap>ul>li{ position:relative; display:inline-block;}
#navpart>.wrap>ul>li>a{ position:relative;z-index:9; display:block;font-size:16px; padding: 0 45px; color:#fff; transition:all .35s;}
#navpart>.wrap>ul.n6>li>a{ padding: 0 62px!important;}
#navpart>.wrap>ul>li.A:after{position:absolute;z-index:1;left:0;bottom:0; width:100%;height:100%; background:#0061ae; content:''; transition:all .35s;}
#navpart>.wrap>ul>li>a:hover{ background:rgba(255,255,255,.1);}

@media only screen and (max-width: 980px){
  #navpart>.wrap>ul.n4>li{width:24%;}
  #navpart>.wrap>ul.n5>li{width:20%;}
  #navpart>.wrap>ul.n6>li{width:16.66%;}
  #navpart>.wrap>ul>li>a{ padding:0  10px !important;}

}
@media only screen and (max-width: 800px){
  #navpart{display:none;}
}

/* end*/


#news{width:100%; margin:0 auto; padding-bottom: 60px;}
#news>.list{ margin:0 auto;overflow:hidden;}
#news>.list>ul{margin:0 auto;}
#news>.list>ul>li{display:block;margin:0 auto; transition:all .35s;}
#news>.list>ul>li>a{ position:relative; display:block; width:86%; max-width:1300px;padding:50px 0; margin:0 auto; transition:all .35s;}
#news>.list>ul>li>a:after{ position:absolute;z-index:3;left:0;bottom:0; width:100%;height:1px; background:#ccc;content:''; transition:all .35s;}
#news>.list>ul>li:last-child a:after{opacity:0;}
#news>.list>ul>li>a .img{ width:30%; text-align:left; overflow:hidden;}
#news>.list>ul>li>a .img>img{width:100%; height:auto; transition:all 1s;}
#news>.list>ul>li>a .con{width:70%;text-align:left; box-sizing:border-box; padding:0 5%;}
#news>.list>ul>li>a .con>.tit{ font-size:24px; color:#333;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; transition:all .35s;}
#news>.list>ul>li>a .con>.txt{ margin:20px 0 30px 0; height:60px; line-height:1.8; font-size:16px; color:#999;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
#news>.list>ul>li>a .con>.more{ text-align:left;}
#news>.list>ul>li>a .con>.more>span{ display:inline-block;padding:8px 30px; font-size:16px; color:#0061ae; border:1px solid #0061ae; border-radius:30px;transition:all .35s;}
#news>.list>ul>li>a .time{padding:20px 0; font-size:18px;color:#0061ae; text-align:left;}
#news>.list>ul>li:hover{ background:#eee;}
#news>.list>ul>li:hover a:after{ background:none;}
#news>.list>ul>li:hover .con>.more>span{margin-left:6px; color:#fff; background:#0061ae;}
#news>.list>ul>li>a .img:hover img{transform:scale(1.1);}
#news>.loadmore{ width:86%;max-width:1300px; padding:50px 0;margin:0 auto; border-top:1px solid #eee; text-align:center;}
#news>.loadmore>a{display:inline-block; padding:10px 90px; font-size:18px; color:#666; border:1px solid #ddd; border-radius:50px; transition:all .35s;}
#news>.loadmore>a:hover{ background:#0061ae; border:1px solid #0061ae; color:#fff;}
#news>.view{ position:relative; width:86%;max-width:1300px;margin:0 auto;padding:120px 0;}
#news>.view>.title{ font-size:24px;font-weight:normal;padding:20px 10px; text-align:left;}
#news>.view>.time{text-align:left; font-size:16px; color:#0061ae;padding:0 0 20px 10px; border-bottom:1px solid #ccc;}
#news>.view>.back{position:absolute;z-index:4; right:20px; top:60px;}
#news>.view>.back>a{display:block;}
#news>.view>.back>a>img{width:30px; height:auto;}
#news>.view>.content{margin:0 auto; width:80%; max-width:1200px; padding:50px 0;}
#news>.view>.content{font-size:16px; line-height:28px; color:#666;}
#news>.view>.content>p{margin-bottom:20px; text-align: left;}
#news>.view>.content img{max-width:100%;height:auto;}
#news>.view>.content table{ border-top:1px solid #ddd; border-left:1px solid #ddd;margin:0px auto; width:99.6%;}
#news>.view>.content table td{ color:#666; font-size:14px; padding:8px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#news>.view>.content .tableWap{ overflow:hidden; overflow-x:auto;}
#news>.view>.share{ text-align:center;margin:0 auto; padding:50px; }
#news>.view>.share .tit{display:inline-block;font-size:16px; color:#999;}
#news>.view>.share .bshare-custom{display:inline-block;}
#news>.view>.share .bshare-custom a{ padding:0;margin:0 6px!important; border:1px solid #ddd; border-radius:100%; width:36px; height:36px; opacity:1; transition:all .35s;}
#news>.view>.share .bshare-custom .bshare-sinaminiblog{ background:url("/template/sscm/images/icon_weibo.png") no-repeat; background-size:20px auto;background-position:center center;}
#news>.view>.share .bshare-custom .bshare-weixin{ background:url("/template/sscm/images/icon_wechat.png") no-repeat; background-size:20px auto!important;background-position:center center;}
#news>.view>.share .bshare-more{background:url("/template/sscm/images/icon_share.png") no-repeat; padding:0 !important; margin:0 !important; background-size:20px auto!important;background-position:center center;}
#news>.view>.share .bshare-custom a:hover{ opacity:1; transform: translateY(-3px);}
#news>.pageurl{margin:0 auto;font-size:14px;}
#news>.pageurl>.prev{ width:50%; text-align:right; background:#ddd;padding:50px; box-sizing:border-box;}
#news>.pageurl>.prev strong{font-weight:normal; font-size:16px;color:#666;}
#news>.pageurl>.prev>a{display:inline-block; box-sizing:border-box;padding-left:50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:rgba(0,0,0,.5); background:url("/template/sscm/images/icon_arrow_noline_left_black.png") no-repeat; background-size:20px auto; background-position:center left;}
#news>.pageurl>.next{ width:50%; text-align:left; background:#0061ae;padding:50px;box-sizing:border-box;}
#news>.pageurl>.next>a{display:inline-block; box-sizing:border-box;padding-right:50px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:rgba(255,255,255,.5); background:url("/template/sscm/images/icon_arrow_noline_right_white.png") no-repeat; background-size:20px auto; background-position:center right;}
#news>.pageurl>.next strong{font-weight:normal; font-size:16px;color:#fff;}

@media only screen and (max-width: 1200px){
  #news>.list>ul>li>a .con>.tit{ font-size:22px;}
  #news>.list>ul>li>a .con>.txt{ height:40px; line-height:21px; font-size:14px;-webkit-line-clamp:2;}
  #news>.list>ul>li>a .con>.more>span{ padding:6px 26px; font-size:13px;}
  #news>.list>ul>li>a .time{padding:10px 0; font-size:16px;}
  #news>.view>.title{ font-size:24px;}
  #news>.pageurl>.prev{float:none; display:block; width:100%;padding:30px; text-align:left;}
  #news>.pageurl>.prev>a{display:block;}
  #news>.pageurl>.next{float:none; display:block; width:100%;padding:30px; text-align:left;}
  #news>.pageurl>.next>a{display:block;}
  #news>.pageurl>.prev strong, #news>.pageurl>.next strong{font-size:14px;}
}

@media only screen and (max-width: 800px){
  #news>.list>ul>li>a .con>.tit{ font-size:20px;}
  #news>.list>ul>li>a .con>.txt{ margin:10px 0;}
  #news>.list>ul>li>a .con>.more>span{font-size:12px;}
  #news>.list>ul>li>a .time{ font-size:14px;}


}

@media only screen and (max-width: 640px){
  #news>.list>ul>li>a .img{ float:none; width:100%;}
  #news>.list>ul>li>a .con{ float:none; width:100%;padding:20px 0;}
  #news>.list>ul>li>a .con>.tit{ font-size:22px;}
  #news>.list>ul>li>a .con>.txt{ margin:20px 0;}
  #news>.list>ul>li>a .con>.more>span{font-size:14px;}
  #news>.view>.title{ font-size:20px;}
  #news>.view>.time{font-size:13px;}
  #news>.view>.content{ font-size:14px; line-height:24px; color:#666;}
  #news>.view>.content table td{font-size:12px; padding:5px; }
  #news>.view>.share{ padding:30px; }
  #news>.view>.share .bshare-custom a{ margin:0 10px!important; width:40px; height:40px;}

}

.clearfix:before, .clearfix:after { content: ""; display: table; }
#solution{ margin:0 auto;}

#solution>.list{ width:86%; padding:120px 0;margin:0 auto;}
#solution>.list>ul{margin:0 auto;padding:0; display: inline-block; width: 100%;}
#solution>.list>ul>li{display:block; float:left; width:33.33%;overflow:hidden; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#solution>.list>ul>li>a{display:block;}
#solution>.list>ul>li .img{ position:relative; overflow:hidden;margin:0 auto;}
#solution>.list>ul>li .img:after{position:absolute;z-index:3;left:0;bottom:0; width:100%;height:0;background:rgba(2,106,181,.8);opacity:0; content:''; transition:all .35s;}
#solution>.list>ul>li .img>img{width:100%;height:auto; transition:all 1s;}
#solution>.list>ul>li .con{margin:0 auto; padding:20px 0; text-align:center;}
#solution>.list>ul>li .con>h2{ position:relative; display:inline-block; box-sizing:border-box; padding:0; font-size:20px; color:#333;margin:0 auto; transition:all .35s;}
#solution>.list>ul>li .con>h2:after{ position:absolute;z-index:2;left:0;top:50%; margin-top:-1px; opacity:0; width:20px;height:1px; background:#1761ab;content:''; transition:all .35s;}
#solution>.list>ul>li .con>p{font-size:14px; color:#999;padding:20px 0; margin:0 auto;}
#solution>.list>ul>li:hover .img>img{transform:scale(1.3);}
#solution>.list>ul>li:hover .img:after{height:20px;opacity:1;}
#solution>.list>ul>li:hover .con{background:#fff;}
#solution>.list>ul>li:hover .con>h2{padding-left:30px; color:#1761ab;}
#solution>.list>ul>li:hover .con>h2:after{opacity:1;}


#solution>.view{ position:relative; width:100%;margin:0 auto;}
#solution>.view>.list{ position:absolute;z-index:4; width:30%; height:100%; box-sizing:border-box; text-align:left;padding:6%; border-right:1px solid #ddd;}
#solution>.view>.list>.img{ text-align:left;}
#solution>.view>.list>.img>img{width:100%;height:auto;}
#solution>.view>.list>.tit{font-size:28px;padding:20px 0; color:#1761ab;}
#solution>.view>.list>.nav{padding:40px 40px 0 0;}
#solution>.view>.list>.nav>a{display:block;padding:20px 0; font-size:15px; color:#666; border-bottom:1px solid #ddd;}
#solution>.view>.container{ position:relative; width:70%;box-sizing:border-box;padding:10% 6%; background:#fff; }
#solution>.view>.container .back{ position:absolute;z-index:5;left:0;top:0;}
#solution>.view>.container .back>a{display:inline-block; font-size:16px; color:#fff; background:#1c73c5;padding:20px 40px; transition:all .35s;}
#solution>.view>.container .back>a>img{height:28px; width:auto;margin-right:10px; vertical-align: middle;}
#solution>.view>.container .back>a:hover{background:#022347;}
#solution>.view>.container .item>.tit{border-bottom:1px solid #ccc; padding:20px 0; text-align:left;font-size:20px; font-weight:bold; color:#333;}
#solution>.view>.container .item>.con{padding:50px 0; text-align:left; font-size:16px; line-height:28px; color:#666;}
#solution>.view>.container .item>.con p{margin-bottom:30px;}
#solution>.view>.container .item>.con img{max-width:100%; height:auto;}


@media only screen and (max-width: 1200px){

  #solution>.list>ul>li{ width:50%;}
  #solution>.view>.list>.tit{font-size:24px;}
  #solution>.view>.container .item>.con{padding:30px 0; font-size:14px; line-height:24px;}


}
@media only screen and (max-width: 780px){
  #solution>.view>.list{position:relative; float:none; width:100%;height:auto; border-right:0; border-bottom:1px solid #ddd;}
  #solution>.view>.container{ position:relative; float:none; width:100%;box-sizing:border-box;padding:10% 6%;}
  #solution>.view>.container .back{ top:auto; left:auto; right:0; bottom:0;}
  #solution>.view>.container .back>a{font-size:14px;padding:10px 40px;}

}

@media only screen and (max-width: 640px){
  #solution>.list>ul>li{ float:none; width:100%; padding: 0px;}
}






#product{margin:0 auto;}

#product>.search{position:relative; background:#fff;overflow:hidden; box-sizing:border-box; padding:70px 0; margin:0 auto;}
#product>.search>form{width:72%; max-width:600px; margin:0 auto; position:relative;}
#product>.search>form input[type="text"]{outline: medium; height:58px; line-height:58px; width:100%; padding-left:23px; padding-right: 20px; border:none; font-size:16px; border-radius:50px; box-shadow:0 0 12px rgba(183, 183, 183, 0.33); color:#666; box-sizing:border-box; overflow:hidden;}
#product>.search>form input::-webkit-input-placeholder{color:#ccc;}
#product>.search button{width: 58px; height: 58px; background: url("/template/sscm/images/icon_go_gray.png") no-repeat center/26px 26px; border: 0px none; outline: none; position: absolute; right: 5px; top: 0; cursor: pointer;}


#product>.catalog{width:90%; max-width:1600px; box-sizing:border-box; margin:0 auto; padding:50px 0;}
#product>.catalog>ul{margin:0 auto;}
#product>.catalog>ul>li{position:relative; display:block; min-height: 380px; background:#fff; margin-bottom:2.5%; box-shadow:0 0 12px rgba(183, 183, 183, 0.33);}
#product>.catalog>ul>li a{display: block; height: 100%; cursor: pointer;}
#product>.catalog>ul>li .img{position:absolute; z-index:99; width:45%; height: 100%; left: 0; top: 0; border-radius:0 150px 0 0; background:#fff; overflow:hidden; transition:all .35s; background-size: cover; background-position: center 70%;}
/*
#product>.catalog>ul>li .br{ position:absolute;z-index:3;left:0;top:0; width:40%; height:100%;}
#product>.catalog>ul>li .br:after{ position:absolute;z-index:2;right:-60px;top:0; width:100%;height:100%; border-radius:0 150px 0 0; background:rgba(23,97,171,.5); content:'';}
#product>.catalog>ul>li .br:before{ position:absolute;z-index:4;right:-30px;top:0; width:100%;height:100%; border-radius:0 150px 0 0; background:rgba(2,54,106,.8); content:'';}
*/
#product>.catalog>ul>li .con{width:55%; padding:45px 100px 0 100px; float:right; text-align:left; box-sizing:border-box;}
#product>.catalog>ul>li .con>.tit{ display:block; position:relative; padding-bottom:20px;}
#product>.catalog>ul>li .con>.tit:after{position:absolute;z-index:3;left:0;bottom:0;width:60px;height:3px;background:#666;content:'';}
#product>.catalog>ul>li .con>.tit>a{ display:block; color:#464646;font-size:36px;}
#product>.catalog>ul>li .con>.txt{padding:30px 0 0 0; text-align:left;}
#product>.catalog>ul>li .con>.txt>a{ position:relative; display:block;padding:5px 20px; box-sizing:border-box; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:16px;color:#333;transition:all .35s;}
#product>.catalog>ul>li .con>.txt>a:after{position:absolute;z-index:3;left:0;top:50%; margin-top:-3px; width:6px;height:6px; background:#ddd;content:'';transition:all .35s;}
#product>.catalog>ul>li .con>.txt>a:hover{ color:#0061ae;padding-left:25px;}
#product>.catalog>ul>li .con>.more{text-align:left; margin-top: 20px;}
#product>.catalog>ul>li .con>.more>a{display:inline-block; border:1px solid #eee;border-radius:100%; width:40px; height:40px; line-height:40px; font-family:Arial; font-size:34px; text-align:center;overflow:hidden; color:rgba(2,106,181,1); transition:all .35s;}
#product>.catalog>ul>li .con>.more>a:hover{transform: rotate(180deg); border:1px solid #ccc;}
#product>.catalog>ul>li:nth-child(even) .img{border-radius:150px 0 0 0; left: unset; right: 0;}
#product>.catalog>ul>li:nth-child(even) .con{float:left; padding-left:100px;}
/*
#product>.catalog>ul>li:nth-child(even) .br{left:auto; right:0;}
#product>.catalog>ul>li:nth-child(even) .br:after{left:-60px; right:auto;border-radius:150px 0 0 0;}
#product>.catalog>ul>li:nth-child(even) .br:before{left:-30px; right:auto;border-radius:150px 0 0 0;}
*/

#product>.product{width:100%; margin:0 auto;}
#product>.product>.nav{padding:50px; border-top:1px solid #eee; text-align: center;}
#product>.product>.nav>ul>li{ position:relative; display:inline-block; margin:0 10px; transition:all .35s;}
#product>.product>.nav>ul>li>a{ position:relative; display:block;border:1px solid #ccc;padding:15px 30px;font-size:16px; color:#555;overflow:hidden; transition:all .35s;}
#product>.product>.nav>ul>li>a:before{content:''; display:block; position:absolute; width:100%; height:200px; background:rgba(255,255,255,.0); transform:rotate(45deg); left:-80%; top:-100px; transition:all .45s ease;}
#product>.product>.nav>ul>li>a:hover{background:#0061ae;color:#fff; border:1px solid rgba(2,106,181,1);}
#product>.product>.nav>ul>li>a:hover:before{left:-60%; background:rgba(255,255,255,.16);}
#product>.product>.nav>ul>li.A>a{background:#0061ae; color:#fff;border:1px solid rgba(2,106,181,1);}
#product>.product>.nav>ul>li.A>a:before{left:-60%; background:rgba(255,255,255,.16);}
#product>.product>.nav>ul>li.A:after{ position:absolute;z-index:1;left:50%;bottom:-8px; margin-left:-8px; content:''; width: 0;height: 0;border-top: 8px solid rgba(2,106,181,1);border-right: 8px solid transparent;border-left:8px solid transparent;}

#product>.product>.container{ width:90%; max-width:1600px; margin:0 auto; padding:50px; box-sizing:border-box; text-align:left; transition:all .35s;}
#product>.product>.container ul{ display: inline-block; width: 100%;}
#product>.product>.container li{ display:block; float:left; width:23.5%; margin-right:2%; margin-bottom:2%; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
#product>.product>.container li:nth-child(4n){margin-right:0 !important;}
#product>.product>.container li>a{ display:block; position:relative; padding-bottom: 22px;}
#product>.product>.container li>a:after{position:absolute; z-index:8; left:0; top:0; width:100%; height:100%; background:rgba(216,33,40,0); content:''; transition:all .35s;}
#product>.product>.container li .tips{position:absolute; z-index:6; right:0; top:0;}
#product>.product>.container li .tips>img{ width:60px; height:auto;}
#product>.product>.container li .view{position:absolute; z-index:9; left:0; top:0; width:100%; opacity:0; padding-top:40%; text-align:center; font-size:14px; color:rgba(255,255,255,1); transition:all .35s;}
#product>.product>.container li .view .icon{ position:relative; display:block; margin:0px auto 10px auto; width:58px; height:58px; border:1px solid rgba(255,255,255,1); border-radius:100%; text-align:center; overflow:hidden;}
#product>.product>.container li .view .icon>img{ position:absolute; left:-100%; top:0; width:100%; height:auto; margin:0px auto; transition:all .35s;}
#product>.product>.container li .img{display:block; width:100%; height: 0; padding-bottom: 100%; text-align:center; overflow:hidden;}
#product>.product>.container li .img>img{ width:100%; height:auto; margin:0 auto; transition:all .8s;}
#product>.product>.container li .name{ font-size:15px; text-align:center; padding:0 20px; margin-top: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-box-pack: center; overflow: hidden; color: #464646; height: 42px; line-height: 1.4;}
#product>.product>.container li>a:hover:after{ background:rgba(2,106,181,.6);}
#product>.product>.container li>a:hover .view{ opacity:1;}
#product>.product>.container li>a:hover .view .icon>img{ left:0;}
#product>.product>.container li>a:hover .img>img{transform:scale(1.2);}

#product.scsb>.product>.container li .img{ padding-bottom: 68%;}
#product.scsb>.product>.container li .view{ padding-top: 25%;}



#product>.view{margin:0 auto; text-align: center;}
#product>.view .path-back{ position:relative; margin:0 auto;padding-top:90px; background:#1761ab url("../images/product_path_bg.jpg") no-repeat; background-position:right bottom;float: left;  width: 100%; background-size: auto 100%;}
#product>.view .path-back>.path{text-align:left; color:rgba(255,255,255,.7); height:120px; line-height:120px; box-sizing:border-box; padding-left:300px; font-size:16px;}
#product>.view .path-back>.path>a{display:inline-block; color:rgba(255,255,255,.7); transition:all .35s;}
#product>.view .path-back>.path>a>img{height:18px; width:auto; margin-right:6px;}
#product>.view .path-back>.path>a:hover{color:rgba(255,255,255,1); text-decoration:underline;}
#product>.view .path-back>.back{ position:absolute;z-index:3;left:-10px;top:90px; text-align:center; height:120px;transform: skewX(-10deg);}
#product>.view .path-back>.back>a{ display:block;padding:0 90px;font-size:22px; line-height:120px; color:#fff; background:#022347; transition:all .35s; }
#product>.view .path-back>.back>a>img{ height:30px; width:auto;margin-right:10px; position: relative; top: 5px;}
#product>.view .path-back>.back>a:hover{ background:#004897;}
#product>.view .title{ padding-top:60px; font-size:30px; color:#222; background:#fff;margin:0 auto; float: left; width: 100%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
#product>.view .focus{ width:100%; height:auto; margin:0 auto; padding-bottom:40px; background:#fff; float: left; text-align: center;}
#product>.view .focus>.wrap{ width:86%; max-width:1200px; margin:0 auto;}
#product>.view .focus .bimg{ position:relative; width:100%; height:auto;}
#product>.view .focus .bimg .swiper-wrapper:hover{z-index:11; position:relative;}
#product>.view .focus .bimg .swiper-slide>img{max-width:90%; max-height:90%; display: inline-block; vertical-align: middle;}
#product>.view .focus .bimg .swiper-slide:after{content: ''; display: inline-block; height: 100%; vertical-align: middle; width: 0; font-size: 0;}
#product>.view .focus .bimg .swiper-slide .bimg_cpdt{ width: 100%; position: relative; padding-bottom:50%; overflow: hidden; text-align: left;}
#product>.view .focus .bimg .swiper-slide .bimg_cpdt img{ position: absolute; width:90% ;height: 90%; margin-top: 5%; margin-left: 5%; object-fit: contain;}


#product>.view .focus .bimg .swiper-container{width:100%; height:100%;}
#product>.view .focus .bimg .arrow-left{ position:absolute; z-index:99; left:0; top:50%; margin-top:-30px; width:60px; height:60px; background:url("/template/sscm/images/icon_arrow_noline_left_black.png") no-repeat; background-position:50% 50%; background-size:100% auto;cursor:pointer; opacity:.2; transition:all .35s;}
#product>.view .focus .bimg .arrow-right{ position:absolute; z-index:99; right:0; top:50%; margin-top:-30px; width:60px; height:60px; background:url("/template/sscm/images/icon_arrow_noline_right_black.png") no-repeat; background-position:50% 50%; background-size:100% auto; cursor:pointer; opacity:.2; transition:all .35s;}
#product>.view .focus .bimg .arrow-left:hover, #product>.view .focus .bimg .arrow-right:hover{opacity:.8;}
#product>.view .focus .img{width:100%; margin:10px auto;}
#product>.view .focus .img .swiper-container{width:321px; height:80px; margin:auto; text-align:center;}
#product>.view .focus .img .swiper-slide{width:71px; height:71px;}
#product>.view .focus .img img{padding:1px; width:100%; height:100%; display:block; border:1px solid transparent; cursor:pointer; box-sizing:border-box;}
#product>.view .focus .img .active-nav img{padding:0; border:1px solid #0061ae !important;}
#product>.view .focus .img .active-nav{position:relative; z-index:11;}
#product>.view .tags{ width:86%; max-width:1200px; margin:0 auto;padding:100px 0; display: inline-block;}
#product>.view .tags>.tag-tit{margin:0 auto; box-sizing:border-box; border:2px solid #777; padding:0 20px; border-radius:10px; display: inline-block; width: 100%; text-align: center;}
#product>.view .tags>.tag-tit li{position:relative; display:inline-block; float:left; width:33.33%; box-sizing:border-box;}
#product>.view .tags>.tag-tit li>a{ display:block; padding:20px 30px; color:#464646; font-size:18px;}
#product>.view .tags>.tag-tit li>a>span{ display:inline-block;vertical-align: middle; font-size:30px; margin-right:10px;}
#product>.view .tags>.tag-tit li>a.A{background:#777; color:#fff; border-radius:8px;}
#product>.view .tags>.tag-con{display:block;text-align:left;}
#product>.view .tags>.tag-con .con{padding:50px 0; display:none;}
#product>.view .tags>.tag-con .tit{display:none;}
#product>.view .tags>.tag-con .con>.tit_s{font-size:18px;font-weight:bold;color:#0061ae;}
#product>.view .tags>.tag-con .con>.txt_s{ font-size:16px; line-height:30px; color:#333; padding:20px 0 50px 0;}
#product>.view .tags>.tag-con .con>.txt_s img{max-width:100%; height:auto;}
#product>.view .tags>.tag-con .con>.list_s{display:block; text-align:left;}
#product>.view .tags>.tag-con .con>.list_s>a{display:block; float:left;width:50%;font-size:16px; color:#333;padding:10px 0; padding-right:20px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; box-sizing:border-box; transition:all .35s;}
#product>.view .tags>.tag-con .con>.list_s>a:hover{ color:#0061ae; text-decoration:underline;}
#product>.view .tags>.tag-con .con>.list_s>a img{height:60px; width:auto; margin-right:20px; border:1px solid #ddd;padding:10px;vertical-align: middle;}
#product>.view .tags>.tag-con .con>.pdf>a img{ height:50px; border:0 !important; vertical-align: middle;}
#product>.view .tags>.tag-con .con table{width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; box-sizing:border-box; border-collapse:collapse;}
#product>.view .tags>.tag-con .con table td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:15px; padding:5px; transition:all .25s;}
#product>.view .tags>.tag-con .con table td p,#product>.view .tags>.tag-con .con table td div{margin:0;}
#product>.view .tags>.tag-con .con table td:hover{background:#eee;}


@media only screen and (max-width: 1650px){
  #product>.catalog>ul>li .img{position:absolute;z-index:99; left:0; top:0; width:45%; height:100%;}
}

@media only screen and (max-width: 1500px){
  #product>.catalog>ul>li .img{ border-radius: 0 !important;}

  #product>.catalog>ul>li .img img{width:100%; height:100%;}
  #product>.product>.nav>ul>li>a{padding:15px 20px;}

}

@media only screen and (max-width: 1200px){
  #product>.catalog>ul>li .con{ padding-left:150px;}
  #product>.catalog>ul>li .con>.tit>a{ font-size:30px;}
  #product>.catalog>ul>li .con>.txt{padding:20px 0;}
  #product>.catalog>ul>li .con>.txt>a{ font-size:14px;}
  #product>.catalog>ul>li .con>.more>a{width:32px; height:32px; line-height:32px; font-size:28px;}
  #product>.product>.nav{padding:0;}
  #product>.product>.nav>ul>li{ width:33.33%; float:left;margin:0 !important;}
  #product>.product>.nav>ul>li>a{ padding:15px 0; margin-left:-1px;margin-top:-1px;}
  #product>.product>.nav>ul>li.A:after{opacity:0;}
  #product>.product>.container{padding:50px 0;}
  #product>.product>.container li{ width:32%;}
  #product>.product>.container li:nth-child(3n){margin-right:0 !important;}
  #product>.product>.container li:nth-child(4n){margin-right:2% !important;}

  #product>.view .tags>.tag-con .tableWap{width:100%; overflow:scroll;}
  #product>.view .tags>.tag-con .tableWap table th, #product>.view .tags>.tag-con .tableWap table td{white-space:nowrap; font-size:12px;}
}

@media only screen and (max-width: 1080px){

  #product>.catalog>ul>li .img{ position:relative; width:100%; float:none; border-radius:0;}
  #product>.catalog>ul>li .img img{position:relative; width:100%;height:auto;margin-left:0;}
  #product>.catalog>ul>li .br{ position:relative;z-index:999; width:100%;}
  #product>.catalog>ul>li .br:after{ position:absolute;z-index:2;right:0;top:0; width:100%;height:10px; border-radius:0!important;}
  #product>.catalog>ul>li .br:before{ position:absolute;z-index:4;right:0;top:10px; width:100%;height:10px; border-radius:0!important;}
  #product>.catalog>ul>li .con{ width:100%;padding:50px; float:none; text-align:left;}
  #product>.catalog>ul>li:nth-child(even) .br{left:0; right:auto;}
  #product>.catalog>ul>li:nth-child(even) .br:after{left:0; right:auto; border-radius:0!important;}
  #product>.catalog>ul>li:nth-child(even) .br:before{left:0; right:auto; border-radius:0!important;}
  #product>.catalog>ul>li:nth-child(even) .img{float:none;border-radius:0!important;}
  #product>.catalog>ul>li:nth-child(even) .con{float:none;padding-left:50px;}


  #product>.view .path-back>.path{height:80px; line-height:80px; padding-left:220px; font-size:12px;}
  #product>.view .path-back>.back{ height:80px;}
  #product>.view .path-back>.back>a{ padding:0 60px; font-size:20px; line-height:80px; }
  #product>.view .path-back>.back>a>img{ height:26px;}

  #product>.view .tags>.tag-tit li>a{ font-size:16px;}
  #product>.view .tags>.tag-tit li>a>span{ font-size:26px;}
  #product>.view .tags>.tag-con .con>.list_s>a{float:none;width:100%;font-size:14px;}
  #product>.view .tags>.tag-con .con>.list_s>a img{height:40px; }
  #product>.view .tags>.tag-con .con>.pdf>a img{ height:40px;}

}
@media only screen and (max-width: 800px){
  #product>.product>.container li{ width:49%;margin-right:0 !important;}
  #product>.product>.container li:nth-child(even){float:right;}
  #product>.product>.container li:nth-child(3n){margin-right:0 !important;}
  #product>.product>.container li:nth-child(4n){margin-right:0 !important;}
  #product>.view .path-back{ padding-top:60px;}
  #product>.view .path-back>.back{top:60px;}

  #product>.view .title{ font-size:24px;}
  #product>.view .focus{height:auto;}
  #product>.view .focus .bimg{ height:auto;}


}
@media only screen and (max-width: 640px){
  #product>.search{padding:40px 0;}
  #product>.search>form input[type="text"]{height:46px; line-height:46px;}
  #product>.search>form button{height:46px; background-size: 20px; right: 0;}
  #product>.product>.nav>ul>li{width:50%;}
  #product>.view .path-back{height:60px;}
  #product>.view .path-back>.path{display:none;}
  #product>.view .path-back>.back{ height:60px;}
  #product>.view .path-back>.back>a{ padding:0 60px; font-size:16px; line-height:60px; }
  #product>.view .title{ font-size:18px;padding:50px 20px 0 20px;}
  #product>.view .tags{padding:50px 0;}
  #product>.view .tags>.tag-tit{display:none;}
  #product>.view .tags>.tag-con .con{padding-bottom:20px;}
  #product>.view .tags>.tag-con .tit{display:block; position:relative; font-size:16px;padding:10px 15px; color:#666; margin-top:-1px; border:1px solid #ddd; background:rgba(255,255,255,.6);}
  #product>.view .tags>.tag-con .tit:after{position:absolute;z-index:4; right:20px;top:50%; margin-top:-2px; width: 0;height: 0;border-top: 8px solid rgba(0,0,0,.1);border-right: 8px solid transparent;border-left:8px solid transparent; content:''; transition:all .35s;}
  #product>.view .tags>.tag-con .tit>span{ display:inline-block;vertical-align: middle; font-size:26px; margin-right:10px;}
  #product>.view .tags>.tag-con .tit-active{ background:#0061ae !important; color:#ffffff !important;}
  #product>.view .tags>.tag-con .tit-active:after{border-top: 8px solid rgba(255,255,255,.3);transform:rotate(180deg);}
  #product>.view .focus .bimg .arrow-left,#product>.view .focus .bimg .arrow-right{ width: 45px; height: 45px;}
  #product>.view .focus .bimg .swiper-slide .bimg_cpdt img{ width: 100%; height: 100%; margin: 0;}
  #product>.view .focus .bimg .swiper-slide .bimg_cpdt{ padding-bottom: 75%;}
}
@media only screen and (max-width: 420px){
  #product>.catalog>ul>li .con>.tit>a{ font-size:22px;}
  #product>.catalog>ul>li .con{ padding:50px 30px;}
  #product>.catalog>ul>li:nth-child(even) .con{padding-left:30px;}
  #product>.product>.nav>ul>li>a{ font-size:14px;}
  #product>.product>.container li{ float:none!important; width:100%; margin-bottom:20px !important;}
  #product>.view .focus .bimg .arrow-left,#product>.view .focus .bimg .arrow-right{ width: 30px; height: 30px;}

}

.fl-left, .fl { float: left; }
.fl-right, .fr { float: right; }
.clearfix:after { clear: both; }

#about{margin:0 auto;overflow:hidden;padding:0;}
#about>.about_ico{background:#ececec; text-align:center;margin:0 auto;padding:80px 0;}
#about>.about_ico>.wrap{ width:86%; max-width:1300px;margin:0 auto; text-align:center; font-size:16px; color:#666;}
#about>.about_ico>.wrap>span{display: inline-block;}
#about>.about_ico>.wrap>span>img{ position:relative; margin-top:-10px; display:inline-block; width:auto; height:28px; margin-right:10px;}
#about>.about_ico>.wrap>em{ display: inline-block;padding: 0 10px; font-style: normal; color: #666; }
#about .summary{padding-top:100px; box-sizing:border-box; background:#fff;}
#about .summary>.wrap{width:70%;margin:0 auto;}
#about .summary .tit{font-size:24px; font-weight:normal; color:#0071bc; text-align:left;}

#about .profile{ background:#fff; margin:0 auto;padding:3% 0;}
#about .profile>.title{ padding:30px 0; font-size:24px; color:#4d4d4d;box-sizing:border-box; padding-left:10%;  width:70%;margin:0 auto; text-align:left;}
#about .profile>.text{ box-sizing:border-box; width:70%;margin:0 auto; padding-left:10%; padding-bottom:100px; font-size:14px; color:#666; line-height:24px; text-align:left; column-count: 2;column-gap:100px;}
#about .profile>.text>p{padding-bottom:30px;}
#about .profile>.text>p.eh100{ height:80px; padding-top:20px;}
#about .profile>.text>p .ico{position:relative; vertical-align: top; margin-right:6px;}
#about .profile>.text>p .t1,#about .profile>.text>p .t2,#about .profile>.text>p .t3{ display:inline-block; height: 50px; line-height: 50px; }
#about .profile>.text>p .t1{ margin-right:15px;}
#about .profile>.text>p .t2{ margin-right:15px;}
#about .profile>.img{width:100%; position:relative;}
#about .profile>.img>.box-l{width:60%;text-align:left;overflow:hidden;}
#about .profile>.img>.box-r{ position:absolute;z-index:3; right:0;bottom:0; width:37%; height:100%; box-sizing:border-box; overflow:hidden; text-align:right;}
#about .profile>.img img{ width:100%;height:auto; transition:all 1s;}
#about .profile>.img>.box-r img{ width:100%;height:100%;}

#about .profile>.img img:hover{transform:scale(1.1);}


#about .workshop{ position:relative; margin:0 auto; background:#fff;}
#about .workshop .swiper-slide{width:auto!important;cursor:move;}
#about .workshop .swiper-slide img{ position:relative; height:450px; width:auto; transition:all .6s; float: left;}
#about .workshop .swiper-slide:after{ position:absolute;z-index:34;left:0;top:0; width:100%;height:100%; background:#000;opacity:0; content:'';transition:all .6s;}
#about .workshop .swiper-slide:hover:after{opacity:.6;}
#about .workshop .button-next{ position:absolute;z-index:9; right:30px; top:50%; margin-top:-20px; width:40px; height:40px;outline:none; background:url(/template/sscm/css/"../images/icon_arrow_solidcircle_right_black.png"/**/) no-repeat; background-position:50% 50%; background-size:100% auto;opacity:.2; cursor:pointer; transition:all .35s;}
#about .workshop .button-next:hover{ background:url("/template/sscm/images/icon_arrow_solidcircle_right_blue.png") no-repeat; background-position:50% 50%; background-size:100% auto;opacity:.8; cursor:pointer; transition:all .35s;}
#about .workshop .button-prev{ position:absolute;z-index:9; left:30px; top:50%; margin-top:-20px; width:40px; height:40px;outline:none; background:url(/template/sscm/css/"../images/icon_arrow_solidcircle_left_black.png"/**/) no-repeat; background-position:50% 50%; background-size:100% auto;opacity:.2; cursor:pointer; transition:all .35s;}
#about .workshop .button-prev:hover{ background:url("/template/sscm/images/icon_arrow_solidcircle_left_blue.png") no-repeat; background-position:50% 50%; background-size:100% auto;opacity:.8; cursor:pointer; transition:all .35s;}



/*
#about .summary{padding:50px; padding-top:100px; box-sizing:border-box; background:#fff;}
#about .summary>.title{font-size:24px; font-weight:700; color:#02a7e7; text-align:center;}
#about .summary>.text{width:60%;margin:0 auto;padding:30px 0; text-align:center; font-size:13px; color:#666; line-height:28px;}
#about .profile{margin:0 auto; background:#fff;}
#about .profile>.container>.img{width: 50%;;position: relative;overflow: hidden;}
#about .profile>.container>.img img{ width:auto;height:100%; transition:all 1s;}
#about .profile>.container>.img img:hover{transform:scale(1.1);}
#about .profile>.container>.content{position: relative;width:50%;padding:60px 80px; padding-bottom:0 !important; box-sizing:border-box;}
#about .profile>.container>.content>.box{ width:70%; text-align:left; white-space:normal;overflow:hidden;}
#about .profile>.container>.content>.box>.title{font-weight: bold;font-size: 30px;color: #333333;letter-spacing: 1px;}
#about .profile>.container>.content>.box .text p{font-size: 14px;color: #666666;line-height: 26px;margin-top: 32px;}
#about .profile>.container>.content>.box .text p>strong{ display:inline-block; font-size:16px !important;}
#about .profile>.container:nth-child(2)>.content>.box{ float:right;}

*/



#about .statistics{ overflow:hidden; margin:0 auto; padding:120px 0; background:url(/template/sscm/css/"../images/statistics_img_bg.jpg"/**/) no-repeat; background-size:cover;}
#about .statistics>.wrap{margin:0 auto; width:100%; max-width:1200px;}
#about .statistics .item{margin-bottom:12px;}
#about .statistics .item>.box-left{background: #0061ae;width: 340px;padding:155px 0;margin-right: 12px;transition: all 1s;}
#about .statistics .item>.box-left .text{font-size: 18px;color: #fff;line-height: 30px;font-weight: bold;text-align: center;transition:all .5s;}
#about .statistics .item>.box-left .years{font-size: 60px;color: #fff;text-align: center;font-weight: bold;margin-top: 20px;margin-bottom: 40px;transition:all .5s;}
#about .statistics .item>.box-left .years>span {font-size:16px;color: #fff;line-height: 30px;transition:all .5s;}
#about .statistics .item>.box-left:hover{background:#fff;}
#about .statistics .item>.box-left:hover .text, #about .statistics .item>.box-left:hover .years, #about .statistics .item>.box-left:hover .years>span{ color:#0061ae;}
#about .statistics .item>.box-right{ width:calc(100% - 352px);}
#about .statistics .item>.box-right .box-ins-up{margin:0 auto 12px auto; width:100%; position:relative;}
#about .statistics .item>.box-right .box-ins-up>.box-profile{ width:400px; height:280px; border: 1px solid rgba(255,255,255,.3);padding: 90px 40px 70px 40px; box-sizing:border-box; text-align:left;transition: all .8s;}
#about .statistics .item>.box-right .box-ins-up>.box-profile .icon{width: 83px;margin-bottom: 15px;}
#about .statistics .item>.box-right .box-ins-up>.box-profile .icon>img{ width:100%;height:auto;}
#about .statistics .item>.box-right .box-ins-up>.box-profile .text{font-size: 18px;color: #fff;line-height: 30px;max-height: 30px;overflow: hidden;}
#about .statistics .item>.box-right .box-ins-up>.box-profile:hover{border:1px solid rgba(255,255,255,.7);}
#about .statistics .item>.box-right .box-ins-up>.box-honor{ width:437px; height:280px; padding:70px 30px; box-sizing:border-box; background:#fff; position: relative; text-align:left; transition: all .8s;}
#about .statistics .item>.box-right .box-ins-up>.box-honor>.icon{position:absolute;z-index:3; right:40px; bottom:60px; width:90px;height:90px;overflow:hidden;}
#about .statistics .item>.box-right .box-ins-up>.box-honor>.icon>img{ position:absolute;left:0;top:0; width:100%; height:auto;opacity:.5;}
#about .statistics .item>.box-right .box-ins-up>.box-honor>.title {font-size: 18px;color: #444;line-height: 30px;font-weight: bold;max-height: 30px;overflow: hidden;margin-bottom: 10px;transition: all .8s;}
#about .statistics .item>.box-right .box-ins-up>.box-honor>.text>p{padding-top:5px; font-size:14px; font-weight:600; color:#666; transition:all .5s;}
#about .statistics .item>.box-right .box-ins-up>.box-honor>.text>p a{display:inline-block; transition:all .5s;}
#about .statistics .item>.box-right .box-ins-up>.box-honor>.text>p a>span{font-size:20px; color:#0061ae; transition:all .5s;}
#about .statistics .item>.box-right .box-ins-up>.box-honor>.text>p a:hover>span{color:#fff; text-decoration:underline;}
#about .statistics .item>.box-right .box-ins-up>.box-honor:hover{background:#0061ae;}
#about .statistics .item>.box-right .box-ins-up>.box-honor:hover .title{color:#fff;}
#about .statistics .item>.box-right .box-ins-up>.box-honor:hover .text>p{color:rgba(255,255,255,.8);}
#about .statistics .item>.box-right .box-ins-up>.box-honor:hover .text>p a{color:rgba(255,255,255,1)}
#about .statistics .item>.box-right .box-ins-up>.box-honor:hover .text>p a>span{color:rgba(255,255,255,1)}
#about .statistics .item>.box-right .box-ins-up>.box-honor:hover .icon>img{ top:-90px;opacity:1;}
#about .statistics .item>.box-right .box-ins-down>.box-staff{ width:400px; height:246px; padding:70px 30px; box-sizing:border-box; background:#fff; position: relative; text-align:left; transition: all .8s;}
#about .statistics .item>.box-right .box-ins-down>.box-staff>.icon{position:absolute;z-index:3; right:40px; bottom:60px; width:90px;height:90px;overflow:hidden;}
#about .statistics .item>.box-right .box-ins-down>.box-staff>.icon>img{ position:absolute;left:0;top:0; width:100%; height:auto;opacity:.5;}
#about .statistics .item>.box-right .box-ins-down>.box-staff>.title {font-size: 18px;color: #444;line-height: 30px;font-weight: bold;max-height: 30px;overflow: hidden;margin-bottom: 10px;transition: all .8s;}
#about .statistics .item>.box-right .box-ins-down>.box-staff>.text{padding-top:3px; font-size:60px; font-weight:600; color:#0061ae;transition:all .5s;}
#about .statistics .item>.box-right .box-ins-down>.box-staff:hover{background:#0061ae;}
#about .statistics .item>.box-right .box-ins-down>.box-staff:hover .title{color:#fff;}
#about .statistics .item>.box-right .box-ins-down>.box-staff:hover .text{color:rgba(255,255,255,1);}
#about .statistics .item>.box-right .box-ins-down>.box-staff:hover .icon>img{ top:-90px;opacity:1;}
#about .statistics .item>.box-right .box-ins-down>.box-field{ width:437px; height:246px; padding:70px 30px; box-sizing:border-box; border: 1px solid rgba(255,255,255,.3); position: relative; text-align:left; transition: all .8s;}
#about .statistics .item>.box-right .box-ins-down>.box-field>.icon{position:absolute;z-index:3; right:10px; bottom:60px; width:120px;height:120px;overflow:hidden;}
#about .statistics .item>.box-right .box-ins-down>.box-field>.icon>img{ position:absolute;left:0;top:0; width:100%; height:auto;opacity:1;}
#about .statistics .item>.box-right .box-ins-down>.box-field>.title {font-size: 18px;color: #fff;line-height: 30px;font-weight: bold;max-height: 30px;overflow: hidden;margin-bottom: 10px;transition: all .8s;}
#about .statistics .item>.box-right .box-ins-down>.box-field>.text{padding-top:5px; box-sizing:border-box; padding-right:100px; font-size:14px; color:#fff;transition:all .5s;}
#about .statistics .item>.box-right .box-ins-down>.box-field:hover{border:1px solid rgba(255,255,255,.7);}
#about .statistics .item>.box-factory {width: 545px; height:280px; padding:20px 20px 15px 35px;border: 1px solid rgba(255,255,255,.3);box-sizing:border-box; text-align:left;transition: all .8s;}
#about .statistics .item>.box-factory .con{width:33%;}
#about .statistics .item>.box-factory .con>.title{font-size:18px;color: #fff;font-weight: bold;}
#about .statistics .item>.box-factory .con>.title>span{font-size:60px;}
#about .statistics .item>.box-factory .con>.text{font-size:14px;color: #fff;line-height: 24px;}
#about .statistics .item>.box-factory .img{padding:0;}
#about .statistics .item>.box-factory .img>img{max-width:100%;height:auto;}
#about .statistics .item>.box-application{ width:645px; height:280px; padding:70px; box-sizing:border-box; background:#fff; position: relative; text-align:left; transition: all .8s; float: right;}
#about .statistics .item>.box-application>.icon{ position:relative; width:90px;height:90px;overflow:hidden;}
#about .statistics .item>.box-application>.icon>img{ position:absolute;left:0;top:0; width:100%; height:auto;opacity:.5;}
#about .statistics .item>.box-application>.text{padding-top:5px; font-size: 14px;color: #666;line-height: 24px;transition:all .5s;}
#about .statistics .item>.box-application:hover{background:#0061ae;}
#about .statistics .item>.box-application:hover .text{color:rgba(255,255,255,1);}
#about .statistics .item>.box-application:hover .icon>img{ top:-90px;opacity:1;}


#about .history{ overflow:hidden; margin:0 auto;padding:80px 0;}
#about .history>.title{ position:relative; width:86%; max-width:1300px; margin:0 auto; font-size: 30px; color: #333; text-align:center;font-weight: 600;}
#about .history>.title:after{position:absolute;z-index:3;left:50%;bottom:-10px; margin-left:-25px; width:50px;height:2px; background:#0061ae;content:'';}
#about .history>.container{ position:relative; margin:0 auto;padding:70px 0 20px 0; width:90%; max-width:1000px;}
#about .history>.container .prev{ position:absolute;z-index:3;left:-30px;bottom:10px; width:40px; height:40px; background:url("/template/sscm/images/icon_arrow_noline_left_black.png"/**/) no-repeat; background-size:100% auto;opacity:.2; transition:all .35s;}
#about .history>.container .prev:hover{left:-36px;opacity:.6;}
#about .history>.container .next{ position:absolute;z-index:3;right:-30px;bottom:10px; width:40px; height:40px; background:url("/template/sscm/images/icon_arrow_noline_right_black.png"/**/) no-repeat; background-size:100% auto;opacity:.2; transition:all .35s;}
#about .history>.container .next:hover{right:-36px;opacity:.6;}
#about .history>.container .text{ position:relative; width:100%; height:100px; padding:50px 0;}
#about .history>.container .text .swiper-wrapper:hover{z-index:11; position:relative;}
#about .history>.container .text .swiper-slide{ text-align:center;font-size:16px; line-height:30px;color:#666;}
#about .history>.container .text .swiper-container{width:100%; height:100%;}
#about .history>.container .years{ position:relative; width:100%; margin:10px auto;}
#about .history>.container .years:after{position:absolute;z-index:1;left:0;bottom:30px; width:100%;height:1px;background:#ddd;content:'';}
#about .history>.container .years .swiper-container{position:relative;z-index:99; width:80%; height:130px; margin:0 auto; text-align:center;}
#about .history>.container .years .swiper-wrapper{ height: 100%;}
#about .history>.container .years .swiper-slide{font-size:18px; padding-top:60px; box-sizing:border-box; font-family:Arial; font-weight:600; color:#333; text-align:center; transition:all .35s;}
#about .history>.container .years .swiper-slide:after{ position:absolute;z-index:3;left:50%; bottom:28px; margin-left:-3px; width:6px;height:6px; background:#666; border-radius:100%; content:''; transition:all .35s;}
#about .history>.container .years .swiper-slide:before{position:absolute;z-index:3;left:50%;bottom:10px; margin-left:-15px; width:30px;height:30px;opacity:0; box-shadow:0 0 8px rgba(0,0,0,.2); background:#fff;border:1px solid #ddd; border-radius:100%; content:''; transition:all .35s;}
#about .history>.container .years .active-nav{position:relative; padding-top:0; bottom:0; z-index:11; color:#0061ae;font-size:60px;}
#about .history>.container .years .active-nav:after{background:#0061ae;}
#about .history>.container .years .active-nav:before{margin-left:-20px; width:40px;height:40px;opacity:1;}

#about .history>.more{ text-align:center;margin:0 auto; padding-bottom:50px;}
#about .history>.more>a{display:inline-block;padding:0 50px; height:58px; line-height:58px; border:2px solid transparent; outline:none; font-size:18px; color:#fff; background:#0061ae; cursor:pointer; border-radius:50px;box-sizing:border-box;overflow:hidden; transition:all .35s;}
#about .history>.more>a:hover{background:none; border:2px solid #0061ae; color:#0061ae;}

@media only screen and (max-width: 1650px){
  #about .profile>.text>p .t1,#about .profile>.text>p .t2,#about .profile>.text>p .t3{}
}

@media only screen and (max-width: 1500px){
  #about .profile>.text>p.eh100{ height:auto;}



}

@media only screen and (max-width: 1420px){
  #about .summary>.text{width:80%;}

}

@media only screen and (max-width: 1360px){
  /*
  #about .profile>.container>.content{padding:30px 60px;}
  #about .profile>.container>.content>.box{ width:100%;}
  #about .profile>.container>.content>.box .text p{margin-top: 28px;}

  */
  #about .profile>.title{ padding-left:6%;}
  #about .profile>.text{ padding-left:6%;}
  #about .workshop .swiper-slide img{ height:360px;}

}
@media only screen and (max-width: 1200px){

  #about .profile>.title{ padding-left:0;}
  #about .profile>.text{ padding-left:0;}
  /*
  #about .profile>.container>.img{float:none;width: 100%; }
  #about .profile>.container>.img>img{ width:100%;height:auto;}
  #about .profile>.container>.content{float:none;width:100%; padding-bottom: 60px!important;}
  #about .profile>.container>.content>.box{ width:100%;}
  #about .profile>.container>.content>.box>.title{font-size: 24px;}
  */

  #about .statistics .item{padding:0 60px; box-sizing:border-box; margin-bottom:12px;}
  #about .statistics .item>.box-left{ float:none; width: 100%;padding:30px 0;margin-right: 0; margin-bottom:12px;}
  #about .statistics .item>.box-left .text{font-size: 18px;}
  #about .statistics .item>.box-left .years{font-size: 30px;margin-top:10px;margin-bottom: 20px;}
  #about .statistics .item>.box-left .years>span {font-size:14px;}
  #about .statistics .item>.box-right{ float:none; width:100%;}
  #about .statistics .item>.box-right .box-ins-up{margin:0 auto 12px auto; width:100%; position:relative;}
  #about .statistics .item>.box-right .box-ins-up>.box-profile{ float:none; width:100%; height:auto;padding:40px; margin-bottom:12px;}
  #about .statistics .item>.box-right .box-ins-up>.box-profile .icon{width: 60px;}
  #about .statistics .item>.box-right .box-ins-up>.box-profile:hover{border:1px solid rgba(255,255,255,.7);}
  #about .statistics .item>.box-right .box-ins-up>.box-honor{ width:100%; height:auto; padding:40px;}
  #about .statistics .item>.box-right .box-ins-up>.box-honor>.icon{bottom:20px;}
  #about .statistics .item>.box-right .box-ins-up>.box-honor>.text>p{ display:inline-block; width:40%;}
  #about .statistics .item>.box-right .box-ins-down>.box-staff{ float:none; width:100%; height:auto; padding:40px;}
  #about .statistics .item>.box-right .box-ins-down>.box-staff>.text{font-size:40px;}
  #about .statistics .item>.box-right .box-ins-down>.box-field{ float:none; width:100%; height:auto; padding:40px; margin-bottom:12px;}
  #about .statistics .item>.box-right .box-ins-down>.box-field>.icon{ bottom:20px;}
  #about .statistics .item>.box-factory { float:none; width: 100%; height:auto; padding:20px 40px; margin-bottom:12px;}
  #about .statistics .item>.box-application{ float:none; width:100%; height:auto; padding:40px;}
  #about .history>.title{font-size:24px;}

}

@media only screen and (max-width: 870px){
  #about .profile>.text{ column-count:auto;column-gap:normal;}
  #about .profile>.img>.box-l{width:100%; float:none; margin-bottom:3%;}
  #about .profile>.img>.box-r{ position:relative;width:100%; float:none;}
  #about .profile>.img>.box-r img{ height:auto;}

  #about .workshop .swiper-slide img{ height:280px;}
}

@media only screen and (max-width: 640px){

  #about>.about_ico>.wrap>span{display: block; padding-bottom: 5px;}
  #about>.about_ico>.wrap>em{display: none;}

  #about .summary{padding:30px;}
  /*
  #about .summary>.text{width:90%; line-height:26px;}
  #about .profile>.container>.content{padding:30px;}
  */
  #about .statistics{padding:20px;}
  #about .statistics .item{padding:0;}
  #about .statistics .item>.box-right .box-ins-up>.box-honor>.icon{right:20px; bottom:40px;}
  #about .statistics .item>.box-right .box-ins-up>.box-honor>.text>p{ display:block; width:100%;}
  #about .statistics .item>.box-factory .con{width:100%;}

  #about .history>.container{ width:70%;}
  #about .history>.container .text .swiper-slide{font-size:14px; line-height:26px;}
  #about .history>.container .years .active-nav{font-size:50px;}
  #about .history>.more>a{height:48px; line-height:48px;font-size:16px;}



}



@media only screen and (max-width: 440px){
	
	#about .profile>.text>p .t1,#about .profile>.text>p.eh100 .t2,#about .profile>.text>p.eh100 .t3{ display:block;}

}



#history{margin:0 auto; width:100%;padding:120px 0;padding-bottom:0;}
#history>.title{ position:relative; width:86%; max-width:1300px; margin:0 auto; font-size: 30px; color: #333; text-align:center;font-weight: 600;}
#history>.title:after{position:absolute;z-index:3;left:50%;bottom:-10px; margin-left:-25px; width:50px;height:2px; background:#0061ae;content:'';}
#history>.container{position:relative; margin:100px auto;}
#history>.container .prev{position:absolute;z-index:998;left:20px;bottom:20px; width:46px;height:46px; background:#f7f7f7 url("../images/icon_arrow_noline_left_blue.png"/**/) no-repeat; background-position:50% 50%; background-size:21px auto; border:2px solid #ddd; border-radius:100%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); transition:all .35s;}
#history>.container .prev:hover{transform:scale(1.1);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
#history>.container .next{position:absolute;z-index:998;right:20px;bottom:20px; width:46px;height:46px; background:#f7f7f7 url("../images/icon_arrow_noline_right_blue.png"/**/) no-repeat; background-position:50% 50%; background-size:21px auto; border:2px solid #ddd; border-radius:100%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); transition:all .35s;}
#history>.container .next:hover{transform:scale(1.1);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
#history>.container>.time-line{position:absolute;z-index:1; top:50%; margin-top:-1px; width:100%; height:280px; background:url(/template/sscm/css/"../images/history_time_axis.png"/**/) repeat-x;}
#history>.container>.time-axis{ position:relative; z-index:99; width:90%; max-width:1360px;margin:0 auto;}
#history>.container>.time-axis .swiper-container{height:100%;}
#history>.container>.time-axis .swiper-wrapper{height:700px;}
#history>.container>.time-axis .swiper-slide{ height:350px; box-sizing:border-box; transition:all .45s ease;}
#history>.container>.time-axis .swiper-slide:nth-child(2n){transform:translateY(350px);}
#history>.container>.time-axis .swiper-slide .years{ position:relative; height:100%;}
#history>.container>.time-axis .swiper-slide .years>.tit{ position:absolute;z-index:4;left:0;bottom:-80px; font-size:40px; font-weight:600; font-family:Arial; color:#0061ae;}
#history>.container>.time-axis .swiper-slide .years>.spot{ position:absolute;z-index:3;left:32px;bottom:-8px;width:24px;height:24px; background:rgba(2,106,181,.8); border-radius:100%; transition:all .35s;}
#history>.container>.time-axis .swiper-slide .years>.spot:after{position:absolute;z-index:3;left:50%;top:50%; margin-top:-4px; margin-left:-4px; width:8px;height:8px; background:#0061ae; border-radius:100%;opacity:0; content:''; transition:all .35s;}
#history>.container>.time-axis .swiper-slide .years>.line{ position:absolute;z-index:1;left:44px;bottom:12px; width:1px; height:100%;background:#0061ae;}
#history>.container>.time-axis .swiper-slide .text{position:absolute;z-index:3; right:0; padding:30px 0; width:80%; text-align:left;}
#history>.container>.time-axis .swiper-slide .text>.img{padding:20px 0;}
#history>.container>.time-axis .swiper-slide .text>.img>img{height:100px; width:auto;}
#history>.container>.time-axis .swiper-slide .text>.txt{font-size:14px; line-height:26px;}
#history>.container>.time-axis .swiper-slide:nth-child(2n) .years>.tit{bottom:auto;top:-80px;}
#history>.container>.time-axis .swiper-slide:nth-child(2n) .years>.spot{bottom:auto;top:-8px;}
#history>.container>.time-axis .swiper-slide:nth-child(2n) .years>.line{bottom:auto;top:12px;}
#history>.container>.time-axis .swiper-slide:hover .spot{ width:30px; height:30px; left:30px; bottom:-10px; background:#fff; box-shadow:0 0 7px rgba(0,0,0,.3);}
#history>.container>.time-axis .swiper-slide:nth-child(2n):hover .years>.spot{ bottom:auto;top:-16px;}
#history>.container>.time-axis .swiper-slide:hover .spot:after{opacity:1;}
#history>.container>.time-axis .swiper-slide:hover{transform:translateY(-10px);}
#history>.container>.time-axis .swiper-slide:nth-child(2n):hover{transform:translateY(360px);}



@media only screen and (max-width: 640px){
  #history{padding:60px 0;}
  #history>.title{font-size: 20px;}
  #history>.container{margin:0 auto;}
  #history>.container .prev{left:auto; bottom:auto; right:60px;top:10px; width:30px;height:30px;}
  #history>.container .next{left:auto; bottom:auto; right:20px;top:10px; width:30px;height:30px;}
}