@charset "utf-8";
*{padding:0; margin:0;border:0}
body{width:100%;overflow-x:hidden;font:14px/26px  ,simsun;color:#222}
input{border:none;outline:none}
li{list-style:none}
img{border:0}
a{text-decoration:none;color:#222;transition:.3s}
a:hover{color:#687ade}

/* wow */
.shangyi{animation:shangyi .5s}
.xiayi{animation:xiayi .5s}
.zuoyi{animation:zuoyi .5s}
.youyi{animation:youyi .5s}
.fanzhuan{animation:fanzhuan .5s}

/* 头部 */
.Header{width:100%;height:100px;padding:10px 0;background:#fff}
.HeaderContent{width:1200px;height:100px;margin:0 auto;overflow:hidden}
.HeaderLogo{width:300px;height:100px;float:left}
.HeaderOther{width:400px;height:100px;overflow:hidden;float:right}
.HeaderCall{width:400px;height:30px;margin-top:15px;font:14px/30px arial, ;text-align:right}
.HeaderCall>p>span{margin-right:15px}
.HeaderCall>p>i{padding-right:2px}
.HeaderSearch{width:400px;height:40px;overflow:hidden}
.HS_Input{width:338px;height:38px;line-height:38px;border:1px solid #dfdfdf;float:left;padding-left:10px}
.HS_Submit{width:50px;height:40px;border:1px solid #dfdfdf;border-left:0;background:url(../img/search.png) no-repeat #fff;cursor:pointer}

/* 导航 */
.Nav{width:100%;height:50px;z-index:999;background:#687ade;font:16px/50px  ;text-align:center}
.Nav,.Nav ul,.Nav ul li,.Nav ul li a{display:block;position:relative}
.Nav>ul{width:1200px;height:50px;margin:0 auto}
.Nav>ul>li{width:150px;height:50px;text-align:center;float:left}
.Nav>ul>li>a{text-transform:uppercase;color:#eee;transition:color .2s ease}
.Nav>ul>li:hover>a{color:#fff;background:#687ade}
.Nav>ul>li.NavLI>a::after{position:absolute;top:25px;right:10px;width:4px;height:4px;border-bottom:1px solid #fff;border-right:1px solid #fff;content:"";transform:rotate(45deg);transition:border-color 0.2s ease}
.Nav>ul>li.NavLI:hover>a::after{border-color:#fff}
.Nav ul ul{position:absolute;left:-9999px}
.Nav li:hover>ul{left:auto}
.Nav ul ul ul{margin-left:100%;top:0}
.Nav ul ul li{height:0;transition:height .2s ease}
.Nav ul li:hover>ul>li{height:50px}
.Nav ul ul li a{width:150px;background:#687ade;text-decoration:none;color:#eeeeee;transition:color .2s ease;border-top:1px solid #687ade}
.Nav ul ul li:hover>a,.Nav ul ul li a:hover{color:#fff;background:#687ade;border-top:1px solid #687ade}
.Nav ul ul li.NavLI > a::after{position:absolute;top:25px;right:10px;width:4px;height:4px;border-bottom:1px solid #eee;border-right: 1px solid #eee;content:"";transform:rotate(-45deg);transition: border-color 0.2s ease}

/* 页脚 */
.Footer{width:100%;padding:20px 0;overflow:hidden;background:#222}
.FooterBox{width:1200px;margin:0 auto}
.FooterBoxAbout{width:360px;float:left;overflow:hidden}
.FooterBoxNav{width:300px;float:left;margin-left:100px;overflow:hidden}
.FooterBoxTitle{width:100%;height:30px;padding:20px 0;color:#fff;font:20px/30px arial,' '}
.FooterBoxBody{width:100%;overflow:hidden;text-align:justify;color:#aaa;font:14px/24px arial,' '}
.FooterBoxList{width:100%;overflow:hidden}
.FooterBoxList>li{float:left;margin:0 50px 5px 0;width: 56px;}
.FooterBoxList>li>a{color:#aaa;transition:.3s}
.FooterBoxList>li>a:hover{color:#687ade}
.FooterBoxContact{width:340px;float:left;margin-left:100px}

/* 返回顶部 */
#gotop {background:url("../img/gettop.png") no-repeat 0px -131px;right:50px;width:61px;height:131px;bottom:50px;margin-left:510px;display:none;position:fixed;cursor:pointer;_position:absolute}