.main{
 border-bottom: none;
}
.main_content{min-height:558px;}
/*header*/
.header{height:100px; width:100%;}
.header_In{ width:1200px; margin:0 auto;}
.logo{ width:448px;}
.logo img{
 width: 100%;
}
.logo img:hover{ transform: none}
.loginBox{ width:300px;_width:316px;*width:316px}
.search{ float:right}
.search_top{ margin:20px 0 10px; float:right;width: 70px;text-align:right;}
.search_top a{color:#d12c1c; font-size:14px;}
.search_top a:hover{color:#d12c1c}
.search_top .line{float:left; color:#cccccc; font-size:16px; padding:0 8px;}

.searchTxt{width:212px;border:1px solid #d12c1c;border-right:none;line-height:32px;height:30px;float:left;padding:0 10px;_width:300px;*width:300px;background: none;}
.searchBtn{width:30px;border:none;line-height:30px;height:32px;background:#d12c1c url(/Sites/Uploaded/UserUpLoad/20181010/20181010181520.png) no-repeat center center;color:#fff;float:left;cursor:pointer;}
.searchBtn:hover{ background:#f33b29 url(/Sites/Uploaded/UserUpLoad/20181010/20181010181520.png) no-repeat center center;}

/*banner*/
.banner .swiper-container {
 width: 100%;
 height: 585px;
 position: relative;
}
.banner{
 display: block;
 width: 100%;
 overflow: hidden;
 position: relative;
}
.banner img {
 width: 100%;
 height: 100%;
 border: 0;
 display: block;
 margin-bottom: 0px;
}
@media only screen and (max-width:1680px){
 .banner .swiper-container{height: 562px;}
   }
   @media only screen and (max-width:1600px){
 .banner .swiper-container{width: 100%;height: 541px;}
   }
   @media only screen and (max-width:1440px){
 .banner .swiper-container{width: 100%;height: 487px;}
   }
   @media only screen and (max-width:1366px){
 .banner .swiper-container{width: 100%;height: 462px;}
   }
   @media only screen and (max-width:1280px){
 .banner .swiper-container{width: 100%;height: 433px;}
   }
   @media only screen and (max-width:1024px){
 .banner .swiper-container{width: 100%;height: 406px;}
   }
   @media only screen and (max-width:768px){
 .banner .swiper-container{width: 100%;height: 338px;overflow: hidden;}
 .swiper-slide{
 overflow: hidden;
 }
 .banner img{
 width: 1000px;
 height: auto;
 margin-left: -50%;
 }
   }
.banner .arrow_btn{
 display: none;
}
.banner_pos{
 color: #fff;
 position: absolute;
 width: 500px;
 top:calc(50% - 150px);
 left: 200px;
 padding: 50px;
 background: url(/Sites/Uploaded/UserUpLoad/20181011/20181011145056.png);
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 transform: translateX(-100%);
}
.banner_pos .color_red{
 color: #d02f26;
}
.banner_pos h1{
 font-size: 50px;
 text-transform:uppercase;
}
.banner_pos p{
 margin-top: 20px;
 line-height: 30px;
 letter-spacing: 1px;
}
.transition {
 opacity: 0;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 transition: all 1s;
}
.banner_pos.translateX_100{
 opacity: 1;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 transform: translateX(0);
}
/*bottom_nav*/
.bottom_nav{
 padding: 30px 0;
 background: #414141;
}
.bottom_nav_in{
 width: 1200px;
 margin: 0px auto;
}
.bottom_nav_list{
 display: flex;
 justify-content: space-around;
}
.bottom_nav_list>li{
 border:1px solid #575753;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 transform: translateX(-100%);
 line-height: 78px;
}
.bottom_nav_list>li:nth-child(1){
 width: 90px;
}
.bottom_nav_list>li:nth-child(2){
 width: 223px;
}
.bottom_nav_list>li:nth-child(3){
 width: 123px;
}
.bottom_nav_list>li:nth-child(4){
 width: 131px;
}
.bottom_nav_list li.translateX_100{
 opacity: 1;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 transform: translateX(0);
}
.bottom_nav_list>li>a{
 display: block;
 color: #fff;
 text-align: center;
}
.bottom_nav_list>li>a:hover{
 font-weight: bold;
}
.bottom_nav_list li{
 position: relative;
}
.b_sy2_ul{
 position: absolute;
 border: 1px solid #d12c1c;
 border-bottom: none;
 background: #fff;
 left: 0;
 top: -117px;
 z-index: 10;
 _zoom: 1;
 _border: 4px solid #d12c1c;
 overflow: hidden;
 _border-bottom: none;
 width: 175px;
 padding: 0 30px;
 display: none;
}
.b_sy2_ul.show{
 display: block;
}
.b_sy2_li {
 z-index: 0;
 position: relative;
 height: 38px;
 line-height: 38px;
 width: 100%;
 z-index: 10;
 background: url(/Content/Areas/Common/images/common/icon30.png) no-repeat 0 13px;
 text-align: left;
 padding-left: 12px;
}
.b_sy2_li a.b_sy2_tit {
 font-weight: normal;
 font-size: 14px;
 position: relative;
 z-index: 3;
 height: 35px;
 line-height: 35px;
 overflow: hidden;
 display: block;
}
/*footer*/
.footer{
 width: 100%;
 background: url(/Sites/Uploaded/UserUpLoad/20181010/20181010163751.jpg);
}
.footer_in{
 width: 1200px;
 padding: 60px 0;
 margin: 0px auto;
}
.footer_in p{
 color: #fff;
 line-height: 32px;
 text-align: center; 
}
.footer_in p a{
 color: #fff;
}
.footer_in p a:hover{
 color: #fff;
}
@media only screen and (max-width: 1200px)
{
.header{ width:1200px}
	}
@media only screen and (max-width: 768px)
{
 .wrap_main .linkmap span{
 color: #333;
}
.wrap_main .linkmap a{
 color: #333;
}
h2.title_header{
 color: #666;
}
h2.title_header span{
 border-bottom: 2px solid #666;
}
.border{
 border-top: 2px solid #666;
}
.article_right .article_title{
 font-size: 18px;
}
.footer_in{
 width:auto;
 padding: 20px 10px;
}
.header{ width:100%}	
.logo{ width:515px;}	
.header{ padding:0 10px; box-sizing:border-box;}
.header_In{ width:100%;}	
.logo{width: 46%;float: none; margin: 0px auto;}
.logo img{ width:100%}
.banner_pos{
 padding: 10px;
 width: 250px;
 left: 8%;
 top: calc(50% - 69px);
}
.banner_pos h1{
 padding: 0px 10px;
 font-size: 18px;
}
.banner_pos p{
 font-size: 12px;
 line-height: 20px;
 letter-spacing:0px;
 margin-top: 10px;
}
.bottom_nav_in{
 width:100%;
}
.bottom_nav_list>li{
 line-height: initial;
 border:none;
}
.banner_pos .color_red{
 margin-right: 5px;
}
.bottom_nav{
 padding: 0px;
}
.bottom_nav_list{
 display: grid;
 width: 100%;
 height: 200px;
 margin: 0px auto;
 grid-gap: 2px;
 grid-template-columns: repeat(10, 1fr);
 grid-template-rows: repeat(10, 1fr);
 background: #fff;
 overflow: hidden;
}
.bottom_nav_list li:nth-child(1){
 grid-column: 1/5;
 grid-row: 1/11;
 width: auto;
 line-height: 280px;
 background: #333 url(/Sites/Uploaded/UserUpLoad/20181116/20181116172415.png) no-repeat center center;
}
.bottom_nav_list li:nth-child(2){
 grid-column: 5/11;
 grid-row: 1/5;
 width: auto;
 line-height: 120px;
 background: #333 url(/Sites/Uploaded/UserUpLoad/20181116/20181116172441.png) no-repeat center center;
}
.bottom_nav_list li:nth-child(3){
 grid-column: 5/8;
 grid-row: 5/11;
 width: auto;
 line-height: 180px;
 background: #333 url(/Sites/Uploaded/UserUpLoad/20181116/20181116172428.png) no-repeat center center;
}
.bottom_nav_list li:nth-child(4){
 grid-column: 8/11;
 grid-row: 5/11;
 width: auto;
 line-height: 180px;
 background:#333  url(/Sites/Uploaded/UserUpLoad/20181116/20181116172402.png) no-repeat center center;
}
	}
@media only screen and (max-width: 768px)
{
.logo{ width:519px;}		
.loginBox{ display:none}
}
@media only screen and (max-width: 640px)
{
.logo{width: 75%;}	
.header{ height:auto;}
	}
@media only screen and (max-width: 435px)
{

	}