body{ overflow-x: hidden;}
.main{ width: 100%; min-width: 1200px;}
.container{ width: 1200px; margin: 0 auto; padding: 35px 35px 0 35px;}
/* Ã¦â€“Â°Ã©â€”Â»Ã¥Ë†â€”Ã¨Â¡Â¨Ã©Â¡Âµ */
.boxRight{width: 930px;}
.titBox{ background: #f6f6f7; width: 100%; height: 40px;}
.titBox span{display: block; width: 4px; height: 16px; background: #cb242f; margin-top: 12px;}
.titBox .tit{ color: #cb242f; font-size: 18px; height: 40px; line-height: 40px; font-weight: bold; margin-left: 17px; width: 500px;}
.titBox .address{ background: url(../images/address.jpg) no-repeat 5px 9px; height: 40px; line-height: 40px; padding-left: 30px; padding-right: 8px; color: #777777; font-size: 13px;}
.titBox .address a{ color: #777777;}
.contantList{ width: 100%;}
.contantList li{width: 100%;height: 50px;line-height: 50px;font-size: 16px;border-bottom: 1px dashed #dedede;}
.contantList li span{ color: #a5c3e0;}
.contantList li i{ color: #9f9f9f; font-size: 14px; float: right; display: block; height: 50px; width: 90px; text-align: center;}
.contantList li a{display: inline-block; width: 750px;}
.contantList li a:hover{ color: #cb242f;}
/* #pageList{  margin-top: 50px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #c51e29;} */
#pages{ font-size: 12px; color: black; width: 400px; margin: 40px auto;}
#pages .input_text{ width: 30px;}
#pages a{border: 1px solid #afd5f5;}
.pb_sys_style1 .p_no_d {
    border: 1px solid #c51e29 !important;
    color: #fff;
    background-color: #c51e29 !important;
}


/* Ã¦â€“â€¡Ã§Â«Â Ã¨Â¯Â¦Ã§Â»â€ Ã¥â€ â€¦Ã¥Â®Â¹ */
.titBox{ background: #f6f6f7; width: 100%; height: 40px;}
.titBox span{display: block; width: 4px; height: 16px; background: #cb242f; margin-top: 12px;}
.titBox .tit{color: #cb242f;font-size: 18px;height: 40px;line-height: 40px;font-weight: bold;margin-left: 17px;width: 438px;}
.titBox .address{ background: url(../images/address.jpg) no-repeat 5px 9px; height: 40px; line-height: 40px; padding-left: 30px; padding-right: 8px; color: #777777; font-size: 13px;}
.titBox .address a{ color: #777777;}
.contantBody{ padding: 34px; font-size: 16px; color: #555555; line-height: 30px;}
.contantBody img{/* margin: 40px auto 70px; *//* display: block; */}
.contantBody p{text-indent: 2em;}
.contantHead{ padding-top: 35px; border-bottom: 1px dashed #e1e1e1;}
.contantHead h2{ width: 100%; text-align: center; height: 45px; line-height: 45px; color: #cb242f; font-size: 22px; font-weight: bold;}
.contantHead h4{ font-size: 16px; color: #444444; height: 30px; line-height: 30px; text-align: center; font-style: normal; margin: 0 !important; font-weight: 100; }
.contantHead p{ font-size: 13px; color: #666666; height: 40px; line-height: 40px; text-align: center; }
.contantHead p span{ padding: 0 10px;}

.share{}
.linkOther{ width: 800px; margin-top: 50px;}
.linkOther li{ width: 100%; height: 25px; line-height: 25px;}
.linkOther .bule{ color: #257fc9;}
.linkOther .yellow{ color: #db8512;}

.main{ width: 100%; min-width: 1200px;}
.container{ width: 1200px; margin: 0 auto; padding: 35px 35px 0 35px;}
.empty{ min-height: 1000px; width: 100%;}
.newsNav{ width: 230px;}
.newsNav .navTit{background: url(../images/newsnav-bg.jpg); width: 230px; height: 93px; font-size: 20px; font-weight: bold;}
.newsNav .navTit p{ padding: 17px 0 0 25px; font-size: 20px; color: #FFFFFF; font-weight: bold;}
.pageNavFUl{ width: 230px;background: #FFFFFF;}
.pageNavFUl li{ width: 228px; border: 1px solid #dddada;}
.pageNavFUl .pageList{ width: 228px; height: 48px;  text-align: left; line-height: 48px; text-indent: 22px;
 color: #666666; font-size: 16px; display: block;}
 .pageNavFUl .pageList .pagelistRt{ background: url(../images/arrImg.png); width: 6px; height: 11px; top: 13px; right: 16px;}
.pageNavFUl .pageList:hover,.pageNavFUl .pageList.on{ width: 228px; line-height: 48px; background: #ff7079; height: 48px; color: #ffffff;}
.pageNavFUl .pageList:hover .pagelistRt,.pageNavFUl .pageList.on .pagelistRt{background: url(../images/arrImgOn.png) ;}

.pageNavSUl{ display: none; padding: 17px;}
.pageNavSUl dt{ border-bottom: 1px solid #dddada;}
.pageNavSUl dt a{ width: 195px; height: 32px;  text-align: left; line-height: 32px; text-indent: 12px;
 color: #666666; font-size: 14px; display: block;}
.pageNavSUl dt span{color: #666666; line-height: 32px; display: inline-block; }
.pageNavSUl dt a:hover,.pageNavSUl .onColor{color: #257fc9; }

.bshare-custom{ padding-left: 880px; margin-top: 60px;}

.main{ width: 100%; min-width: 1200px;}
.containerR{ width: 1150px; margin: 0 auto; padding: 35px 35px 0 35px;}
.main_width{ height: 375px;}
.gk_left{ width: 535px; height: 334px; float: left;}
.sp_box{ width: 529px; height: 324px; border: 1px solid #ededed; padding: 2px; position: relative;}
.sp_box .sp_img{ width: 529px; height: 324px;}
.sp_box .sp_btn{ width: 77px; height: 77px; top: 133px; left: 226px; position: absolute;}
.sp_btn:hover {
    animation: puffOut .6s ease-in-out;
}
@keyframes puffOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(2px);
    }
}
.gk_right{ width: 590px; float: right; height: 330px; border-bottom: 1px dashed #aaaaaa;}
.gk_tit{ position: relative; height: 40px; width: 100%; border-bottom: 2px solid #b90303; color: #a80000;}
.gk_tit p{ font-size: 18px; height: 30px; line-height: 30px;}
.gk_tit a{ position: absolute; font-size: 15px; color: #a80000; right: 0; top: 6px;}
.sq_desc{ font-size: 14px; color: #2f2f2f; line-height: 24px; text-indent: 30px; width: 576px; height: 150px; margin: 14px auto;}
.gk_btn{ }
.gk_btn li{width: 184px;height: 45px;float: left;margin-right: 12px;margin-top: 6px;}
.gk_btn li a{ width: 138px; height: 45px; display: block; font-size: 15px; color: #ffffff; text-align: center; line-height: 45px;}
.gk1{ background-color: #7db076;}
.gk2{ background-color: #ffaf4b;}
.gk3{ background-color: #6692dc;}
.gk4{ background-color: #dec088;}
.gk5{ background-color: #969771;}
.gk6{ background-color: #cf597c;}
.gk7{ background-color: #6ab7a5;}
.gk8{ background-color: #bd8590;}


.desktop-wrapper{position: relative;overflow: hidden;width: 1200px;height: 340px;margin: 0px auto 40px;}
.desktop-wrapper li{float: left;width: 198px;
/* width: 525px; */overflow: hidden;height: 100%;position: relative;cursor: pointer; margin-right: 11px;}
.desktop-wrapper li .currLink{display: block;width: 100%;height: 100%;}
/* .desktop-wrapper li.curr .layer{position: absolute;bottom: 0;left: 0;width: 100%;background: url(images/sblayer.png) repeat;height: 0px;} */
.desktop-wrapper li .layer{position: absolute;bottom: 0;left: 0;width: 100%; background-image: url(../images/sblayer.png);  height: 100%;}
.desktop-wrapper li .defaultBox{position: absolute;top: 0px;left: 0px; width: 198px; height: 340px;}
.category-icon{width: 84px; height: 84px; border-radius: 100%; box-shadow: 0 2px 9px rgba(33, 37, 41, 0.4); margin: 62px auto 0;}
.category-text{ font-size: 20px; font-weight: bold; width: 30px; line-height: 30px; color: #FFFFFF; margin: 20px auto 0;} 
.icon1{ background: url(../images/you11.png);}
.icon2{ background: url(../images/you2.png);}
.icon3{ background: url(../images/you3.png);}
.icon4{ background: url(../images/you4.png);}
.desktop-wrapper li .showBox{position: absolute;bottom: 0px;right: -525px; height: 340px; width: 525px;}
.showBox dl{ width: 444px; margin: 99px auto 0;}
.showBox dl dt{ float: left; width: 182px; height: 40px; margin: 0 20px 20px;}
.showBox dl dt a{ display: block; width: 182px; height: 40px; line-height: 40px;
 font-size: 16px; color: #ffffff; text-align: center; background: url(../images/sblibg.png) repeat ;}
 
 .gk_titR{ position: relative; height: 30px; width: 100%; border-bottom: 2px solid #b90303; color: #a80000;}
 .gk_titR p{ font-size: 18px; height: 30px; line-height: 30px;}
 .gk_titR a{ position: absolute; font-size: 15px; color: #FFFFFF; 
 display: block; width: 77px; height: 29px; right: 0; bottom: 0px; background: #b90303; text-align: center; line-height: 29px; }
.gk_img{ width: 100%; margin-top: 25px; height: 390px;}
.gk_img p{ background: url(../images/sblayer.png); font-size: 18px; color: #ffffff; text-align: center; position: absolute; top: -340px; left: 0;}
.gk_Img1{ width: 557px; height: 340px; display: block; position: relative; overflow: hidden;}
.gk_Img2{ width: 284px; height: 196px; display: block; position: relative; margin-left: 10px;overflow: hidden;}
.gk_Img3{ width: 284px; height: 136px; display: block; position: relative; margin-left: 10px; margin-top: 8px;overflow: hidden;}
.gk_Img1 p{ width: 557px; height: 340px; line-height: 340px;}
.gk_Img1 img{width:557px;height:340px;}
.gk_Img2 p{ width: 284px; height: 196px; line-height: 196px;}
.gk_Img2 img{width:284px;height:196px;}
.gk_Img3 p{width: 284px; height: 136px; line-height: 136px;}
.gk_Img3 img{width:284px;height:136px;}