@media only screen and (min-width : 768px) {
/*--类--*/
#header .warp { width: 1210px; margin: 0 auto; position: relative; }
#header .clear:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
#header .clear { *zoom:1; }



#header input, button, select, textarea { outline: none; border:0 none; }
 #header select{ appearance: none; -moz-appearance: none; -webkit-appearance: none;}
#header a { text-decoration: none; }
#header a:focus { outline: none; }
#header{ height:91px; border-bottom:1px solid #ebebeb; margin: 0 auto; background-color:#FFF; position:relative; padding:0px;}
#header .mask{ height:250px; background:url(./subnav_bg.png); width:100%; position:absolute; top:100%; left:0; z-index:1000; display:none;}
#header .logo{ width:200px; height:91px; overflow:hidden; position:absolute; left:0; top:0;}
#header .logo:after{ content:''; display:inline-block; vertical-align:middle; width:0; height:100%; overflow:hidden;}
#header .logo img{ max-width:100%; max-height:100%; vertical-align:middle;}
#header .nav{ position:absolute; left:234px; top:15px; margin:0; padding:0;}
#header .nav>ul{ list-style: none outside none; padding: 0;}
#header .nav>ul>li{ float:left; position:relative; list-style: none outside none; padding: 0;}
#header .nav>ul>li a{ display:block; font-size:16px; line-height:76px; color:#474747; text-align:center; padding:0 10px;}
#header .nav ul li .subNav{ width:100%; position:absolute; left:0; top:100%; z-index:1000; display:none;}
#header .nav ul li .subNav ul{ height:249px; border-right:1px solid #d2d2d2; padding:18px 0 26px;}
#header .nav ul li .subNav.first ul{ border-left:1px solid #d2d2d2;}
#header .nav ul li .subNav ul li{ width:100%; padding:6px 0; list-style: none outside none;}
#header .nav ul li .subNav ul li a{ width:100%; padding:0; font-size:14px; line-height:14px; color:#707070;}
#header .nav ul li a:hover,#header .nav ul li .subNav ul li a:hover{ color:#00a0e9;}
#header .nav ul li:hover .subNav{ background:url(./subnavli_bg.png);}
#header .nav ul .cur a{ color:#00a0e9;}
#header .tools{ position:absolute; right:0; top:40px; overflow:hidden;}
#header .tools .tel{ background:url(./header_tools_ico.png) left top no-repeat; padding-left:28px; font-size:18px; line-height:29px; color:#707070; float:left; margin-right:22px;}
#header .tools .search{ float:left; background:url(./header_tools_ico.png) left bottom no-repeat; padding:0 34px 0 14px; position:relative;}
#header .tools .search input{ width:105px; height:29px; color:#909090; font-size:12px; line-height:64px; line-height:29px; background-color:transparent;}
#header .tools .search button{ width:29px; height:29px; position:absolute; right:0; top:0; cursor:pointer; background-color:transparent;}
}
@media only screen and (max-width : 768px) {
header{ height:46px; border-bottom:1px solid #dddddd; position:relative; padding:0 9px;}
header h1, h2, h3, h5, h6 { font-weight: normal; margin:0}
header a{ display:block; position:absolute; text-decoration:none;}
header a:focus, a:hover {    text-decoration: none;}
header ol, ul, li { list-style: none outside none; padding: 0; }
header .logo{ background:url(./logo.jpg) no-repeat 0 0; background-size:100%; width:92px; height:32px; top:7px; left:7px;}
header .menu{ width:19.5px; height:14.5px; background:url(./menu.png) no-repeat 0 0; background-size:100%;top:15px; right:9px;}
.main_tit{ border-bottom:1px solid #ebebeb; text-align:center; position:relative; height:38px;font-size:18px; color:#474747; line-height:38px;}
.main_tit .bck{ position:absolute; top:0; left:7px; background:url(./bck.png) no-repeat center; width:9px; height:38px; background-size:100%; }

.main_nav .channel ul{ display:none;}
.main_nav { position:absolute; top:0; right:0; background:#3a3a3a; width:210px; z-index:10; padding-bottom:35px; display:none;}
.main_nav h2{ font-size:14px; color:#fff; padding:16px 0; padding-left:18px; margin:0;}
.main_nav h2.now { background:#323232;}
.main_nav h2.now ul{ display:block; }
.main_nav h2.now ul li{ padding:8px 0;}
.main_nav h2.now ul a{ font-size:12px; color:#c3c3c3;}
.main_nav h2 ul{ padding-top:14px;} 
.main_nav h2 a{ display:block;}
.main_nav .h2{ border-bottom:1px solid #222222; position:relative;}
.main_nav .h2 .close{ display:block; width:51px; height:51px; position:absolute; top:0; right:0; background:url(./close.png) no-repeat center; background-size:17px 17px; border-left:1px solid #222222;}
.main_nav .h2 .close:after{ position:absolute; height:50px; width:0; border-left:1px solid #525252; content:"";}
.main_nav .channel{ border-top:1px solid #525252;}
.main_nav a{ color:#fff;}
}