@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
 
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#000;}
input,button,select,textarea{outline:none;}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}
.btn{ padding:5px 10px; border:1px solid #CCC; background:#0074e1; color:#fff; font-family:"微软雅黑";}
body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden}
@media only screen and (max-width: 768px){
	html{ font-size:24px !important}
	body{ font-size:24px !important}
}
 
 
.kd{ width:90%; margin:0 auto; max-width:1400px;}
@media screen and (max-width:768px){ .kd{ width:96%}}
 
 
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:4.16em;left: 0px;padding-top:1rem;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav a{display:inline-block;line-height:3rem;text-decoration: none;width:92%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem;}
.mobile-inner-nav a p{ display:none;}
@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}

}

 
 
.prlist-3{ width:100%;}
.prlist-3{ overflow:hidden; width:100%;}
.prlist-3 li{ overflow:hidden; width:32%;border-radius:12px; margin-top:1.5em; float:left;}
.prlist-3 li:nth-child(2){ margin:1.5em 2% 0;}
.prlist-3 li .lan{ background:#fff url(../images/npro.jpg) 92% center no-repeat; width:auto; padding:0.875em 1em;}
.prlist-3 li .lan p{ font-size:1.125em; color:#5a5a5a;}
.prlist-3 li .lan span{ font-size:1.125em; color:#5a5a5a;}
.prlist-3 li div{ width:100%; overflow:hidden;}
.prlist-3 li div img{ width:100%;transition:all 1s; transform:scale(1)}
.prlist-3 li:hover div img{ width:100%;transform:scale(1.1)}
@media screen and (max-width:768px){
.prlist-3 li{ width:48%;}
.prlist-3 li:nth-child(3){ display:none}
.prlist-3 li .lan p{ height:1.125em; overflow:hidden;}
}
/*公司简介*/
.abbg{ background:url(../images/abbg.jpg) center no-repeat; height:710px; width:100%; margin-top:30px;}
.ab-top{ padding-top:6.375em; text-align:center;}
.ab-top h4{ font-size:1.875em; color:#fff;}
.ab-top div{ width:49px; height:2px; background:#fff; margin:2em auto;}
.ab-top p{ color:#fff; line-height:1.875em; font-size:1em;}

.ab-shu{ margin-top:5.9375em}
.ab-shu ul{ width:84%; margin:0 auto;}
.ab-shu li{ width:25%; float:left;}
.ab-shu li p{ font-size:1.5em; color:#fff; text-indent:1em}
.ab-shu li p b{ font-size:3em; color:#fff; font-family:'Alternate'; font-weight:normal}
.ab-shu li span{ color:#fff; text-indent:1em; font-size:1.125em; display:block;}

.ab-more{ width:143px; height:43px; display:block; background:#017cc2; text-align:center; line-height:43px; color:#fff; font-size:1.125em; margin:3em auto 0; border-radius:5px}
.ab-more:hover{ color:#fff}
@media screen and (max-width:768px){
	.abbg{ height:auto; background-size:cover; padding-bottom:1em}
	.ab-top{ padding-top:100px;}
.ab-top p br{ display:none}
.ab-shu{ margin-top:3em}
.ab-shu ul{ width:100%;}
.ab-shu li{ width:50%; margin-bottom:1em;}
.ab-more{margin:1em auto;}
}
/*新闻资讯*/
.in-news{ padding:45px 0 81px 0;}
.new-tt p{ font-size:1.625em; color:#4b4b4b; font-weight:bold;}
.new-tt .njc{ background:url(../images/njj.jpg) right center no-repeat; font-size:1.125em; padding-right:26px; color:#4b4b4b}
.new4{ margin-top:2.125em;}

.gs-new{ width:70%;}
.gs-new li{ overflow:hidden; max-height:558px; position:relative; cursor:pointer}
@media screen and (min-width:1600px){
.gs-new li{ max-height:622px;}
}
.gs-new li:hover img{ transform:scale(1.1);}
.gs-new li img{ width:100%;transform:scale(1); transition:all 0.5s}
.gs-new li:nth-child(1){ width:36.09%; float:left;}
.gs-new li:nth-child(2){ width:60%; float:right;}
.gs-new li .indate{ padding:0 10%; position:absolute; top:10%;}
.gs-new li .indate em{ font-size:1.125em; color:#4b4b4b}
.gs-new li .indate p{ font-size:1.5em; line-height:32px; margin:1em 0; color:#4b4b4b}
.gs-new li .indate span{ font-size:1em; color:#4b4b4b; line-height:1.5em;}
.gs-new li:nth-child(2) .indate em{ color:#fff;}
.gs-new li:nth-child(2) .indate p{ color:#fff;}
.gs-new li:nth-child(2) .indate span{ color:#fff; display:block; margin-top:3.3em}

.hy-new{ width:27%;}
.hy-new li{ width:98%; position:relative; overflow:hidden; max-height:270px; cursor:pointer}
.hy-new li:nth-child(1){ margin-bottom:17px;}
.hy-new li img{ width:100%; transform:scale(1); transition:all 0.3s;}
.hy-new li:hover img{transform:scale(1.1);}
.hy-new li .ince{ position:absolute; padding:0 10%; top:10%;}
.hy-new li .ince em{ font-size:1.125em; color:#fff;}
.hy-new li .ince p{ font-size:1.5em; color:#fff; margin-top:1.5em}
@media screen and (max-width:768px){
	
.gs-new{ width:100%;}
.gs-new li{ max-height:330px;}
.gs-new li:nth-child(1){ width:100%; margin-bottom:0.8em;}
.gs-new li:nth-child(2){ width:100%; margin-bottom:0.8em;}
.hy-new{ width:100%;}
.hy-new li{ width:100%;}
}
/*友情链接*/
.fri{ padding:1em 0 1em; background:#017cc2}
.ftt{ font-size:1.125em;}
.ftt p{ color:#fff;}
.frd{ height:24px; width:90%; line-height:24px;}
.frd a{ display:block; padding:0 10px; float:left; color:#fff;}
@media screen and (max-width: 768px){
.fri{ display:none;}
}
/*友情链接*/

/*底部*/
.foot{ border-top:5px solid #017cc2; padding:63px 0 35px; background:#1c1c1c}
.fmenu{ width:69%;}
.fmenu dl{ width:20%; float:left;}
.fmenu dt a{ font-size:1.25em; color:#fff}
.fmenu dd{ margin-top:0.875em;}
.fmenu dd a{ display:block; font-size:0.875em; color:#787878; line-height:1.5em;}
.fmenu dd a:hover{ color:#017cc2}

.fcon{ width:30%;}
.fcon h4{ font-size:1.25em; color:#fff; margin-bottom:0.875em;}
.fcon p{ font-size:0.875em; padding-left:32px; margin-bottom:0.5em; line-height:29px;}
.fcon .f1{ background:url(../images/f1.jpg) left center no-repeat; height:29px;}
.fcon .f2{ background:url(../images/f2.jpg) left center no-repeat; height:29px;}
.fcon .f3{ background:url(../images/f3.jpg) left center no-repeat; height:29px;}
.fss{ height:30px; line-height:30px;margin-top:10px;}
.fss span{ line-height:30px; font-size:0.875em; color:#fff; display:block;}
.fss img{ margin-right:5px; }
.f-mobe{ display:none}
@media screen and (max-width:768px){
.foot{ display:none}
.f-mobe{ display:block;}
.subNavBox{width:100%;margin:0 auto 0 auto; background:#f1f1f1}
.subNav{border-bottom:dashed 1px #fff;cursor:pointer;font-weight:bold;font-size:24px;color:#4f4f4f;line-height:60px;padding-left:20px;background:url(../images/jia.png) no-repeat;background-position:95% 50%; background-size:5%}
.subNav:hover{color:#4f4f4f;}
.currentDd{color:#4f4f4f}
.currentDt{background-image:url(../images/jia.png);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:100%;heighr:40px;text-align:left; text-indent:2rem;font-size:26px;line-height:48px;color:#585858}
.navContent li a:hover{color:#fff;background-color:#017cc2}
}

.foot2{ border-top:1px solid #2e2e2e; padding:1.625em 0; background:#1c1c1c}
.foot2 p{ font-size:0.875em; color:#9b9b9b;}
.foot2 a{ color:#9b9b9b;}
.dao{ display:none}
@media screen and (max-width:768px){
.foot2 p{ float:none; line-height:2em;}
.foot2{ margin-bottom:100px;}
.dao{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#017cc2; z-index:99999}
.dao li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #fff; float:left;}
.dao li p{ color:#fff;}
}

/*------------------------------------------------------内页-----------------------------------------------------------*/
.ban{ width:100%; height:329px; background-position:center; background-repeat:no-repeat;}
@media screen and (max-width: 768px){
.ban{ background-position:-220px center !important;}
}
.lomenu{ height:4.3125em; width:100%; background:#fff; border-bottom:1px solid #ececec}
.lcad{ line-height:4.3125em;}
.lcad span{ float:left; display:block; margin-left:5px; color:#414141; font-size:0.875em;}
.lcad a{ color:#414141;}
/*内页menu*/
.n-menu{line-height:4.3125em;}
.n-menu li{ float:left; background:url(/css/nxi.jpg) right center no-repeat;}
.n-menu li a{ font-size:0.875em; color:#414141; display:block;  float:left; padding:0 1em}
.n-menu li a:hover,.n-menu li a.cur{ background:url(../images/jiao.jpg) center 3.5em no-repeat; color:#004d88}
@media screen and (max-width: 768px){
	.loca{ margin-top:0}
	.lcad{ display:none}
	.n-menu{ float:none !important}
	.n-menu li{ width:auto}
	.n-menu li a{ padding:0 0.875em; font-size:1em}
}

.mcontact{ padding:62px 0 0;}
.contit{ text-align:center;}
.contit h4{ font-size:2.625em; color:#414141;}
.contit p{}

.cmpy{ margin-top:50px; margin-bottom:60px;}
.cmpy p{ font-size:1.25em; color:#414141}
.cmpy span{ font-size:0.875em; color:#414141;}
.cmlx{ width:100%;}
.cmlx ul{ padding-bottom:2em; border-bottom:1px solid #dfdfdf}
.cmlx li{ width:28%; float:left; padding-left:5.33%; min-height:51px;}
.cmlx li p{ font-size:1.125em; color:#414141; line-height:1.5em;}
.cmlx .lx1{ background:url(../images/cc1.jpg) left top no-repeat;}
.cmlx .lx2{ background:url(../images/cc2.jpg) left top no-repeat;}
.cmlx .lx3{ background:url(../images/cc3.jpg) left top no-repeat;}

.cmfg{ padding:2em 0; border-bottom:1px solid #dfdfdf}
.cmfg h4{ font-size:1.125em; color:#414141}
.cmfg p{ font-size:1em; color:#414141; line-height:2em;}
.cmfg .fl{ width:50%; text-indent:4em;}
.cmfg .fr{ width:50%;text-indent:4em;}
.ditu{ line-height:77px; height:77px;}
.ditu p{ font-size:1.125em; color:#41414;}
@media screen and (max-width: 768px){
.cmlx li{ width:auto; float:none; padding-left:10%; margin-bottom:1em;}
.cmfg .fl{ text-indent:0}
.cmfg .fr{ text-indent:0}
}