@charset "utf-8";



* {	margin: 0;	padding: 0;}



body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}



body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}

table tr td{border:1px solid #d7d7d7;padding:0 5px;}

h1,h2,h3,h4,h5,h6 {	font-size: 100%;}



ul,ol,li {	list-style: none; }



a {	text-decoration: none;	color: #484848; }



a:hover {	color: #0050a5;}



img {	border: 0px;}



em{ font-style:normal;}



table {	border-collapse: collapse;	border-spacing: 0;}



html,body {	color: #000000;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}



.hide {	display: none;}



.clear {	clear: both;}



.pic100 img{width:100%;}



h1{ font-size:26px;color:#464646;}



::selection { color: #fff; background-color: #4992c5;}    



::-moz-selection { color: #fff; background-color: #4992c5;} 



.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}



.f-turn{-webkit-transition: all .3s ease-in;



    -moz-transition: all .3s ease-in;



    -ms-transition: all .3s ease-in;



    -o-transition: all .3s ease-in;



    transition: all .3s ease-in;}



.fl{float:left;}



.fr{float:right;}



.pad0{padding:0 !important;}



.pad60{padding:60px 0 !important;}



.top33{ margin-top:33px;}



.top60{ margin-top:60px;}



.overflow{ overflow:hidden;}



.clear {clear:both;visibility:hidden;display:block;font-size:0;line-height:0;}



.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}



.clearfix {*zoom:1;}



.white,.white a{ color:#fff;}



.rela{ position:relative;}



.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}











header{font-size:17px; background-color:#fff;padding:17px 0;}



.search{margin-top:20px;}



.search form{z-index:2;}



.search form button{float:right;width:40px;height:30px; text-align:center; background:#fff url(../images/icon2.png) no-repeat center center;}



.search form input{ position:absolute;right:40px;top:0; font-size:14px;float:right;width:0;line-height:30px; background-color:#4f86c5; text-indent:15px;color:#fff;}



.search:hover form input{width:200px; background-color:#4f86c5;}



.search:hover form button{ background:#4f86c5 url(../images/icon3.png) no-repeat center center;}



.search form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff;}



.search form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff;}



.search form input:-ms-input-placeholder{  color: #fff;}



.search form input::-webkit-input-placeholder{  color: #fff;}



.logo{display: inline-block;}



.toptel{margin:22px 5px 0 0; border-right:1px solid #cccccc;padding-right:16px;}



.toptel i{width:20px;height:20px; display:inline-block;margin-right:10px;background:url(../images/icon1.png) no-repeat; vertical-align:middle;-webkit-animation: iphone 2s ease-in infinite;	-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}



.toptel b{color:#0050a5;}



@-webkit-keyframes iphone {



 10% {-webkit-transform: rotate(15deg)}



 10% {-webkit-transform: rotate(15deg)}



 12% {-webkit-transform: rotate(15deg);}



 14% {-webkit-transform: rotate(-15deg);}



 16% {-webkit-transform: rotate(15deg);}



 18% {-webkit-transform: rotate(-15deg);}



 20% {-webkit-transform: rotate(15deg);}



 22% {-webkit-transform: rotate(-15deg);}



 24% {-webkit-transform: rotate(15deg);}



 26% {-webkit-transform: rotate(-15deg);}



 28% {-webkit-transform: rotate(15deg);}



 30% {-webkit-transform: rotate(-15deg);}



 32% {-webkit-transform: rotate(15deg);}



 34% {-webkit-transform: rotate(-15deg);}



 36% {-webkit-transform: rotate(15deg);}



 38% {-webkit-transform: rotate(-15deg);}



 40% {-webkit-transform: rotate(0deg);}



 100% {-webkit-transform: rotate(0deg);}



}



nav{text-align:center; background-color:#0c6eb3; position:relative; z-index:9;padding-top:3px;}



nav li{ float:left;width:11.111%; position:relative;}



nav li>a{ display:block;line-height:50px;height:50px;font-weight:bold; color:#fff;}



nav li>a:after{content:'';width:1px;height:17px; background-color:#2778b8;float:right;margin-top:17px;}



nav li>div{ position:absolute;width:400%;top:100%;left:0; background-color:rgba(255,255,255,0.9);padding:30px; overflow:hidden; border-radius:0 0 5px 5px; display:none;}



nav li:nth-child(6)>div,nav li:nth-child(7)>div,nav li:nth-child(8)>div,nav li:nth-child(9)>div{right: 0;left:inherit;}



.navdivL{width:62%;float:left; text-align:left;}



.navdivL a{color:#666666; display:inline-block;width:48%;float:left; padding-bottom:10px; border-bottom:1px dashed #666666;margin:12px 2% 0 0;}



.navdivR{width:36%;float:right;}



nav li:hover>a{color:#0c6eb3; background-color:#fff; border-radius:8px 8px 0 0;}



/*nav li>a.cur{color:#98fe62;}*/



nav li:hover > div{ display:block;}



.navdivL a:hover{color:#0c6eb3;border-bottom:1px dashed #0c6eb3; font-weight:bold;}



#owl-demo .owl-pagination{position: absolute;width: 100%; bottom: 54px;}



#owl-demo .owl-theme .owl-controls .owl-page span{margin: 5px 6px;}



.bannerbottom{ background-color:#f4f4f4;padding:0 30px 30px;}



.bannerbottomC{ background-color:#fff;padding:40px 30px;margin-top: -50px;position: relative;}



.bannerbottomC dl a,#owl-demo4 a{ overflow:hidden; display:block;}



.bannerbottomC dl{width:11%;float:left;margin:0 0.64%;}



.bannerbottomC dl dt div{ background-color:rgba(1,90,171,0.77);color:#fff; position:absolute;top:0;left:0;width:100%;height:100%; font-size:12px; text-align:left;padding:20px;transform:rotate(90deg);



-ms-transform:rotate(90deg); 	/* IE 9 */



-moz-transform:rotate(90deg); 	/* Firefox */



-webkit-transform:rotate(90deg); /* Safari 和 Chrome */



-o-transform:rotate(90deg); 	/* Opera */



-webkit-transform-origin: bottom right;



    -moz-transform-origin: bottom right;



    -ms-transform-origin: bottom right;



    -o-transform-origin: bottom right;



    transform-origin: bottom right;}



.bannerbottomC dl dt div p{line-height:22px;height:66px; overflow:hidden;}



.bannerbottomC dl dd,#owl-demo4 a h5{ font-weight:bold;margin-top: 10px;}



.bannerbottomC dl dd:after,#owl-demo4 a h5:after{ content:''; width:30px;height:2px; background-color:#e5e5e5; display:block;margin:8px auto 0;}



.bannerbottomC dl a:hover dt div,.honor dl a:hover dt div{transform:rotate(0deg);



-ms-transform:rotate(0deg); 	/* IE 9 */



-moz-transform:rotate(0deg); 	/* Firefox */



-webkit-transform:rotate(0deg); /* Safari 和 Chrome */



-o-transform:rotate(0deg);}



.h_title{ font-size:24px;font-weight:bold;color:#0050a5; margin-bottom:20px;}



.h_title a{color:#0050a5;}



.h_title:before{ content:'';width:3px;height:25px; display:inline-block; vertical-align:middle;margin-right:10px; background-color:#0050a5;}



.h_title span a{ color:#666666;font-size:14px;font-weight:100;}



.h_new{width:70%;float:left;}



.h_newCR .tab,.h_openC .tab,.h_technologyC .tab{ overflow:hidden; background:#f4f4f4; border-top:1px solid #0050a5;}



.h_newCR .tab a,.h_openC .tab a,.h_technologyC .tab a{ display:block;padding:12px 0;float:left; text-decoration:none; color:#333; text-align:center;width:33%;}



.h_newCR .tab a.on,.h_openC .tab a.on,.h_technologyC .tab a.on{ background:#0050a5; color:#fff; text-decoration:none;}



.h_newCR .content,.h_openC .content,.h_technologyC .content{ overflow:hidden;border:1px solid #ededed;padding:12px 23px;}



.h_newCR .content li,.h_openC .content li,.h_technologyC .content li{ display:none;}



.h_newCR .content li a{ line-height:34px;display: block;}



.h_newCL h5{ background-color:#f4f4f4;line-height:50px;padding:0 65px 0 20px;}



.h_newCL .owl-pagination{ position:absolute;right:20px;bottom:6px;}



.h_about{float:right;width:28%;}



.h_aboutC{border:1px solid #ededed;padding:23px;}



.h_aboutC b{font-size:16px; color:#0050a5;}



.h_aboutC article{margin-top:10px;line-height:25px;height:100px; overflow:hidden;}



.h_aboutnav{ margin-top:10px; overflow:hidden;}



.h_aboutnav a{ display:inline-block; background-color:#eff6fc;padding:10px; color:#0050a5;font-size:16px;width:47%;margin:5px 1%;}



.h_aboutnav a:hover{ background-color:#d4ebff;}



.h_aboutnav a img{width:32px;display: inline-block;margin-right: 10px;}



#owl-demo3 .owl-buttons{ display:none;}



.h_honorC{ background-color:#f4f4f4; padding:40px;}



.h_honorCC{ background-color:#fff;padding:40px;}



.h_honorC dl dd{ margin-top:10px;}



.h_openC .tab a,.h_technologyC .tab a{ width:24%;}



.h_openC .content li p a,.h_technologyC .content li p a,.tarinTR p a{ display:inline-block;width:70%;line-height: 34px;}



.h_openC .content li p a:before,.h_technologyC .content li p a:before,.tarinTR p a:before{width:10px;height:10px; display:inline-block; background:url(../images/icon10.png) no-repeat; vertical-align:middle;margin-right:10px;content:'';}



.h_openC .content li p time,.h_technologyC .content li p time,.tarinTR p time{float:right; margin-top:8px;color:#999999; display:inline-block;}



.h_openC .content li div{margin:30px;line-height: 36px;max-height:329px; overflow:hidden;}



.link{ background:url(../images/bg1.jpg) repeat-y; background-size:100%;}



.link span{ font-size:20px; display:inline-block;margin-right:10px;}



.linkC{float:right;width:87%; background-color:#014893;padding:20px 0 20px 2%;}



.linkC a{ display:inline-block;margin:0 15px;}



.linktitle{ margin-top:14px;float:left;}



.bq{ background-color:#0a0a0a;padding:17px 15px;color:#ababab;}



.bq a{color:#ababab;}



.bq span{ display:inline-block;margin:0 10px;}



footer{ background-color:#012245;}



.footT{border-bottom:1px solid #1b3856;padding:40px 0 10px;}



.footTL{width:24%;float:left;}



.footTL img{ display:block;margin-bottom:20px;}



.footTL b{ font-size:16px;}



.footTL article{ margin-top:10px;line-height:30px;color:#bbbbbb;}



.footTL article span{ font-size:18px; font-weight:bold;}



.footTR{width:76%;float:right;}



.footTR dl{ float:left; margin:0 2%;}



.footTR dl dt{ font-size:18px;}



.footTR dl dd a{color:#bbbbbb;margin:15px 0;}

.footTR dl.dl1 dd a:first-child,.footTR dl.dl1 dd a:nth-child(3),.footTR dl.dl1 dd a:nth-child(5){ display:none;}

.footTR dl a{ display:block;}



.footB { padding:20px 0;}



.footB span{ display:inline-block;margin:5px 20px;color:#bbbbbb;}



.footBL{width:40%;float:left;}



.side{position:fixed;right:0;bottom:30%;z-index:100; background-color:#eff6fc; border-radius:5px 0 0 5px;}



.side ul li{width:69px;position:relative;border-bottom:1px solid #fff;}



.side ul li a{padding: 15px 10px; text-align:center; display:block;margin:auto; font-size:12px;color:#0050a5;}



.side ul li a img{ display:block;margin:0 auto 5px;}



.side ul li .sidebox{position:absolute;width:0;height:82px;top:0;right:0;line-height:82px;color:#014893;transition:all 0.3s;overflow:hidden;background-color: #eff6fc;font-size:20px; font-weight:bold;}



.sidecode{ width:141px;height:180px; background-color:#014893;    position: absolute; padding:10px;left: -141px; color:#fff;  display:none; top:0;}



.sidecode img{ margin-bottom:10px;}



a:hover.sidewx .sidecode{ text-align:center; display:block; opacity:1;filter:Alpha(opacity=100);animation-delay: 0.2s;transition: all 0.2s;}



.side ul li:hover a{ background-color:#d4ebff;}



.othercontent{ background-color:#f9f9f9;padding:34px 0 55px;}



.othercontent2{padding:34px 0 55px;}



.contentleft{width:18%;float:left;}



.contentright{width:80%;float:right;}



.othernav{ background-color:#fff; border:1px solid #ededed;padding:20px;border-bottom:2px solid #0050a5;font-size:15px;}



.othernav a{ display:block;line-height:22px;padding: 14px 0; border-bottom:1px solid #ededed; overflow:hidden;}



.othernav a span{ float:right;}



.othernav a:hover,.othernav a.cur{ color:#0c6eb3;font-weight:bold;}



.sidenew{border-bottom:2px solid #0050a5;}



.site{ float:right;font-size:13px;color:#999999;margin-top:10px;font-weight:100;}



.site p{display: inline;}



.site i{width:16px;height:16px; display:inline-block; vertical-align:middle;margin-right:10px; background:url(../images/icon15.png) no-repeat;}



.site a{color:#999999;}



.righttitle{border-bottom: 1px solid #ededed;}



.righttitle .h_title{font-size: 20px;}



.gsjj,.live,.technologyT,.technologymain,.equipmentmain,.arealist,.new,.newmain{ line-height:35px;color:#444444; font-size:15px;padding: 0 3%;}



.gsjj1R1{width:370px;height:370px; border-radius:100%; border:3px solid #0c6eb3; overflow:hidden;margin:50px 0 0 50px;}



.gsjj1R1 h5{ background-color:#0c6eb3;color:#fff; text-align:center;font-size:16px;line-height:66px; position:absolute;width:100%;bottom:0;left:0;}



.gsjj1R2{ background-color:rgba(12,110,179,0.74);width:370px;height:370px; border-radius:100%; position:absolute;left: 21%;top: 40px;z-index: -1;}



.gsjj1R3{ background-color:rgba(12,110,179,0.74);width:110px;height:110px; border-radius:100%; position:absolute;right: 14%;top: 40px;z-index: -1;}



.gsjj1R4{ background-color:rgba(12,110,179,0.74);width:50px;height:50px; border-radius:100%; position:absolute;left: 32%;top: 13px;z-index: -1;}



.gsjj1R5{ background-color:rgba(12,110,179,0.74);width:50px;height:50px; border-radius:100%; position:absolute;left: 16px;top: 267px;z-index: -1;}



.gsjj1R1 {animation-delay: 0.2s;}



.gsjj1R3 {animation-delay: 0.4s;}



.gsjj1R4 {animation-delay: 0.6s;}



.gsjj1R5 {animation-delay: 0.8s;}



.gsjj2,.gsjj3{ background-color:#fff;margin:33px 4% 0;}



.gsjj2 p{ float:right;width:56%;margin:47px 30px 0 0;}



.gsjj3 img{ float:right;}



.gsjj3 p{ float:left;width:56%;margin:47px 0 0 30px;}



.gsjjadvantage{ margin:33px 4% 0;}



.gsjjadvantageCR .tab{width:150px;float:left; font-size:20px;}



.gsjjadvantageCR .tab a{ display:block; padding:21px 0; text-align:center;text-decoration:none; color:#0c6eb3;border-top:1px solid #ededed;}



.gsjjadvantageCR .tab a:first-child{border-top:0;}



.gsjjadvantageCR .tab a span{width:34px;height:34px; border:2px solid #0c6eb3;line-height:30px; text-align:center; display:inline-block;border-radius:100%; margin-right:10px;}



.gsjjadvantageCR .tab a.on{ background:#0c6eb3; color:#fff; text-decoration:none;}



.gsjjadvantageCR .tab a.on span{ border-color:#fff;}



.gsjjadvantageCR .content{ overflow:hidden; padding:30px;line-height: 26px;    border-left: 1px solid #ededed;}



.gsjjadvantageCR .content li{ display:none;}



.gsjjadvantageCR .content li img,.gsjj img,.newmain article img{ max-width:100%;}



.gsjjadvantageCL{ width:36%;float:left;}



.gsjjadvantageCR{ width:64%;float:right; background-color:#fff;border:1px solid #ededed;}



.cultureL{float:left;width:50%;}



.cultureLtitle{ font-size:24px;}



.cultureLtitle b{ font-size:30px;color:#0c6eb3;}



.cultureLtitle span{font-size: 20px;color: #fff;text-transform: uppercase;background-color: #eb5a18;border-radius: 20px;padding: 3px 35px;display: inline-block;margin-left: 10px;}



.cultureLC{margin-top:30px;}



.listimg{padding: 10px 0 0 10px;float: left;width: 89px;}



.cultureLC .list{ margin:22px 0;}



.cultureLC .list img{ position:relative; z-index:2;}



.listimgbg { width:76px;height:76px; position:absolute !important;top:0;left:0; z-index:0 !important;-webkit-animation:swinging 30s linear  0s infinite;



   -moz-animation:swinging 30s linear  0s infinite;



   -ms-animation:swinging 30s linear  0s infinite;



   -o-animation:swinging 30s linear  0s infinite;



   animation:swinging 30s linear  0s infinite;}



@keyframes swinging{ from { transform: rotate(0deg);} to { transform: rotate(360deg);}}



@-webkit-keyframes swinging{ from { -webkit-transform: rotate(0deg);} to{ -webkit-transform: rotate(360deg);}}



@-moz-keyframes swinging{ from { -moz-transform: rotate(0deg);} to{ -moz-transform: rotate(360deg);} }



@-ms-keyframes swinging{ from { -ms-transform: rotate(0deg);} to{ -ms-transform: rotate(360deg);}}



@-o-keyframes swinging{ from { -o-transform: rotate(0deg);} to{ -o-transform: rotate(360deg);}}



.cultureLC .list h5{ font-size:20px;color:#0c6eb3;font-weight:bold;}



.cultureLC .list p{ font-size:16px;margin-left: 89px;}



.cultureR{width:60%;float:right;margin:-30px 0 0 -10%;padding-top:60px;}



.cultureRbg{width:100%; position:absolute;top:0;left:0;-webkit-animation:swinging 10s linear  0s infinite;



   -moz-animation:swinging 20s linear  0s infinite;



   -ms-animation:swinging 20s linear  0s infinite;



   -o-animation:swinging 20s linear  0s infinite;



   animation:swinging 20s linear  0s infinite;}



.cultureimg{ border-radius:100%; overflow:hidden;width:500px;height:500px; display:inline-block;}



.train{padding:0 3%;}



.tarinT{ padding-bottom:30px;border-bottom:1px dashed #ededed;}



.tarinTL{width:440px;float:left;}



.tarinTR{width:calc(100% - 480px);float:right;}



.tarinTR p{ line-height: 34px;border-bottom:1px dashed #ededed;margin-top: 12px;}



.tarinTR p:last-child{ border-bottom:0;}



.tarinTR p time{margin-top: 0px;}



.tarinlist dl{ padding:35px 0;border-bottom:1px dashed #ededed; overflow:hidden; position:relative;}



.tarinlist dl dt{width:300px;float:left;}



.tarinlist dl dd{width:calc(100% - 340px);float:right;}



.tarinlist dl dd h5{ font-weight:bold; font-size:16px;}



.tarinlist dl dd time{ display:block;margin:14px 0;color:#999999;}



.tarinlist dl dd time span{ display:inline-block;margin-right:10px;}



.tarinlist dl dd p{line-height:25px; height:50px; overflow:hidden;color:#666666;}



.tarinlist dl dd span.more,.technologylist dl dd span.more{ width:130px;height:34px; line-height:34px; text-align:center; background-color:#0c6eb3;color:#fff; display:inline-block;margin-top:58px;}



.tarinlist dl a:hover img,.technologylist dl a:hover img{-webkit-transform: scale3d(1.05,1.05,1); 	transform: scale3d(1.05,1.05,1);}



.tarinlist dl a{ display:block; position:relative;}



.tarinlist dl:after{ width:0;height:3px; background-color:#0c6eb3; position:absolute;bottom:0;left:0; content:'';-webkit-transition: all .5s ease-in;



    -moz-transition: all .5s ease-in;



    -ms-transition: all .5s ease-in;



    -o-transition: all .5s ease-in;



    transition: all .5s ease-in;}



.tarinlist dl:hover:after{width:100%;}



.tarinlist dl:hover dd span.more,.technologylist dl:hover dd span.more,a:hover.backbtn,.achievement dl a:hover dd span{ background-color:#085286;color:#fff;}



.pagelist{ text-align:center; margin-top:40px;}



.pagelist li{ display:inline-block;margin:0 3px;}



.pagelist li a,.pagelist li span{ display:block;height:40px;line-height:40px;padding: 0 16px; border:1px solid #dcdcdc; background-color:#cccccc;color:#fff;}



.pagelist li a:hover,.pagelist li a.cur,.pagelist li.active span{ background-color:#004793; color:#fff;}



.live dl,.honor dl,.area dl{ margin:20px 0;}



.live dl a dt:before { content: ' '; position: absolute; background: #fff; width: 25px; height: 350px; top: 0; left: -100%; opacity: 0.3;



 -webkit-transition: all 0.5s ease-out;



 transition: all 0.5s ease-out;



 -webkit-transform: skewX(-25deg);



         transform: skewX(-25deg);}



.live dl a:hover dt:before { width: 25px; left: 110%;}



.live dl a dd{border:1px solid #ededed;line-height:70px; position:relative;}



.live dl dd:after,.honor dl a dd:after,.newlist dl a time:after{z-index: -1;content:'';position:absolute;top:0; left:0; display:block;width:100%;height:100%;transform-origin: 100%; background-color:#0050a5;



    -webkit-transform-origin: 100%;



    -webkit-transition: -webkit-transform .45s cubic-bezier(.4,0,.2,1);



    transition: -webkit-transform .45s cubic-bezier(.4,0,.2,1);



    transition: transform .45s cubic-bezier(.4,0,.2,1);



    transition: transform .45s cubic-bezier(.4,0,.2,1),-webkit-transform .45s cubic-bezier(.4,0,.2,1);



    transform: scaleX(0);



    -webkit-transform: scaleX(0);



    visibility: hidden\9;}



.live dl a:hover dd:after,.honor dl a:hover dd:after,.newlist dl a:hover time:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}



.live dl a:hover dd,.honor dl a:hover dd p{ color:#fff;}



.honor dl dt div,.area dl dt div{ position:absolute;top:0;left:0;width:100%;height:100%; background-color:rgba(12,110,179,0.8);color:#fff;}



.honor dl dt div img{width:35px; display:block;margin:14% auto 10px;}



.honor dl a{ display:block;border:1px solid #ededed;}



.honor dl a dd{border-top:1px solid #ededed; padding:15px; background-color:#f9f9f9;font-size: 13px;line-height: 22px;height: 72px;overflow:hidden; position:relative;}



.honor dl a dd:after{z-index: 2;}



.honor dl a dd p{ position:relative; z-index:3;}



.honor dl a dt div{transform:rotate(90deg);



-ms-transform:rotate(90deg); 	/* IE 9 */



-moz-transform:rotate(90deg); 	/* Firefox */



-webkit-transform:rotate(90deg); /* Safari 和 Chrome */



-o-transform:rotate(90deg); 	/* Opera */



-webkit-transform-origin: bottom right;



    -moz-transform-origin: bottom right;



    -ms-transform-origin: bottom right;



    -o-transform-origin: bottom right;



    transform-origin: bottom right;}



.technologyT{ background-color:#f9f9f9;border:1px solid #ededed;padding:23px;}



.technologyT .number{display:flex; flex-direction:row;}



.technologyT .number dl{margin: 0 2%;min-width: 14%;}



.technologyT .number dl dt{font-size:18px;}



.technologyT .number dl dt b{font-size:34px;color:#ed0000;}



.technologyT .number dl dd{ font-weight:bold;}



.technologylist dl{ padding:10px 15px !important; }



.technologylist dl a{ display:block; box-shadow:0 0 10px #efefef; overflow:hidden;border:1px solid #ededed;}



.technologylist dl dt{width:223px;float:left;}



.technologylist dl dd{width:calc(100% - 240px);float:right;padding:20px 20px 0 0;}



.technologylist dl dd h5 b,.techmainR h5 b{color:#0c6eb3;font-size:20px; display:inline-block;margin-right:10px;}



.technologylist dl dd .describe{margin:15px 0;line-height:25px;height:135px; overflow:hidden;}



.technologylist dl dd .describe p,.techmainR h6{font-size:16px;line-height:25px;font-weight:bold;margin-bottom:10px;}



.technologylist dl dd span.more{margin-top: 9px;}



.technologylist dl a:hover{ box-shadow:0 0 10px #0c6eb3;border:1px solid #0c6eb3;}



.technologymain h1,.equipmentmain h1,.newmain h1,.open3title,.open2 h1{ text-align: center; font-size: 24px; font-weight:bold;color:#0050a5;}



.technologymain time,.equipmentmain time,.newmain time{display: block;margin-top: 15px;text-align: center;color: #b6b6b6;}



.technologymain time span,equipmentmain time span,.newmain time span{display: inline-block;margin: 0 15px;}



.technologymain article,.equipmentmain article,.newmain article { margin-top: 30px;color: #666666;line-height: 30px;border:1px solid #ededed;}



.techmainpic {width:370px;float:left;}



.techmainR{width:calc(100% - 390px);float:right;padding:30px;}



.techmainR h6{color:#333333;margin:11px 0 30px;}



.prenext{margin:50px 0 0;border-top:1px solid #ededed;padding-top: 30px;}



.prenextL{width:80%;}



.prenextL p{margin:3px 0;}



.backbtn{ position:absolute;right:0;top:45px; background-color:#0c6eb3;color:#fff;padding:3px 30px;}



.equipmentmain article {border:0;}



.area dl a{ display:block; background-color:#fff;border:1px solid #ededed; overflow:hidden;}



.area dl a dt div{display: flex;justify-content:center;align-items:Center;top: -80%; opacity:0;}



.area dl a dt div p{ line-height:25px;max-height:100px; overflow:hidden;padding:0 20px;}



.area dl a dd{padding:56px 20px 30px;font-size:16px; font-weight:bold;}



.area dl a dd p:after{ display:block;margin:10px auto 0;content:'';width:30px;height:2px; background-color:#e5e5e5;}



.area dl a dd p{ z-index:2;}



.area dl a .icon{ position:absolute;bottom:87px;width:62px;height:62px; border:2px solid #1a76d2; border-radius:100%;left:50%;margin-left:-32px; background-color:#fff; background-position:0 0; background-size:100% !important;}



.area dl a dd div{width:100%;height:0; background-color:#1a76d2; position:absolute;bottom:0;left:0;-webkit-transition: all .3s ease-in;



    -moz-transition: all .3s ease-in;



    -ms-transition: all .3s ease-in;



    -o-transition: all .3s ease-in;



    transition: all .3s ease-in;}



.area dl a dd div p{margin-top:56px;color:#ff7200;}	



.area dl a:hover dd div p:after{ background-color:#ff7200;}



.area dl a:hover dt div{top:0; opacity:1;}



.area dl a:hover dd div{height:110%;}



.area dl a:hover dd p{ color:#fff;}



.area dl a:hover .icon {bottom:100px;background-position:0 -62px !important;



    -webkit-animation: bounceIn 1s ease-out 0.5s 1 forwards;



    -moz-animation: bounceIn 1s ease-out 0.5s 1 forwards;



    -ms-animation: bounceIn 1s ease-out 0.5s 1 forwards;



    -o-animation: bounceIn 1s ease-out 0.5s 1 forwards;



    animation: bounceIn 1s ease-out 0.5s 1 forwards;



}



.arealist{float:none;width:100%;margin-top: 34px;}



.newlist dl a{ display:block;border-bottom: 1px solid #ededed;padding:32px 0;}



.newlist dl a time{width:94px;padding:14px 0; background-color:#f9f9f9; border-bottom:2px solid #035ebe; font-size:16px; float:left; display:block;}



.newlist dl a time b{ font-size:24px; display:block; font-weight:100; z-index:2;}



.newlist dl a time p{  z-index:2;}



.newlist dl a dt{width:calc(100% - 220px);float:left;margin-left:25px;}



.newlist dl a dt h5{ font-size:16px;}



.newlist dl a dt p{ line-height:30px; height:60px; overflow:hidden;margin-top:16px;color:#636363;}



.newlist dl a dd{width:100px;float:right;padding:20px 0 20px 0;border-left: 1px solid #ededed;}



.newlist dl a dd i{width:20px;height:16px; display:block; background:url(../images/icon30.png) no-repeat center center;margin:10px auto 0;}



.newlist dl a:hover dt h5{ font-weight:bold;}



.newlist dl a:hover dd i{background:url(../images/icon31.png) no-repeat center center;}



.newlist dl a time:after{z-index: 0;}



.newlist dl a:hover time{color:#fff;}



.newmain h1{border-bottom: 1px solid #ededed;padding-bottom:10px;}



.newmain time{margin-top: 7px;}



.newmain .info{ background-color:#eeefef;padding:20px;}



.empty{ display:none;}



.newmain article{ border:0;padding: 0 10%;}

.newmain article table{ width:80%!important;}

/*.newmain article table tr td:nth-child(1){ width:20%!important;}*/



.achievement { background-color:#f9f9f9;padding:60px 90px;}



.achievement dl{ margin:40px 0;}



.achievement dl a{ display:block; background-color:#fff;}



.achievement dl dt{height:371px;}



.achievement dl dd{padding:52px 35px;}



.achievement dl dd h5{font-size:20px;color:#0050a5; font-weight:bold;}



.achievement dl dd h5:before{ content:'';width:0;height:1px; background-color:#0050a5; display:inline-block; vertical-align:middle;margin-right:10px;-webkit-transition: all .3s ease-in;



    -moz-transition: all .3s ease-in;



    -ms-transition: all .3s ease-in;



    -o-transition: all .3s ease-in;



    transition: all .3s ease-in;}



.achievement dl dd p{margin-top:30px;line-height:30px;height:120px; overflow:hidden;color:#444444;}



.achievement dl dd span{ background-color:#f9f9f9;border:1px solid #ededed; padding:10px 30px; display:inline-block; margin-top:47px;}



.achievement dl a:hover dd h5:before{width:30px;}



.achievement dl:nth-child(even) dt{ float:right;}



.achievement dl:nth-child(even) dd{ float:left;}



.open1T{ line-height:35px;color:#444444; font-size:15px;}



.open1search{ background-color:#f9f9f9; border:1px solid #ededed;padding:30px;margin-top:30px;}



.open1search h5{float:left;font-size:16px; font-weight:bold;color:#666666;margin-top: 28px;}



.open1search select{ float:left;margin-right:1%;line-height:32px;border:1px solid #ededed;padding: 8px 12px;color:#999999;min-width: 23%;}

.open1search select#cost,.open1search select#review{min-width: 39%;}

.open1searchR{ float:right;width:calc(100% - 100px);}



.open1searchR select{ margin-bottom:10px;}



.open1searchR button{ background-color:#0c6eb3;color:#fff; padding:9px 42px;}



.open1searchR button:hover{ opacity:0.8;}



.open1list th{ text-align:center; background-color:#0c6eb3;color:#fff;padding:10px 0;border-right:1px solid #fff; }



.open1list td{padding:10px 0;border-right:1px solid #fff;}



.open1list tr:nth-child(odd){ background-color:#eff6fc;}



.open1search input{float: left;margin-right: 1%;line-height: 32px;border: 1px solid #ededed;padding: 3px 12px;color: #999999;    width: 44%;}



.hraddress{ color:#0c6eb3;}



.hraddress img{width:105px;}



.hrlistT{ background-color:#ededed; font-weight:bold;}



.hrlistT div{width:20%; border-right:1px solid #fff;padding:3px 0;}



.hrlistBtitle div{width:20%; padding:3px 0;}



.hrlistBinfo{ background-color:#fcfcfc;padding:30px; display:none;}



.hrlistB .hrlistBC:nth-child(odd){ background-color:#f9f9f9;}



.hrlistBC.open .hrlistBtitle { background-color:#0c6eb3;color:#fff;}



.hrlistBtitle i{ width:20px;height:20px; display:inline-block; vertical-align:middle;margin:8px 17px 0 0; background:url(../images/icon33.png) no-repeat;float:right;position: absolute;right: 10px;}



.hrlistBC.open .hrlistBtitle i{background:url(../images/icon34.png) no-repeat;}



.map{height:480px;}



.contact{margin-bottom:10px;}



.contactC{ background-color:#f3ecf3; padding:20px; position:absolute;top:100px;left:14%;width:444px;}



.contactcenter{margin:20px 0;}



.contactcenter p{ margin:10px 0;}



.contactcenter p img{width:27px; display:inline-block;margin-right:15px; vertical-align:middle;}



.contactB{margin-top:20px;overflow: hidden;}



.contactB img{width:104px;float:left;}



.contactB article{float:right;width:calc(100% - 130px); overflow:hidden;}



.contactB article .p1{color:#e30000;}



.contactB article .p2{color:#e30000;margin-top:4px;font-size:17px;}



.contactB article .p3{color:#666666;margin-top:15px;font-size:14px;}



.contact1 div{ background-color:#f4f4f4;margin:0 0.5%;width:24%;float:left;padding:20px 20px; border-radius:5px;line-height:23px;font-size:13px;min-height:142px;}



.contact1 div h5{ font-weight:bold;margin-bottom:10px;}



.contact2C div{ background-color:#f4f4f4;border-radius:5px;padding:11px 16px;margin:8px 0.7%;float:left;    width: 31.7%; line-height: 25px;height: 74px;}



.contact2 .h_title{font-size:16px;margin-bottom: 9px;}



.contact2 .h_title:before { width: 2px;height: 18px; margin-right: 10px;}



.message{ background-color:#f9f9f9; border: 1px solid #ededed;padding:30px;}



.messageL{width:56%;padding-right: 5%;float:left;position:relative;}



.messageL:after{ width:1px; height:325px; background-color:#ededed;content:''; position:absolute;right:0;top:79px;}



.messageL form > div {margin:5px 0;padding:0 5px !important;}



.messageL form > div div{ background-color:#fff;margin:5px 0;background-color:#fff;padding:10px 20px; border: 1px solid #ededed;border-radius:8px;}



.messageL form > div div input{ margin-left:10px;}



.messageL form textarea{ height:144px; resize:none;}



.messageL form button{ background-color:#0c6eb3; color:#fff;padding:10px 44px;border-radius:5px;margin: 10px 0 0 7px;}



.messageR{width:39%;float:right;}



.messageRC{ background-color:#fff;min-height:366px;padding:20px; border: 1px solid #ededed; border-radius:8px;line-height:25px;}







.mobile-inner{ display:none; z-index:101;background-color:#fafafa;position:relative}



.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ z-index:2;color:#fff;height:70px;font-size:25px;text-align:center;right:0;top:13px;width:50px;position:absolute;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{background-color:rgba(255,255,255,.2);cursor:pointer}.mobile-inner-header-icon span{position:absolute;left:calc((100% - 25px)/2);top:calc((100% - 1px)/2);width:25px;height:2px;background-color:#0050a5}.mobile-inner-header-icon span:nth-child(1),.topnavR span i:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2),.topnavR span i:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1),.topnavR.click span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2),.topnavR.click span i:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1),.topnavR span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2),.topnavR span i:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}.mobile-inner-nav{overflow-y: scroll!important;background-color:rgba(0,0,0,.9);width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}



.mobile-inner-nav div{ background-color:#4a4a4a;padding:0 10px; display:none;}
.open2 h1{ margin-bottom:33px;}
.banners,.ssnewlist,.ssbottom{ display:none;}
.detailindex{ background-color:#f9f9f9;padding:0 0 60px;}
.detailindexC{ background-color:#fff;padding:40px 60px;}
.detailindexT{border: 1px solid #ededed;padding: 50px 40px;}
.ssbottom .owl-item .item{ margin:0 5px;}
.floatleft{float:left;padding:0 30px 30px 0;}

.indexmore{ margin:30px auto !important; text-align:center;width:60%; display:none;}
.indexmore a{background: #0050a5;color: #fff;line-height:44px !important; display:block;}
.ppp{width:370px;display: inline-block;}
.fixbottonnew{ display:none; position:fixed;width:100%;left:0;bottom:0;z-index: 9; background-color:#0050a5; border-top:1px solid #dcdcdc;overflow:hidden;}
.fixbottonnew a{width:50%;float:left;font-size:18px; position:relative; display:block; padding:10px 0;color:#fff;}
.fixbottonnew a img{width:30px; display:inline-block; vertical-align:middle;margin-right:12px;}
.fixbottonnew a:last-child{background-color: #0474ea;}
.fixbottonnewh{ display:none; height:51px;}








@media(max-width:1366px){



	.container{ width:1170px;} 



	.gsjj1R1{ width:350px;height: 350px;}



	.gsjj1R2{left: 16%;}



	.gsjj1R3{right: 1%;}



	.gsjj2 p {width: 44%;margin: 30px 30px 0 0;line-height: 27px;}



	.gsjj3 p {width: 46%;margin: 28px 0 0 30px;line-height: 27px;}



	.gsjjadvantageCR .tab a{padding: 14px 0;}



	.gsjjadvantageCR .tab{font-size: 17px;}



	.cultureR { width: 50%;}



	.cultureimg{width: 400px; height: 400px;}



	.h_aboutnav a{font-size: 14px;padding: 5px 10px;}



	.h_aboutC article{height: 125px;margin-bottom: 22px;}



	.h_aboutC{padding: 20px 23px;}



	.bannerbottomC dl dt div p{height: 44px;}



	.bannerbottomC dl dt div{padding: 8px;}

	.contact1 div{    height: 188px;}

.footTR dl {margin: 0 1%;}
.ppp { width: 350px;}
	







}



@media(max-width:1199px){



	.container{ width:970px;} 



	.gsjj1R1 {width: 255px;height: 255px;}



	.gsjj1R2{width: 298px;height: 298px;}



	.gsjj1R2 {width: 275px;height: 275px;left: 19%;}



	.gsjj1R3{width: 94px;height: 94px;}



	.gsjj2 img,.gsjj3 img{width: 47%;}



	.gsjj2 p{margin: 9px 16px 9px 0;width: 47%;}



	.gsjj3 p{width: 47%;margin: 9px 0 9px 16px;}



	.linkC{width: 85%;}



	.contact1 div{margin: 5px 0.5%; width: 48%;}



	.messageL form > div div input{width: 79px;}



	.tarinTR p time{font-size: 12px;}



	.area dl a dd p{font-size: 15px;}



	.technologylist dl dt {width: 180px;}



	.technologylist dl dd {width: calc(100% - 197px);padding: 7px 20px 0 0;}



	.technologylist dl dd .describe { margin: 5px 0;}	



	.technologylist dl dd .describe p, .techmainR h6 { font-size: 15px; line-height: 23px;}



	.cultureR {width: 40%;}



	.cultureimg{width: 300px; height: 300px;}



	.cultureRbg{top: 63px;}



	.cultureL{width: 69%;}



	.h_honorC{padding: 30px;}



	.h_honorCC{padding: 20px 10px;}



	.h_aboutC {padding: 20px 17px;}



	.h_aboutnav a img { width: 23px;}

	footer .container{width:96%;}

	.footTL {width: 20%;}

.footTL img{width:100%;}

.footTR {width: 78%;}

.footTR dl dt {font-size: 17px;}

.footTR dl dd a{font-size: 12px;}
.ppp { width: 223px;}
	
}

@media(max-width:991px){

.newmain article table{ width:100%!important;}

	.container{ width:750px;} 

	.newmain article,.gsjj{padding: 0;}



	.search,nav,footer,.tj,.contentleft,.side,.gsjjadvantageCL,.toptel,.technologyT,.h_honorCC dl:nth-child(5),.h_honorCC dl:nth-child(6),.tarinT{display:none;}



	.mobile-inner,.indexmore{ display:block !important;}



	.contentright,.gsjjadvantageCR{ width:100%;}



	.gsjj1R {padding:0 15px 40px !important;}



	.gsjj1R1{margin: 50px 0 0 22%;}



	.gsjj1R2{left: 25%;}



	.gsjj1R3 {right: 32%;}



	.gsjj1R5{left: 16%;}	



	.linkC{width: 100%;padding: 12px 0 12px 2%;margin-top: 10px;}



	.map{ height:350px;}



	.messageL form > div div input { width: auto;}



	.padpic,.floatleft{ width:100%;padding:0 0 20px!important;float:none !important;}



	.gsjj, .live, .technologymain, .equipmentmain, .arealist, .new, .newmain{padding: 0;}



	.ssnewlist{ display:block;}



	.bbnewlist{ display:none;}



	.bannerbottom{padding: 0 10px 10px;}



	.bannerbottomC{padding: 20px 10px;margin-top: -24px;}



	.h_title {font-size: 22px;}



	.h_new,.h_open{width:100%;}



	.h_newCR .content, .h_openC .content, .h_technologyC .content{padding: 5px 23px;}



	.h_about,.h_technology{width:100%; margin-top:30px;}



	.h_aboutnav a{padding: 13px 10px;}
	.fixbottonnew,.fixbottonnewh{ display:block;}
}

@media(max-width:767px){
	.container,.gsjj2 img, .gsjj3 img{ width:100%;} 
	.gsjj2 p,.gsjj3 p { margin: 13px 16px; width: 94%;    line-height: 35px;}
	.gsjjadvantageCR .tab {width: 100%;border-bottom: 1px solid #ededed;}
	.gsjjadvantageCR .tab a { padding: 14px 0;width: 20%;float: left;border:0;}



	.gsjjadvantageCR .tab a span {width: 24px;height: 24px;border: 1px solid #0c6eb3;line-height: 24px;}



    .site,.bannerb,.bbbottom{ display:none;}



	.banners,.ssbottom{ display:block;}



	.contact1 div{margin: 5px 0; width: 100%;}



	.map{ height:250px;}



	.messageL {width: 100%;padding-right: 0;}



	.messageL:after,.link,.arealist p time,.newlist dl a dd,.cultureR { display:none;}



	.messageR{margin-top: 30px;width: 100%;}



	.messageRC{min-height:auto;}



	.message{padding: 25px 12px;}
	.detailindexT{padding: 30px 10px;}
	.technologymain time span, equipmentmain time span, .newmain time span {margin: 0 7px;font-size: 12px;}
	.backbtn{padding: 3px 14px;}
	.detailindexC {padding: 40px 20px;}
	.arealist p a,.techmainpic,.techmainR{width: 100%;}
	.newlist dl a dt {width: calc(100% - 113px);float: right;margin-left: 0;}
	.technologylist dl{padding: 10px 0 !important;}
	.cultureL {width: 100%;}
	.cultureLtitle span{font-size: 14px;    padding: 0px 23px;}
	.cultureLtitle {font-size: 19px;}
	.cultureLtitle b {font-size: 23px;}
	.cultureLC .list h5 {font-size: 17px;}
	.h_honorC dl dd { height:40px; overflow:hidden;}
	.h_honorC dl{ margin-bottom:10px;}
	.contact1 div{    height: auto;}
	.contact2C div {margin: 8px 0;width: 100%;height: auto;	}
}

@media(max-width:640px){
	.gsjjadvantageCR .tab { font-size: 15px;}
	.gsjjadvantageCR .tab a span{width: 20px;height: 20px;line-height: 20px;margin-right: 5px;}
	.logo img{width: 80%;}
	.gsjj1R3 {left: 62%;}
    .open1search h5 {float: none;}
	.open1searchR {width: 100%;margin-top: 20px;}
	.open1searchR button{display: block; width: 100%;}
	.sss{ display:none;}
	.open1list {overflow: scroll;font-size:13px;}
	.tablediv{width: 600px;}


}

@media (max-width:520px){
	.hrlistBtitle div{font-size: 13px;}



	.hrlistBtitle i{width: 16px;height: 16px;background-size:100% !important;margin: 8px 2px 0 0;}



	.technologymain h1, .equipmentmain h1, .newmain h1, .open3title, .open2 h1 {font-size: 20px;}



	.technologylist dl dd .describe span,.technologylist dl dd span.more{ display:none;}



	.technologylist dl dt { width: 134px;}



	.technologylist dl dd {width: calc(100% - 154px);}



	.technologylist dl dd .describe{height: 100px;}



	.h_honorC {padding: 30px 20px;}







}

@media (max-width:430px){



	.gsjj1R1 {margin: 50px 0 0 10%;width: 224px;height: 224px;}



	.gsjj1R2 {width: 223px;height: 223px;left: 21%;top: 48px;}



	.gsjj1R5{width: 34px;height: 34px;top: 246px;}



	.mobile-inner-header-icon{top: 3px;}
	.open1search{padding: 20px;}

}