@charset "utf-8";
@media only screen and (max-width:1750px){	    
    .home-about .text {position:relative;}
    .home-about .photos {position:absolute;left:auto;right:0}
    .about .text {position:relative;}
    .about .pic {position:absolute}
    .about .text .title {margin:50px 0 30px 0}
    .history .swiper-button-prev {left:-20px}
    .history .swiper-button-next{right:-20px}
    .honor .list {padding:0 100px}
    .honor .swiper-button-prev {left:0}
    .honor .swiper-button-next{right:0}    
    .product-8 .text .content {margin-top:10%}
    .product-8 .text .content table,.table-2 {margin-top:0}
}

@media only screen and (max-width:1560px){	
    .wrap {margin:0 4%;}
    .fixtop .navpc li {margin:0 0 0 22px;}
    .fixtop .navpc li.lan {margin-left:75px}
    .topsearch {right:107px;}
    .main-more a {height:50px; line-height: 48px;border-radius:50px;padding:0 15px 0 40px;}
    .main-more a:before {border-radius:50px;}
    .main-more a span {font-size:30px;margin:1px 0 0 20px}    
    .home-subject {font-size:22px; line-height:32px;padding:0 0 0 70px}
    .home-subject:before {top:-7px;width:55px;height:55px; background-size:100%}
    .home-what {padding:100px 0}
    .home-what .text {width:37%}
    .home-what .pic {width:63%;}
    .home-what .content {font-size:20px;margin-top:20%}
    .home-what .content h2 {border-radius:48px;padding:0 15px;min-width:140px;height:48px; line-height: 46px; font-size:20px;margin:10px 0 15px 0;}
    .home-what .content h2:hover {padding:0 35px; letter-spacing: 3px}
    .home-choose {padding:100px 0 120px 0}
    .home-choose .content {font-size:18px; line-height: 1.8;padding-top:40px}
    .home-choose .content li {margin-top:15px}
    .home-choose .content .list-paddingleft-1,.home-choose .content .list-paddingleft-2{margin:0 0 0 23px;} 
    .home-choose .content h3 {font-size:25px; line-height: 1.6;margin:0 0 30px 0}
    .home-about {margin:100px 0;}
    .home-about .text {position: absolute;width:41%;left:4%;margin-left:0}
    .home-about .text .title {font-size:35px;line-height: 1.2;margin:40px 0 30px 0}
    .home-about .text .content {margin-bottom:8%;font-size:16px; line-height: 1.6}
    .home-about .photos {width:55%; position: relative;left:45%;}
    .home-about .photos li .title {height:50px; line-height: 48px;border-radius:50px;padding:0 25px;font-size:20px;left:8%;bottom:8%;}
    .home-news dd {margin-left:20px;}
    .home-news dd a {font-size:20px; line-height: 36px;height:38px;border-radius:40px;padding:0 23px;}
    .home-news ul {gap:6%;margin-top:80px}
    .home-news li {width:calc(50% - 3%);width:-webket-calc(50% - 3%);font-size:16px;}
    .home-news li .date {margin-top:25px}
    .home-news li .title {margin:25px 0 20px 0}
    .home-news li .title a {font-size:30px;height:90px; line-height: 45px;}
    .home-news li .content {line-height: 32px;height:64px;margin-bottom:50px}
    .footer dd {margin-left:15%}
    .footer li {margin:0 2% 0 0}
    .footer .copy {padding-right:450px}
    .top-pic .text .title {font-size:40px;margin:0 0 5px 0}
    .top-pic .text .subtitle {font-size:20px;}    
    .about {margin:100px 0;}
    .about .text {width:46%; left:4%;margin-left:0; position:absolute}
    .about .text .title {font-size:35px;line-height: 1.2;margin:40px 30px 30px 0}
    .about .text .content {font-size:16px;max-width:90%; line-height: 1.8}
    .about .pic {position: relative}
    .bgline {height:2px;}    
    .navbar {height: 60px;}
    .navbar-nav li {margin:0 30px;height:60px; line-height: 58px}
    .navbar-nav li:before {top:20px;right:-33px;width:1px;height:20px;}
    .navbar-nav li a {font-size:18px;}
    .history {padding:100px 0 120px 0;}
    .history:before {top:380px;}
    .history .home-subject {margin-bottom:100px}
    .history .swiper-slide .title {font-size:60px; }
    .history .swiper-slide .title:before {left:10px;top:68px;height:75px;}
    .history .swiper-slide .title:after {left:3px;top:142px;width:15px;height:15px; }
    .history .swiper-slide .pic { margin-top:190px;}
    .history .swiper-slide .content {font-size:20px;margin-top:30px}
    .history .swiper-button-next,.history .swiper-button-prev {top:280px;}
    .swiper-button-next,.swiper-button-prev {width:50px;height:50px;margin-top:-25px;}
    .swiper-button-next:after,.swiper-button-prev:after {font-size:25px;width:50px;height:50px;line-height:50px;}
    .history .swiper-button-prev {left:-16px}
    .history .swiper-button-next{right:-16px}    
    .honor {padding:100px 0}
    .honor .content {font-size:20px;margin:40px 0; line-height: 2}
    .honor .content li {padding:0 0 0 20px;}
    .honor .content li:before {top:17px;width:8px;height:8px;}
    .culture {padding:100px 0 150px 0}
    .culture .home-subject {margin-bottom:60px}
    .culture ul {gap:60px}
    .culture li {padding:30px;width:calc(50% - 30px);width:-webket-calc(50% - 30px);}
    .culture li .title {height:50px; line-height: 48px;border-radius:50px; font-size:25px;min-width:140px;}
    .culture li .content {font-size:20px;line-height: 1.6;margin-top:30px;min-height:120px}
    .scientific-committee {padding-top:100px}
    .scientific-committee ul {gap:40px;margin-top:50px}
    .scientific-committee li {width:calc(33.3333% - 26.6666px);width:-webket-calc(33.3333% - 26.6666px); }
    .scientific-committee li .title {height:60px; }
    .scientific-committee li .title:before {height:60px; }
    .scientific-committee li .title .in {padding:0 20px;font-size:20px;height:60px;line-height: 58px;}
    .scientific-committee li .title .in .main-more {right:10px;top:-1px}
    .scientific-committee li .title .in .main-more a {height:35px; line-height: 33px;border-radius:35px;padding:0 13px 0 15px;font-size:16px;}
    .scientific-committee li .title .in .main-more a:before {border-radius:35px;}
    .scientific-committee li .title .in .main-more a span {font-size:16px;margin:1px 0 0 5px}
    .floatdiv .floatin .floatclose {width:100%}
    .floatdiv .floatin .floatclose span {font-size:30px; right:10px;top:10px;}
    .floatdiv .floatin .divin {width:100%;padding:20px;}
    .floatdiv .floatin .divin .floatpic  {width:35%;margin-right:5%}
    .floatdiv .floatin .divin .text {width:60%}
    .floatdiv .floatin .divin .floattitle {font-size:30px; line-height: 40px;}
    .floatdiv .floatin .divin .float-subtitle {font-size:20px; line-height: 30px;padding:10px 0 30px 0;margin-bottom:30px}
    .floatdiv .floatin .divin  .floatcontent {font-size:16px}    
    .product-8 .text .content {font-size:20px;}
    .product-8 .text .content li {padding:0 0 0 20px;margin:10px 0;}
    .product-8 .text .content li:before {top:12px;width:8px;height:8px; }
    .product-8 .text .content table,.table-2 {font-size:16px;}
    .product-8 .text .content td,.table-2 td {padding:10px 5px;min-width:100px}
    .product-7 {padding-top:100px;}
    .product-7 .content {font-size:20px;width:40%;padding-right:10%;padding-bottom:60px}
    .product-7 .content li {padding:0 0 0 20px;margin:10px 0; }
    .product-7 .content li:before {top:12px;width:8px;height:8px;}
    .product-7 .content table {width:110%;font-size:16px;left:-5%}
    .product-7 .content table img {width:90px}
    .product-7 .content h2 {font-size:45px;}
    .product-7 .summry {padding:6% 2.2%}
    .product-7 .summry table,.table-3 {font-size:16px;}
    .product-7 .summry td,.table-3 td {padding:8px 4px;}
    .product-6 {padding:100px 0}
    .product-6 .content {width:30%;font-size:18px;}
    .product-6 .content h2 {margin-bottom:30px;height:50px; line-height: 48px;padding:0 40px;border-radius:50px;font-size:20px}
    .product-6 .content h2:hover {letter-spacing: 3px;padding:0 50px;}
    .product-6 .pic {width:65%}
    .product-5 {padding-top:100px;}
    .product-5 .content {font-size:20px;padding-bottom:270px;margin-top:50px}
    .product-5 .content li {padding:0 0 0 20px;margin:10px 0;}
    .product-5 .content li:before {top:12px;width:8px;height:8px;}
    .product-5-pic {padding:30px;margin-top:-240px;}    
    .product-4 {padding:100px 0}
    .product-4 .content {font-size:20px;margin-top:40px}
    .product-4 .content li {padding:0 0 0 20px;margin:20px 0;}
    .product-4 .content li:before {top:16px;width:8px;height:8px;}
    .product-4 .content table {margin-top:40px}    
    .product-4 .content table.table-3 {margin:0 0 30px 0;}
    .product-3 {padding:80px 0 250px 0}
    .product-text-3 .content {padding:30px; margin-top:-190px;font-size:18px;}
    .product-text-3 .content td {padding:10px 5px;min-width:85px}
    .product-text-3 .content tr:nth-child(1) {font-size:20px;}
    .product-text-3 .down {margin-top:80px}
    .product-text-3 .down a {font-size:20px;height:50px; line-height: 48px;padding:0 60px;border-radius:50px}
    .product-text-3 .down a i {width:25px;height:25px;margin:12px 15px 0 0;}    
    .load-list-341,.load-list-342,.load-list-343 {margin-top:-40px}
    .news {margin:80px 0}
    .news .home-subject {margin-bottom:30px}
    .news .col {margin-top:60px}
    .news .col .date {margin-top:15px;font-size:16px}
    .news .col .title a {font-size:20px; line-height: 32px;height:64px;}
    .news .col .content { line-height: 30px;height:60px;margin-bottom:25px;font-size:16px}
    .news .main-more a {height:35px; line-height:33px;border-radius:35px; padding:0 12px 0 18px;}
    .news .main-more a:before {border-radius:35px;}
    .news .main-more a p {font-size:15px;}
    .news .main-more a span {font-size:22px;margin:2px 0 0 13px}
    .news2,.news4 {padding:80px 0}
    .news4 .home-subject {margin-bottom:45px}
    .news4 {margin-bottom:-120px}
    .get_more{ width:300px;margin:70px 0 0 -150px;border-radius:40px;}
    .get_more p {height:40px; line-height:38px;font-size:16px;border-radius:40px;}
    .news-show {padding:100px 0 0 0}
    .news-left .title {font-size:30px; line-height: 40px;}
    .news-left .subtitle {padding:20px 0 25px 0;margin-bottom:30px;font-size:16px}
    .news-right {padding:30px;}
    .news-right .subject,.news-right .subject a {font-size:20px;}
    .news-right .pic {margin:15px 0;}
    .news-right .title {margin:5px 0 10px 0}
    .news-right .title a {font-size:20px;line-height: 30px;}
    .news-right .date {font-size:16px}
    .news-right .content {line-height: 35px;height:70px;font-size:16px;}
    .news-right .main-more {margin:20px 0 40px 0}
    .news-right .main-more a {height:30px; line-height: 28px;border-radius:30px;padding:0 10px 0 20px}
    .news-right .main-more a:before {border-radius:30px;}
    .news-right .main-more a p {font-size:14px}
    .news-right .main-more a span {font-size:25px;margin:1px 0 0 15px}    
    .law {padding:80px 0 0 0}
    .law .home-subject {margin-bottom:60px}
    .loadLaw .col .btn,.load-list-394 .col .btn {height:80px; line-height: 80px}
    .loadLaw .col .btn a,.load-list-394 .col .btn a {padding:0 20px 0 15px;height:34px; line-height: 32px;border-radius:34px; font-size:14px;margin:0 8px}
    .loadLaw .col .btn a i,.load-list-394 .col .btn a i {width:18px;height:18px;margin:7px 5px 0 0;}
    .loadLaw .col .btn a:nth-child(2) i,.load-list-394 .col .btn a:nth-child(2) i {width:18px;height:18px;}
    .talent-view .title{font-size:50px; line-height: 1.5;margin:100px 0 5px 0}
    .talent-view .subtitle {font-size:38px;}
    .talent-view .content {font-size:20px; line-height: 2.2;margin:40px 0 -140px 0}
    .team-build {padding:100px 0}
    .team-build .content {font-size:20px;margin:40px 0 100px 0;line-height: 2}
    .team-build .content li{padding:0 0 0 25px;margin:5px 0}
    .team-build .content li:before {top:15px;width:10px;height:10px;}
    .job-requirements .home-subject{top:6px}
    .new_telst li {margin-left:35px;font-size:25px;height:50px; line-height: 48px;border-radius:50px;padding:0 30px;}
    .job-requirements .title {padding-left:72px;}
    .job-requirements .title span {top:-2px;font-size:40px;}
    .accordionservice li.open .link .title span {top:-1px}
    .job-requirements .row {padding:12px 0 14px 0;font-size:20px;margin-top:40px}
    .accordionservice li .link {padding:15px 0 17px 0;}
    .accordionservice .submenu {padding:30px 0 50px 75px;font-size:16px}
    .accordionservice .submenu .main-more {margin-top:30px}    
    .map iframe,#container {height:500px;}
    .contact {padding:100px 0}
    .contact ul.address {margin-top:50px}
    .contact ul.address li {margin:20px 4%;max-width:40%}
    .contact ul.address li .title {font-size:25px;}
    .contact ul.address li .content {font-size:18px}
    .contact ul.tel {margin:40px 0 0 0}
    .contact ul.tel li .icon {width:120px;height:120px; }
    .contact ul.tel li .icon img {width:60px;}
    .contact ul.tel li .title {margin:15px 0 0 0}
    .contact ul.tel li .content {font-size:20px;}
    .contact ul.code {margin-top:60px}
    .contact ul.code li .pic {width:150px;}
    .contact ul.code li .title {margin-top:15px;font-size:16px;width:150px;}
    .message {padding:100px 0 0 0}
    .message .content {font-size:50px;margin:40px 0 20px 0}
    .message li {margin-top:25px}
    .message li.btn {margin-top:60px}
    .message li p {margin:0 0 10px 0}
    .message li input[type="text"] {height:50px; line-height: 48px;padding:0 15px}
    .message li.btn button {width:200px;height:50px; line-height: 48px;border-radius:50px;}
    .message li textarea {height:250px; line-height: 30px;padding:10px 15px}    
    .message-list .subject {font-size:20px;margin:40px 0 20px 0}
    .message-list li {padding:20px 0 10px 0;}
    .message-list li .name,.message-list li .text .replay-date {font-size:13px;}
    .message-list li .name span {font-size:16px;margin:0 15px 0 0;}
    .message-list li .title {font-size:20px;margin:5px 0 20px 0}
    .message-list li .text {padding:0 0 0 40px}    
    .message-list li .text .reply-subject {font-size:16px;}
    .message-list li .text .remark {margin:5px 0 10px 0}
    .pager-message a,.pager-message .disabled {height:50px; line-height: 48px;border-radius:50px;padding:0 68px 0 30px;margin:0 10px}
    .pager-message .prev {padding:0 30px 0 68px}
    .pager-message font:before {right:-40px;top:12px;font-size:25px; }
    .pager-message .prev font:before {left:-40px;}
    .navbarpro {height:auto;}
}

@media only screen and (max-width:1380px){	
    .fixtop .navpc li a.a {font-size:16px}
    .fixtop .navpc li {margin:0 0 0 15px;}
    .fixtop .navpc li.lan {margin-left:56px}    
    .fixtop .navpc li .list dd a {font-size:16px;height:40px;line-height: 38px;}
    .fixtop .navpc li .list {width:260px}
    .fixtop .navpc li .list-news {width:200px}
    .fixtop .navpc li .list-pro {width:320px}
    .fixtop .navpc li .list-contact {width:170px}
    .fixtop .navpc li .list-job {width:230px}
    .fixtop .navpc li .list-lan {width:125px}
    .topsearch {right:92px;}
    .topsearch.active .search{width:250px;}
    .topsearch .btn span {font-size:22px;}    
    .topsearch span.icon-close-bold {left:22px;}
    .home-about .text .title {font-size:30px;line-height: 1.4;margin:30px 0 25px 0}
    .footer dd {margin-left:10%}
    .footer li {margin:0 1% 0 0}
    .footer .copy {padding-right:400px}
    .product-8 .text {position:relative}
    .product-8 .pic {position:absolute}    
    .navbarpro li {margin:0 25px;}
    .navbarpro li:before {top:20px;right:-27px;height:19px;}    
    .navbar-nav li {margin:0 25px;}
    .navbar-nav li:before {right:-28px;} 
}

@media only screen and (max-width:1200px){	    
	body {line-height:1.8;}
	html,body,input,button,select,textarea,big,small {font-size:14px;font-weight:400}
    .list-paddingleft-1,.list-paddingleft-2{margin:0 0 0 15px;}
	.phonemenu { display:block;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:40px 0 0 0;}
	.pager a,.pager span,.pager font {margin:1px 3px;width:23px; height:23px; line-height:21px;border-radius:3px;}
	.pager font {font-family:'宋体';margin:0px; line-height: 23px; }
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px}	     
    .swiper-button-next,.swiper-button-prev {width:25px;height:25px;margin-top:-12px;}
    .swiper-button-next:after,.swiper-button-prev:after { font-size:14px;width:25px;height:25px;line-height:25px;} 
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:5px;}
    .swiper-pagination-bullet {width:5px;height:5px;}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
    .fixtop .navpc {display:none;} 
    .fixtop .lan-mb {display:block; position: absolute;right:0;margin-right:94px;top:12px;font-weight:500}
    .fixtop .lan-mb span {font-size:14px;margin:1px 0 0 5px}
    .fixtop,.fixtop.active {height:50px;top:0}
    .fixtop .logo,.fixtop.active .logo {top:7px;}
    .fixtop .logo img {height:36px;}
    .tblank,.tblank.active {height:50px}
    .topsearch {right:50px;top:12px;}
    .topsearch .btn span {font-size:20px; position: relative;top:3px}
    .topsearch .search {height:25px;border-radius:25px;}
    .topsearch .search #k {width:200px;padding:0 0 0 10px;border-radius:25px;height:23px;font-size:12px}
    .topsearch .search #sbtn {top:-1px;right:2px;font-size:18px;width:25px;height:25px;border-radius:25px;}
    .topsearch span.icon-close-bold {left:25px;top:2px;font-size:14px;}
    .fixtop.active .topsearch {top:12px}
    .topsearch.active .search{width:200px;}
    .indpics {top:50px;}
    .indpics .swiper-slide {height:calc(100vh - 50px);height:-webket-calc(100vh - 50px);}
    .indpics .swiper-slide .text .title {font-size:30px;margin-top:-30px}
    .indpics .swiper-slide .text .content {font-size:16px;margin-top:30px}
    .indpics .swiper-slide-1 .text .content {font-size:18px;}
    .indpics .swiper-slide-1 .text .main-more {margin-top:20px}
    .main-more a,.indpics .main-more a {height:25px; line-height: 24px;border-radius:25px;padding:0 10px 0 15px;font-size:13px;}
    .main-more a:before,.indpics .main-more a:before {border-radius:25px;}
    .main-more a span,.indpics .main-more a span {font-size:14px;margin:1px 0 0 5px}
    .main-more a p,.indpics .main-more a p {font-size:12px}     
    .indpics.active {top:50px}    
    .home-subject {font-size:18px; line-height: 28px;padding:0 0 0 32px}
    .home-subject:before {top:4px;width:25px;height:25px;}
    .home-what {padding:40px 0}
    .home-what .content {font-size:16px;margin-top:30px}
    .home-what .content h2 {border-radius:28px;padding:0 15px;min-width:90px;height:28px; line-height: 26px; font-size:16px;margin:10px 0 10px 0;}
    .home-what .content h2:hover {padding:0 15px; letter-spacing: 0}
    .home-choose {padding:40px 0 50px 0}
    .home-choose .content {font-size:14px;padding-top:4%}
    .home-choose .content li {margin-top:10px}
    .home-choose .content .list-paddingleft-1,.home-choose .content .list-paddingleft-2{margin:0 0 0 18px;} 
    .home-choose .content h3 {font-size:18px;margin:0 0 20px 0}
    .home-about {margin:40px 0;}
    .home-about .text {width:41%; position:absolute;left:4%;}
    .home-about .text .title {font-size:22px;line-height: 1.4;margin:20px 0 10px 0}
    .home-about .text .content {margin-bottom:20px;font-size:14px;line-height: 1.6}
    .home-about .photos {position:relative;left:49%;width:51%;}
    .home-about .photos li .title {height:30px; line-height: 28px;border-radius:30px;padding:0 15px;font-size:14px;left:5%;bottom:5%;}
    .home-news dl {top:2px;}
    .home-news dd {margin-left:15px;}
    .home-news dd a {font-size:16px; line-height: 28px;height:30px;border-radius:30px;padding:0 15px;}
    .home-news ul {gap:4%;margin-top:30px}
    .home-news li {width:calc(50% - 2%);width:-webket-calc(50% - 2%);font-size:14px}
    .home-news li .date {margin-top:20px}
    .home-news li .title {margin:15px 0 15px 0}
    .home-news li .title a {font-size:18px;color:#000;height:56px; line-height: 28px;}
    .home-news li .content {line-height: 25px;height:50px;margin-bottom:20px}
    .foot-tel {padding:25px 0;margin-top:50px}
    .foot-tel .tel {font-size:25px; line-height: 1.6}
    .foot-tel .main-more {top:3px}
    .foot-tel .main-more a {padding:0 15px 0 20px;font-size:16px;height:35px; line-height: 33px;border-radius:40px}
    .footer {background: #15151b;color:#fff;padding:35px 0}
    .footer dl {top:0;width:300px; position: relative; text-align: center;margin:0 auto}
    .footer dd,.footer dd:nth-child(1) {width:110px; margin:0 15px}
    .footer dd .pic img {border-radius:5px;}
    .footer dd .title {margin-top:10px;}
    .footer ul {display:none;}
    .footer .copy {margin-top:35px;padding-right:0; text-align: center}
    .top-pic .text .title {font-size:30px;margin:0 0 5px 0}
    .top-pic .text .subtitle {font-size:16px;}
    .top-pic {padding:20% 0;margin-top:50px}
    .top-pic.active {margin-top:50px}    
    .about {margin:50px 0;display:flex;}
    .about .text {position: relative;width:42%;padding:0 4%; left:0;}
    .about .text .title {font-size:25px; line-height: 1.6; margin:30px 0 20px 0}
    .about .text .content {font-size:14px;max-width:100%}
    .about .pic {position: relative;width:50%;left:0}
    .navbar {display:none;}
    .namemj1 {top:-50px}    
    .history {padding:40px 0 50px 0;}
    .history:before {top:185px;}
    .history .home-subject {margin-bottom:40px}
    .history .swiper-slide .title {font-size:30px; }
    .history .swiper-slide .title:before {left:6px;top:35px;height:40px;}
    .history .swiper-slide .title:after {left:2px;top:73px;width:8px;height:8px; }
    .history .swiper-slide .pic { margin-top:110px;}
    .history .swiper-slide .content {font-size:16px;margin-top:20px}
    .history .swiper-button-next,.history .swiper-button-prev {top:145px;}
    .history .swiper-button-prev {left:-6px}
    .history .swiper-button-next{right:-6px}
    .honor {padding:40px 0}
    .honor .list {padding:0 40px}
    .honor .content {font-size:14px;margin:20px 0 30px 0; line-height: 1.8}
    .honor .content td:nth-child(1) {padding-right:5%;width:55%}
    .honor .content td:nth-child(2) {width:40%}
    .honor .content li {padding:0 0 0 12px;}
    .honor .content li:before {top:11px;width:4px;height:4px;}    
    .culture { background-attachment:scroll;padding:40px 0 50px 0}
    .culture .home-subject {margin-bottom:30px}
    .culture ul {gap:30px}
    .culture li {border-radius:5px;padding:30px 20px;width:calc(50% - 15px);width:-webket-calc(50% - 15px);}
    .culture li:hover {top:0px}
    .culture li .title {height:35px; line-height: 33px;border-radius:35px;font-size:18px;padding:0 10px;min-width:100px;}
    .culture li:hover .title {padding:0 10px}
    .culture li .content {font-size:16px;line-height: 1.8;margin-top:20px;min-height:80px}
    .scientific-committee {padding-top:40px}
    .scientific-committee ul {gap:20px;margin-top:30px}
    .scientific-committee li {width:calc(33.3333% - 13.3333px);width:-webket-calc(33.3333% - 13.3333px); }
    .scientific-committee li .title {height:40px; }
    .scientific-committee li .title:before {height:40px; }
    .scientific-committee li .title .in {padding:0 15px;font-size:16px;height:40px;line-height: 38px;}
    .scientific-committee li .title .in .main-more {display:none;}
    .floatdiv .floatin .floatclose span {font-size:25px; right:8px;top:10px;}
    .floatdiv .floatin .divin {width:100%;padding:20px;}
    .floatdiv .floatin .divin .floattitle {font-size:22px; line-height:32px;}
    .floatdiv .floatin .divin .float-subtitle {font-size:16px; line-height: 26px;padding:5px 0 20px 0;margin-bottom:20px}
    .floatdiv .floatin .divin  .floatcontent {font-size:14px}
    .floatdiv .floatin .divin::-webkit-scrollbar {width:0;}
    .product-8 .text .content {font-size:14px;margin-top:25px}
    .product-8 .text .content li {padding:0 0 0 12px;margin:5px 0;}
    .product-8 .text .content li:before {top:10px;width:5px;height:5px; }
    .product-8 .text .content table,.table-2 {font-size:13px;}
    .product-8 .text .content td,.table-2 td {padding:6px 6px;}
    .product-7 {padding-top:40px; background-attachment: scroll}
    .product-7 .content {font-size:14px;width:45%;padding-right:5%;padding-bottom:40px;margin-top:25px}
    .product-7 .content li {padding:0 0 0 12px;margin:5px 0; }
    .product-7 .content li:before {top:10px;width:5px;height:5px;}
    .product-7 .content table {font-size:14px;}
    .product-7 .content table img {width:70px}
    .product-7 .content h2 {font-size:25px;margin-top:10px}
    .product-7 .summry {padding:5% 2%}
    .product-7 .summry table,.table-3 {font-size:12px;}
    .product-7 .summry td,.table-3 td {padding:8px 4px;}    
    .product-6 {padding:40px 0}
    .product-6 .content {margin-top:30px;width:30%;font-size:14px;}
    .product-6 .content h2 {margin-bottom:25px;height:35px; line-height: 33px;padding:0 20px;border-radius:35px;font-size:16px}
    .product-6 .content h2:hover {letter-spacing: 0;padding:0 20px;}
    .product-6 .content .table-2 {font-size:14px;}
    .product-6 .content .table-2 td {padding:10px 10px;min-width:60px;}
    .product-6 .pic {margin-top:-25px}
    .product-5 {padding-top:40px;}
    .product-5 .content {font-size:14px;padding-bottom:160px;margin-top:30px;max-width:100%;}
    .product-5 .content li {padding:0 0 0 12px;margin:5px 0;}
    .product-5 .content li:before {top:10px;width:5px;height:5px;}
    .product-5-pic {padding:10px;margin-top:-140px; }    
    .product-4 {padding:40px 0}
    .product-4 .content {font-size:14px;margin-top:25px}
    .product-4 .content li {padding:0 0 0 12px;margin:5px 0;}
    .product-4 .content li:before {top:10px;width:5px;height:5px;}
    .product-4 .content table {margin-top:30px}
    .product-4 .content table.table-3 {margin:0 0 30px 0;}
    .product-3 {padding:40px 0 200px 0}
    .product-text-3 .content {padding:10px; margin-top:-170px;font-size:14px;}
    .product-text-3 .content td {padding:8px 3px;min-width:50px}
    .product-text-3 .content tr:nth-child(1) {font-size:16px;}
    .product-text-3 .down {margin-top:40px}
    .product-text-3 .down a {font-size:14px;height:30px; line-height: 28px;padding:0 20px;border-radius:30px}
    .product-text-3 .down a i {width:15px;height:15px;margin:7px 8px 0 0; }    
    .load-list-341,.load-list-342,.load-list-343 {margin-top:-30px}
    .news {margin:40px 0}
    .news .home-subject {margin-bottom:25px}
    .news .col {margin-top:40px}
    .news .col .date {margin-top:12px;font-size:14px}
    .news .col .title a {font-size:16px; line-height: 25px;height:50px;}
    .news .col .content { line-height: 25px;height:50px;margin-bottom:20px;font-size:14px}
    .news .main-more a {height:26px; line-height:24px;border-radius:26px; padding:0 10px 0 15px;}
    .news .main-more a:before {border-radius:26px;}
    .news .main-more a p {font-size:14px;}
    .news .main-more a span {font-size:18px;margin:1px 0 0 10px}
    .news2,.news4 {padding:40px 0}
    .news4 {margin-bottom:-50px}
    .news4 .home-subject {margin-bottom:35px}
    .get_more{ width:200px;margin:40px 0 0 -100px;border-radius:30px;}
    .get_more p {height:30px; line-height:28px;font-size:14px;border-radius:30px;}  
    .news-show {padding:40px 0 0 0}
    .news-left {width:100%}
    .news-left .title {font-size:22px; line-height: 32px;}
    .news-left .subtitle {padding:10px 0 15px 0;margin-bottom:25px;font-size:14px}
    .news-right {display:none;}    
    .law {padding:40px 0 0 0}
    .law .home-subject {margin-bottom:30px}
    .loadLaw .col .btn,.load-list-394 .col .btn {height:60px; line-height: 60px}
    .loadLaw .col .btn a,.load-list-394 .col .btn a {padding:0 12px 0 10px;height:25px; line-height: 23px;border-radius:25px; font-size:12px;margin:0 5px}
    .loadLaw .col .btn a i,.load-list-394 .col .btn a i {width:12px;height:12px;margin:6px 5px 0 0;}
    .loadLaw .col .btn a:nth-child(2) i,.load-list-394 .col .btn a:nth-child(2) i {width:12px;height:12px;}
    .talent-view .title{font-size:22px; line-height: 1.6;margin:40px 0 0 0}
    .talent-view .subtitle {font-size:16px;}
    .talent-view .content {font-size:14px; line-height: 1.8;margin:20px 0 -70px 0}
    .team-build {padding:40px 0}
    .team-build .content {font-size:14px;margin:25px 0 40px 0;line-height: 1.8}
    .team-build .content li{padding:0 0 0 15px;}
    .team-build .content li:before {top:10px;width:5px;height:5px;}
    .job-requirements .home-subject{top:-1px}
    .new_telst li {margin-left:15px;font-size:16px;height:30px; line-height: 28px;border-radius:30px;padding:0 15px;}
    .job-requirements .title {padding-left:41px;}
    .job-requirements .title span {top:0px;font-size:25px;}
    .accordionservice li.open .link .title span {top:0px}
    .job-requirements .row {padding:8px 0 10px 0;font-size:16px;margin-top:30px}
    .accordionservice li .link {padding:10px 0 12px 0;}
    .accordionservice .submenu {padding:20px 0 35px 42px;font-size:14px}
    .accordionservice .submenu .main-more {margin-top:25px}    
    .map iframe,#container {height:300px;}
    .contact {padding:40px 0 50px 0}
    .contact ul.address {margin-top:20px}
    .contact ul.address li {margin:15px 2%}
    .contact ul.address li .title {font-size:20px;}
    .contact ul.address li .content {font-size:14px}
    .contact ul.tel {margin:30px 0 0 0}
    .contact ul.tel li .icon {width:100px;height:100px; }
    .contact ul.tel li .icon img {width:50px;}
    .contact ul.tel li .title {margin:15px 0 0 0}
    .contact ul.tel li .content {font-size:16px;}
    .contact ul.code {margin-top:50px}
    .contact ul.code li .pic {width:100px;}
    .contact ul.code li .pic img {border-radius:5px;}
    .contact ul.code li .title {margin-top:10px;font-size:12px;width:100px}
    .message {padding:40px 0 0 0}
    .message .content {font-size:25px;margin:30px 0 15px 0}
    .message li {margin-top:15px}
    .message li.btn {margin-top:30px}
    .message li input[type="text"] {height:40px; line-height: 38px;padding:0 10px}
    .message li.btn button {width:100px;height:40px;padding:0 0 2px 0; line-height: 1; border-radius:40px;font-size:16px}
    .message li textarea {height:150px; line-height: 25px;padding:5px 10px}
    .message li {width:48%;}    
    .message-list .subject {font-size:16px;margin:20px 0 15px 0}
    .message-list li {padding:20px 0 15px 0;}
    .message-list li .name,.message-list li .text .replay-date {font-size:12px;}
    .message-list li .name span {font-size:14px;margin:0 10px 0 0;}
    .message-list li .title {font-size:16px;margin:5px 0 15px 0}
    .message-list li .text {padding:0 0 0 25px}    
    .message-list li .text .reply-subject {font-size:14px;}
    .message-list li .text .remark {margin:3px 0 8px 0}
    .pager-message a,.pager-message .disabled {height:30px; line-height: 28px;border-radius:30px;padding:0 50px 0 20px;margin:0 10px}
    .pager-message .prev {padding:0 20px 0 50px}
    .pager-message font:before {right:-30px;top:5px;font-size:20px; }
    .pager-message .prev font:before {left:-30px;}
    .team-build .pic {height:auto;padding:25% 0; background-attachment:scroll}
}

@media only screen and (max-width:788px){	
    .indpics {height:550px}
    .indpics .swiper-slide {height:500px}    
    .home-about .text {position:relative;}
    .home-about .photos {position:absolute;left:auto;right:0;}
    .scientific-committee ul {gap:20px;}
    .scientific-committee li {width:calc(50% - 10px);width:-webket-calc(50% - 10px);}
    .news .col {width:46%;}
    .contact ul.tel {margin-top:0}
    .contact ul.tel li {width:50%;margin-top:40px}
    .contact ul.code li {width:30%;}
    .news4 .home-subject {margin-bottom:25px}
}

@media only screen and (max-width:640px){    
    .indpics .swiper-slide .text .title {font-size:22px;margin-top:0}
    .indpics .swiper-slide .text .content {font-size:14px;margin-top:20px}
    .indpics .swiper-slide-1 .text .content {font-size:16px;}
    .indpics {height:450px}
    .indpics .swiper-slide {height:400px}
    .home-what .text {width:100%; text-align: center}
    .home-what .pic {width:100%;text-align: center;margin-top:40px}
    .home-choose .content {padding-top:30px}
    .home-choose .content {width:100%;}
    .home-choose .pic {width:100%;}
    .home-about .text {width:92%; position: relative}
    .home-about .photos {position:relative;top:0;left:0;width:100%;margin-top:30px}
    .home-about .photos li .title {left:8%;bottom:8%;}    
    .home-news dl {top:0; text-align: left;left:0; position: relative;margin-top:10px;}
    .home-news dd {margin:15px 3% 0 0;}
    .home-news dd:last-of-type {margin-right:0}
    .home-news ul {gap:0;margin-top:10px;display:block}  
    .home-news li {width:100%;margin-top:35px;}
    .home-news li .title a {height:auto}
    .home-news li .content {height:auto}
    .foot-tel { text-align: center}
    .foot-tel .main-more {position:relative;top:0;margin:15px auto 10px auto}
    .top-pic {padding:0;height:200px}
    .top-pic .text .title {font-size:25px;margin:0 0 5px 0}
    .top-pic .text .subtitle {font-size:14px;}    
    .about {display:block}
    .about .text {width:92%;padding:0 4%;}
    .about .pic {width:100%;margin-top:30px}
    .history {padding:40px 0 40px 0;}
    .honor .content td {display:block}
    .honor .content td:nth-child(1) {padding-right:0;width:100%}
    .honor .content td:nth-child(2) {width:100%}
    .culture ul {gap:0;margin-top:-20px}
    .culture li {width:100%;margin-top:20px}    
    .scientific-committee ul {gap:10px;}
    .scientific-committee li {width:calc(50% - 5px);width:-webket-calc(50% - 5px); }
    .scientific-committee li .title {height:30px; }
    .scientific-committee li .title:before {height:30px; }
    .scientific-committee li .title .in {padding:0 10px;font-size:14px;height:30px;line-height: 28px;}
    .floatdiv .floatin .divin .floatpic  {width:100%;margin-right:0%}
    .floatdiv .floatin .divin .text {width:100%;margin-top:30px}
    .floatdiv .floatin .floatclose span {font-size:20px; right:1px;top:5px;}
    .product-7 .content {width:100%;padding-right:0}
    .product-7 .summry {width:92%; padding:6% 4%;position: relative}
    .product-7 .summry table,.table-3 {font-size:13px;}
    .product-7 .content table {width:106%;left:-3%;font-size:11px;margin-top:10px}
    .product-6 .in {display:block;}
    .product-6 .content {position:relative;top:0;width:100%;margin:35px 0 30px 0;}
    .product-6 .pic {width:100%;left:0;position: relative;top:0;margin:40px 0 0px 0}    
    .product-5 .content {padding-bottom:120px;}
    .product-5-pic {padding:10px;margin-top:-100px;padding:5px}    
    .product-text-3 .content {padding:5px;font-size:13px;}
    .product-text-3 .content td {padding:8px 2px;min-width:40px}
    .product-text-3 .content tr:nth-child(1) {font-size:15px;}    
    .load-list-341,.load-list-342,.load-list-343 {width:100%;margin-left:0;}
    .news .col {width:100%;margin-left:0;margin-right:0}
    .news .col .title a {height:auto}
    .load-list-394 {margin-top:-4%}
    .load-list-394 .col {width:46%;margin:4% 2% 0 2%}
    .loadLaw .col {width:46%;}    
    .loadLaw .col .btn a,.load-list-394 .col .btn a{padding:0 10px;margin:0 0 0 5px}
    .loadLaw .col .btn a:nth-child(1),.load-list-394 .col .btn a:nth-child(1) {margin-left:0}
    .loadLaw .col .btn a i,.load-list-394 .col .btn a i {display:none;}
    .job-requirements {margin-top:40px}
    .job-requirements .home-subject{top:-50px}
    .new_telst li {margin-left:10px;font-size:12px;padding:0 10px;}
    .job-requirements .title {padding-left:18px;}
    .job-requirements .title span {top:4px;font-size:16px;}
    .accordionservice li.open .link .title span {top:4px}
    .job-requirements .row {padding:9px 0 11px 0;font-size:14px;}
    .accordionservice .submenu {padding:20px 0 35px 20px;} 
    .talent-view .content {margin-bottom:-50px}
    .contact ul.code li {width:45%;}
    .news4 .home-subject {margin-bottom:30px}
    .home-about .text .content {line-height: 1.8}
    .product-6 .content .table-2 {font-size:12px;}
    .contact ul.address li {margin:30px 0;max-width:100%;width:100%}
    .contact ul.address {display:block;width:100%}
}