html,body{overflow-x: hidden;}
a,a:hover,a:visited,a:active,a:link{text-decoration: none; color:#333;}
ul,li{list-style-type: none;}
.clear{clear:both;}

.pro_index_img img,.case_con img{transform:scale(1,1); transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}
.product_list_tj_p ul li:hover .pro_index_img:hover img,.case_con:hover img{transform:scale(1.1,1.1); transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}


.top{padding:10px 0;}
.top_a{margin-top: 60px; text-align: right;}
.top_a a{color:#5F5F5F;}

.navbar-default{background-color: #00528D; border-color: #00528D; border-radius: 0;}
.navbar{margin-bottom:0;}
.navbar-default .navbar-nav>li>a{color:#fff; padding:15px 30px;}
.navbar-default .navbar-nav>li>a:hover{color:#FA6A24;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-default .navbar-toggle:hover{background-color: #00528D;}
.banner_img img{max-width: 100%;}

.product_list_index h1{font-size:25px; text-align: center; padding:15px 0; background-color: #00528D; color:#fff; margin: 30px 0 0 0;}
.product_list_index_ul{border:1px solid #ccc; padding:10px 0;}
.product_list_index_ul li{background: url("../images/ico.gif") left 10px center no-repeat; padding-left:20px; line-height: 35px; border-bottom:1px dashed #ccc;}
.product_list_index_ul li a{display: block; color:#333;}
.product_list_index_ul li a:hover{color:#FA6A24;}

.product_list_tj h3{margin:50px 0 0 0; border-bottom:1px solid #ccc;}
.product_list_tj h3 .product_index_span_1{border-bottom:2px solid #00528D; position: relative; bottom:1px; padding:0 10px;}
.product_list_tj h3 .product_index_span_2{float:right; font-size:12px; color:#ccc;}
.product_list_tj_p ul{padding:0;}
.product_list_tj_p ul li{padding:10px; text-align: center;}

.pro_index_img{overflow: hidden; border:1px solid #ccc; border-bottom:none;}
.pro_index_img img{max-width: 100%; max-height: 150px; display: inline-block; vertical-align: middle;}
.pro_index_tit{text-align: center; color:#333; line-height: 30px; border:1px solid #ccc; border-top:none;}
.product_list_tj_p ul li:hover .pro_index_img{border-color:#FA6A24;}
.product_list_tj_p ul li:hover .pro_index_tit{color:#FA6A24; border-color:#FA6A24;}
div#swiper-container{height:600px; overflow: hidden;}


.hfgg{display: table; width: 100%; height:170px; margin:20px 0;}


.news_list_index{margin:20px 0;}
.news_list_index h3{margin: 0;}
.news_h3_span_1{border-left:3px solid #FA6A24; padding-left:5px; font-size:20px;}
.h3_bottom{width: 100%; height:1px; border-bottom:1px dashed #ccc;}
.news_h3_span_2{float:right; font-size:12px; color:#ccc;}
.news_list_index_con ul{padding:10px 0;}
.news_list_index_con ul li{padding-left:20px; background: url("../images/ico.gif") left 10px center no-repeat; line-height: 35px; border-bottom:1px dashed #ccc;}
.news_list_index_con ul li a{display: block;}
.news_list_index_con ul li a span{float:right;}
.news_list_index_con ul li:hover a{color:#FA6A24;}
.news_index{margin:20px auto;}


.index_link h3{margin:0;}
.link_ul{padding:20px 10px 50px;}
.link_ul li{float:left;}
.link_ul li a{display: block; padding:10px 15px;}


div#cases{padding:20px 0;}
.cases_con_img{text-align: center;}
.cases_con_img img{max-width: 100%; max-height: 240px; display: inline-block; vertical-align: middle;}
.cases_con_tit{text-align: center;}


.about_index{width: 100%; display: table; background-image: url("../images/about.png"); background-position: center center; background-attachment: fixed; padding:50px 0;}
.about_index_img{margin: 0 auto;}
.about_index_con{padding:10px; color:#fff; font-size:16px; line-height: 24px;}
.about_index_con .gsm{font-size:20px;}
.about_h{width:100%; height:2px; background-color: #F7A84B; margin:10px 0;}

.about_content{margin: 20px auto 50px;}
.ny_banner img{max-width: 100%;}
.ny_position{color:#888; padding:0; line-height: 25px;}
.ny_position img{position: relative; bottom: 3px;}
.ny_position span{width: 25px; height:25px; background: url("../images/home.png") center no-repeat; display: inline-block; position: relative; top:5px; margin-right:3px; line-height: 25px;}
.ny_position a{color:#888;  line-height: 25px;}
.ny_bottom{height:1px; background-color: #ccc; margin-top:10px;}
.about_con{font-size:16px; color:#666; line-height: 25px; margin-top: 20px;}

.left_contact h1{margin-top:10px;}
.left_contact_content{border:1px solid #ccc; padding:10px;}

.message_c{margin-bottom:15px;}
.message_c span{width: 20%; display: inline-block; text-align: right;}
.message_c input,.message_c textarea{padding-left:15px; height:35px; line-height: 35px; border:1px solid #ccc; border-radius: 3px; width: 55%;}
.message_c textarea{vertical-align: middle; resize:none; height:150px;}
.message_c button{width: 150px; height:45px; line-height: 45px; border-radius: 3px; background-color: #0074CB; color:#fff; text-align: center; border:none; margin-right:20px;}
.message_c_button{display: table; margin: 0 auto;}
.message_c_button .ck{background-color: #FA6A24;}

.down_con ul{padding: 0;}
.down_con ul li{position: relative; border-bottom:1px dashed #ccc; padding-left:15px; background: url("../images/ico.gif") left center no-repeat; line-height: 40px;}
.down_con ul li:hover,.down_con ul li:hover a,.down_con ul li:hover span{color:#FA6A24;}
.down_con ul li p{line-height: 40px !important; margin-bottom:0; height:40px; overflow: hidden;}
.down_con ul li span{position: absolute; right:0; top:0;}

.pagination{margin: 20px auto; display: table;}

.case_con{margin-top:15px;}
.case_con:hover{cursor: pointer;}
.case_al_img,.case_al_tit{border:1px solid #ccc;}
.case_al_img{overflow: hidden; border-bottom:none;}
.case_al_img img{display: inline-block; vertical-align: middle;}
.case_al_tit{border-top:none; text-align: center; line-height: 30px;}
.case_con:hover .case_al_img,.case_con:hover .case_al_tit{border-color:#FA6A24; color:#FA6A24;}

.layui-layer-imguide,.layui-layer-imgbar{display: block !important;}

.pro_tit{text-align: center; line-height: 45px; border-bottom:1px dashed #ccc; margin-bottom:10px;}
.pro_img img{margin: 0 auto;}

.new_tit,.new_date{text-align: center;}
.new_tit{font-size:25px; padding-top:20px; font-weight: bold;}
.new_date{margin:10px 0 20px; font-size:12px; color:#999;}

.footer{width: 100%; padding:30px 0 10px 0; background-color: #333;}
.footer p{color:#dadada; line-height: 25px; text-align: center;}
.footer p a{color:#dadada;}
.footer p span{display: inline-block;}


.bd ul{height:200px !important;}


@media screen and (max-width: 1199px) {
    .top_a{display: none;}
    .top_logo img{margin: 0 auto;}
    .navbar-default .navbar-nav>li>a{padding:15px;}
}

@media screen and (min-width: 992px) {
    .product_list_index_ul{display: block !important;}
    .contact_ditu{margin-top:20px;}
    .footer_bottom{display: none;}
}

@media screen and (max-width: 991px) {
    .product_list_index_ul{display: none;}
    .product_list_index h1{background: #00528D url("../images/xx.png") right 30% center no-repeat;}
    .left_contact{display: none;}
    .footer{margin-bottom:60px;}
    .footer_bottom{display: block; position: fixed; bottom:0; left:0; width: 100%; z-index: 999;}
    .footer_bottom ul{padding:0;}
    .footer_bottom ul li{width: 25%; float:left; height:60px;}
    .footer_bottom ul li a{display: block; line-height: 90px; background-color: #00528D; color:#fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .footer_bottom ul li:nth-child(1) a{background-image: url("../images/home_m.png"),url('../images/px1.jpg');}
    .footer_bottom ul li:nth-child(2) a{background-image: url("../images/product.png"),url('../images/px1.jpg');}
    .footer_bottom ul li:nth-child(3) a{background-image: url("../images/message.png"),url('../images/px1.jpg');}
    .footer_bottom ul li:nth-child(4) a{background-image: url("../images/tel.png"); background-position: center top 8px; background-repeat:no-repeat; background-size: 12%;}
    .footer_bottom ul li:nth-child(1) a,.footer_bottom ul li:nth-child(2) a,.footer_bottom ul li:nth-child(3) a{background-position: center top 8px,right center; background-repeat:no-repeat,repeat-y; background-size: 12%,0.5%;}
    .footer_bottom ul li:nth-child(4) a{background-position: center top 8px; background-repeat:no-repeat; background-size: 12%;}
}

@media screen and (min-width: 768px) {
    .navbar-default .navbar-collapse{display: table !important; margin: 0 auto;}
}

@media screen and (max-width: 767px) {
    .message_c span{display: block; text-align: left; width: 100%;}
    .message_c input,.message_c textarea{width: 100%;}
    .footer_bottom ul li:nth-child(1) a,.footer_bottom ul li:nth-child(2) a,.footer_bottom ul li:nth-child(3) a{background-position: center top 8px,right center; background-repeat:no-repeat,repeat-y; background-size: 15%,0.5%;}
    .footer_bottom ul li:nth-child(4) a{background-position: center top 8px; background-repeat:no-repeat; background-size: 15%;}
    .hfgg{ background-size: auto 100% !important; height: 70px; }
    .product_list_tj h3{ margin-top: 30px; }
}

@media screen and (max-width: 550px) {
    .footer_bottom ul li:nth-child(1) a,.footer_bottom ul li:nth-child(2) a,.footer_bottom ul li:nth-child(3) a{background-position: center top 8px,right center; background-repeat:no-repeat,repeat-y; background-size: 20%,0.5%;}
    .footer_bottom ul li:nth-child(4) a{background-position: center top 8px; background-repeat:no-repeat; background-size: 20%;}
}

@media screen and (max-width: 495px) {
    .ny_position{display: none;}
    .message_c_button{width: 100%;}
    .message_c button{width: 50%; display: block; margin: 0 auto 20px;}
    .down_con ul li span{display: none;}
}

@media screen and (max-width: 450px) {
    .footer_bottom ul li:nth-child(1) a,.footer_bottom ul li:nth-child(2) a,.footer_bottom ul li:nth-child(3) a{background-position: center top 8px,right center; background-repeat:no-repeat,repeat-y; background-size: 25%,1%;}
    .footer_bottom ul li:nth-child(4) a{background-position: center top 8px; background-repeat:no-repeat; background-size: 25%;}
}
.tishi{ text-align: center; padding: 20px 0; color: #999; }