*{margin:0;padding:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html,body{font-size:14px;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;line-height: 1;background-color: #ffffff;}
ul,li{list-style-type:none;}
a{text-decoration:none;color:#000;transition: all .3s;cursor: pointer;}
a:hover{text-decoration:none;color:#000;}
input,textarea,select{-webkit-appearance:none;resize:none;outline:none}
a,button,input,textarea,select{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border: 0;}
img{max-width:100%;border-style:none;vertical-align: middle;}
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
.zoom-img{overflow:hidden;}
.zoom-img .img{overflow:hidden;}
.zoom-img img{transition: all .5s;}
.zoom-img:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.wd{width: 62.5%;margin: 0 auto;}
.nav-page{font-size:0;}

/* header */
.header{width: 100%;}
.header .head-top{margin-bottom: 24px;}
.header .head-logo{float: left;margin-top: 26px;}
.header .r-box{float: right;width: calc(100% - 180px);}
.header .nav-top{float: right;margin: 13px 0 6px;}
.header .nav-top .column{float: left;margin: 0 10px;}
.header .nav-top .column:last-child{margin-right: 0;}
.header .nav-top .item{float: left;font-size: 12px;color: #606266;line-height: 25px;}
.header .nav-top .item:hover{color: #123642;}
.header .search-box{float: right;width: 100%;}
.header .head-search{float: right;font-size: 0;border: 2px solid #e3d1a2;height: 32px;}
.header .phone{float: right;line-height: 32px;height: 32px;}
.header .phone-icon{display: inline-block;width: 31px;height: 17px;margin:0 15px 0 21px;border-right: 1px solid #dddddd;background-image: url(../images/icon2.png);background-position: left center;background-repeat: no-repeat;}
.header .phone .number{font-size: 24px;color: #396669;}
.header .head-search .text{width: 200px;height: 28px;line-height: 28px;vertical-align: top;padding-left: 28px;background-image: url(../images/icon1.png);background-position: 9px center;background-repeat: no-repeat;margin-right: 5px;}
.header .head-search .submit{width: 58px;height: 28px;vertical-align: top;font-size: 12px;color: #FFFFFF;background-color: #E3D1A2;text-align: center;cursor: pointer;}
.head-nav{height: 40px;line-height: 40px;background-color: #123642;}
.head-nav .column{float: left;width: 14.25%;text-align: center;background-image: url(../images/icon12.png);background-position: 76% center;background-repeat: no-repeat;transition: all .3s;position: relative;z-index: 99;}
.head-nav .column:nth-child(1){background-image: none;}
.head-nav .column:nth-child(2){background-position: 80% center;}
.head-nav .column:hover{background-image: url(../images/icon11.png);background-color: #e3d1a2;}
.head-nav .column.on{background-image: url(../images/icon11.png);background-color: #e3d1a2;}
.head-nav .column:nth-child(1).on{background-image: none;}
.head-nav .column:nth-child(1):hover{background-image: none;}
.head-nav .item{font-size: 14px;color: #FFFFFF;display: block;}
.head-nav .drop-down{position: absolute;top: 40px;left: 0;width: 100%;display: none;padding-top: 16px;background-image: url(../images/icon18.png);background-position: center 10px;background-repeat: no-repeat;}
.head-nav .item_2{display: block;font-size: 14px;color: #FFFFFF;padding: 0 20px;height: 40px;line-height: 40px;text-align: left;background-color: #123642;}
.head-nav .item_2:hover{background-color: #e3d1a2;}
.m-button{display: none;float: right;width: 50px;font-size: 0;}
.m-button .icon{vertical-align: middle;display: inline-block;line-height: 1;}
.m-button .line{display: inline-block;width: 50px;height: 2px;background-color: #000000;margin: 5px 0;vertical-align: middle;}
.m-nav{position: fixed;top: 70px;left: 0;width: 100%;height: calc(100% - 70px);background-color: #FFFFFF;border-top: 1px solid #eee;display: none;}
.m-nav .item{font-size: 18px;color: #333333;line-height: 50px;text-align: center;display: block;}
.m-nav .drop-down{display: none;}
.m-nav .item_2{font-size: 14px;color: #333333;line-height: 40px;display: block;text-align: center;}

/* footer */
.footer{padding-top: 60px;border-top: 2px solid #e3d1a2;}
.foot-top{padding-bottom: 50px;}
.foot-nav{float: left;}
.foot-nav .column{float: left;margin-right: 55px;width: 120px;}
.foot-nav .h1{font-size: 16px;color: #e3d1a2;padding-bottom: 10px;border-bottom: 1px solid rgba(227,209,162,.2);margin-bottom: 10px;}
.foot-nav .item{display: block;font-size: 14px;color: #e3d1a2;line-height: 36px;opacity: .6;}
.foot-code{float: right;width: 120px;text-align: center;}
.foot-code .icon{margin-bottom: 20px;}
.foot-code .words{font-size: 14px;color: #E3D1A2;opacity: .6;}
.foot-bot{border-top: 1px solid #396669;text-align: center;font-size: 14px;color: #E3D1A2;line-height: 24px;padding: 15px 0;opacity: .6;}
.foot-bot a{font-size: 14px;color: #E3D1A2;}

/* main */
.m-img{display: none;}
.nav-box{overflow-x: auto;white-space: nowrap;}
.nav-box .column{float: left;margin-right: 10px;}
.nav-box .column:last-child{margin-right: 0;}
.nav-box .item{display: block;width: 80px;height: 40px;line-height: 38px;border: 1px solid #3f88a0;text-align: center;font-size: 14px;color: #123642;border-radius: 5px;}
.nav-box .column.on .item{background-color: #3f88a0;color: #ffffff;}
.nav-page{text-align: center;}
.nav-page .item{display: inline-block;width: 40px;height: 40px;line-height: 38px;border: 1px solid #dddddd;font-size: 16px;color: #909399;border-radius: 5px;margin: 0 5px;vertical-align: middle;}
.nav-page .item.on{background-color: #3f88a0;color: #ffffff;border: 1px solid #3f88a0;}
/* .nav-page .item:hover{background-color: #3f88a0;color: #ffffff;border: 1px solid #3f88a0;} */
.nav-page .prev{background-image: url(../images/icon14.png);background-position: center center;background-repeat: no-repeat;}
.nav-page .next{background-image: url(../images/icon15.png);background-position: center center;background-repeat: no-repeat;}
.location{overflow-x: auto;white-space: nowrap;}
.location::-webkit-scrollbar{display: none;}
.location .item{display: inline-block;font-size: 14px;color: #909399;}
.location .item.on{color: #606266;}
.prev-next{width: 70.83%;margin: 0 auto;}
.prev-next .item{width: 49.41%;background-color: #edeff2;padding: 25px 60px 25px 50px;}
.prev-next .prev{float: left;background-image: url(../images/icon13-2.png);background-position: 5% center;background-repeat: no-repeat;}
.prev-next .next{float: right;background-image: url(../images/icon13.png);background-position: 95% center;background-repeat: no-repeat;}
.prev-next .img{width: 80px;float: left;}
.prev-next .words{width: calc(100% - 80px);font-size: 14px;color: #606266;float: left;padding-left: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 3.5%;transition: all .3s;}
.prev-next .item:hover{background-color: #3f88a0;}
.prev-next .item:hover .words{color: #ffffff;}
.prev-next .prev:hover{background-image: url(../images/icon9-2.png);}
.prev-next .next:hover{background-image: url(../images/icon9.png);}

/* index */
.home-swiper .push-button{width: 50px;height: 50px;margin-top: -25px;}
.home-swiper .swiper-button-prev{background-image: url(../images/icon3.png);background-position: center center;background-size: cover;left: 2%;}
.home-swiper .swiper-button-next{background-image: url(../images/icon4.png);background-position: center center;background-size: cover;right: 2%;}
.home-swiper .suspension{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-top: 9%;}
.home-swiper .cn{font-size: 42px;color: #123642;margin-bottom: 10px;font-weight: bold;}
.home-swiper .en{font-size: 16px;color: #123642;font-weight: bold;}
.home-swiper .more{display: inline-block;width: 140px;height: 40px;line-height: 38px;border: 1px solid #123642;font-size: 16px;color:#123642;text-align: center;background-image: url(../images/icon10.png);background-position: 70% center;background-repeat: no-repeat;padding-right: 2%;margin-top: 4%;transition: all .3s;}
.home-swiper .more:hover{background-position: 75% center;}
.home-page .title{text-align: center;line-height: 1;padding: 60px 0;}
.home-page .title .cn{font-size: 32px;color: #E3D1A2;font-weight: bold;margin-bottom: 10px;}
.home-page .title .en{font-size: 14px;color: #E3D1A2;font-family: Baskerville;}
.notice{padding-bottom: 60px;background-size: cover;}
.notice .img-text{width: 38.33%;float: left;}
.notice .notice-list{width: 58.33%;float: right;}
.notice .img-text .text{padding: 30px 30px 24px;background:rgba(18,53,66,.5);}
.notice .img-text .h1{font-size: 18px;color: #E3D1A2;line-height: 1;padding-bottom: 14px;border-bottom:1px solid rgba(227,209,162,.2);margin-bottom: 8px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.notice .img-text .words{font-size: 14px;color: #E3D1A2;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.notice .notice-list .column{padding: 18px 0;border-bottom:1px dashed rgba(221,221,221,.2);line-height: 1;}
.notice-list .words{font-size: 16px;color: #E3D1A2;float: left;width: calc(100% - 100px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.notice-list .time{font-size: 14px;color: #E3D1A2;float: right;width: 95px;transition: all .3s;text-align: right;}
.notice-list .column:hover .time{background-image: url(../images/icon8.png);background-position: right center;background-repeat: no-repeat;padding-right: 15px;}
.service{padding-bottom: 55px;}
.service-list .column{width: 28%;float: left;text-align: center;padding: 0 55px;}
.service-list .column:nth-child(1){padding-left: 0;width: 22%;}
.service-list .column:last-child{padding-right: 0;width: 22%;}
.service-list .icon{margin-bottom: 42px;position: relative;}
.service-list .icon::before{content: "";position: absolute;top: 50%;width: 48%;left: -43%;border-bottom:1px solid rgba(227,209,162,1);}
.service-list .column:nth-child(1) .icon::before{display: none;}
.service-list .h1{font-size: 20px;color: #E3D1A2;line-height: 25px;margin-bottom: 10px;}
.service-list .words{font-size: 14px;color: #E3D1A2;line-height: 28px;}
.advantage{padding: 60px 0;}
.advantage .h1{text-align: right;margin-bottom: 15px;}
.advantage .h1 .cn{font-size: 24px;color: #E3D1A2;margin-bottom: 8px;}
.advantage .h1 .en{font-size: 20px;color: #E3D1A2;}
.advantage .carousel{position: relative;}
.advantage .push-button{width: 40px;height: 40px;transition: all .3s;}
.advantage .swiper-button-prev{background-image: url(../images/icon5.png);background-size: cover;left: -7%;}
.advantage .swiper-button-next{background-image: url(../images/icon5-2.png);background-size: cover;right: -7%;}
.advantage .swiper-button-prev:hover{background-image: url(../images/icon6-2.png);}
.advantage .swiper-button-next:hover{background-image: url(../images/icon6.png);}
.advantage .column{width: 23.33%;float: left;}
.advantage .column.special{width: 30%;position: relative;}
.advantage .suspension{position: absolute;top: 5%;left: 5%;right: 5%;bottom: 5%;border: 1px solid #ffffff;padding: 38px;z-index: 1;}
.advantage .title{padding: 0;text-align: left;}
.advantage .title .cn{color: #ffffff;}
.advantage .title .en{color: #ffffff;}
.advantage .more{position: absolute;bottom: 10%;text-align: center;width: 50%;height: 40px;line-height: 38px;font-size: 14px;color: #ffffff;text-align: center;border: 1px solid #ffffff;}
.advantage .link{font-size: 14px;color: #ffffff;display: block;background-image: url(../images/icon9.png);background-repeat: no-repeat;background-position: 70% center;padding-right: 12%;}
.advantage .link:hover{background-position: 75% center;}
.advantage .text{position: relative;background-color: #ffffff;}
.advantage .text>img{opacity: 0;}
.advantage .text .suspension{padding: 0;top: 10%;left: 10%;right: 10%;bottom: 10%;text-align: center;border: 0;padding-top: 15%;}
.advantage .text .h2{font-size: 20px;color: #303133;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.advantage .text .words{font-size: 14px;color: #606266;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.home-page .original{padding-bottom: 60px;}
.original-list .column{float: left;width: 31.66%;margin-right: 2.51%;padding: 10px;background-color: #123542;}
.original-list .column:last-child{margin-right: 0;}
.original-list .text{padding: 20px 10px;}
.original-list .box{border: 1px solid #e3d1a2;padding: 30px;}
.original-list .h1{font-size: 16px;color: #E3D1A2;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 10px;}
.original-list .words{font-size: 14px;color: #E3D1A2;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.original-list .box .more{margin-top: 20px;font-size: 14px;color: #E3D1A2;background-image: url(../images/icon8.png);background-position: right center;background-repeat: no-repeat;display: inline-block;padding-right: 17px;transition: all .3s;}
.original-list .column:hover .more{padding-right: 25px;}
.original-wrap>.more{margin-top: 60px;text-align: center;}
.original-wrap>.more .link{display: inline-block;width: 160px;height: 40px;line-height: 38px;border: 1px solid #e3d1a2;font-size: 14px;color: #E3D1A2;background-image: url(../images/icon8.png);background-position: 65% center;background-repeat: no-repeat;padding-right: 2%;}
.original-wrap>.more .link:hover{background-position: 70% center;}
.about{padding: 80px 0 60px;}
.about .title{padding: 0;text-align: left;margin-bottom: 40px;}
.about .text-box{float: left;width: 31.66%;}
.about .words{font-size: 14px;color: #E3D1A2;line-height: 28px;}
.about .more{margin-top: 40px;}
.about .link{display: inline-block;width: 140px;height: 40px;line-height: 38px;border: 1px solid #e3d1a2;font-size: 14px;color: #E3D1A2;text-align: center;background-image: url(../images/icon8.png);background-position: 70% center;background-repeat: no-repeat;padding-right: 4%;}
.about .link:hover{background-position: 75% center;}
.about .img-box{float: right;width: 61.66%;margin-top: 7px;}

/* news */
.news{padding: 80px 0;}
.news-list{margin: 40px 0 50px;}
.news-list .column{padding: 40px 40px 40px 0;border-bottom: 1px solid #dddddd;transition: all .3s;}
.news-list .column:last-child{border-bottom: 0;}
.news-list .img{float: left;width: 300px;}
.news-list .text-box{float: left;width: calc(100% - 400px);padding: 30px 100px 0 30px;}
.news-list .h1{font-size: 16px;color: #123642;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 20px;}
.news-list .words{font-size: 14px;color: #606266;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-list .date-box{float: right;width: 100px;text-align: right;padding-top: 30px;}
.news-list .date{font-size: 16px;color: #909399;margin-bottom: 55px;}
.news-list .more{font-size: 14px;color: #606266;background-image: url(../images/icon13.png);background-position: right center;background-repeat: no-repeat;padding-right: 17px;}
.news-list .column:hover{box-shadow: 0 5px 12px rgba(0, 0, 0, .1);padding-left: 40px;}
.news-list .column:hover .text-box{padding-right: 60px;}
.news-details .text-box{margin: 40px 0 73px;}
.news-details .title{padding-bottom: 18px;border-bottom: 1px solid #dddddd;margin-bottom: 33px;}
.news-details .title .h1{font-size: 20px;color: #303133;margin-bottom: 20px;}
.news-details .title .time{font-size: 14px;color: #909399;}
.news-details .text-box .words{font-size: 14px;color: #606266;line-height: 28px;}

/* original */
.original-page .original{padding: 80px 0;}
.original-page .original .img-text{text-align: center;}
.original-page .original .h1{font-size: 32px;color: #606266;font-weight: bold;margin-bottom: 55px;}
.original-page .original .words{font-size: 14px;color: #606266;line-height: 28px;padding: 0 110px;}

/* institute */
.institute{padding: 80px 0;}
.institute .synopsis{margin-bottom: 80px;}
.institute .synopsis .text{position: relative;width: 71.66%;padding: 60px 240px 60px 60px;}
.institute .synopsis .h1{font-size: 32px;color: #ffffff;font-weight: bold;margin-bottom: 50px;}
.institute .synopsis .words{font-size: 14px;color: #ffffff;line-height: 28px;opacity: .8;}
.institute .synopsis .icon{display: inline-block;width: 16px;height: 4px;background-color: #689ead;margin-top: 35px;}
.institute .synopsis .img{position: absolute;width: 60.46%;top: 15%;left: 80%;}
.experience .h1{font-size: 32px;color: #606266;font-weight: bold;margin-bottom: 55px;text-align: center;}
.experience .words{font-size: 14px;color: #606266;line-height: 28px;text-align: center;padding: 0 175px;}
.experience .text-img{margin-top: 53px;}
.experience .text{float: left;width: 50%;background-color: #f5f7fa;padding: 60px;}
.experience .h2{font-size: 20px;color: #606266;font-weight: bold;margin-bottom: 30px;}
.experience .words_2{font-size: 14px;color: #606266;line-height: 28px;}
.experience .img{float: left;width: 50%;margin-top: 60px;}

/* case */
.case{padding: 80px 0 40px;}
.case-list .column{float: left;width: 18.66%;margin-right: 1.675%;margin-bottom: 40px;text-align: center;}
.case-list .column:nth-child(5n){margin-right: 0;}
.case-list .img{margin-bottom: 20px;border: #eeeeee solid 1px;}
.case-list .name{font-size: 14px;color: #606266;}

/* join */
.join{padding: 80px 0;}
.join-list .column{margin-bottom: 40px;}
.join-list .h1{font-size: 20px;color: #303133;margin-bottom: 20px;}
.join-list .box{margin-bottom: 20px;}
.join-list .h2{font-size: 16px;color: #606266;margin-bottom: 10px;padding-left: 20px;background-image: url(../images/icon16.png);background-position: left center;background-repeat: no-repeat;}
.join-list .words{font-size: 14px;color: #606266;line-height: 24px;padding-left: 45px;}

/* introduction */
.introd{padding: 80px 0 0;}
.introd-list{margin-bottom: 80px;}
.introd-list .column{margin-bottom: 120px;}
.introd-list .img{float: left;width: 40%;}
.introd-list .text{float: left;width: 60%;padding: 20px 0 0 60px;}
.introd-list .h1{font-size: 20px;color: #606266;font-weight: bold;margin-bottom: 30px;}
.introd-list .words{font-size: 14px;color: #606266;line-height: 28px;}
.introd-list .column:nth-child(2n) .img{float: right;}
.introd-list .column:nth-child(2n) .text{padding: 20px 60px 0 0;}
.introd-list .column:last-child{margin-bottom: 0;}
.introd .contact{background-color: #f5f7fa;padding: 60px 0 73px;}
.introd .contact .h1{font-size: 32px;color: #606266;font-weight: bold;margin-bottom: 80px;text-align: center;}
.cont-list{display: flex;
    align-items: center;
    justify-content: center;}
.cont-list .column{float: left;width: 32%;margin-right: 2%;margin-bottom:50px; }
.cont-list .column:nth-child(3n){margin-right: 0;}
.cont-list .h2{font-size: 20px;color: #303133;margin-bottom: 20px;}
.cont-list .words{font-size: 14px;color: #606266;line-height: 28px;}

/* advantage */
.advan{padding: 80px 0 30px;}
.advan-list .column{float: left;width: 32.08%;margin-right: 1.88%;margin-bottom: 50px;padding: 10px;transition: all .3s;}
.advan-list .column:nth-child(3n){margin-right: 0;}
.advan-list .text{padding: 30px;text-align: center;}
.advan-list .h1{font-size: 20px;color: #303133;margin-bottom: 10px;}
.advan-list .words{font-size: 14px;color: #606266;line-height: 28px;}
.advan-list .column:hover{box-shadow: 0 3px 10px rgba(0, 0, 0, .1);}

/* cognizance */
.cogniz{padding: 80px 0;}
.cogniz-list{margin-top: 40px;}
.cogniz-list .column{float: left;width: 32.08%;margin-right: 1.88%;margin-bottom: 10px;padding: 10px;transition: all .3s;}
.cogniz-list .column:nth-child(3n){margin-right: 0;}
.cogniz-list .text{padding: 40px 20px 30px;}
.cogniz-list .h1{font-size: 18px;color: #303133;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 10px;}
.cogniz-list .words{font-size: 14px;color: #606266;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cogniz-list .more{font-size: 14px;color: #909399;margin-top: 30px;opacity: 0;transition: all .3s;padding-right: 17px;background-image: url(../images/icon13.png);background-position: right center;background-repeat: no-repeat;display: inline-block;}
.cogniz-list .column:hover{box-shadow: 0 3px 10px rgba(0, 0, 0, .1);}
.cogniz-list .column:hover .more{opacity: 1;}

/* science */
.science{padding: 80px 0;}
.science-list{margin-top: 40px;}
.science-list .column{float: left;width: 48.75%;margin-right: 2.5%;margin-bottom: 40px;padding: 20px;transition: all .3s;}
.science-list .column:nth-child(2n){margin-right: 0;}
.science-list .text{padding: 40px 20px 13px;position: relative;}
.science-list .h1{font-size: 18px;color: #333333;width: 85%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 10px;}
.science-list .words{font-size: 14px;color: #666666;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.science-list .more{position: absolute;top: 40px;right: 20px;font-size: 14px;color: #909399;opacity: 0;transition: all .3s;padding-right: 17px;background-image: url(../images/icon17.png);background-position: right center;background-repeat: no-repeat;}
.science-list .column:hover{box-shadow: 0 3px 10px rgba(0, 0, 0, .1);}
.science-list .column:hover .h1{color: #3f88a0;}
.science-list .column:hover .more{color: #3f88a0;opacity: 1;}

/* search */
.sear{padding: 80px 0;}
.sear-list .column{margin-bottom: 20px;    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd;}

.sear-list .column:last-child{margin-bottom: 0;}
.sear-list .h1{font-size: 20px;color: #333333;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all .3s;}
.sear-list .words{font-size: 14px;color: #666666;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sear-list .column:hover .h1{color: #3f88a0;}

/* 媒体查询 */
@media only screen and (max-width:1680px) {
	/* main */
    .wd{width: 80%;}
    /* footer */
    .foot-nav .column{margin-right: 50px;}
}

@media only screen and (max-width:1600px) {
    /* main */
    .wd{width: 80%;}
}

@media only screen and (max-width:1440px) {
    /* main */
    .wd{width: 90%;}
    /* index */
    .home-page .title .cn{font-size: 24px;}
    .advantage .swiper-button-prev{left: 2%;}
    .advantage .swiper-button-next{right: 2%;}
	/* news */
	.news-list .text-box{padding: 30px 30px 0;}
}

@media only screen and (max-width:1366px) {
    /* footer */
    .foot-nav .column{margin-right: 40px;}
}

@media only screen and (max-width:1280px) {
    /* main */
    .wd{width: 94%;}
}

@media only screen and (max-width:1199px) {
    /* header */
    .head-nav .column{background-position: 80% center;}
    .head-nav .column:nth-child(2){background-position: 83% center;}
    /* footer */
    .foot-nav .column{margin-right: 20px;width: 100px;}
    /* index */
    .notice .notice-list .column{padding: 17px 0;}
    .advantage .text .suspension{padding-top: 10%;}
}

@media only screen and (max-width:1024px) {
    /* header */
    .header{height: 70px;line-height: 70px;position: fixed;top: 0;left: 0;z-index: 99;background-color: #ffffff;}
    .header .head-logo{margin-top: 0;}
    .header .head-top{margin-bottom: 0;}
    .header .r-box{width: auto;}
    .header .nav-top{display: none;}
    .header .search-box{display: none;}
    .m-button{display: block;}
    .head-nav{display: none;}
    /* main */
    .main-page{padding-top: 70px;}
    /* index */
    .notice .notice-list .column{padding: 15px 0;}
    .advantage .text .suspension{padding-top: 0;}
    .advantage .text .h2{font-size: 16px;}
    .advantage .text .words{line-height: 24px;}
    .original-list .box{padding: 20px;}
    .about .text-box{width: 48%;}
    .about .img-box{width: 50%;}
	/* institute */
	.institute .synopsis .img{width: 70%;left: 70%;}
	/* news */
	.prev-next{width: 90%;}
}

@media only screen and (max-width:960px) {
	/* footer */
	.foot-top{padding-bottom: 30px;}
	.foot-nav{margin-bottom: 20px;display: none;}
	.foot-code{width: 100%;text-align: center;}
    /* index */
    .home-page .title{padding: 30px 0;}
    .notice{padding-bottom: 30px;}
    .notice .img-text{width: 100%;margin-bottom: 30px;}
    .notice .notice-list{width: 100%;}
    .service{padding-bottom: 10px;}
    .service-list .column{width: 50%;text-align: center;padding: 0 1%;margin-bottom: 20px;}
    .service-list .column:nth-child(1){width: 50%;}
    .service-list .column:last-child{width: 50%;}
    .service-list .icon::before{display: none;}
    .advantage{padding: 30px 0;}
    .advantage .h1 .cn{font-size: 20px;}
    .advantage .h1 .en{font-size: 16px;}
    .original-list .column{padding: 5px;}
    .original-list .text{padding: 10px;}
    .original-list .box{padding: 10px;}
    .original-list .words{line-height: 24px;}
    .home-page .original{padding-bottom: 30px;}
    .original-wrap>.more{margin-top: 30px;}
    .about{padding: 30px 0;}
    .about .text-box{width: 100%;margin-bottom: 20px;}
    .about .img-box{width: 100%;}
    .about .title{margin-bottom: 0;}
	/* institute */
	.institute .synopsis .text{width: 100%;padding: 60px;}
	.institute .synopsis .img{display: none;}
	.experience .words{padding:0 60px;}
	.experience .text{width: 100%;}
	.experience .img{width: 100%;}
	/* original */
	.original-page .original .words{padding: 0 60px;}
	/* news */
	.prev-next{width: 94%;}
	/* science */
	.science-list .column{padding: 10px;}
	.science-list .text{padding: 15px;}
	/* cognizance */
	.cogniz-list .text{padding: 15px;}
	/* introduction */
	.introd-list .column{margin-bottom: 60px;}
	.introd-list .img{width: 100%;text-align: center;margin-bottom: 20px;}
	.introd-list .text{width: 100%;padding: 0 60px;}
	.cont-list .column{width: 100%;margin-right: 0;margin-bottom: 20px;}
	/* advantage */
	.advan-list .column{margin-bottom: 20px;}
	.advan-list .text{padding: 15px;}
}

@media only screen and (max-width:767px) {
	/* header */
	.header{height: 50px;line-height: 50px;}
	.m-button{width: 40px;}
	.m-button .line{width: 40px;margin: 4px 0;}
	.m-nav{top: 50px;height: calc(100% - 50px);}
	/* footer */
	.footer{padding-top: 30px;}
	/* main */
	.main-page{padding-top: 50px;}
	/* index */
	.home-swiper .push-button{width: 30px;height: 30px;margin-top: -15px;}
	.home-page .title .cn{font-size: 20px;}
	.service-list .icon{width: 60%;margin: 0 auto 20px;}
	.service-list .h1{font-size: 18px;}
	.service-list .words{line-height: 24px;}
	.advantage .h1 .cn{font-size: 18px;}
	.advantage .push-button{width: 30px;height: 30px;margin-top: -15px;}
	.advantage .column{display: none;}
	.advantage .column:nth-child(2){display: block;width: 100%;}
	.original-list .column{width: 100%;margin-right: 0;margin-bottom: 20px;padding: 10px;}
	.original-wrap>.more{margin-top: 10px;}
	.about{padding-top: 0;}
	.advantage .text>img{display: none;}
	.advantage .text .suspension{padding-top: 0;position: relative;top: auto;left: auto;right: auto;bottom: 0;padding: 15px;}
	/* institute */
	.institute{padding: 30px 0;}
	.institute .synopsis{margin-bottom: 30px;}
	.institute .synopsis .text{padding: 30px 15px;}
	.institute .synopsis .h1{font-size: 20px;margin-bottom: 20px;}
	.institute .synopsis .icon{margin-top: 20px;}
	.experience .h1{font-size: 24px;margin-bottom: 20px;}
	.experience .words{padding: 0;}
	.experience .text-img{margin-top: 20px;}
	.experience .text{padding: 30px 15px;}
	.experience .h2{margin-bottom: 20px;}
	.experience .img{margin-top: 20px;}
	/* original */
	.original-page .original{padding: 30px 0;}
	.original-page .original .h1{font-size: 20px;margin-bottom: 20px;}
	.original-page .original .words{padding: 0;}
	/* news */
	.news{padding: 30px 0;}
	.nav-box .column{margin-right: 5px;}
	.nav-box .item{width: auto;height: 30px;line-height: 28px;font-size: 14px;padding: 0 10px;}
	.news-list{margin: 20px 0;}
	.news-list .column{padding: 10px;}
	.news-list .column{margin-bottom: 10px;}
	.news-list .img{width: 100%;}
	.news-list .text-box{width: calc(100% - 100px);padding: 10px 0 0;}
	.news-list .date-box{padding-top: 10px;}
	.news-list .h1{margin-bottom: 10px;}
	.news-list .date{margin-bottom: 40px;}
	.news-details .title{margin-bottom: 20px;}
	.news-details .text-box{margin: 20px 0;}
	.prev-next .item{width: 100%;margin-bottom: 10px;padding: 15px;}
	.prev-next .prev{padding-left: 30px;background-position: 3% center;}
	.prev-next .next{padding-right: 30px;background-position: 97% center;}
	/* science */
	.science{padding: 30px 0;}
	.science-list{margin-top: 20px;}
	.science-list .column{width: 100%;padding: 0;margin-bottom: 20px;}
	/* cognizance */
	.cogniz{padding: 30px 0;}
	.cogniz-list{margin-top: 20px;}
	.cogniz-list .column{width: 100%;margin-right: 0;margin-bottom: 0;padding: 0;}
	.cogniz-list .more{display: none;}
	/* introduction */
	.introd{padding: 30px 0;}
	.introd-list .column{margin-bottom: 30px;}
	.introd-list .text{padding: 0;}
	.introd-list .column:nth-child(2n) .text{padding: 0;}
	.introd-list .h1{margin-bottom: 20px;}
	.introd-list{margin-bottom: 30px;}
	.introd .contact{padding: 30px 0 0;}
	.introd .contact .h1{margin-bottom: 20px;font-size: 20px;}
	.cont-list .h2{font-size: 18px;margin-bottom: 10px;}
	/* advantage */
	.advan{padding: 30px 0;}
	.advan-list .column{width: 100%;margin-right: 0;margin-bottom: 10px;padding: 0;}
	.advan-list .column:nth-child(3n){margin-right: 0}
	/* case */
	.case{padding: 30px 0;}
	.case-list{font-size: 0;}
	.case-list .column{width: 49%;margin-right: 2%;margin-bottom: 20px;}	
	.case-list .column:nth-child(5n){margin-right: 2%;}
	.case-list .column:nth-child(2n){margin-right: 0;}
	/* join */
	.join{padding: 30px 0;}
	.join-list .column{margin-bottom: 20px;}
	/* search */
	.sear{padding: 30px 0;}
}

.fix-contact {
    z-index:999;
    position:fixed;
    bottom:0;
    right: 0;
}
.fix-contact li {
    margin-bottom:10px;
}
.fix-contact .icon {
    position: relative;
    display: block;
    width:50px;
    height:50px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background:#232122 url(../images/fixed.png) no-repeat;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.fix-contact .icon:hover {background-color:#123642;}
.fix-contact .icon1 {
	background:#232122 url(../images/liuyan.png) no-repeat;
	background-position: center;
}
.fix-contact .icon0 {
    background-position:center 5px;}
.fix-contact .icon2 {
    background-position:center -34px;}
.fix-contact .icon3 {
    background-position:center -34px;}
.fix-contact .icon4 {
    background-position:center  -72px;}
.fix-contact .icon5 {
    background-position:center  bottom;}
.fix-contact .left {
    position:absolute;
    top: 0;
    right: 55px;
    display:none;
    width:130px;
    height:50px;
    line-height:50px;
    text-align: center;
    background-color:#123642;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.fix-contact .icon:hover .left {
    display: block;
}
.fix-contact .code {
    position:absolute;
    top:-80px;
    right: 55px;
    display: none;
    padding:20px 25px;
    background-color:#123642;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.fix-contact .code  img{
	max-width:100px;
}
.fix-contact .icon:hover .code {
    display: block;
}