header {
  position: relative;
  width: 100%;
  height: 60px;
  background: #ffffff;
  z-index: 100;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s eadetail-hd-lse;
  -moz-transition: all 0.4s ease;
}
header .container {
 
  padding: 0 4%;
  width: 92%;
}
.header-warp {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  background-color: #FFF;
  border-bottom: 1px solid #eee;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
.logo {
  display: inline-block;
  padding:5px 0;
}
.logo img {
  height: 50px;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.header-right {
  line-height: 60px;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.menu,
.header-btn {
  display: inline-block;
  vertical-align: middle;
}
.menu ul li {
  margin-left: 70px;
  font-size: 16px;
  height: 35px;
  padding-bottom: 15px;
  display: inline-block;

  padding-left: 3px;
  padding-right: 3px;
  transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  position: relative;
}
.menu ul li a{ color:#333}
.menu ul li > div {
  height: 47px;
  line-height: 47px;
  position: relative;
}
.submenu {
  position: absolute;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  background: #fff;
  top: 100%;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.1);
}
.submenu dd a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size:14px;
  color: #333333;
  background: #fff;
  border-bottom: 1px solid #eee;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.submenu dd:hover a {
  background: #505050; color:#FFFFFF;
}
.menu ul li:hover .submenu {
  opacity: 1;
  transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  visibility: visible;
}
/*.menu ul li > div a:after,
.menu ul li > div a:before {
  height: 1px;
  background: #fd0600;
  content: '';
  display: block;
  position: relative;
  z-index: 1;
  margin: auto;
  width: 0px;
  transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.menu ul li > div a:before {
  top: 12px;
  right: 15px;
  transform: rotate(35deg) translateY(-50%) translateX(-50%);
}
.menu ul li > div a:after {
  top: 0;
  left: 30px;
  transform: rotate(35deg) translateY(-50%) translateX(-50%);
}
.menu ul li:hover > div a:before,
.menu ul li.cur > div a:before,
.menu ul li:hover > div a:after,
.menu ul li.cur > div a:after {
  width: 20px;
}*/

.menu ul li > div a:after{
  height: 2px;
  background-color: #164597;
  content: '';
  display: block;
  position: relative;
  z-index: 1;
  margin: auto;
  width: 0px;
  transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.menu ul li > div a:after {
  top: 0;
  transform: rotate(0deg) translateY(0%) translateX(0%);
}
.menu ul li:hover > div a:after,
.menu ul li.cur > div a:after {
  width: 100%;
}

.menu ul li:hover > div a,
.menu ul li.cur > div a {
  color: #164597;
}
.header-btn > div {
  display: inline-block;
  vertical-align: middle;
}
.header-btn span {
  display: inline-block;
  font-size: 16px;
  color: #888;
  vertical-align: middle;
  margin-left: 8px;
}
.header-btn .search {
  margin-right: 27px;
}
.header-btn .website {
  width: 85px;
  height: 29px;
  background: #f8c80f;
  color: #0c0d14;
  text-align: center;
  line-height: 29px;
  font-size: 12px;
  border-radius: 4px;
  margin-left: 34px;
}
.header-btn .website img {
  margin-left: 5px;
}
header.fixed {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.nb-logo{position: fixed;z-index: 200; top: 0;width: 100%;}
.nb-logo .nb-public{height: 88px;background-color: #333;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1);width: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1;}
.nb-logo .nb-pnav{position: absolute; top: 0; padding-top: 0;height: 88px;z-index: 2; }
.nb-logo .nb-pnav a{color:#fff; padding-top: 33px; font-size:16px; padding-right:28px;}

.nb-pnav a .sub{ display:none; /*默认隐藏*//* width:1920px;*/ width:100%; padding:0; position:fixed; top:124px; overflow:hidden; text-align:left; z-index:110; left:0px; /*height:544px; padding-bottom:50px;*/background-color:#f5f5f5;}
.nb-pnav a .sub .nav_xiao{ width:1440px; overflow:hidden; margin:0 auto;}
.nb-pnav a .sub .nav_xiao.max1100{ max-width:1100px;}
.nb-pnav a .sub .nav_xiao .xiao_one{overflow:hidden; padding-top:40px; padding-bottom:40px;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li{ float:left;display:inline; height:184px; width:25%; overflow:hidden; text-align:center;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a{display:block; height:100%; border-right:1px solid #e6e6e6; line-height:56px;overflow:hidden; color:#000000; margin-top:13px; font-size:18px;transition:all 0.3s; }
.nb-pnav a .sub .nav_xiao .xiao_one ul li:last-child a{ border-right:0;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a:hover{ color:#f67524;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a i{ display:block; width:101px; height:84px; margin:0 auto;margin-bottom:23px; overflow:hidden; transition:all 0.3s; margin-top:20px;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a i.bgs1{ background-position:-720px top;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a i.bgs2{ background-position:left top;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a i.bgs3{ background-position:-360px top;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a i.bgs4{ background-position:-1088px top;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a:hover i{}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{ background-position:-720px bottom;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{ background-position:left bottom;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{ background-position:-360px bottom;}
.nb-pnav a .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{ background-position:-1088px bottom;}

.nb-logo .logo{width: 385px;height: 88px; position: absolute; top:0; margin-left:4%; z-index: 2;}
.nb-logo .logo a{ float:left; padding-right:10px; background: url("../images/logo3.png") no-repeat center center;width:185px;height: 88px;display: block;line-height: 88px;text-align: center;}
.nb-logo .logo .logo-year{  margin-top:25px; height:20px; line-height:20px; width:38px; text-align:center; font-size:12px; color:#fff; background:#ff0000; border-radius:4px; overflow:hidden; font-size:14px; color:#fff; }
.nb-logo .logo .logo-text{ margin-top:5px; height:18px; color:#ccc;line-height:18px; overflow:hidden;}

.nb-header{position: relative; width: 100%;overflow: hidden; background-color: #000;}
.nb-header .afocus{display: none;}

.nb-header .pfocus video{width: auto;height: auto;min-width: 100%; min-height: 100%;}

.nb-header .index_pfocus{position: relative;}
.nb-header .index_pfocus video{position: absolute;z-index:2;object-fit:fill;}
.nb-header .index_pfocus img{}

.nb-header .pfocus img{width: 100%; height: auto;}
.nb-header .focus-text{ bottom: 70px;}
.nb-header .focus-text .p1{font-size: 16px;padding-bottom: 10px;}
.nb-header .focus-text .p2{font-size: 48px;font-weight: bold;}
.nb-header .focus-text h2{font-size: 48px;font-weight: bold;}
.nb-header .focus-text .p3{font-size: 48px;font-weight: bold; width:55%;}
.nb-pnav{position: absolute; padding-top: 30px;padding-right: 4%;top: 0;right: 0; z-index:3;}
.nb-pnav a{color:#fff; margin-left: 20px;z-index: 2;}
.nb-header .focus-text{position: absolute;left: 4%;z-index: 2;color:#fff;}

.nb-state{border-bottom: 1px solid #dedede; overflow:hidden; display:block; padding: 0 4%;}
.nb-state .c1{ float:left; padding:2% 10% 2% 0;; width:45%;}
.nb-state .c1 h2{ font-size:28px; font-weight:bold; padding-bottom:20px; color:#333333}
.nb-state .c1 p{ font-size:16px; }

.nb-state .c123{ float:left; padding:2% 0 2% 0;; width:100%;}
.nb-state .c123 h2{ font-size:28px; font-weight:bold; padding-bottom:20px; color:#333333}
.nb-state .c123 p{ font-size:16px; }

.nb-state .c2{ float:left; padding:2% 0 2% 0; width:45%; text-align:right}
.nb-state .c2 img{ max-width:100%;}
.nb-state .c2 p{ font-size:16px; }

.nb-state .c3{ float:left; padding:2% 10% 2% 0; width:45%;}
.nb-state .c3 img{ max-width:100%;}
.nb-state .c3 p{ font-size:16px; }

.nb-state .c4{ float:left; padding:2% 0 2% 0;; width:45%;}
.nb-state .c4 h2{ font-size:28px; font-weight:bold; padding-bottom:20px; color:#333333}
.nb-state .c4 p{ font-size:16px; }

.nb-state .qrcode{ position: absolute; right: 0; top: 60px; width:150px; height:150px; background-image: url(../images/qrcode_loading.gif);background-repeat: no-repeat;background-position: center; }

.nb-state2{ display:none;}

/*手机菜单*/
.neirong{display: none;} 
.buttonpush{display: none;}
/*底部样式开始----------------*/
/*项目需求*/
.nb-demand{background:url(../images/demand_bg.png);*margin-top:50px!important;}
.nb-demand h2{color:#000;}
.nb-demand .write input{margin-right: 1%;background-color: #fff; padding: 20px 0; color:#6e6e6e; padding-left: 1%;font-size: 14px;}
.nb-demand .write .submit{background-color: #040404; color:#fff; width: 12%;text-align: center;padding-left: 0; cursor:pointer;*margin:0!important;*padding:17px 0!important; margin-right: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;height: 60px;line-height: 56px;border: 2px solid #040404;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.nb-demand .write .submit:hover{background: #fff;color:#040404;}
.nb-demand .write .text1,.nb-demand .write .text2{width: 15%;}
.nb-demand .write .text3{width: 39%;}
/*.italic{font-size: 14px; font-family: "微软雅黑"; color:#666; }*/
.italic{display:block;font-size: 18px; color:#fff; }
.italic2{display:block;font-size: 14px; color:#666; }
.nb-demand h3{font-size: 18px; font-weight:500; margin-bottom:50px; }
.nb-demand h3 span.text{vertical-align: middle;}
.nb-demand h3 a{ color:#000; display:inline-block;margin-right:20px; overflow: hidden; vertical-align: middle;}
.nb-demand h3 a span{ display:inline-block; vertical-align: middle;overflow: hidden;}
.nb-demand h3 a span.icon{ margin-right:10px;height:20px;width:20px;border-radius:50px;background:#000 url("../images/nav-icon.png") no-repeat center; background-size: 26px;text-align:center; color:#fff; font-size:10px;}

.nb-footer{padding-top: 60px; background-color:#000;}
.nb-footer .foot{padding-top: 15px; color:#fff;font-size: 14px;padding-bottom: 20px;line-height:24px;vertical-align:middle; border-top:1px solid #333;}
.nb-footer .foot .foot-l{/*font-family: "微软雅黑";*/ color:#fff;}
.nb-footer .foot-r a{margin-right: 10px;color:#fff;vertical-align:top; }
.nb-footer .foot-r a:hover{margin-right: 10px;color:#ff6600;vertical-align:top; }
.nb-footer .foot-r span{vertical-align:top;}

.nb-footer .footlink{padding: 15px 0; color:#fff;font-size:12px;line-height:24px;vertical-align:middle;}
.nb-footer .footlink a{margin-right: 10px;color:#fff;vertical-align:top; }
.nb-footer .footlink a:hover{color:#fff;}

/*底部样式结束---------------------*/
/*公共样式结束----------------*/
/*案例--------------*/
.case-title{padding-top: 40px;padding-bottom: 20px; font-size:24px; font-weight:bold; text-align:center;}
.casecontent{font-size:14px; color:#666666; text-align:center; line-height:26px; padding:20px 10% 40px;}

.case-content li{width: 18.4%; *width:18.35%!important; margin-right: 2%;float: left;margin-bottom: 25px;}
/*.case-content li.on{-webkit-filter:grayscale(1);filter:grayscale(1);}*/
.case-content li a{display: block;background:#dedede url("../images/loading.gif") no-repeat center;}
.case-content li:nth-of-type(5n){margin-right: 0;}
.case-content .hd{margin-top: 10px; min-height: 30px; text-align:center;}
/*.case-content .hd span{margin-right: 20px; font-weight: bold;}*/
.case-content .hd span{line-height:30px; color:#666; font-size:16px;}
.case-content .pic{overflow: hidden;border:0 solid #CCCCCC;}
.case-content .pic:hover{border:0 solid #8cc320;}
.case-content .pic img{width: 100%;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;
		
		}
.case-content .pic:hover img{ 
-webkit-transition: all 5s;
   -moz-transition: all 5s;
    -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}


/*案例下拉*/
.case_bg{ overflow:hidden;}
.case_one{ background:#fff; height:92px; padding-top:40px;}
.case_one .gy2{ overflow:visible;}
.case_one .h2{ float:left; line-height:52px; font-size:36px; font-weight:normal; letter-spacing:1px;}
.case_one .case_one_r{ float:left;}
.case_one .case_one_r .all_a{ float:left; height:52px; width:250px; line-height:52px; font-size:16px; color:#fff; background:#f67524; text-align:center;transition:all 0.3s;}
.case_one .case_one_r .all_a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.case_one .case_one_r .case_down{ float:left; margin-left:20px; width:250px; background:#eee; position:relative; color:#000;}
.case_one .case_one_r .case_down label{ display:block; height:52px; line-height:52px; background:url(../images/bgs4.png) 208px center no-repeat; text-indent:20px; cursor:pointer; font-size:16px;}
.case_one .case_one_r .case_down ul{ position:absolute; top:52px; left:0; width:100%;background:#f2f2f2; display:none;  overflow:hidden; z-index:9; }
.case_one .case_one_r .case_down ul.bgs2{overflow-y:scroll;max-height:320px;}
.case_one .case_one_r .case_down ul li{ display:block; height:32px; line-height:32px; overflow:hidden; }
.case_one .case_one_r .case_down ul li a{ display:block;text-indent:20px; font-size:14px;}
.case_one .case_one_r .case_down ul li a:hover{ background:#f67524; color:#fff;}
.case_one .case_one_r .case_down.isel label{background:url(../images/bgs4_on.png) 208px center no-repeat;}
.divhidden{ display:none;}

/*首页新闻*/

.indexnew{ width:92%; padding:2% 4%; background-color:#f6f6f6; overflow:hidden;}
.indexnew .ulist{ float:left; width:26%; padding:2%; margin-right:5%; background-color:#fff;}
.indexnew .ulist h2{ width:100%; line-height:20px; font-size:18px; font-weight:bold; border-bottom:1px solid #CCCCCC; padding-bottom:10px;}
.indexnew .ulist h2 span{ float:right; font-size:12px; font-weight:normal;}
.indexnew .ulist li{ line-height:40px; border-bottom:1px dashed #f2f2f2;}
.indexnew .ulist li a:hover{ text-decoration:underline;}
.indexnew .ulist li span{ float:right; font-size:12px;}


/*合作伙伴*/
.partner{ width:100%; padding:2% 0; overflow:hidden;}
.partner a {color:#333} 
.partner .plist{ float:left; width:30%; margin:1.6666%; margin-bottom:2%;  overflow:hidden; background-color:#f0f0f0; }
.partner .plist:hover{background-color:#103890; color:#FFFFFF; }
.partner .plist img{ width:100%; overflow:hidden;}
.partner .plist h2{ width:100%; padding-left:24px; font-weight:normal; font-size:20px; height:60px; line-height:60px;}
.partner .plist .pde{ width:100%; text-align:right; height:60px; line-height:60px;}
.partner .plist .pde span{ padding:5px 20px; margin-right:24px; border-radius:15px; background-color:#FFFFFF; color:#333; font-size:14px;}

/*站点*/
.sitemap{ width:92%; padding:2% 4%; background-color:#f6f6f6; overflow:hidden;}
.sitemap .ulist{ float:left; width:96%; padding:1% 2%; background-color:#fff; border-bottom:1px solid #CCCCCC; }
.sitemap .ulist h2{ line-height:45px;}
.sitemap .ulist h2 a{font-size:28px; font-weight:bold;}
.sitemap .ulist .slist{ float:left; width:100%; padding:0; background-color:#fff;  }
.sitemap .ulist .slist h3 a{ line-height:40px; float:left; padding-right:20px; font-size:16px; }
.sitemap .ulist .slist h3 a:hover{ text-decoration:none;}
.sitemap .ulist .slist .mlist{ float:left; width:100%; padding:0; background-color:#fff;  }
.sitemap .ulist .slist .mlist a{ line-height:40px; float:left; padding-right:20px; font-size:16px; color:#888;}
.sitemap .ulist .slist .mlist a:hover{ text-decoration:none;}

.ditumap{ width:92%; padding:2% 4%; background-color:#f6f6f6; overflow:hidden;}
.ditumap .ulist{ float:left; width:96%; padding:1% 2%; background-color:#fff; border-bottom:1px solid #CCCCCC; }
.ditumap .ulist h2{ line-height:45px; font-size:24px; padding-bottom:20px;}
.ditumap .ulist h2 a{font-size:28px; font-weight:bold;}
.ditumap .ulist a{ line-height:26px; font-size:14px; color:#888; display:block;}
.ditumap .ulist a:hover{ text-decoration:none; color:#ff0000;}

.ditumap .ulist .tag a{ line-height:26px; font-size:14px; color:#fff; margin-right:15px; margin-bottom:10px; float:left; padding:5px 15px; width:150px; background-color:#666666;}
.ditumap .ulist .tag a:hover{ text-decoration:none; background-color:#ff0000; color:#fff;}

.weixin-content li{width: 17.6%; *width:17.5%!important; margin-right: 3%;float: left;margin-bottom: 35px;}
.weixin-content li a{display: block;background:#dedede url("../images/loading.gif") no-repeat center;}
.weixin-content li:nth-of-type(5n){margin-right: 0;}
.weixin-content .hd{margin-top: 20px; min-height: 30px; text-align:center; }
.weixin-content .hd span{margin-right: 5px; line-height:30px; font-weight: bold; color:#454545; font-size:14px; }
.weixin-content .pic{overflow: hidden;}
.weixin-content .pic img{width: 100%;background:#dedede url("../images/loading.gif") no-repeat center;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.weixin-content .pic:hover img{ 
-webkit-transition: all 5s;
   -moz-transition: all 5s;
    -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}

.case-loading{ text-align:center; margin:0 0 50px; width:100%;display:none;}

/*报价*/
.price-list{ padding:2% 0;}
.price-list .box {
	padding:22px;
	border:2px solid #666
}
.price-list h2 {
	line-height:2em; font-size:24px; color:#333;
}
.price-list .price {
	text-align:right;
	font-size:.8em;
	padding-top:30px
}
.price-list .price .num {
	font-size:3em;
	color:#000
}
.price-list .box:hover {
	background:#fab23a;
	color:#fff;
	border-radius:0;
	box-shadow:0 4px 8px rgba(0,0,0,.2);
}
.price-list .box:hover h2 {
	color:#fff; 
}
.price-list .box:hover .price .num {
	color:#fff;
}
.price-list .desp {
	font-size:14px;
	height:40px; 
	line-height:20px;
	padding-bottom:10px
}
.price-list em {
	font-size:.8em
}
.price-list .services{ font-size:16px; line-height:30px; min-height:180px;}

.col_4 {
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box
}

#navToggle{
	display: none;
}

/*手机端菜单*/
.m_nav{
	position: fixed;
	top: 5px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 9000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: 50px;
	display: block;
	margin:30px auto;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}


@media (max-width: 1280px) {
  .header-warp,
  header {
    height: 80px;
    z-index: 100;
  }
  header .container {
    padding: 0 2%;
    position: relative;
    height: 80px;
  }
  .logo img {
    height: 80px;
    width: auto;
    margin-top: 0;
  }
  .menu-icon {
    position: absolute;
    right: 5%;
    top: 5px;
    height: 80px;
    width: 30px;
    z-index: 9999;
  }
  .menu-icon span {
    width: 30px;
    height: 2px;
    display: block;
    background: #f9be00;
    position: absolute;
    left: 10px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }
  .icon-top {
    top: 28px;
  }
  .icon-middle {
    top: 50%;
    margin-top: -1px;
  }
  .icon-bottom {
    bottom: 28px;
  }
  .menu-icon.on .icon-top {
    -webkit-transform: translateY(11px) rotate(45deg);
    -moz-transform: translateY(11px) rotate(45deg);
    -ms-transform: translateY(11px) rotate(45deg);
    -o-transform: translateY(11px) rotate(45deg);
    transform: translateY(11px) rotate(45deg);
  }
  .menu-icon.on .icon-bottom {
    -webkit-transform: translateY(-11px) rotate(-45deg);
    -moz-transform: translateY(-11px) rotate(-45deg);
    -ms-transform: translateY(-11px) rotate(-45deg);
    -o-transform: translateY(-11px) rotate(-45deg);
    transform: translateY(-11px) rotate(-45deg);
  }
  .menu-icon.on .icon-middle {
    width: 0;
  }
  .header-right {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    float: none;
    background: #fff;
    z-index: 1099;
    padding-bottom: 5px;
    display: none;
    transition: all 0s 0s;
    -webkit-transition: all 0s 0s;
    -o-transition: all 0s 0s;
    -ms-transition: all 0s 0s;
    -moz-transition: all 0s 0s;
  }
  .menu ul li {
    margin: 0;
    float: none;
    width: 100%;
    font-size: 16px;
    text-align: left;
    padding: 0;
    display: block;
    height: auto;
    -webkit-transition: transform 0.4s ease-in, opacity 0.4s ease-in;
    transition: transform 0.4s ease-in, opacity 0.4s ease-in;
    cursor: pointer;
    padding-left: 5%;
    padding-right: 5%;
  }
  .menu ul li > div a {
    display: block;
    height: 100%;
    border-bottom: 1px solid rgba(207, 207, 207, 0.66);
    height: 60px;
    line-height: 60px;
  }
  .menu ul li > div i {
    width: 10px;
    height: 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
  }
  .menu ul li.show > div i {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
  }
  .menu ul li > div {
    height: 60px;
    line-height: 60px;
  }
  .header-btn,
  .menu {
    width: 100%;
    display: block;
  }
  .menu ul li > div a:after,
  .menu ul li > div a:before {
    display: none;
  }
  .submenu {
    width: 100%;
    left: 0;
    margin-left: 0;
    display: block;
    position: relative;
    transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    visibility: visible;
    opacity: 1;
    top: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-align: left;
   display: none;
    border: none;
    transition: all 0s 0s;
    -webkit-transition: all 0s 0s;
    -o-transition: all 0s 0s;
    -ms-transition: all 0s 0s;
    -moz-transition: all 0s 0s;
  }
  .submenu dd a {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
  .header-btn {
    padding-left: 5%;
  }
  
  #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	#navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}
	#navToggle span:before,
	#navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	#navToggle span,
	#navToggle span:before,
	#navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #154295;
	}
	#navToggle span:before {
		top: 8px;
	}
	#navToggle span:after {
		bottom: 10px;
	}
	#navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	#navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	#navToggle.open span {
		background: none;
	}
	#navToggle.open span:before,
	#navToggle.open span:after {
		background: #154295;
	}
	
 }
@media (min-width:1200px) {
/*公共样式开始-------------*/
/*头部样式*/  
.nb-state {padding-top: 100px;padding-bottom: 100px; }
.nb-state p{line-height: 30px; /*width:820px;*/}
.nb-state p a:hover{ color:#FF0000;}


.xiangmu {overflow:hidden; width:100%;  margin-bottom:1%; background-color:#f4f4f4; }
.xiangmu a {color:#333} 
.xiangmu .xmlist1{ float:left; width:24.8%; overflow:hidden; height:300px; border-right:2px solid #fff; background:url(../images/s2.png) no-repeat center 120px;}
.xiangmu .xmlist1:hover{color:#FFFFFF; background:url(../images/s2h.png) no-repeat center 120px #d61919;}
.xiangmu .xmlist1 h2{ text-align:center; width:100%; font-size:24px; font-weight:bold; padding-top:50px;}
.xiangmu .xmlist1 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist1 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}
.xiangmu .xmlist1 .ulist li a{ color:#333}
.xiangmu .xmlist1 .ulist li a:hover{ color:#FFFFFF; text-decoration:underline}

.xiangmu .xmlist2{ float:left; width:24.8%; overflow:hidden; height:300px; border-right:2px solid #fff; background:url(../images/s1.png) no-repeat center 120px;}
.xiangmu .xmlist2:hover{color:#FFFFFF; background:url(../images/s1h.png) no-repeat center 120px #d61919;}
.xiangmu .xmlist2 h2{ text-align:center; width:100%; font-size:24px; font-weight:bold; padding-top:50px;}
.xiangmu .xmlist2 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist2 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}
.xiangmu .xmlist2 .ulist li a{ color:#333}
.xiangmu .xmlist2 .ulist li a:hover{ color:#FFFFFF; text-decoration:underline}

.xiangmu .xmlist3{ float:left; width:24.8%; overflow:hidden; height:300px; border-right:2px solid #fff; background:url(../images/s4.png) no-repeat center 120px;}
.xiangmu .xmlist3:hover{color:#FFFFFF; background:url(../images/s4h.png) no-repeat center 120px #d61919;}
.xiangmu .xmlist3 h2{ text-align:center; width:100%; font-size:24px; font-weight:bold; padding-top:50px;}
.xiangmu .xmlist3 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist3 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}
.xiangmu .xmlist3 .ulist li a{ color:#333}
.xiangmu .xmlist3 .ulist li a:hover{ color:#FFFFFF; text-decoration:underline}

.xiangmu .xmlist4{ float:left; width:25%; overflow:hidden; height:300px; background:url(../images/s3.png) no-repeat center 120px;}
.xiangmu .xmlist4:hover{color:#FFFFFF; background:url(../images/s3h.png) no-repeat center 120px #d61919;}
.xiangmu .xmlist4 h2{ text-align:center; width:100%; font-size:24px; font-weight:bold; padding-top:50px;}
.xiangmu .xmlist4 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist4 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}
.xiangmu .xmlist4 .ulist li a{ color:#333}
.xiangmu .xmlist4 .ulist li a:hover{ color:#FFFFFF; text-decoration:underline}

/*底部样式*/
.nb-demand{ padding-top: 80px;padding-bottom: 70px; }
.nb-demand h2{font-size: 36px; padding-bottom: 45px;font-weight: normal;}
.nb-demand .write{padding-bottom: 50px;}
.nb-footer .contact-name li{font-size: 22px;}

.dianhua-r .floating{ display:none;}

/*新闻切换*/
#tab { width:92%; height:auto; overflow:hidden;  margin:60px 4%; text-align:center;}
#tab div { margin-top:50px; left:0; width:100%; height:auto; border-top:1px solid #f2f2f2;}
#tab div { display:none;}
#tab .block { display:block;}

#tab a { display: inline-block; padding:0 30px; height:40px; margin-right:20px; line-height:40px; font-size:16px; cursor:pointer; background-color:#f2f2f2; color:#333; text-align:center;  border-radius:20px; }
#tab a:hover{ color:#fff;  }
#tab a.up { background:#ff6600; color:#fff;}

#tab ul { display:block; list-style:none; padding:0; overflow:hidden; margin-top:40px; text-align:left;}
#tab li{ float:left; margin:0 2% 20px 0;width:32%;overflow:hidden;}
#tab li:nth-child(3n){margin-right: 0;}

#tab li a{ display:block; width:96%; height:auto; padding:2%; overflow:hidden; color:#888888; border-radius:0;  background-color:#fff; }
#tab li a span{ display:block; cursor:pointer;}
#tab li a:hover{color:#333;}
#tab li a:hover .blog_Rtime{background-color:#c80000;}
#tab li a:hover .blog_Rmore b{ color:#c80000;}

#tab li a .blog_Rtime{float:left;}
#tab li a .blog_Rmore{float:left;}

#tab li .blog_Rtime{ width:65px; height:auto; background-color:#103d92; text-align:center; border-radius:5px;}
#tab li .blog_Rtime span,
#tab li .blog_Rtime b{ display:block; color:#FFF;}
#tab li .blog_Rtime b{ font-size:30px;height:40px; line-height:42px; font-weight:bold; letter-spacing:2px;}
#tab li .blog_Rtime span{ font-style:normal;height:24px; line-height:24px; font-size:14px;}

#tab li .blog_Rmore{ width:75%;text-align:left; margin-left:10px;}
#tab li .blog_Rmore b{ color:#333; display:block; width:100%; height:24px; line-height:24px; overflow:hidden;font-size:16px;}
#tab li .blog_Rmore span{ line-height:22px; height:44px; width:100%; overflow:hidden;font-size: 13px;}

/*报价*/
.col_4 {
	width:32%
}
.gridded {
	margin:0 2% 2% 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box
}
.gridded:nth-child(3n){
    margin:0 0 2% 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box
}

}


@media (min-width:769px) and (max-width:1199px) {
.nb-logo .nb-pnav a{color:#fff; padding-top: 33px; font-size:16px; padding-right:1px;}

.nb-header .focus-text{ bottom: 70px;}
.nb-state {padding-top: 80px;padding-bottom: 80px; }
.nb-state p{line-height: 30px; /*width: 80%;*/}

.xiangmu {overflow:hidden; width:100%;  margin-bottom:1%; background-color:#f4f4f4; }
.xiangmu .xmlist1{ float:left; width:49.5%; overflow:hidden; height:300px; border-right:2px solid #fff; border-bottom:2px solid #fff; background:url(../images/s2.png) no-repeat center 90px;}
.xiangmu .xmlist1:hover{color:#FFFFFF; background:url(../images/s2h.png) no-repeat center 90px #d61919;}
.xiangmu .xmlist1 h2{ text-align:center; width:100%; font-size:24px; font-weight:bold; padding-top:50px;}
.xiangmu .xmlist1 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist1 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}

.xiangmu .xmlist2{ float:left; width:50%; overflow:hidden; height:300px; border-bottom:2px solid #fff; background:url(../images/s1.png) no-repeat center 90px;}
.xiangmu .xmlist2:hover{color:#FFFFFF; background:url(../images/s1h.png) no-repeat center 90px #d61919;}
.xiangmu .xmlist2 h2{ text-align:center; width:100%; font-size:24px; font-weight:bold; padding-top:50px;}
.xiangmu .xmlist2 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist2 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}

.xiangmu .xmlist3{ float:left; width:49.5%; overflow:hidden; height:300px; border-right:2px solid #fff; background:url(../images/s4.png) no-repeat center 90px;}
.xiangmu .xmlist3:hover{color:#FFFFFF; background:url(../images/s4h.png) no-repeat center 90px #d61919;}
.xiangmu .xmlist3 h2{ text-align:center; width:100%; font-size:24px; font-weight:bold; padding-top:50px;}
.xiangmu .xmlist3 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist3 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}

.xiangmu .xmlist4{ float:left; width:50%; overflow:hidden; height:300px; background:url(../images/s3.png) no-repeat center 90px;}
.xiangmu .xmlist4:hover{color:#FFFFFF; background:url(../images/s3h.png) no-repeat center 90px #d61919;}
.xiangmu .xmlist4 h2{ text-align:center; width:100%; font-size:24px; font-weight:bold; padding-top:50px;}
.xiangmu .xmlist4 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist4 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}

/*底部样式*/
.nb-demand{ padding-top: 80px;padding-bottom: 70px; }
.nb-demand h2{font-size: 36px; padding-bottom: 45px;font-weight: normal;}
.nb-demand .write{padding-bottom: 50px;}
.nb-footer .contact-name li{font-size: 22px;}

    /*底部样式*/
.nb-demand{ padding-top: 60px;padding-bottom: 50px; }
.nb-demand h2{font-size: 30px; padding-bottom: 35px;}
.nb-demand .write{padding-bottom: 35px;}
.nb-demand .write .text1,.nb-demand .write .text2{width: 48.5%; margin-bottom: 20px;}
.nb-demand .write .text2{margin-right: 0; }
.nb-demand .write .text3{width: 99%; margin-bottom: 20px;}
.nb-demand .write .submit{width: 49.5%;}
.nb-footer .contact-name li{font-size: 20px;}
 /*公共样式结束----------------*/ 
.case-title{padding-top: 50px;}
.nb-footer .foot{padding-top: 150px;padding-bottom: 20px;}
.case-title dl{width: 86px;}
.nb-header .focus-text .p2{font-size: 40px;}
.nb-header .focus-text .p3{font-size: 40px; width:56%;}
.nb-header .focus-text{bottom:50px;}
.nb-header .focus-text h2{font-size: 40px;}

/*新闻切换*/
#tab { width:92%; height:auto; overflow:hidden;  margin:60px 4%; text-align:center;}
#tab div { margin-top:50px; left:0; width:100%; height:auto; border-top:1px solid #f2f2f2;}
#tab div { display:none;}
#tab .block { display:block;}

#tab a { display: inline-block; padding:0 30px; height:40px; margin-right:20px; line-height:40px; font-size:16px; cursor:pointer; background-color:#f2f2f2; color:#333; text-align:center;  border-radius:20px; }
#tab a:hover{ color:#fff;  }
#tab a.up { background:#ff6600; color:#fff;}

#tab ul { display:block; list-style:none; padding:0; overflow:hidden; margin-top:40px; text-align:left;}
#tab li{ float:left; margin:0 2% 20px 0;width:32%;overflow:hidden;}
#tab li:nth-child(3n){margin-right: 0;}

#tab li a{ display:block; width:96%; height:auto; padding:2%; overflow:hidden; color:#888888; border-radius:0;  background-color:#fff; }
#tab li a span{ display:block; cursor:pointer;}
#tab li a:hover{color:#333;}
#tab li a:hover .blog_Rtime{background-color:#c80000;}
#tab li a:hover .blog_Rmore b{ color:#c80000;}

#tab li a .blog_Rtime{float:left;}
#tab li a .blog_Rmore{float:left;}

#tab li .blog_Rtime{ width:65px; height:auto; background-color:#969393; text-align:center;}
#tab li .blog_Rtime span,
#tab li .blog_Rtime b{ display:block; color:#FFF;}
#tab li .blog_Rtime b{ font-size:30px;height:40px; line-height:42px; font-weight:bold; letter-spacing:2px;}
#tab li .blog_Rtime span{ font-style:normal;height:24px; line-height:24px; font-size:14px;}

#tab li .blog_Rmore{ width:65%;text-align:left; margin-left:10px;}
#tab li .blog_Rmore b{ color:#333; display:block; width:100%; height:24px; line-height:24px; overflow:hidden;font-size:16px;}
#tab li .blog_Rmore span{ line-height:22px; height:44px; width:100%; overflow:hidden;font-size: 13px;}


/*报价*/
.col_4 {
	width:49%
}
.gridded {
	margin:0 2% 2% 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box
}
.gridded:nth-child(2n){
    margin:0 0 2% 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box
}

}

@media (max-width:660px){
	.case-content .hd i.italic{display:none;}
	.case-content .hd span{display: block;font-size: 14px;padding-bottom: 10px;}
	.case-content li{width: 46%; margin-right: 8%;float: left;margin-bottom: 10px;}
	.case-content li:nth-of-type(5n){margin-right: 8%;}
	.case-content li:nth-of-type(2n){margin-right: 0;}
	.case-content .hd{margin-top: 20px;}
	
	.weixin-content .hd i.italic{display:none;}
	.weixin-content .hd span{display: block;font-size: 14px;padding-bottom: 10px;}
	.weixin-content li{width: 46%; margin-right: 8%;float: left;margin-bottom: 10px;}
	.weixin-content li:nth-of-type(5n){margin-right: 8%;}
	.weixin-content li:nth-of-type(2n){margin-right: 0;}
	.weixin-content .hd{margin-top: 20px; text-align:center;}
	
	.nb-news .news-hd .newdaohang{ display:none;}
}

@media (max-width:768px) {
/*公共样式开始-------------*/
    /*头部样式*/
menu{ display:none;}
.menu ul li {
    font-size: 14px;
  }
  .menu ul li > div,
  .menu ul li > div a {
    height: 50px;
    line-height: 50px;
  }
  
  .submenu dd a {
    height: 40px;
    line-height: 40px;
  }
  .header-warp,
  header .container,
  header {
    height: 70px;
  }
  .logo img {
    height: 60px;
  }
  .menu-icon {
    height: 50px;
  }
  .menu-icon span {
    height: 1px;
  }
  .icon-top {
    top: 15px;
  }
  .icon-bottom {
    bottom: 15px;
  }
  .menu-icon.on .icon-top {
    -webkit-transform: translateY(10px) rotate(45deg);
    -moz-transform: translateY(10px) rotate(45deg);
    -ms-transform: translateY(10px) rotate(45deg);
    -o-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
  }
  .menu-icon.on .icon-bottom {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -moz-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
  }



.nb-logo .nb-public{ display:none; height: 66px;background-color: #000;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1);width: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1;}
.nb-logo{position: absolute;}

.nb-logo .logo .logo-year{ display:none;}
.nb-logo .logo .logo-text{ display:none;}

.nb-logo .logo{position: absolute; top:0; right: 4%;z-index: 2;}
.nb-logo .logo a{background:#000 url("../images/logo.png") no-repeat center center;display: block;text-align: center;}

.nb-logo .logo,.nb-logo .logo a{width: 50px;height: 50px;line-height: 50px;}
.nb-logo .logo a{-webkit-background-size: 60% auto;background-size: 60% auto;}
.nb-header{height: 200px; padding-top:0;}
.nb-header .pfocus img{width: 100%;height: auto;}
.nb-pnav{display: none;}   
.nb-header .afocus{display:block; background-color: #000;} 
.nb-header .afocus img{width:100%; height:100%;}
.nb-header .focus-text{ bottom: 30px;}
.nb-header .focus-text .p1{font-size: 12px;padding-bottom: 10px;}
.nb-header .focus-text .p2{font-size: 24px;}
.nb-header .focus-text .p3{font-size: 24px;width:100%;}
.nb-header .focus-text h2{font-size: 18px;}

.nb-state {padding-top: 50px;padding-bottom: 50px; display:none;}
.nb-state .c1{ padding:2%; width:96%;}
.nb-state .c1 h2{ font-size:20px; font-weight:bold; padding-bottom:20px; color:#333333}
.nb-state .c2{ padding:2%; width:96%;}

.nb-state .c3{ padding:2%; width:96%;}
.nb-state .c3 h2{ font-size:20px; font-weight:bold; padding-bottom:20px; color:#333333}
.nb-state .c4{ padding:2%; width:96%;}
.nb-state .c4 h2{ font-size:20px; font-weight:bold; padding-bottom:20px; color:#333333}

.nb-state2 {padding-top: 50px;padding-bottom: 50px; display:block; line-height:26px; color:#666666;  border-bottom:1px solid #ccc;}
.nb-state2 .c5{ padding:2%; width:96%;}
.nb-state2 .c5 h2{ font-size:20px; font-weight:bold; padding-bottom:20px; color:#333333}
.nb-state2 .c6{ padding:2%; width:96%;}

.nb-state p{line-height: 26px; /*width: 100%;*/ color:#666;}
.nb-state p a:hover{color:#ff0000;}

.xiangmu {overflow:hidden; width:100%;  margin-bottom:1%; background-color:#f4f4f4; }
.xiangmu a {color:#333} 
.xiangmu .xmlist1{ float:left; width:48%; margin:2% 1%; overflow:hidden; height:180px; background:url(../images/s2.png) no-repeat center 50px #ffffff;}
.xiangmu .xmlist1:hover{color:#FFFFFF; background:url(../images/s2h.png) no-repeat center 50px #d61919;}
.xiangmu .xmlist1 h2{ text-align:center; width:100%; font-size:16px; font-weight: normal; padding-top:20px;}
.xiangmu .xmlist1 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist1 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}
.xiangmu .xmlist1 .ulist li a{ color:#333}
.xiangmu .xmlist1 .ulist li a:hover{ color:#FFFFFF; text-decoration:underline}

.xiangmu .xmlist2{ float:left;  width:48%; margin:2% 1%;overflow:hidden; height:180px; background:url(../images/s1.png) no-repeat center 50px #ffffff;}
.xiangmu .xmlist2:hover{color:#FFFFFF; background:url(../images/s1h.png) no-repeat center 50px #d61919;}
.xiangmu .xmlist2 h2{ text-align:center; width:100%; font-size:16px; font-weight: normal; padding-top:20px;}
.xiangmu .xmlist2 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist2 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}
.xiangmu .xmlist2 .ulist li a{ color:#333}
.xiangmu .xmlist2 .ulist li a:hover{ color:#FFFFFF; text-decoration:underline}

.xiangmu .xmlist3{ float:left;  width:48%; margin:2% 1%;overflow:hidden; height:180px;  background:url(../images/s4.png) no-repeat center 50px #ffffff;}
.xiangmu .xmlist3:hover{color:#FFFFFF; background:url(../images/s4h.png) no-repeat center 50px #d61919;}
.xiangmu .xmlist3 h2{ text-align:center; width:100%; font-size:16px; font-weight: normal; padding-top:20px;}
.xiangmu .xmlist3 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist3 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}
.xiangmu .xmlist3 .ulist li a{ color:#333}
.xiangmu .xmlist3 .ulist li a:hover{ color:#FFFFFF; text-decoration:underline}

.xiangmu .xmlist4{ float:left;  width:48%; margin:2% 1%;overflow:hidden; height:180px; background:url(../images/s3.png) no-repeat center 50px #ffffff;}
.xiangmu .xmlist4:hover{color:#FFFFFF; background:url(../images/s3h.png) no-repeat center 50px #d61919;}
.xiangmu .xmlist4 h2{ text-align:center; width:100%; font-size:16px; font-weight: normal; padding-top:20px;}
.xiangmu .xmlist4 .ulist{ width:80%; margin:0 10%; padding-top:150px;}
.xiangmu .xmlist4 .ulist li{ float:left; width:50%; margin-bottom:10px; text-align:center; list-style:34px; list-style:none;}
.xiangmu .xmlist4 .ulist li a{ color:#333}
.xiangmu .xmlist4 .ulist li a:hover{ color:#FFFFFF; text-decoration:underline}


/*案例下拉*/
.case_bg{ overflow:hidden;}
.case_one{ background:#fff; height:92px; padding-top:40px;}
.case_one .gy2{ overflow:visible;}
.case_one .h2{ float:left; line-height:32px; font-size:24px; font-weight:normal; letter-spacing:1px;}
.case_one .case_one_r{ float:left; margin-bottom:20px;}
.case_one .case_one_r .all_a{ float:left; height:52px; width:100px; line-height:52px; font-size:16px; color:#fff; background:#f67524; text-align:center;transition:all 0.3s;}
.case_one .case_one_r .all_a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.case_one .case_one_r .case_down{ float:left; margin-left:10px; width:100px; background:#f5f5f5; position:relative; color:#000;}
.case_one .case_one_r .case_down label{ display:block; height:52px; line-height:52px; text-indent:20px; cursor:pointer; font-size:16px;}
.case_one .case_one_r .case_down ul{ position:absolute; top:52px; left:0; width:100%;background:#fff; display:none;  overflow:hidden; z-index:9; }
.case_one .case_one_r .case_down ul.bgs2{overflow-y:scroll;max-height:320px;}
.case_one .case_one_r .case_down ul li{ display:block; height:32px; line-height:32px; overflow:hidden; }
.case_one .case_one_r .case_down ul li a{ display:block;text-indent:20px; font-size:14px;}
.case_one .case_one_r .case_down ul li a:hover{ background:#f67524; color:#fff;}


/*首页新闻*/
#abc{ display:none;}
.indexnew{ width:100%; padding:2% 0%; background-color:#f6f6f6; overflow:hidden;}
.indexnew .ulist{width:92%; padding:2% 4%; margin-bottom:2%; background-color:#fff;}
.indexnew .ulist h2{ width:100%; line-height:20px; font-size:18px; font-weight:bold; border-bottom:1px solid #CCCCCC; padding-bottom:10px;}
.indexnew .ulist h2 span{ float:right; font-size:12px; font-weight:normal;}
.indexnew .ulist li{ line-height:40px; border-bottom:1px dashed #f2f2f2; list-style:none;}
.indexnew .ulist li a:hover{ text-decoration:underline;}
.indexnew .ulist li span{ float:right; font-size:12px;}

/*底部样式*/
.nb-demand{ padding-top: 40px;padding-bottom: 30px; }
.nb-demand h2{font-size: 16px; padding-bottom: 30px;}
.nb-demand .write{padding-bottom: 30px;}
.nb-demand .write input{margin-right: 0;margin-bottom: 15px;padding-left: 3%;}
.nb-demand .write .text1,.nb-demand .write .text2,.nb-demand .write .text3{width: 97%;}
.nb-demand .write .submit{width: 49.5%;margin-bottom: 0;}
.nb-footer .foot{padding-top: 50px;padding-bottom: 30px;}
.nb-footer .foot p,.nb-footer .foot-r{float: none; padding-bottom: 10px;}

.nb-demand h3 span.text{display:block;}
.nb-demand h3 a{ margin:10px 15px 0 0;}

.floating{ width:100%; right:0 !important;}
.floating a{ margin:0 10px !important;}
/*手机菜单样式开始-----------*/
.neirong { display: block; position: fixed;width:100%; top: 0; z-index: 1000; /*left: -163px;*/overflow-y: auto; left: 0;touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.neirong .neirong-bd{ padding-bottom: 20px; padding-top: 50px;padding-left: 50px;padding-right: 50px; visibility: hidden;}
.neirong a {display: block; height:47px; line-height: 47px; color:#fff; font-size: 16px; border-bottom: 1px solid #333; 
-webkit-transition: all .35s ease-out;
   -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
     -o-transition: all .35s ease-out;
        transition: all .35s ease-out;}

.neirong a.neirong-on{color:#aaa;}
.content{overflow-x: hidden; left: 0; position: relative;}
.content.content-on{ left:120px;}
.neirong.neirong-on{left: 0;}
.body-on{position: relative;overflow: hidden;}
.html-on{overflow: hidden;}
.neirong-close{width: 24px;height: 24px;background:url(../images/nav_close.png) no-repeat 7px center; position: absolute;top:20px;left: 10px; visibility: hidden;}
.neirong.neirong-hide{
  background-color:rgba(0,0,0,.8); height:0;
    -webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms;
       -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
        -ms-transition:background 0.35s linear,height 0.25s ease-in 200ms;
         -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
            transition:background 0.35s linear,height 0.25s ease-in 200ms;
}
.neirong.neirong-show{
  background-color:#000; height:100%;}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility: visible;}
.neirong.neirong-hide a{opacity: 0;
-webkit-transform: scale(1.1) translateY(-24px);
   -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
     -o-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);}
.neirong.neirong-show a{opacity: 1;-webkit-transform: none;
   -moz-transform: none;
    -ms-transform: none;
     -o-transform: none;
        transform: none;}
.neirong a:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong a:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong a:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong a:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong a:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong a:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong a:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong a:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong a:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong a:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}


/*手机版头部*/
.buttonpush{background:url("../images/buttonset.png") no-repeat center; width: 100%;height: 100%; display: block;} 
.buttonset{display: block;position:fixed;width: 60px;height: 60px;top:0;left: 0; z-index: 99;}
.buttonset .show{ background-color: rgba(0,0,0,.8); -webkit-transition: all .25s linear;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.buttonset-black .buttonpush{background:url("../images/button_black.png") no-repeat center;}
.buttonset-black .buttonpush.show{background: rgba(0,0,0,.8) url("../images/buttonset.png") no-repeat center; -webkit-transition: all .25s linear;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}

/*手机菜单样式结束*/
/*公共样式结束----------------*/    
/*首页内容样式开始--------------*/
.case-title{padding-top: 30px;}
.case-title a span{display: none;}


/*新闻切换*/
#tab { width:92%; height:auto; overflow:hidden;  margin:60px 4%; text-align:center;}
#tab div { margin-top:50px; left:0; width:100%; height:auto; border-top:1px solid #f2f2f2;}
#tab div { display:none;}
#tab .block { display:block;}

#tab a { display: inline-block; padding:0 15px; height:40px; margin-right:10px; margin-bottom:10px; line-height:40px; font-size:16px; cursor:pointer; background-color:#f2f2f2; color:#333; text-align:center;  border-radius:20px; }
#tab a:hover{ color:#fff;  }
#tab a.up { background:#ff6600; color:#fff;}

#tab ul { display:block; list-style:none; padding:0; overflow:hidden; margin-top:40px; text-align:left;}
#tab li{ float:left; margin:2% 0;width:100%;overflow:hidden;}
#tab li:nth-child(3n){margin-right: 0;}

#tab li a{ display:block; width:100%; height:auto; padding:2% 0; overflow:hidden; color:#888888; border-radius:0;  background-color:#fff; }
#tab li a span{ display:block; cursor:pointer;}
#tab li a:hover{color:#333;}
#tab li a:hover .blog_Rtime{background-color:#c80000;}
#tab li a:hover .blog_Rmore b{ color:#c80000;}

#tab li a .blog_Rtime{float:left;}
#tab li a .blog_Rmore{float:left;}

#tab li .blog_Rtime{ width:65px; height:auto; background-color:#969393; text-align:center;}
#tab li .blog_Rtime span,
#tab li .blog_Rtime b{ display:block; color:#FFF;}
#tab li .blog_Rtime b{ font-size:30px;height:40px; line-height:42px; font-weight:bold; letter-spacing:2px;}
#tab li .blog_Rtime span{ font-style:normal;height:24px; line-height:24px; font-size:14px;}

#tab li .blog_Rmore{ width:75%;text-align:left; margin-left:10px;}
#tab li .blog_Rmore b{ color:#333; display:block; width:100%; height:24px; line-height:24px; overflow:hidden;font-size:16px;}
#tab li .blog_Rmore span{ line-height:22px; height:44px; width:100%; overflow:hidden;font-size: 13px;}

/*报价*/
.col_4 {
	width:100%
}
.gridded {
	margin:2% 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box
}


/*合作伙伴*/
.partner{ width:100%; padding:2% 0; overflow:hidden;}
.partner a {color:#333} 
.partner .plist{ width:100%; margin-bottom:2%;  overflow:hidden; background-color:#f0f0f0; }
.partner .plist:hover{background-color:#103890; color:#FFFFFF; }
.partner .plist img{ width:100%; overflow:hidden;}
.partner .plist h2{ width:100%; padding-left:24px; font-weight:normal; font-size:18px; height:60px; line-height:60px;}
.partner .plist .pde{ width:100%; text-align:right; height:60px; line-height:60px;}
.partner .plist .pde span{ padding:5px 20px; margin-right:24px; border-radius:15px; background-color:#FFFFFF; color:#333; font-size:14px;}

}

/*----------------------------------内页样式---------------------------------*/
.nb-header-side{ width: 100%;}
.nb-header-side .focus img{width: 100%;}
.nb-header-side .focus-text{bottom: 70px;}

.nb-center{padding-top: 80px;border-bottom: 1px solid #dedede;}
.nb-center .nb-center-hd{width: 30%; margin-right: 6%;}
.nb-center .nb-center-hd h2{font-size: 28px;font-weight: normal;padding-bottom: 35px;}
.nb-center .nb-center-hd p{ line-height:30px;}

.nb-center .nb-center-bd{width: 64%; }
.nb-center .nb-center-bd li{float: left; width: 45%;*width:44.95%;margin-right: 10%;padding-bottom: 100px;}
.nb-center .nb-center-bd li:nth-of-type(2n){margin-right: 0;}
.nb-center .nb-center-bd h3{font-size: 16px;padding-bottom: 20px;color:#ff6600;}
.nb-center .nb-center-bd p{color:#373737;line-height: 30px; font-size:14px;}

.nb-center .nb-center-bd3{width: 100%; }
.nb-center .nb-center-bd3 li{float: left; width: 28%;*width:27.90%;margin-right:8%;padding-bottom: 100px;}
.nb-center .nb-center-bd3 li:nth-of-type(3n){margin-right: 0;}
.nb-center .nb-center-bd3 h3{font-size: 16px;padding-bottom: 20px;color:#ff6600;}
.nb-center .nb-center-bd3 p{color:#373737;line-height: 30px; font-size:14px;}

.nb-center .nb-center-bd4{width: 100%; }
.nb-center .nb-center-bd4 li{float: left; width: 19%;*width:18.90%;margin-right:8%;padding-bottom: 100px;}
.nb-center .nb-center-bd4 li:nth-of-type(4n){margin-right: 0;}
.nb-center .nb-center-bd4 h3{font-size: 16px;padding-bottom: 20px;color:#ff6600;}
.nb-center .nb-center-bd4 p{color:#373737;line-height: 30px; font-size:14px;}

.related-case{padding-top: 60px;padding-bottom: 60px;}
.related-case h2{font-size: 28px;font-weight: normal;color:#000; padding-bottom: 50px;}

/*最新消息-----*/
.nb-news .news-hd{padding: 40px 0;}
.nb-news .news-hd .newdaohang{float:right; }
.nb-news .news-hd a,.case-title a, .newsTit a{margin-right: 20px; color:#474646;}
.nb-news .news-hd i,.case-title i,.newsTit i{display: inline-block; margin-left: 10px; vertical-align: middle; width: 7px;height: 7px;background:url("../images/news_atr.png") no-repeat center; }
.nb-news a:hover,.nb-news a.news-on,.case-title a.news-on,.case-title a:hover,.newsTit a:hover{color:#141414; font-weight: bold; }
.nb-news a:hover i,.nb-news a.news-on i,.case-title a:hover i,.case-title a.news-on i,.newsTit a:hover i,.newsTit a.news-on i{background:url("../images/index_atr.png") no-repeat center top;}
.nb-news .news-bd-content{border-bottom: 1px solid #dedede;}
.nb-news .news-bd-content li{padding-top: 40px; border-top: 1px solid #dedede; width: 30%;*width:29.95%;margin-right: 5%;float: left; min-height: 180px; padding-bottom: 20px;}
.nb-news .news-bd-content li:nth-of-type(3n){margin-right: 0;}
.nb-news .news-bd-content h2{font-size: 20px;padding-bottom: 25px;}
.nb-news .news-bd-content li a{color:#010101;}
.nb-news .news-bd-content li a:hover{color:#ff0000;}
.nb-news .news-bd-content p{
color:#6f6f6f; 
line-height: 26px;
margin-bottom:20px;
word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;}
.nb-news .news-bd-page{padding-top: 40px;padding-bottom: 30px;}
.nb-news .news-bd-page a{min-width: 30px;height: 30px;line-height: 30px;color:#5c5c5c;display: inline-block;font-size: 18px;}
.nb-news .news-bd-page span{width: 30px;height: 30px;line-height: 30px;color:#000;display: inline-block;font-size: 18px;}
.nb-news .news-bd-page a:hover,.nb-news .news-bd-page a.current{color:#000;}

/*最新消息详情页*/
.nb-news-detail{padding-top: 60px;overflow: hidden;}
.nb-news-detail .detail-hd{border-bottom: 1px solid #dedede;padding-bottom: 70px;}
.nb-news-detail .detail-hd-l{width: 60%;  }
/*.nb-news-detail .detail-hd-l a{color:#ff6600;}*/
.nb-news-detail .detail-hd-r{width: 30%;}
.nb-news-detail .detail-hd-r .ntit{width: 100%; height:40px; line-height:40px; border-bottom:1px solid #ccc; font-size:20px; color:#333; font-weight:bold; padding-bottom:20px; margin-bottom:20px;}
.nb-news-detail .detail-hd-r .ntit a{font-size:20px; color:#333; font-weight:bold; }
.nb-news-detail .detail-hd-r .ntit a:hover{color:#ff0000; }
.nb-news-detail .detail-hd-r .biaoqian{width: 100%; overflow:hidden; margin-bottom:30px;}
.nb-news-detail .detail-hd-r .biaoqian li{float:left; line-height:20px; padding:0 10px; text-align:center; border:1px solid #ccc; margin:0 12px 10px 0;}
.nb-news-detail .detail-hd-r .biaoqian li a{font-size:14px; line-height:30px; color:#333; font-weight:normal;}
.nb-news-detail .detail-hd-r .biaoqian li a:hover{font-size:14px; color:#ff0000; font-weight:normal;}


.nb-news-detail .detail-hd-r  li{list-style:none; border-bottom:1px dashed #ccc;margin-bottom:10px;}
.nb-news-detail .detail-hd-r  li a{font-size:16px; /*font-weight:bold;*/ line-height:45px; color:#333333;}
.nb-news-detail .detail-hd-r  li a:hover{color:#ff0000;}
.nb-news-detail .detail-hd-r  li span{display:block; padding-bottom:15px; color:#999999; padding-bottom:10px;}

.nb-news-detail .detail-hd-l .down p{color:#373737; line-height: 30px;}
.nb-news-detail .detail-hd-l .up{padding-bottom: 40px; font-size:16px; line-height:36px; color:#454545;}
.nb-news-detail .detail-hd-l .up h1{ font-size:24px; padding-bottom:20px;}
.nb-news-detail .detail-hd-l .up .detime{ padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #ccc; font-size:14px}
.nb-news-detail .detail-hd-l .up a{ color:#ff6600;}
.nb-news-detail .detail-hd-l .up a:hover{ color:#ff0000; text-decoration:underline;}

.nb-news-detail .detail-hd-l .up .dtit{ font-size:24px; padding-bottom:15px; color:#333; line-height:35px; border-bottom:1px solid #ccc; font-weight:bold;}
.nb-news-detail .detail-hd-l .up .des{ font-size:16px; line-height:30px; margin-bottom:4%; padding-top:20px;}
.nb-news-detail .detail-hd-l .up .des table {
width:100%;
border: 0;
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
}
.nb-news-detail .detail-hd-l .up .des td {
padding-top: 10px;
padding-bottom: 10px;
border: 0;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
text-align: left;
padding-left:5px;
}

.nb-news-detail .detail-hd-l .xgnew{ overflow:hidden; padding-top:50px;}
.nb-news-detail .detail-hd-l .xgnew .xgtit{ font-size:24px; padding-bottom:10px; color:#CC0000; line-height:35px; border-bottom:1px solid #ccc; font-weight:bold;}
.nb-news-detail .detail-hd-l .xgnew li{list-style:none; border-bottom:1px dashed #ccc;margin-bottom:10px;}
.nb-news-detail .detail-hd-l .xgnew li a{font-size:18px; font-weight:bold; line-height:45px; color:#333333;}
.nb-news-detail .detail-hd-l .xgnew li a:hover{color:#ff0000;}
.nb-news-detail .detail-hd-l .xgnew li span{display:block; padding-bottom:15px; color:#777; line-height:24px;}

.nb-news-detail .detail-hd-r p{color:#000;}
.nb-news-detail .nb-share {padding-top: 40px;}
.nb-news-detail .nb-share a{padding-left:0;width: 35px;height: 35px;display: inline-block;margin-right: 20px;}
.nb-news-detail .nb-share a:nth-of-type(1){background-position: left center;}
.nb-news-detail .nb-share a:nth-of-type(2){background-position: -35px center;}
.nb-news-detail .nb-share a:nth-of-type(3){background-position: -70px center;}
.nb-news-detail .nb-share a:nth-of-type(4){background-position: -105px center;}
.nb-news-detail .nb-share a:nth-of-type(5){background-position: -145px center;}
.autofix_sb.fixed {position: fixed !important;left: auto;top: auto;right: auto;bottom: auto;overflow:auto;margin-top:100px;}
.autofix_sb.fixed.bottom {bottom: 0;position: absolute !important;}
.nb-link-case{padding-top: 40px;}
.nb-link-case a{color:#000;}
.nb-link-case .case-prev{padding-left: 20px; background:url("../images/atr_left.png") no-repeat left center;}
.nb-link-case .case-next{padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center;}

/*案例详情页样式*/
.nb-case-detail{padding-bottom: 40px;}
.nb-case-detail .nb-state{padding-top: 40px;padding-bottom: 30px;}
.nb-case-detail .nb-state p{color:#6c6c6c;}
.nb-case-detail .nb-state a{color:#333;}
.nb-case-detail .nb-state a:hover{color:#ff0000;}
.nb-case-detail .nb-case{padding-top: 50px; padding-bottom: 50px;}

.nb-case .focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
.nb-case .focus ul{ overflow:hidden;  margin: 0 auto;}
.nb-case .focus ul li{text-align: center;}
.nb-case .focus ul li img{ width:auto; padding:5px; background-color:#f2f2f2; border-radius:10px; margin:10px 0;}
.nb-case .focus ul p{ color:#333333; padding-top:30px; line-height:30px;}
.nb-case .focus ul p a{ color:#ff6600;}

@media (max-width:1199px){
.nb-header-side .focus-text{bottom:50px;}


}
@media (max-width:1070px){
.nb-news-detail .detail-hd-l{width: 100%;float: none;}
.nb-news-detail .detail-hd-r{width: 100%;float: none;margin-bottom: 50px;}
.nb-news-detail .nb-share {padding-top: 20px;}
.pgwSlideshow .ps-current .ps-prev, .pgwSlideshow .ps-current .ps-next{width: 0;}


}

@media (max-width:790px){
.nb-state .qrcode{ bottom: 40px; width:60px; height:60px; top: initial;}
}

@media (max-width:768px){
.detail-hd-r{width: 100%;float: none;margin-bottom: 50px;} 
.nb-case .prev,.nb-case .next{display: none;} 
}
@media (max-width:767px){
.nb-center{padding-top: 50px;}
.nb-center .nb-center-hd,.nb-center .nb-center-bd,.nb-center .nb-center-bd3,.nb-center .nb-center-bd4{float: none;}  
.nb-center .nb-center-hd{width: 100%;}
.nb-center .nb-center-bd{width: 100%; }
.nb-center .nb-center-bd li{padding-bottom: 40px; float: none; margin-right: 0; width: 100%;}
.nb-center .nb-center-hd h2{padding-bottom: 30px; font-size: 24px;}
.nb-center .nb-center-bd h3{padding-bottom: 15px; }
.nb-center .nb-center-bd p{line-height: 26px;}

.nb-center .nb-center-bd3{width: 100%; }
.nb-center .nb-center-bd3 li{padding-bottom: 40px; float: none; margin-right: 0; width: 100%;}
.nb-center .nb-center-hd3 h2{padding-bottom: 30px; font-size: 24px;}
.nb-center .nb-center-bd3 h3{padding-bottom: 15px; }
.nb-center .nb-center-bd3 p{line-height: 26px;}

.nb-center .nb-center-bd4{width: 100%; }
.nb-center .nb-center-bd4 li{padding-bottom: 40px; float: none; margin-right: 0; width: 100%;}
.nb-center .nb-center-hd4 h2{padding-bottom: 30px; font-size: 24px;}
.nb-center .nb-center-bd4 h3{padding-bottom: 15px; }
.nb-center .nb-center-bd4 p{line-height: 26px;}

.nb-news .news-bd-content li{width: 100%;margin-right: 0;min-height: auto; padding-bottom: 30px; padding-top: 30px; float: none;}
.nb-news .news-bd-page{padding-top: 30px;padding-bottom: 20px;}
.nb-news .news-bd-content h2{padding-bottom: 15px;}
.nb-news .news-bd-page a{width: 20px;}

.nb-news-detail{padding-top: 20px;}
.nb-news-detail .detail-hd{padding-bottom: 30px;}
.nb-news-detail .detail-hd-l .up{padding-bottom: 10px;  font-size:14px;}
.nb-news-detail .detail-hd-l .up h1{ font-size:18px; text-align:center; border-bottom:1px solid #CCCCCC; margin-bottom:20px;}
.nb-news-detail .detail-hd-l .up .detime{ display:none;}
.nb-news-detail .detail-hd-l p{line-height: 26px;}
.nb-case-detail .nb-state p{width: 100%;}

.nb-case-detail .nb-case{padding: 50px 0;}

.related-case{padding-top: 30px;padding-bottom: 30px;}
.related-case h2{padding-bottom: 30px;}
.nb-news .news-hd i, .case-title i, .newsTit i{vertical-align: initial;margin-left: 3px;}
.nb-news .news-hd a, .case-title a, .newsTit a{font-size: 12px;margin-right: 8px;}

.in_news_m li{
	width:100%;
	margin-right:0;
}
.in_news_se .tit li {
    font-size: 16px;
    margin-left:3px;
    margin-right: 3px;
}
.indexnews_title {
    font-size:24px;
    line-height: 24px;
    margin-bottom:20px;
}
.in_news_se .tit{
    margin-bottom:20px;
}

}
/*修改zzsc.css*/
footer div{border: 0;padding: 0;margin: 0;}
/*最后修改样式*/
.nb-state p{color:#373737;}

/*添加更多案例*/
.morecase{padding-top: 40px;padding-bottom: 40px; border-top: 1px solid #dedede; text-align: right;}
.morecase a{color:#000; padding-right: 20px; background: url("../images/news_atr.png") no-repeat right center;}
    
.newcase{padding-top: 40px; text-align: right;}
.newcase a{color:#000; padding-right: 20px; background: url("../images/news_atr.png") no-repeat right center;}

@media (min-width:768px){
.pfocus{display: block;}
.nb-header .pfocus video{display: block;}
.nb-header .afocus{display: none;}
}

@media (max-width:767px){

.nb-header .pfocus video{display: none;}
.nb-header .afocus{display: block; width: 935px;height: 375px;margin-left: -170px;}

.nb-header-side .focus{height: 375px;width: 935px;margin-left: -170px;}
.nb-header-side .focus img{height: 100%; width: auto;}
.nb-header-side .focus-text{bottom:30px;}
.nb-link-case,.morecase{padding-top: 20px;}
}
/*页脚联系区*/
#contactUs{float: left; width: 30%; margin-right: 5%;}
#contactUs #countrySelection {position: relative; }
#contactUs #countrySelector {position: relative; margin-left: -5px; top: -1px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #EFEBE8; }
#contactUs #countrySelection ul li {display: block; margin: 0 10px 20px 0;}
#contactUs p{
  font-size:14px; line-height:30px; color:#fff;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
#contactUs a{
  font-size:14px; line-height:30px; color:#fff;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
#contactUs a:hover{
  font-size:14px; line-height:30px; color:#ff0000;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.contact-main{width: 30%; margin-right: 5%; margin-bottom:20px; float: left;}
.contact-main .contact-bd{display: none;}
.contact-main .main-dizhi,.contact-main .main-dianhua{width: 100%; }
.contact-main .dizhi-l p,.contact-main .dianhua-l p{color:#999; font-size: 14px; line-height:24px;}
.contact-main .dizhi-l p a,.contact-main .dianhua-l p a{color:#999; font-size: 14px; line-height:24px;}
.contact-main .dizhi-l p a:hover,.contact-main .dianhua-l p a:hover{color:#ff0000; font-size: 14px; line-height:24px;}
.contact-main .dizhi-l span,.contact-main .dianhua-l span { overflow:hidden; color: #fff; }
.contact-main .dizhi-l span,.contact-main .dianhua-l span a{color: #fff; font-size: 36px; font-weight:bold; /*font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,tahoma,simsun,\5b8b\4f53;*/}
.contact-main .dizhi-l{padding-bottom: 20px;}
.contact-main .dianhua-r a.local,.contact-main .dianhua-r a.qq,.contact-main .dianhua-r a.weixin{width: 32px;height: 32px; background-position: center; background-repeat: no-repeat;display: block; background-color: #030303;}
.contact-main .dianhua-r a.local{background-image: url("../images/local.png");margin-top: 15px;}
.contact-main .dianhua-r a.qq{background-image: url("../images/qq.png");}
.contact-main .dianhua-r a.weixin{background-image: url("../images/weixin.png"); margin-top: 15px;}

.dianhua-r .floating{position: relative;right: 0;bottom:inherit; display:block;}

.footer-base i{display: block; margin-bottom: 40px;}
.footer-base p{font-size: 12px;line-height:24px; color:#fff;}


@media (max-width:768px ) {  

.in_news_m li .blog_Rmore{ width:75%;}

#contactUs{float: none;width: 100%;margin-right: 0;margin-bottom: 50px;}
.footer-base i{margin-bottom: 20px;}
/*#contactUs #countrySelection ul{height: 65px;}*/
#contactUs #countrySelection ul li{display: inline-block;margin-right: 30px; margin-bottom: 0;}
/*#contactUs #countrySelection #countrySelection-wrapper{height: 50px;padding: 0; overflow: hidden;}*/
#countrySelection-items{margin: 0; }

.contact-main{float: none; width: 100%;}
.contact-main .main-dizhi,.contact-main .main-dianhua{width:100%; float: none;}
.dianhua-r .floating{bottom: inherit; display:block;}

}
/*修改鼠标移上链接出现下划线*/
.morecase a i,.newcase a i,.nb-case-detail .nb-state a i,.nb-link-case a i,.nb-logo .nb-pnav a i,.nb-header .black a i,.nb-demand h3 a i{background-color: #000;}
.nb-logo .nb-pnav a i{background-color: #fff;}
.nb-pnav a i{background-color: #fff;}
.morecase a,.newcase a,.nb-case-detail .nb-state a,.nb-link-case a,.nb-pnav a{ overflow: hidden; display: inline-block;}
.morecase a i,.newcase a i,.nb-case-detail .nb-state a i,.nb-link-case a i,.nb-pnav a i,.nb-demand h3 a i{width: 100%; height: 1px; display: block;
-webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
        transform: translateX(-100%);} 
.nb-link-case a i{
-webkit-transform: translateX(-200%);
   -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
     -o-transform: translateX(-200%);
        transform: translateX(-200%);}      
.morecase a:hover i,.newcase a:hover i,.nb-case-detail .nb-state a:hover i,.nb-link-case a:hover i,.nb-pnav a:hover i,.nb-demand h3 a:hover i{
-webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
-webkit-transition: all .3s linear;
   -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
     -o-transition: all .3s linear;
        transition: all .3s linear;}

/*页脚列表样式*/
.zhishiku,.blogroll{position: relative;}
.zhishi,.blogrolllist{position: absolute; height:300px; width: 315px;bottom: 30px;right:-257px; overflow-y: auto; overflow-x: hidden; border: 1px solid #bbb; display: none; z-index:999;background-color:#fff;}
.zhishi::-webkit-scrollbar-track-piece,
.blogrolllist::-webkit-scrollbar-track-piece {width:5px;background-color:#f8f8f8;} 
.zhishi::-webkit-scrollbar,
.blogrolllist::-webkit-scrollbar {width:5px;background-color:#999;} 
.zhishi::-webkit-scrollbar-thumb,
.blogrolllist::-webkit-scrollbar-thumb {width:5px;background-color:#aeaeae;} 
.zhishi::-webkit-scrollbar-thumb:hover,
.blogrolllist::-webkit-scrollbar-thumb:hover
 {width:5px;background-color:#999;} 
.foot .zhishi-bd{padding: 10px;}
.foot .zhishi-bd li{line-height: 24px;}
.foot .zhishi-bd a{ -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear;font-size: 14px;color:#373737; display: block; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.foot .zhishi-bd a:hover { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);text-decoration:line-through;}


.nb-footer .foot-r .zhishiku,
.nb-footer .foot-r .blogroll{display: inline-block;}
.zhishi-hd{padding: 20px 0;}

/*浮动窗口样式*/
.floating{position: fixed;bottom: 20px;right: 1%;min-width:208px;text-align: center;z-index: 100;height: 42px;}
.floating a{width: 42px;height: 42px; margin:0 5px;border-radius:21px;background-color:#ff6600; display: inline-block; /*filter:alpha(opacity=60);*/background-repeat: no-repeat; background-position: center center; vertical-align: middle; overflow: hidden; line-height: 38px; margin-bottom: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #ff6600;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone{background-image:url(../images/layout_phone.png); -webkit-background-size:19px 18px; background-size: 19px 18px;}
.floating a.float-qq{background-image:url(../images/layout_qq.png); -webkit-background-size: 18px auto; background-size: 18px auto;}
.floating a.float-wxqr{overflow:inherit;background-image:url(../images/wxgf.png); -webkit-background-size: 20px auto; background-size: 20px auto;}
.floating a.float-message{background-image:url(../images/float_message.png);-webkit-background-size: 17px 17px; background-size: 17px 17px; }
.floating a.float-top{background-image:url(../images/top.png);-webkit-background-size: 20px auto; background-size: 20px auto; }
.floating a span{color:#fff;margin-left: 30px;display: none;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone span{font-size: 16px;}
.floating a.float-wxqr span{margin-top: -120px;margin-right: 15px;margin-left: 0px;}
.wxqr_mask {
    z-index: 999;
    width: 116px;
    height: 116px;
    padding: 4px;
    position: fixed;
    margin-left: -60px;
    margin-top: -60px;
    left: 50%;
    background: #fff;
    top: 50%;

    overflow: hidden;
    text-align: center;
    display: none;
}
.wxqr_bg {
    background-color: #000;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
}
/*建站套餐窗口样式*/
#package_cover {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 133%;
	background-color: white;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.80;
	filter: alpha(opacity=80);
}
#package_code {
	width: 480px;
	min-height: 480px;
	margin-top: 10px;
	margin-left:-210px;
	position:absolute;
	left:50%;
	background-color: #fff;
	display: none;
	z-index: 1002;
	box-shadow:0 0 20px #ccc;
}
.package_close {
	width: 100%;
	height: 50px;
	position:relative;
}
.package_close #package_close_btn {
	position: absolute;
	top: 28px;
	right:28px;

}
.package_html {
	padding:0 40px 40px;
	/*font-family: "Microsoft YaHei";*/
	display:none;
}
.package_html.on{
	display:block;
}
.package_html h2{
	font-size: 32px;
	padding:0 0 15px 0;
	margin:0;
	border-bottom: 1px solid #000;

}
.package_html h4{
	font-size: 16px;
	padding:0 0 10px 0;
	margin:0;	
}
.package_html .package_box{
	overflow:hidden;
	padding:20px 0;
	font-size: 14px;
	line-height: 24px;
	color:#333;
	border-bottom:1px solid #ccc;
}
.package_html .package_box.noborder{
	border-bottom:none;
}
.package_html .package_box .label{
	width:49.5%;
	float:left;
}
.package_html .package_box .value{
	width:49.5%;
	float:right;
}
.package_html .consult_btn{
	padding-top: 10px;
}
.package_html .consult_btn a{
	width:100%;
	height:52px;
	line-height: 52px;
	text-align: center;
	background-color: #040404;
	display:block;
	text-decoration: none;
	color:white;
	border: 2px solid #040404;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.package_html .consult_btn a:hover{
	background-color: #fff;
	color:#040404;
}



@media (min-width: 751px) {
    .floating a:hover{background-position: 15px center;}
    .floating a.float-qq:hover{width: 126px;}
	.floating a.float-wxqr:hover{background-position:center;}
	.floating a.float-wxqr:hover span {display:inline-block; width:116px;height:116px;background:#fff; border:2px solid #fff;position: absolute; z-index:99;top:-20px;right:100px; padding:5px;}
	.floating a.float-wxqr:hover img{ width:116px;height:116px; }
    .floating a.float-phone:hover{width: 170px;}
    .floating a.float-message:hover{width: 110px;}
	.floating a.float-top:hover{background-position:center;}
    .floating a:hover span{display: block;}
}
@media (max-width: 750px) {
    .floating a:hover{width: 42px;}
	.floating a:hover span{display:none;}
	.mobile-bottom{width: 100%;display: block;bottom: 0;margin-top: 20px;margin-bottom: -20px;}
}


@media (max-width:640px){
	#package_code {
		width: 100%;
		margin-left:0px;
		left:inherit;
		box-shadow:none;
	}
	.package_html {
		padding: 0 10px 30px;
	}
	.package_html h2{
		font-size: 24px;
	}
	.package_html h4{
		font-size: 16px;
	}
	.package_html .package_box{
		font-size:14px;
	}
	.package_html .consult_btn a{
		height:52px;
		line-height:52px;
	}
	#package_cover{
		background:#000;
		opacity:.8;
	}
	.app_qq{display:none;}
	
.in_news_m li{
	width:100%;
	margin-right:0;
}
.in_news_se .tit li {
    font-size: 16px;
    margin-left:3px;
    margin-right: 3px;
}
.indexnews_title {
    font-size:24px;
    line-height: 24px;
    margin-bottom:20px;
}
.in_news_se .tit{
    margin-bottom:20px;
}
}

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; z-index:1; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; position:relative; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-theme .owl-controls { margin: 10px 0; text-align: center; }
.owl-theme .owl-controls .owl-buttons div {width:60px;height:54px; position:absolute;  text-indent:-999em; z-index:99;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{ background:#161616;}
.owl-theme .owl-controls .owl-buttons div.owl-next{top:60px;background:#161616 ;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {background-color:#333333 ;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover { background-color:#333333;}
.owl-theme .owl-controls .owl-page {margin:1rem 0 0;}
.owl-theme .owl-controls .owl-page span { display: block; width: 5px; height: 5px; border-radius:5px; margin: 5px 7px; background: #d1d1d1;  }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {  background: #6ab84b ; border-color:#6ab84b ; }
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-carousel .owl-wrapper-outer{margin:0 auto;}
.newsBox{ background:#f6f6f6;padding:2rem 4%; }
.newsTit{ width:auto; }
.newsTit span{ float:right;}
.newsTit h2{ font-size:36px; font-weight:normal; color:#333; padding-top:15px;}
.newsList {margin-top:3rem;}
.newsList dl{padding-right:2rem;} 
.newsList dt{ width:100%; overflow:hidden;}
.newsList dt img{ display:block; width: 100%;max-width: 100%;}
.newsList dt a:hover img{ opacity: .8; transform: scale(1.2,1.2);}
.newsList dd{ background:#f6f6f6;padding:2rem 0; overflow:hidden;}
.newsList dd .newsTxt{  float:left;width:90%;}
.newsList dd h2{ font-size:20px; color:#000; font-weight: normal;}
.newsList dd span{ font-size:12px; line-height:24px; color:#b8b8b8;}
.newsList dd p{ font-size:0.8rem;color:#8d8d8d;margin-top:1rem; line-height:2;}
.newsList dd .hitNum{width:5%; float:right; }
.newsList dd .hitNum span{ display:inline-block;width:100%;  margin-bottom:1rem; }
.newsList dd .hitNum span em{ display:inline-block; width:100%; text-align:center; font-style:normal;}
.newsList dd .hitNum span img{ display:inline-block;}
.leibie{ width:auto; clear:both;  overflow:hidden; margin-top:60px;}
.leibie ul{ padding:0px; margin:0px;}
.leibie li{
	float:left;
	line-height:40px;
	text-align: center;
	background-color:#f5f5f5;
	width: auto;
margin-bottom:10px;
	margin-right: 2px;
}
.leibie li a{
padding-left:15px;
padding-right:15px;}
.leibie li a:hover{
background-color:#333333;
color:#FFFFFF;
display:block;

}
.se{
background-color:#333333;
color:#FFFFFF;
display:block;
}
.newsBox .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
 }
.newsBox .owl-theme .owl-controls .owl-page span { display: block; width: 8px; height: 8px; border-radius: 8px; margin: 5px 7px; background: #acacac;transition:all 0.5s ease 0s;  }
.newsBox .owl-theme .owl-controls .owl-page.active span,.newsBox .owl-theme .owl-controls.clickable .owl-page:hover span { width:19px;background: #333333; }


}
@media only screen and (max-width:1024px){
	.newsList dl{padding:2rem;}
}
  
@media only screen and (max-width:640px){
     .newsTit h2{ font-size:20px; font-weight:bold; color:#333; padding-top:15px;}
	 .newsList dl{padding:0;}
	 .newsList{margin-top:2rem;}
	 .newcase{padding-top: 20px; text-align: right;}
}
@media only screen and (max-width:480px){
    .newsTit h2{ font-size:20px; font-weight:bold; color:#333; padding-top:15px;}
	 .newsList dl{padding:0;}
	.newsList dd{padding:1rem;}
	.newsList dd .newsTxt{width:100%; float:none;}
	.newsList dd .hitNum{width:100%; float:none;margin-top:1rem;}
	.newsList dd .hitNum span{width:auto; vertical-align:middle;}
	.newsList dd .hitNum span em{width:auto;}
	.newsList dd .hitNum span img{margin-top:2px;} 
	.newcase{padding-top: 20px; text-align: right;}
	.in_news_m li .blog_Rmore{ width:75%;}
}