﻿@charset "utf-8";
 
/*全局样式
---------------------------------------------*/
body{ margin:0 auto; padding:0; width:100%; color:#333; font:14px/1.5 Arial,"Microsoft Yahei";  background:#ffffff; -webkit-font-smoothing:antialiased; }
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'Microsoft YaHei','微软雅黑'; }
a{ color:#333; text-decoration:none; }
a:hover{ color:#34ad2a; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }

/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 

.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
/*页面布局
----------------------------------------------*/
.head{height: 242px; display: block; }
.head_one{height: 40px;display: block; background:#3F3f3f;}
.head_one_title{width: 1000px;height: 40px; display: block; margin: auto;font-size: 15px;}
.head_one_title_left{color:#aba3a3; width: 513px;float: left; height: 40px;display: block; line-height: 40px;text-align: Left;}
.head_one_title_right{color:#8a8585;float:right;height:40px;display:block; line-height: 40px;}
.head_one_title_right a{color:#8a8585;}
.head_two{height: 142px; width: 100%; display: block; background: white;}
.head_two_mid{width: 1240px;margin: auto; height:142px; display: block;  }
.head_two_mid_content{margin-right: 120px; width: 1120px;height: 134px; display: block;  }
.logo{float: left; width: 100px; height: 134px;background-image:url(../images/logo.png);  display: block; margin-right: 20px;    margin-top: -8px;}
.mid_div{width: 1000px;height: 54px;display: block; float: left;margin-top: 45px; line-height: 45px;}
.mid_title{float: left; height: 54px;  width: 646px; display: block;} 
.mid_phone{float: right; height: 54px;}
.mid_phone span{height: 44px; display: block;     margin-top: 5px;line-height: 44px;background-image: url(../images/phone.gif);width: 299px; }
.mid_title_p1{color: #0094d8;text-align: left;height: 34px; display: block; line-height: 34px;margin-left: 25px;font-size: 25px; font-weight: bold;}
.mid_title_p2{color: #aba3a3;text-align: left;height: 20px;display: block; line-height: 20px;margin-left: 25px;font-size: 16.5px;}



.head_menu_border{border-bottom: #0094d8 solid 2px; width: 100%;border-top: #f1efef  solid 1px; background: white; }
.head_menu{width: 1000px; height: 58px; margin: auto;display: block; overflow: hidden;} 
.head_menu ul{}
.head_menu ul li{cursor: pointer; float: left; height: 58px;line-height: 58px;color:#807b7b;border-left: #f1efef solid 1px; padding-left:17px;padding-right: 17px;font-size: 15px;}
.head_menu ul li:hover{ background:#0094d8; color:white;}
.head_menu ul li:hover a{ color:white;}
.head_menu ul li a:hover{background:#0094d8; color:white;   height: 58px;line-height: 58px; display:block;}

.head_menu ul li.ative{background:#0094d8; color:white;}
.head_menu ul li a.ative{background:#0094d8; color:white;   height: 58px;line-height: 58px; display:block;}

.head_menu ul li.menu_clear_border{border-left: 0px;}

.menuItem {
      position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
       z-index: 1000000;
    margin-left: -18px;
}
.menuItem div.eritme{border-left:0px; }
.menuItem a.item{padding-left:47px; padding-right:47px;}

 
.menuItem a.item:hover{background:#0094d8c7; color:white;}

.hide {
    display: none;
}

.bnner{height: 513px; width: 100%;display: block;}
.banner_pic{height: 513px; width: 100%;display: block;background-image: url(../images/bnner_test.png);}

/*Banner样式*/
.slide-box{ position:relative; margin:0; width:100%; height:513px; text-align:center; overflow:hidden; }
    .slide-box .list-box{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:100%; background:#fff; }
    .slide-box .list-box li{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; filter:alpha:opacity(0); }
    .slide-box .list-box li a{ display:block; width:100%; height:100%;  cursor:default;}
    .slide-box .list-box li a img{ position:absolute; top:0; left:0; width:100%; height:100%; }
    .slide-box .speed-box{ position:absolute; left:0; bottom:20px; width:100%; height:10px; text-align:center; z-index:999; }
    .slide-box .speed-btn{ display:inline-block; margin:auto 0; }
    .slide-box .speed-btn a{ display:block; float:left; margin:0 5px; width:10px; height:10px; background:url(../images/slide_btns.png) 0 -166px no-repeat; overflow:hidden; *float:none; *display:inline-block; }
    .slide-box .speed-btn a.selected{ background-position:0 -176px; }
    .slide-box .prev-btn,.slide-box .next-btn{ position:absolute; top:50%; display:block; margin-top:-41px; width:42px; height:82px; z-index:999; opacity:0.5; filter:alpha:opacity(50); background:url(../images/slide_btns.png) no-repeat; display:none; overflow:hidden; }
    .slide-box .prev-btn{ left:31px; background-position:0 0; }
    .slide-box .next-btn{ right:31px; background-position:0 -82px; }

.banner_text{width: 1000px; height: 80px; display: block; margin: auto; margin-top: -458px;}
.banner_so{    width: 457px;
    height: 80px;
    display: block;
    background-image: url(../images/bnner_so.png);
    float: right;
    margin-right: -210px;
    z-index: 10000;
    position: relative;}




.text_div{height: 37px;
    line-height: 37px;
    display: block; margin-top: 22px;
    width: 439px;}
    .text_div ul li{float: left; height: 37px;  line-height: 37px;display: block;}
.text_labe{width: 140px;  padding-right: 2px;      font-size: 16px;
    font-weight: bold;  text-align: right; }
.text_input{ width: 255px;line-height: 37px;}
.text_input input{width: 98%;
    margin-left: 4px;
    margin-right: 0px;
    height: 30px;
    vertical-align: middle;
    border-style: none;}
.text_but{width: 42px;   cursor: pointer;}

.company_split{height: 52px;display: block; width: 100%; background: white;}
.company_div{height: 240px; width: 100%; display: block; background: white;}
.company_quality{width: 1000px; margin: auto; height: 200px;display: block; }
.company_title{text-align: center; height: 50px; display: block;margin: auto;line-height: 50px;}
.company_title span{  font-size: 30px; color: #928d8d; }
.company_list{margin-top: 30px; }
.company_list ul{}
.company_list ul li{
    width: 230px;
    height: 92px;
    display: block;
    float: left;
    border-left: #aba6a6 solid 2px;

}
.company_list_pic{height: 42px; width: 42px;margin: auto; margin-top: 4px; display: block; background-color: turquoise;}
.company_list_p{height: 16px; width: 100%;display: block; margin-top: 13px; text-align:center; cursor:pointer;}
.company_list_p a{color:#333;}
.company_list_p p{ font-size: 16px; color: #928d8d;}
.company_list ul li.fist{
    margin-left: -75px;
    border-left: 0px;
}
.company_list ul li.last{
    margin-right: -150px;
    width: 180px; 
    padding-left: 30px;    
}



.product_div{height: 820px; width: 100%;display: block; background: #de2b24;margin-bottom: 20px;}
.product_title{margin: auto;height: 167px; display: block;text-align:center}
.product_listbg{height: 540px; width: 1622px; margin: auto; display: block; background:url(../images/product_bg.png);background-repeat: repeat;}
.product_list{height: 540px; width: 1622px; margin: auto; display: block;}
.product_list ul{}
.product_list ul li{ width: 270.3px; height: 270px;display: block;  float: left; }
.product_list ul li img{width: 270.3px; height: 270px;display: block;}
.product_info_title{width: 121px;height: 61px;display: block;margin: auto; margin-top: 10px;}
.product_list ul li div.product_info_title img{width: 121px;height: 61px;}
.product_info_P{height: 155px;margin-top: -15px; color: white;display: block; font-size: 12px;text-align: left;padding: 16px; overflow: hidden;}
.product_info_more{margin-top: 0px; font-size:14px; }
.product_info_more a.left{float: left; margin-left: 16px;}
.product_info_more a.right{float:right;margin-right: 16px;}
.product_info_more a{color: white;}


.expo_info{width: 1417px;height: 464px; display: block;background: #f3f3f3; margin: auto;}
.expo_info_title{width: 300px; margin: auto;height:54px; display: block; text-align:center;font-family: "Times New Roman"; font-size: 36px;color: #de2b24; padding-top: 30px; overflow: hidden;}
.expo_info_title_1{font-size: 20px; font-family: "Times New Roman"; text-align:center;}
.expo_info_spilt{width: 47px; height: 19px;display: block;margin: auto;background:url(../images/line_split.png);}
.expo_info_fist{width: 1069px; height: 259px;display: block;margin: auto;margin-top: 15px;}
.expo_info_fist img{width: 328px;height: 259px;display: block;float: left;}
/*box-shadow:0 0 1px #000 inset;*/
.expo_ingo_left{width: 684px;float: left; height: 259px; display: block;background:url(../images/expo_mainbg.png); }
.expo_ingo_left_title{font-family: 'Georgia', 'Times New Roman', Times, serif;color:#5c5c5c; font-size: 24px;height: 50px;line-height: 50px; margin: auto;margin-top: 70px;padding-left: 110px;}
.expo_ingo_left_title img{height: 50px;width: 425px;display: block;}
.expo_ingo_left_title1{font-family:'Times New Roman', Times, serif;color:#5c5c5c; font-size: 24px;height: 101px; margin: auto;text-align: left;padding-left: 110px;overflow: hidden;}
.expo_10-18-2021{width: 109px;height: 108px; margin-left: 450px;z-index: 500;
    margin-top: -175px;background:url(../images/10-18_2021.png); display: block;position: relative;
}
.expo_list{width: 1175px; margin: auto; height: 142px; display: block; margin-top: 25px;}
.expo_list ul{}
.expo_list ul li{
    width: 215px;height: 142px;display: block; margin-left: 10px; margin-right: 10px; float: left;
}
.expo_list ul li img{ width: 215px;height: 142px;}

.company_file p.title{ font-size: 51px; margin: auto; margin-top:45px;font-family:'Times New Roman';    text-align: center;}
.company_file_split{width: 151px; height: 24px; display: block;background:url(../images/company_split.png); margin: auto; margin-top: 21px;}
.company_file_content {width: 1500px;
    margin: auto; 
    display: block;
    padding-bottom: 20px;
    padding-top: 0px;}
.company_file_content p{font-size: 20px; text-align: left;color:#5c5c5c;line-height: 35px;}
.company_file{  width: 1620px; margin: auto;display: block; background: white;position: relative;z-index: 1000;}
.company_file_bg{height: 280px; width: 100%; background: #de2b24;margin-top: -239px;position: relative;}
 
.boot_link{height: 87px; width: 100%; display: block;background:url(../images/boot_link_bg.png); background-repeat: repeat-x;}

.boot_link div.link{ width: 800px; margin: auto; line-height: 44px; background: #8a8585;}
.boot_link div.link ul{}
.boot_link div.link ul li{float:left; padding: 25px; height: 44px; display: block; }
.boot_link div.link ul li a{color: white; cursor: pointer;}
.clerarboth{background: #0090d9;}
.boot{height: 197px; width: 100%; display: block;background: #0090d9;}

.boot div.boot_div{width: 1000px; margin: auto; height: 135px; display: block;}
.boot div.boot_div div.boot_div_logo{ float: left;width: 100px; height: 135px; background: url(../images/logo.png);}
.boot div.boot_div div.boot_div_logo img{width: 100px; height: 135px;display: block; }
.boot div.boot_div div.boot_div_split{margin-left: 60px; float: left; width: 7px; height: 135px; display: block;background:url(../images/boot_div_split.png);}
.boot div.boot_div div.boot_div_us{margin-left: 50px;text-align:left; float: left; width: 486px; height: 135px;line-height: 25px; display: block; font-size: 12px; color: white;}


/*右侧向上 strat*/
.online-wrap{ position:fixed; right:1px; bottom:60px; z-index:1000; }
    .online-wrap a{ 
    display: block;
    margin-top: 1px;
    padding-top: 3px;
    width: 50px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    color: #fff;
    background: #999;
    cursor: pointer;
    }
    .online-wrap a:hover{ background:#d70029; }
    .online-wrap a i{ font-size:20px; }
    .online-wrap #gotop{ visibility:hidden; }
    .online-wrap #code-img{ display:none; position:fixed; right:47px; bottom:146px; width:100px; border:1px solid #e0e0e0; background:#fff; text-align:center; cursor:pointer; }
    .online-wrap #code-img img{ width:100px; height:100px; }
    .online-wrap #code-img p{ padding-bottom:12px; color:#d70029; font-size:13px; line-height:1em; }
/*右侧向上 end*/