/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}



html {
    font: 62.5% "微软雅黑",Arial;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: transparent;
    height: 100%;
	background:#FAFAFA;
}

html {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

html,html body {
    width: 100%;
    height: 100%;
    overflow: hidden;

    background: #fff!important;
}


body.open {
	width: 100%;
    height: 100%;
    overflow: hidden;
}

.imgcw {
    margin: 0 auto;
    display: block;
    float: none;
    max-width: 100%;
    height: auto
}

html .scrollView {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
}
.articlehead .scrollView{
  height: 100%;
}

.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


#sitecontent{
	background: #fff;
    z-index: 1;
    position: relative;
    height: 100%;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1)
}
body.open #sitecontent {
    transform: translate3d(-260px,0,0);
    -webkit-transform: translate3d(-260px,0,0);
}
#header{
	width: 100%;
    height: 60px;
	background:#fff;
}
#header .btn {
    padding: 10px 15px;
    background: rgba(0,0,0,0);
	margin-top:5px;
}
.lcbody {
    width: 30px;
    height: 30px;
    position: relative;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
}
.lcitem {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    width: 30px;
    height: 30px;
}
.lcitem .rect {
    width: 30px;
    height: 2px;
    background: #13669c;
    position: absolute;
    left: 0;
    top: 14px;
    transition: transform 0.2s ease 0.2s;
    -webkit-transition: -webkit-transform 0.2s ease 0.2s;
}
.lcitem .rect.top {
    transform: translate3d(0px, -6px, 0px);
    -webkit-transform: translate3d(0px, -6px, 0px);
}
.lcitem .rect.bottom {
    transform: translate3d(0px, 6px, 0px);
    -webkit-transform: translate3d(0px, 6px, 0px);
}


#leftcontrol {
	opacity: 0;
    width: 260px;
    height: 100%;
    background: #FAFAFA;
    position: fixed;
	top:0;
    right: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
body.open #leftcontrol {
    opacity: 1;
}
#leftcontrol >ul {
    padding-top: 0px;
}
#leftcontrol ul li {
	display: block;
    min-height: 49px;
    font-size: 1.3rem;
    width: 100%;
    border-top: 1px solid #EBEBEB;
}
#leftcontrol ul li a {
	display: block;
	color: #666;
	padding: 0 25px;
    font-family: "HELVETICANEUELTPRO-THEX";
    height: 50px;
    line-height: 51px;
}
#leftcontrol ul li a span{
	display: inline-block;
}
#leftcontrol ul li a span.circle {
    border: #D8D8D8 1px solid;
    border-radius: 5px;
    width: 8px;
    height: 8px;
    background-color: transparent;
	margin-right: 15px;
    position: relative;
    top: 1px;
}
#leftcontrol ul li a span.more {
    width: 12px;
    height: 12px;
    position: relative;
    float: right;
    top: 20px;
}
#leftcontrol ul li a span.more span {
    background: #474747;
    position: absolute;
}
#leftcontrol ul li a span.more span.h{
	width: 12px;
    height: 2px;
	transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}
#leftcontrol ul li a span.more span.v {
    transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
    -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
}
#leftcontrol > ul > li.active a {
    background: #333;
    color: #fff;
}
#leftcontrol ul li.active a span.circle {
    border-color: #fff;
    background-color: #fff;
    margin-right: 15px;
}
#leftcontrol ul li.active a span.more span.v {
    transform: rotate3d(0,0,0,0) translate3d(0,5px,0);
    -webkit-transform: rotate3d(0,0,0,0) translate3d(0,5px,0);
}
#leftcontrol ul li .subnav {
    height: 0;
    overflow: hidden;
}
#leftcontrol ul.subnav li a {
    background: #ebebeb;
    color: #4E4E4E;
}
#leftcontrol ul.subnav li a i {
    color: #B4B4B4;
	margin-right: 20px;
    font-size: 1.5rem;
}
#leftcontrol ul.subnav li a.active{
    background: #555;
    color: #fff;
}
body.open .lcbody {
    transform: translateZ(0px) rotate(90deg);
    -webkit-transform: translateZ(0px) rotate(90deg);
}
body.open .lcitem {
    transform: translateZ(0px) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    -webkit-transform: translateZ(0px) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
body.open .lcitem.bottom {
    transform: translateZ(0px) rotate(-45deg);
    -webkit-transform: translateZ(0px) rotate(-45deg);
}

body.open .lcitem .rect {
    transition: transform 0.2s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
#rightcontrol {
    width: 100%;
    height: 100%;
    background: #fafafa;
    position: fixed;
    top: 0;
    z-index: -1;
}





#header .logo{float:left;margin-top:7px;margin-left:15px;}
#header .logo .tt{float:left;margin-left:6px;}
#header .logo .tt h1{color:#fff;font-size:16px;margin-top:9px;}
#header .logo .tt p{color:#fff;font-size:8px;margin-top:3px;}


	
		/*banner*/
#indexbanner{ width:100%; overflow: hidden; position: relative;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 10px; z-index: 999; width: 100%; color: rgba(0,0,0,0);}
#indexbanner .bx-controls .bx-pager{ text-align: center;}
#indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 3px;}
#indexbanner .bx-controls .bx-pager div a{ display: block; width: 35px; height: 3px;border-radius:3px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);}
#indexbanner .bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,1);}
#indexbanner .bx-controls .bx-controls-direction{ display: none;}
#indexbanner img{display:block;}
.insidebanner{position:relative;}
.insidebanner .tt{position:absolute;left:20px;top:45px;color:#fff;font-size:18px;}
.insidebanner .subtt{position:absolute;left:20px;top:71px;color:#fff;text-transform:uppercase;font-size:13px;}



.container{width:96%;margin:auto;}




.htt{color:#13669c;font-size:22px;position:relative;z-index:10;}
.htt span{font-size:12px;text-transform:uppercase;margin-left:6px;color:#13669c;}
.htt>a{float:right;font-size:15px;margin-top:7px;}





.about{margin-top:25px;}
.about .pic{width:100%;height:160px;margin-top:15px;display:block;overflow:hidden;}
.about .pic img{width:100%;}
.about .con{margin-top:10px;}
.about .con .tt{color:#000;font-size:18px;}
.about .con .subtt{margin-top:8px;font-size:12px;}
.about .con .des{line-height:26px;margin-top:10px;}
.about .con .more{padding-bottom:10px;margin-top:10px;display:inline-block;}
.about .tab{margin-top:15px;background:rgb(67,89,136);padding:12px 0;}
.about .tab a{float:left;width:25%;text-align:center;}
.about .tab .img{height:56px;}
.about .tab p{color:#fff;line-height:28px;}




#indexteam{width:100%;}
.team{margin:auto;overflow:hidden;}
.team .title{margin-top:45px;}
.team .left{float:left;width:100%;}
.team .left .tt{font-size:20px;font-weight:bold;color:#333;margin-bottom:15px;}
.team .left .span{font-size:13px;color:#9e9e9e;line-height:25px;}

.team .con{margin-top:30px;}
.team .con .swiper-container{ width: 100%;height: 400px;}
.team .con .swiper-slide{background:#f7f7f7; 
	  text-align: center;
	  background:#f7f7f7;
      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;}
.team .con .details{width:100%;}
.team .con .details .pic{width:100%;}
.team .con .details .pic img{width:174px;height:174px;overflow:hidden;}
.team .con .details .tt{font-size:18px;color:#343434;font-weight:bold;margin-top:45px;}
.team .con .details .des{width:80%;margin:auto;font-size:14px;color:#999999;line-height:26px;margin-top:18px;}
.team .con .details .goahead{margin:auto; margin-top:20px;width:18px;height:18px;overflow:hidden;position:relative;}
.team .con .details .goahead .im2{position:absolute;left:0px;top:0px;}

.team .swiper-button-next{width:40px;height:40px;top:50%;}
.team .swiper-button-prev{width:40px;height:40px;top:50%;}



.culture{margin-top:25px;}
.culture .con{margin-top:15px;}
.culture .con .detail{display:block;margin-bottom:15px;border-bottom:1px solid #db7f3c;}
.culture .con .detail .im{width:100%;height:160px;position:relative;overflow:hidden;}
.culture .con .detail .im .tbox{position:absolute;width:100%;text-align:center;left:0;top:50%;transform:translateY(-50%);}
.culture .con .detail .im .tt{font-size:18px;color:#fff;}
.culture .con .detail .im .subtt{margin-top:6px;font-size:12px;color:#fff;}
.culture .con .detail .des{padding:0 5px;line-height:26px;height:52px;overflow:hidden;color:#333;margin-top:8px;margin-bottom:8px;}


.news{margin-top:25px;}
.news .con{margin-top:15px;}
.news .con .pic{display:block;}
.news .con .pic .im{width:100%;overflow:hidden;}
.news .con .pic .detail{background:#13669c;padding:13px 10px;padding-bottom:10px;}
.news .con .pic .detail .time{float:left;overflow:hidden;margin-right:12px;margin-top:6px;}
.news .con .pic .detail .time p{font-weight:bold;color:#fff;font-size:36px;margin-bottom:2px;}
.news .con .pic .detail .time span{color:#6d91cd;text-align:center;}
.news .con .pic .detail .content p{color:#fff;padding-bottom:10px;border-bottom:1px solid #557cba;position:relative;}
.news .con .pic .detail .content p:after{content:"";position:absolute;left:0;bottom:0;border-bottom:1px solid #db7f3c;width:0;transition:all 0.6s ease 0s;}
.news .con .pic .detail .content .des{font-size:12px;color:#93b1e3;line-height:20px;height:40px;overflow:hidden;margin-top:6px;}
.news .con .list{height:45px;line-height:45px;border-bottom:1px solid #dcdcdc;display:block;position:relative;}
.news .con .list .tt{float:left;width:70%;color:#333;}
.news .con .list .date{float:right;color:#999;}








.product{margin-top:25px;}
.product .con{margin-top:15px;}
.product .con a{width:49%;margin-bottom:15px;display:block;float:left;}
.product .con a:nth-child(2n){float:right;}
.product .con .im{height:120px;}
.product .con .pic img{width:100%;display:block;}
.product .con p{height:40px;line-height:40px;overflow:hidden;padding:0 5px;font-size:13px;background:#13669c;color:#fff;text-align:center;}










.ne_nav{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #dcdcdc;overflow:hidden;}
.ne_nav a{float:left;width:25%;text-align:center;line-height:35px;height:35px;font-size:12px;color:#333;}
.ne_nav a.cur{background:#13669c;color:#fff;}
.ne_nav p{line-height:25px;}
.son_nav{line-height:36px;overflow:hidden;text-align:center;margin-top:12px;}
.son_nav nav{border-bottom:1px solid #d8d8d8;display:inline-block;padding-bottom:12px;}
.son_nav nav a{float:left;margin-right:10px;padding:0 10px;line-height:36px;color:#333;position:relative;font-size:12px;}
.son_nav nav a.active{background:#db7f3c;color:#fff;}






.col{line-height:220%;margin-top:20px;padding-bottom:20px;min-height:350px;}
.col h2{text-align:center;font-weight:normal;color:#000;font-size:16px;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}
.col *{max-width:100%;}
.col .pic img{display:block;margin:auto;}
.cot{line-height:220%;margin-top:20px;}


.col .file{margin-top:20px;margin-bottom:20px;}
.col .file p{float:left;text-align:center;width:100px;line-height:30px;background:#db7f3c;color:#fff;margin-right:15px;}
.col .file a{color:#333;float:left;margin-right:15px;line-height:30px;}
.serviceinfo{height:625px;width:100%;overflow:hidden;position:relative;margin-bottom:30px;}
.serviceinfo .yanjiu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.serviceinfo .yanjiu img{filter:drop-shadow(0px 0px 2px #0f5a8f); display:block;}

.serviceinfo .left{width:100%;height:305px;background:#f7f7f7;overflow:hidden;margin-bottom:15px;}
.serviceinfo .left p{ margin-left:50px;font-size:18px;line-height:33px;color:#333;margin-top:30px;}
.serviceinfo .left ul li{margin-left:50px;line-height:35px;color:#333;}
.serviceinfo .left ul li span{float:left;display:block;width:8px;height:8px;margin-top:14px;margin-right:12px;border-radius:4px;background:#919191;}

.serviceinfo .right{width:100%;height:305px;background:#13669b;overflow:hidden;}
.serviceinfo .right p{ margin-left:50px;font-size:18px;line-height:33px;color:#fff;margin-top:70px;}
.serviceinfo .right ul li{margin-left:50px;line-height:35px;color:#fff;}
.serviceinfo .right ul li span{float:left;display:block;width:8px;height:8px;margin-top:14px;margin-right:12px;border-radius:4px;background:#fff;}

.idea .detail .list{margin-bottom:10px;text-indent:2em;}



.slzs{margin:auto;min-height:350px;margin-top:15px;margin-bottom:20px;}
.slzs ul{width:100%;float:left;}
.slzs ul li{float:left;width:49%;margin-right:2%;position:relative;}
.slzs ul li:nth-child(2n){margin-right:0px;}
.slzs ul li .img{width:100%;height:130px;background:#f5f5f5;padding:5px;}
.slzs ul li .tt{text-align:center;color:#000;line-height:35px;}





.xwzx{width:100%;min-height:300px;margin-bottom:30px;margin-top:20px;}
.xwzx ul li{width:100%;height:130px;margin-bottom:15px;}
.xwzx ul li a{width:100%;height:100%;padding:10px;background:#f5f5f5;display:block;}
.xwzx ul li .img{width:40%;height:100%;float:left;overflow:hidden;margin-right:10px;}
.xwzx ul li .con .tt{font-size:15px;line-height:16px;color:#333;}
.xwzx ul li .con .des{height:66px;line-height:22px;overflow:hidden;margin-top:6px;margin-bottom:7px;font-size:12px;}
.xwzx ul li .con .date{background:url(../../images/time.png) no-repeat left center;display:inline-block;font-size:13px;}



.role{width:100%;min-height:350px;margin-bottom:20px;margin-top:20px;overflow:hidden;}
.role ul li{height:40px;line-height:40px;background:#f5f5f5;margin-bottom:15px;}
.role ul li a{width:100%;height:100%;display:block;}
.role ul li .tt{width:70%;margin-left:10px;float:left;color:#333;font-size:12px;}
.role ul li .date{float:right;margin-right:10px;color:#999;font-size:12px;}





.staff{width:100%;min-height:350px;margin-bottom:30px;margin-top:20px;}
.staff ul li{float:left;width:100%;background:#f5f5f5;margin-bottom:20px;}
.staff ul li a{width:100%;display:block;padding:10px 8px;box-sizing:border-box;}
.staff ul li .tt{font-size:16px;color:#333;line-height:18px;}
.staff ul li .des{margin-top:10px;height:72px;line-height:24px;font-size:12px;color:#999;overflow:hidden;}
.staff ul li .tim{width:100%;height:19px;margin-top:5px;}
.staff ul li .tim .date{float:left;padding-left:27px;line-height:19px;background:url(../../images/date.png) no-repeat left center;font-size:12px;color:#999;margin-right:13px;}
.staff ul li .tim .read{float:left;padding-left:30px;line-height:19px;background:url(../../images/read.png) no-repeat left center;font-size:12px;color:#999;}


.recruit_box{overflow:auto}
.recruit{width:150%;min-height:350px;margin-top:20px;margin-bottom:30px;}
.recruit .mt{height:45px;line-height:45px;background:#f9f9f9;}
.recruit .mt p{float:left;text-align:center;width:14%;color:#333;font-size:13px;}
.recruit .mt .t1{width:30%;}
.recruit .mc{background:#fff;}
.recruit .mc .list{height:40px;line-height:40px;}
.recruit .mc .list p{float:left;text-align:center;width:14%;font-size:12px;}
.recruit .mc .list .t1{width:30%;}
.recruit .mc .list a:hover{color:#db7f3c;}
.recruit .mc .tbox{width: 100%;overflow: hidden;position: relative;border: solid 1px transparent;transition: all 0.35s linear;-webkit-transition: all 0.35s linear;}
.recruit .mc .tbox.active,.recruit .mc .tbox:hover{border-color:#db7f3c; box-shadow: 0 0 5px rgba(49, 146, 63, 0.35);}
.recruit .mc .tbox .con{width: 100%;line-height: 2em;padding:10px;font-size:12px;display: none;border-top:1px solid #ebebeb;}





.online{width:100%;margin-top:10px;margin-bottom:10px;}
.online .con{margin-bottom:20px;}
.online form{width:100%;}
.online .text{width:100%;height:38px;margin-bottom:10px;}
.online .text input[type="text"]{width:70%;height:36px;border:1px solid #c9c9c9;padding-left:4%;}
.online .text input[type="radio"]{margin-right:5px;position:relative;top:2px;}
.online .text p{float:left;width:22%;padding-right:2%;line-height:38px;padding-left:1%;}
.online .text p span{color:#eb0000;position:relative;top:2px;}
.online .verify{height:38px;margin-bottom:10px;}
.online .verify p{float:left;width:22%;padding-right:2%;line-height:38px;padding-left:1%;}
.online .verify p span{color:#eb0000;position:relative;top:2px;}
.online .verify input{width:35%;height:36px;border:1px solid #c9c9c9;float:left;padding-left:2%;margin-right:2%;}
.online .verify img{cursor:pointer;width:32%;height:40px;}
.online .submit{width:100px;height:30px;color:#fff;cursor:pointer;background:#be252e;margin-left:20%;float:left;border:none;margin-right:5%;}
.online .reset{width:100px;height:30px;color:#fff;cursor:pointer;background:#4389cb;float:left;border:none;}


input[type="text"],input[type="submit"],input[type="reset"]{
    -webkit-appearance: none;
}






.orientation{margin-top:20px;}





/*footer*/
.footer{background:#13669c;padding:10px 0;line-height:200%;text-align:center;font-size:13px;color:#fff;}
.footer *{color:#fff;}

.footer_top{margin-top:10px;margin-bottom:10px;}
.footer_top .logo{ padding-bottom:20px;max-width:100%;}
.footer_top img{display:block;margin:auto;}
.footer_top .address{width:60%;float:left;}
.footer_top .address .title{font-size:14px;color:#fff;width:90%;margin:auto;}
.footer_top .address .des{width:90%;margin:auto;font-size:12px;color:#fff;line-height:26px;margin-top:8px;}
.footer_top .address .des *{color:#fff;}
.footer_top .wx{text-align:center;float:right;width:40%;margin-top:6px;}
.footer_top .wx p{color:#fff;margin-top:6px;}
.footer_bottom{border-top:1px solid #0771b7;}



.mypage{
    text-align: center;
    margin:auto;
	margin-top:15px;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 4px 8px;
	margin: 5px;
	font-size:12px;
}		
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}