/*--公共--*/
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,span,pre,input{margin:0; padding:0; border:0;font-weight:normal;background-repeat:no-repeat; outline:none;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;font-family:"微软雅黑";}
body{font-family:"微软雅黑";font-size:12px;margin:0px;padding:0px;color:#333333;line-height:24px;height:auto;clear:both;}
img{border:0px;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none !important; color:#333333; outline:none; cursor:pointer;}
a:hover{ background-repeat:no-repeat;text-decoration: none; color:#008cce;}
.clearfl:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfl{*zoom:1;}
*{-webkit-appearance:none;}
body{transition: all .3s linear;-moz-transition: all .3s linear;-webkit-transition: all .3s linear;-o-transition: all .3s linear;  -ms-transition: all .3s linear;left: 0px;position: relative;}
/*--头部--*/
.headerbox{ padding:0px;}
.header{ position:relative; height:65px; padding:0px 15px;}
.header a.logo{ display:block; float:left; margin-top:20px; position:relative;}
.header a.logo img{ height:28px; display:block;}
.header a.logo span{ display:block; position:absolute; left:0px; z-index:9; width:0%; top:0px; transition:all 1s ease;-webkit-transition:all 1s ease; overflow:hidden;}
.header a.logo:hover span{ width:100%;}
.header ul.navlist{ position:absolute; left:50%; top:50%; min-width:500px; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); display:none;}
.header ul.navlist li{ float:left;padding:0px 25px; position:relative;}
.header ul.navlist li a{ font-size:18px; color:#008cce; padding:29px 0px; font-weight:bold; line-height:25px; display:block; position:relative;}
.header ul.navlist li a:after{ content:""; display:block; bottom:0px; width:0px; left:0px; position:absolute; transition:all 1s ease;-webkit-transition:all 1s ease; height:2px; background:#008cce;}
.header ul.navlist li .xl-nav{width:180px;position: absolute;background:#fff ;z-index:3333;padding:20px 0;left:22%;margin-left:-60px;display: none;	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.13);}
.header ul.navlist .cur a::after{width:100%;}
.header ul.navlist li .xl-nav a{display: block;height:30px;text-align: center;line-height: 30px;padding:0;color:#333!important;font-size:14px;font-weight: normal;}
.header ul.navlist li .xl-nav a:hover{color:#008cce!important;}
.header ul.navlist li .xl-nav a:after{display: none!important;}
.headright{ display:none; float:right; padding-top:32px;}
.headright dt{ float:left; font-size:16px;height:19px; line-height:19px;font-family:calibri,Arial; background:url(../images/icon.png) no-repeat; padding:0px 10px 0px 25px; border-right:1px solid #dddddd;}
.headright dd{ float:left;width:29px; height:19px; background:url(../images/icon01.png) no-repeat right center; padding-left:10px; cursor:pointer; position:relative;}
.headright a.userlogin{ float:left; display:block; margin-left:10px; width:19px; height:19px; background:url(../images/icon65.png) no-repeat;}
.searchheadbtn{ display:block; width:19px; height:19px; background:none; border:none; outline:none;}
.headright dd label{ display:block; position:absolute; max-width:none; right:22px; top:-1px; margin:0px; width:0px; border-radius:20px; background:#E8E8E8;overflow:hidden; transition:all .5s ease;-webkit-transition:all .5s ease;}
.headright dd label input{ display:block; width:200px; padding:2px 10px; background:none; font-weight:normal; outline:none;}
.headright dd:hover label{ width:200px;}
.header ul.navlist li:hover a:after{ width:100%;}
.header ul.navlist li:hover a{ color:#008cce}
.Mnavbtn{ position:relative; float:right; width:25px;cursor:pointer; padding-top:20px;}
.Mnavbtn span{ height:3px; display:block; margin-top:5px;background:#008cce}
.banner{width:100%; position:relative; overflow:hidden; display:none;}
.banner ul li{width:100%; position:relative; overflow:hidden; float:left;opacity:0}
.banner ul li img.bigimg{ width:100%;}
.banner ul li div.videobox{ position:absolute; left:0px; top:0px; bottom:0px; right:0px; overflow:hidden; z-index:9;}
.banner ul li video{ position:relative;width:100%;}
.banner ul li div.bannertext dl{ padding:0px 15px;}
.banner ul li div.bannertext h3{top:30px; opacity:0; position:relative;font-size:48px;line-height:55px; padding-bottom:25px; font-family:"Adobe 黑体 Std"; font-weight:bold;transition:all .5s ease 1.2s;-webkit-transition:all .5s ease 1.2s;}
.banner ul li div.bannertext h4{top:30px; opacity:0; position:relative;color:#b2b3b2; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:24px;transition:all .5s ease 1.4s;-webkit-transition:all .5s ease 1.4s;}
.banner ul li div.bannertext p.more{padding-top:30px;top:30px; opacity:0; position:relative;transition:all .5s ease 1.6s;-webkit-transition:all .5s ease 1.6s;}
.banner ul li div.bannertext p.more a{ display:inline-block; background-image:url(../images/icon02.png); background-color:#008cce;background-repeat:no-repeat; background-position:88% center;border:1px solid #00a1ed; width:195px; height:43px; line-height:43px; padding-left:22px; font-size:13px; color:#fff; transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-webkit-transition:all .6s ease;-o-transition:all .6s ease; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.banner ul li div.bannertext p.more a:hover{background-position:85% center;padding-left:30px;}
.banner ul li div.bannertext p.textimg{ padding-bottom:30px; top:30px; opacity:0; position:relative;transition:all .5s ease 1s;-webkit-transition:all .5s ease 1s;}
.banner ul li div.bannertext p.textimg img{ display:none; max-width:100%;}
.banner ul li.animate div.bannertext p.textimg{top:0px; opacity:1;}
.banner ul li:nth-child(6).animate div.bannertext p.textimg{opacity: 0;}
.banner ul li.animate div.bannertext h3{top:0px; opacity:1;}
.banner ul li.animate div.bannertext h4{top:0px; opacity:1;}
.banner ul li.animate div.bannertext p.more{top:0px; opacity:1;}
.banner ul li.animate div.mindexclass:after{ width:0%;animation:mymove 5s linear;-webkit-animation:mymove 5s linear;}
.indexclass{ padding:0px 15px; display:none;}
.indexclass ul li{ float:left; width:16.66666667%; padding:0px 15px;}
.indexclass ul li a{ display:block; position:relative; border-bottom:4px solid #edebed; padding:0px 0px; height:108px; font-size:18px; font-weight:bold; color:#b2b2b2;transition:all .3s ease;-webkit-transition:all .3s ease;}
.indexclass ul li a span{ position:absolute; width:100%; transform:translateY(-50%);-webkit-transform:translateY(-50%); top:50%;}
.indexclass ul li a:after{ display:block;content:" "; width:0px; height:4px; background:#008cce; position:absolute; left:0px; bottom:-4px;}
.indexclass ul li a:hover{ color:#000;}
.indexclass ul li.cur a:after{ width:0%;animation:mymove 5s linear;-webkit-animation:mymove 5s linear;}
.indexclass ul li a:before{transition:all .3s ease;-webkit-transition:all .3s ease; width:100%; bottom:0px; position:absolute; content:""; height:0px; background:#b2b3b2;}
.indexclass ul li a:hover:before{ height:16px;}
.indexabout{ text-align:center; margin:0px auto; max-width:830px; padding:80px 15px 60px;}
.indexabout h3{ font-size:30px; font-weight:bold; color:#008cce; position:relative;}
.indexabout p{position:relative;}
.indexabout div.desc{font-size:14px; position:relative; color:#666; line-height:28px; padding-top:25px;}
.indexabout p.more{ padding-top:25px;}
.indexabout p.more a{ display:inline-block;width: 154px;height: 40px;color:#008cce; line-height:40px; font-size:12px; position:relative;}
svg {height: 100%; width: 100%;display: block;}
.commonmore svg{ position:absolute; left:0px; top:0px;}
.commonmore svg path {
	stroke-width: 2px;
    fill: transparent;
    transition: stroke-dashoffset .5s ease-in-out;
    stroke-dasharray: 194;
    stroke-dashoffset: 360;
	stroke: #008cce;
}
.commonmore:hover svg path {
   stroke-dashoffset: 166;
}
/*--底部--*/
.foot{ background:#008cce;}
.footleft{ padding-bottom:120px; }
.footleft dl{ float:left; width:220px;}
.footleft dl img{ display:block; max-width:100%;}
.footleft dl p{padding-top:50px; padding-left:70px;}
.footleft dl p a{ display:inline-block; width:42px; border-radius:100%; opacity:.5; margin-right:18px; height:42px; border:1px solid #fff; background-repeat:no-repeat; background-position:center; position:relative;}
.footleft dl p a span{ display:block; opacity:0; transition:all .3s;-webkit-transition:all .3s; position:absolute; top:40px; width:100px; padding:5px; background:#fff; padding-bottom:5px; font-size:14px; color:#333; text-align:center; left:-30px;}
.footleft dl p a span img{ display:block; width:100%;}
.footleft dl p a.footweibo{ background-image:url(../images/share_wb.png)}
.footleft dl p a.footweixin{background-image:url(../images/share_wx.png)}
.footleft dl p a:hover{ background-color:#008cce; border:1px solid #fff; opacity:1;}
.footleft dl p a:hover span{top:55px;opacity:1;}
.footleft ul{ float:right; width:690px;}
.footleft ul li{ float:left; margin-left:16%; min-width:69px;}
.footleft ul li h3{ font-size:16px; color:#fff;transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease; position:relative;}
.footleft ul li h3 a{ color:#fff; font-weight:bold;}
.footleft ul li p{ padding-top:18px; line-height:30px;}
.footleft ul li p a{ color:#fff; display:block;transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease; position:relative; left:0px;}
.footleft ul li p a:hover{ color:#fff;}
.footleft ul li.footlist{}
.footleft ul li.footlist p a{ display:block; overflow:hidden; height:30px;}
.footleft ul li:first-child{ margin-left:0px;}
.footleft ul li:nth-child(3){ margin-left:16%;}
.footer dl{ padding-top:15px; padding-bottom:15px; font-size:12px;} 
.footer dl dt{font-weight:normal; color:#fff;}
.footer dl dt a{color:#fff;}
.footer dl dd{color:#fff; padding-bottom:10px;}
.footer dl dd a{ padding:0px 15px 0px 0px;color:#fff;}
.footer dl dt a:hover{color:#fff;}
/*--首页公共标题--*/
.indextitle{ padding:70px 0px; text-align:center;}
.indextitle h3{ font-size:20px; color:#008cce;line-height:55px; position:relative;}
.indextitle h3 span{ font-size:26px; color:#008cce; font-family:Arial, Helvetica, sans-serif;}
.indextitle p{ font-size:14px; padding-top:15px;position:relative;}
/*--新闻--*/
.indexNews{ padding-bottom:50px;}
.indexNews ul li{ margin-top:20px; position:relative;}
.indexNews ul li span{ overflow:hidden; position:relative; display:block;}
.indexNews ul li span img{ display:block; width:100%; transform:scale(1);-webkit-transform:scale(1); transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.newslist ul li{ margin-top:20px; position:relative;}
.newslist ul li span{ overflow:hidden; position:relative; display:block;min-height:250px;}
.newslist ul li span img{ display:block; width:100%; transform:scale(1);-webkit-transform:scale(1); transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.newslist ul li:hover span img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.newslist ul li:hover .indexNewstext p.Newsarrow span{background:url(../images/img6.png) no-repeat 105px center;}
.indexNewstext{ background:#fff; padding:25px 0px;}
.indexNewstext p.Newslabel{ font-size:13px;color:#777}
.indexNewstext h3{ font-size:18px; color:#333; overflow:hidden; font-weight:700; height:24px; line-height:24px; margin-top:10px;}
.indexNewstext p.Newsdesc{ font-size:14px; line-height:24px; height:48px; color:#666; overflow:hidden; margin-top:15px;}
.indexNewstext p.Newsarrow{ padding-top:20px;}
.indexNewstext p.Newsarrow span{min-height: 0; display:block; color:#008cce; font-size:13px; background:url(../images/img6.png) no-repeat 95px center; padding-right:35px; transition:all .3s;-webkit-transition:all .3s;}
.indexNews ul li:hover span img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexNews ul li:hover p.Newsarrow span{background:url(../images/img6.png) no-repeat 105px center;}
/*--产品--*/
.indexProductbox{ background:#f6f6f6; padding-bottom:90px;}
.indexProduct{ position:relative; overflow:hidden;}
.indexProduct span{ position:absolute; top:50%; margin-top:-26px; width:40px; height:40px; background-color:#008cce; background-repeat:no-repeat; z-index:99; cursor:pointer; opacity:0;background-position:center;}
.indexProduct span.indexProductleft{ left:0px; background-image:url(../images/icon24.png);}
.indexProduct span.indexProductright{ right:0px; background-image:url(../images/icon25.png);}
.indexProduct:hover span{ opacity:.6; transition:all .5s ease;-webkit-transition:all .5s ease;}
.indexProduct span:hover{opacity:1;}
.indexProductlist{position:relative; overflow:hidden; margin:0px -15px}
.indexProductlist ul{ width:99999px; position:relative;}
.indexProductlist ul li{float:left; padding:0px; margin-right:10px;}
.indexProductlist ul li img{ display:block; width:100%;transition: all .5s;transition: all .5s;}
.indexProductlist ul li a{ display:block; background:#fff;border:1px solid #eeeeee; position:relative; overflow:hidden;}
.indexProductlist ul li a div.content{ position:relative; left:0px; padding-left:25px; padding-bottom:20px; bottom:0px;}
.indexProductlist ul li a div.content h3{ position:relative; font-size:18px; color:#000; font-weight:bold; padding-bottom:10px;}
.indexProductlist ul li a div.content h3:after{ content:" "; background:#008cce; display:block; width:30px; height:1px; position:absolute; left:0px; bottom:0px;transition: all .5s;transition: all .5s;}
.indexProductlist ul li a div.content p{ font-size:14px; color:#666; padding-top:5px;}
.indexProductlist ul li a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexProductlist ul li a:hover div.content h3:after{ width:60px;}
/*--案例--*/
.indexCasesbg{ position:absolute; z-index:1; background-color:rgba(0,0,0,0.4); left:0px; top:0px; right:0px; bottom:0px;}
.indexCases{ transition:all .5s ease-out; background-image:url(../images/img8.jpg); background-repeat:no-repeat; background-position:top center;background-size:cover; position:relative; overflow:hidden;}
.indexCases ul{ position:relative; width:100%; height:100%; z-index:999;}
.indexCases ul li{ position:inherit; float:left; left:0px; top:0px;width:50%;}
.indexCases ul li .content{position:relative;height:280px;border:1px solid transparent;padding:30px 10%;display:block;}
.indexCases ul li .content h3{color:#fff; font-size:18px; line-height:30px;}
.indexCases ul li .content h4{color:#fff; font-size:18px; line-height:30px; position:relative;}
.indexCases ul li .content h4:after{position:absolute; width:40px;bottom:-60px; border-top:1px solid #fff;padding-top:25px; display:block; content:""; transition:all .3s ease;-webkit-transition:all .3s ease}
.indexCases ul li:nth-child(1){ display:none}
.indexCases ul li:nth-child(2){border-left:1px solid rgba(255,255,255,.5);}
.indexCases ul li:nth-child(3){border-left:1px solid rgba(255,255,255,.5);}
.indexCases ul li:nth-child(4){border-left:1px solid rgba(255,255,255,.5);}
.indexCases ul li:nth-child(4) .content{ bottom:0px;border-top:1px solid rgba(255,255,255,.5);}
.indexCases ul li:nth-child(5){border-left:1px solid rgba(255,255,255,.5);}
.indexCases ul li:nth-child(5) .content{border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);}
.indexCases ul li .content:hover{background:#008cce url(../images/img9.png) 92% 96% no-repeat; border:1px solid #008cce;}
.indexCases ul li .content:hover h4:after{ bottom:-300%;background:url(../images/img10.png) no-repeat left bottom;}
.indexCases ul li .Casescur{background:#008cce url(../images/img9.png) 92% 96% no-repeat; border:1px solid #008cce !important;}
.indexCases ul li .Casescur h4:after{ bottom:-300% !important;background:url(../images/img10.png) no-repeat left bottom; transition:all .3s ease;-webkit-transition:all .3s ease;}
.indexCases ul li .Casescur:hover h4:after{background:url(../images/img10.png) no-repeat 100% bottom;}
.indexCasesimgbg{position:absolute; z-index:9; background-color:rgba(0,0,0,0.4); left:0px; top:0px; right:0px; bottom:0px;}
.indexCasesimgbg p{position:absolute; z-index:1;left:0px; top:0px; right:0px; bottom:0px; background-repeat:no-repeat; background-position:center; background-size:cover;}
/*--分页--*/
.pagination{float:left;width:100%; margin:40px 0 50px 0;text-align:center;}
.pagination span{border:0px #ddd solid;padding:8px 12px;margin:0 5px; background:#333123; color:#fff;transition: all .4s ease-in-out;}
.pagination a{border:1px #ddd solid;padding:8px 12px;color:#666; margin:0 5px;background:#fff;transition: all .4s ease-in-out;}
.pagination a:nth-child(1),.pagination a:nth-child(3),.pagination a:nth-last-child(2){display: none}
.pagination a:hover{color:#fff; background:#333123;}
/*--手机导航--*/
.bodyleft{left:-66%;position:relative; overflow:hidden; width:100%; height:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.mnav{ position:fixed; right:-100%; width:66%; bottom:0px; top:0px; background:#fff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear; overflow-y:auto; overflow-x:hidden;}
.mnav h3{ font-size:16px; padding:0px 8%; border-bottom:1px solid #dadadc; color:#999; position:relative;}
.mnav h3 em{ position:absolute; width:18px; height:18px; right:8%; background:url(../images/img42.png) no-repeat center; top:50%; margin-top:-9px; cursor:pointer;}
.mnav h3 span{padding:15px 0px; display:block; width:60%;}
.mnav ul li h3 a{ display:block; background:url(../images/img33.png) no-repeat right center; background-size:18px; padding:15px 0px;}
.mnav ul li p{padding:8px 8%; background:#eee; display:none;}
.mnav ul li p a{ display:block; padding:5px 0px; font-size:14px;}
.mnav ul li.cur h3 a{background:url(../images/img033.png) no-repeat right center; background-size:18px;}
.mnavright{ right:0px;}
@keyframes mymove
{
0% {width:0%;}
20% {width:0%;}
90% {width:100%;}
100% {width:100%;}
}
@-moz-keyframes mymove
{
0% {width:0%;}
20% {width:0%;}
90% {width:100%;}
100% {width:100%;}
}
@-ms-keyframes mymove
{
0% {width:0%;}
20% {width:0%;}
90% {width:100%;}
100% {width:100%;}
}
@-o-keyframes mymove
{
0% {width:0%;}
20% {width:0%;}
90% {width:100%;}
100% {width:100%;}
}
@-webkit-keyframes mymove
{
0% {width:0%;}
20% {width:0%;}
90% {width:100%;}
100% {width:100%;}
}
.commonclassbox{ background:#f5f5f5;}
.commonclass{text-align:center;white-space: nowrap;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.commonclass a{ display:inline-block;padding:25px 0px; margin:0px 15px;border-bottom:1px solid transparent; font-size:16px; color:#333}
.commonclass a:hover{ color:#008cce;border-bottom:1px solid #008cce;}
.commonclass a.cur{ color:#008cce;border-bottom:1px solid #008cce;}
.location{ position:absolute; right:15px; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%); display:none}
.location a{ color:#999999; font-size:13px; background:url(../images/icon03.png) no-repeat right center; padding-right:15px; margin-right:10px;}
.location a:last-child{ background:none; margin:0px; padding:0px;}
.newslist{ padding-top:25px;}
.Paging{ text-align:center; padding:30px 0px;}
.Paging a{ display:inline-block; border:1px solid #f7f7f7; background:#f7f7f7; padding:2px 10px;font-size:14px; color:#999}
.Paging a:hover{ color:#fff; background:#008cce;border:1px solid #008cce;}
.Paging a.cur{ color:#fff; background:#008cce;border:1px solid #008cce;}
.newsdetatitle{ padding-top:60px; border-bottom:1px dotted #dadada;padding-bottom:20px;}
.newsdetatitle h1{line-height:36px; font-size:30px; font-weight:700;}
.newsdetatitle p{ font-size:14px; padding-top:35px;}
.newsdetatitle p span{ padding:0px 25px;}
.newsdetacontent{ font-size:16px; padding-top:30px; padding-bottom:15px; line-height:30px;border-bottom:1px dotted #dadada;}
.newsdetacontent img{ max-width:100%; max-height:100%; display:block; margin:0px auto;}
.newsdetafoot{ padding-top:20px; padding-bottom:60px;}
.newsdetafoot ul li{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;height:24px; font-size:14px;}
.newsdetafoot p{ text-align:center; padding-top:30px;}
.newsdetafoot p a{ display:inline-block; border:1px solid #008cce; background:#008cce; color:#fff;font-size:14px; padding:10px 50px;}
.newsdetafoot p a:hover{ background:#008cce;color:#fff;}
.newslist{ padding-top:60px; padding-bottom:60px;}
.loginbox{ background:#f5f5f5; position:fixed; left:0px; top:0px; width:100%; height:100%;}
.login{ position:absolute; top:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); left:50%; width:300px; padding:0px 10px;}
.login img{ display:block; margin:0px auto; max-width:100%; padding-bottom:50px;}
.login p{ text-align:center;}
.login p a{ display:inline-block; padding:0px 15px 12px; font-size:18px; color:#666; margin:0px 20px; border-bottom:1px solid transparent;}
.login p a.cur{ color:#008cce;border-bottom:1px solid #008cce;}
.login ul li{ padding-top:20px;}
.login ul li label{ display:block; border:1px solid #ced0d5; padding:6px 10px; background:#fff; border-radius:5px;}
.login ul li label input{ float:left; width:100%;}
.login ul li input.loginbtn{ width:100%; background:#008cce; padding:10px 0px; border-radius:5px; color:#fff; font-size:18px;}
.login ul li.forget{ padding-top:4px; text-align:right; font-size:14px}
.commonbanner{width:100%; position:relative; overflow:hidden;}
.commonbanner ul li{width:100%; overflow:hidden;}
.commonbanner ul li video{position:relative; width:100%;}
.commonbanner img.bigimg{ width:600px; position:relative; left:50%; margin-left:-300px;}
.commonbanner .bannertext{ position:absolute; top:0px; width:100%;}
.commonbanner .bannertext dl{ padding:0px 15px;}
.commonbanner .bannertext h3{font-size:38px;line-height:45px; padding-top:50px; font-family:"Adobe 黑体 Std"; font-weight:bold; position:relative; padding-bottom:25px; position:relative; color:#fff;}
.commonbanner .bannertext h3:after{ position:absolute; content:""; width:40px; height:4px; background:#fff; left:0px; bottom:0px;}
.commonbanner .bannertext h4{ display:none; position:relative; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; padding-top:25px;}
.commonbanner .bannertext p.more{ display:none;padding-top:30px; position:relative; padding-bottom:30px;}
.commonbanner .bannertext p.more a{ display:inline-block; background-image:url(../images/icon04.png); background-color:#008cce;background-repeat:no-repeat; background-position:88% center;border:1px solid #00a1ed; width:155px; height:43px; line-height:43px; padding-left:22px; font-size:16px; color:#fff; transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-webkit-transition:all .6s ease;-o-transition:all .6s ease; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.commonbanner .bannertext p.more a:hover{background-position:85% center;padding-left:30px;}
.commonbanner .bannertext p.textimg{ padding-bottom:30px;}
.commonbanner .bannertext p.textimg img{ display:block; max-width:100%;}
.jobsbg{ background:#f8f8f8; padding-bottom:60px;}
.jobshead{ text-align:center; padding-bottom:60px;}
.jobshead h3{ font-size:26px; color:#000; line-height:40px; position:relative;}
.jobshead h4{ line-height:24px; font-size:16px; color:#999; padding-top:25px; position:relative;}
.jobslist{ border:1px solid #eeeeee; background:#fff; position:relative;}
.jobslist ul li h3.jobstitle{ font-size:20px; padding:18px 0px 18px 4%; border-bottom:1px solid #eeeeee; background:url(../images/icon05.png) no-repeat 97% center; cursor:pointer;}
.jobslist ul li div.jobscontentbox{ display:none;}
.jobslist ul li div.jobscontent{ padding:3% 4%; font-size:16px; line-height:30px;}
.jobslist ul li.cur h3.jobstitle{ background:#008cce url(../images/icon06.png) no-repeat 97% center;border-bottom:1px solid #008cce; color:#fff;}
.jobslist ul li .jobsfoot{padding:3% 4%; border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee; font-size:18px;}
.jobslist ul li .jobsfoot a{ color:#008cce}
.jobslist ul li:last-child  h3.jobstitle{ border-bottom:none;}
.jobscontent .fuli{margin-bottom:60px;}
.jobsclasslist{ padding-top:45px; padding-bottom:50px;}
.jobsclasslist h3{ text-align:center; font-size:24px; padding-bottom:20px;}
.jobsclasslist p{ max-width:300px; padding:0px 5px; margin:0px auto; padding-bottom:50px;}
.jobsclasslist img{ display:block; max-width:70%; margin:0px auto;}
.jobsclasslist ul li{ position:relative; margin-top:25px;}
.jobsclasslist ul li:after{ right:0px; position:absolute; content:""; top:10%; bottom:10%; width:1px; display:none; background:#dddddd;}
.jobsclasslist ul li:last-child:after{ display:none;}
.jobscontent h3.jobtitle{ text-align:center; font-size:26px; color:#000; text-align:center; position:relative;}
.jobscontent p.desc{ max-width:1100px; margin:0px auto; position:relative; text-align:center; font-size:16px; line-height:30px; padding-top:35px; padding-bottom:25px;}
.jobscontent dl{ overflow:hidden;position:relative;}
.jobscontent dl img{ display:block; position:relative; width:100%; margin-top:10px;}
.jobscommontitle{ font-size:30px; color:#020202; line-height:46px; text-align:center; padding:50px 0px 30px; position:relative;}
.fuli li{ padding-bottom:20px; padding-top:20px;}
.fuli li img{ display:block; max-width:100%; margin:0px auto; position:relative;}
.fuli li p{ font-size:16px; text-align:center; color:#333; padding-top:5px;}
.jobsmore{ text-align:center; padding:50px 0px;}
.jobsmore a{ display:inline-block; background:#cc2a1e; color:#fff; font-size:16px; padding:10px 0px; width:180px; border-radius:6px;}
.Casestitle{ text-align:center; padding-top:70px; padding-bottom:30px; font-size:30px; position:relative;color:#008cce;}
.Casestitle span{font-family:Arial, Helvetica, sans-serif; color:#008cce; font-size:36px;}
.Casestitle em{ color:#008cce; padding:0px 7px;}
.Caseslistbox{position:relative; min-height:50px; height:auto !important; height:50px;}
.Caseslistbox span{ position:absolute; top:50%; margin-top:-75px; width:36px; height:36px; background-color:#008cce; background-repeat:no-repeat; z-index:99; cursor:pointer;background-size:80%;background-position:center;}
.Caseslistbox span.Casesleft{ left:15px; background-image:url(../images/icon24.png);}
.Caseslistbox span.Casesright{ right:15px; background-image:url(../images/icon25.png);}
.Caseslist{ position:relative; overflow:hidden; padding-bottom:70px;}
.Caseslist ul{ position:relative; width:99999px;}
.Caseslist ul li{ float:left; position:relative; overflow:hidden;}
.Caseslist ul li img{ display:block; width:100%;}
.Caseslist ul li p{ margin:10px 20px 0px; overflow:hidden; height:40px; font-size:18px; line-height:40px; position:relative;}
.Caseslist ul li p:after{ content:" "; position:absolute; bottom:0px; left:0px; width:17px; height:1px; background:#008cce;}
.Casesdetail{ position:absolute; z-index:9; width:100%; height:100%; left:0px; top:0px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.Casesdetail img.binimages{ display:block; width:100%;}
.Caseslogo{ padding:23px 0px 0px 50px; position:absolute; left:0px; top:0px; z-index:9;}
/*.Casesdetaildesc{ position:absolute; bottom:50px; left:50px; max-width:390px; color:#fff; z-index:9;}*/
/*.Casesdetaildesc h3{ font-size:20px;padding-bottom:5px; position:relative; padding-top:15px;}
.Casesdetaildesc h3:after{ content:" ";  position:absolute; top:0px; left:0px; width:17px; height:2px; background:#008cce;}
.Casesdetaildesc p{ line-height:30px;}*/
.Casesdetail_list{ position:absolute;width:100%; height:100%; left:0px; top:0px;}
.Casesdetail_list li{ position:absolute; left:100px; top:100px; width:12px; height:12px; cursor:pointer;}
.Casesdetail_list li dl{ position:absolute; left:30px; display:none; top:18px; width:235px; background:#fff; padding:15px 13px; border-radius:6px;}
.Casesdetail_list li dl dt{ float:left; width:90px;}
.Casesdetail_list li dl dt img{ display:block; width:100%;}
.Casesdetail_list li dl dd{width:115px; float:right;}
.Casesdetail_list li dl dd h3{ font-size:14px; height:23px; line-height:23px; overflow:hidden;}
.Casesdetail_list li dl dd p.desc{ font-size:12px; color:#666; line-height:18px;  height:36px; overflow:hidden;}
.Casesdetail_list li dl dd p.more{ padding-top:10px;}
.Casesdetail_list li dl dd p.more a{ display:inline-block; border-radius:20px; border:1px solid #008cce; padding:3px 15px; color:#008cce;}
.Casesdetail_list li:hover dl{ display:block;}
.CasesClose{display:block; position:absolute; width:35px; height:35px; background:url(../images/icon27.png) no-repeat center; right:55px; z-index:9999; top:5%;}
.CasesOther{display:block; position:absolute; width:35px; height:35px; background:url(../images/icon28.png) no-repeat center; right:55px; z-index:9999; top:15%;}
.CasesArrow{ display:block; position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; background-color:#fff; background-image:url(../images/icon26.png); background-repeat:no-repeat; background-position:center; background-size:cover; z-index:99; cursor:pointer; right:0px; z-index:9999;}
.dot{ position:absolute; width:12px;height:12px;background:#fff; border-radius:50%;-webkit-border-radius:50%; left:50%; top:50%; margin-left:-6px; margin-top:-6px;}
.dot:before{
content:' ';
position: absolute;
z-index:2;
left:50%;
top:50%;
margin-left:-16px;
margin-top:-16px;
width:32px;
height:32px;
border:1px solid #fff;
border-radius: 50%;
-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 1s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: normal;/*定义动画方式*/
}
.dot:after {
content:' ';
position: absolute;
z-index:1;
left:50%;
top:50%;
margin-left:-31px;
margin-top:-31px;
width:62px;
height:62px;
border:1px solid #fff;
border-radius: 50%;
-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 1s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: normal;/*定义动画方式*/
}
@-webkit-keyframes ripple {
0% {
opacity:0;
-webkit-transform:scale(.1)
}
5% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: scale(1)
}
}
@keyframes ripple {
0% {
opacity:0;
-webkit-transform:scale(.1);
transform:scale(.1)
}
5% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
.productbg{background:#f6f6f6; padding-top:60px; padding-bottom:60px;}
.productbg_search_title{ position:relative; font-size:24px;border-bottom:1px solid #ebebeb; padding-bottom:20px;}
.search_condition{ padding-top:15px;}
.search_condition li{ position:relative; padding-left:0px; margin-top:15px;}
.search_condition li label{width:100%; border:1px solid #dcdcdc; outline:none;border-radius:6px; background:#fff url(../images/icon29.png) no-repeat 96% center; height:40px; overflow:hidden; margin:0px;}
.search_condition li select{ border:none; width:100%;outline:none; background:none; font-size:16px; color:#666; height:40px; line-height:40px; padding:0px 10px;}
.search_condition li em{ position:relative; width:85px; text-align:left; left:0px; top:0px; font-size:18px; display:block; padding-bottom:10px;}
.search_condition li div.searchclass{border-bottom:1px solid #ebebeb; font-size:16px; padding-bottom:5px; padding-top:10px;}
.search_condition li div.searchclass a{ display:inline-block; padding:0px 15px; margin-top:3px;}
.Selected{ font-size:16px; min-height:45px; padding-left:0px; position:relative;border-bottom:1px solid #ebebeb; padding-bottom:20px; margin-top:30px; position:relative;}
.Selected span{ display:block; color:#666666; position:relative;width:85px; text-align:left; left:0px; top:0px; padding-bottom:10px;}
.Selected a{ display:inline-block; position:relative; margin-right:15px; border:1px solid #008cce; border-radius:4px; padding:7px 40px 7px 8px; font-size:14px; line-height:16px; color:#008cce;}
.Selected a em{ display:block; position:absolute; right:0px; width:30px; height:30px; background:url(../images/icon30.png) no-repeat center; top:0px;}
.productlistbox{ padding-top:40px;}
.productlistbox .tit{position:relative;}
.productlistbox h3.tit {font-size:24px;color:#008cce;margin-bottom: 20px;}
.productlistbox h4.tit {font-size:24px;color:#000;}
.productlistbox ul{margin-bottom: 20px;/*height:390px;*/overflow: hidden;position:relative;padding-bottom: 40px;}
.productlistbox .zk{font-size:16px;color:#008cce;cursor: pointer;position:absolute;bottom:0;right:0;}
.productlist{ background:#fff; padding-bottom:50px; margin-top:25px;}
.productlist span{overflow: hidden;position: relative;display: block;min-height:220px;}
.productlist img{ display:block; width:100%; transform:scale(1);-webkit-transform:scale(1); transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.productlist p{ text-align:center; position:relative; height:60px; overflow:hidden; font-size:18px; padding-top:18px;}
.productlist p em{ position:relative; display:inline-block; padding-bottom:18px;}
.productlist p em:after{ content:" ";transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out; position:absolute; bottom:0px; left:50%; margin-left:-18px; width:36px; height:2px; background:#008cce;}
.productlistbox ul li:hover span img{transform:scale(1.2);-webkit-transform:scale(1.2);}
.productlistbox ul li:hover .productlist p em:after{ width:100%; margin-left:-50%;}
.Contactbg{background:#f6f6f6; padding-top:60px; padding-bottom:60px;}
.Contactaddre{ padding:15px; background:#fff; overflow:hidden; position:relative;}
.Contactaddre dt{ position:relative;}
.Contactaddre dt h3{ font-size:30px; color:#000}
.Contactaddre dt p{ padding-left:25px; background-repeat:no-repeat; background-position:0px 3px;font-size:16px; color:#666; margin-top:25px; border-bottom:1px solid #ececec; padding-bottom:25px;}
.Contactaddre dt p.addre{ background-image:url(../images/icon31.png);}
.Contactaddre dt p.tel{ padding-left:0px;}
.Contactaddre dt p.tel span{display:block;padding-left:25px; background-repeat:no-repeat;}
.Contactaddre dt p.tel span.tel1{ background-image:url(../images/icon32.png);}
.Contactaddre dt p.tel span.tel2{ background-image:url(../images/icon33.png); margin-top:15px;}
.Contactaddre dt p.emali{ background-image:url(../images/icon34.png);}
.Contactaddre dt p:last-child{ border:none; padding-left:0px;}
.Contactaddre dt p a{ display:inline-block; margin-right:15px; background-repeat:no-repeat; width:59px; height:59px;}
.Contactaddre dt p a.Cweixin{ background-image:url(../images/icon35.png); position:relative;}
.Contactaddre dt p a.Cweixin:hover{ background-image:url(../images/icon035.png);}
.Contactaddre dt p a.Cweixin span{display: none;opacity: 0;transition: all .3s;-webkit-transition: all .3s;position: absolute;
width: 100px;padding: 5px;background: #fff;padding-bottom: 5px;font-size: 14px;color: #333;text-align: center;left:0px; bottom:59px;}
.Contactaddre dt p a.Cweixin:hover span{bottom:70px;opacity:1;display: block;}
.Contactaddre dt p a.Cweixin span img{display: block;width: 100%;}
.Contactaddre dt p a.Cweibo{ background-image:url(../images/icon36.png);}
.Contactaddre dt p a.Cweibo:hover{ background-image:url(../images/icon036.png);}
.Contactaddre dt p a.CQQ{ background-image:url(../images/icon37.png);}
.Contactaddre dt p a.CQQ:hover{ background-image:url(../images/icon037.png);}
/* .Contactaddre dd{ position:relative;} */
/* .Contactaddre dd img{ display:block; width:100%;} */
#dituContent{height:240px;}
.searchcommonlist{margin-top:25px;}
.Contactlist{ padding-top:40px; padding-bottom:60px;}
.Contact_content{ background:#fff; padding:30px 25px 45px; margin-top:30px; min-height:280px; height:auto !important; height:280px;}
.Contact_content h3{ font-size:18px; color:#000; padding-bottom:25px;}
.Contact_content p{ font-size:15px; color:#000; line-height:24px;}
.Contact_content p span{ color:#666;}
.Contact_content p.consultmap{ /*padding-top:30px;*/position: absolute;bottom: 40px;}
.Contact_content p.consultmap a{ display:inline-block; width:105px; height:35px; background:#f8f8f8; line-height:35px; color:#000; text-align:center;}
.Contact_content p.consultmap a:hover{background:#008cce;color:#fff;}
.Companycontent{margin:0px auto; font-size:18px; text-align:center; line-height:36px; position:relative; max-width:920px;}
.Companyicon{ margin:0px auto; max-width:1080px; padding-top:45px;}
.Companyicon ul li{ float:left; width:33.333%; border-right:1px solid #f3f3f4; position:relative; margin-top:20px;}
.Companyicon ul li img{ display:block; margin:0px auto; max-width:100%;}
.Companyicon ul li p{ font-size:16px; text-align:center;}
.Companyicon ul li:last-child{ border-right:none;}
.Companymore{ text-align:center; padding-top:65px; padding-bottom:100px; position:relative;}
.Companymore a{ display:inline-block; width:154px; height:40px; line-height:40px; font-size:16px; position:relative; color:#008cce;}
.History{ position:relative; min-height:795px; background:url(../images/img25.jpg) no-repeat center; background-size:cover; padding-bottom:35px;}
.Historytitle{ text-align:center; padding-top:80px; padding-bottom:80px; font-size:30px; color:#fff; position:relative;}
.Historytitle span{font-family:Arial, Helvetica, sans-serif; font-size:36px; color:#dddddd;}
.Historytitle em{padding:0px 7px;}
.Historylist{ width:100%; overflow:hidden; position:relative;}
/* .Historylist ul{ width:100%; overflow:hidden; position:relative;} */
.Historylist ul li{ width:100%; overflow:hidden; position:relative;}
.Historylist ul li dl{ position:relative;}
.Historylist ul li dl dt{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:48px;}
.Historylist ul li dl dd{border-left:1px solid #514c5b; font-size:14px; padding-left:35px; color:#dddddd; padding-bottom:40px; margin-left:80px;}
.Historylist ul li dl dd p{ position:relative; padding-top:10px; line-height:32px;}
.Historylist ul li dl dd em{ width:80px; position:absolute; color:#fff;left:-110px; display:inline-block; font-size: 16px;}
.Historylist ul li dl dd em:after{ border-radius:100%; background:#008cce; width:10px; height:10px; top:50%; margin-top:-5px; content:""; display:block; position:absolute; right:0px;}
.Historylistbox{position:relative; text-align:center;}
.Historylistbox span{ display:inline-block; background-size:cover; background-repeat:no-repeat; cursor:pointer; width:48px; height:48px; margin:0px 10px;}
.Historylistbox span.Historyleft{ background-image:url(../images/icon43.png);}
.Historylistbox span.Historyleft:hover{ background-image:url(../images/icon043.png);}
.Historylistbox span.Historyright{ background-image:url(../images/icon44.png);}
.Historylistbox span.Historyright:hover{ background-image:url(../images/icon044.png);}
.Techbox dl.Techone dt{line-height:36px; font-size:20px; font-weight:bold; position:relative;}
.Techbox dl.Techone dd{position:relative;}
.Techbox dl.Techone dd span{ margin-top:20px; display:block; border-bottom:1px solid #e3e3e3; padding-bottom:10px; background-repeat:no-repeat; padding-left:34px; margin-left:35px; font-size:18px; line-height:30px; margin-right:35px;}
.Techbox dl.Techone dd span.icon1{ background-image:url(../images/icon45.png);}
.Techbox dl.Techone dd span.icon2{ background-image:url(../images/icon46.png);}
.Techbox dl.Techone dd span.icon3{ background-image:url(../images/icon47.png);}
.Techbox dl.Techtwo dt{ padding-top:20px; font-size:16px; line-height:26px; color:#666666;}
.Techbox dl.Techtwo dt img{ display:block; max-width:100%; padding-bottom:25px; margin-left:-40px;}
.Techbox dl.Techtwo dd{ padding-bottom:30px;}
.Techbox dl.Techtwo dd img{ display:block; width:100%; position:relative;}
.Prizebg{ overflow:hidden; background:#f6f6f6; padding-bottom:100px;}
.Prizeclass{ text-align:center; font-size:18px; position:relative;}
.Prizeclass a{ display:inline-block; position:relative;padding:0px 15px 20px;}
.Prizeclass a:after{ position:absolute; background:#008cce; border-radius:100%; display:block; width:10px; height:10px; left:50%; margin-left:-5px; bottom:0px;}
.Prizeclass a.cur:after{content:" ";}
.Prizebox{ position:relative;}
.Prizebox span{ display:block; background-size:cover; background-repeat:no-repeat; cursor:pointer; width:48px; height:48px; position:absolute; top:50%; margin-top:-24px;}
.Prizebox span.Prizeleft{ background-image:url(../images/icon43.png); left:0px;}
.Prizebox span.Prizeleft:hover{ background-image:url(../images/icon043.png);}
.Prizebox span.Prizeright{ background-image:url(../images/icon44.png); right:0px;}
.Prizebox span.Prizeright:hover{ background-image:url(../images/icon044.png);}
.Prizelist{ margin:40px 40px 0px; min-height:100px; position:relative; overflow:hidden;}
.Prizelist ul{ position:relative; width:99999px;}
.Prizelist ul li{ float:left; margin-right:55px;}
.Prizelist ul li img{ display:block; width:100%;}
.Prizelist ul li P{ font-size:14px; color:#333; text-align:center; overflow:hidden; width:100%; margin-top:25px;}
.Productbigimg{ position:relative;}
.Productbigimg img{ display:block; width:100%; border:1px solid #dcdcdc;}
.Productheadsmallimg{ padding-top:10px; margin:0px -5px; position:relative;}
.Productheadsmallimg ul li{ float:left; width:25%; padding:0px 5px; cursor:pointer;margin-bottom:10px;}
.Productheadsmallimg ul li img{ display:block; width:100%; border:1px solid #dcdcdc;}
.Productheadsmallimg ul li span{ padding:0px; display:block;}
.Productheadsmallimg ul li.cur img{ border:1px solid #008cce;}
.Productheadbg{ background:#f6f6f6; padding:50px 0px;}
.Productheadcontent .down{display:inline-block;width:140px;height:40px;line-height:40px;border:1px solid #ccc;margin-top:30px;text-align:center;font-size:16px;background:#008cce;color:#fff;}
.Productheadcontent .down:hover{color:#333;background:#fff;}
.Detaillistbigimg{ position:relative;}
.Detaillistbigimg img{ display:block; width:100%; border:1px solid #dcdcdc;}
.Detaillistsmallimg{ padding-top:10px; margin:0px -5px; position:relative;}
.Detaillistsmallimg ul li{ float:left; width:25%; padding:0px 5px; cursor:pointer; position:relative}
.Detaillistsmallimg ul li p{ position:absolute; left:6px; right:6px; bottom:1px; padding:0px 8px; text-align:center; background-color:rgba(0,0,0,0.6); color:#fff; overflow:hidden; line-height:24px; height:24px; display:none;}
.Detaillistsmallimg ul li img{ display:block; width:100%; border:1px solid #dcdcdc;}
.Detaillistsmallimg ul li span{ padding:0px; display:block;}
.Detaillistsmallimg ul li.cur img{ border:1px solid #008cce;}
.Detaillistsmallimg ul li.cur p{ display:block;}
.Productheadcontent{ padding-left:15px;}
.Productheadcontent h3{ font-size:24px; color:#000; padding-top:25px;}
.Productheadcontent .desc{ font-size:14px; color:#666; line-height:28px; border-bottom:1px solid #e5e5e5; padding-top:10px; padding-bottom:15px;}
.Productheadcontent .desc2{border:none;padding-bottom:0;}
.Productcontenttitle{ position:relative; border-bottom:1px solid #f2f2f2;}
.Productcontenttitle::after{content:"";position: absolute;left:0;top:80px;border-bottom: 1px solid #e1e1e1;width:100%;height:1px;}
.proShow_tie{ position:relative; display:inline-block;font-size:20px; height:80px;line-height:80px;}
.proShow_tie span{margin-right:20px;cursor:pointer;position:relative;display:inline-block;font-size:16px;}
.proShow_tie span::after{content:"";position: absolute;left:0;bottom:0;height:2px;width:0;transition:all .5s;background:#008cce;}
.proShow_tie .on::after{width:100%;}
.Productcontenttitle a.return{ position:absolute; left:0px; bottom:0px; top:0px; border-right:1px solid #f2f2f2; background:url(../images/icon048.png) center no-repeat #008cce; width:60px; display:none;height:80px;} 
.proShow_main{padding-top:30px;color:#777;font-size:1.143em;margin-bottom:60px;overflow:hidden;}
.proShow_main .box{display:none}
.proShow_main img{max-width:100%}
.Productcontenttitle a.return:hover{background:url(../images/icon48.png) center no-repeat; }
.filterclass{ padding-top:15px;}
.filterclass ul li{ margin-top:10px; font-size:14px;}
.filterclass ul li label{width:100%; border:1px solid #dcdcdc; outline:none;border-radius:4px; background:url(../images/icon29.png) no-repeat 96% center #f8f8f8; height:30px; overflow:hidden; margin:0px; margin-top:8px;}
.filterclass ul li select{ border:none; width:100%;outline:none; background:none; font-size:13px; color:#666; height:30px; line-height:30px; padding:0px 10px; font-weight:normal;}
.InquireInquire{ position:relative; font-size:14px; padding-top:40px;}
.InquireInquire span{ color:#008cce;}
.Productdetailbox{ overflow:hidden; position:relative; padding-bottom:35px;}
.Productlistbox{ overflow-x:auto; margin-top:30px; padding-bottom:35px; position:relative;}
.Productlisthead{ width:1359px; background:#f3f3f3; font-size:14px; height:40px; line-height:40px;}
.Productlisthead span{ display:block; float:left; text-align:center;}
.Productlisthead span:nth-child(1){ width:190px;}
.Productlisthead span:nth-child(2){ width:115px;}
.Productlisthead span:nth-child(3){ width:100px;}
.Productlisthead span:nth-child(4){ width:130px;}
.Productlisthead span:nth-child(5){ width:150px;}
.Productlisthead span:nth-child(6){ width:110px;}
.Productlisthead span:nth-child(7){ width:80px;}
.Productlisthead span:nth-child(8){ width:150px;}
.Productlisthead span:nth-child(9){ width:75px;}
.Productlisthead span:nth-child(10){ width:130px; }
.Productlisthead span:nth-child(11){ width:129px; padding-right:40px;}
.Productinfo{ padding:10px 0px; border-bottom:1px solid #f3f3f3;width:1359px;}
.Productinfo div{ float:left; font-size:14px; text-align:center; overflow:hidden; height:67px; position:relative;}
.Productinfo div span.Productinfotext{ display:block; position:absolute; width:100%;top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);word-break: break-word;}
.Productinfo div:nth-child(1){ position:relative; width:190px;}
.Productinfo div:nth-child(1) img{ display:block; width:80px;/*height:67px;*/}
.Productinfo div:nth-child(1) p{ position:absolute; left:85px; text-align:left; line-height:24px;right:0px; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%); }
.Productinfo div:nth-child(2){ width:115px;}
.Productinfo div:nth-child(3){ width:100px;}
.Productinfo div:nth-child(4){ width:130px;}
.Productinfo div:nth-child(5){ width:150px;}
.Productinfo div:nth-child(6){ width:110px;}
.Productinfo div:nth-child(7){ width:80px;}
.Productinfo div:nth-child(8){ width:150px;}
.Productinfo div:nth-child(9){ width:75px;}
.Productinfo div:nth-child(10){ width:130px; }
.Productinfo div:nth-child(11){ width:129px; background:url(../images/icon49.png) no-repeat 
95% center; padding-right:40px;}
.Productdetail{ padding:25px 0px 45px;border-bottom:1px solid #f3f3f3; display:none;}
.Productdetail ul li img{ display:block; border:1px solid #dcdcdc; width:100%;}
.Productdetailtitle{ font-size:30px; padding-bottom:15px; padding-top:20px;}
.Productdetailclass{ font-size:14px; border-bottom:1px solid #dcdcdc;}
.Productdetailclass a{ display:inline-block; border:1px solid transparent; margin-right:-1px; margin-bottom:-1px; padding:10px 20px;}
.Productdetailclass a.cur{ border:1px solid #dcdcdc;border-bottom:1px solid #fff; color:#008cce;}
.Productdetailtap{ padding:25px 0px;}
.table{ border-collapse:collapse; margin:0px; padding:0px;}
.table th{ background:#f5f5f5; border:1px solid #e5e5e5; padding:2px 10px; font-size:14px; width:20%; font-weight:normal; color:#666666;}
.table td{ width:30%;padding:2px 10px;border:1px solid #e5e5e5;}
.Productdetailbtn a{ display:inline-block; width:160px; height:35px; border:1px solid #e5e5e5; font-size:15px; text-align:center; line-height:34px; margin-right:10px;}
.Productdetailbtn a.red{ background:#008cce; color:#fff; border:1px solid #008cce;}
.Productspecificationsbox{ position:fixed; z-index:99999; width:100%; left:0px; top:0px; height:100%; background-color:rgba(0,0,0,0.5);overflow-x: hidden;overflow-y: auto; display:none;}
.Productspecificationsweb{ margin:0px auto; padding:30px;  max-width:1200px;}
.Productspecifications{ background:#fff;}
.Productspecificationshead{ background:#f3f3f3; padding:30px; position:relative;}
.Productspecificationshead dt{position:relative;}
.Productspecificationshead dt img{ display:block; width:60px; height:60px;}
.Productspecificationshead dt p{ position:absolute; left:80px; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%); font-size:24px;}
.closeicon{ position:absolute; right:30px; top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%); background:url(../images/icon50.png) #000 no-repeat center; width:34px; height:34px; border-radius:100%; cursor:pointer;}
.Productspecificationsleft{ position:relative; padding-left:30px; padding-top:25px; padding-right:190px;}
.Productspecificationsimages{ padding-bottom:25px; padding-top:25px;border-bottom: 1px solid #eee; margin-bottom:25px;}
.Productspecificationsimages dl{ border:1px solid #eee;max-width:300px;}
.Productspecificationsimages dl img{ display:block; max-width:100%; margin:0px auto;}
.Productspecificationsimages div.desc{font-size:14px;line-height:24px;padding-top:15px;}
.specificationtitle{ font-size:20px; line-height:30px; color:#000000;}
.parameter{ padding-left:50px; padding-top:10px; border-bottom:1px solid #eee; padding-bottom:40px;}
.parameter li{ color:#666; font-size:14px; margin-top:10px;}
.parameter li span{ display:inline-block; min-width:120px; color:#000;}
.Optional{padding-top:25px; border-bottom:1px solid #eee; padding-bottom:40px;}
.Optional ul{ padding-top:10px;}
.Optional ul li{ padding-left:100px; position:relative; min-height:30px; margin-top:25px;}
.Optional ul li span{ position:absolute; left:0px; top:50%; margin-top:-15px; font-size:14px; color:#000; line-height:30px; width:100px; display:inline-block; text-align:right;}
.Optional ul li a{ display:inline-block; margin-left:18px; width:95px; line-height:28px; border:1px solid #dcdcdc; line-height:28px; text-align:center;  background:#f3f3f3; color:#000; font-size:13px; margin:5px 0px 5px 18px;}
.Optional ul li a.cur{ background:#fff url(../images/icon51.png) no-repeat right bottom; border:1px solid #008cce;}
.Optional ul li label.ent{ display:block; max-width:400px; padding:5px 10px; border: 1px solid #d3d3d3; margin-left:15px;}
.Optional ul li label.ent input{ float:left; width:100%;font-size: 14px;}
.ProductImage{padding-top:25px; border-bottom:1px solid #eee; padding-bottom:40px;}
.ProductImage dl{ position:relative; padding-left:110px; padding:20px 0px 0px 120px;}
.ProductImage dl dt{ font-weight:normal; position:absolute; width:110px; top:55px; left:0px; text-align:right; font-size:14px; color:#000;}
.ProductImage dl dd{ float:left; margin-left:17px; position:relative;width:96px; /*height:96px;*/border:1px solid #e5e5e5; }
.ProductImage dl dd img{cursor:pointer; width:94px; /*height:94px;*/}
.ProductImage dl dd p{text-align:center;}
.ProductImage dl dd.cur{border:1px solid #008cce;}
.Remarks{padding-top:25px; padding-bottom:40px;}
.Remarks label{ display:block; border:1px solid #dcdcdc; padding:5px 10px; margin-top:25px; margin-left:45px;}
.Remarks label textarea{ resize:none; width:99%; border:none; outline:none; height:100px; font-weight:normal; font-size:14px; color:#333}
.save{border-top:1px solid #eee; padding-top:50px; padding-bottom:50px; padding-right:50px; padding-left:70px;}
.save dt{ float:left;}
.save dt a{ display:block; width:164px; height:49px; line-height:49px; color:#fff; font-size:16px; font-weight:normal; padding-left:20px; border:1px solid #008cce; background:#008cce url(../images/icon04.png) no-repeat 130px center;}
.save dd{float:right;}
.save dd a{ display:inline-block; background-repeat:no-repeat; padding-left:30px; line-height:23px; margin-left:70px;}
.save dd a.yulan{ background-image:url(../images/icon53.png);}
.save dd a.dayin{ background-image:url(../images/icon52.png);}
/*--滚动条、隐藏滚动条--*/
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{background-color:#008cce;height: 50px;outline-offset: -2px;outline: 2px solid #fff;-webkit-border-radius: 4px;border: 2px solid #fff;}
::-webkit-scrollbar-track-piece{background-color: #fff;-webkit-border-radius: 0;}
.hidescroll{ overflow:hidden;}
.Fast{ display:none !important; position:fixed; top:50%; z-index:9999; right:0px; width:50px; margin-top:-126px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.Fast ul li{ border-bottom:1px solid #fff;}
.Fast ul li.commona a{ display:block; height:50px; position:relative;}
.Fast ul li.commona a span{background:#008cce; display:block; position:absolute; font-size:14px; height:50px; line-height:50px; color:#fff; padding-left:25px; width:220px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.Fast ul li.commona a em{ background-color:#008cce; background-repeat:no-repeat; background-position:center; display:block;  width:50px; height:50px; position:absolute; z-index:9; top:0px; right:0px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.Fast ul li.commona a em.icon1{ background-image:url(../images/icon54.png);}
.Fast ul li.commona a em.icon2{ background-image:url(../images/icon55.png);}
.Fast ul li.commona a:hover span{ color:#008cce; background:#fff;}
.Fast ul li.commona a:hover em{ background-color:#fff;}
.Fast ul li.commona a:hover em.icon1{ background-image:url(../images/icon054.png);}
.Fast ul li.commona a:hover em.icon2{ background-image:url(../images/icon055.png);}
.Fast dl{ display:block; height:50px; position:relative;}
.Fast dl dd{  width:50px; height:50px; position:absolute; z-index:9; top:0px; right:0px; background:url(../images/icon56.png) no-repeat center #008cce;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.Fast dl dt{background:#008cce; width:220px; height:50px;}
.Fast dl dt a{ display:block; float:left; width:50px; height:50px; margin:0px; padding:0px; background-position:center; background-repeat:no-repeat;}
.Fast dl dt a.wb{ background-image:url(../images/share_wb.png);}
.Fast dl dt a.wx{ background-image:url(../images/share_wx.png);}
.Fast dl dt a.txwb{ background-image:url(../images/share_txwb.png);}
.Fast dl dt a.more{ background-image:url(../images/share_more.png);}
.Fast dl dt a:hover{ background-color:rgba(255,255,255,0.5)}
.Fast:hover{ width:250px;}
.Techohidescroll{ overflow:hidden; position:relative;}
.mindexclass{height:15px; position:relative; margin-right:40px;border-bottom:3px solid #edebed; margin-top:15px; display:block;}
.mindexclass span{ position:absolute; right:-40px; font-size:14px; top:-3px; line-height:15px;}
.mindexclass:after{ width:0%; height:3px; content:" "; position:absolute; left:0px; bottom:-3px;background:#008cce;}
.mindexclass:before{transition:all .3s ease;-webkit-transition:all .3s ease; left:0px; right:0px; bottom:0px; position:absolute; content:""; height:0px; background:#b2b3b2;}
.mindexclass:hover:before{ height:15px;}
.indexaboutdot{ padding:20px 0px; position:relative;}
.indexaboutdot a{ display:block; margin:10px auto; width:8px; height:8px; border-radius:100%; background:#e8e8e8;}
.indexaboutdot a.cur{ background:#008cce;}
.aboutbg{position:fixed;z-index:999999; display:none; background-color:rgba(0,0,0,0.75); width:100%; height:100%; left:0px; top:0px;}
.aboutfixedbox{ padding-bottom:120px; position:fixed; top:100%; background:#f6f6f6;z-index:999999; height:100%; overflow-y:scroll !important; left:0px; width:100%;transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;}
.aboutinfo{padding:40px 0px;}
.aboutinfo h3{ font-size:24px; padding-bottom:30px;}
.aboutinfo p{ text-indent:2em; font-size:16px; color:#666; line-height:40px;}
.aboutcloseicon{ text-align:center; padding-bottom:40px;}
.aboutcloseicon span{ display:inline-block; background:url(../images/icon60.png) no-repeat; width:29px; height:29px;}
.aboutchuangxin{ background:url(../images/img32.jpg) no-repeat center; color:#fff; background-size:cover; padding:60px 0px;}
.aboutchuangxin h3{ font-size:36px; line-height:45px; padding-bottom:30px; text-align:center;}
.aboutchuangxin ul li{ margin-top:35px;}
.aboutchuangxin em{ position:relative; display:inline-block; line-height:32px; padding-left:25px; font-size:18px;}
.aboutchuangxin em:after{ content:""; width:12px; height:12px; background:#008cce; display:block; position:absolute; left:0px; top:10px; border-radius:100%;}
.aboutimg ul li{margin-top:15px;}
.aboutimg img{ display:block; width:100%;}
.puptitle{ font-size:36px;}
.aboutqiye{ padding-top:60px;}
.aboutqiye ul li{ margin-top:15px;}
.aboutqiye ul li div{ background:#fff; border:1px solid #dcdcdc; min-height:355px; padding:65px 10% 0px;}
.aboutqiye ul li div h3{ font-size:18px; color:#333;}
.aboutqiye ul li div h3:after{ display:block; margin-top:15px; content:""; background:#008cce; width:15px; height:1px;}
.aboutqiye ul li div p{ font-size:16px; line-height:36px; color:#666; padding-top:10px;}
.aboutclose{position:fixed; bottom:-100%; left:50%; margin-left:-15px; background:url(../images/icon57.png) no-repeat; background-size:cover; width:30px; height:30px; z-index:99999889; cursor:pointer; transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;}
.transition .aboutclose{ bottom:25px;}
.transition .aboutbg{ display:block;}
.transition .aboutfixedbox{ top:0px;}
.transition .headerbox{ z-index:999999999999; position:relative;}
.hidehtmlscroll{ overflow:hidden;}
.scrolltopicon{ cursor:pointer; position:fixed; bottom:20px; background:url(../images/icon58.png) no-repeat; display:none; width:60px; height:60px; right:30px;}
.scrolltopicon:hover{ background:url(../images/icon59.png) no-repeat; z-index:99999999999;}
.Casesclass{ text-align:center; font-size:18px; position:relative; padding-bottom:40px;}
.Casesclass a{ display:inline-block; position:relative;padding:0px 15px 20px;}
.Casesclass a:after{ position:absolute; background:#008cce; border-radius:100%; display:block; width:10px; height:10px; left:50%; margin-left:-5px; bottom:0px;}
.Casesclass a.cur:after{content:" ";}
.anlixiangxi{ width:100%; height:100%; top:0px; left:0px; overflow:hidden; position:relative;}
.anlixiangxi ul{ width:100%; height:100%; top:0px; left:0px; overflow:hidden; position:absolute;}
.anlixiangxi ul li{ width:100%; height:100%; top:0px; left:0px; overflow:hidden; position:absolute;}
.mbanner{ width:100%; overflow:hidden; position:relative;}
.mbanner ul li{ position:relative; overflow:hidden;}
.mbanner img{ display:block; width:100%;}
.mbannerdot{ position:absolute;bottom:10px;left: 5.5%; right:0px; z-index:999;text-align:center;}
.mbannerdot span{ display:inline-block; margin-right:10px; width:30px; height:2px; background:#3a333f; position:relative;}
.mbannerdot span:after{ width:100%; height:2px; content:" "; position:absolute; left:0px; bottom:0px;background:#fff;}
.mbannerdot span.swiper-active-switch:after{animation:mymove 5s linear;-webkit-animation:mymove 5s linear;}
.Casesdetaillist{width:100%; height:100%;overflow:hidden; position:relative;}
.Casesdetaillist ul.swiper-wrapper{ position:relative; width:100%; height:100%;overflow:hidden;}
.Casesdetaillist ul li.swiper-slide{ position:relative; width:100%; height:100%;overflow:hidden;}
.producttwo{ border-top:1px solid #eee;}
.productlocation{ padding:20px 0px}
.producttwoimg img{ display:block; width:100%; border:1px solid #ccc;}
.shengcheng{ border:1px solid #cccccc; border-radius:4px; padding:10px 20px; margin-top:20px;}
.shengcheng a{ display:block; margin:10px 0px;border:1px solid #cccccc; border-radius:4px; text-align:center; padding:5px 0px;font-size: 15px;}
.shengcheng a:hover{background: #008cce;color: #fff;border: 1px solid #008cce;}
.producttwodetail{ margin-top:20px;}
.producttwodetail p{ color:#008cce;}
.producttwodetail h3{ font-size:20px; color:#000; border-bottom:1px solid #eee; padding:8px 0px 10px;}
.producttwodetail table{ margin-top:10px;}
.producttwoimgShow{ margin-top:50px; padding:40px 0px 50px; border-top:1px solid #cccccc;}
.producttwoimgShowtitle{ font-size:18px; border-left:3px solid #008cce; padding-left:10px; margin-bottom:25px;}
.producttwomanyimgShow{ width:100%;}
.producttwomanyimgShow img{ display:block; width:100%;}
.producttwomanyimgShow p{ border:1px solid #ccc;}
.producttwomanyimgShow ul{ margin:10px -5px 0px;}
.producttwomanyimgShow ul li{ float:left; width:20%; padding:0px 5px; cursor:pointer;}
.producttwomanyimgShow ul li.cur img{ border:1px solid #008cce;}
.Casesdetailimg{ display:block; width:100%;}
/*.Casesdetailimg{left:50%; top:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); position:relative;}
*/
.usercenter{border-top: 1px solid #eee; padding-top:40px; padding-bottom:60px;}
.usercenterleft{ float:left; width:220px; display:none;}
.usercenterleft p a{ display:block; height:46px; padding-left:55px; font-size:16px; color:#666; line-height:46px; background-repeat:no-repeat; background-position:15px center}
.usercenterleft p a:hover{ background-color:#008cce; color:#fff;}
.usercenterleft p a.icon1{ background-image:url(../images/icon61.png);}
.usercenterleft p a.icon2{ background-image:url(../images/icon62.png);}
.usercenterleft p a.icon3{ background-image:url(../images/icon63.png);}
.usercenterleft p a.icon1:hover{ background-image:url(../images/icon061.png);}
.usercenterleft p a.icon2:hover{ background-image:url(../images/icon062.png);}
.usercenterleft p a.icon3:hover{ background-image:url(../images/icon063.png);}
.usercenterleft p.cur a.icon1{ background-image:url(../images/icon061.png);}
.usercenterleft p.cur a.icon2{ background-image:url(../images/icon062.png);}
.usercenterleft p.cur a.icon3{ background-image:url(../images/icon063.png);}
.usercenterleft p.cur a{ background-color:#008cce; color:#fff;}
.usercenterclass{ text-align:center; padding-bottom:40px;}
.usercenterclass a{ display:inline-block; padding:3px 15px; font-size:14px;}
.usercenterclass a.cur{ border-bottom:2px solid #008cce; color:#008cce;}
.usertitle{border-bottom: 1px solid #eeeeee;font-size: 24px;color: #333;padding-bottom: 30px;position: relative;}
.MemberCentre dl dd{margin-top:15px; font-size:14px; color:#333; max-width:515px;}
.MemberCentre dl dd span{ display:block; position:relative; padding-left:8px; padding-bottom:5px;}
.MemberCentre dl dd span i{ position:absolute; left:0px; top:0px;}
.MemberCentre dl dd a{ margin-left:10px;color:#008cce;}
.MemberCentre dl dd i{ color:#F00;}
.MemberCentre dl dt{ padding-top:25px;}
.MemberCentre dl dt a{ display:inline-block; width:110px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; background:#008cce;}
.MemberCentre dl dt a:hover{ background:#666;}
.MemberCentre dl dd label.ent{ display:block; max-width:400px; padding:5px 10px; border: 1px solid #d3d3d3;}
.MemberCentre dl dd label.ent input{ float:left; width:100%;font-size: 14px;}
.MemberCentre dl dd select{width:100%; height:31px;border: 1px solid #d3d3d3; text-indent:10px;}
.MemberCentre dl dd select.addre{ width:48%; margin-right:2%;}
.MemberCentre dl dd label.ent2{ display:inline-block; max-width:400px; padding:0; margin-bottom:0; border: 1px solid #d3d3d3;}
.MemberCentre dl dd label input.position{ float:right; font-size: 14px; border: 1px solid #d3d3d3;}
.MemberCentre dl dd label textarea{ width:99%; resize:none; height:100px; border:none; outline:none; font-weight:normal;}
.MemberCentre dl dd input.MemberCentrebtn{ cursor:pointer;display:inline-block; width:110px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; background:#008cce;border-radius:3px;}
.MemberCentre dl dd input.MemberCentrebtn:hover{ background:#666;}
.MemberCentre dl dd a.cancelbtn{display:inline-block; width:110px; height:40px; line-height:40px; text-align:center; margin-left:10px; color:#666; border:1px solid #ccc; border-radius:3px;}
.MemberCentre dl dd a.cancelbtn:hover{color:#fff;border:1px solid #008cce; background:#008cce;}
/*--修改密码--*/
.changePassword ul{ padding-top:20px;}
.changePassword ul li{ padding-top:20px;}
.changePassword ul li label{ padding:10px 10px; width:300px; border:1px solid #c9c9c9; display:block;}
.changePassword ul li label input{ float:left; width:100%; color:#666; font-size:14px;}
.changePassword p{ padding-top:20px;}
.changePassword p input{ cursor:pointer; width:322px; height:37px; background:#008cce; font-weight:normal; color:#fff; font-size:16px;}
.changePassword p input:hover{ background:#666;}
.download ul li{ border-bottom:1px solid #eee; font-size:14px; height:60px; line-height:60px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.download ul li span{ float:right; font-size:12px; color:#999}
.popupdailyimgbg{ background:rgba(0,0,0,0.6); position:fixed; z-index:9999; left:0px; top:0px; width:100%; height:100%; display:none;}
.popupdailyimg{position:fixed; z-index:999999; width:80%; height:80%; top:50%; left:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); display:none;}
.popupdailyimg dl{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; overflow:hidden;}
.popupdailyimg dl img{ display:block; max-width:100%; max-height:100%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);position:absolute; top:50%; left:50%;}
.popupdailyimg span{ display:block; position:absolute; top:50%; width:50px; height:50px; cursor:pointer; margin-top:-25px; background-repeat:no-repeat; background-position:center;}
.popupdailyimg span.left{ background-image:url(../images/left.png); left:-50px;}
.popupdailyimg span.right{ background-image:url(../images/right.png); right:-50px;}
.rongyuimglist{ width:100%; height:100%; position:relative; overflow:hidden;}
.rongyuimglist ul li{ width:100%; position:relative; overflow:hidden;}
.search_condition{ position:relative;}
.hidescroll{ overflow:hidden;}
.popupsearch{ position:fixed; z-index:99999; background:#fff; left:0px; top:0px; width:100%; height:100%; display:none;}
.closesearch{ background:url(../images/icon64.png) no-repeat center; width:40px; height:40px; position:absolute; right:4%; top:5%; cursor:pointer;}
.closesearch:hover{background:url(../images/icon064.png) no-repeat center; }
.searchbox{ max-width:610px; margin:60px auto 0px;}
.searchlistclass{ padding:0px 0px 10px;}
.searchlistclass a{ display:inline-block; border-radius:4px; font-size:14px; padding:3px 10px; margin-right:5px;}
.searchlistclass a.cur{ background:#008cce; color:#fff;}
.searchinput{ margin-top:10px; position:relative;}
.searchinput label{ padding:15px 57px 15px 0px;display:block; border-bottom:1px solid #ccc;}
.searchinput label input{ width:100%; font-size:18px; color:#666;}
.searchinput label:focus{ border-bottom:1px solid #008cce;}
.searchinput input.searchbtn{ position:absolute; background:url(../images/icon01.png) center no-repeat; width:57px; height:57px; right:0px; top:0px; cursor:pointer;}
.searchlistbox{ border-top:1px solid #ccc; padding:30px 0px}
.searchresult{ color:#A9A9A9; padding:8px 0px 15px;}
.searchresult span{ color:#008cce;}
.searchlist{ max-width:768px; margin:0px auto;}
.searchcommonlist li{ padding-bottom:30px;}
.searchcommonlist li a.searchimg{ width:194px; float:left; height:120px; background:#999; position:relative; overflow:hidden; margin-right:25px;}
.searchcommonlist li a.searchimg img{ display:block; max-width:100%; max-height:100%; margin:0px auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.searchcommonlist li h3{ font-size:18px; overflow:hidden; line-height:20px; height:20px;}
.searchcommonlist li p.desc{ font-size:14px; line-height:24px; margin-top:8px; overflow:hidden; height:72px; color:#999;}
.searchcommonlist li p.time{ color:#999; font-size:12px; line-height:15px; margin-top:5px;}
.Casesdetailcontentbg{ padding:40px 0px; background:#f6f6f6;}
.Casesdetailcontent{ padding:0px 15px; max-width:960px; margin:0px auto;}
.Casesdetailcontent h3{ font-size:30px; color:#333; border-bottom:1px solid #e3e3e3; text-align:center; padding-bottom:25px;}
.Casesdetaildesc{ font-size:16px; color:#555; line-height:30px; padding-top:25px;}
.Casesdetaildesc img{ max-width:100%; max-height:100%;}
.Casesdetaillistimg{padding:0px 15px 40px; max-width:960px; margin:0px auto;}
.Casesdetaillistimg h3{ text-align:center; position:relative; padding-top:45px; padding-bottom:15px;}
.Casesdetaillistimg h3:after{ content:" "; position:absolute; bottom:0px; left:50%; margin-left:-19px;width:38px; height:2px; background:#008cce;}
.Casesdetaillistimg ul{ padding-top:15px;}
.Casesdetaillistimg ul li{ margin-top:20px;}
.Casesdetaillistimg ul li img{ display:block; width:100%;}
.Casesdetaillistimg ul li p{ margin:10px  0px; height:40px; font-size:16px; line-height:40px; position:relative;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.Casesdetaillistimg ul li p:after{ content:" "; position:absolute; bottom:0px; left:0px; width:17px; height:1px; background:#008cce;}
.Casesdetaillist .btn{background:#fff;width:30px;height:30px;line-height:30px;color:#333;list-style: none;padding:0;font-size:14px;opacity:.7;}
.Casesdetaillist .btn:hover{opacity:1;}
.Casebg{background:#f4f4f4; padding:15px 0px 40px;}
.Caselist ul{ margin:0px -15px;}
.Caselist ul li{ padding:0px 15px; margin-top:25px;}
.Caselist ul li span{ display:block; position:relative; overflow:hidden;}
.Caselist ul li span:after{ z-index:99; top:-10px; right:-10px; width:8%; height:12%; border-right:2px solid rgba(255,255,255,0.5); border-top:2px solid rgba(255,255,255,0.5); position:absolute; content:""; opacity:0;transition:all .3s linear;-webkit-transition:all .3s linear;}
.Caselist ul li span:before{ z-index:99; top:-10px; left:-10px; width:8%; height:12%; border-left:2px solid rgba(255,255,255,0.5); border-top:2px solid rgba(255,255,255,0.5); position:absolute; content:""; opacity:0;transition:all .3s linear;-webkit-transition:all .3s linear;}
.Caselist ul li img{ display:block; width:100%; transition:all .3s linear;-webkit-transition:all .3s linear; transform:scale(1);-webkit-transform:scale(1);}
.Caselist ul li a{ display:block;}
.Caselist ul li div.Caseinfo{ background:#fff url(../images/img48.png) no-repeat 95% center; padding:4%; position:relative;}
.Caselist ul li div.Caseinfo h3{ border-left:2px solid #008cce; font-size:24px; font-weight:bold; color:#333; padding-left:15px; overflow:hidden; height:26px; line-height:26px;}
.Caselist ul li div.Caseinfo p{ font-size:14px; padding-top:10px; color:#555555; height:32px; line-height:22px;padding-left:15px; overflow:hidden;}
.CaseslistTwo{ padding-top:30px;}
.CaseslistTwo ul li{ margin-top:25px;}
.CaseslistTwo ul li .pic{position: relative;padding-top:65%}
.CaseslistTwo ul li .pic img{position:absolute;left:0;top:0;width:100%;height:100%; display:block; width:100%;}
.CaseslistTwo ul li p{ margin:10px  0px; overflow:hidden; height:40px; font-size:18px; line-height:40px; position:relative;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.CaseslistTwo ul li p:after{ content:" "; position:absolute; bottom:0px; left:0px; width:17px; height:1px; background:#008cce;}
.Caselist ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.Caselist ul li:hover span:after{top:30px; right:30px; opacity:1;}
.Caselist ul li:hover span:before{top:30px; left:30px; opacity:1;}
.changePasswordbox{ padding:80px 0px;}
.changePasswordbox h3{ border-bottom:1px solid #eee; padding-bottom:15px;}
.changePasswordbox .tab_qh{max-width: 300px;margin:30px auto;}
.changePasswordbox .tab_qh a{text-align: center;font-size:16px;padding:0 20px;color:#000;}
.changePasswordbox .tab_qh a.cur,.changePasswordbox .tab_qh a:hover{color:#008cce;}
.changePasswordTwo{display: none; }
.changePasswordTwo dl{ max-width:300px; margin:15px auto 0px;}
.changePasswordTwo dl dt{ float:left; line-height:38px; width:100px; font-size:14px; color:#333; height:38px; text-align:right; padding-right:20px;}
.changePasswordTwo dl dd{ height:38px; font-size:14px;}
.changePasswordTwo dl dd input{ width:188px; height:36px; padding:0px 10px; border:1px solid #d3d3d3; font-size:14px; color:#999; vertical-align:middle;}
.changePasswordTwo dl dd input.moren{ padding-left:0px; width:208px; border:none; height:38px;}
.changePasswordTwo dl dd img{ vertical-align:middle; margin-left:20px; cursor:pointer; width:83px; height:35px;}
.changePasswordTwo dl dd a{ vertical-align:middle; margin-left:10px;}
.changePasswordTwo dl dd span.huoquyanz{display: inline-block;width: 133px;height:38px;line-height:38px;text-align: center;font-size: 16px;color: #fff;background: #008cce;cursor: pointer;vertical-align: middle;}
.changePasswordTwo dl p{  padding-left:120px;}
.changePasswordTwo dl p input{width: 115px;height: 39px;line-height: 39px;text-align: center;font-size: 18px;color: #fff;background: #008cce;cursor: pointer;}
@media (min-width:480px) {
.commonbanner img.bigimg{ width:100%;left:0%; margin-left:0px;}
}
@media (min-width: 768px) {
.login{width:370px}
.commonclass{ text-align:left;}
.commonclass a{ margin:0px 45px 0px 0px;}
.location{ display:block;}
.indexCases ul li{ position:inherit; float:left; left:0px; top:0px;width:25%;}
.indexCases ul li:nth-child(4) .content{ bottom:0px;border-top:none;}
.newsdetafoot p{ text-align:right; padding-top:0px;}
.jobscontent h3.jobtitle{ text-align:center; font-size:36px;}
.jobscontent p.desc{font-size:22px; line-height:36px; padding-top:60px; padding-bottom:45px;}
.jobscontent dl img{margin-top:0px;}
.jobscontent dl dt{ width:69.7%;}
.jobscontent dl dd{ position:absolute; right:0px; width:29%; height:100%; top:0px;}
.jobscontent dl dd em{ display:block; width:100%; position:absolute; bottom:0px;}
.jobsmore{ padding:100px 0px;}
.jobsmore a{font-size:20px;width:230px; padding:15px 0px; position:relative;}
.Caseslistbox span{opacity:0; transition:all .3s ease;}
.Caseslistbox:hover span{ opacity:1}
.Casesdetail img.binimages{ display:none;}
.Contactaddre dt p.tel span{width:50%; display:inline-block;}
.Contactaddre dt p.tel span.tel2{ margin-top:0px;}
.Contactlist li:nth-child(2n+1){ clear:left;}
.Productheadcontent h3{ font-size:30px; padding-top:0px;}
.Productheadcontent .desc{ font-size:16px; line-height:28px; padding-top:25px;}
.Productcontenttitle a.return{ display:block;}
.Productspecificationsweb{ padding:60px; }
.Companyicon ul li{width:33.33%;}
.Techbox dl.Techone dd{padding-top:16px; position:relative;}
.Techbox dl.Techone dd span{ display:inline-block; margin-left:0px;margin-right:35px; margin-top:0px;}
.jobshead h3{ font-size:36px;}
.banner ul li div.bannertext dl{ padding:0px 10%;}
.commonbanner .bannertext dl{ padding:0px 10%;}
.aboutchuangxin ul li:nth-child(2n+1){ clear:left;}
.aboutqiye ul{ margin:0px -5px}
.aboutqiye ul li{ padding:0px 5px}
.aboutimg ul li{margin-top:30px;}
.aboutinfo{padding:80px 0px;}
.aboutchuangxin{padding:100px 0px;}
.aboutimg{ padding-top:30px;}
.aboutqiye{ padding-top:100px;}
.aboutclose{width:50px; height:50px;margin-left:-25px;}
.Historylist ul li dl{ position:relative; /*padding-left:215px;*/padding-left:300px;}
.Historylist ul li dl dt{ position:absolute; left:0px; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.Historylistbox{position:absolute; right:0px;top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%); z-index:99999;}
.Historylistbox span{ display:block; background-size:cover; background-repeat:no-repeat; cursor:pointer; width:48px; height:48px; margin:10px 0px;}
.search_condition li{ padding-left:96px;}
.search_condition li em{ position:absolute; top:10px; padding-bottom:0px; text-align:right}
.Selected{padding-left:96px;}
.Selected span{position:absolute;width:85px; padding-bottom:0px; text-align:right;}
.search_condition li div.searchclass a{ margin-top:0px;}
.producttwodetail{ margin-top:0px;}
.shengcheng{ margin-top:0px;}
.search_condition li{ float:left; width:50%;}
.search_condition li:nth-child(2n+1){ clear:left;}
.indextitle h3{ font-size:30px;}
.indextitle h3 span{ font-size:36px;}
.indextitle p{ font-size:16px;}
.jobsclasslist ul li:after{ display:block;}
.jobsclasslist{padding-top: 65px;padding-bottom: 100px;}
.CasesArrow{margin-top:-28px;width:57px; height:57px;}
.Casesdetailcontent h3{ font-size:40px; color:#333;padding-bottom:45px;}
.Casesdetaildesc{ font-size:16px;padding-top:45px;}
.Casesdetailcontentbg{ padding:90px 0px 60px;}
.Casebg{ padding:55px 0px 80px;}
.Caselist ul li{ float:left;}
.Caselist ul li:nth-child(1){ width:65%;}
.Caselist ul li:nth-child(1) div.Caseinfo{ margin-left:12%; margin-top:-50px; z-index:99;}
.Caselist ul li:nth-child(2){ width:30%;}
.Caselist ul li:nth-child(3){ width:35%;}
.Caselist ul li:nth-child(3) div.Caseinfo{background:#000 url(../images/img48.png) no-repeat 95% center; color:#fff; margin-right:23%; margin-top:-70px;}
.Caselist ul li:nth-child(3) div.Caseinfo h3{ color:#fff;}
.Caselist ul li:nth-child(3) div.Caseinfo p{color:#fff;}
.Caselist ul li:nth-child(4){ width:50%;}
.Caselist ul li:nth-child(4) a{ padding-left:17.4%}
.Caselist ul li:nth-child(5){ width:50%;}
.Caselist ul li:nth-child(5) div.Caseinfo{ margin-left:32%; margin-top:-35px; z-index:99;}
.productlist span{min-height: 230px;}
}
@media (min-width: 992px) {
.location a{padding-right:20px; margin-right:20px;}
.location a.zx{display:block;background:#e2e2e2;color:#fff;font-size:16px;width:115px;height:40px;border-radius:20px;text-align:center;line-height:40px;}
.newslist{ padding-top:45px;}
.indexabout{padding:145px 15px 105px;}
.indexabout h3{ font-size:48px; line-height:55px;}
.indexabout div.desc{font-size:18px;line-height:36px; padding-top:55px;}
.indexabout p.more{ padding-top:45px;}
.indexabout p.more a{font-size:16px;}
.banner{ display:block;}
.mbanner{ display:none;}
.headerbox,.indexclass{ padding:0px 48px;}
.aboutbanner{ padding:0px 48px;}
.header{ position:relative; height:85px; padding:0px;z-index:99;}
.header a.logo{ margin-top:23px;}
.header a.logo img{ height:38px;}
.header ul.navlist{ display:block;}
.headright{ display:block;}
.Mnavbtn{ display:none;}
.Paging{ padding:60px 0px;}
.Contactaddre{ padding:65px;}
.Contactaddre dt{ float:left; width:41%;}
.Contactaddre dd{ float:right; width:50%;}
.Contactlist li:nth-child(2n+1){ clear:none;}
.Contactlist li:nth-child(4n+1){ clear:left;}
.Productheadcontent{ padding-left:50px;}
.indexclass{ display:block;}
.banner ul li div.bannertext{padding-top:0px; color:#fff; position:absolute; width:100%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%); top:50%;}
.banner ul li div.bannertext p.textimg img{ display:block;}
.mindexclass{display:none;}
.commonbanner .bannertext{padding-top:0px; color:#fff; position:absolute; width:100%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%); top:50%; z-index:888;}
.commonbanner .bannertext h3{font-size:48px;line-height:55px; padding-top:0px; font-family:"Adobe 黑体 Std"; font-weight:bold; position:relative; padding-bottom:25px; position:relative;}
.commonbanner .bannertext h3:after{ position:absolute; content:""; width:40px; height:4px; background:#fff; left:0px; bottom:0px;}
.commonbanner .bannertext h4{ display:block; position:relative; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; padding-top:25px;}
.commonbanner .bannertext p.more{ display:block;padding-top:100px; position:relative; padding-bottom:0px;}
.Techbox dl.Techtwo dt{ position:absolute; left:15px; font-size:16px; line-height:26px; color:#666666; max-width:390px; top:80px;}
.Techbox dl.Techtwo{ padding-bottom:55px; padding-left:450px; overflow:hidden;}
.MemberCentre dl dd span{ position:absolute; left:0px; padding-left:8px; padding-bottom:0px;}
.MemberCentre dl dd{ position:relative; padding-left:115px; margin-top:25px;}
.usercenterleft{ display:block;}
.usercenterright{float:right; width:720px; padding-left:45px;}
.usercenterclass{ display:none;}
.Productspecificationsimages{ border-bottom:none; margin:0px; padding:0px; position:absolute; right:90px; max-width:400px;}
.Productspecificationsimages dl{ border:1px solid #eee;}
.Productspecificationsimages dl img{ display:block; max-width:100%; margin:0px auto;}
.Productspecificationsimages div.desc{font-size:14px;line-height:24px;padding-top:15px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:10;-webkit-box-orient: vertical;height:300px;}
.headerbox, .indexclass{padding:0 24px;}
.header ul.navlist li{padding:0 10px;}
.header ul.navlist{left:60%;}
}
@media (min-width: 1060px) {
.foot{padding-top:50px;}
.footer dl{ border-top:1px solid #009be4; margin-top:20px;}
.footer dl dd{ float:left; padding-bottom:0px;}
.footer dl dt{ float:right; padding-bottom:0px;}
.indexCases{height:795px;}
.indexCases ul{ position:absolute; width:100%; height:100%;}
.indexCases ul li{ position:absolute; float:none; left:0px; top:0px;width:auto;}
.indexCases ul li .content{position:absolute; left:-1px; right:-1px; height:375px;border:1px solid transparent;padding:75px 15% 0px}
.indexCases ul li .content h3{color:#fff; font-size:24px; line-height:30px;}
.indexCases ul li .content h4{color:#fff; font-size:24px; line-height:30px; position:relative;}
.indexCases ul li .content h4:after{position:absolute; bottom:-50px; width:40px; border-top:1px solid #fff;padding-top:25px; display:block; content:""; transition:all .3s ease;-webkit-transition:all .3s ease}
.indexCases ul li:nth-child(1){ width:19%; top:49%; border-top:1px solid rgba(255,255,255,.5); display:block;}
.indexCases ul li:nth-child(2){ left:19%; border-left:1px solid rgba(255,255,255,.5); width:17%; top:41%; bottom:0px; border-top:1px solid rgba(255,255,255,.5);}
.indexCases ul li:nth-child(3){ left:36%; border-left:1px solid rgba(255,255,255,.5); width:17%; top:0%; bottom:0px;}
.indexCases ul li:nth-child(4){ left:53%; border-left:1px solid rgba(255,255,255,.5); width:17%; top:0%; bottom:8%;}
.indexCases ul li:nth-child(4) .content{ bottom:0px;}
.indexCases ul li:nth-child(5){ left:70%; border-left:1px solid rgba(255,255,255,.5); width:30%; top:0%; bottom:8%;}
.indexCases ul li:nth-child(5) .content{ bottom:24%; height:280px;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);}
.Productdetailtitle{ padding-top:0px;}
.indexabout div.desc em{ display:block;}
.Techbox dl.Techone dt{ float:left; max-width:450px;}
.Techbox dl.Techone dd{ margin-bottom:-100px; position:relative; z-index:99;}
.Techbox dl.Techone dd span{ display:inline-block; margin-left:0;margin-right:35px; width:auto;}
.banner ul li div.bannertext dl{ /*padding:0px 215px;*/padding:0px 170px;}
.commonbanner .bannertext dl{ /*padding:0px 215px;*/padding:0px 170px;}
.Companycontent em{ display:block;}
.usercenterright{width:925px;}
.header ul.navlist li{padding:0 25px;}
.indexProduct span,.Caseslistbox span,.Casesdetaillist .btn{width:50px;height:50px;}
.Casesdetaillist .btn{line-height:50px;font-size:16px;}
.proShow_main{font-size:1.286em;}
.Prizelist ul li P{font-size:16px;}
.Prizelist{ margin:60px 100px 0px;}
.jobscommontitle{ padding:80px 0px 40px;font-size:36px;}
.proShow_tie span{margin-right:30px;font-size:20px;}
  #dituContent{height:500px;}
}
@media (min-width: 1160px) {
  .header ul.navlist{left:52%;}
}
@media (min-width: 1440px) {
  .container {
    width: 1390px;
  }
  .Productdetail{width:1359px;}
  .Contact_content{ background:#fff; padding:50px 45px;}
  .banner ul li div.bannertext dl{ padding:0px 215px;}
  .commonbanner .bannertext dl{ padding:0px 215px;}
}
.compyright span,.compyright a {
    color: #fff;
}