@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,500);
*{margin: 0;padding: 0;-webkit-tap-highlight-color:transparent; outline:none; }
ul,li{list-style: none;}
a{text-decoration: none;color: #333;}
input,button,textarea{font-family:"微软雅黑"!important;}

input,button,textarea{border:0;}
img{width:100%;vertical-align: middle;border:0;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
html{font-size: 50px;}
body {
  padding-top: 70px;
  background: #fff;
  font-family:"微软雅黑" !important;
  font-weight: 400;
  color: #64686d;
  line-height: 26px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
  color: #272727;
}
a {
  -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;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}


.relative{
  position: relative;
}
.absolute{
  position: absolute;
}

/* 头部 header*/
#main-nav.navbar-default {
    background: #fff;
		border: none;
		box-shadow: 0px 2px 4px #cdcdcd;
}
.navbar.navbar-default .navbar-brand {
  height: auto;
  padding: 0px 15px 0 21px;
}
.navbar.navbar-default .navbar-toggle {
  margin-top: 22px;
}

.icona{
  display: inline-block;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: url('../img/ruleB.png') no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
	top:50%;
	right: 0px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.iconab{
  display: inline-block;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: url('../img/rule.png') no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
	top:50%;
	right: 5px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.owl-sou{
	width: 100%; height: 25px; line-height: 25px; margin: 0px 0;
	position: relative; display: inline-block;
}

.owl-sou input{
	width: 100%; height: 25px; border-radius: 15px; border:1px solid #cfcfcf; outline:none; text-indent: 5px;
	background: #cfcfcf; position: absolute; top:0; left: 0;
}
.sou-icon{
	display: block;
		position: absolute;
		top:50%;
		right:5px;
		width: 20px;
		height: 20px;
		background :url(../img/sou.png) no-repeat center center;
		background-size:100% 100%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.left{
  float: left!important;
}
.right{
  float: right !important;
}

.corf{
  color:#fff!important;
}



/*页面块内导航*/
	
.wrapper01 {position:relative;height: 1.4rem;width: 100%;overflow: hidden;margin:0 auto;border-bottom:1px solid #ccc}
.wrapper01 .scroller {position:absolute}
.scroller li {height: 1.4rem;color:#333;float: left;line-height: 1.4rem;font-size: 14px;text-align: center}
.wrapper01 .scroller li a{display:block;margin:0 .3rem}
.wrapper01 .scroller li.cur{background: #0073BE;}
.wrapper01 .scroller li.cur a{color:#fff;}
.nav_active{
		 background: #0073be; color: #fff;
}
.nav_active a{
		 background: #0073be; color: #fff;
}
.showOn{
	display: none;
}
.showOff{
	display: block;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	background: #0073BE!important; color:#fff!important;
}	

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	background: #0073BE!important; color:#fff!important;
}


/* 浮动侧边栏 */
	
	.lines_box{
		 width: 40px;
		 position: fixed;
		 right:10px;
		 bottom: 20%;
		 z-index: 4000;
		 display: none;
	}
	
	.lines_div,.lines_tops{
		width: 100%;
		height: 40px;
		border-bottom: 1px solid #fff;
		background: #ADADAD;
		position: relative;
		display: inline-block;
		cursor: pointer;
	}
	.lines_div:hover, .lines_tops:hover{
		 background: #CCCCCC;
	}
	
	
	.lines_icon{
		width: 16px; height: 16px;
		border: none;
		margin: 6px 12px;
	}
	.lines_icon img{
		width: 100%; height: 100%; border: none;
	}
	.lines_ul{
		width: 150px;
		margin: 0 auto;
		padding:0;
		position: absolute;
		right: 51px;
		top:0;
		z-index: 4000;
	}
	.lines_phone{
		 height: 40px;
		 line-height: 40px;
		 font-size:.16rem;
		 color:#FFFFFF;
		 background: #0073BE;
		 text-align: center;
		 display: none;
	}
	.lines_code{
	    padding: 10px;
		  background: #0073BE;
		  display: none;
	}
	.lines_qq{
		 height: 40px;
		 line-height: 40px;
		 font-size:.16rem;
		 color:#FFFFFF;
		 background: #0073BE;
		 text-align: center;
		 display: none;
		 margin-top: 80px;
	}
	.lines_top{
		width: 16px;
		height: 16px;
		margin: 0px auto 0 auto;
		
	}
	.lines_p{
		text-align: center;
		color: #fff;
		font-size:.14rem;
		line-height: 20px;
	}
	
	.borde_none{
		border: none;
	}
	
	/* .dropdown-menu{
		font-size: .32rem!important;
	} */


	.bannarIMG{
		width: 100%;
		height: 140px;
		background: #E3E3E3;
	}
	.bannarIMG img{
		height: 100%;
	}




@media only screen and (min-width: 768px) {

  
  #main-nav.navbar-default {
    background: #fff;
    border: none;
		font-size: 14px;
		box-shadow: 0px 2px 8px #cdcdcd;
  }
  
 .container {
    
    padding-right: 0px !important;
    padding-left: 0px !important;
}
  #main-nav.navbar-default .navbar-nav > li > a {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  #main-nav.navbar-default .navbar-nav > li > a:first-child{
     padding-left:20px; padding-right:20px;
  }
  #main-nav.navbar-default .navbar-nav .scroll:first-child{
  	width: 92px; text-align: center;
  }
  .navbar-default .navbar-nav>li>a {
	color: #6C6C6C;
	}
  #main-nav.navbar-default .navbar-nav > li.active > a,
  #main-nav.navbar-default .navbar-nav > li.open > a,
  #main-nav.navbar-default .navbar-nav > li:hover > a {
    color: #ffffff;
    background:#0073be;
  }
  #main-nav.navbar-default .dropdown-menu {
    padding: 0 20px;
    min-width: 220px;
    background-color:#0073be;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-clip: inherit;
  }
  #main-nav.navbar-default .dropdown-menu > li {
    border-left: 3px solid transparent;
    margin-left: -20px;
    padding-left: 17px;
    -webit-transition: border-color 400ms;
    transition: border-color 400ms;
  }
  #main-nav.navbar-default .dropdown-menu > li > a { 
    padding: 15px 0;
    color:#fff; 
  }
  #main-nav.navbar-default .dropdown-menu > li:first-child > a {
    border-top: 0;
  }
  #main-nav.navbar-default .dropdown-menu > li.active,
  #main-nav.navbar-default .dropdown-menu > li.open,
  #main-nav.navbar-default .dropdown-menu > li:hover {
    border-left-color: #45aed6;
  }
  #main-nav.navbar-default .dropdown-menu > li.active > a,
  #main-nav.navbar-default .dropdown-menu > li.open > a,
  #main-nav.navbar-default .dropdown-menu > li:hover > a {
    color: #45aed6;
    background-color: transparent;
  }
  .owl-sou{
		width: 120px; height: 25px; line-height: 25px; margin-top:30px;
		position: relative; display: inline-block; 
	}
	
	.owl-sou input{
		width: 100%; height: 25px; border-radius: 15px; border:1px solid #cfcfcf; outline:none; text-indent: 5px;
		background: #cfcfcf; position: absolute; top:0; left: 0;
	}
	
	
	
	/*页面块内导航*/
	
	.nav_com{
		 margin: 0 auto;
		 background: #fff;
		 height: 72px;
		 border-bottom: 1px solid #D5D5D5;
	}
	
	.nav_ul{
		 margin: 0 auto; padding: 0; float: left;
	}
	
	.nav_li{
		 padding: 0 35px; font-size:14px; color: #333333; font-family: "微软雅黑";
		 line-height: 72px; float: left; cursor: pointer;
	}
	
	.nav_active{
		 background: #0073be; color: #fff;
	}
	
	

.bannarIMG{
	
	height: 390px;
	background: #E3E3E3;
}
.bannarIMG img{
 height: 100%;
}
	
.showOn{
	display: block; padding: 0!important;
}
.showOff{
	display: none;
}
.nav .navbar-nav .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	background: #0073BE!important; color:#fff;
}	
.iconab{
  display: inline-block;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: url('../img/rule.png') no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
	top:12px;
	right: 25px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
	
	/* 浮动侧边栏 */
	
	.lines_box{
		 width: 50px;
		 position: fixed;
		 right:10px;
		 bottom: 20%;
		 z-index: 4000;
		 display: none;
	}
	
	.lines_div,.lines_tops{
		width: 100%;
		height: 50px;
		border-bottom: 1px solid #fff;
		background: #ADADAD;
		position: relative;
		display: inline-block;
		cursor: pointer;
	}
	.lines_div:hover, .lines_tops:hover{
		 background: #CCCCCC;
	}
	
	
	.lines_icon{
		width: 28px; height: 28px;
		border: none;
		margin: 11px auto;
	}
	.lines_icon img{
		width: 100%; height: 100%; border: none;
	}
	.lines_ul{
		width: 150px;
		margin: 0 auto;
		padding:0;
		position: absolute;
		right: 51px;
		top:0;
		z-index: 4000;
	}
	.lines_link{
		 height: 50px;
		 line-height: 50px;
		 font-size:.16rem;
		 color:#FFFFFF;
		 background: #0073BE;
		 text-align: center;
		 display: none;
	}
	.lines_link a{color:#fff;}
	.lines_phone{
		 height: 50px;
		 line-height: 50px;
		 font-size:.16rem;
		 color:#FFFFFF;
		 background: #0073BE;
		 text-align: center;
		 display: none;
		 margin-top: 50px;
	}
	.lines_code{
		  margin-top: 100px;
	    padding: 10px;
		  background: #0073BE;
		  display: none;
	}
	.lines_qq{
		 height: 50px;
		 line-height: 50px;
		 font-size:.16rem;
		 color:#FFFFFF;
		 background: #0073BE;
		 text-align: center;
		 display: none;
		 margin-top: 150px;
	}
	.lines_top{
		width: 16px;
		height: 16px;
		margin: 0px auto 0 auto;
		
	}
	.lines_p{
		text-align: center;
		color: #fff;
		font-size:.14rem;
		line-height: 20px;
	}
	
	.borde_none{
		border: none;
	}
	
	.owl_foot_ms0x{
		font-size: 30px !important;
		color:#fff;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding-top: 40px;

	}
	
}


@media screen and (max-width: 640px)
{
	#main-nav.navbar-default{height:70px;}
	.navbar-brand>img{width:75%;height:75%;}
	.navbar.navbar-default .navbar-toggle{ margin-top::18px;}
}
	
	
/********************LINK*************************/
.link{ line-height:30px; width:100%; background:#000; color:#fff;}
.link dl{overflow:hidden; width:1170px; margin:0 auto;}
.link dl dd{float:left; padding:10px 5px; line-height:24px;}
.link dl dt{font-size:16px; font-weight:bold;float:left; line-height:24px; padding:10px 0px;}
.link dl dd a{color:#fff;}





