@charset "utf-8"; *{margin:0; padding: 0;box-sizing: border-box;} body{color:#444444;} ul,li { list-style:none;} *html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */ a { color:#000000; text-decoration:none;} a:hover { text-decoration:none;} .clear { clear:both;} .fl { float: left;} .fr { float:right;} .wrap{ width: 1200px; margin:0 auto; position: relative; } /*头部 start*/ .head { height: 135px; width: 100%;} .head .logo { float:left;height: 135px; } .head .logo img{ padding-top: 40px;} .head .navbar { float:left;text-align:left; color:#838383; display: inline-block; margin-left:150px; padding-top: 34px;} .head .navbar li { display:inline-block; width: 84px; height: 100px; line-height:100px;text-align: center } .head .navbar a { display:block;} .head .navbar li.current{ background:url(../images/nav_bg.png) no-repeat; } .head .navbar li:hover{ background:url(../images/nav_bg.png) no-repeat; } .head .search {float:right; width:222px;height:26px; } form{border-bottom: rgb(25, 89, 185) 1px solid; line-height: 23px;height:95px; padding-top: 65px; padding-left: 10px;} form input{border:0px; display: inline-block; height: 23px; color: #ccc; float: left} .search_btn{background:url(../images/fdj.png) no-repeat; width: 23px; height:23px; border:0px; float: right; } /*头部 end*/ /*焦点图 start*/ .i_slider_1 { clear:both; width:100%;min-width:1000px; margin:0 auto 0;} .i_slider_1 .main_visual{ width:100%; min-width:1000px;height:420px;overflow:hidden;position:relative; z-index:100} .i_slider_1 .main_image{height:420px; margin:0 auto 0;overflow:hidden;position:relative; z-index:100}/*在此可以限定高度*/ .i_slider_1 .main_image ul{width:100%;overflow:hidden;position:absolute;top:0;left:0} .i_slider_1 .main_image li{float:left;width:100%;} .i_slider_1 .main_image li a{display:block;width:100%;height:420px;background-repeat:no-repeat; background-position: center center; background-size:auto 100%} .i_slider_1 .main_visual div.flicking_con{position:absolute; bottom:20px; left:50%; margin-left:-50px; width:110px; z-index:999;height:10px; text-align:left} .i_slider_1 .main_visual div.flicking_con a{margin:0;padding:0;text-indent:-2000px; overflow:hidden; width: 12px; height: 12px; line-height:12px; background:#000000;display: inline-block; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin-right:8px;border:2px solid #ffffff;filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5;} .i_slider_1 .main_visual div.flicking_con a.on{background:#ed2b2b; } .i_slider_1 .main_visual #btn_prev{z-index:1001;position:absolute;display:block;width:17px!important;height:32px!important;top:50%;margin-top:-16px; background:url(../images/arrow_2.png) left top no-repeat ;left:20px;filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5; } .i_slider_1 .main_visual #btn_prev:hover {filter:alpha(opacity=80);-moz-opacity:.8; opacity:0.8; } .i_slider_1 .main_visual #btn_next{z-index:1001;position:absolute;display:block;width:17px!important;height:32px!important;top:50%;margin-top:-16px; background:url(../images/arrow_2.png) -17px top no-repeat ; right:20px; filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5; } .i_slider_1 .main_visual #btn_next:hover {filter:alpha(opacity=80);-moz-opacity:.8; opacity:0.8; } /*焦点图 end*/ .pd50{ padding-top: 50px; padding-bottom: 50px; } .pd100{ padding-top: 70px; margin-top:50px; } .pd1000{ padding-top: 70px; } .bghui{ background-color: #f6f5f4;} .lmtit{font-family: 微软雅黑; font-size: 30px; color: #333333; text-align: center;line-height: 80px; font-weight: 600;} .lmtit1{font-family: 微软雅黑; font-size: 30px; color: #333333; text-align: center;line-height: 80px; font-weight: 600; padding-bottom:30px;} .lmtit .line1{ width: 93px; height: 0px; border-bottom:3px solid #1959b9; margin:0 auto; } .lmtit .line2{ width: 189px; height: 0px; border-bottom:1px solid #666;margin:0 auto; } .lmtit1 .line1{ width: 93px; height: 0px; border-bottom:3px solid #1959b9; margin:0 auto; } .lmtit1 .line2{ width: 189px; height: 0px; border-bottom:1px solid #666;margin:0 auto; } .product ul{margin-top:20px;} .product ul li{ width: 14.28571%; float: left; text-align: center;padding-top: 36px;padding-bottom: 36px; } .product ul li img{ width:123px; } .product ul li h3{font-size: 16px; padding-top: 17px; padding-bottom: 7px;} .product ul li p{font-size: 14px; color: #555555} .product ul li span{ display: inline-block; width: 25px; height: 3px; background-color: #ededed; margin-top: 28px;} .product ul li:hover p{font-size: 14px; color: #1959b9} .product ul li:hover span{ display: inline-block; width: 25px; height: 3px; background-color:#1959b9; } .product ul li:hover{ border:0px solid darkslategray; box-shadow: #f9f7f7 10px 10px 30px 5px ; } .about{background:url(../images/tmp1618641050_2004614_s.jpg) no-repeat; position: relative;padding:100px 0px 0px 0px;} .about .info{ width:680px; background-color: #fff; padding:78px 50px 45px 50px; display: inline-block; margin-bottom: 150px;} .about .info h3{ font-size:36px; font-weight:600; color: #444444; padding-bottom: 20px;} .about .info h3 span{ color:#f6b84b;} .about .info p{ font-size: 14px; color: #666666;} .about .info .dot{margin-bottom: 5px;} .about .info .dot2{margin-top: 5px;} .about .info .dot2 img{margin-left:230px;} .about .num{ font-size: 50px; } .about .numtxt{ font-size:14px; } .about .num span{ width:98px; display: inline-block;} .about .numtxt span{ width:98px; display: inline-block;} .about .info2{ width:265px; height: 325px; background:url(../images/about12.jpg) no-repeat;margin-left:80px; display: inline-block; vertical-align: text-bottom; font-size: 14px; padding:238px 25px 10px 60px;} .about .aboutnav{ width: 100%; text-align: center;position: absolute;bottom:0px; height:60px; line-height:60px;} .about .aboutnav a{ text-align: center;bottom:0px; height:60px; line-height:60px; margin:0px 10px; display: inline-block; background-color: #fff; font-size: 18px; width: 250px;} .about .aboutnav a:hover{color: #fff;background-color:rgb(51, 75, 135);} .about .aboutnav .on{color: #fff;background-color:rgb(51, 75, 135);} .gshj ul li{ width: 25%; float: left; padding: 1%; font-size: 14px; line-height: 18px; text-align: center; } .gshj ul li img{ width: 100%;} .btn{width: 100px; height: 31px; display: block;border:1px solid #ccc; text-align: center; font-size: 14px; line-height: 29px; margin:10px auto;} .btny{ text-align: center; font-size: 14px; line-height: 29px; margin:10px auto; padding-left:15px;} .jjfapro{ width: 288px; margin-top:20px; margin-bottom: 20px; } .jjfapro h2{ line-height: 70px; color: #fff; background-color: rgb(51, 75, 135); text-indent: 40px; border-bottom:1px solid #fff;} .jjfapro ul li a{ border-bottom:1px solid #fff;line-height: 48px;text-indent: 40px; display: block;} .jjfapro ul li:hover a{background-color:rgb(51, 75, 135);color:#fff;} .jjfapro .lxdh{color: #fff; padding: 30px 20px; background-color: rgb(51, 75, 135);} .jjfapro .lxdh p{margin-bottom:10px;} .jjfapro .lxdh .num{ font-size: 28px } .jjfapro .lxdh .num span{ font-size: 16px } .jjfanr{width:calc(100% - 330px); margin-top:20px; } .jjfanr li{ width: 31.333%; height:239px;margin:0 2% 3% 0; padding:1%; float: left; text-align: center; background-color: #fff; box-sizing:border-box } .jjfanr li img{ width: 270px } .jjfanr li p{ font-size: 14px; padding-top: 10px;} .jjfanr li a{ position: relative; width:100%; display:inline-block } .jjfanr li .int-add-dom{ display: block; position: absolute; top:0px; width: 260px; height: 180px; overflow:hidden} .jjfanr li .int-add-dom img{width: 100% } .jjfanr li .figcaption{ display: block; position: absolute; width: 100%; height: 100%; text-align: center; position: relative; z-index: 12; width: 100%; height: 180px; display: block; background-color: #666; opacity: 0; /* 支持opacity的浏览器*/ -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; } .jjfanr li:hover .figcaption{filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* 老版Mozilla */ -khtml-opacity:0.5; /* 老版Safari */ opacity: 0.5; /* 支持opacity的浏览器*/} .jjfanr li .figcaption img{ position: absolute; left: 50%; top: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; } .xmyj{ width: 48% } .xmyj h3{ font-size: 26px; color: #333333; line-height: 48px; } .xmyj ul li{ width:180px; margin:0.5%; float: left; text-align: center; overflow: hidden; } .xmyj ul li a{ font-size: 12px; line-height: 38px;} .xmyj ul li div{ height: 120px;width:180px; overflow: hidden; } .xmyj ul li img{transform: scale(1,1); transition: all 0.6s; } .xmyj ul li:hover img{transform: scale(1.1);} .xwdt{ width: 48% } .xwdt .item{ border-bottom: 1px solid #ededed;} .xwdt .item a{ width: 140px; display: inline-block; text-align: center; line-height: 48px; border-top:3px solid #fff; } .xwdt .item .thisclass{ border-top:3px solid #1a46a1; border-left:1px solid #ededed; color:#1a46a1; } .xwdt .articletxt{margin-top:5px; padding: 10px;} .xwdt .articletxt li a{ font-size: 14px;font-weight: 400; line-height: 22px } .xwdt .articletxt li p{ font-size: 12px; color:rgb(119, 119, 119); line-height: 18px; margin-bottom: 20px;} .xwdt .articletxt .more{ width: 100%; height: 37px; line-height: 37px; font-size: 14px; text-align: center; display: block; background-color:#f9f9f9 } .xwdt .articletxt li{padding-bottom: 10px; position: relative; line-height: 34px;overflow: hidden; height:34px;} .xwdt .articletxt li a span{ width: 80px; float: right; display: block; text-align: right; position: absolute; right:0px; top:0px; line-height: 34px; height:34px;background-color: #fff; } .xwdt .articletxt li a{ width: 80%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 34px; height:34px;} .hzpp ul{ background:#fff; padding: 20px; margin-top:50px; } .hzpp ul li{ width:14.66666%; float: left; text-align: center; margin:1%; margin-bottom: 2%;} .hzpp ul li img{transform: scale(1,1); transition: all 0.6s; } .hzpp ul li:hover img{transform: scale(1.1);} .foot{background-color:#333333; font-family: 微软雅黑; color: #888888; font-size: 12px; text-align: center;} .foot p{ line-height: 28px;} .foot a{ color: #888888; font-size: 12px; text-align: center; padding: 0px 5px;}