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


body { font-size: 14px; font-family: "microsoft yahei"; color: #000; background: #fff; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input, select, textarea { vertical-align: middle; outline:none; border:0; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0;margin: 0;padding: 0; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color:#2b2b2b; }
a:hover {color: #888;}
* { padding: 0; margin: 0; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.w { width: 1260px; margin: 0 auto; }

.head {padding: 0px 0;position: fixed;top: 0;left: 0;background-color: #fff;z-index: 101;width: 100%}
.head .logo{margin-left: 0px;}
.head .logo a {display: inline-block;width: 100%;height: 100%;}
.head .nav-wrap{margin-top:14px;}
.head .nav-wrap .nav>li{ float: left;position: relative}
.head .nav-wrap .nav>li>a{ font-size: 16px;color: #666666;display: inline-block;padding: 0 30px;line-height:50px; }
.head .nav-wrap .nav>li:hover>a{ color:#fff;background-color: #3366CC;transition: .3s;}
.head .nav-wrap .nav>li.on>a{ color:#fff;background-color: #3366CC;transition: .3s;}
.nav .nLi  .sub{ display:none; width:100%; left:0; top:50px;position:absolute;background:rgba(203, 203, 241, 0.9); line-height:26px;z-index: 10;}
.nav .nLi  .sub li{ zoom:1;text-align:center }
.nav .nLi  .sub a{ display:inline-block;font-size: 14px;color: #444;text-align: center;margin:5px 0;}
.nav .nLi  .sub li:hover{ background-color: #96c3f1}
.nav .nLi  .sub li:hover a{color: #fff}




/*banner*/
.banner { position: relative; overflow: auto; text-align: center;margin-top: 79px;}
.banner li { list-style: none; }
.banner ul li { float: left; }
#b06{width:640px}
#b06 .dots{position:absolute;left:0;right:0;bottom:20px}
#b06 .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
#b06 .dots li.active{background:#fff;opacity:1}
#b06 .arrow{position:absolute;top:200px}
#b06 #al{left:15px}
#b06 #ar{right:15px}

/*main*/
.main {padding: 35px 0 52px 0;}
.main .sec1 {width:23.8%; }
.main .sec1>div {margin-bottom: 2px ;}
.main .sec1 .pro1{height:128px;background-repeat: no-repeat;background-size: cover;background-position: center;transition: 1s}
.main .sec1 .pro1.on{padding: 0 10px;transition: 1s;}
.main .sec1 .pro1 h3 {font-size: 18px ;color: #fff;line-height: 30px;padding:15px 0 10px 0;text-align: right}
.main .sec1 .pro1.on h3 {font-size: 18px ;color: #666;line-height: 30px;padding:10px 0 10px 0;;;border-bottom: 0px solid #444;text-align: left;}
.main .sec1 .pro1 h3 a.det{display: inline-block;text-align: center;line-height: 98px;font-size: 18px;color: #666;    margin-right: 20%;}
.main .sec1 .pro1.on h3 a.det {;font-size: 18px ;color: #444;line-height: 30px;text-align: left;}
.main .sec1 .pro1 h3 a.m{display: none;width:24px ;height: 24px;background: url("../images/arrow-right.png") no-repeat left;margin-top: 3px;background-size: cover;margin-right: 9px}
.main .sec1 .pro1.on h3 a.m{display: inline-block;}
.main .sec1 .pro1 p {color:#7b7878;line-height: 24px;padding:10px 0;display: none;font-weight:bold;}
.main .sec1 .pro1.on p{ animation: contentH 1s;-webkit-animation: contentH 1s;display: block}
@keyframes contentH
{
    from {opacity: 0}
    to {opacity: 1}
}
.main .sec2 {width:45.6%;margin: 0 3% }
.main .sec2 .tit{font-size: 21px;color: #3366cc;padding-bottom: 33px;}
.main .sec2 .tit span{font-size:18px;color: #999;}
.main .sec2 .news-first {border-bottom: 1px solid #dcdcdc;padding-bottom: 16px;}
.main .sec2 .news-first .pic{width: 207px;height: 135px;overflow: hidden;}
.main .sec2 .news-first .pic img {width: 100%;height: auto;transition: all 1s;-webkit-transition: all 1s;}
.main .sec2 .news-first  .pic:hover img {transform:scale(1.2);transition: all 1s;-webkit-transition: all 1s;}
.main .sec2 .news-first .int {width: 340px;padding-left: 20px;}
.main .sec2 .news-first .title {font-size: 16px;color: #282828;}
.main .sec2 .news-first .date {line-height: 24px;}
.main .sec2 .news-first .con {line-height: 24px;color: #999999;}
.main .sec2 .news-list {line-height: 34px;padding-left: 20px;}
.main .sec2 .news-list li p{float: left;display: inline-block;max-width: 426px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666666;position: relative}
.main .sec2 .news-list li p:hover{color: #999}
.main .sec2 .news-list li {position: relative}
.main .sec2 .news-list li:before {content: "";display:block;width:4px;height: 4px;position: absolute;top: 16px;left: -15px;background-color: #3366cc;border-radius: 50%; }
.main .sec2 .news-list li:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.main .sec2 .news-list li span{display: inline-block;float: right;color: #666666}
.main .sec3 {width:24.6%; }
.main .sec3 h3 {font-size: 18px;color: #3366cc;}
.main .sec3 .pic {width: 309px;height: 156px;overflow: hidden;margin:25px 0 15px 0;}
.main .sec3 .pic img {width: 100%;height: auto;transition: all 1s;-webkit-transition: all 1s;}
.main .sec3 .pic:hover img {transform:scale(1.2);transition: all 1s;-webkit-transition: all 1s;}
.main .sec3 p {color: #666;line-height: 30px;}
.main .sec3 p a{color: #2e83e3;}
.main .sec3 .joinUS {width: 306px;height: 68px;background: #2e83e3 url(../images/joinUs-bg_23.jpg) no-repeat right;margin-top: 10px;}
.main .sec3 .joinUS a {display:inline-block;font-size: 22px;line-height: 68px;padding-left: 17px;color: #fff;font-weight: bold;}

/*footer*/
.footer {width: 100%;background-color: #fff;color: #333;line-height: 30px;}
.footer a{ color: #333; }
.footer .w{border-top:2px solid #dcdcdc;padding: 30px 0;}
.footer .copy-right {float:left !important;margin-left:10%;}


/*内页*/
/*产品中心*/
.ny-banner {width: 100%;height:211px;background-position: center;background-repeat: no-repeat;margin-top:79px;position: relative}
.ny-banner .int {width: 700px;height:150px;position: absolute;top: 30%;left:50%;}
.ny-banner .int .cn{font-size: 36px;color: #fff;line-height: 40px;font-weight: lighter;padding-bottom: 20px;}
.ny-banner .int .en{width: 100%;font-size: 30px;color: #fff;line-height: 30px;font-weight: lighter;}
.sidebar {width:19.8%;margin-top: 17px;}
.sidebar h3.headline{width: 213px;height:60px;line-height: 60px;background-color: #3366cc;font-size: 18px;padding-left: 37px;color: #fff;}
.sidebar ul.otherUL {width:100%;border: 1px solid #e6e6e6;box-sizing: border-box;padding-bottom: 232px;background: url("../images/sidebar-bg_06.jpg") no-repeat bottom left; }
.sidebar ul.otherUL li{height: 48px;padding: 0 37px;border-bottom: 1px solid #e6e6e6}
.sidebar ul.otherUL li a{display: inline-block;width: 100%;font-size: 16px;line-height: 48px;}
.sidebar ul.otherUL li a i{display:block;width: 8px;height:12px;float: right;background: url("../images/pro-arrow_06.png") no-repeat 0 0;margin-top:18px}
.sidebar ul.otherUL li:hover  a {color: #2e83e3;}
.sidebar ul.otherUL li:hover  a i{background-position: -10px 0 ;}

.sidebar ul.otherUL li.active  a {color: #2e83e3;}
.sidebar ul.otherUL li.active  a i{background-position: -10px 0 ;}

.sidebar .join {width:248px;height:54px;background: #2e83e3 url(../images/joinUs-bg_23.jpg) no-repeat right;background-size: auto 54px;margin-top: 10px;}
.sidebar .join  a{display:inline-block;font-size: 18px;line-height: 54px;padding-left:14px;color: #fff;font-weight: bold;}

.sidebar .sidemenu {width: 100%;border: 1px solid #e6e6e6;box-sizing: border-box;padding-bottom: 232px;background: url("../images/sidebar-bg_06.jpg") no-repeat bottom left;}
.sidebar .sidemenu h3{height:48px;line-height: 48px;background: #fff;padding:0 0 0 25px;color: #666666;position: relative;border-bottom: 1px solid #e6e6e6;font-size: 14px;}
.sidebar .sidemenu h3.on{border-bottom: 1px solid #e6e6e6;color: #2e83e3}
.sidebar .sidemenu h3 em{float: right;display: block;width: 15px;height: 15px;background: url("../images/add+min_05.png") no-repeat   -17px 0;margin-top: 16px;margin-right: 18px}
.sidebar .sidemenu h3.on em{background-position: 0 0}
.sidebar .sidemenu .content{background:#fff;display:none; border: solid #e6e6e6;border-width: 0 0 1px 0}
.sidebar .sidemenu .content li {margin-bottom: 0;}
.sidebar .sidemenu .content li a{display: inline-block;width:100%;height: 42px;line-height:42px;text-align: left;color: #666666;padding-left: 30px; box-sizing: border-box}
.sidebar .sidemenu .content li i{;width: 8px;height:12px;display: inline-block;background: url("../images/pro-arrow_06.png") no-repeat 0 0;margin-right: 9px;float: right;position: relative;top: 15px ;right: 10px;}
.sidebar .sidemenu .content li:hover a{color: #2e83e3;}
.sidebar .sidemenu .content li:hover i{background-position: -10px 0 ;}


.pro-display h2.headline {font-size: 24px;color: #3366cc;padding-left: 20px;padding-top: 20px;}
.pro-display {width:80.2%;min-height: 800px; }
.pro-display ul {width: 100%;padding: 30px 0;}
.pro-display li {float: left;width:29.3%;margin: 2% 2%;}
.pro-display li .pic{width:100%;height: 183px; overflow: hidden;position: relative;}
.pro-display li .pic img{width:100%;height:auto;}
.pro-display li .pic .hov{width: 100%;height:0;position: absolute;top: 0;left: 0;background: rgba(12,58,259,0.5) url("../images/pro-hov-bg_06.png") no-repeat center bottom;transition:all .5s;-webkit-transition:all .5s}
.pro-display li .pic:hover .hov{width: 100%;height:100%;position: absolute;top: 0;left: 0;background-position: center;transition: background 1s,height .5s;}
.pro-display li .pic:hover .hov a {display: inline-block;width: 100%;height: 100%;}
.pro-display li .subtitle {font-size: 14px;color: #282828;}
.pro-display li .date {font-size: 16px;color: #999999;line-height: 30px;}

/*.ny-page {text-align: center;margin: 60px 0;}
.ny-page a{display: inline-block;padding: 0 16px;height: 37px;line-height: 37px;border: 1px solid #eeeeee;margin: 0 3px;color: #323232; }
.ny-page a:hover {color: #fff;background-color: #7f7f7f;}*/

.ny-page{ text-align:center; padding:40px 0; clear:both; }
.ny-page a{ background:#e4e4e4; line-height:26px; display:inline-block; font-size:12px; color:#666; padding:0 10px; margin:0 2px;}
.ny-page a.cur, .ny-page a:hover{ background:#2e83e3;color:#fff;}
.ny-page .nowpage{ background:#2e83e3;line-height:26px; display:inline-block; font-size:12px; color:#fff; padding:0 10px; margin:0 2px;}



.ullist li{line-height: 39px; height:39px;  border-bottom:1px dashed #ccc; margin:0px; padding:0px; }
.ullist li a{color:#333333;font-size: 14px;}
.ullist li a i{position:relative;top:-3px;margin:0 4px 0 0;}
.ullist li a span{float:right;color:#999999;font-size: 14px;}


/*给我留言*/
.leaveWord {width: 75.2%;min-height:800px;}
.leaveWord  h2.headline {font-size: 24px;color: #3366cc;padding-top: 20px;}
.leaveWord .lw {margin-top: 50px;}
.leaveWord .lw p {font-size: 16px;color: #666666;padding-bottom: 30px;}
.leaveWord .lw .per {}
.leaveWord .per input{width: 256px;height: 38px;line-height: 38px;border: 1px solid #e6e6e6;font-size: 14px;margin-right: 4px;padding-left: 8px;color: #666666;}
.leaveWord .lw .con {width:790px;height: 169px;border: 1px solid #e6e6e6;font-size: 14px;color: #666;margin-top: 13px;line-height:30px;padding: 0 7px;}
.leaveWord .lw .sn {margin-top: 24px;}
.leaveWord .lw .sn input{width: 130px;height: 37px;color: #fff;text-align: center;line-height: 37px;border-radius: 5px;margin-right: 10px;cursor: pointer;}
.leaveWord .lw .sn .sbtn{background-color: #2e83e3;}
.leaveWord .lw .sn .reset{background-color: #454545;}

/*企业概况*/
.ep {width: 75.2%;min-height:800px;}
.ep  h2.headline {font-size: 24px;color: #3366cc;padding: 20px 0;}
.ep  .con  { line-height:26px; }


/*发展历程*/
.progress {width: 75.2%;min-height:800px;}
.progress  h2.headline {font-size: 24px;color: #3366cc;padding-top: 20px;}

.main .ps-y{margin-bottom: 60px;}
.main .ps-y .year {width:15%;font-size: 21px;color: #3366cc;background-color: #f0f0f0;text-align: center;line-height: 30px;margin-right: 20px;}
.main .ps-y .d-list {width: 80%}
.main .ps-y .ps-d{border-left: 1px solid #eaeaea;padding-left: 20px;}
.main .ps-y .ps-d .tit{position: relative}
.main .ps-y .ps-d .tit:before{content: "";width: 9px;height: 9px;border-radius: 50%;background-color: #e60013;position: absolute;top:5px;left: -25px;}
.main .ps-y .ps-d .con {font-size: 14px;color: #999999;padding: 15px 0;line-height: 20px;}

/*联系我们*/
.contact {width: 75.2%;min-height:800px;}
.contact  h2.headline {font-size: 24px;color: #3366cc;padding: 20px 0;}
.contact  .cont {width: 100%}
.contact  .map {width: 100%;height: 315px;overflow: hidden}
.contact  .cont{box-sizing: border-box;position: relative;top:20px;}
.contact  .cont>div {width: 27.3%;margin: 0 3%;height: 185px;border: 1px solid #eaeaea;box-sizing: border-box;}
.contact  .cont>div .icon {display: inline-block;width: 100%;height: 57px;background-color: #3366cc;text-align: center;padding-top: 10px}
.contact  .cont>div .icon i {display: inline-block;text-align: center;width: 46px;height: 46px;background: url("../images/contact-us_06.png") no-repeat ;}
.contact  .cont>div .icon i.addr-icon {background-position: 0 0}
.contact  .cont>div .icon i.tel-icon {background-position: -54px 0}
.contact  .cont>div .icon i.mes-icon {background-position: -118px 0}
.contact  .cont p {color: #999999;text-align: center;margin-top:15%;}

/*人才招聘*/
.recruitment {width: 75.2%;min-height:800px;}
.recruitment  h2.headline {font-size: 24px;color: #3366cc;padding: 20px 0;}
.recruitment  .con p{font-size:14px;color: #666666;line-height: 30px;padding-bottom: 30px;}
.sideMenu{width:100%;}
.sideMenu  li {margin-bottom: 10px}
.sideMenu  li .entry {display: inline-block;width: 55px;height: 55px;text-align: center;line-height: 55px;font-size: 18px;color: #3366cc;background-color: #efefef;margin-right: 17px;transition: 0.3s;-webkit-transition: 0.3s;}
.sideMenu  li .bd {display: inline-block;width:80%}
.sideMenu  li h3{display:inline-block;width:96%;font-size: 16px;line-height:53px;text-align: left;padding:0 2% ;transition: .5s;border:1px solid #e9e9e9;transition: 0.3s;-webkit-transition: 0.3s;}
.sideMenu  li.on .entry {background-color: #ff9933;color: #fff;transition: 0.3s;-webkit-transition: 0.3s;}
.sideMenu  li.on h3{color: #fff;background-color: #597dd1;transition: 0.3s;-webkit-transition: 0.3s;}
.sideMenu  li.on .content{ animation: contentH 1s;-webkit-animation: contentH 1s;display: block}
@keyframes contentH
{
    from {opacity: 0}
    to {opacity: 1}
}
.sideMenu h3  em{display: inline-block;width:21px;height: 19px;float: right;background: url("../images/ny-about-list_07.png");margin-top: 17px;}
.sideMenu li.on  em{background-position: -23px 0}
.sideMenu .content{display: none;width:100%;padding-left: 2%;padding-right: 8%;position: relative;border:  solid #0aa5f2;border-width: 0 1px 1px 1px;margin-bottom: 18px; box-sizing: border-box}
.sideMenu .content h4{font-size: 16px;line-height: 30px}
.sideMenu .content p{font-size: 14px;line-height: 24px;color: #5b6671;padding-bottom:30px}
.sideMenu .content .hid{display: block;width:35px;line-height: 30px;padding-left: 25px;background:url("../images/ny-about-sq_08.png") no-repeat left;position: absolute;bottom: 10px;right:20px;color: #0aa5f2; }





.m_nav {display: none}




@media screen and (max-width:1024px) {
    .w { width: 96%;}
    .head { height:60px; }
    .head .logo img{ width:80%; }
    .head .nav-wrap {  display: none; }

    .m_nav { width: 30%;  display: block; position: fixed; right: 0; top: 0; z-index: 4; }
    .m_navBtn { width: 34px; height: 24px; cursor: pointer; transition: 500ms; overflow: hidden; position: absolute; right: 20px; top:32px; z-index: 5; }
    .m_navBtn .burger { width: 34px; height: 4px; background: #e60013; display: block; position: absolute; z-index: 5; top: 0px; left: 50%; margin: 0 0 0 -17px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
    .m_navBtn .burger-2 { top: 10px; }
    .m_navBtn .burger-3 { top: 20px; }
    .m_navActive { transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); top: 9px;height: 22px;width:22px; }
    .m_navActive .burger { background: #fff; }
    .m_navActive .burger-1{transform:rotate(-45deg) ;transition: 0.3s;position:relative;top: 9px}
    .m_navActive .burger-2{display: none;}
    .m_navActive .burger-3{transform:rotate(45deg) ;transition: 0.3s;top: 9px}
    .m_navList { width: 100%; padding: 0 0 0 0; background:rgba(230,0,18,0.9); overflow-y: scroll; position: absolute; left: 100%; top: 0; }
    .m_nav ul { width: 100%; }
    .m_nav li { width: 100%; line-height: 3; border-bottom: 1px solid #fff; font-size: 14px; color: #fff; }
    .m_nav li a { display: block; color: #fff; font-family: "微软雅黑"; padding-left: 1rem; }
    .m_nav li a:hover { color: #e60013; background: #fff; }
    .m_nav li .menu_b{ border-top:1px #fff solid; padding:0.5rem 0;}
    .m_nav li .menu_b a{ line-height:2.4; font-size:0.8rem;}

    .banner{margin-top: 80px;}
    .main .sec1 {width:39%; }
    .main .sec1 .pro1 h3 {font-size: 15px;}
    .main .sec1 .pro1 p {max-height: 72px;overflow: hidden;}
    .main .sec2 {width:58%;margin-right:0% }
    .main .sec2 .news-first .int {width: 50%}
    .main .sec2 .news-first .con {max-height: 72px;overflow: hidden}
    .main .sec2 .news-first .pic {width:35%}
    .main .sec2 .news-list li p {max-width:260px}
    .main .sec3 {width:100%;float: left;padding-top: 30px; }
    .main .sec3  .pic {float: left;width: 40%;height: auto;}
    .main .sec3  .con {float: right;width: 57%;margin-top: 25px;}
    .main .sec3  .con  .joinUS {float: right;margin-top: 25px;}
    .footer .w>div {width:35%;}
    .footer .copy-right {margin-left:0;}
    .ny-banner {margin-top: 60px;background-position: -379px 0}
     .sidebar {width:100%;margin-top: 20px;}
    .sidebar ul{padding-bottom: 0;background: none;}
    .sidebar ul li{float: left;width: 50%;box-sizing: border-box;}
    .sidebar ul:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
    .sidebar h3.headline {width: 100%;box-sizing: border-box;height: 40px;line-height: 40px;}
    .sidebar .join {display: none}
    .pro-display h2.headline {font-size: 20px}
    .ep {width: 100%;}
    .pro-display {width: 100%;max-width: 100%;}
    .pro-display li .pic {height: auto;}
    .recruitment {width: 95%;padding-left: 5%}
    .progress {width: 95%;padding-left: 5%}
    .leaveWord {width: 95%;padding-left: 5%;}
    .leaveWord .per input {margin-top: 5px;}
    .leaveWord .lw .con {width:95%;}
    .contact {width: 90%;padding:0 5% }

}

@media screen and (max-width: 640px){
    .head { height:40px; }
    .head .logo img{ width:55%; }
    .head .nav-wrap {  display: none; }

    .m_nav { width: 40%;}
    .m_nav ul {padding-top: 16px;}
    .m_navBtn { width: 25px; height: 24px; top:22px; }
    .m_navBtn .burger { width: 30px; }
    .m_navBtn .burger-1 { top:0px; }
    .m_navBtn .burger-2 { top:8px; }
    .m_navBtn .burger-3 { top: 16px; }
    .m_navActive {height:29px;width:25px; }
    .m_navActive .burger-1{transform:rotate(0deg) ;}
    .m_navActive .burger-2{display:block;}
    .m_navActive .burger-3{transform:rotate(0deg) ;}

    .banner{margin-top:60px;}
      h2.headline{font-size:18px !important;}
    .main {padding: 0}
    .main .sec1 {width:100%;float: left }
    .main .sec1 .pro1{float: left;width:55%;padding: 0 2.5%;margin-right: 2%}

      .main .sec1 .pro1{width:95%;padding: 0 2.5%;height: 80px}
    .main .sec1 .pro1.on{width:95%;padding:0 2.5%;}
    .main .sec1 .pro1 h3 a.det{display: inline-block;text-align: center;line-height:60px;font-size:16px;}

    .main .sec1 .pro1 h3 {font-size: 15px;}
    .main .sec1 .pro1 p {    padding: 0; width: 80%;text-overflow: ellipsis;  display: none;  font-weight: bold;  white-space: nowrap;}
    .main .sec1 .s-p {float: right;width:38%}
    .main .sec1 .s-p .pro {height: 92px;margin-bottom:3%;}
    .main .sec1 .s-p .pro a{font-size: 16px;text-wrap: normal;line-height: 30px;margin-top:10%}
    .main .sec2 {width:100%;margin-right:0% ;float: right;margin-top: 20px;}
    .main .sec2 .tit {font-size: 18px;}
    .main .sec2 .tit span{font-size:16px;}
    .main .sec2 .news-first .int {width: 50%}
    .main .sec2 .news-first .con {max-height: 72px;overflow: hidden}
    .main .sec2 .news-first .pic {width:35%}
    .main .sec2 .news-list li p {max-width:260px}
    .main .sec3 {width:100%;float:right;padding-top: 30px; }
    .main .sec3  .pic {float: left;width: 40%;height: auto;}
    .main .sec3  .con {float: right;width: 57%;margin-top: 25px;}
    .main .sec3  .con  .joinUS {float: right;margin-top: 25px;}
    .footer .w>div {width:100%;margin-bottom: 20px;}
    .ny-banner {width: 100%;margin-top: 60px;background-position: -98px 0;height:131px;    background-size: cover;}
    .ny-banner .int {width: auto;height: auto;top: 20%;left: 4%;max-width: 300px;overflow: hidden}
    .ny-banner .int .cn { font-size: 19px;padding-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .ny-banner .int .en {font-size: 18px;line-height: 26px;width: 99%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .sidebar ul.otherUL {padding-bottom: 0;background: none;}
    .sidebar .sidemenu {padding-bottom: 0;background: none;}


    .pro-display li .subtitle {font-size: 14px;}
    .pro-display li .date {font-size: 14px}
    .recruitment {width: 95%;padding-left: 5%}
    .progress {width: 95%;padding-left: 5%}
    .leaveWord {width: 95%;padding-left: 5%;}
    .leaveWord .per input {margin-top: 5px;}
    .leaveWord .lw .con {width:95%;}
    .contact {width: 90%;padding:0 5%; }
    .main .ps-y .year {width:20%;font-size: 18px;}
    .main .ps-y .d-list {width:70%}

    .pro img {width: 100% !important;height: auto !important;}
    #gallery {margin: 0 !important;display:block !important;}
    #preview1 {display:none}

}

@media screen and (max-width: 414px){
    #b06 .dots {bottom: 5px;}
    .main .sec1 {width:100%;float: left }
    .main .sec1 .pro1 {width: 95%;padding: 0 2.5%}
    .main .sec1 .s-p {width: 100%;}
    .main .sec1 .s-p .pro {margin-bottom:2px; }
    .main .sec2 {width:100%;margin-right:0% ;float: right;margin-top: 20px;}
    .main .sec2 .news-first .pic {width:100%;height: auto;}
    .main .sec2 .news-first .int {width:100%;padding-left: 0}
    .main .sec2 .news-list li p {max-width: 205px;}
    .main .sec3  .pic {width:100%;height: auto;}
    .main .sec3  .con {float: right;width:100%;margin-top: 0px;}
    .main .sec3  .con  .joinUS {float:left;margin-top: 25px;}
    .sideMenu li .entry {display: none;}
    .sideMenu li .bd {  width:95%}
    .pro-display li {float: left;margin: 2%; width: 46% }
    .contact  .cont {top:0;padding-top:20px}
    .contact .cont>div {width: 100%;margin:0 0 10px 0;}
}