/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
abbr,acronym{border:0;font-variant:normal}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; border:none 0px;}
input,button,textarea,select{*font-size:100%}
a,img{border:0;}
a,a:visited{color:#232323;font-size:12px; text-decoration:none;}
a:hover{font-size:12px;color:#377117; text-decoration:none;}
.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
.shortcut{position:fixed;top:0;left:0;z-index:9999;width:100%;}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
*html .shortcut{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
li{list-style:none}





a,img{border:0}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{
	border:0;
	padding:0
}



.content img {max-width:800px; max-height:800px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 800 ? "800px" : "auto"):(this.style.height = this.offsetHeight >= 800 ? "800px" : "auto")); display:inline !important;}


/* CSS Document */
* { list-style:none; padding:0; margin:0}
body{ font-size:12px; margin:0 auto; color:#656565;font-family:Microsoft YaHei; background:#fff; text-align:center; }
.cl{ clear:both}
a{
  font-size:12px; 
  text-decoration: none;transition:all .2s ease;color:#000;
  
}
a:hover{
	font-size:12px;
	text-decoration:none;color:#2061c4;
}



  
.clear{width:100%; height:20px; overflow:hidden; clear:both;}
.both{width:100%; height:0px; overflow:hidden; clear:both;}


/*---------------------------------页头样式开始-------------------------------------*/
.top{width:100%; overflow:hidden;}
.topcon{width:1100px; margin:0 auto;}
.topcon .logo{ float:left; margin-top:30px; margin-bottom:20px;}
.topcon .tel{ float:right; background:url(../images/tel.jpg) no-repeat left 28%; font-size:24px; color:#870000; text-align:left; padding:10px 0 10px 50px; margin-top:30px; font-family:"黑体";}
.topcon .search{ float:right; margin-top:35px; margin-left:20px;border:1px solid #aeaeae; }
.topcon .key{width:200px; height:32px;background:#fff; float:left; line-height:32px; }
.topcon .bnt{ background:url(../images/sbnt.jpg) no-repeat center; width:26px; height:32px;}




.menubg{ width:100%;height:48px;background:#870000;}
/*.menu{width:1100px; margin:0px auto; height:48px; position:relative;}
.menu li{ float:left;font-size:14px; font-family:"微软雅黑"; height:48px;color:#fff; line-height:48px; }

.menu li a{display:block;  height:48px;font-size:14px; font-family:"微软雅黑"; color:#fff;  width:122px; line-height:48px; }
.menu li a:hover{ background:#fff; color:#870000;}*/






/*---------------banner-----------------*/
.banner{width:100%; position:relative;}
.banner1 {width: 100%;height: 612px;position: relative;overflow: hidden;}
.banner-box {width: 1920px;height: 612px;position: absolute;left: 50%;margin-left: -960px;
top: 0;}
.sub_banner {height:612px;}
.banner img {display: block;margin: 0 auto; width:100%; height:612px;}
.btns {width: 1160px;position: absolute;height: 100px;left: 50%;top: 145px;margin-left: -580px;display: none;}
.btns .prev, .btns .next {width: 54px;height: 100px;float: left;background: url(../images/leftbtn.png) 0 0 no-repeat;
}
.btns .next {background: url(../images/rightbtn.png) 0 0 no-repeat;float: right;
}
.banner1 .num {overflow: hidden;width: 100%;background: url(../images/bannerbg.png) left top repeat;height: 17px;padding: 9px 0;position: absolute;bottom: 5px;left: 0;zoom: 1;z-index: 3;text-align: center;}
.banner1 .num li {width: 13px;height: 13px;background:#2471cb;border: 2px solid #fff;border-radius: 50%;margin-right: 15px;cursor: pointer;display: inline-block;
*display:inline;zoom: 1;overflow: hidden;font-size: 0;}
.banner1 .num li.on {background: #fff;border: 2px solid #fff;}








/*--------------------首页样式---------------------------------------*/
.main{width:100%;position:relative; height:auto !important; }
.maincon{width:1200px; margin:0px auto; overflow:hidden; }
.mtop{ margin:20px 0; position:relative;}


/*产品展示*/
.ptit{width:100%; background:#f8f8f8; height:100px; vertical-align:middle; padding-top:60px;}
.pnav{ margin:40px 0; position:relative;}
.pnav li{ display:inline-block;*display:inline; margin-right:-5px;}
.pnav li a{display:inline-block;*display:inline; width:120px; height:42px; border:1px solid #e6e6e6; line-height:42px; font-size:14px;}
.pnav li a:hover{ background:#870000; color:#fff;border:1px solid #870000;}

.pcon{width:100%; height:590px; background:url(../images/abg.jpg) no-repeat center top; padding-top:80px; float:left;}
.pcon ul{ float:left; margin-right:5px; height:430px;}
.pcon ul:nth-child(odd) li{ position:relative; width:390px; height:210px; margin-bottom:10px;}
.pcon ul:nth-child(even) li p{ padding-top:160px;}
.pcon li a{ display:block; width:100%; position:relative; color:#fff;}
.pcon li p{position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;-webkit-backface-visibility: hidden;/* 隐藏旋转元素的背面*/backface-visibility: hidden;background: rgba(0, 0, 0, 0.6);   /*后面这个0.6是指的背景的透明度*/opacity: 0;-webkit-transition: all 0.35s ease-in-out; /*规定提示信息怎样出现ease-in-out以慢速度开始和结束*/-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; width:100%; font-size:16px; padding-top:50px;}
.pcon li a:hover p{opacity: 1;    /*有opacity有0变成1*/}
.pcon li span{ display:block; width:100px; height:33px; font-size:14px; border:1px solid #fff; margin:10px auto 0 auto; line-height:33px;}      
.pcon .pmore{width:205px; height:42px; margin:60px auto 10px auto;}
.pcon .pmore a{ display:block; border:1px solid #870000; line-height:42px; font-size:14px; color:#870000;}
.pcon .pmore a:hover{ background:#870000; color:#fff;}


/*公司简介*/
.syabout{width:100%; float:left;}
.abtit{ margin-top:40px; margin-bottom:20px;}
.abcon{width:100%; background:url(../images/abbg.jpg) no-repeat center top; height:595px; padding-top:40px;}
.abnr{width:450px; float:left; margin-left:40px; text-align:left;}
.abnr h3{ font-size:36px; color:#fff; font-family:"黑体"; font-weight:normal; background:url(../images/hen.png) no-repeat left bottom; padding-bottom:10px;}
.abnr p{ line-height:33px; font-size:16px; color:#fff; margin:20px 0; min-height:180px;}
.abnr span{ display:block; width:61px; height:63px;}
.abnav{width:1128px; height:135px; background:url(../images/navbg.jpg) no-repeat left top; margin:60px auto 0 auto;}
.abnav li{ float:left; width:275px;}
.abnav li a{ display:block; width:100%; padding-top:85px; font-size:16px; color:#333;}
.abnav li a:hover{ color:#0d306b;}
.abnav li:nth-child(1) a{ background:url(../images/a1.png) no-repeat center;}
.abnav li:nth-child(1) a:hover{ background:url(../images/a1_hover.png) no-repeat center;}
.abnav li:nth-child(2) a{ background:url(../images/a2.png) no-repeat center;}
.abnav li:nth-child(2) a:hover{ background:url(../images/a2_hover.png) no-repeat center;}
.abnav li:nth-child(3) a{ background:url(../images/a3.png) no-repeat center;}
.abnav li:nth-child(3) a:hover{ background:url(../images/a3_hover.png) no-repeat center;}
.abnav li:nth-child(4) a{ background:url(../images/a4.png) no-repeat center;}
.abnav li:nth-child(4) a:hover{ background:url(../images/a4_hover.png) no-repeat center;}

/*新闻资讯*/
.synew{width:100%; float:left; margin-bottom:20px;}
.newcon li{ float:left; margin-right:40px; position:relative;}
.newcon li:nth-child(4){ margin-right:0;}
.newcon li a{ display:block; width:267px; height:336px; position:relative;}
.newcon li .nn{margin:30px 0; border:1px solid #d9cdc2; padding:20px; text-align:left;}
.newcon li .nn h3{ color:#000000; font-size:18px; margin-bottom:10px;}
.newcon li .nn p{ font-size:14px; color:#8a8a8a; line-height:35px;height:207px;}
.newcon li .nn .date{ color:#000; font-size:24px; background:url(../images/date.png) no-repeat center; width:50px;}
.newcon li .nn .date span{ display:block; font-size:14px; color:#000; padding-left:25px;}
.newcon li a:hover{ background:url(../images/nhover.jpg) no-repeat left top;}
.newcon li a:hover h3{ color:#fff;}
.newcon li a:hover p{ color:#fff;}
.newcon li a:hover .date{ color:#fff;background:url(../images/date_hover.png) no-repeat center;}
.newcon li a:hover .date span{ color:#fff;}


/*案例展示*/
.sycase{width:100%; margin:20px 0; position:relative; float:left;}
.con{ margin:30px 0; position:relative;}
.con li{ float:left; margin-right:25px; margin-bottom:30px; height:251px;}
.con li:nth-child(3n){ margin-right:0;}
.con li a{ display:block; width:100%; height:251px; position:relative; overflow:hidden;}
.con li p{ position:absolute; height:35px; line-height:35px; color:#fff; font-size:14px; width:100%; left:0; bottom:0; background:url(../images/pbg.png) left top;}



/*footer*/
.footer{width:100%; overflow:hidden; color:#000; position:relative; font-size:14px; text-align:center;overflow:hidden; border-top:3px solid #870000;}
.footer a{ color:#000; font-size:14px;}
.fcon{width:1100px; margin:0px auto;}
.ftop{ padding:50px 0; overflow:hidden;}
.footer .contact{ float:left; border-right:1px solid #0056bd; padding-right:20px; width:30%; text-align:left;}
.footer .contact .phone{ background:url(../images/phone.jpg) no-repeat left center; padding-left:80px; font-size:18px; color:#272636;}
.footer .contact .phone span{ display:block; font-size:30px; color:#db0000;}
.footer .cnr{ font-size:14px; color:#767676; line-height:30px; margin-top:10px;}
.footer .fnav{ float:left; margin-left:50px;}
.footer .fnav dl{ float:left; margin:0 10px;}
.footer .fnav dt{ margin-bottom:10px;}
.footer .fnav dt a{ display:block; color:#870000; font-size:18px;}
.footer .fnav dd a{ line-height:30px; color:#757575; font-size:14px;}
.footer .wx{ float:right; width:20%;}
.footer .fbot{ background:#870000; line-height:30px; color:#fff; font-size:14px; padding:20px 0;}


/*-------------------------------------------内页样式开始-----------------------------------------------*/
.box{width:100%; overflow:hidden; position:relative;}
.boxcon{width:1200px; margin:20px auto; height: auto !important;overflow:hidden; }
/*左侧列表栏目*/
.boxleft{width:250px; float:left; overflow:hidden;}
/*内页产品分类*/
.nylist{width:250px; height:auto; margin:0 auto; background:#fff; }
.nylist_top{height:70px; line-height:70px; background:#870000; color:#fff; font-size:24px;}
.nylist_bot{ height:auto !important; zoom:1; border:2px solid #870000; padding:10px 0; }
/*产品分类列表*/
.aboutleft2{ padding:10px 20px; margin:0 auto;}
.aboutleft2 li { margin-bottom:10px; border-bottom:1px solid #870000;}
.aboutleft2 a{ display:block; line-height:40px; height:40px; background:url(../images/nava.jpg) no-repeat left center;  font-size:14px; text-align:left; padding-left:20px; color:#870000;}
.aboutleft2 a:hover{ background:url(../images/navhover.jpg) no-repeat left center;}
/*内页联系我们*/
.boxleft_bot{width:250px; overflow:hidden; margin:20px auto; background:url(../images/cbg.jpg) no-repeat left top;}
.nylink_bot{ height:auto !important; zoom:1; padding-top:180px;}
.nylink_nr{overflow:hidden; line-height:25px; letter-spacing:0; word-spacing:0; font-size:14px; color:#333;text-align:left;  min-height:200px;}


/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:14px;}
.new1 li {width:100%;height:30px;line-height:30px;float:left;display:inline;border-bottom: 1px #A8A8A8 dashed; margin-bottom:10px;}
.new1 a {height:30px;line-height:30px;float:left;padding-left:20px; background:url(../images/newsti.jpg) no-repeat left center; }
.new1 font {float:right;height:30px;line-height:30px;margin-right:0px;font-size:14px;}
.new1 a:hover {font-size:14px;text-decoration:none; color:#870000; }

/*内页产品展示列表*/
.product{  list-style:none; padding-top:10px;}
.product li{ width:212px; height:222px; margin:10px 0px 10px 15px; float: left; overflow: hidden;}
.product li .img{width:200px;height:180px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
.product li a{ display:block;width:210px; height:190px; text-align:center; border:1px solid #870000;}
.product li img{width:200px; height:180px;vertical-align:middle;padding:5px; }
.product li p a{  text-align:center; height:30px;line-height:30px;width: 100%; display:block; border:none;}

.product_title{text-align:center; font-weight:bold;padding:5px; width:100%; font-size:18px;}
.product_related{text-align:center; padding:5px; width:100%; font-size:18px;}
.proimg{ text-align:center; width:100%; height:auto}

 .page{ padding:30px 0 20px 0; width:100%; text-align:center; line-height:40px;}
.page a{ padding:5px; border:1px solid #ccc; margin:0 3px;}
.page a:hover{ background:#870000; color:#fff;}
.page font{ padding:5px; border:1px solid #ccc; margin:0 3px;background:#870000; color:#fff;}
.nolink{padding:5px; border:1px solid #ccc; margin:0 3px;}
.print{ text-align:right; margin-top:20px;}

/*右侧主体*/
.boxright{ width:920px; height:auto;  overflow:hidden; float:right;}
.boxright_top{ height:40px; border-color:#e1e1e1 #e1e1e1 #870000; border-width:1px 1px 2px; border-style:solid; background:#f8f8f8;}
.boxright_mid{  height:auto !important;  overflow:hidden; zoom:1; text-align:left;  background:#fff; width:100%; }
.left_zi{  float:left; text-align:left; padding:0px 10px; line-height:40px; font-size:18px; color:#333;  }
.right_zi{ float:right; padding-right:10px;color:#525252; line-height:40px;}
.right_zi a{color:#525252;}
.content{ line-height:24px; padding:20px; margin:0 auto; text-align:left; color:#525252;min-height:500px; overflow:hidden;}/*右侧内容*/




	


#messagelist{width:510px; margin:0px auto;}

.message_table .text{width:63px;height:50px;float:left;line-height:50px; color:#333;}
.message_table .input-text{width:400px;height:30px;border:solid 1px #666;}
.message_table .textarea-text{width:400px;height:80px;border:solid 1px #666;}
.message_table .code-text{height:30px;border:solid 1px #666; width:100px;}

.message_table .submit{width:80px; height:30px; margin:0 auto; text-align:center; border:none; line- height:30px;color:#fff;background:#f18c1b;}

.online_view tr{ margin-bottom:20px;}

.previewShowWindow {
	position: absolute;
	border: 1px solid #dadade;
	background: #95959d;
	padding: 5px;
	display: none;
	color: #fff;
	text-align: center;
	z-index: 999;
}

.previewShowWindow img{width:320px; height:320px;}



 .floating_ck{position:fixed;right:0;top:30%; z-index:999;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#870000;border-bottom:solid 1px #fff;text-align:center;background-repeat:no-repeat;background-position:center 30%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#870000;border-bottom:solid 1px #fff;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(../images/zxicon.png);}
.words{background-image:url(../images/ly.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#870000;border-bottom:solid 1px #0f8531;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:232px;top:-102px;}
.floating_ewm i{background-image:url(../images/weixin.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}