/*top-tip*/
.top-tip{    background-color: #556877;height: 50px;width: 100%;clear: both;position: fixed;top: 0;z-index: 99999;}
.top-tip i{display:inline-block;line-height:20px;font-family: 'Rjdaoico' !important;font-size:20px;color:#fff;}
.top-tip a{display:inline-block;margin-left:100px;color:#fff;}
.top-tip .top-left{
	float: left;
	height:50px;
	padding-right:20px;
    background-color: #3AB3DF;
    width: 780px;
    text-align: right;
	font-size:16px; 
	color: #fff;
	line-height:50px;
	}
	
.top-tip .top-right{
	float:left;
	width:750px;
	height:50px;
	padding-left:150px;
	text-align:left;
	font-size:16px; 
	color: #fff;
	line-height:50px;	
	}

	
/*top-tip END*/

/* head */
.head{ width:100%; height:108px; background:#fff; margin-top:50px;}
.head a:hover {text-decoration:none;}
.contact{ width:1200px; margin:0 auto; }
.contact .rl_logo{ float:left; margin:20px 0 0 0;}
.contact .rl_logo{ width:275px; position:relative; overflow:hidden; height:72px;}
.contact .rl_logo img{ position:absolute; left:0; top:0;}
.contact dl{ width:725px; float:right;}
.contact dl dt{ float:left; padding:20px 0 0 0; }
.contact dl dd{ float:right; padding:22px 0 0 0; margin-left: 40px;}
.contact dl dd p{width:60px; float:left; display:inline; text-align:center;}
.contact dl dd p span{ width:50px; height:50px; display:block; margin:0 auto 5px;}
.contact dl dd p a em{ font-size:14px; color:#666;}
.contact dl dd p a:hover em{ color:#000;}
.contact dl dd .p01, .contact dl dd .p02 , .contact dl dd .p03{margin:0 19px 0 0;}
.contact dl dd .p01 a span{ background:url(../images/rlsqjc03.png) no-repeat 0 0;transition: all 0.4s ease 0s;}
.contact dl dd .p01 a:hover span{ background:url(../images/rlsqjc03.png) no-repeat 0 -50px;}
.contact dl dd .p02 a span{background:url(../images/rlsqjc04.png) no-repeat 0 0;transition: all 0.4s ease 0s;}
.contact dl dd .p02 a:hover span{ background:url(../images/rlsqjc04.png) no-repeat 0 -50px;}
.contact dl dd .p03 a span{ background:url(../images/rlsqjc05.png) no-repeat 0 0;transition: all 0.4s ease 0s;}
.contact dl dd .p03 a:hover span{ background:url(../images/rlsqjc05.png) no-repeat 0 -50px;}
.contact dl dd .p04 { position: relative; z-index:999; height:80px;}
.contact dl dd .p04 a span{ background:url(../images/rlsqjc06.png) no-repeat 0 0;transition: all 0.4s ease 0s;}
.contact dl dd .p04 a:hover span{ background:url(../images/rlsqjc06.png) no-repeat 0 -50px;}
.contact .weixin { display: none; width: 160px; height: 160px; z-index: 999; position: absolute; right: 0; top: 80px;}
.contact .weixin img { width: 160px; height: 160px; }
/* head END */

/*项目下拉菜单*/
.nav{ width:100%; height:60px; background:#25518e;margin-bottom:2px;}
.nav-link{ width:1200px; margin:0 auto; position:relative; z-index:19;}
#sort{ position:absolute; left:0; top:0; z-index:20;}
#sort .ld{ position:relative; width:210px; line-height:60px; font-size:18px; color:#fff; background:#FF4500 url(../images/xz.png) no-repeat 165px center; height:60px; cursor:pointer; text-indent:32px;}
#sort .ld h2{ font-weight:normal; font-size:18px; color:#fff;}
#allsort{ display:none;width:600px; height:449px; position:absolute; left:0; top:60px; overflow:hidden; background:url(../images/new07.jpg) no-repeat; z-index:500;

}
#ld:hover:{	-webkit-transition: all 2s ease 1s;
	-moz-transition: all 2s ease 1s;
	-ms-transition: all 2s ease 1s;
	-o-transition: all 2s ease 1s;
	transition: all 2s ease 1s;	}
#allsort .item{ width:210px; height:74px; border-bottom:1px solid #fff;}
#allsort .item span{ width:210px; overflow:hidden; display:block; line-height:74px; font-size:16px; color:#fff; text-indent:30px; background:url(../images/new08.png) no-repeat 170px center; _background:url(../images/new08.gif) no-repeat 170px center; cursor:pointer;/* transition:all 0.5s ease-in-out 0s;*/ transition:background-color 0.5s ease-in-out 0s,background-image 0.5s ease-in-out 0s,color 0.5s ease-in-out 0s;}
#allsort .item span a{ color:#fff;}
#allsort .item .kjy_a{ background:#fff url(../images/new008.png) no-repeat 170px center; _background:#fff url(../images/new008.gif) no-repeat 170px center; color:#333;}
#allsort .item .kjy_a a{ color:#333;}
#allsort .item .kjy{ background:url(../images/new08.png) no-repeat 170px center; _background:url(../images/new08.gif) no-repeat 170px center; color:#fff;}
#allsort .item .kjy a{ color:#fff;}
#allsort .item .i-mc{ box-sizing:border-box;width:680px; height:450px; position:absolute; left:209px; top:0; z-index:10; overflow:hidden;}
#allsort .in-mc{box-sizing:border-box; width:380px; height:450px; background:#fff; border:1px solid #f7f7f7; border-left:none; position:absolute; left:-380px; top:0px; overflow:hidden; padding:23px 0 0; border-right:none;}
#allsort .in-mc em{ width:320px; height:32px; line-height:32px; text-align:center; margin:0 auto; font-size:16px; display:block; color:#fff; line-height:32px; background:#ff4500;}
#allsort .in-mc .w_1{box-sizing:border-box; width:360px; height:200px; overflow:hidden; margin-left:10px; padding:25px 0px 10px;}
#allsort .in-mc .w_1 li{ box-sizing:border-box;width:120px; height:75px;text-align:center; margin-bottom:15px; float:left;padding:0 20px;}
#allsort .in-mc .w_1 li a{ display:block;box-sizing:border-box;width:80px;text-align:Center;font-size:16px; color:#333;}
#allsort .in-mc .w_1 li a img{ display:block;width:40px;height:40px;margin:0 auto;}
#allsort .in-mc .w_1 li a:hover{ color:#ff4500;border-bottom:1px solid #ff4500;}
#allsort .in-mc .w_2{ width:302px; height:38px; margin:0 auto; overflow:hidden; padding:18px 0 0;}
#allsort .in-mc .w_2_1{ height:52px; padding:0 0;}
#allsort .in-mc .w_2 li{ float:left; text-align:center; height:34px; overflow:hidden; line-height:34px; margin:0 4px 0 0; display:inline;}
#allsort .in-mc .w_2 li a{ display:block; color:#fff; font-size:15px;}
#allsort .in-mc .w_2 .dh_cor01{ width:89px; background:#f69e68;}
#allsort .in-mc .w_2 .dh_cor01 a:hover{ background:#e78b52;}
#allsort .in-mc .w_2 .dh_cor02{ width:100px; background:#6eb9d8;}
#allsort .in-mc .w_2 .dh_cor02 a:hover{ background:#4fa0c1;}
#allsort .in-mc .w_2 .dh_cor03{ width:105px; background:#9b7bd8; margin:0;}
#allsort .in-mc .w_2 .dh_cor03 a:hover{ background:#805cc4;}
#allsort .in-mc .w_2 .dh_cor04{ width:60px; background:#9b7bd8; clear:left;}
#allsort .in-mc .w_2 .dh_cor04 a:hover{ background:#805cc4;}
#allsort .in-mc .w_2 .dh_cor05{ width:108px; background:#f69e68;}
#allsort .in-mc .w_2 .dh_cor05 a:hover{ background:#e78b52;}
#allsort .in-mc .w_2 .dh_cor06{ width:126px; background:#6eb9d8; margin:0;}
#allsort .in-mc .w_2 .dh_cor06 a:hover{ background:#4fa0c1;}
#allsort .in-mc .w_2 .wid01{ width:122px;}
#allsort .in-mc .w_2 .wid02{ width:80px;}
#allsort .in-mc .w_2 .wid03{ width:92px;}
#allsort .in-mc .w_2 .wid04{ width:128px;}
#allsort .in-mc .w_2 .wid05{ width:85px;}
#allsort .in-mc .w_2 .wid06{ width:81px;}
#allsort .in-mc .w_2 .wid07{ width:78px;}
#allsort .in-mc .w_2 .wid08{ width:80px;}
#allsort .in-mc .w_2 .wid09{ width:136px;}
#allsort .in-mc .w_2 .wid10{ width:96px;}
#allsort .in-mc .w_2 .wid11{ width:92px;}
#allsort .in-mc .w_2 .wid12{ width:106px;}
#allsort .in-mc .w_2 .wid13{ width:110px;}
#allsort .in-mc .w_2 .wid14{ width:100px;}
#allsort .in-mc .w_2 .wid15{ width:84px;}
#allsort .in-mc .w_2 .wid16{ width:96px;}
#allsort .in-mc .w_2 .wid17{ width:92px;}
#allsort .in-mc .w_2 .wid18{ width:106px;}
#allsort .in-mc .w_2 .wid19{ width:130px;}
#allsort .in-mc .w_2 .wid20{ width:82px;}
#allsort .in-mc .w_2 .wid21{ width:82px;}
#allsort .in-mc .w_2 .wid22{ width:118px;}
#allsort .in-mc .w_2 .wid23{ width:80px;}
#allsort .in-mc .w_2 .wid24{ width:96px;}
#allsort .in-mc .w_2 .wid25{ width:90px;}
#allsort .in-mc .w_2 .wid26{ width:53px;}
#allsort .in-mc .w_2 .wid27{ width:151px;}
#allsort .in-mc .w_2 .wid28{ width:108px;}
#allsort .in-mc .w_2 .wid29{ width:85px;}
#allsort .in-mc .w_2 .wid30{ width:101px;}
#allsort .in-mc .sort-a a{ width:305px; height:35px;margin:0 auto; display:block; background:url(../images/gif_ys.gif) no-repeat; transition:1s all ease-in-out 0s; color:#25518e; font-size:14px; text-align:center; line-height:31px;}
#allsort .in-mc .sort-a a:hover{ background:url(../images/gif_ys02.jpg) no-repeat; color:#fff;}

/*项目下拉菜单 END*/

/*导航菜单*/
#navitems{ width:990px; float:right; overflow:hidden;}
#navitems ul li{ width:165px; height:60px; text-align:center; line-height:60px; float:left; display:inline;}
#navitems ul li a{ display:inline-block; font-size:18px; color:#fff; transition:background-color 0.2s ease-out 0s,padding 0.2s ease-out 0s;}
#navitems ul li a:hover{ background:#ff4500; padding:0 40px;}
#navitems ul .current a{ border-bottom:2px solid #25518e; padding-bottom:5px;}
#navitems{ overflow:visible;}

/*导航菜单 END*/

/*banner*/
.banner{ background-color:#EC596C;width:100%; height:560px; overflow:hidden;margin:0 auto 16px;}



.tab{
	width:1250px;
	height:78px;
	margin:0 auto;
	margin-top:20px;
}
.tab_d{
	width:124px;
	height:78px;
	float:left;
	font-size:18px;
	color:#999999;
	text-align:center;
	line-height:132px;
	position:relative;
}
.tab_dd2{
	position:absolute;
	z-index:3;
	left:0;
	top:0;
	width:124px;
	height:78px;
	border-right:solid 1px #999999;
}
.tab_d .tab_dd1{
	position:absolute;
	background-color:#0666ea;
	width:0;
	height:0;
	left:50%;
	top:50%;
	opacity:0.5;
	filter:Alpha(opacity=50);
	transition:all 0.05s;
	-moz-transition: all 0.05s; /* Firefox 4 */
	-webkit-transition: all 0.05s; /* Safari 和 Chrome */
	-o-transition:all 0.05s; /* Opera */
	z-index:2px;
}
.tab_d:hover{
	color:#ffffff;
}
.tab_d:hover .tab_dd1{
	width:100%;
	height:120%;
	left:0;
	top:-10%;
}
.tab_d:hover .tab_dd2{
	border:0;
}
.tab_d1 .tab_dd2{
	background:url(../images/index_16.png) center 0 no-repeat;
}
.tab_d2 .tab_dd2{
	background:url(../images/index_17.png) center 0 no-repeat;
}
.tab_d3 .tab_dd2{
	background:url(../images/index_18.png) center 0 no-repeat;
}
.tab_d4 .tab_dd2{
	background:url(../images/index_19.png) center 0 no-repeat;
}
.tab_d5 .tab_dd2{
	background:url(../images/index_20.png) center 0 no-repeat;
}
.tab_d6 .tab_dd2{
	background:url(../images/index_21.png) center 0 no-repeat;
}
.tab_d7 .tab_dd2{
	background:url(../images/index_22.png) center 0 no-repeat;
}
.tab_d8 .tab_dd2{
	background:url(../images/index_23.png) center 0 no-repeat;
}
.tab_d9 .tab_dd2{
	background:url(../images/index_24.png) center 0 no-repeat;
}
.tab_d10 .tab_dd2{
	background:url(../images/index_25.png) center 0 no-repeat;
	border-right:0;
}

.tab_d1:hover .tab_dd2{
	background:url(../images/index_16_1.png) center 0 no-repeat;
}
.tab_d2:hover .tab_dd2{
	background:url(../images/index_17_1.png) center 0 no-repeat;
}
.tab_d3:hover .tab_dd2{
	background:url(../images/index_18_1.png) center 0 no-repeat;
}
.tab_d4:hover .tab_dd2{
	background:url(../images/index_19_1.png) center 0 no-repeat;
}
.tab_d5:hover .tab_dd2{
	background:url(../images/index_20_1.png) center 0 no-repeat;
}
.tab_d6:hover .tab_dd2{
	background:url(../images/index_21_1.png) center 0 no-repeat;
}
.tab_d7:hover .tab_dd2{
	background:url(../images/index_22_1.png) center 0 no-repeat;
}
.tab_d8:hover .tab_dd2{
	background:url(../images/index_23_1.png) center 0 no-repeat;
}
.tab_d9:hover .tab_dd2{
	background:url(../images/index_24_1.png) center 0 no-repeat;
}
.tab_d10:hover .tab_dd2{
	background:url(../images/index_25_1.png) center 0 no-repeat;
	border-right:0;
}





/*第一部分*/
.index01{clear:both;overflow:hidden;width:1200px;margin:36px auto 25px auto;}
.f1BoxL{width:280px;margin-right:20px;}

.f1BoxC{width:640px;position: relative;overflow: hidden;}
.tab.tit1{height:50px;line-height:50px;position:relative;border-bottom: 1px solid #dedede;margin-bottom:30px;}
.tab.tit1 span{display:block;width:10%;font-size: 22px;color:#0087cd;height:40px;border-bottom: 2px solid #0087cd;line-height:40px;margin-right: 16px;padding:0px 10px;position: relative;font-weight:bold}


.f1BoxC dl{padding-left:150px;height:120px;position:relative;padding-bottom:15px;margin-bottom:20px;text-align:left;overflow:hidden;border-bottom: 1px dashed #cecece;}
.f1BoxC dl dt{position:absolute;left:0;top:0;}
.f1BoxC dl dt img{ width:160px; height:100px; border:0;}
.f1BoxC dl dd{ width:460px; float:right;}
.f1BoxC dl dd span a{color:#ff6633;font:18px "microsoft Yahei";display:block;padding-bottom:6px;margin-top:6px;white-space:nowrap;font-weight:bold;}
.f1BoxC dl dd p{line-height:20px;font-size:14px;text-indent:2em;color: #747474;}
.f1BoxC dl dd p a{color:#ff6633;font-weight:bold;}
.f1BoxC dl dd span a:hover,.f1BoxC dl dd p a:hover{color:#0087cd;}

.f1BoxR{width:238px;height:396px;border:1px solid #cccccc;border-radius:5px}
.f1BoxR h2{width:100%;margin-top:20px;text-align:center; color:#0087cd;}
.f1BoxR ul{width: 220px;margin:0px auto;margin-top:10px}
.f1BoxR ul li{width: 90px;height: 76px;float: left;margin:7px 10px;text-align:center;text-align:center;border-radius:5px}
.f1BoxR ul li img{margin-top:6px}
.f1BoxR ul li:nth-child(1){background:#01a89e;}
.f1BoxR ul li:nth-child(2){background:#ee1f7a;}
.f1BoxR ul li:nth-child(3){background:#29abff;}
.f1BoxR ul li:nth-child(4){background:#3ab54b;}
.f1BoxR ul li a{display: block;width: 90px;height: 76px;}
.f1BoxR ul li p{font-size:18px;color:#FFF;line-height:20px;}
.wsyy{clear:both;width:174px;text-align:center;margin:20px auto;}
.wsyy p{display:block;margin-bottom:15px;font-size:18px;color:#333;font-weight:bold;}
.phone_barb{padding:5px 0;clear:both}
.phone_barb span{display:block;width:200px;height:36px;margin:0 auto;position:relative;z-index:0;border:1px solid #0087cd;border-radius:5px}
.phone_barb span input {height:36px;line-height:36px;width:143px;text-align:center;color:#8d6c35;border:0;background:none;}
.phone_barb span input.place{color:#7e7e7e;}
.phone_barb span input.submit{width:56px;height:36px;background:#0087cd;color:#fff;font-weight:bold;border:0;position:absolute;right:0;top:0;_top:1px;padding:0;z-index:1;font-size:16px;}

.ggbox{width:1200px;height:120px;margin:0px auto;margin-bottom:30px}

/*第一部分*/


/*幻灯片*/

#picBox{ width:280px; height:400px; position:relative; overflow:hidden;}
#picBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#picBox .oUlplay li{ float:left;}
#picBox .oUlplay li img{ border-radius:5px;}
#picBox .pre, #picBox .next{
	display:none;
  position:absolute;
  top:155px;
  z-index:15;
  width: 40px;
  height: 40px;
  background: transparent no-repeat center center;
  background-size: 50% 50%;
  background-color: #35414b;
  opacity: 0.2;
  }
#picBox .pre{background-image:url(../images/left-arrow.svg);left:5px;}
#picBox .next{background-image:url(../images/right-arrow.svg);right:5px;}
#picBox .pre:hover{  opacity: 0.4;}
#picBox .next:hover{  opacity: 0.4;}
#picBox .smalltitle { width:100%; height:10px; position:absolute; left:0; bottom:15px; z-index:10;}
#picBox .smalltitle ul{ text-align:center;}
#picBox .smalltitle ul li{ width:7px; background:#25518e; cursor:pointer; display:inline-block; height:4px; margin:0 2px 0 0; overflow: hidden; border-radius:5px;}
#picBox .smalltitle .thistitle{ width:30px;}