@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1300{width: 1300px;margin:0 auto;}
.hidden{overflow: hidden;}
/*header start*/
.wel{background-color: #eee;height: 30px;}
.wel p{line-height:30px;color:#454545;}
.wel .right{line-height:30px; text-align: center;}
.wel .right a{ color: #454545; font-size: 14px;}
.wel .right a{ margin-right: 25px;}
.wel .right a:last-child{ margin-right: 0;}
.header .head_top{height: 120px;}
.header .head_nav{background: #0F55BC;height: 50px;border-top: 3px solid #fff;}
.header .head_nav ul li{width:171px;float: left;height: 50px;line-height: 50px;font-size: 16px;text-align: center;position: relative;}
.header .head_nav ul li a{color: #fff;display: block;width: 100%;font-weight: bold;}
.header .head_nav ul li:hover{background: #FFA304;height:50px;}
.header .head_nav ul li:hover a{color: #fff;border-top: 3px solid #FFA304;position: absolute;top: -3px}
.header .head_nav ul li.on {background: #FFA304;height:50px;}
.header .head_nav ul li.on a{color: #fff; font-weight: bold;border-top: 3px solid #444;position: absolute;top: -3px}
/*右侧图标*/
.head_top .right{ margin:30px 0 0;}
.head_top .right .icon{ margin: 0 16px 0 0;}
.head_top .dz-rx b{ display: block; color: #666; font-size: 20px;line-height: 22px; margin-bottom: 10px;}
.head_top .dz-rx p{ font-size: 26px; color: #FFA304;font-weight: bold; line-height: 26px;}


/*banner start*/
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/*banner end*/
/*product start*/
.pro_l{width: 265px;}
.pro_l > ul > li > a{display: block; color: #666;line-height: 46px;padding-left: 40px;  width: 225px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size:15px;background: url(../images/proicon1.png) no-repeat 10px #dfdfdf;text-overflow: ellipsis; }
.pro_l > ul > li:hover >a{background:url(../images/proicon1.2.png) no-repeat 10px #FFA304;color: #fff}
.pro_l ul.erji{padding: 5px 0 0}
.pro_l ul.erji li{background: url(../images/aicon.png) no-repeat 0px center;line-height: 25px;border-bottom: 1px dashed #dfdfdf;font-size: 14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;width: 120px;margin:1% 2% 1%;}
.pro_l ul.erji li:hover a{color: #0F55BC}
.pro_l ul.erji li a{ padding-left:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro_title{padding:20px 0 20px 0; height:66px;font-size:30px;color:#Fff; background: url(../images/title_01.jpg) no-repeat left;text-align: center;}
.pro_title span{ display: block;font-size: 16px;color: #5a8cd4;text-transform: Uppercase;font-family: "arial";line-height: 30px}
.pro_title a{color: #fff;}
.p_tel{width: 265px;height: 150px;background: url(../images/pro_telbg.jpg) no-repeat center;text-align: center}
.p_tel b{font-size: 32px;font-family: arial;color: #FFA304;display: block;position:relative;top:70px;padding-left: 35px;background: url(../images/telimg.png) no-repeat 12px 0px;}
.product{padding:50px 0 30px 0;}
.pro_con{width:920px;}
.pro_con .proadv{width: 894px;height:228px;margin-bottom:35px;}
.pro_con .proadv img{width: 894px;height: 228px;}
.pro_con li{width:278px;margin:0 0 26px 26px; border:1px #dfdfdf solid;float: left;border-bottom-color:#0F55BC;}
.pro_con li img{ width:278px; height:210px;padding:0px;}
.down img{width:100%;height:305px;}
.pro_con li{ position: relative; display: inline-block; margin:0 0 30px 26px; background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con i.one{color:#333; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(0,82,156,0.8)}
.pro_con li .box i.two{ color:#fff;font-size:14px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con li:hover .box{ opacity: 1;top:0}
.pro_con li:hover i.one{ opacity: 0;}
.pro_con li:hover .rightDown span{   border-bottom: 35px solid #FFA304;}
.pro_con .rightDown span{position:absolute;bottom:0;right:0;width:0;height:0;border-left:35px solid transparent;border-bottom:35px solid #0F55BC;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.pro_con .rightDown b{position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}

/*company start*/
.scroll_bg{width: 100%;height: 100%;background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.company {padding: 50px 0;background: url(../images/combg.png) no-repeat center top;height: 400px;}
.company .title{width: 220px;}
.company .title i{font-family: "arial";font-size: 16px}
.company .title p{font-size: 34px;line-height: 200%;padding-top: 20px}
.company .title a.more{display:block;width: 120px;height: 35px;background: url(../images/more.png) no-repeat center;color: #fff;text-align: center;line-height: 35px;margin-top: 20px}
.company .com_body{width: 930px;}
.company .com_body .com_con{width: 420px;color: #fff}
.company .com_body .com_con b{font-size: 18px;color: #FFA304;display: block;margin: 50px 0 20px}
.company .com_body .com_con p{line-height: 180%;text-indent: 2em;}
.company .com_body img{margin: 20px 0}


/*case start*/
.case{padding:40px 0;background: #f1f1f1}
.case span{display:block;color:#404040;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#dfdfdf;line-height:45px;height:45px;margin-bottom:25px}
.case span em{display:block;float:left;font-size:30px;border-bottom:6px solid #2164b2;line-height:42px}
.case span i{display:block;float:left;font-size:16px;margin-left:5px}
.case span a{display:block;float:right;color:#404040;margin-right:5px}
.case span a:hover{color:#2164B2}
.case .tempWrap{width: 1190px!important;}
.case .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 50px; position:relative;}
.case .sPrev,.case .sNext{position:absolute; left:5px; top:10px; display:block; width:46px; height:190px; background: url(../images/left.png) no-repeat center;}
.case .sNext{left:auto; right:5px; background: url(../images/right.png) no-repeat center;}
.case .sPrev:hover,.case .sNext:hover{border-color:#f60;}
.case .slideBox ul{overflow:hidden; zoom:1;}
.case .slideBox ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;}
.case .slideBox ul li .pic{text-align:center; }
.case .slideBox ul li .pic img{width:250px; height:187px; display:block;  padding:2px; border:1px solid #ccc;}
.case .slideBox ul li .pic a:hover img{border-color:#999;}
.case .slideBox ul li .anli_title{line-height:24px;}
.case .slideBox ul li .anli_title a{display: block;width: 256px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 15px;}


/*标题*/
.pubtit{height: 100px;margin:0 auto;text-align: center; }
.pubtit span{display: block;line-height: 30px;font-size: 16px;color: #c7c6c6;text-transform:Uppercase;font-family:"arial";}
.pubtit p{font-size: 34px;line-height: 130%;text-align: center;}

/*新闻中心*/
.news{padding-top:50px;padding-bottom: 50px;background: #fff}
.new_l{width:786px;box-sizing:border-box;border:1px solid #e8e8e8}
.new_l .exm{font-weight:400;padding:18px 26px 0;height:169px;border-bottom:1px solid #e8e8e8;overflow:hidden}
.new_l .exm i{display:block;overflow:hidden}
.new_l .exm i span{display:inline-block;width:49px;height:48px;font-size:24px;background:url(../images/h_hot.png) no-repeat;padding:8px 6px 0 0;line-height:39px;text-align:center;margin-right:6px;float:left}
.new_l .exm i a{display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float:left;color:#111;font-size:18px;padding-top:17px}
.new_l .exm i a:hover{color:#0F55BC}
.new_l .exm em{display:block;font-size:14px;color:#999;line-height:26px;padding-top:10px}
.new_l .exm em a:hover{color:#0F55BC}

/*两个示范*/
.n_on{height:155px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}
.n_on .n1{overflow:hidden;float:left;padding:28px 0 0 28px;width:342px;margin-right:23px}
.n_on .n1:last-of-type{margin-right:0;border-left:1px solid #e8e8e8;height:128px}
.n_on .n1 .date{float:left;width:52px;height:99px;background:#ccc;text-align:center;box-sizing:border-box;font-family:Arial;font-size:16px;color:#fff;padding-top:30px}
.n_on .n1 .date span{display:block;    font-size: 20px;line-height: 30px;}
.n_on .n1 .nr{float:right;width:278px;float:right}
.n_on .n1 .nr a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:16px;color:#333;font-weight:400;margin:10px 0}
.n_on .n1 .nr p{color:#999;font-size:14px;line-height:26px}
.n_on .n1:hover .date{background:#0F55BC}
.n_on .n1:hover .nr a{color:#0F55BC}
/*左边*/
.new_l ul{padding:28px 0 28px 28px}
.new_l ul li{overflow:hidden}
.new_l ul li{padding-left: 18px; line-height: 35px;overflow: hidden;background:url(../images/n_io.jpg) no-repeat 0 15px}
.new_l ul li a{font-size:14px;color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_l ul li a:hover{color:#0F55BC}
.new_l ul li span{display:inline-block;float:right;padding-right:28px;color:#8c8c8c;font-size:14px}
/*右侧百科*/
.new_r{width:381px;height:458px;background:#0F55BC;box-sizing:border-box;padding:0 15px}
.new_r .nrtit{font-weight:400;line-height:100%;padding:20px 0 19px 0}
.new_r .nrtit a{font-size:20px;color:#fff}
.new_r .nrtit span{display:inline-block;float:right;padding-top:7px}
.new_r .nrtit span a{font-size:14px;color:#90bdff}

.new_r .n2{height:250px;overflow:hidden;border-bottom:1px dashed #ccc;margin-bottom:10px}
.new_r .n2img{width: 360px;}
.new_r .n2img img{width: 360px;}
.new_r a.n2tit{display: block; color: #fff; font-size: 16px; line-height: 27px;padding: 18px 18px 0;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.new_r ul li{padding-left:24px;line-height: 30px;background:url(../images/n_io.png) no-repeat 8px 15px}
.new_r ul li a{font-size:14px;color:#fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/*footer start*/
.footer{background: #333;padding: 30px 0 0px;}
.product_list {width: 400px;}
.product_list li {float: left;width: 50%;}
.product_list li:nth-child(2n) {margin-right: 0;}
.product_list li a {color: #d9d9d9;font-size: 15px;display: block;margin-bottom: 8px;padding-left: 20px;background: url(../images/fk.png)no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 40px;}
.foot_product{width: 300px;margin-left: 180px;}
.foot_product b {display:block;color: #fff;font-size: 17px;margin-bottom: 30px;}
.foot_lianxi {width: 360px;}
.foot_lianxi b {display:block;color: #fff;font-size: 17px;margin-bottom: 30px;}
.contact_list {width: 100%;}
.contact_list li {margin-bottom:10px;font-size: 16px;color: #d9d9d9;}
.contact_list li a {color: #d9d9d9;font-size: 15px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 89%;}
.contact_list li img {vertical-align: middle;margin-right: 20px;}
.footer .foot_logo{width: 220px;height: 180px; padding-top: 20px;}
.footer .foot_logo img{width: 180px;display: block;margin:0 auto;}
.footer .foot_logo p{line-height: 30px;color: #fff;font-weight: bold;font-size: 17px;text-align: center;padding-top: 20px;}
.foot_bot{background: #444;line-height: 35px;margin-top: 20px;}
.foot_bot span{color: #ccc;}
.foot_bot a{color: #ccc;}