﻿
/* CSS Document */
body {height:100%;font:14px 宋体,'PT Sans', Arial, Tahoma, Verdana, Sans-Serif;color:#626363;background:#fff;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, article, figure, figcaption, dl, dt, dd {margin:0;padding:0;list-style:none;} 
section, footer, aside, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;}

a, a:active, a:visited {text-decoration:none;color:#f07100;text-decoration:underline;}
a:hover {text-decoration:none;color:#f07100;text-decoration:underline;}
input:focus, textarea:focus {outline:none;}
a:link { text-decoration: none;color: blue}
　　 a:active { text-decoration:blink}
　　 a:hover { text-decoration:underline;color: red} 
　　
/*color*/
.l-color{color:#f07100;}
/*  All  */
.content_block:after, .footer footer:after, .wraper:after, .features3_block:after, .most_popular:after, .features4_block:after, .flyout_area dd:after, .accordions dd:after, .intro_text:after, .features6_block ul:after, .why_choose_explore:after, .intro_text .intro_slider li:after, .process ul:after, .team_option ul:after, .services_option:after, .tab_select:after, .c_after:after, .blog_entries .post_medium:after, .leave_comment:after, .controls:after, .pricing_option2:after {content:'';display:block;height:0;clear:both;}
.wraper, .footer footer, body.index_v2 .social_block, body.index_v2 .footer {width:1200px;margin:0 auto;position:relative;}
.bwWrapper {position:relative;display:block;}
.btn_l {cursor:pointer;font:bold italic 16px 'PT Sans';color:#f07100;width:151px;height:56px;padding:0;border:none;background:url(../images/sprite.png) 0 -123px no-repeat;}
.btn_l:hover {background-position:-157px -123px;}
a.btn_l {height:39px;padding-top:17px;display:block;text-align:center;}

/* Home Version 1 */
.fallback {display:none;}


#header {
	width: 100%; height: 80px; position: fixed; z-index: 999; min-width: 1200px; 
}
.basic {
	margin: 0px auto; padding: 0px; width: 1200px; text-align: left; -ms-zoom: 1; max-width: 1200px;
}
#nav {
	height: 60px; float: right; 
	margin-top: 298px;
}
#nav > li {
	float: left;
	margin-left: 40px;
}
#nav > li > a {
	width: 126px; height: 55px; text-align: center; color: rgb(238, 230, 230); line-height: 52px; font-size: 16px; display: block;
}
#nav > li > ul {
	border-width: 1px; border-style: solid; border-color: rgb(234, 84, 4) rgb(224, 226, 228) rgb(224, 226, 228); padding: 0px 0px; border-image: none; width: 160px; color: rgb(51, 51, 51); font-size: 14px; margin-left: -19px; display: none; position: absolute; background-color: rgba(255, 255, 255, 0.9);
}
#nav > li > ul > li > a {
	text-align: center; display: block;
}
#nav > li > img{ width:15px; position:relative; top:14px; }
#nav > li > strong{ width:15px; position:relative; top:17px; }
.header2#header {
	border-bottom-color: rgb(216, 217, 217); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgba(250, 250, 250, 0.9);
}
.header2#header:hover {
	border-bottom-color: rgb(216, 217, 217); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgba(250, 250, 250, 1);
}
.header2 #nav > li > a {
	scolor: #fff;
}
.header2 #nav > li > a:hover {
	color: rgb(234, 84, 4);
}
.header2 #nav > .current > a {
	color: rgb(234, 84, 4);
}
#nav > .current > a {
	color: rgb(234, 84, 4);
}
#nav > .current > ul > li {
	line-height: 40px;
}
#logo {
	top: 4px; margin-left: 10px; position: absolute; z-index: 99;
}

#footer {
width: 100%;height: 290px; min-width: 1200px;
}
#footer .basic {
	position: relative;
}
#footer a {
	color: rgb(136, 136, 136);
}
#footer a:hover {
	color: rgb(234, 84, 4);
}
.underlink {
	width: 140px; height: 140px; float: left;
}
.underlink li {
	line-height: 30px;
}
.underlink li.li_til {
	color: rgb(234, 84, 4); font-size: 18px; margin-bottom: 12px;
}
.underlink i {
	margin-right: 5px;
}
#footer_qrcode {
	width: 250px; float: right;
}
#footer_qrcode li.li_til {
	text-align: left; float: none;
}
#footer_qrcode li {
	text-align: center; margin-left: 25px; float: left;
}
#footer_qrcode li img {
	margin-bottom: 5px; display: block;
}
.copyright {
	bottom: -95px; line-height: 25px; font-size: 12px; position: absolute; z-index: 99;
}
.copyright li {
	margin-right: 15px; float: left;
}
.copyright li:first-child {
	width: 25px; margin-right: 0px;
}
.copyright li:first-child img {
	margin: 5px 0px 0px; float: left;
}
.sitelink {
	right: 0px; bottom: -90px; line-height: 25px; font-size: 12px; position: absolute; z-index: 99;
}
.sitelink li {
	padding: 0px 10px; line-height: 14px; border-left-color: rgb(33, 33, 33); border-left-width: 1px; border-left-style: solid; float: right;
}
.sitelink li:last-child {
	border: currentColor; border-image: none;
}
.basic {
	margin: 0px auto; padding: 0px; width: 1200px; text-align: left; -ms-zoom: 1; max-width: 1200px;
}
.basic::after {
	height: 0px; clear: both; display: block; content: "\0020";
}

.wapper2{width:1200px;background-color:#fff;margin:0 auto;margin-top:1px;overflow:hidden;text-align:center;} 
.wapper2 ul{margin-top:20px;}		
.wapper2 li{margin-left:20px;background-color:#fff;color:#fff;text-align:center;font-weight:bold;display:inline-block;float:none}
.wapper2 li .pic{margin:0 20px 0 0;}
.wapper2 li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.wapper2 li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);}

.col_cont{width:300px;height:300px;margin:auto}
.thumbnail{cursor:pointer;text-decoration:none;display:block;padding:4px;height:200px;font-weight:bold;">#fff;border:1px solid #ddd; }
.thumbnail img, .thumbnail h3{transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.thumbnail img{width:35%;margin-top:30px}
.thumbnail h3{color:silver}
.thumbnail:hover img{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}
.thumbnail:hover h3{color:#2c3e50}



