@charset "utf-8";
html{ /*font-size:62.5%;*/}
body{padding:0px; margin:0px auto; /*font-size:1.6em;*/ font-size: 20px; font-family: Microsoft YaHei,arial,'宋体'; color:#585858; 


/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); 

/*控制内容的可选择性*/
-webkit-user-select: none;  
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased; 
}
ul,li,form, dl,dt,dd, div,i{ padding:0px; margin:0px;list-style: none;font-style: normal;}
.ul,.ul li{ list-style: none; margin: 0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#585858; font-family:Microsoft YaHei; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; border:0; overflow:hidden; vertical-align:top;}
a{ color:#585858; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.hide{ display:none;} /*设置隐藏元素*/
.box{padding: 0 10px;}
.box20{padding: 0 20px;}
/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}
.clearfix{ zoom:1;}
.clearfix:after,
.clearfix:before{content:" ";display: table;}
.clearfix:after{clear: both;}
/*页面框架*/
.Contain{min-width: 320px;max-width: 1200px;width: 100%;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
/*字体、图片单位可以直接使用px*/
/*top*/
.HomeTop.on{background: #fff;position: fixed;z-index: 999;box-shadow: 0 3px 10px #999;width: 100%;left: 0;top: 0;}
.HomeTop.on .Top{height: 60px;}
.HomeTop.on .Top .min_top #nav{margin-top: 17px;}
.HomeTop.on .Top .contact{margin-top: 10px;transition: 0.5s;}
.HomeTop.on .Top .logo{line-height: 60px;}
.HomeTop.on .Top .Nav li,.HomeTop.on .Top .Nav li a.am{line-height: 60px;height: 60px;}
.HomeTop.on .Top .Nav li dl.subNav{top: 61px;}

.Top {height: 80px;transition: 0.3s;}
.Top_box{position: relative;z-index: 9999999999;}

.Top .logo{display: inline-block;line-height: 80px;transition: 0.5s;}
.Top .logo img{width: 100%;display: inline-block;vertical-align: middle}
.Top .Nav {float: right;}
.Top .Nav li{display: inline-block;transition: 0.7s all ease-in-out;position: relative;height: 80px;margin: 0 17px;}
.Top .Nav li a.am{display: block;line-height: 80px;;font-size: 16px;transition: 0.5s all ease-in-out;}
.Top .Nav li dl.subNav{display: none;position: absolute;width: 120px;left: -30px;top: 80px;text-align: center;box-shadow: 0 0px 5px #9E9E9E;padding: 15px 0;background: #fff;;}
.Top .Nav li dl.subNav dd{line-height: 30px;position: relative;}
.Top .Nav li dl.subNav dd .an{}
.Top .Nav li dl.subNav dd:hover{background: rgba(0,0,0,0.3);}
.Top .Nav li dl.subNav dd:hover a.an{color: #fff;display: block;}
.Top .Nav li:nth-child(4) .subNav{width: 280px;text-align: left;padding: 15px 20px;}
.Top .Nav li.on,.Top .Nav li:hover{border-top: 2px solid #f6a10a;}
.Top .Nav li.on a.am,.Top .Nav li:hover a.am{color: #f6a10a;}
.contact{float: right;padding-left: 50px;background: url(../images/tell.png) no-repeat left center;margin-top: 15px;}
.contact p{font-size: 14px;color: #666;margin: 0 0 10px 0;}
.contact h3{font-size: 18px;color: #f18b00;font-weight: bold;}



.min_top{position: absolute;top: 0;right: 0;display: none;}
.min_top #nav{transition: 0.5s;float: right;border: none;background: url(../images/nav.png) no-repeat center center;width: 35px;height: 27px;background-size: cover;position: relative;cursor: pointer;outline: none;margin: 30px 0 0 0;}
.min_top .Nav_list button{position: fixed;right: 10px;top: 10px;z-index: 99999;width: 51px;height: 45px;outline: none;background: url(../images/xx.png) no-repeat center center;border: none;}
.min_top .Nav_list{display: none;position: fixed;right: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);padding-top: 90px;z-index: 9999;}
.min_top .Nav_list li{border-bottom: 1px solid #dedede;transition: all 0.8s ease;}
.min_top .Nav_list li:first-child{border-top: 1px solid #dedede;}
.min_top .Nav_list li a.am{color: #fff;display: block;font-size: 24px;padding: 20px 15px 20px 30px;}
.min_top .Nav_list li:hover{background: rgba(0,0,0,0.2);}
.min_top .Nav_list li .subNav{display: none;}
.min_top .Nav_list li .subNav dd{margin-bottom: 10px;position: relative;z-index: 99999;}
.min_top .Nav_list li .subNav dd .an{color: #fff;padding-left: 35px;font-size: 22px;position: relative;z-index: 99999;}
.min_top .Nav_list li .subNav dd .thr{display: none;background: #eee;padding: 10px 15px 10px 40px;margin-top: 10px;}
.min_top .Nav_list li .subNav dd .thr p{border-bottom: 1px solid #999;padding-left: 10px;line-height: 30px;}
.min_top .Nav_list li .subNav dd .thr p a{font-size: 18px;}
.min_top .Nav_list li .subNav dd .thr p:hover{background: rgba(0,0,0,0.3);}
.min_top .Nav_list li .subNav dd .thr p:hover a{color: #fff;display: block;}
@media screen and (max-width: 1200px) {
	.Top .Nav{width: 100%;text-align: right;}
	.contact{margin: 30px 30px 0 0;}
	.contact p{margin: 0 0 5px 0;}
	
}
@media only screen and (min-width: 900px) and (max-width: 1200px) {
	.Top .logo{width: 46%;}
	.Top .logo img{width: 100%;}
	.Top .Nav li a.am{padding: 7px;}
}
@media screen and (max-width: 1145px) { 
	.contact{display: none;}
	.Top{height: auto;padding: 10px;}
	.Top .Nav{display: none;}
	.Top .min_top{display: block;right: 5px;}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.Top .logo{padding-left: 10px;}
}



/*index*/
.homeban{width: 100%;}
.homeban .item img{max-width: 100%;}

/*2018-07-09*/
.homeban .Banner .owl-nav{position: absolute;width: 100%;height: 0;left: 0;bottom: 55%;z-index: 999;}
.homeban .Banner .owl-nav .owl-prev{width: 90px;height: 150px;background: url(../images/l2.png) no-repeat center center;float: left;font-size:0;opacity: 0.1;}
.homeban .Banner .owl-nav .owl-next{width: 90px;height: 150px;background: url(../images/r22.png) no-repeat center center;float: right;font-size:0;opacity: 0.1;}
.homeban .Banner .owl-nav .owl-prev:hover{opacity: 1;}
.homeban .Banner .owl-nav .owl-next:hover{opacity: 1;}




.homeban .Banner .owl-dots{ position:absolute; width:100%;height: 0;z-index: 88; bottom: 80px; text-align:center;}
.homeban .Banner .owl-dots .owl-dot{ display:inline-block;*display:inline;*zoom:1; vertical-align:middle;background: #fff; height: 10px; width:10px; margin:0 8px;border-radius: 50%;}
.homeban .Banner .owl-dots .owl-dot.active{ background: #f18b00;}
.title{text-align: center;margin: 30px 0;font-family: "微软雅黑";background: url(../images/c.png) repeat-x left 70px;height: 107px;}
.title.f4 i{background: #f4f4f4;}
.title p{margin: 5px 0;line-height: 30px;height: 30px;display: inline-block;padding: 0 50px;background: url(../images/title.png) repeat-x left center;}
.title p i{color: #303030;font-size: 28px;display: inline-block;padding: 0 10px;background: #fff;}
.title span{display: block;color: #fcc983;font-size: 37px;font-weight: bold;text-transform: uppercase;height: 50px;}
.title span img{max-width: 90%;height: 38px;width: auto;}
.title em{color: #666;font-size: 16px;display: inline-block;width: 100%;margin: 10px 0 0 0;}
.product{padding: 70px 0 0 0;}
.product .list{text-align: center;margin-top: 4%;}
.product .list li{width: 140px;height: 260px;float: left;text-align: center;transition: 0.7s;padding: 20px 30px 0 30px;margin: 0 50px;}
.product .list li .pic{transition:  0.7s;background: url(../images/icon.png) no-repeat center center;height: 120px;line-height: 120px;overflow: hidden;background-size: contain;}
.product .list li .pic img{display: inline-block;vertical-align: middle;opacity: 0.7s;}
.product .list li .pic .img_hide{display: none;}
.product .list li p{color: #333;font-size: 16px;margin: 10px 0;}
.product .list li span{color: #fff;line-height: 25px;opacity: 0;}
.product .list li:hover{background: #f18b00;border-radius: 10px;}
.product .list li:hover .pic{height: 90px;line-height: 100px;}
.product .list li:hover .img_show{display: none;}
.product .list li:hover .img_hide{display: inline-block;}
.product .list li:hover .txt p{color: #fff;}
.product .list li:hover .txt span{opacity: 1;}
@media only screen and (min-width: 900px) and (max-width: 1200px) {
	.product .list li{width: 23%;margin: 0;padding: 20px 5% 0 5%;height: 200px;}
	.product .list li:hover .pic{height: 60px;line-height: 60px;}
} 
@media only screen and (min-width: 611px) and (max-width: 899px) {
	.product .list li{width: 23%;margin: 0;padding: 20px 5% 0 5%;height: 180px;}
	.product .list li:hover .pic{height: 45px;line-height: 45px;}
} 
@media only screen and (min-width: 320px) and (max-width: 610px) {
	.product{height: 910px;background-size: cover;}
	.product .list li{width: 40%;margin: 0;padding: 20px 5% 0 5%;height: 160px;}
	.product .list li .txt span{display: none;}
}
@media screen and (max-width: 1440px) {
	.homeban .Banner .owl-dots{bottom: 110px;}
}

.Solution{background: #f4f4f4;padding: 50px 0 130px 0;font-family: "微软雅黑";}
.Solution .list .item{position: relative;width: 100%;float: left;height: 500px;overflow: hidden;text-align: center;transition: 0.7s}
.Solution .list .item a{display: block;height: 100%;transition: 0.6s;background: rgba(0,0,0,0.1);}
.Solution .list .item img{display: inline-block;margin: 0 auto;margin-top: 60%;transition: 0.7s}
.Solution .list .item p{padding: 30px 0;text-align: center;font-weight: bold;color: #fff;font-size: 24px;background: url(../images/hr.png) no-repeat center bottom;margin-bottom: 10px;transition: 0.7s;}
.Solution .list .item span{display: block;padding: 0 15%;color: #fff;text-align: left;line-height: 25px;transition: 0.5s;opacity: 0;}
.Solution .list .item:hover a{background: rgba(201,116,0,0.7);}
.Solution .list .item:hover span{opacity: 1;}
.Solution .list .item:hover img{transform: scale(1.15);margin-top: 40%;}

.case {padding: 80px 0;position: relative;background: #fff url(../images/casebg.png) no-repeat center bottom;background-size: cover;}
.cases.title{margin: 3% 0;}
.case .casetit{width: 150px;height: 400px;padding: 20px 30px;background: #fff;float: left;box-shadow: 0px 0px 10px #999;}
.case .casetit .info{width: 60px;}
.case .casetit .info p{font-size: 30px;color: #f18b00;font-weight: bold;}
.case .casetit .info span{color: #ccc;font-size: 14px;}
.case .casechange{float: right;width: 980px;height: 440px;}
.case .casechange .item img.img{float: left;display: block;width: 670px;height: 440px;}
.case .casechange .item dl{float: right;width: 270px;background: #fff;padding: 20px 15px;}
.case .casechange .item dl dd{border-bottom: 1px solid #DEDEDE;height: 209px;overflow: hidden;}
.case .casechange .item dl dd p{font-size: 18px;color: #333;margin: 15px 0;}
.case .casechange .item dl dd span{font-size: 14px;color: #999;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.case .casechange .owl-nav{position: absolute;bottom: 0;right: 310px;font-size: 0;z-index: 99;width: 100px;height: 50px;}
.case .casechange .owl-nav .owl-prev{background: url(../images/prev.png) no-repeat center center;width: 50px;height: 50px;float: left;}
.case .casechange .owl-nav .owl-next{background: url(../images/nect.png) no-repeat center center;width: 50px;height: 50px;float: right;}
.case .casechange  .owl-dots{position: absolute;left: -190px;top: 135px;}
.case .casechange  .owl-dots .owl-dot{font-size: 20px;margin-bottom: 22px;}
.case .casechange  .owl-dots .owl-dot:hover,.case .casechange  .owl-dots .owl-dot.active{color: #f18b00;width: 160px;background: url(../images/s3.png) no-repeat right 60%;}

@media screen and (max-width: 1200px) {
	.case .casetit{float: none;height: auto;}
	.case .casechange{float: none;width: 100%;height: auto;}
	.case .casechange .item dl dd span{max-height: 43px;}
	.case .casetit{box-shadow: none;}
	.case .casetit .info{width: auto;}
	.case .casechange  .owl-dots{top: -55px;left: 200px;}
	.case .casechange  .owl-dots .owl-dot{float: left;margin-right: 15px;}
	.case .casechange  .owl-dots .owl-dot.active{width: auto;background: none;}
	.case .casechange .item img.img{width: 60%;height: auto;}
	.case .casechange .item dl{width: 35%;height: auto;}
	.case .casechange .owl-nav{right: 10px;top: -68px;}
	.case .casechange .item dl dd{height: auto;}
}
@media screen and (max-width: 890px) {
	.case .casechange .item dl dd img{height: 50px;display: inline-block;}
	.case .casechange .item dl dd p{margin: 5px 0;}
}
@media screen and (max-width: 720px) {
	.case{padding: 0 15px;margin-left: 30px;}
	.case .casetit p{margin-bottom: 10px;}
	.case .casechange .item img.img{width: 100%;display: block;}
	.case .casechange .item dl{width: 100%;margin: 0;padding: 0;}
	.case .casechange .item dl dd{float: left;width: 46%;margin: 2%;padding: 0;border: none;}
}


@media only screen and (min-width: 320px) and (max-width: 660px) {
	.case{margin: 0 0 30px 0;padding: 0;}
	.case .casechange .owl-nav{right: 0;top: 0;}
	.case .casechange{padding: 0;margin: 0;float: left;}
	
}


.information{background: url(../images/informationbg.png) no-repeat center center;background-size: cover;padding: 90px 0 140px 0;}
.information .list{background: url(../images/hr4.png) repeat-y center top;margin: 8% 0;}
.information .list li{position: relative;height: 100px;width: 45%;float: left;margin-bottom: 50px;}
.information .list li:nth-child(2n){float: right;}
.information .list li .time{transition: 0.5s;width: 86px;height: 86px;border: 1px solid #DEDEDE;text-align: center;position: absolute;left: 0;top: 0;}
.information .list li .time p{transition: 0.5s;font-size: 44px;color: #808080;margin: 10px 0 7px 0;}
.information .list li .time  span{transition: 0.5s;color: #808080;font-size: 14px;}
.information .list li .txt{padding-left: 110px;}
.information .list li .txt p{font-size: 18px;color: #4c4c4c;font-weight: bold;padding-bottom: 18px;margin: 5px 0 10px 0;background: url(../images/hr3.png) no-repeat left bottom;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.information .list li .txt span{font-size: 14px;color: #999;display: block;height: 42px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;;}
.information .list li:hover .time{background: #f18b00;border-color: #f18b00;}
.information .list li:hover .time p,.information .list li:hover .time span{color: #fff;font-weight: bold;}
.information .more{width: 200px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;padding-right: 40px;text-align: center;display: block;background: #f18b00 url(../images/hr5.png) no-repeat 85% center;border-radius: 25px;margin: 0 auto;}

@media screen and (max-width: 890px) {
	.information{height: 600px;}
}
@media screen and (max-width: 650px) {
	.information{height: auto;margin: 0;padding: 30px 0 50px 0;}
	.information .list{background: none;padding: 0 10px;}
	.information .list li{width: 100%;height: auto;margin-bottom: 30px;}
	.information .list li .txt p{margin: 5px 0;padding-bottom: 0;background: none;}
}
/*bottom*/
.posiRe{position: relative;}
.bottom{padding: 3% 0;background: #f5f5f6;}
.bottom dl{margin-right: 8%;float: left;}
.bottom dl dt{margin: 10px 0 15px 0;}
.bottom dl dt a{color: #4C4C4C;font-size: 16px;font-weight: bold;}
.bottom dl dd{margin-bottom: 10px;}
.bottom dl dd a{color: #808080;font-size: 12px;}
.bottom dl dd span{color: #e20212;font-size: 24px;}
.bottom .pic{position: absolute;right: 0;top: 0;text-align: center;}
.bottom .pic p{margin: 5px 0;}
.bottom .pic2{float: right;text-align: center;display: none;}
.bottom .pic2 p{margin: 5px 0;}
.bottom .cerap{text-align: center;color: #bab9b9;font-size: 14px;margin-top: 3%;}
.bottom .cerap p a{margin: 0 10px;color: #bab9b9;font-size: 14px;}
.bottom .Copyright{display: block;padding: 20px 0;background: #e6e6e6;}
.bottom .contactmion{border-top: 1px solid #DEDEDE;}
.bottom .contactmion .list{padding: 10px 0;margin: 10px 0 0 0;float: left;width: 70%;}
.bottom .contactmion .list li{float: left;min-height: 35px;line-height: 35px;margin-left: 10px;}
.bottom .contactmion .list li img{display: inline-block;vertical-align:middle;padding-bottom: 3px;margin-right: 8px;}
.bottom .contactmion .list li span{font-size: 14px;}
.bottom .contactmion .list li:first-child{margin-left: 0;}
@media screen and (max-width: 820px) {
	.bottom{padding: 3% 0 1% 0;}
	.bottom .posiRe dl{padding: 0 10px;margin-right: 5%;}
	.bottom .Copyright{padding: 10px 0;}
	.bottom .Copyright p{padding: 0 10px;}
    .bottom .pic{display: none;}
    .bottom .pic2{display: block;}
} 

@media screen and (max-width: 710px) { 
	.bottom{padding-top: 20px;}
	.bottom dl dd{display: none;}
}


@media screen and (max-width: 550px) {
    .bottom .contactmion .list li{margin-left: 0;line-height: 22px;}
    .bottom .pic2{margin-top: 4%;width: 100%;}
}
@media screen and (max-width: 350px) {
    .bottom .contactmion .list{width: 65%;}
}

/*pages*/
.Pages{ zoom:1; text-align:center; overflow:hidden; color:#666666; line-height:24px;clear:both;margin: 5% 0;}
.Pages span{ padding:0px 3px; display:inline-block; padding:4px 0;}
.Pages a{ display:inline-block; margin:0px 2px;}
.Pages .p_cur b{ color:#e0b43e; font-weight:normal;}
.Pages .p_count b{ color:#e0b43e; font-weight:normal;}
.Pages .p_total b{ color:#e0b43e; font-weight:normal;}
.Pages .p_jump em{ font-style:normal; font-family:Arial;}
.Pages .p_jump em a{ border:0px; width:22px; height:22px; line-height:22px; text-align:center;}
.Pages .p_jump em a.a_cur{ background:#D4D4D4;}
.Pages .p_jump b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:16px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:0px; width:35px; height:19px; cursor:pointer; border:none; background:#A6854F; border-radius:2px; -moz-border-right:2px; -webkit-border-radius:2px; color:#fff; font-size:17px;}
.Pages .input{ width:48px; height:23px; border:1px solid #d2d2d2; background:#fff;}
.Pages .p_jump .f1{ padding-right:3px; display:none;}
.Pages .p_jump .f2{ padding:0 3px; display:none;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .a_next{ border: 1px solid #f6a10a;background: #f6a10a;color: #fff;border-color: #428dc2;}
.Pages .p_page .a_first,.Pages .p_page .a_end,.Pages .p_page .a_prev,.Pages .p_page .a_next{padding: 4px 13px;border: 1px solid #e8e8e8;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover{ color:#000;}
.Pages .p_page .num a{display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; color:#666; vertical-align:middle;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{color:#f6a10a;}
/*pages end*/


/*详细页面*/
.Titleinfo{ padding:30px 0px 15px 0px; text-align:center; border-bottom:1px solid #d8d8d8; line-height:29px; color:#888;float: left;width: 100%;margin-bottom: 25px;}
.Titleinfo .tit{ font-size:24px; color:#333333; padding-bottom:10px;}
.Titleinfo i{ margin:0px 20px;display: inline-block;}
.SinglePage{padding: 4% 0;}
.Shares{ display: block; *display:inline;zoom:1; vertical-align:middle;}
.PrevNextBox { border-top:1px solid #dadada; margin:32px 0px 0px; padding-top:15px; position:relative; color:#888888;}
.PrevNextBox a.back{ position:absolute; right:0px; top:16px; display:block; text-align:center; color:#fff; width:100px; line-height:35px; border-radius:5px; background:#3576b4;}
.PrevNextBox dl{ padding-left: 10px; position:relative; margin-bottom: 10px;}
.PrevNextBox a{ color:#666666;}.PrevNextBox a:hover{ color:#e52613;}
.PrevNextBox a.none{ cursor:default; color:#888888;}
.PrevNextBox a.none:hover{ color:#888888;}

.SinglePage{ color:#222222; word-wrap:break-word; line-height:36px; font-size:16px;}
/*.SinglePage p{text-indent: 2em;}*/
.SinglePage img{ max-width:100%;margin: 0;padding: 0;}
/*current*/
.Current{ height:70px; line-height:70px;float: left;display: block;}
.Current .place{ float:right;background:url(../images/home.png) 0px center no-repeat; color:#666666;padding-left: 30px;}
.Current .place a{color:#666666;}.Current .place a:hover{color:#00a49d;}
.Current .place i{ color: #666; font-weight:bold;}


/*menu*/
.nyBan{position: relative;}
.nyBan img{width: 100%;}

.nyBan p{position: absolute;top: 40%;left: 46.5%;font-size: 34px;font-weight: bold;color: #fff;}
.nyBan span{position: absolute;top: 53%;left: 42%;color: #fff;text-transform: uppercase;font-size: 32px;opacity: 0.1;font-weight: bold;}
.menu{line-height: 70px;text-align: right;height: 70px;border-bottom: 1px solid #DEDEDE;}
.menu li{padding: 0 20px;display: inline-block;text-align: center;line-height: 32px;height: 32px;transform: 0.4s;}
.menu li.on,.menu li:hover{background: #f18c00;border-radius: 16px;}
.menu li.on a,.menu li:hover a{color: #fff;}
.menu li a{font-size: 17px;color: #888;display: block;}

@media only screen and (min-width: 890px) and (max-width: 1198px) {
	.nyBan p{left: 42%;top: 30%;}
	.nyBan span{left: 30%;} 
}
@media only screen and (min-width: 641px) and (max-width: 889px) {
	.nyBan p{left: 41%;top: 20%;}
	.nyBan span{left: 27%;} 
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.nyBan p{left: 5%;top: 31%;font-size: 26px;}
	.nyBan span{left: auto;right: 10%;opacity: 1;font-size: 15px;} 
}
@media screen and (max-width: 860px) { 
	.menu{height: auto;}
	.Current{width: 100%;text-align: left;height: 45px;line-height: 45px;}
	.Current .place{float: none;margin-left: 15px;}
	.menu_right{width: 100%;display: inline-block;}
	.menu li{padding: 0 10px;float: left;}
} 

/*公司介绍*/
.About{padding-bottom: 5%;}
.About .p1 .pic{float: left;}
.About .p1 .info{float: right;width: 57%;}
.About .p1 .info .bt{font-size: 26px;color: #333;padding: 0 0 20px 0;background: url(../images/hr.png) no-repeat left bottom;}
.About .p2 dl{float: left;width: 57%;line-height: 40px;}
.About .p2 dl dt img{vertical-align: middle;display: inline-block;padding-bottom: 4px;margin-right: 15px;}
.About .p2 dl dt b{color: #f18c00;font-size: 18px;}
.About .p2 dl dd{margin-bottom: 25px;}
.About .p2 dl dd p{line-height: 30px;}
.About .p2 .pic{float: right;}

.About .p4 dl dd{float: left;width: 25%;position: relative;}
.About .p4 dl dd img{position: absolute;left: 0;top: 0;}
.About .p4 dl dd .txt{padding-left: 80px;display: inline-block;}
.About .p4 dl dd em{display: block;font-size: 16px;color: #f18c00;font-weight: bold;}
.About .p4 dl dd span{display: block;font-size: 14px;color: #666;line-height: 20px;}
.About .p5 .Hore .Horecg{margin: 0 auto;width: 90%;}
.About .p5 .Hore .Horecg .item{text-align: center;border: 1px solid #DEDEDE;line-height: 340px;height: 390px;position: relative;}
.About .p5 .Hore .Horecg .item img{width: 240px;height: auto;display: inline-block;vertical-align: middle;}
.About .p5 .Hore .Horecg .item p{zoom: 1;position: absolute;line-height: 50px;text-align: center;left: 0;bottom: 0;width: 100%;}
.Hore .Horecg .owl-nav{position: absolute;top: -50px;right: 0;font-size: 0;z-index: 99;}
.Hore .Horecg .owl-nav .owl-prev{background: url(../images/prev.png) no-repeat center center;width: 50px;height: 50px;float: left;}
.Hore .Horecg .owl-nav .owl-next{    background: url(../images/nect.png) no-repeat center center;width: 50px;height: 50px;float: right;}


@media screen and (max-width: 1100px) {
	.About .p1 .info{width: 53%;}
}
@media screen and (max-width: 960px) {
	.About .p1 .pic,.About .p2 .pic{width: 100%;text-align: center;}
	.About .p1 .info{width: 100%;}
	.About .p2 dl{width: 100%;}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.About .p4 dl dd{width: 100%;margin-bottom: 15px;}
}

/*解决方案*/
.choseP{text-align: center;}
.choseP.fix{position: fixed;width: 100%;top: 0;left: 0;background: #fff;line-height: 70px;}
.choseP span{border-radius: 5px;background: #b3b3b3;display: inline-block;width: 160px;height: 40px;line-height: 40px;text-align: center;margin: 5px;}
.choseP span a{color: #fff;font-size: 16px;display: block;}
.choseP span.on{background: #f18c00}


.choseP2{text-align: center;}
.choseP2 span{border-radius: 5px;background: #b3b3b3;display: inline-block;width: 160px;height: 40px;line-height: 40px;text-align: center;margin: 5px;}
.choseP2 span a{color: #fff;font-size: 16px;display: block;}
.choseP2 span.on{background: #f18c00}



.Solutionny .p2 .list{margin-top: 3%;}
.Solutionny .p2 .list li{margin: 0 0 3% 0;}
.Solutionny .p2 .list li img{float: left;margin-right: 10px;display: block;}
.Solutionny .p2 .list li .pt{font-size: 16px;color: #333;line-height: 40px;}
.Solutionny .p2 .list li .span{font-size: 14px;color: #808080;line-height: 20px;float: left;width: 100%;margin: 5px 0;}

.Solutionny .p2 dl dt{font-size: 16px;font-weight: bold;color: #333;padding-left: 25px;background: url(../images/do.png) no-repeat left center;margin-top: 25px;}
.Solutionny .p2 dl dd{color: #808080;line-height: 35px;}

.Solutionny .p3 .list{margin-top: 3%;}
.Solutionny .p3 .list li{margin: 0 0 3% 0;}
.Solutionny .p3 .list li img{float: left;margin-right: 10px;display: block;}
.Solutionny .p3 .list li .pt{font-size: 16px;color: #333;line-height: 40px;}
.Solutionny .p3 .list li .span{font-size: 14px;color: #808080;line-height: 20px;float: left;width: 100%;margin: 5px 0;}





.fw{margin: 1% 0;}
.fw dl dd{margin: 10px 0 20px 0;}
.fw dl dd img{float: left;display: block;margin: 3px 15px 0 0;}
.fw dl dd .txt p{font-size: 16px;line-height: 30px;height: 30px;}
.fw dl dd .txt p span{color: #808080;font-size: 14px;margin-right: 30px;}
.fw .down li{width: 45%;float: left;border-bottom: 1px dashed #DEDEDE;padding: 8px 0;}
.fw .down li p{display: inline-block;max-width: 80%;padding-left: 7%;background: url(../images/down.png) no-repeat left center;font-size: 16px;color: #4C4C4C;}
.fw .down li a.dom{width: 70px;height: 26px;line-height: 26px;float: right;border: 1px solid #f18c00;color: #f18c00;text-align: center;border-radius: 13px;margin-top: 5px;}
.fw .down li:nth-child(2n){float: right;}
@media screen and (max-width: 850px) {
	.fw .down li{width: 100%;float: left !important;}
	.fw .down li p{max-width: 60%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
	.fw dl dd .txt p{height: auto;}
	.fw dl dd .txt p:first-child{line-height: 60px;}
	.fw dl dd .txt p span{display: block;width: 100%;margin: 0;float: left;}
} 

.contactBox{margin: 2% 0;}
.contactBox .map{margin: 5% 0;}
.contactBox .map img{max-width: 100%;width: 100%;}
.contactBox dl{text-align: center;}
.contactBox dl dd{display: inline-block;text-align: center;min-width: 22%;}
.contactBox dl dd p{margin: 15px 0;}
@media screen and (max-width: 640px) {
	.choseP span{width: 100px;}
    .choseP2 span{width: 100px;}
	.contactBox dl dd{float: left;width: 50%;margin-bottom: 5%;}
}
.product_ny .h1{font-size: 26px;color: #333;font-weight: bold;text-align: center;padding: 4% 0 3% 0;}
.product_ny .nte{line-height: 45px;height: 45px;border-bottom: 1px solid #DEDEDE;}
.product_ny .nte em{font-size: 18px;color: #333;padding-left: 15px;background: url(../images/nte.png) no-repeat left center;}
.product_ny .nte span{font-size: 14px;color: #999;text-transform: uppercase;}
.product_ny .p1{margin-top: 25px;margin-bottom: 2.5%;}
/* .product_ny .p1 p{width: 60%;float: left;line-height: 30px;} */
.product_ny .p1 p{width: 100%;font-size: 16px;line-height: 24px;color: #333 !important;}
.product_ny .p1 img{float: right;width: 38%;}
.product_ny .p2 .list{margin-top: 3%;margin-left:-3%;}
.product_ny .p2 .list li{width: 30.33%;float: left;height:220px;margin-bottom:3%;margin-left:3%;box-sizing: border-box;padding:0 1%;}
.product_ny .p2 .list li img{height:32px;}
/* .product_ny .p2 .list li:nth-child(3n){float: right;margin-right: 0;} */
.product_ny .p2 .list li p{font-size: 16px;color: #333;margin: 15px 0;}
.product_ny .p2 .list li span{font-size: 14px;line-height: 22px;height:132px;display: block;color:#333;overflow: hidden;}
/* .product_ny .p3{margin-bottom: 3.5%;} */
.product_ny .p3 .list{margin-top: 3%;margin-left:-3%;}
.product_ny .p3 .list li{width:47%;float:left;margin-left:3%;margin-bottom:3%;height:160px;}
.product_ny .p3 .list li img{float: left;margin-right: 10px;display: block;}
.product_ny .p3 .list li .pt{font-size: 16px;color: #333;line-height: 40px;}
.product_ny .p3 .list li .span{font-size: 14px;color: #333;line-height: 24px;float: left;width: 100%;margin: 5px 0;margin-top:10px;height:96px;overflow: hidden;}

.product_ny .p4 .list li{margin-bottom: 35px;}
.product_ny .p4 .list li:nth-child(2n) .txt{float: right;}
.product_ny .p4 .list li:nth-child(2n) .pic{float: left;}
/* .product_ny .p4 .list li .txt{float: left;width: 55%;} */
.product_ny .p4 .txt{margin-top: 25px;width: 100%;font-size: 14px;line-height: 20px;color: #333;}
.product_ny .p4 .txt h2{margin: 25px 0;}
.product_ny .p4 .txt h2 a{color: #333;font-size: 16px;font-weight: normal;display: block;}
.product_ny .p4 .txt dl dt{margin: 20px 0 10px 0;color: #4c4c4c;padding-left: 15px;background: url(../images/nte2.png) no-repeat left center;}
.product_ny .p4 .txt dl dd{line-height: 30px;margin-bottom: 5px;}


.product_ny .p4 .list li .pic{float: right;width: 40%;}
.product_ny .p4 .list li .pic img{max-width: 100%;margin-top: 30px;vertical-align: middle;display: inline-block;}
@media screen and (max-width: 1200px) { 
	.product_ny .nte{padding: 0 10px;}
	.product_ny .p3 .list,.product_ny .p4 .list{padding: 0 10px;}
}

@media screen and (max-width: 860px) {
	.product_ny .p1 p,.product_ny .p1 img{width: 100%;margin-bottom: 30px;}
	.product_ny .p2 .list li{width: 47%;float: left;height: auto;}
	/* .product_ny .p2 .list li:nth-child(2n){float: right !important;margin-right: 0;} */
	.product_ny .p4 .list li .pic{width: 100%;margin-bottom: 30px;text-align: center;}
	.product_ny .p4 .list li .txt{width: 100%;margin-bottom: 30px;}
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.product_ny .p2 .list li{width: 47%;margin: 0 2% 5% 0;float: left;height: auto;}
	.product_ny .p4 .list li{margin-bottom: 0;}
}

@media(max-width:640px){
	.product_ny .p3 .list li{width:97%;height:auto;}
	.product_ny .p3 .list li .span{height:auto;}
	.product_ny .p2 .list li span{overflow: auto;}
}


/*安全服务*/
.security_list{margin: 5% 0;}
.security_list li {position: relative;transition: .5s;height: ;float: left;width: 23.5%;text-align: center;margin: 0 2% 2% 0;}
.security_list li:nth-child(4n){margin-right: 0}
.security_list li .pic{overflow: hidden;}
.security_list li .pic img{width: 100%;margin: 0;padding: 0;transition: .5s;}
.security_list li .pic-cont{position: absolute;line-height: 45px;font-size: 16px;color: #fff;transition: .5s;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.3);overflow:hidden;height: 45px;}
.security_list li .pic-cont span{display: block;height: 45px;line-height: 45px;}
.security_list li .pic-cont p{line-height: 25px;padding: 20px 20px 0;}


.security_list li:hover{border-color: #1a63b5;box-shadow: 0 0 2px #1a63b5;}
.security_list li:hover img{transform: scale(1.2);}
.security_list li:hover .pic-cont{color: #fff;height: 70%;overflow: hidden;padding-bottom: 40px;}
.security_list li:hover .pic-cont span{background: #1a63b5;color: #fff;font-weight: bold;}
@media screen and (max-width: 1199px) { 
	.security_list li{height: ;}
	.security_list li .pic{width: auto;height: auto;}
	.security_list li .pic img{height: auto;}
}
/*@media only screen and (min-width: 890px) and (max-width: 1198px) {*/
	/*.security_list li .pic img{height: 335px;}*/
/*}*/
/*@media only screen and (min-width: 641px) and (max-width: 889px) {*/
	/*.security_list li .pic img{height: 245px;}*/
/*}*/
@media only screen and (min-width: 321px) and (max-width: 640px) {
	.security_list li{width: 48%;height: ;margin: 0 4% 4% 0}
	.security_list li:nth-child(2n){float: right !important;margin-right: 0;}
	.security_list li:nth-child(3n){margin-right: auto;float: left;}
	.security_list li .pic-cont{line-height: 40px;}
	/*.security_list li .pic img{height: 420px;}*/
}
@media screen and (max-width: 320px) { 
	.security_list li{height: ;width: 48%;margin: 0 4% 4% 0}
	.security_list li:nth-child(2n){float: right !important;margin-right: 0;}
	.security_list li:nth-child(3n){margin-right: auto;float: left;}
	/*.security_list li .pic img{height: 202px;}*/
	.security_list li p{font-size: 14px;}
}
/*成功案例*/

.sucase p{text-indent: 2em;line-height: 35px;}
.sucase img{max-width: 100%;}


/*单篇*/
.content .t{color: #1a63b5;text-align: center;font-weight: bold;font-size: 23px;margin: 4% 0 3% 0;}
.content p{text-indent: 2em;line-height: 35px;}
.SinglePage .t{color: #333;text-align: center;font-weight: bold;font-size: 28px;margin: 4% 0 3% 0;}
.SinglePage .nte{line-height: 45px;height: 45px;border-bottom: 1px solid #DEDEDE;margin: 20px 0;}
.SinglePage .nte em{font-size: 18px;color: #333;padding-left: 15px;background: url(../images/nte.png) no-repeat left center;}
.SinglePage .nte span{font-size: 14px;color: #999;text-transform: uppercase;}
@media screen and (max-width: 1200px) { 
	.SinglePage .nte{height: auto;}

}
/*人才招聘*/
/*career*/
.career{padding: 5% 20px 35px 20px; }
.career .p1{padding-bottom: 35px;}
.career .div{ overflow:hidden; line-height:50px;color:#fff;}
.career .span1{float: left;text-align: left;}
.career .span2,.career .span3{ float:left;text-align: center;}
.career .span1{min-width: 15%;font-size: 20px;font-weight: bold;color: #f18c00;padding-left: 4%;}
.career .span2{color: #999;font-size: 16px;}
.career .span3{ width:18%;float: right;}
.career ul{ margin:0; padding:0; list-style:none;}
.career li{ margin:0; padding:0; list-style:none;}
.career .li{}
.career .li .rct{ overflow:hidden; line-height:60px; color:#832b03; cursor:pointer;background: url(../images/nomore.png) no-repeat left center;border-bottom: 1px solid #DEDEDE;}
.career .li .rct.on{background: url(../images/onmore.png) no-repeat left center;}
.career .li .txt{color:#a77462; display: none;border-bottom: 1px solid #DEDEDE;}
.career .li .dt,.career .li .dd{margin: 15px 0;}
.career .li .dd .askinfo,.career .li .dt .askinfo{font-size: 15px;color: #666;line-height: 25px;}
.career .li span.b{display: block;font-size: 18px;color: #333;font-weight: bold;}
.career .li .btn{ display:block; margin:30px auto; width:122px; height:35px; background: #38a43e;color: #fff;text-align: center;border-radius: 3px;font-family: "微软雅黑";}

.careeralert{ display: none;background:#fff; position:fixed; left:20vw; top:6vh; width:60vw; z-index:101; padding-bottom:50px;box-shadow: 0 0 30px #999;border-radius: 10px;}
.careeralert dl{margin: 0 auto;width: 70%;}
.careeralert dl dd{min-height: 40px;margin-bottom: 25px;}
.careeralert dl dd .fl,.careeralert dl dd .fr{width: 48%;}
.careeralert dl dd label{font-size: 16px;float: left;display: block;width: 20%;}
.careeralert dl dd .text{width:75%; height:40px; line-height:40px; padding: 0 0 0 10px; border:1px solid #e5e5e5;}
.careeralert dl dd .center label{width: 8.6%;}
.careeralert dl dd .center textarea{width:88%; height: 140px; line-height:24px;margin-left: 1%;}
.careeralert dl dd .center2 label{width: auto;line-height: 40px;margin-right: 2%;}
.careeralert dl dd .file{ float:left; width:149px; height:45px; position:relative; margin-left:20px; background:url(../images/xuanze.jpg) no-repeat; overflow:hidden;}
.careeralert dl dd .file input{ width:100%; height:100%; cursor:pointer; opacity:0;}
.careeralert dl dd .center2 .filetxt{width:30%; height:45px; line-height:45px; padding:0 0 0 10px; border:1px solid #e5e5e5; color:#999; float:left;}
.careeralert dl dd.bthg{text-align: center;margin-top: 30px;}
.careeralert dl dd.bthg .btn{ margin-right:18px; width:114px; height:35px;background: #38a43e; font-size: 16px;font-family: "微软雅黑";font-weight: bold;color: #fff;border-radius: 3px;border: none;}
.careeralert .close{ position:absolute; right:10px; top:10px; font-size:20px; font-family:Comic Sans MS; cursor:pointer;}
.careeralert .rct{ text-align:center; font-size:24px; padding:40px 0 20px; border-bottom:1px solid #e5e5e5;margin:0 auto 20px;}
.career .p2 .list{text-align: center;}
.career .p2 .list li{width: 210px;display: inline-block;position: relative;height: 160px;line-height: 120px;z-index:999;}
.career .p2 .list li .icon{position: relative;z-index: 99;}
.career .p2 .list li .pic{transition: 0.5s;position: absolute;left: 45px;top: 0;width: 120px;height: 120px;line-height: 120px;text-align: center;z-index: -1;}
.career .p2 .list li img{vertical-align: middle;display: inline-block;}
.career .p2 .list li p{line-height: 50px;height: 50px;}
.career .p2 .list li em{position: absolute;right: -15px;top: 35%;width: 22px;height: 18px;background: url(../images/rightcopy.png) no-repeat center center;}

@media screen and (min-width: 800px) {
	.career .p2 .list li:hover .pic{background: #f18c00 !important;border-radius: 50%;}
}
.career .p3 .list{overflow: hidden;}
.career .p3 .list li{width: 180px;height: 180px;box-shadow: 0 0 3px #DEDEDE;float: left;text-align: center;position: relative;margin: 20px 0 0 15px;transition: 0.7s;}
.career .p3 .list li .bg{width: 176px;height: 176px;margin: 2px;float: left}

.career .p3 .list li img{position: absolute;width: 60px;height: 60px;left: 60px;top: 90px;transition: 0.5s;}

.career .p3 .list li .info p{color: #fff;font-size: 18px;margin: 40px 0 10px 0;}
.career .p3 .list li .info span{color: #fff;display: none;}

.career .p3 .list li.r1 .bg{background: #fb5e5e;}
.career .p3 .list li.r2 .bg{background: #54aef5;}
.career .p3 .list li.r3 .bg{background: #3cd4d5;}
.career .p3 .list li.r4 .bg{background: #ffba00;}
.career .p3 .list li.r5 .bg{background: #5fdc9c;}
.career .p3 .list li.r6 .bg{background: #3cd4d5;}
.career .p3 .list li.r7 .bg{background: #ffba00;}
.career .p3 .list li.r8 .bg{background: #5fdc9c;}
.career .p3 .list li.r9 .bg{background: #fb5e5e;}
.career .p3 .list li.r10 .bg{background: #54aef5;}

@media only screen and (min-width: 801px) and (max-width: 1200px) {
	.career .p3 .list li{width: 18%;height: 180px;margin: 20px 0 0 2.5%;overflow: hidden;}
	.career .p3 .list li .bg{width: 100%;height: 180px;}
	.career .p3 .list li img{position: inherit;left: 0;top: 0;transition: 0.5s;margin-top: 18%;}
	.career .p3 .list li .info{max-width: 240px;max-height: 90px;}
	.career .p3 .list li .info p{font-size: 17px;margin: 10px 0;}
	.career .p3 .list li .info span{transition: 0.5s;color: #fff;display: block;position: absolute;width: 96%;bottom: -100%;background: #fff;padding: 2%;line-height: 20px;text-align: left;}
	.career .p3 .list li:hover .info span{bottom: 20px;color: #333;}
}
@media screen and (max-width: 800px) {
	.career .p3 .list li:first-child{width: 100%;margin-left: 0 !important;}
	.career .p3 .list li:nth-child(2n){margin-left: 0}
	
	.career .p3 .list li{width: 49%;height: 260px;margin: 20px 0 0 2%;overflow: hidden;padding: 0;}
	.career .p3 .list li .bg{width: 100%;height: 260px;}
	.career .p3 .list li img{position: inherit;left: 0;top: 0;transition: 0.5s;margin-top: 18%;}
	.career .p3 .list li:first-child img{margin-top: 10%;}
	.career .p3 .list li .info p{font-size: 17px;margin: 10px 0;}
	.career .p3 .list li .info span{transition: 0.5s;color: #fff;display: block;position: absolute;width: 96%;bottom: -100%;background: #fff;padding: 2% 2% 5% 2%;line-height: 30px;}
	.career .p3 .list li:hover .info span{bottom: 2px;color: #333;}
}
@media screen and (max-width: 321px) {
	.title{margin: 15px 0;}
	.career .p3 .list li{height: 180px}
	.career .p3 .list li .bg{width: 100%;height: 180px;}
}
@media screen and (min-width: 1200px) {
	.career .p3 .list li .info{max-width: 240px;max-height: 90px;}
	.career .p3 .list li:first-child{margin-left: 0;}
	.career .p3 .list li.on{width: 380px;}
	.career .p3 .list li.on .bg{width: 376px;}
	.career .p3 .list li.on img{left: 30px;top: 60px;}
	.career .p3 .list li.on .info{text-align: left;padding-left: 120px;}
	.career .p3 .list li.on .info span{display: block;}
}


@media screen and (max-width: 900px) {
	.career{padding: 25px 10px;}
	.career .span1{padding-left: 50px;min-width: 30%;}
	.career .span3{width: auto;}
	.careeralert{width: 90vw;left: 5vw;}
}
@media screen and (max-width: 800px) {
	.careeralert dl dd .fl, .careeralert dl dd .fr{width: 100%;}
	.careeralert dl dd .fl,.careeralert dl dd .fr{margin-bottom: 15px;}
	.careeralert dl dd .center label{width: 20%;}
	.careeralert dl dd .center textarea{margin-left: 0;width: 75%;}
}
@media screen and (max-width: 640px) {
	.career .li .rct{background: none;}
	.career .span1{padding-left: 0;min-width: 35%;}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.career .span2{display: none;}
	.careeralert dl{width: 92%;}
	.careeralert dl dd .center label,.careeralert dl dd label{display: block;width: 100%;text-align: center;margin-bottom: 10px;}
	.careeralert dl dd .text,.careeralert dl dd .center textarea{width: 95%;}
	.careeralert dl dd.bthg .btn{margin: 0 0 18px 0;}
	.careeralert .rct{padding: 15px 0 20px 0;}
	.careeralert .close{top: 18px;right: 15px;}
	.career .p2 .list li{width: 50%;float: left;text-align: center;margin-bottom: 30px;}
	.career .p2 .list li .pic{width: 100%;left: 0;}
	.career .p2 .list li em{display: none;}
}
/*career*/
/*产品中心列表*/
.cplist{margin-top: 3%;}
.cplist .list li{ float:left; width:23.5%; margin: 0 2% 2% 0; position:relative; overflow:hidden; height:365px;}
.cplist .list li:nth-child(4n){margin-right: 0;}
.cplist .list li .pic{ display:block; overflow:hidden; height:365px; width:100%;}
.cplist .list li .pic img{ width:100%; height:100%; transition:.5s;}
.cplist .list li .txt{ background: rgba(0,0,0,0.5); width:100%; height:100%; position:absolute; z-index:5; left:0; top:0; transition:.5s;}
.cplist .list li .txt h3{ height:35px; text-align:center; margin:0 5%;transition: 0.5s;}
.cplist .list li .txt h3 a.shot{ display:none; width:35px; height:35px; float:right; background:url(../images/rightshot.png) no-repeat; }
.cplist .list li .txt h3 span{ font-size:18px; color:#fff; font-weight:bold; border-left:2px solid #fff; height:20px; line-height:20px; display:inline-block; *display:inline;*zoom:1; padding:0 0 0 10px; position:relative; top:0;}
.cplist .list li .txt .cont{ margin: 20% auto; color:#fff; height:120px;width: 80%; text-align:center;overflow: hidden;line-height: 30px;}

.solution .cplist .list li{ width:100%; box-shadow:3px 3px 10px #dddcdc; }
@media screen and (min-width: 1200px) {
	.cplist .list li:hover .txt{ background:url(../images/filter50.png) no-repeat right center;}
	.cplist .list li:hover .txt h3{ text-align:left;}
	.cplist .list li:hover .txt h3 a{ display:block; }
}
@media screen and (max-width: 1040px) {
	.cplist .list li,.cplist .list li .pic{height: 300px;}
}
@media screen and (max-width: 640px) {
	.cplist .list li,.cplist .list li .pic{height: 240px;}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.cplist .list li{width: 49%;}
	.cplist .list li:nth-child(2n){margin-right: 0;}
}
.takelist{margin-top: 3%;}
.takelist .list li{ float:left; width:15%; margin: 0 2% 2% 0; position:relative; overflow:hidden; height: 270px;background: rgba(0,0,0,0.3);}
.takelist .list li:nth-child(6n){margin-right: 0;}
.takelist .list li .pic{display: inline-block;width: 100%;text-align: center;}
.takelist .list li .pic img{display: inline-block;margin-top: 20%;width: 65px;height: 65px;transition: 0.5s;}
.takelist .list li .txt{transition:.5s;}
.takelist .list li .txt h3{ height:35px; text-align:center; margin:0 5%;transition: 0.5s;}
.takelist .list li .txt h3 a.more{ display:; width:100%; height:35px;position: absolute;left: 0;top: -100px;text-align: center;transition: 0.7s;}
.takelist .list li .txt h3 span{ font-size:18px; color:#fff; font-weight:bold;height:20px; line-height:20px; display:inline-block; *display:inline;*zoom:1;}
.takelist .list li .txt .cont{ margin: 10% auto; color:#fff;text-align:center;overflow: hidden;line-height: 30px;transition: 0.5s;}
.takelist .list li:hover{ background: #f6a10a;}
.takelist .list li:hover .pic img{margin-top: 25%;}
.takelist .list li:hover .cont{margin-top: 15%;}
.takelist .list li:hover .txt h3 a.more{top: 110px;}

.takelist .list li .hovBg{transition: 0.5s;position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 9999;background: rgba(0,0,0,0.3);}
.takelist .list li:hover .hovBg{z-index: -2;opacity: 0;}

@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 860px) {
	.takelist .list li{height: 200px;}
	.takelist .list li:hover .txt h3 a.more{top: 95px;}
}
@media screen and (max-width: 640px) {
	.takelist .list li{width: 49%;}
    .takelist .list li .pic img{margin-top: 18%;}
    .takelist .list li:hover .pic img{margin-top: 10%;}
	.takelist .list li:nth-child(2n){margin-right: 0;}
	.takelist .list li:hover .txt h3 a.more{top: 110px;}
}
@media only screen and (min-width: 321px) and (max-width: 450px) {
    .takelist .list li:hover .txt h3 a.more{top: 90px;}
}
/*合作伙伴*/
.LinkBox{padding:3% 0 0;}
.LinkBox li {width: 23.5%;margin: 0 2% 2% 0;float: left;display: table-cell;text-align: center;height: 136px;line-height: 136px;vertical-align: middle;}
.LinkBox li:nth-child(4n){margin-right:0;}
.LinkBox li a {display: inline-block;max-width: 100%;max-height:136px;vertical-align: middle;}
.LinkBox li img {display: block;max-width: 100%;max-height:136px;}
@media screen and (max-width: 640px) {
    .LinkBox li{width: 49%;}
    .LinkBox li:nth-child(2n){margin-right:0;}
}



/*2018-06-21   banner*/
.HomeBan{min-width:1000px; width:100%; height:825px; position:relative; background:#a8a7ac; overflow:hidden;}
.HomeBan .BanList{ height:825px;}
.HomeBan .BanList > ul > li{ width:100%; height:825px; overflow:hidden; position:relative;}
.HomeBan .con{position:absolute; left:16%;width:68%;z-index:2;}
.HomeBan .con a{ display:block; position:relative; transition:all 1s; -webkit-transition:all 1s;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;}
.HomeBan .ban1 .con .a1{width: 905px;top:40px; left:0%;}

.HomeBan .ban2 .con .a1{ width: 583px;top: 225px;left: 19%;margin-left:-100px;}
.HomeBan .ban2 .con .a2{top:240px; left:0%; margin-left:-100px; transition:all 1.3s 0.4s; -webkit-transition:all 1.3s 0.4s;}

.HomeBan .ban3 .con .a1{ width:850px;top:0px; text-align:center;}
.HomeBan .ban3 .con .a2{ width:850px;top:-120px;transition:all 1.3s 0.8s; -webkit-transition:all 1.3s 0.8s; color:#fff; font-size:16px;}

.HomeBan .hd{ width:100%;position:absolute; z-index:2; bottom:20px; left:0; z-index:100; height:24px; line-height:24px; text-align:center; overflow:hidden;}
.HomeBan .hd ul li{position:relative;display:inline-block;*display:inline;zoom:1;margin-left:10px;cursor:pointer;  background:#ffffff; width:30px; height:3px; text-indent:999em;}
.HomeBan .hd ul .on{ background:#009035;}
.HomeBan .prev,
.HomeBan .next{position: absolute;top:0;left:-80px;width: 25%;height: 100%; display:block;overflow:hidden; background:url(/fnks/cn/images/btn_left.png) 0px center no-repeat;cursor:pointer;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBan .next{ left:auto; right:-80px; background:url(/fnks/cn/images/btn_right.png) right center no-repeat;}
.HomeBan:hover .prev{ left:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBan:hover .next{ right:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}




/*解决方案*/
.JieJue .owl-nav{position: absolute;top: -50px;right: 0;font-size: 0;z-index: 99;width: 100px;height: 50px;}
.JieJue .owl-nav .owl-prev{background: url(../images/prev.png) no-repeat center center;width: 50px;height: 50px;float: left;}
.JieJue .owl-nav .owl-next{    background: url(../images/nect.png) no-repeat center center;width: 50px;height: 50px;float: right;}

/*2018-06-27*/
@media screen and (max-width: 1440px) {
	.Solution .list .item{height: 430px;}
	.Solution .list .item:hover img{transform: scale(1.15);margin-top: 20%;}
	.Solution .list .item span{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
	.Solution{padding: 30px 0 70px 0;}
	.case{padding-top: 40px;}
	.product .list li{height: 180px;padding-top: 10px;}
	.product .list li .pic{height: 80px;line-height: 80px;}
	.product .list li span{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.product .list li:hover .pic{height: 80px;line-height: 80px;}
	.information{padding: 30px 0 170px 0;}
	.information .list{margin: 6% 0 3% 0;}
	.title{background: url(../images/c.png) repeat-x left 56px;margin:70px 0 30px 0}
	.case .casechange .item{height: 360px;}
	.title span{height: auto;}
	.title span img{height: 29px;}
	.title em{margin: 10px 0;}
}
@media screen and (max-width: 1366px) {
	.title{background: url(../images/c.png) repeat-x left 57px}
	.title p i{font-size: 20px;}
	.product{padding-top: 30px;}
	.product .list li{height: 150px;width: 11.5%;}
	.product .list li:hover .pic{height: 50px;line-height: 50px;}
	.Solution .list .item:hover img{transform: scale(1.15);margin-top: 10%;}
	.product .list li .pic img{width: 22px;}
	.product .list{margin-top: 2%;}
	.Solution .list .item{height: 370px;}
	.Solution .list .item img{margin-top: 40%;}
	.Solution .list .item span{-webkit-line-clamp: 4;}
	.case .casetit{height: 250px;}
	.case .casetit .info{width: auto;}
	.case .casechange .owl-nav{display: none;}
	.case .casechange .item img.img{height: 290px;width: auto;}
	.case .casechange .item dl{width: 50%;height: 250px;}
	.case .casechange .item dl dd{display: inline-block;width: 45%;margin: 0 2%;}
	.case .casechange  .owl-dots{top: 80px;}
	.case .casechange  .owl-dots .owl-dot{margin-bottom: 9px;}
	.information .list{margin: 2% 0 0 0;}
	.information .list li{margin-bottom: 35px;}
	.information .list li .txt span{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
}

@media screen and (max-width: 1224px) {
	.case .casechange .item dl{width: 100%;float: none;height: auto;}
	.case .casechange .item dl dd{float:left;width: 50%;margin: 0 0 1% 0;}
	.case .casetit{width: 100%;padding: 10px 0;margin: 0;text-align: center;height: auto;}
	.case .casechange  .owl-dots{display: none;}
	.case .casechange  .owl-dots .owl-dot{margin-right: 10px;}
	.case .casechange .item img.img{width: 98%;margin: 0 auto;float: none;}
	.case .casechange .item dl dd p{line-height: 25px;font-size: 16px;}
	.case .casechange .item dl dd span{max-height: 55px;overflow: hidden;display: block;height: auto;}
}

@media screen and (max-width: 988px) {
	.product .list li{width: 14.5%;}
}

@media screen and (max-width: 768px) {
	.Top{padding: 0 10px;}
	.JieJue .owl-nav{display: none;}
	.product .list li span{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
	.case .casechange .item img.img{height: auto;}
	.case .casechange .item dl{display: none;}
	.information .list li {height: 60px;margin-bottom: 15px;}
	.information .list li .time{height: 58px;}
	.information .list li .time p{font-size: 22px;margin: 5px 0;}
	.information .list li .txt{padding-left: 100px;}
	.information .list li .txt span{overflow:hidden;height: 28px;}
	.bottom .contactmion{padding: 0 10px;}
}
@media screen and (min-width: 1600px) {
	.section .homeban .owl-item .item{height: 850px;}
}


.homeban .item{height: 700px;position: relative;overflow: hidden;text-align: center;}
.homeban .item .web{position: absolute;z-index: 0;width: 100%;height: 100%;left: 0;top: 0;}
.homeban .item .picture{left: 40%;transition: 0.7s;margin-top: -50%;position: relative;z-index: 9;}
.homeban .item .font{position: absolute;z-index: 9;top: -30%;opacity: 0;transition: 0.7s;}
.homeban .item .more{position: absolute;z-index: 9;;width: 100%;left: 0;bottom: -30%;opacity: 0;transition: 0.8s;}
.homeban .item .more button{transition: 1s;opacity: 0;width: 160px;height: 44px;border: none;outline: none;font-size: 16px;color: #fff;background: url(../images/morep1.png) no-repeat center center;}
.homeban .item .gb{width: 810px;height: 810px;position: absolute;left: 0;top: 0;background: url(../images/df5.png) no-repeat center center;transition: 1s ease-in-out;z-index: 1;background-size: cover;}
.homeban .owl-item.active .item .picture{margin-top: 15%;opacity: 1;left: 0;}
.homeban .owl-item.active .item .font{top: 14%;opacity: 1;left: 40%;}
.homeban .owl-item.active .item .more{bottom: 22%;opacity: 1;text-align: center;}
.homeban .owl-item.active .item .more button{opacity: 1;}
.homeban .owl-item.active .admite1 .gb{left: 29%;transform: rotate(60deg);}
.homeban .owl-item.active .admite2 .gb{left: 29%;transform: rotate(90deg);}
.homeban .owl-item.active .admite3 .gb{left: 29%;transform: rotate(100deg);}
.homeban .owl-item.active .admite4 .gb{left: 16%;transform: rotate(40deg);}
@media screen and (max-width: 1280px) {
	.Solution .list .item{height: 320px;}
	.Solution .list .item img{margin-top: 30%;}
	.case .casechange{height: 408px;}
	.information .list{margin: 0;}
	
}
@media screen and (max-width: 640px) {
	.case{margin: 0;background: none;}
	.case .casechange{height: auto;}
	.case .casechange .item{height: auto;}
	.Solution .list .item{height: 290px;}
	.Solution .list .item img{margin-top: 25%;}
	
}

@media screen and (max-width: 1366px) {
	.homeban .item{height: 560px;}
	.homeban .item .gb{width: 550px;height: 550px;}
	.homeban .owl-item.active .item .font{left: 35%;}
	.homeban .owl-item.active .item .picture{margin-top: 12%;left: 0;}
	.homeban .owl-item.active .item .font{top: 10%;}
	.homeban .owl-item.active .item .more{bottom: 24%;}
	.homeban .owl-item.active .admite1 .gb{left: 30.8%;}
	
}
@media screen and (max-width: 988px) {
	.product .list li{width: 14.5%;}
}
@media screen and (max-width: 1145px) {
	.homeban .item{height: 480px;}
	.homeban .owl-item.active .item .gb,.homeban .owl-item.active .item .font,.homeban .owl-item.active .item .picture,.homeban .owl-item.active .item .more button{display: none !important;}
	.homeban .item .web{display: none;width: 100%;}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.homeban .item{height: 680px;}
}
/*2018-07-05*/
.About .p1{padding: 4% 0 0 0;}
.About .p2{padding: 6% 0 0 0;}
.About .p3{padding: 8% 0 0 0;}
.About .p4{padding: 8% 0 0 0;}
.About .p5{padding: 11% 0 0 0;}
.About .title{margin-bottom: 30px;}
@media screen and (max-width: 1600px) {
	.About{padding-bottom: 0;}
	.About .title{margin: 0;}
	.About .p1 .pic img{max-width: 400px;}
	.About .p1{padding: 4% 0 0 0;}
	.About .p1 .info{width: 63%;}
	
	.About .p2{padding: 6% 0 0 0;}
	.About .p2 .title{margin-bottom: 20px;}
	.About .p2 dl {width: 62%;}
	.About .p2 dl dd{margin-bottom: 15px;}
	.About .p2 dl dd p{line-height: 25px;}
	.About .p2 .pic img{max-width: 400px;}
	
	.About .p3{padding: 7% 0 0 0;}
	.About .p3 .title{margin-bottom: 20px;}
	.About .p3 .info p img{max-width: 700px;}
	
	.About .p4{padding: 4% 0 0 0;}
	.About .p4 .title{margin-bottom: 20px;}
	
	.About .p5{padding: 8% 0 0 0;}
	.About .p5 .title{margin-bottom: 20px;}
}
@media screen and (max-width: 1440px) {
	
	.About .p2{padding: 4% 0 0 0;}
	
	.About .p3{padding: 4% 0 0 0;}
	
	.About .p4{padding: 4% 0 0 0;}
	.About .p4 .title{margin-bottom: 20px;}
	
	.About .p5{padding: 4% 0 0 0;}
}
@media screen and (min-width: 1440px) {
	.nyBan .newsetban{height: 750px;}
}
@media screen and (max-width: 1440px) {
	.nyBan .newsetban{height: 650px;}
	.About{padding-bottom: 0;}
	.About .title{margin: 0;}
	.About .p1 .pic img{max-width: 400px;}
	.About .p1{padding: 4% 0 0 0;}
	.About .p1 .info{width: 63%;}
	
	.About .p2{padding: 4% 0 0 0;}
	.About .p2 .title{margin-bottom: 20px;}
	.About .p2 dl {width: 62%;}
	.About .p2 dl dd{margin-bottom: 15px;}
	.About .p2 dl dd p{line-height: 25px;}
	.About .p2 .pic img{max-width: 400px;}
	
	.About .p3{padding: 4% 0 0 0;}
	.About .p3 .title{margin-bottom: 20px;}
	.About .p3 .info p img{max-width: 700px;}
	
	.About .p4{padding: 4% 0 0 0;}
	.About .p4 .title{margin-bottom: 20px;}
	
	.About .p5{padding: 4% 0 0 0;}
	.About .p5 .title{margin-bottom: 20px;}
}
@media screen and (max-width: 1366px) {
	.About{padding-bottom: 0;}
	.About .title{margin: 0;height: 90px;}
	.About .p1 .pic img{max-width: 300px;}
	.About .p1{padding: 3% 0 0 0;}
	.About .p1 .info{width:  72%;}
	
	.About .p2{padding: 3% 0 0 0;}
	.About .p2 .title{margin-bottom: 20px;}
	.About .p2 dl {width: 72%;}
	.About .p2 dl dd{margin-bottom: 5px;}
	.About .p2 dl dd p{line-height: 25px;}
	.About .p2 .pic img{max-width: 300px;}
	
	.About .p3{padding: 3% 0 0 0;}
	.About .p3 .title{margin-bottom: 20px;}
	.About .p3 .info p img{max-width: 650px;}
	
	.About .p4{padding: 3% 0 0 0;}
	.About .p4 .title{margin-bottom: 20px;}
	.About .p4 .info p img{max-height: 310px;}
	
	.About .p5{padding: 4% 0 0 0;}
	.About .p5 .title{margin-bottom: 20px;}
}

@media screen and (max-width: 1200px) {
	.bottom{padding: 3% 15px 1% 15px;}
	.About{padding: 0 15px;}
	.About .p1 .pic img{max-width: 230px;}
	.About .p1{padding: 6% 0 0 0;}
	.About .p1 .info{width:  75%;max-height: 300px;}
	
	.About .p2{padding: 3% 0 0 0;}
	.About .p2 .title{margin-bottom: 20px;}
	.About .p2 dl {width: 72%;}
	.About .p2 dl dd{margin-bottom: 5px;}
	.About .p2 dl dd p{line-height: 25px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.About .p2 .pic img{max-width: 240px;}
	
	.About .p3{padding: 3% 0 0 0;}
	.About .p3 .title{margin-bottom: 20px;}
	.About .p3 .info p img{max-width: 650px;}
	
	.About .p4{padding: 3% 0 0 0;}
	.About .p4 .title{margin-bottom: 20px;}
	.About .p4 .info p img{max-height: 310px;}
	
	.About .p5{padding: 4% 0 0 0;}
	.About .p5 .title{margin-bottom: 20px;}
}
@media screen and (max-width: 1000px) {
	.About .title{margin-bottom: 0;}
	.About .p1 .pic{display: none;}
	.About .p1 .info{width:  100%;max-height: 514px;}
	.About .p1 .info .bt{font-size: 20px;padding-bottom: 15px;}
	
	.About .p2{padding: 3% 0 0 0;}
	.About .p2 .pic{display: none;}
	.About .p2 dl {width: 100%;}
	.About .p2 dl dd{margin-bottom: 10px;}
	.About .p2 dl dd p{line-height: 25px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	
	.About .p3{padding: 6% 0 0 0;}
	.About .p3 .title{margin: 30px 0;}
	.About .p3 .info p img{max-width: 100%;}
	
	.About .p4{padding: 6% 0 0 0;}
	.About .p4 .title{margin-bottom:  30px;}
	.About .p4 .info p img{width: 100%;padding: 30px 0 0 0;}
	.About .p4 dl dd{min-height: 50px;}
	.About .p4 dl dd img{width: 40px;}
	.About .p4 dl dd .txt{padding-left: 55px;}
	.About .p5{padding: 6% 0 0 0;}
	.Hore .Horecg .owl-nav{display: none;}
	.About .p5 .title{margin-bottom: 30px;}
}


.nyinformation .list{background: url(../images/hr4.png) repeat-y center top;margin: 8% 0;}
.nyinformation .list li{position: relative;height: 100px;width: 45%;float: left;margin-bottom: 50px;}
.nyinformation .list li:nth-child(2n){float: right;}
.nyinformation .list li .time{transition: 0.5s;width: 86px;height: 86px;border: 1px solid #DEDEDE;text-align: center;position: absolute;left: 0;top: 0;}
.nyinformation .list li .time p{transition: 0.5s;font-size: 44px;color: #808080;margin: 10px 0 7px 0;}
.nyinformation .list li .time  span{transition: 0.5s;color: #808080;font-size: 14px;}
.nyinformation .list li .txt{padding-left: 110px;}
.nyinformation .list li .txt p{font-size: 18px;color: #4c4c4c;font-weight: bold;padding-bottom: 18px;margin: 5px 0 10px 0;background: url(../images/hr3.png) no-repeat left bottom;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.nyinformation .list li .txt span{font-size: 14px;color: #999;display: block;height: 42px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;;}
.nyinformation .list li:hover .time{background: #f18b00;border-color: #f18b00;}
.nyinformation .list li:hover .time p,.nyinformation .list li:hover .time span{color: #fff;font-weight: bold;}
.nyinformation .more{width: 200px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;padding-right: 40px;text-align: center;display: block;background: #f18b00 url(../images/hr5.png) no-repeat 85% center;border-radius: 25px;margin: 0 auto;}

@media screen and (max-width: 890px) {
	.nyinformation{height: 600px;}
}
@media screen and (max-width: 650px) {
	.nyinformation{height: auto;margin: 0;padding: 30px 0 50px 0;}
	.nyinformation .list{background: none;padding: 0 10px;}
	.nyinformation .list li{width: 100%;height: auto;margin-bottom: 30px;}
	.nyinformation .list li .txt p{margin: 5px 0;padding-bottom: 0;background: none;}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.cases.title{margin: 15% 0 5% 0;}
	.About .p1{height: 490px;overflow: hidden;}
}