/*--公共--*/
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,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;}

.clearfl:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfl{*zoom:1;}


/*--头部--*/
.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 30px; position:relative;}
.header ul.navlist li a{ font-size:16px; color:#e2100f; 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:#d6001c;}
.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:#e2100f}
.Mnavbtn{ position:relative; float:right; width:25px;cursor:pointer; padding-top:20px;}
.Mnavbtn span{ height:3px; display:block; margin-top:5px;background:#c80000}

.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.animate{
  position: relative;
	overflow: hidden;
	width: 100%;
}
.banner ul li.animate img{
  width: 100%;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
	-webkit-animation: minus 5s 0s ease both infinite;
	-moz-animation: minus 5s 0s ease both infinite;
	animation: minus 5s 0s ease both infinite;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}
.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:100px;line-height: 110px;
    font-weight:bold;
  transition:all .5s ease 0.8s;-webkit-transition:all .5s ease 0.8s;}
.banner ul li div.bannertext h4{top:30px; opacity:0; position:relative;color: #fff; font-size: 32px;margin-bottom: 7%;
 line-height:24px;transition:all .5s ease 1.2s;-webkit-transition:all .5s ease 1.2s;}
.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-repeat:no-repeat; background-position:88% center;border:1px solid #fff; 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;border-color: #10a9eb;background-color: #10a9eb}
.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:20%; padding:0px 15px;}
.indexclass ul li a{ display:block; position:relative; border-bottom:4px solid #edebed; padding:0px 0px; height:80px; font-size:18px; font-weight:bold; color:#b2b2b2;transition:all .3s ease;-webkit-transition:all .3s ease;}
.indexclass ul li a span{font-size: 24px; position:absolute; width:100%; color: #7a8189; transform:translateY(-50%);-webkit-transform:translateY(-50%); top:50%;text-align: center}
.indexclass ul li a span b{
  color: #7a8189;
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
  font-weight: normal;
  font-size: 20px;
}
.indexclass ul li a span  em{
  font-size: 16px;
  color: #666
}
.indexclass ul li a span strong{
  display: inline-block;
  vertical-align: middle
}
.indexclass ul li a:after{ display:block;content:" "; width:0px; height:4px; background:#10a9eb; 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:#e2100f; 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:#d6001c; 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: #d6001c;
}
.commonmore:hover svg path {
   stroke-dashoffset: 166;
}


/*--首页公共标题--*/

.indextitle{ padding:70px 0px; text-align:center;}
.indextitle h3{ font-size:20px; color:#e2100f;line-height:55px; position:relative;}
.indextitle h3 span{ font-size:26px; color:#e2100f; 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:247px;}
.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:#d6001c; 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:57px; height:57px; background-color:#d6001c; background-repeat:no-repeat; z-index:99; cursor:pointer; opacity:0;}
.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:1; transition:all .5s ease;-webkit-transition:all .5s ease;}
.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:#ff495c; 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 div.content{position:relative;height:280px;border:1px solid transparent;padding:30px 10%}
.indexCases ul li div.content h3{color:#fff; font-size:18px; line-height:30px;}
.indexCases ul li div.content h4{color:#fff; font-size:18px; line-height:30px; position:relative;}
.indexCases ul li div.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) div.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) div.content{border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);}

.indexCases ul li div.content:hover{background:#10a9eb ; border:1px solid #10a9eb;}
.indexCases ul li div.content:hover h4:after{ bottom:-300%;background:url(../Images/img10.png) no-repeat left bottom;}

.indexCases ul li div.Casescur{background:#10a9eb; border:1px solid #10a9eb !important;}
.indexCases ul li div.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 div.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;}




@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:#d6001c;border-bottom:1px solid #d6001c;}
.commonclass a.cur{ color:#d6001c;border-bottom:1px solid #d6001c;}

.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:#c80000;border:1px solid #c80000;}
.Paging a.cur{ color:#fff; background:#c80000;border:1px solid #c80000;}

.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 #c80000; background:#c80000; color:#fff;font-size:14px; padding:10px 50px;}
.newsdetafoot p a:hover{ background:#c80000;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:#c80000;border-bottom:1px solid #c80000;}
.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:#c80000; 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 ul li div.bannertext{ position:absolute; top:0px; width:100%;}
.commonbanner ul li div.bannertext dl{ padding:0px 15px;}
.commonbanner ul li div.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 ul li div.bannertext h3:after{ position:absolute; content:""; width:40px; height:4px; background:#fff; left:0px; bottom:0px;}
.commonbanner ul li div.bannertext h4{ display:none; position:relative; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; padding-top:25px;}
.commonbanner ul li div.bannertext p.more{ display:none;padding-top:30px; position:relative; padding-bottom:30px;}
.commonbanner ul li div.bannertext p.more a{ display:inline-block; background-image:url(../Images/icon04.png); background-color:#d6001c;background-repeat:no-repeat; background-position:88% center;border:1px solid #ff0000; 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 ul li div.bannertext p.more a:hover{background-position:85% center;padding-left:30px;}
.commonbanner ul li div.bannertext p.textimg{ padding-bottom:30px;}
.commonbanner ul li div.bannertext p.textimg img{ display:block; max-width:100%;}

.jobsbg{ background:#f8f8f8; padding-top:80px; 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:#d6001c url(../Images/icon06.png) no-repeat 97% center;border-bottom:1px solid #d6001c; color:#fff;}
.jobslist ul li div.jobsfoot{padding:3% 4%; border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee; font-size:18px;}
.jobslist ul li div.jobsfoot a{ color:#d6001c}
.jobslist ul li:last-child  h3.jobstitle{ border-bottom:none;}

.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:36px; color:#020202; line-height:46px; text-align:center; padding:90px 0px 50px; 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:#e2100f;}
.Casestitle span{font-family:Arial, Helvetica, sans-serif; color:#e2100f; font-size:36px;}
.Casestitle em{ color:#e2100f; padding:0px 7px;}

.Caseslistbox{position:relative; min-height:50px; height:auto !important; height:50px;}
.Caseslistbox span{ position:absolute; top:50%; margin-top:-75px; width:57px; height:57px; background-color:#d6001c; background-repeat:no-repeat; z-index:99; cursor:pointer;}
.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:#d6001c;}

.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:#d6001c;}
.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 #d6001c; padding:3px 15px; color:#d6001c;}
.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 #d6001c; border-radius:4px; padding:7px 40px 7px 8px; font-size:14px; line-height:16px; color:#d6001c;}
.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;}
.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:#d6001c;}

.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%;}

.Contactlist{ padding-top:40px; padding-bottom:60px;}
.Contact_content{ background:#fff; padding:30px 25px 45px; margin-top:30px; min-height:428px; height:auto !important; height:428px;}
.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:#d6001c;color:#fff;}
.Companycontent{margin:0px auto; font-size:18px; text-align:center; line-height:36px; position:relative; max-width:900px;}
.Companyicon{ margin:0px auto; max-width:900px; 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:#d6001c;}

.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:50px;}
.Historylist ul li dl dd p{ position:relative; padding-top:10px; line-height:32px;}
.Historylist ul li dl dd em{ width:50px; position:absolute; color:#fff;left:-80px; display:inline-block;}
.Historylist ul li dl dd em:after{ border-radius:100%; background:#d6001c; 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:#d6001c; 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:60px 100px 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:18px; 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 #b21f24;}
.Productheadbg{ background:#f6f6f6; padding:50px 0px;}

.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 #b21f24;}
.Detaillistsmallimg ul li.cur p{ display:block;}
.Productheadcontent{ padding-left:15px;}
.Productheadcontent h3{ font-size:24px; color:#000; padding-top:25px;}
.Productheadcontent p.desc{ font-size:14px; color:#666; line-height:28px; border-bottom:1px solid #e5e5e5; padding-top:10px; padding-bottom:15px;}

.Productcontenttitle{ position:relative; border-bottom:1px solid #f2f2f2;}
.Productcontenttitle dl span{ position:relative; display:inline-block;padding:30px 0px; margin-bottom:-1px; font-size:20px; border-bottom:2px solid #d6001c;}
.Productcontenttitle a.return{ position:absolute; left:0px; bottom:0px; top:0px; border-right:1px solid #f2f2f2; background:url(../Images/icon48.png) center no-repeat; width:60px; display:none;} 
.Productcontenttitle a.return:hover{ background:url(../Images/icon048.png) center no-repeat #d6001c;}
.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:#d6001c;}
.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:#d6001c;}

.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:#d6001c; color:#fff; border:1px solid #d6001c;}

.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) #10a9eb 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; padding: 0 20px; 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.jpg) no-repeat right bottom; border:1px solid #10a9eb;}

.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 #d6001c;}

.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 #10a9eb; background:#10a9eb 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:#10a9eb;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:#d6001c; 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:#d6001c; 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:#d6001c; 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 #d6001c;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:#d6001c; 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:#d6001c;}
.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:#d6001c;}

.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:#d6001c; 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:#d6001c; 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:#d6001c; 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;}
.mbannerdot span{ display:inline-block; margin-right:10px; width:45px; height:2px; background:#3a333f; position:relative;}
.mbannerdot span:after{ width:100%; height:2px; content:" "; position:absolute; left:0px; bottom:0px;background:#d6001c;}
.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: #d6001c;color: #fff;border: 1px solid #d6001c;}

.producttwodetail{ margin-top:20px;}
.producttwodetail p{ color:#d6001c;}
.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 #d6001c; 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 #d6001c;}
.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:#d6001c; 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:#d6001c; 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 #d6001c; color:#d6001c;}

.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:#d6001c;}
.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:#d6001c;}
.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:#d6001c;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 #d6001c; background:#d6001c;}

/*--修改密码--*/
.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:#d6001c; 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:#d6001c; 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 #d6001c;}
.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:#d6001c;}
.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:#d6001c;}
.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 20px 0px; overflow:hidden; height:40px; font-size:18px; line-height:40px; position:relative;}
.Casesdetaillistimg ul li p:after{ content:" "; position:absolute; bottom:0px; left:0px; width:17px; height:1px; background:#d6001c;}

.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 #d6001c; 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 img{ display:block; width:100%;}
.CaseslistTwo ul li p{ margin:10px 20px 0px; overflow:hidden; height:40px; font-size:18px; line-height:40px; position:relative;}
.CaseslistTwo ul li p:after{ content:" "; position:absolute; bottom:0px; left:0px; width:17px; height:1px; background:#d6001c;}
.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:#d6001c;}

.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: #d6001c;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: #d6001c;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) div.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 p.desc{ font-size:16px; line-height:28px; padding-top:25px;}
.Productcontenttitle a.return{ display:block;}
.Productspecificationsweb{ padding:60px; }
.Companyicon ul li{width:20%;}
.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 ul li div.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:240px;}
.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;}
.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;}
.indexclass{ padding:0px 48px;}
.aboutbanner{ padding:0px 48px;}
.header{ position:relative; height:85px; padding:0px;}
.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:130px;}

.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 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%; z-index:888;}
.commonbanner ul li div.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 ul li div.bannertext h3:after{ position:absolute; content:""; width:40px; height:4px; background:#fff; left:0px; bottom:0px;}
.commonbanner ul li div.bannertext h4{ display:block; position:relative; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; padding-top:25px;}

.commonbanner ul li div.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;}

}
@media (min-width: 1260px) {



.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 div.content{position:absolute; left:-1px; right:-1px; height:375px;border:1px solid transparent;padding:75px 15% 0px}
.indexCases ul li div.content h3{color:#fff; font-size:18px; line-height:30px;}
.indexCases ul li div.content h4{color:#fff; font-size:18px; line-height:30px; position:relative;}
.indexCases ul li div.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) div.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) div.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 ul li div.bannertext dl{ /*padding:0px 215px;*/padding:0px 170px;}
.Companycontent em{ display:block;}
.usercenterright{width:925px;}
}
@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 ul li div.bannertext dl{ padding:0px 215px;}
}