@import url('css/reset.css');
@import url('//at.alicdn.com/t/font_893209_cvrk8mchine.css');
/*body{background:url(img/background1.png) no-repeat center top,url(img/background3.png) no-repeat center bottom, url(img/background2.png) repeat-y center, url(img/bg2.png) no-repeat center -123px fixed,url(img/bg.png);min-height:1100px;padding-bottom: 62px;}*/
/*html{background: url(img/bg.png);}*/
body{background:url(img/bg2.jpg) no-repeat center bottom fixed;}
.bg1{background: url(img/background1.png) no-repeat top center;height: 92px;}
.bg2{background: url(img/background2.png) center repeat-y !important;}
.bg3{background: url(img/background3.png) no-repeat bottom center;height: 68px;margin-bottom: -3px;}
.wrapper{width: 1062px;}
.header{padding-bottom: 8px;padding-top: 20px;overflow: hidden;}
.header .lang{float: right;position: absolute;top: 0;bottom: 0;right: 10px;height: 30px;margin-top: auto;margin-bottom: auto;}
.header .lang i{margin-right: 10px;}
.logo{text-align: center;}
.navication{background:url(img/navication.png) no-repeat top center;height: 58px;text-align: center;}
.navication li{display: inline-block;float: none;color: #777;line-height:2;}
.navication li a {display: block;padding-left: 25px;padding-right: 25px;transition: all .3s;font-weight: bold;margin-left: 25px;margin-right: 25px;border-radius: 4px;margin-top: 15px;}
.navication li.on a,.navication li:hover a{background:#f3ece1;}

.banner{margin-top: 35px;}
.banner ul li{margin-left: auto;margin-right: auto;max-width: 100%;}
.banner ol li.on{background:#0099ff;}
.banner span i.iconfont{font-size: 66px;font-weight: bold;color: #c2a778;cursor: pointer;transition: all .3s;}
.banner span i.iconfont:hover{opacity: 0.7;}

.fl1.wrapper{background:url(img/fl11.png) no-repeat top center,url(img/fl13.png) no-repeat bottom center,url(img/fl12.png) repeat-y center;padding: 55px;margin-top: 30px;}
.fl1 .img{width: 300px;float: left;text-align: center;position: absolute;height: 100%;top: 0}
.fl1 .img img{}
.fl1 .txt{margin-left: 300px;margin-right: 60px;}
.fl1 .txt p{margin-bottom: 30px;}

.footer{padding-top: 15px;}
.footer .x1 .left{float: left;}
.footer .x1 .right{float: right;}


div[class*="fl"]>.title {height: 19px;background:url(img/line.png) repeat-x;text-align: center;position: relative;margin-top: 50px;}
div[class*="fl"]>.title span{background:#d69439;display: inline-block;padding: 10px 50px;color: #fff;font-weight: bold;position: relative;top: -15px;}
div[class*="fl"] div[class*="x"] .tit{background:url(img/tit_bg.png) repeat-x bottom left;padding-bottom: 10px;margin-bottom: 15px;padding-top: 20px;}
div[class*="fl"] div[class*="x"] .img{overflow: hidden;}
div[class*="fl"] div[class*="x"] .img img{transition: all .3s;}
div[class*="fl"] div[class*="x"] .img:hover img{transform: scale(1.1);}
div[class*="fl"]{background:url(img/line2.png)  repeat-x bottom;padding-bottom: 30px;}

.banner_inner{min-height: 150px;height: 150px;margin-top: 20px;margin-bottom: 10px;}
.banner_inner,.banner_inner .wrapper{height: 150px;min-height: 150px;background-size: cover;background-repeat: no-repeat;text-shadow: 0 0 5px #333;color: #fff;font-size: 28px;}
.article,.contact_bg{overflow: hidden;margin-bottom: 30px;}
.article .title{text-align: center;}
.mgt15{margin-top: 15px;}

.contact{margin-top: 15px;}
.side{padding-bottom: 0px;}

.side li{line-height: 26px;list-style: none;}
.side li a{display: block;}
.side li img{display: inline-block;margin-right: 8px;visibility:hidden;vertical-align: middle;}
.side li.on a,.side li:hover a{font-weight: bold;color: #934e10;}
.side li.on img,.side li:hover img{visibility: visible;}
.side li{padding-left: 30px;padding-top: 10px;padding-bottom: 10px;background:url(img/li_bg.png) no-repeat;background-size: 100% auto;margin-top: 10px;text-align: center;width: 100%;background-size: cover;text-indent: 0;padding: 0;line-height: 41px;}
.article h3.title{border-bottom: solid 1px #999;padding-bottom: 10px;margin-bottom: 10px;text-align: left;}

.fl3 .x3 img{width: 343px;height: 229px;}
.article .x3{margin-bottom: 30px;margin-top: 15px;}
.article .x3>div{box-shadow: 0 0 5px #ccc;background: #fff;}
.article .x3>div .txt{text-align: center;background:#585451;color: #fff;padding: 5px 10px;line-height: 1.5;}
.pimg{box-shadow:  0 0 5px #ccc;margin-top: 30px;background: #fff;}

.layout .container,.main{background:url(img/line2.png)  repeat-x bottom;padding-bottom: 30px;}
.menubar{display: inline-block;position: absolute;right: 0;top: 55px;display: none;}

.article li{list-style: disc inside;}


@media all and (max-width:1155px){
    .wrapper{width:auto !important;margin-left:15px;margin-right:15px;}
    .bg1{display: none;}
    .bg3{display: none;}
    body{border: solid 15px #85686a;}

}
@media all and (max-width:999px){
    .navication li a {padding-left: 15px;padding-right: 15px;}
    .footer .x1 .right{float: left;}
    .footer{padding-bottom: 15px;}
}

@media all and (max-width:888px){
    .navication li a {padding-left: 25px;padding-right: 25px;margin-left: 0;margin-right: 0;}
    .fl1 .img{width: auto;height: auto;position: static;display: inline-block;margin-right: 25px;}
    .fl1 .txt{margin: auto;}
    .fl3 .x3 img{width: auto;height: auto;}
    .main .x3{width: 50%;}
    .main .content{margin: 0;}
    .main .article{padding: 20px 1px;}
}
@media all and (max-width:730px){
    body{border: solid 10px #85686a;}
    .navication li a {padding-left: 15px;padding-right:15px;}
    .logo img{height:100px !important;}
    .fl1.wrapper{padding-left: 15px;padding-right: 15px;}
    .side{width: 100%;}
    .content{width: 100%;}
    .contact .x2{width: 100%;}
    .contact .x2 .map{margin-left: 0;margin-right: 0;}
    .contact .x2:first-child{padding-right: 0;}
    .contact .x2:last-child{margin-left: 15px;width:auto !important; display: block;margin-top: 20px;}
}
@media all and (max-width:720px){
    .menubar{display: inline-block;}
    .banner span i.iconfont{font-size: 50px;}
    .header .lang{top: 15px;bottom: auto;right: 0;}
    .banner{margin-top: 0;}
    .navication{height: auto;background: none;background:#f1e4d1;text-align: left;border: solid 1px #ab6c70;display: none;margin-bottom: 15px;}
    .navication li{width: 100%;background:none;}
    .navication li a {padding: 0;margin: 0;background: none;color: #333 !important;padding: 3px 15px !important;display: block !important;}
    .navication li:hover a,.navication li.on a{background:none !important;}
    .navication li dl{position: relative;display: block;margin: 0;left: 0 !important;width: 100%;padding-top: 0;background: none;overflow: hidden;}
    .navication li dl dd{display: block !important;width: 100%;float: left;}
    .navication li dl dd a{background: none !important;border: none !important;color: #555 !important;text-indent: 15px;display: block !important;}
    .pages .article{padding: 0;}
}
@media all and (max-width:620px){
    .navication li a {padding-left: 15px;padding-right:15px;}
    .fl2 .x4{width: 50%;}
    .logo img{height:80px !important;}
    .footer{font-size: 15px;}
    .footer .x1{padding: 0;}
}
@media all and (max-width:500px){
    .fl1 .img{width: 100%;text-align: center;margin: 0;margin-bottom: 20px;}
}