@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#e50000; text-decoration:underline;}
.layout{ max-width:1000px; margin:0 auto; height:auto; }
::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}

.f36{font-size:2.25rem;}
.f30{font-size:1.3rem;}
.f28{font-size:1.75rem;}
.f26{font-size:1.625rem;}
.f24{font-size:1.5rem;}
.f22{font-size:1.375rem;}
.f20{font-size:1.25rem;}

.header{ }
.top{ height:140px; position:relative;}
.logo{ float:left; margin-top:40px;}
.logo .pic{ float:left;}
.logo .title{ float:right; line-height:30px; margin-left:15px;}
.logo p{ font-size:18px; color:#666;}
.logo h1{ font-size:18px; font-weight:bold;}
.logo h1 span{ color:#e50000;}
.dianhua{ float:right; margin-top:50px;}
.dianhua .pic{ float:left;}
.dianhua .txt{ float:right; margin-left:10px;}
.dianhua .txt .rx{ font-size:14px;}
.dianhua .txt .dh{ font-size:24px; color:#f90;}
.yuyan{ position:absolute; right:0px; top:0px;}
.yuyan ul{ border-radius:0 0 5px 5px; overflow:hidden;}
.yuyan li{ float:left; width:70px; height:22px; line-height:22px; text-align:center; font-size:12px;}
.yuyan li a{ background:#f5f5f5; display:block;}
.yuyan li a:hover{ background:#f5f5f5; display:block; text-decoration:none;}
.yuyan li a.current{ background:#e50000; color:#FFF;}

#nav{ height:60px; background:#24c38a; position:absolute; top:140px; width:100%; z-index:1000;}
#nav ul{ font-size:0px;}
#nav li{ display:inline-block; color:#0093f3; position:relative; background:url(../images/pic50.png) no-repeat right center;}
#nav li:last-child{ background:none;}
#nav li p{ line-height:60px; font-size:16px;}
#nav li p a{ display:inline-block; color:#FFF; padding:0 32px;}
#nav li:hover p a{ display:inline-block; background:url(../images/pic51.jpg) no-repeat center; color:#FFF; text-decoration:none;}
#nav li p a.current{ background:url(../images/pic51.jpg) no-repeat center; color:#FFF;}

#nav li dl{ visibility:hidden; opacity:0; position:absolute; left:0px; top:70px; z-index:100; width:100%; background:#FFF; font-size:14px; line-height:35px; box-shadow:0 3px 3px rgba(204,204,204,0.7); padding-bottom:10px; border-radius:0 0 5px 5px; transition:all 0.3s;}
#nav li:hover dl{ visibility:visible; opacity:1; top:60px;}
#nav li dd{ border-bottom:1px solid #DDD;}
#nav li dd a{ display:block; padding:0 15px;}
#nav li dd a:hover{ display:block; padding:0 15px; text-decoration:none; background:#e50000; color:#FFF;}


.foot{ background:#696969; padding:5% 0; color:#FFF; height:auto; overflow:hidden;}
.foot_l{ float:left; width:140px; margin-right:30px; text-align:center; line-height:30px;}
.foot_l img{ width:140px; height:140px;}
.foot_c{ float:left; width:240px; height:200px; background:url(../images/pic29.gif) repeat-y left center; padding-left:50px;}
.foot_c h2{ font-size:18px; background:url(../images/pic28.gif) no-repeat left center; padding-left:17px;}
.foot_c h2 span{ font-size:14px;}
.foot_c ul{ margin-top:20px;}
.foot_c li{ float:left; width:120px; line-height:30px;}
.foot_c li a{ color:#FFF;font-size:1rem;}
.foot_r{width:335px; float:left; height:200px; background:url(../images/pic29.gif) repeat-y left center; padding-left:35px;}
.foot_r h2{ font-size:18px; background:url(../images/pic28.gif) no-repeat left center; padding-left:17px;}
.foot_r h2 span{ font-size:14px;}
.foot_r ul{ margin-top:20px; line-height:30px;}


.scroll{ width:60px; height:70px; background:url(../images/pic36.jpg) no-repeat left top; position:fixed; z-index:10; right:0px; bottom:70px; cursor:pointer; transition:all 0.3s;}
.scroll:hover{ background-position:left bottom;}

.side{position:fixed;width:60px;right:0;top:80%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:60px;height:72px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:12px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#24c38a;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#24c38a;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/code2.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#dd2025;}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#24c38a;}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}