@charset "utf-8";
@media only screen and (max-width: 1335px){
.wrap {padding:0 3%}
.fixtop .toper .search {right:3%}
.fixtop .toper ul.navpc {margin-right:150px;}
.fixtop .toper ul.navpc li {margin:0 0 0 10px}
.fixtop .toper ul.navpc li a {padding:0;}
.fixtop .toper ul.navpc li dl dd {margin:0 0 0 30px; }
.fixtop .toper ul.navpc li dl.dl2 .wrap {padding-left:210px}
.fixtop .toper ul.navpc li dl.dl3 .wrap {padding-left:320px}
.fixtop .toper ul.navpc li dl.dl4 .wrap {padding-left:435px}
.fixtop .toper ul.navpc li dl.dl5 .wrap {padding-left:564px}
.fixtop .toper ul.navpc li dl.dl6 .wrap {padding-left:687px}
.fixtop .toper ul.navpc li dl.dl7 .wrap {padding-left:473px}
.foot dl {margin:0 3% 0 0;}
.pro3 li .cons .title a,.pro3 li .cons .title {max-width:160px}
.indnonor .cons { width:20%;margin-left:5%}
}

@media only screen and (max-width: 1200px){
.bxslider li a { height:600px; background-size:cover;}
.bx-wrapper .bx-pager.bx-default-pager a { width:30px;}
.bx-wrapper .bx-pager {bottom:15px;}

.phonemenu { display:block;}
.fixtop .toper ul.navpc { display:none;}
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:40px; line-height:40px;color:#fff;font-size:16px}
.accordionmenu li .link a {color:#fff;font-size:18px;}
.accordionmenu li.open .link { background:#3d62ad;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff;}
.accordionmenu .submenu p {background:#fff;border-top:1px solid #3d62ad;height:40px; line-height:40px;}
.accordionmenu .submenu p a { display:block;color:#3d62ad;font-size:16px;height:40px; line-height:40px;}
.accordionmenu .submenu p a:hover {color:#3d62ad}

.fixtop .toper {border-bottom:1px solid #717071; height:50px; line-height:50px}
.tblank { height:50px;}
.fixtop .toper .logo {background-size:cover;width:80px; height:30px;margin-top:10px}
.fixtop .toper .search {margin:0 45px 0 0}
.fixtop .toper .search {top:-1px}
.pro2 li div,.pro2 li:hover div {bottom:30px}
.pro2 li div span {font-size:20px;margin:15px 0 0 0}
.pro2 li div img { height:50px}

.pro3 li { height:300px}
.pro3 li .cons {max-width:400px}
.pro3 li.li1 .cons .title a,.pro3 li.li1 .cons .title {max-width:400px}
.pro3 li.li1 .pic img {width:225px}
.pro3 li.li2 .pic img {width:204px}
.pro3 li.li3 .pic img {width:147px}
.pro3 li .cons .mmore {margin:10px 0 0 0}
.pro3 li.li1 .cons .subject {margin:15px 0 0 0;}
.jwdisplayIcon div{ background-size:10%}

.indnonor .pic {width:70%;}
.indnonor .cons { width:20%;margin-left:10%}
.indnonor .cons .title a {font-size:20px;}
.foot {padding:25px 0 10px 0;margin:35px 0 0 0}
.foot dl { display:none}
.foot dl.dl7 { display:block;margin:0;float:none;width:100%; text-align:center}
.foot .copy {padding:10px 0 0 0 ;margin:20px 0 0 0}
.wrap2 {padding:0 3%}

.bannerin { background-size:cover;height:350px;}
.menuin dd {margin:0 25px 0 0;}
.menuin dd a {padding:0}
.aboutcons {font-size:16px; line-height:35px}
.abouttitle {font-size:25px; line-height:35px;margin:40px 0 20px 0}
.aboutcons table {width:100%;margin:20px auto}

.culture {margin:40px 0 0 0}
.culture table td {padding:10px 5px}
.culture table img {margin:0 10px 0 0}
.ft20 {font-size:16px; line-height:35px;}
.culture h1,.culture h2,.culture h3,.culture h4,.culture h5 {font-size:20px; line-height:40px;}
.advtitle {font-size:25px;margin:40px 0 25px 0}
.advcons {width:104%;margin:-30px 0 0 -2%}
.advcons li {width:46%;margin:30px 2% 0 2%}
.advcons li .title {font-size:20px; line-height:30px;margin:20px 0 10px 0}
.advcons li .content {font-size:15px; line-height:30px;}

.honor {padding:10px 0 0 0;margin-top:-30px;}
.honor dd {margin-top:30px}
.honor dd .title  {margin:15px 0 0 0;}
.page_wrap {padding:30px 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px; } 
.style1 {margin-top:40px}
.style1 .cons .title {margin:0 0 10px 0}
.style1 .cons .title a {font-size:16px; line-height:26px}
.get_more{margin-top:40px;}
.style2 {margin-top:-20px}
.style2 .conslist {margin-top:20px}
.style2 .conslist .title { line-height:25px; height:75px;margin:15px 0 10px 0;padding:0 20px 0 0}
.style2 .conslist .title a {font-size:14px;}
.style2 .conslist .mmore {margin-left:0}

.sshow .title {font-size:20px; line-height:30px;margin:40px 0 0 0}
.sshow .addtime {margin:0 0 30px 0;}
.sshow .cons {font-size:16px; line-height:35px;}
.sshow .prevnext {margin:30px 0 0 0}
.sshow .prevnext a {margin:0 10px}

.job {margin-top:40px}
.job .mleft {width:100%; text-align:center}
.job .mleft li {margin:0 15px 30px 15px; display:inline-block;}
.job .mright {width:100%;}
.accordionservice {margin-top:-12px}
.accordionservice li { position:relative;border-bottom:1px solid #727171;}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; height:60px; line-height:60px}
.accordionservice li .link .title {display:inline-block; vertical-align:top;font-size:15px;font-weight:600}
.accordionservice li i {-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;position: absolute;top:50%;margin-top:-7px;right:0; background:url(../../images/7.png) no-repeat center;width:15px; height:15px}
.accordionservice li.open .link .title {color:#3d62ad}
.accordionservice li.open i {background:url(../../images/8.png) no-repeat center}
.accordionservice .submenu {display:none;margin:10px 0 20px 0;font-size:15px; line-height:35px}
.product {margin-top:0}
.product li {height:300px;}
.product li .cons .title {margin:0}
.product li .cons .title a {font-size:16px;}
.product li.f1 .pic img,.product li.f2 .pic img { height:300px}
.product li.f3 .pic img,.product li.f4 .pic img { height:200px}
.product li.f1 .cons,.product li.f2 .cons {margin:0 15% 0 5%}
.product li.f3 .cons,.product li.f4 .cons {margin:0 5% 0 0}

.plist {width:110%;margin:-30px 0 0 -5%;}
.plist dd {width:15%;margin:40px 5% 0 5%;}
.plist dd .pic { max-width:100%;}
.plist dd .title  {margin:10px 0 0 0;}
.show {min-height:50px}

.cooperative {margin-top:-30px;padding:10px 0 0 0}
.cooperative dd {margin-top:30px}
.cooperative dd .title{margin:10px 0 0 0;}

.academic {margin-top:-10px;}
.academic dd {margin:10px 4% 0 4%;height:40px; line-height:40px;padding:0 30px 0 0}
.academic dd a {font-size:16px;}
.academic dd i {top:12px;width:9px; height:16px; background-size:cover;}
.ashow img {margin:5px 0}
.video {margin-top:-30px}
.video dd {margin-top:40px}
.video dd .pic div i {  width:30px; height:30px;margin:-15px 0 0 -15px; background-size:cover;}
.video dd .title {margin-top:10px}

.news {margin-top:-15px}
.news dd {margin:20px 0 0 0;padding:0 0 20px 0}
.news dd .pic {width:192px; height:125px;}
.news dd .cons { height:125px;margin:0 0 0 212px;}
.news dd .cons .title { margin:0 0 10px 0}
.news dd .cons .title a {font-size:16px;}
.news dd .cons .content {font-size:14px; line-height:25px; height:50px;}
.news dd .cons .addtime {font-size:14px;margin:5px 0 0 0}
.news dd .cons .addtime img {margin:11px 5px 0 0;}
.news dd .cons .addtime img.g2 {margin:12px 5px 0 20px}

.map {margin:40px 0 30px 0;}
.contact li {font-size:16px;margin:8px 0 0 0}
.contact li div {margin:0 0 0 30px}
.contact li div span {font-size:15px}
.contact li div font { display:block;width:0;margin:0; height:0}

.support {font-size:14px; line-height:25px;margin:30px auto 0 auto;}
.support h1 {font-size:18px; line-height:38px;}
.support h2 {font-size:14px;margin:10px 0 5px 0}
.support h2 img {margin:0 5px 0 0;max-height:15px}
.support h3 {font-size:14px; line-height:24px}
.support table {margin-top:-20px}
.support td {width:46%;padding:20px 0 0 0}
.support td.td2 {width:4%}

.service .cons {font-size:14px; line-height:29px;}
.service .cons .title {font-size:20px; line-height:30px; letter-spacing:0;margin:40px 0 20px 0}
.service .cons h1,.service .cons h2,.service .cons h3,.service .cons h4,.service .cons h5 {font-size:20px; line-height:35px;}
.faq {margin-top:20px}
.faq .mleft {margin:0}
.faq .mright { position:relative;right:auto;top:30px;width:100%}
.faq .mright #k {width:145px;width:60%}
.faq .mright #button { width:39%; background-position:center right;right:1%; position:relative}
.accordionservice2 {margin-top:20px}
.accordionservice2 li { margin:10px 0 0 0}
.accordionservice2 li .link .title {font-size:16px; line-height:31px;}
.accordionservice2 li i {top:8px;}
.accordionservice2 .submenu {font-size:14px; line-height:28px;padding:10px 0 10px 18px}


}

@media only screen and (max-width: 1024px){
.bxslider li a { height:500px}
}

@media only screen and (max-width: 850px){
.pro3 li.li2 .pic img {width:160px}
.pro3 li.li3 .pic img {width:110px}
.indnonor .cons { width:25%;margin-left:5%}
}

@media only screen and (max-width: 768px){
.bxslider li a { height:400px}

.pro3 li { height:auto;}
.pro3 li.li1,.pro3 li {padding:30px 3%;width:94%}
.pro3 li.li2 {width:94%;}
.pro3 li.li3 {width:94%;margin-top:1%}
.pro3 li .pic { text-align:center;width:40%}
.pro3 li .cons,.pro3 li.li1 .cons { margin:0 0 0 5%;width:45%}
.pro3 li.li1 .cons .title a,.pro3 li.li1 .cons .title {font-size:18px; line-height:28px;}
.pro3 li.li1 .cons .subject {font-size:18px;}
.pro3 li.li1 .pic img {width:225px}
.pro3 li.li2 .pic img {width:204px}
.pro3 li.li3 .pic img {width:147px}
.bannerin {height:260px;}
.honor dd {width:46.8%;}
.product li.f3 {width:100%}
.product li.f4 {width:100%}
.product li.f1 .cons,.product li.f2 .cons {margin:0 0 0 5%}
.product li.f3 .cons,.product li.f4 .cons {margin:0 5% 0 0}
.product li {height:250px;}
.product li.f1 .pic img,.product li.f2 .pic img { height:200px}
.videoshow {width:100%}
.videoframe p {top:50%;left:auto;right:0;margin:-248px 0 0 0; }
.map iframe,#container {height:300px;}
}

@media only screen and (max-width: 640px){
.bxslider li a { height:auto}
.bxslider li a img.m { display:block;width:100%}
.pro2 li {width:100%;}

.indnonor { height:120px}
.indnonor .pic {width:55%;}
.indnonor .cons { width:40%;margin-left:5%}
.indnonor .cons .title a,.indnonor .cons .title {font-size:16px; line-height:26px;}

.aboutcons table {width:100%; clear:both;margin:-20px 0;line-height:25px;font-size:14px; text-align:center}
.aboutcons table td { display:inline-block;width:33.3333%;margin:10px 0; }
.aboutcons td img {max-width:80px}
.bannerin {height:220px;}
.menuin { text-align:center}
.menuin dd {width:33.3333%;margin:0}
.abouttitle,.aboutcons { text-align:center}

.style1 .pic { position:relative;width:100%; height:300px}
.style1 .cons {width:100%;float:none;padding:20px 25px;border:1px solid #888888;border-top:0}
.style2 .conslist {width:48%;}
.plist dd {width:40%;}
.plist dd .title { height:66px; line-height:22px;margin-top:15px}
.plist dd .title a {font-size:14px}
.cooperative dd {width:47%}
.academic {width:100%;margin-left:0}
.academic dd {width:100%;margin-left:0;margin-right:0;height:auto; line-height:25px;padding-bottom:10px}
.academic dd i {top:6px;}
.videoframe p {margin:-198px 0 0 0; }
.videoshow iframe { height:350px}
.video dd {width:46%;}
.video dd .title { height:44px; line-height:22px}

.news dd .pic {width:131px; height:85px;}
.news dd .cons { height:85px;margin:0 0 0 151px;}
.news dd .cons .title { line-height:22px; height:44px;}
.news dd .cons .title a {font-size:14px;}
.news dd .cons .content { display:none;}
.news dd .cons .addtime {font-size:12px;}

.pro3 li .cons .title a,.pro3 li .cons .title,.pro3 li.li1 .cons .subject {font-size:14px; line-height:24px;}
.pro3 li.li1 .cons .title a,.pro3 li.li1 .cons .title {font-size:14px; line-height:24px;}
.pro3 li.li1 .cons .content {font-size:12px; line-height:22px}
}

@media only screen and (max-width: 480px){
.bannerin {height:160px;}
.product li {height:200px;}
.product li.f1 .pic img,.product li.f2 .pic img,.product li.f3 .pic img,.product li.f4 .pic img { height:150px}
.product li.f1 .cons,.product li.f2 .cons {margin:0 0 0 10%}
.product li.f3 .cons,.product li.f4 .cons {margin:0 10% 0 0}
.videoframe p {margin:-148px 0 0 0; }
.videoshow iframe { height:250px}
}

@media only screen and (max-width: 420px){
.bannerin {height:120px;}
.style1 .pic {height:200px}
.product li {height:150px;}
.product li.f1 .pic img,.product li.f2 .pic img,.product li.f3 .pic img,.product li.f4 .pic img { height:100px}
.faq .mright #button { width:38%;right:2%;}
}