﻿@charset "utf-8";
/* CSS Document */

 html, body, p, div, a, section, footer, header, ul, li, h1, dl, dd, dt, h1, h2, h3, h4, h5, h6, img{ margin:0; padding:0; list-style-type:none; font-family:Helvetica, Arial, sans-serif;}
 article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,form, input, button{display:block;margin:0; padding:0;}
 a:hover{
	 cursor:pointer;
 }
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}
#header{
	height:115px;
}
#logo{
	float:left;
	margin-top:13px;
	width:310px;
}
.wrapper{
	width:1180px;
	margin:0 auto;
}
.menu{
	float:left;
	line-height:115px;
	height:115px;
	display:inline-block;
	width:732px;
}

.menu ul.nav {
}

.menu ul li.navitem {
    height: 115px;
    line-height: 110px;
    float: left;
    position: relative;
	width: 114px;
    text-align: center;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	z-index:100;

}
.menu ul li.navitem>a{
	color: #666;
	display: block;
    line-height: 110px;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;
}
.menu ul li.navitem a:after {
    
    content: "";
    position: absolute;
    width: 0;
    height: 5px;
    background: #5881c2; 
    top: 0;
    transform: translateX(-50%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 50%;
    opacity: 0;

}

.menu ul li.navitem a.active, .menu ul li.navitem:hover a {
   font-weight:bold;
	color:#5881c2;	
}
.menu ul li.navitem:hover{
	 transition: none ease-out .3s;
	border-left:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	
}
.menu ul li.navitem>a:hover{
    font-weight:bold;
	color:#5881c2;
}
.menu ul li.navitem:hover>a:after{
	width: 100%;
    opacity: 1;
}

	


.menu ul li.navitem:hover dl.subnav {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
	z-index:100;
   
}
.menu ul li.navitem:hover div.bg{
	
	width:225px;
	 
     background: -webkit-linear-gradient(left, #3459a5, #7fa1d4); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(left, #3459a5, #7fa1d4); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(left, #3459a5, #7fa1d4); /* Firefox 3.6 - 15 */
      background: linear-gradient(left, #3459a5, #7fa1d4); 
	 dispaly:block;
	 padding:10px;
     height:auto;
	 height:308px;
	 margin-top:5px;
	 margin-left:9px;
	  
}
.menu ul li.navitem:hover div.bg2{
	height:201px;  
}
.menu ul li.navitem:hover div.bg3{
	height:95px;  
}
.menu ul li.navitem dl.subnav {
   
    position: absolute;
    width: 245px;
    top:114px;
	left:-1px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
	
}

.menu ul li.navitem dl.subnav dd {
    border-top: #f2f2f2 1px solid;
	background:#fff; 
	 
}


.menu ul li.navitem dl.subnav dd a {
   
    height:52px;
    line-height: 52px;
    left:-1px;
    display: block;
    color: #999;
    font-size: 12px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding-left:30px;
}

.menu ul li.navitem dl.subnav dd:hover{
	  background: -webkit-linear-gradient(left, #466cb3, #6c91cb); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(left, #466cb3, #6c91cb); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(left, #466cb3, #6c91cb); /* Firefox 3.6 - 15 */
      background: linear-gradient(left, #466cb3, #6c91cb); 
  
}
#index .menu ul li#tag1 a, 
#about .menu ul li#tag2 a, 
#news .menu ul li#tag3 a, 
#products .menu ul li#tag4 a, 
#job .menu ul li#tag5 a, 
#contact .menu ul li#tag6 a{
   font-weight:bold; 
   color:#5881c2;	
}

.menu ul li.navitem dl.subnav dd a:hover {
    text-indent: 10px;
    color: #fff;
	background:url(../images/sj.png) no-repeat 30px center;

}
#index .menu ul li#tag1 dl.subnav dd a{ color: #999;	 font-weight:normal;}
#index .menu ul li#tag1 dl.subnav dd a:hover{color: #fff;}

#about .menu ul li#tag2 dl.subnav dd a{ color: #999;	 font-weight:normal;}
#about .menu ul li#tag2 dl.subnav dd a:hover{color: #fff;}

#news .menu ul li#tag3 dl.subnav dd a{ color: #999;	 font-weight:normal;}
#news .menu ul li#tag3 dl.subnav dd a:hover{color: #fff;}

#products .menu ul li#tag4 dl.subnav dd a{ color: #999;	 font-weight:normal;}
#products .menu ul li#tag4 dl.subnav dd a:hover{color: #fff;}

#job .menu ul li#tag5 dl.subnav dd a{ color: #999;	 font-weight:normal;}
#job .menu ul li#tag5 dl.subnav dd a:hover{color: #fff;}

#contact .menu ul li#tag6 dl.subnav dd a{ color: #999;	 font-weight:normal;}
#contact .menu ul li#tag6 dl.subnav dd a:hover{color: #fff;}

.eng-china{
	width:97px;
	margin-top:43px;
	float:right;
}
.eng-china .engfont{
	height:30px;
	line-height:30px;
	width:97px;
	border-radius:15px;
	display:block;
	text-align:left;
	border:1px solid #f0f0f0;
}
.eng-china .engfont a{
	color:#cccccc;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:30px;
	display:block;
	text-indent:24px;
    background:url(../images/downjt.png) no-repeat 74px -16px;
	transition: all 0.5s;
	
}
.eng-china .engfont:hover{
	background:#5881c2;
    transition: all 0.3s ease-out 0s;
	border:1px solid #5881c2;
}
.eng-china .engfont a:hover{
	background:url(../images/downjt.png) no-repeat 74px 14px;
	transition: all 0.5s;
	color:#fff;
}
.swiper-container {
      width: 100%;
      height: 700px;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	  height:700px;
      width:100%;
	  overflow:hidden;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 98px;
    margin-top: -49px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 9px;
}
.swiper-button-prev {
	background:url(../images/swiperjt.png) no-repeat left;
	left:20px;
	opacity:0;
	transition:all 0.5s;
}
.swiper-button-next{
	background:url(../images/swiperjt.png) no-repeat right;
	right:20px;
	opacity:0;
	transition:all 0.5s;
}
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next{
	opacity:1;
	transition:all 0.5s;
}
.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
	margin-top:-3px;
	border:3px solid #fff;
}
.swiper-pagination-bullet-active{
	border:3px solid #fff;
	background: #5881c2;	
}

@keyframes lefteaseinAnimate{
    0%{ transform: translateX(-2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}       
}
@-webkit-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-o-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-ms-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-moz-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
.swiper-slide-active .font-ani{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 1s ease 1;   
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.swiper-slide-active .font-ani>h4{
	font-size:60px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:86px;
	text-align:left;
	padding-left:10px;
	color:#fff;
	font-weight:600;
	 
}
.swiper-slide-active .font-ani>p{
	font-size:34px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:50px;
	text-align:left;
	padding-left:10px;
	color:#fff;
	
	 
}
.swiper-slide-active .font-ani p{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 2s ease 1;   
    -webkit-animation: lefteaseinAnimate 3s ease 1;
    -ms-animation: lefteaseinAnimate 2s ease 1;
    -o-animation: lefteaseinAnimate 2s ease 1;
    -moz-animation: lefteaseinAnimate 2s ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:45px;
	}
.wrapper1230{
	width:1230px;
	margin:0 auto;
}
.headtitle{
	text-align:center;
	width:100%;
	margin-top:100px;
	margin-bottom:30px;
}
.headtitle>h5{
	color:#5881c2;
	font-size:24px;
	font-weight:normal;
	line-height:46px;
}
.headtitle>p{
	font-size:14px;
	color:#999;
	font-weight:100px;
	line-height:24px;
}
.zjlist li{
	float:left;
	width:360px;
	overflow:hidden;
	margin-left:25px;
	margin-right:25px;
}
.zjlist li .zjfonts{
	margin-top:10px;
}
.zjlist li a{
	text-decoration:none;
}
.zjlist li .zjfonts>h5{
	line-height:55px;
	font-size:18px;
	color:#333;
	font-weight:300;
}
.zjlist li a img{
	cursor: pointer;
    transition: all 1s; 
}
.zjlist li a:hover img{
	transform: scale(1.1); 
	transition:ease-out all 1s;
	opacity: 0.7;
}
		
.zjlist li .zjfonts>p{
	 color:#929292;
	 font-size:14px;
	 line-height:28px;
	 margin-top:10px;
 }
.zjlist li .zjfonts .sline{
	height:1px;
	background:#ccc;
	width:100%;
	display:block;
	position:relative;
}
.zjlist li .zjfonts .sline span{
	position:absolute;
	width:70px;
	height:1px;
	background:#ccc;
	
}
.zjlist li a:hover .zjfonts>h5{
	color:#5881c2;
}
.zjlist li a:hover .zjfonts .sline span:after {
    width: 100%;
    opacity: 1;
}
.zjlist li a .zjfonts .sline span:after{
	content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #5881c2;
    top: 0;
    transform: translateX(0%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 0%;
    opacity: 0;
}

.bluemore{
	margin:0 auto;
	margin-top:51px;
	margin-bottom:108px;
	width:192px;
	height:45px;
	display:block; 
}
.bluemore a{
	display:block;
	background:#5881c2;
	width:192px;
	height:45px;
	text-align:center;
	line-height:45px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
}
.bluemore a:hover{
	  transition: all 1s;
	  background:#396cbe;
}

.bigimg{
	width:100%;
	height:794px;
	background:url(../images/ysbg.png) no-repeat top center;
}
.respos{
	margin:0;
	padding-top:115px;
}

.possab{
	position:relative;
}

.squalist{
	width:712px;
	margin:50px auto;
}
.squalist li{
    float:left;
	width:156px;
	margin-left:11px;
	margin-right:11px;
	height:156px;
	border-radius:78px;
	text-align:center;
	position:relative;
}

.squalist li .squafont{
	display: block;
    padding-top: 47px;
    line-height: 26px;
    font-size: 18px;
    color: #fff;
    transition: all 0.5s;
	
}
.squalist li.color1{
	background:#8dc637;
	opacity:0.6;
}
.squalist li.color2{
	background:#37c684;
	opacity:0.6;
}
.squalist li.color3{
	background:#3788c6;
	opacity:0.6;
}
.squalist li.color4{
	background:#3765c2;
	opacity:0.6;
}
.possab li.color1{
	position:absolute;
	left:11px;
	top:0px;
	transition:all ease-out 0.5s;
}
.possab li.color2{
	position:absolute;
	left:189px;
	top:0px;
	transition:all ease-out 0.5s;
}
.possab li.color3{
	position:absolute;
	left:367px;
	top:0px;
	transition:all ease-out 0.5s;
}
.possab li.color4{
	position:absolute;
	left:545px;
	top:0px;
	transition:all ease-out 0.5s;
}
.possab li:hover .squafont{
	font-size:24px;
	padding-top:50px;
	line-height:36px;
	transition:all ease-out 0.5s;

}
.possab li:hover{
	width:176px;
	height:176px;
	border-radius:88px;
	display:block;
	position:absolute;
	left:1px;
	top:-10px;
	transition:all ease-out 0.5s;
	opacity:1;
}
.possab li.color2:hover{
	left:179px;
	top:-10px
}
.possab li.color3:hover{
	left:357px;
	top:-10px
}
.possab li.color4:hover{
	left:535px;
	top:-10px
}
.svglists{
	width:800px;
}
.svglists li.svg{
	width:200px;
	height:200px;
	margin-left:0;
	margin-right:0;
}
.svglists li.svg img{
	transform:scale(0.8);
	transition:all ease-out 0.8s;
	opacity:0.8;

}
.svglists li:hover img{
	transform:scale(1);
	transition:all ease-out 0.8s;
     opacity:1;
}

    @-webkit-keyframes opac{
        from {
            opacity:0.6;
            width:0;
            height:0;
            top:50%;
            left:50%;
        }
        to {
            opacity : 0;
            width:100%;
            height:100%;
            top:0;
            left:0;
        }
    }
.squalist li:hover .animate .w2{
        /*延迟1s*/
        -webkit-animation-delay:1s;
    }
.squalist li:hover .animate .w3{
        -webkit-animation-delay:2s;
    }
.squalist li:hover .animate .w4{
        -webkit-animation-delay:3s;
    }
.squalist li:hover .wave{
        width: 156px;
        height: 156px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
.squalist li:hover .wave *{
        border:1px solid #fff;
        position:absolute;
        border-radius:50%;
        -webkit-animation:opac 4s infinite;
    }
	
.kmore{
	margin:0 auto;
	margin-top:83px;
	margin-bottom:108px;
	width:192px;
	height:45px;
	display:block; 
}
.kmore a{
	display:block;
	border:1px solid #dddddd;
	width:192px;
	height:45px;
	text-align:center;
	line-height:45px;
	font-size:14px;
	color:#9b9b9b;
	text-decoration:none;
}
.kmore a:hover{
	  transition: all 1s;
	  background:#396cbe;
	  color:#fff;
	  border:1px solid #396cbe;
}
.indexnews{
	margin-top:65px;
	margin-bottom:50px;
}
.indexnews a{
	text-decoration:none;
}
.indexleftnews{
	width:450px;
	float:left;
}
.indexnewstitle{
	background:#5881c2;
	margin-top: 0px;
	height:180px;
	width:450px;
	overflow:hidden;
}
.newlefttime{
	width:100px;
	float:left;
}
.newlefttime .indexday{
	color:#fff;
	font-size:36px;
	font-family:Helvetica, Arial, sans-serif;
	margin-top:28px;
	display: block;
	margin-left:30px;
	line-height:42px;
}
.newlefttime .indexyear{
	font-size:14px;
	color:#fff;
	display: block;
	margin-left:30px;
	line-height:20px;
	
}
.indexnewscontent{
	margin-top:28px;
	color:#fff;
	width:324px;
	float:left;
}

.indexnewscontent>h5{
	color:#fff;
	font-size:20px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:28px;
	height:58px;
	overflow:hidden;
	margin-bottom: 10px;
	
}
.whiteline{
	height:1px;
	width:100%;
	background:#acc0e1;
}
.indexview{
	font-size:14px;
	height:48px;
	overflow:hidden;
	line-height:24px;
	font-family:Helvetica, Arial, sans-serif;
	margin-top:12px;
}
.indexleftnews a .indexnewsimg{
	width:450px;
	height:237px;
	overflow:hidden;
}
.indexleftnews a .indexnewsimg img{	
   cursor: pointer;
    transition: all 1s;
}
.indexleftnews a:hover .indexnewsimg img{	
    transform: scale(1.1);
    transition: ease-out all 1s;
    opacity: 0.7;
}
.indexleftnews a:hover .indexnewstitle{
	background:#4e73ad;
	transition: ease-out all 1s;
	
}

.indexrightnews{
	width:655px;
	float:right;
	overflow:hidden;
}
.indexrightnews dt{
	margin-bottom:46px;
}
.indexrightnews .leftcnts{
	width:550px;
	float:left;
	transition: all 0.6s;
}

.indexrightnews .leftcnts .leftcntstit{
	font-size:20px;
	font-family:Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
	color:#333;
}

.indexrightnews a:hover .leftcnts .leftcntstit{
	color:#5781c2;
}
.indexrightnews a:hover .leftcnts{
	margin-left:10px;
	transition: all 0.6s cubic-bezier(.065, .82, .165, 1);
}
.indexrightnews a .leftcnts .leftcntsview{
	color:#999;
}
.indexrightnews a:hover .leftcnts .leftcntsview{
	color:#6a6a6a;
}
.indexrightnews .tline{
	height:1px;
	background:#f7f7f7;
	width:100%;
	display:block;
	position:relative;
}
.indexrightnews .tline span{
	position:absolute;
	width:290px;
	height:1px;
	background:#f7f7f7;
	
}

.indexrightnews a:hover .tline span:after {
    width: 100%;
    opacity: 1;
}
.indexrightnews .tline span:after{
	content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #5881c2;
    top: 0;
    transform: translateX(0%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 0%;
    opacity: 0;
}
.indexrightnews .leftcnts .leftcntsview{
	margin-top:15px;
	color:#8a8a8a;
	font-size:14px;
	
	line-height:24px;
}

.leftcntstime{
	width:56px;
	float:right;
}
.leftcntstime .sindexday{
	display:block;
	font-size:36px;
	color:#cccccc;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:400;
	transition: ease-out all 0.3s;
}
.leftcntstime .sindexyear{
	font-size:14px;
	color:#cccccc;
	display: block;
	width:56px;
	transition: ease-out all 0.3s;
}

.indexrightnews a:hover .leftcntstime .sindexyear, .indexrightnews a:hover .leftcntstime .sindexday{
	color:#999999;
	transition: ease-out all 0.3s;
}

.leftcntstime .jtt{
	display:block;
	margin-top:30px;
	width:22px;
	height:13px;
	margin-left:10px;
	background:url(../images/jtt.png) no-repeat top right;
	transition: ease-out all 0.3s;
}
.indexrightnews a:hover .leftcntstime .jtt{
	display:block;
	margin-top:30px;
	width:22px;
	height:13px;
	margin-left:10px;
	background:url(../images/jtt.png) no-repeat top left;
	transition: ease-out all 0.3s;
}
.indexrightnews dd{
	height:53px;
}
.indexrightnews a .leftcntslist{
	display:inline-block;
	font-size:14px;
	color:#666;
	line-height:50px;
	width:573px;
	overflow:hidden;
	float:left;
}
.indexrightnews a:hover .leftcntslist{
	color:#5781c2;
}
.indexrightnews a .dtime{
	font-size:12px;
	color:#ccc;
	display:inline-block;
	line-height:50px;
	float:right;
}
.footerbg{
	background: -webkit-linear-gradient(#f3f5ef #ffffff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#f3f5ef, #ffffff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#f3f5ef, #ffffff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#f3f5ef, #ffffff); 
	height:423px;
	width:100%;
	display:block;
}


.leftinfo{
	margin-top:80px;
	width:495px;
	float:left;
}
.bottomtit{
	font-size:20px;
	color:#666666;
	
}
.botline{
	height:1px;
	background:#ebebf1;
	margin-top:20px;
	margin-bottom:20px;
}
.botleftcon{
	float:left;
	width:210px;
}
.botrightcon{
	float:right;
	width:210px;
}
.botleftcon p, .botrightcon p{
	font-size:12px;
	color:#666;
	line-height:24px;
}
.rightpro{
	margin-top:80px;
	width:495px;
	float:right;
}
.rightpro ul li{
	width:190px;
	list-style-type:none;
	display:inline-block;
	font-size:12px;
	color:#666;
	line-height:24px;
}
.rightpro ul li a{
	text-decoration:none;
	color:#666;
}
.rightpro ul li a:hover{
	color:#5881c2;
	text-decoration:underline;
}
.rightpro ul li:nth-child(3n){
    width:100px;
	line-height:24px;
    display:inline-block;
    text-align:right;
}
.bottomlist{
	margin-top:40px;
}
.bottomlist .icons{
	background:#fff url(../images/weixin.png) no-repeat;
	border:1px solid #ccc;
	width:46px;
	height:46px;
	margin-right:20px;
	float:left;
	border-radius:23px;
	 transition: all 1s;
}
.bottomlist .weixinicon{
	background-position:9px 10px;
}
.bottomlist .qqicon{
	background-position:-57px 10px;
}
.bottomlist .weiboicon{
	background-position:-123px 10px;
}
.bottomlist .icons:hover{
	background:#5881c2 url(../images/weixin.png) no-repeat;
	border:1px solid #5881c2;
	 transition: all 0.5s;
	
}
.bottomlist .weixinicon:hover{
	background-position:9px -68px;
	 transition: all 0.3s;
}
.bottomlist .qqicon:hover{
	background-position:-57px -68px;
	 transition: all 0.5s;
}
.bottomlist .weiboicon:hover{
	background-position:-123px -68px;
	 transition: all 0.5s;
}
.modal{position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none;}
.modal:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.content{display: inline-block; *display: inline; *zoom:1;	vertical-align: middle;position: relative;right: -100%;}
.content_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000; opacity:0.5;filter:alpha(opacity=50); display:none; transition:all 0.5s;}

.copyright{
	height:55px;
	width:100%;
	background:#5881c2;
	
}
.fleftcopy{
	float:left;
	line-height:55px;
	font-size:14px;
	color:#fff;
	
}
.fleftcopy a{
	text-decoration:none;
	color:#fff;
	
}
.rightbotnav{
	width:620px;
	float:right;
	text-align:center;
	line-height:55px;
	color:#fff;
	font-size:14px;
	
}
.rightbotnav a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
.rightbotnav a:hover{
	text-decoration:underline;
}

.inpagebg{
	width:100%;
	height:500px;
}
.inpagebg .inpagegtitle {
  
    margin-left: 68px;
    margin-top: 160px;
    color: #fff;
}
.inpagebg .inpagegtitle h5{
	font-size:60px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:500;
	line-height:80px;
}
.inpagebg .inpagegtitle p{
	font-size:24px;
	font-family:Helvetica, Arial, sans-serif;
	
	line-height:36px;
}

.about-1{
	background:url(../images/about-1.png) no-repeat top center;
}
.news-1{
	background:url(../images/news-1.png) no-repeat top center;
}
.pro-1{
	background:url(../images/pro-1.png) no-repeat top center;
}
.pro-2{
	background:url(../images/pro-2.png) no-repeat top center;
}
.pro-3{
	background:url(../images/pro-3.png) no-repeat top center;
}
.pro-4{
	background:url(../images/pro-4.png) no-repeat top center;
}
.pro-5{
	background:url(../images/pro-5.png) no-repeat top center;
}
.pro-6{
	background:url(../images/pro-6.png) no-repeat top center;
}
.jobs{
	background:url(../images/jobs.png) no-repeat top center;
}
.contact{
	background:url(../images/contact.png) no-repeat top center;
}
.inpage-ani{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 1s ease 1;   
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}


.inpage-ani p{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 2s ease 1;   
    -webkit-animation: lefteaseinAnimate 3s ease 1;
    -ms-animation: lefteaseinAnimate 2s ease 1;
    -o-animation: lefteaseinAnimate 2s ease 1;
    -moz-animation: lefteaseinAnimate 2s ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.rightdh{
	margin-top:30px;
	text-align:right;
	color:#bbbbbb;
	font-size:12px;
	
}
.rightdh .weizhi{
	background:url(../images/home.png) no-repeat left center;
	padding-left:16px;
}
.rightdh span a{
	color:#bbb;
	text-decoration:none;
}
.rightdh span a:hover{
	color:#5881c2;
}
.rightdh .curdh{
	color:#5881c2;
	font-weight:600;
}
.inpagebiaoti{
	line-height:50px;
	border-bottom:1px solid #f2f2f2;
	color:#5881c2;
	font-size:24px;
	font-weight:400;
}
.inbox{
	margin-top:50px;
	margin-bottom:100px;
	line-height:28px;
	font-size:16px;
	color:#666;
	font-weight:400;
}
.inbox p{
	line-height: 26px;
    font-size: 16px;
    color: #666;	
}
.leftimgs{
	float:left;
	height:396px;
	width:695px;
	overflow:hidden;
}
.rightabout{
	float:left;
	height:396px;
	width:485px;
	background:#5881c2;
}
.rightaboutbox{
	padding:65px;
}
.rightaboutbox p{
	font-size:16px;
	line-height:28px;
	color:#fff;
	
}

.hh1{
	height:70px;
	margin:0 auto;
	margin-top:100px;
	margin-bottom:30px;
	width:315px;
	background:#5881c2;
	border-radius:35px;
	text-align:center;
	font-size:30px;
	line-height:70px;
	
	color:#fff;
}
.yuanquan{
	position:relative;
}
.insqualist{
	margin-top:0;
	margin-bottom:80px;
}
.insqualist li.color1, .insqualist li.color2, .insqualist li.color3, .insqualist li.color4{
	opacity:1;
}
.about2left-1{
	width:482px;
	display:inline-block;
	overflow:hidden;
	
}
.blackfont{
	font-size:18px;
	margin-top:20px;
	margin-bottom:26px;
	font-weight:400;
	color:#221815;
	line-height:28px;
}
.about2left-1 p{
	font-size:16px;
	line-height:26px;
	color:#7d7d7d;
}
.shortp{
	text-align:center;
	line-height:40px;
	font-size:19px;
	font-family:"思源黑体";
	
}
.balckbold{
	font-weight:500;
}
.bigblue{
	font-size:34px;
	color:#2199d6;
	font-weight:600;
}
.about2left-2{
	width:570px;
	margin-top:70px;
}
.about2left-2>h2{
	font-weight: 400;
    font-size: 20px;
    color: #333;
    line-height: 32px;
}
.in2squalist{
	margin-top:40px;
	margin-bottom:40px;
}

.whitebgpos{
	background:#456cb3;
	widows:1180px;
	height:510px;
	position:relative;
	z-index:1;
}
.left3imgs{
	float:left;
}
.right3about{
	position:absolute;
	width:715px;
	height:391px;
	top:60px;
	right:77px;
	background:#FFF;
	opacity:0.95;
}
.about3box{
	padding:40px;
}

.about3box p{
	font-size:14px;
	line-height:22px;
	color:#4e4e4e;
}
.width589{
	width:360px;
	font-size:24px;
	height:70px;
	line-height:65px;
}
.about4bg{
	background:url(../images/about4.png) no-repeat top center;
	height:860px;
	position:relative;
}
.aboutlogo{
	position:absolute;
	width:342px;
	height:141px;
	left:115px;
	top:250px;
}
.shimin-1{
	position:absolute;
	top:40px;
	left:480px;
}
.shimin-2{
	position:absolute;
	top:259px;
	left:548px;
}
.shimin-3{
	position:absolute;
	top:455px;
	left:432px;
}
.yuan{
	float:left;
	height:160px;
	width:160px;
	border-radius:80px;
}
.yuan p{
	line-height: 30px;
    text-align: center;
    font-size: 25px;
    color: #fff;
    padding-top: 50px;
}

.cor-1{
	background:#4faed5;
}
.cor-2{
	background:#8fc31e;
}
.cor-3{
	background:#fc9400;
}
.yuan-views{
	margin-top:46px;
	line-height:30px;
	font-size:16px;
	float:left;
	margin-left:30px;
	
	color:#4e4e4e;
}
.bluebigbg{
	position:absolute;
	top:690px;
	left:74px;
}
.bluebigbgbox{
	width:700px;
	height:auto;
}
.bluebigbgcontent{
	padding:0 50px 40px 50px;
}
.bluebigbgcontent>h5{
	font-size:30px;
	line-height:60px;
	color:#5881c2;
}
.bluebigbgcontent>p{
	font-size:16px;
	line-height:30px;
	color:#4e4e4e;
}

.newsleftmenu{
	width:127px;
	float:left;
	margin-top:-30px;
}
.newsleftmenu ul li{
	margin-top:10px;
	line-height:52px;
}

.newsleftmenu ul li a{
	text-decoration:none;
	color:#999;
	font-size:14px;
	padding-left:20px;
	line-height:52px;
	display:block;
	width:107px;
}
.newsleftmenu ul li a:hover{
	color:#5881c2;
	transition: ease-out all 0.3s;
}
.newsleftmenu ul li a.curleftmenu{
	background:url(../images/yuanq.png) no-repeat left center;
	color:#5881c2;
}
.newtline{
	height:1px;
	background:#f7f7f7;
	width:100%;
	display:block;
	position:relative;
	margin-left:-20px;
}
.newtline span{
	position:absolute;
	width:127px;
	height:1px;
	background:#f7f7f7;
	
}

.newsleftmenu li:hover .newtline span:after {
    width: 100%;
    opacity: 1;
}
.newsleftmenu li .newtline span:after{
	content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #5881c2;
    top: 0;
    transform: translateX(0%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 0%;
    opacity: 0;
} 
.rightnewslists{
	width:1002px;
	float:right;
}
.rightnewslists ul li{
   padding-bottom:45px;
   margin-bottom:45px;
   border-bottom:1px dotted #e9e9e9;
}
.rightnewslists ul li .leftcnts, .rightnewslists ul li .leftcntstime{
	margin-top:22px;
}

.leftnewimg{
	width:271px;
	float:left;
	height:164px;
	overflow:hidden;
	transition: all 0.5s;
	position:relative
}
.rightnewslists ul li a .boxhidden{
	width: 271px;
    display: block;
    overflow: hidden;
    float: left;
    margin-right: 48px;
	
}
.rightnewslists ul li a:hover .leftnewimg{
	transform: scale(1.1);
    transition: ease-out all 0.5s;
    opacity: 0.9;
}
.rightnewslists .newsdetailtitle{
	 padding-bottom:22px;
   margin-bottom:40px;
   border-bottom:1px dotted #e9e9e9;
}
.rightnewslists .newsdetailtitle>h3{
	font-size:30px;
	font-family:Helvetica, Arial, sans-serif;
	float:left;
	width:850px;
	display:block;
	color:#333;
	line-height:40px;
	font-weight:400;
}
.rightnewslists .newsdetailtitle .newsauthor{
	width:138px;
	float:right;
	font-size:12px;
	color:#bbb;
	text-align:right;
	line-height:20px;
}
.newsdetailcontent, .newsdetailcontent p{
	font-size:16px;
	line-height:30px;
	color:#666;
}

.prointro{
	padding-top:330px;
	width:489px;
	padding-left:40px;
}
.prointro2{
	width:630px;
	margin:0;
	padding:0;
}
.prointro3{
	width:630px;
	margin:0;
	padding:0;
	padding-top:508px;
}
.prointro5{
	width:650px;
	margin:0;
	padding:0;
	padding-top:408px;
}
.prointro6{
	width:640px;
	margin:0;
	padding:0;
	padding-top:385px;
}
.prointro li{
	
	padding-bottom:20px;
	margin-bottom:16px;
	border-bottom:1px dotted #e9e9e9;
}
.prointro li:last-child{
	border:none;
}
.prointro li>h6{
	font-size:18px;
	line-height:63px;
	font-weight:400;
}
.prointro li>p{
	color:#666;
	font-size:16px;
	line-height:30px;
	font-weight:400;
	
}
.prointro li.right-left{
	width:489px;
}
.prointro li.right-left>h6{
	float:left;
	width:82px;
}
.prointro li.right-left>p{
	float:right;
	width:399px;
	margin-top:16px;
}
.bluefont{
	color:#2299d6;
}
.greenfont{
	color:#8fc31e;
}
.pinkfont{
	color:#cd7aa3;
}
.orangefont{
	color:#f48051;
}

.jobslist li{
	float:left;
	margin-right:80px;
	margin-bottom:50px;
	display:inline-block;
	height:400px;
	overflow:hidden;
	width:550px;
	
}
.jobslist li h4{
	line-height:63px;
	font-size:18px;
	font-weight:400;
	color:#333333;
}
.jobslist li p{
	font-size:14px;
	color:#999;
	line-height:26px;
}
.jobslist li:nth-child(even){
	margin-right:0px;
	} 
.sstline{
	height:1px;
	background:#f7f7f7;
	width:100%;
	display:block;
	position:relative;
	margin-bottom:20px;
}
.sstline span{
	position:absolute;
	width:270px;
	height:1px;
	background:#f7f7f7;
	
}

.jobslist li:hover .sstline span:after {
    width: 100%;
    opacity: 1;
}
.jobslist li .sstline span:after{
	content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #5881c2;
    top: 0;
    transform: translateX(0%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 0%;
    opacity: 0;
} 
.mails{
	font-size:14px;
	color:#666;
	width:100%;
	border-top:1px dashed #e9e9e9;
	margin-top:20px;
	padding-top:60px;
	text-align:center;
}
 .mails a{
	 color:#0064ff;
 }

.contactgraybg{
	width:1170px;
	height:472px;
	position:absolute;
	left:12px;
	background:#f3f3f3;
	z-index:-1;
}
.contactpage{
	background:#5881c2;
	width:1170px;
	height:461px;
}
.contactpage .leftcontact{
    float:left;
	width:643px;
}

.contactpage .rightcontact{
       float: left;
    width: 470px;
    margin-left: 40px;
    margin-top: 30px;
    color: #fff;
}
.contactpage .rightcontact>p{
	line-height:24px;
	font-size:16px;
	color:#fff;
}
.rightcontact ul{
	margin-top:20px;
}
.rightcontact ul li{
	padding-left:50px;
	background:url(../images/contacticon.png) no-repeat;
	margin-bottom:24px;
}
.rightcontact ul li>p{
	color:#fff;
	font-size:14px;
	    line-height: 24px;
}
.rightcontact ul li.ico-1{
	background-position:0px 10px ;
}
.rightcontact ul li.ico-2{
	background-position:0 -76px;
}
.rightcontact ul li.ico-3{
	background-position:0 -162px;
}
.contactlists{
	margin-top:100px;
	margin-left:110px;
}
.contactlists li{
	width:307px;
	margin-left:110px;
	margin-right:110px;
	float:left;
	overflow:hidden;
	margin-bottom:80px;
}
.contactlists li>p{
	font-size:14px;
	color:#999;
	line-height:26px;
}
#btnTop{

  z-index: 99;
  transition:all 0.5s;
   position: fixed;
    right: 10px;
    transition: bottom ease 1s;
    bottom: -95px;
    z-index: 3;
}
#btnTop button{
  border: none;
  outline: none;
  background: #c5c5c5 url(../images/backtop.png) no-repeat center center;
  color: white;
  cursor: pointer;
  width:58px;
  height:58px;
}

#btnTop:hover button{
  background-color: #5881c2;
   transition:all 0.5s;
}


.about_gaikuang_ttl{font-size:20px; line-height:40px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#5781c2;}

.pro_dot{background:url(../images/pro_dot.svg) no-repeat left top; padding-left:30px;}
