/* CSS Document */ /* CSS Document */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;} body{ min-width: 1200px; font-size:12px; color:#666666; font-family:微软雅黑; background:#fff;} *{ padding:0; margin:0;} table{border-collapse:collapse;border-spacing:0;} ul,ol,li{list-style:none;} a{text-decoration:none; color:#2c2c2c; } a:hover{text-decoration:none; color:#D9271B;} .cl{ clear:both; height:10px;} img{ border:none;} .header{ height:95px; background:#fff;} .header ul{ display:block; width:1000px; margin:0 auto;} .t_r{ display:block; float:right; width:280px; margin-top:15px; text-align:right;} .t_r em{ font-style: normal; line-height:35px;font-size:14px; padding-left:10px; padding-bottom:5px;} .t_r em span{color:#D9271B; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .topNav{position:relative; z-index:11111; height:45px; line-height:45px; } .topNav-width{ width:1000px; margin:0 auto; } .topNav h3{ font-weight:normal; font-size:100%; } .topNav dl{ zoom:1; } .topNav .tnLeft{ float:left; } .topNav .tnRight{ float:right; } .topNav dd{ float:left; position:relative; } .topNav dd h3{ float:left; } .topNav dd h3 a{ display:inline-block; *display:inline; zoom:1; line-height:45px; height:45px; width:142px; text-align:center; font-size:16px; color:#fff;} .topNav dd h3 a i{ display:inline-block; width:8px; height:5px; margin:0 0 0 5px; overflow:hidden; vertical-align:middle; font-size:12px; line-height:13px; background: url(http://www.sotooip.com/statics/images/icon.png) no-repeat; } .topNav dd h3 a:hover{ color:#fff;} .topNav dd h3 a:hover, .topNav dd.on h3 a{ background:#A70B0F;} .topNav dd ul{ display:none; /*默认隐藏*/ position:absolute; width:142px; top:45px; left:0; background:url(../image/bg_png.png);} .topNav dd ul li{ line-height:35px;} .topNav dd ul li a{ display: block; color:#fff; padding: 0 15px; font-size:14px; text-align:center;} .topNav dd ul li a:hover{ background:#A70B0F; color:#fff; } .topNav dd ul li a span{ color:#fff; margin-left:5px;} /* flexslider */ .flexslider {margin: 0;padding: 0;position: relative;z-index: 1} .slides{position:relative;z-index:1;} .slides li{height:480px;} .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:25px;height:8px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:25px;height:8px;line-height:40px;cursor:pointer; background:#fff;opacity: 0.5; overflow:hidden;} .flex-control-nav .flex-active{opacity:1;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(http://www.sotooip.com/statics/images/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(http://www.sotooip.com/statics/images/next.png) center center no-repeat;} .main{ width:1000px; margin:0 auto;} .title{ font-size:20px; line-height:50px; height:50px; border-bottom:3px solid #E1E1E1; text-align:center; color:#F00611} .title span{ display:inline-block; line-height:50px; border-bottom:3px solid #F00611; padding:0 15px;} .service{ width:1000px; margin:0 auto;} .slist li{ display:block; width:144px; float:left; margin-right:141px; padding-top:30px;} #s1{ display:block; width:144px; height:50px; background:url(../image/s1.png) no-repeat; padding-top:144px; line-height:50px; text-align:center; font-size:16px; color:#F00611} #s1:hover{ background:url(../image/s11.png) no-repeat;} #right{ margin-right:0; float:right;} #s2{ display:block; width:144px; height:50px; background:url(../image/s2.png) no-repeat; padding-top:144px; line-height:50px; text-align:center; font-size:16px; color:#F00611} #s2:hover{ background:url(../image/s22.png) no-repeat;} #s3{ display:block; width:144px; height:50px; background:url(../image/s3.png) no-repeat; padding-top:144px; line-height:50px; text-align:center; font-size:16px; color:#F00611} #s3:hover{ background:url(../image/s33.png) no-repeat;} #s4{ display:block; width:144px; height:50px; background:url(../image/s4.png) no-repeat; padding-top:144px; line-height:50px; text-align:center; font-size:16px; color:#F00611} #s4:hover{ background:url(../image/s44.png) no-repeat;} #s5{ display:block; width:144px; height:50px; background:url(../image/s5.png) no-repeat; padding-top:144px; line-height:50px; text-align:center; font-size:16px; color:#F00611} #s5:hover{ background:url(../image/s55.png) no-repeat;} #s6{ display:block; width:144px; height:50px; background:url(../image/s6.png) no-repeat; padding-top:144px; line-height:50px; text-align:center; font-size:16px; color:#F00611} #s6:hover{ background:url(../image/s66.png) no-repeat;} #s7{ display:block; width:144px; height:50px; background:url(../image/s7.png) no-repeat; padding-top:144px; line-height:50px; text-align:center; font-size:16px; color:#F00611} #s7:hover{ background:url(../image/s77.png) no-repeat;} #s8{ display:block; width:144px; height:50px; background:url(../image/s8.png) no-repeat; padding-top:144px; line-height:50px; text-align:center; font-size:16px; color:#F00611} #s8:hover{ background:url(../image/s88.png) no-repeat;} .box1{ background:#F6F6F6; clear:both; overflow: hidden} .case{ width:1000px; margin:0 auto; height:350px;} .clist li{ display:block; width:185px; height:105px; float:left; margin-right:18px; padding-top:30px;} .clist li a img{ width:183px; height:103px; border:1px solid #dddddd;} .clist li a:hover img{} .footer{ height:140px; background:#CCCCCC; color:#434343;} .footerc{ width:1040px; margin:0 auto; line-height:30px; padding:10px;} .footer ul{ display:block; width:400px; float:left;} .footer dl{ display:block; width:130px; float:right; text-align:center;} .footer dl img{ width:100px; height:100px;} .about{ height:320px; width:1000px; margin:0 auto;} .about ul{ padding-top:40px;} .about_pic{ display:block; width:495px; height:180px; float:left;} .about_pic img{ width:495px; height:180px;} .about_c{ width:480px; float:right; line-height:26px; text-indent:2em} .about_c a{ color:#D9271B;} .box2{ height:500px; background:#F6F6F6; clear:both;} .news{ width:1000px; margin:0 auto;} .newslist2{ width:285px; padding:15px; border:2px solid #dddddd; margin-top:50px; overflow:hidden; float:left; margin-right:20px;} .newslist2_title img{ width:285px; height:105px;} .newslist2_title span{ font-size:16px; float:left; line-height:30px;} .newslist2_title a{ font-size:14px; float:right; line-height:30px;} .newslist22{ padding-top:10px; clear:both;} .newslist22 li{ line-height:28px; border-bottom:1px dashed #dddddd; height:28px; clear:both;} .newslist22 li a{ float:left;} .newslist22 li span{ float:right;} .content{ background:#fff; padding:20px; overflow:hidden; width:1000px; margin:0 auto; clear:both;} .c_l{ width:225px; float:left;} .menu li h1{ background:#D9271B; color:#fff; font-size:14px;} .menu li{ height:40px; line-height:40px; text-indent:20px; border-bottom:1px solid #F2F2F2;} .menu li a{ display:block; height:40px;} .menu li a:hover{ background:#F2F2F2; border-left:5px solid #D9271B; text-indent:15px;} .menu li a span{ float:right; padding-right:20px;} .code{ padding:12px; background:#F2F2F2; text-align: center; line-height:30px; margin-top:20px;} .c_r{ width:750px; float:right;} .r_title{ margin-bottom:10px;} .r_title li{ display:inline;} .r_title li h1{ font-size:14px; float:left;} .r_title li p{ float:right;} .r_title{ height:35px; border-bottom:1px solid #F2F2F2; line-height:35px;} .contact{ border:2px solid #dddddd; clear:both; margin-top:20px;} .contact li h1{ background:#D9271B; color:#fff; font-size:14px; height:40px; line-height:40px; text-indent:20px;} .contact li { line-height:30px;} .newslist .date{ display:block; width:70px; height:80px; background:#D9271B; float:left;} .newslist .date span{ line-height:55px; display:block; height:55px; color:#fff; font-size:20px; text-align:center;} .newslist .date i{ font-style: normal; line-height:25px; font-size:12px; color:#fff; display:block; height:25px; background:#B4050C; text-align:center;} .newslist .newscc{ display:block; width:640px; float:right;} .newslist .newscc a{ font-size:14px; color:#D9271B; line-height:30px;} .newslist .newscc p{ line-height:20px;} .newslist .newscc p a{ font-size:12px;} .newslist li{ padding-bottom:20px; border-bottom:1px solid #dddddd; overflow:hidden; clear:both; padding-top:20px;} /* 本例子css */ .piclist .pic{ text-align:center;position:relative; width:220px; float:left; margin-right:28px; margin-bottom:20px; border:1px solid #ddd;} .piclist .pic img{ width:220px; height:160px; display:block;} .piclist .pic a:hover img{ border-color:#999; } .piclist .pic a{position:relative;overflow:hidden; width:220px;} .piclist .pic p{height:30px; line-height:30px; position:absolute; background:url(../image/bg_png.png); color:#fff; bottom:0px; width:220px; } .page{ text-align:center; clear:both; padding-top:10px; line-height:30px; } .page span{ padding:3px 8px; background-color:#F2030A; color:#fff;} .page a{ padding:3px 8px; color:#F2030A; background-color:#ccc; text-decoration:none;} .page a:hover{ color:#fff; background-color:#F2030A; text-decoration:none;} .service_title{ height:110px; border-bottom:1px solid #dddddd;} .service_title h1{ display:block; width:100px; height:100px; background:url(../image/ss11.png) #F2030A; float:left;} .service_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss11.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist li:hover{ background:url(../image/ss1.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist li:hover a{ color:#F2030A; } .service28_title{ height:110px; border-bottom:1px solid #dddddd;} .service28_title h1{ display:block; width:100px; height:100px; background:url(../image/ss22.png) #F2030A; float:left;} .service28_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist28 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss22.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist28 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist28 li:hover{ background:url(../image/ss2.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist28 li:hover a{ color:#F2030A; } .service29_title{ height:110px; border-bottom:1px solid #dddddd;} .service29_title h1{ display:block; width:100px; height:100px; background:url(../image/ss33.png) #F2030A; float:left;} .service29_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist29 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss33.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist29 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist29 li:hover{ background:url(../image/ss3.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist29 li:hover a{ color:#F2030A; } .service30_title{ height:110px; border-bottom:1px solid #dddddd;} .service30_title h1{ display:block; width:100px; height:100px; background:url(../image/ss44.png) #F2030A; float:left;} .service30_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist30 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss44.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist30 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist30 li:hover{ background:url(../image/ss4.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist30 li:hover a{ color:#F2030A; } .service31_title{ height:110px; border-bottom:1px solid #dddddd;} .service31_title h1{ display:block; width:100px; height:100px; background:url(../image/ss44.png) #F2030A; float:left;} .service31_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist31 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss44.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist31 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist31 li:hover{ background:url(../image/ss5.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist31 li:hover a{ color:#F2030A; } .service32_title{ height:110px; border-bottom:1px solid #dddddd;} .service32_title h1{ display:block; width:100px; height:100px; background:url(../image/ss66.png) #F2030A; float:left;} .service32_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist32 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss66.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist32 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist32 li:hover{ background:url(../image/ss6.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist32 li:hover a{ color:#F2030A; } .service33_title{ height:110px; border-bottom:1px solid #dddddd;} .service33_title h1{ display:block; width:100px; height:100px; background:url(../image/ss66.png) #F2030A; float:left;} .service33_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist33 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss66.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist33 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist33 li:hover{ background:url(../image/ss6.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist33 li:hover a{ color:#F2030A; } .service34_title{ height:110px; border-bottom:1px solid #dddddd;} .service34_title h1{ display:block; width:100px; height:100px; background:url(../image/ss77.png) #F2030A; float:left;} .service34_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist34 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss77.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist34 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist34 li:hover{ background:url(../image/ss7.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist34 li:hover a{ color:#F2030A; } .service35_title{ height:110px; border-bottom:1px solid #dddddd;} .service35_title h1{ display:block; width:100px; height:100px; background:url(../image/ss88.png) #F2030A; float:left;} .service35_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist35 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss88.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist35 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist35 li:hover{ background:url(../image/ss8.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist35 li:hover a{ color:#F2030A; } .service43_title{ height:110px; border-bottom:1px solid #dddddd;} .service43_title h1{ display:block; width:100px; height:100px; background:url(../image/ss11.png) #F2030A; float:left;} .service43_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist43 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss11.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist43 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist43 li:hover{ background:url(../image/ss1.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist43 li:hover a{ color:#F2030A; } .service42_title{ height:110px; border-bottom:1px solid #dddddd;} .service42_title h1{ display:block; width:100px; height:100px; background:url(../image/ss55.png) #F2030A; float:left;} .service42_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist42 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss55.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist42 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:40px;} .sslist42 li:hover{ background:url(../image/ss5.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist42 li:hover a{ color:#F2030A; } .service45_title{ height:110px; border-bottom:1px solid #dddddd;} .service45_title h1{ display:block; width:100px; height:100px; background:url(../image/ss77.png) #F2030A; float:left;} .service45_title ul{ display:block; width:630px; float:right; line-height:40px;} .sslist45 li{ display:block; width:144px; height:150px; float:left; background:url(../image/ss77.png) no-repeat #F2030A; background-position:center 10px; margin-top:20px; margin-right:30px;border:2px solid #fff; } .sslist45 li a{ color:#fff; font-size:14px; display:block; padding-top:100px; line-height:30px; text-align:center; line-height:20px;} .sslist45 li:hover{ background:url(../image/ss7.png) no-repeat #fff;background-position:center 10px; border:2px solid #F2030A; } .sslist45 li:hover a{ color:#F2030A; } .s_title{ font-size:20px; line-height:25px; border-bottom:1px dashed #dddddd; margin-bottom:20px;} .align-center { align-items: center; } .flex { display: flex; display: -webkit-flex; } .fl { float: left; } .wrap-content{ width:1200px; margin:0 auto; } .wrap-content a{ color: #fff; } .wrap-content .logo{ margin-left:120px; } .wrap-header{ width:100%; background: rgb(228, 13, 8); height: 73px; padding-top: 10px; } .wrap-header .logo img{ max-width: 160px; max-height: 62px; } .wrap-header .logo-text{ padding-left: 10px; } .wrap-header .logo-text .p1{ font-size: 20px; font-weight: bold; } .wrap-header .logo-text .p2{ font-size: 16px; } .wrap-header .nav{ margin-left:40px; margin-right:40px; width:720px; } .wrap-header .nav li{ float:left; padding:0 15px; } .wrap-header .right{ color:#fff; } .wrap-header .right span{ cursor: pointer; } .wrap-header .nav li a{ font-size: 16px; padding-bottom: 10px; color: #fff; } .wrap-header .nav li a:hover{ text-decoration: underline; color: #fff; } .wrap-header .right .tel{ position: relative; padding-lefT:20px; } .wrap-header .right .tel:before{ position: absolute; left:-3px; top:0px; content: ""; display: block; width:18px; height: 18px; background: url("../image/header-tel.png"); background-size: 18px 18px; } .wrap-footer{ background:#000; padding:40px 0 10px; color:#fff; } .wrap-footer .links a{ padding-right:10px; color:rgb(102, 102, 102); padding-bottom: 10px; } .wrap-footer .footer-main{ justify-content: space-between; margin-bottom: 30px; } .wrap-footer .left{ width:400px; } .wrap-footer .left h3{ font-weight: bold; font-size: 20px; line-height: 140%; padding-bottom: 10px; } .wrap-footer .left p{ color:rgb(102, 102, 102); line-height: 26px; } .wrap-footer .left p.p1 a{ color:rgb(102, 102, 102); } .wrap-footer .go-next{ width:150px; display: block; height: 35px; box-sizing: border-box; line-height: 34px; color:#fff; border:1px solid #fff; text-align: center; margin-top:20px; } .wrap-footer .go-next:hover{ color:rgba(228,13,8,1); border-color:rgba(228,13,8,1); } .wrap-footer .right .base-info{ text-align: right; margin-right:30px; } .wrap-footer .right .wxCode img{ width:140px; height: auto; } .wrap-footer .right .base-info h4,h5{ font-size: 14px; font-weight: normal; } .wrap-footer .right .base-info h5{ text-transform: uppercase; font-size: 10px; color: rgb(255, 255, 255); margin-bottom:10px; } .wrap-footer .right .base-info p{ color:rgb(102, 102, 102); line-height: 26px; } .wrap-footer .right .base-info .p1{ } .wrap-footer .right .base-info .p1 span{ margin-left:20px; } .wrap-footer .right .wxCode p{ color:rgb(102, 102, 102); line-height: 26px; text-align: center; } .wrap-footer .copy-right{ color:#fff; font-size: 14px; text-align: center; border-top:1px solid rgb(102, 102, 102); padding-top:10px; }