﻿@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:#89211b; }
/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
textarea,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;}


/*网站头部*/
.top-T_Wrap{  -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;background:#FFF; width:auto; height:220px;  position:fixed; left:0; right:0; top:0; z-index:50; -moz-box-shadow:0 0 10px rgba(128,128,128,0.2); -webkit-box-shadow:0 0 10px rgba(128,128,128,0.2); box-shadow:0 0 10px rgba(128,128,128,0.2);}
	
.headtopWrap{ height:40px; line-height:40px; background:#f5f5f5}
.headtopWrap .headtop{ position:relative; width:1200px; font-size:14px; margin:0 auto; color:#808080}
.headtopWrap .headtop .right{color:#4c4c4c; position:absolute; right:0; top:0}
.headtopWrap .headtop .right span{  color:#89211b; font-weight:bold; font-size:16px; }
.headtopWrap .headtop .right img{ margin-top:-3px; margin-right:5px}

.top-T{  -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;width:1200px; background:url(../images/logo.png) center center no-repeat;  background-size:684px; margin:0 auto; height:120px; position:relative;}
.top-T .tel{ position:absolute; right:0; top:0; bottom:0; margin:auto; height:30px; line-height:30px;  font-size:16px; color:#545454;}
.top-T .tel a{ font-size:16px; color:#545454;}
/***********nav*******/
.nav{  -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out; height:40px; margin:0 auto; width:1300px; z-index:50;}
.nav li{ display:inline-block; text-align:center; position:relative}
.nav li > a{  -webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out; height:60px; line-height:60px; width:200px;  z-index:55; font-size:16px; color:#1a1a1a; display:block; position:relative}


.ProBoxWrap{ display:none; text-align:center; position:absolute; width:100%; background: rgba(0,0,0,0.5); z-index:9; top:60px;}
.ProBoxWrap .ProBox{margin:0 auto; padding:0 20px;  background:rgba(0,0,0,0.5)}
.ProBoxWrap .ProBox .T{  }
.ProBoxWrap .ProBox .T a{ display:block;  height:35px; line-height:35px; color:#fff; font-size:14px; position:relative;}
.ProBoxWrap .ProBox .T a:hover{ color:#FFF; font-weight:bold}
.nav li:hover .ProBoxWrap{ display:block}

.nav li > a:hover,.nav li > .cur,.nav li:hover > a{ color:#89211b;}

.ProBoxWrap .ProBox .T:nth-last-child(1) a{ border-bottom:0}

/*.nav li:hover:after,.nav > li > a.cur:after{ content:''; position:absolute; bottom:50%; width:40px; z-index:10; height:3px; background:#89211b; left:0; right:0; margin:0 auto -30px}
*/

/*
.HeadFixed{ height:80px;}
.HeadFixed .top-T{  background:url(../images/logo.jpg) left center no-repeat; height:80px; background-size:160px}
.HeadFixed .nav{ height:80px;}
.HeadFixed .nav li > a{  height:80px; line-height:80px}
.HeadFixed .ProBoxWrap{top:80px;}*/


/*********************************公共头部结束*******************************/

.js-silder{position: relative; height:600px; z-index:5}
.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%;background: url(../images/nyban.jpg) center center no-repeat}
.silder-main-img a{ display:block; height:100%}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{position:absolute; bottom:5px; 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; padding: 0; margin: 0 5px; cursor: pointer;}
.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden; padding:3px 30px;-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;  cursor: pointer;  background:#FFF}
.silder-ctrl-con.active>span{background-color: #89211b;}

@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;}
}


.Pro_top{ width:1216px; margin:40px auto 50px;}
.Pro_top .bd{ position:relative; width:1224px; }
.Pro_top .scrollWrap{overflow:hidden;  width:1224px; margin:0 auto;}
.Pro_top ul{ overflow:hidden; zoom:1; }
.Pro_top   .prev,
.Pro_top   .next{ display:none;  width:36px; height:36px; z-index:5; position:absolute; top:50%; margin-top:-20px;   overflow:hidden; cursor:pointer;}
.Pro_top   .prev{  background:url(../images/left.png) no-repeat; left:-70px;}
.Pro_top   .next{ background:url(../images/right.png) no-repeat; right:-70px;}



.public_bt{ height:238px; background:url(../images/probt.jpg) center center no-repeat; font-style:italic; font-size:16px; font-weight:bold; color:#89211b; text-align:center}
.public_bt strong{ font-size:36px; color:#1a1a1a; display:block; line-height:65px; font-style:normal; padding-top:40px;}
/*产品中心*/

.inProBox{ width:1200px; margin:60px auto 0; min-height:420px; position:relative;}
.inProBox .leftPro{ width:256px; padding-top:0}

.inProBox .leftPro .bt{ position:relative; font-size:16px; color:#808080; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.inProBox .leftPro .bt strong{ display:block; color:#1a1a1a; font-size:30px; margin-bottom:15px}
.inProBox .leftPro .bt:after{ content:''; position:absolute;  top:13px; height:1px; background:#000; width:50px; left:140px;}
.inProBox .leftPro ul{ overflow:hidden; padding-top:10px }
.inProBox .leftPro ul li{ width:220px; float:left; margin-top:12px}
.inProBox .leftPro ul li a{ display:block; line-height:36px; background:url(../images/yuan01.png) left center no-repeat; padding-left:35px; font-size:15px; color:#1a1a1a}
.inProBox .leftPro ul li a:hover{ background:url(../images/yuan.png) left center no-repeat; color:#FFF}



.centerPro{ position:absolute; width:415px; height:415px; display:block; z-index:1;  border:5px solid #e6e6e6; top:0; left:306px}
.centerPro img{ max-width:100%; max-height:100%; position:absolute; margin:auto; left:0; top:0; bottom:0; right:0; z-index:5; color:#000}

.RightPro{ background:#FFF; -moz-box-shadow:0 0 10px rgba(128,128,128,0.2); -webkit-box-shadow:0 0 10px rgba(128,128,128,0.2); box-shadow:-3px 3px 20px rgba(128,128,128,0.3); position:absolute; right:0; top:0; height:200px; width:440px; bottom:0; padding:30px 30px; margin:auto; display:block; z-index:5; font-size:14px; color:#4c4c4c; line-height:30px;}
.RightPro strong{ display:block; font-size:24px; color:#1a1a1a; margin-bottom:15px}
.RightPro img{ margin-top:10px; display:block}

.in_pro_list{ overflow:hidden; width:1216px; margin:0 auto; overflow:hidden;}
.in_pro_list li{ width:304px; overflow:hidden; position:relative; float:left; display:inline; padding: 0; }
.in_pro_list li a { display:block; width:270px;height:320px; margin:0 auto;  border:5px solid #e6e6e6; position:relative }
.in_pro_list li .pic {position:relative;  display:block; overflow:hidden; width:270px; margin:0 auto; height:270px;}
.in_pro_list li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; left:0; top:0; bottom:0; right:0; z-index:5; color:#000}
.in_pro_list li .text{  font-size:16px; text-align:center; overflow:hidden; line-height:20px;  color:#1a1a1a; position:relative;}


/***关于我们***/


.aboutWrap{  background:url(../images/nyban.jpg) center top no-repeat; margin-bottom:20px;}
.aboutWrap .about{ width:1200px; margin:0 auto; position: relative; padding-top:160px}
.aboutWrap .about .btEn{ position:relative; font-size:18px; color:#cacaca; text-transform: uppercase; padding-bottom:20px; margin-bottom: 20px; text-align: right; width: 170px;}
.aboutWrap .about .btEn:after{ content:''; position:absolute;  bottom:13px; height:1px; background:#cccccc; width:100%; left:0;}

.aboutWrap .about .bt{ margin-left: 80px; position:relative; font-size:16px; color:#808080; padding-bottom:20px;}
.aboutWrap .about .bt strong{ display:block; color:#1a1a1a; font-size:30px; margin-bottom:15px}
.aboutWrap .about .bt:after{ content:''; position:absolute;  bottom:0; height:3px; background:#0068b7; width:30px; left:0;}

.aboutWrap .about .abouttext{ position: absolute; right: 0; top: 180px; width: 520px;}
.aboutWrap .about .abouttext a{ padding-left: 80px; display:block; font-size:14px; color:#1a1a1a; line-height:30px; margin-top:20px;}

.aboutWrap .about .abouttext span{ background: #89211b; display:block; font-size:14px; color:#FFF; float: right; padding:5px 60px; margin-top:40px;}


.aboutWrap .about .aboutimg{ width:680px; height: 380px;padding-top 160px}
/*新闻中心*/

.news_bt{ width:1200px;  margin:0 auto; line-height:80px; position:relative}
.news_bt strong{ font-size:20px; color:#1a1a1a}
.news_bt .news_bt_right{ position:absolute; right:0; width:430px; top:0}
.news_bt .news_bt_right a{ position:absolute; right:0; top:0}
.news{width:1200px; margin:0 auto 50px; height:360px; overflow:hidden;}
.news_nav{ width:122px; float:left; margin-right:30px; height:360px; background:url(../images/newsl.jpg) center center no-repeat}
.news_nav p{ line-height:20px; width:61px; float:left; height:360px; position:relative}
.news_nav p a{ color:#333333; font-weight:bold; font-size:16px; position:relative; display:block; padding-top:150px; height:210px; z-index:10; text-align:center}
.news_nav p:after{ content:''; position:absolute; left:0; top:0; bottom:0; background:rgba(255,255,255,0.7);  z-index:4; height:360px; width:60px; margin:auto;}
.news_nav p.cur:after{ background:rgba(137,33,27,0.8); }
.news_nav p.cur a{ color:#FFF}
.news_nav p:nth-child(2):after{ left:1px;}


.news_L{ width:430px; float:right}
.news_L .news_L_nr{width:430px; float:right; height:360px; overflow:hidden}
.news_L .news_L_nr li{width:auto;margin-bottom:15px;  height:59px}
.news_L .news_L_nr li .wen{ background:url(../Images/jia03.png) 95% center  no-repeat #eeeeee; padding-left:20px; color:#1a1a1a; font-size:14px; display:block; line-height:59px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; position:relative; }
.news_L .news_L_nr li .wen span{ position:absolute; right:70px; top:0; color:#808080}

.news_L .news_L_nr li .wen:hover{ background:url(../Images/jia03.png) 95% center no-repeat  #89211b; color:#FFF; }
.news_L .news_L_nr li .wen:hover span{ color:#FFF}

.news_R{width:540px; float:left; height:360px;}

.news_R .text_top{ width:auto; position:relative; padding-bottom:15px; height:100px; overflow:hidden; border-bottom:1px dashed #cccccc}
.news_R .text_top a{ display:block; position:relative; color:#b2b2b2; font-size:13px;  padding-left:180px;}
.news_R .text_top a .text_img{ width:150px; height:100px; border:1px solid #e6e6e6; position:absolute; left:0; top:0}
.news_R .text_top a .text_img img{ max-width:150px; max-height:100px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto}
.news_R .text_top a .text_title strong{ display:block; line-height:20px; margin-bottom:10px; font-size:15px; color:#1a1a1a}
.news_R .text_top a .text_title p{color:#4c4c4c; height:20px; line-height:20px; overflow:hidden }
.news .newBottom{ overflow:hidden;}
.news .newBottom li{ border-bottom:1px dashed #cccccc}
.news .newBottom li a{ display:block; background:url(../images/yuan.jpg) left center no-repeat; padding-left:15px; font-size:14px; position:relative; line-height:47px;}
.news .newBottom li a .data{position:absolute; right:0; top:0; color:#808080;}
.news .newBottom li a strong{ color:#333333; font-weight:normal;  overflow:hidden;}




/*内页样式*/

.right-bt{ width:1200px; margin:0 auto; height:55px; border-bottom:1px dashed #cccccc; position:relative; line-height:55px;}
.right-bt .nybtL{color:#89211b; display:inline-block;  height:55px; padding:0 5px; border-bottom:2px solid #89211b; font-weight:bold; font-size:20px; overflow:hidden}
.right-bt .nybtR{ position:absolute; right:0; top:0; overflow:hidden; color:#737373}

.right-bt .nybtR a:nth-last-child(1){ color:#89211b}
.right-bt a{ color:#808080}
.right-bt a:hover{ color:#89211b}

.ny-right-about{ width:1200px;  overflow:hidden; margin:0 auto; min-height:300px; padding:20px 0; font-size:14px; color:#474747}


.ny-right-news{ width:1200px; margin:0 auto;  padding:10px 0 }
.ny-right-news li{ width:1200px; height:46px; line-height:46px; position:relative; border-bottom:1px dashed #CCC; overflow:hidden}
.ny-right-news li a{background:url(../Images/jt.jpg) left center no-repeat; font-size:16px; padding-left:15px;}
.ny-right-news li span{ position:absolute; right:0; top:0; font-size:16px;color:#737373;}
.ny-right-news ul{ margin-bottom:20px;}


.ny-right-news h1{ font-size:16px; width:1200px; float:left; text-align:center}
.ny-right-news h6{ border-bottom:1px dashed #CCC; width:1200px; font-weight:normal; height:32px; float:left; line-height:32px; text-align:center;color:#737373}
.ny-news-nr{ width:1200px; overflow:hidden; padding-top:10px; font-size:14px; margin-bottom:20px;}

/*荣誉*/
.ny-right-honor{ width:1200px; margin:0 auto; padding:20px 0; overflow:hidden}
.ny-right-honor li{ width:300px; float:left; overflow:hidden;  margin-bottom:15px; position:relative;}
.ny-right-honor li a{ font-size:14px; width:280px; color:#808080;  display:block;  margin:0 auto}
.ny-right-honor li .pic{ width:280px; overflow:hidden; height:280px; border:1px solid #ededed; margin:0 auto; position:relative}
.ny-right-honor li .pic img{ max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; height:500px;margin:auto; position:absolute;}
.ny-right-honor li .txt{ text-align:center; overflow:hidden; height:40px; line-height:40px}
.ny-right-honor li a:hover{ color:#89211b}

/*内页****产品****样式*****/
.ny-right-pro{ width:1200px; margin:0 auto; padding:20px 0; overflow:hidden}
.ny-right-pro li{ width:300px; float:left; overflow:hidden;  margin-bottom:15px; position:relative;}
.ny-right-pro li a{ font-size:16px; width:280px; color:#808080;  display:block;  margin:0 auto}
.ny-right-pro li .pic{ width:280px; height:254px;  overflow:hidden; border:1px solid #ededed; margin:0 auto; position:relative}
.ny-right-pro li .pic img{ max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute;}
.ny-right-pro li .txt{ text-align:center; overflow:hidden; height:40px; line-height:40px}
.ny-right-pro li a:hover{ color:#89211b}



.ny-right-hz{ width:1200px; margin:0 auto; padding:20px 0; overflow:hidden}
.ny-right-hz li{ width:240px; float:left; overflow:hidden;  margin-bottom:15px; position:relative;}
.ny-right-hz li a{ font-size:14px; width:220px; color:#808080;  display:block;  margin:0 auto}
.ny-right-hz li .pic{ width:220px; overflow:hidden; height:120px; border:1px solid #ededed; margin:0 auto; position:relative}
.ny-right-hz li .pic img{ max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute;}
.ny-right-hz li .txt{ text-align:center; overflow:hidden; height:40px; line-height:40px}
.ny-right-hz li a:hover{ color:#89211b}
/* .jqzoom{ width:1200px;  margin:10px auto; overflow:hidden;} */

.jqzoom_A{ width:800px;  margin:10px auto; text-align:center;}
.jqzoom_A img{ border:1px solid #CCC; max-width:550px;}
.jqzoom_A h1{ font-size:20px; line-height:55px; display:block; font-weight:normal;}


.proproperty{ font-size:16px; margin-top:20px; width:1200px; border-bottom:1px solid #e2e2e2;  height:40px;}
.proproperty li { height:30px;  cursor:pointer;font-size:16px;  line-height:40px; color:#333333; display:inline-block; margin-right:30px; }
.proproperty li.cur{ color:#89211b}

.procontent{ width:1200px; float:right; padding:10px 0;}
.dispaly{ display:none}
.pageleft{ float:left}
.pageright{ float:right}

.linkWrap{ background:#f5f5f5}
.linkWrap .link{ width:1080px; margin:0 auto 0; line-height:100px; background:url(../images/link.png) left center no-repeat; position:relative; overflow:hidden; padding-left:120px;}
.linkWrap .link a{color:#b2b2b2; font-size:14px; margin-left:10px;}
.linkWrap .link a:hover{ text-decoration:underline; color:#89211b;}


/*footer*/
.footWrap{ background:url(../images/footbj.jpg) center center no-repeat; position:relative;  overflow:hidden;}

.footWrap .tel{ position:absolute; right:0; top:0; bottom:0; margin:auto; height:45px;}

.footWrap .foot{ width:1200px; margin:0 auto; background:url(../images/logo02.png) left center no-repeat; height:260px;  position:relative; overflow:hidden}

.footWrap .foot .foottext{overflow:hidden; padding-left:340px; color:#ffffff; padding-top:60px; line-height:36px;}
.footWrap .foot .foottext p { font-size:14px}


.footWrap .foot .foottext strong{ font-size:16px;}
.footWrap .foot .foottext img{ margin-top: -3px; margin-right: 5px}
.footWrap .foot .ewm{ position:absolute; right:0;  bottom:0; top:0; margin:auto; height:128px; width:163px}

.copyWrap{ height:40px; background:#000000;}
.copy{ width:1200px; font-size:14px;  line-height:40px; position:relative; margin:0 auto; color:#808080}
.copy span{ display:block}
.copy a{font-size:14px; color:#808080}
.copy a:hover{ color:#FFF}
.copy .copyRight{ 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}



/*===========================================插件END======================================================*/

#product_view {width:700px; margin:auto; overflow:hidden;}
#product_view h1 { font-size:18px; text-align: left; line-height:26px;}
#product_view h2 { font-size:14px; height:30px; line-height:30px}
#product_view div.content { line-height:180%; padding-bottom:15px}
#product_view p.pImg {text-align:center; padding-bottom:15px}


.list{ padding:0 10px 0 0;}
.list img{ cursor:pointer; padding:1px; border:1px solid #cdcdcd; margin-right:10px; display:block; float:left; width:60px; height:60px; margin-bottom:10px;}
.list img.onzoom, .list img.on{padding:0px; border:2px solid #89211b;}

.container{ position:relative;}

.izImage{ border:1px solid #cdcdcd; max-width:450px; max-height:450px; cursor:pointer}
.izViewer{width:0;height:0;position:absolute;left:390px;top:0;display:none; border:1px solid #999;}
#idList{ display:none}
.handle{display:none;opacity:0.6;filter:alpha(opacity=60);background:#E6EAF3; cursor:crosshair;}


.right_text{ width:450px; font-size:16px;float:right;}
.right_text h1{ line-height:26px; font-size:28px; font-weight:normal}

.right_text .text{ line-height:34px; margin-top:10px;}
.right_text .text span{ font-size:22px; color:#89211b;}
.right_text .text  .janj{ line-height:30px; color:#4c4c4c; font-size:16px; margin-top:15px; padding-top:15px; border-top:1px solid #e2e2e2}



/*漂浮*/
.float-contact-mini {
	position: absolute;
	right: 1px;
	top: 30%;
	 z-index:100
}
.float-contact-mini a {
	background: url("../images/sprites.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF !important;
	display: block;
	height: 65px;
	line-height: 110%;
	padding: 46px 5px 0;
	text-align: center;
	text-decoration: none !important;
	width: 18px;
}
.float-contact {
	display: none;
	position: absolute;
	right: 1px;
	top:28%;
	width: 190px;
}
.float-contact .close {
	background: url("../images/sprites.png") no-repeat scroll -29px 0 transparent;
	color: #FFFFFF !important;
	display: block;
	height: 31px;

	line-height: 31px;
	padding-left: 22px;

}
.float-contact .container {
	background:#FFFFFF;
	border-color: #E3E3E3;
	 padding:10px 5px

}
.float-contact .container {
	border-style: solid;

}
.float-contact .qq {
	
}
.float-contact .qqtitle {

}
.float-contact .qq .btn {
	
}
.float-contact .qq .btn li {
line-height:30px;
}

/*.float-contact .qq .btn li a{ border:1px solid #e6e6e6; margin:10px auto 0; display:block}*/

.float-contact .myqqlink {
	background: url("../images/qqpf.png") repeat-x left center;
	color: #FFFFFF ; font-size:16px;
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
}



/*QQ咨询*/
.QQadv{ position:fixed; right:60px; top:40%; margin:auto; z-index:500;}
.QQadv li {width:auto; margin-bottom:2px;  position:relative;
 line-height:60px;  height:60px; }
.QQadv li .Title{-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out; overflow:hidden; width:60px; height:60px; cursor:pointer; position:relative; z-index:10}
.QQadv li .nr{
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out; white-space:nowrap;  height:60px; position:absolute; right:-0px; opacity:0; top:0; z-index:5}

.QQadv li .Title:hover{ }
.QQadv li .Title:hover + .nr{color:#FFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; display:block; padding:0 20px; opacity:1; right:60px;  background:rgba(137,33,27,1)}


.QQadv li.A .Title{ background:url(../images/p01.png) center center no-repeat rgba(137,33,27,0.5); }
.QQadv li.A .Title:hover{ background:url(../images/p01.png) center center no-repeat rgba(137,33,27,1); }


.QQadv li.B .Title{ background:url(../images/p02.png) center center no-repeat rgba(137,33,27,0.5); }
.QQadv li.B .Title:hover{ background:url(../images/p02.png) center center no-repeat rgba(137,33,27,1); }

/*
.QQadv li.C .Title{ background:url(../images/p03.png) center center no-repeat rgba(0,160,233,0.5); }
.QQadv li.C .Title:hover{ background:url(../images/p03.png) center center no-repeat rgba(0,160,233,1); }


.QQadv li.D .Title{ background:url(../images/p04.png) center center no-repeat rgba(0,160,233,0.5); }
.QQadv li.D .Title:hover{ background:url(../images/p04.png) center center no-repeat rgba(0,160,233,1); }
*/



.QQadv li.E .Title{ background:url(../images/p03.png) center center no-repeat rgba(137,33,27,0.5); }
.QQadv li.E .Title:hover{ background:url(../images/p03.png) center center no-repeat rgba(137,33,27,1); }
.QQadv li.E .Title:hover + .nr{display:block; padding:0 20px; opacity:1; right:55px; background:none; top:-30px;}

.QQadv li.F .Title{ background:url(../images/p04.png) center center no-repeat rgba(137,33,27,0.5);}
.QQadv li.F .Title:hover { background:url(../images/p04.png) center center no-repeat rgba(137,33,27,1); }

