*,:before,:after{  box-sizing:inherit !important; -webkit-box-sizing:inherit !important; -moz-sizing:inherit !important; }
@media screen and (max-width:1230px){
.block{width:auto;}
img{max-width:100%;}

.home6{height:750px;}

.header2{background-size:auto 100%;height:105px;}
/*.footer{height:150px;}*/

.demo1{height:1000px; background-size:cover;}

.demo3{height:700px;}
.demo5{height:700px;}

.demo2{height:1600px;}
.demo2 .b{bottom:-190px;}

.demo2a{height:1920px;background-position:center 780px;}
.demo3 .frame .child .item{width:288px;}
.demo3 .frame .child .item h3{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.demo5 .item .pic{margin:0 20px;height:200px;}
.demo5 h1{padding-top:100px;}
}

/*xf part20170104*/
.wrap{ position: relative; width: 1230px; margin: 0 auto;}
.body{ overflow: inherit;}
.headborder{ border-bottom: 1px solid #dbdbdb;}
.langborder{ border: 1px solid #707070 !important; color: #707070 !important;}

/* 弹窗 */
.popWindow{ position:fixed; left:0; top:0; width:100%; height:100%; font-size:0; letter-spacing:-1.5em; text-align:center; overflow:auto; z-index:999; background: url(../image/xf/opacity_b50.png); display:none;}
.popWindow:after{ content:''; display:inline-block; vertical-align:middle; width:0; height:100%; overflow:hidden;}
.popWindow .overlay{ position:absolute; left:0; top:0; width:100%; height:100%;}
.popWindow .dialog{ display:inline-block; background:#fff; vertical-align:middle; letter-spacing:0; position:relative; overflow:auto; font-size:14px; color:#474747; text-align:left;}
.popWindow .close{ position:absolute; right:0; top:0; background:url(../image/xf/pop-close.png) center no-repeat; width:76px; height:76px; z-index:1; overflow:hidden;}

.alert .dialog{ width: 800px; }
.alert .cont{ padding:84px 50px 40px 100px;}
.alert .cont h1{ font-size: 24px; margin-bottom: 18px;}
.alert .cont h2{ font-size: 18px; margin-bottom: 12px;}
.alert .cont .table{ overflow: hidden; margin-bottom: 12px;}
.alert .cont .table p{ float: left; min-width: 290px; padding-right:20px; font-size: 18px; line-height: 1.5; margin-bottom: 8px;}
.alert .cont .list{ margin-bottom: 20px;}
.alert .cont .list ul{}
.alert .cont .list li{ font-size: 14px; color: #707070;}
.alert .cont .link{ display: block; width: 256px; height: 42px; font-size: 16px; color: #fff; line-height: 42px; background-color: #900208; border: 1px solid #a7a7a7; text-align: center; margin-top: 34px;}

.alert  .dialog .ld_tc{ height:500px; }
.ld_tc .scroll .mCSB_inside > .mCSB_container{ margin-right:0; }
.ld_tc .mCSB_dragger .mCSB_dragger_bar{ background:#4169a6 !important; }


#map{ height: 600px;}

.pos-rel{ position: relative;}
.pos-abs{ position: absolute;}
.pos-fix{ position: fixed;}

.page{ position: relative; padding: 23px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-align: center; font-size: 0; font-family: Arial;}
.page .prev, .page .next{ position: absolute; top: 50%; margin-top: -10px; text-transform: uppercase; background: url(../image/xf/icon2.png) no-repeat; font-size: 14px; line-height: 20px; color: #474747;}
.page .prev{ left: 36px; padding-left: 22px; background-position: left top;}
.page .next{ right: 36px; padding-right: 22px; background-position: right bottom;}
.page .prev:hover, .page .next:hover{ color: #909090;}
.page ul{ display: inline-block; font-size: 14px; line-height: 20px; color: #909090; overflow: hidden;}
.page li{ position: relative; float: left; padding-left: 5px; width: 30px;}
.page li + li:after{ content: '/'; position: absolute; left: 0; top: 0;}
.page li a{}
.page li a.cur, .page li a:hover{ color: #474747;}

.t_list{ padding-bottom: 10px;}
.t_list ul{ margin: 0 -12px;}
.t_list li{ position: relative; float: left; width: 394px; height: 374px; margin: 0 12px 50px; overflow: hidden;
	-webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.13);
	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.13);
}
.t_list .img{ height: 254px; overflow: hidden;}
.t_list .cont{ position: absolute; left: 0; bottom: -54px; width: 100%; background-color: #fff; padding-top: 20px;
	-webkit-transition: bottom 0.5s;
	transition: bottom 0.5s;
}
.t_list h3{ height: 48px; margin: 0 30px; font-size: 18px; line-height: 24px; margin-bottom: 12px;}
.t_list p{ margin: 0 30px; font-family: Arial; font-size: 14px; color: #909090; margin-bottom: 28px;}
.t_list .more{ display: block; background-color: #900208; font-family: Arial; font-size: 16px; line-height: 54px; text-transform: uppercase; text-align: center; color: #fff;}
.t_list li:hover .cont{ bottom: 0;}

.tab-wrap{}
.tab-wrap .tab-bar{ margin-bottom: 28px; text-align: center;}
.tab-wrap .tab-bar ul{ display: inline-block; overflow: hidden;}
.tab-wrap .tab-bar li{ float: left; margin: 0 5px; width: 180px; font-size: 16px; line-height: 34px; color: #474747; border: 1px solid #474747; border-radius: 5px; cursor: pointer;}
.tab-wrap .tab-bar li.cur{ border-color: #900208; background-color: #900208; color: #fff;}
.tab-wrap .tab-item{ display: none;}
.tab-wrap .tab-item.now{ display: block;}

.t_lns{ margin-bottom: 100px;}
.t_lns .head{ text-align: center; margin-bottom: 64px;}
.t_lns .head h1{ font-size: 32px; margin-bottom: 28px;}
.t_lns .head p{ width: 1074px; margin: 0 auto;font-size: 14px; line-height: 22px; color: #474747;}
.t_lns .box{ text-align: center; margin-bottom: 106px;}
.t_lns .list{ overflow: hidden;}
.t_lns .list li{ position: relative; float: left; width: 297px; height: 243px; overflow: hidden; margin-left: 14px;}
.t_lns .list li:first-child{ margin-left: 0;}
.t_lns .list .cont{ position: absolute; left: 25px; top: 105px; color: #fff;}
.t_lns .list .cont h1{ font-size: 24px; margin-bottom: 6px; color: #fff;}
.t_lns .list .cont p{ font-size: 14px; margin-bottom: 12px;}
.t_lns .list .cont .more{ position: relative; font-size: 14px; margin-top: 24px; padding-right: 40px; background: url(../image/xf/icon9.png) right no-repeat; z-index: 2; display: none;}
.t_lns .list .cont .ico{ margin-top: -12px;}
.t_lns .list .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.t_lns .list li:hover .mask{ display: block;}
.t_lns .list li:hover .ico{ display: none;}
.t_lns .list li:hover .more{ display: inline-block;}

.t_core{ height: 442px; padding-top: 258px; background: center no-repeat; text-align: center;}
.t_core h1{ font-size: 32px; color: #fff; margin-bottom: 100px;}
.t_core .list{ display: inline-block; height: 140px; color: #fff;}
.t_core .list li{ float: left; width: 185px;}
.t_core .list li + li{ padding-left: 75px; background: url(../image/xf/ico20.png) left 60px no-repeat;}
.t_core .list a{ position: relative; display: block;}
.t_core .list p{ position: relative; font-size: 18px;}
.t_core .list .ico{ position: relative; width: 104px; height: 110px; margin: 0 auto;}
.t_core .list .ico img{ position: relative; width: 100%;}
.t_core .list .hover{ position: absolute; left: 50%; top: -93px; margin: 0; overflow: hidden;filter:alpha(opacity='0');
	margin-left: -148px; width: 297px; height: 297px; transform:scale(0); -webkit-transform:scale(0); 
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.t_core .list .hover img{ width: 100%;}
.t_core .list a:hover .hover{ transform:scale(1); -webkit-transform:scale(1);  filter:alpha(opacity='100');}

.report{ margin-bottom: 125px; padding-top: 110px;}
.report .head{ text-align: center;}
.report .head h1{ font-size: 32px; margin-bottom: 50px;}
.report .tab-bar{ margin-bottom: 28px; text-align: center;}
.report .tab-bar ul{ display: inline-block; overflow: hidden;}
.report .tab-bar li{ float: left; margin: 0 5px; width: 180px; font-size: 16px; line-height: 34px; border: 1px solid #474747; border-radius: 5px; cursor: pointer;}
.report .tab-bar li.cur{ border-color: #900208; background-color: #900208; color: #fff;}
.report .list{ margin-bottom: 60px;}
.report .list .down{ display: inline-block; padding-right: 22px; background: url(../image/xf/icon1.png) right top no-repeat; line-height: 20px;}
.report .list table{ width: 100%; color: #474747;}
.report .list tr{ border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.report .list td{ height: 55px;}
.report .list td:first-child{ padding: 0 20px 0 36px;}
.report .list span{ font-family: Arial; color: #707070;}
.report .list tr:hover{ background-color: #f2f2f2;}
.report .list a:hover{ color: #900208;}
.report .list .down:hover{ background-position: right bottom;}

.article{ padding-top: 108px; margin-bottom: 86px;}
.article .head{ text-align: center; margin-bottom: 45px;}
.article .head h1{ font-size: 32px; margin-bottom: 16px;}
.article .head p{ color: #474747;}
.article .head span{ font-family: Arial; margin-right: 25px;}
.article .cont{ padding-bottom: 34px;}
.article .cont .img{ text-align: center; margin-bottom: 58px;}
.article .cont .img img{ margin: 0 8px;}
.article .cont .video{ width: 756px; height: 426px; margin: 0 auto 58px;}
.article .cont p{ font-size: 14px; line-height: 22px; color: #474747; margin:0 25px 20px;}
.article .foot{ overflow: hidden; margin:0 25px;}
.article .back{ float: left; padding-left: 36px; font-size: 14px; line-height: 20px; background: url(../image/xf/icon3.png) left no-repeat;}
.article .top{ float: right; width: 29px; height: 27px; background: url(../image/xf/icon4.png) no-repeat;}

.media{ margin-bottom: 124px; padding-top: 108px;}
.media .head{ text-align: center; margin-bottom: 50px;}
.media .head h1{ font-size: 32px;}

.newslist{ margin-bottom: 124px; padding-top: 108px;}
.newslist .video{margin-bottom:50px;}
.newslist .head{ text-align: center; margin-bottom: 50px;}
.newslist .head h1{ font-size: 32px;}
.newslist .list{ position: relative;}
.newslist .list li{ position: relative; overflow: hidden; padding-left: 116px; margin-bottom: 65px;}
.newslist .list .date{ position: absolute; left: 0; top: 0; font-family: Arial;}
.newslist .list .date h1{ display: inline-block; font-size: 30px; line-height: 56px; border-bottom: 2px solid #dedede;}
.newslist .list .date h2{ font-size: 60px; line-height: 74px;}
.newslist .list .img{ float: left; width: 443px; height: 286px; margin-right: 50px; overflow: hidden;}
.newslist .list .cont{ overflow: hidden;}
.newslist .list h3{ font-size: 20px; padding: 19px 0}
.newslist .list p{ height: 150px; font-size: 14px; color: #707070; line-height: 22px; border-bottom: 1px solid #dedede; margin-bottom: 24px; padding-right: 10px;}
.newslist .list .more{ font-size: 12px; padding-right: 40px; background: url(../image/xf/icon5.png) right no-repeat;}

.contact{ padding-top: 140px; margin-bottom: 124px;}
.contact .head{ text-align: center; margin-bottom: 50px;}
.contact .head h1{ font-size: 32px;}
.contact .list{ overflow: hidden; margin: 0 80px 74px;}
.contact .list li{ width: 33%; float: left; text-align: center;}
.contact .list .ico{ margin-bottom: 28px;}
.contact .list h3{ font-size: 24px; margin-bottom: 12px;}
.contact .list p{ width: 240px; margin: 0 auto; font-size: 14px; line-height: 20px; color: #474747;}
.contact .form{ overflow: hidden;}
.contact .left{ float: left; margin-left: 70px;}
.contact .left .input{ float: left; width: 332px; padding: 9px 10px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #dbdbdb; font-size: 14px;}
.contact .left .input input{ border: 0; width: 262px; font-family: "微软雅黑"; font-size: 14px;}
.contact .left .textarea{ position: relative; width: 626px; padding: 9px 10px 9px 80px; margin-bottom: 10px; clear: both; border: 1px solid #dbdbdb;}
.contact .left .textarea textarea{ width: 616px; height: 70px; border: 0; margin: 0; font-family: "微软雅黑"; font-size: 14px;}
.contact .left .textarea label{ position: absolute; left: 10px; top: 9px;}
.contact .left label{ font-size: 14px; color: #707070; vertical-align: top;}
.contact .left button{ display: block; width: 150px; height: 34px; border-radius: 2px; background: #900208; font-family: "微软雅黑"; font-size: 14px; color: #fff; border: 0; margin: 0 auto; cursor: pointer;}
.contact .right{ float: right; width: 340px; margin-right: 56px;}
.contact .right ul{ overflow: hidden;}
.contact .right li{ float: left; margin: 0 15px; text-align: center;}
.contact .right .img{ border: 1px solid #dbdbdb; padding: 8px; margin-bottom: 7px;}
.contact .right p{ font-size: 14px; color: #707070;}

.personnel1{ padding-top: 100px; margin-bottom: 128px;}
.personnel1 .left{ float: left; width: 458px; color: #474747;}
.personnel1 .left .cont{ height: 392px; text-align: center;}
.personnel1 .left .cont h1{ font-size: 36px; margin-bottom: 8px; padding-top: 136px;}
.personnel1 .left .cont h2{ font-size: 18px; margin-bottom: 16px;}
.personnel1 .left .cont p{ width: 320px; margin: 0 auto; font-size: 14px; line-height: 22px;}
.personnel1 .right{ float: right; width: 772px; color: #707070;}
.personnel1 .right .cont{ padding: 90px 66px 30px 76px;}
.personnel1 .right .cont p{ margin-bottom: 12px;}

.personnel2{ margin-bottom: 122px;}
.personnel2 .head{ text-align: center; margin-bottom: 40px;}
.personnel2 .head h1{ font-size: 24px;}

.personnel3{ margin-bottom: 122px;}
.personnel3 .head{ text-align: center; margin-bottom: 40px;}
.personnel3 .head h1{ font-size: 24px;}
.personnel3 .table{ color: #474747;}
.personnel3 .table table{ width: 100%;}
.personnel3 .table tr + tr{ border-top: 1px solid #e8e8e8;}
.personnel3 .table tr:first-child + tr{ border: 0;}
.personnel3 .table th{ font-size: 16px; font-weight: normal; text-align: center; background-color: #f2f2f2; height: 56px;}
.personnel3 .table th:first-child{ text-align: left; padding: 0 40px;}
.personnel3 .table td{ text-align: center; height: 56px;}
.personnel3 .table td:first-child{ text-align: left; padding: 0 40px;}
.personnel3 .table a:hover{ color: #ae0c22;}
.personnel3 .tip{ font-size: 14px; color: #474747; padding: 19px 40px;}
.personnel3 .tip .link{ display: inline-block; width: 120px; margin-left: 10px; line-height: 34px; text-align: center; border: 1px solid #474747; border-radius: 3px;}
.personnel3 .tip .link:hover{ border-color: #900208; background-color: #900208; color: #fff;}

.partner{ height: 740px; margin-bottom: 120px; background: center no-repeat;}
.partner .head{ padding-top: 228px; text-align: center; margin-bottom: 42px;}
.partner .head h1{ font-size: 32px; color: #fff;}
.partner .carousel{}
.partner .carousel ul{ overflow: hidden; height: 243px; margin-bottom: 32px;}
.partner .carousel li{ float: left; width: 1230px; height: 243px;}
.partner .carousel table{ width: 99%;}
.partner .carousel table tr{}
.partner .carousel table td{ width: 25%; height: 120px; border: 1px solid #dcdcdc;}
.partner .carousel table td img + img{ display: none;}
.partner .carousel table td:hover{ background-color: #fff;}
.partner .carousel table td:hover img{ display: none;}
.partner .carousel table td:hover img + img{ display: block;}
.partner .paging{ text-align: center;}
.partner .paging a{ display: inline-block; width: 36px; height: 5px; margin: 0 5px; background-color: #fff;}
.partner .paging a.selected{ background-color: #900208;}
.partner .paging span{ display: none;}

.hatch1{ height: 700px; margin-bottom: 100px; background: center no-repeat;}

.hatch2{ margin-bottom: 158px;}
.hatch2 ul.wrap li{ margin-bottom: 30px; overflow: hidden;}
.hatch2 div.wrap{ padding-top:30px; }
.hatch2 .l1 .img{ float: right;}
.hatch2 .l2 .img{ float: left;}
.hatch2 .l2 .cont{ padding-left: 50px;}
.hatch2 .cont{ padding-top: 70px; padding-right: 40px; overflow: hidden;padding-left:40px;}
.hatch2 .cont h1{ font-size: 24px; line-height: 30px; margin-bottom: 25px;}
.hatch2 .cont p{ height: 138px; font-size: 14px; line-height: 22px; color: #474747;}
.hatch2 .cont .more{ display: block; width: 150px; height: 34px; border: 1px solid #474747; text-align: center; font-size: 14px; line-height: 34px; color: #474747; border-radius: 3px;}
.hatch2 .cont .more:hover{ border-color: #900208; background-color: #900208; color: #fff;}

.culture1{ height: 700px; margin-bottom: 150px; background: center no-repeat;}
.culture1 .cont{ text-align: center; padding-top: 296px; color: #fff;}
.culture1 .cont h1{ font-size: 32px; margin-bottom: 24px; color: #fff;}
.culture1 .cont p{ width: 1014px; margin: 0 auto; font-size: 14px; line-height: 22px;}

.culture2{ margin-bottom: 154px;}
.culture2 .head{ margin-bottom: 56px; text-align: center;}
.culture2 .head h1{ font-size: 32px; margin-bottom: 16px;}
.culture2 .head h2{ font-size: 16px;}
.culture2 .list{ position: relative; padding: 0 9px;}
.culture2 .list:before, .culture2 .list:after{ content: ''; position: absolute; width: 29px; height: 29px; border: 3px solid #c21e25;}
.culture2 .list:before{ left: 0; bottom: 20px; border-top: 0; border-right: 0}
.culture2 .list:after{ right: 0; top: 20px; border-bottom: 0; border-left: 0}
.culture2 .list ul{ overflow: hidden;}
.culture2 .list li{ position: relative; float: left; width: 295px; height: 450px; overflow: hidden; margin: 0 4px; color: #fff;}
.culture2 .list .l1{ margin-top: 70px;}
.culture2 .list .l2{ margin-top: 0;}
.culture2 .list .l3{ margin-top: 105px;}
.culture2 .list .l4{ margin-top: 35px;}
.culture2 .list .cont{ position: absolute; left: 0; bottom: 34px; padding: 0 30px;}
.culture2 .list h1{ font-size: 24px; color: #fff; margin-bottom: 8px;}
.culture2 .list p{ font-size: 14px; line-height: 22px;}
.culture2 .list .mask{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 125px 40px 0; text-align: center; background-color: #90030b; display: none;}
.culture2 .list .mask .ico{ margin-bottom: 25px;}
.culture2 .list li:hover .mask{ display: block;}

.culture3{ margin-bottom: 158px;}
.culture3 .head{ margin-bottom: 64px; text-align: center;}
.culture3 .head h1{ font-size: 32px; margin-bottom: 28px;}
.culture3 .head p{ width: 700px; margin: 0 auto; font-size: 14px; line-height: 22px; color: #474747;}
.culture3 .box{ position: relative; height: 598px;}
.culture3 .tab-bar{ position: absolute; right: 40px; top: 32px; color: #474747; z-index: 3;}
.culture3 .tab-bar li{ width: auto; padding: 0 18px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; font-size: 18px; line-height: 48px;}
.culture3 .tab-bar li.cur{ color: #474747; border-color: #900208; background-color: transparent;}
.culture3 .tab-item{ position: relative; height: 100%;}
.culture3 .tab-item .img{ position: absolute; left: 0; top: 0; width: 504px; overflow: hidden; z-index: 1;}
.culture3 .tab-item .cont{ position: absolute; right: 0; bottom: 0; width: 812px; height: 470px; background-color: #fff; border: 1px solid #efefef\9;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.13);	
}
.culture3 .tab-item .cont ul{ margin: 0 180px; padding-top: 70px;}
.culture3 .tab-item .cont li{ overflow: hidden;}
.culture3 .tab-item .cont li + li{ margin-top: 45px;}
.culture3 .tab-item .cont .ico{ float: left; margin-right: 45px;}
.culture3 .tab-item .cont h1{ font-size: 20px; color: #474747; margin-bottom: 12px; padding-top: 15px;}
.culture3 .tab-item .cont p{ font-size: 14px; color: #707070;margin-left: 125px;}
.culture3 .tab-item .paging{ position: absolute; left: 0; bottom: 30px; width: 504px; text-align: center;} 
.culture3 .tab-item .paging:after{ content: ''; position: absolute; right: 0; top: 50%; width: 200px; border-bottom: 1px solid #e9e9e9;} 
.culture3 .tab-item .paging a{ display: inline-block; width: 14px; height: 14px; margin: 0 6px; border: 1px solid #e9e9e9; background-color: #e9e9e9;} 
.culture3 .tab-item .paging a.selected{ background-color: #fff;}
.culture3 .tab-item .paging span{ display: none;} 

.culture4{ margin-bottom: 95px;}
.culture4 .head{ text-align: center;}
.culture4 .head h1{ font-size: 32px;}
.culture4 .box{ position: relative; height: 708px;}
.culture4 .box .img{ position: absolute; top: 50%; left: 50%; margin-top: -234px; margin-left: -520px;}
.culture4 .box ul{}
.culture4 .box li{ position: absolute; width: 270px;}
.culture4 .box .l1{ bottom: 580px; left: 0;}
.culture4 .box .l2{ bottom: 580px; right: 0;}
.culture4 .box .l3{ top: 560px; right: 0;}
.culture4 .box .l4{ top: 560px; left: 0;}
.culture4 .box h3{ font-size: 18px; color: #474747; margin-bottom: 5px;}
.culture4 .box p{ font-size: 14px; line-height: 22px; color: #474747;}

.culture5{ margin-bottom: 94px;}
.culture5 .head{ text-align: center; margin-bottom: 40px;}
.culture5 .head h1{ font-size: 32px;}

.food1{ height: 900px; background: center no-repeat;}

.food2{ height: 900px; overflow: hidden; background: #900208 url(../image/xf/bg1.jpg) center bottom no-repeat; color: #fff;}
.food2 .head{ text-align: center; background: url(../image/xf/bg2.png) center 126px no-repeat; margin-top: 106px; margin-bottom: 60px;}
.food2 .head .left{ position: absolute; left:0; width:380px; padding-top: 124px; font-size: 18px;}
.food2 .head .right{ position: absolute; right:0; width:380px; padding-top: 124px; font-size: 18px;}
.food2 .head .center{ width:380px; margin:0 auto; }
.food2 .head .wrap{ position: relative; }
.food2 .head .ico{ margin-bottom: 12px;}
.food2 .head h3{ font-size: 30px; color: #fff; margin-bottom: 10px;}
.food2 .head p{ font-size: 14px;}
.food2 .cont{ width: 840px; margin: 0 auto; text-align: center;}
.food2 .cont h3{ font-size: 32px; color: #fff; margin-bottom: 24px;}
.food2 .cont p{ font-size: 14px; line-height: 24px; margin-bottom: 16px;}
.food2 .cont p b{ display: block; font-size: 20px; font-weight: bold; line-height: 30px;}

.food3{ height: 900px; overflow: hidden;}
.food3 .head{ text-align: center; color: #474747; background: url(../image/xf/bg3.png) center 126px no-repeat; margin-top: 106px; margin-bottom: 52px;}
/* .food3 .head .left{ float: left; margin-left: 120px; padding-top: 124px; font-size: 18px;}
.food3 .head .right{ float: right; margin-right: 120px; padding-top: 124px; font-size: 18px;}
.food3 .head .center{ overflow: hidden;} */

.food3 .head .left{ position: absolute; left:0; width:380px; padding-top: 124px; font-size: 18px;}
.food3 .head .right{ position: absolute; right:0; width:380px; padding-top: 124px; font-size: 18px;}
.food3 .head .center{ width:380px; margin:0 auto; }
.food3 .head .wrap{ position: relative; }

.food3 .head .ico{ margin-bottom: 12px;}
.food3 .head h3{ font-size: 30px; margin-bottom: 10px;}
.food3 .head p{ font-size: 14px;}
.food3 .cont{ width: 1070px; margin: 0 auto 55px; text-align: center; color: #474747;}
.food3 .cont h3{ font-size: 32px; margin-bottom: 24px;}
.food3 .cont p{ font-size: 14px; line-height: 22px; margin-bottom: 24px;}
.food3 .carousel{ position: relative; width: 958px; height: 202px; margin: 0 auto; padding: 0 60px;}
.food3 .carousel ul{ overflow: hidden; border: 1px solid #d5d5d5;}
.food3 .carousel li{ position: relative; float: left; width: 238px; height: 200px; overflow: hidden; border-right: 1px solid #d5d5d5;}
.food3 .carousel .prev,.food3 .carousel .next{ position: absolute; top: 0; height: 100%; width: 60px; background: left no-repeat;}
.food3 .carousel .prev{ left: 0; background-image: url(../image/xf/prev1.png); border-right: 1px solid #d5d5d5;}
.food3 .carousel .next{ right: 0; background-image: url(../image/xf/next1.png); border-left: 1px solid #d5d5d5;}
.food3 .carousel .prev:hover,.food3 .carousel .next:hover{ background-position: right;}

.food4{ height: 900px; overflow: hidden; margin-bottom: 145px; background: center no-repeat; color: #fff;}
.food4 .head{ text-align: center; background: url(../image/xf/bg2.png) center 126px no-repeat; margin-top: 106px; margin-bottom: 60px;}
.food4 .head .left{ position: absolute; left:0; width:380px; padding-top: 124px; font-size: 18px;}
.food4 .head .right{ position: absolute; right:0; width:380px; padding-top: 124px; font-size: 18px;}
.food4 .head .center{ width:380px; margin:0 auto; }
.food4 .head .wrap{ position: relative; }

.food4 .head .ico{ margin-bottom: 12px;}
.food4 .head h3{ font-size: 30px; color: #fff; margin-bottom: 10px;}
.food4 .head p{ font-size: 14px;}
.food4 .cont{ width: 1060px; margin: 0 auto 36px; text-align: center;}
.food4 .cont h3{ font-size: 32px; color: #fff; margin-bottom: 24px;}
.food4 .cont p{ font-size: 14px; line-height: 24px; margin-bottom: 20px;}
.food4 .cont p b{ display: block; font-size: 20px; font-weight: bold;}
.food4 .carousel{ position: relative; width: 1068px; height: 296px; margin: 0 auto; padding: 0 60px;}
.food4 .carousel ul{ overflow: hidden;}
.food4 .carousel li{ position: relative; float: left; width: 530px; height: 296px; margin: 0 2px; overflow: hidden; text-align: center;}
.food4 .carousel li p{ font-size: 14px; padding-top: 16px;}
.food4 .carousel .prev,.food4 .carousel .next{ position: absolute; top: 0; height: 260px; width: 60px; background: center no-repeat;}
.food4 .carousel .prev{ left: 0; background-image: url(../image/xf/prev2.png);}
.food4 .carousel .next{ right: 0; background-image: url(../image/xf/next2.png);}

.food5{ margin-bottom: 88px;}
.food5 .head{ text-align: center; margin-bottom: 54px;}
.food5 .head h1{ font-size: 32px;}

.industry1{}
.industry1 .box1{ padding-top: 130px; margin-bottom: 118px;}
.industry1 .box1 .head{ text-align: center; margin-bottom: 65px;}
.industry1 .box1 .head h1{ font-size: 34px; margin-bottom: 22px;}
.industry1 .box1 .head .link{ display: inline-block; font-size: 14px; color: #474747; line-height: 34px; padding: 0 18px; border: 1px solid #474747; border-radius: 5px;}
.industry1 .box1 .head .link:hover{ background-color: #95000d; border-color: #95000d; color: #fff;}
.industry1 .box1 .list{ overflow: hidden; color: #fff;}
.industry1 .box1 .list li{ position: relative; float: left; width: 404px;}
.industry1 .box1 .list li + li{ margin-left: 9px;}
.industry1 .box1 .list .img{ height: 383px; overflow: hidden;}
.industry1 .box1 .list .img img{ width: 100%;}
.industry1 .box1 .list .mask{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 30px 40px 0;}
.industry1 .box1 .list .t{ position: relative; margin-bottom: 30px;}
.industry1 .box1 .list .ico{ width: 125px; height: 100px; margin-left: -20px;}
.industry1 .box1 .list .t span{ position: absolute; left: 100px; bottom: 20px; font-size: 24px;}
.industry1 .box1 .list .p{ height: 118px; font-size: 14px; line-height: 22px;}
.industry1 .box1 .list .b{ font-size: 18px; line-height: 24px;}
.industry1 .box1 .list li:hover .mask{ background: url(../image/xf/mask5.png);}
.industry1 .box2{}
.industry1 .box2 h1{ position: relative; margin-bottom: 30px; text-align: center;}
.industry1 .box2 h1:before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #e5e5e5;}
.industry1 .box2 h1 span{ position: relative; display: inline-block; background-color: #fff; font-size: 24px; padding: 0 42px;}
.industry1 .box2 .list{ position: relative; height: 380px; background: url(../image/xf/bg4.png) center bottom no-repeat;}
.industry1 .box2 .list li{ position: absolute; text-align: center;}
.industry1 .box2 .list .l1{ left: 20px; top: 85px;}
.industry1 .box2 .list .l2{ left: 210px; top: 8px;}
.industry1 .box2 .list .l3{ left: 370px; top: 50px;}
.industry1 .box2 .list .l4{ left: 514px; top: 74px;}
.industry1 .box2 .list .l5{ left: 688px; top: 46px;}
.industry1 .box2 .list .l6{ left: 880px; top: 108px;}
.industry1 .box2 .list .l7{ left: 1034px; top: 0;}
.industry1 .box2 .list .ico{ width: 110px; height: 74px; margin: 0 auto 5px;}
.industry1 .box2 .list .ico img{ width: 100%;}
.industry1 .box2 .list p{ font-size: 16px; color: #474747;}

.industry2{ padding: 135px 0 150px; background: url(../image/xf/bg0.jpg);}
.industry2 .block{ position: relative;}
.industry2 .cont{ float: left; width: 50%; padding-top: 60px;}
.industry2 .cont h1{ font-size: 34px; color: #474747; margin-left: 25px; margin-bottom: 26px;}
.industry2 .cont p{ font-size: 14px; line-height: 22px; color: #474747; margin-left: 25px; margin-bottom: 20px; margin-right: 60px;}
.industry2 .cont .link{ display: inline-block; margin-left: 25px; font-size: 14px; color: #474747; line-height: 34px; padding: 0 18px; border: 1px solid #474747; border-radius: 5px;}
.industry2 .cont .link:hover{ background-color: #95000d; border-color: #95000d; color: #fff;}
.industry2 .carousel{ float: right; width: 50%;}
.industry2 .carousel ul{ overflow: hidden; height: 455px;}
.industry2 .carousel li{ float: left; width: 615px; height: 455px;}
.industry2 .carousel li img{ width: 100%;}
.industry2 .paging{ position: absolute; left: 25px; bottom: 58px; right: 50%;}
.industry2 .paging:before{ content: ''; position: absolute; left: 120px; right: 0; top: 50%; border-top: 1px solid #e2e2e2;}
.industry2 .paging .nav{ width: 124px; overflow: hidden; text-align: center;}
.industry2 .paging .prev, .industry2 .paging .next{ width: 22px; height: 18px; background: center top no-repeat;}
.industry2 .paging .prev{ float: left; background-image: url(../image/xf/prev3.png);}
.industry2 .paging .next{ float: right; background-image: url(../image/xf/next3.png);}
.industry2 .paging .prev:hover, .industry2 .paging .next:hover{ background-position: center bottom;}
.industry2 .paging span{ font-family: Arial; font-size: 18px; line-height: 18px; color: #474747;}

.industry3{ height: 780px; background: center no-repeat;}
.industry3 .head{ padding-top: 204px; margin-bottom: 70px; text-align: center; color: #fff;}
.industry3 .head h1{ font-size: 34px; color: #fff; margin-bottom: 40px;}
.industry3 .head p{ margin: 0 80px; font-size: 14px; line-height: 24px; margin-bottom: 30px;}
.industry3 .head .link{ display: inline-block; font-size: 14px; color: #fff; line-height: 34px; padding: 0 18px; border: 1px solid #fff; border-radius: 5px;}
.industry3 .head .link:hover{ background-color: #95000d; border-color: #95000d; color: #fff;}
.industry3 .list{ margin: 0 50px; overflow: hidden;}
.industry3 .list li{ float: left; width: 20%; text-align: center;}
.industry3 .list .ico{ width: 103px; height: 103px; margin: 0 auto 16px;}
.industry3 .list .ico img{ width: 100%;}
.industry3 .list p{ font-size: 18px; color: #fff;}

.industry4{}
.industry4 .head{ padding-top: 145px; margin-bottom: 64px; text-align: center; color: #474747;}
.industry4 .head h1{ font-size: 34px; margin-bottom: 20px;}
.industry4 .head p{ margin: 0 80px; font-size: 14px; line-height: 24px; margin-bottom: 30px;}
.industry4 .head .link{ display: inline-block; font-size: 14px; color: #474747; line-height: 34px; padding: 0 18px; border: 1px solid #474747; border-radius: 5px;}
.industry4 .head .link:hover{ background-color: #95000d; border-color: #95000d; color: #fff;}
.industry4 .list{ position: relative; height: 680px;}
.industry4 .list:before{ content: ''; position: absolute; top: 80px; left: 50%; margin-left: -139px; width: 276px; height: 368px; border: 1px solid #dbdbdb; z-index: 1;}
.industry4 .list:after{ content: ''; position: absolute; top: 285px; left: 50%; margin-left: 82px; width: 220px; height: 220px; border: 1px solid #dbdbdb; z-index: 1;}
.industry4 .list li{ position: absolute; text-align: center; z-index: 2;}
.industry4 .list .l1{ left: 0; top: 46px;}
.industry4 .list .l2{ left: 285px; top: 175px;}
.industry4 .list .l3{ left: 534px; top: 0;}
.industry4 .list .l4{ right: 0; top: 70px;}
.industry4 .list .img{ margin-bottom: 16px;}
.industry4 .list p{ font-size: 18px; color: #474747;}

.industry5{ padding: 100px 0; background: url(../image/xf/bg0.jpg); margin: 0;}

.foods1{ position: relative; height: 700px; background: center no-repeat;}
.foods1 h1{ position: absolute; left: 50%; top: 50%; width: 1000px; margin-left: -500px; margin-top: -24px; font-size: 48px; color: #fff; text-align: center;}

.foods2{ position: relative; height: 923px;}
.foods2 .block{ position: relative;}
.foods2 .img1{ position: absolute; left: 50%; top: -70px;}
.foods2 .img2{ position: absolute; right: 50%; top: 202px;}
.foods2 .img3{ position: absolute; right: 50%; top: 475px;}
.foods2 .cont{ position: absolute; left: 50%; top: 380px; width: 537px; padding-left: 78px;}
.foods2 .cont h1{ font-size: 34px; margin-bottom: 48px;}
.foods2 .cont p{ font-size: 14px; line-height: 22px; color: #474747; margin-bottom: 22px;}

.foods3{ height: 510px; padding-top: 270px; background: center no-repeat; text-align: center;}
.foods3 h1{ font-size: 34px; color: #fff; margin-bottom: 45px;}
.foods3 p{ font-size: 14px; line-height: 22px; color: #fff; margin: 0 90px 12px;}

.foods4 .head{ text-align: center; padding-top: 157px; margin-bottom: 45px;}
.foods4 .head h1{ font-size: 34px; margin-bottom: 30px;}
.foods4 .head p{ font-size: 14px; line-height: 22px; color: #474747; margin: 0 60px;}
.foods4 .box{ position: relative;}
.foods4 .box p{ position: absolute; top: 270px; width: 210px; text-align: center;}
.foods4 .box p b{ font-weight: bold;}
.foods4 .box .p1{ left: 164px;}
.foods4 .box .p2{ right: 164px;}
.foods4 .list{ overflow: hidden;}
.foods4 .list li{ float: left; width: 404px;}
.foods4 .list li + li{ margin-left: 9px;}

.foods4 .list1{}
.foods4 .list1 h1{ font-size: 34px; text-align: center; margin-bottom: 50px;}
.foods4 .list1 .scroll{}
.foods4 .list1 ul{ padding: 20px 0 0 20px;}
.foods4 .list1 li{ float: left; margin-right: 21px; margin-bottom: 20px; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.14);}
.foods4 .list1 li img{ width: 385px;}
.foods4 .mCSB_scrollTools.mCSB_scrollTools_horizontal{ opacity: 1; left: 188px; right: 188px;}
.foods4 .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom: 12px;}
.foods4 .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #e8e8e8;}
.foods4 .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ margin: 6px auto; height: 4px; background-color: #95000d;}

.foods4 .box1{ overflow: hidden; padding-top: 26px; margin: 0 1px 180px;}
.foods4 .box1 li{ float: left; text-align: center;}
.foods4 .box1 li + li{ margin-left: 57px;}
.foods4 .box1 .ico{ margin-bottom: 20px;}
.foods4 .box1 .ico img{opacity:0;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;
transform:rotate(-360deg);-webkit-transform:rotate(-360deg);}
.foods4 .box1 li:nth-child(2) .ico img{transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.foods4 .box1 li:nth-child(3) .ico img{transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.foods4 .box1 li:nth-child(4) .ico img{transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.foods4 .box1 li:nth-child(5) .ico img{transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.foods4 .box1 p{ font-size: 18px; color: #474747;}

.foods4.show .box1 .ico img{transform:rotate(0deg);-webkit-transform:rotate(0deg);opacity: 1;}

.foods4 .box2{ position: relative; height: 594px; margin-bottom: 188px;}
.foods4 .box2 .carousel{ height: 594px;}
.foods4 .box2 .carousel ul{ overflow: hidden; height: 594px;}
.foods4 .box2 .carousel li{ position: relative; float: left; width: 1230px; height: 594px;}
.foods4 .box2 .carousel li:before{ content: ''; position: absolute; left: 288px; bottom: 80px; width: 298px; height: 30px; background-color: #95000d;}
.foods4 .box2 .carousel li h3{ position: absolute; top: 46px; left: 50%; margin-left: 90px; font-size: 24px;}
.foods4 .box2 .carousel .img1{ position: absolute; left: 0; top: 0;}
.foods4 .box2 .carousel .img2{ position: absolute; right: 0; bottom: 0;}
.foods4 .box2 .carousel li img{ width: 100%;}
.foods4 .box2 .paging{ position: absolute; bottom: 28px; right: 645px; width: 304px;}
.foods4 .box2 .paging:before{ content: ''; position: absolute; left: 120px; right: 0; top: 50%; border-top: 1px solid #e2e2e2;}
.foods4 .box2 .paging .nav{ width: 124px; overflow: hidden; text-align: center;}
.foods4 .box2 .paging .prev, .foods4 .box2 .paging .next{ width: 22px; height: 18px; background: center top no-repeat;}
.foods4 .box2 .paging .prev{ float: left; background-image: url(../image/xf/prev3.png);}
.foods4 .box2 .paging .next{ float: right; background-image: url(../image/xf/next3.png);}
.foods4 .box2 .paging .prev:hover, .foods4 .box2 .paging .next:hover{ background-position: center bottom;}
.foods4 .box2 .paging span{ font-family: Arial; font-size: 18px; line-height: 18px; color: #474747;}

.foods4 .box3{ position: relative; height: 594px; margin-bottom: 158px;}
.foods4 .box3 .title{ text-align: center;}
.foods4 .box3 .title h1{ font-size: 34px; margin-bottom: 28px;}
.foods4 .box3 .title p{ margin-bottom: 55px; color: #474747;}
.foods4 .box3 .carousel{ position: relative;}
.foods4 .box3 .carousel ul{ overflow: hidden;}
.foods4 .box3 .carousel li{ float: left; width: 297px; margin-right: 14px;}
.foods4 .box3 .carousel .img{ position: relative; height: 410px; margin-bottom: 20px;}
.foods4 .box3 .carousel .mask{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 100px 30px; background: url(../image/xf/mask5.png); color: #fff; display: none;}
.foods4 .box3 .carousel li:hover .mask{ display: block;}
.foods4 .box3 .carousel p{ text-align: center; font-size: 18px; color: #474747;}
.foods4 .box3 .carousel .prev, .foods4 .box3 .carousel .next{ position: absolute; top: 0; width: 60px; height: 100%; background: left no-repeat; z-index: 2;}
.foods4 .box3 .carousel .prev{ left: 0; background-image: url(../image/xf/prev4.png);}
.foods4 .box3 .carousel .next{ right: 0; background-image: url(../image/xf/next4.png);}
.foods4 .box3 .carousel .prev:hover, .foods4 .box3 .carousel .next:hover{ background-position: right;}

.foods5{ padding: 118px 0 57px; background: url(../image/xf/bg0.jpg);}
.foods5 .head{ text-align: center; margin-bottom: 35px;}
.foods5 .head h1{ font-size: 34px; margin-bottom: 30px;}
.foods5 .head h2{ font-size: 16px;}
.foods5 .head p{ font-size: 14px; line-height: 22px; color: #474747; margin: 0 190px 10px;}
.foods5 .head .link{ display: inline-block; width: 150px; margin-bottom: 0 11px; font-size: 14px; color: #474747; line-height: 34px; border: 1px solid #474747; border-radius: 5px;}
.foods5 .head .link:hover{ background-color: #95000d; border-color: #95000d; color: #fff;}
.foods5 .demo2b{ background: none; padding: 0;}

.introduct1{ height: 900px; background: center no-repeat;}

.introduct2{}
.introduct2 .head{ text-align: center; padding-top: 162px; margin-bottom: 32px;}
.introduct2 .head h1{ font-size: 34px; margin-bottom: 28px;}
.introduct2 .head p{ margin: 0 85px; margin-bottom: 38px; color: #474747; line-height:1.5;}
.introduct2 .head .link{ display: block; width: 160px; border: 1px solid #474747; border-radius: 5px; color: #474747; line-height: 34px; text-align: center; margin: 0 auto;}
.introduct2 .head .link:hover{ background-color: #95000d; border-color: #95000d; color: #fff;}
.introduct2 .img{}

.introduct3{ height: 780px; padding: 0; margin-bottom: 146px;}
.introduct3 .wrap{ padding-top:200px; }
.introduct3 .list p{ margin-bottom: 38px; line-height:1.5;}
.introduct3 .info{ position: relative;}

.introduct4{ background: url(../image/xf/img101.jpg) center bottom no-repeat; padding-bottom: 290px; overflow: hidden;}
.introduct4 .ceo{ margin-bottom: 155px;}
.introduct4 .ceo h1{ font-size: 34px; text-align: center; margin-bottom: 90px;}
.introduct4 .box{ position: relative; height: 594px;}
.introduct4 .box .img{ position: absolute; left: 0; top: 0; z-index: 1;}
.introduct4 .box .img img{ width:100%; height:100%; display: block; }
.introduct4 .box .cont{ position: absolute; top: 96px; right: 0; bottom: 0; width: 400px; padding: 154px 70px 0 205px; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14);}
.introduct4 .box .cont .txt{ margin-bottom: 40px; color: #474747;  line-height:1.5;}
.introduct4 .box .cont .name{ text-align: right; color: #474747;}
.introduct4 .info{ text-align: center;}
.introduct4 .info h1{ font-size: 34px; margin-bottom: 40px;}
.introduct4 .info p{ font-size: 14px; color: #474747; line-height: 30px; margin-bottom: 25px;}
.introduct4 .info .link{ display: block; width: 160px; line-height: 34px; margin: 0 auto; font-size: 14px; text-align: center; color: #474747; border: 1px solid #474747; border-radius: 5px;}
.introduct4 .info .link:hover{ background-color: #95000d; border-color: #95000d; color: #fff;}

.introduct5{ height: 940px; background: url(../image/bg2.png);}
.introduct5 .title{ padding: 125px 0 65px;}
.introduct5 h1{ text-align: center; font-size: 34px; color: #fff;}

.introduct6{ padding-top: 155px; overflow: hidden;}
.introduct6 .title{ text-align: center; margin-bottom: 94px;}
.introduct6 .title h1{ font-size: 34px; margin-bottom: 20px;}
.introduct6 .title p{ font-size: 14px; color: #474747;}
.introduct6 .box{ position: relative; height: 628px;}
.introduct6 .box .cont{ position: absolute; top: 54px; left: 38px; width: 540px;}
.introduct6 .box .cont p{ font-size: 14px; color: #474747; margin-bottom: 22px;  line-height:1.5;}
.introduct6 .box .cont .link{ display: block; width: 160px; line-height: 34px; font-size: 14px; color: #474747; text-align: center; border: 1px solid #474747; border-radius: 5px;}
.introduct6 .box .cont .link:hover{ background-color: #95000d; border-color: #95000d; color: #fff;}
.introduct6 .box .img1{ position: absolute; top: 0; right: 0;}
.introduct6 .box .img2{ position: absolute; right: 170px; bottom: 0;}

.introduct7{ position: relative; height: 1044px; margin-top: -90px; overflow: hidden; padding-bottom:35px;}
.introduct7 .top{ position: absolute; left: 50%; width: 695px; height: 464px; margin-left: -347px; background: url(../image/xf/bg5.png) no-repeat; padding-top: 130px; text-align: center; z-index: 1;}
.introduct7 .top p{ font-size: 34px; line-height: 46px; color: #fff;}
.introduct7 .left{ position: absolute; left: 0; right: 50%; top: 0; height: 854px; background: right no-repeat;}
.introduct7 .left .carousel{ position: absolute; right: 0; top: 242px; width: 615px; padding-bottom: 58px;}
.introduct7 .left .carousel:before{ content: ''; position: absolute; left: 0; top: 45px; bottom: 0; border-left: 1px solid #fff;}
.introduct7 .left .carousel ul{}
.introduct7 .left .carousel li{ position: relative; padding: 0 100px 0 35px; margin-top: 45px;}
.introduct7 .left .carousel li:before{ content: ''; position: absolute; left: 0; top: 25px; width: 10px; border-top: 1px solid #fff;}
.introduct7 .left .carousel h1{ font-size: 48px; color: #fff;}
.introduct7 .left .carousel h1 b{ font-size: 18px; margin-left: 20px;}
.introduct7 .left .carousel p{ font-size: 14px; color: #fff;}
.introduct7 .left .carousel .prev, .introduct7 .left .carousel .next{ position: absolute; bottom: 0; width: 38px; height: 38px; background: left no-repeat;}
.introduct7 .left .carousel .prev{ left: 35px; background-image: url(../image/xf/prev5.png);}
.introduct7 .left .carousel .next{ left: 80px; background-image: url(../image/xf/next5.png);}
.introduct7 .left .carousel .prev:hover, .introduct7 .left .carousel .next:hover{ background-position: right;}

.introduct7 .right{ position: absolute; left: 50%; right: 0; top: 90px; height: 900px; box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.14);}
.introduct7 .right .carousel{ position: absolute; left: 270px; top: 158px; padding-bottom: 58px;}
.introduct7 .right .carousel ul{ width: 344px; height: 516px; overflow: hidden;}
.introduct7 .right .carousel li{ text-align: center; height: 258px;}
.introduct7 .right .carousel .img{ border: 1px solid #dbdbdb; margin-bottom: 15px;}
.introduct7 .right .carousel li p{ font-size: 14px; color: #474747;}
.introduct7 .right .carousel .prev, .introduct7 .right .carousel .next{ position: absolute; bottom: 0; width: 38px; height: 38px; background: left no-repeat;}
.introduct7 .right .carousel .prev{ right: 50%; margin-right: 4px; background-image: url(../image/xf/prev5.png);}
.introduct7 .right .carousel .next{ left: 50%; margin-left: 4px; background-image: url(../image/xf/next5.png);}
.introduct7 .right .carousel .prev:hover, .introduct7 .right .carousel .next:hover{ background-position: right;}

.introduct8{ margin-bottom: 122px;}
.introduct8 .head{ text-align: center; margin-bottom: 45px;}
.introduct8 .head h1{ font-size: 34px; margin-bottom: 28px;}
.introduct8 .head .link{ display: block; margin: 0 auto; width: 160px; line-height: 34px; border: 1px solid #474747; border-radius: 5px; text-align: center; font-size: 14px; color: #474747;}
.introduct8 .head .link:hover{ background-color: #95000d; border-color: #95000d; color: #fff;}
.introduct8 .list{}
.introduct8 .list li{ float: left; width: 396px; height: 364px; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.13);}
.introduct8 .list li + li{ margin-left: 21px;}
.introduct8 .list .img{ height: 256px; overflow: hidden;}
.introduct8 .list p{ font-size: 18px; line-height: 24px; padding: 20px 30px; color: #474747;}
.introduct8 .list li:hover p{ color: #900208;}

.introduct9{ background: url(../image/xf/bg0.jpg);  margin-bottom: 0; padding: 100px 0;}

.transition{ opacity:0;
	-webkit-transition:transform 2s,opacity 2s;
	-moz-transition:transform 2s,opacity 2s;
	transition:transform 2s,opacity 2s;
	}
	
.translateX-100{
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	transform:translateX(-100%);
	}

.translateX_100{
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	transform:translateX(100%);
	}

.translateY-100{
	-webkit-transform:translateY(-100px);
	-moz-transform:translateY(-100px);
	transform:translateY(-100px);
}

.translateY_100{
	-webkit-transform:translateY(100px);
	-moz-transform:translateY(100px);
	transform:translateY(100px);
}

.show .transition{ opacity:1;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	transform:translate(0,0);
}