@charset "utf-8";
/* CSS Document */


/**** Footer--style--begin ****/
.FotTop { padding: 50px 0; color: #d1d1d1; }
.FotTop .left { float: left; width: 57%; }
.FotTop .right { float: right; width: 40%; }
.Fot-nav { border-bottom: 1px solid #252525; }
.Fot-nav li { float: left; }
.Fot-nav li a { color: #d1d1d1; font-size: 14px; line-height: 40px; display: block; margin-bottom: 20px; margin-right: 50px; }
.Fot-contact { margin: 40px 0; }
.Fot-contact p { font-size: 14px; color: #ddd; line-height: 30px; }
.Fot-link li { float: left; }
.Fot-link li a { margin-right: 20px; color: #ababab; font-size: 12px; line-height: 20px; }
.Fot-link li a:hover { color: #df0000; }
.FotTop .weixin { margin-top: 60px; float: left; width: 40%; text-align: center; }
.FotTop .weixin p { font-size: 14px; color: #ababab; line-height: 30px; margin-top: 10px; }
.Fot-form { float: right; width: 55%; }
.Fot-form h3 { font-size: 16px; color: #fff; line-height: 30px; font-weight: 500; margin-bottom: 10px; }
.Fot-form .form-item { margin-bottom: 20px; border: 1px solid #535353; padding-left: 0; }
.Fot-form input { height: 52px; width: 100%; border: none; background: none; padding: 0 20px; font-size: 14px; line-height: 52px; color: #fff; }
.Fot-form .form-submit { border: none; margin-top: 30px; }
.Fot-form .btn-form { background: #e0331b; height: 52px; width: 100%; border: none; font-size: 16px; color: #fff; }
#Footer .Copyright { padding: 20px 0; background: #000; text-align: center; }
#Footer .Copyright p { font-size: 14px; color: #ddd; line-height: 20px; }
#Footer .Copyright a { font-size: 14px; color: #ddd; line-height: 20px; display: inline-block; margin-left: 10px; }
/**** Footer--style--end   ****/


.fixed { position: fixed; bottom: 10%; right: 0%; z-index: 9999; }
.fixed .child { position: relative; width: 88px; height: 88px; margin-bottom: 4px; background: #fff; border: 1px solid #d6d6d6; cursor: default; -webkit-transition: all .5s; transition: all .5s; }
.fixed .child i { display: block; width: 100%; height: 50px; background: no-repeat bottom center; }
.fixed .child span { display: block; font-size: 14px; color: #666; text-align: center; line-height: 40px; -webkit-transition: all .3s; transition: all .3s; }
.fixed .child .Qcrod01 { visibility: hidden; position: absolute; bottom: 0; right: 88px; padding: 0 5px; transform: scale(0); -webkit-transform: scale(0); transition: all ease .3s; -webkit-transition: all ease .3s; transform-origin: right bottom; -webkit-transform-origin: right bottom; }
.fixed .child .Qcrod01 .pic { display: block; width: 120px; height: 110px; overflow: hidden; background: #fff; }
.fixed .child .Qcrod01 p { width: 120px; text-align: center; line-height: 30px; height: 30px; background: #fff; font-size: 14px; }
.fixed .child .icon_weixin { background-image: url(../images/roll-nav-06.png); }
.fixed .child .icon_jsq { background-image: url(../images/roll-nav-07.png); }
.fixed .child .icon_qq { background-image: url(../images/roll-nav-08.png); }
.fixed .child .icon_top { background-image: url(../images/roll-nav-09.png); }
.fixed .child:hover { background: #e60021; }
.fixed .child:hover span { color: #fff; }
.fixed .fixedWX:hover .icon_weixin { background-image: url(../images/roll-nav-01.png); }
.fixed .fixedQuote:hover .icon_jsq { background-image: url(../images/roll-nav-02.png); }
.fixed .fixedXX:hover .icon_qq { background-image: url(../images/roll-nav-03.png); }
.fixed .fixedTop:hover .icon_top { background-image: url(../images/roll-nav-04.png); }
.fixed .fixedWX:hover .Qcrod01 { visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.fixed-ul { display: none; }
.Popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(/cn/images/navbg01.png); z-index: 100; display: none; }
.pup-content { position: fixed; left: 50%; width: 430px; height: 490px; background: #fff; margin-left: -215px; top: 50%; margin-top: -245px; padding: 0 25px; border-radius: 5px; }
.pup-content .yy_p1 { font-size: 28px; padding: 40px 0 20px 0; text-align: center; color: #333; }
.pup-content .info_p { height: 68px; overflow: hidden; border: 1px solid #dfdfdf; border-radius: 5px; margin-bottom: 10px; }
.pup-content .info_p input { float: left; border: none; height: 68px; line-height: 68px; font-size: 18px; color: #666; text-indent: 15px; width: 300px; }
.pup-content .info_p select { float: left; border: none; height: 68px; line-height: 68px; font-size: 18px; color: #666; text-indent: 15px; width: 300px; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.pup-content .info_p select::-ms-expand { display: none; }
.pup-content .info_p span { float: right; width: 68px; height: 68px; border-left: 1px solid #dfdfdf; }
.pup-content .info_p1 span { background: url(/cn/images/sjsicon01.png) no-repeat center; }
.pup-content .info_p2 span { background: url(/cn/images/sjsicon02.png) no-repeat center; }
.pup-content .info_p3 span { background: url(/cn/images/sjsicon03.png) no-repeat center; }
.pup-content .info_p4 span { background: url(/cn/images/sjsicon04.png) no-repeat center; }
.pup-content a.ljyy { display: block; height: 75px; line-height: 75px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; position: absolute; left: 25px; bottom: -40px; width: 380px; background: #d60000; z-index: 11; }
.pup-content span.pup-close { display: block; width: 69px; height: 69px; position: absolute; right: -30px; top: -30px; background: url(/cn/images/sjsicon05.png) no-repeat center; cursor: pointer; z-index: 11; }

@media (min-width: 1200px) {
 
    .top-text{ display:block; float:left; padding-top:6px; margin-right:30px; }
}

@media (max-width: 1600px) {
    .container { width: 1200px; }
    .fixed { right: 0; }
}

@media (max-width: 1360px) {


    .fixed { right: 0; bottom: 5%; }
    .fixed .child { width: 60px; height: 60px; }
    .fixed .child i { background: no-repeat center center; background-size: 28px 28px; height: 100%; }
    .fixed .child span { display: none; }
    .fixed .child .Qcrod01 { right: 60px; }
}



@media (max-width: 1025px) {


    .fixed .child { width: 50px; height: 50px; }
    .fixed .child .Qcrod01 { right: 50px; }
}

@media (max-width: 768px) {
    .logo-text { font-size: 16px; }
    .FotTop { padding: 30px 0; }
    .FotTop .left { width: 100%; }
    .FotTop .right { width: 100%; text-align: center; }
    .Fot-contact { margin: 20px 0; }
    .FotTop .weixin { margin-top: 30px; }
    .fixed { display: none; }

    .wrapper{padding-bottom:60px;}

    .fixed-ul { display: block; position: fixed; left: 0; bottom: 0; width: 100%; box-shadow: 0 0 5px #888; overflow: hidden; background: #fff; text-align: center; }
    .fixed-ul li { float: left; width: 33.33%; padding: 15px 0; }
    .fixed-ul li a { display: block; font-size: 14px; line-height: 30px; }
    .fixed-ul li i { display: inline-block; position: relative; top: 5px; margin-right: 5px; width: 20px; height: 20px; background: no-repeat bottom center; background-size: 100%; }
    .fix-tel a, .fix-zx a { border-right: 1px solid #f1f1f1; }
    .fixed-ul i.icontel { background-image: url(../images/roll-nav-10.png); }
    .fixed-ul i.iconqq { background-image: url(../images/roll-nav-08.png); }
    .fixed-ul i.iconmfbj { background-image: url(../images/roll-nav-07.png); }
}

@media (max-width: 640px) {
    .logo-text { display: none; }
    .FotTop { padding: 20px 0; }
    .Fot-nav li a { margin-bottom: 10px; }
    .FotTop .weixin { width: 100%; }
    .Fot-form { width: 100%; text-align: left; }
}

@media (max-width: 480px) {
    .container { padding: 0 10px; }
    #Header .tool a .name { display: none; }
}


@media (max-width: 420px) {
    #Footer .Picture { padding: 10px; }
    #Footer .QRCode .Intro { display: none; }
    #Footer .f-nav li a { font-size: 12px; }
    #Footer .Copyright p { font-size: 12px; }
}

@media (max-width: 380px) {
    #Header .left { width: 60%; }
    #Header .right { width: auto; }
    #Header .Language .Tit span:first-child { display: none; }
    #Header .Language .Tit span:nth-child(2) { display: none; }
    #Footer .Contact p { font-size: 12px; line-height: 30px; }
}

@media (max-width: 321px) {
    #Footer .f-nav li a { font-size: 12px; margin: 0 5px; }
}