/*----------------------------------------------------
@File: Default Styles
@Author: Rocky
@URL: http://wethemez.com
Author E-mail: rockybd1995@gmail.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: Cerative Agency
@Author: Rocky
@Developed By: Rocky
@Developer URL: http://rocky.wethemez.com
Author E-mail: rockybd1995@gmail.com

@Default Styles

Table of Content:
01/ Variables
02/ predefin
03/ header
04/ banner
05/ slider
06/ feature
07/ button
08/ service
09/ testimonials 
10/ blog 
11/ contact 
12/ footer 
=====================================================================*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
@import url("https://fonts.googleapis.com/css?family=Playfair+Display|Microsoft Yahei:300,400,500,600,700,800,900");
.col-md-offset-right-1, .col-lg-offset-right-1 {
  margin-right: 8.33333333%;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

.row.m0 {
  margin: 0px;
}

.p0 {
  padding: 0px;
}

body { 
  line-height: 26px;
  font-size: 14px;
  font-family: "Microsoft Yahei", "微软雅黑", sans-serif;
background:#f2f2f2 !important
}

body, p, h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
}

#success {
  display: none;
}

#error {
  display: none;
}

.display_table {
  display: table;
  width: 100%;
}

.display_table_row {
  display: table-row;
}

.display_table_cell {
  display: table-cell;
  float: none !important;
}

.p_100 {
  padding: 100px 0px;
}

iframe {
  border: none;
}

i:before {
  margin-left: 0px !important;
}

/* Container Custome Code css
============================================================================================ */
@media (min-width: 1000px) {
  .container {
    max-width: 1000px;
  }
 
}
@media (min-width: 1200px) {
  .container {
    max-width: 1000px;
  }
  
.modnews{ width: 488px; }
}

/* End Container Custome Code css
 


/*93学社*/
/*.index_news {min-height: 300px; margin: 330px 0} 
.border{ min-height: 500px; }
.hedtop{ background: url(../img/top.jpg) repeat-x; }*/
.white{ background: #fff } 
.border{ border: 1px solid #dddddd; padding: 0 }
.pad20{ display: inline-block; width: 100%; padding: 20px 0; }
.padtb20{ padding: 20px 0 }
.pad0{padding: 0}
.matop20{ margin-top: 20px; }

.news-r .content-txt{ margin-top:0}
.nheader{width: 100%; min-height: 50px;background: url(../img/top.jpg) repeat-x;}
.linkgray{ background:#f2f2f2; padding-bottom:15px;}
.linkgray h4{ line-height:45px; padding:15px 30px; font-size:20px; font-weight:bold; color:#155c93}
.linkgray a{ display:inline-block;  line-height:35px; margin-left:30px; margin-right:15px; color:#525252}
.navbar-toggle .icon-bar{ border:1px solid #dddddd; }
.nhedtop{ display:none; padding: 8px 0; background: #3775a6; color: #fff}
.nhedtop a{ color: #fff; margin: 0 10px; }
.nhedtop .pull-right.minlogo{ display: none; }
.nhedtop .minlogo{ display: none; }
.navbar-nav{ width: 100% }
.navbar-nav>li{ width: 10.5%; margin: 0 1%; padding: 0 }
.navbar-nav>li>a{padding:0;  text-align: center; font-size: 17px; color:#fff;line-height:45px;}
.navbar-nav>li>a.nav-sel,.navbar-nav>li>a:hover{ background: #0050b3; color: #fff; border-radius: 5px; }
.navbar-nav>li>a:focus{background:none}
.nsearch{ position: relative; width: 285px; height: 36px; margin: 0 auto; border-radius:18px; background:#fff; margin-top:10px;}
.nsearch input{ position: absolute; left: 0; top: 0; width: 225px; height: 36px; padding: 0 5px; padding-left:15px; background: #fff; border-radius:18px; border:none  }
.nsearch input:focus{ border:none}
.nsearch button{  border:none; height: 36px; padding:0 15px; position: absolute; right: 0; top:0; text-align: center; line-height: 36px; background: #3f7cc6; color: #fff; border-radius:18px; }
.nheader-mid{ display:inline-block; width:100%; padding:30px 0}
.npart1{ margin: 0 0 20px }
.npart2 .container{ padding: 0 }
.maright20{ margin-right: 20px; }
.navbar-blue{background:#2b69b4}
.slideposi{ position: relative; }
.slideposi p{ position: absolute; bottom: 0; height: 30px; background: #666; opacity: 0.8; color: #fff; text-align: left; padding: 0 10px; width: 100%; line-height: 30px;  }
.slideposi .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 0;  background: #fff; margin-right: 10px !important; margin-left: 0 !important }
.slideposi .swiper-pagination-bullet-active { opacity: 1; background: #da1216;}
.indnews h5 {height: 36px; line-height: 39px; margin-bottom: 5px;  border-bottom:1px solid #b7b7b7 }
.indnews h5 a{ margin-left:10px; border:1px solid #fff; padding:0 18px; border-top:3px solid #fff; margin-bottom:-4px; border-bottom:1px solid #b7b7b7}
.indnews h5 a,.modnews h4 a{float: left; padding: 0 18px; color: #4681af; line-height: 33px; height: 36px; font-size: 17px;}
.indnews h5 a.indnews-sel,.indnews h5 a:hover{ background: #fff;  padding:0 18px;  border-top:3px solid #2b69b4; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #fff;  color: #155c93;}
.modnews h4{  display: inline-block;width: 100%; padding: 0; border-bottom:1px solid #ccc }
.modnews ul{ padding-left: 10px; }
.modnews h4 span,.npart8 h4 span{ float: left; background:#fff; margin-bottom:-1px; margin-left: 10px; line-height: 35px; font-size: 20px; padding:0 18px; font-weight: bold; color: #155c93; border-top:3px solid #2b69b4; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;}
.modnews h4  a{ position: relative; float: left;  font-size: 14px; padding: 0 8px; line-height:36px; color:#333}  
.modnews h4 a.zwhmore{ float:right; color:#069}
.indnews ul{display: none;}
.indnews li,.modnews li{ width: 100%; }
.modnews li.firstli { margin-top:10px;}
.modnews li.firstli a:before{width:0}
.modnews li.firstli a{ width:100%; height:auto; line-height:auto; text-align:center; }
.modnews li.firstli a h3{ font-size:16px; color:#005293; margin-bottom:10px;}
.modnews li.firstli p{ line-height:20px; font-size:14px; color:#777;text-align:left}
.modnews li.firstli p span{ display:inline-block; color:#c00; margin-left:5px;} 
.indnews li span,.modnews li span{ color: #999999; font-size: 14px; line-height:38px;}
.indnews li a,.modnews li a{ position: relative; color: #424242; height: 38px; line-height: 38px; font-size: 16px; overflow: hidden; }
.indnews li a:before,.modnews li a:before{ content: ""; width: 3px; height: 3px; background: #818181;  display: inline-block; position: absolute; left: 5px; top:18px; }
.swiper-zt{position: relative; overflow: hidden; }
.swiper-zt a img{ width: 100% }
.page-zt{ position: absolute; right: 0; bottom: 0!important; left: inherit!important; z-index: 111; width: auto !important;}
.page-zt span{  width: 25px; height: 18px; background: #333; opacity: 0.6; color: #fff; text-align: center; line-height: 18px; border-radius: 0; }
.page-zt span.swiper-pagination-bullet-active{ background: #c00 }
.modnews li.tw-news{ position: relative; }
.modnews li.tw-news .twpic{display: inline-block; height: 125px; position: absolute; left: 0; top: 0;}
.modnews li.tw-news span{ display: inline-block; padding-left: 190px; }
.modnews li.tw-news span a{ font-size: 14px; color: #f00 }
.modnews li.tw-news span a:before{width: 0}
.modnews li.tw-news p{ height: 85px; line-height: 30px; overflow: hidden; }
.modnews li.tw-news img{  width: 175px; height: 125px; }
.npart4 .modnews h4 span{ font-weight: bold; font-size: 20px;cursor: pointer; }
.npart4 .modnews h4 span.span-sel{ color: #155c93; }
.npart4 .szgw h4 span{ color: #888 }
.friendship{ padding: 20px;background: url(../img/friend.jpg) no-repeat 10px center; background-size: auto 70%; min-height: 80px; }
footer{ padding: 20px 0; margin-top: 20px; border-top:3px solid #2b69b4; color:#666}
footer p{text-align: center; color: #b0b0b0; }
footer select{ border:none; background: none; padding:5px 10px }
.szgw ul{ display: none; }
.scorllzt{ height: 100px; padding:0 20px; overflow: hidden; }
.scorllzt ul{text-align:center}
.scorllzt li{display: inline-block; width: 23%; height: 100px; margin-right: 11px; background: #6995c6; text-align: center;  border-radius: 3px; list-style:none}
.scorllzt li a{ display: inline-block; width: 100%; color: #fff; padding: 15px 0 30px}
.scorllzt li p{ font-size: 17px; margin-top: 5px;}
.friendship{ padding-left: 15% }
.friendship li{ display:inline-block; background:#6995c6; text-align:center; }
.friendship li a{ color:#fff;}
.npart6 .container{padding:20px 0;}
.mapright li {line-height:38px; height:38px; margin-bottom:3px; }
.mapright li a b{ float:left; font-weight:normal; background:#6995c6; color:#fff; padding:1px 6px; border-radius:5px; line-height:24px; margin-top:7px; margin-right:5px; font-size:14px;}
.mapright li a{ font-size:16px; color:#666; height:38px; overflow:hidden}
.mapright li span{ color:#aaa}

.scale-med{ width:550px; position:absolute; top:15px; left:-15px;   padding: 0;  margin: 0;  transform-origin: center;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-tap-highlight-color: transparent;; }
#map{ margin-top:50px; text-align:center; min-height:500px;}
.npart6 h4{ height:38px; line-height:38px; padding:0 10px;}
.npart6 h4 b{display:inline-block; width:100%; height:15px; background:#eee; }
.npart6 h4{ position:relative;}
.npart6 h4 span,.npart6 h4 a{position:absolute; background:#fff; padding:0 10px;}
.npart6 h4 span{left:10px;     color: #155c93; font-size:20px; font-weight:bold}
.npart6 h4 a{right:10px; font-size:14px;}
.npart8 h4{ float:left; width:100%;}
.npart8 h4 span{ margin-left:0}
.npart8{ display:none; padding:0 5px;}
.npart8 a{ display:inline-block; width:100%; text-align:center; background:#eee; margin-top:5px; padding:8px 0 }
.npart8 .pad15{ padding:15px }
@media (max-width:1200px){
.modnews.pull-right{ margin-top: 20px; }
.scale-med{ width:600px !important; position:inherit; left:inherit; top:inherit; margin:0 auto}
.npart7{ display:none;}
.npart8{ display:block;}
.npart8 a{ width:32%}
}

@media (max-width:992px){  

.navbar-nav>li{ width: 12.5%; margin: 0; padding: 0 }
.navbar-nav>li>a{ font-size: 14px; padding: 5px 12px; margin: 0 5px; }
.nsearch{ margin-top: 20px; }
.scale-med{ width:600px !important; position:inherit; left:inherit; top:inherit; margin:0 auto}
.npart7{ display:none;}
.npart8{ display:block;}
.npart8 a{ width:49%}
}

@media (max-width:769px){
.nhedtop{ display:block}
.nheader-mid{ padding:0}
.nsearch{ margin-top:10px}
.nhedtop .pull-right,.nhedtop .pull-left{ display: none; }
.nhedtop .minlogo{ width: 200px; display: inline-block !important }
.nhedtop .minlogo img{ width: 100% }
.navbar-toggle{ position: absolute; right: 0; margin: 0 }
.nlogo{ display: none; }
.navbar-collapse{ position: absolute; width: 100%;  z-index: 111; top: 48px;}
.navbar-nav>li{ width: 100%; float: left; }
.navbar-nav>li>a{ font-size: 16px; padding:0; margin: 5px 0;}
.nsearch{width: 100%; }
.nsearch input{width: 100%;}
.scale-med{ width:320px !important; position:inherit; left:inherit; top:inherit; margin:0 auto}
.news-all .gk_left{ display:inline-block; position:inherit; left:inherit; top:inherit; width:100%; margin:0; text-align:center}
.news-r{padding:0 !important}
.gk_left h3{display:none;}
.gk_left .subleftnav{float:left; width:25%; border:none}
.nav{ margin-left:0}
.modnews h4 a{display:none}
.npart7{ display:none;}
.npart8{ display:block;}
.npart8 a{ width:100%}
#map{ margin-top:50px; text-align:center; min-height:200px;}
}

/*新增0730*/
.linkgray .scroll{height: 100px;overflow-y: scroll;}
.linkgray a{ line-height:32px; }
.linkgray select.select{display: none;margin-left: 10%;margin-bottom: 10px;width: 80%;height: 30px;}
@media (max-width: 768px) {
.linkgray select.select{display: block;}
.linkgray h5,.linkgray .scroll{display: none;}
}

	/* friendship */
.apply{width:1000px;margin:0 auto ;}
.apply_array{   text-align: center; float:left;  margin-left:6px; border-radius:3px; width:155px; margin-bottom:5px;  list-style:none} 
.apply_array li a img{ width:100%}
.apply_array a{text-decoration:underline; margin:0}
.apply_array a:hover{color:#fff}   
.apply_array:hover a{color:#fff}  
.apply_nav{position:relative;width:1000px;float:left; margin-bottom:16px; overflow:hidden}
.apply_w{/* position:absolute;margin-top:10px; margin-bottom: 10px;*/ width:970px;float:left;left:0px}
.apply .img_l{padding:35px 12px 0 12px;float:left;cursor:pointer;}
.apply .img_r{padding:35px 12px 0 12px;float:left;cursor:pointer;}
.apply_array a{ text-decoration: none;color: #2775b3 }
.apply_array a:hover{ color:#eee}
.secondfri{ float:left; display:inline-block; margin-top:10px; width:835px;}
.news-r .content-txt{ margin-top:0} 

@media (max-width:1200px){  
.apply_nav {width:100%}
.apply_w{ width:auto}
.apply_array{ width:16%; height:auto}
.scorllzt li{ width:22%}
}
@media (max-width:990px){   
.apply_w{ text-align:center; }
.apply_array{ display:inline-block; float:none;width:31%; height:auto}
}
@media (max-width:768px){  
 .apply{ display:none}
}


/*ie7-ie8*/
.container{*width:1000px !important; width:1000px \0;}
.modnews {*width: 470px; width:490px\0; }
.indbar{ width:470px \0; *width:470px; height:310px \9;   overflow:hidden \9;}
.indnews{width:488px \0; *width:470px;  float:left }
.nsearch input{line-height:36px \0; *line-height:36px;}
.modnews li span,.indnews LI SPAN{*float:right !important; float:right; *width:50px  !important; width:50px  !important \0;}
.modnews li a{*float:left; float:left \0}
.scorllzt LI{float:left; }
.linkgray,footer,.footer{*width:970px;}
.indnews H5 A{*height:33px; height:33px \0}
.indnews li span{float:right}
.scorllzt li{margin-left:8px; *margin-left:0px;}
.npart1{*height:340px}
.navbar-nav  LI{display:inline-block\0; margin:0 7px \0; *float:left !important; }
#navbarSupportedContent{*display:block;display:block\0 }
.newsList{ *padding-left:290px; *padding-right:10px;  padding-left:290px\0; padding-right:10px\0;}
.newsList h2{ font-size:18px\9; color:#0962a8\9}
.gk_left{ *width:245px; *padding:0  }
.footer{ *padding: 20px 0; margin-top: 20px; *border-top:3px solid #2b69b4; border-top:3px solid #2b69b4 \0; color:#666}
.footer footer{ *background:#fff; background:#fff\0;}
.footer p{ text-align: center;  color: #b0b0b0;   }
.footer select{ border:none\0; background: none\0; padding:5px 10px\0;*border:none; *background: none; *padding:5px 10px }
.footer footer{*border:none; border:none\0; *padding:0; padding:0\0; background:none\0;*background:none}
.gk_left H3{ padding-top:15px}

.indnews a.moreposi{position:absolute; right:20px; top:7px;}