@charset "utf-8";
/* CSS Document */
html{color:#333; font-size:14px; line-height:24px;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0; font-family:microsoft yahei; }
ol,ul,li {list-style:none;}
h1,h2{ font-weight:bold;}
a{ text-decoration:none;}
img{ border:none; vertical-align:top}
i,em{ font-style:normal}
body{background: #f6f6f6;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
.cl:after{height:0;font-size:0;content:".";visibility:hidden;clear:both;display:block;}
.cl{zoom:1;}
.pr{ position:relative}

.wrap{width: 1200px;padding:0 80px 60px;background: #fff;margin:0 auto;border-bottom: 4px solid #ab8756}
.w1140{width: 1140px;margin:0 auto;}
.w1200{ width:1200px; margin:0 auto}
.mg25{margin:25px 0;}
.mg20{margin:0 19px;}
.mt40{ margin-top:40px}
.mb40{ margin-bottom:40px}
.mt20{margin-top: 20px;}
.pdb60{padding-bottom: 60px;}
strong{color:#ab8756;}
p.text{text-indent: 2em;line-height: 36px;font-size: 16px;text-align: justify;}

.flow{overflow:hidden;}
.topbg{ background:url(images/banner_bg.jpg) no-repeat center top; height:760px;overflow: hidden;}
.topbg .w1200{height: 100%;}
.logo{ position:absolute; top:-160px; right:0;width: 300px;}
.txt{ position:absolute; top:100px; left:-200%;width: 1134px;margin-left: -567px;}
.lead{position:absolute;bottom:-200px;right:0;border:1px solid #d1bfa7;padding: 30px 8px 30px 66px;width: 810px;}
.lead p{ font-size:14px;line-height: 30px;text-indent: 2em;}
.topbg i{background: url(images/lead_icon.jpg) no-repeat;width: 88px;height: 80px;position: absolute;bottom: 73px;left: -38px;}

.title{ width:100%;text-align: center;padding-top: 55px;margin-bottom: 40px;}
.title em{width: 30px;height: 3px;display: inline-block;*display: inline;*zoom:1;background: #c8561a;}
.title h2{color:#000;font-size: 36px;position: relative;line-height: 1.5;}
.titleb h2,.titleb span{color:#fff;}
.title span{text-transform: uppercase;font-size: 24px;}

.combine dd,.combine dt{float: left;width: 596px;text-align: center;}
.part02 dl dd{width: 500px;margin-left: 70px;}
.part02 dl dd .info{background: url(images/part02-02.png) no-repeat;width: 479px;height: 249px;margin: 30px 0 0 32px;}
.part02 dl dd .info p{text-indent: 2em;width: 170px;padding:24px 0 0 22px;text-align: left;}

.part03 ul li{position: relative;width: 580px;height: 290px;float: left;margin-bottom: 40px;}
.part03 ul li.mgr20{margin-right: 20px;}
.part03 ul li.mgl20{margin-left: 20px;}
.part03 ul .message{width: 195px;height: 75px;background: #e7e9e6;position: absolute;right:0;bottom: 0;padding:20px;text-align: center;line-height: 1.4;}
.part03 ul .message span{font-size: 12px;text-transform: uppercase;letter-spacing: -1px;color: #999999}
.part03 ul .message blockquote{font-size: 14px;}

.part04 .info_box{background: #ab8756;padding: 20px;margin-top: -23px;width: 127px}
.slider02 a,.slider01 a{position: absolute;top:38%;width: 80px;height: 80px;background: #eeeeee;z-index: 9;}
.slider02 a.prev,.slider01 a.prev{left: -123px;}
.slider02 a.next,.slider01 a.next{right: -123px}
.part04 h4{font-size: 24px;font-weight: bold;text-align: center;}
.part04 .slider01 .bd li dl{width: 600px;float: left;position: relative;}
.part04 .slider01 .bd li dl dt{position: relative;z-index: 1;}
.part04 .slider01 .bd li dl dd.one{display: inline-block;color: #fff;position: relative;z-index: 1;margin-left: 35px;}
.part04 .slider01 .bd li dl dd.one .info_box  h4{font-size: 24px;font-weight: normal;text-align: left;}
.part04 .slider01 .bd li dl dd.one .info_box em{font-size: 10px;text-transform: uppercase;display: block;}
.big_bd dl dd em h4:after,.text_box h4:after,.product dl dd h5:after,.part04 .slider01 .bd li dl dd.one .info_box em:after{content: "";width: 24px;height: 4px;background: #ffffff;display: block;}
.part04 .slider01 .bd li dl dd.brd{border:2px solid #333333;width: 450px;height: 392px;position: absolute;top:20px;right: 10px;z-index: 0;}
.part04 .slider01 .bd li dl dd.brd blockquote{position: absolute;bottom: -12px;right: 90px;font-size: 18px;background: #fff;padding:0 60px;}
.part04 .slider01 .same {text-align: center;}
.part04 .slider01 .same li{width: 10px;height: 10px;border-radius: 100%;background: #999999;display: inline-block;margin: 0 5px;}
.part04 .slider01 .same li.on{background: #ab8756;}
.part04 .slider01 .same{border-bottom: 1px solid #ddd}
.part04 .slider01 .same ul{vertical-align: bottom;display: inline-block;background: #fff;padding:0 20px;margin: 0 0 -12px 0;}
.product dl{background: url(images/line_bg.png) repeat;width: 50%;float: left;}
.product dl dd{padding:45px 58px 0;height: 229px}
.big_bd dl dd{width: 620px;float: right;}
.p_txt,.part07 dl dd p,.part06 dl dd p,.big_bd dl dd em p,.small_hd p,.product dl dd p{text-indent: 2em;font-size: 14px;}
.big_bd dl dd em h4,.text_box h4,.product dl dd h5{font-size: 24px;line-height: 2.5;margin-bottom: 20px;}
.big_bd dl dd em h4:after,.text_box h4:after,.product dl dd h5:after{background: #ab8756;}
.small_hd ul{margin-top: 50px;}
.big_bd dl dd em h4{margin-bottom: 0;line-height: 1.8}

/*.slider02 a{}*/
.part05 .slider02 .big_bd .tempWrap>ul li{position: relative;}
.part05 .slider02 .big_bd .tempWrap>ul li dt{width: 580px;height: 406px;float: left;}
.part05 .slider02 .big_bd .tempWrap>ul li dd em{display: block;width: 290px;height: 194px;float: left;margin:0 0 20px 20px;}
.part05 .slider02 .big_bd .tempWrap>ul li .brd{border:3px solid #ab8756;width: 1194px;height: 340px;position: absolute;top:30px;left: 0}
.small_hd {width: 490px;float: left;margin:90px 0 0 60px;}
.small_hd ul li {width: 76px;height: 26px;border:2px solid #ab8756;text-align: center;font-size: 14px;color: #ab8756;margin-right: 10px;float: left;cursor:pointer;}
.small_bd {width: 570px;height: 406px;float: left;margin-left: 30px;}
.small_hd ul li.on{background: #ab8756;color: #fff}
.videoWrap{margin-top: 55px;}

.same a{position: absolute;top:33%;width: 39px;height: 70px;}
.same a.prev{background: url(images/left_btn.png) center no-repeat;left: -60px;z-index: 9}
.same a.next{background: url(images/right_btn.png) center no-repeat;right:-60px;z-index: 9}
/*新零售画卷*/
.part06 dl dt{width: 565px;float: left;}
.part06 dl dd{width: 600px;float: right;line-height: 2.5;padding-top: 25px}
.part06 dl dd p{font-size: 18px;}

.part07 dl dt{width: 370px;height: 100px;float: left;}
.part07 dl dd{width: 805px;float: right;}

.part08 .wrap{background: transparent;border:none;text-align: center;}
.part08 .left{width:553px;display: inline-block;vertical-align: top}
.part08 h5{font-size: 24px;margin-bottom: 18px;}
.part08 .right{width: 410px;display: inline-block;margin-left: 45px;}
.part08 .right dl dt{width: 128px;float: left;}
.part08 .right dl dt h6{font-size: 14px;font-weight: bold;font-family: "思源黑体";margin-top: 10px;}
.part08 .right dl dd{width: 240px;float: left;text-align: left;border-left: 1px solid #ab8756;line-height: 30px;padding-left: 20px;margin-left: 20px;}
.part08 .right dl dd span{display: block;}

/*导航*/
.nav_r {
    position: fixed;
    right: 30px;
    top: 100px;
    font-size: 0;
    display: none;
    text-align: right;
}

.nav_r ul {
    margin-right: 20px;
}

.nav_r li {
    font: 16px/48px microsoft yahei;
    color: #363538;
    text-align: right;
}

.nav_r li span {
    display: none
}

.nav_r li i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 1px solid #a1a1a1
}

.nav_r li a {
    display: block;
    color: #ab8756;
}

.nav_r li a.cur span {
    color: #ab8756;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-right: 10px;
}

.nav_r li a.cur i {
    background: #ab8756;
    border-color: #ab8756
}

.focus {
    font-size: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-align: center;
}

.nav_r span b {
    color: #ab8756;
    font-size: 16px;
    font-weight: normal;
}

.nav_r strong {
    display: block;
    font-size: 16px;
    color: #3d3d3d;
    text-align: center;
    margin: -10px 0 10px 0;
}

.nav_r a.top {
    display: block;
    padding-right: 21px;
}