@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{background: #fff;color: #666;font-family: "微软雅黑", "宋体";font-size: 14px;line-height: 30px;font-weight: 400;}
td,th,caption{font-size:14px;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{color:#666;font-size:14px;text-decoration: none;}
a:hover{text-decoration: none;}
img{border:none;}
ol,ul,li{list-style:none;}
input, textarea, select, button{font-size: 14px;}
table{border-collapse:collapse;}
html{overflow-y: scroll;}


/* css common*/
.clearfix:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
html{overflow-x:hidden;}
.clear{clear: both;}
.w1200{width: 1200px;height:auto;margin: 0 auto;}
.w100{width: 100%;}

/*头部*/
#header{width:100%;height:100px;background-color:#000;z-index:1000000;}
.header_risesun{position: relative;width: 100%;left: 0%;top: 0px;z-index: 9999;}
.top{position: relative;max-width:90%;margin:0 auto;}
.logo{width: 300px;float:left;}
.logo a,.logo img{display:block}

/*栏目*/
.menu{width:700px;height:100px;text-align: left;box-sizing: border-box;-webkit-box-sizing: border-box;margin-right:20px;float:right;}
.menu ul li{float:left;}
.menu ul li a{display:block;width:140px;height:100px;line-height:100px;text-align:center;font-size:16px;color:#fff;}
.menu ul li a:hover{color:#da251c;}
.menu ul li a#current{color:#da251c;}
.menu ul li ul{display: none;position: absolute;padding: 10px 0;background-image: url(../images/menu_bg.png);background-repeat: repeat;}
.menu ul li ul li{float:none;width:200px;height:40px;}
.menu ul li ul li a{line-height: 40px;color: #fff;font-size: 14px;height: 40px;width: 200px;text-align: left;text-indent: 30px;display: block;}
.menu ul li ul li a:hover{color:#da251c;line-height:40px;height:40px;width:200px;}
.menu ul li:hover ul{display:block;}
.menu ul li.sfhover ul{display:block;}

/*语言*/
.language{width:72px;height:28px;float:right;margin-top:33px;}
.language_cn{width: 28px;height: 28px;background-color: #c90d00;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;text-align: center;display: block;float: left;margin-right:16px;}
.language_cn a{color: #fff;display: block;font-size: 12px;font-style: normal;line-height: 28px;font-weight: normal;font-variant: normal;}
.language_en{width: 28px;height: 28px;background-color: #c90d00;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;text-align: center;display: block;float: left;}
.language_en a{color: #fff;display: block;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;line-height: 28px;font-weight: normal;font-variant: normal;}

/*更多*/
.more{width: 120px;height: 35px;margin-top:35px;background-color:#da251c;}
.more a{color: #fff;text-align: center;display: block;font-size: 14px;font-style: normal;line-height: 35px;font-weight: normal;font-variant: normal;}

/*关于*/
.aboutIBox{width: 100%;background-image: url(../images/about_bg.jpg);background-repeat: no-repeat;background-position: center bottom;margin-top:65px;}
.aboutIdemo{width: 90%;height:500px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding-top: 100px;}
.aboutIdemo .about_nr{width: 50%;float:left;}
.aboutIdemo .about_nr .about_tit{width: 100%;height: 90px;position:relative;text-align: left;}
.aboutIdemo .about_nr .about_tit .i_tit{font-family:times new roman,times,serif;font-size: 60px;color: #fff;font-weight: bold;width: 100%;height: 60px;line-height: 60px;}
.aboutIdemo .about_nr .about_tit .i_iclts{color: #fff;width: 100%;margin-top: 10px;font-size: 24px;line-height: 24px;}
.aboutIdemo .about_nr .about_txt{width: 100%;height: 180px;color: #fff;margin-top: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;font-size: 15px;line-height: 30px;font-weight: normal;font-variant: normal;}
.aboutIdemo .about_nr .about_txt span{color: #fff;font-size: 18px;line-height: 50px;}
.aboutIdemo .about_video{width: 40%;float:right;background-color:#000;}

/* 新闻代码*/
.news{width: 90%;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding-top: 50px;}
.news .news_list{width: 30%;padding: 0;display: block;float: left;margin-right: 5%;-moz-box-shadow: 2px 2px 10px #e6e6e6;/*兼容firefox*/-webkit-box-shadow: 2px 2px 10px #e6e6e6;/*兼容safari或chrome*/box-shadow: 2px 2px 10px #e6e6e6;/*兼容opera或ie9*/margin-bottom: 30px;}
.news .news_list .pic_box{width: 100%;position: relative;display: block;transition: 0s;overflow:hidden}
.news .news_list .pic_box img{display:block;transition:all ease-out .3s;width: 100%;height: auto;}
.news .news_list:hover{display: block;width: 30%;height: auto;overflow: hidden;}
.news .news_list:hover img{display: block;width: 100%;height: auto;transform:scale(1.05);overflow: hidden;}
.news .news_list .news_text{width: 90%;margin: 5% auto;}
.news .news_list .news_text h2{width: 100%;font-size: 16px;color: #292929;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news .news_list .news_text h3{width: 100%;height: 50px;font-size: 13px;color: #6c6c6c;line-height: 25px;padding-top: 10px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news .news_list .news_time{width: 100%;}
.news .news_list .news_time h4{width: 55%;height:45px;font-size: 13px;color: #CCCCCC;float: left;background-color: #F9F9F9;line-height:45px;padding-left: 5%;}
.news .news_list .news_time h5{width: 35%;height:45px;text-align:right;padding-right: 5%;font-size: 13px;color: #CCCCCC;float: right;background-color: #F9F9F9;line-height:45px;}
.news .news_list:hover h4{color: #fff;background-color: #da251c;}
.news .news_list:hover h5{color: #fff;background-color: #da251c;}
.news .news_list:hover h2{color: #da251c;}

/*底部*/
.footer{width:100%;background-color:#000;margin-top:65px;padding:50px 0;}
.foot{width: 90%;height:auto;margin: 0 auto;}
.foot .foot_left{width:45%;float:left;}
.foot .foot_left p{color: #a8a8a8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;height: 150px;font-size: 14px;line-height: 30px;}
.foot .foot_center{width:20%;height:auto;float:left;padding:0 0 0 10%;}
.foot .foot_center ul li{color: #a8a8a8;font-size: 14px;line-height: 30px;}
.foot .foot_right{width: 25%;height: auto;color: #a8a8a8;float: right;min-width: 270px;font-size: 14px;line-height: 30px;}
.bottom{width: 100%;background-color: #232323;color: #a8a8a8;text-align: center;font-size: 14px;line-height: 65px;}
.bottom a{color: #a8a8a8;}


/*内页大图*/
#nban{height: 450px;position: relative;}
.nbanner{position: absolute;left: -360px;top: 0;width: 1920px;height: 450px;}
.nbanner img{width:100%;height:100%;}


/*内页位置*/
.location{width:90%;height:auto;text-align: left;margin: 25px auto 0;}
.location a{color: #666;}
.location a:hover{color: #da251c;text-decoration: none;}
.location span{color: #da251c;}


/*内页导航*/
.nnav{width:90%;height:auto;text-align: left;margin: 25px auto 0;}
.nnav ul li{float:left;width:14%;margin-right:0.28%;margin-bottom:5px;}
.nnav ul li a{display: block;color: #333;font-size: 15px;line-height: 60px;background-color:#f4f4f4;text-align:center;}
.nnav ul li a:hover{color: #fff;background-color:#da251c;}
.nnav ul li a#current{color: #fff;background-color:#da251c;}

/*内页三级导航*/
.nnav_three{width:90%;margin: 40px auto 0; text-align:center;}
.nnav_three ul{text-align: center;}
.nnav_three ul li{display: inline-block; margin-right: 15px; margin-bottom: 15px;}
.nnav_three .nli{height: 40px;text-align: center;}
.nnav_three .nli span a{ width:150px;height: 40px; padding:0 10px;display: block;color: #333;font-size: 14px;line-height: 40px;background-color: #f4f4f4; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nnav_three .nli.on,
.nnav_three .nli:hover{color: #fff;background-color: #da251c;}
.nnav_three .nli.on span a,
.nnav_three .nli:hover span a{color: #fff;background-color: #da251c;}


/*内页标题*/
.c_tit{width: 90%;height: 55px;position: relative;text-align: center;color: #333;font-size: 22px;line-height: 50px;font-weight: bold;margin: 30px auto 0;border-bottom: 1px solid #f4f4f4;}
.c_tit i{display: block;position: absolute;left: 49%;bottom: -2px;height: 3px;background: #da251c;width: 40px;}
.nmain{margin: 40px auto 0;width: 90%;min-height:200px;font-size:14px;color:#333;}


/*内页新闻*/
.news_two{overflow: hidden;width: 90%;margin:40px auto 0;}
.news_two_ul{height: auto;overflow: hidden;padding: 0;width: 100%;}
.news_two_box{width: 99%;height: 170px;border: 1px solid transparent;position: relative;background: #FCFCFC;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.news_two_ul li{width: 100%;height: 170px;border: 1px solid transparent;margin-bottom: 30px;}
.news_two_img{width: 233px;height: 170px;float: left;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.news_two_img img{width: 213px;height: 150px;margin: 10px;}
.news_two_txt{width:65%;float: left;margin: 25px 0 20px 30px;transition: all .3s ease-out 0s;}
.news_two_txt span{width:100%;font-size: 18px;color: #111;display: block;height: 30px;margin-bottom: 15px;font-weight: bold;transition: all .3s ease-out 0s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_two_txt p{width:100%;height: 60px;display: block;transition: all .3s ease-out 0s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color:#999;}


/*内页新闻时间*/
.news_two_date{width: 180x;float: right;color: #999;padding: 36px 36px 0 0;transition: all .3s ease-out 0s;}
.news_two_date span{height: 26px;font-size: 14px;}
.news_two_but{position: absolute;top: 100px;right: 50px;line-height:35px;}


/*内页新闻链接效果*/
.news_two_box:hover .news_two_txt p{color: #999;}
.news_two_box:hover .news_two_txt{margin: 36px 0 28px 54px;}
.news_two_box:hover{border: 1px solid #f4f4f4;box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08);}
.news_two_box:hover .news_two_img{background: #f1f1f1;}
.news_two_box:hover .ser_but{background: #da251c;border: 1px solid #da251c;margin: 0 -20px;}
.news_two_box:hover .news_two_txt span{color: #da251c;}
.news_two_box:hover .news_two_date{padding: 36px 50px 0 0;margin: 0;}


/* 内页新闻查看详情*/
.ser_but{position: absolute;top: 90px;right: 50px;width: 120px;height: 35px;border-radius: 18px;text-align: center;border: 1px solid #dedfe1;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.news_two_ul li:hover .ser_but{color: #fff;}


/*翻页*/
.pages{width:90%;clear: both;text-align: right;font-size: 14px;line-height: 32px;margin:0 auto;padding:30px 0 0;}
.pages a, .pages span{background: #ffffff none repeat scroll 0 0;border: 1px solid #da251c;color: #333333;line-height: 32px;margin-left: 5px;margin-right: 5px;padding: 4px 10px;text-decoration: none;}
.pages span:first-child{border-left: 1px solid #da251c;}
.pages a:hover{background: #da251c none repeat scroll 0 0;color: #ffffff;}
.pages span.current{background: #da251c none repeat scroll 0 0;border-color: #da251c;color: #ffffff;}
.pages span.disabled{background: #ffffff none repeat scroll 0 0;}
.pages span.disabled:hover{background: #da251c none repeat scroll 0 0;color: #ffffff;text-decoration: none;transition: color 0.3s linear 0s, background-color 0.3s linear 0s, background-image 0.3s linear 0s;}


/*内页联系*/
.contactBox{width:90%;height:auto;margin:0 auto;padding-top:50px;}
.contactInfo{float:left;width:40%;height:100%;background-color:#FFF;}
.contactInfo .tit{position:relative;padding-bottom:20px;margin-left:38px;margin-bottom:20px;}
.contactInfo .tit .t1{font: 400 30px/38px arial;color: #333;padding-bottom:10px;}
.contactInfo .tit .t1 span{color:#E33131;}
.contactInfo .tit .t2{color: #666;font-size: 18px;line-height: 25px;}
.contactInfo .tit .underline{position:absolute;left:1px;bottom:0;display:block;width:24px;height:2px;background-color:#d30102;}
.contactInfo .list{margin-left:73px;}
.contactInfo .list li{position:relative;width:100%;padding:15px 0;border-top:1px dotted #BBB;}
.contactInfo .list li:first-child{border-top:0;}
.sprite{background:url(../images/sprite.png) no-repeat;}
.contactInfo .list li .ico{position:absolute;left:-39px;top:12px;display:block;width:30px;height:30px;}
.contactInfo .list li .ico1{background-position:-460px -50px;}
.contactInfo .list li .ico2{background-position:-490px -50px;}
.contactInfo .list li .ico3{background-position:-520px -50px;}
.contactInfo .list li .en{font: bold 14px/20px arial;color: #333;text-transform:uppercase;}
.contactInfo .list li .info{color: #666;font-size: 14px;line-height: 25px;}
.contactForm{float:right;width:50%;height:100%;background-color:#FFF;}
.contactForm .t1{width: 100%;margin: 0 auto;padding: 0 0 24px 0;color: #333;font-size: 24px;line-height: 24px;}
.contactForm .t2{width: 100%;margin: 0 auto;padding-bottom: 17px;color: #999;font-size: 14px;line-height: 30px;}
.contactForm table{width:100%;margin:0 auto;}
.contactForm table td{width:50%;padding:6px 13px;}
.contactForm table .label{color: #666;font-size: 12px;line-height: 30px;}
.contactForm table .label span{color:#d30102;}
.contactForm table .inputWrap{position:relative;width:100%;background:#EFEFEF;}
.contactForm table .inputField{position: relative;z-index: 2;display: block;width: 96%;height: 20px;padding: 2%;line-height: 20px;color: #888;background: none;border: 0;font-size: 14px;}
.contactForm table textarea.inputField{width:96%;height:60px;}
.contactForm .submit{float: right;display: block;width: 100px;height: 25px;padding-right: 15px;margin: 13px 13px 0 0;color: #FFF;text-align: right;background: #4E596B;border: 0;cursor: pointer;font-size: 12px;line-height: 25px;}
.contactForm .submit:hover{background:#d30102;}


/*合作伙伴*/
.partner_box{width: 100%;margin: 80px auto 0;background-image: url(../images/line.png);background-repeat: repeat-x;}
.partner_top{width: 90%;margin:0 auto;}
.partner_tl{width: 50%;float: left;}
.partner_tl h5{color: #000;font-size: 32px;margin-bottom: 20px;}
.partner_tl p{color: #666;}
.partner_tr{width: 50%;float: right;text-align: right;}
.partner_c{float: right;}
.partner_c p{margin-top: 10px;}
.partner{width: 90%; height:auto; margin:60px auto 0;}
.partner li{width: 21.25%; height: auto; margin: 0 5% 15px 0; position: relative; float: left;}
.partner li .pic{display: block; width: 100%; height: auto; transition: 0s; overflow:hidden}
.partner li .pic img{display:block; transition:all ease-out .3s; width:100%; height:auto;}
.partner li .txt{width: 100%; display: block;text-align:center; line-height:40px;}


/*新闻详细内容*/
.nv_tit{text-align: center;color: #333;border-bottom: #d6d6d6 solid 1px;font-size: 18px;line-height: 30px;font-weight: bold;padding-bottom:20px;}
.nv_tim{text-align: center;padding: 20px 0;color: #999;font-size: 14px;line-height: 24px;}
.nv_tim span{display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 15px; cursor: pointer;}
.nv_tim .fx{display: inline-block; vertical-align: middle; width: 150px;}
.nv_ncon{padding: 0 5px 30px;color: #666;font-size: 14px;line-height: 30px;}
/* 上一条新闻 * */
.nv_ud{padding: 10px 0 10px;}
.nv_ud div{width: 48%;border-top: #d6d6d6 solid 1px;border-bottom: #d6d6d6 solid 1px;height: 58px;color: #666;font-size: 14px;line-height: 58px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nv_ud div a{color: #333;}
.nv_ud div a:hover{color:#da251c;}
/* 返回按钮 * */
.back{display: block;width: 150px;height: 45px;background: #da251c;border-radius: 3px;text-align: center;color: #fff;margin: 30px auto;font-size: 16px;line-height: 45px;}
.back:hover{color: #fff;}

/*发展历程内页*/
.point-time{background: #1c87bf none repeat scroll 0 0; border-radius: 50%; box-shadow: 0 0 0 5px #ffffff; content: ""; height: 13px; left: 10%; margin-left: -4px; position: absolute; top: 17px; width: 13px;}
.text-red{color: #f6393f;}
.text-blue{color: #1c87bf;}
.text-green{color: #95c91e;}
.text-yellow{color: #ffb902;}
.text-purple{color: #d32d93;}
.point-red{background-color: #666666;}
.point-blue{background-color: #666666;}
.point-green{background-color: #666666;}
.point-yellow{background-color: #666666;}
.point-purple{background-color: #d32d93;}
.development{margin: 40px auto 0; width: 90%;}
.development article{position: relative; margin-bottom:20px;}
.development article > h3{color: #1d1d1d;font-size: 24px;line-height: 30px;padding: 10px 0 20px;text-align: right;width: 5%;}
.development article section{padding: 0 0 17px; position: relative;}
.development article section::before{background: #e6e6e6 none repeat scroll 0 0; bottom: -17px; content: ""; left: 10%; position: absolute; top: 17px; width: 5px;}
.development article section:last-child::before{display: none;}
.development article section time{display: block; position: absolute; width: 5%;}
.development article section time > span{display: block;text-align: right;font-size: 15px;}
.development article section aside{color: #3a3a38; margin-left: 15%; padding-bottom: 5px;}
.development article section .brief{color: #9f9f9f; line-height:25px;}

/*产品内页*/
.subPro{ width:1200px; height:auto; margin:90px auto 0;}
.subProFr{ float:right; width:680px; height:420px;}
.subProFr .tit{ width:680px; height:30px; font-size:24px; line-height:30px; color:#333; padding:10px 0 25px; margin-bottom:30px; border-bottom:solid 1px #eee;}
.subProFr .txt{ width:680px; height:auto; font-size:14px; line-height:30px; color:#777; margin-bottom:20px;}
.subProFr .txt span{ color:#333; margin-right:10px; font-weight:bold;}

.subPro_pic{position: relative;width: 460px;height: 420px;float:left;}
.subPro_pic .imgs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.subPro_pic .main{position: relative;overflow: hidden;width: 458px;height: 343px; border: solid 1px #ddd;}
.subPro_pic .main img{width: 100%;height: 100%;}
.subPro_pic .smaller{position: relative;overflow: hidden;width: 460px;height: 82px;margin-top: 10px;}
.subPro_pic .smaller img{vertical-align: middle;width: 100%;height: 100%;}
.subPro_pic .smaller li{position: relative;float: left;padding: 2px;width: 76px;height: 57px;border: 2px solid #000;margin-left: 10px;cursor: pointer;}
.subPro_pic .smaller li:first-child{margin-left: 0;}
.subPro_pic .smaller .current{border-color: #ff6a00;}
.subPro_pic .biger{position: absolute;overflow: hidden;display: none;left: 470px;width: 600px;height: 450px; border:solid 1px #ddd;}
.subPro_pic .mask{position: absolute;display: none;left: 0;top: 0;width: 200px;height: 200px;background: url('../images/mask-bg.png') repeat;cursor: crosshair;}
.subPro_pic .biger img{position: absolute;left: 0;top: 0;width: 200%;height: 200%;}

.subProTit{ width:1185px; height:24px; font-size:24px; color:#333; line-height:24px; margin:70px auto 0; border-left:solid 5px #da251c; padding-left:10px;}
.subProList{width:1220px; margin:30px auto 0;}
.subProInfo{z-index: 9;overflow: hidden;float:left;}
.subProImg a{display: block;}
.subProInfo dl{text-align: center;padding: 0;background: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, .15);margin: 0px;}
.subProImg:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .3);}
.subProInfo dd{background: none;text-decoration: none;transition: padding .36s ease;padding: 10px;text-align: center;position: relative; color:#333; font-size:14px; margin-left:0; background-color:#fbfbfb;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.subProInfo a:hover dd{background: #da251c;padding-left: 25px;color: #fff;}
.subProInfo dd::after{opacity: 0;-webkit-transition: all .36s ease-out;transition: all .36s ease-out;bottom: 0px;left: 0;right: 0;margin: 0 auto;position: absolute;content: "";width: 0;height: 2px;background-color: #fff;}
.subProInfo a:hover dd::after{text-decoration: none;background-color: #da251c;opacity: 1;width: 100%;}
.subProitemImg{position: relative;overflow: hidden;}
.subProitemImg img{ width:285px; height:214px;}
.subProitemImg::before{content: "";position: absolute;width: calc(100% - 330px);height: calc(100% - 40px);top: 20px;display: block;left: 150px;opacity: 0;border-top: 2px solid #da251c;border-bottom: 2px solid #da251c;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.subProitemImg::after{content: "";position: absolute;height: calc(100% - 330px);width: calc(100% - 40px);left: 20px;display: block;top: 150px;opacity: 0;border-left: 2px solid #da251c;border-right: 2px solid #da251c;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.subProitemImg .item_mask{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;width: 40px;height: 40px;box-sizing: border-box;margin-top: -50px;transition: all 0.36s ease;border-radius: 100%;border-width: 1px;border-style: solid;border-color: #fff;;border-image: initial;}
.subProitemImg .item_mask::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 15px;background-color: #fff;}
.subProitemImg .item_mask::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 15px;height: 1px;background-color: #fff;}
.subProImg{position: relative;transition: all .36s ease;width:285px; float:left; margin: 10px;}
.subProImg a img{width: 100%;margin: auto;transition: all 0.36s ease;}
.subProImg a:hover img{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08)}
.subProImg a:hover .subProitemImg::before{left: 20px;width: calc(100% - 40px);z-index: 2;opacity: 1;}
.subProImg a:hover .subProitemImg::after{height: calc(100% - 40px);left: 20px;top: 20px;opacity: 1;background-color: rgba(0, 0, 0, .3);}
.subProImg a:hover .subProitemImg .item_mask{opacity: 1;margin: 0}