/*首页*/
html, body{ height:100%; }
*,body{ font-family: '微软雅黑'; }
/*banner*/
header.carousel{ height:100%; }
header.carousel-caption{ }
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner{ height:100%; }
header.carousel .fill{width:100%;height:100%;background-position:center;background-size:cover;}
.thumbnail{ padding:0; overflow:hidden }
.caption-mask{position:absolute; width:100%; height:100%; top:0; left:0;}
.caption-mask .caption-mask-content{height:500px; margin:20% auto auto auto;color:#fff; text-align:center;}
.caption-mask .caption-mask-content .title{ font-size: 46px; line-height: 120%;margin-bottom: 20px;text-align:center;}
.caption-mask .caption-mask-content .sub-title{ margin-top:1em; font-size:25px }
.fadeIn2{-webkit-animation-name:fadeIn2;animation-name:fadeIn2;}
@media  screen and (max-width: 1199px){
.caption-mask .caption-mask-content{height:500px; margin:30% auto auto auto;color:#fff; text-align:center;}
.caption-mask .caption-mask-content .title{ font-size: 40px; line-height: 120%;margin-bottom: 20px;text-align:center;}
.caption-mask .caption-mask-content .sub-title{ margin-top:1em; font-size:20px }
}

@media  screen and (max-width: 767px){
.caption-mask .caption-mask-content{height:300px; margin:71% auto auto auto; width:94%;color:#fff; text-align:center;}
.caption-mask .caption-mask-content .title{ font-size: 20px; line-height: 120%;margin-bottom: 20px;text-align:center;}
.caption-mask .caption-mask-content .sub-title{ margin-top:1em; font-size:18px }

}

/**/
.txtBox1{overflow: hidden;}
.header_title h1, .header_title h2 {font-size:31px; margin:0 auto;color:#3b3b3b}
.header_title h1 span {font-size:29px;margin:0 auto;display:block}
.header_title h3 {color:#555;margin:0 auto;}
.header_title h1{
animation:fadeInLeft 1s .2s ease both;
-webkit-animation:fadeInLeft 1s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both;}
.header_title h2 {
animation:fadeInRight 1s .2s ease both;
-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
.thumbnail {display:block;	padding:4px;margin-bottom:20px;	line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.thumbnail a>img, .thumbnail>img {display:block;max-width:100%;	height:auto;margin-left:auto;margin-right:auto}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {border-color:#428bca}
.thumbnail .caption {padding:9px;color:#333}
.services {padding:50px 10% 0;clear: both;overflow: hidden; background-color: #F7F7F7;}
.services .header_title { margin-bottom: 58px; margin-left:auto; margin-right:auto; text-align:center;}
.services .header_title h1 { font-size:36px; color:#3b3b3b; margin: 0 auto; padding:0; line-height:96px;}
.services .header_title h2 { font-size:18px;margin:0;padding:0; }

/*服务项目*/
.ss2 ul li{float:left;position: relative; width:25%;}
.ss2 ul li .div1{ width:250px; height:121px; margin:0 auto; position:relative; display:block;}
.ss2 ul li .div1 .p1 .pp1a{ background: url(../images/1_13.png) no-repeat center top; width:250px; height:121px; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.ss2 ul li .div1 .p1 .pp1b{ background: url(../images/1_14.png) no-repeat center top; width:250px; height:121px; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.ss2 ul li .div1 .p1 .pp1c{ background: url(../images/1_15.png) no-repeat center top; width:250px; height:121px; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.ss2 ul li .div1 .p1 .pp1d{ background: url(../images/1_16.png) no-repeat center top; width:250px; height:121px; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.ss2 ul li:hover .div1 .p1 .pp1a{ background: url(../images/1_13a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.ss2 ul li:hover .div1 .p1 .pp1b{ background: url(../images/1_14a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.ss2 ul li:hover .div1 .p1 .pp1c{ background: url(../images/1_15a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.ss2 ul li:hover .div1 .p1 .pp1d{ background: url(../images/1_16a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.ss2 ul li .div2{ color:#333; font-size:20px; text-align:center; margin-top:20px; position:relative; z-index:100;display:block; font-weight:bold;}
.ss2 ul li .div2 .p2{ font-size:12px; color:#999; text-transform:uppercase; font-weight:normal;}
.ss2 ul li .div3{height:182px; overflow:hidden; font-size:14px; text-align:center; width:38%; margin:20px auto 0;}
.ss2 ul li .div3 a{ display:block; padding-left:12px; line-height:26px; height:26px; overflow:hidden;}
.ss2 ul li .div3 a:hover{ background:url(../images/1_12.jpg) left center no-repeat;}
.ss2 ul li .div4{ width:0px; height:3px; border-bottom:3px solid #ff8300; margin-top:30px; opacity:0; overflow:hidden; position:relative;}
@media all and (max-width: 1366px) {
.ss2 ul li .div3{height:170px;}
}
@media all and (max-width: 1270px) {
.ss2 ul li .div3{ width:48%; }
}
@media all and (max-width: 1180px) {
.ss2 ul li .div3{height:192px;}
.ss2 ul li .div3 a{  line-height:25px; height:25px; }
}
@media all and (max-width: 1100px) {
.ss2 ul li .div1{ width:220px; height:121px; margin:0 auto; position:relative; display:block;}
.ss2 ul li .div1 .p1 .pp1a{ width:220px; height:121px; }
.ss2 ul li .div1 .p1 .pp1b{  width:220px; height:121px;}
.ss2 ul li .div1 .p1 .pp1c{  width:220px; height:121px;  }
.ss2 ul li .div1 .p1 .pp1d{ width:220px; height:121px; }
.ss2 ul li .div3{width:64%;}
.ss2 ul li .div3 a{ padding-left:2px;}
}
@media all and (max-width: 1020px) {
.ss2 ul li .div1{ width:190px;}
.ss2 ul li .div1 .p1 .pp1a{ width:190px; }
.ss2 ul li .div1 .p1 .pp1b{  width:190px; }
.ss2 ul li .div1 .p1 .pp1c{  width:190px;}
.ss2 ul li .div1 .p1 .pp1d{ width:190px;}
}

@media (max-width:768px) {
.services {padding:30px 2% 0;clear: both;overflow: hidden; background-color: #F7F7F7;}
.ss2 ul li{float:left;position: relative; width:50%;}
.ss2 ul li .div1{ width:180px; margin:0 auto; position:relative; display:block;}
.ss2 ul li .div1 .p1 .pp1a{width:180px; }
.ss2 ul li .div1 .p1 .pp1b{width:180px; }
.ss2 ul li .div1 .p1 .pp1c{width:180px;}
.ss2 ul li .div1 .p1 .pp1d{width:180px;}
.ss2 ul li .div3{height:142px; overflow:hidden; font-size:16px; text-align:center; width:78%; margin:20px auto 0;}
.ss2 ul li .div2{font-size:18px; }
.ss2 ul li .div2 .p2{ display:none;}
}
@media (max-width:768px) {
.ss2 ul li{float:left;position: relative; width:50%;}
.ss2 ul li .div1 .p1 .pp1a{width:150px; }
.ss2 ul li .div1 .p1 .pp1b{width:150px; }
.ss2 ul li .div1 .p1 .pp1c{width:150px;}
.ss2 ul li .div1 .p1 .pp1d{width:150px;}
}

.txtBox2{ position: relative;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;clear: both;overflow: hidden;}
.txtBox2 .header_title {margin-bottom: 38px;margin-left:auto;margin-right:auto;text-align:center;margin-top:50px;}
.txtBox2 .header_title h1 {font-size:36px; color:#3b3b3b; margin: 0 auto; padding:0;line-height:96px;}
.txtBox2 .header_title h2 { font-size:18px;margin:0;padding:0; line-height:26PX; }
.wrap{padding:0 10%;clear: both;overflow: hidden;}
.case-state{border-bottom: 1px solid #dedede;}
.case-title{padding-top:20px;padding-bottom:20px;}
.case-content li{width: 32%; *width:29.95%!important; margin-right: 2%;float: left;margin-bottom: 50px;}
.case-content li a{display: block;background:#dedede url(../images/loading.gif) no-repeat center;}
.case-content li:nth-of-type(3n){margin-right: 0;}
.case-content .pic {overflow: hidden;}
.case-content .pic img{width: 100%;background:#dedede url(../images/loading.gif) no-repeat center; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.case-content .pic img:hover{transform-origin: center center;  
transform: scale(1.1, 1.1);  
-webkit-transform-origin: center center;  
-webkit-transform: scale(1.1, 1.1);  
-moz-transform-origin: center center;  
-moz-transform: scale(1.1, 1.1);  
-o-transform-origin: center center;  
-o-transform: scale(1.1, 1.1);  
-ms-transform-origin: center center;  
-ms-transform: scale(1.1, 1.1)}
.case-loading{ text-align:center; margin:0 0 50px; width:100%;display:none;}
.case-content .hd{margin-top: 20px; height: 32px;}
.case-content .hd .title{ color:#575757;line-height:32px; font-size:18px;}
.case-content .hd .keywords{display: inline-block; font-size:14px; color:#AAA; vertical-align: middle; height:32px;line-height:32px;}
@media only screen and (max-width: 1366px) {
.services .header_title h1 { font-size:34px;line-height:86px;}
.txtBox2 .header_title {margin-bottom: 30px;margin-top:20px;}
.txtBox2 .header_title h1 {font-size:34px;line-height:86px;}
.slide.services { padding-top:20px;}
}
@media only screen and (max-width: 1280px) {
.services {padding-top:30px;}
.services .header_title { margin-bottom: 50px; margin-left:auto; margin-right:auto; text-align:center;}
.services .header_title h1 { font-size:32px;line-height:76px;}
.txtBox2 .header_title {margin-top:30px;}
.txtBox2 .header_title h1 {font-size:32px;line-height:76px;}
}
@media only screen and (max-width: 767px) {
.wrap{padding:0 1%;}
.services .header_title h1 { font-size:20px; line-height:76px;}
.services .header_title h2 { font-size:16px;margin:0;padding:0; }
.services .header_title { margin-bottom: 30px;}
.txtBox2 .header_title {margin-bottom: 28px;margin-top:30px;}
.txtBox2 .header_title h1 {font-size:20px;line-height:46px;}
.txtBox2 .header_title h2 { font-size:16px;margin:0;padding:0; line-height:26PX; }
.case-content .hd{margin-top: 10px;}
.case-content .hd .title{ font-size:16px;}
.case-content .hd .keywords{display: none;}
.case-loading{ text-align:center; margin:0 0 20px; width:100%;display:none;}
.case-content li{margin-bottom:30px;}
}

/*添加更多案例*/
.morecase{padding-top: 40px;padding-bottom: 40px; border-top: 1px solid #dedede; text-align: right;}
.morecase a{color:#000; padding-right: 20px; background: url(../images/news_atr.png) no-repeat right center;}
@media only screen and (max-width: 767px) {
.morecase{padding-top:20px;padding-bottom:20px; }
.morecase a{ font-size:16px; }
}
/*新闻资讯*/
.m3{width:100%;	margin:0 auto;overflow:hidden;padding-bottom:3%;background:#e4e4e4;}
.i_news{width:80%; margin:0 auto; margin-top:4%;}
.i_news_title{width:100%; text-align:center; margin:0 auto;}
.i_news_title h1{width:296px; font-family:"微软雅黑"; color:#3d3d3d; font-size:30px;  padding-bottom:14px; font-weight:lighter; text-align:center; margin:0 auto;}
.i_news_title h1 em{padding-bottom:6px; width:100%; text-align:center; float:left;}
.important_news{ width: 33%; margin:1% auto;}
.important_news li{ float:left; margin-right:13px; height:50px; line-height:50px;text-align:center; }
.important_news li:nth-child(3){ margin-right:0px;}
.important_news li a{color:#333; font-size:16px; font-family:"微软雅黑"; width:auto; padding:12px 45px;border:1px solid #CDCDCD;}
.important_news li a:hover{color:#fff;background-color: #FF5706;border:1px solid #FF5706;}
.w1200 .important_news .rcsp:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;}
.important_l{ padding:30px 0px 0 0px;overflow: hidden;width:28%;}
.important_r{ float:right; padding:30px 0px 0px 0px;overflow: hidden;width:70%;  }
@media  screen and (max-width: 767px){
.important_news{width:96%; margin:0 auto;}
.important_news li a{padding:12px 19px;border:1px solid #CDCDCD;}
.important_l{ display:none; float:none;}
.important_r{ float:none; padding:15px 0px 0px 0px;overflow: hidden;width:100%;  }

}
@media only screen and (max-width: 1600px) {
	.important_news{ width: 40%; margin:1% auto;}
}
@media only screen and (max-width: 1440px) {
	.important_news{ width: 46%; margin:1% auto;}
}

@media only screen and (max-width: 1366px) {
	.important_news{ width: 48%; margin:1% auto;}
}

@media only screen and (max-width: 1280px) {
	.important_news{ width: 50%; margin:1% auto;}
}
@media only screen and (max-width: 1100px) {
	.important_news{ width: 64%; margin:1% auto;}
}
@media only screen and (max-width: 480px) {
	.important_news{ width: 80%; margin:1% auto;}
}

@media all and (max-width:480px){
.important_news li{ margin-right:6px;}
.important_news li a{padding:12px 15px;border:1px solid #CDCDCD;}
}
@media only screen and (max-width:1366px) {
.m3{padding-bottom:2%;}
}

.blog_sel{ height:40px; line-height:40px; padding-bottom:28px; text-align:center; margin-bottom:25px;}
.blog_sel a{ color:#333; font-size:16px; font-family:"微软雅黑"; width:auto; padding:16px 33px; border:1px solid #CDCDCD;}
.blog_sel a.blog_on{ color:#fff; background: #FF5706;border:1px solid #FF5706;}
.blog{ width:1100px; margin:0 auto;}
.blog_l{ min-height:314px; background-color:#FFF;}
.blog_r{ min-height:314px;}
.blog_img{ position:relative; width:100%;}
.blog_img img{ display:block; width:100%; height:245px; overflow:hidden; }
.blog_infor{ padding:16px 12px 0 12px;}
.blog_title a,.blog_Rmore b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.blog_title a{ color:#EC4D00; font-size:16px; font-weight:bold; display:block;}
.blog_intro{ color:#818181; font-size:14px; font-family:"微软雅黑"; line-height:26px; height:94px; overflow:hidden; padding-top:6px; margin-bottom:6px;}
.blog_wel span{font-size:13px; font-family:Arial; color:#666; padding-left:20px; line-height:34px;}
.blog_wel1{ background:url(../images/blog_icon1.png) no-repeat left;}
.blog_wel2{ background:url(../images/blog_icon2.png) no-repeat left;}
.blog_list ul{ float:left;}
.blog_list li{float:left;margin:0 3% 16px 0;display:inline;	background-color:#FFF;position:relative;width:47%;height:90px;}
.blog_list li a{ display:block; width:99%; height:86px; border:2px solid #FFF;}
.blog_list li a span{display:block;cursor:pointer;font-size:14px;font-family:"微软雅黑";}
.blog_Rtime{ width:68px; height:60px; margin:3.8% 0 0 3%; padding:10px; background-color:#969393; text-align:center;}
.blog_Rtime em,.blog_Rtime b{ display:block; font-family:Arial; color:#FFF;}
.blog_Rtime b{ font-size:24px;}
.blog_Rtime em{ font-style:normal; font-size:12px;}
.blog_Rmore{ width:73%; margin:3.8% 3% 0 0;}
.blog_Rmore b{ color:#333; display:block; width:230px; height:24px;  font-size:15px; font-family:"微软雅黑";}
.blog_Rmore span{ line-height:18px; height:36px; overflow:hidden;}
.blog_list li a .blog_more{ display:block; position:absolute; bottom:0; right:0; background:url(../images/blog_mbd.jpg) no-repeat; width:12px; height:12px; display:none;}
.blog_list li a:hover{ border:2px solid #EC4D00;width:100%; height:100%;}
.blog_list li a:hover .blog_more{ display:block;}
.blog_list li a:hover .blog_Rtime{ background-color:#EC4D00;}
.blog_list li a:hover .blog_Rmore b{ color: #EC4D00; }
.blog_infTop{ height:auto; overflow:hidden; padding-bottom:4px;}
.blog_time{ width:23%; height:75px; background-color:#FF732F; z-index:10;}
.blog_time span{ display:block; font-size:14px; font-family:Arial; color:#FFF; width:100%; text-align:center;}
.blog_time span.blog_y{ font-size:30px; line-height:40px;}
.blog_day{ background-color:#EA4D00; height:35px; line-height:35px;}
.blog_infR{ width:73%;}
.blog_title{ padding:6px 0 8px;}
.blog_wel2{float:right;}
.blog_infR .blog_title a{ display:block; height:24px; font-family:"微软雅黑";}

.formBox {overflow: hidden;}
.formBox .txt{float: left;width: 50%;}
.formBox .txt p{padding-left: 65px;font-size: 14px;height: 60px;line-height: 60px;color: #fff;}
.formBox .txt .s1{background: url(../images/ico-add.png) no-repeat left center;}
.formBox .txt .s2{background: url(../images/ico-tel.png) no-repeat left center;}
.formBox .txt .s3{background: url(../images/ico-email.png) no-repeat left center;}
.formBox .txt .s4{background: url(../images/ico-weixin.png) no-repeat left center;}
.formBox .txt .s5{background: url(../images/ico-fax.png) no-repeat left center;}
.formBox .txt .s6{background: url(../images/ico-web.png) no-repeat left center;}
.formBox .form{float: right;width: 50%;}
.formBox .form p{margin-bottom: 20px;}
.formBox .form .inp{height: 49px;border: 1px solid #7c7c7c;background: none;width: 100%;padding-left: 15px;font-size: 14px;font-family:"微软雅黑","Microsoft Yahei";color: #fff;outline:none;}
.formBox .form textarea{border: 1px solid #7c7c7c;background: none;width: 100%;padding: 8px 15px;height: 165px;font-size: 14px;font-family:"微软雅黑","Microsoft Yahei";color:#fff;outline:none;}
.formBox .form .inp::-webkit-input-placeholder,.formBox .form textarea::-webkit-input-placeholder {color: #fff;}
.formBox .form .inp::-moz-placeholder,.formBox .form textarea::-moz-placeholder { color: #fff; }
.formBox .form .inp::-ms-input-placeholder,.formBox .form textarea::-ms-input-placeholder {  color: #fff;}
.formBox .form .btn{width: 100%;height: 50px;border: 1px solid #7c7c7c;background: #000;color: #fff;font-size: 14px;font-family:"微软雅黑","Microsoft Yahei";outline:none;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.formBox .form .btn:hover{background: #f1433c;}
.page3 .page4{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 0 50%;
background-repeat: no-repeat;
padding: 170px 0 0 0;overflow: hidden;}
.page3 .page4 #copyright{position: static;}
.hide-b{height: 31px;display: block;width: 100%;background: url(../images/arrow_backtop.png) no-repeat center top;display: none;cursor: pointer;margin: 30px 0;}
/**/
.section{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
overflow: hidden;
}

.page1,.index_new,.view{height: 100%;}
.formBox .form p{position: relative;}
.z-tip{position: absolute;left: 0px;top: -52px;color: #fff;background-color: #f1433c;white-space: nowrap;padding: 3px 8px;color: #fff;text-align: center;border-radius: 4px;visibility: hidden;opacity: 0;
-o-transition:.3s;-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}

.z-tip b{position: absolute;bottom: -5px;left: 50%;margin-left: -5px;border-width: 5px 5px 0;border-color: transparent;border-style: solid;border-top-color: #f1433c;}
.ss2{margin:0 auto;}
@media only screen and (max-width: 1440px) {
.txtBox2{padding: 0;overflow: hidden;}
}
@media only screen and (max-width: 1199px) {
.wp{width: 96%;}
.fixed{display: none;}
#copyright{font-size: 12px;color: #999;padding: 10px;}
.more-btn{margin-top: 0;}
}
.formBox{padding-bottom: 150px;}

@media only screen and (max-width: 767px) {
.wp{width: 96%;}
}
@media only screen and (max-width: 1024px) {
.formBox .form .inp{height: 38px;}
.formBox .form .btn{height: 38px;}
.formBox .form p{margin-bottom: 10px;}
.formBox .form textarea{height: 100px;}
}
@media only screen and (max-width: 767px) {
.txtBox1{padding-bottom: 20px;padding-top: 60px;}
.txtBox2{background-attachment: scroll;padding:0;}
.case-item .tit{line-height: 2;height: auto;}
.page3 .page4{padding-top: 60px;}
.formBox .txt{width:90%;float: none;overflow: hidden; margin:0 auto; padding-bottom:30px;}
.formBox .txt p{padding:7px 0 7px 30px; height:auto;line-height: 25px;background-size: auto 20px !important;}
.formBox .txt .s3{background-size: auto 14px !important;}
.formBox .form{width: 90%;float: none; margin:0 auto;}
.formBox{padding-bottom: 50px;}
.case-item .txt{padding: 0 10px;}
}
@media only screen and (max-width: 350px) {
.formBox .txt{margin-bottom: 10px;}
.formBox .form .inp{height: 25px;font-size: 12px;}
.formBox .form textarea{height: 70px;font-size: 12px;}
.formBox .form .btn{height: 25px;}
.formBox .txt p{font-size: 12px;}
}
@media (max-width:1440px) {
.case-content .hd .keywords{display: inline-block; font-size:14px; color:#AAA; vertical-align: middle; height:32px;line-height:24px;}
}
@media (max-width:1280px) {
.case-content .hd .title{ color:#575757;line-height:28px; font-size:14px;}
.case-content .hd .keywords{display: inline-block; font-size:14px; color:#AAA; vertical-align: middle; height:32px;line-height:24px;}
}
@media (max-width:768px) {
/*首页内容样式开始--------------*/
.case-title{padding-top: 20px;}
.case-title a span{display: none;}
.case-content li{width: 48%; margin-right:1%; margin-left:1%;float: left;margin-bottom: 5px;}
.case-content .hd{margin-top: 10px; overflow: hidden;}
.case-content .hd span{display: block;font-size: 14px;padding-bottom: 5px;}
.case-content .hd .keywords{display:none;}
/*首页内容样式结束--------------*/
}

/*响应式代码*/
@media (max-width:768px) {
.newlist{width: 90%;margin: 10px 5%;}
}
@media (max-width: 640px) {
.z-news li{width: 100%;height: auto;overflow: hidden;}
.datas-title{font-size: 16px;height: auto; line-height: 40px;}
.blog_list li{width:100%;}
.blog_Rtime{margin:4% 0 0 2.3%;}
.blog_Rmore{width:73%; margin:4% 2.3% 0 0;}
.blog_sel a{padding: 8px 13px; font-size:16px;}
}
/*首页-响应式案例样式 */
@media all and (max-width: 1920px) {
.blog_list li{height:98px;}
.blog_Rtime{margin: 3.4% 0 0 3.8%;}
.blog_list li a{height:94px; width:99.4%;}
.blog_Rmore{width:75%; margin: 3.5% 3.8% 0 0;}
.blog_l{min-height: 337px;}
}

@media all and (max-width: 1660px) {
.blog_Rmore{width:76%;}
.blog_Rtime{margin: 3.8% 0 0 3.8%;}
}
@media all and (max-width: 1440px) {
.blog_Rmore{width:72%; margin: 3.8% 3.8% 0 0;}
.blog_Rtime{width:20%;margin: 4.3% 0 0 3.8%;}
.blog_l{min-height:440px;}
.blog_img img{ display:block; width:100%; height: auto; overflow:hidden; }
.blog_list li a{ display:block; width:99%; height:66px; border:2px solid #FFF;}
.blog_list li a span{display:block;cursor:pointer;font-size:14px;font-family:"微软雅黑";}
.blog_Rtime em{ font-style:normal; font-size:14px;}
.blog_Rmore b{font-size:16px;font-weight: normal;}
.blog_Rmore span{ font-size:14px;}
.blog_title a{font-weight: normal;}
}
@media all and (max-width: 1366px) {
.blog_l{min-height: 390px;}
.blog_Rmore{width:70%; margin: 4.5% 3% 0 0;}
.blog_Rtime{width:22%;margin: 4.5% 0 0 3%;}
.blog_intro{ height:124px;margin-bottom:2px;}
.blog_list li a{ display:block; width:100%; height:92px; border:2px solid #FFF;}
.blog_list li{height:90px;}
}
@media all and (max-width: 1280px) {
.blog_title a{font-size:16px;}
.blog_wel2{ display:none;}
.blog_intro{ line-height:26px; height:124px; }
.blog_Rmore{width:66%; margin: 4.5% 3.8% 0 0;}
.blog_Rtime{ width:25%; margin: 4.5% 0 0 3.8%;}
.blog_list li a{ display:block; width:100%; height:90px; border:2px solid #FFF;}
.blog_list li{height:88px;}
.blog_l{min-height:360px;}
.blog_Rmore span{ font-size:14px;}
}

@media all and (max-width: 1152px) {
.blog_l{ display:none; }
.blog_r{ width:100%;}
.blog_Rmore{width:73%; margin: 3.5% 3.8% 0 0;}
.blog_Rtime{margin: 3.7% 0 0 3.5%;}
.ewm{display:none;}
}
@media all and (max-width: 1192px) {
.blog_l{ display:none; }
.blog_r{ width:100%;}

}
@media all and (max-width: 1024px) {
.blog_Rmore{width:73%; margin: 3.8% 3.8% 0 0;}
.blog_Rtime{margin: 3.9% 0 0 3.5%;}
.bottom{display:none;}
}
@media all and (max-width: 875px){
.blog_list li{width:100%;}
.blog_Rmore{width:80%; margin: 2.6% 2.8% 0 0;}
.blog_Rtime{margin: 2.5% 0 0 2.5%;}
.blog_list li a{height:94px; width:99.6%;}
}

@media all and (max-width: 800px){
.blog_list li{width:100%;}
.blog_Rtime{margin: 1.9% 0 0 2.8%;}
.blog_Rmore{width:76%; margin: 2.6% 2.8% 0 0;}
.blog_Rtime{margin: 2.5% 0 0 2.5%;}

}
@media all and (max-width: 768px){
.blog_Rtime{ width:68px; height:62px; margin:2.8% 0 0 2.8%; padding-top:10px; background-color:#969393; text-align:center;}
.blog_Rtime em,.blog_Rtime b{ display:block; font-family:Arial; color:#FFF;}
.blog_Rtime b{ font-size:24px;}
.blog_Rtime em{ font-style:normal; font-size:13px;}
.blog_Rmore{width:76%; margin: 2.6% 2.8% 0 0;}
.blog_list li a{ display:block; width:100%; height:90px; border:2px solid #FFF;}
.blog_list li{height:88px;}

}
@media all and (max-width: 640px){
.blog_list li{width:100%;}
.blog_Rtime{margin:4% 0 0 2.3%;}
.blog_Rmore{width:76%; margin: 4% 2.8% 0 0;}
.i_news{margin-top:10%;}
.i_news_title h1 em img{width:20%;}
.i_news_title h1{font-size:20px;}
}

@media all and (max-width:480px){
.blog_Rmore{width:70%; margin: 4% 2.8% 0 0;}


}