@charset "utf-8"; html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:15px 微软雅黑;color:#444;} a { text-decoration: none; outline: none; color: #666; transition: 0.2s; } p{text-align: justify;text-justify:inter-ideograph;margin: 0;} li {list-style-type: none; vertical-align: top; margin: 0;padding:0;} ul {margin: 0;padding: 0;} img{margin: 0;padding: 0;border: 0; vertical-align: top;} h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0} dl,dt,dd{padding: 0;margin:0;} i,em{font-style: normal;} .fl {float:left;} .fr {float:right;} .clear{clear:both;} .w0{width: 100%;} .w1200{width: 1200px;margin:0 auto;} .w1140{width: 1140px;margin:0 auto;} .clearfix::after {content:""; display: block; clear:both; } .clearfix{zoom:1;} .clear { clear: both;font-size: 0;height: 0;line-height: 0;} .baseDiv{ width:1250px; margin:0 auto;overflow: hidden;} /*top*/ .head{ width:100%; position:relative; z-index:1000;} .head .head_top{height:35px; line-height:34px; font-size:14px; color:#666; background-color:#ececec; } .head .head_top .spanN{ padding:0 15px; color:#666; font-size:12px; } .head .head_top a{ color:#666; font-size:13px;} .head .head_top a:hover{ text-decoration:underline; color:#fff; } .head .head_logo{height:110px; } .head .head_logo .logoDiv{float:left; display:block; height:110px;position:relative; z-index:10;} .head .head_logo .logo02{ background:url(../images/logo02.png) center center no-repeat; height:110px; width:492px; margin-left:80px;} .head .head_logo .l1{ margin-top:15px;} .head .head_logo .l1 .ewm{ width:79px; height:79px; background:url(../images/ewm.png) center center no-repeat; background-size:90%; margin-left:20px; border:1px solid #ddd; } .head .head_logo .l1 .div1{text-align:center;} .head .head_logo .l1 .div1 .span1{ display:block; color:#666; font-size:20px; padding-bottom:8px;} .head .head_logo .l1 .div1 .span2{ display:block; background-color:#f6bf00; color:#fff; font-size:24px; font-weight:bold; line-height:35px; font-family:Arial; padding:5px 30px; border-radius:30px;} .head .head_logo .l1 .div1 .span2 i{font-size: 16px;font-weight: normal;line-height: 26px;position: relative;top: -2px} .head .head_logo .top_ewm{height:50px; width:50px; position:relative; z-index:100; border-radius:100%;} .head .head_logo .top_ewm01{ background:#f4f4f4 url(../images/icon01.png) center center no-repeat;} .head .head_logo .top_ewm .img{ width:84px; height:84px; background:url(../images/swt-icon.png) center center no-repeat; position:relative;z-index:100; margin:8px;} .head .head_logo .top_ewm .img img{ display:block; width:100%;} .head .head_logo .top_ewm .showImg{ display:none; position:absolute; top:100%; margin-top:12px; left:50%; width:170px; background-color:#fff; margin-left:-85px; border-radius:5px; border:1px solid #ebebeb; box-shadow:0 3px 10px rgba(0,0,0,0.1); border-top:2px solid #dc0000;} .head .head_logo .top_ewm .showImg::after{ content:''; display:block; width: 0; height:0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #dc0000; position:absolute; left:50%; top:-10px; z-index:100; margin-left:-7px;} .head .head_logo .top_ewm .showImg img{ display:block; width:140px; margin:15px auto; margin-bottom:0; } .head .head_logo .top_ewm .showImg span{ display:block; text-align:center; color:#dc0000; font-size:14px; padding:5px 0 15px 0; } .head .head_logo .top_ewm:hover .showImg{ display:block; } .nav{ position:relative; width:100%; background:#0657b2; border-bottom:5px solid #014596;} .navMain{ position:relative;} .nav .navMain .navLi{ float:left; position:relative; width:calc(100% / 7);} .nav .navMain .navLi.indexLi{ margin-left:0; } .nav .navMain .navLi.indexLi a.a1{ border:0;} .nav .navMain .navLi a.a1{ display:block; color:#fff; position:relative; height:53px; line-height:55px; width:100%; text-align:center; font-size:16px; border-left:1px solid #064491; font-weight:500; overflow:hidden;} .nav .navMain .navLi a.a1::after{ display: block; content:''; position:absolute; bottom:-1px; left:50%; width:40px; height:0px; border-bottom:1px solid #ffbf00; margin-left:-20px; -moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s; } .nav .navMain .navLi:hover a.a1,.nav .navMain .navLi.active a.a1{ color:#f6bf00; background-color:#014596;} .nav .navMain .navLi:hover a.a1::after,.nav .navMain .navLi.active a.a1::after{bottom:10px;} .nav .navMain .navLi .dh2{ width:420px; padding:10px 0; top:100%; left:0; position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background-color:#fff; border-top:3px solid #ffbf00; } .nav .navMain .navLi .dh2 a.a2{ display:block; width:190px; float:left; margin-left:10px; background-color:#fff; color:#333; line-height:20px; font-size:15px; padding:15px 0; border-bottom:1px solid #ebebeb;} .nav .navMain .navLi .dh2 a.a3 span{} .nav .navMain .navLi .dh2 a.a2 span{ padding-left:15px;} .nav .navMain .navLi .dh2 a.a2:hover span{ } .nav .navMain .navLi .dh2 a.a2:hover,.nav .navMain .navLi .dh2 a.a3:hover{ color:#fff; background-color:#0657b2; } .nav .navMain .navLi .dh2 a.a3{ display: block; width:200px; float:left; line-height:20px; font-size:14px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; } .nav .navMain .navLi:hover .dh2{ display:block;} /*banner start*/ .flexslider { margin: 0px auto 0px; position: relative; width: 100%; height:550px; overflow: hidden; zoom: 1; } .flexslider .slides li { width: 100%; height: 100%; } .flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; } .flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: rgba(0,0,0,0.3); display: block; height: 10px; overflow: hidden; text-indent: -99em; width: 10px; cursor: pointer; -webkit-transition: all 0s ease; border-radius: 10px; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background: #c10001; } .flexslider .slides a img{ width: 100%; height: 550px; display: block; } /*banner end*/ .title{ margin-bottom: 20px; text-align: center; } .title b{ font-size: 36px; color: #454545; letter-spacing: 1px; } .title p{ font-size: 15px; font-family: Arial; color: #aaa; line-height: 30px; text-align: center; } .title span{ color: #0858B2; } /*company start*/ .company{padding: 50px 0;} .company .com_r {width: 450px} .company .com_r ul li{margin-bottom: 25px;} .company .com_r ul li:nth-child(3) {margin-bottom: 0px;} .company .com_r i{display: inline-block;width: 70px;height: 70px;border:2px solid #0157AE;border-radius: 90px;text-align: center;line-height: 90px;margin: 10px 0;} .company .com_r span{display: inline-block;width: 350px;float: right;} .company .com_r span b{font-size: 20px;line-height: 260%} .company .com_r p{font-size: 17px} .company .com_l {width: 690px;} .company .com_l img{padding: 10px 0 15px 0;width: 690px} .company .com_l p{text-indent: 2em;line-height: 180%;} .company .com_l a{display:inline-block;line-height: 180%;color: #0157AE;border-bottom: 1px solid #0157AE;margin-top: 2%} .company > a {margin: 30px auto 0;width: 150px;color: #fff;line-height: 35px;font-size: 15px;display: block;background: url(../images/morebg.jpg) no-repeat center;text-indent: 1em} /*company end*/ /*product start*/ .product{background: url(../images/newbg.jpg) no-repeat center bottom #f6f6f6;} .product .probg{background: url(../images/probg.jpg) no-repeat center top;padding-bottom: 50px} .product .title{padding-top: 30px;} .product .title b{color: #fff;} .product .title span{color: #f6bf00;} .product .title p{color: #ddd;} .list{width: 270px;background: #0858B2;padding: 20px 15px;border: 5px solid #fff;border-radius: 0 50px;} .list p{text-align: center;font-size: 34px;color: #fff;letter-spacing: 2px;line-height: 50px} .list .xt{margin: 10px auto 20px;height: 5px;width: 50px;background: #F3C100;} .list ul{padding: 10px;margin: 10px 0;background: #fff;border-radius: 0 30px;} .list ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 30px;line-height: 32px;border-radius: 0 20px;background: url(../images/tb.jpg) no-repeat center left;} .list ul li a{font-size: 15px;color: #454545;} .list ul li:hover{background: url(../images/tb1.jpg) no-repeat center left;border-color: #F3C100} .product .list .tel{margin: 25px 0;padding-top: 70px;background: url(../images/tel1.png) no-repeat center top;} .product .list .tel p{line-height: 30px;color: #fff;font-size: 20px;display: block;letter-spacing: 0px;font-weight: normal;} .product .list .more{display: block;margin: 0 auto;margin-top: 20px;line-height: 30px;background: #fff;width: 120px;text-align: center;font-size: 15px;color: #0858B2;} .product .list .more:hover{background: #F3C100;color: #fff} .pro_body{width: 890px;} .pro_body ul li{width: 250px;padding: 10px;background:#efefef url(../images/pro_libg1.jpg) no-repeat center bottom;float: left;margin: 10px 0 0 16px;border: 5px solid #fff;} .pro_body ul li .img{width: 250px;height: 188px;overflow: hidden;} .pro_body ul li img{width: 250px;height: 188px; display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;} .pro_body ul li img:hover {transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);} .pro_body ul li p{font-size: 15px;display: block;width: 250px;height: 40px;line-height: 40px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #666;} .pro_body ul li:hover{background: #0858B2 url(../images/pro_libg.jpg) no-repeat center bottom;} .pro_body ul li:hover p{color: #fff; } /*product end*/ /*case start*/ .case{width:100%; padding:50px 0 35px;} .caz{width:1200px;margin: 0px auto;height:100%} .cabt{width:1200px;height:150px;background:url(../images/xfbt.png)no-repeat;text-align: center;} .cabt p{font-size: 40px;color: #00356f;font-weight: bold;padding: 40px 0px 0px 0px;text-align: center;letter-spacing: 2px;} .fazxC dl {margin-bottom: 20px; position: relative;} .fazxC dl dt img{ width:280px; height:210px;} .fazxC dl dd {width: 100%;position: absolute;left: 0;bottom: 0;line-height:35px;height:35px; overflow:hidden;font-size: 15px; color: #fff;text-align: center;background: rgba(0,0,0,0.7);transition: all 0.2s ease-in;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .fazxC dl:hover dd{height: 210px;line-height: 210px;} .fazxC .fazxCL {width: 280px;float: left;margin-right: 20px;} .fazxC .fazxCont {width: 598px;float: left;margin-right: 20px;position: relative;} .fazxC .fazxCont img{width: 598px;height: 440px;} .fazxC .fazxCont div {position: absolute;left: 0;bottom: 0;height:60px;width: 598px;background: url("../images/fazx_pbg.png") repeat-x center;} .fazxC .fazxCont div p {width: 450px;margin-left: 25px;line-height: 60px;height: 60px; overflow:hidden;font-size: 16px;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .fazxC .fazxCont div a {display: block;width: 60px;height: 60px;position: absolute;top: 0;right: 0;text-align: center;font-size: 16px;color: #ffffff;line-height: 54px;font-size: 50px;} .fazxC .fazxCR {width: 280px;float: left;} /*case end*/ /*advline start*/ .advline{height: 215px;background: url(../images/advline.jpg) no-repeat center;} /*new start*/ .news{padding: 50px 0;} .news .new_l{width:650px; float:left; padding-top: 10px;} .news .new_l .new_tit{border-bottom:1px solid #cccccc;height:48px; line-height: 48px;margin-bottom: 21px;} .news .new_l .new_tit span{display: block; font-size: 20px; color:#333333; padding-left:17px; background:url("../images/f.jpg") no-repeat left;border-bottom:1px solid #ba1319; width:100px;} .news .new_l dl{width:650px; height:177px;margin-bottom:18px;} .news .new_l dl dt{width:290px; height:177px;float:left;} .news .new_l dl dt img{width:290px; height:177px;} .news .new_l dl dd{width:315px; height:132px;float:left;background:#f1f1f1;padding:27px 19px 18px 23px; } .news .new_l dl dd span{display: block;margin-bottom: 10px;} .news .new_l dl dd span a{font-size: 18px; color:#333333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news .new_l dl dd p{ font-size: 14px; color:#999999;margin-bottom: 21px; line-height: 20px;} .news .new_l dl dd .ck{ font-size: 14px; color:#0858B2; float:right;padding-right:26px; background:url("../images/xq1.png") no-repeat right;} .news .new_l ul li{height:24px; line-height: 24px; padding-left:14px;background:url("../images/hg.jpg") no-repeat left;margin-bottom: 9px;padding-right: 5px;} .news .new_l ul li a{ font-size: 14px; color:#666666; } .news .new_l ul li a span{display:inline-block;width:520px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 15px} .news .new_l ul li a em{float:right;font-size: 14px; color:#666666;} .news .new_l ul li:hover a{color: #0858B2} .new_r{width:515px;float:right;padding-top:10px;} .new_r .new_tit{border-bottom:1px solid #cccccc;height:48px; line-height: 48px;margin-bottom: 21px;} .new_r .new_tit span{display: block; font-size: 20px; color:#333333; padding-left:17px; background:url("../images/f.jpg") no-repeat left;border-bottom:1px solid #ba1319; width:100px;} .new_r dl{border-bottom:1px dashed #999999;padding-bottom:22px;margin-bottom: 20px;} .new_r dl dt{height:23px; line-height: 23px; margin-bottom: 18px;} .new_r dl dt i{display: block; width:55px; height:23px; text-align: center;float:left; line-height: 22px; background:#0858B2; color:#FFF; margin-right: 6px;font-size: 16px} .new_r dl dt a{ font-size: 16px; color:#333333;width:445px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: right;} .new_r dl dd{ font-size: 14px; color:#999999;} .new_r ul li{width:100%;height: 60px;background: #f1f1f1;margin-top: 15px;padding: 10px} .new_r ul li:nth-child(1) {margin-top: 0px;} .new_r ul li .date{width: 80px;height: 60px;text-align: center;padding-right: 10px;} .new_r ul li .date b{font-size: 30px;line-height: 40px;} .new_r ul li .date p{text-align: center;line-height: 20px;font-size: 13px;} .new_r ul li .con{width:calc(100% - 120px);height: 60px;border-left: 1px solid #ddd;padding-left: 24px} .new_r ul li .con i{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 30px;font-size: 16px;} .new_r ul li .con p{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 30px;font-size: 14px;color: #999} .new_r ul li:hover {background: #0858B2;} .new_r ul li:hover a{color: #fff} .new_r ul li:hover p{color: rgba(255,255,255,0.7);} /*new end*/ /*liuyan start*/ .liuyan{height: 300px;background: url(../images/liuyanbg.jpg) no-repeat center;} .liuyan .ly_l{width: 280px;text-align: center;margin-left: -20px;} .liuyan .ly_l b{font-size: 30px;color: #094087;display: block;padding: 105px 0 10px;} .liuyan .ly_l p{text-align: center;font-size: 30px;color: #094087;display: block;} .liuyan .ly_r{width: 920px;} .liuyan .ly_r .ly_tel{width: 270px;padding-left: 30px;} .liuyan .ly_r .ly_tel p{font-size: 18px;color: #fff;display: block;padding: 60px 0 15px} .liuyan .ly_r .ly_tel b{font-size: 38px;font-family:"Times New Roman";color: #fff;letter-spacing: 2px} .liuyan .ly_r .ly_tel a{display: block;width: 120px;height: 35px;background: #fff;text-align: center;line-height: 35px;font-size: 16px;color: #094087;margin-top: 15px} .search {width: 570px;margin-top: 55px;} .search .tianxie{width: 265px;} .search .tianxie input{line-height: 47px;border: solid 1px #666666;border-radius: 5px;width: 538px;font-size: 16px;color: #333333;padding: 0 15px;margin-bottom: 23px;} .search .tianxie input::-webkit-input-placeholder{color:#999;} .search .tianxie .input2{width: 233px;} .search .tianxie .input3{width: 233px;} .search .code span{padding-right: 10px;color: #fff;font-size: 18px} .search .code input{width: 126px;margin-right: 10px;height: 35px;line-height: 35px} .search .lynr textarea{width: 260px;height: 109px;border-radius: 5px;font-size: 15px;padding: 5px 10px;line-height: 30px;} .search .lynr textarea::-webkit-input-placeholder{color:#999;line-height: 30px;font-family: "微软雅黑"} .search #submit{background: #ffac44;font-size: 16px;color: #fff;width: 200px;height: 41px;line-height: 41px;border:none;} /*liuyan end*/ /*footer start*/ .foot{background:#333;position:relative; z-index:110;} .f_con{padding: 50px 0 30px;} .f_con h2{font-size: 24px;color: #fff;line-height: 24px;font-weight: normal;padding:46px 0 34px;} .f_nav{float: left;width: 430px;margin-right: 150px;} .f_nav p a{float: left;font-size: 15px;color: #fff;line-height: 36px; margin-right: 62px;} .f_nav p a:nth-child(4),.f_nav p a:nth-child(8) {margin-right: 0;} .s_box{float: right;margin-top:30px;width: 430px;height: 60px;border-bottom:1px solid #fff;} .s_box .input1{float:left;width:405px;height:60px;line-height: 60px;font-size:14px;color:#fff;border:0;background: none;outline: 0;} .s_box .input2{float: left;width:21px;height: 21px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer; margin-top: 20px;} .s_box input::-webkit-input-placeholder{color:#fff;} .s_box input::-moz-placeholder{color:#fff;} .sao{float: left; margin-top: 10px; margin-right: 46px;} .sao p{float: left; margin-right: 35px;width:178px;} .sao p img{width: 148px;height: 148px;display:block;float:left; border-radius: 14px;} .sao p span{display: block;float: right;writing-mode: vertical-lr;writing-mode:tb-rl; display: inline-block; text-align:center;font-size: 14px;color: #fff;line-height: 30px;padding-top: 10px;letter-spacing: 1px;} .gsxx{float: right;} .gsxx p{font-size: 15px;color: #fff;line-height: 35px;padding-left: 45px;} .gsxx p:nth-child(1) {background: url(../images/f_icon1.png) no-repeat left top;} .gsxx p:nth-child(2) {background: url(../images/f_icon2.png) no-repeat center left;} .gsxx p:nth-child(3) {background: url(../images/f_icon4.png) no-repeat center left;} .gsxx p:nth-child(4) {background: url(../images/f_icon3.png) no-repeat center left;} .gsxx p:nth-child(5) {background: url(../images/f_icon5.png) no-repeat center left;} .gsxx p span{display: block;padding-left: 60px} .gsxx p a{color: #fff;} .foot_bot{height: 40px;line-height: 40px;color: #fff;background: #000} .foot_bot a{color: #fff} /*footer end*/