#nav a:first-of-typehtml{ background:#fff; color:#666666; overflow-x:hidden;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;} img{border:0;} ol,ul,li{list-style:none;} h1,h2,h3{font-weight:normal;font-size:100%;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;} input,textarea,select{*font-size:100%;} legend{color:#000;} a{color:inherit;text-decoration:none;} /*******CSS reset*************/ body{ background:#fff; color:#666666; font-size:14px; font-family:'寰蒋闆呴粦';} a{ color:#666666;} a:hover{color:#4d4d4d;} /*******CSS reset*************/ i,em{ font-style: normal;} .f12{font-size:12px;} .f16{font-size:16px;} .bold{font-weight:bold;} .white{color:#fff;} .left{float:left;} .right{float:right;} .t_r{text-align:right;} .clear{clear:both;} .relative{position:relative;} .absolute{position:absolute;} .rel_center{position:relative;} .hidden{display:none;} .jj_pic{ float:left; margin:0 10px 0 0;} .nr_pic{ text-align:center; position:relative; width:100%;} .red{ color:#f00; font-weight:bold; padding-left:10px;} .nr_red{ color:#f00; font-weight:bold;} .scale:hover img { transform: scale(1.1, 1.1);} .scale img{ transition:transform 1s ease 0s} #lxwm_nr { margin: 0 20px 20px; font-size:14px;} #lxwm_nr p { line-height: 35px; border-bottom: 1px dotted #ccc; padding-left: 20px;} #prev_next{ border-top:1px solid #f0f0f0; margin-top:10px; padding-top:5px;} #prev_next li{ padding-left:10px; height:30px; line-height:30px;} #con_lx{ width: 90%; height:auto; overflow:hidden; line-height:2.0; font-size:14px; margin-bottom:20px;} #con_lx p{ border-bottom:1px dotted #ccc; line-height:38px; padding-left:20px; transition:0.3s all 0s linear; } #con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;} /** header **/ #top_bj{ width: 100%; height: 150px; background: #fff;} #top_index{ width:1200px; height:150px;} #logo{ float:left; padding: 40px 0 0 0;} #top_tel{ float: right; background: url(../Image/top_tel.png) no-repeat left center; padding-left: 70px; margin-top: 40px;} #top_tel p{ color: #333333; font-size: 30px; font-weight: bold; line-height: 35px;} #top_tel span{ display: block; background: #039a63; height: 35px; line-height: 35px; margin-top: 5px; text-align: center; color: #fff; padding: 0 20px; font-size: 20px;} #nav_bj{ background: #0561c8; width: 100%; height: 70px;} #nav{ width: 1200px; height: 70px;} #nav a{ display: block; float: left; font-size: 18px; color: #fff; width: 160px; height: 70px; line-height: 70px; text-align: center; transition: 0.3s; border-right: 1px solid #1e71ce;} #nav a:first-of-type{ background: url(../Image/home.png) no-repeat 60px center #039a63; color: #fff; padding-left: 40px; width: 180px;} #nav a:last-of-type{ border-right: none;} #nav a:hover{ background: #039a63; } #nav a:first-of-type:hover{ background: url(../Image/home.png) no-repeat 60px center #039a63;} #banner{ width: 100%; height: 650px; overflow: hidden; position: relative;} #banner .video{ position: relative; margin-top: -220px;} #banner #banner_font{ position: absolute; z-index: 10; left: 19%; top: 23%;} /*#banner img{ width: 100%;} #banner .swiper-pagination{ margin-bottom: 30px;} #banner .swiper-pagination .swiper-pagination-bullet{ width: 15px; height: 15px; border-radius: 100%; }*/ .flash{ width:100%; height:650px; margin:0 auto; text-align:center; position:relative;} .flash .flashBox {position:relative; margin:0 auto; width:1000px; height:650px; } /*淇敼灏哄1920 {position:absolute; width:1920px; left:-460px;}*/ /*淇敼灏哄1440 {position:absolute; width:1440px; left:-221px;}*/ .flash .flashBox .bd{position:absolute; width:1920px; left:-460px;} .flash .flashBox .bd img{width:100%; height:650px;} /** footer **/ #end_nr_bj{ background: url(../Image/end_bj.jpg) no-repeat center top #333333; width: 100%; height: auto; overflow: hidden; color: #fff;} #end_nr_bj a{ color: #adadad;} #end_nr_bj a:hover{ color: #fff;} #end_nr_bj .main{ padding: 0;} #end_logo { border-bottom:1px solid #717171; padding: 20px 0 10px;} #end_logo .end_logo_nr{ float: left;} #end_logo p{ float: left; height: 50px; border-left: 1px solid #484848; line-height: 60px; font-size: 22px; font-weight: bold; margin-left: 20px; padding-left: 30px;} #end_logo span{ display: block; float: left; font-size: 16px; padding-left: 20px; height: 60px; line-height: 60px;} .end_nav{ float: left; width: 265px; margin-top: 30px;} .end_nav .tit{ font-size: 16px;} .end_nav ul{ padding-top: 10px;} .end_nav ul li{ float: left; width: 40%; line-height: 30px;} .end_lx{ float: left; width: 300px; text-align: center; line-height: 20px; margin-top: 30px;} .end_lx p{ font-size: 34px; line-height: 40px;} .end_lx span{ display: block; color: #fff; font-size: 14px; letter-spacing: 8px;} .end_lx .ljzx{ display: inline-block; color: #fff; background: #039a63; border:1px solid #039a63; height: 35px; line-height: 35px; text-align: center; padding: 0 30px; margin-top: 10px; transition:0.3s;} .end_lx .ljzx i{ display: inline-block; padding-right: 10px;} .end_lx a{ color: #fff;} .end_lx .ljzx:hover{ background: none; border:1px solid #039a63; border-radius: 20px;} .end_wx .right a{ color: #fff !important;} .end_wx{ float: right; width: 260px; margin-top: 35px;} .end_wx .right{ text-align: left; padding-top: 30px;} .end_wx .right p{ line-height: 25px;} .end_wx .right span{ margin-top: 10px; display: block; background: #039a63; height: 35px; line-height: 35px; border-radius: 20px; text-align: center;} .end_wx .left{ width: 130px;} .end_wx .left img{ width: 100%;} #end_line_bj{ height: 50px; line-height: 50px; border-top:1px solid #717171; width: 1200px; margin-top: 30px;} #end_line{ width: 1200px; height: 50px; line-height: 50px; color: #adadad; text-align: center;} #end_line a{ color: #adadad;} .contact_item{ padding:30px 0; text-align: center;} .contact_item li{ cursor: pointer; display: inline-block; width: 24%;} .contact_item li span{display: block;width: 150px;height: 135px;margin:0 auto;text-align: center;position: relative;} .contact_item li span.contact_item_1{background: url(../Image/contact_li_bg1.png) center no-repeat;line-height: 108px;} .contact_item li span.contact_item_2{background: url(../Image/contact_li_bg2.png) center no-repeat;line-height: 135px;} .contact_item li span.contact_item_3{background: url(../Image/contact_li_bg3.png) center no-repeat;line-height: 170px;} .contact_item li span img{vertical-align: middle;} .contact_item_ewm{width: 84px;height: 84px;position: absolute;left: 32px;top:45px;z-index: 1;} .contact_item_ewm img{width: 0;height: 0;position: absolute;left: 50%;top:50%;transition: all .4s;vertical-align: top;} .contact_item li:hover span .contact_item_ewm{display: block;} .contact_item li:hover span .contact_item_ewm img{width: 84px;height: 84px;left: 0;top:0;} .contact_item li h4{color: #333;font-size: 18px;line-height: 30px; text-align: center;margin: 10px auto;} .contact_item li p{color: #333;font-size: 14px;line-height: 26px;} .contact_item li:nth-child(3n) p{text-align: center;} /** main **/ .main{width: 1200px; height: auto; padding: 50px 0;} #sljx{ background: url(../Image/map.png) no-repeat center top; width: 100%; height: auto; text-align: center;} #sljx .tit{ padding: 0 0 50px;} #sljx .tit h2{ background: url(../Image/tit_line.png) no-repeat center; color: #333333; font-size: 40px;} #sljx .tit h2 span{ color: #0561c8; font-weight: bold;} #sljx .tit p{ color: #999999; font-size: 14px; text-transform: uppercase; padding-top: 5px; font-family: arial;} #sljx li{ display: inline-block; width: 250px; margin: 0 22px;} #sljx li .pic{ width: 240px; height: 240px;} #sljx li .pic img{ transition:0.7s;} #sljx li:hover img{transform:rotate(360deg);} #sljx li p{ color: #0561c8; font-size: 26px; padding: 20px 0 10px;} #sljx li span{ display: block; height: 100px; line-height: 30px; color: #666666; font-size: 16px;} #cpbj{ background: url(../Image/cpbj.jpg) no-repeat center top; width: 100%; height: auto;} #cpbj .tit{ text-align: center; margin-bottom: 40px;} #cpbj .tit p{ display: inline-block; color: #fff; font-size: 58px; font-family: impact; text-transform: uppercase;} #cpbj .tit p span{ color: #039a63;} #cpbj .tit i{ display: inline-block; color: #fff; font-size: 24px; font-style: normal; border-left: 1px solid rgba(255,255,255,0.5); line-height: 25px; margin-left: 10px; padding-left: 10px;} #cpbj .tit h2{ font-size: 18px; color: #fff; letter-spacing: 2px;} .slideTxtBox{ width:935px; text-align:left; } .slideTxtBox .hd{ height:auto; padding: 10px 0 0; text-align: center; position:relative; } .slideTxtBox .hd ul{ height:auto; } .slideTxtBox .hd ul li{ float: left; width: 304px; cursor:pointer;} .slideTxtBox .hd ul li:nth-of-type(2){ margin: 0 11px;} .slideTxtBox .hd ul li:last-of-type{ float: right;} .slideTxtBox .hd ul li .pic{ width: 304px; height: 228px; line-height: 228px; text-align: center; background: #fff;} .slideTxtBox .hd ul li .pic img{ max-width: 304px; max-height: 228px; vertical-align: middle;} .slideTxtBox .hd ul li p{ height: 45px; line-height: 45px; background: #f5f5f5; text-align: center; transition:0.3s;} .slideTxtBox .hd ul li.on{ height:auto;} .slideTxtBox .hd ul li.on p{ background: #039a63; color: #fff;} .slideTxtBox .bd ul{ background: #fff; zoom:1; } .slideTxtBox .bd li{ height:auto; width: 935px; height: 408px; background: #f5f5f5; } .slideTxtBox .bd li .left{ width: 545px; height: 408px; line-height: 408px; float: left; background: #fff; text-align: center;} .slideTxtBox .bd li .left img{ max-width: 545px; max-height: 408px; vertical-align: middle;} .slideTxtBox .bd li .right{ width: 332px; height: auto; padding: 30px 20px 0 35px;} .slideTxtBox .bd li .right h3{ color: #0561c8; font-weight: bold; font-size: 24px; height: 50px;} .slideTxtBox .bd li .right p{ border-top: 1px dashed #c5c5c5; border-bottom: 1px dashed #c5c5c5; padding: 20px 0 30px; color: #666; line-height: 28px;} .slideTxtBox .bd li .right dl{ margin-top: 20px;} .slideTxtBox .bd li .right dl dt{ color: #333333; font-size: 16px; height: 35px; line-height: 35px; background: url(../Image/dg.png) no-repeat left center; padding-left: 30px;} .slideTxtBox .bd li .right dl dt span{ color: #039a63; font-weight: bold;} .tit01{font-size: 45px; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold; } .tit01 p{ margin: 0;} .tit01 span{ color: #039a63;} .tit01 i{ font-style: normal; display: block;padding-top: 21px; background: url(../Image/ysline.png) no-repeat center top; font-size: 20px; color: #666666;height: 38px;line-height: 38px;font-family:"Microsoft Yahei"; font-weight: normal; margin-top: 8px;} .f_pr { position: relative;} .g_jsyf{background:url(../Image/yfbg.jpg) no-repeat center top;height: 991px;padding-top: 55px;} .g_jsyf .content { width: 1200px; margin: 0 auto;} .g_jsyf h2{height: 140px;text-align: center;font-size: 48px;font-weight: bold;color: #535353;} .g_jsyf h2 a{color: #535353;} .g_jsyf h2 em{display: block;height: 46px;line-height: 46px;text-align: center;font-size: 20px;color: #666666;font-weight: normal;margin-top: 12px;} .g_jsyf h2 i{display: inline-block;padding: 0 15px;font-style: normal;font-size: 20px;position: relative;top:-10px;} .g_jsyf h3{position: absolute;left:-10px;top:798px;font-size: 22px;font-weight: bold;color: #fff; padding-top: 25px;} .g_jsyf h3 em{display: block;font-size: 18px;color: #fff;padding-top: 5px;font-weight: normal; font-style: normal;} .g_jsyf .yftel{position: absolute;left:828px;top:800px;font-size: 14px;color: #fff;width: 440px; padding-top: 25px;} .g_jsyf .yftel span{display: block; float: left;margin:0 20px; text-align: center;} .g_jsyf .yftel img{display: block;width:37px; height: 29px; margin:0 auto; } .g_jsyf .yftel i{display: block;font-size: 16px; color: #ffffff; line-height: 30px; font-style: normal; transition:0.3s;} .g_jsyf .yftel span:hover i{font-weight: bold; border-bottom: 1px solid #80b0d7;} .g_jsyf .m_jsyf1{width: 205px;left:50px;top:578px;} .g_jsyf .m_jsyf2{width: 288px;left:140px;top:334px;} .g_jsyf .m_jsyf3{width: 300px;left:450px;top:210px;} .g_jsyf .m_jsyf4{width: 272px;left:777px;top:334px;} .g_jsyf .m_jsyf5{width: 230px;left:931px;top:578px;} .g_jsyf .jsgy{position: absolute;z-index: 11;transition: all 0.3s linear 0s;} .g_jsyf .jsgy:hover{transform: translateX(-5px);} .g_jsyf .jsgy h4{height: 48px;text-align: center;font-size: 28px;font-weight: bold;color: #0061ae; margin: 0;} .g_jsyf .jsgy h4 em{font-family: "Times New Roman"; font-size: 30px; margin-right: 10px;} .g_jsyf .jsgy p{font-size: 16px;color: #666666;text-align: center;line-height: 26px;} .g_jsyf .m_jsyf1 p{text-align: justify;} .g_jsyf .m_jsyf2 p{text-align: justify;} .g_jsyf .m_jsyf4 p{text-align: right;} .g_jsyf .m_jsyf5 p{text-align: justify;} .g_jsyf .gyico{position: absolute;width: 146px;height: 146px;transition: all 0.6s linear 0s;} .g_jsyf .gyico b{width: 114px;height: 114px;overflow: hidden;margin: 16px auto 0;display: block;} .g_jsyf .gyico:hover{transform:rotateY(180deg);} .g_jsyf .yfico1{left:242px;top:595px;} .g_jsyf .yfico2{left:320px;top:412px;} .g_jsyf .yfico3{left:528px;top:324px;} .g_jsyf .yfico4{left:720px;top:412px;} .g_jsyf .yfico5{left:786px;top:595px;} .tit_in{ padding: 0 0 30px; text-align: center;} .tit_in h2{ background: url(../Image/tit_line1.png) no-repeat center; color: #333333; font-size: 40px;} .tit_in h2 span{ color: #0561c8; font-weight: bold;} .tit_in p{ color: #999999; font-size: 16px; text-transform: uppercase; padding-top: 5px; font-family: arial;} .tit_in1{ padding: 0 0 30px; text-align: center;} .tit_in1 h2{ background: url(../Image/tit_line1.png) no-repeat center; color: #0561c8; font-size: 40px; font-weight: bold;} .tit_in1 h2 span{ color: #0561c8; font-weight: bold;} .tit_in1 p{ color: #999999; font-size: 16px; text-transform: uppercase; padding-top: 5px; font-family: arial;} .pr {position: relative;} .fl {float: left;} .fr {float: right;} .ysbox{height:auto;} .ys_nav{width:400px;} .ys_nav li{width:171px;height:96px;white-space: nowrap;float: left;background: #fff url(../Image/faico1.jpg) no-repeat 16px 82px;border:1px solid #efefef; float: left;margin:0 6px 7px 0;font-size: 16px;line-height: 22px;color: #232222; padding-top: 20px; padding-left: 15px; cursor: pointer;} .ys_nav li{position: relative;} .ys_nav li span{display: block;color: #232222; font-size: 16px;font-weight: bold;} .ys_nav li span em{display: block;text-transform: uppercase;font-style: normal;font-size: 12px;line-height: 18px;color: #666666; font-weight: normal; padding-top:5px;} .ys_nav li a{display: block;color: #fff;} .ys_nav li.cur{background: #0066d9 url(../Image/faico2.jpg) no-repeat 23px 82px;} .ys_nav li.cur span{color: #fff;} .ys_nav li.cur em{color: #fff;} .ys_list{width:800px;overflow: hidden;} .ys_lc dl{height:494px;position: relative;} .ys_lc dt{width:800px;height:494px;display: block;overflow: hidden;} .ys_lc dt img{width:800px;height:494px;display: block;transition: all 0.3s linear 0s} .ys_lc dt:hover img{transform: scale(1.1);} .ys_lc dd{position: absolute;left:0;bottom: 0;background: rgba(0,102,217,.6);padding: 20px 20px 0 30px;height: 92px; width: 94%; font-size: 14px;line-height: 24px;color: #fff;} .lc_bj{height: auto; overflow: hidden;background: #f5f5f5; padding: 55px 0; font-family: "Microsoft YaHei"; box-sizing: border-box; } .lc_bj .content{ text-align: center;} .lc{ background: url(../Image/lc_line.png) no-repeat center top; width: 100%; height: auto; margin-top: 30px;} .lc ul{width: 1200px;height:310px; position: relative;} .lc ul li{ cursor: pointer; width: 130px; height: 160px; box-sizing: border-box; text-align: center; margin-right: 48px; float: left; font-size: 18px; color: #333333; line-height: 42px; position: absolute; } .lc ul li i{display: block;font-size: 15px; color: #333333; height: 20px;line-height: 20px;padding-bottom: 18px;background: url(../Image/lcico.png) no-repeat center bottom; text-align: center; font-weight: bold; font-family: "Arial";padding-left: 5px;} .lc ul li em{ height: 101px; line-height: 101px; display: block; margin:15px auto 0;} .lc ul li:nth-child(7){margin-right: 0;} .lc ul li:nth-child(1) em{ background: url(../Image/lc1.png) no-repeat center top;} .lc ul li:nth-child(2) em{ background: url(../Image/lc2.png) no-repeat center top;} .lc ul li:nth-child(3) em{ background: url(../Image/lc3.png) no-repeat center top;} .lc ul li:nth-child(4) em{ background: url(../Image/lc4.png) no-repeat center top;} .lc ul li:nth-child(5) em{ background: url(../Image/lc5.png) no-repeat center top;} .lc ul li:nth-child(6) em{ background: url(../Image/lc6.png) no-repeat center top;} .lc ul li:nth-child(1){left:0;top:27px;} .lc ul li:nth-child(2){left:200px;top:-24px;} .lc ul li:nth-child(3){left:400px;top:27px;} .lc ul li:nth-child(4){right:400px;top:-30px;} .lc ul li:nth-child(5){right:200px;top:30px;} .lc ul li:nth-child(6){right:0;top:-29px;} .lc ul li em{ -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;} .lc ul li:hover em { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } .lc ul li i{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; } .lc ul li:hover i{margin-top:-5px;} .lc_zx{ display: inline-block; margin: 0 auto; padding: 0 40px; border-radius: 25px; height: 50px; line-height: 50px; background: #039a63;} .lc_zx p{ padding-left: 44px; background: url(../Image/tel.png) no-repeat left center; margin:0 auto; box-sizing:border-box; position: relative;display: block;font-size: 14px; color: #fff; height: 50px; line-height: 50px;} .lc_zx span{ display: inline-block;float: left; font-size: 18px;} .lc_zx p b {overflow: hidden; color: #fff; font: 36px "Arial"; height: 50px; line-height: 50px;} .news{width:1168px;height:640px; float: left; margin-top: 30px;} .news .newstit{height:42px;margin-bottom: 20px;border-bottom: 1px solid #b7b4b5;} .news .newstit i{color:#333333;height: 42px; display: inline-block; font-weight: normal;background:url(../Image/xw_icon1.png) no-repeat left center; text-decoration: none;padding-left: 35px;width:220px; position: relative; font-style: normal;} .news .newstit i:after{content:"";width: 148px; height: 2px; position: absolute;left: 0;bottom:-1px;background: #0561c8;} .news .newstit i a{color: #0561c8; text-decoration: none; font-size: 20px; display: inline-block;height:42px; line-height:42px; font-weight: normal;} .news .newstit span{font-weight: normal; font-size: 14px;line-height: 42px; overflow: hidden;} .news .newstit span a{color: #333;} .news_nr{ background:#f6f6f6; } .news_c{padding:0 38px;border-bottom: 7px solid #fff; position: relative; height: 426px; overflow: hidden;} .news_c:before{content:"";width: 797px; height: 1px; position: absolute;left: 0;top:70px;background:#e8e8e8;} .news_c dl{width:344px; overflow: hidden; float: left;margin-right: 20px;} .news_c dt{ width:344px;height:193px; position: relative; overflow: hidden; margin-top: 10px;} .news_c dt img{width:344px;height:193px; display: block;} .news_c dd{width:344px; overflow: hidden;} .news_c dd em{ display: block;height:70px;line-height: 70px; font-size: 24px;color: #ababab; display:block; font-weight: normal; } .news_c dd h3{font-size: 16px; font-weight: normal;margin: 15px 0 10px; height: 38px; line-height: 38px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .news_c dd h3 a{ color:#333333;} .news_c dd p{height:50px;overflow: hidden;font-size: 14px; line-height: 25px; color:#a7a7a7;margin-bottom: 10px;} .news_c dd p a{ color: #0561c8; } .news_c dl:nth-child(2){margin-right: 0;} .news_nr ul{clear: both; overflow: hidden;padding:15px 38px 18px;} .news_nr li{line-height: 38px; height: 38px; display: block; padding-left: 15px; background: url(../Image/xw_icon3.png) no-repeat 5px center; box-sizing: border-box;} .news_nr li.nones{border-bottom: 0;} .news_nr li a{ float:left;font-size: 14px;color:#5c5c5c;text-decoration: none; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;} .news_nr li span{ float: right; height: 38px;display:block; line-height: 38px;font-size: 14px; color: #bcbcbc; } .wt{width:371px;overflow: hidden;font-family:"Microsoft Yahei"; float: right; margin-top: 30px;} .wt .newstit{height:42px;margin-bottom: 20px;border-bottom: 1px solid #b7b4b5;} .wt .newstit i{color:#333333;height: 42px; display: inline-block; font-weight: normal;background:url(../Image/xw_icon2.png) no-repeat left center; text-decoration: none;padding-left: 35px;width:220px; position: relative; font-style: normal;} .wt .newstit i:after{content:"";width: 118px; height: 2px; position: absolute;left: 0;bottom:-1px;background: #0561c8;} .wt .newstit i a{color: #0561c8; text-decoration: none; font-size: 20px; display: inline-block;height:42px; line-height:42px; font-weight: normal;} .wt .newstit span{font-weight: normal; font-size: 14px;line-height: 42px; overflow: hidden;} .wt .newstit span a{color: #333;} .wt_c{height: 579px; background:#f6f6f6;padding:36px; box-sizing: border-box;} .wt_c dl{height: 300px;margin-bottom: 15px;background:url(../Image/faqico.gif) no-repeat center bottom;} .wt_c dt{ width:301px; height: 170px; } .wt_c dt img{display: block; width:301px; height: 170px;} .wt_c dd{ padding:0 18px; box-sizing: border-box; font-size: 14px; color: #333333; width: 301px; background:#fff; height: 126px;} .wt_c dd h3{padding-top: 10px; font-size: 16px;height: 42px;line-height: 42px; font-weight: normal; overflow:hidden;} .wt_c dd h3 a{ color:#333333;} .wt_c dd p{overflow: hidden;font-size: 14px; line-height: 22px; color: #787878; } .wt_c dd p a{ color: #0561c8; } .wt_c ul{clear: both; overflow: hidden;} .wt_c li{width:284px;line-height: 35px; height: 35px; display: block; padding-left: 15px; background: url(../Image/xw_icon3.png) no-repeat 5px center; box-sizing: border-box;overflow: hidden; text-overflow: ellipsis;white-space:nowrap;} .wt_c li a{font-size: 14px;color:#777777;text-decoration: none; } #gsjj_bj{ background: url(../Image/gsjj_bj.jpg) no-repeat center top; width: 100%; height: auto;} #gsjj_pic{ text-align: center; margin-top: 0;} #gsjj_bj .content{ width: 1050px; text-align: center;} #gsjj_bj ul{ text-align: center; margin-top: 30px;} #gsjj_bj ul li{ display: inline-block; position: relative; width: 195px; height: 74px; margin: 0 20px; cursor: pointer;} #gsjj_bj ul li .num{ background: #0561c8; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; position: absolute; left: 0; top: 17px; z-index: 1; transition:0.3s;} #gsjj_bj ul li .num img{ vertical-align: middle;} #gsjj_bj ul li p{ background: url(../Image/gsjj_font.png) no-repeat left top; width: 185px; height: 74px; line-height: 74px; font-size: 18px; position: absolute; right: 0; top: 0;} #gsjj_bj ul li:hover .num{ background: #039a63;} #qywh_left{ float: left; width: 600px;} #qywh_left li{ float: left; width: 300px; background: #0561c8; height: 270px; text-align: center; color: #fff;} #qywh_left li:nth-of-type(2),#qywh_left li:nth-of-type(3){ background: #f5f5f5;} #qywh_left li .pic{ padding: 50px 0 25px;} #qywh_left li p{ font-size: 26px; font-weight: bold;} #qywh_left li span{ display: block; font-size: 16px; line-height: 25px; padding-top: 20px;} #qywh_left li:nth-of-type(2) p,#qywh_left li:nth-of-type(3) p{ color: #0561c8;} #qywh_left li:nth-of-type(2) span,#qywh_left li:nth-of-type(3) span{ color: #666;} #qywh_right{ float: right; width: 600px;} #qywh_right .pic{ width: 600px; height: 270px;} #qywh_right .pic img{ width: 600px; height: 270px;} #qywh_right .content{ background: #f5f5f5; text-align: center; height: 270px; padding: 0;} #qywh_right .content .tit{ color: #0561c8; font-size: 26px; font-weight: bold; padding: 40px 0 20px;} #qywh_right .content .nr{ color: #666666;} /** sidebar **/ #sidebar{ width:250px; height:auto; overflow:hidden; float:left; background: #fff;} #main_right{ width:935px; height:auto; overflow:hidden; float:right;} .content{ padding: 20px 0 0; line-height: 30px;} #content_zy{ line-height: 30px; padding: 20px 5px;} #zi_banner{ width: 100%; height: 350px; background: url(../Image/banner.jpg) no-repeat center; overflow: hidden;} #pro_list{ background: #fff; margin-top: 10px;} #pro_list li{ height:50px; line-height:50px; border: 1px solid #efefef; border-radius: 5px; margin-bottom: 5px; text-align: left; padding-left: 30px; transition: 0.3s;} #pro_list li a{ color: #000;} #pro_list li:hover{ background: #0561c8; color: #fff;} #pro_list li:hover a{ color: #fff;} #left_bt{ height: 113px; background: url(../Image/cpbt.jpg) no-repeat left top; text-align: left; color: #fff; padding: 35px 0 0 30px;} #left_bt span{ font-size: 36px; font-family: arial; text-transform: uppercase;} #left_bt p{ font-size: 24px; position: relative;} #left_bt p:before{ position: absolute; left: 0; bottom: -15px; width: 34px; height: 1px; background: #fff; content: '';} .sideMenu{ background: #fff; padding: 10px;} .sideMenu h3{ height:35px; line-height:35px; background: url(../Image/cp_icon.png) no-repeat left center; border-bottom: 1px solid #eeeeee; padding-left: 20px; cursor:pointer; transition:0.3s; font-size: 16px;} .sideMenu h3.on{ background: url(../Image/cp_icon.png) no-repeat left center; color: #0054a3;} .sideMenu h3.on a{ color: #0054a3;} .sideMenu ul{ padding:8px 0 5px; color:#666666; display:none; /* 榛樿閮介殣钘 */ font-size: 13px;} .sideMenu ul li{ color: #666666; height: 30px; line-height: 30px; padding-left: 20px;} .title_zy{ height: 40px; line-height: 40px; border-bottom: 2px solid #0561c8;} .title_zy .left{ height: 40px; background: #0561c8; padding: 0 30px; color: #fff; font-size: 16px;} .title_zy .right{ color: #666;} .title_zy .right a{ color: #666;} .title_zy .right a:hover{ color: #f00;} .left_lx{ background: #4d4d4d; padding: 20px 0; text-align: center; color: #fff; font-size: 18px;} .left_lx p{ font-family: impact; font-size: 30px; padding-top: 10px;} #left_lxwm{ background: #e9e9e9; margin: 10px; text-align: center; padding: 20px 0;} #left_lxwm p{ background: url(../Image/lxwm_icon.png) no-repeat center top; padding-top: 45px; color: #666666;} #left_lxwm span{ display: block; color: #333333; font-size: 24px; font-weight: bold;} /** zy **/ .n_detailCon{ height:auto!important; overflow:hidden!important; overflow:visible;} .n_detailCon li{ width:100%; height:auto;position: relative; border-bottom: 1px dotted #ccc; } .n_detailCon li a{ height:auto; width:890px; display:block; margin: 0 auto; padding: 30px 0; position: relative; z-index: 1; } .n_detailCon li .n_detailPic{ width:230px; height: 173px; line-height: 173px; text-align: center; float:left; margin-left:10px; border: 1px solid #ccc;} .n_detailCon li .n_detailPic img{ max-width: 230px; max-height: 170px; vertical-align: middle;} .n_detailCon li .n_detailR{ width:620px; float:right; padding-right:10px;} .n_detailCon li .n_detailR .n_detailTitle{ height:30px; width:100%; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .n_detailCon li .n_detailR .n_detailNr{ width:100%; padding:5px 0 10px; line-height:25px; color:#6b6b6b;} .n_detailCon li .n_detailR .n_time{ line-height:25px; height:25px; color:#a8a8a8; font-size:12px;} .n_detailCon li .n_detailR .more{ padding: 0; border: none; color: #fff; font-size: 14px; line-height: 30px; width: 100px; height: 30px; background: #b8b8b8; text-align: center; float: left; transition: 0.3s;} .n_detailCon li:after,.picScroll-left .bd ul li:before { content: ''; display: block; position: absolute; box-sizing: border-box; border: 1px dotted transparent; width: 100%; z-index: 0; top: 50%; left: 0; height: 0; transition: 0.3s all;} .n_detailCon li:hover:after{ width: 100%; height: 100%; top: 0; left: 0; background: #f0f0f0;} .n_detailCon li:hover .more{ background: #0561c8;} .zxly table{ text-transform: uppercase; line-height: 35px; width: 95%; margin: 0 auto;} .zxly table input{ width: 400px; height: 34px; background: #fff; border:1px solid #fff; padding-left: 10px; border:1px solid #ccc;} .zxly table textarea{ width: 97.5%; height: 70px; background: #fff; border:1px solid #fff; color: #999999; padding: 10px; margin-top: 10px; border:1px solid #ccc;} .zxly table #submit{ width: 200px; height: 40px; background: #039a63; border:1px solid #039a63; color: #fff; border-radius: 5px; font-size: 16px; margin-top: 10px; padding: 0;} .zxly table input::-webkit-input-placeholder { color: #999999; } .zxly table input::-moz-input-placeholder { color: #999999; } .zxly table input::-ms-input-placeholder { color: #999999; } #por_left{width:570px; height:auto; margin:30px 0; float:left;} #por_right{float:right; width: 600px; height:auto; margin:30px 0; overflow:hidden;} #cpms{ border-bottom: 1px dashed #ccc; background: #f8f8f8; border-top: 1px dashed #ccc; line-height: 30px; color: #999; padding: 10px; margin-bottom: 10px;} #cpms span{ color: #cc0000;} .dg1{ width: 155px; height: 40px; margin-top: 20px; line-height: 40px; text-align: center; color: #fff; background: #060508; float: left; transition:all 0.3s linear 0s;} .dg2{ width: 155px; height: 40px; margin-top: 20px; line-height: 40px; text-align: center; color: #fff; background: #b72300; float: left; margin-left: 20px; transition:all 0.3s linear 0s;} .dg2 a{ color: #fff;} .dg1 a{ color: #fff;} .dg1:hover{ background: #f90;} .dg2:hover{ background: #f90; background-size: 21%;} #cp_tel{ background: url(../Image/tel1.png) no-repeat left top; float: left; padding: 23px 0 0 45px; width: 200px; line-height: 30px; color: #d80000; font-size: 30px; font-family: impact; margin:10px 0;} #cp_tel span{ font-size: 20px; font-family: "鏂规姝d腑榛戠畝浣?;} .dgnr{ background: url(../Image/dgpic.png) no-repeat right center; line-height: 2.0; padding: 20px 0 30px; color: #999999;} /************************************/ .page{margin:10px 20px 15px 0;} .page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;} .page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;} .current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;} /***************global*****************/ .pro li{float:left; overflow:hidden;margin:0 8px 30px; width:287px; text-align:center;white-space:nowrap; transition:all 0.3s linear 0s; border:1px solid #efefef;} .pro li .li-img{ width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;} .pro li .li-img span{ display: block; width: 100%; height: 229px; line-height: 229px; left: 0; position: absolute; background: #fff;} .pro li .li-img img{ max-width: 100%; max-height: 100%; vertical-align: middle;} .pro li p{ height: 50px; line-height: 50px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: #efefef; transition:all 0.3s linear 0s;} .pro li:hover{ background: #333;} .pro li:hover p{ background: #333; color: #fff;} .pro a{color:#444;} .pro a:hover{color:#fff;} .xgcp li{float:left; overflow:hidden;margin:0 8px 30px; width:182px; text-align:center;white-space:nowrap; transition:all 0.3s linear 0s; border:1px solid #efefef;} .xgcp li .li-img{ width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;} .xgcp li .li-img span{ display: block; width: 100%; height: 100%; left: 0; position: absolute; background: #fff;} .xgcp li .li-img img{ max-width: 100%; height: 100%;} .xgcp li p{ height: 35px; font-size: 13px; line-height: 35px; font-size: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: #efefef; transition:all 0.3s linear 0s;} .xgcp li:hover{ background: #333;} .xgcp li:hover p{ background: #333; color: #fff;} .xgcp a{color:#444;} .xgcp a:hover{color:#fff;} /*************index&goods**************/ /*.news{} .news li{ height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;} .news li:before{color:#e40413;content:'鈻燶00a0\00a0\00a0';vertical-align:2px;} .news li:hover{background-color:#f6f6f6;} .news a:hover{color:#da020d;}*/ /****************news*****************/ .news_title{color:#0561c8;text-align:center;line-height:40px;} .meta{color:#999;text-align:center;line-height:28px; border:1px solid #f0f0f0; background:#fbfbfb; margin-bottom:10px;} /***********news_info**************/ .jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;} .jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;} .jobs strong{color:#da020d;} .jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;} /***************jobs***************/ .rel_center{ text-align:center; left:50%;} .pro_name{display:block;color:#da020d;text-align:left; font-size: 18px; margin-bottom: 10px;} .info_title{ height:50px;background:#ececec;} .info_title b{display:inline-block; padding: 0 20px; height:100%; border-right:1px solid #fff; background:#0561c8; color:#fff; line-height:50px;} .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} /********goods_info&jobs_info*******/ .order{margin:20px 0 20px 80px;line-height:40px;} .order img{vertical-align:-5px;cursor:pointer;} #submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(../Image/button.gif) none center;} /**************order&message********/ /*#banner{position:relative;overflow:auto;} #banner li {float:left;} .banner .dots li.active { background: #fff; opacity: 1; } .banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }*/ /*sitemap*/ /*.mesmore{margin-top:5px;} .mesmore:hover{color:#da020d;text-decoration:underline;}*/ .sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;} .m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;} .m2{ margin-left:20px; margin-top:20px; line-height:25px;} .m2 span{ font-size:14px; font-weight:bold;} .m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;} .m2t ul{} .m2t ul li{ list-style-type:none; float:left; width:150px;} .m2t ul li a:hover{ color:red} .f{ float:right; margin-right:10px; _margin-top:7px;}