@import "comm.css";
/**==========鍝佺墝涓績==================**/
body{background: #f5f5f5;}


.brand-banner{position: relative;z-index:1;width: 100%;height: 500px;overflow: hidden;}
.brand-banner img{display: block;position: absolute;top:0;left:50%;margin-left:-960px;width: 1920px;height: 500px;}
.brand-left{ position: relative; z-index: 2; width: 235px;padding: 0 0 35px 0;margin:-100px 0 0 0;background: url(../images/ppimg/brand_shadow.png) left bottom no-repeat;}
.brand-left-hd{height: 100px; background: url(../images/ppimg/brand_hd.gif) no-repeat;}
.brand-left-hd strong,.brand-left-hd span{display: block;padding:0 0 0 90px;font-weight: normal;}
.brand-left-hd strong{padding-top:20px;font-size: 26px;color: #fff;line-height: 40px;}
.brand-left-hd span{font-size: 18px; color: #caa666;line-height: 20px; font-family: Arial, Helvetica, sans-serif;}
.brand-left-bd{background: #fff;border-right: 10px solid #8b442b;}
.brand-left-bd li a{position: relative; display: block;height: 49px;padding:0 0 0 90px; overflow: hidden; line-height: 49px;font-size: 16px;color: #333;letter-spacing: 2px;border-bottom: 1px solid #eee;}
.brand-left-bd li a:before{position: absolute;left:0;bottom:0;height: 100%;width: 100%;content: ''; transition: all linear .3s;}
.brand-left-bd li a em{position: relative; z-index: 2; font-style: normal;}
.brand-left-bd li a i{position: absolute;left:60px;top:17px;width: 15px;height: 15px;font-size:0;line-height:0;background: url(../images/ppimg/brand_dot.png) left top no-repeat;transition: none; }
.brand-left-bd li.on a,
.brand-left-bd li a:hover{color: #fff;}
.brand-left-bd li.on a:before,
.brand-left-bd li a:hover:before{background: #333;}
.brand-left-bd li.on a i,
.brand-left-bd li a:hover i{background: url(../images/ppimg/brand_dot.png) left bottom no-repeat;}
.brand-right{width: 920px;padding: 0 0 70px 0;}
.brand-path{font-size: 16px;text-align: right;line-height: 60px;}
.brand-btns{width: 870px;margin: 0 auto;}
.brand-btns ul li{float: left;width: 240px;height: 240px;margin: 0 75px 0 0;}
.brand-btns ul li.last{margin: 0;}
.brand-btns a{display: block;position: relative;width: 240px;height: 240px;overflow: hidden;transform-style: preserve-3d;}
.brand-btns i{display: block;width: 80px;height: 80px;margin: 0 auto 5px;padding:48px 0 0 0;}
.brand-btns .brand-statu1{position: relative; z-index: 1; width: 240px;height: 240px;text-align: center;background: url(../images/ppimg/brand_btn.png) no-repeat;transition: all linear .3s;}
.brand-btns .brand-statu1 b{display: block;font-size: 24px;color: #666;font-weight: normal;line-height: 35px;}
.brand-btns .brand-statu1 span{display: block;font-size: 16px;color: #666; font-family: Arial, Helvetica, sans-serif;}
.brand-btns .brand-statu2{opacity: 0; position: absolute;z-index: 2; left: 0;top: 0;width: 240px;height: 240px;background: url(../images/ppimg/brand_btn_hover.png) no-repeat; transform: rotate3d(0,1,0,180deg); transition: all linear .3s;display: none\9;}
.brand-btns .brand-statu2 p{width: 180px;margin:0 auto; padding: 55px 0 0 0;font-size: 16px;color: #666;line-height: 24px;}
.brand-btns .brand-statu2 span{position: absolute;left: 0;bottom: 0; width: 100%;height: 65px;font-size: 18px;line-height: 55px;text-align: center;color: #fff;}
.brand-btns a:hover .brand-statu1{opacity: 0; transition: all linear .1s;}
.brand-btns a:hover .brand-statu2{opacity: 1; transform: rotate3d(0,1,0,0deg);display: block\9;}


/***==闄㈤暱瀵勮==**/
.brand-right-hd{ height: 100px; line-height: 100px; font-size: 48px;color: #8b442b;font-weight: normal;}

.brand-right .pagelist{margin: 0 0 70px 0;}

.brand-main2{padding:20px 0 50px 0;background: #fff;}
.brand-main2 .brand-right{width: 915px; margin:0 0 0 285px; padding: 0;}


.brnad-qs-box{width:915px; overflow: hidden; font-size: 16px;line-height: 30px; color: #666;}
.brnad-qs-box h2{height:60px;line-height:60px;font-size: 20px;font-weight: normal;color: #fff;text-align: center;}
.brnad-qs-box p{margin: 2em 0 0 0; text-indent: 2em;}
.brnad-qs-bd{padding: 0 45px 30px;overflow: hidden; zoom: 1;}
.brand-qs-info{margin: 20px 0 70px; height: 380px; background: url("../images/ppimg/qs_bg.gif") no-repeat;}
.brand-qs-nav{width: 915px;}
.brand-qs-nav li{float:left;width: 228px;transition: all linear .3s;}
.brand-qs-nav i{display: block;width: 160px;height: 160px;margin: 0 auto 10px; transition: all linear .3s;}
.brand-qs-nav li:hover{transform: translateY(-10px);}
.brand-qs-nav li:hover i{background-position: left bottom;}
.brand-qs-nav h3{width: 4em;height: 50px; margin:0 auto; line-height: 50px; font-size: 24px;font-weight: normal; border-bottom: 2px solid #b1813c;}
.brand-qs-nav p{margin:10px 0 0 0;font-size: 16px;text-align: center;line-height: 25px;}
.barnd-qs-nav1 i{background-image: url("../images/ppimg/qs1.png")}
.barnd-qs-nav2 i{background-image: url("../images/ppimg/qs2.png")}
.barnd-qs-nav3 i{background-image: url("../images/ppimg/qs3.png")}
.barnd-qs-nav4 i{background-image: url("../images/ppimg/qs4.png")}


.brand-jm-info{height: 239px;margin: 20px 0 50px;background: url("../images/ppimg/jm_bg.gif");}
.brand-jm-focus{}
.brand-jm-focus .bd{position:relative;width: 915px; height: 610px;overflow: hidden;}
.brand-jm-focus .bd li{ width: 915px; height: 610px;overflow: hidden;}
.brand-jm-focus .bd .item{float: left;width: 447px;margin: 0 21px 24px 0;}
.brand-jm-focus .bd .nomar{margin-right: 0;}
.brand-jm-focus .bd .item img{display: block;width: 447px;height: 240px;margin: 0 0 13px 0;}
.brand-jm-focus .bd .item p{height: 30px;line-height: 30px;overflow: hidden;text-align: center;font-size: 16px;color: #666;}
.brand-jm-focus .hd{text-align: center;font-size: 0;line-height: 0;margin: 13px 0 0 0;}
.brand-jm-focus .hd li{display: inline-block;width: 12px;height: 12px;margin: 0 5px;overflow:hidden; border-radius: 6px; text-indent: -9999px;background: #b1813c; *display: inline; *zoom: 1; cursor: pointer;}
.brand-jm-focus .hd li.on{width: 52px;transition: all linear .2s;}