@charset "utf-8";

/***********首页************/
.banner{ width:100%;}
.banner img{  width:100%;}
.index_tit{ text-align:center; font-size:18px; color:#030303; margin:5% 0;}
.index_tit em{ color:#2A85E7;}
.xilie_list li{ width:38%; float:left; padding:2%  6%;}
.xilie_list .xilie_list_pic img{ width:100%;}
.xilie_list_tit{ text-align:center; font-size:12px;    
   
    
    padding: 0 2%;
    color: #00000;}
.xilie_list_tit i{ color:#2A85E7; font-style:normal; margin-right:10px;}
.xilie_list em{ font-size:12px; color:#565656; text-align:center; width:100%; display:block; line-height:1.4rem; overflow:hidden; height:1.4rem;}
.xilie_list_btn{ display:block; background:#2A85E7; text-align:center; color:#fff; font-size:14px; padding:2% 3%; margin:5% auto 0; width:95px;}
.chanpin{ background:url(../images/bg1.jpg) no-repeat; height:189px; background-size:cover;}
.mt3{ margin:3% 0 0;}

.chanpin_tit{ text-align:center; padding:4% 0 4%; color:#fff; font-size:18px;}
.chanpin_tit em{ color:#ffae00;}
.chanpin p{ margin:0px 2%; font-size:12px; text-align:center; color:#fff; line-height:2rem;}

.zhuanti ul li{ width:50%; float:left; font-size:0px; line-height:0px;}
.zhuanti ul li img{ width:100%;}
.zhuanti a.more{ display:block; margin:5% auto; width:140px; height:32px; font-size:14px; line-height:32px; text-align:center; border:1px solid #cacaca; color:#2A85E7;}

.img_news{ margin:0px 6%;}
.img_news img{ width:100%;}
.news_tit{ text-align:center;}
.new_tit2{ position:relative; font-size:18px; text-align:center; color:#2A85E7; margin:1% 0 2%;}
.new_tit2 span{ position:absolute; border-top:1px solid #000; width:135px; height:1px; left:50%; margin-left:-68px; top:15px;}
.new_tit2 em{ position:relative; z-index:99; background:#fff; display:block; width:80px; margin:0px auto; height:26px;}

.news_list_tit{ margin:4% 6%;}
.news_list_tit a{ float:right; border:1px solid #cacaca; color:#2A85E7; padding:0px 10px; height:26px; line-height:26px;}
.news_list_tit span{ color:#030303; font-size:18px; height:26px; line-height:26px;}
.news_list_tit span em{ color:#2A85E7;}
.news_list ul{ margin:0 6%;}
.news_list ul li{ margin:5px 0px; height:40px; line-height:40px; font-size:12px;}
.news_list ul li a{ display:inline-block; background:#dcdcdc;height:40px; line-height:40px; width:84%; padding:0 2%; color:#000000;}
.news_list ul li a:active{ background:#333;}
.news_list ul li a span{ float:right; margin-right:6%;}
.news_list ul li i{ font-size:20px; height:40px; line-height:40px; display:inline-block; font-style:normal; background:#2A85E7; color:#fff; width:10%; text-align:center;  margin-right:2%; float:left;}

.fenlei{ background:#2A85E7; margin-top:5%; padding-bottom:5%;}
.fenlei_tit{ font-size:18px; color:#fff; padding:2% 6%;}
.fenlei_list{ margin:0 4%;}
.fenlei_list a{ width:20%; text-align:center; line-height:35px; border:1px solid #fff; display:inline-block; margin:0 1.5%; color:#fff;}
.lianxi_list{ margin-left:6%; line-height:28px; color:#fff; float:left;background:url(../images/peo.png) no-repeat right bottom; width:83%;}
.call_p{ margin:0 6%; margin-top:5%; color:#fff;}
.call_tit{ font-size:18px; margin-bottom:2%;}
.lianxi_list li{ background:url(../images/tb1.png) no-repeat; font-size:12px; padding-left:25px;}
.lianxi_list li.tb1{ background-position:0px 5px;}
.lianxi_list li.tb2{ background-position:0px -25px;}
.lianxi_list li.tb3{ background-position:0px -55px;}
.lianxi_list li.tb4{ background-position:0px -85px;}
.lianxi_list li.tb5{ background-position:0px -117px;}

.foot{ text-align:center; color:#9d9797; line-height:26px; margin:3%; font-size:12px;}


/*****专题页*****/
.zhuanti_list li{ margin-top:3%;}
.page{ margin:6% 2% 6% 0; text-align:right; color:#4f4e4b;}
.page2{ margin:6% 6% 6% 0; text-align:right; color:#4f4e4b;}
.page a,.page2 a{ color:#4f4e4b;}

/******内容页****/
.neirong{ color:#020202; font-size:14px; margin:6%; line-height:30px;}
.neirong h2{ margin-top:5%; color:#020202; font-size:14px; font-weight:normal; font-family:"微软雅黑";}

/*********资讯内容*********/
.neirong_tit{ margin:2% 6%; line-height:40px; font-size:18px; border-bottom:1px solid #333;}
.neirong_xinxi{margin:2% 6%; font-size:14px;}
.neirong_xinxi em{ color:#ffae00; margin-right:10px;}
.xinwen_neirong p{ text-indent:2em; color:#020202; font-size:14px; margin:6%; line-height:50px;}
.banquan{ line-height:30px; margin:15% 6%;}

/*********产品列表************/
.chanpinliebiao { margin:0 3%;}
.chanpinliebiao li{ float:left; width:42%; text-align:center; padding:1% 0; background:#e8e8e8; margin:2% 4%;}
.chanpinliebiao li a{ display:block;}
.chanpinliebiao li a:active{ background:#b0aaaa;}
.chanpinliebiao li img{ width:94%;}
.chanpinliebiao li a em {
  display: block;
  padding: 0px 10px;
  height: 48px;
  overflow: hidden;
  line-height: 24px;}



/**********联系我们***********/
.callus_ul{ margin:0 2%;}
.callus_ul li{ min-height:173px; float:left; width:40%; margin:2% 4% 5%; text-align:center; }
.callus_tit{ font-size:18px; text-align:center; color:#131211; margin:5% 0;}
.callus_tit em{ font-size:30px; color:#ffae00; margin:5px;}
.callus_ul li h2{ font-size:18px; font-family:"微软雅黑"; font-weight:normal;}
.callus_ul li em{ display:block; font-size:12px; color:#131211;}
.line{ height:1px; border-top:1px solid #c9c9c9; margin-top:30px;}
.daoda{ padding-bottom:30px;}
.daoda dl{ margin:5% 10%;}
.daoda dl dt{ color:#ffae00; padding-left:20px;}
.daoda dl dd{ color:#131211; font-size:14px; line-height:26px;}
.daoda dl:nth-child(1) dt{ background:url(../images/che.png) no-repeat 0px 0px;}
.daoda dl:nth-child(2) dt{ background:url(../images/che.png) no-repeat 0px -62px;}
.daoda dl:nth-child(3) dt{ background:url(../images/che.png) no-repeat 0px -135px;}



/**************产品zx**********/
.cor em{ margin-right:5px;}
.cor span{ color:#7f7d78;}
.chanpinxilie_list li{ border:1px solid #f8b551; display:block; float:left; color:#7f7d78; margin-left:6%; margin-bottom:20px;}
.chanpinxilie_list li a{ display:block; width:125px; height:42px; line-height:42px; text-align:center;}
.chanpinxilie_list li a:active{ background:#ffae00; color:#fff;}
.daohang{ border-top:1px solid #ffae00;}
.daohang a{ display:inline-block; height:22px; margin:10px 0px; width:24%; text-align:center; color:#7f7d78;}
.daohang a.on{ color:#ffae00;}
.daohang a:nth-child(2){ border-left:1px solid #333;}
.daohang a:nth-child(3){ border-left:1px solid #333;}
.daohang a:nth-child(4){ border-left:1px solid #333;}




/****************关于我们*************/
.about_p{ margin:3% 6%; font-size:12px; line-height:30px;}
.zizhi{ margin:5% 6% 10%;}
.about_tit{margin:3% 6% 0;  color: #ffae00;  font-size: 20px;}
.about_tu em{ float:left;}


.xxk{ margin:2% 6%;}
.xxk em{ display:inline-block; text-align:center; border-bottom:4px solid #666666; line-height:40px; width:25%;}
.xxk em.on{ border-bottom: 4px solid #ffae00;}
.xxk_nr{ margin:0 6%;}
.xxk_nr_img{ text-align:center;}
.xxk_nr_img img{ width:90%;}
.xxk_nr h2{ font-weight:normal; margin-top:30px; font-family:"微软雅黑"; font-size:14px;}





/*********侧导航**********/
.am-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;background:rgba(0,0,0,.15)}.am-offcanvas.am-active{display:block}.am-offcanvas-page{position:fixed;-webkit-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out}.am-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;z-index:1091;width:170px;max-width:100%;background:#333;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.am-offcanvas-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px;background:#262626}.am-offcanvas.am-active .am-offcanvas-bar.am-offcanvas-bar-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.am-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}.am-offcanvas-bar-flip:after{right:auto;left:0}

.am-offcanvas-content ul li{ text-align:center;}
.am-offcanvas-content ul li a{ color:#fff; line-height:30px; border-bottom:1px solid #444; display:block; width:100%; padding:5px 0px;}