*{ margin:0; padding:0; list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;font-family: '微软雅黑';}  /* 初始化标签在所有浏览器中的margin、padding值 */
a {text-decoration:none}
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */
a {outline: none;}  
a { color: inherit;}/*去掉默认颜色*/
ul{list-style-type:none}


@media screen and (max-width: 680px) {
  #pc{display: none;}
#header{width: 100%;}
.top{width: 100%;line-height: 40px;float: left;background: #e0e0e0;box-shadow: 0px 3px 4px #cbcbcb;font-weight: 700;}
.mark{margin: 0 auto;width: 96%;}
.logo{line-height: 50px;}
.a{width:34%;height:72px;float: left;line-height: 50px;margin:18px 0 0 2%;}
.a img{width:100%;height:62px;}
.b{width:60%;height:45px;float: left;line-height: 50px;margin:37px 0 0 2%;}
.b img{width:100%;height:35px;}
.nav{width: 100%;float: left;margin-top:15px;}
.name{width: 25%;line-height:56px;float: left;text-align: center;color: #fff;background: url(../images/blue.gif);}
.w{height:56px;float: right;}
.w img{height:56px;}

/*banner  css*/
.banner{width: 100%;height:200px;margin: 0 auto;float: left;}
#banner {position:relative;width:100%;height:200px;overflow:hidden;}
#banner img{width: 100%;height:200px;}

.ftmenu {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
z-index: 100;
font-size:1.25em;
font-family: "微软雅黑";
background-image:linear-gradient(to top,#0160a8,#0289ef);
}
.ftmenu li {
float: left;
width: 20%;
text-align: center;
}
.ftmenu li img {
    width: 2.4rem;
}
.ftmenu li.Home {
position: relative;
top: -1.5em;
}
.ftmenu li.Home a {
display: block;
width: 100%;
}
.ftmenu li span {
    display: block;
    font-size:1.05rem;
    color: #ffffff;
    margin-top: 0.2em;
}
.ftmenu li.Home img {
    display: block;
    width: 100%;
}
.ftmenu li a {
display: block;
height: 3.958em;
padding-top: 0.6em;
}

.mb{width: 100%;float: left;}
.menu{width: 100%;line-height: 50px;font-size: 1.25em;}

.line{width: 100%;line-height: 50px;background: #f1f2f2;font-size: 1.25em;border-bottom:1px solid #ccc;float: left;}
.box{width: 25%;line-height: 50px;float: left;background: #f2f3f3;}
.boxx{line-height: 50px;border-bottom: 1px solid blue;float: left;}
.conter{width: 96%;min-height: 500px;margin:20px 2%;float: left;}
.titles{width: 100%;line-height: 40px;font-size: 1.15em;text-align: center;font-weight: 600;}
.last img{width: 100%;}
.from{width: 100%;line-height: 20px;font-size: 0.95em;text-align: center;color: #9d9fa2;}
.thity{width: 80%;height: 200px;margin: 20px auto;}
.thity img{width: 100%;height: 200px;}
.loin{width: 90%;height:150px;margin: 0 auto;}
.loin img{width: 100%;height: 73px;}
.boxs{width: 100%;line-height: 50px;float: left;background-image: linear-gradient(to top,#0289ef,#127bcb);color: #fff;font-size: 1.25em;}
.float{width: 25%;float: left;}
.main{width: 52%;float: left;text-align: center;}
.floats{width: 25%;float: left;text-align: right;}


/*点击加载更多css*/
#mains {

min-height: 300px;
margin: 30px auto 0 auto;
float: left;
background: #fff;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#mores {
margin: 5px auto;
width: 100%;
border: 1px solid #999;
float: left;
}

.single_item{ width: 40%;height:180px;float: left;margin:10px 5%;}
.single_item:hover{background: #d2e8f9;}
.url{width: 100%;height: 135px;float: left;}
.url img{width: 100%;height: 135px;}
.date{color:#999}
.title{height: 45px;line-height:20px;text-align: center;padding-top: 5px;font-size: 1.35em;font-weight: 600;}
.titler{height: 45px;line-height:20px;text-align: center;padding-top: 5px;}
.element_head{width: 100%; height: 80px;}
.get_more{width:40%;line-height:40px;;margin:20px 0 120px 30%; text-align:center;background-image: linear-gradient(to top,#0d8eef,#62b8f9);float: left;color:#fff;border: 1px solid #ccc;border-radius: 10px;}
.more_loader_spinner{width:20px; height:20px; margin:10px auto; background: url(../images/loader.gif) no-repeat;}
/*点击加载更多css*/

.new_title{width: 100%;line-height: 30px;float: left;padding-top: 8px;font-size: 1.15em;}
.new_title:hover{color: blue;}

.cas{width: 100%;height:200px;margin: 20px 0;border-bottom: 1px dashed #ccc;}
.case{width: 88%;height: 150px;margin: 0 auto;}
.case img{width: 100%;height: 150px;}
.case-line{width: 88%;height:25px;overflow: hidden;font-size: 1.15em;margin: 0 auto;}






























}

@media only screen and (min-width: 680px) and (max-width: 960px) {


#moblie{display: none;}
#header{width: 100%;height: 160px;}
.top{width: 100%;line-height: 35px;font-size: 0.85em;color: #797676;background: #ebeaea;}
.top-left{width: 83%;margin: 0 auto;}
.nav{width: 85%;margin-left: 8%;height:125px;}
.logo{width: 32%;height:125px;float:left;}
.img{width: 55%;margin-top: 23px;float:left;}
.name{width: 40%;height: 40px;float:left;margin-top: 53px;}
.tel-img{width: 66.5%;float: left;line-height: 60px;color: #0f7ed3;text-align: right;font-size: 1.35em;font-family:"微软雅黑";}
.nav-name{width: 68%;float: right;color: #040404;font-size: 1.05em;text-align: right;font-family:"微软雅黑";}
.navs{width: 12%;line-height: 36px;text-align: center;float: left;}
.navs-fist{margin-left:3.6%;}
.navs:hover{background: url(../images/back.jpg);color: #fff;border-radius:4px 4px 4px 4px;}
.top-left a:hover{color: red;}

/*banner  css*/
.banner{width: 100%;height:470px;margin: 0 auto;}
#banner {position:relative;width:100%;height:470px;overflow:hidden;}
#banner img{width: 100%;height:470px;}



#content{width: 100%;background: #f7fbfc;float: left;}
#left{width: 25%;float: left;margin-top: 30px;}

/* /////关于我们内容/////// */
#pro-nav{width: 70%;margin: 0 0 0 30%;float: left;background: #fff;border: 1px solid #ccc;}
.css{width: 100%;line-height:50px;background:url(../images/jian.png) no-repeat center 0;   background-position-x: 3%;background-position-y: 17px;border-bottom:1px solid #ccc;box-shadow: 0px 2px 1px #fff;margin-top: 1px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;font-family:"微软雅黑";}
.dian{width: 100%;line-height:40px;border-bottom:1px solid #ccc;box-shadow: 0px 2px 1px #fff;margin-top: 1px;text-align: center;color: blue;}
.css span{margin-left: 12%;font-size: 1.05em;line-height: 50px;}
.css:hover{color: #fff;background:url(../images/jian2.png) no-repeat center 0; background-position-x: 3%;background-position-y: 17px;background-color: #0e8dec;}
.cat-name{width: 100%;line-height:65px;text-align: center;border-bottom:1px solid #ccc;background: #157ed7;color: #fff;box-shadow:2px 0px 5px #a3a6a8;background-image:linear-gradient(to top,#093e7f,#0c68da);}
.eng{color: #fff;font-size: 1.25em;}
.connect li{width: 100%;font-family:"微软雅黑";}
.net{width: 100%;height: 95px; }
.net img{width: 100%;height: 95px;}
.gan{font-size: 1.05em;color:#000204;}




#right{width: 65%;background:#fff;margin:33px 0 50px 2%;float: left;border:1px solid #ececed;}
.right-one{width: 94%;margin: 0 auto;}
.right-title{width: 100%;height:60px;font-family:"微软雅黑";border-bottom: 1px solid #ccc;}
.title{width: 100%;line-height: 40px;font-size: 1.45em;text-align: center;font-weight: bold;margin-top:40px;}
.titles{width: 100%;line-height: 40px;font-size: 1.45em;text-align: left;font-weight: bold;margin-top:40px;}
.from{width: 70%;line-height: 30px;font-size: 0.95em;margin:20px auto 0;text-align: center;color: #737475;}
.thity{width: 80%;height:380px;margin: 0 auto;}
.thity img{width: 100%;height:380px;}
.right-one p{font-size: #acaaaa;font-family:"微软雅黑";text-indent: 2em;margin: 20px auto;}
.fool{width: 100%;line-height:70px;background: #1d8bde;color: #fff;float: left;}
.qq{text-align: right;float: right;margin: 25px 5% 0 0;}
.fool li span:hover{color: blue;text-decoration: underline;}

/* /////新闻中心内容/////// */
.news1-title{width: 92%;line-height: 50px;font-family:"微软雅黑";border-bottom: 1px dashed #ccc;overflow: hidden;}
.lan{width:3%;height: 25px;float: left;padding-top: 5px;}
.lan img{width: 100%;height: 25px;}
.news1-title:hover{color: blue;}
.last{width: 100%;line-height: 30px;background: #ccc;margin: 60px auto 0 0;color:#333;float: left;font-size: 0.95em;font-weight: 700;}
.last a:hover{color: blue;text-decoration: underline;}

/* /////案例展示内容/////// */
.dust{width: 100%;height: 180px;float: left;margin-top: 20px;margin-bottom: 20px;border-bottom: 1px dashed #ccc;font-family:"微软雅黑";}
.dust2{width: 100%;height: 145px;}
.dust2:hover{background: #f5f4f7;}
.dust-img{width: 25%;height: 180px;float: left;}
.dust-img img{width: 100%;height: 145px;}
.tt{width: 70%;line-height: 30px;margin:0 0 5px 4%;font-weight: bold;float: left;overflow: hidden;}
.pp{width: 70%;line-height: 28px;margin: 0 0 0 4%;float: left;overflow: hidden;color: #626364;}
.dust-name:hover{color: #ff0000;text-decoration: underline;}
.dust-name{color: blue;}
.dust-con{font-weight: bold;color: #333;}
.time{width: 70%;color: #a1a3a4;font-size: 0.95em;margin:5px 0 0 4%;float: left;}
.time-left a{width: 40%;color: blue;float: left;}
.time-left a:hover{text-decoration: underline;}
.time-right{float: right;}
.add{width: 70%;margin: 0 0 0 30%;float: left;background: #fff;border: 1px solid #ccc;}
.hot{width: 100%;line-height: 20px;font-size: 12px;color: #626364;}
.hot:hover{color: red;}
.key{width:10%;margin-left: 2%;float: left;text-align: center;color: #fff;}
.value{width:80%;margin-left:2%;float: left;}







#wrapper {
    width:100%;
    margin:0px auto;
    margin-top:10px;
}


/* main_img */
.main_img{
    height: 145px;
    width: 100%;
    overflow:hidden;
    position: relative;
}
.main_img img{
    height: 180px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index:1;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
    }
.main_img .show {
    background: rgba(0, 0, 0, 0.4);
    height:180px;
    left: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
    /* Safari 和 Chrome */
    -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
    /* Opera */
    -o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
    bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
    color:rgba(255,255,255, 0.8);
    display:block;
    padding:5px 12px;
    border:rgba(255,255,255, 0.6) 1px solid;
    border-radius:8px;
    font-size: 16px;
}
.main_img .show .imgArea a:hover{
    background: rgba(255,255,255, 0.7);
    color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover img {
    transform: scale(1.2, 1.2);
    
    -ms-transform:scale(1.2, 1.2);  /* IE 9 */
    -moz-transform:scale(1.2, 1.2);     /* Firefox */
    -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2, 1.2);   /* Opera */
}

/* ///////推荐产品/////// */
#main{width: 65%;background:#fff;float: right;margin:0px 7.8% 0 0;border: 1px solid #ececed;margin-bottom: 50px;}

/* ///////产品中心/////// */
#pro{width: 100%;height: 800px;}
.photo{width:30%;float: left;margin: 20px 0 0px 2.5%;border: 1px solid #d3d3d8;box-shadow: 1px 2px 4px #ccc;background: #fbfcfe;}
.photo:hover{box-shadow: 6px 6px 6px #ccc;border: 1px solid #908f8f;background: #eae9ef;color:blue;}
.photo img{width:100%;height: 240px;}
.coll{width: 100%;text-align: center;font-family:"微软雅黑";padding-top: 10px;line-height: 25px;font-size: 0.95em;}

/* ///////底部/////// */
#footer{width: 100%;height:385px;float: left;background: url(../images/footer.gif)no-repeat;background-size: 125% 100%;background-position-x:50%;font-family:"微软雅黑";}
.fist{width: 89%;height:245px;width: 89%;height:245px;margin:100px 11% 0;}
.one-nav{width: 52%;height:96px;margin:20px 2%;float: left;}
.one-nav li{width: 11%;line-height: 35px;margin-left: 1%;float: left;color: #fff;font-size: 0.75em;}
.scerod{width: 32%;height:96px;margin:20px 9.9% 0 0;float: right;}
.scerod li{width: 22%;line-height: 35px;float: left;margin-right: 3%;color: #fff;}
.three{width: 40%;line-height:35px;float: left;margin-left: 1%; }
.three li{float: left;color: #fff;}
.scerod li a:hover{color: #33ffff;}
.one-nav li a:hover{color: #33ffff;}
.three li:hover{color: #33ffff;}
}




@media screen and (min-width:961px) {
#moblie{display: none;}
#header{width: 100%;height: 160px;}
.top{width: 100%;line-height: 35px;font-size: 0.85em;color: #797676;background: #ebeaea;}
.top-left{width: 83%;margin: 0 auto;}
.nav{width: 85%;margin-left: 8%;height:125px;}
.logo{width: 32%;height:125px;float:left;}
.img{width: 55%;margin-top: 23px;float:left;}
.name{width: 40%;height: 40px;float:left;margin-top: 53px;}
.tel-img{width: 66.5%;float: left;line-height: 60px;color: #0f7ed3;text-align: right;font-size: 1.35em;font-family:"微软雅黑";}
.nav-name{width: 68%;float: right;color: #040404;font-size: 1.05em;text-align: right;font-family:"微软雅黑";}
.navs{width: 12%;line-height: 36px;text-align: center;float: left;font-weight: 600;}
.navs-fist{margin-left:3.6%;}
.navs:hover{background: url(../images/back.jpg);color: #fff;border-radius:4px 4px 4px 4px;}
.top-left a:hover{color: red;}

/*banner  css*/
.banner{width: 100%;height:470px;margin: 0 auto;}
#banner {position:relative;width:100%;height:470px;overflow:hidden;}
#banner img{width: 100%;height:470px;}



#content{width: 100%;background: #f7fbfc;float: left;}
#left{width: 25%;float: left;margin-top: 30px;}

/* /////关于我们内容/////// */
#pro-nav{width: 70%;margin: 0 0 0 30%;float: left;background: #fff;border: 1px solid #ccc;}
.css{width: 100%;line-height:50px;background:url(../images/jian.png) no-repeat center 0;   background-position-x: 3%;background-position-y: 17px;border-bottom:1px solid #ccc;box-shadow: 0px 2px 1px #fff;margin-top: 1px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;font-family:"微软雅黑";}
.dian{width: 100%;line-height:40px;border-bottom:1px solid #ccc;box-shadow: 0px 2px 1px #fff;margin-top: 1px;text-align: center;color: blue;}
.css span{margin-left: 12%;font-size: 1.05em;line-height: 50px;}
.css:hover{color: #fff;background:url(../images/jian2.png) no-repeat center 0; background-position-x: 3%;background-position-y: 17px;background-color: #0e8dec;}
.cat-name{width: 100%;line-height:65px;text-align: center;border-bottom:1px solid #ccc;background: #157ed7;color: #fff;box-shadow:2px 0px 5px #a3a6a8;background-image:linear-gradient(to top,#093e7f,#0c68da);}
.eng{color: #fff;font-size: 1.25em;}
.connect li{width: 100%;font-family:"微软雅黑";}
.net{width: 100%;height: 95px; }
.net img{width: 100%;height: 95px;}
.gan{font-size: 1.05em;color:#000204;}


#right{width: 65%;background:#fff;margin:33px 0 20px 2%;float: left;border:1px solid #ececed;}
.right-one{width: 94%;margin: 0 auto;}
.right-title{width: 100%;height:60px;font-family:"微软雅黑";border-bottom: 1px solid #ccc;}
.title{width: 100%;line-height: 40px;font-size: 1.45em;text-align: center;font-weight: bold;margin-top:40px;}
.titles{width: 100%;line-height: 40px;font-size: 1.45em;text-align: left;font-weight: bold;margin-top:40px;}
.from{width: 70%;line-height: 30px;font-size: 0.95em;margin:20px auto 0;text-align: center;color: #737475;}
.thity{width: 80%;height:380px;margin: 0 auto;text-align: center;}
.thity img{max-height:380px;}
.right-one p{font-size: #acaaaa;font-family:"微软雅黑";text-indent: 2em;margin: 20px auto;}
.fool{width: 100%;line-height:70px;background: #1d8bde;color: #fff;float: left;}
.qq{text-align: right;float: right;margin: 25px 5% 0 0;}
.fool li span:hover{color: blue;text-decoration: underline;}

/* /////新闻中心内容/////// */
.news1-title{width: 92%;line-height: 50px;font-family:"微软雅黑";border-bottom: 1px dashed #ccc;overflow: hidden;}
.lan{width:3%;height: 25px;float: left;padding-top: 5px;}
.lan img{width: 100%;height: 25px;}
.news1-title:hover{color: blue;}
.last{width: 100%;line-height: 30px;background: #ccc;margin: 60px auto 0 0;color:#333;float: left;font-size: 0.95em;font-weight: 700;}
.last a:hover{color: blue;text-decoration: underline;}

/* /////案例展示内容/////// */
.dust{width: 100%;height: 165px;float: left;margin-top: 20px;border-bottom: 1px dashed #ccc;font-family:"微软雅黑";}
.dust2{width: 100%;height: 145px;}
.dust2:hover{background: #f5f4f7;}
.dust-img{width: 25%;height: 180px;float: left;}
.dust-img img{width: 100%;height: 145px;}
.tt{width: 70%;line-height: 30px;margin:0 0 5px 4%;font-weight: bold;float: left;overflow: hidden;}
.pp{width: 70%;line-height: 28px;margin: 0 0 0 4%;float: left;overflow: hidden;color: #626364;}
.dust-name:hover{color: #ff0000;text-decoration: underline;}
.dust-name{color: blue;}
.dust-con{font-weight: bold;color: #333;}
.time{width: 70%;color: #a1a3a4;font-size: 0.95em;margin:5px 0 0 4%;float: left;}
.time-left a{width: 40%;color: blue;float: left;}
.time-left a:hover{text-decoration: underline;}
.time-right{float: right;}
.add{width: 70%;margin: 0 0 0 30%;float: left;background: #fff;border: 1px solid #ccc;}
.hot{width: 100%;line-height: 20px;font-size: 12px;color: #626364;}
.hot:hover{color: red;}
.key{width:10%;margin-left: 2%;float: left;text-align: center;color: #fff;}
.value{width:80%;margin-left:2%;float: left;}

#wrapper {
    width:100%;
    margin:0px auto;
    margin-top:10px;
}
/* main_img */
.main_img{
    height: 145px;
    width: 100%;
    overflow:hidden;
    position: relative;
}
.main_img img{
    height: 180px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index:1;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
    }
.main_img .show {
    background: rgba(0, 0, 0, 0.4);
    height:180px;
    left: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
    /* Safari 和 Chrome */
    -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
    /* Opera */
    -o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
    bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
    color:rgba(255,255,255, 0.8);
    display:block;
    padding:5px 12px;
    border:rgba(255,255,255, 0.6) 1px solid;
    border-radius:8px;
    font-size: 16px;
}
.main_img .show .imgArea a:hover{
    background: rgba(255,255,255, 0.7);
    color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover img {
    transform: scale(1.2, 1.2);
    
    -ms-transform:scale(1.2, 1.2);  /* IE 9 */
    -moz-transform:scale(1.2, 1.2);     /* Firefox */
    -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2, 1.2);   /* Opera */
}

/* ///////推荐产品/////// */
#main{width: 65%;background:#fff;float: right;margin:0px 7.8% 0 0;border: 1px solid #ececed;margin-bottom: 20px;}

/* ///////产品中心/////// */
#pro{width: 100%;height: 800px;}
.photo{width:30%;float: left;margin: 20px 0 0px 2.5%;border: 1px solid #d3d3d8;box-shadow: 1px 2px 4px #ccc;background: #fbfcfe;}
.photo:hover{box-shadow: 6px 6px 6px #ccc;border: 1px solid #908f8f;background: #eae9ef;color:blue;}
.photo img{width:100%;height: 240px;}
.coll{width: 100%;text-align: center;font-family:"微软雅黑";padding-top: 10px;line-height: 25px;font-size: 0.95em;}

/* ///////底部/////// */
#footer{width: 100%;height:385px;float: left;background: url(../images/footer.gif)no-repeat;background-size: 125% 100%;background-position-x:50%;font-family:"微软雅黑";}
.fist{width: 89%;height:245px;width: 89%;height:245px;margin:100px 11% 0;}
.one-nav{width: 52%;height:96px;margin:20px 2%;float: left;}
.one-nav li{width: 11%;line-height: 35px;margin-left: 1%;float: left;color: #fff;font-size: 0.75em;}
.scerod{width: 32%;height:96px;margin:20px 9.9% 0 0;float: right;}
.scerod li{width: 22%;line-height: 35px;float: left;margin-right: 3%;color: #fff;}
.three{width: 40%;line-height:35px;float: left;margin-left: 1%; }
.three li{float: left;color: #fff;}
.scerod li a:hover{color: #33ffff;}
.one-nav li a:hover{color: #33ffff;}
.three li:hover{color: #33ffff;}


}