html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
body { font: 12px/1.5 "Microsoft Yahei",sans-serif; background: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
body{overflow-x: hidden;}
.container{width: 1600px;}
.row{margin: 0;}
section .title-demo {text-align:center;padding:60px 0;}
section .title-demo p {font-size:40px;color:#000;font-weight: bolder;}
section .title-demo span {font-size:16px;margin:10px 0;display:block;color: #666666;}
section .title-demo p::before{content: '';position: absolute;width: 30px;height: 2px;background: #000;left: 41%;top: 43%;}
section .title-demo p::after{content: '';position: absolute;width: 30px;height: 2px;background: #000;left: 57%;top: 43%;}
section .container .sub-title-demo{text-align: center;position: relative;}
section .container .sub-title-demo .title{font-size: 40px;}
section .container .sub-title-demo .line1{display: block;width: 40px;height: 1px;background: #0093dd;position: absolute;left: 50%;margin:10px 0 6px -30px;}
section .container .sub-title-demo .line2{display: block;width: 40px;height: 1px;background: #000;position: absolute;left: 50%;margin:18px 0 6px -10px;}
section .container .sub-title-demo .sub-title{display: block;margin-top: 30px;font-size: 38px;font-weight: bolder;text-transform: uppercase;margin-bottom: 40px;}
.logo-box{height: 78px;}
.logo-box img{margin-top: 10px;}
.nav>li>a:focus, .nav>li>a:hover{color: #fff;background: none;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{color: #0093dd;background: none;}
.navbar-brand, .navbar-nav>li>a{text-shadow: none;}
.dropdown:hover>.dropdown-menu {display:block;}
.dropdown>.dropdown-toggle:active {pointer-events:none;}
.dropdown-item {padding:1.25rem 1rem;text-align:center;}
.navbar-brand {padding:29px 15px;height:auto;}
nav.navbar.bootsnav {border:none;}
.navbar-nav {float:left;}
nav.navbar.bootsnav ul.nav > li > a {color:#fff;text-transform:uppercase;padding:30px 16px;font-size: 16px;font-weight: 500;}
.nav > li:after {content:"";width:0;height:2px;background:#fff;position:absolute;bottom:0;left:0;transition:all 0.5s ease 0s;}
.nav > li:hover:after {width:100%;}
.nav > li.act:after {width:100%;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {content:"+";font-family:'FontAwesome';font-size:16px;font-weight:500;position:absolute;top:35%;right:0;transition:all 0.4s ease 0s;}
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after {content:"\f105";transform:rotate(90deg);}
.dropdown-menu.multi-dropdown {position:absolute;left:-100% !important;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {box-shadow:0 0 10px rgba(0,0,0,0.3);border:none;}
@media only screen and (max-width:990px) {nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after {content:" ";}
.dropdown-menu.multi-dropdown {left:0 !important;}
nav.navbar.bootsnav ul.nav > li:hover {background:transparent;}
nav.navbar.bootsnav ul.nav > li > a {margin:0;}
.navbar-default{background-color:none!important}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color: none!important;}
}
.icon-box{height: 78px;padding-top: 25px;}
.icon-box img{margin: 0 20px;display: inline-block;}
.container .icon-box .emailshow{display: block;position: absolute;top: 62px; right: 105px;height: 0px;line-height: 30px;font-size: 16px;background: #fff;border-radius: 4px;width: 220px;overflow: hidden;transition: all 0.4s;z-index: 100;text-align: center;}
.container .icon-box .phoneshow{display: block;position: absolute;top: 62px; right: 27px;height: 0px;line-height: 30px;font-size: 16px;background: #fff;border-radius: 4px;width: 220px;overflow: hidden;transition: all 0.4s;z-index: 100;text-align: center;}
section .banner{text-align: center;}
section .banner .swiper-pagination-bullet{background: rgba(255,255,255,0.5);}
section .banner .swiper-pagination-bullet-active{background: #fff;}
section .banner .swiper-button-prev::after{content: '';}
section .banner .swiper-button-next::after{content: '';}
section .banner .swiper-button-prev{background: url(../images/arrow-left.png)no-repeat center;width: 64px;height: 64px;}
section .banner .swiper-button-next{background: url(../images/arrow-right.png)no-repeat center;width: 64px;height: 64px;}
section .service .container .service-box{margin: 0 0 30px 0}
section .service .container .service-box .row{margin: 0;position: relative;}
section .service .container .service-box .service-item{padding-left: 0;}
section .service .container .service-box .service-item .row{max-height: 48%;}
section .service .container .service-box .service-item .row:first-child{margin-bottom: 2%;}
section .service .container .service-box .service-item .pic-txt{position: absolute;bottom: 60px ;left:20px;}
section .service .container .service-box .service-item .pic-txt p{font-size: 24px;color: #fff;font-weight: bolder;}
section .service .container .service-box .service-item .pic-txt .line{display: block;width: 32px;height: 2px;background: #fff;margin-top: 10px;}
section .trait .container .title-demo p::before{content: '';position: absolute;width: 30px;height: 2px;background: #000;left: 35%;top: 43%;}
section .trait .container .title-demo p::after{content: '';position: absolute;width: 30px;height: 2px;background: #000;left: 63%;top: 43%;}
section .trait .container .trait-list .trait-item{position:relative;height: 320px;min-height: 320px;box-shadow: 0 0 46px rgb(0 0 0 / 10%);margin-bottom: 30px;}
section .trait .container .trait-list .trait-item .txt{padding-left: 203px;}
section .trait .container .trait-list .trait-item .txt img{position: absolute;left: 75px;top: 100px;}
section .trait .container .trait-list .trait-item .txt .title{font-size: 30px;color: #666;padding-top: 60px;letter-spacing: 2px;}
section .trait .container .trait-list .trait-item .txt .line{display: block;width: 380px;;height:1px;margin: 4px 0 30px 0;background: #b3b3b3;}
section .trait .container .trait-list .trait-item .txt .content{font-size: 16px;color: #999;line-height: 30px;max-width: 480px;margin-bottom: 10px;color: #333;position: relative;}
section .trait .container .trait-list .trait-item .txt .content::before{content:'';position: absolute;width: 10px;height: 11px;background: url(../images/triangle.png)no-repeat center;left: -22px;top: 10px;}
section .trait .container .trait-list .trait-item .pic-box{padding: 0;overflow: hidden;}
section .trait .container .trait-list .trait-item .pic-box img{transition: all 0.4s;}
section .trait .container .trait-list .trait-item .pic-box:hover img{transition: all .4s;transform: scale(1.08);}
section .adv{height: 589px;background: url(../images/fdv-bg.jpg)no-repeat center;margin-bottom: 70px;}
section .adv .container .title-demo .title p{color: #fff;text-shadow: 5px 0 8px #874702;}
section .adv .container .title-demo .title span{color: #fff;text-shadow: 5px 0 8px #874702;}
section .adv .container .title-demo p::before{background: #fff;box-shadow: 5px 0 8px #874702;}
section .adv .container .title-demo p::after{background: #fff;box-shadow: 5px 0 8px #874702;}
section .adv .container .numbox{height: 105px;margin-bottom: 80px;}
section .adv .container .numbox .num-item{text-align: center;color: #fff;text-shadow: 5px 0 8px #874702;;}
section .adv .container .numbox .num-item p{position: relative;}
section .adv .container .numbox .num-item span:first-child{font-size: 50px;}
section .adv .container .numbox .num-item span:last-child{font-size: 16px;display: block;;}
section .company{background: url(../images/company-bg.jpg)no-repeat center;height: 735px;background-size: contain;background-color: #f4f4f4;}
section .company .container .row .picbox img{width: 100%;}
section .company .container .row .picbox .title1{font-size: 40px;padding-top: 50px;}
section .company .container .row .picbox .title2{font-size: 42px;padding-bottom: 30px;font-weight: bolder;}
section .company .container .row .txt .title{font-size: 30px;color:#000;padding-top: 210px;font-weight: bolder;}
section .company .container .row .txt .content{font-size: 16px;color: #333;line-height: 32px;text-indent: 32px;margin-top: 20px;font-weight: 400;}
section .company .container .row .phonebox{position: relative;margin: 50px 0 0 60px;}
section .company .container .row .phonebox span{font-size: 14px;color: rgba(0,0,0,0.8);}
section .company .container .row .phonebox p{font-size: 40px;font-weight: 400;color: #0093dd;line-height: 42px;}
section .company .container .row .phonebox::before{content:'';width: 53px;height: 53px;position:absolute;background:url(../images/phone-icon.png)no-repeat center;left: -60px;top: 6px;}
section .brand{padding-bottom: 80px;}
section .brand .container .brand-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;max-width: 1400px;margin: 0 auto;}
section .brand .container .brand-list .brand-item{width: 252px;height: 202px;border: 1px solid #efefef;text-align: center;overflow: hidden;margin:10px 0;overflow: hidden;}
section .brand .container .brand-list .brand-item img{width: 100%;transition: all 0.2s ;}
section .brand .container .brand-list .brand-item:hover img{transition: all 0.2s;transform: scale3d(0.9,0.9,1);}
section .applyform{height: 860px;width: 100%;position: relative;max-width: 1920px;
margin-left: auto;
margin-right: auto;}
section .applyform .form-bg{width: 100%;position: absolute;left: 0;top: 0;}
section .applyform .container{position: relative;}
section .applyform .container .form-wrapper{width: 870px;height: 776px;background: #fff;position: absolute;right: 0%;top: 42px;padding: 70px;box-shadow: 3px 0 20px rgb(0 0 0 / 10%);}
section .applyform .container .form-wrapper .title-wrapper{border-bottom: 1px solid #f2f2f2;}
section .applyform .container .form-wrapper .title{color: #555555;font-size: 36px;padding: 10px 0 8px 0;display: block;}
section .applyform .container .form-wrapper img{float: right;margin-right: 20px;display: block;margin-top: -35px;}
section .applyform .container .form-wrapper .layui-input-block{margin-left: 80px;position: relative;}
section .applyform .container .form-wrapper .layui-form-item{margin-top: 6px;margin-bottom: 6px;}
section .applyform .container .form-wrapper .layui-form-label{padding: 12px 0;font-size: 14px;}
section .applyform .container .form-wrapper .layui-form-select dl dd.layui-this{background-color:#0093dd }
section .applyform .container .form-wrapper input::placeholder{font-size-adjust: 16px;}
section .applyform .container .form-wrapper .form-box{padding-top: 20px;}
section .applyform .container .form-wrapper .form-box .start-icon{position: absolute;right: -11px;bottom: 9px;z-index: 9;}
section .applyform .container .form-wrapper .form-box .notriangle .layui-edge{display: none;}
section .applyform .container .form-wrapper .form-box button{display: block;width: 180px;background: #0093dd;font-size: 18px;text-align: center;line-height: 50px;height: 50px;margin-top: 20px;color: #fff;border: 0;}
section .index-news .container .news-wrapper{padding-bottom: 90px;}
section .index-news .container .news-wrapper .picbox{height: 508px;position: relative;padding: 0;margin-right: 4%;max-width: 48%;}
section .index-news .container .news-wrapper .picbox .news-item{position: absolute;bottom: 0;}
section .index-news .container .news-wrapper .picbox img{width: 100%;}
section .index-news .container .news-wrapper .textbox{display: flex;flex-direction: column;justify-content: space-between;height: 508px;max-width: 48%;}
section .index-news .container .news-wrapper .news-item{height: 125px;border: 1px solid #d9d9d9;user-select: none;}
section .index-news .container .news-wrapper .news-item .date{border-right: 1px solid #d9d9d9;text-align: center;height: 125px;}
section .index-news .container .news-wrapper .news-item .date p{font-weight: bolder;font-size: 40px;color :#595050;padding: 10px 0 5px 0;}
section .index-news .container .news-wrapper .news-item .date span{font-weight: bolder;font-size: 18px;color :#595050;}
section .index-news .container .news-wrapper .news-item .content .title{font-size: 18px;color:#595050;font-weight:bolder;margin: 20px 0 10px 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
section .index-news .container .news-wrapper .news-item .content .news-con{font-size: 16px;color: #666;padding-left: 20px;line-height: 26px;max-height: 52px;overflow: hidden;}
section .index-news .container .news-wrapper .news-item:hover .date p{color: #0093dd;}
section .index-news .container .news-wrapper .news-item:hover .date span{color: #0093dd;}
section .index-news .container .news-wrapper .news-item:hover .content .title{color: #0093dd;}
footer{background: #333333;}
footer .container .footer-wrapper{max-width: 1400px;margin: 0 auto;}
footer .container .footer-wrapper ul{display: flex;justify-content: center;height: 78px;line-height: 78px;border-bottom: 1px solid #585858;}
footer .container .footer-wrapper ul li{display: inline;margin: 0 40px;}
footer .container .footer-wrapper ul li a{font-size: 16px;color: #fff;text-decoration: none;}
footer .container .footer-wrapper .row .col-lg-3:first-child img{margin-top: 56px;}
footer .container .footer-wrapper .row .col-lg-6{color: #e5e5e5;padding: 40px 0 0 90px;position: relative;}
footer .container .footer-wrapper .row .col-lg-6 .title{font-size:20px;margin-bottom: 4px;}
footer .container .footer-wrapper .row .col-lg-6 span{font-size:16px;display: block;margin: 8px 0;}
footer .container .footer-wrapper .row .qr-list{display: flex;justify-content: center;padding-top: 50px;}
footer .container .footer-wrapper .row .qr-list .qr{margin-right: 10px;}
footer .container .footer-wrapper .row .qr-list .qr span{text-align: center;color: #fff;width: 100%;display: block;margin-top: 10px;}
footer .container .footer-wrapper .row .col-lg-6 .line{width: 1px;height: 200px;background: #585858;display: block;position: absolute;}
footer .container .footer-wrapper .row .col-lg-6 .line1{left: 44px;}
footer .container .footer-wrapper .row .col-lg-6 .line2{right: 44px;top: 40px;}
footer .container .footer-wrapper .info-box{text-align: center;color: #999;padding: 16px 0px;border-top: 1px solid #585858;margin-top: 30px;}
footer .container .footer-wrapper .info-box a{color: #999;text-decoration: none;}
section .page-cate{height: 60px;border-bottom: 1px solid #ccc;background: #f5f5f5;margin-bottom: 90px;}
section .page-cate a{font-size: 14px;text-decoration: none;margin: 0 8px;height: 61px;display: inline-block;}
section .page-cate .location{height: 60px;line-height: 60px;width: 30%;float: left;position: relative;}
section .page-cate .location::before{content:'';position: absolute;width: 16px;height: 23px;background: url(../images/cate-position.png)no-repeat center;left: -24px;top: 20px}
section .page-cate .location .title{color: #4c4c4c;}
section .page-cate .cate-list{height: 60px;line-height: 60px;float: right;}
section .page-cate .cate-list{font-size: 16px;margin-right: 10px;}
section .page-cate .cate-list .active{border-bottom: 3px solid #0093dd;color: #0093dd;}
section .pro-wrapper .container .left-side{max-width: 20.7%;}
section .pro-wrapper .container .pro-cate{width:100%;}
section .pro-wrapper .container .pro-cate .title-box{height: 80px;background: #0093dd;line-height: 80px;}
section .pro-wrapper .container .pro-cate .title-box .title{font-size: 37px;color: #fff;text-align: center;font-weight: bolder;letter-spacing: 2px;}
section .pro-wrapper .container .pro-cate .list-box{background: rgb(102,102,102);}
section .pro-wrapper .container .pro-cate .list-box .active{background: #0093dd;}
section .pro-wrapper .container .pro-cate .list-box .active p{color: #fff;}
section .pro-wrapper .container .pro-cate .list-box ul{padding: 0 8px;}
section .pro-wrapper .container .pro-cate .list-box ul li{border-bottom: 1px solid #999;transition: all 0.2s;}
section .pro-wrapper .container .pro-cate .list-box ul li:hover {background: #0093dd;transition: all 0.2s;}
section .pro-wrapper .container .pro-cate .list-box ul li:last-child{border-bottom: 0;}
section .pro-wrapper .container .pro-cate .list-box ul li a{color: #fff;font-size: 16px;text-decoration: none;padding: 18px 0 18px 38px;display: block;}
section .pro-wrapper .container .pro-list{display: flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: row;}
section .pro-wrapper .container .pro-list .pro-item{max-width: 32%;margin-right: 1%;height: auto;margin-bottom: 10px;background: #e6e6e6;text-align: center;text-decoration: none;transition: all 0.4s;overflow: hidden;}
section .pro-wrapper .container .pro-list .pro-item:hover{background: #0093dd;}
section .pro-wrapper .container .pro-list .pro-item:hover p{color: #fff;}
section .pro-wrapper .container .pro-list .pro-item img{width: 327px;height: 245px;transition: all 0.4s;}
section .pro-wrapper .container .pro-list .pro-item:hover img{transition: all 0.4s;transform: scale(1.02);}
section .pro-wrapper .container .pro-list .pro-item p{font-size: 18px;color: #021e15;margin: 6px 0;}
section .pro-wrapper .container .content-wrapper{background: #f5f5f5;padding: 50px 30px 30px 30px;margin-bottom: 80px;}
section .pro-wrapper .container .content-wrapper .line{display: block;width: 100%;height: 1px;background-color: #ccc;margin: 30px 0;}
section .pro-wrapper .container .content-wrapper .nextprev{font-size: 16px;display: block;margin: 10px 0;color: #666;text-decoration: none;}
section .pro-wrapper .container img{max-width: 100%!important;margin: 10px 0;}
section .aboutus .container .company-content{font-size: 16px;color: #333;line-height: 32px;max-width: 1400px;margin: 0 auto;background: url(../images/com-map.jpg)no-repeat center;background-position: top;}
section .aboutus .container .swiper-pagination-bullet-active{background: #0093dd;}
section .aboutus .container .company-picbox{margin: 30px 0;}
section .aboutus .strength{background: url(../images/strength-bg.jpg)no-repeat center;height: 847px;}
section .aboutus .strength .strength-list{display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;max-width: 1400px;margin: 0 auto;}
section .aboutus .strength .strength-list .strength-item{margin-bottom: 20px;}
section .aboutus .strength .swiper-pagination{bottom: 0;}
section .features .container .feat-list{padding-bottom: 60px;}
section .features .container .feat-list .feat-item{text-align: center;}
section .features .container .feat-list .feat-item p{font-size: 20px;color:#0093dd;margin: 40px 0 0 0;}
section .features .container .feat-list .feat-item i{display: block;width: 20px;height: 1px;background-color: #0093dd;margin: 10px auto;}
section .features .container .feat-list .feat-item span{font-size: 16px;color: #4c4c4c;line-height: 28px;}
section .features .container .sub-title-demo{margin: 80px 0 80px 0;}
section .solve-wrapper .container .title-demo p::before{content: '';position: absolute;width: 30px;height: 2px;background: #000;left: 35%;top: 43%;}
section .solve-wrapper .container .title-demo p::after{content: '';position: absolute;width: 30px;height: 2px;background: #000;left: 63%;top: 43%;}
section .solve-wrapper .container .solve-list .solve-item{position:relative;height: 378px;min-height: 378px;box-shadow: 0 0 46px rgb(0 0 0 / 10%);margin-bottom: 30px;overflow: hidden;}
section .solve-wrapper .container .solve-list .solve-item .txt:nth-of-type(even){padding-left: 80px;}
section .solve-wrapper .container .solve-list .solve-item .txt:nth-of-type(odd){padding-left:80px}
section .solve-wrapper .container .solve-list .solve-item .txt img{position: absolute;left: 75px;top: 100px;}
section .solve-wrapper .container .solve-list .solve-item .txt .title{font-size: 24px;color: #1a1a1a;padding-top: 60px;letter-spacing: 2px;}
section .solve-wrapper .container .solve-list .solve-item .txt .line{display: block;width: 60px;;height:4px;margin: 15px 0 30px 0;background: #0093dd;}
section .solve-wrapper .container .solve-list .solve-item .txt .content{font-size: 16px;color: #666;line-height: 30px;max-width: 480px;margin-bottom: 10px;color: #666;position: relative;letter-spacing: 1px;}
section .solve-wrapper .container .solve-list .solve-item .txt .content::before{content:'';position: absolute;width: 10px;height: 11px;}
section .solve-wrapper .container .solve-list .solve-item .pic-box{padding: 0;overflow: hidden;}
section .solve-wrapper .container .solve-list .solve-item .pic-box img{transition: all 0.4s;}
section .solve-wrapper .container .solve-list .solve-item .pic-box:hover img{transition: all .4s;transform: scale(1.08);}
section .contactus .container .contact-info {box-shadow: 0 0 8px rgb(42 42 42 / 15%);overflow: overlay;margin-bottom: 60px;}
section .contactus .container .contact-info .picbox{width: 36.4%;float: left;}
section .contactus .container .contact-info .picbox img{width: 100%;}
section .contactus .container .contact-info .info-list{float: left;width: 63.6%;}
section .contactus .container .contact-info .info-list .info-item{border-bottom: 1px dashed #e8e8e8;padding: 20px 0 20px 48px;}
section .contactus .container .contact-info .info-list .info-item:last-child{border: 0;}
section .contactus .container .contact-info .info-list .info-item .p{font-size: 20px;color: #0093dd;}
section .contactus .container .contact-info .info-list .info-item .sub-title{font-size: 16px;color: #4c4c4c;}
section .contactus .container .contact-info .info-list .info-item span{font-size: 16px;color: #666;display: block;}
section .contactus .container #map{height: 520px;margin-bottom: 70px;}
section .contactus .container .mes-form{background: #fff;box-shadow: 3px 0 20px rgb(0 0 0 / 10%);margin-bottom: 100px;padding-bottom: 30px;padding-top: 30px;}
section .contactus .container .mes-form .title-wrapper{border-bottom: 1px solid #f2f2f2;}
section .contactus .container .mes-form .title{color: #555555;font-size: 36px;padding: 10px 0 8px 0;display: block;}
section .contactus .container .mes-form img{float: right;margin-right: 20px;display: block;margin-top: -35px;}
section .contactus .container .mes-form .layui-input-block{margin-left: 80px;position: relative;}
section .contactus .container .mes-form .layui-form-item{margin-top: 6px;margin-bottom: 6px;}
section .contactus .container .mes-form .layui-form-label{padding: 12px 0;font-size: 14px;}
section .contactus .container .mes-form .layui-form-select dl dd.layui-this{background-color:#0093dd }
section .contactus .container .mes-form input::placeholder{font-size-adjust: 16px;}
section .contactus .container .mes-form .form-box{padding-top: 20px;}
section .contactus .container .mes-form .form-box .start-icon{position: absolute;right: -11px;bottom: 9px;z-index: 9;}
section .contactus .container .mes-form .form-box .notriangle .layui-edge{display: none;}
section .contactus .container .mes-form .form-box button{display: block;width: 180px;background: #0093dd;font-size: 18px;text-align: center;line-height: 50px;height: 50px;margin: 20px auto 0;color: #fff;border: 0;}
section .news-center .container .news-list .news-item{box-shadow: 4px 0 10px rgba(0,0,0,0.15);max-height: 330px;margin: 0 0 50px 0;}
section .news-center .container .news-list .news-item .date-box{position: relative;}
section .news-center .container .news-list .news-item .date-box .date{position: absolute;width: 104px;height: 135px;top: 0;left: 0;background: #666;text-align: center;}
section .news-center .container .news-list .news-item .date-box .date p{font-size: 40px;color: #fff;text-align: center;margin-top: 16px;margin-bottom: 4px;}
section .news-center .container .news-list .news-item .date-box .date span{font-size: 16px;color: #fff;text-align: center;}
section .news-center .container .news-list .news-item .content-box .title{font-size: 28px;padding: 62px 0 10px 0px;color: #0093dd;}
section .news-center .container .news-list .news-item .content-box .sub-title{font-size: 16px;color: #808080;line-height: 30px;}
section .news-center .container .news-list .news-item .content-box .btn{display: block;width: 140px;height: 34px;font-size: 16px;color: #fff;text-align: center;line-height: 20px;margin-top: 70px;background: #0093dd;}
section .news-center .container .news-list .news-item .pic-box{padding: 10px;}
section .news-center .container .news-list .news-item .pic-box img{width: 100%;}
section .newsview-wrapper .container .content-wrapper .line{display: block;width: 100%;height: 1px;background-color: #ccc;margin: 30px 0;}
section .newsview-wrapper .container .content-wrapper .nextprev{font-size: 16px;display: block;margin: 10px 0;color: #666;text-decoration: none;}
section .newsview-wrapper .container .content-wrapper .content p{font-size: 32px;color: #4c4c4c;line-height: 30px;text-indent: 32px;margin: 12px 0;}
section .newsview-wrapper .container img{width: 100%!important;}
@media (max-width: 1366px) {
.container{width: 100%;}
nav.navbar.bootsnav ul.nav > li > a{padding: 30px 6px;}
section .brand .container .brand-list .brand-item{width: 232px;height: 182px;}
section .index-news .container .news-wrapper .picbox{margin-right: 2%;}
}
@media (max-width: 1280px) {
nav.navbar.bootsnav ul.nav > li > a{padding: 30px 8px;}
.logo-box img{width: 131%;}
.container{min-width: 1200px;}
section .index-news .container .news-wrapper .picbox{margin-right: 1%;}
section .pro-wrapper .container .pro-list .pro-item{height: auto;transition: all 0.4s;}
section .news-center .container .news-list .news-item .content-box .title{padding: 40px 0 10px 0px;}
section .news-center .container .news-list .news-item .content-box .btn{margin-top: 24px;}
}
@media (max-width: 768px) {
.navbar-nav>li>a{color: #fff;font-size: 16px;}
}
.font12 {
font-size: 14px
}
.highmsg {
color: red
}
.rigbg {
color: #bb3f2b;
font-weight: 700
}
.none {
display: none
}
.look {
padding: 20px
}
.look ul li {
list-style: none;
line-height: 30px
}
.charsLeft,
.charsLeft1,
.charsLeft3,
.charsLeft2,
.charsLeftone,
.charsLeftone2 {
color: red
}
.rule {
border: #ccc solid 1px;
height: 30px;
width: 90pt
}
.ruleadd {
height: 30px;
margin-bottom: 3px
}
.sl-left10 {
margin-left: 5px
}
.thopen {
width: 130px
}
.wh50 {
width: 70px
}
.wh40,
.wh50 {
height: 30px;
border: #ccc solid 1px
}
.wh40 {
width: 40px
}
.wh30 {
width: 30px;
height: 30px;
border: #ccc solid 1px;
text-align: center
}
.rule-top {
line-height: 25px;
color: #666
}
.sl-indextop7 {
margin-top: 4px
}
.sl-indextop10 {
margin-top: 10px
}
.sl-font14 {
font-size: 14px
}
.sl-line-height25 {
line-height: 25px
}
.sl-date {
height: 30px;
width: 200px
}
.top10 {
margin-top: 10px
}
.top20 {
margin-top: 20px
}
.top30 {
margin-top: 30px
}
.top40 {
margin-top: 40px
}
.file {
position: relative;
display: inline-block;
background: #d0eeff;
border: 1px solid #99d3f5;
border-radius: 4px;
padding: 4px 9pt;
overflow: hidden;
color: #1e88c7;
text-decoration: none;
text-indent: 0;
line-height: 25px
}
.file input {
position: absolute;
font-size: 75pt;
right: 10;
top: 0;
opacity: 0
}
.file:hover {
background: #aadffd;
border-color: #78c3f3;
color: #004974;
text-decoration: none
}
.list_order {
width: 50px;
border: #fc6 solid 1px
}
.bgccc {
color: #999
}
.bgc {
color: #666
}
.input_last {
line-height: 35px;
margin-left: 10px
}
.maintop {
width: 100%;
padding-bottom: 10px
}
.admin_sea {
height: 30px
}
.lbl {
line-height: 30px
}
.first_checkbox li {
float: none;
border-bottom: 1px dotted #ccc;
overflow: auto;
font-size: 1pc
}
.first_checkbox li:last-child {
border-bottom: 0
}
.first_checkbox li input {
position: relative;
top: 8px;
margin-left: 3px;
margin-right: 5px
}
.first_checkbox li span {
margin-right: 25px
}
.first_checkbox li .two_checkbox {
margin-left: 30px;
margin-bottom: 10px
}
#w {
width: 750px;
margin: 0 auto;
padding-top: 30px
}
#content,
#w {
display: block
}
#content {
width: 100%;
background: #fff;
padding: 25px 20px;
padding-bottom: 35px;
box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0
}
.flatbtn-blu {
box-sizing: border-box;
display: inline-block;
outline: 0;
border: 0;
color: #edf4f9;
text-decoration: none;
background-color: #4f94cf;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
font-size: 1.3em;
font-weight: 700;
padding: 9pt 26px;
line-height: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}
.flatbtn-blu:hover {
color: #fff;
background-color: #519dde
}
.flatbtn-blu:active {
box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1)
}
#lean_overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
display: none
}
#loginmodal {
width: 300px;
padding: 15px 20px;
background: #f3f6fa;
border-radius: 6px;
box-shadow: 0 1px 5px rgba(0, 0, 0, .5)
}
#loginform label {
display: block;
font-size: 1.1em;
font-weight: 700;
color: #7c8291;
margin-bottom: 3px
}
.txtfield {
display: block;
width: 100%;
padding: 6px 5px;
margin-bottom: 15px;
font-family: Helvetica Neue, Helvetica, Verdana, sans-serif;
color: #7988a3;
font-size: 1.4em;
text-shadow: 1px 1px 0 hsla(0, 0%, 100%, .8);
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#edf3f9), to(#fff));
background-image: -webkit-linear-gradient(top, #edf3f9, #fff);
background-image: linear-gradient(top, #edf3f9, #fff);
border: 1px solid;
border-color: #abbce8 #c3cae0 #b9c8ef;
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25), 0 1px hsla(0, 0%, 100%, .4);
-webkit-transition: all .25s linear;
transition: all .25s linear
}
.txtfield:focus {
outline: 0;
color: #525864;
border-color: #84c0ee;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15), 0 0 7px #96c7ec
}
.excel_file {
width: 9pc;
height: 41px;
cursor: pointer;
font-size: 30px;
outline: medium 0;
position: absolute
}
.main {
margin: 0 auto;
padding: 15px;
width: 750px;
font-family: microsoft yahei
}
.cf:after,
.cf:before {
display: table;
content: "";
line-height: 0
}
.cf:after {
clear: both
}
.cf {
*zoom: 1
}
.upload-area {
position: relative;
float: left;
margin-right: 30px;
width: 200px;
height: 200px;
background-color: #f5f5f5;
border: 2px solid #e1e1e1
}
.upload-area .file-tips {
position: absolute;
top: 90px;
left: 0;
padding: 0 15px;
width: 170px;
line-height: 1.4;
font-size: 9pt;
color: #a8a8a3;
text-align: center
}
.userup-icon {
display: inline-block;
margin-right: 3px;
width: 1pc;
height: 1pc;
vertical-align: -2px;
background: url(__ROOT__/public/img/userup_icon.png) no-repeat
}
.uploadify-button {
line-height: 90pt!important;
text-align: center
}
.preview-area {
float: left
}
.tcrop {
clear: right;
font-size: 14px;
font-weight: 700
}
.update-pic .crop {
background: url(__ROOT__/public/img/headicon.png) no-repeat scroll center center #eee;
float: left;
margin-bottom: 20px;
margin-top: 10px;
overflow: hidden
}
.crop100 {
height: 75pt;
width: 75pt
}
.crop60 {
height: 60px;
margin-left: 20px;
width: 60px
}
.update-pic .save-pic {
clear: left;
margin-right: 20px
}
.update-pic .uppic-btn {
background-color: #348fd4;
color: #fff;
display: block;
float: left;
font-size: 1pc;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: middle;
width: 89px
}
.preview {
position: absolute;
top: 0;
left: 0;
z-index: 11;
width: 200px;
height: 200px;
overflow: hidden;
background: #fff;
display: none
}
#news_titleshort {
margin-left: 15px
}
@media screen and (max-width:767px) {
.all-btn {
margin-left: 9pt
}
.header-nav {
margin-top: 45px
}
.btn-xs,
.margintop5 {
margin-top: 5px
}
.btm-input {
margin-top: 0
}
.btn-sespan {
padding-top: 5px
}
.infobox {
width: 100%
}
#news_titleshort {
margin-left: 0;
margin-top: 10px
}
.collapse_btn {
display: block;
visibility: inherit
}
.collapse_btn ul li {
float: left;
margin: 5px 10px
}
}
a.maintain {
border: 1px solid #FFF;
}
.news_order {
width: 30px;
text-align: center;
margin: 0 3px;
}
.r-20 {
margin-right: -20px;
}
a.newsorder:hover {
text-decoration: none;
}
.modal {
overflow: scroll
}
@media (min-width:768px) {
.modal-dialog {
width: 720px;
margin-top: 90px;
}
.ace-file-input {
width: 50%
}
}
@media (max-width:767px) {
.ace-file-input {
width: 83.333%
}
}
input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before {
text-indent: -32px;
}
.ixservice a:hover img {
-webkit-animation: shake-time 1s ease;
animation: shake-time 1s ease;
}
@-webkit-keyframes shake-time {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes shake-time {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.product2{}
.product2 dl {
float: left;
width: 23%;
margin: 0 1% 30px 1%;box-shadow:0 3px 3px rgba(0, 0, 0,0.3);
}
.product2 dt {
text-align: center;
height: 270px;
position: relative;
overflow: hidden;
}
.product2 dt img {
max-width: 100%;
max-height:100%;
margin-left:auto;
margin-right:auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.product2 dd {
text-align: center;
height: 15px;
line-height: 50px;
height:50px;
overflow:hidden;
}
.product2 dd a {
font-size:15px;
font-weight:bold;
}
.product2 dl:hover dd {
background: #0093dd;
}
.product2 dl:hover dd a{
color:#FFF;
}
@media screen and (max-width: 1500px) {
.container {
width: 1440px;
}
}
.fanye{text-align:center;clear: both;padding-top: 26px;padding-right: 0;padding-bottom: 30px;padding-left: 0;}
.fanye a{display:inline-block;height:30px;color:#fff;text-align:center;margin:0 4px;line-height:30px; text-decoration:none;}
.fanye a.fpage{background-color:#999;width:30px;height:30px;color:#fff;text-align:center;margin:0 4px;line-height:30px}
.fanye a.fbtn{background-color:#333;width:60px;}
.fanye a.fpage:hover{background-color:#0093dd;box-shadow: 0px 0px 9px #999;}
.fanye a.fcur{background-color:#0093dd;width:30px; text-align:center;box-shadow: 0px 0px 9px #999;}