@charset "utf-8";
/*
Design by http://www.templateaccess.com
Released for free under a Creative Commons Attribution 3.0 License
*/
body { margin:0; padding:0; width:100%; color:#959595; font:normal 16px/1.8em Arial, Helvetica, sans-serif;}
.main { padding:0; margin:0;}
html { padding:0; margin:0;}
#whole { background:#fff;margin:0 auto;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.logo { padding:0; float:left; width:auto;}
h1 { margin:0; padding:8px 0 40px 24px; float:left; color:#7fd0f6; font:normal 36px/1.2em Arial, Helvetica, sans-serif; letter-spacing:-2px;}
h1 a:hover { color:#7fd0f6; text-decoration:none;}
h1 a { color:#7fd0f6; text-decoration:none;}
h1 small { display:block; margin-top:-4px; padding:0 0 0 68px; color:#959595; font:normal 13px/1.2em Arial, Helvetica, sans-serif; letter-spacing:normal;}
h2 { font:normal 24px/1.5em Arial, Helvetica, sans-serif; padding:8px 0; margin:0 0 8px; color:#323a3f;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 16px/1.8em Arial, Helvetica, sans-serif;}
p.spec { }
a { color:#49b6e9; text-decoration:underline;}
a.rm { }
a.com { margin:0; padding:0; text-decoration:none;}
a.com span { font-weight:bold;}

.content .sidebar { margin:0; padding:0; width: 30%;}

.content .mainbar { margin:0; padding:0;}

ul { margin:0; padding:0;}

ol li { margin:0; padding:0;}

ol { margin:0; padding:0;}

form { margin:0; padding:0;}

.footer { margin:0; padding:0;}

.fbg { margin:0; padding:0;}

.menu_nav { margin:0; padding:0;}

.content { margin:0 auto; overflow: hidden; padding-top: 50px;position: relative;width: 70%;}

.header { margin:0; padding:0;}

/* header */
#header { background:#fff url('images/header1.jpg') no-repeat;height:350px;width:970px;margin-top:10px; margin:0 auto}
#header2 { background:#fff url('images/product3.jpg') no-repeat;height:126px;width:970px;margin-top:10px; margin:0 auto}

.header_resize { margin:0 auto;  width:970px;}


/* logo */
#logo{width:1002px;height:102px; margin:0 auto;background:url('images/logo.gif') no-repeat}
/* menu */
.menu_nav { margin:0; padding:0;  height:42px; border-bottom:1px #ccc solid;background: #0856a0;}
.menu{ width:1002px;height: 42px;margin:0 auto}
.menu ul { list-style:none; height:42px;}
.menu ul li {padding:0; float:left; width: 20%; text-align: center;}
.menu ul li a { font-size: 18px; display:block;  color:#52656a;text-decoration:none;padding: 5px 10px; text-align:center;color:#fff; }
.menu_nav ul li a:hover { color:#fff;}
.menu ul li.active a { color:#fff;}


#banner{ width:70%; height:500px; float:left; }
.icon-arrow-a-right { background:url(images/icon-sd26986d847.png)  no-repeat; }
.icon-arrow-a-left { background:url(images/icon-sd26986d847.png)  no-repeat; }
.icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px; }
    .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }
    .icon-arrow-a-left.arrow-a-left_hover { background-position: -60px 0; }
    .icon-arrow-a-left:hover { background-position: -60px 0; }
.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; }
    .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }
    .icon-arrow-a-right.arrow-a-right_hover { background-position: -180px 0; }
    .icon-arrow-a-right:hover { background-position: -180px 0; }
#main {overflow: hidden; zoom: 1; position: relative; }
#index_b_hero { width: 1012px; height: 500px; margin: auto; position: relative; }
    #index_b_hero img { width: 1002px; height: 500px; }
    #index_b_hero .heros { width: 1012px; height: auto; }
    #index_b_hero .hero-wrap { overflow: visible; position: absolute; }
    #index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; background-color: #303030; z-index: 3; }
        #index_b_hero .next { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; background-color: #303030; z-index: 3; }
        #index_b_hero .prev:hover { background-color: orangered; }
        #index_b_hero .next:hover { background-color: orangered; }
    #index_b_hero .next { margin: -25px 5px 0 0; right: 0; }
    #index_b_hero .disabled { background-color: #eee; }
    #index_b_hero .hero { background: #fff; padding:0px; z-index: 1; position: absolute; top: 0; left: 0; width: 1002px; height: 500px; overflow: hidden; left: 1920px; }
    #index_b_hero .mask-right { background: #fff; padding:0px; z-index: 1; position: absolute; top: 0; left: 0; width: 1002px; height: 270px; overflow: hidden; left: 1920px; }
    #index_b_hero .mask-left { background: #fff; padding:0px; z-index: 1; position: absolute; top: 0; left: 0; width: 1002px; height: 270px; overflow: hidden; left: 1920px; }
    #index_b_hero .mask-left { z-index: 4; left: -1012px; filter: alpha(Opacity=50); opacity:0; overflow: hidden; }
    #index_b_hero .mask-right { z-index: 4; left: -1012px; filter: alpha(Opacity=50); opacity:0; overflow: hidden; }
    #index_b_hero .mask-right { left: 1012px; }
    #index_b_hero .active { z-index: 2; left: 0; }


/* content */
.content_resize { margin:0 auto; padding:16px 0 24px; width:100%;}
.content .mainbar { float:right; width:69%;}
.content .mainbar img { border:1px solid #d8dbdc; padding:4px;}
.content .mainbar img.fl { margin:4px 16px 4px 0; float:left;}
.content .mainbar .article { margin:0 0 12px; padding:8px 0px 24px 0;}
.content .sidebar { float:left; width: 30%;background:#eaf3fb}
.content .sidebar .gadget { margin:0 0  12px 0; padding:8px 0px 8px 10px;}
ul.sb_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li { margin:0;padding:4px 3px;}
ul.sb_menu li a { color:#959595; text-decoration:none; padding:3px 8px;float:left}
ul.sb_menu li a:hover { color:#49b6e9;text-decoration:underline;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background-color:#89c8e4; }
.fbg2 { background-color:#89c8e4; height:6px }
.fbg_resize { margin:0 auto; width:1002px; padding:24px; color:#fff;}
.fbg .c3 a { margin:0; padding:2px 4px; color:#fff; text-decoration:underline; }
.fbg .c2 a { margin:0; padding:2px 4px; color:#fff; text-decoration:underline; }
.fbg  h2 { color:#fff;}
.fbg img { margin:0 4px 0 0; padding:3px; background-color:#fff; border:1px solid #99bece;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:266px;}
.fbg .c2 { padding:0 30px 0 0; width:330px;}
.fbg .c3 { padding:0 0 0 16px; width:320px;}
.fbg .p{padding:4px 0;margin:0}

/* footer */
.footer { }
.footer_resize { text-align: center ;padding:26px 0; width:100%;}
.footer p.lf { margin:0; padding:4px 0; text-align:center; width:auto; line-height:1.5em;}
.footer p.lf a { color:#49b6e9;}
.footer p.lf span { float:right;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background-color:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background-color:#fff;}
ol li .send { margin:16px 0 0 0;}

/* search */
.searchform { float:right;}
#formsearch { margin:0; height:36px; padding:10px 28px 40px 0;}
#formsearch span { display:block; margin:6px 0; padding:0; float:left; background:#fff url(images/search.gif) no-repeat top left;}
#formsearch input.editbox_search { margin:0; padding:11px 6px 10px; float:left; width:181px; border:none; background:none; font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#a8acb2;}
#formsearch input.button_search { margin:6px 0 0 0; padding:0; border:none; float:left;}

@media only screen and (max-width: 1700px) {
    .menu_nav .menu, .logo{
        width: 80%;
    }

	#navMain #nav{
		width: 80%;
	}

	.content, #header{
		width: 90% !important;
	}
}

@media only screen and (max-width: 1200px) {
	.menu_nav .menu, .logo, #navMain #nav, .content, #header{
		width: 100% !important;
	}
}