@charset "utf-8"; @CHARSET "UTF-8"; .head{ width: 1920px; margin-left: -960px; left: 50%; position: relative; } .inhead{ width: 1200px; margin: 0 auto; } #header{width:1200px;margin:0 auto;} .top{} .logo{float:left;} .topLink{width:400px;float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{ color:#074b91; font-size:14px; font-family:""; margin-right: -50px; } #menu{ margin-top:5px; border-top: 1px solid #dedede; width: 1920px; left:50%; margin-left: -960px; position: relative; background: #076ba8; } .ssbox{ width: 1920px; margin-left: -960px; left: 50%; position: relative; background-color: #076ba8; height: 40px; } .search{ width: 1200px; margin: 0 auto; } .search{ text-align:left; height:24px; /*padding:5px 10px 5px 10px;*/ } #formsearch{ width:192px; float:right; background: url(../images/ssbg.jpg) no-repeat; margin-top: 7px; } .hotSearch{ /* width:400px; */ float:left; height:40px; line-height:40px; font-weight:normal; color: #fff; } .hotSearch a{ color: #fff; } .hotSearch a{margin-right:6px;} #formsearch input{ height:22px; line-height:24px; background: none; border: none; width: 130px; } #formsearch input#keyword{ height:25px; line-height:24px; padding-left:24px; color:#666; background: none; border: none; } #formsearch input#s_btn{ width:24px; height:25px; line-height:24px; text-align:center; color:#fff; border:none; cursor:pointer; background: none; } .topc{ width: 1920px; left: 50%; margin-left: -960px; position: relative; height: 160px; background: url(../images/topc.jpg) no-repeat center; } .intopc{ width: 1200px; margin: 0 auto; } .topcl{ padding-top: 20px; width: 320px; float: left; text-align: left; font-size: 40px; color: #fff; } .topcl span{ font-size: 22px; display: block; } .outprc{ width: 1920px; margin-left: -960px; left: 50%; position: relative; } .prcbox{ width: 1200px; margin: 0 auto; padding-top: 20px; } .stitle{ text-align: center; font-size: 32px; color: #111111; background: url(../images/titbg.png) no-repeat center; padding-top: 46px; font-weight: normal; margin-bottom: 50px; } .stitle span{ font-size: 20px; color: #111111; letter-spacing: 30px; display: block; font-weight: normal; } .tab0li{ width: 280px; float: left; } .tab0li li{ width: 255px; height: 84px; margin-bottom: 64px; background: url(../images/tab0libg.png) no-repeat left bottom; } .tab0li .n1{ font-size: 44px; color: #8d8d8d; width: 60px; float: left; } .tab0li .n2{ font-size: 18px; color: #8d8d8d; padding-top: 10px; } .tab0li .n2 span{ display: block; font-size: 16px; color: #8d8d8d; } .tab0li li:hover .n1{ font-size: 44px; color: #f5811b; width: 60px; float: left; } .tab0li li:hover .n2{ font-size: 18px; color: #f5811b; padding-top: 10px; } .tab0li li:hover .n2 span{ display: block; font-size: 16px; color: #151515; } .tab{ width: 846px; float: right; margin-right: 27px; } .product_list2{} .product_list2 li{ float:left; margin-left:6px; margin-right:6px; padding-bottom:15px; _display:inline; margin-top: 16px; } .product_list2 li:nth-child(1){ margin-left: 0px; } .product_list2 li:nth-last-child(1){ margin-right: 0px; } .product_list2 li a.img{padding:1px;border:1px solid #e0e1dc;} .product_list2 li a.img img{ width:270px; height:146px; } .product_list2 li h3{ text-align:center; position: relative; margin-top: -44px; background-color: rgba(24,24,24,0.3); } .product_list2 li h3 a{ font-weight:normal; line-height: 44px; color: #fff; } .product_list2 li a.img{display:block;} .product_list2 li a.img:hover{border-color:#e87518;} .outys{ width: 1920px; height: 912px; margin-left: -960px; position: relative; left: 50%; background: url(../images/ysbg.png) no-repeat center; } .ysbox{ width: 1200px; margin: 0 auto; } .stitle2{ text-align: center; font-size: 32px; color: #fff; background: url(../images/titbg.png) no-repeat center 46px; padding-top: 70px; font-weight: normal; margin-bottom: 86px; } .stitle2 span{ font-size: 20px; color: #fff; letter-spacing: 23px; display: block; font-weight: normal; } .tab1{ width: 1200px; height: 438px; overflow: hidden; margin-bottom: 20px; } .tab1li li{ float: left; text-align: center; margin-right: 20px; -webkit-filter: grayscale(1); filter: grayscale(1); width:224px; } .tab1li li:nth-last-child(1){ margin-right: 0px; } .tab1li li:hover{ -webkit-filter: grayscale(0); filter: grayscale(0); } .tab1li li h3{ color: #9ca4ab; font-size: 16px; line-height: 46px; font-weight: normal; } .tab1li li:hover h3{ color: #fff; } .outsy{ width: 1920px; height: 660px; background: url(../images/sybg.png) no-repeat; left: 50%; margin-left: -960px; position: relative; } .sybox{ width: 1200px; margin: 0 auto; position: relative; height: 660px; } .stitle3{ text-align: center; font-size: 32px; color: #111111; background: url(../images/titbg.png) no-repeat center 56px; padding-top: 84px; font-weight: normal; margin-bottom: 86px; } .stitle3 span{ font-size: 20px; color: #111111; letter-spacing: 20px; display: block; font-weight: normal; } .syz{ width: 427px; height:200px; overflow: hidden; float: right; margin-right: 190px; margin-top: 66px; } .syz li{ font-size: 16px; color: #111111; line-height: 30px; padding-bottom: 50px; } .syz li:nth-child(1){ width: 438px; } .syz li:nth-child(2){ width: 318px; } .z1{ position: absolute; width: 476px; height: 460px; overflow: hidden; top: 198px; } .z2{ position: absolute; right: -100px; bottom: 0px; } .outal{ width: 1920px; left: 50%; margin-left: -960px; position: relative; } .albox{ margin: 0 auto; width: 1200px; height: 800px; } .stitle4{ text-align: center; font-size: 32px; color: #111111; background: url(../images/titbg.png) no-repeat center; padding-top: 46px; font-weight: normal; margin-bottom: 82px; } .stitle4 span{ font-size: 20px; color: #111111; letter-spacing: 16px; display: block; font-weight: normal; } .ableft{ width: 224px; height: 540px; float: left; } #news_demoa{overflow:hidden;margin:0 auto;position:relative;} #innewsdemoa {height:750px;} #news_demo1a {} #news_demo2a {} .product_lists{margin-left:0px;} .product_lists li{_display:inline;} .product_lists li a.img{} .product_lists li a.img img{width:200px;height:165px;} .product_lists li h3{line-height:34px;padding-left: 76px;} .product_lists li h3 a{font-weight:normal;color:#2c2825;font-size: 14px;} .product_lists li a.img{display:block;} .product_lists li a.img:hover{border-color:#e87518;} .nei2-more{padding-top:40px;padding-left:50px;} .moreg a{ display: block; font-size: 16px; background-color: #e5e5e5; text-align: center; line-height: 58px; color: #080808; } .abright{ width: 976px; float: left; } .products1{ position: relative; width: 500px; float: left; } .products1 .prolist1{ width:1600px; /* margin:auto;*/ /*padding-top:14px;*/ position: relative; /*padding-top: 77px;*/ } .products1 .content1 li{ text-align:center; float:left; /*margin:0 13px;*/ width:476px; height:540px; position:relative; overflow:hidden; background: url(../images/plibg.png) no-repeat; } .products1 .content1 li a{ display: block; } .products1 .content1 li h3{ position:relative; left:0; margin-top: 41px; width:100%; text-align:left; line-height:24px; /* background:#a1a0a5;*/ font-size: 16px; } .products1 .content1 li h3 a{font-weight:normal;font-size:14px;color:#000000;} .products1 .content1 li h3 a:hover{color:#080808;} .products1 .content1 img{ width:476px; height:356px; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; /*margin: 8px;*/ } /*.products .content li:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); transform:scale(1.1,1.1); -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; transition:all 0.6s ease-out; }*/ .products1 .content1{ width:476px; overflow:hidden; /* height:160px;*/ float:left; margin-left: 25px; } .pre_left1{ cursor: pointer; _display: inline; width: 40px; height: 40px; background: url(../images/le1.png) 0 50% no-repeat; left: 420px; position: absolute; z-index: 9; top: 357px; } .pre_right1{ cursor: pointer; width: 40px; height: 40px; left: 461px; background: url(../images/re1.png) 0 50% no-repeat; position: absolute; z-index: 9; top: 357px; } .products1:hover .pre_right1{ display: block; } .products1:hover .pre_left1{ display: block; } .opc:hover{opacity: 0.7;filter:alpha(opacity=70);} .xiangxi{ text-align: left; font-size: 16px; color: #a6a6a6; line-height: 22px; margin-top: 24px; /* margin-bottom: 30px;*/ } .xiangxi a{ margin-top: 30px; color: #111111; font-size: 12px; } .pright2{ float: left; margin-left: 1px; width: 443px; } .pright2 ul{ margin-top: 41px; } .pright2 li{ line-height: 54px; font-size: 16px; color: #111111; text-align: right; } width: 1920px; left: 50%; margin-left: -960px; position: relative; height: 590px; background: url(../images/abbg.png) no-repeat; } .abox{ width: 1200px; margin: 0 auto; } .abl{ width: 520px; float: left; } .abl .content1{ padding: 68px 0 0 46px; color: #fff; line-height: 24px; } .abl .content1 h2{ font-size: 20px; color: #fff; padding-bottom: 44px; } .products{ width:440px; /* margin:auto;*/ padding-top:14px; position: relative; /*padding-top: 77px;*/ } .products .content li{ text-align:center; float:left; margin:0 13px; width:124px; height:169px; position:relative; overflow:hidden; background: url(../images/plibg.png) no-repeat; } .products .content li a{ display: block; } .products .content li h3{position:absolute;left:0;bottom:-24px;width:100%;text-align:center;line-height:24px;background:#a1a0a5;} .products .content li h3 a{font-weight:normal;font-size:14px;color:#000000;} .products .content li h3 a:hover{color:#fff;} .products .content img{ width:124px; height:169px; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; /*margin: 8px;*/ } /*.products .content li:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); transform:scale(1.1,1.1); -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; transition:all 0.6s ease-out; }*/ .products .content{ width:460px; overflow:hidden; /* height:160px;*/ float:left; margin-left: 54px; } .pre_left{ cursor: pointer; float: left; margin-top: 43px; _display: inline; width: 45px; height: 75px; background: url(../images/le.png) 0 50% no-repeat; margin-right: 30px; left: 32px; position: absolute; z-index: 9; } .pre_right{ cursor:pointer; float:right; margin-top:43px; width:45px; height:75px; right: -104px; background:url(../images/re.png) 0 50% no-repeat; position: absolute; z-index: 9; } .products:hover .pre_right{ display: block; } .products:hover .pre_left{ display: block; } .opc:hover{opacity: 0.7;filter:alpha(opacity=70);} .abr{ width: 494px; height: 312px; float: left; overflow: hidden; margin-left: 94px; margin-top: 146px; } .abr a{ float: right; padding-top: 20px; color: #fff; } .nei2-con{ height: 254px; border-left:1px solid #8d8d8d; border-right:1px solid #8d8d8d; overflow: hidden; width: 221px; } .outnews{ width: 1920px; left: 50%; margin-left: -960px; position: relative; height: 572px; } .newbox{ width: 1200px; margin: 0 auto; margin-top: 110px; } .newsboxl{ width: 522px; float: left; margin-left: 48px; } .tab2li{ border-bottom: 1px solid #cdcfd4; height: 52px; } .tab2li a{ line-height: 27px; float: right; padding-top: 10px; padding-right: 24px; } .tab2li li{ width: 110px; float: left; height: 52px; } .tab2li li h2{ font-size: 16px; text-align: center; } .tab2li li h2 span{ display: block; color: #cbcbcb; font-size: 12px; font-weight: normal; } .cur2{ color: #e86d00; background: url(../images/curbg.png) no-repeat bottom ; } .news{margin-top:80px;} .news_company{width:520px;margin-right:48px;} .news1_title{border-bottom:1px solid #e5e5e5;font:400 22px/50px "ÃÆÉŀ™Ãƒâ€šÃ—Q¥Ãƒââ—Q±RšÃ‚×Q¾Ãƒââ—Q±RšÃ‚×Q®ÃƒÆÉŀ™Ãƒâ€šÃ—Q¨Ãƒââ—Q±RšÃ‚×Q³CƒÆ’ƒÆ’ââ—Q±RšÃ‚×Q¯ÃƒÆÉŀ™Ãƒâ€šÃ—Q©ÃƒÃ—Q¢Ã¢ââ—Q±Rš×Q¬Ã‚×QºÃƒÃ—Q¢Ã¢ââ—Q±Rš×Q¬Ã‚×Q¦ÃƒÆÉŀ™Ãƒâ€šÃ—Q©Ãƒââ—Q±RšÃ‚×Q»ÃƒÃ—Q¢Ã¢ââ—Q±Rš×Q¬Ã‹Ã äÉÅہâ€?;color:#111;position:relative;} .news1_title span{padding-left:12px;color:#999;font-size:14px;text-transform:uppercase;} .news1_title a{position:absolute;right:0;top:0;} .news_company .content{padding-top:20px;} .news_list1{margin-top:12px;} .news_list1 li{ border-bottom:1px dashed #e3e3e3; padding-bottom:20px; float: left; width: 270px; margin-left: 28px; margin-top: -14px; margin-bottom: 10px; } .news_list1 img{ width: 200px; height: 160px; float: left; } .news_list1 li a{ line-height:27px; line-height:45px; font-size:14px; background:url(../images/ndot.jpg) no-repeat 0% 50%; color: #333333; } .news_list1 li a:hover{text-decoration:none;color:#ff6621;} .news_list1 li span{display:block;color:#999;font:400 12px/22px "";} .news_list2 li{ position: relative; width: 502px; } .news_list2 li a{ line-height:27px; /* padding-left:22px;*/ line-height:45px; font-size:14px; /*background:url(../images/ndot.jpg) no-repeat 0% 50%;*/ border-bottom:1px dashed #e3e3e3; display:block } .news_list2 li a:hover{color:#ff6621;} .news_list2 li span{ position: absolute; right: 0px; top: 10px; color: #999999; } .newsboxr{ width: 502px; float: right; margin-right: 54px; } .titli{ border-bottom: 1px solid #cdcfd4; height: 52px; margin-bottom: 20px; } .titli a{ line-height: 27px; float: right; padding-top: 10px; padding-right: 24px; margin-top: -40px; } .titli li h2{ font-size: 16px; text-align: left; color: #e86d00; /*background: url(../images/curbg.png) no-repeat bottom ;*/ } .titli li h2 span{ display: block; color: #cbcbcb; font-size: 12px; font-weight: normal; } #ydemo{overflow:hidden;margin:0 auto;position:relative;height:410px;} #yindemo{height:100%;} #ydemo1{} #ydemo2{} .news_list3 li{position:relative;padding:8px 0 12px;border-bottom:1px dashed #e3e3e3;} .news_list3 li a{line-height:30px;padding-left:38px;background: url(../images/wen.png) left center no-repeat;display:block;font-size:14px;} .news_list3 li a:hover{text-decoration:none;color:#ff6621;} .news_list3 span{background: url(../images/da.png) left 3px no-repeat;padding-left:38px;font:400 12px/22px "å¾®èÊY雅黑";margin-top:10px;color:#999;display:block} .outdibu{ width: 1920px; left: 50%; margin-left: -960px; position: relative; height: 312px; background-color: #e5e5e5; } .dibu{ width: 1200px; margin: 0 auto; position: relative; } .dbl{ float: left; width: 180px; margin-left: 4px; } .dbr{ width: 1370px; float: left; position: absolute; left: 185px; } .f_link{ width: 1370px; height: 52px; line-height: 30px; text-indent: 136px; background: url(../images/linkbg.png) no-repeat; padding-top: 24px; } .f_link a{ font-size:14px; padding-left:10px} .fl1,.fl2,.fl3,.fl4{ width: 130px; float: left; margin-left:60px; margin-top: 18px; } .fl2,.fl3,.fl4{ width: 130px; float: left; margin-left: 130px; margin-top: 18px; } .fl1 h2{ font-size: 16px; color: #1e1e1e; text-indent: 24px; background: url(../images/cpb.png)no-repeat left; margin-bottom: 20px; } .fl2 h2{ font-size: 16px; color: #1e1e1e; text-indent: 24px; background: url(../images/cpb2.png)no-repeat left; margin-bottom: 20px; } .fl3 h2{ font-size: 16px; color: #1e1e1e; text-indent: 24px; background: url(../images/cpb3.png)no-repeat left; margin-bottom: 20px; } .fl4 h2{ font-size: 16px; color: #1e1e1e; text-indent: 24px; background: url(../images/cpb4.png)no-repeat left; margin-bottom: 20px; } .fl1 li,.fl2 li,.fl3 li,.fl4 li{ background: ; line-height: 26px; height: 26px; font-size: 15px; background: url(../images/ddian.png) no-repeat left; text-indent: 16px; } .foot{ width: 1920px; left: 50%; margin-left:-960px; position: relative; height: 200px; background-color: #1e1e28; } #footer{ position:relative; width:1200px; margin:0 auto; text-align:center; color: #fff; padding-top:20px; } #footer p{color:#fff; font-size:14px; line-height:30px;} #footer a:hover{color:#e87518;text-decoration:none;} #footer a{color:#fff;text-decoration:none;} .nav_foot{text-align:center;line-height:24px;color:#666;} .copyright{ text-align:center; line-height:24px; width: 530px; text-align: left; float: left; padding-top: 56px; } .dlogo{ width: 308px; float: left; } .dlx{ width: 306px; padding-top: 56px; padding-left: 50px; color: #fff; line-height: 26px; float: left; text-align: left; font-size: 12px; } #gotop{ position:fixed; display:none; height:42px; width:42px; background:url(../images/top.png) no-repeat; right:100px; bottom:130px; cursor:pointer; } #container{width:1000px;margin:0 auto;margin-top:10px;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®èÊY雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®èÊY雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®èÊY雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®èÊY雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} .news2_company{margin-top:10px;} .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®èÊY雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®èÊY雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:1920px;margin:0 auto;} .n_banner img{width:1920px;margin:0 auto} .left{width:225px;float:left;} .sort_menu{} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:760px;float:right;padding-bottom:10px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .left{ float:left;} .right{ float:right;} .container{margin-left:auto; margin-right:auto; width:1200px;} .header{ width:100%; position:relative; z-index:999; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: 0px 26px; } .header .hdTop{width:100%; background-color:#e6e6e6; height:35px;} .header .hdTop p{ font-size:12px; color:#565656; float:left; line-height:35px;} .header .hdTopUl{ float:right; margin-top:12px; margin-right: 15px;} .header .hdTopUl li{ font-size:12px; float:left; position: relative;} .header .hdTopUl li a{ color:#565656; padding:0 10px; border-right:1px solid #686868} .header .hdTopUl li:first-child a{ background: url("Img/Common/hd_wx.png") no-repeat left 2px; padding-left: 25px;} .header .hdTopUl li.last a{ border:none; padding-right: 0;} .header .wx{ display: none; width: 125px; height: 125px; position: absolute; top:35px; left:-10px;} .header .hdTopUl li:hover .wx{ display: block;} .header .hdMd{overflow:hidden;margin:10px auto;height: 140px;} .header .hdMd h1{ float:left;} .header .hdMd h1 img{ display:block;} .header .hdDl{float: left;width: 520px;margin-top: 25px;margin-left:0px;} .header .hdDl dt{float: left;padding: 0 10px;border-right: 1px solid #555555;height: 90px;} .header .hdDl dt b,.header .hdDl dt a{ display: block;} .header .hdDl dt b{ font-size:35px; color: #072fa8;} .header .hdDl dt a{ color: #959595; font-family:Arial; font-size: 18px;} .header .hdDl dd{ float: right;} .header .hdDl dd h2{font-size: 33px;font-weight:normal;color: #333333;font-weight: bold;} .header .hdDl dd p{font-size: 16px;color:#333333;margin-top: 5px;} .header .hdPhone{ float:right; padding-left:45px; margin-top: 28px; margin-right: 15px; background:url(../images/tel.png) no-repeat left center; padding-left:48px; } .header .hdPhone p{ font-size:16px; color:#898989;} .header .hdPhone h3{font-size: 36px;color:#e45600;font-family: å¾®èÊY雅黑;font-weight:normal;font-weight: bold;} .header .hdNav{ width:100%; background:#076ba8; } .header .navBox{height:55px; line-height:55px;} .header .nav{ width: 102%;} .header .nav>li{ float:left; font-size:15px; position:relative; } .header .nav>li>a{ display:block; color:#fff; text-decoration:none;background: url("Img/Common/ha_navv_liBg.png") no-repeat right center;} .header .nav>li.last a{background:none; } .header .nav>li:hover,.header .nav>li.cur{ background:#ff4100;} .header .nav>li:hover>a,.header .nav>li.cur>a{color:#fff; background: none;} /**/ .khal {background-image: url(../images/bj.jpg);padding-bottom: 50px;position: relative;} .khal h2.h2_title {background-image: url(../images/artline02.png);} .khal h2.h2_title i {background: url(../images/artty02.png) no-repeat center;} .khal h2.h2_title a {background: #d01817;color: #fff;} .khal p.p_title {color: #fff;} .khal .container {position: relative;} .khal .khalxl {display: block;width: 36px;height: 18px;position: absolute;left: 50%;margin-left: -18px;bottom: -68px;z-index: 2;background: url(../images/xl01.png) no-repeat center;} .khal .khal_con {position: relative;} .khal .khal_con .con_top {position: relative;overflow: hidden;} .khal .khal_con .con_top ul {position: relative;} .khal .khal_con .con_top ul li {float: left;width: 290px;margin-left: 12px;} .khal .khal_con .con_top ul li:first-child {margin-left: 0;} .khal .khal_con .con_top ul li i {display: block;width: 290px;height: 250px;overflow: hidden;} .khal .khal_con .con_top ul li img {display: block;transition: all 0.5s;} .khal .khal_con .con_top ul li p {height: 60px;line-height: 60px;text-align: center;font-size: 15px;color: #000;background: url(../images/khalbg.jpg);} .khal .khal_con .con_top ul li:hover img {transform: scale(1.1);} .khal .khal_con .khal_btnl {display: block;width: 54px;height: 59px;position: absolute;left: -80px;top: 130px;background: url(../images/jtl03.png) no-repeat center;cursor: pointer;} .khal .khal_con .khal_btnr {display: block;width: 54px;height: 59px;position: absolute;right: -80px;top: 130px;background: url(../images/jtr03.png) no-repeat center;cursor: pointer;} .khal .khal_con .khal_bot {height: 228px;background: url(../images/khalzxly.jpg) no-repeat center;margin-top: 10px;position: relative;} .khal .khal_con .khal_bot .khal_info {width: 400px;height: 115px;position: absolute;right: 45px;top:75px;} .khal .khal_con .khal_bot .khal_info .info_p {height: 45px;overflow: hidden;width: 266px;position: relative;border-bottom: 1px solid #fff;margin-bottom: 20px;} .khal .khal_con .khal_bot .khal_info .info_p input {float: left;width: 220px;border: none;border: 1px solid #bcbcbc;border-right: none;height: 43px;line-height: 43px; font-size: 14px;color: #666;text-indent: 12px;background: none;} .khal .khal_con .khal_bot .khal_info .info_p span {float: left;width: 44px;height: 43px;border: 1px solid #bcbcbc;border-left: none;} .khal .khal_con .khal_bot .khal_info .p1 span {background: url(../images/khalicon01.png) no-repeat center;} .khal .khal_con .khal_bot .khal_info .p2 span {background: url(../images/khalicon02.png) no-repeat center;} .khal .khal_con .khal_bot .khal_info a.yydz {display: block;width: 110px;height: 110px;background: url(../images/khal02.png) no-repeat center;position: absolute;right: 0;top: 0;} h2.h2_title {text-align: center;height: 40px;background: url(../images/artline01.png) repeat-x left 84px;padding-top: 65px;font-weight: normal;} h2.h2_title i {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 7px;height: 7px;background: url(../images/artty01.png) no-repeat center;} h2.h2_title a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;line-height: 40px;font-size: 32px;color: #d01817;padding: 0 20px;background: #fff;line-height: 40px;} h2.h2_title span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;line-height: 40px;font-size: 32px;color: #d01817;padding: 0 20px;background: #fff;line-height: 40px;} p.p_title {font-size: 16px;color: #333;text-align: center;height: 24px;line-height: 24px;padding-bottom: 30px;} /*about*/ .about{overflow: hidden;width: 100%;background-color: #f6f6f6;padding: 85px 0 50px;} .about dl{ overflow: hidden} .about dt{ float: left;} .about dd{ float: right; width: 662px; margin-top: 5px; padding-top: 0; padding-right: 30px; padding-bottom: 0; padding-left: 0px; } .about dd h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 22px;color:#076ba8;padding-left:80px;} .about dd p{ height: 132px; line-height: 22px; overflow: hidden; font-size: 13px; color: #4e4e4e; padding-left:80px; margin-top: 20px; margin-right: 0; margin-bottom: 30px; margin-left: 0; } .about .about_a a{display: block;float: left;margin-left: 80px;background-color: #076ba8;width:215px;height:40px;line-height:40px;text-align:center;font-size:18px;color:#FFFFFF;} .news{ padding-top:30px;height:538px;} .news .left{ width:567px;} .news .left .hd{ background:url(../images/news-ico1.png) no-repeat left center; padding-left:26px; height:56px;} .news .left .hd span.more{ float:right; display:block; height:56px; line-height:56px; font-size:14px; color:#9a9a9a} .news .left .hd span.more a{color:#9a9a9a} .news .left .hd span.more a:hover{ color:#1f76e5} .news .left .hd ul li{ display:block; float:left; width:113px; text-align:center; height:56px; line-height:56px; font-size:20px; color:#363636;} .news .left .hd ul li a{color:#363636;} .news .left .hd ul li.on a{ color:#076ba8; font-weight:bold;} .news .left .bd .news_tj { padding:10px 0; border-bottom:1px solid #ededed; margin-bottom:10px;} .news .left .bd .news_tj a{ display:block; font-size:16px; color:#000; height:28px; line-stacking:28px; overflow:hidden; font-weight:bold;} .news .left .bd .news_tj a:hover{ color:#1f76e5} .news .left .bd .news_tj p{ font-size:14px; color:#878787; line-height:24px; height:48px; overflow:hidden;} .news .left .bd ul li{ height:37px; line-height:37px; padding-left:12px; overflow:hidden; background:url(../images/li.png) no-repeat left center;} .news .left .bd ul li span{ float:right; font-size:14px; color:#bababa; margin-left:15px;} .news .left .bd ul li a{ font-size:14px; color:#535353} .news .left .bd ul li a:hover{ color:#1f76e5} .news .right{ width:565px;} .news .right .title{ height:56px; line-height:56px; background:url(../images/news-ico2.png) no-repeat left center; padding-left:35px; } .news .right .title p{ font-size:20px; color:#363636; font-weight:bold;} .news .right .title p a{ color:#363636;} .news .right .title a.more{ float:right; font-size:14px;color:#9a9a9a} .news .right .title a.more:hover{ color:#1f76e5} .news .right dl{ padding-top:8px; padding-bottom:10px; border-bottom:1px solid #ededed} .news .right dl dt{ display:block; font-size:15px; color:#000; font-weight:bold; background:url(../images/w.png) no-repeat left center; padding-left:28px; line-height:36px; height:36px; overflow:hidden;} .news .right dl dt a{ color:#000;} .news .right dl dt a:hover{ color:#1f76e5} .news .right dl dd{ font-size:14px; color:#8b8b8b; line-height:22px; height:44px; background:url(../images/d.png) no-repeat left 3px; padding-left:28px;overflow:hidden;} .news .right dl:last-child{ border:none;} .box{ width:1200px; margin:0 auto;} .product {background: #f4f4f4;padding-bottom: 40px;/* margin-top:20px; */} .product h2.h2_title a {background: #f4f4f4;} .product p.p_title {font-weight: bold;} .product .conleft {width: 270px;} .product .conleft dl {padding-bottom: 15px;background: #fff;border: 1px solid #dddddd;border-radius: 0 0 5px 5px;} .product .conleft dl:first-child {border-bottom: none;border-radius: 0;} .product .conleft dl dt {height: 70px;line-height: 70px;width: 270px;position: relative;left: -1px;background: #076ba8;font-size: 20px;text-indent: 30px;top: -1px;margin-bottom: 15px;border-radius: 5px 5px 0 0;} .product .conleft dl dt a {display: block;color: #fff;height: 70px;background: url(../images/proicon02.png) no-repeat 220px center;} .product .conleft dl:first-child dt a {display: block;color: #fff;height: 70px;background: url(../images/proicon01.png) no-repeat 220px center;} .product .conleft dl dd {font-size: 14px;height: 44px;line-height: 44px;margin-left: 30px;padding-left: 20px;background: url(../images/ty01.png) no-repeat left center;position: relative;} .product .conleft dl dd>a {color: #000;} .product .conleft dl dd.cur ,.product .conleft dl dd:hover {background: url(../images/ty02.png) no-repeat left center;} .product .conleft dl dd.cur>a ,.product .conleft dl dd:hover>a {color: #d01817;} .product .conleft dl dd:hover ul {display: block;} .product .conleft dl dd ul {display: none; position: absolute;left: 238px;top: 0;width: 200px;background: #fff;border: 1px solid #dddddd;border-left: none;z-index: 2;} .product .conleft dl dd ul li {padding-left: 25px;background: url(../images/ty01.png) no-repeat 5px center;height: 44px;line-height: 44px;border-bottom: 1px solid #dddddd;} .product .conleft dl dd ul li:hover {background: url(../images/ty02.png) no-repeat 5px center;} .product .conleft dl dd ul li:hover a {color: #d01817;} .product .conleft .left_tel {width: 270px;height: 110px;background: url(Img/Common/f_bg.jpg) center;margin-top: 15px;border-radius: 5px;} .product .conleft .left_tel .con_tel {padding: 32px 0 32px 70px;height: 46px; background: url(../images/pro_tel.png) no-repeat 22px center;color: #fff;} .product .conleft .left_tel .con_tel .p1 {font-size: 13px;} .product .conleft .left_tel .con_tel .p2 {font-size: 26px;} .product .conright {width: 900px;position: relative;} .product .conright .r_top {height: 388px;border: 1px solid #dddddd;border-radius: 5px;background: #fff;position: relative;overflow: hidden;} .product .conright .r_top ul {position: relative;} .product .conright .r_top ul li {float: left;width: 918px;} .product .conright .r_top dl {position: relative;height: 388px;padding-left: 460px;} .product .conright .r_top dl dt {width: 409px;border-right: 1px solid #dddddd;position: absolute;left: 0;top: 0;height: 353px;padding-top: 35px;} .product .conright .r_top dl dt img {display: block;width:409px;height:337px;} .product .conright .r_top dl dd.dd1 {font-size: 24px;padding-top: 50px;margin-bottom: 15px;} .product .conright .r_top dl dd.dd1 a {color: #333;} .product .conright .r_top dl dd.dd2 {font-size: 13px;color: #666;margin-bottom: 25px;line-height: 24px;padding-right: 80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;} .product .conright .r_top dl dd.dd3 {font-size: 13px;line-height: 24px;} .product .conright .r_top dl dd.dd4 {height: 40px;position: absolute;width: 350px;left: 460px;top: 303px;} .product .conright .r_top dl dd.dd4 a {float: left; width: 112px;height: 38px;border-radius: 20px;border: 1px solid #d7d7d7;line-height: 38px;text-align: center;font-size: 14px;margin-right: 20px;} .product .conright .r_top dl dd.dd4 a:hover {background: #D01817;color: #fff;border-color: #D01817;} .product .conright .r_top .pro_btnl {display: block;width: 31px;height: 31px;background: url(../images/jtl01.png) no-repeat center;position: absolute;left: 28px;top: 180px;cursor: pointer;} .product .conright .r_top .pro_btnr {display: block;width: 31px;height: 31px;background: url(../images/jtr01.png) no-repeat center;position: absolute;right: 28px;top: 180px;cursor: pointer;} .product .conright .r_top .pro_btnl:hover {background: url(../images/jtl02.png) no-repeat center;} .product .conright .r_top .pro_btnr:hover {background: url(../images/jtr02.png) no-repeat center;} .product .conright .prozt {display: block;width: 45px;height: 80px;background: url(../images/prozt.png) no-repeat center;position: absolute;right: 39px;top: -7px;z-index: 2;} .product .conright .r_bot {margin-top: 10px;} .product .conright .r_bot dl {float: left; border:1px solid #ddd;width: 298px;border-radius:5px;background: #fff;padding-bottom: 20px; margin:0 0 9px 9px;} .product .conright .r_bot dl.bdnot {margin-left: 0;} .product .conright .r_bot dl dt {height: 246px;} .product .conright .r_bot dl dt img {display: block;} .product .conright .r_bot dl dd.dd1 {font-size: 18px;text-align: center;height: 30px;line-height: 30px;margin-bottom: 5px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding: 0 15px;} .product .conright .r_bot dl dd.dd1 a{color: #333;} .product .conright .r_bot dl dd.dd2 {font-size: 13px;line-height: 20px;text-align: center;padding: 0 40px;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .product .conright .r_bot dl dd.dd3 a {display: block;width: 114px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;border: 1px solid #d7d7d7;border-radius:20px;margin: 0 auto;} .product .conright .r_bot dl:hover dd.dd3 a {background: #D01817;color: #fff;border-color: #D01817;} .inbox5 {background: #f6f6f6;padding-bottom: 53px;} .inbox5 .partner_t{text-align: center;padding: 50px 0 40px 0;} .inbox5 .partner_t h2{font-size: 36px;color: #4c4c4c;background: url(../images/title_bg4.png) no-repeat center;} .mr_frbox3e {HEIGHT: auto; width:1320px; margin:0px auto 0; position:relative; } .mr_frbox3e .leftprole{ position:absolute; left:0; top:82px;CURSOR: pointer} .mr_frbox3e .rightprore{ position:absolute; right:0; top:82px;CURSOR: pointer} .imgboxcpe3{ width:1200px; height:240px; margin:15px auto 0; overflow:hidden} .imgboxcpe3 ul li{margin: 0 20px 0 0px;display: inline;float:left;overflow:hidden;} .imgboxcpe3 ul li a{display:block;width: 170px;height:233x;line-height:30px;text-align:center;} .imgboxcpe3 ul li a .imgali{width: 170px;height:203px;border:1px solid #e1e1e1;text-align:center;overflow:hidden;display: table-cell; vertical-align: middle; text-align:center;} .imgboxcpe3 ul li a .imgali img{ max-width:170px; max-height:203px;vertical-align: middle;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;} .imgboxcpe3 ul li a:hover .imgali img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);} .proCon_row2{ margin-top: 23px; } .proCon_row2 ul li {float: left;margin-right: 12px;cursor: pointer;position: relative;line-height: 0px;width: 286px !important;padding: 0 !important;transition: 0.3s all ease-in-out;overflow: hidden;margin-bottom: 20px;border: 1px solid #eee;} .proCon_row2 ul li:first-child { margin-left: 0; } .proCon_row2 ul li > a{display: block;width: 290px;height: 285px;display: table-cell; vertical-align: middle; text-align:center; background-color:#FFFFFF} .proCon_row2 ul li > a > img{} .proCon_row2 ul li > span { position: absolute; bottom: 0px; width: 100% !important; overflow: hidden; left: 0; } .proCon_row2 ul li > span > a { text-align:center; display: block; height: 35px; line-height: 35px; color: #fff; font-size: 14px; position: relative; z-index: 3; transition:0.5s all ease-in-out; } .proCon_row2 ul li:hover > span > a{ height: 95px; line-height:95px; font-size: 16px; } .proCon_row2 ul li > span::before {transition:all ease-in-out 0.3s;content: '';position: absolute;display: block;width: 100%;height: 35px;left: 0;bottom: 0;z-index: 1;background: #076ba8;} .proCon_row2 ul li:hover{ border-color: #2076e5; } .proCon_row2 ul li > a::before { content: ''; width: 600px; height: 600px; position: absolute; top: -198px; border-radius: 50%; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; z-index: 0; left: -172.5px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .proCon_row2 ul li > a::after { content: ''; background: url(../images/20180621000212_1353635814.png) no-repeat center 40%; background-size: auto auto; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .proCon_row2 ul li:hover > span::before{ bottom: -35px; } .proCon_row2 ul li:hover > a::before{ box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .proCon_row2 ul li:hover > a::after{background-size:50px;transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;} .plist_row2 span{width:242px;height: 239px;display: block;position: absolute;bottom: 0;left: 0; background:url(../images/20180615163715_1412922652.jpg) no-repeat center center;} .plist_row2 span b{position: absolute;left: 24px;top: 187px;font-size: 25px;color: #fff;} .breadcrumb-search { height: 60px; margin-bottom: 40px; background-color: #f4f4f4; overflow: hidden; } .breadcrumb { width: 40%; height: 60px; line-height: 60px; overflow: hidden; color: #676767; } .breadcrumb img { margin-right: 5px; } .breadcrumb a { color: #676767; } .breadcrumb a:hover { color: #f00; } .cat-menu { padding: 0 0 40px; text-align: center; } .cat-menu .title { display: inline; color: #ae0000; font-size: 30px; border-bottom: 1px solid #bbb; text-transform: uppercase; } .cat-menu .menu-list { margin-top: 20px; } .cat-menu .menu-list span { *display: inline; _display: inline; zoom: 1; display: inline-block; position: relative; } .cat-menu .menu-list span:before { display: block; content: ''; position: absolute; left: 50%; bottom: 10px; margin-left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333; z-index: 8; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .cat-menu .menu-list span a { font-size: 16px; display: block; width: 150px; height: 35px; line-height: 35px; color: #fff; background-color: #333; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 10px 20px; position: relative; z-index: 9; } .cat-menu .menu-list .cur a, .cat-menu .menu-list span:hover a { background-color: #b50000; } .cat-menu .menu-list .cur:before, .cat-menu .menu-list span:hover:before { border-top: 10px solid #b50000; bottom: 0; } .container { width: 1200px; margin-left: auto; margin-right: auto; } .content-show { border: 18px solid #f4f4f4; padding: 22px; background-color: #fff; } .line { width: 100%; height: 7px; background-image: url(../img/bg1.gif); } .list01, .list02, .list03 { padding: 20px 0; } .side-bar { width: 250px; } .side-bar .side-bar-tit { background-color: #f8f8f8; padding: 15px 0; } .side-bar .side-bar-tit i { float: left; width: 30px; height: 30px; background-color: #e45600; margin-right: 5px; } .side-bar .side-bar-tit h2 { font-size: 30px; font-weight: bold; height: 35px; line-height: 30px; color: #e45600; } .side-bar .side-bar-tit span { font-size: 16px; font-weight: bold; color: #bcbcbc; text-transform: uppercase; padding-left: 5px; } .side-bar dl { margin-bottom: 20px; /* border-bottom: 1px solid #e8e8e8; */ } .side-bar dl dt i, .side-bar dl dd i { display: block; width: 16px; height: 8px; background-color: #fff; position: absolute; left: 7px; top: 50%; margin-top: -4px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .side-bar dl .cur i, .side-bar dl dt:hover i, .side-bar dl dd:hover i { transform: scale(1, 0.2); -webkit-transform: scale(1, 0.2); } .side-bar dl dt { height: 45px; line-height: 45px; margin-bottom: -2px; background-color: #f00; background-image: url(../img/ico1.png); background-repeat: no-repeat; background-position: 230px center; position: relative; } .side-bar dl dt a { color: #fff; font-size: 16px; display: block; width: 180px; height: 45px; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 30px; } .side-bar dl dd { position: relative; } .side-bar dl dd a { display: block; height: 30px; line-height: 30px; border-top: 2px solid #fff; background-color: #f8f8f8; padding: 0 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .8s ease-out; transition: all .8s ease-out; } .side-bar dl dd i { display: none; } .side-bar dl .cur i, .side-bar dl dd:hover i { display: block; } .side-bar dl .cur a, .side-bar dl dd:hover a { background-color: #f00; color: #fff; padding-left: 50px; } .side-bar #wjdh-side-hot { background-color: #f8f8f8; } .side-bar #wjdh-side-hot .tempWrap { margin: auto; } .side-bar dl ul { padding: 10px; } .side-bar dl ul li { padding-top: 10px; border-bottom: 1px solid #e9e9e9; } .side-bar dl ul li .img { width: 210px; height: 190px; padding: 4px; margin: 0 auto; background-color: #e9e9e9; } .side-bar dl ul li img { } .side-bar dl ul li a { display: block; width: 80%; height: 30px; line-height: 20px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size:14px; } .side-bar #wjdh-side-hot span.prev, .side-bar #wjdh-side-hot span.next { display: inline-block; _display: inline; *display: inline; zoom: 1; width: 35px; height: 20px; margin: 0 5px; cursor: pointer; } .side-bar #wjdh-side-hot .hot-btn { text-align: center; padding: 10px; } .side-bar #wjdh-side-hot span.prev { background: url(../img/sidebar_left.png); } .side-bar #wjdh-side-hot span.next { background: url(../img/sidebar_right.png); } .side-bar dl .tag { padding: 15px 0; line-height: 25px; } .side-bar dl .tag a { padding: 2px 10px; background-color: #f8f8f8; *display: inline; _display: inline; zoom: 1; display: inline-block; margin-bottom: 10px; } .side-bar dl .tag a:hover { background-color: #f00; color: #fff; } .side-contact { margin-bottom: 20px; } .side-contact .side-contact-phone { background-color: #e45600; font-size: 16px; color: #fff; background-image: url(../img/phone.png); background-position: 20px center; background-repeat: no-repeat; padding: 10px 10px 10px 25px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .side-contact .side-contact-phone:hover { background-position: 20px 5px; } .side-contact .side-contact-phone p { font-size: 24px; font-weight: bold; } .side-contact .side-contact-adress { padding: 10px 20px; background-color: #353537; background-image: url(../img/adress.png); background-position: 20px 10px; background-repeat: no-repeat; /* text-indent: 25px; */ color: #cecece; line-height: 22px; } .wjdh-main { width: 890px; } .wjdh-title { background-color: #fff; padding: 10px; position: relative; margin-bottom: 20px; } .wjdh-title .title-box { padding-bottom: 1px; border-bottom: 1px solid #ececec; } .wjdh-title h3 { border-bottom: 1px solid #f00; font-size: 20px; display: inline; color: #f00; } .wjdh-title .more { float: right; color: #999; } .wjdh-title h3 a { color: #f00; } .wjdh-title h3 small { font-size: 16px; color: #bcbcbc; text-transform: uppercase; } .wjdh-title .tagcell { background-color: #fff; padding: 10px; position: absolute; right: 0; top: 0; } .wjdh-title .tagcell span { float: left; width: 21px; height: 21px; border-radius: 2px; background-color: #f00; background-image: url(../img/prev-next.png); background-position: left center; background-repeat: no-repeat; margin: 0 5px; cursor: pointer; } .wjdh-title .tagcell .next { background-position: right center; } .content-show { border: 18px solid #f4f4f4; padding: 22px; background-color: #fff; } .pull-right { float: right !important; } .pull-left { float: left !important; } .wjdh-main { width: 890px; } .honorlist ul.list li.item span { width: 100%; height: 45px; color: #555; text-align: center; display: block; line-height: 45px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; font-size:16px; } .list_imgH ul.list li.item { width: 282px; float:left; margin-bottom: 30px; margin-right: 14px; } .list_imgH ul.list li.item a { display: block; width: 100%; overflow: hidden; position: relative; background: #f6f6f6; float:left } .list_imgH ul.list li.item a:hover { } .list_imgH ul.list li.item img { max-width:284px; max-height:280px; } /** 新闻中心 **/ .thumblist { } .thumblist .list { padding-bottom: 20px; } .thumblist .item { width: 880px; border-bottom: 1px solid #eaeaea; display: block; padding: 20px; transition: all .5s; } .thumblist .item a { display: block; } .thumblist .item .img { position: relative; width: 180px; height: 135px; display: block; overflow: hidden; cursor: pointer; } .thumblist .item img { width: 100%; height: 100%; transition: all 0.3s ease-out 0s; } .thumblist .item a:hover img { transform: scale(1.1, 1.1); } .thumblist .item .txt { width: 680px; cursor: pointer; } .thumblist .item .txt h3 { font-size: 16px; line-height: 30px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .thumblist .item .txt .mark { color: #999; font-size: 12px; line-height: 30px; padding: 0; } .thumblist .item .txt .mark span { display: inline-block; padding-right: 18px; } .thumblist .item .txt p { color: #666; line-height: 25px; font-size:14px } .thumblist .item .txt p span { display: inline-block; color: #137c32; padding-left: 10px; } .thumblist .item a:hover .txt h3 { color: #137c32; } .thumblist .item:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .pglist { padding: 20px 0 30px; width: 100%; text-align: center; clear: both; } .pglist a { color: #666; padding: 0 15px; margin: 0 3px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 2px; border-radius: 2px; } .pglist * { display: inline-block; vertical-align: middle; line-height: 34px; padding-bottom: 1px; } .pglist a:hover, .pglist .hover { display: inline-block; color: #fff; background: #b50000; border-color: #b50000; } .conBox .ArticleTitle h1 { font-size: 24px; text-align: center; padding: 20px 0px; border-bottom: 1px dashed #ccc; font-weight: bold; } .conBox .ArticleMessage { line-height: 30px; height: 30px; margin-bottom: 10px; text-align: center; } .conBox .ArticleMessage span:first-child { margin-left: 0; } .conBox .ArticleMessage span { color: #999; margin-left: 14px; font-size: 12px; } .conBox .ArticleMessage .jiathis_style { float: left; margin-top: 5px; } .conBox .ArticleTencont { padding: 5px 0px 20px 0px; line-height: 28px; overflow: hidden; color: #666; font-size: 16px; } .showproduct .ArticleTencont img { max-width: 100%; } .conBox .ArticleTencont img { max-width: 100%; } .field_down { text-align: left; } .field_down a { width: 100px; height: 30px; line-height: 30px; background: #0267ac; color: #fff; display: block; text-align: center; } .info_pic{padding:20px 0;width: 890px;margin:0 auto;border-bottom:1px dotted #dedede;clear:both;height: 360px;} #preview{float:left;width: 380px;height: 350px;overflow:hidden;/* border:1px solid #ccc; */} #spec-n img{} #spec-list{float:left;overflow:hidden;width:324px;height:47px;padding:5px 0;margin:0 auto} #spec-list ul{padding:0;margin:0} #spec-list ul li{float:left;width:54px;text-align:center} #spec-list ul li img{border:2px solid #ccc;width:47px;height:43px} .info_pic .text{float:left;width:380px;height:300px;overflow:hidden;padding-left: 50px;} .info_pic .text h1{ font-weight: 700; color: #585858; margin: 0; font-size: 20px; text-align: left; word-break: break-word; line-height: 50px; margin-bottom: 10px; } .info_pic .text p{font-size: 16px;line-height:2.5em;color:#828282;padding-left:20px;} .info_pic .text span{font-size:20px;color:#e60b1e} .info_pic .qrcode{float:right;width:240px;height:300px;text-align:center} .info_pic .qrcode span{display:block;margin:5px} .info_pic .qrcode .q{padding-top:10px} .info_pic .qrcode .q img{margin:0 5px} .ul_prodinfos{margin-top:20px;padding:6px 15px;overflow:hidden;zoom:1;background:#f3f3f3;font-size:14px;font-weight:bold;} .ul_prodinfos li{padding:5px 0 10px;font-size:20px;float:left;height:50px; line-height:50px;} .p14-prodcontent-1 { background: #fff; padding: 32px 0 42px; margin-bottom: 22px; } .p14-prodcontent-1-tit { height: 40px; font-size: 24px; line-height: 40px; border-bottom: 2px solid #d4d4d4; margin-bottom: 20px; } .p14-prodcontent-1-tit span { display: inline-block; height: 40px; color: #464646; border-bottom: 2px solid #333333; padding-left: 34px; background: url(../images/p14-icon11.png) no-repeat 2px center; } .p14-prodcontent-1-tit em { font-size: 18px; font-family: Arial; text-transform: uppercase; font-style: normal; color: #c2c2c1; } .side-bar dl dt { background-color: #417c9f; } .flink { margin-top: 50px; width: 100%;} .center { width: 1200px; margin: 0 auto; } .flink .flink_tit { width: 100%; position: relative; } .flink .flink_tit p { height: 12px; width: 100%; background: url(../images/dian.png); position: absolute; top: 15px; } .flink .flink_tit span { height: 42px; background: #fff; color: #1c4587; font-size: 14px; border: 1px solid #1c4587; position: relative; z-index: 2; display: block; width: 115px; text-align: center; line-height: 42px; margin-left: 40px; } .flink .flink_list { width: 100%; margin-top: 30px; margin-left: 40px; } .flink .flink_list ul { width:1200px; height:56px;} .flink .flink_list ul li { float: left; margin-right: 28px;} .flink .flink_list ul li a { font-size: 14px; line-height: 28px; color: #5a5a5a; } .flink .flink_list { width: 100%; margin-top: 30px; margin-left: 40px; } .mt30 { margin-top: 30px; } .slideTxtBox{ height: 768px; } .slideTxtBox .hd ul{ text-align: center; } .slideTxtBox .hd ul li{ width: 123px; height: 36px; border: 2px solid #e4e4e4; line-height: 36px; text-align: center; color: #9b9b9b; display: inline-block; margin-right: 10px; font-size:16px } .slideTxtBox .hd ul li.on{ background-color:#076ba8; } .slideTxtBox .hd ul li a{ color:#FFFFFF } .slideTxtBox .bd{ margin-top: 1px; } .slideTxtBox .bd ul{ margin-right: -20px; } .slideTxtBox .bd ul li{ width: 290px; float: left; margin-right: 12px; margin-bottom: 20px; } .slideTxtBox .bd ul li a{ display: block; } .slideTxtBox .bd ul li a img{ display: block; width:290px; height:290px; } .slideTxtBox .bd ul li a p{ font-size: 16px; color: #666; line-height: 48px; /* text-align: left; */ font-weight: 700; text-align: center; /* background: #076ba8; */ } .choose {overflow: hidden;background:#eee;height: 610px;padding-top: 30px;} .choose .title { overflow: hidden; text-align: center; height: 77px; background: url(title.png) center center no-repeat; margin-bottom: 10px; } .choose .title h2 { font-size: 22px; color: #f3b300; font-weight: bold; width: 360px; margin: 0 auto; margin-top: 25px; letter-spacing: 2px; text-align: center; } .choose .title h2 a { color: #333; } .choose .title h2 a span { color: #AB0000; } .choose .title h2 span { color: #333; font-size: 22px; letter-spacing: 0; } .choose .title em { color: #aaa; width: 1100px; display: block; margin-top: 9px; font-size: 12px; } .choose .cont .left {width: 660px;float: right;} .choose .cont .right {width: 510px;float: left;} .choose .cont .right ul li {width: 160px;height: 180px;float: left;border: 1px solid #ccc;margin-left: 8px;margin-bottom: 8px;text-align: center;font-size: 16px;line-height: 55px;} .choose .cont .right ul .on { border: 1px solid #0050A9; } .choose .cont .right ul li img { margin: 20px auto; display: block; } .choose .cont .right ul li:hover { border: 1px solid #0050A9; } .hy_con{width: 1220px;margin:0 auto;margin-top: 30px;} .case{/* height:603px; */margin-top: 30px;overflow:hidden;} .case ul{width: 1200px;/* height:475px; */overflow:hidden;/* float:left; */margin: 0 auto;/* margin-top:34px; */} .case li{width: 138px;height:57px;overflow:hidden;margin-bottom:11px;font:16px "Microsoft Yahei";line-height:57px;float: left;margin-left: 10px;text-align: center;} .case li a{display:block;/* padding-left:25px; */color:#fff;background:url(../images/case_bg1.gif) no-repeat left top;} .case li a:hover,.case .cur a{background:url(../images/case_bg2.gif) no-repeat left top;} .case dl{ width: 290px; float: left; margin-right: 12px; margin-bottom: 20px;} .case dt{ display: block;} .case dt img{ display: block; width:290px; height:290px;} .case dd p{ font-size: 16px; color: #666; width:290px; line-height: 48px; /* text-align: left; */ font-weight: 700; text-align: center; /* background: #076ba8; */} .tit1{ height:53px; overflow:hidden; background:url(../images/line.gif) repeat-x center center;} .tit1 p{ width:444px; margin:0 auto; border:2px solid #858585; font:20px "Microsoft Yahei"; text-align:center; height:49px; line-height:49px; overflow:hidden; background:#fff; font-weight:bold;} .tit1 p a{ color:#666;} .w1000{width: 1200px; margin: 0 auto; overflow: hidden;position:relative;} .con3 .con3_con{width:907px;background:#fff;height: 530px;display:block;}.con3 .con3_con li{position:relative;width:200px;border-right:1px solid #ccc;height:258px;margin-left: 22px;margin-bottom:10px;float:left;/* background-color:#CCCCCC; */} .con3 .con3_con a{/* border:5px solid #ccc; *//* height:258px; *//* margin-left: 22px; *//* margin-bottom:10px; *//* float:left; *//* background-color:#CCCCCC; */} .con3 .con3_con .grid ul{width:907px;}.con3 .con3_con .effect-ming{/* background: #030c17; */}.ywbt{width:425px;height:52px;color:#CCC;font-size:48px;font-weight:100;letter-spacing:8px; margin:0 auto;text-align:center;margin-top:24px;text-indent:10px;overflow: hidden;}.ywbt_da{width:680px;margin:0 auto;margin-top:10px;}.ywbt_zhu{width:330px;height:40px;margin-left:70px;margin-top:-2px;color:#CCC;font-size:30px; float:left;font-family:"宋体";font-weight:bold;overflow: hidden;}.ywbt_fu{width:250px;height:40px;margin-right:20px;color:#FFF;font-size:24px; float:right;font-weight:lighter;overflow: hidden;}.con3 .con3_con .effect-ming img{/* opacity: 0.9; *//* -webkit-transition: opacity 0.35s; *//* transition: opacity 0.35s; *//* width:200px; *//* height:258px; */}.con3 .con3_con .effect-ming .figcaption::before{position: absolute;top:20px;right:20px;bottom: 20px;left: 20px;border: 2px solid #f5c71c;box-shadow: 0 0 0 20px rgba(255,255,255,0.2);content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(0.4,0.4,1);transform: scale3d(0.4,0.4,1);}.con3 .con3_con .effect-ming span{ text-align:center;display:none\9;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s; padding-top:40px; color:#fff; opacity:0;height: 30px; overflow: hidden;}.con3 .con3_con .effect-ming p{opacity: 0;display:none\9;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.5);transform: scale(1.5); padding:30px; padding-top:0px; color:#fff;height: 72px; line-height: 21px; overflow: hidden;}.con3 .con3_con .effect-ming:hover span{-webkit-transform: scale(0.9); font-size:20px; opacity:1;transform: scale(0.9); display: block;display:none\9;-webkit-margin-before: 0.83em;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;}.con3 .con3_con .effect-ming:hover .figcaption::before,.con3 .con3_con .effect-ming:hover p{opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}.con3 .con3_con .effect-ming:hover .figcaption{background-color: rgba(58,52,42,0);}.con3 .con3_con .effect-ming:hover img{opacity: 0.4;}.con3 .con3_con .figcaption,.con3 .con3_con .figcaption > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.con3 .con3_con .figcaption > a{z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}.con3 .more{text-align:center; margin-top:12px;}. /*内页新闻*/ .jh_r_title1{ height:auto; overflow:hidden; margin:0 auto;} .jh_r_title1 .xwnav{width: 870px;margin:0px auto;height:48px;line-height:48px;border-bottom:1px solid #d3d3d3;position:relative;} .jh_r_title1 .xwnav h2{ color:#322821; text-align:left; font-size:16px; float:left;} .jh_r_title1 .xwnav h2 em{color:#7d7d7d; font-size:12px;text-transform: uppercase; padding-left:5px; font-weight:normal;} .jh_r_title1 .xwnav p{ color:#7d7d7d; font-size:13px; float:right;text-transform: uppercase;} .jh_r_title1 .xwnav span{width:64px;height:2px;border-bottom: 2px solid #0774d3;position:absolute;left:0px;bottom:-1px;z-index:10;} .jh_news1 dd{width: 400px;margin-left:15px;float:left;margin-right:10px;line-height:34px;background:url(../images/news_tb.png) left center no-repeat;padding-left:15px;color:#333;border-bottom:1px dashed #d5d5d5;text-align:right;font-size:14px;} .jh_news1{width: 900px;height:auto;padding:15px 0px;overflow:hidden;/* margin:20px 20px 10px; */background:#f4f4f4;} .jh_news1 a {color: #666;} .jh_news1 dd span { float: left; } .jh_news1 .newslist { width:800px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin:0px 10px; overflow:hidden; } .jh_news1 .newslist img { width: 168px; height: 118px; float: left; overflow: hidden; margin-top: 2px; padding: 1px; border: 1px solid #e5e5e5; }
97视频免费观看2区