@charset "utf-8";
/* CSS Document */
*,body,div,html,ul,li,p,ol,form{ padding:0; margin:0;  }
body,ul,li,p,span{ padding:0px; margin:0px; }
body { 
      margin:0px;
      font-size:14px;
      font-family:Microsoft YaHei,Simsun,Arial, Verdana, Helvetica, sans-serif; 
      line-height:20px;
      color:#666;
      text-align:center;
	height:100%;
	overflow-x:hidden;
    }
mark {background-color: green;color: #FFFFFF; }
li { overflow:hidden;  }
ul,li,dl,dt,dd,h2,textarea{
	margin:0px; 
	padding:0px; 
	list-style-type:none;
	border:0px;
	}
h1{ font-size:22px; color:#666;	}
h2{ font-size:18px; color:#666; line-height:50px;}
h3{ font-size:16px; color:#666;}
a { 
      text-decoration:none; 
      cursor:pointer;
      color:#333; 
      text-decoration: none;
      blr:expression(this.onFocus=this.blur());
     /* IE Opera */ outline:none;
     }
a:focus{ -moz-outline-style: none; /* FF */  }
a:hover{ color:#ff0000;  text-decoration: none; 	}
h1:hover{ color:#ff0000; }
img, a img{	 border:none;}
section, article, aside, header, footer, nav, dialog, figure { display:block;}
.clear { 
       clear:both;
	 height:0px; 
	 font-size:0px; 
	 line-height:0px; 
	 overflow:hidden;
	}
.fr{float:right;}
.fl{float:left;}
.wrap{
	 width:100%;
	 height:auto;
	 text-align:center;
	 margin:0 auto;
	}
.head{
	 width:100%;
	 height:210px;
	 background:url(../img/t_bj.gif) center;
	}
.thead{
	 width:960px;
	 height:210px;
	 margin:0 auto;
	}
.tlink{
	 height:25px;
	 text-align:left;
	 color:#8E8E8E;
	 font-family:'Microsoft YaHei'; 
       font-size:13px;	
	}
.tbox{height:143px;}
.banner{
	 height:415px;
	 position:relative; 
	 z-index:-1;
	 overflow:hidden;
	}	
.ahead{
	 width:100%;
	 height:277px;
	 background:url(../img/banpic.gif) center;
	}
.a-head{ width:960px; height:277px; margin:0 auto;}	
.hbox{ height:150px;}	
.jbox{ height:127px;}	

    /* --nav-- */
.nav{ margin: 0px; padding: 0px;}
.nav { height: 43px; margin-top: 0px;  position:absolute;}
.nav li { list-style: none;  line-height:40px }
.nav li a {  width:119px;
	 height:43px; 
	 display: block; 
	 text-decoration: none; 
	 color:#fff; 
	 font-size: 15px; 
	 background:none;
	}
.nav li a:hover {
	 background-color:#0478cd;
	 animation: shadow 1s linear 0s infinite alternate; 
	}
.nav>ul>li:nth-of-type(-n+11)>a {
	 border-right: 0px solid; 
	 border-color: grey; 
	}
.nav>ul>li>ul>li:nth-of-type(-n+11)>a { 
     border-bottom: 1px solid; 
	 border-color:#fff;
	}
.nav>ul>li { float: left; }
.nav>ul {
       width: 960px;
	 height: 100%;
	 margin-left: 50%;
	 transform: translate(-50%);
	}
.second { display: none; background-color:#9aa523;}
.end{ background:none;}
.nav>ul>li:hover .second { display:block; }

    /*--主体--*/
.main{
	 width:100%;
	 height:100%;
	 margin:0 auto;
	 margin-top:20px;
	}
.mainbox{
	     width:960px;
	     height:100%;
	     margin:0 auto;
	     color:#333;
	     line-height:30px;
	    }
.ptit{
	 height:50px;
       width:960px;
	 line-height:40px;
	 padding-top:0px;
	 display:inline-block; 
	}
.ptit p{
       margin-left:0px;
	 font-size:22px;
	 font-weight:bold;
       font-family:'Microsoft YaHei';
	 color:red;
	 float:left;
    }
.title{
	 margin-left:5px;
	 color:#0376b2;
	 font-size:18px;
	 font-family:'Microsoft YaHei';  
	}
.box{
	 width:100%;
	 height:100%;
	 border:0px solid #d8d9d9;
	 text-align:left;
	}	 
.box span{  color:#0376b2;  font-weight:bold;   }	
.box p{ text-indent:2em;}
.content{
	       width:100%;
		 text-align:left !important;
		 margin:5px;
		 display:inline; 
		 overflow:hidden;  
		 font-size:15px; 
		 color:#666;  
		 line-height:25px; 		 
		}
.add a{
	 margin-right:15px;
	 margin-left:0px;
	 color:#0066CC; 	
	}	
.add a:hover{
	 border:0px solid #82D900;
	 background-color:#64A600; 
	 color:#fff; 
	}	

/*301-302*/
.main_conten{ width:960px; text-align:left !important;}
.main_conten li{ 
       width:300px;
	 height:550px;
	 float:left;
	 margin:15px 10px;
	}
.main_conten li h2{
	 width:300px;
	 height:57px;
	 line-height:32px;
	 color:#000000;
	 font-weight:normal;
	 font-size:16px; 
	 background:url(../img/product.png) no-repeat;
	 padding-left:35px;
	 #margin-left:-5px;
	}
.main_conten li img{
	 float:left;
	 margin-left:2px;
	 margin-right:2px;
	}
.main_conten img{ 
       width:290px;
	 height:250px; 
	 max-width:290px !important;
	}
.main_conten h2:hover{
	 color:#0000ff; 
	 background:url(../img/product2.png)no-repeat left; 
	 text-decoration:none; 
	} 
.conten_more{           
	 line-height:30px;
	 font-size:16px;
	 font-normal:lighter;
	 text-align:center;
	 margin-right:25px;
	 margin-bottom:10px;
    }
.conten_more:hover{
	 background:url(../img/more2.png)no-repeat center; 
	 line-height:30px;
	 font-size:16px;
	 font-normal:lighter;
	 text-align:center;
	 margin-right:25px;
	}	
.content_pro{
	   float:left;
	   height:480px;
	   width:296px;
	   border-left:2px solid #EEEEEE;
	   border-right:4px solid #EEEEEE;
	   border-bottom:2px solid #EEEEEE;
	   background-color:#F0FFFF;
	   }   
.content_pro p {
	        width:290px; 
		  line-height:25px;
		  color:#666;
		  font-size:16px;
		  font-weight:normal;
		  text-indent:2em;
		  margin-left:5px;
		  font-family:'SimSun';
		  }		

/*product*/
.all-list{ float:left;  width:960px; }
.all-list .left_img{ 
       width:300px; 
	 height:200px;
	 float:left; 
	 margin:15px 5px 20px 10px;
	 border:1px solid #0570A7; 
	 padding:4px;  
	 display:inline; 
	 overflow:hidden;
	}
.all-list .w_right{ 
       width:400px; 
	 float:left;
	 text-align:left; 
	 margin:15px 10px 20px 20px; 
	 display:inline; 
	}	
.all-list span{color:#0376b2; font-weight:bold;}	

/*news-5-1,5-2*/
.news-list{
	 width:960px;
	 height:100%;
       overflow:hidden;
	 margin:20px 10px 20px 5px;
	 text-align:left;
       }
.n-title{
	 width:900px;
	 float:left; 
	 margin-left:100px;
	 color:red;
	 font-size:18px;
	 font-family:SimHei;
	 height:40px; 
	 line-height:50px;
	 }
.news-list ul{
	 width:900px;
	 height:auto;
	 border:0px solid #d8d9d9;
	 margin-top:-1px;
	 #margin-top:-2px;
	}
.news-list li{
	 width:730px; 
	 float:left;
	 margin-left:8px;
	 margin-right:0px;
	 margin-top:5px;
	}
.news-list li a{
	 display:block;
	 height:25px; 
	 line-height:30px; 
	 background:url(../img/news1.gif) no-repeat left; 
	 margin:auto 15px; 
	 padding-left:12px;
	}
.news-list ul li a{color:#333;}
.news-list li a:hover{
	 color:#ff0000; 
	 background:url(../img/news2.gif)no-repeat left; 
	 text-decoration:none; 
	} 
.mpage { 
       height:35px; 
	 line-height:35px;
	 padding:0 5px; 
	 margin-top:20px; 
	 text-align:center; 
	 font-size:16px; 
	 color:#005AB5; 
	 width:960px; 
	 float:left;
	}//翻页
	   
/*tuijianzixun*/
.a_news{
       width:960px;
	 height:100%;
	 overflow:hidden;
	 margin-top:20px;      
	 border:0px solid #d8d9d9;
     }
.a_news li{
	 width:470px;
	 float:left;
	 margin-top:2px;
	 margin-bottom:8px;
	 text-align:left;
     }
.a_news li a{
	 display:block;
	 height:20px; 
	 line-height:25px; 
	 background:url(../img/ico3.gif) no-repeat left; 
	 margin:auto 15px;
	 padding-left:15px;
     }
.a_news li a:hover{
	 color:#ff0000;  
	 text-decoration:none; 
	 background:url(../img/ico4.gif)no-repeat left;
	 } 	

/*--xinwenneiye--*/
.news_box{
     height:100%;
     width:740px;
     border:0px solid #d8d9d9; 
     margin-bottom:20px;	 
	 }
.news_box h1{ padding-bottom:20px;}
.n-c{
	 width:738px;
	 height:100%;
       overflow:hidden;
	 text-align:left;
	 border:0px solid #d8d9d9; 
	 margin:0px auto;
	 display:inline; 
	 font-size:15px; 
	 color:#666;  
	 line-height:30px; 
       }
.n-c p{text-indent:2em; }
.n-c span{ color:#0376b2; font-weight:bold;}
.n-c img{
	 padding-top:15px;
	 padding-bottom:10px;
	 }
.n-c p{
	 margin-left:10px;
	 margin-right:10px;
	 }
.n-c h3,.n-c h4{ padding-left:10px;}
.n-dat{
	 width:688px;height:50px;
	 line-height:38px;
	 color:#ff99cc;
	 font-family:'Microsoft YaHei';
	 font-size:16px;
	 text-align:right; 
	 margin-right:50px;
	 }

/*--left or right--*/
.p_r{
	 width:190px;
	 border:0px solid #d8d9d9;
       height: 100%;
	 margin-bottom:20px;
	}
.tit,ltit{
	 width:190px;
	 height:38px;
	 background:url(../img/l_nav.png);
	 line-height:38px;
	 color:#fff;
	 font-family:'Microsoft YaHei';
	 font-size:16px;
	}
.lbox{
	 width:190px;
	 overflow: hidden;
       height: 100%;
       background-color: #F5F5F5;	 
	 }
.ppic li img{
      max-width:165px;
      height:px;	
	border:0px solid #d8d9d9;
      }
.ppic ul{
	 border:1px solid #d8d9d9;
	 padding-top:10px;
	 padding-bottom:15px;
	 }

/*foot*/
.foot{
	 width:100%;
	 height:258px;
	 background:url(../img/foot.jpg) no-repeat center;
	 margin:0 auto;
	 margin-top:15px;
	 margin-bottom:0px;
	 position:absolute;
	 text-align:center;
	}
.fbox{ width:960px; height:219px; margin:0 auto;}
.fnav ul{ padding-top:30px; font-size:16px; margin-left:150px;}
.fnav li{ color:#fff; float:left;}
.fnav li a{ color:#fff; margin-left:8px; margin-right:8px;}
.fnav li a:hover{ background:url(../img/20190113012723.png);}
.fcont{
	   height:110px;
	   margin-top:40px;
	   line-height:30px;
	   font-family:'SimSun';
	   font-size:15px;
	   }
.ff{ text-align:center; color:#fff;}
.ff a{ color:#fff; }
.ff a:hover{ background-color:#76A244;}

/*QQ，Wechat & mobile phone*/
.izl-rmenu{position:fixed; left:50%; margin-left:532px; bottom:10px; padding-bottom:73px; background:url(../img/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:180px;}
.izl-rmenu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*--wechat  phone--*/	
.wx_right{ width:180px;  height:200px; float:right;  margin:15px 5px 20px 0px;}	 
.wx_right img{   width:180px;  height:180px; float:right;  padding:4px;   display:inline;  overflow:hidden;}	 
.wx_right p{  font-size:14px;  color:red;   line-height:20px; text-align:center; }

  /*img move*/
.dimg img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1;}}
@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0;}
40%{-moz-transform:perspective(400px) rotateY(-10deg);}
70%{-moz-transform:perspective(400px) rotateY(10deg);}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1;}}

/*图片旋转*/
 .xuanzhuan{ 
                   display: block; width: 300px; margin: 200px auto;  -webkit-animation: rotation 15s linear infinite;  animation: rotation 15s linear infinite; }
    @keyframes rotation {  
                              0% {  -webkit-transform: rotate(0deg);  }  
                          100% {  -webkit-transform: rotate(360deg); } 
                  }

 /* 字体阴影的动画设计 */  
    @keyframes shadow {
                              0% {   color: black;    text-shadow: 0px 0px 0px rgba(148, 202, 244, 0.689);     }
                          100% {   color: rgb(86, 88, 88);  text-shadow: 0px 0px 20px rgb(32, 36, 249);  }
                                    }

/*禁止功能*/
*{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}