@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 {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
}
* {
    margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
    background: transparent; 
	outline:none;
	blr:expression(this.onFocus=this.blur());
}
a:focus {
    outline: 0;
}
a:active,
a:hover {
    outline: 0;
	/*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/
}
img {
    border: 0;
	-ms-interpolation-mode:bicubic
}
a img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
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: 0;
}
/*����*/
.clear {
	clear: both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

/*ȫ��*/
html,body,td,th {
	color: #333;
	line-height:22px;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
	font-family: "微软雅黑", "microsoft yahei", Arial, sans-serif;
	font-size: 12px;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #FF3300;
}
a:active {
	text-decoration: none;
	color: #000;
}
ul,ol,li,dl,dt,dd,p {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	list-style-type: none;
}
/**:hover {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms;}*/
#transform {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms;}
#transform * {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms;}
#transform img {transition:0.6s;transition-duration:0.6s;-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;}
#transform:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}

.transform {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms;}
.transform * {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms;}
.transform img {transition:0.6s;transition-duration:0.6s;-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;}
.transform:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}

body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}button,input,select,textarea{font-size:100%;}ul,ol{
	padding: 0px;
}

/*-------------*/
/*tot*/
#header {width:100%;position:relative;}
#header .nav_bx {width:100%;height:120px;background:rgba(255, 255, 255, 0.5);z-index:10001;left:0;top:0;position:fixed;box-shadow: 0px 0px 6px 0px rgba(0,0,0,.2);transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms;}
#header .nav_bx .cont {height:120px;padding:0 4%;}
#header .nav_bx .cont .logo {width:200px;height:120px;float:left;position:relative;}
#header .nav_bx .cont .logo .bx {width:200px;height:200px;background-color:#fff;position:absolute;z-index:99;left:0;top:0;}
#header .nav_bx .cont .logo .bx img {width:100%;}
#header .nav_bx .cont .nav {width:1100px;height:120px;float:left;}
#header .nav_bx .cont .nav ul li {width:110px;float:left; text-align:center;}
#header .nav_bx .cont .nav ul .nav_size {width:110px;height:120px;line-height:120px;float:left;position:relative;text-align:center;}
#header .nav_bx .cont .nav ul .nav_size .n_a {color:#414141;font-size:17px;}
#header .nav_bx .cont .nav ul .nav_size:hover {background:url(../images/nav_bg_s.jpg) no-repeat center 80px;}
#header .nav_bx .cont .nav ul .nav_size:hover .n_a {color:#d40800;font-size:17px;}
#header .nav_bx .cont .nav ul .cur {background:url(../images/nav_bg_s.jpg) no-repeat center 80px;}
#header .nav_bx .cont .nav ul .cur .n_a {color:#d40800;font-size:17px;}
#header .nav_bx .cont .nav ul li .sub_bx {position: absolute;z-index:10002;left:-191px;top:120px;}
#header .nav_bx .cont .nav ul li .sub_bx .t_inc { height:11px; width:100%; background:url(../images/nav_s_inc.png) no-repeat 200px center;}
#header .nav_bx .cont .nav ul li .sub_bx .text {width:400px;background-color:rgba(255, 255, 255, 0.94); padding:25px;}
#header .nav_bx .cont .nav ul li .sub_bx .text .sub_class { width:150px; float:left;}
#header .nav_bx .cont .nav ul li .sub_bx .text .sub_class a {display:block; height:32px;line-height:32px; border-bottom:1px #d3d3d3 solid; background:url(../images/nav_s_inc1.png) no-repeat left center; font-size:15px; color:#696969;}
#header .nav_bx .cont .nav ul li .sub_bx .text .sub_img {width:220px; float:right;}


#header .nav_bx .cont .wNavBtn {background-color:#666;width:80px;height:60px;float:right;position: relative; margin-top:30px;}
#header .nav_bx .cont .wNavBtn .menuBtn { width:56px; height:44px;position: absolute;z-index: 10000;left:12px;top:8px;cursor: pointer;}
#header .nav_bx .cont .wNavBtn .menuBtn .bar {height: 4px;width: 40px;display: block;margin:8px auto;position: relative;background-color: #fff;-moz-transition: 0.4s;-o-transition: 0.4s;-webkit-transition: 0.4s;transition: 0.4s;}
#header .nav_bx .cont .wNavBtn .cur .bar:nth-of-type(1) {
  -moz-transform: translateY(12px) rotate(45deg);
  -ms-transform: translateY(12px) rotate(45deg);
  -webkit-transform: translateY(12px) rotate(45deg);
  transform: translateY(12px) rotate(45deg);
}
#header .nav_bx .cont .wNavBtn .cur .bar:nth-of-type(2) {
  opacity: 0;
}
#header .nav_bx .cont .wNavBtn .cur .bar:nth-of-type(3) {
  -moz-transform: translateY(-12px) rotate(-45deg);
  -ms-transform: translateY(-12px) rotate(-45deg);
  -webkit-transform: translateY(-12px) rotate(-45deg);
  transform: translateY(-12px) rotate(-45deg);
}
.body-shadow{width: 100%;height: 100%;position: absolute;background:#383838;/*opacity: 0.8;*/z-index:1000;display: none;}

#nav {background:rgba(83, 83, 83, 0.94);position:absolute;z-index:9999;width: 100%;height: 0;left: 0;top:120px;overflow: hidden;}
#nav nav_c_ff {color:#ff;}
#nav dl { padding:0 3%;}
#nav dl dt {height:42px;line-height:42px;/*font-weight:bold;*/border-bottom:1px solid #868686;padding:0 5px;background: url(../images/nav_bt_bga2.png) no-repeat right center;}
#nav dl dt a {color:#fff; font-size:16px;}
#nav dl dt:hover {background:rgba(212,8,0,0.6) url(../images/nav_bt_bga1.png) no-repeat right center;}
#nav dl dt.open {background:rgba(212,8,0,0.6) url(../images/nav_bt_bga1.png) no-repeat right center;}
#nav dl dd {display: none; padding:0 12px;}
#nav dl dd a {display: block;font-size:1.2rem;color: #fff;line-height: 32px;border-bottom: 1px solid #868686;padding:0 5px;}
#nav dl dd a:hover { background-color:rgba(212,8,0,0.6);}

@media (min-width:1401px) and (max-width: 1500px) {
  #header .nav_bx .cont {height:120px;padding:0 2%;}
  #header .nav_bx .cont .nav {width:1060px;height:120px;}
  #header .nav_bx .cont .nav ul li {width:96px;}
  #header .nav_bx .cont .nav ul .nav_size {width:106px;height:120px;line-height:120px;}
}
@media (min-width:1301px) and (max-width: 1400px) {
  #header .nav_bx .cont {height:120px;padding:0 2%;}
  #header .nav_bx .cont .logo {width:180px;height:120px;}
  #header .nav_bx .cont .logo .bx {width:180px;height:180px;}
  #header .nav_bx .cont .nav {width:960px;height:120px;}
  #header .nav_bx .cont .nav ul li {width:96px;}
  #header .nav_bx .cont .nav ul .nav_size {width:96px;height:120px;line-height:120px;}
}
@media (min-width:1201px) and (max-width: 1300px) {
  #header .nav_bx {width:100%;height:110px;}
  #header .nav_bx .cont {height:110px;padding:0 2%;}
  #header .nav_bx .cont .logo {width:160px;height:110px;}
  #header .nav_bx .cont .logo .bx {width:160px;height:160px;}
  #header .nav_bx .cont .nav {width:920px;height:110px;}
  #header .nav_bx .cont .nav ul li {width:92px;}
  #header .nav_bx .cont .nav ul .nav_size {width:92px;height:110px;line-height:110px;}
  #header .nav_bx .cont .nav ul .nav_size .n_a {font-size:16px;}
  #header .nav_bx .cont .nav ul .nav_size:hover {background:url(../images/nav_bg_s.jpg) no-repeat center 80px;}
  #header .nav_bx .cont .nav ul .nav_size:hover .n_a {font-size:16px;}
  #header .nav_bx .cont .nav ul .cur {background:url(../images/nav_bg_s.jpg) no-repeat center 80px;}
  #header .nav_bx .cont .nav ul .cur .n_a {font-size:16px;}
  #header .nav_bx .cont .nav ul li .sub_bx {left:-191px;top:110px;}
  #header .nav_bx .cont .wNavBtn {width:70px;height:60px;margin-top:25px;}
  #header .nav_bx .cont .wNavBtn .menuBtn {left:7px;top:8px;}
  #nav {top:110px;}
}
@media (min-width:1101px) and (max-width: 1200px) {
  #header .nav_bx {width:100%;height:100px;}
  #header .nav_bx .cont {height:100px;padding:0 2%;}
  #header .nav_bx .cont .logo {width:140px;height:100px;}
  #header .nav_bx .cont .logo .bx {width:140px;height:140px;}
  #header .nav_bx .cont .nav {display:none;}
  #header .nav_bx .cont .wNavBtn {width:70px;height:60px;margin-top:20px;}
  #header .nav_bx .cont .wNavBtn .menuBtn {left:7px;top:8px;}
  #nav {top:100px;}
}
@media (min-width: 1001px) and (max-width: 1100px) {
  #header .nav_bx {width:100%;height:90px;}
  #header .nav_bx .cont {height:90px;padding:0 2%;}
  #header .nav_bx .cont .logo {width:120px;height:90px;}
  #header .nav_bx .cont .logo .bx {width:120px;height:120px;}
  #header .nav_bx .cont .nav {display:none;}
  #header .nav_bx .cont .wNavBtn {width:70px;height:60px;margin-top:15px;}
  #header .nav_bx .cont .wNavBtn .menuBtn {left:7px;top:8px;}
  #nav {top:90px;}
}
@media (min-width: 901px) and (max-width: 1000px) {
  #header .nav_bx {width:100%;height:80px;}
  #header .nav_bx .cont {height:80px;padding:0 2%;}
  #header .nav_bx .cont .logo {width:100px;height:80px;}
  #header .nav_bx .cont .logo .bx {width:100px;height:100px;}
  #header .nav_bx .cont .nav {display:none;}
  #header .nav_bx .cont .wNavBtn {width:60px;height:50px;margin-top:15px;}
  #header .nav_bx .cont .wNavBtn .menuBtn {left:2px;top:3px;}
  #nav {top:80px;}
}
@media (max-width:900px) {
  #header .nav_bx {width:100%;height:70px;}
  #header .nav_bx .cont {height:70px;padding:0 2%;}
  #header .nav_bx .cont .logo {width:100px;height:70px;}
  #header .nav_bx .cont .logo .bx {width:100px;height:100px;}
  #header .nav_bx .cont .nav {display:none;}
  #header .nav_bx .cont .wNavBtn {width:60px;height:50px;margin-top:10px;}
  #header .nav_bx .cont .wNavBtn .menuBtn {left:2px;top:3px;}
  #nav {top:70px;}
}


/*ind*/
.indx_banner {width:100%;height:800px;position: relative;/*background:no-repeat center center;background-size:auto 100%;*/}

/*--swiper滚动横幅--*/
.indx_banner .swiper-container-indban {width:100%;height:800px;margin:0 auto;position:absolute;overflow: hidden;list-style: none;padding:0;z-index:1;top:0;}
.indx_banner .swiper-button-prev,
.indx_banner .swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.indx_banner .swiper-button-prev{left:0;}	
.indx_banner .swiper-button-next{right:0;}	
.indx_banner .swiper-button-prev span,
.indx_banner .swiper-button-next span{display:block;width: 64px;height: 70px;position: absolute;left: 20px;top: 50%;margin-top:-32px;border-radius:15px;background: rgba(0,0,0,0.5) url(../images/arrows_1.png) no-repeat center 20px;opacity:0;-webkit-transition:opacity 0.5s ease;transition: opacity 0.5s ease;}
.indx_banner .swiper-button-next span{background: rgba(0,0,0,0.5) url(../images/arrows_1.png) no-repeat center -68px;left:auto;right:20px;}
.indx_banner .swiper-button-prev:hover span,
.indx_banner .swiper-button-next:hover span{opacity: .6;}
/*分页器*/
.indx_banner .swiper-pagination{top:auto;bottom:30px;background:none;}
.indx_banner .swiper-pagination-bullet {display:inline-block;width:50px;height:30px;margin:0 3px;cursor: pointer;background: none;border-radius:0;opacity: 1;}
.indx_banner .swiper-pagination-bullet span {width: 50px;height: 8px;display: block;background:#fff;}
.indx_banner .swiper-pagination-bullet-active span{background:gray;}
.indx_banner .autoplay .swiper-pagination-bullet-active span{background: #fff;}
.indx_banner .swiper-pagination-bullet i{background:#d40800;height: 8px;transform:scaleX(0);transform-origin: 0;display: block;}
.indx_banner .autoplay .firsrCurrent i{transition:transform 2.9s linear;transform:scaleX(1);}
.indx_banner .autoplay .current i{transition:transform 4s linear;transform:scaleX(1);}
.indx_banner .autoplay .replace span{background:#d40800;}
/*内容样式*/
.indx_banner .slide1 {background:no-repeat center center;background-size: auto 100%;}
.indx_banner .slide1 .title {text-align: center;margin-top:100px;font-size: 30px;font-weight: normal;color: #fff;}

.indx_banner .slide2 {background:no-repeat center center;background-size: auto 100%;}
.indx_banner .slide2 .title {padding-top: 100px;text-align: center;}
.indx_banner .slide2 h2 {bottom: 100px;text-align: center;font-size: 30px;font-weight: normal;position: absolute;width: 100%;}

.indx_banner .slide3 {background:no-repeat center center;background-size: auto 100%;}
.indx_banner .slide3 .title {text-align: center;margin-top: 100px;font-size: 40px;font-weight: normal;}
/*---end---*/
@media (min-width: 1401px) and (max-width: 1500px) {
  .indx_banner {width:100%;height:792px;}
  .indx_banner .swiper-container-indban {width:100%;height:792px;}
}
@media (min-width: 1301px) and (max-width: 1400px) {
  .indx_banner {width:100%;height:746px;}
  .indx_banner .swiper-container-indban {width:100%;height:746px;}
}
@media (min-width: 1201px) and (max-width: 1300px) {
  .indx_banner {width:100%;height:700px;}
  .indx_banner .swiper-container-indban {width:100%;height:700px;}
}
@media (min-width: 1201px) and (max-width: 1300px) {
  .indx_banner {width:100%;height:654px;}
  .indx_banner .swiper-container-indban {width:100%;height:654px;}
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .indx_banner {width:100%;height:608px;}
  .indx_banner .swiper-container-indban {width:100%;height:608px;}
}
@media (min-width: 1001px) and (max-width: 1100px) {
  .indx_banner {width:100%;height:562px;}
  .indx_banner .swiper-container-indban {width:100%;height:562px;}
}
@media (min-width: 901px) and (max-width: 1000px) {
  .indx_banner {width:100%;height:516px;}
  .indx_banner .swiper-container-indban {width:100%;height:516px;}
}
@media (min-width: 801px) and (max-width: 900px) {
  .indx_banner {width:100%;height:470px;}
  .indx_banner .swiper-container-indban {width:100%;height:470px;}
}
@media (min-width: 701px) and (max-width: 800px) {
  .indx_banner {width:100%;height:424px;}
  .indx_banner .swiper-container-indban {width:100%;height:424px;}
}
@media (min-width: 601px) and (max-width: 700px) {
  .indx_banner {width:100%;height:378px;}
  .indx_banner .swiper-container-indban {width:100%;height:378px;}
}
@media (min-width: 501px) and (max-width: 600px) {
  .indx_banner {width:100%;height:332px;}
  .indx_banner .swiper-container-indban {width:100%;height:332px;}
}
@media (min-width: 401px) and (max-width: 500px) {
  .indx_banner {width:100%;height:286px;}
  .indx_banner .swiper-container-indban {width:100%;height:286px;}
}
@media (max-width: 400px) {
  .indx_banner {width:100%;height:240px;}
  .indx_banner .swiper-container-indban {width:100%;height:240px;}
}


.w1020 {width:1020px; margin-left:auto; margin-right:auto;}
.w1100 { width:1100px; margin:0px auto;}
.w1200 { width:1200px; margin:0px auto;}
.w1300 { width:1300px; margin:0px auto;}

#index { width:100%; padding:0px 0px 0px 0px;}


#index .tit { width:100%;text-align:center;margin-bottom:35px;}
#index .tit h2 {height:36px;line-height:36px;font-size:28px;color:#474747;margin-bottom:10px;}
#index .tit .f1 {color:#d40800;}
#index .tit h3 {height:26px;line-height:26px;font-size:18px;color:#878787;font-weight:normal;background:url(../images/tit_bg.png) no-repeat center center;}
@media (min-width: 1001px) and (max-width: 1300px) {
  #index .tit { width:100%;margin-bottom:35px;}
  #index .tit h2 {height:34px;line-height:34px;font-size:26px;margin-bottom:8px;}
  #index .tit h3 {height:25px;line-height:25px;font-size:17px;}
}
@media (min-width: 701px) and (max-width: 1000px) {
  #index .tit { width:100%;margin-bottom:33px;}
  #index .tit h2 {height:32px;line-height:32px;font-size:24px;margin-bottom:6px;}
  #index .tit h3 {height:24px;line-height:24px;font-size:16px;}
}
@media (min-width: 401px) and (max-width: 701px) {
  #index .tit { width:100%;margin-bottom:31px;}
  #index .tit h2 {height:30px;line-height:30px;font-size:22px;margin-bottom:4px;}
  #index .tit h3 {height:23px;line-height:23px;font-size:15px;}
}
@media (max-width: 400px) {
  #index .tit { width:100%;margin-bottom:30px;}
  #index .tit h2 {height:28px;line-height:28px;font-size:20px;margin-bottom:2px;}
  #index .tit h3 {height:22px;line-height:22px;font-size:14px;}
}


#index .tit_1 {width:100%;text-align:center;margin-bottom:35px;}
#index .tit_1 h2 {height:36px;line-height:36px;font-size:28px;color:#474747;background:url(../images/tit_bg_2.jpg) no-repeat center bottom; padding-bottom:12px;}
#index .tit_1 .f1 {color:#d40800;}


#index a.more_1 {display:block;width:218px;height:48px; border:1px solid #d40800;margin:35px auto;font-size:18px;color:#d40800;line-height:48px;text-align:center;}
#index a.more_1:hover { background-color:#d40800;color:#fff;}


#index .products {padding:40px 0;width:100%;background:url(../images/cp_bg.jpg) no-repeat center top;}
#index .products .cont {width:1301px;margin:0 auto;}
#index .products .cont .cp_class {height:98px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;}
#index .products .cont .cp_class ul li {width:200px;height:98px;float:left;border-right:1px solid #ccc;text-align:center;cursor:pointer}
#index .products .cont .cp_class ul li h2 {font-size:24px;font-weight:normal;line-height:32px;padding-top:20px;}
#index .products .cont .cp_class ul li h3 {font-size:14px;font-weight:normal;line-height:18px;font-family:Arial, Helvetica, sans-serif;}
#index .products .cont .cp_class ul li:hover {background:#d40800 url(../images/cp_s.png) no-repeat center bottom;}
#index .products .cont .cp_class ul li:hover h2 {color:#fff;}
#index .products .cont .cp_class ul li:hover h3 {color:#fff;}
#index .products .cont .cp_class ul .show_off {background:none;}
#index .products .cont .cp_class ul .show_off h2 {color:#505050;}
#index .products .cont .cp_class ul .show_off h3 {color:#a5a5a5;}
#index .products .cont .cp_class ul .show_on {background:#d40800 url(../images/cp_s.png) no-repeat center bottom;}
#index .products .cont .cp_class ul .show_on h2 {color:#fff;}
#index .products .cont .cp_class ul .show_on h3 {color:#fff;}
#index .products .cont .cp_bx { width:100%;padding-top:40px;}
#index .products .cont .cp_bx ul .hot {width:642px;height:476px;float:left;position:relative;margin-bottom:16px;overflow:hidden;}
#index .products .cont .cp_bx ul .hot img {width:100%;height:476px;}
#index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);background-color:rgba(0,0,0,0.6);padding:18px 24px;position:absolute;z-index:100;left:0;bottom:0;}
#index .products .cont .cp_bx ul .hot .txt h2 {line-height:28px;font-weight:normal;overflow:hidden;}
#index .products .cont .cp_bx ul .hot .txt h2 a {font-size:20px;color:#fff;}
#index .products .cont .cp_bx ul .hot .txt p {font-size:15px;color:#d0cfcf;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;overflow:hidden;}
#index .products .cont .cp_bx ul .hot .txt a.more {display:block;width:100px;height:30px;line-height:30px;background-color:#d40800;font-size:14px;color:#fff;text-align:center;}
#index .products .cont .cp_bx ul .hot:hover .txt {background-color:rgba(212,8,0,0.6);}
#index .products .cont .cp_bx ul .hot:hover .txt p {color:#fed9d7;}
#index .products .cont .cp_bx ul .hot:hover .txt a.more {background-color:#FFF;color:#d40800;}

#index .products .cont .cp_bx ul .cpnl {width:313px;height:230px;float:left;background-color:#e5e5e5;margin-bottom:16px;}
#index .products .cont .cp_bx ul .cpnl .bx {padding:18px 24px;}
#index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:18px;color:#d40800;font-weight:normal;}
#index .products .cont .cp_bx ul .cpnl p {font-size:14px;color:#909090;line-height:24px;padding-top:8px;overflow:hidden;}
#index .products .cont .cp_bx ul .cpnl:hover { background-color:#d40800;}
#index .products .cont .cp_bx ul .cpnl:hover h2 {color:#fff;}
#index .products .cont .cp_bx ul .cpnl:hover p {color:#fed9d7;}
#index .products .cont .cp_bx ul li {width:313px;height:230px;float:left;margin-bottom:16px;position:relative;overflow:hidden;}
#index .products .cont .cp_bx ul li img {width:100%;height:230px;}
#index .products .cont .cp_bx ul li h2 {display:block;width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;font-weight:normal;background-color:rgba(0,0,0,0.6);padding:0 24px;position:absolute;z-index:100;left:0;bottom:0;}
#index .products .cont .cp_bx ul li h2 a {font-size:16px;color:#fff;}
#index .products .cont .cp_bx ul li:hover h2 {background-color:rgba(212,8,0,0.6);}
#index .products .cont .cp_bx ul .ml {margin-left:16px;}

@media (min-width: 1201px) and (max-width: 1300px) {
  #index .products {padding:40px 0;width:100%;}
  #index .products .cont {width:92%;margin:0 auto;}
  #index .products .cont .cp_class {height:98px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;}
  #index .products .cont .cp_class ul li {width: calc(16.6% - 1px);width:-moz-calc(16.6% - 1px);width:-webkit-calc(16.6% - 1px);height:98px;border-right:1px solid #ccc;}
  #index .products .cont .cp_class ul li h2 {font-size:24px;line-height:32px;padding-top:20px;}
  #index .products .cont .cp_class ul li h3 {font-size:14px;line-height:18px;}
  #index .products .cont .cp_class ul #li_6 {width: calc(16.7% - 1px);width:-moz-calc(16.7% - 1px);width:-webkit-calc(16.7% - 1px);}
  
  #index .products .cont .cp_bx { width:100%;padding-top:40px;}
  #index .products .cont .cp_bx ul .hot {width:49.3%;height:396px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .hot img {width:100%;height:396px;}
  #index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);padding:18px 24px;}
  #index .products .cont .cp_bx ul .hot .txt h2 {line-height:28px;}
  #index .products .cont .cp_bx ul .hot .txt h2 a {font-size:20px;}
  #index .products .cont .cp_bx ul .hot .txt p {font-size:15px;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .hot .txt a.more {width:100px;height:30px;line-height:30px;font-size:14px;}
  #index .products .cont .cp_bx ul .cpnl {width:23.95%;height:190px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .cpnl .bx {padding:10px 20px;}
  #index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:18px;}
  #index .products .cont .cp_bx ul .cpnl p {font-size:14px;line-height:24px;padding-top:8px;}
  #index .products .cont .cp_bx ul li {width:23.95%;height:190px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul li img {width:100%;height:190px;}
  #index .products .cont .cp_bx ul li h2 {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;padding:0 24px;}
  #index .products .cont .cp_bx ul li h2 a {font-size:16px;}
  #index .products .cont .cp_bx ul .ml {margin-left:1.4%;}
}
@media (min-width: 1101px) and (max-width: 1200px) {
  #index .products {padding:40px 0;width:100%;}
  #index .products .cont {width:92%;margin:0 auto;}
  #index .products .cont .cp_class {height:98px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;}
  #index .products .cont .cp_class ul li {width: calc(16.6% - 1px);width:-moz-calc(16.6% - 1px);width:-webkit-calc(16.6% - 1px);height:98px;border-right:1px solid #ccc;}
  #index .products .cont .cp_class ul li h2 {font-size:22px;line-height:32px;padding-top:22px;}
  #index .products .cont .cp_class ul li h3 {font-size:14px;line-height:22px;}
  #index .products .cont .cp_class ul #li_6 {width: calc(16.7% - 1px);width:-moz-calc(16.7% - 1px);width:-webkit-calc(16.7% - 1px);}
  
  #index .products .cont .cp_bx { width:100%;padding-top:40px;}
  #index .products .cont .cp_bx ul .hot {width:49.3%;height:376px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .hot img {width:100%;height:376px;}
  #index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);padding:18px 24px;}
  #index .products .cont .cp_bx ul .hot .txt h2 {line-height:28px;}
  #index .products .cont .cp_bx ul .hot .txt h2 a {font-size:20px;}
  #index .products .cont .cp_bx ul .hot .txt p {font-size:15px;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .hot .txt a.more {width:100px;height:30px;line-height:30px;font-size:14px;}
  #index .products .cont .cp_bx ul .cpnl {width:23.95%;height:180px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .cpnl .bx {padding:10px 20px;}
  #index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:18px;}
  #index .products .cont .cp_bx ul .cpnl p { height:120px;font-size:14px;line-height:24px;padding-top:0;}
  #index .products .cont .cp_bx ul li {width:23.95%;height:180px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul li img {width:100%;height:180px;}
  #index .products .cont .cp_bx ul li h2 {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;padding:0 24px;}
  #index .products .cont .cp_bx ul li h2 a {font-size:16px;}
  #index .products .cont .cp_bx ul .ml {margin-left:1.4%;}
}
@media (min-width: 1001px) and (max-width: 1100px) {
  #index .products {padding:40px 0;width:100%;}
  #index .products .cont {width:92%;margin:0 auto;}
  #index .products .cont .cp_class {height:92px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;}
  #index .products .cont .cp_class ul li {width: calc(16.6% - 1px);width:-moz-calc(16.6% - 1px);width:-webkit-calc(16.6% - 1px);height:92px;border-right:1px solid #ccc;}
  #index .products .cont .cp_class ul li h2 {font-size:22px;line-height:32px;padding-top:10px;}
  #index .products .cont .cp_class ul li h3 {font-size:14px;line-height:18px;}
  #index .products .cont .cp_class ul #li_6 {width: calc(16.7% - 1px);width:-moz-calc(16.7% - 1px);width:-webkit-calc(16.7% - 1px);}
  
  #index .products .cont .cp_bx { width:100%;padding-top:40px;}
  #index .products .cont .cp_bx ul .hot {width:49.3%;height:354px;margin-bottom:14px;}
  #index .products .cont .cp_bx ul .hot img {width:100%;height:354px;}
  #index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);padding:18px 24px;}
  #index .products .cont .cp_bx ul .hot .txt h2 {line-height:28px;}
  #index .products .cont .cp_bx ul .hot .txt h2 a {font-size:20px;}
  #index .products .cont .cp_bx ul .hot .txt p {font-size:15px;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .hot .txt a.more {width:100px;height:30px;line-height:30px;font-size:14px;}
  #index .products .cont .cp_bx ul .cpnl {width:23.95%;height:170px;margin-bottom:14px;}
  #index .products .cont .cp_bx ul .cpnl .bx {padding:10px 20px;}
  #index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:18px;}
  #index .products .cont .cp_bx ul .cpnl p { height:120px;font-size:14px;line-height:24px;padding-top:0;}
  #index .products .cont .cp_bx ul li {width:23.95%;height:170px;margin-bottom:14px;}
  #index .products .cont .cp_bx ul li img {width:100%;height:170px;}
  #index .products .cont .cp_bx ul li h2 {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;padding:0 24px;}
  #index .products .cont .cp_bx ul li h2 a {font-size:16px;}
  #index .products .cont .cp_bx ul .ml {margin-left:1.4%;}
}
@media (min-width: 901px) and (max-width: 1000px) {
  #index .products {padding:40px 0;width:100%;}
  #index .products .cont {width:92%;margin:0 auto;}
  #index .products .cont .cp_class {height:88px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;}
  #index .products .cont .cp_class ul li {width: calc(16.6% - 1px);width:-moz-calc(16.6% - 1px);width:-webkit-calc(16.6% - 1px);height:88px;border-right:1px solid #ccc;}
  #index .products .cont .cp_class ul li h2 {font-size:18px;line-height:32px;padding-top:8px;}
  #index .products .cont .cp_class ul li h3 {font-size:14px;line-height:18px;}
  #index .products .cont .cp_class ul #li_6 {width: calc(16.7% - 1px);width:-moz-calc(16.7% - 1px);width:-webkit-calc(16.7% - 1px);}
  
  #index .products .cont .cp_bx { width:100%;padding-top:40px;}
  #index .products .cont .cp_bx ul .hot {width:49.3%;height:332px;margin-bottom:12px;}
  #index .products .cont .cp_bx ul .hot img {width:100%;height:332px;}
  #index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);padding:10px 20px;}
  #index .products .cont .cp_bx ul .hot .txt h2 {line-height:28px;}
  #index .products .cont .cp_bx ul .hot .txt h2 a {font-size:20px;}
  #index .products .cont .cp_bx ul .hot .txt p {font-size:15px;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .hot .txt a.more {width:100px;height:30px;line-height:30px;font-size:14px;}
  #index .products .cont .cp_bx ul .cpnl {width:23.95%;height:160px;margin-bottom:12px;}
  #index .products .cont .cp_bx ul .cpnl .bx {padding:10px 20px;}
  #index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:18px;}
  #index .products .cont .cp_bx ul .cpnl p { height:110px;font-size:14px;line-height:22px;padding-top:0;}
  #index .products .cont .cp_bx ul li {width:23.95%;height:160px;margin-bottom:12px;}
  #index .products .cont .cp_bx ul li img {width:100%;height:160px;}
  #index .products .cont .cp_bx ul li h2 {width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);height:44px;line-height:44px;padding:0 20px;}
  #index .products .cont .cp_bx ul li h2 a {font-size:16px;}
  #index .products .cont .cp_bx ul .ml {margin-left:1.4%;}
}
@media (min-width: 801px) and (max-width: 900px) {
  #index .products {padding:40px 0;width:100%;}
  #index .products .cont {width:92%;margin:0 auto;}
  #index .products .cont .cp_class {height:86px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;}
  #index .products .cont .cp_class ul li {width: calc(16.6% - 1px);width:-moz-calc(16.6% - 1px);width:-webkit-calc(16.6% - 1px);height:86px;border-right:1px solid #ccc;}
  #index .products .cont .cp_class ul li h2 {font-size:17px;line-height:32px;padding-top:4px;}
  #index .products .cont .cp_class ul li h3 {font-size:14px;line-height:18px;}
  #index .products .cont .cp_class ul #li_6 {width: calc(16.7% - 1px);width:-moz-calc(16.7% - 1px);width:-webkit-calc(16.7% - 1px);}
  
  #index .products .cont .cp_bx { width:100%;padding-top:40px;}
  #index .products .cont .cp_bx ul .hot {width:49.3%;height:310px;margin-bottom:10px;}
  #index .products .cont .cp_bx ul .hot img {width:100%;height:310px;}
  #index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 32px);width:-moz-calc(100% - 32px);width:-webkit-calc(100% - 32px);padding:10px 16px;}
  #index .products .cont .cp_bx ul .hot .txt h2 {line-height:28px;}
  #index .products .cont .cp_bx ul .hot .txt h2 a {font-size:20px;}
  #index .products .cont .cp_bx ul .hot .txt p {font-size:15px;line-height:22px;height:44px;margin-top:6px;margin-bottom:10px;}
  #index .products .cont .cp_bx ul .hot .txt a.more {width:100px;height:30px;line-height:30px;font-size:14px;}
  #index .products .cont .cp_bx ul .cpnl {width:23.95%;height:150px;margin-bottom:10px;}
  #index .products .cont .cp_bx ul .cpnl .bx {padding:10px 20px;}
  #index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:18px;}
  #index .products .cont .cp_bx ul .cpnl p { height:100px;font-size:14px;line-height:20px;padding-top:0;}
  #index .products .cont .cp_bx ul li {width:23.95%;height:150px;margin-bottom:10px;}
  #index .products .cont .cp_bx ul li img {width:100%;height:150px;}
  #index .products .cont .cp_bx ul li h2 {width:calc(100% - 32px);width:-moz-calc(100% - 32px);width:-webkit-calc(100% - 32px);height:40px;line-height:40px;padding:0 16px;}
  #index .products .cont .cp_bx ul li h2 a {font-size:16px;}
  #index .products .cont .cp_bx ul .ml {margin-left:1.4%;}
}
@media (min-width: 701px) and (max-width: 800px) {
  #index .products {padding:40px 0;width:100%;}
  #index .products .cont {width:92%;margin:0 auto;}
  #index .products .cont .cp_class {height:137px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:0;border-right:1px solid #ccc;}
  #index .products .cont .cp_class ul li {width: calc(33.33% - 1px);width:-moz-calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);height:68px;border-right:0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin-top:-1px;}
  #index .products .cont .cp_class ul li h2 {font-size:17px;line-height:28px;padding-top:4px;}
  #index .products .cont .cp_class ul li h3 {font-size:14px;line-height:16px;padding:0 4px;}
  #index .products .cont .cp_class ul #li_6 {width: calc(33.33% - 1px);width:-moz-calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);}
  
  #index .products .cont .cp_bx { width:100%;padding-top:40px;}
  #index .products .cont .cp_bx ul .hot {width:100%;height:476px;float:left;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .hot img {width:100%;height:476px;}
  #index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);padding:18px 24px;}
  #index .products .cont .cp_bx ul .hot .txt h2 {line-height:28px;}
  #index .products .cont .cp_bx ul .hot .txt h2 a {font-size:20px;}
  #index .products .cont .cp_bx ul .hot .txt p {font-size:15px;cline-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .hot .txt a.more {width:100px;height:30px;line-height:30px;font-size:14px;}
  #index .products .cont .cp_bx ul .cpnl {width:48.8%;height:230px;float:left;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .cpnl .bx {padding:18px 24px;}
  #index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:18px;}
  #index .products .cont .cp_bx ul .cpnl p {font-size:14px;line-height:24px;padding-top:8px;}
  #index .products .cont .cp_bx ul li {width:48.8%;height:230px;float:left;margin-bottom:16px;}
  #index .products .cont .cp_bx ul li img {width:100%;height:230px;}
  #index .products .cont .cp_bx ul li h2 {display:block;width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;padding:0 24px;}
  #index .products .cont .cp_bx ul li h2 a {font-size:16px;}
  #index .products .cont .cp_bx ul .ml {margin-left:2.4%;}
  #index .products .cont .cp_bx ul #ml_3 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_5 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_7 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_9 {margin-left:0;}  
}
@media (min-width: 601px) and (max-width: 700px) {
  #index .products {padding:40px 0;width:100%;}
  #index .products .cont {width:92%;margin:0 auto;}
  #index .products .cont .cp_class {height:137px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:0;border-right:1px solid #ccc;}
  #index .products .cont .cp_class ul li {width: calc(33.33% - 1px);width:-moz-calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);height:68px;border-right:0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin-top:-1px;}
  #index .products .cont .cp_class ul li h2 {font-size:17px;line-height:28px;padding-top:4px;}
  #index .products .cont .cp_class ul li h3 {font-size:14px;line-height:16px;padding:0 4px;}
  #index .products .cont .cp_class ul #li_6 {width: calc(33.33% - 1px);width:-moz-calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);}
  
  #index .products .cont .cp_bx { width:100%;padding-top:40px;}
  #index .products .cont .cp_bx ul .hot {width:100%;height:430px;float:left;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .hot img {width:100%;height:430px;}
  #index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);padding:18px 24px;}
  #index .products .cont .cp_bx ul .hot .txt h2 {line-height:28px;}
  #index .products .cont .cp_bx ul .hot .txt h2 a {font-size:20px;}
  #index .products .cont .cp_bx ul .hot .txt p {font-size:15px;cline-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .hot .txt a.more {width:100px;height:30px;line-height:30px;font-size:14px;}
  #index .products .cont .cp_bx ul .cpnl {width:48.8%;height:200px;float:left;margin-bottom:16px;}
  #index .products .cont .cp_bx ul .cpnl .bx {padding:18px 24px;}
  #index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:18px;}
  #index .products .cont .cp_bx ul .cpnl p {font-size:14px;line-height:24px;padding-top:0;}
  #index .products .cont .cp_bx ul li {width:48.8%;height:200px;float:left;margin-bottom:16px;}
  #index .products .cont .cp_bx ul li img {width:100%;height:200px;}
  #index .products .cont .cp_bx ul li h2 {display:block;width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;padding:0 24px;}
  #index .products .cont .cp_bx ul li h2 a {font-size:16px;}
  #index .products .cont .cp_bx ul .ml {margin-left:2.4%;}
  #index .products .cont .cp_bx ul #ml_3 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_5 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_7 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_9 {margin-left:0;}  
}
@media (min-width: 501px) and (max-width: 600px) {
  #index .products {padding:40px 0;width:100%;}
  #index .products .cont {width:92%;margin:0 auto;}
  #index .products .cont .cp_class {height:137px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:0;border-right:1px solid #ccc;}
  #index .products .cont .cp_class ul li {width: calc(33.33% - 1px);width:-moz-calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);height:68px;border-right:0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin-top:-1px;}
  #index .products .cont .cp_class ul li h2 {font-size:17px;line-height:26px;padding-top:4px;}
  #index .products .cont .cp_class ul li h3 {font-size:13px;line-height:16px;padding:0 4px;}
  #index .products .cont .cp_class ul #li_6 {width: calc(33.33% - 1px);width:-moz-calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);}
  #index .products .cont .cp_bx { width:100%;padding-top:40px;}
  #index .products .cont .cp_bx ul .hot {width:100%;height:360px;float:left;margin-bottom:12px;}
  #index .products .cont .cp_bx ul .hot img {width:100%;height:360px;}
  #index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);padding:10px 20px;}
  #index .products .cont .cp_bx ul .hot .txt h2 {line-height:28px;}
  #index .products .cont .cp_bx ul .hot .txt h2 a {font-size:20px;}
  #index .products .cont .cp_bx ul .hot .txt p {font-size:15px;cline-height:24px;height:48px;margin-top:6px;margin-bottom:10px;}
  #index .products .cont .cp_bx ul .hot .txt a.more {width:100px;height:30px;line-height:30px;font-size:14px;}
  #index .products .cont .cp_bx ul .cpnl {width:48.8%;height:170px;float:left;margin-bottom:12px;}
  #index .products .cont .cp_bx ul .cpnl .bx {padding:10px 20px;}
  #index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:18px;}
  #index .products .cont .cp_bx ul .cpnl p {font-size:14px;line-height:22px;padding-top:0; height:110px;}
  #index .products .cont .cp_bx ul li {width:48.8%;height:170px;float:left;margin-bottom:12px;}
  #index .products .cont .cp_bx ul li img {width:100%;height:170px;}
  #index .products .cont .cp_bx ul li h2 {display:block;width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);height:40px;line-height:40px;padding:0 20px;}
  #index .products .cont .cp_bx ul li h2 a {font-size:16px;}
  #index .products .cont .cp_bx ul .ml {margin-left:2.4%;}
  #index .products .cont .cp_bx ul #ml_3 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_5 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_7 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_9 {margin-left:0;}  
}
@media (min-width: 401px) and (max-width: 500px) {
  #index .products {padding:40px 0;width:100%;}
  #index .products .cont {width:92%;margin:0 auto;}
  #index .products .cont .cp_class {height:129px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:0;border-right:1px solid #ccc;}
  #index .products .cont .cp_class ul li {width: calc(33.33% - 1px);width:-moz-calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);height:64px;border-right:0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin-top:-1px;}
  #index .products .cont .cp_class ul li h2 {font-size:16px;line-height:26px;padding-top:2px;}
  #index .products .cont .cp_class ul li h3 {font-size:12px;line-height:14px;padding:0 4px;}
  #index .products .cont .cp_class ul #li_6 {width: calc(33.33% - 1px);width:-moz-calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);}
  #index .products .cont .cp_bx { width:100%;padding-top:40px;}
  #index .products .cont .cp_bx ul .hot {width:100%;height:300px;float:left;margin-bottom:10px;}
  #index .products .cont .cp_bx ul .hot img {width:100%;height:300px;}
  #index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);padding:10px 15px;}
  #index .products .cont .cp_bx ul .hot .txt h2 {line-height:28px;}
  #index .products .cont .cp_bx ul .hot .txt h2 a {font-size:20px;}
  #index .products .cont .cp_bx ul .hot .txt p {font-size:15px;cline-height:24px;height:48px;margin-top:0;margin-bottom:6px;}
  #index .products .cont .cp_bx ul .hot .txt a.more {width:100px;height:30px;line-height:30px;font-size:14px;}
  #index .products .cont .cp_bx ul .cpnl {width:48.8%;height:140px;float:left;margin-bottom:10px;}
  #index .products .cont .cp_bx ul .cpnl .bx {padding:10px 15px;}
  #index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:16px;}
  #index .products .cont .cp_bx ul .cpnl p {font-size:14px;line-height:20px;padding-top:0; height:100px;}
  #index .products .cont .cp_bx ul li {width:48.8%;height:140px;float:left;margin-bottom:10px;}
  #index .products .cont .cp_bx ul li img {width:100%;height:140px;}
  #index .products .cont .cp_bx ul li h2 {display:block;width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);height:36px;line-height:36px;padding:0 15px;}
  #index .products .cont .cp_bx ul li h2 a {font-size:16px;}
  #index .products .cont .cp_bx ul .ml {margin-left:2.4%;}
  #index .products .cont .cp_bx ul #ml_3 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_5 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_7 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_9 {margin-left:0;}
}
@media (max-width: 400px) {
  #index .products {padding:40px 0;width:100%;}
  #index .products .cont {width:92%;margin:0 auto;}
  #index .products .cont .cp_class {height:129px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:0;border-right:1px solid #ccc;}
  #index .products .cont .cp_class ul li {width: calc(33.33% - 1px);width:-moz-calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);height:64px;border-right:0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin-top:-1px;}
  #index .products .cont .cp_class ul li h2 {font-size:16px;line-height:26px;padding-top:2px;}
  #index .products .cont .cp_class ul li h3 {font-size:12px;line-height:14px;padding:0 4px;}
  #index .products .cont .cp_class ul #li_6 {width: calc(33.33% - 1px);width:-moz-calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);}
  #index .products .cont .cp_bx { width:100%;padding-top:40px;}
  #index .products .cont .cp_bx ul .hot {width:100%;height:270px;float:left;margin-bottom:10px;}
  #index .products .cont .cp_bx ul .hot img {width:100%;height:270px;}
  #index .products .cont .cp_bx ul .hot .txt {width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);padding:10px 15px;}
  #index .products .cont .cp_bx ul .hot .txt h2 {line-height:26px;}
  #index .products .cont .cp_bx ul .hot .txt h2 a {font-size:17px;}
  #index .products .cont .cp_bx ul .hot .txt p {font-size:15px;cline-height:20px;height:40px;margin-top:0;margin-bottom:6px;}
  #index .products .cont .cp_bx ul .hot .txt a.more {width:100px;height:30px;line-height:30px;font-size:14px;}
  #index .products .cont .cp_bx ul .cpnl {width:48.8%;height:130px;float:left;margin-bottom:8px;}
  #index .products .cont .cp_bx ul .cpnl .bx {padding:10px 15px;}
  #index .products .cont .cp_bx ul .cpnl h2 {line-height:26px;font-size:18px;}
  #index .products .cont .cp_bx ul .cpnl p {font-size:14px;line-height:20px;padding-top:0; height:80px;}
  #index .products .cont .cp_bx ul li {width:48.8%;height:130px;float:left;margin-bottom:8px;}
  #index .products .cont .cp_bx ul li img {width:100%;height:130px;}
  #index .products .cont .cp_bx ul li h2 {display:block;width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);height:36px;line-height:36px;padding:0 15px;}
  #index .products .cont .cp_bx ul li h2 a {font-size:15px;}
  #index .products .cont .cp_bx ul .ml {margin-left:2.4%;}
  #index .products .cont .cp_bx ul #ml_3 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_5 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_7 {margin-left:0;}
  #index .products .cont .cp_bx ul #ml_9 {margin-left:0;}
}




#index .youshi {padding:40px 0;width:100%;background-color:#f2f2f2;}
#index .youshi .ys_cont {width:1300px;height:700px;margin:0 auto;padding-bottom:40px;}
#index .youshi .ys_cont .swiper-container-ys {width:100%;height:700px;position:relative;overflow:hidden;}
#index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:700px;-webkit-box-pack: center;-ms-flex-pack:center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#index .youshi .ys_cont .swiper-container-ys .swiper-button-next {background:url(../images/right_4.png) no-repeat center top;height:55px;width:48px;}
#index .youshi .ys_cont .swiper-container-ys .swiper-button-prev {background:url(../images/left_4.png) no-repeat center top;height:55px;width:48px;}
#index .youshi .ys_cont .swiper-container-ys .swiper-button-next:hover {background:url(../images/right_4.png) no-repeat center -55px;}
#index .youshi .ys_cont .swiper-container-ys .swiper-button-prev:hover {background:url(../images/left_4.png) no-repeat center -55px;}
#index .youshi .ys_cont .ys_bx {width:100%;height:700px;background:no-repeat center center;background-size:100% 100%;}
#index .youshi .ys_cont .ys_txt {width:340px;height:595px;background:rgba(255,255,255,0.8) no-repeat right bottom;position:absolute;z-index:99;top:0;left:200px;padding:105px 34px 0 34px;}
#index .youshi .ys_cont .ys_txt h2 {display:block;height:46px;line-height:46px;font-size:32px;color:#333;font-weight:normal;border-bottom:2px solid #636363;padding:0 0 20px 57px;margin-bottom:20px;background:no-repeat left 1px;}
#index .youshi .ys_cont .ys_txt .p1 {font-size:16px;color:#5c5c5c;line-height:26px;}
#index .youshi .ys_cont .ys_txt .p2 {font-size:14px;color:#878787;line-height:24px;}
#index .youshi .ys_cont .ppln {width:410px;height:290px;position:absolute;z-index:99;right:160px;top:205px;}
#index .youshi .ys_cont .ppln .txt {height:198px;padding:26px 34px;background-color:rgba(212,8,0,0.7);}
#index .youshi .ys_cont .ppln .txt h2 {font-size:30px;color:#fff;line-height:38px;font-weight:normal;}
#index .youshi .ys_cont .ppln .txt h3 {font-size:24px;color:#fca5a1;font-family:"Times New Roman", Times, serif;line-height:30px;}
#index .youshi .ys_cont .ppln .txt p { font-size:18px;color:#fff;line-height:30px;padding-top:18px;}
#index .youshi .ys_cont .ppln .a.more {display:block;height:40px;line-height:40px;font-size:16px;color:#fff;background-color:#808080;padding:0 34px;}


#index .youshi .sp_cont {width:1300px;height:300px;margin:0 auto;box-shadow:0px 0px 10px 0px rgba(0,0,0,.2);overflow:hidden;position:relative;}
#index .youshi .sp_cont .inc {width:76px;height:76px; background:url(../images/sp_inc.png) no-repeat center center;background-size:100% 100%;position:absolute;z-index:99;top:50%;left:50%;margin-top:-38px;margin-left:-38px;}
#index .youshi .sp_cont .img {width:100%;height:300px;background:url(../images/ind_vd_img.jpg) no-repeat center center;transition: 0.6s;transition-duration: 0.6s;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-ms-transition-duration: 0.6s;-o-transition-duration: 0.6s;}
#index .youshi .sp_cont:hover .img {transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06);-o-transform: scale(1.06);z-index:99;bottom:0;left:0;}
#index .youshi .sp_cont h2 {position:absolute;height:60px;line-height:60px;width:100%;background-color:rgba(212,8,0,0.6);font-size:21px;color:#fff;font-weight:normal;text-align:center;z-index:99;bottom:0;left:0;}
@media (min-width: 1201px) and (max-width: 1300px) {
  #index .youshi .sp_cont {width:92%;height:280px;margin:0 auto;}
  #index .youshi .sp_cont h2 {height:56px;line-height:56px;font-size:21px;}
}
@media (min-width: 1001px) and (max-width: 1200px) {
  #index .youshi .sp_cont {width:92%;height:260px;margin:0 auto;}
  #index .youshi .sp_cont h2 {height:52px;line-height:52px;font-size:20px;}
}
@media (min-width: 801px) and (max-width: 1000px) {
  #index .youshi .sp_cont {width:92%;height:240px;margin:0 auto;}
  #index .youshi .sp_cont h2 {height:48px;line-height:48px;font-size:19px;}
}
@media (min-width: 601px) and (max-width: 800px) {
  #index .youshi .sp_cont {width:92%;height:220px;margin:0 auto;}
  #index .youshi .sp_cont h2 {height:44px;line-height:44px;font-size:18px;}
}
@media (min-width: 401px) and (max-width: 600px) {
  #index .youshi .sp_cont {width:92%;height:200px;margin:0 auto;}
  #index .youshi .sp_cont h2 {height:40px;line-height:40px;font-size:17px;}
}
@media (max-width: 400px) {
  #index .youshi .sp_cont {width:92%;height:180px;margin:0 auto;}
  #index .youshi .sp_cont h2 {height:36px;line-height:36px;font-size:16px;}
}
.videobox{width:100%;height:100%;position: absolute;z-index:11001;display: none; left:0; top:0;}
.clear-black{background:rgba(0, 0, 0, 0.8);width:100%;height:100%;position: fixed;z-index:11;/*;display: none;*/ left:0; top:0;}
.clear-box{position:relative;width:100%;height:100%;z-index:12;top:0px;left:0px;/*display: none;*/}
.vnclose{height:59px;display:block;width:60px;position:absolute;right:-60px;top:0px;background:url(../images/clear.jpg) no-repeat 0px -59px;}
.vnclose:hover{background-position:0px 0px;}
.showlist{position:fixed;background:#fff;width:700px;height:420px;top:20px;left:50%;margin-left:-380px;}
#jr_video_bx {width:700px;height:420px;}
@media (min-width: 601px) and (max-width: 800px) {
  .showlist{position:fixed;background:#fff;width:500px;height:340px;top:20px;left:50%;margin-left:-280px;}
  #jr_video_bx {width:500px;height:340px;}
}
@media (min-width: 401px) and (max-width: 600px) {
  .showlist{position:fixed;background:#fff;width:310px;height:220px;top:20px;left:50%;margin-left:-185px;}
  #jr_video_bx {width:310px;height:220px;}
}
@media (max-width: 400px) {
  .showlist{position:fixed;background:#fff;width:280px;height:200px;top:20px;left:50%;margin-left:-170px;}
  #jr_video_bx {width:280px;height:200px;}
}



@media (min-width: 1201px) and (max-width: 1300px) {
  #index .youshi .ys_cont {width:92%;height:650px;padding-bottom:40px;}
  #index .youshi .ys_cont .swiper-container-ys {width:100%;height:650px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:650px;}
  #index .youshi .ys_cont .ys_bx {width:100%;height:650px;}
  #index .youshi .ys_cont .ys_txt {width:340px;height:545px;left:120px;padding:105px 34px 0 34px;}
  #index .youshi .ys_cont .ys_txt h2 {height:46px;line-height:46px;font-size:32px;border-bottom:2px solid #636363;padding:0 0 20px 57px;margin-bottom:20px;}
  #index .youshi .ys_cont .ys_txt .p1 {font-size:16px;line-height:26px;}
  #index .youshi .ys_cont .ys_txt .p2 {font-size:14px;line-height:24px;}
  #index .youshi .ys_cont .ppln {width:410px;height:290px;right:110px;top:205px;}
  #index .youshi .ys_cont .ppln .txt {height:198px;padding:26px 34px;}
  #index .youshi .ys_cont .ppln .txt h2 {font-size:30px;line-height:38px;}
  #index .youshi .ys_cont .ppln .txt h3 {font-size:24px;line-height:30px;}
  #index .youshi .ys_cont .ppln .txt p { font-size:18px;line-height:30px;padding-top:18px;}
  #index .youshi .ys_cont .ppln .a.more {height:40px;line-height:40px;font-size:16px;padding:0 34px;}
}
@media (min-width: 1101px) and (max-width: 1200px) {
  #index .youshi .ys_cont {width:92%;height:600px;padding-bottom:40px;}
  #index .youshi .ys_cont .swiper-container-ys {width:100%;height:600px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:600px;}
  #index .youshi .ys_cont .ys_bx {width:100%;height:600px;}
  #index .youshi .ys_cont .ys_txt {width:280px;height:495px;left:100px;padding:105px 34px 0 34px;}
  #index .youshi .ys_cont .ys_txt h2 {height:46px;line-height:46px;font-size:32px;border-bottom:2px solid #636363;padding:0 0 20px 57px;margin-bottom:20px;}
  #index .youshi .ys_cont .ys_txt .p1 {font-size:16px;line-height:26px;}
  #index .youshi .ys_cont .ys_txt .p2 {font-size:14px;line-height:24px;}
  #index .youshi .ys_cont .ppln {width:380px;height:290px;right:90px;top:205px;}
  #index .youshi .ys_cont .ppln .txt {height:198px;padding:26px 34px;}
  #index .youshi .ys_cont .ppln .txt h2 {font-size:30px;line-height:38px;}
  #index .youshi .ys_cont .ppln .txt h3 {font-size:24px;line-height:30px;}
  #index .youshi .ys_cont .ppln .txt p { font-size:18px;line-height:30px;padding-top:18px;}
  #index .youshi .ys_cont .ppln .a.more {height:40px;line-height:40px;font-size:16px;padding:0 34px;}
}
@media (min-width: 1001px) and (max-width: 1100px) {
  #index .youshi .ys_cont {width:92%;height:550px;padding-bottom:40px;}
  #index .youshi .ys_cont .swiper-container-ys {width:100%;height:550px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:550px;}
  #index .youshi .ys_cont .ys_bx {width:100%;height:550px;}
  #index .youshi .ys_cont .ys_txt {width:240px;height:445px;left:100px;padding:105px 34px 0 34px;}
  #index .youshi .ys_cont .ys_txt h2 {height:46px;line-height:46px;font-size:32px;border-bottom:2px solid #636363;padding:0 0 15px 57px;margin-bottom:15px;}
  #index .youshi .ys_cont .ys_txt .p1 {font-size:16px;line-height:26px;}
  #index .youshi .ys_cont .ys_txt .p2 {font-size:14px;line-height:24px;}
  #index .youshi .ys_cont .ppln {width:340px;height:270px;right:90px;top:155px;}
  #index .youshi .ys_cont .ppln .txt {height:178px;padding:26px 34px;}
  #index .youshi .ys_cont .ppln .txt h2 {font-size:30px;line-height:38px;}
  #index .youshi .ys_cont .ppln .txt h3 {font-size:24px;line-height:30px;}
  #index .youshi .ys_cont .ppln .txt p { font-size:18px;line-height:30px;padding-top:18px;}
  #index .youshi .ys_cont .ppln .a.more {height:40px;line-height:40px;font-size:16px;padding:0 34px;}
}
@media (min-width: 901px) and (max-width: 1000px) {
  #index .youshi .ys_cont {width:92%;height:500px;padding-bottom:40px;}
  #index .youshi .ys_cont .swiper-container-ys {width:100%;height:500px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:500px;}
  #index .youshi .ys_cont .ys_bx {width:100%;height:500px;}
  #index .youshi .ys_cont .ys_txt {width:220px;height:395px;left:100px;padding:105px 34px 0 34px;}
  #index .youshi .ys_cont .ys_txt h2 {height:46px;line-height:46px;font-size:32px;border-bottom:2px solid #636363;padding:0 0 10px 57px;margin-bottom:10px;}
  #index .youshi .ys_cont .ys_txt .p1 {font-size:16px;line-height:26px;}
  #index .youshi .ys_cont .ys_txt .p2 {font-size:14px;line-height:24px;}
  #index .youshi .ys_cont .ppln {width:310px;height:250px;right:90px;top:135px;}
  #index .youshi .ys_cont .ppln .txt {height:158px;padding:26px 34px;}
  #index .youshi .ys_cont .ppln .txt h2 {font-size:30px;line-height:38px;}
  #index .youshi .ys_cont .ppln .txt h3 {font-size:24px;line-height:30px;}
  #index .youshi .ys_cont .ppln .txt p { font-size:18px;line-height:30px;padding-top:6px;}
  #index .youshi .ys_cont .ppln .a.more {height:40px;line-height:40px;font-size:16px;padding:0 34px;}
}
@media (min-width: 801px) and (max-width: 900px) {
  #index .youshi .ys_cont {width:92%;height:450px;padding-bottom:40px;}
  #index .youshi .ys_cont .swiper-container-ys {width:100%;height:450px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:450px;}
  #index .youshi .ys_cont .ys_bx {width:100%;height:450px;}
  #index .youshi .ys_cont .ys_txt {width:190px;height:375px;left:100px;padding:75px 20px 0 20px;}
  #index .youshi .ys_cont .ys_txt h2 {height:46px;line-height:46px;font-size:26px;border-bottom:2px solid #636363;padding:0 0 6px 47px;margin-bottom:6px;background-size:auto 65%;background-position: 6px;}
  #index .youshi .ys_cont .ys_txt .p1 {font-size:16px;line-height:26px;}
  #index .youshi .ys_cont .ys_txt .p2 {font-size:14px;line-height:24px;}
  #index .youshi .ys_cont .ppln {width:280px;height:216px;right:90px;top:125px;}
  #index .youshi .ys_cont .ppln .txt {height:146px;padding:15px 20px;}
  #index .youshi .ys_cont .ppln .txt h2 {font-size:30px;line-height:38px;}
  #index .youshi .ys_cont .ppln .txt h3 {font-size:24px;line-height:30px;}
  #index .youshi .ys_cont .ppln .txt p { font-size:18px;line-height:26px;padding-top:0;}
  #index .youshi .ys_cont .ppln .a.more {height:40px;line-height:40px;font-size:16px;padding:0 34px;}
}
@media (min-width: 701px) and (max-width: 800px) {
  #index .youshi .ys_cont {width:92%;height:400px;padding-bottom:40px;}
  #index .youshi .ys_cont .swiper-container-ys {width:100%;height:400px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:400px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-button-next {top:30%;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-button-prev {top:30%;}
  #index .youshi .ys_cont .ys_bx {width:100%;height:400px;}
  #index .youshi .ys_cont .ys_txt {width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);height:auto;left:0;top:auto;bottom:0;padding:5px 20px 15px 20px; background-color:rgba(255,255,255,0.7);}
  #index .youshi .ys_cont .ys_txt h2 {height:46px;line-height:46px;font-size:26px;border-bottom:2px solid #636363;padding:0 0 6px 47px;margin-bottom:6px;background-size:auto 65%;background-position: 6px;}
  #index .youshi .ys_cont .ys_txt .p1 {font-size:16px;line-height:26px;}
  #index .youshi .ys_cont .ys_txt .p2 {font-size:14px;line-height:24px;}
  #index .youshi .ys_cont .ppln {width:320px;height:auto;right:auto;top:40px;left:50%;margin-left:-160px;}
  #index .youshi .ys_cont .ppln .txt {height:auto;padding:10px 15px;}
  #index .youshi .ys_cont .ppln .txt h2 {font-size:24px;line-height:30px;float:left;}
  #index .youshi .ys_cont .ppln .txt h3 {font-size:20px;line-height:20px;padding-top:10px;padding-left:8px;float:left;}
  #index .youshi .ys_cont .ppln .txt p {font-size:14px;line-height:20px;padding-top:0;float:left;}
  #index .youshi .ys_cont .ppln .a.more {height:32px;line-height:32px;font-size:14px;padding:0 15px;}
}
@media (min-width: 601px) and (max-width: 700px) {
  #index .youshi .ys_cont {width:92%;height:350px;padding-bottom:40px;}
  #index .youshi .ys_cont .swiper-container-ys {width:100%;height:350px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:350px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-button-next {top:30%;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-button-prev {top:30%;}
  #index .youshi .ys_cont .ys_bx {width:100%;height:350px;}
  #index .youshi .ys_cont .ys_txt {width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);height:auto;left:0;top:auto;bottom:0;padding:5px 20px 15px 20px; background-color:rgba(255,255,255,0.7);}
  #index .youshi .ys_cont .ys_txt h2 {height:40px;line-height:40px;font-size:24px;border-bottom:2px solid #636363;padding:0 0 4px 45px;margin-bottom:4px;background-size:auto 70%;background-position: 6px;}
  #index .youshi .ys_cont .ys_txt .p1 {font-size:15px;line-height:26px;}
  #index .youshi .ys_cont .ys_txt .p2 {font-size:13px;line-height:16px;}
  #index .youshi .ys_cont .ppln {width:320px;height:auto;right:auto;top:40px;left:50%;margin-left:-160px;}
  #index .youshi .ys_cont .ppln .txt {height:auto;padding:10px 15px;}
  #index .youshi .ys_cont .ppln .txt h2 {font-size:24px;line-height:30px;float:left;}
  #index .youshi .ys_cont .ppln .txt h3 {font-size:20px;line-height:20px;padding-top:10px;padding-left:8px;float:left;}
  #index .youshi .ys_cont .ppln .txt p {font-size:14px;line-height:20px;padding-top:0;float:left;}
  #index .youshi .ys_cont .ppln .a.more {height:32px;line-height:32px;font-size:14px;padding:0 15px;}
}
@media (min-width: 501px) and (max-width: 600px) {
  #index .youshi .ys_cont {width:92%;height:300px;padding-bottom:40px;}
  #index .youshi .ys_cont .swiper-container-ys {width:100%;height:300px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:300px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-button-next {top:30%;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-button-prev {top:30%;}
  #index .youshi .ys_cont .ys_bx {width:100%;height:300px;}
  #index .youshi .ys_cont .ys_txt {width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);height:auto;left:0;top:auto;bottom:0;padding:5px 20px 15px 20px; background-color:rgba(255,255,255,0.7);}
  #index .youshi .ys_cont .ys_txt h2 {height:38px;line-height:38px;font-size:22px;border-bottom:2px solid #636363;padding:0 0 0 34px;margin-bottom:0;background-size:auto 70%;background-position:0 7px;}
  #index .youshi .ys_cont .ys_txt .p1 {font-size:14px;line-height:20px;}
  #index .youshi .ys_cont .ys_txt .p2 {font-size:12px;line-height:15px;}
  #index .youshi .ys_cont .ppln {width:260px;height:auto;right:auto;top:20px;left:50%;margin-left:-130px;}
  #index .youshi .ys_cont .ppln .txt {height:auto;padding:10px;}
  #index .youshi .ys_cont .ppln .txt h2 {font-size:22px;line-height:28px;float:left;}
  #index .youshi .ys_cont .ppln .txt h3 {font-size:20px;line-height:20px;padding-top:8px;padding-left:8px;float:left;}
  #index .youshi .ys_cont .ppln .txt p {font-size:13px;line-height:18px;padding-top:0;float:left;}
  #index .youshi .ys_cont .ppln .a.more {height:30px;line-height:30px;font-size:14px;padding:0 10px;}
}
@media (min-width: 401px) and (max-width: 500px) {
  #index .youshi .ys_cont {width:92%;height:300px;padding-bottom:40px;}
  #index .youshi .ys_cont .swiper-container-ys {width:100%;height:300px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:300px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-button-next {top:25%;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-button-prev {top:25%;}
  #index .youshi .ys_cont .ys_bx {width:100%;height:300px;}
  #index .youshi .ys_cont .ys_txt {width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);height:auto;left:0;top:auto;bottom:0;padding:5px 15px 10px 15px; background-color:rgba(255,255,255,0.6);}
  #index .youshi .ys_cont .ys_txt h2 {height:32px;line-height:32px;font-size:18px;border-bottom:2px solid #636363;padding:0 0 0 30px;margin-bottom:0;background-size:auto 70%;background-position:0 5px;}
  #index .youshi .ys_cont .ys_txt .p1 {font-size:14px;line-height:20px;}
  #index .youshi .ys_cont .ys_txt .p2 {font-size:12px;line-height:15px;}
  #index .youshi .ys_cont .ppln {width:220px;height:auto;right:auto;top:30px;left:50%;margin-left:-110px;}
  #index .youshi .ys_cont .ppln .txt {height:auto;padding:5px 10px;}
  #index .youshi .ys_cont .ppln .txt h2 {font-size:18px;line-height:26px;float:left;}
  #index .youshi .ys_cont .ppln .txt h3 {font-size:16px;line-height:20px;padding-top:6px;padding-left:8px;float:left;}
  #index .youshi .ys_cont .ppln .txt p {font-size:12px;line-height:18px;padding-top:0;float:left;}
  #index .youshi .ys_cont .ppln .a.more {height:26px;line-height:26px;font-size:10px;padding:0 10px;background-color:rgba(128,128,128,0.7);}
}
@media (max-width: 400px) {
  #index .youshi .ys_cont {width:92%;height:240px;padding-bottom:40px;}
  #index .youshi .ys_cont .swiper-container-ys {width:100%;height:240px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-slide {height:240px;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-button-next {top:25%;}
  #index .youshi .ys_cont .swiper-container-ys .swiper-button-prev {top:25%;}
  #index .youshi .ys_cont .ys_bx {width:100%;height:240px;}
  #index .youshi .ys_cont .ys_txt {width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);height:auto;left:0;top:auto;bottom:0;padding:5px 15px 10px 15px; background-color:rgba(255,255,255,0.6);}
  #index .youshi .ys_cont .ys_txt h2 {height:28px;line-height:28px;font-size:15px;border-bottom:2px solid #636363;padding:0 0 0 26px;margin-bottom:0;background-size:auto 76%;background-position:0 5px;}
  #index .youshi .ys_cont .ys_txt .p1 {font-size:13px;line-height:18px;}
  #index .youshi .ys_cont .ys_txt .p2 {font-size:12px;line-height:14px;}
  #index .youshi .ys_cont .ppln {width:194px;height:auto;right:auto;top:20px;left:50%;margin-left:-97px;}
  #index .youshi .ys_cont .ppln .txt {height:auto;padding:0;background:none;}
  #index .youshi .ys_cont .ppln .txt h2 {font-size:16px;line-height:24px;float:left;}
  #index .youshi .ys_cont .ppln .txt h3 {font-size:14px;line-height:20px;padding-top:6px;padding-left:6px;float:left;}
  #index .youshi .ys_cont .ppln .txt p {font-size:12px;line-height:16px;padding-top:0;float:left;color:#cb423d;}
  #index .youshi .ys_cont .ppln .a.more {height:26px;line-height:26px;font-size:10px;padding:0 10px;background-color:rgba(128,128,128,0.7);display:none;}
}







#index .about {padding:40px 0 0 0;width:100%;}
#index .about .cont {width:1300px;margin:0 auto;}
#index .about .us_bx { width:100%;background:url(../images/us_bg.jpg) no-repeat center center; padding:40px 0;}
#index .about .us_bx .bx {width:100%;background-color:#f3f3f3;}
#index .about .us_bx .bx .img {border:6px solid #fff;box-shadow:0px 0px 10px 0px rgba(0,0,0,.2);}
#index .about .us_bx .bx .img img {width:100%;}
#index .about .us_bx .bx .txt {padding:20px 50px;}
#index .about .us_bx .bx .txt h2 {font-size:24px;line-height:32px;text-align:center;}
#index .about .us_bx .bx .txt p {height:156px;font-size:15px;color:#7f7f7f;line-height:26px;padding-top:10px;text-align:center;overflow:hidden;}

#index .about .us_pic { width:100%;height:384px;padding-bottom:40px;}
#index .about .us_pic .pic_class {width:100%;height:38px;padding:35px 0;text-align:center;}
#index .about .us_pic .pic_class ul li {display:inline-block;width:158px;height:38px;line-height:38px;border-radius:19px;font-size:17px;text-align:center;cursor:pointer;}
#index .about .us_pic .pic_class ul li:hover {color:#fff;border:1px solid #d40800;background-color:#d40800;}
#index .about .us_pic .pic_class ul .show_off {color:#585858;border:1px solid #a0a0a0;background:none;}
#index .about .us_pic .pic_class ul .show_on {color:#fff;border:1px solid #d40800;background-color:#d40800;}
#index .about .us_pic .pic_class ul #mr { margin-right:24px;}

#index .about .us_pic .pic_bx {width:100%;height:276px;}
#index .about .us_pic .pic_bx ul li {width:304px;height:276px;float:left;}
#index .about .us_pic .pic_bx ul li .img {width:100%;height:240px;box-shadow:0px 0px 10px 0px rgba(0,0,0,.2);overflow:hidden;}
#index .about .us_pic .pic_bx ul li .img img {width:100%;height:240px;}
#index .about .us_pic .pic_bx ul li h2 {font-size:18px;color:#565656;font-weight:normal;text-align:center;line-height:28px;height:28px;padding-top:8px;}
#index .about .us_pic .pic_bx ul .mr {margin-right:28px;}
@media (min-width: 1201px) and (max-width: 1300px) {
  #index .about .cont {width:92%;}
  #index .about .us_bx {padding:40px 0;}
  #index .about .us_bx .bx .img {border:6px solid #fff;}
  #index .about .us_bx .bx .txt {padding:20px 50px;}
  #index .about .us_bx .bx .txt h2 {font-size:24px;line-height:32px;}
  #index .about .us_bx .bx .txt p {height:156px;font-size:15px;line-height:26px;padding-top:10px;}
  #index .about .us_pic {width:100%;height:auto;padding-bottom:40px;}
  #index .about .us_pic .pic_class {width:100%;height:38px;padding:35px 0;}
  #index .about .us_pic .pic_class ul li {width:158px;height:38px;line-height:38px;border-radius:19px;font-size:17px;}
  #index .about .us_pic .pic_class ul #mr { margin-right:24px;}
  #index .about .us_pic .pic_bx {width:100%;height:auto;}
  #index .about .us_pic .pic_bx ul li {width:23.2%;height:auto;}
  #index .about .us_pic .pic_bx ul li .img {width:100%;height:200px;}
  #index .about .us_pic .pic_bx ul li .img img {width:100%;height:200px;}
  #index .about .us_pic .pic_bx ul li h2 {font-size:18px;line-height:28px;height:28px;padding-top:8px;}
  #index .about .us_pic .pic_bx ul .mr {margin-right:2.4%;}
}
@media (min-width: 1101px) and (max-width: 1200px) {
  #index .about .cont {width:92%;}
  #index .about .us_bx {padding:40px 0;}
  #index .about .us_bx .bx .img {border:6px solid #fff;}
  #index .about .us_bx .bx .txt {padding:20px 50px;}
  #index .about .us_bx .bx .txt h2 {font-size:24px;line-height:32px;}
  #index .about .us_bx .bx .txt p {height:156px;font-size:15px;line-height:26px;padding-top:10px;}
  #index .about .us_pic {width:100%;height:auto;padding-bottom:40px;}
  #index .about .us_pic .pic_class {width:100%;height:38px;padding:35px 0;}
  #index .about .us_pic .pic_class ul li {width:158px;height:38px;line-height:38px;border-radius:19px;font-size:17px;}
  #index .about .us_pic .pic_class ul #mr { margin-right:24px;}
  #index .about .us_pic .pic_bx {width:100%;height:auto;}
  #index .about .us_pic .pic_bx ul li {width:23.2%;height:auto;}
  #index .about .us_pic .pic_bx ul li .img {width:100%;height:180px;}
  #index .about .us_pic .pic_bx ul li .img img {width:100%;height:180px;}
  #index .about .us_pic .pic_bx ul li h2 {font-size:18px;line-height:28px;height:28px;padding-top:8px;}
  #index .about .us_pic .pic_bx ul .mr {margin-right:2.4%;}
}
@media (min-width: 1001px) and (max-width: 1100px) {
  #index .about .cont {width:92%;}
  #index .about .us_bx {padding:40px 0;}
  #index .about .us_bx .bx .img {border:6px solid #fff;}
  #index .about .us_bx .bx .txt {padding:20px 30px;}
  #index .about .us_bx .bx .txt h2 {font-size:24px;line-height:32px;}
  #index .about .us_bx .bx .txt p {height:130px;font-size:15px;line-height:26px;padding-top:10px;}
  #index .about .us_pic {width:100%;height:auto;padding-bottom:40px;}
  #index .about .us_pic .pic_class {width:100%;height:38px;padding:35px 0;}
  #index .about .us_pic .pic_class ul li {width:158px;height:38px;line-height:38px;border-radius:19px;font-size:17px;}
  #index .about .us_pic .pic_class ul #mr { margin-right:24px;}
  #index .about .us_pic .pic_bx {width:100%;height:auto;}
  #index .about .us_pic .pic_bx ul li {width:23.2%;height:auto;}
  #index .about .us_pic .pic_bx ul li .img {width:100%;height:160px;}
  #index .about .us_pic .pic_bx ul li .img img {width:100%;height:160px;}
  #index .about .us_pic .pic_bx ul li h2 {font-size:18px;line-height:28px;height:28px;padding-top:8px;}
  #index .about .us_pic .pic_bx ul .mr {margin-right:2.4%;}
}
@media (min-width: 901px) and (max-width: 1000px) {
  #index .about .cont {width:92%;}
  #index .about .us_bx {padding:40px 0;}
  #index .about .us_bx .bx .img {border:6px solid #fff;}
  #index .about .us_bx .bx .txt {padding:20px 30px;}
  #index .about .us_bx .bx .txt h2 {font-size:24px;line-height:32px;}
  #index .about .us_bx .bx .txt p {height:130px;font-size:15px;line-height:26px;padding-top:10px;}
  #index .about .us_pic {width:100%;height:auto;padding-bottom:40px;}
  #index .about .us_pic .pic_class {width:100%;height:38px;padding:35px 0;}
  #index .about .us_pic .pic_class ul li {width:158px;height:38px;line-height:38px;border-radius:19px;font-size:17px;}
  #index .about .us_pic .pic_class ul #mr { margin-right:24px;}
  #index .about .us_pic .pic_bx {width:100%;height:auto;}
  #index .about .us_pic .pic_bx ul li {width:23.2%;height:auto;}
  #index .about .us_pic .pic_bx ul li .img {width:100%;height:140px;}
  #index .about .us_pic .pic_bx ul li .img img {width:100%;height:140px;}
  #index .about .us_pic .pic_bx ul li h2 {font-size:17px;line-height:28px;height:28px;padding-top:8px;}
  #index .about .us_pic .pic_bx ul .mr {margin-right:2.4%;}
}
@media (min-width: 801px) and (max-width: 900px) {
  #index .about .cont {width:92%;}
  #index .about .us_bx {padding:40px 0;}
  #index .about .us_bx .bx .img {border:6px solid #fff;}
  #index .about .us_bx .bx .txt {padding:10px 30px 20px 30px;}
  #index .about .us_bx .bx .txt h2 {font-size:24px;line-height:32px;}
  #index .about .us_bx .bx .txt p {height:130px;font-size:15px;line-height:26px;padding-top:8px;}
  #index .about .us_pic {width:100%;height:auto;padding-bottom:40px;}
  #index .about .us_pic .pic_class {width:100%;height:38px;padding:30px 0;}
  #index .about .us_pic .pic_class ul li {width:158px;height:38px;line-height:38px;border-radius:19px;font-size:17px;}
  #index .about .us_pic .pic_class ul #mr { margin-right:24px;}
  #index .about .us_pic .pic_bx {width:100%;height:auto;}
  #index .about .us_pic .pic_bx ul li {width:23.2%;height:auto;}
  #index .about .us_pic .pic_bx ul li .img {width:100%;height:120px;}
  #index .about .us_pic .pic_bx ul li .img img {width:100%;height:120px;}
  #index .about .us_pic .pic_bx ul li h2 {font-size:16px;line-height:28px;height:28px;padding-top:8px;}
  #index .about .us_pic .pic_bx ul .mr {margin-right:2.4%;}
}
@media (min-width: 701px) and (max-width: 800px) {
  #index .about .cont {width:92%;}
  #index .about .us_bx {padding:40px 0;}
  #index .about .us_bx .bx .img {border:6px solid #fff;}
  #index .about .us_bx .bx .txt {padding:10px 30px 20px 30px;}
  #index .about .us_bx .bx .txt h2 {font-size:24px;line-height:32px;}
  #index .about .us_bx .bx .txt p {height:130px;font-size:15px;line-height:26px;padding-top:0;}
  #index .about .us_pic {width:100%;height:auto;padding-bottom:40px;}
  #index .about .us_pic .pic_class {width:100%;height:38px;padding:25px 0;}
  #index .about .us_pic .pic_class ul li {width:158px;height:38px;line-height:38px;border-radius:19px;font-size:17px;}
  #index .about .us_pic .pic_class ul #mr { margin-right:24px;}
  #index .about .us_pic .pic_bx {width:100%;height:auto;}
  #index .about .us_pic .pic_bx ul li {width:23.2%;height:auto;}
  #index .about .us_pic .pic_bx ul li .img {width:100%;height:100px;}
  #index .about .us_pic .pic_bx ul li .img img {width:100%;height:100px;}
  #index .about .us_pic .pic_bx ul li h2 {font-size:16px;line-height:28px;height:28px;padding-top:8px;}
  #index .about .us_pic .pic_bx ul .mr {margin-right:2.4%;}
}
@media (min-width: 601px) and (max-width: 700px) {
  #index .about .cont {width:92%;}
  #index .about .us_bx {padding:40px 0;}
  #index .about .us_bx .bx .img {border:6px solid #fff;}
  #index .about .us_bx .bx .txt {padding:10px 20px 15px 20px;}
  #index .about .us_bx .bx .txt h2 {font-size:24px;line-height:32px;}
  #index .about .us_bx .bx .txt p {height:130px;font-size:15px;line-height:26px;padding-top:0;}
  #index .about .us_pic {width:100%;height:auto;padding-bottom:40px;}
  #index .about .us_pic .pic_class {width:100%;height:34px;padding:25px 0;}
  #index .about .us_pic .pic_class ul li {width:158px;height:34px;line-height:34px;border-radius:17px;font-size:16px;}
  #index .about .us_pic .pic_class ul #mr { margin-right:24px;}
  #index .about .us_pic .pic_bx {width:100%;height:auto;}
  #index .about .us_pic .pic_bx ul li {width:48%;height:auto;}
  #index .about .us_pic .pic_bx ul li .img {width:100%;height:200px;}
  #index .about .us_pic .pic_bx ul li .img img {width:100%;height:200px;}
  #index .about .us_pic .pic_bx ul li h2 {font-size:18px;line-height:28px;height:28px;padding-top:8px;margin-bottom:8px;}
  #index .about .us_pic .pic_bx ul .mr {margin-right:4%;}
  #index .about .us_pic .pic_bx ul .mr_2 {margin-right:0;}
}
@media (min-width: 501px) and (max-width: 600px) {
  #index .about .cont {width:92%;}
  #index .about .us_bx {padding:40px 0;}
  #index .about .us_bx .bx .img {border:6px solid #fff;}
  #index .about .us_bx .bx .txt {padding:10px 20px 15px 20px;}
  #index .about .us_bx .bx .txt h2 {font-size:24px;line-height:32px;}
  #index .about .us_bx .bx .txt p {height:130px;font-size:15px;line-height:26px;padding-top:0;}
  #index .about .us_pic {width:100%;height:auto;padding-bottom:40px;}
  #index .about .us_pic .pic_class {width:100%;height:32px;padding:25px 0;}
  #index .about .us_pic .pic_class ul li {width:128px;height:32px;line-height:32px;border-radius:16px;font-size:16px;}
  #index .about .us_pic .pic_class ul #mr { margin-right:15px;}
  #index .about .us_pic .pic_bx {width:100%;height:auto;}
  #index .about .us_pic .pic_bx ul li {width:48%;height:auto;}
  #index .about .us_pic .pic_bx ul li .img {width:100%;height:180px;}
  #index .about .us_pic .pic_bx ul li .img img {width:100%;height:180px;}
  #index .about .us_pic .pic_bx ul li h2 {font-size:18px;line-height:28px;height:28px;padding-top:8px;margin-bottom:8px;}
  #index .about .us_pic .pic_bx ul .mr {margin-right:4%;}
  #index .about .us_pic .pic_bx ul .mr_2 {margin-right:0;}
}
@media (min-width: 401px) and (max-width: 500px) {
  #index .about .cont {width:92%;}
  #index .about .us_bx {padding:35px 0;}
  #index .about .us_bx .bx .img {border:6px solid #fff;}
  #index .about .us_bx .bx .txt {padding:10px 15px 10px 15px;}
  #index .about .us_bx .bx .txt h2 {font-size:20px;line-height:32px;}
  #index .about .us_bx .bx .txt p {height:130px;font-size:15px;line-height:26px;padding-top:0;}
  #index .about .us_pic {width:100%;height:auto;padding-bottom:40px;}
  #index .about .us_pic .pic_class {width:100%;height:28px;padding:25px 0;}
  #index .about .us_pic .pic_class ul li {width:108px;height:28px;line-height:28px;border-radius:14px;font-size:15px;}
  #index .about .us_pic .pic_class ul #mr { margin-right:10px;}
  #index .about .us_pic .pic_bx {width:100%;height:auto;}
  #index .about .us_pic .pic_bx ul li {width:48%;height:auto;}
  #index .about .us_pic .pic_bx ul li .img {width:100%;height:150px;}
  #index .about .us_pic .pic_bx ul li .img img {width:100%;height:150px;}
  #index .about .us_pic .pic_bx ul li h2 {font-size:17px;line-height:28px;height:28px;padding-top:8px;margin-bottom:8px;}
  #index .about .us_pic .pic_bx ul .mr {margin-right:4%;}
  #index .about .us_pic .pic_bx ul .mr_2 {margin-right:0;}
}
@media (max-width: 400px) {
  #index .about .cont {width:92%;}
  #index .about .us_bx {padding:35px 0;}
  #index .about .us_bx .bx .img {border:6px solid #fff;}
  #index .about .us_bx .bx .txt {padding:10px 15px 10px 15px;}
  #index .about .us_bx .bx .txt h2 {font-size:20px;line-height:32px;}
  #index .about .us_bx .bx .txt p {height:130px;font-size:14px;line-height:26px;padding-top:0;}
  #index .about .us_pic {width:100%;height:auto;padding-bottom:40px;}
  #index .about .us_pic .pic_class {width:100%;height:26px;padding:20px 0;}
  #index .about .us_pic .pic_class ul li {width:90px;height:26px;line-height:26px;border-radius:14px;font-size:15px;}
  #index .about .us_pic .pic_class ul #mr { margin-right:6px;}
  #index .about .us_pic .pic_bx {width:100%;height:auto;}
  #index .about .us_pic .pic_bx ul li {width:48%;height:auto;}
  #index .about .us_pic .pic_bx ul li .img {width:100%;height:120px;}
  #index .about .us_pic .pic_bx ul li .img img {width:100%;height:120px;}
  #index .about .us_pic .pic_bx ul li h2 {font-size:16px;line-height:28px;height:28px;padding-top:8px;margin-bottom:8px;}
  #index .about .us_pic .pic_bx ul .mr {margin-right:4%;}
  #index .about .us_pic .pic_bx ul .mr_2 {margin-right:0;}
}




#index .anli {padding:40px 0;width:100%;background-image:url(../images/bg_1.jpg);}
#index .anli .cont {width:1300px;margin:0 auto;}
#index .anli .cont .al_class {width:100%;height:30px;padding-bottom:30px;text-align:center;}
#index .anli .cont .al_class ul li {display:inline-block;padding-left:15px;padding-right:15px;cursor:pointer}
#index .anli .cont .al_class ul li:hover {font-size:24px;color:#d40800;line-height:30px;}
#index .anli .cont .al_class ul .show_off {font-size:14px;color:#676767;line-height:20px;padding-top:10px;}
#index .anli .cont .al_class ul .show_on {font-size:24px;color:#d40800;line-height:30px;}
#index .anli .cont .al_bx {width:100%;}
#index .anli .cont .al_bx ul li {width:325px;float:left;}
#index .anli .cont .al_bx ul li .img {width:100%;height:360px;overflow:hidden;}
#index .anli .cont .al_bx ul li .img img {width:100%;height:360px;}
#index .anli .cont .al_bx ul li .txt {padding:16px 24px 20px 24px;}
#index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;font-weight:normal;}
#index .anli .cont .al_bx ul li .txt h2 a {font-size:18px;color:#585858;}
#index .anli .cont .al_bx ul li .txt a.more {display:block;width:98px;height:28px;line-height:28px;border:1px solid #585858;font-size:14px;color:#585858;text-align:center;}
#index .anli .cont .al_bx ul li:hover {background-color:#d40800;}
#index .anli .cont .al_bx ul li:hover .txt h2 a {color:#fff;}
#index .anli .cont .al_bx ul li:hover .txt a.more {background-color:#fff;color:#d40800;border:1px solid #fff;}
#index .anli .cont .al_bx ul .bg1 {background-color:#e0e0e0;}
#index .anli .cont .al_bx ul .bg2 {background-color:#fff;}
@media (min-width: 1201px) and (max-width: 1300px) {
  #index .anli .cont {width:92%;}
  #index .anli .cont .al_class {width:100%;height:30px;padding-bottom:30px;}
  #index .anli .cont .al_class ul li {padding-left:15px;padding-right:15px;}
  #index .anli .cont .al_class ul li:hover {font-size:24px;line-height:30px;}
  #index .anli .cont .al_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .anli .cont .al_class ul .show_on {font-size:24px;line-height:30px;}
  #index .anli .cont .al_bx ul li {width:25%;}
  #index .anli .cont .al_bx ul li .img {width:100%;height:340px;}
  #index .anli .cont .al_bx ul li .img img {width:100%;height:340px;}
  #index .anli .cont .al_bx ul li .txt {padding:16px 24px 20px 24px;}
  #index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;}
  #index .anli .cont .al_bx ul li .txt h2 a {font-size:18px;}
  #index .anli .cont .al_bx ul li .txt a.more {width:98px;height:28px;line-height:28px;font-size:14px;}
}
@media (min-width: 1101px) and (max-width: 1200px) {
  #index .anli .cont {width:92%;}
  #index .anli .cont .al_class {width:100%;height:30px;padding-bottom:30px;}
  #index .anli .cont .al_class ul li {padding-left:15px;padding-right:15px;}
  #index .anli .cont .al_class ul li:hover {font-size:24px;line-height:30px;}
  #index .anli .cont .al_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .anli .cont .al_class ul .show_on {font-size:24px;line-height:30px;}
  #index .anli .cont .al_bx ul li {width:25%;}
  #index .anli .cont .al_bx ul li .img {width:100%;height:320px;}
  #index .anli .cont .al_bx ul li .img img {width:100%;height:320px;}
  #index .anli .cont .al_bx ul li .txt {padding:16px 24px 20px 24px;}
  #index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;}
  #index .anli .cont .al_bx ul li .txt h2 a {font-size:18px;}
  #index .anli .cont .al_bx ul li .txt a.more {width:98px;height:28px;line-height:28px;font-size:14px;}
}
@media (min-width: 1001px) and (max-width: 1100px) {
  #index .anli .cont {width:92%;}
  #index .anli .cont .al_class {width:100%;height:30px;padding-bottom:30px;}
  #index .anli .cont .al_class ul li {padding-left:15px;padding-right:15px;}
  #index .anli .cont .al_class ul li:hover {font-size:24px;line-height:30px;}
  #index .anli .cont .al_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .anli .cont .al_class ul .show_on {font-size:24px;line-height:30px;}
  #index .anli .cont .al_bx ul li {width:25%;}
  #index .anli .cont .al_bx ul li .img {width:100%;height:300px;}
  #index .anli .cont .al_bx ul li .img img {width:100%;height:300px;}
  #index .anli .cont .al_bx ul li .txt {padding:14px 16px 20px 20px;}
  #index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;}
  #index .anli .cont .al_bx ul li .txt h2 a {font-size:18px;}
  #index .anli .cont .al_bx ul li .txt a.more {width:98px;height:28px;line-height:28px;font-size:14px;}
}
@media (min-width: 901px) and (max-width: 1000px) {
  #index .anli .cont {width:92%;}
  #index .anli .cont .al_class {width:100%;height:30px;padding-bottom:30px;}
  #index .anli .cont .al_class ul li {padding-left:10px;padding-right:10px;}
  #index .anli .cont .al_class ul li:hover {font-size:24px;line-height:30px;}
  #index .anli .cont .al_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .anli .cont .al_class ul .show_on {font-size:24px;line-height:30px;}
  #index .anli .cont .al_bx ul li {width:25%;}
  #index .anli .cont .al_bx ul li .img {width:100%;height:280px;}
  #index .anli .cont .al_bx ul li .img img {width:100%;height:280px;}
  #index .anli .cont .al_bx ul li .txt {padding:14px 16px 20px 20px;}
  #index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;}
  #index .anli .cont .al_bx ul li .txt h2 a {font-size:18px;}
  #index .anli .cont .al_bx ul li .txt a.more {width:98px;height:28px;line-height:28px;font-size:14px;}
}
@media (min-width: 801px) and (max-width: 900px) {
  #index .anli .cont {width:92%;}
  #index .anli .cont .al_class {width:100%;height:30px;padding-bottom:30px;}
  #index .anli .cont .al_class ul li {padding-left:10px;padding-right:10px;}
  #index .anli .cont .al_class ul li:hover {font-size:20px;line-height:30px;}
  #index .anli .cont .al_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .anli .cont .al_class ul .show_on {font-size:20px;line-height:30px;}
  #index .anli .cont .al_bx ul li {width:25%;}
  #index .anli .cont .al_bx ul li .img {width:100%;height:250px;}
  #index .anli .cont .al_bx ul li .img img {width:100%;height:250px;}
  #index .anli .cont .al_bx ul li .txt {padding:14px 16px 16px 16px;}
  #index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;}
  #index .anli .cont .al_bx ul li .txt h2 a {font-size:18px;}
  #index .anli .cont .al_bx ul li .txt a.more {width:98px;height:28px;line-height:28px;font-size:14px;}
}
@media (min-width: 701px) and (max-width: 800px) {
  #index .anli .cont {width:92%;}
  #index .anli .cont .al_class {width:100%;height:auto;padding-bottom:30px;}
  #index .anli .cont .al_class ul li {padding-left:10px;padding-right:10px;}
  #index .anli .cont .al_class ul li:hover {font-size:20px;line-height:30px;}
  #index .anli .cont .al_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .anli .cont .al_class ul .show_on {font-size:20px;line-height:30px;}
  #index .anli .cont .al_bx ul li {width:25%;}
  #index .anli .cont .al_bx ul li .img {width:100%;height:220px;}
  #index .anli .cont .al_bx ul li .img img {width:100%;height:220px;}
  #index .anli .cont .al_bx ul li .txt {padding:14px;}
  #index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;}
  #index .anli .cont .al_bx ul li .txt h2 a {font-size:17px;}
  #index .anli .cont .al_bx ul li .txt a.more {width:98px;height:28px;line-height:28px;font-size:14px;}
}
@media (min-width: 601px) and (max-width: 700px) {
  #index .anli .cont {width:92%;}
  #index .anli .cont .al_class {width:100%;height:auto;padding-bottom:25px;}
  #index .anli .cont .al_class ul li {padding-left:10px;padding-right:10px;}
  #index .anli .cont .al_class ul li:hover {font-size:20px;line-height:30px;}
  #index .anli .cont .al_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .anli .cont .al_class ul .show_on {font-size:20px;line-height:30px;}
  #index .anli .cont .al_bx ul li {width:50%;}
  #index .anli .cont .al_bx ul li .img {width:100%;height:340px;}
  #index .anli .cont .al_bx ul li .img img {width:100%;height:340px;}
  #index .anli .cont .al_bx ul li .txt {padding:16px 24px 20px 24px;}
  #index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;}
  #index .anli .cont .al_bx ul li .txt h2 a {font-size:18px;}
  #index .anli .cont .al_bx ul li .txt a.more {width:98px;height:28px;line-height:28px;font-size:14px;}
}
@media (min-width: 501px) and (max-width: 600px) {
  #index .anli .cont {width:92%;}
  #index .anli .cont .al_class {width:100%;height:auto;padding-bottom:20px;}
  #index .anli .cont .al_class ul li {padding-left:10px;padding-right:10px;}
  #index .anli .cont .al_class ul li:hover {font-size:20px;line-height:30px;}
  #index .anli .cont .al_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .anli .cont .al_class ul .show_on {font-size:20px;line-height:30px;}
  #index .anli .cont .al_bx ul li {width:50%;}
  #index .anli .cont .al_bx ul li .img {width:100%;height:310px;}
  #index .anli .cont .al_bx ul li .img img {width:100%;height:310px;}
  #index .anli .cont .al_bx ul li .txt {padding:16px 24px 20px 24px;}
  #index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;}
  #index .anli .cont .al_bx ul li .txt h2 a {font-size:18px;}
  #index .anli .cont .al_bx ul li .txt a.more {width:98px;height:28px;line-height:28px;font-size:14px;}
}
@media (min-width: 401px) and (max-width: 500px) {
  #index .anli .cont {width:92%;}
  #index .anli .cont .al_class {width:100%;height:auto;padding-bottom:20px;}
  #index .anli .cont .al_class ul li {padding-left:10px;padding-right:10px;}
  #index .anli .cont .al_class ul li:hover {font-size:20px;line-height:30px;}
  #index .anli .cont .al_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .anli .cont .al_class ul .show_on {font-size:20px;line-height:30px;}
  #index .anli .cont .al_bx ul li {width:50%;}
  #index .anli .cont .al_bx ul li .img {width:100%;height:270px;}
  #index .anli .cont .al_bx ul li .img img {width:100%;height:270px;}
  #index .anli .cont .al_bx ul li .txt {padding:14px 20px 16px 20px;}
  #index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;}
  #index .anli .cont .al_bx ul li .txt h2 a {font-size:17px;}
  #index .anli .cont .al_bx ul li .txt a.more {width:98px;height:28px;line-height:28px;font-size:14px;}
}
@media (max-width: 400px) {
  #index .anli .cont {width:92%;}
  #index .anli .cont .al_class {width:100%;height:auto;padding-bottom:20px;}
  #index .anli .cont .al_class ul li {padding-left:10px;padding-right:10px;}
  #index .anli .cont .al_class ul li:hover {font-size:20px;line-height:30px;}
  #index .anli .cont .al_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .anli .cont .al_class ul .show_on {font-size:20px;line-height:30px;}
  #index .anli .cont .al_bx ul li {width:50%;}
  #index .anli .cont .al_bx ul li .img {width:100%;height:230px;}
  #index .anli .cont .al_bx ul li .img img {width:100%;height:230px;}
  #index .anli .cont .al_bx ul li .txt {padding:14px 16px 16px 16px;}
  #index .anli .cont .al_bx ul li .txt h2 {line-height:30px;height:60px;}
  #index .anli .cont .al_bx ul li .txt h2 a {font-size:16px;}
  #index .anli .cont .al_bx ul li .txt a.more {width:98px;height:28px;line-height:28px;font-size:14px;}
}




#index .tiyan {padding:40px 0;width:100%;}
#index .tiyan .cont {width:1300px;margin:0 auto;}
#index .tiyan .cont .ty_class {width:100%;height:30px;padding-bottom:30px;text-align:center;}
#index .tiyan .cont .ty_class ul li {display:inline-block;padding-left:15px;padding-right:15px;cursor:pointer}
#index .tiyan .cont .ty_class ul .show_off {font-size:14px;color:#676767;line-height:20px;padding-top:10px;}
#index .tiyan .cont .ty_class ul .show_on {font-size:24px;color:#d40800;line-height:30px;}
#index .tiyan .cont .ty_bx {width:100%;}
#index .tiyan .cont .ty_bx .b_bx {width:960px;height:722px;float:left;margin-right:16px;position:relative;overflow:hidden;}
#index .tiyan .cont .ty_bx .b_bx img {width:100%;height:722px;}
#index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);background-color:rgba(0,0,0,0.6);padding:18px 24px;position:absolute;z-index:100;left:0;bottom:0;}
#index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:28px;font-size:20px;color:#fff;font-weight:normal;overflow:hidden;}
#index .tiyan .cont .ty_bx .b_bx .txt p {font-size:15px;color:#d0cfcf;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;overflow:hidden;}
#index .tiyan .cont .ty_bx .b_bx:hover .txt {background-color:rgba(212,8,0,0.6);}
#index .tiyan .cont .ty_bx .b_bx:hover .txt p {color:#fed9d7;}
#index .tiyan .cont .ty_bx .b_bx:hover .txt a.more {background-color:#FFF;color:#d40800;}
#index .tiyan .cont .ty_bx .b_bx:hover img {transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06);-o-transform: scale(1.06);}
#index .tiyan .cont .ty_bx .b_bx .txt a.more {display:block;width:100px;height:30px;line-height:30px;background-color:#d40800;font-size:14px;color:#fff;text-align:center;}

#index .tiyan .cont .ty_bx .s_bx {width:324px;height:722px;float:left;}
#index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:230px;position:relative;cursor:pointer;overflow:hidden;}
#index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:230px;}
#index .tiyan .cont .ty_bx .s_bx ul li h2 {display:block;width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;font-weight:normal;padding:0 24px;position:absolute;z-index:100;left:0;bottom:0;font-size:16px;color:#fff;}
#index .tiyan .cont .ty_bx .s_bx ul li:hover img {filter:none;-webkit-filter:none;filter:none;filter:none;}
#index .tiyan .cont .ty_bx .s_bx ul li:hover h2 {background-color:rgba(212,8,0,0.6);}
#index .tiyan .cont .ty_bx .s_bx ul .show_off img {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;}
#index .tiyan .cont .ty_bx .s_bx ul .show_off h2 {background-color:rgba(0,0,0,0.5);}
#index .tiyan .cont .ty_bx .s_bx ul .show_on h2 {background-color:rgba(212,8,0,0.6);}
#index .tiyan .cont .ty_bx .s_bx ul .show_on img {filter:none;-webkit-filter:none;filter:none;filter:none;}
#index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:16px;}
@media (min-width: 1201px) and (max-width: 1300px) {
  #index .tiyan .cont {width:92%;}
  #index .tiyan .cont .ty_bx .b_bx {width:70.4%;height:722px;margin-right:1.6%;}
  #index .tiyan .cont .ty_bx .b_bx img {width:100%;height:722px;}
  #index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);padding:18px 24px;}
  #index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:28px;font-size:20px;}
  #index .tiyan .cont .ty_bx .b_bx .txt p {font-size:15px;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  
  #index .tiyan .cont .ty_bx .s_bx {width:28%;height:722px;}
  #index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:230px;}
  #index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:230px;}
  #index .tiyan .cont .ty_bx .s_bx ul li h2 {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;font-weight:normal;padding:0 24px;font-size:16px;}
  #index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:16px;}
}
@media (min-width: 1101px) and (max-width: 1200px) {
  #index .tiyan .cont {width:92%;}
  #index .tiyan .cont .ty_bx .b_bx {width:70.4%;height:662px;margin-right:1.6%;}
  #index .tiyan .cont .ty_bx .b_bx img {width:100%;height:662px;}
  #index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);padding:18px 24px;}
  #index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:28px;font-size:20px;}
  #index .tiyan .cont .ty_bx .b_bx .txt p {font-size:15px;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  
  #index .tiyan .cont .ty_bx .s_bx {width:28%;height:662px;}
  #index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:210px;}
  #index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:210px;}
  #index .tiyan .cont .ty_bx .s_bx ul li h2 {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;font-weight:normal;padding:0 24px;font-size:16px;}
  #index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:16px;}
}
@media (min-width: 1001px) and (max-width: 1100px) {
  #index .tiyan .cont {width:92%;}
  #index .tiyan .cont .ty_bx .b_bx {width:70.4%;height:632px;margin-right:1.6%;}
  #index .tiyan .cont .ty_bx .b_bx img {width:100%;height:632px;}
  #index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);padding:18px 24px;}
  #index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:28px;font-size:20px;}
  #index .tiyan .cont .ty_bx .b_bx .txt p {font-size:15px;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  
  #index .tiyan .cont .ty_bx .s_bx {width:28%;height:632px;}
  #index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:200px;}
  #index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:200px;}
  #index .tiyan .cont .ty_bx .s_bx ul li h2 {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;font-weight:normal;padding:0 24px;font-size:16px;}
  #index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:16px;}
}
@media (min-width: 901px) and (max-width: 1000px) {
  #index .tiyan .cont {width:92%;}
  #index .tiyan .cont .ty_bx .b_bx {width:70.4%;height:564px;margin-right:1.6%;}
  #index .tiyan .cont .ty_bx .b_bx img {width:100%;height:564px;}
  #index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);padding:18px 24px;}
  #index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:28px;font-size:20px;}
  #index .tiyan .cont .ty_bx .b_bx .txt p {font-size:15px;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  
  #index .tiyan .cont .ty_bx .s_bx {width:28%;height:564px;}
  #index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:180px;}
  #index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:180px;}
  #index .tiyan .cont .ty_bx .s_bx ul li h2 {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);height:44px;line-height:44px;font-weight:normal;padding:0 24px;font-size:16px;}
  #index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:12px;}
}
@media (min-width: 801px) and (max-width: 900px) {
  #index .tiyan .cont {width:92%;}
  #index .tiyan .cont .ty_class {width:100%;height:30px;padding-bottom:30px;}
  #index .tiyan .cont .ty_class ul li {padding-left:10px;padding-right:10px;}
  #index .tiyan .cont .ty_class ul li:hover {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .tiyan .cont .ty_class ul .show_on {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_bx .b_bx {width:70.4%;height:474px;margin-right:1.6%;}
  #index .tiyan .cont .ty_bx .b_bx img {width:100%;height:474px;}
  #index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 48px);width:-moz-calc(100% - 48px);width:-webkit-calc(100% - 48px);padding:18px 24px;}
  #index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:28px;font-size:20px;}
  #index .tiyan .cont .ty_bx .b_bx .txt p {font-size:15px;line-height:24px;height:48px;margin-top:6px;margin-bottom:16px;}
  
  #index .tiyan .cont .ty_bx .s_bx {width:28%;height:474px;}
  #index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:150px;}
  #index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:150px;}
  #index .tiyan .cont .ty_bx .s_bx ul li h2 {width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);height:40px;line-height:40px;font-weight:normal;padding:0 20px;font-size:16px;}
  #index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:12px;}
}
@media (min-width: 701px) and (max-width: 800px) {
  #index .tiyan .cont {width:92%;}
  #index .tiyan .cont .ty_class {width:100%;height:30px;padding-bottom:30px;}
  #index .tiyan .cont .ty_class ul li {padding-left:10px;padding-right:10px;}
  #index .tiyan .cont .ty_class ul li:hover {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .tiyan .cont .ty_class ul .show_on {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_bx .b_bx {width:70.4%;height:380px;margin-right:1.6%;}
  #index .tiyan .cont .ty_bx .b_bx img {width:100%;height:380px;}
  #index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);padding:16px 20px;}
  #index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:28px;font-size:20px;}
  #index .tiyan .cont .ty_bx .b_bx .txt p {font-size:14px;line-height:22px;height:44px;margin-top:6px;margin-bottom:14px;}
  
  #index .tiyan .cont .ty_bx .s_bx {width:28%;height:380px;}
  #index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:120px;}
  #index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:120px;}
  #index .tiyan .cont .ty_bx .s_bx ul li h2 {width:calc(100% - 36px);width:-moz-calc(100% - 36px);width:-webkit-calc(100% - 36px);height:36px;line-height:36px;font-weight:normal;padding:0 18px;font-size:16px;}
  #index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:10px;}
}
@media (min-width: 601px) and (max-width: 700px) {
  #index .tiyan .cont {width:92%;}
  #index .tiyan .cont .ty_class {width:100%;height:30px;padding-bottom:30px;}
  #index .tiyan .cont .ty_class ul li {padding-left:10px;padding-right:10px;}
  #index .tiyan .cont .ty_class ul li:hover {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .tiyan .cont .ty_class ul .show_on {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_bx .b_bx {width:70.4%;height:320px;margin-right:1.6%;}
  #index .tiyan .cont .ty_bx .b_bx img {width:100%;height:320px;}
  #index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 36px);width:-moz-calc(100% - 36px);width:-webkit-calc(100% - 36px);padding:14px 18px;}
  #index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:26px;font-size:18px;}
  #index .tiyan .cont .ty_bx .b_bx .txt p {font-size:14px;line-height:20px;height:40px;margin-top:6px;margin-bottom:12px;}
  
  #index .tiyan .cont .ty_bx .s_bx {width:28%;height:320px;}
  #index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:100px;}
  #index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:100px;}
  #index .tiyan .cont .ty_bx .s_bx ul li h2 {width:calc(100% - 32px);width:-moz-calc(100% - 32px);width:-webkit-calc(100% - 32px);height:32px;line-height:32px;font-weight:normal;padding:0 16px;font-size:16px;}
  #index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:10px;}
}
@media (min-width: 501px) and (max-width: 600px) {
  #index .tiyan .cont {width:92%;}
  #index .tiyan .cont .ty_class {width:100%;height:30px;padding-bottom:30px;}
  #index .tiyan .cont .ty_class ul li {padding-left:10px;padding-right:10px;}
  #index .tiyan .cont .ty_class ul li:hover {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .tiyan .cont .ty_class ul .show_on {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_bx .b_bx {width:70.4%;height:304px;margin-right:1.6%;}
  #index .tiyan .cont .ty_bx .b_bx img {width:100%;height:304px;}
  #index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);padding:10px 15px;}
  #index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:24px;font-size:16px;}
  #index .tiyan .cont .ty_bx .b_bx .txt p {font-size:14px;line-height:20px;height:40px;margin-top:6px;margin-bottom:12px;}
  
  #index .tiyan .cont .ty_bx .s_bx {width:28%;height:304px;}
  #index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:96px;}
  #index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:96px;}
  #index .tiyan .cont .ty_bx .s_bx ul li h2 {width:calc(100% - 32px);width:-moz-calc(100% - 32px);width:-webkit-calc(100% - 32px);height:32px;line-height:32px;font-weight:normal;padding:0 16px;font-size:16px;}
  #index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:8px;}
}
@media (min-width: 401px) and (max-width: 500px) {
  #index .tiyan .cont {width:92%;}
  #index .tiyan .cont .ty_class {width:100%;height:30px;padding-bottom:30px;}
  #index .tiyan .cont .ty_class ul li {padding-left:10px;padding-right:10px;}
  #index .tiyan .cont .ty_class ul li:hover {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .tiyan .cont .ty_class ul .show_on {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_bx .b_bx {width:70.4%;height:252px;margin-right:1.6%;}
  #index .tiyan .cont .ty_bx .b_bx img {width:100%;height:252px;}
  #index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);padding:10px 15px;}
  #index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:24px;font-size:16px;}
  #index .tiyan .cont .ty_bx .b_bx .txt p {font-size:14px;line-height:20px;height:40px;margin-top:4px;margin-bottom:8px;}
  
  #index .tiyan .cont .ty_bx .s_bx {width:28%;height:252px;}
  #index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:80px;}
  #index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:80px;}
  #index .tiyan .cont .ty_bx .s_bx ul li h2 {width:calc(100% - 32px);width:-moz-calc(100% - 32px);width:-webkit-calc(100% - 32px);height:32px;line-height:32px;font-weight:normal;padding:0 16px;font-size:16px;}
  #index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:6px;}
}
@media (max-width: 400px) {
  #index .tiyan .cont {width:92%;}
  #index .tiyan .cont .ty_class {width:100%;height:30px;padding-bottom:30px;}
  #index .tiyan .cont .ty_class ul li {padding-left:10px;padding-right:10px;}
  #index .tiyan .cont .ty_class ul li:hover {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .tiyan .cont .ty_class ul .show_on {font-size:20px;line-height:30px;}
  #index .tiyan .cont .ty_bx .b_bx {width:70.4%;height:252px;margin-right:1.6%;}
  #index .tiyan .cont .ty_bx .b_bx img {width:100%;height:252px;}
  #index .tiyan .cont .ty_bx .b_bx .txt {width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);padding:10px 15px;}
  #index .tiyan .cont .ty_bx .b_bx .txt h2 {line-height:24px;font-size:16px;}
  #index .tiyan .cont .ty_bx .b_bx .txt p {font-size:14px;line-height:20px;height:40px;margin-top:4px;margin-bottom:8px;}
  
  #index .tiyan .cont .ty_bx .s_bx {width:28%;height:252px;}
  #index .tiyan .cont .ty_bx .s_bx ul li {width:100%;height:80px;}
  #index .tiyan .cont .ty_bx .s_bx ul li img {width:100%;height:80px;}
  #index .tiyan .cont .ty_bx .s_bx ul li h2 {width:calc(100% - 32px);width:-moz-calc(100% - 32px);width:-webkit-calc(100% - 32px);height:32px;line-height:32px;font-weight:normal;padding:0 16px;font-size:16px;}
  #index .tiyan .cont .ty_bx .s_bx ul #mb {margin-bottom:6px;}
}




#index .news {padding:40px 0;width:100%;background-image:url(../images/bg_1.jpg);}
#index .news .cont {width:1300px;margin:0 auto;}
#index .news .cont .xw_class {width:100%;height:30px;padding-bottom:30px;text-align:center;}
#index .news .cont .xw_class ul li {display:inline-block;padding-left:15px;padding-right:15px;cursor:pointer}
#index .news .cont .xw_class ul .show_off {font-size:14px;color:#676767;line-height:20px;padding-top:10px;}
#index .news .cont .xw_class ul .show_on {font-size:24px;color:#d40800;line-height:30px;}
#index .news .cont .xw_bx { width:100%;}
#index .news .cont .xw_bx ul li {width:304px;float:left;}
#index .news .cont .xw_bx ul li .img {width:100%;height:200px;overflow:hidden;}
#index .news .cont .xw_bx ul li .img img {width:100%;height:200px;}
#index .news .cont .xw_bx ul li h2 {height:30px;line-height:30px;padding-top:10px;font-weight:normal;overflow:hidden;}
#index .news .cont .xw_bx ul li h2 a {font-size:18px;color:#333;}
#index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:22px;font-style:normal;}
#index .news .cont .xw_bx ul li p {font-size:15px;color:#6c6c6c;line-height:24px;height:72px;margin-bottom:15px;overflow:hidden;}
#index .news .cont .xw_bx ul li a.more {display:block;width:40px;height:40px;border:2px solid #666;border-radius:21px;background:url(../images/t_bg_1.png) no-repeat center center;}
#index .news .cont .xw_bx ul li:hover h2 a {color:#d40800;}
#index .news .cont .xw_bx ul li:hover a.more {border:2px solid #d40800;background:url(../images/t_bg_1a.png) no-repeat center center;}
#index .news .cont .xw_bx ul .mr {margin-right:28px;}
@media (min-width: 1201px) and (max-width: 1300px) {
  #index .news .cont {width:92%;margin:0 auto;}
  #index .news .cont .xw_bx { width:100%;}
  #index .news .cont .xw_bx ul li {width:23.05%;float:left;}
  #index .news .cont .xw_bx ul li .img {width:100%;height:180px;overflow:hidden;}
  #index .news .cont .xw_bx ul li .img img {width:100%;height:180px;}
  #index .news .cont .xw_bx ul li h2 {height:30px;line-height:30px;padding-top:10px;font-weight:normal;}
  #index .news .cont .xw_bx ul li h2 a {font-size:18px;color:#333;}
  #index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:22px;font-style:normal;}
  #index .news .cont .xw_bx ul li p {font-size:15px;color:#6c6c6c;line-height:24px;height:72px;margin-bottom:15px;}
  #index .news .cont .xw_bx ul .mr {margin-right:2.6%;}
}
@media (min-width: 1101px) and (max-width: 1200px) {
  #index .news .cont {width:92%;margin:0 auto;}
  #index .news .cont .xw_bx { width:100%;}
  #index .news .cont .xw_bx ul li {width:23.05%;float:left;}
  #index .news .cont .xw_bx ul li .img {width:100%;height:160px;overflow:hidden;}
  #index .news .cont .xw_bx ul li .img img {width:100%;height:160px;}
  #index .news .cont .xw_bx ul li h2 {height:30px;line-height:30px;padding-top:10px;font-weight:normal;}
  #index .news .cont .xw_bx ul li h2 a {font-size:18px;color:#333;}
  #index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:22px;font-style:normal;}
  #index .news .cont .xw_bx ul li p {font-size:15px;color:#6c6c6c;line-height:24px;height:72px;margin-bottom:15px;}
  #index .news .cont .xw_bx ul .mr {margin-right:2.6%;}
}
@media (min-width: 1001px) and (max-width: 1100px) {
  #index .news .cont {width:92%;margin:0 auto;}
  #index .news .cont .xw_bx { width:100%;}
  #index .news .cont .xw_bx ul li {width:23.05%;float:left;}
  #index .news .cont .xw_bx ul li .img {width:100%;height:140px;overflow:hidden;}
  #index .news .cont .xw_bx ul li .img img {width:100%;height:140px;}
  #index .news .cont .xw_bx ul li h2 {height:30px;line-height:30px;padding-top:10px;font-weight:normal;}
  #index .news .cont .xw_bx ul li h2 a {font-size:16px;color:#333;}
  #index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:22px;font-style:normal;}
  #index .news .cont .xw_bx ul li p {font-size:14px;color:#6c6c6c;line-height:22px;height:66px;margin-bottom:15px;}
  #index .news .cont .xw_bx ul li a.more {width:36px;height:36px;border:2px solid #666;border-radius:19px;}
  #index .news .cont .xw_bx ul .mr {margin-right:2.6%;}
}
@media (min-width: 901px) and (max-width: 1000px) {
  #index .news .cont {width:92%;margin:0 auto;}
  #index .news .cont .xw_bx { width:100%;}
  #index .news .cont .xw_bx ul li {width:23.05%;float:left;}
  #index .news .cont .xw_bx ul li .img {width:100%;height:120px;overflow:hidden;}
  #index .news .cont .xw_bx ul li .img img {width:100%;height:120px;}
  #index .news .cont .xw_bx ul li h2 {height:30px;line-height:30px;padding-top:8px;font-weight:normal;}
  #index .news .cont .xw_bx ul li h2 a {font-size:16px;color:#333;}
  #index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:22px;font-style:normal;}
  #index .news .cont .xw_bx ul li p {font-size:14px;color:#6c6c6c;line-height:22px;height:66px;margin-bottom:10px;}
  #index .news .cont .xw_bx ul li a.more {width:36px;height:36px;border:2px solid #666;border-radius:19px;}
  #index .news .cont .xw_bx ul .mr {margin-right:2.6%;}
}
@media (min-width: 801px) and (max-width: 900px) {
  #index .news .cont {width:92%;margin:0 auto;}
  #index .news .cont .xw_class {width:100%;height:30px;padding-bottom:30px;}
  #index .news .cont .xw_class ul li {padding-left:10px;padding-right:10px;}
  #index .news .cont .xw_class ul li:hover {font-size:20px;line-height:30px;}
  #index .news .cont .xw_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .news .cont .xw_class ul .show_on {font-size:20px;line-height:30px;}
  #index .news .cont .xw_bx { width:100%;}
  #index .news .cont .xw_bx ul li {width:23.05%;float:left;}
  #index .news .cont .xw_bx ul li .img {width:100%;height:100px;overflow:hidden;}
  #index .news .cont .xw_bx ul li .img img {width:100%;height:100px;}
  #index .news .cont .xw_bx ul li h2 {height:28px;line-height:28px;padding-top:6px;font-weight:normal;}
  #index .news .cont .xw_bx ul li h2 a {font-size:15px;color:#333;}
  #index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:22px;font-style:normal;}
  #index .news .cont .xw_bx ul li p {font-size:14px;color:#6c6c6c;line-height:22px;height:66px;margin-bottom:10px;}
  #index .news .cont .xw_bx ul li a.more {width:32px;height:32px;border:2px solid #666;border-radius:17px;}
  #index .news .cont .xw_bx ul .mr {margin-right:2.6%;}
}
@media (min-width: 701px) and (max-width: 800px) {
  #index .news .cont {width:92%;margin:0 auto;}
  #index .news .cont .xw_class {width:100%;height:30px;padding-bottom:30px;}
  #index .news .cont .xw_class ul li {padding-left:10px;padding-right:10px;}
  #index .news .cont .xw_class ul li:hover {font-size:20px;line-height:30px;}
  #index .news .cont .xw_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .news .cont .xw_class ul .show_on {font-size:20px;line-height:30px;}
  #index .news .cont .xw_bx { width:100%;}
  #index .news .cont .xw_bx ul li {width:48%;float:left; margin-bottom:15px;}
  #index .news .cont .xw_bx ul li .img {width:100%;height:200px;overflow:hidden;}
  #index .news .cont .xw_bx ul li .img img {width:100%;height:200px;}
  #index .news .cont .xw_bx ul li h2 {height:30px;line-height:30px;padding-top:10px;font-weight:normal;}
  #index .news .cont .xw_bx ul li h2 a {font-size:18px;color:#333;}
  #index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:22px;font-style:normal;}
  #index .news .cont .xw_bx ul li p {font-size:15px;color:#6c6c6c;line-height:24px;height:72px;margin-bottom:10px;}
  #index .news .cont .xw_bx ul .mr {margin-right:4%;}
  #index .news .cont .xw_bx ul .mr_2 {margin-right:0;} 
}
@media (min-width: 601px) and (max-width: 700px) {
  #index .news .cont {width:92%;margin:0 auto;}
  #index .news .cont .xw_class {width:100%;height:30px;padding-bottom:30px;}
  #index .news .cont .xw_class ul li {padding-left:10px;padding-right:10px;}
  #index .news .cont .xw_class ul li:hover {font-size:20px;line-height:30px;}
  #index .news .cont .xw_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .news .cont .xw_class ul .show_on {font-size:20px;line-height:30px;}
  #index .news .cont .xw_bx { width:100%;}
  #index .news .cont .xw_bx ul li {width:48%;float:left; margin-bottom:15px;}
  #index .news .cont .xw_bx ul li .img {width:100%;height:190px;overflow:hidden;}
  #index .news .cont .xw_bx ul li .img img {width:100%;height:190px;}
  #index .news .cont .xw_bx ul li h2 {height:30px;line-height:30px;padding-top:10px;font-weight:normal;}
  #index .news .cont .xw_bx ul li h2 a {font-size:18px;color:#333;}
  #index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:22px;font-style:normal;}
  #index .news .cont .xw_bx ul li p {font-size:15px;color:#6c6c6c;line-height:24px;height:72px;margin-bottom:10px;}
  #index .news .cont .xw_bx ul li a.more {width:36px;height:36px;border:2px solid #666;border-radius:19px;}
  #index .news .cont .xw_bx ul .mr {margin-right:4%;}
  #index .news .cont .xw_bx ul .mr_2 {margin-right:0;} 
}
@media (min-width: 501px) and (max-width: 600px) {
  #index .news .cont {width:92%;margin:0 auto;}
  #index .news .cont .xw_class {width:100%;height:30px;padding-bottom:30px;}
  #index .news .cont .xw_class ul li {padding-left:10px;padding-right:10px;}
  #index .news .cont .xw_class ul li:hover {font-size:20px;line-height:30px;}
  #index .news .cont .xw_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .news .cont .xw_class ul .show_on {font-size:20px;line-height:30px;}
  #index .news .cont .xw_bx { width:100%;}
  #index .news .cont .xw_bx ul li {width:48%;float:left; margin-bottom:15px;}
  #index .news .cont .xw_bx ul li .img {width:100%;height:160px;overflow:hidden;}
  #index .news .cont .xw_bx ul li .img img {width:100%;height:160px;}
  #index .news .cont .xw_bx ul li h2 {height:30px;line-height:30px;padding-top:8px;font-weight:normal;}
  #index .news .cont .xw_bx ul li h2 a {font-size:17px;color:#333;}
  #index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:22px;font-style:normal;}
  #index .news .cont .xw_bx ul li p {font-size:14px;color:#6c6c6c;line-height:22px;height:66px;margin-bottom:10px;}
  #index .news .cont .xw_bx ul li a.more {width:32px;height:32px;border:2px solid #666;border-radius:17px;}
  #index .news .cont .xw_bx ul .mr {margin-right:4%;}
  #index .news .cont .xw_bx ul .mr_2 {margin-right:0;} 
}
@media (min-width: 401px) and (max-width: 500px) {
  #index .news .cont {width:92%;margin:0 auto;}
  #index .news .cont .xw_class {width:100%;height:30px;padding-bottom:30px;}
  #index .news .cont .xw_class ul li {padding-left:10px;padding-right:10px;}
  #index .news .cont .xw_class ul li:hover {font-size:20px;line-height:30px;}
  #index .news .cont .xw_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .news .cont .xw_class ul .show_on {font-size:20px;line-height:30px;}
  #index .news .cont .xw_bx { width:100%;}
  #index .news .cont .xw_bx ul li {width:48%;float:left; margin-bottom:15px;}
  #index .news .cont .xw_bx ul li .img {width:100%;height:140px;overflow:hidden;}
  #index .news .cont .xw_bx ul li .img img {width:100%;height:140px;}
  #index .news .cont .xw_bx ul li h2 {height:28px;line-height:28px;padding-top:6px;font-weight:normal;}
  #index .news .cont .xw_bx ul li h2 a {font-size:16px;color:#333;}
  #index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:22px;font-style:normal;}
  #index .news .cont .xw_bx ul li p {font-size:13px;color:#6c6c6c;line-height:20px;height:60px;margin-bottom:8px;}
  #index .news .cont .xw_bx ul li a.more {width:30px;height:30px;border:2px solid #666;border-radius:16px;}
  #index .news .cont .xw_bx ul .mr {margin-right:4%;}
  #index .news .cont .xw_bx ul .mr_2 {margin-right:0;} 
}
@media (max-width: 400px) {
  #index .news .cont {width:92%;margin:0 auto;}
  #index .news .cont .xw_class {width:100%;height:30px;padding-bottom:30px;}
  #index .news .cont .xw_class ul li {padding-left:10px;padding-right:10px;}
  #index .news .cont .xw_class ul li:hover {font-size:20px;line-height:30px;}
  #index .news .cont .xw_class ul .show_off {font-size:14px;line-height:20px;padding-top:10px;}
  #index .news .cont .xw_class ul .show_on {font-size:20px;line-height:30px;}
  #index .news .cont .xw_bx { width:100%;}
  #index .news .cont .xw_bx ul li {width:48%;float:left; margin-bottom:15px;}
  #index .news .cont .xw_bx ul li .img {width:100%;height:120px;overflow:hidden;}
  #index .news .cont .xw_bx ul li .img img {width:100%;height:120px;}
  #index .news .cont .xw_bx ul li h2 {height:26px;line-height:26px;padding-top:6px;font-weight:normal;}
  #index .news .cont .xw_bx ul li h2 a {font-size:15px;color:#333;}
  #index .news .cont .xw_bx ul li em {font-size:12px;color:#999;line-height:20px;font-style:normal;}
  #index .news .cont .xw_bx ul li p {font-size:12px;color:#6c6c6c;line-height:20px;height:60px;margin-bottom:8px;}
  #index .news .cont .xw_bx ul li a.more {width:28px;height:28px;border:2px solid #666;border-radius:15px;}
  #index .news .cont .xw_bx ul .mr {margin-right:4%;}
  #index .news .cont .xw_bx ul .mr_2 {margin-right:0;} 
}




#index .ft_zsjm {width:100%;height:auto;}
#index .ft_zsjm .left_bx {width:50%;height:auto;float:left;}
#index .ft_zsjm .right_bx {width:50%;height:auto;float:left;}


/*----------*/

.kstd_bx { background-color:#f2f3f7; width:100%; padding:30px 0;}
.kstd_bx .cont { width:1100px; margin:0 auto;}
.kstd_bx .cont .tit_bt {height:30px;width:100%;background: url(../images/kstd_bg_02.jpg) repeat-x center center; margin-bottom:30px;}
.kstd_bx .cont .tit_bt h3 {width:195px; height:30px; margin:0 auto; background-color:#f2f3f7;}
.kstd_bx .cont .text { border:1px #bcbebd solid;}
.kstd_bx .cont .text .class_list_1 { height:60px; width:100%;}
.kstd_bx .cont .text .class_list_1 h2 { padding-top:20px; height:40px; line-height:40px; width:119px;border-right:1px #bcbebd solid; text-align:center; font-size:16px; color:#666; float:left;display: block;}
.kstd_bx .cont .text .class_list_1 ul {padding:20px 20px 0 20px; height:40px; width:938px; float:left;}
.kstd_bx .cont .text .class_list_1 ul li { font-size:14px; line-height:40px; float:left; padding-left:30px; color:#666;}
.kstd_bx .cont .text .class_list_1 ul li a {font-size:14px; line-height:40px;color:#666;}
.kstd_bx .cont .text .class_list_2 { height:40px; width:100%;}
.kstd_bx .cont .text .class_list_2 h2 {height:40px; line-height:40px; width:119px;border-right:1px #bcbebd solid; text-align:center; font-size:16px; color:#666;display: block;}
.kstd_bx .cont .text .class_list_2 ul {padding:0 20px; height:40px; width:938px; float:left;}
.kstd_bx .cont .text .class_list_2 ul li { font-size:14px; line-height:40px; float:left; padding-left:30px; color:#666;}
.kstd_bx .cont .text .class_list_2 ul li a {font-size:14px; line-height:40px;color:#666;}
.kstd_bx .cont .text .class_list_3 { height:60px; width:100%;}
.kstd_bx .cont .text .class_list_3 h2 { padding-bottom:20px; height:40px; line-height:40px; width:119px;border-right:1px #bcbebd solid; text-align:center; font-size:16px; color:#666;display: block;}
.kstd_bx .cont .text .class_list_3 ul {padding:0 20px 20px 20px; height:40px; width:938px; float:left;}
.kstd_bx .cont .text .class_list_3 ul li { font-size:14px; line-height:40px; float:left; padding-left:30px; color:#666;}
.kstd_bx .cont .text .class_list_3 ul li a {font-size:14px; line-height:40px;color:#666;}



#index a.more1 {
	font-size:14px;
	color:#666666;
	line-height:26px;
	margin-top:9px;
	margin-right:10px;
	padding-right:31px;
	float:right;
	background-image: url(../images/ico_indx.png);
	background-repeat: no-repeat;
	background-position: 65px -440px;
	display: block;
}
#index a.more1:hover {color: #0063a7;text-decoration: none;}
#index a.more2 {
	font-size:14px;
	color:#666666;
	line-height:26px;
	margin-top:9px;
	margin-right:10px;
	padding-right:31px;
	float:right;
	background-image: url(../images/ico_indx.png);
	background-repeat: no-repeat;
	background-position: 65px -478px;
	display: block;
}
#index a.more2:hover {color: #0063a7;text-decoration: none;}

#index a.more3 {
	font-size:14px;
	color:#323232;
	line-height:26px;
	margin-top:9px;
	margin-right:10px;
	padding-right:20px;
	float:right;
	background-image: url(../images/more_ic.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
}
#index a.more3:hover {color: #FF3300;text-decoration: none;}





/*footer*/
#footer {background-color:#fff;padding:30px 0 45px 0;border-top:2px #ccc solid;margin:40px 4% 0 4%;}
#footer .copy_bx {width:calc(45% - 36px);width:-webkit-calc(45% - 36px);width:-moz-calc(45% - 36px);width:-webkit-calc(45% - 36px);float:left;padding-right:36px;}
#footer .gz_bx {width:calc(28% - 36px);width:-webkit-calc(28% - 36px);width:-moz-calc(28% - 36px);width:-webkit-calc(28% - 36px);float:left;padding-right:36px;}
#footer .link {width:27%;float:left;}
#footer .p1 {font-size:18px;color:#4e4e4e;line-height:34px;}
#footer .p1 a {font-size:18px;color:#4e4e4e;}
#footer .p2 {font-size:18px;color:#838383;line-height:34px;}
#footer .p2 a {font-size:18px;color:#838383;}
@media (min-width: 1101px) and (max-width: 1300px) {
  #footer {padding:30px 0 45px 0;margin:40px 4% 0 4%;}
  #footer .copy_bx {width:calc(45% - 36px);width:-webkit-calc(45% - 36px);width:-moz-calc(45% - 36px);width:-webkit-calc(45% - 36px);float:left;padding-right:36px;}
  #footer .gz_bx {width:calc(28% - 36px);width:-webkit-calc(28% - 36px);width:-moz-calc(28% - 36px);width:-webkit-calc(28% - 36px);float:left;padding-right:36px;}
  #footer .gz_bx #wx { width:100%;}
  #footer .link {width:27%;float:left;}
  #footer .p1 {font-size:16px;line-height:32px;}
  #footer .p1 a {font-size:16px;}
  #footer .p2 {font-size:16px;line-height:32px;}
  #footer .p2 a {font-size:16px;}
}
@media (min-width: 901px) and (max-width: 1100px) {
  #footer {padding:30px 0 45px 0;margin:40px 4% 0 4%;}
  #footer .copy_bx {width:calc(47% - 36px);width:-webkit-calc(47% - 36px);width:-moz-calc(47% - 36px);width:-webkit-calc(47% - 36px);float:left;padding-right:30px;}
  #footer .gz_bx {width:calc(28% - 36px);width:-webkit-calc(28% - 36px);width:-moz-calc(28% - 36px);width:-webkit-calc(28% - 36px);float:left;padding-right:30px;}
  #footer .gz_bx #wx { width:100%;}
  #footer .link {width:25%;float:left;}
  #footer .p1 {font-size:14px;line-height:32px;}
  #footer .p1 a {font-size:14px;}
  #footer .p2 {font-size:14px;line-height:32px;}
  #footer .p2 a {font-size:14px;}
}
@media (min-width: 701px) and (max-width: 900px) {
  #footer {padding:30px 0 45px 0;margin:40px 4% 0 4%;}
  #footer .copy_bx {width:calc(47% - 36px);width:-webkit-calc(47% - 36px);width:-moz-calc(47% - 36px);width:-webkit-calc(47% - 36px);float:left;padding-right:30px;}
  #footer .gz_bx {width:calc(28% - 36px);width:-webkit-calc(28% - 36px);width:-moz-calc(28% - 36px);width:-webkit-calc(28% - 36px);float:left;padding-right:30px;}
  #footer .gz_bx #wx { width:100%;}
  #footer .link {width:25%;float:left;}
  #footer .p1 {font-size:14px;line-height:28px;}
  #footer .p1 a {font-size:14px;}
  #footer .p2 {font-size:14px;line-height:28px;}
  #footer .p2 a {font-size:14px;}
}
@media (min-width: 501px) and (max-width: 700px) {
  #footer {padding:30px 0 45px 0;margin:40px 4% 0 4%;}
  #footer .copy_bx {width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);float:left;padding-right:30px;}
  #footer .gz_bx {width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);float:left;padding-right:30px; padding-top:20px;}
  /*#footer .gz_bx #wx { width:100%;}*/
  #footer .link {width:100%;float:left;}
  #footer .p1 {font-size:16px;line-height:32px;}
  #footer .p1 a {font-size:16px;}
  #footer .p2 {font-size:16px;line-height:32px;}
  #footer .p2 a {font-size:16px;}
}
@media (max-width: 500px) {
  #footer {padding:30px 0 45px 0;margin:40px 4% 0 4%;}
  #footer .copy_bx {width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);float:left;padding-right:30px;}
  #footer .gz_bx {width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);float:left;padding-right:30px; padding-top:20px;}
  /*#footer .gz_bx #wx { width:100%;}*/
  #footer .link {width:100%;float:left;}
  #footer .p1 {font-size:14px;line-height:28px;}
  #footer .p1 a {font-size:14px;}
  #footer .p2 {font-size:14px;line-height:28px;}
  #footer .p2 a {font-size:14px;}
}