/*********** ALL *************/ body{ margin:0px auto; padding:0px; overflow-x: hidden; font-family:'寰蒋闆呴粦'; width:100%; } .w1200{ width:1200px; margin:0px auto; } ul{ list-style-type:none; } li{ list-style:none; } a{ transition:all 0.3s linear 0s; text-decoration:none; cursor:pointer; border:none; } img{ border:none; } .left{ float: left; width: 175px; } .right{ width: 100%; float: right; } .f12{font-size:12px;} .f16{font-size:16px;} .bold{font-weight:bold;} .white{color:#fff;} .t_r{text-align:right;} .clear{clear:both;} .relative{position:relative;} .absolute{position:absolute;} .rel_center{position:relative;left:50%;} .hidden{display:none;} /*********** ALL *************/ /*********** HEADER *************/ #logo{ width: 100%; height: 170px; } #join_box{ width: 100%; height: 59px; line-height: 59px; border-bottom: 1px #d2d2d2 solid; } #join_box_l{ width: 600px; float: left; font-size: 14px; color: #000000; } #join_box_r{ float: right; font-size: 12px; color: #000; width: 200px; height: 60px; line-height: 60px; text-align: center; } #join_box_r a{ color: #000; margin: 0px 10px; } .phone{ height: 28px; line-height: 28px; width: 230px; float: right; background: url(../img/tel_bg.png) no-repeat; font-size: 15px; color: #000000; margin-top: 15px; -webkit-animation: phone .8s linear .8s 1; text-align: right; font-style: inherit; margin-right: 20px; letter-spacing: 0px; } @-webkit-keyframes phone {0% {-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100% {-webkit-transform:rotateY(720deg);transform:rotateY(720deg)}} #logo_box{ width: 100%; height: 115px; } #logo_box_l{ width: 240px; float: left; } #logo_box_l img{ margin-top:25px; } #logo_box_r{ width: 960px; float: right; } #logo_box_r a{ display: block; float: left; font-size: 15px; color: #000407; margin-left: 10px; width: 100px; text-align: center; height: 113px; line-height: 112px; border-bottom: 3px #fff solid; } #logo_box_r a:hover{ font-weight:bold; background:#006cba; color:#FFF; border-bottom:3px #db251a solid; } #hot{ width: 100%; height: 32px; background: url(../img/top_box.jpg) no-repeat; margin: 0px auto; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; } #hot_news{ width: 475px; padding-left: 15px; height: 32px; float: left; } #div1{ height:32px; overflow:hidden; } #div1 a{ display: block; height: 32px; line-height: 32px; text-decoration: none; color: #444444; text-indent: 10px; font-size: 12px; } #hotkeys{ width:490px; float:right; } #hotkeys_box{ width:230px; float:right; margin-right:15px; } .c_search{ width: 300px; height: 25px; float: right; margin-top: 460px; } .searchborder{ width: 228px; height: 23px; margin-top: 3px; } .search_i{ width: 176px; height: 19px; line-height: 19px; border: 1px #d2d2d2 solid; font-family: '寰蒋闆呴粦'; font-size: 12px; color: #acacac; text-align: center; float: left; } .search_s{ width: 50px; text-align: center; height: 23px; line-height: 22px; border: 0px; background: #f67f08; color: #FFF; float: right; font-size: 12px; } /*********** HEADER *************/ /*********** FOOTER *************/ .footer{ clear: both; height: 415px; background: #1e1e1e; /* color: #000000; */ text-align: center; font-size: 12px; margin-top: 50px; } #foot_t{ width: 100%; text-align: center; height: 69px; line-height: 69px; border-bottom: 1px #353535 solid; } #foot_t a{ font-size: 15px; color: #cccccc; margin: 0px 43px; } #foot_c{ width: 100%; height: 200px; padding: 29px 0px; } #foot_c_l{ width: 470px; float: left; padding-right: 23px; border-right: 2px #353535 solid; height: 200px; } #foot_c_l img{ display: block; width: 450px; height: 70px; margin-top: 55px; } #foot_c_c{ width: 370px; float: left; padding-right: 23px; border-right: 2px #353535 solid; height: 200px; margin-left: 50px; text-align: left; font-size: 15px; color: #a2a2a2; line-height: 40px; } #foot_c_r{ width: 155px; float: right; } #foot_c_r img{ display: block; width: 155px; height: 155px; margin-top: 20px; } #foot_icp{ width:100%; text-align:center; height:70px; line-height:70px; background:#171717; font-size:14px; color:#a9a9a9; } #foot_icp a{ color: #a9a9a9; } /*********** FOOTER *************/ /*********** INDEX MAIN *************/ .main_i{ } .index_title{ width: 100%; text-align: center; font-size: 17px; color: #626262; line-height: 40px; height: 80px; } .index_title span{ display: block; font-weight: bold; color: #000000; font-size: 36px; } #index1{ background: #f6f6f8; height: 965px; padding-top: 50px; } #index1_c{ width: 100%; height: 720px; overflow: hidden; margin-top: 30px; } .pic_box{ display: block; float: left; width: 380px; height: 340px; border-bottom: 4px #006cba solid; margin: 0px 10px; margin-bottom: 30px; background: #FFF; color: #000000; } .pic_box:hover{ background:#006cba; color:#FFF; font-weight:bold; } .pic_box_img{ width: 100%; height: 260px; } .pic_box_img img{ display: block; width: 100%; height: 260px; object-fit: cover; } .pic_box_c{ padding: 30px 20px; font-size: 16px; } .pic_box_c span{ display: block; float: right; border: 1px #006cba solid; width: 105px; text-align: center; height: 20px; line-height: 20px; border-radius: 15px; font-size: 16px; background: #FFF; color:#000000; } #index1_a{ display: block; border: 1px #626262 solid; width: 270px; text-align: center; height: 34px; line-height: 34px; font-size: 15px; color: #626262; letter-spacing: 1px; margin: 0px auto; margin-top: 40px; background: #FFF; } #index2{ width: 100%; height: 680px; padding-top: 55px; background: url(../img/index2_bg.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; } #index2_t{ width: 100%; height: 380px; } #index2_t_c{ width: 560px; float: left; font-size: 15px; color: #383838; line-height: 40px; text-align: right; } #index2_t_title{ width: 100%; text-align: right; font-size: 31px; color: #000000; letter-spacing: 1px; line-height: 48px; height: 100px; margin-bottom: 10px; } #index2_t_title span{ display: block; font-size: 40px; color: #0025b7; text-transform: uppercase; } #index2_t_c a{ display: block; width: 135px; text-align: center; height: 34px; line-height: 34px; border: 1px #e52d29 solid; font-size: 15px; color: #e52d29; float: right; margin-top: 25px; } #index2_b{ width: 100%; height: 160px; background: #e52d29; margin-top: 45px; padding-top: 25px; } #index2_b a{ display: block; float: left; width: 133px; text-align: center; height: 133px; color: #FFF; font-size: 17px; margin: 0px 83px; border-radius: 50%; line-height: 185px; } #index2_b a:hover{ color:#e52d29; } .a1{ background:url(../img/5.png) no-repeat; } .a1:hover{ background:url(../img/1.png) no-repeat; } .a2{ background:url(../img/6.png) no-repeat; } .a2:hover{ background:url(../img/2.png) no-repeat; } .a3{ background:url(../img/7.png) no-repeat; } .a3:hover{ background:url(../img/3.png) no-repeat; } .a4{ background:url(../img/8.png) no-repeat; } .a4:hover{ background:url(../img/4.png) no-repeat; } #index3{ width: 100%; height: 580px; margin-top: 50px; } #index3_c{ width: 100%; height: 460px; margin-top: 30px; overflow: hidden; } #index3_c_l{ width:600px; height:460px; background:url(../img/video_bg.png) no-repeat; float:left; } #index3_c_r{ width:575px; float:right; } .news_box{ display: block; padding: 15px; background: #f6f6f6; height: 110px; margin-bottom: 13px; color: #504e4e; } .news_box:hover{ background:#da251e; color:#FFF; } .news_box_l{ width: 64px; text-align: center; border-right: 1px #504e4e dashed; float: left; height: 90px; padding: 10px; font-size: 15px; line-height: 45px; } .news_box_l span{ display: block; font-family: 'Impact'; border-bottom: 1px #504e4e solid; font-size: 26px; text-align: center; line-height: 50px; } .news_box_r{ width: 440px; float: right; font-size: 14px; line-height: 30px; } .news_box_r span{ display: block; font-size: 16px; font-weight: bold; line-height: 42px; } #index4{ width: 100%; margin-top: 30px; } #index4_t{ width: 100%; height: 250px; background: url(../img/guanggao_t.png) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; z-index: 9999; position: relative; } #index4_t_title{ width:100%; text-align: center; font-size: 17px; color: #fefefe; text-transform: uppercase; letter-spacing: 1px; line-height: 30px; } #index4_t_title p{ padding: 0px; margin: 0px; font-size: 46px; font-weight: bold; line-height: 60px; letter-spacing: 3px; } #index4_t_title p span{ font-family: '杩蜂綘绠€瓒呯矖榛?; color: #e52521; font-size: 120px; line-height: 128px; } #index4_b{ width: 100%; height: 1260px; padding-top: 50px; background: url(../img/guanggao_b.png) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-top: -33px; } #index4_b1{ width: 100%; height: 610px; } .index4_b_t{ width: 100%; padding-top: 15px; height: 155px; margin-bottom: 25px; } .ldly_box{ width: 565px; } .ldly_box_t{ width: 375px; height: 40px; line-height: 40px; background: #d4d4d4; border-radius: 20px; color: #383838; font-size: 22px; font-weight: bold; letter-spacing: 1px; margin-bottom: 20px; } .ldly_box_t:hover{ cursor:pointer; background:#006cba; color:#FFF; } .ldly_box_t span{ display: block; float: left; width: 57px; text-align: center; height: 57px; line-height: 57px; border: 5px #f5f5f5 solid; border-radius: 50%; background: #d4d4d4; margin-top: -15px; margin-right: 20px; font-family: 'Impact'; font-size: 31px; color: #FFF; } .ldly_box_b{ font-size: 15px; line-height: 30px; color: #545454; padding-left: 70px; } #index4_b2{ padding-left: 645px; padding-top: 25px; } .index4_b_b{ width: 100%; padding-top: 15px; height: 155px; margin-bottom: 25px; } #index5{ width: 100%; margin-top: 50px; height: 490px; } /* CSS Document */ #tab { width: 100%; height: 365px; position: relative; margin: 30px auto 0 auto; } /*璁剧疆瀹瑰櫒楂樺绛?/ html > body #tab { width:100%;} /*鍏煎IE6:IE6涓嬪搴︿笉澶?/ #tab div { position: absolute; top: 65px; left: 0; width: 100%; height: 295px; } /*璁剧疆瀹瑰櫒楂樺绛?/ #tab div { display:none;} /*璁剧疆瀹瑰櫒榛樿闅愯棌:涓嶇敤ID鏄洜涓轰笅闈㈠皢鍒╃敤class鏉ユ帶鍒跺鍣ㄦ樉绀?鑰宑lass浼樺厛绾т綆浜巌d閫夋嫨鍣?/ #tab .block { display:block;} #tab ul{ padding:0px; margin:0px; } /*閫変腑鐨勫鍣?/ #tab h3 { float: left; width: 170px; height: 40px; line-height: 40px; margin: 0 0 0 0; font-size: 17px; cursor: pointer; background-color: #006cba; text-align: center; color: #FFF; font-family: Microsoft YaHei; font-weight: normal; border-radius: 20px; margin: 0px 15px; } /*榛樿鏍囬鏍峰紡*/ #tab .up { background:#da251e;color:#fff;} /*閫変腑鐨勬爣棰樻牱寮?/ /*淇グ鍒楄〃鍐呭*/ #index5_c{} .hlwh_box{ display: block; float: left; width: 380px; height: 295px; background: #412563; margin: 0px 10px; } .hlwh_box_img{ padding: 0px; margin: 0px; } .hlwh_box_img img{ display: block; width: 380px; height: 295px; object-fit: cover; } .hlwh_box_c{ padding: 0px; margin: 0px auto; width: 330px; height: 240px; background: rgba(0,108,186,0.8); margin-top: -275px; z-index: 9999; position: relative; padding-top: 20px; opacity: 0; } .hlwh_box_c:hover{ opacity: 1; transition:all 0.3s linear 0s; } .hlwh_box_c_sp{ display: block; border: 1px rgba(255,255,255,0.8) solid; width: 190px; height: 120px; margin: 0px auto; padding: 50px; color:#FFF; line-height: 45px; text-align: center; } /*********** INDEX MAIN *************/ /*********** SIDEBAR *************/ .title2{ width: 100%; height: 65px; line-height: 65px; background: #f6f6f8; } .title2_l{ width: 910px; float: left; } .title2_l a{ display: block; float: left; width: 135px; text-align: center; font-size: 15px; color: #000000; margin-right: 20px; } .title2_l a:hover{ background:#006cba; color:#FFF; font-weight:bold; } .sidebar_box{} .sidebar_title{ height: 30px; line-height: 30px; background: #d9d9d9; font-size: 12px; color: #000000; text-transform: unset; border-left: 5px #f99311 solid; text-indent: 15px; } .sidebar_title span{ font-size: 14px; margin-right: 10px; } .sidebar_c{ border: 1px #dddddd solid; border-top: 0px; background: #fafafa; padding: 15px 25px; margin-bottom: 20px; } .sidebar_c a{ display: block; height: 25px; line-height: 25px; background: #e4e4e3; margin-bottom: 5px; border-radius: 5px; font-size: 12px; color: #000000; text-indent: 25px; } .sidebar_c a:hover{ font-weight:bold; text-indent:40px; } .neiye_l{ width:100%; } .neiye_l2{ border-bottom: 1px #ccc solid; padding-bottom: 24px; margin-top: 15px; } .neiye_l2 a{ display: block; font-size: 14px; color: #000; height: 35px; line-height: 35px; padding-left: 65px; } .neiye_l2 a span{ display: block; float: left; width: 8px; height: 8px; border: 2px #cb2108 solid; border-radius: 50%; margin-top: 12px; margin-right: 10px; } .neiye_l3{ font-size: 12px; color: #000000; line-height: 30px; padding-top: 15px; } /*********** SIDEBAR *************/ /*********** 鍐呴〉 *************/ .main{ width: 1200px; margin: 0px auto; margin-top: 30px; overflow: hidden; } .article{ overflow: hidden; margin-bottom: 12px; width: 100%; } .title{ margin: 0px; padding: 0px; height: 60px; line-height: 60px; background: url(../img/title_bg.png) repeat-x; margin-bottom: 20px; font-size: 30px; color: #000; } .weizhi{ display: block; float: right; font-size: 12px; color: #6e6e6e; line-height: 60px; } .weizhi a{ color: #6e6e6e; } .article p{ margin: 0px; font-size: 14px; line-height: 36px; color: #000000; padding: 0px; } #allmap p{line-height:26px;margin:10px; font-size:12px;} /*********** 鍐呴〉 *************/ .page{ margin: 20px 0px; text-align: right; font-size: 12px; } .page a{ display: inline-block; height: 18px; line-height: 18px; border: 1px solid #e60012; padding: 3px 4px; font-size: 12px; color: #000; } .page a:hover{background:#e60012;color:#fff;border:none;height:18px;line-height:18px;padding:3px 4px;border: 1px solid #e60012;} .current { padding: 4px 9px; height: 18px; line-height: 18px; background: #e60012; color: #fff; font-size: 12px; } /***************global*****************/ .pro{ padding:0px; margin:0px; } .pro a{ display: block; float: left; width: 380px; height: 340px; border-bottom: 4px #006cba solid; margin: 0px 10px; margin-bottom: 30px; background: #FFF; color: #000000; } .li-img{ width: 100%; height: 260px; } .li-img img{ display: block; width: 100%; height: 260px; object-fit: cover; } .li-c{ padding: 30px 20px; font-size: 16px; } .li-c span{ display: block; float: right; border: 1px #006cba solid; width: 105px; text-align: center; height: 20px; line-height: 20px; border-radius: 15px; font-size: 16px; background: #FFF; color: #000000; } .pro a:hover{ background:#006cba; color:#FFF; } /*.pro a img{ display: block; width: 100%; height: 260px; object-fit: cover; } .pro a:hover{ background:#f67701; color:#FFF; border:1px #FFF dashed; }*/ /*************index&goods**************/ .news{ margin-left: 0px; padding: 0px; } .news a{ display: block; margin: 0px auto; padding: 15px; width: 1162px; height: 120px; line-height: 28px; /* border-bottom: 1px #ccc dashed; */ font-size: 13px; color: #000; margin-bottom: 25px; box-shadow: 0 0 4px 2px rgb(104 104 104 / 10%); } .news a span{ display: block; font-weight: bold; font-size: 15px; } .news a:hover{ background:rgba(218 37 30 / 80%); color:#FFF; transition:all 0.3s linear 0s; } /****************news*****************/ .news_title{color:#da020d;text-align:center;line-height:40px;} .meta{color:#999;text-align:center;line-height:28px;} /***********news_info**************/ .jobs{ padding:0px; margin:0px; } .jobs li{ width: 560px; float: left; padding: 15px; overflow: hidden; margin: 0px 5px; margin-bottom: 25px; height: 150px; /* border-bottom: 1px dotted #cdcdcd; */ box-shadow: 0 0 4px 2px rgb(104 104 104 / 10%); } .jobs li:hover{ box-shadow: 0 0 4px 2px rgb(230 0 18 / 80%); } .jobs a{ position: relative; top: -120px; background-position: 0 -301px; float: right; width: 71px; height: 34px; color: #fff; text-align: center; line-height: 34px; background: #e60012; font-size: 12px; } .jobs strong{color:#da020d;} .jobs p{ line-height: 35px; font-size: 14px; } /***************jobs***************/ .pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;} .pro_info p{} .pro_name{display:block;color:#da020d;text-align:center;} .info_title{ margin: 20px 0px; width: 100%; height: 30px; background: #ececec; clear: both; } .info_title b{ display: inline-block; padding-left: 10px; height: 100%; border-right: 1px solid #fff; background: #e60012; color: #fff; line-height: 30px; font-size: 14px; font-weight: normal; } .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} /********goods_info&jobs_info*******/ .order{ margin: 40px 0 120px 46px; line-height: 40px; font-size: 14px; margin: 0px auto; } .order img{vertical-align:-5px;cursor:pointer;} .order input{padding:0 3px;} .order textarea{padding: 3px;} #submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer; background:#e60012;} /**************order&message********/ #banner{position:relative;height: 300px;overflow:hidden;} #banner li {float:left;} .banner .dots li.active { background: #fff; opacity: 1; } .banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } /*sitemap*/ .mesmore{margin-top:5px;} .mesmore:hover{color:#da020d;text-decoration:underline;} .sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;} .m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;} .m2{ margin-left:20px; margin-top:20px; line-height:25px;} .m2 span{ font-size:14px; font-weight:bold;} .m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;} .m2t ul{} .m2t ul li{ list-style-type:none; float:left; width:150px;} .m2t ul li a:hover{ color:red} .f{ float:right; margin-right:10px; _margin-top:7px;} /*涓婁竴椤礯涓嬩竴椤?/ #prev_next{ margin: 30px auto; padding: 0px; clear: both; overflow: hidden; font-size: 12px; } #prev_next li{ margin: 5px 0; border: 1px #6e6e6e dashed; border-left: 0px; border-right: 0px; height: 40px; line-height: 40px; margin-bottom: 20px; } #prev_next li a{ color:#000;} #prev_next li:hover{ font-weight:bold;} /*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;} .map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;} .map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;} .map li{float:left;margin:0 5px;}*/ /*2017-7-17 update */