@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;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #484848;    vertical-align: top;}
a:hover {	color: #014993;}
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;}
.center{ text-align:center;}
.pic100 img{width:100%;}
h1{ font-size:26px;color:#464646;}
::selection { color: #fff; background-color: #014993;}    
::-moz-selection { color: #fff; background-color: #014993;} 
.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;margin-right: 40px;}
.pad60{padding:60px 0;}
.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;}




.slider img{ width:100%;}
.slider ul,.product ul{ margin-bottom:0;}
header{padding:15px 40px;position:relative;}
nav{ width:60%; text-align:center;margin-top: 30px;}
nav ul{ font-size:0;margin-bottom:0;}
nav ul li{font-size:17px;display:inline-block;position:relative;width: 11.5%;}
nav ul li a{ display:block;position:relative;}
nav ul li a span{ height:3px; display:inline-block;width:45%; overflow:hidden; position:relative;}
nav ul li a span i{-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;}
nav ul li a span i.i1{ width:0; display:inline-block;height:3px; position:absolute;left:50%; background-color:#d80514;}
nav ul li a span i.i2{ width:0; display:inline-block;height:3px; position:absolute;right:50%;background-color:#014993;}
nav ul li a:hover span i,nav ul li a.cur span i{width:50%;}
nav ul li a:hover,nav ul li a.cur{color: #014993;}
.rk{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #DADADA;
    padding-left: 6px;
    width: 80px;
}
.rk a{
    display: block;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.rk a.a1{
    border-bottom: 1px solid #DADADA;
    margin-top: 15px;
}
.rk a.a2{}
.slider-nav{ display:none;}
.h_T h2{ font-size:32px;font-weight:bold; border-bottom:1px solid #e5e5e5; position:relative;}
.h_T h2 a{ display:block; padding-bottom:28px;}
.h_T p{ font-size:16px; color:#7a7a7a; margin-top:28px;letter-spacing: 15px;}
.h_T span{ height:3px; display:inline-block;width:100px; overflow:hidden; position:absolute;left: 50%;margin-left: -50px; bottom: -2px;}
.h_T span i{-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;}
.h_T span i.i1{ width:0; display:inline-block;height:3px; position:absolute;left:50%; background-color:#d80514;}
.h_T span i.i2{ width:0; display:inline-block;height:3px; position:absolute;right:50%;background-color:#014993;}
.h_T span.animated i{width:50%;}
.h_C{ margin-top:90px;}
.h_product{ padding:60px 0 50px;}
#owl-demo{ padding:0 70px;}
.customNavigation .prev{ position:absolute;left:0;top:50%;margin-top:-47px; width:46px;height:95px; display:inline-block; background:url(../images/h_proL.png) no-repeat; font-size:0; cursor:pointer;}
.customNavigation .next{ position:absolute;right:0;top:50%;margin-top:-47px;width:46px;height:95px; display:inline-block; background:url(../images/h_proR.png) no-repeat; font-size:0;cursor:pointer;}
.h_productC .dl1 dl{ background:url(../images/h_probg1.png) no-repeat; background-size:100% 92%;}
.h_productC .dl2 dl{ background:url(../images/h_probg2.png) no-repeat; background-size:100% 92%;}
.h_productC .dl3 dl{ background:url(../images/h_probg3.png) no-repeat; background-size:100% 92%;}
.h_productC dl{text-align:right;margin-bottom: 0;}
.h_productC dl a{ display:block; padding:35px 45px;}
.h_productC dl dt{ margin-right:-5px;}
.h_productC dl dt h5{ font-size:20px; font-weight:bold;}
.h_productC dl dt p{ font-size:16px; margin-top:15px;}
.h_productC .dl1 dl dt p{ color:#f0b5ba;}
.h_productC .dl2 dl dt p{ color:#a8c8eb;}
.h_productC dl dd{ margin-top:70px;}
.h_productC .dl3 dl dt h5{ color:#014993;}
.h_productC .dl3 dl dt p{ color:#606060;}
.h_probg{ height:187px; position:absolute; bottom:0;left:0; width:100%; background-color:#f1f1f1;}
.h_product .container{ position:relative; z-index:2;}
.h_service{/* background-color:#f1f1f1; */}
.h_T.white p{ color:#fff;}
.h_sba{
	background: url(../images/h_serbg.jpg) no-repeat fixed center center;
	background-size: cover;
	padding: 70px 0;
}
.h_sba .h_T{padding-top:0}
.h_sba .h_T h2 a{color: white;}
.h_sba .h_T p{color: white;}
.h_serviceC{/* background:url(../images/h_serbg.jpg) no-repeat fixed center center; */background-size:cover;position:relative;z-index:2;}
.h_serviceC dl{ width:11%;float:left; margin-bottom:0;}
.h_serviceC dl a{ display:block; position:relative; height:344px; padding:77px 0;}
.h_serviceC dl a:hover{color:white}
.h_serviceC dl a dt{ font-size:36px; font-weight:bold; height:50px;line-height:50px;}
.h_serviceC dl a dd{ font-size:15px; line-height:25px;height:50px; overflow:hidden;}
.h_serviceC dl a span{/* width:90%; */display:block;margin:23px auto;height:44px;}
.h_serviceC dl a span i{width:44px;height:44px;display:inline-block;position: relative;z-index: 2;}
.h_serviceC dl a span i{ background:url(../images/icon_1.png) no-repeat center center;} 
.h_serviceC dl a span em{/* display:none; */position:absolute;top:50%;left:0;width:100%;height:2px;background-color: #A2A2A2;z-index: 1;}
.h_serline{ position:absolute;width:100%;height:2px; width:100%; top:50%; background-color:rgba(255, 255, 255, 0.22);}
.h_serviceC dl a font{z-index: 2; display:block;width:100%;height:0; position:absolute; top:-10px;left:0; background-color:#d80514;-webkit-box-shadow: 4px 1px 15px rgba(0, 0, 0, .7);
    -moz-box-shadow:4px 1px 15px rgba(0, 0, 0, .7);
    box-shadow: 4px 1px 15px rgba(0, 0, 0, .7);-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;}
.h_serviceC dl a:hover font{height:calc(100% + 20px);}
.h_serviceC dl a:hover span i{ border-radius:100%; padding:13px;}
.h_serviceC dl.dl1 a:hover span i{position:relative;background:#fff url(../images/icon_9.png) no-repeat center center;}
.h_serviceC dl.dl2 a:hover span i{position:relative;background:#fff url(../images/icon_10.png) no-repeat center center;}
.h_serviceC dl.dl3 a:hover span i{position:relative;background:#fff url(../images/icon_11.png) no-repeat center center;}
.h_serviceC dl.dl4 a:hover span i{position:relative;background:#fff url(../images/icon_12.png) no-repeat center center;}
.h_serviceC dl.dl5 a:hover span i{position:relative;background:#fff url(../images/icon_13.png) no-repeat center center;}
.h_serviceC dl.dl6 a:hover span i{position:relative;background:#fff url(../images/icon_14.png) no-repeat center center;}
.h_serviceC dl.dl7 a:hover span i{position:relative;background:#fff url(../images/icon_15.png) no-repeat center center;}
.h_serviceC dl.dl8 a:hover span i{position:relative;background:#fff url(../images/icon_16.png) no-repeat center center;}
.h_serviceC dl.dl9 a:hover span i{position:relative;background:#fff url(../images/icon_166.png) no-repeat center center;}
.h_serviceC dl a:hover span em{ display:block;}
.h_serviceC dl a dt,.h_serviceC dl a dd,.h_serviceC dl a span{ z-index:3;}
.h_serviceC dl a dt, .h_serviceC dl a dd, .h_serviceC dl a span{ position:relative;}
.h_serviceC dl a:hover dt{ font-size:44px;}
.h_serviceC dl a:hover dd{ font-size:16px;}
.h_new{ background:url(../images/h_newbg.jpg) no-repeat center center; background-size:cover;}
.h_newC dl{ margin:79px 0;}
.h_newC dl dd h5{ font-size:16px; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap; margin-top:28px;}
.h_newC dl dd i{ position:absolute;left:10px; width:50px;height:3px; display:inline-block;margin-top:12px; background-color:#014993;-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;}
.h_newC dl dd p,.newC dl a dd p{ color:#7f7f7f;line-height:22px;height:44px; overflow:hidden;margin:27px 0 20px;}
.h_newC dl a{ display:block; border-width:3px; border-style:solid; border-color:transparent; padding:20px 10px; position:relative; height:372px; }
.h_newC dl a:hover{ border-color:#014993;background-color:#edf1f3;}
.h_newC dl a:hover dd i{width:90px; background-color:#d80514;left:-30px;}
.h_newC dl.even dd{ position:absolute; bottom:10px;}
.h_newC dl.even dt{ position:absolute; top:20px; width:calc(100% - 20px)}
.h_newC dl.even dd i{left: 0;}
.h_newC dl.even a:hover dd i{left:-40px;}
.h_newT{ padding: 0 30px 0 0;}
.h_newT a{ display:block; background:url(../images/h_newTbg.jpg) no-repeat; background-size:cover;}
.h_newT a img{-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;}
.h_newT a:hover img{ margin-left:15px;}
.h_aboutC{ position:absolute;color:#7d7d7d;top:50%; font-size:16px;line-height:30px; height:120px; overflow:hidden; width:500px;left:48%;margin-left:-350px;}
.h_address{ padding:27px 0;}
.h_addressL dl{float:left; margin-right:38px; margin-bottom:0;}
.h_addressL dl dt{ font-size:16px;}
.h_addressL dl dd{ hegiht:35px;line-height:35px;}
.h_addressL dl dd b{ font-size:24px; font-weight:bold; color:#bd0c16;} 
.bdshare-button-style2-32 a{display: inline-block !important; float: none !important;margin: 6px 0 0 6px !important;}
.bdshare-button-style2-32 .bds_weixin{ background:url(../images/icon_19.png) no-repeat; background-position:0 0 !important; width:49px !important;height:49px !important;}
.bdshare-button-style2-32 .bds_sqq{ background:url(../images/icon_18.png) no-repeat; background-position:0 0 !important; width:49px !important;height:49px !important;}
.bdshare-button-style2-32 .bds_tsina{ background:url(../images/icon_17.png) no-repeat; background-position:0 0 !important; width:49px !important;height:49px !important;}


.h_join{
    background-image: url(../images/j_hoinb.jpg);
    padding-bottom: 1px;
}
.h_join .h_T{}
.h_join .h_T h2 a{color:white}
.h_join .h_T p{color:white}
.h_join .img{
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 90%;
}
.h_join>a{
    display: block;
    margin: 20px auto;
    width: 113px;
    font-size: 21px;
    color: white;
    background-image: url(../images/jiant.png);
    background-repeat: no-repeat;
    background-position: right;
}

.j_onr{
    background-image: url(../images/i_orn.jpg);
}
.j_onr .j_onrt{
    margin-top: 30px;
}
.j_onrt li{
    width: 25%;
    float: left;
    padding: 1%;
}
.j_onrt li a{
    display: block;
    width: 100%;
    border: 1px solid #D8D8D8;
    padding: 10px;
}
.j_onrt li a img{
    width: 100%;
}
.j_onrt li a h1{
    font-size: 20px;
    color: #494949;
    position: relative;
}
.j_onrt li a h1:after{
	content:'';
	position: absolute;
	display: block;
	height: 2px;
	background: #0D4792;
	width: 30px;
	bottom: -7px;
	left: 0;
}
.j_onrt li a p{
    font-size: 15px;
    color: #a4a4a4;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.j_onrt li a p span{}

footer{ background-color:#004ea2;}
.footT{ border-bottom:1px solid #cfdeef;padding:20px 0;}
.footT a{ display:inline-block; width:12.5%; text-align:center;float:left;}
.footB{ padding:27px 0;}
.footBL{ font-size:13px; color:#ffffff; line-height:30px;}
.footBR dl{ margin-bottom:0;}
.footBR dd{float:right;line-height:35px; margin-top:20px;}
.footBR dt{float:right; margin-right:20px;}
.footBR dt img{ width:120px;}
#container{width:100%;height:100%;position: absolute;z-index: 0;top: 0px;left: 0; }


#scene {
    padding: 0;
    margin: 0;
    width: 104%;
    height: 104%;
    overflow: hidden;
    top: -2%;
    left: -1%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

main {position:relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;    
}

.wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 101;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    text-align: center;
}



.layer {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.layer2 {
    background-image: url(../images/h_about2.png);
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
}

.layer1 {
    background-image: url(../images/h_about1.jpg);
    background-position: center;
    background-size:  100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
}
.otherbanner1,.otherbanner3{ height:580px;}
.otherbanner2{ height:300px;}
.aboutTit h2 a em{ font-size:16px; display:inline-block;margin-left:18px; color:#7a7a7a; font-weight:100;}
.aboutTit span{left: 0;margin-left: 0;}
.aboutC{ margin:40px -15px 0;}
.about_gsjjCR h5,.serviceC dd h5{ font-size:24px; font-weight:bold;}
.about_gsjjCR p{ color:#7d7d7d;line-height:25px;height:125px; overflow:hidden; margin-top:20px;}
.about_gsjjCR span,.join2C li a span,.prolist2TR span{ width:150px; height:45px; line-height:45px; text-align:center; margin-top:100px; display:inline-block;}
.about_gsjjCR span a,.join2C li a span,.prolist2TR span a{ display:block;background-color:#014892;color:#fff;-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;}
.prolist2TR span.btn2{ display:none;}
.about_gsjjCR span a:hover,.join2C li a:hover span,.prolist2TR span a:hover{ background-color:#d80514;}
.about_qyln{ background:url(../images/aboutbg1.jpg) no-repeat fixed center center; background-size:cover;}
.white .aboutTit h2 a em{ color:#fff;}
.about_qyln .h_T h2{ border:0;}
.about_qylnC dl{ width:20%; float:left;}
.about_qylnC dl dt{ border:2px solid #fff;border-radius:100%; margin-bottom:6px; display:inline-block;}
.about_qylnC dl dt img{ margin:6px; border-radius:100%;padding: 20px;}
.about_qylnC dl a{ display:block;}
.about_qylnC dl a:hover dt{
    -webkit-animation: Lirotate 2s cubic-bezier(0.8, 0.44, 0.47, 0.88) forwards;
    animation: Lirotate 2s cubic-bezier(0.8, 0.44, 0.47, 0.88) forwards;
}
.about_qylnC dl a:hover dt img {
  -webkit-animation: LirotateI 2s cubic-bezier(0.8, 0.44, 0.47, 0.88) forwards;
          animation: LirotateI 2s cubic-bezier(0.8, 0.44, 0.47, 0.88) forwards;
}
@keyframes Lirotate {
    0% {
    	transform: rotateY(0);
    }
    50% {
    	transform: rotateY(180deg);
    }
    100% {
    	transform: rotateZ(180deg);
    }
}
@keyframes LirotateI {
    0% {
    	transform: rotateY(0) rotateX(0);
    }
    50% {
    	transform: rotateY(0) rotateX(0);
    }
    100% {
    	transform: rotateY(-180deg) rotateX(-180deg);
    }
}
.about_qylnC dd{ font-size:18px;margin-top:15px;}
.about_qyryCR p{ line-height:30px; height:240px;}
.about_qyryCR span{margin-top: 20px;}
.about_qyfc{ background-color:#f7f6f6;}
.about_qyfcC a{ display:block; background-color:#fff;-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;}
.about_qyfcC dd{font-size:16px; padding:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.about_qyfcC a:hover,.prolistC a:hover dd,.prolist2B .content li dl a:hover dd,.tjprolist dl a:hover dd,.prolist2B p a:hover{background-color: #d80514; color:#fff;}
.aboutinfo,.service,.contact{ border-bottom:1px solid #dcdcdc;}
.aboutTit ul,.tjmore{ position:absolute;right:0;top:5px;}
.aboutTit ul li,.tjmore{width:100px;height:34px; text-align:center;line-height:34px; margin-left:4px; display:inline-block;}
.aboutTit ul li a{ display:block;border:1px solid #dcdcdc;}
.aboutTit ul li a:hover,.aboutTit ul li a.cur,.tjmore{ background-color:#014892;color:#fff;}
.aboutinfoC{ margin-top:45px; line-height:35px;color:#7d7d7d;}
.aboutinfoC img{ max-width:100%;}
.qyfc{ padding:60px 0 0;}
.qyfcC,.newC,.newmain{ background-color:#f7f6f6; padding:40px 0 60px;}
.qyfcC dl,.newC dl,.join2C li{ margin-bottom:30px; }
.pagelist{ margin-top:40px; text-align:center;}
.pagelist li{ display:inline-block;margin:0 3px;}
.pagelist li a{ display:block;height:40px;line-height:40px;padding: 0 16px; border:1px solid #dcdcdc; background-color:transparent;}
.pagelist li a:hover,.pagelist li a.cur,a:hover.tjmore{ background-color:#d80514; color:#fff;}
.qyln{ background-color:#f8f8f8; position:relative;margin-left:30px; padding:0 50px 50px 0;}
.qyln dl{ margin-top:70px; position:relative; min-height:130px;}
.qyln dl dt{ background-color:#fff; color:#d80514;font-size:48px;border-radius:100%; position:absolute;left:-65px; width:130px; text-align:center;height:130px;line-height:130px;}
.qyln dl dd{ float:right; width:calc(100% - 100px);}
.qyln dl dd h5{ font-size:24px; font-weight:bold; color:#222222; margin-bottom:20px;}
.qyln dl dd article{ color:#8e8d8d;line-height:30px; position:relative;}
.qyln dl dd h2{ font-size:24px; font-weight:bold;color:#d80514; margin-top:100px;}
.yqlnpic{ position:absolute;right:0;top:-54px;}
.newC dl a{ display:block; overflow:hidden; padding:20px; background-color:#fff;}
.newC dl a dt{ float:left;width:264px; overflow:hidden;}
.newC dl a dd{ float:right;width:calc(100% - 280px);}
.newC dl a dd time{ font-size:16px;font-weight:bold; display:block; color:#000; text-align:left;margin:0;}
.newC dl a dd h5{font-size:16px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap; margin:19px 0;}
.newC dl a dd i,.serviceC dd i,.join2C li a i{width:55px;height:4px; display:inline-block; background-color:#014892;}
.newC dl a dd p{height:66px;margin:10px 0 0;}
.newC dl a img{-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;}
.newC dl a:hover img{-webkit-transform: scale3d(1.1,1.1,1); 	transform: scale3d(1.1,1.1,1);}
.newmain article img{ max-width:100%;}
.newmain article{line-height:32px; margin-top:30px;}
.newmain h1{font-size:24px;text-align:center; margin:0 0 19px; font-weight:bold;}
.newmain time{ text-align:center; display:block; color:#afaeae; margin:19px 0;}
.newmain time span{ margin:0 10px;}
.newmain .info{ background-color:#fff; padding:25px;line-height:25px;color: #7d7d7d;}
.newmain article{line-height: 35px;color: #7d7d7d;}
.newmain article h5{ font-size:18px; font-weight:bold; color:#222222;}
.prenext{ border:1px solid #e5e5e5; padding:15px 5px; margin-top:35px;}
.prenext p:last-child{ text-align:right;}
.tj{ margin-top:50px;}
.tjT a{ float:right;margin-top:15px;}
.tjC{ margin:0 -15px; padding:40px 0 0;}
.tjC dl{ margin-bottom:0;}
.tjmore{ display:inline-block;margin-bottom:0; font-size:15px;}
.serviceC,.service2C,.service2C ul,.joinC,.prolistC,.prolist2T{ margin-top:40px;}
.serviceC dl{ margin-bottom:0;}
.serviceC dt{ height:369px;}
.serviceC dd{ padding:75px 37px !important; background-color:#f8f8f8;}
.serviceC dd p{line-height:30px;height:150px; overflow:hidden;margin-top:15px;}
.serviceC dl:nth-child(2) dt{ float:right;}
.serviceC dl:nth-child(2) dd{ float:left;}
.service2C ul li{ margin-bottom:20px;}
.service2C ul li a{ border:1px solid #dcdcdc; display:block; padding:30px;}
.service2C ul li a h5{ font-size:18px;}
.service2C ul li a h5 span{ color:#d90000;}
.service2C ul li a p{line-height:30px;margin-top:10px;height:60px; overflow:hidden;}
.other5 img{ padding:140px 0;}
.join1C article{ font-size:15px; line-height:30px; margin-bottom:40px;}
.join1Con dl dd h5{ font-size:18px; margin:24px 0 5px;}
.join1Con dl dd p{line-height:25px; height:50px; overflow:hidden; color:#939292;}
.join2{ background-color:#f7f6f6;border-bottom:1px solid #dcdcdc;}
.join2C,.join2C ul{ margin: 0 -15px;}
.join2C li a{ background-color:#fff;padding:30px 23px; display:block;}
.join2C li a h5{ font-size:20px;    margin-bottom: 5px;}
.join2C li a article{ margin-top:22px;line-height:30px;height: 120px;    overflow: hidden;} 
.join2C li a article h6{ font-size:16px; font-weight:bold;}
.join2C li a span{ margin:20px 0 0 0;}
.join2Clist{ margin-top:60px;}
.join2C{ padding-top:40px;}
.join2Con{ padding-bottom:60px;}
.map{ height:400px; border:1px solid #dcdcdc;}
.contactR h5{ font-size:24px; font-weight:bold; color:#014993;}
.contactR article{ font-size:16px;line-height:30px;margin:14px 0;}
.contactR dl{ overflow:hidden;}
.contactR dl dt{ float:left; width:120px; border:1px solid #dcdcdc;}
.contactR dl dd{ float:left; margin-left:18px; font-size:13px;margin-top: 20px;line-height: 30px;}

.flex .sli{ position:relative;/* width:calc(100% + 150px); margin-left:-75px;*/ overflow:hidden; height:775px;}
.flex .sli li { -webkit-backface-visibility: hidden; width:14.2857142%;display:inline-block;transform: skew(-10deg);}
.flex .sli li .flexlia{ display:block; background-color:#fff; overflow:hidden;position:relative; z-index:5;}
.flex .sli li .flexlia a{ display:block;}
.sli:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .sli {display: block;}
* html .sli {height: 1%;}
.flex .sli li h5{font-size:24px; font-weight:bold; position:relative; }
.flex .sli li p{font-size:18px; margin-top:20px; position:relative;}
.flex .sli li a article{width:100%;height:100%; position:absolute;left:0;top:0;display:block;transform: skew(10deg);}
.flex .sli li a article img{ margin-left:-75px;}
.flex .sli li a font{ width:100%;height:100%; background:url(../images/mask_h75.png) repeat; position:absolute;left:0;top:0;display:block;}
.flex .sli li a div{padding:350px 0;transform: skew(10deg); z-index:3; position:relative;}
.flex .sli li.active a font{display:none;}
#responsiveFlag{font-size:0;line-height:0;display:block;}
.prolistC {margin: 30px -15px 0;}
.prolistC dl{ margin-bottom:30px;}
.prolistC dl a{ display:block; border:1px solid #dcdcdc;}
.prolistC dl a dt{ padding:15px;}
.prolistC dd,.prolist2B .content li dl dd,.tjprolist dl dd{font-size:16px; padding:15px; height:50px; overflow:hidden;line-height:20px;border-top:1px solid #dcdcdc;-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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.prolist2T { margin:40px -15px 0;}
.prolist2TL a{ display:block;padding:20px !important; border:1px solid #dcdcdc;}
.prolist2TR {margin-bottom: 74px;}
.prolist2TR h2,.promainTR h2{ font-size:30px; font-weight:bold;}
.prolist2TR h5{ font-size:18px; margin-top:20px;}
.prolist2TR h5 i{ width:10px; height:10px; display:inline-block; background:url(../images/icon_25.png) no-repeat; vertical-align:middle; margin-right:10px;}
.prolist2TR article{ line-height:35px; height:280px; margin:10px 0 0 23px;overflow:hidden; color:#434343;}
.prolist2TR span{ margin:50px 0 0 23px; position:absolute;}

.prolist2B { margin-top:55px;}
.prolist2B .tab{ overflow:hidden; background-color:#535353;}
.prolist2B .tab a{ border-right:1px solid #fff; display:block; padding:13px 0; width:12.5%; text-align:center;float:left; text-decoration:none; color:#fff;}
.prolist2B .tab a:hover{ background:#E64E3F; color:#fff; text-decoration:none;}
.prolist2B .tab a.on{ background:#E64E3F; color:#fff; text-decoration:none;}
.prolist2B .content{ overflow:hidden; padding:10px; margin:25px -25px 0;}
.prolist2B .content li{ display:none;}
.prolist2B .content li.tjt img{ max-width:100%; width:auto;}
.prolist2B .content li dt,.tjprolist dl dt{ border:1px solid #dcdcdc;padding:15px;}
.prolist2B .content li dd,.tjprolist dl dd{ border:0 !important;}
.prolist2B p{ font-size:16px; background-color:#e5e5e5;margin-top:40px;}
.prolist2B p a{ display:block; padding:18px 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;}
.promainTR article{margin: 20px 0 0 0; font-size:18px; height: auto;}
.promainTR article dl{ overflow:hidden; margin-bottom:5px; }
.promainTR article dl dt{ float:left; font-weight:100; line-height:35px;}
.promainTR article dl dd{ float:left; width:calc(100% - 70px); color:#828181;line-height:35px;}


.menubtn {  margin-top: 30px; display:none; position:absolute;right:1%;top:15px;  z-index:15;}
.menubtn img{ height:50px;}
.menu{ display:none; position:absolute;right:15px;top:35px;}
#nav{ position:fixed;top:0; left:0; display:none;z-index:99; width:100%; background:#014892; height:100%; overflow-y:scroll !important;}
#nav li{  color:#fff;}
#nav li a{ color:#fff;font-size:15px; display:inline-block; width:100%;height:3em; line-height:3em; padding-left:4%;border-bottom:1px solid #1f6ec1; position:relative;}
#nav li a span{ position:absolute; right:6%; top:32%; text-indent:-99999px; display:block; width:9px; height:15px; background:url(../images/arrow.png) no-repeat;}
#nav li.btn_up{ text-align:center;}
#nav li.btn_up img{ vertical-align:middle; max-width:64px;width:10%;}
#nav li div{ display:none;font-size:13px; background-color:#0a5bb0;}
#nav li div a{ padding-left:5%;}
.shadow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6); z-index:8;}
.bannerb,.banners{ position:absolute;width:100%;height:100%;left:0;top:0;}
.banners,.bannersbg,.h_newT2,.h_about{ display:none;}
.h_about{ background:url(../images/h_aboutbgs.jpg) no-repeat center center; background-size:cover;background-size: cover;padding: 160px 30px;}
.h_aboutwz{ background:url(../images/mask_b70.png) repeat; padding:20px 15px;}
.h_aboutwz h2{ color:#d80514; font-size:20px; font-weight:bold;}
.h_aboutwz h5{font-size:16px;}
.h_aboutwz article{line-height:30px;color: #7d7d7d;font-size: 14px;height: 120px;overflow: hidden; margin-top:10px;}
 
.zxfd{ z-index:9; position:fixed; right:-130px;top:30%;-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;}
.zxfdopen{right:0;}
.zxfdicon{float:left;}
.zxfdC{width: 130px; float: left; border:5px solid #e81e21;  overflow: hidden; background-color:#fff;}
.zxfdC h5{font-size: 14px; color: #fff; font-weight: 600; padding: 5px;background-color: #f06f71;}
.zxfdC article{ border-bottom:1px solid #e6e4e4;padding: 5px 8px;}
.zxfdC article span{ fon-size:12px; display:inline-block;margin-right:5px; vertical-align:middle;}
.zxfdC article p{ margin:0 0 5px;}

.language{ position:absolute;right:55px;top:17px;}
.language a{ display:inline-block; margin:0 10px;}
.language a.cur{ color:#d80514;font-weight:bold;}

@media(max-width:1366px){
	nav { width: 60%;}
	.otherbanner3{ height:400px;}
		
}
@media(max-width:1199px){
	.logo img{
    width: 300px;
    margin-top: 14px;
}
	nav {width: auto;}
	nav ul li{width:auto;padding:0 5px}
	.otherbanner1 { height: auto;}
	.other5 img { padding: 80px 0;}
	.other9 img {margin-left: -32%; width:130%;}
	.other8 img{ width:100%;} 
	.prolistC dd,.prolist2B .content li dl dd,.tjprolist dl dd{ height:70px;}
	.newC dl a dt{width: 164px;}
	.newC dl a dd{width: calc(100% - 180px);}
	.newC dl a dd h5,.newC dl a dd p{margin: 5px 0 0;}
	.about_gsjjCR span{margin-top: 40px;}
	.about_qyryCR p{height: 150px;}
	.yqlnpic{    position: initial;    margin-top: 20px;}
	.h_aboutC{top: 300px;width: 400px;left: 55%;}
	.footBR dd{display:none}
		
}

@media(max-width:991px){
	nav,.tj,main,.zxfd{ display:none !important;}
	.menu{ display:block;}
	.h_about{ display:block;}
	.rk{display:none}
	.map{ height:300px;}
	.contactR,.prolist2TR,.about_gsjjCR,.about_gsjjCL { margin-top:20px;} 
	.h_share { text-align:center !important; margin-top:10px;}
	.other8 img{ width:130%;margin-left: -15%;} 
	.aboutTit ul{ display:none;}
	.newC dl a dd p{height: 44px;}
	.prenext p:last-child { text-align: left; margin-top:10px;}
	.padpic{ padding:0 !important;width:100%;}
	.h_serviceC dl { width: 25%;}
	.h_newC dl {  margin: 10px 0;}
	.h_newT1,.h_newC dl:nth-child(2),.h_newC dl:nth-child(3){ display:none;}
	.h_newT2{ display:block;}
	.h_newC dl a{ height:auto;}
	#main{    height: 520px !important;}
.language {right: 75px;top: 37px;}
.h_join,.j_onr{padding-top:20px}
	.j_onrt li{width:50%}
	
}


@media(max-width:767px){
	.otherbanner2 { height: auto;}
	.otherbanner2 img { width:150%; margin-left:5%;}
	header { padding: 15px;}
	.menu{top: 25px;}
	.logo img{height:48px;margin-top: 0;}
	.map{ height:250px;}
	.contactR h5{font-size: 18px;}
	.footT,.h_share{display:none;}
	.other5 img { padding: 0; width:160%; margin-left:5%;}
	.pad60 { padding: 30px 0;}
	.join,.service,.about_gsjj,.about_qyln,.about_qyry,.about_qyfc{ padding:30px 15px;}
	.join2Clist{ margin-top:30px;}
	.join2Clist .h_T,.qyfc .h_T,.about_qylnC,.aboutinfoC,.aboutinfo .h_T{padding:0 15px;}
	.join2{padding:0 15px 30px;}
	.pagelist li a{height: 30px; line-height: 30px; padding: 0 10px;}
	.other9 img {margin-left: -32%; width:130%;}
	.qyfc{padding: 30px 0 0;}
	.other8 img{ width:130%;margin-left: -15%;} 
	.prolist2TR h2, .promainTR h2{font-size: 22px;}
	.prolist2B p{margin: 20px 15px 0;}
	.promainTR article{font-size: 16px;}
	.newmain{padding: 30px 15px;}
	.newmain h1 { font-size: 19px;}
	.otherbanner3{ height:350px;}
	.about_qylnC dl dt img{width: 75px;}
	.qyln dl dt{font-size: 30px;width: 100px;left: -50px;height: 100px; line-height: 100px;}
	.qyln dl dd{width: calc(100% - 60px);}
	.h_serviceC dl {width: 33.33%;}
	.h_serviceC dl a dd{padding:0 10px}
	.language {top: 27px;}
}


@media(max-width:640px){
	.h_T h2 { font-size: 24px;}
	.h_T h2 a{padding-bottom: 20px;}
	.prolist2B .tab a{width: 33.3%;border-bottom: 1px solid #fff;}
	.pagelist {margin-top: 20px;}
	.h_C { margin-top: 30px;}
	#main{    height: 400px !important;}
}

@media (max-width:495px){
	.newC dl a dt { width: 110px;}
	.newC dl a dd { width: calc(100% - 120px);}
	.newC dl a dd time { font-size: 12px;}
	.newC dl a dd h5{ margin: 5px 0 -5px;font-size: 15px;}
	.newC dl a dd p{margin: 0;height: 40px; line-height:20px;}
	.about_qylnC dl dt img{width: 50px;padding: 10px !important;}
	.about_qylnC dd { font-size: 12px;}
	.h_product {padding: 30px 15px 30px;}
	.h_T p{font-size: 14px;letter-spacing: 10px;}
	.language a.cur{ display:none;}
	
}

@media (max-width:400px){
	.about_qylnC dl dt img{width: 40px;padding: 5px !important;}
	.h_productC dl dt h5{font-size: 19px;}
	.h_productC dl dt p{font-size: 15px;}
	.h_productC dl a{padding: 35px 25px;}
	#owl-demo { padding: 0 60px;}
	.h_productC dl dd { margin-top: 50px;}
	.j_onrt li{width:100%}
	.j_onrt li a p{height:auto}
	
}
@media (max-width:360px){
	.h_T p{font-size: 12px;letter-spacing: 5px;}
	.h_T h2 {font-size: 19px;}
}
@media (max-width:320px){
	.h_productC dl dd { margin-top: 40px;}
	.h_productC dl a { padding: 35px 12px;}
}
.rukou li{width:130px;padding:15px;background: #2568af;margin:5px;border-radius: 4px;}
.rukou li:hover{background: #e7161a;border-radius: 4px;}