.container1400{width:1400px; margin:30px auto 0px;}
/*=========================================
				header
===========================================*/
.logo{position:absolute; z-index: 100;width: 100%; display: none;}
.logo a{display: block; width: 200px; height: 180px; position: relative; z-index: 200;}
.logo img{ box-shadow:5px 5px 15px #999}
.banner-index{position: relative; z-index: 10}

header{padding: 0px; margin:0px; width:100%; height: 100px; position: absolute; z-index: 111}
.header{height: 100px;}
.header .headerlogo{float:left; position: relative; z-index: 200px;}
.header .headerlogo img{box-shadow:5px 5px 15px #999}

.header .top {height:20px; line-height: 20px; padding-top: 8px; text-align: right; font-size: 13px;}
.header .top .lang{    width: 56px;
    height: 16px;
    border: 1px solid #994242;
    display: block;
    float: right;
    text-align: center;
    border-radius: 9px;
    line-height: 18px;
    padding-left: 14px;
    background: url(../images/lang.png) no-repeat 8px 2.5px;
    background-size: 12px 12px;
  }
.header .top .tel{float:right; margin-right: 25px;}
.header .top .en{float:right;  position: relative; z-index: 100;}
.hide{display: none;}
.header .top .drop-down:hover{background-color:#FFF; color:#000;}
.header .top .drop-down:hover a{ color:#994242; display:block; height: 20px;}
.header .top .drop-down:hover .drop-down-menu{background: url(../images/select_language_overlay3_bg.png) no-repeat scroll 0 bottom transparent;   background-color: rgba(241, 241, 241, 0.9);  display:block; width:100px; padding:0px 0px 0px 0px; margin:0px; border:0px;top:20px; height:64px; right:0px; z-index:2222; position:absolute;}
.header .top .drop-down:hover .drop-down-menu a{line-height: 32px; height: 32px; width:100px; padding-right: 0px; text-align: center;}
.header .top .drop-down:hover .drop-down-menu a:hover{background: #4a7081; color:#fff;}

/*.header .top .drop-down:hover .drop-down-menu a.enguoqi{background: url(../images/en.png) no-repeat scroll 2px 5px transparent;}
.header .top .drop-down:hover .drop-down-menu a.cnguoqi{background: url(../images/cn.png) no-repeat scroll 2px 5px transparent;}
.header .top .drop-down:hover .drop-down-menu a:hover{background: #4a7081; color:#fff;}
.header .top .drop-down:hover .drop-down-menu a.enguoqi:hover{background: #4a7081 url(../images/en.png) no-repeat 2px 5px;}
.header .top .drop-down:hover .drop-down-menu a.cnguoqi:hover{background: #4a7081 url(../images/cn.png) no-repeat 2px 5px;}*/
.header .logo{float:left; width:120px; margin-top: 5px; position: relative; display: none;}

.header .nav{width:750px; float:right; height:66px;}
.header .nav>ul>li{width:125px; float:left; text-align: center; height:42px; margin-top:12px;}
.header .nav>ul>li>a{color:#4a7081; display:block; width:125px; height: 42px; position: relative;  background-color: transparent; }
.header .nav>ul>li>a span{display:block; line-height: 42px;}
.header .nav>ul>li>a:before{left: 50%;}
.header .nav>ul>li>a:after{right: 50%;}
.header .nav>ul>li>a:before, .header .nav>ul>li>a:after{content: ''; width:0; height: 100%; opacity: 0; position: absolute; top: 0; z-index: -1;-webkit-transition: all 0.7s; transition: all 0.7s;}
.header .nav>ul>li>a:before, .header .nav>ul>li>a:after{ background-color: #994242;}
.header .nav>ul>li:hover>a:before, .header .nav>ul>li:hover>a:after{width: 50%;opacity: 1;}
.header .nav>ul>li:hover>a {color:#fff;}

.headfix{position: fixed; z-index: 112; 
background-color:#fff; background-color:rgba(255,255,255,0.91); 
 height: 60px; border-bottom: 2px solid #486e81;}
.headfix .top{display: none;}
.headfix .topmnenu{display: none;}
.headfix .header {height: 60px;}
.headfix .header .logo{margin-top: 10px; height: 40px; display: block;}
.headfix .header .logo img{height: 40px; box-shadow:0px 0px 0px #000}
.headfix .headerlogo{display: none;}


.drop>li {
  display: none;
  opacity: 0;
  transform-origin: top center;
  width:150px;
  position: relative;
  z-index: 100;
}

.drop>li a {
  display: block;
  background-color: rgba(241, 241, 241, 0.7);
  padding: 10px 0;
}
.drop>li a:before{content: '';position: absolute;top: 0;left: 0;width: 3px;height: 100%;background-color: #994242; -webkit-transition: all 0.3s; transition: all 01s;}
.drop>li a:after{content:''; position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #4a7081;opacity: 0.2; -webkit-transition: all 0.3s; transition: all 1s;}

.drop>li:hover a{color:#994242; opacity: 1}
.drop>li:hover a:after{
	width: 100%; transition: all 1s;
}
.drop5>li {width:310px;}


.main li:hover .drop>li{display: block;}
/*------------- menu1 animation -------------------*/
.main li:hover .menu1 li:first-of-type {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu1 li:nth-of-type(2) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu1 li:nth-of-type(3) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}
.main li:hover .menu1 li:nth-of-type(4) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu1 li:last-of-type {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

@keyframes menu1 {
  from {
    opacity: 0;
    transform: translateX(30px) rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotateY(0);
  }
}

/*------------- menu2 animation -------------------*/

.main li:hover .menu2 li:first-of-type {
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu2 li:nth-of-type(2) {
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu2 li:nth-of-type(3) {
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu2 li:last-of-type {
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

@keyframes menu2 {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/*------------- menu3 animation -------------------*/

.main li:hover .menu3 li:first-of-type {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu3 li:nth-of-type(2) {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu3 li:nth-of-type(3) {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu3 li:last-of-type {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

@keyframes menu3 {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*------------- menu4 animation -------------------*/

.main li:hover .menu4 li:first-of-type {
  animation: menu4 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu4 li:nth-of-type(2) {
  animation: menu4 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu4 li:nth-of-type(3) {
  animation: menu4 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}
.main li:hover .menu4 li:nth-of-type(4) {
  animation: menu4 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu4 li:last-of-type {
  animation: menu4 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

@keyframes menu4 {
  0% {
    opacity: 0;
    transform: translateX(50px) rotate(-90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(0);
  }
}

/*------------- menu5 animation -------------------*/

.main li:hover .menu5 li:first-of-type {
  animation: menu5 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu5 li:nth-of-type(2) {
  animation: menu5 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu5 li:nth-of-type(3) {
  animation: menu5 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}
.main li:hover .menu5 li:nth-of-type(4) {
  animation: menu5 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}
.main li:hover .menu5 li:nth-of-type(5) {
  animation: menu5 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu5 li:last-of-type {
  animation: menu5 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

@keyframes menu5 {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0);
  }
}

#banner-index{padding-top: 100px;}


input {
        outline:none;
        background:transparent;
        border:none;
        outline:medium;
    }
    *:focus { 
        outline: none;
        background-color: transparent;
    }
    ::selection{background:transparent; }

/* WebKit browsers */
input::-webkit-input-placeholder {
    color: #994242;
    font-size: 14px;
}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder {
    color: #994242;
    opacity: 1;
    font-size: 14px;
}
/* Mozilla Firefox 19+ */
input::-moz-placeholder {
    color: #994242;
    opacity: 1;
    font-size: 14px;
}
/* Internet Explorer 10+ */
input:-ms-input-placeholder {
    color: #994242;
    font-size: 14px;
}


.header .search{width:180px; float:right;  height:66px; background: #fff;}
.item-input{float:left; width:120px; height: 38px; margin-top:20px; margin-left: 20px;}
.item-input .iteminput{width:120px; height: 18px; border:1px solid #994242;  border-bottom: 1px solid #994242; color:#994242; padding: 5px; border-top-left-radius:12px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:12px;}

.item-input .iteminput:focus{border-bottom: #994242 solid 1px;}
/* .line{width:100px; -webkit-transition: all 0.7s; transition: all 0.7s;}*/

.search-btn{float:right; height: 30px; margin-top:20px; background: #994242; border-top-right-radius:12px;
border-bottom-right-radius:12px;}
.search-btn img{display: block; margin-top: 0px;}


.headfix .search{background-color:#fff; background-color:rgba(255,255,255,0.4);  height: 60px;}


.swiper-container img{display:block; max-width: 100%;}


.tit{text-align: center; color:#486f80;}
.tit h2{font-size: 24px; font-weight: normal; margin-bottom: 5px; color:#486f80; margin-top: 20px;}
.tit h3{font-size: 16px; font-weight: normal; margin-bottom: 20px; color:#486e81;}

/*========================
index-about
======================*/
.index-about{border-top: 5px solid #466f80; background: url(../images/b.jpg) center no-repeat; padding-bottom: 30px;}
.index-about-box{float:left; width:900px; border-right: 0px solid #114f69; height: 380px;}
.index-about-box img{display: block; float:left; width:271px;  margin-left: 63px; }
.index-about-box .about-con{width:460px; float:left; margin-left:40px;}
.index-about-box .about-con h2{font-size:16px; color:#466f80; font-weight:normal; font-weight: 600}
.index-about-box .about-con .info{line-height: 28px; font-size: 14px; height: 252px; margin-top: 30px;}
.index-about-box .about-con .info p{padding:0px;margin:0px; text-indent: 0em; overflow: hidden;}
.index-about-box .about-con .more{position: relative;display: block; width:120px; height: 26px; float:right; background: #466f80; color:#fff; text-align:center; line-height: 26px; border-radius:8px; font-size: 14px; margin-top:48px;}
.index-about-box .about-con .more i{	background: #994242;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;}
.index-about-box .about-con .more:hover i{width:90px; height: 26px; border-radius: 8px; background: #df1e1a;
	animation:mymove 1s;
display: block;}

.index-about-box .about-con .more span{position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    text-align: center;} 





.joblist {margin-top: 20px;}
.joblist table tr td{line-height: 48px; padding-left: 10px;}
.joblist table tr td p{line-height: 32px; padding-left: 10px;}

.index-news-box{width:500px; float:right; height:380px;}
.index-news-box .newstit{font-size: 18px; color: #466f80; font-weight: 600; margin-bottom:10px;}
.index-news-box ul li{width:474px;
line-height: 42px; 
height: 42px; 
overflow: 
hidden; 
border-bottom: 1px dotted #666;}
.index-news-box ul li i{width:8px; height: 9px; float:left; margin: 18px 10px 10px 10px; background: url(../images/icon-news.png) no-repeat;display: block; background-position:0px 0px; overflow: hidden; display: inline-block;vertical-align: middle;}
.index-news-box ul li:nth-child(2) i{background-position: -0px -9px;}
.index-news-box ul li:nth-child(3) i{background-position: -0px -17px;}
.index-news-box ul li:nth-child(4) i{background-position: -0px -25px;}
.index-news-box ul li:nth-child(5) i{background-position: -0px -33px;}
.index-news-box ul li:nth-child(6) i{background-position: -0px -41px;}
.index-news-box ul li:nth-child(7) i{background-position: -0px -49px;}

.index-news-box ul li a{font-size: 14px; width:440px; float:left;}
.index-news-box ul li:hover{background:#f1f1f1;}
.index-news-box ul li:hover a{font-size: 16px; color:#466f80; font-weight: 600;}
.index-news-box .more{position: relative;overflow: hidden; display: block; width:120px; height: 26px; float:right; background: #466f80; color:#fff; text-align:center; line-height: 26px; border-radius:8px; font-size: 14px; margin-top:18px;}
.index-news-box .more i{	background: #994242;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;}
.index-news-box .more:hover i{width:90px; height: 26px; border-radius: 8px; background: #df1e1a;
	animation:mymove 1s;
display: block;}

 .index-news-box .more span{position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    text-align: center;} 

@keyframes mymove {
	0%{width:0px;}
	25% {width: 25%;}
	50% {width: 50%;}
	75%  {width: 75%;}
	100% {width: 100%;}
}


@media screen and (max-width: 1400px) {
  .container1400 {
    width: 1200px;
  }
  .index-about-box{
    width:750px;
  }
  .index-about-box .about-con{width:390px; margin-left: 10px;}
  .index-about-box .about-con .info{overflow: hidden;}
   .index-news-box{width:450px;}
   .index-about-box img{margin-left: 33px;}
   .index-about-box .about-con .more{
    margin-top:32px;
   }
}

.index-pro-box{border-top: 0px solid #114f69; margin-top: 0px; background: #f1f1f1; padding-top: 10px;}
.index-pro{width:15%; border:0px solid #2c444e; float:left; margin-right:2%; margin-bottom: 30px; position:relative; overflow: hidden;}
.index-pro:nth-child(4n+2){margin-right:2%;}
/*.index-pro:nth-child(4n+4){margin-right:0px;}*/
.index-pro:last-child{margin-right:0px;}
.index-pro .proimg{width:100%; height: 100%; margin:0px auto; overflow: hidden;}
.index-pro .proimg img{width:100%; height: 100%; margin-top: -1px; margin-left: -1px}
.index-pro .proinfo{text-align: center; position: absolute; width:100%; bottom:40px;}
.index-pro .proinfo h3{font-weight:normal; font-size: 16px; color:#486e81; height: 36px; line-height: 36px;}
.index-pro .cname{background: #fff; height: 32px; line-height: 32px; margin-top: 8px; padding-left:10px;}
.index-pro:hover .cname{background: rgba(67, 108, 126, .72); color:#fff;}
.index-pro:hover .proinfo {
	top:0px;
	background: rgba(67, 108, 126, .72);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
	display: flex;
    justify-content: center;
    align-items: center;
}
.index-pro:hover .proinfo h3{ 
	top:111px;
	color:#fff;
	width:auto;
	display: initial;
	background: #2c444e;
	border-radius: 18px; padding:0px 24px;
	height: 36px; line-height: 36px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}



.index-nav .aboutnav{width:100%; margin: 60px 0px;  text-align: center;}
.index-nav .aboutnav ul li{width:203px; float:left; height: 262px; margin-right: 30px; box-shadow: 6px 4px 5px #e3e3e3;}
.index-nav .aboutnav ul li:last-child{margin-right: 0px;}
.index-nav .aboutnav ul li:nth-child(1){background:url(../images/about1.jpg) no-repeat;}
.index-nav .aboutnav ul li:nth-child(2){background:url(../images/about2.jpg) no-repeat;}
.index-nav .aboutnav ul li:nth-child(3){background:url(../images/about3.jpg) no-repeat;}
.index-nav .aboutnav ul li:nth-child(4){background:url(../images/about4.jpg) no-repeat;}
.index-nav .aboutnav ul li:nth-child(5){background:url(../images/about5.jpg) no-repeat;}

.aboutnav-box{height: 130px; width:130px; background: #fff; border-radius: 65px; margin: 40px auto 30px;}


.index-nav .aboutnav ul li:hover span{}
.index-nav .aboutnav ul li:hover .aboutnav-box img{
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transform: rotateY(360deg);
  transition: all 1s ease-out 0s;
}
.aboutnav-box .aboutnav-box-img{width:100px; height: 100px; border-radius: 50px; background-color: #eeeee9; margin-left: 15px;     position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;}
.aboutnav-box  .aboutnav-box-img img{display:inline-block; max-width:100px; max-height: 100px; border-radius: 50px;}
.index-nav .aboutnav ul li span{color:#fff; display: block; overflow: hidden;}
.index-nav .aboutnav ul li i{font-weight: normal; font-style:normal;color:#fff; display: block;  overflow: hidden; height: 24px;}






/*=========================================
				footer
===========================================*/
footer{width:100%; margin-top: 120px; background: #2e3c45}
.share{position: relative; top:-60px; background: url(../images/footfx.jpg) no-repeat; width: 100%; height: 120px;}
.share span{display: block; float:left; width:152px; margin:0px 0px 0px 110px; height: 120px; line-height: 120px; font-size: 24px; font-weight: 500; color:#2e3c45;}
.share .bdsharebuttonbox{width:800px; float: left; margin-top: 32px;}
.footer{color:#fff; position: relative; top:-10px; }
.footer a{color:#fff;}
.footer a:hover{color:#df1e1a;}
.footer dl{float:left; width:190px; padding-left: 30px;}
.footer dl:nth-child(1){width:100px;}
.footer dl:nth-child(2){width:180px;}
.footer dl:nth-child(3){width:190px;}
.footer dl:nth-child(4){width:160px;}
.footer dl:nth-child(5){width:100px;}
.footer dl:nth-child(6){width:160px; padding-left: 30px;}
.footer dl dt{font-size: 18px; margin-bottom: 10px}
.footer dl dd{font-size: 14px; line-height: 28px;}
.copyright{border-top:1px solid #fff; height: 60px; line-height: 60px; font-size: 14px; color:#fff; text-align: center; margin-top:25px;}



/*=========================================
        main
===========================================*/
.mainbanner{width:100%; padding-top: 100px;}
.mainbanner img{max-width: 100%;}

/*news*/
.newstitle{height:120px; line-height: 120px; text-align: center; background-color:#F9FAFB;}
.newstitle .item{width:200px; margin:0 auto;}
.newstitle .item a{font-size:14px; color:#000E35; display: inline-block; margin:0 10px; cursor:pointer; width: 80px; float: left;}
.newstitle .item a.selected,.newstitle .item a:hover{color:#994242;}
.news_list{margin: 20px 0px; width:800px; float:right;}
#news li {clear: both;margin-bottom: 40px;height: 160px;}
#news li a {display: block; width: 100%;height: 100%;}
#news li a p.img {width: 220px;height: 160px; float: left; overflow: hidden;position: relative;border-radius: 0 10px 0 10px; background: url(images/news_img_bg.png) no-repeat center center;  display:flex;justify-content:center;align-items:center; border:1px solid #ccc;}
#news li a p.img .img {
  max-width: 220px;
  max-height: 160px;
  position: relative;
  z-index: 1;
  border-radius: 0 10px 0 10px;
}
#news li a p.img .bg {
  position: absolute;
  right: -220px;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0,0,0,0.4);
  z-index: 2;
  border-radius: 0 0 0 10px;
  transition: all ease 0.35s;
}
#news li a p.img .zoom {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  z-index: 3;
  transition: all 0.5s;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#news li a .con {
  width: 560px;
  height: 159px;
  float: right;
  border-bottom: 1px solid #E6E6E6;
  position: relative;
}
#news li a .ntit {
  display: block;
  font-size: 16px;
  color: #333;
  padding: 10px 0 0px 0;
  transition: all 0.35s;
  height: 24px; 
  overflow: hidden;
}
#news li a .txt {
  display: block;
  font-size: 13px;
  line-height: 180%;
  color: #999;
  height: 44px;
  overflow: hidden;
}
#news li a .click {
  font-size: 12px;
  display: block;
  padding-bottom: 20px;
  margin-top: 20px;
  color: #BBB;
}
#news li a .click img {
  margin: -2px 0 0 8px;
}
#news li a:hover .ntit, #news li a:active .ntit {
  color: #994242;
}
#news li a:hover p.img .bg, #news li a:active p.img .bg {
  right: 0;
}
#news li a:hover p.img .zoom, #news li a:active p.img .zoom {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
}

.breadcrumb{
    padding-top:28px;
    line-height:18px;
}
.breadcrumb img{
    width:16px;
    height:16px;
    display: inline-block;
    vertical-align: middle;
    margin-right:8px;
}
.breadcrumb span{
    display: inline-block;
    font-size:13px;
    color:#333333;
    vertical-align: middle;
}
.breadcrumb a{
    color:#333;
}

/* 详情页 */
.news_detail{
    width:800px;
    margin-top:28px;
    margin:auto;
    float:right;
}
.news_detail .title{
    margin-top:30px;
    font-size:20px;
    color:#4a7081;
    line-height:28px;
    text-align: center;
}
.news_detail .tag{
    font-size:12px;
    color:#999;
    margin-top:6px;
    text-align: center;
}
.news_detail .stat{
    border-top: 2px solid #4a7081;
    margin-top:13px;
    line-height:23px;
    text-align: center;
    margin-top:9px;
}
.news_detail .stat img{
    width:12px;
    height:12px;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}
.news_detail .stat .read{
    width:16px;
    height:16px;
}
.news_detail .stat span{
    display: inline-block;
    font-size:12px;
    color:#333;
    margin-right:40px;
    vertical-align: middle;
}
.news_detail .stat .read_text{
    margin-right:0;
}
.news_detail .content{
    margin-top:15px;
    font-size:13px;
    color:#333;
    line-height:25px;
    width: 100%;
  /*   background-color: ghostwhite; */
    padding:0px;
}
.news_detail .content img{
    max-width:1000px;
    margin:auto;
}
.news_detail .content *{
    white-space:normal!important;
}
.news_detail .nshare{
    margin-top:45px;
    text-align: center;
}
.news_detail .nshare .ntitle .ntext{
    font-size:13px;
    line-height:25px;
    margin:0 22px;
    display: inline-block;
    vertical-align: middle;    
}
.news_detail .nshare .ntitle .nline{
    height:1px;
    display: inline-block;
    width:92px;
    vertical-align: middle;
    background-color:#ddd;
}
.news_detail .nshare .nlist{
    margin-top:9px;
}
.news_detail .nshare .nlist a{
    display: inline-block;
    margin:0 12px;
    vertical-align: top;
    width:36px;
    height:36px;
}
.news_detail .nshare .nlist img{
    width:36px;
    height:36px;
}

.more{font-size:13px;
    color:#333;
    line-height:25px;
    display: inline-block;
}
.more span{display: block;}
.more span:hover,.more span:hover a{color:#994242;};


.menu{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #E2E2E2;
}
.menu_list{
    width:100%;
    display: table;
    text-align: center;
}
.menu_list .item{
    display: table-cell;
    width:20%;
}
.menu_list a{
    font-size:15px;
    color:#4a7081;
    display: inline-block;
    padding:0 5px;
    font-weight: bold;
}
.menu_list a:hover,.menu_list .selected{
    border-bottom:1px solid #994242;
    color:#994242;
}

/*about*/
.company_intro{margin: 50px auto 50px auto;}
.company_intro .logo{width:119px; position: relative; text-align: center; margin:0 auto; display: block;}
.company_intro .slogan{ font-size:30px; color:#4a7081; text-align: center; line-height: 42px; margin-top: 10px;}
.company_intro .intro_text{margin-top:55px;}
.company_intro .intro_text p{font-size:15px; color:#182C4C;line-height: 24px; margin-bottom:20px;text-indent: 30px;}
.company_history{background: #fff}
.company_honor{background: #f2f2f2;  padding:50px 0 100px 0;}
.company_honor .title{font-size:24px; color:#333; line-height: 33px; text-align: center;}
.company_honor .line{height:1px; width:90px; margin:3px auto 0 auto; background-color:#EE8C0D;}
.company_honor .item{
    width:260px;
    padding:56px 10px 0 10px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.company_honor .item .img{
    padding:15px 15px 0 15px;
    display: inline-block;
    box-shadow: 0 -6px 37px 0 RGBA(31, 32, 34, 0.08);
    background:#fff;
    position: relative;
}
.company_honor .item .img img{
    width:200px;
    height:auto;
    display: inline-block;
    position: relative;
}
.company_honor .item .img .under_line{
    position: absolute;
    width:310px;
    height:50px;
    bottom:0;
    left:50%;
    margin-left:-155px;
}
.company_honor .item .name{
    font-size:14px;
    color:#182C4C;
    line-height: 20px;
    margin-top:27px;
}
.company_honor .item .date{
    font-size:22px;
    color:#182C4C;
    margin-top:15px;
}

.company_address{ padding:50px 0 100px 0;
}
.company_address .title{font-size:24px; color:#333; line-height: 33px; text-align: center;}
.company_address .line{height:1px; width:90px; margin:3px auto 0 auto; background-color:#EE8C0D; margin-bottom: 30px;}
.company_address img{width:480px;margin-right:40px; display: block; float:left;}
.company_address .address{
    max-width:610px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.company_address .address div{
    font-size:14px;
    color:#333;
    line-height: 20px;
    padding:12px 0;
}



/*industry_cate*/

.industry_cate{width:300px; float:left; margin-top: 32px; border-bottom: 0px solid #eaeaea;margin-right: 30px; margin-bottom: 30px;}
/*
.industry_cate ul li{height: 51px;line-height: 51px;border-bottom: 1px solid #eaeaea;background: #f7f7f7;width: 250px;float: left;}
.industry_cate ul li a{display: block;padding-left: 39px;font-size: 14px;background: url(../images/tb9.png) no-repeat 16px 20px;color: #333;}
.industry_cate ul li:hover a,.industry_cate ul li .actt a{background: url(../images/tb10.png) no-repeat 16px 20px; color:#994242;}
.industry_cate ul li:hover,.industry_cate ul li .actt{
  background: #fff url(../images/tb10.png) no-repeat 16px 20px; color:#994242;}
.industry_cate ul li.hover a{
  background: url(../images/tb10.png) no-repeat 216px 25px;
}
.industry_cate ul li.hover{
  background: #fff;
}

.industry_cate ul dl{float:left; line-height: 40px; font-size: 14px;  width:100%;}
.industry_cate ul dl a{display: block;padding-left: 39px;font-size: 14px;border-bottom: 1px solid #eaeaea;}
.industry_cate ul dl a:hover,.industry_cate ul dl a.actt{color:#994242;}
*/

.industry_pos{border-bottom: 2px solid #486e81; margin-bottom: 10px; line-height: 40px; height: 40px; font-size: 20px; font-weight: bold; color:#486e81;}
.industry_con{width:800px; float:right; margin-top: 32px;}
.industry_img img{display: block; margin:0 auto; max-width: 100%;}
.industry_tit{border-bottom: 2px solid #486e81; margin-top: 10px; line-height: 40px; height: 40px; font-size: 18px; font-weight: bold; color:#486e81; margin-bottom: 20px;}
.industry_info{margin-top: 10px; line-height: 36px; font-size: 14px;}
.industry_info img{max-width: 100%;}
.industry_info h2{font-size: 16px; height: 40px; overflow: hidden; line-height: 40px;}
.industry_info .img{width:180px; height: 244px; position: relative; margin:9px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.industry_info .img img{    max-width: 180px;
    display: block;
    margin: 0px auto;
    max-height: 240px;}


.industry_con .case{width:100%;}
.industry_con .case li{width:198px; border:1px solid #fff;  line-height: 40px; text-align: center; float:left;}
.industry_con .case li img{display: block; width:95%; margin:0 auto; max-width: 95%;}
.industry_con .case li:hover a{color:#994242;}
.industry_con .case li:hover img{border:1px solid #994242;}


.procate{float:left; width:300px; margin-bottom: 0px; margin-top: 30px;}
.procatefix{position: fixed; top:35px;}

.navMenu> li { display: block; margin: 0; padding: 0; border: 0px; background: #f2f2f2; border-radius: 5px; margin-bottom: 10px;}
.navMenu>li>.openbox {display: block; overflow: hidden; padding-left: 0px; line-height: 40px; color: #333333; transition: all .3s; position: relative; text-decoration: none; font-size: 17px; border: 1px solid #e3e3e3; border-radius: 5px;}
.navMenu>li>.openbox>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; width:4px; height: 40px; }
.navMenu li .openbox .arrow:before { display: block; float: right; margin-top: 1px; margin-right: 15px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; text-shadow: none; }
.navMenu li .openbox .arrow.open:before { float: right; margin-top: 1px; margin-right: 15px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none; }
.navMenu>li>.openbox.active , .navMenu>li>.openbox:hover { color: #fff; background: #466f80; }
.navMenu>li>.openbox.active a, .navMenu>li>.openbox:hover a{color:#fff;}
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 0px 10px; padding-bottom: 5px; }
.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }
.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.sub-menu li>.openbox { display: block; font-size: 16px; line-height: 36px; padding-left: 20px; color: #ABB1B7; clear: both; }
.navMenu>li>ul.sub-menu li>.active{background: #466f80}
.navMenu>li>ul.sub-menu li>.active .arrow{color:#fff;}
.navMenu>li>ul.sub-menu li>.active a{color: #fff;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #FFF; background: #466f80; }
.navMenu>li>ul.sub-menu li em{color:#466f80;font-style:normal; font-size: 10px;}
.navMenu>li>ul.sub-menu li>a:hover em{color:#fff;}
.navMenu>li>ul.sub-menu li>ul.sub-menu li> a{ display: block; font-size: 14px; line-height: 36px; padding-left: 20px; color: #666; clear: both; }
.navMenu>li>ul.sub-menu li>ul.sub-menu li> a.active{color:#fff;}
.navMenu>li>ul.sub-menu li>ul.sub-menu li> a.active em{color:#fff;}
.navMenu>li>ul.sub-menu li>ul.sub-menu li> a:hover{color:#fff;}


.filter-box{width:800px; margin-top: 0px; float:right; height: 193px; padding-left: 0px; padding-top: 3px; position: relative;}
.filter{display: inline-block;}

.filter-tit{width:120px; height: 193px; background-color: rgba(241, 241, 241, 0.7); float:left;}
.filter-tit span{display: block; margin:50px auto 0px; font-size: 18px; font-weight: 600; line-height: 40px; text-align: center; color:#994242;}
.filter-info{width:660px; height: 190px; padding-top: 3px; background-color: rgba(241, 241, 241, 0.7); float:right; padding-left: 10px;}

.filter span{display: block; float:left; line-height:26px; height: 26px; font-size: 14px;}
.filter a{float:left; cursor:pointer; line-height: 26px; height: 26px; text-align: center; padding:0px 10px; font-size: 14px;}
.filter a.selected{background: #994242; color:#fff;}
.procount{font-size: 13px;color: #999;line-height: 36px; border-bottom:1px dotted #999; float:right; width:800px; text-align: right;}


.tishi,.mask{ width:100%; height:100%; background:rgba(0,0,0,.0); position:absolute; top:0; left:0; z-index:2000; color:#fff; text-align: center;}
.tishi img{ width:100%; margin-top:0px;}

.apply{width:90%; margin:0 auto; max-width: 640px}
.apply dt{font-size: 16px;color: #606366; padding: 5px 0px; line-height: 30px;}
.apply .input4 {width: 100%; border: #e5e5e5 solid 1px; color: #804235; display: block;
padding: 15px 10px;
background: none;
-webkit-box-sizing: border-box;
font-size: 16px;
letter-spacing: 3px;
outline: none;
background-color: #fff;
color:#804235;
    border-radius: 10px;}

.apply .applybtn{width:80%;max-width: 500px;
height: 50px;
line-height: 50px;
font-size: 24px;
background: #994242;
letter-spacing: 10px;
margin: 20px auto;
color:#fff;    border-radius: 10px;}
.apply .aoolya{}

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 14px;
  opacity: 0.9;
  letter-spacing:0px;
}
:-moz-placeholder {/* Firefox 18- */
  color: red;
 font-size: 14px;
  opacity: 0.9;
  letter-spacing:0px;
}
::-moz-placeholder{/* Firefox 19+ */
 color: red;
  font-size: 14px;
  opacity: 0.9;
  letter-spacing:0px;
}
:-ms-input-placeholder {
  color: red;
font-size: 14px;
  opacity: 0.9;
  letter-spacing:0px;
}

.pro_list{width:800px; float:right; margin-top: 10px;}
/*.pro_list ul li{width:100%; float:left;}
.pro_list ul li img{display: block; max-width: 90%; margin:0 auto; border:1px solid #f2f2f2;}
.pro_list ul li p{text-align: center; line-height: 36px; margin-bottom: 10px;}
.pro_list ul li:hover img{border:1px solid #994242;}
.pro_list ul li:hover p a{color:#994242;}*/
.pro_list .pro{width:100%; margin-bottom: 20px; border:1px solid #ccc;}
.pro_list .pro:hover{background-color: rgba(241, 241, 241, 0.7);}
.pro_list .pro .proimg{float:left; width:160px; height: 160px;}
.pro_list .pro .proimg img{ width:160px; height: 160px;}
.pro_list .pro .proinfo{float:left; width:620px; margin-left: 20px;}
.pro_list .pro .proinfo h2{    font-weight: normal; font-size: 18px; padding: 10px 0px}


.pro_list .item{
    padding: 16px 30px 16px 200px;
    position: relative;
    height:160px;
    margin-top:20px;
    background-color:#F9F9F9;
}
.pro_list .item .image{
    padding:10px;
    border:1px solid #E9E9E9;
    border-radius:4px;
    background-color:#fff;
    position: absolute;
    left:10px;
    top:16px;

}
.pro_list .item .image .img{
    background-color:#eeeee9;
    width:140px;
    height: 140px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;}

.pro_list .item .image img{
    max-width: 140px;
    display: block;
    margin: 0px auto;
    max-height: 140px;
}



.pro_list .item .name{
    font-size:15px;
    line-height: 21px;
    color:#333;
    padding-top:7px;
    font-weight:bold;
    cursor:pointer;
    display: block;
}
.pro_list .item .intro{
    font-size:13px;
    color:#666;
    line-height: 23px;
    height:69px;
    overflow: hidden;
    margin-top:13px;
}
.pro_list .item .product_tag{
    margin-top:13px;
    line-height: 18px;
    height:18px;
}
.pro_list .item .product_tag img{
    width:13px;
    height:15px;
    display: inline-block;
    margin-right:10px;
    vertical-align: middle;
    margin-top: -2px;
}
.pro_list .item .product_tag span{
    color:#aaa;
    line-height: 18px;
    font-size:13px;
    display: inline-block;
    vertical-align: middle;
}
.pro_list .item:hover{
    box-shadow: 0 0 10px 0 rgba(184, 184, 184, 0.5);
}
.pro_list .item:hover .name{
    color:#994242;
}





.cat_list{width:800px; float:right; margin-top: 10px;}
.cat_list ul li{width:50%; float:left;}
.cat_list ul li img{display: block; max-width: 90%; margin:0 auto; border:1px solid #f2f2f2;}
.cat_list ul li p{text-align: center; line-height: 36px; margin-bottom: 10px;}
.cat_list ul li:hover img{border:1px solid #994242;}
.cat_list ul li:hover p a{color:#994242;}


.download{width:100%; line-height:40px; margin-bottom:30px;}
.download li{border-bottom:1px dotted #999;padding-bottom:5px;}
.download li a{color:#999; font-size:14px;}
.download li:hover{background: #f1f1f1;}
.download li a.adownload{
    float: right;
    background: #994242;
    border: 1px solid #994242;
    padding: 0px 10px;
    border-radius: 5px;
    height: 24px;
    color: #fff;
    line-height: 24px;
    margin-top: 10px;}


.main-pro{float:right; width:800px; margin-top:30px;}
.pro_pos{border-bottom: 2px solid #486e81; margin-bottom: 10px; line-height: 40px; font-size: 18px; color:#486e81;}
.product_con{width:800px; float:right; margin-top: 2px;}
.product_img{display: block; margin:0 auto; max-width: 100%; background: #eeeeef;}
/*.product_img .product_imgpro{float:left; width:300px;}
.product_img .product_imgpro img{max-width: 100%}
.product_img .product_imgwg{float:left; width:500px;}
.product_img .product_imgwg img{max-width: 100%;}*/

.product_img .product_imgpro{width:280px; height: 280px; margin:10px; position: relative;  display:flex;justify-content:center;align-items:center; float:left;     margin-right: 0px;
    border-right: 0px #fff solid;
}
.product_img .product_imgpro img{max-width: 280px; display: block; margin:0px auto; max-height: 280px;}

.product_img .product_imgwg{width:500px; height: 300px; margin:0px; position: relative;  display:flex;justify-content:center;align-items:center; float: right;}
.product_img .product_imgwg img{max-width: 500px; display: block; margin:0px auto; max-height: 280px; }


.product_download{color:#994242;}
.product_download a{color:#994242;}
.product_tit{border-bottom: 2px solid #486e81; margin-top: 10px; line-height: 40px; height: 40px; font-size: 18px; font-weight: bold; color:#486e81; margin-bottom: 20px;}
.product_info{margin-top: 10px; line-height: 36px; font-size: 14px;}
.product_info img{max-width: 100%;}


.server_intro{margin-top: 30px; width:800px; float: right;}
.server_intro .slogan{ font-size:30px; color:#4a7081; text-align: center; line-height: 42px; margin-top: 10px;}
.server_intro .intro_text{margin-top:5px;}
.server_intro .intro_text p{font-size:15px; color:#182C4C;line-height: 24px; margin-bottom:20px;text-indent: 30px;}

.searchinput{width:530px; margin: 0 auto 10px;}
.searchinput span{width:286px; float:left; display: block; height: 41px; line-height: 41px;}
.searchinput input {width: 530px; border: #e5e5e5 solid 1px; color: #804235; display: block;
padding: 10px 10px;
background: none;
-webkit-box-sizing: border-box;
font-size: 16px;
letter-spacing: 3px;
outline: none;
background-color: #fff;
color:#804235;
    border-radius: 10px;
    float:left;}

.searchbtn{width:430px; margin:0 auto;}
.search .applybtn{width:150px;
height: 32px;
line-height: 32px;
font-size: 16px;
background: #994242;
letter-spacing: 0px;
margin: 20px auto;
color:#fff;    
border-radius: 10px;
float: right;}

.jxstishi{text-align: center; color:#994242; font-size: 16px; font-weight: bold;}



#about_show,#about_center,#about_history,#about_contact,.industry_cate a{display: block;}

.prosqlsearchinput{width:auto; margin: 0 auto 10px;}
.prosqlsearchinput span{width:196px; margin-right: 10px; float:left; text-align: right; display:block; height: 37px; line-height: 37px;}
.prosqlsearchinput input {width: 400px; border: #e5e5e5 solid 1px; color: #804235; display: block;
padding: 8px 10px;
background: none;
-webkit-box-sizing: border-box;
font-size: 16px;
letter-spacing: 3px;
outline: none;
background-color: #fff;
color:#804235;
    border-radius: 10px;
    float:left;}
.prosqlsearchbtn{width:430px; margin:0 auto;}
.prosqlapplybtn{width:230px;
height: 30px;
line-height: 30px;
font-size: 16px;
background: #994242;
letter-spacing: 0px;
margin: 20px auto;
color:#fff;    
border-radius: 10px;
float: right; margin-right: 80px;}


.pagelist{width:100%; padding: 0px 0px; padding-bottom:20px; overflow: hidden;}
.pagelist:nth-child(2n+1){background-color: #f2f2f2}
/*.page1{height: 540px;}*/
.page4{height: 560px;}
.pagelist .title{font-size:24px; color:#333; line-height: 33px; text-align: center; padding-top:30px; margin-bottom: 10px;}
.pagelist .line{height:1px; width:90px; margin:3px auto 0 auto; background-color:#EE8C0D; margin-bottom: 20px;}
.pagelist .list{max-height: 460px; width:100%; margin-top: 30px;}
.pagelist .list p{font-size:15px; color:#182C4C;line-height: 28px; margin-bottom:0px;text-indent: 0px;}
.pagelist .list img{max-width: 100%; max-height: 460px;
    text-align: center;
    display: block;
    margin: 0 auto;}

.product_copyright{color:#fff; height: 60px; line-height: 60px; background-color: #994242; width:100%; border-radius: 10px; padding-left: 20px; margin-top: 20px;}



.pagination {
  float:left;
  text-align:center;
  width:744px;
  margin:20px 0;
  position:relative;
  overflow:hidden;}
.page {
  display:inline-block;
  font: 16px/28px '微软雅黑', sans-serif;
  *display:inline;
  :1;
  *zoom:1;}
.page span {
  float:left;}
.page a,
.page span.disabled,
.page strong {
  background:#FFF;
  border:1px solid #CCC;
  color:#333;
  float:left;
  font: 16px/24px  '微软雅黑', sans-serif;
  height:24px;
  margin-right:5px;
  min-width:15px;
  padding:4px 8px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;}
  .page strong{background:#486e81; color:#fff; }
.page a:hover {
  border:1px solid #486e81;
  color:#486e81;
  text-decoration:none;}
.page span.disabled {
  background:#FFF;
  border:1px solid #CCC;
  color:#CCC;}
.page span.ellipsis {
  float:left;
  font: 16px/24px '微软雅黑', sans-serif;
  line-height:22x;
  margin-right:5px;}
.page .page_txt {
  line-height:20px;
  float:right;
  width:auto;}
.page a.page-curpage {
  background:#486e81;
  border:1px solid #486e81;
  color:#FFF;
  font-weight:bold;}
.page input {
  font: 14px Verdana;
  padding:0 0 0 1px;
  width:40px;
  height:14px;}



  .afinve{    width: 240px;
    overflow: hidden;
    display: block;
    height: 32px;
    float: left;}


.link a{padding-right: 8px;
    border-right: 2px #fff solid;}
.link a:last-child{padding-right: 0px;
    border-right: 0px #fff solid;}