﻿@charset "utf-8";
/* CSS Document */

*,
::before,
::after {
  margin: 0;
  padding: 0;
  /*清除移动端默认的点击高亮效果*/
  -webkit-tap-highlight-color: transparent;
  /*设置以边框开始计算宽度*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
}


body{
	margin:0px;
	background:#f5f5f5 url(bg_bg.jpg) no-repeat 0 center;background-attachment: fixed;background-size: 100% 100%;
}
a:link {
  text-decoration: none;
}

.a_link{
	font-size:16px;
	
}

a:visited {
  color: #666;
  text-decoration: none;
}
.top_left{
	padding:8px 0 0 0;
	float:left;			
}
.top_left a{
    color:#ffffff;	
}
.top_right{
    padding:8px 0 0 0;
    float:right;
}
.top_right a{
    color:#ffffff;
}
.top_right span{
    color:#ffffff;
}
.top_box{
	width:100%;
	height:40px;
	background:#1667b6;
}
.top_nr_box{
	height:40px;
	width:1200px;
    margin:0 auto;
}
.head{
	width:100%;
	height:300px;
	background:url(toptu.png) center 0 no-repeat;
	
	}	
.head_box{
	width:1200px;
    height:300px;
	margin:0 auto;
}
.banner_1{
	
}
.banner_1 img{
	padding:80px 0 0 0;
	
}
.banner_2{
	padding:45px 0 0 0;
	float:right;
	
}

.nav{
	width:100%;
    height:50px;
	background:#1667b6;
}	
.nav_box{
	width:1240px;
    height:50px;
	margin:0 auto;
	color:#ffffff;
}			
.nav_dropdown{
	padding:10px 0 0 0;
	height:50px;
	font-size:20px;
	float:left;
	width:12.5%;
	text-align:center;
}	
.nav_dropdown:hover{
	background-color: #004fb1;
}
.nav_dropdown1{
	padding:10px 0 0 0;
	height:42px;
	font-size:20px;
	float:left;
	width:20%;
	text-align:center;
}	
.conall{
	width:1240px;background-color:#fff;margin:0 auto;margin-top:30px;margin-bottom:20px;
}
.con1{
    width:100%;
    padding:40px 0 35px;
    overflow:hidden;
}
.con1 .container{
    width:1200px;
	height:70px;
    margin:0 auto;
}
.con1 .title{
	padding-top:10px;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}
.bt_link{
	color:grey;
}
#searchform{
margin-top:20px;
margin-right:-20px;
z-index: 99;
width: 400px;
}
#searchform form {
    width: 275px;
    height: 50px;
    margin: 0 auto 15px;
}
#searchform form .item {
    width: 300px;
    height: 50px;
    border-radius: 25px;
    background-color: rgba(243, 243, 243, 0.9);
    border: 2px solid #999a9a;
}
#searchform form .item input, .banner_bg form .item button {
    border: none;
    outline: none;
    height: 48px;
    background: transparent;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
}
#searchform form .item input {
    width: 230px;
    height: 48px;
    box-sizing: content-box;
    padding-left: 10px;
    font-size: 14px;
}
#searchform form .item button {
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: url(search.png) center center no-repeat;
	border:none;
}
	
.con2{
    width:100%;
    overflow:hidden;
}	
.con2 .container {
    width: 1200px;
    margin: 0 auto;
}
.con2lef {
    width: 630px;
    height: 420px;
    overflow: hidden;
	margin: 5px 0;
}
.mt{
    margin-bottom: 5px;
}	
	
.con2 .tempWrap{
	overflow:hidden; position:relative; 
}
.con2 .tempWrap ul{
	position: relative; overflow: hidden; padding: 0px; margin: 0px; 
}
.con2 .tempWrap ul li{
	float: left; width: 630px;
}
.con2 .tempWrap ul li img{
	height:420px;
}
.slideBox {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slideBox .bd a {
    display: block;
    width: 100%;
    position: relative;
}

.slideBox .bd a p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 18px;
    color: #fff;
    padding-left: 10px;
}

.slideBox .hd {
    position: absolute;
    right: 20px;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    z-index: 999;
    width: auto;
}

.slideBox .hd ul {
    font-size: 0;
}

.slideBox .hd li {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 9px;
    overflow: hidden;
    background: #fff;
	cursor:pointer;
}

.slideBox .hd li.on {
    background: #1667b6;
}


.con2rig .slidetab {
    width: 560px;
	padding:0 0 0 32px;
    overflow: hidden;
    position: relative;
}

.con2rig .slidetab .hd ul {
    width: 100%;
    padding:0;
    height: 40px;
    font-size: 0;
    border-bottom: 1px solid #e0e0e0;
	margin: 5px -5px;
}

.con2rig .slidetab .hd ul li {
	
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    padding: 0 5px;
    height: 100%;
    margin-right: 20px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    position: relative;
}

.con2rig .slidetab .hd ul li:last-child {
    margin-right: 0;
}

.con2rig .slidetab .hd ul li.on {
    color: #1667b6;
    position: relative;
}

.con2rig .slidetab .hd ul li.on a {
    color: #1667b6;
	font-size:21px;
	font-weight:bold;
}

.con2rig .slidetab .hd ul li.on::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #1667b6;
}

.con2rig .slidetab .hd a.more {
	font-weight:bold;
	padding:0 20px;
    font-size: 15px;
    color: #161616;
    line-height: 44px;
}
.con2rig .slidetab .bd ul li img{
	margin-top:6px;margin-right:25px;width:10px;height:10px;float:left;
   
}
.slideBox .bd li img{
        display: block;
       width: 630px;
    height: 420px;
    }

.clearfix a{
	color:black;
	font-size:20px;
	
}
.list{
	list-style:none;
	
	
}

.fl {
  float: left;
}

.fr {
  float: left;
}
/* list */

.list {
    width: 100%;
	margin: 0 -5px;
}

.list li {
    width: 100%;
    padding: 10px 15px 10px 0;
    position: relative;
}
.list .clearfix a:hover {
    color: red;
    text-decoration: underline;
}

.list li a {
    width: 100%;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.2s linear;
    overflow: hidden;
}

.list li span {
    width: 100%;
    display: block;
    font-size: 14px;
    color: #999;
    margin-top: 6px;
}

.list li:hover a span {
    color: #d50100;
}

.con2 .slideBox .bd li a p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 15px;
    color: #fff;
}



.con.jksy .lef,
.con.jksy .cen {
  width: 1200px;
}


.chd{
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1;
}
.con3{
	width:1200px;
	margin:0 auto;
	height:130px;
	margin-top:20px;
}

.con3 .fl {
  float: left;
}

.con3.slideBox {
    
    height: 120px;
   
}

.con4{
	width:1200px;
	height:360px;
	margin:0 auto;	
	
}
.con4 .con4rig{
	padding-left:10px;
	
}
.con4rig .slidetab {
	width: 560px;
    
	padding:10px 0 0 0;
    overflow: hidden;
    position: relative;
}

.con4rig .slidetab .hd ul {
    width: 100%;
    padding:0;
    height: 50px;
    font-size: 0;
    border-bottom: 1px solid #e0e0e0;
}

.con4rig .slidetab .hd ul li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 100%;
    
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    position: relative;
	padding:10px;
	width:33%;
}

.con4rig .slidetab .hd ul li:last-child {
    margin-right: 0;
}

.con4rig .slidetab .hd ul li.on {
	font-weight: bold;
    color: #1667b6;
    position: relative;
	background:#1667b6;
}


.con4rig .slidetab .hd ul li.on a {
    
	font-size:20px;
	
}

.con4rig .slidetab .hd ul li.on::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -19px;
    width: 0;
    height: 0;
    border: transparent solid 10px;
    border-top-color: #1667b6;
    z-index: 1;
    margin-left: -8px;
}

.con4rig .slidetab .hd a.more {
	font-weight:bold;
	padding:0 20px;
    font-size: 15px;
    color: #161616;
    line-height: 44px;
}










.con4gairig .slidetab {
	width: 560px;
    
	padding:10px 0 0 0;
    overflow: hidden;
    position: relative;
}

.con4gairig .slidetab .hd ul {
    width: 100%;
    padding: 0;
    height: 40px;
    font-size: 0;
    border-bottom: 1px solid #e0e0e0;
}

.con4gairig .slidetab .hd ul li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    padding: 0 5px;
    height: 100%;
    margin-right: 20px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    position: relative;
}

.con4gairig .slidetab .hd ul li:last-child {
    margin-right: 0;
}

.con4gairig .slidetab .hd ul li.on {
	color: #1667b6;
    position: relative;
}


.con4gairig .slidetab .hd ul li.on a {
    
color: #1667b6;
    font-size: 21px;
    font-weight: bold;
	
}

.con4gairig .slidetab .hd ul li.on::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #1667b6;
}

.con4gairig .slidetab .hd a.more {
	font-weight:bold;
	padding:0 20px;
    font-size: 15px;
    color: #161616;
    line-height: 44px;
}















.con5{
	width:1200px;
	height:100%;
	margin:0 auto;
	
}
.con5img{
	height:150px;
	
	
}

.con6{
	width:1200px;
	height:100%;
	margin:0 auto;
}
.con6 .hd{
	margin-bottom:10px;
	background: #f5f5f5;
	
}
.con6 .hd li a{
	color:#888;
	
}
.con6 .hd .on a{
	color:white;
	
}
.con-6{
	height:320px;
	
	
}

.con6_1 .con4rig{
	width:560px;padding:0 0 0 10px;
}
.con6_1 .con4rig .slidetab{
	width:560px;
}

.con6_2 .con4rig{
	width:530px;float:right;padding:0 5px 0 0;
}
.con6_2{
	margin-right:30px;
}
.con6_1{
	margin-right:30px;
}
.con6_1 .hd .more{
	position: absolute;right: 0;
}
.con6_2 .hd .more{
	position: absolute;right: 0;
}
.con6_1 .hd .more a{
	display: inline;height: 50px;line-height: 50px;color: black;
}
.con6_2 .hd .more a {
    display: inline;
    height: 50px;
    line-height: 50px;
    color: black;
}
.con4rig .slidetab .bd ul li img {
    margin-top: 6px;
    margin-right: 25px;
    width: 10px;
    height: 10px;
    float: left;
}
.con4gairig .slidetab .bd ul li img {
    margin-top: 6px;
    margin-right: 25px;
    width: 10px;
    height: 10px;
    float: left;
}
.con7{
	width:1200px;
	height:100%;
	margin:0 auto;
	padding-bottom:12px;
	
	
}
.con7phone{
	display:none;
}
.con7-1{
	height:250px;
	
}
.con7 .comtitle {
    background: url('line.jpg') 125px center no-repeat;
    border-bottom: 0ex;
}

.con7 .comtitle span {
    line-height: 44px;
}

.con7 .comtitle span::after {
    display: none;
}

.con7 .con7list {
    margin-top: 20px;
    overflow: hidden;
}

.con7 .con7list li {
    float: left;
    width: 280px;
    height: 201px;
    margin-right: 26px;
    overflow: hidden;
}

.con7 .con7list li:last-child {
    margin-right: 0;
}

.con7 .con7list li img {
	position:relative;
    display: block;
    width: 100%;
    height: 100%;
    transition: all .2s linear;
}

.con7 .con7list li img:hover {
    transform: scale(1.1);
}
.con7 .con7list li p {
	position:absolute;width:280px;background:rgba(0, 0, 0, 0.6);color:#fff;font-size:14px;bottom:0px;padding:5px 10px;
}
.con8{
	margin-top:20px;
	width:1200px;
	height:100%;
	margin:0 auto;
}

.con8frist{
	height:360px;
	float:left;
	
}
.con8frist .con4rig{
	float:left;padding:0 0 0 10px;width:540px;
}
.con8second{
	height:360px;

}

.con9{
	width:1200px;
	height:260px;
	margin:0 auto;	
	
}
.con9 .container{
	width:1200px;
}

.con9  .hd ul {
    width: 100%;
    padding:0;
    height: 40px;
    font-size: 0;
    border-bottom: 1px solid #e0e0e0;
}


.con9.hd ul li .on {
    color: #1667b6;
    position: relative;
}


.con9  ul li.on::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 80px;
    height: 2px;
    background-color: #1667b6;
}

.con9 .hd ul li {
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: top;
    height: 100%;
    margin-right: 20px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    position: relative;
}

.con10{
	width:1200px;
	height:100%;
	margin:0 auto;	
	
	
	
	
}
.con10 .swiper3{
	display:none;
}
.con10  .hd ul {
    width: 100%;
    padding:0;
    height: 45px;
    font-size: 0;
    border-bottom: 1px solid #e0e0e0;
}


.con10.hd ul li .on {
    color: #1667b6;
    position: relative;
}


.con10  ul li.on::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 105px;
    height: 2px;
    background-color: #1667b6;
}

.con10 .hd ul li {
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: top;
    height: 100%;
    margin-right: 20px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    position: relative;
}


.con10 .comtitle {
    background: url('line.jpg') 125px center no-repeat;
    border-bottom: 0ex;
}

.con10 .comtitle span {
    line-height: 44px;
}

.con10 .comtitle span::after {
    display: none;
}

.con10 .con10list {
    margin-top: 20px;
    overflow: hidden;
}

.con10 .con10list li {
    float: left;
    width: 280px;
    height: 201px;
    margin-right: 26px;
    overflow: hidden;
}

.con10 .con10list li:last-child {
    margin-right: 0;
}

.con10 .con10list li img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .2s linear;
}

.con10 .con10list li img:hover {
    transform: scale(1.1);
}
.con10 .swiper-slide img{
	padding:0 10px;width:380px;height:80px
}


.link{
	width:100%;
	height:70px;
	line-height:70px;
	background:#dbdbdb;
}
.container{
	width:1200px;
	margin:0 auto;

}
.link_01{
	padding:20px 10px 0;
	float:left;
}

.bot{
	width:100%;
	height:180px;
	background:#1667b6;
}
.bot_01{
	padding:30px 0 0 0;
	float:left;
	width:100px;
}
.bot_02{
	margin-top:50px;
	float:left;
	color:#ffffff;
}

.bot_03{
	padding:50px 0 0 0;
	float:right;
}
.bot_box{
	width:1200px;
	height:180px;
	margin:0 auto;
}
.botinfo {
    padding: 0 25px;
    font-size: 16px;
    float: left;
}
.botinfo p {
    text-align: center;
}



.con10inner {
  width: 100%;
  padding: 30px 0 0 0;
}

.con10inner .name {
  width: 80px;
  height: 80px;
  padding-top: 9px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #0455a9;
  border-radius: 5px;
  overflow: hidden;
}

.swiperWrap {
  width: 1200px;
  height: 80px;
  padding: 0 40px;
  overflow: hidden;
  position: relative;
}

.swiperWrap .swiper2 {
  height: 80px;
}

.swiperWrap .arrow-left {
  background: url(anniu.png) no-repeat 0 center;
  position: absolute;
  left: 5px;
  top: 60%;
  margin-top: -20px;
  width: 30px;
  height: 30px;
}

.swiperWrap .arrow-right {
  background: url(rightanniu.png) no-repeat 0 center;
  position: absolute;
  right: 5px;
  top: 60%;
  margin-top: -20px;
  width: 30px;
  height: 30px;
}


.webbot{
	display:none;
}


























	
	
@media screen and (max-width:992px) {
	body{
		background:none;
	}
    .top_nr_box{display:none;}
	.banner_1{height:auto;
	          width:42%;
			  margin:10px 0 0 20px;
			  padding:0;
			  }
	.banner_1 img{padding:15px 0 0 0;
	              width:80%;
				  display:block;
				  margin:0 auto;
			  }			  
	.banner_2{display:block;
	          width:36%;
			  margin:0px auto 0;
			  float:none;
			  padding:5px 0 0 0;
			  }
	 .head_box  {width:100%;
		
	}
	.head_box div {width:100%;
		
	}
    #searchform{margin-right:0;
                width:100%;
                margin-top:10px;				
	}	
	.nav{height:100%;
		
	          }	
    .nav_box{height:100px;
		width:100%;
	          }
	.nav_box div {width:33%;
		
	          }
	.nav_dropdown{width:30px;
	padding:15px 5% 0 5%;
		
	          }		
	.nav_dropdown1{width:30px;
	padding:10px 5% 0 5%;
		
	          }	
		.conall{
		width:100%;
	}
.list li a {
   
    font-size: 14px;
    
}	
.list li p {
    display:none;
}
	.con{
		width:100%;
	}
	.con1{
		width:100%;
		padding: 10px 0 25px 5px;
	}
	.con1 .container{
		width:100%;
	}
	.con1 .container .title{
		width:100%;
	}
	.con1 .container .title a{
		font-size:20px;
	}
	.con2 .container{
		width:100%;
	}
	.con2 .container .con2lef{
		width: 100% !important;
    height: 300px;
	}
	.con2 .container .con2lef .slideBox{
		width: 95% !important;
    height: 300px;
	margin:0 auto;
	}
	.con2 .tempWrap ul li {
    
    width: 100%;
}
.con2 .slideBox .bd li a p {
font-size:13px;
}
.con2 .tempWrap ul li img {
    height: 300px;
}
.con2 .con2rig{
	width:100%;
}
.con2rig .slidetab {
	padding: 20px 0 0 20px;
}
	.con3{
		width:100%;
		height:70px;
	}
	.con3 #focus1{
		height:65px !important;
		width:95%;
	}
	
	.con3 #focus1 ul li{
		height:65px !important;
		width:100% !important;
	}
	.con3 #focus1 ul li a img {
		
		width:100% !important;
		height:65px !important;
	}
	
	
	.con4{
		width:100%;
		padding: 10px 0 25px 5px;
	}
	.con4 .slidetab{
		width:100%;
		
	}
	.con4 .con4rig{
		width:100%;
		padding-left:10px;
		
	}
.con4 .con4gairig{
		width:100%;
		padding-left:10px;
		
	}
	.con5{
		display:none;
	}
	.con6{
		width:100%;
		padding: 10px 0 25px 5px;
	}
	.con6_1 .con4rig{
		width:100%;
	}
	
	.con6_1 .con4rig .slidetab {
    width: 100%;
}
	.con6_2 .con4rig{
		width:100%;
	}
	.con6_2 .con4rig .slidetab {
    width: 100%;
}
.con6_2{
	margin-right:10px;
}
.con6_1{
	margin-right:10px;
}
.con6_2 .con4rig {
    
    padding: 0 0 0 10px;
}





.con7{
	
	display:none;
}

.con7phone{
	width:100%;
	display:block;
}
.con7phone ul{
	width:100%;
}
.con7phone ul li{
	width:48%;
	float:left;
	margin-left:2%;
	margin-top:1%;
	
}
.con7phone ul li img{
	width:100%;
	height:170px;
	position:relative;
	display:block;
}
.con7phone ul li p{
	position:relative;
	background:rgba(0, 0, 0, 0.6);color:#fff;font-size:12px;bottom:0px;padding:5px 10px;
	
}
.con8{
	width:100%;
}

.con8 .con8frist{
	width:100%;
}
.con8frist .con4rig {
    width:100%;
    padding: 0 0 0 10px;
}



.con8 .con8second{
	width:100%;
}
.con8second .con4rig {
    width:100%;
    padding: 0 0 0 10px;
}

.con9{
	width:100%;
	
}
.con9 .container{
	width:400px;
}
.con10{
	margin-top:300px;
	width:100%;
}
.con10 .swiper2{
	display:block;
}
.con10 .swiper3{
	display:none;
}
.con10 .container{
	
	width:100%;
}
.con10 .container .swiperWrap{
	
	width:100%;
}
.con10 .swiper-slide{
	
	width:100%;
	
}
.con10 .swiper-slide a{
	
	width:100%;
	height:80px
}
.con10 .swiper-slide img{
	
	width:100%;
	height:80px
}

.link{
	display:none;
}

.bot{
	display:none;
}


.webbot{
	display:block;
	height:200px;
	width:100%;
	background:#1667b6;
}
.webbot div{
	float:left;
	
	text-align:center;
}

.webbot p{
	margin-top:10px;
	text-align:center;
	color:white;
	width:100%;
	
}



	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
