html,body{ height: 100%;}

.pround2{height: 100%;}
.nav{ display: block;height: 80px; line-height: 80px; z-index: 55;}
.nav-fl{ width:600px; }
.nav-fl img{ margin:28px 8px 29px 40px; }
.nav-fl span{ display: inline-block;  margin-left: 12px; color: #595757; font-weight: bold; }
.nav-fl span i{ color: #231815;}
.nav-fr a{position: fixed; right: 40px;}
.nav-fr a i{ font-size:30px; color: #acacad;  }
.nav-fr a i:hover{ cursor: pointer;}

.menu{ position: relative; z-index: 99; }
.menu div{ display: none; position: fixed; right: 80px; top: 0px; width:160px; height: 100%; z-index: 100; background-color: #e9e9e9; z-index: 98; }
.menu div ul{ position:absolute; top: 50%; margin-top: -400px;width:160px; clear: both;}
.menu div li{ display:block; overflow: hidden; width: 100%;text-align: center; color: #ffffff; }
.menu div li a{float: left; display: block;width: 100%; display: block;color: #ffffff; font-size: 18px; text-align: center;padding: 60px 0;}
.menu div li a span{ display: block; font-size: 12px; font-weight: normal; }

.cont-box{ width: 100%; min-height:85%; position: relative; float: left;  }
.btn-group{ position: fixed; right: 40px; top: 40%; margin-top: -110px; z-index: 999;  }
.prev,.next,.menu{ display:block; width: 50px;  }
.prev{ margin-bottom: 100px; }
.next{ margin-top: 100px; }
.menu a{ display: block;}
.prev i,.next i,.menu i{ color: #acacad; font-size: 30px; margin-left: 20px;}
/**/
.main-bg{ position: relative; z-index: 9; width: 100%; height: 100%; }
.main-font{ overflow: hidden; padding: 13% 0% 8% 5%;}
.right-bg{ position:absolute; top: 0;right: 0; z-index: 9; }
.start-btn{ float: left; margin-top: 100px; border: 0; text-align: center; padding: 8px 30px; background-color: #BC0D23; color: #ffffff; font-size: 20px; font-weight: bold; }
.start-btn i{ font-size: 26px; color: #ffffff; vertical-align: middle; margin-right:15px;}
.start-btn:visited{ color: #ffffff;}
.main-danwei{ position: relative; z-index: 5; margin-left: 5%; border-top:2px solid #d6d1cb;border-bottom:2px solid #d6d1cb;}
.main-danwei ul{ padding: 20px 0; overflow: hidden; }
.main-danwei ul li{ float: left; display: inline;min-width: 140px; margin-right: 50px; line-height: 40px; }
.main-danwei ul li img{ vertical-align: middle;}

.bottom-line{ position: absolute; bottom: 0; left: 0; right: 0; height: 30px; }
.bottom-line1{background-color: #5a4f54; }
.bottom-line2{background-color: #9c8a70; }
.bottom-line3{background-color: #92aab7; }
.bottom-line4{background-color: #a4a899; }
.bottom-line5{background-color: #4d695b; }

.title-color1{color: #5a4f54!important;}
.title-color2{color: #9c8a70!important;}
.title-color3{color: #92aab7!important;}
.title-color4{color: #a4a899!important;}
.title-color5{color: #4d695b!important;}
/*前言*/
.forward-box{ }
.forward-box{ background-color: #796a56;padding:4% 8% ; overflow: hidden;}
.title1{ font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 20px;}
.forward-box p{color: #ffffff; font-size: 16px;line-height: 28px;}
.en-box .title1{ font-size: 30px; font-weight: normal;}
.en-box .p{ font-size: 14px; font-weight: normal;line-height: 22px;}
.pad-top{ padding-top: 20px;}
.box01-bg{ width: 1221px; height: 502px; margin:40px auto; padding: 120px 250px 50px; background: url("../images/25.png") no-repeat center; background-size: auto 500px;}
.box01-bg p{ font-weight: bold; font-size: 16px; line-height: 28px; color: #808080;}
/*目录*/
.box01{ padding: 20px 0;}
.box01-left{ margin:300px 150px 0;}
.cont-bg{position: relative;  width: 155px; height: 800px; margin-right: 35px;}
.cont-bg1{ background: url("../images/14.png") no-repeat bottom center;}
.cont-bg2{ background: url("../images/15.png") no-repeat top center;}
.cont-bg3{ background: url("../images/16.png") no-repeat bottom center;}
.cont-bg4{ background: url("../images/17.png") no-repeat top center;}
.cont-bg5{ background: url("../images/18.png") no-repeat bottom center;}
.cont-font{ position: absolute; width: 155px;height:600px; writing-mode:vertical-lr; text-align: center; font-size: 28px; font-weight: bold;line-height: 26px;letter-spacing:5px; }
.cont-font:hover{ cursor: pointer;}
.cont-font-div{ margin-left: 51px; color: #ffffff;}
.cont-font-div span{ display: block; font-size: 12px; font-weight: normal;letter-spacing: 0px;}

/*11*/
.box11{ padding: 100px 0;}

/*12*/

.font-box{position: relative;}
.font-box p{ font-size: 14px; font-weight: lighter; color: #868686; line-height: 20px; margin-bottom: 3px;}
.box12-bg{ background: url("../images/11/02.gif") no-repeat center; background-size: cover;}
.box12-font{ float: right; width:600px; margin-right: 120px;}
.box12-font p,.box36-font p{  clear: both; display: block; color: #ffffff;}



.width5{ width: 5%;}
.width10{ width: 8%; margin: 0 1%;}
.width15{ width: 13%;margin: 0 1%;}
.width20{ width: 18%;margin: 0 1%;}
.width25{ width: 23%;margin: 0 1%;}
.width30{ width: 28%;margin: 0 1%;}
.width35{ width: 33%;margin: 0 1%;}
.width40{ width: 38%;margin: 0 1%;}
.width45{ width: 43%;margin: 0 1%;}
.width50{ width: 48%;margin: 0 1%;}
.width55{ width: 53%;margin: 0 1%;}
.width60{ width: 58%;margin: 0 1%;}
.width65{ width: 63%;margin: 0 1%;}
.width70{ width: 68%;margin: 0 1%;}
.width75{ width: 73%;margin: 0 1%;}
.width80{ width: 78%;margin: 0 1%;}
.width85{ width: 83%;margin: 0 1%;}
.width90{ width: 88%;margin: 0 1%;}
.width95{ width: 93%;margin: 0 1%;}
.width33{ width: 31%; margin: 0 1%;}
.width100{ width: 100%;}
/*13*/
.box13-font{ padding: 3%;}
.font-box img,.box36-font img{ width: 100%; margin-bottom: 5px;}

.box14-font{ padding:5% 0; }
.box15-font{ padding:3% 5%;}
.box18-font{padding:5% 5%;}
.box114-font{padding:0% 5%;}
.box115-font{padding:1% 5%;}
.box212-font{padding:0% 3%;}
.box218-font{padding:5% 3%;}
.box37-font{padding:3% 3%;}
.box317-font{ padding: 3% 0;}
.box322-font{padding:2% 3%;}
.box36-font-box{padding:0% 6%;}
.box39-font{padding:0% 7%;}

.tip{ position: absolute;}
.tip p{font-size: 14px; color: #868686; line-height:20px;}
.tip1{ right: -4%; top:470px;writing-mode:vertical-lr; text-align: center;}
.tip2{ right: 0; bottom: 70px;}
.tip3{ margin-top: 25px;}
.tip4{ right: -4%; bottom:130px;writing-mode:vertical-lr; text-align: center;}
.tip5{ right: 0; bottom: 100px;}
.tip6{ right: 0; bottom:90px;}
.tip7{ right: 0; bottom:110px;}
.tip8{ right: 0; bottom: 50px;}
.tip9{ right:-85px; bottom: 50px;}

.tip10{ bottom: -25px; right: 0;}
.tip11{ bottom:20px; right: -25px;writing-mode:vertical-lr; text-align: center;}
.tip12{ bottom: 25px; left: -160px;}
.tip13{ top: 0px; right: -25px;writing-mode:vertical-lr; text-align: center;}
.tip14{ bottom:20px; left: -25px;writing-mode:vertical-lr; text-align: center;}
.tip15{ right: 0; top: -30px;}
.tip16{ right: -160px; bottom: 20px;}
.tip17{ left: -160px; bottom: 20px;}
.tip18{ left: -160px; bottom: 20px;}
.tip19{ top: -25px; right: 0;}


.font2-box,.box117-font{position: relative;}
.font2-box p,.box117-font p{ font-size: 14px; font-weight: lighter; color: #ffffff; line-height: 20px; margin-bottom: 5px;}

.box117-bg{ background: url("../images/11/33.gif") no-repeat center; background-size: cover;}
.box117-font p{  clear: both; display: block; color: #ffffff;}
.box121-bg{ background: url("../images/11/38.gif") no-repeat center; background-size: cover;}
.box22-bg{ background: url("../images/22/01.gif") no-repeat center; background-size: cover;}
.box32-bg{ background: url("../images/33/1.png") no-repeat center; background-size: cover;}
.box42-bg{ background: url("../images/44/1.png") no-repeat center; background-size: cover;}
.box52-bg{ background: url("../images/55/1.png") no-repeat center; background-size: cover;}
.box527-bg{ background: url("../images/55/53.png") no-repeat center; background-size: cover;}
.box529-bg{ background: url("../images/55/56.png") no-repeat center; background-size: cover;}
.box431-bg{ background: url("../images/44/70.png") no-repeat center; background-size: cover;}


@media screen and (max-width:1920px){
    body{ min-height: 1000px;}

}
@media screen and (max-width:1680px){

    }