@charset "UTF-8";
/*
* @ description: 头部、底部公用样式，每个页面必须引用
* @ author: jonwel
* @ update: (2017.v2.0)
*/


*{padding: 0;margin: 0; 
/*  word-wrap: break-word;
  word-break: break-all;
    transition: all 0.3s ;
  -moz-transition: all 0.3s ;
  -webkit-transition: all 0.3s ;
  -o-transition: all 0.3s ;*/
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,button,input{margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align:baseline;background: none repeat scroll 0% 0% transparent;}
ol,ul,li{list-style:none;}


body{font:12px "microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif;color:#666;}

a{text-decoration:none; outline: none; cursor:pointer;color:#8D8D8D; }
a:hover{color: #ff6600;   
/*  transition: all 0.3s ;
  -moz-transition: all 0.3s ;
  -webkit-transition: all 0.3s ;
  -o-transition: all 0.3s ;*/
}

.clear{clear: both;/*margin-bottom: 10px;*//*height:0px; overflow:hidden;*/}

/*顶部公共区域样式*/
.top_box{width: 100%;height: 30px;line-height:30px;border-bottom: 1px solid #e3e3e3;background: #F2F2F2;position: fixed;top:0;left:0;z-index: 999;}
.top{width: 1200px;margin:0px auto;}
.top_L{float: left;padding: 0 10px;}
.top_L a{background: url(img/li.gif) left center no-repeat;padding-left: 5px;/*margin-left: 10px;*/}

.top_L ul li{float: left;padding:0 11px;position: relative; }
.top_L ul li ul{display: none;position: absolute;left: 0;top: 30px;z-index: 9999;background: #FFFFFF;border:1px solid #ff6600;}
.top_L ul li:hover ul{display: block;}
.top_L ul li.topchild:hover{background: url(img/menu_bg.png) bottom center no-repeat;}
.top_L ul li ul li{float: none;width: 60px;}


/*top右侧*/
.top_R{float: right;}
.top_R li{float: left;padding: 0 10px;position: relative;}
  /*顶部二级菜单区域样式*/
    .top_R ul li ul{display: none;position: absolute;right: 0;top: 30px;z-index: 999;background:#EEEEEE;border:1px solid #ff6600; opacity: 0.8;}
    .top_R ul li ul li{float: none;width: 100px;}
    .top_R ul li:hover ul{display: block;}
    .top_R ul li ul li a{display: inline-block;;padding: 0 10px;/*width: 60px;*/}
    .top_R ul li.topchild:hover{background: url(img/menu_bg.png) bottom center no-repeat;}


/*导航菜单栏nav区域样式*/
.head{width: 1200px;height: 60px;margin:0 auto;/*border: 1px solid red;*/padding-top: 30px;}
.head .logo{float: left;width: 200px;}
/*.head .logo img{padding-top: 6px;}*/
.head .nav{width:1000px;line-height: 60px;float: right; }
.head .nav li{float: left;position: relative;}
.head .nav li a{display: block;text-align: center;font-size: 13px;font-weight: bold;padding: 0 31px;}
.head .nav li a:hover{color: #ff6600;background: url(img/menu_bg.png) bottom center no-repeat;}
.head .nav li ul{border:1px solid  #FF6600;}
/*鼠标悬浮状态样式*/
.head .nav li.navchild:hover{background: url(img/menu_bg.png) bottom center no-repeat;z-index:999;}
.on{color: #ff6600;background: url(img/menu_bg.png) bottom center no-repeat;}


  /*二级子导航区域*/
  .nav ul li ul{position: absolute;left: 0;top:60px;background: #FFFFFF;display: none;width: 500px;/*height: 160px;*/opacity: 0.8;z-index: 999;}
  .nav ul li ul li{float: none;}
  .nav ul li ul li a{display: inline-block;;padding: 0 10px;/*width: 60px;*/}
  .nav ul li:hover ul{display: block;}

  
  
  
/*底部公共区域样式*/
 /*之在线咨询*/
.foot1{width: 100%;height: 168px;/*background: url(img/foot_zixun.png) top center no-repeat;*/border-top:1px solid #E0E0E0;}
.foot1_zixun{width: 1200px;height: 168px;margin:0 auto;padding-top: 50px;}
.foot1_zixun p{text-align: center;font-size: 13px;font-weight: bold;}
.foot1_zixun a{display: block;width:138px;height: 36px;line-height: 36px;text-align: center; border: 1px solid #ff6600;margin:10px auto;font-weight: bold;color: #ff6600;font-size: 15px;}
.foot1_zixun a:hover{background: #ff6600;color: white;}

/*之更多产品推荐*/
.foot2{width: 100%;height: 180px;background: #CECECE;border-bottom: 2px solid #ff6600;}
.foot2_tuijian{width: 1200px;height: auto;margin:0 auto;}
.foot2_tuijian h2{font-size: 16px;line-height: 66px;color: #66667A;}
.foot2_tuijian li{float: left;margin-right:10px;-webkit-transition: all 0.36s;-webkit-transform:rotate(0deg)}
.foot2_tuijian li:hover {-webkit-transform:rotate(360deg);transform: scale(1.1,1.1);box-shadow: 0 0 30px #333;}

/*之底部公共导航*/
.foot3{width: 100%;height: 160px;/*background: #F0F0F0;*/}
.foot3_nav{width: 1200px;height: auto;margin:0px auto;padding-top: 20px;}
.foot3_nav dl{float: left;width: 200px;text-align: center;}
.foot3_nav dl dt{font-size: 15px;font-weight: bold;line-height: 29px;}
.foot3_nav dl dd{line-height: 23px;}

/*之底部版权区域*/
.copyright{width: 1200px;height: auto;margin:0 auto;padding-top: 20px;}
.copyright p{text-align: center;line-height: 26px;}
.copyright .img{padding: 0 210px;}
.copyright img{/*margin:0 10px;*/height: 40px;padding: 0 10px;}