.layui-container{ width: 1200px;}
.none{ display: none}

.index_bar{ margin-top: 0px;}
.index_notice{ width: 100%; height: 155px; background: transparent; background-image: url(../images/dox1.png) ;}
.index_notice .contents{ color: #FFF; width: 600px; padding-top: 10px; margin:0px auto; text-align: center}

.products{ width: 100%;}
.products .nav-head{ width: 100%;height: 60px;background: transparent; background: url(../images/products-hd.png);background-position: center center;}
.products .nav-head h2{ margin-top: 10px; color: rgb(255, 255, 255); font-family: 微软雅黑; font-size: 24px;}
.products .nav-head h2{ font-weight: bold; padding-right: 18px;}
.products .nav-head .text2 h2{ padding-left: 15px; color: rgb(102, 102, 102)}
.products .nav-head .more{ margin-top:15px; padding-right: 15px;}
.products .nav-head .more a{font-size: 12px;}
.products .pro-list{ width: 100%}
.products .pro-list ul{ padding-left:15px;}
.products .pro-list ul li{  height: 300px; margin-bottom: 15px;}
.products .pro-list ul li .img{ border: 1px solid #eee; width: 266px; height: 272px; overflow: hidden;}
.products .pro-list ul li .img img{ max-width: 266px; height: 272px;}
.products .pro-list ul li .title{ text-align: center; height: 30px; line-height: 30px;}
.products .pro-list ul li .title a{ color: #5a5a5a}

.security{ width:100%;}
.security{ width: 100%;min-height:580px;background: transparent; background: url(../images/security_bg.jpg);background-position: center center;}
.security .nav-head{ padding-top: 60px; width: 100%;height: 120px;background: transparent; background: url(../images/ser_hd.png) no-repeat;background-position: center ;}
.security .nav-head .contents{ text-align: center;}
.security .nav-head .contents h3{ color: #FFF; font-size:28px; font-weight: bold}
.security .nav-head .contents .desc{color: #FFF; font-size:28px; padding-top: 15px;}
.sec-item{ width: 100%; margin-top: 50px;}
.security .sec-item ul{ padding-left:15px; color: #FFF}
.security .sec-item ul li{ height: 265px; margin-bottom: 15px;}
.security .sec-item ul li .main{ padding: 20px;}
.security .sec-item ul li .main .title{ width: 150px; text-align: center; font-size: 20px; margin-bottom: 15px;}
.security .sec-item ul li .main .desc{ width: 200px;  }
.security .sec-item ul li .main .title4{ width: 160px;}
.security .sec-item ul li .main .desc4{ width: 150px; border: 1px solid #FFF; padding:10px;  }

.about_us{ background: rgb(246, 246, 246);min-height: 500px; padding-top: 50px;}
.about_us .nav-head{ width: 100%;height: 60px;background: transparent; background: url(../images/about_us_h.png);background-position: center center;}
.about_us .nav-head h2{ margin-top: 10px; color: rgb(255, 255, 255); font-family: 微软雅黑; font-size: 24px;}
.about_us .nav-head h2{ font-weight: bold; padding-right: 18px;}
.about_us .nav-head .text2 h2{ padding-left: 15px; color: rgb(102, 102, 102)}
.about_us .nav-head .more{ margin-top:15px; padding-right: 15px;}
.about_us .nav-head .more a{font-size: 12px;}
.about_us .company_intro{ margin-top: 50px;}
.about_us .company_cover{ width:550px; height: 348px; overflow: hidden}
.about_us .company_cover img{ max-width: 650px; max-height:600px;}
.about_us .intro{width:99%;height: 348px;}
.about_us .intro p{ font-size:14px; line-height: 22px; padding: 0px 3px 10px 0px}


.hot-pro{ min-height: 450px; padding-top: 50px;}
.hot-pro .nav-head{ width: 100%;height: 60px;background: transparent; background: url(../images/hot_pro_h.png);background-position: center center;}
.hot-pro .nav-head h2{ margin-top: 10px; color: rgb(255, 255, 255); font-family: 微软雅黑; font-size: 24px;}
.hot-pro .nav-head h2{ font-weight: bold; padding-right: 18px;}
.hot-pro .nav-head .text2 h2{ padding-left: 15px; color: #FFF}
.hot-pro .nav-head .more{ margin-top:15px; padding-right: 15px;}
.hot-pro .nav-head .more a{font-size: 12px;}

.hot-pro .index-pro-list{ width: 1200px; margin: 0 auto; position: relative; padding-top:40px;}
.index-pro-list  .probtn{display:block;height:38px;position:absolute;top:150px;width:23px;z-index:200;cursor:pointer;}
.index-pro-list .prev{background: url(../images/prevbtn.png) no-repeat 0 0; left: 0px;}
.index-pro-list .next{background: url(../images/nextbtn.png) no-repeat 0 0; right: 10px;}

.hot-pro .pro-list{ width:1100px; height: 300px; margin: 0 auto; overflow: hidden}
.hot-pro .pro-list ul li{ float: left; width: 260px;  height: 300px; margin-right: 10px;margin-left: 10px; margin-bottom: 15px;}
.hot-pro .pro-list ul li .img{ width: 260px; height: 272px; overflow: hidden;}
.hot-pro .pro-list ul li .img img{ max-width: 260px; height: 272px;}
.hot-pro .pro-list ul li .title{ text-align: center; height: 30px; line-height: 30px;}
.hot-pro .pro-list ul li .title a{ color: #5a5a5a}



.news{background: rgb(246, 246, 246); min-height: 500px; padding-top: 50px;}
.news .nav-head{ width: 100%;height: 60px;background: transparent; background: url(../images/hot_pro_h.png);background-position: center center;}
.news .nav-head h2{ margin-top: 10px; color: rgb(255, 255, 255); font-family: 微软雅黑; font-size: 24px;}
.news .nav-head h2{ font-weight: bold; padding-right: 18px;}
.news .nav-head .text2 h2{ padding-left: 15px; color: #FFF}
.news .nav-head .more{ margin-top:15px; padding-right: 15px;}
.news .nav-head .more a{font-size: 12px;}

.news .box{ overflow:hidden; padding:40px 0 65px 0;}
.news .box .lt{ float:left; width:575px; height:369px; overflow:hidden; position:relative; z-index:11;}
.news .box .lt a{ display:block; width:575px; height:368px; overflow:hidden; position:relative;}
.news .box .lt .info{ width:100%; height:76px; background:rgba(0, 0, 0, 0.7); color:#FFF; font-size:15px; position:absolute; left:0; bottom:0;}
.news .box .lt .info .tm{ float:left; width:81px; height:100%; text-align:center; background:#D9251C;}
.news .box .lt .info .tm b{ display:block; font-size:30px; line-height:35px; margin-top:14px;}
.news .box .lt .info .tm span{ display:block; line-height:18px;}
.news .box .lt .info .tit{ float:right; width:455px; padding-right:20px; line-height:76px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .box .lt img{ transition:all 0.5s ease;}
.news .box .lt a:hover img{ transform:scale(1.05);}

.news .box .rt{ float:right; width:620px; position:relative; z-index:12;}
.news .box .rt li{ width:100%; height:123px; overflow:hidden; position:relative;}
.news .box .rt li a{ position:relative; z-index:12;}
.news .box .rt li .tm{ float:left; width:100px; height:100%; text-align:center;}
.news .box .rt li .tm b{ display:block; font-size:40px; line-height:45px; margin-top:30px; transition:all 0.5s ease;}
.news .box .rt li .tm span{ display:block; line-height:18px; font-size:15px; transition:all 0.5s ease;}
.news .box .rt li .cont{ float:right; width:500px; padding:20px 1px 0 0;}
.news .box .rt li .cont p{ color:#333; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s ease;}
.news .box .rt li .cont div{ padding-top:10px; font-size:13px; line-height:23px; height:46px; overflow:hidden; color:#737373; transition:all 0.5s ease;}
.news .box .rt li::after{ content:""; position:absolute; left:0px; top:0px; display:block; width:0; height:100%; background-color:#DA251C; z-index:-1; transition:all 0.5s ease;}
.news .box .rt li:hover::after{ width:100%;}
.news .box .rt li:hover .tm b,.news .box .rt li:hover .tm span{ color:#FFF;}
.news .box .rt li:hover .cont p,.news .box .rt li:hover .cont div{ color:#FFF;}


.online_order{background: rgb(246, 246, 246);}
.order_form{border: 1px solid rgb(255, 180, 0);  padding: 20px;}
.order_form h2{ font-size: 18px;}
.order_form .lbox .p1{ margin-top: 50px;}
.order_form .lbox .p1 .tel{ font-weight: bold; color: red;}
.order_form .lbox .p2{ margin-top: 80px;}
.order_form .lbox .p2 .img{ padding-top: 30px;}
.order_form .o-form{  margin-left: 50px; margin-top: 30px;}
.form-table{ width: 98%}
.form-table tr td{ padding: 0px 0px 10px 20px}
.form-table .btn{ background: #666666}