@font-face {
	font-family:myfont;
	src: url(../font/myfont.eot);
	src: url(../font/myfont.otf);
	src: url(../font/myfont.svg);
	src: url(../font/myfont.ttf);
	src: url(../font/myfont.woff);
	src: url(../font/myfont.woff2);
}

* { margin: 0; padding: 0;text-decoration: none;}
html {overflow-y: scroll;}
body {margin:0; padding:0; text-align:center; background:#FFFFFF; color:#333; font-size:12px; font-family:myfont;}
img{border: none; padding:0; margin:0;}
a{padding:0; margin:0;}
p{padding:0; margin:0;}
ul li{ margin:0; padding:0; list-style:none; }
a{color:#333;}
a:hover{color:#de3e4a;}

.l{float:left;}
.r{float:right;}
.c{clear:both;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fc1{color:#e60012;}
.mt20{margin-top:20px;}

.divbox{width:1440px; padding:0 auto; margin:0 auto;}





/*公共案例*/
.public_case{margin:50px 0 50px 0;}
.public_case .casetit{ font-size:32px; margin-top:20px;}
.public_case .casetxt{font-size:20px; margin-top:20px;}

@media only screen and (max-width: 640px){
.public_case{padding:10px 0 10px 0; margin:0 0 10px 0;}
.public_case .casetit{ font-size:24px; margin-top:20px;}
.public_case .casetxt{font-size:16px; margin-top:10px;}
}






/*PC导航开始*/
.header{padding:0; margin:0; position:fixed; top:0;left:0; width: 100%; background:rgba(255,255,255,0.9); z-index: 999;}

/******/
.header .header-top{background-color:#000; color:#FFFFFF; height:30px; line-height:30px; text-align:center; font-size:14px; text-align:center;} /*高度30px*/
.header .header-top ul{text-align:center; font-size:0; display:table; word-spacing:-1em;} /*浏览器兼容设置*/
.header .header-top ul li{display:inline-block; width:720px; text-align:left; overflow:hidden; font-size:14px;}
.header .header-top ul li:nth-child(2n+0){text-align:right;}
.header .header-top ul li img{ width:18; height:18px; vertical-align:middle; margin-right:10px;}

/******/
.header .header-nav{text-align:center; height:60px; padding:20px 0;}  /*高度100px;*/
.header .header-nav .logo{text-align:left; overflow:hidden; float:left;}
.header .header-nav .logo .logolist{margin-left:15px;}
.header .header-nav .logo .logo-year{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  width:46px; text-align:center; height:24px; line-height:24px; font-size:14px; color:#e60012; background-color:#e60012; color:#FFFFFF; margin-top:8px;}
.header .header-nav .logo .logo-text{font-size:16px; margin-top:5px;}

/******/
.header .header-nav .nav{text-align:right; overflow:hidden; float:right;}
.header .header-nav .nav ul{margin-top:15px;}
.header .header-nav .nav li{display:inline-block; width:100px; height:32px; line-height:32px; text-align: center; overflow:hidden;}
.header .header-nav .nav li p {height:32px; overflow: hidden}
.header .header-nav .nav li a { color:#666666; font-size:16px; display: block}
.header .header-nav .nav li a span {display: block}
.header .header-nav .nav li a:hover {color: #e60012}

.sp_header{display:none;}
.sjj_nav{display:none;}

/*PC导航结束*/

@media only screen and (max-width: 640px){
.sp_header{display:block;}
.sjj_nav{display:block;}
.header{display:none;}
}

/*1200*/
@media only screen and (min-width:1280px) {
.header .header-top ul{width:1200px; margin:0 auto;}
.header .header-top ul li{width:600px; font-size:14px;}
.header .header-nav .divbox{padding:0 auto; margin:0 auto; background-color:#fff;}
.header .header-nav .logo{width:340px;}
.header .header-nav .logo .logo-year{width:46px; height:24px; line-height:24px; font-size:16px;}
.header .header-nav .logo .logo-text{font-size:16px; margin-top:5px;}
.header .header-nav .nav{width:830px;}
}

/*1440*/
@media only screen and (min-width:1920px) {
.header .header-top ul{width:1440px; margin:0 auto;}
.header .header-top ul li{width:720px; font-size:14px;}
.header .header-nav .divbox{width:1440px; padding:0 auto; margin:0 auto; background-color:#ffff;}
.header .header-nav .logo{width:380px;}
.header .header-nav .logo .logo-year{width:46px; height:24px; line-height:24px; font-size:16px;}
.header .header-nav .logo .logo-text{font-size:16px; margin-top:5px;}
.header .header-nav .nav{width:870px;}
}




/*banner样式*/
.banner{ background-size:cover; height:528px; }
.bannerbox{
	background:rgba(0,0,0,0.2);
	/*opacity: .5;*/
	height:100%;
	width:100%;}
.banner .titletext{font-size:72px; font-weight:0; color:#FFFFFF;}
.banner .destext{font-size:48px; font-weight:0; color:#FFFFFF; margin-top:30px; }
.banner .bannertext{position: relative; top: 30%; }
.banner .bannertext p{transform: translate(0);}
.banner .bannertext p:nth-child(1){animation: example1 .1s ease-out 0.8s backwards; }
.banner .bannertext p:nth-child(2){animation: example1 .1s ease-out 0.8s backwards;}

@keyframes example1 {
0% {opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
30% {opacity:.3; transform:translateY(50px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
50% {opacity:.5; transform:translateY(40px);  -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
70% {opacity:.7; transform:translateY(30px);  -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
100% {opacity:1; transform:translateY(0);  -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
}
 
@keyframes example2 {
0%  {opacity:0;}
30% {opacity:.3;}
50% {opacity:.5;}
70% {opacity:.7;}
100%{opacity:1;}
}

@media only screen and (max-width: 640px){
.banner{margin-top:50px; height:200px;}
.banner .titletext{font-size:24px;}
.banner .destext{font-size:18px; margin-top:15px;  }
}


/*数字统计*/
.index-num{width:100%; padding:0 auto; margin:0 auto;}
.index-num .index-num-box{width:1440px; margin:0 auto; background-color:#FFFFFF; padding-top:20px; height:300px;}
.index-num .us-num{ font-size:32px; margin-top:20px;}
.index-num .us-numtext{font-size:20px; margin-top:20px;}
.index-num .num_list{text-align:center;}
.index-num .num_list ul{text-align:center; font-size:0; display:table; word-spacing:-1em;}/*浏览器兼容设置*/
.index-num .num_list ul li{list-style:none;}
.index-num .num_list ul li{display:inline-block; width:288px;}
.index-num .num_list .num_box{height:124px; background:url(../img/i_one_bg1.png) right center no-repeat; margin-top:30px;}
.index-num .num_list .num_box:last-child{ background:none;}
.index-num .num_list .num_box .num{font-weight:bold;color:#e60012; font-weight:normal; font-size:60px; width:100%; height:70px; line-height:70px; text-align:center; position:relative; z-index:2; letter-spacing:1px; margin-top:10px;}
.index-num .num_list .num_box h3{ font-size:16px; color:#333333; font-weight:normal; line-height:30px; }

@media only screen and (max-width: 640px){
.index-num{display:none;}
.index-num .index-num-box{width:100%;}
.index-num .num_list .num_box:nth-child(2n+0){ background:none;}
.index-num .num_list .num_box{height:124px; background:url(../img/i_one_bg1.png) right center no-repeat; margin-top:30px;}
}

/*1200*/
@media only screen and (min-width:1280px) {
.index-num .index-num-box{width:1200px; margin:0 auto; background-color:#fff; padding-top:20px; height:300px; }
.index-num .num_list ul li{display:inline-block; width:240px;}
}

/*1440*/
@media only screen and (min-width:1440px) {
.index-num .index-num-box{width:1440px; margin:0 auto; background-color:#FFFFFF; padding-top:20px; height:300px;}
.index-num .num_list ul li{display:inline-block; width:288px;}
}






/*我们的服务*/
.index-serverlist{ background-color:#fff; margin:20px 0 0 0;}
.index-serverlist .index-serverlist-box{ width:1440px; margin:0 auto; text-align:center; overflow:hidden;}
.index-serverlist .index-serverlist-box ul{text-align:center; font-size:0; display:table; word-spacing:-1em; vertical-align:top;}/*浏览器兼容设置*/
.index-serverlist .index-serverlist-box ul li{ display:inline-block; overflow:hidden; width:470px; overflow:hidden; margin-right:15px; vertical-align:top;}
.index-serverlist-box ul li:nth-child(3n+0){ margin-right:0;} 
.index-serverlist-box ul li .imgs{ overflow:hidden; position:relative; text-align:center; color:#fff;}
.index-serverlist-box ul li .imgs img{display:block; padding:0; margin:0; width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.index-serverlist-box ul li:hover .imgs img{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
.index-serverlist-box ul li .txts{ position:absolute; top:0; left:0; width:100%; height:100%; font-size:24px;}
.index-serverlist-box ul li i{ display:block; margin:0 auto; margin-top:120px; width:204px; height:99px; background-repeat:no-repeat; background-size:100% 100%; margin-bottom:20px;}
.index-serverlist-box ul li h3{ font-weight:normal; font-size:24px; line-height:40px;}
.index-serverlist-box ul li.bgs1 i{ background-image:url(../img/yanfa.png);}
.index-serverlist-box ul li.bgs2 i{ background-image:url(../img/lingyu.png);}
.index-serverlist-box ul li.bgs3 i{ background-image:url(../img/lianxi.png);}
.index-serverlist-box ul li .cons{ width:426px; margin:0 auto; border:#f3f3f3 solid 1px; padding:20px;}
.index-serverlist-box ul li .cons p{ line-height:30px; margin-bottom:25px; font-size:16px; color:#666666; text-align:left;}
.index-serverlist-box ul li .cons p b{ font-size:18px; color:#e60012; line-height:36px; }
.index-serverlist-box ul li.bgs2 .cons p b{color:#248cf6;}
.index-serverlist-box ul li.bgs3 .cons p b{color:#1ecc85;}
.index-serverlist-box ul li .service_ul_a{ overflow:hidden;}
.index-serverlist-box ul li .service_ul_a a{ float:left; margin-bottom:10px; margin-right:15px; border:1px solid #e60012; width:124px; text-align:center; height:36px; line-height:36px; font-size:14px; color:#e60012; transition:all 0.3s; -webkit-border-radius: 6px; -moz-border-radius:6px ;  border-radius:6px;}
.index-serverlist-box ul li.bgs2 .service_ul_a a{ color:#248cf6; border:1px solid #248cf6;}
.index-serverlist-box ul li.bgs3 .service_ul_a a{ color:#1ecc85; border:1px solid #1ecc85;}
.index-serverlist-box ul li .service_ul_a a:nth-child(3n+0){ margin-right:0;}
.index-serverlist-box ul li .service_ul_a a:hover{ color:#fff; background-color:#e60012; border:1px solid #e60012;}
.index-serverlist-box ul li .bgs2 .service_ul_a a:hover{ color:#fff; background-color:#248cf6; border:1px solid #248cf6;}
.index-serverlist-box ul li .bgs3 .service_ul_a a:hover{ color:#fff; background-color:#1ecc85; border:1px solid #1ecc85;}



@media only screen and (max-width: 640px){
.index-serverlist{ background-color:#fff; margin:10px 0 0 0;}
.index-serverlist .index-serverlist-box{ width:100%;}
.index-serverlist .index-serverlist-box ul li{ width:32%; margin-right:5px;}
.index-serverlist .index-serverlist-box ul li:nth-child(3n+0){ margin-right:0;}
.index-serverlist-box ul li i{margin-top:20%; width:50%; height:40%}
.index-serverlist-box ul li .cons{ width:99%; padding:10px 0 0 0; height:auto;}
.index-serverlist-box ul li .cons p b{ font-size:12px; line-height:18px;}
.index-serverlist-box ul li .cons p{line-height:18px; font-size:10px; color:#666666; text-align:left; padding-left:5px; margin-bottom:10px;}
.index-serverlist-box ul li .cons .service_ul_a a{width:30%; height:12px; line-height:12px; font-size:8px; transition:all 0.3s; margin-right:1%; padding-top:3px;}
}
/*1200*/
@media only screen and (min-width:1280px) {
.index-serverlist .index-serverlist-box{ width:1200px; margin:0 auto; text-align:center; overflow:hidden;}
.index-serverlist .index-serverlist-box ul li{ width:32.66%; margin-right:8px;}
.index-serverlist .index-serverlist-box ul li:nth-child(3n+0){ margin-right:0;}
.index-serverlist-box ul li i{margin-top:20%; width:50%; height:40%}
.index-serverlist-box ul li .cons{ width:90%;}
.index-serverlist-box ul li .cons .service_ul_a a{width:28%; }
}
/*1440*/
@media only screen and (min-width:1440px) {
.index-serverlist .index-serverlist-box{ width:1440px; margin:0 auto; text-align:center; overflow:hidden;}
}






/*我们的产品*/
.index-product{background-color:#f3f3f3;  padding:30px 0 30px 0;}
.index-product .us-prt{ font-size:32px; margin-top:20px;}
.index-product .us-prttext{font-size:20px; margin-top:20px;}
.index-procuct-box{ width:1440px; margin:0 auto; overflow:hidden; text-align:center;}
.index-procuct-box ul{text-align:center; font-size:0; display:table; word-spacing:-1em; margin-top:30px;}

.index-procuct-box ul li{overflow:hidden; width:345px; margin-right:20px; display:inline-block; background:#fff; position:relative; transition:all 0.5s; margin-top:10px; }
.index-procuct-box ul li:nth-child(4n+0){margin-right:0;}
.index-procuct-box ul li:before{content:""; display: block;position: absolute;left: 0%;right: 0%;bottom: 0px;height:2px;opacity: 1; background-color: #dcdcdc; -webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.index-procuct-box ul li:after{content:""; display: block;position: absolute;left: 0%;right: 100%; bottom: 0px;height:2px;opacity: 0;background-color: #e60012;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.index-procuct-box ul li:hover:after{left:0%; right: 0%; opacity: 1;}
.index-procuct-box ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.index-procuct-box ul li .imgs img{/*display: block;*/width: 100%; height:auto; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.index-procuct-box ul li .imgs{ width:100%; height: auto; overflow:hidden; position:relative;}
.index-procuct-box ul li:hover .imgs img{-webkit-transform:scale(1.02, 1.02); -moz-transform:scale(1.02, 1.02); -o-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02);}
.index-procuct-box ul li .allist-cnt{margin:0 auto; text-align:center; line-height:32px; padding-top:20px; padding-bottom:20px; padding:20px; overflow:hidden;}
.index-procuct-box ul li .allist-cnt h5{ font-weight:normal; font-size:20px; color:#000; line-height:48px; height:48px; overflow:hidden; text-align:left;}
.index-procuct-box ul li .allist-cnt p{overflow:hidden; font-size:16px; color:#666666; text-align:left; margin-top:20px;}
.index-procuct-box ul li .allist-cnt p span{border:#e60012 solid 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; padding:2px 12px; font-size:16px; color:#e60012; margin-right:10px;}
.index-procuct-box ul li .allist-cnt p .hangye{background-color:#e60012; color:#FFFFFF; font-size:16px;}
.index-procuct-box ul li:hover .allist-cnt h5{color:#e60012;}
.index-procuct-box ul li .txts{font-weight: normal; color: #fff; font-size: 16px; line-height: 36px; height: 100%; overflow: hidden; transition: all 0.4s; position: absolute; bottom: -100%;left: 0; width: 100%; background: rgba(0, 0, 0, 0.75); text-align: center;}
.index-procuct-box ul li .txts h2{ color:#fff; font-weight:normal; font-size:24px; height:76px; line-height:76px; overflow:hidden; margin-top:22%;}
.index-procuct-box ul li .txts a{ color:#fff; display:inline-block; width:100px; margin-left:12px; margin-right:12px; font-size:16px;}
.index-procuct-box ul li .txts a i{ width:88px; height:88px; display:block; margin:0 auto;transition:all 0.4s;}
.index-procuct-box ul li .txts a:hover i{ margin-top:-6%; margin-bottom:6%; transform:rotate(360deg);}  
.index-procuct-box ul li .txts a i.bgs1{ background:url(../img/logo-1.png) center top no-repeat;}
.index-procuct-box ul li .txts a i.bgs2{ background:url(../img/logo-1.png) center top no-repeat;}
.index-procuct-box ul li .txts a i.bgs3{ background:url(../img/logo-1.png) center top no-repeat;}
.index-procuct-box ul li:hover .txts{ bottom:0;}

@media only screen and (max-width: 640px){
.index-product{margin-top:20px; padding:10px 0 10px 0;}
.index-product .us-prt{ font-size:24px; margin-top:20px;}
.index-product .us-prttext{font-size:16px; margin-top:5px;}
.index-procuct-box{width:100%; margin-top:10px;}
.index-procuct-box ul{margin-top:0px;}
.index-procuct-box ul li{width:46%; padding-bottom:10px; margin-right:10px;}
.index-procuct-box ul li:nth-child(2n+0){margin-right:0;}
.index-procuct-box ul li img{height:200px;width:100%;}
.index-procuct-box ul li .allist-cnt{padding-top:0px; padding-bottom:0px; padding:2%; width:100%;}
.index-procuct-box ul li .allist-cnt h5{font-size:10px; line-height:14px; height:14px; margin-top:10px;}
.index-procuct-box ul li .allist-cnt h5 b{font-size:10px; line-height:14px; height:14px; margin-top:10px; white-space:normal; overflow:hidden;}
.index-procuct-box ul li .allist-cnt p{font-size:12px; margin-top:10px; line-height:20px;}
.index-procuct-box ul li .allist-cnt p span{padding:2px 10px; font-size:12px; color:#e60012; margin-right:1%;}
.index-procuct-box ul li .allist-cnt p .hangye{font-size:10px; margin-bottom:10px;}
.index-procuct-box ul li .allist-cnt p .hangye1{font-size:10px; margin-bottom:10px;}
}



/*1200*/
@media only screen and (min-width:1280px) {
.index-procuct-box{ width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
.index-procuct-box ul li{overflow:hidden; width:378px; margin-right:20px; display:inline-block; background:#fff; position:relative; transition:all 0.5s; margin-top:10px; }
}

/*1440*/
@media only screen and (min-width:1440px) {
.index-procuct-box{ width:1440px; margin:0 auto; overflow:hidden; text-align:center;}
.index-procuct-box ul li{overflow:hidden; width:460px; margin-right:20px; display:inline-block; background:#fff; position:relative; transition:all 0.5s; margin-top:10px; }
}










/*我们的案例*/
.index-case{background-color:#fff;  padding:30px 0 30px 0;}
.index-case .us-case{ font-size:32px; margin-top:20px;}
.index-case .us-casetext{font-size:20px; margin-top:20px;}
.indxe-case-box{width:1440px; margin: 0 auto;}
.indxe-case-box ul{text-align:center; font-size:0; display:table; word-spacing:-1em;  margin-top:30px;}/*浏览器兼容设置*/
.indxe-case-box li{width:345px; margin-right:20px; margin-top:20px; overflow:hidden; display:inline-block; position:relative;  cursor:pointer; z-index:0; transition:all 0.3s;}
.indxe-case-box ul li:nth-child(4n+0){margin-right:0;}
.indxe-case-box li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1); /*-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); */}
.indxe-case-box li .imgs{ overflow:hidden; position:relative;}
.indxe-case-box li .imgs img{display: block;  width:100%; height:220px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.indxe-case-box li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
.indxe-case-box li .imgs p{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.9);opacity:0;filter:Alpha(opacity=.9); transition:all 0.3s;}
.indxe-case-box li .imgs i{position: absolute; top: 50%;  left: 50%; -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);  transition: all .36s ease;  border-radius: 100%; width:88px; height: 88px; background:url(../img/logo-1.png) no-repeat;  box-sizing: border-box; margin-top: -50px; opacity:0;filter:Alpha(opacity=0);}
.indxe-case-box li:Hover .imgs p{opacity:1.0;filter:Alpha(opacity=.7);}
.indxe-case-box li:Hover .imgs i{ margin-top:0px;opacity:1.0;filter:Alpha(opacity=.7);}
.indxe-case-box li .txts{border:0px solid #e3e3e3; border-top:0; overflow:hidden; background-color:#f3f3f3; transition:all 0.3s;}
.indxe-case-box li:hover .txts{ background:#ff6666;}
.indxe-case-box li .txts .cons{ width:100%; height:148px; margin:0 auto; padding-top:20px; overflow:hidden; background:url(../img/case_bg4.png) 11px 128px no-repeat;}
.indxe-case-box li:hover .txts .cons{background:url(../img/case_bg4_on.png) 11px 128px no-repeat;transition:all 0.3s; transform: translate(1%,0%);-webkit-transform: translate(1%,0%);-moz-transform: translate(1%,0%);-ms-transform: translate(1%,0%);-o-transform: translate(1%,0%);}

.indxe-case-box li:nth-child(3n+0) .txts{ border-left:0; border-right:0;}
.indxe-case-box li:last-child .txts{ border-right:0px solid #e3e3e3;}
.indxe-case-box li .txts .h2{color:#666666; font-size:18px; font-weight:normal; height:24px; line-height:24px; margin-bottom:14px; transition:all 0.3s; text-align:left; padding:0 10px;}
.indxe-case-box li .txts .p{color:#666666; font-size:14px; line-height:24px; overflow:hidden; transition:all 0.3s; text-align:left; padding:0 10px;}
.indxe-case-box li:hover .txts .p{color:#fff;}
.indxe-case-box li:hover .txts .h2{color:#fff;}


@media only screen and (max-width: 640px){
.index-case{margin-top:20px; padding:10px 0 10px 0;}
.indxe-case-box{width:100%}
.index-case .us-case{ font-size:24px; margin-top:0px;}
.index-case .us-casetext{font-size:16px; margin-top:5px; margin-bottom:10px;}
.indxe-case-box ul{margin-top:0px;}/*浏览器兼容设置*/
.indxe-case-box li{width:46%; margin-right:10px; margin-top:10px;}
.indxe-case-box ul li:nth-child(2n+0){margin-right:0;}
.indxe-case-box li .txts .cons{ width:100%; height:110px; margin:0 auto; padding-top:10px; overflow:hidden; background:url(../img/case_bg4.png) 8px 95px no-repeat;}
.indxe-case-box li:hover .txts .cons{width:100%; height:110px; margin:0 auto; padding-top:10px; overflow:hidden; background:url(../img/case_bg4_on.png) 8px 95px no-repeat;}
.indxe-case-box li .txts .h2{font-size:14px; height:14px; line-height:14px; margin-bottom:5px; text-align:left; padding:0 10px; overflow:hidden;}
.indxe-case-box li .txts .p{line-height:18px; font-size:12px; color:#666666; overflow:hidden; padding:0 10px;}
.indxe-case-box li .imgs img{width:100%; height:120px;}
}

/*1200*/
@media only screen and (min-width:1280px) {
.indxe-case-box{width:1200px; margin: 0 auto;}
.indxe-case-box li{width:285px; margin-right:20px; margin-top:20px; overflow:hidden; display:inline-block; position:relative;  cursor:pointer; z-index:0; transition:all 0.3s;}
}

/*1440*/
@media only screen and (min-width:1440px) {
.indxe-case-box{width:1440px; margin: 0 auto;}
.indxe-case-box li{width:345px; margin-right:20px; margin-top:20px; overflow:hidden; display:inline-block; position:relative;  cursor:pointer; z-index:0; transition:all 0.3s;}
}


/*我们的优势*/
.index-server{background-color:#f3f3f3;  padding:30px 0 30px 0;}
.index-server .us-server{ font-size:32px; margin-top:20px;}
.index-server .us-servertext{font-size:20px; margin-top:20px;}

.index-server .indxe-server-box{width:1440px; margin:0 auto;}
.index-server .indxe-server-box ul{text-align:center; font-size:0; display:table; word-spacing:-1em;  margin-top:30px;}/*浏览器兼容设置*/
.indxe-server-box ul li{width:345px; margin-right:20px; display:inline-block; overflow:hidden; cursor:pointer; z-index:0;/*transition:all 0.3s;*/}
.indxe-server-box ul li:nth-child(4n+0){margin-right:0;}

.indxe-server-box ul li .img-box{padding:30px 0;}
.indxe-server-box ul li .img-box img{width:250px; height:150px;}
.indxe-server-box ul li .txt-box{padding:20px 0; line-height:30px;}


.indxe-case-box ul li:nth-child(4n+0) .txts{ border-left:0; border-right:0;}
.index-server .lump{background-color:#FFFFFF;}
.index-server .lump .bt{text-align: center;}
.index-server .lump .bt .b-1{font-size:18px;color: #e3004f;font-weight: normal;}
.index-server .lump .bt .b-2{font-size:14px;text-transform : uppercase;color: #999;}
.index-server .lump .txt{color: #666;}


@media only screen and (max-width: 640px){
.index-server{margin-top:0px; padding:10px 0 10px 0;}
.index-server .us-server{ font-size:24px; margin-top:20px;}
.index-server .us-servertext{font-size:16px; margin-top:5px; margin-bottom:10px;}

.index-server .indxe-server-box{width:100%;}
.index-server .indxe-server-box ul{margin-top:0px;}/*浏览器兼容设置*/
.indxe-server-box ul li{width:46%; margin-top:10px; margin-right:10px;}
.indxe-server-box ul li:nth-child(2n+0){margin-right:0;}

.indxe-server-box ul li .img-box{padding:20px 0 0 0;}
.indxe-server-box ul li .img-box img{width:150px; height:90px;}

.index-server .lump .bt .b-1{font-size:16px;color: #e3004f;font-weight: normal;}
.index-server .lump .bt .b-2{font-size:10px;text-transform : uppercase;color: #999;}

}

/*1200*/
@media only screen and (min-width:1280px) {
.index-server .indxe-server-box{width:1200px; margin:0 auto;}
.indxe-server-box ul li{width:285px; margin-right:20px; display:inline-block; overflow:hidden; cursor:pointer; z-index:0;/*transition:all 0.3s;*/}
}

/*1440*/
@media only screen and (min-width:1440px) {
.index-server .indxe-server-box{width:1440px; margin:0 auto;}
.indxe-server-box ul li{width:345px; margin-right:20px; display:inline-block; overflow:hidden; cursor:pointer; z-index:0;}
}




/*联系我们*/
.index-contact{padding:80px 0 50px 0; color:#FFFFFF; background-image:url(../img/contact-bg.jpg); background-repeat:no-repeat; margin-top:30px;}
.index-contact .us-contact{ font-size:32px; margin-top:20px;}
.index-contact .us-contacttext{font-size:20px; margin-top:20px;}
.index-contact .contactbox ul {text-align:center; margin-top:30px;}
.index-contact .contactbox ul li{display:inline-block; padding:30px; margin:30px 0 50px 0; background-image:url(../img/lx-10.jpg); filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5; position:static; zoom:1} 
.index-contact .contactbox ul li:nth-child(4n+0){margin-right:0;}
.index-contact .contactbox ul li .contact_icon{width:80px; height:80px; display:block; margin:0 auto;}
.index-contact .contactbox ul li .icon1 {background:url(../img/phone.png) no-repeat; }
.index-contact .contactbox ul li .icon2 {background:url(../img/email.png) no-repeat; }
.index-contact .contactbox ul li .icon3 {background:url(../img/online.png) no-repeat;}
.index-contact .contactbox ul li .icon4 {background:url(../img/weizhi.png) no-repeat; }
.index-contact .contactbox ul li .contact_icon {display: block; width: 48px; height: 48px; margin:0 auto; }
.index-contact .contactbox ul li .contact_text{width:240px; margin-top:20px; position:relative;}
.index-contact .contactbox ul li span {display:block; color: #fff; font-size:16px; text-align: center; }
.index-contact .contactbox ul li:hover { background:url(../img/lx-11.jpg) repeat; filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1; position:static; zoom:1}

@media only screen and (max-width: 640px){
.index-contact{ padding:30px 0 30px 0; margin-top:0px; background-color:#000000;}
.index-contact .us-contact{ font-size:24px; margin-top:0px;}
.index-contact .us-contacttext{font-size:16px; margin-top:10px; width:90%; padding:0 5%; text-align:center;}
.index-contact .contactbox ul {text-align:center; margin-top:10px;}
.index-contact .contactbox ul li{ padding:10px; margin:10px 5px 0px 0px; background-image:url(../img/lx-11.jpg); width:41%;  filter:alpha(opacity:50); opacity:1; border-radius: 4px;} 
.index-contact .contactbox ul li .contact_text{width:100%; margin-top:10px; position:relative; font-size:10px;}
.index-contact .contactbox ul li:nth-child(2n+0){margin-right:0;}
}



/*1200*/
@media only screen and (min-width:1280px) {
.index-contact .contactbox ul li{display:inline-block; padding:26px; margin:30px 0 50px 0; background-image:url(../img/lx-10.jpg); filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5; position:static; zoom:1}
}

/*1440*/
@media only screen and (min-width:1440px) {
.index-contact .contactbox ul li{display:inline-block; padding:30px; margin:30px 0 50px 0; background-image:url(../img/lx-10.jpg); filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5; position:static; zoom:1} 
}




/*底部信息*/
.footer {background-color: #0e0e0e}
.footer .foot_d {border-top: 1px solid #212121; padding: 30px 0 18px; background-color: #0e0e0e}
.footer .foot_dshare{font-size:14px; color:#CCCCCC;}
.footer .foot_dshare a {font-size:14px; color:#CCCCCC;}
.footer .copyright {font-size:14px; text-align: center; margin:15px 0; color:#CCCCCC;}
.footer .copyright a {font-size:14px; text-align: center; margin:15px 0; color:#CCCCCC;}
.footer .foot_dshare a:hover {font-size:14px; color:#e4061b;}
.footer .copyright a:hover {color: #787878; font-size:14px; text-align: center; margin:20px 0; color:#e4061b;}

@media only screen and (max-width: 640px){
.footer{margin-bottom:30px;}
.footer .foot_dshare{font-size:12px; color:#CCCCCC;}
.footer .foot_dshare a {font-size:12px; color:#CCCCCC;}
.footer .copyright {font-size:12px; text-align: center; margin:15px; color:#CCCCCC;}
.footer .copyright a {font-size:12px; text-align: center; margin:10px 0; color:#CCCCCC;}
.footer .foot_dshare a:hover {font-size:12px; color:#e4061b;}
.footer .copyright a:hover {color: #787878; font-size:12px; text-align: center; margin:20px 0; color:#e4061b;}

}



/*产品列表页 Banner样式*/
.solutions_banner{overflow:hidden; position: relative; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-top:130px;}
.solutions_banner img{ display:block; width:100%; opacity:1; filter:Alpha(opacity=1);}
.solutions_banner .txts{width: 1440px; position: absolute; top: 50%; left: 50%; z-index:2; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); text-align:left;}
.solutions_banner .txts h1{ font-weight:normal; margin-bottom:2%; padding-bottom:2%; background:url(../img/bgs3.png) left bottom no-repeat; font-size:48px;color:#fff;}
.solutions_banner .txts p{ color:#fff; font-size:24px;}
.solutions_banner .pose{ position:absolute; bottom:0; height:50px; line-height:50px; background:rgba(0,0,0,0.3); width:100%; color:#999999; font-size:16px;}
.solutions_banner .pose .gy2{text-align:left; font-size: 16px; width:1440px; margin:0 auto; color:#FFFFFF;}
.solutions_banner .pose .imgs{display:inline-block; width:20px; vertical-align:sub; margin-right:8px;opacity:1.0;filter:Alpha(opacity=100);}
.solutions_banner .pose a{color:#fff; font-size:16px;}
.solutions_banner .pose a:hover{color:#fff;}

@media only screen and (max-width: 640px){
.solutions_banner{margin-top:50px;}
.solutions_banner .txts{width: 100%; position: absolute; top: 40%; left: 50%;}
.solutions_banner .txts h1{font-size:20px; background-image:none; margin-left:10px; margin-bottom:0%; padding-bottom:1%;}
.solutions_banner .txts p{font-size:14px; margin-left:10px;}
.solutions_banner .pose{ position:absolute; bottom:0; height:24px; line-height:24px; background:rgba(0,0,0,0.3); width:100%; color:#999999;}
.solutions_banner .pose .gy2{text-align:left; padding-left:10px; font-size: 13px; width:100%; margin:0 auto; color:#FFFFFF; background:rgba(0,0,0,0.3);}
.solutions_banner .pose .imgs{width:14px; margin-left:10px; display:none; }
.solutions_banner .pose a{color:#fff; font-size:13px;}
}



/*1200*/
@media only screen and (min-width:1280px) {
.solutions_banner .txts{width: 1200px; position: absolute; top: 50%; left: 50%; z-index:2; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); text-align:left;}

.solutions_banner .pose .gy2{text-align:left; font-size: 16px; width:1200px; margin:0 auto; color:#FFFFFF;}

}

/*1440*/
@media only screen and (min-width:1440px) {
.solutions_banner .txts{width: 1440px; position: absolute; top: 50%; left: 50%; z-index:2; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); text-align:left;}
.solutions_banner .pose .gy2{text-align:left; font-size: 16px; width:1440px; margin:0 auto; color:#FFFFFF;}
}





/*产品中心*/
.product{padding:60px 0; background-color:#f5f5f5;}
.productbox{width:1440px; margin:0 auto; padding:0 auto;}
.productbox ul{text-align:center; font-size:0; display:table; word-spacing:-1em;}/*浏览器兼容设置*/
.productbox ul li{display:inline-block; margin-right:20px;}
.productbox ul li:nth-child(2n+0){ margin-right:0;}

/*左边排列-产品中心 产品分类*/
.productbox .productleft{width:360px;  font-size:18PX; text-align:left;}
.productleft .ad1{}
.productleft .productcenter{padding:30px; background-color:#de3e4a;}
.productleft .productcenter .tit{font-size:28px; color:#fff;}
.productleft .productcenter .entit{margin-top:10px; color:#fff;}

.productleft .prtclass{margin-top:10px; background-color:#FFFFFF;}
.productleft .prtclass a{display:block; height:60px; line-height:60px;}
.productleft .prtclass a:hover{background-color:#de3e4a; color:#FFFFFF;}
.productleft .prtclass p{margin:0 20px; padding:0 20px; border-bottom:#e7e4e4 solid 1px;}
.productleft .prtclass p:hover{border-bottom:none;}
.productleft .prtclass .achecked{background-color:#de3e4a; color:#FFFFFF;}


/*热门产品*/
.productleft .hotproduct{padding:30px; background-color:#de3e4a; margin-top:20px}
.productleft .hotproduct .tit{font-size:28px; color:#FFFFFF;}
.productleft .hotproduct .titen{margin-top:10px; color:#fff;}
.productleft .hotproduct .prtlist{padding:0 30px; margin-top:10px; background-color:#FFFFFF;}
.productleft .prtlist .prtlistbox{text-align:center; overflow:hidden; vertical-align:top;}
.productleft .prtlist .prtlistbox ul{text-align:center; font-size:0; display:table; word-spacing:-1em;}/*浏览器兼容设置*/
.productleft .prtlist .prtlistbox ul li{display:inline-block; width:175px; margin-right:10px; margin-top:10px;}
.productleft .prtlist .prtlistbox ul li:nth-child(2n+0){ margin-right:0;}
.productleft .prtlist .prtlistbox ul li img{width:175px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.productleft .prtlist .prtlistbox ul li p{display:block; background-color:#FFFFFF; height:40px; line-height:40px; font-size:14px;}
.productleft .prtlist .prtlistbox ul li:hover img{-webkit-transform:scale(1.02, 1.02); -moz-transform:scale(1.02, 1.02); -o-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02);}

.productleft .prtContact{padding:30px; background-color:#fff; margin-top:10px;}
.productleft .telphone{text-align:center; height:24px; line-height:24px; color:#de3e4a;}
.productleft .mobile{text-align:center; height:24px; line-height:24px; font-size:24px; margin-top:10px; color:#de3e4a;}
.productleft .zxbnt{background-color:#de3e4a; color:#FFFFFF; text-align:center; height:32px; line-height:32px; margin-top:20px; padding:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px; display:block; }


/*产品列表 产品列表*/
.productbox .productright{width:1060px; margin:0 auto; padding:0 auto; vertical-align:top; overflow:hidden }
.productright .productlist{overflow:hidden;}
.productright .productlist ul{text-align:center; font-size:0; display:table; word-spacing:-1em;}
.productright .productlist ul li{display:inline-block; width:340px; margin-right:20px; overflow:hidden; margin-bottom:20px;}
.productright .productlist ul li:nth-child(3n+0){ margin-right:0;}
.productright .productlist ul li img{ width:340px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.productright .productlist ul li div{background-color:#FFFFFF; font-size:18px; height:45px; line-height:45px; text-align:left; font-weight:bold; padding-left:10px;}
.productright .productlist ul li p{background-color:#FFFFFF; font-size:18px; height:24px; line-height:24px; font-size:16px; text-align:left;  padding-left:10px;}
.productright .productlist ul li:hover img{-webkit-transform:scale(1.02, 1.02); -moz-transform:scale(1.02, 1.02); -o-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02);}


/*产品详情 产品展示*/
.productright .productdetail{overflow:hidden;}
.productright .productdetail ul{text-align:center; font-size:0; display:table; word-spacing:-1em;}
.productright .productdetail ul li{display:inline-block; margin-right:20px; overflow:hidden; vertical-align:top;}
.productright .productdetail ul li:nth-child(2n+0){ margin-right:0;}
.productright .productdetail ul li img{ width:500px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.productright .productdetail ul li:hover img{-webkit-transform:scale(1.02, 1.02); -moz-transform:scale(1.02, 1.02); -o-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02);}

.productright .productdetail ul li .leftimg{width:480px; overflow:hidden;}
.productright .productdetail ul li .righttext{width:560px; text-align:left; overflow:hidden; background-color:#FFFFFF; height:500px; overflow:scroll-y;}
.productright .productdetail ul li .prttit{padding:30px 10px; font-size:24PX; }
.productright .productdetail ul li .prt_tit1{padding:10px 20px; font-size:20px;}
.productright .productdetail ul li p{font-size:16px; padding:15px; line-height:24px;}
.productright .productdetail ul li .producttitle{background-color:#de3e4a; height:50px; line-height:50px; margin-top:30px; font-size:18px; color:#FFFFFF; text-align:left; text-indent:24px;}
.productright .productdetail ul li .productcontent{background-color:#FFFFFF; width:100%; font-size:14px;}
.productright .productdetail ul li img{width:100%;}
.productcontent1{display:none;}



@media only screen and (max-width: 640px){
.product{padding:0px 0; background-color:#f5f5f5;}
.product .productbox{width:100%; padding:0 auto; margin:0 auto; overflow:hidden;}
.product .productbox .productleft .hotproduct{display:none;}
.product .productbox .productleft .prtContact{display:none;}
.product .productbox .productleft .productcenter{display:none;}
.product .productbox .productleft .ad1{display:none;}
.product .productbox .productright .ad2{display:none;}
.product .productbox .productleft .ad3{display:none;}
.product .productbox .productleft .prtlist{display:none;}


/*产品中心，产品分类*/
.product .productbox .productleft{width:100%; padding:0 auto; margin:0 auto; overflow:hidden;}

.productleft .productcenter{padding:10px; background-color:#de3e4a;}
.productleft .productcenter .tit{font-size:20px; color:#fff;}
.productleft .productcenter .entit{margin-top:5px; font-size:12px; color:#fff;}

.product .productbox .productleft .prtclass{display:none;}
.product .productbox .productleft .prtclassmb{display:block; background-color:#FFFFFF; width:100%; padding:0 auto; margin:0 auto;}
.product .productbox .productleft .prtclassmb ul{text-align:center; width:100%; padding:10px 0 15px 0;}
.product .productbox .productleft .prtclassmb ul li{display:inline-block; width:30%; margin-right:5px; margin-top:5px; border:#ccc solid 1px; border-radius:3px;}
.product .productbox .productleft .prtclassmb ul li:nth-child(3n+0){ margin-right:0;}
.product .productbox .productleft .prtclassmb ul li a{height:45px; line-height:45px; font-size:14px; color:#de3e4a; margin:0 0px; padding:0 0px;}
.product .productbox .productleft .prtclassmb ul li a:hover{background-color:#de3e4a; color:#FFFFFF;}
.product .productbox .productleft .prtclassmb .achecked {background-color:#de3e4a;}
.product .productbox .productleft .prtclassmb .achecked a{color:#FFFFFF;}
.product .productbox .productleft .prtclassmb ul li:hover{background-color:#de3e4a; color:#FFFFFF;}

/*产品列表*/
.productbox .productright{width:100%; text-align:center;}
.productbox .productright .productlist{margin-top:10px;}
.productbox .productright .productlist ul{width:100%; padding:0 auto; margin:0 auto;}
.productbox .productright .productlist ul li{display:inline-block; width:46%; margin-right:10px; margin-top:0px; margin-bottom:10px; text-align:left;}
.productbox .productright .productlist ul li:nth-child(2n+0){margin-right:0;}
.productbox .productright .productlist ul li img{ width:100%;}
.productbox .productright .productlist ul li div{background-color:#FFFFFF; font-size:14px; height:40px; line-height:40px; font-weight:bold; color:#de3e4a;}
.productbox .productright .productlist ul li p{background-color:#FFFFFF; font-size:12px; height:18px; line-height:18px; text-align:left;  padding-left:10px;}


.product .productbox .productright{width:100%; overflow:hidden; padding:0 auto; margin:0 auto;}
.product .productbox .productright .productdetail{width:100%; padding:0; margin:0;}
.product .productbox .productright .productdetail ul{width:100%; overflow:hidden; padding:0 auto; margin:0 auto;}
.product .productbox .productright .productdetail ul li{width:100%; margin-right:0;}
.product .productbox .productright .productdetail ul li img{ width:100%;}
.product .productbox .productright .productdetail ul li .leftimg{width:95%; padding:0 auto; margin:0 auto;}
.product .productbox .productright .productdetail ul li .leftimg img{width:95%; height:auto;}
.product .productbox .productright .productdetail  ul li .righttext{width:100%; height:auto; overflow:hidden;}
.product .productbox .productright .productcontent{display:none;}
.product .productbox .productcontent1{display:none;}
.productcontent1{display:block;}
.productcontent1{width:100%; overflow:hidden;}
.productcontent1 img{width:95%;}
}




/*1200*/
@media only screen and (min-width:1280px) {

/*left*/
.productbox{width:1200px; margin:0 auto; padding:0 auto;}
.productbox .productleft{width:280px;  font-size:18PX; text-align:left;}
.productleft .ad1{width:280px; overflow:hidden;}
.productleft .ad1 img{width:280px;}
.productleft .prtlist .prtlistbox ul li{display:inline-block; width:135px; margin-right:10px; margin-top:10px;}
.productleft .prtlist .prtlistbox ul li img{width:135px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.productleft .prtlist .prtlistbox ul li p{display:block; background-color:#FFFFFF; height:40px; line-height:40px; font-size:12px;}

/*右侧*/
.productbox .productright{width:900px; margin:0 auto; padding:0 auto; vertical-align:top; overflow:hidden ;}
.productright .productlist ul li{display:inline-block; width:290px; margin-right:15px; overflow:hidden; margin-bottom:20px;}
.productright .productlist ul li img{ width:290px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}


.productright .productdetail ul li .leftimg{width:380px; overflow:hidden;}
.productright .productdetail ul li .righttext{width:500px; text-align:left; overflow:hidden; height:400px; overflow:scroll-y;}

.productright .productdetail ul li .prttit{padding:10px 10px; font-size:18px; }
.productright .productdetail ul li .prt_tit1{padding:5px 10px; font-size:16px;}
.productright .productdetail ul li p{font-size:14px; padding:10px; line-height:24px;}









}
/*1440*/
@media only screen and (min-width:1440px) {
.productbox{width:1440px; margin:0 auto; padding:0 auto;}
.productbox .productleft{width:360px;  font-size:18PX; text-align:left;}
.productleft .ad1{width:360px; overflow:hidden;}
.productleft .ad1 img{width:360px;}
.productbox .productright{width:1060px; margin:0 auto; padding:0 auto; vertical-align:top; overflow:hidden }
.productleft .prtlist .prtlistbox ul li{display:inline-block; width:175px; margin-right:10px; margin-top:10px;}
.productleft .prtlist .prtlistbox ul li img{width:175px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.productleft .prtlist .prtlistbox ul li p{display:block; background-color:#FFFFFF; height:40px; line-height:40px; font-size:14px;}
.productright .productlist ul li{display:inline-block; width:340px; margin-right:20px; overflow:hidden; margin-bottom:20px;}
.productright .productlist ul li img{ width:340px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.productright .productdetail ul li .leftimg{width:480px; overflow:hidden;}
.productright .productdetail ul li .righttext{width:560px; text-align:left; overflow:hidden; background-color:#FFFFFF; height:500px; overflow:scroll-y;}
.productright .productdetail ul li .prttit{padding:30px 10px; font-size:24PX; }
.productright .productdetail ul li .prt_tit1{padding:10px 20px; font-size:20px;}
.productright .productdetail ul li p{font-size:16px; padding:15px; line-height:24px;}



}



/*二级页面-联系我们*/
.contact0{}
.contact0 .contact00{width:1440px; margin:0 auto;}
.contact0 .contactbox0{margin:80px 0 50px 0;}
.contact0 .contactbox1{padding-top:20px;}
.contact0 .contactbox0 .compeytit{font-size:32px; text-align:left;}
.contact0 .contactbox0 .compeytxt {font-size:14px; text-align:left;}

.contact0 .contactbox1 ul{text-align:center; font-size:0; display:block; word-spacing:-1em;}
.contact0 .contactbox1 ul li{width:700px; text-align:left; margin-right:40px; display:inline-block; vertical-align:top; font-size:16px;}
.contact0 .contactbox1 ul li:nth-child(2n+0){margin-right:0;}
.contact0 .contactbox1 ul li .tit{font-size:24px; text-align:left; border:#CCCCCC solid 1px; text-align:center; margin-bottom:30px; -webkit-border-radius: 6px; -moz-border-radius:6px;  border-radius:6px; padding:10px 0;}
.contact0 .contactbox1 ul li .txt{font-size:16px; text-align:left; line-height:32px; height:160px; padding-top:30px; border:#CCCCCC solid 1px; text-align:center; margin-bottom:30px; -webkit-border-radius: 6px; -moz-border-radius:6px;  border-radius:6px; }
.contact0 .contactbox1 ul li:hover .tit{color:#FFFFFF; background-color:#de3e4a; cursor:pointer; border:#FFFFFF solid 1px;}
.contact0 .contactbox1 ul li:hover .txt{color:#FFFFFF; background-color:#de3e4a; cursor:pointer; border:#FFFFFF solid 1px;}

/*二级页面-联系我们*/

@media only screen and (max-width: 640px){
.contact0 .contactbox0{margin:0px 0 0px 0;}
.contact0 .contactbox1{width:100%;}
.contact0 .contactbox1 ul{width:100%; padding:0;}
.contact0 .contactbox1 ul li{width:95%; margin-right:0;}
.contact0 .contactbox1 ul li .tit{font-size:16px; border:#CCCCCC solid 0px; text-align:center; color:#FFFFFF; margin-bottom:10px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px; padding:10px 0; background-color:#de3e4a;}.contact0 .contactbox1 ul li .txt{font-size:14px; text-align:left; line-height:24px; height:100px; padding:20px 0; border:#CCCCCC solid 0px; background-color:#f5f5f5; text-align:center; margin-bottom:30px; -webkit-border-radius: 6px; -moz-border-radius:6px;  border-radius:6px; }
}


/*1200*/
@media only screen and (min-width:1280px) {

.contact0 .contact00{width:1200px; margin:0 auto;}
.contact0 .contactbox1 ul li{width:600px; text-align:left; margin-right:40px; display:inline-block; vertical-align:top; font-size:16px;}

}
/*1440*/
@media only screen and (min-width:1440px) {
.contact0 .contact00{width:1440px; margin:0 auto;}
.contact0 .contactbox1 ul li{width:700px; text-align:left; margin-right:40px; display:inline-block; vertical-align:top; font-size:16px;}
}



.pbcases{width:1440px; margin:0 auto; overflow:hidden;}
.pbcases .aboutbox{margin:80px 0 50px 0; }
.pbcases .aboutbox .compeytit{font-size:32px; text-align:left;}
.pbcases .aboutbox .compeytxt{font-size:14px; text-align:left;}


/*二级页面-关于我们*/
.aboutus{width:1440px; margin:0 auto; overflow:hidden;}
.aboutus .aboutbox{margin:80px 0 50px 0; }
.aboutus .aboutbox .compeytit{font-size:32px; text-align:left;}
.aboutus .aboutbox .compeytxt{font-size:14px; text-align:left;}

.aboutus .aboutbox1{margin:60px 0; border-bottom:#f5f5f5 solid 1px; padding-bottom:20px; font-size:20px;}
.aboutus .aboutbox1 ul{text-align:center; font-size:0; display:table; word-spacing:-1em;} /*浏览器兼容设置*/
.aboutus .aboutbox1 ul li{width:720px; text-align:left; overflow:hidden; vertical-align:top; display:inline-block; font-size:18px;}
.aboutus .aboutbox1 ul li span{line-height:30px; display:block;}
.aboutus .aboutbox1 ul li:nth-child(2n+0){text-align:right;}
.aboutus .aboutbox1 ul li .lefttit{font-size:18px;}
.aboutus .aboutbox1 ul li .righttit{font-size:24px;}


.aboutbox1-1{}
.aboutbox1-1 ul{text-align:center; font-size:0; display:table; word-spacing:-1em; overflow:hidden;}/*浏览器兼容设置*/
.aboutbox1-1 ul li{width:345px; display:inline-block; margin-right:20px; overflow:hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px;}
.aboutbox1-1 ul li:nth-child(4n+0){margin-right:0;}
.aboutbox1-1 ul li .img-box{width:345px; overflow:hidden;}
.aboutbox1-1 ul li img{width:345px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.aboutbox1-1 ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.aboutbox1-1 ul li:hover .txt-box{background-color:#de3e4a; color:#FFFFFF;  border:#de3e4a solid 1px; border-top:none; }
.aboutbox1-1 ul li .txt-box{font-size:16px; color:#666666; padding:20px 0; width:343px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius:  0 0 6px 6px;  border-radius:  0 0 6px 6px; }
.aboutbox1-1 ul li .txt-box div{font-size:20px; margin-bottom:10px;}

.aboutbox2-1{}
.aboutbox2-1 ul{text-align:center; font-size:0; display:table; word-spacing:-1em;}/*浏览器兼容设置*/
.aboutbox2-1 ul li{width:280px; display:inline-block; margin-right:10px; overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px;  border-radius: 6px;}
.aboutbox2-1 ul li:nth-child(5n+0){margin-right:0;}
.aboutbox2-1 ul li .img-box{width:280px; overflow:hidden;}
.aboutbox2-1 ul li img{width:280px; height:180px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.aboutbox2-1 ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.aboutbox2-1 ul li:hover .txt-box{background-color:#de3e4a; color:#FFFFFF;  border:#de3e4a solid 1px; border-top:none; }
.aboutbox2-1 ul li .txt-box{font-size:16px; color:#666666; padding:20px 0; width:278px; border:#CCCCCC solid 1px; border-top:none; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius:  0 0 6px 6px;  border-radius:  0 0 6px 6px; }
.aboutbox2-1 ul li .txt-box div{font-size:20px; margin-bottom:10px;}





.aboutbox3-1{}
.aboutbox3-1 ul{text-align:center; font-size:0; display:table; word-spacing:-1em;}/*浏览器兼容设置*/
.aboutbox3-1 ul li{display:inline-block; margin-right:15px; overflow:hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px;  border-radius: 2px;}
.aboutbox3-1 ul li img{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.aboutbox3-1 ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.aboutbox3-1 ul li .img1{width:955px;}
.aboutbox3-1 ul li .img2{width:470px;}
.aboutbox3-1 ul li:nth-child(2n+0){margin-right:0;}

.aboutbox3-2{display:block; margin-top:15px;}
.aboutbox3-2 ul{text-align:center; font-size:0; display:table; word-spacing:-1em;}/*浏览器兼容设置*/
.aboutbox3-2 ul li{width:470px; background-color:#00FF99; display:inline-block; margin-right:15px; overflow:hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px;  border-radius: 2px;}
.aboutbox3-2 ul li img{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.aboutbox3-2 ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.aboutbox3-2 ul li:nth-child(3n+0){margin-right:0;}

.aboutusaa{display:none;}
.pbcases{display:block;}
.aboutus .aboutbox3-1-1{display:block;}

@media only screen and (max-width: 640px){
.aboutusaa{display:block;}
.pbcases{display:none;}

.aboutbox2-1 ul{width:100%; display:table; word-spacing:-1em;}/*浏览器兼容设置*/
.aboutbox2-1 ul li{width:46%; margin-right:10px; margin-top:10px; overflow:hidden;}
.aboutbox2-1 ul li:nth-child(2n+0){margin-right:0;}
.aboutbox2-1 ul li .img-box{width:100%; height:120px;}
.aboutbox2-1 ul li img{width:100%; height:140px;}
.aboutbox2-1 ul li .txt-box{padding:10px 0; width:99%; border:#CCCCCC solid 1px; border-top:none; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius:  0 0 3px 3px;  border-radius:  0 0 3px 3px; }
.aboutbox2-1 ul li:hover .txt-box{width:99%; font-size:12px; background-color:#de3e4a; color:#FFFFFF; border:#de3e4a solid 1px; border-top:none; }
.aboutbox2-1 ul li .txt-box div{font-size:12px; margin-bottom:0px;}




.aboutus{width:100%; padding:0 auto; margin:0 auto;}
.aboutus .aboutbox{ width:100%; margin:40px 0 10px 0;}
.aboutus .aboutbox .compeytit{text-align:center; font-size:24px;}
.aboutus .aboutbox .compeytxt{text-align:center; font-size:10px;}


.aboutus .aboutbox1{ width:100%; margin:0px 0; padding-bottom:0px;}
.aboutus .aboutbox1 ul{padding:20px;}
.aboutus .aboutbox1 .lefttit{text-align:left; font-size:14px; width:100%;}
.aboutus .aboutbox1 ul li span{line-height:20px; display:block;}
.aboutus .aboutbox1 .righttit{display:none;}

.aboutus .aboutbox3-1{width:96%; overflow:hidden; padding:0 auto; margin:20px auto 0 auto;}
.aboutus .aboutbox3-1 ul{width:100%; padding:0 auto; margin:0 auto;}
.aboutus .aboutbox3-1 ul li{margin-right:2%;}
.aboutus .aboutbox3-1 ul li:nth-child(2n+0){margin-right:0;}
.aboutus .aboutbox3-1 .imgleft{width:60%; }
.aboutus .aboutbox3-1 .imgright{width:35%;}
.aboutus .aboutbox3-1 ul li .img1 img{width:100%; height:120px;}
.aboutus .aboutbox3-1 ul li .img2 img{width:100%; height:120px;}

.aboutus .aboutbox3-2{width:96%; overflow:hidden; padding:0 auto; margin:10px auto;}
.aboutus .aboutbox3-2 ul{width:100%; padding:0 auto; margin:0 auto;}
.aboutus .aboutbox3-2 ul li{margin-right:2%; width:31%;}
.aboutus .aboutbox3-2 ul li:nth-child(3n+0){margin-right:0;}
.aboutus .aboutbox3-2 ul li img{width:100%; height:100px;}


.aboutus .aboutbox1-1{width:100%; overflow:hidden; margin-top:10px;}
.aboutus .aboutbox1-1 ul{width:100%; padding:0 auto; margin:0 auto;}
.aboutus .aboutbox1-1 ul li{width:46%;  margin-right:2%; margin-top:10px;}
.aboutus .aboutbox1-1 ul li:nth-child(2n+0){margin-right:0;}
.aboutus .aboutbox1-1 ul li .img-box{width:100%; overflow:hidden;}
.aboutus .aboutbox1-1 ul li .img-box img{width:99%; overflow:hidden;}
.aboutus .aboutbox1-1 ul li .txt-box{ width:100%; font-size:14px; border:0; background-color:#f5f5f5; padding:10px 0; }
.aboutus .aboutbox1-1 ul li .txt-box div{font-size:14px; margin-bottom:0px;}

.aboutus .aboutbox2-1 .hiddien{display:none;}
.aboutus .aboutbox2-1 ul{text-align:left; width:100%; padding:2%;}
.aboutus .aboutbox2-1 ul li .txt-box{ width:100%; border:0; background-color:#f5f5f5; padding:5px 0; }
.aboutus .aboutbox2-1 ul li .txt-box div{font-size:14px; text-align:center;}
}



/*1200*/
@media only screen and (min-width:1280px) {
.pbcases{width:1200px; margin:0 auto; overflow:hidden;}
.aboutbox2-1 ul li{width:232px; display:inline-block; margin-right:10px; overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px;  border-radius: 6px;}
.aboutbox2-1 ul li .img-box{width:232px; overflow:hidden;}
.aboutbox2-1 ul li img{width:232px; height:160px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.aboutbox2-1 ul li .txt-box{font-size:14px; color:#666666; padding:20px 0; width:230px; border:#CCCCCC solid 1px; border-top:none; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius:  0 0 6px 6px;  border-radius:  0 0 6px 6px; }
.aboutbox2-1 ul li .txt-box div{font-size:14px; margin-bottom:10px;}


.aboutus{width:1200px; margin:0 auto; overflow:hidden;}
.aboutus .aboutbox1 ul li{width:600px; text-align:left; overflow:hidden; vertical-align:top; display:inline-block; font-size:18px;}

.aboutbox3-1 ul li .img1{width:790px;}
.aboutbox3-1 ul li .img2{width:390px;}
.aboutbox3-2 ul li{width:390px; background-color:#00FF99; display:inline-block; margin-right:15px; overflow:hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px;  border-radius: 2px;}

.aboutbox1-1 ul li{width:283px; border:#CCCCCC solid 1px; display:inline-block; margin-right:20px; overflow:hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px;}
.aboutbox1-1 ul li .img-box{width:283px; overflow:hidden;}
.aboutbox1-1 ul li img{width:285px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.aboutbox1-1 ul li .txt-box{font-size:14px; color:#666666; padding:20px 0; width:283px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius:  0 0 6px 6px;  border-radius:  0 0 6px 6px; }
.aboutbox1-1 ul li .txt-box div{font-size:16px; margin-bottom:10px;}
}


/*1440*/
@media only screen and (min-width:1440px) {
.pbcases{width:1440px; margin:0 auto; overflow:hidden;}
.aboutbox2-1 ul li{width:280px; display:inline-block; margin-right:10px; overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px;  border-radius: 6px;}
.aboutbox2-1 ul li .img-box{width:280px; overflow:hidden;}
.aboutbox2-1 ul li img{width:280px; height:180px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.aboutbox2-1 ul li .txt-box{font-size:16px; color:#666666; padding:20px 0; width:278px; border:#CCCCCC solid 1px; border-top:none; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius:  0 0 6px 6px;  border-radius:  0 0 6px 6px; }
.aboutbox2-1 ul li .txt-box div{font-size:20px; margin-bottom:10px;}


.aboutus{width:1440px; margin:0 auto; overflow:hidden;}
.aboutus .aboutbox1 ul li{width:720px; text-align:left; overflow:hidden; vertical-align:top; display:inline-block; font-size:18px;}

.aboutbox3-1 ul li .img1{width:955px;}
.aboutbox3-1 ul li .img2{width:470px;}
.aboutbox3-2 ul li{width:470px; background-color:#00FF99; display:inline-block; margin-right:15px; overflow:hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px;  border-radius: 2px;}

.aboutbox1-1 ul{text-align:center; font-size:0; display:table; word-spacing:-1em; overflow:hidden;}
.aboutbox1-1 ul li{width:343px; display:inline-block; margin-right:20px; overflow:hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px;}
.aboutbox1-1 ul li .img-box{width:343px; overflow:hidden;}
.aboutbox1-1 ul li img{width:345px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.aboutbox1-1 ul li .txt-box{font-size:16px; color:#666666; padding:20px 0; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius:  0 0 6px 6px;  border-radius:  0 0 6px 6px; }
.aboutbox1-1 ul li .txt-box div{font-size:20px; margin-bottom:10px;}
}




/*新闻列表*/

.news_one{padding-top:30px; padding-bottom:0px;}
.news_one .news_one_box{overflow:hidden; width:1440px; text-align:left; margin:0 auto; padding: 0 auto; overflow:hidden;}
.news_one .news_one_box ul li{display:inline-block;  padding-left:50px; padding-right:50px; height:60px; line-height:60px; font-size:18px; margin-right:10px; background-color:#FFFFFF;}
.news_one .news_one_box ul li:hover{ color:#fff; background:#de3e4a;}
.news_one .news_one_box ul li:hover a{ color:#fff; background:#de3e4a;}
.news_one .news_one_box ul li.achecked{color:#fff; background:#de3e4a;}
.news_one .news_one_box ul li.achecked a{color:#fff;}

.newslist{ width:1440px; margin:0 auto; overflow:hidden;}
.newslistbox{overflow:hidden;}
.newslistbox ul{text-align:center; font-size:0; display:table; word-spacing:-1em;}/*浏览器兼容设置*/
.newslistbox ul li{display:inline-block; width:345px; overflow:hidden; margin-right:20px; background-color:#fff; margin-top:30px;}
.newslistbox ul li:nth-child(4n+0){ margin-right:0;}
.newslistbox ul li .txts{width:345px;}
.newslistbox ul li .txts div{width:320px; color:#000000; font-size:16px; height:32px; line-height:32px; margin-top:12px; text-align:left; transition:all 0.3s;overflow:hidden; padding:0 10px;}
.newslistbox ul li .txts p{width:320px; height:70px;text-align:left; font-size:16px; line-height:20px; text-align:left; height:60px; overflow:hidden; padding:10px; }
.newslistbox ul li .txts img{width:345px; height:200px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.newslistbox ul li .txts .dates{font-size:14px; color:#666666; line-height:22px; transition:all 0.3s; padding:0 10px;}
.newslistbox ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.news .fenye{ clear:both; height:46px; padding-bottom:50px; margin-bottom:50px; font-size:16px;}
.news .fenye_nr{}
.news .fenye_nr .pages{display:block; width:48px; float:left; height:46px; line-height:46px;text-align:center;}
.news .fenye_left_icon{ width:48px; float:left;}
.news .fenye_right_icon{ width:48px; float:right;}


@media only screen and (max-width: 640px){
.news_one{padding-top:10px; padding-bottom:0px; width:100%;}
.news_one .news_one_box{ width:100%;}
.news_one .news_one_box ul{text-align:left; width:98%; padding:0 auto; margin:0 auto;} 
.news_one .news_one_box ul li{display:inline-block; width:23.5%; height:30px; line-height:36px; font-size:14px; margin-left:0px; padding:0; margin:0; text-align:center; margin-top:5px; border:#CCCCCC solid 1px; border-radius:3px;}
.news_one .news_one_box ul li a{display:block; width:100%; height:100%; height:30px; line-height:36px; font-size:14px;}
.news_one .news_one_box ul li:nth-child(4n+0){ margin-left:0;}

.newslist{width:100%;}
.newslist .newslistbox ul li{width:46%; margin-right:10px; margin-top:10px;}
.newslist .newslistbox ul li:nth-child(2n+0){ margin-right:0;}
.newslist .newslistbox ul li .txts{width:100%;}
.newslist .newslistbox ul li .txts div{width:92%; color:#de3e4a; font-size:14px; height:24px; line-height:24px; margin-top:5px; text-align:left; padding:0 10px;}
.newslist .newslistbox ul li .txts p{width:92%; height:45px;text-align:left; font-size:12px; line-height:16px; text-align:left; overflow:hidden; padding:0 10px; }
.newslist .newslistbox ul li .txts img{width:100%; height:120px; }
.newslist .newslistbox ul li .txts .dates{font-size:12px; color:#666666; line-height:14px; transition:all 0.3s; padding:0 10px;}
}


/*1200*/
@media only screen and (min-width:1280px) {
.news_one .news_one_box{overflow:hidden; width:1200px; text-align:left; margin:0 auto; padding: 0 auto; overflow:hidden;}
.news_one .news_one_box ul li{display:inline-block;  padding-left:40px; padding-right:40px; height:60px; line-height:60px; font-size:18px; margin-right:10px; background-color:#FFFFFF;}
.newslist{ width:1200px; margin:0 auto; overflow:hidden;}
.newslistbox ul li{display:inline-block; width:285px; overflow:hidden; margin-right:20px; background-color:#fff; margin-top:30px;}
.newslistbox ul li .txts{width:285px;}
.newslistbox ul li .txts div{width:260px; color:#000000; font-size:16px; height:32px; line-height:32px; margin-top:12px; text-align:left; transition:all 0.3s;overflow:hidden; padding:0 10px;}
.newslistbox ul li .txts p{width:260px; height:70px;text-align:left; font-size:16px; line-height:20px; text-align:left; height:60px; overflow:hidden; padding:10px; }
.newslistbox ul li .txts img{width:285px; height:200px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

}
/*1440*/
@media only screen and (min-width:1440px) {

.news_one .news_one_box{overflow:hidden; width:1440px; text-align:left; margin:0 auto; padding: 0 auto; overflow:hidden;}
.news_one .news_one_box ul li{display:inline-block;  padding-left:50px; padding-right:50px; height:60px; line-height:60px; font-size:18px; margin-right:10px; background-color:#FFFFFF;}
.newslist{ width:1440px; margin:0 auto; overflow:hidden;}
.newslistbox ul li{display:inline-block; width:345px; overflow:hidden; margin-right:20px; background-color:#fff; margin-top:30px;}
.newslistbox ul li .txts{width:345px;}
.newslistbox ul li .txts div{width:320px; color:#000000; font-size:16px; height:32px; line-height:32px; margin-top:12px; text-align:left; transition:all 0.3s;overflow:hidden; padding:0 10px;}
.newslistbox ul li .txts p{width:320px; height:70px;text-align:left; font-size:16px; line-height:20px; text-align:left; height:60px; overflow:hidden; padding:10px; }
.newslistbox ul li .txts img{width:345px; height:200px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

}





/*新闻详细*/

.newsdetail{background-color:#f3f3f3; margin-top:30px;}
.gy2{ width:1440px; margin:0 auto; overflow:hidden;}
.news_show2{ margin-bottom:30px; overflow:hidden; }
.news_show2 .news_show_l{width: 890px;float: left;overflow: hidden; color:#333; background:#fff; padding-left:30px; padding-right:30px; padding-bottom:60px;}
.news_show2 .news_show_l .new_show_l_top{ margin-top:30px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1; text-align:left;}
.news_show2 .news_show_l .new_show_l_top h1{ font-size:24px; line-height:38px; overflow:hidden; color:#000; font-weight:normal;}
.news_show2 .news_show_l .new_show_l_top p{ height:40px; line-height:40px; overflow:hidden; font-size:16px;}

.news_show2 .news_show_l .new_show_l_text{ padding-top:35px;line-height:30px; font-size:16px; text-align:left;}
.news_show2 .news_show_l .new_show_l_text p{ margin-bottom:17px; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text h1{ line-height:35px; font-size:14px;}
.news_show2 .news_show_l .new_show_l_text img{/*display: block;*/width:auto; height:auto; max-width:100%; max-height:100%; margin-bottom:10px;}/*margin: 0 auto;*/
.news_show2 .news_show_l .new_show_l_text .news_show_tag{ overflow:hidden; margin-top:33px; line-height:32px; margin-bottom:50px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag span{ margin-bottom:10px; float:left; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag a{ float:left; padding-left:20px; padding-right:20px;line-height:32px; height:32px; overflow:hidden; color:#999; font-size:16px; margin-bottom:10px; margin-right:1px; background:#fff; border:1px solid #fff;transition:all 0.3s;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag a:hover{opacity:0.8;filter:Alpha(opacity=80); border:1px solid #f45900; color:#f45900;}


.news_show2 .news_show_r{width:460px; float: right; overflow:hidden;}
.news_show2 .news_show_r .new_show_right_top{ font-size:24px; color:#000; margin-top:30px; margin-bottom:10px; font-weight:normal; height:38px; line-height:38px;/*font-family:"华文细黑";*/ padding-left:30px; padding-right:30px;}
.news_show2 .news_show_r .new_show_right_top .tagchange{ float:right; padding-left:29px; font-size:16px; color:#999999;}
.news_show2 .news_show_r .new_show_right_top .tagchange:hover{color:#f67524;}
.news_show2 .news_show_rnews{overflow: hidden; color:#666; background:#fff;}
.news_show2 .news_show_rnews .ul li{ display:block; border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px; overflow:hidden; margin-left:30px; margin-right:30px;}
.news_show2 .news_show_rnews .ul li h1{ font-weight:normal; font-size:18px; color:#000000; height:38px; line-height:38px; overflow:hidden}
.news_show2 .news_show_rnews .ul li h1 a{color:#000000;}
.news_show2 .news_show_rnews .ul li h1 a:hover{color:#f67524;}
.news_show2 .news_show_rnews .ul li p{ color:#666666; font-size:14px; height:36px; line-height:36px; overflow:hidden;}
.news_show2 .news_show_rnews .ul li:last-child{ border-bottom:0; margin-bottom:0;}
.news_show_r1{display:none;}

@media only screen and (max-width: 640px){

.gy2{ width:100%; margin:0 auto; padding:0 auto; overflow:hidden; background-color:#FFFFFF;}
.news_show2{width:90%; padding:0 auto; margin:0 auto;}
.news_show2 .news_show_l{width:100%;overflow: hidden; padding-left:0px; padding-right:0px; padding-bottom:0px;}
.news_show2 .news_show_l .new_show_l_text img{width:auto; height:auto; max-width:100%; max-height:100%;  object-fit: cover;}

.news_show2 .news_show_r{display:none;}
.news_show_r1{display:block;}


.news_show_r1{width:100%; overflow:hidden; margin-top:20px;}
.news_show_r1 .new_show_right_top{ font-size:24px; color:#000; margin-top:30px; margin-bottom:10px; font-weight:normal; height:38px; line-height:38px;/*font-family:"华文细黑";*/ padding-left:30px; padding-right:30px;}
.news_show_r1 .new_show_right_top .tagchange{ float:right; padding-left:29px; font-size:16px; color:#999999;}
.news_show_r1 .new_show_right_top .tagchange:hover{color:#f67524;}
.news_show_r1 .news_show_rnews{overflow: hidden; color:#666; background:#fff;}
.news_show_r1 .news_show_rnews .ul li{ display:block; border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px; overflow:hidden; margin-left:30px; margin-right:30px;}
.news_show_r1 .news_show_rnews .ul li h1{ font-weight:normal; font-size:18px; color:#000000; height:38px; line-height:38px; overflow:hidden}
.news_show_r1 .news_show_rnews .ul li h1 a{color:#000000;}
.news_show_r1 .news_show_rnews .ul li h1 a:hover{color:#f67524;}
.news_show_r1 .news_show_rnews .ul li p{ color:#666666; font-size:14px; height:36px; line-height:36px; overflow:hidden;}
.news_show_r1 .news_show_rnews .ul li:last-child{ border-bottom:0; margin-bottom:0;}

}

/*1200*/
@media only screen and (min-width:1280px) {
.gy2{ width:1200px; margin:0 auto; overflow:hidden;}
.news_show2 .news_show_l{width:650px;float: left;overflow: hidden; color:#333; background:#fff; padding-left:30px; padding-right:30px; padding-bottom:60px;}
.news_show2 .news_show_r{width:360px; float: right; overflow:hidden;}

}
/*1440*/
@media only screen and (min-width:1440px) {

.gy2{ width:1440px; margin:0 auto; overflow:hidden;}
.news_show2 .news_show_l{width: 890px;float: left;overflow: hidden; color:#333; background:#fff; padding-left:30px; padding-right:30px; padding-bottom:60px;}
.news_show2 .news_show_r{width:460px; float: right; overflow:hidden;}

}






/*案例详情*/

.news_show2 .news_show_r{width:460px; float: right; overflow:hidden;}
.news_show2 .news_show_r .new_show_right_top{ font-size:24px; color:#000; margin-top:30px; margin-bottom:10px; font-weight:normal; height:38px; line-height:38px;/*font-family:"华文细黑";*/ padding-left:30px; padding-right:30px;}
.news_show2 .news_show_r .new_show_right_top .tagchange{ float:right; padding-left:29px;  background:url(../img/2018/case/tag_bg1.png) left center no-repeat;font-size:16px; color:#999999;}
.news_show2 .news_show_r .new_show_right_top .tagchange:hover{color:#f67524;}
.news_show2 .news_show_rnews{overflow: hidden; color:#666; background:#fff;}
.news_show2 .news_show_rnews .ul li{ display:block; border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px; overflow:hidden; margin-left:30px; margin-right:30px;}

.news_show2 .news_show_rnews .ul li h1{ font-weight:normal; font-size:18px; color:#000000; height:38px; line-height:38px; overflow:hidden}
.news_show2 .news_show_rnews .ul li h1 a{color:#000000;}
.news_show2 .news_show_rnews .ul li h1 a:hover{color:#f67524;}
.news_show2 .news_show_rnews .ul li p{ color:#666666; font-size:14px; height:36px; line-height:36px; overflow:hidden;}
.news_show2 .news_show_rnews .ul li:last-child{ border-bottom:0; margin-bottom:0;}


/*公用案例*/
.case_t{ height:76px; line-height:76px; margin-top:68px; text-align:center; font-weight:normal; color:#000; font-size:36px;}
.n_case_list{/* min-height:500px;*/margin-top:40px;}
.n_case_list ul li{/* float:left;*/ width:32%; overflow:hidden; /*margin-right:2%;*/ vertical-align:top; display:inline-block; margin-right:1.7%; background:#fff; position:relative;transition:all 0.5s; margin-bottom:2%;}
.n_case_list ul li:nth-child(3n+0){ margin-right:0;}
.n_case_list ul li:before{content: "";display: block;position: absolute;left: 0%;right: 0%;bottom: 0px;height:2px;opacity: 1;background-color: #dcdcdc;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.n_case_list ul li:after{content: "";display: block;position: absolute;left: 0%;right: 100%; bottom: 0px;height:2px;opacity: 0;background-color: #f67524;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.n_case_list ul li:hover:after{left:0%;right: 0%;opacity: 1;}
.n_case_list ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.n_case_list ul li img{/*display: block;*/height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.n_case_list ul li .imgs{ overflow:hidden; position:relative;}
.n_case_list ul li:hover .imgs img{-webkit-transform:scale(1.02, 1.02); -moz-transform:scale(1.02, 1.02); -o-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02);}
.n_case_list ul li .allist-cnt{ width:96%; margin:0 auto; text-align:center; line-height:32px; padding-top:20px; padding-bottom:20px; height:68px; overflow:hidden;}
.n_case_list ul li .allist-cnt h5{ font-weight:normal; font-size:20px; color:#000; line-height:36px; height:36px; overflow:hidden;}
.n_case_list ul li .allist-cnt p{line-height:32px; height:32px; overflow:hidden; font-size:16px; color:#666666;}
.n_case_list ul li .txts{font-weight: normal; color: #fff;   font-size: 16px; line-height: 36px; height: 100%;overflow: hidden; transition: all 0.4s; position: absolute;
 bottom: -100%;left: 0; width: 100%; background: rgba(0, 0, 0, 0.75); text-align: center;}
.n_case_list ul li .txts h2{ color:#fff; font-weight:normal; font-size:24px; height:76px; line-height:76px; overflow:hidden; margin-top:22%;}
.n_case_list ul li .txts a{ color:#fff; display:inline-block; width:62px; margin-left:12px; margin-right:12px; font-size:16px;}
.n_case_list ul li .txts a i{ width:48px; height:48px; display:block; margin:0 auto;transition:all 0.4s;}
.n_case_list ul li .txts a:hover i{ margin-top:-6%; margin-bottom:6%;transform:rotate(360deg);}
.n_case_list ul li .txts a i.bgs1{ background:url(../img/i_pic1-1.png) center top no-repeat;}
.n_case_list ul li .txts a i.bgs2{ background:url(../img/i_pic1-1.png) center top no-repeat;}
.n_case_list ul li .txts a i.bgs3{ background:url(../img/i_pic1-1.png) center top no-repeat;}
.n_case_list ul li:hover .txts{ bottom:0;}

































/*载入页面动画*/
.contactPage .intention .title,
.contactPage .intention .left,
.contactPage .intention .right,
.contactPage .contact .map,
.contactPage .contact .list,
.contactPage .traffic .title,
.contactPage .traffic .list,
.paymentPage .title,
.paymentPage .list,
.jobPage .columnTitle,
.jobPage .team .tab,
.jobPage .team .tabBox,
.jobPage .culture .content,
.jobPage .recruitment .list,
.developmentPage .list,
.developmentPage .columnTitle,
.aboutPage .qualification .columnTitle,
.aboutPage .qualification .picScroll-left,
.aboutPage .service .columnTitle,
.aboutPage .service .tab,
.aboutPage .service .tabBox,
.aboutPage .business .list,
.aboutPage .business .pic,
.aboutPage .scheme .wrap{
    position: relative;
    top: 150px;
    opacity: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
}