锘緻charset "utf-8"; /* CSS Document */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} body { background:#fff; color:#555; font-size:14px; font-family:"寰蒋闆呴粦", Verdana, Arial, Helvetica, sans-serif; max-width:1920px; } td,th,caption { font-size:14px; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;} a { color:#555; text-decoration:none; } img { border:none; max-width:100%; display:block;} ol,ul,li { list-style:none; } input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; } table { border-collapse:collapse; } html {overflow-y: scroll;} .clear:after {content: "."; display: block; height:0; clear:both; visibility: hidden;} .clear { *zoom:1; } .ri{ float:right;} .le{ float:left;} .trans,img,a,span,p {transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .table{ display:table; width:100%; height:100%;} .table .tbc{ display:table-cell; vertical-align:middle; width:100%; height:100%;} .imgs{ overflow:hidden; position:relative;} .imgs img{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .imgs:hover img{ transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .one-line { overflow: hidden; white-space: nowrap; display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .two-line { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .three-line { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .clr{ clear:both;} .w1280{ max-width:1290px; margin:0 auto;} .w1480{ max-width:1480px; margin:0 auto;} .w1680{ max-width:1680px; margin:0 auto;} .headtop{ position:relative; height:48px; background:url(../images/headbac.jpg);} .headtop .search{ height:48px;background-image:url(../images/1index_02.png); background-repeat:no-repeat; background-position: left center; background-color:#0066cc; padding-left:115px; background-color:#fff; background-size:auto 100%;} .headtop .search .formssearch{ border:1px solid #7d7d7d; margin-top:17px; height:30px; width:350px; display:inline-block;} .headtop .search .formssearch input::placeholder {font-size:14px; color:#cccccc; } .headtop .search .formssearch input{ width:300px; height:28px; line-height:28px; font-size:14px; color:#cccccc; border:none; outline:none; padding:0 15px;} .headtop .search .formssearch button{ width:48px; border:none; outline:none; cursor:pointer; background:url(../images/1index_08.png) no-repeat center center; height:28px;} .headtop .search img{ display:inline-block;} .headtop .search a.logo{ height:31px; margin-top:15px; margin-left:70px; display:inline-block;} .header{ box-shadow:0 0 10px #eaeaea;} .navs{ padding:20px 0;} .navs ul li{ display:inline-block;margin-left:60px; position: relative;} .navs ul li.lang{ margin-left:150px;} .ablelogo img{ max-height:47px;} .navs ul li a{ display:block; padding:0 20px; line-height:47px; font-size:18px; color:#939598;} .navs ul li.lang a{ width:30px; height:30px; border-radius:100px; background:#0066cc; color:#fff; font-size:14px; padding:0; line-height:30px; text-align:center;} .navs ul li.lang a:hover{ color:#fff;} .navs ul li.cur >a{ font-weight:bold; color:#0066cc; background:url(../images/1index_17.png) right center no-repeat;} .navs ul li a:hover{ color:#0066cc;} .shouyesub{ z-index: 100; display: none; box-shadow: 0 0 10px #ccc; position: absolute; top: 100%; left: 50%; width: 200px; background: #fff; margin-left: -100px; padding: 20px 5px;} .navs ul li .shouyesub a{ font-size: 14px; display: block; text-align: center;line-height: 1.4; margin: 10px 0;} .wap{ display:none;} .hei50{ height:50px; width:100%;} .sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;box-shadow:0 0 10px #eaeaea;} .sp_logo{padding:10px;float:left;height:50px} .sp_logo img{margin:auto;max-height:30px;} .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px} .sp_nav span{display:block;background:#0066cc;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:10px} .sp_nav span:nth-of-type(3){top:20px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top:50px} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)} .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #ddd dashed;margin-left:20px;position:relative;line-height:40px;font-size:14px} .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li a{color:#666;width:80%} .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#0066cc} .sjj_nav ul li ul li>ul{margin-left:10px} .banner .swiper-slide b{ font-size:48px; color:#fff; text-transform:uppercase;} .banner .swiper-slide p a{ font-size:16px; color:#fff; display:inline-block; padding-right:20px;} .index01{ padding:55px 0;} .index01 .imgss{ width:540px;} .index01 .txts{ width:680px;} .titlecs01{ position:relative;} .titlecs01 b{ font-size:70px; color:#f5f5f5; text-transform:uppercase; line-height:1; } .titlecs01 span{ font-size:30px; color:#0066cc; position:relative; z-index:1;position:absolute; left:0; bottom:0;} .index01box { padding:50px 0;} .index01box p{ font-size:16px; color:#686868; line-height:44px} a.mores{ font-size:16px; color:#fff; padding:0 45px; display:inline-block; height:45px; line-height:45px; background:#999999; text-transform:uppercase; } a.moresw{ font-size:16px; color:#0066cc; padding:0 45px; display:inline-block; height:45px; line-height:45px; background:#fff; text-transform:uppercase;display:block; margin:20px auto 0; max-width:140px; box-sizing:border-box; text-align:center;} a.mores:hover{ background:#0066cc; color:#fff;} .index02{ background:url(../images/1index_27.jpg) no-repeat center; background-size:cover;} .index02 b,.index02 p{ text-transform:uppercase; color:#fff;} .index02 li{ width:25%; padding:35px; text-align:center; float:left;} .index02 li b{ font-size:48px; font-weight:normal; display:block; padding-bottom:5px;} .index02 li b em{ font-size:16px; font-weight:normal;} .index02 li p{ font-size:18px; color:#fff;} .index_03 a.mores{ margin-top:40px;} .index_03{ padding:45px 0;} .index_03 .line{ margin:20px 0;} .index3_swiper .swiper-slide{ background:#f7fcff;} .index3_swiper .swiper-slide .imgss{ height:310px; position:relative;} .index3_swiper .swiper-slide .imgss img{ width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} .index3_swiper .zhezhao{ position:absolute; background:rgba(0,102,204,.8); z-index:1; left:0; top:0; width:100%; height:100%; padding-top:115px; opacity:0;visibility:hidden; transition:all .3s;} .index3_swiper .zhezhao img{ margin:0 auto;} .index3_swiper .txts{ position:relative; z-index:2;} .index3_swiper .txts .line{ width:30px; height:2px; background:#0066cc;margin:10px auto 20px; transition:all .3s;} .index3_swiper .txts a{ color:#666666; font-size:16px; font-weight:bold; display:block; text-align:center; padding-bottom:40px;} .index3_swiper .swiper-slide:hover .zhezhao{ opacity:1;visibility:visible} .index3_swiper .swiper-slide:hover .txts .line{ background:#fff; } .index3_swiper .swiper-slide:hover .txts a{ color:#fff;} .index_03 .w1280{ position:relative;} .index_03 .swiper-pagination{ top:60px; right:0; bottom:inherit} .index_03 .swiper-pagination-bullet{ margin:0 5px; width:10px; height:10px; outline:none;} .index_03 .swiper-button-next{ right:70px; width:45px; height:45px; border:2px solid #d2d2d2; top:67px; border-radius:100px; background-image:url(../images/ri.png); background-size:8px 15px;} .index_03 .swiper-button-next:hover{ border:2px solid #0066cc;} .index_04{ padding:55px 0; background-color:#edf7fe; background-image:url(../images/bac4.jpg); background-position:center bottom; background-repeat:no-repeat;} .titlecs01.titlecs02{ text-align:center;} .titlecs01.titlecs02 b{ color:#fff;} .titlecs01.titlecs02 span{ display:block; text-align:center; width:100%;} .index_04 .infro{ text-align:center; font-size:16px; color:#999999; padding:40px 0;} .index_04ul{ padding-bottom:50px;} .index_04ul li{ margin-right:2%; width:23.5%; position:relative; float:left; margin-bottom:2%;} .index_04ul li:nth-child(4n){ margin-right:0;} .index_04ul li .zhezhao2{ transition:all .3s; text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,102,204,.8);opacity:0;visibility:hidden; } .index_04ul li .zhezhao2 b a{ color:#fff;} .index_04ul li .zhezhao2 b{ margin-top:25%; display:block; margin-bottom:15px; color:#fff; font-size:16px; text-transform:uppercase;} .index_04ul li .zhezhao2 img{ margin:0 auto;} .index_04ul li:hover .zhezhao2{opacity:1;visibility:visible} .titlecs01.titlecs03{ text-align:center;} .titlecs01.titlecs03 b{ color:#5075b6;} .titlecs01.titlecs03 span{ color:#fff; display:block; text-align:center; width:100%;} .index_05{ background:#014da7; padding:55px 0;} .idnex_06{ padding:55px 0;} .newsswiper{ padding:0 65px; margin-top:55px; position:relative;} .newsswiper .swiper-slide{ background:#ffffff ; padding:30px; transition:all .3s;} .newsswiper .swiper-slide a.imgss{display:block; width:100%; height:130px;background-size:cover; background-position:center;} .newsswiper .swiper-slide.swiper-slide-active{ transform:scale(1.2);} .newsswiper .swiper-slide b{ font-size:30px; color:#333333; text-align:center; display:block;} .newsswiper .swiper-slide span{ font-size:16px; color:#999999; display:block; text-align:center; font-weight:lighter; margin-top:5px; margin-bottom:15px;} .newsswiper .swiper-slide h2{ margin-top:40px;} .newsswiper .swiper-slide img.jt{ display:none;} .newsswiper .swiper-slide.swiper-slide-active img.jt{ display:block; margin:0 auto; margin-top:20px;} .newsswiper .swiper-slide h2 a{ display:block; font-size:14px; font-weight:normal; color:#999999;} .newsswiper .swiper-slide.swiper-slide-active h2{ margin-top:20px;} .newsswiper .swiper-container{ padding:40px 0;} .newsswiper .swiper-button-next,.newsswiper .swiper-button-prev{ width:48px; height:48px; outline:none; margin-top:-24px; background-size:48px 48px;} .newsswiper .swiper-button-next{ background-image:url(../images/1index_59.png); right:0;} .newsswiper .swiper-button-prev{ background-image:url(../images/1index_56.png); left:0;} .titlecs01.titlecs04{ text-align:center;} .titlecs01.titlecs04 span{ display:block; text-align:center; width:100%;} .imgmap{ position:relative; max-width:1200px; margin:30px auto;} .imgmap a{ display:block; position:absolute; } .imgmap a.a_01{width:20%; height:10%; top:12%; left:4%;} .imgmap a.a_02{width:20%; height:10%; top:0; left:43%; } .imgmap a.a_03{width:15%; height:10%; top:23%; right:4%;} .imgmap a.a_04{ width: 14%; height: 12%; top: 56%; left: 4%;} .imgmap a.a_05{width:20%; height:10%; top:60%; left:28%;} .imgmap a.a_06{width:20%; height:10%; top:74%; right:6%;} .footer{ background:#313131; padding:25px 0 0;} .fot_le{ width:40%; margin-right:10%;} .wechat{ width:220px;} .fotimg,.fot_txt{ padding:30px 0;}.fotimg img{ margin-top:20px;} .fot_txt p,.fot_txt p a{ font-size:14px; color:#fff; line-height:1.3; margin:10px 0;} .fottrit { line-height:32px; color:#fff; font-size:18px; font-weight:bold; padding-bottom:25px; border-bottom:1px solid #bfbfbf;} .fot_ri{ width:28%;} .fot_ri input,.fot_ri button{ width:100%; display:block; font-size:14px; height:40px; line-height:40px; margin-bottom:10px; border:none; outline:none; padding:0 15px;} .fot_ri textarea{width:100%; font-size:14px; height:100px; line-height:40px;margin-bottom:10px; border:none; outline:none; padding:0 15px;} .fot_ri button{ background:#0066cc; color:#fff; font-size:16px; cursor:pointer;} .footers{ background:#1b1b1b; border-top:1px solid #fff; padding:10px;} .footers span{ font-size:14px; color:#fff;} .main{ padding-top:40px; padding-bottom:60px;} .position ,.position a{ font-size:14px; color:#999999;} .position{ background:url(../images/2proview_03.jpg) no-repeat left center; padding-left:25px;} .pro_imglunbo{ width:560px; height:auto} .pro_img{ padding:30px 0;} .thumbsss{ padding:30px 45px; position:relative;} .gallery-thumbs .swiper-slide-thumb-active{ border:2px solid #78aee4;} .thumbsss .swiper-button-next{ background-image:url(../images/2proview_20.jpg);} .thumbsss .swiper-button-prev{ background-image:url(../images/2proview_18.jpg);} .thumbsss .swiper-button-next,.thumbsss .swiper-button-prev{ background-size:20px 31px; outline:none; width:20px; height:31px; margin-top:-15px;} .gallery-top{ border:1px solid #efefef;} .gallery-top img{ max-width:100%; margin:0 auto;} .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .pro_intro{ width:680px;} .pro_intro h1{ font-size:30px; font-weight:bold; color:#303030; display:block; padding:20px 0;} .intro_in { padding:20px 0;} .intro_in p{ font-size:14px; color:#666666; line-height:1.5; display:block; margin-bottom:20px;} .intro_in p span{ display:inline-block; margin-left:10px; padding-left:20px; background:url(../images/2proview_10.jpg) left center no-repeat;} .zhaiyao{ padding:40px 0; border-top:1px dashed #dcdcdc;} .downloads a{ padding:10px 20px; background:#0066cc; color:#fff; overflow:hidden; display:inline-block; text-transform:uppercase; line-height:25px; font-size:14px; font-weight:bold;} .downloads a img{display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-5px;} .descri_nav{ width:200px;} .descri_ri{ width:1050px;} .desNav_le_tit{ background:#0066cc; padding:15px;} .desNav_le_tit i{ font-weight:bold; font-size:18px; color:#fff;} .desNav_le_tit b{ font-weight:bold; color:#fff; font-size:26px; text-transform:uppercase; display:block; margin-top:5px;} .desNav_li{ background:#f9f9f9;padding:10px; } .desNav_li a{ border-bottom:1px solid #ffffff; display:block; font-size:14px; color:#333333; height:50px; line-height:50px; padding:0 15px;} .desNav_li a.cur{ background:#0066cc; color:#fff;} .desNav_li a:hover{ color:#0066cc} .descri_ri_tit{ border-bottom:1px solid #0066cc; background:#f9f9f9;} .descri_ri_tit span{ display:inline-block; background:#0066cc; padding:10px 20px; font-size:16px; color:#fff; text-transform:uppercase;} .descri_ri_box{ padding:35px 0;} .descri_ri_box p{ display:block; font-size:14px; color:#666; line-height:2; margin-bottom:15px;} .subnav a{ font-size:16px; padding:0 5px; color:#666666; padding-bottom:20px;} .subnav a.cur,.subnav a:hover{ border-bottom:4px solid #0066cc; } .prolists{ margin-top:60px;} .prolists li{ background:#f7fcff; width:23%; margin:1%; position:relative; float:left;} .prolists li .imgss{ height:310px; position:relative;} .prolists li .imgss img{ width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} .prolists .zhezhao{ position:absolute; background:rgba(0,102,204,.8); z-index:1; left:0; top:0; width:100%; height:100%; padding-top:115px; opacity:0;visibility:hidden; transition:all .3s;} .prolists .zhezhao img{ margin:0 auto;} .prolists .txts{ position:relative; z-index:2;} .prolists .txts .line{ width:30px; height:2px; background:#0066cc;margin:10px auto 20px; transition:all .3s;} .prolists .txts a{ color:#666666; font-size:16px; font-weight:bold; display:block; text-align:center; padding-bottom:40px;} .prolists li:hover .zhezhao{ opacity:1;visibility:visible} .prolists li:hover .txts .line{ background:#fff; } .prolists li:hover .txts a{ color:#fff;} .pages{ text-align:center; padding-top:55px;} .pages li{ display:inline-block; margin:0;} .pages ul li a,.pages ul li span{ display:block; border:1px solid #dddddd; margin:0; padding:0 20px; line-height:40px; border-radius:3px;} .pages ul li a:hover{ color:#0066cc} .pages ul li.active a{ background:#0066cc; color:#fff; border:1px solid #0066cc} .pages ul li span.current{ background:#0066cc; color:#fff; border:1px solid #0066cc} .bannersub{ height:350px; width:100%; background-position:center; background-size:cover;} .history{ max-width:1170px; margin-top:60px;} .history{ background-image:url(../images/bacline.jpg); background-position:center top; background-repeat:no-repeat;} .history .dian{ height:16px; width:100%; background:url(../images/his_05.png) no-repeat center center;} .history li{ position:relative; padding:5px 0;} .history li .nian{ width:50%; padding-right:35px; top:0;} .history li .describo{width:50%; padding-left:35px; float:right;} .history li .describo .table{ min-height:110px; background:#f5f5f5; border-radius:10px; padding:20px;} .history li.nianri .describo{ padding-left:0; padding-right:35px; float:left;} .history li.nianri .describo p{ display:inline-block; line-height:2; float:right;} .history li.nianri .nian{ right:0; padding-left:35px;} .history li .nian i{ width:22px; height:22px; display:block; position:absolute; right:-11px; top:50%; margin-top:-11px; background:url(../images/his_09.png) no-repeat center;} .history li .nian .line{ position:absolute; width:40px; top:50%; height:1px; background:#0066cc; right:0;} .history li .nian{height:100%; position:absolute; } .history li .nian span{ display:block; height:93px; width:93px; border-radius:100px; background:#0066cc; line-height:93px; color:#fff; font-size:24px; color:#fff; text-align:center; float:right; position:absolute; top:50%; margin-top:-46px; right:35px;} .history li.nianri .nian span{ left:35px; right:inherit;} .history li.nianri i{ right:inherit; left:-11px;} .history li.nianri .line{ right:inherit; left:0;} .future{background-image:url(../images/bacline.jpg); background-position:center top; background-repeat:no-repeat; } .future span{ display:block;color:#fff; text-align:center; width:94px; height:94px; border-radius:100px; background:#313131; margin:0 auto; margin-top:35px; text-align:center; padding-top:20px; box-sizing:border-box; font-size:16px;} .bdtxt{ font-size:16px; color:#999; padding:60px 0 40px; text-align:center; line-height:2;} .bdtit{ text-align:center;} .bdtit span{ display:inline-block; padding-left:50px; background:url(../images/guest_05.jpg) no-repeat left center; font-size:24px; color:#333333;} .form_bd span{ width:110px; float:left; font-size:16px; color:#999999; text-align:right; padding-right:10px; box-sizing:border-box; line-height:45px;} .form_bd{ margin-top:50px;} .form_bd input{ width:calc(100% - 110px); padding:0 20px; float:right; height:45px; line-height:43px; border:1px solid #d2d2d2;} .form_bd .w50{ width:47%;} .form_bd .w100{ width:100%;} .form_bd .w100 textarea{width:calc(100% - 110px); padding:20px;float:right; height:150px;border:1px solid #d2d2d2;} .form_bd .w50,.form_bd .w100{ padding:10px 0;} .form_bd button{ display:block; background:#0066cc; color:#fff; width:130px; height:35px; border:none; margin:20px auto 0; cursor:pointer; font-size:18px;} .fengongsi{ padding-top:50px;} .jishufangan,.kefu{ padding-top:50px;} .jishufangan .jishufanganul li{ min-height:320px; padding-left:410px; position:relative; margin-top:50px;} .jishufangan .jishufanganul li:hover{ background:#0066cc;} .jishufangan .jishufanganul li .imgs{ width:410px; position:absolute; left:0; top:0; height:100%; background-size:cover;} .jishufangan .jishufanganul li .imgs a{ display:block; width:100%; height:100%;} .jishufangan .jishufanganul li .txts{ padding:20px 30px;} .jishufangan .jishufanganul li .txts h2 a{ font-size:18px; color:#0066cc; font-weight:bold; display:block; margin-bottom:30px; margin-top:15px;} .jishufangan .jishufanganul li .txts p{ font-size:16px; color:#666666; line-height:30px; max-height:180px; overflow:hidden;} .jishufangan .jishufanganul li:hover .txts h2 a{ color:#fff;} .jishufangan .jishufanganul li:hover .txts p{ color:#fff;} .kefuli{ margin-top:40px;} .kefuimg{ width:342px; height:342px; border-radius:400px; overflow:hidden; border:4px solid #0066cc;} .kefutxt{ width:900px; height:342px;} .kefutxt p{ font-size:16px; color:#303030; line-height:28px; padding:10px 0; margin:10px 0; padding-left:60px; min-height:50px; background-position:left 0; background-repeat:no-repeat;} .kefutxt p:nth-child(1){ background-image:url(../images/kefu_06.png);} .kefutxt p:nth-child(2){ background-image:url(../images/kefu_10.png);} .kefutxt p:nth-child(3){ background-image:url(../images/kefu_13.png);} .kefutxt p:nth-child(4){ background-image:url(../images/kefu_16.png);} .aboutbox{ margin-top:50px;} .aboutbox .titlecs01{ text-align:center; margin-bottom:40px;} .aboutbox .titlecs01 span{ width:100%; display:block;} .aboutxtbox img{ padding-right:70px; padding-bottom:20px;} .aboutxtbox p{ font-size:16px; color:#686868; line-height:44px; display:block; margin-bottom:20px;} .contactbox{ margin-top:60px;} .contactle{ width:50%;} .contactri{ width:45%;} .contacttit{ font-size:24px; color:#00a0e9; font-weight:bold; border-bottom:1px solid #00a0e9; padding-bottom:20px; padding-top:10px;} .contactboxtxt{ padding-top:30px;} .contactboxtxt p{ font-size:14px; color:#666666; background-position:left 7px; background-repeat:no-repeat; padding-left:35px; display:block; margin-top:20px; line-height:2;} .contactri iframe{ height:400px !important; width:100%; border:none; background:#000;} .fengongsilis .contacttit{ font-size:24px; color:#00a0e9; font-weight:bold; border-bottom:1px solid #00a0e9; padding-bottom:20px; padding-top:10px;} .fengongsilis .contactboxtxt{ padding-top:30px;} .fengongsilis .contactboxtxt p{ font-size:14px; color:#666666; background-position:left 7px; background-repeat:no-repeat; padding-left:0; display:block; margin-top:0; line-height:2;} .fengongsilis .contactri iframe{ height:400px !important; width:100%; border:none; background:#000;} .markerbox{ padding-top:50px;} .index_04ul2 li{ margin-right:2%; width:23.5%; position:relative; float:left; margin-bottom:2%;} .index_04ul2 li:nth-child(4n){ margin-right:0;} .index_04ul2 li .zhezhao2{ transition:all .3s; text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,102,204,.8);opacity:0;visibility:hidden; } .index_04ul2 li .zhezhao2 b a{ color:#fff;} .index_04ul2 li .zhezhao2 b{ margin-top:25%; display:block; margin-bottom:15px; color:#fff; font-size:16px; text-transform:uppercase;} .index_04ul2 li .zhezhao2 img{ margin:0 auto;} .index_04ul2 li:hover .zhezhao2{opacity:1;visibility:visible} .hr_box{ margin-top:100px;} .hr_li{ position:relative;box-shadow:0 0 10px #eee;} .hr_box_intro{ overflow-y:auto; height:100%; position:absolute; right:0; top:0; background:#fff;} .hr_tit{ width:415px; float:left;} .hr_tit em{ position:absolute; width:100px; height:35px; text-align:center; line-height:35px; font-size:14px; color:#999999; background:#eeeeee; border-radius:20px; top:50%; margin-top:-17px; right:60px;} .hr_tit .title_li{ cursor:pointer; position:relative; background:url(../images/hebac.jpg) no-repeat center; background-size:100% 100%; height:108px; padding:33px 40px; } .hr_tit .title_li.cur{ background:#0066cc;} .hr_tit .title_li.cur b,.hr_tit .title_li.cur span{ color:#fff;} .hr_tit .title_li.cur em{ color:#0066cc} .hr_tit .title_li b{ font-size:18px; font-weight:normal; display:block;} .hr_tit .title_li span{ font-size:14px; color:#666666; display:block; padding-top:10px;} .hr_box_intro{ width:calc(100% - 415px);} .hr_box_intro span.shijian{ position:absolute; right:20px; bottom:20px;} .hr_box_intro .intro_li{ display:none; padding:30px; padding-bottom:50px; position:relative;} .hr_box_intro .intro_li p{ font-size:14px; color:#999; line-height:36px; margin-bottom:10px;} .ziliao{ margin-top:50px;} .ziliao .ziliaoli li{ padding:10px 30px; position:relative;} .ziliao .ziliaoli li:before{ content:""; display:block; width:5px; height:5px; border-radius:10px; background:#0066cc; position:absolute; left:15px; top:23px} .ziliao .ziliaoli li a{ line-height:30px; font-size:16px; color:#666666;} .ziliao .ziliaoli li:hover{ background:#e5effa;} .xinwen{ margin-top:100px;} .xinwen li{ background:#ffffff ; padding:30px; float:left; margin-bottom:2%; transition:all .3s; width:32%; margin-right:2%; box-shadow:0 0 10px #eee; padding-bottom:35px;} .xinwen li:nth-child(3n){ margin-right:0;} .xinwen li a.imgss{ display:block; width:100%; height:130px;background-size:cover; background-position:center;} .xinwen li b{ font-size:30px; color:#333333; text-align:center; display:block;} .xinwen li span{ font-size:16px; color:#999999; display:block; text-align:center; font-weight:lighter; margin-top:5px; margin-bottom:15px;} .xinwen li h2{ margin-top:30px; margin-bottom:30px;} .xinwen li .jt a{ display:block; width:61px; height:7px; background:url(../images/jt1.png) no-repeat right center; margin:0 auto;} .xinwen li:hover .jt a{ background:url(../images/1index_65.png) no-repeat right center;} .xinwen li:hover img.jt{ display:block; margin:0 auto; margin-top:20px;} .xinwen li h2 a{ display:block; font-size:14px; font-weight:normal; color:#999999;} .xinwen li:hover h2 a{ color:#0066cc;} .xinwenboxs{ margin-top:100px;} .xinwenboxs h1{ display:block; text-align:center; font-size:20px; font-weight:bold;} .xinwenboxs .times{ text-align:center; padding:20px 0; font-size:14px; color:#666; border-bottom:1px solid #eee; margin-bottom:20px;} .xinwenboxs .bodies p{ font-size:14px; color:#666; line-height:2; display:block; margin-bottom:15px;} .zhengshuli{ margin-top:100px;} .zhengshuli li{ width:23%; margin:1%; float:left;} .fengongsilis li{ width:45%; margin-right:5%; margin-bottom:5%; float:left;} .fengongsilis li:nth-child(2n){ margin-right:0;} .fengongsilis li:nth-child(2n+1){ clear:left;} @media screen and (max-width:1740px){ .w1680{ padding-left:30px; padding-right:30px;} } @media screen and (max-width:1340px){ .w1280{ padding-left:30px; padding-right:30px;} .index01 .txts{ width:590px;} .navs ul li{ margin-left:20px;} .navs ul li.lang{ margin-left:40px;} .main .w1280{ max-width:1200px;} .pro_imglunbo,.pro_intro{ width:48%;} .describo{ max-width:1200px;} .descri_ri{ width:900px;} .subnav a{ padding-left:5px; padding-right:5px;font-size:14px;} .kefutxt{ width:760px;} } @media screen and (max-width:1240px){ .index01 .imgss{ width:45%;} .index01 .txts{ width:50%;}.fot_le{ width:30%;} .index01box{ padding:20px 0;}.index01box p{ line-height:2;} .titlecs01 b{ font-size:50px;}.titlecs01 span{ font-size:20px;} .index02 li p{ font-size:14px;}.index02 li b{ font-size:28px;} .banner .swiper-slide b{ font-size:28px;}.banner .swiper-slide p a{ font-size:14px;} .header .w1680{ padding-right:0;} .headtop .search{ padding-right:30px;}.index_03 .swiper-pagination{ right:30px;}.index_03 .swiper-button-next{ right:90px;} .descri_ri{ width:calc(100% - 220px);} .kefutxt{ width:560px;} .kefu{ max-width:768px; margin:0 auto;} .kefuimg{ width:200px; height:200px;} .kefutxt { width:calc(100% - 240px); height:auto;} } @media screen and (max-width:1000px){ .header{ display:none;} .wap{ display:block;} .index3_swiper .swiper-slide .imgss{ height:180px;} .fot_le,.fot_ri,.wechat { width:100%; float:none;}.fotimg img{ margin-top:0;}.fot_ri{ padding-bottom:40px;} .footers span{ float:none; display:block; text-align:center;} .position.le{ float:none;} .subnav a{ display:inline-block;} .index3_swiper .swiper-slide .imgss,.prolists li .imgss{ height:180px;} .subnav{ float:none; margin-top:20px;} .subnav a{ width:32%; margin:.5%; background:#f5f5f5; float:left; padding:0; border-bottom:none; text-align:center; padding:10px 0; font-size:12px;} .subnav a.cur{ background:#0066cc; color:#fff; border:none;} .jishufangan .jishufanganul li{ padding-left:200px;} .jishufangan .jishufanganul li .imgs{ width:200px; } .aboutxtbox img{ max-width:50%; padding-right:40px;} .hr_tit{ width:100%; text-align:center;} .hr_tit .title_li{ width:33.33%; float:left; padding:10px; height:auto;} .hr_tit .title_li span{ padding:10px 0;} .hr_box_intro{ width:100%; float:none; position:static;} .hr_tit em{ display:none;}.xinwen{ margin-top:30px;}.xinwenboxs{ margin-top:30px;}.zhengshuli{ margin-top:30px;} } @media screen and (max-width:768px){ .index01 .imgss,.index01 .txts{ width:100%;} .index01 .txts{ padding-top:20px;}.index3_swiper .zhezhao{ padding-top:85px;} .w1280,.w1680{ padding-left:15px; padding-right:15px;} .index01,.index_04,.index_03,.index_05,.idnex_06{ padding:25px 0;}.index01box p{ font-size:14px; line-height:1.6;}.index02 li{ width:50%;} .index02 li:nth-child(3){ clear:left;}.titlecs01 b{ font-size:24px;}.index_03 .swiper-button-next{ display:none;} .index_03 .swiper-pagination{ width:100%; top:inherit; bottom:50px; left:0;} .index_03 a.mores{ margin:0 auto;margin-top:45px; float:none; display:block; max-width:150px; text-align:center;} .index_04ul li,.index_04ul2 li{ width:48%; margin:1%;}.index_04 .infro{ font-size:14px; padding:15px 0;} .fottrit{ padding-bottom:15px;}.fotimg, .fot_txt{ padding:20px 0;} a.mores,a.moresw{ font-size:14px; width:150px; line-height:35px; height:35px; text-align:center; display:block; margin:20px auto; float:none; padding:0;}.newsswiper .swiper-slide.swiper-slide-active{ transform:scale(1);}.newsswiper{ padding:0 35px;}.newsswiper .swiper-slide{ padding:15px;} .newsswiper .swiper-button-prev,.newsswiper .swiper-button-next{ width:30px; height:30px; background-size:30px;}.newsswiper .swiper-container{ padding:0;}.index_03 .line{ margin-top:5px;} .descri_nav{ display:none;}.descri_ri{ width:100%;} .descri_ri_box{ padding:20px 10px;}.descri_ri_box p{ margin-bottom:5px;}.pro_imglunbo,.pro_intro{ width:100%} .zhaiyao{ padding:20px 0;}.intro_in{ padding:0;}.main{ padding:25px 0;}.pro_intro h1{ font-size:20px;}.downloads a{ padding:5px 20px;} .descri_ri_tit span{ font-size:14px;} .prolists li { width:48%;} .prolists{ margin-top:25px;}.pages ul li a,.pages ul li span{ padding:0 10px; line-height:30px;}.pages{ padding-top:25px;} .prolists .txts a{ padding-bottom:20px; font-size:14px;} .bannersub{ height:150px;}.subnav a:hover{ border:none;} .history li .describo{ padding-left:15px;} .history li.nianri .describo{ padding-right:15px;}.history li .describo p{ font-size:12px; line-height:1.4; display:block; margin-bottom:10px;} .history li .describo .table{ padding:10px;} .history li .nian span{ width:70px; height:70px; font-size:20px; line-height:70px; margin-top:-35px;}.history{ margin-top:30px;} .subnav2 a{ width:48%; margin:1%;}.bdtxt{ padding:25px 0; font-size:12px; line-height:1.6;}.bdtit span{ font-size:16px; line-height:50px;} .form_bd .w50{ width:100%; float:none;} .form_bd span{ line-height:35px; font-size:14px;} .form_bd input{ height:35px; line-height:33px;} .form_bd .w50, .form_bd .w100{ padding:3px 0;}.form_bd{ margin-top:10px;}.fengongsi{ padding-top:30px;} .jishufangan .jishufanganul li .imgs{ width:100%; position:relative; min-height:150px;} .jishufangan .jishufanganul li .txts{ padding:20px;}.jishufangan .jishufanganul li .txts h2 a{ margin-bottom:5px; margin-top:0; font-size:14px;} .jishufangan .jishufanganul li { padding:0; margin-top:15px;} .jishufangan .jishufanganul li .txts p{ line-height:24px; font-size:12px; max-height:120px;} .jishufangan{ padding-top:20px;} .kefutxt p{ margin:0; background-size:20px 20px; padding:0; padding-left:30px; background-position:left 12px;} .kefuimg{ width:80px; height:80px; }.kefu{ padding:25px 0;} .kefutxt { width:calc(100% - 100px); height:auto; }.kefuli{ margin-top:25px;} .kefutxt p{ font-size:12px; min-height:inherit; padding-top:5px; padding-bottom:5px;} .aboutxtbox p{ font-size:14px; line-height:2;} .aboutxtbox img{ padding-right:15px; padding-bottom:15px;}.aboutbox{ margin-top:30px;}.aboutbox .titlecs01{ margin-bottom:20px;} .contactle{ width:100%; float:none; margin-bottom:20px;} .contactri{width:100%; float:none;}.contactboxtxt{ padding-top:0;}.contactri iframe{ height:200px !important;} .contactbox{ margin-top:30px;}.contacttit{ font-size:18px;}.contactboxtxt p{ margin-top:10px;}.index_04ul2 li .zhezhao2 b{ margin-top:15%;} .hr_tit .title_li b{ font-size:14px;}.hr_box{ margin-top:35px;} .ziliao .ziliaoli li a{ font-size:14px;}.ziliao{ margin-top:30px;}.ziliao .ziliaoli li{ padding-right:0;} .xinwen li{ width:100%;} .xinwen li:nth-child(3n){ margin:2% 0;}.xinwen li h2{ margin:15px auto;}.xinwen li{ padding:15px;}.xinwen li b{ font-size:20px;} .xinwenboxs h1{ font-size:14px;}.xinwenboxs .times{ font-size:12px;}.xinwenboxs .bodies p{ font-size:12px;} .zhengshuli li{ width:48%;}.position, .position a,.pages ul li a,.pages ul li span{ font-size:12px;} }