@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.center{ width:100%; margin:0 auto;}

.header{ display:none;}

.mobile_bg{ width:100%; height:55px; display:block; background:#FFF; position:relative; z-index:10;}
.mobile_nav{ width:100%; height:53px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; text-align:left;}
.mobile_logo{ display:block; height:90px; position:absolute; left:3%; top:0; z-index:1;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:15px;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:9px;}
.header_mobile1 .span1{ display:block; height:3px; background:#674937; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#674937; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#674937; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.slideBox{ display:none;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container .swiper-slide img{ display:block; width:100%;}
.swiper-container .swiper-pagination{ bottom:20px;}
.swiper-container .swiper-pagination-bullet{ background:#FFF; width:10px; height:10px; margin:0 6px !important;}
.swiper-container .swiper-pagination-bullet-active{ background:#674937;}

.index1{ width:100%; height:auto; background:#7a5a43; position:relative; z-index:10; overflow:hidden; padding-bottom:30px;}
.index1_1{ display:block; float:none; margin:30px auto 0 auto; width:500px; max-width:90%;}
.index1_2{ float:none; width:100%; margin:20px auto 0 auto; position:relative; right:0; overflow:hidden;}
.index1_3{ float:none; width:84%; padding:0 5% 30px 5%; margin:0 auto; height:auto; background:url(../images/index1_3.jpg) repeat-x; background-size:auto 100%; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden; text-align:left;}
.index1_3_1{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:26px; color:#FFF; margin-top:20px;}
.index1_3_1 b{ font-size:14px;}
.index1_3_2{ float:left; width:100%; overflow:hidden; font-size:15px; line-height:24px; color:#FFF; margin-top:10px; margin-bottom:10px;}
.index1_3_3{ float:left; width:90%; padding:0 5%; height:40px; border:1px solid #ddcab8; background:none; outline:none; font-family:"微软雅黑"; color:#FFF; font-size:15px; margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.index1_3_4{ float:left; width:50px; padding:0 5%; height:40px; border:1px solid #ddcab8; background:none; outline:none; font-family:"微软雅黑"; color:#FFF; font-size:15px; margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.index1_3_5{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#FFF; padding:10px 0;}
.index1_3_6{ float:left; width:150px; height:40px; background:#f1ebe4; border:1px solid #f1ebe4; line-height:40px; text-align:center; font-size:15px; color:#744c2a; margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_3_6:hover{ background:none; border:1px solid #FFF; color:#FFF;}
.index1_4{ float:right; display:none; height:445px;}

.index1_3 input::-webkit-input-placeholder{ color:#FFF;}
.index1_3 input::-moz-placeholder{ color:#FFF;}
.index1_3 input:-moz-placeholder{ color:#FFF;}
.index1_3 input:-ms-input-placeholder{ color:#FFF;}

.index2{ width:100%; height:900px; background:url(../images/index2_1.jpg) top center no-repeat; overflow:hidden;}
.index2_1{ display:block; margin:30px auto 0 auto; width:400px; max-width:70%;}
.index2_2{ width:100%; overflow:hidden; font-size:16px; color:#555555; line-height:30px; margin-top:20px;}
.index2_2 b{ color:#c0a282;}
.index2_3{ display:block; margin:13px auto 0 auto; width:357px;}
.index2_4{ margin-top:13px;}
.index2_4_1{ display:block; width:180px; height:40px; line-height:40px; background:url(../images/index2_4.jpg) repeat-y; font-size:15px; font-weight:bold; color:#FFF; margin:0 auto;}
.index2_4_2{ display:block; height:50px; line-height:50px; font-size:15px; font-weight:bold; color:#694a37; padding:0 10px;}
.index2_5{ width:94%; margin:0 auto; overflow:hidden;}
.index2_5 li{ display:inline-table; font-size:15px; line-height:30px; margin-top:10px; color:#333; padding-right:20px;}
.index2_5 li b{ color:#c4a07f;}
.index2_5 li .span1{ color:#654635;}
.index2_5 li:nth-child(1){ background:url(../images/index2_5_1.png) left center no-repeat; padding-left:20px; background-size:auto 16px;}
.index2_5 li:nth-child(2){ background:url(../images/index2_6_1.png) left center no-repeat; padding-left:20px; background-size:auto 16px;}
.index2_5 li:nth-child(3){ background:url(../images/index2_7.png) left center no-repeat; padding-left:25px; background-size:auto 16px;}
.index2_5 li:nth-child(4){ background:url(../images/index2_8.png) left center no-repeat; padding-left:20px; background-size:auto 16px;}
.index2_5 li:nth-child(5){ background:url(../images/index2_9.png) left center no-repeat; padding-left:20px; background-size:auto 16px;}
.index2_6{ display:block; margin:30px auto 0 auto; width:148px; height:38px; line-height:38px; border:1px solid #b9b9b9; font-size:14px; color:#555; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:#fff;}
.index2_6:hover{ background:#333; color:#FFF; border:1px solid #333;}

.index3{ width:100%; height:auto; padding-bottom:30px; overflow:hidden; background:url(../images/index3_1.jpg) top center no-repeat;}
.index3_1{ display:table; overflow:hidden; font-size:20px; font-weight:bold; color:#444; line-height:30px; margin:30px auto 0 auto;}
.index3_2{ display:table; overflow:hidden; font-size:16px; font-family:"Arial"; color:#999999; line-height:26px; margin:10px auto 0 auto; max-width:90%;}
.index3_3{ display:table; overflow:hidden; color:#444; line-height:30px; margin:20px auto 0 auto;}
.index3_3 .span1{ font-size:16px;}
.index3_3 .span2{ font-size:15px; font-weight:bold;}
.index3_3 .span3{ font-size:16px; padding:0 10px;}
.index3_4{ display:table; overflow:hidden; font-size:15px; color:#444; margin:20px auto 0 auto; line-height:26px; max-width:90%;}
.index3_5{ display:block; margin:30px auto 0 auto; width:148px; height:38px; line-height:38px; border:1px solid #333333; font-size:14px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:#333333;}
.index3_5:hover{ background:#FFF; color:#333;}

.index4{ width:100%; height:auto; background:#242c34; padding-bottom:30px;}
.index4_1{ width:94%; margin:0 auto; overflow:hidden;}
.index4_2{ float:none; margin:30px auto 0 auto; display:block; width:411px; max-width:80%;}
.index4_3{ float:none; margin-top:30px; width:100%; text-align:center; color:#FFF;}
.index4_4{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; line-height:30px;}
.index4_5{ float:left; width:100%; overflow:hidden; font-size:15px; line-height:20px; padding:30px 0;}
.index4_6{ float:none; display:block; width:148px; height:38px; line-height:38px; border:1px solid #808080; font-size:14px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center; clear:both; margin:0 auto;}
.index4_6:hover{ background:#FFF; color:#333; border:1px solid #FFF;}

.index5{ width:100%; overflow:hidden; background:url(../images/index5_7.jpg) repeat-x bottom center; background-size:auto 100px; padding:30px 0 30px 0;}
.index5_1{ display:block; margin:0 auto; width:291px; max-width:60%;}
.index5_2{ display:table; margin:0 auto; max-width:94%;}
.index5_2 li{ float:left; width:48%; overflow:hidden; margin:30px 1% 0 1%; cursor:pointer;}
.index5_3{ display:block; width:264px; max-width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index5_3:hover{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index5_4{ font-size:16px; color:#997055; line-height:36px;}
.index5_5{ font-size:15px; color:#999999; line-height:20px; margin-top:10px;}
.index5_6{ display:block; width:148px; height:38px; line-height:38px; border:1px solid #b9a99e; font-size:14px; color:#73543e; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center; margin:30px auto 0 auto;}
.index5_6:hover{ background:#73543e; color:#FFF; border:1px solid #73543e;}

.index5_7{ width:600px; max-width:94%; height:auto; margin:30px auto 0 auto; padding-bottom:30px; background:#FFF; position:relative; border:1px solid #cbb6a9; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.index5_7_1{ float:none; width:310px; max-width:90%; margin:0 auto; overflow:hidden; text-align:left;}
.index5_7_2{ float:left; width:100%; overflow:hidden; margin-top:30px; font-size:16px; color:#c0a282; line-height:26px;}
.index5_7_2 span{ color:#333333;}
.index5_7_3{ float:left; width:100%; overflow:hidden; margin-top:15px; font-size:15px; color:#444; line-height:25px; padding-bottom:10px;}
.index5_7_3 b{ color:#ff0d29;}
.index5_7_4{ float:left; width:89%; height:40px; border:1px solid #cbb6a9; margin-top:10px; font-family:"微软雅黑"; font-size:15px; color:#666; outline:none; padding:0 5%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.index5_7_5{ float:left; width:50px; height:40px; border:1px solid #cbb6a9; margin-top:10px; font-family:"微软雅黑"; font-size:15px; color:#666; outline:none; padding:0 5%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.index5_7_6{ float:left; width:100%; overflow:hidden; font-size:14px; color:#444444; line-height:42px;}
.index5_7_7{ float:left; width:150px; height:40px; line-height:40px; background:#73543e; border:1px solid #73543e; color:#FFF; font-size:15px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index5_7_7:hover{ background:#FFF; color:#73543e;}

.index6{ width:100%; overflow:hidden;}
.index6_1{ width:50%; float:left; display:block;}
.index6_2{ width:50%; float:left; display:block;}
.index6_3{ width:100%; float:left; display:block;}
.index6_4{ width:100%; float:left; display:block;}
.index6_1_1{ width:50%; float:left; display:block;}
.index6_2_1{ width:50%; float:left; display:block;}
.index6_3_1{ width:100%; float:left; display:block;}
.index6_4_1{ width:100%; float:left; display:block;}

.index6_l{ float:left; display:none; width:50%; overflow:hidden;}
.index6_r{ float:left; display:none; width:50%; overflow:hidden;}

.index6_l1{ float:left; display:block; width:100%; overflow:hidden;}
.index6_r1{ float:left; display:block; width:100%; overflow:hidden;}

.index7{ width:100%; overflow:hidden; padding:30px 0;}
.index7_1{ width:94%; margin:0 auto; overflow:hidden; background:none;}
.index7_1 li{ float:left; width:100%; overflow:hidden; padding:10px 0;}
.index7_1 li a{ display:block; width:100%; overflow:hidden; padding:5px 0;}
.index7_2{ float:left; display:block; width:106px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index7_3{ float:left; overflow:hidden; text-align:left; margin-left:3%;}
.index7_4{ float:left; width:100%; font-size:15px; line-height:24px; font-weight:bold; color:#444444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index7_5{ float:left; width:100%; font-size:14px; color:#888888; line-height:24px; height:48px; margin-top:8px; overflow:hidden;}
.index7_6{ float:left; width:100%; font-size:14px; color:#888888; line-height:24px; margin-top:5px;}
.index7_1 li:nth-child(2n-1) .index7_2{ margin-left:5px;}
.index7_1 li:nth-child(2n) .index7_2{ margin-left:5px;}
.index7_1 li:nth-child(2n-1) .index7_3{ width:60%;}
.index7_1 li:nth-child(2n) .index7_3{ width:60%;}
.index7_1 li a:hover .index7_4{ color:#694a37;}
.index7_1 li a:hover .index7_2{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.index8{ width:100%; height:auto; overflow:hidden;}
.index8_1{ display:none;}
.index8_2{ display:block; width:100%;}

.footer{ width:100%; overflow:hidden; background:#070504; padding-top:30px;}
.footer1{ width:94%; margin:0 auto; overflow:hidden;}
.footer2{ float:left; overflow:hidden; width:140px; text-align:left; display:none;}
.footer2_1{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#FFF; line-height:24px;}
.footer2_2{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.footer2_2 li{ float:left; width:100%; overflow:hidden; margin-top:1px;}
.footer2_2 li a{ float:left; font-size:16px; color:#FFF; line-height:24px;}
.footer2_2 li a:hover{ text-decoration:underline;}
.footer3{ float:none; width:117px; overflow:hidden; margin:0 1.5% 0 1.5%; display:inline-block;}
.footer3 img{ display:block; width:117px;}
.footer3_1{ color:#FFF; font-size:14px; line-height:36px;}
.footer4{ width:90%; max-width:auto; overflow:hidden; border-top:1px solid #201e1e; border-bottom:1px solid #201e1e; margin:15px auto 0 auto; padding-bottom:5px;}
.footer4 li{ float:left; width:auto; overflow:hidden; font-size:14px; color:#838282; height:50px; line-height:22px; text-align:left; padding:15px 0 0 10%;}
.footer4 li:nth-child(1){ background:url(../images/footer1.png) left 15px no-repeat; background-size:7% auto; width:90%; max-width:auto;}
.footer4 li:nth-child(2){ background:url(../images/footer2.png) left 15px no-repeat; background-size:7% auto; width:90%; max-width:auto;}
.footer4 li:nth-child(3){ background:url(../images/footer3.png) left 15px no-repeat; background-size:7% auto; width:90%; max-width:auto;}
.footer5{ width:94%; overflow:hidden; margin:0 auto; padding:20px 0 10px 0;}
.footer5 li{ float:left; color:#FFF; font-size:13px; line-height:24px; margin-right:10px;}
.footer5 li a{ color:#FFF; font-size:13px; line-height:24px;}
.footer5 li a:hover{ text-decoration:underline;}
.footer6{ width:94%; overflow:hidden; font-size:13px; color:#343333; margin:0 auto; line-height:24px; padding-bottom:10px;}
.footer6 a{ font-size:13px; color:#343333;}

.banner{ display:none;}
.banner_mobile{ display:block; width:100%;}
.banner_mobile img{ display:block; width:100%;}

/*brand*/
.brand_titile{ color:#674937;}
.brand_titile1{ font-size:18px; line-height:30px;}
.brand_titile1 span{ color:#e41023;}
.brand_titile2{ font-size:13px; font-family:"Arial"; line-height:24px;}
.brand_titile .top_line{ width:1px; height:25px; background:#b3a49b; margin:0 auto 15px auto;}
.brand_titile .bot_line{ width:1px; height:25px; background:#b3a49b; margin:15px auto 0 auto;}

.brand1{ width:94%; margin:-50px auto 0 auto; overflow:hidden; position:relative; z-index:10;}
.brand1_1{ width:94%; font-size:16px; color:#674937; line-height:26px; overflow:hidden; margin:20px auto 0 auto;}
.brand1_2{ width:100%; overflow:hidden; text-align:left; font-size:15px; line-height:30px; color:#997055; margin-top:30px; padding-bottom:30px;}

.brand2{ width:100%; overflow:hidden; background:#f7f7f7; padding:30px 0 30px 0;}
.brand2_1{ display:none;}
.brand2_1_1{ display:block; margin:30px auto 0 auto; max-width:94%;}
.brand2_2{ width:1px; height:37px; background:#b3a49b; margin:20px auto 0 auto;}
.brand2_3{ width:666px; max-width:88%; border:1px solid #dad4d1; margin:25px auto 0 auto; font-size:15px; color:#997055; line-height:32px; padding:25px 3%;}
.brand2_3 span{ display:inline-block; width:8px; height:13px; background:url(../images/brand2_2.png) no-repeat; margin:0 5px;}

.brand3{ width:100%; overflow:hidden; padding:30px 0 30px 0;}
.brand3_1{ display:none;}
.brand3_1_mobile{ display:block; margin:50px auto 0 auto; width:800px; max-width:94%; background:url(../images/brand3_4_1.jpg) center bottom no-repeat; overflow:hidden; padding-bottom:10px;}
.brand3_1_mobile li{ float:left; width:100%; overflow:hidden; margin-top:20px;}

.brand3_1_mobile0{ width:48%; overflow:hidden;}
.brand3_1_mobile1 span{ display:block; width:71px; text-align:center;}
.brand3_1_mobile2{ font-size:14px; color:#987055; width:48%; line-height:24px; margin-top:22px;}

.brand3_1_mobile li:nth-child(2n) .brand3_1_mobile0{ float:left;}
.brand3_1_mobile li:nth-child(2n-1) .brand3_1_mobile0{ float:right;}

.brand3_1_mobile li:nth-child(2n) .brand3_1_mobile1{ float:right; width:120px; height:71px; line-height:71px; color:#FFF; font-size:15px; text-align:left; background:url(../images/brand3_1.jpg) left no-repeat; background-size:120px auto;}
.brand3_1_mobile li:nth-child(2n) .brand3_1_mobile1 span{ float:left;}
.brand3_1_mobile li:nth-child(2n-1) .brand3_1_mobile1{ float:left; width:120px; height:71px; line-height:71px; color:#FFF; font-size:15px; text-align:left; background:url(../images/brand3_1_1.jpg) left no-repeat; background-size:120px auto;}
.brand3_1_mobile li:nth-child(2n-1) .brand3_1_mobile1 span{ float:right;}

.brand3_1_mobile li:nth-child(2n) .brand3_1_mobile2{ float:right; text-align:left;}
.brand3_1_mobile li:nth-child(2n-1) .brand3_1_mobile2{ float:left; text-align:right;}

.brand4{ width:100%; overflow:hidden; padding:30px 0 0 0;}
.brand4_1{ float:left; width:100%; display:block; margin-top:30px;}
.brand4_2{ float:none; width:100%; max-width:100%; overflow:hidden; margin:0 auto;}
.brand4_2 li{ float:left; position:relative; overflow:hidden; width:50%; cursor:pointer;}
.brand4_3{ position:absolute; z-index:1; top:0; left:0;}
.brand4_4{ position:absolute; z-index:5; top:0; left:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.brand4_5{ display:block; width:100%; position:relative; z-index:10; -webkit-transform:scale(1.4) translateZ(0); -moz-transform:scale(1.4) translateZ(0); -ms-transform:scale(1.4) translateZ(0); -o-transform:scale(1.4) translateZ(0); transform:scale(1.4) translateZ(0);}
.brand4_2 li:hover .brand4_4{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.brand5{ width:100%; overflow:hidden; padding:30px 0 10px 0;}
.brand5_1{ width:94%; max-width:94%; overflow:hidden; margin:10px auto 0 auto; padding-bottom:20px;}
.brand5_1 li{ float:left; width:30.6%; max-width:30.6%; height:auto; border:1px solid #e5e5e5; position:relative; overflow:hidden; margin:20px 1% 0 1%; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.brand5_2{ display:block; width:100%; max-width:100%; height:auto; position:relative; z-index:1;}
.brand5_3{ display:block; width:100%; max-width:100%; height:auto; position:absolute; z-index:10; top:0; left:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.brand5_1 li:hover{ -webkit-box-shadow:0px 0px 10px #f6f6f6; -moz-box-shadow:0px 0px 10px #f6f6f6; box-shadow:0px 0px 10px #eee;}
.brand5_1 li:hover .brand5_2{ margin-top:0;}
.brand5_1 li:hover .brand5_3{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.brand6{ width:100%; overflow:hidden; position:relative; background:#000; padding-top:200px;}
.brand6_1{ width:100%; overflow:hidden; position:absolute; top:30px; left:0;}
.brand6_2{ display:none;}
.brand6_2_1{ display:block; width:100%; float:left;}

.brand7{ width:100%; height:auto; background:#70513d; position:relative; overflow:hidden;}
.brand7_1{ float:left; width:500px; max-width:90%; margin:20px 5% 0 5%;}
.brand7_3{ position:relative; width:100%; height:auto; top:0; left:0; margin-left:0;}
.brand7_2{ float:right; width:94%; overflow:hidden; margin-top:20px; background:#bc9470; padding:0 3% 10px 3%;}
.brand7_2 li{ float:left; text-align:left; margin-top:10px; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.brand7_2 li a{ float:left; font-size:15px; color:#FFF; line-height:39px; height:39px; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.brand7_2 li:nth-child(1){ width:100%;}
.brand7_2 li:nth-child(2){ width:100%;}
.brand7_2 li:nth-child(3){ width:100%;}
.brand7_2 li:nth-child(4){ width:100%;}
.brand7_2 li:nth-child(5){ width:100%;}
.brand7_2 li:nth-child(1) a{ background:url(../images/brand7_3.png) left center no-repeat; padding-left:10%; width:91%;}
.brand7_2 li:nth-child(2) a{ background:url(../images/brand7_4.png) left center no-repeat; padding-left:10%; width:91%;}
.brand7_2 li:nth-child(3) a{ background:url(../images/brand7_5.png) left center no-repeat; padding-left:10%; width:91%;}
.brand7_2 li:nth-child(4) a{ background:url(../images/brand7_6.png) left center no-repeat; padding-left:10%; width:91%;}
.brand7_2 li:nth-child(5) a{ background:url(../images/brand7_7.png) left center no-repeat; padding-left:10%; width:91%;}
.brand7_2 li:nth-child(1):hover{ background:none;}
.brand7_2 li:hover{ background:none;}
.brand7_2 li:hover a{ width:91%;}

.swiper-container1 {
	width: 1400px;
	max-width:94%;
	height: auto;
	overflow:hidden;
	margin:30px auto 0 auto;
	position:relative;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next1{ width:18px; height:30px; background:url(../images/brand8_3.png) no-repeat; background-size:auto 30px; position:absolute; z-index:1; right:0; top:50%; margin-top:10px; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev1{ width:18px; height:30px; background:url(../images/brand8_2.png) no-repeat; background-size:auto 30px; position:absolute; z-index:1; left:0; top:50%; margin-top:10px; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-prev1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-container1 .swiper-slide img{ display:block; max-width:82%;}

/*brand*/
.banner_join{ display:none;}
.banner_join_mobile{ display:block; width:100%;}
.banner_join_mobile img{ display:block; width:100%;}

.join1{ width:100%; overflow:hidden; margin-top:-65%;}

/* 本例子css */
.slideBox1{ display:none;}

.swiper-container2 {
	width: 1400px;
	max-width:94%;
	height: auto;
	overflow:hidden;
	margin:30px auto 0 auto;
	position:relative;
	display:block;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next2{ width:30px; height:30px; background:url(../images/join1_4.png) no-repeat; background-size:30px auto; position:absolute; z-index:1; right:0; top:50%; margin-top:-15px; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev2{ width:30px; height:30px; background:url(../images/join1_3.png) no-repeat; background-size:30px auto; position:absolute; z-index:1; left:0; top:50%; margin-top:-15px; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next2:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-prev2:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-container2 .swiper-slide img{ display:block; width:78%;}

.join1_1{ width:94%; margin:30px auto 0 auto; overflow:hidden; padding-bottom:30px;}
.join1_2{ width:100%; font-size:16px; color:#e41023; line-height:30px;}
.join1_3{ width:100%; font-size:14px; color:#997055; line-height:30px; margin-top:15px;}

.join2{ width:100%; height:160px; overflow:hidden; position:relative;}
.join2_1{ width:100%; height:160px; -webkit-animation:play 20s linear infinite; -moz-animation:play 20s linear infinite; -ms-animation:play 20s linear infinite; -0-animation:play 20s linear infinite; animation:play 20s linear infinite;}
.join2_2{ color:#929292; font-size:16px; line-height:26px; position:absolute; top:65%; left:auto; right:10%; margin-left:0; width:80%; text-align:right; z-index:10;}

.join3{ width:100%; overflow:hidden; padding:30px 0 0 0;}
.join3_title{ display:table; height:50px; background:url(../images/join3_1.png) bottom center no-repeat; margin:30px auto 0 auto; font-size:16px; line-height:22px; color:#ed1029;}

.join3_1{ width:100%; height:auto; overflow:hidden; background:url(../images/join3_2.jpg) center bottom repeat-x; background-size:auto 90%; margin-top:20px; padding-bottom:30px;}

/* 本例子css */
.slideBox2{ width:94%; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.slideBox2 .hd{ width:100%; overflow:hidden;}
.slideBox2 .hd ul{ overflow:hidden; zoom:1;}
.slideBox2 .hd ul li{ float:left; width:47%; height:auto; background:#bd9a76; cursor:pointer; margin:0 1.5%; font-size:15px; color:#FFF; line-height:26px; padding:10px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-top:10px;}
.slideBox2 .hd ul li:last-child{ margin-right:0;}
.slideBox2 .hd ul li.on{ background:#bb0b10;}
.slideBox2 .bd{ width:100% !important; margin:0 auto; position:relative; height:100%; z-index:0;}
.slideBox2 .bd ul{ width:100% !important; overflow:hidden;}
.slideBox2 .bd li{ width:100% !important; zoom:1; vertical-align:middle; margin-top:50px; overflow:hidden;}
.slideBox2 .bd li .bd_li1{ float:none; display:block; width:459px; max-width:100%; margin:0 auto;}
.slideBox2 .bd li .bd_li2{ float:right; width:100%; overflow:hidden; text-align:left;}
.slideBox2 .bd li .bd_li3{ float:left; width:100%; font-size:15px; color:#997055; line-height:30px; min-height:auto; overflow:hidden; margin-top:10px;}
.slideBox2 .bd li .bd_li4{ float:left; width:100%; overflow:hidden; border-top:1px solid #d5cabb; margin-top:15px; padding-top:12px;}
.slideBox2 .bd li .bd_li4 span{ float:left; display:block; padding:0 8px 0 30px; background:url(../images/join3_6.png) left center no-repeat; line-height:23px; font-size:15px; color:#997055; margin-top:10px;}

.join3_2{ width:100%; overflow:hidden; padding:30px 0;}
.join3_3{ display:none;}
.join3_3_1{ display:block; max-width:94%; margin:0 auto;}

.index5_join{ background:none; padding:30px 0 0 0;}

.join4{ width:100%; overflow:hidden; padding:30px 0 0 0;}

.join4_1{ width:100%; height:auto; background:url(../images/join4_1.jpg) center bottom no-repeat #000; margin-top:40px; overflow:hidden; padding-bottom:50px;}
.join4_1_1{ display:block; margin:30px auto 0 auto; width:300px; max-width:60%;}
.join4_1_3{ width:800px; max-width:100%; margin:0 auto; overflow:hidden;}
.join4_1_3 li{ float:left; width:97%; margin:30px 1.5% 0 1.5%; overflow:hidden; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.join4_1_4{ display:block; height:50px; margin:0 auto;}
.join4_1_5{ width:100%; overflow:hidden; font-size:16px; color:#997055; line-height:26px; margin-top:20px;}
.join4_1_6{ width:100%; overflow:hidden; font-size:14px; color:#997055; line-height:24px; margin-top:10px;}
.join4_1_7{ width:80%; overflow:hidden; font-size:15px; color:#FFF; height:36px; line-height:36px; background:#997055; margin:15px auto 0 auto; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;}
.join4_1_3 li:hover{ margin:30px 1.5% 0 1.5%;}

.join4_2{ display:block; margin:30px auto 0 auto; width:250px; max-width:55%;}
.join4_3{ display:none;}
.join4_3_1{ display:block; max-width:94%; margin:30px auto 0 auto;}

.join5{ width:100%; overflow:hidden; padding:30px 0 0 0;}
.join5_1{ width:100%; height:auto; overflow:hidden; margin-top:30px; padding-bottom:30px; background:url(../images/join5_1.jpg) top center no-repeat; background-size:auto 100%;}
.join5_2{ width:98%; overflow:hidden; margin:30px auto 0 auto;}
.join5_2 li{ float:left; width:49.2%; height:auto; padding-bottom:30px;}
.join5_2 li:nth-child(1){ border-bottom:1px solid #989898; border-right:1px solid #989898;}
.join5_2 li:nth-child(2){ border-bottom:1px solid #989898; border-right:0;}
.join5_2 li:nth-child(3){ border-bottom:1px solid #989898; border-right:1px solid #989898;}
.join5_2 li:nth-child(4){ border-bottom:1px solid #989898; border-right:0;}
.join5_2 li:nth-child(5){ border-right:1px solid #989898;}
.join5_3{ font-size:15px; font-weight:bold; color:#FFF; line-height:25px; margin-top:30px;}
.join5_4{ font-size:14px; color:#FFF; line-height:24px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; margin-top:10px;}
.join5_4 a{ font-size:14px; color:#FFF; font-weight:bold;}

.join6{ width:100%; overflow:hidden; background:#f2f0eb; padding:30px 0;}
.join6_1{ display:none;}
.join6_1_1{ display:block; margin:25px auto 0 auto; max-width:94%;}

.join7{ width:100%; overflow:hidden; background:url(../images/join7_1.jpg) top center no-repeat; padding:30px 0 30px 0; position:relative;}
.join7_1{ width:900px; max-width:94%; left:0; margin:0 auto; position:relative; overflow:hidden;}

/* tab css */
.slideTxtBox{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.slideTxtBox .hd{ float:left; width:100%; height:auto; position:relative; background:url(../images/join7_4.jpg) repeat-x;}
.slideTxtBox .hd ul{ float:right; width:100%; overflow:hidden; padding-top:0;}
.slideTxtBox .hd ul li{ float:left; width:100%; height:auto; cursor:pointer; text-align:left; margin-top:0; color:#000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding-bottom:10px;}
.slideTxtBox .hd ul li .span1{ float:left; font-size:15px; line-height:25px; margin-top:10px; margin-left:20px;}
.slideTxtBox .hd ul li .span2{ float:left; font-size:13px; line-height:18px; margin-top:2px; height:auto; margin-left:20px; clear:both;}
.slideTxtBox .hd ul li.on{ background:#000; color:#e3c19e;}
.slideTxtBox .bd{ float:left;}
.slideTxtBox .bd ul{ float:left; width:100%; zoom:1;}
.slideTxtBox .bd li{ width:100%; overflow:hidden;}
.slideTxtBox .bd li img{ display:block; width:100%;}

.slideTxtBox1{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.slideTxtBox1 .hd{ float:left; width:100%; height:auto; position:relative; background:url(../images/join7_4.jpg) repeat-x;}
.slideTxtBox1 .hd ul{ float:right; width:100%; overflow:hidden; padding-top:0;}
.slideTxtBox1 .hd ul li{ float:left; width:100%; height:auto; cursor:pointer; text-align:left; margin-top:0; color:#000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding-bottom:10px;}
.slideTxtBox1 .hd ul li .span1{ float:left; font-size:15px; line-height:25px; margin-top:10px; margin-left:20px;}
.slideTxtBox1 .hd ul li .span2{ float:left; font-size:13px; line-height:18px; margin-top:2px; height:auto; margin-left:20px; clear:both;}
.slideTxtBox1 .hd ul li.on{ background:#000; color:#e3c19e;}
.slideTxtBox1 .bd{ float:left;}
.slideTxtBox1 .bd ul{ float:left; width:100%; zoom:1;}
.slideTxtBox1 .bd li{ width:100%; overflow:hidden;}
.slideTxtBox1 .bd li img{ display:block; width:100%;}

/*coming*/
.banner_coming{ display:none;}
.banner_coming_mobile{ display:block; width:100%; overflow:hidden;}
.banner_coming_mobile img{ display:block; width:100%;}

.coming1{ width:94%; margin:0 auto; overflow:hidden;}
.coming1_1{ width:100%; font-size:18px; color:#674937; line-height:28px; margin-top:30px;}
.coming1_2{ width:100%; font-size:16px; color:#674937; line-height:26px; margin-top:10px;}

.coming2{ width:94%; margin:30px auto 0 auto; overflow:hidden; padding-bottom:30px;}
.coming2_1{ display:block; float:none; max-width:100%; margin:0 auto;}
.coming2_2{ display:block; float:none; max-width:100%; margin:30px auto 0 auto;}

/*team*/
.banner_team{ display:none;}
.banner_team_mobile{ display:block; width:100%; overflow:hidden;}
.banner_team_mobile img{ display:block; width:100%;}

.team1{ width:100%; overflow:hidden; padding:30px 0 0 0;}

.team1_1{ width:94%; margin:30px auto 0 auto; overflow:hidden;}
.team1_2{ float:left; display:block; width:283px; max-width:55%; margin-top:0;}
.team1_3{ float:right; display:block; width:100%; margin-top:30px;}

.team1_4{ width:94%; margin:50px auto 0 auto; overflow:hidden; position:relative;}
.team1_5{ position:relative; top:0; left:0; z-index:15; width:357px; max-width:65%; margin-top:0; float:left;}
.team1_6{ float:right; position:relative; z-index:10; width:100%; margin-top:25px;}
.team1_7{ position:relative; bottom:0; right:0; z-index:15; width:288px; max-width:60%; float:right; margin-top:25px;}
.team1_8{ float:left; position:relative; z-index:1; margin-top:25px; width:100%;}
.team1_9{ width:94%; margin:30px auto 0 auto; overflow:hidden; text-align:left; font-size:15px; color:#997055; line-height:30px;}

.team2{ width:100%; overflow:hidden; padding:30px 0 0 0; padding-bottom:30px;}

.team2_1{ width:94%; margin:30px auto 0 auto; overflow:hidden;}
.team2_2{ float:left; display:block; width:100%;}
.team2_3{ float:left; display:block; margin-left:0; margin-top:30px; width:auto; max-width:78%;}
.team2_4{ float:left; clear:both; max-width:35%; display:block; margin-left:0; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.team2_4:hover{ margin-top:0;}

.team2_5{ float:right; display:block; width:100%; overflow:hidden;}
.team2_6{ float:left; display:block; margin-top:30px; width:auto; max-width:78%;}
.team2_7{ float:left; clear:both; max-width:35%; display:block; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.team2_7:hover{ margin-top:0;}

.team3{ width:94%; margin:30px auto 0 auto; overflow:hidden;}
.team3_1{ float:left; display:block; width:100%; position:relative; z-index:10;}
.team3_2{ float:right; display:block; width:100%; margin-top:-40px;}

/*team*/
.banner_college{ display:none;}
.banner_college_mobile{ display:block; width:100%; overflow:hidden;}
.banner_college_mobile img{ display:block; width:100%;}

.college1{ width:100%; overflow:hidden; background:#f5f5f5; padding:30px 0 0 0;}
.college1_1{ display:none;}
.college1_2{ display:block; width:100%; margin-top:-80px;}

.college2{ width:100%; overflow:hidden; background:#f7f7f7; padding:30px 0 30px 0;}
.college2_1{ display:block; margin:30px auto 0 auto; max-width:94%;}

.college3{ width:100%; overflow:hidden; padding:30px 0 30px 0;}
.college3_1{ display:block; margin:30px auto 0 auto; max-width:94%;}

.college4{ margin-top:0;}

.college5{ width:94%; position:relative; left:0; margin:0 auto; overflow:hidden; background:#000; padding:30px 3%;}

/* 本例子css */
.picScroll-left{ float:right; width:100%; overflow:hidden; position:relative; margin-right:0;}
.picScroll-left .hd{ overflow:hidden; width:130px; height:20px; position:absolute; bottom:0; left:0; z-index:969999;}
.picScroll-left .hd .prev{ display:block; width:9px; height:14px; float:left; margin-top:3px; overflow:hidden; cursor:pointer; background:url(../images/college5_8.png) no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.picScroll-left .hd .next{ display:block; width:9px; height:14px; float:left; margin-top:3px; overflow:hidden; cursor:pointer; background:url(../images/college5_9.png) no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.picScroll-left .hd .hd_img{ float:left; margin:0 10px; outline:none;}
.picScroll-left .hd .prev:hover{ background:url(../images/college5_8_1.png) no-repeat;}
.picScroll-left .hd .next:hover{ background:url(../images/college5_9_1.png) no-repeat;}

.picScroll-left .bd{ float:right; width:80%; overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; margin-right:26px; width:240px; cursor:pointer;}
.picScroll-left .bd ul li .bd_li1{ display:block; width:240px; height:240px;}
.picScroll-left .bd ul li .bd_li2{ width:240px; height:80px; background:#997055; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.picScroll-left .bd ul li .bd_li3{ float:left; width:80%; font-size:16px; color:#FFF; font-weight:bold; padding:0 10%; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:12px;}
.picScroll-left .bd ul li .bd_li4{ float:left; width:80%; font-size:14px; color:#FFF; padding:0 10%; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:2px;}
.picScroll-left .bd ul li:hover .bd_li2{ background:url(../images/college5_5.jpg) no-repeat;}
.picScroll-left .title_img{ position:absolute; top:0; left:0; max-width:14%; width:54px;}

.college6{ width:100%; overflow:hidden; padding:30px 0 30px 0;}
.college6_1{ display:block; margin:30px auto 0 auto; max-width:94%;}

/* news css */
.news{ width:94%; margin:0 auto 0 auto; overflow:hidden; padding-top:70px;}
.news_title{ width:100%; overflow:hidden; text-align:left; font-size:16px; font-weight:bold; color:#674937;}
.news_title span{ font-size:14px; font-family:"Arial"; color:#b3a49b; font-weight:normal;}

.news_list{ width:100%; overflow:hidden; margin-top:20px;}
.news_list li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:20px 0;}
.news_list li a{ display:block; width:100%; overflow:hidden; padding:10px 0;}
.news_list1{ float:left; display:block; width:25%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list2{ float:right; width:70%; overflow:hidden; text-align:left;}
.news_list3{ width:100%; font-size:18px; font-weight:bold; color:#444444; line-height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list4{ width:100%; font-size:14px; color:#888888; line-height:24px; height:48px; margin-top:10px; overflow:hidden;}
.news_list5{ font-size:14px; color:#888; line-height:16px; margin-top:7px;}
.news_list li a:hover .news_list3{ color:#694a37;}
.news_list li a:hover .news_list1{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.page{ width:100%; overflow:hidden; padding:20px 0 30px 0; font-size:14px;}
.page span{ color:#444444; display:inline-block; height:30px; line-height:30px; padding:0 5px; margin:10px 1px 0 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a{ color:#444444; display:inline-block; height:30px; line-height:30px; padding:0 5px; margin:10px 1px 0 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span:hover{ background:#674937; color:#FFF; cursor:pointer;}
.page a:hover{ background:#674937; color:#FFF;}

/* newsIn css */
.newsIn{ width:94%; margin:0 auto 0 auto; overflow:hidden; text-align:left; padding-top:70px;}
.newsIn1{ width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#444444; line-height:36px; margin-top:30px;}
.newsIn2{ width:100%; overflow:hidden; font-size:14px; color:#a1a1a1; line-height:26px; margin-top:5px;}
.newsIn3{ width:100%; overflow:hidden; font-size:14px; color:#666666; line-height:24px; padding:30px 0 30px 0;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:100%; overflow:hidden;}
.pageIn1{ float:left; width:38px; height:38px; border:1px solid #674937; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; margin-right:20px; background:url(../images/news1.png) no-repeat center center; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:block;}
.pageIn2{ float:left; width:38px; height:38px; border:1px solid #674937; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; margin-right:20px; background:url(../images/news2.png) no-repeat center center; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:block;}
.pageIn1:hover{ background:#674937 url(../images/news1_1.png) center center no-repeat;}
.pageIn2:hover{ background:#674937 url(../images/news2_1.png) center center no-repeat;}

.pageIn3{ float:left; margin-top:4px;}
.pageIn4{ float:left; overflow:hidden; margin-left:20px;}
.pageIn4_1{ float:left; width:38px; height:38px; border:1px solid #674937; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; margin-right:13px; background:url(../images/news4.png) no-repeat center center; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:block;}
.pageIn4_2{ float:left; font-size:15px; color:#666666; height:38px; line-height:38px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn4:hover .pageIn4_1{ background:url(../images/news4_1.png) no-repeat center center #674937;}
.pageIn4:hover .pageIn4_2{ color:#674937;}

}