#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }

#baguetteBox-overlay.visible { opacity: 1; }

#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }

#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }

#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; }

#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; -o-transition: left .4s ease, -o-transform .4s ease; -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; }

#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }

.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }

.baguetteBox-button#next-button { right: 2%; display: block !important; }

.baguetteBox-button#previous-button { left: 2%; display: block !important; }

.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; }

.baguetteBox-button svg { position: absolute; left: 0; top: 0; }

.zoomPad{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}



.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #999;
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/
.wap-hd-nav { display: none; }

@media screen and (max-width: 991px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #0c77b6; }
  .wap-hd-nav-item { width: 25%; }
  .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; }
  .wap-hd-nav-item a.active { color: white; background-color: #0c77b6; } }

.m-mobilenav { display: none; }

@media screen and (max-width: 991px) { .m-mobilenav { position: absolute; z-index: 11; padding-top: 25px; top: 0; left: 0; display: block; -moz-box-sizing: border-box; box-sizing: border-box; }
  .m-mobilenav .mbnav-btn { position: absolute; z-index: 2; top: 5px; left: 17px; width: 26px; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }
  .m-mobilenav .mbnav-btn .line { width: 100%; height: 2px; background-color: #0c77b6; }
  .m-mobilenav .mbnav-btn .line2 { margin-top: 6px; margin-bottom: 6px; }
  .m-mobilenav .mbnav-btn.active { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  .m-mobilenav .mbnav-bd { position: absolute; left: 0; top: 0; width: 300px; height: 100%; top: 0; visibility: hidden; z-index: 1; }
  .m-mobilenav .mbnav-bd.show { visibility: visible; }
  .m-mobilenav .mbnav-bd.show .mbnav-wp { height: 100%; opacity: 1; }
  .m-mobilenav .mbnav-bd.show .mbnav-item > a { opacity: 1; -webkit-transform: scale(1) translate(0, 0); -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -o-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  .m-mobilenav .mbnav-wp { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #333; top: 0; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; opacity: 0; }
  .m-mobilenav .mbnav-fix { position: absolute; left: 0; top: 60px; height: -webkit-calc(100% - 60px); height: -moz-calc(100% - 60px); height: calc(100% - 60px); width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; }
  .m-mobilenav .mbnav-item { position: relative; padding-left: 44px; padding-right: 24px; padding-top: 10px; padding-bottom: 10px; }
  .m-mobilenav .mbnav-item i { position: absolute; left: 13px; top: 12px; width: 24px; height: 24px; line-height: 24px; text-align: center; background-color: #333; font-size: 20px; font-size: 2rem; color: #fff; cursor: pointer; }
  .m-mobilenav .mbnav-item > a { display: block; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #fff; -webkit-transform: scale(1.1) translate(60px, -35px); -moz-transform: scale(1.1) translate(60px, -35px); -ms-transform: scale(1.1) translate(60px, -35px); -o-transform: scale(1.1) translate(60px, -35px); transform: scale(1.1) translate(60px, -35px); opacity: 0; -webkit-transition: .5s .1s; -o-transition: .5s .1s; -moz-transition: .5s .1s; transition: .5s .1s; }
  .m-mobilenav .mbnav-item > a.current:after { content: ""; margin-left: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }
  .m-mobilenav .mbnav-item > a.active { color: #0c77b6; }
  .m-mobilenav .mbnav-item > a.active:after { background-color: #0c77b6; }
  .m-mobilenav .mbnav-item:nth-child(1) > a { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
  .m-mobilenav .mbnav-item:nth-child(2) > a { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
  .m-mobilenav .mbnav-item:nth-child(3) > a { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; }
  .m-mobilenav .mbnav-item:nth-child(4) > a { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; }
  .m-mobilenav .mbnav-item:nth-child(5) > a { -webkit-transition-delay: 450ms; -moz-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms; }
  .m-mobilenav .mbnav-item:nth-child(6) > a { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; }
  .m-mobilenav .mbnav-item:nth-child(7) > a { -webkit-transition-delay: 550ms; -moz-transition-delay: 550ms; -o-transition-delay: 550ms; transition-delay: 550ms; }
  .m-mobilenav .mbsbnav-list { padding: 10px 0; display: none; }
  .m-mobilenav .mbsbnav-item { position: relative; padding-left: 20px; padding-right: 5px; }
  .m-mobilenav .mbsbnav-item i { left: 0; top: 6px; line-height: 24px; }
  .m-mobilenav .mbsbnav-item a { display: block; padding: 5px 5px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; }
  .m-mobilenav .mbsbnav-item a.active { color: #0c77b6; } }

.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] 
.slick-slide{float:right}.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
@charset "UTF-8";
::-moz-selection { color: #fff; background: #0c77b6; }
::selection { color: #fff; background: #0c77b6; }

* { margin: 0px; padding: 0px; }

html { font-size: 62.5%; height: 100%; }

body { margin: 0 auto; width: 100%; max-width: 1920px; overflow-x: hidden; font-family: 'Microsoft YaHei', 微软雅黑; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 1.2; }

a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

a:hover { color: #0c77b6; }

ol, ul, li { list-style: none; }

img { max-width: 100%; border: 0px solid #ccc; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

button { border: none; background: none; cursor: pointer; }

em, i { font-style: normal; }

/* .c-xx start */
.c-fl { float: left; }

.c-fr { float: right; }

.c-cb { clear: both; }

.c-clearfix:after { content: ""; display: block; clear: both; }

.c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.c-oh { overflow: hidden; }

.c-wd { width: 1400px; }

.c-tsn { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.c-bbx { -moz-box-sizing: border-box; box-sizing: border-box; }

.c-pr { position: relative; }

.c-mt-5 { margin-top: 5px; }

.c-mt-10 { margin-top: 10px; }

.c-mt-15 { margin-top: 15px; }

.c-mt-20 { margin-top: 20px; }

.c-mt-25 { margin-top: 25px; }

.c-mt-30 { margin-top: 30px; }

.c-mt-35 { margin-top: 35px; }

.c-mt-40 { margin-top: 40px; }

.c-mt-45 { margin-top: 45px; }

.c-mt-50 { margin-top: 50px; }

.c-nomt { margin-top: 0 !important; }

.c-nomr { margin-right: 0 !important; }

.c-nomb { margin-bottom: 0 !important; }

.c-noml { margin-left: 0 !important; }

.c-nomg { margin: 0 !important; }

.c-nopt { padding-top: 0 !important; }

.c-nopr { padding-right: 0 !important; }

.c-nopb { padding-bottom: 0 !important; }

.c-nopl { padding-left: 0 !important; }

.c-nopd { padding: 0 !important; }

.c-nofont { line-height: 0; font-size: 0; }

.c-nobg { background: none !important; }

/* .c-xx end */
/* .f-xx start */
.f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); }

.f-box { margin: 0 auto; width: 1400px; max-width: 100%; overflow: visible; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1440px) { .f-box { width: 1200px; } }

@media screen and (max-width: 1219px) { .f-box { width: 960px; } }

@media screen and (max-width: 991px) { .f-box { width: 720px; } }

@media screen and (max-width: 767px) { .f-box { padding-left: 15px; padding-right: 15px; } }

/* .f-xx end */
/* @keyframes start */
@-webkit-keyframes boxshadown { 0% { box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2); }
  100% { box-shadow: 0 0 0 15px rgba(51, 51, 51, 0); } }
@-moz-keyframes boxshadown { 0% { box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2); }
  100% { box-shadow: 0 0 0 15px rgba(51, 51, 51, 0); } }
@keyframes boxshadown { 0% { box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2); }
  100% { box-shadow: 0 0 0 15px rgba(51, 51, 51, 0); } }

/* @keyframes end */
/* .an-xx start */
.an-hoverimg-xy { position: relative; overflow: hidden; }

.an-hoverimg-xy:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 2; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; }

.an-hoverimg-xy:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 1; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; }

.an-hoverimg-xy img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.an-hoverimg-xy:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.an-hoverimg-xy:hover:before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }

.an-hoverimg-xy:hover:after { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }

.an-hoverimg-beforex { position: relative; overflow: hidden; }

.an-hoverimg-beforex:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 2; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; }

.an-hoverimg-beforex img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.an-hoverimg-beforex:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.an-hoverimg-beforex:hover:before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }

.an-hoverimg-beforey { position: relative; overflow: hidden; }

.an-hoverimg-beforey:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 2; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; }

.an-hoverimg-beforey img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.an-hoverimg-beforey:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.an-hoverimg-beforey:hover:before { visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }

.an-hoverbtn-beforey { position: relative; }

.an-hoverbtn-beforey > * { position: relative; }

.an-hoverbtn-beforey:before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); background-color: #0c77b6; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.an-hoverbtn-beforey:hover { color: #fff; }

.an-hoverbtn-beforey:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }

.an-hoverbtn-beforex { position: relative; }

.an-hoverbtn-beforex > * { position: relative; }

.an-hoverbtn-beforex:before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); background-color: #0c77b6; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.an-hoverbtn-beforex:hover { color: #fff; }

.an-hoverbtn-beforex:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }

.an-hoverbtn-beforer { position: relative; overflow: hidden; }

.an-hoverbtn-beforer > * { position: relative; }

.an-hoverbtn-beforer:before { content: ""; position: absolute; right: 100%; top: 0; width: 100%; height: 100%; background-color: #0c77b6; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.an-hoverbtn-beforer:hover { color: #fff; }

.an-hoverbtn-beforer:hover:before { right: 0; }

.an-boxsd:hover { -webkit-animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1); animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1); }

/* .an-xx end */
/* .m-xx start */
.m-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.m-desc a { color: #0c77b6; }

.m-desc a:hover { text-decoration: underline; }

.m-desc p, .m-desc span, .m-desc b { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.m-desc p { min-height: 30px; text-indent: 2em; }

.m-desc img { max-width: 100%; }

.m-desc iframe { display: block; max-width: 100%; margin: 0 auto; }

.m-desc table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; }

.m-desc table tr td { padding: 10px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 991px) { .m-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .m-desc a { color: #0c77b6; }
  .m-desc a:hover { text-decoration: underline; }
  .m-desc p, .m-desc span, .m-desc b { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .m-desc p { min-height: 24px; } }

.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.table table tr td { padding: 10px; height: 30px; border: 1px solid #ccc; }

@media screen and (max-width: 991px) { .table { width: 100%; overflow-x: scroll; }
  .table > div { width: 991px !important; max-width: 991px; } }

@media screen and (max-width: 991px) { [class*="-item"] .item-title { font-size: 14px; font-size: 1.4rem; }
  [class*="-item"] .item-desc { font-size: 13px; font-size: 1.3rem; }
  [class*="-item"] .item-link { font-size: 13px; font-size: 1.3rem; }
  [class*="-item"] .item-modal { display: none; } }

/* .m-xx end */
/* .j-xx start */
.j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

.j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media screen and (max-width: 991px) { .j-offset-top { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } }

.j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; }

.j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

@media screen and (max-width: 991px) { .j-offset-left { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } }

.j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }

.j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

@media screen and (max-width: 991px) { .j-offset-right { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } }

.j-fadein { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; opacity: 0; }

.j-fadein.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

@media screen and (max-width: 991px) { .j-fadein { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } }

.j-lazy { min-width: 20%; }

/* .j-xx end */
[class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; }

[class*="-item"] .item-pic img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

[class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a:hover { color: #0c77b6; }

[class*="-item"] .item-desc { overflow: hidden; }

[class*="-item"] .item-desc a { display: block; }

[class*="-item"] .item-desc a:hover { color: #0c77b6; }

.at-resp-share-element .at4-share-count-container { text-decoration: none; float: right; padding-right: 15px; line-height: 25px !important; }

.at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; }

.at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }

.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; }

.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

.at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; }

.at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }

.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; }

.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

#preloader { background-color: #333; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; z-index: 99; }

#loading-center { width: 100%; height: 100%; position: relative; }

#loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; text-align: center; }

.object { width: 20px; height: 20px; background-color: #FFF; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 20px; margin-top: 65px; border-radius: 50% 50% 50% 50%; }

#object_one { -webkit-animation: object_one 1.5s infinite; -moz-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; }

#object_two { -webkit-animation: object_two 1.5s infinite; -moz-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s; }

#object_three { margin-right: 0; -webkit-animation: object_three 1.5s infinite; -moz-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }

@-webkit-keyframes object_one { 75% { -webkit-transform: scale(0); transform: scale(0); } }

@-moz-keyframes object_one { 75% { -moz-transform: scale(0); transform: scale(0); } }

@keyframes object_one { 75% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }

@-webkit-keyframes object_two { 75% { -webkit-transform: scale(0); transform: scale(0); } }

@-moz-keyframes object_two { 75% { -moz-transform: scale(0); transform: scale(0); } }

@keyframes object_two { 75% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }

@-webkit-keyframes object_three { 75% { -webkit-transform: scale(0); transform: scale(0); } }

@-moz-keyframes object_three { 75% { -moz-transform: scale(0); transform: scale(0); } }

@keyframes object_three { 75% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }

.site-welcome { visibility: hidden; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 99; opacity: 0; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-crm .box-wp { padding-top: 4px; padding-bottom: 4px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; }

.m-crm .box-wp a { color: #333; }

.m-crm .box-wp a:hover { color: #e71021; }

.m-crm .box-wp a.active { color: #000; }

.m-oths { margin-top: 30px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #666666; border-bottom: 1px solid #666666; }

.m-oths .oths-item { height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; }

.m-oths .oths-item a { color: #666; }

.m-oths .oths-item a:hover { color: #0c77b6; }

@media screen and (max-width: 991px) { .m-oths .oths-item { font-size: 14px; font-size: 1.4rem; } }

.m-page { margin-top: 80px; letter-spacing: 0; font-size: 0; text-align: center; }

.m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 5px; display: inline-block; *display: inline; *zoom: 1; min-width: 30px; height: 30px; padding: 0 5px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; background-color: #f7f7f7; border: 1px solid #f7f7f7; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-page a.big { min-width: 61px; }

.m-page a:hover { color: white; border-color: #0c77b6; background-color: #0c77b6; }

.m-page a.active { color: white; border-color: #0c77b6; background-color: #0c77b6; }

.m-page2 { position: relative; }

@media screen and (max-width: 991px) { .m-page { margin-top: 45px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } }

.m-kf { position: fixed; z-index: 10; right: 0; top: 30%; }

.m-kf .kf-item { display: block; line-height: 0; font-size: 0; width: 60px; line-height: 60px; margin-bottom: 1px; font-size: 30px; font-size: 3rem; color: #fff; text-align: center; background-color: #0c77b6; border-radius: 5px; }

.m-kf .kf-item:hover { color: #fff; background-color: #e71021; }

.m-kf .kf-item.active { background-color: #e71021; }

.m-kf .kf-wx { position: absolute; display: none; top: 0; right: 100%; width: 150px; font-size: 0; line-height: 0; }

.m-kf .gotop { display: none; }

@media screen and (max-width: 991px) { .m-kf { right: 0; top: auto; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; background-color: #2d2d27; }
  .m-kf .kf-item { width: 20%; text-align: center; line-height: 60px; font-size: 26px; font-size: 2.6rem; background-color: #2d2d27 !important; }
  .m-kf .kf-item2 { position: relative; }
  .m-kf .kf-wx { top: auto; bottom: 100%; left: 0; }
  .m-kf .gotop { width: 20%; line-height: 60px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; display: block; }
  .g-ft { padding-bottom: 63px; } }

.returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 150px; width: 66px; height: 66px; line-height: 66px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; background-color: #0c77b6; border-radius: 50%; display: none; }

.returntop:hover { color: #fff; background-color: #e71021; }

@media screen and (max-width: 991px) { .returntop { display: none !important; } }

.g-hd { position: fixed; z-index: 9; left: 0; top: 0; width: 100%; background-color: #fff; }

@media screen and (max-width: 991px) { .g-hd { position: relative; } }

/*body { padding-top: 98px; }*/
body { padding-top: 0; }

@media screen and (max-width: 991px) { body { padding-top: 0; } }

.m-hdfix2 > .box-wp { margin-left: auto; margin-right: auto; width: 96%; max-width: 1535px; }

.m-hdlogo { float: left; display: block; line-height: 98px; font-size: 0; text-align: center; }

.m-hdlogo img { vertical-align: middle; }

.m-hdnav { float: left;}

.m-hdnav .nav-item { position: relative; float: left; margin-right: 50px; }

.m-hdnav .nav-item > a { position: relative; display: block; padding-top: 34px; padding-bottom: 38px; padding-left: 0; padding-right: 0; line-height: 26px; font-size: 18px; font-size: 1.8rem; color: #333; text-transform: uppercase; }

.m-hdnav .nav-item > a:before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 27px; max-width: 100%; width: 39px; height: 2px; background: transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-hdnav .nav-item > a.active, .m-hdnav .nav-item > a.current, .m-hdnav .nav-item > a.active { color: #0c77b6; }

.m-hdnav .nav-item > a.active:before, .m-hdnav .nav-item > a.current:before, .m-hdnav .nav-item > a.active:before { background: #0c77b6; }

.m-hdnav .sbnav-list { position: absolute; display: none; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-hdnav .sbnav-wp { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); }

.m-hdnav .sbnav-list1 { top: 100%; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); width: 150px; }

.m-hdnav .sbnav-list2 { top: 0; left: 100%; width: 280px; }

.m-hdnav .sbnav-list3 { top: 0; right: 100%; width: 150px; }

.m-hdnav .sbnav-item { position: relative; padding: 0 13px; }

.m-hdnav .sbnav-item > a { position: relative; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #717272; text-align: center; border-top: 1px solid #ebebeb; }

.m-hdnav .sbnav-item > a:hover, .m-hdnav .sbnav-item > a.active { color: #fff; background-color: #0c77b6; }

.m-hdnav .sbnav-item:first-child > a { border-top: none; }

@media screen and (max-width: 1440px) { .m-hdnav { max-width: 650px; }
  .m-hdnav .nav-item { margin-right: 30px; }
  .m-hdnav .nav-item > a { font-size: 14px; font-size: 1.4rem; }
  .m-hdnav .sbnav-item > a { padding-top: 5px; padding-bottom: 5px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 1219px) { .m-hdnav { max-width: 650px; }
  .m-hdnav .nav-item { margin-right: 20px; } }

.m-hdlang { float: left; margin-right: 15px; padding-top: 34px; padding-bottom: 38px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #999; }

.m-hdlang a { color: #999; }

.m-hdlang a:hover { color: #0c77b6; }

.m-hdsch { position: relative; float: left; z-index: 3; padding-top: 34px; padding-bottom: 38px; }

.m-hdsch .sch-btn { display: none; width: 26px; line-height: 26px; height: 26px; font-size: 16px; font-size: 1.6rem; color: #fff; background-color: #0c77b6; text-align: center; }

.m-hdsch .sch-form { position: relative; top: 100%; right: 0; width: 166px; padding-right: 30px; background-color: #fff; border: solid 1px #e9e9e9; overflow: hidden; visibility: visible; opacity: 1; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-hdsch .sch-form.run { visibility: visible; right: 0; opacity: 1; }

.m-hdsch .form-text { width: 100%; padding-left: 12px; padding-right: 12px; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-hdsch .form-text::-webkit-input-placeholder { color: #999; opacity: 1; }

.m-hdsch .form-text:-moz-placeholder { color: #999; opacity: 1; }

.m-hdsch .form-text::-moz-placeholder { color: #999; opacity: 1; }

.m-hdsch .form-text:-ms-input-placeholder { color: #999; opacity: 1; }

.m-hdsch .form-btn, .m-hdsch .form-icon { position: absolute; right: 0; top: 0; line-height: 24px; height: 24px; width: 30px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #0c77b6; }

.m-hdsch .form-btn { z-index: 2; }

@media screen and (max-width: 1219px) { .m-hdsch .sch-btn { display: block; }
  .m-hdsch .sch-form { position: absolute; visibility: hidden; right: 20px; opacity: 0; top: 100%; }
  .m-hdsch .sch-form.run { visibility: visible; right: 0; opacity: 1; } }

@media screen and (max-width: 991px) { .m-hdnav, .m-hdkey, .m-hdinfo { display: none; }
  .m-hdlang, .m-hdsch { position: absolute; right: 0; top: 0; padding: 5px 0; }
  .m-hdlang { right: 35px; }
  .m-hdsch { right: 5px; }
  .m-hdlogo { float: none; padding-top: 50px; padding-bottom: 20px; line-height: 1; } }

.banner { position: relative; z-index: 2; line-height: 0; font-size: 0; overflow: hidden; }

.banner .slick-dots { position: absolute; z-index: 2; left: 0; right: 0; bottom: 42px; width: 98%; max-width: 1400px; margin: 0 auto; text-align: center; }

.banner .slick-dots li { display: inline-block; *display: inline; *zoom: 1; margin: 0 15px; vertical-align: top; }

.banner .slick-dots li a { display: block; width: 61px; height: 5px; background-color: #ffffff; cursor: pointer; }

.banner .slick-dots li.slick-active a { background-color: #e71021; }

.banner .slick-arrow { position: absolute; z-index: 2; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: auto; height: auto; line-height: 1; display: none !important; font-size: 80px; font-size: 8rem; cursor: pointer; }

.banner .slick-arrow.slick-prev { left: 90px; }

.banner .slick-arrow.slick-next { right: 90px; }

.banner .slick-arrow:hover { color: #0c77b6; }

.banner.hide { display: none; }

@media screen and (max-width: 991px) { .banner { display: block; }
  .banner .slick-arrow { display: none !important; }
  .banner .slick-dots { bottom: 15px; text-align: center; }
  .banner .slick-dots li { margin: 0 5px; }
  .banner .slick-dots li a { width: 12px; height: 12px; }
  .banner.hide { display: none; }
  .banner.n-banner { display: none; } }

.g-habt { padding-top: 50px; }

.m-habt { background-color: #f7f7f7; }

.m-habt .box-video { position: relative; float: right; width: 57.85714%; padding-top: 604px; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 0; font-size: 0; overflow: hidden; }

.m-habt .box-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.m-habt .box-text { padding-left: 3.28571%; padding-right: 4.28571%; padding-top: 66px; overflow: hidden; }

.m-habt .box-title { line-height: 46px; font-size: 36px; font-size: 3.6rem; color: #0c77b6; }

.m-habt .box-title a { color: #0c77b6; }

.m-habt .box-desc { margin-top: 27px; height: 300px; line-height: 30px; font-size: 16px; font-size: 1.6rem; overflow: hidden; }

.m-habt .box-desc a { display: block; }

.m-habt .box-desc p { min-height: 30px; text-indent: 2em; }

.m-habt .box-link { margin-top: 41px; }

.m-habt .box-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 152px; line-height: 30px; padding: 7px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; background-color: #333; }

.m-habt .box-link a:hover { color: #fff; background-color: #0c77b6; }

@media screen and (max-width: 991px) { .m-habt .box-video { float: none; width: 100%; padding-top: 83.88889%; }
  .m-habt .box-text { padding: 30px 15px; }
  .m-habt .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-habt .box-desc { margin-top: 15px; height: auto; max-height: 132px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-habt .box-desc p { min-height: 0; }
  .m-habt .box-link { margin-top: 15px; }
  .m-habt .box-link a { min-width: 80px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } }

.m-hhd { margin-bottom: 35px; text-align: center; }

.m-hhd .hd-title { padding-top: 8px; padding-bottom: 13px; line-height: 46px; font-size: 36px; font-size: 3.6rem; color: #0c77b6; background: url("../images/htt1.png") no-repeat center; }

.m-hhd .hd-title a { color: #0c77b6; }

.m-hhd .hd-title a:hover { text-decoration: underline; }

.m-hhd .hd-name { margin-top: 11px; line-height: 26px; font-size: 16px; font-size: 1.6rem; }

@media screen and (max-width: 991px) { .m-hhd { margin-bottom: 30px; }
  .m-hhd .hd-title { padding: 0; background: none; line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-hhd .hd-name { margin-top: 5px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } }

.g-hproc { padding-top: 48px; padding-bottom: 72px; }

@media screen and (max-width: 991px) { .g-hproc { padding-top: 30px; padding-bottom: 30px; } }

.m-hproc1 { margin-bottom: -18px; font-size: 0; letter-spacing: 0; }

.m-hproc1 .list-item { position: relative; margin-right: 0.71429%; margin-bottom: 18px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; overflow: hidden; }

.m-hproc1 .list-item .item-img { line-height: 0; font-size: 0; }

.m-hproc1 .list-item .item-text { position: absolute; left: 0; top: 0; }

.m-hproc1 .list-item .item-title { height: 34px; line-height: 34px; font-size: 24px; font-size: 2.4rem; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; }

.m-hproc1 .list-item .item-desc { margin-top: 14px; height: 90px; line-height: 30px; font-size: 16px; font-size: 1.6rem; overflow: hidden; }

.m-hproc1 .list-item1, .m-hproc1 .list-item4 { width: 66.35714%; }

.m-hproc1 .list-item1 .item-text, .m-hproc1 .list-item4 .item-text { left: 7.75027%; max-width: 245px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.m-hproc1 .list-item2, .m-hproc1 .list-item3 { width: 32.71429%; }

.m-hproc1 .list-item2 .item-text, .m-hproc1 .list-item3 .item-text { max-width: 215px; }

.m-hproc1 .list-item2 .item-text { top: 29.25532%; left: 28px; }

.m-hproc1 .list-item3 .item-text { top: 18.61702%; left: 12.76596%; }

@media screen and (max-width: 991px) { .m-hproc1 .list-item .item-title { height: 3.43088vw; line-height: 3.43088vw; font-size: 2.4218vw; text-overflow: ellipsis; white-space: nowrap; }
  .m-hproc1 .list-item .item-desc { margin-top: 1.41271vw; height: 9.08174vw; line-height: 3.02725vw; font-size: 1.61453vw; overflow: hidden; }
  .m-hproc1 .list-item1, .m-hproc1 .list-item4 { width: 100%; margin-right: 0; }
  .m-hproc1 .list-item1 .item-text, .m-hproc1 .list-item4 .item-text { left: 5.59742%; max-width: 24.7225vw; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
  .m-hproc1 .list-item2, .m-hproc1 .list-item3 { margin-left: 1%; margin-right: 1% !important; width: 48%; }
  .m-hproc1 .list-item2 .item-text, .m-hproc1 .list-item3 .item-text { max-width: 21.69526vw; }
  .m-hproc1 .list-item2 .item-text { top: 5.04541vw; left: 2.82543vw; }
  .m-hproc1 .list-item3 .item-text { top: 4.03633vw; left: 2.82543vw; } }

@media screen and (max-width: 375px) { .m-hproc1 .list-item .item-title { height: 4.43996vw; line-height: 4.43996vw; font-size: 3.43088vw; text-overflow: ellipsis; white-space: nowrap; }
  .m-hproc1 .list-item .item-desc { margin-top: 2.4218vw; height: 9.08174vw; line-height: 3.02725vw; font-size: 2.01816vw; overflow: hidden; } }

.m-hproc2 { margin-top: 27px; margin-bottom: -20px; }

.m-hproc2 .list-item { position: relative; float: left; margin-right: 0.71429%; margin-bottom: 20px; width: 32.85714%; }

.m-hproc2 .item-title { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; height: 54px; line-height: 54px; font-size: 24px; font-size: 2.4rem; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.37); text-overflow: ellipsis; white-space: nowrap; }

.m-hproc2 .item-title a { color: #fff; }

.m-hproc2 .item-title:hover { color: #0c77b6; }

.m-hproc2 .item-title:hover a { color: #0c77b6; }

@media screen and (max-width: 991px) { .m-hproc2 .item-title { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 320px) { .m-hproc2 .list-item { width: 100%; margin-right: 0; } }

.g-hwys { background-color: #363636; }

.g-hwys .box-hd { margin-bottom: 0; padding-top: 43px; padding-bottom: 52px; color: #fff; }

.g-hwys .box-hd a { color: #fff; }

.g-hwys .box-hd a:hover { color: #0c77b6; }

.g-hwys .hd-title { background-image: url("../images/htt2.png"); }

.g-hwys .hd-desc { margin: 0 auto; max-width: 1180px; margin-top: 32px; line-height: 30px; font-size: 18px; font-size: 1.8rem; }

@media screen and (max-width: 991px) { .g-hwys .box-hd { padding-top: 30px; padding-bottom: 30px; }
  .g-hwys .hd-desc { margin-top: 5px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .g-hwys .hd-title { background: none; } }

.m-hwys { font-size: 0; letter-spacing: 0; }

.m-hwys .box-item { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 21.45833%; overflow: hidden; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-hwys .box-item1 { width: 35.625%; }

.m-hwys .item-img { position: relative; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 686px; line-height: 0; font-size: 0; }

.m-hwys .item-fix { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 96%; max-width: 325px; }

.m-hwys .item-text { text-align: center; color: #fff; }

.m-hwys .item-text a { color: #fff; }

.m-hwys .item-text a:hover { color: #fff; }

.m-hwys .item-icon .iconfont { display: inline-block; *display: inline; *zoom: 1; width: 66px; line-height: 62px; font-size: 34px; font-size: 3.4rem; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%; }

.m-hwys .item-title { margin-top: 17px; height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; text-overflow: ellipsis; white-space: nowrap; }

.m-hwys .item-desc { margin-top: 13px; max-height: 104px; line-height: 26px; font-size: 14px; font-size: 1.4rem; overflow: hidden; }

@media screen and (min-width: 992px) { .m-hwys:hover .box-item { width: 21.45833%; }
  .m-hwys .box-item:hover { width: 35.625%; } }

@media screen and (max-width: 991px) { .m-hwys .box-item { width: 50%; }
  .m-hwys .item-img { width: 100%; }
  .m-hwys .item-icon .iconfont { width: auto; height: auto; line-height: 1; border: none; }
  .m-hwys .item-title { margin-top: 10px; height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; }
  .m-hwys .item-desc { margin-top: 5px; max-height: 66px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 480px) { .m-hwys .box-item { width: 100%; } }

.g-hcase { padding-top: 60px; padding-bottom: 82px; }

@media screen and (max-width: 991px) { .g-hcase { padding-top: 30px; padding-bottom: 30px; } }

.m-hcase { margin-bottom: -30px; }

.m-hcase .list-item { float: left; margin-right: 6.42857%; margin-bottom: 30px; width: 28.57143%; }

.m-hcase .item-title { margin-top: 23px; height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; text-overflow: ellipsis; white-space: nowrap; }

.m-hcase .item-desc { text-indent: 2em; margin-top: 15px; height: 52px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; }

.m-hcase .item-desc a { color: #666; }

.m-hcase .item-desc a:hover { color: #0c77b6; }

.m-hcase .item-link { margin-top: 21px; }

.m-hcase .item-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 152px; line-height: 30px; padding: 7px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; background-color: #0c77b6; }

.m-hcase .item-link a:hover { background-color: #333; }

@media screen and (max-width: 991px) { .m-hcase .item-title { margin-top: 10px; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-hcase .item-desc { margin-top: 5px; height: 44px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-hcase .item-link { margin-top: 10px; }
  .m-hcase .item-link a { min-width: 100px; line-height: 24px; padding: 5px; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 480px) { .m-hcase .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }

@media screen and (max-width: 375px) { .m-hcase .list-item { margin-left: 0; margin-right: 0 !important; width: 100%; } }

.g-hnews { padding-top: 67px; padding-bottom: 85px; background-color: #f7f7f7; }

@media screen and (max-width: 991px) { .g-hnews { padding-top: 30px; padding-bottom: 30px; } }

.m-hnewsimg { position: relative; float: left; margin-right: 2.64286%; width: 49.28571%; }

.m-hnewsimg .box-list { width: 1000%; overflow: hidden; }

.m-hnewsimg .list-item { float: left; width: 10%; }

.m-hnewsimg .box-page { position: absolute; left: 0; right: 0; bottom: 10px; left: 20px; right: 20px; font-size: 0; letter-spacing: 0; }

.m-hnewsimg .page-item { margin-right: 3px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 8px; height: 8px; background-color: #ffffff; }

.m-hnewsimg .page-item.active { background-color: #e71021; }

@media screen and (max-width: 991px) { .m-hnewsimg { float: none; margin-right: 0; margin-bottom: 30px; width: 100%; max-width: 688px; } }

.m-hnews { padding-top: 32px; }

.m-hnews .list-item { margin-top: 27px; }

.m-hnews .list-item:first-child { margin-top: 0; }

.m-hnews .item-time { float: left; margin-right: 23px; width: 108px; height: 108px; padding: 0 5px; text-align: center; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #999; border: solid 1px #d2d2d2; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-hnews .item-time .day { position: relative; margin-top: 9px; margin-bottom: 5px; padding-bottom: 5px; line-height: 1; font-size: 58px; font-size: 5.8rem; }

.m-hnews .item-time .day:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 17px; height: 2px; background-color: #666666; }

.m-hnews .item-title { margin-top: 7px; height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; text-overflow: ellipsis; white-space: nowrap; }

.m-hnews .item-title:hover { color: #e71021; }

.m-hnews .item-title:hover a { color: #e71021; }

.m-hnews .item-desc { margin-top: 7px; height: 60px; line-height: 30px; font-size: 14px; font-size: 1.4rem; text-indent: 2em; color: #666; overflow: hidden; }

.m-hnews .item-desc a { color: #666; }

.m-hnews .item-desc a:hover { color: #0c77b6; }

@media screen and (max-width: 991px) { .m-hnews { padding-top: 0; }
  .m-hnews .item-time { width: 88px; height: 88px; }
  .m-hnews .item-time .day { font-size: 38px; font-size: 3.8rem; }
  .m-hnews .item-title { height: 22px; line-height: 22px; font-size: 14px; font-size: 1.4rem; }
  .m-hnews .item-desc { margin-top: 5px; height: 44px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } }

.g-ft { background-color: #363636; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #fff; }

.g-ft a { color: #fff; }

.g-ft a:hover { color: #e71021; }

.m-ftfix1 { padding-top: 50px; padding-bottom: 53px; }

.m-ftb1 { float: left; width: 35.57143%; padding-right: 20px; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-ftb2 { float: left; width: 42.07143%; padding-right: 20px; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-ftb3 { overflow: hidden; }

.m-ftt { position: relative; margin-bottom: 7px; padding-bottom: 13px; line-height: 32px; font-size: 22px; font-size: 2.2rem; }

.m-ftt:before { content: ""; position: absolute; left: 0; bottom: 0; width: 34px; height: 5px; background-color: #e71021; }

.m-ftnav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; max-width: 240px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column wrap; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 90px; height: auto \9; }

.m-ftnav .nav-item { margin-right: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.m-ftfix2 { padding-top: 23px; padding-bottom: 40px; border-top: 1px solid #ffffff; border-top-color: rgba(255, 255, 255, 0.33); line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #d8d8d8; }

.m-ftfix2 a { color: #d8d8d8; }

.m-ftfix2 a:hover { color: #fff; }

.m-ftshare { float: right; margin-left: 20px; font-size: 0; letter-spacing: 0; line-height: 0; }

.m-ftshare .share-item { margin-right: 12px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 26px; height: 26px; }

.m-ftshare .share-item svg { width: 100%; }

.m-ftshare .share-item:hover { -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -ms-transform: translate(0, -5px); -o-transform: translate(0, -5px); transform: translate(0, -5px); }

.m-ftlnk { overflow: hidden; }

.m-ftlnk .list-item { float: left; margin-right: 15px; }

@media screen and (max-width: 991px) { .m-ftb1, .m-ftb2, .m-ftt, .m-ftlnk { display: none; }
  .m-ftfix1 { padding: 30px 0; }
  .m-ftfix2 { padding-top: 0; border: none; }
  .m-ftext { text-align: center; }
  .m-ftshare { float: none; margin-left: 0; text-align: center; } }

.g-wp { padding-top: 78px; padding-bottom: 100px; }

@media screen and (max-width: 991px) { .g-wp { padding-top: 35px; padding-bottom: 35px; } }

.m-abtb1 .box-img { float: right; width: 67.14286%; line-height: 0; font-size: 0; }

.m-abtb1 .box-text { padding-left: 2.85714%; padding-right: 3.57143%; padding-top: 7.85714%; overflow: hidden; }

.m-abtb1 .box-title { position: relative; padding-bottom: 17px; line-height: 46px; font-size: 36px; font-size: 3.6rem; color: #0c77b6; }

.m-abtb1 .box-title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 42px; height: 4px; background-color: #e71021; }

.m-abtb1 .box-desc { margin-top: 35px; }

@media screen and (max-width: 991px) { .m-abtb1 .box-img { float: none; width: 100%; }
  .m-abtb1 .box-text { padding-left: 0; padding-right: 0; padding-top: 30px; }
  .m-abtb1 .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-abtb1 .box-desc { margin-top: 10px; } }

.m-abtb2 { margin-top: 44px; padding-top: 50px; padding-bottom: 60px; background-color: #f7f7f7; }

.m-abtb2 .box-img { float: left; margin-right: 18px; width: 55.07143%; }

.m-abtb2 .box-text { padding-top: 2.85714%; }

@media screen and (max-width: 991px) { .m-abtb2 { margin-top: 30px; padding-top: 30px; padding-bottom: 30px; }
  .m-abtb2 .box-img { float: none; margin-right: 0; width: 100%; }
  .m-abtb2 .box-text { padding-top: 25px; } }

.m-abtb3 { padding-top: 80px; padding-bottom: 75px; }

.m-abtb3 .box-img { float: right; margin-left: 7.78571%; line-height: 0; font-size: 0; width: 41.57143%; }

.m-abtb3 .box-text { padding-top: 7.35714%; }

@media screen and (max-width: 991px) { .m-abtb3 { padding-top: 30px; padding-bottom: 30px; }
  .m-abtb3 .box-img { float: none; margin-left: 0; width: 100%; } }

.m-abtb4 { padding-top: 12.07143%; padding-bottom: 8.07143%; background: url("../images/abtimg4.jpg") no-repeat center; background-size: cover; }

.m-abtb4 .box-title { text-align: center; color: #fff; line-height: 42px; font-size: 26px; font-size: 2.6rem; }

@media screen and (max-width: 991px) { .m-abtb4 .box-title { line-height: 26px; font-size: 16px; font-size: 1.6rem; } }

.m-casel { margin-bottom: -87px; }

.m-casel .list-item { float: left; margin-right: 7.07143%; margin-bottom: 87px; width: 28.57143%; }

.m-casel .item-title { margin-top: 22px; height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; text-overflow: ellipsis; white-space: nowrap; }

.m-casel .item-desc { margin-top: 15px; height: 52px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; text-indent: 2em; overflow: hidden; }

.m-casel .item-desc a { color: #666; }

.m-casel .item-desc a:hover { color: #0c77b6; }

.m-casel .item-link { margin-top: 21px; }

.m-casel .item-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 152px; line-height: 30px; padding: 7px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #0c77b6; }

.m-casel .item-link a:hover { color: #fff; background-color: #333; }

@media screen and (max-width: 991px) { .m-casel { margin-bottom: -30px; }
  .m-casel .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 30px; width: 31.33%; }
  .m-casel .item-title { margin-top: 10px; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-casel .item-desc { margin-top: 5px; height: 44px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-casel .item-link { margin-top: 10px; }
  .m-casel .item-link a { min-width: 100px; padding: 5px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 480px) { .m-casel .list-item { width: 48%; } }

.m-casecont .box-title { line-height: 40px; font-size: 30px; font-size: 3rem; color: #0c77b6; }

.m-casecont .box-desc { margin-top: 33px; color: #666; }

@media screen and (max-width: 991px) { .m-casecont .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-casecont .box-desc { margin-top: 20px; } }

.m-caseoths { margin-top: 33px; }

.m-caseoths .box-title { margin-bottom: 32px; line-height: 34px; font-size: 24px; font-size: 2.4rem; }

.m-caseoths .box-list { margin-bottom: -16px; }

.m-caseoths .list-item { position: relative; float: left; margin-right: 1.5534%; margin-bottom: 16px; width: 23.78641%; padding-left: 37px; padding-right: 10px; height: 42px; line-height: 42px; font-size: 18px; font-size: 1.8rem; color: #666; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #f7f7f7; }

.m-caseoths .list-item a { color: #666; }

.m-caseoths .list-item a:hover { color: #0c77b6; }

.m-caseoths .list-item:before { content: ""; position: absolute; left: 20px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 6px; height: 6px; background-color: #333333; border-radius: 50%; }

@media screen and (max-width: 991px) { .m-caseoths { margin-top: 30px; }
  .m-caseoths .box-title { margin-bottom: 20px; line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-caseoths .list-item { padding-left: 25px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; }
  .m-caseoths .list-item:before { left: 10px; } }

@media screen and (max-width: 640px) { .m-caseoths .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }

.g-mn1 { float: left; width: 100%; padding-right: 26.42857%; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 991px) { .g-mn1 { float: none; padding-right: 0; } }

.g-mn2 { float: left; width: 100%; padding-left: 22.85714%; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 991px) { .g-mn2 { float: none; padding-left: 0; } }

.g-mn2 { float: left; width: 100%; padding-left: 22.85714%; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 991px) { .g-mn2 { float: none; padding-left: 0; } }

.g-mn3 { float: left; width: 100%; padding-left: 25.42857%; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1219px) { .g-mn3 { padding-left: 300px; } }

@media screen and (max-width: 991px) { .g-mn3 { float: none; padding-left: 0; } }

.g-sd1 { float: left; width: 22.28571%; margin-left: -22.28571%; }

@media screen and (max-width: 991px) { .g-sd1 { float: none; width: 100%; margin-left: 0; margin-top: 30px; } }

.g-sd2 { float: left; width: 19.28571%; margin-left: -100%; }

@media screen and (max-width: 991px) { .g-sd2 { float: none; width: 100%; margin-left: 0; margin-top: 30px; } }

.g-sd3 { float: left; width: 22.14286%; margin-left: -100%; }

@media screen and (max-width: 1219px) { .g-sd3 { width: 260px; } }

@media screen and (max-width: 991px) { .g-sd3 { float: none; width: 100%; margin-left: 0; margin-top: 30px; } }

.m-sdnews { margin-top: 47px; }

.m-sdnews .box-list { padding: 16px 30px; background-color: #f7f7f7; }

.m-sdnews .list-item { margin-top: 26px; }

.m-sdnews .list-item:first-child { margin-top: 0; }

.m-sdnews .item-time { margin-top: 12px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #999; }

.m-sdnews .item-title { margin-top: 3px; height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; text-overflow: ellipsis; white-space: nowrap; }

.m-sdnews .item-desc { margin-top: 4px; height: 66px; line-height: 22px; font-size: 14px; font-size: 1.4rem; color: #666; text-indent: 2em; overflow: hidden; }

.m-sdnews .item-desc a { color: #666; }

.m-sdnews .item-desc a:hover { color: #0c77b6; }

.m-sdnews:first-child { margin-top: 0; }

@media screen and (max-width: 1219px) { .m-sdnews .item-time { line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-sdnews .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-sdnews .item-desc { font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 991px) { .m-sdnews { margin-top: 30px; }
  .m-sdnews .box-list { padding: 15px; padding-bottom: 0; overflow: hidden; }
  .m-sdnews .list-item { float: left; margin-left: 1%; margin-right: 1%; margin-top: 0; margin-bottom: 15px; width: 48%; } }

.m-sdname { padding: 15px 10px; line-height: 34px; font-size: 30px; font-size: 3rem; color: #fff; text-align: center; background-color: #0c77b6; }

.m-sdname a { color: #fff; }

.m-sdname a:hover { color: #ccc; }

@media screen and (max-width: 1219px) { .m-sdname { padding: 10px 10px; line-height: 30px; font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 991px) { .m-sdname { padding: 5px 10px; line-height: 26px; font-size: 18px; font-size: 1.8rem; } }

.m-sdnav1 .nav-name { margin-bottom: 10px; }

.m-sdnav1 .nav-btn { position: relative; display: none; width: 100%; padding-top: 10px; padding-left: 15px; padding-right: 40px; padding-bottom: 10px; line-height: 25px; font-size: 18px; font-size: 1.8rem; color: white; text-transform: uppercase; background-color: #0c77b6; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-sdnav1 .nav-btn > p { position: absolute; bottom: 12px; right: 15px; }

.m-sdnav1 .nav-btn > p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: #f2f2f2; }

.m-sdnav1 .nav-list { margin-top: 0; }

.m-sdnav1 .nav-item { margin-top: 10px; }

.m-sdnav1 .nav-item > a { position: relative; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 22px; padding-right: 45px; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #333333; background-color: #f9f9f9; }

.m-sdnav1 .nav-item > a:before { content: "+"; position: absolute; right: 25px; top: 12px; width: 18px; height: 18px; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 1; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999999; }

.m-sdnav1 .nav-item > a.active, .m-sdnav1 .nav-item > a:hover { color: white; background-color: #e71021; border-color: #e71021; }

.m-sdnav1 .nav-item > a.active:before, .m-sdnav1 .nav-item > a:hover:before { content: "-"; color: #fff; border-color: #fff; }

.m-sdnav1 .nav-item:first-child { margin-top: 0; }

.m-sdnav1 .sbnav-list { display: none; }

.m-sdnav1 .sbnav-list.show { display: block; }

.m-sdnav1 .sbnav-list1 { padding: 12px 34px; }

.m-sdnav1 .sbnav-list2 { padding-top: 0; padding-bottom: 0; }

.m-sdnav1 .sbnav-item > a { display: block; padding: 3px 0; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #666; }

.m-sdnav1 .sbnav-item1 > a:hover, .m-sdnav1 .sbnav-item1 > a.active, .m-sdnav1 .sbnav-item1 > a.current { color: #0c77b6; }

.m-sdnav1 .sbnav-item2 a { padding-left: 10px; line-height: 26px; font-size: 14px; font-size: 1.4rem; }

.m-sdnav1 .sbnav-item2 a:hover { color: #0c77b6; }

@media screen and (max-width: 991px) { .m-sdnav1 .nav-name { display: none; }
  .m-sdnav1 .nav-btn { display: block; }
  .m-sdnav1 .nav-list { display: none; margin-top: 10px; } }

.m-certl { margin-bottom: -53px; }

.m-certl .list-item { position: relative; float: left; margin-right: 6.11111%; margin-bottom: 53px; width: 29.07407%; overflow: hidden; }

.m-certl .list-item:hover .item-modal { top: 0; }

.m-certl .item-modal, .m-certl .item-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.m-certl .item-modal { top: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.58); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-certl .item-text { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; text-align: center; color: #fff; }

.m-certl .item-icon { font-size: 34px; font-size: 3.4rem; line-height: 1; }

.m-certl .item-title { margin-top: 10px; height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (max-width: 991px) { .m-certl { margin-bottom: -30px; }
  .m-certl .list-item { margin-bottom: 30px; } }

@media screen and (max-width: 320px) { .m-certl .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }

.m-abtxc .box-title { position: relative; margin-bottom: 59px; padding-bottom: 17px; line-height: 46px; font-size: 36px; font-size: 3.6rem; color: #e71021; text-align: center; }

.m-abtxc .box-title:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 278px; height: 2px; background-color: #eeeeee; }

.m-abtxc .box-title:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 64px; height: 4px; background-color: #0c77b6; }

.m-abtxc .box-desc { font-size: 18px; font-size: 1.8rem; color: #666; }

.m-abtxc .box-desc p, .m-abtxc .box-desc span, .m-abtxc .box-desc b { font-size: 18px; font-size: 1.8rem; }

.m-abtxc .box-video { position: relative; padding-bottom: 3.07143%; margin-top: 63px; }

.m-abtxc .box-video .video { position: relative; margin: 0 auto; width: 85.71429%; padding-top: 49.21429%; line-height: 0; font-size: 0; overflow: hidden; }

.m-abtxc .box-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.m-abtxc .box-video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.m-abtxc .box-video:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 16.42857%; background-color: #0c77b6; }

@media screen and (max-width: 991px) { .m-abtxc .box-title { margin-bottom: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-abtxc .box-desc { font-size: 14px; font-size: 1.4rem; }
  .m-abtxc .box-desc p, .m-abtxc .box-desc span, .m-abtxc .box-desc b { font-size: 14px; font-size: 1.4rem; }
  .m-abtxc .box-video { margin-top: 30px; } }

.c-bg1 { background: url("../images/nbg1.jpg") no-repeat center bottom; }

.c-bg2 { background: url("../images/nbg2.jpg") no-repeat center bottom; }

.m-history .box-title { margin-bottom: 92px; line-height: 30px; font-size: 20px; font-size: 2rem; }

.m-history .box-list { position: relative; margin-left: auto; margin-right: auto; padding-top: 31px; max-width: 1270px; }

.m-history .box-list:before { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; border-left: 1px dashed #333; }

.m-history .list-item { position: relative; margin-top: 0; }

.m-history .list-item .item-wp { float: left; width: 47.24409%; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-history .list-item .item-pic { margin-top: 47px; }

.m-history .list-item .item-font { text-align: right; }

.m-history .list-item .item-title { margin-top: -18px; position: relative; display: inline-block; *display: inline; *zoom: 1; min-width: 270px; padding: 15px; line-height: 30px; font-size: 30px; font-size: 3rem; font-weight: bold; color: #fff; text-align: center; background-color: #e71021; -moz-box-sizing: border-box; box-sizing: border-box; overflow: visible; }

.m-history .list-item .item-desc { margin-top: 26px; line-height: 24px; font-size: 18px; font-size: 1.8rem; color: #666; }

.m-history .list-item:before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -13px; display: block; width: 26px; height: 26px; background: url("../images/dot1.png") no-repeat center; background-size: 100% 100%; }

.m-history .list-item:first-child { margin-top: 0; }

.m-history .list-item1 .item-wp { float: left; }

.m-history .list-item1 .item-title:before { content: ""; position: absolute; left: 100%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 0; height: 0; border-left: 12px solid #e71021; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }

.m-history .list-item2 .item-wp { float: right; }

.m-history .list-item2 .item-font { text-align: left; }

.m-history .list-item2 .item-title { background-color: #0c77b6; }

.m-history .list-item2 .item-title:before { content: ""; position: absolute; right: 100%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 0; height: 0; border-right: 12px solid #0c77b6; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }

.m-history .list-item2:before { background-image: url("../images/dot2.png"); }

@media screen and (max-width: 991px) { .m-history .box-title { margin-bottom: 30px; line-height: 26px; font-size: 16px; font-size: 1.6rem; }
  .m-history .box-list { padding-top: 0; }
  .m-history .box-list:before { display: none; }
  .m-history .list-item { margin-top: 30px; }
  .m-history .list-item .item-wp { float: none; width: 100%; }
  .m-history .list-item .item-font { text-align: left; }
  .m-history .list-item .item-pic, .m-history .list-item .item-desc { margin-top: 15px; }
  .m-history .list-item .item-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-history .list-item .item-title { margin-top: 0; line-height: 26px; padding: 10px; font-size: 18px; font-size: 1.8rem; }
  .m-history .list-item .item-title:before { display: none; }
  .m-history .list-item:before { display: none; } }

.m-abtserv .box-title { margin-bottom: 34px; line-height: 46px; font-size: 36px; font-size: 3.6rem; color: #0c77b6; }

.m-abtserv .box-desc { color: #000; }

@media screen and (max-width: 991px) { .m-abtserv .box-title { margin-bottom: 20px; line-height: 30px; font-size: 20px; font-size: 2rem; } }

.m-joinus .box-title { margin-bottom: 34px; line-height: 46px; font-size: 36px; font-size: 3.6rem; color: #0c77b6; text-align: center; }

.m-joinus .list-item { margin-top: 47px; background-color: #f9f9f9; }

.m-joinus .list-item:first-child { margin-top: 0; }

.m-joinus .item-title { padding-left: 3.57143%; padding-right: 3.57143%; padding-top: 10px; padding-bottom: 10px; line-height: 36px; font-size: 20px; font-size: 2rem; color: #fff; background-color: #0c77b6; }

.m-joinus .item-text { padding-left: 5.71429%; padding-right: 5.71429%; padding-top: 3.57143%; padding-bottom: 3.85714%; }

.m-joinus .item-desc { color: #666; }

.m-joinus .item-desc p { text-indent: 0; }

.m-joinus .item-desc em { font-style: normal; font-weight: normal; color: #e71021; }

.m-joinus .item-link { margin-top: 31px; }

.m-joinus .item-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 130px; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #0c77b6; text-align: center; padding: 5px; border: 1px solid #0c77b6; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-joinus .item-link a:hover { color: #fff; background-color: #0c77b6; }

@media screen and (max-width: 991px) { .m-joinus .box-title { margin-bottom: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-joinus .item-title { line-height: 28px; font-size: 18px; font-size: 1.8rem; }
  .m-joinus .item-link { margin-top: 25px; }
  .m-joinus .item-link a { min-width: 120px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }

.m-joinusmodal { position: fixed; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); display: none; }

.m-joinusmodal .box-wp { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 96%; max-width: 1188px; padding-top: 90px; padding-bottom: 120px; padding-left: 30px; padding-right: 30px; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.m-joinusmodal .box-close { position: absolute; right: 30px; top: 30px; line-height: 1; font-size: 30px; font-size: 3rem; }

.m-joinusmodal .box-form { margin: 0 auto; max-width: 828px; }

.m-joinusmodal .form-item { position: relative; margin-bottom: 24px; padding-left: 20px; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-joinusmodal .form-item.important { background: url("../images/star1.png") no-repeat left 20px; }

.m-joinusmodal .form-item1 { width: 49.75845%; }

.m-joinusmodal .form-item2 { width: 100%; }

.m-joinusmodal .form-item3 { margin-right: 1.69082%; width: 29.95169%; }

.m-joinusmodal .form-item4 { padding-left: 0; width: 20.5314%; }

.m-joinusmodal .form-item5 { padding-left: 0; width: 21.73913%; }

.m-joinusmodal .form-text { width: 100%; height: 48px; line-height: 46px; padding: 0 20px; font-size: 16px; font-size: 1.6rem; color: #666; border: 1px solid #999; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-joinusmodal .form-text::-webkit-input-placeholder { color: #666; opacity: 1; }

.m-joinusmodal .form-text:-moz-placeholder { color: #666; opacity: 1; }

.m-joinusmodal .form-text::-moz-placeholder { color: #666; opacity: 1; }

.m-joinusmodal .form-text:-ms-input-placeholder { color: #666; opacity: 1; }

.m-joinusmodal .form-text2 { height: 156px; }

.m-joinusmodal .form-code { display: block; width: 100%; height: 48px; line-height: 46px; text-align: center; background-color: #f3fbfe; border: 1px solid #999; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.m-joinusmodal .form-code img { vertical-align: middle; max-height: 46px; }

.m-joinusmodal .form-btn { width: 100%; height: 48px; font-size: 24px; font-size: 2.4rem; color: #fff; background-color: #0c77b6; }

.m-joinusmodal .form-file { position: relative; padding-right: 150px; }

.m-joinusmodal .form-file input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 9; cursor: pointer; }

.m-joinusmodal .file-btn { position: absolute; right: 0; top: 0; width: 150px; height: 48px; line-height: 48px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #e71021; }

@media screen and (max-width: 1366px) { .m-joinusmodal .box-wp { padding-top: 80px; padding-bottom: 50px; } }

@media screen and (max-width: 991px) { .m-joinusmodal .box-wp { padding-top: 40px; padding-bottom: 30px; }
  .m-joinusmodal .box-close { top: 10px; font-size: 20px; font-size: 2rem; }
  .m-joinusmodal .form-item { margin-bottom: 15px; width: 100%; margin-right: 0; }
  .m-joinusmodal .form-item3 { width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); }
  .m-joinusmodal .form-item4 { float: right; width: 100px; }
  .m-joinusmodal .form-text { height: 38px; line-height: 36px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; }
  .m-joinusmodal .form-text2 { height: 76px; }
  .m-joinusmodal .form-btn, .m-joinusmodal .file-btn { height: 38px; line-height: 38px; font-size: 16px; font-size: 1.6rem; }
  .m-joinusmodal .form-code { height: 38px; line-height: 36px; }
  .m-joinusmodal .form-code img { max-height: 36px; }
  .m-joinusmodal .form-file { padding-right: 100px; }
  .m-joinusmodal .file-btn { width: 100px; font-size: 14px; font-size: 1.4rem; } }

.m-sdtag { margin-top: 36px; }

.m-sdtag .box-tag { font-size: 0; letter-spacing: 0; }

.m-sdtag .box-name { margin-bottom: 5px; }

.m-sdtag .tag-item { margin-top: 12px; margin-right: 1.6129%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 48.3871%; line-height: 30px; padding: 5px; font-size: 16px; font-size: 1.6rem; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f9f9f9; }

.m-sdtag .tag-item:hover { color: #fff; background-color: #e71021; }

@media screen and (max-width: 991px) { .m-sdtag .tag-item { line-height: 24px; font-size: 14px; font-size: 1.4rem; } }

.m-clstext { margin-bottom: 27px; }

.m-clstext .box-title { line-height: 40px; font-size: 30px; font-size: 3rem; color: #0c77b6; }

.m-clstext .box-desc { text-indent: 2em; margin-top: 17px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #999; }

.m-clstext .box-desc:first-child { margin-top: 0; }

@media screen and (max-width: 991px) { .m-clstext .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-clstext .box-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; } }

.m-prol { margin-bottom: -47px; }

.m-prol .list-item { position: relative; float: left; margin-right: 1.91571%; margin-bottom: 47px; width: 31.80077%; border: solid 1px #999999; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.m-prol .list-item:hover .item-img img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.m-prol .list-item:hover .item-fix { bottom: 0; }

.m-prol .item-img { position: relative; display: block; overflow: hidden; }

.m-prol .item-img img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-prol .item-fix { position: absolute; left: 0; bottom: -63px; width: 100%; padding: 0 15px; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.37); overflow: hidden; color: #fff; text-align: center; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-prol .item-fix a { color: #fff; }

.m-prol .item-fix a:hover { color: #e71021; }

.m-prol .item-title { height: 40px; line-height: 40px; font-size: 16px; font-size: 1.6rem; text-overflow: ellipsis; white-space: nowrap; }

.m-prol .item-desc { margin-bottom: 15px; height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; overflow: hidden; }

@media screen and (max-width: 991px) { .m-prol { margin-bottom: -30px; }
  .m-prol .list-item { margin-bottom: 30px; }
  .m-prol .item-fix { bottom: 0; }
  .m-prol .item-desc { display: none; }
  .m-prol .item-title { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 375px) { .m-prol .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }

.m-prob1 .box-img { float: left; margin-right: 33px; width: 427px; line-height: 0; font-size: 0; border: solid 1px #999999; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-prob1 .box-title { padding-top: 20px; padding-bottom: 20px; line-height: 40px; font-size: 24px; font-size: 2.4rem; font-weight: normal; border-bottom: 1px solid #999; overflow: hidden; }

.m-prob1 .box-desc { margin-bottom: 40px; padding-top: 36px; padding-bottom: 36px; color: #666; border-bottom: 1px solid #999999; overflow: hidden; }

.m-prob1 .box-share { float: right; margin-left: 10px; padding-top: 3px; font-size: 0; letter-spacing: 0; }

.m-prob1 .share-title, .m-prob1 .share-img { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }

.m-prob1 .share-title { margin-right: 10px; line-height: 20px; font-size: 16px; font-size: 1.6rem; color: #666; }

.m-prob1 .box-link { overflow: hidden; }

.m-prob1 .box-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 150px; line-height: 26px; padding: 3px 5px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #e71021; }

.m-prob1 .box-link a:hover { background-color: #333; }

@media screen and (max-width: 1219px) { .m-prob1 .box-img { float: none; margin-right: 0; display: inline-block; *display: inline; *zoom: 1; width: auto; max-width: 100%; } }

@media screen and (max-width: 991px) { .m-prob1 .box-title { padding: 25px 0 15px; line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-prob1 .box-desc { margin-bottom: 20px; padding: 20px 0; }
  .m-prob1 .box-share { float: none; margin-left: 0; margin-bottom: 15px; }
  .m-prob1 .box-link a { font-size: 14px; font-size: 1.4rem; } }

.m-prob2 { margin-top: 46px; }

.m-prob2 .box-title { padding: 8px 30px; line-height: 40px; font-size: 30px; font-size: 3rem; color: #fff; background-color: #0c77b6; }

.m-prob2 .box-item { margin-top: 30px; }

.m-prob2 .box-bd { padding: 0 18px; }

.m-prob2 .bitem-title { position: relative; margin-bottom: 30px; padding-left: 22px; line-height: 28px; font-size: 18px; font-size: 1.8rem; color: #e71021; }

.m-prob2 .bitem-title:before { content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background-color: #e71021; border-radius: 50%; }

.m-prob2 .bitem-desc { color: #666; }

@media screen and (max-width: 991px) { .m-prob2 { margin-top: 30px; }
  .m-prob2 .box-title { padding: 5px 10px; line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-prob2 .bitem-title { margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; } }

.m-appl { margin-bottom: -20px; }

.m-appl .list-item { float: left; margin-bottom: 20px; margin-right: 0.89286%; width: 32.7381%; }

.m-protag { margin-top: 44px; font-size: 0; letter-spacing: 0; margin-bottom: -15px; }

.m-protag span, .m-protag a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-bottom: 15px; line-height: 40px; font-size: 16px; font-size: 1.6rem; color: #666; }

.m-protag span { margin-right: 15px; }

.m-protag a { min-width: 152px; padding: 0 5px; margin-right: 7px; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f9f9f9; text-align: center; }

.m-protag a:hover { color: #fff; background-color: #e71021; }

@media screen and (max-width: 991px) { .m-protag { margin-top: 30px; }
  .m-protag span, .m-protag a { font-size: 12px; font-size: 1.2rem; line-height: 30px; }
  .m-protag a { min-width: 120px; } }

.m-mpro { margin-top: 52px; position: relative; }

.m-mpro .box-title { margin-bottom: 26px; padding-left: 30px; padding-right: 80px; padding-top: 8px; padding-bottom: 8px; line-height: 40px; font-size: 30px; font-size: 3rem; color: #fff; background-color: #0c77b6; }

.m-mpro .box-title a { color: #fff; }

.m-mpro .box-title a:hover { color: #e71021; }

.m-mpro .btn-wp { position: absolute; right: 20px; top: 18px; font-size: 0; letter-spacing: 0; }

.m-mpro .box-btn { margin-right: 6px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 22px; height: 22px; line-height: 20px; font-size: 10px; font-size: 1rem; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 50%; -moz-box-sizing: border-box; box-sizing: border-box; opacity: .47; }

.m-mpro .box-btn:hover { opacity: 1; }

.m-mpro .box-btn.next { margin-right: 0; }

.m-mpro .box-list { width: 10000%; overflow: hidden; }

.m-mpro .list-item { position: relative; float: left; margin-right: 0.01916%; width: 0.31801%; border: solid 1px #999999; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.m-mpro .list-item:hover .item-img img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.m-mpro .list-item:hover .item-fix { bottom: 0; }

.m-mpro .item-img { position: relative; display: block; overflow: hidden; }

.m-mpro .item-img img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-mpro .item-fix { position: absolute; left: 0; bottom: -63px; width: 100%; padding: 0 15px; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.37); overflow: hidden; color: #fff; text-align: center; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-mpro .item-fix a { color: #fff; }

.m-mpro .item-fix a:hover { color: #e71021; }

.m-mpro .item-title { height: 40px; line-height: 40px; font-size: 16px; font-size: 1.6rem; text-overflow: ellipsis; white-space: nowrap; }

.m-mpro .item-desc { margin-bottom: 15px; height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; overflow: hidden; }

@media screen and (max-width: 991px) { .m-mpro { margin-top: 30px; }
  .m-mpro .box-title { padding-left: 20px; line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-mpro .btn-wp { right: 10px; top: 12px; }
  .m-mpro .item-fix { bottom: 0; }
  .m-mpro .item-desc { display: none; }
  .m-mpro .item-title { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 375px) { .m-mpro .list-item { margin-right: .02%; width: .48%; } }

.m-zhiliangnav { border-top: 1px solid #e6e6e6; font-size: 0; letter-spacing: 0; box-shadow: 0px 7px 8px 0px rgba(167, 167, 167, 0.2); }

.m-zhiliangnav .nav-item { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 50%; padding: 20px; line-height: 52px; font-size: 24px; font-size: 2.4rem; color: #333; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-zhiliangnav .nav-item:before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; top: 100%; width: 0; height: 0; border-top: 12px solid transparent; border-left: 12px solid transparent; border-right: 12px solid transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-zhiliangnav .nav-item:hover, .m-zhiliangnav .nav-item.active { color: #fff; background-color: #0c77b6; }

.m-zhiliangnav .nav-item:hover .icon1, .m-zhiliangnav .nav-item.active .icon1 { background-image: url("../images/zhiliang-2.png"); }

.m-zhiliangnav .nav-item:hover .icon2, .m-zhiliangnav .nav-item.active .icon2 { background-image: url("../images/shebei-2.png"); }

.m-zhiliangnav .nav-item:hover:before, .m-zhiliangnav .nav-item.active:before { border-top-color: #0c77b6; }

.m-zhiliangnav .icon { margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 52px; height: 52px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

.m-zhiliangnav .icon1 { background-image: url("../images/zhiliang-1.png"); }

.m-zhiliangnav .icon2 { background-image: url("../images/shebei-1.png"); }

@media screen and (max-width: 991px) { .m-zhiliangnav .nav-item { padding: 10px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-zhiliangnav .icon { margin-right: 5px; width: 24px; height: 24px; } }

.m-ntt { position: relative; margin-bottom: 86px; padding-bottom: 17px; line-height: 44px; font-size: 34px; font-size: 3.4rem; color: #e71021; text-align: center; }

.m-ntt:before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 278px; height: 2px; background-color: #eeeeee; }

.m-ntt:after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 64px; height: 4px; background-color: #0c77b6; }

@media screen and (max-width: 991px) { .m-ntt { margin-bottom: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; } }

.m-zhiliang .box-list { margin-bottom: -40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.m-zhiliang .list-item { position: relative; margin-right: 2.85714%; margin-bottom: 40px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding-left: 100px; padding-right: 50px; padding-top: 30px; padding-bottom: 26px; width: 48.28571%; background-color: #eaf2f3; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-zhiliang .list-item:nth-child(1) { background-color: #eaf2f3; }

.m-zhiliang .list-item:nth-child(2) { background-color: #f9f3eb; }

.m-zhiliang .list-item:nth-child(3) { background-color: #f3e7e6; }

.m-zhiliang .list-item:nth-child(4) { background-color: #f8f1ff; }

.m-zhiliang .item-icon { position: absolute; left: 32px; top: 30px; width: 58px; line-height: 0; font-size: 0; }

.m-zhiliang .item-title { padding: 10px 0; line-height: 38px; font-size: 24px; font-size: 2.4rem; }

.m-zhiliang .item-desc { margin-top: 14px; line-height: 28px; font-size: 16px; font-size: 1.6rem; color: #999; }

.m-zhiliang .item-desc p { position: relative; padding-left: 12px; }

.m-zhiliang .item-desc p:before { content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background-color: #7d7d7d; border-radius: 50%; }

@media screen and (max-width: 991px) { .m-zhiliang .box-list { margin-bottom: -30px; }
  .m-zhiliang .list-item { margin-bottom: 30px; padding-top: 30px; padding-bottom: 20px; padding-right: 20px; padding-left: 70px; }
  .m-zhiliang .item-icon { left: 20px; top: 30px; width: 40px; }
  .m-zhiliang .item-title { padding: 5px 0; line-height: 30px; font-size: 14px; font-size: 1.4rem; }
  .m-zhiliang .item-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-zhiliang .item-desc p:before { top: 8px; } }

@media screen and (max-width: 640px) { .m-zhiliang .list-item { width: 100%; margin-right: 0; } }

.m-shebei .list-item { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

.m-shebei .list-item .item-pic { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 47.85714%; }

.m-shebei .list-item .item-text { padding-left: 40px; padding-right: 40px; overflow: hidden; }

.m-shebei .list-item .item-title { margin-bottom: 17px; line-height: 38px; font-size: 28px; font-size: 2.8rem; color: #0c77b6; }

.m-shebei .list-item .item-desc { line-height: 28px; font-size: 18px; font-size: 1.8rem; color: #666; }

.m-shebei .list-item .item-desc p, .m-shebei .list-item .item-desc span, .m-shebei .list-item .item-desc b { line-height: 28px; font-size: 18px; font-size: 1.8rem; }

.m-shebei .list-item .item-desc p { min-height: 28px; }

.m-shebei .list-item:first-child { margin-top: 0; }

.m-shebei .list-item1 .item-pic { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 2.85714%; float: right; }

.m-shebei .list-item2 .item-pic { float: left; margin-right: 2.85714%; }

@media screen and (max-width: 991px) { .m-shebei .list-item { margin-top: 30px; }
  .m-shebei .list-item .item-text { padding: 0 10px; }
  .m-shebei .list-item .item-title { margin-bottom: 10px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-shebei .list-item .item-desc { line-height: 22px; font-size: 12px; font-size: 1.2rem; color: #666; }
  .m-shebei .list-item .item-desc p, .m-shebei .list-item .item-desc span, .m-shebei .list-item .item-desc b { line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-shebei .list-item .item-desc p { min-height: 22px; } }

@media screen and (max-width: 375px) { .m-shebei .list-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
  .m-shebei .list-item .item-pic { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; float: none; width: 100%; margin: 0; margin-bottom: 10px; } }

.m-newsl .list-item .item-desc { text-indent: 2em; }

.m-newsl .list-item1 { position: relative; margin-top: 46px; background-color: #f9f9f9; }

.m-newsl .list-item1 .item-pic { float: left; width: 63.88889%; }

.m-newsl .list-item1 .item-time { position: absolute; z-index: 2; left: 0; top: 0; width: 108px; height: 108px; padding: 0 5px; text-align: center; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #fff; background-color: #0c77b6; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-newsl .list-item1 .item-time .day { position: relative; margin-top: 9px; margin-bottom: 5px; padding-bottom: 5px; line-height: 1; font-size: 58px; font-size: 5.8rem; }

.m-newsl .list-item1 .item-time .day:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 17px; height: 2px; background-color: #fff; }

.m-newsl .list-item1 .item-text { padding-top: 3.42593%; padding-left: 3.14815%; padding-right: 3.14815%; padding-bottom: 25px; overflow: hidden; }

.m-newsl .list-item1 .item-title { height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; color: #e71021; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-newsl .list-item1 .item-title a { color: #e71021; }

.m-newsl .list-item1 .item-title:hover { color: #0c77b6; }

.m-newsl .list-item1 .item-title:hover a { color: #0c77b6; }

.m-newsl .list-item1 .item-desc { margin-top: 27px; max-height: 270px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; }

.m-newsl .list-item1 .item-desc a { color: #666; overflow: hidden; }

.m-newsl .list-item1 .item-desc a:hover { color: #0c77b6; }

@media screen and (max-width: 1219px) { .m-newsl .list-item1 .item-desc { max-height: 180px; } }

.m-newsl .list-item1:first-child { margin-top: 0; }

.m-newsl .list-item2 { padding-top: 30px; padding-bottom: 38px; border-bottom: 1px solid #e5e5e5; }

.m-newsl .list-item2 .item-time { float: left; margin-right: 23px; width: 108px; height: 108px; padding: 0 5px; text-align: center; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #999; border: solid 1px #d2d2d2; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-newsl .list-item2 .item-time .day { position: relative; margin-top: 9px; margin-bottom: 5px; padding-bottom: 5px; line-height: 1; font-size: 58px; font-size: 5.8rem; }

.m-newsl .list-item2 .item-time .day:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 17px; height: 2px; background-color: #666666; }

.m-newsl .list-item2 .item-title { height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; text-overflow: ellipsis; white-space: nowrap; }

.m-newsl .list-item2 .item-title:hover { color: #e71021; }

.m-newsl .list-item2 .item-title:hover a { color: #e71021; }

.m-newsl .list-item2 .item-desc { margin-top: 7px; height: 90px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; }

.m-newsl .list-item2 .item-desc a { color: #666; }

.m-newsl .list-item2 .item-desc a:hover { color: #0c77b6; }

@media screen and (max-width: 991px) { .m-newsl .list-item1 { margin-top: 30px; }
  .m-newsl .list-item1 .item-time { width: 88px; height: 88px; }
  .m-newsl .list-item1 .item-time .day { font-size: 38px; font-size: 3.8rem; }
  .m-newsl .list-item1 .item-pic { float: none; margin-right: 0; max-width: 100%; display: inline-block; *display: inline; *zoom: 1; width: auto; }
  .m-newsl .list-item1 .item-text { padding: 20px 15px; }
  .m-newsl .list-item1 .item-title { height: 22px; line-height: 22px; font-size: 14px; font-size: 1.4rem; }
  .m-newsl .list-item1 .item-desc { margin-top: 5px; max-height: 88px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-newsl .list-item2 { padding-top: 25px; padding-bottom: 25px; }
  .m-newsl .list-item2 .item-time { width: 88px; height: 88px; }
  .m-newsl .list-item2 .item-time .day { font-size: 38px; font-size: 3.8rem; }
  .m-newsl .list-item2 .item-title { height: 22px; line-height: 22px; font-size: 14px; font-size: 1.4rem; }
  .m-newsl .list-item2 .item-desc { margin-top: 5px; height: 44px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } }

.m-news .box-title { font-size: 30px; font-size: 3rem; font-weight: normal; color: #0c77b6; }

.m-news .box-info { padding-top: 21px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #999; }

.m-news .box-time { margin-right: 26px; font-size: 16px; font-size: 1.6rem; }

.m-news .share-title { float: left; margin-right: 5px; }

.m-news .share-img { /*float: left;*/ height: 26px; display: inline-block;vertical-align: middle; }

.m-news .box-desc { margin-top: 30px; color: #666; }

.m-ctusfix1 { float: left; width: 40.625%; padding-top: 3.64583%; padding-bottom: 6.77083%; background: url("../images/ctusbg1.jpg") no-repeat center; background-size: cover; background-color: #f5f5f5; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-ctusfix1 .box-fix { float: right; margin-right: 20.31063%; width: 350px; }

.m-ctusfix2 { padding-top: 3.64583%; padding-bottom: 30px; overflow: hidden; }

.m-ctusfix2 .box-fix { float: left; margin-left: 4.61681%; width: 828px; }

@media screen and (max-width: 1440px) { .m-ctusfix1 .box-fix { float: right; margin-right: 18.51852%; width: 320px; }
  .m-ctusfix2 .box-fix { float: left; margin-left: 5.26316%; width: 542px; } }

@media screen and (max-width: 991px) { .m-ctusfix1 { float: none; width: 100%; }
  .m-ctusfix1, .m-ctusfix2 { padding: 30px 0; }
  .m-ctusfix1 .box-fix, .m-ctusfix2 .box-fix { float: none; margin-left: auto; margin-right: auto; width: 96%; } }

.m-ctusinfo .box-title { margin-bottom: 22px; font-size: 24px; font-size: 2.4rem; color: #0c77b6; }

.m-ctusinfo .info-item { padding: 5px 0; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #666; }

.m-ctusinfo .info-item a { color: #666; }

.m-ctusinfo .info-item a:hover { color: #0c77b6; }

.m-ctusshare { margin-top: 67px; }

.m-ctusshare .share-item { float: left; margin-right: 20px; font-size: 0; display: block; }

.m-ctusshare .share-item:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

@media screen and (max-width: 991px) { .m-ctusinfo { float: none; margin-right: 0; width: 100%; }
  .m-ctusinfo .box-title { margin-bottom: 20px; font-size: 24px; font-size: 2.4rem; }
  .m-ctusinfo .info-item { line-height: 30px; font-size: 14px; font-size: 1.4rem; }
  .m-ctusshare { margin-top: 25px; }
  .m-ctusshare .share-item { width: 30px; height: 30px; }
  .m-ctusshare .share-item svg { width: 30px; height: 30px; } }

.m-ctusform { overflow: hidden; }

.m-ctusform .box-form { overflow: hidden; }

.m-ctusform .form-item { position: relative; margin-bottom: 14px; padding-left: 20px; line-height: 0; font-size: 0; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.m-ctusform .form-item.important { background: url("../images/star1.png") no-repeat 7px 22px; }

.m-ctusform .form-item-1 { width: 50%; }

.m-ctusform .form-item-2 { width: 100%; }

.m-ctusform .form-item-2.important { background: url("../images/star1.png") no-repeat 7px 22px; }

.m-ctusform .form-item-3 { margin-right: 1.69082%; width: 29.95169%; }

.m-ctusform .form-item-4 { width: 20.5314%; height: 48px; padding-left: 0; line-height: 46px; text-align: center; background-color: transparent; border-radius: 0; background-color: #f3fbfe; overflow: hidden; border: 1px solid #999999; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-ctusform .form-item-4 img { max-height: 46px; vertical-align: middle; }

.m-ctusform .form-item-5 { float: right; border: none; width: 27.53623%; padding-left: 0; }

.m-ctusform .item-btn1 { width: 100%; height: 48px; padding-left: 0; line-height: 48px; color: #ffffff; font-size: 24px; font-size: 2.4rem; background-color: #0c77b6; text-transform: uppercase; }

.m-ctusform .item-text { width: 100%; height: 48px; line-height: 46px; padding-left: 22px; padding-right: 22px; font-size: 16px; font-size: 1.6rem; color: #666; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999999; background-color: #fff; }

.m-ctusform .item-text::-webkit-input-placeholder { color: #666; opacity: 1; }

.m-ctusform .item-text:-moz-placeholder { color: #666; opacity: 1; }

.m-ctusform .item-text::-moz-placeholder { color: #666; opacity: 1; }

.m-ctusform .item-text:-ms-input-placeholder { color: #666; opacity: 1; }

.m-ctusform .item-text2 { height: 156px; line-height: 36px; padding-top: 5px; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 991px) { .m-ctusform { float: none; width: 100%; }
  .m-ctusform .box-title, .m-ctusform .box-desc { padding-left: 0; }
  .m-ctusform .box-title { font-size: 24px; font-size: 2.4rem; }
  .m-ctusform .box-desc { margin: 15px 0; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .m-ctusform .box-form { margin-bottom: -15px; }
  .m-ctusform .box-title { margin-bottom: 25px; font-size: 24px; font-size: 2.4rem; }
  .m-ctusform .form-item { margin-bottom: 15px; width: 100%; padding-left: 15px; }
  .m-ctusform .form-item.important { background-position: 0 15px; }
  .m-ctusform .form-item-3 { margin-right: 0; width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); }
  .m-ctusform .form-item-4 { float: right; width: 100px; height: 36px; line-height: 34px; padding-left: 0; }
  .m-ctusform .form-item-4 img { max-height: 34px; }
  .m-ctusform .item-text { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; }
  .m-ctusform .item-text2 { padding-top: 0; height: 144px; }
  .m-ctusform .item-btn1 { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; }
  .m-ctusform .form-item-5 { padding-left: 0; } }

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1601290017985'); /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/12fcb7b71dfe47818974a1efff47d46a.woff') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-top9:before {
  content: "\e655";
}

.icon-wrong1:before {
  content: "\e633";
}

.icon-fuwujilu:before {
  content: "\e65c";
}

.icon-zhiliang:before {
  content: "\e61c";
}

.icon-jishu:before {
  content: "\e60c";
}

.icon-company:before {
  content: "\e613";
}

.icon-home:before {
  content: "\e624";
}

.icon-edit:before {
  content: "\e611";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-vk:before {
  content: "\e735";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-jian2:before {
  content: "\e600";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-jia2:before {
  content: "\e608";
}

.icon-bigger:before {
  content: "\e647";
}

.icon-left:before {
  content: "\e72c";
}

.icon-right:before {
  content: "\e72d";
}

.icon-up1:before {
  content: "\e72e";
}

.icon-bottom1:before {
  content: "\e72f";
}

.icon-left1:before {
  content: "\e730";
}

.icon-right1:before {
  content: "\e731";
}

.icon-up:before {
  content: "\e73e";
}

.icon-bottom:before {
  content: "\e73f";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-tumblr:before {
  content: "\e79e";
}

.icon-download:before {
  content: "\e7a0";
}

.icon-download1:before {
  content: "\e7a7";
}

.icon-search4:before {
  content: "\e7b2";
}

.icon-address:before {
  content: "\e7bc";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c6";
}

.icon-phone:before {
  content: "\e7c8";
}

.icon-tel:before {
  content: "\e7c7";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-address1:before {
  content: "\e7c3";
}

.icon-contact1:before {
  content: "\e7c4";
}

.icon-email1:before {
  content: "\e7c5";
}

.icon-skype1:before {
  content: "\e7c9";
}

.icon-fax1:before {
  content: "\e7ca";
}

.icon-qq:before {
  content: "\e7ce";
}

.icon-tel1:before {
  content: "\e7cd";
}

.icon-wechat:before {
  content: "\e7cf";
}

.icon-phone2:before {
  content: "\e7d0";
}

.icon-message:before {
  content: "\e7da";
}

.icon-calendar:before {
  content: "\e7e1";
}

.icon-calendar1:before {
  content: "\e7e3";
}

.icon-top:before {
  content: "\e7ed";
}

.icon-youbian:before {
  content: "\e60f";
}

.icon-earth:before {
  content: "\e60a";
}

.m-desc .table div{ overflow-x: auto; }

.tagskeywd{ margin-bottom: 16px; font-size: 16px; font-size: 1.6rem; line-height: 28px; }
.m-page a.no:hover {color: #333!important; border: 1px solid #f7f7f7!important; background: #f7f7f7!important;}
.item-btns a.no:hover  {color: #333!important; background-color: #E5E5E5!important;}
.ppp{line-height: 30px; text-indent: 2em; }
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.listcart {width: 100%;margin-bottom: 40px; text-align: center;}
.listcart a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    min-width: 200px;
    line-height: 28px;
    padding: 0 5px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #0c77b6;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #0c77b6;
    border-radius: 6px;
    }
    .listcart a:hover{ background: #0c77b6; color: #fff;  }
    /*.xunpanc{margin-bottom: 20px;}*/
    .xunpanc .table table tr td{ height: 0; padding: 0;}
    .xunpanc .table table tr td a{ color: #333;}
    .xunpanc .table table tr td a:hover{ color: #0c77b6;}
 .m-kefu-chat.mobile-hide { right: 6px!important; }

.caseurl{ text-align: center; }
.caseurl a{ display: inline-block; min-width: 160px; border: 1px solid #999; line-height: 34px; }
.caseurl a:hover{ border: 1px solid #0c77b6; }

.m-history .list-item1 .item-desc{ text-align: left; }