#bodycon{ padding-top:0px;} .mianbxContent{ width:1200px !important; line-height:50px !important; height:80px !important; font-size:16px !important; text-align:left !important; background:url(../image/20180801143544_267721500.png) no-repeat; } .strong_title{ display:none !important; font-size:16px !important;} .mianbxContent a{ font-size:16px !important;} .mianbxContent a:hover{font-size: 16px !important;color: #58b208!important;color;} /*共用*/ body{font-size:12px; color:#222; font-family:"Microsoft YaHei";} div{margin: 0px; padding: 0px; margin: 0px;} span,p{margin: 0px; padding: 0px;} h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;} img{margin: 0px; padding: 0px;} dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;} img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;} from,input,select{margin: 0px; padding: 0px;} .clear{clear:both; font-size:0px; overflow:hidden; height:0px;} a{color: #222; text-decoration: none;} a:hover{color: #fe7200; text-decoration: none;} .border_bg{width:auto; height:auto; margin:0 auto; border:1px solid #d0d0d0;} .cp img{border:1px solid #bbb; padding:1px;} .cp img:hover{border:1px solid #ff6600; padding:1px;} .white a{color: #fff; text-decoration: none;} .white a:hover{color: #fe7200; text-decoration: none;} input,button,select,textarea{outline:none} .totalwidth {width:1200px; margin:0 auto; height:auto;} .totalwidthpercent {width:100%; margin:0 auto;} .fl{ float:left;} .fr{ float:right;} .top10{ margin-top:10px;} .top20{ margin-top:20px;} .top30{ margin-top:30px;} .top40{ margin-top:40px;} .top50{ margin-top:50px;} /*抬头*/ #top_bg{width:100%; height:38px; background:#f8f8f8; border-bottom:1px solid #eee;} #top_t{width:1200px; margin:0 auto; height:38px;} #top_t li{float:left; color:#666; line-height:38px;} #top_t .t1{width:800px;} #top_t .t2{width:400px; text-align:right;} #top_t a{color:#666;} #top_t a:hover{color:#fe7200;} #top_b{width:1200px; margin:0 auto; height:150px;} #top_b li{float:left;} #top_b .tt1{width:80px; padding-top:24px;} #top_b .tt1:hover{ -webkit-animation: test 0.2s ease-in 2;} @-webkit-keyframes test{ 0%{transform:translate(0,0)} 50%{transform:translate(0,5px)} 100%{transform:translate(0,0)} } #top_b .tt2{width:253px; padding-top:40px; float:left; padding-left:30px;} #top_b .tt3{ padding-top:38px; float:left;padding-left:30px;} #top_b .tt3 .font1{color:#222; font-size:32px; padding-bottom:5px; font-weight:bold;} #top_b .tt3 .font2{ color:#222; font-size:18px;} #top_b .tt5{ padding-top:38px; float: left; padding-left:50px;} #top_b .tt5 .font1{ padding-top:28px; padding-left:10px;} #top_b .tt5 .font2{ color:#222; font-size:18px;padding-top:28px;padding-left:10px;} #top_b .tt4{ padding-top:38px; float: right;} #top_b .tt4{width:215px; padding-top:45px;} /*导航*/ #nav_bg{width:100%; height:60px; background:url(../image/20180717164729_1650555606.jpg) bottom repeat-x;} #nav{width:1200px; height:60px; margin:0 auto;} #nav li{float:left; text-align:center; width:120px;} #nav ul li a{color: #fff; text-decoration: none; font-size:14px; font-weight:bold; width:120px; line-height:60px; height:60px; text-align:center; display:block; -webkit-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;} #nav ul li a:hover{color: #ff0; text-decoration: none; font-size:14px; font-weight:bold; height:60px; background:url(../image/20180717164705_2144007696.png) bottom; line-height:60px;} #nav .a_nav a{display:block; font-size:14px; width:120px; height:60px; line-height:60px; color:#fff; background:url(../image/20180717164705_2144007696.png) bottom;} /*幻灯片*/ #flash_bg{width:100%; margin-top:1px;} .banner{overflow:hidden;} .banner-box{ min-width:1200px; height:538px; position:relative; margin:0 auto; } .banner-box .bd, .banner-box .bd ul{ width:100% !important; } .banner-box .bd li{ width:100% !important; height:538px; background-position: center; background-repeat: no-repeat; background-color: #eee} .banner-box .bd li a{ display:block; background-size:auto; } .banner-btn{ width: 100%; position: absolute; top: 214px; left: 0; margin-left: 0; height: 300px; overflow: hidden; } .banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out} .banner-btn a.prev{ left:-50px; background:url(../image/20180801143558_970680251.png) no-repeat 0 0; } .banner-btn a.next{ right:-50px; background:url(../image/20180801143558_970680251.png) no-repeat -49px 0; } .banner-box .hd { position:absolute; bottom:50px; width: 100%; display: block; } .banner-box .hd ul{ text-align: center} .banner-box .hd ul li{ width:20px; height:20px; border-radius :20px; text-indent:-9999px; background:#cbcbcb; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out} .banner-box .hd ul li.on{ background: #fe7200; width: 32px; } .banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; } .banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; } .banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; } /*搜索*/ #search_bg{width:100%; height:55px; color:#222; border-bottom:1px solid #ddd; margin-bottom:30px;} #search_c{width:1200px; margin:0 auto; height:55px;} #search_l{width:950px; float:left; line-height:55px;} #search_r{width:250px; float:right; padding-top:13px;} #search_r li{float:left;} #search_bg a{color:#222;} #search_bg a:hover{color:#ff6600;} /*产品*/ #hot_t{width:600px; margin:0 auto; text-align:center; font-size:30px; color:#58b208; font-weight:bold; margin-top:20px;} #hot_t2{width:280px; margin:0 auto; height:3px; background:url(../image/20180718091437_1101261446.jpg) no-repeat; margin-top:10px;} #hot_t3{width:1200px; margin:0 auto; text-align:center; font-size:14px; color:#888;text-transform:uppercase;line-height:50px;} #hot_b{padding-top:10px; width:1200px; margin:0 auto; margin-top:20px;} #hot_b td a{border:1px solid #aaa; line-height:50px; text-align:center; font-size:14px; width:152px; display:block;} #hot_b td a:hover{border:1px solid #58b208; line-height:50px; text-align:center; font-size:14px; width:152px;background:#58b208; color:#fff;} #product_b{width:1200px; margin:0 auto; margin-top:20px;} .divproduct_new_div_item_title a:after,.divproduct_new_div_item_title a::after { content: '+点击查看更多产品信息'; display: block; font-size: 12px; line-height: 35px; font-weight:normal; text-align:center; background:#eee; margin-top:155px; color:#666; } #product_b .divproduct_new_div::after { content: ''; display: block; clear: both; } #product_b .divproduct_new_div_item {border:1px solid #d0d0d0; float: left; width: 560px; margin-right:18px; position: relative; margin-bottom: 20px;overflow:hidden; } #product_b .divproduct_new_div_item:nth-child(4n){margin-right:0;} #product_b .product_div_item_image { display: block; width: 100%;transition:0.3s all ease-in-out } #product_b .divproduct_new_div_item_a { font-size: 15px; font-weight:bold; color: #222; line-height: 50px; display: block; height: 50px; vertical-align: middle;transition:0.25s all ease-in-out; width:100%; border-bottom:1px solid #e0e0e0;} .product_row2 .divproduct_new_div_item:hover .divproduct_new_div_item_a{color: #004b98; } #product_b .divproduct_new_div_item_body{ font-size: 12px; color: #888; line-height: 30px;transition:0.25s all ease-in-out; height:140px; padding:10px 0px; overflow:hidden;} #product_b .divproduct_new_div_item_content { float:right; display:block; width:200px; transition:0.25s all ease-in-out; margin-right:20px;} #product_b .product_div_item_pic{ width:320px; height:240px; float:left; position:relative;overflow:hidden; border-right:1px solid #e0e0e0;} #product_b .divproduct_new_div_item::before{content:'';position:absolute;height:240px;width:320px;left:0;top:0;display:block;transition:0.3s all ease-in-out;z-index: 1;transform: scale(0);} #product_b .divproduct_new_div_item::after{content:'';position:absolute;height:240px;width:320px;left:0;top:-240px;display:block;transition:0.3s all ease-in-out;background:rgba(0,0,0,0.3)} #product_b .divproduct_new_div_item:hover::after{top:0;} #product_b .divproduct_new_div_item:hover::before{transform: scale(1);} #product_b .divproduct_new_div_item:hover .product_div_item_image {transform:scale(1.2);transition:1.2s all ease-in-out} /*广告条*/ #guang { width:100%; height:160px; background-color:#58b208; margin:0 auto;} #guang1 { float:left; padding-top:45px;} #guang2 { width:254; height:44px; background-color:#def0ce; border-radius: 50px; margin-top:45px; float:right;} #guang3 { font-size:22px; text-align:center; line-height:44px; color:#58b208;} /*caes*/ #caes { width:100%; height:548px; background-color:#eeeeee; margin:0 auto;} #caes_1 { width:1200px; margin:0 auto; padding-top:60px;} #caes_2 { width:270px; height:406px;float:left;} #caes_2 li { width:270; height:98px; padding-top:60px;} #caes_2 .tl{ font-size:25px; color:#222; text-align:right;} #caes_2 .tp{ font-size:14px; color:#aaa; text-align:right;} #caes_3 { width:660px; height:406px; background:url(../image/20180718105240_1034935289.png) center no-repeat;float:left;} #caes_3 .t1{ width:136px; height:406px; float:left;} #caes_3 .t1 li { width:136px; height:88px; padding-top:70px;} #caes_3 .t1 img{transition-duration: 1s; cursor:pointer;} #caes_3 .t1 img:hover{transform: rotate(360deg); cursor:pointer;} #caes_3 .t2{ width:136px; height:406px; float: right;} #caes_3 .t2 li { width:136px; height:88px; padding-top:70px;} #caes_3 .t2 img{transition-duration: 1s; cursor:pointer;} #caes_3 .t2 img:hover{transform: rotate(360deg); cursor:pointer;} #caes_3 .t3 { text-align:center; width: 388px;height: 404px;padding-top: 36px;float:left;} #caes_4 { width:270px;height:406px; float:right;} #caes_4 li { width:270; height:98px; padding-top:60px;} #caes_4 .tl{ font-size:25px; color:#222; text-align:left; padding-bottom:5px;} #caes_4 .tp{ font-size:14px; color:#aaa; text-align:left;} /*优势*/ #adv { width:100%; height: auto; margin:0 auto;} #adv .top { width:100% ; height:268px; background:url(../image/20180719090905_1561291379.jpg) center no-repeat; margin:0 auto;} #adv .top_1 { font-size:36px; color:#fff; float:left; padding-top:58px; padding-left:208px;} #adv .top_2 { font-size:48px; color:#58b208; font-weight:bold; float:left; padding-top:58px; padding-left:70px;} #adv .top_3 { font-size:18px; color:#666; text-align:center; padding-top:5px;text-transform : uppercase;} #adv .top_4 { text-align:center; padding-top:10px;} #adv_1 { width:100%; height:380px; background:url(../image/20180719093307_1736260693.jpg) center no-repeat; margin:auto;} #adv_1 .ta{ width:600px; height:auto; float:left;} #adv_1 .ta_1 { padding-left:50px;} #adv_1 .tb{ width:600px; height:auto; float:right;} #adv_1 .tb_1 { font-size:26px; color:#222; padding-top:58px; padding-left:70px;} #adv_1 .tb_1 span { font-size:40px; color:#58b208; font-weight:bold;} #adv_1 .tb_2 { font-size:15px; color:#222;text-transform:uppercase; padding-left:70px; padding-top:2px;} #adv_1 .tb_3 { font-size:14px; color:#888; padding-left:70px; padding-top:30px; line-height:30px;} #adv_1 .tb_4 { width:180px; height:38px;border-radius: 50px;border: 1px solid #222; margin-left:15px; float:left;} #adv_1 .tb_5 { font-size:15px; color:#222; line-height:38px; text-align:center;} #adv_1 .tb_5 a {font-size:15px; color:#222;} #adv_1 .tb_5 :hover {font-size:15px; color:#eb4008} #adv_1 .tb_6 { width:500px; height:38px; padding-left:108px; padding-top:30px;} #adv_2 { width:100%; height:351px; background:url(../image/20180719100841_592047927.jpg) center no-repeat; margin:0 auto;} #adv_2 .ta{ width:620px; height:auto; float:left;} #adv_2 .ta_1 { font-size:26px; color:#222; padding-top:45px; padding-left:85px;} #adv_2 .ta_1 span { font-size:40px; color:#58b208; font-weight:bold;} #adv_2 .ta_2 { font-size:15px; color:#222;text-transform:uppercase; padding-left:85px; padding-top:2px;} #adv_2 .ta_3 { font-size:14px; color:#888; padding-left:85px; padding-top:30px; line-height:30px;} #adv_2 .ta_4 { width:180px; height:38px;border-radius: 50px;border: 1px solid #222; margin-left:15px; float:left;} #adv_2 .ta_5 { font-size:15px; color:#222; line-height:38px; text-align:center;} #adv_2 .ta_5 a {font-size:15px; color:#222;} #adv_2 .ta_5 :hover {font-size:15px; color:#eb4008} #adv_2 .ta_6 { width:500px; height:38px; padding-left:123px; padding-top:30px;} #adv_2 .tb{ width:580px; height:auto; float:right;} #adv_2 .tb_1 { padding-left:50px;} #adv_3 { width:100%; height:373px; background:url(../image/20180719103432_512916781.jpg) center no-repeat; margin:0 auto;} #adv_3 .ta{ width:600px; height:auto; float:left;} #adv_3 .ta_1 { padding-left:50px;} #adv_3 .tb{ width:600px; height:auto; float:right;} #adv_3 .tb_1 { font-size:26px; color:#222; padding-top:52px; padding-left:70px;} #adv_3 .tb_1 span { font-size:40px; color:#58b208; font-weight:bold;} #adv_3 .tb_2 { font-size:15px; color:#222;text-transform:uppercase; padding-left:70px; padding-top:2px;} #adv_3 .tb_3 { font-size:14px; color:#888; padding-left:70px; padding-top:30px; line-height:30px;} #adv_3 .tb_4 { width:180px; height:38px;border-radius: 50px;border: 1px solid #222; margin-left:15px; float:left;} #adv_3 .tb_5 { font-size:15px; color:#222; line-height:38px; text-align:center;} #adv_3 .tb_5 a {font-size:15px; color:#222;} #adv_3 .tb_5 :hover {font-size:15px; color:#eb4008;} #adv_3 .tb_6 { width:500px; height:38px; padding-left:108px; padding-top:30px;} #adv_4 { width:100%; height:447px; background:url(../image/20180719110224_656593856.jpg) center no-repeat; margin:0 auto;} #adv_4 .ta{ width:620px; height:auto; float:left;} #adv_4 .ta_1 { font-size:26px; color:#222; padding-top:45px; padding-left:85px;} #adv_4 .ta_1 span { font-size:40px; color:#58b208; font-weight:bold;} #adv_4 .ta_2 { font-size:15px; color:#222;text-transform:uppercase; padding-left:85px; padding-top:2px;} #adv_4 .ta_3 { font-size:14px; color:#888; padding-left:85px; padding-top:30px; line-height:30px;} #adv_4 .ta_4 { width:180px; height:38px;border-radius: 50px;border: 1px solid #222; margin-left:15px; float:left;} #adv_4 .ta_5 { font-size:15px; color:#222; line-height:38px; text-align:center;} #adv_4 .ta_5 a {font-size:15px; color:#222;} #adv_4 .ta_5 :hover {font-size:15px; color:#eb4008} #adv_4 .ta_6 { width:500px; height:38px; padding-left:123px; padding-top:30px;} #adv_4 .tb{ width:580px; height:auto; float:right;} #adv_4 .tb_1 { padding-left:50px;} /*solution*/ #solution_c_t{width:1200px; margin:0 auto; margin-top:30px;} #solution_c_t .h1{text-align:center; font-size:36px; font-weight:bold;} #solution_c_t .h2{text-align:center; font-size:18px; letter-spacing:10px; padding-top:2px;} #solution_c_t .h3{text-align:center; font-size:12px; color:#888; padding-top:10px; text-transform:uppercase; letter-spacing:2px;} #solution_c_c{width:100%; height:7px; background:url(../image/20180719142436_441162433.png) center no-repeat; margin-top:20px;} .solution_c_bgs{ padding:50px 0px;} .solution_c_bg{ width:1200px; margin:0 auto; height:496px; position:relative;} #tabs {overflow:hidden; width:1200px;} #tabs ul li {color:#fff; height:82px!important; line-height:82px; position:relative; cursor:pointer; width:240px; background:#6d6d6d; font-size:16px; text-align:center; margin-top:1px;} #tabs ul li.currents{color:#fff; background:#58b208; width:240px; height:82px!important;; height:82px; line-height:82px;} #contents{ width:660px; position:absolute; left:226px;} #contents ul{display:none;} #contents .c_img{width:660px; height:496px; margin-top:1px; position:relative;margin-left:45px;} #contents .c_img_bg{width:660px; height:496px; position:absolute;} #contents .c_img_font{width:620px; padding:20px; position:absolute; top:395px; background:url(../image/20180801143352_1070606667.png); line-height:30px; color:#fff;} #contents .c_img_font .h1{font-size:18px; color:#fff;} #contents .c_img_font .h1 a{font-size:18px; color:#fff;} #contents .c_img_font .h1 a:hover{font-size:18px; color:#ff0;} #contents .c_img_font .h2{font-size:12px; color:#888;} #contents .c_img_font .h2 a{font-size:12px; color:#888;} #contents .c_img_font .h2 a:hover{font-size:12px; color:#ff0;} /*留言*/ #feedback { width:100%; height:362px; background:url(../image/20180719150144_108333397.jpg) center no-repeat;} #feedback_1 { font-size:36px; color:#FFF; text-align:center; padding-top:40px; line-height:45px;} #feedback_1 span { font-size:16px; } .footer_ly{overflow:hidden; width:1200xp; margin:0 auto; margin:20px 0; color:#fff;} .footer_dr_dl_ti{float:left;} #footer_dr_d_ti{width:200px; overflow:hidden; height:50px; margin:7px 0px; float:left; overflow:hidden;border: 1px solid #83c549; margin-right:10px;} #footer_dr_d_ti_wo, #footer_dr_d_tf_wo{float:left; width:35px; padding-left:15px; line-height:50px; height:50px; font-size:14px; color:#fff;} #footer_dr_d_ti_hree{float:left; width:150px; height:50px;border:none;background:none; line-height:44px; color:#fff;} #footer_dr_d_ti_hree input{width:130px; height:50px; line-height:50px; padding:0 10px;border:none;background:none; font-size:13px; font-family:Microsoft YaHei; color:#fff;} #footer_dr_d_tf_ur{overflow:hidden; width:200px; margin-top:7px; height:50px;border: 1px solid #83c549; float:left; color:#fff;} #footer_dr_d_tf_wo{ line-height:50px; height:50px;} #footer_dr_d_tf_ve{float:left; width:150px; height:50px;} #footer_dr_d_tf_ve textarea{width:145px; border:none; height:46px; line-height:46px; font-size:13px; font-family:Microsoft YaHei; color:#fff; background:none;} #footer_dr_d_to{width:352px; overflow:hidden; margin-bottom:7px;float:right;} #footer_dr_d_to_wo{overflow:hidden; float:left; width:112px; padding-left:15px; line-height:50px; height:50px; font-size:14px; border: 1px solid #83c549; margin-top:7px; color:#fff;} #footer_dr_d_to_hree{float:left; width:80px; height:50px; line-height:50px; margin-left:5px;} #footer_dr_d_to_hree input{height:0px; line-height:50px; border:none; width:112px; float:left; text-align:center; font-size:16px; letter-spacing:2px; background:fdfdfd; color:#fff;} #footer_dr_d_to_hree_img{ float:left; line-height:50px; height:50px; padding:16px; background:#c8c8c8; margin-top:8px;} #footer_dr_d_ly_ao{overflow:hidden; text-align:center; float:right;} #footer_dr_d_ly_ao input{height:50px; width:122px; background:none; border:none; font-family:Microsoft YaHei; font-size:16px; color:#fff;} .footer_dr_d_ly_ao_l{background:#b4da00; overflow:hidden; width:112px; float:left; transition: all 0.8s linear; cursor:pointer; margin-top:8px; margin-left:5px;} .footer_dr_d_ly_ao_l:hover, .footer_dr_d_ly_ao_r:hover{transition: all 0.8s linear; background:#eb4008;} #footer_dr_d_tf_ve textarea, #footer_dr_d_ti_hree input, #footer_dr_d_to_hree input{outline:none;} .input{background:none; border:none; line-height:50px; color: #fff;} /*about*/ #about { width:100%; height:auto; margin:0 auto;} #about_1 { font-size:18px; color:#222; text-align:center; line-height:45px;} #about_1 span{ font-size:36px; color:#58b208; font-weight:bold; } #about_a { width:520px; height:348px; float:left;} #about_b { width:680px; height:348px; float:right;} #about_b .ab1 { font-size:20px; color:#222; font-weight:bold; padding-top:15px;} #about_b .ab2 { width:30px; height:1px; background-color:#58b208; margin-top:16px; margin-left:5px;} #about_b .ab3 { font-size:14px; color:#888; line-height:32px; padding-top:30px;} #about_b .ab4 { width:120px; height:36px; float:left; border: 1px solid #dadada; margin-top:30px; margin-right:20px;} #about_b .ab4_1 { font-size:30px; color:#bababa; text-align:center; line-height:36px;} #about_b .ab4_1 a {font-size:30px; color:#bababa;} #about_b .ab4_1 :hover {font-size:30px; color:#bababa} #about_b .ab5 { font-size:18px; color:#888; padding-top:30px;} #about_b .ab5 span { font-size:30px; color:#58b208; font-weight:bold;} /*厂房设备*/ #equ_bg{width: 100%;height: 350px;overflow: hidden;} #equ_t{margin-top: 30px;} #showtd0{width:140px;height: 46px;float: left;position: relative;} #showtd0:after,#showtd0 after{content: ''; border-left: 25px solid #333;border-top: 46px solid transparent!important;position: absolute;width: 0px;height: 0px;top: 0px;right: -25px;} #showtd1{width:128px;height: 46px;float: left;position: relative;margin-left: 40px;} #showtd1:before,#showtd0 before{content: '';border-right: 25px solid #EB4008;border-bottom: 46px solid transparent!important;position: absolute;width: 0px;height: 0px;top: 0px;left: -25px;} #showtd1:after,#showtd0 after{content: ''; border-left: 25px solid #2554ac;border-top: 46px solid transparent!important;position: absolute;width: 0px;height: 0px;top: 0px;right: -25px;} #equ_t .on{background:#EB4008;} #equ_t .out{background: #68b400;} #equ_t .on:after,#equ_t .on:before,#equ_t .on after,#equ_t .on before{border-color:#EB4008; } #equ_t .out:after,#equ_t .out:before,#equ_t .out after,#equ_t .out before{border-color:#68b400;} #showtd0 i,#showtd1 i{display: block;width: 9px;height: 9px;margin: 19px 0 0 24px;background: #fff;float: left;} #showtd0 a,#showtd1 a{display: block;text-align: center;line-height: 46px;color: #fff;font-size: 16px;} .equ_ti{width: 850px;height: 1px;background: #ccc;margin-top: 21px;} .tabcon{margin-top:20px;} .company_img {position: relative; } .company_list { height: 46px; position: relative; width: 100%; } .company_list:after { content: ''; display: block; width: 850px; height: 1px; background: #ddd; right: 0px; position: absolute; top: 22px; } .company_list li { float: left; margin-right: 35px; } .company_list li a { display: block; font-size: 16px; color: #fff; background: #333; line-height: 46px; padding: 0 20px; position: relative; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .company_list li a:after{ content: ''; border-bottom: 46px solid #333; border-right: 25px solid transparent; position: absolute; bottom: 0; right: -25px; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .company_list li.comp_l2 a:before{ content: ''; border-top: 46px solid #333; border-left: 25px solid transparent; position: absolute; bottom: 0; left: -25px; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .company_list li.comp_l1 a { padding:0 25px; } .company_list li.cur a{background: #d6000f} .company_list li.cur a:after{ border-bottom: 46px solid #d6000f; border-right: 25px solid transparent; } .company_list li.cur a:before{ border-top: 46px solid #d6000f; border-left: 25px solid transparent; } .photo_cont{padding:20px 0; } .photo_cont > div{position: relative;} .photo_cont .cont_p2{display: none;} .photo_cont .cont_p3{display: none;} .comp_ibtn { width: 50px; height: 50px; background: #58b208 url(../image/20180801101429_1390548547.png) no-repeat; display: block; position: absolute; top: 75px; cursor: pointer; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;} .comp_ibtnl:after{ content: ''; border-bottom: 50px solid #58b208; border-right: 13px solid transparent; position: absolute; bottom: 0; right: -13px; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .comp_ibtnl:hover:after{border-bottom: 50px solid #EB4008; border-right: 13px solid transparent; } .comp_ibtnr:after{ content: ''; border-bottom: 50px solid #58b208; border-left: 13px solid transparent; position: absolute; bottom: 0; left: -13px; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .comp_ibtnr:hover:after{border-bottom: 50px solid #EB4008; border-left: 13px solid transparent;} .comp_ibtnl:before{ content: ''; border-top: 10px solid #454545; border-left: 25px solid transparent; position: absolute; bottom: -10px; left: 0; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .comp_ibtnr:before{ content: ''; border-top: 10px solid #454545; border-right: 25px solid transparent; position: absolute; bottom: -10px; right: 0; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .comp_ibtnl:hover:before{border-top: 10px solid #db303b; border-left: 25px solid transparent;} .comp_ibtnr:hover:before{border-top: 10px solid #db303b; border-right: 25px solid transparent} .comp_ibtnl{ left: -25px; background-position: left center; } .comp_ibtnr{ right: -25px; background-position: right center} .comp_ibtn:hover{ background-color: #EB4008; } .company_img_cont table { display: block; width: 1230px; } .company_img_cont td { display: block; float: left; padding: 0 !important; position: relative; margin-right: 20px; } .company_img_cont td a img { display: block; width: 100%; height: auto; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out } .company_img_cont td > a { display: block;overflow:hidden; border: 1px solid #ccc; } .cont_p1 .company_img_cont td { width: 285px; } .company_img_cont td br{display:none;} .cont_p2 .company_img_cont td { width: 285px; margin-right: 20px} .cont_p2 .comp_ibtn{ top: 75px; } .company_img_cont table > tbody > tr > td > div { padding: 0 !important; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; width: 100%; position: relative; top: 0; background: none; } .company_img_cont table > tbody > tr > td > div > a { font-size: 14px; color: #58b208; line-height: 40px; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } #company_img_cont table > tbody > tr > td:hover > div { width: 90%; margin: 0 auto; background: #EB4008; top: -20px; } #company_img_cont table > tbody > tr > td:hover > div > a { color: #fff; font-size: 16px; } #company_img_cont1 table > tbody > tr > td:hover > div { width: 90%; margin: 0 auto; background: #EB4008; top: -20px; } #company_img_cont1 table > tbody > tr > td:hover > div > a { color: #fff; font-size: 16px; } /*新闻动态*/ .news{ padding:45px 0; background:#f6f6f6; margin-top:30px;} .news .title{ text-align:center; font-weight:bold; color:#58b208; font-size:35px; line-height:38px; margin-bottom:40px;} .news .title strong{font-weight:bold; color:#7bcf36; font-size:35px;} .news .title span{font-weight: normal; color:#333; font-size:24px; line-height:40px;} .news .title p{ display:block; width:1200px; padding-top:4px; height:11px; line-height:14px; background:url(../image/20180801143454_776436156.jpg) no-repeat center bottom; font-weight: normal; color:#bebebe; font-size:11px; font-family: "Arial"; text-transform: uppercase;} .page { margin: 0 auto; width: 1200px;} .news_div_item_day,.news_div_item_month,.news_div_item_year{ display:inline; color:#fff; font-size:18px; font-family:arial} .news_div_item_title .news_div_item_a{ display:block; color:#fff; font-weight:bolder; font-size:18px; line-height:26px} .news > .page > .fl .news_div { overflow: hidden; width: 360px; height: 436px; } #it_awewe{ position:absolute; top:75px; right:20px; z-index:2; width:60px; text-align:center} #hot_ranks{ position:relative} #it_awewe span{ float:left; display:block; margin:0 5px; width:17px; height:2pc; color:#fff; font-size:25px; line-height:50px; cursor:pointer} #it_awewe > #previous2{ background:url(../image/20180801101633_1177366575.png) no-repeat left top; text-indent:999em} #it_awewe > #next2{ background:url(../image/20180801101633_1177366575.png) no-repeat right top; text-indent:999em} .convert1 > a{ position:absolute; right:0; display:block; color:#333; text-decoration:underline; font-size:14px; line-height:30px} .convert1 > a:hover{ color:#58b208} .convert1{ position:relative; width:810px; overflow:hidden;} .news_div_item_title { padding: 25px 25px 79px; background: #58b208; } .news_div_item{ position:relative; padding-bottom:315px} .news_div_item_date{ position:absolute; top:60px; left:25px; color:#fff} .news_div_item_pic{ position: absolute; top: 130px; width: 100%; height: 215px; overflow: hidden; } .news_div_item_pic a{ display: block; } .news_div_item_pic a img{ width: 100%; height: auto; } .news_div_item_content .news_div_item_body{ position:absolute; bottom:0; margin-bottom:4px; padding:10px; border-bottom:1px solid #ccc; color:#666; font-size:14px; line-height:26px} .content1{ position:relative; overflow:hidden; width:810px; height:420px} .content1 ul{ position:absolute; left:0} .content1 ul li{ float:left; width:810px} .divdgweb_new_div_item{ margin:25px 0 0; height:105px; border-bottom:1px solid #ddd; cursor:default; transition:.15s all ease} .divdgweb_new_div_item_day,.divdgweb_new_div_item_month,.divdgweb_new_div_item_year{ color:#a1a1a1; font-family:arial; transition:.15s all ease} .divdgweb_new_div_item_day{ position:absolute; top:10px; left:0; display:block; width:100%; text-align:center; font-size:45px; line-height:60px} .divdgweb_new_div_item_month,.divdgweb_new_div_item_year{display:inline;font-size:14px} .divdgweb_new_div_item_date{position:relative;float:right;display:block;padding:68px 10px 21px;width:130px;background:#e8e8e8;text-align:center;transition:.15s all ease} .divdgweb_new_div_item_content{float: left;padding: 8px 13px;width:593px;height: 90px;} .divdgweb_new_div_item_a{color:#333;font-weight:bolder;font-size:18px!important;line-height:30px;display:block;} .divdgweb_new_div_item_body{padding-top:3px;color:#666;text-align:justify;font-size:14px;line-height:2em} .tab1 a{float:left;display:block;padding:2px 15px;height:25px;border-left:3px solid #efeff0;color:#555;font-weight:100%;font-size:1pc;line-height:25px} .divdgweb_new_div_item:hover{border-bottom:1px solid #58b208;background:#f9f9f9} .divdgweb_new_div_item:hover .divdgweb_new_div_item_date{background:#58b208} .divdgweb_new_div_item:hover .divdgweb_new_div_item_day,.divdgweb_new_div_item:hover .divdgweb_new_div_item_month,.divdgweb_new_div_item:hover .divdgweb_new_div_item_year{color:#fff} .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{color:#58b208;} .tab1 a.on{border-left:3px solid #58b208; color:#58b208;font-weight:bolder} .fl,.left{float:left;} .fr,.right{float:right;} /*版权*/ .footer_bg { width: 100%; min-width: 1200px; height:592px; background: url(../image/20180719172859_157223818.jpg) center no-repeat;; font-family: "Microsoft YaHei"; color: #fff;} .footer_nbg {height: 280px;} .footer_bg a { color: #fff; font-size: 14px;} .footer_bg a:hover {color: #ff0; font-size: 14px;} .footer_l {width: 800px; margin-top:40px;} .footer_l li {width: 120px;float: left;margin-right: 40px;} .footer_l li a {display: block; line-height: 30px; font-size:14px;} .footer_l li p { padding-bottom: 30px; background: url(../image/20180801144053_1407634548.jpg) no-repeat left 44px;} .footer_l li p a { font-size: 20px; color: #fff;} .footer_l li p a:hover { font-size: 20px; color: #fff;} .footer_r {width: 400px; padding-top: 40px; font-size: 20px; line-height: 24px; color: #fff;} .footer_r li { width:180px; padding-right:18px; float:right;} .footer_r p{ padding-bottom: 30px; background: url(../image/20180801144053_1407634548.jpg) no-repeat left 44px;} .footer_r span { text-align: center; font-size: 14px; line-height: 24px; color: #fff;} .footer_r img { padding-top: 15px;} .footer_l li.cont_w { line-height: 30px; width: 274px; font-size:14px;} .link {height: 58px; line-height: 58px; solid; border-top: 1px #69cd11 solid; margin-top: 50px;} .link_l { width:110px; padding-left: 33px; font: 15px/58px "Microsoft YaHei"; background: url(../image/20180801143959_612684849.png) no-repeat 6px center;} .link_r { width: 880px;} .copy { text-align:left; line-height: 60px; font-size: 14px; border-top: 1px #69cd11 solid;} .copy a { color: #fff; font-size: 14px;} .copy a:hover {color: #ff0; font-size: 14px;} .linkTagcs li a { color: #fff !important; }