@charset "utf-8";
@media screen and (min-width:992px){ 
@font-face { font-family:'Helvetica-Neue'; src:url('fonts/Helvetica Neue.eot'), url('fonts/Helvetica Neue.eot?iefix') format('eot'), url('fonts/Helvetica Neue.woff') format('woff'), url('fonts/Helvetica Neue.ttf') format('truetype'), url('fonts/Helvetica Neue.svg#webfontS9QnPX6Q') format('svg'), url('fonts/helveticaneue.afm') format('afm'), url('fonts/helveticaneue.dfont') format('dfont'), url('fonts/helveticaneue.pfb') format('pfb'); font-weight:normal; font-style:normal; font-display: swap; }
@font-face { font-family:'MuseoSansW01300'; src:url('fonts/MuseoSansW01300.eot'), url('fonts/MuseoSansW01300.eot?iefix') format('eot'), url('fonts/MuseoSansW01300.woff') format('woff'), url('fonts/MuseoSansW01300.woff2') format('woff2'), url('fonts/MuseoSansW01300.ttf') format('truetype'), url('fonts/MuseoSansW01300.svg#webfontS9QnPX6Q') format('svg'), url('fonts/MuseoSansW01300.dfont') format('dfont'); font-weight:normal; font-style:normal; font-display: swap; }
@font-face { font-family: 'Glyphicons Halflings'; src: url('fonts/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); font-weight:normal; font-style:normal; font-display: swap; }
}
 
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; }
body { margin:0px; padding:0px; font-family:"MuseoSansW01300", Arial, sans-serif, serif; font-weight:normal; font-size:14px; line-height:16px; -webkit-text-size-adjust:none; background-color:#fff; color:#444444; }
img { max-width: 100%; height: auto; vertical-align: top; aspect-ratio: attr(width) / attr(height); }
a { text-decoration:none; color:#3e7ebe; } a:hover { text-decoration:none; }
a:focus, input:focus, textarea:focus, select:focus, button:focus{ outline: 0; }
.red{color:#ff0000;}
.fontfamily { font-family:Arial,Helvetica,sans-serif; }
.fontfamily2{ font-family:"Helvetica-Neue",Arial,Helvetica,sans-serif;letter-spacing:px;}
.fontfamily3{font-family:"MuseoSansW01300",Arial,Helvetica,sans-serif;}
.clear{clear:both;} 
 

.menu-container { position:relative;}
@media (min-width: 769px) and (max-width: 1024px){ .menu-container { width: 100%; margin: 0 auto; } .menu { font-size: 14px !important; } }
@media (min-width: 1200px){ .menu-container { width: 1200px; margin: 0 auto; } .menu > ul > li:last-child{ position: absolute; top:3px; right: 30px; text-align: center; } .fixed .menu > ul > li:last-child{ top:3px; right: 30px; } .searchbutton{right:100px !important;} }
@media (max-width:1023px){ .menu-container { width: 100%; margin: 0 auto; background-color:#eaeaea; } }
.menu{font-family: 'Open Sans',Arial,Helvetica,sans-serif;font-size:16px; min-height: 56px;}
.menu-mobile {display: none; padding: 20px;color:#384279; text-decoration:none;font-weight:bold;}
.menu-mobile:after { content: "\f0c9"; font-family: "FontAwesome"; font-size: 3rem; padding: 5px 0 0 0; float: right; position: relative; top: 60%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); }
.menu-dropdown-icon:before { content: "\f078"; font-family: "FontAwesome"; cursor: pointer; float: right; padding: 1em 0.5em 1.2em 0.5em; }
.menu > ul { margin: 0 auto; width: 100%; list-style: none; padding: 0; position: relative; box-sizing: border-box; }
.menu > ul:before, .menu > ul:after { content: ""; display: table; }
.menu > ul:after { clear: both; } 
.menu > ul > li { float: left; padding: 0; margin: 0; } 
.menu > ul > li a { text-decoration: none; padding: 1em 2.1em 1em 1em; display: block; font-weight:bold; color: #384279; } 
.menu > ul > li:hover,.menu > ul > li:hover > a{ color:#a7c44c; } 
.menu > ul > li:last-child{ background: #384279; border-radius: 10px; text-align: center; } 
.menu > ul > li:last-child > a{ padding: 1em !important; border-radius: 10px; color: #fff !important; } 
.menu > ul > li:last-child > a:hover{ background: #7baf2f; border-radius: 10px; color: #fff !important; } 
.menu > ul > li > ul { display: none; width: 102%; background: #ffffff; padding: 10px; position: absolute; z-index: 99999; left: -1%; margin: 0; list-style: none; box-sizing: border-box; } 
.menu > ul > li > ul a:hover{ color: #a7c44c; } 
.menu > ul > li > ul:before, .menu > ul > li > ul:after { content: ""; display: table; } 
.menu > ul > li > ul:after { clear: both; } 
.menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; width: 24%; display:inline-block; } 
.menu > ul > li > ul > li a { padding: .5em 0 .3em 0; width: 95%; border-bottom: 1px solid #ccc; color: #384279; } 
.menu > ul > li > ul > li a span{float:right; text-align:right;} 
.menu > ul > li > ul > li > ul { display: block; padding: 0; margin:0; list-style: none; box-sizing: border-box; }
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after { content: ""; display: table; } 
.menu > ul > li > ul > li > ul:after { clear: both; } 
.menu > ul > li > ul > li > ul > li { float: left; width: 100%; margin: 0; font-size: 1em; } 
.menu > ul > li > ul > li > ul > li a { border: 0; color:#333; font-weight:normal; padding: 0.8em 0 0.65em 0; font-size: 14px; } 
.menu > ul > li > ul > li > ul > li > a { display: inline-block; width: auto; } 
.menu > ul > li > ul > li > ul > li.nav-hot a { position: relative; } 
.menu > ul > li > ul > li > ul > li.nav-hot a::before { content: ""; display: inline-block; width: 22px; height: 17px; background: url(../images/hot1.gif); background-position: center; background-repeat: no-repeat; background-size: 22px 17px; position: absolute; top: -4px; right: 0; z-index: 2; } 
.menu > ul > li > ul.normal-sub { width: 30%; left: auto; padding: 0px 0px 0px 20px; } 
.menu > ul > li > ul.normal-sub > li { width: 100%; } 
.menu > ul > li > ul.normal-sub > li a { border: 0; padding: 1em 0; }
.menuwhitbg{position:absolute; display:none; width:100%;background-color:#ffffff;left:0;top:45px;border-bottom:1px solid #efefef;}
@media (min-width: 960px) and (max-width: 1400px) { .menu > ul > li > ul { width: 100%; left: 0; } }
@media (min-width: 960px) and (max-width: 1200px) { .menu { font-size: 15px; } .menu > ul > li a { padding: 1em 2.1em 1em 0.1em; } .menu > ul > li:first-child a { padding: 1em 0.5em 1em 0.5em; } }
@media only screen and (max-width: 959px) {
.menu-container { width: 100%; } 
.menu-mobile { display: block; } 
.menu-dropdown-icon:before { display: block; padding: 1em; } 
.menu > ul { display: none; } 
.menu > ul > li { width: 100%; float: none; display: block; }
.menu > ul > li a { padding: 1em 1.5em; width: 100%; display: block; } 
.menu > ul > li > ul { position: relative; width: 100%; left: 0; } 
.menu > ul > li > ul.normal-sub { width: 100% !important; } 
.menu > ul > li > ul > li { float: none; width: 100%; margin-top: 10px; } 
.menu > ul > li > ul > li:first-child { margin: 0; } 
.menu > ul > li > ul > li > ul { position: relative; } 
.menu > ul > li > ul > li > ul > li { float: none; } 
.menu > ul > li > ul > li > ul > li a { padding: .5em 0 .5em 0; } 
.menu .show-on-mobile { display: block; }
}

.toppadding{padding-top:2px;}
.toppadding .col-lg-3,.toppadding .col-lg-5 {padding-left: 0;}
.toppadding div[class*="col-md"]{padding-top:8px;padding-bottom:8px;}
.toppadding div[class*="col-md"]:after{ display: table; content: " "; } .toppadding div[class*="col-md"]:after{ clear: both; }
.topsmalliconuit{padding-left:43px;height:46px;line-height:46px;color:#666666; background-repeat:no-repeat;background-position:left center;}
.telbg{ background-image:url(../images/top-tel.png);width:145px; }
.inquirybg{ background-image:url(../images/top-inquiry.png);width:90px;}
.topsmalliconuit a{color:#666666;}
.topsmalliconuit.inquirybg a{color:#006 !important;}
.topsmalliconuit a:hover{color:#3c4a83;}

.colum{border-bottom:1px solid #cccccc; position:relative;z-index:99;}
.columleftcont{width:100%;padding:0px;margin:0px;}
.columleftcont li{float:left;padding-left:10px;padding-right:10px;margin:0px;height:45px; list-style:none; text-align:center;line-height:45px;font-size:15px; cursor:pointer;}
.columleftcont li>a:first-child{font-size:17px;}
.columleftcont li:hover{border-bottom:1px solid #3c4a83;}
.columleftcont li:hover a{color:#3c4a83;}
.columleftcont li a{color:#666666;}
.columleftcont .secondcolum{ border-bottom:1px solid #cccccc;width:100%; padding-top:15px;padding-bottom:15px;position:absolute;top:44px;left:0px; background-color:#ffffff;z-index:100;text-align:left;display:none;line-height:22px;}
.columleftcont .secondcolum .bigtit{font-size:15px;line-height:24px;font-weight:bold;}
.columleftcont .secondcolum .columunit{font-size:13px;line-height:24px;}
.columleftcont .secondcolum .columunit strong{line-height:28px;}
.columleftcont .secondcolum .columunit strong a:before{ content:">";margin-right:5px;}
.columleftcont .secondcolum .columunit a{display:block;color:#3c4a83;}
.columleftcont .secondcolum .columunit a:hover{color:#ff0000;}

.searchbutton{position: absolute;right:0;top:10px; background-color: #006;color:#ffffff;float:right;padding:5px 8px 5px 8px; border-radius:5px; cursor:pointer;}
.searchcontent{width:100%; background-color:#ffffff;z-index:100;text-align:left;line-height:22px;}
.searchcontent strong{line-height:34px;}
.searbuttonsmall{color:#a5cf68;padding:5px 20px 5px 20px; border-radius:5px; cursor:pointer;height:34px; display:inline-block;font-size:18px;}
.searchinput{width:100%;border:1px solid #cccccc; border-radius:5px;height:34px;line-height:34px;padding-left:5px;padding-right:5px;}
.searchshow{position: fixed; width:100%; bottom: 0; left: 0; background: #006; z-index: 99999;}
.search-box{position: relative; padding: 10px 10%;}
.search-box .searchinput{width:100%; height:40px;line-height:40px;}
.search-box .searbuttonsmall{position: absolute; right: 10%; top:16px;}
@media (min-width: 1200px){ .container { width: 1200px !important; } }
@media (max-width: 1000px) { .search-box .searchinput{width:100%;} .container-fluid {padding: 0 !important;} }

.indexbanner{position:relative;margin:auto; z-index:10;}
.indexbanner .bannerturn{position:relative; overflow:hidden;}
.indexbanner .bannerturn img{max-width:1920px; width:1920px; height: 500px;margin:auto; display:block;position:relative; z-index:10;}
.indexbanner .bannerturn-1 {background-image: url(../images/banner-20220623.jpg); background: -webkit-image-set(url(../images/banner-20220623.webp) 1x,url(../images/banner-20220623-min.webp) 2x,url(../images/banner-20220623-min.webp) 3x); background: image-set(url(../images/banner-20220623.webp) 1x,url(../images/banner-20220623-min.webp) 2x,url(../images/banner-20220623-min.webp) 3x);background-repeat: no-repeat; background-size: 1920px 500px; background-position: center left; height: 500px;} .indexbanner .bannerturn-1 img {display: none !important;}
@media (min-width: 1921px){.indexbanner .bannerturn img {max-width:2500px; width: 2500px; height: 650px;} .indexbanner .bannerturn-1{ background-size: 2500px 650px; height: 650px;}}
@media (max-width: 1440px){.indexbanner .bannerturn img {max-width:1600px; width: 1600px; height: 420px;} .indexbanner .bannerturn-1{ background-size: 1600px 420px; height: 420px;}}
.indexbanner .bannerturn .bannerfontcontent{ position: absolute;color:#ffffff;z-index:110;top:0;}
.indexbanner .bannerturn .bannerfontcontent .h1{font-weight:lighter;}
.indexbanner .bannerturn .bannerfontcontent .learnmore{width:100%;}
.indexbanner .bannerturn .bannerfontcontent p{font-family:Arial, Helvetica, sans-serif;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{color:#ffffff;font-size:18px;background-color: #7baf2f;color:#ffffff;padding:10px 20px 10px 20px; border-radius:5px; font-weight:lighter;}
.goldyellow{color:#fdf772;}

.esc { position: relative; clear: both; width: 100%; } 
#content { position: relative; margin: 50px auto; width: 960px; } 
.als-container { position: relative; width: 100%; margin: 0px auto; overflow: hidden; } 
.als-viewport { position: relative; overflow: hidden; margin-left:35px; } 
.als-wrapper { position: relative; list-style: none; margin:0px;padding:0px; } 
.als-item { position: relative; display: block; text-align: center; cursor: pointer; float: left; } 
.als-prev, .als-next { position: absolute; cursor: pointer; clear: both; } 
#demo3 { margin: 40px auto; } 
#demo3 .als-item { margin: 0px 5px; padding: 4px 0px; height: 170px; line-height: 18px; text-align: center; overflow: hidden; font-size:14px; } 
#demo3 .als-item a{ display:block; } 
#demo3 .als-item a img{margin-bottom:0px;margin-top:15px;margin-bottom:8px;max-width:100%;margin-left:auto;margin-right:auto; border-radius:5px; display:block;border:1px solid #efefef;} #demo3 .als-item a:hover{color:#3c4a84; text-decoration:none;} 
#demo3 .als-item a{color:#000000;} 
#demo3 .als-prev, #demo3 .als-next { top: 50px; font-size:40px; z-index:1000; } 
#demo3 .als-prev i, #demo3 .als-next i{font-size:40px;} 
#demo3 .als-prev i:hover,#demo3 .als-next i:hover{color:#f66c32;} 
#demo3 .als-prev { left: 0px; } 
#demo3 .als-next { right: 0px; } 
@media only screen and (min-width:1000px) { 
#demo3 .als-next{ right:0px;width:40px;} 
#demo3 .als-item { width: 170px; } 
} 
@media only screen and (max-width:1000px){ 
#demo3,.als-viewport{width:290px; overflow:hidden; } 
#demo3 .als-item { width: 230px; } 
}

.indexprotypearea{padding-top:20px;padding-bottom:20px;}
.interestbigTit{font-size:24px;text-align:center;padding-top:30px;line-height:40px;}
.indexprotype{color:#888888;padding:15px;}
.indexprotype img{margin:auto; display:block;margin-bottom:10px; max-width:100%;border-radius:5px;transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;}
.indexprotype:hover img{transform: scale(1.21); -webkit-transform: scale(1.1); -o-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.indexprotypename{font-size:18px;line-height:48px;}
.indexprotypename a{color:#666666;}
.indexprotypename a:hover{color:#3c4a83;}
.indexprotype p{line-height:20px;height:65px;  overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -o-line-clamp: 3; -ms-line-clamp: 3; -moz-line-clamp: 3; display:-webkit-box; }
.indexmore{font-size:14px;padding-bottom:5px;padding-top:8px;border-top:1px solid #efefef;margin-top:15px; }

.Gennomicnewsbg{ background-color:#fafafa;padding-top:50px;padding-bottom:30px;margin-top:30px;margin-bottom:0px;}
.dt-box{ background-color:#fdfdfd; margin-top:0px;margin-bottom:0px; }
.Gennomicnewsbg .dt-p{ font-size: 15px; line-height: 22px; color: #666666; text-align: center; }
.dt-p-a{ display: block; width: 240px; height: 40px; line-height: 40px; background: #3e7ebe ; text-transform: uppercase; font-size:16px; color: #fff; margin: 0 auto; }
.dt-p-a:hover,.dt-p-a:focus{ background: #23527c ; color: #ffffff !important; }
@media (min-width: 1081px) { .dt-p-img{ width:800px ;} }
@media (min-width: 769px) and (max-width: 1080px) { .dt-p-img{ width:85% ;} }
@media (max-width: 768px) {
.dt-p-img{ width:90% ;} 
.GennomicnewsTit{line-height: 26px;} 
.row-spot{ position: absolute; top:-260px !important; width: 1px; height: 1px; } 
.Support-Documents-list .Documentsunit{ min-height: 230px !important; } 
.Support-Documents-list .Documentsunit .Documentstit{ text-align: center !important; }
}

.GennomicnewsUnit p{font-size: 14px; line-height: 20px; color: #666666;}
.GennomicnewsTit{font-size:24px; display:block;padding-bottom:25px;color:#000000; text-align: center;}
.GennomicnewsUnit{padding-top:10px;padding-bottom:30px;}
.GennomicnewsUnit .time{font-size:15px;color:#cccccc; display:block;padding-top:8px;padding-bottom:8px;}
.GennomicnewsUnit .GennomicnewsUnitTit{display:block;font-size:15px;padding-top:15px;padding-bottom:5px;line-height:22px;}
.GennomicnewsUnit .GennomicnewsUnitTit a{color:#666666;}
.GennomicnewsUnit .GennomicnewsUnitTit a:hover{color:#3c4a83;}
.GennomicnewsUnit .Documentsunit-Support .img { margin: auto; width: 100%; text-align: center; }
.GennomicnewsUnit .Documentsunit-Support { padding: 10px; display: table; width: 100%; margin-top: 25px; border: 1px solid #eeeeee; min-height: 260px; position: relative; }
.GennomicnewsUnit .Documentsunit-Support .img img { margin: auto; max-width: 120px; }
.GennomicnewsUnit .Documentstit { font-size: 20px; font-weight: bold; line-height: 22px; margin-top: 10px; margin-bottom: 10px; text-align: center; }
.GennomicnewsUnit .Documentsunit-Support p{font-size: 15px; line-height: 22px; color: #666666; text-align: center;}
.GennomicnewsUnit .readmore{ background-image:url(../images/index-news-pic.png);height:33px;line-height:33px; display:block;padding-left:38px; background-repeat:no-repeat;}
.GennomicnewsUnit .readmore a{color:#cccccc;}
.GennomicnewsUnit .readmore:hover a{color:#3c4a83;}
.listpadding{padding-top:30px;padding-bottom:30px;border-bottom:1px solid #efefef;}
.listpadding p{line-height:20px;min-height:70px;color:#888888;}
.GennomicsearchUnit{padding-top:5px;padding-bottom:5px;}
.GennomicsearchUnit .time{font-size:15px;color:#cccccc; display:block;padding-top:8px;padding-bottom:8px;}
.GennomicsearchUnit .GennomicsearchUnitTit{display:block;font-size:18px;padding-top:15px;padding-bottom:5px;line-height:22px;}
.GennomicsearchUnit .GennomicsearchUnitTit a{color:#666666;}
.GennomicsearchUnit .GennomicsearchUnitTit a:hover{color:#3c4a83;}
.GennomicsearchUnit p{line-height:20px;min-height:40px;color: #888888;}
.GennomicsearchUnit .readmore{ background-image:url(../images/index-news-pic.png);height:33px;line-height:33px; display:block;padding-left:38px; background-repeat:no-repeat;}
.GennomicsearchUnit .readmore a{color:#cccccc;}
.GennomicsearchUnit .readmore:hover a{color:#3c4a83;}

.gongnenengarea{padding-top:30px;padding-bottom:60px;}
.gongnenengTIT{font-size:20px; display:block;line-height:48px;}
.gongnenengblognum{display:block;font-size:60px;color:#a5ce68;line-height:60px;}
.gongnenengblogsmallnum{display:block;font-size:18px;}
.gongnenenglink{ border-radius:30px;width:30px;padding:2px;height:30px;line-height:30px;color:#ffffff; background:#a5ce68;font-size:18px;margin-right:3px;}
.gongnenengbutton a{color:#ffffff;}
.gongnenengbutton{background-color: #006;color:#ffffff;padding:10px 20px 10px 20px; border-radius:5px; cursor:pointer;margin-top:20px;margin-bottom:20px;display:inline-block;}
.gongnenengarea p{line-height:20px;}
.gongnenengbutton:hover{background-color: #a5cf68;}
.gongnenengarea ul{padding:0px;margin:0px 0px 0px 18px;}
.gongnenengarea ul li{margin:0px;padding:3px 0px 3px 0px;}
.gongnenengp {font-size:16px;line-height:24px;margin-bottom:0;}
@media (min-width: 992px){.gongnenengp {margin-top:40%;}}

.bottomarea{padding-bottom:70px;width:100%; background-color:#f6f5f5;}
.bottomareaTIT{font-size:16px; display:block;line-height:35px;}
.bottomareaTIT span.glyphicon {padding-right: 6px;}
.bottomareaTIT a,.bottomarea-footer a{color:#888888;}
.bottomareaTIT a:hover,.bottomarea-footer a:hover{color:#3e7ebe;}
.bottomarea p{line-height:25px;}
.bottomarea-footer{border-top:1px solid #efefef;padding-top:15px; text-align:center;margin-top:15px;line-height:20px;color:#888888;}
.bottomarea-footer img{margin:8px 3px 10px 3px;}


.secondbanner{min-height:120px;background-position:center center; background-repeat:no-repeat;color:#a5ce68;font-size:18px; position:relative;}
.secondbanner img{ position:relative; z-index:9;width: 100%;min-height:120px;}
.servicesbg{ background-image:url(../images/services-banner-1.jpg); background: -webkit-image-set(url(../images/services-banner-1.webp) 1x,url(../images/services-banner-1.webp) 2x,url(../images/services-banner-1.webp) 3x); background: image-set(url(../images/services-banner-1.webp) 1x,url(../images/services-banner-1.webp) 2x,url(../images/services-banner-1.webp) 3x); background-size: cover; width: 100%; min-height: 200px;}
.servicesbg img {min-height: 1px;}
.aboutusbg{ background-image:url(../images/about-banner-1.jpg);}
.secondbanner .bigtit{color:#ffffff;width:100%; display:none;font-weight:bold;padding-top:60px;z-index:10;}
.secondbanner.servicesbg .bigtit{display:block !important;}

.path{color:#aaaaaa;padding-top:15px;padding-bottom:15px;padding-left:30px;padding-right:30px;}
.path a{color:#aaaaaa;}
.path a:hover{color:#3e7ebe;}

.servicesshowtit{border-bottom:1px solid #cccccc;padding-bottom:20px;margin-bottom:20px;}
.servicesshowtit h1{padding:0px;margin:0px 0px 10px 0px;font-size:26px;}
.servicesshowtit .smallinquiry{border-radius:5px;padding:0px 25px 0px 25px;color:#ffffff; background-color:#f74747;}
.servicesshowtit .smallinquiry a{color:#ffffff; display:inline-block;font-size:12px;line-height:10px;}
.servicesshow{line-height:26px;padding-bottom:30px;color:#444444;font-size:17px; font-weight:500;}
.servicesshow p{margin-top:15px;margin-bottom:15px;}
.servicesshow img{ max-width:100%;margin:auto; display:block;}

.inquiry-box{background:#006; padding: 8px 11px; border-top-left-radius:15px; border-top-right-radius:15px; margin-bottom: 20px;}
.inquiry-box .inquiryTit{ color: #fff; margin-bottom:2px;}
@media (max-width: 1024px) { .inquiry-box .inquiryTit{ font-size:16px !important;} }
.inquiryTit{font-size:22px;line-height:32px;margin-bottom:15px; display:block;}
.form-horizontal{line-height:24px;font-size:14px;margin-bottom:30px;}
.form-horizontal input,.form-horizontal textarea{ border-radius:0;}
.Submitbutton{background-color: #f74747;color:#ffffff;padding:10px 40px 10px 40px; border-radius:5px; cursor:pointer; border:0px;font-size:18px;}
.rightunit{border-top:1px solid #dddddd;padding-top:20px;padding-bottom:20px;font-size:13px;margin:0px;padding-left:0px;margin-right:0px;}
.rightunit .rightunitTit{font-size:22px;line-height:26px;margin-bottom:5px; display:block;}
.rightunit .rightunitTit{color:#3d4a84;}
.rightunit .rightunitTit a{color:#3d4a84;}
.rightunit .readmore{background-color: #7baf2f;color:#ffffff;padding:8px 20px 8px 20px; border-radius:5px; cursor:pointer; border:0px;font-size:14px;margin-top:0px; display:inline-block;}
.rightunit .readmore a{color:#ffffff;}
.rightunit .readmore:hover{background-color: #a5ce68;}
.rightunit .rightunitTit:hover a{color:#fa0b65;}
.rightunit .ullist li{margin-bottom: 5px;}
.rightunit .ullist li a{font-size: 15px; line-height: 22px;}
.ullist.relatedservices{padding: 0; list-style: none;}
.ullist.relatedservices li{ list-style: none; padding-left: 20px; background-image: url(../images/related-services-icon.png); background-repeat: no-repeat; background-position: left top;}

.abouttit{font-size:26px;line-height:32px;margin-bottom:15px; display:block;}
.rightcontactfont{padding-top:10px;padding-bottom:20px;line-height:22px;}
.rightcontactfont strong{font-size:16px;line-height:29px;}

.pageGeno{ display:block;margin-top:30px;}
.pageGeno a{padding:8px 12px 8px 12px;color:#888888;margin-right:10px;border:1px solid #cccccc;}
.pageGeno a:hover,.pageGeno .choosepage{ background-color:#3c4a83;color:#ffffff;border:1px solid #3c4a83;}

.HotReadList ol{margin:0px 0px 30px 0px;padding:0px;}
.HotReadList li{padding-top:8px;padding-bottom:8px;padding-right:30px;border-bottom:1px solid #efefef; list-style:none;font-size:15px;line-height:24px; display:block; position:relative;}
.HotReadList li a{color:#888888;}
.HotReadList li a:hover{color:#3c4a83;}
.HotReadList li .tophot{color:#ffffff; position:absolute;right:5px;top:8px; font-family:Arial, Helvetica, sans-serif;font-size:12px;padding-left:5px;padding-right:5px; padding-top:2px;border-radius:10px;}
.HotReadList li:nth-child(1) .tophot{ background:#fa0b65;}
.HotReadList li:nth-child(2) .tophot{ background:#fc3580;}
.HotReadList li:nth-child(3) .tophot{ background:#fb5d98;}
.HotReadList li:nth-child(4) .tophot{ background:#fb86b2;}


.ServiceShowPic { font-size:0.8em; text-align:center; line-height:1.5em; color:#888888; } 
.ServiceShowPic img { margin:auto; } 
.ServiceShowleftPic { margin-right:15px; text-align:center; color:#888888; display:inline-block; } 
.ServiceShowrightPic { margin-left:15px; text-align:center; color:#888888; display:inline-block; } 
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic { font-size:0.8em; text-align:center; line-height:1.5em; } 
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img { display:block; max-width:100%; height:auto; margin-bottom:5px; margin-left:auto; margin-right:auto; }
.ullist { padding:0px 0px 0px 15px; margin:0px; } 
.ollist { padding:0px 0px 15px 15px; margin:0px; } 
.reference-ollist{ list-style: decimal !important; font-size: 15px; }

.Reference{padding-bottom:0px;font-size:16px;line-height:26px;color:#888888; }
.Reference strong{ display:block; color:#888888;font-size:18px;}
.RelatedSections{padding-top:15px;}
.RelatedSections a{color:#c00000;}
.RelatedSections strong{font-size:20px;padding-bottom:5px;display:block;}
.RelatedSections div[class*="col-md"]{padding-top:3px;padding-bottom:3px;}
.tablecontentshow{margin:auto auto 10px auto;}
.tablecontentshow td{padding:5px;}

.relatedService{padding-bottom:25px;color:#888888;}
.relatedService .unit{border-bottom:2px solid #efefef;padding-top:10px; position:relative;padding-left:80px;min-height:93px;}
.relatedService .unit img{margin-bottom:10px; position:absolute;width:70px;left:0; border-radius:5px;}
.relatedService .unit .tit{font-size:15px;margin-bottom:8px; display:block;}
.relatedService .unit .tit a,.Additional .tit a{color:#3b4a83;}
.relatedService .unit .tit :hover,.Additional .tit :hover{color:#fa0b65;}
.Additional{color:#888888;padding-bottom:15px;font-size:15px;line-height:21px;}
.Additional .tit{font-size:15px;margin-bottom:8px;margin-top:10px;display:block;}
.Additional img{ border-radius:5px;}

.successinfo{line-height:30px;line-height:22px;color:#888888;padding-right:20px;padding-bottom:20px;}
.successinfo .iconarea .iconunit{text-align:center;display:block; width:40px;height:40px; border-radius:40px; background-color:#090;color:#ffffff;line-height:40px;font-weight: bolder;font-size:22px; position:relative;z-index:9;}
.successinfo .tit{font-size:20px;font-weight:bold;color:#009900; display:block;}
.successinfo .iconarea .iconunit img{top:10px;left:5px;position:absolute; z-index:10;}

.proshowTabhead{margin-top:30px;margin-bottom:15px;position: relative;border-bottom:1px solid #cccccc; text-align:center;}
.proshowTabhead ul{padding:0px;margin:0px;height:44px;}
.proshowTabhead ul li {float:left;}
.proshowTabhead ul li{list-style:none;text-align:center;font-weight:bold;font-size:15px;height:44px;line-height:24px; cursor: pointer;border-top:1px solid #cccccc;border-left:1px solid #cccccc;color:#3a51cc;}
.proshowTabhead ul li:last-child{border-right:1px solid #cccccc;border-top-right-radius:10px;}
.proshowTabhead ul li:first-child{ border-top-left-radius:10px;}
.proshowTabhead .choosedbg{background-color:#f3f3f3;color:#000000;}
.proshowTabhead ul li:hover .Tabcontentarea{ display:block;}
.proshowTabhead ul li:hover,.proshowTabhead ul .choosedbg{background-color:#f3f3f3;color:#000000;}
.proshowTabhead .choosedbg2,.proshowTabhead span:hover{color:#6db613;font-weight:bold;}
.proshowTabhead span{ display:inline-block;padding:10px 10px 10px 10px;list-style:none;text-align:center;font-size:15px;height:35px;line-height:14px; cursor: pointer;margin-left:5px;color:#666666;}
.proshowTabcontentarea{width:100%; z-index:100000;left:0; display:none;padding-top:0px;padding-bottom:30px; text-align:left;font-weight: normal;font-size:16px;}
.proshowTabcontentarea img{ display:block; margin:auto; max-width:100%;}
.proshowTabcontentarea .contunit{text-align:center;padding-bottom:30px;}
.proshowTabcontentarea .contunit p{color:#444444;margin-top:15px;margin-bottom:15px;text-align:center;line-height:22px;}
.proshowTabcontentarea .contunit .more{color:#666666; display:block;margin:auto; text-align:center;}
.proshowTabcontentarea .contunit .more:hover{color:#be3640;}
.proshownote{padding-top:25px;}
.askform{padding-top:30px;}
.askform .askformtit{font-size:19px;font-weight:bold;}
.askform div[class*="col-md"]{padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;}
.askform .inputarea{ display:block;width:100%; border-radius:3px; border:1px solid #cccccc;padding:4px;}
.inquirymargin{margin-top:25px;}

.SUBSCRIBE{font-size:18px;line-height:24px; margin-left: auto;margin-right: auto;}
.SUBSCRIBE .logo{ display:block; text-align:center; padding-top:20px;padding-bottom:20px;}
.SUBSCRIBE .subcontent{background-color:#ffffff; border-radius:8px; 
box-shadow:0 0 12px #5c7b35;
-webkit-box-shadow:0 0 12px #5c7b35;
-ms-box-shadow:0 0 12px #5c7b35;
-moz-box-shadow:0 0 12px #5c7b35;
-o-box-shadow:0 0 12px #5c7b35;padding:15px 25px 15px 25px;}
.SUBSCRIBE p{color:#666666;}
.SUBSCRIBE h3{border-bottom:1px solid #cccccc;padding-bottom:10px;}
.SUBSCRIBE form{font-size:16px !important;margin-top:20px;}
.SUBSCRIBE form input{margin-top:0;}
.SUBSCRIBE .banquanbottom{display:block; text-align:center; padding-top:20px;padding-bottom:20px;font-size:14px;color:#ffffff;}
.SUBSCRIBE .banquanbottom a{margin-top:20px;}
.SUBSCRIBE .Submitbutton:hover{ background-color:#384279;}

.Support-Documents-banner{ background-image:url(../images/Support-Documents-banner.jpg); background: -webkit-image-set(url(../images/Support-Documents-banner.webp) 1x,url(../images/Support-Documents-banner.webp) 2x,url(../images/Support-Documents-banner.webp) 3x); background: image-set(url(../images/Support-Documents-banner.webp) 1x,url(../images/Support-Documents-banner.webp) 2x,url(../images/Support-Documents-banner.webp) 3x); display: table; width: 100%;height:341px; background-repeat:no-repeat; background-size: cover; color:#ffffff; text-align:center;}
.Support-Documents{font-size:18px; display: table-cell; vertical-align: middle;}
.Support-Documents .small-BigTit{font-size:20px; background-color:#9cc965;color:#ffffff;padding:10px;margin-bottom:5px; display:inline-block;font-weight:bold;margin-top:0 !important;}
.Support-Documents .bigtit{font-size:36px;line-height:50px;display:block;}
.Support-Documents .smalltit{font-size:18px; display:block;line-height:24px;}
.Support-Documents-list{padding-top:0px;margin-top:0px;padding-bottom:20px;}
.Support-Documents-list .Documentsunit{padding:0; border-radius: 10px; display:table;width:100%;margin-top:25px; background-color:#ffffff; border:1px solid #e3e3e3;min-height:285px; position:relative; }
.Support-Documents-list .Documentsunit .img{margin:auto;width:100%;}
.Support-Documents-list .Documentsunit .img img{margin:auto; max-width:100%;}
.Support-Documents-list .Documentsunit .Documentstit{font-size:18px;line-height:26px;margin-top:15px;margin-bottom:10px;width:100%;padding: 0 15px; text-align: left;}
.Support-Documents-list .Documentsunit .Documentstit a{color:#006;}
.Support-Documents-list .Documentsunit:hover{background-color:#f0f9e4; border:1px solid #cdddb9; font-weight:600;}
.Support-Documents-list .Documentsunit p{font-size:15px;line-height:20px;color:#666666;}
.Support-Documents-list .Documentsunit .list ul{padding:0px;margin:0px 0px 0px 20px;}
.Support-Documents-list .Documentsunit .list ul li{border-bottom:0px solid #cccccc;padding-bottom:5px;padding-top:5px;}
.Support-Documents-list .Documentsunit .list ul li a{color:#666666;}
.Support-Documents-list .Documentsunit .Documentstit:hover a{color:#9cc965;}
.Support-Documents-list .Documentsunit .list ul li:hover a{color:#9cc965;}
.Support-Documents-list .firstbg .backtop{ position:absolute;bottom:0px;right:15px;width:50px;height:50px; background-color:rgba(0,0,0,0.2); text-align:center;line-height:50px;}
.Support-Documents-list .firstbg .backtop:hover{background-color:rgba(0,0,0,0.5);}
.Support-Documents-list .firstbg{background-color:#9cc965;padding:10px;margin-top:25px;display:table;width:100%; border:1px solid #9cc965;min-height:300px;color:#efefef;}
.Support-Documents-list .firstbg .firstcontent{ position:absolute; top:25%;left:15%;width:70%;}
.Support-Documents-list .firstbg .firstcontent .tit{font-size:30px;font-weight:bold;line-height:36px;}
.Support-Documents-list .firstbg .firstcontent .button{ border-radius:5px; border:2px solid #efefef;padding:8px 12px 8px 12px; display:inline-block;margin-top:15px;font-size:16px;}
.Support-Documents-list .firstbg a{ display:block;color:#ffffff;}
.Support-Documents-list .firstbg:hover{color:#ffffff;}
.Support-Documents-list .firstbg:hover .button{border:2px solid #ffffff;}
.Support-Documents-list .firstbg:hover .button a{color:#ffffff;}
.Support-Documents-list .Documentsunit-Support{padding:10px; display:table;width:100%;margin-top:25px; background-color:#ffffff; border:1px solid #eeeeee;min-height:330px; position:relative;}
.Support-Documents-list .Documentsunit-Support .img{margin:auto;width:100%; text-align:center;}
.Support-Documents-list .Documentsunit-Support .img img{margin:auto; max-width:240px;}
.Support-Documents-list .Documentsunit-Support .Documentstit{font-size:20px; font-weight:bold;line-height:22px;margin-top:10px;margin-bottom:10px; text-align:center;}
.Support-Documents-list .Documentsunit-Support .Documentstit a{color:#000000;}
.Support-Documents-list .Documentsunit-Support:hover{background-color:#ffffff; border:1px solid #cdddb9; box-shadow:0 0 5px rgba(153,153,153,0.3);}
.Support-Documents-list .Documentsunit-Support:hover a{color:#73aa30;}
.Support-Documents-list .Documentsunit-Support p{font-size:15px;line-height:22px;color:#666666;}
.supportcolum{font-size:17px;line-height:22px;padding-top:15px;padding-bottom:13px;border:1px solid #efefef; background-color:#f2f2f2;margin-top:25px; text-align:center;}
.supportcolum a{color:#444444;margin-right:10px;margin-left:10px;}
.supportcolum a:hover{color:#73aa30;}

.Products-Selection-Guides-des{font-size:18px;}
.Products-Selection-Guides-list{margin-top:30px;}
.Products-Selection-Guides-list .col-md-12 .uonit{ display: table;width:100%;padding-top:15px;padding-bottom:15px;}
.Products-Selection-Guides-list .col-md-12 .uonit p{font-size:16px;line-height:23px;padding-right:30px;margin-top:10px;color:#555555;}
.Products-Selection-Guides-list h4{margin-top:0;padding-right:30px;line-height:33px;font-size:25px;}
.Products-Selection-Guides-list .arrowRight{ position:absolute;top:50%;right:15px;}
.Products-Selection-Guides-list .arrowRight a{color:#000000;}
.Products-Selection-Guides-list .col-md-12:hover .uonit{ background-color:#eef8e1;}
.Products-Selection-Guides-list .col-md-12:hover .arrowRight a{color:#8fc151;}
.Products-Selection-Guides-list .smalltype{ display:block;font-size:14px;color:#aaaaaa;padding-right:30px;}

.sitedingwei{margin-top:30px; background-color:#f6f6f6;font-size:14px;}
.sitedingwei a{margin-left:5px;margin-right:5px;color:#888888;}
.sitedingwei a:hover{color:#000000;}
table p,table ul {margin: 0 !important;}

@media only screen and (min-width:1600px) {	
.indexbanner .bannerturn .bannerfontcontent{right:22%;width:22%;top:30%;}
.indexbanner .bannerturn .bannerfontcontent .h1{font-size:32px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:18px;line-height:26px;padding-top:10px;padding-bottom:10px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore{margin-top:15px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:18px;padding:10px 20px 10px 20px; }
.SUBSCRIBE{width:30%; left:35%;top:10%;}
.proshowTabhead ul li{width:25%;padding:10px 10px 10px 10px;}
.indexbanner .bannerturn .banner-newyearbox .h1{font-size:52px; font-weight: bold;}
.indexbanner .bannerturn .banner-newyearbox p{font-size:26px;line-height:36px;}
.indexbanner .bannerturn .banner-newyearbox .banner-newyearbig{ font-size:36px;line-height:45px;font-weight: bold;}
.indexbanner .bannerturn .banner-newyearbox .banner-newyearbig span{ font-size:42px;}
.indexbanner .bannerturn .banner-newyearbox .learnmore a{padding:10px 50px;}
}

@media only screen and (min-width:1000px) and (max-width:1599px) {
.indexbanner .bannerturn .bannerfontcontent{right:10%;width:30%;top:20%;}
.indexbanner .bannerturn .bannerfontcontent .h1{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:14px;line-height:20px;padding-top:10px;padding-bottom:10px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore{margin-top:15px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:16px;}
.SUBSCRIBE{width:90%; left:5%;top:10%;}
.proshowTabhead ul li{width:25%;padding:10px 10px 10px 10px;}
.indexbanner .bannerturn .banner-newyearbox .h1{font-size:45px; font-weight: bold;}
.indexbanner .bannerturn .banner-newyearbox p{font-size:20px;line-height:30px;}
.indexbanner .bannerturn .banner-newyearbox .banner-newyearbig{ font-size:30px;line-height:36px;font-weight: bold;}
.indexbanner .bannerturn .banner-newyearbox .banner-newyearbig span{ font-size:36px;}
.indexbanner .bannerturn .banner-newyearbox .learnmore a{padding:10px 40px;}
}
@media only screen and (min-width:1000px) {
.mobilecolumonline{ display:none;}
.columleftcont{display:block;}
.topsmalliconuit{float:right;}
.searchcontent{border-bottom:1px solid #cccccc;position:absolute;top:46px;left:0px; z-index:100;display:none;padding-top:15px;padding-bottom:15px;}
.indexprotype{padding-left:35px;padding-right:35px;}
.ServiceShowrightPic {float:right;}
.ServiceShowleftPic {float:left;}
.secondbanner .bigtit{font-size:28px;line-height:30px;}
.proshowTabhead ul li{width:25%;padding:10px 10px 10px 10px;}
}
@media only screen and (max-width:1000px) {
.mobilecolumonline,.searchcontent,.searchcontent{ display:block;}	
.columleftcont,.searchbutton{display:none;}
.topsmalliconuit{float:left;}
.top-orderbg {padding-left: 8px;margin-bottom: 15px;}
.telbg{margin-left:20px;}
.telbg,.inquirybg{margin-bottom:15px;}
.searbuttonsmall{text-align:center;}
.searchcontent{padding-bottom:15px;}
.searchcontent div[class*="col-md"],.searchcontent .container{padding-left:0px;padding-right:0px;}
.secondbanner .bigtit{font-size:20px;line-height:26px;}
.proshowTabhead ul li{width:30%;padding:10px 10px 10px 10px;}
}

@media only screen and (min-width:768px) and (max-width:1000px) {
.indexbanner .bannerturn .bannerfontcontent{right:10%;width:33%;top:20%;}
.indexbanner .bannerturn .bannerfontcontent .h1{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:14px;line-height:20px;padding-top:5px;padding-bottom:5px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore{margin-top:0px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:16px;padding:8px 15px 8px 15px; }
.ServiceShowrightPic {float:right;}
.ServiceShowleftPic {float:left;}
.SUBSCRIBE{width:90%; left:5%;top:10%;}
.Support-Documents .small-BigTit{margin-top:50px;}
.proshowTabhead ul li{padding:10px 15px 10px 15px;width: auto;}
}
@media only screen and (min-width:480px) and (max-width:768px) {
.indexbanner .bannerturn .bannerfontcontent{right:5%;width:80%;top:20%;}
.indexbanner .bannerturn .bannerfontcontent .h1{font-size:16px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:13px;line-height:20px;padding-top:5px;padding-bottom:5px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore{margin-top:0px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:16px;}
.ServiceShowrightPic,.ServiceShowleftPic{margin-bottom:10px;width:100%;}
.SUBSCRIBE{width:90%; left:5%;top:10%;}
.Support-Documents .small-BigTit{margin-top:50px;}
.proshowTabhead ul li{padding:10px 15px 10px 15px;width: auto;}
}
@media only screen and (min-width:20px) and (max-width:480px) {
.indexbanner .bannerturn .bannerfontcontent{right:5%;width:90%;top:20%;}
.indexbanner .bannerturn .bannerfontcontent .h1{font-size:15px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:12px;line-height:18px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore{margin-top:0px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:12px; }
.ServiceShowrightPic,.ServiceShowleftPic{margin-bottom:10px;width:100%;}
.SUBSCRIBE{width:90%; left:5%;top:10%;}
.Support-Documents .small-BigTit{margin-top:50px;}
.proshowTabhead ul li{padding:10px 15px 10px 15px;width: auto;}
}

@media (min-width: 600px) { .newyear-minimg{ display: none !important; } }
@media (max-width: 599px) { .newyear-maximg{ display: none !important; } .newyear-minimg{ display: block !important; } }
.navMenu{ margin: 0px; padding: 0px; } 
.navMenu li{ list-style: none; } 
.navMenu>li { color: #444; background: #fff; line-height: 26px; position: relative; margin-bottom: 15px; } 
.navMenu .QA{ color: #7baf2f; text-align: center; } 
.navMenu>li:last-child { margin-bottom: 0px; } 
.navMenu>li>a { display: block; padding: 8px 15px; line-height: 24px; color: #444; transition: all .3s; position: relative; text-decoration: none; font-size: 17px; background: #F6F6F6; cursor: pointer; } 
.navMenu>li:last-child>a { border-bottom: 1px solid transparent; } 
.navMenu>li>a.active, .navMenu>li>a:hover { border-left: 3px solid #7baf2f; color: #7baf2f; } 
.navMenu>li>ul.sub-menu, 
.navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 0px; padding: 8px 18px; } 
.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }

.download-list{ margin-bottom: 30px; } 
.download-box{ border-top-right-radius: 10px; border-top-left-radius: 10px; border: 1px solid #dddddd; } 
.download-box .img a img{ border-top-right-radius: 10px; border-top-left-radius: 10px; } 
.download-box h3{ text-transform: uppercase; font-size: 17px; line-height: 24px !important; text-align: center; } 
.download-box p{ text-align: center; padding-left: 10px; padding-right: 10px; font-size: 16px; } 
.download-box .download-btn a{ display: block; color: #006; font-size: 18px; font-weight: bold; text-align: center; width: 100%; height: 40px; line-height: 40px; }

.download-box .download-btn a:hover{ color: #9cc965; }
.addthis_button img { text-align: left; display: inline-block; }
.page-topbox { background: #f5f5f5; line-height: 24px; padding: 5px 0 6px; min-height: 35px;} 
.page-topbox .col-md-5 a { color: #7baf2f; } 
.page-topbox .col-md-5 a:hover { color: #006; }
.related-products table { border-collapse: collapse; margin: 0.6em 0; width: 100%; font-size: 0.95em; border: 1px solid #efefef; } 
.related-products table th, .related-products table td { padding: 6px 10px; line-height: 24px; border: 1px solid #efefef; } 
.related-products table th { background: #006; color: #fff; text-align: left; } 
.related-products table th a { color: #a5ce68; text-decoration: underline; } 
.related-products table th a:hover { text-decoration: none; } 
.related-products table tr td { background: #fff; font-size: 0.92em; } 
.related-products table tr:nth-of-type(2n+2) td { background: #f8f8f8; }
.servicesshow h3 { padding: 0; margin: 15px 0; line-height: 26px; color: #444444; font-size: 17px; font-weight: bold; }
.project-notes { display: block; width: 100%; padding: 5px 10px; border-radius: 5px; color: #000; background: #f5f5f5; margin-top: 10px; margin-bottom: 10px; font-size: 15px; line-height: 26px; } 
.project-notes i { display: none; padding-right: 8px; font-size: 19px; color: #fb6627; }
@media screen and (max-width:640px) { p { font-size: 16px; line-height:150%; } }
@media (max-width: 516px){.page-topbox{min-height: 59px;}}

.form-code { position: relative; } 
.form-code .fa-check, .form-code .fa-close { position: absolute; top: 35px; left: 50%; } 
.form-code.order-form-code .fa-check, .form-code.order-form-code .fa-close { top: 40px; } 
.form-code.bottom-form-code .fa-check, .form-code.bottom-form-code .fa-close { top: 10px; } 
.form-code.inquiry-form-code .fa-check, .form-code.inquiry-form-code .fa-close { top: 10px; } 
.form-code #code { display: inline-block; width: 50% !important; float: left; } 
.form-code img { display: inline-block !important; width: 100px !important; height: 34px !important; } 
.form-code label { display: block; } 
.left-form-code .formError, .order-form-code .formError, .bottom-form-code .formError { width: 120px; }

.h3-titlebg { font-size: 20px !important; padding: 10px 20px !important; text-align: center; background: #b8cce4; border-radius: 10px; }
.bluebg { padding: 12px 20px; border-radius: 10px; background: #b8cce4; margin-bottom: 15px; } 
.orangebg { padding: 12px 20px; border-radius: 10px; background: #f8d66f; margin-bottom: 15px; }
.table-cat { font-size: 15px; line-height: 22px; } 
.table-cat th { padding: 8px; background: #b8cce4; } 
.table-cat td { padding: 5px 8px; } 
.table-cat td:first-child { background: #f2f2f2; }

@media (min-width: 960px) {
.menu > ul > li > ul > li.resource-nav { width: 49%; } 
.menu > ul > li > ul > li.resource-nav a { padding: .5em 0 .3em 0; width: 95%; border-bottom: 1px solid #ccc; color: #384279; } 
.menu > ul > li > ul > li.resource-nav:hover a { color:#a7c44c; } 
.menu > ul > li > ul > li.resource-nav-li { display: block; width: 51%; margin: 0; font-size: .875em; } 
.menu > ul > li > ul > li.resource-nav-li a { border: 0; color: #333; font-weight: normal; padding: .3em 0 .2em 0; font-size: 13.5px; } 
.menu > ul > li > ul > li.resource-nav-li:hover a { color:#a7c44c; } 
.menu > ul > li > ul > li.resource-nav-li:last-child { padding-bottom: 1em; } 
.menu > ul > li > ul > li > ul > li.resource-nav-2 a { padding: .5em 0 .3em 0; width: 95%; border-bottom: 1px solid #ccc; color: #384279; } 
.menu > ul > li > ul > li > ul > li.resource-nav-2 a:hover { color:#a7c44c; } 
.menu > ul > li.resource-nav-s > ul { width: 50%; left: 65%; padding: 0px 0px 0px 20px; } 
.menu > ul > li > ul > li.resource-nav-1 { position: absolute; top: 0; right: 0; width: 49%; margin: 0; z-index: 1; } 
.menu > ul > li > ul > li.resource-nav-2 { position: absolute; top: 40px; right: 0; width: 49%; margin: 0; z-index: 1; } 
.menu > ul > li > ul > li.resource-nav-3 { position: absolute; top: 80px; right: 0; width: 49%; margin: 0; z-index: 1; } 
.menu > ul > li > ul > li.resource-nav-4 { position: absolute; top: 120px; right: 0; width: 49%; margin: 0; z-index: 1; }
}

.display-none { display: none; }
.order-online { background: #384279; padding: .8em 1em !important; border-radius: 10px; color: #fff !important; text-align: center; display: inline-block; line-height: 20px; margin-right: 20px; margin-top: 5px; } 
.order-online:hover { background: #7baf2f; border-radius: 10px; color: #fff !important; }
.right-company { background: #384279; padding: 10px 20px 15px; border-radius: 15px; margin-bottom: 20px; color: #fff; margin-top: 15px; } 
.right-company a { display: block; padding-left: 15px; color: #fff; padding-bottom: 5px; } 
.right-company a:hover { color: #9cc965; }
.control-form-c .control-label { padding-top: 0; }
.horizontal-form-c { background: #f9f9f9; padding: 15px 0 1px; }
.nav-links { padding: 10px 0 0; }
.pageGeno .nav-links a { margin-right: 5px; margin-left: 5px; } 
.pageGeno .nav-links a.prev { margin-left: 0; }
.pro-choice-nav { width: 100%; margin: 0 auto 25px; text-align: right; padding-right: 0; } 
.pro-choice-nav div { display: inline-block; margin: 0 10px; padding: 10px 0 0; color: #353a3d; letter-spacing: 0; cursor: pointer; } 
.pro-choice-nav div:hover { color: #9cc965; } 
.pro-choice-nav .active { color: #9cc965; font-weight: bold; } 
.pro-choice-list { padding: 0; } 
.pro-choice-list,.pro-choice-list li { list-style: none !important; } 
.pro-choice-list li { margin-bottom: 30px; } 
.pro-choice-list .download-box img { width: 100%; }
@media (min-width: 768px) { .pro-choice-list { flex-wrap: wrap; display: flex; justify-content: flex-start; } .pro-choice-list .download-box { height: 100%; } }
.toppadding .img-responsive { max-width: 240px; }
@media (min-width: 959px) {
.menu>ul>li>ul { height: 320px; } 
.menu>ul>li>ul::before { display: inline-block; content: ""; width: 1px; height: 320px; position: absolute; top: 0; left: 33%; z-index: 99; background: #68a724; } 
.menu>ul>li>ul>li { display: block; width: 33%; float: none; padding-left: 0; padding-right: 0; padding-bottom: 0; } 
.menu>ul>li>ul>li>a { border: 0; padding: .65em .5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } 
.menu>ul>li>ul>li.menu-on { cursor: pointer; } .menu>ul>li>ul>li.menu-on>a { color: #68a724; border-right: 6px solid #68a724; background: #f9f9f9; } 
.menu>ul>li>ul>li>ul { display: none; width: 66%; height: 320px; position: absolute; top: 0; left: 35%; z-index: 99; background: #fff; padding: 10px 0; } 
.menu>ul>li>ul>li>ul>li { width: 49.5%; float: left; }  
}
.menu>ul>li>ul.normal-sub { width: 350px; height: auto; left: auto; padding: 5px 5px 5px 10px; font-size: 16px; } 
.menu>ul>li>ul.normal-sub::before { display: none; } .menu>ul>li>ul.normal-sub>li { width: 100%; height: auto; } 
.menu>ul>li>ul.normal-sub>li a { width: 100%; border: 0; padding: .3em .5em; font-weight: bold; color: #384279; line-height: 24px; overflow: inherit; white-space: inherit; text-overflow: inherit; } 
.menu>ul>li>ul.normal-sub>li.menu-on>a { background: none; } 
.menu>ul>li>ul.normal-sub>li a:hover { color: #68a724; }

.indexbanner .bannerturn .bannerfontcontent.banner-offbox  {top: 15% !important; right: 5% !important; width: 86% !important; padding: 10px 2%; border-radius: 20px; text-align: right; background-color: rgba(255,255,255,0);transform: skew(-15deg);}
.banner-off {transform: skew(15deg);}
.indexbanner .bannerturn .bannerfontcontent.banner-offbox  .fontfamily2 a,.indexbanner .bannerturn .bannerfontcontent.banner-newyearbox .fontfamily2 a {text-align: right; color: #ffffff !important;}
.indexbanner .bannerturn .bannerfontcontent.banner-offbox .banner-newyearbig {text-align: right; margin-bottom: 0; padding-bottom: 10px; color: #ffffff;font-size: 36px;line-height: 45px;font-weight: bold;}
.indexbanner .bannerturn .bannerfontcontent.banner-offbox .banner-p {text-align: right; color: #ffffff; padding-top: 20px;}
.indexbanner .bannerturn .bannerfontcontent.banner-offbox  .learnmore {text-align: right; margin-bottom: 20px;}
.indexbanner .bannerturn .bannerfontcontent.banner-offbox  .learnmore a {background-color: #7baf2f;}
.indexbanner .carousel-control {width: 40px !important;}
.fixed-imgbox {width: 240px; height: 240px; position: fixed; top: 50%; left: 0; z-index: 99999; margin: 0 !important; padding: 0 !important; margin-top: -120px !important;}
.fixed-imgbox img {width: 100%;}
.fixed-imgbox .fa-close { position: absolute; top: 5px; right: 5px; color: #f9f9f9; cursor: pointer;}
.owl-carousel,.owl-carousel ul {margin-left: 0 !important;}
#demo4 .als-item {width: 180px;}
.indexbanner .bannerturn .banner-note {position: absolute; right: 5% !important; bottom: 40px; padding: 10px 2%; text-align: right; font-size: 12px; color: #ffffff; z-index: 112;}

@media only screen and (min-width: 1600px){.indexbanner .bannerturn .bannerfontcontent .h1 {font-size: 27px;}}
.indexbanner .bannerturn .bannerfontcontent .h1 a:hover {color: #7baf2f;}
@media only screen and (max-width: 1440px) {.indexbanner .bannerturn .bannerfontcontent.banner-offbox {top: 8% !important;}}
@media only screen and (min-width: 768px) and (max-width: 1000px){.indexbanner .bannerturn .bannerfontcontent {right: 5%; top: 25%; width: 45%;}}
@media only screen and (max-width: 1024px) { .indexbanner .bannerturn .bannerfontcontent {padding:20px 25px 30px; border-radius: 20px; background-color: rgba(0,0,0,0.5);} }
@media only screen and (min-width: 480px) and (max-width: 768px){.indexbanner .bannerturn .bannerfontcontent {right: 10%;}}
@media only screen and (min-width: 20px) and (max-width: 700px) {.indexbanner .bannerturn .bannerfontcontent.banner-offbox .banner-newyearbig {font-size: 27px;line-height: 30px;}.indexbanner .bannerturn .bannerfontcontent.banner-offbox{top: 5% !important;}.indexbanner .bannerturn .banner-note {bottom: 50px;}}