@charset "utf-8";

/* CSS Document */

/** 娓呴櫎鍐呭杈硅窛 **/ 
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */ dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */ pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */ form, fieldset, legend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */ th, td, /* table elements 琛ㄦ牸鍏冪礌 */ img/* img elements 鍥剧墖鍏冪礌 */ { margin: 0; padding: 0; }

/** 璁剧疆榛樿瀛椾綋 **/
body, button, input, select, textarea { font: 12px/1.5 'microsoft yahei', '寰蒋闆呴粦', tahoma, Srial, helvetica, sans-serif; color: #333; }
body { background-color: #ffffff; }
form { display: block; }
em { font-style: normal; }

/** 閲嶇疆鍒楄〃鍏冪礌 **/
ul, ol, li { list-style: none; }

/** 閲嶇疆瓒呴摼鎺ュ厓绱?**/
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #ff7d0c; }

/** 閲嶇疆鍥剧墖鍏冪礌 **/
img { border: 0px; }

/** 閲嶇疆琛ㄦ牸鍏冪礌 **/
table { border-collapse: collapse; border-spacing: 0; }
.clear, .cb { clear: both; text-indent: -9999px; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #222; font-weight: normal; font-family: '寰蒋闆呴粦', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; }

/* Hides from IE-mac \*/
* html .clf { height: 1%; }
.clf, .clearfix { display: block; }
.clf:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* End hide from IE-mac */
.hide { display: none; }
.rel { position: relative; }
.trans02 { transition: all 0.2s linear; }
.trans06 { transition: all 0.6s ease; }
.inline-block { display: inline-block !important; vertical-align: middle; }

/*棰滆壊*/
.color-blue { color: #1c90ee !important; }
.color-orange { color: #ff7d0c !important; }
.color-red { color: #ff0000 !important; }
.color-green { color: #9fda42 !important; }
.color-gray { color: #999999 !important; }
.color-yellow { color: #f2d616 !important; }
.color-main { color: #0093dd !important; }
.color-main2 { color: #ff7d0c !important; }
a.color-main:hover { color: #ff7d0c !important; }

/*棰勮*/
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.block { display: block; }

/*甯冨眬*/
body, html { min-width: 320px; }
body {/* padding-top: 74px; */ }
.w { width: 100%; margin-right: auto; margin-left: auto; }
@media (min-width:768px) {
	.w { width: 750px; }
}
@media (max-width:768px) {
	.w { box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 10px; }
}
@media (min-width:992px) {
	.w { width: 970px; }
}
@media (min-width:1200px) {
	.w { width: 1170px; }
}
.visible-block-xs { display: none; }
.visible-inlineb-xs { display: none; }
.visible-inline-xs { display: none; }
@media (max-width:768px) {
	.hidden-xs { display: none; }
	.visible-block-xs { display: block; }
	.visible-inlineb-xs { display: inline-block; }
	.visible-inline-xs { display: inline; }
}
.visible-block-md { display: none; }
.visible-inlineb-md { display: none; }
.visible-inline-md { display: none; }
@media (max-width:995px) {
	.hidden-md { display: none; }
	.visible-block-md { display: block; }
	.visible-inlineb-md { display: inline-block; }
	.visible-inline-md { display: inline; }
}
.visible-block-lg { display: none; }
.visible-inlineb-lg { display: none; }
.visible-inline-lg { display: none; }
@media (max-width:1200px) {
	.hidden-lg { display: none; }
	.visible-block-lg { display: block; }
	.visible-inlineb-lg { display: inline-block; }
	.visible-inline-lg { display: inline; }
}
.topbb { position: relative; top: 0; left: 0; width: 100%; z-index: 77; background: #fff; box-shadow: 0 4px 4px rgba(180, 180, 180, 0.1); }
.topbb.on { position: fixed; }

/* 骞垮憡banner */
.topbanner { position: relative; z-index: 3; }
.topbanner .bgblock { width: 100%; height: 60px; background: no-repeat top center; background-size: auto 100%; }
.topbanner.isbig .bgblock{height: 260px;}
.topbanner .wholea { display: block; }
.topbanner .wholea, .topbanner .wrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.fyicon.fyicon-topclose {display: inline-block;width: 20px;height: 20px;background-position: 0 0;}
.topbanner .closebtn {position: absolute;top: 8px;right: 0;display: block;color: #fff;/* width:  120px; */text-align:  right;}
@media (max-width:400px) {
	.topbanner .closebtn { top: 2px; }
}

/* 瑕嗙洊鍣?*/
#shadowpg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: opacity(50); }

/* 杩斿洖椤堕儴鎸夐挳 */
#totopbtn { display: block; position: fixed; width: 40px; height: 40px; right: 10px; bottom: 10px; background: #fff; border-radius: 50%; text-align: center; line-height: 40px; border: 1px solid #bbb; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-size: 18px; color: #bbb; opacity: 0.8; filter: opacity(80); }
#totopbtn:hover { opacity: 1; filter: opacity(1); }

/* 鍥炬爣 */
.fyicon { background: url(../../images/jt/icon.png) no-repeat; vertical-align: middle; }

/* 澶撮儴 */
.header { position: relative; z-index: 2; }
.header .hmain { position: relative; height: 74px; padding-left: 400px; }
.header .hmain .logo { position: absolute; top: 0; left: 0; width: 300px; height: 58px; margin-top: 8px; }
.header .hmain .logo img { width: auto; height: 100%; }
.header .hmain .telinfo { height: 100%; }
.fyicon.fyicon-htel { display: inline-block; width: 58px; height: 58px; background-position: 0 -20px; }
.header .hmain .telinfo .telblock { height: 100%; line-height: 20px; font-size: 20px; font-style: italic; }
.header .hmain .telinfo .telblock p:first-child { padding-top: 6px }
.header .hmain .telinfo .telblock span { font-size: 12px; font-style: normal; padding-right: 4px; }
.barsbtn { color: #0093dd; position: absolute; top: 0; right: 0; height: 44px; width: 64px; line-height: 44px; font-size: 20px; text-align: center; }
.barsbtn.on { color: #ff7d0c; transform: rotate(-135deg); }
@media (max-width:991px) {
	.header .hmain { height: 38px; margin-bottom: 6px; padding-left: 160px; }
	.header .hmain .logo { height: 38px; width: 160px; margin-top: 3px; padding-left: 10px; }
}

/* 鎵嬫満鎶樺彔瀵艰埅鏍峰紡 */
@media (max-width:991px) {
	header .w { padding: 0; width: 100%; }
	nav.hnav { display: block; position: fixed; top: -101%; left: 0; width: 100%; height: auto; background: #fff; overflow: auto; border-top: 1px solid #ddd; }
	nav.hnav.on { }
	nav.hnav ul { position: relative; padding: 0 !important; margin: 0; width: 100%; }
	nav.hnav ul > li { position: relative; }
	nav.hnav ul > li > a { position: relative; display: block; height: 36px; text-align: left; padding-left: 30px; font-size: 14px; color: #333; line-height: 36px; border-bottom: 1px solid #ddd; }
	nav.hnav ul > li > a:before { display: block; content: ""; position: absolute; top: 15px; left: 10px; width: 6px; height: 6px; background: #1c90ee; }
	nav.hnav ul > li.on > a { color: #1c90ee; border-bottom: 1px solid #1c90ee; }
	nav.hnav ul > li.on:after { display: block; }
	.navmenu { display: none; height: auto; padding: 4px 30px 4px 30px; border-bottom: 1px solid #ddd; background: #f6f6f6; }
	nav.hnav ul > li .navmenu.on { display: block; }
	.navmenubtn { position: absolute; top: 3px; right: 10px; width: 30px; height: 30px; font-size: 16px; text-align: center; line-height: 30px; }
	.navmenubtn.on { transform: rotate(180deg); }
	.navmenu .col { text-align: left; border-bottom: 1px dashed #ddd; }
	.navmenu .col:last-child { border-bottom: 0; }
	.navmenu .col a {display: block;float: left;width: 120px;height: 30px;line-height: 30px;font-size: 13px;color: #666666;}
	.navmenu .col a.on { color: #1c90ee; }
	.menu-left dl,
	.menu-right dl {display: none;background-color: #fff;color: #000;}
	.menu-left a,
	.menu-right a {display: inline-block;line-height: 36px;text-align: center;height: 36px;width: 100%;color: #000;}
	.menu-right a:hover,
	.menu-left a:hover {background-color: #1c90ee;color: #fff;}
	.menu-left:hover dl {width: 140px;position: absolute;top: -1px;left: -140px;display: block;}
	.menu-right:hover dl {width: 140px;position: absolute;top: -1px;left: 280px;display: block;}
}

/* 澶у睆骞曞鑸牱寮?*/
@media (min-width:992px) {
	nav.hnav { position: relative; width: 100%; height: 100%; top: auto !important; }
	nav.hnav ul { position: relative; height: 100%; width: 100%; }
	nav.hnav ul > li { position: relative; float: left; width: 14.2%; height: 100%; }
	nav.hnav ul > li > a { position: relative; display: block; width: 100%; height: 100%; text-align: center; font-size: 15px; color: #333; line-height: 74px; background: #fff; z-index: 1; }
	nav.hnav ul > li > a > span { position: relative; display: block; z-index: 2; }
	nav.hnav ul > li > a:before { content: ""; display: block; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 0; background: #1c90ee; transition: all 0.2s linear; }
	nav.hnav ul:hover > li.on > a:before { height: 0; }
	nav.hnav ul:hover > li.on > a { color: #333; }
	nav.hnav ul:hover > li.on:hover > a:before { height: 100%; }
	nav.hnav ul:hover > li.on:hover > a { color: #fff; }
	nav.hnav ul > li:hover > a, nav.hnav ul > li.on > a { color: #fff; }
	nav.hnav ul > li.on a:before, nav.hnav ul > li:hover > a:before { height: 100%; }

	/* 浜岀骇鑿滃崟 */
	.navmenu { display: block; position: absolute; top: -1000%; opacity: 0; left: 0; width: auto; height: auto; background: #fff; border: 1px solid #ddd; transition: all 0.3s ease-in-out; }
	.navmenu.pro-navmenu { width: 281px; }
	nav.hnav ul > li:hover .navmenu { top: 100%; opacity: 1; }
	.navmenu .col { float: left; width: 140px; text-align: left; border-right: 1px solid #ddd; }
	.navmenu .col:last-child { border-right: 0; }
	.navmenu .col>a { display: block; height: 36px; line-height: 36px; font-size: 13px; color: #333; padding: 0 10px 0 20px; }
	.navmenu .col>a:hover { background-color: #1c90ee; color: #fff; }
	.navmenu .col>.menu-left,.navmenu .col>.menu-right  { display: block; height: 36px; line-height: 36px; font-size: 13px; color: #333; padding: 0 10px 0 20px; position: relative;}
	.navmenu .col>.menu-left:hover ,.navmenu .col>.menu-right:hover{ background-color: #1c90ee; color: #fff; }
}

/* 搴曢儴 */
.footer { margin-top: 20px; }
.footer .flinks { width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 24px; padding: 8px 0; font-size: 12px; color: #888; }
.footer .flinks a { position: relative; color: #666; display: inline-block; padding: 0 13px; }
.footer .flinks a:hover { color: #1c90ee; }
.footer .flinks a:after { content: "|"; position: absolute; right: 0; color: #999; }
.footer .flinks a:last-child:after { display: none; }
.footer .fmain { background: #f4f4f4; padding: 40px 0 0px 0; }
.footer .fmain .mainwrap { position: relative; padding-right: 380px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.footer .fmain .listw { position: relative; width: 100%; }
.footer .fmain .col { float: left; width: 20%; }
.footer .fmain .col .tit { display: block; font-size: 14px; color: #333; margin-bottom: 10px; line-height: 14px; padding-left: 10px; border-left: 4px solid #1c90ee; }
.footer .fmain .col ul { padding-left: 14px; }
.footer .fmain .col li { }
.footer .fmain .col li a { display: block; padding: 4px 0; font-size: 12px; color: #666; line-height: 18px; }
.footer .fmain .col a:hover { color: #1c90ee; }
.footer .fmain .col-tel { position: absolute; top: 0; right: 0; height: 100%; font-style: italic; }
.footer .fmain .col-tel .head { height: 20px; line-height: 20px; color: #1c90ee; font-size: 18px; font-weight: bold; }
.fyicon.fyicon-ftel { display: inline-block; width: 32px; height: 20px; background-position: -60px 0px; vertical-align: middle; }
.footer .fmain .col-tel .body { padding-top: 20px; line-height: 20px; font-size: 22px; }
.footer .fmain .col-tel .body p { margin-bottom: 6px; }
.footer .fmain .col-tel .body span { font-size: 14px; font-style: normal; padding-right: 4px; }
.footer .fmain .col-wei { position: absolute; top: 0; right: 220px; width: 120px; height: 100%; text-align: left; }
.footer .fmain .col-wei img { display: inline-block; max-width: 100%; }
@media (max-width:995px) {
	.footer .fmain { padding-left: 10px; padding-right: 10px; }
	.footer .fmain .mainwrap { padding-right: 0; }
	.footer .fmain .listw { margin-top: 20px; }
	.footer .fmain .col-tel { position: relative; top: auto; right: auto; display: inline-block; }
	.footer .fmain .col-wei { position: relative; top: auto; right: auto; display: inline-block; }
}
@media (max-width:768px) {
	.footer .fmain .col-wei { display: none; }
}
.fcopy { padding: 20px 0; border-top: 1px solid #ddd; text-align: center; margin-top: 30px; }
.fcopy p { padding: 4px 0; font-size: 12px; color: #666666; line-height: 18px; }
.fyicon.fyicon-fbeian { display: inline-block; width: 20px; height: 20px; background-position: -40px 0; }
.fyicon.fyicon-fkexin { display: inline-block; width: 94px; height: 36px; background-position: 0 -78px; }

/* 甯冨眬涓殑鎵€鏈墇-index */
.topbb { position: relative; z-index: 77; }
.loginw { z-index: 2; }
@media (max-width:1200px) {
	.loginw { z-index: 99; }
}
#shadowpg { z-index: 88; }
#openloginbtn { z-index: 66; }
#totopbtn { z-index: 66; }


/* 鐣欒█ */
.liuyanformw, .liuyanformw * { box-sizing: border-box; -webkit-box-sizing: border-box; }
.liuyanformw { position: fixed; top: -200%; opacity: 0; left: 50%; width: 520px; height: 460px; margin-left: -260px; margin-top: -230px; z-index: 99; overflow: hidden; padding: 0 10px; }
.liuyanformw .content { position: relative; width: 500px; height: 460px; background: #f9f9f9; border: 4px solid rgba(9, 153, 255, 0.58); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); padding-top: 50px; border-radius: 4px; overflow: hidden; }
.liuyanformw .head { position: absolute; top: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background: #1c90ee; font-size: 16px; padding: 0 30px; color: #fff; text-align: left; }
.liuyanformw .head .liuyanclose { display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; }
.liuyanformw .head .liuyanclose:hover { background: #0f75c7; }
.liuyanformw .body { position: relative; width: 100%; height: 100%; overflow: auto; background: #fff; padding: 30px 40px 0 40px; }
.liuyanformw .body iframe { width: 100%; height: 340px; }
@media (max-width:540px) {
	.liuyanformw { width: 100%; left: 0; margin-left: 0; }
	.liuyanformw .content { width: 100%; }
	.liuyanformw .body { padding: 20px 20px 0 20px; }
}

#alertWin {     box-sizing: border-box;position: fixed; top: -200%; left: 50%; margin-top: -20px; margin-left: -150px; width: 300px; height: 40px; padding: 10px 20px; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; font-size: 14px; line-height: 20px; z-index: 9999999; }
.w1200{
	width: 1200px;
	margin: 0 auto;
	overflow:hidden;
  }
 /*  .w{
	width: 1200px;
	margin: 0 auto;
	overflow:hidden;
  } */
  @media(max-width:1200px) {
    .row,#hnav{
        width: 1200px !important;
        margin: 0 auto;
	}
}