body,textarea,input,option{font-size:12px; font-family:"microsoft yahei", arial; -webkit-text-size-adjust: none; }
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,textarea,input,select,form{margin:0; font-weight: normal; }
th,td,ul,ol,textarea,input{padding:0}
a{text-decoration:none}
a:hover{text-decoration:none}
table{border-collapse:collapse}
li{list-style:none}
img{border:none}
img,label,input{vertical-align:middle; background: transparent; border: 0; }
textarea,a,input{outline:none}
textarea{overflow:auto;resize:none}
.q:after{content:'';display:block;clear:both}
.q{zoom:1}

.l { float: left; }
.r { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.clearFix { clear: both; height: 0; line-height: 0; overflow: hidden; font-size: 0; }
.hide { display: none; }
.bgfff { background: #fff; }
/*public*/
.w-center { width: 980px; margin-left: auto; margin-right: auto; }
.hide { display: none; }
.home_bg { background: #171717; overflow: hidden;}
.b { font-weight: bold; }
.tac { text-align: center; }
.tar { text-align: right; }
.m0a {margin: 0 auto; }

body { background: #84837f; overflow-x: hidden;}
.wrap { overflow-y: auto;width: 100%; overflow-x: hidden;}

.logo { position: absolute; left: 30px; top: 15px; z-index: 100; }
.top-wall { height: 750px; overflow: hidden; margin: 0 auto; width: 100%; position: relative; background: url(../images/top/yun.jpg) center top no-repeat; background-size: cover; }
.left-yun { float: left; position: absolute; left:0; top:0; }
.right-yun { float: right; position: absolute; right:0; top:0; }
.yazi { width: 100%; left:0; height: 285px; background: url(../images/top/qianj.png) center bottom no-repeat; background-size: cover; bottom: -30px; position: absolute; z-index: 100;}
.car { position: absolute; left: 50%; margin-left: -250px; bottom: -80px; }
.scroll { width: 100%;height: 750px; overflow: hidden; position: absolute; left:0;}
.build { width: 10000px; position: absolute; left:0; top:0; }
.build img { float: left; }
.wz1 { position: absolute; left:50%; top:0; margin-left: -235px;}
.fly { position: absolute; top:110px; left: 300px;}
.submitbtn { position: absolute; left:50%; top:301px; cursor: pointer; margin-left: 200px;}
.erm { position: absolute; left:50%; top:300px; cursor: pointer; margin-left: 450px;}


#nav { height: 79px; background:#d31145 url(../images/nav.jpg) center top no-repeat;}
#nav ul { width: 980px; margin: 0 auto; }
#nav ul li { float: left;}
#nav a { width: 245px; float: left; height: 79px; text-indent: -999px; overflow: hidden; }
#nav.click1 { background-position: center -85px;}
#nav.click2 { background-position: center -170px;}
#nav.click3 { background-position: center -256px;}
#nav.click4 { background-position: center -343px;}
.content { font-size: 14px; line-height: 25px; color: #ffffff; background: url(../images/contentbg.jpg) center top repeat;}
.content .article {padding: 20px 25px 0 25px; }
.about { width: 980px; height: 660px; overflow: hidden; background: url(../images/about.png) no-repeat; }
.about .box { width:531px; float: right; }
.about .box p { padding-bottom: 15px;}

.all-pro { overflow: hidden; height: 422px; background: url(../images/probg.png) no-repeat;}
.all-pro ul { padding-top: 40px; overflow: hidden; }
.all-pro li { float: left; width: 195px; text-align: center; height: 118px; }
.all-pro .article { padding-top: 10px;}

.travel { height: 422px; background: url(../images/travelbg.png) no-repeat; padding-bottom: 175px;position: relative; }
.travel .box, .italy .box { width: 520px; float: right; margin-right: 25px; margin-top: 25px;}
.travel .box img, .italy .box img { padding-bottom: 20px;}

.yaoq { width: 632px; height: 370px; display: none; background: url(../images/yaoq.png) no-repeat; position: absolute; left: 50%; margin-left: -316px; top:184px; z-index: 200;}
.yaoq .close { width: 43px; height: 43px; z-index: 10; position: absolute; right:71px; top:0;}
.yaoq .box { width: 490px; position: relative; margin: 0 auto; padding-top: 115px;}
.yaoq td { padding: 9px 0; }
.yaoq input { width: 273px; height: 44px; background-color: #fbceda; font-size: 14px; padding: 0 5px;}
.yaoq .button { padding-top: 35px; }
.yaoq .error { color: #ff3c70; font-size: 16px; position: absolute; left: 200px; top: 235px; display: none; }

.yaoq2 { width: 632px; height: 370px; display: none; background: url(../images/yaoq2.png) no-repeat; position: absolute; left: 50%; margin-left: -316px; top:184px; z-index: 200;}
.yaoq2 .close { width: 43px; height: 43px; z-index: 10; position: absolute; right:71px; top:0;}
.yaoq2 .box { width: 490px; margin: 0 auto; padding-top: 115px;}
.yaoq2 td { padding: 9px 0; }
.yaoq2 input { width: 273px; height: 44px; background-color: #fbceda; font-size: 14px; padding: 0 5px;}
.yaoq2 .button { padding-top: 160px; }
.more { font-size: 18px; color: #fff; text-decoration: underline;}
.more:hover { text-decoration: underline;}

.smscroll { width: 979px; height: 127px; position: relative; padding-top: 8px; background: url(../images/nbot.png) no-repeat; }
.bx-wrapper { margin-bottom: 0;}
.bx-wrapper .bx-viewport { background: none; border: 0; box-shadow: none; margin-left: 5px;}
.bx-wrapper .bx-controls-direction a { width: 34px; height: 135px; position: absolute; top:0; margin-top: 0;}
.bx-wrapper .bx-controls-direction .bx-prev { left:-40px;}
.bx-wrapper .bx-controls-direction .bx-next { right:-40px;}
.bx-wrapper .bx-pager { display: none;}
.italy { height: 423px; background: url(../images/italybg.png) no-repeat; padding-bottom: 165px; position: relative;}
.about .smscroll { position: absolute; top: 510px;}
.travel .smscroll { position: absolute; top: 444px;}
.italy .smscroll { position: absolute; top: 440px;}
#mask { width: 100%; height: 100%; display: none; position: fixed; left:0; top:0; background-color: rgba(0,0,0,0.7);  z-index: 1000;}
.alertpop { position: absolute; top:0; left:0; overflow: hidden; z-index: 1100; width: 980px; height: 424px; background: url(../images/alerpop.jpg) no-repeat; }
.alertpop .close { width: 54px; height: 54px; background: url(../images/close.png) no-repeat; right:15px; top:15px; position: absolute; z-index: 1100;}
.slide { cursor: pointer;}

.dg-container{
    width: 100%;
    height: 450px;
    position: relative;
}
.dg-wrapper{
    width: 450px;
    height: 316px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}
.dg-wrapper a{
    width: 450px;
    height: 450px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.dg-wrapper a.dg-transition{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
    display: block;
    padding: 41px 0px 0px 1px;
}
.dg-wrapper a div{
    font-style: italic;
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    color: #333;
    font-size: 16px;
    width: 100%;
    bottom: -55px;
    display: none;
    position: absolute;
}
.dg-wrapper a.dg-center { z-index: 100;}
.dg-wrapper a.dg-center div{
    display: block;
}
.dg-container nav{

}
.dg-container nav span{
    text-indent: -9000px;
    float: left;
    cursor:pointer;
    width: 42px;
    height: 77px;
    position: absolute; z-index: 1000;
    background: url(../images/pprev.png) no-repeat;
    top: 185px;
}
.dg-container nav span:hover{
    opacity: 1;
}
.dg-container nav span.dg-prev {
    left:10px;
}
.dg-container nav span.dg-next{
    background-position: top right;
    right:10px;
    margin-left: 10px;
}