body{margin: 0px auto; padding: 0px; font-size: 14px; line-height:28px; color: #595758; font-family:Microsoft YaHei;box-sizing: border-box;}
div{margin: 0px; padding: 0px;}
span, p{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li {margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
form,input,select{margin: 0px; padding: 0px;}
ul{list-style-type: none;}
a{text-decoration: none; color:#333; font-size: 14px;}
a:hover{color:#bf000a; text-decoration:blink; font-size: 14px;}
.cp img{border:solid #ddd 6px;}
.cp a:hover img{border:solid #333 6px;}
.fr{ float:right;}
.fl{ float:left;}
.kg{width:1200px; height:20px;}
.kg1{width:1200px; height:35px; margin:0 auto;  overflow:hidden;}
.kg2{width:1200px; height:40px; margin:0 auto;  overflow:hidden;}
.kg3{width:1200px; height:50px; margin:0 auto;  overflow:hidden;}
.kg4{width:1200px; height:56px; margin:0 auto;  overflow:hidden;  }
.bz{ width:1200px; margin:0 auto; overflow:hidden;}
.bz1{ width:1200px; margin:0 auto;}
.clear{height:0; overflow:hidden; clear:both;}
    
/*top*/    
.head{ width: 100%; height:140px; background: #003654; min-width:1002px;}
.logo{ margin-top: 40px;}
.logo b{ font-size: 38px; font-weight: bold; color: #fff; line-height: 40px;}
.logo span{ color: #fff; text-transform:uppercase; font-size: 13px; letter-spacing:4.7px;}
.xt{ width: 1px; height: 38px; background: #fff; margin-left: 25px; margin-top: 56px; margin-right: 25px;}
.ad{ font-size: 18px; line-height: 28px; color: #fff; margin-top: 42px;}
.contact{ font-family: Arial; font-size:28px; color:#fff; font-weight: bold; padding-left:67px; background: url(../images/20190420135746_1364415240.jpg) left no-repeat; margin-top:50px; line-height: 30px;}
.contact span{ font-family:Microsoft YaHei; font-size: 16px; letter-spacing:3px; font-weight: normal;  line-height: 24px;}
    
/*nav*/
#nav_bg{width:100%;height:55px; background:#bf000a; }
#nav{ width:1200px; margin:0 auto; height:55px; } 
#nav ul li{line-height:55px; }
#nav li{ font-size:14px; line-height:55px; float:left; text-align:center;position:relative; }
#nav ul li a{color:#fff; text-decoration: none; font-size:16px; height:55px; line-height:55px; display:block; text-align:center;  padding-left: 26px; padding-right: 26px;}
#nav ul li a:hover{ color:#fff; text-decoration:none; font-size:16px;  text-align:center; transition: all 0.5s linear; background:#9f0008;  }
#nav .a_nav a{color:#fff; text-decoration:none; font-size:16px; text-align:center;transition: all 1s linear;background:#9f0008;   padding-left: 26px; padding-right: 26px;}      
#nav ul li.cur{color:#fff; text-decoration:none; font-size:16px; text-align:center;transition: all 1s linear;background:#9f0008;   }      

/*下拉菜单*/
#nav_ld{position: relative;}
#nav li>div{display:none;width:120px;position:absolute;top:55px;left:50%;margin-left:-60px; background-color:#9f0008;z-index:99; border-bottom:1px solid #bf000a;text-align: center;}
#nav li:hover>div{display:block;}
#nav_ld div a{margin: 0; width: auto; white-space: nowrap; text-decoration: none; font:14px arial; color:#fff;height:30px !important; line-height:30px !important; display:block; border-top:1px solid #bf000a;transition:all 0.6s;}
#nav_ld div a:link,#nav ul li #m4 a:visited,#nav ul li #m4 a:active{line-height:30px; height:30px; font-size:14px; width:66px; font-weight:normal; padding-top:0px;}
#nav_ld div a:hover{color:#fff; background:#ff8600; line-height:36px !important; font-size:15px; height:36px !important; width:66px; padding-top:0px;transition:all 0.6s;}

/*banner*/
.banner-box{ min-width:1200px; height:685px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:685px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn{ width: 100%; position: absolute; top:267px; left: 0; margin-left: 0; height:388px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/20190420142619_1496346134.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20190420142619_1496346134.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:12px; height:12px; border-radius :20px; text-indent:-9999px; background:#003654; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ background:#bf000a; width: 20px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }   
    
 /* search */
.search_bz{ width: 100%; height:72px; border-bottom: 1px solid #ddd; margin-bottom: 60px;min-width:1002px;}
#search_b{width:1200px; margin:0 auto; height:72px; border-radius: 8px; }
#search-i{float:left; width:40px; overflow:hidden; height:27px; margin-top:25px;}
#search-bg{float:left; width:227px; height:27px; background:url(../images/20190420142620_1346621889.jpg)center no-repeat;; overflow:hidden; padding-left:14px; margin-top:25px; box-sizing: border-box;}
.search-text{width:933px;float:left; font-size:14px; line-height:72px; height:72px;  }
.search-text a{ font-size:14px; }
.search-text a:hover{ font-size:14px;}
.search-text span{ float:left; font-weight:bold; color: #bf000a;}
#infoname{ border:none;background:none; outline:none;}          
    
/*ad2*/    
.ad2_z{ width: 594px; height: 210px; background: #003654; padding: 28px; box-sizing: border-box; transition: all 0.5s linear; border-radius: 6px;}
.ad2_z:hover{ background: #003654;  transition: all 0.5s linear;}
.ad2_z_t{ margin-right: 35px;}
.ad2_z_d{ font-size: 20px; color: #fff; font-weight: bold;}
.ad2_z_d a{ font-size: 20px; color: #fff; font-weight: bold;}    
.ad2_z_w{ width: 332px;}
.ad2_z_x{ width: 35px; height: 1px; background: #fff; margin-top:15px; margin-bottom:25px;}
.ad2_z_wz{ color: #fff; font-size: 15px;}
.ad2_z_wz a{ color: #fff; font-size: 15px;}

.ad3_z{ width: 594px; height: 210px; background: #003654; padding: 28px; box-sizing: border-box; transition: all 0.5s linear; border-radius: 6px;}
.ad3_z:hover{ background: #003654;  transition: all 0.5s linear;}    
.ad4_z{ width: 594px; height: 210px; background: #003654; padding: 28px; box-sizing: border-box; transition: all 0.5s linear; margin-top: 13px; border-radius: 6px;}
.ad4_z:hover{ background: #003654;  transition: all 0.5s linear;}    
.ad5_z{ width: 594px; height: 210px; background: #003654; padding: 28px; box-sizing: border-box; transition: all 0.5s linear; margin-top: 13px; border-radius: 6px;}
.ad5_z:hover{ background: #003654;  transition: all 0.5s linear;}
    
/*porduct*/    
    
.porduct{ width: 100%; height: 1047px; margin-top: 70px; margin-bottom: 70px; background: #f2f2f2 url(../images/20190420152132_701391428.jpg) top no-repeat; min-width:1002px;}
.pord_d{  font-size: 32px; text-align: center; font-weight: bold; color: #bf000a; padding-top: 70px; line-height: 50px;}
.pord_d span{ color: #003654;}
.pord_w{ font-size: 16px; text-align: center; color: #666; line-height: 40px; border-radius:2px;}
.pord_t{ width: 32px; height: 24px; margin: 0 auto; padding-top: 10px;}

.product_content table {width: 100%;}

#top_logoa{  
       animation: myfirst 2s infinite;
       display: inline-block;    
   }  

   @keyframes myfirst {  
       0% {  
           transform: translate(0px, 0px);  
       }  
       50% {  
           transform: translate(0px, -10px);  
       }  
       100% {  
           transform: translate(0px, 0px);  
       }  
   }  
    

#tablit {width:1200px; margin:0 auto; height:auto; padding-top: 35px;}
#tablit dl{ float:left; width:1200px; height: 45px; line-height: 45px; background: url(../images/20190420153411_119259464.jpg) center no-repeat; box-sizing: border-box; padding-left:111px; margin-bottom: 45px;}
#tablit dl dt{float:left; height:40px; line-height:35px; font-size:16px;}
#tablit dl dd{float:left; width:180px; height:48px; line-height:48px; margin-right: 20px;  font-size:16px; background: #003654; transition: all 0.5s linear; text-align: center; }
#tablit dl dd:hover{ font-size:16px; float:left; width:180px; height:48px; line-height:48px;  color: #fff; background: #bf000a;  transition: all 0.5s linear; }
#tablit dl dd span{ float: left; padding-left: 22px; padding-right: 7px;}
#tablit dl dd a{ color: #fff;}
#tablit .out a{ font-size:16px; }
#tablit .on{ font-size:16px; float:left; width:180px; height:48px; line-height:48px; color: #fff;  background: #bf000a; }
.dis{display:none;}
#tablit .on a{ font-size:16px; color: #fff; }
.tabcon table td{position:relative; padding-left: 10px !important;}
.tabcon table td span{display:block;position:absolute;top:0px;width:393px;height:285px;background:url(../images/20190420155655_689767750.png) no-repeat center; opacity: 0;visibility: hidden; -webkit-transform: translate3d(0,0,-65px) rotate3d(1,0,0,90deg);transform: translate3d(0,0,-65px) rotate3d(1,0,0,90deg); -webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.tabcon table td:hover span{opacity: 1; visibility: visible;-webkit-transform: rotate3d(1,0,0,0deg);transform: rotate3d(1,0,0,0deg);}
.tabcon table td a{display:block; }
.tabcon table td span a{font-size:16px;line-height:206px;text-align:center;color:#fff;}
.tabcon table tbody tr{display:block; height: 295px;}

.tabcon td:nth-child(1){ padding-left:inherit !important;}      

.pord_gd{ width: 340px; height: 45px; line-height: 45px; background: #003654; border-radius: 10px; margin:40px auto; text-align: center;transition:background 1s;}
.pord_gd a{ color: #fff; font-size: 16px; }
.pord_gd:hover{background: #bf000a; transition:background 1s;}
    
/*case*/    
.case{ width:458px; height: 32px; font-size: 32px; margin: 0 auto; line-height: 32px; font-weight: bold; text-align: center; color: #003654; background: url(../images/20190420183620_1218966679.jpg)}
.case span{ color: #bf000a;}
.case_d{ text-align: center; font-size: 16px; color: #666; letter-spacing:4px; line-height: 40px;padding-top: 6px;}


.lanrenzhijia1{ width: 360px; display:inline;  overflow:hidden; position:relative; margin-top: 10px;}
.rsp1{width:100%;height:100%; overflow:hidden; position: absolute; background:#000; top:0px;left:0px;}
.text1{position:absolute;left:-500px; top:0px; overflow:hidden; }
.text1 h3{width:360px; margin-top:140px; height:80px; line-height:80px; text-align:center; color:#FFFFFF; font-size:20px; font-weight: normal;}
.text1 a{text-decoration:none}
.text1 div{text-align:center;color:#FFFFFF;font-size:18px; line-height: 28px;}    
    
.cese_z{ width: 360px; }  
.case_zj{  width:460px; height:434px; background: #f2f2f2; line-height: 30px; color: #666; padding: 35px; box-sizing: border-box;}
.case_zj span{ font-size: 22px; font-weight: bold; color: #bf000a; line-height: 65px;}

.case_z_b{ width: 460px;margin-top: 10px; margin-left: 10px; }

.case_gd{ width: 460px; height: 360px; background: #003654; margin-top: -64px;}
.case_z_d{ width: 387px; margin: 0 auto; padding-top: 25px; }
.case_z_d li{ width: 117px;height: 37px; border: 1px solid #fff; float: left; text-align: center; color: #fff; font-size: 16px; line-height: 37px; border-radius: 25px; margin-top: 30px; margin-right: 10px;}
.case_gd_a{ width:460px; text-align: center; line-height:110px; overflow: hidden;}
.case_gd_a a{ color: #fff; font-size: 16px;}

.case_z_d li:hover {
animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}
    
/*adv*/   
.adv{ width: 100%; height:890px; margin-top: 70px; margin-bottom: 70px; background: url(../images/20190420192326_1141702864.jpg) center no-repeat; min-width:1002px;}
.pord_d1{  font-size: 32px; text-align: center; font-weight: bold; color: #bf000a; padding-top:68px; line-height: 50px;}
.pord_d1 span{ color: #003654;}
.pord_w1{ font-size: 16px; text-align: center; color: #666; line-height: 40px; border-radius:2px; padding-bottom: 35px;}    

.ys_t_w {font-size:20px; line-height:50px; text-align: center;}
.ys_t_w p{ font-size:50px; font-weight: bold; color: #333; display:block;}
.ys_t_w span{color:#00ac38;}
.adv{ width: 100%; height:890px; margin-top: 70px; background: url(../images/20190420192326_1141702864.jpg) center no-repeat; min-width:1002px;}
.hidden{display: none;}
#chanpin_1{ width: 255px; background-color:#fff; border-right:none; }
#chanpin_1 li {width: 255px; font-size:25px; color:#003654; float: left; border-bottom: solid #f2f2f2 1px; transition: all 0.5s linear; }
#chanpin_1 ul li {height:151px; text-align:center; line-height:60px;}
#chanpin_1 ul li:hover{ background-color:#f2f2f2; transition: all 0.5s linear;}      

#chanpin_1 li em{display: block; margin-top:30px; overflow: hidden;}
#chanpin_1 li:nth-child(4n){border-bottom:none;}
#chanpin_2{width:940px;}
.bgmst_tp{}
.ys_lw{height:119px; line-height:32px; padding:50px; background-color:#fff;}
.ys_lw span{font-size:27px; color:#bf000a; font-weight:bold; display:block; margin-bottom:20px;}
#chanpin_3{width:182px; height:160px; font-size:28px; border-radius:0 10px 0 0; font-weight:bold; color:#fff; line-height:60px; padding-top:50px; background-color:#00ac38; text-align:center;}
#chanpin_3 img{margin-left:-8px;}
    
/*about*/    
.about{ width:171px; height:20px; margin: 10px auto;}
.about_d{ text-align: center; color: #666; font-size: 16px; line-height: 32px;}

.about_z{ width: 550px;}
.about_dh{ font-size: 20px; margin-bottom: 15px; margin-top:32px;}
.about_dh span{text-transform:uppercase; font-size: 16px;}
.about_n b{ font-size: 26px; color: #bf000a; line-height: 70px;}
.about_g{ width: 150px; height: 42px; line-height: 42px; text-align: center; background: #bf000a; margin-top: 30px; transition:all 0.5s linear;}
.about_g a{ color: #fff; font-size: 14px; }
.about_g:hover{width: 200px;transition:all 0.5s linear; }

.about_t{width:597px; height:469px; overflow: hidden;}
.about_t img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; width:597px; height:469px;}
.about_t img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);  overflow:hidden;}
    
/*新闻中心*/
.news_row2{}
.news_info_1 {
 background: #eaeaea;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.fr .news_div {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
 background: #fefefe;
}

.news_info_bg_1 {
    width: 300px;
    height: 286px;
    background: #003654;
}
.news_info_1:hover{    background: #f5f5f5;}
.news .news_row2 .fl {
    width: 780px;
}
.fl .news_div_item .news_div_item_pic a>img{    width: 300px;
    height: 230px;
    display: block;
    float: left;}
.fl .news_div_item{padding: 28px;display: block;width: 720px;}
.fl .news_div_item .news_div_item_title a{font-size: 18px;    color: #343434;position: absolute;width: 420px;top: 0px;    height: 320px;    height: 250px;}
.fl .news_div_item .news_div_item_body{display: block;font-size: 14px;color: #666;line-height: 24px;padding-top: 10px;}
.fl .news_div_item .news_div_item_content{display: block;    width: 390px;padding: 30px 0 30px 30px;height: 170px;float: right;position: relative;}
.fl .news_div_item .news_div_item_content:before{content:"查看详情";    position: absolute;top: 164px;left: 25px;    display: block;
    width: 129px;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 14px; background: #bf000a;}
.news .news_row2 .fr {
    width: 390px;
}
.fr .news_div_item{display: block;padding: 20px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;
    height: 55px; background: #eaeaea}
.fr .news_div_item:hover{background: #bf000a;}
.fr .news_div_item:hover .news_div_item_date{color:#fff;}
.fr .news_div_item:hover .news_div_item_day{color:#fff;}
.fr .news_div_item:hover .news_div_item_month{color:#fff;}
.fr .news_div_item:hover .news_div_item_body{color:#fff;}
.fr .news_div_item:hover .news_div_item_title a{color:#fff;}
.fr .news_div_item:nth-child(1){display:none;}
.fr .news_div_item .news_div_item_date{    display: block;
    float: left;
    text-align: center;
    font-family: arial;
    font-size: 13px;
    font-weight: 100;
    color: #999;
    padding-right: 20px;
    border-right: 1px solid #eee;
    margin-right: 22px;
    width: 55px;position: relative;    padding-top: 20px;    height: 29px;}
.fr .news_div_item .news_div_item_day{font-size: 30px;
    font-style: normal;
    color: #343434;
    display: block;
    font-weight: bold;
    font-family: arial;
    position: absolute;
    top: -3px;
    left: 14px;
}
.fr .news_div_item .news_div_item_year{position: absolute; top: 31px;left:6px;}
.fr .news_div_item .news_div_item_month{position: absolute; top: 31px;left:41px;}
.fr .news_div_item .news_div_item_content{display: block;
    line-height: 26px;
    float: left;
    width: 242px;
    white-space: nowrap;
    overflow: hidden;}
.fr .news_div_item .news_div_item_title a{font-size: 16px;color: #343434;}
.fr .news_div_item .news_div_item_body{font-size: 14px;color: #666; }

.news_row3 {
    padding: 28px;
    background: #eee;
    margin-top: 20px;
    height: 126px;
}
.faq_tit{
    width: 210px;
    height: 75px;
    background: #003654;
    display: block;
    text-align: center;
    color: #fff !important;
    padding: 25px 0px;
    margin-left: auto;
    float: right;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-weight: bold;
    font-size: 22px !important;
}

.faq_tit:hover{background:#bf000a;}

.faq_tit img{display: block;margin: 0 auto;margin-bottom: 6px;}
.news_row3 .divdgweb_new_div_item{width: 390px;
    display: block;
    float: left;
    margin-right: 50px;
    margin-left: 10px;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_title a{font-size: 16px;
    color: #343434;
    line-height: 36px;    position: relative;
    top: 31px;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_body{    display: block;
    font-size: 14px;
    color: #767676;
    line-height: 25px;    margin-top: 28px;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_title{position: relative;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_title:before{content:"";position: absolute; top: 0px;left:0px;background:url(../images/20190331112244_555438067.png)no-repeat;   width: 30px;height: 30px;}    
  .news_d{ color: #666; font-size: 16px; text-align: center; letter-spacing:3px;line-height: 43px;}
.news_d b{ font-weight: bold; color: #003654; font-size: 36px; letter-spacing: normal; }
.news_d span{ color: #003654;}      
    
  /*copy*/
.copy{ width: 100%; padding-top: 50px; padding-bottom: 50px;background: #181818;min-width:1002px;}
.copy_z{ width: 645px; border-right: 1px solid #242424; padding-bottom: 30px;}
.copy_z li{ width: 161px; text-align: left; line-height: 32px; float:left; transition: all 0.5s linear; }
.copy_z li a{ color: #666; font-size: 14px;  transition: all 0.5s linear; }
.copy_z li span{ color: #fff; font-size:18px; line-height: 70px;}
.copy_z li a:hover{transition: all 0.5s linear; color: #fff;}
.copy_zw{ color: #fff; font-size: 16px; line-height: 50px; padding-left:60px;}
.copy_zw span{ color: #bf000a; font-size: 32px; font-family: Arial; line-height:32px;}
.coy_w{color: #999; font-size: 14px; padding-left:60px; line-height: 40px;}
.copy_g{ width:80px; height:28px; background: #444; margin-left: 60px;border-radius:15px; text-align: center; line-height:28px; margin-top:8px; transition: all 0.5s linear;}
.copy_g a{ color: #999;}
.copy_g:hover{background: #bf000a; transition: all 0.5s linear;}
.copy_g:hover a{ color: #fff; }
.copy_y{ width: 180px; text-align: center; color: #666; line-height: 32px;}
    .copy_y img{ padding: 10px; background: #fff;}

.copy_x{ width: 100%; border-top: 1px solid #222; background:#181818; padding-top: 30px;min-width:1002px;}    
.Links{ width: 100px; line-height: 36px; font-size: 16px; color: #fff;}
.linkTagcs li a{ color: #999; transition: all 0.5s linear;}
.linkTagcs li a:hover{ color: #fff; transition: all 0.5s linear;}
.copy_lo{ width: 87px;  margin-top: 40px; margin-bottom:30px;}
.copy_w{line-height: 60px; color: #999; margin-top: 20px;}
.copy_w a{color: #999; transition: all 0.5s linear; }
.copy_w a:hover{ color: #fff; transition: all 0.5s linear;}    
    
.news{ width: 100%; padding-bottom: 60px; margin-top: 60px; background: #f2f2f2; min-width:1002px;}