@charset "utf-8"; html,body{ height:100%; padding:0px; margin:0px; min-width: 1200px; font:14px 微软雅黑; color:#444; } a{ text-decoration: none; outline: none; color: #000; transition: 0.2s; } p{ text-align: justify; text-justify:inter-ideograph; margin: 0; } li{list-style-type: none; vertical-align: top; margin: 0; padding:0; } ul{margin: 0; padding: 0; } img{ margin: 0; padding: 0; } img{ border: 0; vertical-align: top; } h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size: 100%; margin: 0; padding: 0; } .fl { float:left; } .fr { float:right; } .clear{ clear:both; } .w0{ width: 100%; overflow:hidden; } .w1{ width: 100%; clear:both; } .w1200{ width: 1200px; margin:0 auto; } .w1140{ width: 1140px; margin:0 auto; } /*header start*/ .head{ width:100%; position: fixed; z-index: 999999999; background: #fff; } .head .head_top{ height: 35px; background: #353535; line-height: 35px; border-bottom: 1px solid #dfdfdf; color: #fff; } .head .head_top a{ color: #fff; padding: 0 15px; } .head .head_top a:nth-child(3) { padding-right: 0px; } .head .head_body{ height: 100px; } .head .tel{ padding: 15px 0 15px 90px; background: url(../images/tel.png) no-repeat center left; } .head .tel p{ line-height: 30px; font-size: 17px; line-height: 32px; color: #444; } .head .tel b{ font-size: 30px; font-family: Arial; color: #ec1b24; position: relative; top: 2px; } .head .head_body .logo{ width: 600px; height: 0px; background: #fff; } .head .head_body .logo_zi{ padding-top: 12px; } .head .head_body .logo_zi b{ font-size: 33px; color: #353535; font-weight: bold; } .head .head_body .logo_zi p{ font-size: 19px; color: #888; letter-spacing: 1.5px; } .head .head_nav{ height: 45px; background: #ec1b24; border-bottom: 5px solid #353535; border-top: 1px solid #353535; } .head .head_nav li{ width: 170px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; float: left; position: relative; } .head .head_nav li a{ color: #fff; } .head .head_nav li:hover { background: #353535; } /*header end*/ /*banner start*/ .banner{ padding-top: 187px; } .flexslider { margin: 0px auto 0px; position: relative; width: 100%; height:550px; overflow: hidden; zoom: 1; } .flexslider .slides li { width: 100%; height: 100%; } .flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; } .flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: rgba(0,0,0,0.3); display: block; height: 10px; overflow: hidden; text-indent: -99em; width: 10px; cursor: pointer; -webkit-transition: all 0s ease; border-radius: 10px; } .flex-control-paging li a.flex-active,.flex-control-paging li.active a{ background: #ec1b24; } .flexslider .slides a img { width: 100%; height: 550px; display: block; } /*banner end*/ /*product start*/ .product{ margin: 30px 0 0 0; height: 730px; } .product .title{ height: 90px; background: url(../images/bor.png) no-repeat center bottom; text-align: center; margin-bottom: 10px; } .product .title b{ font-size: 28px; color: #353535; } .product .title span{ color: #ec1b24; } .product .title p{ font-size: 30px; color: #aaa; text-align: center; margin-top: -10px; } .product .title a{ font-size: 16px; color: #353535; margin-top: -30px; } .product .title a:hover{ color: #ec1b24; border-bottom: 1px solid #ec1b24; } .product .pro_body{ height: 615px; } .product .pro_body .list ul li{ float: left; width: 148px; border: 1px solid #888; margin: 10px 10px 30px 10px; padding: 5px 0; text-align: center; border-radius: 10px 0; font-size: 16px; } .product .pro_body .list ul li a{ color: #353535; } .product .pro_body .list ul li:hover{ border: 1px solid #ec1b24; } .product .pro_body .list ul li:hover a{ color: #ec1b24; } .product .pro_body .body{ height: 610px; margin-top: 20px; } .product .pro_body .body ul li{ float: left; margin-left:45px; margin-bottom: 30px; } .product .pro_body .body ul li:nth-child(1) { margin-left: 0; } .product .pro_body .body ul li:nth-child(5) { margin-left: 0; } .product .pro_body .body ul li a .img{ padding: 2px; border:1px solid #dfdfdf; border-radius: 50px 0 0 0; overflow: hidden; } .product .pro_body .body ul li a .img img{ border-radius: 50px 0 0 0; cursor: pointer; transition: all 1s; } .product .pro_body .body ul li a .img img:hover{ transform: scale(1.2); } .product .pro_body .body ul li p{ width: 266px; height: 30px; border-bottom: 5px solid #ec1b24; line-height: 34px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .product .pro_body .body ul li:hover .img{ border:1px solid #ec1b24; } .product .pro_body .body ul li:hover p{ background: #ec1b24; color:#fff; } /*product end*/ /*company start*/ .company{ margin: 0 0 30px 0; height: 520px; background: #ededed url(../images/combg.jpg) no-repeat center; padding-top: 20px; } .company .title{ height: 90px; background: url(../images/bor.png) no-repeat center bottom; text-align: center; margin-bottom: 10px; } .company .title b{ font-size: 28px; color: #353535; } .company .title span{ color: #ec1b24; } .company .title p{ font-size: 30px; color: #fff; text-align: center; margin-top: -10px; } .company .com_body{ height: 460px; padding: 10px 0; } .company .com_body .tp{ width: 650px; height: 130px; margin-top: 20px; } .company .com_body .tp ul li{ float: left; font-size: 16px; color: #353535; width: 320px; margin: 10px 0; } .company .com_body .wz{ width: 650px; height: 200px; border: 1px solid #fff; padding: 10px; } .company .com_body .wz b{ font-size: 18px; color: #353535; display: block; margin: 0 0 5px 30px; } .company .com_body .wz p{ font-size: 15px; color: #353535; text-indent: 2em; line-height: 25px; } /*company end*/ /*new start*/ .new{ margin: 30px 0; height: 550px; } .new .title{ height: 90px; background: url(../images/bor.png) no-repeat center bottom; text-align: center; margin-bottom: 20px; } .new .title b{ font-size: 28px; color: #353535; } .new .title span{ color: #ec1b24; } .new .title p{ font-size: 30px; color: #aaa; text-align: center; margin-top: -10px; } .new_body{ height: 440px; } .new_body .left{ float: left; width: 350px; height: 420px; margin: 0 25px; border-bottom: 5px solid #ec1b24; border-radius: 50px 0 0 0; box-shadow: 0 10px 10px #ccc; } .new_body .left img{ width: 350px; height: 262.5px; border-radius: 50px 0 0 0; } .new_body .left b{ font-size: 18px; color: #353535; display: block; width: 330px; margin: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new_body .left p{ font-size: 15px; color: #888; padding: 0 10px 10px 10px; text-indent: 2em; border-bottom: 1px solid #888; } .new_body .left span{ font-size: 15px; color: #666; line-height: 40px; margin: 0 10px; } .new_body .left .more:hover{ color: #ec1b24; } .new .lb .new_con{ width: 800px; top:15px; } .new .new_con{ overflow:hidden; position:relative; } .new .new_con .infoList li{ height:98px; } .new .new_con .infoList li .tit{ width: 500px; height: 30px; line-height: 30px; padding-left: 35px; margin-bottom: 6px; padding-top: 10px; font-size: 16px; color: #555; font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .new .new_con .infoList li .tit .time{ color: #888; font-size: 15px; } .new .new_con .infoList li .con{ width: 750px; line-height: 22px; padding-left: 35px; position: relative; top: -3px; font-size: 15px;color: #777; } .new .new_con .infoList li:nth-child(2n+1) { background: #eee; } .new .new_con .infoList li a .tit:hover{ color: #ec1b24; } /*new end*/ /*footer start*/ .foot{ background: #353535; } .foot .foot_nav{ height: 50px; border-bottom: 1px solid #ec1b24; } .foot .foot_nav ul li{ font-size: 15px; line-height: 15px; padding: 17.5px 0; } .foot .foot_nav ul li a{ display:block; color: #fff; font-size: 16px; width: 170px; border-right: 1px solid #999; text-align: center; } .foot .foot_nav ul li:nth-child(1) a{ border-left: 1px solid #999; } .foot .foot_nav ul li:hover a{ color: #ec1b24; } .foot .foot_body{ height: 100px; } .foot .foot_body b{ color: #fff; font-size: 18px; display: block; text-align: center; line-height: 200%; } .foot .foot_body p{ color: #fff; font-size: 15px; text-align: center; line-height: 180%; } .foot .foot_bot{ height: 35px; background: #ec1b24; line-height: 35px; } .foot .foot_bot span{ padding:0 15px; font-size: 15px; color: #fff; } .foot .foot_bot a{ color: #fff; font-size: 15px; } /*footer end*/