/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#464646; font:16px/1.8  Arial, microsoft yahei;width:100%; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0; padding:0;}
a{text-decoration:none;color:#434343;}
a:hover,a.active,a:focus {text-decoration:none;}
div{ margin:0 auto;
    font-family:"microsoft yahei";}
.wrap{ width:1200px; margin:auto; overflow:hidden;}
.lf{float:left}
.rt{float:right}
.clear{clear:both;}
.clear{zoom:1;}
.clear:after { display: block;clear: both;content: "";visibility: hidden;height:0;}
.sen{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
img{.pro-focus .hd li
    vertical-align:bottom;
    object-fit:cover;
    o-object-fit:cover;
    max-width: 100%;
    margin:0 auto;
}

html ,body{ font-size:16px;}
.font-bold{font-weight: 700;}
@font-face {
    font-family: 'iconfont';  /* project id 949409 */
    src: url('https://at.alicdn.com/t/font_949409_ih61xugufln.eot');
    src: url('https://at.alicdn.com/t/font_949409_ih61xugufln.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_949409_ih61xugufln.woff') format('woff'),
    url('https://at.alicdn.com/t/font_949409_ih61xugufln.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_949409_ih61xugufln.svg#iconfont') format('svg');
}
@font-face {
    font-family: pingfang;
    src:  url("../font/pingfang.woff") format("woff"),
    url("../font/pingfang.ttf") format("truetype"),
    url("../font/pingfang.eot") format("embedded-opentype"),
    url("../font/pingfang.svg") format("svg");
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/****************************header**********************/
/***************导航************/
#Nav{line-height:32px;z-index:999;background:#fff;}
#Nav h1{background:url(../images/logo.png) no-repeat center;width:220px;height:100px;background-size:contain}
#Nav h1 a{display:block;text-indent:-9999rem;width:100%;height:100%;}
#Nav .nav{display:block;margin-top:20px;}
#Nav .nav>li{position: relative;float:left;padding:0 20px;}
#Nav .nav>li a{position:relative;display:block;padding:10px 0 30px 0;text-align:center;
    font-size: 1.2rem;
    font-family: pimgfang;}
#Nav .nav>li a span{display:block;font-size:16px;}
#Nav .nav>li a:hover,#Nav .nav>li.active a{color:#11407F}
.nav>li>a:focus, .nav>li>a:hover{background-color:#fff;}
#Nav .nav>li>a:after{position:absolute;bottom:0;left:50%;width:70px;height:2px;margin-left:-35px;content:'';-webkit-transition:all ease .3s;transition:all ease .3s;-webkit-transform:scale(0, 1);transform:scale(0, 1);background:#11407F;}
#Nav .nav>li:hover a:after,#Nav .nav li.active a:after{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1)}
#Nav .nav li.active a{color:#11407F;}

#Nav h4{margin-top:10px;position:relative;height:42px;width:30px;cursor:pointer;margin-right:8px;}
#Nav h4:after,#Nav h4:before{position:absolute;left:0;width:100%;height:2px;background:#11407F;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
#Nav h4:after{bottom:10px;}
#Nav h4:before{top:10px;}
#Nav h4 span{display:block;height:2px;width:100%;background:#11407F;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
#Nav h4.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
#Nav h4.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:6px;left:5px;}
#Nav h4.active span{opacity:0}

nav{position:fixed;top:-150%;left:0;width:100%;background:#15417D;z-index:98;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
nav a{display:block; width:100%;line-height:40px;text-align:center;font-size:14px;color:#fff;    border-top: 1px solid #2460b1;
    border-bottom: 1px solid #0b192b;font-family:'Microsoft YaHei'}
nav a:hover{color:#fff;background:rgba(78,101,174,0.5)}
nav.active{top:60px;}

@media(max-width:1200px){
    #Nav h1{}
    #Nav .nav>li{
        padding: 0 13px;
    }
    #Nav .nav{
        margin-top:20px;
    }
    #Nav{position:fixed;top:0;left:0;width:100%;z-index:99;box-shadow: 1.5px 2.6px 3px 0 rgba(104,101,107,0.8);}
}


/***************banner************/
.swiper-pagination-bullet-active{background:#FF9339}
@media(max-width:760px){
    #Banner{margin-top:60px;}
}
/*main*/
@media (min-width:1300px){.container{width:1200px}
}
#main .container{padding:0}
.aboutProfile{margin:4.375rem auto;position:relative;overflow: hidden;}
.aboutProfile:after{position:absolute;content:"";width:77%;height:422px;background:#F8F8F8;right:0;bottom:0;z-index:-1}
.aboutIntro{font-size:1.25rem;font-weight:lighter;color:#464646;text-align:justify;text-indent:2em;      padding: 50px 0 62px;}
.commonTitle{position:relative;padding-bottom:12px}
.commonTitle span{display:inline-block;width:49%;margin-left:2%;padding-top:15px;border-top:2px solid #848484;color:#11407F;font-size:1.25rem;text-align:right;line-height:1;margin-right:3%}
.commonTitle b{font-size:2.875rem;color:#636363;    width: 42%;
    display: inline-block;
    text-align: center;
    font-weight: 400;}
.commonTitle:after,.commonTitle:before{position:absolute;content:'';background:#C2C2C2}
.commonTitle:before{width:6px;height:100%;right:0;top:0}
.commonTitle:after{width:53%;height:6px;right:0;bottom:0}
.aboutTxt{padding-left:0}
.aboutTxt .hbg{width:94%;margin:0;margin-top:90px}
.aboutIntro .more{color:#11407F;float:right}
.aboutPic{overflow:hidden}
.aboutPic a{display:block;overflow:hidden}
.effectShow img{animation:run2 10s linear infinite}
@keyframes run2{0%{transform:scale(1)}
    50%{transform:scale(1.2)}
    100%{transform:scale(1)}
}

    /*产品*/
.commonTitle2 h4{font-size:2.875rem;color:#636363;}
.pro{margin:4.375rem auto}
.commonTitle2 p{position:relative;width:55%;margin:8px auto}
.commonTitle2 p:after,.commonTitle2 p:before{position:absolute;content:"";width:48%;height:2px;background:#6F8CB1;top:50%}
.commonTitle2 p:before{left:0}
.commonTitle2 p:after{right:0}
.commonTitle2 p span{background:#fff;font-size:1.25rem;color:#11407F;padding:0 25px;position:relative;z-index:2}
.pro-focus img{width:100%;height:718px;display:block;object-fit:cover}
.pro-focus .hd{width:100%;overflow:hidden;margin:3rem auto}
.pro-focus .hd li{float:left;display:inline;width:calc(100%/9 - 19px);margin-right:calc(18px*9 / 8);line-height:2}
.pro-focus .hd li a{display:block;text-align:center;padding:15px 0;font-size: 1.0625rem;}
.pro-focus .hd li:last-child{margin-right:0}
.pro-focus .hd li i{display:block;text-align:center;font-size:4.5rem;line-height:1;color: #D5D5D5;}
.pro-focus .hd li i{
    width:72px;
    height:72px;
    display:block;
    background:url(../images/pkc.png) no-repeat center;
    background-size:100%;
    margin:0 auto;
}
.pro-focus .hd li:nth-child(2) i{
    background-image:url(../images/tlm.png);
}
.pro-focus .hd li:nth-child(3) i{
    background-image:url(../images/tlc.png);
}
.pro-focus .hd li:nth-child(4) i{
    background-image:url(../images/zdm.png);
}
.pro-focus .hd li:nth-child(5) i{
    background-image:url(../images/lywl.png);
}
.pro-focus .hd li:nth-child(6) i{
    background-image:url(../images/pkm.png);
}
.pro-focus .hd li:nth-child(7) i{
    background-image:url(../images/ygf.png);
}
.pro-focus .hd li:nth-child(8) i{
    background-image:url(../images/yp.png);
}
.pro-focus .hd li:nth-child(9) i{
    background-image:url(../images/tym.png);
}
.pro-focus .hd .on a{background-color:#11407F;color:#fff}
.pro-focus .hd a{background-color:#fff;padding:0 10px;width:100%}
.pro-focus .bd{width:100%;height:860px;overflow:hidden;position:relative}
.pro-focus .bd ul{overflow:hidden;position:relative;font-size:1rem;height:860px}
.pro-focus .bd li{width:100%;height:860px;background-color:#fff;position:relative}
.pro-focus .bd li div{height:142px;overflow:hidden;background:#11407F;color:#fff;padding:18px;box-sizing:border-box;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.pro-focus .bd li div:hover a{color:#11407F}
.pro-focus .bd li div b{display:block;margin-bottom:15px;font-size:1.25rem;font-weight:400;line-height:1}
.pro-focus .bd li div a,.pro-focus .bd li div a:visited{color:#fff}
.pro-focus .bd li div a:hover{color:#fff}
.pro-focus .next,.pro-focus .prev{position:absolute;top:42%;width:29px;height:64px;opacity:.6;filter:alpha(opacity=60);overflow:hidden;display:none;text-indent:-999px;border:none;background:url(../images/arrowLR.png) no-repeat}
.pro-focus .next:hover,.pro-focus .prev:hover{opacity:.9;filter:alpha(opacity=90)}
.pro-focus .prev{left:0;background-position:-50px 0}
.pro-focus .next{right:0}
.pro-focus .bdOn .next,.pro-focus .bdOn .prev{display:block}


/*adv2*/
.adv .maskBox{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    display:flex;align-items:center;justify-content:center;
    z-index:2;   -webkit-transition: -webkit-transform 1.6s;
    -moz-transition: -moz-transform  1.6s;
    transition: transform 1.6s;
}
.common-adv{position:relative;  -webkit-transition: -webkit-transform 1.6s;
    -moz-transition: -moz-transform  1.6s;
    transition: transform 1.6s;}
.common-adv .mask{display:flex;align-items:center;justify-content:center;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:40%;height:60%;background:rgba(0,0,0,.42);    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s}
.common-adv .mask:hover{
    -webkit-animation:pulse 1.6s ease-in-out;-moz-animation:pulse 1.6s ease-in-out;animation:pulse 1.6s ease-in-out}
.common-adv .mask img{
    -webkit-transition: -webkit-transform 1.6s;
    -moz-transition: -moz-transform  1.6s;
    transition: transform 1.6s;
}
.common-adv .mask:hover img{-webkit-animation:pulse2 1.6s ease-in-out;-moz-animation:pulse2 1.6s ease-in-out;animation:pulse2 1.6s ease-in-out}

.adv .mask{
    width: 64.3%;
    z-index:1;
    height: 24%; -webkit-transition: -webkit-transform 1.6s;
    -moz-transition: -moz-transform  1.6s;
    transition: transform 1.6s;
}
.adv .maskBox img{
    z-index:2;  -webkit-transition: -webkit-transform 1.6s;
    -moz-transition: -moz-transform  1.6s;
    transition: transform 1.6s;
}
.adv .maskBox:hover img{
    -webkit-animation:pulse2 1.6s ease-in-out;-moz-animation:pulse2 1.6s ease-in-out;animation:pulse2 1.6s ease-in-out
}
.adv .maskBox:hover .mask{
    -webkit-animation:pulse 1.6s ease-in-out;-moz-animation:pulse 1.6s ease-in-out;animation:pulse 1.6s ease-in-out
}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
    50%{-moz-transform:scale(1.3);-webkit-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
    50%{-moz-transform:scale(1.3);-webkit-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes pulse2{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
    50%{-moz-transform:scale(.6);-webkit-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes pulse2{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
    50%{-moz-transform:scale(.6);-webkit-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}

/*快速导航*/
.quikNav{background:#F8F8F8;padding:60px 0 30px}
.quikNav li{margin-bottom:30px}
.quikNav li figure{position:relative;overflow:hidden}
.quikNav li figure p{background:#FFF;text-align:center;color:#000;font-size:1.375rem;padding:30px 0 16px}
.quikNav li .inner{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s}
.grid figcaption{height:100px;width:100%;top:auto;bottom:0;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .4s,opacity .1s .3s;-moz-transition:-moz-transform .4s,opacity .1s .3s;transition:transform .4s,opacity .1s .3s;position:absolute;left:0;padding:20px;background:#15417D;color:#0755e2}
.grid figcaption h3{margin:0;padding:0;color:#fff;font-size:1.375rem}
.grid figcaption em{position:absolute;right:20px;text-align:center;padding:5px 10px;border-radius:2px;display:inline-block;background:#275bb7;color:#fff;font-size:.875rem;margin-top:-10px;font-style:normal}
.grid figure:hover .inner{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
.grid figure:hover figcaption{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .4s,opacity .1s;-moz-transition:-moz-transform .4s,opacity .1s;transition:transform .4s,opacity .1s}

/*footer*/
footer{background:#11407F;color:#FFF;font-size:1.25rem;padding:3rem 0}
.other>p{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}
.other .copyright{margin-top:30px}
footer .other i{font-size:1.5rem;vertical-align:middle;margin-right:10px}
.nav4 ul{position:fixed;z-index:200;bottom:0;left:0;width:100%;box-shadow:1.5px -.4px 3px 0 rgba(53,49,58,.8)}
.nav4 li i{display:block;text-align:center;font-size:1.8rem}
.nav4 li{border-left:1px solid #435773;border-right:1px solid #0c2f5f;border-bottom:0;position:relative;-webkit-box-shadow:inset 0 0 3px #fff;float:left;width:calc(100% / 3)}
.nav4 li:nth-of-type(1){border-left:0}
.nav4 li>a{font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-bottom:0;display:block;text-align:center;background:#18417B;padding:5px 0;line-height:1.4}
.nav4 li>a:only-child span{background:0 0;padding-left:0}
.nav4 li>a span{color:rgba(255,255,255,1);display:block;padding-left:15px;-webkit-background-size:9px auto}


/*s========================产品页==============================*/
.proPages{margin:4rem auto}
.proPages .commonTitle2 h4{font-weight:400}
.proShows .hd li:hover a,.proShows .hd li.active a{background:#15417D;color:#fff}
.proPages .commonTitle span{font-weight:lighter}
.proPages .commonTitle b{color:#2769A4;font-weight:400}
.proProfile:after{background:#FBFBFB;height:422px;top:82px}
.proProfile .aboutIntro{line-height:2.3}
.proProfile .hbg{margin-top:125px}
.proBox .proProfile:nth-child(2n) .aboutPic{float:right}
.proBox .proProfile:nth-child(2n) .commonTitle span{float:right;text-align:left;margin-top:4%}
.proBox .proProfile:nth-child(2n) .commonTitle:after,.proBox .proProfile:nth-child(2n) .commonTitle:before{left:0}
.proBox .proProfile:nth-child(2n):after{left:0}
.proBox .proProfile:nth-child(2n) .aboutPic a{text-align:right}
.proBox .proProfile:nth-child(2n) .aboutTxt{padding-left:15px}
.proBox .proProfile:nth-child(2n) .hbg{float:right}
.proBox .proProfile{margin-bottom:4rem;margin-top:0}
.proBox .aboutIntro .more{display:block;float:inherit;text-align:right}

/*产品详情*/
.cpShow .details{background:#11407F;color:#fff;padding:15px}
.cpShow .details b{font-size:1.25rem;font-weight:400}
.cpShow .details p{text-indent:2em}
#myTab{display:-moz-flex;display:flex;justify-content:space-around;align-items:center;margin:4rem auto}
#myTab li{display:inline-block;line-height:1;overflow:hidden}
#myTab li a{display:block;font-size:2rem;text-align:center;padding:20px 32px;color:#666;background:#F1F0F0;-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px}
#myTab li.active a,#myTab li.active a:hover{background:#11407F;color:#fff}
#myTab li a:hover{background:#F1F0F0;color:#666}
.tab-content .gate{margin-bottom:4rem}
.tab-content .gate .info{padding:30px 18px;background:#F1F0F0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.gate .info span{display:inline-block}
.gate .info span a{display:block;background:#11407F;color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px 18px;font-size:1.625rem;letter-spacing:3px}
.gate .info span i{display:inline-block;width:18px;height:20px;background-size:contain;background:url(../images/arrow.png) no-repeat right center}
.gate .cpt{ position:relative;}
.gate .cpt em{
    position:absolute;
    display:block;
    top: 3%;
    left:18px;
    background:url(../images/jl.png) no-repeat;
    width: 212px;
    height: 72px;
}
.gate .cpName{
    position:absolute;
    bottom:6%;
    left:18px;
    text-align: center;
    width:26%;
    display:inline-block;
    padding:18px 0;
    letter-spacing:2px;
    background:rgba(255,255,255,0.76);
    color:#11407F;
    font-size: 1.875rem;
    font-weight: 700;
}
/*公司简介*/
.aboutPage{height:2808px;margin-bottom:100px;background:url(../images/gsbg.jpg) no-repeat center top;background-size:100% auto;padding-top:136px}
.summary{width:50%;float:right;text-align:center}
.summary .wrap{width:66%}
.summary .wrap .txt{font-size:1.5rem;line-height:1.6;text-align:left;text-align:justify;font-weight:lighter}
.aboutTitle{color:#11407F;font-size:1.25rem;text-align:left;margin-bottom:15px}
.aboutTitle h3{font-size:3.5rem}
.gy2 .summary{float:left}
.gy2 .summary .wrap{width:84%;margin:0 0 0 auto}
.gy3 .summary{margin-top:14%}
.gy3 .summary .wrap{width:100%}
.part1 .aboutProfile:after{height:348px}

/*招商加盟*/
.condition .dec{margin:4rem auto}
.dec p{color:#000;padding-left:40px;background:url(../images/dot.png) no-repeat left top 12px;font-size:1.125rem;line-height:2.2}
.part2 .dec{padding:30px 30px;background:#fff}

.part2 .div>div{
    height: 100%;
    background: #fff;}
.part2{background:#F8F8F8;padding:4rem 0}
#main .lc{padding-top:4rem;padding-bottom:4rem}
.stepPic{margin:4rem auto}
.part2 .commonTitle2 p span{background:#F8F8F8}
.divBox{margin-top:3rem;    display: flex;
    align-items: stretch;
    justify-content: space-between;}

/*招聘*/
.zpPage{margin:4rem auto}
.zpBox .con{padding:15px 0;color:#666;font-weight:700;font-size:1.125rem}
.zpBox .con i{margin-right:8px;font-size:1.3rem}
.zpBox .n{display:flex;align-items:center;justify-content:space-between}
.zpBox .n span a{display:block;padding:8px 10px;background:#F1F0F0;color:#11407F;font-weight:400;font-size:.875rem}
.zpBox .n i{font-size:1.2rem;margin-right:8px}
.zpContent{font-size:1.375rem;color:#666}
.zpContent b{color:#333}
.zpContent>div{margin-bottom:14px}
.zpContent .zw span{margin-right:30px}
.zpContent{padding-left:33px}
.companyName{font-size:4rem;color:#404040;font-weight:700}
#get{position:relative}
#get a{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:100%;height:100px}
.zpInfo img{
    max-height:212px;
}
/*新闻资讯*/
.newsPage{padding:4rem 0;background:#F8F8F8}
.newsPage .newsBox{
    overflow:hidden;
    display:flex;
    align-content: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.newsPage .commonTitle2 p span{background:#F8F8F8}
.newsBox .items{margin-top:4rem;margin:4rem 0 0;}
.newsBox .items a{height:100%; display:block;background:#11407F;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;position:relative;box-sizing:border-box}
.newsBox .items .front{position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;height:100%;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;background:#fff;z-index:3}
.newsBox .items .front img{
    max-height:270px;
}
.newsBox .items:hover .front{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.newsBox .items .front .other{padding:28px}
.items .front h4{font-size:2rem;color:#272727;line-height:1.6;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.dateTime{font-size:1.5rem;text-align:center;display:block}
.newsBox .items .front .txt{font-size:1.25rem;color:#272727;text-align:justify;line-height:1.6;margin:5px 0 28px;text-indent: 2em;}
.items .front em{background:#11407F;color:#fff;font-style:normal;font-size:1.5rem;padding:0 14px}
.newsBox .items .info{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;background:#11407F;color:#fff;padding:28px;box-sizing:border-box;font-size:1.25rem;text-align:justify;z-index:2}
.items .info h5{font-size:1.75rem;font-weight:700;line-height:1.6}
.newsBox .items .info .txt{margin:25px auto;text-indent:2em;}
.newsBox .items .info i{font-size:2.4rem;text-align:center;display:block}
.Page{margin:4rem auto}
.Page a,.Page>b{display:inline-block;border:solid 1px #dedede;line-height:24px;font-size:12px;font-family:SimSun;padding:0 8px;color:#333;font-weight:400}
.Page>b{background:#11407F;border-color:#11407F;color:#fff}
.contentContent .title_info{margin-top:20px;margin-bottom:20px}
.contentContent .title_info h3{color:#111;text-align:center;font-size:2.2rem;font-weight:700}
.contentContent .title_info p{margin-bottom:26px;padding:16px 0;text-align:center;line-height:2}
.contentContent .title_info p span{margin:0 18px;font-size:1.5rem;color:#666}
.contentContent .txt{font-size:1.5rem;text-align:justify}
.newsXq{padding:2rem 0}
.links,.links a{font-size:1.2rem}
.links a:hover{color:#15417D;font-weight:700;text-decoration:underline}
.links{margin:2rem 0}
.guid{display:flex;align-items:stretch;justify-content:space-between}
.guid dl{background:#F1F0F0;font-size:1.25rem;padding:28px;height:100%}
.guid dl i{font-weight:700;color:#11407F;font-size:3.2rem;line-height:1}
.guid dl p{padding:18px 0;line-height:1;position:relative;margin-bottom:18px}
.guid dl p:after{position:absolute;bottom:0;left:50%;width:28%;margin-left:-14%;content:"";height:2px;background:#202020}
.guid dd b{display:block;color:#202020;font-size:1.5rem}
.guid dd em{font-style:normal;font-size:.875rem;color:#111}
.guid dd span{font-size:1rem;color:#202020;display:block;text-align:center;margin:10px 0}
.guid dd span a{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;display:inline-block;width:92px;height:32px;line-height:32px;border:1px solid #8c8585}
.guid dl:hover,.guid dl:hover b,.guid dl:hover em,.guid dl:hover i,.guid dl:hover span,.guid dl:hover span a,
.guid .g1.active dl,.guid .g1.active dl b,.guid .g1.active dl em,.guid .g1.active dl i,.guid .g1.active dl span,.guid .g1.active dl span a{color:#fff;background:#11407F}
.guid dl:hover p:after,.guid .g1.active dl p:after{background:#fff}
.guid dl:hover span a,.guid .g1.active dl span a{border-color:#fff}



#main .friendLink{
    font-weight:700;
    padding:2rem 0;
    line-height:1.8;
    font-size: 1.25rem;
}
.friendLink a{
    font-weight: 400;
    margin:0 6px;
}
.friendLink  a:hover{
    color:#11407F;
}
#book .b1{
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
#book .xq{
    align-items: flex-start;
}
#book .b1 span{
    display:inline-block;
    width: 90px;
    height: 90px;
    line-height: 80px;
    text-align: center;
    background: #11407F;
    color:#fff;
    background: url(../images/dbx.png) no-repeat center;
    background-size:100% 100%;
    vertical-align:top;
}
#book input{
    line-height: 77px;
    border:2px solid #959595;
    width:53%; outline: none;
    margin-right: 15px;
    margin-left: 4%;
    padding:0 10px;
}
#book textarea{
    border:2px solid #959595;
    width:53%;
    outline: none;  margin-right: 15px;
    margin-left: 4%; padding:0 10px;
}
#book b{
    color:#333333;
    font-size: 2rem;
    font-weight: 400;
}
#book button{
    width:256px;
    height: 74px;
    line-height:74px;
    border: none;
    background-color: #11407F;
    color: #fff;
    font-size: 1.8rem;
    margin:84px auto 0;
    display: block;
}

@media (max-width:1200px) {
    #book button{
        height: 58px;
        line-height: 58px;
        margin-top: 46px;
    }
    #book .b1{
        margin-top: 36px;}
    #book input{
        line-height: 60px;}
}
.sideqq{
    position:fixed;
    bottom:0;
    right:0;
    z-index:9999;
}
.sideqq p{
    padding:0 10px 0 25px;
    width: 158px;
    height: 50px;
    line-height: 50px;
    background: #11407F;
    color:#fff;
    font-size: 1.125rem;
    -webkit-border-radius: 24px 0 0 24px;
    -moz-border-radius: 24px 0 0 24px;
    border-radius: 24px 0 0 24px;
    margin-top: 25px;
    transform: translate(134px);-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s
}
.sideqq p:hover{
    transform: translate(40px);
}
.sideqq p a{
    display:block; color:#fff;overflow:hidden;
}
.sideqq p i{
    font-size: 1.8rem;
    margin-right: 14px;
    display:block;
    float:left;
}
.sideqq .serviceHotLine{
    font-size:1rem;
    width: 198px;   transform: translate(134px);-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s
}
.sideqq p.serviceHotLine:hover{
    transform: translate(0);
}
.sideqq p span{
    width:calc(100% - 50px);
    float:left;
    display:inline-block;
    text-align: center;
    line-height: 1.2;
    margin-top:6px;
}

.middleCenter{
    width: 610px;
    height: 300px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index:9999;
    display: none;
}
.middleCenter input{
    height: 50px;
    line-height: 50px;
    border:1px solid #11407F;
    padding:0 14px;
    box-sizing: border-box;
    width: 480px;
    display:inline-block;
    font-size: 1.125rem; float:left;
}
.middleCenter button{
    width:130px;
    height: 50px;
    line-height: 50px;
    background: #295794;
    color:#fff;
    text-align: center;
    font-size: 1.5rem;
    border:none;
    float:left;
}
.middleCenter  .close {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    right: 10px;
    top: 54px;
    color:#fff;
    opacity: 1;
    font-size: 2rem;
}
.resume{position:relative}
.resume .download,.resume .email{
    display:inline-block;
    display: inline-block;
    width: 14.5%;
    position: absolute;
    bottom: 14px;
    text-indent: -9999em;
    height: 50px;
    margin-left: 31%;
}.resume .email{
     margin-left: 66%;
 }

@media screen and (max-width:1200px){
    .aboutTitle h3{
        font-size: 2.6rem;
    }
    .summary .wrap .txt{
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 760px){
    html ,body{
        font-size: 14px;
    }
    .map>div{height:400px!important}
}
@media screen and (max-width: 360px){
    html ,body {
        font-size: 13.5px;
    }
}
@media screen and (max-width: 320px){
    html ,body {
        font-size: 12px;
    }
}