*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;} body{ font-family:arial; color:#666666; font-size:14px; background: #FFFFFF;} a{ text-decoration: none; -webkit-transition: all ease .1s; -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #666666;} a:focus { outline: 0 } a:hover{ color: #004283;} img{ border:none; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s;} ul,li{ list-style:none;} .clear{ clear:both;} p{ margin:0 auto; padding:0;} .padding5{ padding:5px;} .padding10{ padding:10px;} .padding15{ padding:15px;} .padding20{ padding:20px;} .padding30{ padding:30px;} .padding40{ padding:40px;} .fr{ float:right;} .fl{ float:left; } .paddingright{ padding-right:10px;} .paddingleft{ padding-left:10px;} .undis{ display:block; background-size: cover;} .dis{ display:none; } .pr5{ padding-right:5px;} .red{ color:#f00;} .fff{ color:#fff;} .pdt30{ padding-top: 30px;} .txtcenter{ text-align: center;} .posre{ position:relative;} .posGoods{ position:absolute; background:#ccc; width:100px; height:100px; left:100%; top:0;} /* side */ .side{position:fixed;width:54px;height:275px;right:0;bottom:150px;z-index:100;} .side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;} .side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#adadad;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;} .side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#adadad;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;} .side ul li .sidetop:hover{background:#004283;opacity:1;filter:Alpha(opacity=100);} .side ul li img{float:left;} #about .about a, #appli .appli a, #news .news a, #social .social a, #products .products a{color: #004283;} #about .about ul li a{ color: #FFFFFF;} #news .news ul li a{ color: #FFFFFF;} #appli .appli ul li a{ color: #FFFFFF;} #social .social ul li a{ color: #FFFFFF;} #products .products ul li a{ color: #FFFFFF;} .gotop { width: 24px; height: 24px; padding: 10px; background: #ccc url(../images/float_qqicon1.png) no-repeat center; position: fixed; right: 0; display:none; bottom: 0px; } input,button,select,textarea{ outline:none; font-family:arial; } textarea{resize:none;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;} submit{ font-family:"arial, helvetica, sans-serif"; } #warp{ width:100%; height:auto; overflow: hidden;} .HeaderM{ display: none;} .Headerbg.current{ background: #FFFFFF; border-bottom: 1px solid #eee;} .Headerbg.current .logo a{ display: block; width: 246px; height: 118px; background: url(../images/logo1.png) no-repeat; -webkit-transition: all ease .0s; -moz-transition: all ease .0s; transition: all ease .0s;} .Headerbg.current .Header .navBar li a{ color: #666;} .Headerbg.current .Header .navBar li a:hover{ color: #004283;} .Headerbg.current .Header .navBar li ul a{ color: #FFFFFF;} .Headerbg.current .Header .navBar li ul a:hover{ color: #FFFFFF;} .Headerbg.current .Header .Hr li{ float: left; width: 100px; height: 18px; text-align: center; color: #666; position: relative;} .Headerbg.current .Header .Hr span{ display: block; float: left; width: 1px; height: 18px; background: #666;} .Headerbg.current .Header .Hr li a{ color: #666666;} .Headerbg.current .Header .Hr li ul a{ background: #dedede;} .Headerbg.current .Header .Hr li ul a:hover{color: #FFFFFF; background: #004283;} .Headerbg{ width: 100%; height: 118px; position: fixed; left: 0; top: 0; z-index: 999;} .Header{ width: 1200px; height: 118px; position: relative;} .Header .logo{ float: left; width: 246px; height: 118px; overflow: hidden;} .Header .logo a{ display: block; width: 246px; height: 118px; background: url(../images/logo1.png) no-repeat; -webkit-transition: all ease .0s; -moz-transition: all ease .0s; transition: all ease .0s;} .Header .navBar{ float: left; width: 620px; height: 118px; margin-left:20px;} .Header .navBar li{ float: left; width: 120px; height: 118px; line-height: 118px; text-align: center; font-size: 15px; position: relative;} .Header .navBar li a{ color: #FFFFFF;} .Header .navBar li ul{ position: absolute; left: -35px; top: 100px; width: 200px; height: auto; background: #FFFFFF; } .Header .navBar li ul.navBarUl1{display: none;} .Header .navBar li ul.navBarUl2{display: none;} .Header .navBar li:hover ul.navBarUl1{display: block;} .Header .navBar li ul li{ float: none; width: 200px; height: 46px; line-height: 46px; border-bottom: 1px solid #FFFFFF; text-align: left; font-size: 14px; position: relative;} .Header .navBar li ul li a{ color: #FFFFFF; padding-left: 10px; background: #004283; display: block;} .Header .navBar li ul li a:hover{ background: #727171;} .Header .navBar li ul li ul{ position: absolute; left: 201px; top: 0; display: none; } .Header .navBar li ul li:hover ul.navBarUl2{display: block;} .Header .navBar li ul li.hasnav a{ background:#004283 url(../images/hasnavJt.png) no-repeat 180px center;} .Header .navBar li ul li.hasnav a:hover{background:#727171 url(../images/hasnavJt.png) no-repeat 180px center;} .Header .navBar li ul li.hasnav li a{background:#004283 url(../images/hasnavJt1.png) no-repeat 180px center;} .Header .navBar li ul li.hasnav li a:hover{background:#727171 url(../images/hasnavJt1.png) no-repeat 180px center;} .Header .navBar li ul.navBarUl2 li{ overflow:hidden; font-size:12px;} .Header .Hr{ float: right; width: 100px; height: 18px; margin-top: 48px; } .Header .Hr li{ float: left; width: 100px; height: 18px; text-align: center; color: #FFFFFF; position: relative;} .Header .Hr span{ display: block; float: left; width: 1px; height: 18px; background: #FFFFFF;} .Header .Hr li a{ color: #FFFFFF; font-size: 15px;} .Header .Hr li a i{ font-size:20px; padding-right:5px;} .Header .Hr li:hover ul{ display: block;} .Header .Hr li ul{ width: 100px; display: none; z-index: 20; position: absolute; left: 6px; top: 20px;} .Header .Hr li ul a{ font-size: 14px; color: #333; display: block; width: 100px; height: 32px; line-height: 32px; text-align: center; background: #FFFFFF; margin-top: 1px;} .Header .Hr li ul a:hover{ color: #FFFFFF; background: #004283;} .searchshow{ width: 208px; height: 34px; z-index: 10; background: #FFFFFF; float:left; margin-top:40px;} .searchshow .inputt{ width: 148px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;} .searchshow .submitt{ width: 39px; height: 34px; float: left; border: none; background:#004283; color: #FFFFFF; font-size: 18px; } .main_visual1{ display: none;} .main_visual{ margin-top:118px;} .main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;} .main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;} .main_visual .owl-prev,.main_visual .owl-next{width:82px;height: 108px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -54px;text-indent: -999px; overflow: hidden;} .main_visual .owl-prev{background-image: url(../images/hover_left.png);left: 0;} .main_visual .owl-next{background-image: url(../images/hover_right.png);right: 0;} .main_visual .owl-dots{ width: 100%; text-align: center; height: 13px; position:absolute; left: 0; bottom: 20px; z-index: 999;} .main_visual .owl-dots .owl-dot{display: inline-block; margin:0 10px ;} .main_visual .owl-dots .owl-dot span{ display: inline-block; width: 13px; height: 13px; background: #FFFFFF; border-radius: 50%; } .main_visual .owl-dot.active span{ background: #004283;} .inProNav{ width: 1200px; height: 438px; position: relative; z-index: 888;} .inProNav dl{ float: left; width: 383px; height: 438px; box-shadow:0 0 10px #CCCCCC; border-radius: 5px; margin-left: 25px; position:relative;} .inProNav dl a{ display:block; width:100%; height:100%;} .inProNav dl a:hover{ color:#fff;} .inProNav dl a:hover dt{color:#fff;} .inProNav dl a:hover div{ display:block;} .inProNav dl a div{ position:absolute; left:0; top:0; background:#004283; width:100%; height:100%; border-radius: 5px; display:none;} .inProNav dl:first-child{ margin-left: 0;} .inProNav dl dt{ color: #000000; font-size: 24px; font-weight: bold; line-height: 36px; padding: 39px 0 0 39px; position:relative; z-index:333;} .inProNav dl dd{ font-size: 14px; line-height: 32px; padding: 0 0 0 39px; position:relative; z-index:333;} .inProNavM{ display: none;} .inAppTop{ width: 1200px; height: 138px; line-height: 138px; overflow: hidden; font-size: 36px; color: #000000; font-weight: bold; text-align:center; text-transform:uppercase;} .inAppTop a{ font-size: 16px; font-weight: normal; padding-right: 35px; background: url(../images/SeeMore.jpg) no-repeat right center;} .inAppTop a:hover{background: url(../images/SeeMoreh.jpg) no-repeat right center;} .inAppList{ width: 1200px; height: auto; overflow: hidden;} .incpdz{ width:100%; height:42px; text-align:center; padding:20px 0; line-height:42px; text-transform:uppercase;} .incpdz a{ display:inline-block; font-size: 16px; font-weight: normal; padding-right: 35px; background: url(../images/SeeMore.jpg) no-repeat right center;} .incpdz a:hover{ background: url(../images/SeeMoreh.jpg) no-repeat right center;} .inAppListL{ float: left; width: 587px; height: 600px; overflow: hidden; border-radius: 5px; position: relative;} .inAppListL a{ display: block; color: #FFFFFF;} .inAppListL img{width: 587px; height: 600px;} .inAppListL h2{ font-size: 24px; line-height: 48px; position: absolute; left: 34px; bottom: 34px;} .inAppListL a:hover h2{ display: none;} .inAppListL a:hover .inAppListLTm{ opacity: 1;} .inAppListLTm{width: 587px; height: 600px; background: url(../images/inAppTm.png) repeat; position: absolute; left: 0; top: 0; opacity: 0; transition: .5s;} .inAppListLTm li{ position: absolute; left: 0; bottom: 0; padding: 34px 34px 50px 34px;} .inAppListLTm li h3{ font-size: 24px; line-height: 48px; height: 48px; overflow: hidden;} .inAppListLTm li p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;} .inAppListLTm li h4{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 20px;} .inAppListLTm li h4 span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .inAppListR{ float: right; width: 593px; height: auto; overflow: hidden;} .inAppListR a{ display: block; width: 593px; height: 289px; color: #FFFFFF; position: relative; margin-bottom: 20px; border-radius: 5px;} .inAppListR a img{width: 593px; height: 289px; border-radius: 5px;} .inAppListR a h2{ font-size: 24px; line-height: 48px; position: absolute; left: 34px; bottom: 34px;} .inAppListR a:hover h2{ display: none;} .inAppListR a:hover .inAppListRTm{ opacity: 1;} .inAppListRTm{width: 593px; height: 289px; background: url(../images/inAppTm.png) repeat; position: absolute; left: 0; top: 0; opacity: 0; transition: .5s; border-radius: 5px;} .inAppListRTm li{ position: absolute; left: 0; bottom: 0; padding: 34px 34px 50px 34px;} .inAppListRTm li h3{ font-size: 24px; line-height: 48px; height: 48px; overflow: hidden;} .inAppListRTm li p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;} .inAppListRTm li h4{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 20px;} .inAppListRTm li h4 span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .inab{ width: 1200px; height: 364px; overflow: hidden;} .inabL{ float: left; width: 580px; height: 364px; overflow: hidden;} .inabLTop{ width: 580px; height: 73px; overflow: hidden;} .inabLTop h2{ font-size: 30px; line-height: 70px; color: #333333; font-weight: normal;} .inabLTop h4{ width: 70px; height: 3px; background: #004283; float: left;} .inabLInfo{ width: 580px; height: auto; overflow: hidden; line-height: 24px; height:240px; margin-top: 22px;} .inabR{ float: right; width: 573px; height: 364px; overflow: hidden;} .inabR img{width: 573px; height: 364px;} .innewsNav{ width: 100%; text-align: center; height: 40px; line-height: 40px; margin-bottom:40px;} .innewsNav a{ display: inline-block; width: auto; height: 40px; line-height: 40px; background: #FFFFFF; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 30px; font-size: 16px; margin: 0 6px; padding:0 25px;} .innewsNav .tabs .thistab,.tabs .thistab a:hover {background: #004283; color: #fff; border-color:#004283 ; } .inNewsList{ width: 1200px; height: auto; overflow: hidden;} .inNewsListL{ width: 359px; height: 359px; overflow: hidden; float: left;} .inNewsListL img{ width: 359px; height: 248px;} .inNewsListL a{ display: block; width: 359px; height: 359px; overflow: hidden; } .inNewsListL a h3{ font-size: 18px; line-height: 22px; height: 44px; overflow: hidden; color: #333333; margin-top: 20px; font-weight: normal;} .inNewsListL a h4{ font-weight: normal; line-height: 26px; color: #999999; font-size: 12px; margin-top: 12px;} .inNewsListL a:hover h4{ color: #004283;} .inNewsListR{ float: right; width: 795px; height: auto; overflow: hidden;} .inNewsListR dl{ margin-left: 58px; width: 339px; height: 52px; overflow: hidden; border-bottom: 1px solid #eaeaea; float: left; padding-bottom: 20px; margin-bottom: 20px;} .inNewsListR dl dt{ width: 100%; height: 26px; line-height: 26px; overflow: hidden;} .inNewsListR dl dd{width: 100%; height: 26px; line-height: 26px; overflow: hidden; color: #999999; font-size: 13px; background: url(../images/inNewsTime.jpg) no-repeat left center; box-sizing: border-box; padding-left: 23px;} .Footerbg{ width: 100%; height: auto; background: #dedede; padding: 55px 0;} .Footer{ width: 1200px; height: auto; overflow: hidden;} .FooterL{ float: left; width: 749px; height: auto; overflow: hidden;} .FooterL dl{ float: left; padding-right: 45px;} .FooterL dl dt{ width: 100%; height: auto; font-size: 15px; color: #000; font-weight: bold; line-height: 46px;} .FooterL dl dt a{color: #000;} .FooterL dl dt h4{ width: 20px; height: 2px; background: #8a8a8a; float: left; clear: both;} .FooterL dl dd{ width: 100%; height: auto; clear: both; padding-top: 10px;} .FooterL dl dd a{ display: block; color: #666666; line-height: 30px;} .FooterL dl dd a:hover{ color: #000;} .FooterL dl.mcondis{ display:none;} .FooterR{ width: 450px; height: auto; border-left: 1px solid #3c3c3c; float: right; box-sizing: border-box; padding: 0 10px 0 65px;} .FooterR dt{ width: 100%; height: auto; font-size: 15px; color: #000; font-weight: bold; line-height: 46px;} .FooterR dt a{color: #000;} .FooterR dt h4{ width: 20px; height: 2px; background: #8a8a8a; float: left; clear: both;} .FooterR dd{ width: 100%; height: auto; clear: both; padding-top: 10px;} .FooterR dd p{ line-height: 30px; color: #666;} .FooterR dd p a{ color: #666;} .FooterR dd p a:hover{ color:#000;} .FooterCopybg{ width: 100%; height: 78px; line-height: 78px; background: #cccccc; color: #666;} .FooterCopy{ width: 1200px; height: 78px; text-align:center;} .FooterCopy a{ color: #999999;} .FooterCopy a:hover{ color: #000;} /*联系我们*/ .banner2{ width: 100%; height: 500px; margin-top: 119px; position: relative;} .MainMenu{ width: 1200px; height: 73px; background: #004283; position: relative; margin-top: -123px;} .MainMenu a{ display: block; width: 50%; height: 73px; line-height: 73px; text-align: center; float: left; color: #FFFFFF; font-size:16px;} .MainMenu a:hover{ background: #00913d;} #lm_hover{ background: #00913d;} .Abbg{ width: 100%; height: auto; padding: 70px 0; background: #f5f5f5; margin-top: 50px;} .ConTit2{ width: 100%; height: 74px; line-height: 74px; font-size: 24px; color: #000000; text-align: center;} .ConTit{ width: 100%; height: 74px; line-height: 74px; background: url(../images/MainLine.jpg) no-repeat bottom center; font-size: 36px; color: #000000; text-align: center;} .ABMenu{ width: 100%; line-height: 70px; text-align: center;} .ABMenu a{ display: inline-block; padding: 0 15px; cursor: pointer;} .ABMenu a i{ padding-right: 10px; color: #000000;} .ABMenu a:hover{ color: #004283;} #lm_hover1{ color: #004283;} .ABMenu b{ text-transform: capitalize; padding:0 10px; font-weight:normal;} .ABMenu select{ border:1px solid #eee;} .AbBox{ width: 1200px; height: auto; background: #FFFFFF; padding: 60px; overflow: hidden; margin-top: 20px; box-sizing: border-box;} .AbBoxConame{ width: 100%; height: 73px; } .AbBoxConame h3{ width: 100%; height: 70px; line-height: 70px; color: #666666; font-size: 24px; } .AbBoxConame h4{ width: 50px; height: 3px; background: #a0a0a0; float: left; clear: both;} .AbBoxConAdd{ width: 100%; height: 66px; overflow: hidden; margin-top: 45px; border-bottom: 1px solid #DEDEDE; padding-bottom:30px;} .AbBoxConAdd dl{ float: left; width: auto; height: 66px; padding-right: 15px; margin-right:15px; font-size: 14px;} .AbBoxConAdd dl:first-child{ border-right: 1px solid #DEDEDE;} .AbBoxConAdd dl dt{ width: 100%; height: 33px; line-height: 33px;} .AbBoxConAdd dl dd{ width: 100%; height: 33px; line-height: 33px;} .AbBoxConAdd dl span{ color: #004283;} .AbBoxaddList{ width: 100%; height: auto; padding: 30px 0; border-bottom: 1px solid #DEDEDE;} .AbBoxaddList dl{ float: left; width: 33.3%; height: 122px;} .AbBoxaddList dl dt{ width: 100%; height: 62px;} .AbBoxaddList dl dt h3{ line-height: 59px; font-size: 24px; } .AbBoxaddList dl dt h4{width: 50px; height: 3px; background: #a0a0a0; float: left; clear: both;} .AbBoxaddList dl dd{ width: 100%; height: 60px; line-height: 60px; font-size: 18px;} .AbBoxaddList dl dd a{ color: #004283;} .AbBoxInfo{ width: 100%; height: auto; padding-top: 45px; font-size: 20px; color: #999999; line-height: 32px;} .AbBox1{ width: 1200px; height: auto; background: #FFFFFF; padding: 60px; overflow: hidden; margin-top: 20px; line-height: 30px; font-size: 16px; box-sizing: border-box;} .AbBox1 dl{ width:800px; height:auto; margin-bottom:30px; overflow:hidden;} .AbBox1 dl dt{ float:left; width:160px; height:88px; overflow:hidden;} .AbBox1 dl dt img{width:160px; height:88px;} .AbBox1 dl dd{ float:right; width:600px; height:auto; overflow:hidden; line-height:28px;} .AbBox2{ width: 1200px; height: auto; background: #FFFFFF; padding: 60px; overflow: hidden; margin-top: 20px; line-height: 30px; font-size: 16px; box-sizing: border-box;} .conFed{ width: 831px; height: auto; overflow: hidden;} .conFed1{ width: 831px; height: 48px; overflow: hidden; margin-bottom:20px;} .conFed1 .conInput1{ width: 221px; padding: 0 20px; height: 46px; line-height: 46px; overflow: hidden; border: 1px solid #ebebeb; font-size: 16px; margin-left:20px;} .conFed1 .conInput1:first-child{ margin-left:0;} .conFed2{ width: 831px; height: 120px; overflow: hidden; margin-top: 20px;} .conFed2 .conTxt{ width: 789px; height: 78px; border: 1px solid #ebebeb; padding: 20px; overflow: hidden; line-height: 24px; font-size: 16px;} .conFed3{ width: 831px; height: 59px; overflow: hidden; margin-top: 20px; text-align: center;} .conFed3 .conSub{ width: 182px; height: 59px; text-align: center; background: #094DA0; color: #FFFFFF; border: none; font-size: 16px; } /*关于我们*/ .Abbg1{ width: 100%; height: auto; padding: 20px 0; background: #FFFFFF; margin-top: 50px;} .AbCate1{ width: 1200px; height: 476px; overflow: hidden; position: relative; } .AbCate1R{ width: 1147px; height: 476px; position: absolute; right: 0; top: 0;} .AbCate1R img{width: 1147px; height: 476px; } .AbCate1L{ position: absolute; background: #00943c; width: 552px; height: 290px; opacity: 0.8; box-sizing: border-box; padding: 70px 70px 0 108px; overflow: hidden; color: #FFFFFF; left: 0; top: 142px; z-index: 333; box-sizing: border-box;} .AbCate1L h4{ line-height: 42px; font-size: 24px; font-weight: normal;} .AbCate1L p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 12px;} .AbCate1L a{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 40px; color: #FFFFFF; display: block;} .AbCate1L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .AbCate2{ width: 1200px; height: 572px; overflow: hidden; position: relative; } .AbCate2L{ position: absolute; left: 53px; top: 0; width: 1094px; height: 572px; background: #f5f5f5; box-sizing: border-box; padding: 152px 670px 0 60px;} .AbCate2L h4{line-height: 42px; font-size: 24px; font-weight: normal; color: #333333; margin-bottom: 12px;} .AbCate2L p{ color: #333333; line-height: 24px;} .AbCate2L a{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 40px; color: #666; display: block;} .AbCate2L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian1.png) no-repeat left center; display: inline-block; float: left;} .AbCate2L h3{ float: left; clear: both; width: 98px; height: 9px; background: #00943c; margin-top: 30px;} .AbCate2R{ position: absolute; right: 0; top: 48px; width: 591px; height: 476px;} .AbCate2R img{width: 591px; height: 476px;} .AbCate3{ width: 1200px; height: 476px; overflow: hidden; position: relative; } .AbCate3R{ width: 1147px; height: 476px; position: absolute; right: 0; top: 0;} .AbCate3R img{width: 1147px; height: 476px; } .AbCate3L{ position: absolute; background: #004283; width: 552px; height: 290px; opacity: 0.8; box-sizing: border-box; padding: 100px 70px 0 108px; overflow: hidden; color: #FFFFFF; left: 0; top: 142px; z-index: 333; box-sizing: border-box;} .AbCate3L h4{ line-height: 42px; font-size: 24px; font-weight: normal;} .AbCate3L a{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #FFFFFF; display: block;} .AbCate3L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .Aboutinfo{ width: 1200px; height: auto; overflow: hidden; padding: 35px 0; font-size: 16px; line-height: 30px;} .Aboutinfo img{ max-width: 100%; height: auto;} .AboutCulList{ width: 1200px; height: auto; overflow: hidden; padding: 35px 0; } .AboutCulList dl{ width: 1200px; height: 381px; overflow: hidden; margin-bottom: 20px;} .AboutCulList dl dt{ float: left; width: 600px; height: 381px; overflow: hidden;} .AboutCulList dl dt img{width: 600px; height: 381px; } .AboutCulList dl dd{ float: left;width: 600px; height: 381px; background: #f9f9f9; box-sizing: border-box; padding: 120px 160px 50px 65px;} .AboutCulList dl dd h4{ line-height: 60px; height: 60px; font-size: 24px; color: #333333;} .AboutCulList dl dd p{ font-size: 18px; line-height: 26px; margin-top: 10px;} /*社会关系*/ .photobg1{width: 100%; height: auto; padding: 70px 0; background: #FFFFFF; } .photoBox{ width: 988px; padding: 60px 106px 20px 106px ; height: auto; overflow: hidden; background: #f5f5f5;} .photoBox dl{ width: 988px; height: 280px; overflow: hidden; margin-bottom: 45px;} .photoBox dl dt{ width: 494px; height: 280px; overflow: hidden; float: left;} .photoBox dl dt img{width: 494px; height: 280px;} .photoBox dl dd{ float: left; width: 494px; height: 280px; box-sizing: border-box;} .photoBox dl dd h2{ color: #004283; line-height: 50px; font-size: 20px} .photoBox dl dd h3{ width: 108px; height: 4px; background: #004283; float: left; clear: both;} .photoBox dl dd h4{ clear: both; line-height: 64px; height: 64px; overflow: hidden; margin-top: 15px; font-size: 28px; font-weight: normal; color: #000000;} .photoBox dl dd div{ line-height: 22px; color: #333333; height:44px; overflow:hidden;} .photoBox dl dd a{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 40px; color: #333; display: block;} .photoBox dl dd a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .photoBox dl:nth-child(odd) dd{ padding:0 50px 25px 50px;} .photoBox dl:nth-child(even) dd{ padding:0 50px 25px 50px; text-align: right;} .photoBox dl:nth-child(even) dd h3{ float: right;} .photoBox dl:nth-child(even) dd a{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 40px; color: #333; display: inline-block;} .photoBox dl:nth-child(even) dd a span{ margin-right: 10px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat right center; display: inline-block; float: left;} /*新闻资讯*/ .Newsbg1{width: 100%; height: auto; padding: 70px 0; background: #f5f5f5; } .NewsList{ width: 1220px; height: auto;} .NewsList dl{ float: left; background: #FFFFFF; width: 386px; height: 508px; margin: 10px; transition: all ease .5s; cursor: pointer; overflow: hidden;} .NewsList dl:hover{box-shadow:0 0 10px #CCCCCC;} .NewsList dl dt{ width: 386px; height: 268px; overflow: hidden;} .NewsList dl dt img{ width: 386px; height: 268px;} .NewsList dl dd{ width: 386px; height: 240px; overflow: hidden; box-sizing: border-box; padding: 25px;} .NewsList dl dd h4{ line-height: 50px; height: 50px; overflow: hidden; font-size: 18px; font-weight: normal;} .NewsList dl dd h4 a{ color: #000000;} .NewsList dl dd p{ font-size: 14px; color: #333333; line-height: 24px; height: 72px; overflow: hidden;} .NewsList dl dd h3{ font-weight: normal; color: #999999; line-height: 32px; height: 32px; overflow: hidden; font-size: 14px; margin-top: 40px;} .NewsList dl:hover h3 a{ color: #004283;} .NewsList dl:hover h4 a{ color: #004283;} .NewsShowbg{width: 100%; height: auto; padding:50px 0; background: #f5f5f5; margin-top: 119px;} .NewsShow{ width: 1200px; height: auto; background: #FFFFFF; box-sizing: border-box; padding: 50px; margin-bottom: 25px;} .NewsSTit{ width: 100%; height: auto; border-bottom: 1px solid #eeeeee; text-align: center;} .NewsSTit h2{ color: #004283; font-size: 30px; font-weight: normal; line-height: 36px; padding:15px 0;} .NewsSTit p{ line-height: 32px; height: 32px; padding-bottom: 10px; color: #999999; } .NewsSTit p img{ vertical-align: middle; padding-right: 5px;} .NewsSinfo{ width: 100%; height: auto; overflow: hidden; padding: 25px 0; font-size: 14px; line-height: 24px;} .NewsSinfo img{ max-width: 100%; height: auto;} .NewsSprev{ width: 100%; height: auto; padding-top: 25px; border-top: 1px solid #eeeeee;} .NewsSprev li{ line-height: 26px; color: #999;} .NewsSprev li span{ color: #004283; font-size: 18px;} .NewsSprev li a{ color: #333333;} .NewsSprev li a:hover{ color: #004283;} .NewsSprev h4{ float: right; display: inline-block; width: 103px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #e5e5e5; background: #eeeeee; font-weight: normal; font-size: 16px; color: #004283; border-radius: 5px;} .NewsSprev h4 i{ padding-right: 5px;} .NewsSprev h4 a{ display: block;} .NewsSprev h4 a:hover{ background: #004283; color: #FFFFFF;} /*应用*/ .appliList{ width: 100%; height: auto;} .appliList dl{ width: 100%; height: 492px; position: relative; overflow: hidden; margin-top: 40px;} .appliList dl dt{ width: 1009px; height: 492px; position: absolute; overflow: hidden;} .appliList dl dt img{ width: 1009px; height: 492px; border-radius: 5px;} .appliList dl dd{ width: 1200px; height: 437px; background: #FFFFFF; overflow: hidden; margin-top: 55px; box-sizing: border-box;} .appliList dl dd h4{ font-size: 24px; height: 62px; line-height: 62px;} .appliList dl dd a{ color: #333333;} .appliList dl dd a:hover{ color: #004283;} .appliList dl dd p{ font-size: 16px; line-height: 24px; margin-top: 10px; height:72px; overflow:hidden;} .appliList dl dd a.applia{ font-size: 14px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 40px; display: block;} .appliList dl dd a.applia span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .appliList dl:nth-child(odd) dt{ left: 0; top: 0;} .appliList dl:nth-child(odd) dd{ padding: 85px 70px 85px 790px;} .appliList dl:nth-child(even) dt{ right: 0; top: 0;} .appliList dl:nth-child(even) dd{ padding: 85px 790px 85px 70px;} .appliList1{ width:1200px; background: #FFFFFF; padding:40px; box-sizing: border-box; height: auto;} .appliList1 dl{ float: left; width: 529px; height: 493px; overflow: hidden; position: relative; margin:15px;} .appliList1 dl a{ display: block; color: #FFFFFF;} .appliList1 dl dt{ width: 529px; height: 493px; overflow: hidden;} .appliList1 dl dt img{width: 529px; height: 493px;} .appliList1 dl dd{ width: 100%; height: 199px; position: absolute; left: 0; bottom: 0; background: url(../images/AppTm.png) repeat; box-sizing: border-box; padding: 40px 30px;} .appliList1 dl dd h3{ float: left; clear: both; width: 50px; height: 2px; background: #FFFFFF;} .appliList1 dl dd h4{ clear: both; font-size: 24px; height: 60px; line-height: 60px; overflow: hidden;} .appliList1 dl dd p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;} .appliList1 dl a:hover dd{ display: none;} .appliList1 dl .appliDiv{transition: all ease .5s; opacity: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 35px; position: absolute; left: 0; top: 0; background: url(../images/inAppTm.png) repeat;} .appliList1 dl .appliDiv h3{ float: left; clear: both; width: 50px; height: 2px; background: #FFFFFF; margin-top: 180px;} .appliList1 dl .appliDiv h4{ clear: both; font-size: 24px; height: 60px; line-height: 60px; overflow: hidden;} .appliList1 dl .appliDiv p{ font-size: 16px; line-height: 24px; height: 96px; overflow: hidden;} .appliList1 dl .appliDiv h2{ font-size: 14px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top:30px; display: block;} .appliList1 dl .appliDiv h2 span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .appliList1 dl a:hover .appliDiv{ opacity: 1.0;} .job-warp{width: 1200px; text-align: left;} .job-warp ul li{height: auto;width: 100%; margin-bottom: 8px;} .job-warp li .title{height: 70px; text-align: left; color: #666666; line-height: 70px; padding: 0 35px; box-sizing: border-box; color: #004283;background-color: #ffffff;font-size: 24px;cursor:pointer;transition: all 0.5s;-webkit-transition: all 0.5s;} .job-warp li.on .title{background-color:#004283;color: #fff;} .job-warp li .title span{background: url(../images/appli_icon1.png) right center no-repeat; width: 30px; height: 30px; display: inline-block; margin-top: 20px;} .job-warp li.on .title span{background: url(../images/appli_icon2.png) right center no-repeat} .job-warp li .warp{background-color: #fff;display: block; width: 1200px; box-sizing: border-box; padding: 20px 35px; font-size: 14px; line-height: 24px; overflow: hidden;} .job-warp li .warp img{ max-width: 100%; height: auto;} .job-warp li table{ border:1px solid #ccc; border-left:0px; border-top:0px; font-size: 14px; table-layout: fixed; width: 100%; box-sizing:border-box; border-spacing:0;} .job-warp li table td{ border:1px solid #ccc; border-right:0px; border-bottom:0px; padding:8px 2px; text-align:center; word-wrap: break-word; } .job-warp li table tr{background:#f6f6f6; } .appDown{ width: 1200px; height: auto; box-sizing: border-box; padding: 20px 35px; background: #FFFFFF;} .appDown dl{ width: 100%; height: auto; line-height: 30px;} .appDown dl dt{ float: left; width: auto; height: 30px; line-height: 30px; font-size: 24px; color: #333333;} .appDown dl dd{ float: right; width: 640px; height: auto;} .appDown dl dd a{ font-size: 16px; display: block; line-height: 36px;} .appDown dl dd a span{ color: #004283;} /*产品中心*/ .goodsBox{ width: 1200px; height: auto; overflow: hidden;} .goodsBox dl{ width: 1200px; height: 487px; overflow: hidden; background: #fafafc;} .goodsBox dl dt{ float: left; width: 600px; height: 487px; box-sizing: border-box; padding: 96px 100px;} .goodsBox dl dt h4{ font-size: 24px; line-height: 66px; height: 66px; overflow: hidden;} .goodsBox dl dt h4 a{ color: #004283;} .goodsBox dl dt p{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden;} .goodsBox dl dt h3{ font-weight: normal; margin-top: 35px;} .goodsBox dl dt h3 a{ font-size: 14px; font-weight: normal; line-height: 30px; height: 30px; overflow: hidden; color: #333; display: block;} .goodsBox dl dt h3 a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .goodsBox dl dd{ float: left; width: 600px; height: 407px; position: relative;} .goodsBox dl dd img{ width: 600px; height: 407px; } .goodsBox dl:nth-child(odd) dd:after{ display:block; content:""; border-width:15px 15px 15px 15px; border-style:solid; border-color: transparent #eeeeee transparent transparent; /* 定位 */ margin-left: -30px; margin-top: -15px; position:absolute; left:0; top:50%; } .goodsBox dl:nth-child(even) dd:after{ display:block; content:""; border-width:15px 15px 15px 15px; border-style:solid; border-color: transparent transparent transparent #eeeeee; /* 定位 */ margin-right: -30px; margin-top: -15px; position:absolute; right:0; top:50%; } .goodsListBox{ overflow: hidden; width: 1180px; padding:20px 10px; height: auto; background:#e9e9e9; margin-bottom:20px;} .tableSort{ width:100%;} .tableSort th{ text-align:left; padding:0 5px;} .tableSort th.select-item{ padding:5px;} .tableSort th div{ min-height:128px; height:128px; background:#fff; padding:10px; overflow-y:auto;white-space:nowrap; display:block; text-align:left; font-size:12px; line-height:20px; font-weight:normal} .key-wrap{ padding:0 13px;} .key-wrap .key-item { margin: 0 10px 10px 0; display: inline-block; zoom: 1; padding: 0 6px; height: 22px; border: 1px solid #dedede; font-size: 12px; line-height: 22px; background: #fff; } .key-wrap .key-item .close-icon { vertical-align: -3px; margin-left: 7px; display: inline-block; zoom: 1; width: 15px; height: 15px; cursor: pointer; background-image: url(../images/del.png); } .criteria-result-wrap{padding:0 15px;} .clear-btn { vertical-align: top; display: inline-block; zoom: 1; width: 98px; height: 34px; background-color: #004283; font-size: 14px; line-height: 34px; text-align: center; color: #fff; cursor: pointer; } .sure-btn { margin-left: 10px; vertical-align: top; display: inline-block; zoom: 1; width: 98px; height: 34px; background-color: #00913d; font-size: 14px; line-height: 34px; text-align: center; color: #fff; cursor: pointer; } .statistics-info { margin-left: 17px; vertical-align: top; display: inline-block; zoom: 1; height: 34px; font-size: 14px; line-height: 34px; color: #666; } .goodsList{ width:1200px; height:auto;} .goodsList tbody tr:nth-child(even){ background:#e4e4e4;} .goodsList tbody{ border-left:0px; border-top:0px; font-size: 14px; table-layout: fixed; width: 100%; box-sizing:border-box; border-spacing:0;} .goodsList tbody td{ border-right:0px; border-bottom:0px; padding:8px 14px; text-align:center; word-wrap: break-word; position:relative;} .goodsList tbody td ul{ display:none; background:#fff; position:absolute; right:-120px; top:0; width:120px; z-index:999; line-height:18px; } .goodsList tbody td ul li{ padding:10px 0; text-align:left;} .goodsList tbody td ul li i{ padding:0 10px;} .goodsList tbody td:hover ul{ display:block;} .goodsList tbody tr td:nth-child(2){ width:190px;} .goodsList tbody tr td:nth-child(3){ width:98px;} .goodsList tbody tr{background:#f5f5f5; } .goodsList tbody tr span{} .goodsList dl{ width:100%; height:auto; border:1px solid #eee; background:#f7f7f7; box-sizing:border-box; margin-bottom:10px;} .goodsList dl dt{ width:100%; height:42px; line-height:42px; text-align:left; box-sizing:border-box; padding:0 25px; background:#eee; font-weight:bold;} .goodsList dl dt span{ color: #004283;} .goodsList dl dd{ width:100%; height:auto; padding:18px; float:left;} .goodsList dl dd i{ line-height:32px;} .goodsList dl dd span{ display:block; float:left; width:16%; border:1px solid #dedede; text-align:center; height:auto; line-height:26px;} .goodsList dl dd span b{ color: #004283; display:block;} .goodsList dl dt ul{ float:right; width:auto; height:36px; line-height:36px; overflow:hidden;} .goodsList dl dt ul li{ float:left; padding:0 20px; background: url(../images/pdf-icon.png) no-repeat left center; } /*0910*/ .inDzbox{ width:1200px; height:auto; overflow:hidden;} .inDzbox img{ width:100%; height:auto; } /*0919*/ .mpokf{ display:none;} @media (max-width: 1279px) { .HeaderM{ display: none;} .Headerbg.current{ background: #FFFFFF; border-bottom: 1px solid #eee;} .Headerbg.current .logo a{ display: block; width: 246px; height: 118px; background: url(../images/logo1.png) no-repeat; -webkit-transition: all ease .0s; -moz-transition: all ease .0s; transition: all ease .0s;} .Headerbg.current .Header .navBar li a{ color: #666;} .Headerbg.current .Header .navBar li a:hover{ color: #004283;} .Headerbg.current .Header .navBar li ul a{ color: #FFFFFF;} .Headerbg.current .Header .navBar li ul a:hover{ color: #FFFFFF;} .Headerbg.current .Header .Hr li{ float: left; width: 100px; height: 18px; text-align: center; color: #666; position: relative;} .Headerbg.current .Header .Hr span{ display: block; float: left; width: 1px; height: 18px; background: #666;} .Headerbg.current .Header .Hr li a{ color: #666666;} .Headerbg.current .Header .Hr li ul a{ background: #dedede;} .Headerbg.current .Header .Hr li ul a:hover{color: #FFFFFF; background: #004283;} .Headerbg{ width: 100%; height: 118px; position: fixed; left: 0; top: 0; z-index: 999;} .Header{ width: 1080px; height: 118px; position: relative;} .Header .logo{ float: left; width: 246px; height: 118px; overflow: hidden;} .Header .logo a{ display: block; width: 246px; height: 118px; background: url(../images/logo1.png) no-repeat; -webkit-transition: all ease .0s; -moz-transition: all ease .0s; transition: all ease .0s;} .Header .navBar{ float: left; width: 510px; height: 118px; margin-left:0;} .Header .navBar li{ float: left; width: 100px; height: 118px; line-height: 118px; text-align: center; font-size: 14px; position: relative;} .Header .navBar li a{ color: #FFFFFF;} .Header .navBar li ul{ position: absolute; left: -35px; top: 100px; width: 200px; height: auto; background: #FFFFFF; } .Header .navBar li ul.navBarUl1{display: none;} .Header .navBar li ul.navBarUl2{display: none;} .Header .navBar li:hover ul.navBarUl1{display: block;} .Header .navBar li ul li{ float: none; width: 200px; height: 46px; line-height: 46px; border-bottom: 1px solid #FFFFFF; text-align: left; font-size: 14px; position: relative;} .Header .navBar li ul li a{ color: #FFFFFF; padding-left: 10px; background: #004283; display: block;} .Header .navBar li ul li a:hover{ background: #727171;} .Header .navBar li ul li ul{ position: absolute; left: 201px; top: 0; display: none; } .Header .navBar li ul li:hover ul.navBarUl2{display: block;} .Header .navBar li ul li.hasnav a{ background:#004283 url(../images/hasnavJt.png) no-repeat 180px center;} .Header .navBar li ul li.hasnav a:hover{background:#727171 url(../images/hasnavJt.png) no-repeat 180px center;} .Header .navBar li ul li.hasnav li a{background:#004283 url(../images/hasnavJt1.png) no-repeat 180px center;} .Header .navBar li ul li.hasnav li a:hover{background:#727171 url(../images/hasnavJt1.png) no-repeat 180px center;} .Header .navBar li ul.navBarUl2 li{ overflow:hidden; font-size:12px;} .Header .Hr{ float: right; width: 100px; height: 18px; margin-top: 48px; } .Header .Hr li{ float: left; width: 100px; height: 18px; text-align: center; color: #FFFFFF; position: relative;} .Header .Hr span{ display: block; float: left; width: 1px; height: 18px; background: #FFFFFF;} .Header .Hr li a{ color: #FFFFFF; font-size: 15px;} .Header .Hr li a i{ font-size:20px; padding-right:5px;} .Header .Hr li:hover ul{ display: block;} .Header .Hr li ul{ width: 100px; display: none; z-index: 20; position: absolute; left: 6px; top: 20px;} .Header .Hr li ul a{ font-size: 14px; color: #333; display: block; width: 100px; height: 32px; line-height: 32px; text-align: center; background: #FFFFFF; margin-top: 1px;} .Header .Hr li ul a:hover{ color: #FFFFFF; background: #004283;} .searchshow{ width: 208px; height: 34px; z-index: 10; background: #FFFFFF; float:left; margin-top:40px;} .searchshow .inputt{ width: 148px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;} .searchshow .submitt{ width: 39px; height: 34px; float: left; border: none; background:#004283; color: #FFFFFF; font-size: 18px; } .main_visual1{ display: none;} .main_visual{ margin-top:118px;} .main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;} .main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;} .main_visual .owl-prev,.main_visual .owl-next{width:82px;height: 108px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -54px;text-indent: -999px; overflow: hidden;} .main_visual .owl-prev{background-image: url(../images/hover_left.png);left: 0;} .main_visual .owl-next{background-image: url(../images/hover_right.png);right: 0;} .main_visual .owl-dots{ width: 100%; text-align: center; height: 13px; position:absolute; left: 0; bottom: 20px; z-index: 999;} .main_visual .owl-dots .owl-dot{display: inline-block; margin:0 10px ;} .main_visual .owl-dots .owl-dot span{ display: inline-block; width: 13px; height: 13px; background: #FFFFFF; border-radius: 50%; } .main_visual .owl-dot.active span{ background: #004283;} .inProNav{ width: 1080px; height: 438px; position: relative; z-index: 888;} .inProNav dl{ float: left; width: 350px; height: 400px; box-shadow:0 0 10px #CCCCCC; border-radius: 5px; margin-left: 15px; position:relative;} .inProNav dl a{ display:block; width:100%; height:100%;} .inProNav dl a:hover{ color:#fff;} .inProNav dl a:hover dt{color:#fff;} .inProNav dl a:hover div{ display:block;} .inProNav dl a div{ position:absolute; left:0; top:0; background:#004283; width:100%; height:100%; border-radius: 5px; display:none;} .inProNav dl:first-child{ margin-left: 0;} .inProNav dl dt{ color: #000000; font-size: 24px; font-weight: bold; line-height: 36px; padding: 39px 0 0 39px; position:relative; z-index:333;} .inProNav dl dd{ font-size: 14px; line-height: 32px; padding: 0 0 0 39px; position:relative; z-index:333;} .inProNavM{ display: none;} .inAppTop{ width: 1080px; height: 138px; line-height: 138px; overflow: hidden; font-size: 36px; color: #000000; font-weight: bold; text-align:center; text-transform:uppercase;} .inAppTop a{ font-size: 16px; font-weight: normal; padding-right: 35px; background: url(../images/SeeMore.jpg) no-repeat right center;} .inAppTop a:hover{background: url(../images/SeeMoreh.jpg) no-repeat right center;} .inAppList{ width: 1080px; height: auto; overflow: hidden;} .incpdz{ width:100%; height:42px; text-align:center; padding:20px 0; line-height:42px; text-transform:uppercase;} .incpdz a{ display:inline-block; font-size: 16px; font-weight: normal; padding-right: 35px; background: url(../images/SeeMore.jpg) no-repeat right center;} .incpdz a:hover{ background: url(../images/SeeMoreh.jpg) no-repeat right center;} .inAppListL{ float: left; width: 487px; height: 600px; overflow: hidden; border-radius: 5px; position: relative;} .inAppListL a{ display: block; color: #FFFFFF;} .inAppListL img{width: 587px; height: 600px;} .inAppListL h2{ font-size: 24px; line-height: 48px; position: absolute; left: 34px; bottom: 34px;} .inAppListL a:hover h2{ display: none;} .inAppListL a:hover .inAppListLTm{ opacity: 1;} .inAppListLTm{width: 587px; height: 600px; background: url(../images/inAppTm.png) repeat; position: absolute; left: 0; top: 0; opacity: 0; transition: .5s;} .inAppListLTm li{ position: absolute; left: 0; bottom: 0; padding: 34px 34px 50px 34px;} .inAppListLTm li h3{ font-size: 24px; line-height: 48px; height: 48px; overflow: hidden;} .inAppListLTm li p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;} .inAppListLTm li h4{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 20px;} .inAppListLTm li h4 span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .inAppListR{ float: right; width: 573px; height: auto; overflow: hidden;} .inAppListR a{ display: block; width: 573px; height: 289px; color: #FFFFFF; position: relative; margin-bottom: 20px; border-radius: 5px;} .inAppListR a img{width: 573px; height: 289px; border-radius: 5px;} .inAppListR a h2{ font-size: 24px; line-height: 48px; position: absolute; left: 34px; bottom: 34px;} .inAppListR a:hover h2{ display: none;} .inAppListR a:hover .inAppListRTm{ opacity: 1;} .inAppListRTm{width: 573px; height: 289px; background: url(../images/inAppTm.png) repeat; position: absolute; left: 0; top: 0; opacity: 0; transition: .5s; border-radius: 5px;} .inAppListRTm li{ position: absolute; left: 0; bottom: 0; padding: 34px 34px 50px 34px;} .inAppListRTm li h3{ font-size: 24px; line-height: 48px; height: 48px; overflow: hidden;} .inAppListRTm li p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;} .inAppListRTm li h4{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 20px;} .inAppListRTm li h4 span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .inab{ width: 1080px; height: 364px; overflow: hidden;} .inabL{ float: left; width: 520px; height: 364px; overflow: hidden;} .inabLTop{ width: 520px; height: 73px; overflow: hidden;} .inabLTop h2{ font-size: 30px; line-height: 70px; color: #333333; font-weight: normal;} .inabLTop h4{ width: 70px; height: 3px; background: #004283; float: left;} .inabLInfo{ width: 520px; height: auto; overflow: hidden; line-height: 24px; height:240px; margin-top: 22px;} .inabR{ float: right; width: 543px; height: 364px; overflow: hidden;} .inabR img{width: 543px; height: 364px;} .innewsNav{ width: 100%; text-align: center; height: 40px; line-height: 40px; margin-bottom:40px;} .innewsNav a{ display: inline-block; width: auto; height: 40px; line-height: 40px; background: #FFFFFF; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 30px; font-size: 16px; margin: 0 6px; padding:0 25px;} .innewsNav .tabs .thistab,.tabs .thistab a:hover {background: #004283; color: #fff; border-color:#004283 ; } .inNewsList{ width: 1080px; height: auto; overflow: hidden;} .inNewsListL{ width: 359px; height: 359px; overflow: hidden; float: left;} .inNewsListL img{ width: 359px; height: 248px;} .inNewsListL a{ display: block; width: 359px; height: 359px; overflow: hidden; } .inNewsListL a h3{ font-size: 18px; line-height: 22px; height: 44px; overflow: hidden; color: #333333; margin-top: 20px; font-weight: normal;} .inNewsListL a h4{ font-weight: normal; line-height: 26px; color: #999999; font-size: 12px; margin-top: 12px;} .inNewsListL a:hover h4{ color: #004283;} .inNewsListR{ float: right; width: 695px; height: auto; overflow: hidden;} .inNewsListR dl{ margin-left: 38px; width: 309px; height: 52px; overflow: hidden; border-bottom: 1px solid #eaeaea; float: left; padding-bottom: 20px; margin-bottom: 20px;} .inNewsListR dl dt{ width: 100%; height: 26px; line-height: 26px; overflow: hidden;} .inNewsListR dl dd{width: 100%; height: 26px; line-height: 26px; overflow: hidden; color: #999999; font-size: 13px; background: url(../images/inNewsTime.jpg) no-repeat left center; box-sizing: border-box; padding-left: 23px;} .Footerbg{ width: 100%; height: auto; background: #dedede; padding: 55px 0;} .Footer{ width: 1080px; height: auto; overflow: hidden;} .FooterL{ float: left; width: 649px; height: auto; overflow: hidden;} .FooterL dl{ float: left; padding-right: 45px;} .FooterL dl dt{ width: 100%; height: auto; font-size: 15px; color: #000; font-weight: bold; line-height: 46px;} .FooterL dl dt a{color: #000;} .FooterL dl dt h4{ width: 20px; height: 2px; background: #8a8a8a; float: left; clear: both;} .FooterL dl dd{ width: 100%; height: auto; clear: both; padding-top: 10px;} .FooterL dl dd a{ display: block; color: #666666; line-height: 30px;} .FooterL dl dd a:hover{ color: #000;} .FooterL dl.mcondis{ display:none;} .FooterR{ width: 400px; height: auto; border-left: 1px solid #3c3c3c; float: right; box-sizing: border-box; padding: 0 10px 0 15px;} .FooterR dt{ width: 100%; height: auto; font-size: 15px; color: #000; font-weight: bold; line-height: 46px;} .FooterR dt a{color: #000;} .FooterR dt h4{ width: 20px; height: 2px; background: #8a8a8a; float: left; clear: both;} .FooterR dd{ width: 100%; height: auto; clear: both; padding-top: 10px;} .FooterR dd p{ line-height: 30px; color: #666;} .FooterR dd p a{ color: #666;} .FooterR dd p a:hover{ color:#000;} .FooterCopybg{ width: 100%; height: 78px; line-height: 78px; background: #cccccc; color: #666;} .FooterCopy{ width: 1080px; height: 78px; text-align:center;} .FooterCopy a{ color: #999999;} .FooterCopy a:hover{ color: #000;} /*联系我们*/ .banner2{ width: 100%; height: 500px; margin-top: 119px; position: relative;} .MainMenu{ width: 1080px; height: 73px; background: #004283; position: relative; margin-top: -123px;} .MainMenu a{ display: block; width: 50%; height: 73px; line-height: 73px; text-align: center; float: left; color: #FFFFFF; font-size:16px;} .MainMenu a:hover{ background: #00913d;} #lm_hover{ background: #00913d;} .Abbg{ width: 100%; height: auto; padding: 70px 0; background: #f5f5f5; margin-top: 50px;} .ConTit2{ width: 100%; height: 74px; line-height: 74px; font-size: 24px; color: #000000; text-align: center;} .ConTit{ width: 100%; height: 74px; line-height: 74px; background: url(../images/MainLine.jpg) no-repeat bottom center; font-size: 36px; color: #000000; text-align: center;} .ABMenu{ width: 100%; line-height: 70px; text-align: center;} .ABMenu a{ display: inline-block; padding: 0 15px;} .ABMenu a i{ padding-right: 10px; color: #000000;} .ABMenu a:hover{ color: #004283;} #lm_hover1{ color: #004283;} .ABMenu b{ text-transform: capitalize; padding:0 10px; font-weight:normal;} .ABMenu select{ border:1px solid #eee;} .AbBox{ width: 1080px; height: auto; background: #FFFFFF; padding: 30px; overflow: hidden; margin-top: 20px; box-sizing: border-box;} .AbBoxConame{ width: 100%; height: 73px; } .AbBoxConame h3{ width: 100%; height: 70px; line-height: 70px; color: #666666; font-size: 24px; } .AbBoxConame h4{ width: 50px; height: 3px; background: #a0a0a0; float: left; clear: both;} .AbBoxConAdd{ width: 100%; height: 66px; overflow: hidden; margin-top: 45px; border-bottom: 1px solid #DEDEDE; padding-bottom:30px;} .AbBoxConAdd dl{ float: left; width: auto; height: 66px; padding-right: 15px; margin-right:15px; font-size: 14px;} .AbBoxConAdd dl:first-child{ border-right: 1px solid #DEDEDE;} .AbBoxConAdd dl dt{ width: 100%; height: 33px; line-height: 33px;} .AbBoxConAdd dl dd{ width: 100%; height: 33px; line-height: 33px;} .AbBoxConAdd dl span{ color: #004283;} .AbBoxaddList{ width: 100%; height: auto; padding: 30px 0; border-bottom: 1px solid #DEDEDE;} .AbBoxaddList dl{ float: left; width: 33.3%; height: 122px;} .AbBoxaddList dl dt{ width: 100%; height: 62px;} .AbBoxaddList dl dt h3{ line-height: 59px; font-size: 24px; } .AbBoxaddList dl dt h4{width: 50px; height: 3px; background: #a0a0a0; float: left; clear: both;} .AbBoxaddList dl dd{ width: 100%; height: 60px; line-height: 60px; font-size: 18px;} .AbBoxaddList dl dd a{ color: #004283;} .AbBoxInfo{ width: 100%; height: auto; padding-top: 45px; font-size: 20px; color: #999999; line-height: 32px;} .AbBox1{ width: 1080px; height: auto; background: #FFFFFF; padding: 60px; overflow: hidden; margin-top: 20px; line-height: 30px; font-size: 16px; box-sizing: border-box;} .AbBox1 dl{ width:800px; height:auto; margin-bottom:30px; overflow:hidden;} .AbBox1 dl dt{ float:left; width:160px; height:88px; overflow:hidden;} .AbBox1 dl dt img{width:160px; height:88px;} .AbBox1 dl dd{ float:right; width:600px; height:auto; overflow:hidden; line-height:28px;} .AbBox2{ width: 1080px; height: auto; background: #FFFFFF; padding: 60px; overflow: hidden; margin-top: 20px; line-height: 30px; font-size: 16px; box-sizing: border-box;} .conFed{ width: 831px; height: auto; overflow: hidden;} .conFed1{ width: 831px; height: 48px; overflow: hidden; margin-bottom:20px;} .conFed1 .conInput1{ width: 221px; padding: 0 20px; height: 46px; line-height: 46px; overflow: hidden; border: 1px solid #ebebeb; font-size: 16px; margin-left:20px;} .conFed1 .conInput1:first-child{ margin-left:0;} .conFed2{ width: 831px; height: 120px; overflow: hidden; margin-top: 20px;} .conFed2 .conTxt{ width: 789px; height: 78px; border: 1px solid #ebebeb; padding: 20px; overflow: hidden; line-height: 24px; font-size: 16px;} .conFed3{ width: 831px; height: 59px; overflow: hidden; margin-top: 20px; text-align: center;} .conFed3 .conSub{ width: 182px; height: 59px; text-align: center; background: #094DA0; color: #FFFFFF; border: none; font-size: 16px; } /*关于我们*/ .Abbg1{ width: 100%; height: auto; padding: 20px 0; background: #FFFFFF; margin-top: 50px;} .AbCate1{ width: 1080px; height: 476px; overflow: hidden; position: relative; } .AbCate1R{ width: 1147px; height: 476px; position: absolute; right: 0; top: 0;} .AbCate1R img{width: 1147px; height: 476px; } .AbCate1L{ position: absolute; background: #00943c; width: 552px; height: 290px; opacity: 0.8; box-sizing: border-box; padding: 70px 70px 0 108px; overflow: hidden; color: #FFFFFF; left: 0; top: 142px; z-index: 333; box-sizing: border-box;} .AbCate1L h4{ line-height: 42px; font-size: 24px; font-weight: normal;} .AbCate1L p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 12px;} .AbCate1L a{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 40px; color: #FFFFFF; display: block;} .AbCate1L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .AbCate2{ width: 1080px; height: 572px; overflow: hidden; position: relative; } .AbCate2L{ position: absolute; left: 53px; top: 0; width: 1094px; height: 572px; background: #f5f5f5; box-sizing: border-box; padding: 152px 670px 0 60px;} .AbCate2L h4{line-height: 42px; font-size: 24px; font-weight: normal; color: #333333; margin-bottom: 12px;} .AbCate2L p{ color: #333333; line-height: 24px;} .AbCate2L a{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 40px; color: #666; display: block;} .AbCate2L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian1.png) no-repeat left center; display: inline-block; float: left;} .AbCate2L h3{ float: left; clear: both; width: 98px; height: 9px; background: #00943c; margin-top: 30px;} .AbCate2R{ position: absolute; right: 0; top: 48px; width: 591px; height: 476px;} .AbCate2R img{width: 591px; height: 476px;} .AbCate3{ width: 1080px; height: 476px; overflow: hidden; position: relative; } .AbCate3R{ width: 1147px; height: 476px; position: absolute; right: 0; top: 0;} .AbCate3R img{width: 1147px; height: 476px; } .AbCate3L{ position: absolute; background: #004283; width: 552px; height: 290px; opacity: 0.8; box-sizing: border-box; padding: 100px 70px 0 108px; overflow: hidden; color: #FFFFFF; left: 0; top: 142px; z-index: 333; box-sizing: border-box;} .AbCate3L h4{ line-height: 42px; font-size: 24px; font-weight: normal;} .AbCate3L a{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #FFFFFF; display: block;} .AbCate3L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .Aboutinfo{ width: 1080px; height: auto; overflow: hidden; padding: 35px 0; font-size: 16px; line-height: 30px;} .Aboutinfo img{ max-width: 100%; height: auto;} .AboutCulList{ width: 1080px; height: auto; overflow: hidden; padding: 35px 0; } .AboutCulList dl{ width: 1080px; height: 381px; overflow: hidden; margin-bottom: 20px;} .AboutCulList dl dt{ float: left; width: 540px; height: 381px; overflow: hidden;} .AboutCulList dl dt img{width: 540px; height: 381px; } .AboutCulList dl dd{ float: left;width: 540px; height: 381px; background: #f9f9f9; box-sizing: border-box; padding: 120px 160px 50px 65px;} .AboutCulList dl dd h4{ line-height: 60px; height: 60px; font-size: 24px; color: #333333;} .AboutCulList dl dd p{ font-size: 18px; line-height: 26px; margin-top: 10px;} /*社会关系*/ .photobg1{width: 100%; height: auto; padding: 70px 0; background: #FFFFFF; } .photoBox{ width: 988px; padding: 60px 106px 20px 106px ; height: auto; overflow: hidden; background: #f5f5f5;} .photoBox dl{ width: 988px; height: 280px; overflow: hidden; margin-bottom: 45px;} .photoBox dl dt{ width: 494px; height: 280px; overflow: hidden; float: left;} .photoBox dl dt img{width: 494px; height: 280px;} .photoBox dl dd{ float: left; width: 494px; height: 280px; box-sizing: border-box;} .photoBox dl dd h2{ color: #004283; line-height: 50px; font-size: 20px} .photoBox dl dd h3{ width: 108px; height: 4px; background: #004283; float: left; clear: both;} .photoBox dl dd h4{ clear: both; line-height: 64px; height: 64px; overflow: hidden; margin-top: 15px; font-size: 28px; font-weight: normal; color: #000000;} .photoBox dl dd div{ line-height: 22px; color: #333333; height:44px; overflow:hidden;} .photoBox dl dd a{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 40px; color: #333; display: block;} .photoBox dl dd a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .photoBox dl:nth-child(odd) dd{ padding:0 50px 25px 50px;} .photoBox dl:nth-child(even) dd{ padding:0 50px 25px 50px; text-align: right;} .photoBox dl:nth-child(even) dd h3{ float: right;} .photoBox dl:nth-child(even) dd a{ font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 40px; color: #333; display: inline-block;} .photoBox dl:nth-child(even) dd a span{ margin-right: 10px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat right center; display: inline-block; float: left;} /*新闻资讯*/ .Newsbg1{width: 100%; height: auto; padding: 70px 0; background: #f5f5f5; } .NewsList{ width: 1080px; height: auto;} .NewsList dl{ float: left; background: #FFFFFF; width: 340px; height: 508px; margin: 10px; transition: all ease .5s; cursor: pointer; overflow: hidden;} .NewsList dl:hover{box-shadow:0 0 10px #CCCCCC;} .NewsList dl dt{ width: 340px; height: 268px; overflow: hidden;} .NewsList dl dt img{ width: 340px; height: 268px;} .NewsList dl dd{ width: 340px; height: 240px; overflow: hidden; box-sizing: border-box; padding: 25px;} .NewsList dl dd h4{ line-height: 50px; height: 50px; overflow: hidden; font-size: 18px; font-weight: normal;} .NewsList dl dd h4 a{ color: #000000;} .NewsList dl dd p{ font-size: 14px; color: #333333; line-height: 24px; height: 72px; overflow: hidden;} .NewsList dl dd h3{ font-weight: normal; color: #999999; line-height: 32px; height: 32px; overflow: hidden; font-size: 14px; margin-top: 40px;} .NewsList dl:hover h3 a{ color: #004283;} .NewsList dl:hover h4 a{ color: #004283;} .NewsShowbg{width: 100%; height: auto; padding:50px 0; background: #f5f5f5; margin-top: 119px;} .NewsShow{ width: 1080px; height: auto; background: #FFFFFF; box-sizing: border-box; padding: 30px; margin-bottom: 25px;} .NewsSTit{ width: 100%; height: auto; border-bottom: 1px solid #eeeeee; text-align: center;} .NewsSTit h2{ color: #004283; font-size: 30px; font-weight: normal; line-height: 36px; padding:15px 0;} .NewsSTit p{ line-height: 32px; height: 32px; padding-bottom: 10px; color: #999999; } .NewsSTit p img{ vertical-align: middle; padding-right: 5px;} .NewsSinfo{ width: 100%; height: auto; overflow: hidden; padding: 25px 0; font-size: 14px; line-height: 24px;} .NewsSinfo img{ max-width: 100%; height: auto;} .NewsSprev{ width: 100%; height: auto; padding-top: 25px; border-top: 1px solid #eeeeee;} .NewsSprev li{ line-height: 26px; color: #999;} .NewsSprev li span{ color: #004283; font-size: 18px;} .NewsSprev li a{ color: #333333;} .NewsSprev li a:hover{ color: #004283;} .NewsSprev h4{ float: right; display: inline-block; width: 103px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #e5e5e5; background: #eeeeee; font-weight: normal; font-size: 16px; color: #004283; border-radius: 5px;} .NewsSprev h4 i{ padding-right: 5px;} .NewsSprev h4 a{ display: block;} .NewsSprev h4 a:hover{ background: #004283; color: #FFFFFF;} /*应用*/ .appliList{ width: 100%; height: auto;} .appliList dl{ width: 100%; height: 492px; position: relative; overflow: hidden; margin-top: 40px;} .appliList dl dt{ width: 809px; height: 492px; position: absolute; overflow: hidden;} .appliList dl dt img{ width: 809px; height: 492px; border-radius: 5px;} .appliList dl dd{ width: 1080px; height: 437px; background: #FFFFFF; overflow: hidden; margin-top: 55px; box-sizing: border-box;} .appliList dl dd h4{ font-size: 21px; height: 62px; line-height: 62px;} .appliList dl dd a{ color: #333333;} .appliList dl dd a:hover{ color: #004283;} .appliList dl dd p{ font-size: 16px; line-height: 24px; margin-top: 10px; height:72px; overflow:hidden;} .appliList dl dd a.applia{ font-size: 14px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 40px; display: block;} .appliList dl dd a.applia span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .appliList dl:nth-child(odd) dt{ left: 0; top: 0;} .appliList dl:nth-child(odd) dd{ padding: 85px 70px 85px 750px;} .appliList dl:nth-child(even) dt{ right: 0; top: 0;} .appliList dl:nth-child(even) dd{ padding: 85px 750px 85px 70px;} .appliList1{ width:1080px; background: #FFFFFF; padding:40px; box-sizing: border-box; height: auto;} .appliList1 dl{ float: left; width:469px; height: 493px; overflow: hidden; position: relative; margin:15px;} .appliList1 dl a{ display: block; color: #FFFFFF;} .appliList1 dl dt{ width: 529px; height: 493px; overflow: hidden;} .appliList1 dl dt img{width: 529px; height: 493px;} .appliList1 dl dd{ width: 100%; height: 199px; position: absolute; left: 0; bottom: 0; background: url(../images/AppTm.png) repeat; box-sizing: border-box; padding: 40px 30px;} .appliList1 dl dd h3{ float: left; clear: both; width: 50px; height: 2px; background: #FFFFFF;} .appliList1 dl dd h4{ clear: both; font-size: 24px; height: 60px; line-height: 60px; overflow: hidden;} .appliList1 dl dd p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;} .appliList1 dl a:hover dd{ display: none;} .appliList1 dl .appliDiv{transition: all ease .5s; opacity: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 35px; position: absolute; left: 0; top: 0; background: url(../images/inAppTm.png) repeat;} .appliList1 dl .appliDiv h3{ float: left; clear: both; width: 50px; height: 2px; background: #FFFFFF; margin-top: 180px;} .appliList1 dl .appliDiv h4{ clear: both; font-size: 24px; height: 60px; line-height: 60px; overflow: hidden;} .appliList1 dl .appliDiv p{ font-size: 16px; line-height: 24px; height: 96px; overflow: hidden;} .appliList1 dl .appliDiv h2{ font-size: 14px; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top:30px; display: block;} .appliList1 dl .appliDiv h2 span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .appliList1 dl a:hover .appliDiv{ opacity: 1.0;} .job-warp{width: 1080px; text-align: left;} .job-warp ul li{height: auto;width: 100%; margin-bottom: 8px;} .job-warp li .title{height: 70px; text-align: left; color: #666666; line-height: 70px; padding: 0 35px; box-sizing: border-box; color: #004283;background-color: #ffffff;font-size: 24px;cursor:pointer;transition: all 0.5s;-webkit-transition: all 0.5s;} .job-warp li.on .title{background-color:#004283;color: #fff;} .job-warp li .title span{background: url(../images/appli_icon1.png) right center no-repeat; width: 30px; height: 30px; display: inline-block; margin-top: 20px;} .job-warp li.on .title span{background: url(../images/appli_icon2.png) right center no-repeat} .job-warp li .warp{background-color: #fff;display: block; width: 1080px; box-sizing: border-box; padding: 20px 35px; font-size: 14px; line-height: 24px; overflow: hidden;} .job-warp li .warp img{ max-width: 100%; height: auto;} .job-warp li table{ border:1px solid #ccc; border-left:0px; border-top:0px; font-size: 14px; table-layout: fixed; width: 100%; box-sizing:border-box; border-spacing:0;} .job-warp li table td{ border:1px solid #ccc; border-right:0px; border-bottom:0px; padding:8px 2px; text-align:center; word-wrap: break-word; } .job-warp li table tr{background:#f6f6f6; } .appDown{ width: 1080px; height: auto; box-sizing: border-box; padding: 20px 35px; background: #FFFFFF;} .appDown dl{ width: 100%; height: auto; line-height: 30px;} .appDown dl dt{ float: left; width: auto; height: 30px; line-height: 30px; font-size: 24px; color: #333333;} .appDown dl dd{ float: right; width: 640px; height: auto;} .appDown dl dd a{ font-size: 16px; display: block; line-height: 36px;} .appDown dl dd a span{ color: #004283;} /*产品中心*/ .goodsBox{ width: 1080px; height: auto; overflow: hidden;} .goodsBox dl{ width: 1080px; height: 407px; overflow: hidden; background: #fafafc;} .goodsBox dl dt{ float: left; width: 460px; height: 487px; box-sizing: border-box; padding: 96px 30px;} .goodsBox dl dt h4{ font-size: 24px; line-height: 66px; height: 66px; overflow: hidden;} .goodsBox dl dt h4 a{ color: #004283;} .goodsBox dl dt p{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden;} .goodsBox dl dt h3{ font-weight: normal; margin-top: 35px;} .goodsBox dl dt h3 a{ font-size: 14px; font-weight: normal; line-height: 30px; height: 30px; overflow: hidden; color: #333; display: block;} .goodsBox dl dt h3 a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .goodsBox dl dd{ float: left; width: 600px; height: 407px; position: relative;} .goodsBox dl dd img{ width: 600px; height: 407px; } .goodsBox dl:nth-child(odd) dd:after{ display:block; content:""; border-width:15px 15px 15px 15px; border-style:solid; border-color: transparent #eeeeee transparent transparent; /* 定位 */ margin-left: -30px; margin-top: -15px; position:absolute; left:0; top:50%; } .goodsBox dl:nth-child(even) dd:after{ display:block; content:""; border-width:15px 15px 15px 15px; border-style:solid; border-color: transparent transparent transparent #eeeeee; /* 定位 */ margin-right: -30px; margin-top: -15px; position:absolute; right:0; top:50%; } .goodsListBox{ overflow: hidden; width: 1060px; padding:20px 10px; height: auto; background:#e9e9e9; margin-bottom:20px;} .tableSort{ width:100%;} .tableSort th{ text-align:left; padding:0 5px;} .tableSort th.select-item{ padding:5px;} .tableSort th div{ min-height:128px; height:128px; background:#fff; padding:10px; overflow-y:auto;white-space:nowrap; display:block; text-align:left; font-size:12px; line-height:20px; font-weight:normal} .key-wrap{ padding:0 13px;} .key-wrap .key-item { margin: 0 10px 10px 0; display: inline-block; zoom: 1; padding: 0 6px; height: 22px; border: 1px solid #dedede; font-size: 12px; line-height: 22px; background: #fff; } .key-wrap .key-item .close-icon { vertical-align: -3px; margin-left: 7px; display: inline-block; zoom: 1; width: 15px; height: 15px; cursor: pointer; background-image: url(../images/del.png); } .criteria-result-wrap{padding:0 15px;} .clear-btn { vertical-align: top; display: inline-block; zoom: 1; width: 98px; height: 34px; background-color: #004283; font-size: 14px; line-height: 34px; text-align: center; color: #fff; cursor: pointer; } .sure-btn { margin-left: 10px; vertical-align: top; display: inline-block; zoom: 1; width: 98px; height: 34px; background-color: #00913d; font-size: 14px; line-height: 34px; text-align: center; color: #fff; cursor: pointer; } .statistics-info { margin-left: 17px; vertical-align: top; display: inline-block; zoom: 1; height: 34px; font-size: 14px; line-height: 34px; color: #666; } .goodsList{ width:1080px; height:auto;} .goodsList tbody tr:nth-child(even){ background:#e4e4e4;} .goodsList tbody{ border-left:0px; border-top:0px; font-size: 14px; table-layout: fixed; width: 100%; box-sizing:border-box; border-spacing:0;} .goodsList tbody td{ border-right:0px; border-bottom:0px; padding:8px 14px; text-align:center; word-wrap: break-word; position:relative;} .goodsList tbody td ul{ display:none; background:#fff; position:absolute; right:-120px; top:0; width:120px; z-index:999; line-height:18px; } .goodsList tbody td ul li{ padding:10px 0; text-align:left;} .goodsList tbody td ul li i{ padding:0 10px;} .goodsList tbody td:hover ul{ display:block;} .goodsList tbody tr td:nth-child(2){ width:190px;} .goodsList tbody tr td:nth-child(3){ width:98px;} .goodsList tbody tr{background:#f5f5f5; } .goodsList tbody tr span{} .goodsList dl{ width:100%; height:auto; border:1px solid #eee; background:#f7f7f7; box-sizing:border-box; margin-bottom:10px;} .goodsList dl dt{ width:100%; height:42px; line-height:42px; text-align:left; box-sizing:border-box; padding:0 25px; background:#eee; font-weight:bold;} .goodsList dl dt span{ color: #004283;} .goodsList dl dd{ width:100%; height:auto; padding:15px 0; float:left;} .goodsList dl dd i{ line-height:32px;} .goodsList dl dd span{ display:block; float:left; width:16%; text-align:center; height:auto; line-height:26px;} .goodsList dl dd span b{ color: #004283; font-weight:normal; padding-right:3px;} .goodsList dl dt ul{ float:right; width:auto; height:36px; line-height:36px; overflow:hidden;} .goodsList dl dt ul li{ float:left; padding:0 20px; background: url(../images/pdf-icon.png) no-repeat left center; } /*0910*/ .inDzbox{ width:1080px; height:auto; overflow:hidden;} .inDzbox img{ width:100%; height:auto; } /*0919*/ .mpokf{ display:none;} } @media (max-width: 1080px) { .HeaderM{ display: block; background: #fff; position: fixed; left: 0; top: 0; height: 115px; line-height: 70px; border-bottom: 1px solid #EEEEEE; z-index: 9999; width: 90%; padding: 0 5%;} .HeaderM .logo{ float: left; width: 20%; height: auto; overflow: hidden; padding-top: 20px;} .HeaderM .logo a{ display: block; overflow: hidden;} .HeaderM .logo a img{ width: 100%; height: auto;} .m-menu{float: right;width: 40px; padding-top: 15px;} .m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;} .m-menu .icon>span{display: inline-block;width: 40px;height: 2px;background: #000;margin: 5px 0;display: inline-block;} .m-menu .drop-down{display: none;position: fixed;top: 71px;left: 0;right: 0;background: #ffffff;height: calc(100vh - 131px);z-index: 10;text-align: center;padding: 30px 5%; overflow-y: auto;z-index: 12;} .m-menu .drop-down::-webkit-scrollbar{display: none;} .m-menu .drop-down>ul>li{line-height: 69px;border-bottom: 1px solid #eeeeee;} .m-menu .drop-down>ul>li>a{font-size: 20px;color: #000;display: block;} .m-menu .subnav{padding-bottom: 24px;display: none;} .m-menu .subnav a{display: block;height: 40px;line-height: 40px;font-size: 16px;color: #333333;} .HeaderM .form{border: 1px solid #e5e5e5;display: inline-block; width:100%; height: 36px;line-height: 36px;border-radius: 5px;font-size: 0;vertical-align: top;position: relative; z-index:999; margin:12px auto 0 auto;} .HeaderM .text{display: inline-block;vertical-align: top;width: 80%;height: 36px;margin-top: 0;padding: 0 5px; border: none;} .HeaderM .submit{display: inline-block;vertical-align: top;width: 18%; border: none; background: url(../images/icon2.jpg) center center no-repeat;font-size: 0;height: 36px;border-left: 1px solid #e5e5e5;cursor: pointer;} .Headerbg{ display: none;} .main_visual{ display: none;} .main_visual1{ display: block; margin-top: 115px;} .main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;} .main_visual1 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;} .main_visual1 .owl-prev,.main_visual1 .owl-next{width:41px;height: 54px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -27px;text-indent: -999px; overflow: hidden;} .main_visual1 .owl-prev{background-image: url(../images/hover_left.png);left: 0;} .main_visual1 .owl-next{background-image: url(../images/hover_right.png);right: 0;} .main_visual1 .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 10px; z-index: 999;} .main_visual1 .owl-dots .owl-dot{display: inline-block; margin:0 5px ;} .main_visual1 .owl-dots .owl-dot span{ display: inline-block; width: 10px; height: 10px; background: #FFFFFF; border-radius: 50%; } .main_visual1 .owl-dot.active span{ background: #004283;} .inProNav{ display: none;} .inProNavM{ display: block; width: 94%; height: auto; margin-top: 15px;} .inProNavM dl{ width: 90%; height: auto; padding: 60px 5%; overflow: hidden; box-shadow:0 0 10px #CCCCCC; border-radius: 5px; background: #edf0f7; margin-bottom: 15px;} .inProNavM dl dt{ width: 100%; height: auto;} .inProNavM dl dt img{ width: 100%; height: auto;} .inProNavM dl dd{ width: 100%; height: 40px; text-align:center;} .inProNavM dl dd h4{ font-size: 1rem; color: #333333; line-height: 22px;} .inProNavM dl dd p{ font-size:0.9rem; color: #999; line-height: 18px;} .inProNavM .owl-nav{ display:none} .inProNavM .owl-dots{ width: 100%; height: 4px; text-align: center; margin-top: 25px;} .inProNavM .owl-dots .owl-dot{ display: inline-block; } .inProNavM .owl-dots .owl-dot span{width: 25px; height: 4px; background: #d2d2d2; margin: 0 3px; display: inline-block; } .inProNavM .owl-dots .active span{ background: #004283;} .inAppTop{ width: 94%; height: 68px; line-height: 68px; overflow: hidden; font-size: 1.4rem; color: #000000; font-weight: bold;} .inAppTop a{ font-size: 0.9rem; font-weight: normal; padding-right: 35px; background: url(../images/SeeMore.jpg) no-repeat right center;} .inAppTop a:hover{background: url(../images/SeeMoreh.jpg) no-repeat right center;} .inAppList{ width: 94%; height: auto; overflow: hidden;} .incpdz{ width:100%; height:42px; text-align:center; padding:10px 0; line-height:42px; text-transform:uppercase;} .incpdz a{ display:inline-block; font-size: 1rem; font-weight: normal; padding-right: 35px; background: url(../images/SeeMore.jpg) no-repeat right center;} .incpdz a:hover{ background: url(../images/SeeMoreh.jpg) no-repeat right center;} .inAppListL{ float: none; width: 100%; height: auto; overflow: hidden; border-radius: 5px; position: relative; margin-bottom: 15px;} .inAppListL a{ display: block; color: #FFFFFF;} .inAppListL img{width: 100%; height: auto; } .inAppListL h2{ font-size: 1.3rem; line-height: 48px; position: absolute; left: 24px; bottom: 24px;} .inAppListL a:hover h2{ display: block;} .inAppListL a:hover .inAppListLTm{ opacity: 0;} .inAppListLTm{wopacity: 0;} .inAppListR{ float: none; width: 100%; height: auto; overflow: hidden;} .inAppListR a{ display: block; width: 100%; height: auto; color: #FFFFFF; position: relative; margin-bottom: 15px; border-radius: 5px;} .inAppListR a img{ width: 100%; height: auto; border-radius: 5px;} .inAppListR a h2{ font-size: 1.3rem; line-height: 48px; position: absolute; left: 24px; bottom: 24px;} .inAppListR a:hover h2{ display: block;} .inAppListR a:hover .inAppListRTm{ opacity: 0;} .inAppListRTm{opacity: 0; } .inab{ width: 94%; height: auto; overflow: hidden;} .inabL{ float: none; width: 100%; height: auto; overflow: hidden;} .inabLTop{ width: 100%; height: 73px; overflow: hidden;} .inabLTop h2{ font-size: 1.8rem; line-height: 70px; color: #333333; font-weight: normal;} .inabLTop h4{ width: 70px; height: 3px; background: #004283; float: left;} .inabLInfo{ width: 100%; height: auto; overflow: hidden; line-height: 24px; height:auto; margin-top: 22px; font-size:0.9rem} .inabR{ float: none; width: 100%; height: auto; overflow: hidden;} .inabR img{width: 100%; height: auto; } .innewsNav{ width: 100%; text-align: center; height: 40px; line-height: 40px; margin-bottom:20px;} .innewsNav a{ display: inline-block; width: auto; height: 40px; line-height: 40px; background: #FFFFFF; box-sizing: border-box; border: none; border-radius: 30px; font-size: 0.9rem; margin: 0 2px; padding:0 5px;} .innewsNav .tabs .thistab,.tabs .thistab a:hover {background: none; color: #004283; border-color:none; } .inNewsList{ width: 94%; height: auto; overflow: hidden;} .inNewsListL{ width: 100%; height: auto; overflow: hidden; float: none; border-bottom: 1px solid #EAEAEA; padding-bottom: 10px;} .inNewsListL img{width: 100%; height: auto;} .inNewsListL a{ display: block; width: 100%; height: auto; overflow: hidden; } .inNewsListL a h3{ font-size: 1rem; line-height: 22px; height: 44px; overflow: hidden; color: #333333; margin-top: 10px; font-weight: normal;} .inNewsListL a h4{ font-weight: normal; line-height: 26px; color: #999999; font-size: 0.9rem; margin-top: 5px;} .inNewsListL a:hover h4{ color: #004283;} .inNewsListR{ float: none; width: 100%; height: auto; overflow: hidden; margin-top: 15px;} .inNewsListR dl{ margin-left: 0; width: 100%; height: 52px; overflow: hidden; border-bottom: 1px solid #eaeaea; float: left; padding-bottom: 15px; margin-bottom: 15px;} .inNewsListR dl dt{ width: 100%; height: 26px; line-height: 26px; overflow: hidden; font-size: 0.9rem;} .inNewsListR dl dd{width: 100%; height: 26px; line-height: 26px; overflow: hidden; color: #999999; font-size: 0.8rem; background: url(../images/inNewsTime.jpg) no-repeat left center; box-sizing: border-box; padding-left: 23px;} .Footerbg{ width: 100%; height: auto; background: #dedede; padding: 25px 0;} .Footer{ width: 94%; height: auto; overflow: hidden;} .FooterL{ float: none; width: 100%; height: auto; overflow: hidden;} .FooterL dl{ float: left; padding-right: 0; width:33.3%; text-align:center;} .FooterL dl dt{ width: 100%; height: auto; font-size: 1.1rem; color: #000; font-weight: bold; line-height: 46px;} .FooterL dl dt h4{ display:none;} .FooterL dl dd{ display:none;} .FooterL dl.mcondis{ display:block;} .FooterR{ width: 100%; height: auto; border-left: none; float: none; box-sizing: border-box; padding: 0; display:none;} .FooterR dt{ width: 100%; height: auto; font-size: 1.1rem; color: #000; font-weight: bold; line-height: 46px;} .FooterR dt a{color: #000;} .FooterR dt h4{ width: 20px; height: 2px; background: #8a8a8a; float: left; clear: both;} .FooterR dd{ width: 100%; height: auto; clear: both; padding-top: 10px;} .FooterR dd p{ line-height: 30px; color: #666; font-size: 1rem;} .FooterCopybg{ width: 100%; height: auto; line-height:32px; padding: 10px 0; background: #cccccc; color: #666; margin-bottom:62px;} .FooterCopy{ width: 94%; height: auto; text-align: center;} .FooterCopy a{ color: #999999; float: none; display: block;} .FooterCopy a:hover{ color: #FFFFFF;} /*联系我们*/ .banner2{ width: 100%; height: 150px; margin-top: 71px; position: relative;} .MainMenu{ width: 100%; height: 53px; background: #004283; position: relative; margin-top: 0;} .MainMenu a{ display: block; width: 50%; height: 53px; line-height: 53px; text-align: center; float: left; color: #FFFFFF; font-size:1rem;} .MainMenu a:hover{ background: #00913d;} #lm_hover{ background: #00913d;} .Abbg{ width: 100%; height: auto; padding: 30px 0; background: #f5f5f5; margin-top: 0;} .ConTit2{ width: 100%; height: 54px; line-height: 54px; font-size: 1.4rem; color: #000000; text-align: center;} .ConTit{ width: 100%; height: 54px; line-height: 54px; background: url(../images/MainLine.jpg) no-repeat bottom center; font-size: 2rem; color: #000000; text-align: center;} .ABMenu{ width: 100%; line-height: 30px; padding: 15px 0; text-align: center;} .ABMenu a{ display: inline-block; padding: 0 5px; font-size: 0.9rem;} .ABMenu a:hover{ color: #004283;} #lm_hover1{ color: #004283;} .AbBox{ width: 94%; height: auto; background: #FFFFFF; padding: 20px; overflow: hidden; margin-top: 10px; box-sizing: border-box;} .AbBoxConame{ width: 100%; height: auto; padding-top:20px; } .AbBoxConame h3{ width: 100%; height: auto; line-height: 30px; color: #666666; font-size: 1.4rem; } .AbBoxConame h4{ width: 50px; height: 3px; margin-top: 10px; background: #a0a0a0; float: left; clear: both;} .AbBoxConAdd{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; border-bottom: 1px solid #DEDEDE;} .AbBoxConAdd dl{ float: none; width: auto; height: auto; padding-right: 0; margin-right: 0; font-size: 1rem;} .AbBoxConAdd dl:first-child{ border-right:none;} .AbBoxConAdd dl dt{ width: 100%; height: 33px; line-height: 33px;} .AbBoxConAdd dl dd{ width: 100%; height: 33px; line-height: 33px;} .AbBoxConAdd dl span{ color: #004283;} .AbBoxaddList{ width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #DEDEDE;} .AbBoxaddList dl{ float: none; width: 100%; height: auto;} .AbBoxaddList dl dt{ width: 100%; height: 45px;} .AbBoxaddList dl dt h3{ line-height: 42px; font-size: 1.4rem; } .AbBoxaddList dl dt h4{width: 50px; height: 3px; background: #a0a0a0; float: left; clear: both;} .AbBoxaddList dl dd{ width: 100%; height: 40px; line-height: 40px; font-size: 1rem;} .AbBoxaddList dl dd a{ color: #004283;} .AbBoxInfo{ width: 100%; height: auto; padding-top: 15px; font-size: 1rem; color: #999999; line-height: 28px;} .AbBox1{ width: 94%; height: auto; background: #FFFFFF; padding: 20px; overflow: hidden; margin-top: 20px; line-height: 28px; font-size: 1rem; box-sizing: border-box;} .AbBox1 dl{ width:80%; height:auto; margin-bottom:10px; overflow:hidden;} .AbBox1 dl dt{ float:none; width:100%; height:auto; overflow:hidden;} .AbBox1 dl dt img{width:auto; height:auto;} .AbBox1 dl dd{ float:none; width:100%; height:auto; overflow:hidden; line-height:28px;} .AbBox2{ width: 94%; height: auto; background: #FFFFFF; padding: 20px; overflow: hidden; margin-top: 20px; line-height: 30px; font-size: 16px; box-sizing: border-box;} .conFed{ width: 94%; height: auto; overflow: hidden;} .conFed1{ width: 100%; height: auto; overflow: hidden;} .conFed1 .conInput1{ width: 100%; box-sizing: border-box; margin-bottom: 15px; font-size: 0.9rem; padding: 0 20px; height: 46px; line-height: 46px; overflow: hidden; margin-left:0; border: 1px solid #ebebeb; } .conFed2{ width: 100%; height: 80px; overflow: hidden; margin-top: 0; } .conFed2 .conTxt{ width: 100%; height: 80px; border: 1px solid #ebebeb; box-sizing: border-box; padding: 10px; overflow: hidden; line-height: 24px; font-size: 0.9rem;} .conFed3{ width: 100%; height: 46px; overflow: hidden; margin-top:15px; text-align: center;} .conFed3 .conSub{ width: 100%; height: 46px; line-height: 46px; text-align: center; background: #094DA0; color: #FFFFFF; border: none; font-size: 1rem; } /*关于我们*/ .Abbg1{ width: 100%; height: auto; padding: 30px 0; background: #FFFFFF; margin-top: 0;} .AbCate1{ width: 94%; height: auto; overflow: hidden; position: relative; } .AbCate1R{ width: 100%; height: auto; position: inherit; right: inherit; top: inherit;} .AbCate1R img{width: 100%; height: auto; } .AbCate1L{ position: inherit; background: #00943c; width: 100%; height: auto; box-sizing: border-box; padding: 20px; overflow: hidden; color: #FFFFFF; left: inherit; top: inherit; z-index: 333; box-sizing: border-box;} .AbCate1L h4{ line-height: 32px; font-size: 1.6rem; font-weight: normal;} .AbCate1L p{ font-size: 0.9rem; line-height: 24px; height: 48px; overflow: hidden; margin-top: 12px;} .AbCate1L a{ font-size: 0.8rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #FFFFFF; display: block;} .AbCate1L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .AbCate2{ width: 94%; height: auto; overflow: hidden; position: relative; } .AbCate2L{ position: inherit; left: inherit; top: inherit; width: 100%; height: auto; background: #f5f5f5; box-sizing: border-box; padding: 20px 20px 40px 20px;} .AbCate2L h4{line-height: 42px; font-size: 1.6rem; font-weight: normal; color: #333333; margin-bottom: 12px;} .AbCate2L p{ color: #333333; line-height: 24px; font-size: 0.9rem;} .AbCate2L a{ font-size: 0.8rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #666; display: block;} .AbCate2L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian1.png) no-repeat left center; display: inline-block; float: left;} .AbCate2L h3{ float: left; clear: both; width: 98px; height: 9px; background: #00943c; margin-top: 10px;} .AbCate2R{ position: inherit; right: inherit; top: inherit; width: 100%; height: auto;} .AbCate2R img{width: 100%; height: auto;} .AbCate3{ width: 94%; height: auto; overflow: hidden; position: relative; } .AbCate3R{ width: 100%; height: auto; position: inherit; right: inherit; top: inherit;} .AbCate3R img{width: 100%; height: auto; } .AbCate3L{ position: inherit; background: #004283;width: 100%; height: auto; box-sizing: border-box; padding: 20px; overflow: hidden; color: #FFFFFF; left:inherit; top: inherit; z-index: 333; box-sizing: border-box;} .AbCate3L h4{ line-height: 42px; font-size: 1.6rem; font-weight: normal;} .AbCate3L a{ font-size: 0.8rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #FFFFFF; display: block;} .AbCate3L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .Aboutinfo{ width: 94%; height: auto; overflow: hidden; padding: 25px 0; font-size: 1rem; line-height: 30px;} .Aboutinfo img{ max-width: 100%; height: auto;} .AboutCulList{ width: 94%; height: auto; overflow: hidden; padding: 25px 0; } .AboutCulList dl{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;} .AboutCulList dl dt{ float: none; width: 100%; height: auto; overflow: hidden;} .AboutCulList dl dt img{width: 100%; height: auto; } .AboutCulList dl dd{ float: none; width: 100%; height: auto; background: #f9f9f9; box-sizing: border-box; padding:20px;} .AboutCulList dl dd h4{ line-height: 42px; height: 42px; font-size: 1.4rem; color: #333333;} .AboutCulList dl dd p{ font-size: 1rem; line-height: 26px; margin-top: 5px;} /*社会关系*/ .photobg1{width: 100%; height: auto; padding: 40px 0; background: #FFFFFF; } .photoBox{ width: 94%; padding: 3%; height: auto; overflow: hidden; background: #f5f5f5;} .photoBox dl{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;} .photoBox dl dt{ width: 100%; height: auto; overflow: hidden; float: none;} .photoBox dl dt img{width: 100%; height: auto;} .photoBox dl dd{ float: none; width: 100%; height: auto; box-sizing: border-box;} .photoBox dl dd h2{ color: #004283; line-height: 50px; font-size: 1.2rem} .photoBox dl dd h3{ width: 108px; height: 4px; background: #004283; float: left; clear: both;} .photoBox dl dd h4{ clear: both; line-height: 44px; height: 44px; overflow: hidden; margin-top: 15px; font-size: 1.4rem; font-weight: normal; color: #000000;} .photoBox dl dd div{ line-height: 22px; height:44px; overflow:hidden; color: #333333; font-size: 0.9rem;} .photoBox dl dd a{ font-size: 0.8rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #333; display: block;} .photoBox dl dd a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .photoBox dl:nth-child(odd) dd{ padding:20px 10px; border-bottom: 1px solid #DEDEDE;} .photoBox dl:nth-child(even) dd{ padding:20px 10px; text-align: left;} .photoBox dl:nth-child(even) dd h3{ float: left;} .photoBox dl:nth-child(even) dd a{font-size: 0.8rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #333; display: inline-block;} .photoBox dl:nth-child(even) dd a span{ margin-right: 10px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat right center; display: inline-block; float: left;} /*新闻资讯*/ .Newsbg1{width: 100%; height: auto; padding: 40px 0; background: #f5f5f5; } .NewsList{ width: 94%; height: auto;} .NewsList dl{ float: none; background: #FFFFFF; width: 100%; height: auto; margin:0 0 10px 0; transition: all ease .5s; cursor: pointer;} .NewsList dl:hover{box-shadow:0 0 10px #CCCCCC;} .NewsList dl dt{ width: 100%; height: auto; overflow: hidden;} .NewsList dl dt img{ width: 100%; height: auto;} .NewsList dl dd{width: 100%; height: auto; overflow: hidden; box-sizing: border-box; padding: 20px;} .NewsList dl dd h4{ line-height: 32px; height: 32px; overflow: hidden; font-size: 1.1rem; font-weight: normal;} .NewsList dl dd h4 a{ color: #000000;} .NewsList dl dd p{ font-size: 0.9rem; color: #333333; line-height: 24px; height: 48px; overflow: hidden;} .NewsList dl dd h3{ font-weight: normal; color: #999999; line-height: 32px; height: 32px; overflow: hidden; font-size: 0.9rem; margin-top:10px;} .NewsList dl:hover h3 a{ color: #004283;} .NewsList dl:hover h4 a{ color: #004283;} .NewsShowbg{width: 100%; height: auto; padding:30px 0; background: #f5f5f5; margin-top: 71px;} .NewsShow{ width: 94%; height: auto; background: #FFFFFF; box-sizing: border-box; padding: 20px; margin-bottom: 15px;} .NewsSTit{ width: 100%; height: auto; border-bottom: 1px solid #eeeeee; text-align: center;} .NewsSTit h2{ color: #004283; font-size: 1.3rem; font-weight: normal; line-height: 30px; padding:10px 0;} .NewsSTit p{ line-height: 32px; height: 32px; padding-bottom: 10px; color: #999999; } .NewsSTit p img{ vertical-align: middle; padding-right: 5px;} .NewsSinfo{ width: 100%; height: auto; overflow: hidden; padding:15px 0; font-size: 0.9rem; line-height: 24px;} .NewsSinfo img{ max-width: 100%; height: auto;} .NewsSprev{ width: 100%; height: auto; padding-top: 25px; border-top: 1px solid #eeeeee;} .NewsSprev li{ line-height: 26px; color: #999;} .NewsSprev li span{ color: #004283; font-size: 1rem;} .NewsSprev li a{ color: #333333;} .NewsSprev li a:hover{ color: #004283;} .NewsSprev h4{ float: none; display: inline-block; margin-bottom: 15px; width: 103px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #e5e5e5; background: #eeeeee; font-weight: normal; font-size: 16px; color: #004283; border-radius: 5px;} .NewsSprev h4 i{ padding-right: 5px;} .NewsSprev h4 a{ display: block;} .NewsSprev h4 a:hover{ background: #004283; color: #FFFFFF;} /*应用*/ .appliList{ width: 100%; height: auto;} .appliList dl{ width: 94%; height: auto; position: relative; overflow: hidden; margin-top: 20px;} .appliList dl dt{ width: 100%; height: auto; position: inherit; overflow: hidden;} .appliList dl dt img{ width: 100%; height: auto;border-radius: 5px 5px 0 0;} .appliList dl dd{ width: 100%; height: auto; background: #FFFFFF; border-radius:0 0 5px 5px; overflow: hidden; margin-top: 0; box-sizing: border-box;} .appliList dl dd h4{ font-size: 1.4rem; height: 42px; line-height: 42px;} .appliList dl dd a{ color: #333333;} .appliList dl dd a:hover{ color: #004283;} .appliList dl dd p{ font-size: 0.9rem; line-height: 24px; margin-top: 0;} .appliList dl dd a.applia{ font-size: 0.9rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; display: block;} .appliList dl dd a.applia span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .appliList dl:nth-child(odd) dt{ left: inherit; top: inherit;} .appliList dl:nth-child(odd) dd{ padding: 20px;} .appliList dl:nth-child(even) dt{ right: inherit; top: inherit;} .appliList dl:nth-child(even) dd{ padding: 20px;} .appliList1{ width:94%; background: #FFFFFF; padding:20px; box-sizing: border-box; height: auto;} .appliList1 dl{ float: none; width: 100%; height: auto; overflow: hidden; position: relative; margin:15px 0;} .appliList1 dl a{ display: block; color: #FFFFFF;} .appliList1 dl dt{ width: 100%; height: auto; overflow: hidden;} .appliList1 dl dt img{width: 100%; height: auto;} .appliList1 dl dd{ width: 100%; height: 120px; position: absolute; left: 0; bottom: 0; background: url(../images/AppTm.png) repeat; box-sizing: border-box; padding: 20px;} .appliList1 dl dd h3{ float: left; clear: both; width: 50px; height: 2px; background: #FFFFFF;} .appliList1 dl dd h4{ clear: both; font-size: 1.4rem; height: 40px; line-height: 40px; overflow: hidden; margin-top: 5px;} .appliList1 dl dd p{ font-size: 0.9rem; line-height: 20px; height: 40px; overflow: hidden;} .appliList1 dl a:hover dd{ display: none;} .appliList1 dl .appliDiv{ display: none;} .job-warp{width: 94%; text-align: left;} .job-warp ul li{height: auto;width: 100%; margin-bottom: 8px;} .job-warp li .title{height: 60px; text-align: left; color: #666666; line-height: 60px; padding: 0 25px; box-sizing: border-box; color: #004283;background-color: #ffffff;font-size: 1.4rem;cursor:pointer;transition: all 0.5s;-webkit-transition: all 0.5s;} .job-warp li.on .title{background-color:#004283;color: #fff;} .job-warp li .title span{background: url(../images/appli_icon1.png) right center no-repeat; width: 30px; height: 30px; display: inline-block; margin-top: 20px;} .job-warp li.on .title span{background: url(../images/appli_icon2.png) right center no-repeat} .job-warp li .warp{background-color: #fff;display: block; width: 100%; box-sizing: border-box; padding: 20px 35px; font-size: 0.9rem; line-height: 24px;} .job-warp li .warp img{ max-width: 100%; height: auto;} .job-warp li table{ border:1px solid #ccc; border-left:0px; border-top:0px; font-size: 0.9rem; table-layout: fixed; width: 100%; box-sizing:border-box; border-spacing:0;} .job-warp li table td{ border:1px solid #ccc; border-right:0px; border-bottom:0px; padding:8px 2px; text-align:center; word-wrap: break-word; } .job-warp li table tr{background:#f6f6f6; } .appDown{ width: 94%; height: auto; box-sizing: border-box; padding: 10px 25px; background: #FFFFFF;} .appDown dl{ width: 100%; height: auto; line-height: 30px;} .appDown dl dt{ float: none; width: 100%; height: 30px; line-height: 30px; font-size: 1.4rem; color: #333333;} .appDown dl dd{ float: none; width: 100%; height: auto;} .appDown dl dd a{ font-size: 0.9rem; display: block; line-height: 36px;} .appDown dl dd a span{ color: #004283;} /*产品中心*/ .goodsBox{ width: 94%; height: auto; overflow: hidden;} .goodsBox dl{ width: 100%; height: auto; overflow: hidden; background: #fafafc; margin-bottom: 10px;} .goodsBox dl dt{ float: none; width: 100%; height: auto; box-sizing: border-box; padding:30px;} .goodsBox dl dt h4{ font-size: 1.4rem; line-height: 46px; height:46px; overflow: hidden;} .goodsBox dl dt h4 a{ color: #004283;} .goodsBox dl dt p{ font-size: 0.9rem; line-height: 24px; height: 72px; overflow: hidden;} .goodsBox dl dt h3{ font-weight: normal; margin-top: 10px;} .goodsBox dl dt h3 a{font-size: 0.9rem; font-weight: normal; line-height: 30px; height: 30px; overflow: hidden; color: #333; display: block;} .goodsBox dl dt h3 a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .goodsBox dl dd{ float: none; width: 100%; height: auto; position: relative;} .goodsBox dl dd img{ width: 100%; height: auto; } .goodsBox dl:nth-child(odd) dd:after{ display:block; content:""; border-width:10px 10px 10px 10px; border-style:solid; border-color: transparent transparent #eeeeee transparent; /* 定位 */ margin-left: -10px; margin-top: -20px; position:absolute; left:50%; top:0; } .goodsBox dl:nth-child(even) dd:after{ display:block; content:""; border-width:10px 10px 10px 10px; border-style:solid; border-color: #eeeeee transparent transparent transparent ; /* 定位 */ margin-right: -10px; margin-top: 0; position:absolute; right:50%; top:100%; } .goodsListBox{ width: 94%; height: auto; overflow-x: auto;} .goodsList{ width:99%; height:auto; overflow-x: auto;} .goodsList dl{ width:100%; height:auto; border:1px solid #eee; background:#f7f7f7; box-sizing:border-box; margin-bottom:10px;} .goodsList dl dt{ width:100%; height:42px; line-height:42px; text-align:left; box-sizing:border-box; padding:0 25px; background:#eee; font-weight:bold;} .goodsList dl dt span{ color: #004283;} .goodsList dl dd{ width:100%; height:auto; padding:15px 0; float:left;} .goodsList dl dd i{ line-height:32px;} .goodsList dl dd span{ display:block; float:left; width:50%; text-align:left; text-indent:1em; height:32px; line-height:32px; overflow:hidden;} .goodsList dl dd span b{ color: #004283; font-weight:normal; padding-right:3px;} .goodsList dl dt ul{ float:left; width:100%; height:36px; line-height:36px; overflow:hidden;} .goodsList dl dt ul li{ float:left; padding:0 20px; background: url(../images/pdf-icon.png) no-repeat left center; } /*0910*/ .inDzbox{ width:94%; height:auto; overflow:hidden;} .inDzbox img{ width:100%; height:auto; } /*0919*/ .side{ display:none;} .mpokf{ width:100%; height:42px; line-height:42px; padding:10px 0; background:#004283; color:#fff; display:block; position:fixed; left:0; bottom:0; z-index:999;} .mpokf a{ display:block; float:left; text-align:center; font-size:1rem; width:28%; color:#fff; border-right:1px solid #05519b; box-sizing:border-box;} .mpokf a:last-child{ width:16%; border:none;} .mpokf a img{ vertical-align: top; width:42px; height:42px;} } @media (max-width: 767px) { .HeaderM{ display: block; background: #fff; position: fixed; left: 0; top: 0; height: 115px; line-height: 70px; border-bottom: 1px solid #EEEEEE; z-index: 9999; width: 90%; padding: 0 5%;} .HeaderM .logo{ float: left; width: 50%; height: auto; overflow: hidden; padding-top: 20px;} .HeaderM .logo a{ display: block; overflow: hidden;} .HeaderM .logo a img{ width: 100%; height: auto;} .m-menu{float: right;width: 40px; padding-top: 15px;} .m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;} .m-menu .icon>span{display: inline-block;width: 40px;height: 2px;background: #000;margin: 5px 0;display: inline-block;} .m-menu .drop-down{display: none;position: fixed;top: 71px;left: 0;right: 0;background: #ffffff;height: calc(100vh - 131px);z-index: 10;text-align: center;padding: 30px 5%; overflow-y: auto;z-index: 12;} .m-menu .drop-down::-webkit-scrollbar{display: none;} .m-menu .drop-down>ul>li{line-height: 69px;border-bottom: 1px solid #eeeeee;} .m-menu .drop-down>ul>li>a{font-size: 20px;color: #000;display: block;} .m-menu .subnav{padding-bottom: 24px;display: none;} .m-menu .subnav a{display: block;height: 40px;line-height: 40px;font-size: 16px;color: #333333;} .HeaderM .form{border: 1px solid #e5e5e5;display: inline-block;height: 36px;line-height: 36px;border-radius: 5px;font-size: 0;vertical-align: top;position: relative; z-index:999; margin:12px auto 0 auto;} .HeaderM .text{display: inline-block;vertical-align: top;width: 262px;height: 36px;margin-top: 0;padding: 0 5px; border: none;} .HeaderM .submit{display: inline-block;vertical-align: top;width: 45px; border: none; background: url(../images/icon2.jpg) center center no-repeat;font-size: 0;height: 36px;border-left: 1px solid #e5e5e5;cursor: pointer;} .Headerbg{ display: none;} .main_visual{ display: none;} .main_visual1{ display: block; margin-top: 115px;} .main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;} .main_visual1 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;} .main_visual1 .owl-prev,.main_visual1 .owl-next{width:41px;height: 54px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -27px;text-indent: -999px; overflow: hidden;} .main_visual1 .owl-prev{background-image: url(../images/hover_left.png);left: 0;} .main_visual1 .owl-next{background-image: url(../images/hover_right.png);right: 0;} .main_visual1 .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 10px; z-index: 999;} .main_visual1 .owl-dots .owl-dot{display: inline-block; margin:0 5px ;} .main_visual1 .owl-dots .owl-dot span{ display: inline-block; width: 10px; height: 10px; background: #FFFFFF; border-radius: 50%; } .main_visual1 .owl-dot.active span{ background: #004283;} .inProNav{ display: none;} .inProNavM{ display: block; width: 94%; height: auto; margin-top: 15px;} .inProNavM dl{ width: 90%; height: auto; padding: 60px 5%; overflow: hidden; box-shadow:0 0 10px #CCCCCC; border-radius: 5px; background: #edf0f7; margin-bottom: 15px;} .inProNavM dl dt{ width: 100%; height: auto;} .inProNavM dl dt img{ width: 100%; height: auto;} .inProNavM dl dd{ width: 100%; height: 40px; text-align:center;} .inProNavM dl dd h4{ font-size: 1rem; color: #333333; line-height: 22px;} .inProNavM dl dd p{ font-size:0.9rem; color: #999; line-height: 18px;} .inProNavM .owl-nav{ display:none} .inProNavM .owl-dots{ width: 100%; height: 4px; text-align: center; margin-top: 25px;} .inProNavM .owl-dots .owl-dot{ display: inline-block; } .inProNavM .owl-dots .owl-dot span{width: 25px; height: 4px; background: #d2d2d2; margin: 0 3px; display: inline-block; } .inProNavM .owl-dots .active span{ background: #004283;} .inAppTop{ width: 94%; height: 68px; line-height: 68px; overflow: hidden; font-size: 1.4rem; color: #000000; font-weight: bold;} .inAppTop a{ font-size: 0.9rem; font-weight: normal; padding-right: 35px; background: url(../images/SeeMore.jpg) no-repeat right center;} .inAppTop a:hover{background: url(../images/SeeMoreh.jpg) no-repeat right center;} .inAppList{ width: 94%; height: auto; overflow: hidden;} .incpdz{ width:100%; height:42px; text-align:center; padding:10px 0; line-height:42px; text-transform:uppercase;} .incpdz a{ display:inline-block; font-size: 1rem; font-weight: normal; padding-right: 35px; background: url(../images/SeeMore.jpg) no-repeat right center;} .incpdz a:hover{ background: url(../images/SeeMoreh.jpg) no-repeat right center;} .inAppListL{ float: none; width: 100%; height: auto; overflow: hidden; border-radius: 5px; position: relative; margin-bottom: 15px;} .inAppListL a{ display: block; color: #FFFFFF;} .inAppListL img{width: 100%; height: auto; } .inAppListL h2{ font-size: 1.3rem; line-height: 48px; position: absolute; left: 24px; bottom: 24px;} .inAppListL a:hover h2{ display: block;} .inAppListL a:hover .inAppListLTm{ opacity: 0;} .inAppListLTm{wopacity: 0;} .inAppListR{ float: none; width: 100%; height: auto; overflow: hidden;} .inAppListR a{ display: block; width: 100%; height: auto; color: #FFFFFF; position: relative; margin-bottom: 15px; border-radius: 5px;} .inAppListR a img{ width: 100%; height: auto; border-radius: 5px;} .inAppListR a h2{ font-size: 1.3rem; line-height: 48px; position: absolute; left: 24px; bottom: 24px;} .inAppListR a:hover h2{ display: block;} .inAppListR a:hover .inAppListRTm{ opacity: 0;} .inAppListRTm{opacity: 0; } .inab{ width: 94%; height: auto; overflow: hidden;} .inabL{ float: none; width: 100%; height: auto; overflow: hidden;} .inabLTop{ width: 100%; height: 73px; overflow: hidden;} .inabLTop h2{ font-size: 1.8rem; line-height: 70px; color: #333333; font-weight: normal;} .inabLTop h4{ width: 70px; height: 3px; background: #004283; float: left;} .inabLInfo{ width: 100%; height: auto; overflow: hidden; line-height: 24px; height:auto; margin-top: 22px; font-size:0.9rem} .inabR{ float: none; width: 100%; height: auto; overflow: hidden;} .inabR img{width: 100%; height: auto; } .innewsNav{ width: 100%; text-align: center; height: 40px; line-height: 40px; margin-bottom:20px;} .innewsNav a{ display: inline-block; width: auto; height: 40px; line-height: 40px; background: #FFFFFF; box-sizing: border-box; border: none; border-radius: 30px; font-size: 0.9rem; margin: 0 2px; padding:0 5px;} .innewsNav .tabs .thistab,.tabs .thistab a:hover {background: none; color: #004283; border-color:none; } .inNewsList{ width: 94%; height: auto; overflow: hidden;} .inNewsListL{ width: 100%; height: auto; overflow: hidden; float: none; border-bottom: 1px solid #EAEAEA; padding-bottom: 10px;} .inNewsListL img{width: 100%; height: auto;} .inNewsListL a{ display: block; width: 100%; height: auto; overflow: hidden; } .inNewsListL a h3{ font-size: 1rem; line-height: 22px; height: 44px; overflow: hidden; color: #333333; margin-top: 10px; font-weight: normal;} .inNewsListL a h4{ font-weight: normal; line-height: 26px; color: #999999; font-size: 0.9rem; margin-top: 5px;} .inNewsListL a:hover h4{ color: #004283;} .inNewsListR{ float: none; width: 100%; height: auto; overflow: hidden; margin-top: 15px;} .inNewsListR dl{ margin-left: 0; width: 100%; height: 52px; overflow: hidden; border-bottom: 1px solid #eaeaea; float: left; padding-bottom: 15px; margin-bottom: 15px;} .inNewsListR dl dt{ width: 100%; height: 26px; line-height: 26px; overflow: hidden; font-size: 0.9rem;} .inNewsListR dl dd{width: 100%; height: 26px; line-height: 26px; overflow: hidden; color: #999999; font-size: 0.8rem; background: url(../images/inNewsTime.jpg) no-repeat left center; box-sizing: border-box; padding-left: 23px;} .Footerbg{ width: 100%; height: auto; background: #dedede; padding: 25px 0;} .Footer{ width: 94%; height: auto; overflow: hidden;} .FooterL{ float: none; width: 100%; height: auto; overflow: hidden;} .FooterL dl{ float: left; padding-right: 0; width:33.3%; text-align:center;} .FooterL dl dt{ width: 100%; height: auto; font-size: 1.1rem; color: #000; font-weight: bold; line-height: 46px;} .FooterL dl dt h4{ display:none;} .FooterL dl dd{ display:none;} .FooterL dl.mcondis{ display:block;} .FooterR{ width: 100%; height: auto; border-left: none; float: none; box-sizing: border-box; padding: 0; display:none;} .FooterR dt{ width: 100%; height: auto; font-size: 1.1rem; color: #000; font-weight: bold; line-height: 46px;} .FooterR dt a{color: #000;} .FooterR dt h4{ width: 20px; height: 2px; background: #8a8a8a; float: left; clear: both;} .FooterR dd{ width: 100%; height: auto; clear: both; padding-top: 10px;} .FooterR dd p{ line-height: 30px; color: #666; font-size: 1rem;} .FooterCopybg{ width: 100%; height: auto; line-height:32px; padding: 10px 0; background: #cccccc; color: #666; margin-bottom:62px;} .FooterCopy{ width: 94%; height: auto; text-align: center;} .FooterCopy a{ color: #999999; float: none; display: block;} .FooterCopy a:hover{ color: #FFFFFF;} /*联系我们*/ .banner2{ width: 100%; height: 150px; margin-top: 71px; position: relative;} .MainMenu{ width: 100%; height: 53px; background: #004283; position: relative; margin-top: 0;} .MainMenu a{ display: block; width: 50%; height: 53px; line-height: 53px; text-align: center; float: left; color: #FFFFFF; font-size:1rem;} .MainMenu a:hover{ background: #00913d;} #lm_hover{ background: #00913d;} .Abbg{ width: 100%; height: auto; padding: 30px 0; background: #f5f5f5; margin-top: 0;} .ConTit2{ width: 100%; height: 54px; line-height: 54px; font-size: 1.4rem; color: #000000; text-align: center;} .ConTit{ width: 100%; height: 54px; line-height: 54px; background: url(../images/MainLine.jpg) no-repeat bottom center; font-size: 2rem; color: #000000; text-align: center;} .ABMenu{ width: 100%; line-height: 30px; padding: 15px 0; text-align: center;} .ABMenu a{ display: inline-block; padding: 0 5px; font-size: 0.9rem;} .ABMenu a:hover{ color: #004283;} #lm_hover1{ color: #004283;} .AbBox{ width: 94%; height: auto; background: #FFFFFF; padding: 20px; overflow: hidden; margin-top: 10px; box-sizing: border-box;} .AbBoxConame{ width: 100%; height: auto; padding-top:20px; } .AbBoxConame h3{ width: 100%; height: auto; line-height: 30px; color: #666666; font-size: 1.4rem; } .AbBoxConame h4{ width: 50px; height: 3px; margin-top: 10px; background: #a0a0a0; float: left; clear: both;} .AbBoxConAdd{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; border-bottom: 1px solid #DEDEDE;} .AbBoxConAdd dl{ float: none; width: auto; height: auto; padding-right: 0; margin-right: 0; font-size: 1rem;} .AbBoxConAdd dl:first-child{ border-right:none;} .AbBoxConAdd dl dt{ width: 100%; height: 33px; line-height: 33px;} .AbBoxConAdd dl dd{ width: 100%; height: 33px; line-height: 33px;} .AbBoxConAdd dl span{ color: #004283;} .AbBoxaddList{ width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #DEDEDE;} .AbBoxaddList dl{ float: none; width: 100%; height: auto;} .AbBoxaddList dl dt{ width: 100%; height: 45px;} .AbBoxaddList dl dt h3{ line-height: 42px; font-size: 1.4rem; } .AbBoxaddList dl dt h4{width: 50px; height: 3px; background: #a0a0a0; float: left; clear: both;} .AbBoxaddList dl dd{ width: 100%; height: 40px; line-height: 40px; font-size: 1rem;} .AbBoxaddList dl dd a{ color: #004283;} .AbBoxInfo{ width: 100%; height: auto; padding-top: 15px; font-size: 1rem; color: #999999; line-height: 28px;} .AbBox1{ width: 94%; height: auto; background: #FFFFFF; padding: 20px; overflow: hidden; margin-top: 20px; line-height: 28px; font-size: 1rem; box-sizing: border-box;} .AbBox1 dl{ width:80%; height:auto; margin-bottom:10px; overflow:hidden;} .AbBox1 dl dt{ float:none; width:100%; height:auto; overflow:hidden;} .AbBox1 dl dt img{width:auto; height:auto;} .AbBox1 dl dd{ float:none; width:100%; height:auto; overflow:hidden; line-height:28px;} .AbBox2{ width: 94%; height: auto; background: #FFFFFF; padding: 20px; overflow: hidden; margin-top: 20px; line-height: 30px; font-size: 16px; box-sizing: border-box;} .conFed{ width: 94%; height: auto; overflow: hidden;} .conFed1{ width: 100%; height: auto; overflow: hidden;} .conFed1 .conInput1{ width: 100%; box-sizing: border-box; margin-bottom: 15px; font-size: 0.9rem; padding: 0 20px; height: 46px; line-height: 46px; overflow: hidden; margin-left:0; border: 1px solid #ebebeb; } .conFed2{ width: 100%; height: 80px; overflow: hidden; margin-top: 0; } .conFed2 .conTxt{ width: 100%; height: 80px; border: 1px solid #ebebeb; box-sizing: border-box; padding: 10px; overflow: hidden; line-height: 24px; font-size: 0.9rem;} .conFed3{ width: 100%; height: 46px; overflow: hidden; margin-top:15px; text-align: center;} .conFed3 .conSub{ width: 100%; height: 46px; line-height: 46px; text-align: center; background: #094DA0; color: #FFFFFF; border: none; font-size: 1rem; } /*关于我们*/ .Abbg1{ width: 100%; height: auto; padding: 30px 0; background: #FFFFFF; margin-top: 0;} .AbCate1{ width: 94%; height: auto; overflow: hidden; position: relative; } .AbCate1R{ width: 100%; height: auto; position: inherit; right: inherit; top: inherit;} .AbCate1R img{width: 100%; height: auto; } .AbCate1L{ position: inherit; background: #00943c; width: 100%; height: auto; box-sizing: border-box; padding: 20px; overflow: hidden; color: #FFFFFF; left: inherit; top: inherit; z-index: 333; box-sizing: border-box;} .AbCate1L h4{ line-height: 32px; font-size: 1.6rem; font-weight: normal;} .AbCate1L p{ font-size: 0.9rem; line-height: 24px; height: 48px; overflow: hidden; margin-top: 12px;} .AbCate1L a{ font-size: 0.8rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #FFFFFF; display: block;} .AbCate1L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .AbCate2{ width: 94%; height: auto; overflow: hidden; position: relative; } .AbCate2L{ position: inherit; left: inherit; top: inherit; width: 100%; height: auto; background: #f5f5f5; box-sizing: border-box; padding: 20px 20px 40px 20px;} .AbCate2L h4{line-height: 42px; font-size: 1.6rem; font-weight: normal; color: #333333; margin-bottom: 12px;} .AbCate2L p{ color: #333333; line-height: 24px; font-size: 0.9rem;} .AbCate2L a{ font-size: 0.8rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #666; display: block;} .AbCate2L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian1.png) no-repeat left center; display: inline-block; float: left;} .AbCate2L h3{ float: left; clear: both; width: 98px; height: 9px; background: #00943c; margin-top: 10px;} .AbCate2R{ position: inherit; right: inherit; top: inherit; width: 100%; height: auto;} .AbCate2R img{width: 100%; height: auto;} .AbCate3{ width: 94%; height: auto; overflow: hidden; position: relative; } .AbCate3R{ width: 100%; height: auto; position: inherit; right: inherit; top: inherit;} .AbCate3R img{width: 100%; height: auto; } .AbCate3L{ position: inherit; background: #004283;width: 100%; height: auto; box-sizing: border-box; padding: 20px; overflow: hidden; color: #FFFFFF; left:inherit; top: inherit; z-index: 333; box-sizing: border-box;} .AbCate3L h4{ line-height: 42px; font-size: 1.6rem; font-weight: normal;} .AbCate3L a{ font-size: 0.8rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #FFFFFF; display: block;} .AbCate3L a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian.png) no-repeat left center; display: inline-block; float: left;} .Aboutinfo{ width: 94%; height: auto; overflow: hidden; padding: 25px 0; font-size: 1rem; line-height: 30px;} .Aboutinfo img{ max-width: 100%; height: auto;} .AboutCulList{ width: 94%; height: auto; overflow: hidden; padding: 25px 0; } .AboutCulList dl{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;} .AboutCulList dl dt{ float: none; width: 100%; height: auto; overflow: hidden;} .AboutCulList dl dt img{width: 100%; height: auto; } .AboutCulList dl dd{ float: none; width: 100%; height: auto; background: #f9f9f9; box-sizing: border-box; padding:20px;} .AboutCulList dl dd h4{ line-height: 42px; height: 42px; font-size: 1.4rem; color: #333333;} .AboutCulList dl dd p{ font-size: 1rem; line-height: 26px; margin-top: 5px;} /*社会关系*/ .photobg1{width: 100%; height: auto; padding: 40px 0; background: #FFFFFF; } .photoBox{ width: 94%; padding: 3%; height: auto; overflow: hidden; background: #f5f5f5;} .photoBox dl{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;} .photoBox dl dt{ width: 100%; height: auto; overflow: hidden; float: none;} .photoBox dl dt img{width: 100%; height: auto;} .photoBox dl dd{ float: none; width: 100%; height: auto; box-sizing: border-box;} .photoBox dl dd h2{ color: #004283; line-height: 50px; font-size: 1.2rem} .photoBox dl dd h3{ width: 108px; height: 4px; background: #004283; float: left; clear: both;} .photoBox dl dd h4{ clear: both; line-height: 44px; height: 44px; overflow: hidden; margin-top: 15px; font-size: 1.4rem; font-weight: normal; color: #000000;} .photoBox dl dd div{ line-height: 22px; height:44px; overflow:hidden; color: #333333; font-size: 0.9rem;} .photoBox dl dd a{ font-size: 0.8rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #333; display: block;} .photoBox dl dd a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .photoBox dl:nth-child(odd) dd{ padding:20px 10px; border-bottom: 1px solid #DEDEDE;} .photoBox dl:nth-child(even) dd{ padding:20px 10px; text-align: left;} .photoBox dl:nth-child(even) dd h3{ float: left;} .photoBox dl:nth-child(even) dd a{font-size: 0.8rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; color: #333; display: inline-block;} .photoBox dl:nth-child(even) dd a span{ margin-right: 10px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat right center; display: inline-block; float: left;} /*新闻资讯*/ .Newsbg1{width: 100%; height: auto; padding: 40px 0; background: #f5f5f5; } .NewsList{ width: 94%; height: auto;} .NewsList dl{ float: none; background: #FFFFFF; width: 100%; height: auto; margin:0 0 10px 0; transition: all ease .5s; cursor: pointer;} .NewsList dl:hover{box-shadow:0 0 10px #CCCCCC;} .NewsList dl dt{ width: 100%; height: auto; overflow: hidden;} .NewsList dl dt img{ width: 100%; height: auto;} .NewsList dl dd{width: 100%; height: auto; overflow: hidden; box-sizing: border-box; padding: 20px;} .NewsList dl dd h4{ line-height: 32px; height: 32px; overflow: hidden; font-size: 1.1rem; font-weight: normal;} .NewsList dl dd h4 a{ color: #000000;} .NewsList dl dd p{ font-size: 0.9rem; color: #333333; line-height: 24px; height: 48px; overflow: hidden;} .NewsList dl dd h3{ font-weight: normal; color: #999999; line-height: 32px; height: 32px; overflow: hidden; font-size: 0.9rem; margin-top:10px;} .NewsList dl:hover h3 a{ color: #004283;} .NewsList dl:hover h4 a{ color: #004283;} .NewsShowbg{width: 100%; height: auto; padding:30px 0; background: #f5f5f5; margin-top: 71px;} .NewsShow{ width: 94%; height: auto; background: #FFFFFF; box-sizing: border-box; padding: 20px; margin-bottom: 15px;} .NewsSTit{ width: 100%; height: auto; border-bottom: 1px solid #eeeeee; text-align: center;} .NewsSTit h2{ color: #004283; font-size: 1.3rem; font-weight: normal; line-height: 30px; padding:10px 0;} .NewsSTit p{ line-height: 32px; height: 32px; padding-bottom: 10px; color: #999999; } .NewsSTit p img{ vertical-align: middle; padding-right: 5px;} .NewsSinfo{ width: 100%; height: auto; overflow: hidden; padding:15px 0; font-size: 0.9rem; line-height: 24px;} .NewsSinfo img{ max-width: 100%; height: auto;} .NewsSprev{ width: 100%; height: auto; padding-top: 25px; border-top: 1px solid #eeeeee;} .NewsSprev li{ line-height: 26px; color: #999;} .NewsSprev li span{ color: #004283; font-size: 1rem;} .NewsSprev li a{ color: #333333;} .NewsSprev li a:hover{ color: #004283;} .NewsSprev h4{ float: none; display: inline-block; margin-bottom: 15px; width: 103px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #e5e5e5; background: #eeeeee; font-weight: normal; font-size: 16px; color: #004283; border-radius: 5px;} .NewsSprev h4 i{ padding-right: 5px;} .NewsSprev h4 a{ display: block;} .NewsSprev h4 a:hover{ background: #004283; color: #FFFFFF;} /*应用*/ .appliList{ width: 100%; height: auto;} .appliList dl{ width: 94%; height: auto; position: relative; overflow: hidden; margin-top: 20px;} .appliList dl dt{ width: 100%; height: auto; position: inherit; overflow: hidden;} .appliList dl dt img{ width: 100%; height: auto;border-radius: 5px 5px 0 0;} .appliList dl dd{ width: 100%; height: auto; background: #FFFFFF; border-radius:0 0 5px 5px; overflow: hidden; margin-top: 0; box-sizing: border-box;} .appliList dl dd h4{ font-size: 1.4rem; height: 42px; line-height: 42px;} .appliList dl dd a{ color: #333333;} .appliList dl dd a:hover{ color: #004283;} .appliList dl dd p{ font-size: 0.9rem; line-height: 24px; margin-top: 0;} .appliList dl dd a.applia{ font-size: 0.9rem; font-weight: normal; line-height: 35px; height: 35px; overflow: hidden; margin-top: 10px; display: block;} .appliList dl dd a.applia span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .appliList dl:nth-child(odd) dt{ left: inherit; top: inherit;} .appliList dl:nth-child(odd) dd{ padding: 20px;} .appliList dl:nth-child(even) dt{ right: inherit; top: inherit;} .appliList dl:nth-child(even) dd{ padding: 20px;} .appliList1{ width:94%; background: #FFFFFF; padding:20px; box-sizing: border-box; height: auto;} .appliList1 dl{ float: none; width: 100%; height: auto; overflow: hidden; position: relative; margin:15px 0;} .appliList1 dl a{ display: block; color: #FFFFFF;} .appliList1 dl dt{ width: 100%; height: auto; overflow: hidden;} .appliList1 dl dt img{width: 100%; height: auto;} .appliList1 dl dd{ width: 100%; height: 120px; position: absolute; left: 0; bottom: 0; background: url(../images/AppTm.png) repeat; box-sizing: border-box; padding: 20px;} .appliList1 dl dd h3{ float: left; clear: both; width: 50px; height: 2px; background: #FFFFFF;} .appliList1 dl dd h4{ clear: both; font-size: 1.4rem; height: 40px; line-height: 40px; overflow: hidden; margin-top: 5px;} .appliList1 dl dd p{ font-size: 0.9rem; line-height: 20px; height: 40px; overflow: hidden;} .appliList1 dl a:hover dd{ display: none;} .appliList1 dl .appliDiv{ display: none;} .job-warp{width: 94%; text-align: left;} .job-warp ul li{height: auto;width: 100%; margin-bottom: 8px;} .job-warp li .title{height: 60px; text-align: left; color: #666666; line-height: 60px; padding: 0 25px; box-sizing: border-box; color: #004283;background-color: #ffffff;font-size: 1.4rem;cursor:pointer;transition: all 0.5s;-webkit-transition: all 0.5s;} .job-warp li.on .title{background-color:#004283;color: #fff;} .job-warp li .title span{background: url(../images/appli_icon1.png) right center no-repeat; width: 30px; height: 30px; display: inline-block; margin-top: 20px;} .job-warp li.on .title span{background: url(../images/appli_icon2.png) right center no-repeat} .job-warp li .warp{background-color: #fff;display: block; width: 100%; box-sizing: border-box; padding: 20px 35px; font-size: 0.9rem; line-height: 24px;} .job-warp li .warp img{ max-width: 100%; height: auto;} .job-warp li table{ border:1px solid #ccc; border-left:0px; border-top:0px; font-size: 0.9rem; table-layout: fixed; width: 100%; box-sizing:border-box; border-spacing:0;} .job-warp li table td{ border:1px solid #ccc; border-right:0px; border-bottom:0px; padding:8px 2px; text-align:center; word-wrap: break-word; } .job-warp li table tr{background:#f6f6f6; } .appDown{ width: 94%; height: auto; box-sizing: border-box; padding: 10px 25px; background: #FFFFFF;} .appDown dl{ width: 100%; height: auto; line-height: 30px;} .appDown dl dt{ float: none; width: 100%; height: 30px; line-height: 30px; font-size: 1.4rem; color: #333333;} .appDown dl dd{ float: none; width: 100%; height: auto;} .appDown dl dd a{ font-size: 0.9rem; display: block; line-height: 36px;} .appDown dl dd a span{ color: #004283;} /*产品中心*/ .goodsBox{ width: 94%; height: auto; overflow: hidden;} .goodsBox dl{ width: 100%; height: auto; overflow: hidden; background: #fafafc; margin-bottom: 10px;} .goodsBox dl dt{ float: none; width: 100%; height: auto; box-sizing: border-box; padding:30px;} .goodsBox dl dt h4{ font-size: 1.4rem; line-height: 46px; height:46px; overflow: hidden;} .goodsBox dl dt h4 a{ color: #004283;} .goodsBox dl dt p{ font-size: 0.9rem; line-height: 24px; height: 72px; overflow: hidden;} .goodsBox dl dt h3{ font-weight: normal; margin-top: 10px;} .goodsBox dl dt h3 a{font-size: 0.9rem; font-weight: normal; line-height: 30px; height: 30px; overflow: hidden; color: #333; display: block;} .goodsBox dl dt h3 a span{ margin-right: 5px; width: 10px; height: 35px; background: url(../images/dian2.png) no-repeat left center; display: inline-block; float: left;} .goodsBox dl dd{ float: none; width: 100%; height: auto; position: relative;} .goodsBox dl dd img{ width: 100%; height: auto; } .goodsBox dl:nth-child(odd) dd:after{ display:block; content:""; border-width:10px 10px 10px 10px; border-style:solid; border-color: transparent transparent #eeeeee transparent; /* 定位 */ margin-left: -10px; margin-top: -20px; position:absolute; left:50%; top:0; } .goodsBox dl:nth-child(even) dd:after{ display:block; content:""; border-width:10px 10px 10px 10px; border-style:solid; border-color: #eeeeee transparent transparent transparent ; /* 定位 */ margin-right: -10px; margin-top: 0; position:absolute; right:50%; top:100%; } .goodsListBox{ width: 94%; height: auto; overflow-x: auto;} .goodsList{ width:99%; height:auto; overflow-x: auto;} .goodsList dl{ width:100%; height:auto; border:1px solid #eee; background:#f7f7f7; box-sizing:border-box; margin-bottom:10px;} .goodsList dl dt{ width:100%; height:42px; line-height:42px; text-align:left; box-sizing:border-box; padding:0 25px; background:#eee; font-weight:bold;} .goodsList dl dt span{ color: #004283;} .goodsList dl dd{ width:100%; height:auto; padding:15px 0; float:left;} .goodsList dl dd i{ line-height:32px;} .goodsList dl dd span{ display:block; float:left; width:50%; text-align:left; text-indent:1em; height:32px; line-height:32px; overflow:hidden;} .goodsList dl dd span b{ color: #004283; font-weight:normal; padding-right:3px;} .goodsList dl dt ul{ float:left; width:100%; height:36px; line-height:36px; overflow:hidden;} .goodsList dl dt ul li{ float:left; padding:0 20px; background: url(../images/pdf-icon.png) no-repeat left center; } /*0910*/ .inDzbox{ width:94%; height:auto; overflow:hidden;} .inDzbox img{ width:100%; height:auto; } /*0919*/ .side{ display:none;} .mpokf{ width:100%; height:42px; line-height:42px; padding:10px 0; background:#004283; color:#fff; display:block; position:fixed; left:0; bottom:0; z-index:999;} .mpokf a{ display:block; float:left; text-align:center; font-size:1rem; width:28%; color:#fff; border-right:1px solid #05519b; box-sizing:border-box;} .mpokf a:last-child{ width:16%; border:none;} .mpokf a img{ vertical-align: top; width:42px; height:42px;} }