.main .content {
	margin: 0px auto !important; float: none;
}
.main .content img {
	
}
.main .row-fluid {
	padding: 40px 0px;
}
#box1 .btn {
	padding: 3% 0px 0px;
}
#box1 .btn li {
	width: 17.5%; margin-right: 10%; float: left;
}
#box1 .btn li a {
	width: 100%; height: 100%; display: inline-block;
}
#box1 .btn li:last-of-type {
	margin-right: 0px;
}
#box1 .btn li .pic {
	transition:0.4s ease-in-out; width: 50%; margin:0 auto; position: relative; z-index: 1; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
#box1 .btn li .pic:hover {
	transform: rotate3d(0, 2, 0, 360deg); -webkit-transform: rotate3d(0, 2, 0, 360deg); -moz-transform: rotate3d(0, 2, 0, 360deg); -o-transform: rotate3d(0, 2, 0, 360deg);
}
#box1 .btn li:nth-of-type(1) .pic {
	background: url("../images/s1.png") no-repeat 0% 0% / 100%;
	background-size: 98px;
}
#box1 .btn li:nth-of-type(1) .pic:hover {
	background: url("../images/s1_h.png") no-repeat 0% 0% / 100%;
}
#box1 .btn li:nth-of-type(2) .pic {
	background: url("../images/s2.png") no-repeat 0% 0% / 100%;
}
#box1 .btn li:nth-of-type(2) .pic:hover {
	background: url("../images/s2_h.png") no-repeat 0% 0% / 100%;
}
#box1 .btn li:nth-of-type(3) .pic {
	background: url("../images/s3.png") no-repeat 0% 0% / 100%;
}
#box1 .btn li:nth-of-type(3) .pic:hover {
	background: url("../images/s3_h.png") no-repeat 0% 0% / 100%;
}
#box1 .btn li:nth-of-type(4) .pic {
	background: url("../images/s4.png") no-repeat 0% 0% / 100%;
}
#box1 .btn li:nth-of-type(4) .pic:hover {
	background: url("../images/s4_h.png") no-repeat 0% 0% / 100%;
}
#box1 .btn li .font {
	text-align: center; color: rgb(125, 125, 125); font-size: 14px;
}
#box1 .btn li .font h4 {
	padding: 7% 0px; color: rgb(63, 63, 63); font-size: 18px; font-weight: normal;
}
#box1 .btn li .font p {
	line-height: 24px;
}
#box2 {
	background: url("../images/bg2.jpg") no-repeat center; width: 100%; height: 534px; text-align: center; overflow: hidden;
}
#box2 img {
	transition:0.8s; margin-top: -257px; max-height: 257px; max-width: 864px; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#box2 p {
	padding: 35px; color: rgb(39, 39, 39); line-height: 29px; font-size: 18px;
}



#box8 {
	background: url("../images/11.jpg") no-repeat center; width: 100%; height: 534px; text-align: center; overflow: hidden;
}
#box8 img {
	transition:0.8s; margin-top: -257px; max-height: 257px; max-width: 864px; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#box8 p {
	padding: 35px; color: rgb(39, 39, 39); line-height: 29px; font-size: 18px;
}
#box8 {
	overflow: hidden; padding-bottom: 0px;
}
#box3 .bleft {
	transition:0.8s; width: 45%; margin-left: -45%; float: left; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#box3 .bright {
	transition:0.8s; width: 55%; padding-top: 45px; margin-right: -55%; float: right; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#box3 .bright li {
	background: url("../images/problem_bg.jpg") no-repeat; width: 47%; height: 73px; overflow: hidden; font-weight: bold; margin-bottom: 40px; border-right-color: rgb(194, 194, 194); border-right-width: 1px; border-right-style: solid; float: left; max-width: 285px;
}
#box3 .bright li:nth-of-type(2n+1) {
	margin-right: 5%;
}
#box3 .bright li span {
	width: 63px; text-align: center; color: #fff; font-weight:normal; line-height: 76px; padding-right: 20px; font-family: Arial; font-size: 32px; float: left; display: inline-block;
}
#box3 .bright li dl {
	padding: 14px 0px 0px; width: 65.5%; line-height: 26px; float: left;
}
#box3 .bright li dt {
	color: #fff; font-size: 22px; font-weight:normal;
}
#box3 .bright li dd {
	color: #ddd; text-transform: uppercase;  font-weight: normal;
}
#box4 {
	background: url("../images/bg4.jpg") no-repeat center rgb(242, 242, 242); padding: 40px 0px; overflow: hidden;
}
#box4 section {
	padding: 40px 0px 0px;
}
#box4 li {
	transition:0.4s; width: 25%; margin-right: 12%; float: left; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transform: scale(0); -o-transform: scale(0);
}
#box4 li .tit {
	padding: 0px 0px 5px 56px; line-height: 22px; font-size: 20px; font-weight: bold;
}
#box4 li .tit span {
	color: rgb(153, 153, 153); text-transform: uppercase; font-family: Arial; font-size: 14px;
}
#box4 li .font {
	line-height: 24px; font-size: 14px;
}
#box4 li:first-of-type .tit {
	background: url("../images/c1.jpg") no-repeat;
}
#box4 li:nth-of-type(2) .tit {
	background: url("../images/c2.jpg") no-repeat;
}
#box4 li:last-of-type {
	margin-right: 0px;
}
#box4 li:last-of-type .tit {
	background: url("../images/c3.jpg") no-repeat;
}
#box5 {
	transition:0.5s; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#box5 section {
	text-align: center;
}
#box5 .tab {
	width: 83%; text-align: center; line-height: 55px; margin-bottom: 30px; border-bottom-color: rgb(250, 250, 252); border-bottom-width: 4px; border-bottom-style: solid; display: inline-block;
}
#box5 .tab li {
	margin-right: 35px; display: inline-block;
}
#box5 .tab .on {
	padding-bottom: 4px; margin-bottom: -4px; border-bottom-color: rgb(33, 119, 196); border-bottom-width: 4px; border-bottom-style: solid; cursor: pointer;
}
#box5 .tab li:hover {
	padding-bottom: 4px; margin-bottom: -4px; border-bottom-color: rgb(33, 119, 196); border-bottom-width: 4px; border-bottom-style: solid; cursor: pointer;
}
/*
#box5 .tab_con01 {
	height: 0px; text-align: center; overflow: hidden; opacity: 0;
}
#box5 .tab_con01 {
	height: 0px; text-align: center; overflow: hidden; opacity: 0; width:1200px; margin:0 auto;
}
#box5 .tab_con01 li {
	border-image: none; width: 282px; height: 240px; overflow: hidden; display: inline-block;margin: 0px 5px 10px 0px;
}
#box5 .tab_con01 li a {
	width: 282px; height: 205px; text-align: center; vertical-align: middle; display: table-cell;


}
#box5 .tab_con01 li a p { width:280px; height:40px; line-height:40px; color:#333; font-size:14px; }
#box5 .tab_con01 li img {
	width: 280px; height: 203px;
	transition:0.3s ease-in-out;  vertical-align: middle; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;
	border: 1px solid #ccc; 
}
#box5 .tab_con01 li img:hover {
	border-color: rgb(33, 119, 196);
}
#box5 .tab_con01 li a:hover p { color:rgb(33,119,196) }
#box5 .tab_con01 li:hover img {
	transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9);
}
*/


/**/
#box5 .tab_con {
	height: 0px; text-align: center; overflow: hidden; opacity: 0; width:1200px; margin:0 auto;
}
#box5 .tab_con li {
	border-image: none; width: 282px; height: 240px; overflow: hidden; display: inline-block;margin: 0px 5px 10px 0px;
}
#box5 .tab_con li a {
	width: 282px; height: 205px; text-align: center; vertical-align: middle; display: table-cell;


}
#box5 .tab_con li a p { width:280px; height:40px; line-height:40px; color:#333; font-size:14px; }
#box5 .tab_con li img {
	width: 280px; height: 203px;
	transition:0.3s ease-in-out;  vertical-align: middle; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;
	border: 1px solid #ccc; 
}
#box5 .tab_con li img:hover {
	border-color: rgb(33, 119, 196);
}
#box5 .tab_con li a:hover p { color:rgb(33,119,196) }
#box5 .tab_con li:hover img {
	transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9);
}

/*首页微信手机部分*/
#box5 .tab_con li.wx_phone {
	border-image: none; width: 282px; height: 450px; overflow: hidden; display: inline-block;margin: 0px 5px 10px 0px; position:relative;
}
#box5 .tab_con li.wx_phone a {
	width: 282px; height: 485px; text-align: center; vertical-align: middle; display: table-cell;


}
#box5 .tab_con li.wx_phone a p { width:280px; height:40px; line-height:40px; color:#333; font-size:14px; }
#box5 .tab_con li.wx_phone img {
	 width:262px; height:450px; 
	transition:0.3s ease-in-out; vertical-align: middle; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;
	border: 1px solid #ccc; height:395px; width:260px;
}
#box5 .tab_con li.wx_phone img:hover {
	border-color: rgb(33, 119, 196);
}
#box5 .tab_con li.wx_phone a:hover p { color:rgb(33,119,196) }
#box5 .tab_con li.wx_phone:hover img {
	transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9);
}
#box5 .tab_con li.wx_phone i { position:absolute; bottom:20px; left:80px;  z-index:66; display:none;  } 
#box5 .tab_con li.wx_phone i img { width:100px; height:100px; }

/*首页微信pc部分
#box5 .tab_con01 li.wx_pc {
	border-image: none; width: 370px; height: 320px; overflow: hidden; display: inline-block;margin: 0px 9px 15px 9px; position:relative;
}
#box5 .tab_con01 li.wx_pc a {
	width: 370px; height: 320px; text-align: center; vertical-align: middle; display: table-cell;


}
#box5 .tab_con01 li.wx_pc a p { width:370px; height:40px; line-height:40px; color:#333; font-size:14px; }
#box5 .tab_con01 li.wx_pc img {
	 width:368px; height:288px; 
	transition:0.3s ease-in-out; vertical-align: middle; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;
	border: 1px solid #ccc; 
}
#box5 .tab_con01 li.wx_pc img:hover {
	border-color: rgb(33, 119, 196);
}
#box5 .tab_con01 li.wx_pc a:hover p { color:rgb(33,119,196) }
#box5 .tab_con01 li.wx_pc:hover img {
	transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9);
}
#box5 .tab_con01 li.wx_pc i { position:absolute; bottom:20px; left:80px;  z-index:66; display:none;  } 
#box5 .tab_con01 li.wx_pc i img { width:100px; height:100px; }
*/
/*首页微信手机部分*/
#box5 .tab_con01 li.wx_phone {
	border-image: none; width: 282px; height: 450px; overflow: hidden; display: inline-block;margin: 0px 5px 10px 0px; position:relative;
}
#box5 .tab_con01 li.wx_phone a {
	width: 282px; height: 485px; text-align: center; vertical-align: middle; display: table-cell;


}
#box5 .tab_con01 li.wx_phone a p { width:280px; height:40px; line-height:40px; color:#333; font-size:14px; }
#box5 .tab_con01 li.wx_phone img {
	 width:262px; height:450px; 
	transition:0.3s ease-in-out; vertical-align: middle; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;
	border: 1px solid #ccc; height:395px; width:260px;
}
#box5 .tab_con01 li.wx_phone img:hover {
	border-color: rgb(33, 119, 196);
}
#box5 .tab_con01 li.wx_phone a:hover p { color:rgb(33,119,196) }
#box5 .tab_con01 li.wx_phone:hover img {
	transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9);
}
#box5 .tab_con01 li.wx_phone i { position:absolute; bottom:20px; left:80px;  z-index:66; display:none;  } 
#box5 .tab_con01 li.wx_phone i img { width:100px; height:100px; }


#box6 {
	background: url("../images/bg6.jpg") no-repeat center; padding: 40px 0px; height: 531px; overflow: hidden;
}
#box6 .bleft {
	transition:1s; left: -42%; top: -200px; width: 40%; position: relative; opacity: 0; transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg);
}
#box6 .bright {
	width: 56%; padding-left: 3%;
}
#box6 .bright a {
	color: rgb(119, 111, 111); line-height: 29px; font-size: 14px;
}
#box6 .bright a:hover {
	color: rgb(153, 153, 153);
}
#box7 section {
	
}
#box7 dl {
	transition:0.4s; width: 30%; font-family: "Microsoft Yahei"; font-size: 12px; float: left; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transform: scale(0); -o-transform: scale(0);
}
#box7 dl:nth-of-type(2) {
	margin: 0px 5%;
}
#box7 dt {
	height: 130px; overflow: hidden;
}
#box7 .tit {
	color: rgb(69, 69, 69); line-height: 55px; font-family: "Microsoft Yahei"; font-size: 18px;
}
#box7 dt .pic {
	padding: 1px; border: 1px solid rgb(234, 234, 234); border-image: none; width: 36%; height: 70px; overflow: hidden; float: left;
}
#box7 dt .pic a {
	width: 100%; height: 100%; display: inline-block;
}
#box7 dt .pic img {
	width: 100%; height: 100%;
}
#box7 dt .pic:hover {
	border-color: rgb(34, 120, 196);
}
#box7 dt .font {
	width: 61%; float: right;
}
#box7 dt .font .name {
	height: 15px; font-weight: bold; margin-bottom: 5%;
}
#box7 dt .font .name a {
	color: rgb(34, 120, 196); font-size:16px;
}
#box7 dt .font .intro {
	line-height: 24px;
}
#box7 dt .font .intro a {
	color: rgb(115, 115, 115);
}
#box7 dt .font a:hover {
	opacity: 0.8;
}
#box7 dd ul {
	height: 135px;
}
#box7 dd li {
	height: 32px; line-height: 32px; overflow: hidden; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
#box7 dd li a {
	background: url("../images/pic.png") no-repeat -96px 4px; padding: 0px 0px 0px 15px; color: rgb(115, 115, 115);
}
#box7 dd li a:hover {
	color: rgb(34, 120, 196);
}
#box7 .more {
	background: url("../images/pic.png") no-repeat; margin: 20px 0px 0px; width: 78px; height: 28px; display: inline-block;
}
@media all and (max-width:1000px)
{
#box7 dl {
	margin: 0px auto; width: 80%; float: none;
}
#box7 dt {
	height: 150px;
}
#box7 dt .pic {
	height: 90px;
}
}
@media unknown
{
#box2 img {
	margin-top: 0px;
}
#box3 .bleft {
	margin-left: 0px;
}
#box3 .bright {
	margin-right: 0px;
}
#box6 .bleft {
	left: 0px; top: 0px;
}
#box8 img {
	margin-top: 0px;
}
}
@media 
{
#box2 img {
	margin-top: 0px;
}
#box3 .bleft {
	margin-left: 0px;
}
#box3 .bright {
	margin-right: 0px;
}
#box6 .bleft {
	left: 0px; top: 0px;
}
#box8 img {
	margin-top: 0px;
}
}
.jianjie { width:492px; height:419px; }

/*广告*/
.adv01 { background:url(../images/adv.jpg) center no-repeat; width:100%; height:100px; margin-top:30px; }
.adv04 { background:url(../images/adv01.jpg) center top no-repeat; width:100%; height:120px; }
.adv004 { background:url(../images/adv002.jpg) center top no-repeat; width:100%; height:120px; margin:30px auto; }
.adv004 a{
	display:block;
	width:100%; height:120px;
}