@charset "utf-8"; @import "kefu.css"; /** * * @authors jason (jason@0769html.com) * @date 2023-3-19 23:26:35 * @version red-css3-S1 * @for ie9+ */ /*****************************************************************全站通用样式**********************************************************************/ * { margin: 0px; padding: 0px; font-family: "MicroSoft YaHei", "SimHei";} li { list-style: none; } img { border: 0; } body{ background-color: #f5f5f5; } .clear { clear: both; } .page_main { margin-left: auto; margin-right: auto; width: 1200px; } .page_full { width: 100%; } .index_box01{ background-color: #fff; width: 100%; } .index_box02{ background-color: #f5f5f5; width: 100%; overflow: hidden; } a{ color: #333; text-decoration: none; } a:hover{ color: #69439A; text-decoration: underline; } h1,h2,h3,h4{ font-family: "MicroSoft YaHei", "SimHei"; font-weight: normal; } /************************************************************************************页面顶部样式*****************************************************/ .header { background-color: #fff; padding-top: 10px; } .logo { float: left; font-family: "MicroSoft YaHei", "SimHei"; color: #333333; height: 90px; max-width: 720px; } .logo img { float: left; } .logo .company_name { float: left; } .logo h2 { font-size: 29px; line-height: 40px; margin-top: 12px; -webkit-font-smoothing: antialiased; font-weight: normal; } .logo h3 { font-size: 16px; line-height: 20px; color: #999999; font-family: "Verdana"; font-weight: normal; } .head_right { float: right; width: 350px; } .head_right .qrcode{ position: relative; float: left; text-align: center; } .head_right .qrcode .icon{ text-align: center; font-size: 12px; line-height: 1; color: #666; margin-top: 15px; } .head_right .qrcode .icon i{ font-size: 36px; padding: 3px 8px 5px 8px; border: 1px solid #ebebeb; color: #666; line-height: 1; } .head_right .qrcode .icon .title{ margin-top: 15px; } .head_right .qrcode .list{ display: none; position: absolute; z-index: 999; background-color: #fff; padding: 5px; box-shadow: 0px 0px 10px #000; margin-top: 20px; } .head_right .qrcode .list:before { content: ""; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fff; left: 5px; margin-left: 15px; top: -20px; } .head_right .qrcode:hover .list{ display: block; } .head_right .qrcode .list>ul{ } .head_right .qrcode .list>ul li{ border-top: 1px solid #ebebeb; margin-top: 10px; line-height: 20px; } .head_right .qrcode .list>ul li:first-child{ border: 0px; margin-top: 0px; } .head_right .qrcode .list>ul li img{ max-width: 100px; } .head_right .telphone_number { float: right; } .head_right .telphone_number .icon{ float: left; margin-right: 10px; } .head_right .telphone_number .icon i{ font-size: 52px; line-height: 100px; color: #666; } .head_right .telphone_number .txt{ float: right; } .head_right .telphone_number h3 { font-size: 28px; color: #69439A; font-weight: normal; font-family: "MicroSoft YaHei", "SimHei"; font-style: italic; line-height: 30px; } .head_right .telphone_number h4 { font-size: 14px; color: #666666; font-weight: normal; line-height: 30px; margin-top: 15px; } /*导航条样式*/ .navbg{ background-color: #69439A; z-index: 9; position:relative; } /*因为导航条有半透明效果,所以这里要多加一个背景层*/ .nav { clear: both; background-color: #69439A; height: 70px; width: 100%; background: rgba(105, 67,154, 0.8) none repeat scroll 0 0 !important; /*实现FF背景透明,文字不透明*/ filter: Alpha(opacity=80); background: #69439A; /*实现IE背景透明*/; } .nav ul { margin-left: auto; margin-right: auto; height: 70px;font-size: 14px; float: left;} .nav ul>li {line-height: 69px; list-style: none; float: left; position: relative; -webkit-transform: perspective(1px) translateZ(10); transform: perspective(1px) translateZ(10); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .nav ul>li>a { padding: 0px 25px 0px 25px; color: #FFFFFF; text-decoration: none; font-size: 16px;} .nav ul>li:hover { background-color: #360069;} .nav ul>li.curr { background-color: #EB540D; } /*level2 nav*/ .nav ul>li>ul { display: none; position: absolute; margin: 0px; z-index: 10; width: 200px; height: auto; top: 70px; left: 0px; padding: 3px; line-height: 40px; background-color: #360069;} .nav ul>li>ul>li { float: none; clear: both; position: relative; line-height: 40px; height: 40px; border-top: 1px solid #1f1f1f; } .nav ul>li>ul>li:first-child { border: 0px; } .nav ul>li>ul>li:hover { background-color: #69439A; } .nav ul>li:hover>ul { display: block; } .nav ul>li>ul>li>a{ font-weight: normal; } /*level3 nav*/ .nav ul li ul li ul { display: none; position: absolute; margin: 0px; z-index: 10; width: 200px; height: auto; top: -3px; left: 100%; padding: 3px; line-height: 40px; background-color: #360069; } .nav ul li ul li ul li { float: none; clear: both; position: relative; line-height: 40px; height: 40px; border-top: 1px solid #1f1f1f; } .nav ul li ul li ul li:first-child { border: 0px; } .nav ul li ul li ul li:hover { background-color: #69439A; } /*nav search*/ .nav .search_ico{float: right;position: relative;background-color: #7652a4; height: 70px;transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color;} .nav .search_ico:hover{background-color: #360069;} .nav .search_ico i{height: 70px;line-height: 70px;overflow: hidden;color: #ddd;font-size: 30px;font-weight: 50;padding: 0px 30px;} .nav .search_ico:hover i{color:#69439A ;} .nav .search_ico .searchbar{ height: 60px;width: 320px;position: absolute;display: none;background-color: #360069;right: 0px;padding: 20px;} .nav .search_ico:hover .searchbar{display: block;} .nav .searchbar form{ margin-top: 14px; padding: 0px; font-size: 0; } .nav .searchbar .keyword{ float: left; width: 250px; margin: 0px; padding: 0px 6px 0px 12px; border: 0; height: 40px; line-height: 40px;font-size: 16px; outline:none; overflow: hidden; border-radius:4px 0 0 4px; } .nav .searchbar .button{ float: left; margin: 0px; border: 0; padding: 0px 10px 0px 10px; line-height: 40px; font-size: 16px; line-height: 40px; background-color: #69439A; min-width: 40px; color: #fff; border-radius:0 4px 4px 0; background-image: url(../images/search_ico.png); background-position: center; background-repeat: no-repeat; } .smallbanner{ background-repeat: no-repeat; background-position:center 0; width: auto; height: 300px; background-color: #ebebeb; background-size:cover; } /*Banner*/ .banner { position: relative; } /* index_adnumber */ .index_adnumber{background-color: #fff;padding: 40px 0px;} .index_adnumber ul{} .index_adnumber ul li{float: left;width: 25%;box-sizing: border-box;text-align: center;border-left: 1px solid #eee;} .index_adnumber ul li:first-child{border-left: 0px;} .index_adnumber ul li .icon{color: #69439A;font-size: 50px;padding: 20px 0px;} .index_adnumber ul li .number{color: #69439A;font-size: 50px;line-height: 50px;} .index_adnumber ul li .number em{font-style: normal;color: #666;font-size: 30px;vertical-align: 10%;} .index_adnumber ul li .text{font-size: 20px;line-height: 50px;} /*home title*/ .htitle_01{ text-align: center; padding-bottom: 30px; } .htitle_01 .btitle{ font-size: 36px; font-weight: bold; margin-bottom: 15px; } .htitle_01 .btitle em{ color: #69439A; font-style: normal; } .htitle_01 .stitle{ font-size: 20px; color: #666; background-color: #fff; border: 1px solid #ddd; padding: 10px 20px; display: inline-block; position: relative; } .htitle_01 .line{ height: 1px; background-color: #ddd; overflow: hidden; margin-top: -25px; } .htitle_02{ text-align: center; padding-bottom: 30px; } .htitle_02 .btitle{ font-size: 36px; font-weight: bold; margin-bottom: 15px;color: #fff; } .htitle_02 .btitle em{ color: #fff; font-style: normal; } .htitle_02 .stitle{ font-size: 20px; color: #fff; background-color: #EB540D; padding: 10px 20px; display: inline-block; position: relative; } .htitle_02 .line{ height: 1px; background-color: #ddd; overflow: hidden; margin-top: -25px; } /*huxi bnt*/ .huxibtn {position: relative;width: 80px;height: 80px;border-radius: 50%;background:#69439A;margin-left: auto;margin-right: auto;text-align: center;font-size: 50px;color: #fff;} .huxibtn::before { content: ''; position: absolute; top: -25%; left: -25%; transform: translate(-50%, -50%); width: 120px; height: 120px; background: #69439A; border-radius: 50%; opacity: 0; animation: danyang 1.6s ease-out 1.5s infinite normal; } @keyframes danyang { 0% { opacity: 0.6;-webkit-transform: scale(1); } 25% {opacity: 0.3;-webkit-transform: scale(1.1); } 50% {opacity: 0.1;-webkit-transform: scale(1.1); } 75% {opacity: 0;-webkit-transform: scale(1.1); } 90% {opacity: 0;-webkit-transform: scale(1.1); } 100% { opacity: 0;-webkit-transform: scale(1.1);} } .huxibtn::after{ content: '+'; position: absolute; top:0; left:0; width: 80px; height: 80px; line-height: 80px; text-align: center; } /*bmore bnt*/ .bmore_bnt{ text-align: center; color: #fff; display: inline-block; background-color: #EB540D; font-size: 20px; line-height: 30px; padding: 10px 30px; border-radius: 25px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color,padding; transition-property: color, background-color,padding; } .bmore_bnt:hover{color: #fff;text-decoration: none;padding: 10px 80px;} /*bmore bnt*/ .bmore_bnt2{ text-align: center; color: #333; display: inline-block; background-color: #fff; font-size: 20px; line-height: 28px; padding: 10px 30px; border: 2px solid #ccc; border-radius: 25px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color,padding; transition-property: color, background-color,padding; } .bmore_bnt2:hover{color: #fff;text-decoration: none;background-color: #69439A;border: 2px solid #69439A;} /********************************************************************************首页style*************************************************************/ /*首页滚动图片列表01*/ .index_imglist_gd01{} .index_imglist_gd01 .list{ margin-top: 30px; position: relative; } .index_imglist_gd01 .list #prev{ left: -40px; } .index_imglist_gd01 .list #next{ right: -40px; } .index_imglist_gd01 .list ul{} .index_imglist_gd01 .list li{ padding: 6px; float: left;} .index_imglist_gd01 .list li img{ box-shadow: 0px 0px 10px #ccc; background-color: #fff; padding: 5px; width: 200px;height: 150px;} .index_imglist_gd01 .list li img:hover{ box-shadow: 0px 0px 10px #aaa; } .index_imglist_gd01 .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .index_imglist_gd01 .bx-wrapper img { max-width: 100%; display: block; } .index_imglist_gd01 .bxslider { margin: 0; padding: 0; } .index_imglist_gd01 .bx-wrapper .bx-pager, .index_imglist_gd01 .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } .index_imglist_gd01 .bx-wrapper .bx-prev { left: -32px; background-color: #333; } .index_imglist_gd01 .bx-wrapper .bx-prev:hover{ background-color: #69439A; } .index_imglist_gd01 .bx-wrapper .bx-next { right: -32px; background-color: #333; } .index_imglist_gd01 .bx-wrapper .bx-next:hover{ background-color: #69439A; } .index_imglist_gd01 .bx-wrapper .bx-controls-direction a { position: absolute; top: 35%; margin-top: -16px; outline: 0; width: 32px; height: 64px; text-indent: -9999px; z-index: 9; } .index_imglist_gd01 .bx-wrapper .bx-controls-direction a.disabled { display: none; } .index_imglist_gd01 .bnt{ font-size: 80px; position: absolute; z-index: 99; top: 35px; width: 30px; } .index_imglist_gd01 .bnt a{ color: #999; } .index_imglist_gd01 .bnt a:hover{ color: #69439A; } /*首页优势图标列表01*/ .index_icon_list01{ margin: 50px 0px; } .index_icon_list01 .title01{ color: #69439A; text-align: center; font-size: 30px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 40px; margin-top: 40px; } .index_icon_list01 .title02{ color: #666; text-align: center; font-size: 18px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 30px; } .index_icon_list01 .title02>i{ font-size: 24px; } .index_icon_list01 .line01{ margin-top: 10px; width: 500px; background-color: #ccc; height: 3px; overflow: hidden; margin-left: auto; margin-right: auto; } .index_icon_list01 .line02{ width: 120px; height: 3px; background-color: #69439A; overflow: hidden; margin-left: auto; margin-right: auto; } .index_icon_list01 .list{ margin-top: 40px; } .index_icon_list01 .list>ul{ margin-left: -85px; } .index_icon_list01 .list>ul>li{ width: 220px; height: 320px; background-color: #fff; display: inline-block; margin-left: 85px; text-align: center; border-radius:8px; border: 5px solid #fff; box-shadow: 0px 0px 20px #eee;-webkit-transition-duration: 0.5s; transition-duration: 0.3s; -webkit-transition-property: color, background-color,border; transition-property: color, background-color,border; } .index_icon_list01 .list>ul>li:hover{ border: 5px solid #69439A; } .index_icon_list01 .list>ul>li>.icon{ width: 100px; height: 100px; padding: 20px; font-size: 90px; border-radius:100px; background-color: #f5f5f5; margin: 20px auto; color: #666; } .index_icon_list01 .list>ul>li:hover>.icon{ background-color: #69439A; color: #fff;animation: rotate 0.9s linear 1; } .index_icon_list01 .list>ul>li>.title{ font-size: 26px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 36px; color: #000; } .index_icon_list01 .list>ul>li>.con{ font-size: 14px; color: #666; line-height: 1.6; padding: 10px 12px 0px 12px; min-height: 140px; } @keyframes rotate { 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} } /*首页产品展示01*/ .index_prodlist01{ margin-top: 30px;display:flex;padding-bottom: 30px;} .index_prodlist01 .category{ float: left; width: 220px; background-color: #fff; } .index_prodlist01 .category .title{ height: 90px; overflow: hidden; padding: 10px; background-color: #69439A; color: white; font-family: "MicroSoft YaHei", "SimHei"; } .index_prodlist01 .category .title dt{ font-size: 60px; line-height: 90px; float: left; width: 42px; } .index_prodlist01 .category .title dd.t01{ font-size: 24px; line-height: 35px; padding-top: 20px; } .index_prodlist01 .category .title dd.t02{ font-size: 14px; line-height: 15px; } .index_prodlist01 .category .content{ min-height: 496px; } .index_prodlist01 .category .content>ul{ padding: 10px; } .index_prodlist01 .category .content>ul>li{ background-color: #333; margin-top: 6px; padding: 5px 5px 5px 10px; position: relative; } .index_prodlist01 .category .content>ul>li:hover{ background-color: #69439A; } .index_prodlist01 .category .content>ul>li>a{ font-size: 14px; line-height: 20px; color: white; text-decoration: none; } .index_prodlist01 .category .content>ul>li>ul{ display: none; position: absolute; background-color: #69439A; top: 0; left: 100%; min-width: 200px; } .index_prodlist01 .category .content>ul>li:hover>ul{ display: block; } .index_prodlist01 .category .content>ul>li>ul>li{ padding: 5px; padding-left: 12px; } .index_prodlist01 .category .content>ul>li>ul>li>a{ font-size: 14px; line-height: 20px; color: white; text-decoration: none; } .index_prodlist01 .list { float: right; width: auto; flex:1;margin-left: 20px;} .index_prodlist01 .list .title { background-color: #fff; } .index_prodlist01 .list .title .bigtitle{ font-size: 20px; font-family: "MicroSoft YaHei", "SimHei"; color: #fff; background-color: #69439A; line-height: 50px; display: inline-block; padding: 0px 20px; } .index_prodlist01 .list .title .more{ float: right; } .index_prodlist01 .list .title .more a{ color: #fff; font-size: 12px; display: inline-block; padding: 5px 10px; background-color: #333; margin: 12px 10px 0px 0px; text-decoration: none; font-family: 'Arial'; } .index_prodlist01 .list .title .more a:hover{ background-color: #69439A; } .index_prodlist01 .prodlist { } .index_prodlist01 .prodlist ul{ margin-left: -33px; } .index_prodlist01 .prodlist li{ width: 200px; background-color: #fff; padding: 6px; float: left; margin-left: 33px; margin-top: 30px; } .index_prodlist01 .prodlist li:hover{ box-shadow: 0px 0px 10px #ccc; } .index_prodlist01 .prodlist li img{ width: 200px; height: 200px; } .index_prodlist01 .prodlist li .title{ font-size: 14px; line-height: 36px; height: 36px; overflow: hidden; text-align: center; } /* */ .index_prodlist02{background-image:url(../images/indexprod02_bg.png);background-position: center top;padding: 70px 0px;} .index_prodlist02 .boxw{background-color: #fff;box-shadow: 0px 0px 20px #bbb;min-height: 500px;} .index_prodlist02 .btitle{font-size: 40px;text-align: center;padding-top: 50px;} .index_prodlist02 .stitle{text-align: center;color: #666;font-size: 16px;line-height: 30px;} .index_prodlist02 .stitle span{padding: 0px 10px;} .index_prodlist02 .stitle i{color: #69439A;margin-right: 8px;} .index_prodlist02 .catelist{} .index_prodlist02 .catelist .cate{text-align: center;margin-top: 30px;} .index_prodlist02 .catelist .cate li{display: inline-block;background-color: #69439A;color: #fff;padding: 10px 35px;border-radius: 20px;margin: 0px 10px;} .index_prodlist02 .catelist .cate li a{font-size: 20px;color: #fff;} .index_prodlist02 .catelist .cate li a:hover{text-decoration: none;} .index_prodlist02 .catelist .cate li:hover{background-color: #EB540D;} .index_prodlist02 .catelist .cate li.active{background-color: #EB540D;} .index_prodlist02 .prodcon{box-sizing: border-box;padding: 20px;margin-top: 30px;} .index_prodlist02 .prodcon .cateinfo{} .index_prodlist02 .prodcon .cateinfo .images{float: left;width: 40%;height: 425px;overflow: hidden;background-color: #ccc;} .index_prodlist02 .prodcon .cateinfo .info{float: right;width: 60%;height: 425px;overflow: hidden;background-color: #EBE8F0;box-sizing: border-box;padding: 20px;} .index_prodlist02 .prodcon .cateinfo .title{font-size: 30px;} .index_prodlist02 .prodcon .cateinfo .title_line{width: 150px; height: 3px;background-color: #69439A;overflow: hidden;} .index_prodlist02 .prodcon .cateinfo .descr{padding: 20px 0px;font-size: 16px;line-height: 1.5;color: #333;} .index_prodlist02 .prodcon .cateinfo .tools{} .index_prodlist02 .prodcon .cateinfo .tools li{float: left; width: 50%;box-sizing: border-box;padding: 15px 0px;text-align: center;color: #fff;font-size: 18px;} .index_prodlist02 .prodcon .cateinfo .tools li a{color: #fff;} .index_prodlist02 .prodcon .cateinfo .tools li i{margin: 0px 5px;transition: all 0.5s;} .index_prodlist02 .prodcon .cateinfo .tools li:hover i{margin: 0px 15px;} .index_prodlist02 .prodcon .cateinfo .tools li a:hover{text-decoration: none;} .index_prodlist02 .prodcon .cateinfo .tools li.left{background-color: #69439A;} .index_prodlist02 .prodcon .cateinfo .tools li.right{background-color: #EB540D;} .index_prodlist02 .prodcon .plist{position: relative;margin-top: 30px; min-height: 320px; } .index_prodlist02 .prodcon .plist ul{overflow:hidden; zoom:1;} .index_prodlist02 .prodcon .plist li {float:left; display:inline; overflow:hidden; text-align:center;padding: 25px;} .index_prodlist02 .prodcon .plist li img{width: 280px;height: 210px;display:block;background-color: #fff;padding: 4px;border: 1px solid #eee;} .index_prodlist02 .prodcon .plist li .pic{} .index_prodlist02 .prodcon .plist li .title{font-size: 16px;line-height: 40px;} .index_prodlist02 .prodcon .plist .pbnt{position: absolute;top:100px;width: 100%;} .index_prodlist02 .prodcon .plist .pbnt .bnt{width: 60px;height: 60px;background-color: #69439A;color: #fff;line-height: 60px;text-align: center;cursor:pointer;border-radius: 30px;} .index_prodlist02 .prodcon .plist .pbnt .bnt:hover{background-color: #EB540D;} .index_prodlist02 .prodcon .plist .pbnt .bnt i{line-height: 60px;font-size: 30px;} .index_prodlist02 .prodcon .plist .pbnt .bprev{float: left;margin-left: -10px;} .index_prodlist02 .prodcon .plist .pbnt .bnext{float: right;margin-right: -10px;} /* index_kehu */ .index_kehu{height: 758px; padding: 70px 0px;box-sizing: border-box;background-image:url(../images/kehu_bg.png);background-position: center top;background-repeat: no-repeat;} .index_kehu .kehu{text-align: center;margin-top: 50px;} .index_kehu .kehu img{max-width: 100%;} /* realvideo */ .realvideo{background-color: #fff;padding: 50px 0px;} .realvideo .bigvideo{float: left;width: 40%;height: 400px;} .realvideo .bigvideo .images{padding: 10px;overflow: hidden;} .realvideo .bigvideo img{max-width: 100%;max-height: 100%;} .realvideo .videolist{float: right;width: 60%;} .realvideo .videolist .title{background-image:url(../images/realvideo_bg.png);background-position: right top;background-repeat: no-repeat;} .realvideo .videolist .title01{font-size: 32px;font-weight: bold;padding-left: 10px;} .realvideo .videolist .title01 em{color: #69439A;font-style: normal;} .realvideo .videolist .title02{font-size: 20px;margin-top: 20px;line-height: 30px;padding-left: 10px;} .realvideo .videolist .title02 .bnt{margin-top: 20px;} .realvideo .videolist .title02 span{background-color: #69439A;color: #fff;font-size: 14px;display: inline-block;padding: 10px 20px;} .realvideo .videolist .title02 span a{color: #fff;} .realvideo .videolist .list{} .realvideo .videolist .list ul{margin-top: 20px;} .realvideo .videolist .list ul li{float: left; width: 33%;box-sizing: border-box;padding: 10px;} .realvideo .videolist .list ul li:last-child{} .realvideo .videolist .list ul li img{max-width: 100%;} /* index_service */ .index_service{} .index_service .service_items{padding: 0px;margin: 0px;} .index_service .service_items>li{width: 25%;height: 420px; float: left;} .index_service .service_items>li .box{color: #fff;} .index_service .service_items>li .box img{max-width: 100%;} .index_service .service_items>li .box .text1{background-color: #EB540D;padding: 15px 25px;height: 210px;overflow: hidden;box-sizing: border-box;} .index_service .service_items>li .box .text1 .num{font-size: 52px;font-weight: bold;line-height: 90px;} .index_service .service_items>li .box .text1 .t1{font-size: 30px;line-height: 30px;} .index_service .service_items>li .box .text1 .t2{font-size: 22px;font-weight: normal;line-height: 60px;} .index_service .service_items>li .box .text2{background-color:#69439A;padding: 15px 25px;height: 210px;overflow: hidden;box-sizing: border-box;} .index_service .service_items>li .box .text2 .num{font-size: 52px;font-weight: bold;line-height: 60px;line-height: 90px;} .index_service .service_items>li .box .text2 .t1{font-size: 30px;line-height: 30px;} .index_service .service_items>li .box .text2 .t2{font-size: 22px;font-weight: normal;line-height: 60px;} /*首页证书01*/ .index_cers_01{background:url(../images/cers.jpg) no-repeat center top; height: 700px;background-color: #fff;padding-top: 50px;} /*首页关于我们*/ .index_about_01{background-color: #fff;padding: 40px 0px 10px 0px;} .index_about_01 .about_txt{width: 60%;float: left;} .index_about_01 .about_txt .title{position: relative;height: 200px;overflow: hidden;} .index_about_01 .about_txt .title::before{ content: ''; border: 5px solid #69439A; width: 90px; height: 170px; top:0px; left: 0px; display: block; } .index_about_01 .about_txt .title::after{ content: ''; margin: 50px; display: block; position: relative; } .index_about_01 .about_txt .title p{ display: block; background-color: #fff; color: #69439A; font-size: 48px; font-weight: bold; line-height: 60px; padding: 0px; margin: -140px 0px 0px 30px; } .index_about_01 .about_txt .title span{ background-color: #fff; color: #666; font-size: 28px; line-height: 38px; padding: 0px; margin: 0px 0px 0px 30px; } .index_about_01 .about_txt .con{padding-right: 20px;font-size: 18px;color: #333;line-height: 1.5;height: 160px;overflow: hidden;} .index_about_01 .about_txt .bnt{margin-top: 20px;} .index_about_01 .about_img{float: right;width: 40%;background-color: #cc0000;} .index_about_01 .about_img img{width: 100%;max-height: 420px;} /*新闻列表01*/ .index_news_01{} .index_news_01 .news_cate{text-align: center;} .index_news_01 .news_cate>ul{margin: 40px auto 20px auto;} .index_news_01 .news_cate>ul::after{clear: both;} .index_news_01 .news_cate>ul>li{ display: inline-block; background-color: #fff; border-radius: 25px; margin-left: 30px; transition:0.3s all ease; } .index_news_01 .news_cate>ul>li>a{display: inline-block;line-height: 30px;font-size: 20px;padding: 10px 30px;} .index_news_01 .news_cate>ul>li>a:hover{text-decoration: none;} .index_news_01 .news_cate>ul>li:hover{background-color: #69439A;} .index_news_01 .news_cate>ul>li:hover a{color: #fff;} .index_news_01 .news_cate>ul>li.active{background-color: #69439A;} .index_news_01 .news_cate>ul>li.active a{color: #fff;} .index_news_01 .news_con{padding-top: 20px;} .index_news_01 .news_list{background-color: #fff;box-sizing: border-box;} .index_news_01 .news_list .tupian_news{width: 34%;height: 420px;border-right: 1px solid #efefef;box-sizing: border-box;padding: 22px;float: left;} .index_news_01 .news_list .tupian_news img{width: 360px;height: 270px;} .index_news_01 .news_list .tupian_news .title{font-size: 20px; color:#333;line-height: 40px;} .index_news_01 .news_list .tupian_news .title a{color:#333;} .index_news_01 .news_list .tupian_news .title a:hover{text-decoration: none;color: #69439A;} .index_news_01 .news_list .tupian_news .descript {color: #999;font-size: 14px;} .index_news_01 .news_list .tupian_news .descript a{color: #999;} .index_news_01 .news_list .tupian_news .info{margin-top: 10px;} .index_news_01 .news_list .tupian_news .info .date{font-size: 12px; color: #999;float: right;background-color: #efefef;display: inline-block;padding: 5px 10px;border-radius: 4px;} .index_news_01 .news_list .news_item{float: right;width: 66%;height: 420px;box-sizing: border-box;} .index_news_01 .news_list .news_item li{width: 50%;box-sizing: border-box;height: 140px;float: left;padding: 22px;border-bottom: 1px solid #efefef;transition:0.3s all ease;} .index_news_01 .news_list .news_item li:nth-child(odd){border-right: 1px solid #efefef;} .index_news_01 .news_list .news_item li:nth-child(even){} .index_news_01 .news_list .news_item li:nth-child(5){border-bottom: 0px} .index_news_01 .news_list .news_item li:nth-child(6){border-bottom: 0px} .index_news_01 .news_list .news_item li .date{width: 20%;text-align: center;padding-top: 10px;float: left;} .index_news_01 .news_list .news_item li .date .day{font-size: 38px;color: #333;} .index_news_01 .news_list .news_item li .date .ym{font-size: 14px;color: #999;} .index_news_01 .news_list .news_item li .con{width: 80%;box-sizing: border-box;float: left;padding-top: 5px;padding-left: 10px;} .index_news_01 .news_list .news_item li .con .title{font-size: 20px; color:#333;line-height: 40px;} .index_news_01 .news_list .news_item li .con .title a{color: #333;} .index_news_01 .news_list .news_item li .con .title a:hover{text-decoration: none;} .index_news_01 .news_list .news_item li .con .descript{color: #999;font-size: 14px;} .index_news_01 .news_list .news_item li:hover {background-color: #69439A;color: #fff;} .index_news_01 .news_list .news_item li:hover .date .day{color: #fff;} .index_news_01 .news_list .news_item li:hover .date .ym{color: #fff;} .index_news_01 .news_list .news_item li:hover .con .title{color:#fff;} .index_news_01 .news_list .news_item li:hover .con .title a{color:#fff;} .index_news_01 .news_list .news_item li:hover .con .descript{color: #fff;} /*links style*/ .links .title01 { font-size: 24px; text-align: left; color: #69439A; line-height: 32px; height: 32px; font-family: "MicroSoft YaHei", "SimHei"; overflow: hidden; } .links .title01 span{ font-size: 14px; color: #999; } .links .line { border-bottom: 2px solid #69439A; } .links .links_list { margin-top: 10px; background-color: #fff; margin-bottom: 20px; } .links .links_list ul { padding: 12px; min-height: 28px; } .links .links_list ul li { float: left; margin-right: 20px; margin-left: 20; } .links .links_list ul li a { font-size: 14px; color: #999; line-height: 28px; text-decoration: underline; } .links .links_list ul li a:hover { color: #69439A; } /*footer*/ .footer { background-color:#fff;padding: 30px 0px; color: #333; line-height: 1.6; margin-top: 40px; border-top: 5px solid #69439A;} .footer a { color: #333; } .footer .footnav{} .footer .footnav ul{height: 150px;} .footer .footnav ul>li{float: left;text-align: left;} .footer .footnav ul>li.navlinks{width: 250px;padding-left: 30px;border-left: 1px solid #eee;} .footer .footnav ul>li.navlinks2{border-right: 1px solid #eee;padding-left: 60px;width: 190px;} .footer .footnav ul>li.navlinks ul{padding-top: 10px;} .footer .footnav ul>li.navlinks .title{font-size: 26px;} .footer .footnav ul>li.navlinks li{float: left;width: 50%;font-size: 16px;line-height: 30px;} .footer .footnav ul>li.navlinks li.s2{float: none;} .footer .footnav ul>li.contact{padding-left: 30px;width: 500px;} .footer .footnav ul>li.contact .title{font-size: 26px;} .footer .footnav ul>li.contact .tel{border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 15px 0px;padding: 15px 0px;color: #ddd;} .footer .footnav ul>li.contact .tel .tt{color: #666;} .footer .footnav ul>li.contact .tel span{color:#69439A;font-size: 22px;} .footer .footnav ul>li.contact i{margin-right: 12px;} .footer .footnav ul>li.qrcode{float: right;} .footer .footnav ul>li.qrcode ul{} .footer .footnav ul>li.qrcode ul li{text-align: center;} .footer .footnav ul>li.qrcode ul li:nth-child(1){margin-right: 40px;} .footer .footinfo{border-top: 1px solid #ccc;margin-top: 40px;padding-top: 20px;position: relative;} .footer .footinfo .gotop{position: absolute;right: 0px;top: 0px;font-size: 32px;cursor: pointer;} .footer .footinfo .gotop:hover{color:#69439A;} .footer .footinfo .gotop span{} .footer .footinfo .gotop i{margin-left: 10px;} /*********************************************************************************page style1****************************************************/ .page_style01{ } .page_style01 .page_info{ line-height: 80px; } .page_style01 .catpos{ font-size: 12px; float: right; } .page_style01 .catname{ float: left; } .page_style01 .catname h1{ font-size: 24px; } .page_style01 .catname i{ margin-right: 10px; } .page_style01 .catnav{ padding: 10px; background-color: #fff; margin-bottom: 40px; } .page_style01 .catnav .catlevel1{ } .page_style01 .catnav .catlevel1 ul{ margin-left: -30px; } .page_style01 .catnav .catlevel1 ul>li{ float: left; margin-left: 30px; font-size: 16px; background-color: #f5f5f5; padding: 5px 10px 5px 10px; border-radius: 3px; } .page_style01 .catnav .catlevel1 ul>li>a{ text-decoration: none; } .page_style01 .catnav .catlevel1 ul>li:hover{ background-color: #69439A; } .page_style01 .catnav .catlevel1 ul>li:hover a{ color: #fff; } .page_style01 .catnav .catlevel2{ clear: both; border-top: 1px solid #f5f5f5; margin-top: 10px; padding-top: 10px; } .page_style01 .catnav .catlevel2 ul{ margin-left: -30px; } .page_style01 .catnav .catlevel2 ul>li{ float: left; margin-left: 30px; font-size: 12px; background-color: #f5f5f5; padding: 5px 10px 5px 10px; border-radius: 3px; } .page_style01 .catnav .catlevel2 ul>li>a{ text-decoration: none; } .page_style01 .catnav .catlevel2 ul>li:hover{ background-color: #69439A; } .page_style01 .catnav .catlevel2 ul>li:hover a{ color: #fff; } .page_style01 .catnav .catlevel1 li.curr{ background-color: #69439A; } .page_style01 .catnav .catlevel1 li.curr a{ color: #fff; } .page_style01 .catnav .catlevel2 li.curr{ background-color: #69439A; } .page_style01 .catnav .catlevel2 li.curr a{ color: #fff; } /** **/ .page_style01 .page_sidebar { width: 250px; float: left; } .page_style01 .page_sidebar .title{ } .page_style01 .page_sidebar .side_cat { background-color: #fff;} .page_style01 .page_sidebar .side_cat .title { font-size: 18px; color: #fff; padding: 12px 12px; font-family: "MicroSoft YaHei", "SimHei"; background-color: #69439A;} .page_style01 .page_sidebar .side_cat i{ margin-right: 10px; } .page_style01 .page_sidebar .side_cat .catelist{ padding: 12px; } .page_style01 .page_sidebar .side_cat .catelist li{ margin-top: 10px; } .page_style01 .page_sidebar .side_contact { background-color: #fff; margin-top: 30px; } .page_style01 .page_sidebar .side_contact .title { font-size: 18px; color: #fff; padding: 12px; font-family: "MicroSoft YaHei", "SimHei"; background-color: #69439A;} .page_style01 .page_sidebar .side_contact i{ margin-right: 10px; } .page_style01 .page_sidebar .side_contact .content{ padding: 12px; font-size: 14px; line-height: 1.5; } .page_style01 .page_sidebar .side_contact .content h5{ font-size: 16px; line-height: 40px; } .page_style01 .page_sidebar .side_hot{ background-color: #fff; margin-top: 30px; } .page_style01 .page_sidebar .side_hot .title { font-size: 18px; color: #fff; padding: 12px; font-family: "MicroSoft YaHei", "SimHei"; background-color: #69439A;} .page_style01 .page_sidebar .side_hot i{ margin-right: 10px; } .page_style01 .page_sidebar .side_hot .content{ padding: 12px; } .page_style01 .page_sidebar .side_hot .content ul{ } .page_style01 .page_sidebar .side_hot .content ul li{ clear: both; margin-top: 10px; } .page_style01 .page_sidebar .side_hot .content ul li:hover{} .page_style01 .page_sidebar .side_hot .content ul li .thumb{ float: left; width: 80px; } .page_style01 .page_sidebar .side_hot .content ul li .thumb img{ width: 100%; height: 60px; } .page_style01 .page_sidebar .side_hot .content ul li .info{ float: left; margin-left: 10px; width: 130px; height: 60px; } .page_style01 .page_sidebar .side_hot .content ul li .info .title{ background-color: #fff;color: #333; font-size: 14px; border: 0px; padding: 0px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } .page_style01 .page_sidebar .side_hot .content ul li .info .desc{ font-size: 12px; color: #999; line-height: 18px; word-break:break-all; overflow: hidden; height: 36px; } .page_style01 .page_sidebar .side_hot .content ul li .info .date{ font-size: 10px; color: #999; } .page_style01 .page_sidebar .side_hot .content ul li .info .date i{ margin-right: 5px; color: #666; } /*单页样式01*/ .page_style01 .page_content{ width: 920px; float: right; } .page_style01 .page_content .content{ background-color: #fff; padding: 30px 30px; min-height: 500px; font-size: 16px; line-height: 1.6;font-family: "MicroSoft YaHei", "SimHei"; } .page_style01 .page_content .content .pagetitel{ font-family: "MicroSoft YaHei", "SimHei"; text-align: left; } .page_style01 .page_content .content .prodtitel{ font-family: "MicroSoft YaHei", "SimHei"; text-align: center; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 15px; } .page_style01 .page_content .content .txt{ font-size: 16px; line-height: 1.6; padding: 10px; } .page_style01 .page_content .content .txt img{ max-width: 100%; margin: 10px; } .page_style01 .page_content .artinfo{ color: #999; text-align: left; font-size: 12px; line-height: 50px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .page_style01 .page_content .artinfo span{ margin-right: 15px; } .page_style01 .page_content .page_tools{ line-height: 36px; margin-top: 10px; } .page_style01 .page_content .page_tools .prev_next{ text-align: center; } .page_style01 .page_content .page_tools .prev_next .prev{ margin-right: 30px; } .page_style01 .page_content .page_tools .prev_next .netx{ } .page_style01 .page_content .page_tools .content_pages{ } .product_list{ } .product_list ul{ margin-left: -30px; } .product_list ul li{ margin: 0px 0px 30px 30px; padding: 6px; background-color: #fff; width: 240px; float: left; } .product_list ul li:hover{ box-shadow: 0px 0px 10px #bbb; } .product_list ul li a{ text-decoration: none; } .product_list ul li .thumb{ } .product_list ul li img{ width: 240px; height: 180px; } .product_list ul li .product_name{ font-size: 14px; line-height: 40px; text-align: center; max-width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } /*带有描述信息的下载列表*/ .downlist_info{ } .downlist_info li{ border-bottom: 1px solid #ebebeb; height: 124px; overflow: hidden; padding: 10px 0px 10px 0px; } .downlist_info .images{ float: left; background-color: white; border: 1px solid #ebebeb; padding: 1px; } .downlist_info .images img{ width: 120px; height: 120px; } .downlist_info .info{ float: left; margin-left: 15px; } .downlist_info .title{ font-size: 18px; line-height: 26px; } .downlist_info .title a{ color: #333; text-decoration: underline; } .downlist_info .title a:hover{ color: #69439A; text-decoration: underline; } .downlist_info .desrciption{ font-size: 12px; color: #999; line-height: 25px; height: 50px; overflow: hidden; } .downlist_info .fileinfo{ font-size: 12px; color: #999; line-height: 20px; } .downlist_info .fileinfo span{ color: #333; padding-right: 15px; } /*带图片的新闻列表*/ .newslist_img { } .newslist_img ul{ margin-top: -20px; } .newslist_img li{ overflow: hidden; padding: 10px; background-color: #fff; margin-top: 20px; } .newslist_img .images{ float: left; } .newslist_img .images img{ width: 160px; height: 120px; } .newslist_img .info{ float: left; margin-left: 15px; border: 0px; } .newslist_img .title{ font-size: 18px; line-height: 26px; font-family: "MicroSoft YaHei", "SimHei"; } .newslist_img .title a{ color: #333; text-decoration: underline; } .newslist_img .title a:hover{ color: #69439A; text-decoration: underline; } .newslist_img .desrciption{ font-size: 12px; color: #999; line-height: 1.5; height: 50px; overflow: hidden; width: 712px; } .newslist_img .fileinfo{ font-size: 12px; color: #999; line-height: 20px; } .newslist_img .fileinfo span{ color: #333; padding-right: 15px; } /*视频ul列表样式01*/ .video_list01 { padding: 0px; margin-left: -25px; margin-top: 20px; } .video_list01 li{ float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 8px; width: 310px; background-color: white; margin-left: 25px; margin-bottom: 30px; } .video_list01 li:hover{ box-shadow: 0px 0px 10px #aaa; } .video_list01 .images{ } .video_list01 .images img{ width: 310px; height: 200px; } .video_list01 .info{ } .video_list01 .info .title{ line-height: 40px; height: 40px; overflow: hidden; } .video_list01 .info .title a{ font-size: 18px; text-decoration: none; color: #333; } .video_list01 .info .title a:hover{ text-decoration: underline; } .video_list01 .info .desrciption{ font-size: 14px; color: #999; line-height: 24px; height: 20px; overflow: hidden;padding-bottom: 10px; } /* */ .photo_list01 { padding: 0px; margin-left: -25px; margin-top: 20px; } .photo_list01 li{ float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 8px; width: 310px; background-color: white; margin-left: 25px; margin-bottom: 30px; } .photo_list01 li:hover{ box-shadow: 0px 0px 10px #aaa; } .photo_list01 .photo_thumb{ } .photo_list01 .photo_thumb img{ width: 310px; height: 200px; } .photo_list01 .title{ line-height: 40px; height: 40px; overflow: hidden; text-align: center;} .photo_list01 .title a{ font-size: 18px; text-decoration: none; color: #333; } .photo_list01 .title a:hover{ text-decoration: underline; } /* */ .photo_list_cert01 { padding: 0px; margin-left: -90px; margin-top: 20px; } .photo_list_cert01 li{ float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 18px; width: 240px; background-color: white; margin-left: 90px; margin-bottom: 50px; } .photo_list_cert01 li:hover{ box-shadow: 0px 0px 10px #aaa; } .photo_list_cert01 .photo_thumb{ } .photo_list_cert01 .photo_thumb img{ width: 240px; height: 320px; } .photo_list_cert01 .title{ line-height: 40px; height: 40px; overflow: hidden; text-align: center;} .photo_list_cert01 .title a{ font-size: 18px; text-decoration: none; color: #333; } .photo_list_cert01 .title a:hover{ text-decoration: underline; } /**************************************************************************guestbook style******************************************************/ .guestbook_list{ } .guestbook_list dl{ border: 1px solid #ebebeb; margin: 10px 0px 10px 0px; padding: 10px; } .guestbook_list dt{ border-bottom: 1px solid #ebebeb; font-size: 16px; line-height: 30px; } .guestbook_list dt span{ color: #999; font-weight: normal; font-size: 12px; float: right; } .guestbook_list dd{ font-size: 14px; } .guestbook_list dd.g_content{ color: #555; padding: 10px; } .guestbook_list dd.reply_content{ padding: 10px; background-color: #FFF9F7; margin-top: 5px; color:#FF4D4D; } .post_box{ border: 1px solid #ebebeb; margin-top: 10px; } .post_box h5{ color: #333; font-size: 18px; font-weight: normal; line-height: 30px; border-bottom: 1px solid #ebebeb; padding: 10px; font-family: "MicroSoft YaHei", "SimHei"; } .post_box h5 i{ padding: 0px 10px 0px 10px; } .post_box .table_form{ margin: 20px 0px 20px 0px; } .post_box td{ padding: 4px 0px 4px 0px; } .post_box input,textarea{ padding: 2px 5px 2px 5px; font-size: 16px; line-height: 22px; border: 1px solid #ebebeb; } .post_box .submit{ background-color: #69439A; color: white; font-style: 14px; padding: 5px 45px 5px 45px; } .post_box .reset{ background-color: #000000; color: white; font-style: 14px; padding: 5px 45px 5px 45px; } /**/ .pages{ padding: 10px; } .gallery { width: 100%; overflow: hidden; margin-left: auto; margin-right: auto; } .gallery img { display: block; } .main-image img { padding: 4px; border: 1px solid #ebebeb; background-color: #fff; margin-left: auto; margin-right: auto; } .thumbnails { height: 85px; text-align: center; display: table; margin-left: auto; margin-right: auto; margin-top: 20px; } .thumbnails li { float: left; margin-left: 15px; } .thumbnails img { padding: 4px; border: 1px solid #ebebeb; background-color: #fff; margin-left: auto; margin-right: auto; } .photo_desc { color: #666; font-size: 14px; line-height: 1.5; background-color: white; height: 94px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; padding: 6px; border: dotted 1px #ebebeb; } .prod_photo { width: 350px; float: left; } .prod_info { width: 500px; float: right; } .prod_info .info { float: left; } .prod_info .info a { color: #333; } .prod_info h2 { color: #333; font-size: 16px; font-weight: bold; line-height: 30px; margin: 0 0 14px; padding: 0 0 8px; border-bottom: 1px solid #ebebeb; } .prod_info h3 { font-size: 14px; margin: 0; padding: 0; } .prod_info .service { color: white; font-size: 16px; line-height: 34px; background-color: #69439A; text-align: center; width: 170px; margin-top: 20px; margin-bottom: 20px; } .prod_info .service a { color: white; font-weight: bold; } .prod_info .info_desc { font-size: 14px; line-height: 1.5; color: #666; background-color: #f5f5f5; min-height: 40px; margin-top: 10px; } #qrcode { width: 120px; float: right; } .prod_content { margin-top: 30px; line-height: 1.5; } .prod_content .title { border-bottom: 1px solid #ebebeb; margin-bottom: 20px; } .prod_content .title span { line-height: 35px; background-color: #333; color: #fff; font-size: 16px; display: block; width: 100px; text-align: center; } /*上一个、下一个*/ .prod_prev_next { font-size: 16px; color: #999; line-height: 40px; margin-top: 30px; } .prod_prev_next .prev { padding-right: 20px; } .prod_prev_next .next { padding-left: 20px; } .prod_prev_next a { color: #333; } .fg20 { height: 40px; } /*download style*/ /*pages nav style*/ #pages { padding: 30px 0px; text-align: left; clear: both; margin-top: 50px; text-align: center; margin-bottom: 50px; border-top: 1px solid #ccc;} #pages a { display: inline-block; padding: 5px 20px; height: 22px; font-size: 14px; line-height: 22px; background: #fff; border: solid 1px #e3e3e3; text-align: center; color: #333; margin-right: 3px; margin-left: 3px; text-decoration: none; } #pages a.a1 { padding: 5px 20px; height: 22px; line-height: 22px; margin-top: 0px; } #pages a:hover { background:#69439A; color: #fff; text-decoration: none; } #pages span { font-size: 14px; display: inline-block; padding: 5px 20px; height: 22px; line-height: 22px; background: #69439A; color: #fff; text-align: center; margin-right: 3px; margin-left: 3px; border: solid 1px #69439A; } .page .noPage { display: inline-block; padding: 4px 19px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; } /*kefu style*/ .kefu { color: #333; width: 99px; height: 60px; position: absolute; top: 0; } .kefu .kftop { background-image: url(../images/kefu_top.gif); background-repeat: no-repeat; height: 50px; } .kefu .kfbottom { background-image: url(../images/kefu_bottom.gif); background-repeat: no-repeat; height: 14px; } .kefu .kfbox { border-left: 1px solid #e8dcdb; border-right: 1px solid #e8dcdb; overflow: hidden; zoom: 1; padding: 1px; background: #fff; color: #d3d3d3; line-height: 26px; } .kefu .kfbox ul { padding-right: 6px; padding-left: 3px; } .kefu .kfbox ul li { color: #333; font-size: 14px; } .kefu .kfbox ul li.tit { color: #800000; font-size: 12px; } .kefu .kfbox ul li img { vertical-align: middle; } @media (min-width: 1440px) { /*如果屏幕分辨率大于1440px*/ .page_main { margin-left: auto; margin-right: auto; width: 1400px; } .index_prodlist01 .prodlist ul{ margin-left: -20px; } .index_prodlist01 .prodlist li{ width: 200px; background-color: #fff; padding: 6px; float: left; margin-left: 20px; margin-top: 30px; } /*首页优势图标列表01*/ .index_icon_list01 .list>ul{ margin-left: -105px; } .index_icon_list01 .list>ul>li{ width: 250px; height: 360px; background-color: #fff; display: inline-block; margin-left: 105px; text-align: center; border-radius:8px; border: 5px solid #69439A; box-shadow: 0px 0px 20px #eee;-webkit-transition-duration: 0.5s; transition-duration: 0.3s; -webkit-transition-property: color, background-color,border; transition-property: color, background-color,border; } .index_icon_list01 .list>ul>li:hover{ border: 5px solid #EB540D; } .index_icon_list01 .list>ul>li>.icon{ width: 100px; height: 100px; padding: 20px; font-size: 90px; border-radius:100px; background-color: #69439A; margin: 20px auto; color: #fff; } .index_icon_list01 .list>ul>li:hover>.icon{ background-color: #EB540D; color: #fff;animation: rotate 0.9s linear 1; } .index_icon_list01 .list>ul>li>.title{ font-size: 26px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 36px; color: #000; } .index_icon_list01 .list>ul>li>.con{ font-size: 14px; color: #666; line-height: 1.6; padding: 10px 12px 0px 12px; min-height: 140px; } /*bmore bnt*/ .bmore_bnt{ text-align: center; color: #fff; display: inline-block; background-color: #EB540D; font-size: 20px; line-height: 30px; padding: 10px 30px; border-radius: 25px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color,padding; transition-property: color, background-color,padding; } .bmore_bnt:hover{color: #fff;text-decoration: none;padding: 10px 80px;} .index_imglist_gd01 .list li{} .index_imglist_gd01 .list li img{ box-shadow: 0px 0px 10px #ccc; background-color: #fff; padding: 5px; width: 210px;height: 165px;} .index_news_01 .news_list .tupian_news img{width: 100%;max-height: 270px;} .page_style01 .page_content{ width: 1120px; float: right; } /*1440px end*/ }