/*@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,500);*/
body {
 /* padding-top: 100px;*/
  background: #fff;
  font-family:Microsoft Yahei, Arial, sans-serif, PingFang SC;
  font-weight: 400;
  color: rgba(0,0,0,1.0);
  line-height: 26px;
}
textarea{ resize:none; }
img{ border:none; }
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  font-family:Microsoft Yahei, Arial, sans-serif, PingFang SC;
}
a {
  color: rgba(22,161,188,1.0);
  -webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
a:hover,
a:focus {
  text-decoration: none;
  color: rgba(62,183,192,1.0);
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}
@keyframes scaleIn {
  0% { opacity: 0; transform: scale(0);}
  100%  { opacity: 1; transform: scale(1);}
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
line-height: 1.42857143;
border: 1px solid #ddd;
border-radius: 0px;
padding:0px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-bottom: 15px;
}

/*kirinsun edit*/
.container { padding:0 15px; margin:0 auto; }
.container .row { margin:0 -15px; }

/*头部*/
#header{ padding-top:80px; }
#header #main-nav.navbar-default.navbar { height: 80px; background:rgba(5,112,141,1.0); box-shadow: 0 2px 2px rgba(0,0,0,0.2); border: 0; border-radius: 0; padding: 0; margin: 0; }

/*头部导航入口+logo*/
#main-nav.navbar-default.navbar .navbar-header{}	

/*头部logo*/
#main-nav.navbar-default.navbar .navbar-brand { height: auto; padding: 10px; }
#main-nav.navbar-default.navbar .navbar-brand img { width: 160px; height:60px; border:none; }	
/*头部导航入口*/
/*#main-nav.navbar-default.navbar button.navbar-toggle{ display:none; }*/

/*头部导航*/
#main-nav.navbar-default .navbar-collapse{ border-color: transparent; }
#main-nav.navbar-default ul.navbar-nav > li{  position: relative; text-align: left; list-style-type: none; overflow: visible; }
#main-nav.navbar-default ul.navbar-nav > li > a{ position: relative; display:inline-block; width:auto; height: 50px; line-height: 50px; margin: 15px 5px; padding:0 15px; text-align: left; font-size: 16px; font-family:Microsoft Yahei, Arial, sans-serif; color:rgba(145,220,230,1.0);  font-weight:normal; text-decoration: none; box-sizing: border-box; }
#main-nav.navbar-default ul.navbar-nav > li > a.on_sub::after { position: absolute; display: inline-block; content: ""; width: 6px; height: 6px; transform: rotate(-45deg); top:20px; right:0; border-bottom: 1px solid rgba(145,220,230,1.0); border-left: 1px solid rgba(145,220,230,1.0);}
#main-nav.navbar-default ul.navbar-nav > li > a span{ font-size: 16px; font-family:Microsoft Yahei, Arial, sans-serif; color:rgba(145,220,230,1.0);  font-weight:normal; }
#main-nav.navbar-default ul.navbar-nav > li.active > a, 
#main-nav.navbar-default ul.navbar-nav > li.open > a,
#main-nav.navbar-default ul.navbar-nav > li:hover > a { color:rgba(255,255,255,1.0); border-bottom:2px solid rgba(255,255,255,1.0); }
#main-nav.navbar-default ul.navbar-nav > li.active > a.on_sub::after, 
#main-nav.navbar-default ul.navbar-nav > li.open > a.on_sub::after,
#main-nav.navbar-default ul.navbar-nav > li:hover > a.on_sub::after { border-bottom: 1px solid rgba(255,255,255,1.0); border-left: 1px solid rgba(255,255,255,1.0);}
#main-nav.navbar-default ul.navbar-nav > li.active > a span, 
#main-nav.navbar-default ul.navbar-nav > li.open > a span,
#main-nav.navbar-default ul.navbar-nav > li:hover > a span{ color:rgba(255,255,255,1.0); }

/*#main-nav.navbar-default ul.navbar-nav > li .sub_nav{ display:none; width:100%; height:auto; padding:10px; margin:0; text-align:center; background:rgba(5,112,141,1.0); border:none; box-sizing: border-box; }*/
#main-nav.navbar-default ul.navbar-nav > li .sub_nav{ display:none; position: absolute; left:0; top:80px; width:200px; height:auto; padding:10px; margin:0; text-align:center; background:rgba(5,112,141,1.0); border:none; box-sizing: border-box; }
#main-nav.navbar-default ul.navbar-nav > li .sub_nav a.sub-link{ position: relative; display:block; width:100%; padding: 0.5em 1em !important; margin:0.2em auto; font-family: Microsoft Yahei, Arial; text-align:left; font-size: 14px; line-height: normal; color:rgba(145,220,230,1.0); border-radius: 0.2em; text-transform: none; text-decoration:none; outline: 0; }
#main-nav.navbar-default ul.navbar-nav > li .sub_nav a.sub-link::after { position: absolute; display: inline-block; content: ""; width: 6px; height: 6px; transform: rotate(-45deg); top:14px; right:1em; border-bottom: 1px solid rgba(145,220,230,1.0); border-right: 1px solid rgba(145,220,230,1.0);}
#main-nav.navbar-default ul.navbar-nav > li .sub_nav a:hover.sub-link,
#main-nav.navbar-default ul.navbar-nav > li .sub_nav a:focus.sub-link{ color:rgba(5,112,141,1.0); background:rgba(255,255,255,0.6);}

/*头部按钮*/
#main-nav.navbar-default .btn-box{ float: right; display: inline-block; width: auto; height: 80px; line-height: 80px; padding: 0; margin: 0;}
#main-nav.navbar-default .btn-box a.btn-log,
#main-nav.navbar-default .btn-box a.btn-sub{ display: inline-block; float:left; width: auto; height: 36px; line-height: 36px; padding: 0 20px; margin: 22px 5px; border-radius: 18px; text-align: center; font-size: 14px; color:rgba(5,112,141,1.0); background: rgba(255,255,255,1.0); }
#main-nav.navbar-default .btn-box a.btn-sub{ background: rgba(255,226,93,1.0);}
#main-nav.navbar-default .btn-box .logined{ display: inline-block; float: right; width: auto; height: 36px; line-height: 36px; padding: 0; margin: 22px 0; text-align: center; font-size: 14px; color: rgba(255,255,255,1.0); }
#main-nav.navbar-default .btn-box .logined span,
#main-nav.navbar-default .btn-box .logined a{ display: inline-block; float: left; width: auto; height: 36px; line-height: 36px; padding: 0; margin:0 2px; text-align: center; font-size: 14px; color: rgba(255,255,255,1.0);}
#main-nav.navbar-default .btn-box .logined span{ width: 60px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
#main-nav.navbar-default .btn-box .logined a.logout{ color: rgba(255,226,93,1.0); text-decoration: none;}

/*底部*/
#footer { display:block; clear:both; width:100%; height:auto; padding:0; margin:0 auto; text-align:center; overflow:hidden; }
#footer .f-contant{ display:block; clear:both; width:100%; height:auto; padding:60px 0; margin:0 auto; text-align:center; overflow:hidden; background:rgba(34,54,64,1.0); box-sizing: border-box; }
#footer .footer-menu { display:inline-block; float: left; width:auto; height:auto; padding:0; margin:0; text-align:center; overflow:hidden; box-sizing: border-box; }
#footer .footer-menu dl{ display:inline-block; float: left; width:25%; height:auto; padding:0; margin:0; text-align:center; overflow:hidden; box-sizing: border-box; list-style-type: none; }
#footer .footer-menu dl dt,
#footer .footer-menu dl dd{ display:inline-block; float: left; width:100%; height:auto; padding:10px; margin:0; text-align:left; text-indent: 0; overflow:hidden; box-sizing: border-box; list-style-type: none; }
#footer .footer-menu dl dt span{ color: rgba(252,252,252,1.0); font-size: 20px; }
#footer .footer-menu dl dd a{ color: rgba(62,183,192,1.0); font-size: 14px; text-decoration: none; }

#footer .footer-contact { display:inline-block; float: left; width:auto; height:auto; padding:0; margin:0; text-align:center; overflow:hidden; box-sizing: border-box; }
#footer .footer-contact dl{ display:inline-block; float: left; width:100%; height:auto; padding:0; margin:0; text-align:center; overflow:hidden; box-sizing: border-box; list-style-type: none; }
#footer .footer-contact dl dt,
#footer .footer-contact dl dd{ display:inline-block; float: left; width:100%; height:auto; padding:10px; margin:0; text-align:left; text-indent: 0; overflow:hidden; box-sizing: border-box; list-style-type: none; }
#footer .footer-contact dl dt span,
#footer .footer-contact dl dd span{ color: rgba(62,183,192,1.0); font-size: 20px; }
#footer .footer-contact dl dd font{ color: rgba(62,183,192,1.0); font-size: 14px; }
#footer .footer-contact dl dd a{ display:inline-block; float: left; width: 24px; height: 24px; padding: 0; margin:3px; text-decoration: none; }
#footer .footer-contact dl dd a img{ display:block; width:100%; height:100%; padding: 0; margin: 0; border: none; }

#footer .copyright{ display:block; clear:both; width:100%; height:auto; padding:30px 0; margin:0 auto; text-align:center; overflow:hidden; background:rgba(28,45,54,1.0); color: rgba(255,255,255,1.0); font-size:14px; line-height: normal; }

/*右侧浮动框*/
.side_gotop{ display:block; position: fixed; z-index:99; right:20px; bottom: 60px; width:50px; height:50px; padding:0; margin:0; text-align:center; overflow:hidden; outline:none;}
.side_gotop a { position:relative; display:block; clear:both; width:100%; height:50px; line-height:70px; padding:0; margin:0 auto ; text-align:center; overflow:hidden; box-sizing:border-box; cursor:pointer; background: rgba(34,54,64,0.8); font-size:12px; color:#fff; text-decoration:none; }
.side_gotop::before{ z-index:100;  position:absolute; content:""; top:15px; left:12px; transform: rotate(-45deg); display:block; width:16px; height:3px; padding:0; margin:0; text-align:center; overflow:hidden; background: rgba(255,255,255,1.0); border-radius:1px; }
.side_gotop::after{ z-index:100;  position:absolute; content:""; top:15px; right:12px; transform: rotate(45deg); display:block; width:16px; height:3px; padding:0; margin:0; text-align:center; overflow:hidden; background: rgba(255,255,255,1.0); border-radius:1px; }

/*蒙板*/
.mask_bg { display:inline-block; position:fixed; z-index:999; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); overflow: hidden; }


/*********************************************************移动端*********************************************************/
/*@media (min-width: 768px) { .container { width: 750px; } } 
@media (min-width: 992px) { .container { width: 970px; } }*/
@media screen and (max-width: 1000px){
	
/*头部*/	
#header{ padding-top:50px;}	
#header #main-nav.navbar-default.navbar { height: 50px; width: 100%; }	
#main-nav .container{ padding: 0;}		

/*头部导航入口+logo*/
#main-nav.navbar-default.navbar .navbar-header{margin: 0;}		

/*头部logo*/
#main-nav.navbar-default.navbar .navbar-brand { padding:5px 15px; }
#main-nav.navbar-default.navbar .navbar-brand img { width: auto; height:40px; }	
	
/*头部导航入口*/
#main-nav.navbar-default.navbar button.navbar-toggle{ display: block; width: 30px; height: 30px; position: absolute; right: 20px; top: 15px; padding: 10px; margin:0; }
#main-nav.navbar-default.navbar button.navbar-toggle,
#main-nav.navbar-default.navbar button.navbar-toggle:hover,
#main-nav.navbar-default.navbar button.navbar-toggle:focus{ border:none; border-color: transparent; color: transparent; background-color: transparent; box-sizing: border-box; box-shadow:none;}
header button.navbar-toggle span { display: inline-block; position: relative; width: 24px; height: 3px; background: rgba(255,255,255,1.0); vertical-align: top; transition: all .5s ease; }
header button.navbar-toggle span::before, 
header button.navbar-toggle span::after { display: inline-block; position: absolute; content: ''; left: 0; width: 100%; height: 3px; border-radius: 1px; background: rgba(255,255,255,1.0); transition: .5s all; }
header button.navbar-toggle span::before {top: -8px;}
header button.navbar-toggle span::after {top: 8px;}
.header-menu-active header button.navbar-toggle span { background: rgba(255,255,255,0);}
.header-menu-active header button.navbar-toggle span::before, 
.header-menu-active header button.navbar-toggle span::after {top: 0;}
.header-menu-active header button.navbar-toggle span::before {transform: rotate(45deg);}
.header-menu-active header button.navbar-toggle span::after {transform: rotate(-45deg);}
		
	
/*头部导航*/	
.container>.navbar-collapse{ width:100%; margin:0 auto; background: rgba(34,54,64,1.0); box-shadow: 0 2px 2px rgba(0,0,0,0.2);}
.navbar-fixed-top .navbar-collapse{max-height: calc(100vh * 90%);}	
	
#main-nav.navbar-default ul.navbar-nav > li{ overflow:hidden; }
#main-nav.navbar-default ul.navbar-nav > li > a{ width: 100%; height: 50px; text-align: left; margin: 0; font-size: 14px; }
#main-nav.navbar-default ul.navbar-nav > li > a span{ font-size: 14px; }
#main-nav.navbar-default ul.navbar-nav > li > a.on_sub::after { top:20px; right:25px; }	
#main-nav.navbar-default ul.navbar-nav > li.active > a, 
#main-nav.navbar-default ul.navbar-nav > li.open > a,
#main-nav.navbar-default ul.navbar-nav > li:hover > a { border-bottom:2px solid rgba(255,255,255,0); }

#main-nav.navbar-default ul.navbar-nav > li .sub_nav{ position: relative; width:100%; left:0; top:0; background:rgba(5,112,141,0.3); }
#main-nav.navbar-default ul.navbar-nav > li .sub_nav a.sub-link::after { top:14px; right:15px; }

/*头部按钮*/
#main-nav.navbar-default .btn-box{ float:none; width: 100%; text-align: center; padding-bottom: 0.5em; border-top: 1px solid rgba(255,255,255,0.2);}
#main-nav.navbar-default .btn-box a.btn-log,
#main-nav.navbar-default .btn-box a.btn-sub{ display: inline-block; float:right; width: auto; height: 36px; line-height: 36px; padding: 0 20px; margin: 22px 11px; border-radius: 18px; text-align: center; font-size: 14px; color:rgba(5,112,141,1.0); background: rgba(255,255,255,1.0); }
#main-nav.navbar-default .btn-box a.btn-sub{ float:left; background: rgba(255,226,93,1.0);}	

#main-nav.navbar-default .btn-box .logined{ display: inline-block; float:right; width: auto; height: 36px; line-height: 36px; padding: 0; margin: 22px 0; text-align: center; font-size: 14px; color: rgba(255,255,255,1.0); }
#main-nav.navbar-default .btn-box .logined span,
#main-nav.navbar-default .btn-box .logined a{ display: inline-block; float: left; width: auto; height: 36px; line-height: 36px; padding: 0; margin:0 2px; text-align: center; font-size: 14px; color: rgba(255,255,255,1.0);}
#main-nav.navbar-default .btn-box .logined span{ width: 60px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
#main-nav.navbar-default .btn-box .logined a.logout{ color: rgba(255,226,93,1.0); text-decoration: none;}
	

/*底部*/
#footer .f-contant{ padding:1em 0; }
#footer .footer-menu dl{ width:100%; }
#footer .footer-menu dl dt,
#footer .footer-menu dl dd{ display:inline-block; float: left; width: 100%; height:30px; padding:5px; margin:0; text-align:left; text-indent: 0; overflow:hidden; box-sizing: border-box; list-style-type: none; }
#footer .footer-menu dl dd{ width: auto;}
#footer .footer-menu dl dt span{ font-size: 18px; }
#footer .footer-menu dl dd a{ font-size: 14px; }

#footer .footer-contact dl{ width:100%; }
#footer .footer-contact dl dt,
#footer .footer-contact dl dd{ display:inline-block; float: left; width:100%; height:auto; padding:5px; margin:0; text-align:left; text-indent: 0; overflow:hidden; box-sizing: border-box; list-style-type: none; }
#footer .footer-contact dl dt span,
#footer .footer-contact dl dd span{ font-size: 18px; }
#footer .footer-contact dl dd font{ font-size: 14px; }


	#footer .copyright{ padding:10px 0; }
	
}