/* eyoucms.com 鏄撲紭CMS -- 濂界敤,鍏嶈垂,瀹夊叏 */ @charset "utf-8"; body{font-family:"寰蒋闆呴粦"!important;font:14px Microsoft YaHei!important;line-height: 24px;background: #fff;} body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;} li,ol{list-style:none;} a,input,img,textarea{border:none;outline:none;} i,em{font-style:normal;} a{text-decoration: none;color: #000;} a:focus{text-decoration: none;} a:focus, a:hover{ text-decoration: none!important; outline: none;outline-offset:0;} label{font-weight: normal;width:100%;} a:focus {outline:none;outline-offset:0;} .fl{ float:left; }.fr{ float:right; } .cl:after{ content:""; display:block; height:0; clear:both; visibility:hidden;} .tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right;} .transition{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slick-slide{outline: none!important;height:auto;} #wrap_index{overflow: hidden;position: relative;} .container{padding:0;} @media (min-width: 1400px) { .container{width: 1366px;padding: 0;margin:0 auto;} } /*header*/ #header{position:relative; background-color:#fff;border-bottom:1px solid rgba(34,34,34,.1); z-index: 90;} #header .header_box{margin:0 110px;} #header .logo{width:30%;height:90px;} #header .logo a{display:table-cell;width:100%;height:90px;vertical-align:middle;} #header .logo img{ max-width:100%;max-height: 100%; } #header .pc_Menu{width:70%;} .pc_Menu .menul{width:100%;height:90px;border-left:1px solid rgba(34,34,34,.1);} .pc_Menu .menul .firstli{position:relative;width:14.285%;float:left;text-align:center;border-right:1px solid rgba(34,34,34,.1); transition:300ms;} .pc_Menu .menul .firstli a{display:inline-block;vertical-align: middle; position:relative;box-sizing:border-box;height:90px; width:100%;padding:21px 6px;font-size:18px;color:#333;overflow:hidden;} .pc_Menu .menul .firstli>a>i{display: inline-block;max-height:24px;overflow: hidden;} .pc_Menu .menul .firstli.cur, .pc_Menu .menul .firstli:hover{background-color: #f0f0f0;} .pc_Menu .secdulBox{display: none; position:absolute;width: 130%;top:90px;left: 50%;transform: translateX(-50%);} .pc_Menu .secdulBox:after{position: absolute;content:"";width:0;height: 0;border-left:8px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff;top:10px;left:50%;transform:translateX(-50%);} .pc_Menu .secdulBox .secdul{margin-top:30px;border: 1px solid rgba(34,34,34,.1);background-color:#fff;} .pc_Menu .secdulBox .secdli:not(:last-child){border-bottom:1px solid rgba(34,34,34,.1);} .pc_Menu .secdulBox .secdli a {font-size:16px;padding:0 4px;height:46px;line-height:46px;color: #333;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms; transition: 300ms;} .pc_Menu .secdulBox .secdli.current,.pc_Menu .secdulBox .secdli:hover{background-color: #f0f0f0;} /*鎵嬫満澶撮儴*/ .model-header{position:relative; width: 100%;height:60px;padding: 0 10px;background-color:#fff; z-index:30;} .model-header .model-header-logo{width:40%;float: left;height:60px;} .model-header .model-header-logo a{display: table-cell;vertical-align: middle;width: 300px;height:60px;} .model-header .model-header-logo a img{max-width: 100%;max-height: 100%;} .model-header .model-navbtn{width: 32px;height:60px;line-height: 42px;float: right;padding:16px 0;} .model-header .model-navbtn img{max-width:100%;} /*main*/ .pade{padding:86px 0 100px;} .item a{display:block;} .aimg img{width:100%;} .intitle{margin-bottom:60px;} .intitle h3 dd{font-size:28px;color:#333;font-weight:bold;} .intitle h3 span{font-size:16px;color:#999;font-weight:bold;} /*newsCenter*/ .newsCenter{position: relative;margin-top:80px;} .newsCenter:before{position:absolute;content:"";width:100%;height:1px;background-color: #999;top:0;right:0;} .newsCenter:after{position:absolute;content:"";width:100%;height:1px;background-color: #999;bottom:0;left:0;} .newsCon{height:86px;} .newsCon .inleft,.newsCon .inright{padding:0;} .newsCon h3{position: relative;width:130px;margin-right:54px; line-height:86px; font-size:24px;font-weight:bold;color:#333;padding-right:6px;} .newsCon h3:after{position: absolute;content:"";width:1px;height:86px;background-color:#999;bottom:0;right:0;} .newsCon h3 span{display:inline-block;width:100%;overflow: hidden;} .newsCon .newsBox{width:80%;} .newsCon .item{height:86px;overflow: hidden;} .newsCon .item span{font-size:16px;line-height:86px;} .newsCon .item .date{color:#999;margin-right:72px;} .newsCon .item .tit{color:#333;} .newsCon .item:hover span{color:#2d1dd6;} .newsCon .more{position:relative;line-height:86px;font-size:16px;color:#333;} .newsCon .more:after{position:absolute;content:"";width:120%;height:1px;background-color:#333;left:0;bottom:-4px;} .newsCon .more:hover{color:#2d1dd6;} /*aboutCenter*/ .aboutCenter .inleft,.aboutCenter .inright{padding:0;} .aboutCenter .inleft .aimg{width:100%;} .aboutCenter .inright{padding:30px 0 0 70px;} .aboutCenter .tit{position:relative;margin-bottom:30px;padding-bottom:20px;} .aboutCenter .tit dd{font-size:16px;color:#333;font-weight:bold;margin-bottom:10px;} .aboutCenter .tit .comp{font-size:24px;} .aboutCenter .tit:after{position: absolute;content:"";width:50px;height:3px;bottom:0;left:0; background: -webkit-linear-gradient(left,#9b1ce0,#2d1dd6);/* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right,#9b1ce0,#2d1dd6); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right,#9b1ce0,#2d1dd6); /* Firefox 3.6 - 15 */ background: linear-gradient(to right,#9b1ce0,#2d1dd6);/* 鏍囧噯鐨勮娉 */} .aboutCenter .wds{font-size:16px;color:#333;line-height:28px;height:84px;overflow: hidden;margin-bottom:110px;} .aboutCenter .more{display:block;width: 234px;height:52px;line-height: 52px;color:#fff;background: -webkit-linear-gradient(left,#9b1ce0,#2d1dd6);background: -o-linear-gradient(right,#9b1ce0,#2d1dd6);background: -moz-linear-gradient(right,#9b1ce0,#2d1dd6); background: linear-gradient(to right,#9b1ce0,#2d1dd6);} /*prodCenter*/ .prodCenter{height:850px;position:relative;} .prodCenter .container{position:relative;} .prodCenter:before{position: absolute;content:"";width: 100%;height: 100%; background: #29b47d;opacity:.1;top:0;left:0;} .prodCon .item{border-left:1px solid rgba(51,51,51,.3);padding:70px 35px 90px;} .prodCon .item:nth-child(4){border-right:1px solid rgba(51,51,51,.3);} .prodCon .item .aimg{margin-bottom:30px;} .prodCon .item .aimg i{display:inline-block;height:58px; width:58px;font-size:46px;background-image: linear-gradient(to bottom, #9b1ce0, #2d1dd6);-webkit-background-clip: text;color: transparent;} .prodCon .item .tit{height:28px;font-size:20px;color:#333;font-weight:bold;margin-bottom:30px;overflow: hidden;} .prodCon .item .wd{color:#333;font-size:16px;line-height:30px;height:90px;overflow: hidden;} .prodCon .item:hover a{margin-top:-10px;} /*recomCenter*/ .recomCenter{position:relative;z-index:2; margin-top:-248px;} .recomCenter:before{position: absolute;content:"";width:94%;height:100%;left:3%;top:0;z-index:-1; background: -webkit-linear-gradient(left,#9b1ce0,#2d1dd6);/* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right,#9b1ce0,#2d1dd6); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right,#9b1ce0,#2d1dd6); /* Firefox 3.6 - 15 */ background: linear-gradient(to right,#9b1ce0,#2d1dd6);/* 鏍囧噯鐨勮娉 */} .recomCenter .intitle h3 dd,.recomCenter .intitle h3 span{color:#fff;} .recomCon{margin:0 -12px;} .recomCon .item{padding:0 12px;} .recomCon .item a{position:relative;} .recomCon .item .layer{position: absolute;width:100%;height:100%;background-color:#fff;top:0;left:0;} .recomCon .item .layerBox{position:relative;padding:0 26px 44px;top:50%;transform:translateY(-50%);} .recomCon .item .tit{color:#333;font-size:16px;font-weight:bold;line-height:30px;height:60px;overflow:hidden;} .recomCon .item .layerBox:after{position: absolute;content:"";width:66px;height: 6px;background: url(../img/ico1.png)no-repeat center;-webkit-background-size:contain;background-size:contain;bottom:0;left:50%;transform:translateX(-50%);} .recomCon .item a:hover .layer{background-color:rgba(51,51,51,.3);} .recomCon .item a:hover .layer .tit{color:#fff;} /*contactCenter*/ .contactCenter{padding-bottom:90px;} .contactCon dd:nth-child(1){font-size:20px;line-height:38px;margin-bottom:60px;} .contactCon dd:nth-child(2){font-size:34px;font-weight:bold;} /*footer*/ #footer{position:relative;} #footer:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-color:#e8e8e8;opacity:.8;} #footer .firmBox{position:relative;z-index:2; padding:50px 0;border-bottom: 1px solid rgba(51,51,51,.1);} .firmBox .comp{display:inline-block; font-size:28px;font-weight:bold;margin-bottom:14px; background-image: linear-gradient(to right, #9b1ce0, #2d1dd6);-webkit-background-clip: text;color: transparent;} .firmBox .adr{font-size:16px;color:#333;} .copy{padding:10px 0;position:relative;z-index:2; } .copy,.copy a{color:#333;font-size:14px;} .copy a:hover{color:#000;} /*media*/ @media(max-width:1399px){ .aboutCenter .wds{margin-bottom:80px;} } @media(max-width:1199px){ #header .header_box{margin:0 80px;} .pc_Menu .menul .firstli>a{font-size:16px;padding:21px 2px;} .pc_Menu .secdulBox .secdli a{font-size:14px;height:40px;line-height:40px;} /*main*/ .pade{padding:60px 0 80px;} .intitle{margin-bottom:50px;} /*newsCenter*/ .newsCenter{margin-top:60px;} .newsCenter:before{width: 96%;} .newsCon h3{margin-right:40px;} .newsCon .newsBox{width:78%;} .newsCon .item .date{margin-right:40px;} /*aboutCenter*/ .aboutCenter .inright{padding:10px 0 0 40px;} .aboutCenter .tit{padding-bottom:14px;margin-bottom:20px;} .aboutCenter .tit .comp{font-size:22px;} .aboutCenter .wds{margin-bottom:40px;} /*prodCenter*/ .prodCenter{height:820px;} .prodCon .item{padding:50px 20px 60px;} .prodCon .item .aimg{margin-bottom:20px;} .prodCon .item .tit{margin-bottom:20px;} /*contactCenter*/ .contactCon dd:nth-child(1){font-size:24px;margin-bottom:30px;} .contactCon dd:nth-child(2){font-size:18px;line-height:32px; margin-bottom:40px;} .contactCon dd:nth-child(3){font-size:30px;} /*footer*/ #footer .firmBox{padding:40px 0;} .firmBox .comp{font-size:26px;} } @media(max-width:991px){ #header .header_box{margin:0 50px;} .pc_Menu .menul .firstli a{font-size:14px;} #header .logo,#header .logo a{height:70px;} .pc_Menu .menul{height:70px;} .pc_Menu .menul .firstli>a{height:70px;padding:14px 2px;} .pc_Menu .menul .firstli>a>i{max-height:20px;} .pc_Menu .secdulBox{top:70px;} .pc_Menu .secdulBox .secdli a{height:34px;line-height:34px;} .pc_Menu .secdulBox:after{border-left: 6px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;} /*main*/ .pade{padding:40px 0 60px;} .intitle{margin-bottom:40px;} .intitle h3 dd{font-size:24px;} .intitle h3 span{font-size:14px;} /*newsCenter*/ .newsCenter{margin-top:40px;} .newsCon h3{width: 110px;margin-right:20px;font-size:20px;} .newsCon h3:after{height:80px;} .newsCon .item span,.newsCon .more{font-size:14px;} .newsCon .item .date{margin-right:20px;} .newsCon,.newsCon .item{height:60px;} .newsCon h3,.newsCon .item span,.newsCon .more{line-height:60px;} /*aboutCenter*/ .aboutCenter .inright{padding-left:20px;} .aboutCenter .tit{padding-bottom:10px;margin-bottom:14px;} .aboutCenter .tit:after{width: 40px;height: 2px;} .aboutCenter .tit dd{font-size:14px;margin-bottom:6px;} .aboutCenter .tit .comp{font-size:20px;} .aboutCenter .wds{font-size:14px;line-height:24px;height:72px;margin-bottom:34px;} .aboutCenter .more{width: 190px;height: 40px;line-height:40px;} /*prodCenter*/ .prodCenter{height:600px;} .prodCon .item{padding:30px 10px 40px;} .prodCon .item:hover a{margin-top:-4px;/*190715*/margin-top: 0px;} .prodCon .item .aimg{margin-bottom:14px;} .prodCon .item .aimg i{font-size:36px;width:40px;height:40px;} .prodCon .item .tit{font-size:18px;margin-bottom:14px;height:24px;line-height:24px;} .prodCon .item .wd{font-size:14px;line-height:24px;height:72px;} /*recomCenter*/ .recomCenter{margin-top:-170px;} .recomCon{margin:0 -8px;} .recomCon .item{padding:0 8px;} .recomCon .item .layerBox{padding:0 10px 30px;} .recomCon .item .layerBox:after{width: 56px;height: 4px;} .recomCon .item .tit{font-size:14px;line-height:24px;height:48px;} /*contactCenter*/ .contactCon dd:nth-child(1){font-size:20px;margin-bottom:24px;} .contactCon dd:nth-child(2){font-size:16px;line-height:24px;margin-bottom:30px;} .contactCon dd:nth-child(3){font-size:24px;} /*footer*/ #footer .firmBox{padding:14px 0;} .firmBox .comp{font-size:24px;margin-bottom:6px;} .copy{padding:6px 0;} } @media (max-width:767px){ /*main*/ .container{margin:0 10px;} .pade{padding:30px 0 50px;} .intitle{margin-bottom:30px;} .intitle h3 dd{font-size:20px;} /*newsCenter*/ .newsCon h3{font-size:16px;width:70px;margin-right:10px;} .newsCon h3:after{height:70px;} .newsCon,.newsCon .item{height:50px;} .newsCon h3,.newsCon .item span,.newsCon .more{line-height:50px;} .newsCon .newsBox{width:72%;} .newsCon .item .date{margin-right:10px;} /*aboutCenter*/ .aboutCenter .inright{padding:0;margin-top:10px;} .aboutCenter .tit{padding-bottom:0;} .aboutCenter .tit:after{display:none;} .aboutCenter .tit .comp{font-size:18px;} .aboutCenter .wds{margin-bottom:30px;} /*prodCenter*/ .prodCon .item{margin-bottom:20px;padding:14px 6px 24px;border:0;} .prodCon .item:nth-child(1){border-right: 1px solid rgba(51,51,51,.3);} .prodCon .item .aimg{margin-bottom:10px;} .prodCon .item .aimg i{font-size:30px;width:34px;height: 34px;} .prodCon .item .tit{font-size:16px;margin-bottom:8px;} .prodCon .item .wd{line-height:20px;height:60px;} /*recomCenter*/ .recomCenter{margin-top:-80px;} .recomCenter:before{width: 96%;left:2%;} .recomCon{margin:0 -5px;} .recomCon .item{padding:0 5px;margin-bottom:10px;} .recomCon .item .layerBox{padding:0 6px 20px;} .recomCon .item .tit{line-height:20px;height:40px;} /**/ .contactCon dd:nth-child(1){font-size:16px;margin-bottom:18px;} .contactCon dd:nth-child(2){line-height: 20px;margin-bottom: 20px;} .contactCon dd:nth-child(3){font-size:20px;} /*footer*/ #wrap_index #footer{margin-bottom:54px;} .firmBox .comp{font-size:22px;} } /*page*/ #model_banner .banner_img img{position:relative;width:130%;left:50%;transform:translateX(-50%);} #model_banner .banner_img a{display:block;width: 100%;overflow: hidden;} #model_banner .slick-dots li{margin:0 10px;} #model_banner .slick-dots li button{background: #333;opacity:.5;} #model_banner .slick-dots li.slick-active button{background: #333;opacity:1;} .updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on,#model_contant_main .model_dec_adress a:hover{color:#2d1dd6;} .updown_fenlei .cont_nav .one .o_li:hover .one_a, .updown_fenlei .cont_nav .one .o_li a.ez{background-color:#2d1dd6;} #model_contant_main .model_dec_adress a:hover,#model_contant_main .model_dec_adress a.cur{color:#2d1dd6;} .model-dectil-bottom .model-dectil-chose a:hover{color:#2d1dd6;} .model-dectil-img .slick-dots li button{border: 1px solid #2d1dd6;} .model-dectil-img .slick-dots li.slick-active button{background:#2d1dd6;} .model_seach .model-seachdiv form .seabtn,.model-textlist-three ul li a:before{background:#2d1dd6;} .model-textlist-three ul li a:hover, .model-textlist-three ul li a:hover dt{color:#2d1dd6;} .model_page a.on, .model_page a:hover,.model_page a.on, .model_page a.current{color:#2d1dd6;border-bottom: 1px solid #2d1dd6;} .model-textlist-four ul li a:hover{background: #2d1dd6;} .model-textlist-two ul li a:hover .textlist-l dt,.model-textlist-two ul li a:hover .textlist-l p{color:#2d1dd6;} .model-textlist-two ul li a:hover .newtime{background: #2d1dd6;} .model-imgtextlist-two ul li a:hover .imgtextlist-r dt,.model-imgtextlist-one ul li a:hover .imgtextlist-l dt, .model-imgtextlist-three ul li a:hover .imgtextlist-r dt,.model-imgtextlist-three ul li .imgtextlist-r .time p{color:#2d1dd6;} .model-imgtextlist-four ul li a:hover .imgtextlist-text,.model-imglist-two ul li a:hover p{background: #2d1dd6;} .model-imglist-two ul li .pimg em span{background:#2d1dd6 url(../img/icon7.png) center no-repeat} .model-imglist-three ul li a:hover{border:2px solid #2d1dd6;} .model-imglist-three ul li a:hover p{color:#2d1dd6;} /*鎵嬫満绔?/ .model-classify .model-classify-posnav{background:#2d1dd6;} /*搴曢儴瀵艰埅*/ .model-fixed{background:#2d1dd6!important;} .model-classify-nav .one .o_li a.ez,.model-classify-nav .second a.sen_x{color:#2d1dd6;} .model-classify-nav .second a.sen_x:before{background:#2d1dd6;} .model-phone-page span i{color:#2d1dd6;} /*宸﹀彸甯冨眬*/ .model_leftright_l .l_posnav{background: #2d1dd6;} .model_leftright_l .cont_nav .one .o_li a.one_a:hover, .model_leftright_l .cont_nav .one .o_li a.ez{color:#2d1dd6;} .model_leftright_l .cont_nav .second .e_li a:hover, .model_leftright_l .cont_nav .second .e_li a.sen_x{color:#2d1dd6;} .model_leftright_l .cont_nav .second .e_li a:hover:before, .model_leftright_l .cont_nav .second .e_li a.sen_x:before{background: #2d1dd6;} .model_leftright_l .cont_nav .second .e_li a:hover, .model_leftright_l .cont_nav .second .e_li a.sen_x{color:#2d1dd6;} .moder_leftright_r .r_posnav p{border-bottom:4px solid #2d1dd6;} .moder_leftright_r .r_posnav span a:hover{color:#2d1dd6;} .model_leftright_l .cont_nav .one .o_li .one_a i{background:url(../img/icon6.png) center no-repeat;} .model-classify-nav .one .o_li .one_a i{background:url(../img/icon6.png) center no-repeat;} /*190715 xadd*/ a:hover{color: #2d1dd6;} .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover{border: 1px solid #2d1dd6;background: #2d1dd6;} .model-textlist-one ul li:hover{border-bottom: 1px solid #2d1dd6;} .model-textlist-one ul li:hover dt{color: #2d1dd6;} .model-imglist-three ul li a:hover p{background: url(../img/icon6.png) right center no-repeat;} .model-dectil-img .slick-dots li button{border: 1px solid #2d1dd6;} .model-dectil-img .slick-dots li.slick-active button{background: #2d1dd6;} .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before{border-bottom: 12px solid #2d1dd6;} .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover{border-bottom: 1px solid #2d1dd6;} .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before{border-top: 12px solid #2d1dd6;} .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover{border-top: 1px solid #2d1dd6;} @media (max-width: 767px){ .model-textlist-four ul li .textlist-r dd{color: #808080;} .model-textlist-four ul li .newtime{color: #808080!important;} .model-imgtextlist-four ul li a:hover .imgtextlist-text dt{color: #fff!important;} .model-imgtextlist-four ul li a:hover .imgtextlist-text p{color: #f0efff!important;} .model-imgtextlist-four ul li .imgtextlist-text dd{color: #808080;} .model-imgtextlist-four ul li a:hover .imgtextlist-text dd{color: #f0efff;} .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:after{border-right: 7px solid #2d1dd6;} .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev{border-right: 1px solid #2d1dd6;} .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:after{border-left: 7px solid #2d1dd6;} .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next{border-left: 1px solid #2d1dd6;} } /*190715*/ /*media*/ @media (min-width:768px){ .model-textlist-four ul li .textlist-r dd{color:#fff;} .model-imgtextlist-four ul li a:hover .imgtextlist-text p,.model-imgtextlist-four ul li .imgtextlist-text dd{color:#fff;} } @media (max-width:1199px){ .model-dectil-bottom .model-dectil-chose{width:76%;} .model-dectil-bottom .model-dectil-share{width:24%;} } @media (max-width:991px){ .model-dectil-bottom .model-dectil-chose{width:70%;} .model-dectil-bottom .model-dectil-share{width:30%;} } @media (max-width:767px){ #quickbar-wrap{padding-top:0!important;} .model-phone-page a{padding:4px 4%;} .wrap_body .model-header .model-navbtn{padding:8px 0;} /*190715 xadd*/ .recomCon .item .layer{background-color: rgba(51,51,51,.3);} .recomCon .item .tit{color:#fff;} /*190715*/ } @media (max-width:767px) { .m-link1 { display: none; } } .m-link1 { padding: 20px 0; } .m-link1 .item { overflow: hidden; color: #333; } .m-link1 .item span { float: left; font-size: 16px; margin-right: 18px; font-weight: 600; color: #333; } .ul-link1 { overflow: hidden; } .ul-link1 li { float: left; } .ul-link1 li a { display: block; margin-right: 20px; font-size: 14px; color: #333; height: 21px; line-height: 21px; } .ul-link1 li a:hover { color: #000; }