@charset "utf-8";
/* CSS Document */

html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin:0; padding:0; }

/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 

/* body */ 
body{color:#757575; font-size:12px; line-height:24px;  font-family:"微软雅黑"; background:#FFF} 
i, em, cite { font-style:normal; }

/* a */ 
a{color:#757575; font-size:12px;/*-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;*/ text-decoration: none; }
a:hover { color:#da242a; }

/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
input {vertical-align:middle;font-size:12px; outline:none}

iframe{ border:0}
/* li */ 
ul,li{list-style-type:none;} 
/* img */ 
body img{border:0 none; vertical-align:middle;} 

/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;} 


/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */
/*********清除浮动处理**********/
.clr { clear:both; display:block; height:0;font-size:0; overflow:hidden;}

/*返回顶部*/
.totop{position:fixed; right:50%; margin-right:-528px; z-index:10000; bottom:25px;display:block; width:26px; height:62px; background:url(../images/rocket.png) no-repeat 0 0; -webkit-transition: all 0.2s ease-in-out;}

.TopHeadWrap{ background:url(../images/headbj.jpg) left center repeat-x; overflow:hidden; line-height:40px; height:40px;}
.TopHeadWrap .TopHead{ width:1100px; margin:0 auto; height:40px; position:relative; color:#b2b2b2; font-size:14px;}
.TopHeadWrap .TopHead .Rihgt{ position:absolute; right:0; top:0}
.TopHeadWrap .TopHead p{ display:inline-block; margin-left:15px;}
.TopHeadWrap .TopHead a{ color:#b2b2b2; font-size:14px;}
.TopHeadWrap .TopHead img{ margin-right:3px}
/*
.headWrap{ height:36px; width:auto; background:#000000; color:#aeaeae; font-size:12px; line-height:36px;}
.headWrap .head{ width:1100px; margin:0 auto; position:relative}
.headWrap .head .headRight{ position:absolute; right:0; top:0}
.headWrap .head .headRight a{color:#aeaeae; }
.headWrap .head .headRight a:hover{ color:#FFF}
*/
/*网站头部*/
.top-T{ width:1100px; margin:0 auto; height:120px; overflow:hidden; position:relative}
.top-T .logoL{ width:534px; margin-top:35px; height:54px; overflow:hidden; color:#898989; position:relative}
.top-T .Right{ width:281px; height:54px; position:absolute; right:0; top:33px;}



/***********nav*******/
.navWrap{ width:auto; height:54px; border-top:6px solid #db2429; background:url(../images/navbj.jpg) left center repeat-x}
.nav{ width:1100px; margin:0 auto; height:54px;}
.nav li{ float:left; height:54px;  width:157px;  display:inline; position:relative;}
.nav li a{ width:157px;  height:54px; line-height:54px; text-align:center; font-size:14px; color:#FFF; display:block;}
.nav li a:hover,.nav li .cur{ background:url(../images/nava.png) center center no-repeat; color:#FFF; position:absolute; top:-8px; left:0; height:76px; line-height:70px; z-index:50;}

/*********************************公共头部结束*******************************/



.js-silder{position: relative; height:500px; padding-bottom:37px; background:url(../images/yy.jpg) center bottom no-repeat}
.silder-scroll{width: 100%; overflow: hidden; height:100%;}
.silder-main{position: relative; width: 100%; overflow: hidden; height:100%;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%; height:100%;}
.silder-main-img a{ display:block; height:100%}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{position:absolute; bottom:40px; z-index:10; width: 100%; text-align: center;}
.silder-ctrl-prev,
.silder-ctrl-next{position: absolute;top: 0;display:none;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "宋体";font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left: 0; text-align: left;}
.silder-ctrl-next{right: 0; text-align: right;}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{position: absolute;top: 50%;margin-top: -40px;}
.silder-ctrl-prev>span{display:none;left: 0;}
.silder-ctrl-next>span{ display:none;right: 0;}
.silder-ctrl-con{display: inline-block;width:10px;padding: 10px 0;margin: 0 10px;cursor: pointer;}
.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding: 5px 0;cursor: pointer;background-color: #e4e4e4;-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
.silder-ctrl-con.active>span{background-color: #FFF;}

@media (max-width: 768px){
.silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px;}
.silder-ctrl-con{width: 14px;height: 14px;padding: 0;margin: 0 5px;}
.silder-ctrl-con>span{display: block; width: 100%;height: 100%;border-radius: 50%;padding: 0;}
}

/*产品中心*/


.protitle{ width:1100px; margin:0 auto 20px; text-align:center; border-bottom:1px dashed #c1c1c1; font-size:14px; color:#757575; padding-bottom:10px}
.protitle img{ display:block; margin:0 auto}
.inPRO{ width:1100px; margin:10px auto; overflow:hidden;}
.LeftBox{ width:260px; float:left; margin-bottom:40px; overflow:hidden; position:relative;}
.LeftBox .LeftList{ width:260px; margin:0 auto;}
.LeftBox .LeftList  li {  overflow:hidden; line-height:52px; }
.LeftBox .LeftList  li a{ color:#FFF; display:block;  border-bottom:5px solid #FFF; font-size:16px;background:#212121; text-align:center}
.LeftBox .LeftList  li a:hover,.LeftBox .LeftList  li a.cur{ color:#da242a; border-bottom:5px solid #da242a}
.LeftBox .contact{ text-align:center; padding:0 0}




.inPRO .RightBOx{ width:820px; float:right; overflow:hidden;}
.inPRO .RightBOx li{ float:left; width:273px; overflow:hidden; margin-bottom:10px; }
.inPRO .RightBOx li a{ display: block; width:250px; background:#FFF;}
.inPRO .RightBOx li a:hover{color:#c13422;}
.inPRO .RightBOx li .pic{width:250px; height:250px; margin:0 auto; border:1px solid #e7e7e7;  position:relative; text-align:center;}
.inPRO .RightBOx li .pic img{ max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto}
.inPRO .RightBOx li .txt{ width:250px; line-height:30px; margin:0 auto; font-size:16px;  height:30px; text-align:center; }




.picList{ width:1100px;  margin:0 auto ; overflow:hidden;}
.picList li{ width:275px; float:left; margin-bottom:15px;}
.picList li .img{ width:250px; height:250px; margin:0 auto; border:2px solid #f6f6f6; border-bottom:0;}
.picList li .img img{ width:240px; height:240px; display:block; margin-left:5px; margin-top:5px;}
.picList li .txt{ width:250px; height:34px; line-height:34px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center; margin:0 auto; background:#f6f6f6; border:2px solid #f6f6f6; border-top:0;}
.picList li .txt a{ color:#323232; font-size:14px;}
.picList li .txt a:hover{color:#ff0000}
.dispaly{ display:none}



.in_pro{width:1100px; margin:0 auto; overflow:hidden; padding:30px 0 10px}
.pro_left{width:195px;  border:1px solid #f5f5f7; float:left; margin-bottom:15px;}
.pro_left .pro_left_top{width:270px;}
.pro_left .pro_left_nr{width:160px; overflow:hidden; margin:0 auto;padding:20px 0;}
.pro_left .pro_left_nr li{width:150px; height:40px; margin:0 auto 20px;}
.pro_left .pro_left_nr li a{display:block; padding-left:15px; text-align:left;line-height:40px; height:40px; overflow:hidden; font-size:16px; color:#000}
.pro_left .pro_left_nr li a:hover{color:#FFF; background:#c13422}
.pro_left .pro_left_nr li a.cur{color:#FFF; background:#c13422}



.in_pro .pro_right{width:770px; float:right; overflow:hidden; background:url(../Images/dbj.jpg) left top repeat;}
.in_pro .pro_R_nr{ width:770px; overflow:hidden;}
.in_pro .pro_R_nr li{ float:left; width:256px; overflow:hidden; margin-bottom:15px; }
.in_pro .pro_R_nr li .pic{width:230px; height:190px; margin:0 auto; border:#e8e8e8 1px solid; background:#FFF; text-align:center;}
.in_pro .pro_R_nr li .pic a{width:230px; height:190px; display:block; position:relative;}
.in_pro .pro_R_nr li .pic img{ max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto}
.in_pro .pro_R_nr li .txt{ width:230px; line-height:35px; margin:0 auto; background:#09173d; height:35px; text-align:center; }
.in_pro .pro_R_nr li .txt a{ display:block; font-size:13px; color:#FFF}
.in_pro .pro_R_nr li .txt a:hover{ color:#ff0000;}




.ConWrap{ width:auto; height:1000px; background:url(../images/bj.jpg) center center no-repeat; margin-top:10px; overflow:hidden}

.about{ margin:0 auto; width:540px; font-size:14px; color:#595959; line-height:30px; padding-right:30px; height:396px; padding-top:200px; background:url(../images/about.jpg) 40px 190px no-repeat; padding-left:530px;}
.about a{ display:block; width:140px; height:30px; background:url(../images/more.jpg) center center no-repeat; margin-top:25px}
.about a:hover{opacity:0.8}

/*案例*/
.PRO{ width:100%; margin:0 auto 50px;}
.PRO .protitle{ padding:50px 0 20px}
.Env_wrap{ width:1100px; margin:0 auto;}
.Env_wrap_nr{ width:1100px;  margin:0 auto;}
.Env_wrap_nr .hd{ position:relative;  }
.Env_wrap_nr .hd .prev,.Env_wrap_nr .hd .next{display: block; width:34px; height:50px; top:70px;  position: absolute; overflow: hidden; }
.Env_wrap_nr .prev{  background:url(../images/left.png) left center no-repeat; left:-50px;}
.Env_wrap_nr .next{ right:-50px; background:url(../images/right.png) left center no-repeat; }
.Env_wrap_nr .bd{  padding:0 0; overflow:hidden}
.Env_wrap_nr .scrollWrap{ margin-left:0; width:1100px; overflow:hidden; }
.Env_wrap_nr ul{ overflow:hidden; zoom:1;}
.Env_wrap_nr li{ width:265px; overflow:hidden; margin:0 5px; float:left; }
.Env_wrap_nr li .pic{position:relative;  display:block;  border:1px solid #f6f6f6; margin:0 auto; border-bottom:0;  width:240px; height:177px;}
.Env_wrap_nr li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; left:0; top:0; bottom:0; right:0;}




/*新闻中心*/
.news_bt{ height:45px; font-size:18px; margin-bottom:15px; font-weight:bold; color:#212121; line-height:45px; position:relative;}

.news{width:1100px; margin:30px auto; overflow:hidden}

.news .news_R{width:320px; float:right; overflow:hidden;}

.news_R_nr{ margin-top:25px;}
.news_R_nr li{ height:36px; margin-bottom:5px; background:#eeeeee; border:1px solid #FFF; line-height:36px; padding-left:45px; position:relative; color:#777777; font-size:16px;}
.news_R_nr li img{ display:block; width:36px; height:36px; position:absolute; left:0; top:0;}

.news_C{ float:left; width:350px;}
.news_C ul{ overflow:hidden;}
.news_C ul li{ height:43px; width:350px; position:relative;  overflow:hidden; border-bottom:1px dashed #c1c0c0; line-height:43px; }
.news_C ul li .date{ position:absolute; right:0; top:0; color:#a5a5a5;  }
.news_C ul li a{ height:43px; font-size:14px;  overflow:hidden; display:block; color:#2e2e2e; margin-right:80px;}
.news_C ul li a:hover{ color:#ff0000}



.news .news_L{ width:350px; float:left; margin-right:40px;}
.news .news_L .news_bt{width:350px;  }
.news .news_L .news_L_nr{width:350px; margin:26px 0 0;   overflow:hidden; height:245px; overflow:hidden;}
.news .news_L .news_L_nr li{width:350px; text-align:left; border-bottom:1px dashed #c1c0c0; padding-bottom:15px; margin:0 auto 10px;}
.news .news_L .news_L_nr li .wen{ background:url(../Images/wen.png) left center  no-repeat; margin-bottom:5px; padding-left:30px; color:#1e1e1e; font-size:14px; font-weight:bold; line-height:26px; color:#000000}
.news .news_L .news_L_nr li .da{ background:url(../Images/da.png) left top  no-repeat; padding-left:30px; line-height:22px;}





/*内页样式*/



.right{width:820px;  float:right; overflow:hidden; padding-bottom:50px;}
.right .right-bt{ width:820px; height:35px; border-bottom:1px dashed #cccccc; position:relative; line-height:35px;}
.right .right-bt .nybtL{color:#da242a; display:inline-block;  height:34px; padding:0 15px; border-bottom:2px solid #da242a; font-weight:bold; font-size:16px; overflow:hidden}
.right .right-bt .nybtR{ position:absolute; right:0; top:0; text-align:right; height:35px; padding-right:10px; line-height:35px;  overflow:hidden; color:#737373}

.right .right-bt .nybtR a:nth-last-child(1){ color:#da242a}
.right .right-bt a{ color:#09255d}
.right .right-bt a:hover{ color:#da242a}

.ny-right-about{ width:820px;  overflow:hidden; padding:10px 0; font-size:14px; color:#474747}


.ny-right-news{ width:820px; margin:0 auto;  padding:10px 0 }
.ny-right-news li{ width:820px; height:32px; line-height:32px; position:relative; border-bottom:1px dashed #CCC; overflow:hidden}
.ny-right-news li a{background:url(../Images/o.png) left center no-repeat; padding-left:15px;}
.ny-right-news li span{ position:absolute; right:0; top:0; color:#737373;}
.ny-right-news ul{ margin-bottom:20px;}


.ny-right-news h1{ font-size:16px; width:820px; float:left; text-align:center}
.ny-right-news h6{ border-bottom:1px dashed #CCC; width:820px; font-weight:normal; height:32px; float:left; line-height:32px; text-align:center;color:#737373}
.ny-news-nr{ width:820px; float:left; padding-top:10px; margin-bottom:20px;}

/*荣誉*/
.ny-right-honor { width:820px; padding:20px 0; overflow:hidden}
.ny-right-honor li{ width:273px; margin-bottom:20px; line-height:32px; float:left}
.ny-right-honor li .pic{ width:240px; margin:0 auto; border:1px solid #CCC; position:relative}
.ny-right-honor li .pic a{ position:relative; display:block; width:240px; height:177px;}
.ny-right-honor li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0  }

.ny-right-honor li .txt{ width:180px;  margin:0 auto; height:24px; overflow:hidden; line-height:24px; text-align:center}
.ny-right-honor li .txt a{ color:#919191;}
.ny-right-honor li .txt a:hover{ color:#ff0000}


/*内页****产品****样式*****/
.ny-right-pro{ width:820px; padding:20px 0; overflow:hidden}

.ny-right-pro li{ width:273px; margin-bottom:20px; line-height:32px; float:left;}
.ny-right-pro li .pic{ width:240px; margin:0 auto; border:1px solid #CCC; position:relative}
.ny-right-pro li .pic a{ position:relative; display:block; width:240px; height:240px;}
.ny-right-pro li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0  }
.ny-right-pro li .txt{ width:180px; margin:0 auto; overflow:hidden; height:24px; line-height:24px; text-align:center}
.ny-right-pro li .txt a{ color:#919191;}
.ny-right-pro li .txt a:hover{color:#ff0000}

.jqzoom{ width:820px;  margin:10px auto; text-align:center;}
.jqzoom img{ border:1px solid #CCC; max-width:450px;}
.ny-right-about h1{ width:820px; height:32px; font-size:16px; line-height:32px; text-align:center}

.jqzoom_A{ width:820px;  margin:10px auto; text-align:center;}
.jqzoom_A img{ border:1px solid #CCC; max-width:550px;}
/*========================插件===========================*/
#preview{float:left;  margin-top:10px; display:inline; width:250px;}

.pro-top{ width:770px; margin:0 auto; height:390px;}
.pro-top-r{ float:right;  width:440px; height:240px}
.pro-top-r h1{ font-size:14px; color:#F00; margin-top:10px;}

/*jqzoom*/
.list-h li{float:left;}
#spec-n5{width:300px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{width:272px !important;   float:left; height:62px; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{float:left; margin-right:0px; display:inline; width:62px;height:62px;}
#spec-list ul li img{padding:2px ; border:1px solid #ccc; width:50px; height:50px;}


.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:207px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:500px;height:500px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
/*===========================================插件END======================================================*/



.proproperty{ font-size:16px; font-weight:bold; color:#373737; margin-top:20px; width:820px; border-bottom:1px solid #e2e2e2;  height:30px;}
.proproperty li {float:left;  height:30px; background-image:url(../Images/t2.jpg); cursor:pointer; margin-right:5px; font-size:12px; font-weight:100; text-align:center; float:left; line-height:30px; color:#FFF; width:75px; }
.proproperty li.cur{ background-image:url(../Images/t1.jpg); }

.procontent{ width:820px; float:right; padding:10px 0;}

.dispaly{ display:none}


.pageleft{ float:left}
.pageright{ float:right}



.linksWrap{width:100%; padding:15px 0; overflow:hidden; border-bottom:1px solid rgba(218,36,42,0.4); line-height:32px; font-size:16px}
.linksWrap .links{ width:1100px; margin:0 auto; color:#f1f1f1; position:relative;   line-height:32px; overflow:hidden}
.linksWrap .links a{color:#f1f1f1; font-size:14px; margin-right:10px;}
.linksWrap .links a:hover{ text-decoration:underline; color:#da242a}

/*footer*/

.footerWrap{width:100%; background:url(../images/footbj.png) center center repeat; overflow:hidden;  font-size:14px; color:#c6c6c6;}
.footerWrap .footer{ width:1100px; margin:0 auto;  line-height:32px; padding:30px 0; position:relative; overflow:hidden}
.footerWrap .footer .text{ position:absolute; left:230px; top:30px}
.footerWrap .footer .ewm{ position:absolute; right:0; top:25px;}

.copy{line-height:45px; background:#000000; color:#767676; font-size:14px;}
.copy .copytext{ position:relative; width:1100px; margin:0 auto;}
.copy .copytext i{ position:absolute; right:0; top:0}

/*翻页*/
.pageNavi{text-align:center; margin-top:20px; margin-bottom:20px;}
.wp-pagenavi {CLEAR: both;}
.wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}