﻿.imgResponsive{padding-bottom:61.94%;overflow:hidden;display: block;width: 100%;height: 0;}
.wrap{ width: 1095px; margin: 0 auto;}
.header{ position: relative; z-index: 1000;}
.header .top{background: #a02226; height: 36px;}
.header .top .search{ background: #fff; border-radius:26px; height: 26px; position: relative; overflow: hidden; padding-right: 40px; margin-top: 5px;}
.header .top .search input{ border: 0; width: 150px; padding-left: 20px; height: 26px; line-height: 26px;}
.header .top .search input.b{ background: url(../images/s.png) center no-repeat; width: 26px; height: 26px; position: absolute; right: 5px; top: 0;}
.header .top .wx{ margin-top: 3px; padding: 0 10px;}
.header .top .wx a{ display: block;  float: left; margin: 0 10px; color: #fff; line-height: 30px; font-size: 12px; height: 30px;}
.header .top .wx .w {float: left; margin-top: 7px;}
.header .top .wx .w a {display: inline-block; padding: 0 10px; margin: 0; height: auto; line-height: 1.1; font-size: 14px;}
.header .top .wx .w a + a {border-left: 1px solid #ec908f;}
.header .top .wx a.a3{ display: none;}

.header .top .wx a span{transition: 0.3s all; display: block;}
.header .top .wx a img{width: 30px; height: 30px; transition: 0.3s all;}
	@media only screen and (min-width: 1000px) {
		.header .top .wx a:hover span{ transform: rotateY(-180deg); }
		.header .top .wx a:hover img{ transform: rotateY(180deg);}
	}
.header .alink { line-height: 1.1; margin-top: 10px; float: left; font-size: 14px;}
.header .alink a{ float: left; padding: 0 10px; border-left: 1px solid #ec908f; color: #fff;}
.header .alink a:hover{ color: #ec908f; }
.header .alink a:first-child{ border: 0;}
.header .nav{ position: absolute; left:0; top: 36px; right: 0;  background: url(../images/mask1.png) repeat-x 0 0; padding: 5px 0; min-height: 80px; } 
.header .nav .wrap{ position: relative; z-index: 2;}
.header .nav .bg{ opacity: 0; visibility: hidden; background: #a02226; position: absolute; left: 0; right: 0; top: 0; z-index: 1;   height: 70px; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.open_scroll .header .nav{ background:none;  position: fixed; top: 0; left: 0; right: 0; padding-top: 3px; z-index: 999;}
.open_scroll .header .nav .bg{  opacity: 1; visibility: visible; transition: 0.8s all; -webkit-transition: 0.8s all; }
.open_scroll .header .nav-child{position: fixed; top: 70px; left: 0; right: 0; z-index: 999;}
.open_scroll .header .nav .menu li i{ top: 53px;}
.open_scroll .header .nav .menu{  margin-top: 5px;}
.open_scroll .header .nav .logo img{ width: 318px; height: 65px;}
.header .nav .logo { float: left; }
.header .nav .logo img{ width: 391px; height: 80px;}
.header .nav .menu{ float: right; margin-top: 10px; font-size: 18px;}
.header .nav .menu li{ position: relative; float: left; }
.header .nav .menu li a{ color: #fff; padding: 15px 10px; display: block;}
.header .nav .menu li i{ background: url(../images/b3.png) no-repeat; width: 22px; height: 9px; position: absolute; left: 50%; top: 58px; margin-left: -11px; }
.menu li i{ opacity: 0; visibility: hidden; transform: translateY(10px); }

.header .nav-child{ position: absolute; left: 0; top: 118px; right: 0; background: rgba(255,255,255,0.95); opacity: 0; transition: 0.5s all; box-shadow: 0 2px 2px rgba(0,0,0,0.2); }
.lt9 .header .nav-child{ background:#fff;}

.nav-chidl-w{ margin-left: 150px;}
.child-item{ padding: 30px 0; display: none; }
.child-item.open{ display: block; }
.child-item .img{ display: none;}
.child-item .img img{ width: 300px; height: 158px;}
.child-item .rqcode{ margin: 15px 0px 0 40px; text-align: center; font-size: 12px;}
.child-item .rqcode p{ margin-top: 5px;}
.child-item .rqcode img{ width: 80px; height: 80px;}
.child-item .txt{  padding: 30px 0 0 40px;}
.child-item dl{ min-width: 200px; border-right: 1px solid #ccc; padding-right: 40px;}
.child-item dt{ font-weight: bold;}
.child-item dt a{ color: #000;}
.child-item dd .l{  float:left; margin-left:40px;}
.child-item dd .l:first-child{ margin-left: 0;}
.child-item dd a{ color: #222; display: block; margin-top: 10px; font-size: 16px;}
.child-item dd a:hover{ color:#a02226;}

.child-item.item2 dd{ margin-right: -30px;}
.child-item.item2 dt{ display: none;}

.header.menu0 .m0 i,
.header.menu1 .m1 i,
.header.menu2 .m2 i,
.header.menu3 .m3 i,
.header.menu4 .m4 i,
.header.menu5 .m5 i,
.header.menu6 .m6 i{ opacity: 1; visibility: visible; transform: translateY(0px); transition: 0.3s all;}
.header.menu1 .nav-child,
.header.menu2 .nav-child,
.header.menu3 .nav-child,
.header.menu4 .nav-child,
.header.menu5 .nav-child,
.header.menu6 .nav-child{ opacity: 1; visibility: visible; border-bottom: 1px solid #ddd;}
.header.menu0 .nav-child,
.header.menu1 .nav-child .item1,
.header.menu2 .nav-child .item2,
.header.menu3 .nav-child .item3,
.header.menu4 .nav-child .item4,
.header.menu5 .nav-child .item5,
.header.menu6 .nav-child .item6{ display: block;}

.banner{ position: relative; height: 510px; overflow: hidden; background: #f0f0f0;}
.banner .btn-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.banner .btn-box .wrap {position: relative; height: 100%;}
.banner .btn-box a {position: absolute; top: 50%; z-index: 9; width: 50px; height: 50px; opacity: .8; filter: alpha(opacity=80); margin-top: -25px; border: 2px solid #fff; border-radius: 50%; background: no-repeat center;}
.banner .btn-box a:hover {background-color: #333;}
.banner .btn-box a.over {display: none;}
.banner .btn-box a.ban-left {left: -54px; background-image: url('../images/icon_prev.png');}
.banner .btn-box a.ban-right {right: -44px; background-image: url('../images/icon_next.png');}
.banner .swiper-container{ height: 510px;}
.banner-img{ position: relative; overflow: hidden;}
.banner-img a{ display: block;}
.banner-img .bg{ width: 1920px; height: 510px; position: absolute; top: 0; left: 50%; margin-left: -960px;}
.bg_ph{ display: none;}
.banner-img .wrap{  position: relative;}
.banner-img .wrap .txt{ background: rgba(0,0,0,0.5); padding: 10px 20px; position: absolute; left: 0; bottom: 30px; color: #fff; z-index: 2; width: 40%; font-size: 16px;}
.banner-img .wrap .txt p{ font-size: 18px;}

@media only screen and (min-width: 981px) {
	.banner-img .wrap{height: 510px !important;}
}

.banner-img .wrap .txt .b{ margin-top: 10px;}
.lt9 .banner-img .wrap .txt{ background: url(../images/bg1.png);}
.banner .pagination{  bottom: 10px;}
.banner .pagination .swiper-pagination-switch{ width: 10px; height: 10px; box-shadow: -2px 2px 2px rgba(0,0,0,0.5); border-radius: 100%; background: #fff; border: 1px solid #fff; margin: 0 10px;}
.banner .pagination .swiper-active-switch{ background: #a02226;}



.select-box { position:relative;  box-sizing:border-box; background: #fff; }
.select-box dt a { display:block; text-indent:5px; position:relative; z-index:2; color: #333;}
.select-box dt a b { overflow:hidden; margin-right:20px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.select-box .ico { position:absolute; right:0; top:0; width:20px; height:100%; z-index:1;  background:url(../images/jt.png) no-repeat center; transition: 0.3s all;}
.select-box dd{ position: absolute; bottom:100%; left: -1px; border: 1px solid #3e3f42; max-height: 15em; overflow: auto; background: #fff; width: 100%; min-width: 6em; display: none; }
.select-box:hover dd{ display: block;}
.select-box:hover .ico{ transform: rotate(180deg);}
.select-box dd a{ display: block; border-top: 1px solid #eee; color: #333; padding: 5px;}
.select-box dd a:hover{ background: #a02226; color: #fff;}
.select-box dd a:first-child{ border: 0;}

.footer{ background: #3e3f42; color: #fff; position: relative; z-index: 3;}
.footer a{ color: #fff;}
.footer a:hover{ color: #ddd;}
.footer .f-dd .al a{ display:block; padding: 0 10px; border-left: 1px solid #aaa; line-height: 1.1; float: left; margin-top: 3px;}
.footer .f-dd .al a:first-child{ border: 0; padding-left: 0;}
.footer .f-dl{ padding: 20px 0; padding-left: 80px; position: relative;}
.footer .f-dt{ float: left; margin-right: 20px; position: absolute; left: 0; top: 20px;}
.footer .f-dt img{ width: 67px; height: 73px; }
.footer .f-dd{  padding: 10px 0 0;}
.footer .f-dd p{ margin-top: 10px;}
.footer .selectf .select-wrap{ float: left; min-width: 200px; margin-left: 20px;}

.tab-b{ display: none; }
.tab-b.on{ display: block;}
.main{ position: relative; z-index: 2; min-height: 400px;} 

.bk1-news{ width: 50%;  }
.lt9 .bk1-news{margin-left: -1px;}

.bk1-news-w{ padding-right: 20px;}
.bk1-left .more{ padding-right: 20px; margin-top: 20px;}
.bk1-news-w .t1{ padding: 20px 0;}
.bk1-news-w .t2{ position: relative;}
.bk1-news-w .t2 a{ display: block;}
.bk1-news-w .t2 a:hover p{ color:#eee;}
.bk1-news-w .t2 p{ position: absolute; left: 0; bottom: 0; right: 0; padding: 10px; color: #fff; background: url(../images/bg1.png); text-align: center; z-index: 2;}
.bk1-news-w .t3 ul{ padding-right: 30px;}
.bk1-news-w .t3 li{ margin-top: 35px; overflow: hidden;}
.bk1-news-w .t3 li span{ float: left; margin-right: 20px; line-height: 1.4; background: #a02226; min-width: 40px;  text-align: center; color: #fff;}
.bk1-news-w .t3 li span em{ display: block;}
.bk1-news-w .t3 li p{ overflow: hidden;}

.bk1-right{ width: 300px; margin-left: 20px;}
.bk1-right-box{ background: #fff; border: 1px solid #a02226;  box-shadow: 3px 3px 5px rgba(0,0,0,0.3); margin: -30px 0 0; min-height: 700px;}
.bk1-right .tab-head{ position: relative; line-height: 55px; border-bottom: 1px solid #eee;}
.bk1-right .tab-head i{ height: 20px; width: 1px; background: #ddd; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 0;}
.bk1-right .tab-head .tab-a{ width: 50%; float: left; text-align: center; cursor:default; cursor: pointer;}
.bk1-right .tab-head .tab-a.on{ border-bottom: 2px solid #b21913;}
.bk1-right .tab-b{ padding:0 20px;}
.bk1-right .tab-b ul{ padding-bottom: 20px;}
.bk1-right .tab-b li{ border-bottom: 1px solid #ddd; padding:18px 10px; text-align: center;}
.bk1-right .tab-b li p{ margin-top: 10px;}
/*hoverimg*/
.hoverimg{ overflow: hidden; display: block;}
.hoverimg img{ transition: 0.3s all; -webkit-transition: 0.3s all;}
@media only screen and (min-width: 1000px) {
.hoverimg:hover img{ transform:scale(1.1) rotate(-1deg); -webkit-transform:scale(1.1) rotate(-1deg);}
}

a.red-a{ display: inline-block; background: url(../images/r1.png) no-repeat right center; padding-right: 15px; color: #a02226;}
.red-a:hover{ color: #84090a;}

a.gray-a{ display: inline-block; background: url(../images/r2.png) no-repeat right center; padding-right: 15px; color: #333;}
.gray-a:hover{ color: #666;}

.index-bk2{ padding-bottom: 30px;}
.bk2-w{ margin-top: 20px; border: 1px solid #ddd; padding: 20px 10px; overflow: hidden;}
.bk2-w li{ float: left; width: 25%;}
.lt9 .bk2-w li{ margin-left: -1px;}
.bk2-w  .w{ margin: 0 10px; position: relative; border: 1px solid #fff; transition: 0.3s all;}
.bk2-w  .w:hover{ border-color: #a02226;}
.bk2-w  .w span{ position: absolute; top: 50%; left: 0; right: 0; margin-top: -0.75em; text-align: center; color: #fff; z-index: 2;;}

.index-bk3{ padding:20px 0 50px; background: #f2f2f2;}
.video-a{ position: relative;}
.video-a .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg2.png) no-repeat -100px; transition: 0.5s all; -webkit-transition: 0.5s all; opacity: 0; visibility: hidden;}
.video-a:hover .mask{ background-repeat: repeat; opacity: 0.5;}
.bon-play { background:url(../images/v.png) no-repeat; background-size:100% 100%; width:4em; height:4em; position:absolute; top:50%; left:50%; margin:-2em 0 0 -2em;  pointer-events: none; display:block; z-index:1000;}
.bk3-box{ margin-top: 20px; position: relative; }
.bk3-box .itme1{ float:left; width: 570px;}
.bk3-box .item2{ position: absolute; left: 570px; top: 0; right: 0; bottom: 0;}
.bk3-box .itme1 .tit{ position: absolute; left: 0; bottom: 0; right: 0; padding: 5px; color: #fff; background: url(../images/bg1.png); text-align: center; transition: 0.2s; visibility: hidden; opacity: 0;}
.bk3-box .itme1:hover .tit{ visibility: visible; opacity: 1;}



.bk3-box .item2 .list{ height: 50%; width: 50%; position: absolute;}
.bk3-box .item2 .list .demo-img:first-child{ display: block; width: 100%; height: 100%; position: absolute; visibility: visible; left: 0; top: 0;}
.bk3-box .item2 .list .demo-img{ width: 1px; height: 1px; overflow: hidden; position: absolute; left: 50%; top: 50%; visibility: hidden;}
.bk3-box .item2 .list figure{ position: absolute; top: 0; left:0; width: 100%; height: 100%; z-index: 2; background: url(../images/bg2.png) no-repeat -100px 0; opacity: 0; visibility: hidden; transition: 0.5s all;}
.bk3-box .item2 .list figure span{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -0.75em; text-align: center; color: #fff;}
.bk3-box .item2 .list:hover figure{ opacity: 1; visibility: visible; background-repeat:repeat ;}

.bk3-box .item2 .list:first-child{left: 0; top: 0;}
.bk3-box .item2 .list:first-child+.list{left: 50%; top: 0;}
.bk3-box .item2 .list:first-child+.list+.list{left: 0; top: 50%;}
.bk3-box .item2 .list:first-child+.list+.list+.list{left: 50%; top: 50%;}

.video-box{ position:fixed; left: 0; top:0; width: 100%; height: 100%; background: url(../images/bg1.png) #000; z-index: 100000; display: none;}
.video-box .close{ background: url(../images/close1.png) no-repeat center #000; width: 50px; height: 50px; position: absolute; right: 10px; top: 0;  z-index: 10;}

.index-bk4{ padding: 50px 0 60px;}
.bk4-1{ float: left; width: 400px;}
.bk4-2{ float: left; width: 320px; margin:0 70px;}
.bk4-3{ overflow: hidden;}

.bk4-1-news{}
.bk4-1-news li{ margin-top:23px ;}
.bk4-1-news li .r{ color: #999; margin-left: 10px;}
.bk4-1-news li .l .fl{ border: 1px solid #ddd; color: #a02226; padding: 0 4px; margin-right: 5px;}

.bk4-2-list{}
.bk4-2-list li:first-child{ border: 0;}
.bk4-2-list li{ border-top: 1px solid #ddd; padding: 15px 0;}
.bk4-2-list li .cf {position: relative; padding-left: 43px; max-height: 3em; overflow: hidden;}
.bk4-2-list li .fl{ /* margin: 5px 10px 0 0; */ position: absolute; top: 50%; left: 0; margin-top: -16px;}
.bk4-2-list li .fl img{ width: 33px; height: 33px;}
.bk4-2-list li dd {display: table; height: 3em;}
.bk4-2-list li dd .ellipsis-2 {height: auto; max-height: 3em; display: table-cell; vertical-align: middle;}

.bk4-2-bottom{ border: 1px solid #ddd; background: #f6f6f6; padding: 10px;}
.bk4-2-bottom dt{ float: left; width: 153px; text-align: center;}
.bk4-2-bottom dt img{ width: 66px; height: 66px;}
.bk4-2-bottom dd{ overflow: hidden;}
.bk4-2-bottom dd .b{ width: 100%; height: auto;}
.bk4-2-bottom dd .a{ background: #a02226; margin-top: 15px; display: block; text-align: center; color: #fff; padding: 5px 0;}
.bk4-2-bottom dd .a:hover{ background: #a02226;}
.bk4-2-bottom dd .a img{ margin-left: 10px; margin-top: 2px;}
.code{float: left;margin-right: 10px;}

.bk4-3-list{ margin-right: -20px;}
.bk4-3-list li{ float: left; width: 50%; margin-top: 25px; line-height: 30px;}
.lt9 .bk4-3-list li{ margin-left: -1px;}
.bk4-3-list li img{ width: 30px; height: 30px;}

.bk4-3 .bk4-3-list li{ font-size: 14px;}
.bk4-3 .bk4-3-list li a{ display: block; overflow: hidden;}
.bk4-3 .bk4-3-list li img{ float: left; margin-right: 5px;}
.bk4-3 .bk4-3-list li span{ overflow: hidden;}
.bk4-3 .bk4-3-list li:first-child span{ line-height: 1.0;}

.top-button{ position: fixed; right: 20px; bottom: 10%; z-index: 10000; transition: 0.2s all; transform: translateY(100%); opacity: 0; visibility: hidden;}
.top-button.on{ transform: translateY(0); opacity: 1; visibility: visible;}
.top-button em{ display: block; width: 50px; height: 50px; border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0,0,0,0.2); position: relative; background: #fff;}
.top-button em i{ position: absolute; width: 24px; height: 24px; top: 50%; left: 50%; margin: -12px 0 0 -12px; background: url(../images/up.png) 0 0; transition: 0.4s all;}
.top-button span{ color: #fff; background: #a02226; padding:5px 0; text-align: center; display: block; margin-top: 10px;}
.top-button a:hover em i{ background-position: 0 -48px;}

.banner-other{ position: relative; overflow: hidden; z-index: 1; height: 250px;}
.banner-other .wrap { height: 250px; position: relative; z-index: 2;}
.banner-other .impression-banner-txt{ background:rgba(160,34,38,0.95); padding: 20px; color: #fff; position: absolute;
bottom: 20px; right: 20px; width: 40%;}
.banner-other img{ position: absolute; width: 1920px; height: 250px; left: 50%; top: 0; margin-left: -960px;}
.lt9 .banner-other .impression-banner-txt{background:rgb(160,34,38);}

.com-content{ line-height: 1.8; padding-bottom: 50px; text-align: justify;}
.com-content > p{ margin-bottom: 1em;}
.com-content img{ max-width: 100%; height: auto;}

.main .wrap{ position: relative;}
.com-left{ width: 188px; margin-right: 10px; min-height: 100px;}
.com-left-box.fixd{ top: 0; position: fixed; top: -30px; }
.com-left-box.fixd2{ bottom: 100px; top:auto; left: 0; position: absolute;}
.com-left-box{ margin-top: -60px; width: 188px;}
.com-left-box .t{ height: 160px; background: #a02226; text-align: center; color: #fff; position: relative; overflow: hidden;}
.com-left-box .t i{ position: absolute; font-size: 140px; color: #bb4546; z-index: 1; left: -10px; top: -25px; line-height: 1.1; font-weight: bold; font-family: arial;}
.com-left-box .t em{ display: block; padding-top: 50px; position: relative; z-index: 2;}
.com-left-box .t span{ display: block;position: relative; z-index: 2;}
.left-menu{ background: #f9f9f9; position: relative; padding-bottom: 130px;}
.left-menu-top{ background: url(../images/left1.png) no-repeat; height: 38px; position: absolute; left: 0; right: 0; top: -38px;}
.left-menu-bottom{background: url(../images/left3.png) no-repeat; height: 174px; position: absolute; left: 0; right: 0; bottom: -41px;}
.left-menu ul{ padding: 30px 0; text-align: center;}
.left-menu ul li{ margin-bottom: 12px;}
.left-menu ul li > a{ display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #f9f9f9;}
.left-menu ul li.on > a,
.left-menu ul li.current > a{ border-bottom-color: #a02226; color: #a02226; }
.left-menu ul li.current .left-menu-child{ display: block;}
.left-menu ul li.current .left-menu-child .on i{ background: #a02226;}
.left-menu ul li.current .left-menu-child .on a{color: #a02226;}
.left-menu-child{ margin-left: -2em; position: relative; left: 48%; text-align: left; padding-bottom: 10px; display: none;}
.left-menu-child a{ display: inline-block;}
.left-menu-child .list{ padding-left: 15px; position: relative; margin-top: 5px;}
.left-menu-child .list i{ width: 8px; height: 1px; background: #666; left: 0; top: 50%; position: absolute;}

.com-right{ border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.com-right-box{ padding: 20px 30px;}
.com-content{ padding: 20px 30px;}

.com-title{ padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.com-title .fl{ line-height: 1.1; border-left: 5px solid #a02226; padding-left: 10px;}
.com-title .oh a{ display: inline-block; padding-right: 7px; margin-right: 3px; background: url(../images/dd.png) right center no-repeat;}

.leader-box{ padding-top: 50px; margin: 0 -15px;}
.leader-box ul {float: left; width: 50%;}
.leader-box li{margin-bottom: 30px;}
.leader-box li .w {*zoom: 1; margin: 0 15px;}
.leader-box li .w:before,
.leader-box li .w:after {content: ''; display: table;}
.leader-box li .w:after {clear: both;}
.leader-box li .w > a {float: left; display: block; width: 170px; margin-right: 20px;}
/* .leader-box li:first-child{ padding-left: 15%;} */
/* .leader-box li:first-child+li{ padding-right: 15%;} */
/* .leader-box li .w{ max-width: 189px; margin: 0 auto;} */
.leader-box li .w img{ border: 1px solid #fff; transition: 0.4s all;}
.leader-box li a:hover img{ border-color: #a02226; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.leader-box li .w .p{ min-height: 140px; padding-top: 10px; overflow: hidden;}

.leader-art{ padding: 30px 20px;}
.leader-art .fl{width: 189px; margin-right: 65px;}
.leader-art .fr{ width: 189px; margin-left: 40px;}
.leader-art .fl img,
.leader-art .fr img{ width: 100%; height: auto;}
a.a-close{ display: inline-block; background: #a02226; color: #fff; padding: 2px 15px;}
a.a-close:hover{ background: #a31b1a;}

.org{ padding: 20px;}
.org .ab_otit{ color:#a02226; font-size: 18px; font-weight: bold;}
.org .ab_ocon { margin: 10px 0 20px;}
.org .ab_ocon li{ border-bottom: 1px solid #f9f9f9; background: #f9f9f9; font-size: 0;}
.org .ab_ocon li.odd{ background: #fff;}
.org .ab_ocon li span{ display: inline-block; width: 30%; padding: 10px 1.5%; font-size: 16px; vertical-align: top;}

.team-box{ padding: 0 30px 50px;}
.team-box dl{border-bottom: 1px solid #f9f9f9; background: #f9f9f9;}
.team-box dl.odd{background: #fff;}
.team-box dl dt{ width: 35%;  padding: 20px 0 20px 10px; padding-right: 5%;}
.team-box dl dd{ padding: 20px 10px 0;}
.team-box dl dd a{ display: inline-block; margin: 0 20px 20px 0; min-width: 4em;}

.news-list{ padding: 20px 30px;}
.news-list li{ margin-bottom: 20px;}
.news-list li span{ color: #999; margin-left: 10px;}

.news-title{ padding: 20px 30px 10px; text-align: center; border-bottom: 1px solid #ddd;}
.news-title  h2{   padding-bottom: 10px; margin-bottom: 10px;}
.news-title p span{ display: inline-block; margin: 0 10px; vertical-align: top;}
.news-title p span#print{ cursor: pointer;}
.news-title p span i{ display: inline-block; cursor: pointer; margin: 0 2px;}
.news-title p span i.current{ font-weight: bold; color: #a02226;}
.news-bottom{ padding: 20px 30px;}
.news-bottom .b{ margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd;}
.news-bottom .b p{ margin-bottom: 10px;}
.news-content{ min-height: 450px;}

.container{ height: 400px;}
.postion-box{ padding-bottom: 30px;}
.postion-box .tab-head{ text-align: center; padding: 30px 0;}
.postion-box .tab-head a{ display: inline-block; padding: 10px 0; margin: 0 20px;}
.postion-box .tab-head a.on{ color: #a02226; border-bottom: 2px solid #a02226; font-weight:bold;}
.postion-box .tab-body dt{ float: left; margin-right: 20px;}
.postion-box .tab-body dt img{ width: 28px; height: 28px;}
.postion-box .tab-body dd{ overflow: hidden; padding: 3px 0 20px;}
.postion-box .tab-body dd p{ margin-bottom: 10px;}

.search-box{}
.search-inp{ width: 60%; margin: 30px  auto;}
.search-inp .search2{ margin-left: 20px;}
.search-inp .search2 a{ display:block; padding: 4px 20px; margin-top: 1px; border: 1px solid #a02226; color: #a02226;}
.search-inp .search2 a:hover{ color: #fff; background: #a02226;}
.search-inp .fl{ padding: 6px;}
.search-inp .oh{ position: relative;}
.search-inp input{ width: 98%; padding: 6px 1%; border: 1px solid #ddd; }
.search-inp input.b{ width: 80px; background: #a02226; color: #fff; position: absolute; right:0; top: 0;}
.sherch-t{ padding-bottom: 5px; border-bottom: 1px solid #ddd;}
.search-list{ padding: 20px 0;}
.search-list li{ border-bottom: 1px solid #ddd; padding: 15px 0;}
.search-list li >a{ font-size: 16px; text-decoration: underline;}
.search-list li .p{ color: #999;}

.students{ padding: 20px 0;}
.students li{ padding: 20px 0 10px; border-bottom: 1px solid #eee;}
.students li span{ display: inline-block; margin: 0 20px 20px;}
.students li span a{ display:block;}
.students li span img{ display: block; margin: 0 auto 5px; width: 34px; height: 34px; transition: 0.3s all;}
.students li span a:hover img{ transform:rotateY(180deg);}
.students .stu_tit{  font-size: 16p; color: #a02226; margin-bottom: 20px;}



.com-table{ margin-top: 20px; margin-bottom: 30px;}
.com-table { border: 1px solid #eee; text-align: center;}
.com-table thead td{ background: #a02226; color: #fff;}
.com-table td{ padding: 10px;}
.com-table tbody tr:nth-child(2n){ background: #fafafa;}

.other-box{border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 20px;}
.other-right { float: right; width: 270px; margin-left: 30px;}
.other-left { overflow: hidden;}
.other-right-bk{ margin-bottom: 20px; background: #f9f9f9;}
.other-right-bk.bk1,
.other-right-bk.bk2{ padding: 15px; border-top: 2px solid #a02226;}
.other-right-bk .t{ margin-bottom: 10px;}
.other-r-newslist li{ border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;}

.other-r-img{ margin: 0 -5px;}
.other-r-img li{ float: left; width: 50%; position: relative;}
.other-r-img li a{ margin: 0 5px 10px; display: block; position: relative; z-index: 1;}
.other-r-img li a.demo-img+.demo-img{ position: absolute; left: 50%; top: 50%; height: 1px; width: 1px; opacity: 0; z-index: 1;}

.impre-list{ padding: 20px 0 0; margin: 0 -15px;}
.impre-list li{ width: 50%; float: left;}
.impre-list li .w{ margin: 0 20px 40px; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.lt9 .impre-list li .w{ border: 1px solid #ddd;}
.impre-list li .w .p{ padding:10px 15px;}
.impre-list li .w .p p{ margin-bottom: 5px;}

body .bdsharebuttonbox .bds_more1{ margin: 0; padding: 0; background: url(../images/sx.png) left center no-repeat; padding-left: 20px; height: auto; line-height: normal;}

.camel-box{ padding: 20px 0;}
.caeml-search{ background: #f9f9f9; padding: 10px; margin-bottom: 20px;}
.caeml-search .t1{ line-height: 45px;}
.caeml-search .t2{ width: 30%; margin: 0 20px;}
.caeml-search .t3{ overflow: hidden; margin-right: 20px;}
.caeml-search select{ width: 99%;}
.caeml-search .select2-container--default .select2-selection--single{ border: 1px solid #ddd;}
.caeml-search .select2-container--default .select2-selection--single .select2-selection__arrow b{
	background-image: url(../images/j.png);
}

.camel-list{ margin: 0 -10px;}
.camel-list .list:first-child{ width: 100%;}
.camel-list .list{ float: left; width: 50%; position: relative; margin-bottom: 20px;}
.camel-list .list .demo-img{ position: absolute; opacity: 0;  width: 1px; height: 1px; overflow: hidden; left: 50%; top: 50% ; visibility: hidden;}
.camel-list .list .demo-img figure{ display: none;}
.camel-list .list .demo-img:first-child{ visibility: visible; opacity: 1; display: block; position: relative; width: auto; height: auto; left: 0; top: 0; margin: 0 10px;}
.camel-list .list .demo-img .tit{ position: absolute; left: 0; bottom: 0px; padding: 10px; color: #fff; background: rgba(0,0,0,0.5); max-width: 70%; border-top-right-radius: 10px; z-index: 3;}


.camel-more{}
.camel-more a{ display: block; line-height: 32px; text-align: center; border: 1px solid #ddd;}
.camel-more a:hover{ background: #fafafa;}
.other-right-bk.bk3 img{ width: 100%; height: auto;}

.search2-s{ max-width: 600px; margin: 20px auto 50px;}
.search2-s .item{ margin-bottom: 20px;}
.search2-s .item .name{ float: left; width: 6em; text-align: right; padding: 5px;}
.search2-s .item .w{}
.search2-s .item .w .select{ border: 1px solid #ccc; padding: 5px 0; width: 98%; box-sizing: border-box;}
.search2-s .item .w .input{ border: 1px solid #ccc; padding: 5px 0; width: 98%;  box-sizing: border-box; text-indent: 5px;}
.search2-s .sub{ text-align: center;}
.search2-s .sub input{ border: 0; background: #a02226; color: #fff; border-radius: 2px; padding: 10px 2em;}

.search2-box{ padding-bottom: 30px;}
.search2-box .p1{ float: left; width: 40%;}
.search2-box .p2{ float: left; width: 20%;}
.search2-box .p3{ float: left; width: 20%;}
.search2-box .p4{ float: left; width: 20%;}
.search2-tit{ background: #a02226; color: #fff;}
.search2-box .w{ padding: 10px;}
.search2-list li{ border-bottom: 1px solid #ddd; padding: 2px 0; }


/*********************氓鈥溌嵜ヂ衡€澝ヂ悸徝久铰�*/

@media only screen and (min-width: 981px) and (max-width: 1150px) {
	.banner-img .wrap{height: 380px !important;}
}

@media only screen and (max-width: 1150px) {
.wrap{ width: 980px;}
.header .nav .menu li a{ padding:15px 10px;}
.header .nav .logo img{ width: 342px; height: 70px;}
.banner{ height: 380px;}



.banner-img .bg{ width: 1431px; height: 380px; margin: 0 0 0 -715px;}
.banner .swiper-container{ height: 380px;}
.nav-chidl-w{  margin-left: 0;}
.child-item dd a{ margin-top: 5px;}

.child-item dd .l{ margin-left: 15px;}
.bk1-right{ width: 260px; margin-left: 0;}
.bk2-w{ padding: 10px 5px;}
.bk2-w  .w{ margin: 0 5px;}
.bk3-box .item2{ left: 480px;}
.bk3-box .itme1{ width: 480px;}
.bk4-1{ width: 340px;}
.bk4-2{ width: 300px; margin: 0 40px;}
.other-right{ width: 248px;}
.banner-other{ height: 186px;}
.banner-other .wrap{ height: 186px;}
.banner-other .impression-banner-txt{ right: 10px; bottom: 10px;}
.banner-other img{ width: 1430px; height: 186px; margin-left:-715px ;}
}
@media only screen and (min-width: 961px) {
	.bk3-box .item2 .list img{ width: 100%; height: 100% !important; position: absolute;}
}
.ph-mask,
.menu-bon{ display: none;}
@media only screen and (max-width: 980px) {
	.wrap{ width: 700px;}
	.bk1-right{  width: auto; float: none;}
	.bk1-right-box{ margin-top: 20px; min-height: initial; padding-bottom: 20px;}
	.bk1-right .tab-b ul{ overflow: hidden; padding-bottom: 0;}
	.bk1-right .tab-b li{ padding: 10px; float: left; width: 50%; box-sizing:border-box; display: none;}
	.bk1-right .tab-b li:nth-last-child(2n){ border-left: 1px solid #ddd;}
	.bk1-right .tab-b li:first-child,
	.bk1-right .tab-b li:first-child+li,
	.bk1-right .tab-b li:first-child+li+li,
	.bk1-right .tab-b li:first-child+li+li+li{ display: block;}
	.bk2-w li{ width: 50%;}
	.bk2-w li:first-child,
	.bk2-w li:first-child+li{ margin-bottom: 10px;}
	.bk3-box .itme1{ width: auto; float: none;}
	.bk3-box .item2{ position: relative; left: 0;}
	.bk3-box .item2 .list{ position: relative; float: left; width: 50%; height: auto; left: 0 !important; top: 0!important;}
	.bk3-box .item2 .list .demo-img:first-child{ position: relative;}
	.bk4-1{ width: auto; float: none; margin-bottom: 30px;}
	.bk4-2{ width: 50%; margin: 0 30px 0 0;  }
	
	.footer .f-dd .al{ display: block; overflow: hidden; float: none; margin-bottom: 10px; }
	.footer .selectf .select-wrap{ margin: 0 20px 0 0;}
	
	
	/*忙鈥扳€姑ε撀好ヂ济ㄋ喡�*/
	.nav .wrap{ width: auto; margin: 0 20px;}
	.menu-bon { display: block; cursor: pointer; transition: 0.3s all; z-index: 1000; -webkit-transition: 0.3s all; border: none; width: 30px; height: 30px; padding: 0; outline: none; position: absolute; z-index: 1000; right: 0; top: 0; background: #fff; padding: 12px; border-radius: 100%; box-shadow:1px 1px 5px rgba(0,0,0,0.4); }
.menu_h { width: 30px; height: 30px; position: relative; border-radius: 0; vertical-align: top; background: none; border: 0; -webkit-transition: 0.25s all; transition: 0.25s all; }
.menu_h::before,
.menu_h::after,
.menu_h span { background: #a02226; }
.menu_h::before,
.menu_h::after { content: ''; position: absolute; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }
.menu_h span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; margin-top: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
.menu_h::before { -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }
.menu_h::after { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); }
.menu-open .menu_h { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); }
.menu-open .menu_h span { opacity: 0; background: #fff; }
.menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
.open_scroll .header .nav .logo img{ width: 269px; height: 55px;padding: 5px 10px;}
.header .nav{ z-index: 999;}
.header .nav .menu{ position: fixed; z-index: 100; right: 0; background: #fff; top: 0; bottom: 0; margin: 0; width: 20%;
transform: translateX(100%); -webkit-transform: translateX(100%); transition: 0.4s all; -webkit-transition: 0.4s all; z-index: 999;}
.header .nav .menu ul{ padding-top: 120px;}
.header .nav .menu li{ float: none; margin-bottom: 10px;}
.header .nav .menu li a{ color: #000000; text-align: center; position: relative; z-index: 2;}
.header .nav .menu li i{ background: #eee; width: 100%; height: 100%; left: 0; top: 0; margin: 0; z-index: 1;}
.open_scroll .header .nav-child,
.header .nav-child{ position: fixed; top: 0; bottom: 0; right: 20%;  left: auto; background: #eee; overflow: auto; z-index: 999;}
.open_scroll .header .nav{ min-height: 0;}
.nav-child .wrap{ width: auto; }
.child-item{ width: 130px; padding: 15px;}
.child-item .img { float: none; margin-bottom: 20px;}
.child-item .img img{ width: 100%; height: auto;}
.child-item .txt,
.child-item .rqcode { display: none;}
.child-item.item2 dd{ margin: 0; padding: 0;}
.child-item dt{ margin-bottom: 10px; border-left: 4px solid #a02226; font-weight: bold; line-height:1.1; padding-left: 10px;}
.child-item dd .l{ float: none; margin: 0; }
.child-item dd .l a{ display: block; margin-bottom: 10px;}
.child-item.item2 dl{ margin: 0; padding: 0;}
.top-button{ bottom: 20px;}
.ph-mask { opacity: 0; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; display: none; z-index: 888; cursor: pointer; }
.menu-open .menu-bon{ }
.menu-open .ph-mask{ opacity: 0.5; display: block;}
.menu-open .header .nav .menu { transform: translateX(0); -webkit-transform: translateX(0);}
.open_scroll .header .nav{ padding-top: 8px;}
.open_scroll .header .nav .menu li i{ top: 0;}

.child-item dl{ min-width: auto; border: 0; padding-right: 0;}
.com-left{ display: none;}
.other-right{ display: none;}
.other-box{ padding: 10px;}
.caeml-search .t2{ margin: 0 10px;}
.caeml-search .t3{ margin-right: 0;}
.camel-list{ margin: 0 -5px;}
.camel-list .list .demo-img:first-child{ margin: 0 5px;}
.camel-list .list{ margin-bottom: 10px;}

.banner-other .impression-banner-txt{ width: 60%; padding: 10px;}

.banner{ height: auto;}
.banner-img .wrap{ width: auto; margin: 0;}
.banner .swiper-container{ height:auto;}
.banner .banner-img .bg{ width: 100%; height: 100%; left: 0; top: 0; margin: 0;}
.bg_pc{ display: none;}
.bg_ph{ display: block;}
.banner-img .wrap{position: static;}

}


@media only screen and (max-width: 760px) {
	.banner .btn-box a {width: 30px; height: 30px; margin-top: -15px; background-size: 30%;}
	.banner .btn-box a.ban-left {left: 0;}
	.banner .btn-box a.ban-right {right: 0;}
	.header .top .wx .w{ margin-top: 9px;}
	.header .top .wx .w a {padding: 0 6px; font-size: 11px;}
	.wrap{ width: auto; margin: 0 10px;}
	.nav-child .wrap{ margin: 0;}
	.header .nav .menu{ width: 120px;}
	.open_scroll .header .nav-child,
	.header .nav-child{ right: 120px;}
	.bk1-news{ width: auto; float: none;}
	.bk1-news-w{  padding-right: 0; margin: 0 5px;}
	.bk1-news-w .t3 li{ margin-top: 20px; }

	.bk1-news-w .t1{ padding: 20px 0 10px;}
	.bk4-2{ width: auto; margin: 20px 0 ; float: none;}
	.bk4-3-list li{ width: 33.33%;}
	.footer .f-dt{ float: none; position: relative; top: 0; text-align: center; margin: 0;}
	.footer .f-dl{ padding: 10px 0;}
	.footer .f-dd{ text-align: center;}
	.footer .selectf { float: none;}
	.footer .f-dd .al a{ float: none; display: inline-block;}
	.footer .selectf .select-wrap{ float: left; width: 46%; margin: 0 1.9%; min-width: auto;}
	.footer .f-dd p{ font-size: 12px;}
	.footer .f-dd p span:first-child,
	.footer .f-dd p span:first-child+span+span+span{ display: block;}
	.menu-bon{ top: 0; right: 0px; width: 25px; height: 25px; padding: 8px;}
	.menu_h{ width: 25px; height: 25px;}
	.header .top .wx{ padding: 0;}
	.header .top .wx a{ margin: 0 0 0 5px;}
	.header .top .wx a.a3{ display: block;}
	.header .top .wx a.a3 .s2{ display: none;}
	.header .top .search{ position: absolute; display: none; right: 42px; margin-top: 10px;}
	.open-search .header .top .search{ display: block;}
	.open-search .header .top .wx a.a3 .s2{ display: block;}
	.open-search .header .top .wx a.a3 .s1{ display: none;}
	.open_scroll .header .nav .logo img{ width: 220px; height: 45px;}
	.header .alink{ overflow: hidden; float: none; font-size: 11px; margin-top: 12px;}
	.header .alink a{ padding: 0 6px;}
	.header .top .wx a img{ width: 20px; height: 20px; display: block; margin: 5px auto;}
	.header .nav .logo img{ width: 220px; height: 45px;}
	.nav .wrap{ margin: 0 10px;}
	.banner-img .wrap .txt{ width: 60%;}
	
	.banner{ height:auto}
	.banner-img .wrap{ height:auto;}
	.banner-img .bg{ width: 1054px; height: 280px; margin-left: -527px;}
	.header .nav{ min-height: 80px; background-size: auto 100%}
	.banner-img .wrap .txt p{ font-size: 16px; }

	.bk1-right .tab-b{ padding: 0 0;}
	.top-button{ right: 10px;}
	.top-button span{ display: none;}
	.top-button em { width: 40px; height: 40px;}
	.top-button em i { width: 16px; height: 16px; background-size: 100%; margin: -8px 0 0 -8px;}
	
	.header .nav .bg{ height: 60px;}
	.video-box .close{ width: 30px; height: 30px; right: 10px; background-size:50%;}
	.bk1-news-w .t3 ul{ padding: 0;}
	.bk2-w li:first-child,
	.bk2-w li:first-child+li{ margin-bottom: 4px;}
	.bk2-w{ padding: 4px 2px;}
	.bk2-w  .w{ margin: 0 2px; font-size: 16px;}
	.bk4-3-list li{ line-height: 20px; }
	.bk4-3-list li img{ width: 20px; height: 20px;}
	.banner .pagination{ bottom: 3px;}	
	
	.com-right-box{ padding:20px 10px;}
	.com-content{ padding: 10px 0;}
	.tablewrap{ overflow: auto;}
	.banner-other{ height: 150px;}
	.banner-other img{ height: 150px; width: 1152px; margin-left: -576px;}
	
	/* .leader-box li,
	.leader-box li:first-child,
	.leader-box li:first-child+li{ padding: 0; width: 48%; margin: 0 1%;} */
	.leader-box ul {width: 100%;}
	.leader-box li {padding: 0; width: 100%; margin-bottom: 20px;}
	.leader-box{ padding-top: 20px;}
	.leader-art{ padding: 10px 0;}
	.leader-art .fl,
	.leader-art .fr{ float: none; margin: 0 auto 20px ; text-align: center;}
	a.a-close{ display: none;}
	
	.org{ padding: 10px 0;}
	.org .ab_ocon li span{ padding: 10px 20px 10px 10px;  width: auto;}
	.team-box{ padding: 10px 0;}
	
	.news-list{ padding: 20px 0;}
	.page a.first,
	.page a.prev,
	.page a.next,
	.page a.last{ display: none;}
	
	.news-content{ min-height: auto;}
	.search-inp{ width: auto; }
	.news-title{ padding: 20px 0;}
	.news-title p span#print,
	.news-title p span#fontsize{ display: none;}
	.news-bottom{ padding: 10px 0;}
	.other-left{ overflow: visible;}
	.impre-list{ margin: 0 -5px;}
	.impre-list li .w{ margin: 0 5px 10px;}
	.impre-list li .w .p{ padding: 5px 5px;}
	
	.banner-other .wrap{ height: 150px;}
	.banner-other .impression-banner-txt{ font-size: 12px; padding: 5px; width: 80%; bottom: 5px; right: 0;}
	
	.bk4-2-bottom{ background: #fafafa;}
	.bk4-2-list li .fl img{ border-radius: 100%; overflow: hidden;}
	.index-bk4{ padding: 20PX 0;}
	.bk4-2{ background: #f2f2f2; margin: 0 -10px; padding: 20px 10px; margin-bottom: 30px;}
	.bk4-1-news li .l .fl{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.search-inp .search2{ margin-left: 10px; }
	.search-inp .search2 a{  padding: 4px 5px;}
	
	
.search2-box .p1{ width: 30%;}
.search2-box .p2{ width: 20%;}
.search2-box .p3{  width: 25%;}
.search2-box .p4{ width: 25%;}
.search2-box .w{ padding:10px 5px;}
.search2-list{ font-size: 12px;}
	.search2-s .item{ margin-bottom: 5px;}
	.search2-s .item .name{ float: none; width: auto; text-align: left;}
	
}
@media only screen and (max-width: 350px) {
	.bk4-3-list li{ font-size: 12px;}
	.header .alink a{ font-size: 10px; padding: 0 3px;}
	.header .nav .menu ul{ padding-top: 100px;}
	.com-right-box{ padding: 10px 5px;}
	.com-title .oh{ font-size: 12px;}
}


/*猫庐戮莽陆庐忙鈥扳€溍ヂ嵚懊� 路氓录聫盲禄拢莽 聛*/
@media print {
  .print_body .header,
  .print_body .banner-other,
  .print_body .footer,
  .print_body .top-button,
  .print_body .com-left,
  .print_body .com-title,
  .print_body .news-bottom,
  .print_body #print,
  .print_body #fontsize{ display: none;}
  .print_body .com-right{  margin: 0 auto; border: 0;}
}