﻿

.home-title1{ font-size:18px;height:42px;color:#fff;line-height:35px; float:left;padding-left:45px;font-family:微软雅黑;}
.home-title13{ font-size:22px;height:42px;line-height:42px;text-align:left; padding-left:0px;font-family:微软雅黑; color:#000000; }
.home-title14{ font-size:30px;height:42px;line-height:42px;text-align:left; padding-left:0px;font-family:微软雅黑; color:#B92825 }
.home-title1 a{ font-size:18px;height:42px;color:#fff;line-height:35px; float:left;padding-left:5px;font-family:微软雅黑;}

.home-title2{ font-size:11px;height:20px;color:#fff;line-height:20px; float:right;padding:0 5px;font-family:微软雅黑; margin-top:20px; background-color:#FE5F16}
.home-title3{ font-size:22px;height:42px;line-height:42px;text-align:left; padding-left:0px;font-family:微软雅黑;color: #FE5F16;border-bottom: 2px solid #FE5F16;display: inline-block;}
.home-title4{ font-size:30px;height:50px;line-height:50px;text-align:left; padding-left:0px;font-family:微软雅黑; color:#FE5F16}




/*****首页简介******/

.home-aboutleft1{ width:450px; height:430px;float:left; margin-left:30px;}
.home-aboutleft1 img{ padding-right:10px; padding-bottom:2px}
/*****首页滚动******/

/* 6-1 首页效果 */
.indexBody{ width:100%; /*overflow:hidden;*/}
.index_proList,.index_soluList{ width:1200px; margin:0px auto;}
.index_soluTitle span{ border-bottom:1px solid #E0E0E0; display:block;}
.index_newsTitle span{  background:url(../webimages/index_titlebg.jpg) repeat-x bottom; display:block;}
.index_pro .index_title span{  background:url(../webimages/index_titlebg.jpg) repeat-x bottom; display:block;}
.index_newsTitle{ padding:0px;}
.index_div{ width:100%; overflow:hidden; position:relative; z-index:1;}




.index_proCon{ width:1200px; margin:0px auto;padding-top: 41px;}
.index_title{text-align:center; padding:20px 10px 0 0 !important; border-bottom:#CCCCCC 1px solid}
.index_title span{font-size:35px; padding-bottom:7px;*padding-bottom: 8px;display:inline-block; margin-bottom:0px;height: 40px;line-height: 35px; color:#004098}
.index_title p{ line-height:35px; color:#243E7B; margin-top:0px; font-size:15px; }
.index_title em{ background:#ff0200;width:100px; height:2px; margin:0 auto; display:block; margin-bottom:-1px;}
.index_title span i{ padding-bottom: 10px; color:#FE5F16; border-bottom:3px solid #FE5F16;display: inline-block;}


/* 首页产品 */

.index_pro{ /*background:url(../webimages/index_bg_02.jpg) repeat center; */}
.index_proList{ padding:0px 0px 0;}
.index_proList dl{ float:left; width:546px; margin-bottom:3px; background:#fff; position:relative; z-index:1; margin-right:2px}
.index_proList dl dt{ float:left; width:300px; position:relative; z-index:1;}
.index_proList dl dd{ float:right; width:208px; padding:35px 20px 10px;}
.index_proList p{ font-size:15px; color:#000000}
.index_proList .enp{ color:#004098; font-size:14px;}
.index_proList dl dd h3{padding-bottom:20px;}
.index_proList dl dd h3 a{color:#1B5197; font-size:16px; font-weight:bold;  }
.index_proList dl dd p{ line-height:20px;}
.index_proList dl dt h3{ position:absolute; left:0px; bottom:0px; width:280px;background:#1b1b1b; font-size:18px; color:#fff; padding:10px;}
.index_proList dl dt div{ position:absolute; left:0px; top:0px; background:url(../webimages/index_12.png) repeat; width:100%; height:225px; text-align:center; display:none;}
.index_proList dl dt div h4{ font-size:18px; color:#fff; padding:80px 0px 15px;}
.index_proList dl dt div a{ background:url(../webimages/index_16.png) no-repeat center; display:block; color:#fff; padding:10px;}


.sortbox1{ width:1080px; orphans:inherit}

.sortbox1 dt{ color:#1B5197; font-size:18px ; margin-top:20px; margin-bottom:10px}
.sortbox1 p{ font-size:15px ;  width:100%; float:left; margin-top:8px }

/* 首页产品 */
/*产品介绍*/
.cpjs{ width:1200px; margin:0px auto}
.cpjs .tit{ text-align:center; padding-top:50px;}
.cpjs .tit h5{ font-size:31px;color:#333333; font-weight:normal; line-height:60px;}
.cpjs .tit span{ display:block; background:url(../webimages/or.png) bottom center no-repeat; font-size:34px; line-height:44px;}
.cpjs .tot ul{ overflow:hidden; width:1068px; margin:0px auto; padding-top:50px;}
.cpjs .tot ul li{ width:243px; height:350px; background:url(../webimages/bsbg_03.jpg) bottom center no-repeat; float:left; margin:0px 12px; position:relative; overflow:hidden; cursor:pointer}
.cpjs .tot ul li:first-child{ margin-top:36px;}
.cpjs .tot ul li:first-child+li+li{ margin-top:36px;}
.cpjs .tot ul li img{ display:block; width:243px; height:340px;}
.imgbox-bg{position: absolute;width: 243px;height: 340px;top: 350px;left: 0px; background:url(../webimages/redBg.png)}
.imgbox-txt{position: absolute;width: 243px;height: 350px;top: -350px;left: 0px;text-align: center;cursor: pointer;}
.imgbox-txt a{ display:block; height:350px;}
.imgbox-txt h5{ font-size:35px;color:#fff; font-weight:normal; padding-top:120px; line-height:40px}
.imgbox-txt span{ display:block; background:url(../webimages/plus_icon_2.png);   width: 38px;
    height: 38px;margin:0px auto; margin-top:50px;}
.imgbox-p{ line-height:30px; position:absolute; width:243px; height:30px; top:300px; color:#fff; text-align:center; font-size:18px;}

/*首页系统*/
.w1220{ width:1225px; margin:0 auto;}
.index_cp{ margin-top:30px;overflow:hidden}
.index_cp ul{ }
.index_cp ul li{width:295px; height:295px; float:left; padding-top:0px; margin-right:15px;background-color:#0B458E; position:relative; overflow:hidden}
.index_cp ul li:first-child +li+li+li{ margin-right:0}
.index_cp ul li a{ color:#FFFFFF}
.index_cp ul li .img{ width:295px; height:295px; position:absolute; left:0}

.index_cp .index_div01{ position:absolute; width:100%; height:40px; text-align:center; left:0; bottom:40px; background:url(../webimages/index_libg.png);}
.index_cp .index_div02{ position:absolute; font-size:16px; color:#FFFFFF; width:100%; line-height:40px; left:0; bottom:0px;background:url(../webimages/index_libg.png);}

/*首页系统*/



/*--DEVELOPMENT---*/
.producttit{ width:1001px; margin:0px auto; text-align:center; padding-top:35px; padding-bottom:23px; color:#5FA8DF; font-size:28px;}
.producttit span{ font-size:15px; }
.productsho{ width:1001px; margin:0px auto;}
.productsho ul li{ float:left; margin-right:13px; }
.productsho ul li.last{ margin-right:0px;}
.productsho ul li a{ display:block;background:#f5f5f5; height:354px; width:238px; border:1px #e8e4e4 solid; text-align:center;}
.productsho ul li .prodname{ font-size:20px; color:#434242; line-height:40px;}
.productsho ul li p { color:#a4a1a2; width:190px; margin:0px auto; line-height:18px; margin-bottom:18px; display:block;text-align:center;}
.productsho ul li .djjr{ width:81px;color:#154c64; border:solid 1px #154c64; text-align:center; margin:0px auto; height:23px; line-height:23px;}
.productsho ul li a:hover{ border:1px #a9cd30 solid; }
.productsho ul li a:hover .djjr{background:#154c64; color:white;} 

.part2{ background:#eeeded; margin:33px auto auto; clear:both;padding-bottom:93px; padding-top:6px;}
.part21{ background:#eeeded; margin:0px auto auto; clear:both;padding-bottom:48px; padding-top:6px;}
.xlz{ background:#fff; width:1001px; margin:20px auto auto; position:relative; height:492px;}
.xlz .tpleft{ position:absolute; left:-23px; margin-top:227px; cursor:pointer;}
.xlz .tpright{ position:absolute; right:-23px; margin-top:227px; cursor:pointer;}
.xlz ul li{ width:1001px; height:492px;}
.xlz ul li .cpabout{ width:298px; float:left; margin-left:34px; margin-top:106px;}
.xlz ul li .cpabout h1{ font-size:30px;}
.xlz ul li .cpabout p{ line-height:26px;height:135px;}
.tppic1{ float:right; margin-top:33px; margin-right:33px;}

.devehd{position:absolute; bottom:-38px;width:100%; left:0px;}
.devehd ul{ position:relative; float:left; left:50%;}
.devehd ul li{ position:relative;float:left; left:-50%; width:154px; height:50px;}
.devehd ul li a{ display:block; padding-top:36px; text-align:center; color:#6b6666;background:url(../webimages/xdd.png) top center no-repeat; font-size:14px; }
.devehd ul li a:hover{background:url(../webimages/ddd.png) top center no-repeat; }
.devehd ul li.cur a{background:url(../webimages/ddd.png) top center no-repeat; }

.cpabout h1{ color:#5FA8DF; font-size:36px; font-weight:normal; line-height:1; padding-bottom:10px;}
.cpabout h1 a{ color:#5FA8DF; }
.cpabout .biy{ color:#5FA8DF; font-size:24px; }
.cpabout p{ color:#a4a1a2; font-size:14px;}
.ljmore{ background:#5FA8DF; color:#fff; font-size:14px; width:124px; height:36px; line-height:36px; text-align:center; margin-top:15px;}
.ljmore a{color:white;}
/*--DEVELOPMENT---*/




/* 首页解决方案 */
.index_solution{ /*background:#1f1f1f url(../webimages/index_bg_04.jpg) repeat;background:#EFEDED*/}
.index_soluTitle span{}
.index_soluTitle em{ position:absolute; width:70px; height:2px; margin:0 auto; background:#ff0200}
.index_soluList{ text-align:center; padding:0px 0px 0; margin-bottom:20px; color:#0B458E;}
.index_soluList h3{ font-size:30px; padding-bottom:30px;}
.index_soluList p{ color:#000; font-size:15px; }
.index_soluList ul{ padding:40px 0px 0px;}
.index_soluList ul li{ float:left; width:180px; text-align:center; margin-right:20px; position:relative;}
.index_soluList ul li.cur{ margin-right:0px;}
.index_soluList ul li h4{ padding:15px 0px 5px;}
.index_soluList ul li h4 a{ font-size:16px; color:#838383;}
.index_soluList ul li span{display:block;}
.index_soluList ul li span a{ font-size:14px; color:#838383;}
.index_soluList ul li.curr a{ color:#FE5F16;}
.index_div{ width:100%; overflow:hidden; position:relative; z-index:1;background:#EFEDED; padding-bottom:10px; margin-top:40px;}






/* 首页新闻 */
.sortbox1{ width:1080px; orphans:inherit}

.sortbox1 dt{ color:#0B458E; font-size:18px ; margin-top:20px; margin-bottom:10px}
.sortbox1 p{ font-size:15px ;  width:100%; float:left; margin-top:8px }

/* 首页新闻 */
.index_newsTitle{ padding-top:54px;}
.index_news{ /*background:#f4f4f4 url(../webimages/index_bg_05.jpg) no-repeat center top;*/}
.index_newsCon{ width:1220px; margin:0px auto; position:relative; z-index:1; padding:0px 0px 0;}
.index_newsBox{ position:relative; z-index:1; overflow:hidden; width:1200px; padding-bottom:30px;height: 364px;}
.index_newsBox ul{ width:9999px;position: absolute;top: 0;left: 0;}
.index_newsBox ul li{ float:left; width:280px; margin-right:25px; display:inline; border-bottom:1px solid #d2d2d2; padding-bottom:20px; position:relative; z-index:1}
.index_newsBox ul li h3{ text-align:center; background:url(../webimages/index_28.jpg) repeat; padding:15px 0px;}
.index_newsBox ul li h3 a{ display:block; color:#fff; font-size:15px; }
.index_newsBox ul li h3 a:hover{ color:#0B458E;}
.index_newsBox ul li h3 em{ display:block; font-size:12px; font-weight:normal;}
.index_newsBox ul li img{ display:block; padding:15px 0px;}
.index_newsBox ul li p{ color:#545454; padding-bottom:20px;}
.index_newsBox ul li a.more:hover{background-color: #FE5F16;}
.index_newsBox ul li a.more{ text-align:center; display:inline-block;background:#243E7B; padding:5px 20px; color:#fff; margin-left:80px;margin-top: 20px;}
.index_newsCon a.prev,.index_newsCon a.next{ position:absolute; top:165px !important; display:inline-block; width:56px; height:52px; cursor:pointer;z-index:2; }
.index_newsCon a.prev{ background:url(../webimages/index_con_15.jpg) no-repeat; left:-25px;}
.index_newsCon a.prev:hover{background:url(../webimages/index_con_1801.jpg) no-repeat;}
.index_newsCon a.next{ background:url(../webimages/index_con_1501.jpg) no-repeat; right:-25px;}
.index_newsCon a.next:hover{background:url(../webimages/index_con_18.jpg) no-repeat;}
.index_nMore{ text-align:center; position:relative; z-index:1;}
.index_nMore a{ background:#0B458E url(../webimages/index_con_23.jpg) no-repeat 95%; display:inline-block; padding:10px 45px 10px 20px; margin:0px 10px; font-size:16px; color:#fff;}
.index_nMore a:hover{background-color: #f55718;}



.commonclass{width:90%; margin:0px auto; text-align:center; font-size:14px; padding:20px 0px; position:relative; margin-top:-30px}
.commonclass span a{background:url(../webimages/index_377.png) no-repeat 0px -96px;width:136px;height:26px;display:inline-block;line-height:26px; color:#4c4c4c; margin:0px 10px;} 
.commonclass span a:hover{ background:url(../webimages/index_377.png) no-repeat 0px -63px; color:#FFF;}
.commonclass span a.cur{ background:url(../webimages/index_377.png) no-repeat 0px -63px;color:#FFF;}



.news_list_wrapper {
	width: 100%;
	overflow: hidden;
}
.news_list1 ul {
	margin-left: -20px;
	/* webkit-transform: translate3d(0, 0, 0);
	-moz-transform:   translate3d(0, 0, 0);
	-ms-transform:    translate3d(0, 0, 0);
	-o-transform:     translate3d(0, 0, 0);
	transform:        translate3d(0, 0, 0); */
	webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: all .9s cubic-bezier(.165, .840, .44, 1);
	-ms-transition:    all .9s cubic-bezier(.165, .840, .44, 1);
	-moz-transition:    all .9s cubic-bezier(.165, .840, .44, 1);
	-o-transition: 		all .9s cubic-bezier(.165, .840, .44, 1);
	transition: 		all .9s cubic-bezier(.165, .840, .44, 1);
}
.news_list1 ul li {
	width: 25%;
	height: 480px;
	float: left;
    position: relative;
}
.news_item_wrapper {
	margin: 0 3px; 
	margin-right: 12px;
	background: #eeeded;
	height:440px;
    transition:         all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: 	all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
	
}
.news_list1 ul li .news_thumb {
	width: 100%;
	cursor: pointer;
}
.news_list1 .news_item_wrapper:hover {
	background: #ff0200;
}
.news_list1 .news_item_wrapper:hover h5{
	color: #fff;
}
.news_list1 h3 {
	font-size: 16px;
	color: #0B458E;
	line-height: 27px;
    height: 54px;
	margin-bottom:6px;
	word-break:break-all;
    transition:         all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition:     all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
}
.news_list1 h5 {
height:100px; overflow:hidden;
	color: #858585;
    transition:         all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
}
.news_item_wrapper:hover h3 {
	color: #fff;
}
.news_list1 ul li a em {
	font-weight: bold;
	color: #fff;
    transition:         all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
}
.news_list1 .news_item_wrapper:hover .news_item a em{
	color: #fff;
}
.news_list1 .news_item_wrapper:hover .news_item a:hover em {
	color: #fff;
}
.news_list1 .news_item_wrapper:hover .news_item .news_more {
	background: url("../webimages/plus_icon.png")/*tpa=http://www.toprand.com/assets/images/skin/plus_icon.png*/ no-repeat 0 -51px;
}

.news_item {
	padding: 12px 20px 20px 20px;
	position: relative;
	cursor: pointer;
	/* border-left: 1px solid #ddd; 
	border-right: 1px solid #ddd; 
	border-bottom: 1px solid #ddd; */
}
.news_more {
	background: url("../webimages/plus_icon.png") no-repeat 0 0px;
	height:25px;
	display:block; width:100px; line-height:25px;
}
.news_more em {
	padding: 0 0 0 20px; 
}
.news_list1 ul li .new_pictop {
	POSITION: absolute; WIDTH: 88px; BACKGROUND: url(../webimages/new_pictop.png) no-repeat; HEIGHT: 98px; TOP: -4px; right:12px;
}
.news_list1 ul li .new_pictop SPAN {
	TEXT-ALIGN: center; LINE-HEIGHT: 45px; DISPLAY: block; COLOR: #fff; FONT-SIZE: 40px; FONT-WEIGHT: bold; margin-top:5px;
}
.news_list1 ul li .new_pictop EM {
	TEXT-ALIGN: center; DISPLAY: block; COLOR: #fff; FONT-SIZE: 12px
}

/* 首页新闻 */


/* 首页产品 */
.productmain14 { background-color: #fff; padding: 30px 0 0px 0; }
.productmain14M { width: 100%; overflow: hidden; }
.productmain14M ul { width: 1202px; }
.productmain14M ul li { float: left; position: relative; z-index: 1; text-align: center; height: 451px; overflow: hidden; margin-right: 1px; width: 169px; overflow: hidden; }
.productmain14M ul li .bgimg { position: absolute; left: 50%; top: 0; margin-left: -175px; width: 350px; height: 451px; }
.productmain14M ul li .bgimg img { display: block; width: 350px; height: 451px; }
.productmain14M ul li .textbox { height: 56px; background: url(../webimages/bg-06.png) repeat; position: absolute; left: 50%; bottom: 0; margin-left: -175px; z-index: 2; color: #fff; width: 294px; padding: 0 28px; font-size: 15px; line-height: 24px; }
.productmain14M ul li.cur .textbox { background: url(../webimages/indexbg_07.png) repeat;}
.productmain14M ul li .textbox h6 { font-size: 18px; line-height: 56px; margin-bottom: 8px; }
.productmain14M ul li .textbox .text { height: 66px; overflow: hidden; }
.productmain14M ul li .textbox .morebtn { margin-top: 4px; }
.productmain14M ul li .textbox .morebtn a { color: #fff; font-size: 16px; }

.product_navaa{ text-align:center; padding:25px 0;}
.product_navaa a{ display:inline-block; font-size:16px; padding:5px 10px; margin:0 10px; color:#000; background:#EFEDED}
.product_navaa a:hover{ color:#fff; background:#004098}
/* 首页产品 */


/* 首页 */
.index-two{width:100%;background-color:#fff;}
.index-twoM{width:1200px;margin:0 auto;padding-top:30px;}
.indextwo-center{overflow:hidden;zoom:1;width:1225px;}
.indextwo-center li{float:left;width:382px;margin-right:24px;position:relative;left:0; border:1px solid #CCC; padding-bottom:10px;}
.indextwo-center li img{display:block;width:100%;border-bottom:4px solid #ff0200;}
.indextwo-center li h4{font-size:18px;line-height:56px;height:56px;margin-top:16px;color:#1a1a1a;overflow:hidden;font-weight:bold;}
.indextwo-center li p{font-size:14px;color:#666;line-height:21px;height:63px;overflow:hidden;}
.indextwo-center li .morebtn{display:block;width:66px;text-align:center;line-height:21px;height:21px;font-size:14px;color:#9a0000;padding-right:30px;background:url(../webimages/indexIcon-03.png) no-repeat right center;}
.indextwo-center li .time{position:absolute;top:0;left:0;z-index:5;width:69px;height:69px;background-color:#9a0000;color:#fff;}
.indextwo-center li .timeday{text-align:center;line-height:48px;font-size:36px;color:#fff;display:block;height:48px;overflow:hidden;}
.indextwo-center li .timeyearmonth{text-align:center;line-height:12px;font-size:12px;color:#fff;display:block;height:12px;overflow:hidden;}


.indexppdiv{ height:130px;}
.indexppimg{ width:100%; overflow:hidden;}
.indexppimg .ppimg{ width: auto; height:100%; border-bottom:0; margin:0 auto;}
.indexppul li{ width:auto; float: left; width:150px; margin:4px 0 0 13px; color:#696767; font-size:15px; padding:0 0 0 25px; border:none; position:relative;}
.indexppul li em{ display:block; width:16px; height:16px; position:absolute; top:4px; left:0px; background:url(../webimages/pp_pic1.jpg) no-repeat;}
.indexppul li:hover{ color:#004098}
.indexppul li:hover em{ background:url(../webimages/pp_pic1.jpg) no-repeat 0 -16px;}
/* 首页 */










