@charset "utf-8";
body{ background-color: #f6f6f6; min-width:1200px;}
html,body{ margin: 0; font-size: 10px; padding: 0; font-family: "微软雅黑";}
img{ border: none;}
ul,li{ list-style: none;}
a{ outline: none;}
input::-webkit-input-placeholder{ color: #999; font-family: "微软雅黑";}
input::-moz-placeholder{ color: #999; font-family: "微软雅黑";}
input:-moz-placeholder{ color: #999; font-family: "微软雅黑";}
input:-ms-input-placeholder{ color: #999; font-family: "微软雅黑";}
/* top */
.topbox{ width: 100%; height: 35px;}
.topbox .topmain{ width: 1200px; height: 35px; margin: 0 auto;}
.topbox .topmain .topleft{ width: 600px; float: left; height: 35px; overflow: hidden;}
.topbox .topmain .topleft div{ float: left; height: 35px; line-height: 35px; font-size: 12px; color: #222; overflow: hidden;}
.topbox .topmain .topleft a{ float: left; text-decoration: none; height: 35px; font-size: 12px; color: #0055cc; line-height: 35px; overflow: hidden; margin-left: 10px;}
.topbox .topmain .topright{ max-width: 600px; float: right; height: 35px; line-height: 35px;}
.topbox .topmain .topright a{ float: left; height: 35px; line-height: 35px; color: #222; text-decoration: none; overflow: hidden; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.topbox .topmain .topright a:hover{ color: #0055cc;}
.topbox .topmain .topright .topright_ewm{ float: left; height: 35px; position: relative;}
.topbox .topmain .topright .topright_ewm p{ height: 35px; margin: 0; cursor: pointer; padding: 0; overflow: hidden; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.topbox .topmain .topright .topright_ewm p:hover{ color: #0055cc;}
.topbox .topmain .topright .topright_ewm div{ display: none; position: absolute; top: 35px; left: -60px; z-index: 9; background-color: #fff; border: 1px solid #ddd; border-top: none; width: 150px; height: auto; padding-bottom: 5px; overflow: hidden;}
.topbox .topmain .topright .topright_ewm div img{ width: 130px; margin: 10px 0 0 10px; height: auto; display: block;}
.topbox .topmain .topright .topright_ewm div span{ width: 150px; height: 30px; line-height: 30px; color: #333; font-size: 14px; text-align: center; margin: 0;}
.topbox .topmain .topright .topright_ewm:hover div{ display: block;}


.nav_ewm{ float: left; height: 35px; position: relative;}
.nav_ewm p{ height: 35px; margin: 0; cursor: pointer; padding: 0; overflow: hidden; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.nav_ewm p:hover{ color: #0055cc;}
.nav_ewm div{ display: none; position: absolute; top: 40px;width: 300px;  left: -220px; z-index: 9; background-color: #fff; border: 1px solid #ddd; border-top: none; height: auto; padding-bottom: 5px; overflow: hidden;}
.nav_ewm div img{ max-width: 100%; margin: 0; height: auto; display: block;}
.nav_ewm div span{ display:block; width: 100%; height: 20px; line-height: 20px; color: #333; font-size: 14px; text-align: center; margin: 0;}
.nav_ewm:hover div{ display: block;}


.topbox .topmain .topright span{ float: left; color: #ddd; height: 35px; line-height: 35px; overflow: hidden; margin: 0 15px;}
/* head */
.headbox{ clear: both; width: 100%; height: auto; background-color: #fff;}
.head{ width: 1200px; height: 90px; overflow: hidden; margin: 10px auto;}
.head .headlogo{ width: 220px; height: 90px; line-height: 85px; float: left;}
.head .headlogo img{ width: 100%; max-height: 90px; vertical-align: middle;}
.headsous{ width: 500px; height: 40px; float: left; margin: 25px 0 0 80px; overflow: hidden;}
.headsous input{ width: 376px; height: 36px; float: left; border: 2px solid #f33348; color: #333; font-size: 14px; border-radius: 0; padding: 0 10px; outline: none; margin: 0;}
.headsous a{ width: 100px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; background-color: #f33348; color: #fff; text-decoration: none; float: left;}
.head .headgg{ width: 300px; height: 70px; background-color: red; float: right; margin-top: 10px; overflow: hidden;}
.head .headgg img{ width: 300px; height: 70px; display: block;}
/* nav */
.navbox{ width: 100%; height: 50px; clear: both; background-color: #1479d7;}
.navbox ul{ width: 1200px; height: 50px; margin: 0 auto; padding: 0; }
.navbox ul li{ float: left; height: 50px; line-height: 50px; margin: 0 25px;}
.navbox ul li a{ display: block; text-decoration: none; font-size: 16px; color: #fff;  }

/* 位置 */
.weizhi{ clear: both; width: 1200px; margin: 10px auto 0; overflow: hidden; height: 25px;}
.weizhi a{ float: left; height: 25px; line-height: 25px; color: #333; text-decoration: none; font-size: 14px;}
.weizhi span{ float: left; margin: 0 10px; height: 25px; line-height: 25px;}
.weizhi div{ float: left; height: 25px; line-height: 25px; font-size: 14px;}


/*底部*/
.footer{ height: auto; width: 100%; overflow: hidden; min-width: 1000px; margin-top: 50px; background-color: #262b39;}
.footer_content{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden;}
.footer_content_p1{ font-size:14px; text-align: center; padding: 0; margin: 40px 0 0 0;}
.footer_content_p1 a{ color: #999999; padding: 0 15px; text-decoration: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.footer_content_p1 a:hover{ color: #fff;}
.footer_content_p2{ color: #999999; text-align: center; font-size:14px; line-height: 24px; padding: 0; margin: 20px 0 0 0;}
.footer_content_p3{ text-align: center; padding: 0; margin-top: 27px 0 0 0;}
.footer_content_p3 a{ margin-right: 17px;}
.footer_content_p4{ padding: 0; margin: 30px 0 40px; font-size:14px; color: #999999; text-align: center;}