/*产品系列*/ .banner-video { width: 100%; margin: 0 auto; text-align: center; height: 890px; position: relative; background: #181818; } .about_ab{ width:100%; background:#fff; } .about_abw { width:75%; min-width: 1170px; padding: 0px; margin: 0 auto; text-align: center; padding-top:60px; } .about_ab .hright{ width:100%; text-align:left; height:600px; } .about_ab .ab-left{ width:33%; margin-left:2%; float:left; text-align:left; } .about_ab .ab-left img{ max-width:100%; } .about_ab .ab-right{ width:65%; float:left; text-align:left; } .about_ab .ab-left p{ width:100%; text-align:left; padding:30px 0; } .about_ab .ab-right .title{ text-align: left; font-size: 32px; color: #010101; line-height: 50px; font-weight:800; border-bottom:#010101 solid 1px; } .about_ab .ab-right .title span{ color: #010101; } .about_ab .ab-right .test{ width:100%; text-align: left; padding-top:100px; } .about_ab .ab-right .test .img{ width:35%; float:left; text-align: left; } .about_ab .ab-right .test .text{ width:60%; float:left; text-align: left; } .about_ab .ab-right .test .text dd{ width:100%; text-align: left; font-size: 36px; color: #010101; line-height: 50px; padding-bottom:30px; } .about_ab .ab-right .test .text p{ width:100%; text-align: left; font-size: 16px; color: #010101; line-height: 30px; } .about_ab .ab-right .more{ text-align: left; padding-top:5px; } .about_ab .ab-right .more a{ color: #010101; } .box {position: relative; padding-bottom:50px;} .box .content {width: 1360px;margin: 0 auto; padding-top:20px;} .box h2 {text-align: center;margin-bottom: 35px;} .box .box_con {position: relative;} .box .box_con .btnl {position: absolute;} .box .box_con .btn {display: block;width: 48px;height: 49px;position: absolute;top: 410px;cursor: pointer;} .box .box_con .btnl {/*background: url(/uploads/image/phimg/left.jpg) no-repeat center;left: 0;*/} .box .box_con .btnr {/*background: url(/uploads/image/phimg/right.jpg) no-repeat center;right: 10px;*/} .box .box_con .btnl:hover {/*background: url(/uploads/image/phimg/left.jpg) no-repeat center;*/} .box .box_con .btnr:hover {/*background: url(/uploads/image/phimg/right.jpg) no-repeat center;*/} .box .box_con .conbox {position: relative;overflow: hidden;} .box .box_con .conbox ul {position: relative;list-style: none;} .box .box_con .conbox ul li {float: left;width: 330px;height: 390px;margin-left: 10px;overflow: hidden; background:#fff;} .box .box_con .conbox ul .prodown{ margin-top:60px;} .box .box_con .conbox ul li:first-child {margin-left: 0;} .box .box_con .conbox ul li img {display: block;max-width:100%;transition: all 0.5s;} .box .box_con .conbox ul li:hover img {transform: scale(1.03);} .box .box_con .conbox ul li p{ text-align:center; line-height:60px; font-size:14px; color:#010101; background:#f0f0f0;} .box .boxswitch {margin-top: 35px;text-align: center;} .box .boxswitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 10px; border-radius:50%;background: #c4c5c7;margin: 0 10px;cursor: pointer;} .box .boxswitch span.cur {background: #f0831f;} .cate_ab{ width:100%; text-align:center; background:#f0f0f0; padding-bottom:80px; } .cate_abw { width: 1300px; padding: 0px; margin: 0 auto; text-align: center; padding-top:60px; } .cate_ab .title{ width:100%; text-align:center; font-size: 42px; color: #010101; line-height: 60px; padding-bottom: 30px; } .company_ab{ width: 100%; padding: 0px; margin: 0 auto; text-align: center; background:#fff; height:282px; } .company_abw { width:80%; min-width:1270px; padding: 0px; margin: 0 auto; text-align: center; } .company_ab img{ max-width:100%; } .company_abw_img { width: 100%; padding: 0px; margin: 0 auto; text-align: center; } .company_ab .com_left{ text-align: right; width:45%; float:left; } .company_ab .com_center{ text-align: left; width:100%; padding-top:50px; } .company_ab .com_center .title{ width:100%; text-align: left; font-size: 40px; color: #010101; line-height: 50px; font-family: 'montserrat-bold'; font-weight:800; } .company_ab .com_center .titleen{ width:100%; text-align: center; padding-bottom:20px; } .company_ab .com_center .about-title{ width:100%; text-align: left; font-size: 40px; color: #010101; line-height: 40px; font-family: 'montserrat-bold'; font-weight:800; padding-bottom:30px; } .company_ab .com_center .about-titleen{ width:100%; text-align: left; font-size: 24px; color: #010101; line-height: 40px; font-family: 'montserrat-bold'; font-weight:800; padding-bottom:30px; } .company_ab .com_center .test{ width:100%; text-align: center; font-size: 24px; color: #010101; line-height: 46px; padding-bottom:30px; padding-top:20px; } .company_ab .com_center .more{ width:100%; text-align: center; } .company_ab .com_center .more a{ color: #fff; } .company_ab .com_right{ width:20%; text-align:left; float:left; padding-top:90px; } .company_ab .com_right .choose{ width:100%; text-align:left; background:#ececec; padding:35px 35px 70px; } .company_ab .com_right .choose .ch-title{ width:100%; text-align:left; line-height:40px; font-size: 24px; color: #141414; font-family: 'montserrat-bold'; padding-bottom:10px; } .company_ab .com_right .choose .ch-test{ width:100%; text-align:left; line-height:50px; font-size: 14px; color: #141414; } .newspro_ab{ width: 100%; padding: 0px; margin: 0 auto; text-align: center; background:#f8f8f8; height:692px; } .newspro_abw { width:97%; min-width:1270px; padding: 0px; margin: 0 auto; text-align: center; padding-top:90px; } .newspro_ab li{ width:24%; margin-left:0.5%; margin-right:0.5%; float:left; text-align:left; background:#fff; } .newspro_ab li img{ max-width:100%; } .newspro_ab li p{ width:100%; text-align:left; line-height:60px; font-size:20px; padding-left:5%; color:#010101; } .nei-title .index-cate-title { width:100%; text-align:right; } .nei-title .index-cate-title ul { width: 100%; text-align: right; padding:60px 0 20px; } .nei-title .index-cate-title ul li { width:16.666666%; line-height: 40px; text-align: center; font-size: 14px; display: inline-block; color: #010101; } .nei-title .index-cate-title ul li:hover{ font-size:14px; color: #7f1b27; border-radius: 20px; } .nei-title .index-cate-title ul li:last-child { margin-right: 0; } .nei-title .index-cate-title ul li a { display: inline-block; color:#131c23; } .nei-title .index-cate-title ul li a.active { display: inline-block; line-height: 40px; font-size:14px; color: #fff; background:#d40e27; border-radius: 20px; } .nei-title .index-cate-title ul li a:hover { font-size:14px; color: #7f1b27; border-radius: 20px; } .picscroll{ position:relative; height:420px; overflow:hidden;margin: 0px auto 0;max-width: 1400px; } .picscroll .tempwrap {margin:0 auto;} .picscroll ul{ overflow:hidden; zoom:1; } .picscroll ul li{ float:left; margin: 0 6px; width:315px; height: 410px; overflow:hidden; display:inline;background:#fff; border: 1px solid #ebebeb;border-radius: 5px; padding-top:20px;} .picscroll ul li dl dd {width:100%;text-align:center;color: #777777;height: 60px;line-height:60px;font-size:16px;} .picscroll ul li dl dt {border-bottom: #e4e4e4 solid 0px;} .picscroll ul li dl dt img{ max-width:100%;} .picscroll .prev, .picscroll .next{ position:absolute; left:0px; top: 156px; display:block; width:43px; height:68px; overflow:hidden; background: 0 0 no-repeat; cursor:pointer; } .picscroll .next{ left:auto; right:0px; background-position:-86px 0; } .picscroll .prevstop{ background-position:-43px 0; } .picscroll .nextstop{ background-position:-129px 0; } .picscroll ul li:hover{ box-shadow:0px 0px 10px #e4e4e4; } .product-wrapper{ width:100%; text-align: center; background:#fff; } .product-wrapperw { width:75%; min-width: 1240px; padding: 0px; margin: 0 auto; text-align: center; } .product-wrapper .title{ width: 100%; padding-top: 40px; padding-bottom: 20px; text-align: center; font-size: 42px; color: #010101; line-height: 60px; font-family: 'montserrat-bold'; font-weight: 800; } .product-wrapper .title span{ color: #7fb641; font-family: 'montserrat-bold'; } .product-wrapper .more{ width:100%; text-align:center; margin-bottom:50px; } .product-wrapper li{ width:33.333333%; float:left; padding:0 2%; text-align:center; padding-top:20px; margin-bottom:10px; } .product-wrapper li img{ max-width:100%; } .product-wrapper li p{ text-align:center; color:#010101; font-size:16px; line-height:40px; } .news-wrapper{ width:100%; text-align:center; height:680px; padding-top:40px; } .news-wrapperw { width:90%; min-width:1170px; padding: 0px; margin: 0 auto; text-align: center; } .news-wrapper .title{ width: 100%; padding-top: 130px; padding-bottom: 20px; text-align: left; font-size: 50px; color: #00204f; line-height: 60px; font-family: 'montserrat-bold'; font-weight: 800; } .news-wrapper .index_line{ width:60px; background:#0374ae; height:3px; margin-top:5px; margin-bottom:5px; } .news-wrapper .test{ text-align: left; font-size: 16px; color: #010101; line-height: 30px; margin-bottom: 20px; } .news-wrapper .img-ul { width:100%; min-width:1200px; padding: 0px; margin: 0 auto; padding:30px; background:#fff; } .news-wrapper .img-ul li { display: inline-block; width: 30%; margin-left:5%; background: #f0f0f0; border-radius: 20px; } .news-wrapper .img-ul li:first-child { margin-left: 0; } .news-wrapper .img-ul li:hover { /*box-shadow:0px 0px 20px #adadad;*/ } .news-wrapper .img-ul li img{ max-width:100%; border-top-left-radius: 20px; border-top-right-radius: 20px; } .news-wrapper .img-ul li.avtive .bd, .news-wrapper .img-ul li:hover .bd { background: #fff; } .news-wrapper .img-ul li .hd { position: relative; } .news-wrapper .img-ul li .hd img { display: block; } .news-wrapper .img-ul li .hd .date { position: absolute; bottom: 0; right: 0; width: 102px; height: 36px; background-color: #000; color: #fff; font-size: 14px; line-height: 36px; text-indent: 24px; text-align: left; } .news-wrapper .img-ul li .bd1 { padding: 20px 20px 20px; background: no-repeat center; } .news-wrapper .img-ul li .bd2 { padding: 20px 20px 20px; background: no-repeat center; } .news-wrapper .img-ul li .bd3 { padding: 20px 20px 20px; background: no-repeat center; } .news-wrapper .img-ul li .td { height: 60px; } .news-wrapper .img-ul li .td .tdtime{ height: 60px; display: inline-block; width: 50%; font-size: 14px; color: #000; line-height: 60px; padding-left: 140px; } .news-wrapper .img-ul li .td .tdtimel{ height: 60px; display: inline-block; width: 50%; } .news-wrapper .img-ul li .td .tdtimel dd{ font-size: 18px; color: #aaa; line-height: 40px; padding-right: 80px; } .news-wrapper .img-ul li .td .tdtimel dt{ font-size: 16px; color: #aaa; line-height: 20px; } .news-wrapper .img-ul li .td .tdtime img { width: 34px; height: 34px; padding: 0px; } .news-wrapper .img-ul li .td .tdtime a{ font-size: 16px; color: #000; font-weight: bold; } .news-wrapper .img-ul li .bd-title { font-size: 18px; text-align: left; color: #2c2c2c; } .news-wrapper .img-ul li .bd-title a{ color: #141414; } .news-wrapper .img-ul li .bd-line { width:30%; text-align:left; border-bottom: #a4a4a4 solid 2px; } .news-wrapper .img-ul li .bd-time { font-size: 14px; text-align: right; color: #141414; line-height:20px; padding-top:20px; } .news-wrapper .img-ul li .bd-text { margin-top: 10px; color: #000; font-size: 14px; line-height: 24px; text-align: left; } .news-wrapper .img-ul li .bd-text a{ color: #141414; } .news-wrapper .img-ul li .news_more { width: 102px; height: 34px; margin: 37px auto 0; border: 1px solid #999; line-height: 34px; color: #a699b3; font-size: 12px; font-weight: bold; } .news-wrapper .img-ul li .news_more a{ color: #a699b3; } .flexslider{margin:0 auto;position:relative;width:100%;overflow:hidden;zoom:1;} .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} .flexslider .slides{zoom:1;} .flexslider .slides img{ max-width:100%;} .flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(/uploads/image/phimg/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;} .flex-direction-nav .flex-next{background-position:0 -90px;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:120px;text-align:center;} .flex-control-link{width:100%;position:absolute;bottom:80px;text-align:center; z-index:100;} .flex-control-nav li{display:inline-block;zoom:1;*display:inline;} .flex-control-paging li a{background: no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:243px;cursor:pointer;} .flex-control-paging li a.flex-active{background-position:0 0;}