@charset 'UTF-8';
@font-face {

}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
ul,
p,
dl,
dt,
dd,
img {
    margin: 0;
    padding: 0;
    border: 0;
}
ul {
    list-style: none;
}
html,
body {
    font-size: 14px;
    font-weight: 400;
    font-family: "微軟雅黑" !important;
    width: 100%;
    height: 100%;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: lighter;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover,
a:active {
    outline: none;
    color: #00b0ec;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.clearfix{*+height:1%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.pull-right{float:right;}
.pull-left{float: left;}
.container{*+height:1%;}
.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.row{width:100%;*+height:1%;}
.row:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.container-fluid{width:100%;}
.form-control{width:100%;}
.btn {
    font-size: 14px;
    display: inline-block;
    padding: 4px 28px;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    line-height: 26px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}
.btn-sm{
    padding:2px 16px;
    line-height:18px;
    font-size:12px;
}
.btn-blue {
    background-color: #3a92e5;
    border-color: #3a92e5;
    color: #fff;
}
.btn-blue:hover {
    background-color: #fff;
    color: #368adf;
}
.btn-gray {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    color: #666;
}
.btn-gray:hover {
    background-color: #fff;
    color: #333;
}
.btn-gray-line {
    background: #fff;
    border-color: #999;
    color: #333;
}
.btn-gray-line:hover {
    background: #e5e5e5;
    border-color: #e5e5e5;
    color: #666;
}
.btn-blue-line {
    border-color: #368adf;
    background: #fff;
    color: #368adf;
}
.btn-blue-line:hover {
    background-color: #368adf;
    color: #fff;
}
.btn-block {
    width: 100%;
}
.pages > div {
    text-align: center;
}
.pages > div a,
.pages > div span {
    display: block;
    font-size: 14px;
    font-weight: lighter;
    color: #333;
    padding: 11px 14px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.06);
    margin-left: 2px;
    margin-right: 2px;
}
.pages > div span.current {
    background: #2882dd;
    background: -moz-linear-gradient(top, #3ac3ec, #2882dd);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3ac3ec), to(#2882dd));
    background: -o-linear-gradient(top, #3ac3ec, #2882dd);
    color: #fff;
    font-weight: normal;
}
.pages > div a:hover {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.2);
}
.pages > div a:hover a {
    font-weight: normal;
}
.pagination{width:100%;}
.pagination li{height:24px;width:24px;line-height:24px;-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;text-align:center;float:left;border:1px solid #e5e5e5;margin-right:5px;}
.pagination li>a{display:block;color:#444;}
.pagination li.active{background:#3a92e5;border-color:#3a92e5;}
.pagination li.active a{color:#fff;}
.pagination li:hover{background:#3a92e5;border-color:#3a92e5;}
.pagination li:hover a{color:#fff;}


.top-head{
    margin:0;
    padding:0;
}

.page-navigation{height:48px;line-height: 48px;}
.page-content{background:#fff;padding:20px;border-radius: 1px;padding-bottom:40px;min-height:300px;}

.sub-section-title{border-left:5px solid #2a86c1;padding-left:10px;margin:20px 0;
    font-weight:bold;font-size:16px;}
.content{margin-top:20px;width:100%;overflow: hidden;line-height: 1.5em;}
.content img{display:block;max-width: 100% !important;height:auto !important;margin:auto;}
.tools>span{color:#666; margin-right:20px;}
.tools{line-height:36px;border-bottom:1px solid #f0f0f0;}

.page-left{margin-right:20px;}

ul.nav-1{border-bottom:1px solid #f0f0f0;height:32px;line-height: 32px;}
ul.nav-1>li{float:left;}
ul.nav-1>li>a{display: block;padding:0 15px;}
ul.nav-1>li>a.active{border-bottom:2px solid #f00000;height:32px;font-weight: bold;}
ul.nav-2{border-bottom:1px solid #3a92e5;height:32px;line-height: 32px;}
ul.nav-2>li{float:left;}
ul.nav-2>li>a{display: block;padding:0 15px;}
ul.nav-2>li:hover{background: #f0f0f0;height:32px; border-bottom:1px solid #3a92e5;}
ul.nav-2>li>a.active{background: #3a92e5; color:#fff;border-radius: 1px;}

.video-play{width:60px;height:60px;line-height: 60px; position:absolute;left:50%;margin-left:-24px;top:50%;margin-top:-24px;z-index:999;
    border-radius: 50%; border:3px solid #fff;text-align: center;}
.video-play>i{font-size:40px;margin:auto;color:#fff;}
.video-box:hover .video-image{transform: scale(1.2);}
.video-box:hover .video-play{border-color:#2a86c1;}
.video-box:hover .video-play>i{color:#2a86c1;}
.video-box video{width:100%;}

.sub-box{border:1px solid #f0f0f0;padding:10px;background:#fafafa;}
.sub-item{width:100%; margin-top:10px;font-size:12px;}

@media(min-width:767px){

    .m-dialog{display:none;}
    .m-show-dialog{display: none;}

    .barChanged{background: rgba(234,234,234,0.8) !important;}
    .container{width:960px;margin:auto;}
    .right-content{padding-top:5px;}
    .sub-nav{}
    .sub-nav>li{line-height:48px;margin-top:5px;}
    .sub-nav>li>a{border-radius: 1px;display: block;background: #fafafa;text-align: left;padding-left:20px;transition: all 0.6s;}
    .sub-nav>li>a.active{background: #2a86c1; color:#fff;}
    .sub-nav>li>a:hover{background: #2a86c1; color:#fff;padding-left:30px;}
   .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left;}
    .col-md-1{width:8.3%;}
    .col-md-2{width:16.6%;}
    .col-md-3{width:24.9%;}
    .col-md-4{width:33.3%;}
    .col-md-5{width:41.6%;}
    .col-md-6{width:50%;}
    .col-md-7{width:58.3%;}
    .col-md-8{width:66.6%;}
    .col-md-9{width:75%;}
    .col-md-10{width:83.3%;}
    .col-md-11{width:91.6%;}
    .col-md-12{width:100%;}
    .top-head-left{
        width:45%;
        height:80px;
        background-color:#2986c1;
        background-image: url("../images/nav-bg.jpg");
        background-position: right;
        background-repeat: no-repeat;
        float:left;
    }
    .top-head-right{
        width:55%;
        height:80px;
        background-color:#eaeaea;
        float:left;
    }
    .logo{
        margin-top:16px;
        height:48px;
        float: right;
        margin-right:200px;
    }

    .top-head-right-content{margin-top:22px;margin-left:100px;}
    .search-div{height:36px;width:240px;float:left;}
    .search-input{height:36px;width:160px;border: 1px solid #2986c1;border-right:none;float:left;}
    .search-input>input{border:none;height:33px;width:100%;}
    .search-input>input:focus{border:none;}
    .search-btn{height:36px;width:60px;float:left;background: url("../images/search_btn.png") no-repeat;background-size: cover;}
    .search-btn>button{opacity: 0;width:100%;height:100%;display: block;}
    .search-btn>button:hover{cursor:pointer;}

    .lang-select-div{height:36px;width:80px;float:left;padding-top:3px;}
    .lang-flag{width:30px;height:30px;float:left;}
    .lang-arrow{width:30px;height:30px;float:left;}
    .lang-arrow:hover{cursor: pointer;}
    .lang-select-show{position:absolute;width:30px;height:90px;padding:0px;margin:0px;z-index:9999;}
    .lang-select-show>li{height:30px;list-style: none;margin:0px;padding:0px;}
    .lang-select-show>li:hover{cursor:pointer;}
    .lang-select-show>li>img{transition: all 0.6s;}
    .lang-select-show>li>img:hover{transform: scale(1.2);}

    .top-login{height:36px;line-height:36px;float:left;}

    .main-nav-section{background:#eaeaea;height:80px;z-index:999;}
    .main-nav-ul{padding:0px;margin:0px;height:80px;}
    .main-nav-ul>li{float:left;height:60px;line-height:80px;list-style: none;}
    .main-nav-ul>li>a{font-weight:lighter;display: block;width:100%;font-size:14px;color:#696969;padding:0 24px;transition: all 0.6s;text-transform: uppercase;}
    .main-nav-ul>li>a.active{border-bottom:2px solid #2a86c1;color:#2a86c1;}
    .main-nav-ul>li>a:hover{border-bottom:2px solid #2a86c1;color:#2a86c1;}

    .foot{background: #2a86c1;color:#fff;padding:10px 0;}
    .foot-copyright{height:40px;line-height: 40px;}
    .foot-logo{height:40px;}
    .foot-a{height:40px;line-height:40px;}
    .foot-a>a{margin-left:10px;color:#fff;}
    .foot-a>a:hover{text-decoration: underline;}

    .research-section{background: url("../images/bg-sm.png") no-repeat; background-size: cover;}
    .index-about-div{margin-top:40px;}
    .index-about-box-left{width:470px;padding:20px;background:#fafafa;}
    .index-about-box-left img{max-width:100%;}
    .index-about-box-left h4{color:#2986c1;}
    .index-about-box-left p{font-size:14px;line-height: 1.5em;margin-top:-5px;}
    .index-about-box-right{position:relative;width:470px;height:280px;background:#fafafa;margin-left:10px;overflow: hidden;}
    .index-about-box-right img{max-width:100%;}

    .index-research-div{margin-top:40px;}
    .index-title-research{width:100%;height:128px;text-align: center;}
    .index-title-research>img{margin: auto;width:180px;}

    .index-research-box{width:100%;height:260px;position: relative;}
    .index-research-box-1{margin-left:0px;}
    .index-research-box-2{margin-left:30px;}
    .index-research-box>img{width:300px;height:225px;}
    .index-research-text{position: absolute;width:280px;height:205px;padding-left:48px;padding-right:10px;left:170px;top:10px;background: url("../images/research-bg.png") no-repeat; background-size: cover;}
    .index-research-text>h4{color:#2a86c1;}
    .index-research-text>div{height:90px;font-size:12px;line-height:1.5em;color:#202020;}

    .service-section{min-height:400px;padding:40px 0;background: url("../images/service-bg.jpg") no-repeat;background-size: cover;}
    .index-title-service{width:100%;height:128px;text-align: center;}
    .index-title-service>img{margin: auto;width:180px;}
    .index-service-box{width:220px;height:260px;overflow:hidden;margin:auto;border:3px solid #fff;position: relative;transition: all 0.6s;}
    .index-service-box:hover{border:3px solid #2a86c1;}
    .index-service-box img{width:100%;}
    .index-service-text{position: absolute;width:220px;height:40px;display:block;line-height:40px;bottom:0px;background: #2a86c1; color:#fff;text-align: center;transition: all 0.6s;}
    .index-service-text:hover{background:#fff;color:#2a86c1;}

    .partner-section{min-height:400px;padding:40px 0;background: url("../images/partner-bg-2.png") no-repeat;background-size: cover;}
    .index-title-partner{width:100%;height:128px;text-align: center;}
    .index-title-partner>img{margin: auto;width:180px;}

    .partner-box{width:180px;height:180px;line-height:180px;text-align:center;background: #fff;float:left;margin-right:10px;margin-top:10px;transition: all 0.6s;}
    .partner-box:hover{transform: scale(1.1);box-shadow: 0px 0px 4px 3px #f0f0f0;}
    .partner-box>img{width:120px;max-height:120px;vertical-align: middle; margin:auto;}
    .partner-more{width:370px;height:180px;background:#fff;float:left;margin-top:10px;}
    .partner-more>a{display: block;text-align: center;font-size:48px;color:#00b7ee;line-height:160px;}
}

@media(max-width:767px) {
    .sub-box{display: none;}
    .sub-item{display: none;}
    .container{width:100%;}
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left;width:100%;}
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left;}
    .col-sm-1{width:8.3%;}
    .col-sm-2{width:16.6%;}
    .col-sm-3{width:24.9%;}
    .col-sm-4{width:33.3%;}
    .col-sm-5{width:41.6%;}
    .col-sm-6{width:50%;}
    .col-sm-7{width:58.3%;}
    .col-sm-8{width:66.6%;}
    .col-sm-9{width:75%;}
    .col-sm-10{width:83.3%;}
    .col-sm-11{width:91.6%;}
    .col-sm-12{width:100%;}

    .top-login{display: none;}
    .m-dialog{width:100%;height:100%;position:fixed;z-index:99999999;top:0px;left:0px;background:rgba(255,255,255,0.90);text-align:center;display:none;}
    .m-logo-div{width:100%;height:60px;background:#2a86c1;margin:0; padding:10px 0;}
    .m-logo-div>img{width:100px;}
    .m-nav>li{line-height:36px;text-align:left;border-bottom:1px solid #f0f0f0;padding:0 10px;}
    .m-nav>li>a{display:block;text-align: center;}
    .sub_nav{display:none;}
    .close-menu{padding-top:15px;margin-right:10px;}
    .close-menu>i{font-size:24px;color:#fff;}

    .m-show-dialog{cursor: pointer;padding:5px;margin-right:10px;}
    .m-show-dialog>i{font-size:24px;width:32px;height:32px;color:#000;}
    .menu-btn{height:48px;width:48px;display:block;position:absolute;right:0px;top:0px;}
    .menu-btn>img{width:24px;height:24px;margin:12px;}


    .top-head-left{
        width:60%;
        height:60px;
        background-color:#2986c1;
        background-image: url("../images/nav-bg.jpg");
        background-position: right;
        background-repeat: no-repeat;
        float:left;
    }
    .top-head-right{
        width:40%;
        height:60px;
        background-color:#eaeaea;
        float:left;
    }
    .logo{
        margin-top:10px;
        height:40px;
        float: right;
        margin-right:60px;
    }

    .page-left{margin-right:0;}
    .search-div{display: none;}
    .lang-select-div{height:36px;width:60px;margin-top:12px;float:left;padding-top:3px;}
    .lang-flag{width:30px;height:30px;float:left;}
    .lang-arrow{width:30px;height:30px;float:left;}
    .lang-arrow:hover{cursor: pointer;}
    .lang-select-show{position:absolute;width:30px;height:90px;padding:0px;margin:0px;z-index:999;}
    .lang-select-show>li{height:30px;list-style: none;margin:0px;padding:0px;}
    .lang-select-show>li:hover{cursor:pointer;}
    .lang-select-show>li>img{transition: all 0.6s;}
    .lang-select-show>li>img:hover{transform: scale(1.2);}


    .main-nav-section{display: none;}
    .main-nav-ul{padding:0px;margin:0px;height:80px;}
    .main-nav-ul>li{float:left;height:60px;line-height:80px;list-style: none;}
    .main-nav-ul>li>a{display: block;width:100%;font-size:14px;color:#696969;padding:0 24px;transition: all 0.6s;}
    .main-nav-ul>li>a.active{color:#fff !important;font-size:18px;background: #2986c1;}
    .main-nav-ul>li>a:hover{color:#2986c1;transform: scale(1.2);}

    .foot{background: #2a86c1;color:#fff;padding:10px 0;}
    .foot-copyright{height:40px;line-height: 40px;}
    .foot-logo{height:40px;}
    .foot-a{height:40px;line-height:40px;}
    .foot-a>a{color:#fff;}
    .foot-a>a:hover{text-decoration: underline;}
    .foot .col-md-3{text-align: center;}
    .foot .col-md-6{padding-left:10px;}

    .research-section{background: url("../images/bg-sm.png") no-repeat; background-size: cover;}
    .index-about-div{}
    .index-about-box-left{width:100%;padding:20px;background:#eaeaea;}
    .index-about-box-left img{max-width:100%;}
    .index-about-box-left h4{color:#2986c1;}
    .index-about-box-left p{font-size:14px;line-height: 1.5em;margin-top:-5px;}
    .index-about-box-right{position:relative;width:100%;margin-top:10px;background:#eaeaea;padding:20px;}
    .index-about-box-right img{max-width:100%;}

    .index-research-div{margin-top:40px;}
    .index-title-research{width:100%;height:128px;text-align: center;}
    .index-title-research>img{margin: auto;width:180px;}

    .index-research-box{width:100%;height:240px;position: relative;padding:10px;}

    .index-research-box>img{width:70%;height:100%;}
    .index-research-text{position: absolute;width:60%;height:80%;padding-left:48px;left:36%;top:10%;background: url("../images/research-bg.png") no-repeat; background-size: cover;}
    .index-research-text>h4{color:#2a86c1;}
    .index-research-text>div{height:90px;font-size:12px;line-height:1.5em;color:#202020;}

    .service-section{min-height:400px;padding:40px 0;background: url("../images/service-bg.jpg") no-repeat;background-size: cover;}
    .index-title-service{width:100%;height:128px;text-align: center;}
    .index-title-service>img{margin: auto;width:180px;}
    .index-service-box{width:95%;overflow:hidden;margin:auto;border:3px solid #fff;position: relative;transition: all 0.6s;margin-top:10px;}
    .index-service-box:hover{border:3px solid #2a86c1;}
    .index-service-box img{width:100%;max-height:180px;}
    .index-service-text{position: absolute;width:100%;height:40px;display:block;line-height:40px;bottom:0px;background: #2a86c1; color:#fff;text-align: center;transition: all 0.6s;}
    .index-service-text:hover{background:#fff;color:#2a86c1;}

    .partner-section{padding:40px 0;background: url("../images/partner-bg-2.png") no-repeat;background-size: cover;}
    .index-title-partner{width:100%;height:100px;text-align: center;}
    .index-title-partner>img{margin: auto;width:180px;}

    .partner-box{position:relative;width:47%;height:120px;line-height:120px;text-align:center;background: #fff;float:left;margin-left:2%;margin-top:10px;transition: all 0.6s;}
    .partner-box>img{width:60%;margin:auto;max-height:120px;vertical-align: middle; }
    .partner-more{width:96%;height:180px;background:#fff;float:left;margin-top:10px;margin-left: 2%;}
    .partner-more>a{display: block;text-align: center;font-size:48px;color:#00b7ee;line-height:160px;}


    .sub-nav{padding-bottom:20px;}
    .sub-nav>li{float:left;}
    .sub-nav>li>a{border-radius: 1px;display: block;background: #fafafa;text-align: left;padding:8px 16px;transition: all 0.6s;}
    .sub-nav>li>a.active{background: #2a86c1; color:#fff;border-radius: 1px;}
    .sub-nav>li>a:hover{background: #2a86c1; color:#fff;}

}