@charset "utf-8"; /* CSS Document */ html { font-size: 62.5%; /* 10梅16=62.5% */ } * { word-wrap: break-word; } body { font-size: 12px; font-size: 1.2rem; /* 12梅10=1.2 */ overflow-x: hidden; background-repeat: no-repeat; background-size: cover; width: 100%; margin: 0px; padding: 0px; } body, html { font-family: "寰蒋闆呴粦"; min-width: 320px; } ul, ul li, dl, dl dt, dl dd { margin: 0px; padding: 0px; list-style: none; } .f_faminly { font-family: "寰蒋闆呴粦"; } .fl { float: left; } .fr { float: right; } .clearboth { clear: both; } .bigzm { text-transform: uppercase; } .b_cursor { border: 0px; cursor: pointer; } input { outline: 0; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888888; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888888; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #888888; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888; } .fs14 { font-size: 14px; } .fs15 { font-size: 15px; } .fs16 { font-size: 16px; } .fs17 { font-size: 17px; } .fs18 { font-size: 18px; } .fs20 { font-size: 20px; } ul li { list-style-type: none; float: left; } .container { width: 100% !important; max-width: 1200px; max-width: 1170px\9; } .container1 { width: 100%; } /*loading鍔犺浇*/ .loading { position: fixed; width: 100%; height: 100%; /*background-color:#2f937e; */ z-index: 1000000; background: -webkit-linear-gradient(45deg, #d8261d 0%, #d8261d 40%, #ff0f00 100%); background: linear-gradient(45deg, #d8261d 0%, #d8261d 40%, #ff0f00 100%); background-size: 600%; background-position: 0% 100%; -webkit-animation: gradient 1.5s ease-in-out 0s 1 alternate forwards; animation: gradient 1.5s ease-in-out 0s 1 alternate forwards; } @-webkit-keyframes gradient { 100% { background-position: 100% 0%; } } @keyframes gradient { 100% { background-position: 100% 0%; } } .spinner { width: 100px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -15px; } .spinner>div { width: 30px; height: 30px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /*澶撮儴*/ .clearpadding { padding: 0px; margin: 0px; } #banner { width: 100%; position: relative; } .mousehover { width: 26px; height: 37px; background: url(../images/mouse.png) no-repeat; background-size: 26px; position: absolute; left: 50%; margin-left: -13px; bottom: 70px; z-index: 1000; } .header_out{ /*box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);*/ background-color: #fff; height: auto; /*overflow: hidden;*/ width: 100%; } .header_div { width: 100%; padding: 0px 8%; height: 80px; left: 0px; top: 0px; position: fixed; z-index: 10000; background-color: #d8261d; background-color: #fff; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; /* box-shadow: 0px 2px 4px 0px #e5e5e5;*/ border-bottom:1px solid #ebebeb; } .header_div.header_div1 { position: relative; } .i_logo { /* width: 16.77%; padding-top: 8px; */ float: left; padding-top:9px; } .i_logo a{ display: block; float: left; padding: 10px;} .i_logo img { max-width: 80%; } .header_div.header_div1.fixedmenu { position: fixed; left: 0px; top: 0px; } .i_phone { height: ; margin-top: 20px; background: url(../images/tb1.png) left center no-repeat; color: #fff; color: #222; font-size: 12px; padding-left: 55px; line-height: 1.3; display: inline-block; background-size:35px; padding-left:40px; } .i_phone .s1 { font-size: 24px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666666; -webkit-text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; -moz-text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; *filter: Glow(Color=#fff, Strength=2); font-size:18px; } .nav_menu { width:55%; margin-left:8%; } .nav_menu li { width: 14.285%; height: 80px; float: left; position: relative; } .nav_menu li .a_nav { height: 80px; width: 100%; line-height: 80px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; display: inline-block; color: #fff; color: #222; font-size: 16px; text-align: center; } .nav_menu li .a_nav:hover, .nav_menu li .a_nav.active, .nav_menu li .a_nav.active1 { color: #fff; background-color: #d8261d; text-decoration: none; font-weight: bold; } .nav_menu li dl { width: 100%; position: absolute; z-index: 10000; display: none; left: 0px; top: 80px; background-color: #d8261d; } .nav_menu li dl dd { width: 100%; float: left; } .nav_menu li dl dd a { width: 100%; float: left; padding: 8px 8%; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; line-height: 1.5; text-align: center; display: inline-block; overflow: hidden; color: #ffffff; font-size: 14px; } .nav_menu li dl dd a:hover { color: #fff; text-decoration: none; background-color: #f1574f; } .home-swiper { width: 100%; height: 100%; background: #000; } .home-swiper .swiper-slide { text-align: center; overflow: hidden; font-size: 18px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1; width: 100%; } .home-swiper .swiper-slide img { width: 100%; /* display: none; */ } /*棣栭〉鍐呭閮ㄥ垎*/ .ui_div { width: 100%; } .ui_div1 { width: 100%; overflow: hidden; } .ui_div_center { width: 1200px; margin: 0px auto; } .ui_div_con { width: 1400px; margin: 0px auto; } /*鎵嬫満瀵艰埅*/ /* CSS Document */ .phone_nav { display: none; } .phone_nav.phone_nav1 { position: relative; } .phone_nav.phone_nav1.fixedmenu { position: fixed; top: 0px; left: 0px; z-index: 100000; } .phone_logo { padding: 10px 0px; } .phone_logo .p1 img { width: 100%; } @media screen and (max-width:1200px) { .phone_logo .p1 { display: block; width: 27%; display: inline-block; } .header_div { display: none; } .phone_logo { width: 100%; padding: 15px 20px; box-sizing: border-box; } .phone_nav { display: block; background-color: #fff; position: fixed; width: 100%; top: 0; left: 0; display: block; transition-delay: 0.7s; -webkit-transition-delay: 0.7s; z-index: 100000; } /*瀵艰埅鎸夐挳*/ .phone_nav .nav_but_box { display: block; position: absolute; width: 30px; height: 30px; right: 10px; top: 50%; margin-top: -15px; z-index: 1; transition: all 0.7s; -webkit-transition: all 0.7s; } .phone_nav .nav_but { display: inline-block; position: relative; width: 20px; height: 2px; z-index: 2; margin: 13px 0 0 5px; background: #d7261b; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .phone_nav .nav_but:before, .nav_but:after { content: ''; display: block; width: 20px; height: 2px; position: absolute; background: #d7261b; transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; transition-duration: 300ms; -webkit-transition-duration: 300ms; } .phone_nav .nav_but:before { margin-top: -5px; } .phone_nav .nav_but:after { margin-top: 5px; } /*鏍忕洰鍚嶇О*/ .phone_nav .nav_main { height: 100%; position: fixed; right: 0; opacity: 0; width: 0; transition: all 0.4s ease 0.3s; -webkit-transition: all 0.4s ease 0.3s; background-color: #d7261b; overflow: hidden; } .phone_nav .nav_main ul { padding: 0 20px; margin-top: 40px; } .phone_nav .nav_main li a { background-position: left; color: #fff; height: 46px; line-height: 46px; display: inline-block; background-size: 32px; background-repeat: no-repeat; font-weight: bold; } .phone_nav .nav_main .ss { border: 1px solid #fff; margin-top: 20px; } .phone_nav .nav_main .ss .p2 { float: right; } .phone_nav .nav_main .ss .p2 input { border: 0; width: 34px; height: 34px; } .phone_nav .nav_main .ss .p1 { display: block; margin: 0 34px 0 5px; } .phone_nav .nav_main .ss .p1 input { width: 100%; height: 34px; line-height: 34px; background: none; border: 0; font-family: "Microsoft YaHei"; font-size: 14px; color: #fff; } .phone_nav .nav_main li b { display: inline-block; position: absolute; right: 10px; top: 0px; width: 50%; height: 50px; background: url("../images/lmfooter_bottom.png") center right no-repeat; z-index: 99; } .phone_nav .nav_main .ul { padding: 0 0 0px 40px; margin: 0; max-height: 0; overflow: hidden; transition: max-height 0.4s; -webkit-transition: max-height 0.4s; } .phone_nav .nav_main .ul li { padding: 0; border-bottom: 0; transform: translateX(0px); -webkit-transform: translateX(0px); } .phone_nav .nav_main .ul li a { padding: 0; height: auto; padding: 5px 0px; line-height: 1.5; /* line-height:30px;*/ font-weight: normal } .phone_nav .nav_main .b_one .ul { max-height: 300px; padding: 0px; /*padding:0 0 0px 40px;*/ margin-bottom: 10px; } .phone_nav .nav_main li { width: 100%; transform: translateX(100px); -webkit-transform: translateX(100px); transition: all 0.8s ease; -webkit-transition: all 0.8s ease; border-bottom: 1px solid rgba(225, 225, 225, 0.5); padding: 0 20px; position: relative; } .phone_nav .nav_main li:nth-of-type(1) { transition-delay: 0.1s; -webkit-transition-delay: 0.1s; } .phone_nav .nav_main li:nth-of-type(2) { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .phone_nav .nav_main li:nth-of-type(3) { transition-delay: 0.3s; -webkit-transition-delay: 0.3s; } .phone_nav .nav_main li:nth-of-type(4) { transition-delay: 0.4s; -webkit-transition-delay: 0.4s; } .phone_nav .nav_main li:nth-of-type(5) { transition-delay: 0.5s; -webkit-transition-delay: 0.5s; } .phone_nav .nav_main li:nth-of-type(6) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .phone_nav .nav_main li:nth-of-type(7) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .phone_nav .nav_main li:nth-of-type(8) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .phone_nav .nav_main li:nth-of-type(9) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .phone_nav .nav_main li:nth-of-type(10) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } /*鎵撳紑鏍峰紡*/ .phone_nav_one { transition-delay: 0s; -webkit-transition-delay: 0s; } .phone_nav_one .nav_main { opacity: 1; width: 100%; overflow: inherit; } .phone_nav_one .nav_but { background: rgba(0, 0, 0, 0); } .phone_nav_one .nav_but:before { margin-top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .phone_nav_one .nav_but:after { margin-top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .phone_nav_one .nav_but_box { opacity: 0.8; } .phone_nav_one .nav_main li { width: 100%; transform: translateX(0); -webkit-transform: translateX(0); } } @media screen and (max-width:470px) { /*--768-0--*/ .phone_logo { padding: 10px 10px } .phone_nav .nav_main ul { height: 410px; } .phone_nav .nav_main .b_one .ul { height: auto; } } @media screen and (max-width:758px) { /*--768-0--*/ /*.phone_nav .nav_but_box{ top:34px; right:10px;}*/ .phone_nav .nav_main ul { margin-top: 20px; height: 300px; overflow-y: auto; box-sizing: border-box; } .phone_nav .nav_main .b_one .ul { height: auto; } } /*鎵嬫満瀵艰埅*/ .i_bg1 { background: url(../images/bg2.jpg) center center no-repeat; background-size: cover; } .i_bg2 { /*background-color: #d8261d; background-color: #4d4d4d;*/ background-color: #323232; } .i_box1 { width: 100%; padding: 110px 0px 160px 0px; } .i_box1 .a_img { width: 45.66%; display: inline-block; overflow: hidden; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius: 15px; /* W3C syntax */ } .i_box1 .a_img img { width: 100%; } .i_box1 .a_img_r { width: 48%; } .i_box1 .a_img_r_t { width: 100%; /* height:94px;*/ /* line-height: 57px !important; */ overflow: hidden; color: #000000; font-size: 34px; } .i_box1 .a_img_r_t img{ float: left;} .i_box1 .a_img_r_t .s1 { color: #d7261b; font-size: 40px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .about_tit{ float: left;} .about_tit p{ font-size: 14px;} .i_box1 .a_img_r_ft { width: 100%; margin: 24px 0px 18px 0px; padding: 5px 0px; line-height: 1.5; color: #333111; font-size: 20px; } .i_box1 .a_img_r_c { width: 100%; height: 124px; line-height: 24px; color: #666666; font-size: 14px; overflow: hidden; } .i_box1 .a_more { width: 120px; height: 34px; line-height: 34px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; margin-top: 20px; color: #000000; font-size: 14px; display: inline-block; overflow: hidden; text-align: center; font-family: Arial, Helvetica, sans-serif; background: url(../images/tb4.png) left bottom no-repeat; } .i_box1 .a_more:hover { text-decoration: none; color: #d7261b; background: url(../images/tb5.png) left bottom no-repeat; } .i_box2 { width: 100%; position: relative; z-index: 11; padding: 70px 0px 110px 0px; } .i_box2_t { width: 100%; text-align: center; height: 85px; line-height: 85px; color: #fff; font-size: 46px; position: relative; } .i_box2_t:after { content: ""; width: 84px; height: 4px; background-color: #fff; position: absolute; left: 50%; margin-left: -42px; bottom: 0px; -moz-border-radius: 2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius: 2px; /* W3C syntax */ } .i_box2_t.actwo { color: #000; } .i_box2_t.actwo:after { background-color: #000; } .i_box2_t.actwo1 { color: #000; } .i_box2_t.actwo1:after { background-color: transparent; } .i_box2_bt { width: 100%; margin-top: 23px; padding-bottom: 30px; line-height: 30px; text-align: center; overflow: hidden; color: #fff; font-size: 20px; } .i_box2_bt.actwo { color: #333111; } .i_box2_t.actwo2 { color: #fff; color: #000; } .i_box2_t.actwo2:after { background-color: transparent; } .i_box2_tmenu { width: 100%; padding: 25px 0px 55px; text-align: center; } .i_box2_tmenu a { width: 143px; height: 46px; margin: 0px 13px; border: 1px solid #80b4ff; border: 1px solid #ccc; display: inline-block; overflow: hidden; text-align: center; line-height: 46px; color: #fff; color: #000; font-size: 16px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .i_box2_tmenu a:hover, .i_box2_tmenu a.activenews { border: 1px solid #d8261d; background-color: #d8261d; text-decoration: none; color: #fff; } .i_box2_c { width: 100%; } .i_box2_con { width: 100%; display: none; } .i_box2ul { width: 100%; } .i_box2ul dt { width: 49%; padding-right: 2%; float: left; font-weight: normal; } .i_box2ul dt .a_img { width: 100%; float: left; display: inline-block; overflow: hidden; position: relative; } .i_box2ul dt .a_img img { width: 100%; } .i_box2ul dt .a_img .a_text { width: 100%; color: #fff; font-size: 14px; background: url(../images/tb2.png) repeat; position: absolute; left: 0px; bottom: 0px; padding: 15px; } .i_box2ul dt .a_img .a_text .s1 { width: 100%; height: 33px; line-height: 33px; overflow: hidden; font-size: 18px; } .i_box2ul dt .a_img .a_text .s2 { width: 100%; height: 23px; line-height: 23px; overflow: hidden; } .i_box2ul dd { width: 51%; float: left; padding-bottom: 25px; } .i_box2ul dd .div { width: 100%; float: left; background-color: #f3f5f7; display: inline-block; overflow: hidden; color: #666666; font-size: 14px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; background-color:#fff; } .i_box2ul dd .div:hover { color: #666; text-decoration: none; background-color: #fff; } .i_box2ul dd .div .a_img { width: 27%; display: inline-block; overflow: hidden; } .i_box2ul dd .div .a_img img { width: 100%; } .i_box2ul dd .div .a_img_r { width: 70%; padding: 15px 5% 0px 0px; } .i_box2ul dd .div .a_img_r .s1 { width: 100%; height: 32px; line-height: 32px; overflow: hidden; color: #333; font-size: 18px; } .i_box2ul dd .div .a_img_r .s2 { width: 100%; height: 40px; line-height: 20px; overflow: hidden; } .i_box2ul dd .div .a_img_r .s3 { width: 100%; height: 30px; line-height: 30px; overflow: hidden; color: #999999; } .i_box2ul dd .div:hover .a_img_r .s1 { color: #d52525; text-decoration: none; } .home-swiper1 { width: 100%; padding-bottom: 75px; } .home-swiper1 .swiper-slide { width: 100%; height: auto; font-size: 18px; padding: 0px 0.5%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; /*padding: 0px 1%;*/ padding:0px; position:relative; } .home-swiper1 .swiper-slide .a_img { width: 100%; display: inline-block; overflow: hidden; } .home-swiper1 .swiper-slide .a_img img { width: 100%; } .home-swiper1 .swiper-slide .a_text { width: 100%; height: 78px; line-height: 78px; text-align: center; color: #fff; display: inline-block; color: #ffffff; font-size: 20px; position:absolute; left:0px; bottom:0px; z-index:1; background:url("../images/bg_001.png") repeat; } .home-swiper1 .swiper-slide .a_text:hover { text-decoration: none; color: #fff; } .i_box3 { width: 100%; padding: 65px 0px 20px 0px; } .i_box3_c { width: 100%; } .i_box3_b { width: 100%; text-align: center; padding: 50px 0px 90px 0px; } .i_boxa { padding: 10px 44px; line-height: 28px; display: inline-block; color: #333333; font-size: 16px; border: 1px solid #cfcfcf; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .i_boxa:hover { border: 1px solid #d7261b; background-color: #d7261b; color: #fff; text-decoration: none; } /*3-鏃犵紳浠庡乏寰€鍙虫粴鍔?/ #demo { overflow: hidden; } #indemo { float: left; width: 8000%; } #demo1 { float: left; } #demo2 { float: left; } .newc { float: left; width: 466px; height: 318px; overflow: hidden; margin:0px 13px; } .newc .a_img { width: 466px; height: 318px; position: relative; display: inline-block; overflow: hidden; } .newc .a_img img { width: 466px; height: 318px; } .newc .a_img .a_text { width: 100%; height: 47px; display: none; line-height: 47px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; background: url(../images/tb_015.png) repeat; position: absolute; left: 0px; bottom: 0px; text-align: center; color: #fff; font-size: 18px; } .newc .a_img .a_div { width: 466px; height: 318px; padding: 60px 40px 0px 40px; background-color: #d7261b; color: #fff; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0px; top: 0px; } .newc .a_img .a_div .s1 { width: 100%; height: 55px; line-height: 55px; overflow: hidden; text-align: center; font-size: 18px; } .newc .a_img .a_div .s2 { width: 100%; height: 88px; line-height: 22px; overflow: hidden; margin-bottom: 10px; font-size: 14px; } .newc .a_img .a_div .s3 { width: 100%; height: 32px; background: url(../images/tb_016.png) bottom center no-repeat; line-height: 32px; overflow: hidden; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: center; } .newc .a_img:hover .a_div { opacity: 1; filter: alpha(opacity=100); -webkit-animation: flipInY 0.8s infinite linear both; animation: flipInY 0.8s infinite linear both; animation-iteration-count: 1 } .newc .a_img:hover .a_text { bottom: -47px; } .i_box4 { width: 100%; padding: 75px 0px 118px 0px; } .i_box5 { width: 100%; padding: 75px 0px 65px 0px; } .i_box5_c { width: 100%; padding-top: 35px; } .home-swiper2 { width: 100%; padding-bottom: 60px; } .home-swiper2 .swiper-slide { width: 100%; height: auto; font-size: 18px; padding: 0px 0.5%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 0px 1%; } .home-swiper2 .swiper-slide .a_img { width: 100%; display: inline-block; overflow: hidden; } .home-swiper2 .swiper-slide .a_img img { width: 100%; } .home-swiper2 .swiper-slide .a_text { width: 100%; height: 55px; line-height: 55px; text-align: center; color: #333333; display: inline-block; font-size: 16px; } .home-swiper2 .swiper-slide .a_text:hover { text-decoration: none; color: #d7261b; } /*3-鏃犵紳浠庡乏寰€鍙虫粴鍔?/ #demoz { overflow: hidden; } #indemoz { float: left; width: 8000%; } #demo1z { float: left; } #demo2z { float: left; } .newcz { float: left; width: 242px; height: 84px; overflow: hidden; margin-right: 23px; } .newcz a img { width: 242px; height: 84px; } .i_section { position: relative; box-sizing: border-box; width: 100%; } .bg_blur { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg1.jpg); background-size: cover; background-attachment: fixed; background-position-x: center !important; /*opacity: 0.4;*/ z-index: 1; } .bg_blur1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg3.jpg); background-size: cover; background-attachment: fixed; background-position-x: center !important; /*opacity: 0.4;*/ z-index: 1; } .i_footer { width: 100%; padding: 60px 0px 15px 0px; } .i_footer.i_footer1 { padding-top: 0px; } .i_link { width: 100%; padding-bottom: 35px; } .i_footer_c { width: 100%; /*border: 1px solid #6a6a6a;*/ border: 1px solid #2E2E30; border-left: 0px; border-right: 0px; } .i_footer_c_l { width: 58%; width: 70%; padding: 30px 0; } .i_footer_c_l ul { width: 100%; } .i_footer_c_l ul li { width: 20%; width: 16.66%; float: left; /* border-right: 1px solid #a6a6a6; */ /* padding-top: 30px; */ /* min-height: 220px; */ } .i_footer_c_l ul li .a1 { width: 100%; float: left; /*height: 55px; line-height: 55px;*/ height: 35px; line-height: 35px; text-align: center; font-size: 20px; font-size:14px; color: #f3f3f3; color: rgba(255, 255, 255, 1); color: #9e9e9e; overflow: hidden; } .i_footer_c_l ul li .a1:hover { color: #f3f3f3; color: #fff; text-decoration:none; } .i_footer_c_l ul li .a2 { width: 100%; height:25px; line-height:25px; float: left; text-align: center; color: #f3f3f3; color:rgba(207, 207, 207, 1); color: #9e9e9e; font-size: 12px; overflow: hidden; } .i_footer_c_l ul li .a2:hover { color: #f3f3f3; color: #fff; text-decoration:none; } .i_footer_c_r { /* width: 42%; */ width: 15%; width: 200px; /* padding-top: 50px; padding-left: 6%; */ /*margin: 50px 0;*/ margin:30px 0; text-align: right; float: right; } .i_footer_c_r dl { width: 100%; } .i_footer_c_r dl dd { width: 60%; /* float: left; */ /* padding-right: 5%; */ text-align:right; color: #fff; font-size: 14px; line-height: 2; margin-left: 40%; } .i_footer_c_r dl dd img { width: 100%; } .i_footer_c_r dl dt { width:100%; /* float: left; */ color: #fff; color: rgba(207, 207, 207, 1); color:#9e9e9e; font-size: 12px; line-height: 1.8; padding-top:10px; font-weight: normal; text-align: right; } .i_footer_c_r dl dt span { font-size: 16px; } .i_footer_b { width: 100%; padding: 20px 0px; line-height: 1.8; text-align: center; overflow: hidden; color: #fff; color: rgba(207, 207, 207, 1); color:#9e9e9e; font-size: 12px; } .i_footer_b a, .i_footer_b a:hover { color: #fff; color: rgba(207, 207, 207, 1); color:#9e9e9e; } /*鍐呴〉*/ .n_bg1 { background-color: #ddeffb; background-color: #fff; } .n_banner { width: 100%; height: 493px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; } .n_banner_text { width: 100%; color: #fff; font-size: 30px; text-align: center; position: absolute; left: 0px; top: 40%; /*webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);*/ z-index: 111; } .n_banner_text span { font-size: 45px; font-family: "寰蒋闆呴粦"; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .pc_amenu { width: 100%; background-color: #fff; z-index: 10000; /*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);*/ box-shadow: 0px 2px 10px 0px #e5e5e5; /* height: 50px; */ float: left; } .a_menu { width: 100%; margin: 0px; padding: 0px; height: 60px; overflow: hidden; text-align: center; } .a_menu .a_menu_a { padding: 0px; margin: 0px; padding: 0px 30px; height: 60px; margin: 0px 5px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; display: inline-block; overflow: hidden; text-align: center; line-height: 60px; color: #333333; font-size: 16px; } .a_menu .a_menu_a:hover, .a_menu .a_menu_a.activetm1 { color: #fff; /* background: url(../images/img9.jpg) repeat-x; */ text-decoration: none; background-color: #d7261b; font-weight: bold; } .a_zxlmenu { width: 100%; position: relative; display: none; z-index: 10; } .a_zxlmenu_t { width: 100%; padding: 3% 0px; background: url(../images/zxl_jt1.jpg) right center no-repeat; font-size: 16px; text-align: center; background-color: #d7261b; color: #fff; cursor: pointer; background-size: 30px; } .a_zxlmenu_c { width: 100%; height: 300px; overflow-y: auto; position: absolute; left: 0px; top: 100%; margin: 0px; padding: 0px; background-color: #eeeeee; text-indent: 0px; display: none; -moz-box-shadow: 0px 0px 10px #c7c5bf; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #c7c5bf; /*webkit*/ box-shadow: 0px 0px 10px #c7c5bf; /*opera鎴杋e9*/ } .a_zxlmenu_c li { width: 100%; float: left; text-align: center; } .a_zxlmenu_c li .aone { width: 100%; padding: 3% 0px; display: inline-block; color: #d7261b; font-size: 14px; text-decoration: none; text-indent: 0px; } .a_zxlmenu_c li .aone:hover, .a_zxlmenu_c li .aone.activetwo { color: #fff; text-decoration: none; background-color: #f24b41; } .a_zxlmenu_c li dl { width: 100%; border-bottom: 1px solid #ccc; display: none; } .a_zxlmenu_c li dl dd { width: 100%; float: left; text-align: center; } .a_zxlmenu_c li dl dd a, .a_zxlmenu_c li dl dd a:hover { width: 100%; padding: 3% 0px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; text-indent: 0px; } .n_box1 { width: 100%; padding: 25px 0px 65px 0px; padding: 0px 0px 40px 0px; } .n_box1_t { width: 100%; /* height: 30px; */ line-height: 30px; text-align: right; } .n_box1_t .s1 { background: url(../images/tb6.png) left center no-repeat; height: 30px; line-height: 30px; display: inline-block; padding-left: 30px; color: #333333; font-size: 14px; margin-top: 30px; } .n_box1_t .s1 a, .n_box1_t .s1 a:hover { color: #333; } .n_box2 { width: 100%; padding-top: 30px; } .n_box2_t { padding: 5px 0px; list-style: 1.5; text-align: center; color: #333333; font-size: 24px; } .n_box2_c { width: 100%; padding-top: 30px; line-height: 2; color: #333333; font-size: 14px; overflow: hidden; } .n_box2_c img { max-width: 100%; height: auto; } .n_ryzzdiv { width: 98%; margin-top: 30px; background-color: #fff; margin-left: 1%; } .n_ryzzdiv_l { width: 38%; display: inline-block; overflow: hidden; } .n_ryzzdiv_l img { width: 100%; } .n_ryzzdiv_r { width: 62%; padding: 0px 20px; } .n_ryzzdiv_rt { width: 100%; padding: 8% 0px 10px 45px; } .n_ryzzdiv_rtc { width: 100%; height: 90px; line-height: 30px; overflow: hidden; color: #333; font-size: 14px; } .n_ryzzdiv_rc { width: 100%; padding: 0px 45px; position: relative; } .home-swiper1z { width: 100%; height: 100%; } .home-swiper1z .swiper-slide { text-align: center; font-size: 18px; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1; width: 100%; padding: 0px 1%; } .home-swiper1z .swiper-slide .a_img { width: 100%; display: inline-block; overflow: hidden; } .home-swiper1z .swiper-slide .a_img img { width: 100%; } .home-swiper1z .swiper-slide .a_text { width: 100%; height: 50px; line-height: 50px; text-align: center; color: #333333; color: #333333; font-size: 16px; } .home-swiper1z .swiper-slide .a_text:hover { text-decoration: none; color: #d8261d; } .n_ryzzdiv_rc .home-nextz { width: 48px !important; height: 48px !important; background: url(../images/tb_014_r.png) right top no-repeat !important; margin-top: -38px !important; right: -10px !important; } .n_ryzzdiv_rc .home-prevz { width: 48px !important; height: 48px !important; background: url(../images/tb_014.png) left top no-repeat !important; margin-top: -38px !important; left: -10px !important; } .n_box3 { width: 100%; padding-top: 55px; } .n_box3 li { width: 25%; float: left; padding: 0px 1%; } .n_box3 li .a_img { width: 100%; display: inline-block; overflow: hidden; } .n_box3 li .a_img img { width: 100%; } .n_box3 li .a_text { width: 100%; height: 50px; line-height: 50px; display: inline-block; overflow: hidden; text-align: center; color: #333333; font-size: 16px; } .n_box3 li .a_text:hover { text-decoration: none; color: #d8261d; } .n_box4 { width: 100%; padding-top: 45px; } .n_box4 li { width: 33.33%; float: left; padding: 0px 1%; } .n_box4 li .a_img { width: 100%; display: inline-block; overflow: hidden; } .n_box4 li .a_img img { width: 100%; } .n_box4 li .a_text { width: 100%; height: 85px; line-height: 45px; display: inline-block; overflow: hidden; text-align: center; color: #333333; font-size: 16px; } .n_box4 li .a_text:hover { text-decoration: none; color: #d8261d; } .a_mtbd_dpages { width: 100%; text-align: center; padding-top: 35px; font-size: 16px; } .a_mtbd_dpages a { width: 40px; height: 40px; margin-bottom: 5px; line-height: 40px; text-align: center; -moz-border-radius: 100%; /* Gecko browsers */ -webkit-border-radius: 100%; /* Webkit browsers */ border-radius: 100%; /* W3C syntax */ background-color:#e3e3e3; color: #333; display: inline-block; } .a_mtbd_dpages a:hover, .a_mtbd_dpages a.activepages { color: #fff; text-decoration: none; background-color: #d8261d; } .a_mtbd_dpages .a1 { width: auto; padding: 0px 30px; -moz-border-radius: 20px; /* Gecko browsers */ -webkit-border-radius: 20px; /* Webkit browsers */ border-radius: 20px; /* W3C syntax */ background-color:#e3e3e3; } .n_box41 { width: 100%; padding-top: 30px; } .n_box41 li { width: 33.33%; padding: 0px 1% 2% 1%; float: left; } .n_box41 li .a_div { width: 100%; border: 1px solid #f0efef; background-color: #ffffff; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; cursor: pointer; color: #999999; display: inline-block; overflow: hidden; font-size: 14px; } .n_box41 li .a_div:hover { background-color: #006eec; color: #fff; text-decoration: none; } .n_box41 li .a_div .a_img { width: 100%; display: inline-block; overflow: hidden; } .n_box41 li .a_div .a_img img { width: 100%; } .n_box41 li .a_div .text { width: 100%; } .n_box41 li .a_div .text_div { width: 85%; height: 190px; margin: 0px auto; position: relative; } .n_box41 li .a_div .text_div .s1 { width: 100%; height: 28px; line-height: 28px; overflow: hidden; margin: 5% 0px; color: #444444; font-size: 16px; display: inline-block; word-wrap: break-word; } .n_box41 li .a_div .text_div .s2 { width: 100%; height: 66px; overflow: hidden; line-height: 22px; /*text-indent: 20px;*/ word-wrap: break-word; } .n_box41 li .a_div .text_div .s3 { width: 100%; height: 27px; line-height: 27px; margin-top: 5%; position: absolute; left: 0px; bottom: 7%; } .n_box41 li .a_div .text_div .s3 .a1 { width: 33px; margin-top: 2px; height: 23px; border: 2px solid #bfbfbf; color: #bfbfbf; line-height: 20px; text-align: center; display: inline-block; } .n_box41 li .a_div:hover .text_div .s1, .n_box41 li .a_div:hover .text_div .s3 .a1 { color: #fff; color: #fff; } .n_box41 li .a_div:hover .text_div .s3 .a1 { border: 2px solid #fff; } .a_tzjyg_cdetsl { width: 100%; padding-top: 45px; } .a_tzjyg_c_t { width: 100%; padding: 10px 0px; line-height: 1.7; text-align: center; color: #333333; font-size: 18px; } .a_tzjyg_c_time { width: 100%; height: 40px; line-height: 40px; text-align: center; overflow: hidden; color: #666666; font-size: 14px; border-bottom: 1px solid #ddd; } .a_tzjyg_c_time span { display: inline-block; height: 20px; line-height: 20px; } .a_tzjyg_c_ton { width: 100%; padding: 25px 0px; line-height: 2; overflow: hidden; color: #666; font-size: 14px; } .a_tzjyg_c_ton img { max-width: 100%; height: auto !important; } .a_tzjyg_c_tb { width: 100%; margin-top: 20px; overflow: hidden; position: relative; } .a_tzjyg_c_tb .a1 { width: 50%; height: 30px; line-height: 30px; color: #333333; font-size: 14px; display: inline-block; overflow: hidden; } .a_tzjyg_c_tb .a1:hover { text-decoration: none; color: #0073f1; } .a_tzjyg_c_tb .a1.a2 { text-align: right } .n_lxwm_t { width: 100%; padding-top: 45px; } .n_lxwm_tl { width: 45%; padding-top: 25px; color: #333333; font-size: 14px; line-height: 2; overflow: hidden; } .n_lxwm_tl .s1 { font-size: 24px; } .n_lxwm_tl img { max-width: 100%; } .n_lxwm_tr { width: 50%; overflow: hidden; } .n_lxwm_tr #allmap { width: 100%; height: 410px; } .a_zxly { width: 100%; height: 100%; position: relative; z-index: 1; padding: 4% 0px 4% 0px; } .a_zxly_c { width: 100%; margin: 0px auto; } .a_zxly_ul { width: 100%; margin: 0px; padding: 0px; } .a_zxly_ul li { width: 100%; padding-bottom: 1%; float: left; } .a_zxly_ul li .s1 { width: 50%; } .a_zxly_ul li .s2 { width: 50%; text-align: center; } .a_zxly_ul li .ipt1 { width: 98%; background-color: #fff; height: 40px; border: 0px; line-height: 40px; color: #888888; font-family: "寰蒋闆呴粦"; font-size: 14px; text-indent: 15px; } .a_zxly_ul li .ipt2 { height: 163px; width: 100%; text-indent: 15px; border: 0px; padding: 5px; color: #888888; font-family: "寰蒋闆呴粦"; font-size: 14px; } .a_zxly_ul li .s3 { width: 100%; text-align: center; padding: 20px 0px; } .a_zxly_ul li .ipt3 { width: 50%; height: 38px; line-height: 38px; border: 0px; -moz-border-radius: 19px; /* Gecko browsers */ -webkit-border-radius: 19px; /* Webkit browsers */ border-radius: 19px; /* W3C syntax */ cursor: pointer; background-color: #d8261d; color: #fff; text-align: center; display: inline-block; font-size: 16px; font-family: "寰蒋闆呴粦"; } .a_nytitle1 { font-size: 20px; color: #fff; width: 100%; text-align: center; padding-bottom: 15px; line-height: 1.5; margin-bottom: 20px; } .a_nytitle1 .s1 { color: #fff; font-size: 35px; font-family: Arial, Helvetica, sans-serif; } .a_nytitle1 .s2 { width: 100%; display: inline-block; height: 25px; line-height: 25px; background: url(../images/tb_23.png) center no-repeat; } .n_box5 { width: 100%; padding: 50px 0px 5px 0px; } .n_box5_c { width: 100%; padding: 30px 1% 40px 1%; background-color: #fff; } .n_box5_c_t { width: 100%; padding: 0px 1% 11px 1%; border-bottom: 1px solid #e5e5e5; } .n_box5_c_t a { padding: 0px 15px; height: 26px; line-height: 26px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; float: left; display: inline-block; overflow: hidden; color: #333333; font-size: 16px; margin: 0px 5px 24px 0px; } .n_box5_c_t a:hover, .n_box5_c_t a.activepro { background-color: #d8261d; color: #fff; text-decoration: none; } .n_box5_c_con { width: 100%; padding-top: 40px; } .n_box5_c_con li { width: 25%; float: left; padding: 0px 1% 2% 1%; } .n_box5_c_con li .a_img { width: 100%; display: inline-block; overflow: hidden; border: 1px solid #e5e5e5; position: relative; } .n_box5_c_con li .a_img img { width: 100%; } .n_box5_c_con li .a_img .tb1 { width: 100%; display: none; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; background: url(../images/tb7.png) repeat; } .n_box5_c_con li .a_img .tb2 { padding: 0px 20px; height: 34px; -moz-border-radius: 17px; /* Gecko browsers */ -webkit-border-radius: 17px; /* Webkit browsers */ border-radius: 17px; /* W3C syntax */ line-height: 34px; border: 1px solid #fff; color: #fff; font-size: 14px; display: inline-block; overflow: hidden; position: absolute; z-index: 2; left: 50%; top: 50%; webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; } .n_box5_c_con li .a_img:hover .tb1 { display: block; } .n_box5_c_con li .a_img:hover .tb2 { display: block; } .n_box5_c_con li .a_text { width: 100%; height: 45px; line-height: 45px; display: inline-block; overflow: hidden; text-align: center; color: #333333; font-size: 16px; } .n_box5_c_con li .a_text:hover { text-decoration: none; color: #0073f1; } .Rotation img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .Rotation:hover img { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } .arrowGo { animation: arrowGo 2.5s infinite; -webkit-animation: arrowGo 2.5s infinite; } @-webkit-keyframes arrowGo { 0% { -webkit-transform: translate(0, 30%); } 50% { -webkit-transform: translate(0, 0%); } 100% { -webkit-transform: translate(0, 30%); } } @keyframes arrowGo { 0% { transform: translate(0, 30%); } 50% { transform: translate(0, 0%); } 100% { transform: translate(0, 30%); } } .Amplification img { transition: 400ms; filter: Alpha(Opacity=100); opacity: 1; } .Amplification:hover img { filter: Alpha(Opacity=100); opacity: 1; -webkit-transform: scale(1.12); transform: scale(1.12); } .Amplification1 .img1 { transition: 400ms; filter: Alpha(Opacity=100); opacity: 1; } .Amplification1:hover .img1 { filter: Alpha(Opacity=100); opacity: 1; -webkit-transform: scale(1.12); transform: scale(1.12); } @-webkit-keyframes hvr-bob { 0% { transform: scale(1.1); -webkit-transform: scale(1.1); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes hvr-bob { 0% { transform: scale(1.1); -webkit-transform: scale(1.1); } 100% { transform: scale(1); -webkit-transform: scale(1); } }