/*********** ALL *************/ body{ margin:0px auto; padding:0px; overflow-x: hidden; font-family:'寰蒋闆呴粦'; } .w1002{ width:1002px; margin:0px auto; } .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: 260px; } .right{ width: 915px; 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 *************/ #join_box{ width: 100%; height: 40px; line-height: 40px; background: #eeeeee; font-size: 13px; color: #504f4f; } #join_box_l{ width: 600px; float: left; font-size: 12px; color: #504f4f; } #join_box_r{ width: 600px; float: right; font-size: 12px; color: #504f4f; text-align: right; } #join_box_r a{ color: #504f4f; } #logo{ width: 100%; height: 140px; } #logo_l{ width: 800px; float: left; } #logo_l img{ margin-top: 50px; } #logo_r{ width: 400px; float: right; } .phone{ height: 40px; line-height: 40px; width: 240px; float: right; background: url(../img/tel_bg.png) no-repeat; font-size: 30px; color: #eb9003; font-family: 'Impact'; text-align: right; font-style: inherit; margin-top: 55px; letter-spacing: 2px; } @-webkit-keyframes phone {0% {-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100% {-webkit-transform:rotateY(720deg);transform:rotateY(720deg)}} #nav{ width: 100%; height: 50px; background: #007b42; line-height: 50px; } #nav a{ display: block; float: left; font-size: 15px; color: #fff; width: 130px; text-align: center; margin: 0px 20px; } #nav a:hover{ font-weight:bold; background:#013920; } /*********** HEADER *************/ /*********** FOOTER *************/ .footer{ clear: both; height: 315px; background: #007b42; margin-top: 50px; font-size: 12px; } #foot_nav{ width:100%; height:100px; line-height:100px; } #foot_nav a{ font-size: 15px; color: #FFF; margin: 0px 54px; } #foot_c{ width: 100%; height: 150px; padding-top: 20px; } #foot_c_l{ width: 700px; text-align: center; float: left; } #foot_c_l img{ margin-top: 15px; } #foot_c_r{ width: 330px; float: right; font-size: 13px; color: #FFF; line-height: 34px; } #foot_icp{ width: 100%; text-align: center; height: 45px; line-height: 45px; background: #015d32; color: #FFF; font-size: 13px; text-transform: uppercase; } #foot_icp a{ color:#FFF; } /*********** FOOTER *************/ /*********** INDEX MAIN *************/ .main_i{ overflow:hidden; margin-top:50px; } .index_title{ width: 100%; height: 90px; background: url(../img/index_title_bg.png) no-repeat; text-align: center; font-size: 14px; color: #3b3939; text-transform: uppercase; letter-spacing: 2px; line-height: 28px; } .index_title1{ width: 100%; font-size: 37px; font-weight: bold; line-height: 52px; } .index_title1 span{ color:#007741; } #index1{ width: 100%; height: 815px; } #index1_c{ width:100%; height:700px; margin-top:25px; } #fczs_gd{overflow: hidden; width: 1200px; height: 700px;} #fczs_gd ul{ width: 2075px; padding: 0px; margin:0px; } #fczs_gd a{ display:block;} #fczs_gd li{ margin: 0px 35px 5px 0px; width: 380px; height: 345px; float: left; display: block; text-align: center; line-height: 32px; color: #282828; font-size: 18px; font-family: '寰蒋闆呴粦'; } #fczs_gd img{ width: 380px; height: 290px; object-fit: cover; } #fczs_gd li span{ display: block; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,0.5); font-size: 15px; color: #FFF; /* border-radius: 5px; */ margin-top: -57px; z-index: 9999; position: relative; } #index2{ width: 100%; height: 1064px; /* padding-top: 80px; */ background: url(../img/index2_bg.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-top: 50px; } #index2 span{ display: block; float: left; width: 532px; color: #FFF; font-size: 14px; padding-top: 555px; line-height: 40px; padding-left: 25px; } #index2 span a{ color:#FFF; } #index3{ width: 100%; height: 370px; margin-top: 50px; } #index3_c{ width: 100%; height: 250px; margin-top: 25px; } .gcal_a{ display: block; float: left; width: 375px; height: 250px; margin-right: 30px; } .gcal_img{ display: block; width: 375px; height: 250px; object-fit: cover; } #index4{ width: 100%; margin-top: 55px; } .index4_title{ height: 55px; line-height: 55px; background: #f2f2f2; } .index4_title span{ display: block; float:left; width: 190px; text-align: center; font-size: 24px; background: #007b42; color: #FFF; letter-spacing: 2px; } .index4_title a{ display: block; float: right; width: 65px; text-align: center; background: #666666; color: #FFF; text-transform: uppercase; font-size: 12px; } #index4_l{ width:575px; float:left; } #index4_c{ width:100%; margin-top:30px; } .news_box{ display: block; height: 75px; padding-bottom: 14px; border-bottom: 1px #e5e5e5 solid; margin-bottom: 15px; } .news_box_l{ display: block; float: left; width: 75px; height: 75px; text-align: center; font-size: 16px; font-weight: bold; color: #9e9e9e; letter-spacing: 2px; } .news_box_l span{ display: block; font-size: 18px; color: #484848; font-weight: bold; margin-top: 15px; } .news_box_r{ width: 470px; float: right; font-size: 12px; line-height: 24px; color: #454444; } .news_box_r span{ display: block; font-weight: bold; font-size: 15px; margin-bottom: 3px; color: #007b42; } #index4_r{ width:575px; float:right; } #index4_r_c{ width:100%; margin-top:30px; } .cjwt_box{ display: block; height: 75px; padding-bottom: 14px; border-bottom: 1px #e5e5e5 solid; margin-bottom: 15px; font-size: 12px; color: #2f3030; } .cjwt_box_t{ font-size: 15px; font-weight: bold; color: #007b42; height: 20px; line-height: 20px; } .cjwt_box_t span{ display: block; float: left; width: 20px; text-align: center; color: #FFF; background: #007b42; height: 20px; line-height: 20px; font-weight: normal; margin-right: 20px; } .cjwt_box_b{ font-size: 12px; color: #2f3030; line-height: 20px; margin-top: 10px; } .cjwt_box_b span{ display: block; float: left; width: 20px; text-align: center; color: #FFF; background: #3c3c3c; height: 20px; line-height: 20px; } /*********** INDEX MAIN *************/ /*********** SIDEBAR *************/ .sidebar_t_title{ width: 100%; text-align: center; height: 53px; padding-top: 7px; line-height: 24px; background: #007b42; color: #FFF; font-size: 18px; } .sidebar_t_title span{ display: block; font-size: 12px; color: #FFF; text-transform: uppercase; } .sidebar_t_c{ padding:15px; background: #f2f2f2; } .sidebar_t_c a{ display: block; font-size: 13px; color: #000000; height: 34px; line-height: 34px; border-bottom: 1px #ccc dashed; margin-bottom: 10px; text-indent: 30px; } .sidebar_t_c a span{ float:right; } .sidebar_t_c a:hover{ background:#007b42; color:#FFF; font-weight:bold; border-bottom:1px #FFF dashed; text-indent: 40px; } .sidebar_b_c{ padding:15px; background: #f2f2f2; font-size: 13px; color: #000; line-height: 30px; margin-bottom: 30px; } .sidebar_b_c a{ color:#000; } /*********** SIDEBAR *************/ /*********** 鍐呴〉 *************/ .main{ overflow: hidden; width: 1200px; margin: 0px auto; margin-top: 50px; } .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: 28px; } #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 #007b42; padding: 3px 4px; font-size: 12px; color: #000; } .page a:hover{background:#007b42;color:#fff;border:none;height:18px;line-height:18px;padding:3px 4px;border: 1px solid #007b42;} .current { padding: 4px 9px; height: 18px; line-height: 18px; background: #007b42; color: #fff; font-size: 12px; } /***************global*****************/ .pro{ padding:0px; margin:0px; } .pro a{ width: 273px; height: 240px; float: left; display: block; border: 1px #ccc dashed; padding: 5px; text-align: center; line-height: 24px; color: #282828; font-size: 12px; font-family: '寰蒋闆呴粦'; margin: 15px 10px; } .pro a img{ width: 273px; height: 205px; } .pro a:hover{ background:#007b42; color:#FFF; border:1px #FFF dashed; } .o_product_thumb{ width:100%; text-align:center; } .o_product_info{ font-size: 14px; line-height: 28px; } .order-content{ padding: 20px 30px; background: #fff; } .order-content .order-line{ color: #333; height: 30px; line-height: 30px; margin-bottom: 12px; font-size: 14px; } .order-content .order-line:after{ display: block; content: ''; clear: both; height: 0; width: 0; } .order-content .order-line lable{ width: 70px; margin-right: 5px; display: inline-block; float: left; text-align: right; } .order-content .order-line .order-zhi{ float: left; padding: 10px; line-height: 30px; padding: 0px 10px; max-width: 380px; border: 1px solid #d2d2d2; } .order-content .order-line .order-zhi.noborder{ border:none; } .order-content .order-line .order-zhi.overword{ height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .order-line.bz-line{ height: auto; } .order-content .order-line .beizhu{ padding: 10px; float: left; border: 1px solid #d2d2d2; } .order-content .order-line .dwid{ width: 375px; } .order-content .order-line img{ display: inline-block; float: left; margin-left:15px; } .order-content .go-sub{ margin-left:70px; border: none; color: #fff; background: #0158AD; font-size: 14px; padding: 8px 28px; margin-top:8px; border-radius: 5px; outline: none; } .order-content .go-sub:hover { background: #FE4200; } .go_order{ display:block; width:140px; height:30px; line-height:32px; color:white; text-align:center; background:#007b42; border:0px; cursor:pointer; } .go_order:hover{ background:#c30f1b; } /*************index&goods**************/ .news{ margin-left: 0px; padding: 0px; } .news a{ display:block; height:34px; line-height:34px; border-bottom:1px #ccc dashed; font-size:13px; color:#282828; margin-bottom:10px; } .news a span{ float:right; margin-right:5px; } .news a:hover{ background:#007b42; color:#FFF; font-weight:bold; text-indent:10px; border-bottom:1px #fff dashed; } /****************news*****************/ .news_title{color:#da020d;text-align:center;line-height:40px;} .meta{color:#999;text-align:center;line-height:28px;} /***********news_info**************/ .jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;} .jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;} .jobs strong{color:#da020d;} .jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;} /***************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; } .info_title b{ display: inline-block; padding-left: 10px; height: 100%; border-right: 1px solid #fff; background: #007b42; 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:#007b42;} /**************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: 20px auto; padding: 0px; clear: both; overflow: hidden; font-size: 12px; } #prev_next li{margin: 5px 0;} #prev_next li a{ color:#000;} /*.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 */