@charset "utf-8";
 /*=========
  基本默认值
  ==========*/

*{
	margin: 0;
	padding: 0; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-word-break: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
	box-sizing:border-box;/*让padding不占宽度*/
}
html,body{ 
	min-height:100%;
	-webkit-overflow-scrolling : touch;/*苹果手机端滑动卡屏*/
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color:transparent;/*手机端点击底部出现背景*/
    width: 100%;
    overflow-x:hidden;
    min-width: 320px;
    font-size: 12px;
	box-sizing:border-box;
}
body {	
	background-color: #fff;
	color: #000;
	font-family: '微软雅黑';
}
li{
	list-style: none;
}
img {
	border: none;
	vertical-align: top;
	max-width: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	text-decoration: none;
	color: #000;	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s; 
}
::after,::before{	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; 
}
table {
	border-collapse: collapse;
}
input, textarea,select {
	font-family: "Microsoft YaHei";
	font-size: 12px;
	outline: none;
    appearance:none; /*清楚表单默认样式*/
    -moz-appearance:none;
    -webkit-appearance:none;
}

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-10%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(10%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightSmall {
    animation-name: fadeInRightSmall
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0%,-10%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownSmall {
    animation-name: fadeInDownSmall
}

@keyframes fadeOutDownSmall {
    from {
        opacity: 1;
        transform: none
    }

    to {
        opacity: 0;
        transform: translate3d(0%,10%,0)
    }
}

.fadeOutDownSmall {
    animation-name: fadeOutDownSmall
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0%,10%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall
}

.Txtblur1 {
    animation-duration: 1.2s!important;
    animation: Txtblur cubic-bezier(.82,.01,.34,1)
}

.Txtblur2 {
    animation-duration: 1s!important;
    animation: Txtblur cubic-bezier(.82,.01,.34,1)
}

.scaleIn {
    animation-duration: .8s!important;
    animation: scaleIn cubic-bezier(.82,.01,.34,1)
}

@keyframes Txtblur {
    0% {
        filter: blur(12px);
        opacity: 0;
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2)
    }

    100% {
        filter: blur(0);
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1)
    }
}

.scale_go {
    animation: scale_go 3s cubic-bezier(.34,.9,1,1);
    animation-duration: 3s!important
}

@keyframes scale_go {
    from {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1)
    }
}
 
.toph{height: 0;}

 
.container{
 	padding: 0 15px;
    position: relative;
    max-width: 1690px;
    margin: auto;
    width: 100%
}
 
 
 

 
.fl {
    float: left;
}

.fr {
    float: right;
}

/*图片通用样式*/
.img-common{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
}
/*清楚浮动*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
}

.clearfix:after {
	clear: both;
}
/*Flex居中样式*/
.flex-center{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/*动画*/
.donghua {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}
/*文字溢出*/
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ftmenu{display: none;}
.pc_none{display: none;}
/* =========

	导航

 ========= */
.header-box{
 height: 90px;
	
}
.header{
	width: 100%;
	height: 90px;
	background-color: rgb(255, 255, 255, 1);
	padding: 0 3%;
	position: relative;
	z-index: 1000;
}
 
/*logo*/
.header .nav-logo{
	float: left;
}
.header .nav-logo img{
	height:100%;
}
.logo_txt{float: left; margin-top: 18px; margin-left: 18px; padding-left: 14px; border-left: 1px solid #eee;}
.logo_txt h1{font-size:25px ; font-weight: bold; color: #333333;}
.logo_txt p{font-size:16px ; font-weight: normal; color: #333333;}

/*手机导航按钮*/
.header .nav-menu{
	float: right;
	width: 20px;
	height: 100%;
	position: relative;
	margin-left: 25px;
	cursor: pointer;
}
.header .nav-menu .line{
	width: 100%;
	height: 2px;
	background-color: #979797;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.header .nav-menu .line.line1{
	margin-top: -6px;
}
.header .nav-menu .line.line3{
	margin-top: 6px;
}
@media only screen and (max-width:414px){
.header .nav-menu{
	width: 16px;
}
.header .nav-menu .line.line1{
	margin-top: -5px;
}
.header .nav-menu .line.line3{
	margin-top: 5px;
}
}
/*搜索*/
.header .nav-search{
	padding-left: 24px;
	float: right;
position: relative;
}
.header .nav-search .icon{
	    width: 16px;
    background-position: center;
    height: 90px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.header .nav-search .search-sub{
	position: absolute;
	width: 250px;
	right: 0;
	top: 90px;
	padding-right: 14px;
	background-color: #fff;
	z-index: 11;
	display: none;
}
.header .nav-search .search-sub input[type="text"]{
	width: 100%;
	height: 50px;
	padding: 10px;
	border: none;
}
.header .nav-search .search-sub input[type="submit"]{
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
    cursor: pointer;
        background-position: center;
        background-image: url(../images/sicon_03.png);
        position: absolute;
        right:6px;
        top: 12px;
        border: none;
        background-color: #fff;
}
.header .nav-search[data-on="on"] .search-sub{
	display: block;
}
/*语言*/
.header .nav-language{
	margin-left: 25px;
	float: right;
	position: relative;
}
.header .nav-language .language-word{
	font-size: 1.28rem;
	color: #979797;
	line-height: 90px;
	padding-right: 16px;
	position: relative;
	cursor: pointer;
}
.header .nav-language .language-word:after{
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #999999 #999999 transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px; 
	transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.header .nav-language .language-menu{
	position: absolute;
	left: 50%;
	top: 70px;
	width: 170px;
	transform: translateX(-50%);
	border: 1px solid #e8e8e8;
	display: none;
	background-color: #fff;
}
.header .nav-language .language-menu .language-item{
	display: block;
	font-size: 1.28rem;
	color: #979797;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
@media only screen and (min-width: 601px){
	.header .nav-language .language-menu .language-item:hover{
		background-color: rgba(248,248,248,1);
	}
}
@media only screen and (max-width:1024px){
	.header .nav-language .language-menu{
		top: 58px;
	}
	.header .nav-search .search-sub input[type="submit"]{
		top:0;
	}
}
/*导航菜单*/
.header .nav-list{
	float: left;
	margin-left: 100px;
	position: relative;
}


.header .nav-list .list-n{
	display: inline-block;
	position: relative;
	
}
.header .nav-list .list-n .nav-word{
	padding:0 28px;
	display: inline-block;
	font-size: 17px;
	font-weight: normal;
	color: #404040;
	line-height: 90px;
	position: relative;
}
.header .nav-list .list-n.on .nav-word i{
	 width: 100%;
}
.header .nav-list .list-n .nav-sub{
	position: absolute;
	left: -41px;
	top: 100%;
	width: 200px;
	height: auto;
	background-color: #fff;
	overflow: hidden;
	display: none;
	padding:  0;
}
.header .nav-list .list-n .nav-sub .sub-nav-pic{
	float: left;
	width: 35%;
}
.header .nav-list .list-n .nav-sub .sub-nav-list{
	width: 100%;
	margin-left: 0%;
}
.header .nav-list .list-n .nav-sub .sub-item{
	display: block;
	font-size: 15px;
	color: #979797;
	padding: 0 30px;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #ddd;
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
	transition: 0.8s all;
	background-color: #fff;
}

	.header .nav-list .list-n .nav-word i{
		display: block;
		width: 0;
		height: 3px;
		background-color: #137dc7;
		position: absolute; left: 0; bottom: 0; transition: width .5s;
	}
	.header .nav-list .list-n:hover .nav-word i{
		width: 100%;
	}
	.header .nav-list .list-n .nav-sub .sub-item:hover{
		background-color: #137dc7;
		color: #fff;
		transition: 0.8s all;
	}
	
@media only screen and (max-width:1440px){
.header .nav-list{
	float: left;
	margin-left: 60px;
	position: relative;
}
.header .nav-list .list-n .nav-word{
	padding: 0 24px;
}
}
@media only screen and (max-width:1370px){
 
.header .nav-list .list-n .nav-word{
	padding: 0 20px;
}
}
@media only screen and (max-width:1220px){
 .header .nav-list{
 	margin-left: 30px;
 }
.header .nav-list .list-n .nav-word{
	padding: 0 16px;
}
}


/*手机导航菜单*/
.mm-nav-box{
	position: fixed;
	right: 0;
	top: 0;
	width: 400px;
	height: 100%;
	background-color: #fff;
	z-index: 1001;
	padding-top: 105px;
	transition: all .5s ease;
	transform: translate3d(100%,0,0);
	opacity: 0;
	visibility: hidden;
}
.mm-nav-box[data-on="on"]{
transform: translate3d(0,0,0);
	opacity: 1;
	visibility: visible;
}
.mm-nav-box .mm-close{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 7%;
	top: 4%;
	cursor: pointer;
}
.mm-nav-box .mm-close:before{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #979797;
	position: absolute;
	left: 0;
	top: 50%;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
}
.mm-nav-box .mm-close:after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #979797;
	position: absolute;
	left: 0;
	top: 50%;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); 	/* Opera */
}
.mm-nav-box .mm-nav-list{
    border-bottom: 1px solid #F5F5F5;
}

.mm-nav-box .mm-nav-list .list-n .mmli-word{
	padding-left: 50px;
    border-top: 1px solid #F5F5F5;
    font-size: 1.36rem;
    color: #404040;
    display: block;
    height: 60px;
    line-height: 60px;
    transition: all .5s ease;
    text-transform:uppercase;	
}
.mm-nav-box .mm-nav-list .list-n .mmli-word:hover,.mm-nav-box .mm-nav-list .list-n .mm-navsub .sub-item:hover{
	color:#06aef5;
}
.mm-nav-box .mm-nav-list .list-n{
	position: relative;
}
.mm-nav-box .mm-nav-list .list-n i{display: block; width: 60px; height: 38px; line-height: 38px; text-align: center;
 border-left: 1px solid #eee; padding: 0 6px; position: absolute; right: 0; top: 9px;}

.mm-nav-box .mm-nav-list .list-n .mm-navsub .sub-item{
	margin-left: 60px;
	padding-left: 20px;
    font-size: 1.36rem;
    color: #404040;
    display: block;
    height: 40px;
    line-height: 40px;
}
 
 
@media only screen and (max-width:1320px){
 .logo_txt{display: none;}
}
 
@media only screen and (max-width:1024px){
	.header {
		height: 60px;
	}
	.header-box {
		height: 60px;
	}
	.header .nav-logo .img{
		height: 60px;
	}
	.header .nav-search .icon{
		height: 60px;
	}
	.header .nav-search .search-sub{
		position:fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 60px;
		padding-right: 0;
		background-color: rgba(0,0,0,.2);
		border-top: 2px solid #271244;
		z-index: -1;
		display: block;
		transition: all .5s ease;
		transform: translate3d(100%,0,0);
		opacity: 0;;
		visibility: hidden;
	}
	.header .nav-search .search-sub[data-on="on"]{
		transform: translate3d(0,0,0);
		opacity: 1;
		visibility: visible;
	}
	.header .nav-search .search-sub input[type="text"] {
		height: 40px;
	}
	.header .nav-search .search-sub input[type="submit"] {
		width: 40px;
		height: 40px;
	}
	.header .nav-language .language-word{
		line-height: 60px;
	}
	.header .nav-list {
		display: none;
	}
	.mm-nav-box {
		padding-top: 60px;
	}
}
@media only screen and (max-width:600px){
	.header .nav-logo .img{
		margin-top: 6px;
		height: 53px;
	}
	.mm-nav-box {
		left: 0;
		top: 0;
		width:100%;
		height: 100%;
		padding-top: 60px;
	}
	.mm-nav-box .mm-close {
		top: 2%;
		right: 3%;
	}
}


/* =========

	首页

 ========= */
 
/*首页轮播*/
.pcbanner {position: relative; height:800px!important; }
.pcbanner .hdslide .slide_txt{position: relative;width: 1400px; margin: 0 auto; }
.pcbanner .hdslide .slide_txt h2{position: absolute;top: 208px;left: 0;font-size:38px;color: #fff;font-weight: normal;text-shadow: 1px 1px 3px #666;}
.pcbanner .hdslide .slide_txt h2 span{display: block;font-size:13px; color: #fff; font-weight: normal;text-shadow: 1px 1px 3px #666;}
.pcbanner .hdslide .slide_txt p{ font-size:26px; color: #fff; font-weight: normal;text-shadow: 1px 1px 3px #666;}
.pcbanner .hdslide .slide_txt .hddesc{position: absolute;top: 170px;left: 0;}
.pcbanner .hdslide .slide_txt .descen{position: absolute; top: 290px; left: 0;}
.wapbanner{display: none;}
/*scroll*/
.pcbanner .p_scrool{
	position: absolute;
    left: 20px;
    bottom: 40px;
    color: #fff;
    z-index: 10;
}
.pcbanner .p_scrool span{
	    text-transform: uppercase;
	    color: #fff;
	    display: block;
	    font-family: arial;
	    writing-mode: tb;
	    line-height: 20px;
	    margin-bottom: 12px;
	    font-size: 12px;
}
.pcbanner .p_scrool i{
	    display: block;
	    width: 20px;
	    height: 30px;
	    border-radius: 12px;
	    border: 2px #fff solid;
	    position: relative;
}
.pcbanner .p_scrool i:before {
    content: "";
    display: block;
    width: 4px;
    height: 10px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 3px;
    animation: scrollmouse 2s linear infinite;
}

 @media only screen and (max-width: 1440px) {
.pcbanner {position: relative; height:600px!important; }
}
 @media only screen and (max-width: 640px) {
.input-search{display: none;}
.wapbanner{display: block; height: 268px!important;}
.pcbanner{display: none;}
.wapbanner .hdslide{}
.wapbanner .slide_txt{ z-index: 2; margin-top:-350px;}
 
.wapbanner .hdslide .slide_txt h2.hddesc{position: absolute; top: 40px; left: 40px;; font-size:16px!important; color: #fff; font-weight: bold;
text-shadow: 1px 1px 3px #666;}
.wapbanner .hdslide .slide_txt .descen{position: absolute; top: 74px; left: 40px;; font-size:14px!important; color: #fff; font-weight: bold;
text-shadow: 1px 1px 3px #666;}
.wapbanner .hdslide .slide_txt h2 span{display: none;}

 }
 

/*我们的优势*/
.advantage .bigtitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end

}

.advantage .bigtitle .title {
    padding-left: 50px;
    position: relative;
	font-size: 50px;
	line-height: 1.4
}

.advantage .bigtitle .title:before {
    content: '';
    position: absolute;
    bottom: 23px;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon.png) no-repeat
}

 
.advantage {
    padding-top: 136px
}
.advantage .advantage-list {
    margin-top: 90px;
}
.advantage .advantage-list ul {
    margin-right: -65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}
.advantage .advantage-list ul li {
    margin-right: 65px;
    width: 21.22%;
    border: solid 1px #d7d7d7;
    background: var(--white);
    padding: 43px 41px 29px 42px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.advantage .advantage-list ul li i {
    display: block;
    height: 75px;
    line-height: 75px
}

.advantage .advantage-list ul li i img {
    display: inline-block;
    vertical-align: bottom;
    filter: brightness(0)
}

.advantage .advantage-list ul li span {
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    display: inline-block;
    margin-top: 22px
}

.advantage .advantage-list ul li p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 19px
}

.advantage .advantage-list ul li:hover {
    background: #0055a5;
    border-color: #0055a5;
    color: #fff
}

.advantage .advantage-list ul li:hover i img {
    filter: none
}

    .bigtitle .title {
        font-size: 45px
    }
@media screen and (max-width: 1680px) {
    .advantage .advantage-list ul {
        margin-right: -40px
    }

    .advantage .advantage-list ul li {
        margin-right: 40px;
        width: 21.9%;
        padding: 36px 31px 22px 32px
    }

    .advantage .advantage-list ul li span {
        font-size: 20px
    }


	
}
/*首页关于我们*/
.about .bigtitle .title.mb{
	display: none;
}

.about {
    padding: 177px 0 174px;
    position: relative
}

.about .box .img {
    position: relative;
    width: 52%;
    padding: 0 94px 64px 0;
	float: left;
}

.about .box .img .i2 {
    position: absolute;
    right: 0;
    bottom: 0;
	z-index: -1;
}

 
 

.about .box .text {
    width: 48%;
    padding-left: 70px;
	display: inline-block;
}

.about .box .text .desc {
    font-size: 20px;
    line-height: 1.8;
    margin-top: 71px;
    width: 94%
}

.about .box .text .desc h1 {
    display: inline
}

.about .box .text ul {
    margin: 85px -91px 0 0
}

.about .box .text ul li {
    display: inline-block;
    padding-right: 91px
}

.about .box .text ul li i {
    display: block;
    height: 74px;
    line-height: 74px
}

.about .box .text ul li i img {
    display: inline-block;
    vertical-align: bottom
}

.about .box .text ul li em {
    display: block;
    font-size: 64px;
    line-height: 1;
    font-weight: 700;
    margin-top: 28px
}

.about .box .text ul li span {
    font-size: 18px;
    line-height: 32px;
    margin-top: 10px
}



/*首页产品*/
.i-product {
    padding: 90px 0 140px;
    background: #fafafa url(../images/z02.jpg) no-repeat center top;
}

.i-product .bigttitle {
    padding: 49px 0 0 61px;
    position: relative
}

.i-product .bigttitle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon.png) no-repeat
}

.i-product .bigttitle .title {
    padding-left: 0;
	font-size: 45px;
}

.i-product .bigttitle .title:before {
    display: none
}

.i-product .bigttitle ul {
    margin-top: 20px
}

.i-product .bigttitle ul li {
    display: inline-block;
    padding-right: 52px
}

.i-product .bigttitle ul li a {
    display: block;
    font-size: 20px;
    color: #414141;
    line-height: 1.8;
    position: relative
}

.i-product .bigttitle ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #414141;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.i-product .bigttitle ul li a:hover:after,.i-product .bigttitle ul li a.active:after,.i-product .bigttitle ul li.on a:after {
    width: 100%
}

.i-product .bigttitle ul li:last-child {
    padding-right: 0
}

.i-product .content {
    margin-top: 97px
}

.i-product .content ul {
   
}

.i-product .content ul .swiper-slide{
	width: 23%;
	text-align: center;
}

.i-product .content ul li .img-box {
    display: block;
	overflow: hidden;
    border: 2px solid #fff;
}
.i-product .content ul li:hover .img-box{
	border: 2px solid #0055a5;
	
}
.i-product .content ul li:hover .img-box img{
	transition: 0.5s all;
	transform:scale(1.1);
	
}
.i-product .content ul li .img-box img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
	height: 312px;
	transform:scale(1.0);
	transition: .5s all;
	
}

.i-product .content ul li p {
    font-size: 20px;
    line-height: 1.8;
    margin-top: 40px
}
.sycp {
    font-size: 20px;
    line-height: 1.8;
    margin-top: 20px;
	font-weight: normal;
}

/*首页应用*/
.i-case {
    padding: 90px 0 140px;
    background: #f1f1f1;
}

.i-case .bigtitle {
    padding: 49px 0 0 61px;
    position: relative
}
.i-case .bigtitle .title p{
	font-size:16px;
	color: #666666;
	line-height: 1.4;
	width: 1000px;
}
.i-case .bigtitle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon.png) no-repeat
}

.i-case-listbox{
	padding: 50px 0;
}
.i-case-listbox .case-imgbox ul li{
	overflow: hidden;
}
.i-case-listbox .case-imgbox ul li img{
	width: 100%;
	transform: scale(1.0);
	transition: 0.8s all;
}
.i-case-listbox .case-imgbox ul li h2{
	background-color: #9c9c9c;
	padding-left: 20px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-weight: normal;
	position: relative;
}
.i-case-listbox .case-imgbox ul li h2 span{
	width: 18px;
	height: 7px;
	background: url(../images/jiantou1.png) no-repeat;
	display: block;
	position: absolute;
	top: 30px;
	right: 20px;
	transition: 0.8s all;
}
.i-case-listbox .case-imgbox ul li:hover img{
	transform: scale(1.1);
	transition: 0.8s all;
}
.i-case-listbox .case-imgbox ul li:hover h2{
	background-color: #0055a5;
}
.i-case-listbox .case-imgbox ul li:hover h2 span{
	right:30px;
	transition: 0.8s all;
}

/*首页新闻*/
 
.news {
    padding: 155px 0 178px;
    position: relative
}

.news .bigtitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news .bigtitle .title {
    width: 60%;
	padding-left: 50px;
	position: relative
}
.news .bigtitle .title:before {
    content: '';
    position: absolute;
    bottom: 23px;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon.png) no-repeat
}
.news .bigtitle p {
    font-size: 18px;
    line-height: 2;
    width: 36%
}

.news .content {
    margin-top: 94px
}

.news .content ul {
    
}

.news .content ul li {
    width: 31.333%;
	float: left;
	padding-right: 2%;
}
.news .content ul li:nth-child(3){
	padding-right: 0;
}

.news .content ul li .img-box {
    display: block;
	overflow: hidden;
	height: 340px;
}

.news .content ul li .img-box img {
    display: inline-block;
    width: 100%;
	min-height: 340px;
	transform: scale(1.0);
	transition: 0.8s all;
}
.news .content ul li:hover .img-box img{
	transform: scale(1.1);
	transition: 0.8s all;
}
.news .content ul li .syxw{
	font-size: 18px;
    line-height: 32px;
    margin-top: 14px;
	font-weight: bold;
    text-transform: capitalize;
}

.news .content ul li time {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    margin-top: 32px;
    text-transform: uppercase
}

.news .content ul li p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 14px;
	color: #999;
    text-transform: capitalize
}
 

/*合作伙伴*/
 .partner {
     padding-bottom: 144px
 }
 .partner .left .title {
    font-size: 45px;
 	padding-left: 50px;
 	position: relative
 }
 .partner .left .title:before {
     content: '';
     position: absolute;
     bottom: 23px;
     left: 0;
     width: 27px;
     height: 159px;
     background: url(../images/t-icon.png) no-repeat
 }
 .partner .left {
     width: 36%;
	 float: left;
 }
 
 .partner .left p {
     font-size: 18px;
     line-height: 32px;
     width: 90%;
     margin-top: 34px
 }
 
 .partner .right {
     width: 64%;
     padding: 62px 0 0 112px;
	 float: left;
 }
 
 .partner .right ul {
     margin: -10px -61px -56px -10px
 }
 
 .partner .right ul .slick-slide {
     padding: 10px;
	 float: left;
 }
 
 .partner .right ul li {
     padding: 0 51px 46px 0;
	 float: left;
	 width: 33.333%;
 }
 
 .partner .right ul li .img-box {
     display: block;
     background: #fff;
     text-align: center;
     -webkit-box-shadow: 8px 5px 31px 1px rgba(0,0,0,.06);
     box-shadow: 8px 5px 31px 1px rgba(0,0,0,.06);
     height: 129px;
     line-height: 129px;
	 overflow: hidden;
 }
 
 .partner .right ul li .img-box img {
     display: inline-block;
     vertical-align: middle;
	 transform: scale(1.0);
	 transition: .8s all;
 }
 .partner .right ul li:hover .img-box img {
     display: inline-block;
     vertical-align: middle;
 	 transform: scale(1.1);
 	 transition: .8s all;
 }
 
 
 /*首页留言*/
 .contact {
     background:#0055a5;
     padding: 60px 0
 }
 .contact  .form .title {
    font-size: 45px;
 	padding: 50px 0 80px 50px;
 	position: relative
 }
 .contact  .form .title:before {
     content: '';
     position: absolute;
     bottom: 74px;
     left: 0;
     width: 27px;
     height: 159px;
     background: url(../images/t-icon.png) no-repeat
 }
.contact .map {
	 float: left;
	 width: 50%;
	 padding-top: 55px;
     vertical-align: middle;
     -webkit-filter: grayscale(1);
     filter: grayscale(1)
 }
 
.contact .map #mapContainer {
     height: 829px
 }
 
.contact .form {
	 float: left;
	 width: 50%;
     vertical-align: middle;
     padding: 0 129px 0 89px;
     color: #fff
 }
 
.contact .form .title:before {
     background: url(../images/t-icon2.png) no-repeat
 }
 
.contact .form .content {
     margin-top: 64px
 }
 
.contact .form .content ul {
     margin: 0 -65px -64px 0
 }
 
.contact .form .content ul li {
     padding: 0 65px 64px 0;
	 width: 50%;
	 float: left;
 }
 
.contact .form .content ul li input,.contact .form .content ul li textarea {
     width: 100%;
     height: 36px;
     background: 0 0;
     border: none;
     border-bottom: 1px solid #fff;;
     font-size: 18px;
     line-height: 32px;
     color: #fff;
 }
 
.contact .form .content ul li input::-webkit-input-placeholder,.contact .form .content ul li textarea::-webkit-input-placeholder {
     color: #fff;
 }
 
.contact .form .content ul li input:-moz-placeholder,.contact .form .content ul li textarea:-moz-placeholder {
     color: #fff;
 }
 
.contact .form .content ul li input::-moz-placeholder,.contact .form .content ul li textarea::-moz-placeholder {
     color: #fff;
 }
 
.contact .form .content ul li input:-ms-input-placeholder,.contact .form .content ul li textarea:-ms-input-placeholder {
     color: #fff;
 }
 
.contact .form .content ul li input::placeholder,.contact .form .content ul li textarea::placeholder {
     color: #fff;
 }
 
.contact .form .content ul li textarea {
     height: 100px
 }
 
.contact .form .content ul li.wid-100 {
     width: 100%;
     padding-bottom: 64px
 }
 
.contact .form .content ul li .upload {
     position: relative
 }
 
.contact .form .content ul li .upload input[type=file] {
     width: 100%;
     opacity: 0;
     position: relative;
     z-index: 1
 }
 
.contact .form .content ul li .upload span {
     position: absolute;
     top: 0;
     left: 0
 }
 
.contact .form .content ul li .upload span i {
     display: inline-block;
     vertical-align: middle;
     width: 19px;
     height: 19px;
     text-align: center;
     line-height: 19px;
     border: 1px dashed var(--white)
 }
 
.contact .form .content ul li .upload span i img {
     display: inline-block;
     vertical-align: middle
 }
 
.contact .form .content ul li .upload span em {
     display: inline-block;
     vertical-align: middle;
     font-size: 16px;
     padding-left: 11px
 }
 
.contact .form .content ul li .more {
     width: 100%;
	 display: block;
     padding: 0;
	  z-index: 1;
     text-align: center;
     height: 52px;
     line-height: 52px;
     background: #fff;
     font-size: 20px;
     color: #0055a5;
     text-transform: uppercase;
     font-weight: 400;
	 position: relative;
 }
 
 

 .contact .form .content ul li .more:before {
     content: '';
     position: absolute;
     z-index: -1;
     left: 0;
     top: 0;
     width: 0;
     height: 100%;
     background: #000;
     -webkit-transition: .5s;
     -moz-transition: .5s;
     transition: .5s
 }
 
.contact .form .content ul li .more:hover {
     color: #fff
 }
 
 .contact .form .content ul li .more:hover:before {
     width: 100%
 }
 
 /*底部*/
 #footer {
     background: #fafafa;
     padding-top: 115px;
	 box-sizing:border-box;
 }
 #footer .f-content{
	  padding-bottom: 60px;
 } 
 #footer .f-content em {
     display: block;
     font-size: 30px;
     line-height: 1;
     margin-bottom: 26px;
    font-style: normal;
     padding-top: 16px
 }
 
 #footer .f-content ul li {
     font-size: 18px;
     line-height: 2.6;
     font-weight: 400
 }
 
 #footer .f-content ul li ul {
     display: none
 }
 
 #footer .f-content .f-ab {
     width: 20%;
    float: left;
 }
 
 #footer .f-content .f-ab .f-logo {
     display: inline-block
 }
 
 #footer .f-content .f-ab #ewm {
     margin: 24px 0 0 39px;
     width: 137px;
     border: 4px solid var(--white)
 }
 
 #footer .f-content .f-ab .share {
     margin: 31px 0 0 40px
 }
 
 #footer .f-content .f-ab .share a {
     display: inline-block;
     width: 33px;
     height: 33px;
     background-color: #414141;
     text-align: center;
     line-height: 38px;
     color: var(--white);
     font-size: 18px;
     margin-right: 11px;
     -webkit-transition: .5s;
     -moz-transition: .5s;
     transition: .5s
 }
 
 #footer .f-content .f-ab .share a:last-child {
     margin-right: 0
 }
 
 #footer .f-content .f-ab .share a:hover {
     background: #0055a5;
 }
 
 #footer .f-content .f-contact {
     width: 36%;
	 float: left;
 }
 
 #footer .f-content .f-contact ul li {
     font-size: 20px;
     line-height: 1.8;
     padding-bottom: 27px;
	 width: 50%;
	 float: left;
 }
 
 #footer .f-content .f-contact ul li.wid-100 {
     width: 70%
 }
 
 #footer .f-content .f-contact ul li:last-child {
     padding-bottom: 0
 }
 
 #footer .f-content .f-nav {
     padding-left: 6.9%;
     width: 20%;
	 float: left;
 }
 
 #footer .f-content .f-product {
     width: 24%;
     padding-left: 4.7%;
	 float: left;
 }
 
 #footer .f-copy {
	 float: left;
     width: 100%;
     position: relative;
     color: #909090;
     font-size: 14px;
     text-align: center;
     padding: 25px 0 15px;
     border-top: 1px solid #e3e3e3
 }
 
 #footer .f-copy svg {
     vertical-align: top;
     margin-top: -4px;
     width: auto;
     max-height: 24px;
     -webkit-transition: .5s;
     -moz-transition: .5s;
     transition: .5s;
     fill: #909090;
     text-transform: none
 }
 
 #footer .f-copy svg text {
     fill: #909090
 }
 
 
/* =========

	关于我们

 ========= */

.ty-banner{position: relative; height: 542px;}
.ty-banner-txt{position: absolute; top: 130px;width: 100%;margin: 0 auto; z-index: 100;}
.ty-banner-txt h2{font-size: 42px; color: #fff;text-align: center;font-weight: normal; text-shadow: 1px 1px 5px #333;}
.ty-banner-txt p{font-size: 14px; color: #fff;text-align: center;}
.ty-banner-txt i{display: block; width: 40px; height: 1px; background-color: #ddd; margin: 30px auto;}
.bannerimg{-webkit-animation: banner_inside 6s ease 1 forwards;
-moz-animation: banner_inside 6s ease 1 forwards;
-o-animation: banner_inside 6s ease 1 forwards;
animation: banner_inside 6s ease 1 forwards;}
.bannerimg{width: 100%; height: 100%;z-index: -111;}
.bannerimgbox{overflow: hidden;height: 542px;width: 100%;}
  
.ty-banner .box {
    top:190px;
	left:60px;
    position: absolute;
	padding-left: 60px;
}

.ty-banner .box .tit {
    font-size: 40px;
    line-height: 1.4;
	color: #fff;
    text-transform: uppercase
}

.ty-banner .box .mbx {
    font-size: 16px;
    line-height: 30px;
    margin-top: 28px;
	color: #fff;
}
.ty-banner .box .mbx a{
	color: #fff;
}
.ty-banner .box:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 27px;
    height: 158px;
    background: url(../images/mbx-icon.png) no-repeat
}
 
.ProMenu .ProMenulist{position: relative;}
.ProMenu .ProMenulist .submenu_Sub{display: none; position: absolute;top: 56px; left: 0;}
.ProMenu .ProMenulist .submenu_Sub .submenu_li{width: 180px;background: #fff; text-align: center;line-height: 56px; }
.ProMenu .ProMenulist .submenu_Sub .submenu_li a{color: #333; font-size: 14px;display: block; font-weight: normal;}
.ProMenu .ProMenulist .submenu_Sub .submenu_li:hover,.ProMenu .ProMenulist .submenu_Sub .submenu_li.on{background: #c1e191;}
.ProMenu .ProMenulist .submenu_Sub .submenu_li:hover a,.ProMenu .ProMenulist .submenu_Sub .submenu_li.on a{color: #333; font-weight: normal; display: block;}

.localPath{background-color: #f5f5f5;border-bottom: 1px solid #ddd; height: 70px;line-height: 70px;}
.localPath span{margin-right: 6px;}
.localPath a:hover{color:#000}
 
/* .title{width: 100%; text-align: center;padding: 80px 0 40px;}
 
 .title h2{font-size: 36px; color: #333333; font-weight: normal;}
 .title p{color:#999; font-size: 14px; line-height: 32px;}
 .title i{display: block; width: 80px; height: 1px; background-color: #ccc; text-align: center; margin: 30px auto;} */

.lanmu-menu{ margin:60px 30px 0;}
.lanmu-menu-list{background:#fff;border-radius: 10px; padding: 50px 10px 10px;}
.lanmu-menu ul{padding-bottom: 30px;}
.lanmu-menu ul li{float: left; padding: 10px 20px;position: relative;}
.lanmu-menu ul li a{font-size: 14px;}
.lanmu-menu ul li a:hover{color: #777;}
.lanmu-menu ul li.on{background-color: #137dc7;}
.lanmu-menu ul li.on a{color: #fff;}

.lanmu-menu ul li:hover .submenu{display: block;}
.lanmu-menu ul li .submenu{display: none; width:100% ;background-color: #fff; z-index: 999; position: absolute;top: 60px; left: 0;}
.lanmu-menu ul li .submenu .submenu_li{text-align: center;height: 48px; line-height: 48px;border-bottom: 1px solid #e8e8e8;}
.lanmu-menu ul li .submenu .submenu_li:hover,.lanmu-menu ul li .submenu .on{background-color: #f0f0f0;;}
.lanmu-menu ul li .submenu .submenu_li a{display: block;color: #333333; }


.localPath{background-color: #eee;border-bottom: 1px solid #ddd; height: 70px;line-height: 70px; overflow: hidden;}
.localPath span{margin-right: 6px;}
.localPath a{display: inline-block;}
.localPath a:hover{color:#000}

.ny-main{background: #FFF;}
.newshow{width: 1200px; margin: 0 auto;} 
.about_img{width: 45%; float: right; background: url(../images/ab_img.jpg) no-repeat; height: 450px;background-size: 100%;}

.about_img2{width: 45%; float: left; background: url(../images/ab_img_2.jpg) no-repeat; height: 450px;background-size: 100%;}
.about_txt2{width: 50%; float: right;font-size: 18px;line-height: 2; color: #333;}
.juzhong{display: flex;  align-items: center;  justify-content: center;height: 450px;}

.about_img3{width: 45%; float: right; background: url(../images/ab_img_3.jpg) no-repeat; height: 450px;background-size: 100%;}
.about_txt{width: 50%; float: left;font-size: 18px;line-height: 2;color: #333;}
.companybg{
	padding-top: 104px;
}
.about_txt .about-right-title{
	position: relative;
	padding-top: 88px;
	margin-bottom: 30px;
}
.about_txt .about-right-title h3{
	font-size: 42px;
	font-weight: normal;
	padding-bottom: 18px;
	text-align: left;
	color: #333;
	line-height: 52px;
    padding-left: 50px;	
}
.about_txt .about-right-title h3 span{
	font-size: 38px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}
.about_txt .about-right-title i{
	display:block;
	position: absolute;
    bottom: 23px;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon.png) no-repeat
}

.about-left-title p{
	font-size: 47px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px;
}
.about-left-title p span{
	color: #06aef5;
}
.about-left-title h2{
	font-size: 25px;
	line-height: 34px;
	color: #424242;
	font-weight: normal;
	margin-bottom: 20px;
}
.about_txt p{
	font-size: 18px;
	line-height: 2;
	text-align: justify;
}
.nyabout .nyabout-content{
	font-size: 1.16rem;
	color: #585858;
	line-height: 2;
	margin-bottom: 30px;
}	
.nyabout .nyabout-content h4{
	font-size: 18px;
	font-weight: normal;
}
.nyabout .nyabout-content .about_tab{
	width: 100%;
	margin-top: 10px;
}
.nyabout .nyabout-content .about_tab tr td{
	height: 50px;
	font-size: 16px;
	border: 1px solid #fff;
	text-align: center;
}
.nyabout .nyabout-content .about_tab tr:nth-child(2n){
	background-color: #bddff2;
}
.nyabout .nyabout-content .about_tab .tt{
	background-color: #2a8fcb;
	color: #000;
	height: 25px;
}
.nyabout .nyabout-content .fenbu ul li{
	width: 19%;
	float: left;
	margin-right: 1%;
	margin-bottom: 3%;
}
.nyabout .nyabout-content .fenbu ul li img{
	width: 100%;
	transform: scale(1.0);
	transition: 0.8s all;
	height: 180px;
}
.nyabout .nyabout-content .fenbu ul li p{
	height: 52px;
	line-height: 52px;
	background-color: #2a8fcb;
	text-align: center;
	color: #fff;
}
.nyabout .nyabout-content .fenbu ul li div{
	overflow: hidden;
}
.nyabout .nyabout-content .fenbu ul li img:hover{
	transform: scale(1.2);
	transition: 0.8s all;
}




.liyou {
    background: url(../images/liyou_bg.jpg) no-repeat center top;
    padding-top: 133px
}

.liyou .title {
    color: #fff;
    width: 55%;
	font-size: 50px;
    line-height: 1.2;
    text-transform: uppercase;
	padding-left: 50px;
    position: relative;
}
.liyou .title:before {
    content: '';
    position: absolute;
    bottom: 23px;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon.png) no-repeat
}

.liyou .content {
    margin-top: 118px
}

.liyou .content ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -35px
}

.liyou .content ul li {
    margin-right: 35px;
    width: 22.9%;
    background: #fff;
    -webkit-box-shadow: 0px 4px 66px 13px rgba(0,0,0,.11);
    box-shadow: 0px 4px 66px 13px rgba(0,0,0,.11);
    padding: 52px 74px 88px 49px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.liyou .content ul li i {
    display: inline-block
}

.liyou .content ul li .tit {
    display: block;
    font-size: 30px;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--primary);
    margin-top: 34px
}

.liyou .content ul li p {
    font-size: 18px;
    color: #171717;
    line-height: 32px;
    margin-top: 21px
}

.liyou .content ul li:hover {
    background: #0055a5;
    color: #fff
}

.liyou .content ul li:hover .tit,.liyou .content ul li:hover p {
    color: #fff
}

.liyou .content ul li:hover i img {
    filter: grayscale(100%) brightness(300)
}
 
 @media only screen and (max-width:1440px){
.liyou .content ul li{
   width: 21.9%;
}
 
 }
/* 荣誉资质 */
.wshop_box .title{
	position: relative;
	padding-top: 88px;
	margin-bottom: 30px;
}
.wshop_box .title h3{
	font-size: 42px;
	font-weight: normal;
	padding-bottom: 18px;
	text-align: left;
	color: #333;
	line-height: 52px;
    padding-left: 50px;	
}
.wshop_box .title i{
	display:block;
	position: absolute;
    bottom: 23px;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon.png) no-repeat
}
.wshop_box{padding-top:30px;padding-bottom: 14px; }
.wshop_list_box{margin: 0 0 80px 0;}
.wshop_list_box ul{padding-bottom: 40px;}
.wshop_list_box ul li{height:290px; float: left;  margin-bottom: 20px;}
.wshop_list_box ul li img{width: 100%; height:100%;}
.wshop_list_box .swiper-pagination{
	bottom: -8px!important;
}
.wshop_list_box .swiper-pagination .swiper-pagination-current{
	font-size: 34px;color:#137dc7;
}


.about-bottom {
    background: #0055a5;
    padding: 76px 0 76px
}

.about-bottom .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.about-bottom .box .left {
    color: #fff;
    width: 44%
}
.about-bottom .box .left .title{
	color: #fff;
	font-size: 50px;
    line-height: 1.2;
    text-transform: uppercase;
	padding-left: 50px;
    position: relative;
}
.about-bottom .box .left .title:before {
	content: '';
    position: absolute;
    bottom: 23px;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon2.png) no-repeat
}

.about-bottom .box .left p {
    font-size: 20px;
    color: #fdfdfd;
    line-height: 1.8;
    margin-top: 24px;
    padding-right: 51px
}

.about-bottom .box .more {
    font-size: 26px;
	z-index: 1;
    color: #0055a5;
    background: #fff;
    overflow: hidden;
	position: relative;
    text-transform: uppercase;
    font-family: 'Neutraface';
    padding: 24px 43px 23px
}

.about-bottom .box .more:hover {
    color: #fff;
}
.about-bottom .box .more::before{
	content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #000;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.about-bottom .box .more:hover:before {
    width: 100%
}

.nyabout .nyabout-content .guke ul li{
	width: 24%;
	float: left;
	margin-right: 1%;
	margin-bottom: 3%;
}
.nyabout .nyabout-content .guke ul li:nth-child(4n){
	margin-right: 0;
}
.nyabout .nyabout-content .guke ul li img{
	width: 100%;
	transform: scale(1.0);
	transition: 0.8s all;
	height: 180px;
}
.nyabout .nyabout-content .guke ul li p{
	height: 52px;
	line-height: 52px;
	background-color: #2a8fcb;
	text-align: center;
	color: #fff;
}
.nyabout .nyabout-content .guke ul li div{
	overflow: hidden;
}
.nyabout .nyabout-content .guke ul li img:hover{
	transform: scale(1.2);
	transition: 0.8s all;
}

 
/*合作伙伴*/
.partner_box{
	padding: 50px 4%;
}
.partner_box .partner_list_box ul li{
	width: 16%;
	float: left;
	margin-right: 5%;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 0 10px rgba(205,205,205,.3);
	box-shadow: 0 0 10px rgba(205,205,205,.3);
}
.partner_box .partner_list_box ul li img{
	width: 100%;
	transform: scale(1.0);
	transition: 0.8s all;
}
.partner_box .partner_list_box ul li:hover img{
	width: 100%;
	transform: scale(1.1);
	transition: 0.8s all;
}
.partner_box .partner_list_box ul li:nth-child(5n){
	margin-right: 0;
}

/*分页*/
  .pageshow{height:80px;text-align:center; line-height: 80px;}
  .center .pageshow{ margin:10px 0px; height:35px; line-height:35px; text-align:right; border:none;}
  .pageshow a {line-height: 35px; height: 35px; width: 35px;  display: inline-block;border:solid 1px #d2d2d2;margin: 2px;background: #fff;font-size: 14px;color: #666;border-radius: 5px;}
  .pageshow a:hover{background: #137dc7;border: 1px #137dc7 solid; color:#fff;}
  .pageshow .curr{display: inline-block; border-radius: 5px;background: #137dc7;border: 1px #137dc7 solid;color:#fff;line-height: 35px; height: 35px; width: 35px; border: 1px #137dc7 solid;font-size:16px}


.zhuanli dl{margin-bottom: 13px}

.zhuanli dt{border: 1px solid #e5e5e5;padding: 10px 9px;background: #fff;}
.zhuanli dt img{display: block;width: 100%; height: 180px;}
.zhuanli dd h4{height: 50px;font-size: 14px;line-height: 50px;text-align: center; padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #ccc;color:#333;}
.zhuanli dt a{display: block; overflow: hidden;}
.zhuanli dt img:hover{transform: scale(1.1);}


 
.BMap_cpyCtrl{display:none}
.anchorBL{display:none}


/* =========

	产品中心

 ========= */
 .pr-banner{position: relative; height: 304px;    background: #eee;}
 
 .pr-banner .box {
    top:108px;
 	left:60px;
    position: absolute;
 	padding-left: 60px;
 }
 
 .pr-banner .box .tit {
     font-size: 40px;
     line-height: 1.4;
 	 color: #333;
     text-transform: uppercase
 }
 
 .pr-banner .box .mbx {
     font-size: 16px;
     line-height: 30px;
     margin-top: 28px;
 	 color: #333;
 }
 .pr-banner .box .mbx a{
 	 color: #333;
 }
 .pr-banner .box:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 7px;
     width: 27px;
     height: 158px;
     background: url(../images/mbx-icon.png) no-repeat
 }
 
.inner-page .sidebox .sideleft {
    width: 21.7%;
	float: left;
    position: -webkit-sticky;
    position: sticky;
    top: 150px
}

.inner-page .sidebox .sideleft form {
    position: relative;
    width: 100%
}

.inner-page .sidebox .sideleft form input[type=text] {
    width: 100%;
    height: 55px;
    background-color: #eee;
    border: none;
    font-size: 16px;
    line-height: 30px;
    color: rgba(42,42,42,.9);
    padding: 0 76px 0 21px
}

.inner-page .sidebox .sideleft form input[type=text]::-webkit-input-placeholder {
    color: rgba(42,42,42,.9)
}

.inner-page .sidebox .sideleft form input[type=text]:-moz-placeholder {
    color: rgba(42,42,42,.9)
}

.inner-page .sidebox .sideleft form input[type=text]::-moz-placeholder {
    color: rgba(42,42,42,.9)
}

.inner-page .sidebox .sideleft form input[type=text]:-ms-input-placeholder {
    color: rgba(42,42,42,.9)
}

.inner-page .sidebox .sideleft form input[type=text]::placeholder {
    color: rgba(42,42,42,.9)
}

.inner-page .sidebox .sideleft form input[type=submit] {
    position: absolute;
    right: 39px;
    top: 17px;
    width: 22px;
    height: 22px;
    background: url(../images/pro-search.png) no-repeat;
    border: none
}

.inner-page .sidebox .sideleft .tit {
    font-size: 30px;
    color: #2a2a2a;
    line-height: 1.4;
    text-transform: uppercase
}

.inner-page .sidebox .sideleft .category {
    padding-top: 62px
}

.inner-page .sidebox .sideleft .category .tit {
    margin-bottom: 26px
}

.inner-page .sidebox .sideleft .category ul li span {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 1.8;
    color: #2a2a2a;
    font-weight: 400;
    background: #eee;
    padding: 14px 25px;
    margin-bottom: 14px;
    position: relative
}

.inner-page .sidebox .sideleft .category ul li span.on{
    background: #0055a5;
}

.inner-page .sidebox .sideleft .category ul li span a {
    display: inline-block;
    vertical-align: middle;
    padding-right: 17px
}
.inner-page .sidebox .sideleft .category ul li span.on a{
	color: #fff;
}
.inner-page .sidebox .sideleft .category ul li span i {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 24px
}
.inner-page .sidebox .sideleft .category ul li ul.twolist{
	padding-bottom: 10px;
}
.inner-page .sidebox .sideleft .category ul li ul.twolist li{
	font-size: 16px;
	line-height: 36px;
	padding-left: 20px;
}

.inner-page .sidebox .sideleft .category ul li .child {
    display: none
}

.inner-page .sidebox .sideleft .category ul li .child li {
    background: #fff;
    margin-bottom: 31px
}

.inner-page .sidebox .sideleft .category ul li .child li i {
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #414141;
    cursor: pointer
}

.inner-page .sidebox .sideleft .category ul li .child li a {
    display: inline-block;
    vertical-align: middle;
    padding-left: 23px;
    font-size: 16px;
    color: #2a2a2a;
    line-height: 30px;
    width: 90%
}

.inner-page .sidebox .sideleft .category ul li .child li.active {
    color: var(--primary)
}

.inner-page .sidebox .sideleft .category ul li .child li .children {
    padding-top: 25px;
    display: none
}

.inner-page .sidebox .sideleft .category ul li .child li .children li a {
    padding-left: 42px;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.inner-page .sidebox .sideleft .category ul li .child li .children li a:hover {
    text-decoration: underline
}

.inner-page .sidebox .sideleft .category ul li.active .child {
    display: block
}

.inner-page .sidebox .sideleft .category ul li.active .child li .children {
    display: block
}

.inner-page .sidebox .sideleft .contact {
    padding: 59px 99px 87px 43px;
    color: #fff;
    background: url(../images/cbg.jpg) no-repeat;
    background-size: cover;
    margin-top: 55px
}

.inner-page .sidebox .sideleft .contact .tit {
    color: #fff;
    font-size: 30px;
    line-height: 1.3
}

.inner-page .sidebox .sideleft .contact p {
    font-size: 16px;
    line-height: 1.3;
    margin-top: 19px
}

.inner-page .sidebox .sideleft .contact .mores {
    display: block;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 40px;
	color: #fff;
}

.inner-page .sidebox .sideleft .download {
    padding-top: 83px
}

.inner-page .sidebox .sideleft .download .tit {
    margin-bottom: 18px
}

.inner-page .sidebox .sideleft .download ul li {
    padding: 22px 34px 22px 24px;
    background: #eee;
    margin-bottom: 14px
}

.inner-page .sidebox .sideleft .download ul li a {
    display: block
}

.inner-page .sidebox .sideleft .download ul li a span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1.4;
    color: #2a2a2a;
    font-weight: 400;
    padding-right: 53px;
    width: 80%
}

.inner-page .sidebox .sideleft .download ul li a img {
    display: inline-block;
    vertical-align: middle
}

.inner-page .sidebox .sideleft .download ul li:last-child {
    margin-bottom: 0
}

.inner-page .sidebox .sideright {
    width: 78.3%;
	float: right;
    padding-left: 49px;
    position: sticky;
    top: 150px
}

.inner-page .sidebox .sideright {
    width: 78.3%;
    padding-left: 49px;
    position: sticky;
    top: 150px
}
 
.product-page,.prodet-page {
    padding-top: 83px;
	padding-bottom: 139px;
}

.product-page .sideright .top {
    color: #2a2a2a
}

.product-page .sideright .top h1 {
    font-size: 32px;
    line-height: 1.4;
    font-family: 'Neutraface';
    text-transform: uppercase
}

.product-page .sideright .top .con {
    font-size: 20px;
    line-height: 2;
    margin-top: 13px
}

.product-page .sideright .list {
    margin-top: 33px;
    padding: 55px 0 83px;
    border-top: 1px solid rgba(65,65,65,.18);
    border-bottom: 1px solid rgba(65,65,65,.18)
}

.product-page .sideright .list ul {
    margin: 0 -52px -84px 0
}

.product-page .sideright .list ul li {
    padding: 0 52px 84px 0;
	float: left;
	width: 33.33333%;
}

.product-page .sideright .list ul li .img-box {
    display: block;
    background: #fff;
    border: solid 1px #c2c2c2;
	overflow: hidden;
}
.product-page .sideright .list ul li .img-box img{
	width: 100%;
    height: 300px;
	transform: scale(1.0);
	transition: 0.8s all;
}
.product-page .sideright .list ul li:hover .img-box img{
	transform: scale(1.1);
	transition: 0.8s all;
}

.product-page .sideright .list ul li p {
    font-size: 18px;
    color: #2a2a2a;
    font-weight: 400;
    line-height: 1.8;
    padding: 29px 12px 0
}

.product-page .sideright .list ul li h3 {
    font-size: 18px;
    color: #2a2a2a;
    font-weight: 400;
    line-height: 1.8;
    padding: 29px 12px 0
}



.contact-page .contact-1 {
    padding: 99px 0 171px;
}

.contact-page .contact-1 .left {
    width: 56%
}
.contact-page .contact-1 .left .title{
    font-size: 50px;
    line-height: 1.2;
    text-transform: uppercase;
    padding-left: 50px;
    position: relative;
}
.contact-page .contact-1 .left .title::before{
    content: '';
    position: absolute;
    bottom: 23px;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon.png) no-repeat
}
.contact-page .contact-1 .left p {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 33px
}

.contact-page .contact-1 .left .form {
    padding: 71px 40px 0 0
}

.contact-page .contact-1 .left .form ul {
    margin: 0 -47px -37px 0
}

.contact-page .contact-1 .left .form ul li {
    padding: 0 47px 37px 0;
	float: left;
	width: 50%;
}

.contact-page .contact-1 .left .form ul li input,.contact-page .contact-1 .left .form ul li textarea {
    width: 100%;
    height: 65px;
    background-color: #f1f1f1;
    border: none;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    padding: 0 32px
}

.contact-page .contact-1 .left .form ul li input::-webkit-input-placeholder,.contact-page .contact-1 .left .form ul li textarea::-webkit-input-placeholder {
    color: #414141
}

.contact-page .contact-1 .left .form ul li input:-moz-placeholder,.contact-page .contact-1 .left .form ul li textarea:-moz-placeholder {
    color: #414141
}

.contact-page .contact-1 .left .form ul li input::-moz-placeholder,.contact-page .contact-1 .left .form ul li textarea::-moz-placeholder {
    color: #414141
}

.contact-page .contact-1 .left .form ul li input:-ms-input-placeholder,.contact-page .contact-1 .left .form ul li textarea:-ms-input-placeholder {
    color: #414141
}

.contact-page .contact-1 .left .form ul li input::placeholder,.contact-page .contact-1 .left .form ul li textarea::placeholder {
    color: #414141
}

.contact-page .contact-1 .left .form ul li textarea {
    height: 245px;
    padding-top: 19px
}

.contact-page .contact-1 .left .form ul li .upload {
    position: relative
}

.contact-page .contact-1 .left .form ul li .upload input[type=file] {
    opacity: 0;
    position: relative;
    z-index: 1
}

.contact-page .contact-1 .left .form ul li .upload span {
    position: absolute;
    top: 0;
    left: 32px;
    font-size: 16px;
    font-weight: 400
}

.contact-page .contact-1 .left .form ul li .upload span i {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    border: 1px dashed #414141;
    text-align: center;
    line-height: 19px
}

.contact-page .contact-1 .left .form ul li .upload span em {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px
}

.contact-page .contact-1 .left .form ul li.wid-100 {
    width: 100%;
    padding-bottom: 21px
}

.contact-page .contact-1 .left .form ul li:nth-child(6) {
  
}

.contact-page .contact-1 .left .form ul li .more {
    display: block;
    width: 100%;
    text-align: center;
    height: 65px;
    line-height: 65px;
	font-size: 20px;
	z-index: 1;
	color: #fff;
	background: #0055a5;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
	font-family: 'Neutraface';

}


.contact-page .contact-1 .left .form ul li .more:hover {
    color: #fff;
}
.contact-page .contact-1 .left .form ul li .more::before{
	content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #000;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.contact-page .contact-1 .left .form ul li .more:hover:before {
    width: 100%
}






.contact-page .contact-1 .right {
    width: 44%;
    padding: 17px 0 0 82px
}

.contact-page .contact-1 .right ul {
    padding: 60px 85px 0 0
}

.contact-page .contact-1 .right ul li {
    padding-bottom: 72px
}

.contact-page .contact-1 .right ul li i {
    display: inline-block;
    vertical-align: middle;
    width: 49px
}

.contact-page .contact-1 .right ul li span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 38px;
    font-size: 18px;
    line-height: 1.8;
    width: 90%
}

.contact-page .contact-1 .right ul li span small {
    display: block;
    font-weight: 700
}

.contact-page .contact-1 .right ul li span em {
    display: inline-block
}

.contact-page .contact-1 .right ul li:last-child {
    padding-bottom: 0
}


/* =========

	产品详细

 ========= */
   
  
.prodet-page .prodet-1 .left {
    border: solid 1px #c2c2c2;
    text-align: center;
    width: 42.7%;
    float: left;
}

.prodet-page .prodet-1 .left .img-box {
    display: block;
	overflow: hidden;
}
.prodet-page .prodet-1 .left .img-box img{
	width:100%;
	height: 440px;
	transform: scale(1.0);
	transition: 0.8s all;
}
.prodet-page .prodet-1 .left .img-box:hover img{
	width:100%;
	transform: scale(1.1);
	transition: 0.8s all;
}
.prodet-page .prodet-1 .right {
    width: 57.3%;
    padding-left: 55px;
	float: left;
}

.prodet-page .prodet-1 .right .tit {
    font-size: 18px;
    color: #2a2a2a;
    line-height: 32px;
    text-transform: uppercase
}

.prodet-page .prodet-1 .right h1 {
    font-size: 30px;
    color: #2a2a2a;
    line-height: 1.4;
    font-weight: 400;
    margin-top: 30px
}

.prodet-page .prodet-1 .right .images {
    margin-top: 46px
}

.prodet-page .prodet-1 .right .images ul {
   
}

.prodet-page .prodet-1 .right .images ul li {
    
}

.prodet-page .prodet-1 .right .images ul li.img-box {
	width: 23%;
	float: left;
	margin-right: 2%;
    display: block;
	margin-bottom: 6px;
    border: solid 1px #d3d3d3;
	overflow: hidden;
}

.prodet-page .prodet-1 .right .images ul li.img-box img{
	height: 134px;
	transform: scale(1.0);
	transition: 0.8s all;
}
.prodet-page .prodet-1 .right .images ul li.img-box:hover img{
	transform: scale(1.1);
	transition: 0.8s all;
}

.prodet-page .sideright .more {
    margin-top: 58px;
	display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    font-size: 20px;
    line-height: 1.8;
    background: #0055a5;
    color: #fff;
    padding: 15px 42px 15px 41px
}

.prodet-page .sideright .more:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #000;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}  

.prodet-page .sideright .more:hover {
    color: #fff;
}

.prodet-page .sideright .more:hover:before {
    width: 100%
}  
  
  
.m-link {
    border-top: 1px solid #e7e7e7;
    padding-top: 15px;
    padding-bottom: 20px
}

.m-link a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    display: block;

    font-size: 16px;
 
}

.m-link a:hover {
    color: #0055a5;
} 
  
.m-link .prev, .m-link .next{
	width:50%;
	float: left;
}
  
.m-link .prev span, .m-link .next span{
  
	 float: left;
     font-size: 16px;
     color: #999;
 
 } 
.prodet-page .prodet-2 {
    padding: 82px 0 70px;
    border-bottom: 1px solid rgba(65,65,65,.18)
}

.prodet-page .prodet-2 .options ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(65,65,65,.3)
}

.prodet-page .prodet-2 .options ul li {
    display: inline-block;
    margin-right: 80px;
    position: relative;
    font-size: 18px;
    color: #2a2a2a;
    line-height: 32px;
    font-family: 'Neutraface';
    text-transform: uppercase;
    padding-bottom: 7px;
    cursor: pointer
}

.prodet-page .prodet-2 .options ul li:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background: #0055a5;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.prodet-page .prodet-2 .options ul li:hover:after,.prodet-page .prodet-2 .options ul li.on:after {
    width: 100%
}

.prodet-page .prodet-2 .options ul li:last-child {
    margin-right: 0
}

.prodet-page .prodet-2 .ret {
    padding-top: 64px
}

.prodet-page .prodet-2 .ret .tit {
    font-size: 22px;
    line-height: 1.5;
    display: none;
    text-transform: uppercase
}

.prodet-page .prodet-2 .ret .con {
    font-size: 18px;
    color: #2a2a2a;
    line-height: 1.8;
    font-family: 'Poppins' !important;
    font-weight: 300
}

.prodet-page .prodet-2 .ret .con .all {
    margin-bottom: 30px
}

.prodet-page .prodet-2 .ret .con .all:last-child {
    margin-bottom: 0
}

.prodet-page .prodet-2 .ret .con .bt {
    font-size: 22px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 30px
}

.prodet-page .ttite {
    font-size: 18px;
    margin-top: 32px;
	padding: 60px 0 10px 0;
    border-bottom: 1px solid rgba(65,65,65,.18);
	position: relative;
	margin-bottom: 20px;
}
.prodet-page .ttite:before{
	content: "";
	display: block;
	width: 78px;
	height: 2px;
	background-color: #0055a5;
	position: absolute;
	bottom: 0px;
	left: 0;
}

.prodet-page .pcon {
	padding:30px 0;
    font-size: 18px;
    color: #2a2a2a;
    line-height: 1.8;
    font-family: 'Poppins' !important;
   
} 

 .caselist{padding: 20px 0;}

 .caselist ul li{float: left; width: 31.33333%; margin-right: 2%; margin-bottom: 50px;}
 .caselist ul li .img-box{overflow: hidden;}
 .caselist ul li .img-box img{width: 100%; transform: scale(1.0); transition: 0.8s all;}
 .caselist ul li .img-box:hover img{width: 100%; transform: scale(1.1); transition: 0.8s all;}
 .caselist ul li:nth-child(3n){margin-right: 0;}

 .caselist ul li .text {border: 1px solid #ddd; padding: 20px; }
 .caselist ul li .text a{font-size: 18px; color: #666; }
 .caselist ul li:hover .text a{color: #0055a5;}
 .caselist ul li .text a::after{content: ""; display: block; width: 50px; height: 2px; background-color: #0055a5; margin: 20px 0;}
 .caselist ul li .text .content p{font-size: 16px; line-height: 1.8; color: #666;}



/* =========

应用案例

 ========= */
 .case-page{padding: 80px 0;}

 .case-page ul li{float: left; width: 31.33333%; margin-right: 2%; margin-bottom: 50px;}
 .case-page ul li .img-box{overflow: hidden;}
 .case-page ul li .img-box img{width: 100%; transform: scale(1.0); transition: 0.8s all;}
 .case-page ul li .img-box:hover img{width: 100%; transform: scale(1.1); transition: 0.8s all;}
 .case-page ul li:nth-child(3n){margin-right: 0;}

 .case-page ul li .text {border: 1px solid #ddd; padding: 20px; }
 .case-page ul li .text a{font-size: 24px; color: #666; }
 .case-page ul li:hover .text a{color: #0055a5;}
 .case-page ul li .text a::after{content: ""; display: block; width: 50px; height: 2px; background-color: #0055a5; margin: 20px 0;}
 .case-page ul li .text .content p{font-size: 16px; line-height: 1.8; color: #666;}
  
  
  
/* =========

	服务支持

 ========= */
.fuwu_box{
	padding: 50px 0;
}

.fuwu_box .fuwu_list_box{
	padding: 50px 0;
}

.fuwu_box .title{
	
}
.fuwu_box .title h3{
	padding: 20px 0;
	text-align: center;
	font-size: 38px;
	font-weight: normal;
} 

.fuwu_box .title p{
	font-size: 16px;
	color: #333;
	text-align: center;
}

.fuwu_box .fuwu_img{
	float: left;
	width: 40%;
}
.fuwu_box .fuwu_tab{
	float: right;
	width: 57%;
}
.fuwu_box .fuwu_tab table tr td{
	padding: 10px;
	font-size: 17px;
	line-height: 28px;
}






  
 
/* =========

	新闻资讯

 ========= */
 .news-page {
     padding: 95px 0
 }
 
 .news-page .ui.container .newslist ul li {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: start;
     -webkit-align-items: flex-start;
     -moz-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     padding-bottom: 60px;
     margin-bottom: 60px;
     border-bottom: 1px solid #ccc
 }
 
 .news-page .ui.container .newslist ul li .date {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }
 
 .news-page .ui.container .newslist ul li .date span {
     font-size: 90px;
     font-weight: 700;
     color: #0055a5;
     line-height: 2;
     text-align: center
 }
 
 .news-page .ui.container .newslist ul li .date em {
     font-weight: 500;
     text-align: center;
     font-size: 18px;
     line-height: 32px;
     color: #222;
     margin-top: 10px
 }
 
 .news-page .ui.container .newslist ul li .text {
     width: 70%;
     padding: 0 15px
 }
 
 .news-page .ui.container .newslist ul li .text h5 {
     font-weight: 500;
     margin-bottom: 20px;
     line-height: 1.6
 }
 
 .news-page .ui.container .newslist ul li .text h5 a {
     -webkit-transition: .3s all;
     -moz-transition: .3s all;
     transition: .3s all
 }
 
 .news-page .ui.container .newslist ul li .text h5 a:hover {
     -webkit-transition: .3s all;
     -moz-transition: .3s all;
     transition: .3s all;
     color: #0055a5;
 }
 
 .news-page .ui.container .newslist ul li .text p {
     color: #a5a5a5;
     line-height: 2
 }
 
 .news-page .ui.container .newslist ul li .text .content p {
     text-overflow: -o-ellipsis-lastline;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     font-size: 18px;
     line-height: 2
 }
 
 .news-page .ui.container .newslist ul li .img-box {
     overflow: hidden;
     width: 20%
 }

/* =========

	新闻详细

 ========= */
.newsview-bg{
	padding: 80px 0 40px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 80px;
}
.newsview-bg .newsview-title{
	font-size:46px;
	color: #333;
	margin-bottom: 25px;

}
.newsview-bg .newsview-timebox{

}
.newsview-bg .newsview-timebox .newsview-time{
	font-size: 18px;
	color: #9b9b9b;
	position: relative;
	display: inline-block;
	padding: 0 10px;
}
.newsview-bg .newsview-timebox .newsview-time span{
	margin-right: 30px;
}
.newsview-bg .newsview-timebox .newsview-time .date{background: url("../images/date.png") left center no-repeat; padding-left: 22px;}
.newsview-bg .newsview-timebox .newsview-time .view{background: url("../images/view.png") left center no-repeat; padding-left: 25px;}
.newdet-page .news-content p{
	font-size: 16px;
	line-height: 38px;
	color: #6c6c6c;
}
.newsview-backbox{
	margin-top: 40px;
	position: relative;
	border-top: 1px solid #ccc;
	padding: 40px 0;
}
.newsview-backbox .newsview-back{
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	position: relative;
	padding-right: 20px;
	padding-bottom: 20px;
}
 
.newsview-bg .newsview-backbox .newsview-share{
	position: absolute;
	right: 0;
	top: 0;
}
.newsview-bg .newsview-backbox .newsview-share .bshare-custom{
		font-size: 1.33rem;
	color: #b79a7c;
	line-height: 20px;
}
.newsview-bg .newsview-backbox .newsview-share a{
	widows: 20px;
	height: 20px;
	border-radius: 2px;
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
}
.newsview-bg .newsview-backbox .newsview-share a.bshare-sinaminiblog{
	background: url(../images/sicon1_03.png);
}
.newsview-bg .newsview-backbox .newsview-share a.bshare-weixin{
	background: url(../images/sicon2_03.png);	
}
.newsview-bg .newsview-backbox .newsview-share a.bshare-facebook{
	background: url(../images/sicon3_03.png);	
}
.newsview-bg .newsview-backbox .newsview-share a.bshare-linkedin{
	background: url(../images/sicon4_03.png);	
}
.newsview-bg .newsview-backbox .newsview-share a.bshare-twitter{
	background: url(../images/sicon5_03.png);	
}
.bsBox,.bsBox *{
    box-sizing:content-box;
}
/*下一页*/
.pagebox{
	padding: 70px 0;
	background-color: #f0f0f0;
	text-align: center;
}
.pagebox .next-word{
	font-size: 1.5rem;
	color: #271244;
	margin-bottom: 20px;
	display: block;
}
.pagebox .next-title{
	font-size: 1.83rem;
	color: #5a5a5a;
	margin-bottom: 15px;
	padding-bottom: 20px;
	position: relative;
}
.pagebox .next-title:after{
	content: "";
	width: 40px;
	height: 1px;
	background-color: #b3adbc;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -20px;
}
.pagebox .next-more{
	font-size: 1.33rem;
	color: #b79a7c;
}

 
 

/* =========

	联系我们

 ========= */
 .mappic{background: url(/upload/map.png) center top no-repeat; width: 100%; height: 750px;margin-bottom: 50px;}
 .headqtxt h2{font-size: 24px; padding-bottom: 10px;}
 .headqtxt{margin:20px 0 60px;}
 .headqtxt p{font-size: 16px; line-height: 34px;}

.headqtxt_l{float: left; width: 30%; border-right:1px solid #ddd; padding-right: 4%;}
.headqtxt_l:nth-child(2){width:36%}
.headqtxt_l:nth-child(2),.headqtxt_r{float: left;padding-left: 4%;}

 
.headqtxt_r div{float: left; margin-right: 60px;} 
 
 
 .headquarters2{margin: 30px 0;  }
 .headqtxt2 ul{float: left; width: 48%; border-top: 1px solid #ccc;padding: 20px 0; margin-right: 2%;height: 216px;}
 .headqtxt2 ul li{ width: 100%; font-size: 16px; line-height: 34px;}
 .headqtxt2 ul li span{padding: 0 10px;}
 .headqtxt2 ul li i{padding-right: 10px;} 
 .headqtxt2 ul li .layui-icon{color: #84c225; font-size: 18px;}
 
/* 联系我们 */
.contact-ny{padding-top: 30px;}
.contact_box{background:#fff; margin: 40px auto 60px; border-radius: 10px; overflow: hidden;}
.contact_left{
	float: left;
    width: 52%;
}
.contact_right{
	position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 44%;
 
	}
.contact_right ul {
    padding: 60px 85px 0 0
}

.contact_right ul li {
    padding-bottom: 72px
}

.contact_right ul li i {
    display: inline-block;
    vertical-align: middle;
    width: 49px
}

.contact_right ul li span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 22px;
    font-size: 18px;
    line-height: 1.8;
    width: 90%
}

.contact_right ul li span small {
    display: block;
    font-weight: 700
}

.contact_right ul li span em {
    display: inline-block;
	font-size: 20px;
    font-style: normal;
}

.contact_right ul li:last-child {
    padding-bottom: 0
}



.contact_left h2{
	font-size: 48px;
}
.contact_left h2 span{
	font-weight:normal;
}
.contact_left .c_add{
	margin: 70px 0;
}
.contact_left .c_add p{
	font-size:17px;
	color: #666;
	line-height: 40px;
}

.contact_left .c_add span{
	display: inline-block;
	width: 68px;
	float: left;
	padding-right: 54px;
	 display: flex;  align-items: center;  justify-content: center;
	
}
.contact_left .c_add span.layui-icon{
	font-size: 40px;
}

.contact_from{margin:80px auto;}
.contact_from h2{
	font-size: 48px;
	font-weight: normal;
	color:#333;
	line-height: 60px;
	padding-left: 50px;
	text-align: left;
	position: relative;
}
.contact_from h2 i{
	display:block;
	position: absolute;
    bottom: 23px;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon.png) no-repeat
}
.contact_from p{
	font-size: 16px;
	color:#666;
    text-align: left;
	padding: 30px 0;
}
.detail_box{width:100%;margin-bottom:40px;overflow:hidden}
.detail{padding:20px 30px}
.detail dl{width:33.3%;float:left;margin-bottom:20px;height:114px}
.detail dt{text-align:left;padding-left:24px;color:#333;margin-bottom:2px;font-weight:700;font-size:17px;height:36px;line-height:36px;background:url({dede:global.cfg_templets_skin/}
/images/addr.jpg) left center no-repeat;background-size:13px 16px}
.detail dd{text-align:left;color:#666;height:auto;min-height:26px;line-height:26px}
.product-inlist{margin-top:30px}
.meg_con .con_title{font-size:28px;color:#333;max-width:420px;margin-bottom:45px;margin-top:35px}
.meg_con .con_tel{padding:30px 0;border-top:solid 1px #333;border-bottom:solid 1px #333;color:#333;max-width:420px;font-size:30px}
.meg_con .megs{margin-top:5px;font-size:15px;line-height:36px}
.meg_con .megs a{color:#147971}
.meg_con .megs .addp{line-height:26px}
.meg_con{width:45%;float:left;padding-left:4%;padding-right:4%;box-sizing:border-box}
.topimg{margin-top:30px; height: 15px;}
.topimg img{width:100%}
.my-map{margin:0 auto;width:100%;height:550px}
.my-map img{max-width:none}
.my-map .icon{background:url({dede:global.cfg_templets_skin/}
/marker.png) no-repeat}
.my-map .icon-cir{height:31px;width:28px}
.my-map .icon-cir-red{background-position:-11px -5px}
.amap-container{height:100%}


/* 在线留言 */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
.contact-ly-cont2{float:left;width:50%;background:#fff;text-align:center;box-sizing:border-box;padding:10px}
.contact-ly img,.contact-vs img{display:inline-block;vertical-align:middle}
.contact-ly-title{margin-bottom:35px}
.contact-ly-title h3{font-size:36px;font-weight:400}
.contact-ly-title p{color:#707070;font-size:24px}
.contact-ly-c label{width:49%;margin-right: 2%; display:block;float:left;box-sizing:border-box;margin-bottom:46px;text-align:left; overflow: hidden;}
.contact-ly-c label:nth-of-type(2n){margin-right:0}
.contact-ly-c label span{font-size:15px;color:#333;display:inline-block;vertical-align:middle;padding-right:5px;border-right:1px solid #e7e7e7;padding-left:6px;margin-right:5px;font-weight:700}
.contact-ly-c input{font-size: 16px;padding: 20px; height:68px;line-height:68px;position:relative;top:1px;display:inline-block;width:100%;border:none;float: left; background-color: #f1f1f1;}
.contact-ly-c textarea{width:100%;border:1px solid #f2f2f2;background-color: #f1f1f1;padding:20px;display:block;height:156px;box-sizing:border-box;resize:none;font-size:16px; overflow: hidden;}
.contact-ly-c label.codeimg{
	width: 34%; 
	margin: 46px 2% 0 0;
	position: relative;
}
#vdimgck{
 cursor: pointer;width: 80px; height: 30px;
position: absolute;
top: 6px;
right: 10px;
}
.contact-ly-c label.tijiao{width: 64%; float: left; text-align: center;margin: 46px 0 0 0;}
.contact-ly-c .submit{width:100%;height:68px;font-size:16px;background-color:#137dc7;color:#fff;border-radius:2px;cursor:pointer;border:none}
.contact-ly-c .submit:hover{opacity:.9}
.contact-zx{margin-top:70px;position:relative}
.contact-zx .ves{position:absolute;bottom:26px;left:52%;transform:translateX(-50%);-webkit-transform:translateX(-50%);background:#fff;width:330px;text-align:center;padding:10px 30px 10px}
.contact-zx .ves p{font-size:16px;color:#666;margin-bottom:8px}
.contact-zx .ves a{color:#e4711e;font-size:16px}
.contact-text{padding-bottom:62px;width:100%;overflow:hidden}
.BMap_cpyCtrl{display:none}
.anchorBL{display:none}
.m_code{margin:20px 0;width:60%!important}



.detail_box{width:100%;margin-bottom:40px;overflow:hidden}
.detail{padding:20px 30px}
.detail dl{width:33.3%;float:left;margin-bottom:20px;height:114px}
.detail dt{text-align:left;padding-left:24px;color:#333;margin-bottom:2px;font-weight:700;font-size:17px;height:36px;line-height:36px;background:url(/templates/cn/images/addr.jpg) left center no-repeat;background-size:13px 16px}
.detail dd{text-align:left;color:#666;height:auto;min-height:26px;line-height:26px}
.contact_meg{position:absolute;left:0;top:0;width:46%;height:100%;z-index:3;background:rgba(255,255,255,.85)}
.meg_con .con_title{font-size:28px;color:#333;max-width:420px;margin-bottom:45px;margin-top:35px}
.meg_con .con_tel{padding:30px 0;border-top:solid 1px #333;border-bottom:solid 1px #333;color:#333;max-width:420px;font-size:30px}
.meg_con .megs{margin-top:5px;font-size:15px;line-height:36px}
.meg_con{position:absolute;left:0;top:0;right:0;width:45%;z-index:3;padding-left:4%;padding-right:4%;box-sizing:border-box}
.topimg{margin-top:30px}
.topimg{margin-top:30px}
.my-map{margin:0 auto;width:100%;height:550px}
.my-map img{max-width:none}
.my-map .icon{background:url(/templates/cn/images/marker.png) no-repeat}
.my-map .icon-cir{height:31px;width:28px}
.my-map .icon-cir-red{background-position:-11px -5px}
.amap-container{height:100%}
@media only screen and (max-width:1200px){.meg_con .con_title{font-size:27px;margin:20px 0}
.meg_con .con_tel{padding:20px}
}
 
   
.contact-bg {
	padding: 80px 0;
	border-bottom: 1px solid #e3e3e3;
}
.contact-bg .container1{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
/*留言*/
.contact-bg .contact-massaged{
	width: 50%;
	padding-right: 50px;
		    -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
}
.contact-bg .contact-massaged .my-item{
	width: calc((100% - 20px) / 2);
	float: left;
	border: 1px solid #cccccc;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 1.16rem;
	color: #adadad;
}
.contact-bg .contact-massaged .my-item:nth-child(2){
	margin-right: 0;
}
.contact-bg .contact-massaged .my-item input[type="text"]{
	width: 100%;
	height: 48px;
	padding: 20px 10px;
	border: none;
}
.contact-bg .contact-massaged .my-item.my-item-textarea{
	width: 100%;
	height: 155px;
}
.contact-bg .contact-massaged .my-item.my-item-textarea textarea{
	padding: 20px 10px;	
	width: 100%;
	height: 100%;
	border: none;
	resize: none;
}
.contact-bg .contact-massaged input[type="submit"]{
	width: 125px;
	height: 48px;
	background-color: #271244;
	font-size: 1.16rem;
	color: #ffffff;
	line-height: 48px;
	text-align: center;
	border: none;
}
/*地址*/
.contact-bg .contact-address{
	width: 50%;

}
.contact-bg .contact-address .address-theme{
	font-size: 1.66rem;
	color: #b79a7c;
	margin-bottom: 30px;
}
.contact-bg .contact-address .address-content{
	font-size: 1.33rem;
	color: #464646;
	line-height: 2;
	margin-bottom: 40px;
}
.contact-bg .contact-address .address-map{
	font-size: 1.16rem;
	color: #271244;
	position: relative;
	padding-left: 40px;
	text-decoration: underline;
}
.contact-bg .contact-address .address-map:after{
	content: "";
	width: 30px;
	height: 30px;
	background-image: url(../images/mapic_03.png);
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
}
@media only screen and (max-width:1280px){
	.contact-bg {
		padding: 70px 0;
	}
}
@media only screen and (max-width:1024px){
	.contact-bg {
		padding: 6% 0;
	}
	.contact-bg .container1 {
		-ms-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.contact-bg .contact-address {
		width:100%;
		margin-bottom: 3%;
	}
	.contact-bg .contact-address .address-theme {
		margin-bottom: 3%;
	}
	.contact-bg .contact-address .address-content {
		margin-bottom: 4%;
	}
	.contact-bg .contact-massaged {
		width: 100%;
		padding-right: 0;
	}
	.contact-bg .contact-massaged input[type="submit"] {
		margin: 0 auto;
		display: block;
	}
}




/* =========

	客服

 ========= */
.kefu-box{
	position: fixed;
	right: 3%;
	bottom: 10%;
	width: 42px;
	z-index: 1000;
	border-radius: 5px;
	background-color: #fff;
	font-size: 0;
}
.kefu-box .kufu-item{
	display: inline-block;
	position: relative;
	cursor: pointer;
	width:100%;
	height: 40px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: -2px;
}
.kefu-box .kufu-item .ico{
	width: 100%;
	height: 100%;
}
.kefu-box .kufu-item .ico.ico1{
	display: block;
}
.kefu-box .kufu-item .ico.ico2{
	display: none;
}
.kefu-box .kufu-item .kqq-sub{
	position: absolute;
	right: 100%;
	top: 0;
	width: 150px;
	background-color: #fff;
	padding: 10px;
	text-align: center;
	display: none;
}
.kefu-box .kufu-item .kqq-sub .kqq-title{
	font-size: 1.33rem;
	margin-bottom: 10px;
}
.kefu-box .kufu-item .kqq-sub a{
	display: block;
	line-height: 1.5;
	font-size: 1.16rem;
	color: #000;
}
.kefu-box .kufu-item .kweixin-sub{
	display: none;
	width: 100px;
	height: 100px;
	position: absolute;
	right: 100%;
	top: 0;
}
.kefu-box .kufu-item.top{
	border: none;
	height: 0;
	transition: all .5s ease;
	overflow: hidden;
}
.kefu-box .kufu-item.top.in{
	height: 40px;
}
.kefu-box .kufu-item.top:after{
	content: "";
	width: 16px;
	height: 16px;
	border-style: solid;
	border-width: 2px;
	border-color: #271244 #271244 transparent transparent ; 
	position: absolute;
	left: 50%;
	top:40%;
	margin-left: -8px;
	transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */
}
@media only screen and (min-width: 601px){
	.kefu-box .kufu-item:hover{
		 
	}
	.kefu-box .kufu-item:hover .ico.ico1{
		display: none;
	}
	.kefu-box .kufu-item:hover .ico.ico2{
		display: block;
	}
	.kefu-box .kufu-item:hover .ksub{
		display: block;
	}
}
@media only screen and (max-width: 1024px){
	.kefu-box{
		display: none;
	}
}
 

 
 


/*搜索*/
.search-main img{ max-width:100%;}
.search-main {
    width: 94%;
    max-width: 1200px;
    margin: auto;
    padding: 30px 0;
    min-height: 300px;
    margin-top:100px;
}
.search-main .list{ margin-bottom:30px;}
.search-main .type {
    line-height: 50px;
    font-size: 3.33rem;
    color: #000;
    font-weight: bold;
        text-align: center;
}

.search-main .list ul li {
    display: block;

    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding:30px 0;
}

.search-main .list ul li.nothing {
    height: 100px;
    border: 0px;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
    color: #999;
}


.search-main .list ul li a .text .title {
    font-size: 18px;
    margin-bottom: 10px;
}

.search-main .list ul li a .text .demo {
    font-size: 12px;
    opacity: .7;
    line-height: 1.8;
    margin-bottom: 20px;
}

.search-main .list ul li a .text .rq {
    font-size: 14px;
    opacity: .7;
    line-height: 1.8;
    margin-bottom: 15px;
}
.search-main .list ul li a .tu{ margin-bottom:20px;}
@media only screen and (min-width:600px) {
.search-main .list ul li a {

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
     flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
}

.search-main .list ul li a .tu{ 
	width:200px; margin-right:30px; margin-bottom:0px;
	max-height: 140px;
	overflow: hidden;
}
.search-main .list ul li a .text {
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
         flex: 1;
    -webkit-box-flex: 1;
}
}

.search-main .list ul li a span {
    float: right;
    margin-right: 20px;
}

.search-main .list ul li a:hover {
    color: #b79a7c;
}
@media only screen and (max-width:800px) {
    .search-main{ margin-top:6%;padding: 3% 0;}
    .search-main .list ul li {
    padding: 3% 0;
}
.search-main .list ul li a .tu {
    margin-bottom: 2%;
}
.search-main .list ul li a .text .demo {
    margin-bottom: 2%;
}
.search-main .list ul li a .text .rq {
    margin-bottom: 2%;
}
}
@media only screen and (max-width:500px) {

.search-main .type {
    font-size:2.5rem;
    font-weight: normal;
}
}
@media only screen and (max-width:1440px){
.chanpin dt img{height: 350px;}	

}	
@media only screen and (max-width:1360px){
.chanpin dt img{height: 310px;}	

}	

@media only screen and (max-width:1024px){
.chanpin dt img{height: 220px;}	
.chenlie dt img{height:300px;}
.zhuanli dt img{height: 260px;}
}	



@media only screen and (max-width:480px){
/*首页移动端样式*/	
.advantage {
	padding-top: 60px;
}	
.advantage .bigtitle .title{
    font-size: 42px;
}
.advantage .advantage-list{
	margin-top: 58px;
}
.advantage .advantage-list ul{
	margin-right: 0;
}	
.advantage .advantage-list ul li{
    width: 48.6%;
	margin-right: 2%;
    padding: 18px;
	margin-bottom: 10px;
} 
.advantage .advantage-list ul li:nth-child(2n){
	margin-right: 0;
}



.about{
	padding: 95px 0 130px;
}
.about .box .img{
	width: 100%;
	padding: 0 33px 36px 0;
}
.about .bigtitle .title.pc{
	display: none;
}
.about .bigtitle .title.mb{
	display: block;
	padding-left: 50px;
	margin-bottom: 30px;
}
.about .bigtitle .title.mb span{
	display: block;
	font-size: 31px;
	color: #666;
}
.about .bigtitle .title.mb:before {
    content: '';
    position: absolute;
    bottom: 23px;
    left: 0;
    width: 27px;
    height: 159px;
    background: url(../images/t-icon.png) no-repeat
}
.about .box .text{
	width: 100%;
	padding-left:0
}
.about .box .text .desc{
    width: 95%;
	margin: 0 auto;
	margin-top: 30px;
	text-align: justify;
}

.about .box .text ul li{
	padding-right: 72px;
}
.about .box .text ul li em{
    font-size: 52px;
    font-style: normal;
}


.i-product{
    padding: 48px 0 80px;
}
.i-product .bigttitle{
	padding: 0px 0 0 61px;
	text-align: left;
}

.i-product .bigttitle ul li{
	padding-right: 20px;
}
.i-product .bigttitle ul li a{
	font-size: 18px;
}
.i-product .content{
	margin-top: 54px;
}


.i-case{
    padding: 47px 0 94px;
}
.i-case .bigtitle{
    padding: 0px 0 0 61px;
}
.i-case .bigtitle .title p{
	line-height: 1.6;
	padding-top: 20px;
	width: 97%;
}





.news{
	padding: 83px 0 64px;
}
.news .content ul li{
	width: 100%;
	padding-right:0;
	margin-bottom: 50px;
}
.news .bigtitle p{
	display: none;
}
.news .bigtitle .title{
	width: 80%;
}

.partner{
	padding-bottom: 36px;
}
.partner .left{
    width: 100%;
}
.partner .right{
	width: 100%;
	padding: 30px 0; 
}

.partner .right ul li{
	padding: 0 10px 26px 0;
    width: 45%;
}

.contact{
	padding: 0px 0 60px 0;
}
.contact .map{
	width: 100%;
	padding-top: 0;
}

.contact .form{
	width: 100%;
	padding: 20px;
}

.contact .form .content ul li{
	width: 100%;
    padding: 0 65px 35px 0;
}

#vdimgck{
    right: 64px;
}

#footer{
	padding-top:0
}
#footer .f-content{
	display: none;
}

}




@media only screen and (max-width:480px){
	
.container{width: 100%; padding: 0 2%;}

.header .nav-search .search-sub input[type="submit"]{
top: 0px;
}
.getmore{display: none;}

.inabout-bg{
	padding-top: 30px;
	padding-bottom: 0;
	margin-top:0
}
.inabout-bg .inabout-main .about-left,.inabout-bg .inabout-main .about-right{
	width: 100%;
	float: none;
}
.about-left h4{
	font-size: 18px;
}
.about-right{display: none;}
.inabout-bg .inabout-main .about-left{
	margin-bottom: 20px;
}
.about-right-title{
	padding-top: 20px;
}
.about_txt .about-right-title h3{
	font-size: 34px;
	line-height: 45px;
	padding-bottom: 18px;
}
.about_txt .about-right-title h3 span{
	font-size: 32px;
}
.about-left-title p{
	margin-top: 30px;
}
.inabout-bg .inabout-main .about-left h2 span{
	display: block;
	padding-left:0;
}

.inabout-bg .inabout-main .about-right ul li strong{
	font-size: 34px;
}
.inabout-bg .inabout-main .about-bottom ul li{
	width: 23.5%;
	margin: 0 2% 0 0;
	padding: 0;
	text-align: center;
}
.inabout-bg .inabout-main .about-bottom ul li:nth-child(4){
	margin-right: 0;
}
.inabout-bg .inabout-main .about-bottom ul li a{
	height: 100%;
	width: 100%;
}
.inabout-bg .inabout-main .about-bottom{
	padding: 0;
}

.qunicon{padding: 32px 0;}
.qunicon li{padding-bottom: 20px; width: 50%;}
.qunicon li strong{font-size: 32px;}
.qunicon li p{font-size: 12px;line-height: 18px; margin-top: 0px;}


.Pro-prev, .Pro-next{width: 55px; height: 55px;top: 88%;}
.Pro-prev{left: 258px;}
.Pro-next{right: 0px;}

.bt-more{display: none;}
.products_main{padding: 38px 0;}
.plist_sort ul li{float: none;margin-bottom: 5px; width: 100%;text-align: center;}
.products_sort{ margin-top: 30px;}
.products_sort ul li{width: 100%; margin-bottom: 10px;  margin-left:0;}

.products_sort ul li .pslink a
{
	width: 130px;
    height: 36px;
    line-height: 36px;
	font-size: 14px;
	}

 
.bigttitle{width:100%; text-align: center;}
.title3 p{font-size: 14px;}
.products_list ul li{width: 49%;}
.products_list ul li:nth-child(2n){margin-right: 0;}
.products_list ul li:nth-child(3){margin-right: 2%;}
.products_list ul li .products_img{height: 158px;}

.products_list ul li .products_txt{height: 44px;line-height: 44px;}
.products_list ul li .products_txt p{line-height: 44px;}

.productsSwiper{padding-bottom: 0px;}
a.more2{margin: 20px auto !important;}

 
.instrength-bg{padding: 40px 0;}
.instrength-right{width: 100%; margin-top: 20px; height: 386px;}
.instrength-right .certificate-img{
    height: 413px;
}
.instrength-right .certificate-img img{
	max-height: 243px;
}
.instrength-right .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 54px!important;
}
.instrength-left{
	float:left;
	width: 100%;
}
.instrength-left .infactory-imgbox{height: 280px!important;}
	
.innews-bg{padding: 40px 0;}
.innews-box{padding: 2%;width: 100%;height: auto;}
.innews-box .innews-img{width: 100%; height: 240px;}
.innews-box .innews-img img{width: 100%;}
.innews-box .innews-title{width: 100%;}
.innews-box .innews-title h2{text-align: left;font-size: 18px;}
.innews-box .innews-title p{}
.innews-box .innews-title .nlist-more{display: none;}

.footer .footer-top,.footer-middle .ftcontact{display: none;}
.footer-content p{text-align: center; line-height: 22px;}

.footer{height: 320px;}
.footer .footer-bottom{margin-top: 40px;} 

.footer-middle .ftemail{width: 100%; margin-top: 30px;}
.footer-middle .ftemail .ftsear_txt h2{padding-bottom: 7px;text-align: center;}
.footer-middle .ftemail .ftsear_txt p{text-align: center;}

.ftemailbox{width: 322px; margin: 30px auto;}





.ProlistSort{width: 100%;} 
.ProlistSort ul li{width: 50%;margin-right: 0;}
.ProlistSort ul li:nth-child(2n){margin-right: 0;}
 
.chanpin dt img{height: 240px;}	
.chenlie dt img{height: 428px;}
.zhuanli dt img{height: 234px;}

 
 
/* 移动端内页样式 */
.lanmu-menu{display: none;}
.title{margin: 0; padding: 30px 0 10px;}

.ty-banner{height: 170px;}
.ty-banner .box{
    top: 77px;
}
.bannerimgbox{ height: 170px;}
.bannerimg{background-size: 145%!important;}

.ty-banner .box:before{
	bottom: -13px;
}
.ty-banner .box{
	top: 56px;
}
.ty-banner .box .tit{
	font-size: 28px;
}
.ty-banner .box .mbx{
    margin-top: 8px;
}

.companybg {
    padding-top: 84px;
}
.nyabout{padding: 0 2%;}

.about_img{width: 100%; float: none;  height: 248px;}
.about_txt{width: 98%; float: none;  margin: 0 auto;}


.about_img2{width: 100%; height: 238px; float: none;}
.about_txt2{width: 100%; float: none;}

.about_img3{width: 100%; float: none; height: 238px;}
.about_txt3{width: 100%; float: none;}

.juzhong{   height:auto; padding: 30px 0;}

.liyou{
    padding-top: 62px;
}
.liyou .content{
    margin-top: 65px;
}
.liyou .title{
 width: 100%;font-size: 40px;
}
.liyou .content ul li{
	width: 46%;
	margin-right: 1%;    
	padding: 26px;
	margin-bottom: 8px;
}
.liyou .content ul li:nth-child(2n){
	margin-right:0;
}

.about-bottom .box{display: block;}
.about-bottom .box .left{width: 100%;}
.about-bottom .box .left .title{font-size: 40px;}
.about-bottom .box .left{ height: 320px;}
.about-bottom .box .more{font-size: 22px;padding: 16px 26px 16px;}

 


.pc_none{display:block}
.porductsort_mb{margin:20px auto;width:98%}
.porductsort_mb ul li{width:48.9%;margin-right:1%;margin-bottom:4px;border:1px solid #e6e6e6;border-radius:2px;float:left;height:46px;line-height:46px;background:#fff}
.porductsort_mb ul li:nth-child(2n){margin-right:0}
.porductsort_mb ul li a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 10px;font-size:1.36rem}
.porductsort_mb h2{font-size:18px;padding-left:10px;margin-bottom:10px;border-left:4px solid #f30}


.nlist_sort ul{}
.nlist_sort ul li{ float: left; border: 1px solid #ccc; margin-right: 0px;}
.nlist_sort ul li a{font-size: 16px; padding: 10px 14px; display: block;color: #333;}



.headqtxt{margin: 20px 0 40px;}
.headqtxt_l{    padding-left: 4%;}
.headqtxt_l,.headqtxt_l:nth-child(2),.headqtxt_r{width: 100%; border: none; margin-bottom: 40px;}

/*产品中心*/
.pr-banner .box{
	top: 100px;
    left: 36px;
    position: absolute;
    padding-left: 44px;
}
.pr-banner .box .tit{
    font-size: 38px;
}
.inner-page .sidebox .sideleft{
	width: 100%;
}
.inner-page .sidebox .sideright{
    width: 100%;
    margin-top: 50px;	
	padding-left:0
}
.product-page .sideright .list ul li{
    width: 100%;
}
.product-page .sideright .list ul li h3{
	text-align: center;
	padding:12px;
}


.inner-page .sidebox .sideleft form,.inner-page .sidebox .sideleft .contact,.inner-page .sidebox .sideleft .download{
	display: none;
}
.inner-page .sidebox .sideleft .category ul li span{
	text-align: center;    
	width: 48%;
	margin-right: 2%;
	font-size: 18px;    
	height: 80px;
	float: left;
	line-height: 80px;
	padding:0
}

.contact-page .contact-1 .left .title{
	font-size: 34px;
}
.contact-page .contact-1 .left .form ul li{
	width: 100%;
}

/* 产品详细 */
.prodet-page .sidebox .sideleft{
	display: none;
}
.prodet-page .prodet-1 .left{
	width: 100%;
}

.prodet-page .prodet-1 .left .img-box img{
	height: 350px;
}

.prodet-page .prodet-1 .right{
	width: 100%;
	padding-top: 20px;
	padding-left:0
}
.prodet-page .prodet-1 .right .images ul li.img-box img{
	height: 84px;
}
.prodet-page .sideright .more{
	display: none;
}

.cpsc,.prodtuijian,.zixun_bg{border-radius:0}
.prodetails-wbox{padding: ;}
.thumb-tabs{padding: 8px;background: none;}
.tab-btn button{width: 98%;}









.caselist ul li{width: 100%;}



/*行业案例*/
.case-page ul li{
    width: 100%;
	
}


/*服务支持*/
.fuwu_box .fuwu_img{
	width: 100%;
}

.fuwu_box .fuwu_tab{
	margin-top: 40px;
	width: 100%;
}

/*新闻资讯*/
.news-page .ui.container .newslist ul li{
	display: block;
}
.news-page .ui.container .newslist ul li .text{
	width: 72%;
    padding: 0 0 15px 0;
	float: left;
}

.news-page .ui.container .newslist ul li .date{
	width: 28%;
    float: left;
	display: block;
}
.news-page .ui.container .newslist ul li .date span{
	font-size: 68px;
	font-style: normal;
	line-height: 1;
}
.news-page .ui.container .newslist ul li .date em{
	font-style: normal;
	margin-top: 0px;
	display: block;
    font-size: 16px;
    text-align: left;
}

.news-page .ui.container .newslist ul li .img-box{
	width: 100%;
}


.news-page .ui.container .newslist ul li .text .content p{
	font-size: 15px;
}

.newsview-bg .newsview-title{
	font-size: 36px;
}





/* 联系我们 */
.contact-ny{padding-top: 30px;}
.contact_box{background: none;margin: 0 auto;}
.contact_right{display: none;}
.contact_left{float: none;width: 100%; margin: 0 auto;padding: 10px;background: #fff;}
.contact_left h2{ font-size:36px;    line-height: 50px;   text-align: left;}
.contact_left .c_add{margin: 44px 0; text-align: center; padding: 0 20px;}
.contact_left .c_add span{padding-bottom: 10px; float: none;padding-right:0; width: auto;}



.product-inlist-box{padding: 30px 0 80px;}
.my-map{display:none}
.contact_meg{background:0 0}
.contact_meg{width:100%}
.meg_con{width:100%;position:relative;top: -10px;}
.meg_con .con_title{margin:20px auto;font-size:22px}
.topimg{margin: 0 0 68px;}
.topimg img{width:100%}
.con_tel{padding:10px 0!important}




.contact-ly{padding: 0;}
.contact-ly-cont2{padding: 0; background: none;}
.contact-ly-c label{width: 100%; margin-bottom: 14px;}
.contact-ly-c label span{font-size: 14px;}
.contact-ly-c label.codeimg{width: 100%;margin: 16px 2% 0 0;}
.contact-ly-c input{ width: 100%;}

.contact-ly-c label.tijiao{width: 100%;padding:0}
.contact-ly-c .yz_code{width: 100%;}
.contact-ly-c input#code{ width: 240px!important;}		
		
.mappic{ height: 500px; margin-bottom: 50px;background: url(/upload/map.png) center center no-repeat; background-size: 300%;}















}