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







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







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







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







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: #076ce0; }







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:"Microsoft YaHei","微软雅黑"; }







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



.height104{ height:104px; }



/* .c-xx start */



.c-fl { float: left; }







.c-fr { float: right; }







.c-cb { clear: both; }







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







.c-oh { overflow: hidden; }







.c-wd { width: 1200px; }







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







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







.c-pr { position: relative; }







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







/* .c-xx end */



/* .f-xx start */



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







.f-box { margin: 0 auto; max-width: 1200px; overflow: visible; }







@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; -webkit-box-sizing: border-box; -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: #076ce0; }







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







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







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



.znbpic{border-radius: 50%;}



/* .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: #076ce0; }







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







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







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







.m-crm .box-wp { padding: 19px 0; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #555; }







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







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







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







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







.m-oths .oths-item { position: relative; padding-left: 22px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; }







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







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







.m-oths .oths-item .iconfont { position: absolute; left: 0; top: 9px; width: 18px; height: 18px; line-height: 18px; font-size: 10px; font-size: 1rem; color: #fff; text-align: center; border-radius: 50%; background-color: #076ce0; }







.m-oths .oths-item-1 { border-bottom: 1px dashed #cfcfcf; }







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







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







.m-page a { margin: 0 8px; display: inline-block; *display: inline; *zoom: 1; width: 28px; height: 28px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; border: 1px solid #eee; background-color: #eee; -webkit-box-sizing: border-box; -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 span { margin: 0 8px; display: inline-block; *display: inline; *zoom: 1; width: 28px; height: 28px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; border: 1px solid #eee; background-color: #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; color: #076ce0; border-color: #076ce0;}









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







.m-page a:hover { color: #076ce0; border-color: #076ce0; }







.m-page a.active { color: #076ce0; border-color: #076ce0; }







.m-page2 { position: relative; text-align: right; }







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







.m-kf .kf-item { position: relative; left: 0; display: block; line-height: 0; font-size: 0; width: 108px; margin-bottom: 2px; background-color: #076ce0; border-radius: 5px; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }







.m-kf .kf-item:hover { background-color: #13c1f3; }







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







.m-kf .kf-item1:hover { left: -39px; }







.m-kf .kf-item1.active { left: -39px; }







.m-kf .kf-wx { position: absolute; display: none; right: 100%; bottom: 0; width: 150px; }







@media screen and (max-width: 767px) { .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: #076ce0; }



  .m-kf .kf-item { left: 0 !important; width: 20%; text-align: center; background-color: #076ce0; }



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



  .g-ft { padding-bottom: 83px !important; } }







.returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 30px; width: 70px; line-height: 70px; background-color: #076ce0; border-radius: 5px; font-size: 30px; font-size: 3rem; color: #fff; text-align: center; display: none; }







.returntop:hover { color: #fff; }







@media screen and (max-width: 959px) { .returntop { right: 0; bottom: 85px; width: 40px; line-height: 40px; font-size: 20px; font-size: 2rem; } }







.g-hd { position: fixed; left: 0; top: 0; right: 0; z-index: 9; }







.m-hdfix1 { background-color: #076ce0; }







.m-hdlang { position: relative; z-index: 8; float: left; }







.m-hdlang .lang-btn { position: relative; display: block; padding-top: 4px; padding-bottom: 4px; padding-left: 40px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #fff; background: url("../images/lang1.png") no-repeat left center; }







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







.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: #076ce0; background-color: #fff; }







.m-hdlang .lang-item.active { color: #076ce0; background-color: #fff; }







.m-hdsch { position: relative; float: left; margin-left: 19px; }







.m-hdsch .sch-btn { display: block; width: 28px; padding-top: 4px; padding-left: 16px; padding-bottom: 4px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #fff; }







.m-hdsch .sch-btn:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -11px; width: 1px; height: 22px; background-color: #6e9dc6; }







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







.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; -webkit-box-sizing: border-box; -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 { background: url("../images/hbg1.jpg") no-repeat center top; }







.m-hdlogo { float: left; display: block; line-height: 0; font-size: 0; padding-top: 16px; padding-bottom: 37px; width:200px }



.m-hdlogo img{ width:100%}



.m-hdnav { float: left; margin-left: 118px; }







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







.m-hdnav .nav-item > a { display: block; padding-top: 38px; padding-bottom: 35px; border-bottom: #083b73 solid 3px; line-height: 30px; font-size: 20px; font-size: 2rem; color: #fff; }



.m-hdnav .nav-item > a:hover { border-bottom: #fff solid 3px; }



.m-hdnav .nav-item .current{ border-bottom: #fff solid 3px !important; }



.m-hdnav .sbnav-list { position: absolute; z-index: 10; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #076ce0; }







.m-hdnav .sbnav-wp { padding-top: 6px; padding-bottom: 6px; padding-left: 2px; padding-right: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







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







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







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



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







.m-hdnav .sbnav-item { position: relative; }







.m-hdnav .sbnav-item a { position: relative; display: block; padding-top: 8px; padding-bottom: 8px; padding-left: 21px; padding-right: 10px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: left; background: #076ce0; }







.m-hdnav .sbnav-item a:hover { color: #333; background-color: #fff; }







.m-hdnav .sbnav-item .current {  border-bottom: #fff solid 3px !important; display: block; }



.m-hdnav .sbnav-item> a.current:before { display: block; }







.m-hdnav .sbnav-item:first-child { margin-top: 0; }







.m-hdnav .sbnav-item:last-child > a { border-bottom: none; }







@media screen and (max-width: 1219px) { .m-hdfix2 { background-position-x: 41%; }



  .m-hdlogo { width: 250px; }



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



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



  .m-hdnav .sbnav-list2 { left: auto; right: 100%; } }







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



  .m-hdnav { display: none; }



  .m-hdfix1 { background-color: #333; }



  .m-hdlogo { float: none; width: 40%; padding: 10px 0; text-align: center; margin:0 auto }



  .m-hdfix2 { background: none; }



  .m-hdfix1 .box-fix { float: left; }



  .m-hdsch .sch-btn:before { background-color: #fff; }



  .m-hdsch .sch-form { right: auto; left: 0; width: 204px; }



  .m-hdsch .form-text { width: 170px; } }







.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:"Microsoft YaHei","微软雅黑"; }







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







.wap-nav .nav form .iptc { -webkit-box-sizing: border-box; -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; -webkit-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: #076ce0; }







@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: #076ce0; }



  .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: #076ce0; } }







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







.banner .index_focus_pre, .banner .index_focus_next { position: absolute; z-index: 9; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 48px; text-align: center; font-size: 10px; font-size: 1rem; color: #fff; border: 1px solid #fff; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block !important; display: none !important; }







.banner .index_focus_pre { left: 3.64583%; }







.banner .index_focus_pre:hover { color: #fff; border-color: #076ce0; background-color: #076ce0; }







.banner .index_focus_next { right: 3.64583%; }







.banner .index_focus_next:hover { color: #fff; border-color: #076ce0; background-color: #076ce0; }







.banner .slide_nav { position: absolute; z-index: 9999; left: 0; bottom: 27px; width: 100%; letter-spacing: 0; text-align: center; }







.banner .slide_nav a { margin: 0 15px; display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; background-image: url("../images/dot1.png"); background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% 100%; background-size: 100% 100%; }







.banner .slide_nav a.on { background-image: url("../images/dot2.png"); }







.banner1 { height: 700px; }







.banner2 { height: 450px; }







@media screen and (min-width: 1000px) and (max-width: 1219px) { .banner1 { height: 560px; }



  .banner2 { height: 360px; } }







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



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



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







.m-htt { padding: 30px 0; line-height: 30px; font-size: 40px; font-size: 4rem; font-weight: bold; text-align: center; text-transform: uppercase; color: #004898; background: url("../images/htbg1.png") no-repeat center; }







.m-htt a { color: #004898; text-transform: uppercase;}







.m-htt a:hover { color: #076ce0; }







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







.g-hpro { margin-top: 61px; }







.g-hpro .box-title { margin-bottom: 55px; }







.m-hpro { float: left; margin-right: 3.25%; width: 49.33333%; overflow: hidden; }







.m-hpro .box-tabhd { float: right; margin-left: 3.88514%; padding-left: 10px; width: 47.97297%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-hpro .tabhd-item { position: relative; margin-top: 5px; display: block; line-height: 36px; padding-left: 14.59854%; font-size: 18px; font-size: 1.7rem; color: #fff; border-radius: 4px; background-color: #076ce0; }







.m-hpro .tabhd-item.active:before { content: ""; position: absolute; right: 100%; top: 50%; margin-top: -5px; width: 0; height: 0; border-right: 10px solid #076ce0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }







.m-hpro .tabhd-item:first-child { margin-top: 0; }







.m-hpro .box-tabbd { overflow: hidden; }







.m-hpro .tabbd-item { display: none; border: 1px solid #bfbfbf; }







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







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







.m-hvideo { position: relative; overflow: hidden; }







.m-hvideo .box-btn { position: absolute; z-index: 2; bottom: 0; width: 26px; line-height: 26px; font-size: 13px; font-size: 1.3rem; color: #fff; text-align: center; background-color: #59a4d3; background-color: rgba(89, 164, 211, 0.5); }







.m-hvideo .box-btn.prev { right: 27px; }







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







.m-hvideo .box-btn:hover { background-color: #076ce0; }







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







.m-hvideo .list-item { float: left; width: 10%; overflow: hidden; }







.m-hvideo .item-video { position: relative; padding-top: 63.88752%; line-height: 0; font-size: 0; overflow: hidden; }

.m-hvideo .item-video img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}





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







@media screen and (max-width: 1219px) { .m-hpro .tabhd-item { line-height: 28px; font-size: 14px; font-size: 1.4rem; } }







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



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



  .m-hpro .box-tabbd { margin-bottom: -25px; overflow: hidden; }



  .m-hpro .tabbd-item { display: block; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 25px; width: 23%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



  .m-hpro .item-title { display: block; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; padding: 0 5px; background-color: #076ce0; text-overflow: ellipsis; white-space: nowrap; }



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



  .m-hvideo { max-width: 569px; }



  .m-hvideo .item-video { padding-top: 55.88752%; } }







@media screen and (max-width: 767px) { .g-hpro { margin-top: 20px; }



  .g-hpro .box-title { margin-bottom: 20px; } }







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







.g-habt { margin-top: 70px; overflow: hidden; background-color: #061c33; }







.g-habt .box-img { position: relative; float: left; width: 59.58333%; overflow: hidden; }







.g-habt .box-list { width: 1000%; overflow: hidden; }







.g-habt .list-wp { float: left; width: 10%; overflow: hidden; }







.g-habt .box-page { position: absolute; right: 25px; bottom: 17px; font-size: 0; letter-spacing: 0; }







.g-habt .page-item { margin: 0 7px; display: inline-block; *display: inline; *zoom: 1; width: 16px; height: 16px; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; }







.g-habt .page-item.active { background-color: #076ce0; background-color: white; }







.g-habt .box-fix { padding-left: 3.48958%; padding-right: 3.48958%; padding-top: 3.69792%; padding-bottom: 10px; overflow: hidden; }







.g-habt .box-text { max-width: 320px; overflow: hidden; color: #fff; text-align: center; }







.g-habt .box-text a { color: #fff; text-transform: uppercase;}







.g-habt .box-text a:hover { color: #ccc; }







.g-habt .box-title { font-size: 40px; font-size: 4rem; font-weight: bold; }







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







.g-habt .box-desc a { display: block; max-height: 104px; line-height: 26px;font-size: 1.8rem; overflow: hidden; font-size: 1.45rem;  }







.g-habt .box-link { margin-top: 36px; font-size: 0; letter-spacing: 0; }







.g-habt .box-link a {text-transform: uppercase; margin-top: 13px; margin-left: auto; margin-right: auto; display: inline-block; *display: inline; *zoom: 1; width: 100%; max-width: 222px; padding: 14px 5px; line-height: 30px; font-size: 20px; font-size: 2rem; text-align: center; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; }







.g-habt .box-link a:hover { color: #333; background-color: #fff; }







.g-habt .box-link a:first-child { margin-top: 0; }







@media screen and (max-width: 1650px) { .g-habt .box-link a { padding-top: 3px; padding-bottom: 3px; font-size: 14px; font-size: 1.4rem; } }







@media screen and (max-width: 1400px) { .g-habt { margin-left: auto; margin-right: auto; max-width: 1144px; }



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



  .g-habt .box-fix { padding: 30px; }



  .g-habt .box-text { max-width: 100%; }



  .g-habt .box-link a { max-width: 180px; margin: 0 10px; } }







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



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



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



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



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



  .g-habt .box-link a { margin: 10px; }



  .g-habt .box-page { right: 15px; bottom: 15px; }



  .g-habt .page-item { margin: 0 5px; width: 10px; height: 10px; } }







.g-hsolution { margin-top: 61px; }







.g-hsolution .box-title { margin-bottom: 28px; }







.m-hsolution { margin-bottom: -6px; overflow: hidden; }







.m-hsolution .list-item { position: relative; float: left; margin-right: 0.33333%; margin-bottom: 6px; width: 33.08333%; overflow: hidden; }







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







.m-hsolution .item-title { position: absolute; left: 0; top: 12px; z-index: 2; height: 24px; line-height: 24px; padding: 0 16px; width: 100%; font-size: 18px; font-size: 1.8rem; color: #fff; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; }







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







.m-hsolution .item-title a:hover { color: #ccc; }







.m-hsolution .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-hsolution .item-modal a { position: absolute; left: 0; right: 0; margin-top: -30px; margin-left: auto; margin-right: auto; top: 50%; width: 90px; padding-top: 41px; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: center; background: url("../images/vm1.png") no-repeat center top; }







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







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



  .g-hsolution .box-title { margin-bottom: 30px; } }







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







.g-hnews { margin-top: 80px; padding-top: 60px; padding-bottom: 120px; background-color: #083b73; }







.g-hnews .box-title { margin-bottom: 39px; background-image: url("../images/htbg2.png"); }







.g-hnews .box-title a { color: #fff; }







.g-hnews .box-title a:hover { color: #ccc; }







.m-hnews { overflow: hidden; }







.m-hnews .list-item { float: left; margin-right: 3.91667%; width: 30.66667%; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 23px; padding-bottom: 20px; padding-left: 19px; padding-right: 19px; }







.m-hnews .item-name { height: 30px; line-height: 30px; font-size: 26px; font-size: 2.6rem; color: #004898; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }







.m-hnews .item-name a { color: #004898; }







.m-hnews .item-name a:hover { color: #076ce0; }







.m-hnews .item-pic { margin-top: 14px; }







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







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







.m-hnews .item-desc a { display: block; height: 78px; line-height: 26px; font-size: 14px; font-size: 1.4rem; text-indent: 28px; color: #333; overflow: hidden; }







.m-hnews .item-desc a:hover { color: #076ce0; }







.m-hnews .item-link { margin-top: 18px; display: block; width: 115px; line-height: 38px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #076ce0; border-radius: 5px; }







.m-hnews .item-link:hover { background-color: #004898; }







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



  .g-hnews .box-title { margin-bottom: 30px; }



  .m-hnews .list-item { padding: 10px; }



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



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







@media screen and (max-width: 480px) { .m-hnews .list-item { margin-right: 0; margin-top: 25px; width: 100%; }



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







.g-hpartner { padding-top: 60px; padding-bottom: 62px; }







.g-hpartner .box-title { margin-bottom: 46px; }







.m-hpartner { position: relative; padding-left: 78px; padding-right: 78px; }







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







.m-hpartner .list-item { float: left; margin-right: 0.009579%; width: 0.159004%; }







.m-hpartner .box-btn { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 24px; font-size: 2.4rem; color: #afcfed; }







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







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







.m-hpartner .box-btn:hover { color: #076ce0; }







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



  .g-hpartner .box-title { margin-bottom: 30px; }



  .m-hpartner { padding: 0 45px; }



  .m-hpartner .list-item { margin-right: 0.02%; width: 0.32%; } }







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







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







.g-ft { background-color: #e5e5e5; }







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







.m-ftfix2 { padding-top: 10px; padding-bottom: 10px; line-height: 30px; background-color: #076ce0; }







.m-ftb1 { float: left; margin-right: 12.5%; width: 28.41667%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-ftb2 { padding-left: 10.5%; border-left: 1px solid #bfbfbf; overflow: hidden; }







.m-fttext { margin-top: 31px; line-height: 30px; font-size: 14px; font-size: 1.4rem; }







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







.m-ftlogo { font-size: 0; line-height: 0; display: block; max-width: 244px; }







.m-ftmsg { margin-top: 25px; line-height: 24px; font-size: 16px; font-size: 1.6rem; font-weight: bold; }







.m-ftshare { margin-top: 21px; font-size: 0; letter-spacing: 0; }







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







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







.m-ftt { margin-bottom: 23px; font-size: 16px; font-size: 1.6rem; font-weight: bold; }







.m-ftinfo { overflow: hidden; line-height: 32px; font-size: 14px; font-size: 1.4rem; }







.m-ftinfo .iconfont { position: absolute; left: 0; top: 0; color: #666; }







.m-ftinfo .info-item { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; }







.m-ftinfo .info-item:first-child { float: right; margin-left: 1.71821%; width: 54.98282%; }







.m-ftlnk { overflow: hidden; min-height: 30px; }







.m-ftlnk .list-item { float: left; margin-right: 30px; color: #fff; font-size: 14px; font-size: 1.4rem; }







.m-ftlnk .list-item a { color: #fff; }







.m-ftlnk .list-item a:hover { color: #fff; text-decoration: underline; }







@media screen and (max-width: 1219px) { .m-ftshare .share-item { margin-right: 10px; width: 28px; }



  .m-ftshare .share-item svg { width: 28px; height: 28px; }



  .m-ftshare .share-item image { width: 28px; height: 28px; } }







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



  .m-fttext { margin-top: 0; text-align: center; font-size: 14px; font-size: 1.4rem; }



  .m-ftfix1 { padding: 0; }



  .g-ft { padding: 30px 0; }



  .m-ftshare { margin: 0; padding-top: 10px; padding-left: 10px; } }







.m-mnav { margin-bottom: 22px; background-color: #eee; font-size: 0; letter-spacing: 0; text-align: center; }







.m-mnav .nav-item { margin: 0 15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 20px 2.5%; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #004898; font-weight: bold; }







.m-mnav .nav-item:hover { color: #fff; background-color: #076ce0; }







.m-mnav .nav-item.active { color: #fff; background-color: #076ce0; }







@media screen and (max-width: 767px) { .m-mnav .nav-item { margin: 0 5px; padding-top: 10px; padding-bottom: 10px; font-size: 12px; font-size: 1.2rem; font-weight: normal; } }







.m-abtb { margin-top: 5px; background-repeat: no-repeat; background-position: center; }







.m-abtb .box-text { display: table-cell; width: 1200px; height: 580px; vertical-align: middle; }







.m-abtb .box-title { font-size: 30px; font-size: 3rem; font-weight: bold; }







.m-abtb .box-desc { margin-top: 31px; }







.m-abtb1 { background-image: url("../images/abtbg1.jpg"); }







.m-abtb1 .box-wp { padding-right: 50%; }







.m-abtb1 .box-text { color: #fff; }







.m-abtb2 { background-image: url("../images/abtbg2.jpg"); }







.m-abtb2 .box-wp { padding-left: 44.83333%; }







.m-abtb2 .box-text { color: #555; }







@media screen and (max-width: 959px) { .m-abtb { background: none; }



  .m-abtb .box-wp { padding: 10px 0; }



  .m-abtb .box-text { display: block; width: 100%; height: auto; color: #555; } }







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



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



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







.m-team { margin-top: 60px; }







.m-team .box-title { font-size: 30px; font-size: 3rem; font-weight: bold; text-align: center; }







.m-team .box-cname { margin-top: 17px; font-size: 18px; font-size: 1.8rem; text-align: center; }







.m-team .box-wp { position: relative; margin-top: 41px; }







.m-team .box-btn { position: absolute; z-index: 2; top: 50%; margin-top: -18px; width: 36px; height: 36px; line-height: 32px; font-size: 18px; font-size: 1.8rem; text-align: center; color: #fff; color: rgba(255, 255, 255, 0.5); border: 2px solid #fff; border-color: rgba(255, 255, 255, 0.5); border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-team .box-btn.prev { left: 19px; }







.m-team .box-btn.next { right: 19px; }







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







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







.m-team .list-item { float: left; margin-right: 0.08333%; width: 2.4375%; }







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



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



  .m-team .box-cname { font-size: 14px; font-size: 1.4rem; }



  .m-team .box-wp { margin-top: 30px; }



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







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







.m-mpartner { padding-top: 64px; padding-bottom: 82px; }







.m-mpartner .box-title { margin-bottom: 53px; font-size: 30px; font-size: 3rem; font-weight: bold; text-align: center; }







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



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







.g-wp { padding-bottom: 101px; }







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







.m-fact { margin-top: 6px; position: relative; overflow: hidden; }







.m-fact .box-img { position: relative; overflow: hidden; }







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







.m-fact .list-wp { float: left; width: 10%; }







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







.m-fact .page-item { margin: 0 15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 18px; height: 18px; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; }







.m-fact .page-item.active { background-color: #076ce0; background-color: white; }







.m-fact .box-title { font-size: 30px; font-size: 3rem; font-weight: bold; }







.m-fact .box-desc { margin-top: 11px; }







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







.m-fact .box-fix { position: absolute; top: 0; height: 100%; }







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







.m-fact .box-cell { display: table-cell; width: 500px; max-width: 100%; height: 100%; vertical-align: middle; }







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







.m-fact1 { padding-left: 44.79167%; background-color: #011c3a; }







.m-fact1 .box-fix { left: 0; width: 44.79167%; padding-left: 20px; padding-right: 2.39583%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-fact1 .box-table { float: right; }







.m-fact1 .box-text { color: #fff; }







.m-fact2 { padding-right: 44.79167%; }







.m-fact2 .box-fix { right: 0; width: 44.79167%; padding-right: 20px; padding-left: 2.39583%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-fact2 .box-table { float: left; }







.m-fact2 .box-text { color: #555; }







.m-fact2 .box-title { color: #333; }







@media screen and (max-width: 1800px) { .m-fact .box-title { font-size: 24px; font-size: 2.4rem; font-weight: bold; }



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



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







@media screen and (max-width: 1219px) { .m-fact { margin-left: auto; margin-right: auto; max-width: 1060px; padding: 0; }



  .m-fact .box-fix { position: relative; left: auto; right: auto; width: 100%; height: auto; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



  .m-fact .box-table, .m-fact .box-cell { display: block; float: none; width: 100%; }



  .m-fact .box-page { bottom: 10px; }



  .m-fact .page-item { margin: 0 5px; width: 10px; height: 10px; } }







.m-cert { margin-top: 80px; margin-bottom: -60px; overflow: hidden; }







.m-cert .list-item { position: relative; float: left; margin-right: 5.83333%; margin-bottom: 60px; width: 20.5%; overflow: hidden; }







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







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







.m-cert .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-cert .item-title { margin-top: 17px; display: block; height: 24px; line-height: 24px; font-size: 20px; font-size: 2rem; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }







.m-cert .item-title1 { position: absolute; left: 0; right: 0; top: 50%; margin-top: -35px; height: 70px; line-height: 24px; color: #fff; padding-top: 46px; }







.m-cert .item-title1 .iconfont { position: absolute; left: 0; right: 0; top: 5px; font-size: 32px; font-size: 3.2rem; }







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







@media screen and (max-width: 959px) { .m-cert .item-modal { top: 0; background: none; }



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



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







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



  .m-cert .list-item { margin-bottom: 30px; } }







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







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







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







.g-mn2 { padding-left: 295px; }







.g-mn3 { padding-right: 370px; }







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







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







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







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







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







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







.m-sdtt a { text-align: center; text-transform: uppercase; display: block; height: 45px; line-height: 44px; background-color: #076ce0; color: #fff; font-size: 24px; font-size: 2.4rem; }







.m-sdtt a:hover { color: #ccc; background-color: #076ce0; }







.m-sdnav { overflow: hidden; }







.m-sdnav .sdnav-btn { position: relative; margin-bottom: 20px; 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: #076ce0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







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







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







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







.m-sdnav .nav-item { margin-top: 8px; background-color: #fff; border: 1px solid #d2d2d2; }







.m-sdnav .nav-item > a { position: relative; display: block; padding-left: 45px; padding-right: 0; padding-top: 6px; padding-bottom: 6px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; background: url(../images/sdicon1.png) no-repeat 13px 15px; background-color: #eee; }







.m-sdnav .nav-item > a:before { content: ""; position: absolute; left: 36px; top: 0; width: 1px; height: 100%; background-color: #d2d2d2; }







.m-sdnav .nav-item > a:hover { color: #fff; background-image: url("../images/sdicon2.png"); background-color: #076ce0; }







.m-sdnav .nav-item > a.active { color: #fff; background-image: url("../images/sdicon2.png"); background-color: #076ce0; }







.m-sdnav .sbnav-list { padding: 9px 0; }







.m-sdnav .sbnav-item { display: block; font-size: 14px; font-size: 1.4rem; padding-top: 6px; padding-bottom: 6px; color: #555; padding-left: 47px; padding-right: 31px; line-height: 18px; }







.m-sdnav .sbnav-item:hover { color: #076ce0; }







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



  .m-sdnav .sdnav-btn { display: block; }



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







.m-prol .list-item { margin-top: 38px; overflow: hidden; }







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







.m-prol .item-pic { float: left; position: relative; margin-right: 32px; width: 336px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bfbfbf; }







.m-prol .item-pic:hover { border-color: #076ce0; }







.m-prol .item-pic:hover:before { content: ""; position: absolute; z-index: 2; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #076ce0; background-color: rgba(29, 122, 205, 0.5); -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }







.m-prol .item-text { padding-top: 24px; overflow: hidden; }







.m-prol .item-title { max-height: 52px; line-height: 26px; font-size: 22px; font-size: 2.2rem; overflow: hidden; }







.m-prol .item-desc { margin-top: 30px; }







.m-prol .item-desc a { display: block; max-height: 96px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #555; overflow: hidden; }







.m-prol .item-desc a:hover { color: #076ce0; }







.m-prol .item-link { margin-top: 17.42919%; margin-bottom: -10px; overflow: hidden; }







.m-prol .item-link a { float: left; margin-bottom: 10px; display: block; width: 154px; height: 40px; line-height: 38px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #076ce0; background-color: #ffffff; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #076ce0; }







.m-prol .item-link a:hover { color: #fff; background-color: #076ce0; }







.m-prol .item-link a:first-child { margin-right: 35px; }







@media screen and (max-width: 767px) { .m-prol .list-item { margin-top: 30px; }



  .m-prol .item-text { padding-top: 20px; }



  .m-prol .item-title { font-size: 14px; font-size: 1.4rem; max-height: 48px; line-height: 24px; }



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



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



  .m-prol .item-link { margin-top: 20px; }



  .m-prol .item-link a { float: none; margin-right: 0; }



  .m-prol .item-pic { float: none; margin: 0 auto; max-width: 100%; width: 336px; } }







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







.m-prob1 .prob-pic-big { position: relative; float: left; width: 406px; border: 1px solid #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; -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: 83px; padding-top: 22px; padding-bottom: 22px; overflow: hidden; }







.m-prob1 .prob-pic-btn { position: absolute; left: 0; display: block; width: 100%; line-height: 1; font-size: 16px; font-size: 1.6rem; color: #d1d1d1; 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: #076ce0; }







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







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







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







.m-prob1 .prob-pic-item .item-pic { border: 1px solid #e5e5e5; }







.m-prob1 .prob-pic-item .item-pic:hover { border-color: #076ce0; }







.m-prob1 .prob-pic-item .item-pic.active { border-color: #076ce0; }







.m-prob1 .prob-info { float: right; width: 285px; /*padding-top: 21px; */}







.m-prob1 .prob-title { position: relative; padding-bottom: 8px; font-size: 20px; font-size: 2rem; line-height: 24px; font-weight: normal; color: #333333; border-bottom: 1px solid #eeeeee; }







.m-prob1 .prob-link { /*margin-top: 49px;*/ margin-top: 20px; overflow: hidden; }







.m-prob1 .prob-link a { margin-top: 18px; display: block; width: 154px; height: 40px; line-height: 38px; font-size: 16px; font-size: 1.6rem; color: #333; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bfbfbf; border-radius: 5px; }







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







.m-prob1 .prob-link a:first-child { margin-top: 0; }







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







.m-prob1 .prob-desc { margin-top: 5px; line-height: 22px; font-size: 14px; font-size: 1.4rem; text-indent: 28px; }







.m-prob1 .prob-desc span { color: #666; }







.m-proshare .share-font { float: left; margin-right: 10px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #555; }







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







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



  .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) { .zoomPad { cursor: default !important; }



  .zoomPup { display: none !important; }



  .zoomWindow { display: none !important; }



  .zoomPreload { display: none !important; } }







@media screen and (max-width: 767px) { .m-prob1 .prob-pic { display: none; }



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



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



  .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: 767px) { .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: #076ce0; text-align: center; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% 100%; 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 #076ce0; } }







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







.m-prott { position: relative; margin-bottom: 34px; padding-left: 12px; font-size: 22px; font-size: 2.2rem; font-weight: bold; color: #076ce0; overflow: hidden; }







.m-prott a { color: #076ce0; text-transform: uppercase;}







.m-prott p { position: relative; display: inline-block; *display: inline; *zoom: 1; }







.m-prott p:before { content: ""; position: absolute; left: 100%; top: 50%; margin-left: 12px; width: 1200px; height: 2px; background-color: #eee; }







.m-prott:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 3px; height: 17px; background-color: #076ce0; }







@media screen and (max-width: 1219px) { .m-prott { font-size: 20px; font-size: 2rem; }



  .m-prott p:before { display: none; } }







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







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







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







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







.m-imgscroll { position: relative; margin-top: 44px; }







.m-imgscroll .box-title p:before { width: 532px; }







.m-imgscroll .box-btn { position: absolute; top: 0; width: 28px; line-height: 28px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; background-color: #bbb9b9; }







.m-imgscroll .box-btn.prev { right: 36px; }







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







.m-imgscroll .box-btn:hover { background-color: #076ce0; }







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







.m-imgscroll .list-item { float: left; margin-right: 0.42322%; width: 3.05925%; }







.m-imgscroll .item-title { margin-top: 13px; height: 22px; line-height: 22px; font-size: 18px; font-size: 1.8rem; color: #555; text-align: center; text-overflow: ellipsis; white-space: nowrap; }







.m-imgscroll .item-title a { color: #555; }







.m-imgscroll .item-title a:hover { color: #076ce0; }







.m-mappl .box-title p:before { width: 565px; }







.m-mappl .list-item { margin-right: 0.25393%; width: 3.16808%; }







.m-mappl .item-title { color: #333; }







.m-mappl .item-title a { color: #333; }







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



  .m-imgscroll .list-item { margin-right: .2%; width: 4.9%; }



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







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







.m-mpro .box-list { margin-bottom: -25px; overflow: hidden; }







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







.m-mpro .item-top { position: relative; overflow: hidden; border: 1px solid #bfbfbf; }







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







.m-mpro .item-modal { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: #076ce0; background-color: rgba(29, 122, 205, 0.6); -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }







.m-mpro .item-modal a { position: absolute; left: 0; right: 0; top: 50%; margin-left: auto; margin-right: auto; margin-top: -30px; padding-top: 38px; background: url("../images/vm2.png") no-repeat center top; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; }







.m-mpro .item-title { margin-top: 20px; height: 48px; line-height: 24px; font-size: 16px; font-size: 1.6rem; overflow: hidden; }







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



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







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







.m-solutiontext { padding-bottom: 37px; border-bottom: 3px solid #eee; }







.m-solutiontext .box-title { font-size: 20px; font-size: 2rem; font-weight: bold; }







.m-solutiontext .box-desc { margin-top: 25px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #555; text-indent: 32px;}







@media screen and (max-width: 767px) { .m-solutiontext { padding-bottom: 30px; }



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







.m-proscroll { position: relative; margin-top: 49px; padding-bottom: 52px; border-bottom: 3px solid #eee; }







.m-proscroll .box-title { margin-bottom: 36px; font-size: 20px; font-size: 2rem; font-weight: bold; }







.m-proscroll .box-btn { position: absolute; top: 0; width: 28px; line-height: 28px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; background-color: #bbb9b9; }







.m-proscroll .box-btn.prev { right: 36px; }







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







.m-proscroll .box-btn:hover { background-color: #076ce0; }







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







.m-proscroll .list-item { float: left; margin-right: 0.57459%; width: 2.95028%; }







.m-proscroll .item-top { position: relative; overflow: hidden; border: 1px solid #bfbfbf; }







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







.m-proscroll .item-modal { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: #076ce0; background-color: rgba(29, 122, 205, 0.6); -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }







.m-proscroll .item-modal a { position: absolute; left: 0; right: 0; top: 50%; margin-left: auto; margin-right: auto; margin-top: -30px; padding-top: 38px; background: url("../images/vm2.png") no-repeat center top; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; }







.m-proscroll .item-title { margin-top: 24px; height: 48px; line-height: 24px; font-size: 16px; font-size: 1.6rem; overflow: hidden; }







@media screen and (max-width: 480px) { .m-proscroll { margin-top: 30px; padding-bottom: 30px; }



  .m-proscroll .box-title { margin-bottom: 10px; font-size: 20px; font-size: 2rem; }



  .m-proscroll .box-wp { position: relative; padding-top: 40px; }



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



  .m-proscroll .list-item { margin-right: .2%; width: 4.9%; }



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







.m-solutionlst { margin-top: 80px; margin-bottom: -45px; overflow: hidden; }







.m-solutionlst .list-item { /*float: left;*/ vertical-align: top;display: inline-block; margin-right: 3.09392%; margin-bottom: 35px; width: 30.72222%; }







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







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







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







.m-solutionlst .item-text { margin-top: 17px; text-align: center; overflow: hidden; }







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







.m-solutionlst .item-desc { margin-top: 9px; overflow:hidden; 

     text-overflow:ellipsis;

     display:-webkit-box; 

     -webkit-box-orient:vertical;

     -webkit-line-clamp:2; }







.m-solutionlst .item-desc a { display: block; /*height: 48px;*/ line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #555; overflow: hidden; }







.m-solutionlst .item-desc a:hover { color: #076ce0; }







@media screen and (max-width: 1024px) { .m-solutionlst .item-modal { display: block; top: 0; background: none; } }







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



  .m-solutionlst .list-item { margin-bottom: 30px; width: 30.52222%;} }







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







.m-newsl { overflow: hidden; }







.m-newsl .list-item { margin-top: 42px; overflow: hidden; }







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







.m-newsl .item-pic { float: left; width: 330px; margin-right: 2.5%; }







.m-newsl .item-font { padding-top: 10px; overflow: hidden; }







.m-newsl .item-title { height: 24px; line-height: 24px; font-size: 18px; font-size: 1.8rem; color: #333; text-overflow: ellipsis; white-space: nowrap; }







.m-newsl .item-title a { color: #333; }







.m-newsl .item-title a:hover { color: #076ce0; }







.m-newsl .item-desc { margin-top: 22px; }







.m-newsl .item-desc a { height: 70px; line-height: 35px; font-size: 16px; font-size: 1.6rem; color: #555; overflow: hidden; text-indent: 32px;}







.m-newsl .item-desc a:hover { color: #076ce0; }







.m-newsl .item-info { margin-top: 29px; overflow: hidden; }







.m-newsl .item-link { float: left; width: 110px; height: 34px; line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #076ce0; text-align: center; background-color: #fff; border: 1px solid #076ce0; border-radius: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-newsl .item-link:hover { color: white; background-color: #076ce0; border-color: #076ce0; }







.m-newsl .item-time { float: right; line-height: 34px; font-size: 14px; font-size: 1.4rem; color: #333; }







@media screen and (max-width: 767px) { .m-newsl .list-item { margin-top: 30px; }



  .m-newsl .item-pic { float: none; width: 100%; max-width: 330px; }



  .m-newsl .item-font { padding-left: 0; }



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



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



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



  .m-newsl .item-info { margin-top: 15px; }



  .m-newsl .item-link { height: 36px; line-height: 34px; font-size: 14px; font-size: 1.4rem; }



  .m-newsl .item-time { margin-right: 0; font-size: 14px; font-size: 1.4rem; line-height: 36px; } }







.m-news { padding-bottom: 25px; }







.m-news .news-title { font-size: 24px; font-size: 2.4rem; font-weight: normal; color: #333; }







.m-news .news-time { margin-top: 43px; font-size: 14px; font-size: 1.4rem; color: #333; }







.m-news .news-time .iconfont { font-size: 16px; font-size: 1.6rem; }







.m-news .news-desc { margin-top: 37px; line-height: 35px; font-size: 16px; font-size: 1.6rem; color: #555; }







.m-news .news-desc p, .m-news .news-desc span, .m-news .news-desc a { line-height: 35px; font-size: 16px; font-size: 1.6rem; }







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



  .m-news .news-time { margin-top: 25px; }



  .m-news .news-desc { margin-top: 25px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }



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







.m-sdbtn { margin: 0 auto; display: block; max-width: 226px; line-height: 30px; padding: 10px 5px; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: center; border-radius: 5px; background-color: #5bb3dc; }







.m-sdbtn:hover { color: #fff; }







@media screen and (max-width: 767px) { .m-sdbtn { padding: 5px; font-size: 14px; font-size: 1.4rem; } }







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







.m-sdshare .share-title { margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #555; }







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







@media screen and (max-width: 767px) { .m-sdshare { margin-top: 25px; } }







.m-mnews { margin-top: 27px; }







.m-mnews .list-item { margin-top: 42px; }







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







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







.m-mnews .item-desc { margin-top: 6px; }







.m-mnews .item-desc a { display: block; max-height: 60px; line-height: 30px; font-size: 14px; font-size: 1.4rem; text-indent: 28px; color: #555; overflow: hidden; }







.m-mnews .item-desc a:hover { color: #076ce0; }







.m-mnews .item-time { margin-top: 14px; font-size: 14px; font-size: 1.4rem; }







@media screen and (max-width: 767px) { .m-mnews { margin-top: 25px; }



  .m-mnews .box-title { font-size: 20px; font-size: 2rem; }



  .m-mnews .item-title a { max-height: 72px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }







.m-down1 .list-item { position: relative; margin-top: 47px; padding-bottom: 41px; border-bottom: 1px dashed #ccc; overflow: hidden; }







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







.m-down1 .item-pic { float: left; width: 214px; padding: 7px 9px; border: 1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-down1 .item-font { padding-left: 38px; overflow: hidden; }







.m-down1 .item-title { margin-top: 35px; line-height: 30px; font-size: 18px; font-size: 1.8rem; -webkit-columns: #333; -moz-columns: #333; columns: #333; text-overflow: ellipsis; white-space: nowrap; }







.m-down1 .item-title a { color: #333; }







.m-down1 .item-title a:hover { color: #076ce0; }







.m-down1 .item-desc { margin-top: 22px; }







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







.m-down1 .item-desc a:hover { color: #076ce0; }







.m-down1 .item-link { position: absolute; bottom: 41px; width: 138px; height: 36px; line-height: 34px; font-size: 18px; font-size: 1.8rem; color: #076ce0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #076ce0; }







.m-down1 .item-link .iconfont { font-size: 20px; font-size: 2rem; }







.m-down1 .item-link:hover { color: #fff; background-color: #076ce0; }







@media screen and (max-width: 767px) { .m-down1 .list-item { margin-top: 25px; padding-bottom: 25px; }



  .m-down1 .item-pic { float: none; }



  .m-down1 .item-font { padding-left: 0; }



  .m-down1 .item-title { margin-top: 20px; line-height: 24px; font-size: 16px; font-size: 1.6rem; }



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



  .m-down1 .item-desc a { height: auto; max-height: 72px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }



  .m-down1 .item-link { position: relative; bottom: 0; margin-top: 15px; display: block; } }







.m-supportb1 .box-img { float: left; margin-right: 5.5%; width: 60.33333%; }







.m-supportb1 .box-fix { padding-top: 12.25%; overflow: hidden; }







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







.m-supportb1 .box-link { margin-top: 44px; display: block; max-width: 144px; line-height: 38px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #076ce0; border-radius: 5px; }







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



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



  .m-supportb1 .box-link { margin-top: 30px; } }







.m-supportb2 { margin-top: 40px; }







.m-supportb2 .box-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; }







.m-supportb2 .box-desc { margin-top: 20px; color: #666; }







.m-videolst .list-item { margin-top: 62px; overflow: hidden; }







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







.m-videolst .item-video { position: relative; width: 50.41667%; padding-top: 31.5%; line-height: 0; font-size: 0; overflow: hidden; }







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







.m-videolst .item-video1 { float: left; margin-right: 4.16667%; }







.m-videolst .item-video2 { float: right; margin-left: 4.16667%; }







.m-videolst .item-text { padding-top: 5.41667%; overflow: hidden; }







.m-videolst .item-title { height: 26px; line-height: 26px; font-size: 24px; font-size: 2.4rem; text-overflow: ellipsis; white-space: nowrap; }







.m-videolst .item-desc { margin-top: 30px; max-height: 90px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #555; overflow: hidden; }







.m-videolst .item-link { margin-top: 39px; display: block; width: 144px; height: 38px; line-height: 36px; font-size: 16px; font-size: 1.6rem; color: #076ce0; text-align: center; border-radius: 5px; border: 1px solid #076ce0; }







.m-videolst .item-link:hover { color: #fff; background-color: #076ce0; }







@media screen and (max-width: 959px) { .m-videolst .item-video { float: none; margin: 0; padding-top: 50.4%; width: 80.53333%; } }







@media screen and (max-width: 767px) { .m-videolst .list-item { margin-top: 30px; }



  .m-videolst .item-text { padding-top: 20px; }



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



  .m-videolst .item-desc { margin-top: 20px; max-height: 72px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }



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







.m-servb1 { overflow: hidden; }







.m-servb1 .box-img { float: right; margin-left: 11.5%; width: 50.33333%; }







.m-servb1 .box-text { padding-top: 5.83333%; overflow: hidden; }







.m-servb1 .box-title { position: relative; padding-left: 38px; padding-top: 23px; padding-bottom: 23px; font-size: 30px; font-size: 3rem; font-weight: bold; }







.m-servb1 .box-title:before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 82px; height: 100%; background-color: #4d87c7; background-color: rgba(77, 135, 199, 0.4); }







.m-servb1 .box-desc { margin-top: 22px; padding-left: 40px; color: #555; }







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



  .m-servb1 .box-text { padding-top: 30px; } }







.m-servb2 { margin-top: 42px; }







.m-servb2 .box-fix { margin-bottom: 34px; overflow: hidden; }







.m-servb2 .box-img { float: left; margin-right: 2.5%; width: 39%; }







.m-servb2 .box-text { padding-top: 21px; overflow: hidden; }







.m-servb2 .box-desc { color: #555; }







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







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



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







.m-wys { overflow: hidden; }







.m-wys .list-item { margin-top: 86px; overflow: hidden; }







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







.m-wys .item-pic { position: relative; width: 47.91667%; line-height: 0; font-size: 0; overflow: hidden; }







.m-wys .item-pic1 { float: left; margin-right: 1.91667%; }







.m-wys .item-pic2 { float: right; margin-left: 2.91667%; }







.m-wys .item-text { padding-top: 4%; overflow: hidden; }







.m-wys .item-title { position: relative; padding-left: 38px; height: 24px; line-height: 24px; font-size: 20px; font-size: 2rem; color: #1e8bc3; text-overflow: ellipsis; white-space: nowrap; }







.m-wys .item-title .iconfont { position: absolute; left: 0; top: 2px; width: 22px; line-height: 22px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #076ce0; }







.m-wys .item-desc { margin-top: 27px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #555; overflow: hidden; }







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







@media screen and (max-width: 767px) { .m-wys .list-item { margin-top: 30px; }



  .m-wys .item-text { padding-top: 20px; }



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



  .m-wys .item-desc { margin-top: 20px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }







.m-ctusinfo { float: left; margin-right: 10.75%; width: 34.58333%; }







.m-ctusinfo .box-title { margin-bottom: 24px; font-size: 18px; font-size: 1.8rem; font-weight: bold; }







.m-ctusinfo .info-item { margin-top: 13px; margin-bottom:20px}







.m-ctusinfo .item-desc { margin-top: 4px; position: relative; line-height: 24px; font-size: 14px; font-size: 1.4rem; padding-left: 26px; }







.m-ctusinfo .item-desc .iconfont { position: absolute; left: 0; top: 0; font-size: 18px; font-size: 1.8rem; color: #666; }







.m-ctusinfo .item-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; margin-bottom:10px }







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



  .m-ctusinfo .info-item { padding-top: 0; padding-bottom: 0; font-size: 14px; font-size: 1.4rem; }



  .m-ctusinfo .info-item strong { font-size: 16px; font-size: 1.6rem; }



  .m-ctusinfo .info-item .iconfont { top: 0; } }







.m-ctusform { overflow: hidden; }







.m-ctusform .box-form { margin-bottom: -23px; overflow: hidden; }







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







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







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







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







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







.m-ctusform .form-item-3 { margin-right: 3.04878%; width: 28.96341%; }







.m-ctusform .form-item-4 { width: 27.28659%; height: 44px; padding-left: 0; line-height: 52px; text-align: center; background-color: transparent; border-radius: 0; background-color: #fff; overflow: hidden; border: 1px solid #cfcfcf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







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







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







.m-ctusform .item-btn1 { width: 100%; height: 44px; padding-left: 0; line-height: 54px; color: #ffffff; font-size: 14px; font-size: 1.4rem; background-color: #076ce0; }







.m-ctusform .item-text { width: 100%; height: 44px; line-height: 42px; padding-left: 17px; padding-right: 17px; font-size: 14px; font-size: 1.4rem; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; background-color: #fff; }







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







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







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







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







.m-ctusform .item-text2 { height: 112px; line-height: 24px; padding-top: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







@media screen and (max-width: 959px) { .m-ctusform { float: none; margin-top: 30px; width: 100%; }



  .m-ctusform .box-title, .m-ctusform .box-desc { padding-left: 0; } }







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



  .m-ctusform .box-form { margin-bottom: -15px; }



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



  .m-ctusform .form-item { margin-bottom: 15px; width: 100%; padding-left: 15px; }



  .m-ctusform .form-item.important { background-position: 0 15px; }



  .m-ctusform .item-text { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; }



  .m-ctusform .item-text2 { padding-top: 0; height: 144px; }



  .m-ctusform .item-btn1 { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; }



  .m-ctusform .form-item-5 { padding-left: 0; } }







.m-ctusmap { margin-top: 62px; }

.m-ctusmap img{ width:100%}



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







/*# sourceMappingURL=style.css.map */



.m-page a.no:hover {color: #333; border: 1px solid #eee; background-color: #eee;}



.m-prob1 .prob-link a.no:hover{ border-color: #bfbfbf!important; color: #333;background-color:#fff;}



.actives {background: #ed1c24;color: #fff;}



.m-oths .oths-item a.no:hover {color: #666!important;}



.prob-info-link a.no{color: #023c78!important; background-color: #fff!important; border-color: #023c78!important;}



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



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



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



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



.xunpanc{margin-top: 20px;}



.seg{margin-top: 68px;}









.gy_bt{text-align:center; margin-bottom:50px;}

.gy_bt h3{font-size:40px; font-weight:bold; color:#083b73;}

.gy_bt p{font-size:18px; letter-spacing:1px; margin-top:15px;}

.gy_bt em{width:60px; height:4px;background:#083b73 ; display:block; margin:20px auto 0;}

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

.gy_bt{margin-bottom:30px;}

.gy_bt h3{font-size:26px; line-height:36px;}

.gy_bt p{font-size:14px;}

.gy_bt em{width:50px; height:2px; margin:20px auto 0;}

}

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

.gy_bt{margin-bottom:20px;}

.gy_bt h3{font-size:16px; line-height:24px;}

.gy_bt p{font-size:12px; margin-top:6px;}

.gy_bt em{width:50px; height:2px;background-image: linear-gradient(160deg, #fee20f,#e4352b); ; display:block; margin:10px auto 0;}



}



.gywz{ font-size:16px; line-height:35px; padding-top:30px}

.gyt{ margin:50px auto 20px}



/*my*/

.box-wp a:nth-last-child(1){

	color: #076ce0;

	}







.m_content{

	margin-top:10px;

	font-family:"Microsoft YaHei";

           }

      .m_content h2{

          font-size:22px;

          text-align:center;

          font-family:"Microsoft YaHei";

		  font-weight:bold;

		   padding-bottom:5px;

		   

          }

		.page_content{

			min-height: 250px;

			line-height:35px;

			font-family:"Microsoft YaHei";

			font-size:16px;

			}

        .listpage{

            padding:5px;

            font-size:16px;

            font-family:"Microsoft YaHei";

            line-height:200%;

            }

            /*内容页*/

blank10{height:10px;}

.info {text-align:center;color:#999;margin-bottom:20px;  font-size:12px; border-bottom:1px dashed #ccc; padding-bottom:10px;}

.content{line-height:24px;}

.listpage {clear: both;text-align: center;}

.prevpage p{

			margin:10px 0;

			}

.m_content img, .gywz img{

	max-width:100%;

	height:auto !important;

	}



.lbcontent {

  width: 100%;

  margin-top:5px;

  min-height:300px;

}

.lbcontent .lbx li {

  position: relative;

  line-height: 45px;

  height: 45px;

  width: 100%;

  margin: auto;

  border-bottom: 1px dotted #b4b4b4;

     text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



.lbcontent .lbx li label {

  position: absolute;

  left: 5px;

  top: 20px;

  width: 10px;

  height: 25px;

  background: url(jt.jpg) no-repeat;

}



.lbcontent .lbx li a {

  float: left;

  color: #8c8c8c;

  font-size: 13px;

  padding-left: 5px;

  line-height:45px;

}

.lbcontent .lbx li span {

  position: absolute;

  top: 0px;

  right: 0px;

  line-height: 45px;

  height: 45px;

  color: #8c8c8c;

  font-size: 13px;

}

.lbcontent .lbx li:hover {

  background: #f4f4f4;

}