.contactusmobile{display:none} .contactuscomputer{display:block} @media (max-width:768px) { .container{width:100%;} .header{height:65px;} .logo{width:120px;margin-top:10px;} .logo img{width:100%;} .topss{display:none;} .topright{width:120px;float:right;height:56px;} .rm-container{margin-top:0;} .rm-container:hover{} .topmenu{position:relative!important;z-index:10000;} .rm-nav li ul{background:#f00!important;} .rm-nav ul li{background:#0A246A;} .rm-nav ul li ul li{padding-left:0;} .rm-nav ul li ul li a{background:#797ad6!important;display:block!important;width:100%!important;} .rm-nav ul li ul li a:hover{background:#fff!important;color:#0a6999!important;} .banner{height:120px;background-size:100%;} .companyinfo{width:100%;background-size:100%;} .indexac{width:310px;padding:20px;margin:20px 0 0 20px;height:auto;} .aboutitem{width:22%;margin-right:5px;font-size:14px;} .aboutitem:hover{width:75px;font-size:16px;} .indexnews{margin-top:20px;} .indexlist{margin-top:20px;} .indexlink ul li{width:45%;float:left;text-align:center;} .indexlink ul li img{width:100%;} .linkitems{margin-top:20px;} .footer{margin-top:20px;padding:20px 0;} .footerleft{margin-top:20px;width:100%;} .footerleft img{width:50%;} .footerright{width:100%;} .footerright h5{font-size:14px;} .footerright h5 em{font-size:16px;} .footerright h5.fmid{height:50px;line-height:25px;} .stitle{font-size:16px;line-height:25px;} .newslist{margin-top:20px;} .newslist ul li{height:120px;border-bottom:1px solid #eeeeee;margin-bottom:30px;transition:all 1s;} .newslist ul li:hover{border-bottom:5px solid #2f318b;background:#eee;} .newslist ul li h6{width:80px;background:#f5f5f5;height:74px;} .newslist ul li h6 span{display:inline-block;height:30px;line-height:30px;text-align:center;width:100%;} .newslist ul li h6 .day{font-size:16px;font-weight:bold;margin-top:10px;} .newslist ul li h6 .yearmonth{font-size:14px;} .newslist ul li h5{width:240px;} .newslist ul li h5 p:first-child{font-size:20px;height:20px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .newslist ul li h5 p:last-child{font-size:14px;height:50px;line-height:25px;color:#333;overflow:hidden;} #page a.currpage{display:none!important;} #pageinfo{display:none;} .contactusleft{width:345px;} .contactusright{width:100%;} .contactusright img{width:100% !important;} .aboutimg div{height:auto;} .aboutimg div img{max-width:340px;margin-top:15px;} .dropdown{background:#00a0e9!important;} .footerright h5 p:first-child{width:80px;} .footerright h5 p:last-child{font-size:16px;width:210px;} } @media (min-width:768px) and (max-width:991px) { .container{width:100%;} .header{height:65px;} .logo{width:120px;margin-top:10px;} .logo img{width:100%;} .topss{display:none;} .topright{width:120px;float:right;height:56px;} .rm-container{margin-top:0;} .rm-container:hover{} .topmenu{position:relative!important;z-index:10000;} .rm-nav li ul{background:#f00!important;} .rm-nav ul li{background:#0A246A;} .rm-nav ul li ul li{padding-left:0;} .rm-nav ul li ul li a{background:#797ad6!important;display:block!important;width:100%!important;} .rm-nav ul li ul li a:hover{background:#fff!important;color:#0a6999!important;} .banner{height:120px;background-size:100%;} .indexnews{margin-top:20px;} .indexlist{margin-top:20px;} .indexlink ul li{width:45%;float:left;text-align:center;} .indexlink ul li img{width:100%;} .linkitems{margin-top:20px;} .footer{margin-top:20px;padding:20px 0;} .footerleft{margin-top:20px;width:100%;} .footerleft img{width:50%;} .footerright{width:100%;} .footerright h5{font-size:14px;} .footerright h5 em{font-size:16px;} .footerright h5.fmid{height:50px;line-height:25px;} .stitle{font-size:16px;line-height:25px;} .newslist{margin-top:20px;} .newslist ul li{height:120px;border-bottom:1px solid #eeeeee;margin-bottom:30px;transition:all 1s;} .newslist ul li:hover{border-bottom:5px solid #2f318b;background:#eee;} .newslist ul li h6{width:80px;background:#f5f5f5;height:74px;} .newslist ul li h6 span{display:inline-block;height:30px;line-height:30px;text-align:center;width:100%;} .newslist ul li h6 .day{font-size:16px;font-weight:bold;margin-top:10px;} .newslist ul li h6 .yearmonth{font-size:14px;} .newslist ul li h5{width:240px;} .newslist ul li h5 p:first-child{font-size:20px;height:20px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .newslist ul li h5 p:last-child{font-size:14px;height:50px;line-height:25px;color:#333;overflow:hidden;} #page a.currpage{display:none!important;} #pageinfo{display:none;} .contactusleft{width:345px;} .contactusright{width:100%;} .contactusright img{width:100% !important;} .aboutimg div{height:auto;} .aboutimg div img{max-width:340px;margin-top:15px;} .dropdown{background:#00a0e9!important;} } @media (min-width:992px) and (max-width:1169px) { .container{width:100%;} .header{height:65px;} .logo{width:120px;margin-top:10px;} .logo img{width:100%;} .topss{display:none;} .topright{width:120px;float:right;height:56px;} .rm-container{margin-top:0;} .rm-container:hover{} .topmenu{position:relative!important;z-index:10000;} .rm-nav li ul{background:#f00!important;} .rm-nav ul li{background:#0A246A;} .rm-nav ul li ul li{padding-left:0;} .rm-nav ul li ul li a{background:#797ad6!important;display:block!important;width:100%!important;} .rm-nav ul li ul li a:hover{background:#fff!important;color:#0a6999!important;} .banner{height:120px;background-size:100%;} .indexnews{margin-top:20px;} .indexlist{margin-top:20px;} .indexlink ul li{width:45%;float:left;text-align:center;} .indexlink ul li img{width:100%;} .linkitems{margin-top:20px;} .footer{margin-top:20px;padding:20px 0;} .footerleft{margin-top:20px;width:100%;} .footerleft img{width:50%;} .footerright{width:100%;} .footerright h5{font-size:14px;} .footerright h5 em{font-size:16px;} .footerright h5.fmid{height:50px;line-height:25px;} .stitle{font-size:16px;line-height:25px;} .newslist{margin-top:20px;} .newslist ul li{height:120px;border-bottom:1px solid #eeeeee;margin-bottom:30px;transition:all 1s;} .newslist ul li:hover{border-bottom:5px solid #2f318b;background:#eee;} .newslist ul li h6{width:80px;background:#f5f5f5;height:74px;} .newslist ul li h6 span{display:inline-block;height:30px;line-height:30px;text-align:center;width:100%;} .newslist ul li h6 .day{font-size:16px;font-weight:bold;margin-top:10px;} .newslist ul li h6 .yearmonth{font-size:14px;} .newslist ul li h5{width:240px;} .newslist ul li h5 p:first-child{font-size:20px;height:20px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .newslist ul li h5 p:last-child{font-size:14px;height:50px;line-height:25px;color:#333;overflow:hidden;} #page a.currpage{display:none!important;} #pageinfo{display:none;} .contactusleft{width:345px;} .contactusright{width:100%;} .contactusright img{width:100% !important;} .aboutimg div{height:auto;} .aboutimg div img{max-width:340px;margin-top:15px;} .dropdown{background:#00a0e9!important;} } @media (min-width:1170px) { }