@charset "utf-8";
/* CSS Document */


/*banner图*/
.flexslider{width:100%;height:677px; position: relative;  overflow:hidden; z-index: 1;}
		/*图片*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block; width:1920px; height:100%; position: relative; left:50%; margin-left:-960px}
 

.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:677px;}

		/*按钮点*/
.flex-control-nav{width:100%;position:absolute;bottom:21px;text-align:center; z-index: 9999;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; margin: 0 5px}
.flex-control-paging li a{ background-image:url(../images/dd.png) ;background-position: center 0; display: block; width: 15px; height: 15px; overflow: hidden; text-indent: -99em; cursor: pointer;}
.flex-control-paging li a.flex-active{ background-position: center -15px;}

.flex-direction-nav{ width: 100%; position: absolute; left: 0; top: 250px; z-index: 9999; display: none }
/* .flex-direction-nav .flex-prev { width: 24px; height: 64px;  font-size: 0; display: block; background: url(../images/ban-l.png) no-repeat;float: left; margin-left: 50px; }
.flex-direction-nav .flex-next { width: 24px; height: 64px;font-size: 0; display: block; background: url(../images/ban-r.png) no-repeat;float: right ; margin-right: 50px;} */



.bk1-bj{width: 100% ; height:483px ; background: url(../images/bk1-bj.jpg) no-repeat ;  background-position: center center; overflow: hidden;}
.bk1-box{ width: 1264px;  margin: 0 auto; padding-top: 77px;}
.bk-l{ width: 680px; float: left; height: 380px;}
.bk-r{ width: 453px; float: right; height: 380px; }

.tit{ width: 293px; height: 43px; border-bottom: 1px solid #a7a7a7; position: relative;}
.tit h3{ height: 44px; font-size: 24px; color: #2d2d2d; background: url(../images/t1.jpg) no-repeat; background-position: left bottom;}
.ti2{width: 453px; position: relative;}
.ti2 h3{ height: 44px; font-size: 24px; color: #d80202; background: url(../images/t2.jpg) no-repeat; background-position: left bottom;}
.ti2 a{ position: absolute; right: 10px; bottom: 12px;    font-size: 16px; color: #424242;}
.txt{width: 680px; height: 166px; margin: 22px 0 42px 0; font-size: 14px ;line-height: 28px; color: #6f6f6f; overflow: hidden;}
.txt p{ font-size: 14px ; line-height: 28px; color: #6f6f6f;}

.anu{width: 100%; height: 43px;}
.anu a{ width: 124px; height: 43px; line-height: 43px; text-align: center; display: block ; background: url(../images/an1.png) no-repeat; font-size: 16px; color: #fff; overflow: hidden;}
.anu a:hover{ background: url(../images/an2.png) no-repeat; }

.ico-box{width: 442px; height: 300px; margin-left: 10px; overflow: hidden;}
.ico-box ul{ width: 500px ; padding-top: 14px}
.ico-box ul li{ width: 214px; height: 82px; float: left; margin-right: 14px; margin-bottom: 18px;}
.ico-box ul li a{ width: 214px; height: 82px; border: solid 1px #d5d6d8 ; padding: 1px}
.ico-box ul li img{ width: 210px; height: 78px;}
/* .ico-box ul li:hover{ border: solid 2px #f0453e ; padding: 0} */


.yw-bj{width: 100% ; height:380px ; background: url(../images/bk4-bj.jpg) no-repeat ;  background-position: center center; overflow: hidden}
.yw-box{ width: 1264px;  margin: 0 auto; padding-top: 94px;}

.tit3{ width: 378px; height: 43px; border-bottom: 1px solid #a7a7a7; position: relative;}
.tit3 h3{ height: 44px; line-height: 32px; font-size: 32px;font-weight: bold; color: #404040; background: url(../images/t3.jpg) no-repeat; background-position: left bottom;}
.tit3 h3 span{ color: #339e1a; font-weight: normal}
.tit3 h3 i{ font-size: 34px;color: #bed51b ;font-weight: normal ; font-style:normal; padding-left: 6px; font-family: "Arial Regular"}


.tb-box{width: 1264px; margin-top: 56px; position: relative; overflow: hidden;}
.tb-box ul{ width: 1300px}
.tb-box ul li{ width: 211px; height: 58px;float: left; margin-right: 41px; background-color: #fff; border: solid 1px #b1b1b1 ;position: relative;}
.tb-box ul li img{ width: 43px; height: 43px; float: left; margin: 7px 0 0 13px;-webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;}
.tb-box ul li .rt{ width: 130px;height: 58px; float: left; margin-left: 9px}
.tb-box ul li .rt h3{width: 130px; height: 18px; line-height: 18px; font-size: 16px; color: #383838; margin: 10px 0 7px 0; overflow: hidden;}
.tb-box ul li .rt p{width: 130px; height: 14px; line-height: 14px; font-size: 12px; color: #919191; overflow: hidden;}
.tb-box ul li:hover img{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.tb-box ul li:hover{border: solid 1px #f0453e ;}


.News-bj{width: 100% ; height:739px ; background: url(../images/bk3-bj.jpg) no-repeat ;  background-position: center center; overflow: hidden}
.News-box{ width: 1264px;  margin: 0 auto; padding-top: 67px;}

.tit4{ width: 426px; height: 43px; border-bottom: 1px solid #a7a7a7; position: relative;}
.tit4 h3{ height: 44px; line-height: 32px; font-size: 32px; color: #262627; font-weight: bold; background: url(../images/t4.jpg) no-repeat; background-position: left bottom;}
.tit4 h3 span{ color: #2446ba; font-weight: normal}
.tit4 h3 i{ font-size: 34px;color: #b6b3d5 ;font-weight: normal ; font-style:normal; padding-left: 6px; font-family: "Arial Regular"}

.mation-box{ width: 1264px; padding-top: 68px;}
.mation-box .mat-l{ width: 503px; height: 410px; background: url(../images/jd-bj.png) no-repeat; float: left; overflow: hidden;}
.mation-box .mat-r{ width: 761px; height: 410px; float: left;}

.focus2{ width: 496px; height: 410px;overflow:hidden;position:relative;}
.focus2 ul{height:496px;position:absolute;}
.focus2 ul li{float:left;   width: 496px; height: 410px;overflow:hidden;position:relative;}
.focus2 ul li div{position:absolute;overflow:hidden;}
.focus2 .btn{position:absolute;width:333px;height:10px;padding:5px 10px;right:0;bottom:5px;text-align:center;}
.focus2 .btn span{display:inline-block;_display:inline;_zoom:1;width:13px;height:13px;_font-size:0;margin-left:5px;cursor:pointer;background:none;border-radius:50%;}
.focus2 .btn span.on{background:none}
.focus2 ul li img{  width: 496px; height: 410px;}


.focus2 .pre{width:28px;height:38px;position:absolute;bottom:0;right:27px; background: url(../images/foc1.png) no-repeat; cursor:pointer; display: block !important; }
.focus2 .next{width:28px;height:38px;position:absolute;bottom:0;right:0px; background: url(../images/foc2.png) no-repeat; cursor:pointer;display: block !important;}
.focus2:hover .pre{ display: block !important; }
.focus2 .pre:hover{background: url(../images/foc1-1.png) no-repeat; }
.focus2 .next:hover{ background: url(../images/foc2-1.png) no-repeat;}
.focus2 .btn{ display: none }
.wbnr{ width:476px; height: 38px; line-height: 38px; padding: 0 10px; background: url(../images/pic-bj.png) repeat; position: absolute; left: 0; bottom: 0; font-size: 14px; color: #fff}

.nws{width: 761px; height: 377px; margin-top: 33px; background-color: #fff; overflow: hidden;}
.nws ul{ width:761px;}
.nws ul li{ width: 743px ; height: 91px;  background: url(../images/ja3.jpg) no-repeat; background-position: 20px bottom ; padding: 2px 0 2px 23px; overflow: hidden;}
.nws ul li .mk1{ width: 66px; height: 37px; float: right; background: url(../images/ja5.png) no-repeat; background-position:  left bottom; margin-top: 32px; margin-right: 19px; }
/* .nws ul li .mk1 h3{ font-size: 44px; line-height: 44px; font-weight: bold ;  color: #616161;} */
.nws ul li .mk1 h5{font-size: 14px; color: #dadada; }

.nws ul li .mk2{ width: 630px; float: left; margin-left: 8px; margin-top: 16px; background: url(../images/ja7.png) no-repeat; background-position: left 7px ; padding-left: 15px;}
.nws ul li .mk2 h3{width: 594px; height: 20px; line-height: 20px; font-size: 16px; color: #2f2f2f; white-space:nowrap;  text-overflow:ellipsis; margin-bottom: 4px; overflow: hidden;}
.nws ul li .mk2 p{width: 594px;height: 36px; line-height: 18px; font-size: 12px; color: #888888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.nws ul li:hover{ background-color: #f0f0f0;}
.nws ul li:hover .mk2 h3{ font-weight: bold; color: #f0453e}
.nws ul li:hover .mk2 p{ color: #e6ad5e}
.nws ul li:hover .mk2{background: url(../images/ja8.png) no-repeat; background-position: left 7px ;}
.nws ul li:hover .mk1{background: url(../images/ja6.png) no-repeat; background-position:  left bottom;}
.nws ul li:hover .mk1 h5{ color: #616161}


.gd-box{ width: 1264px ; text-align: center; padding-top: 48px;}
.gd-box a{ width: 149px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: url(../images/gd1.png) no-repeat ; font-size: 16px; color: #616161; overflow: hidden;}
.gd-box a:hover{background: url(../images/gd2.png) no-repeat ; color: #fff; font-weight: bold}



/* case */
.case-bj{ width: 100%; background-color: #fff ; overflow: hidden;}
.case-box{ width: 1264px; margin: 0 auto; padding: 85px 0 68px 0; overflow: hidden;}

.tit5{ width: 145px; height: 43px; border-bottom: 1px solid #a7a7a7; position: relative;}
.tit5 h3{width: 426px; height: 44px; line-height: 32px; font-size: 32px; color: #262627; font-weight: bold; background: url(../images/t5.jpg) no-repeat; background-position: left bottom;}
.tit5 h3 span{ color: #e84131; font-weight: normal}
.tit5 h3 i{ font-size: 34px;color: #d24581 ;font-weight: normal ; font-style:normal; padding-left: 6px; font-family: "Arial Regular"}

.anl-bj{width: 1264px;}
.anm1{ width: 1264px; height: 34px; text-align: right;}
.anm1 a{ width: 108px; height: 34px; line-height: 34px; text-align: center ; background: url(../images/an1.jpg) no-repeat; display: inline-block; font-size: 16px; color: #424242; cursor: pointer; overflow: hidden;}
/* .anm1 a:hover{background: url(../images/an2.jpg) ; font-weight: bold; color: #ea0909;} */
.anm1 .pd{background: url(../images/an2.jpg) ; font-weight: bold; color: #ea0909;}


.anm2{width: 1264px; padding-top: 20px;}

.anm2 .picScroll-left{width:1264px; height: 556px; }
.anm2 .picScroll-left .hd{width:1264px; position: relative; z-index:999; top: 545px}

.anm2 .picScroll-left .hd .prev{display: inline-block;  width:14px; height:26px;   overflow:hidden;background:url(../images/right.png) no-repeat;position:absolute; right:524px ;bottom:0px; }
.anm2 .picScroll-left .hd .next{ display:inline-block;  width:14px; height:26px;  overflow:hidden; cursor:pointer; background:url(../images/left.png) no-repeat;position:absolute; left:524px ; bottom:0px; }

.anm2 .picScroll-left .hd ul{ width:80px; text-align:center; overflow:hidden; zoom:1;  zoom:1; position:relative; left:605px ; bottom:8px; z-index:999999999 ;}
.anm2 .picScroll-left .hd ul li{ float:left;  width:12px; height:12px; overflow:hidden; margin-left:7px; text-indent:-999px; cursor:pointer; background:url(../images/ddf.png) 0 -12px no-repeat; }
.anm2 .picScroll-left .hd ul li.on{ background-position:0 0; }
		

.anm2 .picScroll-left .bd{width:1264px; height:484px; /*overflow:hidden;*/ }
.anm2 .picScroll-left .bd ul{  /*overflow:hidden;*/ zoom:1; height:486px;}
.anm2 .picScroll-left .bd ul li{ width:1264px; height:486px;}

.pic-box{ width:1264px; height:486px; overflow:hidden;}
.pic-left{ width:420px; height:486px; float:right; overflow:hidden;}
.pic-right{width:830px;height:486px;  float: left; overflow:hidden; }

.pic-right .pic-c{width:851px;}

.pic-left a{ width:416px; height:482px; padding: 2px; display:block; position:relative; overflow:hidden;}
.pic-left a .tp{width:420px; height:482px;cursor: pointer; transition: all 0.6s;  }

.pic-left a .show1{ width:420px; height:80px; background:url(../images/aa0.png) repeat; position:absolute; left:2px; bottom:-36px;  line-height:44px;}
.pic-left a .show1 h4{ width:420px; height:44px; line-height:44px; padding-left:14px; font-size:16px; color:#fff;  overflow:hidden}
.pic-left a .show1 h5{ width:420px; height:20px; line-height:20px; padding-left:14px;font-size:14px; color:#fff; overflow:hidden}
/* .pic-left a:hover .tp{transform: scale(1.1);} */
.pic-left:hover a{ padding: 0 ; border: solid 2px #f12525}
.pic-left:hover a .show1{background:url(../images/aa.png) repeat;position:absolute; left:0px; bottom:-36px; }



.pic-right .Case-list{ width:404px; height:237px; float: left; margin-right:18px; margin-bottom:12px; overflow:hidden;}
.pic-right .Case-list a{width:400px; height:233px; padding: 2px; display:block; position:relative; overflow:hidden; }
.pic-right .Case-list a .tp{width:400px; height:233px;cursor: pointer;  transition: all 0.6s;}
.pic-right .Case-list a .show1{ width:400px; height:80px; background:url(../images/aa0.png) repeat; position:absolute; left:2px; bottom:-36px;  line-height:44px;}
.pic-right .Case-list a .show1 h4{ width:330px; height:44px; line-height:44px; padding-left:14px; font-size:16px; color:#fff;  overflow:hidden}
.pic-right .Case-list a .show1 h5{width:330px;height:20px; line-height:20px; padding-left:14px;font-size:14px; color:#fff; overflow:hidden}
.pic-right .Case-list a .show1 .zb{ padding-left:14px; padding-top:8px;}
/* .pic-right .Case-list a:hover .tp{ transform: scale(1.1);} */
.pic-right .Case-list:hover  a .show1{background:url(../images/aa.png) repeat;position:absolute; left:0px; bottom:-36px; }
.pic-right .Case-list:hover a{ padding: 0 ; border: solid 2px #f12525}







.c-btn {display:inline-block;width: 100%; height:100%;position:relative;text-decoration:none;}
.c-btn::after {content:"";display:block;position:absolute;}
.c-btn::before {content:"";display:block;position:absolute;}
.c-btn--border-line {background:rgba(0,0,0,0) none repeat scroll 0 0;border:0 none;box-shadow:0 0 0 0 transparent inset;box-sizing:border-box;}
.c-btn--border-line::after,.c-btn--border-line::before {border:2px solid transparent;box-sizing:border-box;height:0;width:0;}
.c-btn--border-line::after {left:0px;top:0px;transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}

.c-btn--border-line::before {bottom:-1px;right:0px;transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in 0s;}
.c-btn--border-line:hover::after,.c-btn--border-line:hover::before {height:100%;width:100%;}
.c-btn--border-line:hover::after {border-right-color:#cd0000;border-top-color:#cd0000;transition:width 0.2s ease-out 0s,height 0.2s ease-out 0.2s;}
.c-btn--border-line:hover::before {border-bottom-color:#cd0000;border-left-color:#cd0000;
transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.c-btn--line::after {
	background-color:#cd0000;
	bottom:0;
	transform:scaleX(0);
	transform-origin:right center 0;
	transition:transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s,-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s;
}
.c-btn--line:hover::after {
	transform:scaleX(1);
	transform-origin:left center 0;
	transition:transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s,-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s;
}
.nav-zi a {
	width:210px; height:78px; 
/*	border:2px solid #ddd;*/
	display:block;
	transition:all 0.6s ease-in 0s;
}
.cover-fields a,.jz a {
	color:#1b9a55;
}
.c-btn--border-line {
	background:rgba(0,0,0,0) none repeat scroll 0 0;
	border:0 none;
	box-shadow:0 0 0 0 transparent inset;
	box-sizing:border-box;
}
.c-btn {
	color:#ffffff;
	display:inline-block;
	height:100%;
	position:relative;
	text-decoration:none;
}





.business-bj{ width: 100%; height: 630px; background-color: #fff; background: url(../images/bk2-bj.jpg) no-repeat; background-position: center center; overflow: hidden;}
.business-box{ width: 1264px; margin: 0 auto; position: relative;}

.tit6{ width: 370px; height: 43px; border-bottom: 1px solid #a7a7a7; position: relative; top: 86px;}
.tit6 h3{width: 426px; height: 44px; line-height: 32px; font-size: 32px; color: #262627; font-weight: bold; background: url(../images/t5.jpg) no-repeat; background-position: left bottom;}
.tit6 h3 span{ color: #eb1c00; font-weight: normal}
.tit6 h3 i{ font-size: 34px;color: #f29013 ;font-weight: normal ; font-style:normal; padding-left: 6px; font-family: "Arial Regular"}

.cd1{  position: absolute; left: 423px;top: 175px}
.cd1 a{ height: 69px; line-height: 60px; background: url(../images/cd1.png) no-repeat; padding-left: 68px; font-size: 24px; color: #363636; display: block; }
.cd2{  position: absolute; left: 674px;top: 250px}
.cd2 a{ height: 66px; line-height: 90px; background: url(../images/cd2.png) no-repeat; padding-left: 68px; font-size: 24px; color: #363636; display: block; }
.cd3{  position: absolute; left: 509px;top: 387px}
.cd3 a{ height: 58px; line-height: 58px; background: url(../images/cd3.png) no-repeat; padding-left: 85px; font-size: 24px; color: #363636; display: block; }
.cd4{  position: absolute; left: 722px;top: 488px}
.cd4 a{ height: 51px; line-height: 51px; background: url(../images/cd4.png) no-repeat; padding-left: 67px; font-size: 24px; color: #363636; display: block; }
.cd1 a:hover{ color: #eb1c00;}
.cd2 a:hover{ color: #dc318e;background: url(../images/cd2-1.png) no-repeat;}
.cd3 a:hover{ color: #ba8740;}
.cd4 a:hover{ color: #019841;}

.dh::before{
	content: '';
	height: 8px; width: 50px; background: #000; opacity: .2; border-radius: 50%;
	position: absolute;
	top: 67px;
	left: 0;
	animation: shadow .5s linear infinite;
}
	.dh::after{

		animation: rotate .5s linear infinite;
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 50px;
		height: 50px;
	}
@keyframes shadow {
0%, 100% {transform: scaleX(1);}
50% {transform: scaleX(1.2);}
}

@keyframes rotate {
0% {
transform: translateY(0) ;
}
25% {
	transform: translateY(10px);
}
50% {
	transform: translateY(20px) scale(1.1, 0.9);
   
}
75% {
	ransform: translateY(10px) ;
}
100% {
	transform: translateY(0) ;
}
}



/* 地球 */
.dq-bj{width: 480px; height: 480px; margin: 0 auto; position: absolute; top: 210px; left:-150px;  border-radius: 50%; overflow: hidden; background: url(../images/dtm.png); background-size: auto 100%;/* box-shadow: inset 0px 0px 170px 30px rgba(0,0,0,1);*/}

@media \0screen\,screen\9{
	.copy{ position: relative; top: 44px;}
	.tit3{ width: 410px; }
	.tit4{ width: 440px; }
}