@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;
    }
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;
	}
h4,h5{
	 font-size:14px;
	 color:#666;
	 text-indent:2em;
	}		
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;
	}
.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: 16px; 
	 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:960px;
	 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:red;
	 font-size:22px;
	 font-family:'Microsoft YaHei'; 
	 font-weight:bold;
	}
.add a{
	 margin-right:15px;
	 margin-left:0px;
	 color:#0066CC; 	
	}	
.add a:hover{
	 border:0px solid #82D900;
	 background-color:#64A600; 
	 color:#fff; 
	}		
	
/*--left or right--*/

.left-box{
     border:1px solid #d8d9d9;
	 width:190px;
	 overflow: hidden;
     height: 100%;
     background-color:#F0FFFF;	 
	 float:left;
	 margin-top:20px;
	 margin-bottom:20px;
	}	
.p_r{
     height: 100%;
	 margin-bottom:20px;
	 margin-top:0px;
	 padding-bottom:10px;
	 overflow: hidden;
	 float:left;
	 display:block;
	}
.p_r ul{
		 padding-left:5px;
	     text-align:left;
		 margin-left:0px;
        }
.p_r li{
	 line-height:40px;
	 border-bottom:1px dashed #d8d9d9;
	 height:36px;
	 vertical-align:middle;
	 text-align:left;
	}
.p_r li a{
	 background:url(../img/ico1.png) no-repeat left; 
	 font-family:'Microsoft YaHei';
	 font-size:15px;
	 padding-left:10px;
     }
.p_r li a:hover{
	 color:#ff0000;  
	 text-decoration:none; 
	 background:url(../img/ico2.png)no-repeat left;
	 animation: shadow 1s linear 0s infinite alternate; 
	 } 	
.ppic{
	 height:auto;
	 margin-top:0px;
	 overflow: hidden;
	 float:left;
	 display:block;	
    }
.ppic li img{
    max-width:165px;
	border:0px solid #d8d9d9;
	padding-right:10px;
    }
.ppic ul{
	 border:0px solid #d8d9d9;
	 padding-top:5px;
	 padding-bottom:15px;
	 text-align:center;
	}	 
.box{
	 width:720px;
	 height:auto;
	 border:0px solid #d8d9d9;
	 text-align:left;
	 margin:20px 0px 20px 20px;
	 padding-left:10px;
	 padding-right:10px;
	}
.box p{ text-indent:2em;}
.box h1{
		 text-align:center;
		 height:60px;
         padding-top:30px;
}
.box span{color:#0376b2; font-weight:bold;}	
.content{
	     width:100%;
		 text-align:left !important;
		 display:inline; 
		 overflow:hidden;  
		 font-size:15px; 
		 line-height:30px; 	
		}		
.content span{
	     color:#0376b2;
	     font-weight:bold;
	    }
.content table{padding-top:10px;}		
.content p{
	 padding-bottom:15px;
}
.content p,h2,h3{ text-indent:2em;	}	
.tit{
	 width:190px;
	 height:38px;
	 background:url(../img/prol_tit3.gif);
	 line-height:38px;
	 color:#fff;
	 font-family:'Microsoft YaHei';
	 font-size:16px;
	}
.ltit{
	 width:190px;
	 height:38px;
	 background:url(../img/l_nav.png);
     line-height:38px;
	 color:#fff;
	 font-size:16px;
	 font-family:'Microsoft YaHei';
	}		

/*--3-0--*/
.pro-list{
	 text-align:left;
	 line-height:30px;
	 float:right;
	 }
.pro-list ul{
	 width:738px;
	 height:auto;
	 margin-top:-1px;
	 #margin-top:-2px;
	 }
.pro-list li{
	 float:left;
	 margin-left:6px;
	 margin-right:5px;
	 margin-top:0px;
	 text-align:center;
	 width:167px;
	 }
.pro-list ul li img{
	 width:165px !important;
	 height:150px;
	 margin-left:10px;
     }
.pro-list a:hover{ animation: shadow 1s linear 0s infinite alternate; }

/*6-1*/
.main_conten{
	 width:960px;
	 text-align:left !important;
	}
.main_conten li{ 
     width:300px;
	 height:440px;
	 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:5px;
	 #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; 
	} 
.case-more{  
	 background:url(../img/more1.png)no-repeat center; 
	 height:25px;
	 line-height:20px;
	 font-size:18px;
	 text-align:center;
	 padding-right:13px;
	 margin-bottom:0px;
    }
.case-more:hover{
	 background:url(../img/more2.png)no-repeat center; 
	}	
.case-more a{ color:blue;}
.case-more a:hover{ color:white;}	
.content_pro{
	   float:left;
	   height:380px;
	   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:;
		  margin-left:5px;
		  font-family:'SimSun';
		  padding-bottom:10px;
		  }	

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

/*--news-from5-1 to 5-3--*/
.news-list{
	 width:730px;
	 height:100%;
     overflow:hidden;
	 margin:0px 10px 20px 5px;
	 text-align:left;
    }
.n-title{
	 width:730px;
	 float:left; 
	 margin-left:100px;
	 color:red;
	 font-size:18px;
	 font-family:SimHei;
	 height:30px; 
	 line-height:30px;
	}
.news-list h2{ margin-left:150px; font-size:16px;}
.news-list ul{
	 width:730px;
	 height:auto;
	 border:0px solid #d8d9d9;
	 margin-top:0px;
	 #margin-top:-2px;
	}
.news-list li{
	 width:730px; 
	 float:left;
	 margin-left:8px;
	 margin-right:0px;
	 margin-top:0px;
	}
.news-list li a{
	 display:block;
	 height:30px; 
	 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:730px; 
	 float:left;
	}//翻页
	   
/*--tuijianzixun-*/
.a_news{
     width:740px;
	 height:100%;
	 overflow:hidden;
	 margin-top:20px;      
	 border:0px solid #d8d9d9;
     }
.a_news ul{padding-top:10px;}
.a_news li{
	 width:360px;
	 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 10px;
	 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;
     margin-top: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 h3,.n-c h4{padding-left:10px;	 }
.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; padding-bottom: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;
	 }
	 
/*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/fnavhover.png);
	 color:red;
	}
.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;
}