锘縝ody{margin:0 auto;font-size:12px;font-family:"寰蒋闆呴粦";COLOR:#424345;} A{color:#696b68;TEXT-DECORATION:none} A:hover{COLOR:#d20502;TEXT-DECORATION:none} A:active{COLOR:#ec0000;TEXT-DECORATION:none} .cls{clear:both;} .clearfix:after{content:"\20";display:block;height:0;line-height:0;font-size:0;clear:both} img{border:0px;} h1,h2,h3,h4,h5,ul,li,form,p{margin:0px;padding:0px;list-style-type:none;font-size:12px;} .fl{float:left;} .fr{float:right;} .clearfix:after{content:"";display:block;height:0;clear:both;} .clearfix{zoom:1;} .container{width:1200px;margin:0 auto;} .logo{height:53px;width:190px;margin-top:10px;} .logo img{max-width:100%} .call_number{font-size:16px;color:#f68e1f} .header{width:100%;z-index:9999;background:#fff;transition:all .3s;position:fixed;} .logo a{display:block;position:relative;overflow:hidden} .logo img{width:100%;position:relative;z-index:100} .top_call{height:46px;line-height:46px;font-size:0;display:inline-block;vertical-align:middle;height:100%} .top_call span{display:inline-block;vertical-align:middle} .icon_call{width:18px;height:18px;margin:0 10px;background:url(../images/icon_call.png) no-repeat center center} .nav{width:calc(100% - 220px);text-align:right;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;margin-top:20px;z-index:9999;} .nav>ul>li{position:relative;display:inline-block;padding:0 3%;height:100%;vertical-align:top} .nav>ul>li>a{position:relative;width:100%;line-height:46px;display:block;text-align:center;font-size:16px;color:#333;transition:all .3s;} .nav>ul>li>a:hover{color:#004ea2} .hid{display:none;position:absolute;left:0;top:54px;margin-top:-10px;min-width:100%;overflow:hidden;transition:all .3s;border-radius:4px} .hid ul{margin:0 auto;text-align:center;background:#fff;border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,0.15);position:relative;cursor:default;padding-top:9px;padding-bottom:10px;margin:18px 10px;padding:10px} .hid ul:before{content:'';position:absolute;top:-16px;left:10%;border:8px solid transparent;border-bottom-color:#fff} .hid ul li{line-height:28px;text-align:center;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;} .hid ul li a{padding:4px} .nav>ul>li:hover .hid{display:block} .hid ul li:hover a{background-color:#f5f5f5;color:#004ea2} .moblie_header,.menu_box{display:none} /*棣栭〉澶anner*/ .banner{padding-top:76px;} .slick-slider{outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand;outline:0} .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{top:0;left:0} .slick-track:after,.slick-track:before{display:table} .slick-slide{display:none;float:left;outline:0;height:100%;min-height:1px} .slick-slide img{display:block;width:100%} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-vertical .slick-slide{display:block;height:auto} .slick-next,.slick-prev{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;color:transparent;margin-top:-10px;padding:0;outline:0} .slick-arrow.slick-hidden{display:none} .slick-dots{bottom:45px;list-style:none;display:block;text-align:center;padding:0;width:100%} .slick-dots li{position:relative;display:inline-block;height:20px;width:20px;padding:0;cursor:pointer} .slick-dots button{display:none} .banner .slick-dots{bottom:43px;height:0px;text-align:center;} .banner .slick-dots li{width:15px;height:15px;vertical-align:top;margin:0 6px;float:none;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;bottom:40px;} .banner .slick-dots li.slick-active{border-color:#f78e23;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;background:#f78e23} /*涓婚〉鍏徃绠€浠?/ .swiper-container{--swiper-theme-color:#f78e23;--swiper-pagination-color: #f78e23;} .Company_hj{width:60%;float:left;padding:60px 0 70px;} .Company_hj img{width:100%;} .Company_profile{float:right;width:35%;padding:70px 0;} .Company_profile .tit h3{background:url(../images/h3_tit_bg.jpg) no-repeat left top;height:74px;font-size:32px;line-height:36px;color:#0a4193} .Company_profile .tit h3 span{font-size:15px;color:#999;font-weight:normal;margin-left:10px;} .oCompany_describe p{font-size:15px;line-height:37px;padding-top:20px;} .scroll_data{display:box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between -moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;} .scroll_data_item{display:inline-block;vertical-align:top;text-align:left;margin-top:25px;} .scroll_data_item .item_number{font-weight:bold;color:#0043b3;font-size:38px;line-height:50px;} .scroll_data_item .ps{color:#787878;font-size:14px;} /*鍐呴〉banner*/ .m_banner{padding-top:53px;} .m_banner #banner{height:320px;width:100%;background-position:center top;background-repeat:no-repeat;background-size:cover;} .Service_list{border-bottom:dashed 1px #575757;height:1%;overflow:hidden;margin-top:30px;padding-bottom:30px;} .Service_con{float:right;width:820px;} .Service_con li{width:370px;float:left;font-size:16px;line-height:60px;background:#f3f3f5;margin:10px;text-align:center;height:60px;overflow:hidden;padding:0 10px;} .Service_title{width:310px;float:left;background:#005aab;border-radius:10px;height:70px;margin-top:100px;} .Service_title .sb{background:url(../images/sb.png) no-repeat 60px center;height:70px;line-height:70px;font-size:24px;text-align:center;color:#fff;font-weight:normal} .Service_title .sm{background:url(../images/sm.png) no-repeat 60px center;height:70px;line-height:70px;font-size:24px;text-align:center;color:#fff;font-weight:normal} .Service_title .ss{background:url(../images/ss.png) no-repeat 60px center;height:70px;line-height:70px;font-size:24px;text-align:center;color:#fff;font-weight:normal} .Service_title .fn{background:url(../images/fn.png) no-repeat 60px center;height:70px;line-height:70px;font-size:24px;text-align:center;color:#fff;font-weight:normal} .Service_title .zl{background:url(../images/zl.png) no-repeat 60px center;height:70px;line-height:70px;font-size:24px;text-align:center;color:#fff;font-weight:normal} .Service_title .cs{background:url(../images/cs.png) no-repeat 60px center;height:70px;line-height:70px;font-size:24px;text-align:center;color:#fff;font-weight:normal} /*姝f枃鏍煎紡*/ .sider_tit{margin-top:20px;} .sider_tit h2{height:43px;line-height:43px;background:url(../images/shu.jpg) no-repeat 10px top;padding-left:30px;font-size:24px;color:#231f20;border-bottom:solid 1px #f1f1f1;padding-bottom:10px;} .sider_tit h2 b{font-weight:normal;font-size:16px;color:#9296a1;padding-left:10px;} .sider_tit h2 .more{float:right;} /*鍏徃鑽h獕*/ .cer_list{padding:15px 0 30px 15px;height:100%;overflow:hidden;} .cer_list li{width:360px;float:left;position:relative;padding:14px 14px 50px 14px;text-align:center;} .cer_list li a{display:block;padding:0 14px} .cer_list li a .img{overflow:hidden;margin:0 0 14px;} .cer_list li a .img img{max-width:100%;max-height:234px;vertical-align:middle;} .cer_list li a .tit{height:50px;line-height:50px;position:absolute;background:#f2f2f1;z-index:2;left:14px;right:14px;} .cer_list li a .tit .txt{display:block;font-size:16px;padding:0 10px;height:50px;position:absolute;left:14px;top:0;right:14px;z-index:2;transition:all ease 0.35s;overflow:hidden;} .cer_list li a .tit .block{position:absolute;left:50%;top:50%;z-index:1;background:#00458e;width:0;height:0;transition:all ease 0.35s;} .cer_list li a:hover .block,.cer_list li a:active .block{width:100%;height:100%;left:0;top:0;} .cer_list li a:hover .txt,.cer_list li a:active .txt{color:#FFF;} .cer_list li a .zoom{position:absolute;background:rgba(0,0,0,0.4);transition:all ease 0.5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;left:14px;right:14px;top:0;bottom:0;} .cer_list li a .zoom img{position:relative;top:50%;margin-top:-24px;} .cer_list li a:hover .zoom,.cer_list li a:active .zoom{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} /*鍚堜綔瀹㈡埛*/ .mtitle{width:100%;text-align:center;font-size:32px;color:#0a4193;position:relative;z-index:1;font-weight:bold;padding:80px 0 20px;} .mtitle:after{position:absolute;width:160px;background:#f38f1d;height:5px;left:50%;margin-left:-80px;bottom:-2px;display:block;content:'';} .mtitle_sub{text-align:center;line-height:42px;font-size:15px;color:#999;padding-bottom:40px;} .custom{height:auto;padding-bottom:100px;background:#f2f6f7} .custom_list{width:1200px;margin:0 auto} .custom_list ul{overflow:hidden} .custom_list li{float:left;overflow:hidden;width:18%;margin:0 1% 20px;} .custom_list li img{width:100%;} /*鏈嶅姟椤圭洰*/ .fwxm{width:100%!important;padding:0px 0px 80px 0px;background-color:#f8f8f8;background-image:url(../images/ptbg.jpg);background-size:cover;background-position:center bottom} .flex-sb{display:flex;justify-content:space-between} .fwxm-ul li{width:31.33%;margin:0 1%;background-color:rgba(255,255,255,0.95);padding:30px 20px;display:block;border-radius:10px} .fwxm-ul li .img{width:100%;text-align:center;margin-bottom:20px} .fwxm-ul li .img img{width:100px} .fwxm-ul li .info{} .fwxm-ul li .info b{display:block;font-size:22px;color:#014590;font-weight:500;margin-bottom:20px} .fwxm-ul li .info p{font-size:14px;color:#888;line-height:22px;margin-bottom:20px;height:88px;overflow:hidden;} .hzkh{color:#fff} .fwxm .shfu{ padding-left:20px;} .fwxm .shfu li{ background:none; width:160px; float:left; font-size:14px; text-align:center} .fwxm-ul li{padding:10px 0px;} /*鍙戝睍鍘嗗彶*/ #ab-history{padding:50px 0;background:url("../images/pgabout3.jpg") no-repeat center bottom;} #ab-history .ind-tit{text-align:center;} #ab-history .ind-tit p{font-size:1.6rem;font-weight:normal;color:#004993;margin-top:10px;line-height:40px;} .time-wrap{position:relative;margin:50px auto;width:100%;} .time-wrap .prev,.time-wrap .next{font-family:"瀹嬩綋";font-size:2.5rem;position:absolute;z-index:998;left:60px;top:118px;width:46px;height:46px;text-align:center;line-height:46px;background:#f7f7f7;border-radius:100%;transition:all .35s;background-color:#ddd;} .time-wrap .next{left:auto;right:60px;} .time-wrap .prev:hover,.time-wrap .next:hover{background:#f08200;color:#fff;box-shadow:0px 0px 15px #f08200;} .time-wrap>.time-line{position:absolute;z-index:1;top:120px;margin-top:-1px;width:100%;height:280px;background:url("../images/history_time_axis.png") repeat-x;} .time-wrap>.time-axis{position:relative;z-index:99;width:90%;max-width:1360px;margin:0 auto;padding-top:100px;} .time-wrap>.time-axis .swiper-container{height:100%;} .time-wrap>.time-axis .swiper-wrapper{height:340px;} .time-wrap>.time-axis .swiper-slide{height:250px;box-sizing:border-box;transition:all .45s ease;cursor:pointer;} .time-wrap>.time-axis .swiper-slide .years{position:relative;width:100%;} .time-wrap>.time-axis .swiper-slide .years>.tit{width:100%;text-align:center;position:absolute;z-index:4;left:0;top:-50px;font-size:40px;font-weight:600;font-family:Arial;color:#004993;transition:all .35s;} .time-wrap>.time-axis .swiper-slide .years>.spot{position:absolute;z-index:3;left:50%;top:24px;width:24px;height:24px;background:#f68e1f;border-radius:100%;margin-left:-12px;transition:all .35s;} .time-wrap>.time-axis .swiper-slide .years>.spot:after{position:absolute;z-index:3;left:50%;top:50%;margin-top:-4px;margin-left:-4px;width:8px;height:8px;background:#f68e1f;border-radius:100%;opacity:0;content:'';transition:all .35s;} .time-wrap>.time-axis .swiper-slide .text{padding:30px 0;width:100%;text-align:center;line-height:180%;margin-top:60px;transition:all .35s;} .time-wrap>.time-axis .swiper-slide .text p{font-size:15px;} .time-wrap>.time-axis .swiper-slide:hover .spot{width:30px;height:30px;margin-left:-15px;margin-top:-3px;background:#fff;box-shadow:0 0 7px rgba(0,0,0,.3);} .time-wrap>.time-axis .swiper-slide:hover .spot:after{opacity:1;} .time-wrap>.time-axis .swiper-slide:hover .years>.tit{transform:translateY(10px);} .time-wrap>.time-axis .swiper-slide:hover .text{color:#6a6969;} /*footer*/ .footer{clear:both;width:100%;background-color:#01458e} .footer .footer_top{padding-top:60px;width:1200px;margin:0 auto} .footer .footer_top .footer_top_menu{} .footer .footer_top .footer_top_menu li{width:18%;padding-right:2%} .footer .footer_top .footer_top_menu li span{margin-bottom:10px;font-size:18px;font-weight:500;color:#fff;display:block} .footer .footer_top .footer_top_menu .bd_btm{border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:5px} .footer .footer_top .footer_top_menu li a{display:block;line-height:30px;width:45%;float:left;font-size:14px;color:#8a9cc4;font-weight:500} .footer .footer_top .footer_top_menu li a:hover{color:#fff} .footer .footer_top .footer_top_menu .hottel{width:30%;margin-left:5%;line-height:28px;} .footer .footer_top .footer_top_menu .hottel p{margin-bottom:30px;padding-left:70px;position:relative;font-size:16px;color:#8a9cc4} .footer .footer_top .footer_top_menu .hottel p:after{content:'';width:1px;height:40px;background-color:#8a9cc4;position:absolute;left:50px;top:10px;transform:rotate(25deg);-webkit-transform:rotate(25deg)} .footer .footer_top .footer_top_menu .hottel i{color:#666;display:inline-block;margin-right:10px;font-size:3.2rem;position:absolute;top:6px;left:0} .footer .footer_top .footer_top_menu .hottel span{display:block;color:#8a9cc4;margin-bottom:0;font-size:30px} .footer .footer_top .footer_top_menu .hottel b{display:block;font-size:18px;font-family:Arial;font-weight:normal} .footer .footer_top .footer_top_menu .weixin{width:30%;color:#8a9cc4} .footer .footer_top .footer_top_menu .weixin p{text-align:center;margin-right:20px} .footer .footer_top .footer_top_menu .weixin p:last-child{margin-right:0} .footer .footer_top .footer_top_menu .weixin p span{font-size:14px;color:#8a9cc4;font-weight:400} .footer .footer_top .footer_top_menu .weixin img{display:block;max-width:150px;margin-bottom:10px} .footer .footer_bot{width:100%;font-size:14px;color:#8a9cc4;margin-top:30px;border-top:1px solid rgba(255,255,255,0.05)} .footer .footer_bot .copyright{width:1200px;margin:0 auto;line-height:40px} .flex-fs{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start} .flex-fe{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end} .copyright label{margin-right:20px;} .copyright span{float:right;} .to_top{position:fixed;right:10px;bottom:20%;width:46px;height:46px;z-index:999;} @media (max-width:767px){ .header{display:none} .banner{padding-top:55px;} .banner .slick-dots li{bottom:20px;} .moblie_header{display:block;background:#fff;position:fixed;top:0px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);width:100%;z-index:9999;padding:10px 0} .moblie_header .fl img{height:30px} .moblie_header .fr a{display:block;width:100%;height:100%} .moblie_header .fr a img{height:18px;vertical-align:middle;margin-top:6px} .menu_box{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000} .menu_box .menu_mark{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);left:0px;top:0px;z-index:1} .menu_box .btn_closed_box{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0} .menu_box .menu_nav{position:absolute;width:80%;right:0px;top:0px;background:#ffffff;height:100%;z-index:100;right:-80%} .menu_box .menu_nav ul{padding-left:5%;padding-right:5%} .menu_box .menu_nav ul li{border-bottom:1px solid #f3f3f3;position:relative} .menu_box .menu_nav ul li a{display:block;width:100%;height:45px;color:#333333;line-height:45px;padding-left:5%;font-size:16px} .menu_box .menu_nav ul li.had_sonnav a{width:calc(100% - 45px)} .menu_box .menu_nav ul li .plus{z-index:2;width:45px;height:45px;padding:14px;display:inline-block;position:absolute;right:0;top:0px;background:url(../images/plus.png) center center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .menu_box .menu_nav ul li .plus_on{background:url(../images/reduce.png) center center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .menu_box .menu_nav ul li .child_nav{display:none} .menu_box .menu_nav ul li .child_nav a{height:40px;line-height:40px;font-size:14px} .Company_hj{width:100%;padding:30px 0 0;} .Company_profile{width:100%;padding:20px 0 30px;} .Company_profile .tit h3{font-size:26px} .scroll_data_item .item_number{font-size:26px} .mtitle{padding-top:30px;} .custom_list li{width:31.333%;margin:0 1% 20px;} .flex-sb{flex-basis:100%;flex-wrap:wrap;} .flex-sb li{width:auto;margin-bottom:20px;padding-top:20px;} .fwxm .shfu li{width:46%;padding:10px 2%;overflow:hidden;margin:0;} .fwxm-ul li .info b{font-size:18px;} .fwxm-ul li .info p{font-size:12px;height:66px;} .fwxm{padding-bottom:60px;} .footer .footer_top{padding-top:30px;} .footer .footer_bot{margin-top:0;} .footer .footer_top .footer_top_menu .hottel span,.footer .footer_top .footer_top_menu .hottel b{font-size:12px !important;} .footer .footer_top .footer_top_menu .weixin img{width:100%;} .m_banner #banner{height:200px;} } @media (min-width:768px) and (max-width:980px){ .Company_hj{width:100%;padding:60px 0 0;} .Company_profile{width:100%;padding:30px 0 60px;} .Company_profile .tit h3{font-size:26px} .scroll_data_item .item_number{font-size:26px} .top_call{display:none;} .custom_list li{width:23%;margin:0 1% 20px;} } @media (max-width:980px){ .footer_bot{padding:10px;} .footer .footer_top .footer_top_menu .hottel,.footer .footer_top .footer_top_menu .weixin{width:45%;} .footer .footer_top .footer_top_menu .hottel span{font-size:26px} .footer_nav{display:none;} .copyright span{float:none;width:100%;display:block;} } @media (min-width:981px) and (max-width:1200px){ .top_call{display:none;} .Company_profile .tit h3{font-size:28px} .scroll_data_item .item_number{font-size:28px} .footer .footer_top .footer_top_menu .hottel span{font-size:28px} } @media (max-width:1200px) and (min-width:0px){ *{box-sizing:border-box} .container{padding:0 3%;width:100%;} .container,.footer .footer_top,.footer .footer_bot .copyright{width:100%;} .container{padding:0 3.4%;width:100%;} .Service_con{width:100%;} .Service_con li{width:48%;margin:10px 1%;} .Service_title{margin:0 0 20px;} .custom_list{width:100%;} .cer_list li{width:50%;height:auto;} } @media (min-width:768px){ .to_top{display:none!important} }