@charset "utf-8";

/* CSS Document */
body {
	font-family:"宋体";
	font-size:12px;
	color:#333333;
	margin:0 auto;
}

html, body, div, span, p, h1, h2, h3, h4, h5, h6, em, img, strong, blockquote, sub, sup, tt, i, b, dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, p, a, ol {
	margin:0;
	padding:0;
}

ul, ol, li {
	list-style-type:none;
	list-style:none;
}

button, input, select, textarea {
	vertical-align: middle;
	font-size:100%;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 { font-size:100%; }

address, cite, dfn, em, var { font-style:normal; }

code, kbd, pre, samp { font-family:courier new, courier, monospace; }

sup { vertical-align:text-top; }

sub { vertical-align:text-bottom; }

legend { color:#000; }

fieldset, img { border:0; }

table {
	border-collapse:collapse;
	border-spacing:0;
}

a {
	color:#333333;
	text-decoration:none;
}

a:hover { text-decoration:underline; }

.clearfix { clear:both; }

/*----------------------------------------index-------------------------------------------------*/
.top {
	height:100px;
	overflow:hidden;
	background:url(../images/top_bj.jpg) left top repeat-x;
}

.top_con {
	width:1200px;
	height:100px;
	overflow:hidden;
	margin:0 auto;
}

.top_con span {
	float:right;
	width:136px;
	height:21px;
	overflow:hidden;
	background:url(../images/top_right.jpg) left top no-repeat;
	line-height:21px;
	padding:18px 0 61px 86px;
}

.nav {
	height:44px;
	overflow:hidden;
	background:url(../images/nav_bj.jpg) left top repeat-x;
}

.nav_con {
	width:1132px;
	height:44px;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/nav_right.jpg) right top no-repeat;
	padding-left:129px;
}

.nav_con a {
	display:block;
	float:left;
	width:126px;
	height:44px;
	overflow:hidden;
	background: url(../images/shuxian.jpg) left top no-repeat;
	font:normal 16px/42px "helvetica neue", \5FAE\8F6F\96C5\9ED1, tahoma, sans-serif;
	text-align:center;
	color:#FFF;
}

.nav_con a:hover {
	background:url(../images/nav_hover.jpg) center top no-repeat;
	text-decoration:none;
}
/*
.banner {
	height:379px;
	overflow:hidden;
	margin:0 auto;
}*/
.wrapper {
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.fn-clear { zoom: 1; }

.box_skitter {
	position: relative;
	background: none;
}

.box_skitter ul { display: none; }

.box_skitter .container_skitter {
	overflow: hidden;
	position: relative;
}

.box_skitter .image { overflow: hidden; }

.box_skitter .image img { display: none; }

.box_skitter .box_clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	overflow: hidden;
	display: none;
	z-index: 20;
}

.box_skitter .box_clone img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.box_skitter .prev_button {
	position: absolute;
	top: 50%;
	left: -5px;
	z-index: 100;
	width: 57px;
	height: 62px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background: url(../images/prev.png) no-repeat left top !important;
}

.box_skitter .next_button {
	position: absolute;
	top: 50%;
	right: -5px;
	z-index: 100;
	width: 57px;
	height: 62px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background: url(../images/next.png) no-repeat left top !important;
}

.box_skitter .label_skitter {
	z-index: 150;
	position: absolute;
	display: none;
}

.loading {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 10000;
	margin: -16px -16px;
	color: #fff;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/ajax-loader.gif) no-repeat left top;
	width: 31px;
	height: 31px;
}

#slideshow {
	width: 90%;
	height: 379px;
}

#slideshow ul { display: none; }












.main {
	background:url(../images/main_bj.jpg) left top repeat-x;
	padding-bottom:17px;
}

.main_con {
	width:1200px;
	overflow:hidden;
	margin:0 auto;
}

.main_top {
	width:1200px;
	height:38px;
	overflow:hidden;
	background:url(../images/main_top.jpg) left top no-repeat;
}

.main_title {
	width:1200px;
	height:35px;
	overflow:hidden;
	background:url(../images/title_bj.jpg) left top no-repeat;
	margin-bottom:15px;
}

.main_title_1 {
	float:left;
	width:373px;
	height:35px;
	overflow:hidden;
	font:normal 16px/38px "helvetica neue", \5FAE\8F6F\96C5\9ED1, tahoma, sans-serif;
	color:#002870;
	text-indent:49px;
}

.main_title_2 {
	float:left;
	width:434px;
	height:35px;
	overflow:hidden;
	font:normal 16px/38px "helvetica neue", \5FAE\8F6F\96C5\9ED1, tahoma, sans-serif;
	color:#002870;
}

.main_title_3 {
	float:left;
	width:196px;
	height:35px;
	font:normal 16px/38px "helvetica neue", \5FAE\8F6F\96C5\9ED1, tahoma, sans-serif;
	color:#002870;
}

.main_title_3 a {
	float:right;
	line-height:35px;
	margin-right:10px;
	padding-top:15px;
}

.content {
	width:1200px;
	overflow:hidden;
	margin-bottom:18px;
}

.news {
	float:left;
	width:321px;
	overflow:hidden;
	background:url(../images/news_conbj.jpg) #FFF left bottom no-repeat;
	margin-right:15px;
}

.news_top {
	width:301px;
	overflow:hidden;
	background:url(../images/news_title.jpg) left top no-repeat;
	padding:10px;
	line-height:22px;
}

.news_top img {
	float:left;
	margin-right:10px;
}

.news_top a {
	font-weight:bold;
	text-indent:12px;
	text-decoration:underline;
}

.news_down {
	width:319px;
	overflow:hidden;
	border:1px solid #cccacc;
	border-bottom:none;
	border-top:none;
	padding-bottom:8px;
}

.news_down_L {
	float:left;
	width:214px;
	overflow:hidden;
	padding-left:12px;
}

.news_down_L ul li a {
	display:block;
	float:left;
	width:214px;
	line-height:24px;
	text-indent:12px;
	background:url(../images/ico.jpg) left center no-repeat;
}

.news_down_L ul li a:hover {
	background:url(../images/ico2.jpg) left center no-repeat;
	color:#d11e1c;
}

.news_down_R {
	float:right;
	width:93px;
	overflow:hidden;
	padding-top:70px;
}

.news_down_R a {
	font:normal italic 14px/24px "helvetica neue", \5FAE\8F6F\96C5\9ED1, tahoma, sans-serif;
	color:#153b7f;
	text-decoration:underline;
}

.about {
	float:left;
	width:397px;
	overflow:hidden;
	background:url(../images/about_conbj.jpg) left top repeat-y;
	padding:9px 0 10px 23px;
	line-height:24px;
	margin-right:14px;
}

.about img {
	float:right;
	margin-left:10px;
}

.about a { text-decoration:underline; }

.contact {
	float:right;
	width:203px;
	overflow:hidden;
	padding:10px 10px 10px 20px;
	line-height:24px;
	background:url(../images/about_conbj.jpg) left top repeat-y;
}

.show_title {
	width:1200px;
	height:49px;
	overflow:hidden;
	background:url(../images/show_title.jpg) left top no-repeat;
	margin:0 auto;
}

.show_title a {
	float:right;
	padding-top:16px;
}

.show_con {
	width:1200px;
	height:262px;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/show_con.jpg) right top no-repeat;
	padding:21px 29px 43px 8px;
}

.middle {
	width:1200px;
	overflow:hidden;
	margin:0 auto;
}

.left {
	float:left;
	width:240px;
	overflow:hidden;
}

.left_top {
	width:240px;
	overflow:hidden;
	margin-bottom:10px;
}

.left_top_title{
	width:240px;
	height:38px;
	overflow:hidden;
	background:url(../images/left_title2.jpg) left top no-repeat;
}

.left_top_title span {
	font:bold 20px/38px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#666666;
	margin-left:3px;
}

.left_top_con {
	width:236px;
	overflow:hidden;
	border:1px solid #cdcbcd;
	padding:3px 1px 2px 1px;
	background-color:#FFF;
}

.left_top_con ul li { display:inline; }

.left_top_con ul li a {
	display:block;
	float:left;
	width:236px;
	height:28px;
	overflow:hidden;
	font:normal 12px/28px "宋体";
	color:#333333;
	text-indent:38px;
	background:url(../images/left_list_bj.jpg) left top no-repeat;
	margin-bottom:2px;
}

 .left_top_con ul li a.first {
	background:url(../images/left_list_hover.jpg) left top no-repeat;
	text-decoration:none;
	color:#FFF;
}

.left_down {
	width:240px;
	height:62px;
	overflow:hidden;
	margin-bottom:20px;
}

.right {
	float:right;
	width:945px;
	overflow:hidden;
	background-color:#FFF;
}

.right_all {
	float:right;
	width:945px;
	overflow:hidden;
	background:url(../images/right_r_bj.jpg) left top no-repeat;
	min-height:576px;
	height:100%;
	_height:576px;
}

.right_title {
	width:945px;
	height:32px;
	overflow:hidden;
	border-bottom:1px dashed #666666;
	background:url(../images/right_top.jpg) left top repeat-x;
	line-height:35px;
}

.right_title img {
	float:left;
	margin:8px 10px auto 5px;
}

.right_con1 {
	width:898px;
	overflow:hidden;
	padding:10px 15px 15px 32px;
	line-height:24px;
}

.right_con {
	width:898px;
	overflow:hidden;
	padding:10px 15px 15px 32px;
	line-height:24px;
}

.right_con ul li {
	display:block;
	float:left;
	width:898px;
	height:27px;
	line-height:27px;
	overflow:hidden;
	background:url(../images/ico.jpg) left center no-repeat;
	text-indent:10px;
	border-bottom:1px dashed #cfcfcf;
}

.right_con ul li:hover {
	background:url(../images/ico2.jpg) left center no-repeat;
	color:#d41e1d;
}

.right_con ul li a:hover { color:#d41e1d; }

.right_con ul li span {
	float:right;
	padding-right:10px;
	color:#333333px;
}


@charset "utf-8";
*{padding:0;margin:0}
body{font-family:verdana,arial,tahoma;font-size:12px;color:#333}
img{border:0}

.new_banner{width:100%;height:500px;border:1px solid #;position:relative; margin:0 auto; padding:0px;}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ width:36px; height:36px;  display:block; position:absolute;  text-indent:-10em; overflow:hidden;}

.prev{ background-position:0 0;left:-40px; top:180px;}
.prev:hover{ background-position:0 -36px;}
.next{ background-position:-36px 0;right:-40px; top:180px;}
.next:hover{ background-position:-36px -36px;}
.rslides_tabs{ position:absolute; left:50%; top:470px;clear:both;text-align:center; z-index:99999;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{ width:12px; height:12px; background:#fff;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:6px;border-radius:6px;}
.rslides_tabs .rslides_here a{ background:#D968C0;}



/*底部*/
.footer{ width:100%; height:302px;background:url(../images/bot.jpg) left top repeat-x #4b4d4e;}
.foot{ width:1200px; margin:0 auto;}
.index_bot1{ height:62px; text-align:center; color:#fff;}
.index_bot1 a{ height:62px; font:100 14px/62px "微软雅黑"; color:#fff; padding-left:26px; padding-right:26px;}
.index_bot2{ padding:30px 40px 40px 40px;}
.f_logo{ width:154px;float:left; overflow:hidden; margin-right:40px;}
.f_logo img{ width:154px; height:157px; overflow:hidden;}
.bot2_c{width:660px; float:left; font-size:14px; line-height:26px; color:#fff; margin-top:5px;}
.bot2_c a{ color:#fff;}
.ewm{ float:right;}
.ewm1{ float:left; margin:0 14px; width:132px; text-align:center; line-height:26px; color:#fff;padding-top:30px; background:url(../images/ewmbg.png) center top no-repeat;}
.ewm img{ width:116px; height:116px; overflow:hidden; margin:0 auto;}

#middle{
	width:1200px;
	margin:0 auto;
	margin-top:0px;
}
#middle_shang{
	width:1200px;
	margin-bottom:30px;
	
}
#about{
	width:1200px;
	height:320px;
	float:left;
	padding:0px 0px 0px 0px;
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
}
.index_t{
	margin-bottom:25px;
}
.about_nr{
	clear:both;
	overflow:hidden;
	font:normal 12px/28px Arial;
	background:url(../images/index_78.jpg) no-repeat;
	padding:5px 0px 0px 470px;
	height:320px;
}
.about_nr h1{
	font:normal 24px/24px "微软雅黑";
	margin-bottom:5px;
	color:#3faf63;
}
.about_nr img{
	margin-top:10px;
	vertical-align:bottom;
	line-height:0px;
	font-size:0px;
}
#honor{
	width:305px;
	float:right;
}
.honor_nr{
	width:305px;
}
.honor_nr img {
	width:285px;
	height:175px;
/*	padding:9px;*/
	border:1px solid #c6c6c6;
	vertical-align:bottom;
	line-height:0px;
	font-size:0px;
}
/*特点*/
.adv{width: 1200px;margin: 0 auto; margin-top:40px;}
.b_title{ text-align:center;}
.b_title a{ font-size:27px; font-weight:bold; color:#075caf; line-height:32px;display:block;}
.b_title span{ font-size:20px; color:#909090; text-transform:uppercase; background:url(../images/bt.png) center center no-repeat; line-height:32px; display:block;}
.adv .adv-content{position: relative;margin:35px 0;}
.adv .adv-content .adv5{display: block;margin: 0 auto;}
.adv .adv-content .adv1{position:absolute;left:0;top:-12px; width: 460px;background: url(../images/adv1.png) no-repeat center top;height: 150px;}
.adv .adv-content .adv1 h1,.adv .adv-content .adv2 h1,.adv .adv-content .adv3 h1,.adv .adv-content .adv4 h1{font-size: 24px;font-weight:bold;margin-bottom: 7px;color:#ff7e00;}
.adv .adv-content .adv1 p,.adv .adv-content .adv2 p,.adv .adv-content .adv3 p,.adv .adv-content .adv4 p{font-size:15px; color:#555555; line-height:24px;}
.adv .adv-content .adv2{position:absolute;left:0;bottom:0px; width: 460px;background: url(../images/adv2.png) no-repeat center top;height: 150px;}
.adv .adv-content .adv3{position:absolute;right:0;top:-10px; width: 460px;background: url(../images/adv3.png) no-repeat center top;height: 150px;text-align: right}
.adv .adv-content .adv4{position:absolute;right:0;bottom:0px; width: 460px;background: url(../images/adv4.png) no-repeat center top;height: 150px;text-align: right}
.adv .adv-content .ys{ padding:30px 72px 20px 126px;}
.adv .adv-content .ys1{padding:30px 126px 20px 72px;}

/*新闻*/
.newsbox{ width:1200px; margin-top:30px;padding-bottom:20px; margin:0 auto; clear:both; overflow:hidden;}
.con2 { height:295px; width:1200px; overflow:hidden; background:#f7f7f7; margin:0 auto;}
.con2 .left{ float:left; width:100px; height:295px; overflow:hidden;}
.con2 .center{ float:left; width:427px; margin:25px 78px 20px 40px;}
.con2 .right{ float:right; margin-right:120px; margin-left:0;}
.ns_t{ background:url(../images/nst.jpg) left center no-repeat; font-size:20px; line-height:30px; padding-left:32px; font-weight:bold;}
.ns_t a{}
.center ul{ margin-top:10px;}
.center ul li{ background:url(../images/nli.jpg) left center no-repeat; height:33px; line-height:33px; font-size:14px; padding-left:17px;}
.center ul li a{ color:#6b6b6b;}
.center ul li a:hover{ color:#ff8300;}
.center ul li span{ float:right; font-size:12px; color:#aaa;}
/*-------------------------------------------------------------------------------sonpage-------------------------------------------------*/


.slick-slider {
 position: relative;
 display: block;
-webkit-touch-callout: none;
-ms-touch-action: pan-y;
 touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
 position: relative;
 z-index: 1;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
.slick-list: focus {
 outline: none
}
.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}
.slick-slider .slick-track, 
.slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block;
}
.slick-track:before, 
.slick-track:after {
 display: table;
 content: '';
}
.slick-track:after {
 clear: both;
}
.slick-loading .slick-track {
 visibility: hidden;
}
.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
 float: right;
}
.slick-slide .slick-loading img {
 display: none;
}
.slick-slide .dragging img {
 pointer-events: none;
}
.slick-initialized .slick-slide {
 display: block;
}
.slick-loading .slick-slide {
 visibility: hidden;
}
.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
 display: none;
}
/*Floor002732 */.Floor002732 {overflow-x:hidden;}
.Floor002732 .auto {padding:0!important;width:96%;}
@font-face {font-family:"DINPro-Bold";src:url("../fonts/DINPro-Bold/DINPro-Bold.woff2") format("woff2"),url("../fonts/DINPro-Bold/DINPro-Bold.woff") format("woff"),url("../fonts/DINPro-Bold/DINPro-Bold.ttf") format("truetype"),url("../fonts/DINPro-Bold/DINPro-Bold.eot") format("embedded-opentype"),url("../fonts/DINPro-Bold/DINPro-Bold.svg") format("svg");font-weight:normal;font-style:normal;}
.Floor002732 .column-name {text-align:center;padding:4% 0;font-size:28px;}
.Floor002732 .column-name .cn {color:#333;letter-spacing:5px;line-height:48px;position:relative;z-index:10;text-indent:5px;}
.Floor002732 .column-name .en {text-transform:uppercase;color:#f1f1fa;margin-top:-18px;line-height:24px;font-family:"DINPro-Bold";}
@media(max-width:480px) {.Floor002732 .column-name {font-size:24px;}
.Floor002732 .column-name .cn {line-height:40px;}
}
.Floor002732 .slick-dots {padding-top:20px;text-align:center;}
.Floor002732 .slick-dots li {list-style:none;display:inline-block;margin:0 4px;width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;}
.Floor002732 .slick-dots li button {position:absolute;left:50%;top:50%;background:#e1e1e1;border-radius:50%;padding:0;width:12px;height:12px;margin:-6px 0 0 -6px;cursor:pointer;font-size:0;border:0;}
.Floor002732 .slick-dots li.slick-active {border-color:#0098c2;}
.Floor002732 .slick-dots li.slick-active button {width:8px;height:8px;margin:-4px 0 0 -4px;background:#0098c2;}
.Floor002732 .main {position:relative;}
.Floor002732 .main:before,.Floor002732 .main:after {position:absolute;content:'';width:100%;height:3px;background:#ebebeb;left:0;}
.Floor002732 .main:before {top:0;}
.Floor002732 .main:after {bottom:0;}
.Floor002732 .main .slider {margin-left:-19.5px;margin-right:-19.5px;}
.Floor002732 .main .slick-list {padding:0 19.5px;}
.Floor002732 .slider {position:relative;z-index:10;}
.Floor002732 .slider li.slick-slide {position:relative;height:auto;}
.Floor002732 .slider li:before {position:absolute;content:'';left:0;top:0; width:0;height:100%;background:#0098c2;opacity:0;-webkit-opacity:0;transition:0.3s ease-in-out;}
.Floor002732 .slider li:hover:before {opacity:1;-webkit-opacity:1;width:100%;}
.Floor002732 .slider li a { position:relative;z-index:10;height:312px;}
.Floor002732 .slider li p { line-height:26px; color:#000; text-align:center;}
.Floor002732 .slider li img {width:75px;height:75px;}
.Floor002732 .slider li .on { display:block; text-align:center;}
.Floor002732 .slider li .off{ display:none; text-align:center;}
.Floor002732 .slider li .title{ margin:0 auto; font-size:16px; color:#333; text-align:center;}
.Floor002732 .slider li .title.thover{ display:none;}
.Floor002732 .slider li h2 {margin-bottom:10px;font-size:20px;color:#000;}
.Floor002732 .slider li:hover .on{ display:none;}
.Floor002732 .slider li:hover .off{ display:block; animation: ease 0.6s left;}
.Floor002732 .slider li:hover .title h2{ color:#fff;}
.Floor002732 .slider li:hover p{ color:#fff;}
@keyframes left {

  0% {

    transform: translateX(-150px);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    opacity: 1;

  }

}
/*.Floor002732 .slider li a:hover .title h2,.Floor002732 .slider li a:hover .title {color:#fff;}
.Floor002732 .slider li .title.thover{ display:block; transition:0.3s; transform:translateX(-100px); opacity:0; -webkit-opacity:0;}
.Floor002732 .slider li a:hover .on{ display:none; }
.Floor002732 .slider li a:hover .off{display:block; position:inherit; opacity:1; -webkit-opacity:1; transform:translateX(0); text-align:center;}
.Floor002732 .slider li a:hover .title{ display:none;}
.Floor002732 .slider li a:hover .title.thover{ display:block; opacity:1; -webkit-opacity:1;transform:translateX(0); text-align:center;}
.Floor002732 .slider li a:hover p {opacity:1;-webkit-opacity:1;transform:translateX(0);line-height:26px; color:#fff;text-align:center;}*/
.Floor002732 .slick-dots {position:absolute;left:0;bottom:-40px;width:100%;z-index:10;}
@media(max-width:1100px) {.Floor002732 .main {margin-bottom:50px;}
}
@media(max-width:1366px) {.Floor002646 .right .main {padding:0 2%;}
}
@media(max-width:1024px) {.Floor002646 .left .main {padding:2%;}
}
@media(max-width:640px) {.Floor002646 .intro .pic {width:45%;}
.Floor002646 .intro .txt {width:55%;}
.Floor002646 .right h2 {font-size:20px;}
.Floor002646 .right h2 span {font-size:16px;}
.Floor002646 .right li figure {width:72%;}
.Floor002732 .slider li a{ height:212px;}
.Floor002732 .slider li .off,.Floor002732 .slider li .title.thover{ display:none;}
.Floor002732 .slider li p{ display:none;}
}
.Floor00273202 .column-name {text-align:center;padding:4% 0;font-size:28px;}
.Floor00273202 .column-name .cn {color:#333;letter-spacing:5px;line-height:48px;position:relative;z-index:10;text-indent:5px;}
.Floor00273202 .column-name .en {text-transform:uppercase;color:#f1f1fa;margin-top:-18px;line-height:24px;font-family:"DINPro-Bold";}
@media(max-width:480px) {.Floor00273202 .column-name {font-size:24px;}
.Floor00273202 .column-name .cn {line-height:40px;}
}
/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0;}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/**页面框架 End**/
.auto{ margin:0 auto;}
.auto_1280{ max-width:1280px;}
@media(max-width:1280px){.auto_1280{ padding:0 2%;}}
.auto_1200{ max-width:1200px;}
@media(max-width:1200px){.auto_1200{ padding:0 2%;}}
.auto_1180{ max-width:1180px;}
@media(max-width:1180px){.auto_1180{ padding:0 2%;}}
.auto_1150{ max-width:1150px;}
@media(max-width:1150px){.auto_1150{ padding:0 2%;}}
.auto_1100{ max-width:1100px;}
@media(max-width:1100px){.auto_1100{ padding:0 2%;}}
.auto_1050{ max-width:1050px;}
@media(max-width:1050px){.auto_1050{ padding:0 2%;}}
.auto_1000{ max-width:1000px;}
@media(max-width:1000px){.auto_1000{ padding:0 2%;}}
.auto_950{ max-width:950px;}
@media(max-width:950px){.auto_950{ padding:0 2%;}}





.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #0098c2;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 8;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}

.ytable{ display:table; width:100%;table-layout:fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}