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

/**自定义样式**/
*{ margin: 0 ; padding: 0;}
html{ font-size:20px;}
body {
    font-family:"Microsoft JhengHei"/*微軟正黑*/ , "Helvetica Neue", Helvetica, 'SimHei', Arial, sans-serif;  color:#666; background: #ffffff;  /*font-family: "Microsoft YaHei"; 微軟雅黑*/
    font-size: 14px;
}
input, textarea, selet, option, button{outline: none;}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
input:-webkit-autofill{ background: none;}

a{color: #090b17;text-decoration: none;  }
a:hover{color:#666;text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;transition: all 0.3s;   }
a:focus,a:hover{text-decoration: none; color:#333;}
li{list-style: none;}

/*body a{outline:none;blr:expression(this.onFocus=this.blur());}  去掉a标签点击后的虚线*/
/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */
/* without this class applied, a float might hang over the bottom border of it's container */
.clearfix:after {content:"."; width:0; height:0; line-height:0; font-size:0; display:block; clear:both; visibility:hidden; overflow:hidden;margin:0;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/*======框架样式重置初始化========*/
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{ margin: 0;}
.h16{ font-size:16px;}
.h20{ font-size:20px;}
.h22{ font-size:22px;}
.h28{ font-size:28px;}


.fr{ float: right;}
.fl{ float: left;}


/*-------------導航---------------*/
/*按鈕部分*/
.hamburger {vertical-align:middle;/*padding-right: 6px;*/ background:none;}
.hamburger,.hamburger:before,.hamburger .hamburger-bar,.hamburger:after {-webkit-transition:-webkit-transform .2s ease-in-out;-o-transition:-o-transform .2s ease-in-out;transition:transform .2s ease-in-out;}
.hamburger:before,.hamburger:after {content:"";}
.hamburger:before,.hamburger .hamburger-bar,.hamburger:after {display:block;width:1.4em;height:3px;margin:0;background:#222;border-radius:1px;}
.navbar-default .hamburger .hamburger-bar,.navbar-default .hamburger:after {background:#222;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background: none;}
.hamburger .hamburger-bar {margin:.2em 0;}
.hamburger-close:before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:5%;-ms-transform-origin:5%;-o-transform-origin:5%;transform-origin:5%; }
.hamburger-close .hamburger-bar {opacity:0;}
.hamburger-close:after {-webkit-transform:rotate(-48deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:5%;-ms-transform-origin:5%;-o-transform-origin:5%;transform-origin:5%;margin-top:3px;}
/*.hamburger-close.collapsed{padding-right: 10px;}*/
.hamburger-close.collapsed:before{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0); }
.hamburger-close.collapsed .hamburger-bar {opacity:1;}
.hamburger-close.collapsed:after {-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}

/**/
.header-box {-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none;z-index:1601; border: none; border-radius: 0;background:#fff; padding:0 3%; width: 100%; margin-bottom: 0; -webkit-transition: all .6s ease;  transition: all .6s ease; position: fixed; left: 0; top:0; }
.header-box.navbar-shadow{box-shadow:0 1px 3px rgba(0,0,0,.05);  }

.header-box .dropdown-menu {left:50%;min-width:150px; margin-left:0;background:rgba(0,0,0,0.3); -o-box-shadow:0 1px 2px rgba(190,190,190,0.1);-ms-box-shadow:0 1px 2px rgba(190,190,190,0.1);box-shadow:0 1px 2px rgba(190,190,190,0.1); text-align: center;}
.header-box .dropdown-menu:before{ position:absolute; top:-6px;left:50%; opacity:.3; filter:Alpha(opacity=30); margin-left: -5px; content:""; width:0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px #000;}

.header-box .navbar-logo {padding:0px;display:block; margin:15px 40px 0 0; height:40px; width:140px;}
.header-box .navbar-logo img { max-width: 100%}
.header-box .navbar-toggle {height:auto;margin-right:0;border:none;}

.header-box .nav{ position: absolute; left: 50%; top:0; transform:translateX(-50%); }
.header-box .nav>li{padding: 0; }
.header-box .nav>li>a{color:#333333;transition:color 0.5s;-webkit-transition:color 0.5s;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s; line-height:80px;margin: 0; padding: 0; background: none; padding: 0 15px;}
/*.header-box .nav>li>a:before{ position:absolute; left:50%; top: 0; content: ""; width:0%; height: 2px;  background: #7bcbc1;    -webkit-transition: all .6s ease;*/
    /*transition: all .6s ease; }*/
.navbar-default .navbar-nav > .nav li.open a:before,.navbar-default .navbar-nav > .nav li:hover a:before{left:10%; top: 0; content: ""; width:80%;}
.header-box .nav>li:hover a:before{left:10%; top: 0; content: ""; width:80%;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { color: #333333; background: none; }
.header-box .nav li .dropdown-menu{top: 70px; margin-left:-45px; -webkit-transition: all .6s ease;  transition: all .6s ease;}
.header-box .nav li.open a:hover .dropdown-menu{}
.header-box .nav>li.open .dropdown-menu {display:block; border:none;}
.header-box .nav>li.open .dropdown-menu li a{padding:0; color: #333333; line-height:30px;}
.header-box .nav>li.open .dropdown-menu li a:hover{ color: #222;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;  -o-transition: all 0.3s; transition: all 0.3s;}

.header-box .nav>li>a:hover,.navbar-default .navbar-nav > .open:hover > a,.navbar-default .navbar-nav > li.active > a,.header-box .nav li a.active,header-box .dropdown.open>a,.header-box .nav li.active>a:hover,.header-box .nav li.active>a:active,.header-box .nav li>a:hover.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:#222;  background: #fff;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;  -o-transition: all 0.3s; transition: all 0.3s;}

/*及时查询*/
.fast-language{ float:left; }
.fast-language .fast{ background:none;height:80px;line-height:80px;background-image:url("../images/icon.png"); background-repeat: no-repeat; background-size:initial; background-position:-4px -160px; padding-left:26px; -webkit-transition:all .5s ease; transition:all .5s ease;  }
.fast-language .fast span{ display:inline-block;}
.fast-language .fast:hover{background-position:-4px 0px;}
.fast-language .fast:hover span{ color: #222;}
/*中英文*/
.fast-language .language{position: relative; display: inline-block; margin-left: 20px; line-height:80px;}
.fast-language .language a.dropdown-toggle{ background-image:url("../images/icon.png"); background-repeat: no-repeat; background-size:initial; background-position:-4px -480px; display: inline-block; padding-left:26px; position: relative; color: #333; -webkit-transition:all .5s ease; transition:all .5s ease; display: inline;}
.fast-language .language a.dropdown-toggle i{padding-left:3px; }
.fast-language .language:hover a.dropdown-toggle,.fast-language .language.open a.dropdown-toggle{background-position:-4px -320px;}
.fast-language .language:hover a.dropdown-toggle{}
.fast-language .language .dropdown-menu{ min-width:88px; margin-left:-44px;  background: #fff;padding:0;top:78px; }
.fast-language .language .dropdown-menu a{ display:block; line-height:30px; color: #333; }
.fast-language .language .dropdown-menu a:last-child{border-radius:0 0 3px 3px; }
.fast-language .language .dropdown-menu a:hover{ background: #fff; color: #222;}
/*.header-box .nav>li.language a:first-child::after{ position: absolute; right:-10px; top:30px; content:''; width: 1px; height:12px; background:#777;  }*/

/*轮播滑动*/
.main-box{ height: auto;min-height: 1000px;}
.main-box .ad-banner-box{background-color: #fff;  position: relative;  width:100%;/*height:440px;*/ }
.main-box .content{background-color: #fff;  position: relative;  z-index: 1;}
/*广告图*/
.ad-banner{ width: 100%; height:320px; position:fixed;top:80px;  background-repeat: no-repeat; background-position:center center;-webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;  }
.ad-banner:hover{  }
.ad-banner img{ max-width: 100%; }
.ad-banner .ad-title{ position: absolute; left: 0; top: 50%; margin-top:-24px; text-align: center; width: 100%;}
.ad-title h2{  color: #fff; line-height:28px;}
.ad-title p{  color: #fff; line-height:20px; margin-bottom: 0;}


/*===========网站底部===================*/
.contactus_box{width: 100%; height: 380px;position: relative;}
.contactus_box-bg{width: 100%; height:100%;/* position:absolute; left: 0; top: 0; content:"";*/  background-color:#2395cd;  opacity:0.95;  filter: alpha(opacity=95); display: table;}
.contactus_box-bg .middle{ display: table-cell; vertical-align: middle;}
.contactus_box .jumbotron{ color: #fff;  background:none; text-align: center; margin-bottom:0; padding-top: 31px; }
.contactus_box .jumbotron h3{ height:40px; line-height:40px; }
.contactus_box .jumbotron p{ line-height:24px; margin:16px 0;  font-size: 16px; }
.contactus_box .jumbotron .tel{}
.contactus_box .jumbotron .tel strong{ font-size:28px; padding: 0 10px;  }
.contactus_box .jumbotron a.btn{ margin-top:20px;  display:inline-block; background:#fff; font-size:16px; color:#31373a;  line-height:44px; height:44px;width: 240px; text-align: center; padding: 0; border-radius:0;border: none; position: relative; -webkit-transition:all .5s ease;transition:all .5s ease;  }
.contactus_box .jumbotron a.btn span{ display:inline-block;line-height:44px; width:100%;position: absolute; z-index: 2;  left: 0; top: 0;  }
.contactus_box .jumbotron a.btn:before{content:""; width:0; height:100%; left: 0; top:0;  position: absolute;z-index:1; background:#31373a; -webkit-transition:all .5s ease;transition:all .5s ease;  }
.contactus_box .jumbotron a.btn i{ margin-right: 10px;font-size:18px; }
.contactus_box .jumbotron a.btn:hover{ color: #fff; }
.contactus_box .jumbotron a.btn:hover:before{ width: 100%;  }
/*底部導航*/
.footer-bg{ background: #f7fafa; width:94%; overflow:hidden; margin:0 auto;}
.footer-bg .footer-content{ padding-top:76px;padding-bottom:76px;}
.footer-bg .footer-content .footer-nav{}
.footer-bg .footer-content .footer-nav li{ line-height:30px;color: #808080;-webkit-transition:all .5s ease; transition:all .5s ease;}
.footer-bg .footer-content .footer-nav li:first-child{ margin-bottom: 40px; color: #666;}
.footer-bg .footer-content .footer-nav li a{color: #808080; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer-bg .footer-content .footer-nav li a i{ font-size:18px; margin-left: 12px; color: #808080 }
.footer-bg .footer-content .footer-nav li:hover a,.footer-bg .footer-content .footer-nav li:hover{ color:#222;}
.footer-bg .footer-content .Social-contact{ text-align: right;}
.footer-bg .footer-content .Social-contact li{ line-height:30px;color: #8a9399; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer-bg .footer-content .Social-contact li.email{ line-height:30px; position: relative;}
.footer-bg .footer-content .Social-contact li.email .index-email{ width: 240px;height: 30px; padding:5px 38px 5px 5px; border:solid 1px #dedede;}
.footer-bg .footer-content .Social-contact li.email .index-email-btn{ display:inline-block; height:30px;  width: 32px; position:absolute; right:0px; top:0; border-left:solid 1px #dedede; -webkit-transition:all .5s ease;transition:all .5s ease; }
.footer-bg .footer-content .Social-contact li.email .index-email-btn i{ margin-left: 0;margin-right:12px;}
.footer-bg .footer-content .Social-contact li.email:hover .index-email{ border-color:#333; }
.footer-bg .footer-content .Social-contact li.email:hover .index-email-btn{ background: #333; color: #fff;border-color:#333; }
.footer-bg .footer-content .Social-contact li.email:hover .index-email-btn i{ color: #fff; }
.footer-bg .footer-content .Social-contact li p{ margin-top: 20px;}
.footer-bg .footer-content .Social-contact li p a:hover i{ color: #222; -webkit-transition:all .5s ease; transition:all .5s ease;}


.footer-bg .Copyright{line-height:44px;text-align: center;color: #808080; -webkit-transition:all .5s ease; transition:all .5s ease;background:#fff; padding:40px 0;  }
.footer-bg .Copyright span.by{color:#8a9399; margin-left: 40px;}
.footer-bg .Copyright span.by a{color:#808080; padding-left: 5px; }
.footer-bg .Copyright span.by a:hover{text-decoration: underline; color: #222;}



@media only screen and (max-width:1200px){
    .header-box .container{width: 100%;}
    .header-box .nav{position: relative; left:0; top:0; transform:translateX(0); }
    .header-box .nav>li a{ padding:0 7px; }
    .header-box .nav>li.language{ margin-right:0;}
    .header-box .navbar-logo {display:block; width:140px; margin-right: 20px;}
    .navbar>.container .navbar-brand{ margin-left: 0;}
    .fast-language{ float:left; margin-left:20px;  }
    /*广告图*/
    .ad-banner{background-size:cover;  }
    .ad-banner:hover{  background-size:cover; }

    /*底部*/
    .footer-bg .footer-content{ width: 100%;}
    .footer-bg .footer-content .footer-nav li:first-child{ margin-bottom:20px;}
    .footer-bg .footer-content .Social-contact{ text-align:left;}
    .footer-bg .footer-content .Social-contact li.email{width: 240px;}
    .footer-bg .footer-content .Social-contact li.email .index-email-btn{ text-align: center;}
    .footer-bg .footer-content .Social-contact li.email .index-email-btn i{ margin-right: 0;}
    .footer-bg .footer-content .Social-contact li p i{ margin-left: 0;margin-right:12px;}
}
@media only screen and (max-width:860px){
    .header-box{ padding: 0 2%;}
    .header-box .navbar-collapse{ padding:0;}
}



@media only screen and (max-width:768px){
    /*======框架样式重置初始化========*/
    .h1,h1{font-size:1.4rem}
    .h2,h2{font-size:1rem}
    .h3,h3{font-size:.75rem}
    .h4,h4{font-size:.5rem}
    .h16{ font-size:.55rem;}
    .h20{ font-size:.65rem;}
    .h22{ font-size:.7rem;}
    .h28{ font-size:.85rem;}

    /*頭部導航*/
    /*.header-box{ position: static;}*/
    .header-box .nav>li>a:before{ display: none;}
    .header-box .container{ margin: 0;}
    .header-box .navbar-logo {padding:0px;display:block; margin:5px 10px 0 10px; width: 100px; height: 30px;}
    .navbar>.container .navbar-brand{ margin-left:10px;}
    .header-box .navbar-collapse{width: 100%; margin: 0; padding:0;position: absolute; top:50px;  left: 0; z-index: 2; background: #fff; padding-bottom: 20px;}
    .header-box .nav{width: 100%; clear: both; margin:0;  }
    .header-box .nav li{margin: 0; border-bottom: dotted 1px #eee; padding:0 15px;}
    .header-box .nav li:last-child{ border-bottom:none;}
    .header-box .nav li .dropdown-menu{ margin-left:0px;}
    .header-box .navbar-collapse .nav>li>a{ line-height:46px;margin: 0; padding: 0; background: none; }
    .header-box .nav li a.active,header-box .dropdown.open>a,.header-box .nav li.active>a:hover,.header-box .nav li.active>a:active,.header-box .nav li>a:hover.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none;border-bottom: none; color: #222;}
    .header-box .dropdown-menu{ text-align: left;}
    .header-box .nav li ul li{ border-bottom:none;}
    .header-box .dropdown-menu:before{ display: none;}
    .header-box .dropdown.open>a{border-bottom: none;}
    /*及时查询*/
    .fast-language{ float:none; border-top: solid 1px #eee; margin-left: 0; text-align: center; padding-top: 20px; }
    .fast-language .fast{ ght:40px;line-height:40px;  }
    /*中英文*/
    .fast-language .language{ margin-left:15px; line-height:40px;}
    .fast-language .language a.dropdown-toggle{ background-image:url("../images/icon.png"); background-repeat: no-repeat; background-size:initial; background-position:-4px -480px; display: inline-block; padding-left:26px; position: relative; color: #333; -webkit-transition:all .5s ease; transition:all .5s ease; display: inline;}
    .fast-language .language a.dropdown-toggle i{padding-left:3px; }
    .fast-language .language:hover a.dropdown-toggle,.fast-language .language.open a.dropdown-toggle{background-position:-4px -320px;}
    .fast-language .language:hover a.dropdown-toggle{}
    .fast-language .language .dropdown-menu{ min-width:88px; margin-left:-44px;  background: #fff;padding:0;top:40px; text-align: center; }
	/*广告*/
	.main-box .ad-banner-box{ }
	.ad-banner{background-image:none!important; height: auto; top:50px; }
	.ad-banner img{ max-width: 100%; display:block;}

    /*底部*/
    .footer-bg{width:100%;}
    .footer-bg .footer-content{ padding-top:30px;padding-bottom:30px;}
    .footer-bg .footer-content .footer-nav li:first-child{ margin-bottom:10px;}
}

@media only screen and (max-width:560px){
/*广告*/
	.main-box .ad-banner-box{ height:200px; }


}