@charset "utf-8";
/* CSS Document */
/* 首页新品资讯 */
.ind_tit{font-size:36px;text-align:center;margin-bottom:50px;}
.ind_news li{width:23.55%;float:left;margin-left:1.8%;box-shadow:-1px 3px 30px #f2f2f2;transition: all 0.3s ease; margin-bottom:20px;}
.ind_news li:nth-child(4n-3){margin-left:0;}
.ind_news li h4{font-size:16px;color:#333; text-align:center;}
.ind_news li p{margin:18px auto;font-size:16px;color:#666;}
.ind_news li .note{padding:20px;}
.ind_news li dl{ padding:20px 0px; position: relative;}
.ind_news li dd{color:#666;padding-left:10px;position: relative;line-height:28px; float:left; width:120px;}
.ind_news li dd:after{position: absolute;content:"";width:4px;height:4px;background:#c00e1c;left:0px;top:13px;}
.ind_news li:hover{box-shadow:-1px 3px 30px #ddd;}
.ind_news li:hover h4,.ind_news li dd:hover{color:#c00e1c;}
.ind_news li .com-img{height:380px;}
.ind_news li .com-img img{width:100%;height:100%;object-fit:cover;}

/* 首页关于我们 */
.ind_about{position: relative;}
.ind_ab_fl{width:50%;.ind_news li dd}
.ind_ab_fl img{display:block;width:100%;}
.ind_ab_fr{width:50%;position: relative;}
.ind_about .contain{position:absolute;left:50%;transform:translate(-50%,0%);}
.ind_about .ind_ab_note{width:100%;float:right;color:#fff;padding:5% 7%; }
.ind_about .ind_ab_note h2{font-size:36px;margin-bottom:25px;}
.ind_about .ind_ab_note p{margin-bottom:25px;line-height:25px;}
.ind_about .ind_ab_note a.more{position: relative;transition: all 0.5s ease;left:0px;}
.ind_about .ind_ab_note a.more:hover{left:10px;}

/* 首页新闻 */
.ind_cnews{padding:100px 0 80px;}
.ind_cnews h2{color:#333;font-size:36px;border-bottom:1px solid #e5e5e5;margin-bottom:35px;padding-bottom:15px;position: relative;}
.ind_cnews h2 a{color:#c00e1c;border:1px solid #dcdcdc;width:26px;height:26px;text-align: center;line-height:20px;position:absolute;right:0px;bottom:15px;font-size:18px;}
.ind_cnews h2 a:hover{border-color:#c00e1c;}
.ind_cpn{width:48.5%;float:left;}
.ind_cnews li{overflow: hidden;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e5e5;}
.ind_cnews li h4{font-size:18px;color:#666;margin-bottom:10px;}
.ind_cnews li:hover h4{color:#c00e1c;}
.ind_cnews li p{font-size:14px;color:#888;}
.ind_cnews li .com-img{width:21.8%;float:left;height:84px;}
.ind_cnews li .com-img img{width:100%;height:100%;object-fit:cover;overflow:hidden;}
.ind_cnews li .note{width:75%;float:right;}
.ind_ids{width:48.5%;float:right;}

/* help */
.ind_help{background-repeat: no-repeat!important;background-size:cover!important;background-position: center!important;padding:45px 0 50px;overflow: hidden;}
.ind_help .contain{position: relative;}
.ind_help_form{width:95%; text-align:center;}
.ind_help_form h2{font-size:46px;color:#fff;margin:20px 0px;}
.ind_help_form .inp_txt{width:70%;height:55px;padding:0 20px;border:0px;float:left;}
.ind_help_form .inp_sub{width:28%;border:0px;height:55px;font-size:16px;background:rgba(175,31,41,0.8);color:#fff;cursor:pointer;float:right;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

/* 通用内页banner*/




.pub_bann{margin-top:70px;}
.pub_bann img{max-width:100%;height:316px;object-fit:cover;width:100%;}
.pub_bann{position:relative;display:flex;align-items:center;justify-items:center; background: no-repeat center / cover;
    height: 316px;}
	
.pub_bann .inner {
	vertical-align: middle;
	width:100%;
}
.pub_bann h4 {
	font-size: 44px;
	text-transform: uppercase;
	color:#FFF;
	text-align:center;
	padding-bottom:30px;
}

.pub_bann .pub_subnav{position:absolute;max-width:1280px;left:50%;margin-left:-640px;bottom:0px;background:rgba(0,0,0,0.52);text-align:center;width:100%;}
.pub_subnav ul{display:flex;justify-content: center;}
.pub_subnav li{display:inline-block;}
.pub_subnav li a{display:block;height:64px;line-height:64px;color:#fff;font-size:16px;float:left;padding:0 80px;border-left:1px solid rgba(210,210,210,0.3);width:100%;}
.pub_subnav li a:hover,.pub_subnav li.cur a{background:#e60012;transition: all 0.5s ease;color:#fff;}

.pub_pronav{position:absolute;max-width:1280px;left:50%;margin-left:-640px;bottom:0px;background:rgba(0,0,0,0.52);text-align:center;width:100%;}
.pub_pronav ul{display:flex;justify-content: center;}
.pub_pronav li{display:inline-block;position: relative;}
.pub_pronav li a{display:block;height:56px;line-height:56px;color:#fff;font-size:16px;float:left;padding:0 15px;white-space: nowrap}
.pub_pronav li a:hover,.pub_pronav li.cur a{background:#c00e1c;transition: all 0.5s ease;color:#fff;border-radius:5px;}
.pub_pronav li .er{display:none;}
.pub_pronav li:hover .er{display:block;background-color: #c00e1c;width: 267px;padding:20px 0px;position: absolute;left: 0px;top: 55px;padding-right: 20px;padding-left: 20px;z-index: 999;}
.pub_pronav li .er a:hover{text-decoration:underline; }


 @media screen and (max-width: 767px) {
	 .pub_bann {
	height: 200px;
}
.pub_bann h4 {
	font-size:24px;
	padding-bottom:30px;
}
 }



/* 人才招聘 */
.job{background:#f5f5f5;padding:70px 0;}
.job-msg{text-align:center;}
.job-msg h4{color:#c00e1c;}
.job-msg{line-height:30px;color:#666;}
.job .info{color:#666;font-size:16px;max-width:60%;margin:25px auto 30px;text-align:center;line-height:28px;}
.job h2{height:80px;line-height:80px;padding:0px 20px;background:#c00e1c;font-size: 20px;color:#fff;margin-top:60px;}
.job dl{border-bottom:1px solid #eee;}
.job dl dt{height:80px;line-height:80px;padding:0px 20px;background:#fff url(../images/icon/job_r.png) no-repeat 98% center;font-size: 18px;color:#666;cursor: pointer;}
.job dl dt.cur{background:#fff url(../images/icon/job_b.png) no-repeat 98% center;}
.job dl dd{background:#eeeeee;padding:30px;position:relative;display:none;}
.job dl dd h4{font-size:16px;font-weight:bold;color:#666;margin-bottom:10px;}
.job dl dd p{font-size:14px;color:#666;line-height:30px;}
.job dl a{position: absolute;right:0px;top:0px;width:11%;text-align: center;height:100%;background:#c00e1c;color:#fff;display:flex;justify-content:center;align-items:center;font-size:16px;}
.job dl a:hover{text-decoration:underline;}

/* =====winter====www.yisiy.com===== */

.xl_kfbar{display: none !important;}




/* 侧栏 */
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 50px;height: 154px;z-index: 6666;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 0;width: 62px;}
.sideBar-wrapper ul li.relQq{top: 51px;width: 126px;transition: all .4s;}
.sideBar-wrapper ul li.relDh{top: 102px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #222;opacity: .7;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;height: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{background: #ff3039;opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}


.server-sup ul li a{display: block;width: 100%;height: 100%;}
.server-sup ul li span{display: flex;height: 60px;align-items: center;justify-content: center}
.wtwximg-change{position: relative;}
.wtwximg-change .wtwximg-img{width: 100px;height: 100px;position: absolute;top: 16px;left: 50%;margin-left: -50px;z-index: 3;display: none;}
.wtwximg-change:hover .wtwximg-img{display: block;}


/* --------2019/09/06-------- */
.wtdls-container{width:100%;padding-bottom:100px;border-bottom:1px solid #e5e5e5;}

.wtpub_link{width:100%;position:absolute;left:0;bottom:0;z-index:2;}
.wtpub_link a{display:block;width: 50%;float:left;height:60px;text-align:center;line-height:60px;font-size:16px;color:#fff;background:rgba(0,0,0,0.6);transition:all .4s ease;}
.wtpub_link a:hover,.wtpub_link a.ontrue{background:#fff;color: #333;}
.wtpub_link a:first-child{border-right: 1px solid rgba(210,210,210,0.6);}

.wtdls-menu{width: 100%;overflow: hidden;margin-top: 42px;}
.wtdls-menu ul{margin-left: -1%;}
.wtdls-menu ul li{width: 19%;margin-top: 18px;cursor: pointer;text-align: center;float: left;margin-left: 1%;height: 140px;line-height: 120px;border: 1px solid #e5e5e5;padding: 10px 16px;position: relative;}
.wtdls-menu ul li img{max-width: 100%;max-height: 120px;object-fit: cover;transform: scale(.96);transition: all .4s ease;}
.wtdls-menu ul li:hover img{transform: scale(1.02);}
.wtdls-menutit{opacity: 0;transform: scale(.7);transition: all .5s ease;position: absolute;z-index: 2;background: rgba(192, 14, 28, .9);width: 100%;height: 100%;top: 0;left: 0;}
.wtdls-menutit h6{font-size: 15px;color: #fff;line-height: 140px;}
.wtdls-menu ul li:hover .wtdls-menutit{opacity: 1;transform: scale(1)}
.wtdls-menu ul li.ontrue .wtdls-menutit{opacity: 1;transform: scale(1)}
.wtdls-wrapper{width: 100%;overflow: hidden;margin-top: 30px;}
.wtdls{width: 100%;display: none;}
.wtdls.ontrue{display: block;}
.wtdls-list{width: 100%;border: 1px solid #d9d9d9;padding: 18px;margin-top: 30px;overflow: hidden;}
.wtdls-ll{width: 30%;padding-left: 4%;padding-top: 2%;float: left;}
.wtdls-ll img{width: auto;}
.wtdls-ll span{font-size: 20px;color: #333;margin-left: 32px;}
.wtdls-lc{width: 40%;float: left;}
.wtdls-lc p{font-size: 15px;color: #666;}
.wtdls-lc p:nth-child(n+2){margin-top: 12px;}
.wtdls-lc p a{text-decoration: underline;transition: all .3s ease;}
.wtdls-lc p a:hover{color: #e61114;}
.wtdls-lr{float: right;}
.wtdls-lr img{width: auto;object-fit: cover;}


/* -------------------------新增登录--------------------------- */

.login-box{width: 100%;padding: 60px 0;background-color: #fafafa;margin-top: 90px;}
.login-main{width: 980px;border: 1px solid #e5e5e5;background-color: #fff;margin: 0 auto;padding: 50px;overflow: hidden;}
.login-left{width: 50%;padding: 50px 0px;border-right: 1px solid #e5e5e5;float: left;}
.login-left1{width: 100%;overflow: hidden;margin-bottom: 24px;line-height: 32px;}
.login-left1 span{float: left;width: 70px;font-size: 14px;color: #333;}
.login-left1 input{border: 1px solid #e5e5e5;box-sizing: border-box;font-size: 14px;float: left;color: #666;height: 32px;padding: 0 10px;outline-color: #666;width: 270px;border-radius: 3px;}
.login-left2{width: 100%;overflow: hidden;margin-bottom: 24px;line-height: 32px}
.login-left2 span{float: left;width: 70px;font-size: 14px;color: #333;}
.login-left2 input{border: 1px solid #e5e5e5;box-sizing: border-box;font-size: 14px;float: left;color: #666;height: 32px;padding: 0 10px;outline-color: #666;width: 100px;border-radius: 3px;}
.login-left2 .yzm{width: 100px;background-color: #f5f5f5;text-align: center;float: left;margin-left: 10px;line-height: 32px;height: 32px;}
.login-left2 .yzm img{width: 100%;height: 100%;}
.login-left3{width: 270px;height: 35px;line-height: 35px;text-align: center;cursor: pointer;background-color: #231815;font-size: 14px;user-select: none;color: #fff;margin-left: 70px;margin-bottom: 14px;}
.login-left4{margin-left: 70px;}
.login-left4 a{color: #888;line-height: 30px;font-size: 12px;font-family: '微软雅黑';text-decoration: none;}
.login-left4 a:hover{color: #e61114;}

.login-right{width: 49%;float: left;padding: 90px 0;}
.login-right h4{font-size: 24px;color: #333333;line-height: 34px;text-align: center;padding: 0;margin: 0;}
.login-right h5{font-size: 12px;color: #888888;line-height: 20px;text-align: center;padding: 0;margin: 0;}
.login-right h6{width: 270px;margin: 0 auto;height: 35px;background-color: #c00e1c;line-height: 35px;text-align: center;cursor: pointer;font-size: 14px;user-select: none;color: #fff;font-weight: normal;margin-top: 40px;}


.login-main2{width: 980px;border: 1px solid #e5e5e5;background-color: #fff;margin: 0 auto;padding: 30px;overflow: hidden;}
.login-tit1{font-size: 24px;color: #333;padding-bottom: 14px;border-bottom: 1px solid #e5e5e5;font-weight: bold;}
.login-tit1 span{float: right;font-size: 16px;color: #666;line-height: 24px;}
.login-tit1 span a{color: #e70012;text-decoration: underline;}
.login-mm{max-width: 700px;margin: 50px auto;}
.login-mm1{width: 100%;overflow: hidden;margin-bottom: 24px;line-height: 32px;}

.login-mm1 b{font-size: 14px;font-weight: normal;margin-top: 0;line-height: 32px;margin-left: 5px;}
.login-mm1 .Validform_checktip{height: auto;;}
.login-mm3 button{width: 100%;background-color: #b40909;line-height: 35px;color: #fff;text-align: center;border: 0px;}

.login-mm1 span{float: left;width: 70px;font-size: 14px;color: #333;}
.login-mm1 input{border: 1px solid #e5e5e5;box-sizing: border-box;font-size: 14px;float: left;color: #666;height: 32px;padding: 0 10px;outline-color: #666;width: 420px;border-radius: 3px;}
.login-mm2{width: 100%;overflow: hidden;margin-bottom: 24px;line-height: 32px}
.login-mm2 span{float: left;width: 70px;font-size: 14px;color: #333;}
.login-mm2 input{border: 1px solid #e5e5e5;box-sizing: border-box;font-size: 14px;float: left;color: #666;height: 32px;padding: 0 10px;outline-color: #666;width: 200px;border-radius: 3px;}
.login-mm2 .yzm{width: 100px;background-color: #f5f5f5;text-align: center;float: left;margin-left: 10px;line-height: 32px;height: 32px;}
.login-mm2 .yzm img{width: 100%;height: 100%;}
.login-mm3{width: 420px;height: 35px;line-height: 35px;text-align: center;cursor: pointer;background-color: #b40909;font-size: 14px;user-select: none;color: #fff;margin-left: 70px;margin-bottom: 14px;}
.login-mm4{margin-left: 70px;}
.login-mm4 a{color: #888;line-height: 30px;font-size: 12px;font-family: '微软雅黑';text-decoration: none;}
.login-mm4 p{color: #888;line-height: 24px;font-size: 12px;font-family: '微软雅黑';}
.login-mm4 p span{color: #e70012;padding: 0 4px;}

.login-left3 button{width: 100%;background-color: #231815;line-height: 35px;color: #fff;text-align: center;border: 0px;}

.login-cg{width: 100%;padding: 70px 0;}
.login-cg .cg1{width: 100%;position: relative;padding-bottom: 20px;}
.login-cg .cg1::after{content: '';width: 90px;height: 1px;background-color: #cbcbcb;position: absolute;bottom: 0;
	left: 50%;margin-left: -45px;}
.login-cg .cg1 h6{font-size: 16px;font-weight: bold;color: #333;line-height: 30px;padding-bottom: 10px;text-align: center;}
.login-cg .cg1 p{font-size: 14px;color: #333;line-height: 30px;text-align: center;}
.login-cg .cg2{width: 100%;margin-top: 20px;overflow: hidden;}
.login-cg .cg2 h6{font-size: 14px;font-weight: normal;color: #666;line-height: 24px;padding-bottom: 10px;text-align: center;}
.login-cg .cg2 p{font-size: 14px;color: #666;line-height: 24px;text-align: center;}
.login-cg .cg2 p a{color: #b40909;text-decoration: underline;}

.index-footer .footer-container{padding:56px 0 20px}



/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
    .ind_about .ind_ab_note { height:334px; padding: 5% 8%;}
}

@media all and (max-width:1460px) {
    .ind_about .ind_ab_note p {margin-bottom: 20px;line-height: 22px;}
    .ind_about .ind_ab_note h2 {font-size: 36px;margin-bottom: 22px;}
}

@media all and (max-width:1380px) {
    .ind_about .ind_ab_note p {margin-bottom: 16px;line-height: 22px;}
    .ind_about .ind_ab_note h2 {font-size: 30px;margin-bottom: 18px;}
}

@media all and (max-width:1280px) {}

@media all and (max-width:1200px) {}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .ind_about .ind_ab_note {padding: 5% 7%;}
	.login-cg{padding: 50px 0;}
	
	.wtpub_link .contain{padding:0;}
	.wtdls-menu {margin-top: 20px;}
	.wtdls-container {padding-bottom: 32px;}
	.wtdls-menu ul li{width:49%;height:100px;line-height:80px;margin-top:12px;}
	.wtdls-menu ul li img{max-height:80px;}
	.wtdls-menutit{padding: 0 16px;}
	.wtdls-menutit h6 {line-height: 22px;margin-top: 28px;}
	.wtdls-list {margin-top: 18px;}
	.wtdls-ll,.wtdls-lc{width:100%;padding-bottom:20px;}
	.wtdls-lr{width:100%;}
	.wtdls-wrapper{margin-top:20px;}
	
	
	/*登录*/
	.login-box{padding: 0 3%;margin-top: 70px;}
	.login-main{width: 100%;padding: 20px;}
	.login-left{width: 100%;border-right: 0px;border-bottom: 1px solid #e5e5e5;padding: 30px 0;}
	.login-left1 input{width: 220px;}
	.login-left3{margin-left: 0;width: 100%;}
	.login-left4{margin-left: 0;}
	.login-right{width: 100%;padding: 30px 0;}
	
	.login-main2{width: 100%;padding: 20px;}
	.login-mm1 input{width: 210px;}
	.login-mm2 input{width: 100px;}
	.login-mm3{margin-left: 0;width: 100%;}
	.login-mm4{margin-left: 0;}
	.login-tit1{font-size: 20px;padding-bottom: 8px;}
	.login-tit1 span{font-size: 14px;}
	.login-mm{margin: 40px 0;}
}



 /* -----------------------------scheme-box---------------------------------------- */
.scheme-box{
    width: 100%;
    overflow: hidden;
    padding: 10px 0 4px 0; background-color:#f6f6f6; padding-bottom:60px;
}
.scheme{
   width: 1280px;
    margin: 0 auto;
}
.scheme ul{
    width: 100%;
    overflow: hidden;
  
}
.scheme ul li{
    width: 23%;
    margin-right: 2.6%;
    margin-top: 30px;
    position: relative;
    height: 350px;
    float: left;
    overflow: hidden;
}

.scheme ul li:nth-child(4n){margin-right:0;}

.scheme ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.scheme ul li:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.scheme-words{
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 30;
    background-color: rgba(28, 29, 29, .5);
    transition: all .5s;
    opacity: 0;
}
.scheme-words h6{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    text-align: center;
}
.scheme-words h6 p{
    font-size: 16px;
    color: #fff;
    width: 80%;
    margin-left: 10%;
    text-align: justify;
    text-justify: inter-word;
    text-align: center;
    height: 88px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.scheme-words h6 a{
    display: inline-block;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #fff;
    margin-top: 6px;
}
.scheme-words h6 a:hover{
    padding: 0 0 6px 0;
}
.scheme ul li:hover .scheme-words{
    opacity: 1;
    height: 100%;
}


/* --------------------------------------------------------------------- */



@media all and (max-width:1300px) {
    .textTop-matter {
        width: 92%;
        margin-left: 4%;
    }
    .scheme {
        width: 93%;
        margin-left: 4%;
    }
}

@media all and (max-width:1280px) {
 
}

@media all and (max-width:1200px) {
    .scheme ul li{
        width: 100%;margin-bottom:2%
    }
}
@media all and (max-width:640px) {
    .scheme ul li{
        width: 100%;margin-bottom:2%
    }
}

.words-title{

    width: 100%;

    overflow: hidden;

    text-align: center;

    padding: 80px 0 26px 0;

}

.words-title h6{

    text-transform: uppercase;
    font-size:36px;
    font-weight: normal;

}

@media all and (max-width:1280px) {
    .words-title h6 {

        font-size: 40px;

    }
	  .words-title {

        padding: 56px 0 12px 0;

    }
}

@media all and (max-width:1200px) {
    .words-title h6 {

        font-size: 34px;  padding: 24px 0 0px 0;

    }
	 .words-title {

        padding: 24px 0 28px 0;

    }
}
@media all and (max-width:1000px) {
    .words-title h6 {

        font-size: 24px;

    }
	.words-title {

        padding: 14px 0 14px 0;

    }
	}
	
@media all and (max-width:1460px) {
  .words-title {

        padding: 46px 0 40px 0;

    }
}

.contact-btn a { display: block; max-width: 175px; height: 44px; line-height: 44px; text-align: center; color: #fff; background: #c00e1c; margin: 0 auto; }

.contact-btn a i { width: 14px; height: 1px; display: inline-block; vertical-align: middle; margin-left: 10px; background: #fff; position: relative; -webkit-transition: all ease-in 0.2s; -o-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; transition: all ease-in 0.2s; }

.contact-btn a i:before { content: ""; display: block; width: 6px; height: 6px; border-left: 1px solid #fff; 
-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: -3px; }
@media (min-width: 1024px) {
	 .contact-btn a i { width: 22px; margin-left: 14px; }
  .contact-btn:hover a { background: #e0620b; }
  .contact-btn:hover i { width: 30px; }
}

