@charset "utf-8";
/* CSS Document */
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700";
@import "https://fonts.googleapis.com/css?family=Muli:400,300,600,700";

::-moz-selection{background:#2c2047;color:#fff;}
::selection{background:#2c2047;color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active,a:focus{outline:none;blr:expression(this.onFocus=this.blur());}
a{outline:none;text-decoration:none;color:#03367c;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;cursor: pointer;}
a i{display:inline-block; line-height:inherit !important; vertical-align:top;}
a:hover{text-decoration:none;}
img{ vertical-align:middle; max-width:100%;}
body{font:14px/1.6em 'Muli',sans-serif,Arial,Helvetica; color:#333;background:#fff;position: relative;}
html,body{width: 100%;overflow-x: hidden;}

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:'Muli',sans-serif,Arial,Helvetica; outline:none; color:#666; vertical-align:top; font-size:14px; line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top; vertical-align:baseline\9;}
input::-webkit-input-placeholder{color: #757575;}
input::-moz-placeholder{color: #757575;}
input:-moz-placeholder{color: #757575;}
input:-ms-input-placeholder{color: #757575;}
select{font-family:Helvetica,Arial,sans-serif;}
select:focus{ outline:none; }
*:focus{outline: none;}

/*basic*/
.fl {float:left;}
.fr {float:right;}
.ac{ text-align:center;}
.al{ text-align:left;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.clear-both:before, .clear-both:after { display: table; content:" "; }
.clear-both:after { clear: both; }
.noh{ overflow:visible !important;}
.noBor{background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.hidden{display: none;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
hr{border:none; height:0; overflow:hidden; border-bottom:1px dotted #666;margin:12px 0; *margin:0; height:0;} 
.maxW{ max-width:100%;}
.mauto {margin:0 auto !important; display:block !important;}
.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt60{margin-top:60px !important;}.mt50{margin-top:50px !important;}.mt0{margin-top:0 !important;}
.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}.mb60{margin-bottom:60px !important;}.mb0{margin-bottom:0px !important;}
.ml5{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml0{ margin-left:0 !important;}
.mr5{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr0{ margin-right:0 !important;}
.gradient{
    background: #1c7444;
}
.gradient2{
    background: #2a9d2f;
}
.graybg{background-color:#f8f8f8;}
input::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}
/*respon*/
.container{width:1200px;margin:0 auto;}
.container-sm{width: 1000px;margin: 0 auto;}
.row-width{width:900px;margin:0 auto;}
@media (max-width: 1300px) {
	.container{width:1000px;}
}
@media (max-width: 1100px) {
	.container,.container-sm{width:auto; padding:0 3%;}
}
@media (max-width: 1000px) {
	.row-width{width:auto;}
}

/* ad box*/
.main_adBox {padding:30px 0; text-align: center;}
.side_adBox {position: fixed; z-index: 100; top: 20%; min-width: 160px; background-color: #fff; box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.side_adBox .btnClose {display: block; position:absolute; z-index: 2; top: 5px; right: 5px; background-color: #000; background-color: rgba(0,0,0,.2); color: #fff; font-size: 14px; line-height: 20px; width: 20px; height: 20px; text-align: center; border-radius: 100px; cursor: pointer;}
.side_adBox .cont {position: relative; z-index: 1; line-height: 0;}
.side_adBox.left {left: 0; }
.side_adBox.right {right: 0; }
@media (max-width: 979px) {
	.side_adBox {display: none;}
}

.items:after{content: '';clear: both;display: block;}
.items .item-1{width: 8.333%;float: left;box-sizing: border-box;min-height: 1px;}
.items .item-2{width: 16.666%;float: left;box-sizing: border-box;min-height: 1px;}
.items .item-2_5{width: 20%;float: left;box-sizing: border-box;min-height: 1px;}
.items .item-3{width: 25%;float: left;box-sizing: border-box;min-height: 1px;}
.items .item-4{width: 33.333%;float: left;box-sizing: border-box;min-height: 1px;}
.items .item-5{width: 41.666%;float: left;box-sizing: border-box;min-height: 1px;}
.items .item-6{width: 50%;float: left;box-sizing: border-box;min-height: 1px;}
.items .item-7{width: 58.333%;float: left;box-sizing: border-box;min-height: 1px;}
.items .item-8{width: 66.666%;float: left;box-sizing: border-box;min-height: 1px;}
.items .item-9{width: 75%;float: left;box-sizing: border-box;min-height: 1px;}
.items .item-10{width: 83.333%;float: left;box-sizing: border-box;min-height: 1px;}
@media (max-width: 768px){
	.items .item-sm-0{display: none;}
	.items .item-sm-2{width: 16.666%;}
	.items .item-sm-3{width: 25%;}
	.items .item-sm-4{width: 33.333%;}
	.items .item-sm-5{width: 41.666%;}
	.items .item-sm-6{width: 50%;}
	.items .item-sm-7{width: 58.333%;}
	.items .item-sm-8{width: 66.666%;}
	.items .item-sm-12{width: 100%;}
}
@media (max-width: 480px){
	.items .item-xs-0{display: none;}
	.items .item-xs-3{width: 25%;}
	.items .item-xs-4{width: 33.333%;}
	.items .item-xs-5{width: 41.666%;}
	.items .item-xs-6{width: 50%;}
	.items .item-xs-7{width: 58.333%;}
	.items .item-xs-8{width: 66.666%;}
	.items .item-xs-12{width: 100%;}
}

/*header*/
.navbar{position: relative;width: 100%;left: 0;top: 0;height: 60px;line-height: 60px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);background-color: #fff;z-index: 199;}
.navbar-hidden{display: none;position: fixed;}
.navbar .container{height: 100%;}
.navbar:after{content: '';clear: both;display: block;}
.navbar .navbar-header{float: left;height: 100%;}
.navbar .navbar-header:after{content: '';clear: both;display: block;}
.navbar .navbar-header .navbar-brand{float: left;width: 169px;background-position: left;background-repeat: no-repeat;height: 100%;display: block;font-size: 20px;font-weight: 600;}
.navbar .navbar-header .navbar-toggle{float: right;font-size: 24px;display: none;}
.navbar .navbar-header .navbar-toggle .close{display: none;}
.navbar .navbar-header .navbar-toggle.curr .close{display: inline;}
.navbar .navbar-header .navbar-toggle.curr .open{display: none;}
.navbar .navbar-collapse{float: right;background-color: #fff;height: 100%;-webkit-transition: transform 0.2s linear;
-o-transition: transform 0.2s linear;
transition: transform 0.2s linear;}
.navbar .navbar-collapse.hideLeft{-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);}
.navbar .navbar-collapse .navbar-nav{float: left;position: relative;height: 100%;}
.navbar .navbar-collapse .navbar-nav li{padding: 0 10px;float: left;box-sizing: border-box;}
.navbar .navbar-collapse .navbar-nav li a{font-size: 16px;font-weight: 600;color: #373737;display: inline-block;padding: 0 5px;}
.navbar .navbar-collapse .navbar-nav li a:hover{color: #03367C;}
.navbar .navbar-collapse .navbar-nav .dropdown{position: relative;}
.navbar .navbar-collapse .navbar-nav .dropdown-menu{position: absolute;	box-shadow: 0 0px 4px 0 rgba(192, 192, 192, 0.5);border-radius: 5px;background-color: #fff;right: 0;top: 100%;line-height: 28px;padding: 15px 0;display: none;}
.navbar .navbar-collapse .navbar-nav .dropdown-menu li{float: none;white-space: nowrap;}
.navbar .navbar-collapse .navbar-nav .dropdown-menu li:hover{background-color: #f1f1f1;}
.navbar .navbar-collapse .navbar-nav .dropdown-toggle.border{font-size: 14px;border: solid 1px #373737;border-radius: 100px;line-height: normal;padding: 2px 15px;}
.navbar .navbar-collapse .navbar-nav .dropdown-toggle i{margin-left: 5px;vertical-align: -1px;}
.navbar .navbar-collapse .navbar-nav .navbar-dropdown-toggle i{vertical-align: -2px;}
.navbar .navbar-collapse .navbar-nav .navbar-dropdown-toggle.curr i{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.navbar .navbar-collapse .navbar-nav .dropdown-toggle.curr i{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.navbar .navbar-collapse .navbar-form{float: left;margin-left: 20px;position: relative;height: 100%;}
.navbar .navbar-collapse .navbar-form .form-hidden{position: absolute;top: 0;right: 0;width: 0px;background-color: #fff;height: 100%;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;margin-right: 25px;overflow: hidden;white-space: nowrap;}
.navbar .navbar-collapse .navbar-form .form-hidden.curr{width: 640px;}
.navbar .navbar-collapse .navbar-form .form-hidden i{font-size: 18px;margin-right: 10px;vertical-align: -4px;}
.navbar .navbar-collapse .navbar-form .form-hidden input{border: none;display: inline-block;font-size: 16px;margin-top: 22px;width: 80%;color: #373737;}
.navbar .navbar-collapse .navbar-form .form-toggle{font-size: 18px;}
.navbar .navbar-collapse .navbar-form .form-toggle i{vertical-align: -2px;}
.navbar .navbar-collapse .navbar-form .form-toggle .close{display: none;}
.navbar .navbar-collapse .navbar-form .form-toggle.curr .close{display: inline;}
.navbar .navbar-collapse .navbar-form .form-toggle.curr .open{display: none;}
.navbar .navbar-collapse .navbar-nav li .btn.btn-outline2{display: inline;padding: 2px 22px;color: #03367C;}
.navbar .navbar-collapse .navbar-nav li .btn.btn-outline2:hover{color: #fff;}
.navbar .navbar-collapse .navbar-nav li .btn.btn-block{color: #fff;display: inline;padding: 4px 26px;}
.navbar-dropdown{position: absolute;top: 60px;left: 0;width: 100%;background-color: #f8f8f8;padding: 50px 0;text-align: left;z-index: 99;display: none;-webkit-transition: transform 0.2s linear;
-o-transition: transform 0.2s linear;
transition: transform 0.2s linear;}
.navbar-dropdown.showLeft{-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);}
.navbar-dropdown .dd1{font-size: 14px;margin-bottom: 5px;}
.navbar-dropdown .dd2{color: #ff6500;font-size: 14px;}
.navbar-dropdown .dd2 i{transition: all 0.2s;}
.navbar-dropdown .dd2:hover i{-webkit-transform: translateX(5px);-ms-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);}
.navbar-dropdown .box{position: relative;padding-left: 50px;border-right: solid 1px #e5e3e3;}
.navbar-dropdown [class^=item-]:last-child .box{border-right: none;}
.navbar-dropdown .box .pic{margin-bottom: 18px;}
.navbar-dropdown .close{position: absolute;left: 16px;top: 10px;font-size: 14px;display: none;}
.navbar-dropdown .close i{vertical-align: -1px;margin-right: 4px;}
.navbar-dropdown .list{list-style-type: none;font-size: 16px;}
.navbar-dropdown .list li a{margin-bottom: 10px;color: #333;display: inline-block;text-decoration: none;}
.navbar-dropdown .list li a:hover{text-decoration: underline;}
.navbar-dropdown .list .top{font-size: 18px;font-weight: 600;margin-bottom: 20px;border-bottom: solid 1px #dbdbdb;padding-bottom: 15px;}
.navbar-dropdown .more{font-size: 18px;color: #03367C;text-decoration: underline;margin-top: 10px;display: inline-block;}
@media(max-width: 980px){
	.navbar .navbar-collapse .navbar-nav li{padding: 0;}
}
@media(max-width: 768px){
	.navbar .navbar-header{float: none;}
	.navbar .navbar-header .navbar-toggle{display: block;}
	.navbar .navbar-collapse{position: absolute;left: 0;top: 60px;width: 100%;display: none;height: auto;}
	.navbar .navbar-collapse .navbar-nav li{float: none;border-bottom: solid 1px #e2e2e2;padding: 0 10px;}
	.navbar .navbar-collapse .navbar-nav .dropdown-menu{left: 0;right: auto;}
	.navbar .navbar-collapse .navbar-nav .dropdown-toggle.border{display: none;}
	.navbar .navbar-collapse .navbar-form{float: none;margin: 0;}
	.navbar .navbar-collapse .navbar-form .form-hidden{width: 100%;height: 60px;position: relative;padding: 0 25px;box-sizing: border-box;}
	.navbar .navbar-collapse .navbar-form .form-toggle{display: none;}
	.navbar .navbar-collapse .underline{display: none;}
	.navbar .navbar-collapse .navbar-nav{float: none;}
	.navbar-dropdown{left: 100%;display: block;}
	.navbar .navbar-collapse .navbar-nav .navbar-dropdown-toggle i{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
	.navbar-dropdown .box{border:none;border-bottom: solid 1px #e2e2e2;padding: 15px 0;}
	.navbar-dropdown .close{display: inline-block;}
}
.tc_bg{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.4);}

/*footer*/
.footer{ background-color:#333333;color:#fff;padding:25px 0;}
.footer .logo{width:80px;height:21px;margin:0 auto; background-repeat:no-repeat;}
.footer .logo a{display:block;width:80px;height:21px; text-indent:-9999px;}
.footer .copyright{width:42%; position:absolute; text-align:center; font-size:12px;top:0;left:0;}
.footer .share{width:42%; position:absolute; text-align:center; font-size:12px;top:0;right:0; vertical-align:middle;}
.footer .share a{color:#fff; text-decoration:none;}
.footer .share i{color:#fff; text-decoration:none; font-size:26px; vertical-align:middle;margin:0 3px;}

/*20180907*/
