/*公共部分*/
* { margin: 0px auto; padding: 0px; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
body { margin: 0px auto; background-color: #ffffff; text-align: center; font-size: 12px; color: #333333; font-family: Arial,"宋体",sans-serif; }
div, form, img, ul, ol, li, dl, dt, dd { margin: 0 auto; padding: 0; border: 0; }
img { display: block; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
table, td, tr, th { font-size: 9pt; }
table { margin: 0px auto; padding: 0; border-collapse: collapse; border-spacing: 0; }
    table td { padding: 0; }
A:link, A:visited, A:hover { font-size: 12px; color: #333333; text-decoration: none; }





@font-face { font-family: 'SHCNLight'; src: url(/skin/fonts/SourceHanSansCN-Light.otf); }
@font-face { font-family: 'SHCNMedium'; src: url(/skin/fonts/SourceHanSansCN-Medium.otf); }


.clearfix::after { height: 0px; clear: both; display: block; content: "\20"; }
* html > body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { height: 1%; }

.animate { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
    .animate a { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.nav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
    .nav ul { display: inline-block; vertical-align: top; }
        .nav ul li { float: left; }
            .nav ul li a { position: relative; float: left; display: block; padding: 0 20px; font-size: 16px; font-family: HelveticaCE55RomanRegular; overflow: hidden; color: #323e46; }
                .nav ul li a:hover,
                .nav ul li a.current { text-decoration: none; }
                    .nav ul li a:hover:before,
                    .nav ul li a.current:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #2B9AD2; }
        .nav ul .phoneShow { display: none; }


.navBtn { float: right; height: 100%; padding-left: 30px; cursor: pointer; display: none; }
    .navBtn span { display: block; position: relative; float: right; width: 25px; height: 100%; }
        .navBtn span i { display: block; position: absolute; top: 50%; width: 100%; height: 2px; margin-top: -1px; background: #c00; }
            .navBtn span i:nth-child(1) { -webkit-transform: translate(0,-8px) rotate(0); -moz-transform: translate(0,-8px) rotate(0); -o-transform: translate(0,-8px) rotate(0); transform: translate(0,-8px) rotate(0); }
            .navBtn span i:nth-child(3) { -webkit-transform: translate(0,8px) rotate(0); -moz-transform: translate(0,8px) rotate(0); -o-transform: translate(0,8px) rotate(0); transform: translate(0,8px) rotate(0); }
    .navBtn.on span i:nth-child(2) { display: none; }
    .navBtn.on span i:nth-child(1) { -webkit-transform: translate(0,0) rotate(45deg); -moz-transform: translate(0,0) rotate(45deg); -o-transform: translate(0,0) rotate(45deg); transform: translate(0,0) rotate(45deg); }
    .navBtn.on span i:nth-child(3) { -webkit-transform: translate(0,0) rotate(-45deg); -moz-transform: translate(0,0) rotate(-45deg); -o-transform: translate(0,0) rotate(-45deg); transform: translate(0,0) rotate(-45deg); }


.indHeader { display: none; width: 100%; position: absolute; background: none; height: 70px; line-height: 70px; top: 0px; }
    .indHeader .nav { display: none; }
    .indHeader .navBtn { display: none; }
    .indHeader .logos { display: none; max-width: 230px; border: solid 0px #000; position: relative; z-index: 3; float: left; height: 100%; }
        .indHeader .logos a { display: block; height: 100%; margin-top: 30px; }
        .indHeader .logos img { max-width: 230px; height: 100%; vertical-align: top; }




.bigmenu { width: 100%; position: relative; border: solid 0px #fff; }
    .bigmenu .topbg { height: 150px; background-image: url(../images/mtopbg.jpg); background-position: center top; background-repeat: no-repeat; background-color: #010045; }
        .bigmenu .topbg .bga { max-width: 1200px; width: 100%; overflow: hidden; }
            .bigmenu .topbg .bga .logo { float: left; }
            .bigmenu .topbg .bga .tel { float: right; }
            .bigmenu .topbg .bga a { line-height: 150px; vertical-align: middle; height: 150px; display: table-cell; }
            .bigmenu .topbg .bga img { vertical-align: middle; height: auto; }

    .bigmenu .topbg2 { width: 100%; background-color: #080670; height: 60px; }
        .bigmenu .topbg2 .bgc { max-width: 1200px; width: 100%; }
            .bigmenu .topbg2 .bgc ul { width: 100%; overflow: hidden; }
                .bigmenu .topbg2 .bgc ul li { float: left; height: 60px; line-height: 60px; padding: 0px 30px; position: relative; }
                    .bigmenu .topbg2 .bgc ul li a { color: #fff; font-size: 24px; font-family: SHCNMedium; }


                    .bigmenu .topbg2 .bgc ul li.action { background-color: #252680; }
                    .bigmenu .topbg2 .bgc ul li.mu:hover { background-color: #252680; }




.footer { background-image: url('../images/mb1.jpg'); height: 496px; background-repeat: no-repeat; background-position: center top; }
    .footer .fconn { max-width: 768px; width: 100%;overflow:hidden;height:400px; }
        .footer .fconn .flxfs { float: left; margin-top: 60px; }
            .footer .fconn .flxfs div { line-height: 40px; text-align: left; color: #838f90; font-size: 16px; }

            .footer .fconn .flxfs .pa { text-align: left; line-height: 60px; font-size: 22px; color: #fff; }

        .footer .fconn .flmenu { float: right; margin-right: 100px; border-left: solid 1px #fff; z-index: 1; height: 316px; position: relative; width: 110px; }
            .footer .fconn .flmenu .flmenubox { margin-top: 110px; left: -1px; position: absolute; z-index: 2; }
                .footer .fconn .flmenu .flmenubox a { display: block; line-height: 40px; font-size: 18px; background-image: url('../images/mb2.jpg'); background-position: left center; background-repeat: no-repeat; line-height: 30px; padding-left: 25px; text-align: left; color: #fff; }

    .footer .fcon2 { color: #faf7f7;line-height:30px; font-size: 14px; background-image: url('../images/mb3.jpg'); background-repeat: no-repeat; background-position: top center; }

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



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

    .bigmenu .topbg2 .bgc ul li { padding: 0px 25px; }
        .bigmenu .topbg2 .bgc ul li a { font-size: 24px; }


    .footer .fconn .fcode { margin-left: 50px; }
    .footer .fconn .flxfs { margin-left: 58px; }
}





@media only screen and (max-width:1024px) {
    .bigmenu .topbg2 .bgc ul li { padding: 0px 20px; }
        .bigmenu .topbg2 .bgc ul li a { font-size: 22px; }


    .footer .fconn .fcode { margin-left: 20px; }
    .footer .fconn .flxfs { margin-left: 28px; }
}

@media only screen and (max-width:960px) {
    .bigmenu .topbg .bga .logo img { max-width: 450px; }
    .bigmenu .topbg .bga .tel img { max-width: 250px; }
    .bigmenu .topbg2 .bgc ul li { padding: 0px 15px; }
        .bigmenu .topbg2 .bgc ul li a { font-size: 20px; }




    .footer .fconn { position: relative; }
        .footer .fconn .fsearch { margin-top: 20px; }
        .footer .fconn .fcode { margin-top: 10px; float: left; position: absolute; left: 0px; top: 80px; }
        .footer .fconn .flxfs { float: left; margin-left: 28px; margin-top: 20px; }
}



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

    .bigmenu { display: none; }

    .headers { height: 40px; line-height: 40px; padding: 0 10px; background-color: #114889; }
    .indHeader { display: block; z-index: 2000; }
        .indHeader .langs { display: none; }
        .indHeader .logos { display: block; }
        .indHeader .quote { display: none; }
        .indHeader .navBtn { display: block; }

        .indHeader .phoneNav { margin-top: 40px; width: 100%; -webkit-transform: translate(0%,0) scale(1, 0); -moz-transform: translate(0%,0px) scale(1, 0); -o-transform: translate(0%,0) scale(1, 0); transform: translate(0%,0) scale(1, 0); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
            .indHeader .phoneNav.on { -webkit-transform: translate(0%,0) scale(1, 1); -moz-transform: translate(0%,0) scale(1, 1); -o-transform: translate(0%,0) scale(1, 1); transform: translate(0%,0) scale(1, 1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

    .phoneNav { width: 100%; }
    .nav ul li a { font-size: 14px; }
        .nav ul li a:before { height: 2px; }

    .indHeader .navBtn { padding-left: 0; }
    .indHeader .nav ul { width: 100%; background: rgba(0,0,0,0.8); }
        .indHeader .nav ul li { width: 100%; text-align: center; }


    .indHeader { -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
        .indHeader .nav { display: block; background: rgba(0,0,0,0.8); box-shadow: none; }
            .indHeader .nav ul li a { color: #fff; width: 100%; text-align: center; }
        .indHeader.menuOn { background: rgba(0,0,0,0.8); }
        .indHeader.unon { display: none; }

        .indHeader .logos { max-width: 200px; }
            .indHeader .logos a { display: block; height: 100%; padding: 2px; margin-left: 0px; margin-top: 0px; }

    .footer .fconn { position: relative; }
        .footer .fconn .flmenu { display: none; }
        .footer .fconn .flxfs { float: left; margin-left: 28px; margin-top: 20px; background-position: top left; }
            .footer .fconn .flxfs div { font-size: 14px; line-height: 32px; }
               
   
}

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

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