body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, footer, header {
    margin: 0;
    padding: 0
}

fieldset, img { border: 0 }

:focus { outline: 0 }

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

input, button, textarea, select { *font-size: 100% }

ol, ul { list-style: none }

:link, :visited, ins { text-decoration: none }

.cf:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

* html .cf { height: 1% }

.cf { display: block; }

a { color: #191919; }

a:hover { color: #f07d00; }

.bz {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


body {
    background-color: #fff;
    color: #333;
    font-family: "microsoft yahei", Tahoma, Verdana;
    font-size: 14px;
    line-height: 1.5;
}

.fl {
    display: block;
    float: left;
}

.fr {
    display: block;
    float: right;
}

.hp {
    -moz-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tc { text-align: center; }

.tr { text-align: right; }

.bgcolor { background-color: #10212b; }

.bgcolor1 { background-color: #f2f2f2; }

.bgcolor2 { background-color: #2574a9; }

.col1 { color: #FFFFFF; }

input[type="text"],
input[type="password"],
textarea,
select, .loginform .btnsub {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.trans {
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

header {
    background-color: #313131;
    height: 216px;
    overflow: hidden;
}

.mainwrap {
    margin: 0 auto;
    width: 100%;
}

.container {
    margin: 0 auto;
    max-width: 1200px;
    width: 96%;
}

.headp {
    color: #FFFFFF;
    font-size: 40px;
    height: 70px;
    margin-top: 25px;
}

.logobox { margin-top: -20px; }

.navul { margin-top: 40px; }

.navul li {
    display: inline-block;
    float: left;
    height: 41px;
    line-height: 41px;
    margin-left: 40px;
    text-align: center;
}

.navul li a {
    color: #FFFFFF;
    font-size: 20px;
}

.tips1 {
    -moz-transform: scale(0);
    -moz-transition: all 0.35s ease-in-out;
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-transition: all 0.35s ease-in-out;
    background-color: #eb6100;
    height: 4px;
    margin: 0 auto;
    opacity: 0;
    transform: scale(0);
    transition: all 0.35s ease-in-out;
    width: 54px;
}

.navul li:hover .tips1, .navul li.cur .tips1 {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    transform: scale(1);
}

.navul li:hover a:after, .navul li.cur a:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    content: " ";
    opacity: 1;
    transform: scale(1);
}

.navul li.hdbtn {
    border-radius: 10px;
    color: #FFFFFF;
    height: 39px;
    line-height: 39px;
    text-align: center;
    width: 104px;
}

.navul li.btn-register {
    background: #eb6100;
    border: 1px solid #eb6100;
}

.navul li.btn-login {
    border: 1px solid #FFFFFF;
    margin-left: 10px;
}

.tbox {
    font-size: 30px;
    height: 121px;
    line-height: 121px;
}

.formbox a {
    border-left: 1px solid #959595;
    display: block;
    float: left;
    margin-top: 38px;
    padding-top: 30px;
    text-align: center;
    width: 33.333333%;
}

.formbox a:first-child { border: none; }

.icon-box {
    border: 1px solid #c8cdd1;
    border-radius: 50%;
    height: 110px;
    margin: 0 auto;
    width: 110px;
}

.bz h2 {
    color: #2574a9;
    font-size: 24px;
    margin: 15px 0;
}

.bz .p1 {
    border-top: 1px solid #959595;
    color: #6b6e6f;
    font-size: 14px;
    line-height: 30px;
    margin: 0 auto;
    text-align: left;
    width: 63%;
}

.bz .btnp {
    background-color: #2574a9;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin: 45px auto 0;
    width: 227px;
}

.ic1 { background: url(../images/icon-form1.png) no-repeat 0 0; }

.formbox a:hover .ic1 { background: #2574a9 url(../images/icon-form1.png) no-repeat 0 -110px; }

.ic2 { background: url(../images/icon-form2.png) no-repeat 0 0; }

.formbox a:hover .ic2 { background: #2574a9 url(../images/icon-form2.png) no-repeat 0 -110px; }

.ic3 { background: url(../images/icon-form3.png) no-repeat 0 0; }

.formbox a:hover .ic3 { background: #2574a9 url(../images/icon-form3.png) no-repeat 0 -110px; }

.formbox a:hover .btnp { background-color: #eb6100; }

.mt1 { margin-top: 87px; }

.main-title {
    color: #6b6e6f;
    font-size: 30px;
    height: 120px;
}

.main-title p { padding-top: 35px; }

.main-title i {
    background-color: #eb6100;
    display: block;
    height: 6px;
    margin: 10px auto;
    width: 128px;
}

.advwrap {
    background: url(../images/advbg.jpg) no-repeat center;
    padding: 56px 0 20px;
}

.advul li { margin-bottom: 23px; }

.advul li i {
    display: inline-block;
    font-size: 36px;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    text-indent: 15px;
    vertical-align: middle;
    width: 85px;
}

.advul li {
    color: #eb6100;
    font-size: 18px;
}

.advul li div {
    background: #FFFFFF;
    border: 1px solid #bfbfbf;
    color: #333333;
    font-size: 12px;
    height: 108px;
    width: 300px;
}

.advul li div p {
    line-height: 23px;
    padding: 10px 20px;
}

.advimg {
    margin-left: 60px;
    margin-top: 15px;
}

.servicebg { background: url(../images/servicebg.jpg) no-repeat 0 0; }

.gb1 i { background-color: #2574a9; }

.seritem h2 {
    color: #2574a9;
    font-size: 30px;
}

.sertab {
    background-color: #FFFFFF;
    table-layout: fixed;
}

.sertab td { width: 25%; }

.sertab img {
    display: block;
    width: 100%;
}

.sertab .seritem p {
    margin: 20px auto;
    width: 80%;
}



.film_focus {
    background: #FFFFFF;
    height: 557px;
    overflow: hidden;
    position: relative;
}

.film_focus ul.film_focus_imgs {
    height: 554px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 930px;
}

.film_focus ul.film_focus_imgs > li {
    height: 554px;
    overflow: hidden;
}

.film_focus .film_focus_desc h3 {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
    font-size: 16px;
    height: 45px;
    left: 232px;
    line-height: 45px;
    overflow: hidden;
    padding-left: 20px;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.film_focus ul.film_focus_nav {
    height: 554px;
    left: 0;
    position: absolute;
    top: 0;
    width: 275px;
    z-index: 100;
}

.film_focus ul.film_focus_nav > li {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 28px;
    height: 136px;
    line-height: 136px;
    margin: 3px 0px 0 3px;
    position: relative;
    width: 260px;	
}

.film_focus ul.film_focus_nav li.cur:after {
    background: url(../images/hd_on.png) no-repeat;
    border-bottom: 16px solid transparent;
    border-top: 17px solid transparent;
    content: "";
    display: inline-block;
    height: 32px;
    height: 0;
    position: absolute;
    right: -17px;
    top: 52px;
    width: 15px;
    width: 0;
}

.film_focus ul.film_focus_nav li.sli1.cur:after { border-left: 17px solid #2574a9; }

.film_focus ul.film_focus_nav li.sli2.cur:after { border-left: 17px solid #13a3ac; }

.film_focus ul.film_focus_nav li.sli3.cur:after { border-left: 17px solid #45557d; }

.film_focus ul.film_focus_nav li.sli4.cur:after { border-left: 17px solid #145f8a; }


.sericon img {
    margin-left: 30px;
    vertical-align: middle;
}

.sli1 { background-color: #2574a9; }

.sli2 { background-color: #13a3ac; }

.sli3 { background-color: #45557d; }

.sli4 { background-color: #145f8a; }

.stitle {
    color: #2574a9;
    font-size: 24px;
    margin: 20px 0;
}

.tabul1 {
    margin-left: 25px;
    margin-top: 35px;
}

.tabul1 li {
    background-color: #eeeeee;
    color: #333333;
    float: left;
    height: 433px;
    margin-right: 10px;
    width: 210px;
}

.tabul1 li p {
    line-height: 29px;
    margin: 20px;
}

/*map*/

.map {
    margin: 0 auto 30px;
    position: relative;
    width: 856px;
}

.map a {
    color: #5b5a5a;
    font-size: 14px;
    text-decoration: none;
}

.map a:hover { color: #fff; }

.citybg {
    display: none;
    position: absolute;
    z-index: 3;
}

.city a.active .citybg {
    display: block;
    z-index: 3;
}

.funcp1 {
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    height: 80px;
    padding-left: 87px;
    padding-top: 20px;
    width: 313px;
}

.funcp1 img {
    height: 61px;
    margin: 0 5px;
    vertical-align: middle;
    width: 61px;
}

.bg1 { background: #2574a9 url(../images/funimg1.png) no-repeat 15px center; }

.bg2 {
    background: #eb6100 url(../images/funimg2.png) no-repeat 15px center;
    ;
}

.bg3 {
    background: #bfbfbf url(../images/funimg3.png) no-repeat 15px center;
    ;
}


/*footer*/

.footer {
    background-color: #333;
    font-family: "Microsoft Yahei"
}

.footer-floor1 {
    padding: 36px 0 60px;
    width: 100%;
}

.footer-list {
    float: left;
    height: 100%;
    width: 69%;
}

.footer-list ul {
    float: left;
    margin-right: 13%
}

.footer-list .flist-4 { margin-right: 0 }

.footer-list li { line-height: 32px }

.footer-list li a {
    color: #f2f2f2;
    font-size: 12px;
    text-decoration: none
}

.footer-list li a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-list .flist-title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px
}

.footer-floor2 {
    border-top: 1px solid #bfbfbf;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.footer-floor2 p {
    color: #b6e2f2;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
}

.footer-floor2 p span { font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif }

.footer-floor2 a { color: #f2f2f2 }

.footer-floor2 a:hover {
    color: #a8d0e0;
    text-decoration: underline
}

.foot-link {
    color: #b6e2f2;
    margin: 0 15px;
    text-decoration: none;
}

.foot-link:hover { text-decoration: underline }

.footer-right {
    float: right;
    width: 300px;
}

.telephone {
    color: #fff;
    height: 32px;
    line-height: 32px;
    width: 100%;
}

/*.telephone span{display:inline-block;width:32px;height:32px;float:left;background:url(../images/phone_32px.png);margin-left:16%}*/

.telephone .tel-number {
    font-size: 30px;
    font-weight: 400;
    text-align: right
}

.official-plat {
    height: 100%;
    margin-top: 20px;
    position: relative;
    width: 100%;
}

.official-plat ul {
    float: right;
    margin-top: 7px
}

.official-plat ul li span {
    background: url(../images/plat_icon.png) no-repeat 0 0;
    display: inline-block;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 12px;
    width: 32px;
}

.official-plat ul li .weibo-logo { background: url(../images/plat_icon.png) no-repeat -32px 0 }

.official-plat ul li .qq-logo { background: url(../images/plat_icon.png) no-repeat -64px 0 }

.official-plat ul li { height: 45px }

.official-plat ul a {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    width: 100%;
}

.official-plat > p {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    display: inline-block;
    height: 132px;
    width: 132px;
}

.official-plat .weixin {
    background-image: url('../../images/webimages/cimg18.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    left: 10px;
    position: absolute;
    top: 0;
}

.official-plat .weibo {
    background-image: url(../images/plat_qrcode.png);
    background-position: -132px 0;
    background-repeat: no-repeat;
    display: none;
    left: 10px;
    position: absolute;
    top: 0;
}

#wx-corner {
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: -20px;
    top: 12px;
    z-index: 10
}

#wb-corner {
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: -20px;
    top: 58px;
    z-index: 10
}

.five-superiority {
    border-bottom: 1px solid #bfbfbf;
    padding: 10px 0 20px;
    width: 100%;
}

.five-superiority-list li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-left: 1px solid #bfbfbf;
    box-sizing: border-box;
    float: left;
    height: 36px;
    text-align: center;
    width: 20%;
}

.five-superiority-list li:first-child { border-left: none }

.five-superiority-list li a {
    background: no-repeat 2% center;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    position: relative;
    text-indent: 2em;
    width: 100%;
}

.five-superiority-list li a:hover { color: #bfe7f5 }

.five-superiority-list li a.superiority-text { text-indent: 4em }

.superiority-icon {
    background-image: url(../images/footer_youshi.png);
    background-repeat: no-repeat;
    height: 40px;
    left: 10%;
    position: absolute;
    width: 40px;
}

.compensate_ico .superiority-icon { background-position: 0 0 }

.compensate_ico:hover .superiority-icon { background-position: 0 -50px }

.retreat_ico .superiority-icon { background-position: 0 -100px }

.retreat_ico:hover .superiority-icon { background-position: 0 -150px }

.technology_ico .superiority-icon { background-position: 0 -200px }

.technology_ico:hover .superiority-icon { background-position: 0 -250px }

.prepare_ico .superiority-icon { background-position: 0 -300px }

.prepare_ico:hover .superiority-icon { background-position: 0 -350px }

.service_ico .superiority-icon { background-position: 0 -400px }

.service_ico:hover .superiority-icon { background-position: 0 -450px }

.marquee-box {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.marquee {
    height: 60px;
    width: 8000%;
}

.wave-list-box { float: left }

.wave-list-box ul {
    float: left;
    height: 60px;
    overflow: hidden;
    zoom: 1
}

.wave-list-box ul li {
    float: left;
    height: 60px;
    line-height: 30px;
    list-style: none;
    width: 100%;
}

.wave-box {
    background: #fff;
    height: 60px;
    position: relative;
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table;
    line-height: 0;
}

.clearfix:after { clear: both }

.clear-float { clear: both }

.autoWidth {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1000px;
}

.auto {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1000px;
}

@media screen and (max-width: 1233px) {
    .auto { padding-left: 10px }
}

.corlist { padding-bottom: 100px; }

.corlist img {
    border: 1px solid #959595;
    height: 96px;
    width: 357px;
}

.corlist .swiper-wrapper { margin-left: 15px; }

.corlist .swiper-button-prev {
    background: url(../images/slideleft.png) no-repeat left center;
    left: 0;
    opacity: 1;
}

.corlist .swiper-button-next {
    background: url(../images/sliderigth.png) no-repeat left center;
    right: 0;
}

.banner img {
    display: block;
    vertical-align: middle;
    width: 100%;
}