﻿/**************重设浏览器默认样式[参考yahoo]**************/ 
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { color: #454545; font-size:12px; font-family:"Microsoft YaHei",arial,tahoma,\5b8b\4f53,sans-serif; background:#fff; text-align:left; }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, span, img, table { margin:0; padding:0; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; } 
a{ color:#666; text-decoration:none; }
a:hover{ color:#006af3; text-decoration:none; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
table { border-collapse:collapse; border-spacing:0; } /* 去掉各Table  cell 的边距并让其边重合 */
th { text-align:inherit; } /* IE bug fixed: th 不继承 text-align*/
iframe { display: block; } /* ie6 7 8(q) bug 显示为行内表现 */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
/*to enable resizing for IE*/
input, textarea, select {  *font-size:100%;}
/* 清理浮动 */
.clearfix { *zoom:1; }/*IE6 7 只要触发layout即可*/
.clearfix:after { content:"."; clear:both; height:0; font-size:0; line-height:0; display:block; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }
/* 隐藏 */
.hide { display:none;}
a{transition:.5s;}
/*-------------------页面宽度-------------------*/
.w1200{width:1200px; margin-left:auto; margin-right:auto; }
.bannerpage{padding: 10px 0;}
/*----------通用----------*/
/*标题一*/
.com_tit { text-align:center;}
.com_tit h3{ display:inline-block; *display:inline; *zoom:1; line-height:33px; height:33px;}
.com_tit h3 span{ float:left; width:280px; height:1px; background:#0177F1; font-size:0; line-height:0; margin-top:16px;}
.com_tit h3 strong{ padding:0 20px; float:left; color:#0177F1; font-size:24px;}
.com_tit h3 i{ font-size:26px;}
.com_tit p{ line-height:24px; color:#454545; font-size:14px; padding-top:5px;}
/*标题二*/
.com_tit2 {color:#535353; height:50px;}
.com_tit2 i{ float:left; width:50px; line-height:45px;  font-size:30px; text-align:center; }
.com_tit2 strong{ float:left; font-size:18px;}
.com_tit2 strong span{ display:block; font-size:12px; font-weight:normal;}

/*----------头部----------*/
.header { height:130px; background:url(../image/bg01.jpg) no-repeat center top; min-width:1200px;}

/*----------logo----------*/
.logo { float:left; padding:40px 0 0 18px;}
.logo img {}

/*----------副标题----------*/
.header .subtit { float:left; text-align:center; width:250px; margin-top:40px;}
.header .subtit h2 { font-size:25px; color:#565656;}
.header .subtit p { display:inline-block; *display:inline; *zoom:1; line-height:21px;}
.header .subtit p span{ float:left; width:30px; height:1px; background:#fe0000; margin-top:10px;}
.header .subtit p strong{ font-size:15px; color:#fe0000; padding:0 3px; float:left;}
.header .en{position:relative;right:-440px;top:15px;font-size:14px;font-weight:bold;}
/*----------电话----------*/
.header .phone { float:right; padding:35px 15px 0 0;}
.header .phone i {font-size:52px; color:#0686fd; float:left; margin-top:3px;}
.header .phone p { display:inline; font-size:23px; color:#0686fd;float:left; padding-left:15px;font-weight: 100;}
.header .phone p span { font-size:18px; color:#3f3f3f; font-weight: bold}

.header .phone2{ float:right; padding:40px 15px 0 0;} 
.header .phone2 p{display:inline; font-size:14px; color:#f00;float:left; line-height:22px;font-weight: bold;}
.header .phone2 i{font-size: 18px;}
/*----------导航----------*/
.nav {height:46px; line-height:46px; background:#0177F1; min-width:1200px;}
.nav ul { }
.nav li { float:left;  _display:inline;}
.nav li a {font-size:16px; color:#fff; padding:0 26px; display:block;}
/*当前项和鼠标移上*/
.nav li.cur a,
.nav li a:hover {color:#fff;  background:#015FC1; text-decoration:none;}
/*最后项*/
.nav li.last { margin-right:0; }

/*----------搜索条----------*/
.search_wrap { background:#fff; height:40px; line-height:40px; min-width:1200px;}
/*产品直通车*/
.product_ztc { float:left;}
.product_ztc dt{float:left; color:#2c2b2b; font-weight:bold;margin-right:10px; _display:inline;font-size: 16px;}
.product_ztc dd{float:left; margin-right:10px; _display:inline;}
.product_ztc dd a{ color:#0177F1;font-size: 15px;}
.product_ztc dd a:hover { color:#f00;}
/*搜索*/
.searchbox { float:right; width:288px; height:26px; border:1px solid #B9B9B9; margin:6px 15px 0 0;}
.searchbox i { float:left; font-size:16px; width:30px; text-align:center; line-height:26px;}
.searchbox .form_text{ border:0; float:left; line-height:20px; height:20px; padding:3px; color:#bdc2c6; width:185px;}
.searchbox .form_btn{ float:right; width:56px; height:26px; line-height:26px; border:0; cursor:pointer; background:#B9B9B9;}

/*------------------flash------------------*/
.index_flash{ min-width:1200px;  position:relative;  height:400px; overflow:hidden;   }
.index_flash .bd{ position:relative; z-index:0;  }
.index_flash .bd ul{ width:100% !important; }
.index_flash .bd li{ width:100% !important;  height:400px; background-position:center top; background-repeat:no-repeat; }
.index_flash .bd li .siteWidth{ width:1200px; position:relative;  margin:0 auto;  height:360px;  }
.index_flash .bd li a{ position:absolute; width:100%; height:400px; display:block; z-index:1;;   }
.index_flash .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.index_flash .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:4px; background:url(../image/dot.png) no-repeat 0 -16px; overflow:hidden;line-height:0; text-indent:-9999px; 	}
.index_flash .hd ul .on{ background:url(../image/dot.png) no-repeat;  }

/*----------服务领域----------*/
.service { padding:30px 0 50px 0; background:#F4F4F4; min-width:1200px; }
.service .w1200 { overflow:hidden;}
.service ul{ margin-top:40px; width:1253px; }
.service li{ float:left; width:260px; margin-right:53px; _display:inline; text-align:center; line-height:24px; font-size:14px;position: relative;margin-bottom:12px;}
.service li img{ display:block; width:260px; height:160px;  }
.service li a span{opacity: 0;display: none;}
.service li:hover a span{opacity: 0.7;background: #0686fd; display: inline-block;width:260px; height:160px; position: absolute;top: 0;left: 0;color: aliceblue;line-height: 160px;font-size: 20px;font-weight: 100;}
.service li h3{   font-weight:bold; margin-top:10px;}
.service li h3 a{ color:#454545;  }
.service li p{  }

/*----------产品展示----------*/
.product_index { height:400px; padding-top:14px; background:url(../image/bg02.jpg) no-repeat center top;   }
/*产品分类*/
.product_cate { width:220px; padding:5px 0 20px 0; float:left; background:url(../image/bg_shadow.png);}
.product_cate .com_tit2 { color:#fff; padding:12px 0 2px 5px;background:url(../image/bg_shadow.png);}
.product_cate_list { margin-top:10px; font-size:14px;}
.product_cate_list h3{ line-height:36px; color:#fff; padding-left:22px;background:url(../image/bg_shadow.png); cursor:pointer;-o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.product_cate_list h3 a {color:#fff; }
.product_cate_list ul{ display:none;}
.product_cate_list li{ line-height:30px;-o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.product_cate_list li a { color:#fff; display:block; padding-left:35px;}


	/* 本例子css */
		.slideBox{ width:937px; height:240px; overflow:hidden; position:relative; }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:937px; height:240px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
            
            
.sort{width:220px;height:auto;float:left;position:relative;padding:5px 0 20px 0; background:url(../image/bg_shadow.png);margin-top:10px;}
.sort .sort-list{;border-top:0;padding:0 1px;}
.sort .sort-list ul{}
.sort .sort-list li{padding:0 5px;width:210px;height:45px;float:left;border-bottom:1px solid #03467E;}
.sort .sort-list li a{display:block;height:45px;line-height:45px;font-size:15px;padding-left:35px;cursor:pointer;color: aliceblue;}
.sort .sort-list li a span{display:block;height:45px;background-position:right -80px}
.sort .sort-list li.hover{background-position:0 -37px;background-repeat:repeat-x}
.sort .sort-list li.hover a{color:#fff}
.sort .sort-list ul ul{display:none}
.sort .sort-list ul li.hover ul{background-color:#fff;left:160px;margin-top:-38px;width:180px;z-index:30;position:absolute;height:auto;overflow:hidden}
.sort .sort-list ul li.hover ul li{height:32px;padding:0}
.sort .sort-list ul li.hover ul{display:block}
.sort .sort-list ul li.hover ul li a{height:32px;line-height:32px;font-size:13px;border-top:0;border-bottom:0;padding-left:10px;color:#333;}
.sort .sort-list ul li.hover ul li a:hover{color: #0686fd;}

.sort2{float:left;position:relative;margin-bottom: 5px;}
.sort2 .sort-list{;border-top:0;padding:0 1px;height:235px;}
.sort2 .sort-list ul{}
.sort2 .sort-list li{height:40px;padding:0 72px 0 15px;margin-bottom: 6px;border: 1px solid #d5d5d5;overflow:hidden;	background:#ffffff; }
.sort2 .sort-list li a{display:block;height:37px;line-height:37px;font-size:15px;padding-left:35px;cursor:pointer;color:#333;font-weight: bold;}
.sort2 .sort-list li a span{display:block;height:37px;}
.sort2 .sort-list li.hover a{color:#0177F1;font-weight: bold;}
.sort2 .sort-list ul ul{display:none;}
.sort2 .sort-list ul li.hover ul{background-color:#fff;left:200px;margin-top:-38px;width:180px;z-index:9999;position:absolute;height:auto;overflow:hidden}
.sort2 .sort-list ul li.hover ul li{height:32px;padding:0}
.sort2 .sort-list ul li.hover ul{display:block}
.sort2 .sort-list ul li.hover ul li a{height:32px;line-height:32px;font-size:13px;border-top:0;border-bottom:0;padding-left:10px;color:#333;}
.sort2 .sort-list ul li.hover ul li a:hover{color: #0686fd;}

/*产品列表*/
.product_list_index { float:right; width:920px; padding-right:20px;}
.product_list_index .tit{ height:60px; line-height:60px; padding:0 20px;}
.product_list_index li p{color:#fff;line-height:26px;text-align:center;width:260px;font-size:14px;}
.product_list_index .tit h3{ color:#e9e9e9; font-size:18px; float:left;}
.product_list_index .tit .more{ float:right; font-size:14px; color:#e9e9e9;}
.product_list_index ul{ margin-top:22px;}
.product_list_index li{ width:260px;margin:0 20px; _display:inline; float:left;}
.product_list_index li div{width:260px;height:225px;text-align:center;margin:0 auto;background-color:#fff;}
.product_list_index li div img{vertical-align:middle;width:200px; height:auto;}
.product_list_index li div span{height:100%;width:0;overflow:hidden;display:inline-block;vertical-align:middle;}
.product_list_index li p{color:#fff;line-height:26px;text-align:center;width:260px;font-size:14px;}

/*----------新闻----------*/
.news_index { width:423px; float:left; margin-top:30px;  }
.news_index .tit{ height:45px; padding-top:8px; background:url(../image/bg_tit.jpg) no-repeat; overflow:hidden;  }
.news_index .tit .com_tit2{ float:left; background:#fff; padding-right:25px; margin-left:10px;  }
.news_index .tit .com_tit2 i { font-size:40px;}
.news_pic { padding:14px 10px 0 18px; height:140px;}
.news_pic img{ width:140px; height:100px; border:5px solid #4C95F7; float:left;}
.news_pic .cnt{ float:right; width:237px;font-size:14px; line-height:24px;}
.news_pic .cnt h3{ font-weight:bold; padding-bottom:5px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news_pic .cnt h3 a{ color:#181818;}
.news_pic .cnt h3 a:hover {color:#006af3;}
.news_pic .cnt .desc{ height:72px; overflow:hidden;}
.news_pic .cnt .more{ float:right; color:#006af3; margin-right:10px;}
.news_txt { width:400px; }
.news_txt li { line-height:30px; height:30px; text-align:right; font-size:14px; padding:0 10px 0 18px;}
.news_txt li span { color:#aaa; }
.news_txt li a { float:left; text-align:left; }
/*控制标题长度，如果可以通过程序控制，则可以删除*/
.news_txt li a { width:350px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/*----------右板块----------*/
.indexbox_right { width:755px; float:right; margin-top:30px; height:590px; background:#F2F2F2; overflow:hidden;  }

/*----------推荐产品----------*/
.product_tj { padding-left:5px; margin-top:15px;  }
.product_tj .tit{ height:50px; padding:0 23px 0 12px;  }
.product_tj .tit .com_tit2{ float:left;  }
.product_tj .tit .com_tit2 i { font-size:32px;}
.product_tj .tit .more{ float:right; line-height:50px; font-size:14px; color:#006af3;  }
.product_tj ul{margin-top:5px;  }
 
.product_tj li{ width:190px;margin:0 25px; _display:inline; float:left;}
.product_tj li div{width:190px;height:140px;text-align:center;margin:0 auto;background-color:#fff;}
.product_tj li div img{vertical-align:middle;width:120px; height:auto;}
.product_tj li div span{height:100%;width:0;overflow:hidden;display:inline-block;vertical-align:middle;}
.product_tj li p{line-height:26px;text-align:center;width:190px;font-size:14px;}


/*----------客户案例----------*/
.case_index {padding-left:5px;margin-top:20px;   }
.case_index .tit{ height:50px; padding:0 23px 0 12px;  }
.case_index .tit .com_tit2{ float:left;  }
.case_index .tit .com_tit2 i { font-size:24px;}
.case_index .tit .more{ float:right; line-height:50px; font-size:14px; color:#006af3;  }
.case_index ul{margin-top:5px;  }
.case_index li{ width:190px; float:left; margin:0 25px; _display:inline; line-height:20px; }
.case_index li img{width:190px; height:140px; display:block;  }
.case_index li h3{ padding:7px 0 2px 0;-o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.case_index li h3 a{ color:#2c2c2c; font-weight:bold;  }
.case_index li h3 a:hover {color:#006af3;}
.case_index li p{ height:40px; overflow:hidden;  }
.case_index li p a{ }


/*----------资质----------*/
.zizhi { margin-top:50px; height:370px; background:url(../image/bg03.jpg) no-repeat center top; padding-top:25px; }
.zizhi .com_tit h3 strong {color:#fff;}
.zizhi .com_tit h3 span { background:#fff;}
.zizhi .com_tit p{color:#fff; padding-top:10px; }
.zizhi_list { margin:30px auto 0; width:1034px;}
.zizhi_list ul{}
.zizhi_list li{ width:145px; float:left; padding-top:27px; background:url(../image/zizhi_line.png) no-repeat center top; _display:inline; margin-right:70px;}
.zizhi_list li img{ display:block; border:1px solid #4F6153; width:140px; height:145px;}
.zizhi_list li p{ text-align:center; font-size:14px; color:#fff; line-height:24px; margin-top:10px;}

/*----------分类导航----------*/
.cate_nav { background:#F2F2F2; min-width:1200px; padding:30px 0 100px;  }
.cate_nav .com_tit{ margin-bottom:35px;}
.cate_nav_list { text-align:center; line-height:36px; font-size:16px;  }
.cate_nav_list a{ padding:0 5px;  }

/*----------友情链接----------*/
.friendlinks { line-height:50px; height:50px; min-width:1200px; background:#015FC1; color:#fff;  }
.friendlinks i{ font-size:26px; line-height:50px; float:left;  }
.friendlinks span{ font-size:16px; font-weight:bold;float:left; padding-left:12px;  }
.friendlinks a{ color:#fff; font-size:14px; padding-left:22px;float:left;  }

/*----------底部----------*/
.footer { padding:50px 0 65px 0; color:#fff; background:#0177F1; text-align:center; }
.footer a{ color:#fff;  }
.footer_nav { line-height:32px; padding-bottom:17px; border-bottom:1px solid #04AEF8; margin-bottom:18px;}
.footer_nav a{ font-size:14px; padding:0 15px;}
.footer .copyright{ line-height:22px;}

.casepage li{width:25%;float:left;margin-bottom:20px;}
.casepage li a.img{width:200px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:121px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.casepage li a.img img{vertical-align:middle;}
.casepage li a.img:hover{border:1px solid #f00;}
.casepage li h3{text-align:center;width:200px;}

.product_list li{width:33.3%;float:left;margin-bottom:12px;}
.product_list li a.img{width:300px;height:220px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:121px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.product_list li a.img img{vertical-align:middle;}
.product_list li a.img:hover{border:1px solid #f00;}
.product_list li p{width:300px;line-height:30px;text-align:center;font-size:14px;}
.product_list li p.info a{color:#555;text-align:center;}



.section{position:relative; width:100%; margin:auto;  clear:both; overflow: hidden; }
.main{position:relative; width:1200px; padding-top: 14px; padding-bottom: 20px; margin:0 auto;  }
.left{float:left; width:246px;  margin-right:18px;}
.leftProClaList{width:246px;  height:100px; height:auto!important;padding-bottom: 5px;}
.leftProClaListUl{width: 246px;}
.leftProClaListUl li{width: 204px;height:40px;padding-left: 20px;padding-right:20px;margin-bottom: 6px;border: 1px solid #d5d5d5;overflow:hidden;background:#ffffff; }
.leftProClaList a{color:#0f1427;font-size:14px;line-height:40px; font-weight: bold;}
.leftProClaList a:hover{color:#0177F1;}	
.leftProClaListUl a:hover{color:#0177F1;}	
.leftProClaListUl  .childCla{ width: 244px;margin-top: -6px; margin-bottom:6px; border: 1px solid #acacac; display: none;}
.leftProClaListUl  .childCla  li{	width:244px; height: 40px; padding: 0px;margin: 0px; border:none; border-bottom:1px solid #acacac; }
.leftProClaListUl  .childCla li a{width: 204px;  height: 40px; padding: 0px 20px;  display: block;	color:#0f1427;font-size:14px;line-height:40px; font-weight: bold;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background: #f0f0f0;}
.leftProClaListUl  .childCla li a:hover{color:#fff;}	
.leftProClaListUl li a{ display:block;}
.leftProClaListUl li a:hover{color: #333;}
.leftProClaListUl .on{ background:#ccc;border: 1px solid #ccc; color: #333 }
.leftProClaListUl .on i{float: left;padding:15px 10px;}
.leftProClaListUl li:hover{background:#ccc;color: aliceblue; }
 .leftProClaListUl li.on a{color:#555;}
/*end leftProClaList*/

.leftTitle{ width: 222px; height: 46px; padding-left:20px ; margin-bottom: 10px; border:2px solid #0177F1;	background: #0177F1;color:#fff; font-size: 18px; line-height: 46px; font-weight: bold;}
.leftTitle span{ color:#ccc; font-size: 14px; text-transform: uppercase; font-weight: normal;}	
.leftContact{ width: 244px; padding: 10px 0; border:1px solid #acacac}
.leftContact dl{width:244px; display:block;clear:both;}
.leftContact dl dt,.leftContact dl dd{color:#666; font-size:12px;  line-height:30px; }
.leftContact dl dt{float:left; width:45px; padding-left: 24px; }
.leftContact dl dd{float:left; width:138px;}


.mainCon{width:936px; float:left;}
.mainConTitle{
	position: relative;
	width:936px; height:46px;border-bottom: 2px solid #0177F1;  }
.mainConTitle .mFont{float: left;
	width:300px; height: 46px;
	color: #0f1427;font-size: 24px; line-height: 46px; font-weight: bold;}	
.mainConTitle .mEnglish{
	float: left;
	/*width: 100px; */height:46px;
	color:#0f1427; font-size: 18px;line-height: 54px; display: block; font-family: arial; text-transform: uppercase;}
.mainConTitle .position {  
	position: absolute; right: 0px; bottom:0px
	height:46px;  
	color: #666666; font-size: 12px;line-height:54px;}
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#0f1427}
.mainConTitle .xian{ 
	width: 120px;height: 2px;
	font-size: 0px; line-height: 0px;
	position:absolute; left:0px; bottom:-2px;background: #348502; 
 }
 .mainConTitle .position span{ font-size: 12px;}
 /*end mainConTitle*/
/*产品*/
 .mainConList{ padding-top: 16px;}	
.mainConList .pic1{ 
	position: relative;float:left;
	width:300px; height:270px; border:1px solid #d2d2d2; margin-right: -1px; margin-bottom: -1px;
	overflow: hidden; }
.mainConList .pic1 a{
	position: relative;
	width:280px; height:242px;padding: 12px; border-bottom: 4px solid #f0f0f0;display:block;
	background: #f0f0f0;}
.mainConList .pic1 a:hover{
	border-bottom: 4px solid #0177F1;
	background: #FFFFFF;
}			
.mainConList .pic1 dt.pic{position:relative;width:275px; height:185px;border:1px solid #d0d0d0;}
.mainConList .pic1 dt.pic span{
	position: absolute;left:10px; top:0px; display: block;
	width: 36px; height: 25px;
	color:#fff;font-size:12px;line-height:25px; text-align: center; text-transform: uppercase;
	background: #0177F1;
}
.mainConList .pic1 dt.pic img{height: 184px;}
.mainConList .pic1 dd.intro{
	width:280px; height:76px; padding:0px 10px;overflow: hidden;
	color:#666666;font-size:12px;line-height:20px; text-align: left;  
}
.mainConList .pic1 dd.intro span{
	width:280px; height:36px; display: block;
	color:#0f1427;font-size:14px;line-height:36px; text-align:left;font-weight: bold;  
}
 /*end pic1*/	
 .mainConList .pic11{ 
	position: relative;float:left;
	width:244px; height:352px; border:1px solid #d2d2d2; margin-right: -1px; margin-bottom: -1px;
	overflow: hidden; }
	
.mainConList .pic11 .pic11a{
	position: relative;
	width:220px; height:324px;padding: 12px; border-bottom: 4px solid #f0f0f0;display:block;
	background: #f0f0f0;}
.mainConList .pic11 .pic11ahover{
	border-bottom: 4px solid #0177F1;
	background: #FFFFFF;
}
.mainConList .pic11 dt.pic{position:relative;width:300px; height:184px;border:1px solid #d0d0d0;}
.mainConList .pic11 dt.pic span{
	position: absolute;left:10px; top:0px; display: block;
	width: 36px; height: 25px;
	color:#fff;font-size:12px;line-height:25px; text-align: center; text-transform: uppercase;
	background: #0177F1;
}
.mainConList .pic11 .intro{
	width:280px; height:76px; padding:0px 10px;overflow: hidden;
	color:#666666;font-size:12px;line-height:20px; text-align: left;  
}
.mainConList .pic11 .intro span{
	width:280px; height:36px; display: block;
	color:#0f1427;font-size:14px;line-height:36px; text-align:left;font-weight: bold;  
}
.mainContect{ 
	color:#666;font-size:14px;line-height:30px;overflow:hidden
	margin-top:16px; padding-top:15px; height:auto!important;min-height:360px;height:360px;word-wrap:break-word; word-break:break-all;padding-bottom:20px;
	background:#fff ;}
.mainContect img{ max-width: 100%;}
.mainContect .title{ 
	width:100%;
	color:#0f1427;font-size:22px; line-height:40px;text-align:center; }
.mainContect .time{
	 height: 40px;border-bottom:1px dotted #ddd;padding-top:5px;
	color:#999999;font-size:12px;line-height:30px; font-weight:normal; text-align:center}
.mainContect .timea{ font-size:12px;}	
.mainContect .bdsharebuttonbox{ float: left;}
.mainContect .pic{ width:100%; text-align:center;padding:20px 0px 0px 0px;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{ padding:20px 14px 20px 14px;line-height:30px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;}
.mainContect .conTitle span{ 
	width: 120px; height: 36px;display: block;
	color:#fff; font-size: 16px;line-height: 36px; text-align: center;
	background: #0b61a5;}
.mainContect .pgfy{
	 width:100%; border-top:1px solid #eaeaea; padding-top:15px;padding-bottom:20px; margin: 0 auto;}
.mainContect .pgfyl{float:left;  width:800px;padding-left: 14px;}
.mainContect .pgfyl p{ color:#0f1427;font-size: 14px;}
.mainContect .pgfyl p a{ color:#0f1427; font-size: 14px;}
.mainContect .pgfyr{ width:100px;float:left; text-align:center;padding-top:30px;}
.mainContect .pgfyr a{ color:#0f1427;font-size:14px;}
/*新增翻页样式*/
.pages {padding: 30px 0 30px;text-align: center}
.pages li {display: inline}
.pages li.thisclass, .pages a:hover{padding: 5px 10px; border: 1px solid #0177F1;	background:#0177F1;color: #fff;text-decoration: none}
.pages a{padding: 5px 10px;border: 1px solid #CCC;background: #fff;color: #A4A4A4;line-height: 18px}

/*新增留言样式*/
.liuyan{ margin:50px;}
.liuyan span{ vertical-align:top}
.liuyan li{ margin-bottom:15px;}
.liuyan .k{ height:34px; width:250px; border:1px solid #d9d9d9; border-radius:3px; padding-left:10px; line-height:34px}
.liuyan textarea{ width:400px; border:1px solid #d9d9d9; border-radius:3px; padding:10px; height:150px}
.liuyan .t{ margin:0 0 0 70px; background:#ff5958; border-radius:3px; color:#fff; border:0; height:34px; width:200px; cursor:pointer}


.content-wrap {
	float: right;
	width:94.5%;
	border: 1px solid #d1d1d1;
	padding: 0px 25px 50px;
	margin-bottom:20px;
}
.content-wrap .zz{width: 175px;float: left;margin:12px 20px;}
.content-wrap .zz img{width: 175px;height: 245px;}
.content-wrap .zz h2{text-align: center;line-height: 22px;}

.content-wrap .list {
	border-bottom:1px dotted #8D8D8D;
	height:150px;
	margin-top:20px;
}
.content-wrap .list .l_left {
	float:left;
	width:180px;
	height:130px;
}
.content-wrap .list .l_right {
	float:right;
	width:680px;
}
.content-wrap .list .l_right h2 {
	color:#333;
}
.content-wrap .list .l_right h2 a {
	color:#333;
	font-size:16px;
}
.content-wrap .list .l_right h2 em {
	float:right;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	color:gray
}
.content-wrap .list .l_right p a {
	color:red;
	float:right
}

.slider{ width:1200px; margin:0 auto;  position:relative; overflow:hidden;height:400px;; }
.slider .bd{ position:relative; z-index:0;  }
.slider .bd li{ height:400px; overflow:hidden; }
.slider .bd li img{ display:block;  }
.slider .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.slider .hd ul{ text-align:center;  }
.slider .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 4px;background:url(../image/dot.png) 0 -16px;overflow:hidden;  filter:alpha(opacity=70);opacity:0.7;  vertical-align:top; line-height:9999px;}
.slider .hd ul .on{ background-position:0 0;  }
.slider .timer{ position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;   }


.procenter{width: 100%;}
.procenter .pic5{width: 460px;height:360px;float: left;text-align: center;margin-bottom: 20px;}
.procenter .pic5 img{max-height:360px;_height:expression(this.width >360 ? "360px" : this.height);} 
.procenter .proms{width:420px;float: left;margin-left: 30px;}
.procenter .proms h1{font-size: 18px;font-weight:bold;}
.procenter .proms dl dt{width: 75px;float: left;text-align: right;}
.procenter .proms h2{font-size: 16px;font-weight:bold;color: firebrick;margin-bottom: 10px;}
.procenter .proms h2 i{font-size: 19px}
.procenter .proms .buy a{background:#0177f1;padding: 8px 40px;color: #fff;border-radius: 8px;font-size: 18px;margin:20px; box-shadow: 2px 2px 2px #ddd;border-bottom: 4px solid #054689;}
.procenter .proms .buy a:hover{background:firebrick;padding: 8px 40px;color: #fff;border-radius: 8px;font-size: 17px;margin: 20px; box-shadow: 2px 2px 2px #ddd;border-bottom: 4px solid #740505;}


.titeldw{font-size: 18px;font-weight: bold;padding: 10px 0}
.slideTxtBox{ width:100%;   }
.slideTxtBox .hd{ height:40px; line-height:40px; background:#f4f4f4;position:relative;}
.slideTxtBox .hd ul{ float:left; position:absolute;height:40px;  width: 100%; }
.slideTxtBox .hd ul li{ float:left; text-align: center;cursor:pointer; font-size: 16px; width: 33%;box-shadow: 2px 2px 2px #ddd;}
.slideTxtBox .hd ul li.on{ height:40px;  background:#0177f1;color: aliceblue;font-weight: bold;box-shadow: 2px 2px 2px #aaa;}
.slideTxtBox .bd ul{ padding:20px;  zoom:1; line-height:24px;font-size: 14px;color: #   444;  }
.slideTxtBox .contactpro {background: url(../image/contact2.jpg) no-repeat right top;height: 500px;}
.slideTxtBox .contactpro .procon{margin: 120px;}
.slideTxtBox .contactpro .procon h1{font-size: 24px;color: #0177f1;font-weight:bold;margin-bottom: 12px;}
.slideTxtBox .contactpro .procon dd{font-size: 16px;line-height: 26px;}

.procenter2{width: 100%;text-align: center;margin-bottom: 20px;}
.procenter2 img{max-width:640px;}
.procenter2 h1{font-size: 18px;font-weight: bolder;margin-bottom: 12px;    }
.slideTxtBox2{ width:100%;   }
.slideTxtBox2 .hd{ height:40px; line-height:40px; background:#f4f4f4;position:relative;}
.slideTxtBox2 .hd ul{ float:left; position:absolute;height:40px;  width: 100%; }
.slideTxtBox2 .hd ul li{ float:left; text-align: center;cursor:pointer; font-size: 16px; width: 33%;box-shadow: 2px 2px 2px #ddd;}
.slideTxtBox2 .hd ul li.on{ height:40px;  background:#0177f1;color: aliceblue;font-weight: bold;box-shadow: 2px 2px 2px #aaa;}
.slideTxtBox2 .bd ul{ padding:20px;  zoom:1; line-height:24px;font-size: 14px;color: #   444;  }
.slideTxtBox2 .contactpro {background: url(../image/contact2.jpg) no-repeat right top;height: 500px;}
.slideTxtBox2 .contactpro .procon{margin: 120px;}
.slideTxtBox2 .contactpro .procon h1{font-size: 24px;color: #0177f1;font-weight:bold;margin-bottom: 12px;}
.slideTxtBox2 .contactpro .procon dd{font-size: 18px;line-height: 26px;}
/* fixeslideTxtBox2d-bar */
.custom_style_01 .content_box { width:118px; _width:117px; }
.custom_style_01 .content_title { height:33px; background:url(../image/custom_style_01.gif) no-repeat -100px 0; }
.custom_style_01 .content_list { border-left:1px solid #1e1824; border-right:1px solid #1e1824; background:#fff; }
.custom_style_01 .content_list .qqserver p span { display:none;}
.custom_style_01 .content_bottom { height:2px; background:#1e1824; }
.custom_style_01 .close_btn { right:1px; top:2px;}
.custom_style_01 .close_btn, .custom_style_01 .close_btn a { width:24px; height:22px; background:url(../image/custom_style_01.gif) no-repeat -250px 0; }
.custom_style_01 .show_btn { width:33px; height:120px; background:url(../image/custom_style_01.gif) no-repeat 0 0;  }


/* QQ */
#cs_box {width:120px; height:250px; color:#FFF; background:#54a7ff; position:fixed; right:10px; top:200px; border-radius:10px; z-index:1000}
#cs_box span {height:20px; line-height:20px;display:block;}
.cs_close {color:#FFF; position:absolute; right:10px; top:8px; cursor:pointer; font-size:20px;font-family:Verdana, Geneva, sans-serif}
.cs_title {font-size:14px; margin:10px; font-weight:bold;}
.cs_img {width:100px; height:100px; background:#FFF; margin:10px;background-image:url(../image/xixi.jpg) }
.cs_info {font-size:12px; margin:0px 10px; overflow:hidden; text-align:center;}
.cs_btn {width:100px; height:25px; background:#333; margin:5px 10px; border-radius:5px; font-size:12px; line-height:25px; color:#FFF; text-align:center; cursor:pointer;}