@charset "utf-8";
/* CSS Document */

/* import css */
@import 'owl.carousel.css';
@import 'owl.theme.css';
@import 'animate.min.css';
@import '../fonts/iconfont.css';

/* command */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; outline:0; font-family:inherit; vertical-align:baseline;}
html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{border:none;}
img{vertical-align:top;}
ol,ul{list-style-type:none;}
input, select{vertical-align:middle;}
.ie7 img{-ms-interpolation-mode:bicubic;}

body{margin:0; padding:0; background:url('../images/body_bg.jpg') no-repeat center 0; background-size:cover; background-attachment:fixed; font-family:'微软雅黑'; width:100%; height:100%; line-height:1.4;}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin:0; padding:0; border:none;}
input,button{margin:0; padding:0; font-family:"Microsoft Yahei";}
textarea{font-size:12px; padding:6px 5px;}
ol,ul{list-style-type:none;}
.clear{clear:both;}
.clearfix,.w
{zoom:1;}
.clearfix:after,.w:after
{content:"."; display:block; overflow:hidden; height:0; clear:both; visibility:hidden;}

/* links */
a{color:#333; text-decoration:none; outline:none !important;}
a:hover{color:#496630; text-decoration:underline;} a:visited{color:#333;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}

/* @font-tace files
----------------------------------- */
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Light.eot');
    src: url('../fonts/Quicksand-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand-Light.woff') format('woff'),
         url('../fonts/Quicksand-Light.ttf') format('truetype'),
         url('../fonts/Quicksand-Light.svg#KaushanScript') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* base
----------------------------------- */
.item{float:right; text-align:left; position:relative; overflow:hidden;}
    .item .box{position:absolute; top:0; left:0; width:100%; height:100%;}
        .item .box>a{display:block; width:100%; height:100%; position:relative;}
        .item img{width:100%;}

.w1{width:20%;} .w2{width:40%;} .w3{width:60%;} .w4{width:80%;} .w5{width:100%;}



/* index page style
----------------------------------- */
.wrapper{margin:0 auto;}
.head{float:right; position:relative;}
    .head .logo{background:#b2b2b0;}
        .head .logo a{display:block; background:url('../images/logo.png') no-repeat 0 30px; background-size:contain; width:100%; height:100%; text-indent:-999em; overflow:hidden;}
    .icons{background:#b2b2b0; position:relative;}
        .icons ul{position:absolute; bottom:18px; left:0; width:100%; text-align:center;}
        .icons ul li{display:inline-block; width:42px; height:42px; background:url('../images/icon_shadow.png') no-repeat 6px 0px; background-size:100% auto;}
            .icons ul li a{display:block; width:32px; height:32px; position:relative; border-radius:50%; overflow:hidden;}
                .icons ul li a span{position:absolute; top:0; right:0; display:block; width:64px; height:32px; transition:all 0.3s linear;}
                    .icons ul li a span b{display:block; width:32px; height:32px; float:right; border-radius:50%;}
                .icons ul li a i.ico{position:absolute; top:0; left:0; display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:21px; color:#b2b2b0; text-decoration:none;}
            .icons ul li a:hover span{right:-32px;}

    .metroCtrlWrap{background:#fff;}
        .metroCtrl{width:168px; margin:0 auto;}
        .metroBtn{float:right;}
        .metroBtn,.metroBtn span,.metroBtn span i.ico{display:block; width:56px; height:56px; text-align:center; line-height:56px;}
        .metroBtn{margin:0 auto; transition:all 0.3s linear; color:#b2b2b0; overflow:hidden; position:relative;}
            .metroBtn span{position:absolute; left:0; top:0; transition:all 0.3s linear; cursor:pointer;}
            .metroBtn span i.ico{font-size:36px;}
        .metroBtn:hover{border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px; background-color:#09f; opacity:1;}
        .metroBtn:hover span{top:-56px;}

.main{float:right; position:relative;}
.content{position:absolute; top:0; left:0; width:100%;}
    .content.hide{display:none;}


/* each_over */
.each_over{cursor:pointer;}
    .each_over,.over_bg{position:absolute; top:0; left:0; margin:0; padding:0; display:block; width:100%; height:100%;}
    .over_info{width:84%; text-align:center; margin:0 auto; position:relative; top:20%; color:#fff;} .h2 .over_info{top:35%;}
        .over_info h3{margin:0; padding:0; font-size:1.76em; font-weight:normal; height:10%; position:relative; left:20px; margin-top:35px; font-family:'Quicksand','Microsoft Yahei'; font-weight:100; text-transform:uppercase; color:transparent; text-shadow:0 0 5px rgba(255,255,255,0.9);}
        .over_info p{font-size:1.76em; line-height:36px; position:relative; margin-top:25px; font-family:'Quicksand','Microsoft Yahei'; font-weight:100; text-transform:uppercase; padding-bottom:20px;}
        .over_info b{display:block; width:48px; height:48px; line-height:48px; text-align:center; margin:0 auto; position:relative; margin-top:25px;border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; box-shadow:0 0 5px 0 rgba(255,255,255,0.8);}
            .over_info b i.ico{font-size:26px;}
        .over_info b:hover{border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px; transition:all 0.3s linear;}

/* fullsize */
.fullSizeContainer{width:100%; height:100%; background:#0b0c10; top:0; left:0; z-index:10; position:fixed; overflow:hidden;}
    .slideBox{height:90%; margin:0 auto; position:relative;}
        .slideBoxBg{position:absolute; width:100%; height:100%; text-align:center;}
            .slideBoxBg img{height:100%; max-width:100%;}
        .slideImgWrap{position:absolute; width:100%; height:100%; text-align:center;}
            .slideImg{margin:0 auto;}
                .slideImg ul{}
                    .slideImg ul li{overflow:hidden;}
                        .slideImg ul li img{width:100%;}

        .loadError{width:100%; height:100%; color:#fff; text-align:center;}
        .loadImg{width:100%; height:100%; background:url('../images/cloud.gif') no-repeat center center #000;}

    .imgBtn{position:absolute; top:30%; right:2%; z-index:99;}
        .imgBtn a{display:block; width:56px; height:56px; line-height:56px; text-align:center; z-index:500; cursor:pointer; transition:all 0.3s linear; color:#fff; text-decoration:none; margin-bottom:20px;}
            .imgBtn a i.ico{font-size:30px;}
        .imgBtn a:hover{background-color:#09f; border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px; text-decoration:none;}


@media screen and (min-width:480px) and (max-width:768px){
.wrapper{width:96%; margin:0 auto;}
    .wrapper .head,.wrapper .main{margin-top:30px;}
        .wrapper .head{width:30%;}
            .head .logo{height:180px;}
            .icons{height:120px;}
            .metroCtrlWrap{height:180px;}
                .metroBtn{margin-top:56px;}
        .wrapper .main{width:70%;}
    .content .item{width:100% !important; height:280px;}
    .item.w3,.item.w2{width:100% !important;}
    .item.w1{width:50% !important;}
.slideBoxBg{display:none;}
    .slideImg{width:100%; margin:0 auto;}
}

@media screen and (max-width:480px){
.wrapper{}
    .wrapper .head,.wrapper .main{float:none; width:90%; margin:0 auto;}
    .wrapper .head{margin-top:30px;}
        .head .logo{height:180px;}
        .icons{height:120px;}
        .metroCtrlWrap{height:180px;}
            .metroBtn{margin-top:56px;}
    .content .item{width:100% !important; height:280px;}
    .item.w3,.item.w2{width:100% !important;}
    .item.w1{width:50% !important;}
.slideBoxBg{display:none;}
    .slideImg{width:90%; margin:0 auto;}
    .imgBtn{top:20px;}
}


/* override style */
p.indent,.indentP p,.indent,p.in{text-indent:2em;} .noIn,p.noIn{text-indent:0;}
.img{text-align:center; padding:15px 0; margin:0 auto;}
    .img img{max-width:100%; _width:100%;}
    .fl .img,.fr .img{padding:8px 0;}
.alignC{text-align:center; margin:0 auto;} .alignL{text-align:left;}  .alignR{text-align:right;}

.write{color:#fff;}
.bgwrite{background:#fff;} .bgblue{background:#1e91d6;} .bgorange{background:#ff4200;} .bgred{background:#eb182c;}
.bgdbblue{background:#3a589b;} .bgyellow{background:#ffeb44;}
.ft12{font-size:12px;} .ft14{font-size:14px !important;} .ft16{font-size:16px;} .ft18{font-size:18px;}
.ft24{font-size:24px;} .ft38{font-size:38px;}
.fr{float:right;} .fl{float:left;}
.vtop{vertical-align:top;}
.mR0{margin-right:0;} .mT30{margin-top:30px;}
.pT30{padding-top:30px;}