.wrapper { width: 100%; height: 100%; background:#f1f2f4; }

/*header*/
#header { position:fixed; width:100%; z-index:9999; height:68px; top:0; }
.inner { width: 1200px; margin:auto}
.inner span a{ font-size: 14px; color: white; margin-right:10px; cursor: pointer;}
.scroll_z { width: 1200px; margin:auto;}
.inner>font{ color: #fff; font-size: 14px; font-weight: bold;}


.menu-container { width: 100%; height:68px; line-height: 64px; background:#ffc801;}
.menu-container_te { background-color: #007cc3;}
.menu-container img{ display: block; float: left; margin-top: 14px;}
.menu { display: inline-block; float: right;}
.menu > ul { width: 100%; list-style: none; padding: 0;
 /*position: relative;*/ /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */ box-sizing: border-box;}

.menu > ul:before,
.menu > ul:after { content:""; display: table;}
.menu > ul:after { clear: both;}
.menu > ul > li { float: left; /*background: #e9e9e9;*/ margin: 0; }
.menu > ul > li a { text-decoration:none; display:inline-block; color:#666; font-size:16px; padding:4px  20px 0 20px;}
.menu_te > ul > li > a{ font-size: 14px; text-align: center;}
.menu_te > ul > li > a:hover { background:#3db9ff; display:inline-block; color: white !important; text-align: center;}
.lg_te > a { background:#3db9ff; display:inline-block; color: white !important; text-align: center;}
.menu > ul > li > a:hover { color:#000;}
.action11 > a { color:#000 !important;}
.menu > ul > li > ul { display:none; background:#fff; position:absolute; top:68px; z-index:99; padding: 0 20px; /* left: 0px;*/ }
.menu > ul > li > ul li> a span { margin-right:5px;}
.menu > ul > li > ul li> a:hover { color:#87cdf2 ;}
.menu > ul > li > ul > li a { color:#676767; font-size:13px; white-space: nowrap; }
.menu > ul > li > ul.ll { /*width: 80%; display: none;*/ left:0; margin: 0; padding: 10px 0; box-shadow:0 5px 5px #999; }

@media (max-width: 540px) {

}
@media (min-width: 1800px) { 
.menu > ul > li > ul.ll {
	/* width: 80%;*/
	/* display: none;*/
	right:40px;
	margin: 0;
	padding: 30px 0;
	}
}

.menu> ul > li > ul.ll li ul li a:hover{ color: #87cdf2; }
.menu  > ul > li > ul.ll li ul li { line-height: 28px; }
.ll >li a strong{ font-size: 14px; color: black; }
.ll li  ul li a span { margin-right:4px; }
.menu .ll > li { /*width: 20%;*/ display: table-cell; padding: 0 20px; border-right: 1px solid #cecece; margin: 0;}
.menu .ll > li:last-child { border-right:0;}
.content { margin-top:68px; }
.footer { width:100%; margin:0 0 auto; background:#282828; border-top:5px solid #bdbdbd; padding:40px 0 100px; clear:both; text-align:center; line-height:2em; }
.footer p { color:#999; }

/* start 2016070401 by Qin */

.slideBox { width:100%; overflow:hidden; position:relative; margin-top:68px; }
.slideBox .hd { height:15px; overflow:hidden; position:absolute; width:100%; text-align:center; bottom:5px; z-index:1; }
.slideBox .hd ul { overflow:hidden; zoom:1; width:100%; text-align:center; }
.slideBox .hd ul li { display:inline-block; margin-right:10px;  width:9px; height:9px; border-radius:5px; line-height:14px; text-align:center; background:#fff; cursor:pointer; text-indent:-9999px; }
.slideBox .hd ul li.on { background:rgba(76,146,231,1.00); color:#fff; }
.slideBox .bd { position:relative; max-height:600px; z-index:0; }
.slideBox .bd li { zoom:1; vertical-align:middle; }
.slideBox .bd img { width:100%; display:block; }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }

@media (max-width: 640px) {
	.slideBox .bd img { min-width:640px; }
}

.service-main { position:relative; text-align:center; }
.service-main h1 { font-size:50px; font-weight:bold; color:#ffc801; position:absolute; width:100%; top:150px; }
.service-main p { font-size:20px; font-weight:bold; color:#ffc801; position:absolute; width:100%; top:260px; }
.pro-list-img img { border:none; vertical-align:middle; width:100%; }

@media (max-width: 1280px) {
.service-main h1 { font-size:48px; top:60px; }
.service-main p { font-size:16px; top:140px;}
}
@media (max-width: 1024px) {
.service-main h1 { font-size:48px; top:40px; }
.service-main p { font-size:16px; top:120px;}
}
@media (max-width: 640px) {
.service-main h1 { font-size:30px; top:20px; }
.service-main p { font-size:14px; top:70px;}
.pro-list-img img { min-width:640px; }
}

.service-info { background:#404040; padding:80px; }
.service-info h1 { color:#fff; font-size:35px; text-align:center; font-weight:bold; padding: 0 0 40px;}
.sevice-8 { }
.sevice-8 a { display:block; font-size:24px; position:relative; height:200px; line-height:200px; text-align:center; color:#fff; margin:20px 0 0 20px; }
.sevice-8 a span { display:none; }
.sevice-8 a:hover span { display:block; position:absolute; top:0; width:220px; height:140px; font-size:16px; padding:30px; line-height:1.5em; color:#fff; text-align:left; }

.why-me { background:url(../img/pro-01-03.jpg) no-repeat center 0; padding:100px 0; }
.why-me h1 { color:#264e7f; font-size:35px; text-align:center; font-weight:bold; }
.why-me-list { padding-top:40px; }
.why-me-list li {  position:relative; }
.why-me-list .why-me-img { text-align:center; }
.why-me-list a { display:block; font-size:36px; width:206px; height:100px; line-height:100px; text-align:center; color:#fff; margin:0 auto; border-radius:0 0 10px 10px; }
.why-me-list a span { display:none; }
.why-me-list a:hover span { display:block; background:rgba(0,0,0,0.5); position:absolute; top:0; width:166px; height:165px; font-size:24px; padding:20px; line-height:1.5em; color:#fff; text-align:left; }

.case { background:#264e7f; padding:40px; }
.case h1 { color:#fff; font-size:50px; text-align:center; font-weight:bold; }
.case-list { padding-top:40px; }
.case-list li {  position:relative; }
.case-list a { display:block; width:389px; height:389px; color:#fff; margin:0 auto; }
.case-list a div { display:none; }
.case-list a:hover div { display:block; background:rgba(0,0,0,0.5); position:absolute; top:0; width:309px; height:309px; font-size:18px; padding:40px; }
.case-list div h2 { font-size:24px; color:#fff; padding:10px 0; }
.case-list div p { font-size:18px; color:#fff;line-height:2em; }

.pro-info { padding:20px 0; }
.pro-info .inner { width:1120px; background:#fff; padding:40px; }
.pro-info h1 { font-size:35px; text-align:center; font-weight:bold; }
.pro-info h2 { font-size:14px; font-weight:bold; padding:20px 0; }
.pro-info p { font-size:14px; line-height:2em; }


.case-list-page {}
.case-list-page li { margin:40px 0; overflow:hidden; }
.case-img { float:left; }
.case-list-info { margin-left:300px; background:#fff; padding:40px; height:220px; }
.case-list-info h2 { padding:10px 0; border-bottom:1px solid #000; }
.case-list-info h2 a { font-size:16px; }
.case-list-info p { line-height:2em; }
.case-list-info p a { color:#11b3ff; }

.case-info { padding:20px 0; }
.case-info h1 { font-size:24px; font-weight:bold; border-bottom:1px solid #000; color:#000; padding:10px 0; }
.case-info p { font-size:14px; line-height:2em; margin:20px 0; }

/* end 2016070401 by Qin */