/* === top.css === */
.leftline {border-left:4px solid #1fa2d6;margin-right:6px;}
* {line-height:1.8em;}

#disnonesection {display:none;}

.newversionnotice > div {float:right;color:#666666;font-size:0.8em;}
@media screen and (orientation: portrait) {   
/*竖屏 css*/  
.newversionnotice {display:none;}
}    
@media screen and (orientation: landscape) {   
/*横屏 css*/ 
.newversionnotice {display:none;}
} 

.searchicon01 svg {width:30px;color:#4d6cc3;}

.gasun-menu a {white-space:nowrap;color:#ffffff !important;}
.gasun-menu > li > ul {width:auto;}
.gasun-menu > li > a > span {color:#999999 !important;}
.gasun-menu > li > ul > li > a > span {color:#999999 !important;}
#uk-navbar-nav > li > ul > li > a {margin-left:0px;margin-right:30px;}
#uk-navbar-nav > li > ul {padding:15px 10px;margin-top:0px;}
#uk-navbar-nav > li:hover {background-color:#eeeeee;}
#uk-navbar-nav > li > ul {background-color:#ffffff !important;}
#uk-navbar-nav > li > ul > li:hover {background-color:#eeeeee;}
#uk-navbar-nav > li > ul {z-index:1 !important;}
#uk-navbar-nav > li > a {font-size:1.1em;letter-spacing:2px;}
#toggle-usage a {font-size:1.0em;color:#000000 !important;}
#toggle-usage > li {border-bottom:1px solid #e9e9e9;}
#toggle-usage > li > ul > li > a > span {color:#999999 !important;}
#toggle-usage > li:hover {background-color:#e9e9e9;}
#toggle-usage > li > a {padding:10px;}
#toggle-usage > li > ul {background-color:#f7f7f7;}
#toggle-usage > li > ul > li {margin-right:15px;}
#toggle-usage > li > ul > li > a {padding:7px 0px;}
#toggle-usage > li > ul > li:hover {background-color:#e7e7e7;}
.uk-open {background-color:#e9e9e9 !important;border-bottom:0px !important;}
.uk-open > ul {background-color:#ffffff !important;}

.bottom-inOutSpread:after {
	content:''; 
	position:absolute;
    border-bottom:5px solid #0168AB;
    left:51%;
    right:51%;
    bottom:0px;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration:400ms;
    -moz-transition-duration:400ms;
    -o-transition-duration:400ms;
    transition-duration:400ms;
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}
.bottom-inOutSpread:hover:after { left:0%; right:0%; }
.bottom-inOutSpread:not(:hover):after {
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
}

@media screen and (orientation: portrait) {   
/*竖屏 css*/  
#h01,#h02 {}
}    
@media screen and (orientation: landscape) {   
/*横屏 css*/ 
#h01,#h02 {background-color:#4d6cc3 !important;}
#h02 > * {
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:500ms;
    -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
    transition-duration:500ms;
}
#h02 > div > ul > li > a:hover {background-color:#ffffff !important;color:#000000 !important;}
#h02 > div > ul > li {height:50px;overflow:hidden;}
#h02 > div > ul > li > a {display:block;line-height:50px;font-size:1.0em;}
} 


#top001 {margin:0px;background: url() center top no-repeat;}
#top001 > div:nth-child(1) {padding:10px 0px;}
#top001 > div:nth-child(1) > span:nth-child(1) > img {max-height:80px;width:auto;}
#top001 > div:nth-child(1) > span:nth-child(2) {margin-left:40px;}
#top001 > div:nth-child(1) > span:nth-child(2) > div:nth-child(1) {font-size:2.3em;letter-spacing:10px;}
#top001 > div:nth-child(1) > span:nth-child(2) > div:nth-child(2) {font-size:1.2em;color:#ec2508;letter-spacing:2px;margin-top:-10px;}
#top001 > div:nth-child(1) > div > div > div {padding:0px;margin:0px;}
#top001 > div:nth-child(1) > div > div > div > div {padding:10px;}
#top001 > div:nth-child(1) > div > div > div > div > div > input {background-color:#ffffff;}
#top001 > div:nth-child(1) > div > div > div > div > button {margin-left:15px;}
#top001 > div:nth-child(2) > span:nth-child(1) > a {float:right;margin-top:15px;}

#h01 {background-color:#f7f7f7;color:#ffffff;}
#h01 > div {margin-bottom:0px;margin-bottom:0px;}
#h01 > div > div:nth-child(1) {display:none;}
#gasun-menu-data > li {}
#h02 {background-color:#f7f7f7;margin:0px;}
#h02 > div > ul > li {position:relative;}

#h01 > div > div:nth-child(3) {display:block;width:100%;overflow:hidden;zoom:1;}
#nav-header {display:block;width:100%;overflow:hidden;zoom:1;background-color:#f7f7f7;}
#nav-header > h5 {float:left;margin:15px 15px 15px 0px;letter-spacing:0px;font-size:1.2em;}
#nav-header > a {float:right;margin:10px;text-decoration:none;}

#toggle-search {margin-bottom:10px;}
#toggle-search > div {width:100%;}
#toggle-search > div > input {background-color:#ffffff;}

#toggle-usage {margin-bottom:10px;}
#toggle-usage > li {position:relative;}
#sitemaincontent {margin-bottom:40px;}
/* === top.css === */

/* === bottom.css === */
#friendlink {margin-top:10px;}
#friendlink > div {margin:0px 0px;}
#friendlink img {border:0px;width:132px;height:40px;margin:0px 10px 10px 0px;}
#friendlink a {float:left;border:0px solid #cccccc;padding:0px 5px;color:#666666;}

#bottom01 {background-color:#ffffff;margin-top:20px;}
#bottom02 {background-color:#ffffff;}
#bottom02 > div > div {margin:0px 0px;border-top:1px solid #dddddd;padding:20px 0px 40px 0px;}
#bottom02 > div > div > div > img {height:40px;}
#bottom02 > div > div > .bottomtext > span {font-size:12px;}

				@media screen and (orientation: portrait) {   
					/*竖屏 css*/  
					.bottomtext {text-align:left;}
					.bottomimage {display: flex;align-items:center;justify-content:center;}
					.bottomimage img {}
					#bottom02 > div > div > div > img {height:30px;}
				}
				@media screen and (orientation: landscape) {   
					/*横屏 css*/ 
					.bottomtext {text-align:right;}
					.bottomimage {display: flex;align-items:center;justify-content:left;}
					.bottomimage img {}
				}

.indexproshowa {text-decoration:none;padding:5px;font-size:0.8em;text-align:center;background-color:rgba(0,0,0,0.2);color:#000000;}
.indexproshowa:hover {color:red;}
.classarticleshowspan {display:block;color:#dddddd;font-size:1.4em;font-weight:bold;}
.classarticleshowa {display:block;text-decoration:none;color:#333333;}
.classarticleshowa:hover {text-decoration:underline;color:#fa5546;}

.randimages {margin:10px 0px;}

#bottomend {display:inline-block;height:1em;overflow:hidden;border:0px solid white;margin:0px;padding:0px;line-height:5em;}
/* === bottom.css === */

/* === home.css === */
.indclass {border:1px solid #eeeeee;}
.indclass:hover {background-color:#f7f7f7;color:#da261e;}

.applications img {float:center;margin:10px 0px;border:0px solid #eeeeee;width:100%;height:100%;object-fit:cover;}
.applications spans {text-align:center;font-size:1.3em;display:block;padding:10px 0px;}
@media screen and (orientation: portrait) {   
/*竖屏 css*/  
.applications p {text-align:center;font-size:1.0em;margin-top:0px;}
}    
@media screen and (orientation: landscape) {   
/*横屏 css*/ 
.applications p {text-align:center;font-size:1.2em;margin-top:0px;}
}

#index-main-slidesow {margin-bottom:20px;margin-top:10px;displays:none;}
#index001 {display:block;text-align:center;font-size:1.8em;border-bottom:1px solid #0093dd;padding:10px 0px;letter-spacing:5px;color:#003466;margin-bottom:15px;}
#index003 > div:nth-child(1) img {width:100%;}
#index003 > div:nth-child(2) > div > div:nth-child(1) {text-align:center;}
#index003 > div:nth-child(2) > div > div:nth-child(1) > h3 {color:#003466;}
#index004 {display:block;text-align:center;font-size:1.8em;border-bottom:1px solid #0093dd;padding:10px 0px;letter-spacing:5px;color:#003466;}
#index005 {margin-top:20px;}
#index005 .uk-card {max-heights:300px;overflow:hidden;border:1px solid #e7e7e7;}
#index005 .uk-card > a:nth-child(1) > img {width:100%;height:100%;object-fit:cover;}
#index006 {padding:10px 0px;border:0px solid red;}
#index006 > div > span {text-indent:2em;display:block;}
#index007 {padding:10px 0px;border:0px solid red;margin-top:0px;}
#index007 > div > div:nth-child(1) {display:block;text-align:center;font-size:1.8em;border-bottom:1px solid #0093dd;padding:0px 0px;letter-spacing:5px;color:#003466;}
#index007 > div > div:nth-child(2) > div > div {width:100%;height:100%;cursor:pointer;margin-left:-10px;}
#index007 > div > div:nth-child(2) > div > div > p {padding:30px;}
@media screen and (orientation: portrait) {   
/*竖屏 css*/  
#index001, #index004 {font-size:1.4em;}
}  
/* === home.css === */

/* === left.css === */
.gasun-left-menu,.gasun-left-menu > li {list-style:none;margin:0px;padding:0px;}
.gasun-left-menu {}
.gasun-left-menu > li > a {display:block;border-bottom:1px solid #dddddd;margin:10px 0px;text-decoration:none;color:#000000;padding:3px 0px 5px 10px;}
.gasun-left-menu > li > a:hover {background-color:#eeeeee;color:#000000;}

#mainshowcontent iframe {display:none;}

#mainleftmenu > ul {margin-top:17px;}

#left001 {display:none;}
#left002 {display:inlineblock;overflow:hidden;zoom:1;}
#nav-headers {display:block;overflow:hidden;zoom:1;}
#nav-headers > a {float:left;margin:10px 0px;text-decoration:none;}
#toggle-usage-left {margin-bottom:10px;}

.leftmanuclass01 {display:block;background-color:#ffffff;color:#333333;letter-spacing:2px;text-align:center;padding:5px 0px;border-bottom:2px solid #4d6cc3;}
.leftmanuclass02 {background-color:#9bc6e4;font-weight:bold;}
/* === left.css === */

/* === search.css === */
.search001 {margin:20px 0px;border-bottom:1px solid #4d6cc3;}
.search002 {display:inline-block;font-size:1.2em;border-bottom:4px solid #4d6cc3;;margin-bottom:-1px;padding:0px 10px;color:#4d6cc3;}
.indexproshowa {text-decoration:none;padding:5px;font-size:0.8em;text-align:center;}
.indexproshowa:hover {color:#ffffff;}

#pagination {margin:30px 0px 0px 10px;}
#pagination a, #pagination span {margin:0px 5px;border:1px solid #cccccc;background-color:#fafafa;padding:3px 10px;text-decoration:none;}
#maintable,#maintable td {border-collapse:collapse;}
#maintable {margin:0 auto;width:100%;}
#maintable td {border:1px solid #cccccc;padding:5px 5px;}
#maintable tr:nth-child(even) {background-color:#f8f8f8;}
#maintable tr:nth-child(odd) {background-color:#ffffff;}
#maintable tr:hover {background-color:#eeeeee;cursor:pointer;}
.modifya:hover {color:red;}
/* === search.css === */

/* === contact.css === */
#contact001 {margin:20px 0px;border-bottom:1px solid #4d6cc3;}
#contact001 > div {display:inline-block;font-size:1.2em;border-bottom:4px solid #4d6cc3;margin-bottom:-1px;padding:0px 10px;color:#4d6cc3;}
/* === contact.css === */

/* === class.css === */
.class001 {margin:20px 0px;border-bottom:1px solid #4d6cc3;}
.class002 {display:inline-block;font-size:1.2em;border-bottom:4px solid #4d6cc3;margin-bottom:-1px;padding:0px 10px;color:#4d6cc3;}

.indexproshowa {text-decoration:none;padding:5px;font-size:0.8em;text-align:center;}
.indexproshowa:hover {color:#ffffff;}

#pagination {margin:30px 0px 0px 10px;}
#pagination a, #pagination span {margin:0px 5px;border:1px solid #cccccc;background-color:#fafafa;padding:3px 10px;text-decoration:none;}
#maintable,#maintable td {border-collapse:collapse;}
#maintable {margin:0 auto;width:100%;}
#maintable td {border:1px solid #cccccc;padding:5px 5px;}
#maintable tr:nth-child(even) {background-color:#f8f8f8;}
#maintable tr:nth-child(odd) {background-color:#ffffff;}
#maintable tr:hover {background-color:#eeeeee;cursor:pointer;}
.modifya:hover {color:red;}

.classphoto001 {max-heights:300px;overflow:hidden;border:1px solid #e7e7e7;}
.classphoto002 {width:100%;height:100%;object-fit:cover;}
/* === class.css === */

/* === article.css === */
.article001 {margin:20px 0px;border-bottom:1px solid #4d6cc3;}
.article002 {display:inline-block;font-size:1.2em;border-bottom:4px solid #4d6cc3;margin-bottom:-1px;padding:0px 10px;color:#4d6cc3;}
.article003 {float:right;margin-top:5px;}
.article004 {font-size:1.3em;}
.article005 {display:block;text-align:right;margin-bottom:10px;border-bottom:1px solid #0093dd;}
.article006 {padding:5px 10px;background-color:#0093dd;margin-right:20px;margin-top:-1px;color:#ffffff;}

#article_product_previous_next a {border:1px solid #cccccc;padding:3px 10px;margin:0px 10px;background-color:#f7f7f7;text-decoration:none;}
#article_product_previous_next a:hover {background-color:#eeeeee;color:red;}

#mainshowcontent img {margin-bottom:20px;}
#mainshowcontent {overflow:hidden;}
#mainshowcontent ul {display:block;padding-left:-120px;}

#multibox {position:relative;}
#thums > div > img {width:60px;height:60px;object-fit:cover;border:1px solid #eeeeee;margin:5px;cursor:pointer;}
#thums > div {display:inline-block;margin-top:20px;}
#smallBox {width:400px;height:400px;position:relative;}
#smallBox img {width:400px;height:400px;object-fit:cover;}
#bigBox {width: 400px;height:400px;position:absolute;overflow:hidden;display:none;}
#bigBox > div {
	width:800px;height:800px;overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center; /*这个起作用*/
}
#zoom {position:absolute;left:0;top:0;width:200px;height:200px;background-color:red;opacity:.2;cursor:move;display:none;}
/* === article.css === */