*{margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft Yahei","Arial","Arial Black","Times New Roman","Noto Sans SC";}

.form-control{display:block;width:100%;height:34px;line-height:34px;
    padding:6px 12px;font-size:14px;color:#555;background-color:#fff;background-image:none;
    border:1px solid #ccc;border-radius:4px;outline: none;}
.form-control2{display:block;width:100%;height:40px;line-height:40px;
    padding:6px 12px;font-size:14px;color:#555;background-color:#fff;background-image:none;
    border:1px solid #ccc;border-radius:4px;outline: none;}
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;
    vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;
    background-image:none;border:1px solid transparent;font-size:14px;line-height:34px;border-radius:4px;
    -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#eee;outline:none}
.btn-block{display:block;width:100%}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.red {
    color: red;
}
.pointer{cursor: pointer;}
ul,li{list-style: none;}
a{color:#333;text-decoration: none;}
a:hover{color:#333;}
a:active{color:#333;}
a:visited{color:#333;}
body{font-size: 14px;color:#333;font-family:"Microsoft YaHei UI";}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.juli {
    height: 30px;
}

/*home*/
.header{height: 81px;background: url("/public/images/home/nav-bg.jpg") right top no-repeat #fff;border-bottom: 1px solid #221815;}
.header a{color:#fff;font-size: 12px;}
.nav{width: 1300px;overflow: hidden;margin: auto;}
.logo{width: 290px;float: left;line-height: 80px;}
.logo img{vertical-align: middle}
.nav_right{width: 1000px;float: left;}
.nav_right ul{overflow: hidden;padding-left: 30px;}
.nav_right ul li{float: left;line-height: 80px;padding: 0 12px;}
.nav_right ul li.icons i{font-size: 20px;color:#fff;margin-right: 10px;}

.daojishi{background-color: #DDDDDD;height: 60px;background: url("/public/images/bg-dj.jpg") center;}
.daojishi_container{overflow: hidden;width: 900px;margin: auto;overflow: hidden;}
.img_container{float: left;width: 100px;}
.clicktoview_container{float: left;width: 150px;margin-left: 40px; line-height: 36px;color: #DCB357;font-size: 18px;font-weight: bold;text-align: center;border: 2px solid #DCB357;
    border-radius: 6px;margin-top: 11px;
}
.data-show-box{line-height:60px;width: 600px;float:left;text-align: center;color: #DCB357;font-weight: bold;font-size: 20px;}
.date-tiem-span,.date-s-span{display: inline-block;font-size:16px; width:40px; height:30px;line-height:30px; text-align: center; color:#fff; border-radius:5px;}
.date-tiem-span{ background:#000;}
.date-s-span{ background:#000;}
.date-select-a{margin-right:5px;}

.banwen{height: 60px;position: relative;overflow: hidden;}
.banwen img{position: absolute;left: 50%;margin-left: -960px;}

.index_product{width: 1175px;margin: auto;}
.index_product_title{overflow: hidden;}
.index_product_title_left{width: 500px;float: left;font-size: 45px;font-weight: bold;}
.index_product_title_right{width: 670px;overflow: hidden;float: right;}
.index_product_title_right ul{overflow: hidden;float: right;}
.index_product_title_right li{float: left;padding: 10px 20px;margin-left: 20px;border-radius: 4px;color:#333;}
.index_product_title_right li.active{border: 1px solid #f7f7f7;background:linear-gradient(135deg,#16151A 85%,#727071);color:#fff;}
.index_product_goods{width: 1200px;margin: auto;}
.index_product_goods_list{overflow: hidden;}
.index_product_goods_list li{width: 300px;float: left;text-align: center;margin-top: 30px; }
.show_image{width: 273px;height:373px;margin: auto;border-radius: 10px;}
.show_image img{width: 273px;height: 325px;border-radius: 10px 10px 0 0;float: left;}
.dtable{display: table;width: 100%;}
.show_image h6{background-color: #D29E39;color:#fff;height: 48px;max-height: 48px; overflow:hidden;border-radius: 10px;font-size: 14px;display: table-cell;vertical-align: middle;width: 100%;
    padding: 0 10px;
}
.hide_image{display: none;width: 280px;height:373px;margin: auto;border-radius: 10px;}

.advantage{position:relative;color:#fff;height: 739px;margin-top: 100px;overflow: hidden;}
.bgs{position: absolute;top:0;left: 50%;margin-left: -960px;z-index: 1}
.advantage_container{width: 1200px;margin: auto;position: relative;}
.advantage_container h3{font-size: 45px;font-weight: bold;position: absolute;z-index: 2;top:117px;left:20px;}
.fubiaoti  {position: absolute;z-index: 2;top:270px;left:20px;color:#777777;}
.ad_title{color:#ccc;}
#advantage1{position: absolute;z-index: 2;top:280px;left:670px;text-transform: uppercase;font-size: 16px;text-align: center;}
#advantage2{position: absolute;z-index: 2;top:290px;left:1000px;text-transform: uppercase;font-size: 16px;}
#advantage3{position: absolute;z-index: 2;top:575px;left:50px;text-transform: uppercase;font-size: 16px;}
#advantage4{position: absolute;z-index: 2;top:575px;left:360px;text-transform: uppercase;font-size: 16px;}
#advantage5{position: absolute;z-index: 2;top:575px;left:670px;text-transform: uppercase;font-size: 16px;}
#advantage6{position: absolute;z-index: 2;top:575px;left:1018px;text-transform: uppercase;font-size: 16px;}


.suppler{position: relative;background: url("/public/images/home/bg_suppler.jpg") repeat-y top center; height: 960px;}
.suppler_container{width: 1200px;margin: auto;overflow: hidden;}
.suppler_container_left{width: 600px;float: left;padding-top: 164px;}
.suppler_container_left h5{font-size: 30px;color:#A48050;}
.suppler_container_left h6{font-size: 45px;}
.suppler_btn{position: relative;margin-top:90px;}
.suppler_btn_page{border:1px solid #ddd;padding:10px 20px;background-color:#333;color:#fff;border-radius:4px;}
.suppler_btn li{width: 260px;height:76px;line-height: 76px;text-align: center;float: left;font-weight: bold;font-size: 18px;}
#suppler_btn_1{background-color: #D19D3A;color:#fff;cursor: pointer;}
#suppler_btn_2{border: 1px solid #e2e2e2;cursor: pointer;}
#jiao_left{position: absolute;top:76px;left:0;}
#jiao_right{position: absolute;top:76px;left:510px;display: none;}
.suppler_info_1{font-size: 18px;line-height:32px;text-align:justify;text-indent:2em;}
#suppler_info_1{}
.suppler_info_2{font-size: 14px;margin-top: 20px;}
#suppler_info_2{display: none;}
.suppler_container_right{width: 600px;float: right;padding-top: 210px;}
.suppler_container_right_banner{width: 500px;height: 500px;margin-left: 90px;border-radius: 10px;}
.suppler_container_right_banner img{border-radius: 10px;}
#suppler_banner2{}
#suppler_banner3{display: none;border: 1px solid red;}

#index_aboutus_top{height: 637px;position: relative;overflow: hidden;}
#index_aboutus_top img{position: absolute;left:50%;margin-left: -960px;z-index: 1;}
#index_aboutus_top_container{ width: 1200px;margin-left:-600px;position: absolute;left: 50%; z-index: 2;}
#index_aboutus_top_container h1{color:#fff;position: absolute;top:195px;left:10px;font-size: 45px;font-weight: bold;}
#index_aboutus_top_container h2{color:#fff;position: absolute;top:447px;left:50px;font-size: 30px;font-weight: bold;line-height: 50px;}
#index_aboutus_top_container h3{color:#333;position: absolute;top:420px;left:630px;font-size: 30px;font-weight: bold;line-height: 50px;}
#index_aboutus_body{overflow: hidden;width: 1170px;margin: auto;margin-top: 70px;}
#index_aboutus_body_left{width: 600px;height: 440px;border-radius:10px;float: left;background-color: #3b4249;}
#index_aboutus_body_right{width: 570px;float: left;padding-left: 30px;text-align: justify;line-height: 36px;}

#index_project{margin: auto;width: 1170px;margin-top: 170px;}
#index_project h2{font-size: 45px;font-weight: bold;}
#index_project_left{width: 570px;float: left;}
#index_project_left_body{background-color: #DCDCDC;height: 500px;margin-top: 30px;border-radius: 10px 0 0 10px;padding: 70px 0 0 43px;}
#index_project_left_body h4{font-size: 36px;font-weight: normal;line-height: 60px;}
.index_project_left_body_p{width: 400px;line-height: 24px;}
#index_project_left_body .star{color:#FF923E;font-size: 20px;margin-top: 20px;}
.more_btn{display: inline-block;background-color: #D19D3A;color:#333;width: 180px;height: 40px;text-align: center;line-height: 40px;font-weight: bold;margin-top: 20px;font-size: 20px;border-radius: 4px;}
#index_project_right{width: 600px;float: left;}


#index_certificates{margin: auto;width: 1170px;margin-top: 70px;}
#index_certificates h2{font-size: 45px;font-weight: bold;}
.brand{width: 1170px;margin: auto;margin-top: 10px; overflow: hidden;}
.brand div{width: 185px;float: left;height: 120px;line-height: 120px; border: 1px solid #eee;text-align: center;margin-left: 5px; margin-right: 5px;margin-top: 10px;border-radius: 4px;}
.brand div img{vertical-align: middle;}

#getquotes{height: 230px;position: relative;margin-top: 92px;}
#getquotes img{position: absolute;left:50%;margin-left: -588px;z-index: 2;}
#getquotes_btn{width: 1200px;margin: auto;position: relative;}
#getquotes_btn_{position: absolute;top:100px;left:852px;width: 275px;height: 80px;cursor: pointer; z-index: 99;}

#footer{height: 343px;position: relative;overflow: hidden;background-color:#16151A;}
#footer_img{position: absolute;top:0;z-index: 1;left: 50%;margin-left: -960px;}
#footer i{position: absolute;z-index: 2;color:#fff;font-size: 50px;top:190px;}
.footer_i{width: 1170px;position: absolute;left: 50%;margin-left: -585px;z-index: 3;}
#icon_1{left: 430px !important;}
#icon_2{left: 500px !important;}
#icon_3{left: 570px !important;}
#icon_4{left: 640px !important;}
#footer_address{color:#fff;line-height: 20px;}
#footer_address td{vertical-align: top;color:#e3e3e3;font-size: 12px;}
/*#footer_address td span{padding-right: 10px;}*/

.footer_ul{overflow: hidden;width: 1170px;margin: auto;margin-top: 100px;line-height: 20px; }
.footer_ul li{float: left;color:#e3e3e3;margin: 0 50px }
.footer_ul li a{color: #e3e3e3;font-size: 12px;text-transform:lowercase;}

/***category**/
#category_banner{position: relative;height: 493px;overflow: hidden;}
#category_banner img{position: absolute;top:0;left: 50%;margin-left: -960px;}
.category_body{width: 1172px;margin: auto;}
.category_body h2{font-size: 30px;padding: 50px 0 20px 10px;}
.category_body_item{width: 273px; height:395px;float: left;margin: 20px 10px;background-color: #E2E2E2;border-radius: 10px;text-align: center;}
.category_body_item img{width: 273px; height: 273px;border-radius: 10px 10px 0 0;}
.category_body_item h3{margin-top:20px;color:#fff;background-color:#151419;display: inline-block;padding: 6px 12px;font-weight: normal;border-radius: 4px; }
.category_body_item p{font-size: 12px;padding: 10px;}
.c_left{width:879px; float: left;}
.c_right{width:293px; float: left;}
.c_left_2{width:293px; float: left;}
.c_right_2{width:293px; float: left;}

/***goods**/
#goods_banner{position: relative;height: 276px;overflow: hidden;}
#goods_banner img{position: absolute;top:0;left: 50%;margin-left: -960px;}
#goods{width: 1314px;margin: auto;overflow: hidden;}
#goods_left{width: 600px;float: left;margin-top: 40px;}
#goods_right{width: 714px;float: left;}

img{ border:0;}
#ban_pic_img{width: 500px;height: 500px;position: relative;}
#ban_pic_img img{width: 500px;height: 500px;}
#ban_num1{margin-top: 10px;}
#ban_num1 ul li{float: left;margin-right: 10px;}
#ban_num1 ul li img{cursor: pointer;border: 2px solid transparent;}
#ban_num1{width: 500px;overflow: hidden;}
#play{width: 120px !important;height: 120px !important;position: absolute;left: 190px;top:190px;cursor: pointer;}

.goods_right_container{overflow: hidden;padding-top: 40px;}
.goods_right_container h1{width: 400px;float:left;}
.goods_right_container_right {width: 200px;float:left;}
.goods_right_container_right h2{background-color: #16151A;padding: 6px 12px;display: inline-block;color:#fff;border-radius: 4px;font-weight: normal;font-size: 14px;}
.goods_right_container_right i{color:#FD8E3B;font-size: 12px;}
.goods_right_container_btn{overflow: hidden;margin-top: 40px;}
.goods_right_container_btn li{width: 218px;height: 50px;float: left;line-height: 50px;background-color: #D19D3A;border-radius: 10px;text-align: center;cursor: pointer;}
.goods_right_container_btn li.download{margin-left: 32px;}
.goods_right_container_btn p{line-height: 28px;}
.aboutthisitem{font-size: 20px;font-weight: bold;padding-bottom: 10px;}

.line{width: 1314px;margin: auto;margin-top: 50px; border-top: 1px solid #e2e2e2;}
.buy_it_with{width: 1314px;margin: auto;overflow: hidden;margin-top: 50px;}
.buy_it_with h4{font-size: 30px;padding: 30px 0;}
.buy_it_with_item{width: 293px;float: left;}
.buy_it_with_item img{width: 273px;height: 273px;border-radius: 10px;}
.buy_it_with_txt{border-left: 10px solid #A38056;padding:5px 10px;margin-top: 10px;}
.buy_it_with_txt h5{font-size: 18px;line-height: 28px;}

.product_details{width: 1314px;margin: auto;margin-top: 50px;}
.product_details_title{display: inline-block;background-color: #231816;color:#fff;font-size: 30px;font-weight: bold;padding: 10px 20px;border-radius: 6px;}
.video_container{padding-top:30px;}
.video_left{width: 590px;float: left;height: 330px;}
.video_right{width: 714px;float: left;}
#goods_detail img{max-width: 100% !important;height: auto !important;}
#goods_detail table{border-collapse: collapse;width: 100%;}
#goods_detail table td{border:1px solid #dedede; padding:10px 5px;}
#goods_detail table tr td:first-child{width: 200px;}

/*project*/
#project_banner{position: relative;height: 491px;overflow: hidden;}
#project_banner img{position: absolute;top:0;left: 50%;margin-left: -960px;}
.project{width: 1200px;margin: auto;overflow: hidden;}
.project h3{font-size: 30px;margin: 50px 0 20px 0;}
.project_item{width: 400px;float: left;}
.project_list {width: 380px;background-color: #EFEFEF;border-radius: 10px;}
.project_list img{width: 380px;height: 380px;border-radius: 10px;}
.project_list .txt{text-align: center;line-height: 36px;}

.project_list_container:first-child {
    display: block;
}
.project_list_container {
    display: none;
}
.smallimage img {
    border: 1px solid #ddd;
    width: 80px;height: 80px;
}
.project_list_container_left{width: 800px;float: left;}
.project_list_container_left .bigimage{width: 780px;height: 780px;border-radius: 6px;}
.project_list_container_left .smallimage img{width: 80px;height: 80px;border-radius: 4px;}
.project_list_container_right{width: 400px;float: left;}
.project1 {
    background-color: #efefef;
    overflow: hidden;
    padding: 20px;
    border-radius: 10px;
}
.project1 h4{margin-bottom: 10px;}
dl {
    margin-top: 0;
    margin-bottom: 20px;
}
dt {
    font-weight: 700;
}
.project1 i{color:#DBAD57;}

/*aboutus*/
#aboutus_banner{position: relative;height: 491px;overflow: hidden;}
#aboutus_banner img{position: absolute;top:0;left: 50%;margin-left: -960px;}
#aboutus_logo{width: 1200px;margin: auto;padding: 30px 0;}
.aboutus_container{width: 1200px;overflow: hidden;margin: auto;}
.aboutus_container_left{width: 300px;float:left;}
.aboutus_container_left img{margin-top: 30px;}
.aboutus_container_right{width: 900px;float:left;}
.aboutus_container_right p{text-align: justify;text-indent: 2em;line-height: 28px;}
.mission{width: 1200px;overflow: hidden;margin: auto;margin-top: 100px;}
.mission h3{font-size: 30px;padding-bottom: 20px;}
.mission_left{width: 600px;float:left;}
.mission_left p{line-height: 28px;}
.mission_right{width: 600px;float: right;}
.mission_right img{width: 100%;}

.cert{width: 1220px;overflow: hidden;margin: auto;margin-top: 100px;}
.cert h3{font-size: 30px;padding-left: 10px;padding-bottom: 20px;}
.cert_s div.text-center{width: 305px;float:left;}
.cert_s div.text-center img{width: 285px;margin: auto;border: 1px solid #ddd;}

/*service*/
.service_banner{position: relative;height: 490px;overflow: hidden;}
.service_banner img{position: absolute;top:0;left: 50%;margin-left: -960px;}

.service_item{width: 1200px;overflow: hidden;margin: auto;margin-top: 100px;}
.service_item h3{font-size: 30px;padding-left: 10px;padding-bottom: 20px;}
.service_item div.text-center{width: 400px;float:left;}
.service_item div.text-center img{width: 380px;margin: auto;border: 1px solid #ddd;}

.service_search{width: 1200px;margin: auto;}
.service_search h3{font-size: 30px;padding-left: 10px;padding-bottom: 20px;}
.my_input_group{width: 320px;overflow: hidden;float: right;border: 1px solid #ddd;margin-right: 10px;}
.my_form_control{width: 250px;padding-left: 5px; float: left;line-height: 34px;height: 34px;outline: none;border: 0;}
.my_input-group-addon{width: 68px;float: left;height: 34px;line-height: 34px;text-align: center;border-left: 1px solid #ddd;cursor: pointer;}
.service_search_category{width: 1200px;margin: auto;overflow: hidden;}
.service_search_category_item{width: 400px;float: left;padding: 10px;}
.service_list_container{width: 1200px;margin: auto;line-height: 40px;padding: 10px;}
.service_list_container .con{border-bottom: 1px solid #ddd;}
.article_date {color: #999;}
.nodata{background-color: #eee;line-height: 50px;}

.service_detail_banner{position: relative;height: 490px;overflow: hidden;}
.service_detail_banner img{position: absolute;top:0;left: 50%;margin-left: -960px;}
.service_detail_content{width: 1200px;margin: auto;}
.service_detail_content p {
    max-width: 100% !important;
    word-break: keep-all;
    word-wrap: break-word;
    white-space: pre-wrap;
}
.service_detail_content img {
    max-width: 100% !important;
    height: auto !important;
}

/*contact us*/
.contactus_banner{position: relative;height: 490px;overflow: hidden;}
.contactus_banner img{position: absolute;top:0;left: 50%;margin-left: -960px;}
.map{width: 1200px;overflow: hidden;margin: auto;}
.map_left{width: 380px;float: left;}
.map_right{width: 789px;float: right;}
.diymap dl {
    padding: 30px;
    border: 1px solid #efefef;
    cursor: pointer;
    line-height: 28px;
}
.first-dl {
    background-color: #efefef;
}
.send_message_title{width: 1200px;margin: auto;font-size: 20px;padding-bottom: 10px;}
.contactus_body{width: 1200px;margin: auto;overflow: hidden;}
.contactus_body_left{width: 411px;float:left;height: 551px;}
.contactus_body_right{width: 789px;float:left;height: 551px;border: 1px solid #ddd;background-color: #000;}
.contactus_form{border: 1px solid #ddd;padding: 10px;background-color: #e2e2e2;width: 480px;margin: auto;margin-top: 30px;border-radius: 6px;}
.contactus_table{border-collapse: collapse;margin: auto;}
.contactus_table td{padding: 8px;}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
/*manufacture*/
.manufacture_banner{position: relative;height: 490px;overflow: hidden;}
.manufacture_banner img{position: absolute;top:0;left: 50%;margin-left: -960px;}
.manufacture_container{width: 1200px;margin: auto;overflow: hidden;}
.manufacture_container h3{font-size: 24px;padding-left: 10px;padding-bottom: 10px;}
.manufacture_container_item{width: 300px;float: left;}
.manufacture_container_item img{width: 280px;margin: auto;display: block;border-radius: 6px;}
.manufacture_container h4{font-size: 14px;padding: 5px 0;}


/**/
.file_download_panel{width: 480px;height: 450px;padding: 50px;background-color:#221816; color:#fff;line-height: 30px;}
.file_download_panel h4{font-size: 20px;line-height: 40px;}
.file_download_panel h6{font-size: 16px;color:#E59117;line-height: 40px;}
.file_download_panel label{font-weight: normal;}
.file_download_main{width: 300px;margin: auto;}
.file_download_panel .sendbtn{display: block;background-color:#E59117;width: 100%;color:#fff; }

.leave_message{width: 500px;position: relative;padding-top: 60px;}

.leave_message_title{width: 200px;background-color:#16151A;position: absolute;top:0px;left:50%;margin-left: -100px;border-radius: 10px;color:#fff; }
.leave_message table{width: 100%;background-color: #B0B0B0;}
.leave_message table td {padding: 4px 0;}
.leave_message_bg{background-color: #B0B0B0;padding: 20px;padding-top: 100px;border-radius: 10px;}
.leave_message_bg p{text-align: center;}
.leave_message_bg .p1{font-size: 12px;padding-top: 10px;padding-bottom: 20px;}
.leave_message_bg .p2{font-size: 18px;padding-bottom: 8px;}
.leave_message_bg .p3{font-size: 18px;font-weight:bold;padding-bottom: 8px; border-bottom: 1px solid #fff;display: inline-block;margin: auto;margin-bottom: 20px;}

.message_container{width: 250px;float: left;height: 80px;}
/**优惠弹窗*/
.youhui{width: 360px;}
.data-show-box2{line-height:40px;width: 220px;margin: auto;text-align: center;color:#D3261F; }
.date-tiem-span2,.date-s-span2{display: inline-block; padding:3px;line-height:30px;
    text-align: center; color:#D3261F; border-radius:5px;font-weight: bold;}
.date-tiem-span2{ background:#DCDCDC;font-size: 20px;}
.date-s-span2{ background:#DCDCDC;font-size: 20px;}
.date-select-a{margin-right:5px;}
.youhui1{height: 180px;background-color: #fff;padding: 20px;}
.youhui_container{width: 240px;height: 80px;background-color: #DCDCDC;margin: auto;margin-top: 20px; border-radius: 10px;padding-top: 20px;}
.save{font-size: 28px;font-weight: bolder;text-align: center;}
.expire{font-size: 14px;text-align: center;color:#E99322;}

.youhui2{height: 260px;background-color: #CB9442;padding: 20px;color:#fff;}
.save_tips{text-align: center;}
.youhui_btn {
    font-weight: bold;
    display: block;
    background-color: #16151A;
    width: 100%;
    color: #fff;
    margin-top: 10px;
}