/****************************************************************
 *																*		
 * 						合成代码库							*
 *                        www.dmaku.com							*
 *       		  努力创建完善、持续更新插件以及模板			*
 * 																*
****************************************************************/


body{font-family: 'microsoft yahei',Arial,Helvetica, sans-serif; color: #656464; }
header{}
.rowhead{margin-bottom:2%;}
ul{list-style:none;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.main{ padding:30px 0px 10px 0px; }
.main p{color:#656464; font-size:14px; line-height:22px;}
.opacity_img{border: 1px solid #eeeeee;transition:border 0.4s;}
.img-thumbnail:hover,.opacity_img:hover{border: 1px solid #3477c8;}
.clearbox {
	clear:both; 
	width:1300px; 
	margin:0 auto; 
	height:0; 
	overflow:hidden;}
.l{float:left;}
.r{float:right;}
/*首页导航菜单*/
.navbar{ margin:0px; background: url(/images/index/nav_bg.png) no-repeat #0854a8; border:none;}
.glyphicon-home:before {color: #fff;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #3477c8;}
/*大屏幕*/
@media screen and (min-width:769px) {
       header{margin: 0 auto;}
          .topmenu{float: right; font-size: 12px; background-color: #FAFAFA; color: #777777;  width: 100%;  height: 33px; border-bottom:1px solid #dfe1e3;}
          .language{float: right; height: 33px; padding: 5px 10px 0px 10px; font-size: 16px;}
          .top_name{display: inline-block; padding-top:8px;}
          .logo{margin-top: 10px; max-width: 700px;}
	  .warp{width:100%; }
	  .navbarhead{width:80%; margin: 0 auto; height: 60px;line-height: 40px;background: #1048a0;position: relative;z-index: 3;}
      .navbar{ margin-top:10px;  min-height: 57px; margin: 0 auto; }
      .navbar-nav > li{float:left; display: block;position: relative;z-index: 10;font-size: 16px;border-right:1px solid #0b2d7e;text-align: center; }
	  .navbar-nav  .left{float:left; width:23%;  padding:0px 10px 0 10px; margin:1%; background-color:#fff; border-radius: 5px;}/*控制产品中心下拉内容展示*/
	  .navbar-nav  .pro {width:1000px; height:320px; font-size: 16px; background-color:#f1f1f1; border-radius: 5px;}/*控制产品中心下拉展示位置大小*/
      .navbar-nav > li:first-child { border-left:0; }
      .navbar-nav > li:last-child{}
      .navbar-nav > li > a {text-align: center;}
      .navbar-default .navbar-nav > li > a{color: #fff; padding: 18px 40px 22px 40px; }
	  .navbar-default .navbar-nav > li > a.cur,
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
         background: url(/images/index/nav_hover.jpg) no-repeat top center #ff6f02; color: #fff; }
      .navbar-brand{display: none;}

      .navbar-default .navbar-nav-e > li > a{font-weight: normal; }
      .nav_small{ background-color:#007edf; border-radius: 5px; border: none; margin-left:-10%; box-shadow: none;}/*控制产品中心下拉展示位置大小*/
      .nav_small > li{font-size: 16px; padding:10px 0px 0px 0px; border-bottom: 1px solid #f1f1f1; }
      .nav_small > li > a{ text-align: center;  line-height:30px;color: #fff; font-size: 16px;}
      .nav_small > li > a:hover{color: #fff; background: #ff6f02;}
       #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }
/*左侧导航菜单list*/
	  .pro_title{line-height: 50px; border-left: 7px solid #FF8901;background: #0854A8;color: #fff;overflow: hidden;}
	  .pro_title h3{ display: inline;float: left; height: 53px; padding-left: 14px; font-weight: normal;font-size: 24px; }
      .pro_title h3 span{ font-size: 12px; margin-left: 6px;}
    .navigationBox{overflow:hidden;width:100%;line-height:40px;margin-bottom:0px; right:0px;}
.ourservertitle2{margin-top: 10px; margin-bottom: 10px;}
.contactbox{ height:100%; background: #0854A8;padding-top: 30px; text-align: center;color: #fff;}
.contactbox span{ font-size: 62px;height: 64px; line-height: 62px; padding-top: 20px; display: block; overflow: hidden;  font-weight: normal; }
.contactbox p{margin: 0;}
.contactbox p.contacttel{ font-size: 26px; font-weight: bold; margin: 5px 0; overflow: hidden; margin-bottom: 10px;}
#firstpane .selected{background-color:#6497e6;color:#fff;background-image:url(/images/index/liover.png);}
#firstpane > li > a{display:block;background: #F1F1F1;padding-left: 12px; border-left: 7px solid #FFCC00; border-bottom: 1px solid #6497e6; font-weight:bold;}
#firstpane li span{cursor:pointer;line-height:40px;height:40px;background:#f8f8f8;display:block;position:absolute;right:0px;top:1px;color:#333;width:40px;text-align:center;font-size:20px;font-weight:bold}
#firstpane li span:hover{background:#3d76cf;color:#fff}
#firstpane{margin:0px;padding:0px;width:100%;overflow:hidden;margin-top:0px;}
#firstpane > li{float:left;width:100%;position:relative;}
#firstpane > li:hover{}
/*小类*/
/*#firstpane > li > ul{float:left;padding:0px;margin:0px;display:none;width:100%;}隐藏列表*/
#firstpane > li > .proul{float:left;padding:0px;margin:0px;display:none;width:100%;}
#firstpane > li > ul{float:left;padding:0px;margin:0px;width:100%;}
#firstpane > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li:hover{}

#firstpane > li > ul > li > a{display:block;text-indent:40px;border-top: 1px solid #fff; background: url(/images/index/li.png) #f1f1f1 no-repeat 27px 16px; border-bottom: 1px solid #FFF;}
#firstpane > li > ul > li > a:hover{background-color:#6497e6;color:#fff;background-image:url(/images/index/liover.png)}
/*小类*/
#firstpane > li > ul > li > ul{width:100%}
#firstpane > li > ul > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li > ul > li:hover{}
#firstpane > li > ul > li > ul > li > a{display:block;text-indent:56px;border-bottom: 1px solid #fff; background: url(/images/index/li.png) #f1f1f1 no-repeat 46px 16px;}
#firstpane > li > ul > li > ul > li > a:hover{background-color:#6497e6;color:#fff;background-image:url(/images/index/liover.png)}

/*产品内页 小类*/
#firstpane > li > dh> ul{float:left;padding:0px;margin:0px;width:100%;}
#firstpane > li > dh > ul> li{float:left;width:100%;position:relative;}
#firstpane > li > dh > ul> li:hover{}
#firstpane > li > dh > ul> li > a{display:block;text-indent:40px;border-top: 1px solid #fff; background: url(/images/index/li.png) #f1f1f1 no-repeat 27px 16px; border-bottom: 1px solid #FFF;}
#firstpane > li > dh > ul> li > a:hover{background-color:#6497e6;color:#fff;background-image:url(/images/index/liover.png)}
/*小类*/
#firstpane > li > dh > ul> li > ul{width:100%}
#firstpane > li > dh > ul> li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > dh > ul> li > ul > li:hover{}
#firstpane > li > dh > ul> li > ul > li > a{display:block;text-indent:56px;border-bottom: 1px solid #fff; background: url(/images/index/li.png) #f1f1f1 no-repeat 46px 16px;}
#firstpane > li > dh >ul> li > ul > li > a:hover{background-color:#6497e6;coolor:#fff;background-image:url(/images/index/liover.png)}

/*产品左侧新闻列表*/
.navigationBox{overflow:hidden;width:100%;line-height:40px;margin-bottom:0px; right:0px; background-color:f1f1f1; }
.navigationBox p{color:#000;}
#newspane > li > a{display:block;text-indent:10px;border-top: 1px solid #fff; background: url(/images/index/li.png) #f1f1f1 no-repeat 0px 16px; border-bottom: 1px solid #FFF;}
#newspane{margin:0px;padding:0px;width:100%;overflow:hidden;margin-top:0px;}
#newspane > li{float:left;width:100%;position:relative;}
#newspane > li:hover{}




}


/*小屏幕*/
@media screen and (max-width: 768px) {
	 .left_contact{display:none;}
      .navbar{min-height: 50px; margin-top:10px; background-image: none;}
      .navbar-default .navbar-brand {color: #fff; font-size: 16px;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{border:none;}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #3477c8;
      }
      .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a, 
       .navbar-default .navbar-nav > .active > a:hover, 
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a, 
       .navbar-default .navbar-nav > .open > a:hover, 
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color: #3477c8; color: #fff;}

      header{}
     .topmenu,.top_name,.language,.home-btn,.page_bg{display:none;}
      .about_box{margin:8px 0px 0px 0px;}
      .list_box{margin-top: 20px;}
      .search_group{margin: 10px 0px 5px 0px;}
      #topsearch{display: none;}
      .logo{display: block; width:100%; margin: 0 auto; margin-top:13px;  max-width:700px;}
      .flash div.bx-pager{ /*display:none;*/}
      .left_h2{margin-top: 10px;}
      .list_related h2.left_h2{margin-top: 60px;}
      .product_img{min-height: 220px;}
      .product_list2 div.product_img{min-height: 220px;}
      .related_list div.product_img{min-height: 180px;}
      .product_con img,.contents img{width:100%;}
      .news_time{ display:none;}
      .footer_nav{background-color: #fafafa;}
      #pic-page a img {width:35px;}
      #cmsFloatPanel{ display: none;}
      .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}
      .product_list2{}
      footer{ margin-bottom:50px;}

/*左侧导航菜单list*/
.pro_title{display:none;}
.navigationBox{overflow:hidden;width:96%;line-height:40px;margin-bottom:1px; float:left; right:0px;}
.navigationBox .list ul li a{width:100%;}
	.contactbox{display:none;}
#firstpane .selected{background-color:#6497e6;color:#fff;background-image:url(/images/index/liover.png);}
#firstpane li span{cursor:pointer;line-height:40px;height:40px;background:#f8f8f8;display:block;position:absolute;right:0px;top:1px;color:#333;width:40px;text-align:center;font-size:20px;font-weight:bold;}
#firstpane li span:hover{background:#3d76cf;color:#fff}
#firstpane{margin:0px;padding:0px;width:100%;overflow:hidden;margin-top:0px;}
#firstpane > li{float:left; width:100%; position:relative;}
#firstpane > li:hover{}
#firstpane > li > a{display:block;background: #F1F1F1;padding-left: 12px; border-left: 7px solid #FFCC00; border-bottom: 1px solid #6497e6;}
#firstpane > li > a:hover{background-color:#6497e6;color:#fff;background-image:url(/images/index/liover.png)}
/*小类*/
#firstpane > li > ul{float:left;padding:0px;margin:0px;display:none;width:100%;}
#firstpane > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li:hover{}
#firstpane > li > ul > li > a{display:block;text-indent:40px;border-top: 1px solid #fff;overflow:hidden;background: url(/images/index/li.png) #f1f1f1 no-repeat 27px 16px;border-bottom: 1px solid #FFF;}
#firstpane > li > ul > li > a:hover{background-color:#6497e6;color:#fff;background-image:url(/images/index/liover.png)}
/*小类*/
#firstpane > li > ul > li > ul{width:100%}
#firstpane > li > ul > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li > ul > li:hover{}
#firstpane > li > ul > li > ul > li > a{display:block;text-indent:56px;border-top: 1px solid #fff;overflow:hidden;background: url(/images/index/li.png) #f1f1f1 no-repeat 46px 16px;}
#firstpane > li > ul > li > ul > li > a:hover{background-color:#6497e6;color:#fff;background-image:url(/images/index/liover.png)}

/*产品内页 小类*/
#firstpane > li > dh> ul{float:left;padding:0px;margin:0px;width:100%;}
#firstpane > li > dh > ul> li{float:left;width:100%;position:relative;}
#firstpane > li > dh > ul> li:hover{background-color:#6497e6;}
#firstpane > li > dh > ul> li > a{display:block;text-indent:40px;border-top: 1px solid #fff; background: url(/images/index/li.png) #f1f1f1 no-repeat 27px 16px; border-bottom: 1px solid #FFF;}
#firstpane > li > dh > ul> li > a:hover{background-color:#6497e6;color:#fff;background-image:url(/images/index/liover.png)}
/*小类*/
#firstpane > li > dh > ul> li > ul{width:100%}
#firstpane > li > dh > ul> li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > dh > ul> li > ul > li:hover{}
#firstpane > li > dh > ul> li > ul > li > a{display:block;text-indent:56px;border-bottom: 1px solid #fff; background: url(/images/index/li.png) #f1f1f1 no-repeat 46px 16px;}
#firstpane > li > dh > ul> li > ul > li > a:hover{background-color:#6497e6;coolor:#fff;background-image:url(/images/index/liover.png)}
}


/*产品搜索*/
.search_group{float: right; margin: 20px 0px 20px 0px;}
.form-control{border-radius: 0px; box-shadow: none;}
.mysearch_btn{ background-color:#0854a8;color:#fff;border-radius: 0px;transition:background 0.3s;}
.mysearch_btn:hover,.mysearch_btn:focus{ background-color:#C50505; color:#fff;}
#small_search{float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px; color: #fff;}
#small_search:hover,#small_search:focus{cursor: pointer; background-color: #3477c8;}
/*product首页产品导语*/
@media screen and (max-width:769px) {
.ourservertitle{}
	}
.ourservertitle{ background: url(/images/index/obg.jpg) 0 42px repeat-x;text-align: center; margin-top: 9px;overflow: hidden;}
.ottyw{ height: 20px; line-height: 20px; overflow: hidden; color: #8F8F8F;text-transform: uppercase; font-size: 12px;}
.ott{ display: inline-block; _display: block; _width: 220px; padding:0 15px; position: relative; font-weight:bold;font-size:22px; color:#ff8a00;height: 40px; line-height: 39px; background: #fff; }
.ott i,.ott em{ display: block; height:1px; font-size: 0; overflow: hidden;}
.ott em{ background: #C3C1C2 }
.ott i{ position: absolute; width: 20px; border-right: 2px solid #fff; bottom: 0; left: 15px; background: #348EDA; }
.ourservertitle p{ height:auto; line-height: normal; margin:0; margin-top: 1px; font-size: 14px;}
.odesc{ color: #8A8A8A }

/*boxright首页产品列表*/
@media screen and (min-width:769px) {
.boxright{width:74%; margin-left:1%; display:inline; float: left; overflow: hidden;  }
.aboutright{width:73%; margin-left:2%; padding:5px; display:inline; float: left; overflow: hidden;min-height:600px; border: 1px solid #E9E9E9;}
.aboutright p{color:#434343;}
.proright{width:74%; margin-left:1%;  display:inline; float: right; overflow: hidden; border: 1px solid #E9E9E9; }
.right_top{line-height:50px; background-color: #F1F1F1; margin-bottom:3%;}

#imgbox{display:table-cell; vertical-align:middle; text-align:center;}
#imgbox img{width:100px;}
/*index-img list*/
.indeximagelist{
	padding:10px 0px; clear:both;}
.indeximagelist .ImageBlockBG{
}

.indeximagelist .ImageBlock{
	float:left;
	padding:10px 10px 20px 10px;
	margin:10px;
	width:260px;
	height:316px;
	overflow:hidden;
	border:1px solid #DDDDDD;
	cursor:pointer;}
	
.indeximagelist .ImageBlock:hover{
	border:1px solid #6b0782;
	background-color:#FFCC00;
}	
.indeximagelist .ImageBlock .ImageNote{
	padding:5px;
	line-height:25px;
	color:#FFFFFF;
	font-size:11px;}
.indeximagelist .ImageBlock p a{
	color:#000000;}		 
.indeximagelist .ImageBlock img{
	width:240px;
	height:200px;
	border:1px solid #FFCC00;}
.indeximagelist .ImageBlock img:hover{
	border:1px solid #DDDDDD;}
	
.indeximagelist .ImageBlock p{
	text-align:center;
	padding-top:5px;
	bottom:0px;
	color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	height:116px;
	line-height:22px;}

.indeximagelist .ImageBlock a{
	text-decoration:none;}

}

@media screen and (max-width:769px) {
.boxright{ width: 100%; overflow: hidden; }

/*index-img list*/
.indeximagelist{
  grid-template-columns: repeat(2, 1fr); /* 2列网格 */
  grid-gap: 10px; /* 网格间隙 */
  align-items: center; /* 垂直居中 */
  justify-items: center; /* 水平居中 */
  }

.indeximagelist .ImageBlock{
	float:left;
	margin:1px;
	width:48%;
	padding:10px;
	height:180px;
	overflow:hidden;
	border:1px solid #DDDDDD;
	cursor:pointer;}
	
.indeximagelist .ImageBlock:hover{
	border:1px solid #6b0782;
	background-color:#3C8ADD;
}	
.indeximagelist .ImageBlock .ImageNote{
	line-height:25px;
	color:#FFFFFF;
	font-size:11px;}
.indeximagelist .ImageBlock p a{
	color:#FFFFFF;}		 
.indeximagelist .ImageBlock img{
	width:100%;
	height:140px;
	border:1px solid #3C8ADD;}
.indeximagelist .ImageBlock img:hover{
	border:1px solid #DDDDDD;}
	
.indeximagelist .ImageBlock p{
	text-align:center;
	overflow:hidden;
	bottom:0px;
	background-color:#333;
	color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	height:20px;
	line-height:20px;}

.indeximagelist .ImageBlock a{
	text-decoration:none;}
}
/*boxright首页产品列表结束*/
/*首页新闻*/
.news_box{background:url(/images/index/title_line.jpg) left top no-repeat; /*border:1px solid #ccc;*/ margin:20px 0px 30px 0px;}
.index_news{clear: both; list-style:none;margin:0px; padding:20px 0px 0px 0px;}
.index_news li{color:#898989;border-bottom: 1px dashed #ccc;background: url(/images/index/li.png) no-repeat left 16px;line-height:21px; padding: 10px 0px; padding-left:13px;}
.index_news li a{color:#656464;}
.index_news li a:hover{ text-decoration:none;color:#1260aa; }
.news_time{ float:right;}
.left_news{clear: both;}
.left_news ul{padding:0px 0px 12px 0px;}
.left_news span.news_time{display: none;}

/*服务支持*/
@media screen and (min-width:769px) {

.i_m{}
.i_mc{ margin:0px auto; padding:20px 0;}
.i_mc ul{ width:100%; padding-top:40px;}
.i_mc ul li{ width:23%; height:220px; float:left; border:1px solid #ddd; float:left; margin:6px; position:relative; text-align:center;}
.i_mc ul li h6{ width:100%; margin:0px auto; height:30px; line-height:30px; font-size:15px; font-weight:bold; color:#333; padding-top:60px;}
.i_mc ul li .tu{ width:100px; height:110px; position:absolute; top:-55px; left:30%;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}
.i_mc ul li:hover .tu{-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.i_mc ul li p{ width:100%; margin:0px auto; font-size:14px; padding:3px; margin-top:25px;  color:#555; line-height:150%; height:130px; overflow:hidden;}
}
@media screen and (max-width: 768px) {
.i_m{}
.i_mc{ margin:0px auto; padding:10px 0;}
.i_mc ul{ width:100%; padding-top:10px;}
.i_mc ul li h6{ width:100%; margin:0px auto; height:30px; line-height:30px; font-size:18px; font-weight:bold; color:#333; padding-top:15px;}
.i_mc ul li .tu img{ width:80px; height:80px;position:absolute; top:-55px; left:24%;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s; display:none;}
.i_mc ul li:hover .tu{-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.i_mc ul li p{ width:100%; padding-top:15px; padding-bottom:20px; height:140px; auto; font-size:12px;  color:#555; line-height:150%; overflow:hidden;}
.i_mc ul li{ width:48%; float:left; border:1px solid #ddd; float:left; margin:1%;  position:relative; text-align:center;}
}
/*首页视频*/
@media screen and (min-width:769px) {
.iframewh{width:45%;  height:296px; float:left;  border:1px solid #ddd; margin-bottom:-10px; background-color:#f1f1f1;}
.iframeurl{width:45%;  height:296px;  float:left;  border:1px solid #ddd; margin-bottom:-10px;  background-color:#f1f1f1;}
.iframeright{width:54%; float:right; height:296px;   border:1px solid #ddd; margin-bottom:-10px;  background-color:#f1f1f1;}
.iframeright div{padding:1%;}
.i_mi{display:none;}
.i_name{ width:100%; text-align:center; padding-bottom:20px;}
.i_me .more{ width:100%; text-align:center;}
.i_me .more a{ display:inline-block; *display:inline; zoom:1; font-size:16px; color:#FF6500; height:30px; line-height:30px; border:1px solid #FF6500; padding:0 10px;}
.i_me{ width:100%; margin:0px auto; padding:20px 0; background-color:#fff;}
#focus_Box{position:relative;width:1200px;height:242px;margin:0 auto; margin-bottom:30px;}
#focus_Box ul{position:relative;width:100%;height:242px;left: 68px; top:px;}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px; display:inline-block; *display:inline; zoom:1; border:3px solid #ddd;}
#focus_Box li img{width:100%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:rgba(0,0,0,0.5);text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:100%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:38px;height:74px;top:131px;}
#focus_Box .prev{background:url(/images/index/prev_1.png) left bottom no-repeat;left:0px; top:100px;}
#focus_Box .next{background:url(/images/index/next_1.png) right bottom no-repeat;right:0px;top:100px;} 
#focus_Box .prev:hover{background:url(/images/index/prev_2.png) left bottom no-repeat;}
#focus_Box .next:hover{background:url(/images/index/next_2.png) right bottom no-repeat;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;text-indent:-999px;}
.sj_sp{ display:none;}
.slidegrid {float: left;position: relative;overflow: hidden;}
.mainPhoto {width:320px;height: 150px;margin: 0 auto;position: relative;	overflow: hidden}
.mainPhoto span.goleft, .mainPhoto span.goright {display: block;width:38px;height:74px;position: absolute;top: 30px;}
.mainPhoto span.goleft {left: 0; background:url(/images/index/prev_1.png) no-repeat;}
.mainPhoto span.goright {right: 0; background:url(/images/index/next_1.png) no-repeat;}
.mainPhoto .go {width:240px;height:128px;position: relative;left:40px;overflow: hidden}
.mainPhoto .go li {width:240px;height:128px;margin-right: 5px;overflow: hidden}
.mainPhoto .go li img{ width:240px; height:128px; vertical-align:top;}
}
@media screen and (max-width:769px) {
.iframewh{width:100%;  height:220px;  border:1px solid #ddd; background-color:#f1f1f1;}
.iframeurl{width:100%;  height:220px;   border:1px solid #ddd; background-color:#f1f1f1;}
.iframeright{width:99%; padding:5%; min-height:220px;  border:1px solid #ddd; background-color:#f1f1f1;}
.iframeright div{ padding:1%;}

ul.bxslider{list-style:none;}
div.bx-pager{bottom: 4%;}
div.bx-controls-direction{ display:none; }
}
/*首页关于我们*/
@media screen and (min-width:769px) {
.about_box{background:url(/images/index/title_line.jpg) left top no-repeat; margin:30px 0px 0px 0px;}
.about_h2{font-size: 20px; line-height:50px; color: #ffffff;  text-indent:28px;  border-left: 7px solid #FF8901;background: #0854A8; }
.about_box span{margin-top: 8px;  text-indent:28px; font-size: 14px; color: #7D7D7D; margin:18px;}
.about{clear: both; margin: 18px 0px 0px 0px;  background-color:#f1f1f1;}
.about_box img{float:left; margin: 5px 0px 0px 0px; max-width: 330px;}
.about_contents{border: 1px dotted #E9E9E9; line-height:26px; text-indent:2em; margin:1%; background: #fff;font-family: 'Microsoft YaHei';}
.about_contents img{float:left; margin:10px 5px 5px 0px;}
/*首页联系*/
.index_contact{background:url(/images/index/title_line.jpg) left top no-repeat; height:320px;  margin:20px 0px 0px 0px; background: #fff;}
.index_contact P{clear: both; line-height:29px; color:#434343; text-indent:2em;}
.about_contact{border: 1px dotted #E9E9E9;   margin:1%; font-family: 'Microsoft YaHei';}
}
@media screen and (max-width:769px) {
.about_box{background:url(/images/index/title_line.jpg) left top no-repeat; margin:30px 0px 0px 0px;}
.about_box span{font-size: 14px; color: #7D7D7D;}
.about_h2{font-size: 20px; color: #013677;  margin:0px; padding:14px 0px 0px 13px;}
.about_box img{min-width: 100%; margin-top:10px;}
.index_contact{background:url(/images/index/title_line.jpg) left top no-repeat;  margin:20px 0px 15px 0px;}
.index_contact P{clear: both; }
.about_contact{border: 1px dotted #E9E9E9;  margin:10px 2px 5px 2px;font-family: 'Microsoft YaHei'}
.about_contents{border: 1px dotted #E9E9E9;  margin:10px 2px 5px 2px;font-family: 'Microsoft YaHei'}
}


/*栏目导航*/
.left_nav{ clear: both;}
.index_left_nav{padding-top: 8px;}
.left_h2{background:url(/images/index/title_line.jpg) left bottom no-repeat; font-size: 20px; display: block; margin-top: 25px; padding: 0px 0px 13px 13px; color: #013677;}
.left_nav_ul{list-style:none;margin:0px;padding:0px; margin:15px 0px 0px 0px;padding-bottom: 10px;}
.left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(/images/index/left_li.gif) 6px 15px no-repeat;padding:8px 0px 8px 18px; }
.left_nav_ul > li > a{text-decoration:none; color:#656464;}
.left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#01519e;}
/*小类*/
ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;}
ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px; background: url(/images/index/left_sli.gif) 0px 13px no-repeat;}
ul.left_snav_ul > li > a{border:0;color:#797979;padding: 5px 0px 5px 0px;}
ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#01519e;}
.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;}
.menu_head:hover{ color: #46d8ad;}

/*新闻列表*/
.list_news{clear: both; list-style:none;margin:0px; padding:6px 0px 20px 0px;}
.list_news li{color:#898989;background: url(/images/index/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ }
.list_news li a{color:#303c4b;}
.list_news li a:hover{text-decoration:none;color:#1260aa;}

.contents{clear: both; padding:6px 2px 0px 2px; line-height:28px; overflow: auto;}
.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:18px;color:#434343;font-weight:bold; line-height: 34px;}

/*新闻展示*/
@media screen and (min-width:769px) {
.boxleft{float: left;  width: 25%;}
.articleright{width:72%; margin-left:2%; padding:0.5%;  float: right;  border: 1px solid #E9E9E9;}
.articleright ul li{border-bottom: 1px dotted #E9E9E9; height:50px; width:96%; margin:0px 2%;}
.articleright .title{}

.articleright .title h3{text-align:center;
	font-size:18px;
	font-weight:normal;
	font-family:"Microsoft Yahei";}
.articleright .infos{
	font-size:12px;
	line-height:40px;
	color:#666666;
	text-align:center;}
.articleright .main{
	padding:10px 14px;
	font-size:12px;}
.articleright .clearfix{}
.articleright .prenext{padding:10px 0px;
	margin-top:10px;}
.articleright .prenext ul li{
	line-height:30px;
	background:url("/images/HituxCMSInter/jiantou.gif") no-repeat 0px 1px;
	padding-left:15px;}	
.fw_tp{float:left; line-height:50px;}
.fw_tm{display:none;}
.fw_s{float:right; line-height:50px;}	
}

@media screen and (max-width:769px) {

.boxleft{float:left; width:100%;}
.boxlefts{display:none;}
.articleright{max-width:100%; min-height:600px; border: 1px solid #E9E9E9;}
.articleright ul li{border-bottom: 1px dotted #E9E9E9; height:50px; width:100%; margin:0px 2%;}
.articleright .title{}
.articleright table{max-width:100%; overflow:auto;}

.articleright .title h3{text-align:center;
	font-size:18px;
	font-weight:normal;
	font-family:"Microsoft Yahei";}
.articleright .infos{
	font-size:12px;
	line-height:40px;
	color:#666666;
	text-align:center;}
.articleright .main{
	padding:10px 14px;
	font-size:12px;}
.articleright .clearfix{}
.articleright .prenext{padding:10px 0px;
	margin-top:10px;}
.articleright .prenext ul li{
	line-height:30px;
	background:url("/images/HituxCMSInter/jiantou.gif") no-repeat 0px 1px;
	padding-left:15px;}		
	.fw_tp{display:none;}
.fw_tm{line-height:50px;}
.fw_s{display:none;}
}


/*分页样式*/
.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}
.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}

/*产品展示*/
#pic-page {text-align: center; margin-top:10px;}
#pic-page a {margin: 0 2px;}
#pic-page a img {width:40px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;}
#pic-page a:hover img,#pic-page a.active img {border: solid #5280DD 1px;}


@media screen and (min-width:769px) {
.maincontent{}
.maincontent p{color:#434343;}
.ProInfo .image{
	float:left;
        text-align:center;}	
	
.ProInfo .column{
	float:right;
	width:400px;}
	
.ProInfo .image img{
	
	height:180px;
	}

.ProInfo .image a{
	display:block;
	width:270px;
	height:180px;
	border:2px solid #F5F5F5;
	padding:2px;	
	}
.ProInfo .image a:hover{
	border:2px solid #666;}
.ProInfo .column .title{
	background-color:#f5f5f5;
	padding:0px 10px;}
.ProInfo .column .title h3{
	text-align:left;
	font-size:14px;
	line-height:25px;
	font-weight:bold;}
	
.ProInfo .column .infos{
	text-align:left;}
.ProInfo .column ul li{
	line-height:33px;
	height:33px;
	color:#333;
	font-weight:normal;}

.ProInfo .column ul li span{
	width:100px;
	height:20px;
	font-weight:bold;
	padding:3px;
	color:#333;
	}					
.ProInfo .column ul .MPrice{
	color:#666666;
	text-decoration:line-through;
	}
.ProInfo .column ul .NPrice{
	color:#F00;
	font-weight:bold;}
.ProInfo .column ul .NPrice .BuyCount{
	color:#060;}
.IntroTitle{
	font-size:14px;
	line-height:25px;
	border-left:3px solid #666;
	margin:10px 0px;
	padding-left:10px;
	color:#666;
	font-weight:bold;
	background-color:#e5e5e5;}

.MorePro{
	}

.MorePro  .albumblock{
	width:150px;
	height:210px;
	float:left;}
.MorePro  .albumblock .inner{
  	}

.MorePro .albumblock .inner img{
 	}

.MorePro  .albumblock .inner .albumtitle{
 	}



.t_page{
	padding:10px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	border-top: 1px dotted #ccc;
	}	
.t_page a{
	padding:5px 5px;
	border:1px solid #DEDEDC;
	margin:0px 0px;}
.ColorLink a {color:#666;}
.ColorLink a:hover {color:#666;}
}
@media screen and (max-width:769px) {
.container{}
.ProInfo{width:100%;}
.ProInfo .image{
        text-align:center; clear:both;}	
	
.ProInfo .column{
	width:100%;}
	
.ProInfo .image img{
	
	height:180px;
	}

.ProInfo .image a{
	display:block;
	width:100%;
	height:184px;
	border:2px solid #F5F5F5;	
	}
.ProInfo .image a:hover{
	border:2px solid #666;}
.ProInfo .column .title{
	background-color:#f5f5f5;
	padding:0px 10px;}
.ProInfo .column .title h3{
	text-align:left;
	font-size:14px;
	line-height:25px;
	font-weight:bold;}
	
.ProInfo .column .infos{
	text-align:left;}
.ProInfo .column ul li{
	line-height:33px;
	height:33px;
	color:#333;
	font-weight:normal;}

.ProInfo .column ul li span{
	width:100px;
	height:20px;
	font-weight:bold;
	padding:3px;
	color:#333;
	}					
.ProInfo .column ul .MPrice{
	color:#666666;
	text-decoration:line-through;
	}
.ProInfo .column ul .NPrice{
	color:#F00;
	font-weight:bold;}
.ProInfo .column ul .NPrice .BuyCount{
	color:#060;}
.IntroTitle{
	font-size:14px;
	line-height:25px;
	border-left:3px solid #666;
	margin:10px 0px;
	padding-left:10px;
	color:#666;
	font-weight:bold;
	background-color:#e5e5e5;}

.MorePro{
	}

.MorePro  .albumblock{
	width:150px;
	height:210px;
	float:left;}
.MorePro  .albumblock .inner{
  	}

.MorePro .albumblock .inner img{
 	}

.MorePro  .albumblock .inner .albumtitle{
 	}



.t_page{
	padding:10px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	border-top: 1px dotted #ccc;
	}	
.t_page a{
	padding:2px 5px;
	border:1px solid #DEDEDC;
	margin:0px 3px;}
.ColorLink a,p {color:#666;}
.ColorLink a:hover{color:#666;}
}

@media screen and (min-width:769px) {
.t_pagebr{display: none;}
}
.showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;}
.product_h1{ margin:0px; line-height:22px; font-size:18px; color: #145ca1; padding-bottom:10px;border-bottom: 1px dotted #cccccc;}
.product_info{list-style:none; padding:0px; margin-top:10px;}
.product_info li{ line-height:24px; padding-bottom:12px;}
.product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px;overflow: auto;}

.related_h2{padding: 30px 0px 12px 0px; color: #303c4b; margin:0px; display: block;  font-weight:300; font-size:24px; border-bottom:5px solid #f4f5f6;font-family:'Roboto',Arial,Helvetica, sans-serif;}
.related_list{padding-top: 12px;}
.related_news{ padding-top: 0px; clear: both;}

.download_btn{text-align: right; margin: 10px 10px 20px 0px;}
.page-btn{background-color: #0854a8; border-radius: 0px; border: none; transition:background 0.3s;}
.page-btn:hover,.page-btn:focus{background-color:#C50505; }
.grey-btn{border-radius: 0px;border: none; background-color: #E8E8E8;}
.grey-btn:hover,.grey-btn:focus{background-color: #ccc;}

.a2a_default_style{display: inline-block;}

/*在线留言订购*/
.feedback{margin-top: 30px;}
.form-horizontal .form-group { margin-right: -10px;margin-left: -10px;}
.codeimg{ margin: 0px 0px -10px -18px;}


/*上一个下一个*/
.point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px;}
.point span.to_prev{text-align:center; }
.point span.to_prev a{color:#0068b7;}
.point span.to_prev a:hover{color: #ea042b}
.point span.to_next{text-align:center; }
.point span.to_next a{color:#0068b7;}
.point span.to_next a:hover{color: #ea042b}

/*标签样式*/
.tags{ margin: 8px 0px 10px 0px}
.tags a{ margin: 0px 5px 8px 0px}
.tags_list{padding: 5px 10px 100px 10px}
.tags_ul{ margin-top: 10px;}
.tags_ul li{line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}
.tags_ul h3{font-size: 14px; padding: 0px; margin: 0px;line-height: 20px;}
.tags_ul p{font-size: 13px;padding: 0px; margin: 0px; color: #a0a0a0; line-height: 20px; padding-top: 8px;}

/*网站地图*/
ul.ul_sitemap{margin: 30px 0px 40px 30px;}
ul.ul_sitemap li{list-style: none; line-height: 26px;clear: both;}
ul.ul_sitemap li a{color: #7d7d7d;}
li.small_li_sitemap{clear: both;padding-left: 12px;}
li.small_li2_sitemap{float: left; padding-left: 20px;}

#translate{width:180px; margin: 0 auto; }
#translate-this{margin: 15px 0px 10px 0px;}

/*底部信息*/
/*footer*/
#footer{color:#5D5D5D;  background-color:#f1f1f1; margin-top: 39px; overflow: hidden;line-height: 22px;}
#footer p{ padding:0; margin:0;}
#footer a:hover{ text-decoration:underline;}
@media screen and (min-width:769px) {
.footermin{ height:100%; background: linear-gradient(to bottom, #fff, #f1f1f1); }
.ftl_li{float: left; color: #fff; width:20%;}
.ftl_li h3{ font-size: 16px; background-color:#0854A8; line-height:60px; font-weight: normal; padding-left: 25%; }
.ftl_li h3 a{color:#fff; font-weight:bold;}
.ftl_li ul{ padding-left: 25%;  }
.ftl_li ul li{ line-height: 30px; width:100%;}
.ftl_li ul li a{ color: #000; font-size:14px;}
.ftl_lirr{float: right; width: 40%; position: relative;}
.ftl_lirr h3{ font-size: 16px; background-color:#0854A8; line-height:60px; font-weight: normal;  padding-right:20px;}
.ftl_lirr h3 a{color:#fff; font-weight:bold; padding:0 10px 0 20px;}
.ftl_lirr p{font-size:14px; line-height:25px;}
.ftl_lirr img{width: 22px;}
.copybotttom .eewm{right: 8px;width: 122px; bottom:100px; height: 122px; float:left; position: absolute;}
.copybotttom .eewm img{width: 122px; height: 122px;}
.ftl_lirr .eewm{ position: absolute; right: 58px;top: 22px; width: 122px; height: 122px;  text-align:center;}
.ftl_lirr .eewm img{width: 122px; height: 122px;}
.copy{padding: 17px 0;text-align:center; color: #5e5e5e}
.copy a{ color: #5e5e5e;margin: 0 10px; }
.copybotttom{padding: 17px 0;text-align:center; background-color: #434343;}
.copybotttom p{color: #FFF;margin: 0 10px; }
.weizhi{ height: 34px; line-height: 34px; border-bottom: 1px dotted #E9E9E9}
.mtp2{ margin-top: 12px; }
.msg_box{ overflow: hidden; }
.msg_box a{ display: block;margin-top: 7px; }

.dlink{width:100%; height:60px;}
.dlink .link{padding:5px;  float:left;}
.BottomNav{

	padding:0px 0px 0px 20px;
}
}
@media screen and (max-width:769px) {
.footermin{}
.ftl_li{float: left; display:none; padding-left:20px; color: #fff; width:50%;}
.ftl_li h3{ font-size: 16px; line-height:60px; font-weight: normal; padding-left:20px;}
.ftl_li ul{ margin-left: 3px; }
.ftl_li ul li{ height: 22px; }
.ftl_li ul li a{ color: #000; font-size:14px;}
.ftl_lirr{
	padding:10px 0px 80px 0px;text-align:center; background-color: #434343;
}
.ftl_lirr a{margin: 0 10px; clear:both;}
.ftl_lirr p{margin: 0 10px; clear:both;}
.ftl_lirr h3{
  
	}
.ftl_lirr p{font-size:14px;}
.ftl_lirr .eewm{display:none;}
.copy{padding: 17px 0;text-align:center; color: #5e5e5e; padding-bottom:15%;}
.copy a{margin: 0 10px; }
.copybotttom{padding:10px 0px 60px 0px;text-align:center; background-color: #434343;}
.copybotttom a{ margin: 0 10px; clear:both;}
.copybotttom p{ margin: 0 10px; clear:both; }
.copybotttom .eewm{display:none;}
.weizhi{ height: 34px; line-height: 34px; border-bottom: 1px dotted #E9E9E9}
.mtp2{ margin-top: 12px; }
.msg_box{ overflow: hidden; }
.msg_box a{ display: block;margin-top: 7px; }
.dlink{display:none;}
.BottomNav{
	width:100%;
	margin:auto;
	height:30px;
	line-height:30px;
	color:#000;
	
}

.BottomNav a{
	color:#000;
	padding:0px 2px;}
.BottomNav p{color:#fff;}
}

.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;} 
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}
.foot_nav a{color:#898989;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;color:#898989;}
#foot_btn{width:100%; border: 0px; background: transparent;}
.webshare{width: 230px; padding: 5px;}
.ewebshare{width: 200px; padding: 5px;}


/*大屏幕*/
@media screen and (min-width:769px) {
       #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }

	  
}


/*小屏幕*/
@media screen and (max-width: 768px) {

}

@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
}


  .logo{max-width:380px;}

@media screen and (max-width: 414px) {
  .logo{max-width:280px;}
}