.banner{width: 100%;overflow: hidden;}

.content{width: 100%;overflow: hidden;}

.inside{width: 1200px;margin:100px auto;overflow: hidden;}

/* 左侧 */
.inside-left{width: 20%;float: left;}
.left-nav{width:100%;}
.inside-menu-title{height: 90px;background-color: #95325d;color:#fff;font-size: 25px;padding-left: 30px;display: flex;align-items: center;}
.inside-menu-title h5{font-size: 22px;color: #fff;font-weight: bold;}
.inside-menu-title p{font-size: 12px;color: #d4d5d9;text-transform: uppercase;}

.inside-menu-list{border-right: 1px solid #95325d;border-left: 1px solid #95325d;}
.inside-menu-list li{width: 100%;font-size: 16px;list-style: none;background-color: #fff;}
.inside-menu-list li a{display: block;padding:20px 0;padding-left:20px;color: #6a6a6a;position:relative;border-bottom: 1px solid #95325d;}
.inside-menu-list li a:after{content:">";font-size: 16px;color: #6a6a6a;position: absolute;right: 10px;}

.inside-menu-list li a.active{background-color: #e8d6de;color: #95325d;text-decoration: none;}
.inside-menu-list li a.active:after{color: #95325d;}

.inside-menu-list li a:hover{background-color: #e8d6de;color: #95325d;text-decoration: none;}
.inside-menu-list li a:hover:after{color: #95325d;}

.inside-menu-list li ul li a{color:#95325d;}
.inside-menu-list li ul li a:after{color:#95325d;}

.inside-menu-list li.menu-sencond{background-color: #fafafa;border-bottom: 1px dashed #eee;}
.inside-menu-list li.menu-sencond:last-child{border-bottom: 0;}





/* 右侧 */

.inside-right{width: 75%;float: right;}
.right-nav{padding-bottom: 15px;border-bottom: 1px solid #d0d0d0;overflow: hidden;}
.right-nav ul{line-height:48px;}
.right-nav ul li{float:left;font-size:12px;list-style: none;margin-right: 5px;font-weight:400;color: #999999;}
.right-nav ul li a{color:#666666;padding-right:2px;color:#999999;}
.right-nav ul li a:hover{text-decoration:underline;}

.right-nav ul li span{padding:0 2px;color:#999999;}
.rightMain{width: 100%;}

/* 公司概况 */
.about{text-align: center;margin-top: 75px;}
.about .title{font-size: 26px;color: #999999;}
.about .line{width: 50px;height: 5px;background-color: #95325d;margin:20px auto;margin-bottom: 50px;}
.about p{font-size: 14px;color: #999999;text-indent: 25px;line-height: 27px;text-align: justify;}
.aboutidea{display: flex;justify-content: space-between;}
.aboutidea .ideaLeft{width: 50%;float: left;}
.aboutidea .ideaRight{width: 50%;float: left;display: flex;align-items: center;background-color: #95325d;padding-left:20px;}
.aboutidea .ideaRight .ideaMain{margin-bottom: 30px;}
.ideaMain h3{font-size: 20px;color: #fff;}
.ideaMain p{font-size: 16px;color: #fff;}

.Do{text-align: center;margin-top: 50px;}
.Do .title{font-size: 26px;color: #95325d;font-weight: bold;line-height: 26px;}
.Do .line{width: 50px;height: 5px;background-color: #95325d;margin:20px auto;}
.do{margin-top: 70px;}
.do li{list-style: none;float: left;width:25%;text-align: center;}
.do li .rep2{font-size: 20px;color: #7f848a;margin-top: 20px;}

/* 公司业务 */
.abouty{margin-top: 50px;}
.abouty ul li{width: 32%;float: left;margin-right:2%;margin-bottom: 2%;}
.abouty ul li:nth-child(3n){margin-right: 0;}
.abouty ul li .aimg{max-height: 200px;overflow: hidden;} 
.abouty ul li .aimg img{cursor: pointer;transition: all 0.6s;}
.abouty ul li .aimg img:hover{transform: scale(1.2); }
.abouty ul li p{font-size: 14px;color: #333;text-align: center;}

/* 公司动态 */
.aboutDo{display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px;border-bottom: 1px dashed #eee;}
.Doimg{width: 40%;}
.Docont{width: 60%;}
.Docont .Domain{padding:33px 20px;background-color: #e8e8e8;display: block;}
.Docont .Domain:nth-child(1){margin-bottom: 20px;}
.Docont .Domain h5{font-size: 16px;color: #666666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.Docont .Domain p{font-size: 14px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.doNew{margin-top:50px; }
.doMain{display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px;border-bottom: 1px dashed #eee;margin-top: 30px;}
.doMain .doleft{width: 8%;background-color: #e8e8e8;text-align:center;}
.doMain .doleft h5{font-size: 28px;color: #666666;font-weight: bold;line-height: 28px;}
.doMain .doleft p{font-size: 14px;color: #666666;}
.doright{width: 89%;}

.doright a{display:block;font-size: 20px;color: #666666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-bottom: 40px;}
.doright a:hover{text-decoration: underline;color: #95325d;font-weight: bold;}
.doright p{font-size: 14px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 25px;}




/* 企业文化 */
.culture{margin-top: 50px;}
.cutitle{margin: 30px 0;}
.cutitle h5{font-size: 40px;color: #95325e;line-height: 40px;font-weight: bold;}
.cutitle .cu1{padding-left: 210px;text-align: left;}
.cutitle .cu2{padding-right: 210px;text-align: right;}

.cucont{margin-top: 50px;}
.cucont .ctitle{font-size: 20px;color: #95325e;font-weight: 600;margin-bottom: 10px;}
.cucont p{font-size: 16px;color: #999999;line-height: 27px;}
.cucont p span{font-weight: 600;}
.imglast{margin-top: 80px;overflow: hidden;display: block;}

/* 员工专栏 */
.em{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;overflow: hidden;}
.empleft{width: 68%;}
.left1{margin-bottom: 20px;}
.left2{display: flex;justify-content: space-between;align-items: center;}
.empright{width: 30%;}
.empright img{min-height: 412px;}
.NewContent{margin-top: 30px;}
.NewContent ul{overflow: hidden;}
.NewContent li{display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px;border-bottom: 1px dashed #eee;margin-bottom: 20px;}
.NewContent li a{text-decoration: none;font-size: 16px;color: #6a6a6a;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.NewContent li a:hover{color: #95325d;font-weight: bold;}
.NewContent li span{font-size: 16px;color: #959595; font-family:Arial, Helvetica, sans-serif;}
.imglast1{margin-top: 30px;overflow: hidden;display: flex;justify-content: space-around;}
.imglast1 span{margin-right: 5px;}

/* 文化体系 */
.enterprise{display: flex;align-items: center;justify-content: space-between;}
.enterpriseleft{width:55%;}
.enterpriseright{width: 45%;background-color: #95325d;display: flex;align-items: center;font-size: 18px;color: #fff;min-height: 275px;justify-content: center;}
.enterpriseright span{font-weight: bold;}
.en2{margin-top: 80px;margin-bottom: 50px;}
.enteleft{width: 70%;}
.enteleft h5{font-size: 25px;color: #95325d;font-weight: bold;margin-bottom: 20px;}
.enteleft p{text-indent: 25px;font-size: 14px;color: #666;line-height: 27px;}
.enteright{width: 30%;}

.imglast2{overflow: hidden;margin:30px 0;}
.enter{margin-bottom: 20px;}
.enter .enp{font-size: 20px;color: #95325d;font-weight: bold;}
.enter .enp2{font-size: 14px;color: #666;line-height: 27px;}

.enter p{font-size: 14px;color: #666;}
.enter p .ens{font-size: 20px;color: #95325d;font-weight: bold;}

/* 产品中心 */
.proselect{display: flex;justify-content: space-around;align-items: center;margin-bottom: 50px;}
.proselect span{font-size: 16px;color: #262d3f;}
.proselect .proinput{width: 350px;height: 45px;margin:0;padding:0;background-color: #e3e3e3;line-height:45px;font-size: 16px;color: #262d3f;border:none;padding-left: 10px;}
.proselect .prsselect{border:1px solid #e5e5e5; height:45px; line-height:45px; font-size:16px;width:200px;padding-left: 5px;margin:0;}
.proselect .prsselect option{font-size: 16px;}
.proselect .pselect{width: 80px;height: 45px;line-height: 45px;display: block;text-align: center;font-size: 16px;color:#262d3f;background-color:#e8d6de; }

.product{display: flex;justify-content: space-between;align-items: center;}
.pleft{position: relative;width: 35%;}
.pleft img{min-height: 414px;}
.plcont{position: absolute;top:90px;text-align: center;width: 100%;}
.plcont h5{font-size: 25px;color: #dedbdb;}
.plcont p{font-size: 14px;color: #dedbdb;text-transform: uppercase;}
.pright{width: 64%;}
.pright .left1{margin:0;}
.pright .left2{margin-bottom: 15px;}


/* 联系我们 */
.contacttitle{margin: 50px 0;text-align: center;}
.contacttitle h5{font-size: 26px;color: #000;}
.contacttitle p{font-size: 14px;color: #000;width: 75%;display: block;margin:0 auto;line-height: 27px;}

.contactMain{margin-bottom: 50px;overflow: hidden;position: relative;}
.contactMain ul li{width: 25%;float: left;list-style: none;text-align: center;}
.contactMain ul li img{min-height: 193px;}
.contactMain ul li .cop1{font-size: 20px;color: #666666;margin-top: 30px;}
.contactMain ul li .cop2{font-size: 16px;color: #999999;}

#dituContent {width: 100%;height: 430px;}


/* 人才招聘 */
.contactFrom{width: 100%;}
.From{display: flex;justify-content: space-between;overflow: hidden;}
.FromLeft{width: 48%;}
.FromLeft .td{display: flex;align-items: center;margin-bottom:20px;}
.FromLeft .td .name{width: 150px;height: 35px;line-height: 35px;font-size: 16px;color: #252e3f;border:none;background-color: #ebebeb;margin:0;padding:0;padding-left: 10px;}
.FromLeft .td div{display: flex;align-items: center;}
.FromLeft .td div span{margin:0 20px;font-size: 16px;color: #252e3f;}
.FromLeft .td div .sex{margin:0;margin:0 20px;color: #95325d;}

.td2{font-size: 16px;color: #252e3f;height: 35px;line-height: 35px;}
.td2 span{background-color: #ebebeb;}
.td2 span:nth-child(1){padding-left: 10px;}
.seyear{width: 151px;height: 35px;line-height: 35px;border:none;font-size: 16px;color: #252e3f;background-color: #ebebeb;margin:0;padding:0;text-align:center;}

.td3{display: flex;justify-content: space-between;align-items:center; }
.td3 .name{width: 150px;height: 42px;line-height: 42px;font-size: 16px;color: #252e3f;border:none;background-color: #ebebeb;margin:0;padding:0;padding-left: 10px;}

.FromLeft .td3 div span{margin:0 !important;}

.FromLeft .td .name2{width: 453px;height: 35px;line-height: 35px;font-size: 16px;color: #252e3f;border:none;background-color: #ebebeb;margin:0;padding:0;padding-left: 10px;border-radius: 3px;}

.td5{background-color: #ebebeb;overflow: hidden;border-radius: 3px;}
.textare{margin-bottom: 20px;}
.textare span{display: block;font-size: 16px;color: #252e3f;line-height: 37px;padding-left: 15px;}
.textare textarea{border:none;margin:0;padding:0;width:100%;font-size: 16px;color: #252e3f;background-color: #ebebeb;border-radius: 3px;padding-left: 15px;}
.yz{border:1px solid #eee;text-align: center;color: #ff0000;font-size: 30px;margin:0 20px;padding:10px;}

.td6{display: flex;align-items: center;justify-content: center;margin-top: 70px;}
.td6 a{display:block;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 24px;border-radius: 5px;}
.td6 .submit{background-color: #95325d;color: #ffffff;margin-right: 15px;}
.td6 .register{background-color: #e7d6de;color: #252e3f;}


.filed span{background-color: #ebebeb;line-height: 50px;height: 50px;display: block;padding-left: 15px;}
.filed .file{width: 200px;background-color: #ebebeb;padding:10px;padding-left: 50px}

/* 详情 */
.detail{margin-top: 50px;}
.detail h5{font-size: 26px;color: #666666;margin-bottom: 30px;text-align:center;line-height: 30px;}
.detail p{font-size: 14px;color: #666666;}

/* 页码 */

.pagination {color: #fff;display: inline-block;padding-left: 0;margin: 30px 0;}
.pagination .current {color: #fff;margin-right: 5px;}
.pagination>li {display: inline;border-radius:unset;}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;}
.pagination .active span {background-color: #95325d;}
.pagination>.active>a, 
.pagination>.active>a:focus,
 .pagination>.active>a:hover, 
 .pagination>.active>span, 
 .pagination>.active>span:focus, 
 .pagination>.active>span:hover {z-index: 3;color: #fff;cursor: default;background-color: #95325d;border-color: #95325d;}
.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #fff;text-decoration: none;background-color: #a3a3a3;border: 1px solid #ddd;}
.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;font-size: 15px;line-height: 1.42857143;color: #fff;text-decoration: none;background-color: #a3a3a3;border: 1px solid #ddd;}
/* .pagination>li:last-child>a, .pagination>li:last-child>span {border-radius: 4px;} */
.pagination>li>a{margin-right: 5px;}

.slide-wrapper{display: block;}
/*手机*/
@media screen and (max-width: 767px){
    .content{position: relative;}
    .banner{padding-top: 50px;}
    .inside{width: 98%;margin:15px auto;}
    .inside-left{display: inline;padding-bottom: 9999px;margin-bottom: -9999px;position: relative;width:62% ;}
    .inside-right{float: none;width: 100%;margin-top: 55px;}
    .about{margin-top: 30px;}
    .about .title{font-size: 20px;}
    .about .line{width: 30px;margin: 15px auto;}
    .aboutidea{flex-wrap: wrap;}
    .aboutidea .ideaLeft{float: none;width: 100%;}
    .aboutidea .ideaRight{float: none;width: 100%;}
    .Do{margin-top: 30px;}
    .Do .title{font-size: 20px;}
    .Do .line{width: 30px;margin:15px auto;}
    .do{margin-top: 20px;}
    .do li .rep2{font-size: 13px;}

    .abouty{margin-top: 30px;}
    .detail{margin-top: 30px;}
    .detail h5{font-size: 20px;}

    .aboutDo{flex-wrap: wrap;}
    .Doimg{width: 100%;}
    .Docont{width: 100%;}
    .doNew{margin-top: 30px;}
    .doMain .doleft h5{font-size: 30px;line-height: 25px;}
    .doright a{font-size: 16px;}
    .doright p{font-size: 13px;}

    .culture{margin-top: 30px;}
    .proselect{flex-wrap: wrap;margin-bottom: 30px;}
    .proselect .proinput{margin-bottom: 10px;}
    .proselect .pselect{width: 100%;margin-top: 10px;}

    .product{flex-wrap: wrap;}
    .pleft{width: 100%;}
    .pright{width: 100%;}
    .plcont h5{font-size: 20px;}

    .cutitle h5{font-size: 28px;}
    .cutitle{margin:15px 0;}
    .cutitle .cu1{padding-left: 10px;}
    .cutitle .cu2{padding-right: 10px;}
    .cucont{margin-top: 15px;}
    .cucont .ctitle{font-size: 18px;}
    .cucont p{font-size: 15px;}
    .imglast{margin-top: 15px;}
    
    .contactMain{margin-bottom: 20px;}
    .From{flex-wrap: wrap;}
    .FromLeft{width: 100%;}
    .td2{font-size: 12px;}
    .FromLeft .td div span{font-size: 12px;}
    .seyear{font-size: 12px;width: 86px;}
    .textare span{font-size: 12px;}
    .FromLeft .td .name{width: 96px;}
    .FromLeft .td .name2{width: 260px;}
    .textare textarea{width: 95%;height: 100px !important;}
    .FromLeft .td{margin-top: 0!important;}
    .td3{flex-wrap: wrap;margin-bottom: 10px;}
    .td3 .name{width: 210px;}
    .td6{margin-top: 30px;}
    .td6 a{width: 120px;font-size: 15px;height: 42px;line-height: 42px;}

    .contacttitle{margin:15px auto;}
    .contacttitle h5{font-size: 20px;}
    .contacttitle p{width: 100%;}
    .contactMain ul li img{min-height: auto;}
    .contactMain ul li .cop1{font-size: 16px;}
    .contactMain ul li .cop2{font-size: 13px;}
    .enterprise{flex-wrap: wrap;}
    .enterpriseleft{width: 100%;}
    .enterpriseright{width: 100%;font-size: 16px;min-height: 170px;}
    .en2{margin:15px 0;}

    .em{flex-wrap: wrap;margin-bottom: 30px;}
    .empleft{width: 100%;}
    .empright{width: 100%;display: none;}
    /* .imglast1{display: block;} */
    .inside-menu-title{padding-left: 15px;}
    .inside-menu-title h5{font-size: 18px;}
    .inside-menu-list li{font-size: 14px;}



    .menu-button {display: block;position: absolute;top: 0px; left: 0px;padding: 15px;cursor: pointer;-webkit-transition: .3s;transition: .3s;}
.menu-button .bar:nth-of-type(1) {margin-top: 0px;}
.menu-button .bar:nth-of-type(3) {margin-bottom: 0px;}
.bar {position: relative;display: block;width: 30px;height: 5px;margin: 5px auto;background-color: #008cd6;border-radius: 10px;-webkit-transition: .3s;transition: .3s;}
.menu-button:hover .bar:nth-of-type(1) {
  -webkit-transform: translateY(1.5px) rotate(-4.5deg);
  -ms-transform: translateY(1.5px) rotate(-4.5deg);
  transform: translateY(1.5px) rotate(-4.5deg);
    }
.menu-button:hover .bar:nth-of-type(2) {
      opacity: .9;
    }
.menu-button:hover .bar:nth-of-type(3) {
      -webkit-transform: translateY(-1.5px) rotate(4.5deg);
      -ms-transform: translateY(-1.5px) rotate(4.5deg);
      transform: translateY(-1.5px) rotate(4.5deg);
    }
.cross .bar:nth-of-type(1) {
      -webkit-transform: translateY(15px) rotate(-45deg);
      -ms-transform: translateY(15px) rotate(-45deg);
      transform: translateY(5px) rotate(-45deg);
    }
.cross .bar:nth-of-type(2) {
      opacity: 0;
    }
.cross .bar:nth-of-type(3) {
      -webkit-transform: translateY(-15px) rotate(45deg);
      -ms-transform: translateY(-15px) rotate(45deg);
      transform: translateY(-15px) rotate(45deg);
    }
.cross:hover .bar:nth-of-type(1) {
      -webkit-transform: translateY(13.5px) rotate(-40.5deg);
      -ms-transform: translateY(13.5px) rotate(-40.5deg);
      transform: translateY(7.5px) rotate(-40.5deg);
    }
.cross:hover .bar:nth-of-type(2) {
      opacity: .1;
    }
.cross:hover .bar:nth-of-type(3) {
      -webkit-transform: translateY(-13.5px) rotate(40.5deg);
      -ms-transform: translateY(-13.5px) rotate(40.5deg);
      transform: translateY(-13.5px) rotate(40.5deg);
    }
    div.slide-mask {
        display: block;
       position: absolute;
       z-index: 2;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
       /* background: rgba(0, 0, 0, 0.4); */
       -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
       -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
       transition: all 0.3s ease-out;
       display: none;
     }
     aside.slide-wrapper {
         display: block;
       position: absolute;
       z-index: 4;
       left: 0;
       top: 50px;
       width: 70%;
       -webkit-transform: translate3d(-100%, 0, 0);
       -moz-transform: translate3d(-100%, 0, 0);
       -ms-transform: translate3d(-100%, 0, 0);
       -o-transform: translate3d(-100%, 0, 0);
       transform: translate3d(-100%, 0, 0);
       -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
       -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
       transition: all 0.3s ease-out;
     }

     aside.slide-wrapper.moved {
       -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
       -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
     }
}