.TopNav{ background-color: #f5f5f5; } .nav_left{ float: left; font-size: 14px; color: #666666; line-height: 38px; } .nav_right{ float: right; color: #666666; } .nav_right a{ display: inline-block; line-height: 38px; font-size: 14px; color: #666666; } .clearfix{ clear: both; } .Topbox{ width: 1200px; margin: 0 auto; } .cwidth{ width: 1200px; margin: 0 auto; } .logoleft{ float: left; } .logoright{ float: right; } .NavContainer>ul>li{ width:12.5%; } .NavContainer>ul::after{ display: block; content: ""; clear: both; } .NavContainer>ul>li>a{ font-size:16px; color: #fff; line-height: 56px; display: inline-block; width: 100%; text-align: center; background-image:url(../img/border.png); background-repeat: no-repeat; background-position: right center; } .NavContainer>ul>li:last-child>a{ background-image: none; } .NavContainer>ul>li>a:hover{ background-color: #990000; color: #fff; background-image: none; } .TopNavbar{ /*background-image: url(../img/snav_bg.png); background-repeat:repeat-x;*/ border-top: 1px solid #e5e5e5; background-color: #a40000; } .NavContainer{ width: 1200px; margin: 0 auto; } .NavContainer ul li{ float: left; } .logol_text{ float: left; padding-top: 38px; padding-left: 10px; } .logol_text h1{ font-size: 28px; color: #000000; } .logol_text P{ font-size: 16px; color: #666666; } .phone{ margin-top: 36px; background: url(../img/phone_bg.png) no-repeat left center; padding-left: 60px; } .phone h1{ font-size: 18px; color: #1a1a1a; font-weight:normal; } .phone h2{ font-size: 32px; font-family: impact; color: #1a1a1a; } /* 本例子css */ .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:10px; z-index:1; margin-right: -131px;} .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin: 0 6px; width:75px; height:6px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slideBox .hd ul li.on{ background:#9e0001; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd ul{text-align:center;width: 100%; } .slideBox .bd li{ zoom:1; vertical-align:middle;width: 100%; } .slideBox .bd img{ max-width:100%; height:auto; display:inline-block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev{position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:70px; height:60px; background:url(../img/arrowleft.png) no-repeat center;background-size: 80%;} .slideBox .next{ position:absolute; right:0%; top:50%; margin-top:-25px; display:block; width:70px; height:60px; background:url(../img/arrowright.png) no-repeat center;background-size: 80%; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } .flex { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .active>a{ background-color: #990000!important; color:#fff!important; background-image:none!important; } .hotSearch { height: 74px; background-color: #f7f7f7; overflow: hidden; } .hotSearch .container { align-items: center; font-size: 14px; color: #666; } .hotSearch .container .keywords { float: left; line-height: 74px; } .hotSearch .container .keywords span { color: #262626; font-weight: bold; font-size: 16px; } .hotSearch .container .keywords span b{ font-size: 16px; color: #9e0001; font-weight: bold; vertical-align: baseline; } .hotSearch .container .keywords a { color: #666; margin: 0 5px; vertical-align: middle; } .hotSearch .container .keywords a:hover{ color: #9e0001; text-decoration: underline; } .hotSearch .container .search { width: 278px; height: 42px; background-color: #fff; line-height: 42px; box-sizing: border-box; align-items: center; padding-left: 15px; float: left; color: #999999; border: 1px solid #d1d1d1; } .hotSearch .container .search form { align-items: center; } .hotSearch .container .search input { border: none; outline: none; width: 278px; height: 42px; background-color:transparent; } .kright{ float: right; margin-top: 17px; } .sbtn{ background-color: #404040; float: left; width: 82px; height: 42px; text-align: center; } .binner{ display: inline-block; line-height: 42px; background-image: url(../img/search.png); background-position: left center; background-repeat: no-repeat; padding-left: 20px; color: #fff; font-size: 14px; cursor: pointer; } .p_top{ width: 1200px; margin: 0 auto; padding-top: 44px; padding-bottom: 30px; } .p_top h1{ font-size: 32px; color: #a40000; text-align: center; } .p_top h1 span{ font-size: 32px; color: #464646; text-align: center; vertical-align: baseline; } .p_top h2{ font-size: 24px; color: #1a1a1a; text-align: center; text-transform: uppercase; } .p_container{ background: url(../img/p_bg.png) no-repeat center; } .p_inner{ width: 1200px; margin: 0 auto; padding: 50px 0; } .productList { align-items: top; justify-content: space-between; } .proLeft { width: 270px; box-sizing: border-box; border-radius: 4px; float: left; } .proLeft .linkMsg { margin-top: 30px; border: 1px solid #eee; padding: 20px 15px; background: #fff; text-align: center; } .proLeft .linkMsg .linkNum { padding: 15px 0; align-items: center; } .proLeft .linkMsg .linkNum p { font-size: 14px; color: #666; margin-bottom: 10px; text-align: left; } .proLeft .linkMsg .linkNum .num { font-size: 35px; color: #043985; font-family: "myFonts"; } .proLeft .linkMsg .msgCon { padding-bottom: 10px; border-bottom: 1px solid #eee; } .proLeft .linkMsg .msgCon p { font-size: 32px; color: #043985; font-weight: bold; margin-bottom: 15px; } .proLeft .linkMsg .msgCon div { font-size: 27px; color: #333; font-weight: bold; } .proLeft .nameList { /*padding: 0 5px;*/ background: #fff; border: 1px solid #eee; padding-bottom: 10px; } .proLeft .nameList ul li { border-bottom: 1px solid #eee; } .proLeft .nameList ul li:hover{ background-color: #dbdbdb; } .proLeft .nameList ul li:hover a{ color: #a40000; font-weight: bold; } .proLeft .nameList ul li.active a { color: #a40000; } .proLeft .nameList ul li:hover a { color: #a40000; } .proLeft .nameList ul li a { width: 100%; height: 100%; align-items: center; color: #4c4c4c; font-size: 16px; display: inline-block; padding: 22px 0; padding-left: 45px; box-sizing: border-box; background-image: url(../img/circle.png); background-repeat: no-repeat; background-position: 11% center; } .proLeft .nameList ul li a:hover{ color: #9e0001; } .proLeft .hotProduct { margin-top: 20px; text-align: center; background: #fff; } .proLeft .hotProduct .hotTitle { font-size: 31px; color: #fff; font-weight: bold; height: 75px; line-height: 75px; background: #043985; } .proLeft .hotProduct ul { padding: 10px; } .proLeft .hotProduct ul li { margin-top: 10px; } .proLeft .hotProduct ul li .img { padding: 5px; border: 1px solid #ddd; } .proLeft .hotProduct ul li .img img { width: 100%; height: 100%; } .proLeft .hotProduct ul li p { padding: 10px 0; font-size: 14px; color: #333; } .proLeft .nameCon { padding: 26px 9px; background: url(../img/p_top01.png) no-repeat center; align-items: center; justify-content: space-between; background-size: cover; margin-bottom: 15px; } .proLeft .nameCon .proName { text-align: center; } .proLeft .nameCon .proName p { font-size: 24px; color: #fff; font-weight: bold; background-image: url(../img/pbg.png); background-repeat: no-repeat; background-position: center; } .proLeft .nameCon .proName .eng { font-size: 13px; color: #fff; margin-top: 4px; } .productRight { width: 907px; float: right; } .productRight .swiper { border-radius: 4px; background: #fff; position: relative; } .productRight .swiper .tips { position: absolute; top: -3px; right: 50px; z-index: 9999; } .productRight .swiper .swiper-button-prev, .productRight .swiper .swiper-button-next { width: 47px; height: 47px; background-size: 47px; background-color: #e4e4e4; } .productRight .swiper .swiper-button-prev { background-image: url(../img/left.png); left: -12px; } .productRight .swiper .swiper-button-prev:hover{ background-color: #484848; } .productRight .swiper .swiper-button-next { background-image: url(../img/right.png); right: -12px; } .productRight .swiper .swiper-button-next:hover{ background-color: #484848; } .productRight .swiper .swiper-slide .goodsImg { width: 433px; height: 328px; float: left; overflow: hidden; } .productRight .swiper .swiper-slide .goodsImg img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .productRight .swiper .swiper-slide .goodsImg span{ width: 0; height: 100%; overflow: hidden; display: inline-block; vertical-align: middle; } .productRight .swiper .swiper-slide .goodsMsg { width: 385px; padding: 30px 45px 25px 20px; flex: 1; overflow: hidden; float: right; } .productRight .swiper .swiper-slide .goodsMsg .name { font-size: 26px; color: #262626; font-weight: bold; margin-bottom: 20px; } .productRight .swiper .swiper-slide .goodsMsg .goodsCon p { margin-bottom: 10px; font-size: 14px; line-height: 1.5; } .productRight .swiper .swiper-slide .goodsMsg .goodsCon p .catName { font-size: 15px; } .line1 span:last-child{ font-size: 15px; } .productRight .swiper .swiper-slide .btnList { align-items: center; justify-content: space-between; margin-top: 30px; } .productRight .swiper .swiper-slide .btnList .btnItem { width: 160px; height: 40px; font-size: 16px; line-height: 40px; background: #9e0001; float: left; } .productRight .swiper .swiper-slide .btnList .btnItem.detail { background: #333333; margin-right: 20px; } .productRight .swiper .swiper-slide .btnList .btnItem a { color: #fff; display: block; width: 100%; height: 100%; text-align: center; } .productRight .list ul { align-items: flex-start; flex-wrap: wrap; } .productRight .list ul li { width: 284px; border: 1px solid #eee; background: #fff; text-align: center; padding: 8px; margin-right: 27px; padding-bottom: 20px; box-sizing: border-box; margin-top: 20px; margin-bottom: 20px; float: left; } .productRight .list ul li:hover .img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transition: all .4s ease-in-out; } .productRight .list ul li:nth-child(3n) { margin-right: 0; } .productRight .list ul li .img { width: 100%; height: 210px; overflow: hidden; } .productRight .list ul li .img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transition: all .4s ease-in-out; } .productRight .list ul li .img span{ width: 0; height: 100%; overflow: hidden; display: inline-block; vertical-align: middle; } .productRight .list ul li p { font-size: 16px; color: #333; padding: 4px 0 8px 0; } .swiperbox{ background-color: #fff; padding:15px 12px; } .btnleft{ display: inline-block; margin-right: 10px; } .btnright{ display: inline-block; } .btnleft a{ display: inline-block; width: 110px; line-height: 30px; background-color: #333333; } .btnright a{ display: inline-block; width: 110px; line-height: 30px; background-color: #9e0001; } ..btnleft a .btnright a{ width: 100%; height: 100%; } .btnList a{ color: #fff; } .bnav{ margin-bottom:20px; } .bnav:after{ content: ""; display: block; clear: both; } .bnav .bleft{ float: left; width: 89%; background-color: #404040; font-size: 18px; font-weight: bold; color: #fff; line-height: 50px; padding-left: 20px; box-sizing: border-box; } .bnav .bright{ float: right; width: 10%; background-color: #404040; } .bnav .bright a{ display: block; font-size: 16px; color: #fff; line-height: 50px; text-align: center; } .tpimg{ background: url(../img/call_bg.png) no-repeat center; background-size: cover; padding:30px 0; box-sizing: border-box; } .tpimg h1{ font-size: 24px; color: #fff; font-weight:normal; background: url(../img/call.png) no-repeat 18.5% 75%; padding-left: 26px; text-align: center; } .tpimg p{ font-size: 26px; color: #fff; text-align: center; } .solution_box{ background-color: #f6f6f6; margin-top: 20px; padding-bottom: 30px; padding-top: 12px; } .solution{ width: 1200px; margin: 0 auto; background: url(../img/fa_bg.png) no-repeat center; } .imgTitle{ display: inline-block; padding-top: 10px; } .imgTitle .item{ float: left; } .imgTitle:after{ content: ""; display: block; clear: both; } .imgTitle .item{ padding: 14px 25px; border-radius:6px; border: 1px solid #e0e0e0; background-color: #fff; margin: 0 7px; } .imgTitle .item .titleItem{ font-size: 16px; color: #1a1a1a; } .imgList .container{ text-align: center; } .imgTitle .item:hover{ background-color: #9e0001; border: 1px solid #9E0001; } .imgTitle .item:hover .titleItem{ color: #fff; } .solution_left{ width: 50%; height: 393px; overflow: hidden; line-height: 393px; float: left; } .solution_left img{ width: 100%; display: inline-block; vertical-align: middle; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transition: all .4s ease-in-out; } .solution_left:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .solution_content{ background-color: #fff ; margin: 34px 0; } .solution_right{ padding: 50px 55px 0px 35px; float: right; width: 50%; box-sizing: border-box; text-align:left; } .solution_right h1{ color: #1a1a1a; font-weight: bold; font-size: 22px; padding-bottom: 12px; } .solution_right p{ color: #757575; font-size: 15px; line-height: 28px; } .solution_content:after{ content: ""; display: block; clear: both; } .solution_right h2{ color: #1a1a1a; font-weight:normal; font-size: 16px; padding-bottom: 10px; font-weight: normal; padding-top: 22px; } .solution_right h2 a{ color: #9e0001; font-size: 16px; vertical-align: baseline; padding-left: 20px; } .solution_right>a{ width: 180px; height: 40px; line-height: 40px; color: #fff; background-color: #9e0001; display: block; text-align: center; margin-top: 20px; } .example{ width: 1200px; margin: 0 auto; padding-bottom: 40px; } .imgTitle1 li{ float: left; font-size: 16px; color: #333333; border-left: 1px solid #dbdbdb; line-height: 52px; padding: 0 20px; } .imgTitle1 li:hover{ background-color: #9e0001; color: #fff; } .imgTitle1 .imore{ float: right; } .imgTitle1:after{ content: ""; clear: both; display: block; } .imgTitle1 ul:after{ content: ""; display: block; clear: both; } .imgTitle1 ul{ display: inline-block; border-right: 1px solid #DBDBDB; } .imgTitle1{ border: 1px solid #dbdbdb; border-left: none; line-height: 50px; } .imore{ line-height: 50px; border-left: 1px solid #DBDBDB; } .imore a{ display: inline-block; width: 100%; height: 100%; padding: 0 36px; box-sizing: border-box; line-height: 52px; } .imore a:hover{ background-color: #9e0001; color: #fff; } .ex_content{ margin-top: 35px; } .ex_content li{ float: left; margin-right: 18px; } .ex_content li:last-child{ margin-right: 0; } .ex_content:after{ content: ""; display: block; clear: both; } .ex_inner{ width: 386px; height: 269px; overflow: hidden; line-height: 269px; border: 1px solid #DBDBDB; font-size: 0; } .ex_inner img{ width: 100%; display: inline-block; vertical-align: middle; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transition: all .4s ease-in-out; } .ex_inner:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .ex_eleft{ float: left; padding-top: 10px; } .ex_eleft h1{ font-size: 18px; color: #000; text-align: left; padding-bottom: 5px; } .ex_eleft p{ width: 270px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; font-size: 14px; color: #666666; } .ex_eright{ float: right; background-color: #9e0001; } .ex_eright a{ width: 94px; text-align: center; display: inline-block; font-size: 17px; padding:7px 25px; box-sizing: border-box; color: #fff; } .ex_end:after{ content: ""; display: block; clear: both; } .ex_box{ margin-bottom:18px; } .c_top{ font-size: 30px; color: #a40000; text-align: center; font-weight: bold; background: url(../img/contrust.png) no-repeat center; } .compair{ background-color: #f6f6f6; padding: 45px 0; } .compair_in{ width: 1200px; margin: 0 auto; } .compair_second ul li{ float: left; width: 50%; padding:0 10px; box-sizing: border-box; position: relative; margin: 15px 0; } .c_left{ float: left; } .c_left img{ display: inline-block; vertical-align: middle; width: 100%; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transition: all .4s ease-in-out; } .c_left:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .c_right{ float: right; } .c_right img{ display: inline-block; vertical-align: middle; width: 100%; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transition: all .4s ease-in-out; } .c_right:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .c_left,.c_right{ border-radius:6px; overflow: hidden; width: 280px; height: 200px; } .compair_second ul:after{ content: ""; display: block; clear: both; } .compair_second { padding-top: 30px; } .c_img{ position: absolute; background: url(../img/duibi.png) no-repeat center; width: 190px; height: 84px; left: 50%; margin-left: -95px; top: 50%; margin-top: -42px; text-align: center; } .c_img span{ display:inline-block; } .c_img .c01{ font-size: 22px; color: #9E0001; /*width: 51px;*/ /*padding-left: 25px;*/ box-sizing: border-box; line-height: 84px; } .c_img .c02{ font-size: 20px; font-weight: bold; color: #fff; width: 77px; text-align: center; padding-left: 10px; padding-right: 10px; box-sizing: border-box; padding-top: 2px; } .c_img .c03{ font-size: 22px; color: #9E0001; /*width: 51px;*/ /*padding-left: 10px;*/ box-sizing: border-box; line-height: 84px; } .newsleft,.newsright{ float: left; } .newsin{ width: 1200px; margin: 0 auto; } .nltop{ padding: 11px; box-sizing: border-box; padding-bottom: 0px; } .nltext{ position: absolute; font-size: 14px; color: #fff; background-color: rgba(0,0,0,.5); padding-left: 15px; line-height: 50px; width: 100%; bottom: 0; box-sizing: border-box; } .nltop a{ position: relative; display: inline-block; } .nlimg{ width: 553px; height: 300px; overflow: hidden; } .nlimg img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width:100%; } .nlimg span{ width: 0; height: 100%; overflow: hidden; display: inline-block; vertical-align: middle; } .newsleft{ background-color: #fff; margin-right: 30px; /*padding: 11px;*/ width: 48%; } .newsbox{ background-color: #f6f6f6; padding-bottom: 60px; padding-top: 60px; } .nlctop{ border-left: 40px solid #9e0001; } .more{ font-size: 16px; font-weight: bold; color: #262626; float: right; padding-right: 30px; } .more a{ font-size: 16px; } .nlctop{ float: left; color: #1a1a1a; font-weight: bold; padding-left: 10px; font-size: 16px; } .nlcontent{ padding-top: 44px; padding-bottom: 30px; background-color: #fff; } .nleft{ padding-left: 50px; display: inline-block; width: 87%; } .nleft span:first-child{ width: 62.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; margin-right: 30px; background-image:url(../img/it.png); background-repeat: no-repeat; background-position: left center; padding-left: 12px; color: #595959; float: left; } .nleft:after{ content: ""; display: block; clear: both; } .nleft span:last-child{ float: right; } .nlcontent ul li{ padding:8px 0; } .nlcontent ul{ margin-top: 10px; } .nlcontent ul li:hover .nleft span:first-child{ color: #9e0001; } .newsright{ width: 49%; } .newsright .nlcontent1 ul{ display: block; height: 380px; } .wen,.da{ width:100%; } .daan{ width: 90%; display: inline-block; line-height: 22px; color: #595959; font-size: 13px; } .question{ padding:14px 0; border-bottom: 1px solid #e5e5e5; } .wen{ margin-bottom: 4px; } .wen span{ font-weight: bold; color: #000000; text-align: left; font-size: 14px; } .questionbox{ background-color: #fff; } .nlcontent1{ background-color:#fff ; margin-top: 20px; padding-bottom: 26px; } .nsmall{ padding:30px 0 20px 0; } .questionbox ul{ padding:0 20px 0 45px; box-sizing: border-box; } .da img{ vertical-align: top; } .str_wrap.str_active{ background-color: transparent; } .question a{ display: inline-block; } .msgsmall{ width: 1200px; margin: 0 auto; } .msgbox{ background-image: url(../img/lybg.png); background-repeat: no-repeat; background-position: center bottom; } .mleft h1{ font-size:28px; font-weight: 500; color: #fff; padding-bottom: 5px; } .mleft{ float: left; padding-top: 85px; } .mright{ float: right; } .ftext{ display: inline-block; } .ftext span{ color: #fff; font-size: 16px; } .ftext input{ height: 40px; width:296px ; border: none; padding-left: 10px; } .form form{ margin-top: 20px; padding: 0 130px; box-sizing: border-box; } .fmar{ margin-right: 10px; } .fmsg{ margin-top: 10px; } .fmsg span{ color: #fff; font-size: 16px; vertical-align: top; width: 64px; display: inline-block; } .fmsg textarea{ height: 42px; width:613px ; border: none; line-height: 42px; font-family: '微软雅黑'; padding-left: 10px; } .tj{ margin-top: 10px; } .tj input{ width: 206px; height: 46px; z-index: 199999; background-color: #9e0001; border: none; color: #333; font-size: 16px; background:url(../img/mbtn.png) no-repeat center; } .f_inner{ width: 1200px; margin: 0 auto; } .f_middle:after{ content: ""; display: block; clear: both; } .fleft{ width: 45%; float: left; box-sizing: border-box; margin-top: 40px; } .f01{ background: url(../img/a01.png) no-repeat left top; padding-left: 68px; } .f02{ background: url(../img/a02.png) no-repeat left top; padding-left: 68px; margin-top: 40px; } .f03{ background: url(../img/a03.png) no-repeat left top; padding-left: 68px; } .f04{ background: url(../img/a04.png) no-repeat left top; padding-left: 68px; margin-top: 42px; } .fright{ width: 55%; float: right; text-align: right; } .fleft h1{ font-size: 20px; color: #333; font-weight: normal; padding-bottom: 5px; } .fleft h2{ font-size: 24px; color: #333; font-weight: bold; } .fleft p{ color: #595959; text-align: left; padding-left: 20px; background: url(../img/f_arrow.png) no-repeat left top; margin-top: 10px; line-height: 26px; font-size: 15px; } .f_middle{ padding: 30px 0; } .f_advantage{ padding: 34px 0 10px 0; } .f_third:after{ content: ""; display: block; clear: both; } .ft_left{ float: left; width: 55%; } .ft_right{ float: right; width: 45%; } .f_third{ padding: 60px 0 30px 0; } .f_third .ft_right{ padding-top: 15px; } .ft_right h1{ font-size: 20px; color: #333; font-weight: normal; padding-bottom: 5px; } .ft_right h2{ font-size: 24px; color: #333; font-weight: bold; padding-bottom: 5px; } .ft_right p{ color: #595959; text-align: left; padding-left: 20px; background: url(../img/f_arrow.png) no-repeat left top; margin-top: 10px; line-height: 26px; font-size: 15px; } .aboutbox{ background: url(../img/abg.png) no-repeat center; } .about_inner{ width: 1200px; margin: 0 auto; padding: 60px 0 0 0; } .a_big{ text-align: center; background: url(../img/a_img.png) no-repeat center bottom; } .a_big h1{ text-align: center; font-size: 32px; color: #fff; } .a_big h1 span{ font-size: 32px; font-weight: normal; vertical-align: baseline; color: #fff; } .a_big p{ text-align: center; font-size: 18px; color: #fff; } .links{ background-color: #9e0001; line-height: 66px; } .link_inner{ width: 1200px; margin: 0 auto; } .link_inner ul{ padding-left: 140px; line-height: 30px; background: url(../img/link.png) no-repeat left center; } .link_inner ul li{ float: left; } .link_inner ul:after{ content: ""; display: block; clear: both; } .link_inner ul li a{ font-size: 14px; color: #fff; line-height: 35px; padding: 0 15px; } .foot_big>li{ float: left; margin-right: 75px; } .footinner{ width: 1200px; margin: 0 auto; } .footbox{ background-color: #1f1f1f; padding: 45px 0; } .foot_big:after{ content: ""; display: block; clear: both; } .foot_big li h1{ font-size: 17px; color: #fff; font-weight: normal; padding-bottom: 14px; background: url(../img/p_border.png) no-repeat left bottom; } .foot_small{ margin-top:15px; } .foot_small>li{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .foot_small>li>a{ color: rgba(255,255,255,.65); font-size: 14px; line-height: 30px; width: 100%; } .foot_small>li>span{ display: block; padding-left:30px; color: #fff; } .ft_01{ background: url(../img/dizhi.png) no-repeat left top; } .ft_02{ background: url(../img/phone.png) no-repeat left top; } .ft_03{ background: url(../img/email.png) no-repeat left top; } .foot_s01 li{ padding: 10px 0; } .ft_01 span{ width: 320px; } .ft_02 span:last-child{ font-family: impact; font-size: 32px; } .foot_big>li.f_t01{ width: 19%; overflow: hidden; } .er_bg{ background: url(../img/erweima_kuang.png) no-repeat center; padding: 20px; box-sizing: border-box; } .adress{ margin-right: 10px!important; } .er_box{ width: 180px; height: 180px; overflow: hidden; } .er_box img{ width: 100%; } .wx_name{ font-size: 14px; color: #595959; text-align: center; margin-top: 3px; } .er_bbg{ margin-right: 0!important; } .f_bottom{ border-top: 1px solid #4f4f4f; line-height: 64px; text-align: center; color: rgba(255,255,255,.45); background-color: #1f1f1f; } .lunbo{ text-align: center; width: 100%; overflow: hidden; } .lunbo img{ /*max-width: 100%;*/ } .guidebox{ background-color: #efefef; } .guide{ width: 1200px; margin: 0 auto; } .guide_left{ float: left; color: #484848; font-size: 18px; line-height: 55px; } .guide_left span{ color: #737373; font-size: 14px; line-height: 55px; margin-left: 10px; } .guide_right{ float: right; line-height: 55px; color: #888888; font-size: 12px; } .guide_right a{ line-height: 55px; color: #888888; font-size: 12px; vertical-align:top; } .guide_right a:hover{ color: #9e0001; } .product_top{ padding:30px; } .product_left{ width: 544px; height: 456px; overflow: hidden; line-height: 456px; text-align: center; } .product_left{ border: 1px solid #dbdbdb; } .product_inner{ width: 1200px; margin: 0 auto; } .pr_inner{ background-color: #f7f7f7; } .pr_inner>li span{ color: #464646; font-size: 16px; text-align: left; display: inline-block; vertical-align: top; } .pr_inner>li span:first-child{ width: 80px; } .pr_inner>li span:last-child{ width: 420px; } .pr_inner>li:first-child{ background-color: #9e0001; line-height: 48px; text-align: center; color: #fff; font-size: 28px; } .pr_inner>li:last-child{ background-color: #9e0001; line-height: 50px; text-align: center; color: #fff; font-size: 18px; } .product_left{ float: left; } .product_right{ width: 550px; float: right; } .product_top:after{ content: ""; display: block; clear: both; } .ziduan{ padding:23px 20px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; } .porduct_detail{ padding: 40px 0; } .p_choose{ background-color: #f4f4f4; padding-top: 65px; } .pc_inner{ width: 1200px; margin: 0 auto; } .pc_inner li{ float: left; width: 190px; height: 54px; line-height: 54px; text-align: center; background-color: #464646; color: #fff; font-size: 17px; margin-right: 11px; } .pc_inner li:last-child{ margin-right: 0!important; } .pc_inner:after{ content: ""; display: block; clear: both; } .pc_inner li:hover{ background-color: #9e0001; } .p_cbig{ background-color: #fff; padding-bottom: 30px; } .ibig{ width: 1200px; margin: 0 auto; } .ibig li{ float: left; } .ibig:after{ content: ""; display: block; clear: both; } .ibig li .ibox{ width: 386px; height: 269px; overflow: hidden; line-height: 269px; text-align: center; } .ibig li .ibox img{ width: 100%; display: inline-block; vertical-align: middle; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transition: all .4s ease-in-out; } .ibig li:hover .ibox img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .ibig li p{ font-size: 16px; color: #000000; text-align: center; line-height: 40px; } .ibig li{ margin: 5px 7px; } .compair_bg{ background-color: #fff; } .compair_bg .compair_second{ padding-top: 30px!important; } .tech_box{ background: url(../img/c_01.png) repeat-y center; padding-bottom: 65px; } .tech_inner{ width:1200px; margin: 0 auto; } .te_content{ background-color: #fff; } .te_content:after{ content: ""; display: block; clear: both; } .te_left{ float: left; width: 20%; } .te_left>ul>li{ background-color:#464646; line-height: 116px; text-align: center; font-size: 55px; color: #fff; margin-bottom: 15px; font-weight: bold; } .te_left>ul>li:last-child{ margin-bottom: 0; } .te_right{ float: right; width: 80%; } .te_title .te_tleft{ font-size: 44px; color: #9e0001; border-right:2px solid #cccccc; display: inline-block; line-height: 40px; font-weight: bold; padding-right: 10px; } .te_title .te_tright{ display: inline-block; padding-left: 10px; } .te_title .te_tright h1{ font-size: 24px; color: #9e0001; text-align: left; } .te_title .te_tright p{ font-size: 20px; color: #333; text-align: left; font-weight: bold; } .te_title{ padding:54px 20px 20px 35px; box-sizing: border-box; } .dic_box{ padding:25px 0; } .dic_box li{ background: url(../img/dic.png) no-repeat left center; font-size:16px; color: #333333; padding-left: 20px; line-height: 36px; } .p_img:after{ content: ""; display: block; clear: both; } .p_img>li{ float: left; width: 285px; height: 205px; overflow: hidden; position: relative; margin-right: 16px; } .t_fix{ position: absolute; bottom: 0; line-height: 45px; background-color: rgba(0,0,0,.5); text-align: center; color: #fff; width: 100%; } .p_img>li img{ width: 100%; display: inline-block; vertical-align: middle; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transition: all .4s ease-in-out; } .p_img>li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .te_left>ul>li:hover{ background-color: #9E0001; } .te_content{ margin-top: 10px; } .te_active{ background-color: #9E0001!important; background: url(../img/bg.png) no-repeat right center; } .ex_add{ background: url(../img/c_01.png) repeat-y center; } .hotsale_small{ width: 1200px; margin: 0 auto; } .hotsale_box{ margin: 30px 0 0 0; } .sale_title{ text-align: left; padding-left: 15px; color: #4c4c4c; font-size: 16px; font-weight: bold; line-height: 50px; background-color: #e5e5e5; } .btn_box{ display:inline-block; width: 100%; padding: 20px 0; } .btn_box a{ display: inline-block; background-color: #9E0001; color: #fff; width: 110px; height: 30px; text-align: center; line-height: 30px; margin: 0 5px; } .h_inner{ width: 100%; height: 250px; line-height: 250px; overflow: hidden; } .h_inner img{ width: 100%; } .hotsale_small>ul:after{ content: ""; display: block; clear: both; } .hotsale_small>ul>li{ float: left; width: 25%; padding-left:6px; padding-right: 6px; box-sizing: border-box; } .h_product{ text-align: center; border: 1px solid #ccc; } .h_inner img{ width: 100%; display: inline-block; vertical-align: middle; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transition: all .4s ease-in-out; } .h_product:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .hotsale_small>ul{ padding: 36px 0; } .news_inner{ width: 1200px; margin: 0 auto; } .news_content{ padding: 20px; box-sizing: border-box; border: 1px solid #cccccc; border-top: none; box-sizing: border-box; } .news_content>ul>li>a span:first-child{ font-size: 14px; color: #666666; padding-left: 16px; background: url(../img/plus.png) no-repeat left center; width: 235px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 33px; } .news_content>ul>li>a:hover span{ color: #9E0001; } .news_content>ul>li>a span:last-child{ display: inline-block; line-height: 33px; } .news_content>ul{ float: left; margin-right: 72px; } .news_content>ul:last-child{ margin-right: 0!important; } .news_content>ul>li{ float: left; width: 33.33%; } .news_content:after{ content: ""; display: block; clear: both; } .suggest_news{ margin-bottom: 50px; } .repair_inner li{ width: 270px; text-align: center; background: url(../img/p_c02.png) no-repeat center; float: left; margin: 10px 15px; } .repair_inner:after{ content: ""; display: block; clear: both; } .repair_inner li a{ display: inline-block; line-height: 48px; width: 100%; font-size: 17px; font-weight: bold; color: #fff; } .repair_inner li a img{ display: inline-block; margin-right: 6px; vertical-align: baseline; } .repair_inner{ width: 1200px; margin: 0 auto; padding-bottom: 38px; } .repair_inner li:hover{ background: url(../img/p_choose.png) no-repeat center; } .re_active{ background: url(../img/p_choose.png) no-repeat center!important; } .repair_box{ margin-top: 65px; } .repair_inner01{ width: 1200px; margin: 0 auto; } .repair_inner01>ul>li{ width: 50%; padding: 0 10px; box-sizing: border-box; float: left; } .repair_inner01>ul:after{ content: ""; display: block; clear:both; } .re_inbox{ border: 1px solid #cccccc; } .re_left{ float: left; width: 50%; height: 278px; line-height: 278px; overflow: hidden; } .re_left img{ width: 100%; } .re_right{ float: right; width: 50%; } .re_inbox:after{ content: ""; display: block; clear: both; } .re_right{ padding: 17px 20px 40px 20px; box-sizing: border-box; } .re_right h1{ font-size: 18px; color: #333; padding-bottom: 10px; } .re_right h2{ font-size: 16px; color: #333; padding-bottom: 10px; } .re_right p{ font-size: 14px; color: #333; padding-bottom: 5px; } .re_inbox{ margin: 10px 0; } .re_inbox:hover{ border: 1px solid #9e0001; } /*页码*/ .page { margin-top: 25px; padding: 25px 0; text-align: center; } .page a { color: #333; font-size: 16px; display: inline-block; padding: 10px; display: inline-block; border-radius: 4px; line-height: 24px; padding: 7px 17px; text-align: center; margin: 0 3px; border-radius: 5px; } .page a:hover { background-color: #9e0001; color: #fff; } .active1{ background-color: #9e0001; color: #fff!important; } .repair_inner02{ width: 1200px; margin: 0 auto; } .repair_inner02>ul>li{ padding: 0 6px; box-sizing: border-box; float: left; margin-bottom: 30px; } .repair_inner02>ul:after{ content: ""; display: block; clear:both; } .repair_inner02 .ex_content{ margin-top: 0; } .repair_inner02 .ex_content li{ margin-right: 0px; } .about_pin{ width: 1200px; margin: 0 auto; } .about_pin h1{ font-size: 30px; color: #000; text-align: center; } .about_pin h2{ font-size: 16px; color: #969696; text-align: center; font-weight: normal; } .a_left{ width: 46%; float: left; } .a_right{ width: 50%; float: right; } .a_left p{ text-indent: 35px; font-size: 16px; color: #333; line-height: 34px; } .a_box{ padding: 44px 0; } .a_box:after{ content: ""; display: block; clear: both; } .about_page{ padding-top: 68px; } .tech_container{ width: 1200px; margin: 0 auto; margin-top: 64px; } .tech_container:after{ content: ""; display: block; clear: both; } .tech_left{ width: 77%; float: left; padding-right: 50px; box-sizing: border-box; margin-bottom: 40px; } .tech_right{ width: 23%; float: right; } .tech_rtop{ background-color: #cccccc; line-height: 47px; padding: 0 10px; box-sizing: border-box; } .tech_rtop:after{ content: ""; display: block; clear: both; } .tech_rleft{ float: left; font-size: 16px; color: #333; font-weight: bold; } .tech_rright{ float: right; font-size: 14px; color: #fff; } .tech_left ul{ border-top: 1px solid #e5e5e5; } .tech_left ul li{ padding: 20px 0; } .tech_left .line1 span:last-child{ font-size: 16px; } .tech_left .daan{ font-size: 14px; width: 96%!important; } .tech_rmiddle{ background-color: #fafafa; padding: 20px 20px; box-sizing: border-box; } .tech_rmiddle ul li{ line-height: 35px; color: #666666; padding-left: 20px; background: url(../img/plus.png) no-repeat left center; } .tech_rin01{ margin-top: 10px; } .mc_left{ float: left; width: 80%; } .mc_right{ float: right; width: 20%; } .mc_right .mc_about{ font-size: 18px; color: #fff; line-height: 35px; font-weight: bold; background-color: #a40000; padding-left: 25px; } .mcList li:first-child{ font-size:15px; color: #333; background-color: #ededed; padding-left: 25px; line-height: 35px; font-weight: bold; } .mcList li a{ border-bottom: 1px dotted #ededed; font-size: 14px; color: #595959; line-height: 35px; display: inline-block; padding-left: 25px; width: 100%; box-sizing: border-box; } .m_content:after{ content: ""; display: block; clear: both; } .m_content{ width: 1200px; margin: 0 auto; padding: 45px 0; } .mcList{ margin-top: 10px; border: 1px solid #e5e5e5; } .mcList li a:hover{ color: #a40000; } .mcList li:last-child a{ border-bottom: none; } .mcList01 li:first-child{ background: url(../img/p1.png) no-repeat left center; padding-left: 50px; } .mcList01 li:first-child p{ font-size: 12px; color: #666666; text-align: left; } .mcList01 li:first-child h1{ font-size: 16px; color: #333; text-align: left; } .mcList01 li span{ font-size: 12px; color: #666; } .mcList01{ padding: 10px 25px; box-sizing: border-box; border: 1px solid #e5e5e5; } .mcList01 li{ line-height: 20px; } .m_big{ margin-top: 20px; } .mc_left{ padding: 0 20px; box-sizing: border-box; } .mc_left h1{ font-size: 30px; font-weight: bold; color: #1a1a1a; background: url(../img/m_bg.png) no-repeat center; text-align: center; padding-bottom: 10px; } .mc_left h2{ font-size: 20px; color: #333333; text-align: center; padding-bottom: 10px; font-weight: normal; } .mc_left h2 span{ font-size: 20px; color: #c20a0a; vertical-align: baseline; } .mc_l01{ background-color: #fafafa; text-align: center; padding: 60px 0 10px 0; } .mc_l01 p{ color: #a40000; } .form{ width: 100%; margin: 30px auto; } .form_title{ margin-top:70px; } .form_title h1{ font-size: 24px; color: #333; text-align: center; line-height: 25px; } .form_title span{ font-size: 16px; color: #999; text-align: center; display: inline-block; width: 100%; line-height: 25px; padding-top: 5px; } .inputItem{ width: 48.1%; display: inline-block; margin: 7px 0; } .inputItem label{ font-size: 15px; margin-right: 4px; } .inputItem label span{ color: #EB191A; } .inputItem input{ width: 100%; height: 42px; border: 1px solid #d2d2d2; } .inputItem input::-webkit-input-placeholder { /* WebKit browsers */ padding-left: 10px; color: #999; font-size: 14px; } .inputItem input::-moz-placeholder { /* Mozilla Firefox 19+ */ padding-left: 10px; color: #999; font-size: 14px; } .inputItem input::-ms-input-placeholder { /* Internet Explorer 10+ */ padding-left: 10px; color: #999; font-size: 14px; } .tbox{ width: 100%; } .inputItem textarea{ width: 100%; height: 180px; border: 1px solid #d2d2d2; } .tbox label{ vertical-align: top; } .tbox label span{ vertical-align: top; } .inputItem textarea::-webkit-input-placeholder { /* WebKit browsers */ padding-left: 10px; color: #999; font-size: 14px; font-family:"微软雅黑"; padding-top: 6px; } .inputItem textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ padding-left: 10px; color: #999; font-size: 14px; font-family:"微软雅黑"; padding-top: 6px; } .inputItem textarea::-ms-input-placeholder { /* Internet Explorer 10+ */ padding-left: 10px; color: #999; font-size: 14px; font-family:"微软雅黑"; padding-top: 6px; } .btn{ background-color: #a40000; font-size: 18px; text-align: center; line-height: 42px; width: 44%; margin: 20px auto; color: #fff; border: none; } form{ text-align: center; } .mfirst{ background: url(../img/dia.png) no-repeat left center; font-size: 16px; color: #333333; font-weight: bold; padding-left: 14px; margin-bottom: 20px; } .msecond{ border: 3px solid #f0f0f0; padding: 22px 20px 22px 40px; box-sizing: border-box; } .msecond li{ float: left; width: 20%; text-align: left; line-height: 45px; } .msecond:after{ content: ""; display: block; clear: both; } .msecond li a{ display: inline-block; font-size: 14px; color: #666666; background: url(../img/plus.png) no-repeat left center; padding-left: 10px; width: 86%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mc_l02>ul>li{ margin: 45px 0; } .lx_bigbox{ padding: 80px 0 80px 0; width: 1200px; margin: 0 auto; } .lx_bigbox:after{ content: ""; display: block; clear: both; } .lx_left{ float: left; } .lx_right{ float: right; } .lx_first{ padding-bottom: 30px; } .lx_first h1{ font-size: 26px; color: #1a1a1a; font-weight: bold; } .lx_first p{ font-size: 22px; color: #cccccc; } .lx_second li{ padding: 15px 0; } .lx_second .lx_s01{ background: url(../img/p.png) no-repeat left center; padding-left: 60px; } .lx_s01 h1{ font-size: 16px; font-weight: normal; color: #1a1a1a; text-align: left; } .lx_s01 h2{ font-family: impact; font-size: 28px; color: #1a1a1a; text-align: left; } .lx_second .lx_s02{ background: url(../img/p.png) no-repeat left center; padding-left: 60px; } .lx_second .lx_s03{ background: url(../img/e.png) no-repeat left center; padding-left: 60px; } .lx_second .lx_s04{ background: url(../img/a.png) no-repeat left center; padding-left: 60px; } .lx_s02 h1{ font-size: 16px; font-weight: normal; color: #1a1a1a; text-align: left; } .lx_s02 h2{ font-family: impact; font-size: 28px; color: #1a1a1a; text-align: left; font-weight: normal; } .lx_s03 h1{ font-size: 16px; font-weight: normal; color: #1a1a1a; text-align: left; } .lx_s03 h2{ font-family: impact; font-size: 28px; color: #1a1a1a; text-align: left; font-weight: normal; } .lx_s04 h1{ font-size: 16px; font-weight: normal; color: #1a1a1a; text-align: left; } .lx_s04 h2{ font-family: impact; font-size: 16px; font-weight: normal; color: #1a1a1a; text-align: left; } #map{ margin-top: 15px; } .submittop h1{ font-size: 26px; color: #1a1a1a; } .submittop p{ font-size: 22px; color: #cccccc; text-transform: uppercase; } .form01{ width: 62%; margin-top:20px; } .inputItem01{ width: 49.7%; display: inline-block; margin: 8px 0; } .inputItem01 label{ font-size: 15px; margin-right: 4px; } .inputItem01 label span{ color: #EB191A; } .inputItem01 input{ width: 96%; height: 44px; border: 1px solid #d2d2d2; } .inputItem01 input::-webkit-input-placeholder { /* WebKit browsers */ padding-left: 10px; color: #999; font-size: 14px; } .inputItem01 input::-moz-placeholder { /* Mozilla Firefox 19+ */ padding-left: 10px; color: #999; font-size: 14px; } .inputItem01 input::-ms-input-placeholder { /* Internet Explorer 10+ */ padding-left: 10px; color: #999; font-size: 14px; } .tbox{ width: 100%; } .inputItem01 textarea{ width: 97.5%; height: 180px; border: 1px solid #d2d2d2; } .inputItem01 textarea::-webkit-input-placeholder { /* WebKit browsers */ padding-left: 10px; color: #999; font-size: 14px; font-family:"微软雅黑"; padding-top: 6px; } .inputItem01 textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ padding-left: 10px; color: #999; font-size: 14px; font-family:"微软雅黑"; padding-top: 6px; } .inputItem01 textarea::-ms-input-placeholder { /* Internet Explorer 10+ */ padding-left: 10px; color: #999; font-size: 14px; font-family:"微软雅黑"; padding-top: 6px; } .form01 .btn{ background-color: #a40000; font-size: 18px; text-align: center; line-height: 44px; width: 30%; margin: 20px auto; color: #fff; border: none; } form{ text-align: left; } .lx_fbig{ background-color: #f0f0f0; } .lx_form{ width: 1200px; margin: 0 auto; background: url(../img/service.png) no-repeat right bottom; padding: 70px 0 66px 0; box-sizing: border-box; } .tech_rmiddle01>ul>li>.t_imgbox{ width:210px; height: 137px; overflow: hidden; line-height: 137px; margin: 0 auto; } .tech_rmiddle01>ul>li>.t_imgbox img{ width: 100%; } .tech_rmiddle01{ background:none; } .tech_rmiddle01>ul>li{ text-align: center; padding: 20px 0 0 0; } .tech_rmiddle01>ul>li>h1{ font-size:14px; color: #595959; font-weight: normal; padding-top: 5px; } .tech_rmiddle01>ul{ background-color:#fafafa; padding-bottom: 20px; } .a_inbox{ width: 570px; height: 380px; overflow: hidden; } .about_shili{ background: url(../img/company.jpg) no-repeat center; background-size: cover; padding: 60px 0; } .a_pinbox{ width: 1200px; margin: 0 auto; } .a_top h1{ text-align: center; font-size: 30px; color: #ffffff; } .a_top h2{ text-align: center; font-size: 16px; color: #ffffff; font-weight: normal; } .a_pinbox>ul:after{ display: block; clear: both; content: ""; } .a_pinbox>ul{ padding: 66px 0 30px 0; } .a_pinbox>ul>li{ float: left; width: 25%; text-align: center; padding: 0 30px; box-sizing: border-box; } .a_pinbox>ul>li h1{ width: 104px; height: 104px; line-height: 104px; border: 1px solid #fff; font-family: impact; font-size: 50px; margin-bottom: 20px; border-radius: 50%; color: #fff; text-align: center; display: inline-block; } .a_pinbox>ul>li p{ color: #fff; } .a_top01 h1{ text-align: center; font-size: 30px; color: #1a1a1a; } .a_top01 h2{ text-align: center; font-size: 16px; color: #969696; font-weight: normal; text-transform: uppercase; } .goodsConNav .navIten { width: 190px; line-height: 42px; background: #8c8c8c; text-align: center; font-size: 16px; color: #fff; float: left; cursor: pointer; margin: 0 10px; } .about_honor{ width: 1200px; margin: 0 auto; text-align: center; } .goodsConNav::after{ content: ""; display: block; clear: both; } .goodsConNav .navIten.active { background: #a40000; color: #fff; } .goodsCon .goodsConItem{ padding: 40px 0 20px 0; display: none; } .goodsCon .goodsConItem:nth-child(1) { display: block; } .detailCon{ font-size: 26px; } .goodsConNav{ margin-top: 40px; display: inline-block; } .g_add li{ float: left; width: 25%; padding: 0 10px; box-sizing: border-box; } .g_add:after{ content: ""; display: block; clear: both; } .g_add li a{ display: inline-block; box-sizing: border-box; height: 205px; line-height: 205px; position: relative; width: 100%; } .g_add li a img{ width: 100%; } .g_add li a p{ position: absolute; bottom: 0; background: rgba(0,0,0,.5); color: #fff; font-size: 14px; line-height: 40px; width: 100%; text-align: center; } .about_honor{ padding: 80px 0 110px 0; } .tech_left01{ width: 77%; float: left; padding-right: 50px; box-sizing: border-box; margin-bottom: 40px; } .tech_left01>ul>li{ padding: 25px; border: 1px solid #e0e0e0; margin: 20px 0; } .tech_left01>ul>li .s_left{ float: left; width: 30%; } .tech_left01>ul>li .s_right{ float: right; width: 70%; } .tech_left01>ul>li:after{ content: ""; display: block; clear: both; } .tech_left01>ul>li .s_left .s_img{ width: 237px; height: 158px; overflow: hidden; } .tech_left01>ul>li .s_left .s_img img{ width: 100%; } .s_right{ padding-left: 20px; box-sizing: border-box; } .s_right h1{ font-size: 18px; color: #404040; padding: 20px 0 10px 0; } .s_right p{ font-size: 14px; color: #8c8c8c; } .a_last{ text-align: right; padding-top: 10px; } .a_last>a{ display: inline-block; background: #b6b6b6; font-size: 14px; color: #fff; padding:0 40px; line-height: 30px; } .tech_left01>ul>li:hover{ border: 1px solid #a40000; } .tech_left01>ul>li:hover .s_right h1{ color: #A40000; } .tech_left01>ul>li:hover .a_last>a{ background-color: #A40000; } .tech_left02{ width: 77%; float: left; padding-right: 50px; box-sizing: border-box; margin-bottom: 40px; } .tech_left02>ul>li{ padding: 25px; border-bottom: 1px solid #e0e0e0; margin: 20px 0; } .tech_left02>ul>li .s_left{ float: left; width: 30%; } .tech_left02>ul>li .s_right{ float: right; width: 70%; } .tech_left02>ul>li:after{ content: ""; display: block; clear: both; } .tech_left02>ul>li .s_left .s_img{ width: 237px; height: 158px; overflow: hidden; } .tech_left02>ul>li .s_left .s_img img{ width: 100%; } .tech_left02 .a_last{ text-align: left; } .tech_left02 .a_last>a{ border: 1px solid #dbdbdb; color: #4c4c4c; background:none; } .tech_left02 .a_last>a:hover{ background-color: #A40000; border: 1px solid #A40000; color: #fff; } .tech_left02 .s_right h1{ color: #1a1a1a; padding: 10px 0 15px 0; } .tech_left02>ul>li .s_stop h1{ float: left; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tech_left02>ul>li .s_stop p{ float: right; line-height: 40px; } .tech_left02>ul>li .s_stop:after{ content: ""; display: block; clear: both; } .detailCon{ background-color: #fff; box-sizing: border-box; } .detailTitle{ text-align: center; } .detailTitle span:first-child{ margin-right: 35px; } .detailTitle p{ font-size: 22px; text-align: center; padding-bottom: 20px; color: #262626; } .timedata{ display: inline-block; } .detailContent{ margin-top: 30px; line-height: 24px; font-size: 14px; color: #666; } .detailContent p{ font-size: 14px; color: #666; } .detailTitle span img{ padding-bottom: 5px; padding-right: 2px; } .detailCon img { max-width: 100%; } .detailCon:nth-child(1) { display: block; } .timedata span{ font-size:12px; color: #999; } .listcon{ background-color: #fff; border-top: 1px solid #f0f0f0; padding-bottom: 40px; margin-top: 20px; padding-top: 10px; } .nc_top{ padding:4px 0; } .nc_top span{ font-size: 15px; color: #333333; } .nc_top a{ font-size: 15px; color: #808080; vertical-align: middle; } .nc_top a:hover{ color: #C20A0A; } .nc_left{ float: left; } .nc_right{ float: right; } .listcon::after{ content: ""; display: block; clear: both; } .listcon{ box-sizing: border-box; } .nc_right{ padding-top: 10px; } .nc_right a{ display: inline-block; background-image: url(../img/return1.png); background-repeat: no-repeat; background-position: 20% center; padding-left: 26px; background-color: #9e0001; color: #fff; padding:10px 50px 10px 65px; } .ac_left{ float: left; width: 50%; } .ac_right{ float: right; } .a_content:after{ content: ""; display: block; clear: both; } .a_content{ padding: 50px 30px 0 30px; background-color: #fff; margin-top: 45px; } .titleItem01{ font-size: 16px; color: #fff; background-color: #808080; padding: 8px 40px; display: inline-block; } .titleItem01:hover{ cursor: default; } .imgList01{ margin-top: 45px; } .item01{ float: left; margin:0 10px; } .imgTitle01{ display: inline-block; margin-bottom: 40px; } .imgList01 .container{ text-align: center; } .active .titleItem01{ background-color: #9e0001; color: #fff; } /* 本例子css */ /*.picList,.tempWrap{width: 1200px!important;}*/ .picScroll-left1{ width:1200px; overflow:hidden; position:relative; } .picScroll-left1 .prev{ width:20px; height:35px;cursor:pointer; background-image:url(../img/aleft.png) ; background-repeat: no-repeat; background-position: left center; position: absolute; left: 5px; z-index: 1999999; padding:5px; background-color: #fff; } .picScroll-left1 .next{ width:20px; height:35px;cursor:pointer; background-image:url(../img/aright.png) ; background-repeat: no-repeat; background-position: left center; position: absolute; right: 5px; z-index: 1999999; padding:5px; background-color: #fff; } .picScroll-left1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .picScroll-left1 .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; } .picScroll-left1 .hd ul li.on{ background-position:0 0; } .picScroll-left1 .bd ul{ overflow:hidden; zoom:1; } .picScroll-left1 .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center; width: 25%; } .picScroll-left1 .bd ul li a{display: inline-block;} .picScroll-left1 .bd ul li .pic{ text-align:center; width: 280px; height: 205px; overflow: hidden;} .picScroll-left1 .bd ul li .pic img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transition: all .4s ease-in-out; } .picScroll-left1 .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-left1 .bd ul li .title{width: 269px; line-height:24px;text-align: left;padding:20px 13px;box-sizing: border-box;background-color:#fff; transition: all .4s ease-in-out; } .picScroll-left1 .bd ul li .title h1{ color: #333;font-size: 16px; font-weight: normal;margin-bottom: 8px;} .picScroll-left1 .bd ul li .title p{ color: #808080; font-size: 14px;line-height: 20px;margin-bottom: 15px;} .picScroll-left1 .bd ul li .pic span{ width: 0; height: 100%; overflow: hidden; display: inline-block; vertical-align: middle; } .picScroll-left1 .bd ul li:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transition: all .4s ease-in-out; } .picScroll-left1 .bd ul li:hover .title{background-color:#c20a0a;} .picScroll-left1 .bd ul li:hover .title h1{color: #fff;} .picScroll-left1 .bd ul li:hover .title p{color: #fff;} .picScroll-left1 .bd ul li .pimg{ width: 32px; height: 32px; background-image: url(../img/c03.png); background-repeat: no-repeat; background-position: center; } .picScroll-left1 .bd ul li:hover .pimg{ background-image: url(../img/c02.png); } .picScroll-left1 .picList li a{ position: relative; } .picScroll-left1 .title1{ position: absolute; width: 100%; background-color: rgba(0,0,0,.5); z-index: 9999; bottom: 0; } .picScroll-left1 .title1 h1{ color: #fff; font-size: 14px; font-weight: normal; line-height: 35px; } .imgbig{ width: 1200px; margin: 0 auto; } .imgTitle01{ position: absolute; top: -94px; left: 20%; } .imgList01{ position: relative; } .f_tbig{ padding-bottom: 60px; } .ac_left h1{ font-size: 20px; font-weight: bold; color: #1a1a1a; padding-bottom: 30px; padding-top: 5px; } .ac_content p{ font-size: 14px; color: #4c4c4c; line-height: 36px; } .ac_content p span{ color: #c20a0a; } .n_drop{ background-color: #990000; position: absolute; transition: all .4s ease-in-out; top: 156px; box-sizing: border-box; width: 150%; left: 50%; margin-left: -113px; display: none; z-index: 1000000000000; } .NavContainer>ul>li{ position: relative; } .n_drop li{ width: 100%; padding: 0 15px; box-sizing: border-box; } .n_drop li a{ display: inline-block; color: #fff; text-align: center; width: 100%; font-size: 15px; padding: 15px 0; border-bottom:1px solid rgba(255,255,255,.2); } .NavContainer>ul>li:hover .n_drop{ display: block; top: 56px; transition: all .4s ease-in-out; } .n_drop li:hover{ background-color: #333; border-bottom: 1px solid #333; } @media only screen and (min-width: 1390px) and (max-width: 1620px) { .imgTitle01 { position: absolute; top: -94px; left: 15%;} } @media only screen and (min-width: 1200px) and (max-width: 1390px) { .imgTitle01 { position: absolute; top: -94px; left: 10%;} } .down_load h2 { color: #1a1a1a; font-weight: normal; font-size: 16px; padding-bottom: 10px; font-weight: normal; padding-top: 22px; } .down_load h2 a { color: #9e0001; font-size: 16px; vertical-align: baseline; padding-left: 20px; }