/* �劫�����--羯�����桁� */

/* �岩肩羯����� */
*::-webkit-scrollbar {
  width:5px;
  height:7px;
}

/* 羯����≧��羯�����莉������� */
*::-webkit-scrollbar-track-piece {
  background-color:rgb(236, 236, 236);
  border-radius:5px;
}

/* 羯����≧���(腴���:vertical 罔���:horizontal) */
*::-webkit-scrollbar-thumb {
  cursor:pointer;
  background-color:#f40039;
  border-radius:5px;
}

/* 羯����≧���hover */
*::-webkit-scrollbar-thumb:hover {
background-color:rgb(235, 0, 0);
}

/* ���倶�����翫��羂翫抗羯����≧�銀困羆������� */
*::-webkit-scrollbar-corner {
  display:block;    /* 篆��篋ゆ��九�榊ｰ���遵�� */
}
/* �劫�����--羯�����桁� */

.headnav{background:#333;height:90px;position:relative;z-index:999;top:0;width:100%;}
.headnav .mt{width:1280px;margin:0 auto;}

.headnav .logo {height:90px;line-height:90px;float:left;position:relative;padding-right:30px;}
.headnav .logo:before{
	content:' ';
    width:2000px;
    position:absolute;
    top:0;
    right:0;
    height:110%;
    background:url(../images/header-v5-bg.png) no-repeat #f40039;
	background-size:cover;
	-webkit-transform:skewX(-45deg);
}
.headnav .logo img{max-height:50px;position:relative;z-index:1;}

.headnav ul.txtlist{float:right;display:flex;flex-wrap:wrap;justify-content:space-between;}
.headnav ul.txtlist li{}
.headnav ul.txtlist li a{color:#fff;line-height:90px;padding:0 20px;display:block;}
.headnav ul.txtlist li a.active,.headnav ul li a:hover{color:#f40139;}
.small_head {height:75px;position:fixed;transition:all 0.3s;}
.small_head .logo{height:75px;line-height:75px;}

.headnav .btnmobi {position:relative;float:right;display:none}
.headnav .btnmobi > ul {line-height:0;margin:0;}
.headnav .btnmobi > ul > li {display:inline-block;margin-right:11px;padding:26px 0;}
.headnav .btnmobi > ul > li .icon{font-size:28px;}
.headnav .btnmobi button {font-size:14px;display:inline-block;text-align:center;color:#FFF;background-color:transparent;line-height:.8em;padding:8px;white-space:nowrap;vertical-align:middle;border:1px solid #C4CAB3;z-index:3;border-radius:50%;outline:0;-webkit-transition:all .3s ease;transition:all .3s ease;}
.headnav .btnmobi button:hover {border-color:#F40139;color:#F40139;}
.headnav .btnmobi button.navbar-toggle {color:#fff;font-size:20px;border:0 solid #C4CAB3;height:1.6em;padding:0 3px;float:none;}
.headnav .btnmobi button.navbar-toggle .hamburger-bar,.headnav .btnmobi button.navbar-toggle:after,.headnav .btnmobi button.navbar-toggle:before {background:#fff;}

@media (max-width:1024px) {
	.headnav .mt{width:97%;}
	.headnav ul.txtlist li a{padding:0 5px;}
}
@media (max-width:768px) {
	.headnav ul.txtlist{display:none}
	.headnav .btnmobi{display:block;}
}
@media (max-width:767px) {
	.headnav .logo{line-height:90px;}
	.headnav .logo:before{width:300px;left:-80px;}
	.headnav .logo img{width:70%;}

	.headnav .btnmobi{position:absolute;right:0;}
	.headnav .btnmobi > ul > li .icon{font-size:20px;}
}

.index-brand{
	background-color:#fff;
	padding:70px 0;
}
.index-brand dl{width:1310px;max-width:100%;margin:0 auto;}
.index-brand dt{
	font-size:24px;
    line-height:16px;
    color:#f40039;
    font-weight:700;
    text-transform:capitalize;
    margin:0 0 10px;
    padding-bottom:20px;
    text-align:left;
}
.index-brand dd .item{padding:0 10px;overflow:hidden;}
.index-brand dd .item img{display:block;width:100%;transform-style:preserve-3d;vertical-align:middle;}
.index-brand .owl-theme .owl-nav{position:absolute;right:0;top:-60px;margin:0;}
.index-brand .owl-carousel .owl-nav button.owl-prev,.index-brand .owl-carousel .owl-nav button.owl-next{width:30px;height:30px;background-color:#eee;}

@media only screen and (max-width:767px) {
	.index-brand{padding-left:15px;padding-right:15px;}
}

.index-case{
	background:url('/images/typebg.jpg') repeat center center;
    -webkit-background-size:cover;
    background-size:cover;
	padding:80px 0;
}
.index-case .mt{width:1310px;max-width:100%;margin:0 auto;}
.index-case .mt h3{
	font-size:24px;
    line-height:16px;
    color:#f40039;
    font-weight:700;
    text-transform:capitalize;
    margin:0 0 10px;
    padding-bottom:20px;
    text-align:left;
}
.index-case .desc{
	font-size:14px;
    text-align:left;
    color:#333;
    margin:0 auto 40px;
}
/*.index-case .mt .item{margin-right:30px;}*/
.index-case .mt .item img{max-width:100%;}

.index-case .item .img-holder{display:inline-block;
    margin-bottom:-82.5px;
    position:relative;
    z-index:99;
    overflow:hidden;
}
/*bg color*/
.index-case .single-construct-member:active .content:before,.index-case .single-construct-member:focus .content:before,.index-case .single-construct-member:hover .content:before {
	-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);
}
.index-case .single-construct-member:hover ul.list li a{color:#fff}

.index-case .item .content{width:100%;margin-top:20px;padding:82.5px 22px 20px;display:block;background:#fff;
	transform:translateZ(0);
    backface-visibility:hidden;
    position:relative;
	transition-property:color;
	transition-duration:.5s;
	vertical-align:middle;
    box-shadow:0 0 1px transparent;
}
.index-case .item .content:before{
	background-color:#f40039;
}
.index-case .item .content:hover a{color:#fff;}

.index-case .item .content a{
	font-size:13px;
    display:block;
    color:#333;
    line-height:35px;
    border-bottom:1px solid #eee;
    text-align:left;
    margin:0;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	transition:all .3s ease;
	text-decoration:none;
	background-color:transparent;
} 
.index-case .item h2{
	text-transform:uppercase;
    font-size:22px;
    font-weight:700;
    margin:24px 0 0;
    transition:all .3s ease;
	text-align:center;
}
.index-case .item h2 a{color:#333;}
.index-case .owl-theme .owl-nav{position:absolute;right:0;top:-60px;margin:0;}
.index-case .owl-carousel .owl-nav button.owl-prev,.index-case .owl-carousel .owl-nav button.owl-next{width:30px;height:30px;background-color:#eee;}
@media only screen and (max-width:767px) {
	.index-case{padding-left:15px;padding-right:15px;}
}

.index-app {text-align:center;background:#fff!important;padding:70px 0;}
.index-app h3 {
	font-size:24px;
    line-height:16px;
    color:#0185da;
    font-weight:700;
    text-transform:capitalize;
    margin:0 0 10px;
    padding-bottom:20px;
    position:relative;
    text-align:left;
}
.index-app p.desc {color:#333;text-align:left;font-size:14px;margin:0 auto 40px;}

.index-app .blocks h4 {font-size:16px;text-align:left;}
.index-app .blocks h4 a {color:#2a333c;}
.index-app .blocks h4 a:hover {color:#F40139;}
.index-app .blocks .widgets {margin-right:10px;border-radius:0;}
@media only screen and (max-width:767px) and (min-width:480px) {
.index-app .blocks li {width:50%!important;}
}
@media (max-width:479px) {
.index-app .blocks li {width:100%!important;}
}
.index-app .content-wrapper {position:absolute;top:0;left:0;right:0;bottom:0;padding:20px;}
.index-app .content-wrapper:before {background:rgba(219,155,17,.72);}
.index-app .view-all-btn a:before {background:#0185da;}
.index-app .content {display:table;width:100%;height:100%;opacity:0;transition:all .3s ease;}
.index-app .content .button-box {position:absolute;top:20px;right:20px;}
.index-app .content .button-box a {color:#fff;width:30px;height:30px;font-size:14px;line-height:28px;border:1px solid #fff;display:inline-block;text-align:center;border-radius:50%;}
.index-app .content .text-box {display:table-cell;vertical-align:bottom;}
.index-app .content .text-box h4 {text-transform:uppercase;color:#fff;font-weight:700;font-size:16px;margin:0 0 5px;}
.index-app .content .text-box span {color:rgba(255,255,255,.5);font-size:15px;font-weight:500;max-height:70px;display:block;text-align:left;}
.index-app .widget-header:hover .content {opacity:1;}
.index-app .view-all-btn {margin-top:50px;}
.index-app .view-all-btn a {line-height:36px;border:1px solid #7D8186;font-size:14px;color:#333;text-transform:uppercase;display:inline-block;padding:0 35px;font-weight:500;}
.index-app .view-all-btn a:hover{color:#fff;}


.index-about {background:no-repeat;-webkit-background-size:cover;background-size:cover;overflow:hidden;padding:0;background:url(/images/download_bg.jpg) no-repeat;}
.index-about .col-lg-7 {padding:40px 50px;}
@media (max-width:767px) {.index-about .col-lg-7 {padding:40px 15px;}
}
.index-about .col-lg-7 h2 {font-size:24px;color:#fff;font-weight:700;line-height:28px;text-transform:uppercase;margin:0 0 17px;}
.index-about .col-lg-7 p {font-size:14px;line-height:26px;color:#fff;letter-spacing:.03em;font-weight:400;}
.index-about .col-lg-7 h3 {font-size:24px;line-height:26px;color:#fff;letter-spacing:.03em;font-weight:500;margin:30px 0 0;}
.index-about .col-lg-7 h3 a{color:#fff}
.index-about .col-lg-7 .list-box {margin-top:22px;}
.index-about .col-lg-7 ul {display:table-cell;vertical-align:middle;padding-right:95px;}
.index-about .col-lg-7 ul:last-child {padding-right:0;}
.index-about .col-lg-7 ul li {color:#fff;font-size:13px;float:left;width:50%;padding-right:15px;line-height:40px;}
.index-about .col-lg-7 ul li a {color:#fff;}
.index-about .col-lg-7 ul li a:hover {color:#F40139;}
.index-about .col-lg-7 ul li .fa {font-size:15px;margin-right:10px;}
.index-about .col-lg-5 .img-holder:before {background:#0185da;}
.index-about .col-lg-5 .img-holder img {max-width:none;transition:all .3s ease;}
.index-about:hover .col-lg-5 .img-holder img {opacity:.45;}
.index-about:active .img-holder:before,.index-about:focus .img-holder:before,.index-about:hover .img-holder:before {-webkit-transform:scale(1);transform:scale(1);}
@media(max-width:768px){
	.index-about .img-holder img{display:none}
}

/*��篏�篌�篌�*/
.index-partner {padding:80px 0;}
.index-partner h3{
	font-size:24px;
    line-height:16px;
    color:#f40039;
    font-weight:700;
    text-transform:capitalize;
    margin:0 0 10px;
    padding-bottom:20px;
    /* position:relative; */
    text-align:left;
}
.index-partner h3:before {
    content:' ';
    width:50px;
    height:2px;
    display:block;
    position:absolute;
    bottom:-2px;
    left:0;
	background:#0185da;
}

.index-partner .item{background:red}
.index-partner img{max-width:100%;}
.index-partner .owl-theme .owl-nav{position:absolute;right:0;top:-60px;margin:0;}
.index-partner .owl-carousel .owl-nav button.owl-prev,.index-partner .owl-carousel .owl-nav button.owl-next{width:30px;height:30px;background-color:#eee;}

@media (max-width:958px) {
	.index-partner .container {
		width:100%;
		left:0;
		margin-left:0;
		padding:40px 20px;
	}
}


.friendlink {padding:10px 0;}
.friendlink h3{
	font-size:24px;
    line-height:16px;
    color:#f40039;
    font-weight:700;
    text-transform:capitalize;
    margin:0 0 10px;
    padding-bottom:20px;
    /* position:relative; */
    text-align:left;
}
.friendlink h3:before {
    content:' ';
    width:50px;
    height:2px;
    display:block;
    position:absolute;
    bottom:-2px;
    left:0;
	background:#0185da;
}
.friendlink a{color:#333;}

.cmfooter{width:100%;background-color:#f6f6f6;padding:60px 0;overflow:hidden}
.cmfooter .mt{width:90%;margin:0 auto;width:1310px;max-width:100%;}
.cmfooter .footimg{
    /* margin-top:0; */
    position:relative;
    bottom:20px;
    width:auto;
    max-width:none;
    float:right;
}
.cmfooter h4 {
    color:#f40039;
    margin:0 0 17px;
    padding-bottom:15px;
    font-size:18px;
    text-shadow:none;
    position:relative;
}
.cmfooter h4:before {
    content:'';
    width:45px;
    height:2px;
    background:#f40039;
    position:absolute;
    bottom:0;
}
.cmfooter a.read-more {
    color:#f40039;transition:all .3s;
}
.cmfooter a.read-more i{padding-left:10px;}

.cmfooter .abouttxt,.cmfooter .navlist,.cmfooter .linkinfo{margin-bottom:20px;}
.cmfooter .navlist {
    padding-left:50px;text-align:left;
}
.cmfooter .navlist ul li {
    margin-bottom:3px;
}
.cmfooter .navlist ul li a{
	color:#636363;
    display:block;
    margin-bottom:5px;
}
.cmfooter .navlist ul li a:hover{
	color:#0185da;
}
.cmfooter .navlist ul li a:before {
    content:'\f105';
    font-family:fontawesome;
    margin-right:12px;
}

.cmfooter .linkinfo{

}

.cmfooter .linkinfo li {
    font-size:14px;
    line-height:26px;
    margin-bottom:18px;
    width:100%;
    float:left;
    color:#636363;
}
.cmfooter .linkinfo li .icon {
    font-size:25px;
    margin-right:10px;
    color:#f40039;
    float:left;
}
.cmfooter .linkinfo li a{color:#636363;}

.zcfooter{width:100%;background-color:#333;padding:20px 0;height:auto;clear:both;}
.zcfooter div{line-height:1.8;color:#fff;text-align:center;}
.zcfooter div a{color:#fff;}


.bannerpage {background:#62a8ea;position:relative;overflow:hidden;}
.bannerpage img {width:100%;}
.bannerpage .location {position:absolute;left:0;top:40%;width:100%;}
.bannerpage .location .mt{width:1310px;max-width:100%;margin:0 auto;}
.bannerpage .title h1 {text-align:center;display:inline-block;margin:auto;color:#fff;text-transform:uppercase;font-size:30px;line-height:50px;border-top:1px solid rgba(132,119,117,.8);border-bottom:1px solid rgba(132,119,117,.8);padding:0 52px;font-weight:700;}
@media (max-width:767px) {
.bannerpage .title{display:none}
}
/*
.bannerpage .breadcumb {color:#fff;font-size:13px;font-weight:500;text-transform:uppercase;padding-top:12px;text-align:right;}
.bannerpage .breadcumb a {color:#fff;}
@media (max-width:767px) {.bannerpage .title {display:none;}
.bannerpage .breadcumb {float:none!important;margin-top:0;padding-top:0;text-align:center;}
}
**/

.navpage,.mainpage{width:100%;}
.navpage .mt,.mainpage .mt{width:1310px;max-width:100%;margin:0 auto;}
.navpage ul{text-align:center;}
.navpage li{display:inline-block;line-height:70px;}
.navpage li a{padding:14px 10px;font-size:15px;color:#90939b;}
.navpage li a:hover,.navpage li a.active{color:#0185da}

.mainpage dl{width:100%;}
.mainpage dt{font-size:30px;color:#37474f;text-align:center;}
.mainpage dd{font-size:14px;color:#2a333c;text-align:center;}
.mainpage .mt div{padding:30px;line-height:1.8;font-size:16px;font-weight:300;color:#222;}

@media (max-width:768px){
	.navpage ul {
		display:flex;
	}
}
@media (max-width:767px){
	.mainpage .mt div{padding:10px;}
}

.feedbackpage{width:100%;background:#f2f2f2;padding:30px 0 50px 0;}
.feedbackpage ul{width:100%;max-width:800px;margin:0 auto;background-color:#fff;padding:30px;}
.feedbackpage ul li{margin-bottom:20px;}

.feedbackpage ul li button{
	width:100%;
	border:solid 1px #3D4955;
	padding:10px 18px;
    font-size:18px;
    line-height:1.3333333;
	background:#3D4955;
	color:#fff;
	transition:all 0.3s;
}
.feedbackpage ul li button:hover{
	background:#0185da;	
}

.contactpage{width:100%;background:#fff;}
.contactpage .mt{width:1310px;max-width:100%;margin:0 auto;text-align:center;
line-height:1.8;
    font-size:16px;
    font-weight:300;
    color:#222;
}
.contactpage .mt p{font-size:28px;margin-bottom:16px;font-weight:300;color:#222;}
.contactpage .mt h2{color:#F40139;}


.inner_typelist{background:#f2f2f2}
.productlist{width:100%;background:#f2f2f2;padding-bottom:20px;}
.productlist .mt{width:100%;margin:0 auto;padding-left:10px;padding-right:15px;}
.productlist ul{
	display:flex;
    flex-wrap:wrap;
}
.productlist ul li{
	width:20%;
	padding-right:15px;
    padding-left:15px;
	/*margin-bottom:22px;*/
}
.productlist ul li dl{background:#fff}
.productlist ul li dd{padding:30px 25px;}
.productlist ul li dd h3{
	font-size:16px;
    margin-top:0;
    color:#37474f;
    text-transform:capitalize;
}

.productlist ul li img{width:100%;height:auto;}

@media (max-width:1600px){
	.productlist ul li{width:25%}
}
@media (max-width:768px){
	.productlist ul li{
		width:33.33333333%;
		padding-right:10px;
		padding-left:10px;
		margin-bottom:10px;
	}
}
@media (max-width:767px){
	.productlist .mt{padding-right:0;padding-left:0;}
	.productlist ul li{width:100%}
}


.pro-detail-simple{width:100%;background:#fff;padding:30px 0;overflow:hidden}
.pro-detail-simple dl{width:1310px;max-width:100%;margin:0 auto;overflow:hidden}
.pro-detail-simple dt{float:left;width:60%;text-align:center;}
.pro-detail-simple dd{float:right;width:40%;}
.pro-detail-simple dd h1{font-size:28px;}

.prodetail .hotline {display:inline-block;background:#fb4848;font-size:14px;color:#fff;border:2px solid #fb4848;padding-left:10px;overflow:hidden;margin-top:20px;border-radius:3px;margin-right:15px}
.prodetail a.mob {display:none}
.prodetail .hotline b {background:#fff;color:#333;display:inline-block;padding:0 10px;height:38px;line-height:38px;margin-left:10px;font-size:16px}

@media (max-width:1200px){
	.pro-detail-simple dl{width:1170px;}
}

.pro-detail-main{width:100%;background:#f2f2f2;padding:30px 0;}
.pro-detail-main dl{width:1310px;max-width:100%;margin:0 auto;overflow:hidden}
.pro-detail-main dt{float:left;width:75%;background:#fff;padding:30px;}

.pro-detail-main dt div.topictitle{
	width:100%;
	font-size:1.6rem;
    border-bottom:1px solid #e4eaec;
    line-height:4.5rem;
	margin-right:15px;
}
.pro-detail-main dt div.topictitle span{
	border-bottom:2px solid #0185da;
    display:inline-block;
    line-height:4.5rem;
	color:#0185da;
	padding:0px 20px;
	font-size:16px;
}


.pro-detail-main dt div.topicvalue{
	line-height:1.8;
    font-size:16px;
    font-weight:300;
    color:#222;
	margin:30px 0;
}
.pro-detail-main dt div.rexlist div{
	font-size:1.6rem;
    border-bottom:1px solid #eee;
    line-height:4.5rem;
	margin-right:15px;
}
.pro-detail-main dt div.rexlist div span{
	border-bottom:2px solid #333;
    display:inline-block;
    line-height:4.5rem;
}
.pro-detail-main dt div.rexlist ul{
	padding-top:30px;
	display:flex;flex-wrap:wrap;justify-content:space-between;
}
.pro-detail-main dt div.rexlist ul li {width:25%;}
.pro-detail-main dt div.rexlist ul li a {
	display:block;background:#eee;line-height:30px;padding:0 5px;margin:5px 15px 2px 0;font-size:12px;color:#333;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:normal;
}
.pro-detail-main dt div.rexlist ul li a:hover {background:#f40139; color:#fff}
.pro-detail-main dd{float:right;width:25%;padding-left:30px;}
.pro-detail-main dd div{background:#fff;padding:30px 0 15px 30px;font-size:16px;font-weight:300;}
.pro-detail-main dd ul{background:#fff;padding:0 30px 20px 30px;overflow:hidden;}
.pro-detail-main dd .img img{max-width:100%;height:auto;}
.pro-detail-main dd .txt{color:#5e7387;}
.pro-detail-main dd .txt:hover{color:#0185da;}

@media (max-width:1024px){
	.pro-detail-simple{padding-right:10px;padding-left:10px;}
}

@media (max-width:768px){
	.pro-detail-simple dt{float:left;width:100%;text-align:center;}
	.pro-detail-simple dd{float:right;width:100%;}

	.pro-detail-main dd{padding-left:0;}
	.pro-detail-main dd ul li{width:33.33333%;float:left;}
}
@media (max-width:488px){
	.pro-detail-main dd ul li{width:50%;}
}


@media (max-width:767px){
	.pro-detail-main dt div.rexlist ul li{width:33.3333333%;}
}
@media (max-width:558px){
	.pro-detail-main dt div.rexlist ul li{width:50%;}
}

@media (max-width:992px){
	.pro-detail-main dt,.pro-detail-main dd{width:100%;}
}

.brandlist{width:100%;background:#f2f2f2;}
.brandlist ul{
	display:flex;
    flex-wrap:wrap;
	padding:30px;
}
.brandlist ul li{
	width:20%;padding-right:15px;
    padding-left:15px;
    margin-bottom:22px;
}
.brandlist ul li dl{max-width:100%;background:#fff;margin:0;}
.brandlist ul li dl dt{text-align:center;}
.brandlist ul li dl dt img{max-width:100%;height:auto;max-height:200px;}
.brandlist ul li dl dd{padding:30px 25px;}
.brandlist ul li dl dd h3{font-size:16px;margin-top:0;color:#37474f;text-transform:capitalize;}
.brandlist ul li dl dd div{margin-top:30px;}

@media (max-width:1024px){
	.brandlist ul li{width:33.333333%}
}
@media (max-width:768px){
	.brandlist ul li{width:50%}
}
@media (max-width:767px){
	.brandlist ul{padding:0;padding-top:10px;}
	.brandlist ul li{width:100%}
	.brandlist ul li dl dt img{max-height:100%;}
}

.brand-detail{width:100%;background:#fff;overflow:hidden;padding:30px 0;}
.brand-detail dl{width:1310px;max-width:100%;margin:0 auto;overflow:hidden}
.brand-detail dt{float:left;width:55%;text-align:center;padding:0 15px;}
.brand-detail dt img{width:100%;}
.brand-detail dd{float:right;width:45%;padding:0 15px;}
.brand-detail dd p{font-size:14px}
@media (max-width:768px){
	.brand-detail dt{width:100%;}
	.brand-detail dd{width:100%;}
}

.repertory{width:100%;background:#f2f2f2;overflow:hidden}
.repertory ul{
	width:1310px;max-width:100%;margin:0 auto;
	display:flex;
    flex-wrap:wrap;
	padding:30px;
}
.repertory ul li{width:20%;padding:10px;}
.repertory ul li dl{width:100%;background:#fff;margin-bottom:0;}
.repertory ul li dt{text-align:center;}
.repertory ul li dt img{width:100%;height:206px}
.repertory ul li dd{text-align:center;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 12px 20px;}
.repertory ul li dd a {color:#2a333c;font-size:16px;}

@media (max-width:1024px){
	.repertory ul li{width:25%;padding:10px;}	
}
@media (max-width:768px){
	.repertory ul li{width:50%;}
}
@media (max-width:767px){
	.repertory ul{padding:0px;}
	.repertory ul li{padding:5px;}
	.repertory ul li dt img{height:130px}
}


.application-list{width:100%;background:#f2f2f2;overflow:hidden}
.application-list ul{
	width:1310px;max-width:100%;margin:0 auto;
	display:flex;
    flex-wrap:wrap;
	padding:30px;
}
.application-list ul li{width:20%;padding:10px;}
.application-list ul li dl{width:100%;background:#fff;margin-bottom:0;}
.application-list ul li dt{text-align:center;}
.application-list ul li dt img{width:100%;}
.application-list ul li dd{text-align:center;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 12px 20px;}
.application-list ul li dd a {color:#2a333c;font-size:16px;}
.application-list ul li dd a:hover {color:#f40139;}

@media (max-width:1024px){
	.application-list ul li{width:25%;padding:10px;}
}
@media (max-width:768px){
	.application-list ul li{width:50%;}
}
@media (max-width:767px){
	.application-list ul{padding:0px;}
	.application-list ul li{padding:5px;}
}

.app-detail{width:100%;background:#f2f2f2;overflow:hidden;padding:30px 0;}
.app-detail dl{width:1310px;max-width:100%;margin:0 auto;}
.app-detail dt{float:left;width:75%;padding:0 15px;background:#fff;}
	.app-detail dt h1{font-size:22px;padding-top:20px;padding-bottom: 20px;padding-left:30px;
		color: #37474f;
		font-weight: 400;
		border-bottom: 1px solid #f0f2f5;
	}
	.app-detail dt div{padding:30px;}
.app-detail dd{float:right;width:25%;padding:0 15px;}
.app-detail dd h1{background:#fff;margin:0;padding-top:30px;padding-left:20px;font-size:18px;font-weight:300;color:#37474f;}
.app-detail dd ul{padding-top:10px;overflow:hidden;background:#fff;padding:20px;}
.app-detail dd ul li{border:solid 1px #e4eaec;border-bottom:0;padding: 10px 15px;}
.app-detail dd ul li:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
}
.app-detail dd ul li:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom:solid 1px #e4eaec;
}
.app-detail dd ul li a{color:#2a333c;}
.app-detail dd ul li a:hover{color:#f40139;}

@media (max-width:768px){
	.app-detail dt{width:100%;}
	.app-detail dt h1{padding-left:20px}
	.app-detail dt div{padding:20px;}
	.app-detail dd{width:100%;padding:0;margin-top:20px;}
}

.news-list{width:100%;background:#f2f2f2;overflow:hidden;padding:30px 0;}
.news-list .mt{width:1310px;max-width:100%;margin:0 auto;}
.news-list .main{float:left;width:75%;background:#fff;padding:30px;}
.news-list .main ul li {
    border-bottom: 1px solid #f0f2f5;
    padding-bottom:10px;
    margin-bottom:15px;
}
.news-list .main ul li dl{overflow:hidden;margin:0;}
.news-list .main ul li dt{float:left;width:160px;}
.news-list .main ul li dt img{width:160px;max-width:100%;}
.news-list .main ul li dd{float:right;width:80%;}

.news-list .main ul li a{color:#2a333c;font-size:18px}
.news-list .main ul li a:hover{color:#f40139}
.news-list .main ul li .des{margin-top:15px;color: #76838f;
    font-size: 14px;
    font-weight: 300;
}
.news-list .main ul li .info{color: #a3afb7;font-size: 16px;font-weight:300;margin-top:10px;}

.news-list .newshot{float:right;width:25%;padding:0 0 0 15px;}
.news-list .newshot h1{background:#fff;margin:0;padding-top:30px;padding-left:20px;font-size:18px;font-weight:300;color:#37474f;}
.news-list .newshot ul{padding-top:10px;overflow:hidden;background:#fff;padding:20px;}
.news-list .newshot ul li{border:solid 1px #e4eaec;border-bottom:0;padding: 10px 15px;}
.news-list .newshot ul li:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
}
.news-list .newshot ul li:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom:solid 1px #e4eaec;
}
.news-list .newshot ul li a{color:#2a333c;}
.news-list .newshot ul li a:hover{color:#f40139;}

@media (max-width:1024px){
	.news-list .mt{width:100%;padding:10px;}
	.news-list .main ul li dd{width:70%}
}
@media (max-width:768px){
	.news-list .main{width:100%}
	.news-list .newshot{width:100%;padding:0;margin-top:20px;}
}
@media (max-width:767px){
	.news-list{padding:0}
	.news-list .mt{padding:0}
	.news-list .main{padding:10px}
	.news-list .main ul li dt{float:left;width:100px;}
	.news-list .main ul li .des{display:none}
}

.news-detail{width:100%;background:#f2f2f2;overflow:hidden;padding:30px 0;}
.news-detail dl{width:1310px;max-width:100%;margin:0 auto;}
.news-detail dt{float:left;width:75%;padding:0 15px;background:#fff;}
	.news-detail dt h1{
		font-size:22px;
		padding-top:20px;
		padding-bottom:10px;
		padding-left:30px;margin:0;
		color: #37474f;
		font-weight: 400;
		
	}
	.news-detail dt div.date{
		border-bottom: 1px solid #f0f2f5;
		padding-bottom: 20px;
		padding-left:30px;
		color: #a3afb7;
		font-size: 14px;
	    font-weight: 300;
	}
	.news-detail dt div.info{
		padding: 30px;
		line-height: 1.8;
		font-size: 16px;
		font-weight: 300;
		color: #222;
	}
	.news-detail dt div.info img{max-width:100%}
	.news-detail dt div.pagenav{
		overflow:hidden;
		margin: 0 30px;
		border-top: 1px solid #f0f2f5;
	    padding-top: 20px;
		padding-bottom:20px;
	}
	.news-detail dt div.pagenav .leftn{
		float:left;width:50%;
	}
	.news-detail dt div.pagenav .rightn{
		float:right;
		width:50%;
		text-align:right;
	}
	.news-detail dt div.pagenav a{
		padding: 10px 20px;
	    color: #76838f;
		transition: all .2s ease;
		display: inline-block;
		background-color: transparent;
		border: 1px solid #e4eaec;
		border-radius: 1000px;
		font-weight:normal;	
	}
	.news-detail dt div.pagenav a:hover{color:#0185da;border-color:#0185da;}

.news-detail dd{float:right;width:25%;padding:0 15px;}
.news-detail dd h1{background:#fff;margin:0;padding-top:30px;padding-left:20px;font-size:18px;font-weight:300;color:#37474f;}
.news-detail dd ul{padding-top:10px;overflow:hidden;background:#fff;padding:20px;}
.news-detail dd ul li{border:solid 1px #e4eaec;border-bottom:0;padding: 10px 15px;}
.news-detail dd ul li:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
}
.news-detail dd ul li:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom:solid 1px #e4eaec;
}
.news-detail dd ul li a{color:#2a333c;}
.news-detail dd ul li a:hover{color:#f40139;}

@media (max-width:768px){
	.news-detail dt{width:100%;padding:0 10px;}
	.news-detail dt h1{padding-left:20px}
	.news-detail dt div.date{padding-left:20px;}
	.news-detail dt div.info{padding:20px;}
	.news-detail dd{width:100%;padding:0;margin-top:20px;}
	.news-detail dt div.pagenav span{display:none}
}
@media (max-width:767px){
	.news-detail dt{padding:0}
	.news-detail dt h1{padding-left:10px}
	.news-detail dt div.date{padding-left:10px;}
	.news-detail dt div.info{padding:10px;}
	.news-detail dd{width:100%;padding:0;margin-top:10px;}
}

/*��蕁�*/
.pagination {
    font-size: 0;
	text-align:center
}
.prolist .pagination {padding-left:30px;padding-top:20px}
.pagination li {
    width: 38px;
    height: 42px;
    background-color: #eaedf5;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    line-height: 42px;
    color: #666;
    text-align: center;
    transition: all .3s ease-out 0s;
    cursor: pointer;
}
.pagination li:not(:last-child) {
    margin-right: 4px;
}
.pagination li a, .pagination li span {
    display: inline-block;
    width: 100%;
	color: #666;
}
.pagination li:first-child a, .pagination li:last-child a {
    font-size: 28px;
    vertical-align:middle;
    transform: translateY(-3px);
}
.pagination li:hover {
    background-color: #e4032e;
    color:#fff;
}
.pagination li.active {
    background-color: #333;
    color:#fff;
}
.pagination li.active a, .pagination li:hover a, .pagination li.active span, .pagination li:hover span {color:#fff}
.pagination li.disabled {
    display: none;
}
.pagination li.page-ellipsis {
    display: inline-block;
}
/*2*/
.listpage a,.listpage a:active,.listpage a:focus,.listpage a:hover {text-decoration:none;}
.listpage a:not(.Ahover).NextA:hover,.listpage a:not(.Ahover).PreA:hover {background:#fff;}
.listpage {margin-top:20px;text-align:center;}
.listpage a {border:1px solid #e4eaec;border-right:0;background:#fff;padding:9px 15px;text-align:center;color:#76838f;}
.listpage a:hover {background:#f5f5f5;text-decoration:none;}
.listpage a.NextA {border-right:1px solid #e4eaec;}
.listpage .PreSpan,.listpage .NextSpan {border:1px solid #e4eaec;padding:9px 15px;background:#fff;color:#ccd5db;cursor:default;}
.listpage .firstPage,.listpage .lastPage {height:28px;line-height:28px;min-width:40px;}
.listpage a.Ahover {background:#0185da;border-color:#0185da;color:#fff;cursor:default;}
.listpage a.Ahover:hover {background:#fb4848;border-color:#fb4848;color:#fff;}
.listpage a {text-decoration:none;}
.listpage a:active,.listpage a:focus,.listpage a:hover {text-decoration:none;}
.listpage .PageText {margin-left:10px;color:#aaa;display:none;}
.listpage input {display:none;}

.listpage a:last-child{border-right: 1px solid #e4eaec;}