html{ border:0; margin:0px auto 0px auto; padding:0px 0px 0px 0px; font-size:13px; font-family:Arial;text-align:center;}
body { margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:left; max-width:1000px; text-align:left; background-color:#ffffff;}
ul.ulClear, ul.ulClear li{ list-style: none; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
img{ border:0px;}
a{ color:#002E96; text-decoration:underline;}
a:hover{ color:#002E96; text-decoration:none;}
a.none{ color:#000000; text-decoration:none;}
h1.none, h2.none{ font-size:12px; margin:0px; padding:0px; font-weight:normal;}
.clearUl ul, .clearUl li{ list-style: none; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
.clear{ clear:both;}
.clear5px{ clear:both; height:5px;}
.clear10px{ clear:both; height:10px;}
.clear15px{ clear:both; height:15px;}
.clear20px{ clear:both; height:20px;}
.clearLine{ border-bottom:solid 1px #dcdcdc; clear:both;}

.path { color:#333333; font-family:inherit; padding:0px 0px 5px;}
.path h1{ color:#239ae4; text-decoration:none;  font-size:16px; margin:0px; text-transform:uppercase; font-weight:100;}

.path-menu{ width:200px; background-color:#f2f2f2;}
.path-menu a{ border-bottom:solid 1px #e2e2e2; display:block; margin:0px 10px; padding:5px 0px; color:#313131; text-decoration:none;}
.path-menu a:hover{ color:#009a4f;}

.globalRed{ color:Red;}
.globalBlue{ color:Blue;}
.globalOrange{ color:Orange;}

.pageding{ padding:10px 0px; text-align:center;}
.pageding li{ background-color: #f2f2f2; border-radius: 4px; color: #4e4e4e; display: inline-block; font-weight: bold; margin: 0 2px; padding: 5px 10px;}
.pageding a{ font-weight:bold; text-decoration:none; color:#565656;}
.pageding .pageshover{ background-color:#46aae8; color:#ffffff;}

.colorRed{ color:Red;}

.erroInfo{ padding:10px; text-align:center; color:Red;}

.fix{ max-width:1140px; margin:0px auto; }
.fix-temp1{ max-width:1000px; margin:0px auto; background-color:#ffffff;}
.fixTitle{ position:fixed; top:-20px; right:0px; font-size:12px; margin:0px;}

/*Header =============*/
.header{ position:relative; background: url("/library/header.jpg") no-repeat scroll left top transparent; min-height:100px;}
.header .logo{ float:left;}
.header .logo a{ position:absolute; top:0px; left:10px; width:130px; height:100px; z-index:99; text-decoration:none;}
.header .logo img{ max-width:100%;}
.header .text{ float:right; padding-right:5px;}
.header .text .t{ color:#f00003; margin:0px; font-size:18px; font-weight:bold; padding:10px 0px;}
.header .text .c{ color:#0a5c9f; margin:0px; font-size:12px; line-height:18px;}
.header .text .c a{ color:#0a5c9f; text-decoration:none;}

.tabMenuTop{ background: url("/library/h-mn.gif") repeat-x scroll left top transparent; height:38px;}
.tabMenuTop ul{ list-style:none; padding-left:0;}
.tabMenuTop li{float:left; }
.tabMenuTop a.cssName{ float:left; text-decoration:none; color:#f7fbfc; font-weight:bold; text-align:center;}
.tabMenuTop a.cssName span{ display:block; padding:10px 34px 8px; text-align:center; }
.tabMenuTop a.cssName:hover{ color:Yellow;}


/*default=======================*/
.h-banner{ padding:5px 0px;}
.h-left{ float:left; width:25%;}
.h-content{ float:right; width:74%;}
.h-left .bLeft{ padding-left:2px;}
.h-left .bLeft img{ width:100%;}
.h-about{ background: url("/library/hBg.gif") repeat-x scroll left top transparent; min-height:195px; padding:10px 20px;  margin-right:2px;}
.h-about .t{ font-weight:bold; text-transform:uppercase;}
.h-about .c{ line-height:22px; font-size:14px;}
.h-about .n{ text-align:right;}
.h-about .n a{ text-transform:uppercase; color:#e50001; font-weight:bold; text-decoration:none;}
.h-about .n a:hover{ text-decoration:underline;}
.h-new{ margin-right:2px;}
.h-new .t{ background-color:#c0710c; padding:10px 10px; border-radius:4px 4px 0px 0px;}
.h-new .t h2{ color:#FFFFFF; margin:0px; font-size:14px; font-weight:bold; text-transform:uppercase;}

.h-new{}
.h-new .l{ padding:10px 5px 10px 0px}
.h-new .l .img{ text-align:center; float:left; width:25%;}
.h-new .l .img img{ width:90%;}
.h-new .l .name{ float:left; width:75%; text-align:justify; color:#3f3f3f;}
.h-new .l .name a{ display:block; font-weight:bold; color:#010101; text-decoration:none; padding-bottom:5px;}
.h-new .l .name a:hover{ color:#f00003;}


/*h_menu==========*/
.h_menu_item{position:relative;}
.h_menu_sub{ position:absolute; z-index: 99; }
.menuSub{ top:30px; left:0px;}
.menuSub .b{ background-color:#f00003; width:200px; border-left:solid 1px #ffecec; border-right:solid 1px #ffecec; border-bottom:solid 1px #ffecec; margin-top:8px; position:relative;}
.menuSub a{ display:block; padding:8px 10px; text-decoration:none; font-weight:bold; color:#ffffff; border-top:solid 1px #f17f83;}
.menuSub a:hover{ background-color:#f42e30;}

#mMobi{ float:right; padding-right:5px; padding-top:10px; padding-bottom:5px;}
#mMobi a.nameMobi{ width:30px; height:30px; display:inline-block; background: url("/library/icon.png") no-repeat scroll left top transparent; text-decoration:none;}
#mMobi .mnSubMobi{ width:200px; right:5px; top:38px; background-color:#f00003; border:solid 1px #ffecec; border-radius:0px 0px 4px 4px;}
#mMobi .mnSubMobi a{ display:block; padding:5px 10px; color:#ffffff; text-decoration:none; border-bottom:solid 1px #ffecec; font-weight:bold;}
#mMobi .mnSubMobi a:hover{ background-color:#f42e30; color:Yellow;}
#mMobi .mnSubMobi a.subMobi{ padding-left:30px; background-color:#f52224; font-weight:100;}
#mMobi .mnSubMobi a.subMobi:hover{ background-color:#f53335;}

/*about*/
.ab-title{  background: url("/library/titleBg.gif") repeat-y scroll right top #f2bd00; padding:10px 10px; border-radius:4px 4px 0px 0px; margin-right:2px;}
.ab-title h1{ color:#FFFFFF; margin:0px; font-size:14px; font-weight:bold; text-transform:uppercase;}
.ab-content{}
.ab-content img{ max-width:100%;}
.ab-l{ float:left; width:45%; }
.ab-r{ float:left; width:55%; font-size:18px; padding-top:30px; line-height:22px;}
.ab-r h2{ margin:0px; padding:10px 0px; font-size:22px;}

.cate-title{  background: url("/library/titleBg.gif") repeat-y scroll right top #f2bd00; padding:10px 10px; border-radius:4px 4px 0px 0px; margin-right:2px;}
.cate-title h1{ color:#FFFFFF; margin:0px; font-size:14px; font-weight:bold; text-transform:uppercase;}

.cate-content .l{ padding:10px 10px 10px 0px}
.cate-content .l .img{ text-align:center; float:left; width:25%;}
.cate-content .l .img img{ width:90%;}
.cate-content .l .name{ float:left; width:75%; text-align:justify; color:#3f3f3f;}
.cate-content .l .name a{ display:block; font-weight:bold; color:#010101; text-decoration:none; padding-bottom:5px;}
.cate-content .l .name a:hover{ color:#f00003;}

.nDetail-title{  background: url("/library/titleBg.gif") repeat-y scroll right top #f2bd00; padding:10px 10px; border-radius:4px 4px 0px 0px; margin-right:2px;}
.nDetail-title .l{ float:left; color:#ffffff;}
.nDetail-title a{ color:#ffffff; text-decoration:none; font-weight:bold;}
.nDetail-title a:hover{ text-decoration:underline;}
.nDetail-content{ padding-right:10px;}
.nDetail-content h1{ font-size:22px;}
.nDetail-content .c{ font-size:14px; line-height:20px;}
.nDetail-content .c img{ max-width:100%;}

.nDetail-sv{ border-left:35px solid #fec900; padding:10px 0px 0px 30px;}
.nDetail-sv .title{ color:#ff0000; font-size:22px; font-weight:bold; padding:10px 0px;}
.nDetail-sv .l{ float:left; width:50%;}
.nDetail-sv .l p{ font-size:16px; padding:15px 20px 0px; margin:0px; font-weight:bold;}
.nDetail-sv .r{ float:left; width:50%;}
.nDetail-sv .r p{font-size:16px;}
.nDetail-sv .text{ font-size:16px;}
.nDetail-sv .ad{ padding-left:50px;  font-size:16px; font-weight:bold;}
.nDetail-sv .title1{ color:#ff0000; font-size:18px;}
.nDetail-sv .cols1{ padding:10px 0px; border-top:solid 2px #f2b900;}
.nDetail-sv .cols2{ padding:10px 0px; border-top:dotted 1px #f2b900;}
.nDetail-sv .cols3{ padding:10px 0px; border-top:dotted 1px #f2b900;}
.nDetail-sv img{ max-width:100%;}

.partner{ font-size:16px; line-height:22px;}
.partner img{ max-width:100%;}

.new-next .title{ border-bottom:2px solid #e9b904; }
.new-next .title h2{ font-size:18px; font-weight:100; margin:0px; color:#c0710c; padding:5px 0px;}
.new-next .c{ padding-bottom:20px;}
.new-next .c a{ display:block; padding:10px 10px 0px; color:#666666; text-decoration:none;}
.new-next .c a:hover{ color:#f2070a;}

table.tableStyle{ border-collapse: collapse; width: 100%; border:solid 1px #cccccc;}
table.tableStyle tr{ }
table.tableStyle tr td{ border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc; padding:8px 10px;}
table.tableStyle tr td{ color:#000000;}

/*Contact========*/
.cateN-title { margin: 10px 0px 1px 0px; background-color: #ed1b23; color: #ffffff; font-size: 16px; font-weight: bold; padding: 10px; text-transform: uppercase; border-radius: 4px 4px 0px 0px; }
.contact-l{ float:left; width:58%;}
.contact-r{ float:right; width:40%;}
.contact-form{ padding:10px; margin:10px 0px 20px; border-left:solid 1px #F4F4F4;}
.contact-form .title{ font-weight:bold; color:#666666; padding-bottom:20px;}
.contact-text{ line-height:22px; color:#333333; padding:10px;}
.contact-text a{ color:#333333; text-decoration:none;}
.contact-map{  padding:10px;}
.ct-content{ border:solid 2px #ff9933; padding:10px; background-color:#ffffcc;}
.contact-title{ color: #6F6F6F; font-size: 18px; padding:10px;}
.contact-cols1{ float:left; width:22%; color: #6F6F6F; font-size: 13px; font-weight:bold; padding:10px 0px;}
.contact-cols2{ float:left; width:78%; text-align:right; padding:10px 0px;}
.contact-cols2 .b{ border:solid 1px #C0C0C0; padding:5px;}
.contact-cols2 .cssTextBox { font-size: 13px; width: 100%; border:none; background:none;}
.contact-cols2 .cssTextBox1{font-size: 13px; height:100px; width:100%; border:none; background:none;}
.contact-sendFull{ color: #333333; font-size: 14px; font-weight:bold; padding:10px;}
.contact-cols1n{ float:left; width:20%;}
.contact-cols2n{ float:left; width:80%;}
.contactCheck{ color:#797979;}
.contactCheck a{ color:#797979;}
.contact-cols2 .sub{ display: inline-block; background-color: #f7941d; padding: 8px 30px; border: none; border-radius: 4px; color: #ffffff; text-transform: uppercase; font-size: 15px; cursor: pointer; text-decoration: none; font-weight:bold;}
.contact-cols2 .sub:hover{ background:red;}
.contact-form .type{font-size: 13px; color:#666666; border:none; background:none; width:100%;}
.contact-form .captcha{font-size:13px; border:solid 1px #d1d1d1; height:24px; color:#666666;}
.contact-form #cartLoadSend{ position: absolute; right: 0px; top: 0px; background-color: rgb(255, 255, 255); height: 49px; width: 100%; text-align:center; display:none; font-weight:bold;}

div.contact-captcha{}
div.contact-captcha .cols1{ float:left; }
div.contact-captcha .cols2{ float:left; }
@media screen and (max-width: 870px){ .contact-l{ float:none; width:auto; padding:10px 0px;} .contact-r{ float:none; width:auto; padding:10px 0px;}}

/*footer===========*/
.footer{ background: url(/library/fBg.gif) repeat-x left top #e2e6ee; border:solid 1px #d8d9db; border-radius:4px; margin:0px 5px;}
.footer .l{ padding:0px 20px;}
.footer .l .t{ color:#70808d; font-weight:bold; text-transform:uppercase; margin:0px; padding-top:20px;}
.footer .l .c{ color:#70808d; line-height:18px; margin:0px; padding-top:5px; font-size:12px;}
.footer .l .c a{ color:#70808d; text-decoration:none;}
.footer .r{ text-align:right; padding-bottom:10px; margin-top:-20px; font-size:12px;}
.footer .r a{ display:inline-block; padding:0px 5px; color:#3f546f; text-decoration:none;}
.footer .r a:hover{ color:#f00003;}
.footer-copy{ text-align:center; padding:10px; color:#333; font-size:13px;}
.footer-copy .copyrigt{ display:inline-block;}
.footer-copy .copyrigt a{ color:#333; text-decoration:none;}
.footer-copy .copyrigt:hover a{ color:red;}

#toTop { background: url("/Content/Images/topPage.png") no-repeat scroll left top transparent; bottom: 50px; cursor: pointer;  height: 48px; opacity: 0.5; position: fixed; right: 5px; width: 48px; z-index: 99; display:none;}
#toTop:hover { opacity: 1; }

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav { list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider .slides{ padding:0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; list-style:none !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/*FlexSlider===================*/
.flexslider {position: relative; clear:both; overflow:hidden;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport { }
.flexslider .slides { margin:0; }

/* Direction Nav */
.flex-direction-nav {display:none; margin:0 !important; z-index:999; }
.flex-direction-nav  li{ list-style:none;}
.flexslider:hover .flex-direction-nav { display:block;  margin:0 !important;  }
.flex-direction-nav li a.flex-next{  background: url("/library/sprite.png") no-repeat scroll  -47px -7px transparent; font-size: 0; height: 40px ; position: absolute; right: 10px; top: 40%; width: 40px;}
.flex-direction-nav li a.flex-prev{ background: url("/library/sprite.png") no-repeat scroll left -7px transparent; height: 40px !important; left: 10px; position: absolute; top:40%; width: 40px !important; font-size:0; }
.flex-direction-nav li a.flex-prev:hover{ background-position:left -47px;} 
.flex-direction-nav li a.flex-next:hover{ background-position:-47px -47px;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom:10px; left:0; margin:0 !important; padding:0 !important; z-index:9; width: 100%; text-align:right; padding-right:20px; }
.flex-control-nav li {margin: 0 3px;display:inline-block; font-size:0; }
.flex-control-paging li a { background: url('/library/sprite.png') -98px -5px no-repeat; cursor: pointer; display: block; height: 16px; text-indent: -9999px; width: 16px; font-size:0; }
.flex-control-paging li a:hover ,.flex-control-paging li a.flex-active{ background-position: -98px -27px; }
.flex-control-paging li a.flex-active{  cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.slides li { display:none; }


.mobile{ display:none;}

@media screen and (max-width: 1000px)
{
	.mobile{ display:block;}
	.desktop{ display:none;}
	.header{ background:none;}

	}
@media screen and (max-width: 750px)
{
	.h-left{ display:none;}
	.h-content{ float:none; width:auto; padding:0px 5px;}
	.footer .r{ display:none;}
}
@media screen and (max-width: 550px)
{
	.header .logo{ float:none; width:auto; text-align:center;}
	.header .logo a{ position:relative;}
	.header .text{ display:none;}	
	}