@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*home*/
.is-main2{padding-top: 20px;}
.u-topban{margin-bottom: 25px;}
.u-topban img{width: 100%;}
.u-change{position: absolute; top: 0; z-index: 2; right: 595px;}
.u-change h3{padding-left: 5px; width:170px;height:50px;margin-top:80px;line-height:50px;color: #fff;font-weight: 500; font-size: 18px;text-indent: 60px;cursor:pointer;background: url(../images/home/change.png) no-repeat;background-size: 100% 100%;}
.u-change ul{display:none;background: url(../images/home/cover.png) repeat;}
.u-change ul.current{display: block;}
.u-change ul li a{display: block;height: 50px;line-height: 50px;text-align: center;color: #fff;}
.u-change ul li a:hover{background: #333;}

.f-mt10{margin-top: 10px;}
.f-mt15{margin-top: 15px;}

.m-dczjtit a{display: block; font-size: 18px; color: #c90e24; font-weight: 600; padding-bottom: 5px; border-bottom: 1px solid #dddddd;}

.m-liststyle1 ul{min-height: 180px;}
.m-liststyle1 li{height: 36px; line-height: 36px; color: #333;}
.m-liststyle1 li span{float: right; padding-left: 10px; font-size: 14px; color: #999;}
.m-liststyle1 li a{display: block; padding-left: 13px; background: url(../images/home/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststyle1 li a:hover{padding-left: 16px;}

.u-zjbox{padding: 20px 0 0 189px; position: relative;}
.u-zjbox img{left: 0; top: 20px;}
.u-zjbox ul{margin: -12px 0; height: 146px; overflow: auto;}
.u-zjbox ul li{float: left; padding: 12px 0 12px 20px; background: url(../images/home/icon-cx.png) left center no-repeat; width: 50%;}

.m-jytit{margin-top: 3px; font-size: 14px;}
.m-jytit ul li{float: left; height: 32px; line-height: 32px; text-align: center;}
.m-jytit ul li a{display: block; padding: 0 20px; color: #333; background: #f5f5f5;}
.m-jytit ul li.u-active a{color: #fff; background: #c90e24;}

.m-special{height: 116px; margin: 20px 0; padding: 18px 36px 0; background: #f5f5f5; overflow: hidden;}
.g-special{width: 395px; height: 90px;}
.g-special .bd li{position: relative; float: left; margin-right: 25px; width: 80px; height: 80px; overflow: hidden;}
.g-special .bd li a{display: block; height: 100%; background: url(../images/home/bg-slide1.png) center no-repeat; color: #fff; text-align: center; line-height: 80px;}
.g-special .bd li:nth-child(2) a{background: url(../images/home/bg-slide2.png) center no-repeat;}
.g-special .bd li:nth-child(3n) a{background: url(../images/home/bg-slide3.png) center no-repeat;}
.g-special .bd li:nth-child(4n) a{background: url(../images/home/bg-slide4.png) center no-repeat;}
.g-special .bd li.lin2 a{padding: 15px 0; line-height: 25px;}
.g-special .bd li img{display: block; width: 80px; height: 80px;}
.g-special .hd a{position: absolute; top: 50%; margin-top: -14px; display: block; width: 16px; height: 28px; background-image: url(../images/home/icon-special.png); background-repeat: no-repeat;}
.g-special .hd .prev{left: 0;}
.g-special .hd .next{right: 0; background-position: -16px 0;}

.leftbox,.rightbox{margin-bottom: 20px;}
/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
    .leftbox{width: 733px;}
    .rightbox{width: 497px;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
    .u-change{top: 10px; right: 10px;}
    .u-change h3{margin-top: 0;}

    .u-zjbox ul li{width: 100%;}

    .m-liststyle1 ul{min-height: auto;}

}
/*phone sm*/
@media screen and (max-width: 767px) {

}
/*small xs*/
@media screen and (max-width: 638px) {
    

}