* { padding: 0; margin: 0; font-weight: normal; list-style: none; font-weight: normal; outline: none; border: none; box-sizing: border-box; font-family: "微软雅黑"; font-style: normal; }

a { text-decoration: none; }
a, img, button, input, textarea { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-decoration: none; }
body { background: #FFFFFF; }

@font-face {
  font-family: 'iconfont';  /* project id 558281 */
  src: url('https://at.alicdn.com/t/font_558281_13o1bthrutp22o6r.eot');
  src: url('https://at.alicdn.com/t/font_558281_13o1bthrutp22o6r.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_558281_13o1bthrutp22o6r.woff') format('woff'),
  url('https://at.alicdn.com/t/font_558281_13o1bthrutp22o6r.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_558281_13o1bthrutp22o6r.svg#iconfont') format('svg');
}

@font-face {
  font-family: 'ElegantIcons';  /* project id 558281 */
  src: url('../font/ElegantIcons.woff');
}

.iconfont { font-family: "iconfont"; }

.fl { float: left; }

.fr { float: right; }

.header { position: relative; z-index: 1000; height: 80px; width: 100%; }

.header .head_container { padding: 0 60px; height: 80px; overflow: hidden; }

.header .head_container .logo { width: 400px; height: 80px; position: relative; }

.header .head_container .logo a { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; display: block; height: 23px; }

.header .head_container .logo img { width: 100%; }

.header .head_container .nav { height: 80px; }

.header .head_container .nav .nav_container { overflow: hidden; float: left; }

.header .head_container .nav .nav_container li { float: left; }

.header .head_container .nav .nav_container li a { width: 100%; vertical-align: middle; height: 80px; position: relative; padding: 0 24px; font-size: 16px; color: #000; font-weight: 700; display: block; padding-top: 25px; }

.header .head_container .nav .nav_container li a .item_outer { position: relative; height: 30px; line-height: 30px; display: block; }

.header .head_container .nav .nav_container li a .item_outer .item_text { position: relative; display: inline-block; vertical-align: top; }

.header .head_container .nav .nav_container li a .item_outer .item_text:before { content: ""; position: absolute; bottom: -2px; right: 0; left: auto; width: 0; height: 2px; background-color: #000; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

.header .head_container .nav .nav_container li a:hover .item_outer .item_text:before { width: 100%; left: 0; }

.header .head_container .nav .soucuo { float: left; height: 30px; margin: 0 20px; margin-top: 25px; line-height: 30px; }

.header .head_container .nav .soucuo i { font-size: 20px; font-weight: 700; color: #000000; }

.header .head_container .nav .qodef-side-menu-button-opener { float: left; position: relative; display: inline-block; vertical-align: middle; margin-top: 15px; height: 50px; width: 50px; color: #fff; background-color: #000; border-radius: 50%; margin-left: 25px; }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot { background: #FFFFFF; position: absolute; height: 5px; width: 5px; background-color: currentColor; border-radius: 50%; -webkit-transition: opacity 0.5s cubic-bezier(0.05, 0.43, 0.04, 0.87); -moz-transition: opacity 0.5s cubic-bezier(0.05, 0.43, 0.04, 0.87); transition: opacity 0.5s cubic-bezier(0.05, 0.43, 0.04, 0.87); }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(1) { top: 32%; left: 32%; }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(2) { top: 32%; left: 46%; }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(3) { top: 32%; left: 60%; }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(4) { top: 46%; left: 32%; }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(5) { top: 46%; left: 46%; }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(6) { top: 46%; left: 60%; }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(7) { top: 60%; left: 32%; transition-delay: 0.1s; }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(8) { top: 60%; left: 46%; transition-delay: 0.2s; }

.header .head_container .nav .qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(9) { top: 60%; left: 60%; }

.header .head_container .nav .qodef-side-menu-button-opener :hover .qodef-dot:nth-child(4) { opacity: 0; }

.header .head_container .nav .qodef-side-menu-button-opener :hover .qodef-dot:nth-child(7) { opacity: 0; }

.header .head_container .nav .qodef-side-menu-button-opener :hover .qodef-dot:nth-child(8) { opacity: 0; }

.header3 { position: fixed; top: 0; left: 0; width: 100%; height: 69px; background: #FFFFFF; z-index: 1000; padding: 0 50px; display: none; }

.header3 .nav { height: 69px; line-height: 69px; }

.header3 .nav i { font-size: 35px; color: #444444; cursor: pointer; color: #FE3E6B;}



.header3 .logo a { display: block; }

@media (max-width: 320px) { 
.header3 .logo { width: 230px; height: 40px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.header3 .logo img { height: 40px; }
}
@media (min-width: 321px) and (max-width: 480px){ 
	
.header3 .logo { width: 288px; height: 50px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.header3 .logo img { height: 50px; }
}




.header2 { display: none; position: fixed; top: 0; left: 0; background: #FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

#nav2 { position: fixed; top: 69px; left: 0; right: 0; bottom: 0; margin: auto; background: #FFFFFF; z-index: 1000; padding: 0 15px; display: none;}

#nav2 li { height: 50px; line-height: 50px; padding: 0 10px; border-bottom: 1px solid #ebebeb; }

#nav2 li a { color: #777777; font-size: 16px; display: block;}


.footer { padding: 128px 75px 94px; background: #000; }

.footer .foot_con { color: #777; overflow: hidden; }

.footer .foot_con li { float: left; width: 25%; padding: 0 15px; }

.footer .foot_con li .logo { margin-bottom: 25px; }

.footer .foot_con li .logo img { width: 80%; }

.footer .foot_con li .foot_text { padding: 0 53px 14px 0; font-size: 16px; line-height: 1.8rem; }

.footer .foot_con li h2 { color: #FFFFFF; height: 50px; font-size: 20px; }

.footer .foot_con li .fo_bl { margin-bottom: 15px; }

.footer .foot_con li .fo_bl h6 { font-weight: 200; color: #ddd; line-height: 25px; font-size: 14px;}

.footer .foot_con li .fo_bl p { margin-top: 5px; font-size: 14px; line-height: 1.4rem; }

.footer .foot_con li dl dt a { color: #777; font-size: 14px; line-height: 1.4rem; }

.footer .foot_con li dl dt a:hover{ color: #FFFFFF; font-size: 14px; line-height: 1.4rem; }

.footer .foot_con li .beian { margin-top: 25px; font-size: 12px; line-height: 1.2rem; }

.footer .foot_con li .ewm { width: 120px; }

.footer .foot_con li .ewm img { width: 100%; }

.footer .foot_con li .ewm span { padding-left: 5px; display: block; line-height: 1.4rem; font-size: 14px; }

::selection
{
background: #FE3E6B;
color: #ffffff;
}

::-moz-selection
{
background: #FE3E6B;
color: #ffffff;
}