@charset "utf-8";

/* CSS Document */

html,
body {
	position: relative;
}

body{
	padding-top: 92px;
}

.bg-f5f5f5{
	background: #f5f5f5;
}

.banner{
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: move;
}

.banner .container{
	position: relative;
}

.banner .swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

.banner .pagination {
    position: absolute;
    width: 100%;
    z-index: 20;
    left: 0;
    bottom: 20px;
    text-align: center;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 45px;
  height: 3px;
  background: #fff;
  margin: 0 6px;
  border: 1px solid #fff;
  cursor: pointer;
  border: none;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.banner .swiper-visible-switch {
  background: #fff;
}
.banner .swiper-active-switch {
  background: #d70c19;
  opacity: 1;
}

.banner .swiper-slide{
	position: relative;
	overflow: hidden;
}

.banner .swiper-slide a{
	position: relative;
	display: block;
	height: 549px;
}

.index-fuwu{
	position: relative;
}

.index-fuwu li{
	float: left;
	width: 25%;
}

.index-fuwu li a{
	position: relative;
	display: block;
}

.index-fuwu li a .img{
	position: relative;
	overflow: hidden;
}

.index-fuwu li a .imgBox{
	padding-bottom: 78%;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.index-fuwu li a:hover .imgBox{
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-ms-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
}

.index-fuwu li .imgBox::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(211,15,25,0.15);
}

.index-fuwu li a .img::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60%;
}

.index-fuwu li:nth-child(1) a .img::after{
	background: linear-gradient(rgba(60,68,202,0),rgba(60,68,202,1));
}

.index-fuwu li:nth-child(2) a .img::after{
	background: linear-gradient(rgba(98,46,146,0),rgba(98,46,146,1));
}

.index-fuwu li:nth-child(3) a .img::after{
	background: linear-gradient(rgba(12,138,135,0),rgba(12,138,135,1));
}

.index-fuwu li:nth-child(4) a .img::after{
	background: linear-gradient(rgba(23,36,132,0),rgba(23,36,132,1));
}

.index-fuwu .text{
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 20%;
	text-align: center;
	color: #fff;
	line-height: 1.4;
}

.index-fuwu .text .title{
	font-size: 24px;
	font-weight: bold;
}

.index-fuwu .text .desc{
	font-size: 16px;
	margin-top: 10px;
}

.box-title{
	position: relative;
	font-size: 35px;
	color: #4d4948;
	text-align: center;
	padding-bottom: 18px;
}

.box-title::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -24px;
	width: 48px;
	height: 2px;
	background: #666666;
}

.index-product-header,
.index-news-header{
	text-align: center;
}

.index-product-header a,
.index-news-header a{
	display: inline-block;
	vertical-align: top;
	line-height: 50px;
	margin: 0 2px 12px;
	font-size: 14px;
	color: #393933;
	padding: 0 12px;
	border-bottom: 1px solid transparent;
}

.index-product-header a:hover,
.index-news-header a:hover,
.index-product-header a.active,
.index-news-header a.active{
	color: #d9020d;
	border-bottom: 1px solid #d9020d;
}

.index-product{
	padding: 72px 0 54px;
}

.index-product .box-title{
	margin-bottom: 24px;
}

.index-product-body{
	padding: 24px 0 0;
}

.index-product-body .list{
	margin-left: -18px;
}

.index-product-body li{
	float: left;
	width: 33.33333%;
	margin-bottom: 18px;
}

.index-product-body li a{
	display: block;
	margin-left: 18px;
	border: 1px solid #e5e5e5;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.index-product-body .img{
	overflow: hidden;
}

    .index-product-body .imgBox {
        padding-bottom: 56.4%;
        background-size: 100% 100%;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }

.index-product-body .text{
	padding: 24px 20px 0;
}

.index-product-body .text .title{
	font-size: 16px;
	color: #393933;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.index-product-body .text .desc{
	font-size: 12px;
	color: #838383;
	line-height: 20px;
	height: 40px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 12px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.index-product-body .text .link{
	line-height: 44px;
	border-top: 1px solid #e5e5e5;
	margin-top: 20px;
	font-size: 12px;
	color: #838383;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.index-product-body li a:hover{
	background: #d30f19;
	-webkit-box-shadow: 0 0 24px rgba(128,128,128,0.6);
	-moz-box-shadow: 0 0 24px rgba(128,128,128,0.6);
	box-shadow: 0 0 24px rgba(128,128,128,0.6);
}

.index-product-body a:hover .imgBox{
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-ms-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
}

.index-product-body a:hover .text .title,
.index-product-body a:hover .text .desc,

.index-product-body a:hover .text .link{
	color: #fff;
}

.index-product-body .text .link span{
	float: left;
}

.index-product-body .text .link i{
	float: right;
	line-height: 48px;
	font-size: 16px;
}

.more{
	text-align: center;
	padding-top: 24px;
}

.more a{
	display: inline-block;
	vertical-align: top;
	width: 164px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	font-size: 16px;
	color: #fff;
	background: #d30f19;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.more a:hover{
	opacity: 0.6;
}

.index-news{
	padding: 52px 0 52px;
	/*background: #efefef;*/
}

.index-news .box-title{
	margin-bottom: 24px;
}


.index-news1 {
    padding: 52px 0 52px;
    /*background: #efefef;*/
}

    .index-news1 .box-title {
        margin-bottom: 24px;
    }

.index-news2 {
    padding: 52px 0 52px;
    /*background: #efefef;*/
}

    .index-news2 .box-title {
        margin-bottom: 24px;
    }

.index-news3 {
    padding: 52px 0 52px;
    /*background: #efefef;*/
}

    .index-news3 .box-title {
        margin-bottom: 24px;
    }


.index-news4 {
    padding: 52px 0 52px;
    /*background: #efefef;*/
}

    .index-news4 .box-title {
        margin-bottom: 24px;
    }


.index-news5 {
    padding: 52px 0 52px;
    /*background: #efefef;*/
}

    .index-news5 .box-title {
        margin-bottom: 24px;
    }


.index-news6 {
    padding: 52px 0 52px;
    /*background: #efefef;*/
}

    .index-news6 .box-title {
        margin-bottom: 24px;
    }


.index-news-body{
	padding-top: 30px;
}

.index-news-body .list{
	margin-left: -28px;
    display:none
}

.index-news-body .list li{
	float: left;
	width: 33.33333%;
	margin-bottom: 28px;
}

.index-news-body .list a{
	display: block;
	margin-left: 28px;
}


.index-news-body .list .img{
	overflow: hidden;
}

    .index-news-body .list .imgBox {
        padding-bottom: 56.4%;
        background-size: 100% 100%;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }

.index-news-body .list .text{
	padding: 10px 0 16px;
}

.index-news-body .list .text .title{
	font-size: 16px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.index-news-body .list .date{
	font-size: 12px;
	color: #999999;
	margin-top: 4px;
}

.index-news-body .list a:hover .imgBox{
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-ms-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
}

.index-news-body .list a:hover .text .title{
	color: #d30f19;
}

.index-about{
	padding: 110px 0 100px;
	background: url(../img/common-img/index-about-bg.jpg) repeat;
}

.index-about .box-title{
	margin-bottom: 54px;
}

.index-about .desc{
	font-size: 14px;
	color: #404040;
	line-height: 32px;
	text-align: center;
	margin-bottom: 20px;
}

.index-about .numBox{
	width: 80%;
	text-align: center;
	margin: 0 auto 36px;
}

.index-about .numBox .item{
	float: left;
	width: 33.33333%;
	text-align: center;
}

.index-about .numBox .item-header{
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 28px;
	font-size: 14px;
	color: #404040;
}

.index-about .numBox .item-header::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -16px;
	width: 32px;
	height: 2px;
	background: #13469b;
}

.index-about .numBox .item-header span{
	display: inline-block;
	vertical-align: baseline;
	margin: 0 2px;
}

.index-about .numBox .item-header span.num{
	font-size: 90px;
	color: #d30f19;
}

.index-about .numBox .item-body{
	font-size: 14px;
	color: #404040;
}

.index-hot {
    background: #b51322;
}

.index-hot .inner{
	position: relative;
	padding-right: 56px;
}

.index-hot .title{
	position: relative;
	float: left;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #fff;
}

.index-hot .title::after{
	content: "";
	position: absolute;
	top: 50%;
	right: -20px;
	height: 18px;
	margin-top: -9px;
	border-right: 1px solid #37658b;
}

.index-hot .list{
	margin-left: 100px;
}

.index-hot .list .swiper-slide{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index-hot .list a{
	display: inline-block;
	vertical-align: middle;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #fff;
}

.index-hot .list span{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #7ba1b7;
	margin-left: 12px;
}

.index-hot .con{
	position: absolute;
	right: 0;
	top: 0;
}

.index-hot .con a{
	margin-left: 6px;
}

.index-hot .con a,
.index-hot .con i{
	display: inline-block;
	vertical-align: top;
	height: 44px;
	line-height: 44px;
	color: #6885a3;
	font-size: 14px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.index-hot .con a:hover,
.index-hot .con a:hover i{
	color: #fff;
}

.small-nav-1{
	padding-left: 32px;
	line-height: 26px;
	background: url(../img/common-img/small-nav-bg.jpg) left top no-repeat;
}

.small-nav-1 li{
	position: relative;
	float: left;
	padding: 0 18px;
	margin-bottom: 8px;
}

.small-nav-1 li a{
	font-size: 16px;
	color: #626262;
}

.small-nav-1 li a:hover,
.small-nav-1 li a.active{
	color: #d50a1d;
}

.small-nav-1 li::after{
	content: "";
	position: absolute;
	right: 0;
	height: 14px;
	width: 1px;
	top: 50%;
	margin-top: -7px;
	background: #b8b8b8;
}

.small-nav-1 li:last-child::after{
	display: none;
}

.product .index-product-body li a{
	position: relative;
	background: #fff;
	padding: 20px 20px 0;
}

.product .index-product-body li a:hover{
	background: #d30f19;
}

.product .index-product-body .text {
    padding: 24px 0 0;
}

.product .search{
	margin-bottom: 36px;
}

.product .index-product{
	padding-top: 36px;
}

.product .search .inner{
	float: right;
	border: 1px solid #d7d7d7;
	padding: 8px 18px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	
}

.product .search .inner .fa{
	float: left;
	font-size: 16px;
	color: #333333;
	height: 32px;
	line-height: 32px;
}

.product .search .inner .input{
	margin-left: 26px;
}

.product .search .inner .input input{
	display: block;
	height: 32px;
	line-height: 32px;
	width: 100%;
	font-size: 15px;
}

.small-nav-2{
	background: #fff;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}

.small-nav-2 .brand{
	float: right;
}

.small-nav-2 .brand a,
.small-nav-2 .brand i,
.small-nav-2 .brand span{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #666666;
	height: 34px;
	line-height: 34px;
}

.small-nav-2 .brand a,
.small-nav-2 .brand span{
	margin-left: 8px;
}

.small-nav-2 .brand span.home-text{
	margin-left: 1px;
}

.small-nav-2 .brand a .fa{
	color: #88848b;
}

.small-nav-2 .brand a .fa-caret-right{
	color: #cccccc;
}

.small-nav-2 .brand a:hover span,
.small-nav-2 .brand a.active span{
	color: #d30f19;
}

.small-nav-2 .list{
	float: left;
	margin-right: 260px;
	border-right: 1px solid #e4e4e4;
	margin-right: 10px;
}

.small-nav-2 .list li{
	float: left;
	border-left: 1px solid #e4e4e4;
}

.small-nav-2 .list li a{
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0 36px;
	font-size: 14px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}


.small-nav-2 .list li a:hover,
.small-nav-2 .list li a.active{
	background: #d30f19;
	color: #fff;
}

.news{
	padding: 44px 0 72px;
}

.news .list ul{
	margin-left: -28px;
}

.news .list li{
	float: left;
	width: 33.33333%;
	margin-bottom: 28px;
}

.news .list li a{
	display: block;
	margin-left: 28px;
	background: #fff;
}

.news .list .img{
	position: relative;
	overflow: hidden;
}

    .news .list .imgBox {
        padding-bottom: 56.7%;
        background-size: 100% 100%;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }

.news .list .text{
	padding: 16px 20px 20px;
}

.news .list .text .title{
	font-size: 18px;
	line-height: 28px;
	height: 60px;
	color: #333333;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.news .list .text .desc{
	font-size: 14px;
	line-height: 22px;
	color: #747474;
	height: 44px;
	margin-top: 6px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
}

.news .list .text .more{
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	text-decoration: underline;
}

.news .list a:hover .imgBox{
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-ms-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
}

.news .list a:hover .title{
	color: #d30f19;
}

.news-detail{
	padding: 40px 0 64px;
}

.news-detail .inner{
	background: #fff;
	padding: 50px 36px 0;
}

.news-detail .title{
	font-size: 24px;
	line-height: 36px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 26px;
}

.news-detail .msg{
	font-size: 14px;
	color: #666666;
	text-align: center;
	margin-bottom: 40px;
}

.news-detail .msg span{
	display: inline-block;
	vertical-align: top;
	margin: 0 6px;
}

.news-detail .text{
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	padding-bottom: 160px;
}

.news-detail .link a{
	position: relative;
	float: left;
	width: 33.33333%;
	text-align: center;
	background: #d64b52;
}

.news-detail .link a i,
.news-detail .link a span{
	display: inline-block;
	vertical-align: top;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #fff;
}

.news-detail .link a i.fa-angle-left{
	margin-right: 12px;
}

.news-detail .link a i.fa-angle-right{
	margin-left: 12px;
}

.news-detail .link a i.fa-list{
	margin-right: 6px;
}

.news-detail .link a i.fa-angle-left,
.news-detail .link a i.fa-angle-right{
	font-size: 20px;
}

.news-detail .link a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-left: 1px solid #fff;
}

.news-detail .link a:first-child::before{
	display: none;
}

.news-detail .link a:hover{
	opacity: 0.9;
}

.small-banner{
	height: 400px;
}

.join{
	padding: 54px 0 100px;
}

.join .title{
	font-size: 24px;
	color: #333333;
	text-align: center;
	margin-bottom: 40px;
}

.join .text{
	font-size: 16px;
	line-height: 25px;
}

.contact{
	padding: 40px 0 100px;
}

.contact-header li{
	float: left;
	min-width: 120px;
	padding: 0 10px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #f3f3f3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 24px 22px 0;
	cursor: pointer;
}

.contact-header li.active{
	background: #D30F19;
	color: #fff;
}
.contact-header li.active a{

	color: #fff;
}
.contact-body .item{
	display: none;
}

.contact-body .img{
	float: left;
	width: 50%;
	height: 400px;
}

.contact-body .text{
	margin-left: 50%;
	padding-left: 36px;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}

.contact-body .text .title{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	padding: 12px 0;
}

.contact-body .text .msg-item{
	overflow: hidden;
}

.contact-body .text .msg-item .hidden{
	visibility: hidden;
	opacity: 0;
}

.contact-body .text .msg-item .item-title{
	float: left;
	width: 80px;
}

.contact-body .text .msg-item .item-text{
	margin-left: 80px;
}

.contact-body .text .desc{
	margin-top: 12px;
}

.case{
	padding: 44px 0 64px;
}

.case .text{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}

.case .list{
	margin-top: 44px;
}

.case .list table{
	width: 100%;
	text-align: left;
}

.case .list table .inner{
	padding: 12px;
	font-size: 14px;
	color: #282828;
	line-height: 20px;
}

.case .list table th .inner{
	color: #005bb4;
}

.case .list table tr{
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
}

.case .list table tr:nth-child(odd){
	background: #f9f9f9;
}

.case .list table th,
.case .list table td{
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec;
}

.case .more{
	margin-top: 20px;
	padding-top: 0;
}

.zhaopin{
	padding: 40px 0 87px;
}

.zhaopin-header{
	float: left;
	width: 300px;
}

.zhaopin-header .title{
	height: 68px;
	line-height: 68px;
	padding: 0 30px;
	background: #d30f19;
	font-size: 24px;
	color: #fff;
}

.zhaopin-header .list li{
	margin-bottom: 2px;
}

.zhaopin-header .list a{
	display: block;
	background: #f4f4f4;
	line-height: 68px;
	padding-left: 26px;
	border-left: 6px solid transparent;
	font-size: 16px;
	color: #666666;
}

.zhaopin-header .list a.active{
	border-left-color: #d30f19;
	background: #fff;
}

.zhaopin-body{
	margin-left: 324px;
	background: #f4f4f4;
	padding: 40px;
}

.zhaopin-body .title{
	font-size: 20px;
	color: #444444;
	margin-bottom: 26px;
}

.zhaopin-body .msg table{
	width: 100%;
	font-size: 14px;
	color: #262626;
}

.zhaopin-body .msg .text{
	padding: 12px;
	line-height: 20px;
}

.zhaopin-body .msg table tr{
	border-bottom: 1px solid #d6d6d6;
}

.zhaopin-body .msg table tr:nth-child(even){
	background: #efefef;
}

.zhaopin-body .msg .hidden{
	visibility: hidden;
	opacity: 0;
}

.zhaopin-body .desc{
	margin-top: 40px;
	color: #888888;
	line-height: 26px;
	font-size: 14px;
}

.zhaopin-body .desc .title{
	font-size: 16px;
	margin-bottom: 6px;
}

.zhaopin-body .btn{
	display: block;
	width: 120px;
	height: 44px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #d30f19;
	margin-top: 40px;
	line-height: 44px;
}

.zhaopin-body .btn:hover{
	opacity: 0.9;
}

.zhaopin-header-title{
	display: none;
}

.service{
	padding: 40px 0 80px;
}

.service .list{
	margin-top: 30px;
}

.service .list li{
	position: relative;
	padding: 0 80px 0 25px;
	border-bottom: 1px solid #e3e3e3;
}

.service .list li::before{
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	left: 8px;
	top: 23px;
	background: #d50a1d;
}

.service .list .title{
	display: block;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #333333;
}

.service .list .title:hover{
	color: #d50a1d;
}

.service .list .download{
	position: absolute;
	right: 0;
	top: 5px;
	height: 40px;
	background: url(../img/common-img/download.png) left center no-repeat;
	padding-left: 26px;
	line-height: 40px;
	font-size: 14px;
	color: #5d5d5d;
}

.service .list .date{
	position: absolute;
	right: 0;
	top: 5px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #5d5d5d;
}

.service .list .download:hover{
	color: #d50a1d;
	text-decoration: underline;
}

.service .more{
	padding-top: 48px;
}

.guzhang .list li{
	padding-right: 100px;
}

.guzhang{
	padding-top: 0;
}

.xiangguan .inner-title{
	font-size: 24px;
	color: #393933;
	text-align: center;
}

.xiangguan .product .index-product{
	padding-top: 24px;
}

.product-detail{
	padding-top: 36px;
}

.product-detail .msg{
	background: #fff;
	padding: 36px;
	margin-bottom: 36px;
}

.product-detail .msg .img{
	position: relative;
	float: left;
	width: 46%;
}

.product-detail .msg .quanjing{
	position: absolute;
	width: 50px;
	height: 50px;
	bottom: 48px;
	left: 50%;
	margin-left: -25px;
	background: url(../img/common-img/quanjing.png) no-repeat;
	cursor: pointer;
}

.product-detail .msg .quanjing:hover{
	background: url(../img/common-img/quanjing-hover.png) no-repeat;
}

.product-detail .msg .imgBox{
	padding-bottom: 100%;
}

.product-detail .msg .text{
	margin-left: 46%;
	padding-left: 36px;
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}

.product-detail .msg .text .title{
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
	padding-top: 20px;
}

hr{
	border-top: 1px solid #c4c4c4;
}

.product-detail .msg .text .btn{
	margin-top: 72px;
	font-size: 0;
}

.product-detail .msg .text .btn a{
	display: inline-block;
	vertical-align: top;
	width: 160px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	color: #fff;
	margin-right: 20px;
}

.product-detail .msg .text .btn a:hover{
	opacity: 0.8;
}

.product-detail .msg .text .btn a.baojiaBtn{
	background: #d50a1d;
}

.product-detail .msg .text .btn a.download{
	background: #ff6600;
}

.product-detail .content{
	padding: 36px;
	background: #fff;
	margin-bottom: 72px;
}

.product-detail .content-header{
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	text-align: center;
}

.product-detail .content-header li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 60px;
	padding: 0 24px;
	font-size: 18px;
	color: #333333;
	cursor: pointer;
}

.product-detail .content-header li:hover,
.product-detail .content-header li.active{
	color: #d50a1d;
}

.product-detail .content-header li::after{
	content: "";
	position: absolute;
	right: -1px;
	top: 50%;
	height: 20px;
	border-right: 1px solid #aaaaaa;
	margin-top: -10px;
}

.product-detail .content-header li:last-child::after{
	display: none;
}

.product-detail .content-body{
	padding: 40px 0 64px;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}

.product-detail .content-body .item{
	display: none;
}

.fullpage{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
}

.fullpage .mask{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.baojia {
    position: absolute;
    top: -200px;
    left: 50%;
    margin-left: -290px;
    width: 430px;
    padding: 40px 75px;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.baojia .close{
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 24px;
	color: #999;
	cursor: pointer;
}

.baojia .header-tip{
	font-size: 20px;
    line-height: 24px;
    color: #a1a1a1;
    font-weight: bold;
    text-align: center;
    margin-bottom: 6px;
}

.baojia .product-title{
	font-size: 18px;
    line-height: 24px;
    color: #a1a1a1;
    font-weight: bold;
    text-align: center;
	color: #666;
	padding-bottom: 16px;
    border-bottom: 1px solid #e6e6e6;
}

.baojia .liuyan{
	padding: 24px 0;
	border-bottom: 1px solid #e6e6e6;
}

.baojia .liuyan .title{
    font-size: 12px;
    color: #666;
    padding-bottom: 20px;
    font-weight: bold;
}

.baojia .liuyan .text{
	padding: 8px;
	border: 1px solid #a9a9a9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.baojia .liuyan .text textarea{
	display: block;
	width: 100%;
	resize: none;
	line-height: 20px;
}

.baojia .form{
	padding: 24px 0;
	margin-bottom: 24px;
	border-bottom: 1px solid #e6e6e6;
}

.baojia .form .tip{
	font-size: 12px;
    color: #666;
    padding-bottom: 20px;
    font-weight: bold;
    line-height: 1.3;
}

.baojia .form .list .title{
	font-size: 12px;
    color: #666;
}

.baojia .form .list .input{
	margin-top: 5px;
}

.baojia .form .list .input input,
.baojia .form .list .input select{
	display: block;
	width: 100%;
    height: 30px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
}

.baojia .form .list .input select{
	padding-right: 24px;
}

.baojia .form .list .input-select{
	position: relative;
}

.baojia .form .list .input-select::after{
	content: "";
	position: absolute;
	right: 8px;
	top: 12px;
	border: 4px solid transparent;
	border-top-color: #333;
}

.baojia .form .list li{
	margin-bottom: 16px;
}

.baojia .form .list.col-2 ul{
	margin-left: -16px;
}

.baojia .form .list.col-2 li{
	float: left;
	width: 50%;
}

.baojia .form .list.col-2 .li-inner{
	margin-left: 16px;
}

.baojia .form .submitBtn{
	padding-top: 8px;
}

.baojia .form .submitBtn input{
	display: block;
	width: 100%;
	height: 44px;
	font-size: 16px;
	color: #fff;
	background: #da2029;
	background: linear-gradient(#ed4e56,#d4111b);
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.baojia .link{
	text-align: center;
}

.baojia .link a{
	display: inline-block;
	vertical-align: top;
	color: #333d96;
	margin: 0 10px;
}

.baojia .desc{
	font-size: 12px;
    color: #666;
    line-height: 20px;
    text-align: center;
    margin-top: 20px;
}

.fullpage-active{
	opacity: 1;
	visibility: visible;
}

.fullpage-active .mask{
	opacity: 1;
}

.fullpage-active .baojia{
	top: 40px;
	opacity: 1;
}

.video-js .vjs-big-play-button{
    font-size: 20px;
    line-height: 64px;
    height: 64px;
    width: 64px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    border-width: 3px;
    margin-top: -29px;
    margin-left: -29px;
}
/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
    font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -1em;
    margin-left: -1.5em;
}

.about-movie{
	padding: 72px 0 100px;
}

.about-movie .title{
	font-size: 32px;
	color: #000000;
	text-align: center;
	margin-bottom: 60px;
}

.about-movie .video{
	position: relative;
	padding-bottom: 56.25%;
}

.about-movie .video .video-js{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about-msg{
	padding: 42px 0 72px;
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
}

.about-msg .img{
	float: right;
	width: 50%;
}

.about-msg .imgBox{
	padding-bottom: 100%;
}

.about-msg .text{
	float: left;
	width: 50%;
}

.about-msg .text .inner{
	padding-right: 36px;
}

.about-msg .text .tag{
	display: inline-block;
	vertical-align: top;
	padding: 0 24px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	background: #d30f19;
	margin-bottom: 24px;
}

.about-msg .text .title{
	font-size: 36px;
	color: #1b1b1b;
	line-height: 1.4;
	margin-bottom: 32px;
}

.about-msg .text .desc{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.about-zuzhi .desc {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}
.about-msg .text .more{
	display: inline-block;
	vertical-align: top;
	padding: 0 18px;
	line-height: 36px;
	border: 1px solid #dad8d8;
	font-size: 14px;
	color: #666666;
	margin-top: 36px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.about-msg .text .more:hover{
	background: #d30f19;
	color: #fff;
	border-color: #d30f19;
}

.about-slogan{
	background: #fff;
}

.about-slogan ul{
	margin-left: -128px;
}

.about-slogan li{
	position: relative;
	float: left;
	width: 33.33333%;
	padding: 76px 0;
}

.about-slogan li::after{
	content: "";
	position: absolute;
	left: 64px;
	top: 0;
	height: 100%;
	border-left: 1px solid #e0e0e0;
}

.about-slogan .list li:first-child::after{
	border: none;
}

.about-slogan .inner{
	max-width: 72%;
	margin: 0 0 0 128px;
}

.about-slogan .img{
	position: relative;
	margin-bottom: 20px;
}

.about-slogan .imgBox{
	padding-bottom: 72%;
}

.about-slogan .img .tag{
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 0 16px;
	height: 30px;
	line-height: 30px;
	background: #d30f19;
	font-size: 14px;
	color: #fff;
}

.about-slogan .title{
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	height: 44px;
	text-align: center;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
}

.about-history{
	position: relative;
	padding: 72px 0 100px;
}

.about-history::before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 278px;
	border-top: 1px solid #dddddd;
}

.about-history .title{
	font-size: 32px;
	color: #000000;
	text-align: center;
	margin-bottom: 60px;
}

.about-history .item{
	padding: 50px 0 24px;
	text-align: center;
}



.about-history .item .date{
	position: relative;
	font-size: 20px;
	color: #666;
	height: 24px;
	line-height: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 44px;
}

.about-history .item .date::after{
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 5px;
	height: 5px;
	background: #b8b8b8;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left: -6px;
	border: 3px solid #f5f5f5;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.about-history .item .desc{
	position: relative;
	font-size: 14px;
	color: #838383;
	line-height: 24px;
	padding: 0 16px;
}

.about-history .item .desc::before{
	content: "";
	position: absolute;
	height: 20px;
	border-left: 1px solid #e5e5e5;
	left: 50%;
	top: -32px;
}

.about-history .owl-nav{
	font-size: 24px;
}

.about-history .owl-nav button.owl-next, .about-history .owl-nav button.owl-prev{
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: #d3d3d3;
	color: #fff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.about-history .owl-nav{
	position: absolute;
	left: 0;
	right: 0;
	top: 95px;
	height: 0;
}

.about-history .owl-nav .owl-prev{
	float: left;
}

.about-history .owl-nav .owl-next{
	float: right;
}

.about-history .owl-item{
	cursor: pointer;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.about-history .owl-item:hover{
	background: #fff;
	-webkit-box-shadow: 0 0 16px rgba(128,128,128,0.2);
	-moz-box-shadow: 0 0 16px rgba(128,128,128,0.2);
	box-shadow: 0 0 16px rgba(128,128,128,0.2);
}

.about-history .owl-item:hover .date::after{
	border-color: #e60039;
	background: #fff;
}

.about-history .owl-carousel .owl-stage{
	padding: 16px 0;
}

/*.owl-stage .owl-item.item-active{
	background: #fff !important;
}
*/
.about-zuzhi {
    padding: 88px 0 76px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
}

    .about-zuzhi .title {
        font-size: 32px;
        color: #000000;
        text-align: center;
        margin-bottom: 60px;
    }
.about-rongyu{
	padding: 88px 0 76px;
	background: #fff;
}

.about-rongyu .title {
    font-size: 32px;
    color: #000000;
    text-align: center;
    margin-bottom: 60px;
}

.about-rongyu .img{
	float: left;
	width: 448px;
}

.about-rongyu .img img{
	display: none;
}

.about-rongyu .list{
	margin-left: 520px;
	height: 400px;
	overflow: hidden;
}

.about-rongyu .list ul{
	margin-left: -22px;
}

.about-rongyu .list li{
	float: left;
	width: 50%;
	margin-bottom: 22px;
}

.about-rongyu .list li .inner{
	margin-left: 22px;
	padding: 0 18px;
	line-height: 50px;
	height: 50px;
	border: 1px solid #dedede;
	font-size: 16px;
	color: #343434;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.about-rongyu .list li .inner.active,
.about-rongyu .list li .inner:hover{
	background: #D30F19;
	color: #fff;
}

.about-rongyu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e60039 !important;
}

.about-rongyu .mCSB_scrollTools .mCSB_draggerRail {
    background: #e3e3e3 !important;
}

.quanjingBox .circlr-box{
	max-width: 100%;
}

.quanjingBox{
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
}

.quanjingBox.active{
	opacity: 1;
	visibility: visible;
}

.quanjingBox .inner{
	position: absolute;
	width: 700px;
	height: 700px;
	top: 50%;
	left: 50%;
	margin: -350px 0 0 -350px;
}

.quanjingBox .inner .close{
	position: absolute;
	right: 16px;
	top: 14px;
	font-size: 24px;
	z-index: 2;
	color: #999;
	height: 24px;
	width: 24px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #999;
	text-align: center;
	line-height: 22px;
	cursor: pointer;
}

.quanjingBox .inner img{
	width: 700px;
	height: 700px;
}

.member{
	overflow: hidden;
}

.member .member-header{
	float: left;
	width: 180px;
	text-align: center;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
	background: #eaedf1;
}

.member .member-header .title{
	padding: 40px 0 30px;
	font-weight: bold;
	font-size: 16px;
	color: #d30f19;
}

.member .member-header .list li{
	margin-bottom: 6px;
}

.member .member-header .list a{
	display: block;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	color: #666666;
}

.member .member-header .list a:hover,
.member .member-header .list a.active{
	background: #d30f19;
	color: #fff;
}

.member .member-body{
	padding: 40px 40px 72px;
	min-height: 400px;
	margin-left: 180px;
}

.member .member-body .member-title{
	position: relative;
	font-size: 16px;
	color: #444444;
	padding-left: 14px;
	line-height: 20px;
	margin-bottom: 40px;
}

.member .member-body .member-title::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 20px;
	background: #d30f19;
	border-radius: 6px;
}

.member .member-body .user-download table{
	width: 100%;
	text-align: left;
	font-size: 14px;
	color: #333333;
	line-height: 22px;
}

.member .member-body .user-download table tr{
	border-top: 1px solid #e7e7e7;
}

.member .member-body .user-download table th,
.member .member-body .user-download table a{
	color: #333333;
	font-weight: normal;
}

.member .member-body .user-download .inner{
	padding: 16px;
}

.member .member-body .user-download a:hover{
	color: #d30f19;
	text-decoration: underline;
}

.page{
	text-align: center;
	padding-top: 36px;
}

.page a{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #333;
	line-height: 32px;
	padding: 0 12px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 2px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	border: 1px solid #dadada;
	margin-bottom: 8px;
}

.page input{
	display: inline-block;
	height: 32px;
	border: 1px solid #dadada;
	padding: 0 6px;
	width: 32px;
	text-align: center;
	margin-bottom: 8px;
	font-size: 14px;
	color: #333;
}

.page a:hover,
.page a.active{
	background: #0172c2;
	border-color: #0172c2;
	color: #fff;
}

.pwd-m{
	font-size: 14px;
	color: #444444;
}

.pwd-m .item{
	overflow: hidden;
	margin-bottom: 24px;
}

.pwd-m .item-header{
	float: left;
	width: 120px;
	text-align: right;
	line-height: 40px;
}

.pwd-m .item-body{
	margin-left: 120px;
	max-width: 340px;
}

.pwd-m .item-body .input{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #c8ccd5;
	padding: 4px 6px;
}

.pwd-m .item-body .input input{
	display: block;
	width: 100%;
	height: 30px;
}

.pwd-m .submitBtn{
	display: block;
	margin-left: 120px;
	width: 100%;
	max-width: 340px;
	height: 44px;
	font-size: 16px;
	color: #fff;
	background: #d30f19;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

.baojia-detail {
	font-size: 14px;
	color: #565656;
	line-height: 24px;
}

.baojia-detail .msg{
	padding-bottom: 16px;
	margin-bottom: 36px;
	border-bottom: 1px solid #e7e7e7;
}

.baojia-detail .msg .item{
	margin-bottom: 20px;
	overflow: hidden;
}

.baojia-detail .msg .item-header{
	float: left;
	width: 72px;
}

.baojia-detail .msg .item-body{
	margin-left: 72px;
}

.baojia-detail .reply .item-header{
	color: #be0000;
	margin-bottom: 12px;
}

.baojia-detail .reply .item-body{
	line-height: 30px;
}

.pwd-cz{
	padding: 100px 0;
}

.pwd-cz .inner{
	width: 336px;
	margin: 0 auto;
}

.pwd-cz .title{
	font-size: 30px;
	color: #333;
	text-align: center;
	margin-bottom: 48px;
}

.pwd-cz .tip{
	font-size: 14px;
	color: #333;
	margin-bottom: 20px;
}

.pwd-cz .form .item{
	margin-bottom: 20px;
}

.pwd-cz .form .item .input{
	padding: 4px 6px;
	border: 1px solid #e8e8e8;
}

.pwd-cz .form .item .input input{
	display: block;
	width: 100%;
	height: 32px;
	color: #333;
	font-size: 15px;
	line-height: 32px;
}

.pwd-cz .form .item-code .input{
	float: left;
	width: 192px;
}

.pwd-cz .form .item-code .verify{
	float: right;
	width: 124px;
}

.pwd-cz .form .item-code .verify img{
	display: block;
	width: 100%;
	height: 42px;
}

.pwd-cz .form .submitBtn{
	display: block;
	width: 100%;
	height: 48px;
	font-size: 16px;
	color: #fff;
	background: #BE0000;
	cursor: pointer;
	margin-top: 32px;
}

.form-basic {
	font-size: 14px;
	color: #444444;
	max-width: 464px;
}

.form-basic .item{
	margin-bottom: 26px;
	overflow: hidden;
}

.form-basic .item-header{
	float: left;
	width: 120px;
	line-height: 40px;
	text-align: right;
}

.form-basic .item-body{
	margin-left: 132px;
}

.form-basic .item{
	line-height: 40px;
}

.form-basic .item-text .item-header,
.form-basic .item-text .item-body{
	line-height: 20px;
}

.form-basic .grade{
	color: #c70000;
}

.form-basic .input{
	padding: 4px 6px;
	border: 1px solid #c8ccd5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.form-basic .input input{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
}

.form-basic .item-verify .input{
	float: left;
	width: 64%;
}

.form-basic .item-verify .verify{
	float: right;
	width: 30%;
}

.form-basic .item-verify .verify img{
	display: block;
	width: 100%;
	height: 40px;
}

.form-basic .item-verify .tip{
	font-size: 12px;
	color: #999;
}

.form-basic .item-verify .tip a{
	color: #003399;
}

.form-basic .item-verify .tip a:hover{
	text-decoration: underline;
}

.form-basic .item-verify .btn{
	display: block;
	width: 138px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #bbbbbb;
	font-size: 12px;
	color: #555;
	background: #f6f6f6;
	background-image: linear-gradient(#fefefe,#e9e9e9);
}

.form-basic .item-radio label{
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}

.form-basic .item-radio label input{
	vertical-align: -2px;
}

.form-basic .submitBtn{
	margin-left: 120px;
	width: 332px;
	height: 48px;
	background: #d30f19;
	font-size: 16px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

.zhuce{
	padding: 40px 0;
}

.zhuce .link{
	float: right;
	text-align: center;
}

.zhuce .link p{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

.zhuce .link a{
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #d30f19;
	font-size: 15px;
	color: #fff;
}

.zhuce .zhuce-inner{
	float: left;
	width: 768px;
	padding-right: 32px;
	border-right: 1px solid #e6e6e6;
}

.zhuce .zhuce-inner .form-basic{
	margin: 0 auto;
	width: 452px;
}

.login{
	padding: 100px 0;
}

.login .img{
	float: left;
	width: 536px;
	height: 426px;
}

.login .login-box{
	float: right;
	width: 420px;
	box-shadow: 0 0 16px rgba(128,128,128,0.2)
}

.login .login-header{
	padding: 20px 40px 0;
	background: #fff;
	line-height: 44px;
	border-bottom: 1px solid #d8dce6;
}

.login .login-header span{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	color: #333;
	margin-right: 32px;
	cursor: pointer;
}

.login .login-header span.active::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	border-bottom: 2px solid #333;
}

.login .login-body-list{
	padding: 32px 40px 0;
	background: #fff;
}

.login .login-body-list .login-item{
	display: none;
}

.login .login-body-list .item{
	border: 1px solid #dcdee2;
	margin-bottom: 24px;
}

.login .login-body-list .item-phone .title{
	float: left;
	width: 80px;
	padding: 0 16px;
	line-height: 40px;
	font-size: 15px;
	color: #333;
}

.login .login-body-list .item-text .input{
	padding: 4px 8px;
}

.login .login-body-list .item-text .input input{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #333;
}

.login .login-body-list .item-phone .input{
	margin-left: 112px;
	border-left: 1px solid #dcdee2;
	padding: 4px 8px;
}

.login .login-body-list .item-phone .input input{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #333;
}

.login .login-body-list .item-verify .input{
	float: left;
	padding: 4px 8px;
}

.login .login-body-list .item-verify .input input{
	display: block;
	width: 64%;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #333;
}

.login .login-body-list .item-verify .btn{
	float: right;
	width: 36%; 
	text-align: center;
	line-height: 20px;
	border-left: 1px solid #e8eaec;
	margin-top: 10px;
	color: #4786ff;
}

.login .remember{
	color: #333;
	padding: 0 40px 20px;
}

.login .submitBtn{
	padding: 0 40px 30px;
}

.login .submitBtn input{
	display: block;
	font-size: 16px;
	color: #fff;
	width: 100%;
	background: #d30f19;
	height: 48px;
	cursor: pointer;
}

.login .remember input{
	vertical-align: -2px;
}

.login .link{
	background: #f5f7fa;
	text-align: right;
	padding: 20px 40px;
	font-size: 14px;
	color: #696e7d;
}

.login .link a{
	color: #696e7d;
}

.login .link a:hover{
	text-decoration: underline;
}



/* 产品详情增加滑动下拉 */

.product .navFirst>li>a{
	display: block;
	line-height: 26px;
	z-index: 20;
}

.product .small-nav-1{
	position: relative;
	z-index: 60;
}

.product .small-nav-1 .list{
	position: absolute;
	top: 40px;
	width: 1076px;
	background: #fff;
	z-index: 10;
	padding: 36px 36px 20px;
	-webkit-box-shadow: 0 0 24px rgba(128,128,128,0.2);
	-moz-box-shadow: 0 0 24px rgba(128,128,128,0.2);
	box-shadow: 0 0 24px rgba(128,128,128,0.2);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.product .navFirst>li.active .list{
	opacity: 1;
	visibility: visible;
}

.product .small-nav-1 .list .ico{
	content: "";
	position: absolute;
	border: 8px solid transparent;
	top: -16px;
	margin-left: -8px;
	border-bottom-color: #fff;
}

.product .small-nav-1 .navSub li{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	margin-bottom: 16px;
}

.product .small-nav-1 .navSub .inner{
	height: 200px !important;
	overflow: hidden !important;
}

.product .small-nav-1 .navSub li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 3px;
	background: rgb(214,12,28);
	border-radius: 50%;
	margin-top: -1px;
}

.product .small-nav-1 .navSub li::after{
	display: none;
}

.product .small-nav-1 .navSub li a{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,0.1)
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.navSub{
	height: auto;
	overflow-y: scroll;
}