*{font-family: Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;text-decoration:none; }
.img{overflow: hidden;height: 449px;background-size: 100%;}
.location{height: 70px;border-bottom: 1px solid #e0e0e0;}
.location p{width: 1200px;margin: 0 auto;height: 100%;text-align: right;line-height: 70px;letter-spacing: 2px;font-size: 18px;color: #9c9d9d;}


.con .con-n{width: 1200px;margin: 0 auto;}
.nav-l{width: 200px;margin-top: -141px; float: left;}
.nav-l .title{width: 100%;height: 140px;background-color: #423e44;color: #fff;text-align: center;}
.nav-l .title h4{height: 50%;line-height: 105px;font-size: 20px;letter-spacing: 6px;}
.nav-l .title p{height: 50%;line-height: 30px;font-size: 18px;}
.nav-l ul{width: 100%;background-color: #f4f5f5;padding: 35px 0;}
.nav-l ul li{width: 100%;height: 60px;}
.nav-l ul li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 60px;color: #423e44;font-size: 18px;transition: all .3s ease-in;}
.nav-l ul li a:hover{background-color: #d31518;color: #fff;cursor: pointer;}
.active{background-color: #d31518;color: #fff !important;}
.nav-n{width: 1903px;height: 355px;position: absolute;z-index: 9999;display: none;left: 0;top: 110px;transition: all .3s ease-in;}
.nav-n img{display: block;width: 63%;height: 100%;float: left;}
.nav-n .navr{float: left;width: 37%;height: 100%;background-color: #f4f5f5;}
.nav-n .navr h4{font-size: 25px;padding-left: 70px;padding-top: 25px;}
.nav-n .navr li{padding-left: 80px;width: 100%;height: 42px;position: relative;box-sizing: border-box;}
.nav-n .navr li:hover{background-color: #fff;}
.nav-n .navr li a{display: block;font-size: 18px;width: 100%;height: 100%;}
.redline{width: 1.5px;height: 13px;position: absolute;left: 70px;top: 15px;background-color: #d31518;}
.mas{position: absolute;top: 465px;left: 0;width: 100%;height: 100%;background-color: #595757;opacity: 0.4;z-index: 99999;display: none;}
.nav-n .navr p{line-height: 42px;color: #595757;}
.nav li:nth-child(2):hover .nav1{display: block;}
.nav li:nth-child(3):hover .nav2{display: block;}
.nav li:nth-child(4):hover .nav3{display: block;}
.nav li:nth-child(5):hover .nav4{display: block;}
.nav li:nth-child(6):hover .nav5{display: block;}
.nav li:nth-child(7):hover .nav6{display: block;}

/*.nav li:nth-child(2):hover .mas{display: block;}*/
/*.nav li:nth-child(3):hover .mas{display: block;}*/
/*.nav li:nth-child(4):hover .mas{display: block;}*/
/*.nav li:nth-child(5):hover .mas{display: block;}*/
/*.nav li:nth-child(6):hover .mas{display: block;}*/
/*.nav li:nth-child(7):hover .mas{display: block;}*/




.con-r{float: right;width: 957px;}
.con-bg{background: url("../images/comon.jpg") 0 0 no-repeat;background-size: cover;width: 957px;height: 208px;position: relative;margin-top: 65px;}
.con-bg .title1{position: absolute;left: 0;top: 75px;}
.con-bg .title1 h4{font-size: 25px;letter-spacing: 4px;}
.con-bg .title1 p{font-size: 20px;letter-spacing: 2px;margin-top: 5px;}
.con-bg .more{position: absolute;right: 0;text-align: right;bottom: 0;}
.con-bg .more p{font-size: 25px;color: #9c9d9d;letter-spacing: 1px;}
.con-bg .more a{font-size: 25px;color: #231815;}



.con-con{margin-top: 35px;}
.con-con img{display: block;width: 100%;}
.con-con p{font-size: 16px;line-height: 23px;margin-top: 15px;}


@media screen and (min-width:1920px){

}
@media screen and (min-width: 1520px) and (max-width: 1919px) {
    .header-f{min-width: 1420px;}
    .footer{min-width: 1420px;}
    .header{width: 90%;margin: 0 auto;}

    .img{width: 100%;}
    .con{width: 100%}
    .location{width: 100%;}
    .location p{width: 90%;}

    .nav-l{width: 165px;}
    .con-bg{width: 100%;background-size: 100%;margin-top: 40px;}
    .con-r{width: 80%;}
    .con .con-n{width: 90%;}
    .con-con{margin: 0;}
    .lianxi li .li-r{width: 560px !important;}
    .footer .wrapper{width: 100%;}
    .our_sour .f-cb{width: 90%;}
    .our_sour span{width: 100%;clear: both;height: 50px;line-height: 50px;text-align: center;}
    .footer .email li span{font-size: 14px !important;padding-bottom: 5px;line-height: 20px;}
    .footer .footnav li{padding-bottom: 16px !important;}
    .wrapper{height: auto !important;}
}
@media screen and (min-width: 1240px) and (max-width: 1519px) {
    body{}
    .header-f{min-width: 1150px;}
    .footer{min-width: 1150px;}

    .img{width: 100%;}
    .con{width: 100%}
    .location{width: 100%;}
    .location p{width: 90%;}

    .nav-l{width: 165px;}
    .con-bg{width: 100%;background-size: 100%;margin-top: 40px;}
    .con-r{width: 80%;}
    .con .con-n{width: 90%;}
    .con-con{margin: 0;}
    .lianxi li .li-r{width: 433px !important;}
    .footer .wrapper{width: 100%;}
    .our_sour .f-cb{width: 90%;}
    .our_sour span{width: 100%;clear: both;height: 50px;line-height: 50px;text-align: center;}
    .footer .email li span{font-size: 14px !important;padding-bottom: 5px;line-height: 20px;}
    .footer .footnav li{padding-bottom: 16px !important;}
    .wrapper{height: auto !important;}
}
@media screen and (min-width: 1024px) and (max-width: 1239px) {
    body{min-width: 950px;}
    .header-f{min-width: 950px;}
    .footer{min-width: 950px;}

    .img{min-width: 950px;}
    .con{min-width: 950px;}
    .location p{width: 90%}

    .nav-l{width: 165px;}
    .con-bg{width: 100%;background-size: 100%;margin-top: 40px;}
    .con-r{width: 80%;}
    .con .con-n{width: 90%;}
    .con-con{margin: 0;}
    .lianxi li .li-r{width: 245px !important;}
    .footer .wrapper{width: 100%;}
    .our_sour .f-cb{width: 90%;}
    .our_sour span{width: 100%;clear: both;height: 50px;line-height: 50px;text-align: center;}
    .footer .email li span{font-size: 14px !important;padding-bottom: 5px;line-height: 20px;}
    .footer .footnav li{padding-bottom: 16px !important;}
    .wrapper{height: auto !important;}
}
@media only screen and (max-width: 1023px) {

    #page{ width: 300px;}#content,.div1{width: 300px;}#secondary{display:none}#access{width: 330px;} #access a {padding-right:10px;padding-left:10px}#access a img{display:none}#rss{display:none}#branding #s{display:none}#access ul ul a{width:100px}
}



#pages {
	height: auto;
	padding: 70px 0 60px;
	text-align: center
}
#pages span {
	float: left;
	margin: 0 10px;
	line-height: 28px;
	color: #222
}
#pages a {
	width: 36px;
	height: 36px;
	display: inline-block;
	line-height: 36px;
	text-align: center;
	font-family: Arial;
	margin-right: 5px;
	transition: all .2s ease-out;
	text-decoration: none;
	border: 1px solid #d9d9d9;
	color: #606060
}
#pages a.next i, #pages a.prev i {
	font-size: 16px
}
#pages a.next:hover, #pages a.prev:hover {
	background-color: #afafaf;
	border-color: #afafaf
}
#pages a.next:hover i, #pages a.prev:hover i {
	color: #fff
}
#pages a.active {
	color: #fff;
	background-color: #ef4136;
	border-color: #ef4136
}
#pages a.active:after, #pages a:hover:after {
	width: 10px
}

#pages li:first-child a {
	width:100px;
}
#pages li:last-child a {
	width:100px;
}
.con-bg-span{
	height:30px;
	line-height:30px;
	width:5px;
	background-color:#043f7c;
	display:inline-block;
	margin-right:10px;
	margin-bottom:-5px;
}
.red-line{
    width: 92%;
    height: 25px;
    background-color: #0000FF;
    background: linear-gradient(-70deg, transparent 20px, #c61c1e 0);
    display:inline-block;
    position: absolute;
    top:120px;
    left:0;
}
.red-line-img{
    width:8%;
    display:inline;
    position: absolute;
    top:120px;
    right:0;
}
.con-con i{
    display:inline;
    width:100%;
}
.hide-div{
    display: none;
}
.show-div{
    display: block;
}
/* .swiper-slide1{
    width:313px;
    height:153px;
} */
.img-table{
    width:100%;
}
.little-img{
    position:relative;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
}
.little-img:after{
    position:absolute;
    left: 0;
    top:0;
    display: block;
    width:100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    content: attr(data-text);
    transition:all 0.5s ease;
    transform: translateY(0);
    color: #FFF;
}
.little-img:hover:after{
    background-color: rgba(0, 0, 0, 0);
}
.back-div{
   position:absolute;
   color:#fff;
   font-size:24px;
   z-index:100;
   text-align: center;
   margin-top:-45%;
   width:100%;
}
.text-div{
    width:60%;
    text-align: center;
    line-height:40px;
    padding-top:5%;
}
.text-div p{
    line-height:40px;
}
.text-div h3{
    margin-bottom:30px;
}
.top-name{
    /* border:1px solid rgba(255,255,255,0.6); */
    position: absolute;
    width:30%;
    margin-top:-11.5%;
}
#choose-img-name{
    font-size:30px !important;
    color:#083978;
    margin-bottom:0;
    padding:5% 0;
    text-align: center;
    line-height:40px;
    background: rgba(255,255,255,0.5);
}