@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,div{margin:0;padding:0;}
img{border:0;}
ul,ol,li{list-style:none;}
a{ text-decoration:none; outline:none; color:#555;}
a:hover{ color:#e51012}
body{font-size:14px; background:url(../Images/bg.gif); color:#555;font-family:"Microsoft YaHei","微软雅黑"}
h1,h2,h3{ font-weight:normal}
div,ul,dl,dd,dt{height:auto; overflow:hidden}

.clear{padding:0; width:100%; height:1px; clear:both;}

.wrap{ width:1180px; margin:0 auto;}
.mg50{ margin-top:50px;}

.header{margin:0 auto;height:85px; min-width:1180px; width:100%;background:#fff; width:100%;}
.header div.wrap{position:relative;overflow:inherit}
.logo{ float:left;width:200px;}

#nav{ float:right; width:980px;}
#nav li{ float:right;font-size:15px;height:85px; margin:0 30px;}
#nav li a{display:block;line-height:83px;height:83px; font-size:16px;}
#nav li.on a{ border-bottom:2px solid #e51012}


#nav li ul li a:hover{ color:#76bdfd;}
#nav li.on li a{ border:0}
#nav li ul{display:none;position:absolute;left:auto; z-index:10000;width:280px;height:auto;background:rgba(0,62,86,0.8);}
#nav li ul li{height:40px;float:none; border-bottom:1px solid rgba(16,156,218,0.8); margin:0;}
#nav li ul li a{font-size:14px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrapp; text-align:center}
#nav li ul li a:hover{ background:#109cda; color:#fff}


.footer{ background:#f2f2f2; padding:50px 0;}
.footer dl{ float:left; line-height:2;font-size:14px; padding-right:45px;}
.footer dl dt{font-size:16px;margin-bottom:10px;}
.footer dl dd{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#8c8c8c}
.footer dl dd a{ display:block}
.footer dl.contact{ width:300px;}

.footer dl.msg{ width:245px; float:right;}
.footer dl.msg p{ border:1px solid #ddd; height:38px; margin-bottom:10px; overflow:hidden}
.footer dl.msg p input,.footer dl.msg p textarea{ width:243px; color:#555; height:100%; background:none; border:0; padding-left:15px; background:#fff;font-size:14px;}
.footer dl.msg p textarea{ padding-top:15px; height:50px;}
.footer dl.msg .inputsub{ background:#e51012; border:0; width:100%; height:35px; color:#fff}


.fcopy{ padding:20px 0; background:#fff}
.fcopy dt{ float:left; width:60%}
.fcopy dd{ float:right; width:40%; margin-right:-3px;}
.fcopy dd a{ display:block; float:right; padding:0 3px;}


.service div{ margin:0 -50px;}
.service div ul{ float:left; width:50%; position:relative}
.service div ul dl{ margin:0 50px; border-top:1px solid #ddd; padding:50px 0;}
.service div ul dl::after{content: "";display: block;width:0;height: 1px;background-color: #5c5c5c;position: absolute;top:0;transition: all 0.6s ease 0s;}
.service div ul dl:hover::after{width: 100%;}
.service div ul dl dt{ float:left; width:40%;}
.service div ul dl dt img{ width:100%; display:block}
.service div ul dl dd{ float:right; width:55%; padding-right:3%;transition: all 0.6s ease 0s;}
.service div ul dl dd h4{font-weight:100; font-size:16px; margin:20px 0 10px; color:#272727}
.service div ul dl dd h4 span{ color:#bfbfbf; padding-left:10px;}
.service div ul dl dd p{ line-height:2; font-size:12px;color:#848484; margin-top:20px}
.service div ul dl:hover dd{ margin-left:3%; padding:0}