/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties ======================================================== */
body{background:#000;border:0;font:14px "normal";color:#696969;line-height:22px;font-style:normal}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
.body1{background:url(../images/bg.jpg) bottom center repeat}
.body2{background:url(../images/bg_top2.gif) bottom repeat-x}
.body3{background:url(../images/bodybg.jpg) bottom repeat}
.body4{background:url(../images/bg.jpg) top center repeat}
.body5{background:url(../images/bg_top_img.jpg) center bottom no-repeat}
/* Global Structure ============================================================= */
.main {margin:0 auto;/*width:940px*/}
/* ============================= main layout ====================== */
a{color:#696969;text-decoration:none;outline:none}
a:hover{text-decoration:none}
h1{float:left}
h2{font-size:40px;font-style:Î¢ÈíÑÅºÚ;font-weight:400;line-height:1.2em;padding:38px 0 11px 0;color:#000;letter-spacing:-1px}
h2.under{border-bottom:1px solid #e5e5e5;margin-bottom:25px}
h2.under1{border-bottom:1px solid #e5e5e5;margin-bottom:25px;text-align:center}
h2.under2{font-size:24px;border-bottom:1px solid #e5e5e5;margin-bottom:20px;text-align:center;}
h2.under2 span{position:relative;font-size:14px;text-align:center;line-height:35px;}
h2.under3{font-size:24px;border-bottom:1px solid #e5e5e5;margin-bottom:20px;}
h3{font-size:26px;color:#000;line-height:1.2em;letter-spacing:-0px;padding-bottom:16px;font-weight:400;font-style:normal}
h3 span{display:block;margin-top:-7px}
* + html h3 span{margin-top:-25px}
h3 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
h4{font-size:26px;line-height:1.2em;color:#fff;font-weight:400;padding:43px 0 15px 0}
h5{font-size:33px;color:#000;line-height:1.7em;padding:0 0 16px 0;font-weight:400;font-style:normal}
h5 .dropcap{float:left;width:100px;height:26px;margin-top:15px;margin-right:10px;background:#0072b0;color:#fff;text-align:center}
h5 .dropcap strong{font-weight:100;font-size:16px;line-height:26px;display:block;letter-spacing:-1px}
h5 .dropcap span{font-weight:400;font-size:14px;line-height:1.2em;display:block;margin-top:-8px}
h6{font-size:20px;line-height:1.2em;color:#000;padding:0 0 5px 0;font-style:normal;font-weight:400}
p{padding-bottom:22px}
/* ============================= header ====================== */
header{padding-top:34px; min-height: 150px;}
#logo{display:block; margin-left:10px;}
#menu {float:right;padding-top:15px}
#menu li {float:left;padding-left:16px}
#menu li a{display:block;font:20px "normal";line-height:1.2em;color:#000;text-transform:uppercase;text-decoration:none;text-align:center;letter-spacing:-1px;height:85px;font-style:normal;font-weight:700}
#menu li a span{font-size:13px;line-height:1.2em;color:#666666;display:block;letter-spacing:-1px;margin-top:-3px;font-weight:normal}
#menu li a:hover, #menu .active a{color:#0072b0}
#menu li a:hover span, #menu .active a span{color:#fff}
#menu #nav1 a{background:url(../images/menu_icon1.gif) bottom center no-repeat}
#menu #nav1 a:hover, #menu #nav1.active a{background:url(../images/menu_icon1_active.gif) bottom center no-repeat}
#menu #nav2 a{background:url(../images/menu_icon2.gif) bottom center no-repeat}
#menu #nav2 a:hover, #menu #nav2.active a{background:url(../images/menu_icon2_active.gif) bottom center no-repeat}
#menu #nav3 a{background:url(../images/menu_icon3.gif) bottom center no-repeat}
#menu #nav3 a:hover, #menu #nav3.active a{background:url(../images/menu_icon3_active.gif) bottom center no-repeat}
#menu #nav4 a{background:url(../images/menu_icon4.gif) bottom center no-repeat}
#menu #nav4 a:hover, #menu #nav4.active a{background:url(../images/menu_icon4_active.gif) bottom center no-repeat}
#menu #nav5 a{background:url(../images/menu_icon5.gif) bottom center no-repeat}
#menu #nav5 a:hover, #menu #nav5.active a{background:url(../images/menu_icon5_active.gif) bottom center no-repeat}
#menu #nav6 a{background:url(../images/menu_icon6.gif) bottom center no-repeat}
#menu #nav6 a:hover, #menu #nav5.active a{background:url(../images/menu_icon6_active.gif) bottom center no-repeat}
.slider{margin-top: 30px; height:423px;}
/* ============================= content ====================== */
#content{padding-top:5px;padding-bottom:36px;}
#content2{padding-bottom:20px}
.pad_left1{padding-left:50px}
.pad_left2{padding-left:40px}
.pad_bot1{padding-bottom:8px}
.pad_bot2{padding-bottom:40px}
.marg_right1{margin-right:20px}
.link1{color:#0072b0;font-style:normal}
.testimonials{width:100%;position:relative;z-index:1;height:auto;overflow:hidden}
#testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #dfeffc;padding:10px 10px 30px 10px}
#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}
.testimonials li{width:100%}
.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(../images/marker_up.gif) 0 0 no-repeat}
.down{background:url(../images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.color1{color:#000}
.color2{color:#0072b0}
.list1{background:url(../images/line_hor1.png) 10px 0 no-repeat;padding-top:1px}
.list1 li{background:url(../images/line_hor1.png) 10px bottom no-repeat;line-height:29px}
.list1 a{color:#696969;text-decoration:none;font-style:normal;padding-left:14px;background:url(../images/marker_1.gif) 0 6px no-repeat}
.list1 a:hover{color:#fff}
.address{background:url(../images/line_hor1.png) 0px 0 no-repeat;padding-top:1px}
.address li{background:url(../images/line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal}
.address span{padding-left:4px;float:left;width:62px}
.address a{color:#fff}
#icons{background:url(../images/line_hor1.png) 23px 0 no-repeat;padding-top:1px}
#icons li{background:url(../images/line_hor1.png) 23px bottom no-repeat;line-height:29px}
#icons a{color:#696969;text-decoration:none;font-style:normal;display:inline-block;width:190px;}
#icons img{float:left;margin-right:9px;margin-top:5px}
#icons a:hover{color:#fff}
/*--- tabs begin ---*/
.tabs {width:100%;}
.tabs .tabslie{padding-left:18px;}
.tabs ul.nav {float:left; padding-bottom:4px; padding-top: 20px;padding-left:18px;}
.tabs ul.nav li{margin-right:1px;float:left ;width:auto;min-width:62px; height:32px;font-size:14px;color:#fff;line-height:32px;background:#A6A6A6;text-decoration:none;text-align:center; }
.tabs ul.nav li a{display:block; color:#fff;background:#0072b0;width:auto;min-width:62px; height:32px;}
.tabs ul.nav a:hover{background:#A6A6A6;}
.tabs ul.nav .thisclass{background:#646464;width:32px;height:32px;font-size:19px;color:#fff;line-height:32px;text-decoration:none;text-align:center;margin-right:1px;}

.tabs ul.nav .pageinfo{padding-left: 10px;padding-right: 10px;}

.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*--- tabs end ---*/
#address span{float:left;width:80px}
/* ============================= chanpinliebiao ====================== */
.chanpinfenlei{float:left;width:100%;padding-left:7px;padding-top:20px;padding-bottom:40px;}
.chanpinfenlei1{padding-left:13px;padding-top:13px;}
.chanpinfenlei ul{float:left;width:100%;text-align:center}
.chanpinfenlei ul li{float:left;width:auto;height:30px;line-height:30px;background:#0072b0;margin-bottom:10px;margin-right:10px;}
.chanpinfenlei ul .kuang{margin-right:10px;}
.chanpinfenlei ul .youkuang{float:right;background:#0072b0;width:86px;height:30px;line-height:30px;}
.chanpinfenlei ul .youkuang a{color:#FFFFFF;}
.chanpinfenlei ul li a{text-decoration:none;font-style:Î¢ÈíÑÅºÚ;color:#FFFFFF;padding-right:5px;padding-left:5px;}
.chanpinfenlei ul li:hover{background:#000000;}
.chanpinfenlei ul li a:hover{text-decoration:none;font-style:Î¢ÈíÑÅºÚ;color:#ffffff;padding-right:5px;padding-left:5px;}
.chanpinfenlei ul .hover{display:block;background:#000000;font-style:Î¢ÈíÑÅºÚ;color:#0072b0;}




.chanpinfenlei UL LI.hover0{
	background:#000000;
}

.chanpinfenlei UL LI.hover1{
        
	background-color:#000000;}  

.chanpinfenlei UL LI.hover2 {
        
	background-color:#000000;}

.chanpinfenlei UL LI.hover3 {
        
	background-color:#000000;}	


.chanpinfenlei UL LI.hover4 {
        
	background-color:#000000;}


.chanpinfenlei UL LI.hover5 {
        
	background-color:#000000;}

.chanpinfenlei UL LI.hover6 {
        
	background-color:#000000;}

.chanpinfenlei UL LI.hover7 {
        
	background-color:#000000;}

.chanpinfenlei UL LI.hover8 {
        
	background-color:#000000;}

.chanpinfenlei UL LI.hover9 {
        
	background-color:#000000;}

.chanpinfenlei UL LI.hover10 {
        
	background-color:#000000;}

.chanpinfenlei UL LI.hover11 {
        
	background-color:#000000;}





.chanpin{float:left;width:100%;padding-left:7px;}
.chanpin ul{width:100%;text-align:center;}
.chanpin ul li{float:left;width:33%;height:0;padding-bottom:25%}
.chanpin ul li a{width:28%;}
.chanpin ul li a:hover{color:#A6A6A6;}
.chanpin ul li img{width:85%;height:auto;
border-top: 1px solid #F5F5F5;
border-left: 1px solid #F5F5F5;
-moz-box-shadow: 3px 3px 4px #E0E0E0;
    -webkit-box-shadow: 3px 3px 4px #E0E0E0;
    box-shadow: 3px 3px 4px #E0E0E0;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E0E0E0')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E0E0E0');

}
.chanpin ul li img:hover{width:85%;height:auto;
border-top: 1px solid #0072b0;
border-left: 1px solid #0072b0;
-moz-box-shadow: 3px 3px 4px #0072b0;
    -webkit-box-shadow: 3px 3px 4px #0072b0;
    box-shadow: 3px 3px 4px #0072b0;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0072b0')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0072b0');}

/* ============================= chanpinneirong ====================== */

.neirong{width:100%;}


.neirong .neirongzuo{width:60%;float:left;padding-right:5%;}

.neirong .neirongyou{width:30%;float:left;}
.neirong .neirongyou .title{font-style:Î¢ÈíÑÅºÚ;color:#ffffff;font-size:20px;padding-bottom:10px;margin-top:33px;text-align:center;background:#0072b0;height:35px;line-height:45px}
.neirong .neirongyou ul{width:100%;}
.neirong .neirongyou ul li{float:left;width:100%;height:auto;line-height:20px;margin-top:2%;text-align:center;}
.neirong .neirongyou ul li a{text-decoration:none;font-style:Î¢ÈíÑÅºÚ;color:#000000;}
.neirong .neirongyou ul li a:hover{text-decoration:none;font-style:Î¢ÈíÑÅºÚ;color:#999999;}
.neirong .neirongyou ul li img{width:100%;height:auto;margin-top:5%;text-align:center;
border-top: 1px solid #F5F5F5;
border-left: 1px solid #F5F5F5;
-moz-box-shadow: 3px 3px 4px #E0E0E0;
    -webkit-box-shadow: 3px 3px 4px #E0E0E0;
    box-shadow: 3px 3px 4px #E0E0E0;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E0E0E0')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E0E0E0');}

.neirong .neirongyou ul img:hover{border-top: 1px solid #0072b0;
border-left: 1px solid #0072b0;
-moz-box-shadow: 3px 3px 4px #0072b0;
    -webkit-box-shadow: 3px 3px 4px #0072b0;
    box-shadow: 3px 3px 4px #0072b0;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0072b0')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0072b0');}

.neirong .neirongyou span{float:left;width:85%;height:auto; text-align:center;margin-top:5%;margin-left:5%;
 background:url(../images/return_z.png) no-repeat right;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
.neirong .neirongyou span:hover{float:left;width:85%;height:auto; text-align:center;margin-top:5%;margin-left:5%;
 background:url(../images/return_z1.png) no-repeat right;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
.neirong .neirongyou span a{display:block;font:14px/40px "Microsoft YaHei";color: #fff;text-align:center; padding-left:0px}

.neirong .sxwenz{float:left;width:95%;border-top:1px solid #e5e5e5;padding-top:15px;padding-bottom:15px;}
.neirong .sxwenz b a{color:#193B00;font-style:Î¢ÈíÑÅºÚ;}
.neirong .sxwenz b a:hover{color:#898989;font-style:Î¢ÈíÑÅºÚ;}


/* ============================= footer ====================== */
footer {padding:10px 0 10px 0;font-style:normal;color:#696969;text-align:center}
footer a{color:#fff}
footer a:hover{}

.links{float:left;width:100%;padding-left:7px;padding-top:17px;}
/* ============================= forms ============================= */
#ContactForm {margin-top:-4px}
#ContactForm span{width:109px;float:left;line-height:26px}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}
#ContactForm a{margin-right:15px; float:right;width:62px;font-style:normal;font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#0072b0;text-align:center}
#ContactForm a:hover{background:#080808}
#ContactForm .input {width:269px;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "normal";font-style:italic;margin:0}
#ContactForm textarea {overflow:auto;width:549px;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "normal";font-style:italic;margin:0}
#newsletter{}
#newsletter .input{background:#fff;padding:6px 18px;width:184px;height:18px;font:14px "normal", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0}
#newsletter .input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
#newsletter a{float:right;width:90px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter a:hover{background:#0072b0;color:#fff}
#newsletter .button{float : left;}



