@charset "utf-8";
/* CSS Document */
a{ text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none !important;}
a:hover{text-decoration:none;}
*[class~="row"] {margin: 0;}
*[class*="col-"] {padding: 0;}
* {padding: 0;margin: 0; -webkit-tap-highlight-color: rgba(255,0,0,0); box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ }
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0px; margin:0px;}
img{ border:none; display:block;}
ul,li,dl,dd,dt{ list-style:none;margin:0;padding:0;}
p{ padding:0; margin:0;}
input:focus,select:focus,textarea:focus,button:focus{ outline: none;}
body{margin:0 auto; font-family:"Microsoft YaHei"; background: #f2f2f2;}
html,body { width:100%;}




/*base*/
.contentbox{width: 1600px; margin: 0 auto }
.clear{ clear:both;}

.footerbox{ width: 100%; background: #fff; }
.footerbox .logo_bt{ display: block; padding: 30px 0;width: 100%;  border-bottom: 1px solid #ededed}
.footerbox .logo_bt img{ width:238px; height: 77px; margin: 0 auto; display: block; }
.footerbox ul{ text-align: center; padding: 25px 0 }
.footerbox ul li{ display: inline-block; margin: 0 10px; }
.footerbox ul li a{ display: block; font-size: 14px; color:#333; }
.footerbox ul li a:hover{ color:#9c0032; }
.footerbox p{font-size: 12px; color:#666; text-align: center; }
.footerbox p i{ padding-left: 30px; font-style: normal; }
.footerbox h3{font-size: 12px; color:#666; text-align: center ;padding: 8px 0 20px 0 }
/*base*/


/*top*/
.topbox{ width:100%; background-color: #f2f2f2; height: 36px; line-height: 36px; }
.topbox ul{ overflow: hidden;}
.topbox ul li{ color: #333; font-size: 12px; }
.topbox ul li.t_left{ float: left;  }
.topbox ul li.t_right{ float: right;  text-align: right; overflow: hidden;}
.topbox ul li.t_right a{ color: #333; display: block; float: left ;}
.topbox ul li.t_right i{ display: block; float: left ;padding:  0 15px; color: #ccc; font-style: normal; }
.topbox ul li.t_right a:hover{ color: #9c0032; transition: all 0.4s  }
/*top*/

/*logobox*/
.logobox{width:100%; background-color: #fff; padding: 21px 0;}
.logobox .logo_content{overflow: hidden;}
.logobox .logo_content .l_left{ float: left }
.logobox .logo_content .l_left a{ display: block; } 
.logobox .logo_content .l_left a img{ display: block; height: 96px; } 
.logobox .logo_content .l_right{ float: right; margin-top: 28px; }
.logobox .logo_content .l_right dl{ overflow: hidden;}
.logobox .logo_content .l_right dl dt{ float: left; margin-right: 30px;}
.logobox .logo_content .l_right dl dt label{ display: block; position: relative;}
.logobox .logo_content .l_right dl dt label input{display: block; width: 284px; height: 40px; line-height: 40px; border:1px solid #cccccc; border-radius: 100px; font-size: 14px; padding: 0 15px;}
.logobox .logo_content .l_right dl dt label a{ display: block; position: absolute; right: 15px; top: 11px; background:url(../images/sereach.png) no-repeat; background-size: 100%; width: 18px; height: 18px; }
.logobox .logo_content .l_right dl dd{ float: right;}
.logobox .logo_content .l_right dl dd a{ display: block; width:40px; height: 40px;background:url(../images/wechat.png) no-repeat; background-size: 100%; cursor: pointer; transition: all 0.4;  }
.logobox .logo_content .l_right dl dd a:hover{opacity: 0.8;}
/*logobox*/

/*navbox*/
.navbox{width:100%; background-color: #9c0032; }
.navbox .nav{ width: 100%; height: 78px; line-height: 78px; }
.navbox .nav li{ float: left; position: relative;  z-index: 11;}
.navbox .nav li>a{ display: block; color: #fff; padding: 0 50px; font-size: 20px; }
.navbox .nav li>a.on{ background:#81022b; }
.navbox .nav li>a:hover{background:#81022b; }
.navbox .nav li dl{ width:100%; position: absolute; top: 78px; left:0; z-index: 1; display: none; }
.navbox .nav li dl dd{ background:#9c0032; }
.navbox .nav li dl dd:hover{background:#ad1445; }
.navbox .nav li dl dd>a{ display: block; height: 54px; line-height: 54px; font-size: 16px; color: #fff; text-align: center; }
/*navbox*/

/*手机导航*/
.nav_Box{ width: 100%; position: fixed; left: 0; top: 0; z-index: 5; background-color: #fff; height: 52px; padding:6px 15px; display: none; } 
.nav_Box .navLeft{overflow:hidden; transition:all 0.4s; float: left; height: 40px; }
.nav_Box .navLeft .logoBox{ display: block; margin: 0 auto; transition:all 0.4s;height: 40px;  }
.nav_Box .navLeft .logoBox img{ display: block; margin: 0 auto; height: 100%; transition:all 0.4s; }
.nav_Box .menu{ display: block; float: right; padding: 6px; margin: 6px 0;z-index: 2; cursor:pointer; box-shadow: 0 0 5px #9c0032; border-radius: 3px; transition: all 0.4s; background-color: #9c0032; }
.nav_Box .menu img{ display: block; width: 20px; height: 16px;}
.navBg{ position: fixed; left: 0; bottom: 0; top: 50px; z-index: 1; width: 100%; background-color: rgba(0,0,0,0.1); display: none; }

.phonenav{ width: 100%; background-color: #fff; padding: 15px; position: fixed; left:-100%; height: 100%; top: 52px; z-index: 9; transition: all 0.4s;  }
.phonenav.on{left: 0}
.phonenav ul{ overflow:hidden; }
.phonenav ul li{ float: left; padding: 6px}
.phonenav ul li a{ display: block; padding: 18px 16px; background-color: #e1e1e1; color: #a1a1a1; border-radius: 4px ; font-size: 14px; font-weight: bold;}
.phonenav ul li.on a{ background-color: #9c0032; color: #fff; }
/*手机导航*/


/*业界动态*/
.newsbox{ width:100%; background:#fff; padding-bottom: 60px;}
.newsbox.hui{ background:#f2f2f2;}
.newsbox .titlebox{ overflow: hidden; padding: 60px 0 }
.newsbox .titlebox li.t_left{ float: left; overflow: hidden; }
.newsbox .titlebox li.t_left h2{ font-size: 34px; color:#333; float: left }
.newsbox .titlebox li.t_left span{ display: block; float: left; font-size: 14px; color:#999; margin-top: 20px; margin-left: 20px; }
.newsbox .titlebox li.t_right{ float: right }
.newsbox .titlebox li.t_right a{ display: block; border:1px solid #ccc; color: #333; font-size: 15px; width: 78px; height: 46px; text-align: center; line-height: 44px; transition: all 0.4s }
.newsbox .titlebox li.t_right a:hover{ background:#9c0032; color:#fff; border:1px solid #9c0032; border-radius: 4px }

.newsbox .mainbox{ overflow: hidden; width: 100%; }
.newsbox .mainbox dd{ float: left; width: 31%; margin-right: 3.5%; }
.newsbox .mainbox dd a{ display: block;overflow: hidden; }
.newsbox .mainbox dd a b{display: block; width: 100%; height: 0; padding-bottom: 62.4%; position: relative; overflow: hidden; }
.newsbox .mainbox dd a b img{ display: block; width: 100%; height: 100%;transform: scale(1); transition: all 0.8s; position: absolute; left: 0; top: 0;  }
.newsbox .mainbox dd a span{ font-size: 16px; color: #333; display: block; margin:15px 0 10px 0; transition: all 0.8s; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.newsbox .mainbox dd a i{ font-size: 13px; color: #999; display: block;  font-style: normal; max-height: 34px; overflow: hidden;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.newsbox .mainbox dd a em{ font-size: 13px; color: #999; display: block;  font-style: normal;margin-top: 10px;  background:url(../images/right.png) no-repeat; background-size: 20px 13px; background-position: right center;transition: all 0.8s  }
.newsbox .mainbox dd:last-child{margin-right: 0; }

.newsbox .mainbox dd:hover a img{  transform: scale(1.1);  }
.newsbox .mainbox dd:hover a span{ color:#9c0032; }
.newsbox .mainbox dd:hover a em{background:url(../images/rightred.png) no-repeat; background-position: 96% center;}

.newsbox .move_san{ overflow: hidden; width: 100%; padding-top: 60px; }
.newsbox .move_san li{ float: left; width: 32%; margin-right: 2%; }
.newsbox .move_san li:last-child{ margin-right: 0%; }
.newsbox .move_san li .imga{ width: 100%; position: relative; height: 0; padding-bottom:56%; overflow:hidden;  }
.newsbox .move_san li .imga img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;transform: scale(1); transition: all 0.8s;  }
.newsbox .move_san li .imga span{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; padding:0px 24px 18px 24px; overflow: hidden; display: block; }
.newsbox .move_san li .imga span a{ display: block; width: 96px; height: 42px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; border:1px solid #fff; margin-right: 20px; float: left; transition: all 0.6s; }
.newsbox .move_san li:hover .imga img{  transform: scale(1.1);  }
.newsbox .move_san li .imga span a:hover{ font-size: 14px; color: #eecf00; border:1px solid #eecf00; }
.newsbox .move_san li .lvbox{ overflow: hidden; }
.newsbox .move_san li h2{font-size: 34px; color:#333; line-height: 1; margin-bottom: 20px;  }
.newsbox .move_san li .lvbox h2{ float: left;font-size: 34px; color:#333; line-height: 1; margin-bottom: 20px;  }
.newsbox .move_san li .lvbox a{ float: right; display: block; border:1px solid #ccc; color: #333; font-size: 15px; width: 78px; height: 36px; text-align: center; line-height: 36px; transition: all 0.4s  }
.newsbox .move_san li .lvbox a:hover{ background:#9c0032; color:#fff; border:1px solid #9c0032; border-radius: 4px }
/*业界动态*/



/*关于*/
@keyframes rotate{
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(-360deg); }
}
.bigbox{ width: 100%; margin-top:30px; margin-bottom: 20px; }
.bigbox .big{ overflow: hidden; }
.bigbox .big .leftbox{ float: left; width: 240px; margin-right: 30px; }
.bigbox .big .leftbox .bigtitle{ position: relative; overflow: hidden; width: 100%; height: 130px;border-bottom: 1px solid #750025; background:rgba(129,2,43,1); }
.bigbox .big .leftbox .bigtitle .bg{ position: absolute; left:-81px; top: -81px; width: 179px; height: 179px; background:url(../images/a179.png) no-repeat; background-size: 179px; background-position:center;transform: rotate(0deg);  animation: rotate 5s linear infinite;-webkit-animation: rotate 5s linear infinite }
.bigbox .big .leftbox .bigtitle h2{ font-size: 26px; position: absolute;  color:#fff; left:20px; bottom: 20px; }
.bigbox .big .leftbox .menu{ width: 100%; }
.bigbox .big .leftbox .menu li{ width: 100%; background: #fff; padding-left: 20px; border-bottom: 1px solid #e5e5e5 ; transition: all 0.4s}
.bigbox .big .leftbox .menu li:last-child{border-bottom:1px solid #fff;  }
.bigbox .big .leftbox .menu li.on{ background: #9c0032; border-bottom:1px solid #9c0032; }
.bigbox .big .leftbox .menu li.on a{ color: #fff;}
.bigbox .big .leftbox .menu li:hover{background: #9c0032; border-bottom:1px solid #9c0032; }
.bigbox .big .leftbox .menu li:hover a{color: #fff;}
.bigbox .big .leftbox .menu li a{ display: block;height: 54px; line-height: 54px; font-size: 17px; color: #333; }
.bigbox .big .leftbox .tuijian{ width:100%; background: #fff; margin-top:20px; }
.bigbox .big .leftbox .tuijian dt{ overflow: hidden; padding: 26px 0; }
.bigbox .big .leftbox .tuijian dt span{ display: block; width: 3px; height: 14px; background: #9c0032; float: left; margin-top:5px; }
.bigbox .big .leftbox .tuijian dt h2{ display: block; float: left; font-size: 18px; color: #333; margin-left:15px; }
.bigbox .big .leftbox .tuijian dd{ padding: 0 18px 30px 18px; }
.bigbox .big .leftbox .tuijian dd>a{ display: block; }
.bigbox .big .leftbox .tuijian dd>a i{display: block; font-style: normal; font-size: 14px; color: #333; }
.bigbox .big .leftbox .tuijian dd>a em{display: block; font-style: normal; font-size: 12px; color: #999; margin-top:8px; }
.bigbox .big .leftbox .tuijian dd:hover>a i{ color: #9c0032 }
.bigbox .big .leftbox .tuijian dd:hover>a em{ color: #9c0032 }

.bigbox .big .leftbox .tuijian .more{ display: block; text-align: center; font-size: 15px; color: #333333; line-height: 30px; }

.bigbox .big .leftbox .tuijian dd p .imga{ display: block; width: 100%; }
.bigbox .big .leftbox .tuijian dd p .imga img{ display: block; width: 100%; }
.bigbox .big .leftbox .tuijian dd p .namea{ display: block; font-size: 14px; color: #333; margin:5px 0 0px 0; }

.bigbox .big .rightbox{ float: left; width: calc(100% - 270px); background: #fff; padding-bottom: 60px;}
.bigbox .big .rightbox .righttitle{ overflow: hidden; padding: 40px 0; }
.bigbox .big .rightbox .righttitle h2{ display: block; font-size: 26px; color: #333; margin-left:44px; position: relative; }
.bigbox .big .rightbox .righttitle h2:after{ content: ''; display: block; left: -44px; width: 5px; height: 24px; top: 50%; margin-top: -12px; position: absolute; background: #9c0032; }
.bigbox .big .rightbox .righttitle h2.both{ padding-right: 130px; position: relative; }
.bigbox .big .rightbox .righttitle h2.both span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bigbox .big .rightbox .righttitle h2.both .back{ display: block; position: absolute; right: 30px; top: 0; height: 30px; overflow: hidden; }
.bigbox .big .rightbox .righttitle h2.both .back img{ display: block; width: 42px; height: 42px; float: left; }
.bigbox .big .rightbox .righttitle h2.both .back i{ display: block; line-height: 42px; height: 42px; float: right; font-size: 15px; font-style:normal; color:#333; }
.bigbox .big .rightbox .righttitle h2.both .back:hover i{ color: #9c0032; }
.bigbox .big .rightbox .righttitle h6{ font-size: 12px; line-height: 30px; color: #888; margin-left:44px; }


.bigbox .big .rightbox .bjq{ width: 100%; padding: 0 44px; }
.bigbox .big .rightbox .bjq p{ font-size: 14px; color: #444; line-height: 28px; }
.bigbox .big .rightbox .bjq img{ display: block; margin:30px auto; max-width: 100%; }
.bigbox .big .rightbox .bjq img.mb{ margin:0 auto 40px auto; }
.bigbox .big .rightbox .bjq .contact{}
.bigbox .big .rightbox .bjq .contact h4{ font-size: 28px; color: #333; padding-left: 30px; line-height: 30px; margin-bottom: 15px; position: relative; }
.bigbox .big .rightbox .bjq .contact h4:after{ content: ''; display: block; left: 0px; width: 4px; height: 20px; top: 50%; margin-top: -10px; position: absolute; background: #9c0032; }
.bigbox .big .rightbox .bjq .contact ul{padding-left: 30px; overflow: hidden;}
.bigbox .big .rightbox .bjq .contact ul li{ width: 50%; float: left; font-size: 15px; color: #333; padding:10px 0;  }

.bigbox .big .snav{ overflow:hidden; margin-bottom: 10px; display: none; }
.bigbox .big .snav a{ display: block; width: 33.33%; background: #fff; text-align: center; height: 46px; line-height: 46px; font-size: 16px; color: #333; float: left; position: relative; }
.bigbox .big .snav a:after{ content: ''; width: 1px; height: 14px; background-color:#eee; position: absolute; right: 0; top: 50%; margin-top: -7px; }
.bigbox .big .snav a.on{ background: #9c0032; color: #fff;}
/*二级导航为两个*/
.bigbox .big .snav.two a{ width: 50%; } 
.bigbox .big .snav.four a{ width: 25%; } 


/*机构设置*/
.bigbox .big .rightbox .set_pic{ width: 930px; margin:0 auto; }
.bigbox .big .rightbox .set_pic .sin{ display: block; border-bottom: 10px solid #f7f7f7; }
.bigbox .big .rightbox .set_pic .sin h3{ text-align: center; font-size: 26px; line-height: 1.1; color: #333; margin: 40px 0;  }
.bigbox .big .rightbox .set_pic .sin h3 span{ color: #9c0032;  }
.bigbox .big .rightbox .set_pic .sin ul{ text-align: center; overflow:hidden; }
.bigbox .big .rightbox .set_pic .sin ul li{ width: 33.33%; display: block; margin:0; padding:0 10px; float: left; }
.bigbox .big .rightbox .set_pic .sin ul li .imga{ display: block; overflow:hidden; width: 100%; height: 0; padding-bottom: 133%; position: relative;  }
.bigbox .big .rightbox .set_pic .sin ul li .imga img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;transform: scale(1); transition: all 0.8s;  }
.bigbox .big .rightbox .set_pic .sin ul li .namea{ display: block; font-size: 20px; color: #333; text-align: center; line-height: 1.1; margin:15px 0 30px 0; }
.bigbox .big .rightbox .set_pic .sin ul li:hover .imga img{ transform: scale(1.1); }
.bigbox .big .rightbox .set_pic .sin ul li:hover .namea{ color: #9c0032; }
.bigbox .big .rightbox .set_pic .sin ul.center li{ display: inline-block; float: none; }

/*业界动态*/
.small_box{ padding:0 44px; }
.small_box .options{ overflow:hidden; margin-bottom: 30px; }
.small_box .options a{ display: block; width: 120px; height: 44px; float: left; line-height: 44px; text-align: center; margin-right:10px; font-size:16px; color: #333; background-color:#ededed;  }
.small_box .options a.on{ background-color:#93002f; color: #fff; }
.small_box .mainbox{ overflow: hidden; width: 100%; }
.small_box .mainbox dd{ float: left; width: 32%; margin-right: 2%; margin-bottom: 20px; }
.small_box .mainbox dd a{ display: block;overflow: hidden; }
.small_box .mainbox dd a b{display: block; width: 100%; height: 0; padding-bottom: 62.4%; position: relative; overflow: hidden; }
.small_box .mainbox.blg dd a b{ padding-bottom: 138.6%; }
.small_box .mainbox.bl618 dd a b{ padding-bottom: 61.8%; }
.small_box .mainbox dd a b img{ display: block; width: 100%; height: 100%;transform: scale(1); transition: all 0.8s; position: absolute; left: 0; top: 0;  }
.small_box .mainbox dd a span{ font-size: 16px; color: #333; display: block; margin:15px 0 10px 0; transition: all 0.8s; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.small_box .mainbox dd a i{ font-size: 13px; color: #999; display: block;  font-style: normal; max-height: 34px; overflow: hidden;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.small_box .mainbox dd a em{ font-size: 13px; color: #999; display: block;  font-style: normal;margin-top: 10px;  background:url(../images/right.png) no-repeat; background-size: 20px 13px; background-position: right center;transition: all 0.8s  }
.small_box .mainbox dd:nth-child(3n){margin-right: 0; }

.small_box .mainbox dd:hover a img{  transform: scale(1.1);  }
.small_box .mainbox dd:hover a span{ color:#9c0032; }
.small_box .mainbox dd:hover a em{background:url(../images/rightred.png) no-repeat; background-position: 96% center;}
.small_box .load-more{ text-align: center; cursor: pointer; display: block; font-size: 12px; line-height: 20px; color: #777; margin-top: 20px; }
.small_box .load-more img{ display: block; width: 30px; margin:0 auto -5px auto; }
.small_box .load-more:hover{ color: #9c0032; }

.small_box .mainbox.four dd{ float: left; width: 24%; margin:0 0.5% !important; margin-bottom: 15px !important; }

/*百年展*/
#movepic .swiper-button-prev{ background-image: url(../images/left.png); left: 0; width: 46px; height: 106px; margin-top: -53px; }
#movepic .swiper-button-next{ background-image: url(../images/left2.png); right: 0; width: 46px; height: 106px; margin-top: -53px; }
.pic_show .names{ margin-top: 30px; padding:0 44px; }
.pic_show .names p{ font-size: 16px; color: #333; line-height: 30px; margin-bottom: 10px; }
.pic_show .names span{ font-size: 14px; color: #666; display: block; }

/*首页swiper*/
#swiper1 .swiper-slide a{ position:relative; display: block; }
#swiper1 .swiper-slide a span{ position:absolute; left: 0; bottom: 0; display: block; width: 100%; height: 46px; line-height: 46px; padding:0 100px 0 12px; font-size: 14px; background-color:rgba(0,0,0,0.5); z-index: 5; color: #fff; }
#swiper1 .swiper-slide a span i{ display: block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; }
#swiper1 .swiper-pagination{ text-align: right; }
#swiper1 .swiper-pagination-bullet{ width: 20px; height: 20px; background-color:rgba(0,0,0,0.5); color: #fff; text-align: center; line-height: 20px; font-size: 12px; border-radius: 0; margin:0; margin-right: 10px; }
#swiper1 #pagination1{ bottom: 13px !important; }
#swiper1 .swiper-pagination-bullet-active{ background-color:#2a5abe; }

/*关于*/
.wbg{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:111; left:0; top:0; display:none;}
.wbg div{ width:280px; border-radius:10px; background-color:#fff; padding:40px 30px 30px 30px; height:347px;position:absolute; top:50%; left:50%; margin-left:-140px; margin-top:-173.5px; }
.wbg div img{ width:220px; height:220px; border:none; border-radius:4px;}
.wbg div h2{ font-size:14px; text-align:center; color:#444; font-weight:bold; margin-top:25px;}



@media screen and (max-width: 1600px){
	.contentbox{width: 1500px; margin: 0 auto }
    
    /*.bigbox .big .rightbox .set_pic{ width: 100%; padding:0 20px;}
    .bigbox .big .rightbox .set_pic .sin h3{ margin:30px 0; }
    .bigbox .big .rightbox .bjq .contact ul li{ width: 100%; }*/

}

@media screen and (max-width: 1500px){
	.contentbox{width: 1400px; margin: 0 auto }
    
    .bigbox .big .rightbox .set_pic{ width: 100%; padding:0 20px;}
    .bigbox .big .rightbox .set_pic .sin h3{ margin:30px 0; }
    .bigbox .big .rightbox .bjq .contact ul li{ width: 100%; }

}
@media screen and (max-width: 1450px){
	.logobox .logo_content .l_left a img{ height: 80px; }
	.logobox .logo_content .l_right{ margin-top: 20px; }
	.contentbox{width: 1200px; margin: 0 auto }
}
@media screen and (max-width: 1300px){
	.logobox .logo_content .l_left a img{ height: 72px; }
	.logobox .logo_content .l_right{ margin-top: 16px; }
	.contentbox{width: 1200px; margin: 0 auto }
	.navbox .nav li>a{ padding:0 40px; font-size: 18px; }
}

@media screen and (max-width: 1250px){
    .contentbox{width: 1000px; margin: 0 auto }
    .navbox .nav li>a{ padding: 0 30px; font-size: 16px; }
    .navbox .nav li dl dd>a{font-size: 14px; }

    .newsbox .move_san li .imga span{padding:0px 10px 10px 10px;}
    .newsbox .move_san li .imga span a{width: 66px; height: 28px; line-height: 26px; font-size: 12px; margin-right: 10px; }
    #swiper1 .swiper-slide a span{ height: 36px; line-height: 36px; font-size: 13px; }
    #swiper1 #pagination1{ bottom: 8px !important; }

    .newsbox .mainbox dd a span{ font-size: 14px; }
    .newsbox .mainbox dd a i{ font-size: 12px; }
    .newsbox .mainbox dd a em{ font-size: 12px; }
    .small_box .mainbox dd a span{ font-size: 14px;  }
    .small_box .mainbox dd a i{ font-size: 12px;  }
    .small_box .mainbox dd a em{ font-size: 12px;  }

}
@media screen and (max-width: 1024px){
    .contentbox{/*width: 768px;*/ width:100%; padding:0 15px; margin: 0 auto }
    .navbox .nav li>a{ padding: 0 20px; font-size: 16px; }
    .navbox .nav li dl dd>a{font-size: 14px; }

    .newsbox .move_san{ padding-top: 40px; }
    .newsbox{ padding-bottom: 40px; }
    .newsbox .move_san h2{ font-size: 30px; }
    .newsbox .titlebox{ overflow: hidden; padding: 40px 0 }
    .newsbox .titlebox li.t_left h2{ font-size: 30px; }
    .newsbox .titlebox li.t_left span{ margin-top: 16px; }
    .newsbox .titlebox li.t_right a{ line-height: 30px; height: 32px; background:#dedede; border:1px solid #dedede; color:#666;border-radius: 4px;  width: 62px; font-size: 14px; }
    .newsbox .titlebox li.t_right a:hover{ color:#666; background:#dedede; border:1px solid #dedede; border-radius: 4px;  }
    

    /*.bigbox .big .leftbox{ float: left; width: 200px; margin-right: 20px; }
    .bigbox .big .rightbox{ float: left; width: calc(100% - 220px); background: #fff; padding-bottom: 60px;}*/



    .topbox{ display: none; }
    .logobox{ display: none; }
    .nav_Box{ display: block; }
    .navbox{ display: none; }
    body{ padding-top: 52px; }
    .swiper-button-prev,.swiper-button-next,.swiper-pagination{ display: none; }

    img{ transform: scale(1) !important;  }

    /*二级页*/
    .bigbox{ margin-top: 15px; }
    .bigbox .big .leftbox{ display: none; }
    .bigbox .big .rightbox{ float: none; width: 100%; }
    .bigbox .big .snav{ display: block; }
    .bigbox .big .snav a{ font-size: 15px; }
    .bigbox .big .rightbox .righttitle h2{ font-size: 22px; }
    .bigbox .big .rightbox .righttitle h2:after{ height: 20px; margin-top: -10px;}
    .bigbox .big .rightbox .bjq img.mb{ margin:0 auto 30px auto; }

    .bigbox .big .rightbox .bjq .contact h4{ font-size: 22px; }
    .bigbox .big .rightbox .bjq .contact h4:after{ height: 20px; margin-top: -10px;}


    .bigbox .big .rightbox .set_pic .sin h3{ margin:25px 0; font-size: 20px; }
    .bigbox .big .rightbox .set_pic .sin ul li .namea{ font-size: 16px; margin:10px 0 20px 0;  }

    .bigbox .big .rightbox .righttitle h2.both{ padding-right: 20px; }
    .bigbox .big .rightbox .righttitle h2.both .back{ display: none; }
    .small_box .mainbox dd a span{ font-size: 14px; }
    .small_box .mainbox dd a i,
    .small_box .mainbox dd a em{ font-size: 12px; }

    .small_box .mainbox.four dd{ float: left; width: 49%; margin:0 2% 15px 0 !important; }
    .small_box .mainbox.four dd:nth-child(2n){  margin:0 0% 15px 0 !important; }

}
@media screen and (max-width: 768px){
    
    .newsbox .move_san h2{ font-size: 24px; margin-bottom: 15px; }
    .newsbox .move_san{ padding-top: 25px; }
    .newsbox{ padding-bottom: 25px; }
    .newsbox .titlebox{ overflow: hidden; padding:25px 0 }
    .newsbox .titlebox li.t_left h2{ font-size: 24px; line-height: 32px; }
    .newsbox .titlebox li.t_left span{ margin-top: 10px; }
    .newsbox .titlebox li.t_right a{ line-height: 30px; height: 32px; font-size: 14px; }
    .newsbox .mainbox dd a i{ font-size:12px; }
    .newsbox .mainbox dd a span{ font-size: 13px; }
    .small_box .mainbox dd a span{ font-size: 13px;}
    .small_box .mainbox dd a i{ font-size: 12px;}
    
    .bigbox .big .rightbox .righttitle{ padding:30px 0; }
    .bigbox .big .rightbox .righttitle h2{ font-size: 20px; }
    .bigbox .big .rightbox .righttitle h2:after{ height: 18px; margin-top: -9px;}
    .bigbox .big .rightbox .bjq p{ font-size: 13px; }
    .bigbox .big .rightbox{ padding-bottom: 40px; }
    .bigbox .big .snav a{ font-size: 14px; }

    .bigbox .big .rightbox .set_pic .sin h3{ margin:20px 0; font-size: 16px; }
    .bigbox .big .rightbox .set_pic .sin ul li .namea{ font-size: 14px; margin:8px 0 12px 0; }
    .bigbox .big .rightbox .set_pic .sin ul li{ padding:0 3px; }


    .bigbox .big .rightbox .bjq img.mb{ margin:0 auto 15px auto; }

    .small_box .mainbox dd{ float: left; width: 49%; margin-right: 2%;}
    .small_box .mainbox dd:nth-child(3n){margin-right: 2%; }
    .small_box .mainbox dd:nth-child(2n){margin-right: 0; }
    .small_box .options a{ font-size:15px; width: 33%; margin:0; line-height: 40px; height: 40px; }

    .pic_show .names{ margin-top: 20px; padding:0 20px; }
    .pic_show .names p{ font-size: 14px; }
    .pic_show .names span{ font-size: 12px; }

}

@media screen and (max-width: 640px){
 
    .footerbox p{font-size: 12px; color:#666; line-height: 20px; text-align: center; }
    .footerbox p span{ padding-left: 0px; display: block; }
    .footerbox p i{ padding-left: 0px; display: block; }
    .footerbox h3{font-size: 12px; color:#666; text-align: center ;padding: 8px 0 20px 0 }
    .footerbox ul{ display: none; }
    
    .footerbox .logo_bt{ padding:15px 0; margin:0; margin-bottom: 15px; }
    .footerbox .logo_bt img{ width: auto; height: 40px; }
    
    .newsbox .move_san h2{ font-size: 18px; margin-bottom: 15px; }
    .newsbox .move_san{ padding-top: 20px; }
    .newsbox{ padding-bottom: 20px; }
    .newsbox .titlebox{ overflow: hidden; padding:25px 0 }
    .newsbox .titlebox li.t_left h2{ font-size:18px; line-height: 32px; }
    .newsbox .titlebox li.t_left span{ display: none;}
    .newsbox .titlebox li.t_right a{ line-height: 30px; height: 32px; }
    .newsbox .mainbox dd{ width: 100%; margin-right: 0; margin-bottom: 15px; }
    .newsbox .mainbox dd a b{ max-width: 100%; max-height: auto; }
    .newsbox .move_san li{ width: 100%; margin-right: 0; margin-bottom: 25px;  }
    
    .bigbox .big .rightbox .righttitle{ padding:25px 0; }
    .bigbox .big .rightbox .righttitle h2{ font-size: 18px; margin-left: 20px; }
    .bigbox .big .rightbox .righttitle h2:after{ height: 16px; width: 4px; margin-top: -8px; left: -20px;}
    .bigbox .big .rightbox .righttitle h6{ margin-left: 20px; }
    .bigbox .big .rightbox .bjq .contact h4{ font-size: 18px; padding-left: 20px;  }
    .bigbox .big .rightbox .bjq .contact h4:after{  width: 4px; height: 16px; margin-top: -8px;}
    .bigbox .big .rightbox .bjq .contact ul{padding-left: 20px; }
    .bigbox .big .rightbox .bjq .contact ul li{ font-size: 13px;  padding:8px 0;  }

    .bigbox .big .rightbox .bjq{ padding:0 20px; }
    .bigbox .big .rightbox{ padding-bottom: 30px; }

    .bigbox .big .rightbox .set_pic .sin h3{ margin:20px 0; font-size: 15px; }

    
    .small_box{ padding:0 22px; }
    .small_box .mainbox dd{ float: left; width: 100%; margin-right: 0%;}
    .small_box .mainbox dd:nth-child(3n){margin-right: 0%; }
    .small_box .mainbox dd:nth-child(2n){margin-right: 0; }

    .small_box .options a{ font-size:14px; width: 33%; margin:0; line-height: 38px; height: 38px; }
}

@media screen and (max-width: 440px){
 
    .footerbox p{font-size: 12px; color:#666; line-height: 20px; text-align: center; }
    .footerbox p span{ padding-left: 0px; display: block; }
    .footerbox p i{ padding-left: 0px; display: block; }
    .footerbox h3{font-size: 12px; color:#666; text-align: center ;padding: 8px 0 20px 0 }
    .footerbox ul{ display: none; }
    
    .footerbox .logo_bt{ padding:15px 0; margin:0; margin-bottom: 15px; }
    .footerbox .logo_bt img{ width: auto; height: 40px; }
    
    .newsbox .move_san h2{ font-size: 16px; margin-bottom: 15px; }
    .newsbox .move_san{ padding-top: 15px; }
    .newsbox{ padding-bottom: 15px; }
    .newsbox .titlebox{ overflow: hidden; padding:15px 0 }
    .newsbox .titlebox li.t_left h2{ font-size:16px; line-height: 30px; }
    .newsbox .titlebox li.t_right a{ line-height: 28px; height: 30px; font-size: 13px; width: 56px; }

    .bigbox .big .rightbox .set_pic .sin ul li{ width: 50%; }

    .bigbox .big .rightbox .bjq .contact ul{padding-left: 0px; }
    .bigbox .big .rightbox .bjq .contact ul li{ font-size: 12px; padding:6px 0;   }

    .small_box .options a{ font-size:12px; width: 33%; margin:0; line-height: 36px; height: 36px; }

    .small_box .mainbox.four dd{ float: left; width: 100%; margin:0 0% 15px 0 !important; }
    .small_box .mainbox.four dd:nth-child(2n){  margin:0 0% 15px 0 !important; }

    .bigbox .big .snav a{ font-size: 12px; }

}



.layui-laypage a:hover {
    color: #9c0032;
}
.layui-laypage a,.layui-laypage span{ padding:0 12px !important; }
#page{ margin-top: 25px; }