@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
::selection { background: #ff6600; color: #FFF; }
::-moz-selection { background: #ff6600; color: #FFF; }
*:after, *:before { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
a:hover, a:active { outline: 0; }
ul, ol, li { list-style: none; }
img { width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;  }
html, body {overflow-x: hidden;-webkit-user-select: none; font-size: 62.5%; /* 禁止选中文本（如无文本选中需求，此为必选项） */ user-select: none; }
body { width: 100%; -webkit-text-size-adjust: none; font-size: 1.2rem; font: 12px/1.2 'Helvetica Neue','Microsoft Yahei',AppleGothic, Helvetica, STHeiTi, sans-serif; line-height: 160%; color: #333; font-weight:lighter; }
*:link, *:visited, *:hover, *:active, *:focus { transition: color .20s linear,background-color .20s linear,border-color .20s linear; }
a { color: #333; text-decoration: none; outline: none; -webkit-touch-callout: none; }
a:hover { color: #3300cc; text-decoration: none; }
.clearfix{zoom: 1}
.clearfix:before{content: "";display: table;clear: both;line-height: 0;height: 0;}
.clearfix:after{content: "";display: table;clear: both;line-height: 0;height: 0;}
/*缺省结束*/

.sjdbh{display: none}
.logo{ width:200px; height:45px; background:url(../img/logo.png) no-repeat; position:fixed; top:40px; left:3%; z-index:999; }

.phone-nav{display: none}

.phone_head{ position:fixed; top:37px; font-size:16px; font-weight:bold; color:#99ffcc; z-index:12; right:3%; }
.phone_head img{ display:inline-block; margin-right:15px; }
.phone_head a{ color:#99ffcc; margin-left:10px; }
/* Adjusting the margins, paddings and no list styles */
.navigation  {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	right:25%;
	z-index:11;
}

/* Little tricking with positions */
.navigation  li {
	float:left;			/* Show list items inline */
	width:120px;
	position:relative;
}

/* Playing with Main Categories */
.navigation  li a {
	color:#fff;
	display:block;  	/* Making sure a element covers whole li area */
	padding:38px 7px 20px 7px;
	text-decoration:none; /* No underline */
	text-align:center;
	text-transform:uppercase;
	font-size:17px;
}

.navigation  li a:hover {
	color:#fff;
}

.navigation li:hover{ background:rgba(0, 0, 0, 0.5); border-top:5px solid #99ffcc; }
.navigation li:hover a{ color:#99ffcc; }

/* Sub Cat Menu stuff*/
.navigation  ul {
	width:500px;
	position:absolute;
	left:0;
	display:none; /* Hide it by default */
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
}

.navigation  ul li {
	width:120px;
	float:left;
}
.navigation  ul li:hover{ border:none; }

/* Sub Cat menu link properties */
.navigation  ul a {
	display:block;    	/* Making sure a element covers whole li area */
	height:15px;
	padding:8px 7px 13px 7px;
	color:#fff;
	text-decoration:none;
	border-top:none;
	background:rgba(0, 0, 0, 0.5);
	font-size:12px;
}

.navigation  ul a:hover {
	color:#000;
	background:#99ffcc;
}

/*我们能做什么*/
.wecan{width:1600px; margin:0 auto; overflow:hidden;padding:100px 0;}
.service_title{ position:relative; text-align:center;  color:#000; }
.service_title h2{ font-size:30px; font-weight:100; padding:20px 0; }
.service_title em{ font-style:inherit; font-size:18px; font-weight:bold; }
.service_title p{ padding:40px 0; font-size:14px; color:#333; }
.service_title .line-1{ width:80px; height:1px; background:#000; position:absolute; left:50%; top:0; margin-left:-150px; }
.service_title .line-2{ width:50px; height:1px; background:#000; position:absolute; left:50%; top:70px; margin-left:70px; }

/* service */
.service{ width:1580px;overflow:hidden; position:relative; margin:0 auto;padding:0 50px;box-sizing: border-box; }
.service .swiper-wecan{width: 100%;overflow:hidden;}
.service .swiper-wecan .swiper-slide{text-align:center; height:558px;box-sizing: border-box;padding-bottom:2px;}
.service .swiper-wecan .swiper-slide div{border:1px solid #dddddd;height: 100%;}
.service .swiper-wecan .swiper-slide h2{ font-size:30px; padding-top:100px; }
.service .swiper-wecan .swiper-slide img{ display:inline-block; margin:60px auto; }
.service .swiper-wecan .swiper-slide a{ display:inline-block; width:190px; height:46px; line-height:46px; font-size:16px; text-align:center; color:#666666; border:1px solid #ddd; -moz-border-radius: 23px; -webkit-border-radius: 23px; border-radius:23px; overflow:hidden; margin-top:60px; }
.service .swiper-wecan .swiper-slide:hover{background-color:#66ffcc;}
.service .swiper-wecan .swiper-slide:hover div{border-color:#66ffcc; }
.service .swiper-wecan .swiper-slide:hover a{ color:#000; border-color:#fff; background:#fff; }
.service .swiper-wecan .swiper-slide:hover h2{ color:#000; }
.service .swiper-wecan .swiper-slide:hover a:hover{ color:#fff; border-color:#333; background-color:#333; }
.service .wecan-next{background: url("../img/rrr.png") no-repeat center;}
.service .wecan-prev{background: url("../img/lll.png") no-repeat center;}

.servicephone{display: none;}

/*公司简介*/
.gsjj{padding:100px 0;background: #eee;}
.gsjj-box{width:1600px;margin:0 auto}
.gsjj .gsjj-info{}
.gsjj .gsjj-info p{font-size:18px;line-height:35px;text-align:justify}
.gsjj .gsjj-info h2{text-align:center;padding:15px 0;font-size:24px;}

.case_content{ width:100%;background:url(../img/bg_case.jpg) center top no-repeat;background-size: cover;padding-bottom:150px; }
.case_content h2{ font-size:30px; text-align:center; font-weight:100; line-height:150%; padding-top:50px; color:#000; }
.case_content ul{ width:1600px; margin:0 auto; padding-top:100px; }
.case_content ul li{ width:50%; float:left; text-align:center; color:#fff; }
.case_content ul li img{ display:inline-block; padding:60px 0; }
.case_content ul li h4{ font-size:24px; font-weight:100; padding-bottom:30px; }
.case_content ul li h3{ font-size:36px; padding-bottom:60px; }
.case_content ul li a{ display:inline-block; width:160px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; border:1px solid #fff; }
.case_content ul li a:hover{ color:#99ffcc; border-color:#99ffcc; }



/*行业解决方案*/
.jjfa{width:100%; margin:0 auto; overflow:hidden; background:url(../img/bg_program.jpg) center top no-repeat;background-size: cover;padding-top:100px;}

/* program */
.program{width:1200px; margin:0 auto; overflow:hidden; }
.program .hd{ position:relative; height:150px; }
.program .hd ul{height:32px; text-align:center;}
.program .hd ul li{ padding:0 30px; cursor:pointer; font-size:16px; display:inline-block;}
.program .hd ul li.on{ color:#f00; }
.program .bd ul{ padding:15px;  zoom:1;  }
.program .bd li{ float:left; width:33%; text-align:center; }
.program .bd ul{ position:relative; min-height:500px;color:#000; }
.program .bd ul li .imgbox{ width:120px; height:120px; background:#222222; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius:60px; margin:0 auto; }
.program .bd ul li .imgbox img{ margin-top:35px; }
.program .bd ul li h2{ padding:40px 0; }
.program .bd ul li p{font-size:14px; font-weight:500;}
.program .bd ul .readmore{width:100%; padding-top:50px;}
.program .bd ul .readmore a{display:block; height:53px;line-height:53px; font-size:18px; color:#000; border:1px solid #000;width:238px;margin:0 auto;}
.program .bd ul .readmore a:hover{ background:#000; color:#fff; }

/*咨询困难*/

.zxkn{padding:100px 0;width:100%; margin:0 auto; overflow:hidden; background:url(../img/bg_content.jpg) center top no-repeat;background-size: cover}
.advantage{ width:1200px; margin:0 auto; overflow:hidden; color:#fff; text-align:center; }
.advantage li { float:left; width:25%; }
.advantage li h2{display:inline-block;padding:0 5px;font-size:24px; font-weight:100; padding-top:50px; border-bottom:2px solid #fff; padding-bottom:15px; margin:0 auto; }
.advantage li p{ font-size:14px; padding:40px 0; }
.advantage_more{ width:400px; height:80px; margin:0 auto; text-align:center; margin-top:40px; }
.advantage_more a{ display:block; border:3px solid #cccccc; line-height:80px; font-size:24px; color:#fff; }
.advantage_more a:hover{ background-color:#cccccc; color:#000; }


.newshome{ width:1600px; margin:0 auto; overflow:hidden; padding-top:80px; }
.newshome ul{ margin:0 0 80px 0; width:50%; float:left; border-bottom:1px solid #ddd; padding-bottom:40px; }
.newshome .newsimg{ width:300px; float:left; position:relative; text-align:center; }
.newshome .newsimg a{display:block;}
.newshome .newsimg a img{max-width:100%;}
.newshome .newsimg .newsdate{position:absolute; top:-42px; left:60px; font-size:24px; color:#33cc99; }
.newshome .newsimg .newsdate span{ display:inline-block; width:72px; height:72px; border:4px solid #33cc99; text-align:center; font-size:30px; line-height:40px; margin-right:20px; }
.newshome .newstxt h2{ font-size:24px; line-height:30px; padding-bottom:10px;height:60px;overflow:hidden;}
.newshome .newstxt em{ color:#cccccc; }
.newshome .newstxt p{ font-size:14px; padding-top:20px;height:58px;overflow:hidden;}
.newshome .newstxt a{ display:block; }
.newshome .newstxt a:hover{ color:#ff3333; }
.newshome ul:hover{ border-color:#ff3333; }
.newshome ul:hover .newsimg .newsdate{ color:#ff3333; }
.newshome ul:hover .newsimg .newsdate span{ border-color:#ff3333; }

.title_color_fff{ color:#fff !important; }
.title_bg_fff{ background-color:#ffffff !important; }

.footer{ background:url(../img/back_footer.jpg) top center no-repeat #000; width:100%; overflow:hidden; padding:80px 0; }
.footer .foottxt{ width:85%; margin:0 auto; text-align:left; color:#fff; position:relative; }
.footer .foottxt h2{ font-size:30px; padding:0; margin:0; }
.footer .foottxt h4{ font-size:18px; padding:0; margin:0; font-weight:500; }
.footer .foottxt p{ font-size:18px; color:#999; font-family:arial; padding:0; margin:15px 0 40px 0; }
.footer .foottxt .footcontact{ position:absolute; right:0; text-align:center; }
.footer .foottxt .footcontact h3{ font-size:24px; color:#99ffcc; padding:30px 0 0 0; }
.footer .foottxt .footcontact h5{ font-size:30px; font-weight:100; }
.footer .foottxt .footcontact h5 i{ font-size:14px; border:1px solid #222; padding:10px; margin:5px; font-style:inherit; position:relative; }
.footer .foottxt .footcontact h5 i::before { border-top:1px solid white; border-left:1px solid white; padding:5px; position:absolute; content:''; left:-1px; top:-1px; }
.footer .foottxt .footcontact .logo_foot{ margin-top:30px; }
.footer .foottxt .footcontact em{ display:block; padding-top:30px; font-style:inherit; }
.footer .foottxt .footcontact .ad{ overflow:hidden; }
.footer .foottxt .footcontact .ad li{ float:left; font-size:14px; padding:20px 35px; border:1px solid #333; margin:0 5px; }
.footer .foottxt .footcontact .ad li.i1{ background:url(../img/1.png) 20px center no-repeat; padding-left:55px; }
.footer .foottxt .footcontact .ad li.i15{ background:url(../img/15.png) 20px center no-repeat; padding-left:70px; }
.footer .foottxt .footcontact .ad li.i4000{ background:url(../img/4000.png) 20px center no-repeat; padding-left:130px; }
.footer .foottxt ul li{ float:left; text-align:center; }
.footer .foottxt ul div{ position:relative; margin-top:20px; }
.footer .foottxt ul div img{ margin:0 20px; }
.footer .foottxt ul em{ display:block; padding-top:30px; }
.footer .foottxt ul div #ewm{ position:absolute; bottom:60px; right:-40px; z-index:800; display:none; }
.footer .foottxt ul .foot_menu{ padding:0 0 0 5%; }
.footer .foottxt ul .foot_menu h3{ text-align:left; font-size:16px; }
.footer .foottxt ul .foot_menu p a{ display:block; float:left; font-size:12px; border:1px solid #666; color:#fff; padding:10px; margin-right:10px; }
.footer .footicp{ width:1200px; margin:0 auto; clear:both; font-size:12px; color:#fff; text-align:center; padding-top:50px; overflow:hidden; font-weight:500; }
.footer .footicp a{ color:#fff; }
.footer .footicp p{display:inline-block;color:#fff;margin:0 5px;}

/*案例页面*/
/* page */

.page_focus{ width:100%; height:600px; background:url(../img/page_focus_1.jpg) top center no-repeat; position:relative; }
.page_focus.bg2{ background:url(../img/page_focus_2.jpg) top center no-repeat; }
.page_focus .focus_text{ position:absolute; left:2%; bottom:10%; font-size:30px; color:#fff; line-height: 30px;width:60%}
.page_focus .focus_text.focus_text_teshu{font-size: 22px;line-height: 30px;}
.page_focus .focus_text strong{display:block; font-size:36px; line-height:200%;}
.page_focus .focus_box{ position:absolute; right:2%; bottom:-50px; width:500px; height:200px; background:url(../img/title_line.png) 280px 0 no-repeat #0fc; overflow:hidden; }
.page_focus .focus_box.news_bg{ background-color:#7bff3a; }
.page_focus .focus_box h3, .page_focus .focus_box h4{ font-weight:100; color:#000; }
.page_focus .focus_box h3{ font-size:90px; line-height:90px; margin:30px 0 0 40px; }
.page_focus .focus_box h3 span{ font-size:60px; }
.page_focus .focus_box h4{ font-size:30px; line-height:30px; margin-left:50px; }

.path{ line-height:50px; color:#666;width:1600px;margin: 0 auto }
.path a{ display:inline-block; color:#333; padding-right:5px; }

.caseClass{width:1600px;margin: 0 auto}
.caseClass li{ padding:20px 0; font-size:14px;  overflow:hidden; }
.caseClass li a{display:block; margin-right:10px; padding:3px 15px; float:left; border-bottom:2px solid #fff;background: #f5f5f5;margin-bottom: 5px;}
.caseClass li a:hover{ color:#fff; font-weight:500; background:#ce2644}
.caseClass li .active{ color:#fff; font-weight:500; background: #ce2644}

.caseList{ margin:0 auto; overflow:hidden; width:1600px; }
.caseList li{margin-right:2%; float:left;padding-bottom:50px; width:32%; overflow: hidden}
.caseList li:nth-child(3n){margin-right: 0}
.caseList li img{margin-bottom:10px; }
.caseList li h2{ font-weight:500; font-size:16px;padding:10px 0; color:#000;height: 40px;line-height: 20px;display: table-cell;vertical-align: middle;}
.caseList li a{display:block; width:100%;overflow:hidden; position:relative; }
.caseList li a div{height:100%;background: #000;position: absolute;width:100%;transition: opacity 0.35s, transform 0.35s;  -webkit-transform: scale(1);transform: scale(1);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;background:url("../img/case_img_1.jpg") no-repeat center;background-size: cover;}
.caseList li img {width:100%;}
.caseList li .case-infotitle{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.caseList li:hover div{opacity: 0.3;-webkit-transform: scale(1.12);transform: scale(1.12);}
.caseList li:hover figcaption{background: rgba(0,255,204,.5)}
.caseList li figcaption{height: 100%;position: absolute;width: 100%;background: rgba(0,255,204,0);transition: .3s;}
.caseList li figcaption::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 1px solid #fff;content: '';text-align:center;vertical-align:middle;-webkit-transform: scale(1.1);transform: scale(1.1);}
.caseList li figcaption::before,
.caseList li figcaption p {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;z-index:100;}
.caseList li figcaption p {position:absolute;font-size:34px;color:white;text-align:center;max-width: 200px;max-height:60px;line-height:60px;left:50%;margin-left:-100px;top:50%;margin-top:-30px;-webkit-transform: scale(1.5);transform: scale(1.5);}
.caseList li:hover figcaption::before,
.caseList li:hover figcaption p{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

/*新闻*/
.newsList{ margin:0 auto; width:1600px;}
.newsList ul{float:left; width:32%; margin-right: 2%; margin-bottom:50px;border-bottom:2px solid #ccc; padding-bottom:40px; }
.newsList ul:nth-child(3n){margin-right: 0;}
.newsList ul .date{width:22%; height:195px; float:left; border-top:5px solid #ccc; color:#ccc; background:#eee; font-size:80px; text-align:center; margin-right:1%; }
.newsList ul .date strong{ display:block; line-height:150px; }
.newsList ul .date em{ font-size:22px; display:block; }
.newsList ul .img{ width:77%; height:200px; overflow:hidden; text-align:center; }
.newsList ul .img img{
	display:block;
	max-widht:400px;
	max-height:200px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}
.newsList ul h2{
	font-size:16px;
	padding:20px 10px;
	color:#333;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.newsList ul p{ font-style:italic; color:#666; line-height:16px; padding:0 10px; }
.newsList ul:hover{ border-color:#ff6633; }
.newsList ul:hover .date{ background-color:#ff6633; border-color:#dd562a; color:white; }
.newsList ul:hover .img img {
	-webkit-transform: scale(1);
	transform: scale(1);
 }


.message{ width:84%; padding:0 8%; background:#efefef; overflow:hidden; clear:both; }
.message h2{ font-size:36px; font-weight:100; color:#000; padding:60px 0 40px 0; }
.message .input li{ float:left; }
.message .input input{ margin-right: 1%;background-color: #fff; padding: 20px 0; color:#6e6e6e; padding-left: 1%;font-size: 14px; border:none; }
.message .input .text1, .message .input .text2{ width: 16%; }
.message .input .text3{ width:50%; }
.message .input .submit{ background-color: #040404; color:#fff; width: 12%;text-align: center;padding-left: 0; cursor:pointer;*margin:0!important;*padding:17px 0!important; margin-right: 0; }
.message p{ font-style:italic; padding:30px 0 40px 0; clear:both; }


.viewPcFocus{ width:100%; height:750px; overflow:hidden; position:relative; background:black; }
.viewPcFocus img{display:block; position:absolute; top:50%; left:50%;transform: translate(-50%, -50%);}
.viewPcFocus .title{ position:absolute; left:8%; bottom:8%; color:#fff; }
.viewPcFocus .title h3{ font-size:36px; line-height:200%; }
.viewPcFocus .title p{ font-size:18px; line-height:100%; }

.viewPcContent{ margin:0 8%; }
.viewPcContent .caseInfo{ width:60%; line-height:150%; font-size:14px; color:#333; padding:50px 0;text-align: justify }
.viewPcContent .caseButton{ width:100%; border-bottom:1px solid #dddddd; padding-bottom:20px; }
.viewPcContent .caseButton .webSite{float: left}
.viewPcContent .caseButton .webSite a{ font-size:16px; color:#000; font-weight:500; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.viewPcContent .caseButton .webSite a:hover{ padding-left:10px; }
.viewPcContent .caseButton .webSite span{ font-size:16px; color:#000; padding-left:15px; }
.viewPcContent .caseButton .more{ font-size:14px; color:#333; float:right; }
.viewPcContent .caseButton .more span{ border-left:1px solid #666; margin:0 20px; }
.viewPcContent .caseButton .more a{ padding:5px 10px; color:#333; }
.viewPcContent .caseButton .more a:hover{ color:#fff; background-color:#333; }
.viewPcContent .casePhoto{ text-align:center; padding:50px 0; }
.viewPcContent .casePhoto img{max-width: 100%;}
.moreCase{ background:#fff; padding-top:50px; width:100%; }
.moreCase h4{ font-size:18px; padding-left:5%; padding-bottom:20px; }

.viewMobileContent{ width:1200px; position:relative; height:833px; background:url(../img/phone_ui.png) 200px 0 no-repeat; margin:0 auto; }
.viewMobileContent .prev, .viewMobileContent .next{ position:absolute; top:47%; height:71px; background:url(../img/arrow_case.png) no-repeat; color:#fff; font-size:14px; line-height:150%;  display:block; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.viewMobileContent .next{ right:0; text-align:right; background-position:right -142px; }
.viewMobileContent .prev p{ padding:15px 0 0 50px; }
.viewMobileContent .next p{ padding:15px 50px 0 0; }
.viewMobileContent .prev:hover{ background-position:left -71px; color:#00ffcc; }
.viewMobileContent .next:hover{ background-position:right -213px; color:#00ffcc; }

.viewMobileContent .caseInfo{ width:180px; padding:30px; position:absolute; top:93px; right:260px; background:#fff; text-align:center; }
.viewMobileContent .caseInfo .caseLogo{ width:100px; height:100px; margin:0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; background:#333; overflow:hidden; }
.viewMobileContent .caseInfo h3{ font-size:24px; padding:40px 0 10px 0; }
.viewMobileContent .caseInfo p{ font-size:14px; padding-bottom:20px; }

.mobile-case-img{ width:320px; height:568px; overflow:hidden; position:absolute; top:93px; left:286px; }
.mobile-case-img .hd{ overflow:hidden; height:30px; background:rgba(0, 0, 0, 0.7); position:absolute; width:100%; bottom:0; z-index:9; }
.mobile-case-img .hd ul{ float:right; overflow:hidden; zoom:1; margin:10px 10px 0 0; }
.mobile-case-img .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; text-indent:-999px; cursor:pointer; background:#fff; margin-left:5px; }
.mobile-case-img .hd ul li.on{ background:#00ffcc; }
.mobile-case-img .bd{ height:568px; }
.mobile-case-img .bd ul{ overflow:hidden; zoom:1; }
.mobile-case-img .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
.mobile-case-img .bd ul li img{ display:block; width:320px; height: 568px; }

/*新闻内页*/
.newsViewTit{ width:100%; height:400px; background:#353541; position:relative; }
.newsViewTit div{position:absolute; left:8%; bottom:50px; color:#fff;width:84%;}
.newsViewTit div h4{ font-size:40px; line-height:200%; font-weight:bold; }
.newsViewTit div p{ font-size:14px; border-left:3px solid #fff; padding-left:10px; }

.newsViewCont{ margin:0px 8%; padding: 60px; position:relative; min-height:500px; font-size:16px; line-height:300%; background: #fff; }
.newsViewCont img{max-width: 100%}
.newsMore{ margin:0 8%; padding:20px 0; overflow:hidden; }
.newsMore a{ display:block; float:left; padding:5px 10px; font-size: 18px; font-weight: bold; }
.newsMore a:last-child{ float:right; }
.newsMore a:hover{ background:#333; color:#fff; }



@media screen and (max-width:1600px){
	.wecan{width: 95%;}
	.service{width:100%;}
	/*公司简介*/
	.gsjj-box{width:95%;}
	.case_content ul{width:100%;}
	/*新闻*/
	.newshome{width:100%;padding:0 15px;box-sizing:border-box;padding-top:80px;}

	/*案例页面*/
	.path{width:98%;}
	.caseList{width: 98%;}
	.caseClass{width:98%;}
	/*新闻*/
	.newsList{width: 98%;}
}
@media screen and (max-width:1420px){
	.footer .foottxt .footcontact .logo_foot{margin-top:0}
	.footer .foottxt .footcontact .ad{display:none}
	/*新闻*/
	.newsList ul .date strong{font-size: 60px;}
	.newsList ul .date em{font-size: 18px;}
}
@media screen and (max-width:1366px){
	.page_focus .focus_box{width:400px;height: 180px;}
	.page_focus .focus_box h3{font-size: 60px;}
	.page_focus .focus_box h3 span{font-size: 40px;}
	.page_focus .focus_box h4{font-size: 25px;}
}
@media screen and (max-width:1200px){
	.case_content{padding-bottom:100px;}
	.case_content ul{padding-top:50px;}
	/* program */
	.program{width:100%;}
	/*咨询所有困难*/
	.advantage{width:100%;}
	/*新闻*/
	.newshome .newsimg{width:220px;margin-right:5px;}
	.newshome .newstxt h2{font-size:20px;padding-bottom:0}
	.footer .footicp{width:100%;}
	.page_focus .focus_text{width: 50%;font-size: 22px;}
	.page_focus .focus_text strong{font-size: 30px;}
	.page_focus .focus_text.focus_text_teshu{font-size: 18px;line-height: 24px;}
	/*新闻*/
	.newsList ul .date strong{font-size: 40px;}
	.newsList ul .date em{font-size: 16px;}
	/*新闻内页*/
	.newsViewTit{height: 500px;}
	.newsViewTit div{left: 4%}
	.newsViewTit div h4{font-size: 24px;}
	.newsViewCont{line-height: 30px;width:96%;margin: 0 auto;padding:60px 0;}
	.newsMore{width: 96%;margin: 0 auto}
}
@media screen and (max-width:1024px){
	.phone_head{display:none;}
	.logo{display: none}
	.nav{display:none;}
	.navMask{display: none !important;}
	.phone-nav{display:block;position: fixed;top:0;left:0;z-index: 80;width:100%}
	.mobile{width: 100%;float: left;margin-top: 100px;}
	.mobile-inner{width: 550px;margin-right: auto;margin-left: auto;background-color: #fafafa;position: relative;}
	.mobile-inner img{width: 100%;margin-bottom: 30px;}
	.mobile-inner p{color: #676767;line-height: 25px;font-size: 16px;padding-bottom: 30px;padding-right: 30px;padding-left: 30px;margin:0px;}
	.mobile-inner-header{background-color: rgba(0,0,0,1);width: 100%;height: 50px;position: fixed;top: 0px;left: 0px;z-index: 9999}
	.mobile-inner-header img{height:30px;margin:10px 0 0 10px;}
	.mobile-inner-header-icon{color: #ffffff;height: 50px;font-size:25px;text-align: center;float:right;width: 50px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
	.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
	.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 1px;background-color: rgba(255,255,255,1);}
	.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}

	.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}
	.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

	@keyframes clickfirst {
		0% {
			transform: translateY(4px) rotate(0deg);
		}

		100% {
			transform: translateY(0) rotate(45deg);
		}
	}



	@keyframes clicksecond {
		0% {
			transform: translateY(-4px) rotate(0deg);
		}

		100% {
			transform: translateY(0) rotate(-45deg);
		}
	}

	.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
	.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}

	@keyframes outfirst {
		0% {
			transform: translateY(0) rotate(-45deg);
		}

		100% {
			transform: translateY(-4px) rotate(0deg);
		}
	}



	@keyframes outsecond {
		0% {
			transform: translateY(0) rotate(45deg);
		}

		100% {
			transform: translateY(4px) rotate(0deg);
		}
	}

	.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: fixed;top: 0;left: 0px;padding:50px 0;display: none;height: 100%;box-sizing: border-box;overflow-y: auto;z-index: 999}
	.mobile-inner-nav ul{overflow-y: scroll}
	.mobile-inner-nav li{font-size: 16px;padding:10px 20px;box-sizing: border-box;position: relative;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;}
	.mobile-inner-nav li span{position: absolute;width: 32px;height: 32px;top:5px;right:20px;}
	.mobile-inner-nav li span img{width: 100%;transition: .5s;}
	.mobile-inner-nav li .subnav-ani img{transform:rotate(180deg)}
	.mobile-inner-nav li a{color: #fff;}
	.mobile-inner-nav li dl{padding-top:10px;display: none}
	.mobile-inner-nav li dd{line-height: 30px;font-size: 14px;text-indent: 20px;}

	#banner{margin-top: 50px;}
}


@media screen and (max-width:1023px){
	/*wecan*/
	.wecan{padding:50px 0;}
	/*公司简介*/
	.gsjj{padding:50px 0;}
	/*解决方案*/
	.jjfa{padding-top:50px;}
	.program .hd{height:100px;}
	.program .bd{padding-bottom:30px;}
	.program .bd ul{min-height:400px;}
	.program .bd li{padding:0 5px;box-sizing:border-box}
	/*咨询所有困难*/
	.zxkn{padding:50px 0;}
	/*新闻*/
	.newshome ul{width:100%;}

	.message{width:100%;box-sizing:border-box;padding:0 20px;}
	.footer .foottxt .footcontact{display:none;}
	.footer .footicp{text-align:left;width:84%;}
	.footer .footicp p{display:block;line-height:30px;}
	/*案例*/
	.page_focus .focus_box{width: 300px;height: 150px;bottom:-40px;}
	.page_focus .focus_box h3{font-size: 40px;margin:0 0 0 20px;}
	.page_focus .focus_box h3 span{font-size: 30px;}
	.page_focus .focus_box h4{padding-left: 30px;}

	/*案例详情*/
	.viewPcContent{width:95%;margin: 0 auto}
	.viewPcContent .caseInfo{width: 100%;}

	/*新闻*/
	.newsList ul{width: 49%;margin-right:0}
	.newsList ul:nth-child(2n){float: right}
	/*新闻内页*/
	.newsViewTit{height: 400px;}
}
@media screen and (max-width:767px){
	body,html{font: 12px/1.2 'Microsoft Yahei'}
	/*手机端拨号*/
	.sjdbh{display: block;position: fixed;right: 0;top: 50%;background: #2257b6;z-index:50}

	.service_title h2{font-size:24px;padding:20px 0;line-height:30px;}
	.service_title em{font-size:16px;}
	.service_title p{padding:20px 0;width: 94%;margin:0 auto;}
	.wecan{padding:20px 0;}
	.service{display: none;}
	.servicephone{display: block;padding-top: 20px;}
	.servicephone li{float: left;width: 25%;padding:0 1px;box-sizing: border-box}
	.servicephone li a{display: block;text-align: center}
	.servicephone li a img{height: 30px;}
	.servicephone li a h2{font-size: 14px;padding:10px 0;height: 36px;line-height: 18px;}

	.service .swiper-wecan .swiper-slide{height:430px;}
	.service .swiper-wecan .swiper-slide h2{padding-top:45px;}
	.service .swiper-wecan .swiper-slide img{margin:45px auto;}
	.service .swiper-wecan .swiper-slide a{margin-top:45px;}
	/*公司简介*/
	.gsjj .gsjj-info p{font-size:16px;line-height:28px;}
	.case_content{background-size:auto 100%;background-position:35% top;}
	.case_content h2{font-size:24px;}
	.case_content ul{padding-top:0}
	.case_content ul li{width:100%;}
	.case_content ul li h4{font-size:18px;}
	.case_content ul li h3{font-size:30px;}
	/*解决方案*/
	.program .hd ul li{display:block;line-height:26px;}
	.program .bd li{width:100%;margin-bottom:15px;}
	.program .bd ul li h2{padding:20px 0;}
	.program .bd ul .readmore{padding-top:20px;}
	/*解决困难*/
	.advantage li{width:50%;padding:0 5px;box-sizing:border-box;}
	.advantage li p{height:38px;}
	.advantage_more{width:80%;}
	.advantage_more a{font-size:18px;line-height:60px;}

	/*新闻*/
	.newshome{padding-top:20px;}
	.newshome ul{padding-bottom:20px;margin-bottom:20px;}
	.newshome .newsimg{float:none;width:100%;}
	.newshome .newsimg img{width:100%;max-width:auto;}
	.newshome .newsimg .newsdate{display:none;}
	.newshome .newstxt h2{font-size:18px;height:auto;padding:5px 0;}
	.newshome .newstxt p{height:auto;display: none}
	.message h2{font-size:24px;line-height:30px;padding:20px 0}
	.message .input input{padding:10px 0;padding-left:1%;box-sizing:border-box;font-size:12px;}
	.message .input .text1, .message .input .text2{width:48%;margin-bottom:5px;}
	.message .input .text3{width:68%;}
	.message .input .submit{width:28%;}
	.message p{padding:20px 0;}

	.footer{padding:50px 0;background-size:cover;font-family: "Microsoft YaHei" !important;}
	.footer .foottxt{width:95%;}
	.footer .foottxt h2{line-height:30px;font-size:24px;}
	.footer .foottxt h2 span{display:block;font-family: "Microsoft YaHei" !important;color: #fff;}
	.footer .foottxt p{margin:15px 0}
	.footer .foottxt h4{line-height:20px;}
	.footer .foottxt ul div img{margin:0 15px 0 0}
	.footer .foottxt ul .foot_menu{padding-left:0}
	.footer .foottxt ul .foot_menu h3{margin:15px 0}
	.footer .foottxt ul .foot_menu p a{padding:5px;}
	.footer .foottxt ul .foot_menu p a:last-child{margin:0}
	.footer .footicp{padding-top:20px;width:95%;}

	/*案例*/
	.path{width: 95%;}
	.caseClass{width: 95%;}
	.page_focus{height: 350px;}
	.caseClass li{padding:5px 0;padding-bottom: 20px;}
	.page_focus .focus_text{width: 96%;}
	.page_focus .focus_text.focus_text_teshu{width: 96%;font-size: 14px;}
	.page_focus .focus_text strong{font-size: 24px;}
	.page_focus .focus_box{display: none}
	.caseList{width: 95%;}
	.caseList li{width: 100%;margin-right: 0;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
	.caseList li h2{display:block;height: auto}
	.caseList li .case-infotitle{white-space: normal;overflow: auto;}
	.caseClass li a{display: inline-block;float: none;margin-right: 10px;}
	.caseClass li a:first-child{display: block;width: 56px;margin-bottom: 15px;}
	#classtag{display: none}
	/*案例详情*/
	.viewPcFocus{height: 300px;background: url("../img/preview.jpg") no-repeat center;background-size: cover}
	.viewPcFocus img{display: none}
	.viewPcContent .caseInfo{padding:20px 0;}
	.viewPcFocus .title{left:3%;width:95%;}
	.viewPcFocus .title p{font-size: 14px;padding-bottom: 5px;}
	.viewPcFocus .title h3{font-size: 24px;line-height: 30px;}
	.viewPcContent .caseButton .webSite{float: none;}
	.viewPcContent .caseButton .more{float: none;width: 100%;padding:10px 0;}
	.viewPcContent .caseButton .more span{display: none}
	.viewPcContent .caseButton .more a{display: block;width:100%;box-sizing: border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background: #eee;padding:10px;}
	.viewPcContent .caseButton .more a:nth-child(3){background: #e1e1e1}
	/*新闻*/
	.newsList{width: 95%;}
	.newsList ul{width: 100%;margin-bottom:30px;padding-bottom: 20px;}
	/*新闻内页*/
	.newsViewTit{height: 300px;}
	.newsViewTit div h4{font-size: 18px;}
	.newsViewCont{padding-bottom: 30px;}
}