/*dede58.com 做最好的织梦整站模板下载网站*/
body, html {
	overflow: hidden;
	overflow-y: auto
}
.bodybox{padding-top:90px;}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.left {
	float: left;
}
.right {
	float: right;
}
.indexBanner
{
    height: 500px;
    overflow: hidden;
    width: 100%;
	position:relative;
}
.indexBanner .banner
{
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center top;
    z-index: 1;
    display: inline-block;
    display: none;
}
.indexBanner .icoList
{
    position: absolute;
    bottom: 20px;
    left: 50%;
    height: 20px;
    display: none;
	z-index:100;
}
.indexBanner .icoList li
{
    margin: 0 10px;
    float: left;
}
.indexBanner .icoList li a
{
    display: block;
    background: #CCC;
    width: 95px;
    height: 8px;
    overflow: hidden;
	opacity: 0.8;
}
.indexBanner .icoList li a:hover, .indexBanner .icoList li a.cur
{
	background:#1683bf;
}
.indexBanner .scrollBody
{
    width: 1200px;
    height: 82px;
    position: absolute;
    z-index: 90;
    bottom: -122px;
    left: 50%;
    margin-left: -600px;
}
.indexBanner .scrollBody .leftBtn
{
    position: absolute;
    width: 18px;
    height: 64px;
    top: 30px;
    left: -4px;
    z-index: 90;
}
.indexBanner .scrollBody .rightBtn
{
    position: absolute;
    width: 18px;
    height: 64px;
    top: 30px;
    right: -5px;
    z-index: 90;
}
.slq {
	overflow: hidden;
	width: 100%;
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
	padding-top:80px;
}
.Box {
	overflow: hidden;
	margin: 0 auto;
	height: 190px;
	background: url(../images/slq01.png) no-repeat center;
}
.Box h3 {
	font-size: 36px;
	color: #FFF;
	text-align: center;
	margin-top: 22px
}
.Box h3 span {
	font-size: 40px;
}
.Box p {
	font-size: 14px;
	text-align: center;
	margin-top: 8px;
}
.Box p>span {
	font-size: 30px;
}
.slqBox {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.slqBox .Box1 {
	padding-left: 165px;
}
.slqBox h4 {
	font-size: 30px;
	color: #06a3e8;
}
.slqBox h5 {
	font-size: 18px;
	color: #3f3f3f;
	margin: 10px 0px 30px;
}
.slqBox .Box2 .ystp2 {
	float: left;
}
.slqBox .Box2 .wz {
	width: 442px;
	float: right;
	padding: 35px 20px 0px 120px;
}
.slqBox p {
	font-size: 14px;
	padding-left: 20px;
	margin-top: 10px;
	background: url(../images/xiaohua.png) no-repeat left 9px;
	line-height: 28px;
	text-align: justify;
}
.slqBox b {
	font-size: 50px;
	position: absolute;
	font-weight: bold;
	width: 96px;
	height: 96px;
	display: block;
	background: url(../images/ys.png) no-repeat;
	text-align: center;
	line-height: 96px;
	color: #fff;
	margin-top: 40px;
	left:50px;
}
.slq02 .slqBox b {
	left: 620px;
	margin-top: 20px;
}
.slqBox .Box1 .wz {
	float: left;
	padding-top: 55px;
	width: 480px;
	overflow: hidden;
}
.slqBox .Box1  .ystp1{padding-right: 50px;padding-top: 40px;float: right;}
.slqBox .Box1 .ystp1 img {
	padding-left: 10px;
}
.slq .slq02 {
	width: 100%;
	height: 420px;
	background: url(../images/ys_line.png) bottom no-repeat;
}
.slqBox .Box2 .ystp2 {
	float: left;padding-left: 50px;
}
.slqBox .Box2 .wz {
	width: 585px;
	float: right;
	padding: 35px 20px 0px 120px;
}
.slq .slq03 {
	width: 100%;
	margin-top: 50px;
	height: 380px;
}
.slqBox .Box3 .wz {
	float: left;
	padding: 55px 20px 0px 160px;
	width: 580px;
}
.slqBox .Box3 .ystp3 img {
	padding-left: 50px;
	float: right;
}
.slq .slq04 {
	width: 100%;
	height: 450px;
	background: url(../images/ys_line.png) top no-repeat;
}
.slq04 .slqBox b {
	left: 620px;
	margin-top: 80px;
}
.slqBox .Box4 .ystp4 {
	float: left;
	margin-top: 45px;
	padding-left:50px;
}
.slqBox .Box4 .wz {
	width: 585px;
	float: right;
	padding: 95px 20px 0px 120px;
}
.slq01 {
	overflow: hidden;
	width: 100%;
	height: 438px;
	background: url(../images/ys_line.png) bottom no-repeat;
}
.inxSolution {
	padding-top: 57px;
	padding-bottom: 59px;
}
.commonweb {
    margin: 0px auto;
    max-width: 1200px;
    padding: 0;text-align:center;
}
.font30 {
    font-size: 30px;
    line-height: 32px;color:#ffffff;
}
.index-text .en {
    padding: 13px 0 0 0;
}
.index-text .en {
    font-family: 'raleway';
    text-transform: uppercase;
    font-weight: bold;
    color: #d82019;
    padding: 5px 0 0 0;
}
.inxSolut-wrapper {
    padding: 0 10px 30px;
    position: relative;
}
.inxSolut-wrapper .inxSolut-min {
    overflow: hidden;
    padding: 30px 0 0 0;
}
.inxSolut-wrapper li {
    float: left;
    width: 18%;
}
.inxSolut-wrapper li a {
    display: block;
}
.inxSolut-wrapper li .solut-img {
    overflow: hidden;
}
.inxSolut-wrapper li .solut-img img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.inxSolut-wrapper li .solut-text {
    padding: 10px;
    background-color: #ffffff;
    text-align: center;
    position: relative;
    background: -webkit-linear-gradient(135deg, transparent 20px, #fff 0);
    background: -moz- oldlinear-gradient(135deg, transparent 20px, #fff 0);
    background: -o-linear-gradient(135deg, transparent 20px, #fff 0);
    background: linear-gradient(-45deg, transparent 20px, #fff 0);
}
.inxSolut-wrapper li .solut-text h3 {
    color: #58596d;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.font16 {
    font-size: 16px;
}
.inxSolut-wrapper li .solut-text .en {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #d82019;
    text-transform: uppercase;
    font-family: DINPro;
}
.inxSolution .index-more a {
    border-color: #3b2d2a;
}
.inxSolution .index-more a {
    color: #fff;
}

.index-more a {
    display: inline-block;
    border: 2px solid #e1e1e4;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    padding: 0 20px;
    color: #6e6f7b;
    font-size: 13px;
}
.index-more a {
    -webkit-transform: perspective(1px) translateZ(0);
    -moz-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    -o-transition-property: color;
    -moz-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: 60px;
    line-height: 60px;
    padding: 0 46px;
}
.index-more a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #d82019;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: -o-transform;
	-moz-transition-property: transform, -moz-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.index-more a:hover {
	color: #ffffff;
	border-color: #ffffff;
}
.index-more a:hover:before {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}
.floor_4_main {
    padding-top: 40px;
    padding-bottom: 100px;
    background: #f5f5f5;
}
.floor_4 .about {
    height: 420px;
    background: url(../images/aboutc.png) no-repeat bottom right;
}
.floor_4 .about .aImg {
	float: left;
	display: block;
	width: 600px;
	padding-top:100px;
	padding-left:60px;
}
.floor_4 .aCont {
    float: left;
    width: 600px;
}
.floor_4 .aCont .txt .kMore:hover {
    background: #0195df;
    color: #fff;
    text-indent: 10px;
}
.floor_4 .aCont .txt {
    padding-left: 50px;
    padding-top: 65px;
    width: 580px;
}
.floor_4 .aCont .txt .aTit {
    width: 480px;
    font-weight: bold;
    font-size: 30px;
    color: #333;
    background: url(../images/aline.png) no-repeat right center;
}
.floor_4 .about .aImg img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.floor_4 .about .aImg:hover {
	transform: translateY(-3px);
	transition: all ease 600ms;
}
.floor_4 .about .aImg:hover img {
	filter: brightness(105%);
	-webkit-filter: brightness(105%);
}
.floor_4 .aCont .txt .aTxt {
    margin-top: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    color: #666;
}
.floor_4 .aCont .txt .kMore {
    width: 180px;
    height: 36px;
    line-height: 36px;
    margin-top: 24px;
    display: block;
    text-align: center;
    background: #444;
    color: #fff;
}

.floor_5 .indexTit {
    padding-top: 76px;
}
.floor_5_y ul li {
    width: 45%;
    float: left;
    margin-bottom: 28px;
    position: relative;
    border-bottom: #b9b9b9 dashed 1px;
    padding-bottom: 28px;
}
.floor_5_y ul li:nth-child(even){float:right}
.floor_5_y ul {
    display: block;
    width: 100%;
    margin: 0 auto;padding-top:60px;padding-bottom:80px;
}
.floor_5_y ul li a {
    display: block;
    width: 100%;
}
.floor_5_y ul li em {
    float: left;
    display: block;
    width: 98px;
    height: 98px;
    border: #e5e5e5 solid 1px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-family: "Arial";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.floor_5_y ul li em span {
    display: block;
    font-size: 60px;
    color: #333;
    line-height: 50px;
    padding-top: 14px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.floor_5_y ul li h3 {
    float: right;
	padding-left:130px;width:100%;
}
.floor_5_y ul li p {
    font-size: 18px;
    color: #333;
    width: 100%;
    line-height: 18px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.floor_5_y ul li p span {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    padding-top: 18px;
    font-weight: normal;
	height: 60px;overflow: hidden;
}
/*经典案例*/
 .floor_2_main {
	width: 100%;
	height: 700px;
	background: url("../images/casebg.png") no-repeat center center;
	background-size: 1920px 700px;
}
 .floor_2 .indexTit {
	padding-top: 80px;
}
 .floor_2 .indexTit .tit {
	color: #fff;
}
.floor_2 .indexTit .tit em {
	color: #fff;
}
.floor_2 .indexTit .subtit {
	background: url("../images/titline2.png") no-repeat center center;
	background-size: 599px 32px;
}
.floor_2 .caseList {
	margin-top: 60px;
	position: relative;
}
.floor_2 .caseList .item {
	float: left;
	display: block;
	width: 280px;
	margin-right: 30px;
}
.floor_2 .caseList .item a {
	display: block;
}
.floor_2 .caseList .item .img {
	display: block;
	width: 280px;
	overflow: hidden;
}
.floor_2 .caseList .item .img img {
	display: block;
	width: 100%;
	height: 100%;
}
.floor_2 .caseList .item .txt {
	height: 60px;
	line-height: 60px;
	background: #fff;
	transition: background ease 0.36s;
}
.floor_2 .caseList .item .txt .tit {
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	text-indent: 30px;
	color: #666;
	background: url("../images/arra.png") no-repeat 92% center;
	background-size: 21px 4px;
}
.floor_2 .caseList .item:hover .txt {
	background: #0497e0;
	transition: background ease 0.36s;
}
.floor_2 .caseList .item:hover .txt .tit {
	color: #fff;
	background: url("../images/arrh.png") no-repeat 92% center;
	background-size: 21px 4px;
	transition: background ease 0.36s;
}
.floor_2 .caseList .hd {
	position: absolute;
	width: 100%;
	top: 160px;
}
.floor_2 .caseList .hd span {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.floor_2 .caseList .hd .prev {
	left: -80px;
	background-position: -152px -20px;
}
.floor_2 .caseList .hd .next {
	right: -90px;
	background-position: -194px -20px;
}
.floor_2 .caseList .hd .prev:hover {
	background-position: -110px -20px;
}
.floor_2 .caseList .hd .next:hover {
	background-position: -236px -20px;
}
.floor_2 .cMore {
	display: block;
	width: 198px;
	height: 43px;
	margin: 0 auto;
	margin-top: 40px;
	font-size: 16px;
	line-height: 43px;
	text-align: center;
	color: #fff;
	border: 1px solid #cfdce5;
	transition: all ease 600ms;
}
.floor_2 .cMore:hover {
	width: 240px;
	background: #cfdce5;
	color: #fff;
	transition: all ease 600ms;
}
.indexTit .tit {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    color: #333;
}
.indexTit .tit em {
    display: block;
    font-weight: bold;
    color: #0195df;
    text-align: center;
}
.indexTit .subtit {
    width: 599px;
    height: 32px;
    margin: 0 auto;
    margin-top: 16px;
    background: url(../images/titline1.png) no-repeat center center;
    background-size: 599px 32px;
}
.icon2 {
    background: url(../images/icon2.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

/*footer*/
.footer {
	width: 100%;
	color: #fff;
	padding-bottom: 48px;
	background: #2E3033;
	border-top: 8px solid #06a3e8;
}
.footer .links {
	padding: 20px 0;
	font-size: 16px;
	border-bottom: 1px solid #1a1d21;
}
.footer .links span {
	color: #fff;
	display: inline-block;
}
.footer .links a {
	display: inline-block;
	font-size: 14px;
	color: #939393;
	padding-right: 10px;
}
.footer .links a:hover {
	color: #06a3e8;
}
.footer .bottom {
	border-top: 1px solid #464a50;
}
.footer .bNav {
	width: 710px;
	margin-top: 48px;
	border-right: 1px solid #1a1d21;
}
.footer .di_logo img {
	width: 111px;
	height: 111px;
	background-size: 100%;
}
.footer .bNav dl {
	display: inline-block;
	float: left;
	width: 140px;
	overflow: hidden;
	text-align: left;
	padding-top: 10px;
}
.footer .bNav dl dt {
	height: 16px;
	display: block;
	padding-bottom: 32px;
}
.footer .bNav dl dt a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 16px;
}
.footer .bNav dl dd {
	display: block;
	height: 22px;
	padding-bottom: 16px;
}
.footer .bNav dl dd a {
	display: block;
	font-size: 14px;
	color: #939393;
	line-height: 14px;
}
.footer .bNav dl dd a:hover {
	color: #06a3e8;
}
.footer .ewm {
	height: 180px;
	text-align: center;
	padding-left: 15px;
	margin-top: 48px;
	border-left: 1px solid #464a50;
}
.footer .ewm dl {
	float: left;
	display: block;
	margin-right: 0px;
	margin-top: 10px;
	height: 164px;
}
.footer .ewm dl:nth-child(2) {
	margin-right: 0px;
}
.footer .ewm dl:first-child+dl {
	margin-right: 0px;
}
.footer .ewm dl dt {
	width: 140px;
	height: 140px;
	background-color: #fff;
	text-align: center;
}
.footer .ewm dl dt img {
	width: 130px;
	height: 130px;
	display: inline-block;
	background-size: 100%;
	margin-top: 5px;
}
.footer .ewm dl dd {
	font-size: 14px;
	color: #939393;
	line-height: 24px;
	padding-top: 5px;
}
.footer .contact_info {
	width: 315px;
	height: 180px;
	padding-left: 15px;
	border-right: 1px solid #1a1d21;
	border-left: 1px solid #464a50;
	margin-top: 48px;
}
.footer .contact_info p.p1 {
	font-size: 14px;
	color: #fff;
	line-height: 14px;
	padding-top: 10px;
}
.footer .contact_info p.dh {
	font-size: 36px;
	color: #06a3e8;
	font-family: "Arial";
	line-height: 36px;
	padding-top: 4px;
	font-weight: bold;
	padding-bottom: 12px;
}
.footer .contact_info h3 {
	font-size: 20px;
	padding-top: 8px;
}
.footer .contact_info p.tel {
	font-size: 14px;
	color: #939393;
	line-height: 22px;
	width: 270px;
}
.footer .contact_info i {
	display: block;
	padding-top: 8px;
	font-size: 14px;
	color: #fff;
}
.footer .contact_info i a {
	display: inline-block;
	color: #fff;
	padding-right: 12px;
}
/*copyright*/
.copyright {
	height: 60px;
	line-height: 60px;
	color: #666;
	font-size: 14px;
	background: #27292B;
}
.copyright p {
	color: #939393;
}
.copyright span {
	margin: 0 6px;
}
.copyright a {
	color: #939393;
}
.copyright a:hover {
	color: #06a3e8;
}
div[class*=container], section[class*=container], ul[class*=container] {
	margin: 0 auto
}

@media (max-width:1240px) {
div[class*=container], section[class*=container], ul[class*=container] {
	min-width: 100%;
	width: 100%;
	max-width: 100%
}
}
.container_banner {
	width: 1200px;
	position: relative
}
@media (max-width:1240px) {
.container_banner {
	padding: 0 2%
}
}
.container_moment {
	width: 1220px
}
.container_case {
	width: 1230px
}
.container_feature {
	width: 1220px
}
.title {
	text-align: center
}
.title h3 {
	font-size: 4.2em;
	color: #000;
	margin-bottom: 15px
}
.title p {
	text-transform: uppercase;
	font-size: 1.8em;
	color: #e75c1e
}
@media (max-width:1500px) {
.title h3 {
	font-size: 3.8em
}
}
@media (max-width:768px) {
.title h3 {
	font-size: 34px;
	margin-bottom: 10px
}
}
@media (max-width:500px) {
.title h3 {
	font-size: 28px;
	margin-bottom: 5px
}
.title p {
	font-size: 16px
}
}
@media (max-width:360px) {
.title h3 {
	font-size: 24px;
	margin-bottom: 5px
}
.title p {
	font-size: 14px
}
}
.title2 {
	text-align: center
}
.title2 h2 {
	font-size: 42px;
	color: #ec6c49;
	display: inline-block;
	position: relative
}
.title2 h2:after, .title2 h2:before {
	content: '';
	position: absolute;
	width: 48px;
	height: 1px;
	background: #f19d78;
	top: 56%
}
.title2 h2:after {
	right: -75px
}
.title2 h2:before {
	left: -75px
}
@media (max-width:768px) {
.title2 h2 {
	font-size: 34px
}
}
@media (max-width:500px) {
.title2 h2 {
	font-size: 28px
}
}
@media (max-width:360px) {
.title2 h2 {
	font-size: 24px
}
}
.base-color {
	color: #ec6c49
}
.case-list .case-box {
	width: 382px;
	display: inline-block
}
.case-list .pro {
	width: 100%;
	height: 215px
}
.case-list .desc {
	text-align: left;
	width: 100%;
	height: 66px;
	background: #e75c1e;
	line-height: 66px;
	color: #fff;
	font-size: 18px;
	padding-left: 25px;
	position: relative
}
.case-list .desc .more {
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -14px;
	width: 27px;
	height: 27px;
	background: url(../img/more.png) no-repeat center
}
header {
	position: relative
}
header.fix {
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 2px 1px #d4d4d4
}
.header-in {
	z-index: 100;
	width: 100%;
	height: 90px;
	top: 0
}
.logo {
	display: inline-block;
	position: relative;
	z-index: 999999;
	margin-top: 13px
}
.moible_hy {
	display: none
}
.m-close {
	display: none
}
.header-r {
	float: right;
	position: relative;
	z-index: 10;
	font-size: 0
}
nav.nav-top {
	display: inline-block;
	margin-top: 36px;
	vertical-align: top
}
nav.nav-top>ul>li {
	position: relative;
	display: inline-block;
	margin-left: 40px;
	line-height: 16px;
	height: 37px;
	font-size: 16px;
	vertical-align: top
}
nav.nav-top>ul>li::after {
	content: ' ';
	position: absolute;
	left: auto;
	bottom: 0;
	width: 0;
	right: 0;
	height: 3px;
	background: #0051a5;
	transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
	-ms-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
	-o-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
	-webkit-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
	-moz-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s
}
nav.nav-top>ul>li.cur::after, nav.nav-top>ul>li:hover::after {
	width: 100%;
	left: 0;
	right: auto
}
.top-sub-menu {
	display: none;
	position: absolute;
	top: 34px;
	left: -35px
}
nav.nav-top>ul>li a {
	color: #000;
	font-size: 16px;
	transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	-webkit-transition: all .35s;
	-moz-transition: all .35s
}
nav.nav-top>ul>li a:hover, nav.nav-top>ul>li.cur a {
	color: #0051a5
}
.top-sub-menu>a {
	color: rgba(255,255,255,.8)!important;
	font-size: 14px!important;
	line-height: 40px;
	display: block;
	text-align: center;
	width: 134px;
	background: #0051a5;
	border-bottom: 1px solid #0051a5;
}
.top-sub-menu>a:hover {
	color: #fff;
	background: #0051a5
}
.banner_info .inside-nav-one {
	width: 50%
}
.inside-banner img {
	max-width: 100%;
	height: auto
}
.inside-banner {
	position: relative;
	height: 500px;
	margin-top: 90px
}
.inside-banner .banner-img {
	height: 100%;
	width: 100%
}


@media (max-width:768px) {
.inside-banner {
	height: 280px
}
.inside-banner .banner-desc {
	top: 40%;
	width: 50%
}
.inside-banner .banner-desc h2 {
	font-size: 36px;
	margin-bottom: 10px
}
.inside-banner .banner-desc p {
	font-size: 16px
}
}
@media (max-width:500px) {
.inside-banner .banner-desc {
	top: 40%
}
.inside-banner .banner-desc h2 {
	font-size: 32px;
	margin-bottom: 5px
}
.inside-banner .banner-desc p {
	font-size: 16px!important
}
.inside-banner .banner-img {
	background-position: 67%!important
}
}
.inside-nav {
	position: relative;
	margin-top: -62px;
	font-size: 0
}
.inside-nav-one {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: 16.667%;
	height: 62px;
	line-height: 62px;
	text-align: center;
	background: #d4592e;
	transition: .3s
}
.inside-nav-one.cur, .inside-nav-one:hover {
	background: #fff
}
.inside-nav-one a {
	display: block;
	color: #fff;
	transition: .3s
}
.inside-nav-one.cur a, .inside-nav-one:hover a {
	color: #d55a2d
}
.textprenext {
	margin-top: 20px;
	line-height: 30px
}
/* banner */
#banner_main {
	overflow: hidden;
	z-index: 2;
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	
}
#banner_main .banner {
	position: relative;
	width: 100%;
	height: 600px;
	margin: 0 auto;
	min-width: 1200px;
}
#banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#banner, .banner ul {
	max-height: 600px;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	display: none;
}
.banner li:first-child {
	display: block;
}
.banner li img {
	width: 1920px;
	height: 600px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
	min-width: 1200px;
}
#banner .tip {
	width: 1000px;
	height: 14px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 30px;
	z-index: 12;
}
#banner .tip span {
	width: 33px;
	height: 4px;
	margin: 0 10px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	border: #fff solid 1px;
	opacity: 0.5;
	filter: Alpha(opacity=50);
}
#banner .tip span.cur {
	background-color: #0177c4;
	border: #0177c4 solid 1px;
	opacity: 1;
	filter: Alpha(opacity=100);
}
#banner #btn_prev, #banner #btn_next {
	width: 31px;
	height: 61px;
	position: absolute;
	top: 50%;
	margin-top: -30.5px;
	z-index: 5;
	display: none;
	-webkit-transition: all .0s ease-in-out 0s;
	-moz-transition: all .0s ease-in-out 0s;
	transition: all .0s ease-in-out 0s;
}
#banner #btn_prev {
	background-position: 0px 0;
	left: 12%;
}
#banner #btn_next {
	background-position: -38px 0px;
	right: 12%;
}
#banner #btn_prev:hover {
	left: 12%;
	background-position: 0px -72px;
}
#banner #btn_next:hover {
	right: 12%;
	background-position: -38px -72px;
}
/*banner end*/

.textprenext a {
	transition: color .4s;
	-ms-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	-moz-transition: color .4s
}
.textprenext a:hover {
	color: #e75c1e
}
.share {
	float: right;
	margin-top: 25px
}
.msg {
	position: fixed;
	z-index: 99;
	right: 30px;
	bottom: 10%;
	width: 100px;
	height: 40px;
	background: #e7e7e7;
	border-radius: 30px;
	text-align: center;
	line-height: 36px;
	cursor: pointer
}
.msg .desc {
	font-size: 12px;
	color: #e75c1e
}
.msg .icon {
	width: 24px;
	height: 24px;
	background: url(../img/msg.png) no-repeat center/contain;
	margin-right: 5px
}
.pc_msg {
	display: none;
	position: fixed;
	right: 0;
	bottom: 5%;
	background: #fff;
	border: 1px solid #e75c1e;
	z-index: 99;
	padding: 20px 0 15px 15px
}
.pc_msg .msg_title {
	position: absolute;
	top: -1px;
	left: -31px;
	width: 30px;
	background: #e75c1e;
	color: #fff;
	padding: 24px 9px 5px 9px;
	cursor: pointer
}
.pc_msg i {
	position: absolute;
	left: -23px;
	top: 6px;
	z-index: 11;
	color: #fff;
	font-size: 14px
}
.pc_msg .msg_input {
	margin-bottom: 10px
}
.pc_msg .msg_input span {
	width: 39px;
	display: inline-block;
	text-align: right
}
.pc_msg .msg_input input {
	border: 1px solid #ffb898;
	padding-left: 5px
}
.pc_msg .msg_input textarea {
	height: 80px;
	border: 1px solid #ffb898;
	padding-left: 5px
}
.pc_msg .msg_input input[name=verfiycode] {
	width: 75px;
	display: inline-block;
	vertical-align: middle
}
.pc_msg .msg_input .captcha2 {
	width: 100px;
	display: inline-block;
	vertical-align: middle
}
.pc_msg .msg_input .captcha2 img {
	max-width: 100%;
	height: 21px
}
.icon {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
/*搜索栏*/
.announ_main {
	width: 100%;
	height: 76px;
	line-height: 76px;
	border-bottom: 1px solid #eee;
}
.announ_main .announ_right {
	width: 282px;
	padding-top: 20px;
}
.announ_main .announ_right .search {
	width: 282px;
	height: 35px;
	line-height: 35px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #f6f6f6;
	position: relative;
}
.announ_main .announ_right .search input {
	outline: none;
	border: 0 none;
	height: 35px;
	line-height: 35px;
}
.announ_main .announ_right .search .txt {
	width: 200px;
	background: none;
	padding-left: 15px;
	display: block;
	color: #999;
}
.announ_main .announ_right .search .btn {
	width: 50px;
	background: url(../images/sou.png) no-repeat center #0195df;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.announ_main .announ_right .search .btn:hover {
	background-color: #10c09f;
}
.announ_main .announ_left span {
	display: inline-block;
}
.announ_main .announ_left a {
	display: inline-block;
	padding: 0 10px 0 0;
	color: #666;
}
.announ_main .announ_left a s {
	width: 1px;
	height: 16px;
	display: inline-block;
	margin-right: 10px;
	background: #e9e9e9;
	vertical-align: middle;
}
.announ_main .announ_left a:first-child s {
	display: none;
}
.pc_msg button {
	border: 0;
	background: #e75c1e;
	color: #fff;
	padding: 3px 45px;
	border-radius: 3px;
	font-size: 12px;
	margin: 15px auto 0;
	display: block
}
.aside-nav {
	position: fixed;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	z-index: 11
}
.aside-nav-close {
	margin: 0 auto;
	width: 17px;
	height: 17px;
	line-height: 15px;
	background: #e75c1e;
	border-radius: 50%;
	text-align: center;
	visibility: visible;
	cursor: pointer
}
.aside-nav-in.close {
	transform: translateX(100px);
	visibility: hidden;
	transition: .3s
}
.aside-nav-one {
	position: relative;
	margin-top: 6px;
	margin-bottom: 6px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	background: #e75c1e;
	border-radius: 50px;
	text-align: right
}
.aside-nav-one-img {
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 10;
	width: 40px;
	height: 40px;
	text-align: center;
	transition: .3s
}
.aside-nav-one-img img {
	width: 22px
}
.more-width:hover .aside-nav-one-img {
	left: -73px
}
.more-width-call:hover .aside-nav-one-img {
	left: -155px
}
.aside-nav-one-desc {
	position: absolute;
	right: 0;
	padding-right: 16px;
	width: 40px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	background: #e75c1e;
	color: #e75c1e;
	border-radius: 50px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .3s, color .1s
}
.more-width:hover .aside-nav-one-desc {
	width: 125px;
	color: #fff;
	transition: .3s
}
.more-width-call:hover .aside-nav-one-desc {
	width: 200px
}
.aside-nav-one-qrcode {
	position: absolute;
	left: -200px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	transition: .3s
}
.aside-nav-one:hover .aside-nav-one-qrcode {
	left: -140px;
	opacity: 1;
	visibility: visible
}
.page {
	text-align: center
}
.page a {
	color: #acacac;
	display: inline-block;
	width: 100%;
	line-height: 28px;
	transition: color .4s;
	-ms-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	-moz-transition: color .4s
}
.page span {
	color: #acacac;
	font-family: SimSun;
	vertical-align: top
}
.page .pagination {
	display: inline-block
}
.page .pagination li.cur {
	width: auto;
}
.page .pagination li {
	float: left;
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	margin-right: 12px;
	color: #acacac;
	transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s
}
.page .pagination li:first-child {
	border: 0;
	color: #fff;
	margin-right: 13px;
	font-weight: bolder
}
.page .pagination li:last-child {
	border: 0;
	color: #fff;
	font-family: SimSun;
	font-weight: bolder
}
.page .pagination li:hover {
	background: #e75c1e
}
.page .pagination li:hover a {
	color: #fff
}
.page .pagination li:hover span {
	color: #fff
}
.page .pagination li:hover.disabled {
	border-color: #3eb296
}
.page .pagination li.active {
	background: #e75c1e
}
.page .pagination li.active span {
	color: #fff
}
footer {
	font-size: 1em;
	padding-top: 1%;
	width: 100%;
	background: #2b2b2b;
	min-width: 1200px
}
.part-1 {
	max-width: 1200px;
	width: 100%;
	margin: 2.5% auto
}
.footer-nav {
	float: left;
	width: 66.5%
}
.item-common {
	float: left;
	width: 16.667%;
	text-align: left;
	transition: all linear .3s;
	-moz-transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-o-transition: all linear .3s
}
.item-common span {
	font-weight: lighter;
	display: inline-block;
	font-size: 16px;
	color: rgba(230,230,230,.5);
	padding-bottom: 15px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(230,230,230,.5)
}
.item-common a {
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
	color: rgba(230,230,230,.7);
	word-break: break-all;
	transition: .2s all linear;
	-moz-transition: .2s all linear;
	-webkit-transition: .2s all linear;
	-o-transition: .2s all linear
}
.item-common a:hover {
	color: #fff
}
.footer-icon {
	width: 20%;
	float: left
}
.footer-icon .phone p {
	font-size: 1.6em;
	color: #ad1e1a
}
.footer-icon .phone p span {
	font-size: 12px
}
.footer-icon .phone strong {
	font-size: 1.4em;
	color: #d0d0d0;
	font-weight: 400
}
.footer-icon .mail i, .footer-icon .phone i {
	float: left;
	margin-right: 10px;
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin-top: 1px
}
.footer-icon .phone i {
	background: url(../img/phone-icon.png) no-repeat
}
.footer-icon .mail i {
	background: url(../img/location-icon.png) no-repeat;
	margin-top: 7px
}
.footer-icon .mail {
	margin-top: 10px
}
.footer-icon .mail p {
	color: #d0d0d0;
	font-size: 1.6em
}
.footer-icon .mail strong {
	color: #d0d0d0;
	font-size: 1.4em;
	font-weight: 400;
	float: left;
	width: 87%;
	line-height: 30px
}
.wechat {
	display: inline-block
}
.wechat .others p {
	font-size: 14px;
	color: #9e9e9e;
	margin-bottom: 18px
}
.wechat .ewm {
	margin-left: 45px;
	margin-top: 10px
}
.wechat .address {
	font-size: 14px;
	color: #9e9e9e;
	margin-bottom: 18px
}

.frend-item {
	float: right
}
.frend-list {
	float: left;
	margin-right: 10px;
	color: #9e9e9e;
	font-size: 14px
}
.frend-list a {
	display: inline-block;
	font-size: 14px;
	color: #9e9e9e
}
.frend-list:last-child {
	margin-right: 0
}
@media (max-width:1440px) {
.aside-nav, .msg {
	right: 0
}
}
@media (max-width:1240px) {
header {
	padding: 0 2%
}
footer {
	min-width: 100%;
	padding: 3% 2.5% 0
}
}
@media (max-width:1120px) {
.footer-nav {
	display: none
}
.part-1 {
	text-align: center
}
.f_contact {
	text-align: left
}
}
@media (max-width:1000px) {
header {
	padding: 0
}
.inside-banner {
	margin-top: 0
}
.logo {
	margin-top: 11px;
	width: 130px
}
.logo img {
	max-width: 100%
}
.header-in {
	background: #fff;
	height: 55px;
	padding: 0 2%;
	position: fixed;
	overflow: visible;
	box-shadow: 0 1px 10px -3px #000
}
.header-r {
	float: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 0;
	text-align: center;
	transition: 0s 1s;
	overflow: hidden
}
body.on .header-r {
	height: 100%;
	transition: 0s
}
.header-r::after {
	content: ' ';
	position: absolute;
	left: 0;
	top: -100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #f2f2f2;
	transition: .8s .2s
}
body.on .header-r::after {
	top: 0;
	transition: .4s
}
.header-r-in {
	margin-top: 15%;
	padding: 0 25px
}
.m-close {
	display: block;
	float: right;
	position: relative;
	right: 0;
	top: 8px;
	z-index: 999999;
	width: 36px;
	height: 36px
}
.m-close::after, .m-close::before {
	content: '';
	position: absolute;
	left: 0;
	width: 50%;
	height: 2px;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	transition: all .4s .1s ease-out;
	background: #0051a5
}
body.on .m-close::after, body.on .m-close::before {
	transition: all .25s ease-out
}
.m-close::before {
	top: 20px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 50% 50% 0
}
.m-close::after {
	top: 20px;
	left: 12px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: 50% 50% 0
}
body.on .m-close::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
body.on .m-close::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
nav.nav-top {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	width: 100%
}
nav.nav-top>ul>li {
	display: block;
	transform: translateY(-30px);
	margin: 0;
	line-height: 8vh;
	height: auto;
	opacity: 0;
	text-align: left;
	transition: .2s;
	border-bottom: 1px solid rgba(207,207,207,.66)
}
nav.nav-top>ul>li a:after {
	content: attr(data-icon);
	font-size: 18px;
	position: absolute;
	right: 10px;
	top: 0
}
nav.nav-top>ul>li[date-switch='1'] a:after {
	content: attr(data-hover)
}
body.on nav.nav-top>ul>li:nth-child(2)>a, body.on nav.nav-top>ul>li:nth-child(3)>a, body.on nav.nav-top>ul>li:nth-child(4)>a, body.on nav.nav-top>ul>li:nth-child(5)>a, body.on nav.nav-top>ul>li:nth-child(6)>a {
	pointer-events: none
}
body.on nav.nav-top>ul>li:nth-child(1), nav.nav-top>ul>li:nth-child(7) {
	transition: .2s
}
body.on nav.nav-top>ul>li:nth-child(2), nav.nav-top>ul>li:nth-child(6) {
	transition: .2s .05s
}
body.on nav.nav-top>ul>li:nth-child(3), nav.nav-top>ul>li:nth-child(5) {
	transition: .2s .1s
}
body.on nav.nav-top>ul>li:nth-child(4), nav.nav-top>ul>li:nth-child(4) {
	transition: .2s .15s
}
body.on nav.nav-top>ul>li:nth-child(5), nav.nav-top>ul>li:nth-child(3) {
	transition: .2s .2s
}
body.on nav.nav-top>ul>li:nth-child(6), nav.nav-top>ul>li:nth-child(2) {
	transition: .2s .25s
}
body.on nav.nav-top>ul>li:nth-child(7), nav.nav-top>ul>li:nth-child(1) {
	transition: .2s .3s
}
body.on nav.nav-top>ul>li {
	transform: translateY(0);
	opacity: 1
}
.top-sub-menu {
	display: none;
	overflow: hidden;
	border: 0
}
nav.nav-top>ul>li::after {
	display: none
}
.top-sub-menu {
	position: static
}
.top-sub-menu a {
	display: block;
	width: 100%;
	font-size: 14px!important;
	color: rgba(0,0,0,.8)!important;
	text-align: left;
	padding-left: 10px;
	background: 0 0;
	border-bottom: 1px solid rgba(193,193,193,.66)
}
.top-sub-menu>a:hover {
	background: 0 0
}
.top-sub-menu a:last-child {
	border: 0
}
a.login {
	display: block;
	margin: 0 auto;
	transform: translateY(-30px);
	opacity: 0;
	transition: .2s
}
body.on a.login {
	display: none
}
.footer-t {
	padding-top: 30px;
	text-align: center
}
.footer-t-l {
	display: none
}
.footer-t-r {
	float: none
}
.footer-b {
	padding: 15px;
	height: auto;
	line-height: 20px;
	font-size: 12px
}
.moible_hy {
	display: block;
	float: right;
	color: #fff;
	font-size: 26px;
	position: relative;
	top: 14px;
	margin-right: 20px;
	z-index: 100000
}
article {
	margin-top: 55px
}
}

/* loaction */
.location {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #fff;
	position: relative;
	z-index: 9;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
	font-size:14px;
}
.location .chanpin {
	height: 102px;
}
.location .sitepath {
	color: #363636;
	white-space: nowrap;
}
.location .sitepath s {
	width: 12px;
	height: 12px;
	background-position: -489px -213px;
	margin-right: 6px;
}
.location .sitepath a {
	color: #363636;
	padding: 0 5px;
}
.location .sitepath a:hover {
	color: #358fd0;
}
.location .menu {
	height: 52px;
	line-height: 52px;
	position: relative;
	z-index: 1;
}
.location .menu li {
	padding: 0;
	float: left;
	height: 50px;
	line-height: 50px;
	margin-left: 30px;
	text-align: center;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #363636;
	display: inline-block;
	position: relative;
}
.location .menu li a {
	display: block;
}
.location .menu li i {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #358fd0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.location .menu li .box {
	width: 400px;
	text-align: left;
	position: absolute;
	left: 0;
	top: 60px;
	display: none;
}
.location .menu li .box a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	vertical-align: top;
	margin-right: 14px;
}
.location .menu li .box a s {
	width: 4px;
	height: 4px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	background: #999;
	margin-right: 5px;
}
.location .menu li:hover i, .location .menu li.hover i {
	width: 100%;
	margin-left: -50%;
}
.location .menu li:hover a, .location .menu li.hover a {
	color: #358fd0;
}
.location .menu li:hover .box {
	display: block;
}
.ntitle2 {
	position: relative;
	text-align: center;
	padding-top: 50px;
}
.ntitle2 .more {
	font-family: arial;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	width: 85px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	display: block;
}
.ntitle2 h3 {
	font-size: 48px;
	color: #333;
	line-height: 48px;
	font-weight: normal;
	position: relative;
}
.ntitle2 h3 s {
	background: url(../images/a6_03.png) center center no-repeat;
	width: 619px;
	height: 9px;
	display: block;
	margin: 0 auto;
	margin-top: 18px;
}
.ntitle2 h3 i {
	font-size: 24px;
	font-family: "Arial";
	display: block;
	color: #a9a9a9;
	text-transform: uppercase;
	padding-left: 5px;
}
.ntpo {
	padding: 40px 80px 60px;
	line-height: 35px;font-size: 14px;
}
.ntpo img{max-width:100%;}
.girdlist {
	overflow: hidden;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 30px;
}
.girdlist .list {
	width: 100%;
}
.girdlist .item {
	width: 382px;
	float: left;
	display: inline-block;
	margin-bottom: 30px;
	margin-right: 20px;
	position: relative;
	background: #fff;
}
.girdlist .item a {
	display: block;
}
.girdlist .item .img {
	width: 380px;
	height: 278px;
	overflow: hidden;
	border: #eeeeee solid 1px;
	position: relative;
	text-align: center;
}
.girdlist .item .img img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 100%;
	display: inline-block;
	margin-top: 11px;
}
.girdlist .item .item_mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: Alpha(opacity=0);
*zoom: 1;
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
	transform: rotateX(180deg) scale(0.2, 0.2);
	transition: all ease-out .5s;
}
.girdlist .item .item_mask .item_link_icon {
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	background-position: -440px -313px;
	line-height: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
*top: 40%;
	margin-left: -30px;
	margin-top: -0px;
	opacity: 0;
	filter: Alpha(opacity=0);
*zoom: 1;
}
.girdlist .item .txt {
	background: #fff;
	height: 56px;
	line-height: 56px;
	position: relative;
	font-size: 16px;
	color: #333;
	border-bottom: #eeeeee solid 1px;
}
.girdlist .item .txt p {
	font-size: 16px;
	color: #333;
	float: left;
	transition: .5s ease;
}
.girdlist .item .txt i {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -487px -246px;
	margin-top: 20px;
	transition: .5s ease;
}
.girdlist .item:hover p {
	color: #358fd0;
	transition: .5s ease;
}
.girdlist .item:hover .txt i {
	background-position: -487px -228px;
	transition: .5s ease;
}
/*.girdlist .item:hover{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}*/
.girdlist .item:hover img {
	transform: scale(1.1, 1.1);
}
.girdlist .item:hover .item_mask {
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-transform: rotateX(0deg) scale(1, 1);
	transform: rotateX(0deg) scale(1, 1);
	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
	background: rgba(0, 0, 0, 0.3);
}
.girdlist .item:hover .item_mask .item_link_icon {
	transform: translateY(-21px);
	opacity: 1;
	filter: Alpha(opacity=100);
}
.girdlist.huxin .item {
	width: 280px;
	margin-right: 23px;
}
.girdlist.huxin .item:nth-child(4n) {
	margin-right: 0;
}
.girdlist.huxin .item .img {
	width: 100%;
}
.girdlist.huxin .item .img img {
	margin-top: 13px;
}
.girdlist.huxin .item .item_mask .item_link_icon {
	margin-top: -12px;
}
/*分页样式*/
.pglist {
	padding: 30px 0;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #333;
	padding: 0 15px;
	margin: 0 4px;
	background: #fff;
	border: 1px solid #edebeb;
}
.pglist * {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover {
	display: inline-block;
	color: #fff;
	background: #358fd0;
	border-color: #358fd0;
}
.pglist .noww a{background: #2E5D8F;color:#ffffff;}