@font-face { font-family: 'OPENSANSBOLD_0'; src: url("../fonts/OPENSANSBOLD_0.eot"); src: url("../fonts/OPENSANSBOLD_0.eot") format("embedded-opentype"), url("../fonts/OPENSANSBOLD_0.woff2") format("woff2"), url("../fonts/OPENSANSBOLD_0.woff") format("woff"), url("../fonts/OPENSANSBOLD_0.ttf") format("truetype"), url("../fonts/OPENSANSBOLD_0.svg#OPENSANSBOLD_0") format("svg"); }



@font-face { font-family: 'OpenSansRegular'; src: url("../fonts/OpenSansRegular.eot"); src: url("../fonts/OpenSansRegular.eot") format("embedded-opentype"), url("../fonts/OpenSansRegular.woff2") format("woff2"), url("../fonts/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSansRegular.ttf") format("truetype"), url("../fonts/OpenSansRegular.svg#OpenSansRegular") format("svg"); }



@font-face { font-family: 'OPENSANSSEMIBOLD'; src: url("../fonts/OPENSANSSEMIBOLD.eot"); src: url("../fonts/OPENSANSSEMIBOLD.eot") format("embedded-opentype"), url("../fonts/OPENSANSSEMIBOLD.woff2") format("woff2"), url("../fonts/OPENSANSSEMIBOLD.woff") format("woff"), url("../fonts/OPENSANSSEMIBOLD.ttf") format("truetype"), url("../fonts/OPENSANSSEMIBOLD.svg#OPENSANSSEMIBOLD") format("svg"); }



* { 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: "OpenSansRegular", arial, helvetica, sans-serif; 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 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



a:hover { color: #1841b7; }



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 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



.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-color { background-color: #f6f6f6; }



/* .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; max-width: 1400px; overflow: visible; }



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



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



@media screen and (min-width: 768px) and (max-width: 959px) { .f-box { width: 750px; } }



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



/* .f-xx end */

/* .m-xx start */

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



.m-desc a { color: #1841b7; }



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



.m-desc p {text-indent: 32px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }



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



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



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

.m-prob2 .tabbd-item .m-desc img { display: inherit; }

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



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



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



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



.table table tr td { padding: 3px; border: 1px solid #ccc; }



@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }

  .table table { width: 885px; } }



@media screen and (max-width: 767px) { .m-tt1 { font-size: 24px !important; font-size: 2.4rem !important; }

  .m-tt2 { font-size: 20px !important; font-size: 2rem !important; }

  .m-tt3 { font-size: 18px !important; font-size: 1.8rem !important; }

  .m-desc1 { font-size: 16px !important; font-size: 1.6rem !important; }

  .m-desc2 { font-size: 14px !important; font-size: 1.4rem !important; }

  [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; }



.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; }



.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; }



.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 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



[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: #1841b7; }



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



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



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



.m-crm .box-wp { padding: 11px 0; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; text-transform: uppercase; border-bottom: 1px solid #bfbfbf; }



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



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



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



.m-oths { margin-top: 14px; }



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



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



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



.m-oths .oths-item-1 { background-image: url("../images/oths1.png"); }



.m-oths .oths-item-2 { background-image: url("../images/oths2.png"); }



.m-oths a { color: #888; }



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



.m-page a { margin: 0 4px; display: inline-block; *display: inline; *zoom: 1; width: 35px; height: 30px; line-height: 28px; font-size: 12px; font-size: 1.2rem; color: #333; text-align: center; border: 1px solid #a0a0a0; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



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



.m-page a:hover { color: white; border-color: #1841b7; background-color: #1841b7; }



.m-page a.active { color: white; border-color: #1841b7; background-color: #1841b7; }



.m-page2 { position: relative; }



@media screen and (max-width: 959px) { .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%; width: 64px; }



.m-kf .kf-item { width: 64px; display: block; line-height: 0; font-size: 0; margin-bottom: 1px; background-color: #1841b7; border-radius: 5px; }



.m-kf .kf-item:hover { -webkit-transform: translateX(-16px); -moz-transform: translateX(-16px); -ms-transform: translateX(-16px); -o-transform: translateX(-16px); transform: translateX(-16px); padding-right: 16px; background-color: #1841b7; }



.m-kf .kf-item.active { -webkit-transform: translateX(-16px); -moz-transform: translateX(-16px); -ms-transform: translateX(-16px); -o-transform: translateX(-16px); transform: translateX(-16px); padding-right: 16px; background-color: #1841b7; }



.m-kf .kf-wx { position: absolute; display: none; bottom: 0; right: 80px; width: 120px; }



.m-kf .kf-tel{

  position: absolute;

  right: 100%;

  top: 0;

  margin-right: 16px;

  padding: 0 10px;

  width: 120px;

  line-height: 64px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #fff;

  text-align: center;

  background-color: #1841b7;

  display: none;

  border-radius: 5px;

  background-color: #1841b7;

}



@media screen and (max-width: 1440px){

  .m-kf {width: 50px; }



  .m-kf .kf-item { width: 50px;}

}



@media screen and (max-width: 959px) { .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: #1841b7; }

  .m-kf .kf-item { -webkit-transform: translate(0) !important; -moz-transform: translate(0) !important; -ms-transform: translate(0) !important; -o-transform: translate(0) !important; transform: translate(0) !important; padding: 0 !important; width: 20%; text-align: center; background-color: #1841b7; }

  .m-kf .kf-wx { bottom: 100%; right: 0; }

  .m-kf .kf-tel{

    /* display: none !important; */

    right: auto;

    top: auto;

    bottom: 100%;

    left: 0;

    width: 100%;

  }

  .g-ft { padding-bottom: 63px; } }



.returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 30px; width: 44px; height: 44px; line-height: 44px; font-size: 20px; font-size: 2rem; color: #1b1b1b; text-align: center; background-color: #eeeeee; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); border-radius: 5px; display: none; }



.returntop:hover { color: #1841b7; }



@media screen and (max-width: 959px) { .returntop { right: 0; bottom: 65px; width: 36px; height: 36px; line-height: 36px; } }



.g-hd { position: relative; z-index: 9; }



.g-hd1 { position: absolute; z-index: 9; left: 0; top: 0; width: 100%; border-bottom: 1px solid #bfbfbf; border-color: rgba(191, 191, 191, 0.3); background:rgb(21, 54, 150);}



.g-hd2 { background-color: #f9f9f9; }

.nbanner{margin-top: 0;}

.m-hdfix1 { position: relative; z-index: 2; }



.m-hdfix1-1 { padding-top: 9px; padding-bottom: 29px; line-height: 16px; font-size: 14px; font-size: 1.4rem; color: #888; }



.m-hdfix1-1 a { color: #888; }



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



.m-hdfix1-2 { padding-top: 9px; padding-bottom: 7px; line-height: 16px; font-size: 14px; font-size: 1.4rem; color: #666; }



.m-hdfix1-2 a { color: #666; }



.m-hdfix1-2 a:hover { color: #333; }



.m-hdbd { margin: 0 13px; }



.m-hdlang { position: relative; }



.m-hdlang .lang-btn { display: block; padding-right: 15px; }



.m-hdlang .lang-btn:before { content: ""; position: absolute; right: 0; top: 6px; border-top: 4px solid #666; border-left: 4px solid transparent; border-right: 4px solid transparent; }



.m-hdlang .lang-list { position: absolute; right: 0; top: 120%; display: none; width: 100%; padding: 5px; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #1841b7; }



.m-hdlang .lang-item { display: block; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; }



.m-hdlang .lang-item:hover { color: #1841b7; background-color: #fff; }



.m-hdlang .lang-item.active { color: #1841b7; background-color: #fff; }



.m-hdsch { position: relative; }



.m-hdsch .sch-btn { display: block; }



.m-hdsch .sch-form { position: absolute; right: 0; top: 120%; display: none; width: 254px; overflow: hidden; background-color: #fff; border: 2px solid #1841b7; }



.m-hdsch .form-text { float: left; width: 220px; height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; color: #333; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-hdsch .form-btn { float: right; width: 30px; height: 30px; background: url("../images/sch2.png") no-repeat center; }



.m-hdfix2 { padding-bottom: 0px; }



.m-hdlogo { float: left; display: block; padding-bottom: 17px; width: 261px; line-height: 0; font-size: 0; text-align: center; }



.m-hdnav { float: right; padding-top: 22px; padding-bottom: 39px;}



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



.m-hdnav .nav-item > a { display: block;  line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #999; text-transform: uppercase; }



.m-hdnav .nav-item > a:hover { color: #fff; }



.m-hdnav .nav-item > a.active { color: #fff; }



.m-hdnav .nav-item > a.current { color: #fff; }



.m-hdnav2 .nav-item > a { color: #888; }



.m-hdnav2 .nav-item > a:hover { color: #333; }



.m-hdnav2 .nav-item > a.active { color: #333; }



.m-hdnav2 .nav-item > a.current { color: #333; }



.m-hsbnav { position: absolute; /*left: -64px;*/ left: -220px; top: 100%; margin-top: 39px; min-width: 354px; display: none; }

@media screen and (max-width: 1219px) {.m-hsbnav {left: -260px;}}

.m-hsbnav .box-wp { padding-left: 19px; padding-right: 20px; padding-top: 19px; padding-bottom: 19px; }



.m-hsbnav .sbnav-list1 { float: left; width: 233px; padding-right: 10px; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-hsbnav .sbnav-item1 a { position: relative; display: block; padding-left: 15px; line-height: 48px; font-size: 16px; font-size: 1.6rem; color: #666; }



.m-hsbnav .sbnav-item1 a:before { content: ""; position: absolute; left: 0; top: 15px; width: 7px; height: 18px; background-color: #1841b7; display: none; }



.m-hsbnav .sbnav-item1 a:hover { color: #333; }



.m-hsbnav .sbnav-item1 a:hover:before { display: block; }



.m-hsbnav .sbnav-item1 a.active { color: #333; }



.m-hsbnav .sbnav-item1 a.active:before { display: block; }



.m-hsbnav .sbnav-item2 { padding: 9px 0; line-height: 30px; font-size: 16px; font-size: 1.6rem; counter-reset: #666; }



.m-hsbnav .sbnav-item2:hover { color: #1841b7; }



.m-hsbnav .sbnav-wp { padding-left: 27px; overflow: hidden; border-left: 1px solid #bfbfbf; }



.m-hsbnav .sbnav-wp2 { border-left: none; }



.m-hsbnav .sbnav-fix { display: none; overflow: hidden; }



.m-hsbnav .sbnav-fix.show { display: block; }



.m-hsbnav .sbnav-list2 { float: left; width: 147px; padding-right: 10px; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-hsbnav .sbnav-list1-2 { float: left; width: 140px; }



.m-hsbnav .sbnav-img { overflow: hidden; }



.m-hsbnav1 { width: 684px; background-color: #fff; background-color: rgba(255, 255, 255, 0.85); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.33); }



.m-hsbnav2 { width: 384px; background-color: #fff; background-color: rgba(255, 255, 255, 0.85); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.33); }



.m-hsbnav3 { width: 510px; background-color: #1b1b1b; background-color: rgba(27, 27, 27, 0.9); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.33); }



.m-hsbnav3 .sbnav-item1 a { position: relative; display: block; padding-left: 15px; line-height: 48px; font-size: 16px; font-size: 1.6rem; color: #888; }



.m-hsbnav3 .sbnav-item1 a:before { content: ""; position: absolute; left: 0; top: 15px; width: 7px; height: 18px; background-color: #1841b7; display: none; }



.m-hsbnav3 .sbnav-item1 a:hover { color: #fff; }



.m-hsbnav3 .sbnav-item1 a:hover:before { display: block; }



.m-hsbnav3 .sbnav-item1 a.active { color: #fff; }



.m-hsbnav3 .sbnav-item1 a.active:before { display: block; }



.m-hsbnav3 .sbnav-item2 { padding: 9px 0; line-height: 30px; font-size: 16px; font-size: 1.6rem; counter-reset: #fff; }



.m-hsbnav3 .sbnav-item2:hover { color: #1841b7; }



.fix-top { position: fixed; background-color: #333; background-color: rgba(51, 51, 51, 0.8); }

.g-hd2.fix-top { position: fixed; background-color: rgba(255, 255, 255, 0.8); }

.fix-top .m-hdfix1 { padding-bottom: 10px; }



.fix-top .m-hdlogo { width: 200px; }



.fix-top .m-hdnav{ padding-top: 13px; padding-bottom: 13px;  }

.fix-top .m-hsbnav{ margin-top: 13px; }



.fix-top .nav-item > a { font-size: 14px; font-size: 1.4rem; }



@media screen and (max-width: 1440px){

  .m-hdnav .nav-item > a{ font-size: 16px; font-size: 1.6rem;}

  .fix-top .nav-item > a{ font-size: 14px; font-size: 1.4rem;}

   .m-hdnav .nav-item { margin-right: 36px; }

}



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

  .m-hdnav .nav-item > a { font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 959px) { .g-hd { position: relative; padding-top: 40px; padding-bottom: 20px; }

  .g-hd1 { background-color: #333; }

  .g-hd2 {background-color: #fff;}
  
 

  .m-hdfix1 { padding: 0; height: 0; position: static; }

  .m-hdfix2 { padding: 0; }

  .m-hdlogo { padding-bottom: 0; }

  .m-hdnav { padding-bottom: 22px; }

  .m-hsbnav{ margin-top: 22px; }

  .m-hdnav, .m-hdinfo, .m-hdsch, .m-hdbd { display: none; }

  .m-hdlogo { float: none; width: 100%; }

  .m-hdlogo img { max-width: 200px; }

  .m-hdlang { position: absolute; left: 10px; top: 10px; }

  .m-hdlang .lang-list { right: auto; left: 0; } }



.wap-hd-nav { display: none; }



.wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }



.wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }



.wap-nav .nav span { font-family: arial, helvetica, sans-serif; }



.wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }



.wap-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }



.wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sch2.png") no-repeat center center; }



.wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }



.wap-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; }



.wap-nav .addition.active { background-image: url("../images/yizi.png"); }



.wap-nav .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }



.wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }



.wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }



.wap-nav .nav > ul > li .c-show { display: none; width: 100%; }



.wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }



.wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



.wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }



.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }



.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }



.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }



.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }



.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }



.wap-nav .nav > ul > dl { padding: 20px; }



.wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; }



.wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }



.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #1841b7; }



@media screen and (min-width: 960px) { .wap-nav, .menubtn { display: none; } }



@media screen and (max-width: 959px) { .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: #1841b7; }

  .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: #1841b7; } }



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

.mt-124{ margin-top: 124px;}

.banner .carousel-control { position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; background-repeat: no-repeat; background-size: 100% 100%; display: none; }



.banner .dotList { position: absolute; left: 0; bottom: 36px; width: 100%; letter-spacing: 0; text-align: center; }



.banner .dotList ul li { margin: 0 10px; display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; }



.banner .dotList ul li.active { background-color: #1841b7; background-color: white; }



.banner.hide { display: none; }

@media screen and (min-width: 960px) {.bans2{ display: none; } .mz146{margin-top: 146px;}}

@media screen and (max-width: 959px) { .banner { display: block; }

  .banner.hide { display: block; }

  .bans1{ display: none; }

  .bans2{ display: block; }

  .nbanner{margin-top: 0;}

  .mt-124{margin-top: 0;}

  .n-banner { display: none; } }



@media screen and (max-width: 959px) { .banner .dotList { bottom: 10px; }

  .banner .dotList ul li { margin: 0 5px; width: 10px; height: 10px; }

  .banner .carousel-control { display: none; } }



.g-hpro { padding-top: 87px; /*padding-bottom: 74px; */}
.g-hpro_pro { padding-top: 40px; /*padding-bottom: 74px; */}


.g-hpro .box-title { margin-bottom: 38px; padding: 18px 0; line-height: 50px; font-size: 36px; font-size: 3.6rem; font-family: "OPENSANSBOLD_0"; text-align: center; background: url("../images/hicon1.png") no-repeat center top; }
.g-hpro_pro .box-title { margin-bottom: 10px; padding: 18px 0; line-height: 50px; font-size: 36px; font-size: 3.6rem; font-family: "OPENSANSBOLD_0"; text-align: center; background: url("../images/hicon1.png") no-repeat center top; }



.m-hpro { overflow: hidden; }



.m-hpro .box-item { position: relative; float: left; margin-right: 0.57143%; margin-bottom: 12px; overflow: hidden; }



.m-hpro .box-item:hover .item-modal { top: 0; }



.m-hpro .box-item1 { margin-top: 9.28571%; width: 25.78571%; }



.m-hpro .box-item2 { width: 25.07143%; }



.m-hpro .box-item3 { width: 21.85714%; padding-top: 25.07143%; }



.m-hpro .box-item4 { width: 47.71429%; }



.m-hpro .item-modal { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; background: rgba(51,51,51,0.8); }



.m-hpro .item-mtext { position: absolute; left: 0; right: 0; top: 50%; margin-top: -26px; margin-left: auto; margin-right: auto; width: 80%; text-align: center; color: #fff; }



.m-hpro .item-mtext p { color: #fff; }

@media screen and (max-width: 640px) {.m-hpro .item-mtext p { color: #1841b7; }}

.m-hpro .item-mtext p:hover { /*color: #1841b7;*/ color: #fff;}



.m-hpro .item-mtitle { height: 20px; line-height: 20px; font-size: 16px; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.m-hpro .item-mlink { margin-top: 8px; font-size: 24px; font-size: 2.4rem; }



.m-hpro .box-fix { position: absolute; right: 0; top: 0; width: 85.98726%; height: 100%; overflow: hidden; }



.m-hpro .box-table { width: 100%; height: 100%; display: table; table-layout: fixed; }



.m-hpro .box-text { display: table-cell; vertical-align: middle; height: 100%; }



.m-hpro .box-desc a {text-indent: 32px; display: block; max-height: 150px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; overflow: hidden; }



.m-hpro .box-desc a:hover { color: #1841b7; }



.m-hpro .box-link { margin-top: 37px; font-size: 20px; font-size: 2rem; font-family: "OPENSANSBOLD_0"; }



@media screen and (max-width: 959px) { .g-hpro { padding: 30px 0; padding-bottom: 0px;}

  .g-hpro .box-title { margin-bottom: 30px; padding: 0; line-height: 1.2; font-size: 24px; font-size: 2.4rem; background: none; }

  .m-hpro .item-modal { display: block; top: 0; background: none;}

  .m-hpro .item-mtext { margin-top: -10px; }

  .m-hpro .item-mlink { display: none; }

  .m-hpro .box-fix { width: 90%; }

  .m-hpro .box-desc a { max-height: 96px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }

  .m-hpro .box-link { margin-top: 10px; font-size: 16px; font-size: 1.6rem; } }



@media screen and (max-width: 640px) { .m-hpro { 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-hpro .box-item1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0; }

  .m-hpro .box-item3 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

  .m-hpro .box-item1, .m-hpro .box-item3 { width: 45%; }

  .m-hpro .box-item2 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 31%; }

  .m-hpro .box-item4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; width: 100%; }

  .m-hpro .box-fix { width: 100%; }

  .m-hpro .item-modal { position: relative; height: auto; background: none;}

  .m-hpro .item-mtext { position: relative; top: 0; margin-top: 0; width: 96%; }

  .m-hpro .item-mtitle { margin-top: 10px; font-size: 14px; font-size: 1.4rem; color: #333; }

  .m-hpro .item-mtitle a { color: #333; }

  .m-hpro .item-mtitle a:hover { color: #1841b7; } }



.m-hcase { margin: 0 auto; max-width: 1400px; width: 96%; background-color: #eee; overflow: hidden; }



.m-hcase .box-img { width: 49.94792%; line-height: 0; font-size: 0; overflow: hidden; }



.m-hcase .box-img img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 5s ease; -o-transition: all 5s ease; -moz-transition: all 5s ease; transition: all 5s ease; -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); -moz-transform: matrix(1.1, 0, 0, 1.1, 0, 0); -ms-transform: matrix(1.1, 0, 0, 1.1, 0, 0); -o-transform: matrix(1.1, 0, 0, 1.1, 0, 0); transform: matrix(1.1, 0, 0, 1.1, 0, 0); }



.m-hcase .box-img:hover img { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); -ms-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); }



.m-hcase .box-fix { padding-top: 3.64583%; padding-bottom: 25px; overflow: hidden; }



.m-hcase .box-fix1 { padding-left: 8.54167%; padding-right: 9.375%; }



.m-hcase .box-fix2 { padding-left: 13.64583%; padding-right: 4.42708%; }



.m-hcase .box-title { font-size: 24px; font-size: 2.4rem; font-family: "OPENSANSBOLD_0"; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.m-hcase .box-cname { position: relative; margin-top: 28px; padding-bottom: 27px; font-size: 16px; font-size: 1.6rem; font-family: "OPENSANSSEMIBOLD"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.m-hcase .box-cname:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; max-width: 408px; height: 1px; background-color: #bfbfbf; }



.m-hcase .box-info { margin-top: 30px; }



.m-hcase .box-info a { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; font-size: 1.6rem; font-family: "OPENSANSSEMIBOLD"; color: #666; }



.m-hcase .box-info a:hover { color: #1841b7; }



.m-hcase .box-link { margin-top: 27px; }



.m-hcase .box-link a { display: block; width: 120px; height: 46px; line-height: 45px; text-align: center; font-size: 16px; font-size: 1.6rem; font-family: "OPENSANSSEMIBOLD"; color: #1841b7; border: 2px solid #1841b7; border-radius: 28px; }



.m-hcase .box-link a:hover { color: #fff; background-color: #1841b7; }

/* 

@media screen and (max-width: 1700px) { .m-hcase .box-title { font-size: 24px; font-size: 2.4rem; }

  .m-hcase .box-cname { font-size: 16px; font-size: 1.6rem; }

  .m-hcase .box-info a { font-size: 18px; font-size: 1.8rem; } } */



@media screen and (max-width: 1340px) { .m-hcase .box-cname { margin-top: 20px; padding-bottom: 15px; font-size: 16px; font-size: 1.6rem; }

  .m-hcase .box-info { margin-top: 20px; }

  .m-hcase .box-info a { font-size: 18px; font-size: 1.8rem; }

  .m-hcase .box-link a { height: 46px; line-height: 46px; } }



@media screen and (max-width: 1000px) {

  .m-hcase { margin: 0 auto; width: 96%; max-width: 959px; }

  .m-hcase .box-img { float: none; width: 100%; }

  .m-hcase .box-fix { padding: 30px; }

  .m-hcase .box-cname { font-size: 16px; font-size: 1.6rem; }

  .m-hcase .box-info a { line-height: 26px; font-size: 14px; font-size: 1.4rem; }

  .m-hcase .box-link a { width: 140px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } }



.g-habt { margin-top: 93px; }



.g-habt .box-title { margin-bottom: 61px; font-size: 42px; font-size: 4.2rem; font-family: "OPENSANSBOLD_0"; text-align: center; }



.g-hcase .box-titlea {     padding-top: 60px;margin-bottom: 61px; font-size: 42px; font-size: 4.2rem; font-family: "OPENSANSBOLD_0"; text-align: center; }



.m-habt { overflow: hidden; }



.m-habt .box-img { float: right; margin-left: 6.64286%; width: 56.57143%; display: block; line-height: 0; font-size: 0; }



.m-habt .box-text { overflow: hidden; }



.m-habt .box-cname { position: relative; padding-top: 14px; padding-bottom: 28px; }



.m-habt .box-cname a { display: inline-block; *display: inline; *zoom: 1; line-height: 36px; font-size: 30px; font-size: 3rem; font-family: "OPENSANSBOLD_0"; }



.m-habt .box-cname:before { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 4px; background-color: #bfbfbf; }



.m-habt .box-desc { margin-top: 34px; }



.m-habt .box-desc a {text-indent: 32px; display: block; max-height: 180px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; overflow: hidden; }




.m-habt .box-desc a:hover { color: #1841b7; }


.m-habt .box-link { display: block; width: 120px; height: 46px; line-height: 45px; text-align: center; font-size: 16px; font-size: 1.6rem; font-family: "OPENSANSSEMIBOLD"; color: #1841b7; border: 2px solid #1841b7; border-radius: 28px; }


.m-habt .box-link:hover { color: #fff; background-color: #1841b7;  }



@media screen and (max-width: 1219px) { .m-habt .box-cname a { line-height: 30px; font-size: 24px; font-size: 2.4rem; }

  .m-habt .box-desc a { max-height: 144px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 959px) { .g-habt { margin-top: 30px; }

  .g-habt .box-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 30px; }

  .g-hcase .box-titlea { font-size: 24px; font-size: 2.4rem; margin-bottom: 30px; }

  .g-habt .box-img { float: none; margin-left: 0; width: 100%; }

  .g-habt .box-cname a { line-height: 26px; font-size: 18px; font-size: 1.8rem; }

  .g-habt .box-desc { margin-top: 15px; }

  .g-habt .box-link { margin-top: 15px; width: 140px; height: 38px; line-height: 38px; font-size: 14px; font-size: 1.4rem; } }



.g-hpic { position: relative; padding-top: 74px; }



.g-hpic:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; padding-top: 16.97917%; width: 100%; background-color: #1841b7; background-image: -webkit-gradient(linear, left top, right top, from(#a0c03f), to(#539ac7)), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000)); background-image: -webkit-linear-gradient(left, #a0c03f 0%, #539ac7 100%), -webkit-linear-gradient(#000000, #000000); background-image: -moz- oldlinear-gradient(left, #a0c03f 0%, #539ac7 100%), -moz- oldlinear-gradient(#000000, #000000); background-image: linear-gradient(90deg, #153696 0%, #153696 100%), linear-gradient(#153696, #000000); }



.m-hpic { position: relative; padding-bottom: 96px; }



.m-hpic .box-list { width: 100%; }



.m-hpic .list-wp { padding: 5px; -moz-box-sizing: border-box; box-sizing: border-box; display: none; }



.m-hpic .list-wp.show { display: block; }



.m-hpic .list-item { float: left; margin-right: 1.42857%; width: 18.85714%; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



.m-hpic .item-pic { border: 7px solid #fff; border-color: rgba(255, 255, 255, 0.4); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5); }



.m-hpic .box-page { position: absolute; left: 0; right: 0; bottom: 45px; font-size: 0; letter-spacing: 0; text-align: center; }



.m-hpic .box-page .page-item { margin: 0 10px; display: inline-block; *display: inline; *zoom: 1; width: 24px; height: 6px; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.3); border-radius: 3px; }



.m-hpic .box-page .page-item.active { background-color: #333; background-color: white; }



@media screen and (min-width: 1220px) { .m-hpic .list-wp { -webkit-perspective: 700px; perspective: 700px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; }

  .m-hpic .list-wp .list-item { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; }

  .m-hpic .list-wp.show .list-item1 { -webkit-transform: rotateY(20deg); -moz-transform: rotateY(20deg); transform: rotateY(20deg); }

  .m-hpic .list-wp.show .list-item2 { -webkit-transform: rotateY(20deg) translateX(28px) translateZ(-90px); -moz-transform: rotateY(20deg) translateX(28px) translateZ(-90px); transform: rotateY(20deg) translateX(28px) translateZ(-90px); }

  .m-hpic .list-wp.show .list-item3 { -webkit-transform: translateZ(-155px) rotateY(0deg); -moz-transform: translateZ(-155px) rotateY(0deg); transform: translateZ(-155px) rotateY(0deg); }

  .m-hpic .list-wp.show .list-item4 { -webkit-transform: rotateY(-20deg) translateX(-28px) translateZ(-90px); -moz-transform: rotateY(-20deg) translateX(-28px) translateZ(-90px); transform: rotateY(-20deg) translateX(-28px) translateZ(-90px); }

  .m-hpic .list-wp.show .list-item5 { -webkit-transform: rotateY(-20deg); -moz-transform: rotateY(-20deg); transform: rotateY(-20deg); } }



@media screen and (min-width: 960px) {

.m-hpicwp .box-bd{display: none;}

.m-hpicwp .box-wp { display: none; }}

@media screen and (max-width: 959px) { .g-hpic { display: none; padding-top: 30px; }



  .m-hpic { padding-bottom: 40px; }

  .m-hpic .box-page { bottom: 20px; }

  .m-hpic .item-pic { border-width: 2px; } }



@media screen and (max-width: 767px) { .m-hpic .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 15px; width: 31%; } }



/*.m-hpicwp { margin-top: 74px; }*/



.m-hpicwp .box-wp { position: relative; }



.m-hpicwp .box-title { line-height: 38px; font-size: 30px; font-size: 3rem; font-family: "CORBEL"; font-weight: bold; color: #1841b7; text-transform: uppercase; }



.m-hpicwp .box-title a { color: #1841b7; }



.m-hpicwp .box-btn {z-index: 9; position: absolute; top: 50%; bottom: auto; width: 28px; height: 28px; line-height: 26px; text-align: center; font-size: 12px; font-size: 1.2rem; color: #fff; opacity:.6; border: 1px solid #1841b7;background: #1841b7; background-repeat: no-repeat; background-position: center; background-size: 100% 100%;  }



.m-hpicwp .box-btn.prev { left: 0; }



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



.m-hpicwp .box-btn:hover { color: #fff; background-color: #1841b7; }



.m-hpicwp .box-bd { margin-top: 43px; overflow: hidden; margin-bottom: 40px;}



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



.m-hpicwp .list-item { position: relative; float: left; margin-right: 0.60833%; width: 2.05%; overflow: hidden; }



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



.m-hpicwp .item-top { position: relative; overflow: hidden; }



.m-hpicwp .item-modal { position: absolute; left: 0; top: 100%; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); background-color: #000 \9; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



.m-hpicwp .item-title { margin-top: 17px; display: block; height: 18px; line-height: 18px; font-size: 16px; font-size: 1.6rem; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.m-hpicwp .item-title1 { position: absolute; left: 0; right: 0; top: 50%; margin-top: -39px; height: 78px; line-height: 20px; color: #fff; padding-top: 58px; background: url("../images/fd1.png") no-repeat center top; }



.m-hpicwp .item-title2 { display: none; }



/*@media screen and (max-width: 959px) { 

  .m-hpicwp{display: block;}

  .m-hpicwp .item-modal { top: 0; background: none; }

  .m-hpicwp .item-title1 { display: none; }

  .m-hpicwp .item-title2 { display: block; font-size: 14px; font-size: 1.4rem; font-weight: normal; } }

*/

@media screen and (max-width: 767px) { .m-mcert { margin-top: 30px; padding: 30px 0; }

  /*.m-hpicwp .box-btn { top: -45px; }*/

  .m-hpicwp .box-btn.prev { right: auto; left: 0; }

  .m-hpicwp .box-title { font-size: 24px; font-size: 2.4rem; }

  .m-hpicwp .box-bd { margin-top: 20px; margin-bottom: 20px;}

  .m-hpicwp .list-item { margin-right: .2%; width: 3.2%; } }



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



.g-hadva { padding-top: 50px; padding-bottom: 30px; background-color: #eee; }



.g-hadva .box-title { font-size: 36px; font-size: 3.6rem; font-family: "OPENSANSBOLD_0"; text-align: center; }



.g-hadva .box-desc { margin-top: 22px; margin-bottom: 57px; margin-left: auto; margin-right: auto; max-width: 795px; }



.g-hadva .box-desc a { display: block; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; text-align: center; }



.g-hadva .box-desc a:hover { color: #1841b7; }



.m-hadva { font-size: 0; letter-spacing: 0; text-align: center; }



.m-hadva .list-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 25%; padding-left: 3.57143%; padding-right: 3.57143%; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-hadva .item-icon { margin: 0 auto; display: block; width: 160px; height: 160px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }



.m-hadva .item-icon1 { background-image: url("../images/advaicon1.png"); }



.m-hadva .item-icon1:hover { background-image: url("../images/advaicon1h.png"); }



.m-hadva .item-icon2 { background-image: url("../images/advaicon2.png"); }



.m-hadva .item-icon2:hover { background-image: url("../images/advaicon2h.png"); }



.m-hadva .item-icon3 { background-image: url("../images/advaicon3.png"); }



.m-hadva .item-icon3:hover { background-image: url("../images/advaicon3h.png"); }



.m-hadva .item-icon4 { background-image: url("../images/advaicon4.png"); }



.m-hadva .item-icon4:hover { background-image: url("../images/advaicon4h.png"); }



.m-hadva .item-title { margin-top: 15px; margin-bottom: 30px;font-size: 20px; font-size: 2rem; font-family: "OPENSANSSEMIBOLD"; }



@media screen and (max-width: 959px) { .g-hadva { /*padding: 30px 0;*/ padding: 2px 0;}

  .g-hadva .box-title { font-size: 24px; font-size: 2.4rem; }

  .g-hadva .box-desc { margin-top: 5px; margin-bottom: 2px; /*margin-bottom: 25px;*/ }

  .g-hadva .box-desc a { line-height: 24px; font-size: 14px; font-size: 1.4rem; }

  .m-hadva .list-item { padding: 0; }

  .m-hadva .item-icon { width: 100px; height: 100px; }

  .m-hadva .item-title { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 640px) { .m-hadva .list-item { margin: 10px 0; width: 48%; } }



.g-hnews { padding-top: 86px; padding-bottom: 90px; padding-left: 0; overflow: hidden;}



.m-hnews { float: left; margin-right: 25px; padding-top: 3.33333%; width: 42.36364%; }



.m-hnews .box-etitle { font-size: 18px; font-size: 1.8rem; color: #1841b7; }



.m-hnews .box-etitle a { color: #1841b7; }



.m-hnews .box-etitle a:hover { text-decoration: underline; }



.m-hnews .box-ctitle { margin-top: 4px; font-size: 36px; font-size: 3.6rem; font-family: "OPENSANSBOLD_0"; }



.m-hnews .box-list { margin-top: 30px; }



.m-hnews .list-item { padding-top: 40px; padding-bottom: 25px; border-bottom: 1px solid #d2d2d2; }



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



.m-hnews .item-title { height: 24px; line-height: 24px; font-size: 20px; font-size: 2rem; font-family: "OPENSANSSEMIBOLD"; text-overflow: ellipsis; white-space: nowrap; }



.m-hnews .item-desc { margin-top: 19px; }



.m-hnews .item-desc a {text-indent: 32px; display: block; height: 60px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; overflow: hidden; }



.m-hnews .item-desc a:hover { color: #1841b7; }



.m-hnews .box-link { margin-top: 49px; }



.m-hnews .box-link a { display: block; width: 120px; line-height: 45px; font-size: 16px; font-size: 1.6rem; font-family: "OPENSANSSEMIBOLD"; color: #1841b7; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 28px; border: 2px solid #1841b7; }



.m-hnews .box-link a:hover { color: #fff; background-color: #1841b7; }



.m-hnewsimg { position: relative; padding-bottom: 123px; overflow: hidden; }



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



.m-hnewsimg .list-item { float: left; margin-right: 0.36757%; width: 6.64865%; }



.m-hnewsimg .box-btn { position: absolute; bottom: 10px; width: 56px; line-height: 56px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; background-color: #1841b7; }



.m-hnewsimg .box-btn:hover { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); }



.m-hnewsimg .box-btn.prev { left: 8px; }



.m-hnewsimg .box-btn.next { left: 88px; }



@media screen and (max-width: 1419px) { .m-hnews { padding-top: 0; } }



@media screen and (max-width: 1219px) { .m-hnews .list-item { padding: 25px 0; }

  .m-hnews .item-title { font-size: 16px; font-size: 1.6rem; }

  .m-hnews .item-desc a { height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }

  .m-hnews .box-link { margin-top: 25px; }

  .m-hnews .box-link a { width: 140px; line-height: 38px; font-size: 14px; font-size: 1.4rem; }

  .m-hnews .box-ctitle { font-size: 24px; font-size: 2.4rem; } }



@media screen and (max-width: 959px) { .g-hnews { padding: 30px 0; }

.m-hnews .box-ctitle{text-align: center;}

  .m-hnews { float: none; margin-right: 0; width: 100%; }

  .m-hnews .item-desc { margin-top: 10px; }

  .m-hnews .item-desc a { height: auto; max-height: 72px; }

  .m-hnewsimg { margin-top: 30px; padding-bottom: 0; }

  .m-hnewsimg .list-item { margin-right: .4%; width: 4.8%; }

  .m-hnewsimg .box-btn { bottom: auto; top: 50%; margin-top: -17px; opacity: .6; width: 35px; line-height: 35px; font-size: 16px; font-size: 1.6rem; }

  .m-hnewsimg .box-btn.prev{ left: 0; }

  .m-hnewsimg .box-btn.next { left: auto; right: 0;} }



.g-ft { position: relative; background-color: #1b1b1b; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #fff; }



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



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



.m-ftfix1 { padding-top: 58px; padding-bottom: 47px; }



.m-ftt { margin-bottom: 31px; font-size: 22px; font-size: 2.2rem; font-family: "OPENSANSSEMIBOLD"; }



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



.m-ftb2 { float: left; margin-right: 9.35714%; width: 22.14286%; }



.m-ftb3 { overflow: hidden; }



.m-ftb3 .box-title { margin-bottom: 50px; }



.m-ftinfo .info-item { position: relative; padding-left: 26px; padding-top: 3px; padding-bottom: 3px; }



.m-ftinfo .iconfont { position: absolute; left: 0; top: 3px; font-size: 20px; font-size: 2rem; }



.m-ftform { overflow: hidden; }



.m-ftform .form-text { float: left; height: 52px; line-height: 52px; padding: 0 18px; font-size: 14px; font-size: 1.4rem; color: #888; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 5px; }



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



.m-ftform .form-text:-moz-placeholder { color: #888; opacity: 1; }



.m-ftform .form-text::-moz-placeholder { color: #888; opacity: 1; }



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



.m-ftform .form-text1 { margin-right: 2.94985%; width: 42.77286%; }



.m-ftform .form-text2 { margin-right: 1.62242%; width: 42.77286%; }



.m-ftform .form-btn { float: left; position: relative; width: 7.66962%; padding-top: 52px; }



.m-ftform .form-btn .iconfont, .m-ftform .form-btn input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



.m-ftform .form-btn .iconfont { line-height: 52px; font-size: 19px; font-size: 1.9rem; color: #fff; text-align: center; border-radius: 5px; background-color: #1841b7; }



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



.m-ftshare { margin-top: 51px; }



.m-ftshare .share-item { float: left; display: block; margin-right: 6.63717%; margin-bottom: 10px; font-size: 26px; font-size: 2.6rem; color: #fff; }



.m-ftshare .share-item:hover { color: #1841b7; }



.m-ftfix2 { padding-top: 14px; padding-bottom: 16px; border-top: 2px solid #fff; border-color: rgba(255, 255, 255, 0.5); }



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



.m-ftlnk { overflow: hidden; }



.m-ftlnk .list-item { float: left; margin-right: 30px; text-transform: uppercase; }



@media screen and (max-width: 1440px){

  .g-ft{ line-height: 28px; }

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

  .m-ftt{font-size: 20px; font-size: 2rem;}

  .m-ftb3 .box-title{margin-bottom: 30px;}

  .m-ftshare{margin-top: 30px;}

}



@media screen and (max-width: 1419px){

  .m-ftb2{width: 27%; margin-right: 4%;}

}



@media screen and (max-width: 959px) { .m-ftb1, .m-ftb2, .m-ftt, .m-ftform, .m-ftlnk { display: none; }

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

  .m-ftshare .share-item { float: none; margin-left: 10px; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; font-size: 22px; font-size: 2.2rem; }

  .m-ftfix1 { padding: 25px 15px; } }



.g-wp { padding-top: 20px; padding-bottom: 50px; }
.g-wp_lm { padding-top: 30px; padding-bottom: 20px; }


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



.m-proc { margin-top: 58px; }



.m-proc .box-title { position: relative; margin-bottom: 67px; padding-bottom: 23px; font-size: 26px; font-size: 2.6rem; font-family: "OPENSANSSEMIBOLD"; border-bottom: 1px solid #bfbfbf; }



.m-proc .box-title:after{

  content: "";

  position: relative;

  display: block;

  clear: both;

}



.m-proc .box-link{

  float: right;

  display: block;

  margin-top: 5px;

  width: 70px;

  text-align: center;

  font-size: 14px;

  font-size: 1.4rem;

  padding: 5px 10px;

  color: #fff;

  border-radius: 15px;

  box-sizing: border-box;

  background-color: #1841b7;

}



.m-proc .box-title:before { content: ""; position: absolute; left: 0; bottom: -3px; width: 170px; height: 5px; background-color: #1841b7; }



.m-proc .list-item { float: left; margin-right: 1.35714%; margin-bottom: 25px; width: 23.92857%; }



.m-proc .item-top { position: relative; overflow: hidden; background-color: #fff; }



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



.m-proc .item-modal { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: url("../images/vm1.png") no-repeat center; background-color: #000; background-color: rgba(0, 0, 0, 0.5); }



.m-proc .item-text { padding-top: 43px; text-align: center; }



.m-proc .item-title { position: relative; padding-bottom: 10px; height: 22px; line-height: 22px; font-size: 18px; font-size: 1.8rem; text-overflow: ellipsis; white-space: nowrap; }



.m-proc .item-title:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; max-width: 30px; height: 1px; background-color: #9b9fa0; }



.m-proc .item-desc { margin-top: 14px; display: none;}



.m-proc .item-desc a { display: block;display: none; padding: 0 15px; height: 48px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #444; overflow: hidden; }



.m-proc .item-desc a:hover { color: #1841b7; }



.m-proc .item-link { margin-top: 20px; margin-left: auto; margin-right: auto; display: block; width: 154px; line-height: 46px; font-size: 16px; font-size: 1.6rem; color: #555; border: 1px solid #999; border-radius: 5px; }



.m-proc .item-link:hover { color: #fff; background-color: #1841b7; border-color: #1841b7; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3); }



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



@media screen and (max-width: 959px) { .m-proc { margin-top: 15px; }

  .m-proc .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; }

  .m-proc .box-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 30px; }

  /*.m-proc .box-link{float: none; margin-top: 10px; }*/

  .m-proc .item-text { padding-top: 15px; }

  .m-proc .item-title { padding-bottom: 10px; font-size: 14px; font-size: 1.4rem; }

  .m-proc .item-desc { margin-top: 10px; }

  .m-proc .item-desc a { padding: 0; font-size: 14px; font-size: 1.4rem; }

  .m-proc .item-link { margin-top: 10px; width: 120px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } }



.m-prob1 { margin-bottom: 100px; }



.m-prob1 .prob-pic { margin-right: 2.5%; width: 806px; }



.m-prob1 .prob-pic-big { position: relative; float: left; width: 666px; border: 1px solid #e5e5e5; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }



.m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }



.m-prob1 .zoomWrapperImage img { max-width: 1200px; }



.m-prob1 .prob-pic-small { position: relative; float: right; width: 122px; padding-top: 40px; padding-bottom: 40px; overflow: hidden; }



.m-prob1 .prob-pic-btn { position: absolute; left: 0; display: block; width: 100%; line-height: 1; font-size: 24px; font-size: 2.4rem; color: #888; text-align: center; background-repeat: no-repeat; background-position: center; }



.m-prob1 .prob-pic-btn.prev { top: 0; }



.m-prob1 .prob-pic-btn.next { bottom: 0; }



.m-prob1 .prob-pic-btn:hover { color: #1841b7; }



.m-prob1 .prob-pic-list { height: 407px; overflow: hidden; }



.m-prob1 .prob-pic-list ul { height: 1000%; overflow: hidden; }



.m-prob1 .prob-pic-list ul li { margin-bottom: 15px; }



.m-prob1 .prob-pic-item .item-pic { border: 1px solid #e5e5e5; padding: 17px 0px;background: #fff;}



.m-prob1 .prob-pic-item .item-pic:hover { border-color: #1841b7; }



.m-prob1 .prob-pic-item .item-pic.active { border-color: #1841b7; }



.m-prob1 .prob-info { overflow: hidden; }



.m-prob1 .prob-title { position: relative; font-size: 26px; font-size: 2.6rem; font-family: "OPENSANSSEMIBOLD"; font-weight: normal; }



.m-prob1 .prob-link { margin-top: 24px; overflow: hidden; }



.m-prob1 .prob-link a { float: left; display: block; width: 154px; height: 48px; line-height: 46px; font-size: 16px; font-size: 1.6rem; color: #555; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #a0a0a0; border-radius: 5px; }



.m-prob1 .prob-link a:hover { color: white; background-color: #1841b7; border-color: #1841b7; }



.m-prob1 .prob-link a:first-child { margin-right: 28px; }



.m-prob1 .prob-share { margin-top: 25px; }



.m-prob1 .prob-desc { margin-top: 26px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #444; }



.m-prob1 .prob-desc strong { font-weight: normal; font-size: 24px; font-size: 2.4rem; }



.m-prob1 .prob-desc p { min-height: 10px; }



.m-proshare .share-font { float: left; margin-right: 10px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #444; }



.m-proshare .share-img { float: left; height: 26px; }





@media screen and (max-width: 1419px) {

  .m-prob1 .prob-pic{width: 736px;}

  .m-prob1 .prob-pic-big{width: 596px;}

  .m-prob1 .prob-pic-small{width: 105px;}

  .m-prob1 .prob-pic-list{height: 362px;}

  .m-prob1 .prob-desc { margin-top: 25px; }

  .m-prob1 .prob-share { margin-top: 25px; }

  .m-prob1 .prob-link { margin-top: 30px; } 

}





@media screen and (max-width: 1219px) { 

  .m-prob1 .prob-pic { float: none; margin: 0 auto; }

  .m-prob1 .prob-info { padding-top: 0; float: none; margin-top: 30px; width: 100%; height: auto; }

}



@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }

  .zoomPup { display: none !important; }

  .zoomWindow { display: none !important; }

  .zoomPreload { display: none !important; } }



@media screen and (max-width: 959px) { .m-prob1 { margin-bottom: 30px; }

  .m-prob1 .prob-pic { display: none; }

  .m-prob1 .prob-title { font-size: 24px; font-size: 2.4rem; }

  .m-prob1 .prob-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; }

  .m-prob1 .prob-desc strong { font-size: 16px; font-size: 1.6rem; }

  .m-prob1 .prob-share { margin-top: 20px; }

  .m-prob1 .prob-link { margin-top: 20px; }

  .m-prob1 .prob-link a { width: 120px !important; height: 36px; line-height: 34px; font-size: 14px; font-size: 1.4rem; } }



.m-propic { display: none; }



@media screen and (max-width: 959px) { .m-propic { position: relative; padding-left: 35px; padding-right: 35px; display: block; overflow: hidden; }

  .m-propic .box-btn { position: absolute; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #1841b7; text-align: center; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

  .m-propic .box-btn.prev { left: 0; }

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

  .m-propic .box-bd { overflow: hidden; }

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

  .m-propic .list-item { float: left; margin-right: .2%; width: 3.2%; }

  .m-propic .item-pic { border: 1px solid #1841b7; } }



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



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



.g-mn1 { padding-left: 365px; }



.g-mn2 { padding-right: 425px; }



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

  .g-mn2 { padding-right: 340px; } }



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



.g-sd { float: left; }



.g-sd1 { margin-left: -100%; width: 295px; }



.g-sd2 { margin-left: -355px; width: 355px; }



@media screen and (max-width: 1419px) { .g-sd1 { width: 240px; }

  .g-sd2 { margin-left: -300px; width: 300px; } }



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



.m-sdtt { padding-bottom: 18px; font-size: 30px; font-size: 3rem; font-family: "OPENSANSBOLD_0"; text-transform: uppercase; color: #1841b7; border-bottom: 1px solid #bfbfbf; }



.m-sdtt a { color: #1841b7; }



.m-sdnav1 .sdnav-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: #1841b7; -moz-box-sizing: border-box; box-sizing: border-box; }



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



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



.m-sdnav1 .sdnav-list { margin-top: 22px; }



.m-sdnav1 .list-item > a { position: relative; display: block; padding-bottom: 14px; padding-top: 14px; padding-right: 20px; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #333333; border-bottom: 1px solid #bfbfbf; }



.m-sdnav1 .list-item > a:before { content: ""; position: absolute; right: 0; top: 50%; margin-top: -3px; width: 0; height: 0; border-top: 6px solid #1841b7; border-left: 6px solid transparent; border-right: 6px solid transparent; display: none; }



.m-sdnav1 .list-item > a:hover { color: #1841b7; }



.m-sdnav1 .list-item > a:hover:before { display: block; }



.m-sdnav1 .list-item > a.active { color: #1841b7; }



.m-sdnav1 .list-item > a.active:before { display: block; }



.m-sdnav1 .list-item:first-child > a { padding-top: 0; }



.m-sdnav1 .list-item:last-child > a { border-bottom: none; }



.m-sdnav1 .sdsnav-list { padding-top: 3px; padding-bottom: 0; display: none; }



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



.m-sdnav1 .sdsnav-list2 { padding-left: 15px; }



.m-sdnav1 .sdsnav-list-item > a { display: block; padding-top: 6px; padding-bottom: 6px; padding-left: 20px; padding-right: 5px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; }



.m-sdnav1 .sdsnav-list-item > a:hover { color: #1841b7; }



@media screen and (max-width: 1419px){

  .m-sdtt{font-size: 24px; font-size: 2.4rem;}

}



@media screen and (max-width: 959px) { .m-sdnav1 .sdnav-name { display: none; }

  .m-sdnav1 .sdnav-btn { display: block; margin-bottom: 20px; }

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

  .m-sdnav1 .list-item > a { padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-size: 1.4rem; } }



.m-sdpro { margin-top: 51px; }



.m-sdpro .box-list { margin-top: 45px; }



.m-sdpro .list-item { margin-top: 22px; overflow: hidden; }



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



.m-sdpro .item-pic { margin-right: 16px; float: left; width: 114px; }



.m-sdpro .item-title { padding-top: 12px; overflow: hidden; }



.m-sdpro .item-title a { display: block; max-width: 145px; max-height: 60px; line-height: 30px; font-size: 16px; font-size: 1.6rem; overflow: hidden; }



@media screen and (max-width: 959px) { .m-sdpro { margin-top: 30px; }

  .m-sdpro .box-title { font-size: 24px; font-size: 2.4rem; }

  .m-sdpro .box-list { margin-top: 30px; }

  .m-sdpro .item-title a { max-width: 100%; font-size: 14px; font-size: 1.4rem; } }



.m-prott {text-transform: uppercase; position: relative; margin-bottom: 50px; padding-bottom: 30px; font-size: 30px; font-size: 3rem; font-family: "OPENSANSBOLD_0"; border-bottom: 1px solid #bfbfbf; }



.m-prott:before { content: ""; position: absolute; left: 0; bottom: -4px; width: 236px; height: 7px; background-color: #1841b7; }



.m-prob2 .box-tabhd { margin-bottom: 47px; position: relative; background-color: #fff; }



.m-prob2 .box-tabhd:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #1841b7; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



.m-prob2 .tabhd-item { position: relative; float: left; width: 29.37198%; padding: 20px 10px; line-height: 30px; font-size: 22px; font-size: 2.2rem; font-family: "OPENSANSSEMIBOLD"; text-align: center; border-right: 2px solid #f6f6f6; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-prob2 .tabhd-item span { position: relative; }



.m-prob2 .tabhd-item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #1841b7; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



.m-prob2 .tabhd-item:hover { color: #fff; }



.m-prob2 .tabhd-item:hover:before { height: 100%; }



.m-prob2 .tabhd-item.active { color: #fff; }



.m-prob2 .tabhd-item.active:before { height: 100%; }



.m-prob2 .box-desc { color: #444; }



.m-prob2 .box-desc p { min-height: 30px; }



.m-prob2 .box-desc table th { line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #595959; }



.m-prob2 .box-desc table td { line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #1841b7; }



.m-prob2 .box-desc table tr:nth-child(2n) td { color: #333; background-color: #fff; }



.m-prob2 .box-desc table th, .m-prob2 .box-desc table td { padding: 0 10px; }



.m-prob2 .tabbd-item { display: none; }



.m-prob2 .tabbd-item.show { display: block; }



@media screen and (max-width: 1419px) { .m-prob2 .tabhd-item { width: 33.33333%; font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 959px) { .m-prott { margin-bottom: 30px; font-size: 20px; font-size: 2rem; padding-bottom: 15px; }

  .m-prob2 .box-tabhd { display: none; }

  .m-prob2 .box-title { margin-bottom: 30px; font-size: 20px; font-size: 2rem; padding-bottom: 15px; }

  .m-prob2 .box-desc p { min-height: 10px; }

  .m-prob2 .tabbd-item { display: block; margin-top: 30px; }

  .m-prob2 .tabbd-item:first-child { margin-top: 0; } }



.m-mcase { margin-bottom: -39px; overflow: hidden; }



.m-mcase .list-item { float: left; margin-right: 4.34783%; margin-bottom: 39px; width: 47.82609%; }



.m-mcase .item-text { padding-top: 24px; }



.m-mcase .item-title { height: 24px; line-height: 24px; font-size: 18px; font-size: 1.8rem; font-family: "OPENSANSSEMIBOLD"; color: #444; text-overflow: ellipsis; white-space: nowrap; }



.m-mcase .item-title a { color: #444; }



.m-mcase .item-title a:hover { color: #1841b7; }



.m-mcase .item-desc { margin-top: 8px; }



.m-mcase .item-desc a { display: block; height: 60px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #444; overflow: hidden; }



.m-mcase .item-desc a:hover { color: #1841b7; }



@media screen and (max-width: 959px) { .m-mcase .item-text { padding-top: 15px; }

  .m-mcase .item-title { font-size: 14px; font-size: 1.4rem; }

  .m-mcase .item-desc { margin-top: 10px; }

  .m-mcase .item-desc a { height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }



.m-pnav { margin-bottom: 62px; }



.m-pnav .box-wp { background-color: #fff; }



.m-pnav .nav-item { position: relative; float: left; width: 11%; padding: 15px 5px; line-height: 30px; font-size: 16px; font-size: 1.6rem; text-align: center; border-right: 1px solid #eee; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-pnav .nav-item:hover { color: #fff; background-color: #1841b7; }



.m-pnav .nav-item.active { color: #fff; background-color: #1841b7; }



@media screen and (max-width: 1219px) { .m-pnav .nav-item { width: 16.666%; font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 959px) { .m-pnav { margin-bottom: 30px; }

  .m-pnav .nav-item { padding: 5px; width: 33.33333%; } }



@media screen and (max-width: 480px) { .m-pnav .nav-item { width: 50%; } }



.m-proj { margin: 0 auto; width: 95%; max-width: 1572px; }



.m-proj .box-wp { position: relative; padding: 0 86px; }



.m-proj .box-btn { position: absolute; top: 50%; margin-top: -24px; width: 48px; line-height: 46px; font-size: 20px; font-size: 2rem; color: #c5c5c5; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c5c5c5; border-radius: 50%; }



.m-proj .box-btn:hover { color: #fff; background-color: #1841b7; border-color: #1841b7; }



.m-proj .box-btn.prev { left: 0; }



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



.m-proj .box-list { width: 10000%; }



.m-proj .list-item { float: left; width: 1%; }



.m-proj .item-fix { float: left; margin-right: 1.85714%; width: 23.57143%; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



.m-proj .item-fix1 { margin-right: 1%; width: 27%; }



.m-proj .item-fix2 { margin-right: 1%; width: 23.33%; }



.m-proj .item-num { font-size: 68px; font-size: 6.8rem; font-family: "OPENSANSSEMIBOLD"; color: #b5b4b4; }



.m-proj .item-title { margin-top: 33px; height: 24px; line-height: 24px; font-size: 20px; font-size: 2rem; font-family: "OPENSANSSEMIBOLD"; text-overflow: ellipsis; white-space: nowrap; }



.m-proj .item-info { margin-top: 36px; /*min-height: 104px;*/}



.m-proj .item-info a { display: block; line-height: 26px; font-size: 16px; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.m-proj .item-desc a { display: block; height: 52px; line-height: 26px; font-size: 16px; font-size: 1.6rem; overflow: hidden; }



.m-proj .item-pic { margin-top: 49px; }



.m-proj .item-pic:hover { box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.5); }



.m-proj .item-link { margin-top: 43px; display: block; width: 124px; height: 40px; line-height: 38px; font-size: 16px; font-size: 1.6rem; color: #1841b7; text-align: center; border-radius: 6px; border: 1px solid #1841b7; }



.m-proj .item-link:hover { color: #fff; background-color: #1841b7; }



@media screen and (max-width: 1419px){

  .m-proj .item-fix2{width: 22.7%;}

  .m-proj .item-fix1{width: 28.5%;}

}



@media screen and (max-width: 959px) { .m-proj .box-wp { padding: 0; padding-top: 50px; }

  .m-proj .box-btn { top: 0; margin-top: 0; width: 38px; line-height: 36px; font-size: 16px; font-size: 1.6rem; }

  .m-proj .item-fix { margin-left: 1%; margin-right: 1% !important; width: 23%; }

  .m-proj .item-num { font-size: 30px; font-size: 3rem; }

  .m-proj .item-title { margin-top: 15px; font-size: 16px; font-size: 1.6rem; }

  .m-proj .item-info { margin-top: 10px; }

  .m-proj .item-info a { line-height: 24px; font-size: 14px; font-size: 1.4rem; }

  .m-proj .item-desc a { height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }

  .m-proj .item-pic { margin-top: 15px; box-shadow: none !important; }

  .m-proj .item-link { margin-top: 15px; font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 640px) { .m-proj { margin-bottom: -25px; }

  .m-proj .item-fix { margin-bottom: 25px; width: 48%; } }



.m-proform { margin-top: 88px; }



.m-proform .box-form { padding-top: 4px; padding-left: 4.25121%; padding-right: 4.63768%; padding-bottom: 26px; background-color: #fff; }



.m-proform .form-item1 { position: relative; padding-top: 22px; border-bottom: 1px solid #c9c9c9; }



.m-proform .form-item1.important { background: url("../images/star1.png") no-repeat left 40px; }



.m-proform .form-text { position: relative; padding-left: 54px; padding-right: 10px; width: 100%; height: 46px; line-height: 46px; font-size: 16px; font-size: 1.6rem; color: #4d4d4d; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-proform .form-text::-webkit-input-placeholder { color: #4d4d4d; opacity: 1; }



.m-proform .form-text:-moz-placeholder { color: #4d4d4d; opacity: 1; }



.m-proform .form-text::-moz-placeholder { color: #4d4d4d; opacity: 1; }



.m-proform .form-text:-ms-input-placeholder { color: #4d4d4d; opacity: 1; }



.m-proform .form-text2 { height: 115px; }



.m-proform .iconfont { position: absolute; left: 17px; top: 22px; line-height: 46px; font-size: 20px; font-size: 2rem; color: #1841b7; }



.m-proform .form-btn { margin-top: 29px; display: block; width: 280px; height: 50px; font-size: 18px; font-size: 1.8rem; color: #fff; background-color: #1841b7; }

.m-proform .icon-qq{background: url("../images/qqx.png") no-repeat left 10px; width:46px; height: 46px;}

@media screen and (max-width: 959px) { .m-proform { margin-top: 30px; }

  .m-proform .form-btn { width: 180px; height: 38px; font-size: 16px; font-size: 1.6rem; } }



.m-mpro { margin-top: 79px; }



.m-mpro .list-item { float: left; margin-right: 4.05797%; margin-bottom: 25px; width: 30.62802%; }



.m-mpro .item-top { position: relative; overflow: hidden; background-color: #fff; }



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



.m-mpro .item-modal { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: url("../images/vm1.png") no-repeat center; background-color: #000; background-color: rgba(0, 0, 0, 0.5); }



.m-mpro .item-text { padding-top: 40px; text-align: center; }



.m-mpro .item-title { position: relative; padding-bottom: 10px; height: 22px; line-height: 22px; font-size: 18px; font-size: 1.8rem; text-overflow: ellipsis; white-space: nowrap; }



.m-mpro .item-title:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; max-width: 30px; height: 2px; background-color: #9b9fa0; }



.m-mpro .item-desc { margin-top: 14px; display: none;}



.m-mpro .item-desc a { display: block; padding: 0 15px; height: 48px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #444; overflow: hidden; }



.m-mpro .item-desc a:hover { color: #1841b7; }



.m-mpro .item-link { margin-top: 16px; margin-left: auto; margin-right: auto; display: block; width: 154px; line-height: 46px; font-size: 16px; font-size: 1.6rem; color: #555; border: 1px solid #999; border-radius: 5px; }



.m-mpro .item-link:hover { color: #fff; background-color: #1841b7; border-color: #1841b7; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3); }



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



.m-mpro2{

  display: none;

}



@media screen and (max-width: 959px) { 

  .m-mpro1{display: none;}

  .m-mpro2{display: block;}

  .m-mpro { margin-top: 30px; }

  .m-mpro .box-bd{ position: relative; padding: 0 25px; }

  .m-mpro .box-list{width: 1000%;}

  .m-mpro .box-btn{ position: absolute; top: 0; margin-top: 0; width: 15px; height: 100%; font-size: 12px; font-size: 1.2rem; color: #fff; text-align: center; background: #1841b7; border-radius: 5px; }

  .m-mpro .box-btn:hover{color: #fff;}

  .m-mpro .box-btn .iconfont{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -15px; line-height: 30px; }

  .m-mpro .prev{left: 0;}

  .m-mpro .next{right: 0;}

  .m-mpro .list-item { margin-left: 0; margin-right: .2% !important; margin-bottom: 0; width: 4.9%; }

  .m-mpro .item-text { padding-top: 15px; }

  .m-mpro .item-title { padding-bottom: 10px; font-size: 14px; font-size: 1.4rem; }

  .m-mpro .item-desc { margin-top: 10px; }

  .m-mpro .item-desc a { padding: 0; font-size: 14px; font-size: 1.4rem; }

  .m-mpro .item-link { margin-top: 10px; width: 120px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } 



}



@media screen and (max-width: 320px){

  .m-mpro .list-item { margin-left: 0; margin-right: 0 !important; margin-bottom: 0; width: 10%; }

}



.m-projshow .box-wp { position: relative; margin: 0 auto; padding: 0 50px; width: 100%; max-width: 1120px; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-projshow .box-big { position: relative; margin: 0 auto; padding: 10px; background-color: #fff; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); -moz-box-sizing: border-box; box-sizing: border-box; }



.m-projshow .box-big div { position: relative; overflow: hidden; }



.m-projshow .box-big .img { line-height: 0; font-size: 0; text-align: center; }



.m-projshow .box-big .title { display: none; }



.m-projshow .box-small { margin-top: 30px; margin-left: auto; margin-right: auto; }



.m-projshow .box-btn { position: absolute; top: 50%; margin-top: -90px; display: block; width: 42px; line-height: 40px; text-align: center; font-size: 20px; font-size: 2rem; color: #333; border: 1px solid #ccc; border-radius: 50%; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-projshow .box-btn.prev { left: 0; }



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



.m-projshow .box-btn:hover { color: #fff; background-color: #333333; }



.m-projshow .box-list { overflow: hidden; }



.m-projshow .box-list ul { width: 1000%; }



.m-projshow .box-list ul li { float: left; margin-right: 0.29412%; width: 1.76471%; }



.m-projshow .list-item { position: relative; padding: 6px; border: 1px solid #ccc; }



.m-projshow .list-item.active { border-color: #1841b7; }



@media screen and (max-width: 959px) { .m-projshow { margin-top: 30px; }

  .m-projshow .box-wp { padding: 0 50px; }

  .m-projshow .box-big { padding: 3px; }

  .m-projshow .box-small { margin-top: 10px; }

  .m-projshow .box-list ul li { margin-right: .2%; width: 3.2333%; }

  .m-projshow .list-item { padding: 3px; }

  .m-projshow .box-btn { margin-top: -17px; width: 32px; line-height: 30px; } }



@media screen and (max-width: 480px) { .m-projshow .box-list ul li { margin-right: .2%; width: 4.8%; } }



.m-projtext { margin-top: 79px; }



.m-projtext .box-title { padding-bottom: 29px; font-size: 26px; font-size: 2.6rem; font-weight: normal; border-bottom: 1px solid #bfbfbf; }



.m-projtext .box-info { margin-top: 34px; font-size: 20px; font-size: 2rem; line-height: 30px; }



.m-projtext .box-desc { margin-top: 32px; padding-bottom: 30px; border-bottom: 1px dashed #d1d1d1; color: #555; }



@media screen and (max-width: 959px) { .m-projtext { margin-top: 30px; }

  .m-projtext .box-title { padding-bottom: 15px; font-size: 24px; font-size: 2.4rem; }

  .m-projtext .box-info { margin-top: 15px; font-size: 18px; font-size: 1.8rem; line-height: 26px; }

  .m-projtext .box-desc { margin-top: 20px; } }



.m-hotnews .box-pic { float: left; margin-right: 6.92857%; width: 42.07143%; }



.m-hotnews .box-text { overflow: hidden; }



.m-hotnews .box-info { font-size: 18px; font-size: 1.8rem; color: #999; }



.m-hotnews .box-info span { font-size: 72px; font-size: 7.2rem; color: #999; color: rgba(153, 153, 153, 0.5); }



.m-hotnews .box-title {font-weight: bold; margin-top: 27px; font-size: 20px; font-size: 2rem; font-family: "OPENSANSSEMIBOLD"; }



.m-hotnews .box-desc { margin-top: 17px; }



.m-hotnews .box-desc a {text-indent: 32px; display: block; max-height: 96px; line-height: 32px; font-size: 18px; font-size: 1.8rem; color: #666; overflow: hidden; }



.m-hotnews .box-desc a:hover { color: #1841b7; }



.m-hotnews .box-link { position: relative; margin-top: 30px; display: block; width: 279px; padding: 12px 0; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: center; background-color: #1841b7; }



@media screen and (max-width: 959px) { .m-hotnews .box-pic { float: none; margin: 0; width: 100%; }

  .m-hotnews .box-text { padding-top: 25px; }

  .m-hotnews .box-info { font-size: 14px; font-size: 1.4rem; }

  .m-hotnews .box-info span { font-size: 20px; font-size: 2rem; }

  .m-hotnews .box-title { margin-top: 15px; font-size: 16px; font-size: 1.6rem; }

  .m-hotnews .box-desc { margin-top: 10px; }

  .m-hotnews .box-desc a { max-height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }

  .m-hotnews .box-link { margin-top: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-size: 1.4rem; width: 180px; }

  .m-hotnews .box-link:before { display: none; } }



.m-newsl { margin-top: 24px; }



.m-newsl .list-item { padding-top: 43px; padding-bottom: 33px; border-bottom: 1px dashed #bfbfbf; }



.m-newsl .list-item:first-child { border-top: none; }



.m-newsl .item-title a {font-weight: bold; display: block; max-height: 32px; line-height: 32px; font-size: 20px; font-size: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.m-newsl .item-desca{margin-top: 8px;}

.m-newsl .item-desca a {text-indent: 32px; display: block; max-height: 64px; line-height: 32px; font-size: 18px; font-size: 1.8rem; overflow: hidden; }



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



@media screen and (max-width: 959px) { .m-newsl .list-item { padding: 30px 0; }

  .m-newsl .item-title a { max-height: 48px; line-height: 24px; font-size: 16px; font-size: 1.6rem; }

  .m-newsl .item-desca a { max-height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }

  .m-newsl .item-time { font-size: 14px; font-size: 1.4rem; } }



.m-news .box-title { font-size: 20px; font-size: 2rem; font-weight: normal; font-family: "OPENSANSSEMIBOLD"; }



.m-news .box-time { margin-top: 18px; font-size: 14px; font-size: 1.4rem; color: #999; }



.m-news .box-desc { margin-top: 23px; padding-bottom: 30px; border-bottom: 1px solid #d1d1d1; color: #666; line-height: 32px; }



.m-news .box-desc p, .m-news .box-desc span, .m-news .box-desc a { line-height: 32px; }



@media screen and (max-width: 959px) { .m-news .box-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; }

  .m-news .box-desc p, .m-news .box-desc span, .m-news .box-desc a { line-height: 24px; font-size: 14px; font-size: 1.4rem; } }



.m-sdnews .box-title {text-transform: uppercase; padding-bottom: 12px; font-size: 25px; font-size: 2.5rem; font-family: "OPENSANSSEMIBOLD"; border-bottom: 4px solid #e4e4e4; }



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



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



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



.m-sdnews .item-title { margin-top: 12px; }



.m-sdnews .item-title a { display: block; max-height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.m-sdnews .item-descb a {text-indent: 28px; display: block; max-height: 60px; line-height: 30px; font-size: 14px; font-size: 1.4rem; overflow: hidden; }



.m-cpclass .box-item { position: relative; float: left; margin-bottom: 25px; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



.m-cpclass .box-item:hover { box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.31); }



.m-cpclass .box-item1 { width: 100%; }



.m-cpclass .box-item2 { margin-right: 1.71429%; width: 49.14286%; }



.m-cpclass .item-text { position: absolute; z-index: 2; text-align: center; color: #fff; }



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



.m-cpclass .item-text a:hover { color: #1841b7; }



.m-cpclass .item-text1 { top: 0; width: 346px; right: 28.07143%; padding-top: 3.85714%; }



.m-cpclass .item-text2 { top: 50%; left: 0; right: 0; margin-top: -25px; width: 90%; }



.m-cpclass .item-title { line-height: 50px; font-size: 40px; font-size: 4rem; font-family: "OPENSANSSEMIBOLD"; text-transform: uppercase; }



.m-cpclass .item-desc { margin-top: 13px; }



.m-cpclass .item-desc a { display: block; max-height: 104px; line-height: 26px; font-size: 18px; font-size: 1.8rem; color: #e1e1e1; overflow: hidden; }



.m-cpclass .item-desc a:hover { color: #fff; }



@media screen and (max-width: 959px) { .m-cpclass .item-text { position: relative; top: 0; right: auto; padding-top: 15px; margin-top: 0; width: 100%; max-width: 100%; color: #333; }

  .m-cpclass .item-text a { color: #333; }

  .m-cpclass .item-text a:hover { color: #1841b7; }

  .m-cpclass .item-title { line-height: 24px; font-size: 16px; font-size: 1.6rem; }

  .m-cpclass .item-desc a { font-size: 14px; font-size: 1.4rem; } }



.m-video { margin-left: auto; margin-right: auto; max-width: 825px; }



.m-video .box-img { position: relative; padding-top: 62.78788%; padding-top: 0; line-height: 0; font-size: 0; overflow: hidden; }



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



.m-video .box-title { margin-top: 15px; line-height: 26px; font-size: 24px; font-size: 2.4rem; color: #333; text-align: center; }



.m-video .box-desc { margin-top: 8px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333; text-align: center; }



.m-videol { margin-top: 69px; margin-bottom: -57px; overflow: hidden; }



.m-videol .list-item { float: left; margin-right: 2.85714%; margin-bottom: 57px; width: 31.42857%; }



.m-videol .item-img { position: relative; padding-top: 62.5%; padding-top: 0; line-height: 0; font-size: 0; overflow: hidden; }



.m-videol .item-img iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }



.m-videol .item-font { margin-top: 6px; padding-top: 17px; padding-bottom: 22px; padding-left: 20px; padding-right: 19px; border: 1px solid #e5e5e5; }



.m-videol .item-title { height: 24px; line-height: 24px; font-size: 18px; font-size: 1.8rem; color: #333; text-overflow: ellipsis; white-space: nowrap; }



.m-videol .item-desc { margin-top: 9px; height: 48px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #333; overflow: hidden; }



@media screen and (max-width: 959px) { .m-videol { margin-top: 30px; margin-bottom: -25px; }

  .m-videol .list-item { margin-bottom: 25px; }

  .m-videol .item-desc { margin-top: 5px; height: 48px; line-height: 24px; }

  .m-videol .item-title { font-size: 14px; font-size: 1.4rem; }

  .m-videol .item-desc { height: 48px; font-size: 14px; font-size: 1.4rem; } }



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

  .m-videol .item-font { padding: 10px; } }



.m-faq .list-item { margin-top: 30px; padding-left: 20px; padding-right: 20px; padding-top: 28px; padding-bottom: 37px; border: 1px solid #bfbfbf; }



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



.m-faq .item-title { padding-left: 46px; line-height: 28px; font-size: 18px; font-size: 1.8rem; color: #1841b7; background: url("../images/faq1.png") no-repeat left center; }



.m-faq .item-desc {text-indent: 32px; margin-top: 20px; padding-left: 46px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #333; overflow: hidden; background: url("../images/faq2.png") no-repeat left top; }



@media screen and (max-width: 959px) { .m-faq .list-item { padding: 20px; }

  .m-faq .item-title { font-size: 14px; font-size: 1.4rem; }

  .m-faq .item-desc { margin-top: 20px; line-height: 28px; font-size: 14px; font-size: 1.4rem; } }



.m-down { margin-bottom: -68px; overflow: hidden; }



.m-down .list-item { float: left; margin-bottom: 68px; width: 47.85714%; margin-right: 4.07143%; overflow: hidden; }



.m-down .item-pic { float: left; margin-right: 4.77612%; width: 44.77612%; }



.m-down .item-text { padding-top: 9.25373%; overflow: hidden; }



.m-down .item-title a { display: block; max-height: 52px; line-height: 26px; font-size: 18px; font-size: 1.8rem; color: #333; }



.m-down .item-desc { margin-top: 20px; }



.m-down .item-desc a {text-indent: 32px; display: block; max-height: 150px; line-height: 28px; font-size: 16px; font-size: 1.6rem; color: #666; }



.m-down .item-link { margin-top: 71px; display: block; width: 140px; height: 36px; line-height: 34px; font-size: 16px; font-size: 1.6rem; color: #1841b7; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #1841b7; }



.m-down .item-link:hover { color: #fff; background-color: #1841b7; }



@media screen and (max-width: 1419px) { .m-down .item-text { padding-top: 10px; }

  .m-down .item-link { margin-top: 25px; } }



@media screen and (max-width: 959px) { .m-down .item-pic { float: none; margin-right: 0; width: 100%; }

  .m-down .item-text { text-align: center; }

  .m-down .item-desc { margin-top: 10px; }

  .m-down .item-link { margin-top: 20px; margin-left: auto; margin-right: auto; } }



@media screen and (max-width: 959px) { .m-down { margin-bottom: -25px; }

  .m-down .list-item { margin-bottom: 25px; }

  .m-down .item-title a { font-size: 14px; font-size: 1.4rem; }

  .m-down .item-desc a { max-height: 114px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }



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



.m-abtb1 .box-img { position: relative; float: right; margin-left: 5.64286%; width: 39.64286%; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-abtb1 .box-img img, .m-abtb1 .box-img video, .m-abtb1 .box-img iframe { position: relative; }



.m-abtb1 .box-img:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #E8E8E8;  }



.m-abtb1 .box-text { padding-top: 3.5%; overflow: hidden; }



.m-abtb1 .box-title { position: relative; padding-bottom: 23px; font-size: 36px; font-size: 3.6rem; font-family: "OPENSANSSEMIBOLD"; }



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



.m-abtb1 .box-desc {text-indent: 32px; margin-top: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; }

.m-abtb1 .box-desc, .m-abtb2 .box-desc, .m-abtb3 .box-desc {text-indent: 32px; }

@media screen and (max-width: 1219px) { .m-abtb1 .box-text { padding-top: 0; }

  .m-abtb1 .box-title { font-size: 24px; font-size: 2.4rem; }

  .m-abtb1 .box-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 959px) { .m-abtb1 .box-img { float: none; margin-left: 0; width: 100%; }

  .m-abtb1 .box-img:before { display: none; }

  .m-abtb1 .box-text { padding-top: 25px; } }



.m-abtb2 { margin-top: 114px; }



.m-abtb2 .box-img { position: relative; padding-left: 30px; width: 80.14286%; }



.m-abtb2 .box-img p { position: relative; line-height: 0; font-size: 0; }



.m-abtb2 .box-img p img { position: relative; }



.m-abtb2 .box-img p:before { content: ""; position: absolute; left: -30px; top: -30px; width: 100%; height: 100%; background-color: #e8e8e8; }



.m-abtb2 .box-fix { position: relative; z-index: 2; margin-top: -12.71429%; float: right; width: 48%; background-color: #7d7d7d; }



.m-abtb2 .box-text { padding-left: 47px; padding-right: 36px; padding-top: 44px; padding-bottom: 80px; }



.m-abtb2 .box-desc { line-height: 28px; font-size: 16px; font-size: 1.6rem; color: #fff; }



@media screen and (max-width: 959px) { .m-abtb2 { margin-top: 30px; }

  .m-abtb2 .box-img { padding-left: 0; width: 100%; }

  .m-abtb2 .box-img p:before { display: none; }

  .m-abtb2 .box-fix { float: none; margin-top: 30px; width: 100%; }

  .m-abtb2 .box-text { padding: 20px; }

  .m-abtb2 .box-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; } }



.m-abtb3 { margin-top: 87px; }



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



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



.m-abtb3 .box-desc { line-height: 30px; font-size: 16px; font-size: 1.6rem; }



.m-abtb3 .box-desc p { min-height: 30px; }



@media screen and (max-width: 1419px) { .m-abtb3 .box-text { padding-top: 0; } }



@media screen and (max-width: 959px) { .m-abtb3 { margin-top: 30px; }

  .m-abtb3 .box-img { float: none; margin-left: 0; width: 100%; }

  .m-abtb3 .box-text { padding-top: 25px; }

  .m-abtb3 .box-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; }

  .m-abtb3 .box-desc p { min-height: 10px; } }



.m-imgshow { margin-top: 92px; border-top: 4px solid #e5e5e5; padding-top: 47px; }



.m-imgshow .box-wp { margin: 0 auto; max-width: 1200px; width: 96%; }



.m-imgshow .box-title { font-size: 36px; font-size: 3.6rem; font-family: "OPENSANSSEMIBOLD"; color: #333; text-align: center; }



.m-imgshow .box-ct { margin-top: 53px; }



.m-imgshow #box { position: relative; height: 505px; }



.m-imgshow #box ul { position: relative; margin: 0 auto; width: 1060px; height: 505px; }



.m-imgshow #box li { position: absolute; list-style: none; background: #000; width: 0; height: 0; top: 146px; left: 377px; z-index: 0; cursor: pointer; border-radius: 3px; }



.m-imgshow #box li img { width: 100%; height: 100%; vertical-align: top; }



.m-imgshow #box li div { margin-top: 37px; width: 100%; filter: alpha(opacity=70); color: #333; text-align: center; font-size: 14px; font-size: 1.4rem; font-family: "OPENSANSSEMIBOLD"; color: #333333; line-height: 20px; height: 20px; text-align: center; }



.m-imgshow #box li div a { font-size: 18px; font-size: 1.8rem; color: #333333; }



.m-imgshow #box li div h4 { margin: 0 10px; font: 12px/24px arial; border-bottom: 1px #333 solid; }



.m-imgshow #box li div h4 span { color: red; margin-left: 10px; }



.m-imgshow #box li div p { margin: 5px 10px 0; text-indent: 2em; }



.m-imgshow #box .prev, .m-imgshow #box .next { position: absolute; top: 220px; display: block; width: 52px; height: 11px; background-repeat: no-repeat; background-position: center; cursor: pointer; }



.m-imgshow #box .prev { left: 0; background-image: url("../images/jtl1.png"); }



.m-imgshow #box .prev:hover { background-image: url("../images/jtl2.png"); }



.m-imgshow #box .next { right: 0; background-image: url("../images/jtr1.png"); }



.m-imgshow #box .next:hover { background-image: url("../images/jtr2.png"); }



.m-imgshow .box-list { display: none; }



@media screen and (max-width: 1219px) { .m-imgshow #box { display: none; }

  .m-imgshow .box-list { display: block; margin-bottom: -25px; overflow: hidden; }

  .m-imgshow .list-item { float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 25px; width: 31%; }

  .m-imgshow .item-title { margin-top: 5px; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; text-overflow: ellipsis; white-space: nowrap; } }



@media screen and (max-width: 959px) { .m-imgshow { margin-top: 30px; padding-top: 30px; }

  .m-imgshow .box-title { font-size: 24px; font-size: 2.4rem; }

  .m-imgshow .box-ct { margin-top: 25px; padding-bottom: 0; }

  .m-imgshow .list-item { width: 48%; } }



.m-factshow .box-wp { position: relative; margin: 0 auto; padding: 0 58px; width: 100%; max-width: 1313px; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-factshow .box-big { position: relative; margin: 0 auto; padding: 12px; background-color: #fff; border: 1px solid #f2f2f2; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-factshow .box-big div { position: relative; overflow: hidden; }



.m-factshow .box-big .img { line-height: 0; font-size: 0; text-align: center; }



.m-factshow .box-big .title { position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; line-height: 36px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; text-align: center; color: #fff;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #333; background-color: rgba(0,0,0,.3); }



.m-factshow .box-small { margin-top: 40px; margin-left: auto; margin-right: auto; }



.m-factshow .box-btn { position: absolute; top: 50%; margin-top: -90px; display: block; width: 50px; line-height: 48px; text-align: center; font-size: 20px; font-size: 2rem; color: #333; border: 1px solid #ccc; border-radius: 50%; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-factshow .box-btn.prev { left: 0; }



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



.m-factshow .box-btn:hover { color: #fff; background-color: #333333; }



.m-factshow .box-list { overflow: hidden; }



.m-factshow .box-list ul { width: 1000%; }



.m-factshow .box-list ul li { float: left; margin-right: 0.28404%; width: 1.77109%; }



.m-factshow .list-item { position: relative; padding: 4px; border: 1px solid #ccc; }



.m-factshow .list-item.active { border-color: #1841b7; }



@media screen and (max-width: 959px) { .m-factshow { margin-top: 30px; }

  .m-factshow .box-wp { padding: 0 50px; }

  .m-factshow .box-big { padding: 3px; }

  .m-factshow .box-small { margin-top: 10px; }

  .m-factshow .box-list ul li { margin-right: .2%; width: 3.2%; }

  .m-factshow .list-item { padding: 3px; }

  .m-factshow .box-btn { margin-top: -17px; width: 32px; line-height: 30px; } }



@media screen and (max-width: 480px) { .m-factshow .box-list ul li { margin-right: .2%; width: 4.8%; } }



.m-factt { margin-bottom: 32px; font-size: 24px; font-size: 2.4rem; text-align: center; }



.m-factdesc { margin-top: 42px; color: #555; text-align: center; }



.m-factlst .box-item { margin-top: 56px; overflow: hidden; }



.m-factlst .box-item:first-child { margin-top: 0; }



.m-factlst .box-item1 { background: url("../images/factlstbg1.png") no-repeat right center; }



.m-factlst .box-item2 { background: url("../images/factlstbg1.png") no-repeat left center; }



.m-factlst .box-img { position: relative; padding-left: 60px; padding-right: 60px; width: 44.78571%; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-factlst .box-img1 { float: left; }



.m-factlst .box-img2 { float: right; }



.m-factlst .box-btn { position: absolute; top: 50%; margin-top: -22px; width: 44px; line-height: 44px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; background-color: #333; background-color: rgba(51, 51, 51, 0.1); }



.m-factlst .box-btn.prev { left: 0; }



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



.m-factlst .box-btn:hover { background-color: #1841b7; background-color: rgba(51, 51, 51, 0.2); }



.m-factlst .box-list { width: 1000%; }



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



.m-factlst .box-fix { padding-top: 6.14286%; padding-bottom: 20px; overflow: hidden; }



.m-factlst .box-fix1 { padding-left: 4%; padding-right: 6.85714%; }



.m-factlst .box-fix2 { padding-left: 3.21429%; padding-right: 8.07143%; }



.m-factlst .box-title { position: relative; padding-left: 96px; line-height: 66px; font-size: 24px; font-size: 2.4rem; font-family: "OPENSANSSEMIBOLD"; }



.m-factlst .box-title span { position: absolute; left: 0; top: 0; width: 74px; height: 66px; font-size: 24px; font-size: 2.4rem; font-family: "OPENSANSSEMIBOLD"; color: #fff; text-align: center; background-color: #1841b7; }



.m-factlst .box-desc { margin-top: 49px; max-height: 120px; line-height: 30px; font-size: 16px; font-size: 1.6rem; overflow: hidden; }



@media screen and (max-width: 1219px) { .m-factlst .box-fix { padding-top: 30px; }

  .m-factlst .box-desc { margin-top: 30px; } }



@media screen and (max-width: 959px) { .m-factlst .box-item { margin-top: 30px; background: none; }

  .m-factlst .box-btn { margin-top: -19px; width: 38px; line-height: 38px; font-size: 18px; font-size: 1.8rem; }

  .m-factlst .box-img { float: none; margin: 0 auto; width: 100%; max-width: 627px; }

  .m-factlst .box-fix { padding: 25px; }

  .m-factlst .box-title { padding-left: 45px; line-height: 30px; font-size: 14px; font-size: 1.4rem; }

  .m-factlst .box-title span { width: 30px; height: 30px; font-size: 14px; font-size: 1.4rem; }

  .m-factlst .box-desc { margin-top: 15px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }



.m-flst { margin-bottom: -51px; overflow: hidden; }



.m-flst .list-item { position: relative; float: left; margin-right: 1.57143%; margin-bottom: 51px; width: 32.14286%; }



.m-flst .item-num { position: absolute; z-index: 2; left: 0; top: 0; width: 74px; height: 66px; line-height: 66px; font-size: 24px; font-size: 2.4rem; font-family: "OPENSANSSEMIBOLD"; color: #fff; text-align: center; background-color: #1841b7; }



.m-flst .item-title { margin-top: 14px; height: 24px; line-height: 24px; font-size: 18px; font-size: 1.8rem; font-family: "OPENSANSSEMIBOLD"; text-align: center; text-overflow: ellipsis; white-space: nowrap; }



@media screen and (max-width: 959px) { .m-flst { margin-bottom: -30px; }

  .m-flst .list-item { margin-bottom: 30px; }

  .m-flst .item-num { width: 40px; height: 40px; line-height: 40px; font-size: 14px; font-size: 1.4rem; }

  .m-flst .item-title { font-size: 14px; font-size: 1.4rem; } }



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



.m-fact { padding-top: 34px; padding-bottom: 56px; }



.m-fact .box-title { position: relative; margin-bottom: 79px; padding-bottom: 22px; font-size: 30px; font-size: 3rem; font-family: "OPENSANSSEMIBOLD"; border-bottom: 1px solid #bfbfbf; }



.m-fact .box-title:before { content: ""; position: absolute; left: 0; bottom: -3px; width: 170px; height: 5px; background-color: #1841b7; }



.m-fact .box-bd { position: relative; padding-left: 104px; padding-right: 104px; }



.m-fact .box-btn { position: absolute; top: 50%; margin-top: -22px; width: 44px; line-height: 44px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; background-color: #2c2c2c; background-color: rgba(44, 44, 44, 0.1); }



.m-fact .box-btn:hover { background-color: #1841b7; background-color: rgba(44, 44, 44, 0.2); }



.m-fact .box-btn.prev { left: 0; }



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



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



.m-fact .list-item { float: left; margin-right: 0.58725%; width: 2.06376%; }



.m-fact .item-top { position: relative; display: block; overflow: hidden; }



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



.m-fact .item-modal { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



.m-fact .item-modal .iconfont { position: absolute; left: 0; right: 0; top: 50%; margin: -20px; text-align: center; font-size: 32px; font-size: 3.2rem; color: #fff; }



.m-fact .item-title { margin-top: 15px; height: 24px; line-height: 24px; font-size: 20px; font-size: 2rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; }



.m-fact2 { background: url("../images/certbg1.jpg") no-repeat center; background-size: cover; }



@media screen and (max-width: 959px) { .m-fact { padding: 25px 0; }

  .m-fact .box-title { margin-bottom: 25px; font-size: 24px; font-size: 2.4rem; }

  .m-fact .box-bd { padding: 0 40px; }

  .m-fact .box-btn { width: 30px; line-height: 30px; font-size: 18px; font-size: 1.8rem; }

  .m-fact .item-title { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 480px) { .m-fact .list-item { margin-right: .4%; width: 4.8%; } }



.m-ctuswp { padding-left: 5.21429%; padding-right: 5.21429%; padding-top: 2%; padding-bottom: 7.64286%; background: url("../images/ctusmap1.png") no-repeat center 20px; background-color: #fff; }



.m-ctusinfo { font-size: 0; letter-spacing: 0; text-align: center; }



.m-ctusinfo .list-item { vertical-align: top; padding: 0 3.07143%; display: inline-block; *display: inline; *zoom: 1; width: 25%; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-ctusinfo .item-title { margin-top: 18px; font-size: 18px; font-size: 1.8rem; font-family: "OPENSANSSEMIBOLD"; color: #1841b7; }



.m-ctusinfo .item-desc { margin-top: 2px; line-height: 24px; font-size: 16px; font-size: 1.6rem; word-break: break-word; }



@media screen and (max-width: 1219px) { .m-ctusinfo .list-item { padding: 0 2%; }

  .m-ctusinfo .item-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 480px) { .m-ctusinfo .list-item { padding: 0 2% 25px; width: 46%; max-width: 46%; } }



.m-ctusform { margin-top: 87px; margin-left: auto; margin-right: auto; max-width: 866px; }



.m-ctusform .box-title { font-size: 30px; font-size: 3rem; text-align: center; }



.m-ctusform .box-desc { margin-top: 19px; margin-bottom: 28px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #4d4d4d; text-align: center; }



.m-ctusform .form-item { float: left; margin-top: 18px; padding-left: 16px; border-bottom: 1px solid #c9c9c9; -moz-box-sizing: border-box; box-sizing: border-box; }



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



.m-ctusform .form-item:first-child { margin-top: 0; }



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



.m-ctusform .form-item2 { margin-right: 3.34873%; width: 30.25404%; }



.m-ctusform .form-item3 { width: 17.09007%; border: 1px solid #d2d2d2; }



.m-ctusform .form-item3 a { display: block; line-height: 48px; text-align: center; }



.m-ctusform .form-item3 a img { max-height: 48px; vertical-align: middle; }



.m-ctusform .form-text { padding-left: 28px; width: 100%; height: 50px; line-height: 50px; font-size: 16px; font-size: 1.6rem; color: #4d4d4d; background-repeat: no-repeat; background-position: left 13px; -moz-box-sizing: border-box; box-sizing: border-box; }



.m-ctusform .form-text::-webkit-input-placeholder { color: #4d4d4d; opacity: 1; }



.m-ctusform .form-text:-moz-placeholder { color: #4d4d4d; opacity: 1; }



.m-ctusform .form-text::-moz-placeholder { color: #4d4d4d; opacity: 1; }



.m-ctusform .form-text:-ms-input-placeholder { color: #4d4d4d; opacity: 1; }



.m-ctusform .form-text.name { background-image: url("../images/cicon1.png"); }



.m-ctusform .form-text.email { background-image: url("../images/cicon2.png"); }



.m-ctusform .form-text.tel { background-image: url("../images/cicon3.png"); }



.m-ctusform .form-text.country { background-image: url("../images/cicon4.png"); }



.m-ctusform .form-text.msg { background-image: url("../images/cicon5.png"); }

.m-ctusform .form-text.qq { background-image: url("../images/qq.png"); }

.m-ctusform .form-text.wechat { background-image: url("../images/wechat.png"); }



.m-ctusform .form-text3 { padding-left: 0; }



.m-ctusform .form-text2 { height: 184px; }



.m-ctusform .form-ft { margin-top: 37px; }



.m-ctusform .form-btn { width: 184px; height: 50px; font-size: 18px; font-size: 1.8rem; color: #fff; text-transform: uppercase; background-color: #1841b7; }



@media screen and (max-width: 959px) { .m-ctusform .form-item { margin-top: 15px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }

  .m-ctusform .form-text { font-size: 14px; font-size: 1.4rem; }

  .m-ctusform .form-ft { margin-top: 30px; } }



@media screen and (max-width: 959px) { .m-ctusform { margin-top: 30px; }

  .m-ctusform .box-title { font-size: 24px; font-size: 2.4rem; }

  .m-ctusform .box-desc { margin-top: 15px; margin-bottom: 25px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }



.m-ctusmap { margin-top: 66px; overflow: hidden; }



.m-ctusmap .box-item1 { width: 100%; margin-bottom: 81px; }



.m-ctusmap .box-item2 { width: 48.96332%; }



.m-ctusmap .item-title { font-size: 26px; font-size: 2.6rem; }



.m-ctusmap .item-desc { margin-top: 6px; line-height: 32px; min-height: 64px; font-size: 20px; font-size: 2rem; }



.m-ctusmap .item-map { margin-top: 19px; line-height: 0; font-size: 0; }



.m-ctusmap .item-map iframe { width: 100%; }



@media screen and (max-width: 959px) { .m-ctusmap { margin-top: 30px; }

  .m-ctusmap .box-item { margin-top: 30px; margin-bottom: 0; width: 100%; }

  .m-ctusmap .box-item:first-child { margin-top: 0; }

  .m-ctusmap .item-title { font-size: 18px; font-size: 1.8rem; }

  .m-ctusmap .item-desc { line-height: 24px; min-height: 0; font-size: 14px; font-size: 1.4rem; }

  .m-ctusmap .item-map { margin-top: 15px; } }



/*# sourceMappingURL=style.css.map */

.m-page a.no:hover {color: #333;background:#fff;border: 1px solid #a0a0a0;}

.prob-info-link a.no:hover { color: #c08b4e;background:#F5F5F5;border: 1px solid #c08b4e;}

.m-prob1 .prob-link a.no:hover {

    color: #555;

    background-color: #f6f6f6;

    border-color: #a0a0a0;

}

.m-oths p a.no:hover{color: #888;}

.activess{background: url("../images/sdnav2.png") no-repeat 16px 14px;color: #0484bd!important;}

.ppp{line-height: 30px;}

.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;}







.chanxiazai{ cursor:pointer;}

.theme-buy {text-align: center;}

.theme-gobuy, .theme-signin {font-size: 15px;}

.theme-desc {}

.theme-version {}

.theme-popover {z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%; background:rgba(0,0,0,0.3); display:none;}

.theme-poptit {padding:12px;position: relative; padding-bottom:0px;}

.kexin{ top:40%;left:50%;width:647px;height:630px;margin:-188px 0 0 -324px; position:absolute; background:#fff;}

.theme-poptit .close {float:right; width:30px; height:30px; background:url(../img/guanbi.jpg)}

.theme-poptit .close:hover {color:#444;}

.theme-poptit h3{ font-size:24px; font-size:2.4rem; font-weight:bold; color:#000;font-family: 'kalinga'; text-align:center; line-height:36px; margin-bottom:auto;}

.denglu{ width:543px; margin:auto; margin-top:13px;}

.denglu .int1{ width:249px; float:left; margin-bottom:12px;}

.denglu .int2{ width:249px; float:right; margin-bottom:12px;}

.denglu .int1 p,.denglu .int2 p{ font-size:14px; font-size:1.4rem; line-height:30px;font-family: 'kalinga';}

.denglu .int1 input,.denglu .int2 input{ width:236px; height:36px; border:1px solid #999999; margin-top:2px; padding-left:10px;}

.denglu .int3{ display:block; width:163px; height:39px; border-radius:20px; background:#234fa3; margin:auto; font-size:16px; font-size:1.6rem; color:#fff; font-family:Verdana, Geneva, sans-serif; margin-top:31px;}

@media screen and (max-width:719px){

.kexin{ width:96%; left:0px; margin-left:2%;}

.denglu{ width:280px;}

.denglu .int1{ width:135px;}

.denglu .int2{ width:135px;}

.denglu .int1 input,.denglu .int2 input{ width:123px;}

.theme-poptit h3{ font-size:18px; font-size:1.8rem; line-height:22px;}

}





















.theme-popover .form-item { float: left; margin-top: 18px; padding-left: 16px; border-bottom: 1px solid #c9c9c9; -moz-box-sizing: border-box; box-sizing: border-box; }



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



.theme-popover .form-item:first-child { margin-top: 0; }



.theme-popover .form-item1 { width: 100%; }



.theme-popover .form-item2 { margin-right: 3.34873%; width: 30.25404%; }



.theme-popover .form-item3 { width: 17.09007%; border: 1px solid #d2d2d2; }



.theme-popover .form-item3 a { display: block; line-height: 48px; text-align: center; }



.theme-popover .form-item3 a img { max-height: 48px; vertical-align: middle; }



.theme-popover .form-text { padding-left: 28px; width: 100%; height: 50px; line-height: 50px; font-size: 16px; font-size: 1.6rem; color: #4d4d4d; background-repeat: no-repeat; background-position: left 13px; -moz-box-sizing: border-box; box-sizing: border-box; }



.theme-popover .form-text::-webkit-input-placeholder { color: #4d4d4d; opacity: 1; }



.theme-popover .form-text:-moz-placeholder { color: #4d4d4d; opacity: 1; }



.theme-popover .form-text::-moz-placeholder { color: #4d4d4d; opacity: 1; }



.theme-popover .form-text:-ms-input-placeholder { color: #4d4d4d; opacity: 1; }



.theme-popover .form-text.name { background-image: url("../images/cicon1.png"); }



.theme-popover .form-text.email { background-image: url("../images/cicon2.png"); }



.theme-popover .form-text.tel { background-image: url("../images/cicon3.png"); }



.theme-popover .form-text.country { background-image: url("../images/cicon4.png"); }



.theme-popover .form-text.msg { background-image: url("../images/cicon5.png"); }

.theme-popover .form-text.qq { background-image: url("../images/qq.png"); }

.theme-popover .form-text.wechat { background-image: url("../images/wechat.png"); }

.theme-popover .form-text3 { padding-left: 0; }



.theme-popover .form-text2 { height: 54px; }



.theme-popover .form-ft { margin-top: 37px; }



.theme-popover .form-btn { width: 184px; height: 50px; font-size: 18px; font-size: 1.8rem; color: #fff; text-transform: uppercase; background-color: #1841b7; }



@media screen and (max-width: 959px) { .theme-popover .form-item { margin-top: 15px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }

  .theme-popover .form-text { font-size: 14px; font-size: 1.4rem; }

  .theme-popover .form-ft { margin-top: 30px; } }



@media screen and (max-width: 959px) {



.theme-popover .box-item1 { width: 100%; margin-bottom: 81px; }



.theme-popover .box-item2 { width: 48.96332%; }



@media screen and (max-width: 959px) {

  .theme-popover .box-item { margin-top: 30px; margin-bottom: 0; width: 100%; }

  .theme-popover .box-item:first-child { margin-top: 0; }

 }