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

/*index*/
/*************开始首页头部**************/
.index-top{ padding:10px 5%; background:#e8e8e8; width:100%; float:left; text-align:center; }
.index-top a{ display:inline-block; border-radius:6px; color:#fff; width:44%; padding:4px 0 4px 6%; background-size:10% 40%; }
.index-top a.a1{ font-size:1.4em; background-color:#db1137; background-image:url(../images/icon/icon01.png);  background-position:8% center; background-repeat:no-repeat;}
.index-top a.a2{font-size:1.2em; background-color:#f28606; margin-left:4%; background-image:url(../images/icon/icon02.png); background-position:8% center; background-repeat:no-repeat;}
/*************结束首页头部**************/

/*************开始首页banner**************/
.banner{clear:both;}
.swipe{width:100%;/*height:420px;*/overflow:hidden;position:relative;}
.swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;height:100%;}
.swipe ul li { height:100%; position:relative; background-position: center top ; background-repeat:no-repeat; background-size:cover;}
.swipe ul li > a{}
.swipe ul li img { display:block;}
.swipe a[title=LRBtn] {width:53px; height:53px;top:50%; margin-top:-53px; position:absolute;color:rgba(0 ,0 , 0 , 0); opacity:0.6;}
.swipe #pagenavi {bottom: 0;box-sizing: border-box;/*height: 45px;*/left: 0;padding-right: 20px;/*padding-top: 16px;*/position: absolute;text-align: center;width: 100%;padding-top:3px;}
.swipe #pagenavi a{width:11px;height:11px;line-height:99em;background:#078bef;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#fcac17; }
/*************结束首页banner**************/

/*************开始首页产品分类**************/
.dudu_service ul{ width:100%; float:left;}
.dudu_service li{ width:33%; float:left;}
.dudu_service li span{ width:100%; text-align:center; float:left; }
.dudu_service li span img{padding:10px 0px; height:59px;}
.dudu_service li a{ width:100%; text-align:center; float:left; font-size:1.2rem;}
.dudu_service li > a{ padding-bottom:10px;}

.ind_sl{ width:90%; text-align:center;  margin:20px auto 20px auto;  font-family:Arial, Helvetica, sans-serif;}
.ind_sl select{width:100%; text-align:center;line-height:24px; height:24px; border:1px solid #0757a0;}
.ind_sl select option{ border:1px solid #0757a0; height:24px; line-height:24px;}
.ind_sl select input{height:24px; line-height:24px; border:0;}

.pro_sl{width:90%; text-align:center;  margin:20px auto 20px auto;  font-family:Arial, Helvetica, sans-serif; height:36px; line-height:36px;  font-size:18px;}
.pro_sl select{width:100%; text-align:center;line-height:32px; height:32px; border:1px solid #0757a0;font-size:18px;padding:0 0 0 10px;}
.pro_cs{ width:90%; margin:0 auto; font-size:16px; height:34px; line-height:34px; border-bottom:1px solid #dedede;}

.sh_top{width:90%; text-align:left; font-family:"微软雅黑"; margin:20px auto 20px auto; font-size:16px;}
.red{ color:#FF0000; padding:0 3px;}
/*搜索选择*/

.search_details {width:100%; text-align:center; height:43px; position:relative; z-index:1; background:#033e9b;line-height:43px; font-weight:bold; border-bottom:none;}
.search_details_con{ width:90%; text-align:center; height:43px; color:#221815; line-height:43px; border:0px; background:none; padding:0px 0px 0px 6px; overflow:hidden;cursor:pointer;color:#fff;  background:url(../images/slicon.png) no-repeat right 10px; font-weight:bold; text-transform:uppercase; font-size:20px;}

.search_details_empty { position:absolute; z-index:999; border-top:none; width:100%;text-align:center; padding:4px 0px 4px 0px; background:#eaeaea; display:none;overflow-y:auto; margin:0; }
.search_details_empty li { line-height:42px; cursor:pointer; font-weight:bold;}
.search_details_empty li.press { background:#2153A1; color:#fff;font-weight:bold; border-bottom:1px solid #fff;}


.search_hbl{ width:90%; margin:0 auto; }
.search_hbl u{height:34px;width:100%; margin:0 auto 30px auto; float:left;}
.search_hbl u input{ width:100%;padding:0 0 0 10px;height:34px; line-height:34px; border:1px solid #dedede; border-radius: 10px; font-size:16px;}
.search_hbl b input{width:100%; height:36px; display:block; background:#dc002f; color:#fff;border-radius: 10px; font-size:18px;}



/*************结束首页产品分类**************/


#slider.hide{
display:none;}

/*************开始首页产品列表**************/
.i_prolist{ float:left; width:100%; padding:0px 5%;}
.i_prolist ul{ float:left; width:100%;margin-top:5px; }
.i_prolist ul li{ float:left; width:100%;  margin-bottom:5px; overflow: hidden;}
.i_prolist ul li a{ width:95%;position:relative;display:inline-block;}
.i_prolist ul li img{ width:100%;}
.i_prolist ul li a span{ padding:2px 0px; width:100%;color:#fff; background:url(../images/icon/transparent60000.png) repeat; text-align:center;}
/*************结束首页产品列表**************/
 
 
.footer{width:100%; font-size:14px;height:40px; position:fixed; bottom:0; left:0; right:0; z-index:1000; overflow:hidden;background:#078bef;}

.footer ul li{ width:33%;float:left; height:40px;border-right:1px solid #4fabf1; border-left:1px solid #067dd7}
.footer ul li p{text-align:right; margin:0 auto; height:100%; line-height:42px;}
.foottel P{background:url(../images/foottel.png) no-repeat left center; width:60px; }
.footpro P{background:url(../images/footpro.png) no-repeat left center; width:60px;}
.foothome P{background:url(../images/foothome.png) no-repeat left center; width:60px;}
.footer a{color:#fff;}

  
/*内页二级导航菜单*/
.sec_menu { width: 100%; overflow:hidden; text-align:center; padding-top:5px; padding-bottom:5px;}
.sec_menu a { color:#fff; background-color: #078bef; font-size:12px;display:inline-block; padding:5px 2%; margin:3px 0;}
.sec_menu a:hover { color:#fff;background-color:#fcac17;  }

.thr_menu{ width:100%; text-align:center; padding:5px 0;}
.thr_menu a{ color:#666; font-size:12px;display:inline-block; padding:2px 1%; margin:3px;}
.thr_menu a:hover { color:#48302a;}


.p_title h1{ color:#333; font:20px/50px "微软雅黑"; text-align:center; margin:0; padding:5px 0 0;}
  
/*关于我们*/
.container_title { width:100%; border-bottom:1px solid #e3e3e3;}
.container_title h1 { color:#333; font:18px/35px "微软雅黑"; padding-left:3%;}
.container_title h2 { color:#333; font:18px/35px "微软雅黑"; text-align:center;padding:0 3%;}
.container_title_btn { float:right;margin-right:1%;}
.container_title_btn2 { position:relative; text-align:center; font-size:16px}
.container_title_btn2 a { text-align:center;
line-height:30px;
border:1px solid #dadada;
padding:2px 10px; 
background:#fff;
border-radius:8px;
-moz-border-radius:8px; /* 老的 Firefox */
 }
.container_title_btn a { text-align:center;
line-height:24px;
border:1px solid #dadada;
padding:2px 10px; 
background:#fff;
border-radius:8px;
-moz-border-radius:8px; /* 老的 Firefox */
 }
.container_title_btn sup { font-family:Arial, Helvetica, sans-serif; font-size:12px; height:12px; line-height:12px; line-height:12px!important;}
.about_main { padding:3% 5%; color:#333; font:14px/28px "微软雅黑";} 
.about_main img{ width:100%;}
.culture_main { padding:3% 5%; color:#666; font:16px/32px "微软雅黑";} 
.culture_main p { line-height:2;}
.culture_main img { width:100%;}
.culture_main span { font-weight:bold; color:#333;}
  
 
/*图片列表*/
 
.piclist{ float:left; width:100%; padding:0px 5%;}
.piclist ul{ float:left; width:100%;}
.piclist ul li{ float:left; width:50%; margin-top:15px; padding:0px 2%;}
.piclist ul li a{ position:relative;display:inline-block;}
.piclist ul li a img{ width:100%; height:120px;}
.piclist ul li a span{ position:absolute; bottom:0px; padding:5px 0px; width:100%; left:0px; color:#fff; background:url(../images/icon/transparent60000.png) repeat; text-align:center;}
   
   
 /*新闻列表*/
.newlist{ min-height:150px;}
.newlist li{ line-height:40px; padding:0 5%; border-bottom:1px dashed #ededed; font-size:14px;}
.newlist li u a img{ height:100px; width:100%;}
.newlist li i{height:40px; float:left;overflow:hidden;width:70%; }
.newlist li i a{ display:block;height:40px; float:left;overflow:hidden; width:70%; height:100%;color: #48302a; text-overflow:ellipsis;}
.newlist li span{  float:right; font-style:normal; color:#CCC; font-size:12px;}


 /*新闻列表小图片*/
.newlist_xpic{ min-height:150px;}
.newlist_xpic li{ line-height:40px; height:60px; overflow:hidden; margin:0 0 10px 0; padding:0 5%; border-bottom:1px dashed #ededed; font-size:14px;}

.newlist_xpic li u a img{ height:50px; width:50px;}
.newlist_xpic li i{height:100px; overflow:hidden;width:75%; }
.newlist_xpic li i a{ display:block;height:32px!important; overflow:hidden; float:left; width:100%;color: #48302a; text-overflow:ellipsis;}
.newlist_xpic li i p{ line-height:24px; height:24px; overflow:hidden;font-size:11px; color:#666; float:left;}
.newlist_xpic li span{  float:right; font-style:normal; color:#CCC; font-size:12px;}


/*会员登录*/
.login{ padding:10px 5% 0;}
.login table{font-size:12px;color: #333; text-align:left;}
.login table td{padding:5px 2px;}
.login table input{ width:100%; height:32px; line-height:32px}
.login table textarea {width:100%;line-height:32px; height:90px;}
.login table select{height:32px; line-height:32px; float:left; width:100%; margin-bottom:5px; margin-right:5px;}

.btn1{height:40px; width:100%; color:#fff; background:#36cbd1; border:none; cursor:pointer;}
.btn1 a{ display:block; margin-top:10px; height:35px; line-height:35px; text-align:center;color: #fff; background:#36cbd1;}
.btn1 a:hover{background:#fbb01f;}

.btnlink{ padding:10px 0; width:100%; text-align:center; float:left;}
.btnlink a{ color:#333;}
.btnlink a:hover{ color:#36cbd1;}
  
 
/*输入框 和表格*/
.message{color:#666; }
.message input{ width:90%; height:30px; color:#333}
.message textarea{ width:90%; color:#333}
.message span{ display:inline-block;}

.js-qi{ border-top:2px solid #48302a; height:50px; line-height:50px; padding-left:5%;color:#48302a; font-size:1.2rem;}
.js-qi span{ color:#f00; font-size:1.5rem}
.nnf-in{ margin-bottom:15px; text-align:center;}
.nnf-in input{ width:90%; color:#fff; background:#48302a; height:35px; border:none; cursor:pointer;}

.ReqUserName{ float:left;}
.inputstyle1{ float:left; width:93%!important;} 
.select2{ width:96%!important; height:70%; }
.areastyle1{width:93%!important; height:100%; }

  
  /**********开始内页翻页************/
.p_page{ text-align:center}
 
.goback{position:relative; text-align: center; padding:20px 0; width:100%;}
.goback a{ padding:5px 35px;margin:10px; border-radius:3px;background-color:#078bef; font-size:14px; color:#FFF;display:inline-block; }
.goback a:hover{ background-color:#06C;} 
  
   
   
 
/*************页面顶部**************/
.index-top{ }
.top_fixed{ background:#033e9b; width:100%; max-width:768px; z-index:99999; padding:0 5%; height:50px; }
.i_return{ float:left; line-height:50px;}
.i_return a{ color:#fff; font-size:1.2em;}
.meun{ float:right; padding-top:15px; position:relative;}
.top_title{ line-height:50px; width:75%; text-align:center; position:absolute; color:#fff; font-size:1.1em; }
.top_title span{ width:250px; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.top_title img{ max-width:350px; max-height:50px;} 


.subsort{ position:fixed; width:50%; max-width:384px; border:#0f0 solid 1px; background:#1b1b1b; height:100%; border:#535353 solid 1px; display:none; border-bottom:none; left:50%; top:50px;}
.subsort ul li{ line-height:2.5em; padding-left:10px; border-bottom:#535353 solid 1px;}
.subsort ul li a{ color:#fff; display:block; font-size:14px;}

.bottom_nav{ width:90%; margin:0 5%; border-bottom:#dcdcdc solid 1px; float:left; text-align:center; color:#000;}
.bottom_nav a{ color:#000; padding:0px 20px; line-height:3em;}
.edition a{ color:#000; padding:0px 30px; line-height:3em;}
.go_top{ position:fixed; max-width:768px; bottom:80px; right:10px; z-index:999; display:none;}
/*************页面顶部**************/

@media screen and (min-width: 416px) and (max-width: 480px){
body{ font-size:1.4em;}
	}
@media screen and (min-width: 376px) and (max-width: 415px){
body{ font-size:1.2em;}
	}
@media screen and (min-width: 320px) and (max-width: 375px){
body{ font-size:1em;}
	}



@media screen and (min-width: 320px) and (max-width: 375px){
.top_title span{ width:170px;}
	}
@media screen and (min-width: 320px) and (max-width: 480px){
.dudu_service li a{font-size:1.1rem;}
.dudu_service li span img{padding:10px 0px; height:59px;}
.dudu_service li span a{font-size:1.0rem;}
.menu a{font-size:1.2rem;}
	}
@media screen and (min-width: 480px) and (max-width:1080px){
.dudu_service li span img{padding:20px 0px; height:79px;}
.dudu_service li span a{font-size:1.2rem;}
	}
@media screen and (min-width: 1081px) and (max-width: 1440px){
	}