body{font:13px/22px wf_segoe-ui_normal, 'Segoe UI', Verdana, Arial, sans-serif; color:#666; text-align:justify; background-color:#fff; min-width:1060px;}
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, th, td{padding:0; margin:0;}
a{color:#000; outline:none; text-decoration:none;}
a:hover{text-decoration:underline; color:#fbeadd;}
ol, ul{list-style:none;}
img{vertical-align:middle; border:0;}
.clear{clear:both; height:0;}
.detail{width:1060px; margin:0 auto;}
h2{font-size:30px; color:#884a2e; text-align:center;}
h2 + p{padding:26px 60px 45px; font-size:17px; color:#a66142; text-align:center;}
.button{text-align:center; padding-top:45px;}
/*----------------------------------*/

.DivMain01{background:url(../images/drp/bg01.jpg) no-repeat center; height:371px; text-align:center;}
.DivMain01 .detail > img{margin:75px 0 45px;}
.DivMain01 h1{font-size:60px; font-weight:400; color:#fff;}
.DivMain01 h1 p{padding-top:40px; font-size:33px;}
/*----------------------------------*/

.DivMain02 .detail { padding:25px 0; color:#333;}
.DivMain02 .detail > p{font-size:17px; padding:30px 0;}
.DivMain02 .detail > p i{font-style:normal; color:#f60;}
.DivMain02 .Left, .DivMain02 .Right {width:530px; height:437px; float:left;  overflow:hidden; position:relative;}
.DivMain02 .Left{width:528px; height:435px; border:1px solid #606f7a;}
.DivMain02 .Left .icon{position:absolute; left:0; bottom:0; z-index:99;}
.DivMain02 .Left > a img:hover { position:relative;  transform:translate(0,0px) scale(1.1); -webkit-transform:translate(0,0px) scale(1.1);    -moz-transform:translate(0,0px) scale(1.1);    -o-transform:translate(0,0px) scale(1.1);    -ms-transform:translate(0,0px) scale(1.1);  transition:all 0.2s;  -webkit-transition:all 0.2s;}
.DivMain02 .Right ul { padding:30px 0 0 20px; font-size:15px;}
.DivMain02 .Right ul li { display:block; width:200px; float:left; background:url(../../img/up-jp/7.png) left center no-repeat; padding:5px 0 5px 30px;}
.DivMain02 .Right .Tab { width:448px; height:62px; background:url(../../img/up-jp/bg3.jpg) no-repeat; margin:20px 0 0 20px;}
.DivMain02 .Right h3 { font-size:17px; text-align:center; font-weight:bold;}
.DivMain02 .Right .Buy { padding:30px 0 0 100px;}
.DivMain02 .Right h4 { font-size:21px; padding:20px 0 0 20px; font-weight:400;}
.DivMain02 .Right p { font-size:15px; padding:10px 20px 0 20px;}
.DivMain02 .Right ol { padding:20px 0 0 20px; font-size:15px;}
.DivMain02 .Right ol li { display:block; width:400px; background:url(../../img/up-jp/7.png) left center no-repeat; padding:2px 0 2px 30px;}
/*----------------------------------*/

.DivMain03{background-color:#fcfbfa; padding:70px 0;}
.DivMain03 h2 + p{padding:15px 0 55px;}
.DivMain03 .main03_one{float:left;}
.DivMain03 .left{text-align:right; padding-top:20px;}
.DivMain03 .middle{margin:0 77px;}
.DivMain03 .right{text-align:left;}
.DivMain03 .main03_con{position:relative; border:1px solid #dfcab7; border-radius:5px; box-sizing:border-box; padding:13px 25px; width:330px;}
.DivMain03 .main03_con h4{font-size:18px; color:#000; font-weight:400; padding-bottom:5px;}
.DivMain03 .main03_con h4 img{vertical-align:-4px;}
.DivMain03 .main03_con p{font-size:15px;}
.DivMain03 .main03_con img.icon{position:absolute; top:50%; margin-top:-28px;}
.DivMain03 .left .main03_con{margin:20px 0;}
.DivMain03 .right .main03_con:nth-child(2){margin:20px 0;}
.DivMain03 .left img.icon{right:-60px;}
.DivMain03 .right img.icon{left:-60px;}
/*----------------------------------*/

.DivMain04{background-color:#363433; padding:30px 0;}
.DivMain04 .content_one{padding: 20px 0;}
.DivMain04 .content_one img{float: left;width: 74px;padding: 0 40px 0 0;}
.DivMain04 .content_one h4{font-size:24px; font-weight:400; padding-bottom: 14px; color:#e2e1e1;}
.DivMain04 .content_one .s01 p{color:#b8b7b6 ; text-align:justify;}
.DivMain04 .content_one .s01 p a{color:#54b5ff;}
.DivMain04 .one_left, .DivMain04 .one_right{float: left;width: 506px;padding:19px 0;}
/*----------------------------------*/

#footer { height:80px;min-width:1130px; font-size:12px; background-color:#1e1e1e;}
#footer .logo { width:1100px; margin:0 auto;}
#footer .logo img { float:left; margin:20px 40px 0 20px;}
#footer .logo p { color:#fff; line-height:81px; }
#footer .logo p a { color:#1698f3;}
/*----------------------------------*/

.MainFoot { background:#1f222a; color:#6a7480; text-align:center; line-height:23px;font-size: 13px;}
.MainFoot img{vertical-align:middle;}
.MainFoot .details {width:1090px; margin:0 auto; padding:15px 0; }
.MainFoot p { padding:3px 0;}
.MainFoot p a { color:#6a7480; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#6a7480;}
.MainFoot p i { display:block; height:40px; line-height:38px; font-style:normal;}
.MainFoot h6 { font-size:13px; padding:8px 100px 0; font-weight:400;}