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

body{ font-family: Arial,Microsoft YaHei; background-color:#f3f3f3; color:#333; line-height: 1;}
a,a:hover,a:visited{ color:inherit; text-decoration:none;}
.clear{ clear:both; float:none !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; border:none !important;}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.flex-display{ display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:-moz-flex; display:flex;}
.flex-wrap{ -webkit-flex-wrap:wrap; -webkit-box-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap;}
.flex-alignC{-webkit-align-items:center; -webkit-box-align:center;  -moz-align-items:center; align-items:center; -ms-flex-align:center;}
.flex-flex1{ -webkit-flex:1; -webkit-box-flex:1; -ms-flex:1; -moz-flex:1; flex:1;}
.flex-flex2{ -webkit-flex:2; -webkit-box-flex:2; -ms-flex:2; -moz-flex:2; flex:2;}
img{ vertical-align:bottom;}
input,textarea,select,button{ font-family: Arial,Microsoft YaHei;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.top2 .lang {
    display: none;

}
@media (min-width: 768px) {

    .widthBlock {
        width: 1200px;
        margin: 0 auto;
    }
    /*top*/
    .top{ position: relative; z-index: 10;}
    .top1{ background-color: #fff;}
    .top1 .widthBlock{ height: 60px;}
    .top1 a{ margin-left: 35px;}
    .top1 a img{ width: 38px;}
    .top1 .text{ color: #999; margin-left: 35px;}
    .top2{ background-color: #00438F;}
    .top2 .logo{ width: 184px; height: 94px; position: relative;}
    .top2 .logo .imgBlock{ width: 184px; height: 194px; background-color: #00438F; border-radius: 0 0 97px 97px; text-align: center; position: absolute; left: 0; top: -60px;}
    .top2 .logo .imgBlock img{ width: 92px; margin-top: 32px;}
    .top2 .nav{ font-size: 20px; color: #fff;}
    .top2 .nav .navBox{ margin-left: 75px; height: 92px; line-height: 92px; position: relative;}
    .top2 .nav .navBox .angle{ width: 12px; position: absolute; left: 50%; margin-left: -6px; bottom: 0; display: none;}
    .top2 .nav .navBox.curr .angle,.top2 .nav .navBox:hover .angle{ display: block;}
    .top2 .menuBtn{ display: none;}
    .sideMenu{ display: none;}

    .otherBanner{}
    .otherBanner img{ width: 100%;}

    .otherCont{ padding: 50px 0; background-color: #fff;}

    .local{ font-size: 16px; margin-bottom: 40px;}
    .local a:first-child,.local .secnav.curr,.local .secnav:first-child.curr{ color: #00438F;}
    .local .secnav,.local .secnav:first-child{ margin-left: 60px; color: #888;}

    /*pages*/
    .pages{ text-align:center;}
    .pagination{ display:inline-block; margin:0 auto;}
    .pagination li{ float:left; margin: 0 15px;}
    .pagination a{ display:block; line-height:36px; min-width: 36px; box-sizing: border-box; font-size:14px; background-color:#f3f3f3; color:#009f8f; text-decoration:none;}
    .pagination .prev,.pagination .next{ padding:0 10px;}
    .pagination .active a{ background-color:#00438F; color:#fff;}

    /*index*/
    .indexCont{}
    .indexCont .banner{ width: 100%; background-color: #00438F;}
    .indexCont .banner img{ width: 100%;}

    .IC1{}
    .IC1 .lcont{ width: 560px; margin-right: 40px; padding-top: 60px;}
    .IC1 .lcont h1{ font-size: 40px; margin-bottom: 20px;}
    .IC1 .lcont h1 .sp1{ font-size: 18px; color: #999;}
    .IC1 .lcont h2{ font-size: 20px; margin-bottom: 20px;}
    .IC1 .lcont p{ font-size: 18px; line-height: 32px; margin-bottom: 30px;}
    .IC1 .lcont a{ display: block; width: 140px; height: 50px; border: 1px solid #888; border-radius: 10px; font-size: 18px; line-height: 50px; text-align: center; color: #888;}
    .IC1 .rcont{ width: 600px;}
    .IC1 .rcont .tblock{ width: 200px; height: 200px; box-sizing: border-box; background-color: #00438F; color: #fff; padding: 40px 20px 0;}
    .IC1 .rcont .tblock h1{ margin-bottom: 10px; font-size: 18px;}
    .IC1 .rcont .tblock .border{ width: 36px; height: 1px; background-color: #fff; margin-bottom: 10px;}
    .IC1 .rcont .tblock p{ font-size: 12px; line-height: 24px; height: 120px; overflow: hidden;}
    .IC1 .rcont .iblock{ width: 200px; height: 200px; background: center no-repeat; background-size: cover;}

    .IC2{ height: 950px; background: center top no-repeat #fff; background-size: auto 50%; position: relative;}
    .IC2 .bgshade{ height: 50%; width: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,67,143,0.8);}
    .IC2 .widthBlock{ position: relative; z-index: 10;}
    .IC2 .title{ height: 260px; color: #fff;}
    .IC2 .title h1{ padding-top: 100px; font-size: 40px; margin-bottom: 30px;}
    .IC2 .title h1 .sp1{ font-size: 18px;}
    .IC2 .title h2{ font-size: 20px;}
    .IC2 .block{ width: 100%; margin-bottom: 50px;}
    .IC2 .block .lb{ width: 50%;}
    .IC2 .block .rb{ width: 50%;}
    .IC2 .block .listBox{ height: 270px; display: block; overflow: hidden;}
    .IC2 .block .listBox .textBox{ height: 100%; width: 50%; box-sizing: border-box; padding: 0 20px; background-color: #00438F; color: #fff;}
    .IC2 .block .listBox .textBox h1{ padding-top: 30px; line-height: 1.4; margin-bottom: 15px;}
    .IC2 .block .listBox .textBox .border{ width: 102px; height: 1px; background-color: #fff; margin-bottom: 10px;}
    .IC2 .block .listBox .textBox p{ font-size: 14px; line-height: 24px;}
    .IC2 .block .listBox .textBox .btn{ font-size: 16px; margin-top: 15px; display: none;}
    .IC2 .block .listBox:hover .textBox .btn{ display: block;}
    .IC2 .block .listBox .imgBox{ height: 100%; width: 50%; background: center no-repeat #f9f9f9; background-size: cover; position: relative;}
    .IC2 .block .listBox .imgBox img{ position: absolute; top: 50%; margin-top: -7px;}
    .IC2 .block .listBox .imgBox img.larrow{ left: 0;}
    .IC2 .block .listBox .imgBox img.rarrow{ right: 0;}
    .IC2 .moreBtn{ display: block; width: 180px; height: 60px; line-height: 60px; text-align: center; margin: 0 auto; border-radius: 10px; font-size: 18px; color: #888; background-color: #f9f9f9;}

    .IC3{ padding: 60px 0;}
    .IC3 .title{ text-align: center; margin-bottom: 50px;}
    .IC3 .title h1{ font-size: 40px; margin-bottom: 20px;}
    .IC3 .title h2{ font-size: 18px;}
    .IC3 .list{}
    .IC3 .listBox{ width: 171px;}
    .IC3 .listBox .textBox{ height: 137px; width: 100%; background-color: #fff; box-sizing: border-box; padding: 25px 10px 0;}
    .IC3 .listBox:hover .textBox{ color: #fff; background-color: #00438F;}
    .IC3 .listBox .textBox h1{ font-size: 16px; margin-bottom: 10px;}
    .IC3 .listBox .textBox p{ color: #888; font-size: 12px; line-height: 20px; height: 60px; overflow: hidden;}
    .IC3 .listBox:hover .textBox p{ color: #fff;}
    .IC3 .listBox .imgBox{ height: 137px; width: 100%; box-sizing: border-box; background: center no-repeat; background-size: cover;}
    .IC3 .listBox:hover .imgBox{ border: 1px solid #00438F;}

    .IC4{ background-color: #fff;}
    .IC4 .title{ padding-top: 90px; margin-bottom: 50px;}
    .IC4 .title h1{ font-size: 40px; margin-bottom: 30px;}
    .IC4 .title h1 .sp1{ font-size: 18px;}
    .IC4 .title h2{ font-size: 20px;}
    .IC4 .btns{}
    .IC4 .btns .btn{ display: inline-block; width: 124px; height: 52px; line-height: 52px; text-align: center; font-size: 18px; background-color: #f9f9f9; margin-left: 30px;}
    .IC4 .btns .btn.curr,.IC4 .btns .btn:hover{ background-color: #00438F; color: #fff;}
    .IC4 .block{ display: none;}
    .IC4 .block.curr{ display: block;}
    .IC4 .bannerBox{}
    .IC4 .bannerBox a{ display: block; width: 100%; height: 334px; background: center no-repeat; background-size: cover; position: relative;}
    .IC4 .bannerBox .bannerText{ position: absolute; width: 100%; height: 64px; line-height: 64px; left: 0; bottom: 0; background-color: rgba(0,67,143,0.5); color: #fff; box-sizing: border-box; padding: 0 30px; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .IC4 .list{ padding: 50px 0;}
    .IC4 .listBox{ width: 50%; box-sizing: border-box; padding-left: 40px;}
    .IC4 .listBox:first-child{ border-right: 1px solid #dcdcdc; padding-left: 0; padding-right: 40px;}
    .IC4 .listBox h1{ font-size: 20px; color: #888; margin-bottom: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .IC4 .listBox h1 .sp1{ color: #333;}
    .IC4 .listBox p{ font-size: 14px; color: #888; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 20px;}
    .IC4 .listBox .other{ border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; height: 50px; color: #888;}
    .IC4 .listBox .other .fa{ font-size: 20px; margin-right: 10px;}
    .IC4 .listBox .other .text{ font-size: 14px; margin-right: 30px;}
    .IC4 .listBox .other a{ font-size: 14px; white-space: nowrap;}

    /*bottom*/
    .bottom{ background-color: #00438F; padding: 50px 0;}
    .bottom .lc{ width: 50%;}
    .bottom .lc .title{ color: #63AFFF; margin-bottom: 40px;}
    .bottom .lc .title img{ width: 58px; margin-right: 15px;}
    .bottom .lc .title .text{ overflow: hidden;}
    .bottom .lc .title .text h1{ font-size: 28px; margin-bottom: 10px;}
    .bottom .lc .title .text h2{ font-size: 14px;}
    .bottom .lc .nav{ border-bottom: 1px solid #5AA3F2; padding-bottom: 1px; margin-bottom: 20px;}
    .bottom .lc .nav .navBox{ display: block; padding: 0 15px; border-right: 1px solid #5AA3F2; font-size: 16px; color: #63AFFF; margin-bottom: 19px;}
    .bottom .lc .nav .navBox:last-child{ border-right: none;}
    .bottom .lc .other{ font-size: 16px; line-height: 30px; color: #63AFFF;}
    .bottom .rc{ text-align: center; font-size: 20px; color: #63AFFF; line-height: 30px;}
    .bottom .rc img{ width: 140px; margin: 20px 0;}
    .bottom .rc .sp1{ font-size: 28px;}

    .backtopBtn{ position: fixed; width: 60px; height: 60px; line-height: 60px; text-align: center; right: 20px; bottom: 100px; background-color: rgba(0,67,143,1); font-size: 30px; color: #fff; border-radius: 50%; cursor: pointer; z-index: 100; opacity: 0.8; box-shadow: -1px 1px 3px #fff;}
    .backtopBtn:hover{ opacity: 1;
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;}

    /*product*/
    .productCont{}
    .productCont .subnav{ margin-bottom: 20px;}
    .productCont .subnav .sntitle{ display: none;}
    .productCont .subnav .sblock{ width: 20%; text-align: center; margin-bottom: 20px;}
    .productCont .subnav a{ display: inline-block; width: 78%; height: 44px; line-height: 44px; border-radius: 22px; background-color: #f9f9f9; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #888;}
    .productCont .subnav .sblock.curr a,.productCont .subnav .sblock:hover a{ background-color: #00438F; color: #fff;}

    .sidebtn{ display: none;}

    .productCont .list{ margin-bottom: 40px;}
    .productCont .list .listBox{ width: 31%; box-sizing: border-box; border: 1px solid #e5e5e5; margin: 0 1% 25px;}
    .productCont .list .listBox:hover{ border: 1px solid #00438F;}
    .productCont .list .listBox .imgBlock{ height: 320px; background: center no-repeat; background-size: cover;}
    .productCont .list .listBox .textBlock{ height: 100px; text-align: center; position: relative; border-top: 1px solid #e5e5e5;}
    .productCont .list .listBox .textBlock h1{ font-size: 20px; color: #00438F; padding-top: 25px; margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .productCont .list .listBox .textBlock p{ font-size: 14px; color: #888; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .productCont .list .listBox .textBlock .shadetxt{ position: absolute; left: 0; top: 0; width: 100%; height: 100px; line-height: 100px; color: #fff; background-color: #00438F; font-size: 20px; display: none;}
    .productCont .list .listBox:hover .textBlock .shadetxt{ display: block;}

    /*product detail*/
    .PDCont{  }
    .PDCont .preview{ width: 480px;}

    #surround {
        width:480px;
        min-width: 1px;
        margin-bottom: 40px;
    }

    img.cloudzoom {
        width:480px; height:316px; box-sizing:border-box;
    }

    #slider1 {
        width: 430px; box-sizing: border-box; padding: 15px 0; margin: 0 25px;
        height:92px;
        position:relative;
    }

    #slider1 .thumbelina-but.horiz{ top: 15px; height: 62px; line-height: 62px; font-size: 30px; width: 23px; border: none;}
    #slider1 .thumbelina-but.horiz.left{ left: -25px;}
    #slider1 .thumbelina-but.horiz.right{ right: -25px;}
    .thumbelina li{ margin: 0 7px; padding: 0; cursor:pointer; width: 94px; height: 62px; vertical-align: top; text-align: center; border:1px solid transparent; box-sizing:border-box;}
    #slider1 li img{ max-width:100%; max-height:100%; border: none;}
    #slider1 li:hover,#slider1 li.li-current{ border-color: #00438F;}

    .PDCont .PDC1{ padding-bottom: 50px; border-bottom: 1px solid #e1e1e1; margin-bottom: 50px;}
    .PDCont .PDC1 .info{ width: 520px; padding-top: 50px;min-height:350px;overflow-y: scroll;}
    .PDCont .PDC1 .info h1{ font-size: 28px; margin-bottom: 30px;}
    .PDCont .PDC1 .info h2{ font-size: 18px; line-height: 28px;}
    .PDCont .PDC1 .info p{ font-size: 18px; color: #888; line-height: 28px;}
    .PDCont .PDC1 .info h2+p{ margin-top: 30px;}

    .PDCont .PDC2{}
    .PDCont .PDC2 .lcont{ width: 50%; box-sizing: border-box; padding-right: 10px;}
    .PDCont .PDC2 .lcont h1,.PDCont .PDC2 .rcont h1{ font-size: 24px; margin-bottom: 25px;}
    .PDCont .PDC2 .lcont .imgBlock,.PDCont .PDC2 .rcont .imgBlock{ max-width: 100%; margin-bottom: 25px;}
    .PDCont .PDC2 .rcont{ width: 50%; box-sizing: border-box; padding-left: 10px;}

    /*core*/
    .coreCont{}
    .coreCont .list{}
    .coreCont .listBox{ margin-bottom: 30px;}
    .coreCont .listBox:last-child{ margin-bottom: 0;}
    .coreCont .listBox .imgBlock{ width: 30%; height: 248px; background: center no-repeat; background-size: cover;}
    .coreCont .listBox .text{ width: 67%; height: 248px; box-sizing: border-box; border: 1px solid #e5e5e5; padding: 20px 40px 0; overflow: hidden;}
    .coreCont .listBox .text h1{ font-size: 20px; color: #00438F; line-height: 30px;}
    .coreCont .listBox .text .border{ height: 1px; background-color: #00438F; margin: 10px 0;}
    .coreCont .listBox .text p{ font-size: 16px; line-height: 26px; color: #888;}

    /*news*/
    .newsCont{}
    .newsCont .LOC{ width: 800px;}
    .newsCont .LOC .listBox{ display: block; border: 1px solid #e5e5e5; padding: 30px; color: #888; margin-bottom: 20px;}
    .newsCont .LOC .listBox:hover{ border-color: #00438F; color: #00438F;}
    .newsCont .LOC .listBox h1{ font-size: 20px; margin-bottom: 15px; color: #333;}
    .newsCont .LOC .listBox:hover h1{ color: #00438F;}
    .newsCont .LOC .listBox h2{ font-size: 14px; margin-bottom: 15px;}
    .newsCont .LOC .listBox img{ width: 100%; margin-bottom: 10px;}
    .newsCont .LOC .listBox p{ font-size: 14px; line-height: 22px;}
    .newsCont .ROC{ width: 343px; border: 1px solid #e5e5e5; padding: 0 20px;}
    .newsCont .ROC .title{ font-size: 20px; height: 90px; line-height: 90px;}
    .newsCont .ROC .listBox{ color: #888; padding: 20px 0; border-top: 1px solid #e5e5e5;}
    .newsCont .ROC .listBox .imgBox{ width: 110px; height: 63px; background: center no-repeat; background-size: cover; margin-right: 40px;}
    .newsCont .ROC .listBox .text{ font-size: 14px; line-height: 24px;}

    /*news detail*/
    .NDCont{ border: 1px solid #e5e5e5; padding: 30px; margin-bottom: 30px;}
    .NDCont .title{ text-align: center; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;}
    .NDCont .title h1{ font-size: 16px; margin-bottom: 15px; line-height: 1.2;}
    .NDCont .title h2{ font-size: 12px; color: #888888;}
    .NDCont .edit{ font-size: 14px; line-height: 22px;}
    .NDCont .edit img{ display: block; margin: 0 auto; max-width: 100%;}

    .CDNav{ margin: 60px 0;}
    .CDNav a{ display: block; width: 40%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px;}
    .CDNav a.fr{ text-align: right;}
    .CDNav a:hover{ color: #00438F;}

    /*talent*/
    .talentCont{}
    .talentCont .list{ background-color: #fafafa; border: 1px solid #e5e5e5;}
    .talentCont .list .ltitle{ height: 80px; font-size: 20px; text-align: center;}
    .talentCont .list .listBox{ border-bottom: 1px solid #e5e5e5;}
    .talentCont .list .listBox:last-child{ border-bottom: none;}
    .talentCont .list .listBox .ltitle{ background-color: #fff;}
    .talentCont .list .listBox .edit{ padding: 30px; font-size: 16px; line-height: 30px; display: none;}

    /*about*/
    .aboutCont{}
    .aboutCont .AC1{ border: 1px solid #e5e5e5; padding: 20px; margin-bottom: 50px;}
    .aboutCont .AC1 .text{ width: 625px;}
    .aboutCont .AC1 .text h1{ font-size: 24px; margin-bottom: 20px; padding-top: 20px;}
    .aboutCont .AC1 .text p{ font-size: 12px; line-height: 24px;}
    .aboutCont .AC1 .img{ width: 500px;}

    .aboutCont .AC2{}
    .aboutCont .AC2 .listBox{ width: 32%; margin-right: 2%; padding-bottom: 20px; border: 1px solid #e5e5e5; box-sizing: border-box;}
    .aboutCont .AC2 .listBox:last-child{ margin-right: 0;}
    .aboutCont .AC2 .listBox .imgBlock{ width: 100%; height: 255px; background: center no-repeat; background-size: cover; margin-bottom: 20px;}
    .aboutCont .AC2 .listBox h1{ font-size: 24px; margin: 0 20px 10px;}
    .aboutCont .AC2 .listBox p{ font-size: 12px; line-height: 18px; margin: 0 20px; height: 90px; overflow: hidden;}

    /*honor*/
    .honorCont{}
    .honorCont .HC1{ width: 780px;}
    .honorCont .HC1 h1{ font-size: 24px; margin-bottom: 25px;}
    .honorCont .HC1 h2{ font-size: 18px; margin-bottom: 20px;}
    .honorCont .HC1 p{ font-size: 14px; color: #888; line-height: 24px;}
    .honorCont .HC2{}

    /*contact*/
    .contactCont{}

    .contactCont .map{ width: 50%; height: 300px;}
    .contactCont .textBlock{ width: 42%; padding-top: 20px;}
    .contactCont .textBlock h1{ margin-bottom: 50px; font-size: 24px; line-height: 30px;}
    .contactCont .textBlock .box{ margin-bottom: 15px;}
    .contactCont .textBlock .box .icon{ width: 22px; height: 22px; margin-right: 20px;}
    .contactCont .textBlock .box .text{ overflow: hidden; line-height: 1.3; color: #888;}

    /*message*/
    .msgCont{ }

    .msgCont .inputBlock{ margin-bottom: 30px;}
    .msgCont .inputBlock .name{ margin-right: 10px; line-height: 50px; font-size: 18px;}
    .msgCont .inputBlock .input{ border: 1px solid #DCDCDC; position: relative;}
    .msgCont .inputBlock .input input{ width: 100%; min-width: 1px; height: 48px; line-height: 48px; box-sizing: border-box; padding: 0 10px; font-size: 18px; color: #999999; border: none; background-color: transparent;}
    .msgCont .inputBlock .input textarea{ width: 100%; min-width: 1px; height: 200px; line-height: 28px; box-sizing: border-box; padding: 10px 10px; font-size: 18px; color: #999999; resize: none; border: none; background-color: transparent;}
    .msgCont .inputBlock .input input+label,.msgCont .inputBlock .input textarea+label{ position: absolute; left: 0; bottom: -20px; font-size: 14px; color: #E91717; }
    .msgCont .inputBlock .sp1{ font-size: 24px; color: #E91717; margin-left: 10px;}

    .msgCont .btns{ text-align: center;}
    .msgCont .btns .btn{ display: inline-block; border: none; background-color: #DCDCDC; width: 160px; height: 50px; line-height: 50px; padding: 0; font-size: 18px; margin: 0 30px; cursor: pointer;}
    .msgCont .btns .btn[type="submit"]{ background-color: #00438F; color: #fff;}


}

@media (min-width: 768px) and (max-width:1199px) {

    .widthBlock{ width: auto; margin: 0 10px;}
    .top2 .nav{ font-size: 16px;}
    .top2 .nav .navBox{ margin-left: 30px;}

    .IC1{ width: 600px; margin: 0 auto; padding-bottom: 60px;}
    .IC1 .lcont{ width:600px; margin-right: 0; padding-bottom: 40px;}

    .IC3 .list{ width: 684px; margin: 0 auto;}
    .IC3 .listBox{ width: 342px;}
    .IC3 .listBox .textBox{ width: 50%; float: left;}
    .IC3 .listBox .imgBox{ width: 50%; float: left;}

    /*product*/
    .productCont .subnav .sblock{ width: 25%; text-align: center; margin-bottom: 20px;}

    /*product detail*/
    .PDCont{  }
    .PDCont .preview{ float: none; margin: 0 auto;}
    .PDCont .PDC1 .info{ float: none; margin: 0 auto;}
    .PDCont .PDC2{ width: 600px; margin: 0 auto;}
    .PDCont .PDC2 .lcont{ width: 100%; padding-right: 0;}
    .PDCont .PDC2 .rcont{ width:100%; padding-left: 0;}

    /*news*/
    .newsCont .LOC{ width: auto; max-width: 800px; margin: 0 auto; float: none;}
    .newsCont .ROC{ width: 343px; display: none;}

    /*about*/
    .aboutCont .AC1 .text{ width: 100%; float: none; margin-bottom: 20px;}
    .aboutCont .AC1 .text h1{ font-size: 24px; margin-bottom: 20px; padding-top: 0;}
    .aboutCont .AC1 .text p{ font-size: 12px; line-height: 24px;}
    .aboutCont .AC1 .img{ display: block; width: 500px; float: none; margin: 0 auto;}

    .honorCont .HC1{ width: 100%; margin-bottom: 30px;}
    .honorCont .HC2{ width: 100%; text-align: center;}





}

@media (max-width: 767px) {

    .widthBlock{ margin: 0 10px;}

    /*top*/
    /*.top{ position: fixed; left: 0; top: 0; width: 100%; z-index: 40; box-shadow: 0 1px 3px #999;}*/
    /*.top1{ display: none;}*/
    /*.top2{ background-color: #00438F;}*/
    /*.top2 .widthBlock{ height: 50px;}*/
    /*.top2 .logo{}*/
    /*.top2 .logo .imgBlock{}*/
    /*.top2 .logo .imgBlock img{ height: 40px;}*/
    /*.top2 .nav{ display: none;}*/
    /*.top2 .menuBtn{ color: #fff;}*/
    /*.top2 .menuBtn .fa-close{ display: none;}*/
    /*.top2 .menuBtn.curr .fa-bars{ display: none;}*/
    /*.top2 .menuBtn.curr .fa-close{ display: inline-block;}*/
    /*.topBlank{ height: 50px;}*/

    /*.sideMenu{ height: 100%; position: fixed; width: 200px; left: 0; top:0; background-color: rgba(255,255,255,1); z-index: 50; overflow-y: auto;*/
        /*-webkit-transform: translateX(-200px);*/
        /*-moz-transform: translateX(-200px);*/
        /*-ms-transform: translateX(-200px);*/
        /*-o-transform: translateX(-200px);*/
        /*transform: translateX(-200px);*/
        /*-webkit-transition: all 0.5s;*/
        /*-moz-transition: all 0.5s;*/
        /*-ms-transition: all 0.5s;*/
        /*-o-transition: all 0.5s;*/
        /*transition: all 0.5s; box-shadow: 1px 0 3px transparent;}*/
    /*.sideMenu.show{-webkit-transform: translateX(0);*/
        /*-moz-transform: translateX(0);*/
        /*-ms-transform: translateX(0);*/
        /*-o-transform: translateX(0);*/
        /*transform: translateX(0); box-shadow: 1px 0 3px #999;}*/
    /*.sideMenu .nav{}*/
    /*.sideMenu .navBox{ font-size: 14px; display: block; padding: 10px; border-bottom: 1px solid #dcdcdc;}*/
    /*.sideMenu .navBox.curr{ color: #fff; background-color: #00438F;}*/
    /*.sideMenu .phone{ font-size: 14px; line-height: 40px; padding: 0 10px; color: #999;}*/
    /*.sideMenu .lang{ padding: 0 10px;}*/
    /*.sideMenu .lang a{ margin-right: 10px;}*/
    /*.sideMenu .lang img{ width: 30px;}*/






    .top{ position: fixed; left: 0; top: 0; width: 100%; z-index: 40; box-shadow: 0 1px 3px #999;}
    .top1{ display: none;}
    .top2{ background-color: #00438F;}
    .top2 .widthBlock{ height: 50px;}
    .top2 .logo{}
    .top2 .logo .imgBlock{}
    .top2 .logo .imgBlock img{ height: 40px;}
    .top2 .nav{ font-size: 12px; color: #fff; width: 210px;}
    .top2 .nav .navBox{ width: 70px; text-align: center; height: 20px; line-height: 20px; position: relative;}
    .top2 .nav .navBox .angle{ display: none;}
    .top2 .menuBtn{ display: none;}
    .top2 .lang{ margin-left: 10px;}
    .top2 a.lang{ display: inline-block}

    .top2 .lang img{ width: 26px;}
    .topBlank{ height: 50px;}

    .sideMenu{ display: none;}




    .otherBanner{}
    .otherBanner img{ width: 100%;}

    .otherCont{ padding: 20px 0; background-color: #fff;}

    .local{ font-size: 12px; margin-bottom: 20px;}
    .local a:first-child,.local .secnav.curr,.local .secnav:first-child.curr{ color: #00438F;}
    .local .secblock{ width: 50%;}
    .local .secnav,.local .secnav:first-child{ display: block; float: left; width: 50%; text-align: right; line-height: 1.5; color: #888;}

    /*pages*/
    .pages{ text-align:center;}
    .pagination{ display:inline-block; margin:0 auto;}
    .pagination li{ float:left; margin: 0 5px;}
    .pagination a{ display:block; line-height:20px; min-width: 20px; box-sizing: border-box; font-size:12px; background-color:#f3f3f3; color:#009f8f; text-decoration:none;}
    .pagination .prev,.pagination .next{ padding:0 5px;}
    .pagination .active a{ background-color:#00438F; color:#fff;}

    /*index*/
    .indexCont{}
    .indexCont .banner{ width: 100%; background-color: #00438F;}
    .indexCont .banner img{ width: 100%;}

    .IC1{ padding: 20px 0;}
    .IC1 .lcont{ margin-bottom: 15px;}
    .IC1 .lcont h1{ font-size: 18px; margin-bottom: 10px;}
    .IC1 .lcont h1 .sp1{ font-size: 12px; color: #999;}
    .IC1 .lcont h2{ font-size: 14px; margin-bottom: 15px;}
    .IC1 .lcont p{ font-size: 14px; line-height: 24px; margin-bottom: 10px;}
    .IC1 .lcont a{ display: block; width: 100px; height: 30px; border: 1px solid #888; border-radius: 5px; font-size: 14px; line-height: 30px; text-align: center; color: #888;}
    .IC1 .rcont{ width: 100%;}
    .IC1 .rcont .tblock{ width: 100%; box-sizing: border-box; background-color: #00438F; color: #fff; padding: 20px 10px;}
    .IC1 .rcont .tblock h1{ margin-bottom: 10px; font-size: 18px;}
    .IC1 .rcont .tblock .border{ width: 36px; height: 1px; background-color: #fff; margin-bottom: 10px;}
    .IC1 .rcont .tblock p{ font-size: 12px; line-height: 24px; overflow: hidden;}
    .IC1 .rcont .iblock{ width: 100%; height: 70vw; background: center no-repeat; background-size: cover;}

    .IC2{ background: center top no-repeat #fff; background-size: cover; position: relative; padding: 20px 0;}
    .IC2 .bgshade{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,67,143,0.8);}
    .IC2 .widthBlock{ position: relative; z-index: 10;}
    .IC2 .title{ color: #fff;}
    .IC2 .title h1{ font-size: 18px; margin-bottom: 10px;}
    .IC2 .title h1 .sp1{ font-size: 12px;}
    .IC2 .title h2{ font-size: 14px; margin-bottom: 15px;}
    .IC2 .block{ width: 100%; margin-bottom: 20px;}
    .IC2 .block .lb{ width: 100%;}
    .IC2 .block .rb{ width: 100%;}
    .IC2 .block .listBox{ height: 215px; display: block; overflow: hidden;}
    .IC2 .block .listBox .textBox{ height: 100%; width: 50%; box-sizing: border-box; padding: 0 10px; background-color: #00438F; color: #fff;}
    .IC2 .block .listBox .textBox h1{ padding-top: 15px; font-size: 14px; line-height: 1.4; margin-bottom: 15px;}
    .IC2 .block .listBox .textBox .border{ width: 100%; height: 1px; background-color: #fff; margin-bottom: 10px;}
    .IC2 .block .listBox .textBox p{ font-size: 12px; line-height: 24px; max-height: 48px; overflow: hidden;}
    .IC2 .block .listBox .textBox .btn{ font-size: 14px; margin-top: 15px;}
    .IC2 .block .listBox .imgBox{ height: 100%; width: 50%; background: center no-repeat #f9f9f9; background-size: cover; position: relative;}
    .IC2 .block .listBox .imgBox img{ position: absolute; top: 50%; margin-top: -7px;}
    .IC2 .block .listBox .imgBox img.larrow{ left: 0;}
    .IC2 .block .listBox .imgBox img.rarrow{ right: 0;}
    .IC2 .moreBtn{ display: block; width: 140px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; border-radius: 10px; font-size: 16px; color: #888; background-color: #f9f9f9;}

    .IC3{ padding: 20px 0;}
    .IC3 .title{ text-align: center; margin-bottom: 20px;}
    .IC3 .title h1{ font-size: 18px; margin-bottom: 10px;}
    .IC3 .title h2{ font-size: 14px;}
    .IC3 .list{}
    .IC3 .listBox{ width: 100%; overflow: hidden;}
    .IC3 .listBox .textBox{ height: 137px; width: 50%; float: left; background-color: #fff; box-sizing: border-box; padding: 25px 10px 0;}
    .IC3 .listBox:hover .textBox{ color: #fff; background-color: #00438F;}
    .IC3 .listBox .textBox h1{ font-size: 14px; margin-bottom: 10px;}
    .IC3 .listBox .textBox p{ color: #888; font-size: 12px; line-height: 20px; height: 60px; overflow: hidden;}
    .IC3 .listBox:hover .textBox p{ color: #fff;}
    .IC3 .listBox .imgBox{ height: 137px; width: 50%; float: left; box-sizing: border-box; background: center no-repeat; background-size: cover;}
    .IC3 .listBox:hover .imgBox{ border: 1px solid #00438F;}

    .IC4{ background-color: #fff; padding: 20px 0;}
    .IC4 .title{ margin-bottom: 20px;}
    .IC4 .title h1{ font-size: 18px; margin-bottom: 10px;}
    .IC4 .title h1 .sp1{ font-size: 12px;}
    .IC4 .title h2{ font-size: 14px;}
    .IC4 .btns{ width: 100%; margin-top: 15px;}
    .IC4 .btns .btn{ display: block; width: 90px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; background-color: #f9f9f9; margin-right: 20px;}
    .IC4 .btns .btn.curr,.IC4 .btns .btn:hover{ background-color: #00438F; color: #fff;}
    .IC4 .block{ display: none;}
    .IC4 .block.curr{ display: block;}
    .IC4 .bannerBox{}
    .IC4 .bannerBox a{ display: block; width: 100%; height: 334px; background: center no-repeat; background-size: cover; position: relative;}
    .IC4 .bannerBox .bannerText{ position: absolute; width: 100%; height: 40px; line-height: 40px; left: 0; bottom: 0; background-color: rgba(0,67,143,0.5); color: #fff; box-sizing: border-box; padding: 0 10px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .IC4 .list{ margin-top: 10px;}
    .IC4 .listBox{ width: 100%; box-sizing: border-box; padding: 10px 0;}
    .IC4 .listBox h1{ font-size: 16px; color: #888; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .IC4 .listBox h1 .sp1{ color: #333;}
    .IC4 .listBox p{ font-size: 12px; color: #888; line-height: 20px; margin-bottom: 10px;}
    .IC4 .listBox .other{ border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; height: 40px; color: #888;}
    .IC4 .listBox .other .fa{ font-size: 16px; margin-right: 5px;}
    .IC4 .listBox .other .text{ font-size: 12px; margin-right: 10px;}
    .IC4 .listBox .other a{ font-size: 12px; white-space: nowrap;}

    /*bottom*/
    .bottom{ background-color: #00438F; padding: 20px 0;}
    .bottom .lc{ width: 100%; margin-bottom: 10px;}
    .bottom .lc .title{ color: #63AFFF; margin-bottom: 20px;}
    .bottom .lc .title img{ width: 36px; margin-right: 10px;}
    .bottom .lc .title .text{ overflow: hidden;}
    .bottom .lc .title .text h1{ font-size: 18px; margin-bottom: 10px;}
    .bottom .lc .title .text h2{ font-size: 12px;}
    .bottom .lc .nav{ display: none;}
    .bottom .lc .other{font-size: 12px; line-height: 20px; color: #63AFFF;}
    .bottom .rc{ width: 100%;  text-align: center; font-size: 14px; color: #63AFFF; line-height: 20px;}
    .bottom .rc img{ width: 140px; margin: 10px 0;}
    .bottom .rc .sp1{ font-size: 20px;}

    .backtopBtn{ position: fixed; width: 30px; height: 30px; line-height: 30px; text-align: center; right: 10px; bottom: 60px; background-color: rgba(0,67,143,1); font-size: 16px; color: #fff; border-radius: 50%; cursor: pointer; z-index: 100; opacity: 0.8; box-shadow: -1px 1px 3px #fff;}
    .backtopBtn:hover{ opacity: 1;
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;}

    /*product*/
    .productCont{}
    .productCont .subnav{ position: fixed; right: 0; top: 0; width: 200px; height: 100%; background-color: #fff; z-index: 100; box-sizing: border-box;
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -ms-transform: translateX(200px);
        -o-transform: translateX(200px);
        transform: translateX(200px);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; box-shadow: -1px 0 3px transparent; padding-top: 50px;}
    .productCont .subnav.show{-webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); box-shadow: -1px 0 3px #999;}
    .productCont .subnav .sntitle{ position: absolute; left: 0; top: 0; background-color: #00438F; color: #fff; height: 50px; line-height: 50px; box-sizing: border-box; padding: 0 10px; width: 100%;}
    .productCont .subnav .snlist{ height: 100%; overflow-y: auto;}
    .productCont .subnav .sblock{ width: 100%;}
    .productCont .subnav .sblock:last-child{ margin-bottom: 0;}
    .productCont .subnav a{ display: block; padding: 0 10px; height: 30px; line-height: 30px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #888; font-size: 14px;}
    .productCont .subnav .sblock.curr a{ color: #00438F;}

    .sidebtn{ width: 30px; height: 30px; font-size: 20px; text-align: center; line-height: 30px; border-radius: 50%; background-color: rgba(0,67,143,0.5);  box-shadow: 1px 1px 3px #fff; position: fixed; left: 5px; bottom: 20%;  text-indent: 0; color: #fff;}
    .sidebtn .fa-bars{}
    .sidebtn .fa-close{ display: none;}
    .sidebtn.curr .fa-bars{ display: none;}
    .sidebtn.curr .fa-close{ display: inline-block;}

    .productCont .list{ margin-bottom: 10px;}
    .productCont .list .listBox{ width: 48%; box-sizing: border-box; border: 1px solid #e5e5e5; margin: 0 1% 10px;}
    .productCont .list .listBox:hover{ border: 1px solid #00438F;}
    .productCont .list .listBox .imgBlock{ height: 45vw; background: center no-repeat; background-size: cover;}
    .productCont .list .listBox .textBlock{ height: 70px; text-align: center; position: relative; border-top: 1px solid #e5e5e5;}
    .productCont .list .listBox .textBlock h1{ font-size: 16px; color: #00438F; padding-top: 10px; margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .productCont .list .listBox .textBlock p{ font-size: 12px; color: #888; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .productCont .list .listBox .textBlock .shadetxt{ position: absolute; left: 0; top: 0; width: 100%; height: 100px; line-height: 100px; color: #fff; background-color: #00438F; font-size: 20px; display: none;}

    /*product detail*/
    .PDCont{  }
    .PDCont .preview{ width: 100%;}

    #surround {
        width:100%;
        min-width: 1px;
        margin-bottom: 20px;
    }

    img.cloudzoom {
        width:100%; height:60vw; box-sizing:border-box;
    }

    #slider1 {
        width: auto; box-sizing: border-box; padding: 15px 0; margin: 0 25px;
        height:92px;
        position:relative;
    }

    #slider1 .thumbelina-but.horiz{ top: 15px; height: 62px; line-height: 62px; font-size: 30px; width: 23px; border: none;}
    #slider1 .thumbelina-but.horiz.left{ left: -25px;}
    #slider1 .thumbelina-but.horiz.right{ right: -25px;}
    .thumbelina li{ margin: 0 3px; padding: 0; cursor:pointer; width: 94px; height: 62px; vertical-align: top; text-align: center; border:1px solid transparent; box-sizing:border-box;}
    #slider1 li img{ max-width:100%; max-height:100%; border: none;}
    #slider1 li:hover,#slider1 li.li-current{ border-color: #00438F;}

    .PDCont .PDC1{ padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
    .PDCont .PDC1 .info{ width: 100%; padding-top: 20px;}
    .PDCont .PDC1 .info h1{ font-size: 20px; margin-bottom: 10px;}
    .PDCont .PDC1 .info h2{ font-size: 14px; line-height: 20px;}
    .PDCont .PDC1 .info p{ font-size: 14px; color: #888; line-height: 20px;}
    .PDCont .PDC1 .info h2+p{ margin-top: 10px;}

    .PDCont .PDC2{}
    .PDCont .PDC2 .lcont{ width: 100%; box-sizing: border-box;}
    .PDCont .PDC2 .lcont h1,.PDCont .PDC2 .rcont h1{ font-size: 16px; margin-bottom: 15px;}
    .PDCont .PDC2 .lcont .imgBlock,.PDCont .PDC2 .rcont .imgBlock{ max-width: 100%; margin-bottom: 15px;}
    .PDCont .PDC2 .rcont{ width: 100%; box-sizing: border-box;}

    /*core*/
    .coreCont{}
    .coreCont .list{}
    .coreCont .listBox{ margin-bottom: 10px;}
    .coreCont .listBox:last-child{ margin-bottom: 0;}
    .coreCont .listBox .imgBlock{ width: 100%; height: 24vw; background: center no-repeat; background-size: cover;}
    .coreCont .listBox .text{ width: 100%; height: auto; box-sizing: border-box; border: 1px solid #e5e5e5; padding: 10px; overflow: hidden;}
    .coreCont .listBox .text h1{ font-size: 14px; color: #00438F; line-height: 20px;}
    .coreCont .listBox .text .border{ height: 1px; background-color: #00438F; margin: 5px 0;}
    .coreCont .listBox .text p{ font-size: 12px; line-height: 18px; color: #888;}

    /*news*/
    .newsCont{}
    .newsCont .LOC{ width: 100%;}
    .newsCont .LOC .listBox{ display: block; border: 1px solid #e5e5e5; padding: 10px; color: #888; margin-bottom: 10px;}
    .newsCont .LOC .listBox:hover{ border-color: #00438F; color: #00438F;}
    .newsCont .LOC .listBox h1{ font-size: 14px; margin-bottom: 5px; color: #333; line-height: 1.3;}
    .newsCont .LOC .listBox:hover h1{ color: #00438F;}
    .newsCont .LOC .listBox h2{ font-size: 12px; margin-bottom: 5px;}
    .newsCont .LOC .listBox img{ width: 100%; margin-bottom: 5px;}
    .newsCont .LOC .listBox p{ font-size: 12px; line-height: 18px;}
    .newsCont .ROC{ width: 343px; display: none;}

    /*news detail*/
    .NDCont{ border: 1px solid #e5e5e5; padding: 10px; margin-bottom: 10px;}
    .NDCont .title{ text-align: center; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;}
    .NDCont .title h1{ font-size: 16px; margin-bottom: 5px; line-height: 1.2;}
    .NDCont .title h2{ font-size: 12px; color: #888888;}
    .NDCont .edit{ font-size: 14px; line-height: 22px;}
    .NDCont .edit img{ display: block; margin: 0 auto; max-width: 100%;}

    .CDNav{ margin: 30px 0;}
    .CDNav a{ display: block; width: 49%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px;}
    .CDNav a.fr{ text-align: right;}
    .CDNav a:hover{ color: #00438F;}

    /*talent*/
    .talentCont{}
    .talentCont .list{ background-color: #fafafa; border: 1px solid #e5e5e5;}
    .talentCont .list .ltitle{ height: 50px; font-size: 12px; line-height: 1.3; text-align: center;}
    .talentCont .list .listBox{ border-bottom: 1px solid #e5e5e5;}
    .talentCont .list .listBox:last-child{ border-bottom: none;}
    .talentCont .list .listBox .ltitle{ background-color: #fff;}
    .talentCont .list .listBox .edit{ padding: 10px; font-size: 16px; line-height: 30px; display: none;}

    /*about*/
    .aboutCont{}
    .aboutCont .AC1{ border: 1px solid #e5e5e5; padding: 20px 10px; margin-bottom: 20px;}
    .aboutCont .AC1 .text{ width: 100%;}
    .aboutCont .AC1 .text h1{ font-size: 18px; margin-bottom: 10px;}
    .aboutCont .AC1 .text p{ font-size: 12px; line-height: 24px;}
    .aboutCont .AC1 .img{ width: 100%;}

    .aboutCont .AC2{}
    .aboutCont .AC2 .listBox{ width:100%; padding-bottom: 10px; margin-bottom: 10px; border: 1px solid #e5e5e5; box-sizing: border-box;}
    .aboutCont .AC2 .listBox:last-child{ margin-right: 0;}
    .aboutCont .AC2 .listBox .imgBlock{ width: 100%; height: 255px; background: center no-repeat; background-size: cover; margin-bottom: 10px;}
    .aboutCont .AC2 .listBox h1{ font-size: 18px; margin: 0 10px 10px;}
    .aboutCont .AC2 .listBox p{ font-size: 12px; line-height: 18px; margin: 0 10px; overflow: hidden;}

    /*honor*/
    .honorCont{}
    .honorCont .HC1{ width: 100%; margin-bottom: 20px;}
    .honorCont .HC1 h1{ font-size: 18px; margin-bottom: 15px;}
    .honorCont .HC1 h2{ font-size: 14px; margin-bottom: 10px;}
    .honorCont .HC1 p{ font-size: 12px; color: #888; line-height: 18px;}
    .honorCont .HC2{ width: 100%; text-align: center;}
    .honorCont .HC2 img{ max-width: 100%;}

    /*contact*/
    .contactCont{}

    .contactCont .map{ width: 100%; height: 200px; margin-bottom: 30px;}
    .contactCont .textBlock{ width: 100%;}
    .contactCont .textBlock h1{ margin-bottom: 20px; font-size: 16px; line-height: 24px;}
    .contactCont .textBlock .box{ margin-bottom: 15px;}
    .contactCont .textBlock .box .icon{ width: 20px; height: 20px; margin-right: 10px;}
    .contactCont .textBlock .box .text{ overflow: hidden; line-height: 1.3; font-size: 12px; color: #888;}

    /*message*/
    .msgCont{ padding: 30px 0;}

    .msgCont .inputBlock{ margin-bottom: 30px;}
    .msgCont .inputBlock .name{ margin-right: 5px; line-height: 30px; font-size: 14px;}
    .msgCont .inputBlock .input{ border: 1px solid #DCDCDC; position: relative;}
    .msgCont .inputBlock .input input{ width: 100%; min-width: 1px; height: 28px; line-height: 28px; box-sizing: border-box; padding: 0 5px; font-size: 14px; color: #999999; border: none; background-color: transparent;}
    .msgCont .inputBlock .input textarea{ width: 100%; min-width: 1px; height: 160px; line-height: 18px; box-sizing: border-box; padding: 5px 5px; font-size: 14px; color: #999999; resize: none; border: none; background-color: transparent;}
    .msgCont .inputBlock .input input+label,.msgCont .inputBlock .input textarea+label{ position: absolute; left: 0; bottom: -20px; font-size: 12px; color: #E91717; }
    .msgCont .inputBlock .sp1{ font-size: 20px; color: #E91717; margin-left: 5px;}

    .msgCont .btns{ text-align: center;}
    .msgCont .btns .btn{ display: inline-block; border: none; background-color: #DCDCDC; width: 100px; height: 40px; line-height: 40px; padding: 0; font-size: 14px; margin: 0 10px; cursor: pointer;}
    .msgCont .btns .btn[type="submit"]{ background-color: #00438F; color: #fff;}

}

#sc1 img{
    max-width: 100%;

}




.widthBlock img{

    max-width: 100%;
}


/*弹框样式*/
.imgzoom_pack{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    background:rgba(0,0,0,.7);
    display:none;
    z-index:199;
}
.imgzoom_pack .imgzoom_x{
    color:#fff;
    height:30px;
    width:30px;
    line-height:30px;
    background:#000;
    text-align:center;
    position:absolute;
    right:5px;
    top:5px;
    z-index:200;
    cursor:pointer;
}
.imgzoom_pack .imgzoom_img{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    overflow:hidden;
}
.imgzoom_pack .imgzoom_img img{
    width:100%;
    position:absolute;
    top:50%;
}