@charset "utf-8"; /* CSS Document */ html{font-size:62.5%; padding:0; margin:0;} body{padding:0px; margin: 0px; color: #666666; font-size:1.2rem; background-color:#FFF; -webkit-overflow-scrolling: touch; font-family: Arial, "寰蒋闆呴粦";} a{text-decoration: none; color: #666666;} ul,li,p{margin: 0px; padding: 0px; list-style-type: none;} dl,dt,dd,input{ padding:0px 0px; margin:0px 0px;} h1,h2,h3,h4,h5,h6{ padding:0px 0px; margin:0px 0px; font-size:1.4rem; font-weight:inherit;} img{border: 0px;} .clear {clear:both;} button,input,optgroup,option,select,textarea{font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit} button,input{overflow:visible;outline:0;vertical-align:middle} input[type=submit],input[type=reset],input[type=button],input[type=text],input[type=password]{outline:0;-webkit-appearance:none} .phone-show{display: none} .swiper-container-banner .swiper-slide{ text-align: center; } /* 澶撮儴 */ .head_f{position:relative; z-index:99; left:0px; right:0px; top:0px;} .head_f .xguotop{ background-color:#FFF; box-shadow:0px 0px 8px 1px rgba(0,0,0, 0.1);} .head_fix{ position:fixed; top:-100px;} .head_fix .xguotop{ transform:translateY(100px); background-color:#FFF; transition:1.5s;} .head{height: 90px; width: 84%;margin: 0 auto;} .head_con{ position:relative; padding-left:210px;} .head_pic{height: 62px; z-index:2; position:absolute; left:0px; top:14px;} .head_pic img{ height:100%;} .navconli{ position:relative;} .navconli ul{ padding-left:30px;} .navconli ul li{ float: left; position: relative; padding-left:3%; padding-right:3%; padding-top:27px; padding-bottom:27px;} .navconli ul li a.li_a{ display: table; color: #000000; line-height: 36px; height: 36px; font-size:16px; cursor: pointer;} .navconli ul li a.li_a:hover{ color: #ff3835;} .navconli ul li.curre a.li_a{ padding-right:22px; background-position:right center; background-repeat:no-repeat; background-size:16px; background-image:url(../images/cjkj_nav_jt_pic_1.png);} .navconli_1{display:none;} .wapnav{display:none;} .men_lis{width:136px;position: absolute;top:90px;left:0px; right:0px; padding:0px 0px; background-color:rgba(0,0,0,0.7); display:none; z-index:6;} .men_lis a{color: #FFF; font-size: 15px; display: block;cursor: pointer; padding-left:14px; padding-right:14px; background-image:url(../images/back_nav_pic_line.jpg); background-repeat:repeat-x; background-position:left top; line-height:25px;position:relative;text-align: justify;word-break: break-all; padding-bottom: 5px; padding-top: 5px;} .navconli ul li:hover .men_lis{ display: block;} .navconli ul li:hover .men_lis .c-s{ position: relative; } .navconli ul li:hover .men_lis .c-s .s-m{ position: absolute; left: 100%; top: 0; display: none; background: #44484b; } .navconli ul li .men_lis .c-s .s-m a{ white-space: nowrap; } .navconli ul li .men_lis .c-s .s-m a:hover{ background: #0068B7; } .navconli ul li:hover .men_lis .c-s:hover .s-m{ display: block; } .navconli ul li.curre:hover a.li_a{ color: #ff3835; background-image:url(../images/cjkj_nav_jt_pic_2.png);} .navconli ul li a p{ position:relative; z-index:2;} .navconli ul li a span{ display:block; width:0px; transition: 0.3s; position:absolute; left:0px; top:0px;bottom: 0px;} .navconli ul li a:hover span{ background-color:#0068B7; width:100%;} .lang_se{ position:absolute; right:0px; top:28px;} .lang{line-height: 32px; float:right; background-position:right center; background-repeat:no-repeat; background-size:24px;} .lang a{margin-right: 10px; font-size:15px; color:#000; cursor:pointer;} .lang a:nth-of-type(1){ margin-left:30px; border-right: 1px solid #666; padding-right: 13px; } .lang a:hover{ text-decoration:underline;} .sersou{ width:32px; height:32px; position:relative; float:right;} .sersou_put{ position:absolute; width:0px; right:0px; height:30px; background-color:#FFF; border:1px solid #FFF; padding-right:30px;width:130px; border:1px solid #DEDEDE;} .sersou:hover .sersou_put{} .sersou_put input{ height:30px; line-height:30px; padding-left:6px; font-size:14px; color:#000; width:100%; border:0px;} .sersou_put a{ display:block; width:30px; height:30px; background-image:url(../images/cjkj_ser_pic.png); background-size:20px; background-position:center; background-repeat:no-repeat; position:absolute; right:0px; top:0px;} .hadver{ position:relative;} .hadver .adver_zwei{ display:block; width:100%;} .hoprokk{ background-color:#FFF;} .hopro{width: 1200px; margin:0 auto; padding-top:50px; padding-bottom:12px;} .hopro_tit{ position: relative; padding-right:10px;} .hopro_tit h1{ line-height:44px; text-align:center; font-size:28px; color:#171717; font-weight:bold; letter-spacing:3px;} .hopro_tit h2{ line-height:24px; text-align:center; font-size:18px; color:#2D2D2D;} .hopro_con{ position:relative; width:1200px;} .hopro_left{ position:absolute; left:-60px; top:0px; bottom:0px; display:flex; justify-content:center; align-items:center;} .hopro_left a{ display:block; width:45px; height:110px; background-image:url(../images/cjkj_pro_ann_left.png); background-position:center; background-repeat:no-repeat; background-size:30px; cursor:pointer;} .hopro_left a:hover{ background-image:url(../images/cjkj_pro_ann_left_q.png); opacity:0.9;} .hopro_rig{ position:absolute; right:-60px; top:0px; bottom:0px; display:flex; justify-content:center; align-items:center;} .hopro_rig a{ display:block; width:45px; height:110px; background-image:url(../images/cjkj_pro_ann_rig.png); background-position:center; background-repeat:no-repeat; background-size:30px; cursor:pointer;} .hopro_rig a:hover{ background-image:url(../images/cjkj_pro_ann_rig_q.png); opacity:0.9;} .hoproli{ width:1180px; overflow:hidden; padding-left:10px; padding-right:10px; padding-top:45px;} .hoproli ul{ white-space: nowrap; font-size:0; display:inline-block; z-index:999;} .hoproli ul li{ width:370px; padding-right:45px; display:inline-block; vertical-align:top;} .hoproli ul li .licon{ min-height:180px; margin-bottom:45px;} .hopro_pic1{ position:relative; border-radius:5px; overflow:hidden;} .hopro_pic1 img{ display:block; width:100%;} .hopro_pic1 h1{ line-height:54px; height:54px; padding-left:12px; padding-right:12px; text-align:center; font-size:26px; color:#fff; position:absolute; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .hopro_pic1 h1 span{ font-size:15px; border-left:3px solid #FFF; padding-left:7px; margin-left:7px; padding-top:4px;} .hopro_pic2{ position:relative; border-radius:5px; overflow:hidden; display:none; box-shadow: 1px 1px 10px #A0D3FA;} .hopro_pic2 img{ display:block; width:100%;} .hopro_pic2 h1{ line-height:54px; height:54px; padding-left:12px; padding-right:12px; text-align:center; font-size:26px; color:#000; position:absolute; left:0px; right:0px; bottom:0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .hopro_pic2 h1 span{ font-size:15px; border-left:3px solid #000; padding-left:7px; margin-left:7px; padding-top:4px;} .hopro_con ul li .licon:hover .hopro_pic1{ display:none;} .hopro_con ul li .licon:hover .hopro_pic2{ display:block;} .pro_lis{display:none;} .holingykk{ background-color:#F0F0F0; padding-bottom:10px;} .holingykk .hopro{ width:1200px;} .holingy_con{ margin-top:40px; position:relative; margin-bottom:30px;} .holingy_img{ display:block; width:100%;} .example{ position:absolute; left:0px; right:0px; top:0px; bottom:0px;} .ft-carousel .carousel-btn{position: absolute; top: 50%; width:27px; height:50px; margin-top: -22px; cursor: pointer; background-repeat:no-repeat; background-position:center;} .hadver .ft-carousel .carousel-btn{ display:none;} .ft-carousel .carousel-prev-btn{ background-image:url(../images/cjkj_ly_ann_left.png); left:30px; background-size:27px;} .ft-carousel .carousel-next-btn{ background-image:url(../images/cjkj_ly_ann_rig.png); right:30px; background-size:27px;} .ft-carousel{ position: relative;width: 100%;height: 100%;overflow: hidden;} .ft-carousel .carousel-inner {position: absolute;left: 0;top: 0;height: 100%;} .ft-carousel .carousel-inner .carousel-item {float: left;height: 100%;} .ft-carousel .carousel-item img {width: 100%;display:block;} .ft-carousel .carousel-indicators {position: absolute;left: 0;bottom: 28px;width: 100%;text-align: center;font-size: 0;} .ft-carousel .carousel-indicators span { display: inline-block; margin: 0 6px; border-radius: 50%; cursor: pointer; height: 10px; width: 10px; border: 1px solid #FFF; border-radius: 12px; background-color: transparent;} .ft-carousel .carousel-indicators span.active{background-color: #FFF;} .linkskk{ background-image:url(../images/cjkj_link_back.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center;} .linkskk .hopro_tit h1{ color:#FFF;} .linkskk .hopro_tit h2{ color:#FFF;} .linkskk .hopro{ width:1200px;} .links_con{ width:1200px; padding-top:15px; padding-bottom:45px;} .links_con ul{ overflow:hidden; width:1218px;} .links_con ul li{ width:185px; height:75px; margin-top:22px; float:left; margin-right:18px;} .links_con ul li img{ display:block; width:185px; border-radius:6px;} .honews_con{ width:1200px; padding-top:40px; padding-bottom:20px;} .honewskk .hopro{ width:1200px;} .honews_con ul{ width:1230px; overflow:hidden;} .honews_con ul li{ width:380px; padding-right:30px; float:left;} .honews_con ul li h1{ line-height:28px; font-size:18px; color:#000; padding-left:12px; border-left:2px solid #0068B6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .honews_con ul li a:hover h1{ text-decoration:underline; color:#0068B6;} .honews_con ul li a:hover p{ color:#333;} .honews_con ul li p{ line-height:22px; font-size:14px; padding-left:14px; color:#666; padding-top:8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; min-height:66px;} .honews_con ul li h2{ line-height:28px; font-size:14px; color:#666; padding-left:14px; padding-top:15px; overflow:hidden;} .honews_con ul li h2 i{ display:block; border-radius:30px; width:5px; height:5px; border:2px solid #999; float:left; margin-right:8px; margin-top:10px;} .news_more{ text-align:right; padding-top:14px;} .news_more a{ font-size:14px; color:#777;} .news_more a:hover{ text-decoration:underline; color:#0068B6;} .index-contact{ background: url("../images/index-contact-bg.jpg") no-repeat; } .index-contact-container{ width: 100%; max-width: 1200px; margin: 0 auto; padding-bottom: 80px; } .index-contact-title{ padding: 70px 0 0 0; text-align: center; font-size: 24px; color: #0068b1; } .index-contact-subtitle{ text-align: center; margin: 20px 0 0 0; } .index-contact-way{ display: flex; margin: 70px 0; justify-content: space-between; } .way-item{ background: #fff; border: 1px solid #cccccc; width: 30%; height: 98px; display: flex; align-items: center; justify-content: center; max-width: 288px; } .index-contact-more{ background: #0068b1; display: block; font-size: 16px; width: 188px; height: 42px; line-height: 42px; text-align: center; color: #fff; margin: 0 auto; } .way-item img{ max-width: 100%; } .way-item-text span{ display: block; font-size: 16px; color: #333333; margin-bottom: 5px; } .way-item-text{ float: left; } .way-item-text a{ display: block; font-size: 14px; color: #0068b1; } .way-item .way-item-img{ height: 100%; position: absolute; left: 0; display: flex; align-items: center; justify-content: center; } .way-item>div{ position: relative; padding-left: 55px; } .way-item:last-child{ cursor: pointer; position: relative; } .way-item:last-child p{ position: absolute; bottom: 100%; display: none; } .way-item:last-child:hover p{ display: block; } .way-item:last-child p img{ display: block; } /* 灏鹃儴 */ .footer{background-color: #444444;} .footer_con{width:1200px;margin: 0 auto; padding: 20px 0; position:relative;} .contact_left{ float:left; width:570px;} .contact_left h1{ font-size:16px; line-height: 22px; color:#FFF;} .contact_left h1 a{ color:#FFF;} .contact_left h1 a:hover{ text-decoration:underline;} .contact_left p{ font-size:14px; line-height: 30px; color:#FFF; padding-top:15px;} .footer-nav{ height: 60px; text-align: center; color: #999999; line-height: 50px; } .footer-nav a{ color: #ffffff; font-size: 16px; } .footer-nav span{ padding: 0 20px; } .footer-nav span:last-child{ display: none; } .footer-copyright{ text-align: center; font-size: 14px; color: #cccccc; line-height: 30px; } .contact_li1{ width:260px; float:left;} .contact_li1 h1{ font-size:16px; line-height: 22px; color:#FFF;} .contact_li1 h1 a{ color:#FFF;} .contact_li1 h1 a:hover{ text-decoration:underline;} .contact_li1_a{padding-top:16px;} .contact_li1_a span{ display:block; width:25%; float:left; text-align:left; line-height:32px;} .contact_li1_a span a{ font-size:14px; color:#FFF; cursor: pointer;} .contact_li1_a span a:hover{ text-decoration:underline;} .contact_li2{ width:260px;} .contact_li3{ width:100px;} .contact_log{ position:absolute; right:-50px; top:70px;} .contact_log img{ display:block; height:80px;} .bbh{text-align: center;color: #FFFFFF;margin-top: 40px; font-size:14px; border-top:2px solid #414141; line-height:54px; height:54px; overflow:hidden; background-color:#333333;} .bqsy{margin-left: 5px;color: #FFFFFF;} .icp{margin-left: 10px;color: #A8A991;text-decoration: underline;cursor: pointer;} .pic_from{margin-left: 15px;color: #FFFFFF;} /* 鏂伴椈鍒楄〃 */ .neitit{ line-height:60px; height:60px;} .neitit h1{ width:1200px; margin:0px auto; font-size:14px; color:#000;} .neitit h1 span{ margin-left:6px; margin-right:6px;} .neitit h1 a{ color:#666;} .neitit h1 a:hover{ text-decoration:underline; color:#15264A;} .neibiaot{ position: relative; padding-top:5px;} .neibiaot h1{ line-height:42px; text-align:center; font-size:28px; color:#171717; letter-spacing:3px;} .neibiaot h2{ line-height:24px; text-align:center; font-size:20px; color:#333;} .newli{ width:1200px; margin:0px auto; padding-bottom:20px; min-height:600px;} .newli ul{ padding-top:10px;} .newli ul li{ border-left:3px solid #616161; padding-left:18px; position:relative; margin-top:20px;} .newli ul li a{} .newli ul li h1{ line-height:30px; font-size:18px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .newli ul li h2{ line-height:30px; font-size:15px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:4px; padding-left:22px; background-image:url(../images/cjkj_news_pic_2.png); background-position:left center; background-repeat:no-repeat;} .newli ul li h3{ position:absolute; top:0px; bottom:0px; right:0px; width:31px; display:flex; justify-content:center; align-items:center; flex-direction: row; flex-direction: column;} .newli ul li h3 span{ display:block; width:31px; height:21px; background-image:url(../images/cjkj_news_pic_1.png); background-repeat:no-repeat; background-position:center;} .newli ul li:hover{ border-left:3px solid #0068B7;} .newli ul li:hover h1{ color:#0068B7;} .newli ul li:hover h2{ background-image:url(../images/cjkj_news_pic_2_q.png); color:#0068B7;} .newli ul li:hover h3 span{ background-image:url(../images/cjkj_news_pic_1_q.png);} /* 鍒嗛〉 */ .page-box{ text-align:center; padding-top:10px; padding-bottom:20px; position:relative;} .pagination { display:inline-block; padding-left:0; margin:20px 0; border-radius:4px } .pagination li { display:inline } .pagination li a,.pagination li span { position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#0068B7; text-decoration:none; background-color:#fff; border:1px solid #ddd; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; font-size:14px; } .pagination li:first-child a,.pagination li:first-child span { margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px } .pagination li:last-child a,.pagination li:last-child span { border-top-right-radius:4px; border-bottom-right-radius:4px } .pagination li a:focus,.pagination li a:hover,.pagination li span:focus,.pagination li span:hover { z-index:2; color:#23527c; background-color:#eee; border-color:#ddd } .pagination .active a,.pagination .active a:focus,.pagination .active a:hover,.pagination .active span,.pagination .active span:focus,.pagination .active span:hover { z-index:3; color:#fff; cursor:default; background-color:#0068B7; border-color:#337ab7 } .pagination .disabled a,.pagination .disabled a:focus,.pagination .disabled a:hover,.pagination .disabled span,.pagination .disabled span:focus,.pagination .disabled span:hover { color:#777; cursor:not-allowed; background-color:#fff; border-color:#ddd } .pagination-lg li a,.pagination-lg li span { padding:10px 16px; font-size:18px; line-height:1.3333333 } .pagination-lg li:first-child a,.pagination-lg li:first-child span { border-top-left-radius:6px; border-bottom-left-radius:6px } .pagination-lg li:last-child a,.pagination-lg li:last-child span { border-top-right-radius:6px; border-bottom-right-radius:6px } .pagination-sm li a,.pagination-sm li span { padding:5px 10px; font-size:12px; line-height:1.5 } .pagination-sm li:first-child a,.pagination-sm li:first-child span { border-top-left-radius:3px; border-bottom-left-radius:3px } .pagination-sm li:last-child a,.pagination-sm li:last-child span { border-top-right-radius:3px; border-bottom-right-radius:3px } .pager { padding-left:0; margin:20px 0; text-align:center; list-style:none } .pager li { display:inline } .pager li a,.pager li span { display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ddd; border-radius:15px } .pager li a:focus,.pager li a:hover { text-decoration:none; background-color:#eee } .pager .next a,.pager .next span { float:right } .pager .previous a,.pager .previous span { float:left } .pager .disabled a,.pager .disabled a:focus,.pager .disabled a:hover,.pager .disabled span { color:#777; cursor:not-allowed; background-color:#fff } .pageJump { display:inline-block; padding-left:0; margin:20px 10px; border-radius:4px; vertical-align:top } .pageJump .button,.pageJump input { font-size:16px; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#fff; border:1px solid #ddd } .pageJump input { width:20px } .pageJump-lg .button,.pageJump-lg input { padding:10px 16px; font-size:18px; line-height:1.3333333 } .pageJump-sm .button,.pageJump-sm input { padding:5px 10px; font-size:12px; line-height:1.5 } /* 璧勮璇︽儏 */ .newdie{ width:1200px; margin:0px auto;} .newdie_tit{ border-bottom:1px solid #ccc; padding-bottom:16px; padding-top:10px;} .newdie_tit h1{font-size:22px; color:#000; padding-bottom:14px; line-height:26px;} .newdie_tit h2{font-size:14px; color:#666; line-height:22px; height:22px;} .newdie_con{ line-height:28px; font-size:15px; color:#333; padding-top:20px; padding-bottom:30px;} .newdie_con p{ line-height:28px; padding-top:10px;} .newdie_con img{max-width:100%;} .news_conli{ width:100%; width:1080px; margin:0px auto; position:relative; padding-left:60px; padding-right:60px; border-top:1px solid #ccc; padding-top:40px; padding-bottom:45px;} .slide-wrapper{} .news_conli ul{ overflow:hidden;} .news_conli ul li{ width:340px; padding-right:10px; padding-left:10px; float:left;} .news_conli ul li p{ white-space:normal;} .news_conli ul li h1{} .slide-prev{ position:absolute; left:0px; top:5px; bottom:0px; width:40px; display:flex; justify-content:center; align-items:center; flex-direction: row; flex-direction: column;} .slide-prev span{ display:block; width:40px; height:70px; background-color:#FFF; background-image:url(../images/cjkj_ly_ann_left_q.png); background-position:center; background-repeat:no-repeat; background-size:20px; cursor:pointer;} .slide-prev span:hover{ background-color:#0068B6; background-image:url(../images/cjkj_ly_ann_left.png);} .slide-next{ position:absolute; right:0px; top:5px; bottom:0px; width:40px; display:flex; justify-content:center; align-items:center; flex-direction: row; flex-direction: column;} .slide-next span{ display:block; width:40px; height:70px; background-color:#FFF; background-image:url(../images/cjkj_ly_ann_rig_q.png); background-position:center; background-repeat:no-repeat; background-size:20px; cursor:pointer;} .slide-next span:hover{ background-color:#0068B6; background-image:url(../images/cjkj_ly_ann_rig.png);} /* 鍏充簬闀挎櫠 */ .advernei{ background-repeat:no-repeat; background-size:cover; background-position:center; min-height:300px;/*background-attachment: fixed;*/} .about{ width:1200px; margin:0px auto; line-height:26px; font-size:15px; padding-top:50px; padding-bottom:70px;overflow: hidden;} .about_td{ width:50%; float:left;} .about_td1{ padding-right:20px; width:50%; box-sizing: border-box;} .about_td2{ width:50%;} .about_td p{ line-height:28px; padding-top:12px; color:#333;} .about_td img{ width:100%;display: block;} /* 鑱旂郴鎴戜滑 */ .contact{ width:1200px; margin:0px auto; padding-top:22px; padding-bottom:50px;} .contact .dl{ border:1px solid #ccc; padding:26px 40px; margin-top:18px;} .contact .dl dt{ height:30px; line-height:30px; font-size:20px; color:#000; position:relative; padding-bottom:16px;} .contact .dl dt span{ display:block; border-bottom:2px solid #1E2635; position:absolute; left:0px; bottom:0px; width:30px;} .contact .dl dd{ overflow:hidden; padding-top:20px;} .contact .dl dd .li1{ line-height:28px; width:240px; float:left; font-size:15px; color:#666;} .contact .dl dd .li2{ line-height:28px; float:left; border-left:2px solid #dedede; padding-left:40px; margin-left:40px; font-size:15px; color:#666;} .contact .dlli{ border:1px solid #ccc; padding:26px 40px; margin-top:18px; overflow:hidden;} .contact .dlli dd{ width:520px; float:left;} .contact .dlli dd h1{ height:30px; line-height:30px; font-size:20px; color:#000; position:relative; padding-bottom:16px;} .contact .dlli dd h1 span{ display:block; border-bottom:2px solid #1E2635; position:absolute; left:0px; bottom:0px; width:30px;} .contact .dlli dd h2{ line-height:28px; font-size:15px; color:#666; padding-top:20px;} .contact .dl dd.dlli_dd2{ border-left:2px solid #dedede; padding-left:40px; margin-left:40px;} .contact ul{ overflow:hidden; padding-top:30px;} .contact ul li{ width:33.3333333%; float:left; height:40px;} .contact ul li a{ display:table; margin:0px auto; height:38px; line-height:38px; padding-left:20px; padding-right:20px; margin:0px auto; font-size:22px; color:#000; border:1px dashed #5AC0FF; border-radius:8px; background-color:#FFF;} /* 浼佷笟鏂囧寲 */ .culture{} .culture{ width:1200px; margin:0px auto; line-height:26px; font-size:15px; padding-top:70px; padding-bottom:80px;} .culture ul{ width:1254px; overflow:hidden;} .culture ul li{ width:346px; margin-right:54px; float:left; cursor:pointer;} .culture ul li h1{ position:relative; overflow:hidden;border-radius:100%;} .culture ul li h1 span{ position:relative; display:block; padding-top:100%;} .culture ul li h1 span img{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; border-radius:100%; width:100%; object-fit: cover; height:100%;} .culture ul li h1 p{ background-color:rgba(78,157,217,0.7); position:absolute; left:0px; top:0px; bottom:0px; right:0px; display:block; justify-content:center; align-items:center; flex-direction: row; flex-direction: column; font-size:26px; color:#FFF; display:none; line-height:36px;} .culture ul li:hover h1 p{ display:flex;} .culture ul li h2{ line-height:28px; padding-top:22px; color:#333; text-align:center; font-size:20px; color:#000;} .culture ul li h3{ line-height:28px; color:#333; text-align:center; font-size:16px; color:#666;} /* 鐢熶骇鍩哄湴 */ .baseli{ width:1200px; margin:0px auto; line-height:26px; font-size:15px; padding-top:30px; padding-bottom:40px;} .baseli ul{ width:1240px; overflow:hidden; padding-bottom:20px;} .baseli ul li{ width:580px; padding-right:40px; float:left; padding-top:20px;} .baseli_cen{ width:580px; box-shadow:0px 0px 20px #DEDEDE; background-color:#FFF; } .baseli ul li h1{} .baseli ul li h1 img{ display:block; width:100%;} .baseli ul li h3{ background-color:#FFF;padding-top:30px; padding-bottom:10px;} .baseli ul li h3 span{ display:table; line-height:38px; font-size:18px; padding-left:22px; padding-right:22px; color:#FFF; border-radius:38px; margin:0px auto; background-color:#1176C3; } .base_con{ display:table; margin:0px auto; padding-top:20px; padding-bottom:30px;} .base_con h2{ padding-left:25px; background-image:url(../images/jid_li_pic_1.png); background-position:left center; background-repeat:no-repeat; line-height:30px; font-size:16px; color:#333;} .base_con h2.curre{ background-image:url(../images/jid_li_pic_2.png);} /* 鎷涜仒 */ .jobli{ width:1200px; margin:0px auto; padding-top:30px; padding-bottom:20px;} .joblie{ padding-bottom:15px; min-height:600px;} .joblie ul{ width:1275px; overflow:hidden;} .joblie ul li{ width:350px; padding-right:75px; float:left; padding-top:20px;} .joblie ul li a{ display:block; padding-top:30px; padding-bottom:30px; width:348px; border:1px solid #50CBEA;} .joblie ul li a h1{ font-size:22px; line-height:30px; color:#000; padding-left:28px; padding-right:28px; min-height:60px;} .joblie ul li a h2{ font-size:17px; line-height:26px; color:#000; padding-left:28px; padding-right:28px; padding-top:32px;} .joblie ul li a h3{ font-size:14px; line-height:26px; color:#000; padding-left:28px; padding-right:28px;} /* 鎷涜搐绾冲+璇︽儏 */ .zhaopdie{ width:1200px; margin:0px auto;} .zhaopdie h1{ line-height:40px; padding-left:5px; font-size:22px; color:#578CDA; border-bottom:1px solid #ccc; padding-top:30px; padding-bottom:8px;} .zhaopdie h3{ line-height:32px; font-size:15px; color:#333; padding-left:12px; padding-top:15px; padding-bottom:15px;} .zhaopdie h2{ border-top:1px dashed #999; padding-top:17px; line-height:30px; padding-left:12px; color:#333; font-size:17px;} .zhaopdie_con{ padding-left:12px; font-size:15px; padding-bottom:20px; line-height:26px; padding-top:10px;} .zhaopdie_con p{ line-height:30px;} .zhaopdie_tui{ padding-top:25px; padding-bottom:60px;} .zhaopdie_tui a{ display:table; margin:0px auto; height:38px; line-height:38px; padding-left:20px; padding-right:20px; margin:0px auto; font-size:22px; color:#000; border:1px dashed #5AC0FF; border-radius:8px; background-color:#FFF;} /* 搴旂敤棰嗗煙 */ .field{ width:1200px; margin:0px auto; padding-top:40px; padding-bottom:50px;} .field img{ display:block; height:100%; width:100%; object-fit: cover; transition: 0.5s;} .field p{ width:100%; height:100%; overflow:hidden; position:relative;} .field span{ display:block; height:60px; line-height:60px; padding-left:20px; padding-right:20px; position:absolute; left:0px; bottom:0px; right:0px; color:#FFF; font-size:26px;} .fieldyi{ overflow:hidden;} .fieldyi_left{ width:610px; float:left; padding-right:20px;} .fieldyi_left h1{ width:610px; height:360px; position:relative; overflow:hidden;} .fieldyi_left dl{ padding-top:20px; overflow:hidden;} .fieldyi_left dl dt{ width:295px; float:left; height:466px; position:relative; overflow:hidden;} .fieldyi_left dl dd{ width:295px; float:left; height:466px; padding-left:20px; position:relative; overflow:hidden;} .fieldyi_rig{ width:570px; float:left;} .fieldyi_rig dl{ overflow:hidden;} .fieldyi_rig dl dt{ width:262px; float:left; height:504px; position:relative; overflow:hidden;} .fieldyi_rig dl dd{ width:288px; float:left; padding-left:20px;} .fieldyi_rig dl dd h1{ width:288px; height:243px; position:relative; overflow:hidden;} .fieldyi_rig dl dd h2{ width:288px; height:241px; padding-top:20px; position:relative; overflow:hidden;} .fieldyi_rig h3{ width:570px; height:321px; margin-top:20px; position:relative; overflow:hidden;} .fielder{ overflow:hidden; padding-top:20px;} .fielder h1{ width:388px; height:385px; float:left; position:relative; overflow:hidden;} .fielder h2{ width:385px; height:385px; padding-left:20px; float:left; position:relative; overflow:hidden;} .fielder h3{ width:387px; height:385px; padding-left:20px; float:left; position:relative; overflow:hidden;} .fieldsan{ overflow:hidden; padding-top:20px;} .fieldsan h1{ width:690px; height:395px; float:left; position:relative; overflow:hidden;} .fieldsan h2{ width:490px; height:395px; padding-left:20px; float:left; position:relative; overflow:hidden;} .fieldsi{ overflow:hidden; padding-top:20px;} .fieldsi_left{ width:322px; float:left; padding-right:20px;} .fieldsi_left h1{ width:322px; height:475px; position:relative; overflow:hidden;} .fieldsi_left h2{ width:322px; height:596px; padding-top:20px; position:relative; overflow:hidden;} .fieldsi_con{ width:348px; float:left; padding-right:20px;} .fieldsi_con h1{ width:348px; height:597px; position:relative; overflow:hidden;} .fieldsi_con h2{ width:348px; height:475px; padding-top:20px; position:relative; overflow:hidden;} .fieldsi_rig{ width:490px; float:left;} .fieldsi_rig h1{ width:490px; height:365px; position:relative; overflow:hidden;} .fieldsi_rig h2{ width:490px; height:322px; padding-top:20px; position:relative; overflow:hidden;} .fieldsi_rig h3{ width:490px; height:365px; padding-top:20px; position:relative; overflow:hidden;} .fieldyi_left h1:hover span,.fieldyi_left dl dt:hover span,.fieldyi_left dl dd:hover span,.fieldyi_rig dl dt:hover span,.fieldyi_rig dl dd h1:hover span,.fieldyi_rig dl dd h2:hover span,.fieldyi_rig h3:hover span,.fielder h1:hover span,.fielder h2:hover span,.fielder h3:hover span,.fieldsan h1:hover span,.fieldsan h2:hover span,.fieldsi_left h1:hover span,.fieldsi_left h2:hover span,.fieldsi_con h1:hover span,.fieldsi_con h2:hover span,.fieldsi_rig h1:hover span,.fieldsi_rig h2:hover span,.fieldsi_rig h3:hover span{ background-color:rgba(129,201,246,0.7);} .fieldyi_left h1:hover img,.fieldyi_left dl dt:hover img,.fieldyi_left dl dd:hover img,.fieldyi_rig dl dt:hover img,.fieldyi_rig dl dd h1:hover img,.fieldyi_rig dl dd h2:hover img,.fieldyi_rig h3:hover img,.fielder h1:hover img,.fielder h2:hover img,.fielder h3:hover img,.fieldsan h1:hover img,.fieldsan h2:hover img,.fieldsi_left h1:hover img,.fieldsi_left h2:hover img,.fieldsi_con h1:hover img,.fieldsi_con h2:hover img,.fieldsi_rig h1:hover img,.fieldsi_rig h2:hover img,.fieldsi_rig h3:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); cursor:pointer;} /* 澶т簨璁 */ .events{ width:1200px; padding-top:85px; padding-bottom:50px; margin:0px auto;} .events_selyi{ margin-left:260px; border-left:3px solid #45ADE0; position:relative; height:64px;} .events_selyi h1{ position:absolute; left:-72px; top:0px; bottom:0px;} .events_selyi h1 span{ display:block; position:absolute; right:0px; top:0px; height:32px; line-height:32px; padding-right:24px; background-image:url(../images/dsj_lm_pic_1.png); background-position:right center; background-repeat:no-repeat; white-space:nowrap; font-size:22px; color:#21AD55;} .events_selyi h2{ position:absolute; left:-34px; top:-34px; bottom:0px;} .events ul{ margin-left:260px; border-left:3px solid #45ADE0; padding-top:50px;} .events ul li{ position:relative; min-height:40px; margin-top:50px; padding-left:78px;} .events ul li:nth-child(1){ margin-top:0px;} .events ul li h1{ position:absolute; left:-38px; top:0px;} .events ul li h1 span{ position:absolute; top:0px; right:0px; line-height:32px; height:32px; white-space:nowrap; font-size:22px; color:#7A7A7A;} .events ul li h5{ position:absolute; left:-17px; top:0px; width:30px; height:30px; background-position:center; background-image:url(../images/dsj_lm_pic_3.png); background-repeat:no-repeat; z-index:1;} .events ul li h6{ position:absolute; left:-17px; top:5px; width:30px; height:100%; bottom:0px; background-color:#FFF;} .events ul li dl{ overflow:hidden;} .events ul li dl dt{ float:left; margin-right:28px;} .events ul li dl dt h2{ line-height:28px; font-size:19px; color:#171717;} .events ul li dl dt h3{ line-height:28px; font-size:17px; color:#3C3C3C;} .events ul li dl dd{ float:left;} .events ul li dl dd img{ display:block; height:85px;} .events ul li.curre h1 span{ color:#45ADE0;} .events ul li.curre dl dt h2{ font-size:30px; line-height:44px;} .events_seler{ margin-left:260px; border-left:3px solid #45ADE0; position:relative; height:64px; padding-top:80px;} .events_seler h1{ position:absolute; left:-72px; top:80px; bottom:0px;} .events_seler h1 span{ display:block; position:absolute; right:0px; top:0px; height:32px; line-height:32px; white-space:nowrap; font-size:22px; color:#21AD55;} .events_seler h1 span font{ font-size:18px; margin-left:10px; position:relative; top:-3px;} /* 浜у搧 */ .prout{ width:1200px; margin:0px auto; overflow:hidden; padding-bottom:40px; min-height:500px;} .proleft{ width:178px; float:left; border:1px solid #ccc; min-height:300px;} .proleft_tit{ line-height:38px; height:38px; text-align:center; background-color:#106EB5; font-size:18px; color:#fff;} .proleft ul{} .proleft ul li{ line-height:24px; text-align:center; border-top:1px solid #dedede; font-size:15px; color:#333;padding-bottom: 10px; padding-top: 10px;} .proleft ul li:nth-child(1){ border-top:0px;} .proleft ul li.curre a{ color:#106EB5;} .proleft ul li a:hover{ color:#106EB5; text-decoration:underline;} .prorig{ margin-left:20px; float:left; width:1000px;} .prorig_tit1{ line-height:48px; font-size:18px; border-bottom:1px solid #CCC; color:#000; padding-left:12px;} .prorig ul{ padding-left:14px; overflow:hidden; padding-top:10px; padding-bottom:30px;} .prorig ul li{ width:50%; float:left; padding-top:10px;} .prorig ul li a{ display:table; line-height:30px; height:30px; padding-left:12px; padding-right:12px; font-size:14px; color:#333;} .prorig ul li a:hover{ background-color:#106EB5; color:#fff;} .prorig_tit2{ line-height:48px; font-size:18px; color:#106EB5; padding-left:14px; background-color:#F5F5F5;} .prorig dl{ overflow:hidden; position:relative; padding-left:14px; min-height:210px;} .prorig dl dt{ padding-top:18px;} .prorig dl dt h1{ padding-left:26px; line-height:36px; height:36px; overflow:hidden; position:relative; color:#333; font-size:15px;} .prorig dl dt h1 span{ display:block; width:8px; height:8px; border-radius:8px; position:absolute; left:0px; top:14px; background-color:#106EB5;} .prorig dl dd{ position:absolute; right:10px; top:0px;} .prorig dl dd img{ display:block; height:210px;} /* 浜у搧璇︽儏 */ .pronysertop{ height:40px; position:relative; width:1200px; margin:0px auto;} .pronysertop h1{ padding-top:4px; line-height:36px; font-size:16px; color:#000; letter-spacing:5px;} .proxhser{ height:24px; border:1px solid #FF0000; border-radius:10px; overflow:hidden; position:absolute; right:0px; top:5px; padding-right:43px; width:82px;} .proxhser input{ padding:0px; margin:0px; padding-left:10px; width:100%; font-size:14px; line-height:18px; height:18px; padding-top:3px; padding-bottom:3px; border:0px;} .proxhser a{ display:block; position:absolute; right:0px; top:0px; width:32px; height:24px; border-left:1px solid #FF0000; display:flex; justify-content:center; align-items:center; flex-direction: row; /* 澶氬垪 */ flex-direction: column;} .proxhser a img{ display:block; height:16px;} .proliserkk{ background-color:#F4F4F4; position:relative;} .proliserkk.curre{ background-color:#FFF;} .proliswai{ width:1200px; margin:0px auto; overflow:hidden; overflow-x:auto;} .proliser{ padding-top:30px; padding-bottom:40px; padding-left:10px; padding-right:10px; width:1180px;} .proliswai.curre{ height:0px; border-bottom:2px solid #ccc; padding-top:0px; padding-bottom:0px;} .proliser ul{ white-space:nowrap; font-size:0; display:inline-block;} .proliser ul li{ width:180px; padding-left:70px; display:inline-block;} .proliser ul li:nth-child(1){padding-left:0;} .proliser ul li h1{ text-align:center; font-size:12px; color:#000; text-align:center; line-height:20px;} .proliser ul li h1 span{font-size: 16px;} .serline{ position:relative; border-bottom:2px solid #0068B7; height:16px;} .serline h2{ position:absolute; left:0px; top:16px; width:0%; border-bottom:2px solid #CDCBCB;} .serline h2 span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#0068B7; position:absolute; top:-4px; left:0px;} .serline h3{ position:absolute; right:0px; top:16px; width:0%; border-bottom:2px solid #CDCBCB;} .serline h3 span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#0068B7; position:absolute; top:-4px; left:0px;} .serliput{ margin-top:20px; position:relative; height:22px;} .serliput h2{ position:absolute; left:0px; top:0px; height:22px; padding-left:14px; background-image:url(../images/dy_dy_pic.png); background-position:left center; background-repeat:no-repeat; width:58px;} .serliput h2 input{ padding:0px; margin:0px; padding-left:8px; width:46px; font-size:14px; line-height:16px; height:16px; padding-top:2px; padding-bottom:2px; border:0px; border:1px solid #DEDEDE; border-radius:5px;} .serliput h3{ position:absolute; right:0px; top:0px; height:22px; padding-left:14px; background-image:url(../images/xy_dy_pic.png); background-position:left center; background-repeat:no-repeat; width:58px;} .serliput h3 input{ padding:0px; margin:0px; padding-left:8px; width:46px; font-size:14px; line-height:16px; height:16px; padding-top:2px; padding-bottom:2px; border:0px; border:1px solid #DEDEDE; border-radius:5px;} .proliser ul li h5{ display:block; display:table; margin:0px auto; margin-top:18px; padding-left:8px; padding-right:8px; height:26px; line-height:26px; font-size:14px; color:#333; background-color:#FFF; border-radius:5px;} .proliser ul li h5.curre{ background-color:#FF6817; color:#FFF; cursor:pointer;} .proshqi{ position:absolute; left:0px; bottom:0px; right:0px; height:0px;} .proshqi.curre{ bottom:-8px;} .proshqi h1{ width:34px; height:20px; margin:0px auto; background-image:url(../images/niu_cao_pic_1.png); background-position:center; background-repeat:no-repeat; cursor:pointer; margin-top:-20px;} .proshqi.curre h1{ background-image:url(../images/niu_cao_pic_2.png);} .procpli{ width:1200px; margin:0px auto;min-height: 350px;} .procpli_tit{ line-height:36px; font-size:17px; padding-left:4px; color:#333; border-bottom:1px solid #CCC; letter-spacing:5px; padding-top:20px;} .protable{ padding-top:20px; padding-bottom:0px;} .protable table{border-collapse:collapse; width:100%;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;} .protable table thead tr{ } .protable table thead tr td{ text-align:center; font-size:15px; color:#fff; line-height:30px;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;} .protable table thead tr td h1{ line-height:30px;font-size:12px;} .protable table thead tr td h2{ line-height:30px; border-top:1px solid #FFF;font-size:12px;} .protable table thead tr td h1 span{font-size:16px;} .protable table thead tr td h2 span{font-size:16px;} .protable table thead tr{background-image:url(../images/cjpro_back_pic_1.jpg); background-repeat:repeat; background-position:center; background-size:cover;} .protable table thead.thead2 tr{ background-image:none;} .protable table thead.thead2 tr td{ height:24px; padding-top:8px; padding-bottom:8px;} .protable table thead.thead2 tr td select{ width:60%; margin:0px auto; border:1px solid #CCC; border-radius:5px; color:#666; height:24px;} .protable table tbody tr td{ text-align:center; font-size:15px; color:#333; padding-top:5px; padding-bottom:5px; line-height:28px;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;} .protable table tbody tr:nth-child(2n+1) td{ background-color:#EEEEEE;} .protable table tbody tr td:nth-child(3) img{width:35px;height:35px;} .pagedaoc{ position:absolute; top:16px; right:10px;} .pagedaoc a{ display:table; padding-left:22px; background-image:url(../images/excel.gif); background-position:left center; background-repeat:no-repeat; line-height:28px; font-size:14px; color:#666;} .pagedaoc a:hover{ color:#333;} .backfhui{ position:fixed; right:5%; bottom:32%; z-index:99;} .backfhui a{ display:block;} .backfhui a:hover{ opacity:0.8;} .backfhui a img{ display:block; width:50px;} /* 鍨嬪彿鎼滅储 */ .pronysertop2{ height:44px; position:relative; width:1200px; margin:0px auto;} .proxhser2{ height:26px;overflow:hidden; position:absolute; right:0px; top:5px; padding-right:74px; width:82px;} .proxhser2 input{ padding:0px; margin:0px; padding-left:10px; width:100%; font-size:14px; line-height:18px; height:18px; padding-top:3px; padding-bottom:3px; border:1px solid #FF0000; border-radius:10px; } .proxhser2 a{ display:block; position:absolute; right:0px; top:0px; width:50px; height:26px; cursor:pointer; line-height:26px; font-size:15px; color:#000;} .proxhser2 a img{ display:block; height:16px;} .protable2{ padding-top:0px;} .protable2 table{table-layout:fixed;word-break:break-all; border-collapse:collapse; width:100%;} .protable2 table thead tr{ background-image:url(../images/cjpro_back_pic_1.jpg); background-repeat:repeat; background-position:center; background-size:cover;} .protable2 table thead tr td{ text-align:center; font-size:15px; color:#fff; padding-top:16px; padding-bottom:16px; line-height:30px;} .protable2 table thead.thead2 tr{ background-image:none;} .protable2 table thead.thead2 tr td{ height:24px; padding-top:8px; padding-bottom:8px;} .protable2 table thead.thead2 tr td select{ width:60%; margin:0px auto; border:1px solid #CCC; border-radius:5px; color:#666; height:24px;} .protable2 table tbody tr td{ text-align:center; font-size:15px; color:#333; padding-top:5px; padding-bottom:5px; line-height:28px;} .protable2 table tbody tr:nth-child(2n+1) td{ background-color:#EEEEEE;} .swiper-container-banner .swiper-pagination-bullet{ background: none; opacity: 1; border:1px solid #fff; } .swiper-container-banner .swiper-pagination-bullet-active{ background: #fff; } .swiper-slide img{ max-width: 100%; } .swiper-container-banner .swiper-pagination{ bottom: 20px; } .home_about{ padding: 50px 0 0 0; } .home_about .container { overflow: hidden; max-width: 1200px; margin: auto; position: relative; } .about_right{ position: absolute; right: 0; top: 122px; } .about_left{ } .about_left .con{ width: 100%; max-width: 930px; background: #f7f7f7; height: 450px; } .biaoti .yingwen{ color: #0068b1; font-size: 36px; text-transform: uppercase; font-family: Times New ROMAN; } .biaoti .text{ color: #333333; font-size: 36px; } .biaoti{ /*border-left: 2px solid #0068b1; padding-left: 20px;*/ margin-bottom: 33px; } .index-product-container .hopro_tit h1{ color: #fff; } .index-product-container .hopro_tit h2{ color: #fff; } .con-text{ max-width: 725px; line-height: 40px; color: #333; font-size: 16px; padding: 30px; height: 295px; overflow: hidden; } .tubiao ul{ display: flex; padding: 0 30px 70px 30px; } .tubiao ul li a{ border: 1px solid #dbdbdb; height: 78px; line-height: 78px; text-align: center; display: block; border-radius: 5px; font-size: 16px; color: #333333; transition: all 0.5s; padding: 0 23px; } .tubiao ul li:hover a{ box-shadow: 0 0 10px 0 #ddd; color: #0068b1; } .tubiao ul li{ margin-right: 30px; } .tubiao ul li:last-child{ margin-right: 0; } .index-product{ background: url("../images/index-product-bg.jpg") no-repeat; padding: 70px 0 1px 0; margin: 50px 0 0 0; } .index-product-container{ width: 100%; max-width: 1200px; margin: 0 auto; position: relative; } .index-product-title{ border-left: 2px solid #ffffff; padding-left: 25px; color: #ffffff; font-size: 36px; } .index-product-swiper{ width: 100%; overflow: hidden; margin-top: 70px; } .index-product-swiper .swiper-slide a{ display: block; width: 100%; height: 400px; border: 1px solid #82b4ca; background: #ffffff; } .index-product-swiper .swiper-slide a p:first-child{ height: 360px; display: flex; align-items: center; justify-content: center; } .index-product-swiper .swiper-slide a p:last-child{ height: 40px; line-height: 40px; text-align: center; color: #333333; font-size: 18px; } .index-product-container .swiper-button-next{ right: -90px; top: 52%; background: url(../images/index--proudct-arrow-r.png) no-repeat; width: 55px; height: 47px; } .index-product-container .swiper-button-prev{ left: -90px; top: 52%; background: url(../images/index--proudct-arrow-l.png) no-repeat; width: 55px; height: 47px; } .index-product-container .swiper-pagination{ display: none; } .index-product-more{ width: 168px; background: #fff; height: 50px; text-align: center; line-height: 50px; color: #0068b1; display: block; margin: 60px auto; font-size: 18px; transition: all 0.5s; } .index-product-more:hover{ background: #0068b1; color: #fff; border-radius: 5px; } .en-hide{ display: none; } @media screen and (max-width:1440px){ .head{ width:88%;} .head_con{ padding-left:180px;} .head_pic{ height:56px; top:17px;} .head_pic a{ display: block; height: 100%; } .head_pic a p{ height: 100%; } .lang a:nth-of-type(1){ margin-left: 10px; } .navconli ul li{ padding-left:1%; padding-right:1%;} .navconli ul li a.li_a{ font-size:15px;} .men_lis a{ font-size:14px;} .home_about{ padding: 20px 2% 0 2%; } .biaoti .yingwen{ font-size: 26px; } .biaoti .text{ font-size: 26px; } .biaoti{ padding-left: 15px; margin-bottom: 20px; } .about_left .con{ /*max-width: 100%;*/ /*height: auto;*/ } .about_right{ /*display: none;*/ } .con-text{ /*max-width: 100%;*/ /*line-height: 35px;*/ /*font-size: 14px;*/ /*padding: 15px;*/ /*height: auto;*/ } div.tubiao{ /*display: none;*/ } .index-product-container{ width: auto; padding: 0 2%; } .index-product{ padding: 30px 0 1px 0; margin-top: 20px; } .index-product-title{ padding-left: 20px; font-size: 26px; } .index-product-swiper{ margin-top: 30px; } .index-product-container .swiper-pagination{ display: block; bottom: 70px; } .index-product-more{ margin: 50px auto; } .ft-carousel .carousel-item img.phone-hide{ display: none; } .ft-carousel .carousel-item img.phone-show{ display: block; } .index-contact-way{ display: block; margin: 30px 0; } .way-item{ width: 80%; margin: auto; margin-bottom: 20px; max-width: inherit; height: 85px; /*display: block; */ justify-content: flex-start; padding-left: 10%; } .index-contact-title{ padding: 30px 0 0 0; } .footer-nav{ height: auto; overflow: hidden; } .footer-nav span{ padding: 0 10px; float: left; } .footer-nav a{ float: left; } .index-product-container .swiper-button-next{ display: none; } .index-product-container .swiper-button-prev{ display: none; } .hopro{ padding-top:30px; padding-bottom:0px; width:80%;} .hopro_con{ width:auto;} .hopro_left{ left:-52px;} .hopro_rig{ right:-52px;} .hopro_left a{ display:block; width:40px; height:100px; background-size:26px;} .hopro_rig a{ display:block; width:40px; height:100px; background-size:26px;} .hoproli{ width:98%; padding-left:1%; padding-right:1%; padding-top:30px;} .hoproli ul li{ width:33.3333333%;} .hopro_tit h1{ font-size:22px; line-height:36px;} .hopro_tit h2{ font-size:16px;} .hopro_pic1 h1{ font-size:20px; line-height:48px; height:48px;} .hopro_pic1 h1 span{ font-size:14px;} .hopro_pic2 h1{ font-size:20px; line-height:48px; height:48px;} .hopro_pic2 h1 span{ font-size:14px;} .hoproli ul li .licon{} .holingykk .hopro{ width:80%;} .linkskk .hopro{ width:81%;} .holingy_con{ margin-top:30px;} .links_con{ padding-top:0px; padding-bottom:35px; width:100%;} .links_con ul{ width:100%;} .links_con ul li{ width:16.6666667%; margin-right:0px; padding-right:8px; padding-left:8px; box-sizing:border-box;} .links_con ul li img{ width:100%;} .honewskk .hopro{ width:80%;} .honews_con{ width:100%; padding-top:26px;} .honews_con ul{ width:100%;} .honews_con ul li{ width:33.33333333333%; padding-right:15px; box-sizing:border-box;} .honews_con ul li h1{ font-size:16px;} .footer_con{ width:80%;} .contact_left{ width:40%;} .contact_li1{ width:20%;} .contact_left h1{ font-size:15px;} .contact_li1 h1{ font-size:15px;} .contact_log{ right:-30px;} /* 浜у搧 */ .neitit h1{ width:80%;} .prout{ width:80%;} .proleft{ width:20%; box-sizing:border-box;} .prorig{ width:78%; margin-left:2%;} .proleft_tit{ font-size:16px;} .proleft ul li{ font-size:14px;} .prorig_tit1{ line-height:40px; font-size:16px;} .prorig_tit2{ font-size:16px;} /* 鍏充簬鎴戜滑 */ .about{ width:80%; padding-top:20px; padding-bottom:40px;} .neibiaot h1{ font-size:22px; line-height:36px;} .neibiaot h2{ font-size:16px;} /* 鐢熶骇鍩哄湴 */ .baseli{ width:81%; padding-top:15px; padding-bottom:25px;} .baseli ul{ width:100%;} .baseli ul li{ width:50%; padding-right:10px; padding-left:10px; box-sizing:border-box;} .baseli_cen{ width:100%;} /* 浼佷笟鏂囧寲 */ .culture{ width:81.5%; padding-top:40px; padding-bottom:50px;} .culture ul{ width:100%;} .culture ul li{ width:33.333333%; padding-right:18px; padding-left:18px; margin-right:0px; box-sizing:border-box;} .culture ul li h1{} .culture ul li h1 p{ font-size:22px;} .culture ul li h2{ font-size:18px; line-height:26px;} .culture ul li h3{ font-size:14px; line-height:24px;} /* 澶т簨璁 */ .events{ width:80%; padding-top:75px; padding-bottom:30px;} .events_selyi h1 span{ font-size:18px;} .events ul li h1 span{ font-size:18px;} .events_seler h1 span{ font-size:18px;} .events ul li dl dt h2{ font-size:16px;} .events ul li.curre dl dt h2{ font-size:22px;} .events ul li{ margin-top:40px;} /* 鎷涜搐绾冲+ */ .jobli{ width:81%; padding-top:10px; padding-bottom:0px;} .joblie ul{ width:100%;} .joblie ul li{ width:33.333333333%; padding-left:12px; padding-right:12px; box-sizing:border-box;} .joblie ul li a{ width:auto;} .joblie ul li a h1{ font-size:19px;} .joblie ul li a h2{ font-size:15px;} /* 鎷涜搐绾冲+璇︽儏 */ .zhaopdie{ width:80%;} .zhaopdie h1{ font-size:18px; line-height:36px;} .zhaopdie h3{ font-size:14px;} .zhaopdie h2{ font-size:16px;} .zhaopdie_con{ font-size:14px;} .zhaopdie_tui a{ font-size:16px;} .zhaopdie_tui{ padding-bottom:50px;} /* 鑱旂郴鎴戜滑 */ .contact{ width:80%; padding-top:8px; padding-bottom:40px;} .contact .dl{ padding:16px 25px;} .contact .dl dt{ font-size:16px;} .contact .dl dt{ padding-bottom:8px;} .contact .dl dd{ padding-top:14px;} .contact .dl dd .li1{ width:26%; padding-right:40px; box-sizing:border-box; font-size:14px;} .contact .dl dd .li2{ width:74%; margin-left:0px; box-sizing:border-box; font-size:14px;} .contact .dlli{ padding:16px 25px;} .contact .dlli dd{ width:50%;} .contact .dlli dd h1{ font-size:16px; padding-bottom:8px;} .contact .dlli dd h2{ padding-top:14px;} .contact ul li a{ font-size:16px;} /* 搴旂敤棰嗗煙 */ .field{ width:80%;} .fieldyi_left{ width:50%; box-sizing:border-box;} .fieldyi_left h1{ width:100%;} .fieldyi_rig{ width:50%;} .fieldyi_rig dl dd h1{ width:100%;} .fieldyi_rig dl dd h2{ width:100%;} .fieldyi_left dl dt{ width:50%;} .fieldyi_left dl dd{ width:50%; box-sizing:border-box;} .fieldyi_rig dl dt{ width:50%; box-sizing:border-box;} .fieldyi_rig dl dd{ width:50%; box-sizing:border-box;} .fieldyi_rig h3{ width:100%;} .fielder h1{ width:33.33333333%; box-sizing:border-box;} .fielder h2{ width:33.33333333%; box-sizing:border-box;} .fielder h3{ width:33.33333333%; box-sizing:border-box;} .fieldsan h1{ width:65%; box-sizing:border-box;} .fieldsan h2{ width:35%; box-sizing:border-box;} .fieldsi_left{ width:32.5%; box-sizing:border-box;} .fieldsi_left h1{ width:100%;} .fieldsi_left h2{ width:100%;} .fieldsi_con h1{ width:100%;} .fieldsi_con h2{ width:100%;} .fieldsi_con{ width:32.5%; box-sizing:border-box;} .fieldsi_rig{ width:35%; box-sizing:border-box;} .fieldsi_rig h1{ width:100%;} .fieldsi_rig h2{ width:100%;} .fieldsi_rig h3{ width:100%;} .field span{ font-size:18px; line-height:46px; height:46px;} /* 鏂伴椈鍒楄〃 */ .newli{ width:80%;} .newli ul li h1{ font-size:17px;} /* 璧勮璇︽儏 */ .newdie{ width:80%;} .newdie_tit{ padding-bottom:12px;} .newdie_tit h1{ font-size:18px; padding-bottom:8px;} .newdie_con{ padding-top:15px;} .nzixun_b{ width:80%; margin:0px auto;} .slider{ width:auto;} /* 浜у搧璇︽儏 */ .pronysertop{ width:80%;} .proliswai{ width:80%;} .procpli{ width:80%;} } @media screen and (max-width:760px){ .about_right{ display: none; } div.tubiao { display: none; } .phone-hide{ display: none; } .phone-show{ display: inherit; } .wrp_height{margin-top:54px;} .head_f{position: fixed;} .head{height:54px;line-height:54px;} .head_fix{top:0;} .head_fix .xguotop{ transform:translateY(0px); background-color:#FFF; transition:0s;} .head_con{padding-left:0;} .head_pic{width:60%;height:54px;position: inherit;top:0;margin:0 auto;} .head_pic img{height:70%;display: block;margin: 0 auto;position:relative;top:8px;} .navconli{display:none;} .navconli_1 ul{position: fixed;top: 54px;left: 0;right: 0;background: rgba(0,0,0, 0.5);height: auto; max-height: 500px;overflow: auto;padding-left:0;} .navconli_1 ul li {width: 100%;float: left;border-bottom: 1px solid #DEDEDE;line-height:42px;position:relative;} .navconli_1 ul li.curre a.li_a {padding-right:0;background-image: none;} .navconli_1 ul li a.li_a{line-height:42px;height:42px;padding-left:15px;color:#ffffff;display: block;} .navconli_1 .men_lis {border-radius: 0px;width: auto;position: relative;top: 1px;padding-top: 0px;left: 0;} .navconli_1 .men_lis a {border-radius: 0px;line-height: 40px;height: 40px;padding-top: 1px;color: #333;width: 100%;float: left;border-bottom: 1px solid #333;background-image: none;background-color: #fff;} .wapnav {display: block;position: absolute;top: 12px;width: 30px;height: 30px;z-index: 2;} .wapnav a {display: block;width: 28px;height: 28px;border: 1px solid #999;border-radius: 50px;background-image: url(../images/wap_nav_pic.png);background-position: center;background-size: 18px; background-repeat: no-repeat;} .ms{display: block; width: 30px; height: 30px; background-image: url(../images/cjkj_ser_pic.png); background-size: 20px; background-position: center; background-repeat: no-repeat; position: absolute; right: 10px; top: 50%; margin-top: -15px;} .sersou{display:none; float:none; position:fixed;top:54px !important; width:100% !important; left:0} .sersou.block{ display:block} .sersou_put{ padding-right:0;top:0; width:auto; left:0; padding:0 5px;} .sersou_put input{ padding:0; float:left;} .lang {display: block;position: absolute; width: 30px;height: 30px;padding-top: 0px;top: 12px;right: 44px;z-index: 2;background-image:none;padding-right:0;} .lang a:nth-of-type(1){ display: none; } .cn_lang{width:40px;right:-10px;} .lang a{margin-left:0px; margin-right: 0;} .lang_se{position: initial;} .hadver{margin-top:54px;} .ft-carousel .carousel-indicators{bottom:10px;} .ft-carousel .carousel-indicators span{width:15px;height:5px;border-radius:0;} .hopro{width:92%;padding-top:20px;} .hopro_left{display:none;} .hopro_rig{display:none;} .hoproli ul li{width:100%;float: left;} .hoproli{padding-top:10px;} .hopro_tit h1 {font-size: 18px;line-height: 26px;} .hopro_tit h2{font-size:15px;} .hoproli ul li .licon{margin-bottom:20px;} .hopro_con ul li .licon:hover .hopro_pic1{ display:block;} .holingykk .hopro{width:100%;padding-top: 10px;} .holingy_con{margin-top:10px;margin-bottom:10px;} .ft-carousel .carousel-prev-btn{display:none;} .ft-carousel .carousel-next-btn{display:none;} .linkskk .hopro{width:100%;padding-top: 10px;} .links_con ul li{margin-top:16px;width:33.333333333333%;height: inherit;} .links_con ul li img{height: inherit;} .honewskk .hopro{width:92%;} .honews_con{padding-top:15px;} .honews_con ul li{width:100%;padding-right:0;} .footer_con{width:92%;} .contact_left {width:100%;margin-bottom:15px;} .contact_li1{width:100%;} .contact_li1 h1{line-height:30px; height: 30px;} .contact_log{top:210px;right:20px;} .pic_from{display:none;} .bbh{margin-top:20px;height:inherit;line-height:25px;} .neitit{line-height:40px;height:40px;} .neitit h1{width:92%;} .prout{width:92%;} .pro_lis{position:absolute;top:65px;right:15px;width:50px;height:30px;display:block;} .pro_lis a{display: block;width: 50px;height: 28px;border: 1px solid #999;line-height: 28px;text-align: center;color:#ffffff;background-color: #106EB5;} .proleft_tit{display:none;} .proleft ul{position:fixed;top: 110px;left: 50%;right: 0;display:none;border-top: 1px solid #dedede;z-index:2;} .proleft{width:0;border:none;} .proleft ul li{border-left: 1px solid #dedede;border-bottom: 1px solid #dedede;border-top: none;background-color:#ffffff;} .prorig{width:100%;} .prorig ul{padding-left:0;padding-bottom:10px;} .prorig dl dd{position: relative;} .prorig dl dd img{height: 100%;} .neibiaot h1{font-size:18px;} .neibiaot h2{font-size:15px;} .field{width:92%;padding-top:15px;} .fieldyi_left{width:100%;padding-right:0;} .fieldyi_left dl dt{width:100%;} .fieldyi_left dl dd{width:100%;padding-left:0;padding-top:20px;} .fieldyi_rig{width:100%;} .fieldyi_rig dl dt{width:100%;padding-top:20px;} .fieldyi_rig dl dd{width:100%;padding-left:0;padding-top:20px;} .fielder h1{width:100%;} .fielder h2{width:100%;padding-left:0;padding-top:20px;} .fielder h3{width:100%;padding-left:0;padding-top:20px;} .fieldsan h1{width:100%;} .fieldsan h2{width:100%;padding-left:0;padding-top:20px;} .fieldsi_left{width:100%;padding-right:0;} .fieldsi_con{width:100%;padding-right:0;padding-top:20px;} .fieldsi_rig{width:100%;padding-top:20px;} .advernei{margin-top:54px;min-height: 100px;} .about{width:92%;padding-top:0;} .about_td1 {width:100%;padding-right:0;} .about_td2{width:100%;} .baseli{width:92%;padding-top:0;} .baseli ul li{width:100%;padding-right:5px;padding-left:5px;} .culture{width:100%;padding-top: 20px;padding-bottom:20px;} .culture ul li{width:100%;margin-bottom:20px;} .events{width:100%;padding-top:20px;} .events_selyi{margin-left:50%;height:0;display:none;} .events ul{margin-left:0px;padding-top:0;border-left:none;} .events_selyi h2{display:none;} .events ul li{padding-left:0;margin-bottom:15px;} .events ul li h5{display:none;} .events ul li dl{padding-left:60px;} .events ul li h1{left: 50px;} .events ul li.curre dl dt h2{font-size:18px;line-height:28px;} .events ul li h1 span{line-height: 28px;height: 28px;} .events ul li dl dd img{height: inherit;width:100%;} .events_selyi h1 span{background-image:none;} .events_seler{margin-left:50%;border-left:none;height:0;display:none;} .events_seler h1 span font{color:#ffffff;} .jobli{width:92%;} .joblie ul li{width:100%;} .contact{width:92%;} .contact .dl dd .li1{width:100%;padding-right:0;} .contact .dl dd .li2{width:100%;border-left:none;padding-left:0;} .contact .dlli dd{width:100%;} .newdie{width:92%;} .nzixun_b{display:none;} .zhaopdie{width:92%;} } .serline span.left{ display:block; width:10px; height:10px; border-radius:10px; background-color:#0068B7; position:absolute; top:12px; left:0;} .serline span.right{ display:block; width:10px; height:10px; border-radius:10px; background-color:#0068B7; position:absolute; top:12px; left:100%;} @media screen and (max-width: 1337px){ .navconli ul li { padding-left: 0.5%; padding-right: 1.5%; } }