@media screen and (max-width:1600px){
.bannertxts{ top:25%; }
.ix2 .txts .padd { padding-right:8%; padding-top:12%; padding-left:40px; }
.ix-pro-pics .slick-dots{ right:-405px; bottom:10%; }
.ix-pro-pics .slick-prev{ right:-95px; bottom:10%; }
.ix-pro-pics .slick-next{ right:-460px; bottom:10%; }
}
@media screen and (max-width:1440px){
.fosi_4{ font-size:55px }
.fosi_5{ font-size:24px; }
.ix-pro-pics .slick-dots{ bottom:5%; }
.ix-pro-pics .slick-prev,.ix-pro-pics .slick-next{ bottom:5%; }
}
@media screen and (max-width:1350px){
.pw{ width:1002px; }
.bannertxts{ top:20%; }
.banner #carousel{ width:990px; margin-left:-495px; }
.banner #carousel li{ height:128px; }
.banner #carousel .ico{ height:80px; }
.ix1 .pic{ width:55%; }
.fosi_4{ font-size:50px }
.fosi_5{ font-size:22px; }
.ix .tx{ margin-top:10%; }
.ix2 .txts .padd { padding-right:5%; padding-top:10%; padding-left:20px; }
.ix-pro-pics .slick-dots{ right:-335px; width: 260px; }
.ix-pro-pics .slick-prev{ right:-75px; }
.ix-pro-pics .slick-next{ right:-390px; }
.ix-pro-pics .slick-prev .sline{ right:-68px; }
.ix-pro-pics .slick-next .sline{ left:-68px; }
.ix3 .videoBtn { margin-top: 40px; }
.ix3 .txts{ padding-top:6%; }
.header .nav a { padding: 10px 20px; }
.footer .nav li { margin-left: 4%; }
.footer .cta { margin-bottom: 5px; }
.ab1 .padd{/* padding-top:40px; }*/
.ab1 .txts .tx { height:80px; margin-top: 30px; margin-bottom: 10%; }
.ab .padd{ /*padding-left:12px !important;*/ }
.ab2 .txts .tx { height: 100px; margin-top: 20px; margin-bottom: 40px; }
.proArea .abnav .nav { width: 242px; }
.pros .fir-pro .culMore { margin-top: 30px; }
.pros .txts .tx{ height:auto; margin-top: 20px; }
.pros .fir-pro .padd2 { padding: 10% 8% 0 8%; }
.pros .line1{ right:20px; }
.pros .fir-pro .line1{ height:90%; bottom:5%; right:0; }
.pros .padd2 { padding: 20px 20px 30px 20px; }
.sols li{ font-size:12px;}
.sols .padd2{ padding-right:50px; }
.sols .ico{ width:50px; }
.brasList .culMore{ margin-top:25px; }
.brasList .txts .tx{ margin-top:20px; }
.bra2, .bra1 { margin-bottom: 30px; }
.bra3{ margin-bottom:0; }
.ser1 .abmore { margin-top: 20px; }
.ser1 .tx{ margin:20px 0; }
.ser1 .left .bodr { padding: 35px 40% 40px 35px; }
.ser2 .abmore,.ser2 .tx { margin-top: 12%; }
.ser3 .right .bodr { padding: 35px 35px 34px 35px; }
.ser3 .abmore { margin-top: 20px; }
.abti { font-size: 28px; } 
.masgL textarea.s-input{ width:618px; }
.abnav .padd{ padding-top:45px; }
.ser1 .right .txts{ padding-left:25px; }
#map{ height:560px; }
.ctathList .s-input{ width:248px; }
.ctathList textarea.s-input { width: 248px; }
.serfoList .tx{ height:112px; }
.ctasList .left{ padding-right:60px; }
.ctasList .right { padding-left: 80px; }
.banner .slick-dots li{ height: 128px; width: 165px; }
.banner .slick-dots li i{ height:80px; }
}
@media screen and (max-width:1281px){
.bannertxts{ top:18%; }
}
@media screen and (max-width:1150px){
.ix2 .txts,.ix-pro-pics{ width:1000px; margin:0 auto; float:none; }
.ix2 .tx{ margin:40px 0 20px 0; height:auto !important; }
.ix-pro-pics{  margin-top:20px;  }
.ix-pro-pics .owl-controls{ right:5%; }
.ix2 .txts .padd{ padding:40px 0 0 0; }
.ix2{ padding-bottom:40px;}
.slick-dots{ display:none !important; }
.ix-pro-pics .slick-prev, .ix-pro-pics .slick-next{ top:50%; margin-top:-25px; background:#4D70B0; border:none; width:50px; height:50px; }
.ix-pro-pics .slick-prev{ right:auto; left:15px; }
.ix-pro-pics .slick-next{ right:15px; }
.ix-pro-pics .sline{ display:none; }
.ix-pro-pics .slick-prev .ico { background-image: url(../imgs/aw2.html); }
.ix-pro-pics .slick-next .ico { background-image: url(../imgs/aw4.html); }
.ix-pro-pics .slick-prev:hover,.ix-pro-pics .slick-next:hover{ opacity:0.75; }
}
@media screen and (max-width:1024px){
/* video layer */.vwrap .videobox { width: 700px; margin-left: -350px; }/* video layer end */
.pw{ width:90%; }
.header .r,.header .b,.header .l .tx1,.banner .slick-dots li p{ display:none; }	
.header{ height:58px; }
.header .logo{ width:130px; position:static; display:block; margin-top:1px; }
.header .t{ padding-top:0; }
.header .pw{ width:100%; }
.header .l{ padding-left:5%; }
.menu-handler{ display:block; }
.mtop{ height:58px; }
.banner #carousel,.bannertxts.show .bg{ display:none; }
.banner .bapic_2{ display:block !important; }
.banner .bapic_1{ display:none !important; }
.bannertxts .ti{ text-align:center; max-width:none; text-shadow:1px 1px 1px rgba(0,0,0,0.5); }
.bannertxts .more{ text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.5); }
.bannertxts{ top:35%; padding:0; }
.banner .flex-control-nav{ bottom:15px; }
.banner .flex-control-paging li a.flex-active{ background:#4D70B0; }
.banner .flex-control-paging li a{ background:#fff; }
.fosi_4{ font-size:45px }
.fosi_5{ font-size:20px; }
.ix1 .pic{ height:320px; }
.ix1 .pic img{ display:none; }
.ix .tx{ height:100px; }
.ix3 .txts{ width:90%; padding-top:0; }
.ix3 .pic{ display:none; }
.ix3 .vidoBox{ position:static; padding:100px 0; }
.footer .nav{ display:none; }
.footer .t .r{ width:100%; float:none; }
.ix2 .txts,.ix-pro-pics{ width:90%; }
.ab1 .pic{ height:360px; }
.ab1 .pic img,.ab2 .pic img{ display:none; }
.ab1 .txts .tx { height: 100px; }
.ab2 .pic{ height:320px; }
.fosi_8 { font-size: 30px; }
.abnav .padd{ padding-left:25px; }
.rculs li{ margin-bottom:40px; }
.pros .fir-pro { width: 100%; }
.pros a{ width:48.5%; }
.pros a:nth-child(2n+1){ margin-right:0; }
.proArea .abnav .nav { width: 210px; }
.abnav .nav a{ font-size:15px; }
.pros .fir-pro .pic{ height:240px; }
.pros .fir-pro .pic img,.pro .pic img{ display:none; }
.pro .pic{ height:320px; }
.sols li{ width:32.333%; }
.brasList a .pic{ height:160px; }
.brasList a .pic img{ display:none; }
.braLinks a { width: 23%; margin: 0 1%; }
.ser1 .pic,.ser3 .pic{ height:248px; }
.ser1 .pic img,.ser3 .pic img,.ser2 .pic img{ display:none; }
.ser1 .right .txts{ padding-left:15px; }
.ser2 .pic{ height:300px; }
.masgL textarea.s-input{ display:block; width:100%; height:164px; box-sizing:border-box; }
.abti { font-size: 25px; } 
.laArea{ width:800px; margin-left:-400px; }
.laArea .padd{ padding-left:40px; padding-right:40px; }
.ctaths .pic{ display:none; }
.ctaths .txts { float: none; }
.serfoList .hLine{ left:46%; }
.banner .slick-dots li{ width:11px; height:11px; border-radius:100%; margin:0 5px; background:#fff; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  }
.banner .slick-dots{ bottom: 15px; }
}
@media screen and (max-width:861px){
/* video layer */.vwrap .videobox { width: 560px; margin-left: -298px; }/* video layer end*/
.bannertxts .more{ margin-top:20px; }
.ix1 .txts,.ix1 .pic{ width:100%; float:left; }
.ix .tx{ margin:40px 0 20px 0; height:auto; }
.ix1 .pic{ margin-top:20px; height:auto; }
.ix1 .pic img{ display:block; }
.ix{ padding:40px 0; }
.ix2 .txts .padd{ padding-top:0; }
.ix3{ padding:0; }
.ix3 .vidoBox{ padding:80px 0; }
.footer .l,.footer .r{ float:none; }
.ab1 .txts,.ab1 .pic ,.ab2 .l .txts,.ab2 .l .pic{ width: 100%; float: none; }
.ab1 .txts .tx { height:auto; margin-top: 20px; margin-bottom: 40px; }
.ab1 .pic { height:auto; /*margin-top:20px; */}
.ab1 .pic img,.ab2 .l .pic img{ display:block; }
.ab2 .l,.ab2 .r { width: 49%; }
.ab2 .txts .tx{ height:80px; margin-top:20px; margin-bottom:40px; }
.ab2 .l .pic{ margin-top:20px; height:auto; }
.ab2 .r .pic{ height:280px; }
.ab .abc { width: 49%; margin-left:0; margin-right:2%; margin-bottom:2%; }
.ab .abc:nth-child(2n){ margin-right:0; }
.abArea,.abopanel{ padding-bottom: 40px; }
.pIntro{ margin-top:20px; }
.ptop{ padding:15px 0; }
.aboArea .l,.aboArea .r { width: 100%; float: none; }
.aboArea .r .padd{ padding-left:15px; padding-right:15px; padding-top:40px; }
.abti,.abnav .nav .aw,.topLine{ display:none; }
.abnav .nav{ width:100%; text-align:center; }
.abnav .padd{ padding:0; }
.abnav .mcv{ display:block; }
.abnav .nav{ position:relative; }
.abnav .nav a{ /* line-height:42px; */ padding:8px 0; }
.abnav .nav li,.abnav .nav{ margin:10px 0 !important; }
/*.abnav .nav ul{  top:42px;  }*/
.abnav .nav ul{ position:absolute; left:0; right:0;  background:rgba(0,106,179,.8); /* z-index:99; */ display:none; }
.abnav .nav a{ color:#fff; border-tottom:1px dashed #fff; }
.abnav .nav li{ transition:]300ms; -webkit-transition:300ms; }
.abnav .nav li:hover{ background:#fff; }
.abnav .nav li:hover a{ color:#4D70B0; }
.aboArea .r .abrti{ margin-bottom:30px; }
.abnav .nav.show .caret{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg); }
.abtpanel .r .padd,.newspanel{ padding-bottom:60px; }
.culHide{ padding-bottom:20px; }
.honorsList li { width: 32%; }
.honorsList li:nth-child(3n){ margin-right:0; }
.pager,.newsList{ margin-top:40px; }
.newsArea,.appArea { padding: 40px 15px 40px 15px; }
.news a{ padding:25px 0; }
.news .dates{ top:25px; }
.news .txts { padding-left: 120px; }
.newsArea .freeTx { padding: 40px 15px 60px 15px; }
.ndTitle{ padding:0 0 20px 0;}
.backBox{ padding-left:15px; }
.proArea .abnav .nav{ width:100%; }
.proArea .abnav .nav a { padding-bottom: 8px; }
.pros .fir-pro { width: 49%; }
.pros .fir-pro .pic,.pros .fir-pro .txts{ width:100%; float:none; }
.pros .fir-pro .padd2,.pros .padd2{ padding: 20px 15px 30px 15px; }
.pros .fir-pro .pic{ height:auto; }
.pros .fir-pro .pic img{ display:block; }
.pros .fir-pro .line1{ height:1px; left:15px; right:15px; bottom:0; width:auto; }
.pros .line1{ right:15px; }
.pros a{ width:49%; margin-right:2%; margin-bottom:2%; }
.pros a:nth-child(2n+1){ margin-right:2%; }
.pros a:nth-child(2n){ margin-right:0; }
.pros .txts .tx{ height:auto; }
/* .proArea .bodr { padding-bottom: 60px; } */
.pro .pic{ height:260px; }
.pdtxts .name,.pdbtns{ margin-top:40px; }
.apppics .txx{ padding:10px 5%; }
.app2{ padding-top:40px; }
.app1 { margin-top: 30px; }
.brasList .txts .padd2 { padding-left: 15px; }
.brattxts li { padding-bottom: 40px; margin-bottom: 40px; }
.brattxts .txts { margin-top: 40px; }
.down{ margin-top:25px; }
.bra1 .pic{ height:320px; }
.bra1 .pic img{ display:none; }
.bra .tx { height: 100px; }
.bra1 .padd { padding: 0 20px; padding-top: 10%; }
.bra2 .txts { padding: 30px 0 30px 20px; }
.bra2 .nowti{ padding-right:160px; white-space:normal; height:44px; overflow:hidden; }
.bra2 .abmore{ right:20px; }
.braLinks{ margin-top:40px; }
.braLinks a { width: 31.333%; }
.braLinks a:nth-child(4n){ display:none; }
.ser2 .padd,.ser3 .right .bodr,.ser1 .left .bodr{ padding-left:15px; padding-right:15px; }
.ser1 .left,.ser3 .right{ width:60%; }
.ser1 .right,.ser3 .left{ width:38.5%; }
.ser2 .tx{ height:120px; }
.laArea{ width:100%; left:0; margin-left:0; height:auto; min-height:100%; top:0; margin-top:0; }
.laArea .txx{ height:auto; }
.laArea .masgL .subBtn,.laArea .masgL textarea.s-input{ float:none; margin:0; }
.laArea .masgL textarea.s-input{ width:100%; }
.laArea .masgL .subBtn{ margin-top:10px; }
.laClose{ display:block; }
.ctao .txts,.ctao .pic{ width:100%; float:none; }
.ctao .pic{ margin-top:25px; }
#map{ height:460px; }
.ctathList .see{ clear:both; float:none; margin-left:25%; display:block; }
.ctathList .name{ width:25%; }
.ctathList .s-input { width: 75%; box-sizing:border-box; height:45px; line-height:45px; }
.ctathList textarea.s-input{ width: 75%; height:164px; line-height:24px; }
.ctathList .sex1,.ctathList .subBtn{ margin-left:25%; }
.ctatxts{ padding-right:0; }
.ctaths { margin-bottom: 40px; }
.serfoList li .sblack { padding-right: 10%; }
.serfoList li:nth-child(2n) .sblack{ padding-right:0; }
.ctasList,.ctao .ma,.ctasList > div{ float:none; }
.ctasList .left{ border:none; padding-right:0; }
.ctasList .right{ padding:0; }
.ctathList .upLi{ padding-left:25%; }
}
@media screen and (max-width:641px){
/* video layer */.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px;  margin-top:-175px;}/* video layer end*/
.ix3 .pic{ height:360px; }
/*.ix-pro-pics .owl-controls{ width:100%; border:none; right:0; bottom:50%; margin-bottom:-20px; height:40px; }
.ix-pro-pics .owl-controls .owl-line,.ix-pro-pics .owl-controls .owl-pagination{ display:none; }*/
/*.ix-pro-pics .owl-theme .owl-controls .owl-buttons div{ width:40px; background:#fff; }*/
.ab2 .l, .ab2 .r,.ab .abc{ width:100%; float:none; }
.ab2 .txts .tx,.ab .txts .ti,.ab2 .r .pic,.ab3 .txts .tx{ height:auto; }
.ab2 .r .pic img{ display:block; }
.ab2 .r{ margin-top:30px; display:block; }
.ab .abc{ margin-right:0; margin-bottom:30px; }
.ab .abc:last-child{ margin-bottom:0; }
.ab1 .padd,.ab2 .l .padd {/* padding: 30px 15px 0 15px; */}
.ab3 .abc .padd { padding: 20px 15px 35px 15px; }
.ab .padd { /*padding-left: 15px !important; */}
.honorsList li { width: 49%; }
.honorsList li:nth-child(3n){ margin-right:2%; }
.honorsList li:nth-child(2n){ margin-right:0; }
.nwnav a{ width:33.333%; padding:0; text-align:center; }
.backBox{ padding-right:15px; }
.backBox .back{ position:static; margin-top:20px; }
.pro .pic{ width:100%; float:none; height:auto; }
.pro .pic img{ display:block; }
.pro .txts{ width:100%; float:none; box-sizing:border-box; padding-top:40px; padding-bottom:40px;  }
.pro .abmore{ margin-top:30px; }
.pdsopt .tx{ font-size:12px; line-height:20px !important;}
.back2{ position:static;  display:block; width:48px; text-align:center; margin-top:30px;   }
.sols li{ width:49.5%; } 
.sols li:nth-child(2n){  margin-right:0; }
.apppics .t .pic, .apppics .l { float: none; margin-right: 0; }
.apppics .t .pic,.apppics .pic1{ width:100%; margin-bottom:2%;}
.apppics .l{ width:100%; overflow:hidden; }
.apppics .l .pic{ margin-bottom:2%; }
.apppics .txx { padding: 15px 5%; }
.solsTxts{ width:100%; box-sizing:border-box; }
.brasList a .pic{ width:100%; float:none; height:auto; }
.brasList a .pic img{ display:block; }
.brasList .txts{ width:100%; float:none; }
.brasList .txts .padd2 { padding-left:0; padding-top:30px; }
.brasList a{ padding:30px 0; }
.bra1 .txts,.bra1 .pic,.bra2 a { width: 100%; float: none; }
.bra1 .tx { margin-top: 20px; }
.bra1 .abmore{ margin-top:40px; }
.bra .tx{ height:auto; }
.bra1 .padd{ padding:20px 15px 40px 15px; }
.bra1 .pic{ height:auto; }
.bra1 .pic img{ display:block; }
.bra2 a{ margin:0; }
.bra2 .bra-video{ margin-top:30px; }
.bra2 .nowti{ padding-right:155px; white-space:nowrap; height:auto; }
.bra2 .abmore{ right:15px; }
.bra2 .txts { padding: 40px 0 40px 15px; }
.braLinks a{ width:46%; margin:2%; }
.braLinks a:nth-child(4n){ display:block; }
.bra-prev, .bra-next{ top:50%; margin-top:-10px; }
.braLinks .bra-prev,.braLinks .bra-next{ display:none; }
.braLinks .owl-theme .owl-controls .owl-page span{ background:#4D70B0; }
.braLinks .owl-theme .owl-controls .owl-page.active span{ background:#d94c00; }
.braLinks .owl-pagination{ margin-top:15px; }
.vd-video-box{ height:320px; }
.vi-txts .share{ display:none; }
.abtty-ti{ padding-right:0; }
.ser1 .left, .ser3 .right,.ser1 .right, .ser3 .left,.ser2 .pic,.ser2 .txts{ width:100%; float:none; }
.ser1 .pic, .ser3 .pic,.ser1 .tx,.ser1 .phone,.ser2 .pic{ height:auto; }
.ser .pic img{ display:block; }
.ser1 .right,.ser3 .right{ margin-top:35px; }
.ser2 .txts{ width:100%; float:none; }
.ser2 .tx{ height:auto; margin-top:20px; }
.ser2 .abmore,.ctao{ margin-top:40px; }
.ser2 .padd{ padding-top:40px; padding-bottom:40px; }
.ser3 .abmore{ margin-top:40px; }
.btmpab,.btmpas{ padding-bottom:40px; }
#map{ height:360px; }
.ctathLook{ margin-top:10px; }
.ctathList .sex1,.ctathList .subBtn,.ctathList .see{ margin-left:30%; }
.ctathList .name{ width:30%; }
.ctathList .s-input,.ctathList textarea.s-input{ width:70%; }
.inList .year{ margin-right:15px; }
.inList .c{ width:60%; }
.pdsopt .sblack { margin: 0 5px; }
.serfoList .hLine { left: 47%; }
.serfoList{ margin-top:0; }
.braLogoList{ margin-top:40px; }
.braLogoList li{ margin-bottom:40px; }
.ctathList .upLi{ padding-left:30%; }
}
@media screen and (max-width:481px){
/* video layer */.vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top:-150px; } /* video layer end*/
.fosi_3{ font-size:20px; }
.bannertxts .more{ margin-top:15px; }
.banner .flex-control-nav{ bottom:5px; }
.bannertxts{ top:32%; }
.fosi_4{ font-size:32px }
.fosi_5{ font-size:16px; }
.ix .ir{ margin-top:3px; }
.ix3 .vidoBox{ padding:40px 0; }
.footer .t { padding: 20px 0 20px 0; } 
.news .dates{ width:60px; height:60px; padding-top:10px; box-sizing:border-box; left:0;  }
.news .week{ margin-top:5px; }
.news .txts { padding-left: 75px; }
.nwnav a{ width:50%; }
/*.pager .prev, .pager .next{ width:40px; height:40px; }*/
.pager a, .pager span{ line-height:40px; font-size:24px; }
.backBox,.newsArea .freeTx{ padding-right:0; padding-left:0; }
.pros a{ width:100%; margin-right:0; margin-bottom:2%; }
.pros .fir-pro{ width:100%; }
.abnav .mcv,.abnav .nav a{ font-size:14px; }
.pdtList .pda, .pdtList .pdb { padding-left: 30px;}
.sols li{ width:100%; float:none; }	 
.sols .padd2{ padding-right:65px; }
.sols .ico{ width:65px; } 
.braLinks a{ width:49%; margin-left:0; margin-right:2%; }
.braLinks{ padding-left:15px; padding-right:15px; }
.braLinks a:nth-child(2n){ margin-right:0; }
.braLinks .txx{ font-size:12px; }
.vd-video-box{ height:260px; }
.masgL .s-input{ padding-left:5%; padding-right:5%; }
.masgL input.s-input{ width:80%; }
.seroList p{ font-size:14px; padding-top:20px; padding-bottom:20px; padding-left:5%; }
.seroTable th{ font-size:14px; }
.laArea .padd { padding-left: 15px; padding-right: 15px; }
.laClose{ top:10px; right:10px; }
.serthtxts .nwnav a{ width:50%; }
.down2{ position:static; margin-top:15px; background:#d94c00; color:#fff; }
.serthList li{ padding-right:0; }
#map{ height:280px; }
.ctathList .name,.ctathList .s-input,.ctathList textarea.s-input{ width: 100%; float:none; clear:both; }
.ctathList .sex1,.ctathList .subBtn,.ctathList .see{ margin-left:0; }
.ctathList .s-input{ margin-top:5px; }
.ctathList .see{ line-height:24px; height:auto; }
.masgL .s-input, .ctathList .s-input{ padding-left:15px; padding-right:15px; }
.ctathList li{ margin-bottom:25px; }
.ix-pro-pics .slick-prev, .ix-pro-pics .slick-next{ width:40px; height:40px; margin-top:-20px; }
.inList .c{ width:50%; line-height:60px; }
.inList .top{ height:60px; }
.inList .year{ width:60px; padding-top:13px; height:47px; }
.inList .year .day{ font-size:16px; }
.inList .downbtn{ width:60px; }
.pdsoptb { padding: 30px 25px; }
.pdsopt .slick-next { right: -20px; }
.pdsopt .slick-prev { left: -20px; }
.serfoList li{ float:none; width:100%; border-bottom:1px dashed #dedede; }
.serfoList li .sblack{ padding-right:0; }
.serfoList .hLine,.serfoList .wLine{ display:none; }
.serfoList .tx{ height:auto; }
.ctao .top .tx2 { font-size: 14px; }
.ctathList .upLi{ padding-left:0; }
.banner .slick-dots{ bottom: 5px; }
}
@media screen and (max-width:361px){
.bannertxts{ top:30%; }
}
@media screen and (max-width:321px){
/* video layer */.vwrap .videobox { width: 260px; margin-left: -158px; height: 260px; margin-top:-130px; }/* video layer end*/
.vd-video-box{ height:220px; }
#map{ height:220px; }
}