@font-face { 
  font-family: Frutiger CE 45 Light; /*这里是说明调用来的字体名字*/ 
  src: url(Frutiger CE 45 Light.ttf’); /*这里是字体文件路径*/ 
    font-family: Frutiger CE 65 Bold; /*这里是说明调用来的字体名字*/ 
  src: url(Frutiger CE 65 Bold.ttf’); /*这里是字体文件路径*/ 
} 

/*@media screen and (min-width: 1199px)  and (max-width: 1366px){}*/
@media screen and (min-width: 1200px){

.auoutusbanner{width: 100%;margin-top:65px;}
.auoutusbanner img{width: 100%;}
.aboutusnav{height: 65px;line-height: 65px;border-bottom: 1px #eee solid;}
.warp{width: 1200px;margin:0 auto;}
.abunlist{float: left;height: 63px;line-height: 63px;margin-right: 50px;}
.abunlist a{text-decoration:none;color: #6f6f6f;font-family: "Microsoft YaHei";font-size: 14px;display: block;}
.abunliston{border-bottom: 2px #1d2088 solid;color: #1d2088;}
.abunliston a{color: #1d2088;}
/************公司介绍****************/
.companycontent{background-color: #f3f3f4;width: 100%;padding:70px 0;}
.companycontent .vedio_left{width: 510px;float: left;background-image: url('../images/rr_05.png');background-repeat: no-repeat;background-position: top center;padding:60px 0 0 45px;}
.companycontent .vedio_left iframe{    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 10px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: solid;
    border-right-width: 10px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 25px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 10px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;border-radius: 10px;margin:0 auto;}

.companycontent .c_right{float: right;width:559px}
.companycontent .c_right  .ccr_title{color: #c2c3c4;font-family: "Frutiger CE 65 Bold";font-size: 38px;font-weight: 600;text-align: justify;width: 559px;letter-spacing:1.5px;}
.companycontent .c_right  .ccr_titlecn{color: #000;font-family: "Microsoft YaHei";font-size: 18px;}
.companycontent .c_right  .ccr_content{color: #646363;font-family: "Microsoft YaHei";font-size: 14px;text-indent:2em;line-height: 23px;text-align: justify;}
/*********************品牌历史***********************/
.history_c{width: 100%;margin:70px 0 0 0;position: relative;background-color: #fff;height: 550px;}
.history_c .leftbg{background-color: #f5f5f5;position: absolute;top: 0;left: 0;width: 1000px; z-index: 1;height: 550px;}
.history_c .hilimg{float: right;padding:20px 20px 50px 0;z-index: 99;position: absolute;}
.history_c .hilimg img{width: 550px;height: auto;}
.right_history{float: left;background-color: #fff;z-index: 999;position: relative;right: 0;top: 0;left: 570px;padding-left: 50px;width: 560px;height: 550px;}
.right_history p{margin:0;}
.right_history .rh_title{color: #c2c3c4;font-family: "Frutiger CE 65 Bold";font-size: 40px;font-weight: 600;text-align: justify;width: 559px;letter-spacing:1.5px;}
.right_history .rh_titlecn{color: #000;font-family: "Microsoft YaHei";font-size: 18px;padding:15px 0;}
.right_history .rh_jianj{color: #282828;font-family: "Microsoft YaHei";font-size: 16px;padding-top: 30px;}
.right_history .ccr_content{color: #555454;font-family: "Microsoft YaHei";font-size: 14px; line-height: 30px;text-align: justify;padding-top:20px;}
.thetimeline{margin-top: 30px;background-color: #f5f5f5;width: 100%;padding:45px 0 0 0;}
.timelineimg{width:171px;margin:0 auto;}
.timelineimg img{width: 171px;height: auto}
.timelinetext{color: #000;font-size: 18px;font-family: "Microsoft YaHei";text-align: center;}
.timelintborder{height: 40px;width: 1px;margin:0 auto; background-color: #1d2088;}
.timelinlist{    background-image: url(../images/timezhou_03.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    background-color: #f5f5f5;
    height: 35px;
    z-index: -1;
    position: absolute;
    bottom: 94px;}

.timezall{position: relative;width: 100%;height: 415px;}
.timezbg{background-color: #f5f5f5;width: 100%;position: absolute;z-index: 1}
.apply{width: 1200px;margin:0 auto;overflow: hidden;padding:15px 0 0 0;height: 400px;}
.apply_array{width:271px;float:left;height:198px; position:relative; }
.apply_array .timezbgimg{background-image: url('../images/timezbg.png');background-repeat: no-repeat;width: 178px;margin:0 auto;height: 123px;padding:15px 15px 30px 15px;
 transition:All 0.6s ease-in-out;
    position: relative;
    top: 0;
    -webkit-transition:All 0.6s ease-in-out;
    -moz-transition:All 0.6s ease-in-out;
    -o-transition:All 0.6s ease-in-out;
}
.apply_array:hover .timezbgimg{top:-75px; z-index: 9999;background-image: url('../images/timezbgxz.png'); position: relative; height: 198px;padding:15px 15px 30px 15px;color: #fff;}
.apply_array:hover  .atlzbor{position: relative;top: -75px;}
.apply_array:hover  .timezbyears{position: relative;top: -75px;}
.apply_array .timezbgimg .textjj{color: #686767;font-family: "Microsoft YaHei";font-size: 12px;padding-bottom: 10px;line-height: 20px;display: block;}
.apply_array .timezbgimg .hovertzimg {display: none;}
.apply_array .timezbgimg .hovertzimg img{width: 180px;height: 108px;}
.apply_array:hover .hovertzimg{display: block;}
.apply_array:hover .textjj{color: #fff;}
.apply_array:hover .timezbyears{color: #1d2088;font-size: 22px;}
.apply_array  .timezbyears{text-align: center;font-size: 18px;font-family: "Cambria Math";margin-top: 10px;}
.apply_array .atlzbor{height: 28px;width: 1px;background-color: #282828;margin:0 auto;}
.apply_array a{text-decoration:underline}
.apply_array .diycontent{background-color: #f5f5f5;padding: 20px 20px 52px 20px;   
    transition:All 0.6s ease-in-out;
    position: absolute;
    top: 310px;
    -webkit-transition:All 0.6s ease-in-out;
    -moz-transition:All 0.6s ease-in-out;
    -o-transition:All 0.6s ease-in-out;}

 
 .apply_array .diymore a{margin-top:15px;color: #fff;font-size: 12px;border:1px #fff solid;width: 80px;height: 30px;line-height: 30px;text-align: center;display: block;text-decoration: none;display: none;margin-top:20px;}
   .apply_array .diycontent:hover {  
   background-color: #1d2088;
   position: absolute;
   top:260px;
    transform:translate(0,-15px);
    -webkit-transform:translate(0,-15px);
    -moz-transform:translate(0,-15px);
    -o-transform:translate(0,-15px);
    -ms-transform:translate(0,-15px);}
 
.apply_nav{position:relative;width:1085px;float:left;height:325px;overflow:hidden;padding-bottom: 15px;}
.apply_w{position:absolute;margin-top:97px;width:1000px;float:left;left:0px}
.apply .img_l{padding:160px 32px 0 12px;float:left;cursor:pointer;background-image: url('../images/timezl.png');background-repeat: no-repeat;background-position: bottom center;}
.apply .img_l:hover{background-image: url('../images/xztimezl.png');background-repeat: no-repeat;background-position: bottom center;}
.apply .img_r{padding:160px 32px 0 12px;float:left;cursor:pointer;background-image: url('../images/timezr.png');background-repeat: no-repeat;background-position: bottom center;}
.apply .img_r:hover{background-image: url('../images/xztimer.png');background-repeat: no-repeat;background-position: bottom center;}
 /******************公司荣誉********************/
.honor_topall{background-color: #e8e9ea;width: 100%;padding:30px 0;}
.honor_wellmaxtimg{width: 378px;margin:0 auto 15px auto;}
.honor_wellmaxgz{color: #1d2088;font-family: "Microsoft YaHei";font-size: 20px;text-align: center;padding-bottom: 7px;font-weight: 600;}
.honor_wellmaxlj{color: #282828;font-size: 14px;font-family: "Microsoft YaHei";text-align: center;padding-bottom: 7px;font-weight: 600;}
.honor_wellmaxsbimg{width: 1200px;margin:0 auto 15px auto;}
.honor_content{width: 100%;padding:10px 0 30px 0;background-color: #f5f5f5;overflow: hidden;}
.left_nav{float: left;width:370px;margin-right:50px;font-family: "Microsoft YaHei";background-color: #fff;height: 905.5px;}
.left_nav .left_navtitle{width: 370px;height: 60px;line-height: 60px;color: #fff;font-size: 16px;font-family: "Microsoft YaHei";font-weight: 600;background-color: #1d2088;text-align: center;}
.left_nav .left_navlist{color: #7b8186;font-size: 14px;height: 60px;line-height: 60px;background-color: #fff;width: 370px;text-align: center;position: relative;}
.left_nav .left_navlist a{text-decoration: none;color: #7b8186;display: block;}
.left_nav .left_navlist:before{content: "▲";float: right;color: #b3b4b4;position: absolute;right: -18px;font-size: 20px;transform:rotate(90deg);
-ms-transform:rotate(90deg);     /* IE 9 */
-moz-transform:rotate(90deg);    /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); display: none;}
.left_nav .left_navliston:before{content: "▲";float: right;color: #b3b4b4;position: absolute;right: -18px;font-size: 20px;transform:rotate(90deg);
-ms-transform:rotate(90deg);     /* IE 9 */
-moz-transform:rotate(90deg);    /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg);display: block; }
.left_nav .left_navliston a{background-color: #fbfbfb;color: #1d2088;border-left: 2px #1d2088 solid;width: 368px;}
.left_nav .left_navlist a:hover{background-color: #fbfbfb;color: #1d2088;border-left: 2px #1d2088 solid;width: 368px;}
.left_nav:hover  .left_navliston:before{display: none;}
.left_nav:hover  .left_navliston a{background-color: #fbfbfb;color: #1d2088;border-left: 2px #fbfbfb solid;width: 368px;}
.left_nav .left_navlist:hover:before {display: block;}
.right_content{float: left;width:750px;padding:0 0 30px 30px;background-color: #fbfbfb; }
.right_content .rc_toopb{border-bottom: 1px #eaeaea solid;height: 75px;}
.right_content .rc_years{color: #3d5aaa;font-size: 20px;font-family: "Microsoft YaHei";padding:20px 0 30px 20px;}
.right_content .rc_clisst{border-bottom: 1px #e9e9e9 dashed;padding:20px;overflow: hidden;}
.right_content .rc_clisst .flesdfig{float:left;width: 150px;height: 200px;margin-right: 20px;}
.right_content .rc_clisst .flesdfig img{width: 150px;height:200px;}
.right_content .rc_clisst .rigjt_contdt{float: left;color: #747375;font-family: "Microsoft YaHei";font-size: 14px;width: 540px;}
.right_content .rc_clisst .rigjt_contdt p{line-height: 25px;}
/*******************员工风采********************************/
.nice_c{background-color: #f5f5f5;width: 100%;padding:50px 0;height: 525px;}
.nice_cwarp{position: relative;width: 1200px;margin:0 auto;}
.nice_c p{margin:0;}
.nice_ctitleen{font-family: "Frutiger CE 45 Light";color: #000000;font-size: 44px;text-align: center;font-weight: 600;padding-bottom: 10px;}
.nice_ctitlecn{font-family: "Microsoft YaHei";color: #000000;font-size: 18px;text-align: center; }
  ul, ul li
        {
            list-style: none;
        }
        .boxF, .boxS, .boxT, .overlay
        {
            width: 128px;
            height: 160px;
            overflow: hidden;
        }
        .boxF, .boxS
        {
            visibility: hidden;
        }
        .boxF
        {
            transform: rotate(90deg);
            float: left;
            margin-left: 10px;
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }
        .boxS
        {
            transform: rotate(-60deg);
            -ms-transform: rotate(-60deg);
            -moz-transform: rotate(-60deg);
            -webkit-transform: rotate(-60deg);
        }
        .boxT
        {
            transform: rotate(-30deg);
            background: no-repeat 50% center;
            background-size: 100% auto;
            -ms-transform: rotate(-30deg);
            -moz-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            visibility: visible;
        }
.boxt1{position: absolute;top: 89px; left: 530px;}
.boxtnn{position: absolute;top: 205px;left: 530px;}
.boxt2{position: absolute;       top: 149px;
    left: 630px;}
.boxt3{position: absolute;top: 265px;
    left: 631px;}
.boxt4{position: absolute;top: 321px;left: 530px;}
.boxt5{position: absolute;    top: 263px;
    left: 429px;}
.boxt6{position: absolute;    top: 147px;
    left: 430px;}
.boxt7{position: absolute;    top: 89px;
    left: 329px;}
.boxt8{position: absolute;    top: 205px;
    left: 329px;}
.boxt9{position: absolute;    top: 322px;
    left: 328px;}
.boxt10{position: absolute;    top: 263px;
    left: 228px;}
.boxt11{position: absolute;    top: 147px;
    left: 226px;}
.boxt12{position: absolute;    top: 381px;
    left: 226px;}
.boxt13{position: absolute;top: 321px;
    left: 125px;}
.boxt14{position: absolute;    top: 91px;
    left: 731px;}
.boxt15{position: absolute;    top: 208px;
    left: 732px;}
.boxt16{position: absolute;    top: 323px;
    left: 732px;}
.boxt17{position: absolute;    top: 150px;
    left: 832px;}
.boxt18{position: absolute;top: 266px;
    left: 834px;}
.boxt19{position: absolute;    top: 33px;
    left: 833px;}
.boxt20{position: absolute;    top: 92px;
    left: 934px;}
.boxt21{position: absolute;    top: -24px;
    left: 935px;}
    .ism_apply_array{display: none;}
    .ismp_vedio_left{display: none;}
}
@media screen   and (min-width: 768px) and (max-width: 1199px){

.auoutusbanner{width: 100%;margin-top:65px;}
.auoutusbanner img{width: 100%;}
.aboutusnav{height: 65px;line-height: 65px;border-bottom: 1px #eee solid;}
.warp{width: 1200px;margin:0 auto;}
.abunlist{float: left;height: 63px;line-height: 63px;margin-right: 50px;}
.abunlist a{text-decoration:none;color: #6f6f6f;font-family: "Microsoft YaHei";font-size: 14px;display: block;}
.abunliston{border-bottom: 2px #1d2088 solid;color: #1d2088;}
.abunliston a{color: #1d2088;}
/************公司介绍****************/
.companycontent{background-color: #f3f3f4;width: 100%;padding:70px 0;}
.companycontent .vedio_left{width: 510px;float: left;background-image: url('../images/rr_05.png');background-repeat: no-repeat;background-position: top center;padding:60px 0 0 45px;}
.companycontent .vedio_left iframe{    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 10px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: solid;
    border-right-width: 10px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 25px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 10px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;border-radius: 10px;margin:0 auto;}

.companycontent .c_right{float: right;width:559px}
.companycontent .c_right  .ccr_title{color: #c2c3c4;font-family: "Frutiger CE 65 Bold";font-size: 38px;font-weight: 600;text-align: justify;width: 559px;letter-spacing:1.5px;}
.companycontent .c_right  .ccr_titlecn{color: #000;font-family: "Microsoft YaHei";font-size: 18px;}
.companycontent .c_right  .ccr_content{color: #646363;font-family: "Microsoft YaHei";font-size: 14px;text-indent:2em;line-height: 23px;text-align: justify;}
/*********************品牌历史***********************/
.history_c{width: 100%;margin:70px 0 0 0;position: relative;background-color: #fff;height: 550px;}
.history_c .leftbg{background-color: #f5f5f5;position: absolute;top: 0;left: 0;width: 1000px; z-index: 1;height: 550px;}
.history_c .hilimg{float: right;padding:20px 20px 50px 0;z-index: 99;position: absolute;}
.history_c .hilimg img{width: 550px;height: auto;}
.right_history{float: left;background-color: #fff;z-index: 999;position: relative;right: 0;top: 0;left: 570px;padding-left: 50px;width: 560px;height: 550px;}
.right_history p{margin:0;}
.right_history .rh_title{color: #c2c3c4;font-family: "Frutiger CE 65 Bold";font-size: 40px;font-weight: 600;text-align: justify;width: 559px;letter-spacing:1.5px;}
.right_history .rh_titlecn{color: #000;font-family: "Microsoft YaHei";font-size: 18px;padding:15px 0;}
.right_history .rh_jianj{color: #282828;font-family: "Microsoft YaHei";font-size: 16px;padding-top: 30px;}
.right_history .ccr_content{color: #555454;font-family: "Microsoft YaHei";font-size: 14px; line-height: 30px;text-align: justify;padding-top:20px;}
.thetimeline{margin-top: 30px;background-color: #f5f5f5;width: 100%;padding:45px 0 0 0;}
.timelineimg{width:171px;margin:0 auto;}
.timelineimg img{width: 171px;height: auto}
.timelinetext{color: #000;font-size: 18px;font-family: "Microsoft YaHei";text-align: center;}
.timelintborder{height: 40px;width: 1px;margin:0 auto; background-color: #1d2088;}
.timelinlist{    background-image: url(../images/timezhou_03.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    background-color: #f5f5f5;
    height: 35px;
    z-index: -1;
    position: absolute;
    bottom: 94px;}

.timezall{position: relative;width: 100%;height: 415px;}
.timezbg{background-color: #f5f5f5;width: 100%;position: absolute;z-index: 1}
.apply{width: 1200px;margin:0 auto;overflow: hidden;padding:15px 0 0 0;height: 400px;}
.apply_array{width:271px;float:left;height:198px; position:relative; }
.apply_array .timezbgimg{background-image: url('../images/timezbg.png');background-repeat: no-repeat;width: 178px;margin:0 auto;height: 123px;padding:15px 15px 30px 15px;
 transition:All 0.6s ease-in-out;
    position: relative;
    top: 0;
    -webkit-transition:All 0.6s ease-in-out;
    -moz-transition:All 0.6s ease-in-out;
    -o-transition:All 0.6s ease-in-out;
}
.apply_array:hover .timezbgimg{top:-75px; z-index: 9999;background-image: url('../images/timezbgxz.png'); position: relative; height: 198px;padding:15px 15px 30px 15px;color: #fff;}
.apply_array:hover  .atlzbor{position: relative;top: -75px;}
.apply_array:hover  .timezbyears{position: relative;top: -75px;}
.apply_array .timezbgimg .textjj{color: #686767;font-family: "Microsoft YaHei";font-size: 12px;padding-bottom: 10px;line-height: 20px;display: block;}
.apply_array .timezbgimg .hovertzimg {display: none;}
.apply_array .timezbgimg .hovertzimg img{width: 180px;height: 108px;}
.apply_array:hover .hovertzimg{display: block;}
.apply_array:hover .textjj{color: #fff;}
.apply_array:hover .timezbyears{color: #1d2088;font-size: 22px;}
.apply_array  .timezbyears{text-align: center;font-size: 18px;font-family: "Cambria Math";margin-top: 10px;}
.apply_array .atlzbor{height: 28px;width: 1px;background-color: #282828;margin:0 auto;}
.apply_array a{text-decoration:underline}
.apply_array .diycontent{background-color: #f5f5f5;padding: 20px 20px 52px 20px;   
    transition:All 0.6s ease-in-out;
    position: absolute;
    top: 310px;
    -webkit-transition:All 0.6s ease-in-out;
    -moz-transition:All 0.6s ease-in-out;
    -o-transition:All 0.6s ease-in-out;}

 
 .apply_array .diymore a{margin-top:15px;color: #fff;font-size: 12px;border:1px #fff solid;width: 80px;height: 30px;line-height: 30px;text-align: center;display: block;text-decoration: none;display: none;margin-top:20px;}
   .apply_array .diycontent:hover {  
   background-color: #1d2088;
   position: absolute;
   top:260px;
    transform:translate(0,-15px);
    -webkit-transform:translate(0,-15px);
    -moz-transform:translate(0,-15px);
    -o-transform:translate(0,-15px);
    -ms-transform:translate(0,-15px);}
 
.apply_nav{position:relative;width:1085px;float:left;height:325px;overflow:hidden;padding-bottom: 15px;}
.apply_w{position:absolute;margin-top:97px;width:1000px;float:left;left:0px}
.apply .img_l{padding:160px 32px 0 12px;float:left;cursor:pointer;background-image: url('../images/timezl.png');background-repeat: no-repeat;background-position: bottom center;}
.apply .img_l:hover{background-image: url('../images/xztimezl.png');background-repeat: no-repeat;background-position: bottom center;}
.apply .img_r{padding:160px 32px 0 12px;float:left;cursor:pointer;background-image: url('../images/timezr.png');background-repeat: no-repeat;background-position: bottom center;}
.apply .img_r:hover{background-image: url('../images/xztimer.png');background-repeat: no-repeat;background-position: bottom center;}
 /******************公司荣誉********************/
.honor_topall{background-color: #e8e9ea;width: 100%;padding:30px 0;}
.honor_wellmaxtimg{width: 378px;margin:0 auto 15px auto;}
.honor_wellmaxgz{color: #1d2088;font-family: "Microsoft YaHei";font-size: 20px;text-align: center;padding-bottom: 7px;font-weight: 600;}
.honor_wellmaxlj{color: #282828;font-size: 14px;font-family: "Microsoft YaHei";text-align: center;padding-bottom: 7px;font-weight: 600;}
.honor_wellmaxsbimg{width: 1200px;margin:0 auto 15px auto;}
.honor_content{width: 100%;padding:10px 0 30px 0;background-color: #f5f5f5;overflow: hidden;}
.left_nav{float: left;width:370px;margin-right:50px;font-family: "Microsoft YaHei";background-color: #fff;height: 905.5px;}
.left_nav .left_navtitle{width: 370px;height: 60px;line-height: 60px;color: #fff;font-size: 16px;font-family: "Microsoft YaHei";font-weight: 600;background-color: #1d2088;text-align: center;}
.left_nav .left_navlist{color: #7b8186;font-size: 14px;height: 60px;line-height: 60px;background-color: #fff;width: 370px;text-align: center;position: relative;}
.left_nav .left_navlist a{text-decoration: none;color: #7b8186;display: block;}
.left_nav .left_navlist:before{content: "▲";float: right;color: #b3b4b4;position: absolute;right: -18px;font-size: 20px;transform:rotate(90deg);
-ms-transform:rotate(90deg);     /* IE 9 */
-moz-transform:rotate(90deg);    /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); display: none;}
.left_nav .left_navliston:before{content: "▲";float: right;color: #b3b4b4;position: absolute;right: -18px;font-size: 20px;transform:rotate(90deg);
-ms-transform:rotate(90deg);     /* IE 9 */
-moz-transform:rotate(90deg);    /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg);display: block; }
.left_nav .left_navliston a{background-color: #fbfbfb;color: #1d2088;border-left: 2px #1d2088 solid;width: 368px;}
.left_nav .left_navlist a:hover{background-color: #fbfbfb;color: #1d2088;border-left: 2px #1d2088 solid;width: 368px;}
.left_nav:hover  .left_navliston:before{display: none;}
.left_nav:hover  .left_navliston a{background-color: #fbfbfb;color: #1d2088;border-left: 2px #fbfbfb solid;width: 368px;}
.left_nav .left_navlist:hover:before {display: block;}
.right_content{float: left;width:750px;padding:0 0 30px 30px;background-color: #fbfbfb; }
.right_content .rc_toopb{border-bottom: 1px #eaeaea solid;height: 75px;}
.right_content .rc_years{color: #3d5aaa;font-size: 20px;font-family: "Microsoft YaHei";padding:20px 0 30px 20px;}
.right_content .rc_clisst{border-bottom: 1px #e9e9e9 dashed;padding:20px;overflow: hidden;}
.right_content .rc_clisst .flesdfig{float:left;width: 150px;height: 200px;margin-right: 20px;}
.right_content .rc_clisst .flesdfig img{width: 150px;height:200px;}
.right_content .rc_clisst .rigjt_contdt{float: left;color: #747375;font-family: "Microsoft YaHei";font-size: 14px;width: 540px;}
.right_content .rc_clisst .rigjt_contdt p{line-height: 25px;}
/*******************员工风采********************************/
.nice_c{background-color: #f5f5f5;width: 100%;padding:50px 0;height: 525px;}
.nice_cwarp{position: relative;width: 1200px;margin:0 auto;}
.nice_c p{margin:0;}
.nice_ctitleen{font-family: "Frutiger CE 45 Light";color: #000000;font-size: 44px;text-align: center;font-weight: 600;padding-bottom: 10px;}
.nice_ctitlecn{font-family: "Microsoft YaHei";color: #000000;font-size: 18px;text-align: center; }
  ul, ul li
        {
            list-style: none;
        }
        .boxF, .boxS, .boxT, .overlay
        {
            width: 128px;
            height: 160px;
            overflow: hidden;
        }
        .boxF, .boxS
        {
            visibility: hidden;
        }
        .boxF
        {
            transform: rotate(90deg);
            float: left;
            margin-left: 10px;
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }
        .boxS
        {
            transform: rotate(-60deg);
            -ms-transform: rotate(-60deg);
            -moz-transform: rotate(-60deg);
            -webkit-transform: rotate(-60deg);
        }
        .boxT
        {
            transform: rotate(-30deg);
            background: no-repeat 50% center;
            background-size: 100% auto;
            -ms-transform: rotate(-30deg);
            -moz-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            visibility: visible;
        }
.boxt1{position: absolute;top: 89px; left: 530px;}
.boxtnn{position: absolute;top: 205px;left: 530px;}
.boxt2{position: absolute;       top: 149px;
    left: 630px;}
.boxt3{position: absolute;top: 265px;
    left: 631px;}
.boxt4{position: absolute;top: 321px;left: 530px;}
.boxt5{position: absolute;    top: 263px;
    left: 429px;}
.boxt6{position: absolute;    top: 147px;
    left: 430px;}
.boxt7{position: absolute;    top: 89px;
    left: 329px;}
.boxt8{position: absolute;    top: 205px;
    left: 329px;}
.boxt9{position: absolute;    top: 322px;
    left: 328px;}
.boxt10{position: absolute;    top: 263px;
    left: 228px;}
.boxt11{position: absolute;    top: 147px;
    left: 226px;}
.boxt12{position: absolute;    top: 381px;
    left: 226px;}
.boxt13{position: absolute;top: 321px;
    left: 125px;}
.boxt14{position: absolute;    top: 91px;
    left: 731px;}
.boxt15{position: absolute;    top: 208px;
    left: 732px;}
.boxt16{position: absolute;    top: 323px;
    left: 732px;}
.boxt17{position: absolute;    top: 150px;
    left: 832px;}
.boxt18{position: absolute;top: 266px;
    left: 834px;}
.boxt19{position: absolute;    top: 33px;
    left: 833px;}
.boxt20{position: absolute;    top: 92px;
    left: 934px;}
.boxt21{position: absolute;    top: -24px;
    left: 935px;}
}
@media screen and (max-width: 767px){
    
.auoutusbanner{width: 100%;margin-top:60px;}
.auoutusbanner img{width: 100%;}
.aboutusnav{height: 45px;line-height: 45px;border-bottom: 1px #eee solid;}
.warp{width: 100%;margin:0 auto;}
.abunlist{float: left;height: 45px;line-height: 45px;margin-left: 20px;}
.abunlist a{text-decoration:none;color: #6f6f6f;font-family: "Microsoft YaHei";font-size: 14px;display: block;}
.abunliston{border-bottom: 2px #1d2088 solid;color: #1d2088;}
.abunliston a{color: #1d2088;}
/************公司介绍****************/
.companycontent{background-color: #f3f3f4;width: 100%;padding:20px 0;}
.companycontent .vedio_left{display: none;}
.companycontent .ismp_vedio_left{width: 98%;margin:0 auto;}

.companycontent .c_right{width:98%;margin:0 auto;}
.companycontent .c_right  .ccr_title{color: #c2c3c4;font-family: "Frutiger CE 65 Bold";font-size: 1.3em;font-weight: 600;text-align: justify;width: 95%;letter-spacing:1.5px;line-height:45px;text-align: center;}
.companycontent .c_right  .ccr_titlecn{color: #000;font-family: "Microsoft YaHei";font-size: 18px;}
.companycontent .c_right  .ccr_content{color: #646363;font-family: "Microsoft YaHei";font-size: 14px;text-indent:2em;line-height: 23px;text-align: justify;width: 98%;margin:0 auto;}
/*********************品牌历史***********************/
.history_c{width: 100%;margin:10px 0 0 0;position: relative;background-color: #fff;}
.history_c .leftbg{background-color: #f5f5f5; width: 98%;margin:0 auto; z-index: 1;height: 0;}
.history_c .hilimg{padding:10px;z-index: 99; }
.history_c .hilimg img{width: 100%;height: auto;}
.right_history{ background-color: #fff;z-index: 999; width: 98%;margin:0 auto;height: auto;}
.right_history p{margin:0;}
.right_history .rh_title{color: #c2c3c4;font-family: "Frutiger CE 65 Bold";font-size: 40px;font-weight: 600;text-align: justify;letter-spacing:1.5px;text-align: center;}
.right_history .rh_titlecn{color: #000;font-family: "Microsoft YaHei";font-size: 18px;padding:15px 0;}
.right_history .rh_jianj{color: #282828;font-family: "Microsoft YaHei";font-size: 16px;}
.right_history .ccr_content{color: #555454;font-family: "Microsoft YaHei";font-size: 14px; line-height: 30px;text-align: justify;padding-top:20px;}
.thetimeline{margin-top: 30px;background-color: #f5f5f5;width: 100%;padding:45px 0 0 0;}
.timelineimg{width:171px;margin:0 auto;}
.timelineimg img{width: 171px;height: auto}
.timelinetext{color: #000;font-size: 18px;font-family: "Microsoft YaHei";text-align: center;}
.timelintborder{height: 40px;width: 1px;margin:0 auto; background-color: #1d2088;}
.ism_timelinlist{    background-image: url(../images/timezhou_03.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    background-color: #f5f5f5;
    height: 35px;
    z-index: -1;
    position: absolute;
    bottom: 37px;}
.ism_coapd{position: relative;width: 100%;}
.timezall{position: relative;width: 100%;height: 415px;display: none;}
.timezbg{background-color: #f5f5f5;width: 100%;position: absolute;z-index: 1}
.apply{width: 1200px;margin:0 auto;overflow: hidden;padding:15px 0 0 0;height: 400px;}
.ism_apply_array{width:100%; height:198px; margin:0 auto; padding:80px 0 50px 0; }
.ism_apply_array .timezbgimg{background-image: url('../images/timezbg.png');background-repeat: no-repeat;width: 178px;margin:0 auto;height: 123px;padding:15px 15px 30px 15px;

 transition:All 0.6s ease-in-out;
    position: relative;
    top: 0;
    -webkit-transition:All 0.6s ease-in-out;
    -moz-transition:All 0.6s ease-in-out;
    -o-transition:All 0.6s ease-in-out;
}
.ism_apply_array:hover .timezbgimg{top:-75px; z-index: 9999;background-image: url('../images/timezbgxz.png'); position: relative; height: 198px;padding:15px 15px 30px 15px;color: #fff;}
.ism_apply_array:hover  .atlzbor{position: relative;top: -75px;}
.ism_apply_array:hover  .timezbyears{position: relative;top: -75px;}
.ism_apply_array .timezbgimg .textjj{color: #686767;font-family: "Microsoft YaHei";font-size: 12px;padding-bottom: 10px;line-height: 20px;display: block;}
.ism_apply_array .timezbgimg .hovertzimg {display: none;}
.ism_apply_array .timezbgimg .hovertzimg img{width: 180px;height: 108px;}
.ism_apply_array:hover .hovertzimg{display: block;}
.ism_apply_array:hover .textjj{color: #fff;}
.ism_apply_array:hover .timezbyears{color: #1d2088;font-size: 22px;}
.ism_apply_array  .timezbyears{text-align: center;font-size: 18px;font-family: "Cambria Math";margin-top: 10px;}
.ism_apply_array .atlzbor{height: 28px;width: 1px;background-color: #282828;margin:0 auto;}
.ism_apply_array a{text-decoration:underline}
.ism_apply_array .diycontent{background-color: #f5f5f5;padding: 20px 20px 52px 20px;   
    transition:All 0.6s ease-in-out;
    position: absolute;
    top: 310px;
    -webkit-transition:All 0.6s ease-in-out;
    -moz-transition:All 0.6s ease-in-out;
    -o-transition:All 0.6s ease-in-out;}

 
 .ism_apply_array .diymore a{margin-top:15px;color: #fff;font-size: 12px;border:1px #fff solid;width: 80px;height: 30px;line-height: 30px;text-align: center;display: block;text-decoration: none;display: none;margin-top:20px;}
   .ism_apply_array .diycontent:hover {  
   background-color: #1d2088;
   position: absolute;
   top:260px;
    transform:translate(0,-15px);
    -webkit-transform:translate(0,-15px);
    -moz-transform:translate(0,-15px);
    -o-transform:translate(0,-15px);
    -ms-transform:translate(0,-15px);}
 
.apply_nav{position:relative;width:1085px;float:left;height:325px;overflow:hidden;padding-bottom: 15px;}
.apply_w{position:absolute;margin-top:97px;width:1000px;float:left;left:0px}
.apply .img_l{padding:160px 32px 0 12px;float:left;cursor:pointer;background-image: url('../images/timezl.png');background-repeat: no-repeat;background-position: bottom center;}
.apply .img_l:hover{background-image: url('../images/xztimezl.png');background-repeat: no-repeat;background-position: bottom center;}
.apply .img_r{padding:160px 32px 0 12px;float:left;cursor:pointer;background-image: url('../images/timezr.png');background-repeat: no-repeat;background-position: bottom center;}
.apply .img_r:hover{background-image: url('../images/xztimer.png');background-repeat: no-repeat;background-position: bottom center;}
 /******************公司荣誉********************/
.honor_topall{background-color: #e8e9ea;width: 100%;padding:30px 0;}
.honor_wellmaxtimg{width: 98%;margin:0 auto 15px auto;}
.honor_wellmaxtimg img{width: 100%; }
.honor_wellmaxgz{color: #1d2088;font-family: "Microsoft YaHei";font-size: 20px;text-align: center;padding-bottom: 7px;font-weight: 600;}
.honor_wellmaxlj{color: #282828;font-size: 14px;font-family: "Microsoft YaHei";text-align: center;padding-bottom: 7px;font-weight: 600;}
.honor_wellmaxsbimg{width: 98%;margin:0 auto 15px auto;}
.honor_wellmaxsbimg img{width: 100%; }
.honor_content{width: 100%;padding:10px 0 30px 0;background-color: #f5f5f5;overflow: hidden;}
.left_nav{ width:98%; font-family: "Microsoft YaHei";background-color: #fff;height:auto;margin:0 auto;overflow: hidden;}
.left_nav .left_navtitle{width: 100%;height: 60px;line-height: 60px;color: #fff;font-size: 16px;font-family: "Microsoft YaHei";font-weight: 600;background-color: #1d2088;text-align: center;}
.left_nav .left_navlist{color: #7b8186;font-size: 1em;height: 45px;line-height: 45px;background-color: #fff;width: 50%;text-align: center;position: relative;float: left;}
.left_nav .left_navlist a{text-decoration: none;color: #7b8186;display: block;}
.left_nav .left_navlist:before{  display: none;} 
.left_nav .left_navliston a{background-color: #fbfbfb;color: #1d2088;border-bottom: 1px #1d2088 solid;width: 100%;display: block;height: 44px;}
.left_nav .left_navlist a:hover{background-color: #fbfbfb;color: #1d2088;border-bottom: 2px #1d2088 solid;width: 100%;}
.left_nav:hover  .left_navliston:before{display: none;}
.left_nav:hover  .left_navliston a{background-color: #fbfbfb;color: #1d2088;border-left: 2px #fbfbfb solid;width: 100%;}
.left_nav .left_navlist:hover:before {display: block;}
.right_content{ width:98%; background-color: #fbfbfb; margin:0 auto;}
.right_content .rc_toopb{border-bottom: 1px #eaeaea solid;height: 1px;}
.right_content .rc_years{color: #3d5aaa;font-size: 20px;font-family: "Microsoft YaHei";padding:20px 0 30px 20px;}
.right_content .rc_clisst{border-bottom: 1px #e9e9e9 dashed;padding:10px;overflow: hidden;}
.right_content .rc_clisst .flesdfig{width: 150px;height: 200px;margin:0 auto;}
.right_content .rc_clisst .flesdfig img{width: 150px;height:200px;margin:0 auto;}
.right_content .rc_clisst .rigjt_contdt{color: #747375;font-family: "Microsoft YaHei";font-size: 14px;width: 100%;}
.right_content .rc_clisst .rigjt_contdt p{line-height: 25px;width: 100%;margin:0 auto;}
.right_content .rc_clisst .rigjt_contdt p:nth-child(1){text-align: center;}
/*******************员工风采********************************/
.nice_c{background-color: #f5f5f5;width: 100%;padding:50px 0;height: 865px;}
.nice_cwarp{position: relative;width: 100%;margin:0 auto;}
.nice_c p{margin:0;}
.nice_ctitleen{font-family: "Frutiger CE 45 Light";color: #000000;font-size: 44px;text-align: center;font-weight: 600;padding-bottom: 10px;}
.nice_ctitlecn{font-family: "Microsoft YaHei";color: #000000;font-size: 18px;text-align: center; }
  ul, ul li
        {
            list-style: none;
        }
        .boxF, .boxS, .boxT, .overlay
        {
            width: 128px;
            height: 160px;
            overflow: hidden;
        }
        .boxF, .boxS
        {
            visibility: hidden;
        }
        .boxF
        {
            transform: rotate(90deg);
            float: left;
            margin-left: 10px;
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }
        .boxS
        {
            transform: rotate(-60deg);
            -ms-transform: rotate(-60deg);
            -moz-transform: rotate(-60deg);
            -webkit-transform: rotate(-60deg);
        }
        .boxT
        {
            transform: rotate(-30deg);
            background: no-repeat 50% center;
            background-size: 100% auto;
            -ms-transform: rotate(-30deg);
            -moz-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            visibility: visible;
        }
.boxt1{position: absolute;top: 71px;left: 111px;}
.boxtnn{position: absolute;top: 189px;left: 112px;}

.boxt2{position: absolute;top: 691px;left: 211px;}
.boxt3{position: absolute;top: 738px;left: 110px;}
.boxt4{display: none;}
.boxt5{display: none;}

.boxt6{position: absolute;top: 130px;left: 212px;}
.boxt7{position: absolute;top: 130px;left: 10px;}
.boxt8{position: absolute;top: 247px;left: 211px;}
.boxt9{position: absolute;top: 307px;left: 112px;}
.boxt10{position: absolute;top: 248px;left: 12px;}
.boxt11{display: none;}
.boxt12{display: none;}
.boxt13{display: none;}
.boxt14{position: absolute;top: 659px;
    left: 10px;}
.boxt15{position: absolute;    top: 543px;
    left: 213px;}
.boxt16{position: absolute;    top: 602px;
    left: 111px;}
.boxt17{position: absolute;top: 542px;left: 10px;}
.boxt18{position: absolute;top: 485px;left: 111px;}
.boxt19{display: none;}
.boxt20{display: none;}
.boxt21{display: none;}
}
@media screen and (min-width: 375px)  and (max-width: 415px){
.boxt1{position: absolute;top: 71px;left: 131px;}
.boxtnn{position: absolute;top: 189px;left: 132px;}

.boxt2{position: absolute;top: 691px;left: 231px;}
.boxt3{position: absolute;top: 738px;left: 130px;}
.boxt4{display: none;}
.boxt5{display: none;}

.boxt6{position: absolute;top: 130px;left: 232px;}
.boxt7{position: absolute;top: 130px;left: 30px;}
.boxt8{position: absolute;top: 247px;left: 231px;}
.boxt9{position: absolute;top: 307px;left: 132px;}
.boxt10{position: absolute;top: 248px;left: 32px;}
.boxt11{display: none;}
.boxt12{display: none;}
.boxt13{display: none;}
.boxt14{position: absolute;top: 659px;left: 30px;}
.boxt15{position: absolute;top: 543px;left: 233px;}
.boxt16{position: absolute;top: 602px;left: 131px;}
.boxt17{position: absolute;top: 542px;left: 30px;}
.boxt18{position: absolute;top: 485px;left: 131px;}
.boxt19{display: none;}
.boxt20{display: none;}
.boxt21{display: none;}
}

@media screen and (min-width: 320px)  and (max-width: 375px){
.boxt1{position: absolute;top: 71px;left: 111px;}
.boxtnn{position: absolute;top: 189px;left: 112px;}

.boxt2{position: absolute;top: 691px;left: 211px;}
.boxt3{position: absolute;top: 738px;left: 110px;}
.boxt4{display: none;}
.boxt5{display: none;}

.boxt6{position: absolute;top: 130px;left: 212px;}
.boxt7{position: absolute;top: 130px;left: 10px;}
.boxt8{position: absolute;top: 247px;left: 211px;}
.boxt9{position: absolute;top: 307px;left: 112px;}
.boxt10{position: absolute;top: 248px;left: 12px;}
.boxt11{display: none;}
.boxt12{display: none;}
.boxt13{display: none;}
.boxt14{position: absolute;top: 659px;
    left: 10px;}
.boxt15{position: absolute;    top: 543px;
    left: 213px;}
.boxt16{position: absolute;    top: 602px;
    left: 111px;}
.boxt17{position: absolute;top: 542px;left: 10px;}
.boxt18{position: absolute;top: 485px;left: 111px;}
.boxt19{display: none;}
.boxt20{display: none;}
.boxt21{display: none;}
}