html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp,small, strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,  tbody, tfoot, thead,  th{ margin: 0px; padding: 0px;outline: 0;vertical-align: baselinebaseline; text-decoration:none;} img{border: 0px;}ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a { blr:expression(this.onFocus=this.blur())}

article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 

@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_torptw2oxcb.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_torptw2oxcb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_torptw2oxcb.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_torptw2oxcb.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_torptw2oxcb.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_torptw2oxcb.svg#AlibabaPuHuiTiM') format('svg'); /* iOS 4.1- */
}

html {font-size: 100%;}
body { font-size:15px; font-family:'webfont','Microsoft YaHei',Arial; color:#222; position:relative; -webkit-text-size-adjust:none; min-width:1200px; }
a { color:#000; text-decoration:none; }
a:hover {}

.vrapper { width:1200px; margin:0 auto; }
.wrapper { width:1200px; margin:0 auto; }
.wrapper_f { width:1260px; margin:0 auto; }
#header { width:100%; margin:0 auto; position: absolute; z-index:100; background:#fff; }
#header .wrapper { position:relative; height:95px; }
#header .logo { width:20.8%; max-width:200px; position:absolute; left:0px; top:0px; z-index:1001; }
#header .logo2{display:none;}
#header .logo img ,#header .logo2 img { display:block; width:100%; z-index:999;}
#header .tele { background:url(../images/tele.png) no-repeat left center; padding-left:25px; color:#fbfe0d; float:right; font-size:0.875em; height:25px; line-height:25px; margin-top:20px; margin-right:3%; }
#header .tele a { color:#c70773; }

#header .share {float:right; height:20px; position:relative; padding-top:3px; margin-right:7px; margin-top:20px; z-index:10001 }
#header .share a {display:block;width:27px;height:20px; background:url(../images/follow.png) no-repeat left top; float:left; margin:0 3px; position:relative; padding:0; }
#header .share a.mobile {background-position:0 0;}
.mobile_client {position:absolute;right:0;top:40px;width:160px;background-color:#1097e4;top:-9999em;opacity:0; transition:.5s opacity; }
.mobile_client b {position:absolute;top:-16px;width:0;height:0;border:8px solid transparent;border-bottom-color:#1097e4;right:0;margin-right:8px;}
.mobile_client h3 {color:#fff; height:36px;line-height:36px;overflow:hidden;text-align:center; font-size:0.875em; text-indent:0; }
.mobile_client p {margin:1px;background:#fff;padding:9px;}
.mobile_client img {display:block;width:140px;height:140px;}
#header .share a.mobile:hover .mobile_client {top:40px;opacity:1;}

.header_lo{background-color:#fff;}
.wrapper_li{position:relative; width:1200px; height:95px;}
.headr_lob{position:relative; bottom:0px; left:-32px; height:56px; width:284px; background:url(../images/heo.png) no-repeat left center; z-index:99;}

#nav { width:76%; position:absolute; right:0; top:6px; }
#nav ul li { float:left; display:inline; }
#nav ul li.line { width:0px; background:url(../images/line_bg.png) no-repeat left center; height:89px; }
#nav ul li.menu { width:14%; position:relative; height:89px; }
#nav ul li.menu a { font-size:16px; line-height:89px; display:block; text-align:center; color:#00679a; font-weight:bold; }
#nav ul li.menu a:hover { text-decoration:none; background:url(../images/nav_on.jpg) no-repeat center bottom;}
#nav ul li.menu a.current { background:url(../images/nav_on.jpg) no-repeat center bottom;}
#nav ul li.visible-xs { visibility:hidden; display:none; }
#hContainer { height:110px; }

#nav li ul { height:auto; padding:12px 0; background:url(../images/sub_bg.png) repeat left top; }
#nav li ul li { height:40px; float:none; white-space:nowrap; display:block; }
#nav li.menu ul li a {display:block; color:#fff; height:40px; line-height:40px; text-align:center; background:url(../images/sub_line.png) no-repeat center bottom; font-size:0.75em; }
#nav li.menu ul li a:hover { background:url(../images/sub_line.png) no-repeat center bottom; }
#nav div.menu { width:100%; }

.foot_ln{margin-left:130px; width:360px; float:left; display:none;}
.foot_ln_ht{font-size:16px; line-height:50px;}
.foot_nt{font-size:14px; color:#dde8f1; text-indent:23px; line-height:29px;}
.m_foot_wrap .foot_nt a{color:#dde8f1;}
.foot_nt1{background:url(../images/dd_00.png) no-repeat center left;}
.foot_nt2{background:url(../images/dd_01.png) no-repeat center left;}
.foot_nt3{background:url(../images/dd_02.png) no-repeat center left;}
.foot_nt4{background:url(../images/dd_03.png) no-repeat center left;}
.foot_nt5{background:url(../images/dd_04.png) no-repeat center left;}
.foot_nt6{background:url(../images/dd_05.png) no-repeat center left;}

.foot_rn{margin-right:126px; width:360px; float:right;}
.m_foot_li_1 .c1{width:100%; height:50px; line-height:50px; float:left; border:none; padding:0; text-indent:10px; color:#fff; font-size:14px; background:url(../images/m_foot_lc.jpg) repeat-x left bottom;}
.m_foot_li_1 .c1t{margin:0px;}
.m_foot_li_2 .input{height:99px; background:url(../images/m_foot_lc.jpg) repeat-x left bottom; border:none; padding:13px 0 0; text-indent:10px; color:#6f6f6f; width:100%; font-size:14px; color:#fff; margin: 0;}
.m_foot_li_3 .submit{color:#fff; font-size:14px; background-color:#0993d9; border:none; line-height:36px; height:36px; text-align:center; width:100%; margin-top:14px; letter-spacing:1px; padding:0;}
.m_foot_li_1 input::-webkit-input-placeholder, .m_foot_li_2 textarea::-webkit-input-placeholder{color:#fff;}


.foot_lht{font-size:22px; text-align:center; letter-spacing:1px; line-height:52px;}
.foot_lit{text-align:center; color:#dde8f1; font-size:14px; margin-bottom:59px;}
.foot_lit span{ font-size:14px; color:#dde8f1; background:url(../images/foot_i.jpg) no-repeat left center; display: inline-block; margin: 0 10px; width:2px; height: 2px;}



.hidden-lg { display:none; visibility:hidden; }
#mobile_nav_wrap, #mobile_nav { display:none; }

.img-responsive { width:100%; display:block; }

.clear {clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}
.text26 { text-indent:32px;}
.line15 { height:15px; line-height:15px; }
.font12 { font-size:0.75em;}
.font14 { font-size:0.875em;}
.font16 { font-size:1em;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " ";
clear: both; height: 0; }
.clearfix{*zoom:1;}

.page {height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000;}
.page span {padding:5px 8px 5px 8px; background-color:#00a1e9; color:#fff; border:solid 1px #00a1e9; }
.page a{ color:#444444; border:1px solid #ccc;padding:5px 8px 5px 8px; margin:0 4px; text-decoration:none; background-color:#ddd; }
.page a:hover {color:#fff; background-color:#00a1e9; }
.page a.current { color:#fff; background-color:#00a1e9; }

.foot_at{color:#fff;}
.m_menu_wrap .dt_c{width:24.3%;}
.m_menu_wrap .dt_d{width:13%;}
.m_code_logo{width:19.167%; float:left; margin-top:52px; margin-right:7%;}
.m_code_logot{border:1px solid #626262; color:#fff; font-size:26px; height:47px; line-height:47px; width:100%; background: url(../images/foot_tele.png) no-repeat 15px center; text-indent:48px; margin-top:37px;}

.m_foot_wrap {background:#e3e3e3; color:#4c4c4c; padding:32px 0 0 0; height:294px;}
.m_foot_wrap a { color:#222;}
.foot_nto{ width:154px; float:left; margin:0px 170px 0 6px;}
.foot_logo{ margin:10px 0 28px 0;}

.bdsharebuttonbox{}
.bdsharebuttonbox .bot_wz{ padding-left:30px; color:#fff; font-size:15px; background:url(../images/follow.jpg) no-repeat left 10px center; width:60px; float:left; margin-top:10px;}
.bdsharebuttonbox .sina, .bdsharebuttonbox .weixin, .bdsharebuttonbox .qq{background:url(../images/the_sina.jpg) no-repeat; width:29px; height:26px; display:block; margin: 6px 22px 6px 0; padding:0;}
.bdsharebuttonbox .weixin{background:url(../images/the_wx.jpg) no-repeat; width:30px;}
.bdsharebuttonbox .qq{background:url(../images/the_qq.jpg) no-repeat; width:22px;}

.m_menu_wrap { float:left; width:645px; padding:0px 0;  }
.m_menu_wrap dl { float:left; display:inline; width:233px; }
.m_menu_wrap .dl_lnn{width:385px;}
.m_menu_wrap .dl_lnn p{line-height: 30px; color:#222;}
.m_menu_wrap dl dt{}
.m_menu_wrap dl dt, .m_conc_wrap dl dt { font-size:18px; line-height:42px; color:#0074ad; }
.m_menu_wrap dl dd, .m_conc_wrap dl dd { font-size:16px; line-height:30px; color:#dfdfdf; }
.m_conc_wrap { float:left; width:17.8%; padding:35px 3% 35px 1%; }
.m_code_wrap { float:right; width:12%; padding:49px 1px; }
.m_code_wrap p { line-height:41px; text-align:center; font-size:14px;}
.m_com_wrap {line-height:62px; padding:0px 0; color:#fff; background-color:#0574ac;}
.m_com_wrap p {line-height:62px; font-size:14px; text-align:center;}
.m_com_wrap a{color:#fff;}

.foot_r{float:right; width:156px; margin:6px 37px 0 0;}
.foot_rimg{text-align:center; float:left; line-height:0;}
.foot_rimg_2{float:right;}
.foot_rimg span{line-height:46px; color:#010101;}

.wap_hidd{display:none;}



.nav{display:none;}
.iphone__screen{width:100%; height:100%; position: absolute; top:0; left:0; overflow: hidden; }
.iphone__content{position: relative; background-color: #D2527F; width: 100%; height: 100%;}
/**
* Navigation Defaults
*/
.nav {position: absolute; width:100%; height:100%; z-index: 100; opacity: 0;
  -webkit-transition-property: all;
  transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.nav--active{z-index:100; position:fixed; }
.nav--active .nav {
  opacity: 1;
  background-color: #0074ad;
}
.nav__list{margin: 0; padding:90px 30px 0;}
.nav__item{list-style-type: none; text-align: left; border-bottom:1px solid #1f85b7; height:50px;}
.nav__link{font-size:15px; text-transform: uppercase; text-decoration: none; color:#fff; opacity: 1; line-height:50px; text-indent:18px;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
/* Default navigation icon */
.nav__trigger {
  display: none;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 18px;
  top:35px;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity:1;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 2px;
  background-color: #0574ac;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  position: absolute;
  background: #0574ac;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -10px;
}
.nav__icon:after {
  margin-top: 10px;
}

.style-4 .nav {
  width: 100%; z-index: 1;
  height: 100%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.iphone__screen .style-4 .nav{}
.style-4 .nav--active .nav {
  -webkit-transform: translateY(0);
          transform: translateY(0);display:block;
}
.style-4 .nav--active .nav__icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); background-color:#fff;
}
.style-4 .nav--active .nav__icon:before, .style-4 .nav--active .nav__icon:after{background-color:#fff;}

.style-4 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.style-4 .nav--active .nav__link {
  opacity: 1;
}
@media screen and (max-width:640px){
body{min-width:100%;}
.hidden-xs { display:none; }
.wap_hidd{display:block;}

#header .logo img, #header .logo{z-index:9;width: 100%;}
#header .logo{width:33%; top:7px; left:8px;}

#nav{display:none;}
.nav{display:block;}
.nav__trigger{display: block;}

/*底部*/
.m_foot_wrap{height:auto; padding:12px 0 30px 0; margin-top:55px;}
.m_menu_wrap{width:94%; float:none; margin:auto;}
.m_menu_wrap .hidden-xs{display:none;}
.m_menu_wrap .dl_lnn{width:96%; float:none; margin:auto;}
.m_com_wrap p{line-height:24px; padding:10px 0;}
}