@media screen and (min-width:1025px) and (max-width:1501px){
@charset "utf-8";

/*首页*/
.header{ width:100%; position:fixed; top:0; left:0; z-index:1000;}
.header_top{ width:100%; overflow:hidden; height:33px; border-bottom:1px solid #ececec; background:#f6f6f6;}
.header_top1{ width:90%; overflow:hidden; margin:0 auto;}
.header_top2{ float:left; line-height:33px; color:#656565;}
.header_top3{ float:right; overflow:hidden;}
.header_top3 li{ float:left; background:url(../images/header5.png) right center no-repeat; padding:0 15px; line-height:33px; height:33px;}
.header_top3 li:last-child{ background:none;}
.header_top3 li a{ color:#656565;}
.header_top3 li a img{ display:inline-block; vertical-align:middle;}
.header_top3 li a span{ display:inline-block; vertical-align:middle; margin-left:7px;}
.header_top3 li a:hover span{ text-decoration:underline;}

.header_bot{ width:100%; background:#FFF; position:relative;}
.header_bot1{ width:90%; height:106px; margin:0 auto;}
.logo{ float:left; display:block; height:34px; margin-top:30px;}

.nav{ float:right;}
.nav>li{ float:left; height:106px; margin-left:3vw;}
.nav>li>a{ position:relative; display:block; overflow:hidden; height:106px; line-height:85px; font-size:16px; color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav>li>a span{ display:inline-block; width:13px; height:8px; background:url(../images/nav.png) no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav>li>a:before{ position:absolute; top:63px; left:-100%; width:100%; height:2px; background:#dd202a; content:""; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav>li:hover>a{ color:#dd202a;}
.nav>li:hover>a span{ background:url(../images/nav_on.png) no-repeat;}
.nav>li:hover>a:before{ left:0;}
.nav>li>.a_on{ color:#dd202a;}
.nav>li>.a_on span{ background:url(../images/nav_on.png) no-repeat;}
.nav>li>.a_on:before{ left:0;}

.nav_out{ position:absolute; top:106px; left:0; width:100%; background:#f6f6f6; display:none;}
.nav_out1{ float:right; width:calc(530px + 24vw); margin:0 auto; margin-right:5%; overflow:hidden; padding-left:0; text-align:left; background:none; padding-bottom:40px; border-left:1px solid #e0e0e0;}
.nav_out1 .title{ float:left; margin-top:40px; padding-left:30px; border-left:1px solid #dd202a;}
.nav_out1 .title1{ font-size:20px; color:#dd202a; line-height:30px;}
.nav_out1 .title2{ font-size:14px; color:#cccccc; line-height:24px;}

.nav_in{ float:right; width:80%; overflow:hidden; margin-top:20px;}
.nav_in li{ float:left; width:26.33%; margin-left:7%; margin-top:20px;}
.nav_in li a{ display:block; width:100%; position:relative; height:40px; line-height:40px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-size:15px; color:#6b6b6b; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav_in li a span{ float:right; font-family:"宋体"; font-size:14px; color:#6b6b6b; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav_in li a:before{ content:""; position:absolute; top:-1px; left:0; width:0; height:1px; background:#dd202a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav_in li a:after{ content:""; position:absolute; bottom:-1px; left:0; width:0; height:1px; background:#dd202a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav_in li a:hover{ color:#dd202a; width:90%; padding-left:5%; padding-right:5%;}
.nav_in li a:hover span{ color:#dd202a;}
.nav_in li a:hover:before{ width:100%;}
.nav_in li a:hover:after{ width:100%;}
.nav_in .a_on{ color:#dd202a;}
.nav_in .a_on span{ color:#dd202a;}
.nav_in .a_on:before{ width:100%;}
.nav_in .a_on:after{ width:100%;}

.mySwiper1 {
  width: 100%;
  height: auto;
  margin:140px auto 0 auto;
}
.mySwiper1 .swiper-slide {
  text-align: center;
  font-size: 12px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -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;
}
.mySwiper1 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  position: relative; 
  z-index: 1;
}
.mySwiper1 .swiper-slide .index_banner{ display:block; width:100%; overflow:hidden; position:relative;}
.swiper-pagination1{ bottom:30px !important;}
.swiper-pagination1 .swiper-pagination-bullet{ width:40px; height:5px; border-radius:0; background:#FFF; outline:none; opacity:1;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#dd202a; opacity:1;}
.swiper-button-next1{ outline:none; color:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; right:2%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev1{ outline:none; color:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; left:2%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-prev1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.banner_title{ position:absolute; z-index:10; top:50%; margin-top:-30px; left:8%; margin-left:0; text-align:left; overflow:hidden;}
.banner_title1{ float:left; font-size:34px; line-height:44px; color:#FFF;}
.banner_title2{ float:left; font-size:14px; line-height:24px; color:#FFF; margin-top:10px; clear:both;}
.banner_title3{ float:left; clear:both; display:block; width:160px; height:40px; line-height:40px; background:#dd202a; margin-top:20px; font-size:15px; color:#FFF; text-align:center;}
.banner_title3 span{ font-family:"宋体"; font-size:20px; vertical-align:bottom; display:inline-block; margin-left:5px;}

.mobile_bg{ display:none;}

.index1{ width:100%; overflow:hidden; padding:50px 0 0 0;}
.index1_1{ width:90%; margin:0 auto; overflow:hidden;}
.index1_1 .title{ width:100%; overflow:hidden;}
.index1_1 .title1{ width:100%; overflow:hidden; font-size:30px; color:#333; line-height:40px;}
.index1_1 .title2{ width:100%; overflow:hidden; position:relative; line-height:26px; margin-top:10px;}
.index1_1 .title3{ font-size:15px; color:#9b9fa2; position:relative; z-index:10; background:#FFF; display:block; margin:0 auto; width:130px;}
.index1_1 .title2 .line{ width:100%; height:0px; border-bottom:1px dotted #dfdfdf; position:absolute; top:13px; left:0; z-index:1;}

.index_pro{ width:100%; overflow:hidden;}
.index_pro li{ float:left; width:16.66%; margin-top:40px;}
.index_pro li a{ display:block; width:100%; overflow:hidden;}
.index_pro .class_img{ display:block; margin:0 auto; width:90px; height:60px;}
.index_pro .class_title{ width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#9b9fa2; line-height:30px; margin-top:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index_pro li:nth-child(1) .class_img{ background:url(../images/class1.jpg) center center no-repeat;}
.index_pro li:nth-child(2) .class_img{ background:url(../images/class2.jpg) center center no-repeat;}
.index_pro li:nth-child(3) .class_img{ background:url(../images/class3.jpg) center center no-repeat;}
.index_pro li:nth-child(4) .class_img{ background:url(../images/class4.jpg) center center no-repeat;}
.index_pro li:nth-child(5) .class_img{ background:url(../images/class5.jpg) center center no-repeat;}
.index_pro li:nth-child(6) .class_img{ background:url(../images/class6.jpg) center center no-repeat;}
.index_pro li a:hover .class_title{ color:#dd202a;}

.mySwiper2 {
  width: 100%;
  height: auto;
  margin:40px auto 0 auto;
  background: #f1f1f1;
  padding:30px 0 50px 0;
  overflow:hidden;
}
.mySwiper2 .swiper-slide {
  text-align: center;
  font-size: 12px;
  background: none;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -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;
}
.mySwiper2 .swiper-slide a{ display:block; width:100%; position:relative;}
.mySwiper2 .swiper-slide a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  position: relative; 
  z-index: 1;
}
.mySwiper2 .more{ display:block; width:90px; height:50px; margin:90px auto 0 auto; background:url(../images/index1_2.png) center center no-repeat #dd202a;}
.swiper-button-next2{ outline:none; color:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; top:auto; bottom:50px; right:50%; margin-right:-105px; width:50px; height:50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:url(../images/index1_3.png) center center no-repeat #FFF; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-prev2{ outline:none; color:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; top:auto; bottom:50px; left:50%; margin-left:-105px; width:50px; height:50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:url(../images/index1_1.png) center center no-repeat #FFF; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-next2:hover{ background:url(../images/index1_3_on.png) center center no-repeat #dd202a;}
.swiper-button-prev2:hover{ background:url(../images/index1_1_on.png) center center no-repeat #dd202a;}
.swiper-button-next2:after{ content:"";}
.swiper-button-prev2:after{ content:"";}

.index_pro1_1{ position:absolute; bottom:-30px; right:0; z-index:10; width:56%; padding:40px 10% 0 10%; height:120px; background:#FFF; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index_pro1_2{ float:left; width:100%; font-size:22px; color:#000; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index_pro1_3{ float:left; width:100%; font-size:14px; color:#9b9fa2; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index_pro1_1 span{ float:left; width:50px; height:2px; background:#c9c9ca; margin-top:25px; display:block;}

.mySwiper2 .swiper-slide a:hover .index_pro1_1{ background:#dd202a;}
.mySwiper2 .swiper-slide a:hover .index_pro1_2{ color:#FFF;}
.mySwiper2 .swiper-slide a:hover .index_pro1_3{ color:#FFF;}
.mySwiper2 .swiper-slide a:hover .index_pro1_1 span{ background:#FFF;}

.index2{ width:100%; height:550px; overflow:hidden; background:url(../images/index2_1.jpg) center bottom no-repeat; background-size:auto 100%;}
.index2_1{ width:40%; overflow:hidden; top:0; left:5%; margin-left:0; text-align:left; position:relative;}
.index2_1 .title{ float:left; width:100%; overflow:hidden; font-size:30px; color:#333; line-height:40px; margin-top:50px;}
.index2_1 .title1{ float:left; width:100%; overflow:hidden; font-size:15px; color:#9b9fa2; line-height:26px; margin-top:10px;}
.index2_2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666666; line-height:30px; margin-top:30px;}
.index2_1 .more{ float:left; clear:both; display:block; width:140px; height:40px; line-height:40px; background:#dd202a; border:1px solid #dd202a; margin-top:25px; font-size:15px; color:#FFF; text-align:center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_1 .more span{ font-family:"宋体"; font-size:20px; vertical-align:bottom; display:inline-block; margin-left:5px;}
.index2_1 .more:hover{ background:#FFF; color:#dd202a;}
.index2_3{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.index2_3 li{ float:left; margin-top:30px; margin-left:3%; width:22.75%;}
.index2_3 li:nth-child(1){ margin-left:0;}
.index2_3 li a{ display:block; width:100%; height:40px; line-height:40px; background:#f8f3f3; text-align:center; font-size:15px; font-weight:bold; color:#666666; border-top:4px solid #baabab;}

.index3{ width:100%; overflow:hidden;}
.index3_1{ width:90%; margin:0 auto; overflow:hidden; padding:60px 0;}
.index3_1 li{ float:left; overflow:hidden; width:48.5%; margin-left:3%;}
.index3_1 li:nth-child(1){ margin-left:0;}
.index3_1 li a{ display:block; width:100%; overflow:hidden;}
.index3_1 li a img{ display:block; width:100%;}

.footer{ width:100%; overflow:hidden; background:#323232; padding:60px 0 0 0;}
.footer_top{ width:90%; margin:0 auto; overflow:hidden;}
.footer_top1{ float:left; overflow:hidden; width:20%; padding-right:3%;}
.footer_top1_1{ float:left; display:block;}
.footer_top1_2{ float:left; width:100%; text-align:left; font-size:16px; color:#FFF; line-height:30px; margin-top:5px;}
.footer_top1_3{ float:left; overflow:hidden; margin-top:35px;}
.footer_top1_3 li{ float:left; overflow:hidden; margin-right:15px;}
.footer_top1_3 li a img{ display:block;}

.footer_top2_out{ float:left; overflow:hidden; border-left:1px solid #454545; border-right:1px solid #454545; display:table; padding-right:0; text-align:left; width:calc(54% - 2px);}
.footer_top2{ float:left; overflow:hidden; margin:0 0 0 6%; width:19%;}
.footer_top2_1{ float:left; font-size:16px; color:#FFF; line-height:26px;}
.footer_top2_2{ float:left; clear:both; margin-top:15px;}
.footer_top2_2 li{ float:left; clear:both; margin:5px 0;}
.footer_top2_2 li a{ font-size:14px; color:#999999; line-height:24px;}
.footer_top2_2 li a:hover{ text-decoration:underline;}

.footer_top3{ float:right; overflow:hidden; width:20%; padding-left:3%;}
.footer_top3_1{ float:right; overflow:hidden; font-size:16px; color:#FFF; line-height:26px;}
.footer_top3_2{ float:right; overflow:hidden; clear:both; font-size:24px; color:#FFF; line-height:36px; margin-top:5px;}
.footer_top3_3{ float:right; overflow:hidden; clear:both; margin-top:20px; max-width:100%;}
.footer_top3_3 li{ float:left; overflow:hidden; margin-left:10px; max-width:calc(50% - 10px);}
.footer_top3_3 li img{ display:block; width:117px; max-width:100%;}
.footer_top3_4{ font-size:14px; color:#999999; line-height:24px; margin-top:8px;}

.footer_bot{ width:100%; overflow:hidden; margin-top:50px; border-top:1px solid #454545; padding:25px 0;}
.footer_bot1{ width:90%; margin:0 auto; overflow:hidden; font-size:14px; line-height:24px; color:#999;}
.footer_bot2{ float:left;}
.footer_bot2 a{ color:#999;}
.footer_bot3{ float:right; color:#999999;}
.footer_bot a:hover{ text-decoration:underline;}

/*通用*/
.banner{ width:100%; height:460px; overflow:hidden; margin-top:140px; position:relative;}
.banner .title{ color:#FFF;}
.banner .title1{ width:100%; font-size:28px; font-weight:bold; line-height:48px; margin-top:160px;}
.banner .title2{ width:20px; height:1px; background:#FFF; margin:20px auto 0 auto;}
.banner .title3{ width:100%; font-size:16px; line-height:30px; margin-top:15px;}

.neiye_nav{ width:100%; height:60px; overflow:hidden; background:url(../images/neiye_nav.png) repeat; position:absolute; left:0; bottom:0;}
.position{ width:90%; height:60px; overflow:hidden; margin:0 auto; text-align:left;}
.position1{ float:left; height:60px; line-height:60px; background:url(../images/neiye_nav1.png) left center no-repeat; padding-left:25px;}
.position1 span{ font-family:"宋体"; font-size:15px; color:#080102; font-weight:bold; margin:0 5px;}
.position1 a{ font-size:15px; color:#080102;}
.position1 a:hover{ text-decoration:underline;}
.position2{ color:#dd202a !important; font-weight:bold;}
.position1 .position2:hover{ text-decoration:none;}

.neiye_nav1{ float:right; overflow:hidden;}
.neiye_nav1 li{ float:left; overflow:hidden; margin-top:1px; margin-left:1px; height:58px;}
.neiye_nav1 li a{ font-size:15px; color:#666666; display:block; height:58px; line-height:58px; background:#FFF; padding:0 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.neiye_nav1 li a:hover{ background:#dd202a; color:#FFF;}
.neiye_nav1 li .a_on{ background:#dd202a; color:#FFF;}

/*公司概要*/
.company1{ width:100%; overflow:hidden; margin:50px 0; min-height:420px; position:relative; background-size:auto 420px !important;}
.company1_1{ width:45%; text-align:left; position:relative; left:0; margin-left:5%;}
.company1_2{ float:left; width:100%; overflow:hidden; font-size:28px; line-height:38px;}
.company1_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:30px; margin-top:50px;}
.company1_4{ float:left; width:20px; height:2px; background:#d00007; margin-top:50px;}
.company1_5{ float:left; width:100%; overflow:hidden; margin-top:60px;}
.company1_5 li{ float:left; overflow:hidden; width:42%; padding-right:3%;}
.company1_5 li:nth-child(1){ border-right:1px solid #999999;}
.company1_5 li:nth-child(2){ margin-left:8%;}
.company1_6{ font-size:60px; font-weight:bold; line-height:60px; color:#dd202a;}
.company1_6 span{ font-size:18px; color:#333; vertical-align:top; line-height:18px;}
.company1_7{ width:100%; font-size:16px; color:#333; line-height:30px; margin-top:5px;}

.company2{ width:100%; overflow:hidden; background:url(../images/company2.jpg) center center no-repeat; background-size:cover; padding-bottom:50px;}
.company2_1{ width:100%; overflow:hidden;}
.company2_title{ font-size:32px; color:#FFF; line-height:42px; margin-top:230px;}

.mySwiper3 {
  width: 800px;
}
.mySwiper3 .swiper-slide {
  text-align: center;
  font-size: 12px;
  background: none;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -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;
}
.company2_5{ width:100%; overflow:hidden;}
.company2_6{ width:100%; overflow:hidden; font-size:28px; font-weight:bold; color:#dd202a; line-height:38px; margin-top:60px;}
.company2_7{ width:100%; overflow:hidden; font-size:16px; color:#FFF; text-align:left; line-height:30px; margin-top:50px; min-height:240px;}
.mySwiper4 {
  width: 90%;
  margin:30px auto 0 auto;
  box-sizing: border-box;
  background:url(../images/company4.png) center 35px repeat-x;
  position:relative;
}
.mySwiper4 .swiper-slide {
  width: 12.5%;
  height: 100%;
  text-align: center;
  font-size: 12px;
  background: none;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -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;
}
.mySwiper4 .swiper-slide-thumb-active .company2_3{ background:url(../images/company3.png) center center no-repeat;}
.swiper-button-next3{ outline:none; color:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; right:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev3{ outline:none; color:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next3:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-prev3:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.company2_2{ width:100%; height:72px; overflow:hidden; cursor:pointer;}
.company2_3{ width:30px; height:30px; background:url(../images/company3_1.png) center center no-repeat; margin:21px auto 0 auto;}
.company2_4{ width:100%; color:#FFF; font-size:14px; line-height:24px; margin-top:2px;}

/*荣誉证书*/
.honor{ width:90%; margin:0 auto; overflow:hidden; padding:0 0 20px 0;}
.honor3{ width:90%; margin:0 auto; overflow:hidden; background:url(../images/honor3.png) center top repeat-y; background-size:100% 434px; padding:0 5%;}
.honor3 li{ float:left; width:30.33%; height:419px; background:url(../images/honor4.jpg) center 62px no-repeat; background-size:100% 357px; margin:0 1.5%; overflow:hidden; padding-bottom:15px;}
.honor3_1{ float:left; margin-top:71px; margin-left:9px; display:block; overflow:hidden; outline:none;}
.honor3_1 img{ display:block; width:97%; height:228px;}
.honor3_2{ float:left; width:90%; padding:0 5%; text-align:center; font-size:16px; color:#666666; margin-top:10px; height:60px; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.page{ width:100%; margin:0 auto; overflow:hidden; padding:40px 0 50px 0;}
.page span{ display:inline-block; height:38px; line-height:38px; border:1px solid #c8c8c8; padding:0 15px; font-size:16px; color:#999999; cursor:pointer; margin:10px 3px 0 3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a{ display:inline-block; height:38px; line-height:38px; border:1px solid #c8c8c8; padding:0 15px; font-size:16px; color:#999999; cursor:pointer; margin:10px 3px 0 3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span:hover{ background:#dd202a; color:#FFF; border:1px solid #dd202a;}
.page a:hover{ background:#dd202a; color:#FFF; border:1px solid #dd202a;}

/*工艺流程*/
.process{ width:90%; overflow:hidden; padding:20px 0 70px 0; margin:0 auto;}
.process1{ width:100%; overflow:hidden;}
.process1 li{ float:left; border:1px solid #e7e7e7; width:calc(30% - 2px); margin-right:5%; margin-top:130px; position:relative;}
.process1 li:nth-child(3n){ margin-right:0;}
.process1 li:nth-child(4n){ clear:left;}
.process2{ position:absolute; width:140px; height:140px; background:url(../images/process1.png) center center no-repeat; background-size:140px 140px; left:50%; top:-70px; margin-left:-70px;}
.process3{ width:100%; height:34px; line-height:34px; font-size:24px; font-weight:bold; color:#FFF; margin-top:30px;}
.process4{ width:100%; height:34px; line-height:34px; font-size:24px; color:#FFF;}
.process5{ width:90%; padding:0 5%; overflow:hidden; font-size:16px; color:#080102; line-height:30px; margin-top:85px;}
.process6{ width:100%; overflow:hidden; margin-top:15px;}
.process6 img{ display:block; width:100%;}

/*企业宣传*/
.video{ width:90%; margin:0 auto; padding:20px 0 20px 0;}
.video1 li:nth-child(2n-1){ float:left; width:31.33%; margin-right:3%; cursor:pointer; margin-top:40px;}
.video1 li:nth-child(6n-1){ margin-right:0;}
.video1 li:nth-child(6n+1){ clear:left;}
.video2{ display:block; width:100%;}
.video3{ width:90%; padding:0 5%; text-align:left; background:#f1f1f1; height:50px; line-height:50px; font-size:16px; color:#2e3432; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.video1 li:nth-child(2n){ display:none; position:fixed; width:100%; height:100vh; z-index:99999; background:url(../images/video3.png) repeat; top:0; left:0;}
.video_bg{ display:none; position:fixed; width:100%; height:100vh; z-index:99999; background:url(../images/video3.png) repeat; top:0; left:0;}
.video_out{ width:800px; height:460px; margin:0 auto; position:absolute; top:50%; margin-top:-230px; left:50%; margin-left:-400px;}
.video_out video{ width:800px; height:460px; outline:none;}
.video_close{ width:31px; height:31px; background:url(../images/close.png) center center no-repeat; position:absolute; top:-15px; right:-15px; cursor:pointer;}

/*资讯动态*/
.news{ width:90%; margin:0 auto; overflow:hidden; padding:50px 0 20px 0;}
.news_list{ width:100%; overflow:hidden;}
.news_list li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e8e8e8; padding:15px 0; line-height:30px;}
.news_list li .time{ float:left; width:175px; font-size:16px; color:#333;}
.news_list li .news_class{ float:left; width:100px; height:30px; background:#dd202a; font-size:14px; color:#FFF;}
.news_list li a{ float:left; text-align:left; max-width:calc(100% - 375px); margin-left:50px; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list li a:hover{ text-decoration:underline; color:#dd202a;}

/*资讯动态内页*/
.newsIn{ width:90%; margin:0 auto; overflow:hidden; padding:50px 0 0 0;}
.newsIn1{ width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#333; line-height:34px;}
.newsIn2{ width:100%; overflow:hidden; font-size:14px; color:#666666; line-height:30px; margin-top:20px;}
.newsIn3{ width:100%; overflow:hidden; text-align:left; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin-top:30px; padding:50px 0; font-size:16px; color:#333; line-height:30px;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}
.pageIn{ width:100%; overflow:hidden; position:relative; padding:25px 0 35px 0;}
.pageIn1{ float:left; clear:both; max-width:80%; overflow:hidden; font-size:14px; color:#333; line-height:24px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn1 span{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn1 a{ color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn1:hover{ color:#dd202a;}
.pageIn1:hover span{ color:#dd202a;}
.pageIn1:hover a{ color:#dd202a;}
.return{ position:absolute; top:50%; margin-top:-21px; right:0; width:130px; height:42px; line-height:42px; font-size:14px; color:#FFF; background:#dd202a; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; overflow:hidden;}
.return span{ font-size:20px; font-family:"宋体"; vertical-align:top;}

.relevant{ width:100%; overflow:hidden; background:#f4f4f4;}
.relevant1{ width:90%; margin:0 auto; overflow:hidden; margin-top:30px;}
.relevant2{ width:100%; height:34px; border-bottom:1px solid #e2e2e2; position:relative;}
.relevant3{ float:left; font-size:20px; font-weight:bold; color:#333; line-height:20px;}
.relevant3:after{ content:""; position:absolute; bottom:0; left:0; width:44px; height:2px; background:#dd202a;}
.relevant3 span{ color:#dd202a;}
.relevant2 .more{ float:right; font-size:14px; color:#666; line-height:24px;}
.relevant2 .more:hover{ text-decoration:underline;}
.relevant_list{ float:left; width:100%; overflow:hidden; padding:30px 0 40px 0;}
.relevant_list li{ float:left; overflow:hidden; font-size:14px; line-height:24px; margin-top:1px;}
.relevant_list li:nth-child(2n-1){ width:calc(50% - 51px); padding:4px 50px 4px 0; background:url(../images/newsIn2.png) left center no-repeat; border-right:1px dotted #b2b2b2;}
.relevant_list li:nth-child(2n){ width:calc(50% - 50px); padding:4px 0 4px 50px; background:url(../images/newsIn2.png) 50px center no-repeat;}
.relevant_list li a{ float:left; display:inline-block; color:#666; margin-left:; max-width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:10px;}
.relevant_list li span{ float:right; color:#929292;}
.relevant_list li a:hover{ text-decoration:underline;}

/*服务支持*/
.download_pdf{ width:94%; padding:0 3%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; height:50px; line-height:50px; background:#dd202a; text-align:center; font-size:16px; font-weight:bold; color:#FFF; margin-top:50px;}
.download_pdf span{ display:inline-block; width:24px; height:50px; vertical-align:middle; background:url(../images/serviceIn3.jpg) center 8px no-repeat; margin-right:10px;}

/*人才招聘*/
.n_recruit{ width:calc(90% - 2px); height:310px; margin:50px auto 0 auto; border:1px solid #f2f2f2; background:#FFF;}
.n_recruit1{ float:left; width:44%; height:310px;}
.n_recruit2{ float:right; width:calc(56% - 102px); padding:0 50px; height:310px; text-align:left;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-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;
}
.n_recruit2_1{ width:100%; height:45px; overflow:hidden; font-size:20px; font-weight:bold; position:relative; line-height:24px;}
.n_recruit2_1 span{ width:60px; height:2px; background:#555555; position:absolute; bottom:0; left:0;}
.n_recruit2_2{ width:100%; overflow:hidden; font-size:14px; color:#666; line-height:30px; margin-top:35px; height:120px;}
.n_recruit2_3{ width:100%; overflow:hidden;}

.recruit1{ overflow:hidden; padding-bottom:60px; border-bottom:1px solid #ededed; width:100%;}

.recruit3{ float:none; width:90%; margin:0 auto; margin-top:50px; overflow:hidden;}
.recruit3_1{ float:left; width:100%; overflow:hidden; line-height:20px; background:#dd202a; text-align:center; font-size:16px; color:#FFF; padding:15px 0;}
.recruit3_2{ float:left; width:30%; padding:0 1%;}
.recruit3_3{ float:left; width:12%; padding:0 1%;}
.recruit3_4{ float:left; width:18%; padding:0 1%;}
.recruit3_5{ float:left; width:14%; padding:0 1%;}
.recruit3_6{ float:left; width:10%; padding:0 1%;}

.recruit4{ float:left; width:100%; overflow:hidden;}
.recruit4 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.recruit4_1{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; color:#999999; cursor:pointer;}
.recruit4_2{ float:left; width:30%; padding:30px 1%; text-align:left; line-height:20px;}
.recruit4_3{ float:left; width:12%; padding:30px 1%; line-height:20px;}
.recruit4_4{ float:left; width:18%; padding:30px 1%; line-height:20px;}
.recruit4_5{ float:left; width:14%; padding:30px 1%; line-height:20px;}
.recruit4_6{ float:left; width:10%; padding:30px 1%; line-height:20px;}
.recruit4_7{ float:left; width:6%; height:80px; background:url(../images/recruit2.jpg) center center no-repeat; background-size:auto 10px; cursor:pointer;}

.recruit4_8{ font-size:14px; color:#666; line-height:30px; padding:20px 0; border-bottom:1px solid #e5e5e5;}
.recruit4_9{ float:left; width:100%; overflow:hidden; padding:30px 0;}
.recruit4_10{ float:left; display:block; width:154px; height:44px; line-height:44px; text-align:center; background:#dd202a; font-size:14px; color:#FFF;}
.recruit4_11{ float:right; font-size:16px; color:#666; height:44px; line-height:44px;}
.recruit4_12{ display:none; float:left; width:96%; background:#f7f7f7; text-align:left; padding:0 2%;}

/*联系我们*/
.contact{ width:90%; margin:0 auto; overflow:hidden; padding:0 0 50px 0;}
.contact1{ width:100%; overflow:hidden; padding:50px 0 50px 0; background:url(../images/contact2.jpg) center center no-repeat;}
.contact2{ float:left; overflow:hidden; width:500px; text-align:left;}
.contact2_1{ float:left; width:100%; overflow:hidden; font-size:16px; color:#dd202a; line-height:30px;}
.contact2_2{ float:left; width:100%; overflow:hidden; font-size:24px; font-family:"Arial"; color:#dd202a; font-weight:bold; line-height:34px;}
.contact2_3{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.contact2_3 li{ float:left; width:calc(100% - 25px); overflow:hidden; font-size:16px; color:#666; line-height:30px; padding-left:25px;}
.contact2_3 li:nth-child(1){ background:url(../images/contact3.png) 1px 9px no-repeat;}
.contact2_3 li:nth-child(2){ background:url(../images/contact4.png) left 10px no-repeat;}
.contact2_3 li:nth-child(3){ background:url(../images/contact5.png) 2px 8px no-repeat;}
.contact3{ float:left; display:block; margin-left:100px; margin-top:30px;}
.contact4{ float:right; overflow:hidden; margin-left:30px;}
.contact4_1{ border:1px solid #d2d2d2; padding:10px; width:130px;}
.contact4_2{ font-size:14px; line-height:24px; color:#666;}

.map{ width:100%; height:400px;}

/*销售门店*/
.store{ width:calc(90% - 60px); margin:50px auto 0 auto; overflow:hidden; background:#e5e5e5; padding:20px 30px;}
.store1{ width:100%; overflow:hidden;}
.store1 .select1{ float:left; width:calc(23% - 2px); height:50px; border:1px solid #c7c7c7; padding-left:20px; font-size:16px; font-family:"微软雅黑"; color:#000; margin-right:1%;}
.store1 .text1{ float:left; width:calc(33% - 41px); height:48px; line-height:48px; border:1px solid #c7c7c7; border-right:0; font-size:16px; font-family:"微软雅黑"; color:#000; padding:0 20px; color:#9e9e9e;}
.store1 .button1{ float:left; width:19%; border:0; height:50px; line-height:50px; outline:none; background:#f73a3b; cursor:pointer; font-size:16px; font-family:"微软雅黑"; font-weight:bold; color:#FFF;}
.store2{ float:left; clear:both; font-size:16px; font-family:"微软雅黑"; color:#000; line-height:26px; margin-top:10px; text-align:left;}

.store_list{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.store_list li{ float:left; margin-top:50px; margin-left:20px; width:calc(50% - 10px); text-align:left;}
.store_list li:nth-child(2n-1){ clear:left; margin-left:0;}
.store_list1{ width:calc(100% - 60px); height:50px; line-height:50px; overflow:hidden; background:#f2f2f2; padding:0 30px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.store_list2{ background:url(../images/contact5.png) 13px 7.5px no-repeat; font-size:16px; color:#6c6c6c; line-height:30px; padding:0 30px 0 50px; margin-top:20px;}
.store_list3{ background:url(../images/store1.png) 11px 8px no-repeat; font-size:16px; color:#6c6c6c; line-height:30px; padding:0 30px 0 50px; margin-top:5px;}
.store_list4{ display:table; background:url(../images/store2.png) 13px 5px no-repeat; font-size:16px; color:#dd202a; line-height:30px; padding:0 0 0 50px; margin-top:5px;}
.store_list4:hover{ text-decoration:underline;}

/*新品推荐*/
.new_pro{ width:90%; margin:0 auto; overflow:hidden; padding:25px 0 20px 0;}
.new_pro_list{ width:100%; overflow:hidden;}
.new_pro_list li{ float:left; margin-top:25px; overflow:hidden; width:32.66%; margin-right:1%;}
.new_pro_list li:nth-child(3n){ margin-right:0;}
.new_pro_list li:nth-child(3n+1){ clear:left;}
.new_pro_list li a{ display:block; width:100%; overflow:hidden;}
.new_pro_list1{ width:100%; overflow:hidden;}
.new_pro_list1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.new_pro_list2{ width:90%; padding:0 5%; height:60px; line-height:60px; background:#f1f1f1; font-size:18px; color:#2e3432; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.new_pro_list li a:hover .new_pro_list2{ background:#dd202a; color:#FFF;}
.new_pro_list li a:hover .new_pro_list1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

/*产品展示*/
.pro_class{ width:calc(90% - 60px); padding:20px 30px; overflow:hidden; background:#e5e5e5; margin:50px auto 0 auto;}
.pro_class .select1{ float:left; width:calc(23% - 2px); height:50px; border:1px solid #c7c7c7; padding-left:20px; font-size:16px; font-family:"微软雅黑"; color:#000; margin-right:1%;}
.pro_class .text1{ float:left; width:calc(56% - 41px); height:48px; line-height:48px; border:1px solid #c7c7c7; border-right:0; font-size:16px; font-family:"微软雅黑"; color:#000; padding:0 20px; color:#9e9e9e;}
.pro_class .button1{ float:left; width:20%; border:0; height:50px; line-height:50px; outline:none; background:#f73a3b; cursor:pointer; font-size:16px; font-family:"微软雅黑"; font-weight:bold; color:#FFF;}

.pro_class_list{ width:90%; overflow:hidden; margin:0 auto; padding-bottom:70px;}
.pro_class_list1{ width:100%; overflow:hidden;}
.pro_class_list1 li{ float:left; overflow:hidden; margin-top:55px; width:30%; margin-right:5%;}
.pro_class_list1 li:nth-child(3n){ margin-right:0;}
.pro_class_list1 li a{ display:block; width:100%; overflow:hidden; position:relative;}
.pro_class_list1 li a img{ display:block; width:100%;}
.pro_class_list2{ position:absolute; bottom:0; right:0; width:55%; background:#FFF; text-align:left; padding:0 10%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_class_list3{ width:100%; font-size:22px; color:#000000; height:32px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:35px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_class_list4{ width:100%; font-size:14px; color:#9b9fa2; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_class_list5{ width:50px; height:2px; background:#c9c9ca; margin-top:25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_class_list1 li a:hover .pro_class_list2{ background:#dd202a;}
.pro_class_list1 li a:hover .pro_class_list3{ color:#FFF;}
.pro_class_list1 li a:hover .pro_class_list4{ color:#FFF;}
.pro_class_list1 li a:hover .pro_class_list5{ background:#FFF;}

/*产品列表*/
.pro{ width:90%; overflow:hidden; margin:0 auto;}
.pro_list{ width:100%; overflow:hidden; margin-top:20px;}
.pro_list li{ float:left; overflow:hidden; margin-right:1.5%; width:23.875%; margin-top:30px;}
.pro_list li:nth-child(4n){ margin-right:0;}
.pro_list li:nth-child(4n+1){ clear:left;}
.pro_list li>a{ display:block; width:100%; overflow:hidden;}
.pro_list li>a img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list li>a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.pro_list1{ width:92%; min-height:195px; overflow:hidden; background:#f6f6f6; padding:0 4% 10px 4%; text-align:left;}
.pro_list2{ display:block; width:100%; font-size:16px; color:#2e3432; line-height:56px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list2:hover{ color:#dd202a;}
.pro_list3{ width:100%; overflow:hidden; margin-top:-5px;}
.pro_list3 a{ float:left; display:block; width:31.33%; margin-right:2%; margin-top:5px; height:30px; line-height:30px; font-size:14px; color:#FFF; text-align:center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list3 .pro_list3_1{ background:#ca5353;}
.pro_list3 .pro_list3_2{ background:#5d873c;}
.pro_list3 .pro_list3_3{ background:#7e8a2c;}
.pro_list3 .pro_list3_4{ background:#185e72;}
.pro_list3 .pro_list3_5{ background:#288594;}
.pro_list4{ width:100%; overflow:hidden; margin-top:5px;}
.pro_list4_1{ float:left; width:100%; display:block; font-size:14px; line-height:24px;}
.pro_list4 a{ float:left; display:block; width:31.33%; margin-right:2%; margin-top:5px; height:30px; line-height:30px; font-size:14px; color:#FFF; text-align:center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list4_2{ background:#59b2c4;}
.pro_list4_3{ background:#70a0b6;}
.pro_list1 .pro_list3 a:hover{ background:#747474;}
.pro_list1 .pro_list4 a:hover{ background:#747474;}

/*产品详情*/
.proIn{ width:90%; overflow:hidden; margin:50px auto 0 auto;}
.proIn1{ float:left; display:block; width:44%;}
.proIn2{ float:right; width:53%; overflow:hidden;}
.proIn3{ float:left; overflow:hidden; text-align:left; font-size:24px; color:#000; line-height:34px; margin-top:10px;}
.proIn3_1{ float:left; width:100%; overflow:hidden;}
.proIn3_2{ float:left; width:100%; overflow:hidden;}
.proIn4{ float:right; display:block; width:80px; height:80px; border:1px solid #e6e6e6;}
.proIn5{ float:left; width:100%; overflow:hidden; background:#e6e6e6; margin-top:10px;}
.proIn5 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #FFF; min-height:54px;}
.proIn5_1{ float:left; width:106px; height:54px; line-height:54px; background:#bfbfbf; font-size:16px; color:#000;}
.proIn5_2{ float:left; height:30px; display:block; margin-left:20px; margin-top:12px;}
.proIn6{ float:left; overflow:hidden; margin-left:20px; max-width:calc(100% - 126px); padding-bottom:12px;}
.proIn6 a{ float:left; display:block; width:86px; height:30px; line-height:30px; font-size:14px; color:#FFF; margin-right:5px; margin-top:12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.proIn6_1{ background:#ca5353;}
.proIn6_2{ background:#5d873c;}
.proIn6_3{ background:#7e8a2c;}
.proIn6_4{ background:#185e72;}
.proIn6_5{ background:#288594;}
.proIn6_6{ background:#59b2c4;}
.proIn6_7{ background:#70a0b6;}
.proIn6 a:hover{ background:#747474;}
.proIn7{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.proIn7 a{ float:left; display:block; width:32.66%; font-size:20px; color:#FFF; height:50px; line-height:50px;}
.proIn7_1{ margin-right:1%; background:#777777;}
.proIn7_2{ margin-right:0; background:#dd202a;}

.proIn8{ width:100%; overflow:hidden; background:#f2f2f2; margin-top:50px;}
.proIn8_1{ width:90%; margin:0 auto; overflow:hidden;}
.proIn8_1 span{ display:block; float:left; width:198px; height:49px; line-height:50px; border-top:1px solid #dd202a; border-left:1px solid #dedede; border-right:1px solid #dedede; font-size:20px; color:#dd202a; font-weight:bold; background:#FFF;}

.proIn9{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.proIn9_l{ float:left; width:49%; overflow:hidden;}
.proIn9_r{ float:right; width:49%; overflow:hidden;}
.proIn9 .title{ float:left; width:100%; overflow:hidden; font-size:18px; text-align:left; line-height:50px; margin-top:20px;}
.proIn9 .title span{ font-size:30px;}
.proIn9 .content{ float:left; width:100%; overflow:hidden; padding-top:20px;}
.proIn9 .content img{ display:block; max-width:100%; margin:0 auto;}
.proIn9 .content .table{ width:100%; border:1px solid #cbcbcb; border-collapse:collapse;}
.proIn9 .content .table th{ border:1px solid #cbcbcb; background:#777777; color:#FFF; height:30px; font-size:14px; font-weight:normal; padding:5px 10px;}
.proIn9 .content .table td{ border:1px solid #cbcbcb; font-size:13px; color:#000; height:60px; padding:5px 10px;}
.proIn9 .content .table tr td:nth-child(1){ width:40px; text-align:center;}
.proIn9 .content .table tr td:nth-child(2){ width:100px; text-align:left;}
.proIn9 .content .table tr td:nth-child(3){ width:210px; text-align:left;}
.proIn9 .content .table tr td:nth-child(4){ width:170px; text-align:right;}
.proIn9 .content .table tr td:nth-child(5){ width:40px; text-align:center;}

}