@charset "utf-8";


/*-------------------------------  ■ index 首页---------------------------------*/

/*-----首页 banner-----*/
.index_focus {position: relative;width: 100%;height:600px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute; top: 0; width:100%;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:600px;display: block; }
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute; left:46.3%; bottom:22%; width:100%;  position: absolute; z-index:99; }
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:36px;font-family: arial;color: #fff;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #D21E24;opacity:0.9;}
.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}

.index_focus_pre {left: 30px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_pre:hover {left: 30px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_next {right: 30px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}
.index_focus_next:hover {right: 30px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}


.canpins{ width:100%; padding-top:80px; padding-bottom:1px;}
.canpin{  width:100%; padding-top:70px; padding-bottom:70px;}

.jyln{width: 1200px; margin:auto;	background: #fff; margin-bottom:20px; }
.jyln1{float: left;	width: 370px; overflow:hidden;}
.jyln2{float: right; width: 785px; font-size: 20px; color:#333333; font-weight:bold;}
.jyln3{font-size: 14px;color: #666666; line-height:26px; font-weight:normal; padding-top: 20px; text-align:justify;}

.jyln4 a{width: 100px;height: 25px;line-height: 25px;text-align: center;	font-size: 14px;display: block;border: 1px solid #BCBCBC;border-radius: 50px;color: #666;margin-top:20px;
font-weight:normal;}
.jyln4 a:hover{background: #414141; color:#FFF;	}

.gskuai{width: 1200px; margin:auto; margin-top:50px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.gsjj{width:370px;height: 300px;}
.gsjj2{font-size: 18px; height:75px; padding-top:25px; width:290px; margin:auto; color:#222222; background:rgba(255,255,255,0.9); border-radius:10px; margin-top:150px; text-align:center;}
.gsjj2:hover{ background:#ff6600; color:#fff;}
.gsjj2 span{font-size: 14px; color:#222222;}
.gsjj2:hover span{font-size: 14px; color:#fff;}

.cpkuai{ width:100%; height:650px; background:#e6e6e6;}
.cpbt{text-align:center; font-size:38px; color:#212121; line-height:58px; padding-top:40px;}
.cpbt span{line-height:14px; font-size:14px; color:rgba(0,0,0,0.8);}

.cpnr{ width:1200px; margin:0 auto;display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:20px;}


a.cplb {
	font-family:"微软雅黑";
	font-size: 14px;
	line-height:44px;
	font-style: normal;
	text-decoration: none;
	background:rgba(255,255,255,0.1);
	border:1px solid #FFF;
	margin-top:22px;
	color: #fff;
	display:block;
	width:18%;
	height:44px;
	text-align:center;
}
a.cplb:visited {color: #333;}
a.cplb:hover {color:#ffffff; background:#FF8A00;}
a.cplb:active {color: #ffffff;}


.bt{ text-align:center; font-size:48px; color:#D6D6D6; text-transform:uppercase; padding-bottom:15px; font-family:Arial; background:url(../images/xx.jpg) bottom center no-repeat;}
.bt span{ text-align:center; font-size:48px; color:#89A5F7; text-transform:uppercase;padding-bottom:20px; font-family:Arial;}
.bt p{ display:block; font-size:35px; color:#303030; font-weight:normal; font-family:'微软雅黑';}



.zxkuai{ width:100%; background:#fff; height:580px;}

.syxw{height:38px; line-height:38px; font-size:32px; width:50%; margin-top:65px; font-weight:bold; color:#333;}
.syxw strong{color:#EE242D;}
.syxw span{height:38px; line-height:38px; font-size:16px; padding-left:10px; width:50%; text-transform:uppercase; margin-top:70px; font-weight:normal; color:#7C7C7C;}
.syxwdh{width:50%; margin-top:70px;}



.syxwk{ width:1200px; margin:auto; height:auto; padding-top:35px; padding-bottom:25px;}
.xwt{ width:559px; height:368px; float:left; position:relative;}
.xwtsj{ width:559px; height:100px; position:absolute; z-index:99; bottom:0px; background:url(../images/xwbj.png) repeat-y;}
.xwtsj01{ width:117px; height:90px; padding-top:10px; float:left; text-align:center; color:#FFF; }
.xwtsj01 span{ font-size:44px; color:#fff;}



.xwtsj02{ width:312px; height:100px; float:left; line-height:100px; color:#FFF; font-size:18px; padding-left:30px;}


.xwkuai{ width:580px; height:auto; float:right;}

.xwzx{ height:105px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:460px; float:left;}
.xwzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.xwzxwzbt a{ color:#585858;}
.xwzxwzbt a:hover{ color:#FF3600;}

.xwzxwznr{ line-height:25px; color:#989898; font-size:13px; padding-bottom:5px; text-align:justify;}

.xwzximg{ width:85px; height:80px; padding-top:5px; float:left; background:#f5f5f5; margin-right:30px; text-align:center; }
.xwzximg span{ font-size:40px; color:#333;}


.syxw{height:38px; line-height:38px; font-size:32px; width:30%; margin-top:70px; font-weight:bold; color:#333;}
.syxwdh{width:70%; margin-top:70px;}

a.dha { font-family:"微软雅黑"; font-size: 16px; line-height:42px; color: #fff; background:#024da1; display:block; width:148px; height:42px; text-align:center; float:right; margin-left:10px;}
a.dh1 { font-family:"微软雅黑"; font-size: 16px; line-height:42px; color: #000; background:#EBEBEB; display:block; width:148px; height:42px; text-align:center; float:right; margin-left:10px;}
a.dh1:visited {font-style: normal; color: #000; text-decoration: none;}
a.dh1:hover { color:#ffffff; text-decoration: none; background:#01b7f2; }
a.dh1:active { color: #ffffff; background:#CC0810;}

.gg{ width:100%; height:120px; background:url(../images/ggt.jpg) center center no-repeat;}
.gg1{ width:100%; height:120px; background:url(../images/ggt1.jpg) center center no-repeat;}

.bt{height:38px; line-height:38px; font-size:32px; margin-top:65px; margin-bottom:30px; font-weight:bold; color:#014DA0;}
.bt span{height:38px; line-height:38px; font-size:16px; padding-left:10px; width:50%; text-transform:uppercase; margin-top:70px; font-weight:normal; color:#7C7C7C;}
.bt strong{color:#014DA0;}

.ggkuai{ width:750px; height:auto; float:left;}

.ggzx{ height:140px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.ggzxwz{ width:490px; float:left;}
.ggzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.ggzxwzbt a{ color:#585858;}
.ggzxwzbt a:hover{ color:#FF3600;}

.ggzxwznr{ line-height:24px; color:#989898; font-size:13px; padding-bottom:5px; text-align:justify;}

.ggzximg{ width:220px; height:140px; float:left; margin-right:30px; text-align:center;}
.ggzximg img{border-radius:5px;width:220px; height:140px;}


.job{ width:390px; float:right;}
.job img { margin-bottom:25px;}

/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}





.canpinbt{ width:100%; height:59px; margin-top:50px; background:url(../images/cbb.jpg) top center no-repeat;}

.nycanpin{ width:238px; float:left; background:url(../images/cpbj.png); }
.canpinbt1{width:158px; padding-left:80px; height:60px; padding-top:31px; background:url(../images/nycpb.jpg) left center no-repeat;  font-family:"微软雅黑"; color:#ffffff; font-size:22px; font-weight:bold;}


.nycplb a{ height:36px; font-size:13px; width:214px; line-height:36px; padding-left:24px; margin-top:3px; font-family:"微软雅黑"; color:#333333; display:block; text-decoration:none; float:left; background:url(../images/cplbbj1.jpg) left center no-repeat; border-bottom:1px solid #E4E4E4;}
.nycplb a:visited{color:#414141;}
.nycplb a:hover{background:url(../images/cplbbj2.jpg) left center no-repeat; color:#ffffff;}
.nycplb a:active{color:#ffffff;}



.nyright{ width:890px; height:auto; float:left; margin-left:50px;}
.nyaboutb{ height:40px; line-height:29px; color:#414141; border-bottom:1px solid #DDDDDD; font-family:"微软雅黑"; font-size:18px; font-weight:bold;}
.nyaboutnr{line-height:28px; padding-left:2px; color:#333333; padding-top:20px; font-size:14px; height:auto!important;_height:355px;min-height:355px;}

.aboutxw{margin-top:35px; padding-top:20px; border-top:1px solid #CCC;}





/*-------------------------------  ■ 内页区域---------------------------------*/

.mbfor{display:none;}
.mbdh{ display:none;}
#banner{display:none;}
.talk-btn{ display:none!important;}
/*------tab---------*/
@media all and (max-width:1199px){
.cen{ width:90%; padding-left:5%; padding-right:5%;}
.nav{ width:100%; margin:auto;}
.tlogo{ width:100%; text-align:center;}
.nav1{ width:95%; padding-top:20px; float:left;}
.nav2{ width:5%;}
.topkuai{ width:100%; height:180px;}
.menu li{ width:12%; text-align:center; padding:none; margin:none;}

.contact01{ width:90%;}
.contact01 dl{ width: 30%; height: 450px;}
.contact02s img{ width:100%;}
.contact02wz{ width: 100%;}
.right-map{ display:none;}
.ul-num{ display:none;}
.m-you{float:none; width:90%!important;max-width:90%!important; padding-left:5%; padding-right:5%;}
.xwt{ display:none;}

.syxwk{ width:100%; padding-left:nene;  height:auto; padding-top:35px; padding-bottom:55px;}
.xwkuai{ width:95%!important;max-width:95%!important; padding-left:5%;  height:auto; float:right;}
.xwzxwz{width:95%!important;max-width:95%!important;  float:none;}
.xwzximg{ display:none;}
.footer{ display:none;}
.dbdhk1{width:30%;}
.globalR-side-bar{display:none;}
.footer4{ width:100%; line-height:28px; text-align:center; padding-top:10px; padding-bottom:10px;}
}

@media all and (max-width:900px){
.top_layer{ display:none;}
.menu li{ width:15%; text-align:center; padding:none; margin:none; height:20px;}
.banner{ width:100%; height:600px; margin-top:0px;}
}

@media all and (max-width:768px){
	.banner{display:none;}
	.contact01 dl{ width:90%!important;max-width:90%!important; padding-left:5%; padding-right:5%; padding-bottom:5%; margin-bottom:5%;height: auto;}
	.contact02{ margin-left:0px;}
	.contact02an{ margin-left:0px;}
	.contact01{ padding-bottom:0px;}
	.dbdhk1{width:45%; margin-bottom:5%;}
	.syxwdh{display:none;}
	.dbdhk{ padding-top:10%;padding-bottom:10%;}
	.mbdh{ display:block;}
	.mbfor{display:block;}
	#banner{display:block;}
	.contact01{ margin-bottom:0px; padding-top:50px;}
	.m-you{padding-top:30px!important;}
	.row-a5{ padding-bottom:30px!important;}
	.m-you h3 a{ font-size:26px;}
	.syxw{height:28px; line-height:38px; font-size:26px; width:30%; margin-top:40px; font-weight:bold; color:#333;}
	.xwzxwznr{ padding-bottom:10px;}
	.xwzx{ height:145px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
	.syxwk{ padding-bottom:0px;}
	.roundabout-moveable-item img{ width:70%!important;}
	.cpkuai{ width:100%; height:520px; background:#e6e6e6;}
	.talk-btn{ display:block!important;}
}

@media all and (max-width:450px){
	.dbdhk1{width:100%;}
	.syxw{ width:100%;}
}


















