﻿*{padding:0px; margin:0px;*zoom:1;}
html{scrollbar-face-color: #eeeeee; scrollbar-highlight-color: #ffffff;scrollbar-shadow-color: #b4b4b4; scrollbar-3dlight-color: #b4b4b4; scrollbar-arrow-color: #333333;scrollbar-darkshadow-color: #ffffff; scrollbar-base-color: #eeeeee;margin:0px;padding:0px;}
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px;border-radius: 10px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #eee;-webkit-box-shadow: inset 0 0 6px #b4b4b4; }
::-webkit-scrollbar-thumb:window-inactive {background: #eee;}
body{margin:0px;padding:0px;font:14px/1.5 Arial,Helvetica,sans-serif,"\5b8b\4f53";border:none;_height:100%;_overflow:hidden;background-color:White;}
body,a,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,th,td,p,button,input,select,textarea{margin:0;padding:0;border:0;outline:0;}
div{ margin:0;padding:0;border:0;}
img{margin:0;padding:0;border:0;}
table {border-collapse:collapse;border-spacing: 0;border:0px;margin:0px;padding:0px;}
td{padding-top:5px;padding-bottom:5px;}
li{ list-style: none; outline:none;}
ul{list-style:none;}
:focus{outline:0;}

.frm-top{width:100%;height:40px;overflow:hidden;background-color:#212831;}
.top-content{position:relative;width:1200px;height:40px;margin:0 auto;overflow:hidden;}
.top-content .login{position:absolute;right:5px;top:0px;width:200px;height:40px;line-height:40px;color:White;z-index:2;}
.top-content .btnlogin{}
.frm-logo{width:1200px;height:90px;margin:0 auto;overflow:hidden;}
.logo-left{width:420px;height:90px;background:url(../image/logo.png) no-repeat left center;float:left;}
.logo-right{width:700px;height:90px;float:right;overflow:hidden;padding-top:30px;}
.logo-right li{float:left;width:100px;height:57px;line-height:57px;color:#333;text-align:center;font-size:16px;cursor:pointer;margin-left:10px;}
.logo-right li:hover{border-bottom:3px solid #044285;color:#044285;font-weight:bold;}
.logo-right .current{border-bottom:3px solid #044285;color:#044285;font-weight:bold;}
.blink{ text-decoration:none;color:#fff;}
.logo-right .alink{ text-decoration:none;color:#333;display:block;width:100%;height:57px;line-height:57px;text-align:center;}

.banner{width:100%;height:329px;position:absolute;top:0px;left:0;z-index:15;}
.bannerimg1{background:#333 url(../image/banner01.jpg) no-repeat;background-size:cover;}
.bannerimg2{background:#333 url(../image/banner02.jpg) no-repeat;background-size:cover;}
.bannerimg3{background:#333 url(../image/banner03.jpg) no-repeat;background-size:cover;}


.title{width:200px;padding-top:60px;padding-bottom:10px;color:Black;text-align:center;margin:0 auto;}
.entitle{width:200px;margin:0 auto;overflow:hidden;color:#999; font-family:@Arial Unicode MS;font-size:16pt;text-align:center;}

.aboutme{width:1200px;margin:10px auto;overflow:hidden;}
.aboutme .me-intro{width:1200px;height:260px;background:url(../image/aboutus.png) no-repeat right center;margin-top:50px;}
.aboutme p{width:700px;line-height:2em;text-align:justify; text-indent:2em;font-size:18px;}

.core{width:1200px;margin:10px auto;overflow:hidden;}
.core .c-intro{width:1200px;margin-top:50px;text-align:center;}
.core li{float:left;width:33%;}
.core li p{width:80%;margin:10px auto;text-align:justify;color:#666;font-size:18px;line-height:2em;}

.product{width:100%;overflow:hidden;}
.product .p-intro{width:100%;margin-top:50px;background-color:#333;}
.product .p-center{width:1344px;margin:0 auto;height:486px;overflow:hidden;}
.product .prev{float:left;width:30px;margin:0;padding:0;height:486px;background:url(../image/prev.png) no-repeat center center;background-color:rgba(0,0,0,0.5);cursor:pointer;}
.product .next{float:left;width:30px;margin:0;padding:0;height:486px;background:url(../image/next.png) no-repeat center center;background-color:rgba(0,0,0,0.5);cursor:pointer;}
.product .img-box{float:left;width:1284px;height:486px;overflow:hidden;position:relative;}
.product .img-box #imglist{position:absolute;left:0;top:0;width:2568px;height:486px;}
.product li{float:left;width:321px;height:486px;border:none;padding:0;margin:0;position:relative;}
.product li .tips{position:absolute;top:0;left:0;z-index:3;width:321px;height:486px;background-color:rgba(0,0,0,0.5);text-align:center;padding-top:40px;overflow:hidden;}
.product li .tips:hover{background-color:rgba(0,158,248,0.5);}
.product li .tips .tipcon{width:321px;margin-top:5px;text-align:center;color:White;}
.product li .tips p{width:80%;height:180px;margin:15px auto;text-indent:2em;font-size:13px;line-height:1.8em;color:#eee;padding:0;text-align:justify;}
.product li .link{padding:10px 25px;background-color:White;color:#009ef8;font-size:16px; text-decoration:none;}

.typic{width:1290px;margin:10px auto;overflow:hidden;}
.typic .t-intro{width:1290px;margin-top:50px;text-align:center;}
.typic li{width:1290px;padding:0;margin:0;height:120px;overflow:hidden;}
.typic li img{border:1px solid #ccc;margin-left:25px;margin-bottom:20px;}
.typic .typical{width:1290px;height:240px;overflow:hidden;}

.bottom{width:100%;height:300px;background:#212832 url(../image/bottom.png) no-repeat center 80px;overflow:hidden;margin-top:60px;}
.bottom .navigate{width:730px;height:80px;line-height:80px;overflow:hidden;margin:0 auto;text-align:center;color:White;}
.bottom .nav{float:left;display:block;width:120px;height:80px;line-height:80px;text-align:center;color:White;font-size:16px; text-decoration:none;}
.bottom .split{float:left;display:inline-block;width:2px;height:80px;background:url(../image/split.png) no-repeat left center;}
.bottom .beian{width:100%;height:50px;line-height:50px;color:White;font-size:1.2em;text-align:center;margin-top:160px;border-top:1px solid #333;}

@media \0screen\,screen\9 {
  .tips{
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; 
    *zoom:1; 
  }
  .tips p,.tips img{
    position: relative;
  }  
  .prev img,.next img{
	position:relative;	
  }
  .tips:hover{background-color:#009ef8;}
}