@charset "utf-8";
/* CSS Document */
body,button,input,select,textarea{ font-size:14px; font-family:Arial, Helvetica, sans-serif; border:0;color:#333; line-height:25px;}

/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
* html .clearfix{height:1%}
.clearfix{display:block} 
/* End hide from IE-mac */
.page_list{text-align:center;padding-top:10px; padding-bottom:2px;}
.page_list a{border:#ddd 1px solid;color:#492b08;padding:2px 5px;margin-right:2px}
.page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#000;background-color:#492b08}
.page_list span.current{border:#ddd 1px solid;padding:2px 5px;font-weight:bold;margin-right:2px;color:#FFF;background-color:#492b08}
.page_list span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;margin-right:2px;color:#CCC}
/* webcss start*/
body{ }
.index_content{ width:1200px; margin:0 auto; padding-top:50px;}
#wrapper{position: fixed;top:0;width:100%;z-index: 999;background:url(../images/top_bg.png) no-repeat center center;height:95px;}
.contain{ width:1200px; margin:0 auto;}
.mt80{ margin-top:80px;}
.mt60{ margin-top:60px;}
.mt50{ margin-top:50px;}
.mt30{ margin-top:30px;}


.logo{width:305px;float:left;margin-top:20px;}
.logo img{float: right;}
.tel{width:247px;float:left;margin:20px 0 0 70px;}
.tel img,.logo img{vertical-align: middle;}
.tel span,.logo span{line-height: 95px;}

.h_top{ background-color:#f2f2f2;height:40px; line-height:40px; color:#333}
.h_top a{ color:#fff}
.h_top a:visited,.tel a:active{color:#fff}
.t_mid{ width:500px; float:left; font-size:15px; line-height:30px; padding-top:35px;}
.t_mid p{ font-size:18px; font-weight:bold;}

.fixednav{box-shadow:0 5px 15px 0 rgba(0,0,0,.1)}
.t_top{ line-height:40px; color:#fff}
.t_left{ width:700px; float:left;}
.t_right{ width:164px; float:right;}
.remen{ background-color:#f8f8f8; line-height:56px;}
.index_top{width: 1300px;margin: 0 auto;}
#banner{ width:100%;margin:0 auto;overflow:hidden;}
.banner{ width:1440px; margin:0 auto}
#lang{position:absolute;right:15px;top:10px;z-index:1}
#lang img{margin-right:5px;vertical-align:middle}
#index_nav{width:650px;float:right;height:95px;}
#MainMenu{ height: 95px;}


/*搜索*/
.s_sousuo{ background-color:#eeeeee;}
.index_search{ height:70px; line-height:70px; width:1200px; margin:0 auto;border-bottom:1px #ececec solid; }
.index_search_nr{ float:left; width:600px;color:#666; padding-left:15px;}
.index_search_sou{ float:right; width:350px;height:34px; margin-top:17px;}
#index_searchid{ float:left;line-height:36px;height:36px;width:80px;border:1px #ececec solid; border-right:0}
#index_searchtext{ float:left;border:1px #ececec solid;height:34px;line-height:34px; width:200px; margin:0px;}
#index_searchbutton{ float:left; border:none;background:url(../images/searchbut.jpg); cursor:pointer; height:34px; width:60px}

.al_h{ width:215px; float:left; background:url(../images/al_bg.jpg) no-repeat center top;height:175px;color:#fff; text-align:center; padding-top:58px; margin-top:8px}
.al_h p{ font-size:26px; font-weight:bold; margin-bottom:10px;}
.al_h span{ text-transform:uppercase;}

.al_bg{ background:url(../images/al_bg.jpg) no-repeat center top; padding-top:65px; padding-bottom:60px;}
.index-newproducts{ width:1200px; margin:0 auto}
.productsroll{position:relative;width:1200px;margin-top:50px;}

.kuai_bg{line-height:67px;background: url(../images/kuai_bg.jpg)no-repeat center top;}
.kuai_bg p{color: #fff;font-size: 18px;width: 1200px;margin: 0 auto;background: url(../images/kuai_bg.jpg) no-repeat center top;}
.kuai_bg p span{font-size: 14px;}
.kuai_bg p a{display:block;width:75px;color:#fff;float: right;font-size: 40px;font-weight: bold;text-align: center;}
/* productsroll Start */
#LeftArr1,#RightArr1{background:url(../images/product_arrow.gif) no-repeat center top;width:39px;height:160px;cursor:pointer;position:absolute;top:35px;z-index:1}
#LeftArr1{background-position:-10px 0px;float:left;left:8px}
#RightArr1{background-position:-50px 0px;float:right;right:0px}
#ScrollBox{width:1200px; margin:0 auto;overflow:hidden}
#ScrollBox li{float:left;display:inline;width:260px;text-align:center; margin:0 8px;}
#ScrollBox li a{display:block;}
#ScrollBox li a img{}
#ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{color:#333}
#ScrollBox li a:hover{color:#c71800}
#ScrollBox li a span{display:block; line-height:50px; }
/* productsroll End */


.index_news dl  img {
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
}
.index_news dl  img:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/*简介*/
.intro_bg{background:url(../images/intro_bg.jpg) no-repeat center top;padding-top: 50px;}
.intro_h{border-bottom:1px solid #d4d4d4;line-height:33px;margin:15px 0 30px 0;}
.intro_more{width:60px;float:right;color: #c52f1f;}
.intro_dl{width: 150px;float: left;text-align: center;margin-top: 30px;background: url(../images/xian.png) no-repeat right center;}
.intro_dl:last-child{background:none;}
.intro_dl dt{width: 82px;height:82px;margin:10px auto;}
.intro_dl dd{font-size: 18px;}
.intro_h b{font-size:36px;text-transform: uppercase;color: #fff;}
.intro_h p{width:200px;float:left;font-size: 18px;color: #333;margin-top:10px;line-height: 14px;}
.index-about{font-size:14px;margin-top:50px;color: #333;width:1100px;height:370px;padding:30px 40px;background: #fff;-moz-box-shadow:1px 1px 3px 1px #e1e1e1;
    -webkit-box-shadow:1px 1px 3px 1px #e1e1e1;
    box-shadow:1px 1px 3px 1px #e1e1e1;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e1e1e1')";
    /* For IE 5.5 - 7 */}
.intro_img{width:565px;float: right;}
.intro_con{width:480px;float: left; line-height:30px;padding:0 15px;}

/*优势*/
.cont {
  position: relative;
	width: 1200px;
	margin: 0 auto;
  height:563px;
  padding: 80px 0;
}
.cont__inner {
  position: relative;
  height: 100%;
}
.cont__inner:hover .el__bg:after {
  opacity: 1;
}

.el {
  position: absolute;
  left: 0;
  top: 0;
  width:289px;
  height: 100%;
  background: #252525;
  -webkit-transition: width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s;
  transition: width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s;
  transition: transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s;
  transition: transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s;
  will-change: transform, width, opacity;
}
.el__overflow {
  overflow: hidden;
  position: relative;
  height:545px;
}
.el__inner {
  overflow: hidden;
  position: relative;
  top: -563px;
  height: 100%;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.cont.s--inactive .el__inner {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

.el__bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: -5%;
  width: 100%;
  height: 110%;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
}
.cont.s--inactive .el__bg:before {
  -webkit-transform: translate3d(0, -100%, 0) scale(1.2);
          transform: translate3d(0, -100%, 0) scale(1.2);
}
.el__bg:after {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.cont.s--el-active .el__bg:after {
  -webkit-transition: opacity 0.5s 1.4s;
  transition: opacity 0.5s 1.4s;
  opacity: 1 !important;
}
.el__preview-cont {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s 1.2s;
  transition: all 0.3s 1.2s;
}
.el__preview-cont span{font-size: 16px;text-transform: uppercase;color: #fff;}
.cont.s--inactive .el__preview-cont {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.cont.s--el-active .el__preview-cont {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.el__heading {
	position: relative;
	top: -30px;
  color: #fff;
  font-size:30px;
}
.el__content {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.el__text {
  text-transform: uppercase;
  font-size: 40px;
  color: #fff;
}
.el__close-btn {
  z-index: -1;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 60px;
  height: 60px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0s 0.45s;
  transition: all 0s 0.45s;
  cursor: pointer;
}
.el__close-btn:before, .el__close-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 8px;
  margin-top: -4px;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}

.el__close-btn:before {
  -webkit-transform: rotate(45deg) translateX(100%);
          transform: rotate(45deg) translateX(100%);
}

.el__close-btn:after {
  -webkit-transform: rotate(-45deg) translateX(100%);
          transform: rotate(-45deg) translateX(100%);
}
.el__index {
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -80px;
  width: 100%;
  height: 100%;
  min-height: 250px;
  text-align: center;
  font-size: 20vw;
  line-height: 0.85;
  font-weight: bold;
  -webkit-transition: opacity 0.3s 1.4s, -webkit-transform 0.5s;
  transition: opacity 0.3s 1.4s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s 1.4s;
  transition: transform 0.5s, opacity 0.3s 1.4s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 1vw, 0);
          transform: translate3d(0, 1vw, 0);
}
.el:hover .el__index {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.cont.s--el-active .el__index {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
  opacity: 0;
}
.el__index-back, .el__index-front {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.el__index-back {
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.25s 0.25s;
  transition: opacity 0.25s 0.25s;
}
.el:hover .el__index-back {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 1;
}
.el__index-overlay {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.5s 0.1s;
  transition: -webkit-transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
  color: transparent;
}
.el__index-overlay:before {
  content: attr(data-index);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  color: #0d4486;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.5s 0.1s;
  transition: -webkit-transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
}
.el:hover .el__index-overlay {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.el:hover .el__index-overlay:before {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.el:nth-child(1) {
	background-image: url(../images/ys_img1.jpg);
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.el:nth-child(1) .el__bg:before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;

}
.el:nth-child(2) {
	background-image: url(../images/ys_img2.jpg);
  -webkit-transform: translate3d(105.2083333333%, 0, 0);
          transform: translate3d(105.2083333333%, 0, 0);
  -webkit-transform-origin: 155.2083333333% 50%;
          transform-origin: 155.2083333333% 50%;
}


.el:nth-child(2) .el__bg:before {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;

}
.el:nth-child(3) {
	  background-image: url(../images/ys_img3.jpg);
  -webkit-transform: translate3d(210.4166666667%, 0, 0);
          transform: translate3d(210.4166666667%, 0, 0);
  -webkit-transform-origin: 260.4166666667% 50%;
          transform-origin: 260.4166666667% 50%;
}


.el:nth-child(3) .el__bg:before {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.el:nth-child(4) {
	  background-image: url(../images/ys_img4.jpg);
  -webkit-transform: translate3d(315.625%, 0, 0);
          transform: translate3d(315.625%, 0, 0);
  -webkit-transform-origin: 365.625% 50%;
          transform-origin: 365.625% 50%;
}

.el:nth-child(4) .el__bg:before {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;

}

.el:hover .el__bg:after {
  opacity: 0;
}




/*网络*/
.map-service{position:relative;height:760px;background:url(../images/wl_bg.jpg) center no-repeat;}
.map-service-right{width: 1200px;margin: 0 auto;padding-top:80px;}
.china-map{width:748px;height:618px;background:url(../images/wl_img.png) center no-repeat;position:relative;float: left;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#cb0000}
.region-list.active .area-box .pulse{border-color:#cb0000;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #ca0e0e,0 0 20px #ca0e0e inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #ca0e0e inset;box-shadow:0 0 12px #ca0e0e,0 0 20px #ca0e0e inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left:302px;top:308px}
.postition-2{left:401px;top:403px}
.postition-3{left:358px;top:516px}
.postition-4{left:543px;top:255px}
.postition-5{left:580px;top:390px}
.postition-6{left:526px;top:515px}
.postition-7{left:632px;top:420px}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:559px;top:229px}
.postition-9{left:637px;top:371px}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:554px;top:539px}
.postition-11{left:604px;top:300px}
.postition-13{left:470px;top:250px}

.wl_img{width:648px;float: left;}
.wl_right{width:410px;float: right;margin-top:70px;color: #fff;}
.wl_tit{font-size:30px;line-height: 60px;text-align: right;font-weight: bold;}
.wl_tit:after{content: '';display: block;height: 4px;width:70px;background: #cb0000;position: relative;left: 340px;}
.wl_con{font-size: 14px;line-height: 30px;margin-top: 150px;padding-bottom:60px;}
.wl_con:after{content: '';display: block;height:6px;width:70px;background: #cb0000;position: relative;bottom: -63px;}
.wl_ying{text-transform: uppercase;font-size: 16px;line-height:40px;border-top: 2px solid #fff;padding-top: 15px;}
/*网络*/


/*底部*/
.con_tit{font-size: 30px;font-weight: bold;color:#fff}
.con_tit:after{content: '';display: block;height: 6px;width: 70px;background: #cb0000;position: relative;top:15px;}
.con_all{width:550px;}
.con_div{width:195px;padding:0 20px;height:40px;line-height;40px;background:rgba(51,51,51,0.5);float:left;overflow: hidden;zoom:1;color: #fff;margin:15px 30px 0 0;}
.con_div p{line-height: 36px;font-size: 14px;}
.con_bottom{background: #333;}
.con_img{position: absolute;top: -25px;z-index: 999;display: inline-block;left:0;right: 0;margin: auto; animation: myfirst 1s infinite;}
.con_foot{width: 100%;}
.con_bg{background:url(../images/con_bg.jpg) no-repeat center top;height: 363px;padding-top:60px;}
.con_dh{width:930px;float:left;color: #fff;padding-top: 20px}
.con_dh ul{border-bottom: 1px solid #626262;line-height: 40px;height: 40px;}
.con_dh .menulevel{ display:none}
.con_dh li{padding:0 45px;float:left;line-height:40px;}
.con_dh li a{ color:#fff;font-size:16px;}
.con_dh li:last-child{background: none;padding-right: 0;border: none;}


.con_h{ font-size:36px;font-weight: bold; color:#41aa52;text-align:left}
.con_h p{ font-size: 24px;color: #ececec;font-weight: normal; }
.con_h span{font-size: 20px;}
.index_contact{background: url(../images/con_bg.png) no-repeat center top;height:570px;}
.index_contact img{ position:relative; top:6px; margin-right:3px}
.ma{ width:140px; float:right;overflow: hidden;zoom: 1;position: relative;top: -55px;}
.ma p{color: #fff;font-size: 14px;text-align: center;}

.foot_left{ width:350px; float:left}
.foot_right{ width:777px; float:right; padding-top:50px}


.c_cont {
padding: 70px 0px 0px 50px;
background: url(../images/c_cont.jpg) no-repeat right top;
padding-bottom: 100px;
}

#product_c a{
    display: block;
    float: left;
    height: 140px;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: center;
    width: 150px;
}
#product_c{
width:668px;
}

/*分类*/
.index_title,.index_title1{text-align:center;}
.index_title span{color:#0d4486;}
.index_title p{ font-size:30px;color: #333;line-height:45px;font-weight: bold;}
.index_title p:after{content: '';display:block;height: 4px;width: 60px;background: #0d4486;margin: 0 auto;}
.index_title1 p{ font-size:30px;color: #fff;line-height:45px;font-weight: bold;}
.index_title1 p:after{content: '';display:block;height: 4px;width: 60px;background: #cb0000;margin: 0 auto;}

#sort_div{ width:240px;text-align: center;float: left;margin-top: 50px;}
.lei_h{ background:url(../images/lei_bg.jpg) no-repeat center top; color:#fff; height:110px; font-size:18px; text-align:center;}
.lei_h span{  font-size:23px; font-weight:bold;display:block; padding-top:29px; margin-bottom:5px}
.lei_h p{  text-transform:uppercase; font-size:14px; }
.sort_div {width:1200px;margin:0 auto;}
.sort_div ul{overflow: hidden;}
.sort_div ul li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; height:40px; line-height:40px; width:240px; background:#1653b9;margin-bottom: 25px;}

.sort_div ul li a{height:43px;font-size:15px;color:#fff;line-height:43px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-align:left;width: 210px;padding-left: 30px;}
.sort_div ul li:hover{background: #c20c0c;}

.sort_div ul li:hover span{font-weight: bold;}
.sort_div ul li ul li{ height:30px;line-height:30px;background:url(../images/clibg1.jpg) no-repeat 20px center; margin-bottom:0px;}
.sort_div ul li ul li a{ color:#333;}
.sort_div ul li ul li a:hover{ color:#0668cb}

.lei_bt{ padding-left:20px}
.lei_bt p{ padding-top:20px; font-size:14px; margin-bottom:8px}
.lei_bt span{ color:#01954b}
.p_more:visited,.p_more:active{color:#fff}
.p_more{height:22px; line-height:22px; display:block;color:#fff; width:70px; float:right; background-color:#0e70d3; font-size:12px; margin-top:12px; text-align:center;}

.index_tu{ background:url(../images/tu_bg.jpg) no-repeat center top; height:283px; color:#fff; font-size:16px;}
.index_tu p{ padding-top:155px; font-weight:bold; font-size:30px; margin-bottom:20px;}

/*产品图片*/
.gallery {
margin-top:200px;
  display: flex;
  align-items: center;
  justify-content: center;

  height: 200px;
  -webkit-perspective: 800px;
          perspective: 800px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.frame {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
  border-radius: 4px;
  position: relative;
  height: 100%;
  width: 200px;
  background: white;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  cursor: pointer;
  overflow: hidden;
  background: radial-gradient(#cfaf7f, #6a4a0f);
}
.frame .image {
  display: block;
  position: relative;
  height: auto;
  width:100%;
  pointer-events: none;
}
.frame .info {
  color: white;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  font-family: "Source Sans Pro", serif;
  font-size: 1.2em;
}
/*产品图片*/


.index-right{float:left;padding:0px 15px 0px 5px;width:240px;overflow:hidden}
.index-search{padding-bottom:5px}
.index-search h2{background-position:0px -136px}
.index-search p{padding:5px 0px 5px 10px}
#searchid{line-height:20px;padding:2px}
#searchtext{border:#E6E6E6 1px solid;background:url(../images/searchinp.gif) repeat-x;height:20px;line-height:20px;padding:2px;width:200px}
#searchbutton{border:none;background:url(../images/searchbut.gif);cursor:pointer;height:21px;width:64px}
.index-jobs h2{background-position:0px -170px}
.index-jobs{padding-bottom:5px}
.index-jobs ul li{padding:4px 0px}

/*********** page ***********/
#page_main{ width:1200px; margin:0 auto; padding-bottom:30px}
#page_main2{width:1200px; margin:0 auto;padding-bottom:30px }
/* page-left */
.page-left{ width:240px; float:left; padding-bottom:25px; margin-top:16px;}
.left-contact{ padding-top:5px; background-color:#ececec;}
.left-contact h2{background-position:0px -204px}
.left-contact p{line-height:35px;padding:15px 5px 15px 20px}
.left-contact p span{font-weight:bold}
/* page-right */
.page-right{float:right;padding:15px 0px 20px 0px;width:885px;overflow:hidden}
.page-right2{ width:1200px; margin:0 auto}
.site-nav{border-bottom:1px solid #CCC;height:30px;margin-bottom:20px;line-height:30px;text-align:left; }
.site-nav span{color:#ff7e00;font-weight:bold}
.site-nav2{ width:1200px; margin:20px auto; border-bottom:#ccc 1px dashed; height:60px; line-height:60px;}
.site-nav2 span{ color:#4a1d00; font-weight:bold}
.site_left{ width:500px; float:left;}
.site_right{ width:215px; float:right; font-size:20px; color:#166ac9}
.site_right span{ font-size:18px; color:#0e70d3; font-weight:normal}


.page-single,.page-products,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail{margin-bottom:10px}
.productsdetail-title,.newsdetail-title,.jobsdetail-title{font-size:14px;font-weight:bold;line-height:30px;text-align:center;border-bottom:1px dashed #CCC;margin-bottom:10px}
.page-news{ line-height:32px; font-size:13px;}
.page-news table{width:98%;}
.page-news table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-news table th.news-time{width:100px;background:url(../images/info_title.gif) left top}
.page-news table th.news-title{background:url(../images/info_title.gif) right top}
.page-news table td{border-bottom:1px solid #666;padding:2px}
.page-news table td.time-list{color:#666;text-align:center}
.page-jobs table{width:98%;}
.page-jobs table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-jobs table th.jobs-time{width:100px;background:url(../images/info_title.gif) left top}
.page-jobs table th.jobs-title{background:url(../images/info_title.gif) right top}
.page-jobs table td{border-bottom:1px dashed #D7D7D7;padding:8px}
.page-jobs table td.time-list{color:#666;text-align:center}
.page-guestbook{width:600px;margin:0px auto}
.page-guestbook dl dt,.page-guestbook dl dd{float:left;padding:2px; margin-top:10px}
.page-guestbook dl dt{width:80px;text-align:right; line-height:44px;}
.page-guestbook dl dd{width:500px}
.page-guestbook dl dd input{border:#CCC 1px solid;padding:2px;height:44px;line-height:44px;width:450px;}
.page-guestbook dl dd span{color:#F00;margin-left:10px}
.page-guestbook .Content{width:480px;height:120px;border:#CCC 1px solid}
#checkcode{width:60px;text-align:center}
.page-guestbook p{text-align:center;clear:both;margin-bottom:10px}

#friendlink{ color:#333; }
#friendlink a{ color:#333}
#friendlink a:visited,#friendlink a:active{color:#333}
#copyright{font-size:14px;line-height:28px; padding:20px 0px;}
.fenzhan{ padding-top:1px;color:#fff}
.fenzhan a{ color:#fff}
.fenzhan a:visited,.fenzhan a:active{color:#fff}
.foot{color:#fff;  text-align:center}
.foot a{ color:#fff}
.foot a:visited,.foot a:active{color:#fff}



/*新闻列表页*/
ul,li{ list-style:none;}
a,a:visited,a:active{color:#333333;text-decoration:none}
a:hover{color:#c20c0c;text-decoration:none}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

ul.newsList li {width: 530px;float: left;margin-right: 50px;
    border: 1px solid #f8f8f8; padding:5px;
	margin-bottom:25px;
	/*background:url(../images/icon.gif) no-repeat 7px 20px;*/
	padding-left:25px; background-color:#fff; border-left:#c20c0c 5px solid;box-shadow:0 5px 10px 0 rgba(0,0,0,.02)
}
ul.newsList li:nth-child(even){margin-right: 0;}
/*ul.newsList li:hover{box-shadow:0 5px 15px 0 rgba(0,0,0,.1)}*/
.page-news {
    width: 100%; font-size:15px; line-height:38px;
}

/*新闻详情页*/
#shownews h1.title {
    font-size: 18px;
    text-align: center;
	height:30px;
	line-height:30px;
}

.hits {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
	height:30px;
	line-height:30px;
}
.page {
    line-height:24px;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
}

#shownews .text{
	margin:10px 0;
	line-height:25px;
}
.related { background-color:#f8f8f8
}
#shownews .related {
	font-weight:bold;
	height:32px;
	line-height:32px;
	font-size:13px; margin-top:15px;
}
#shownews .related-list li {
	border-bottom:1px dashed #dddddd;
	background:url(../images/icon1.gif) no-repeat left center;
	padding-left:10px;
    float: left;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    width: 300px; margin-right:30px;
}
#shownews .related-list li a,#shownews .related-list li a:active,#shownews .related-list li a:visited{
	color:#808080;
}
#shownews .related-list li a:hover{
	color:#ff0000;
}

/*产品列表页*/
#ShowImages{ margin-top:20px;}
#ShowImages li{
	display: inline;
    float: left;
    margin: 6px 12px;
    text-align: center;margin-bottom:16px;
}
#ShowImages li:hover{box-shadow:0 5px 15px 0 rgba(0,0,0,.1)}
#ShowImages .images_img a {
    border: 8px solid #f2f2f2;
	display:block;
    height: 180px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 245px;
}
#ShowImages .images_img a:hover{
	
	
}
#ShowImages .images_img img {
    max-height: 180px;
}
#ShowImages .images_title a{
	height:38px;
	line-height:38px; background-color:#f2f2f2; display:block; 
}
/*图片列表页*/
#ShowImages .images_img1 a {
    border: 1px solid #dddddd;
	display:block;
    height: 260px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 245px;
}
#ShowImages .images_img1 a:hover{
	background:#fff4ce;
	border:1px solid #ff6600;
}
#ShowImages .images_img1 img {
    max-height: 260px;
}


/*下载列表页*/
.downloadtimes{
	width:80px;
	text-align:center;
}
/*下载详细页*/
.download{ margin-bottom:10px;}
.download li{

	line-height:30px;
	border-bottom:1px dotted #dddddd;
}

.downloadRight{ width:85%;}

/*招聘列表页*/
.jobList li{
	float:left;
	line-height:28px;
	border-bottom:1px dotted #dddddd;
	text-align:center;
}
.jobtime{ width:15%;}
.jobPosition{ width:40%;}

/*招聘详情页*/
.showjobList li{
	line-height:28px;
	border-bottom:1px dotted #dddddd;
}
.jobDescription{
	background:#dddddd;
	height:30px;
	line-height:30px;
	margin:10px 0;
	text-indent:10px;
}
/*招聘应聘页面*/
.submit{ background-color:#c20c0c;
	width:242px;
	height:50px;
	color:#ffffff;
	line-height:50px;
	border:none;
	cursor:pointer; display:block;
	font-size:14px; text-align:center; float:left;  margin-top:30px; margin-left:90px;
}
.reset{ background-color:#f2f2f2;
	width:242px;
	line-height:50px; margin-top:20px; margin-bottom:50px;}


/* 内页相关产品的 */
.related_cp p{ line-height:30px;text-indent:2em;}
.related_cp td{ line-height:30px; }
.related_cp ul{width:100%; height:auto; padding-top:5px; overflow:hidden;}
.related_cp ul li{ text-align:center; width:132px;  float:left; overflow:hidden;}
.related_cp ul li p{ line-height:30px; height:30px; text-align:center; text-indent:0em;  }
.related_cp ul li p a{ line-height:30px; height:30px; text-align:center;}
.related_cpul li p a:hover {color:#FF0000;}
.related_cp ul li img{border:1px solid #CCCCCC; width:100px; height:88px; padding:5px;}
.related_cp ul li a:hover img{ border:1px solid #ff0000;}




/* 产品展示页询盘页面 */
.chanpin_xp{width:600px;margin:0px auto}
.chanpin_xp dl dt,.chanpin_xp dl dd{float:left;padding:5px}
.chanpin_xp dl dt{width:80px;text-align:right}
.chanpin_xp dl dd{width:500px; margin-left:80px; margin-top:-30px;}
.chanpin_xp dl dd input{border:#CCC 1px solid;padding:2px;background:url(../images/inputbg.gif) repeat-x;height:19px;line-height:19px;width:180px}
.chanpin_xp dl dd span{color:#F00;margin-left:10px}
.chanpin_xp .Content{width:480px;height:120px;border:#CCC 1px solid}
#checkcode{width:60px;text-align:center}
.chanpin_xp p{text-align:center;clear:both;margin-bottom:10px}

/* 产品页搜索框 */
.head-search{ margin: 0 auto; margin-top: 15px;overflow: hidden; background: #f4f4f4; padding:5px;}
.f_l{ float:left;}
.f_r{ float:right;}
.ss{ padding-top:10px; margin-top:-7px; font-size:13px; font-weight:bold; padding-left:18px;}
.head-search .txt-keyword{ border: solid 1px #DCD3CF;border-right: none;width:200px; height:20px;float: left;color: #A89893;font-size: 12px;}
.head-search .btn-search{width: 60px;height: 20px;border: none;overflow: hidden;}
.ssk{ width:580px;}

/* 产品展示 列表样式 */
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}
.lbtu{ width:695px; height:auto;}
.lbtup {height: auto;padding-top: 20px;overflow: hidden;}
.lbtup li { list-style-type:none; padding-bottom:10px;}
.lbtu_left{ width:110px; margin-top: 15px;}
.lbtu_left img { border: 1px solid #CCCCCC;width: 100px;height: 88px;padding: 5px;}
.lbtu_left a:hover img{ border:1px solid #ff0000;}
.lbtu_right{ width:505px; margin-top:25px;}
.lbtu_right li { float:left;   }
.bt{ line-height:17px; height:17px; font-size:12px; font-weight:bold;}
.bt a { text-decoration:none; color:#000000;}
.lbt a:hover{ color:#FF0000;}
.wenzi{ font-size:12px; line-height:22px; width:180px;}
.wenzi span a { color:#FF0000; text-decoration:none;}
.right_tb ul li { float:left; padding-left:10px;}



.page-products .images_img  img {
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
}
.page-products .images_img  a img:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.ny_xinwen{background:url(../images/xinwen.jpg) no-repeat center top; height:550px;}
.ny_liuyan{background:url(../images/liuyan.jpg) no-repeat center top;height:540px;}
.ny_jianjie{background:url(../images/jianjie.jpg) no-repeat center center; height:600px;}
.ny_chanpin{background:url(../images/chanpin.jpg) no-repeat center center; height:600px; }
.ny_tupian{background:url(../images/jianjie.jpg) no-repeat center top;height:600px }
.ny_lianxi{background:url(../images/lxwm.jpg) no-repeat center top;height:400px}

.banners img{ width:100%}
#proinfo_c{ line-height:35px;}

/*.index-products  img {
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
}
.index-products a img:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
*/


/* 内页联系 */
.lx-bt{ text-align:center; margin-top:44px;}
.bt-dzi{ font-size:25px; color:#333; font-weight:bold;}
.bt-xzi{ font-size:16px; color:#333; margin-top:18px; margin-bottom:18px; line-height:26px;}

.lx-lx{ width:287px; float:left; margin-bottom:35px; margin-top:33px; text-align:center;}
.lx-mz{ font-size:13px; color:#797979; margin-top:15px;text-align:center}
.lx-zi{ font-size:15px; color:#333;text-align:center}


.nylx_left{     border: 1px dotted #ccc;
    margin-bottom: 20px;
    padding: 30px;}
.nylx_left p{color:#333; font-size:16px; line-height:38px;}


/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:0px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#29a4f2;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 24px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:10px 14px 0px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 5px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:129px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:0;z-index:999;}
#rightArrow a{display:block;height:45px;}


.ptitle{ text-align:center; border-bottom:#ececec 1px solid; padding-bottom:10px}


@charset "utf-8";
/*-----------------初始化---------------------*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top: 60%;right:-147px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:200px;height:53px;font:14px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#c20c0c url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#c20c0c url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{background:#c20c0c url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_email{background:#c20c0c url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_bar .yb_ercode{background:#c20c0c url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}