锘緻charset "utf-8"; @font-face { font-family: 'iconfont'; /* Project id 183650 */ src: url('//at.alicdn.com/t/font_183650_ell6v99dnun.woff2?t=1628185627719') format('woff2'), url('//at.alicdn.com/t/font_183650_ell6v99dnun.woff?t=1628185627719') format('woff'), url('//at.alicdn.com/t/font_183650_ell6v99dnun.ttf?t=1628185627719') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .fixeds{position: fixed!important; top: 0; left: 0; -moz-box-shadow:0px 1px 5px rgba(0,0,0,.2); -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.2); box-shadow:0px 1px 5px rgba(0,0,0,.2); z-index: 999; background: #fff !important; } html,body { margin: 0px; padding:0;background:#fff; font-family: "Noto Sans SC"; font-size: 12px; color: #222; text-align:center; } * { margin:0; padding:0; } img { border:0; } h1,h2,h3,h4,h5,h6 { margin:0; padding:0; } ul{ list-style:none;} /* 閾炬帴鏍峰紡 */ a { color:#666; text-decoration:none; } a:hover { color:#f60; text-decoration:none; } #logo {width:417px; height:118px; display:block; overflow:hidden; background:url(../images/logo.jpg) no-repeat left top; } .gray{ color:#999;} .orange { color:#FF7800 !important; } a.red { color:#F00 !important; } .red{ color:#f00;} .darkblue{ color:#590c31;} .blue { color:#1F71AF; !important; } a.more { text-align:left; color:#333; text-decoration:none; font-size:12px; font-weight:normal; position:absolute; right:0px; top:0px; } a.more:hover { color:#c00; text-decoration:none; } a.btnBlack { background:url(../images/bg_btn.gif) repeat-x; padding:4px 10px 5px 10px; color:#FFF !important; font-weight:700; font-size:14px; text-decoration:none !important; border:1px solid #000; } .time{ font-family:Arial; font-size:12px; color:#999; width:106px; text-align:center; } /* 鎸夐挳鏍峰紡 */ input.text_type { border:1px solid #949494; color:#626262; } input.select_type { border:none; background:url(../images/input_search_style.gif) no-repeat; width:124px; height:19px; color:#626262; } .input1{ height: 30px; line-height: 30px; background: #fff; font-size: 14px; border: none; width: 100%; text-indent: 10px;} .input2{ border:1px solid #ccc; -moz-border-radius: 10px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ margin-bottom:5px; background:#eee; height:20px; line-height:20px; margin-bottom:-3px; } .text7 td{ padding:4px 0;} /* 浣嶇疆 */ .left{float:left;} .right{ float:right;} /* 瀛椾綋鏍峰紡 */ .f12px{ font-size:12px; font-weight:normal;} .f14px{ font-size:14px;} .fB { font-weight:900; } /* 椤堕儴鏍峰紡 */ .top-head{height:100px;position: fixed;top:0; left:0; width:100%;z-index:1000;background:#fff;} .top-head-info{width: 100%; background: #f7f7f7;} .top-head-info-in{width: 1200px; margin: 0 auto; position: relative;height: 40px; line-height: 40px; text-align: left;} .topTel{ font-size: 18px; color: #666; margin-right: 20px;} .topTel i{ font-size: 18px; color: #666;} .top02{height:100px;width:100%;} .top02_center{width: 1200px; margin: 0 auto; position: relative;} .logo{width:300px;float:left;} .logo a{ display:inline-block;} .logo img{display:inline-block;} /*menu*/ #navContent{ float: left; margin-left: 100px; } .naven{ margin-left:20px !important;} .nav{z-index:1; position:relative; } .nav a{ } .nav .nLi{ float:left; display:inline; } .nav .nLi h3{ float:left; } .nav .nLi h3 a{ display:block; height: 100px; line-height: 100px; font-size:18px; color: #333; width: 100px; text-align: center; font-weight: 400;} .nav .nLi h3 a.navenhead{width: auto; padding: 0 15px;} .nav .sub_nav{ display:none; width:100%; left:0; top:100px; z-index: 0; height: 300px; position: fixed;; background:#f7f7f7; padding:20px 0; transition: 0.3s;} .nav .sub_container{ width: 1000px; margin: 0 auto;} .nav .sub_pro{width:800px !important;left:-200px !important; } .nav .on h3 a{ background:#335394; color:#fff; } .sub_l{ float: left; width: 500px;} .sub_r{ float: right; width: 500px; padding-top: 50px;} .sub_l_pro{ float: right; width: 200px; } .sub_r_pro{ width: 100%;} .sub_r_pro_con{ width:800px; float:left;} .sub_l_pro h2, .sub_r_pro_con h2{ text-align:left; font-weight:400; color:#666} .exprotNav{display:block; font-size: 16px; color: #333; transition: 0.3s; border-radius:20px ; border:1px solid #ccc; background:#fff; padding:20px; margin-top:10px; width:100px;} .nav .sub_r li{ width: 200px; float: left;} .nav .sub_r li a{ display:block; font-size: 16px; height: 40px; line-height: 40px; color: #333; transition: 0.3s; border-radius:20px ;} .nav .sub_r a:hover{ background:#fff; color:#057f68; box-shadow: 0 0 5px #ccc; } .nav .sub_r_pro li{ width: 120px; float: left;} .nav .sub_r_pro li.prolien{ width: 280px; float: left;} .nav .sub_r_pro li a{ display:block; font-size: 14px; color: #333; transition: 0.3s; margin:5px; border-radius:4px; padding:5px;} .nav .sub_r_pro li a img{ width:100%;} .nav .sub_r_pro a:hover{ background:#fff; color:#057f68; box-shadow: 0 0 5px #ccc; } .sub{width:1200px;overflow:hidden;margin:0 auto; position: relative; text-align: left; min-height:80px; } .sub_about_dl{ width: 800px; margin: 0 auto; } .sub_about_dl dd{ float: left; font-size: 20px; line-height: 200%; width: 25%;} .sub_about_dl dd a{ height: 80px; line-height: 80px; display: block; text-align: center;} .sub_about_dl dd a i{ font-size: 28px;} .sub_about_dl dd a.on{ background: #ff9600; color: #fff;} .sub_exh_dl{ width: 800px; margin: 0 auto; } .sub_exh_dl dd{ float: left; font-size: 20px; line-height: 200%; width: 50%;} .sub_exh_dl dd a{ height: 80px; line-height: 80px; display: block; text-align: center;} .sub_exh_dl dd a i{ font-size: 28px;} .sub_exh_dl dd a.on{ background: #ff9600; color: #fff;} .sub_news_dl{ width: 800px; margin: 0 auto; } .sub_news_dl dd{ float: left; font-size: 20px; line-height: 200%; width: 50%;} .sub_news_dl dd a{ height: 80px; line-height: 80px; display: block; text-align: center;} .sub_news_dl dd a i{ font-size: 28px;} .sub_news_dl dd a.on{ background: #ff9600; color: #fff;} .sub_pro_dl{ position: absolute; right: 0; top: 0;} .sub_pro_dl dd{ float: left; font-size: 16px; line-height: 150%;} .sub_pro_dl dd p{ padding: 0; margin: 0;} .sub_pro_dl dd a{ padding:10px 20px; display: block; text-align: center;} .sub_pro_dl dd a i{ font-size: 28px;} .sub_pro_dl dd a.on{ background: #ff9600; color: #fff;} .sub_newpro_dl{ position: absolute; left: 160px; top: 0;} .newproen{left: 280px !important;} .sub_newpro_dl dd{ float: left; font-size: 16px; line-height: 150%; padding:10px; width:220px;} .sub_newpro_dl dd p{ padding: 0; margin: 0;} .sub_newpro_dl dd a{ line-height:150%; display: block; padding:10px; text-align: center; border:1px solid #ccc; background:#fff;} .sub_newpro_dl dd a i{ font-size: 28px;} .sub_newpro_dl dd a.on{ background: #ff9600; color: #fff;} .sub_proimg{ width: 50px; height: 50px; display: block; margin: 0 auto;} /*top serach*/ .lanuage{ position:absolute; right:0; top:35px; z-index:999; color:#fff; font-size:14px; width:30px; height:30px; line-height:30px;text-align:center; display:inline-block; border-radius:4px; background:#ff9600;} .lanuage:hover{ background:#fb002a; color:#fff;} .rali{ position:absolute; right:40px; top:5px;} .search{position:absolute; right:50px; top:25px; width: 120px; height: 30px; line-height: 30px; background: #fffad8;border-radius:10px;} .searchIcon{ width:90px; height:30px; line-height:30px; border:none; background:none; text-indent:4px; font-size:14px; z-index: 999;} .search i{ font-size:16px !important; color:#999; } /*banner*/ .banner{ width: 100%; } .banner img{ width: 100%; display: block;} .swiper-banner{ position: relative; margin-top: 100px;} .swiper-pagination-banner{ text-align:center; bottom: 20px !important; position: absolute; z-index: 99;} .swiper-circum{ margin-top: 30px; padding: 10px;} .swiper-circum-next{ position: absolute; right: 0; top:40px; z-index: 99; cursor: pointer; background: rgba(227,189,108,0.8); width: 30px; height: 30px; line-height: 30px; text-align: center;} .swiper-circum-prev{ position: absolute; left: 0; top:40px; z-index: 99; cursor: pointer; background: rgba(227,189,108,0.8); width: 30px; height: 30px; line-height: 30px; text-align: center;} .swiper-circum-next i, .swiper-circum-prev i{ font-size: 24px; font-weight: 600; color: #fff;} /*棣栭〉浜у搧*/ .iprobg{ width: 100%; height: 800px; background: url(../images/iprobg.jpg) no-repeat center top; background-size: cover;} .iproTcon{ padding: 30px 0;} .iproTitle{ font-size:36px; color: #fff; font-weight: 600; text-align: center; padding: 10px 0; position: relative; z-index: 1;} .iproLine{ width: 160px; height: 10px; background: #f9de21; position: absolute; left: 50%; bottom: 10px; margin-left: -80px; z-index: -1;} .iproTitle1{ font-size: 24px; color: #fff; font-weight: normal; text-align: center;} a.morepro { text-align:center; color:#fff; border: 1px solid #fff; text-decoration:none; font-size:18px; font-weight:normal; width: 200px; height: 40px; line-height: 40px; border-radius: 50px; margin:10px auto; display: block;} a.morepro:hover {background: #ff9000; color:#fff; text-decoration:none; border: 1px solid #ff9000; } /*浜у搧鍒楄〃*/ .subPro{ width: 1200px; margin: 0 auto;} .swiper1 { width: 100%; } .swiper1 .selected { color: #ec5566; border-bottom: 2px solid #ec5566; } .swiper1 .swiper-slide{ height: 50px; line-height: 50px;} .pro_l{ width: 250px; float: left;} .pro_r{ width: 900px; float: right;} .proCon{ padding: 50px 0;} .pro_contant li{float:left; width:25%; height:400px; text-align:center; } .pro_contant li .pic a img{ width: 100%; } .pro_contant li .pic{ padding:5px; width:280px; text-align:center; height:350px; display:block; border: 1px solid #eee;} .pro_contant li .pic:hover{ background:#ff9600; color:#fff; text-decoration:none; } .pro_contant li .pic:hover p{ color:#fff;} .pro_contant li .pic a:hover{ text-decoration:none;} .pro_contant li .pic p{ line-height:20px;text-decoration:none; font-size: 16px;} .pro_contant li .pro_Cname{ height:50px;} .dl_pro{ margin:0; padding:0; list-style:none; text-align:left; } .dl_pro dd{ border-bottom: 1px solid #eee; } .dl_pro dd a{ font-size:16px; color:#333; line-height:40px; text-align:left; display:block; transition: 0.3s; } .dl_pro dd a i{ float: right; font-size: 10px; color: #ccc;} .dl_pro dd a:hover{ padding:0 15px; color:#fff; text-decoration:none; background: #057f68; } .dl_pro dd a:hover i{ color: #fff;;} .dl_pro dd a.on{ color:#fff;font-weight:bold; background: #057f68;padding:0 15px;} /* 鎺ㄨ崘浜у搧 */ .swiperType{ width:100%; text-align:center; position: relative; } .swiper-type-next{ position: absolute;} .swiper-type-next{ position: absolute; right: -60px; top:300px; z-index: 99; cursor: pointer; background: #fd8e01; width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 99;} .swiper-type-next{ position: absolute; left: -60px; top:300px; z-index: 99; cursor: pointer; background: #fd8e01; width: 50px; height: 50px; line-height: 50px; text-align: center;} .swiper-type-next i, .swiper-type-next i{ font-size: 34px; font-weight: 600; color: #fff;} .swiperType{ padding:10px 20px; margin: 0 auto; width: 960px; margin-bottom: 50px;} .swiperType .swiper-slide{ float:left; padding:10px 0; width: 150px; cursor:pointer; color: #fff; font-size: 16px; text-align: center; margin-right: 10px; } .swiperType .selected{ background:#fff; color: #f08300; border-radius: 20px;} .swiperPro{ margin-bottom: 30px;} .swiperPro ul{ padding:0; zoom:1; } .swiperPro li{ float: left; margin-left: 10px; width: 380px;} .swiperPro li img{ width: 100%;} .swiperPro li a{ padding: 8px; display: block; transition: 0.3s; background: #fff; text-align: center;} .swiperPro li a p{ line-height: 40px; font-size:16px;} .swiperPro li a:hover{ background: #ff9600; color: #fff; } /*宸ュ巶瀹炴媿*/ .iproduction{ padding: 50px 0; background: url(../images/indexprobg.png) no-repeat left top;} .prot{ width:200px; float:left;} .swiper-equip{ width:1000px; float:right;} .equipCon{ padding: 0; position: relative;} .ducTitle{ font-size:36px; color: #fff; font-weight: 600; text-align: center;} .ducTitle1{ font-size: 24px; color: #fff; font-weight: normal; margin-bottom: 50px; text-align: center;} .eqiTitle{ background: #fff; display: block; height: 40px; line-height: 40px; overflow: hidden; text-align: center; font-size: 16px; font-weight: 400;} .swiper-eqi-next{ position: absolute; right: -60px; top:120px; z-index: 99; cursor: pointer; background: #fd8e01; width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 99;} .swiper-eqi-prev{ position: absolute; left: 120px; top:120px; z-index: 99; cursor: pointer; background: #fd8e01; width: 50px; height: 50px; line-height: 50px; text-align: center;} .swiper-eqi-next i, .swiper-eqi-prev i{ font-size: 34px; font-weight: 600; color: #fff;} .inProductionTitle{ font-size: 16px; padding: 10px 0; text-align: center;} .commendlink a{ display:block; background:#fff; border-radius:4px; padding:10px; margin:5px; transition:0.3s;box-shadow:0 0 5px #eee;} .commendlink a:hover{ box-shadow:0 0 5px #ff9600;} /*鍚堜綔浼欎即*/ .partnerCon{ padding: 50px 0;} .panterTitle{ font-size:36px; color: #000; font-weight: 600; text-align: center;} .patnerTitle1{ font-size: 24px; color: #999; font-weight: normal; margin-bottom: 50px; text-align: center;} .ipartnerimg{ width: 100px; margin: 0 auto;} .swiper-partner-next{ position: absolute; right: -60px; top:40px; z-index: 99; cursor: pointer; width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 99;} .swiper-partner-prev{ position: absolute; left: -60px; top:40px; z-index: 99; cursor: pointer; width: 50px; height: 50px; line-height: 50px; text-align: center;} .swiper-partner-next i, .swiper-partner-prev i{ font-size: 34px; font-weight: 600; color: #fd8e01;} /*灞曚細*/ .exhbg{ margin: 30px auto; padding:30px 0; } .exhHead{ width: 50%; float: left; background: #f7f7f7; height: 400px; text-align: center; } .exhTitle{ font-size:36px; color: #000; font-weight: 600; text-align: center; margin-top: 150px;} .exhTitle1{ font-size: 30px; color: #999; font-weight: normal; margin-bottom: 50px; text-align: right;} a.exhMore { text-align:center; color:#888; border: 1px solid #ccc; text-decoration:none; font-size:14px; font-weight:normal; width: 180px; height: 35px; line-height: 35px; border-radius: 50px; margin:10px auto; display: block;} a.exhMore i{ font-size: 14px;} a.exhMore:hover {background: #ff9000; color:#fff; text-decoration:none; border: 1px solid #ff9000; } .exhNews{ padding:20px; position: relative; z-index: 99; text-align: left; background: #fff; width: 760px; margin-left: 400px;} .exhNews_title{ font-size: 18px; font-weight: 400; padding: 10px 0;} .exhNews_desc{ font-size: 14px; color: #999; margin-bottom:10px ;} .exhNews_img{ width: 50%; float: right; height: 400px; overflow: hidden;} .exhNews_img img{ width: 100%;} .exhList{ border-bottom: 1px solid #eee; padding: 20px 0; } .exhList_l{ width: 40%; float: left;} .exhList_l img{ width: 100%;} .exhList_r{ width: 58%; float: right;} .exhList_title{ font-size: 32px; color: #000; font-weight: 400; padding: 10px 0;} .exhList_desc{ font-size: 16px; color: #999; line-height: 180%; margin-bottom: 10px;} .exhList_time{ font-size: 14px; } .exhList_time i{ font-size: 14px;} .exhlink{ transition: 0.3s;} .exhlink:hover .exhList_title{ color: #057f68;} .exhlink:hover .exhList_desc{ color: #057f68;} .exhlink:hover .exhList_time{ color: #f60;} /*瀹㈡埛浜掑姩*/ /* 鏈緥瀛恈ss */ .picScroll-left{ overflow:hidden; position:relative; } .picScroll-left .hd{ } .picScroll-left .hd .prev{ display:block; width:30px; height:30px; line-height: 30px; background:#afafaf; position: absolute; left: 0; top:100px;z-index: 99; cursor: pointer; text-align: center;} .picScroll-left .hd .prev i{ font-size:14px; color: #fff;} .picScroll-left .hd .next{ display:block; width:30px; height:30px;line-height: 30px; background:#afafaf; position: absolute; right: 0; top:100px;z-index: 99; cursor: pointer; text-align: center;} .picScroll-left .hd .next i{ font-size:14px; color: #fff;} .picScroll-left .bd{ padding:10px; } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ margin:0 8px; width: 220px; float:left; _display:inline; overflow:hidden; text-align:center; } .picScroll-left .bd ul li .pic{ text-align:center; height:200px; overflow: hidden; } .picScroll-left .bd ul li .pic img{ width:200px;display:block; padding:2px; border:1px solid #ccc; } .picScroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-left .bd ul li .title{ line-height:24px; } /*棣栭〉鑽h獕*/ .honorbg{ background: url(../images/honorbg.jpg) no-repeat center top; background-size:auto 400px; padding-top:60px; } .honorTitle{ font-size:36px; color: #fff; font-weight: 600; text-align: center; } .honorT2{ font-size:24px ; color: #fff; text-align: center;font-weight: 400; margin-bottom:20px;} .honordesc{ font-size: 14px; color: #fff; line-height: 180%; text-align:center;} .honordesc_in{ font-size: 16px; color: #666; line-height: 180%; text-align:center; margin-top:50px;} .honorlistT{ text-align:center;} /*鐢熶骇鑳藉姏*/ #persons { position: relative; width: 1200px; margin: 0 auto } #persons .swiper-container { padding-bottom: 160px; } #persons .swiper-slide { padding-top: 60px; width: 540px; height: 340px; } #persons .swiper-slide img{ width:100%; display:block;} #persons .swiper-slide h2 { padding: 10px 0; text-align: center; font-size: 20px; margin-bottom: 10px; font-weight:400; background:#fff; border:1px solid #eee; border-top:none; } #persons .swiper-pagination { width: 100%; bottom: 20px; } #persons .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #persons .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #d60e19; background-color: #fff; } #persons .swiper-button-prev { left: -30px; top: 40%; width: 45px; height: 45px; outline:none; } #persons .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #persons .swiper-button-next { right: -30px; top: 40%; width: 45px; height: 45px; outline:none; } .swiper-customer-prev{ left:-50px !important;} .swiper-customer-next{ right:-50px !important;} .swiper-button-next i, .swiper-button-prev i{ font-size:30px; color:#ff9600;} .swiper-button-next:after, .swiper-button-prev:after{ display:none;} /*浼佷笟鎺犲奖*/ #certify { position: relative; width: 1100px; margin: 50px auto } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 520px; height: 408px; background: #fff; box-shadow: 0 8px 30px #ddd; } #certify .swiper-slide img{ display:block; } #certify .swiper-slide p { height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 16px; margin: 0; } #certify .swiper-slide .newsTitle{ font-size: 16px; line-height: 40px;} #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } /*浼佷笟鑽h獕*/ .honorCon{ width: 1100px; margin: 50px auto;} .honorList{ width: 25%; float: left; height: 450px; text-align: center;} .honorWidth{ height: 340px; overflow: hidden; display: flex;align-items: center} .honorWidth img{ width: 100%;align-items: center;} .honorListTitle{ font-size: 16px; font-weight: 400; padding: 10px 0; text-align: center; color: #000;} .honorList a{ border: 1px solid #ccc; display: block; margin: 10px; box-shadow: 0 0 5px #ccc;} /*瀹㈡埛浜掑姩*/ .customerList{ width: 25%; float: left; height: 280px; text-align: center;} .customerWidth{ height: 220px; overflow: hidden;} .customerWidth img{ width: 100%;} .customerTitle{ font-size: 16px; font-weight: 400; padding: 10px 0; text-align: center; color: #000;} .customerList a{ border: 1px solid #ccc; display: block; margin: 10px; box-shadow: 0 0 5px #ccc;} /*鐢熶骇宸ュ簭*/ .productionList{ width: 33.333%; float: left; height: 320px; text-align: center;} .productionWidth{ height: 240px; overflow: hidden;} .productionWidth img{ width: 100%;} .productionTitle{ font-size: 16px; font-weight: 400; padding: 10px 0; text-align: center; color: #000;} .productionList a{ border: 1px solid #ccc; display: block; margin: 10px; box-shadow: 0 0 5px #ccc;} /*鍒嗙被*/ .ipro_l{ width: 900px; float: left;} .ipro_r{ width: 300px; float: right;} .iproT{ font-size:24px; font-weight:400; line-height:50px; color:#0163b6; margin:0;} .iproT span{ color:#999; font-size: 14px;} .iprocon{ padding-bottom:20px;} .categorybg{ width: 100%; background: #f7f7f7; margin-top:100px;} .category_exp{} .category_exp{ list-style:none; width:300px; margin-left:550px;} .category_exp li{ float:left; margin-right:30px;} .category_exp li a{ display:block; font-size:16px; text-align:center; height:40px; line-height:40px; padding:0 10px;} .category_exp li a.expon{ border-bottom:3px solid #ff9600; color:#ff9600;} .catgory_l{ float:left;} .category_search{background: #f7f7f7; border-radius: 4px; position: relative; z-index: 999; padding: 10px 0 0 0 ; width:100%;} .category_search_form{ width: 410px; float: left; background: #fff;} .category_newpro{ width:100px; float:left; margin-left:20px;} .category_newpro img{ width:100%;} .category_select{ width: 120px; height: 30px; line-height: 30px; display: inline-block; border: none;} .category_input{ width: 200px; border: none;height: 30px; line-height: 30px; font-size: 14px;display: inline-block; } .category_button{ width: 80px; background: #f60; color: #fff; font-size: 14px; text-align: center;height: 30px; line-height: 30px; display: inline-block;} .category_button i{ font-size: 14px;} .category_button:hover{ background: #F00; color: #fff;} .category_r{ float: right; width: 300px; text-align: right;} .categoryCon{ padding: 10px 0 20px 0;} .category_list{ width: 170px; float: left; margin-right:10px;} a.imga{ height:170px; line-height:170px; display:block; cursor:pointer} a.imga:hover{ background:none;} .ic1 { padding:0px 0 0 0; -webkit-transition: all 0.3s ease-in-out; text-align:center;} .ic1 a { height:30px; line-height:30px; font-size:14px; color:#000; display:block;} .ic1 a:hover { text-decoration:underline; color:#c00;} .ic1en { padding:0px 0 0 0; -webkit-transition: all 0.3s ease-in-out; text-align:center;} .ic1en a { line-height:180%; font-size:14px; color:#000; display:block;} .ic1en a:hover { text-decoration:underline; color:#c00;} .icimg{ text-align:center; margin: 0 auto; transition: 0.3s; padding: 10px 0 10px 0; height: 260px; background: #fff; border-radius: 4px; box-shadow: 0 0 5px #ccc;} .icimg:hover{ background: #f60; border-radius: 4px; box-shadow: 0 0 5px #ccc; color:#fff;} .icimg:hover .ic_title{ color:#fff;} .icimg:hover .ic_titleen{ color:#fff;} .icimg:hover .ic1 a{ color:#fff;} .icimg:hover .ic1en a{ color:#fff;} .ic_title{ font-size:18px; color:#f60; font-weight:500; height:40px;} .ic_titleen{ font-size:14px; color:#f60; font-weight:500; height:40px;} .dl_inews_tj{ height:280px; border-radius:4px; box-shadow:0 0 5px #ccc} .inewsdesc_tj{ color:#999; border-bottom:1px solid #eee; padding-bottom:10px; height: 120px;} /*鏃椾笅鍝佺墝*/ .brand_l{ width:300px; float:left; color:#666; font-size:14px;} .brand_t1{ font-size:30px; font-weight:800; color:#413686;} .brand_t2{ font-size:18px; font-weight:500; color:#000; margin-bottom:8px;} .brand_r{ width:900px; float:right; margin-top:70px; } .brand_r li{ width:33.33%; float:left; text-align:center; font-size:16px; color:#999;} .brand_r li a{ display:block; border-radius:5px; padding:5px; } .brand_r li a:hover{ box-shadow:0 0 5px #ff9600;} /*鍏徃绠€浠?/ .aboutbg{ width: 100%; height:600px; padding: 30px 0 0 0 ;background: url(../images/aboutbg.jpg) no-repeat center top;} .aboutcon{ padding: 20px 0; position: relative; } .about_l{ width: 500px; float: right; } .indexvideoCon{ box-shadow:0 0 5px #ccc; padding:5px; border-radius:4px; margin:40px 0 0 0;} .indexvideoCon h3{ font-size:24px; padding:10px 0; text-align:center; font-weight:400;} .videoindex{ width:100%;} .about_r{ width: 650px; float: left; } .aboutTitle{ font-size:36px; color: #000; font-weight: 600; text-align: left;} .aboutTitle1{ font-size: 24px; color: #666; font-weight: normal;} .line{ width: 300px; height: 1px; background: #eee; overflow: hidden; display: inline-block; margin-right: 20px;} .aboutT2{ font-size:18px ; color: #f60; padding:20px 0 ; text-align: left;} .aboutdesc{ font-size: 14px; color: #777; line-height: 180%; margin-bottom:10px;} a.aboutMore{width:150px; font-size: 14px; height:35px; line-height:35px; background:#fff; border:1px solid #f08300; color:#f08300; text-align:center; display:block; transition:400ms;} a.aboutMore i{ font-size:14px;} a.aboutMore:hover{ background:#f08300; color:#fff; text-decoration:none; font-size:16px;} .ivideo{} .ivideo img{ } .about_icon_index{ margin: 0; padding-top:0; padding: 0; list-style: none; position: relative; z-index: 999;} .about_icon_index li{ float: left; width: 25%;} .about_icon_indexDiv{ padding:20px ; display: block; transition: 0.3s; margin: 10px; border-right: 1px solid #eee; position: relative; text-align: center;} .about_icon_indexDiv i{ font-size: 12px; font-weight: normal;} .about_icon_index h2{ font-size: 28px; font-weight: 600;color: #007cfb;} .about_icon{ margin: 30px 0; padding: 0; list-style: none; position: relative; z-index: 999;} .about_icon li{ float: left; width: 25%;} .about_iconDiv{ padding:20px ; display: block; transition: 0.3s; margin: 10px; position: relative; text-align: center; border-radius:4px; background:#eee;} .about_iconDiv:hover{ background:#fff; box-shadow:0 0 5px #eee;} .about_iconDiv:hover i{ color:#ff9600;} .about_iconDiv:hover h2{ color:#ff9600;} .about_iconDiv i{ font-size: 16px; font-weight: normal; color:#0163b6;} .about_icon h2{ font-size: 32px; color:#0163b6; font-weight:normal;} .about_icon_intro{ margin: 0; padding-top:0; padding: 0; list-style: none; position: relative; z-index: 999; padding-top:50px;} .about_icon_intro li{ float: left; width: 25%;} .about_icon_introDiv{ padding:20px ; display: block; transition: 0.3s; margin: 10px; position: relative; text-align: center;} .about_icon_introDiv i{ font-size: 32px; font-weight: normal; color:#fff;} .about_icon_intro h2{ font-size: 16px; font-weight: 300;color: #fff;} .about_icon_introDiv:hover{ background:#fff; box-shadow:0 0 5px #eee;} .about_icon_introDiv:hover i{ color:#ff9600;} .about_icon_introDiv:hover h2{ color:#ff9600;} .icolor1{color: #f60;} .icolor2{color: #31c329;} .icolor3{color: #1fb1c8;} .icolor4{color: #bb6bdd;} .icolor5{color: #e73052;} .aboutCon{ font-size: 16px; padding: 30px 0; line-height: 200%;} /*榫欑ゥ浼樺娍*/ .ysbg{ width: 100%; min-height:600px; padding: 0;background: url(../images/ysbg.jpg) no-repeat center top;} .slideTxtBox{ width:100%;text-align:left; position:relative; height:500px; } .slideTxtBox .hd{ padding:0; position:absolute; left:0 ; bottom:40px; } .slideTxtBox .hd ul{ list-style:none;} .slideTxtBox .hd ul li{ float:left; cursor:pointer; margin-right:10px; } .slideTxtBox .hd ul li.on{ box-shadow:0 0 5px #ff9600;} .slideTxtBox .bd ul{ padding:15px; zoom:1; } .slideTxtBox .bd li{ height:24px; line-height:24px; } .slideTxtBox .bd li .date{ float:right; color:#999; } /* 涓嬮潰鏄墠/鍚庢寜閽唬鐮侊紝濡傛灉涓嶉渶瑕佸垹闄ゅ嵆鍙 */ .slideTxtBox .arrow{ position:absolute; right:10px; top:0; } .slideTxtBox .arrow a{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; } .slideTxtBox .arrow .next{ background-position:0 -50px; } .slideTxtBox .arrow .prevStop{ background-position:-60px 0; } .slideTxtBox .arrow .nextStop{ background-position:-60px -50px; } .ystitle{ font-size:48px; font-weight:300; color:#000; border-bottom:1px solid #ccc; padding:30px 0 10px 0; width:500px;} .ysdesc{ font-size:14px; color:#888;} .ys_l{ width:500px; float:left;} .ys_l_t{ font-size:24px; font-weight:300; color:#000; margin-top:50px; margin-bottom:30px;} .ys_l_num{ font-size:60px; font-weight:800;} .ys_l_desc{ font-size:18px; font-weight:300; color:#555;} .ys_img{ width:580px; float:right; background:#fff; box-shadow:0 0 5px #ccc; padding:5px; border-radius:4px;} .ys_img img{ width:100%; display:block;} .smllimg{ width:160px; height:150px; padding:5px; background:#fff; box-shadow:0 0 5px #ccc; border-radius:4px; } .smllimg p{font-size:14px; color:#888; text-align:center; line-height:30px;} .smllimg img{ width:100%; display:block;} /*浼佷笟鏂囧寲*/ .culturein_company{ width:1000px; margin:30px auto; margin-bottom:60px;} .culture_left{ text-align:left;} .culture_l_con{ width:450px; float:left; background:#f7f7f7; margin:20px; border-radius:4px; border-bottom:2px solid #f08300;} .culture_l_t{ font-size:22px; font-weight:500; padding:0;text-align:left; padding:10px 0 5px 10px;} .culture_l_desc{ font-size:16px; margin-bottom:10px;text-align:left; padding:0 0 0 10px; color:#666;} .culture_l_desc_enh{ height:48px;} .culture_right{ width:500px;float:right;} /*鍙戝睍鍘嗙▼*/ /*鍙戝睍鍘嗙▼*/ .historybg{ width:100%; position:relative; background-size:cover; z-index:1; } .historybgimg{ position:absolute; left:0; top:0; height:385px; } .history-title { padding: 100px 0; font-size: 36px; font-weight: 500; color: #fff; } .history-desc{ text-align:left;} .m_history{ display:none;} .event_box{width:100%;margin:3% auto 0;position:relative;min-height:420px; z-index:1;text-align:center} .event_box .parHd {width:800px;display:inline-block;height:100px;overflow:hidden; margin:0 auto;} .parHd{ position:relative} .parHd ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;} .parHd .tempWrap{margin:0 auto;} .parHd ul:after{content:'';width:85%;height:1px;background:#ccc;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:25px;/* margin-top:-0.5px;*/z-index:10;} .parHd li.no_line:before{display:none;} .parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:20px;color:#333;margin:0 30px;position:relative;} .parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:12px;} .parBd{text-align:center; width:100%; margin:60px auto 0 auto;} .parBd .slideBox{ max-width:1200px; margin:0 auto;} .parBd h4{position:relative;font-size:28px;margin-bottom:3%;/*width:200px;*/ padding:0;display:inline-block;text-align:center; font-weight:400; } .parBd h4:after{content:'';background:#fff;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;} .parBd h4:before{content:'';background:#fff;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;} .parBd p{line-height:180%;font-size:18px;width:80%;margin:0 auto; color:#777;} div#listBox {width:100%;} .sPrev,.sNext{width:50px;height:50px;display:block;position:absolute;top:10px; cursor:pointer} .sPrev{left:0;} .sNext{right:0;} .sPrev i,.sNext i{ font-size:30px; color:#ff9600;} .sPrev:hover i,.sNext:hover i{ color:#d60e19;} .parHd li.act{color:#d60e19 !important; font-size:20px;} .parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:11px;z-index:21; } .parHd li span,.parHd li.clone span{display:none;} .parHd li span,.parHd li.clone{ color:#fff !important;} .parBd .history_h4{ font-size:22px;} /*鏂伴椈*/ .news_l{ width: 800px; float: left;} .news_r{ width: 360px; float: right;} .inewsT{ font-size:36px; font-weight:600; line-height:50px; color:#000; margin:20px 0; text-align: center;} a.newsMore{ position:absolute; right:0; top:10px; width:100px; height:25px; line-height:25px; background:#fff; border:1px solid #f60; color:#f60; text-align:center; display:block; transition:400ms;} a.newsMore i{ font-size:12px;} a.newsMore:hover{ background:#f60; color:#fff; text-decoration:none; font-size:14px;} .dl_inews{ border:1px solid #ccc;} .dl_inews:hover{ background:#0163b6; color:#fff; } .dl_inews dd{ line-height:150%; padding:20px;} .inewstitle{ height: 40px; font-size:16px; color:#888; font-weight:normal;} .inewsdesc{ color:#999; border-bottom:1px solid #eee; padding-bottom:10px; height: 80px;} .inewsmore{ color:#0163b6; padding-top:10px; text-align:right;} .inewsmore i{ font-size:12px;} .inewsmore_price{ color:#0163b6; text-align:right; width: 100px; float: right; height: 30px; line-height: 30px;margin: 10px 0; } .inewsmore_price i{ font-size:12px;} .inewsmore_stat{ width: 60px; float: left;height: 30px; line-height: 30px; background: #f60; color: #fff; margin: 10px 0; text-align: center; border-radius: 4px;} .inewsmore_stat_no{ width: 60px; float: left;height: 30px; line-height: 30px; background: #eee; color: #333; margin: 10px 0; text-align: center; border-radius: 4px;} a.dl_newsa{ transition:0.3s; display:inline-block;width:32%;margin:0 5px; } .dl_newsa:hover{ background:#0163b6; color:#fff; text-decoration:none;} .dl_newsa:hover .inewsmore_price{ color:#fff !important;} a.dl_newsa_price{ transition:0.3s; display:inline-block;width:100%;margin:0 5px; background:#fff;} .dl_newsa_price:hover{ background:#0163b6; color:#fff; text-decoration:none;} .dl_newsa:hover .inewstitle{ color:#fff;} .dl_newsa:hover .inewsdesc{ color:#fff;} .dl_newsa:hover .inewsmore{ color:#fff;} .dl_newsa_price:hover .inewstitle{ color:#fff;} .dl_newsa_price:hover .inewsdesc{ color:#fff;} .dl_newsa_price:hover .inewsmore_price{ color:#fff !important;} /*浜у搧*/ .dh{ position: relative; } .dh_en{ position: relative; } .dh_title{ font-size: 34px; font-weight: 600;} .dh_title_en{ font-size: 28px; font-weight: 700; width:600px; line-height:150%;} .dh_search{ position: absolute; right: 0; top: 0; border: 1px solid #ccc; padding: 2px; border-radius: 4px;} .dh_back{ position:absolute; top:0; right:430px; background:#075fa4; color:#fff; display:block; height:35px; line-height:35px; padding:0 10px; border-radius:4px;} .dh_back i{ font-size:14px;} .dh_back:hover{ background:#01365f; color:#fff;} .proCon{ margin: 0;} .proCon_title{ height:50px; line-height:50px; font-weight:600;} /*浜у搧璇︽儏*/ .proNP1{ margin:0; padding:10px; list-style:none; position:absolute; right:10px; top:0;} .proNP1 li{ width:120px; float:left; margin-left:10px;} .proNP1 li a{ height:40px; line-height:40px; text-align:center; font-size:14px; background:#eee; display:block; color:#999;-webkit-transition: all 0.3s ease-in-out;border-radius:4px;} .proNP1 li a:hover{ background:#057f68; text-decoration:none; color: #fff;} .proNP1 li a i{ font-size: 14px;} /* 鏈緥瀛恈ss */ .picFocus{width:600px; border:1px solid #ccc; padding:5px; position:relative; overflow:hidden; zoom:1; float: left; } .picFocus .hd{ width:100%; padding-top:5px; overflow:hidden; } .picFocus .hd ul{ margin-right:-5px; overflow:hidden; zoom:1; } .picFocus .hd ul li{ padding-top:5px; float:left; text-align:center; } .picFocus .hd ul li img{ width:100px; height:100px; border:2px solid #ddd; cursor:pointer; margin-right:5px; } .picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; } .picFocus .hd ul li.on img{ border-color:#f60; } .picFocus .bd li{ vertical-align:middle; } .picFocus .bd img{ width:600px; display:block; } .plist_l{width: 500px; float: left;} .plist_r{ width: 600px; float: right;} .plist_title{line-height:66px; font-size:34px; padding-left:20px; position:relative; height: 66px; font-weight: 500;} .plist_title1{ font-size:34px; font-weight: 700; margin-bottom :20px;} .plist_r_desc{ font-size: 16px; line-height: 200%;} .iproIntro{ font-size: 14px; line-height: 180%;} .pronumber{ font-size:22px; font-weight: 300; margin-bottom :20px;} .sizeimg{ margin-bottom:20px;} .plist_detail_t{ font-size: 24px; font-weight: 300; border-bottom: 1px solid #ccc; text-align: center; margin-top: 50px; } .plist_detail_t span{ width: 200px; background: #057f68; color: #fff; line-height: 40px; padding: 15px; display: inline-block; border-radius: 10px 10px 0 0 ;} .nopro{ padding: 50px; text-align: center; font-size: 18px; color: #999;} .brandStr_div{ position:absolute; left:0; top:0;} .brandStr{ width:120px; display:inline-block;} /*鏀惧ぇ闀?/ .jqueryzoom { position: relative; padding: 0; border: solid 1px #eaeaea; width: 500px; height:500px; overflow: hidden; display: inline-block; } .jqueryzoom img { width: 500px; } .jqueryzoom_ul{ list-style:none; width:500px;} .jqueryzoom_ul li{width:100px; float:left;} .jqueryzoom_ul li img{ width:100px; height:100px;} /*棣栭〉鏂伴椈鍒楄〃*/ .newsListMore{ height:25px; line-height:25px; background:#fff; color:#999; text-align:right; transition:400ms; margin-top: 20px; font-size: 12px;} .newsListMore i{ font-size:12px;} .inewsCon{ padding: 50px 0;} .inewsLink{width: 33.3%; float: left;} .dl_newsList{ margin: 20px 10px; position:relative; transition:0.3s; border:1px solid #eee; padding: 0; box-shadow: 0 0 5px #ccc; } .dl_newsList dt{} .dl_newsList .dltime{ text-align:left; color:#999;font-size: 14px; height: 30px; line-height: 30px;} .dl_newsList .dltime i{ font-size: 14px;} .dl_newsList dd{ padding:10px;} .dl_newsList .nt1{ font-size:18px; font-weight:400; color:#000; padding:5px; height:30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .dl_newsList .nmore{ font-size: 14px; color: #fff; background:#040e26; color:#fff; border-radius:4px; width:120px; padding:5px; } .dl_newsList .nmore i{ font-size: 14px; } .dl_newsList:hover{color:#fff; text-decoration:none; background: #f08300; } .dl_newsList:hover .nt1{ color: #fff;} .dl_newsList:hover .dltime{ color: #fff;} .dl_newsList:hover dd{ color: #fff;} .newsDetailTitle{ padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; font-size: 30px; font-weight: 500; } .newsDetail{ font-size: 14px; line-height: 200%;} /*鍐呴〉鏂伴椈鍒楄〃*/ .dl_newsList_in{ padding:5px; transition:0.3s; border-bottom:1px dotted #ccc; } .dl_newsList_in dt{ width:200px; height:100px; border-right: 1px solid #eee; float:left; } .dl_newsList_in .dl_newsList_in_img{ width:280px; float:left;} .dl_newsList_in .dl_newsList_in_img img{ width:100%;} .dl_newsList_in_txt{ float:right; width:670px;} .dl_newsList_in dt .dltime{width:200px; text-align:center; line-height: 200%; padding-top:10px; color:#057f68;} .dl_newsList_in dt .dltime h2{ font-size:34px; margin-bottom: 20px;} .dl_newsList_in dd{ line-height:150%; font-size:14px; color: #999; } .dl_newsList_in .ntitle{ font-size: 18px; height: 30px; overflow: hidden; color: #000;} .dl_newsList_in .ndesc{ height: 100px; overflow: hidden;} .dl_newsList_in .nmore{ font-size: 14px; color: #f08300;} .dl_newsList_in .nmore i{ font-size: 14px; } .dl_newsList_in:hover{color:#f60; text-decoration:none;} .dl_newsList_in:hover .dltime{ } .dl_newsList_in:hover .ntitle{ color:#f60;} /*浜烘墠鎷涜仒*/ .recruit_con{ padding:20px;} .accordion_programs {width: 100%;background: #FFF;} .accordion_programs .link {cursor: pointer;display: block; padding: 0;color: #4D4D4D; height:60px; font-size: 16px; font-weight:500;border-bottom: 1px solid #CCC; position: relative; background:#f7f7f7; } .accordion_programs .linkon .link{ color:#f60 !important; background:#f60;} .accordion_programs .linkon i{ color:#f60;} .accordion_programs li:last-child .link { border-bottom: 0;} .accordion_programs li{ cursor: pointer; border:1px solid #ccc; margin-bottom:20px; border-radius:4px; box-shadow:0 0 5px #eee;} .accordion_programs li i {font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease;} .accordion_programs li i.fa-chevron-down { position:absolute; right: 15px;left: auto; top:18px; font-size: 14px; color:#999;} .accordion_programs li.open .link { color: #d60e19;} .accordion_programs li.open i { color: #d60e19;} .accordion_programs li.open i.fa-chevron-down {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} .programs_list{ padding:20px; font-size:16px; } .programs_num{ width:70px; float:left; text-align:center; height:60px; line-height:60px; font-size:24px; color:#fff; font-weight:700; background:#ff9600;} .programs_num i{ color:#fff !important; font-size:22px !important;} .programs_title{ width:92%; float:right; height:60px; line-height:60px;} .posName{ width:250px; float:left;} .posMoney{width:200px; float:left;} .posCount{width:140px; float:left;} .posTel{width:280px; float:left;} .posTime{width:200px; float:left;} .posSpan{ font-size:16px; color:#999;} .lineh60{ line-height:60px;} /*瑙嗛*/ .videoList{ margin:0; padding:0; list-style:none;} .videoList li{ width:360px; float:left; margin-right:20px; margin-bottom:20px;} .videoList li a { padding:20px; display:block; background:#fff; } .videoList li a:hover{ background:#f7f7f7;} .videoListcon{ background:#fff; padding:10px; border:1px solid #eee; box-shadow: 0 0 5px #ccc; border-radius:4px;} .videoList_img{ margin:0; padding:0; position:relative;} .videoList_time{ padding:0; font-size:12px; color:#999;} .videoList_time i{ font-size:12px; color:#999;} .videoList_Title{ font-size:16px; font-weight:700; padding:5px 0; line-height:150%;} .videoList li a:hover .videoList_Title{ color:#ff7200;} /*鑱旂郴鎴戜滑*/ .contact_l{ width:600px;float: left; font-size: 16px; line-height: 200%;} .contact_r{ width: 550px; float: right;} .feedback{ padding: 10px; background: #f7f7f7;} .feedbackTitle{ font-size: 18px; font-weight: 400; margin-bottom: 10px;} .feedback p{ margin-bottom: 10px;} .btn{ width: 100px; height: 40px; line-height: 40px; background: #FF7800; color: #fff; font-size: 16px; text-align: center;} /*浼佷笟鑽h獕*/ .honorwidth{ width:1000px; margin:0 auto;} .ulhonorList1{ margin:0; padding:0 0 10px 0; list-style-type:none; border-bottom:1px dotted #ccc;} .ulhonorList1 li{ width:25%; float:left; height:220px; text-align:center; margin-bottom:20px;} .ulhonorList1 li img{ width:200px; height:150px; border:1px solid #ccc;} .ulhonorList1 li a{ margin-bottom:8px;} .ulhonorList{ margin:0; padding:0 0 10px 0; list-style-type:none; border-bottom:1px dotted #ccc;} .ulhonorList li{ width:20%; float:left; height:220px; text-align:center; margin-bottom:20px;} .ulhonorList li img{ height:200px; border:1px solid #ccc;} .ulhonorList li a{ margin-bottom:8px;} /*footer*/ #footer{ color:#333; width:100%; margin:0px auto; line-height:150%; text-align:center; background:url(../images/footerbg.jpg) repeat-x left top; overflow:hidden; font-size:12px; padding: 20px 0; } #footer a{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .footer_weixin{ position:absolute; right:0; top:10px; width: 120px; } .footer_weixin img{ width: 100%;;} .footer_txt select{color:#222;} .footer_link{width:1200px; margin: 0 auto;padding:10px 0;border-bottom:1px solid #fff; color: #fff; text-align:left;} .footer_link a{ font-size:12px; margin-right:10px; color: #fff;} .footer_link a:hover{ text-decoration:underline;} .footer_tel{ list-style: none; padding: 10px 0; } .footer_tel li{ width: 25%; float:left; font-size:14px; text-align: center;} .footer_tel li{font-weight: 400; font-size: 14px; color: #777;} .footer_tel_phone{ padding: 10px 0; font-size: 18px; font-weight: 400;color:#000;} .footer_tel_icon{ width: 50px; height: 50px; line-height: 50px; border-radius: 50px; background: #eee; margin: 10px auto;} .footer_tel_icon i{ font-size:24px; color: #333;} .footer_tel_add{ font-size: 16px; line-height: 150%;} .footer_tel_out{ background:#fff; border-radius:4px; box-shadow:0 0 5px #ccc; margin:10px; padding:10px 0; height:150px;} .footer_tel_out img{ width:100px;} .foota a{ font-size:16px; margin-right:10px;} .copyright{padding:10px 0; width:1200px; text-align:left; margin: 0 auto; color: #000;} .footer_nav{ border:1px solid #657dad; border-top:none;} .foot_nav_dl{ border-right:1px solid #657dad; float:left; width:200px; padding-bottom:20px;} .foot_nav_dl dt{ height:40px; line-height:40px; font-size:18px; font-weight:500; border-left:2px solid #ffea00; color:#fff; text-indent:20px;} .foot_nav_dl dd a{ color:#fff;text-indent:20px; line-height:25px; display:block; font-size:14px;} .foot_nav_dl dd a:hover{ text-decoration:underline;} .foot_ip{ width:380px; float:right;} .foot_ip h2{ height:40px; line-height:40px; font-size:18px; font-weight:500; color:#fff;} .foot_ip_ul{ list-style:none;} .foot_ip_ul li{ width:40%; float:left; padding:1%;} .foot_ip_ul li img{ width:100%;} .foot_copy{ background:#f7f7f7;} /* 鍏跺畠鏍峰紡 */ .channel { margin:0 auto; width:1200px; text-align:left; position: relative;} .channel_in { margin:50px auto; width:1200px; text-align:left; position: relative; font-size: 14px; line-height: 180%;} .inbanner{ padding: 0px; border-bottom: 1px solid #eee; background: #f7f7f7;} .bannerTop{ padding: 0px; border-bottom: 1px solid #eee; background: url(../images/inabout.jpg) no-repeat center top; background-size: cover; margin-top: 100px; height: 300px; overflow: hidden;} .bannerContact{margin-top: 100px; height: 500px;} .bannerGen{ padding: 0px; margin-top: 100px;} .bannerGen img{ width: 100%; display: block;} .bannerTopNews{ padding: 0px; border-bottom: 1px solid #eee; background: url(../images/innews.jpg) no-repeat center top; background-size: cover; margin-top: 100px; height: 300px; overflow: hidden;} #feedbackFix{ display: none;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix { display:block; } /* End hide from IE Mac */ /* end of clearfix */ /*========== page */ #page { padding: 20px 10px 20px 10px; margin: 0px auto; text-align: center; } #page a { display: inline-block; width: 38px; height: 38px; line-height:38px; text-align: center; color: #888888; font-size: 15px; background: #eee; margin: 0px 5px; border-radius:5px; } #page a:hover { color: #fff; background: #f60; } #page .current { color: #ffffff !important; background: #f60; } #page .prve { color: #000; } #page i{ font-size: 16px;} #page .prve:hover { background-position: -40px -120px; } #page .next { color: #000; } #page font{ display: inline-block; width: 38px; height: 38px; line-height:38px; text-align: center; color: #888888; font-size: 15px; margin: 0px 5px; border-radius:5px; border:1px solid #f60; } /* end*/ /*娴姩QQcss*/ .izl-rmenu{position:fixed;right:10px;top:200px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;} .izl-rmenu .btn{width:50px;height:50px;margin-bottom:1px;cursor:pointer;position:relative;} .izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de; background-size: cover;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;} .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;} .izl-rmenu .btn-qq .qqlist{background-color:#488bc7;position:absolute;width:160px;left:-160px;top:0px;line-height:40px;color:#FFF;font-size:14px;text-align:center;display:none;} .izl-rmenu .btn-qq .qqlist img{ margin-bottom:-5px;} .izl-rmenu .btn-qq .qqlist a{ color:#fff;} .izl-rmenu .btn-pl{background:url(../images/r_pl.png) 0px 0px no-repeat;background-color:#000;} .izl-rmenu .btn-pl:hover{background-color:#111;} .izl-rmenu a.btn-pl,.izl-rmenu a.btn-pl:visited{background:url(../images/r_pl.png) 0px 0px no-repeat;background-color:#9eb223;text-decoration:none;display:block;} .izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;background-size: cover;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f; background-size: cover;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:200px;left:-200px;top:0px;height:73px; line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;} .izl-rmenu .btn-ali{background:url(../images/r_ali.png) 0px 0px no-repeat;background-color:#fd5915; background-size: cover;} .izl-rmenu .btn-ali:hover{background-color:#e74300;} .izl-rmenu .btn-ali .ali{background-color:#e74300;position:absolute;width:160px;left:-160px;top:0px;height:80px; line-height:40px;color:#FFF;font-size:18px;text-align:center;display:none;} .izl-rmenu .btn-ali a{ color:#fff;} .izl-rmenu .btn-whatsapp{background:url(../images/r_whatsapp.png) 0px 0px no-repeat;background-color:#4dc247; background-size: cover;} .izl-rmenu .btn-whatsapp a{ display: block; height: 50px;} .izl-rmenu .btn-whatsapp:hover{background-color:#2a9824;} .izl-rmenu a.btn-whatsapp,.izl-rmenu a.btn-whatsapp:visited{background:url(../images/r_whatsapp.png) 0px 0px no-repeat;background-color:#4dc247;text-decoration:none;display:block;} .izl-rmenu .btn-facebook{background:url(../images/r_facebook.png) 0px 0px no-repeat;background-color:#1877f2; background-size: cover;} .izl-rmenu .btn-facebook a{ display: block; height: 50px;} .izl-rmenu .btn-facebook:hover{background-color:#0c61cf;} .izl-rmenu a.btn-facebook,.izl-rmenu a.btn-facebook:visited{background:url(../images/r_facebook.png) 0px 0px no-repeat;background-color:#1877f2;text-decoration:none;display:block;} .izl-rmenu .btn-youtube{background:url(../images/r_youtube.png) 0px 0px no-repeat;background-color:#d54029; background-size: cover;} .izl-rmenu .btn-youtube a{ display: block; height: 50px;} .izl-rmenu .btn-youtube:hover{background-color:#b12813;} .izl-rmenu a.btn-youtube,.izl-rmenu a.btn-youtube:visited{background:url(../images/r_youtube.png) 0px 0px no-repeat;background-color:#d54029;text-decoration:none;display:block;} .izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;background-size: cover;} .izl-rmenu .btn-top:hover{background-color:#444;} /*鑻辨枃鐗圦Q*/ .en_right{ background:#f9fafb; border-radius:10px; border:1px solid #eee; position:fixed; right:10px; top:180px; padding:10px; z-index:1000;} .en_right p{ padding:10px 0; font-size:14px; border-bottom:1px solid #eee;} .en_right p i{ font-size:14px;} .categorylist{ list-style:none;} .categorylist li{ float:left; width:12.5%;} .categorylist li a{padding:15px; display:block; font-size:14px; text-align:center;} .categorylist li a img{ width:100%;} .categorylist li a.on{ border-bottom:5px solid #ff9600; color:#ff9600;} #inNav { z-index:0;width: 100%; overflow:hidden;} #inNav .swiper-slide{padding: 0 5px;width:auto;} .tabs{} .tabs a{font-size: 14px;font-weight: normal;text-align: center;width: auto;color: #666;text-decoration:none; padding-bottom:10px; display:block;} .tabs a.active {border-bottom: 2px solid #e70;color: #e70;}