@media screen and (min-width:1025px) and (max-width:1201px){
@charset "utf-8";

/*首页*/
.center{ width:1024px; margin:0 auto;}

.header{ position:absolute; top:0; left:50%; margin-left:-512px; width:1024px; overflow:hidden; z-index:10;}
.logo{ float:left; display:block; width:150px;}
.nav{ float:right; margin-top:53px;}
.nav li{ float:left; margin-left:88px;}
.nav li a{ font-size:18px; color:#674937; display:block; line-height:30px;}
.nav li a:hover{ color:#eb1028;}
.nav li .a_on{ color:#eb1028;}

.mobile_bg{ display:none;}

/* banner css */
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative; display:block;}
.slideBox .bd{ position:relative; width:100% !important; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ width:100% !important; height:600px; zoom:1; vertical-align:middle;}
.slideBox .prev{ position:absolute; left:5%; top:50%; margin-top:-29px; display:block; width:59px; height:59px; background:url(../images/banner_l.png) center center 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; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.slideBox .next{ position:absolute; right:5%; top:50%; margin-top:-29px; display:block; width:59px; height:59px; background:url(../images/banner_r.png) center center 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; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.slideBox .prev:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.slideBox .next:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.swiper-container { display:none;}

.index1{ width:100%; height:300px; background:#7a5a43; position:relative; z-index:10;}
.index1_1{ display:block; float:left; margin-top:82px; margin-left:5%; max-width:45%;}
.index1_2{ float:right; margin-top:-109px; position:relative; right:0; margin-right:0;}
.index1_3{ float:left; width:330px; padding:0 70px; height:409px; background:url(../images/index1_3.jpg) repeat-x; -webkit-border-radius:55px 0 0 0; -moz-border-radius:55px 0 0 0; border-radius:55px 0 0 0; overflow:hidden; text-align:left;}
.index1_3_1{ float:left; width:100%; overflow:hidden; font-size:30px; line-height:40px; color:#FFF; margin-top:40px;}
.index1_3_1 b{ font-size:30px;}
.index1_3_2{ float:left; width:100%; overflow:hidden; font-size:18px; line-height:28px; color:#FFF; margin-top:10px; margin-bottom:10px;}
.index1_3_3{ float:left; width:260px; padding:0 20px; height:40px; border:1px solid #ddcab8; background:none; outline:none; font-family:"微软雅黑"; color:#FFF; font-size:16px; margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.index1_3_4{ float:left; width:50px; padding:0 20px; height:40px; border:1px solid #ddcab8; background:none; outline:none; font-family:"微软雅黑"; color:#FFF; font-size:16px; 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:16px; 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:130px auto 0 auto; width:623px;}
.index2_2{ width:100%; overflow:hidden; font-size:30px; color:#555555; line-height:40px; margin-top:30px;}
.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:inline-block; width:225px; height:50px; line-height:50px; background:url(../images/index2_4.jpg) repeat-y; font-size:24px; font-weight:bold; color:#FFF;}
.index2_4_2{ display:inline-block; height:50px; line-height:50px; font-size:26px; font-weight:bold; color:#694a37; padding:0 10px;}
.index2_5{ width:100%; overflow:hidden; margin-top:45px;}
.index2_5 li{ display:inline-block; font-size:20px; line-height:30px; margin-top:10px; color:#c4a07f; 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.png) left center no-repeat; padding-left:25px;}
.index2_5 li:nth-child(2){ background:url(../images/index2_6.png) left center no-repeat; padding-left:29px;}
.index2_5 li:nth-child(3){ background:url(../images/index2_7.png) left center no-repeat; padding-left:31px;}
.index2_5 li:nth-child(4){ background:url(../images/index2_8.png) left center no-repeat; padding-left:30px;}
.index2_5 li:nth-child(5){ background:url(../images/index2_9.png) left center no-repeat; padding-left:30px;}
.index2_6{ display:block; margin:50px 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:506px; overflow:hidden; background:url(../images/index3_1.jpg) top center no-repeat;}
.index3_1{ display:table; overflow:hidden; font-size:42px; font-weight:bold; color:#444; line-height:52px; margin:110px auto 0 auto;}
.index3_2{ display:table; overflow:hidden; font-size:18px; font-family:"Arial"; color:#999999; line-height:28px; margin:10px auto 0 auto;}
.index3_3{ display:table; overflow:hidden; color:#444; line-height:40px; margin:20px auto 0 auto;}
.index3_3 .span1{ font-size:30px;}
.index3_3 .span2{ font-size:26px; font-weight:bold;}
.index3_3 .span3{ font-size:30px; padding:0 30px;}
.index3_4{ display:table; overflow:hidden; font-size:18px; color:#444; margin:20px auto 0 auto; line-height:28px;}
.index3_5{ display:block; margin:50px 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:703px; background:url(../images/index4_1.jpg) center center no-repeat;}
.index4_1{ width:1024px; margin:0 auto; overflow:hidden;}
.index4_2{ float:left; margin-top:167px; display:block; width:411px;}
.index4_3{ float:right; margin-top:167px; width:500px; text-align:right; color:#FFF;}
.index4_4{ float:left; width:100%; overflow:hidden; font-size:30px; font-weight:bold; line-height:48px;}
.index4_5{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:20px; padding:30px 0;}
.index4_6{ float:right; 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;}
.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; padding:85px 0 130px 0;}
.index5_1{ display:block; margin:0 auto; width:291px;}
.index5_2{ display:table; margin:0 auto; max-width:94%;}
.index5_2 li{ float:left; width:23%; overflow:hidden; margin:90px 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:26px; color:#997055; line-height:36px;}
.index5_5{ font-size:16px; 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:50px auto 0 auto;}
.index5_6:hover{ background:#73543e; color:#FFF; border:1px solid #73543e;}

.index5_7{ width:1064px; height:575px; margin:50px auto 0 auto; background:url(../images/index5_6.png) center center no-repeat;}
.index5_7_1{ float:right; width:310px; margin-right:180px; overflow:hidden; text-align:left;}
.index5_7_2{ float:left; width:100%; overflow:hidden; margin-top:100px; font-size:40px; color:#c0a282; line-height:50px;}
.index5_7_2 span{ color:#333333;}
.index5_7_3{ float:left; width:100%; overflow:hidden; margin-top:15px; font-size:20px; color:#444; line-height:30px; padding-bottom:20px;}
.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:16px; 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:16px; 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:16px; 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:block; width:50%; overflow:hidden;}
.index6_r{ float:left; display:block; width:50%; overflow:hidden;}

.index6_l1{ display:none;}
.index6_r1{ display:none;}

.index7{ width:100%; overflow:hidden; padding:70px 0;}
.index7_1{ width:1024px; margin:0 auto; overflow:hidden; background:url(../images/index7_5.jpg) center center no-repeat;}
.index7_1 li{ float:left; width:50%; overflow:hidden; padding:40px 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:20px;}
.index7_4{ float:left; width:100%; font-size:18px; 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:16px; color:#888888; line-height:24px; height:48px; margin-top:8px; overflow:hidden;}
.index7_6{ float:left; width:100%; font-size:16px; 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:50px;}
.index7_1 li:nth-child(2n-1) .index7_3{ width:357px;}
.index7_1 li:nth-child(2n) .index7_3{ width:327px;}
.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:836px; background:url(../images/index8_1.jpg) top center no-repeat; overflow:hidden;}
.index8_1{ display:block; width:80px; height:30px; margin:550px auto 0 auto; overflow:hidden;}
.index8_2{ display:none;}

.footer{ width:100%; overflow:hidden; background:#070504; padding-top:45px;}
.footer1{ width:1024px; margin:0 auto; overflow:hidden;}
.footer2{ float:left; overflow:hidden; width:140px; text-align:left;}
.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:right; width:117px; overflow:hidden; margin-left:30px;}
.footer3 img{ display:block; width:117px;}
.footer3_1{ color:#FFF; font-size:16px; line-height:36px;}
.footer4{ width:1024px; overflow:hidden; border-top:1px solid #201e1e; border-bottom:1px solid #201e1e; margin:15px auto 0 auto;}
.footer4 li{ float:left; width:auto; overflow:hidden; font-size:16px; color:#838282; line-height:30px; text-align:left; padding:25px 0.5% 25px 6.5%;}
.footer4 li:nth-child(1){ background:url(../images/footer1.png) left 30px no-repeat; width:28.33%;}
.footer4 li:nth-child(2){ background:url(../images/footer2.png) left 30px no-repeat; width:26.33%;}
.footer4 li:nth-child(3){ background:url(../images/footer3.png) left 30px no-repeat; width:24.33%;}
.footer5{ width:1024px; overflow:hidden; margin:0 auto; padding:20px 0 10px 0;}
.footer5 li{ float:left; color:#FFF; font-size:14px; line-height:24px; margin-right:10px;}
.footer5 li a{ color:#FFF; font-size:14px; line-height:24px;}
.footer5 li a:hover{ text-decoration:underline;}
.footer6{ width:1024px; overflow:hidden; font-size:14px; color:#343333; margin:0 auto; line-height:24px; padding-bottom:10px;}
.footer6 a{ font-size:14px; color:#343333;}

.banner{ width:100%; overflow:hidden; height:900px;}
.banner_mobile{ display:none;}
.banner_mobile img{ display:block; width:100%;}

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

.brand1{ width:1024px; margin:-100px auto 0 auto; overflow:hidden; position:relative; z-index:10;}
.brand1_1{ width:100%; font-size:24px; color:#674937; line-height:34px; overflow:hidden; margin-top:30px;}
.brand1_2{ width:100%; overflow:hidden; text-align:left; font-size:18px; line-height:30px; color:#997055; margin-top:45px; padding-bottom:50px;}

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

.brand3{ width:100%; overflow:hidden; padding:70px 0 50px 0;}
.brand3_1{ width:1024; height:800px; margin:70px auto 0 auto; position:relative;}
.brand3_2{ width:1024px; height:424px; position:relative; z-index:1; margin:0 auto;}
.brand3_2 li{ float:left; width:92px; height:424px; position:relative; margin-left:5px; margin-right:18px; cursor:pointer;}
.brand3_2 li:last-child{ margin-right:0;}
.brand3_3{ position:absolute; bottom:0; left:0; display:block; z-index:15; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.brand3_4{ position:absolute; bottom:-50px; left:30px; display:block; z-index:10;}
.brand3_5{ margin:464px auto 0 auto; position:relative; z-index: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;}
.brand3_6{ position:absolute; top:424px; left:88px; z-index:20; width:1024px;}

.brand3_2 li:hover .brand3_3{ bottom:10px;}
.brand3_2 li:hover .brand3_5{ margin:454px auto 0 auto;}

.brand3_1_mobile{ display:none;}

.brand4{ width:100%; overflow:hidden; padding:70px 0 0 0;}
.brand4_1{ float:left; width:50%; display:block; margin-top:70px;}
.brand4_2{ float:left; width:50%; overflow:hidden; margin-top:70px;}
.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;}
.brand4_2 li:hover .brand4_4{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.brand5{ width:100%; overflow:hidden; padding:110px 0 90px 0;}
.brand5_1{ width:888px; overflow:hidden; margin:60px auto 0 auto; padding-bottom:20px;}
.brand5_1 li{ float:left; width:122px; height:61px; border:1px solid #e5e5e5; position:relative; overflow:hidden; margin:20px 12px 0 12px; 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:122px; height:61px; position:relative; z-index:1;}
.brand5_3{ display:block; width:122px; height:61px; position:absolute; z-index:10; top:100%; 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;}
.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:-100%;}
.brand5_1 li:hover .brand5_3{ top:0;}

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

.brand7{ width:100%; height:336px; background:url(../images/brand7_1.jpg) top center no-repeat; position:relative;}
.brand7_1{ float:left; width:623px; max-width:44%; margin-top:100px; margin-left:5%;}
.brand7_3{ position:absolute; width:1920px; height:623px; top:0; left:50%; margin-left:-960px;}
.brand7_2{ float:right; width:51%; overflow:hidden; margin-top:25px;}
.brand7_2 li{ float:right; text-align:left; margin-top:16px; -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:right; font-size:20px; 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:89%;}
.brand7_2 li:nth-child(2){ width:91.4%;}
.brand7_2 li:nth-child(3){ width:93.8%;}
.brand7_2 li:nth-child(4){ width:96.2%;}
.brand7_2 li:nth-child(5){ width:98.6%;}
.brand7_2 li:nth-child(1) a{ background:url(../images/brand7_3.png) left center no-repeat; padding-left:5%; width:77.9%;}
.brand7_2 li:nth-child(2) a{ background:url(../images/brand7_4.png) left center no-repeat; padding-left:5%; width:78.2%;}
.brand7_2 li:nth-child(3) a{ background:url(../images/brand7_5.png) left center no-repeat; padding-left:5%; width:78.4%;}
.brand7_2 li:nth-child(4) a{ background:url(../images/brand7_6.png) left center no-repeat; padding-left:5%; width:78.6%;}
.brand7_2 li:nth-child(5) a{ background:url(../images/brand7_7.png) left center no-repeat; padding-left:5%; width:78.8%;}
.brand7_2 li:nth-child(1):hover{ background:url(../images/brand7_2.png) left center no-repeat;}
.brand7_2 li:hover{ background:url(../images/brand7_2.png) left center no-repeat;}
.brand7_2 li:hover a{ width:91%;}

.swiper-container1 {
	width: 1400px;
	max-width:94%;
	height: auto;
	overflow:hidden;
	margin:85px 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:30px; height:51px; background:url(../images/brand8_3.png) no-repeat; position:absolute; z-index:1; right:0; top:50%; margin-top:50px; 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:30px; height:51px; background:url(../images/brand8_2.png) no-repeat; position:absolute; z-index:1; left:0; top:50%; margin-top:50px; 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:86%;}

/*brand*/
.banner_join{ width:100%; overflow:hidden; height:1200px;}
.banner_join_mobile{ display:none;}
.banner_join_mobile img{ display:block; width:100%;}

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

/* 本例子css */
.slideBox1{ width:1024px; height:auto; overflow:hidden; position:relative; margin:45px auto 0 auto;}
.slideBox1 .bd{ width:916px; margin:0 auto; position:relative; height:100%; z-index:0;}
.slideBox1 .bd li{ zoom:1; vertical-align:middle;}
.slideBox1 .bd img{ width:916px; height:440px; display:block;}
.slideBox1 .hd{ width:916px; overflow:hidden; margin:6px auto 0 auto;}
.slideBox1 .hd ul{ overflow:hidden; zoom:1;}
.slideBox1 .hd ul li{ float:left; width:177px; cursor:pointer; border:1px solid #eee; margin-right:5.2px;}
.slideBox1 .hd ul li:last-child{ margin-right:0;}
.slideBox1 .hd ul li img{ display:block; width:177px;}
.slideBox1 .hd ul li.on{ border:1px solid #674937;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox1 .prev{ position:absolute; left:3%; top:50%; margin-top:0; display:block; width:59px; height:59px; background:url(../images/join1_3.png) no-repeat; 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;}
.slideBox1 .next{ position:absolute; right:3%; top:50%; margin-top:0; display:block; width:59px; height:59px; background:url(../images/join1_4.png) no-repeat; 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;}
.slideBox1 .prev:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.slideBox1 .next:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.swiper-container2{ display:none;}

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

.join2{ width:100%; height:350px; overflow:hidden; position:relative;}
.join2_1{ width:100%; height:350px; -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:22px; line-height:32px; position:absolute; top:65%; left:50%; margin-left:-512px; width:1024px; text-align:right; z-index:10;}

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

.join3_1{ width:100%; height:510px; overflow:hidden; background:url(../images/join3_2.jpg) center bottom repeat-x; margin-top:60px;}

/* 本例子css */
.slideBox2{ width:960px; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.slideBox2 .hd{ width:960px; overflow:hidden;}
.slideBox2 .hd ul{ overflow:hidden; zoom:1;}
.slideBox2 .hd ul li{ float:left; width:204px; height:147px; background:url(../images/join3_3.png) no-repeat; cursor:pointer; margin-right:48px; font-size:18px; color:#FFF; line-height:30px; padding-top:72px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideBox2 .hd ul li:last-child{ margin-right:0;}
.slideBox2 .hd ul li.on{ background:url(../images/join3_4.png) no-repeat;}
.slideBox2 .bd{ width:960px; margin:0 auto; position:relative; height:100%; z-index:0;}
.slideBox2 .bd li{ zoom:1; vertical-align:middle; margin-top:60px; overflow:hidden;}
.slideBox2 .bd li .bd_li1{ float:left; display:block; width:459px;}
.slideBox2 .bd li .bd_li2{ float:right; width:400px; overflow:hidden; text-align:left;}
.slideBox2 .bd li .bd_li3{ float:left; width:100%; font-size:18px; color:#997055; line-height:30px; min-height:60px; 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:22px;}
.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:18px; color:#997055;}

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

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

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

.join4_1{ width:100%; height:589px; background:url(../images/join4_1.jpg) center center no-repeat; margin-top:40px; overflow:hidden;}
.join4_1_1{ display:block; margin:100px auto 0 auto; width:477px;}
.join4_1_3{ width:1024px; margin:0 auto; overflow:hidden;}
.join4_1_3 li{ float:left; width:24%; margin:75px 0.5% 0 0.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:72px; margin:0 auto;}
.join4_1_5{ width:100%; overflow:hidden; font-size:26px; color:#997055; line-height:36px; margin-top:20px;}
.join4_1_6{ width:100%; overflow:hidden; font-size:14px; color:#997055; line-height:27px; margin-top:10px;}
.join4_1_7{ width:100%; overflow:hidden; font-size:16px; color:#FFF; height:44px; line-height:44px; background:#997055; margin-top:15px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px;}
.join4_1_3 li:hover{ margin:65px 0.5% 0 0.5%;}

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

.join5{ width:100%; overflow:hidden; padding:100px 0 0 0;}
.join5_1{ width:100%; height:424px; overflow:hidden; margin-top:50px; background:url(../images/join5_1.jpg) top center no-repeat;}
.join5_2{ width:1024px; overflow:hidden; margin:70px auto 0 auto;}
.join5_2 li{ float:left; width:33.2%; height:148px;}
.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:1px solid #989898;}
.join5_2 li:nth-child(3){ border-bottom:1px solid #989898;}
.join5_2 li:nth-child(4){ border-right:1px solid #989898;}
.join5_2 li:nth-child(5){ border-right:1px solid #989898;}
.join5_3{ font-size:20px; font-weight:bold; color:#FFF; line-height:30px; margin-top:50px;}
.join5_4{ font-size:18px; color:#FFF; line-height:28px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; margin-top:10px;}
.join5_4 a{ font-size:18px; color:#FFF; font-weight:bold;}

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

.join7{ width:100%; overflow:hidden; background:url(../images/join7_1.jpg) top center no-repeat; padding:90px 0 100px 0; position:relative;}
.join7_1{ width:1200px; left:50%; margin-left:-600px; position:relative; overflow:hidden;}

/* tab css */
.slideTxtBox{ float:left; width:1560px; overflow:hidden; margin-top:70px;}
.slideTxtBox .hd{ float:left; width:374px; height:446.5px; position:relative; background:url(../images/join7_4.jpg) repeat-x;}
.slideTxtBox .hd ul{ float:right; width:286px; overflow:hidden; padding-top:50px;}
.slideTxtBox .hd ul li{ float:left; width:286px; height:77px; cursor:pointer; text-align:left; margin-top:12px; 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;}
.slideTxtBox .hd ul li .span1{ float:left; font-size:20px; line-height:30px; margin-top:12px; margin-left:30px;}
.slideTxtBox .hd ul li .span2{ float:left; font-size:16px; line-height:26px; margin-left:30px; clear:both;}
.slideTxtBox .hd ul li.on{ background:#000; color:#e3c19e;}
.slideTxtBox .bd{ float:left;}
.slideTxtBox .bd ul{ float:left; width:738px; zoom:1;}
.slideTxtBox .bd li{ width:100%; overflow:hidden;}
.slideTxtBox .bd li img{ display:block; width:100%;}

.slideTxtBox1{ float:right; width:1560px; overflow:hidden; margin-top:70px;}
.slideTxtBox1 .hd{ float:right; width:374px; height:446.5px; position:relative; background:url(../images/join7_4.jpg) repeat-x;}
.slideTxtBox1 .hd ul{ float:left; width:286px; overflow:hidden; padding-top:50px;}
.slideTxtBox1 .hd ul li{ float:left; width:286px; height:77px; cursor:pointer; text-align:right; margin-top:12px; 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;}
.slideTxtBox1 .hd ul li .span1{ float:right; font-size:20px; line-height:30px; margin-top:12px; margin-right:30px;}
.slideTxtBox1 .hd ul li .span2{ float:right; font-size:16px; line-height:26px; margin-right:30px; clear:both;}
.slideTxtBox1 .hd ul li.on{ background:#000; color:#e3c19e;}
.slideTxtBox1 .bd{ float:right;}
.slideTxtBox1 .bd ul{ float:left; width:738px; zoom:1;}
.slideTxtBox1 .bd li{ width:100%; overflow:hidden;}
.slideTxtBox1 .bd li img{ display:block; width:100%;}

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

.coming1{ width:94%; margin:0 auto; overflow:hidden;}
.coming1_1{ width:100%; font-size:40px; color:#674937; line-height:50px; margin-top:45px;}
.coming1_2{ width:100%; font-size:30px; color:#674937; line-height:40px; margin-top:15px;}

.coming2{ width:1024px; margin:70px auto 0 auto; overflow:hidden; padding-bottom:100px;}
.coming2_1{ display:block; float:left; max-width:47%;}
.coming2_2{ display:block; float:right; max-width:47%;}

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

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

.team1_1{ width:1024px; margin:90px auto 0 auto; overflow:hidden;}
.team1_2{ float:left; display:block; width:25%; margin-top:25px;}
.team1_3{ float:right; display:block; width:71%;}

.team1_4{ width:1024px; margin:90px auto 0 auto; overflow:hidden; position:relative;}
.team1_5{ position:absolute; top:70px; left:0; z-index:15; width:29%;}
.team1_6{ float:right; position:relative; z-index:10; width:73%;}
.team1_7{ position:absolute; bottom:50px; right:0; z-index:15; width:24%;}
.team1_8{ float:left; position:relative; z-index:1; margin-top:-160px; width:73%;}
.team1_9{ width:1024px; margin:70px auto 0 auto; overflow:hidden; text-align:left; font-size:18px; color:#997055; line-height:30px;}

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

.team2_1{ width:1024px; margin:30px auto 0 auto; overflow:hidden;}
.team2_2{ float:left; display:block; width:62%;}
.team2_3{ float:left; display:block; margin-left:55px; margin-top:80px; width:32%;}
.team2_4{ float:left; display:block; margin-left:55px; margin-top:50px; -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:45px;}

.team2_5{ float:right; display:block; width:62%;}
.team2_6{ float:left; display:block; margin-top:80px; width:32%;}
.team2_7{ float:left; display:block; margin-top:50px; -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:45px;}

.team3{ width:1024px; margin:100px auto 0 auto; overflow:hidden;}
.team3_1{ float:left; display:block; width:47%;}
.team3_2{ float:right; display:block; width:47%;}

/*college*/
.banner_college{ width:100%; overflow:hidden; height:700px;}
.banner_college_mobile{ display:none;}
.banner_college_mobile img{ display:block; width:100%;}

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

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

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

.college4{ margin-top:100px;}

.college5{ width:1920px; position:relative; left:50%; margin-left:-960px; overflow:hidden; background:#000; padding:100px 0;}

/* 本例子css */
.picScroll-left{ float:right; width:1516px; overflow:hidden; position:relative; margin-right:-50px;}
.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 20px; 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:1386px; 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:350px; cursor:pointer;}
.picScroll-left .bd ul li .bd_li1{ display:block; width:350px; height:350px;}
.picScroll-left .bd ul li .bd_li2{ width:350px; height:122px; 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:18px; color:#FFF; font-weight:bold; padding:0 10%; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:33px;}
.picScroll-left .bd ul li .bd_li4{ float:left; width:80%; font-size:16px; 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;}

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

/* news css */
.news{ width:1024px; margin:230px auto 0 auto; overflow:hidden;}
.news_title{ width:100%; overflow:hidden; text-align:left; font-size:26px; font-weight:bold; color:#674937;}
.news_title span{ font-size:20px; 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:30px 0;}
.news_list li a{ display:block; width:100%; overflow:hidden; padding:10px 0;}
.news_list1{ float:left; display:block; width:106px; height: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;}
.news_list2{ float:right; width:894px; overflow:hidden; text-align:left;}
.news_list3{ width:100%; font-size:26px; font-weight:bold; color:#444444; line-height:26px; 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:16px; color:#888888; line-height:24px; height:48px; margin-top:10px; overflow:hidden;}
.news_list5{ font-size:16px; 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:50px 0 60px 0; font-size:16px;}
.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:1024px; margin:200px auto 0 auto; overflow:hidden; text-align:left;}
.newsIn1{ width:100%; overflow:hidden; font-size:26px; font-weight:bold; color:#444444; line-height:36px; margin-top:45px;}
.newsIn2{ width:100%; overflow:hidden; font-size:16px; color:#a1a1a1; line-height:26px; margin-top:5px;}
.newsIn3{ width:100%; overflow:hidden; font-size:16px; color:#666666; line-height:24px; padding:30px 0 50px 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:20px; 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;}

}