a{ color:inherit; } a:hover{ color:inherit; text-decoration:none; } ul{ list-style:none; padding-left:0; } body{ font-size:16px; font-family:Arial, Helvetica, sans-serif; } .navbar{ background:#ee7700; width:100%; } .nav{ width: 1200px; margin: 0 auto; } .part1{ margin-top: 20px; } .banner{ width:100%; overflow: hidden; height:239px; position: relative; text-align: center; } .logo{ position: absolute; width:1200px; margin-left: -600px; left:50%; top:0px; z-index: 999; } .nav li{ float:left; font-size:21px; height:64px; line-height:45px; width:14%; text-align: center; } .nav li a:hover { background: #e94708; } .nav li a{ color:#fff;} .notice{ border:#eee solid 1px; height:50px; } .over{ overflow: hidden; zoom:1; } .noticefl{ float: left; width:50px; background: rgb(238 119 0); text-align: center; line-height: 50px; } .swiper-slide { font-size: 18px; /* Center slide text vertically */ /* display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; */ } .noticefr{ padding-left: 60px; } .swiper-container1 a{ line-height: 50px; } .disco a span{ color: #999; font-size: 1.4rem; } .disco a{ font-size: 1.6rem; padding:0px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .disco a::before{ content: ""; width:3px; height:3px; background: #999; position: absolute; left:0px; top:48%; } .borderr{ border-radius: 10px; } .fl{ float: left; } .part1fl{ width:37.5%; } .part1fr{ width:60%; margin-left: 2.5%; } .swiper-containermode img{ width:100%; height: 285px; } .swiper-containermode p{ padding:0px 10px; position:absolute; left:0px; bottom:0px; background:rgba(0,0,0,.5); color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0px; line-height:45px; width:100%; } .swiper-paginationmode{ text-align:right; margin-bottom:40px; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ width:98%; } ul.mainlist li{ position: relative; line-height: 35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } ul.mainlist{ padding-top: 20px; } h2.mainhh{ color: #ee7700; border-bottom:#ee7700 solid 1px; font-size: 2.2rem; padding-bottom: 5px; position: relative; padding-left: 5px; } h2.mainhh::before{ content: ""; width:10rem; height:5px; background: #ee7700; position: absolute; bottom:-5px; left:0px; } h2.mainhh a{ color: #999; float: right; font-size: 1.4rem; padding-top: 10px; } .part1fltop{ margin-top: 20px; } .part1frtop h2{ margin-top:30px; } .part1frtopcon{ background: #f5f5f5; } .part1frtopconfl h3{ background: #ee7700; color: #fff; width:38px; font-size: 1.8rem; padding:20px 10px; margin:0px; font-weight: bold; } .part1frtopconfr{ width:645px; } .part1frtopconfrbox{ border:#eee solid 1px; width:24%; margin-left: 1%; margin-top: 8px; background: #fff; color: #ee7700; text-align: center; padding: 20px 0px; float: left; } .part1frtopconfrbox img{ margin-top: -5px; } .part1frtopconfrbox:hover{ border:#ee7700 solid 1px; background: #f6e4d2; } .more{ width:100%; clear: both; color: #ee7700; text-align: center; padding:10px 0px; } .part1frb{ margin-top: 10px; } .part1frbfl{ width:65%; } .part1frbflcon{ width:100%; height:216px; position: relative; line-height: 0; } .zc_box img{ width:100%; height:100%; line-height: 0; } .zc_menu{ position: absolute; bottom:-8px; width:372px; margin-left: -186px; left:50%; } .zc_menu ul{ margin:0; } .zc_menu ul li{ float:left; background: #ee7700; color: #fff; border:#fff solid 2px; border-radius: 10px; width:182px; line-height: 35px; height:45px; margin:0 2px; text-align: center; } .zc_menu ul li.selected{ background: #e94708; } .sshide{display:none;} .part1frbfr{ width:196px; margin-left: 40px; } .part1frbfr h2{ text-align: center; color: #ee7700; font-size: 2.2rem; margin-bottom: 0px; padding-bottom: 5px; } .part1frbfrcon{ border:#eee solid 1px; border-top:#ee7700 solid 2px; padding:10px; } .service{ width:160px; height:60px; margin:6px auto; line-height: 60px; border-radius: 10px; padding-left: 10px; } .service1{ background: url(../images/partfrbg1.jpg) no-repeat right center; color: #ac2b24; } .service2{ background: url(../images/partfrbg2.jpg) no-repeat right center; color: #ee7700; } .service3{ background: url(../images/partfrbg3.jpg) no-repeat right center; color: #69adc5; } .part2 img{ width:100%; } .part3fl{ width:47%; } .part3fr{ width:50%; margin-left: 2.5%; } .part3fr h2{ clear: both; } .part3frl{ width:158px; height:90px; margin-top: 30px; } .part3frl img{ border-radius: 10px; } .part3frl p{ padding:10px; } .part3frr{ width: 100%; } .footer{ background: #222222; color: #fff; border-top: #ee7700 solid 5px; font-size: 1.4rem; } .footertop{ padding:20px 0px; } .footerfl,.footerfm{ width:35%; border-right: #3e3a3a solid 1px; height:170px; } .footerfl h2{ font-size: 1.8rem; } .footerfl a{ padding-right: 20px; float: left; line-height: 30px; } .footerfm{ text-align: center; padding-top: 20px; padding-left: 150px; } .code{ width:100px; } .code img{ width:82px; } .code p{ padding:5px 0px; } .footerfr{ width:30%; text-align: right; } .footerb{ background: #000; text-align: center; padding:20px 0px; } .mt20{ margin-top: 20px; } .container{ width:1170px; } /* (,,鈥 鈧 鈥?,) 浜岀骇椤祊ublic start (,,鈥 鈧 鈥?,) */ .listflw916{ width:856px; background: #fff; min-height:626px; padding:15px; } .listfrw254{ width:252px; background: url(../images/sidebar.png) no-repeat center; height:626px; overflow: hidden; } .listfrw251{ width:251px; background: #fff; } .ml30{ margin-left: 30px; } .over{ overflow: hidden; zoom:1; } .fl{ float: left; } ol.breadcrumb{ background: none; border-bottom: #f5f5f5 solid 1px; } .listfrw254 h2{ color: #fff; background: rgb(244, 91, 26); margin-left: -30px; border-radius: 50px; font-weight: bold; padding:10px 0px; padding-left:60px; width:180px; font-size: 2.2rem; margin-top: 50px; } .listfrw251 h2{ width:100%; height:84px; line-height: 84px; background: url(../images/sidetop.jpg) no-repeat; color:rgb(244, 116, 12); text-align: center; font-size: 22px; margin:0; } ul.sidebar{ margin: 20px 0px; } ul.sidebar li{ width:100%; text-align: center; border-bottom: #eee solid 1px; line-height: 45px; } ul.sidebar li.active{ background: url(../images/sidebar1bg.png) #fafafa no-repeat left center; } ul.sidebar li:hover{ background: url(../images/sidebar1bg.png) #fafafa no-repeat left center; } ul.sideul{ width:80%; margin:0 auto; margin-top: 40px; } ul.sideul li{ padding-left: 30px; border-radius: 3px; background: #fef3ee; color: #333; line-height: 40px; margin-top: 10px; } ul.sideul li a{ display:inline-block; width:110px; } ul.sideul li span{ margin-left: 20px; color: #d1c0a5; } ul.sideul li:hover{ background: #ffa64d; } ul.sideul li:hover span{ color: #e94809; } /* (,,鈥 鈧 鈥?,) 鎬荤粡鐞嗕俊绠 start (,,鈥 鈧 鈥?,) */ .letterbox{ background: #fff8f2; padding:40px; } .form-group{ margin-top: 30px; } .form-group label{ color:rgb(242, 109, 55); } .message button{ border-radius: 999px; font-size: 1.6rem; padding:5px 25px; outline:none; } /* (,,鈥 鈧 鈥?,) 鐢靛瓙鍙戠エ start (,,鈥 鈧 鈥?,) */ .invoice{ background: #fff8f2; padding:40px; width:80%; margin:0 auto; } .query button{ border-radius: 999px; font-size: 1.6rem; padding:5px 50px; outline:none; } .explain{ color: #999; } .explain p{ text-indent: 2.8rem; } .explain p:first-child{ text-indent: 0; } /* (,,鈥 鈧 鈥?,) 閲囨殩璐规煡璇 start (,,鈥 鈧 鈥?,) */ .enquiry{ width:560px; } .enquiry label{ color: rgb(246, 144, 9); } .enquirytext{ margin-top: 100px; } .enquirytext p{ padding-left: 92px; } .mascot{ width:151px; margin-left: 20px; } /* (,,鈥 鈧 鈥?,) 鍦ㄧ嚎缂磋垂 start (,,鈥 鈧 鈥?,) */ .payway{ background: #fafafa; width:90%; margin:0 auto; padding-top:15px; } .paywaytitle{ background: url(../images/paybg.png) no-repeat; width:100px; height:129px; text-align: center; color: rgb(251, 150, 15); font-size: 30px; font-weight: lighter; padding-top: 20px; margin: 0 auto; } .payway1{ text-align: center; width: 18%; } .payway1 img{ margin-bottom:5px; width: 105px; height: 105px; } .paynet{ text-align: center; width: 90%; margin:0 auto; margin-top: 30px; } .paynet h2{ background: #ffebd7; margin:0; line-height:2; color: rgb(240, 156, 13); font-size: 22px; font-weight: lighter; } .paynet table th{ text-align: center; } .paynet table td{ border-right:#eaeaea solid 1px; } .paynet table tr td:nth-child(n+4){ border-right:none; } .paynet table th{ border-right:#eaeaea solid 1px; } .paynet table tr th:nth-child(n+4){ border-right:none; } .paynet table tr:nth-child(odd){ background: #fafafa; } .paynet table tr:nth-child(even){ background: #f8f6f4; } /* (,,鈥 鈧 鈥?,) 缃戠偣 start (,,鈥 鈧 鈥?,) */ .adrmap{ text-align: center; } .BusinessHall{ width:90%; margin:0 auto; margin-top:50px; } .BusinessHall h2{ font-size: 22px; text-align: center; } .BusinessHall table{ text-align: center; } .BusinessHall table td{ border-right:#eaeaea solid 1px; } .BusinessHall table tr td:nth-child(n+5){ border-right:none; } .BusinessHall table th{ text-align: center; background: #ffebd7; color: rgb(245, 140, 1); } .BusinessHall table tr:nth-child(even){ background: #fafafa; } .BusinessHall table tr:nth-child(odd){ background: #f8f6f4; } /* (,,鈥 鈧 鈥?,) 灏鹃〉 start (,,鈥 鈧 鈥?,) */ .backpage{ width:80%; margin:0 auto; margin-top:50px; } .backpage h3{ text-align: center; } .backpage p.time{ text-align: center; font-size: 1.4rem; color: #999; margin-bottom: 30px; } .nextpage{ border-top:#eee solid 1px; border-bottom:#eee solid 1px; padding:20px 0px; margin-top:30px; } .nextpage a{ display: block; font-size: 1.5rem; line-height: 35px; } /* (,,鈥 鈧 鈥?,) 鏂伴椈鍒楄〃椤 start (,,鈥 鈧 鈥?,) */ .listbox{ width:96%; margin:40px auto; } .listbox img{ width:100%; } .listbox button{ border-radius: 999px; padding:5px 20px; margin-top: 10px; background: none; color: rgb(240, 136, 14); } .listbox a{ border-radius: 999px; padding:5px 20px; margin-top: 10px; background: none; color: rgb(240, 136, 14); } .listbox button:hover{ background: rgb(252, 140, 9); color: #fff; } .listbox h3{ font-size: 20px; margin:0; padding-top: 10px; } .listbox p{ font-size: 14px; color: #666; margin-top: 15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .pagenumber{ text-align: right; } .pagenumber .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background: rgb(244, 120, 6); border: rgb(244, 120, 6) solid 1px; } /* (,,鈥 鈧 鈥?,) 浼佷笟绠€浠 start (,,鈥 鈧 鈥?,) */ .profiletext{ background: url(../images/profile.png) no-repeat center top; background-size: 100% auto; padding:140px 90px; margin:-15px; } .profileblock{ width:200px; height:150px; } .profiletext p{ line-height: 1.5; text-indent: 32px; } /* (,,鈥 鈧 鈥?,) 鎸囧皷鏈嶅姟 start (,,鈥 鈧 鈥?,) */ .listfrw281{ width:281px; } .listflw826{ width:826px; background: #fff; min-height:626px; padding:15px; } .finger{ background: url(../images/fingerbg.png) no-repeat center; height:486px; } .finger h2{ font-size: 24px; font-weight: bold; text-align: center; line-height: 80px; color: #e94708; margin-bottom: 20px; margin-top: 0px; } ul.fingertipul li{ padding-left: 10px; line-height: 48px; padding-top: 5px; } ul.fingertipul li a{ width:150px; } ul.fingertipul li a img{ margin-top: -5px; margin-right: 10px; } .sidenotice{ background: #fff; padding:10px; border-bottom: rgb(247, 204, 147) solid 5px; margin-top: 20px; } .sidenotice h2{ font-size: 20px; color: #e94708; font-weight: bold; background: url(../images/noticebg.png) no-repeat left bottom; padding-bottom: 15px; border-bottom:#eee solid 1px; margin-top: 10px; margin-bottom: 0px; } /* (,,鈥 鈧 鈥?,) 璧拌繘鐑姏 start (,,鈥 鈧 鈥?,) */ .heating1fl,.heating1fr{ height:345px; } .heatingmain{ background: #fff; padding:15px; } .heatingmain h2 a{ font-size: 20px; font-weight: bold; color: #e94708; border-left: #e94708 solid 3px; padding-left: 10px; } .heatingmain h2{ padding-bottom: 10px; border-bottom: #eee solid 1px; margin-top: 5px; } .topnews{ border-bottom: #eee dashed 1px; padding-bottom: 5px; } .topnews h3{ font-size: 1.8rem; font-weight: bold; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .topnews p{ font-size: 1.4rem; color: #666; text-indent: 2.8rem; } .topnews p span{ color:rgb(247, 132, 11); } .heatingmain ul.mainlist{ padding-top: 5px; } ul.withtime li span{ float: right; color: #999; font-size: 1.4rem; } .heating2{ line-height: 90px; font-size: 2.6rem; margin-top: 20px; } .heating21,.heating22,.heating23,.heating24{ padding-left: 15px; } .heating21{ background: url(../images/heating21.png) no-repeat center; color:#0068b7; background-size: 100% auto; } .heating22{ background: url(../images/heating22.png) no-repeat center; color:#eb6106; background-size: 100% auto; } .heating23{ background: url(../images/heating23.png) no-repeat center; color:#398553; background-size: 100% auto; } .heating24{ background: url(../images/heating24.png) no-repeat center; color:#634a0d; background-size: 100% auto; } .heating3{ margin-top: 30px; } .heating3top img{ width:100%; } .heating3top h3{ font-size: 1.8rem; font-weight: bold; margin-top: 10px; } .heating3top p{ font-size: 1.4rem; color: #999; } .heating3 .heatingmain{ height:349px; } .heating4{ border-bottom:none; } .heating4 h2{ clear: both; } .heating41{ width:20%; text-align: center; margin-top: 10px; float: left; } .heating41 img{ width:90%; margin-bottom: 5px; } /* (,,鈥 鈧 鈥?,) 闆惰窇鑵夸簨椤 start (,,鈥 鈧 鈥?,) */ .lingbox{ width:25%; text-align: center; height:109px; float: left; margin-top: 30px; } /* (,,鈥 鈧 鈥?,) 浼佷笟瑙嗛 start (,,鈥 鈧 鈥?,) */ .videobox{ width:33%; text-align: center; height:200px; float: left; margin-bottom: 15px; } .videobox img{ width:95%; height:160px; margin-bottom: 10px; } /* (,,鈥 鈧 鈥?,) 闆嗗洟浠嬬粛 start (,,鈥 鈧 鈥?,) */ .banner_jtjs{ background:url(../images/banner22.jpg) no-repeat top center; width:100%; height:579px;} .container22{ width:1210px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background-color:#FFFFFF; margin-left:auto; margin-right:auto; margin-top:-90px; padding-top:45px;} .nav_22{ margin-bottom:20px; } .nav-jtjs{ width:1210px; border-bottom:2px solid #64a1ee; height:80px;} .navjs{ width: 730px; margin: 0 auto; } .navjs li{ float:left; font-size:20px; height:70px; line-height:70px; width:16%; text-align: center; color:#737172; } .navjs li a{color:#737172;} .navjs li a:hover { color: #ee7700; border-bottom:3px solid #64a1ee; line-height:70px; padding-bottom:30px; } .listflw820 { width: 820px; } .listfrw360 { width: 360px; height: 680px; overflow: hidden; background-color:#edf4fe; } .backpage22 { width: 88%; margin: 0 auto; } .backpage22 .lmt{ background:url(../images/jtjsbg2.png) no-repeat bottom left; height:60px; margin-bottom:50px;} .backpage22 h2{ color:#417fcd; font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:3px; font-weight:bold; text-transform:uppercase;} .backpage22 h3{ color:#7a7a7a; font-size:26px; font-weight:bold; } .backpage22 p{ text-indent:2em; color:#7a7a7a; line-height:30px; font-size:14px;} .backpage22 .tutu{ margin:50px auto;} .listfrw360 h2{ font-size:18px; font-weight:bold; color:#ee7700; margin-left:40px; margin-top: 35px;} ul.sideul22 { width: 80%; margin: 0 auto; margin-top: 20px; } ul.sideul22 li { padding-left: 30px; border-radius: 3px; background: #dce5f4; color: #017dd2; line-height: 50px; margin-top: 10px; font-size:18px; } ul.sideul22 li a{ display:inline-block; width:110px; } ul.sideul22 li:hover{ background: #85aced; color:#FFFFFF; } .shipin{position: relative; width:360px; height:310px;} .shipin span{position: absolute; left: 50%; top: 45%; width: 50px; height: 50px; transform: translate(-50%,-50%);}