@charset "utf-8";
/* CSS Document */
body { font: 14px/22px "思源宋体"; color:#555; margin: 0px; text-align:center;}
*{ padding:0; margin:0; font-family:"思源宋体" !important;}
a { color:#555; text-decoration:none;}
a:hover{ color:#000; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; /*display:block;*/}
.clearboth { clear:both; }
.page{ text-align:center; margin-top:20px; width:100%; float:left; margin-bottom:10px; }
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}


.wrapper{width:100%; margin:0; padding:0; text-align:left; overflow:hidden;}
.header{width:100%;}
.header .top{width:1200px; margin:0 auto; padding:6px 0;}
.header .top .logo{ width:370px; float:left; font-size:30px; color:#000; /*line-height:80px;margin-top:10px;*/}
.header .top .logo a{ color:#000;}
.header .top .logo img{width:370px;}
.header .top .daohang{ width:790px; text-align:center; float:left; margin-left:40px;}
.header .top .daohang .tel{ float:right; color:#bb0d16; font-size:16px; font-weight:bold; margin-top:15px;}
.header .top .daohang .tel span{ font-size:18px;}
.nav{height:80px; line-height:77px;position:relative; z-index:1;  float:left;}
.nav a{ color:#222;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 24px;font-size:16px; color:#000000; font-weight:200; height:80px; line-height:78px;}
.nav .sub{ display:none; width:130px; left:-14px; top:82px;  position:absolute; background:#fff;  line-height:32px; padding:5px 0; text-align:center; font-size:14px;}
.nav .sub li{ zoom:1; border-bottom:1px dashed #ddd;}
.nav .sub a{ display:block; padding:0 10px;}
.nav .sub a:hover{color:#000; border-bottom:2px solid #a7d6e5;}
.nav .on h3 a{color:#000;border-bottom:2px solid #a7d6e5;font-weight:bold;}

/*banner样式*/
.slideBox{ width:100%;  overflow:hidden; position:relative;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute;right:50%; bottom:5px; z-index:0; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px;  text-align:center; background:#fff; cursor:pointer; border-radius:15px; }
.slideBox .hd ul li.on{ background:#00befa; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

/*中间内容*/
.main{ width:1200px; margin:30px auto;}
.a-left{ float:left; width:260px;}
.a-right{ float:right; width:870px; background:#ededed; height:297px; box-shadow:4px 4px 16px #d1d1d1; padding:10px;}
.a-left-box-tit{ width:100%; border-bottom:1px solid #555; padding-bottom:4px;}
.a-left-box-tit h2{ font-size:22px; text-align:left; color:#249ec5; float:left;}
.a-left-box-tit h2 a{color:#249ec5;}


.a-left-1 ul{ border:1px solid #b5b5b5; width:260px; height:90px; margin-top:10px; overflow:hidden; margin-bottom:20px; padding:5px;}
.a-left-1 ul li{}
.a-left-1 ul li a{ width:260px; color:#333; font-size:14px; line-height:24px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.a-left-2 ul{ border:1px solid #b5b5b5; width:260px; height:120px; margin-top:10px; padding:5px; overflow:hidden;}
.a-left-2 ul li{}
.a-left-2 ul li a{ width:260px; color:#333; font-size:14px; line-height:24px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.a-left-more{ float:right; width:40px; height:20px; background:#e5e5e5; border-radius:2px; text-align:center;}
.a-left-more a{ display:inline-block; text-align:center; line-height:20px; font-size:14px; text-align:center; color:#249ec5;}

.a-right .a-l{ float:left; width:240px; height:270px; overflow:hidden; border:1px solid #b5b5b5; position:relative;}
.a-right .a-l h2{ width:100%; height:30px; background-color:rgba(0,0,0,0.3);  text-align:center; line-height:30px; position:absolute; bottom:0; left:0;}
.a-right .a-l h2 a{color:#fff; display:block; font-size:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.a-right .a-l h2 a:hover{ color:#249ec5;}
.a-right .a-r{ float:right; width:590px;}


/*内页左边菜单*/
.sidebar{ width:260px; float:left; margin-left:1px;}
.side_menu{}
.side_menu .title{ background:#00befa; height:55px; text-align:center; line-height:55px; margin-bottom:5px;}
.side_menu .title span{ display:block; color:#fff; font-size:20px;}
.side_menu .intro{}
.side_menu .intro ul li{ border-bottom:solid 1px #fff; font-size:14px; position:relative;}
.side_menu .intro ul li a{ display:block; background:#e1f2fa; height:32px; line-height:32px; padding-left:26px;}
.side_menu .intro ul li a:hover,.side_menu .intro ul li a.active,.side_menu .intro ul li:hover{ background:#ff8200; color:#fff;}
#menu2 ul ul{ display:none;  position:absolute; top:0;  left:200px; width:200px; border-left:solid 1px #fff; z-index:10;}

/*======内页右边内容=====*/
/*内页右边标题*/
.side_right{ width:870px; float:right; background:#fff; border:solid 1px #dcdcdc; box-shadow:0 0 2px #e8e8e8; padding:15px; min-height:400px;}
.side_right .title{ border-bottom:solid 1px #e3e3e3; height:24px;}
.side_right .title .dangq{ font-size:16px; border-left:solid 3px #ff8200; padding-left:6px; float:left;}
.side_right .title .weizhi{ float:right;}
.side_right .title a:hover{ text-decoration:underline;}

/*内页右边单页及表格、表单样式*/
.side_right .intro{ line-height:26px; padding:20px;}
.side_right .intro h2{ font-size:22px; text-align:left; line-height:36px; color:#333; }
.side_right .intro p{ margin-bottom:15px; font-size:14px; line-height:24px; color:#666;}
.side_right .intro table{ background:#dadada; margin-bottom:20px;}
.side_right .intro table tr td{ padding:4px; background:#fff;}
.side_right .intro table tr td a:hover{ color:#c30;}
.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"思源宋体"; border-radius:3px;}
.side_right .intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}


/*产品列表*/
.product_list{ padding:20px 0;}
.product_list ul li{ float:left; margin:0 10px 20px; width:196px; text-align:center; overflow:hidden;}
.product_list ul li .al-tu{ width:194px; height:164px; border:1px solid #dadada; overflow:hidden;}
.product_list ul li .al-tu img{ width:100%; height:auto;transform: scale(1,1); transition-duration: 0.5s;}
.product_list ul li .al-tu img:hover{transform: scale(1.1,1.1); transition-duration: 0.5s;}
.product_list ul li .al-zi{ text-align:center; font-size:14px; line-height:20px; color:#555; margin-top:6px; height:40px; overflow:hidden;}

/*产品详细*/
.product_show{ padding:20px 0;}
.product_show .pic{ width:400px; float:left;}
.product_show .pic img{ width:400px; border:solid 1px #dadada;}
.product_show .guige{ width:410px; float:right;}
.product_show .guige ul li{ border-bottom:dotted 1px #ccc; line-height:24px; padding-left:10px; margin-bottom:10px; font-size:14px; color:#555;}
.product_show .guige ul li .font1{ color:#287fc6;}
.product_show .sm{ width:100%; float:left; margin-top:20px;}
.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.product_show .sm .smbt span{ background:#287fc6; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}
.product_show .sm .neirong{ padding:10px; line-height:24px; float:left;}
.product_show .sm .neirong p{ font-size:14px; line-height:24px; text-align:left; color:#555;}


/*新闻列表*/
.news_list{ padding:20px 0;}
.news_list ul li{ border-bottom:dotted 1px #dbdbdb; background:url(../images/iocn02.jpg) no-repeat 6px; padding-left:16px; line-height:24px; margin-bottom:10px;}
.news_list ul li a:hover{ text-decoration:underline; color:#00befa;}
.news_list ul li span{ float:right;}

/*案例列表*/
.case_list{ padding:20px 0;}
.case_list ul li{ border-bottom:dotted 1px #dbdbdb; background:url(../images/iocn02.jpg) no-repeat 6px; padding-left:16px; line-height:24px; margin-bottom:10px;}
.case_list ul li a:hover{ text-decoration:underline; color:#00befa;}
.case_list ul li span{ float:right;}


/*新闻详细页*/
.news_show{ padding:20px 0;}
.news_show .name{ font-size:20px; text-align:center; line-height:40px;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.news_show .nr{ padding:8px 18px;}
.news_show .nr p{ margin-bottom:10px; line-height:26px; font-size:14px; line-height:30px; color:#555;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#ec6100;}

/*案例详细页*/
.case_show{ padding:20px 0;}
.case_show .name{ font-size:20px; text-align:center; line-height:40px;}
.case_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.case_show .nr{ padding:8px 18px;}
.case_show .nr p{ margin-bottom:10px; line-height:26px; font-size:14px; line-height:30px; color:#555;}
.case_show .nr p img{ margin:auto;}
.case_show .back{ text-align:center;}
.case_show .back a:hover{ color:#ec6100;}


/*footer底部样式*/
.footer{ width:100%;}
.footer .f1{ width:100%; /*height:200px;*/ background: #5f5f5f;}
.footer .f1 .center{ width:1200px; margin:0 auto; padding:40px 0 20px 0; text-align:left; color:#fff;}
.footer .f1 .center ul li{ float:left; width:120px; margin-right:55px;}
.footer .f1 .center ul li .tit{ height:30px; line-height:30px;/* border-bottom:1px solid #bebebe;*/ color:#fff; font-size:16px; margin-bottom:10px; font-weight:bold;}
.footer .f1 .center ul li p{ line-height:24px; font-size:14px;}
.footer .f1 .center ul li p a{ color:#fff;}
.footer .f1 .center ul li p a:hover{ color:#a7d6e5;}
.footer .f1 .center .last{ margin-right:0; width:500px;}
.footer .f1 .center .last .left{ float:left; width:320px;}
.footer .f1 .center .last .right{ float:right; width:130px; margin-top:-30px;}
.footer .f1 .center .last .right img{width:120px; height:120px;}
.footer .f1 .center .last .right h2{ font-size:12px; color:#333; text-align:center; line-height:24px; color:#fff;}
.footer .f2{ width:100%; /*height:30px;*/ line-height:30px; color:#fff; background:#2e2b2b; font-size:12px;}
.footer .f2 .center{ width:1200px; margin:0 auto; text-align:center;color:#fff;}
.footer .f2 .center a{color:#fff; font-size:14px;}


/*.study{ width:1200px; margin:auto;}*/
.study{ width:1200px; float:right; background:#fff; /*border:solid 1px #dcdcdc; box-shadow:0 0 2px #e8e8e8;*/ padding:15px; min-height:400px;}
.study .title{ border-bottom:solid 1px #e3e3e3; height:24px;}
.study .title .dangq{ font-size:16px; border-left:solid 3px #e26700; padding-left:6px; float:left;}
.study .title .weizhi{ float:right;}
.study .title a:hover{ text-decoration:underline;}

.study1{ width:100%; padding-bottom:4px;}
.study1 h2{ font-size:14px; text-align:left; color:#333; margin:10px 0; float:left;}
.study1 .study-xian{ float:right; width:1040px; height:1px; background:#a7d6e5; margin-top:20px;}
.stydy-box{ margin-top:20px;}

.study-xq-tu{ width:300px; height:253px; overflow:hidden; margin:10px auto;}
.study-xq-tu img{ width:100%; height:auto;}
.cp-l{ float:left; width:390px; min-height:420px; position:relative; margin-bottom:20px;}
.cp-r{ float:right; width:480px; overflow:hidden; margin-bottom:20px;}
.cp-l h2{ font-size:20px; text-align:left; color:#333; line-height:30px; margin-bottom:10px;}
.cp-l p{ font-size:14px; text-align:left; color:#555; line-height:30px; height:60px; overflow:hidden; margin-bottom:270px;}
.cp-l .cpxj{ width:120px; height:40px; border-radius:4px; background:#00befa; color:#fff; line-height:40px; font-size:16px; text-align:center; float:right; position:absolute; left:0; bottom:0px;}
.cp-l .cpxj a{ display:block; color:#fff;}



/*产品焦点切换图*/
.ban{ width:500px; height:460px; position:relative; overflow:hidden;margin:0px auto 0 20px;}
.ban2{ width:480px; height:363px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:422px;}
.ban2 ul li img{ width:100%; height:auto; display:block;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:300px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:480px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:68px; margin-right:5px; padding:1px; overflow:hidden;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:26px; margin-right:10px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:26px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:40%; left:0px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:40%; right:0px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}

.gg{ font-size:14px; line-height:26px;}
.gg table{ border-collapse: collapse;}
.gg table td{border-collapse: collapse; border: 1px solid #555;}
.gg table th{border-collapse: collapse; border: 1px solid #555;}

		/* 切换 */
		.slideTxtBox1{ width:100%; border:1px solid #ddd; text-align:left; padding-bottom:20px;}
		.slideTxtBox1 .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
		.slideTxtBox1 .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
		.slideTxtBox1 .hd ul li{ float:left; padding:0 15px; cursor:pointer; width:100px; margin:0 10px;}
		.slideTxtBox1 .hd ul li.on{ height:32px;  background:#00befa; color:#fff; border:1px solid #ddd; border-bottom:2px solid #fff;}
		.slideTxtBox1 .bd ul{ padding:15px;  zoom:1;  }
		.slideTxtBox1 .bd li{ line-height:24px; margin:auto; width:100%; text-align:left; overflow:auto; font-size:14px; color:#555;}
		.slideTxtBox1 .bd li .date{ float:right; color:#999;  }
		

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBox1 .arrow{  position:absolute; right:10px; top:0; }
		.slideTxtBox1 .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
		.slideTxtBox1 .arrow .next{ background-position:0 -50px;  }
		.slideTxtBox1 .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBox1 .arrow .nextStop{ background-position:-60px -50px; }


/*侧边多级导航*/
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 260px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 260px; /* Parent menu width - 1*/
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 160px; /* Parent menu width - 1*/
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: fff;
text-decoration: none;
font:14px;
background: #e1f2fa;
height:32px;
line-height:32px;
/*border: 1px solid #ccc;*/
border-bottom:  1px solid #fff;
padding-left:26px;
}

.suckerdiv ul li a:visited{
color: #333;
}

.suckerdiv ul li a:hover{
color: #fff;
background-color: #ff8200;
}

.suckerdiv .subfolderstyle{
/*background: url(../images/arrow-list.gif) no-repeat center right;*/
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

.study-box ul li{ margin:20px auto; background:#f5f5f5;}
.study-tu{ float:left; width:300px; height:253px; overflow:hidden;}
.study-tu img{ width:100%; height:auto;transform: scale(1,1); transition-duration: 0.5s;}
.study-tu img:hover{transform: scale(1.1,1.1); transition-duration: 0.5s;}
.study-zi{ float:right; width:840px; height:234px; padding:10px; position:relative;}
.study-zi h2{ font-size:16px; text-align:left; color:#333; margin-bottom:10px;}
.study-zi h2 a{ color:#333;}
.study-zi h2 a:hover{ color:#00befa;}
.study-zi p{ font-size:14px; line-height:24px; text-align:left; color:#666; margin-bottom:10px;}
.study-zi .study-more{ width:120px; height:30px; border-radius:60px; background:#00befa; color:#fff; font-size:14px; line-height:30px; text-align:center; position:absolute; bottom:20px; left:0;}
.study-zi .study-more a{ color:#fff; display:block;}
.study-zi .study-more:hover{ background:#04aade;}