﻿* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /*font-family:Franklin Gothic; */
    font-size:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/*******************************	-------[=公用]-------********************************/
body{
	padding-top: 80px;
}
.g-tit3{
	padding-bottom: 10px;
	font-size: 16px;
	color: #1c5b99;
	border-bottom: 1px solid #e4e4e4;
}
.g-tit3 span{
	font-weight: 400;
	color: #999;
	text-transform: uppercase;
}
.g-pages{
	text-align: center;
	font-size: 0;
	margin: 20px 0;
}
.pagebar{clear:both;margin:20px 0;text-align:center;}
.pagebar a:hover{color:#3a3e7b;}
.pagebar span a{color:#333;}
.page-status{border-radius:2px 0 0 2px;}
.page-last{border-radius:0 2px 2px 0;}
.page-index,.page-last,.page-next,.page-num,.page-pre,.page-status{display:inline-block;margin:0 -1px 5px 0;padding:0 15px;height:28px;border:1px solid #e2e2e2;background-color:#fff;color:#333;vertical-align:middle;font-size:12px;line-height:28px;}
.page-status{display:none;}
.page-num-current{height:30px;border-top:none;border-bottom:none;background-color:#3a3e7b;color:#fff !important;line-height:30px;}
a.page-num-current:hover{color:#fff;}

            .dates li {font-size: 14px;margin:20px 0}
            .dates li span{float:right}
.g-pages li{
	display: inline-block;
}
.g-pages li a{
	display: block;
	padding: 0 9px;
	margin: 0 2px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #dbdbdb;
	font-size: 13px;
}
.g-pages li.on a,
.g-pages li a:hover{
	background-color: #1c5b99;
	border: 1px solid #1c5b99;
	color: #fff
}
.g-titInfo{
    height: 34px;
    line-height: 34px;
    color: #434343;
    margin-bottom: 15px;
    text-align: center;
    font-size: 24px;

}
/*----------------[内页左侧]--------------*/
.g-cur{
    height: 40px;
    line-height: 40px;
    background: #f3f3f3;
}
.g-cur .wp{
    padding-left: 20px;
    box-sizing: border-box;
}
.g-cur .wp a{
   color: #2f2f2f; 
}
.g-cur .wp a:hover{
    color: #1c5b99;
}
.row-b1{
    padding: 20px 0 56px;
}
.row-b1:after,.row-b1:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.row-b1 .col-l{
    width: 22%;
}

.row-b1 .col-r{

    width: 75%;

}

.g-titIns1{

    height: 44px;

    line-height: 44px;

    font-size: 20px;

    color: #545454;

    border-bottom: 1px solid #ebebeb;

    font-weight: normal;

    position: relative;

}

.g-titIns1::after{

    content: '';

    width: 80px;

    height: 1px;

    background: #1c5b99;

    position: absolute;

    left: 0;

    bottom: -1px;

}

.ul-txt-ins1{

   padding-top: 12px;

   margin-bottom: 30px;

}

.ul-txt-ins1 li{

    line-height: 44px;

    background: url('../images/icon12.png') 6px 18px no-repeat;

    text-indent: 20px;

    -o-background-size: auto 10px;

    -ms-background-size: auto 10px;

    -moz-background-size: auto 10px;

    -webkit-background-size: auto 10px;

    background-size: auto 10px;

}

.ul-txt-ins1 li a{

    display: block;

    color: #000;

    font-size: 14px;

    border-bottom: 1px solid #f2f2f2;

}

.ul-txt-ins1 li a:hover{

    color: #1c5b99;

}

.ul-sub{

    padding-bottom: 10px;

    display: none;

}

.ul-sub li{

    background: url('../images/icon12.png') 12px 18px no-repeat;

    text-indent: 26px;

    -o-background-size: auto 10px;

    -ms-background-size: auto 10px;

    -moz-background-size: auto 10px;

    -webkit-background-size: auto 10px;

    background-size: auto 10px;

}



.m-info{

	padding: 15px 0;

}

.m-info p{

    height: 34px;

    line-height: 34px;

    font-size: 14px;

    color: #2F2F22;

}

/*

-----------------[内页banner]--------------*/

.ban{
    height: 359px;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
}

/*******************************

	-------[=头部]-------

********************************/

.udede-header{

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	background-color: #fff;

	box-shadow: 0 5px 10px rgba(0,0,0,.05);

	z-index: 999;

}

.udede-header .logo{
	float: left;
	height: 80px;
	line-height: 80px;
}
.udede-header .logo img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height:60%;

}

.udede-header .ch{

	float: right;

	margin-top: 30px;

	font-size: 14px;

	color: #1c5b99;

}

.udede-header .ch .pic{

	float: left;

	width: 32px;

	height: 20px;

}

.udede-header .ch .pic img{

	display: inline-block;

	width: 100%;

	height: 100%;

}

.udede-header .ch span{

	margin-left: 10px;

	display: block;

	float: right;

}

/*

-----------------[导航]--------------*/

.menuBtn{	display: none;position: relative;float: right;	margin-top: 5px;width: 40px;height: 40px;padding: 5px;cursor: pointer;}
.menuBtn b{display: block;width: 100%;height: 2px;border-radius: 2px;background-color: #1c5b99;margin: 5px 0 7px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.menuBtn.open b{position: absolute;left: 5px;top: 35%;display: none;width: 30px;}

.menuBtn.open b:first-child{display: block;	transform: rotate(45deg);	-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}

.menuBtn.open b:last-child{display: block;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.udede-nav{float: right;}

.udede-nav li{float: left;position: relative;}

.udede-nav li a.v1{display: block;height: 80px;line-height: 80px;font-size: 16px;color: #181818;text-align: center;}

.udede-nav li a.v1 span{position: relative;top: 0;display: block;padding: 0 25px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

/*
.udede-nav li a.v1 span:after{
	display: none;
	content: '';
	position: absolute;
	left: 50%;
	bottom: 25%;
	margin-left: -10px;
	width: 20px;
	height: 2px;
	background-color: #1c5b99;
}
*/

.udede-nav li.on a.v1 span,
.udede-nav li:hover a.v1 span{
	top: 0px;
	color: #1c5b99;
}
.udede-nav li.on a.v1 span:after,
.udede-nav li:hover a.v1 span:after{
	display: block;
}
.udede-nav li >ul{display:none;}
.udede-nav li:hover >ul{
    display: block;
    width: 200px;
    height: auto;
    position: absolute;
    background: #fff;
    padding: 15px 0 15px 20px;
    box-shadow: 0 0 5px black;
}
.udede-nav li >ul>li{
display:block;
float:left;
width:100%;
height:auto;
list-style-type:none;
padding: 0px 0px 10px 0px;
}
.udede-nav dl{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 300px;height:auto;
	/* min-width: 1900px; */
	background-color: rgba(255,255,255,.5); 
	z-index: 99;
}

.udede-nav dl:after{
	content: '';
	position: absolute;
	right: 100%;
	top: 0;
	height: 60px;
	width: 100%;
	background-color: rgba(255,255,255,.5);
}

.udede-nav li:hover dl{
	display: block;
}
.udede-nav dl dd{
	float: left;
}
.udede-nav dl dd a{
	display: block;
	padding: 0 25px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color: #505050;
	font-size: 14px;
}
.udede-nav dl dd a:hover{
	color: #1c5b99;
}

/*******************************	-------[=index]-------********************************/

.allcenter{text-align:center;}
.indexprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.indexprofile>.content{float:left;width:1140px;min-height:auto;margin:0px 15px;line-height: 200%;}
.indexprofile>.content>h2{margin-bottom:20px;font-family:"Open Sans",sans-serif !important;}
.indexprofile>.contentborder{float:left;width:1140px;min-height:20px;margin-top:5px;line-height:200%;border:1px solid #d8edff;background:#f8f9ff;}
.indexprofile>.contentborder>.left{float:left;width:40%;margin:20px;line-height:150%;color:#525252;}
.indexprofile>.contentborder>.left>h3{margin:10px 0;font-family:"Open Sans",sans-serif !important;}
.indexprofile>.contentborder>.right{float:right;width:381px;height:166px;}
.indexprofile>.contentborder>.right>img{float:right;width:auto;height:130px;margin:18px;box-shadow:2px 0px 5px #333;}

.indexindustry{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.indexindustry>.content{float:left;width:1140px;min-height:auto;margin:0px 15px;line-height: 200%;overflow:HIDDEN;}
.indexindustry>.content>h2{margin-bottom:20px;font-family:"Open Sans",sans-serif !important;}
.indexindustry>.content>.left{float:left;width:40%;}
.indexindustry>.content>.left>.titleback{position:absolute;width: 300px;height:69px;background:url(titleback.jpg);border-radius:5px;border:5px solid #d8edff;}
.indexindustry>.content>.left>.titleback>div{float:left;font-size:14px;line-height:120%;color:#0090b7;padding: 10px 5px;}
.indexindustry>.content>.left>img{float:left;width:98%;height:auto;margin:0px 1%;}
.indexindustry>.content>.center{float:left;width:30%;min-height:100px;}
.indexindustry>.content>.center>.up{float:left;width:100%;height:auto;margin:0px;}
.indexindustry>.content>.center>.up>.word{float: left;width: 100%;text-align: left;line-height: 120%;padding: 0px 10px 10px 10px;font-size: 16px;}
.indexindustry>.content>.center>.up>img{float:left;width:100%;height:auto;}
.indexindustry>.content>.right{float: right;width: 29%;height: 475px;border-radius: 5px;background: url(backimgright.jpg);box-shadow: 0 0 5px #333;}
.indexindustry>.content>.right>div{display:block;margin:10px 20px;line-height:150%;text-indent:20px;}

.indexrdcenter{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.indexrdcenter>.content{float:left;width:1140px;min-height:auto;margin: 0px 15px 20px 15px;line-height: 200%;}
.indexrdcenter>.content>img{float:left;width:350px;height:auto;border-radius:5px;border:5px solid #d8edff}
.indexrdcenter>.content>div{display:block;overflow:hidden;height:auto;padding:0 20px 0 20px;color:#181818;}
.indexrdcenter>.content>div>h2{font-size:20px;}

.indexcustomers{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.indexcustomers>.content{float:left;width:1140px;min-height:auto;margin: 0px 15px 20px 15px;line-height: 200%;}
.indexcustomers>.content>h2{margin-bottom:20px;font-family:"Open Sans",sans-serif !important;}
.indexcustomers>.content>.customerlogo{float:left;width:100%;height:auto;}
.indexcustomers>.content>.customerlogo>a{float:left;width:16.3%;height:auto;}
.indexcustomers>.content>.customerlogo>a>img{float:left;width:96%;height:auto;margin:5px 2%;}

/*******************************	-------[=Page Share]-------********************************/
.pagemenuloc{width:100%;max-width:1170px;min-height:15px;margin:0 auto;padding:0px;text-align:left;}
.pagemenuloc>.content{float:left;width:1140px;min-height:auto;margin: 0px 15px 5px 15px;line-height: 200%;}
.pagemenuloc>.content>.l{float:left;width:60%;min-height:15px;color:#fff;}
.pagemenuloc>.content>.l>a{color:#fff;}
.pagemenuloc>.content>.l>a.checked{font-weight:600;color:#b9e0ff;}
.pagemenuloc>.content>.r{display:block;overflow:hidden;min-height:15px;color:#fff;font-size:12px;}
.paddingtopmin{padding-top:10px !important;}
/*******************************	-------[=ABOUT US]-------********************************/
.aboutprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.aboutprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.aboutprofile>.tachoengprofileimg{float:left;width:100%;height:auto;text-align:center;}
.aboutprofile>.tachoengprofileimg>img{width:80%;margin:20px auto;height:auto;}
/*******************************	-------[=History Profile]-------********************************/
.historyprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.historyprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.historyprofile>.content>dl{display:block;float:left;width:100%;height:auto;}
.historyprofile>.content>dl>.limg{float:left;width:200px;height:200px;}
.historyprofile>.content>dl>.limg>img{float:left;width:100%;height:100%;border-radius:50%;border:5px solid #add9ff;}
.historyprofile>.content>dl>.cword{float:left;margin:20px auto auto 20px;max-width:450px;min-height:100px;}
.historyprofile>.content>dl>.rid{display: block;width: 150px;overflow: hidden; padding: 30px 0 0 30px;float: right;}
.historyprofile>.content>dl>.rid>img{float:left;width:auto;height:80px;}
.historyprofile>.content>dl>.rid>span{display: block;font-weight: 900;font-size: 60px;color: #aaa;padding-top: 20px;font-style: italic; text-shadow: 0 5px #ddd;}

.historyprofile>.content>dl>.lid{display:block;overflow:hidden;padding:30px 0 0 30px;float:left;width:150px;}
.historyprofile>.content>dl>.lid>img{float:right;width:auto;height:80px;}
.historyprofile>.content>dl>.lid>span{display: block;float:right;font-weight: 900;font-size: 60px;color: #aaa;padding-top: 20px;font-style: italic; text-shadow: 0 5px #ddd;}
.historyprofile>.content>dl>.rword{float:right;margin:20px auto auto 20px;max-width:450px;min-height:100px;}
.historyprofile>.content>dl>.rimg{float:right;width:200px;height:200px;}
.historyprofile>.content>dl>.rimg>img{float:left;width:100%;height:100%;border-radius:50%;border:5px solid #add9ff;}

/*******************************	-------[=Certificate Profile]-------********************************/
.certificateprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.certificateprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.certificateprofile>.content>a{display:block;float:left;width:48%;min-height:50px;margin:10px 1%;}
.certificateprofile>.content>a>img{float: left;width: 100%;border-radius: 10px;height: auto;border: 1px solid #1c5b99;}

/*******************************	-------[=nonwoven Profile]-------********************************/
.nonwovenprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.nonwovenprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.nonwovenprofile>.content>.word{float:left;width:60%;height:auto;}
.nonwovenprofile>.content>img{float:right;width:40%;margin-top: 10px;}
.nonwovenprofile>.content>.thrimg{float:left;width:100%;min-height:auto;}
.nonwovenprofile>.content>.thrimg>a{float:left;width:31%;height:auto;margin:10px 1%;}
.nonwovenprofile>.content>.thrimg>a>img{float:left;width:100%;height:auto;border:5px solid #add9ff;}
.nonwovenprofile>.content>.properformance{float:left;width:100%;min-height:auto;}
.nonwovenprofile>.content>.properformance>.title{float:left;width:100%;background:url(producttitlebg86.png);height:69px;}
.nonwovenprofile>.content>.properformance>.title>img{float:left;width:auto;margin:20px;}
.nonwovenprofile>.content>.properformance>.title>span{display:block;float:left;width:auto;margin:15px;font-size:30px;}
.nonwovenprofile>.content>.properformance>.detail{float:left;width:100%;height:auto;}
.nonwovenprofile>.content>.properformance>.detail>div{float:left;width:47%;margin:0 0 0 3%;}
.nonwovenprofile>.content>.properformance>.detail>div>.title{
	float: left;
    width: 100%;
    height: auto;
    padding: 5px 0 5px 0;
    text-indent: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 20px;
    font-size: 18px;
    background: #d8eeff;
    text-align: center;
    box-shadow: 2px 0 5px #bbb;
	color: #29a7b5;
}
.nonwovenprofile>.content>.properformance>.detail>div>img{float:left;margin-left:10px;height:150px;}
.nonwovenprofile>.content>.properformance>.detail>div>span{display:block;float:left;width:80%;padding:0px 0 0 10px;line-height:200%;}

/*******************************	-------[=Technology]-------********************************/
.technologyprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.technologyprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.technologyprofile>.tachoengprofileimg{float:left;width:100%;height:auto;text-align:center;}
.technologyprofile>.tachoengprofileimg>img{width:80%;margin:20px auto;height:auto;}


/*******************************	-------[=Application]-------********************************/
.applicationprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.applicationprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.applicationprofile>.tachoengprofileimg{float:left;width:100%;height:auto;text-align:center;}
.applicationprofile>.tachoengprofileimg>img{width:80%;margin:20px auto;height:auto;}
.applicationprofile>.content>.thrimg{float:left;width:100%;min-height:auto;}
.applicationprofile>.content>.thrimg>a{float:left;width:31%;height:auto;margin:10px 1%;}
.applicationprofile>.content>.thrimg>a>img{float:left;width:100%;height:auto;border:5px solid #add9ff;}


/*******************************	-------[=R&D]-------********************************/
.rdprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.rdprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.rdprofile>.rdprofileimg{float:left;width:100%;height:auto;text-align:center;}
.rdprofile>.rdprofileimg>img{max-width:100%;margin:20px auto;height:auto;}
.rdprofile>.content>.thrimg{float:left;width:100%;min-height:auto;}
.rdprofile>.content>.thrimg>a{float:left;width:31%;height:auto;margin:10px 1%;}
.rdprofile>.content>.thrimg>a>img{float:left;width:100%;height:auto;border:5px solid #add9ff;}
/*******************************	-------[=Certificate Profile]-------********************************/
.factorytarearofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.factorytarearofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.factorytarearofile>.content>a{display:block;float:left;width:48%;min-height:50px;background:#f00;margin:10px 1%;}
.factorytarearofile>.content>a>img{float: left;width: 100%;border-radius: 10px;height: auto;border: 1px solid #1c5b99;}


/*******************************	-------[=Equipment]-------********************************/
.equipmentprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.equipmentprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.equipmentprofile>.rdprofileimg{float:left;width:100%;height:auto;text-align:center;}
.equipmentprofile>.rdprofileimg>img{width:80%;margin:20px auto;height:auto;}
.equipmentprofile>.content>.thrimg{float:left;width:100%;min-height:auto;}
.equipmentprofile>.content>.thrimg>a{float:left;width:31%;height:auto;margin:10px 1%;}
.equipmentprofile>.content>.thrimg>a>img{float:left;width:100%;height:auto;border:5px solid #add9ff;}
.equipmentprofile>.content>.thrimg>a>span{display:block;padding-left:10px;color: #999;}

/*******************************	-------[=Contact US]-------********************************/
.contactprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.contactprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.contactprofile>.content>img{float:left;width:30%;height:auto;border-radius:10px;border:5px solid #add9ff;}
.contactprofile>.content>span{display:block;overflow:hidden;padding:10px 20px;line-height:200%;}
/*-----------------[公用]--------------*/
.g-tit01{font-size: 28px;color: #333;margin-bottom: 80px;}
.g-tit01 span{color: #3a3e7b;}
.g-more01{display: block;width: 160px;color: #1c5b99;border: 1px solid #1c5b99;border-radius: 30px;text-align: center;margin: 20px auto 0; line-height:40px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.g-more01:hover{color: #1c5b99;}
.g-txt01{margin-bottom: 50px;color: #fff;}
.g-txt01 h3{margin-bottom: 25px;font-size: 34px;}
.g-txt01 h3 span{display: block;font-size: 32px;font-weight: 400;}
.g-txt01 p{	font-size: 16px;}
.g-more02{display: none;width: 160px;color: #1c5b99;	border: 1px solid #1c5b99;border-radius: 30px;text-align: center;margin: 20px auto 0;}
.g-more02:hover{color: #fff;background-color: #1c5b99;}

/*-----------------[banner]--------------*/
.banner .item .con{
	padding-top: 44%;
	background-repeat: no-repeat;
	background-position: center center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.banner .slick-arrow{
    position: absolute;
    top: 50%;
    margin-top: -40px;
    overflow: hidden;
    cursor: pointer;
    width: 82px;
    height: 82px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    background-repeat: no-repeat;
    background-position: center center;
	-o-background-size: auto 30px;
	-ms-background-size: auto 30px;
	-moz-background-size: auto 30px;
	-webkit-background-size: auto 30px;
	background-size: auto 30px;
	background-color: rgba(0,0,0,.1);
    border: 0;
    outline: 0;
    padding: 0;
}
.banner .slick-arrow:hover{
	background-color: rgba(0,0,0,.2);
}
.banner .slick-prev{left: 0;background-image: url(../images/pres1.png);}
.banner .slick-next{right: 0;background-image: url(../images/nexts1.png);}
.banner .slick-dots{
	position: absolute;
	left: 0;
	bottom: 3%;
	width: 100%;
	text-align: center;
	z-index: 99;
	font-size: 0;
}
.banner .slick-dots li{
	display: inline-block;
	margin: 0 10px;
}
.banner .slick-dots button{
	background-color: #fff;
	cursor: pointer;
	border-radius: 50%;
	border: 0;
	width: 10px;
	height: 10px;
	outline: 0;
	font-size: 0;
	padding: 0;
}
.banner .slick-dots li.slick-active button{background: #3a3e7a;}
/*-----------------[产品展示]--------------*/
.row-a1{
	margin: 20px 0;
	overflow: hidden;
}
.row-a1 .col-l{width: 27%;}
.row-a1 .col-r{width: 67%;}
.row-a1 .g-tit01{
	padding-top: 30px;
}
.m-txt01{
}
.m-txt01 .desc{
	margin-bottom: 25px;
	color: #666;
}
.m-txt01 .desc span{
	display: block;
	font-size: 14px;
	font-family: Arial;
}
.m-txt01 .desc em{
	font-size: 16px;
	display: block;
}
.m-txt01 .txt{
	margin-bottom: 30px;
}
.m-txt01 .txt h3{
	font-size: 36px;
	margin-bottom: 25px;
}
.m-txt01 .txt p{
	font-size: 14px;
	line-height: 24px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.ul-tab01{
	overflow: hidden;
}
.ul-tab01 li{
	width: 115px;
	float: left;
}
.ul-tab01 li a{	display: block;	height: 80px;	line-height: 80px;	text-align: center;	font-size: 14px;	position: relative;}
.ul-tab01 li a:after{	display: none;	content: '';	position: absolute;	bottom: 0;	left: 0;	right: 0;	width: 100%;	height: 2px;	background-color: #1c5b99;}

.ul-tab01 li:hover a{	color: #1c5b99;}

.tab_tab01{	height: 0;	overflow: hidden;}

.tab_tab01.show{	height: auto;	overflow: visible;}

.ul-tab01 li:hover a:after{	display: block;}

.m_chanpin01{	padding: 40px 0 10px;	margin: 0 -10px;}

.m_chanpin01 a{	display: block;	margin: 0 10px;}

.m_chanpin01 a .pic{	overflow: hidden;	position: relative;	height: 0;	padding-top: 100%;}

.m_chanpin01 a .pic img{

	position: absolute;

	top: 0;

	left: 0;

	display: block;

	width: 100%;

	height: 100%;

}

.m_chanpin01 a:hover .pic img{

	-webkit-transform: scale(1.08);

	-moz-transform: scale(1.08);

	-o-transform: scale(1.08);

	-ms-transform: scale(1.08);

	transform: scale(1.08);

}

.m_chanpin01 a h3{

	padding: 30px 0;

	text-align: center;

	font-size: 16px;

	color: #232323;

	font-weight: 400;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.m_chanpin01 a:hover h3{

	color: #1c5b99;

}

.m_chanpin01 .slick-arrow{

    position: absolute;

    top: 50%;

    margin-top: -22px;

    overflow: hidden;

    cursor: pointer;

    width: 45px;

    height: 45px;

    font-size: 0;

    line-height: 0;

    z-index: 9;

    background-repeat: no-repeat;

    background-position: center center;

	-o-background-size: auto 20px;

	-ms-background-size: auto 20px;

	-moz-background-size: auto 20px;

	-webkit-background-size: auto 20px;

	background-size: auto 20px;

	background-color: rgba(0,0,0,.3);

    border: 0;

    outline: 0;

    padding: 0;

}

.m_chanpin01 .slick-prev{left: 10px;background-image: url(../images/pres1.png);}

.m_chanpin01 .slick-next{right: 10px;background-image: url(../images/nexts1.png);}

.m_chanpin01 .slick-dots{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	text-align: center;

	z-index: 99;

	font-size: 0;

}

.m_chanpin01 .slick-dots li{

	display: inline-block;

	margin: 0 10px;

}

.m_chanpin01 .slick-dots button{

	background-color: #ccc;

	cursor: pointer;

	border-radius: 50%;

	border: 0;

	width: 10px;

	height: 10px;

	outline: 0;

	font-size: 0;

	padding: 0;

}

.m_chanpin01 .slick-dots li.slick-active button{background: #000;}



/*-----------------[二层]--------------*/

.row-a2{
	overflow: hidden;
	padding-top: 30px;
	background-color: #3a3e7a;
}
.m-imgtxt02{
	float: left;
	width: 56%;
}
.m-imgtxt02 .pic{
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 73%;
}
.m-imgtxt02 .pic img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.ul-txt01{
	width: 41%;
	float: right;
	margin-top: 30px;
}
.ul-txt01 li{
	color: #fff;
	padding-left: 90px;
	margin-bottom: 40px;
	background-repeat: no-repeat;
	background-position: left center;
}
.ul-txt01 li.li1{
	background-image: url(../images/i2.png);
}
.ul-txt01 li.li2{
	background-image: url(../images/i3.png);
}
.ul-txt01 li.li3{
	background-image: url(../images/i4.png);
}
.ul-txt01 li.li4{
	background-image: url(../images/i5.png);
}
.ul-txt01 li.li5{
	background-image: url(../images/i6.png);
}
.ul-txt01 li h3{
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 400;
}
.ul-txt01 li p{

	font-size: 14px;

	line-height: 28px;

}

/*

-----------------[解决方案]--------------*/

.row-a3{

	margin-top: 100px;

}

.m-list01{

	overflow: hidden;

}

.m-list01 .g-tit01{

	float: left;

	margin-bottom: 0;

}

.m-list01 .g-more01{

	float: right;

	height: 38px;

	line-height: 38px;

}

.ul-imgtxt02{

	overflow: hidden;

	padding-top: 30px;

	margin: 0 -35px;

}

.ul-imgtxt02 li{

	float: left;

	width: 50%;

	margin-bottom: 70px;

}

.ul-imgtxt02 li a{

	display: block;

	margin: 0 35px;

}

.ul-imgtxt02 li .pic{

	overflow: hidden;

	position: relative;

	height: 0;

	padding-top: 36%;

}

.ul-imgtxt02 li .pic img{

	position: absolute;

	top: 0;

	left: 0;

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.ul-imgtxt02 li .desc{

	overflow: hidden;

	position: relative;

	padding: 25px 0;

}

.ul-imgtxt02 li .desc:after{

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0;

	height: 1px;

	background-color: #1c5b99;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.ul-imgtxt02 li:hover .desc:after{

	width: 100%;

}

.ul-imgtxt02 li .desc .time{

	float: left;

	padding: 0 11px;

	border-right: 1px solid #eee;

	text-align: center;

}

.ul-imgtxt02 li .desc .time span{

	display: block;

	font-size: 20px;

	color: #888;

}

.ul-imgtxt02 li .desc .time em{

	font-size: 14px;

	display: block;

	color: #666;

}

.ul-imgtxt02 li .desc .txt{

	overflow: hidden;

	padding-left: 20px;

}

.ul-imgtxt02 li .desc .txt h3{

	margin-bottom: 5px;

	font-size: 18px;

	color: #333;

	font-weight: 400;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.ul-imgtxt02 li:hover .desc .txt h3{

	color: #1c5b99;

}

.ul-imgtxt02 li .desc .txt p{

	font-size: 14px;

	color: #999;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

}

/*

-----------------[关于我们]--------------*/

.row-a4{

	padding-top: 20px;

}

.m-list02{

	overflow: hidden;

	

	

	background-repeat: no-repeat;

	background-position: center center;

	-o-background-size: cover;

	-ms-background-size: cover;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;

}

.m-box01{

	position: relative;

	float: left;

	width: 41%;

	height: 705px;

	padding-top: 180px;

}

.m-box01 .g-tit01{

	position: absolute;

	top: 0;

	left: 0;

	margin-bottom: 0;

}



.m-box01  .g-txt01 p{

	font-size: 14px;

	color: #c0c1d1;

	line-height: 22px;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.ul-count{

	overflow: hidden;

	padding: 20px 0 49px;

}

.ul-count li{

	float: left;

	width: 25%;

	color: #fff;

	font-size: 14px;

	text-align: center;

}

.ul-count li em{

	font-size: 32px;

	font-weight: 600;

}

.ul-count li span{

	vertical-align: top;

}

.m-list03 .g-more01{

	color: #fff;

}

/*

-----------------[新闻中心]--------------*/

.row-a5{

	margin-top: 100px;

}

.m-news01{

	padding: 20px 0;

	margin: 0 -20px;

}

.m-news01 .item{

	padding: 10px 0 30px;

	cursor: pointer;

	position: relative;

	top: 0;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.m-news01 .item:hover{

	top: -5px;

}

.m-news01 .item .box{

	padding: 30px;

	background-color: #fff;

	margin: 0 20px;

	box-shadow: 0px 6px 30px rgba(51, 51, 51, .15);

}

.m-news01 .item h3 a{

	margin: 40px 0 15px;

	display: block;

	font-size: 18px;

	color: #000;

	font-weight: 400;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.m-news01 .item span{

	margin-bottom: 15px;

	display: block;

	font-size: 14px;

	color: #999;

}

.m-news01 .item p{

	line-height: 22px;

	font-size: 14px;

	color: #666;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.m-news01 .slick-dots{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	text-align: center;

	z-index: 99;

	font-size: 0;

}

.m-news01 .slick-dots li{

	display: inline-block;

	margin: 0 5px;

}

.m-news01 .slick-dots button{

	background-color: #ccc;

	cursor: pointer;

	border-radius: 50%;

	border: 0;

	width: 10px;

	height: 10px;

	outline: 0;

	font-size: 0;

	padding: 0;

}

.m-news01 .slick-dots li.slick-active button{background: #999;}

.ul-txt02{

	overflow: hidden;

	margin-top: 70px;

	padding: 60px 0;

	border-top: 1px solid #d8d8d8;

}

.ul-txt02 li{

	float: left;

	width: 33.33%;

}

.ul-txt02 li h5{

	font-size: 14px;

	color: #666;

	font-weight: 400;

	margin-bottom: 25px;

}

.ul-txt02 li.txt-l strong{

	font-size: 36px;

	font-family:Arial;

	color: #333;

}

.ul-txt02 li.txt-r p,

.ul-txt02 li.txt-c p{

	padding-left: 30px;

	background-repeat: no-repeat;

	background-position: left center;

}

.ul-txt02 li.txt-r p.you,

.ul-txt02 li.txt-c p.tel{

	margin-bottom: 30px;

	font-size: 20px;

	color: #262626;

}

.ul-txt02 li.txt-c p.tel{

	background-image: url(../images/i7.png);

}

.ul-txt02 li.txt-c p.dizhi{

	font-size: 16px;

	color: #333;

	background-image: url(../images/i8.png);

}

.ul-txt02 li.txt-r p.you{

	background-image: url(../images/i9.png);

}

/*

-----------------[友情链接]--------------*/

.row-a6{

	overflow: hidden;

	background-color: #3a3e7a;

	border-bottom: 1px solid #fff;

}



.m-link1{

	padding: 20px 0;

}

.m-link1 .item{

	overflow: hidden;

	color: #fff;

}

.m-link1 .item:first-child{

	margin-bottom: 40px;

}

.m-link1 .item span{

	float: left;

	font-size: 16px;

	margin-right: 18px;

	font-weight: 600;

}

.ul-link1{overflow: hidden;}

.ul-link1 li{

	float: left;

}

.ul-link1 li a{

	display: block;

	margin-right: 20px;

	font-size: 14px;

	color: #fff;

	height: 21px;

	line-height: 21px;

}

.ul-link1 li a:hover{

	text-decoration: underline;

}	

/*******************************

	-------[=底部]-------

********************************/

.udede-footer{

	background-color: #3a3e7b;

}
.fd-top{overflow: hidden;padding: 20px 0;}
.fd-top>h3{color:#ededed;font-size:20px;font-family:Times New Roman;text-indent:10px;}
.fd-top>span{color:#bdbdbd;font-size:14px;line-height:180%;padding-left:10px;display: block;}
.fd-logo{	float: left;	width: 25%;	height: 62px;	line-height: 60px;}
.fd-logo img{	display: inline-block;	vertical-align: middle;	max-width: 100%;	max-height: 100%;}
.fd-nav{	float: left;	width: 50%;}
.fd-nav dl{	float: left;	width: 16.66%;	font-size: 14px;}
.fd-nav dl dt{margin-bottom: 30px;color: #fff;}
.fd-nav dl dd a{display: block;color: #afb0c4;margin-bottom: 10px;}
.fd-nav dl dd a:hover{color: #fff;}

.fd-qr{float: right;}
.fd-qr .pic{	width: 110px;height: 110px;overflow: hidden;}
.fd-qr .pic img{	display: inline-block;	vertical-align: middle;max-width: 100%;max-height: 100%;}
.fd-qr h3{text-align: center;font-size: 14px;color: #fff;height: 40px;line-height: 40px;}
.udede-footer .copy{padding: 10px 0;	overflow: hidden;border-top: 1px solid #4e5288;font-size: 14px; text-align:right;background: #f8f9ff;}
.udede-footer .copy>.wp{font-size:12px;}
.udede-footer .copy p{color: #9c9db7;}
.udede-footer .copy a{ display:inline-block;	color: #9c9db7;}
.udede-footer .copy a:hover{color: #fff;}

/*-----------------[悬浮菜单]--------------*/
.h50{display: none;}

.udede-link{display: none;	overflow: hidden;position: fixed;	bottom: 0;	left: 0;right: 0;z-index: 9;background-color: #fff;padding: 4px 0;box-shadow: 5px 0 10px rgba(0,0,0,.05);}
.udede-link li{float: left;width: 25%;}
.udede-link li a{display: block;text-align: center;font-size: 13px;color: #000;}
.udede-link li.on a,
.udede-link li:hover a{color: #1c5b99;}
.udede-link li a i{display: block;width: 25px;margin: 0 auto;height: 25px;background-repeat: no-repeat;background-position: center center;	-o-background-size: auto 18px;-ms-background-size: auto 18px;-moz-background-size: auto 18px;-webkit-background-size: auto 18px;background-size: auto 18px;}

.udede-link li a .i1{

	background-image: url(../images/icon8.png);

}

.udede-link li.on .i1,

.udede-link li:hover .i2{

	background-image: url(../images/icon8-on.png);

}

.udede-link li a .i2{

	background-image: url(../images/icon9.png);

}

.udede-link li.on .i2,

.udede-link li:hover .i2{

	background-image: url(../images/icon9-on.png);

}

.udede-link li a .i3{

	background-image: url(../images/icon10.png);

}

.udede-link li.on .i3,

.udede-link li:hover .i3{

	background-image: url(../images/icon10-on.png);

}

.udede-link li a .i4{

	background-image: url(../images/icon11.png);

}

.udede-link li.on .i4,

.udede-link li:hover .i4{

	background-image: url(../images/icon11-on.png);

}

/*

-----------------[客服]--------------*/

.kf {
   display:none;width: 208px;position: fixed; /* right: 20px; */right: -208px; top: 200px;z-index: 9;
}
.kt-top { height: 40px; line-height: 40px; background: #1c5b99; -o-background-size: auto 20px; -ms-background-size: auto 20px; -moz-background-size: auto 20px; -webkit-background-size: auto 20px; background-size: auto 20px;padding-left: 46px; font-size: 14px; color: #ffffff;}
.kt-top span:hover{transform: rotate(90deg);}
.kt-top span {
    width: 18px;

    height: 16px;

    float: right;

    position: relative;

    margin: 10px 10px 0px 0px;

    cursor: pointer;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

}

.kt-top span b {

    width: 100%;

    height: 2px;

    background: #fff;

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

}

.kt-top span b:first-child {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}

.kt-top span b:last-child {

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

}

.kf .con {

    overflow: hidden;

    background: #ffffff;

}

.kf .qq li {

    height: 36px;

    line-height: 36px;

    border-bottom: #f5f5f5 solid 1px;

    padding-left: 16px;

}

.kf .qq li a {

    height: 36px !important;

    color: #666666;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    text-decoration: initial;

    display: block;

}

.kf .qq li a img{

    padding-right: 6px;

}

.kf .con h5{

    height: 26px;

    line-height: 26px;

    margin-top: 12px;

    background: url('../images/lianxi.png') 16px center no-repeat;

    padding-left: 45px;

    color: #666666;

    font-size: 14px;

}

.kf .contact {

    margin-top: 1px;

}

.kf .contact p{

    height: 26px;

    line-height: 26px;

    color: #666666;

    font-size: 14px;

    padding-left: 22px;

}

.kf .contact p:nth-child(2n){

    padding-left: 32px;

}

.kf .con .qr{

    margin-top: 10px;

    padding-left: 40px;

}

.kf .con .qr img{

    width: 110px;

    height: 110px;

}

.kf .backTop{

    width: 100%;

    height: 40px;

    margin-top: 10px;

    background: #1c5b99;

    background-size: 18px auto;

    cursor: pointer;

}

.kf-side{

    padding: 18px 10px 10px;

    background: #1c5b99;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    left: -34px;

    cursor: pointer;

}

.kf-side b{

    display: block;

    color: #ffffff;

    line-height: 18px;

    font-size: 14px;

    font-weight: normal;

}

.kf-side span.arrow{

    width: 12px;

    height: 12px;

    background: url('../images/jt-1.png') no-repeat;

	-o-background-size: auto 12px;

	-ms-background-size: auto 12px;

	-moz-background-size: auto 12px;

	-webkit-background-size: auto 12px;

	background-size: auto 12px;

    display: block;

    margin-top: 10px;

}

.kf-side span.on{

    background: url('../images/jt-2.png') no-repeat;

    -o-background-size: auto 12px;

    -ms-background-size: auto 12px;

    -moz-background-size: auto 12px;

    -webkit-background-size: auto 12px;

    background-size: auto 12px;

}

/*******************************

	-------[=产品列表]-------

********************************/

.m_chanpin{

	overflow: hidden;

	margin-bottom: 30px;

}

.m_chanpin .desc{

	padding: 10px;

	margin-top: 20px;

	line-height: 26px;

	text-indent: 2em;

	font-size: 14px;

	border: 1px dotted #e5e5e5;

	color: #868686;

	background-color: #f5f5f5;

}

.ul-imgtxt-01 {

    margin: 0 -10px;

}

.ul-imgtxt-01:after,.ul-imgtxt-01:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.ul-imgtxt-01 li {

    width: 25%;

    float: left;

    margin-top: 20px;

}



.ul-imgtxt-01 li a {

    margin: 0 10px;

    display: block;

    text-align: center;

}

.ul-imgtxt-01 li a:hover {

    box-shadow: 0 5px 8px 2px rgba(0,0,0,.2);

}

.ul-imgtxt-01 li a .pic {

    padding-top: 77%;

    height: 0;

    position: relative;

    overflow: hidden;

}

.ul-imgtxt-01 li a .pic img {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    display: block;

    max-width: 100%;

    max-height: 100%;

    margin: auto;

    transition: 1s;

    -webkit-transition: 1s;

    -moz-transition: 1s;

    -ms-transition: 1s;

    -o-transition: 1s;

}

.ul-imgtxt-01 li a:hover .pic img {

    transform: scale(1.08);

    -webkit-transform: scale(1.08);

    -moz-transform: scale(1.08);

    -ms-transform: scale(1.08);

    -o-transform: scale(1.08);

}

.ul-imgtxt-01 li a p {

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 15px;

    color: #666;

    font-weight: 400;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.ul-imgtxt-01 li a:hover {

    text-decoration: none;

}

.ul-imgtxt-01 li a:hover p {

    color: #1c5b99;

}

.ul-imgtxt2{

	margin-top: 0;

}

.ul-imgtxt2 li .pic{

	padding: 4px;

}

.ul-imgtxt2 li a:hover{

	border: 0;

}

.m-list3{

	padding: 25px 0;

}

.ul-link2{

	overflow: hidden;

	margin-top: 20px;

}

.ul-link2 li{

	float: left;

	margin-bottom: 20px;

}

.ul-link2 li a{

	display: block;

	margin-right: 17px;

	font-size: 14px;

}

.ul-link2 li a:hover{

	color: #ea042b;

}

/*******************************

	-------[=产品详情]-------

********************************/

.m-list1{

	overflow: hidden;

	padding: 14px 0 25px;

	border-bottom: 1px dotted #a9a9a9;

}

.m-pic1{

	float: left;

	width: 43%;

}

.m-txt1{

	overflow: hidden;

	padding-left: 38px;

}

.m-txt1 h3{

	font-size: 16px;

	padding-bottom: 9px;

	margin-bottom: 9px;

	border-bottom: 1px dotted #a9a9a9;

}

.m-txt1 .txt{

	margin-right: 100px;

}

.m-txt1 .txt p{

	line-height: 28px;

	margin-bottom: 10px;

	font-size: 14px;

	color: #2f2f2f;

}



.m-txt1 .btn{

	display: block;

	width: 98px;

	height: 32px;

	line-height: 32px;

	padding-left: 15px;

	background-color: #1c5b99;

	color: #fff;

}

.m-txt1 .btn:hover{

	background-color: #444;

}

.m-txt1 .btn span{
	display: block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
.m-txt2{
	margin-top: 25px;
}
.m-txt2 p{
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 10px;
}

.ul-txt2{

	overflow: hidden;

	margin: 20px 0 50px;

}

.ul-txt2 li{

	float: left;

	font-size: 14px;

}

.ul-txt2 li:last-child{

	float: right;

}



.ul-txt2 li a{

	color: #337AB7;

		transition: .3s;

		-ms-transition: .3s;

		-moz-transition: .3s;

		-webkit-transition: .3s;

		-o-transition: .3s;

}

.ul-txt2 li a:hover{

	color: #1c5b99;

}

/*产品详情图片*/

.pc-slide {

    width: 100%;

    margin: 0 auto;

}

.view .swiper-slide .imgauto {

    width: 100%;

    height: 350px;

    line-height: 350px;

}

.view .swiper-container {

    width: 100%;

}



.preview {

    width: 100%;

    margin-top: 10px;

    position: relative;

}



.preview .swiper-container {

    width: 80%;

    margin: 0 10%;

}



.preview .swiper-slide {

    width: 25%;

    padding: 5px;

}

.preview .swiper-slide .imgauto {

	width: 100%;

	height: 80px;

	line-height: 80px;

	border: 1px solid #ddd;

	text-align: center;

}

.preview .swiper-slide .imgauto img {

	display: inline-block;

	vertical-align: middle;

	max-width: 100%;

	max-height: 100%;

	padding: 5px;

}



.preview .slide6 {

    width: 82px;

}



.preview .arrow-left {

    background: url(../images/feel3.png) no-repeat left top;

    position: absolute;

    left: 10px;

    top: 50%;

    margin-top: -9px;

    width: 9px;

    height: 18px;

    z-index: 10;

}



.preview .arrow-right {

    background: url(../images/feel4.png) no-repeat left bottom;

    position: absolute;

    right: 10px;

    top: 50%;

    margin-top: -9px;

    width: 9px;

    height: 18px;

    z-index: 10;

}



.preview img {

    padding: 1px;

}



.preview .active-nav .imgauto {

    border: 1px solid #1c5b99;

}



.clearfix {

    *zoom: 1;

}



.clearfix:after {

    content: " ";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.work_list {

	width: 100%;

	padding-top: 12px;

	margin-bottom: 20px;

}

.work_list h3 {

	line-height: 44px;

    background: url(../images/icon12.png) 95% center no-repeat;

    text-indent: 20px;

    background-size: auto 10px;

    border-bottom: 1px solid #f2f2f2;

    width: 100%;

    float: left;

}

.work_list h3 a {

	float: left;

	line-height: 44px;

    color: #666;

    font-size: 14px;

    text-indent: 0;

    padding-left: 5px;

    font-weight: normal

}

.work_list h3.on a {

	font-weight: bold;

}

.work_list h3 span {}



.work_list ul {

	display: none;

	float: left;

	width: 100%;

}

.work_list li {

	background: url(../images/icon12.png) 18px 15px no-repeat;

    text-indent: 26px;

    display: block;

    border-bottom: 1px solid #f2f2f2;

    width: 100%;

    line-height: 42px;

    background-size: 5px;

}

.work_list li a {

    display: block;

    color: #666;

    font-size: 14px;

    text-indent: 0;

    padding-left: 30px;

}

/* 放大镜 */





div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}

div.zoomMask{position:absolute;cursor:move;z-index:1;}





.udede-showcase {margin-bottom: 30px;}

.udede-showcase-pic {position: relative;width: 100%;overflow: hidden;float: left;}

.udede-showcase-pic .bd {font-size: 0;margin-top: 13px;overflow: hidden;}

.udede-showcase-pic .bd li {height: 75px;line-height: 75px;cursor: pointer;display: inline-block;width: 99px;border: 1px solid #ddd;padding: 1px;margin: 0 5px;}

.udede-showcase-pic .bd li.active {border-color: #c80003;}

.udede-showcase-pic .prev,.udede-showcase-pic .next {position: absolute;background: no-repeat 0 0;width: 14px;height: 27px;bottom: 26px;z-index: 2;}

.udede-showcase-pic .prev {background-image: url(../images/zlztdetailscon1btn01.png);left: 0;}

.udede-showcase-pic .next {background-image: url(../images/zlztdetailscon1btn02.png);right: 0;}

.udede-showcase-pic .prev:hover,.udede-showcase-pic .next:hover {background-position: 0 bottom;}

.udede-showcase-pic .cover {height: 300px;line-height: 300px;border: 1px solid #ddd;padding: 1px;}

.udede-showcase-pic .cover a{

	display: block;

	width: 100%;

	height: 100%;

}

.udede-showcase-info {float: right;width: 500px;}

.udede-showcase-info h1 {margin: 0 0 15px;font-size: 20px;overflow: hidden;font-weight: normal;border-bottom: 1px solid #ddd;padding-bottom: 15px;}

.udede-showcase-info p {margin: 0;color: #666;line-height: 2;}

.udede-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(../images/viskins-p1.png) no-repeat 0 15px;height: 42px;padding-left: 50px;line-height: 21px;}

.udede-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #c80003;color: #fff;}

.udede-showcase-info .tel span {display: block;color: #c80003;font-size: 18px;}

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}

div.zoomDiv img{

	max-width: none;

}

div.zoomMask{position:absolute;cursor:move;z-index:1;}



.img-center {text-align: center;font-size: 0;}

.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: top;}





.m_pic_showpic {

    display: none;

}

.m_showpic img {

    display: block;

    max-width: 100%;

}

/*******************************

	-------[=关于我们]-------

********************************/

.m-content .txt{

	margin: 15px 0;

}

.m-content .txt p{

    line-height: 28px;

    color: #2F2F2F;

    font-size: 14px;

}

/*******************************

	-------[=新闻列表]-------

********************************/

.m-content .box{

	margin-top: 20px;

}

.ul-newslist{

	overflow: hidden;

    margin-bottom: 30px;

}

.ul-newslist li{

    font-size: 14px;

    padding: 20px 0;

    border-bottom: #dddddd 1px dotted;



}

.ul-newslist li a{

	display: block;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.ul-newslist li .tit{

    overflow: hidden;

    margin-bottom: 20px;

}

.ul-newslist li .tit .time{

    float: right;

    font-size: 14px;

}

.ul-newslist li .txt{

	margin: 0;

}

.ul-newslist li .tit a{

    float: left;

    display: block;

    width: 80%;

    font-size: 16px;

    background: url('../images/icon14.png') left center no-repeat;

    padding-left: 14px;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.ul-newslist li a:hover{

     color: #1c5b99;

}

.ul-newslist li .txt p{

    font-size: 14px;

    line-height: 24px;

    display: -webkit-box;

       -webkit-box-orient: vertical;

       -webkit-line-clamp: 2;

       overflow: hidden;

}

/*******************************

	-------[=新闻详情]-------

********************************/

.ul-txt3{

    text-align: center;

    margin-bottom: 20px;

}

.ul-txt3 li{

    display: inline-block;

    font-size: 14px;

    margin: 0 10px;

}

.m-txt3{

    margin-top: 10px;

}

.m-txt3 .desc{

    padding-left: 20px;

    margin-bottom: 15px;

    height: 36px;

    line-height: 36px;

    color: #868686;

    font-size: 14px;

    background-color: #f5f5f5;

    border: 1px dotted #e5e5e5;

}

.m-txt3 .desc p a{

    color: #868686;

}

.m-txt3 .desc p a:hover{

    color: #1c5b99;

}

.m-txt3 .tabel{

    overflow: hidden;

    color: #5a5a5a;

    border-top: 1px dashed #999;

    border-bottom: 1px dashed #999;

    font-size: 14px;

    

}

.m-txt3 .tabel span{

    float: left;

    height: 42px;

    line-height: 42px;

    margin-right: 10px;

}

.m-txt3 .tabel ul{

    overflow: hidden;

}

.m-txt3 .tabel li{

    float: left;

}

.m-txt3 .tabel li a{

    display: block;

    margin-right: 10px;

    height: 42px;

    line-height: 42px;

}

.m-txt3 .tabel li a:hover{

    color: #1c5b99;

}

.ul-news1 li{

	float: left;

	width: 50%;

}

.ul-news1 li a{

	font-weight: 400;

}

.ul-news1 li .tit{

	margin: 0 10px;

}

/*******************************

	-------[=留言反馈]-------

********************************/

.m-message{

    width: 494px;

    margin: 48px auto 0;

}

.m-message label{

    margin-bottom: 15px;

    display: block;

    font-size: 14px;

}

.m-message label em{

    display: block;

    float: right;

    color: red;

    height: 32px;

    line-height: 32px;

}

.m-message label span{

    width: 70px;

    height: 34px;

    line-height: 34px;

    color: #2F2F2F;

    float: left;

    font-weight: bold;

    text-align: right;

    margin-right: 30px;

    display: inline-block;

}



.m-message label input.inp,.m-message label textarea,.m-message label.code input{

    width: 77%;

    overflow: hidden;

    height: 32px;

    line-height: 32px;

    border: #cccccc 1px solid;

    border-radius: 3px;

    padding:0 14px;

    box-sizing: border-box;

    color: #555;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.m-message label input:focus,.m-message label textarea:focus{

    border-color: #66afe9;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);

          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);

}

.m-message label textarea{

    height: 72px;

    line-height: 24px;

    padding:10px 14px;

}

.m-message label.code{

    line-height: 34px;

}

.m-message label.code input{

    width: 30%;

    float: left;

    margin-right: 30px;

}

.m-message label.code .pic {

    display: inline-block;

    vertical-align: top;

    width: 80px;

    height: 32px;

}

.m-message label.code img{

    display: block;

    width: 100%;

    height: 100%;

}

.btn-1 input{

    width: 52px;

    height: 32px;

    line-height: 32px;

    background: #e8e8e8;

    border: none;

    color: #333;

    margin-right: 22px;

    cursor: pointer;

    transition: 0.3s;

}

.btn-1{

    padding-left: 100px;

}

.btn-1 input.focus{

    background: #1c5b99;

    color: #fff;

}

.btn-1 input.focus:hover{

    background: #444;

}

.btn-1 input:hover{

    background: #ccc;

}

/*

-----------------[相册详情]--------------*/



.m-list-03{

	margin-top: 30px;

	padding:26px 10px 10px;

	border: 1px solid #ddd;

	background-color: #f0f0f0;

}

.m-list-03 .con{

	margin-bottom: 10px;

	padding: 15px;

	background-color: #fff;

	border: 1px solid #ddd;

}

.m-list-03 .box{

	padding: 26px 20px;

	background-color: #fff;

	border: 1px solid #ddd;

}

.m-list-03 .con .pic{

	height: 450px;

	line-height: 450px;

	overflow: hidden;

	text-align: center;

}

.m-list-03 .con .pic img{

	display: inline-block;

	vertical-align: middle;

	max-width: 100%;

	max-height: 100%;

}

.m-list-03 .box .txt{



}

.m-list-03 .box .txt h3{

	margin-bottom: 30px;

	font-size: 22px;

	color: #1c5b99;

}

.ul-txt-01{

	overflow: hidden;

	padding-left: 23px;

	background: url(../images/source.gif) left center no-repeat;

}

.ul-txt-01 li{

	float: left;

	margin-right: 4px;

	font-size: 14px;

	color: #505050;

	font-family: 'microsoft yahei',Verdana, Arial;

}

.ul-txt-01 li a{

	font-size: 12px;

}

.ul-txt-01 li a:hover{

	color: #1c5b99;

}

.pc-slide {
    width: 100%;
    margin: 0 auto;
}
.view .swiper-slide .imgauto {
    width: 100%;
    height: 350px;
    line-height: 350px;
}
.view .swiper-container {
    width: 100%;
}

.preview {
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.preview .swiper-container {
    width: 80%;
    margin: 0 10%;
    overflow: hidden;
}

.preview .swiper-slide {
    width: 33.33%;
    padding: 5px;
}
.preview .swiper-slide .imgauto {
	width: 100%;
	height: 80px;
	line-height: 80px;
	border: 1px solid #ddd;
	text-align: center;
}
.preview .swiper-slide .imgauto img {
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	max-width: 100%;
	max-height: 100%;
}

.preview .slide6 {
    width: 82px;
}

.preview .arrow-left {
    background: url(../images/feel3.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview .arrow-right {
    background: url(../images/feel4.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview img {
    padding: 1px;
}

.preview .active-nav .imgauto {
    border: 1px solid #1c5b99;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.work_list {
	width: 100%;
	padding-top: 12px;
	margin-bottom: 20px;
}
.work_list h3 {
	line-height: 44px;
    background: url(../images/icon12.png) 95% center no-repeat;
    text-indent: 20px;
    background-size: auto 10px;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    float: left;
}
.work_list h3 a {
	float: left;
	line-height: 44px;
    color: #666;
    font-size: 14px;
    text-indent: 0;
    padding-left: 5px;
    font-weight: normal
}
.work_list h3.on a {
	font-weight: bold;
}
.work_list h3 span {}

.work_list ul {
	display: none;
	float: left;
	width: 100%;
}
.work_list li {
	background: url(../images/icon12.png) 18px 15px no-repeat;
    text-indent: 26px;
    display: block;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    line-height: 42px;
    background-size: 5px;
}
.work_list li a {
    display: block;
    color: #666;
    font-size: 14px;
    text-indent: 0;
    padding-left: 30px;
}

.work_list li.on a {
	font-weight: bold;
}



#message {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	transform: scale(0);
	transition: .3s;
}
.messagebg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 1001;
}
#message .m-content {
	margin-top: 10%;
}
#message .m-content .m-message{
	background: #fff;
	width: 580px;
    background: #fff;
    padding: 50px;	
    margin: 0 auto;
    position: relative;
    z-index: 1002;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}