@font-face {
	font-family: icomoon;
	src: url(../fonts/icomoon.eot?#iefix) format("embedded-opentype"), url(../fonts/icomoon.svg#icomoon) format("svg"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
a {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
table {
	margin: 0px; padding: 0px;
}
tr {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
body {
	width: auto; color: rgb(102, 102, 102); font-family: arial, 宋体, serif; font-size: 12px;
}
a {
	color: rgb(46, 46, 46); text-decoration: none;
}
li {
	list-style: none;
}
.main {
	margin: 0px auto; width: 1200px;
}
/*以下新增两个区别
body.photobg .back-layer {
	background: url("../images/background.png");
}


.big-icon-wrapper {
	padding: 10px 50px;
}
.big-icon-wrapper span {
	padding: 10px 0px 10px 40px; color: rgb(158, 155, 146); margin-top: 10px; display: block;
}
.big-icon-wrapper span.big-icon-phone {
	background: url("../images/big-contact-phone.png") no-repeat left; font-size: 16px;
}
.big-icon-wrapper span.big-icon-mail {
	background: url("../images/big-contact-mail.png") no-repeat left; font-size: 15px;
}
.big-icon-wrapper span.big-icon-map {
	background: url("../images/big-contact-map.png") no-repeat left; font-size: 14px;
}


以区别结束 */

.header {
	margin: 15px 0px 0px;
}
.header .head_1 {
	height: 90px;
}
.header .head_1 img {
	width: 380px; height: 70px; float: left;border:0px;
}
.clearfix:after{clear:both;display:block;visibility:hidden;content:".";height:0px;font-size:0px;}
.header .head_1 .tel {
	background: url("../images/tel.png") no-repeat; margin: 10px 0px 0px 15%; width: 310px; height: 60px; padding-top: 7px; padding-left: 60px; float: left;
}
.header .head_1 .tel p {
	color: rgb(68, 68, 68); line-height: 22px; font-family: Microsoft yahei; font-size: 18px; font-weight: bold;
}
.header .head_1 .tel p span {
	color: rgb(153, 153, 153); font-size: 13px; font-weight: 100;
}
.header .head_2 {
	height: 45px;
}
img{border:none;}
.swf_banner{width:850px;height:350px;overflow:hidden;float:left;}
.header .head_2 {
	background: rgb(243, 243, 243); border: 1px solid rgb(225, 225, 225); border-image: none; height: 44px;
}
.header .head_2 ul {
	display: block;
}
.header .head_2 ul li {
	list-style: none; margin: 13px 0px 0px; line-height: 20px; font-size: 13px; float: left;
}
.header .head_2 ul li span {
	color: rgb(5, 5, 5); margin-left: 20px;
}
.header .head_2 ul li a {
	margin: 0px 5px; color: rgb(100, 100, 100);
}
.header .head_2 ul li button {
	background: rgb(74, 144, 226); padding: 3px 8px; border-radius: 3px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255);
}
.header .head_2 ul li input {
	border: 1px solid rgb(238, 238, 238); border-image: none; height: 22px; color: rgb(136, 136, 136); font-size: 13px; box-shadow: 0px 0px 2px #555;
}
#nav {
	background: rgb(255, 255, 255); margin: 20px 5px; line-height: 24px; float: left; list-style-type: none;
}
#nav a {
	width: 80px; text-align: center; line-height: 20px; font-family: Microsoft yahei; font-size: 18px; display: block;
}
#nav a:link {
	color: rgb(102, 102, 102); text-decoration: none;
}
#nav a:visited {
	color: rgb(102, 102, 102); text-decoration: none;
}
#nav a:hover {
	color: rgb(102, 102, 102); text-decoration: none;
}
#nav li {
	background: rgb(255, 255, 255); width: 80px; float: left;
}
#nav li a:hover {
	background: rgb(255, 255, 255);
}
#nav li ul {
	background: rgb(246, 246, 246); padding: 15px; border-radius: 3px; border: 1px solid rgb(225, 225, 225); border-image: none; left: -999em; width: 400px; text-align: left; line-height: 27px; list-style-type: none; position: absolute; z-index: 100000; box-shadow: 0px 0px 8px #ddd;
}
#nav li ul li {
	background: rgb(246, 246, 246); width: 100px; float: left;
}
#nav li ul a {
	width: 75px; text-align: center; line-height: 30px; font-size: 14px; wedisplay: block;
}
#nav li ul a:link {
	color: rgb(102, 102, 102); text-decoration: none;
}
#nav li ul a:visited {
	color: rgb(102, 102, 102); text-decoration: none;
}
#nav li ul a:hover {
	background: rgb(80, 138, 211); color: rgb(243, 243, 243); font-weight: normal; text-decoration: none;
}
#nav li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}
#content {
	clear: left;
}
.but {
	height: auto; margin-left: 10px; float: left;
}
.but div {
	height: 85px; float: left;
}
.but a {
	height: auto;
}
.but-a a {
	background: url("../images/weixin.png") no-repeat top; width: 80px; text-align: center; padding-top: 50px; display: block; -webkit-transition: color 0.20s ease-out, background 0.20s ease-out; -o-transition: color 0.20s ease-out, background 0.20s ease-out;
}
.but-a a:hover {
	background: url("../images/weixin_1.png") no-repeat top; -webkit-transition: color 0.10s ease-in, background 0.10s ease-in; -o-transition: color 0.10s ease-in, background 0.10s ease-in;
}
.but-b a {
	background: url("../images/xinlang.png") no-repeat top; width: 80px; text-align: center; padding-top: 50px; display: block;
}
.but-b a:hover {
	background: url("../images/xinlang_1.png") no-repeat top; -webkit-transition: color 0.10s ease-in, background 0.10s ease-in; -o-transition: color 0.10s ease-in, background 0.10s ease-in;
}
.but-c a {
	background: url("../images/qq.png") no-repeat top; width: 80px; text-align: center; padding-top: 50px; display: block;
}
.but-c a:hover {
	background: url("../images/qq_1.png") no-repeat top; -webkit-transition: color 0.10s ease-in, background 0.10s ease-in; -o-transition: color 0.10s ease-in, background 0.10s ease-in;
}
.but-d a {
	background: url("../images/zhibo.png") no-repeat top; width: 80px; text-align: center; padding-top: 50px; display: block;
}
.but-d a:hover {
	background: url("../images/zhibo_1.png") no-repeat top; -webkit-transition: color 0.10s ease-in, background 0.10s ease-in; -o-transition: color 0.10s ease-in, background 0.10s ease-in;
}
.but-e a {
	background: url("../images/yy.png") no-repeat top; width: 80px; text-align: center; padding-top: 50px; display: block;
}
.but-e a:hover {
	background: url("../images/yy_1.png") no-repeat top; -webkit-transition: color 0.10s ease-in, background 0.10s ease-in; -o-transition: color 0.10s ease-in, background 0.10s ease-in;
}
.but a:link {
	color: rgb(139, 137, 148); font-size: 14px;
}
.but a:visited {
	color: rgb(139, 137, 148); font-size: 14px;
}
.uc-regis-but a:link {
	color: rgb(139, 137, 148); font-size: 14px;
}
.uc-regis-but a:visited {
	color: rgb(139, 137, 148); font-size: 14px;
}
.but a:hover {
	color: rgb(23, 110, 179);
}
.page {
	height: 55px; text-align: left; padding-top: 0px; position: relative; z-index: 10000;
}
.wrap_top_nav {
	height: 40px; box-shadow: 0px 1px 3px rgba(0,0,0,0.25), inset 0px -1px 0px rgba(0,0,0,0.1); background-color: rgb(51, 51, 51);
}
#top_nav {
	margin: 0px auto; width: 1000px; position: relative;
}
#top_nav a {
	color: rgb(153, 153, 153); line-height: 40px; font-size: 16px; text-decoration: none; margin-right: 20px; float: left;
}
#top_nav a:hover {
	color: rgb(255, 255, 255);
}
#top_nav li:nth-child(1) a {
	background-position: 0px -12px; width: 74px; color: rgb(255, 255, 255); overflow: hidden; padding-left: 74px; background-image: url("../images/logo-3.png"); background-repeat: no-repeat; background-size: 68px 60px;
}
#read {
	top: 0px; right: 0px; font-family: ""; position: absolute;
}
#header {
	text-align: center;
}
#header .white {
	color: rgb(255, 255, 255);
}
#header .blank {
	color: rgb(68, 68, 68);
}
#header h1 {
	font-size: 24px;
}
#header h2 {
	font-weight: normal;
}
#ad_w3cplus {
	margin: 100px auto; width: 750px; text-align: center;
}
#ad_w3cplus .grid-ad {
	float: left;
}
.demo {
	margin: 5px auto 10px; min-height: 45px;
}
.clearfix::before {
	display: table; content: "";
}
.clearfix::after {
	display: table; content: "";
}
.clearfix::after {
	overflow: hidden; clear: both;
}
.clearfix {
	-ms-zoom: 1;
}
.menu-function {
	float: left;
}
.menu-share {
	float: right;
}
.menu-function li a{font-size:14px;color:#fff;} 
.dropdown-menu {
	width: 130px; text-align: left; font-size: 15px; font-weight: bold; display: none; position: absolute; z-index: 10000; background-color: rgb(245, 245, 245);
}
.dropdown-menu li {
	list-style: none;
}
.categories.dropdown-menu a {
	color: rgb(119, 119, 119); font-family: Microsoft yahei;
}
.categories.dropdown-menu a:hover {
	transition:0.5s; color: rgb(74, 144, 226); margin-left: 10px;
}
:target#search a[href='#search'] {
	display: none;
}
:target#search ~ #search-hidden {
	display: block;
}
#search-hidden {
	padding: 0px 5px; display: none; background-color: rgb(255, 255, 255);
}
#search-hidden input {
	border: currentColor; border-image: none; width: 180px; line-height: 24px;
}
#search-hidden a {
	padding: 0px; width: 20px; height: 45px; float: right;
}
#search-hidden a::before {
	left: 0px; color: rgb(68, 108, 179); content: "\7d";
}
.menu-function > li > a {
	padding-left: 20px;
}
.menu-share > li > a {
	padding-left: 20px;
}
.page-menu-wrapper a::before {
	left: 15px; font-family: "icomoon"; font-size: 16px; font-style: normal; font-weight: normal; vertical-align: middle; position: absolute; speak: none; font-smoothing: antialiased;
}
/**   以下用来定义菜单栏项目的小图标，现在禁用
.menu-function > li:nth-child(1) > a::before {
	content: "\e048";
}
.menu-function > li:nth-child(2) > a::before {
	content: "\E043";
}
.menu-function > li:nth-child(3) > a::before {
	content: "\7d";
}
.menu-share > li:nth-child(1) > a::before {
	content: "\j";
}
.menu-share > li:nth-child(2) > a::before {
	content: "\e05b";
}
*/
.pager {
	list-style: none; margin: 20px 0px; text-align: center; padding-left: 0px;
}
.pager::before {
	display: table; content: " ";
}
.pager::after {
	display: table; content: " ";
}
.pager::after {
	clear: both;
}
.pager::before {
	display: table; content: " ";
}
.pager::after {
	display: table; content: " ";
}
.pager::after {
	clear: both;
}
.pager li {
	display: inline;
}
.pager li > a {
	padding: 5px 14px; border-radius: 5px; border: 1px solid rgb(221, 221, 221); border-image: none; display: inline-block; background-color: rgb(255, 255, 255);
}
.pager li > span {
	padding: 5px 14px; border-radius: 5px; border: 1px solid rgb(221, 221, 221); border-image: none; display: inline-block; background-color: rgb(255, 255, 255);
}
.pager li > a:hover {
	text-decoration: none; background-color: rgb(238, 238, 238);
}
.pager li > a:focus {
	text-decoration: none; background-color: rgb(238, 238, 238);
}
.pager .next > a {
	float: right;
}
.pager .next > span {
	float: right;
}
.pager .pre {
	padding: 5px 14px; border-radius: 5px; border: 1px solid rgb(221, 221, 221); border-image: none; float: left; display: inline-block; background-color: rgb(255, 255, 255);
}
.pager .disabled > a {
	color: rgb(153, 153, 153); cursor: not-allowed; background-color: rgb(255, 255, 255);
}
.pager .disabled > a:hover {
	color: rgb(153, 153, 153); cursor: not-allowed; background-color: rgb(255, 255, 255);
}
.pager .disabled > a:focus {
	color: rgb(153, 153, 153); cursor: not-allowed; background-color: rgb(255, 255, 255);
}
.pager .disabled > span {
	color: rgb(153, 153, 153); cursor: not-allowed; background-color: rgb(255, 255, 255);
}
.pager .thisclass a {
	padding: 5px 14px; border-radius: 5px; border: 1px solid rgb(0, 154, 255); border-image: none; color: rgb(255, 255, 255); display: inline-block; background-color: rgb(0, 154, 255);
}
.pager .thisclass > a:hover {
	padding: 5px 14px; border-radius: 5px; border: 1px solid rgb(0, 154, 255); border-image: none; color: rgb(255, 255, 255); display: inline-block; background-color: rgb(0, 154, 255);
}
.pager .thisclass > a:focus {
	padding: 5px 14px; border-radius: 5px; border: 1px solid rgb(0, 154, 255); border-image: none; color: rgb(255, 255, 255); display: inline-block; background-color: rgb(0, 154, 255);
}
.follow.dropdown-menu {
	width: 166px;
}
.follow.dropdown-menu a {
	color: rgb(102, 102, 102); padding-left: 35px; font-size: 14px;
}
.follow.dropdown-menu a:hover {
	color: rgb(238, 238, 238);
}
.follow.dropdown-menu a::before {
	left: 10px;
}
.follow.dropdown-menu li:nth-child(1) a::before {
	content: "\E054";
}
.follow.dropdown-menu li:nth-child(2) a::before {
	content: "\o";
}
.follow.dropdown-menu li:nth-child(3) a::before {
	content: "\^";
}
.follow.dropdown-menu li:nth-child(4) a::before {
	content: "\E03E";
}
.follow.dropdown-menu li:nth-child(5) a::before {
	content: "\e03d";
}
.follow.dropdown-menu li:nth-child(1) a {
	color: rgb(255, 170, 49);
}
.follow.dropdown-menu li:nth-child(2) a {
	color: rgb(7, 190, 237);
}
.follow.dropdown-menu li:nth-child(3) a {
	color: rgb(49, 77, 145);
}
.follow.dropdown-menu li:nth-child(4) a {
	color: rgb(45, 45, 45);
}
.follow.dropdown-menu li:nth-child(5) a {
	color: rgb(232, 71, 136);
}
.follow.dropdown-menu li:nth-child(1):hover {
	background-color: rgb(255, 170, 49);
}
.follow.dropdown-menu li:nth-child(2):hover {
	background-color: rgb(7, 190, 237);
}
.follow.dropdown-menu li:nth-child(3):hover {
	background-color: rgb(49, 77, 145);
}
.follow.dropdown-menu li:nth-child(4):hover {
	background-color: rgb(45, 45, 45);
}
.follow.dropdown-menu li:nth-child(5):hover {
	background-color: rgb(232, 71, 136);
}
.follow.dropdown-menu li:hover a {
	color: rgb(255, 255, 255); margin-left: 10px;
}
.share.dropdown-menu {
	width: 150px; right: 0px;
}
.share.dropdown-menu a {
	margin: 10px; border-radius: 2px; border: 1px solid rgb(203, 203, 203); border-image: none; color: rgb(76, 76, 76); line-height: 26px; padding-left: 20px; font-size: 12px; background-color: rgb(239, 239, 239);
}
.share.dropdown-menu a:hover {
	background-color: rgb(255, 255, 255);
}
.share.dropdown-menu li a::before {
	left: 5px; font-size: 12px;
}
.share.dropdown-menu li:nth-child(1) a::before {
	color: rgb(49, 77, 145); content: "\E06A";
}
.share.dropdown-menu li:nth-child(2) a::before {
	color: rgb(7, 190, 237); content: "\i";
}
.share.dropdown-menu li:nth-child(3) a::before {
	color: rgb(45, 45, 45); content: "\E0CA";
}
.top {
	margin: 0px 0px 15px;
}
.daohan {
	clear: both;
}
.daohan .dao_2 {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 163px; float: left;
}
.daohan .dao_2 ul {
	display: block;
}
.daohan .dao_2 ul li {
	color: rgb(255, 255, 255);
}
.daohan .dao_2 ul li span {
	background: url("../images/pic_2.png") no-repeat 17px rgb(74, 144, 226); height: 36px; line-height: 36px; padding-left: 50px; font-size: 16px; display: block;
}
.daohan .dao_2 ul li a {
	background: rgb(128, 178, 234); height: 36px; color: rgb(255, 255, 255); line-height: 36px; padding-left: 27px; font-size: 14px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; display: block;
}
.daohan .dao_2 ul li a small {
	margin-right: 5px;
}
.daohan .dao_2 ul li a:hover {
	background: rgb(255, 255, 255); transition:0.5s; color: rgb(19, 111, 184); border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid;
}
.daohan .dao_3 {
	
}
.daohan .dao_3 {
	width: 1200px; float: left;
}
.daohan .dao_3 .dao_3_1 {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(225, 225, 225) rgb(225, 225, 225); border-image: none; width: 1200px; height: 49px;
}
.daohan .dao_3 .dao_3_1 ul {
	display: inline-block;
}
.daohan .dao_3 .dao_3_1 ul li {
	width: 90px; float: left;
}
.daohan .dao_3 .dao_3_1 ul li a {
	text-align: center; color: rgb(79, 79, 79); line-height: 44px; padding-top: 5px; font-size: 15px; border-right-color: rgb(225, 225, 225); border-right-width: 1px; border-right-style: solid; display: block;
}
.daohan .dao_3 .dao_3_1 ul li a:hover {
	background: rgb(74, 144, 226); transition:0.3s; color: rgb(255, 255, 255);
}
.daohan .dao_3 .dao_3_2 {
	margin: 10px; width: 800px; height: auto; float: left;
}
.imgfocus {
	background: rgb(241, 241, 241); border: 1px solid rgb(225, 225, 225); border-image: none; width: 830px; height: 360px; position: relative;
}
.decotext2 {
	left: 20px; top: 0px; width: 460px; height: 370px; text-align: left; padding-top: 20px; display: block; position: absolute; z-index: 20;
}
.decotext2 p {
	font-size: 18px; margin-top: 40px;
}
.imgfocus .imgbox {
	left: 0px; top: 0px; position: absolute;
}
.decoimg_b2 {
	width: 100%; float: left; display: none; position: relative;
}
.decoimg_b2 img {
	width: 830px; height: 360px; display: block;
}
ul.num_a2 {
	background: url("../imgages/controbg.png") no-repeat top; left: 20px; top: 20%; width: 12px; position: absolute;
}
ul.num_a2 li {
	width: 12px; height: 12px; margin-bottom: 50px; position: relative;
}
ul.num_a2 .current {
	color: rgb(77, 77, 79); transform: scale(1.8); background-color: rgb(77, 77, 79); -webkit-transform: scale(1.8);
}
ul.num_a2 a {
	border-radius: 50%; transition:transform 0.5s, background-color 0.5s; left: 0px; top: 0px; width: 100%; height: 100%; color: rgb(128, 130, 133); line-height: 100%; text-indent: -20px; position: absolute; background-color: rgb(128, 130, 133); -webkit-transition: -webkit-transform 0.5s ease, background-color 0.5s ease;
}
.daohan .dao_3 .dao_3_2 .dao_3_2_1 {
	border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(225, 225, 225) currentColor rgb(225, 225, 225) rgb(225, 225, 225); border-image: none; width: 830px; height: 70px; margin-top: 12px;
}
.but_1 {
	height: auto;
}
.but_1 div {
	width: 164px; height: 70px; border-right-color: rgb(225, 225, 225); border-right-width: 1px; border-right-style: solid; float: left;
}
.but_1 div:hover {
	background: rgb(238, 238, 238); color: rgb(255, 255, 255);
}
.but_1 a {
	
}
.but-a_1 a {
	background: url("../images/pic_3.png") no-repeat top; text-align: center; padding-top: 40px; margin-top: 5px; display: block;
}
.but-a_1 a:hover {
	background: url("../images/pic_3.png") no-repeat top;
}
.but-b_1 a {
	background: url("../images/pic_4.png") no-repeat top; width: 160px; text-align: center; padding-top: 40px; margin-top: 5px; display: block;
}
.but-b_1 a:hover {
	background: url("../images/pic_4.png") no-repeat top;
}
.but-c_1 a {
	background: url("../images/pic_5.png") no-repeat top; width: 160px; text-align: center; padding-top: 40px; margin-top: 5px; display: block;
}
.but-c_1 a:hover {
	background: url("../images/pic_5.png") no-repeat top;
}
.but-d_1 a {
	background: url("../images/pic_6.png") no-repeat top; width: 160px; text-align: center; padding-top: 40px; margin-top: 5px; display: block;
}
.but-d_1 a:hover {
	background: url("../images/pic_6.png") no-repeat top;
}
.but_1 a:hover {
	
}
.daohan .dao_3 .dao_3_3 {
	background: rgb(10, 105, 174); border-image: none; width: 345px; height: 350px; text-align: center; color: rgb(229, 242, 247); line-height: 21px; text-indent: 20px; margin-top: 0px; float: right;overflow:hidden;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_a {
	padding: 10px;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_a span {
	background: rgb(0, 159, 48); padding: 3px 8px; border-radius: 5px; color: rgb(255, 255, 255); line-height: 20px; margin-right: 10px; float: left; display: block;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_a h2 {
	line-height: 30px;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_a h2 a {
	font-size: 18px;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_a p {
	line-height: 25px; font-size: 12px;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_b {
	border-top-color: rgb(225, 225, 225); border-top-width: 1px; border-top-style: solid;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_b {
	padding: 10px;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_b span {
	background: rgb(0, 159, 48); padding: 3px 8px; border-radius: 5px; color: rgb(255, 255, 255); line-height: 20px; margin-right: 10px; float: left; display: block;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_b h2 {
	line-height: 30px;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_b h2 a {
	font-size: 18px;
}
.daohan .dao_3 .dao_3_3 .dao_3_3_b p {
	line-height: 25px; font-size: 12px;
}
.zhujiang {
	width: 1200px; clear: both;
}
section {
	padding: 10px 0px;
}
.section--white {
	background: white; color: rgb(85, 85, 85);
}
.disable-mouse {
	pointer-events: none;
}
.main-title {
	color: white; font-size: 100px;
}
.btn {
	background: rgb(74, 144, 226); padding: 0px; transition:0.25s; color: white; text-decoration: none; display: inline-block; cursor: pointer; opacity: 0.85;
}
.tile {
	background: rgb(74, 144, 226); padding: 0px; transition:0.25s; color: white; text-decoration: none; display: inline-block; cursor: pointer; opacity: 0.85; 
}
.download-btn {
	background: white; color: rgb(63, 81, 181); font-size: 30px;
}
.btn--blue {
	background: rgb(74, 144, 226);
}
.tile {
	width: 19%; height: 48px; float: left; padding-left:0px;margin-left: 6px;
}
.tile p {
	margin: 30px auto 10px; text-align: center; line-height: 30px; clear: both; font-family: Microsoft yahei; font-size: 18px; font-weight: bold; display: table; text-shadow: 0px 0px 10px #777;
}
.tile span {
	text-align: right; line-height: 30px; font-family: Microsoft yahei; font-size: 14px; margin-right: 30px; float: right; display: inline-block;
}
.tile-container {
	overflow: hidden; margin-top: 10px;padding-top: 6px;
}
.btn:hover {
	opacity: 1;
}
.tile:hover {
	opacity: 1;
}
:nth-child(1).tile {
	
}
:nth-child(2).tile {

}
:nth-child(3).tile {
	background: url("../images/img_62.jpg") no-repeat;
}
:nth-child(4).tile {
	background: url("../images/img_62.jpg") no-repeat; 
}
:nth-child(5).tile {
	background: url("../images/img_62.jpg") no-repeat;
}
:nth-child(6).tile {
	background: url("../images/img_62.jpg") no-repeat; 
}
.modal {
	background: rgb(2, 57, 113); padding: 40px; transition:200ms; left: 0px; top: 0px; right: 0px; bottom: 0px; color: white; visibility: hidden; position: fixed; z-index: 1; opacity: 0; pointer-events: none;
}
.modal-close-btn {
	background: url("../images/close.png") no-repeat center; padding: 32px; transition:0.3s; top: 0px; width: 32px; height: 32px; right: 0px; display: block; position: absolute; cursor: pointer; opacity: 0.8;
}
.modal-close-btn:hover {
	opacity: 1;
}
.modal--1 {
	background: rgb(74, 144, 226);
}
.modal--2 {
	background: rgb(74, 144, 226);
}
.modal--3 {
	background: rgb(74, 144, 226);
}
.modal--4 {
	background: rgb(76, 187, 71);
}
.modal--5 {
	background: rgb(54, 42, 108);
}
.show.modal {
	visibility: visible; opacity: 1; pointer-events: auto;
}
.show.modal h1 {
	text-align: center; line-height: 50px; font-family: Microsoft yahei; font-size: 20px;
}
.show.modal h1 span {
	text-align: center; line-height: 50px; font-family: Microsoft yahei; font-size: 16px; margin-left: 8px;
}
.show.modal img {
	margin: 15px auto; display: block;
}
.dialog {
	background: rgb(74, 144, 226); left: 50%; top: 30%; right: auto; bottom: auto; min-width: 300px; box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0.4); transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.sidebar {
	background: rgb(139, 195, 74); left: auto; width: 300px; visibility: visible; opacity: 1; transform: translateX(100%); -webkit-transform: translateX(100%);
}
.show.sidebar {
	transform: translateX(0px); -webkit-transform: translateX(0);
}
.sidebar__block {
	background: white; border-radius: 5px; margin-top: 32px; opacity: 0.3;
}
.quote-box__bubble {
	background: white; margin: 0px auto 20px; padding: 16px; border-radius: 5px; height: 75px; color: rgb(85, 85, 85); line-height: 25px; text-indent: 2em; position: relative; max-width: 480px;
}
.quote-box__bubble::after {
	border-width: 10px; border-style: solid; border-color: white transparent transparent; border-image: none; left: 50%; top: 100%; width: 0px; height: 0px; display: block; position: absolute; content: "";
}
.left {
	margin: 10px 30px; float: left;
}
.box {
	margin: 10px auto; display: inline-block;
}
.box .box_1 {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 390px; height: 344px; float: left;
}
.box .box_1 .box_1_1 {
	height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.box .box_1 .box_1_1 h2 {
	padding: 8px 15px; width: 100px; color: rgb(50, 50, 50); font-family: Microsoft yahei; font-size: 18px; float: left; display: inline-block;
}
.box .box_1 .box_1_1 a {
	padding: 15px; width: 50px; color: rgb(149, 149, 149); float: right;
}
.box .box_1 .box_1_2 {
	padding: 15px;
}

.box .box_1 .box_1_2 dl {
	
}
.box .box_1 .box_1_2 dl dt {
	padding: 8px 0px; text-align: center; font-weight: bold;
}
.box .box_1 .box_1_2 dl dt a {
	color: rgb(53, 93, 189); font-size: 18px;
}
.box .box_1 .box_1_2 dl dd {
	line-height: 20px; text-indent: 2em; font-size: 13px;
}
.box .box_1 .box_1_2 ul {
	margin: 15px auto; display: table;
}
.box .box_1 .box_1_2 ul li {
	
}
.box .box_1 .box_1_2 ul li  span { float:right; margin-top:5px; margin-left:30px;
	
}
.box .box_1 .box_1_2 a {
	color: rgb(101, 101, 101); line-height: 25px; font-size: 14px; display: inline-block;
}
.box .box_2 {
	margin: 0px 11px; border: 1px solid rgb(225, 225, 225); border-image: none; width: 390px; height: 344px; float: left;
}
.box .box_2 .box_2_1 {
	height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.box .box_2 .box_2_1 h2 {
	padding: 8px 15px; width: 100px; color: rgb(50, 50, 50); font-family: Microsoft yahei; font-size: 18px; float: left; display: inline-block;
}
.box .box_2 .box_2_1 a {
	padding: 15px; width: 50px; color: rgb(149, 149, 149); float: right;
}
.box .box_2 .box_2_2 {
	padding: 15px;
}
.box .box_2 .box_2_2 dl {
	
}
.box .box_2 .box_2_2 dl dt {
	padding: 8px 0px; text-align: center; font-weight: bold;
}
.box .box_2 .box_2_2 dl dt a {
	color: rgb(53, 93, 189); font-size: 18px;
}
.box .box_2 .box_2_2 dl dd {
	line-height: 20px; text-indent: 2em; font-size: 13px;
}
.box .box_2 .box_2_2 ul {
	margin: 15px auto; display: table;
}
.box .box_2 .box_2_2 ul li {
	
}
.box .box_2 .box_2_2 a {
	color: rgb(101, 101, 101); line-height: 25px; font-size: 14px; display: inline-block;
}

/*以下右边第三个新闻方块*/

.box .box_33 {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 390px; height: 344px; float: right;
}
.box .box_33 .box_33_1 {
	height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.box .box_33 .box_33_1 a {
	padding: 15px; width: 50px; color: rgb(149, 149, 149); float: right;
}
.box .box_33 .box_33_1 h2 {
	padding: 8px 15px; width: 100px; color: rgb(50, 50, 50); font-family: Microsoft yahei; font-size: 18px; float: left; display: inline-block;
}
.box .box_33 .box_33_2 dl {
	
}
.box .box_33 .box_33_2 dl dt {
	padding: 8px 0px; text-align: center; font-weight: bold;
}
.box .box_33 .box_33_2 dl dt a {
	color: rgb(53, 93, 189); font-size: 18px;
}
.box .box_33 .box_33_2 dl dd {
	line-height: 20px; text-indent: 2em; font-size: 13px;
}
.box .box_33 .box_33_2 ul {
	margin: 15px auto; display: table;
}
.box .box_33 .box_33_2 ul li {
	
}
.box .box_33 .box_33_2 a {
	color: rgb(101, 101, 101); line-height: 25px; font-size: 14px; display: inline-block;
}

/* 第三个结束 */























.box .box_3 {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 390px; height: 344px; float: right;
}
.box .box_3 .box_3_1 {
	height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.box .box_3 .box_3_1 h2 {
	padding: 8px 15px; width: 100px; color: rgb(50, 50, 50); font-family: Microsoft yahei; font-size: 18px; float: left; display: inline-block;
}
.box .box_3 .box_3_1 a {
	padding: 15px; color: rgb(149, 149, 149); float: right;
}
.box .box_3 .box_3_2 ul {
	margin: 6px; display: inline-block;
}
.box .box_3 .box_3_2 ul li {
	margin: 6px; border: 1px solid rgb(240, 240, 240); border-image: none; width: 80px; height: 80px; text-align: center; float: left;
}
.box .box_3 .box_3_2 ul li a {
	text-align: center; margin-top: 15px; display: block;
}
.box .box_3 .box_3_2 ul li a img {
	margin-bottom: 5px; display: inline-block;
}
.box .box_3 .box_3_2 ul li a img:hover {
	-webkit-animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both;
}
.MSbox {
	margin: 5px auto; border: 1px solid rgb(225, 225, 225); border-image: none; width: 1200px; display: inline-block;
}
.MSbox .MSbox_1 {
	height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.MSbox .MSbox_1 h2 {
	padding: 8px 15px; width: 80px; color: rgb(50, 50, 50); font-family: Microsoft yahei; font-size: 18px; float: left; display: inline-block;
}
.MSbox .MSbox_1 a {
	padding: 15px; color: rgb(149, 149, 149); float: right;
}
#secondary-navbar-wrapper {
	display: none;
}
#features {
	padding: 0px;
}
#feature-slider {
	width: 100%; overflow: hidden; position: relative;
}
#slide-container {
	left: -200%; white-space: nowrap; position: relative;
}
.slide {
	width: 100%; height: 565px; text-align: left; vertical-align: top; display: inline-block;
}
.slider-text {
	width: 500px; color: rgb(1, 59, 114); padding-top: 50px; margin-left: 10%; white-space: normal;
}
.slider-header {
	padding-bottom: 20px; font-size: 38px;
}
.slider-header-2 {
	padding-bottom: 23px; font-size: 16px;
}
.slider-text img {
	padding-bottom: 17px;
}
.slider-description {
	line-height: 35px; padding-bottom: 45px; font-size: 16px;
}
#image-slider {
	width: 100%; height: 160px; text-align: center; margin-top: -160px; position: relative; background-color: rgba(153, 153, 153, 0.35);
}
.before-slider {
	top: 51%; width: 20%; height: 1px; position: absolute; background-color: white;
}
.before-image {
	top: 51%; width: 20%; height: 1px; position: absolute; background-color: white;
}
.after-slider {
	top: 51%; width: 20%; height: 1px; position: absolute; background-color: white;
}
.after-image {
	top: 51%; width: 20%; height: 1px; position: absolute; background-color: white;
}
.before-slider {
	margin-left: -20%;
}
.after-image {
	width: 5%;
}
.before-image {
	width: 5%; margin-left: -5%;
}
.slider-image {
	width: 10%; vertical-align: middle; cursor: pointer; max-height: 70px; max-width: 70px;
}
#last-image {
	padding-right: 0px;
}
.image-container {
	line-height: 160px; padding-right: 8%; display: inline;
}
#experience {
	width: 100%; background-color: rgb(255, 162, 0);
}
#experience > img {
	width: 40%; padding-top: 40px; margin-left: 10%; float: left; max-height: 321px; max-width: 500px;
}
#experience-text-container {
	padding: 100px 10% 0px 0px; color: rgb(255, 255, 255); float: right;
}
#experience-text-description {
	margin-top: 20px;
}
.subWeibo {
	font-size: 15px;
}
.head-font {
	font-size: 38px;
}
.ul-weibo li {
	padding: 3px; font-size: 15px;
}
.weibohover :hover {
	text-decoration: underline; cursor: pointer;
}
#android :hover {
	cursor: pointer;
}
.ag-content-customer-wrap {
	background: rgb(241, 241, 241); transition:background-color 0.5s; width: 100%; height: 470px; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s;
	position:relative;
}
.ag-content-customer {
	margin: 0px auto; width: 1120px;position:absolute;padding:0px 38px;
}
.ag-content-customer-ele {
	margin: 0px; padding: 0px; width: 160px; height: 470px; overflow: hidden; font-size: 18px; float: left; position: relative;
}
.ag-content-customer-ele:hover {
	cursor: pointer;
}
.ag-content-customer-ele .ag-content-customer-ele-shadow {
	background: rgb(70, 154, 203); left: 0px; top: -470px; width: 160px; height: 470px; position: absolute;
}
.ag-content-customer-ele span {
	transition:color 0.3s; left: 40px; top: 100px; width: 18px; display: block; position: absolute; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s;
}
.ag-content-customer-ele small {
	transition:color 0.3s; left: 15px; top: 120px; width: 18px; font-size: 14px; display: block; position: absolute; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s;
}
.ag-content-customer-ele img {
	left: 35px; top: 72px; width: 270px; height: 400px; display: block; position: absolute;
}
.ag-content-customer-ele-detail {
	background: rgb(70, 154, 203); width: 0px; height: 470px; overflow: hidden; float: left; position: relative;
}
.ag-content-customer-ele-detail ul {
	width: 70px; margin-top: 10px; float: left;
}
.ag-content-customer-ele-detail ul li {
	padding: 11px 0px; width: 70px; height: 48px; color: rgb(51, 51, 51); line-height: 24px; font-size: 16px; margin-bottom: 6px; cursor: pointer; background-image: url("../images/ag-customer-icon_ac6e25a.png"); background-repeat: no-repeat;
}
.ag-content-customer-ele-detail ul li.acced-li-1 {
	background-position: 0px top;
}
.ag-content-customer-ele-detail ul li.acced-li-1:hover {
	background-position: 0px bottom;
}
.ag-content-customer-ele-detail ul li.current.acced-li-1 {
	background-position: 0px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-2 {
	background-position: -70px top;
}
.ag-content-customer-ele-detail ul li.acced-li-2:hover {
	background-position: -70px bottom;
}
.ag-content-customer-ele-detail ul li.current.acced-li-2 {
	background-position: -70px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-3 {
	background-position: -140px top;
}
.ag-content-customer-ele-detail ul li.acced-li-3:hover {
	background-position: -140px bottom;
}
.ag-content-customer-ele-detail ul li.current.acced-li-3 {
	background-position: -140px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-4 {
	background-position: -210px top;
}
.ag-content-customer-ele-detail ul li.acced-li-4:hover {
	background-position: -210px bottom;
}
.ag-content-customer-ele-detail ul li.current.acced-li-4 {
	background-position: -210px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-5 {
	background-position: -280px top;
}
.ag-content-customer-ele-detail ul li.acced-li-5:hover {
	background-position: -280px bottom;
}
.ag-content-customer-ele-detail ul li.current.acced-li-5 {
	background-position: -280px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-6 {
	background-position: -350px top;
}
.ag-content-customer-ele-detail ul li.acced-li-6:hover {
	background-position: -350px bottom;
}
.ag-content-customer-ele-detail ul li.current.acced-li-6 {
	background-position: -350px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-7 {
	background-position: -420px top;
}
.ag-content-customer-ele-detail ul li.acced-li-7:hover {
	background-position: -420px bottom;
}
.ag-content-customer-ele-detail ul li.current.acced-li-7 {
	background-position: -420px bottom;
}
.ag-content-customer-ele-detail-display {
	width: 932px; height: 470px; float: left; display: none; position: relative;
}
.ag-content-customer-ele-detail-display-left {
	animation:mymove 1s both; top: 70px; width: 300px; height: 400px; margin-left: -20px; position: absolute; opacity: 0; -webkit-animation: mymove 1s both; -moz-animation: mymove 1s both; -o-animation: mymove 1s both;
}
.ag-content-customer-ele-detail-display-right {
	animation:remove 1.5s both; top: 50px; width: 550px; height: 420px; margin-right: 50px; position: absolute; opacity: 0; -webkit-animation: remove 1.5s both; -moz-animation: remove 1.5s both; -o-animation: remove 1.5s both;
}
.ag-content-customer-ele-detail-display-right span {
	color: rgb(255, 255, 255); line-height: 40px; font-family: Arial; display: block; position: absolute;
}
.ag-content-customer-ele-detail-display-right span h2 {
	text-align: center; font-family: Microsoft yahei; font-size: 20px;
}
.ag-content-customer-ele-detail-display-right span p {
	text-align: left; font-size: 14px;
}
.ag-content-customer-ele-detail-display-right span.point {
	font-family: "SimSun";
}
.ag-content-customer-ele-detail-display-right a {
	width: 134px; height: 140px; text-align: left; text-indent: -9999px; overflow: hidden; display: block; position: absolute; cursor: pointer; background-image: url("../images/ag-link-icon_87d8dbf.png"); background-repeat: no-repeat;
}
.ag-content-customer-ele-detail-display-right a.agwyx:link {
	background-position: 0px 0px;
}
.ag-content-customer-ele-detail-display-right a.agwyx:hover {
	background-position: -134px 0px;
}
.ag-content-customer-ele-detail-display-right a.agwyx:active {
	background-position: -268px 0px;
}
.ag-content-customer-ele-detail-display-right a.agwm:link {
	background-position: 0px -140px;
}
.ag-content-customer-ele-detail-display-right a.agwm:hover {
	background-position: -134px -140px;
}
.ag-content-customer-ele-detail-display-right a.agwm:active {
	background-position: -268px -140px;
}
.ag-content-customer-ele-detail-display-right a.aggg:link {
	background-position: 0px -280px;
}
.ag-content-customer-ele-detail-display-right a.aggg:hover {
	background-position: -134px -280px;
}
.ag-content-customer-ele-detail-display-right a.aggg:active {
	background-position: -268px -280px;
}
.ag-content-customer-ele-detail-display-right a.agxt:link {
	background-position: 0px -420px;
}
.ag-content-customer-ele-detail-display-right a.agxt:hover {
	background-position: -134px -420px;
}
.ag-content-customer-ele-detail-display-right a.agxt:active {
	background-position: -268px -420px;
}
.ag-content-customer-ele-detail-display-right a.jjzs:link {
	background-position: 0px -560px;
}
.ag-content-customer-ele-detail-display-right a.jjzs:hover {
	background-position: -134px -560px;
}
.ag-content-customer-ele-detail-display-right a.jjzs:active {
	background-position: -268px -560px;
}
.ag-content-customer-ele-detail-display-right a.tgrb:link {
	background-position: 0px -700px;
}
.ag-content-customer-ele-detail-display-right a.tgrb:hover {
	background-position: -134px -700px;
}
.ag-content-customer-ele-detail-display-right a.tgrb:active {
	background-position: -268px -700px;
}
.ag-content-customer-ele-detail-display-right a.ag360:link {
	background-position: 0px -840px;
}
.ag-content-customer-ele-detail-display-right a.ag360:hover {
	background-position: -134px -840px;
}
.ag-content-customer-ele-detail-display-right a.ag360:active {
	background-position: -268px -840px;
}
.ag-content-customer-ele-detail-return {
	left: 50%; width: 90px; height: 40px; text-align: center; bottom: 5px; color: rgb(255, 255, 255); line-height: 40px; font-size: 15px; margin-left: -45px; position: absolute; cursor: pointer;
}
.ag-content-customer-ele-detail-return span {
	font-family: "SimSun"; font-size: 30px; float: left;
}
.ag-content-customer-prompt {
	background: rgb(241, 241, 241); width: 100%; height: 52px; text-align: center;
}
.ag-content-app-wytgg-wrap {
	background: rgb(255, 255, 255); width: 100%; position: relative;
}
.ag-content-app-wytgg {
	margin: 0px auto; width: 1002px; height: 590px; position: relative;
}
.ag-content-app-wytgg-left {
	left: 0px; top: 100px; width: 300px; height: 400px; position: absolute;
}
.ag-content-app-wytgg-left > img {
	margin-bottom: 75px; float: left; display: block;
}
.ag-content-app-wytgg-left a {
	background-position: 0px; width: 129px; height: 47px; display: block; position: absolute; background-image: url("../images/ag-download-ios-1_04d4257.png"); background-repeat: no-repeat;
}
.ag-content-app-wytgg-left a:hover {
	background-position: -129px; background-image: url("../images/ag-download-ios-1_04d4257.png"); background-repeat: no-repeat;
}
.ag-content-app-wytgg-left a:active {
	background-position: -258px; background-image: url("../images/ag-download-ios-1_04d4257.png"); background-repeat: no-repeat;
}
.ag-content-app-wytgg-left a.iosLink {
	left: -2px; top: 343px;
}
.ag-content-app-wytgg-left a.androidLink {
	left: 155px; top: 343px; background-image: url("../images/ag-download-android-1_aeb8851.png");
}
.ag-content-app-wytgg-right {
	border-radius: 8px; border: 8px solid rgb(120, 120, 120); border-image: none; top: 95px; width: 570px; height: 380px; right: 0px; position: absolute;
}
.ag-content-app-tgrb-wrap {
	background: rgb(241, 241, 241); width: 100%; border-top-color: rgb(212, 212, 212); border-top-width: 1px; border-top-style: solid; position: relative;
}
.ag-content-app-tgrb {
	margin: 0px auto; width: 1002px; height: 590px; position: relative;
}
.ag-content-app-tgrb-left {
	left: 0px; top: 80px; width: 463px; height: 431px; position: absolute;
}
.ag-content-app-tgrb-right {
	top: 120px; width: 308px; height: 230px; right: 0px; position: absolute;
}
.ag-content-app-tgrb-right > img {
	right: 180px; position: relative;
}
.ag-content-app-tgrb-right a {
	background: url("../images/ag-tgrb-btn-1_3b967d3.png") no-repeat; margin: 24px 0px 0px 207px; width: 129px; height: 47px; display: block;
}
.ag-content-app-tgrb-right a:link {
	background-position: 0px 0px;
}
.ag-content-app-tgrb-right a:hover {
	background-position: -129px 0px;
}
.ag-content-app-tgrb-right a:active {
	background-position: -258px 0px;
}
.ag-content-partners-parnter-wrap {
	background: rgb(255, 255, 255); width: 100%; position: relative;
}
.ag-content-partners-parnter {
	margin: 0px auto; padding: 30px 0px 42px; width: 1002px; text-align: center; position: relative;
}
.ag-content-partners-parnter img {
	margin-top: 24px;
}
.ag-content-partners-customer-wrap {
	background: rgb(112, 112, 112); width: 100%; position: relative;
}
.ag-content-partners-customer {
	margin: 0px auto; padding: 20px 0px 42px; width: 1002px; text-align: center; position: relative;
}
.ag-content-partners-customer img {
	margin-top: 30px;
}
#floatAdv {
	left: 0px; top: 0px; width: 283px; height: 57px; display: none; position: fixed; z-index: 999999999;
}
#floatAdv img {
	width: 283px; height: 57px;
}
#floatAdv span {
	border: 1px solid rgb(210, 210, 210); border-image: none; top: 0px; right: 0px; font-size: 12px; display: none; position: absolute; cursor: pointer; background-color: rgb(242, 242, 242);
}
#floatAdv:hover span {
	display: block;
}
.imgbox {
	margin: 5px auto; width: 1200px; height: 375px;
}
.imgbox .imgbox_1 {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 833px; height: 375px; margin-right: 12px; float: left;
}
.imgbox .imgbox_1 .imgbox_1_1 {
	height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.imgbox .imgbox_1 .imgbox_1_1 h2 {
	padding: 8px 15px; width: 80px; color: rgb(50, 50, 50); font-family: Microsoft yahei; font-size: 18px; float: left; display: inline-block;
}
.imgbox .imgbox_1 .imgbox_1_1 a {
	padding: 15px; color: rgb(149, 149, 149); float: right;
}
.picbox {
	margin: 15px auto; width: 790px; font-family: "微软雅黑","宋体",serif;
}
.picbox .text {
	padding: 10px 0px 20px; text-align: center; color: rgb(42, 45, 57); line-height: 30px; font-size: 16px;
}
.piclist {
	margin-left: 1px;
}
.piclist::after {
	height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: ".";
}
.piclist ul {
	margin: 0px auto; width: 800px; position: relative;
}
.piclist li {
	margin: 0px 10px 10px 0px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 147px; height: 140px; text-align: center; float: left; position: relative; z-index: 0; cursor: pointer; box-shadow: 0px 1px 0px #edecec;
}
.piclist li .in img {
	
}
.piclist li .in {
	left: 0px; top: 0px; width: 150px; position: absolute; z-index: 2;
}
.piclist li .in .imgdiv {
	margin: 4px auto 0px; width: 140px; height: 95px; overflow: hidden; display: block;
}
.piclist li span {
	padding: 8px 3px 0px; height: 46px; text-align: center; color: rgb(102, 102, 102); line-height: 20px; overflow: hidden; font-size: 14px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.piclist li span b {
	color: rgb(209, 58, 62); display: block;
}
.piclist li.pic .original {
	background: rgb(255, 255, 255); padding: 5px 5px 0px; border: 1px solid rgb(225, 225, 225); border-image: none; left: -16px; top: -59px; text-align: center; display: none; position: absolute;
}
.piclist li.pic .original .imga {
	display: block;
}
.piclist li .original img {
	
}
.piclist li .original span {
	height: 36px; padding-top: 0px;
}
.piclist li .original b {
	line-height: 36px;
}
.piclist li.on {
	z-index: 999;
}
.piclist li.on .original {
	display: block; z-index: 100;
}
.imgbox .imgbox_2 {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 350px; height: 375px; float: right;
}
.imgbox .imgbox_2 .imgbox_2_1 {
	height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.imgbox .imgbox_2 .imgbox_2_1 h2 {
	padding: 8px 15px; width: 80px; color: rgb(50, 50, 50); font-family: Microsoft yahei; font-size: 18px; float: left; display: inline-block;
}
.imgbox .imgbox_2 .imgbox_2_1 a {
	padding: 15px; color: rgb(149, 149, 149); float: right;
}
.imgbox .imgbox_2 .imgbox_2_2 {
	background: rgb(240, 240, 240); margin: 10px auto; width: 340px; height: auto; font-family: "微软雅黑";
}
.imgbox .imgbox_2 .imgbox_2_2 .tab {
	background: rgb(204, 204, 204); overflow: hidden;
}
.imgbox .imgbox_2 .imgbox_2_2 .tab a {
	padding: 10px 19px; color: rgb(51, 51, 51); text-decoration: none; float: left; display: block;
}
.imgbox .imgbox_2 .imgbox_2_2 .tab a:hover {
	background: rgb(230, 78, 63); color: rgb(255, 255, 255); text-decoration: none;
}
.imgbox .imgbox_2 .imgbox_2_2 .tab a.on {
	background: rgb(74, 144, 226); color: rgb(255, 255, 255); text-decoration: none;
}
.imgbox .imgbox_2 .imgbox_2_2 .content {
	padding: 10px; height: 260px; overflow: hidden;
}
.imgbox .imgbox_2 .imgbox_2_2 .content li {
	padding: 10px; display: none;
}
.imgbox .imgbox_2 .imgbox_2_2 .content li a {
	padding: 5px; font-size: 13px; display: block;
}
.imgbox .imgbox_2 .imgbox_2_2 .content li a:hover {
	text-decoration: underline;
}


/* 以下用来控制新增的一个BOX*/

.imgbox .imgbox_3 {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 350px; height: 375px; float: right;
}
.imgbox .imgbox_3 .imgbox_3_1 {
	height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.imgbox .imgbox_3 .imgbox_3_1 h2 {
	padding: 8px 15px; width: 80px; color: rgb(50, 50, 50); font-family: Microsoft yahei; font-size: 18px; float: left; display: inline-block;
}
.imgbox .imgbox_3 .imgbox_3_1 a {
	padding: 15px; color: rgb(149, 149, 149); float: right;
}
.imgbox .imgbox_3 .imgbox_3_2 {
	background: rgb(240, 240, 240); margin: 10px auto; width: 340px; height: auto; font-family: "微软雅黑";
}
.imgbox .imgbox_3 .imgbox_3_2 .tab {
	background: rgb(204, 204, 204); overflow: hidden;
}
.imgbox .imgbox_3 .imgbox_3_2 .tab a {
	padding: 10px 19px; color: rgb(51, 51, 51); text-decoration: none; float: left; display: block;
}
.imgbox .imgbox_3 .imgbox_3_2 .tab a:hover {
	background: rgb(230, 78, 63); color: rgb(255, 255, 255); text-decoration: none;
}
.imgbox .imgbox_3 .imgbox_3_2 .tab a.on {
	background: rgb(74, 144, 226); color: rgb(255, 255, 255); text-decoration: none;
}
.imgbox .imgbox_3 .imgbox_3_2 .content {
	padding: 10px; height: 260px; overflow: hidden;
}
.imgbox .imgbox_3 .imgbox_3_2 .content li {
	padding: 10px; display: none;
}
.imgbox .imgbox_3 .imgbox_3_2 .content li a {
	padding: 5px; font-size: 13px; display: block;
}
.imgbox .imgbox_3 .imgbox_3_2 .content li a:hover {
	text-decoration: underline;
}
/*新增结束*/
 
.links2 {
	margin: 20px auto; width: 1200px; height: 120px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.links2 span {
	line-height: 30px; font-size: 16px; margin-left: 15px; display: block;
}
.links2 a {
	margin: 5px 15px; font-size: 13px; display: inline-block;
}
.links2 li {
	width: auto; height: 25px; float: left; display: block;
}


.footer {
	width: auto; height: 200px; padding-top:20px;
}
.footer .footer_1 {
	background: rgb(240, 240, 240); margin-top: 20px; border-top-color: rgb(188, 188, 188); border-top-width: 1px; border-top-style: solid; display: inline-block; padding-top:30px;
}
.footer .footer_1 .footer_1_a {
	margin: 20px 10px 20px 3%; width: 30%; float: left;
}
.footer .footer_1 .footer_1_a span {
	line-height: 30px; font-size: 16px;
}
.footer .footer_1 .footer_1_a p {
	color: rgb(46, 46, 46); line-height: 28px; display: block;
}
.footer .footer_1 .footer_1_a p b {
	font-size: 14px;
}
.footer .footer_1 .footer_1_b {
	margin: 20px 2%; width: 30%; float: right;
}
.footer .footer_1 .footer_1_b span {
	line-height: 30px; font-size: 16px; display: block;
}
.footer .footer_1 .footer_1_b a {
	margin: 3px 5px; line-height: 20px; display: inline-block; fotn-size: 12px;
}
.footer .footer_1 .footer_1_b li {
	width: auto; height: 25px; float: left; display: block;
}
.footer .footer_1 .footer_1_c {
	margin: 25px 5px; width: 30%; float: left;
}
.footer .footer_2 {
	background: rgb(66, 66, 66); height: 50px;
}
.footer .footer_2 p {
	text-align: center; color: rgb(255, 255, 255); line-height: 50px;
}
.footer .footer_2 p a {
	color: rgb(255, 255, 255);
}
.footer .footer_2 p a:hover {
	color: rgb(204, 204, 204);
}
/* 再新增一个BOX，用来控制滚动*/
.imgbox4 {
	margin: 5px auto; width: 1200px; height: 220px;
}
.imgbox4 .imgbox_4 {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 833px; height: 220px; margin-right: 12px; float: left;
}
.imgbox4 .imgbox_4 .imgbox_4_1 {
	height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.imgbox4 .imgbox_4 .imgbox_4_1 h2 {
	padding: 8px 15px; width: 80px; color: rgb(50, 50, 50); font-family: Microsoft yahei; font-size: 18px; float: left; display: inline-block;
}
.imgbox4 .imgbox_4 .imgbox_4_1 a {
	padding: 15px; color: rgb(149, 149, 149); float: right;
}
.picbox4 {
	margin: 15px auto; width: 790px; font-family: "微软雅黑","宋体",serif;
}
.picbox4 .text {
	padding: 10px 0px 20px; text-align: center; color: rgb(42, 45, 57); line-height: 30px; font-size: 16px;
}
/* 再新增一个BOX，用来控制滚动结束*/

/*以下新增加的控制首页免费试听*/
.imgbox_n {
	margin: 5px auto; width: 1196px; height: 375px;
}
.imgbox_n .imgbox_1_n {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 1196px; height: 395px; margin-right: 12px; float: left;
}
.imgbox_n .imgbox_1_n .imgbox_1_1_n {
	height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.imgbox_n .imgbox_1_n .imgbox_1_1_n h2 {
	padding: 8px 15px; width: 80px; color: rgb(50, 50, 50); font-family: Microsoft yahei; font-size: 18px; float: left; display: inline-block;
}
.imgbox_n .imgbox_1_n .imgbox_1_1_n a {
	padding: 15px; color: rgb(149, 149, 149); float: right;
}
.picbox_n {
	margin: 15px auto; width: 1155px; font-family: "微软雅黑","宋体",serif;
}
.picbox_n .text_n {
	padding: 10px 0px 20px; text-align: center; color: rgb(42, 45, 57); line-height: 30px; font-size: 16px;
}
.details_n {
	width: 100%;
}
.details_n ul li {
	margin: 20px 20px 0px 0px; padding: 20px; border: 1px solid rgb(178, 178, 178); border-image: none; float: left; box-shadow: 5px 0px 5px -1px #cccccc;
}
.details_n ul li span {
	padding: 5px 0px; width: 80px; margin-top: 5px; display: block;
}

.details_n p {
	color: rgb(88, 88, 88);
}
/*以上新增加的控制首页免费试听结束*/