@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:url(../images/top-bg.jpg) repeat-x; background-color:#FFF; font-size:12px; line-height:20px;}

.main{ width:1024px; height:auto; margin:0 auto; padding:0; overflow:hidden; border:0px solid #F00;}

.topnav{ width:1024px; height:118px; margin:0; padding:0; float:left;}

.logo{ width:155px; height:102px; margin:8px 0 0 0; padding:0; float:left;}

.top-right{ width:310px; height:102px; margin:0; padding:0; float:right; border:0px solid #FFF;}


ul.top { width:170px; height:25px; margin:15px 0 0 0; padding:0; border:0px solid #FFF; float:right;}
ul.top li{ list-style-type:none; display:inline;}
ul.top li a{ margin:0; padding:0 5px 0 5px; color:#FFF; text-decoration:none; font-size:11px;  background:url(../images/top-line.jpg) right no-repeat;}
ul.top li a:hover{ margin:0; padding:0 5px 0 5px; color:#fff; text-decoration:underline; font-size:11px;}


.top-phone{ width:280px; height:45px; margin:15px 0 0 0; padding:0; float:right; border:0px solid #FFF;}

.phone-left{ width:38px; height:45px; margin:0; padding:0; float:left; border:0px solid #FFF;}

.phone-right{margin:0; padding:5px 0 0 0 ; float:left; font-size:24px; font-weight:normal; color:#FFF; border:0px solid #FFF;}



.menunav{ width:1024px; height:50px; float:left; border:0px solid #CCC;}

/*ul.menu{ width:1024px; margin-top:16px; padding:0px; float:left; font-size:16px; font-weight:bold;}
ul.menu li{ list-style-type:none; display:inline; border-right:0px solid #fff;}
ul.menu li a{margin:5px 0 0 0; padding:17px 10px 14px 10px; color:#2a2b2b; text-decoration:none; border-right:1px solid #d4d4d4;}
ul.menu li a:hover{margin:5px 0 0 0; padding:17px 10px 14px 10px; color:#fff; text-decoration:none; border-right:1px solid #238efd; background-color:#238efd;}
ul.menu li a.curent, ul.menu li a.curent:hover{margin:0; padding:17px 10px 14px 10px; color:#fff; border:0px solid #F00; background-color:#238efd;}
ul.menu li ul{display:none; position:absolute; }
ul.menu li:hover ul{display:block;padding:0px; margin:10px 0 0 0; z-index:999; background:#AC3435; width:150px; height:auto; margin-left:200px;}
ul.menu li ul li{display:block; background:#AC3435;clear:both;width:150px; height:50px; position:relative;}
ul.menu li ul li a{text-decoration:none; display:block; padding-top:15px;}*/


ul#menu-header_menu,
ul#menu-header_menu li,
ul#menu-header_menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size:16px; font-weight:bold;
}

ul#menu-header_menu {
 position: relative;
 z-index: 597;
 float: left;
}

ul#menu-header_menu li {
 float: left;
 
 vertical-align: middle;
 zoom: 1;
}

ul#menu-header_menu li.hover,
ul#menu-header_menu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul#menu-header_menu ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 
}

ul#menu-header_menu ul li {
 float: none;
}

ul#menu-header_menu ul ul {
 top: 1px;
 left: 99%;
}

ul#menu-header_menu li:hover > ul {
 visibility: visible;
}





ul#menu-header_menu li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul#menu-header_menu li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}

ul#menu-header_menu li a {
 display: block;
/* padding: 12px 10px 8px 10px;*/
padding:12px 22px 18px 22px;
 border-right:1px solid #d4d4d4;
 
}


/* ------------- Override default */

                ul#menu-header_menu li {
                 padding: 0;
                }


/* ------------- Reinitiate default: post-override activities  */

                ul#menu-header_menu li.dir {
                 padding: 7px 20px 7px 14px;
                }

                ul#menu-header_menu ul li.dir {
                 padding-right: 15px;
                }


/* ------------- Custom */

                ul#menu-header_menu li {

                }

                ul#menu-header_menu ul a {
                padding:  3px;
              /*    width: 230px; *//* Especially for IE */
				 border-bottom:1px solid #238EFD;
                }

                ul#menu-header_menu ul a:hover {
                 background-color:#238EFD;
                 border:#00FF33 0px solid;
                }

                ul#menu-header_menu a.open {
                 background-color: #2e2e2e;
                 color: #76b900;
                }

                ul#menu-header_menu ul a.open {
                 background-color: #76b900;
                 color: #fff;
                }


                /* CSS 2.1 */

                ul#menu-header_menu li:hover > a.dir {
                background-color:#238efd;
                 color: #76b900;
                }

                ul#menu-header_menu ul li:hover > a.dir {
                 background-color: #76b900;
                 color: #fff;
                }
                
                
                ul#menu-header_menu {
			/*	margin:14px;*/
  
}

                ul#menu-header_menu li {
                /* padding: 8px 0;*/
                 color: #fff;
                 line-height: normal;
                }

                ul#menu-header_menu li.hover,
                ul#menu-header_menu li:hover {
				background:#238EFD;
                 
                }

                ul#menu-header_menu a:link,
                ul#menu-header_menu a:visited { color: #000; text-decoration: none; }
                ul#menu-header_menu a:hover { color: #fff; text-decoration: none; }
                ul#menu-header_menu a:active { color: #fff; }



                ul#menu-header_menu ul {
                 width: 250px;
                 background-color:#f0f0f0;
                 color: #fff;
                 font-size: 11px;
                 text-transform: none;
/*           filter: alpha(opacity=90);
                 -moz-opacity: .9;
                 KhtmlOpacity: .9;
                 opacity: .9;*/
                }

                                ul#menu-header_menu ul li {
                                /* background-color: transparent;*/
                                 color: #000;
                                }

                                ul#menu-header_menu ul li.hover,
                                ul#menu-header_menu ul li:hover {
                                 /*background-color: transparent;*/
                                }

                                ul#menu-header_menu ul a:link,
                                ul#menu-header_menu ul a:visited { color: #000; }
                                ul#menu-header_menu ul a:hover { color: #fff; text-decoration: none; }
                                ul#menu-header_menu ul a:active { color: #fff;
    
   
}

.current-menu-item{
background-color:#238EFD;
}

.banner{width:1024px; height:370px; float:left; margin:15px 0 0 0; border-bottom:5px solid #238efd;}

.banner-left{width:721px; height:370px; float:left; border:0px solid #238efd;}

.banner-right{width:293px; height:365px; float:left; border:5px solid #238efd;}

.banner-bar{width:250px; height:342px; margin:0 0 0 10px; float:left; border:0px solid #f00;}

.banner-scrol{width:12px; height:342px; margin:13px 10px 0 0; float:right; border:0px solid #f00;}

.arrowtop{width:12px; height:18px; margin:0 0 300px 0; float:right; border:0px solid #f00;}

.arrowbuttom{width:12px; height:18px; margin:0; float:right; border:0px solid #f00;}




.banner-boxs{ width:248px; height:106px; margin:10px 0 0 0; float:left; border:1px solid #d2d2d0;}

.product{ width:1022px; height:auto; float:left; margin:21px 0 0 0; padding:0px; border:0px solid #f00;}


.boxs{ width:232px; float:left; margin:0 0 0 15px; padding:5px; background-color:#fff; border:1px solid #c2c0c0;}

.boxsimg{ width:232px; float:left; float:left;}
.name{ font-size:18px; margin-top:12px; font-weight:normal; color:#033161; text-align:center;}
.can{ font-size:12px; float:left; margin:10px 5px 10px 5px; color:#090909; text-align:left; line-height:20px;}

.button{float:left; margin:10px 5px 10px 5px; text-align:center;}


.marg{ margin-left:0px;}

.marg2{ float:right;}

.marg3{ margin-top:15px;}



.content{width:1022px; height:auto; float:left; margin:21px 0 55px 0; padding:0px; border:0px solid #f00;}

.leftnav{width:765px; height:auto; float:left; margin:0; padding:0px; border:0px solid #F00;}

.heding h1{width:765px; font-size:22px; color:#000; float:left; border-bottom:2px solid #238efd; margin:0; padding:0 0 10px 0;}

.content-main{width:765px; height:auto; float:left; margin:20px 0 0 0; padding:0px; border:0px solid #f00;}

.con-boxs{width:765px; height:auto; float:left; margin:0; padding:0px; border:0px solid #f00;}

.con-boxs-left{width:311px; float:left; margin:0; padding:0px; border:1px solid #000;}

.con-boxs-right p{width:435px; float:left; margin:0; padding:0 0 0 15px; border:0px solid #f00; font-size:12px; line-height:20px; text-align:justify; color:#171717;}



.rightnav{width:242px; height:400px; float:right; margin:0; padding:0px; border:0px solid #F00;}

.ideastar {width:242px; height:39px; float:left; margin:0; padding:0px; background-color:#238efd;}
.ideastar h1{font-size:20px; font-weight:normal; float:left; margin:0; padding:7px 0 0 10px; color:#FFF;}

.ideastarcan{width:242px; height:auto; float:left; margin:0; padding:0px;}

.ideastarbox{width:242px; height:auto; float:left; margin:12px 0 0 0; padding:0px;}
.ideastarbox h1{ font-size:14px; color:#000; text-align:left; margin:0; padding:5px 0 5px 0;}
.ideastarbox p{ font-size:12px; color:#000; text-align:left;  margin:0; padding:0;}

.seeall a{ color:#238efd; text-decoration:underline; text-align:left; margin:0; padding:20px 0 0 0; font-size:12px;}


.footer{width:100%; height:108px; float:left; margin:21px 0 0 0; padding:0px; background:url(../images/footer-bg.jpg); background-repeat:repeat-x;}
.footerin{width:1022px; height:85px; margin:0 auto; padding:20px 0 0 0; border:0px solid #FFF;}

.line{background-image:none;}

.footermenunav{ width:1022px; float:left; border:0px solid #CCC;}

ul.footermenu { width:1022px; height:25px; margin:15px 0 0 0; padding:0; border:0px solid #FFF; float:right;}
ul.footermenu li{ list-style-type:none; display:inline;}
ul.footermenu li a{ margin:0; padding:0 5px 0 5px; color:#FFF; text-decoration:none; font-size:12px;  background:url(../images/top-line.jpg) right no-repeat;}
ul.footermenu li a:hover{ margin:0; padding:0 5px 0 5px; color:#fff; text-decoration:underline; font-size:12px;}

.coprright{ width:1022px; float:left; text-align:center; margin:10px 0 0 0px; color:#fff; font-size:12px;}

.heding h2 {
    border-bottom: 2px solid #238EFD;
    color: #000000;
    float: left;
    font-size: 22px;
    margin: 0;
    padding: 0 0 10px;
    width: 1030px;
}

.leftnaves{width:1030px; height:auto; float:left; margin:0; padding:0px; border:0px solid #F00;}
.textrightnav{width:245px; height:400px; margin:0; padding:0px; border:0px solid #F00;}
.textleftnav{width:765px;height:auto;   float:right; margin:0; padding:0px; border:0px solid #F00;}




@media screen and (-webkit-min-device-pixel-ratio:0) {
   /* .menunav{ width:1024px; float:left; border:0px solid #CCC;}

ul.menu{ width:1024px; margin-top:16px; padding:0px; float:left; font-size:16px; font-weight:bold;}
ul.menu li{ list-style-type:none; display:inline; border-right:0px solid #fff;}
ul.menu li a{margin:5px 0 0 0; padding:17px 10px 15px 10px; color:#2a2b2b; text-decoration:none; border-right:1px solid #d4d4d4;}
ul.menu li a:hover{margin:5px 0 0 0; padding:17px 10px 15px 10px; color:#fff; text-decoration:none; border-right:1px solid #238efd; background-color:#238efd;}
ul.menu li a.curent, ul.menu li a.curent:hover{margin:0; padding:17px 10px 15px 10px; color:#fff; border:0px solid #F00; background-color:#238efd;}
*/


.menunav{ width:1024px; height:50px; float:left; border:0px solid #f00; margin-top:-1px;}

/*ul.menu{ width:1024px; margin-top:16px; padding:0px; float:left; font-size:16px; font-weight:bold;}
ul.menu li{ list-style-type:none; display:inline; border-right:0px solid #fff;}
ul.menu li a{margin:5px 0 0 0; padding:17px 10px 14px 10px; color:#2a2b2b; text-decoration:none; border-right:1px solid #d4d4d4;}
ul.menu li a:hover{margin:5px 0 0 0; padding:17px 10px 14px 10px; color:#fff; text-decoration:none; border-right:1px solid #238efd; background-color:#238efd;}
ul.menu li a.curent, ul.menu li a.curent:hover{margin:0; padding:17px 10px 14px 10px; color:#fff; border:0px solid #F00; background-color:#238efd;}
ul.menu li ul{display:none; position:absolute; }
ul.menu li:hover ul{display:block;padding:0px; margin:10px 0 0 0; z-index:999; background:#AC3435; width:150px; height:auto; margin-left:200px;}
ul.menu li ul li{display:block; background:#AC3435;clear:both;width:150px; height:50px; position:relative;}
ul.menu li ul li a{text-decoration:none; display:block; padding-top:15px;}*/


ul#menu-header_menu,
ul#menu-header_menu li,
ul#menu-header_menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size:16px; font-weight:bold;
}

ul#menu-header_menu {
 position: relative;
 z-index: 597;
 float: left;
}

ul#menu-header_menu li {
 float: left;
 
 vertical-align: middle;
 zoom: 1;
}

ul#menu-header_menu li.hover,
ul#menu-header_menu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul#menu-header_menu ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 
}

ul#menu-header_menu ul li {
 float: none;
}

ul#menu-header_menu ul ul {
 top: 1px;
 left: 99%;
}

ul#menu-header_menu li:hover > ul {
 visibility: visible;
}





ul#menu-header_menu li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul#menu-header_menu li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}

ul#menu-header_menu li a {
 display: block;
/* padding: 12px 10px 8px 10px;*/
padding:12px 22px 18px 22px;
 border-right:1px solid #d4d4d4;
 
}


/* ------------- Override default */

                ul#menu-header_menu li {
                 padding: 0;
                }


/* ------------- Reinitiate default: post-override activities  */

                ul#menu-header_menu li.dir {
                 padding: 7px 20px 7px 14px;
                }

                ul#menu-header_menu ul li.dir {
                 padding-right: 15px;
                }


/* ------------- Custom */

                ul#menu-header_menu li {

                }

                ul#menu-header_menu ul a {
                padding:  14px;
              /*    width: 230px; *//* Especially for IE */
				 border-bottom:1px solid #238EFD;
                }

                ul#menu-header_menu ul a:hover {
                 background-color:#238EFD;
                 border:#00FF33 0px solid;
                }

                ul#menu-header_menu a.open {
                 background-color: #2e2e2e;
                 color: #76b900;
                }

                ul#menu-header_menu ul a.open {
                 background-color: #76b900;
                 color: #fff;
                }


                /* CSS 2.1 */

                ul#menu-header_menu li:hover > a.dir {
                background-color:#238efd;
                 color: #76b900;
                }

                ul#menu-header_menu ul li:hover > a.dir {
                 background-color: #76b900;
                 color: #fff;
                }
                
                
                ul#menu-header_menu {
			/*	margin:14px;*/
  
}

                ul#menu-header_menu li {
                /* padding: 8px 0;*/
                 color: #fff;
                 line-height: normal;
                }

                ul#menu-header_menu li.hover,
                ul#menu-header_menu li:hover {
				background:#238EFD;
                 
                }

                ul#menu-header_menu a:link,
                ul#menu-header_menu a:visited { color: #000; text-decoration: none; }
                ul#menu-header_menu a:hover { color: #fff; text-decoration: none; }
                ul#menu-header_menu a:active { color: #fff; }



                ul#menu-header_menu ul {
                 width: 250px;
                 background-color:#f0f0f0;
                 color: #fff;
                 font-size: 11px;
                 text-transform: none;
/*           filter: alpha(opacity=90);
                 -moz-opacity: .9;
                 KhtmlOpacity: .9;
                 opacity: .9;*/
                }

                                ul#menu-header_menu ul li {
                                /* background-color: transparent;*/
                                 color: #000;
                                }

                                ul#menu-header_menu ul li.hover,
                                ul#menu-header_menu ul li:hover {
                                 /*background-color: transparent;*/
                                }

                                ul#menu-header_menu ul a:link,
                                ul#menu-header_menu ul a:visited { color: #000; }
                                ul#menu-header_menu ul a:hover { color: #fff; text-decoration: none; }
                                ul#menu-header_menu ul a:active { color: #fff;
    
   
}

.current-menu-item{
background-color:#238EFD;
}
}