@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {

	

.m_row{width: 100%; max-width: 100%; height: auto;}
.top_t{width: 100%; max-width: 1170px; margin: 0px auto; height: 40px; font-size: 12px; line-height: 40px; overflow: hidden; color: #808080;}
.top_c{width: 100%; max-width: 1170px; margin: 5px auto; height:65px;}
.logo{float: left; position: relative; overflow: hidden; width:170px; height: 65px; margin-top: 5px; }
.logo img{ margin-top: -10px; width: 150%;}
.logo_1{ float: left; font-size: 12px; font-weight: bold; line-height: 28px; padding: 10px 0px 0px 10px; color: #666; display: none;}
.tel{float: right; width: 140px; background:none; padding-left:2px; height:52px; color:#333; margin-top:10px;}
.tel p{color:#00468c; font-size:20px; font-weight: bold; line-height: 28px; display: block; font-family:Arial;}
.top_t_r{float: right; display: none;}


.menubox{width: 100%; max-width: 1170px; margin: 0px auto; height: 50px; display: none;}
.menuboxul{display: block; width: 100%; max-width: 1170px; margin: 0px auto;}
.menuboxul{display: block; position: relative;}
.menuboxul li{ float: left; padding: 0px 0px; line-height: 50px; width: 10%; text-align: center; border-right: 1px dotted #166ebe;}
.menuboxul li a{ padding: 00px; display: block; color: #fff; font-size: 16px; } 
.menuboxul li a:hover{color: #00468c; background: #f2f2f2;}
.menuboxul li a.dq{ color: #00468c; background: #f2f2f2; display: block;}
.menuboxul li a.dq1{ color: #00468c; background: #f2f2f2; display: block;}

.menubox .hide1{position:absolute;background:rgba(255,255,255,0.9);width:100%;/*height:205px;*/top:50px;left:0px;display:none;z-index:11100;padding:0px 0px 0px 0px; 
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);  
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);  
  box-shadow:0 0 10px rgba(0, 0, 0, .5);  }

.menubox li .hide1 .menu_r_nav2j{ width:20%; height:auto; min-height:350px; padding-top: 20px; float:left;overflow: hidden;}
.menubox li .hide1 .menu_r_nav2j a{ display: block; width:100%; height:40px; line-height:40px; text-align:left; padding-left:20px; color:#333; font-size:14px; border-bottom: 1px dotted #ccc;}
.menubox li .hide1 .menu_r_nav2j a:hover{ color:#fff; background: #00468c;}
.menubox li .hide1 .menu_r_nav2j a i{ color:#7E7E7E; padding-right:10px;}
.menubox li .hide1 .menu_r_nav2j a:hover i{ color:#fff;}
.menubox .hide1 .pic{width:80%; line-height: 22px;height:auto;overflow:hidden;margin:0px 0 10px 0px; padding: 20px 20px 0px 10px; float:left; color: #000;}
.menubox .hide1 .pic img{ width:100%; height:auto; padding-bottom: 0px;}

.menubox li .hide1 .menu_r_nav2j2{ width:40%; height:auto; min-height:350px; padding-top: 20px; float:left;overflow: hidden;}
.menubox li .hide1 .menu_r_nav2j2 a{ display: block;float:left; width:50%; height:40px; line-height:40px; text-align:left; padding-left:20px; color:#333; font-size:14px; border-bottom: 1px dotted #ccc;}
.menubox li .hide1 .menu_r_nav2j2 a:hover{ color:#fff; background: #00468c;}
.menubox li .hide1 .menu_r_nav2j2 a i{ color:#7E7E7E; padding-right:10px;}
.menubox li .hide1 .menu_r_nav2j2 a:hover i{ color:#fff;}
.menubox .hide1 .pic2{width:60%; line-height: 22px;height:auto;overflow:hidden;margin:0px 0 10px 0px; padding: 20px 20px 0px 10px; float:left; color: #000;}
.menubox .hide1 .pic2 img{ width:100%; height:auto; padding-bottom: 0px;}
	

/*导航*/



.banner_top{position: relative;overflow: hidden; margin-top: 0px;}
.banfix_word{width: 100%;text-align: center;overflow: hidden;position: absolute;top: 0px;left: 0px;z-index: 222;}
.banfix_des{margin-top: 10%;overflow: hidden;color: #fff;font-size: 20px;overflow: hidden;line-height: 30px;}
.banfix_des1{margin-top: 10%;overflow: hidden;color: #fff;font-size: 20px;overflow: hidden;line-height: 30px;}
.banfix_desen{width: 100%;margin-top: 5px;overflow: hidden;color: #fff;font-size: 12px;}
.more_ban{width: 120px;line-height: 30px;height: 30px;color: #fff;font-size: 12px;text-align: center;display: none;margin: auto;background:#f76100;overflow: hidden;margin-top: 2%; transition: all 500ms;}
.more_ban:hover{background: #006a8e;transition: all 500ms;color: #fff;}
/*===bannerzi===*/

.about_cj{ width:100%; height: 150px; position: absolute; bottom: -80px;  left: 0px; z-index: 999; display: none;}
.about_cj_m{ width: 1170px; height: 150px; background:rgba(255, 255, 255, .96); margin: 0px auto; -webkit-box-shadow:0 0 20px rgba(0, 0, 0, .3);  
  -moz-box-shadow:0 0 20px rgba(0, 0, 0, .3);  
  box-shadow:0 0 20px rgba(0, 0, 0, .3);  }

.content_list{width: 100%; padding-top: 2.5%;}
.content_list li{width: 25%; float: left; border-right: 1px solid #ccc;}
.content_list li div{padding: 0% 0px 0px 30%;}
.content_list li div .animateNum{ font-size: 40px;}
.content_list li div .unit{}
/*=== banner kuai===*/


.index_tit{ text-align:center; padding: 10px 0px;}
.index_tit h3{ font-size: 22px; font-weight: bold;}
.index_tit span{ font-size: 12px; color: #999;}

/* 首页产品  */
.index_pro{ width: 100%; height: auto; margin-top: 10px; padding-bottom: 0px;}

.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{ height:40px; line-height:40px; padding:0 10px; text-align: center;  position:relative; margin-bottom: 10px;  }
.slideTxtBox .hd ul{ width: 100%; height:40px; text-align: center;   }
.slideTxtBox .hd ul li{ display: inline-block; padding:0 10px; background: #e8e8e8; border-right: 1px solid #ccc;}
.slideTxtBox .hd ul li a{ color: #00468c;}
.slideTxtBox .hd ul li.on{ height:40px; color: #fff;  background:#00468c; cursor:pointer; }
.slideTxtBox .hd ul li.on a{color: #fff;  background:#00468c;}

.slideTxtBox .bd{ padding:0px; display: block; }
.slideTxtBox .bd ul{ padding:0px;  }
.slideTxtBox .tempWrap{ margin:0px;  }
.index_proul{ display: block; width: 100%;}
.index_proul li{width: 50%; float: left; overflow: hidden; border: 1px solid #f2f2f2;}
.index_proul li a{ display: block; position: relative; text-align: center;}
.index_proul li a .index_proul1{position: relative; width: 100%; overflow: hidden;}
.index_proul li a img{ width: 100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.index_proul li a:hover img{width: 100%; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.index_proul li a span{ width: 100%; height: 50px; line-height: 50px; display: block; position: absolute; bottom: -100px; left: 0px;background:rgba(0, 0, 0, .5); color: #fff;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.index_proul li a:hover span{ width: 100%; height: 50px; line-height: 50px; display: block; position: absolute; bottom: 0px; left: 0px;background:rgba(0, 0, 0, .5); color: #fff;}
.index_proul li a h5{display: block; height: 45px; line-height: 45px; overflow: hidden; background: #f3f3f3;}
.index_proul li a:hover h5{display: block; height: 45px; line-height: 45px; overflow: hidden; background: #00468c; color: #fff;}

/** index_about E **/
.index_about{ width: 100%; height: 750px; margin-bottom: 0px; display: none;}
.index_abm{position: relative; padding-top: 100px; color: #fff; width: 1170px; margin: 0px auto;}

.index_abm1{ width: 620px;}
.index_abm1h1{ width: 480px; font-size: 30px; line-height: 38px; font-weight: 400;}
.index_abimg{ padding-top: 30px; width: 71%;}
.index_abimg a{width: 23%; padding: 0px 0px 0px 0px; margin-right: 2%; overflow: hidden; float: left;}
.index_abimg a img{width: 100%;
-webkit-transition:all 1s; 
-moz-transition:all 1s; 
-o-transition:all 1s; }
.index_abimg a img:hover{
-webkit-transform:scale(1.1) rotate(0deg); 
-moz-transform:scale(1.1) rotate(0deg); 
-o-transform:scale(1.1) rotate(0deg);
}

.index_abm_tit{ position: absolute; top: 100px; right: 150px;}
.index_abm2{ width: 300px; height: 400px; color: #000; position: absolute; top: 267px; right: 0px; padding: 40px 20px 0px 20px; background: #e4e5e9; line-height: 24px; overflow: hidden;}

.index_abm2_more{ position: absolute; top: -55px; left: 35%;}
.index_abm2_more a{ background: #e58c00; width: 85px; height: 85px; line-height: 85px; text-align: center; font-size: 20px; display: block;}


/* 首页解决方案*/
.index_jiejue{ width: 100%; height: auto; margin-top: 0px; padding-bottom: 0px;display: none;}

.index_news{width: 100%;overflow: hidden;padding: 50px 0px;}
.index_newsny{width: 100%;overflow: hidden;padding: 20px 0px 50px 0px;}
.index_news1300{width: 100%;max-width: 1300px;overflow: hidden;margin: auto;}
.newsmore{width: 160px;height: 50px;line-height: 50px;font-size: 16px;text-align: center;background:#00468c;color: #fff;display: block;margin: auto; transition: all 500ms;margin-top: 60px;}
.newsmore:hover{width: 200px;color: #fff;transition: all 500ms;}

.slideGroup{ width:100%;  text-align:left;margin-top: 35px;}
.slideGroup .parHd{ height:30px; line-height:30px;  padding:0 20px;   position:relative;  }
.slideGroup .parHd ul{  position:relative;  height:32px;text-align: center;   }
.slideGroup .parHd ul li{ display: inline-block;padding: 0px 20px;font-size: 18px;cursor: pointer;}
.slideGroup .parHd ul li.on{ color: #00468c; }
.slideGroup .slideBox{width: 90%;margin: auto; overflow:visible; zoom:1; padding:0px;  }

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0%; top:30%; display:block;font-size: 40px; }
.slideGroup .sPrev i,.slideGroup .sNext i{ font-size: 40px; }
.slideGroup .sNext{ left:auto; right:0%;   }

.slideGroup .parBd {margin-top: 35px;width: 100%;overflow: hidden;position: relative;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ margin:0px; float:left; _display:inline; overflow:hidden;   width: 33.33%;text-align: center;}
.slideGroup .parBd ul li .pic{ text-align:center;width: 96%;margin: 0 2%; }
.slideGroup .parBd ul li .pic img{ width:100%; height:auto; display:block; margin: auto; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{text-align: left;padding:10px 20px;overflow: hidden;background: #fff;width: 96%;margin: 0 2%;transition: all 500ms; }
.slideGroup .parBd ul li .news_con{font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;width: 100%;margin-top: 0px;transition: all 500ms;}
.slideGroup .parBd ul li:hover .title{background:#00468c;transition: all 500ms; }
.slideGroup .parBd ul li:hover .time,.slideGroup .parBd ul li:hover .news_con{color: #fff;transition: all 500ms;}
/*****/




/* 首页介绍品牌*/
.index_js{ width: 100%; max-width: 1170px; height: auto; margin: 20px auto 0px auto;}
.index_js_tit{ text-align:center; height: 100px; padding: 0px 0px 0px 0px; background:url(../images/index_jsbg.jpg) no-repeat center bottom;}
.index_js_tit h3{  font-size: 22px; font-weight: bold;}
.index_js_tit span{ color: #00468c;}
.index_js_tit em{ color: #999; font-size: 12px; font-style:normal;}

.index_js_m{ width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px;}
	.index_js_m img{width: 100%;}
.index_js_m_l{ float: left; width: 100%; text-align: center;}
.index_js_m_r{ float: left; width: 100%; padding-top: 0px;}
.index_js_m_r1{font-size: 15px; color: #00468c; padding-bottom: 10px;}
.index_js_m_r1 span{ font-size:30px; font-family:Impact, Charcoal, sans-serif; font-weight: bold; padding-right: 10px; color: #666;}
.index_js_m_r2{color: #999; padding-bottom: 10px; font-size: 12px;}
.index_js_m_r2 p{ display: inline-block; width: 10px; height: 10px;  margin-right: 5px; border-radius: 50%;background-color: #0689db;}



/* 首页客户介绍*/
.index_kh{ width: 100%; max-width: 100%; height: auto; padding: 40px 0px 80px 0px; margin: 30px auto;background:url(../images/kehubg.jpg) no-repeat center top; display: none;}
.index_kh_tit{ text-align:center; padding: 20px 0px 50px 0px;}
.index_kh_tit h3{ font-size: 36px; color: #fff;}
.index_kh_tit span{ color: #fff;}
.index_kh_tit em{ color: #fff;font-style:normal;}


.leftLoop{ width: 100%; max-width: 1170px; margin: 0px auto; overflow:hidden; position:relative; }
.leftLoop .bd{ padding:0px;   }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ text-align:center; float:left; _display:inline; overflow:hidden;  }
.index_khul li{ margin: 0px 0.3%; width: 16%;}
.index_khul li .title{  padding: 5px 10px; }
.index_khul li .title a{color: #fff;background:rgba(0, 0, 0, .2); display: block; }
.index_khul li .title a:hover{ background: #fff; color: #000;}
.index_khul li a img{ width: 100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.index_khul li a:hover img{width: 100%; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}




/* 首页工厂*/
.index_gc{ width: 100%; max-width: 1170px; height: auto; min-height: 300px; margin: 30px auto 50px auto;}
.index_gc_l{float: left; width: 100%;padding: 0px 10px 0px 10px;}
.index_gc_r{float: left; width: 100%; margin-top: 20px;}

.index_gcul li{ margin: 0px 10px; width: 33.333%;}
.index_gcul li .title{  padding: 5px 0px; }
.index_gcul li .title a{color: #fff;background:#00468c; display: block; }
.index_gcul li .title a:hover{ background: #fff; color: #000;}
.index_gcul li a img{ width: 100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.index_gcul li a:hover img{width: 100%; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.index_gc_zi{font-size: 14px; margin-top: 15px;}

.index_gc_rm{width: 100%; padding: 0px 10px 0px 10px;}
.index_gc_rm img{width: 100%; margin-bottom:6px;}


/* 首页广告*/
.index_gg{ width: 100%; height: 100px; background: url(../images/gg_bg.jpg) no-repeat;}
.index_ggm{width: 100%; max-width: 1200px; margin: 0px auto; position: relative; text-align: center;}
.index_ggm1{ padding-top: 10px; color: #fff; font-size: 22px;font-weight: bold;}
.index_ggm2{ padding-top: 10px; padding-left: 0px; color: #ef5e1f; font-size: 14px; font-weight: bold; display: none;}
.index_ggm3{position:relative; right: 0px; top: 0px; display:block;  color: #fff; font-size: 16px; font-weight: bold;}



/* 首页新闻*/
.index_newsb{ width: 100%; max-width: 1200px; height: auto; margin: 20px auto;}
.index_newsb_l{ width: 100%; float: left; padding: 0px 10px;display: none;}
.index_newsb_c{ width: 100%; float: left; margin-left: 0%;padding: 0px 10px; }
.index_newsb_r{ width: 100%; float: right; display: none;}

.index_newsb_tit{ text-align:left; padding: 0px 0px 30px 0px; background:url(../images/index_jsbg.jpg) no-repeat center bottom; background-size: 100%; position: relative;}
.index_newsb_tit h3{ font-size: 22px;}
.index_newsb_tit span{ color: #00468c;}
.index_newsb_tit em{ color: #999; font-size: 14px; font-style:normal;}
.index_newsb_tit a{ position: absolute; right: 10px; top: 33px; color: #999;}
.index_newsb_tit a:hover{ color: #00468c;}

.index_newsbul{width: 100%;}
.index_newsbul li{width: 100%; overflow: hidden; height: 35px; line-height: 35px; color: #999; border-bottom: 1px dotted #ccc;}
.index_newsbul li p{ display: inline-block; float: left; width: 10px; height: 10px; margin-top: 12px;  margin-right: 10px; border-radius: 50%;background-color: #0689db;}
.index_newsbul li a{display: block; float: left; width: 70%; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;color: #999;}
.index_newsbul li span{float: right;}
.index_newsbul li a:hover{ color: #00468c;}


/* 首页底部*/
.index_foot{width: 100%; height:auto; min-height: 200px; overflow: hidden; background: #474646;}
.index_foot_1360{width: 100%; max-width: 1200px;  margin: 0px auto; padding: 20px 10px 0px 10px;}

.yqlj{ width: 100%; padding: 20px 0px 10px 0px;  color: #777777; display: none;}
.yqlj a{ padding: 0px 10px; display: inline-block;  color: #777777;}
.yqlj a:hover{ color: #0080ff;}
.yqlj1{ width: 100%; padding: 0px 0px 10px 0px;  color: #777777;}
.yqlj1 b{padding-right: 10px;}

.footer-menu { display: block; color: #fff; float: right; width: 80%; padding-bottom: 30px; display: none;}
.footer-menu li {float: right; width:auto; color: #dbdbdb; text-align: left; padding-right: 50px; }
.footer-menu li dt {margin-bottom: 10px; font-size:14px; font-weight: 100; padding-bottom:0px;}
.footer-menu li dd {padding:0px;  margin: 0px; line-height: 25px;  }
.footer-menu li dd a {color: #9b9b9b; font-size: 12px;}
.footer-menu li dd a:hover { color: #0080ff;}

.foot_r{ height:auto; float:left;}

.left_phone{width: 100%;}
.left_phone .hr{width: 10%; height: 20px; border-top: 3px solid #fff;}
.left_phone img{width: 15%;}
.left_phone span{font-size: 24px;font-weight: 400;color: #fff;}
.left_phone p{font-size: 16px;color: #a7a7a7;}
.left_phone h2{font-size: 28px;font-weight: bold;color: #fff;}
.left_img{width: 100%;padding-top: 7%;}
.left_img ._img01{width: 80px;float: left; margin-right: 20px; }
.left_img ._img02{width: 80px;float: left; }
.left_img img{width: 100%;}
.left_img p{color: #fff;text-align: center;}

.copyright{ width: 100%;margin:0px auto; font-size:12px; background: #2d2f32; color: #777777; text-align: left; padding: 10px 10px 10px 10px; border-top: 1px solid #2c2c2c; position: relative;}
.copyright_1200{width: 100%; max-width: 1200px; margin: 0px auto;}
/**  首页底部 **/




/* 内容*/
.pag_main{ width: 100%; max-width: 1200px; height: auto; min-height: auto; margin: 0px auto; position: relative;}
.pro_main{ width: 100%; max-width: 1200px; height: auto; min-height: auto; margin: 0px auto; position: relative;}
.pag_main_l{ float: left; width:100%; position:relative; margin-top: 0px; z-index: 999; opacity: 0.95; color: #fff; }
.pag_main_r{ float: left; width: 100%; padding-left: 0px; padding: 0px 10px;}

.pag_main_lnav{ background: #00468c; height:auto; padding-bottom: 5px; margin-bottom: 10px; width: 100%; border-radius:0px;}
.pag_main_lnav_tit{ padding:4px 0px 0px 10px; height: 30px;}
.pag_main_lnav_tit h3{ font-size: 16px;float: left;}
.pag_main_lnav_tit span{text-transform:Uppercase; float: left; padding-left: 10px; padding-top: 2px;}

	.pag_main_lnav:nth-child(2) { display: none;}
	.pag_main_lnav:nth-child(3) { display: none;}

.pag_main_lul{display: block; margin: 10px; background:rgba(255, 255, 255, .95); padding: 10px 0px;}
.pag_main_lul li{display:block; width: 50%; height: 30px; line-height: 30px;padding: 0px 10px; float: left;}
.pag_main_lul li a{display: block; width: 100%; padding-left: 10px; font-size: 14px; color: #00468c; border-bottom: 1px dotted #ccc;}
.pag_main_lul li a:hover{ background: #00468c; color: #fff;}
.pag_main_lul li a.dq{ background: #001e3b; color: #fff;}

/* 多个上滚动 - 图片- 公用类 */
.topLoop{ overflow:hidden; position:relative; }
.topLoop .bd ul{display: block; margin: 10px; background:rgba(255, 255, 255, .95); padding: 10px 0px;}
.topLoop .bd ul li{display: block; height: 30px; line-height: 30px;padding: 0px 10px; display: block; overflow: hidden;}
.topLoop .bd ul li a{display: block; padding-left: 10px; font-size: 12px; color: #00468c; border-bottom: 1px dotted #ccc;}
.topLoop .bd ul li a:hover{ background: #00468c; color: #fff;}
.topLoop .bd ul li.on{ background:#f00;  }
.topLoop .bd{ padding:10px;   }
.topLoop .bd ul{ overflow:hidden; zoom:1; }

.pag_main_lzx{display: block; margin: 10px; background:rgba(255, 255, 255, .95); padding: 10px 10px; line-height: 30px; color: #00468c;}

.pag_main_r_tit{ margin-top: 10px; height: 45px; padding-bottom: 0px; margin-bottom: 20px; font-size: 14px; border-bottom: 1px dotted #ccc;}
.pag_main_r_tit a{font-weight: bold; padding-left: 5px;}
.pag_main_r_tit1{ float: left;}
.pag_main_r_tit1 img{float: left;}
.pag_main_r_tit1 h2{float: left;display: inline-block; font-size: 18px; line-height: 20px; border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; margin-top: 10px; font-weight: 600;}
.pag_main_r_tit2{ float: right; line-height: 40px; display: none;}

.pag_main_r_about{width: 100%; height: auto; overflow: hidden; padding-bottom: 20px;}
	.pag_main_r_about img{width: 100%;}



/* 内容新闻*/
.pagnews_list{ width:100%; display:block; position:relative; margin:0px 0px 20px 0px; border:1px solid #dddddd;}
.pagnews_listdate{ line-height:40px; height:40px; width:100%;background:#f8f8f8;color: #999; }
.pagnews_listdate div{display:inline-block; padding-left:20px; font-size:14px; }
.pagnews_listdate div i{ padding-right:10px;}
.pagnews_listdate a{color: #999;}
.pagnews_listdate a:hover{color: #000;}

.pagnews_list_main{ background:#FFFFFF; padding:10px 20px; position: relative;}
.pagnews_list_mainl{ float: left; width:300px; position: absolute;}
.pagnews_list_mainl img{width: 100%;}
.pagnews_list_mainr{ float: left; width: 100%; min-height:150px; padding-left: 330px;}
.pagnews_list_main h2{ font-size:16px;}
.pagnews_list_mainn{ font-size:12px; line-height:22px; height:44px; overflow:hidden; margin-top:10px; color: #999;}
a.pagnews_list_maina{ background:#dddddd; height:35px; line-height:35px; padding:0px 30px; display:inline-block; font-size:14px; margin-top:10px;}
a.pagnews_list_maina:hover{ background:#00468c; color:#FFFFFF;}

/* 内容新闻内页*/
.pag_news_infom{ width: 100%; margin-top: 0px; background: #ffffff; padding: 0px 0px; height:auto; position: relative;}

.pag_news_info_tit{margin-bottom: 0px; height:auto; line-height: 30px; -webkit-box-shadow:0px 0px 15px #e1e1e1;  
  -moz-box-shadow:0px 0px 15px #e1e1e1;  
  box-shadow:0px 0px 15px #e1e1e1;color: #fff; padding: 0px 0px 0px 0px; }
.pag_news_info_titl{ padding:3px 0px 3px 10px; color: #fff; background: #00468c; display: block; margin-bottom: 1px;}
.pag_news_info_titl a i{ padding-right: 10px;}
.pag_news_info_titl a{ color: #fff; padding-left: 10px;}
.pag_news_info_titl a:hover{ color: #000;}


.pag_news_infom_tit{ height: auto; font-size: 16px; width: 100%; text-align: left;}
.pag_news_infom_data{ font-size: 14px; padding: 10px 0px 0px 0px;text-align: left; color: #999;}

.pag_news_infomm{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px; margin-top: 10px; border-top: 1px solid #ccc; color: #666;}

.news_more{ width: 100%; height: auto; overflow: hidden; background: #fff; padding: 20px 0px;border-top: 1px solid #ecf2f8;}
.news_more_tit{ font-size: 22px;}

.news_more ul{display: block; padding-top: 20px;}
.news_more ul li{ float: left; width: 50%; height: 35px; line-height: 35px; color: #999; font-size: 14px;}
.news_more ul li a{display: block; color: #333; border-bottom: 1px solid #ecf2f8; width: 100%; height: 35px; line-height: 35px; overflow: hidden;}
.news_more ul li a:hover{color: #00468c; border-bottom: 1px solid #00468c; }


/* 内容解决方案*/
.jiejue_box{ overflow:hidden; zoom:1;}
.jiejue_box li{ margin:0px 0px 20px 0px; float:left; _display:inline; overflow:hidden;   width: 50%;text-align: center;}
.jiejue_box li .pic{ text-align:center;width: 96%;margin: 0 2%; }
.jiejue_box li .pic img{ width:100%; height:auto; display:block; margin: auto; }
.jiejue_box li .pic a:hover img{ border-color:#999;  }
.jiejue_box li .title{text-align: left;padding:10px 20px;overflow: hidden;background: #fff;width: 96%;margin: 0 2%;transition: all 500ms; }
.jiejue_box li .news_con{font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;width: 100%;margin-top: 0px;transition: all 500ms;}
.jiejue_box li:hover .title{background:#00468c;transition: all 500ms; }
.jiejue_box li:hover .time,.jiejue_box li:hover .news_con{color: #fff;transition: all 500ms;}
/*****/

/* 内容产品列表*/
.pro_box{ overflow:hidden; zoom:1;}
.pro_box li{ margin:0px 0px 20px 0px; float:left; _display:inline; overflow:hidden;   width: 50%;text-align: center;}
.pro_box li .pic{ text-align:center;width: 96%;margin: 0 2%; }
.pro_box li .pic img{ width:100%; height:auto; display:block; margin: auto; }
.pro_box li .pic a:hover img{ border-color:#999;  }
.pro_box li .title{text-align: left;padding:10px 20px;overflow: hidden;background: #fff;width: 96%;margin: 0 2%;transition: all 500ms; }
.pro_box li .news_con{font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;width: 100%;margin-top: 0px;transition: all 500ms;}
.pro_box li:hover .title{background:#00468c;transition: all 500ms; }
.pro_box li:hover .time,.pro_box li:hover .news_con{color: #fff;transition: all 500ms;}
/*****/

.pro_main_lul{display:none; margin: 10px; background:rgba(255, 255, 255, .95); padding: 10px 0px;clear: both;}
.pro_main_lul li{display: block; width: 50%; float: left; height: 30px; line-height: 30px;padding: 0px 10px;}
.pro_main_lul li a{display: block; padding-left: 10px; font-size: 14px; color: #00468c; border-bottom: 1px dotted #ccc;}
.pro_main_lul li a:hover{ background: #00468c; color: #fff;}
.pro_main_lul li a.dq{ background: #001e3b; color: #fff;}


.pro_info{width:100%; padding:0px 0px 20px 0px; overflow:hidden; border:1px solid #e8e8e8; margin: 10px 0px 0px 0px;}
	.pro_infoimg{ width:100%; height:auto; overflow:hidden; float:left;}
	.pro_infoimg img{ width:100%; height:100%;}
	.pro_info_rm{ width:100%; height:auto; float:right; padding-left: 5px; padding-right: 5px;}
		.pro_info_rmh3{ border-bottom:1px dotted #CCCCCC; margin-bottom:5px; font-size:16px; color:#666; padding:10px 0px; font-weight:100; line-height:20px;}
		.pro_info_rmm{ padding-top:5px; color:#999; width:100%; padding-bottom:10px;}
.pro_info_x{ padding-top:30px; width:100%; overflow:hidden; margin-bottom: 30px;}

.slideTxtBoxx{ width:100%; border:1px solid #ddd; text-align:left;  }
.slideTxtBoxx .hd{ height:40px; line-height:40px; background:#f4f4f4; padding:0px; border-bottom:1px solid #ddd;  position:relative;  }
.slideTxtBoxx .hd ul{ float:left; position:absolute; left:0px; top:0px; height:32px;   }
.slideTxtBoxx .hd ul li{ float:left; padding:0 25px; font-size:14px;}
.slideTxtBoxx .hd ul li.on{ height:40px;  background:#00468c; border:1px solid #ddd; border-top:2px solid #00468c; border-bottom:0px; cursor:pointer; }
.slideTxtBoxx .hd ul li a{color: #333;}
.slideTxtBoxx .hd ul li.on a{color: #fff;}
.slideTxtBoxx .bd{ padding:5px;  }
.slideTxtBoxx .tempWrap{ margin:5px;  }
.infoList{ width:100%; margin:10px auto; overflow:hidden; height:auto;}

.index_ruhe_lx{ width:100%; float:left; color: #333; padding-top: 0px;}
.index_ruhe_lxh4 {font-size: 26px; font-weight: 100; margin-bottom: 20px;}


.image_container{width: 25%; float: left;}
.image_container a{width:60px;height:auto; display:block; float:left; -webkit-perspective: 600px;-moz-perspective: 600px;}
.image_container .pic2{position:absolute; top:0;left:0; z-index:-1;}
.image_container a .pic3{ padding-top: 10px; text-align: center;}
.image_container a .pic3 b{ display: block; font-size: 12px; font-weight: 100; color: #333;}
.image_container a .pic3 span{ color: #fff; display: block; font-weight: 100; background: #bbbbbb; height: 25px; line-height: 25px; margin-top: 0px; font-size: 12px;}
.image_container a:hover .pic3 b{ color: #00468c;}
.image_container a:hover .pic3 span{background: #00468c; color: #fff;}

.image_container a .pic1{
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image_container a:hover .pic1{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
}

.image_container a .pic2{
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;/*z-index:10;
    position:absolute;*/
}

.image_container a:hover .pic2{
    -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);
    z-index: 10;
    position: absolute;
}
/**  首页如何评价 **/


.dibangjg{padding: 10px 0px;}
.dibangjg a{padding: 0px 10px 0px 0px; width: 20%; display: inline-block; font-weight: bold;}


.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:99999; display: none;}


.menubox_phone{ width: 100%; display: block;}
	.menubox_phone a{width: 25%; font-size: 12px; line-height: 40px; text-align: center; color: #fff; display: block; float: left; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
	
	.pro_phone{ padding: 20px 0px 0px 0px; display: block;}
	.pro_phone_tit{font-size: 16px; line-height: 35px; padding-left: 10px; color: #000; background: #00468c; color: #fff;}
	.pro_phone_tit a{ float: right; color: #fff; font-size: 14px; padding-right: 10px;}
	.pro_phone ul{display: block; padding: 10px;}
	.pro_phone ul li{display: block; width: 48%; float: left; background: #f0f0f0; height: 30px; line-height: 30px; padding-left: 10px; margin-bottom: 1px; margin:0.5% 1%; overflow: hidden;}
	.pro_phone ul li a{}
	
	.foot_phone{ position: fixed; border-top: 1px solid #000; bottom: 0px; left: 0px; background: #00468c; color: #fff; width: 100%; height:55px; padding-top: 5px; display: block;}
	.foot_phone a{width: 33.3333%; color: #fff; display:block; float: left;text-align: center; border-right: 1px solid #6f9bc7;}
	.foot_phone a img{width: 20px;}
	.foot_phone a span{ display: block;}
	
	a.phone_nav{ color: #fff; float: right; padding-right: 10px; display: block;}

/* 智能手机（纵向和横向）--------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {

/* iPad（横向）--------------------------------------------------------------------------------------------------- */
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	
/* iPads（纵向） --------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 1024px) 
and (max-width : 1200px) {

/* 台式机和笔记本电脑 --------------------------------------------------------------------------------------------------- */
}

