@charset "utf-8"; /* CSS Document */ /*top 澶撮儴*/ .clearfix:before,.clearfix:after {content:""; display:table; }.clearfix:after{clear:both;overflow:hidden;}.clearfix{*zoom:1;} .top{background: #FFF; height:114px; line-height: 60px;} .logo{ width: 590px;} .top_tel{ height:45px; padding-top: 15px; line-height: 45px; font-size: 27px; font-family: Impact; color:#0075c2; background: url(../Image/top_tel.jpg) no-repeat left 20px; text-indent: 44px; } .top_tel span{ font-size: 18px; font-family:Microsoft YaHei } .nav{ width:100%; background: #1a83c8 } .nav li{ width: 12.5%; line-height: 50px; float: left; } .nav li a{ color: #FFF; display: block; text-align: center; } .search{ width: 280px; border: 1px solid #0075c2; height: 30px; background: #FFF; border-radius: 15px; margin-top: 10px; float: right;} .search .txt{ width: 240px; float: left; height: 30px;border-radius: 15px; padding-left: 10px} .search .but{ width: 30px; height: 30px; float: right; background: #0075c2;border-radius: 15px; color: #FFF} .flash{ height: 752px; } .zy{ height: 400px; background: url(../Image/zy.jpg) no-repeat top center; } .cp8{ height: 420px; background: url(../Image/cp8.JPG) no-repeat top center; } /*end 搴曢儴*/ .end_tel{ position: relative; background-image: linear-gradient(to right, #0075c2 0%,#0075c2 50%,#393b3e 50%, #393b3e 100%); height: 230px;} .end_tel .end_zp{ width: 550px; float: left; text-align:center; color: #FFF; height: 230px; background: url(../Image/zp1.png) no-repeat center center} .end_tel .end_zp:last-of-type{background: url(../Image/zp2.png) no-repeat center center} .end_tel .end_hot{ height: 50px; line-height:50px; font-family: Impact; font-size: 30px; font-style: italic; } .end_tel .end_zp a{ width: 138px; margin: 15px auto; height: 48px; line-height: 48px; transition: 0.3s; border: 1px solid #FFF; display: block; color: #FFF } .end_tel .end_zp a:hover{ background: #FFF; color:#0075c2 } .end_tel .end_zp:last-of-type a:hover{ color:#393b3e} .end_tel+.kb50{ height: 52px; background: url(../Image/end_zp.png) no-repeat center center; } .go_top{ height: 52px;background: url(../Image/go_top.jpg) no-repeat top center;position: relative; } .go_top a{ display: block; width: 100%; height: 52px; background: url(../Image/go_top.png) no-repeat center center; } .end_lx{ padding: 140px 0 45px 30px; background: url(../Image/end_lx.png) no-repeat 30px 40px; float: left; width: 400px;} .end_chart{ float: left; background: url(../Image/end_chart.png) no-repeat top center; width: 155px; height: 185px; margin:20px 0 0 97px;} .end_a{ width: 410px; float: right; margin:50px 20px; line-height: 34px; } .end_a li{ width: 25%; float: left;} .end_nr{ line-height: 48px; } /*棣栭〉浠g爜*/ .sy_inco{ text-align: center;background: url(../Image/sy_inco.png) no-repeat center bottom; height: 95px; margin-top: 20px; } .sy_inco span{ display: block; font-size: 28px; color: #4d4d4d; line-height: 45px;} .sy_inco p.eng{ color: #b2b2b2; } .fl_box{ width: 574px; height: 219px; color: #FFF; line-height: 33px; position: relative; z-index:99; padding-left: 207px; box-sizing: border-box; } .fl_box .mask{width: 574px; height: 219px; position: absolute; top: 0; left: 0; z-index: 0} .fl_box .img{ position: absolute; top: 50px; left: 44px; width: 208px; height:219px; z-index: 9 } .fl_box .tit{ width: 300px;position: relative; z-index: 9;color:#fff;} .fl_box .tit p{ padding: 35px 0 30px 0; font-size: 24px; line-height: 30px; height: 30px; } .fl1{ background: url(../Image/fl1.jpg) no-repeat top center;} .fl1 .mask{background-image: linear-gradient(to right, #00aa9e 0%, #0294dd 100%); opacity: 0.8; transition: 0.3s} .fl2{ background: url(../Image/fl2.jpg) no-repeat top center; } .fl2 .mask{background-image: linear-gradient(to right, #0075c2 0%, #0075c2 100%); opacity: 0.8; transition: 0.3s} .fl_box:hover .mask{opacity: 1;} .jj .jj_inco{ margin: 40px 0 20px 0;line-height: 50px;} .jj .jj_inco span{ font-size: 24px; color: #4d4d4d; margin-right: 10px; } .jj .jj_inco span.eng{ font-size: 14px; color: #a3a3a3 } .jj .jj_inco a{font-size: 14px; color: #4d4d4d; transition: 0.3s; padding: 3px 5px} .jj .jj_inco a:hover{ color: #FFF; background: #0075c2; } .jj .cont{ width: 600px; color: #818181} .jj .cont img{ margin: 40px 0 0 0 } .cp{ background: #ececec } .ys{background: url(../Image/ys.jpg) no-repeat left bottom #f0f5f9; background-size: 45%;} .ys .box{ width: 630px; float: right; } .ys .tit{ font-size: 30px; color: #313131; line-height: 50px; margin: 60px 0 40px 0; } .ys .tit span{ color: #c3c3c3; font-size: 24px; } .ys li{ height: 130px; color: #818181; transition: 0.3s} .ys li .img{ width: 68px; height: 68px; border-radius: 50%; background: #4f629a; float: left; margin-right:20px;} .ys li p{ font-size: 18px; color: #313131; font-weight: bold; margin-bottom: 10px; transition: 0.3s} .ys li:hover,.ys li:hover p{ color: #0075c2 } .ys li:hover .img{ background: #0075c2 } .newslist li{ width:540px; padding: 20px; margin-bottom: 30px; background: #f7f7f7; height: 125px; float: left; color: #868686; transition: 0.3s } .newslist li:nth-of-type(2n){ float: right; } .newslist li .img{ width: 160px; height: 120px; float: left; margin-right: 15px;} .newslist li .tit{ font-size: 16px; color: #474747 } .newslist li .time{ font-size: 12px; color: #8e8e8e } .newslist li:hover{ background: #0075c2;color: #FFF;} .newslist li:hover .tit a{color: #FFF;} .newslist li:hover .time{color: #cbdcee;} .fuwu{ background: url(../Image/fw_bj.jpg) no-repeat top center; margin-bottom: 20px;} .fw_list li{ width: 290px; height: 384px; background: #FFF; float: left; margin:30px 5px; transition: 0.3s; -moz-box-shadow:0px 0px 20px rgba(0,0,0,0.09); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.09); box-shadow:0px 0px 20px rgba(0,0,0,0.09); } .fw_list li .img{ margin: 40px auto 30px auto; width: 102px; height: 120px;overflow: hidden;} .fw_list li .tit{ font-size: 24px; color: #4d4d4d; text-align: center; height: 50px;} .fw_list li .cont{color: #868686; line-height: 30px; padding: 0 40px; } .fw_list li:hover{ background: #0075c2 } .fw_list li:hover .img img{ margin-top:-120px; display: block;} .fw_list li:hover .tit{color: #FFF;} .fw_list li:hover .cont{ color: #FFF;} /*jjbox*/ .jjbox1 .img{ width: 370px; float: left; } .jjbox1 .article{ width: 815px; float: right; } .jjbox4{ background: url(../Image/jj/jjbox.jpg) no-repeat bottom center; color: #FFF; text-align: center; padding-top: 260px; font-size: 24px; } .jjbox4 a{ margin: 60px auto; line-height: 40px; width: 165px; height: 40px; display: block; text-align: center; color: #FFF; border:1px solid #FFF;} .jj_fw{ font-size: 44px; text-align: center;; padding: 50px 0; color: #363636;} /*浜у搧涓績*/ .zy_inco{ font-size: 30px; color: #2d2d2d; text-align: center; margin: 40px 0; position: relative; height: 50px; } .zy_inco:after{ position: absolute; content: ""; width: 50px; height: 3px; background: #bebebe; bottom: 0; left:575px; } .cp_inco{ height: 60px; line-height: 60px; background: #efefef; margin: 10px auto; } .cp_inco span{ float: left; background: #2086ca; width:225px; color: #FFF; font-size: 18px; text-align: center; } .cplist li{ width: 380px; float: left; margin: 10px 0; position: relative; height: 361px; overflow: hidden;} .cplist li .img{ width: 380px; height: 285px; box-sizing: border-box; border: 1px solid #f2f2f2; } .cplist li .tit{ background: #f8f8f8; border: 1px solid #f2f2f2; height: 74px;text-align: center; line-height: 74px; font-size: 16px; } .cplist li .mask{ position: relative; opacity: 0; width: 380px; z-index: 9; height:361px; margin-top: -0; transition: 0.3s; color: #FFF; padding: 33px; box-sizing: border-box;} .cplist li .mask:after{content: ''; position: absolute; opacity: 0.8; z-index: -1; background-image: linear-gradient(to right, #00aa9e 0%, #0294dd 100%); width: 380px; height:361px; top: 0; left: 0;} .cplist li:hover .mask{margin-top: -361px; opacity: 1;} .cplist li:nth-of-type(3n+2){ margin:10px 30px;} .cplist li .mask .name{ font-size: 18px; line-height: 30px; width: 130px; position: relative; } .cplist li .mask .name:after{content: ''; position: absolute; left: 123px; top: 115px; width: 65px; height: 65px; background: url(../Image/mask.png) no-repeat center center;} .cplist li .mask a{ position: absolute; z-index: 9; width: 110px; height: 32px; line-height: 32px; border: 1px solid #FFF; bottom: 70px; left: 135px; color: #FFF; border-radius: 17px; text-align: center; } .cp_more{ width: 148px; height: 38px; border: 1px solid #d6d6d6; line-height: 38px; text-indent: 22px; display: block; margin: 10px auto; background: url(../Image/cp_more.png) no-repeat 94px top; transition: 0.3s} .cp_more:hover{ background-color: #2086ca; color: #FFF; border-color: #2086ca; background-position:94px -38px;} .cp_img{ width: 600px; height: 450px; float: left; margin: 60px 0 70px 0; overflow: hidden; } .cp_info{ width: 560px; float: right; margin: 60px 0 70px 0; overflow: hidden;} .cp_info .cptit{font-size: 30px; color: #303030; line-height: 50px; } .cp_info .cpfl{margin: 20px 0; height: 40px; background: #e7e7e7; border-radius: 5px; line-height: 40px; width: 125px; color: #4f4f4f; text-align: center; } .cp_info .desc{ color: #575757; font-size: 16px; line-height: 30px;padding-bottom: 18px; border-bottom: 1px dotted #c1c1c1; margin-bottom: 18px; } .cp_info .desc span{ color: #2e2e2e; } .cp_info .cp_a a{ width: 228px; height: 58px; color: #FFF; line-height: 58px; text-align: center; float: left; margin-right: 22px; } .cp_info .cp_a a.cp_tel{background:url(../Image/cp_tel.png) no-repeat 20px center #2086ca; font-family: Impact; font-size: 24px;} .cp_info .cp_a a.cp_line{background:url(../Image/cp_line.png) no-repeat 40px center #e24141; font-size: 16px} .pro_info{background:url(../Image/cp_info.jpg) no-repeat top center} .pro_info .title{ height: 114px; line-height: 114px; color: #FFF; font-size: 30px; } .pro_info .info_title{} .pro_info .info_title a{ width: 294px; height: 66px; line-height: 66px; font-size: 16px; font-weight: bold; margin-right:8px; color: #FFF; background: url(../Image/info_title.jpg) no-repeat top center; float: left; text-align: center;} .pro_info .info_title a:last-of-type{ margin: 0;} .pro_info .info_title a:hover{ background: #FFF; color: #535353 } .cpbox{ padding: 50px 0; color: #29201d } .cpbox table{ width: 100% } .cpbox tr{ background: #FFF; border: 1px solid #FFF } .cpbox tr.firstRow{ background: #00a1e9; color: #FFF;font-size: 18px; font-weight: bold; } .cpbox tr:nth-of-type(2n){ background: #dddddd } .cpbox td{ padding: 8px 0px 8px 50px; font-size: 15px; } .like_inco{ font-size: 24px; color: #5c5c5c; line-height: 60px; } /*鏂伴椈璇︽儏*/ .xw_tit{font-weight: bold; color: #121212; font-size: 18px; padding: 10px 0 5px 10px} .meta{ border-bottom: 1px solid #e6e6e6; padding-left: 12px;} .news_nr{ padding: 20px; color: #333333 } #prev_next{ padding: 20px 0 } /*鑱旂郴鏂瑰紡*/ .lxfs{ width: 880px; margin: 20px auto; } .lxfs li{ border-right: 1px solid #e0e0e0; min-height: 150px; float: left; width: 440px; box-sizing: border-box; padding: 10px 50px; font-size: 16px; color: #333333; line-height: 30px; } .lxfs li:last-of-type{ border:none; } .lxfs li .tit{ border-bottom: 1px solid #e0e0e0; font-size: 18px; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; color: #123123; width: 60px; white-space: pre; }