@media screen and (max-width: 768px){
.wf_left{ display:none;}	
.wf_right{width:100%; margin-left:0px;}
.wf_main{ width:100%;}
.wf_left{ display:none;}
.wf_neirong ul li{ text-align:center;}
.wf_neirong ul li img{ width:96%;}
.wf_n_neirong{ margin-top:20px;}
.wf_n_neirong h1{ text-align:center; border-bottom:1px dashed #CCC; padding-bottom:20px; margin-bottom:20px; margin-top:30px;}
.wf_n_ms{ overflow:hidden;}
.wf_n_ms_l{ float:left; width:50%; text-align:center;}
.wf_n_ms_l img{width:90%;}
.wf_n_ms_r{ float:left; width:50%;}
.wf_n_ms_r ul{}
.wf_n_ms_r ul li{ overflow:hidden;}
.wf_n_ms_r ul li p{overflow: hidden;font-size: 14px; color: #333;line-height: 20px; padding-bottom: 22px;  margin-bottom: 10px;}
.wf_n_ms_r ul li span{ padding:8px 20px; background:#FF8100; margin-right:10px; color:#FFF; font-weight:bold;}
.wf_n_ms_r ul li b{ color:#FF8100; font-size:20px;}
.wf_call{ width:100%; background:#FF8100; text-align:center; line-height:38px;}
.wf_call a{ color:#FFF;} 

.wf_n_nr_t{ line-height:38px; margin-top:30px;}
.wf_n_nr_t ul{}
.wf_n_nr_t ul li{ border-bottom:2px solid #013B6D; margin-bottom:20px;}
.wf_n_nr_t ul li a{ color:#FFF; padding:10px 30px; background:#013B6D;}
.wf_n_nr_d{    font-size: 13px;    color: #333;   line-height: 24px;}

.wf_page{ margin-top:30px;}
.wf_page ul{}
.wf_page ul li{ line-height:30px;}
.wf_page ul li strong{ padding-right:10px;}

.wf_tuijian{ overflow:hidden; margin-top:30px; line-height:38px;}
.wf_tuijian h3{border-bottom:2px solid #013B6D; margin-bottom:20px;}
.wf_tuijian h3 a{color:#FFF; padding:10px 30px; background:#013B6D;}
.wf_tuijian ul{}
.wf_tuijian ul li{ float:left; width:23%; margin:0 1%; text-align:center;}
.wf_tuijian ul li p{}
.wf_tuijian ul li img{ width:100%;}

}
@media screen and (min-width: 768px){
.wf_main{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0;}	
.wf_left{ float:left;  width:20%;}

	

.wf_right{ float:left; width:78%; margin-left:2%;}
.wf_daohang{    -webkit-box-shadow: 1px 2px 4px #e3e3e3;   box-shadow: 1px 2px 4px #e3e3e3;  height: 38px; line-height: 38px; text-indent: 10px; }
.wf_neirong{ margin-top:20px;}
.wf_neirong ul{}
.wf_neirong ul li{ overflow:hidden;    line-height: 34px; margin-top: 20px; padding-bottom:20px;  border-bottom: 1px solid #f1f1f1;}
.wf_neirong ul li img{ float:left; width:200px; height:120px; margin-right:20px;}
.wf_neirong ul li p{ height: 50px; overflow: hidden; font-size: 13px; color: #999; line-height: 24px;  margin-bottom: 20px; text-align: justify;}
.wf_neirong ul li h3 a{display:block;color: #333;font-size: 16px; line-height:36px;}
.wf_neirong ul li h3 .more_n{ display:block; width:18px; height:18px; border-radius:18px; text-align:center; line-height:18px; color:#666; background:#eee; float:right; transition:all 0.5s;}
.wf_neirong ul li h3:hover .more_n{ width:38px; height:18px; text-align:center; transition:all 0.5s; color:#fff; background:#FF8100;}
.wf_neirong ul li h3 a:hover {text-decoration:none;color:#FF8100; }
 
}
@media screen and (min-width: 1200px){
.wf_main{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0;}	
.wf_left{ float:left; width:235px; margin-right:25px;}

	

.wf_right{ float:left; width:940px; margin-left:0px;}
.wf_daohang{    -webkit-box-shadow: 1px 2px 4px #e3e3e3;   box-shadow: 1px 2px 4px #e3e3e3;  height: 38px; line-height: 38px; text-indent: 10px; }
.wf_neirong{ margin-top:20px;}
.wf_neirong ul{}
.wf_neirong ul li{ overflow:hidden;    line-height: 34px; margin-top: 20px; padding-bottom:20px;  border-bottom: 1px solid #f1f1f1;}
.wf_neirong ul li img{ float:left; width:200px; height:120px; margin-right:20px;}
.wf_neirong ul li p{ height: 50px; overflow: hidden; font-size: 13px; color: #999; line-height: 24px;  margin-bottom: 20px; text-align: justify;}
.wf_neirong ul li h3 a{display:block;color: #333;font-size: 16px; line-height:36px;}
.wf_neirong ul li h3 .more_n{ display:block; width:18px; height:18px; border-radius:18px; text-align:center; line-height:18px; color:#666; background:#eee; float:right; transition:all 0.5s;}
.wf_neirong ul li h3:hover .more_n{ width:38px; height:18px; text-align:center; transition:all 0.5s; color:#fff; background:#FF8100;}
.wf_neirong ul li h3 a:hover {text-decoration:none;color:#FF8100; }

.wf_chanpin{ margin-top:20px;}
.wf_chanpin ul{}
.wf_chanpin ul li{ overflow:hidden;    line-height: 34px; margin-top: 20px; padding-bottom:20px;  float:left; width:23%; margin:1%; text-align:center;}
.wf_chanpin ul li img{ width:100%; height:216px;}
.wf_chanpin ul li p{ height: 50px; overflow: hidden; font-size: 13px; color: #999; line-height: 24px;  margin-bottom: 20px; text-align: justify;}
.wf_chanpin ul li h3 a{display:block;color: #666;font-size: 13px; font-weight:normal;line-height:36px;}
.wf_chanpin ul li h3 a:hover {text-decoration:none;color:#FF8100; }

.wf_chanpin1{ margin-top:20px;}
.wf_chanpin1 ul{}
.wf_chanpin1 ul li{ overflow:hidden;    line-height: 34px; margin-top: 20px; padding-bottom:20px;  float:left; width:23%; margin:1%; text-align:center;}
.wf_chanpin1 ul li img{ width:100%; height:280px;}
.wf_chanpin1 ul li p{ height: 50px; overflow: hidden; font-size: 13px; color: #999; line-height: 24px;  margin-bottom: 20px; text-align: justify;}
.wf_chanpin1 ul li h3 a{display:block;color: #666;font-size: 13px; font-weight:normal;line-height:36px;}
.wf_chanpin1 ul li h3 a:hover {text-decoration:none;color:#FF8100; }

.wf_chanpin2{ margin-top:20px;}
.wf_chanpin2 ul{}
.wf_chanpin2 ul li{ overflow:hidden;    line-height: 34px; margin-top: 20px; padding-bottom:20px;  float:left; width:23%; margin:1%; text-align:center;}
.wf_chanpin2 ul li img{ width:100%; height:150px;}
.wf_chanpin2 ul li p{ height: 50px; overflow: hidden; font-size: 13px; color: #999; line-height: 24px;  margin-bottom: 20px; text-align: justify;}
.wf_chanpin2 ul li h3 a{display:block;color: #666;font-size: 13px; font-weight:normal;line-height:36px;}
.wf_chanpin2 ul li h3 a:hover {text-decoration:none;color:#FF8100; }
	
.wf_mode1{ width:100%;padding-bottom: 35px; }
.wf_mode1 h2{ background:#013B6D;     color: #fff;  font-size: 22px;  font-weight: bold;  height: 110px;  line-height: 30px;  width: 235px;  padding-left: 30px;}
.wf_mode1 h2 a{color: #fff;   font-weight: normal;   letter-spacing: 2px;}
.wf_mode1 h2 p{font-size: 12px;  font-weight: normal;  color: #fff;  letter-spacing: 5px;    text-transform: uppercase;   line-height: 22px;   padding-top: 30px;}

.wf_mode1 ul{border: 1px solid #ececec;border-top: 0; padding: 4px 8px 8px; overflow: hidden;  color: #333 !important;   width: 235px;}
	
.wf_mode1 ul li p:hover {background:#FF8100;color:#000 !important; }
.wf_mode1 ul li p:hover a {display:block; color:#fff; background:#FF8100;}
.wf_mode1 ul li{}
.wf_mode1 ul li p{    height: 44px;  line-height: 44px;  margin-bottom: 6px;}
.wf_mode1 ul li p a{font-size: 14px;display: block;  text-transform: uppercase; padding-left: 21px; background: #f6f6f6;}

.wf_mode2{   padding-bottom: 35px;}
.wf_mode2 h3{    color: #fff; font-size: 18px; background: #013B6D; font-weight: bold; height: 50px; line-height: 50px; width: 235px; padding-left: 30px;}
.wf_mode2 h3 a{    color: #fff;    font-weight: normal;}
.wf_mode2 ul{padding: 0px 15px 20px 10px;    width: 235px; border: 1px solid #ececec; border-top: none;}
.wf_mode2 ul li{line-height: 44px;  height: 44px; overflow: hidden;  border-bottom: 1px solid #eee;  border-top: 1px dashed #fff;  text-indent: 10px;  text-overflow: ellipsis;  white-space: nowrap;}	
.wf_mode2 ul li p{}
.wf_mode2 ul li p a{}

.wf_mode3{padding-bottom: 35px;}
.wf_mode3 h3{color: #fff; font-size: 18px;  background: #013B6D; font-weight: bold; height: 50px; line-height: 50px;  width: 235px;   padding-left: 30px;}
.wf_mode3 h3 a{ color:#FFF;}
.wf_mode3 ul{padding: 0px 15px 20px 10px;    width: 235px; border: 1px solid #ececec; border-top: none;}
.wf_mode3 ul h5{background: url(../images/Teln.gif) no-repeat scroll 0 18px transparent; color: #666666; line-height: 20px; padding: 10px 0 10px 55px;}
.wf_mode3 ul h5 span{display: block;  font: 18px "Impact";  color: #FF8100;}
    
.wf_mode3 ul li{font-size: 14px; line-height:24px; color:#666;}
.wf_fanye{ margin-top:30px; text-align:center;}
.wf_fanye ul{}
.wf_fanye ul li{}
.wf_fanye ul li a{ padding:5px 10px; margin:0 5px; background:#013B6D; color:#FFF;}
.wf_fanye ul li a:hover{background:#FF8100;}
.wf_ac{background:#FF8100 !important;}


.wf_n_neirong{ margin-top:20px;}
.wf_n_neirong h1{ text-align:center; border-bottom:1px dashed #CCC; padding-bottom:20px; margin-bottom:20px; margin-top:30px;}
.wf_n_ms{ overflow:hidden;}
.wf_n_ms_l{ float:left; width:50%; text-align:center;}
.wf_n_ms_l img{ width:400px; height:400px;}
.wf_n_ms_r{ float:left; width:50%;}
.wf_n_ms_r ul{}
.wf_n_ms_r ul li{ overflow:hidden;}
.wf_n_ms_r ul li p{overflow: hidden;font-size: 14px; color: #333;line-height: 20px; padding-bottom: 22px;  margin-bottom: 10px;}
.wf_n_ms_r ul li span{ padding:8px 20px; background:#FF8100; margin-right:10px; color:#FFF; font-weight:bold;}
.wf_n_ms_r ul li b{ color:#FF8100; font-size:20px;}
.wf_call{ width:100%; background:#FF8100; text-align:center; line-height:38px;}
.wf_call a{ color:#FFF;} 

.wf_n_nr_t{ line-height:38px; margin-top:30px;}
.wf_n_nr_t ul{}
.wf_n_nr_t ul li{ border-bottom:2px solid #013B6D; margin-bottom:20px;}
.wf_n_nr_t ul li a{ color:#FFF; padding:10px 30px; background:#013B6D;}
.wf_n_nr_d{    font-size: 13px;    color: #333;   line-height: 24px;}

.wf_page{ margin-top:30px;}
.wf_page ul{}
.wf_page ul li{ line-height:30px;}
.wf_page ul li strong{ padding-right:10px;}

.wf_tuijian{ overflow:hidden; margin-top:30px; line-height:38px;}
.wf_tuijian h3{border-bottom:2px solid #013B6D; margin-bottom:20px;}
.wf_tuijian h3 a{color:#FFF; padding:10px 30px; background:#013B6D;}
.wf_tuijian ul{}
.wf_tuijian ul li{ float:left; width:23%; margin:0 1%; text-align:center;}
.wf_tuijian ul li p{}
.wf_tuijian ul li img{ width:100%;}
}