@charset "utf-8";
 @import url(nav.css);
 @import url(index_show.css);
 @import url(footer_nav.css);
 .top {
   width: 100%;
   height: 34px;
   background: rgba(0, 0, 0, .3);
 }
 .top .tit {
   float: left;
   line-height: 34px;
   color: #fefefe;
   display: block;
 }
 .top .lang {
   float: right;
   line-height: 34px;
 }
 .top .lang img {
   margin-right: 3px;
 }
 .top .lang a {
   color: #fefefe;
   margin-right: 8px;
 }
 .wrap {
   max-width: 1600px;
   width: 94%;
   margin: 0 auto;
 }
 .wrap1200 {
   max-width: 1200px;
   width: 96%;
   margin: 0 auto;
 }
 .max-limit {
   max-width: 1920px;
   margin-left: auto;
   margin-right: auto;
 }
 .fl {
   float: left;
 }
 .fr {
   float: right;
 }
 .text-left {
   text-align: left;
 }
 .text-right {
   text-align: right;
 }
 .text-center {
   text-align: center;
 }
 .text-over {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 .inherit {
   line-height: inherit;
   font-size: inherit;
   color: inherit;
 }
 .over {
   overflow: hidden;
 }
 .nowrap {
   white-space: nowrap;
 }
 .fz0 {
   font-size: 0;
 }
 .nowrap.fz0 {
   letter-spacing: -5px;
 }
 .nowrap.fz0 * {
   letter-spacing: normal;
 }
 .relative {
   position: relative;
   z-index: 1;
 }
 .absolute {
   position: absolute;
   z-index: 1;
 }
 .fixed {
   position: fixed;
   z-index: 1;
 }
 .inline {
   display: inline;
 }
 .block {
   display: block;
 }
 .inline-block {
   display: inline-block;
 }
 .display-table {
   width: 100%;
   height: 100%;
   display: table;
 }
 .table-cell {
   display: table-cell;
 }
 .hide {
   display: none;
 }
 .w100 {
   width: 100%;
 }
 .h100 {
   height: 100%;
 }
 .max-w100 {
   max-width: 100%;
 }
 .max-h100 {
   max-height: 100%;
 }
 .middle {
   vertical-align: middle;
 }
 .middle-span {
   height: 100%;
   vertical-align: middle;
   display: inline-block;
 }
 .border-box {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 .content-box {
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
 }
 .trans {
   -webkit-transition: all 300ms ease 0s;
   -moz-transition: all 300ms ease 0s;
   -ms-transition: all 300ms ease 0s;
   -o-transition: all 300ms ease 0s;
   transition: all 300ms ease 0s;
 }
 .trans-internal::before, .trans-internal::after {
   -webkit-transition: all 300ms ease 0s;
   -moz-transition: all 300ms ease 0s;
   -ms-transition: all 300ms ease 0s;
   -o-transition: all 300ms ease 0s;
   transition: all 300ms ease 0s;
 }
 .scale:hover .scale-img {
   -ms-transform: scale(1.1, 1.1);
   -moz-transform: scale(1.1, 1.1);
   -webkit-transform: scale(1.1, 1.1);
   -o-transform: scale(1.1, 1.1);
   transform: scale(1.1, 1.1);
 }
 .hide_en {
   display: none !important;
 }
 @font-face {
   font-family: 'AvantBk';
   src: url(/fonts/AvantGardeBook.otf);
 }
 .block-992 {
   display: none;
 }
 .block-768 {
   display: none;
 }
 .block-480 {
   display: none;
 }
 .bgf3 {
   background-color: #f3f3f3;
 }
 .bgf5 {
   background-color: #f5f5f5;
 }
 .banner .item img {
   left: 0;
 }
 .banner .prev {
   left: 5%;
 }
 .banner .next {
   right: 5%;
 }
 .banner .banner-btn {
   font-size: 100px;
   color: #c52443;
   top: 48%;
   opacity: 0;
 }
 .banner:hover .banner-btn {
   opacity: .8;
 }
 .web-title {
   padding-top: 10px;
   margin-bottom: 30px;
 }
 .web-title .pic {
   margin-top: 20px;
 }
 .web-title .pic img {
   border: 1px solid #d6d6d6;
   max-width: 100%;
   margin: 0 auto;
 }
 .web-title .txt {
   margin-top: 20px;
   text-align: left;
   font-size: 15px;
 }
 #news .web-title {
   padding-top: 40px;
 }
 .web-title .title-0 {
   font-size: 24px;
   color: #353535;
 }
 .web-title .title-1 {
   font-family: 'AvantBk';
   font-size: 12px;
   color: #777;
   margin-top: 10px;
   display: none;
 }
 .web-title .title-prefix {
   display: none;
 }
 .web-brief {
   line-height: 30px;
   font-size: 14px;
   color: #777;
 }
 #index-new-product {
   background-color: #f5f5f5;
   padding-bottom: 20px;
 }
 #index-new-product .web-title {
   padding-top: 40px;
 }
 #index-new-product .item:nth-child(2) {
   margin-top: 20px;
 }
 #index-new-product .item .display-table .con .num {
   margin-top: 5px;
   float: left;
   width: 58px;
   height: 58px;
   line-height: 58px;
   text-align: center;
   font-weight: 600;
   background: url(../images/bj2.png) center center no-repeat;
   color: #fff;
   font-size: 36px;
 }
 #index-new-product .item .display-table .con {
   padding: 5px 2%;
   text-align: left;
 }
 #index-new-product .item .display-table .con .txt {
   overflow: hidden;
   padding-left: 18px;
 }
 #index-new-product .item .display-table .con .txt h3 {
   margin-bottom: 20px;
   font-size: 24px;
   color: #000;
 }
 #index-new-product .item .display-table .con .txt h3 span {
   display: block;
   color: #c52443;
   font-size: 24px;
   margin-bottom: 8px;
 }
 #index-new-product .item .display-table .con .txt p {
   font-size: 14px;
   color: #5b5b5b;
   line-height: 24px;
 }
 @media(max-width:990px) {
   #index-new-product .item .main-box {
     width: 100% !important;
   }
   #index-new-product .absolute {
     position: inherit;
   }
   #index-new-product .item .main {
     width: 100%;
   }
   #index-new-product .item .display-table .con {
     padding: 0;
     width: 100%;
     margin-bottom: 10px;
   }
   #index-new-product .item .display-table .con .txt h3 span {
     font-size: 18px;
     font-weight: bold;
   }
   #index-new-product .item .display-table .con .txt h3 {
     font-size: 16px;
   }
 }
 @media(max-width:1440px) and (min-width:1200px) {
   #index-new-product .item .display-table .con {
     padding: 6px 8%;
     line-height: 20px;
   }
 }
 .categorys {
   margin-bottom: 20px;
   z-index: 2;
 }
 .products-list {}
 .dropdown-menu > li > a {
   font-size: 15px;
 }
 .categorys > a {
   line-height: 35px;
   font-size: 14px;
   color: #777;
   margin-right: 1%;
 }
 .categorys > a::before {
   width: 10px;
   height: 10px;
   border: 1px solid #7d7d7d;
   border-radius: 100%;
   margin-right: 5px;
   display: inline-block;
   content: '';
 }
 .categorys > a:hover, .categorys > .on {
   color: #c52443;
 }
 /*.categorys > a:hover::before , */ .categorys > .on::before {
   border-color: #f37463;
 }
 .categorys .dropdown {
   z-index: 2;
 }
 .editor {
   line-height: 24px;
   font-size: 14px;
   color: #777;
 }
 .editor * {
   max-width: 100%;
   font-family: inherit;
   font-size: inherit;
   color: inherit;
 }
 .detail-description {
   text-align: left;
 }
 .editor .pc_proInfo p {
   text-align: left;
 }
 .editor .pc_proInfo img {
   border: 1px solid #d6d6d6;
 }
 .editor .intro {
   text-align: left;
 }
 .editor .intro .tit {
   background: url(../images/prodetail-titbg.jpg) repeat-x;
   height: 34px;
   width: 100%;
   margin-bottom: 15px;
 }
 .editor .intro .tit h2 {
   background: url(../images/prodetail-tit.jpg) no-repeat;
   width: 137px;
   height: 42px;
   line-height: 35px;
   display: block;
   padding-left: 20px;
   color: #fff;
   font-size: 18px;
 }
 .editor .intro p {
   font-size: 16px;
   margin: 10px 0;
 }
 .other_product, .other_product ul {
   float: left;
   font-size: 12px;
   line-height: 22px;
   width: 100%;
 }
 .other_product h2 {
   font-size: 16px;
   height: 40px;
   line-height: 40px;
   font-weight: bold;
   text-align: left;
   margin-bottom: 10px;
 }
 .other_product ul { /*margin: 20px 0;*/
 }
 .other_product li {
   float: left;
   margin-right: 1%;
   width: 19%;
 }
 .other_product li .re {
   height: 44px;
   line-height: 22px;
   overflow: hidden;
   color: #888;
 }
 .other_product li a {
   color: #000;
 }
 .other_product li a:hover {
   display: block;
   text-decoration: underline;
 }
 .other_product img {
   border: 1px solid #ccc;
 }
 .other_product span {
   display: block;
   font-size: 15px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .other_product li:last-child {
   margin-right: 0px;
 }
 @media screen and (max-width:768px) and (min-width:330px) {
   .other_product li {
     width: 48%;
     margin-right: 2%;
   }
 }
 @media screen and (max-width:331px) {
   .other_product li {
     width: 100%;
   }
 }
 .show_related_news {
   margin-top: 10px;
   margin-bottom: 10px;
   clear: both;
 }
 .show_related_news h2 {
   line-height: 40px;
   font-size: 18px;
   font-weight: bold;
   text-align: left;
 }
 .show_related_news ul {
   width: 100%;
   zoom: 1;
   overflow: hidden;
 }
 .show_related_news ul li {
   float: left;
   height: 28px;
   line-height: 28px;
   font-size: 14px;
   width: 49%;
   /* border-bottom: #ccc solid 1px; */
   margin: 0px 2px;
   overflow: hidden;
   text-indent: 5px;
   text-align: left;
 }
 @media screen and (max-width:768px) {
   .show_related_news ul li {
     width: 100%;
   }
 }
 .web-detail {
   background-color: #fff;
   padding: 30px 0 50px;
   margin-top: 10px;
   margin-bottom: 50px;
 }
 .web-detail .detail-name {
   font-size: 22px;
   line-height: 40px;
   color: #353535;
 }
 .web-detail .detail-author {
   font-size: 12px;
   line-height: 20px;
   color: #888;
 }
 .web-detail .detail-description h2 {
   text-align: left;
   font-weight: bold;
   line-height: 40px;
   font-size: 18px;
 }
 .web-detail .detail-info {
   color: #777;
 }
 .web-detail .detail-info .date {
   font-family: 'AvantBk';
 }
 .web-detail .detail-back {
   width: 50%;
   max-width: 380px;
   height: 70px;
   line-height: 70px;
   font-size: 14px;
   color: #777;
   background-color: #f3f3f3;
   border-radius: 70px;
   margin: 10px auto 0;
 }
 .web-detail .detail-back::before {
   width: 21px;
   height: 13px;
   background-image: url(../images/arrow-left-2.png);
   background-repeat: no-repeat;
   margin-right: 8%;
   display: inline-block;
   content: '';
 }
 .no-list {
   line-height: 34px;
   font-size: 24px;
   padding: 50px 5%;
   text-align: center;
 }
 html, body {
   min-width: 320px;
   overflow-x: hidden;
 }
 #website {
   position: relative;
   z-index: 1;
   left: 0;
 }
 #header {
   width: 100%;
   height: 80px;
   padding: 0 10px;
   background-color: #fff;
   z-index: 5;
   left: 0;
   top: 40px;
   box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
 }
 #header #logo {
   margin-top: 15px;
 }
 #header #menu {
   width: auto;
   height: 100%;
 }
 #header #menu #nav {
   max-width: 790px;
   height: 100%;
   width: 60%;
 }
@media(min-width:1100px) and (max-width:1480px) {
   #header #menu #nav {
     max-width: 60%;
     height: 100%;
     width: 100%;
   }
	 

	.top .container {
		width: 100%;
	}
	 
   #header #menu #nav .col-md-2 {
    width: 11%;
   }
 }

@media(min-width:1100px){
	 #header #menu #nav .col-md-2 {
    width: 11%;
   }
}


@media(min-width:1300px){
	 #header #menu #nav .col-md-2 {
    width: 11.5%;
   }
}

@media(min-width:1400px){
	 #header #menu #nav .col-md-2 {
    width: 12.6%;
   }
}


@media(min-width:1500px){
	 #header #menu #nav .col-md-2 {
    width: 16.66%;
   }
}
 #header #menu #nav .nav-item .item-a {
   line-height: 80px;
   font-size: 16px;
   color: #777;
 }
 #header #menu #nav .nav-item .item-a.on, #header #menu #nav .nav-item:hover .item-a {
   color: #c52443;
 }
 #header #menu #nav .nav-item .sub-nav {
   width: 140px;
   background-color: #fff;
   border-radius: 5px;
   margin-left: -70px;
   top: 100%;
   left: 50%;
   box-shadow: 0 0 10px rgba(0, 0, 0, .2);
   display: none;
   overflow: hidden;
 }
 #header #menu #nav .nav-item .cataNav {
   width: 260px;
   left: 2%;
 }
 #header #menu #nav .nav-item .sub-nav .sub-item {
   height: 40px;
   line-height: 40px;
   border-top: 1px solid #f1f1f1;
 }
 #header #menu #nav .nav-item .sub-nav .sub-item:first-child {
   border-top: 0;
 }
 #header #menu #nav .nav-item .sub-nav .sub-item a {
   font-size: 14px;
   color: #777;
 }
 #header #menu #nav .nav-item .sub-nav .sub-item a:hover {
   color: #fff;
   background-color: #c52443;
 }
 #header #menu #nav .nav-item:hover .sub-nav {
   display: block;
 }
 #header #menu .right-inquire {
   max-width: 136px;
   width: 15%;
   height: 40px;
   line-height: 40px;
   font-size: 14px;
   color: #777;
   border: 1px solid #ddd;
   border-radius: 40px;
   margin-top: 20px;
   margin-left: 1.344086%;
 }
 #header #menu .right-inquire i {
   width: 13px;
   height: 16px;
   background: url(../images/ico-postion.png) no-repeat;
   margin-right: 10px;
   display: inline-block;
   vertical-align: middle;
 }
 #header #menu-btn {
   line-height: 80px;
   font-size: 26px;
 }
 #header #menu .change-lang {
   line-height: 80px;
   margin-left: 20px;
 }
 #header #menu .change-lang a {
   border: 1px solid #777;
   display: inline-block;
   border-radius: 100px;
   padding: 7px 5px;
   line-height: 100%;
 }
 #header.on {
   height: 60px;
 }
 #header.on #logo {
   margin-top: 5px;
 }
 #header.on #menu .right-inquire {
   margin-top: 10px;
 }
 #header.on #menu #nav .nav-item .item-a {
   line-height: 60px;
 }
 #header.on #menu-btn {
   line-height: 60px;
 }
 #header-blank {
   height: 80px;
 }
 #products .products-list .item {
   margin-left: 0.25%;
   margin-bottom: 10px;
 }
 #products .products-list .item.f5 {
   margin-left: 0;
 }
 #products .products-list .item {
   width: 19%;
 }
 #products .products-list .item img {
   width: 100% !important;
   border: 1px solid #d6d6d6;
 }
 #products .products-list .item[status='off'] {
   display: none;
 }
 #products .products-list .item[status='on'] {
   margin-left: 1.25%;
   margin-bottom: 10px;
   float: left;
 }
 #products .products-list .item.first {
   margin-left: 0 !important;
 }
 #products .products-list .item .main {
   left: 3.289473684%;
   right: 3.289473684%;
   top: 3.44827586%;
   bottom: 3.44827586%;
   background-color: rgba(255, 255, 255, .9);
   opacity: 0;
 }
 #products .products-list .item .main .name {
   line-height: 40px;
   height: 40px;
   overflow: hidden;
   font-size: 18px;
   color: #f26d5b;
 }
 #products .products-list .item .main .name a {
   color: #c52443;
 }
 #products .products-list .item .main .category {
   line-height: 20px;
   height: 80px;
   overflow: hidden;
   font-size: 14px;
   color: #999;
 }
 #products .products-list .item .main .more {
   width: 40px;
   height: 40px;
   background-color: #f26d5b;
   background-image: url(../images/arrow-right-1.png);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 17px auto;
   border-radius: 100%;
   margin: 10px auto 0;
 }
 #products .products-list .item:hover .main {
   opacity: 1;
 }
 #products .products-list .item p {
   line-height: 20px;
   margin: 5px 0;
   font-size: 14px;
   text-align: center;
   height: 40px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 #products .products-list .item em {
   line-height: 20px;
   margin: 0 0 2px 0;
   font-size: 12px;
   text-align: center;
   height: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 #products .list-more {
   font-size: 14px;
   color: #c52443;
   margin-top: -5px;
 }
 #products .products-scrollbar {
   width: 97.33333%;
   height: 6px;
   background-color: #f2f2f2;
   border-radius: 6px;
 }
 #products .products-scrollbar .swiper-scrollbar-drag {
   height: 10px;
   background-color: #c52443;
   border-radius: 10px;
   top: -2px;
   cursor: pointer;
 }
 .pages {
   max-width: 1600px;
   text-align: center;
 }
 .pro_main {}
 .pro_main .tit {
   padding-top: 20px;
 }
 .pro-news {
   margin: 20px auto;
   float: left;
 }
 .pro-news-tit {
   font-size: 20px;
   text-align: left;
   margin-bottom: 20px;
 }
 .pro-news-box {
   margin: 0;
 }
 .pro-news-box .col-lg-4 {
   padding: 0 10px 10px;
 }
 .pro-news-box .col-md-6 {
   padding: 0 10px 10px;
 }
 .pro-news-box .main {
   padding: 10px;
   background: #f6f6f6;
   overflow: hidden;
 }
 .pro-news-box .main img {
   width: 30% !important;
   float: left;
   margin-right: 2%;
   border: #ccc solid 1px;
   height: 120px !important;
 }
 .pro-news-box .main .t-1 {
   height: 27px;
   line-height: 27px;
 }
 .pro-news-box .main .t-1 .time {
   float: left;
   margin-right: 13px;
 }
 .pro-news-box .main .tit {
   margin-bottom: 5px;
   line-height: 25px;
   height: 25px;
   overflow: hidden;
   font-size: 15px;
   text-align: left;
 }
 .pro-news-box .main .tit a {
   color: #000;
 }
 .pro-news-box .main .txt {
   float: left;
   text-align: left;
   width: 68% !important;
 }
 .pro-news-box .main .txt p {
   height: 66px;
   line-height: 22px;
   overflow: hidden;
   margin: 0;
   color: #888;
 }
 @media(max-width:990px) {
   .pro-news {}
   .pro-news-box .col-xs-12 {
     padding: 0;
   }
   .pro-news-box {
     width: 100%;
     margin: 0 auto;
   }
   .pro-news-box .main {
     margin: 5px 0;
     padding: 5px 0;
   }
   .pro-news-box .main img {
     height: 95px !important;
   }
   .pro-news-box .main .tit {
     height: 20px;
     line-height: 20px;
     text-overflow: ellipsis;
     white-space: nowrap;
     hfont-size: 14px;
   }
   .pro-news-box .main .tit a {
     width: 100%;
     font-size: 14px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
   .pro-news-box .main .txt p {
     height: 40px;
     line-height: 20px;
   }
   .web-title .txt img, .web-title .txt video {
     max-width: 100%
   }
 }
 #index-new-product .rows {
   background-color: #f3f3f3;
 }
 #index-new-product .item .main-box {
   width: 50%;
   max-width: 960px;
   height: 100%;
   top: 0;
 }
 #index-new-product .item .main-box .main .name-0 {
   font-size: 24px;
   color: #353535;
   margin-bottom: 10px;
 }
 #index-new-product .item .main-box .main .name-1 {
   font-family: 'AvantBk';
   font-size: 12px;
   color: #777;
 }
 #index-new-product .item .main-box .main .rating {
   margin: 5% 2%;
 }
 #index-new-product .item .main-box .main .rating .fa-star {
   color: #c52443;
 }
 #index-new-product .item .main-box .main .rating .fa-star-o {
   color: #f29487;
 }
 #index-new-product .item .main-box .main .info {
   line-height: 24px;
   font-size: 14px;
   color: #777;
 }
 #index-new-product .item .main-box .main .brief {
   min-height: 72px;
 }
 #index-new-product .item .main-box .main .see-more {
   width: 130px;
   height: 32px;
   line-height: 32px;
   color: #777;
   border: 1px solid #777;
   border-radius: 32px;
   margin: 4px auto 0;
 }
 #index-new-product .item .main-box .main .see-more:hover {
   color: #c52443;
   border-color: #c52443;
 }
 #index-new-product .item .img {
   width: 50%;
   max-width: 960px;
 }
 #index-new-product .item.left .main-box {
   left: 0;
 }
 #index-new-product .item.right .main-box {
   right: 0;
 }
 #index-new-product .item.left .img {
   float: right;
 }
 #index-new-product .item.right .img {
   float: left;
 }
 #index-brand .main {
   line-height: 30px;
   font-size: 14px;
   color: #777;
   background-color: #fff;
   padding: 30px 3.75%;
   margin-top: -98px;
   text-align: left;
 }
 #index-brand .main::before, #index-brand .main::after {
   font-size: 30px;
   color: #777;
   position: absolute;
   z-index: 1;
 }
 #index-brand .main::before {
   left: 1.875%;
   top: 30px;
   content: '“';
 }
 #index-brand .main::after {
   right: 1.875%;
   bottom: 30px;
   content: '”';
 }
 #index-brand .see-more {
   width: 200px;
   height: 50px;
   line-height: 50px;
   font-size: 14px;
   color: #777;
   background-color: #f4f4f4;
   border-radius: 50px;
   margin: 0 auto;
 }
 #index-brand .see-more a {
   color: #777;
 }
 #index-brand .see-more a:hover {
   color: #fff;
 }
 #news {
   padding: 0px;
   padding-bottom: 50px;
 }
 #news .news-list .item {
   width: 22.1875%;
   /*max-width: 355px;*/
   margin-right: 1.75%;
   margin-bottom: 20px;
 }
 #news .news-list .item .img img {
   height: 236px !important;
 }
 #news .news-list .item.l4 {
   margin-right: 0;
 }
 #news .news-list .item .img .url {
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 2;
 }
 #news .news-list .item .img .date {
   width: 60px;
   height: 60px;
   line-height: 20px;
   font-family: 'AvantBk';
   font-size: 12px;
   color: #fff;
   border: 1px solid #fff;
   border-radius: 100%;
   right: 20px;
   top: 20px;
 }
 #news .news-list .item .img .date .day {
   font-family: 'AvantBk';
   font-size: 20px;
   color: #fff;
   margin-top: 10px;
 }
 #news .news-list .item .main {
   background-color: #fff;
   padding: 15px 20px;
 }
 #news .news-list .item .main .title {
   font-size: 16px;
   color: #353535;
 }
 #news .news-list .item .main .title:hover {
   color: #c52443;
 }
 #news .news-list .item .main .brief {
   height: 72px;
   line-height: 24px;
   font-size: 14px;
   color: #888;
   margin-top: 10px;
 }
 #news .news-list .item .main .see-more {
   font-size: 14px;
   margin-top: 5px;
   color: #777;
 }
 #news .news-list .item .main .see-more:hover {
   color: #c52443;
 }
 #news .opt {
   width: 80%;
   max-width: 250px;
   height: 50px;
   line-height: 50px; /*width: 15.625%;*/
   background-color: #fff;
   border-radius: 50px;
   margin: 30px auto 0;
 }
 #news .opt .arrow {
   width: 38%;
   height: 100%;
   background-repeat: no-repeat;
   background-size: 21px auto;
 }
 #news .opt .arrow::after {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-size: 21px auto;
   left: 0;
   top: 0;
   position: absolute;
   z-index: 1;
   opacity: 0;
   content: '';
 }
 #news .opt .arrow-left {
   background-image: url(../images/arrow-left-0.png);
   background-position: 21% center;
   border-radius: 50px 0 0 50px;
 }
 #news .opt .arrow-left::after {
   background-image: url(../images/arrow-left-1.png);
   background-position: 21% center;
 }
 #news .opt .arrow-right {
   background-image: url(../images/arrow-right-0.png);
   background-position: 79% center;
   border-radius: 0 50px 50px 0;
 }
 #news .opt .arrow-right::after {
   background-image: url(../images/arrow-right-1.png);
   background-position: 79% center;
 }
 #news .opt .arrow:hover {
   background-color: #c52443;
 }
 #news .opt .arrow:hover::after {
   opacity: 1;
 }
 #news .opt .more {
   width: 24%;
   height: 100%;
   line-height: inherit;
   font-size: 20px;
   color: #c52443;
 }
 #news .opt .more:hover {
   color: #fff;
   background-color: #c52443;
 }
 #about .about-item {
   margin-bottom: 60px;
 }
 #about .about-item .img {
   width: 46%;
 }
 #about .about-item .info {
   width: 51.875%;
   height: 100%;
   top: 0;
 }
 #about .about-item p {
   font-size: 16px;
   line-height: 30px;
 }
 #contact .about-item p {
   text-align: center;
   font-size: 16px;
   line-height: 30px;
 }
 #about .about-item .info.w100 {
   width: 100%;
 }
 #about .about-item .info.left {
   left: 0;
 }
 #about .about-item .info.right {
   right: 0;
 }
 #about .about-item .info .cell {
   line-height: 28px;
   font-size: 14px;
   color: #777;
 }
 #about .about-line {
   width: 100%;
   height: 1px;
   background-color: #e5e5e5;
   margin: 60px 0 50px;
 }
 #about .about-goal .left {
   width: 200px;
 }
 #about .about-goal .left .title-0 {
   font-size: 28px;
   color: #353535;
   margin-bottom: 10px;
 }
 #about .about-goal .left .title-1 {
   font-family: 'AvantBk';
   font-size: 12px;
   color: #777;
 }
 #about .about-goal .goal {
   width: 60%;
   line-height: 24px;
   font-size: 14px;
   color: #777;
   padding: 20px 0;
 }
 @media(max-width:1440px) {
   #about .about-item .col-md-4 img {
     width: 100% !important;
   }
 }
 #development .development-list .list-line {
   width: 2px;
   height: 100%;
   background-color: #ddd;
   left: 50%;
   top: 0;
 }
 #development .development-list .item .main {
   width: 50%;
   padding-bottom: 10px;
   z-index: 2;
 }
 #development .development-list .item .main .year {
   line-height: 26px;
   font-family: 'AvantBk';
   font-size: 34px;
   color: #777;
 }
 #development .development-list .item .main .info {
   min-height: 96px;
   line-height: 24px;
   font-size: 14px;
   color: #777;
   margin-top: 15px;
 }
 #development .development-list .item .main .round {
   width: 20px;
   height: 20px;
   background-color: #fff;
   border: 2px solid #ddd;
   border-radius: 100%;
   top: 0;
   z-index: 2;
 }
 #development .development-list .item .main.left {
   text-align: right;
   padding-right: 4.0625%;
 }
 #development .development-list .item .main.left .round {
   right: -10px;
 }
 #development .development-list .item .main.right {
   text-align: left;
   padding-left: 4.0625%;
 }
 #development .development-list .item .main.right .round {
   left: -10px;
 }
 #development .development-list .item:last-child .main::after {
   width: 2px;
   height: 100%;
   background-color: #fff;
   position: absolute;
   z-index: 1;
   bottom: 0;
   right: -2px;
   content: '';
 }
 #team .team-list .item {
   width: 22.1875%;
   margin-left: 3.75%;
   margin-bottom: 20px;
 }
 #team .team-list .item.f4 {
   margin-left: 0;
 }
 #team .team-list .item .img .url {
   width: 100%;
   height: 100%;
   background-image: url(../images/see.png);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: auto 27.27272727%;
   left: 0;
   top: 0;
   opacity: 0;
 }
 #team .team-list .item .main {
   padding: 20px 8.45070422535% 15px;
 }
 #team .team-list .item .main .name {
   font-size: 20px;
   color: #353535;
 }
 #team .team-list .item .main .title {
   font-size: 14px;
   color: #777;
 }
 #team .team-list .item .main .brief {
   height: 96px;
   line-height: 24px;
   font-size: 14px;
   color: #777;
   margin-top: 15px;
   margin-bottom: 5px;
 }
 #team .team-list .item .main .more {
   font-size: 14px;
   color: #fff;
 }
 #team .team-list .item:hover .img .url {
   opacity: 1;
 }
 #team .team-list .item:hover .main {
   background-color: #f26d5b;
 }
 #team .team-list .item:hover .main .name {
   color: #fff;
 }
 #team .team-list .item:hover .main .title {
   color: #fff;
 }
 #team .team-list .item:hover .main .brief {
   color: #fff;
 }
 #new-product {
   margin-bottom: 100px;
 }
 #new-product .new-product-list .item {
   width: 50%;
   max-width: 960px;
 }
 #new-product .new-product-list .item .main {
   background-color: #fff;
   left: 2.5%;
   right: 2.5%;
   top: 4.80769230769%;
   bottom: 4.80769230769%;
   opacity: 0;
 }
 #new-product .new-product-list .item .main .name-0 {
   font-size: 24px;
   color: #353535;
 }
 #new-product .new-product-list .item .main .name-1 {
   font-family: 'AvantBk';
   font-size: 12px;
   color: #777;
 }
 #new-product .new-product-list .item .main .rating {
   margin: 5% 0;
 }
 #new-product .new-product-list .item .main .rating .fa-star {
   color: #c52443;
 }
 #new-product .new-product-list .item .main .rating .fa-star-o {
   color: #f29487;
 }
 #new-product .new-product-list .item .main .info {
   line-height: 24px;
   font-size: 14px;
   color: #777;
 }
 #new-product .new-product-list .item .main .brief {
   min-height: 120px;
 }
 #new-product .new-product-list .item .main .see-more {
   width: 130px;
   height: 32px;
   line-height: 32px;
   color: #777;
   border: 1px solid #777;
   border-radius: 32px;
   margin-left: -65px;
   position: absolute;
   z-index: 1;
   left: 50%;
   bottom: 5%;
 }
 #new-product .new-product-list .item:hover .main {
   opacity: 1;
 }
 #contact .map {
   width: 56.25%;
 }
 #contact .map img {
   left: 0;
 }
 #contact .company {
   width: 40%;
 }
 #contact .company .name {
   line-height: 30px;
   font-size: 20px;
   color: #c52443;
   margin: 35px 0;
 }
 #contact .company .ico {
   background-repeat: no-repeat;
   padding-left: 45px;
   margin-bottom: 45px;
 }
 #contact .company .ico .number {
   font-size: 18px;
 }
 #contact .company .hotline {
   background-image: url(../images/ico-hotline-0.png);
 }
 #contact .company .address {
   background-image: url(../images/ico-address-0.png);
 }
 #contact .company .title {
   font-size: 14px;
   color: #777;
 }
 #contact .company .title.fl {
   width: 50px;
 }
 #contact .company .info {
   line-height: 26px;
   font-size: 16px;
   color: #777;
 }
 #contact .company .number {
   font-family: 'AvantBk';
   color: #777;
 }
 #contact .company .number.fl {
   font-size: 16px;
 }
 #contact .company .rows {
   margin-bottom: 30px;
 }
 #contact .company .line {
   height: 1px;
   background-color: #e5e5e5;
   margin: 15px 0 55px;
 }
 #contact .message-form .text {
   width: 32.5%;
   height: 50px;
   font-size: 14px;
   color: #444;
   padding: 0 1.5625%;
   border: 1px solid #ddd;
   margin-left: 1.25%;
 }
 #contact .message-form .text:first-child {
   margin-left: 0;
 }
 #contact .message-form #index_code {
   margin-left: 0px;
   margin-top: 20px;
   width: 120px;
 }
 #contact .message-form img#codeIMG {
   margin-top: 20px;
   padding: 11px 10px;
   width: 120px !important;
   border: #ccc solid 1px;
   margin-left: 10px;
 }
 @media(max-width:720px) {
   #contact .message-form img#codeIMG, #contact .message-form #index_code {
     margin-top: 0px;
   }
 }
 #contact .message-form .area {
   width: 100%;
   height: 260px;
   line-height: 24px;
   font-size: 14px;
   color: #444;
   padding: 10px 1.5625%;
   border: 1px solid #ddd;
   margin: 20px 0 60px;
   resize: none;
 }
 #contact .message-form .text:hover, #contact .message-form .text:focus, #contact .message-form .area:hover, #contact .message-form .area:focus {
   border-color: #f0c1ba;
   box-shadow: 0 0 5px rgba(242, 110, 92, .5);
 }
 #contact .message-form .submit {
   width: 200px;
   height: 60px;
   font-size: 16px;
   color: #fff;
   background-color: #c52443;
   border: 0;
   border-radius: 60px;
   margin: 0 auto;
 }
 #footer {
   background-color: #111;
 }
 #footer .footer-nav {
   background-color: #21201e;
   padding: 20px 0;
 }
 #footer .footer-nav .footer-title-0 {
   font-size: 20px;
   color: #fff;
 }
 #footer .footer-nav .footer-title-1 {
   font-family: 'AvantBk';
   font-size: 12px;
   color: #777;
   margin-bottom: 20px;
 }
 #footer .footer-nav .contact {
   width: 30.3125%;
   padding-right: 2.75%;
   padding-bottom: 4000px;
   border-right: 1px solid #383735;
   margin-bottom: -4000px;
 }
 #footer .footer-nav .contact .item {
   padding-left: 11.340206185567%;
   background-repeat: no-repeat;
   background-position: left top;
 }
 #footer .footer-nav .contact .item.address {
   background-image: url(../images/ico-address.png);
   background-size: 7.01030927835% auto;
 }
 #footer .footer-nav .contact .item.hotline {
   background-image: url(../images/ico-hotline.png);
   background-size: 8.04123711340206% auto;
 }
 #footer .footer-nav .contact .item.email {
   background-image: url(../images/ico-email.png);
   background-size: 8.04123711340206% auto;
 }
 #footer .footer-nav .contact .item:last-child {
   margin-top: 0px;
 }
 #footer .footer-nav .contact .item .contact-title {
   height: 40px;
   line-height: 40px;
   font-family: 'AvantBk';
   font-size: 16px;
   color: #fff;
   margin-bottom: 15px;
 }
 #footer .footer-nav .contact .item .contact-title::after {
   width: 40px;
   height: 2px;
   background-color: #c52443;
   position: absolute;
   z-index: 1;
   left: 0;
   bottom: 0;
   content: '';
 }
 #footer .footer-nav .contact .item .info {
   line-height: 22px;
   font-size: 14px;
   color: #fff;
 }
 #footer .footer-nav .navs {
   width: 17.5%;
   padding-left: 3%;
   padding-right: 1.875%;
   padding-bottom: 4000px;
   border-right: 1px solid #383735;
   margin-bottom: -4000px;
 }
 #footer .footer-nav .navs .navs-item {
   line-height: 25px;
 }
 #footer .footer-nav .navs .navs-item a {
   font-size: 14px;
   color: #fff;
 }
 #footer .footer-nav .navs .navs-item a:hover {
   color: #c52443;
 }
 #footer .footer-nav .follow {
   width: 15%;
   max-width: 180px;
 }
 #footer .footer-nav .follow .qrcode {
   line-height: 20px;
   font-size: 14px;
   color: #ccc;
 }
 #footer .footer-bottom {
   line-height: 20px;
   padding: 20px 0;
 }
 #footer .footer-bottom .links {
   color: #999;
 }
 #footer .footer-bottom .links span {
   margin: 0 3px;
 }
 #footer .footer-bottom .links a {
   color: inherit;
 }
 #footer .footer-bottom .links a:hover {
   color: #fff;
 }
 #footer .footer-bottom .copyright {
   color: #999;
 }
 #footer .footer-bottom .copyright a {
   color: #999;
 }
 #toTop {
   width: 70px;
   height: 70px;
   line-height: 70px;
   font-size: 26px;
   color: #c8c8c8;
   background-color: #eee;
   border-radius: 100%;
   right: 20px;
   top: auto;
   bottom: 10%;
   text-align: center;
   opacity: 0;
   cursor: default;
 }
 #toTop.on {
   opacity: 1;
   cursor: pointer;
 }
 #toTop:hover {
   color: #fff;
   background-color: #c52443;
 }
 @media only screen and (max-width: 1280px) {
   #products .products-list .item {
     width: 24%;
   }
   #products .products-list .item[class] {
     margin-left: 1.25%;
   }
   #products .products-list .item.f4 {
     margin-left: 0;
   }
   #new-product .new-product-list .item .main .rating {
     margin: 2% 0;
   }
 }
 @media only screen and (max-width: 991px) {
   .block-992 {
     display: block;
   }
   .none-992 {
     display: none;
   }
   .max-limit {
     margin-bottom: 10px;
   }
   html.open-menu, body.open-menu {
     width: 100%;
     height: 100%;
     position: fixed;
     overflow: hidden;
   } /* 导航菜单展开后禁止手机页面滚动 */
   .web-title .title-0 {
     font-size: 20px;
   }
   .banner .banner-btn {
     display: none;
   }
   #website.open-menu {
     left: -60%;
   }
   #header {
     height: 60px;
   }
   #header #logo {
     margin-top: 5px;
   }
   /*#header #menu{}*/
   #header #menu.open-menu #nav {
     right: 0%;
     z-index: 20;
   }
   #header #menu #nav {
     width: 60%;
     max-width: none;
     background-color: #fff;
     border-left: 1px solid #eee;
     position: fixed;
     right: -60%;
     top: 0;
     overflow-x: hidden;
   }
   #header #menu #nav .menu-close {
     width: 100%;
     height: 60px;
     line-height: 60px;
     font-size: 28px;
     color: #fff;
     background-color: #777;
     padding-left: 5%;
     padding-right: 5%;
   }
   #header #menu #nav .row {
     position: relative;
     z-index: 1;
   }
   #header #menu #nav .nav-item {
     border-bottom: 1px solid #777;
     text-align: left;
   }
   #header #menu #nav .nav-item.on {
     z-index: 3;
   }
   #header #menu #nav .nav-item .item-a {
     height: 45px;
     line-height: 45px;
     font-size: 16px;
     padding-left: 7%;
     padding-right: 7%;
     margin-left: -15px;
     margin-right: -15px;
     display: block;
   }
   #header #menu #nav .nav-item .sub-nav {
     width: 60%;
     border-radius: 0;
     margin-left: 0;
     left: auto;
     right: -60%;
     top: 60px;
     bottom: 0;
     position: fixed;
     box-shadow: none;
     display: block;
     overflow-x: hidden;
   }
   #header #menu #nav .nav-item .sub-nav.open {
     right: 0;
   }
   #header #menu #nav .nav-item .sub-nav .sub-title {
     height: 38px;
     line-height: 38px;
     font-size: 18px;
     color: #fff;
     background-color: #777;
     padding-left: 7%;
     padding-right: 7%;
   }
   #header #menu #nav .nav-item .sub-nav .sub-title i {
     margin-right: 10px;
   }
   #header #menu #nav .nav-item .sub-nav .sub-item {
     height: 38px;
     line-height: 35px;
     border-bottom: 1px solid #777;
   }
   #header #menu #nav .nav-item .sub-nav .sub-item a {
     padding-left: 7%;
     padding-right: 7%;
   }
   #header #menu-btn {
     line-height: 60px;
   }
   #header.open-menu {
     left: -60%;
   }
   #header-blank {
     height: 60px;
   }
   .banner .item img {
     max-width: 150%;
     left: -25%;
   }
   #products .products-list .item {
     width: 32%;
   }
   #products .products-list .item[class] {
     margin-left: 2%;
   }
   #products .products-list .item.f3 {
     margin-left: 0;
   }
   #products .products-list .item .main {
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
   }
   #products .products-list .item:hover .main {
     opacity: 0;
   }
   #products .products-list .item .main .more {
     width: 100%;
     height: 100%;
     border-radius: 0;
     margin-top: 0;
     left: 0;
     top: 0;
     position: absolute;
     z-index: 1;
   }
   #products .list-more {
     font-size: 32px;
     margin-top: 0;
   }
   #products .products-scrollbar {
     width: 80%;
     margin-top: 15px;
   }
   #index-new-product .item .img {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     float: none !important;
     display: none;
   }
   #index-new-product .item .main-box {
     display: block;
   }
   #index-brand .main {
     margin-top: 0;
   }
   #about .about-item {
     margin-bottom: 30px;
   }
   #about .about-item img {
     max-width: 100%;
     float: none;
   }
   #about .about-item .info {
     width: 100%;
     margin-top: 10px;
     position: relative;
   }
   #new-product .new-product-list .item {
     width: 100%;
     margin: 0 auto;
     float: none;
   }
   #new-product .new-product-list .item .main {
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     opacity: 0 !important;
   }
   #new-product .new-product-list .item .main .see-more {
     width: 100%;
     height: 100%;
     border-radius: 0;
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
   }
   #news {
     padding: 20px 0 30px;
   }
   #news .news-list .item[class] {
     width: 30.5%;
     margin-right: 4.25%;
   }
   #news .news-list .item.l3 {
     margin-right: 0;
   }
   #news .opt {
     margin-top: 20px;
   }
   #contact .company {
     width: 100%;
     float: none;
   }
   #contact .map {
     width: 100%;
     float: none;
   }
   #footer .footer-nav {
     padding: 10px 0 15px;
   }
   #footer .footer-nav .navs {
     display: none;
   }
   #footer .footer-nav .contact {
     width: 60%;
     padding: 0;
     border-right: 0;
     margin: 0;
   }
   #footer .footer-nav .contact .item[class] {
     background: none;
     padding: 0;
   }
   #footer .footer-nav .contact .item:last-child {
     margin-top: 20px;
   }
   #footer .footer-nav .contact .item .contact-title {
     margin-bottom: 0;
   }
   #footer .footer-nav .contact .item .contact-title::after {
     display: none;
   }
   #footer .footer-nav .footer-title-0, #footer .footer-nav .footer-title-1 {
     display: none;
   }
   #footer .footer-nav .follow {
     width: 35%;
     margin: 10px 0 0;
   }
   #footer .footer-bottom {
     padding: 0;
   }
   #footer .footer-bottom .links {
     display: none;
   }
   #toTop {
     width: 50px;
     height: 50px;
     line-height: 50px;
   }
   #header #menu .change-lang {
     margin-right: 10px;
     line-height: 60px;
   }
 }
 @media only screen and (max-width: 768px) {
   .block-768 {
     display: block;
   }
   .none-768 {
     display: none;
   }
   .web-title {
     margin-bottom: 20px;
   }
   .web-detail {
     margin: 20px auto 40px;
   }
   .web-detail .detail-back {
     height: 35px;
     line-height: 35px;
   }
   .banner .item img {
     max-width: 180%;
     left: -45%;
   }
   #index-brand .see-more {
     height: 36px;
     line-height: 36px;
   }
   #news .opt {
     height: 36px;
     line-height: 36px;
   }
   #about .about-goal .left {
     width: 100%;
     text-align: center;
     float: none;
   }
   #about .about-goal .goal {
     width: 100%;
     padding: 0;
     margin-top: 20px;
     text-align: center;
     float: none;
   }
   #development .development-list .item .main {
     padding-bottom: 20px;
   }
   #development .development-list .item .main .year {
     font-size: 20px;
   }
   #team .team-list .item[class] {
     width: 48%;
     margin-left: 4%;
   }
   #team .team-list .item.f2 {
     margin-left: 0;
   }
   #team .team-list .item .main .name {
     font-size: 16px;
   }
   #turn_page a, #turn_page font {
     height: 30px;
     line-height: 30px;
     margin: 0 3px;
   }
   #turn_page .page_button {
     padding-left: 10px;
     padding-right: 10px;
   }
   #turn_page .page_button:first-child::before {
     display: none;
   }
   #turn_page .page_button:last-child::after {
     display: none;
   }
   #news .news-list .item[class] {
     width: 48%;
     margin-right: 4%;
   }
   #news .news-list .item.l2 {
     margin-right: 0;
   }
   #contact .map img {
     max-width: 150%;
     left: -25%;
   }
   #contact .company .name {
     margin: 15px 0;
   }
   #contact .company .ico {
     background: none;
     padding-left: 0;
     margin-bottom: 20px;
   }
   #contact .company .line {
     margin: 10px 0 20px;
   }
   #contact .company .rows {
     margin-bottom: 20px;
   }
   #contact .message-form .text {
     width: 100%;
     margin: 0 0 10px;
   }
   #contact .message-form .area {
     height: 180px;
     margin: 0 0 10px;
   }
   #contact .message-form .submit {
     height: 40px;
     border-radius: 40px;
   }
 }
 @media only screen and (max-width: 480px) {
   .block-480 {
     display: block;
   }
   .none-480 {
     display: none;
   }
   #products .products-list .item[class] {
     width: 49%;
     margin-left: 2%;
   }
   #products .products-list .item.f2 {
     margin-left: 0;
   }
   #news .news-list .item[class] {
     width: 100%;
     margin: 0 auto 10px;
     float: none;
   }
   #footer .footer-nav .contact .item .contact-title {
     font-size: 14px;
   }
   #footer .footer-nav .contact .item .info {
     font-size: 12px;
   }
   #footer .footer-nav .follow .qrcode {
     font-size: 12px;
   }
   #toTop {
     width: 30px;
     height: 30px;
     line-height: 30px;
     font-size: 20px;
   }
 }
 .breadcrumb {
   background: none;
   width: 1600px;
   margin: 0px auto;
   display: block;
 }
 @media(max-width:990px) {
   .breadcrumb {
     width: 100%;
   }
 }
 .pagination > .active > a {
   background-color: #c52443;
   border-color: #c52443;
 }
 .pagination > li > a {
   color: #666;
 }
 .intro .paging {
   width: 100%;
   overflow: hidden;
   padding: 20px 0;
   width: 100%;
 }
 .intro .paging .fl {
   font-size: 12px;
   line-height: 22px;
 }
 .intro i {
   margin-right: 10px;
 }
 .intro .paging a {
   color: #666;
 }
 .intro .paging a:hover {
   color: #0d3372;
 }
 .intro .paging .return {
   border: 1px solid #ddd;
   display: block;
   height: 34px;
   line-height: 34px;
   margin-top: 10px;
   text-align: center;
   width: 100px;
   font-size: 14px;
 }
 .intro .paging .return:hover {
   border: 1px solid #0d3372;
   background-color: #0d3372;
   color: #fff;
 }
 /*JOB*/
 .joblist {}
 .jonav li {
   width: 25%;
 }
 .jot {
   background: #eee;
 }
 .jot:hover {
   background: #20308f;
 }
 .joa {
   background: #20308f;
 }
 .jotxs:hover .jot {
   background: #20308f;
 }
 .jot span {
   display: block;
   width: 14%;
   float: left;
   line-height: 47px;
   height: 47px;
   overflow: hidden;
   font-size: 20px;
 }
 .jot span:first-child {
   padding-left: 4%;
   width: 26%;
 }
 .jod > span {
   color: #666;
   cursor: pointer;
   transition: 300ms;
   -webkit-transition: 300ms;
 }
 .jotxs {
   position: relative;
   margin-bottom: 30px;
   overflow: hidden;
 }
 .jos {
   display: none;
   padding-right: 1px;
 }
 .jos .bodr {
   border: 1px solid #eee;
   overflow: hidden;
   padding: 30px 5% 30px 5%;
   border-top: 0;
   line-height: 30px;
 }
 .jos .bodr span {
   display: block;
   border-top: 1px solid #eee;
   padding-top: 20px;
   margin-top: 20px;
 }
 .jotxs .line {
   background: #000;
   display: block;
   position: absolute;
 }
 .jotxs .line_1 {
   width: 21px;
   height: 1px;
   top: 23px;
   left: 15px;
 }
 .jotxs .line_2 {
   width: 1px;
   height: 21px;
   top: 13px;
   left: 25px;
 }
 .jotxs .arrow {
   width: 55px;
   height: 47px;
   position: absolute;
   top: 0;
   right: 0;
   transition: 300ms;
   -webkit-transition: 300ms;
 }
 .jotxs:hover .jod > span, .jotxs.act .jod > span {
   color: #fff;
 }
 .jotxs.act .arrow {
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
 }
 .jo2 {}
 .jos a {
   color: #666
 }
 select.selbox {
   width: 100%;
   height: 48px;
   line-height: 48px;
   padding: 0px;
   outline: none;
   vertical-align: middle;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font-family: "microsoft yahei";
   cursor: pointer;
   display: block;
   font-size: 14px;
   padding-left: 14px;
   border: 1px solid #ddd;
   color: #666
 }
 .no-csstransitions select.selbox {
   padding-left: 0;
   background-image: none;
 }
 select.selbox option {
   padding: 2px 12px;
 }
 select.selbox:hover {
   color: #323232;
 }
 .jobview {
   width: 100%;
   margin-top: 30px;
   margin-bottom: 50px;
 }
 .jobview .list {
   margin-top: 30px;
 }
 .jobview .list dd {
   width: 48.5%;
   display: block;
   margin-bottom: 20px;
   margin-right: 3%;
   float: left
 }
 .jobview .list dt {
   width: 100%;
   display: block;
 }
 .jobview .list dd:nth-child(2n+2) {
   margin-right: 0
 }
 .jobview .list .txt {
   background-color: #fff;
   border: 0px none;
   padding: 10px 12px;
   box-sizing: border-box;
   width: 100%;
   font: 14px/1.8 "microsoft yahei";
   border: 1px solid #ddd;
   color: #999
 }
 .jobview .list .txt2 {
   height: 200px;
   margin-bottom: 0px;
 }
 .jobview .list .btn {
   text-align: center;
   margin: 20px auto;
 }
 .jobview .list .fromBtn {
   display: inline-block;
   width: 100%;
   max-width: 150px;
   margin: 0px auto;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 14px;
   color: #fff;
   background-color: #0769b2;
   border: 0px;
   border-radius: 5px;
   margin-right: 20px;
   cursor: pointer
 }
 .jobview .list .fromBtn:hover {
   background-color: #045b9c;
 }
 .downlist {
   padding: 22px;
   padding-top: 0;
   overflow: hidden;
 }
 .downlist ul {
   list-style-image: none;
   list-style-type: none;
   margin-top: 6px;
 }
 .downlist li {
   border-bottom: 1px dotted #888A89;
   height: 50px;
   line-height: 50px;
   overflow: hidden;
 }
 .downlist li a {
   color: #414141;
   text-decoration: none;
 }
 .downlist li span {
   color: #414141;
   float: right;
   margin-right: 30px;
 }