﻿html {

}
body {

	margin: 0 auto;
	font:normal normal normal 12px/18px "微软雅黑";
}

a:link{color:#333333;text-decoration:none;}

a:visited{color:#333333; text-decoration:none;}
a:hover{color:#009de9; text-decoration:none;}

.blank10{ height:10px; line-height:10px; font-size:1px;}




img{ border:none;}

/*头部样式*/
ul, li, dt, dd, dl { list-style: none; padding: 0; margin: 0; }
/*头部*/
#header{ width:100%; margin:auto; background:url(../images/fx_04.jpg) 0 30px repeat-x; height:130px; position:relative; z-index:100;}
#header .topBar{ background-color:#5e6166; }
#header .topBar .topBarArea{ width:1000px; margin:auto; text-align:right;padding:0; position:relative; z-index:1005;}
#header .topBar .topBarArea a.left{ display:inline-block; width:78px; line-height:30px; text-align:center; height:30px; color:#aeb0b2; border-left: 1px solid #6e7177; margin:0;}
#header .topBar .topBarArea a.end{display:inline-block; width:78px; line-height:30px; text-align:center; height:30px; color:#aeb0b2; border-left: 1px solid #6e7177;border-right: 1px solid #6e7177; margin:0;}
#header .topBar .topBarArea a:hover{ color:#fff;}

#header .logoAndMenu{ width:1000px; margin:auto;}


/*主导航区域*/
/*menu*/
.mainMenu{ margin-left:110px;}
.box{ height:100px; margin-left:50px; position:relative; z-index:100;}
.menu{ width:133px; height:100px; margin-left:-25px; float:left; position:relative; font-family:"微软雅黑";}
.menu:hover{line-height:100px; height:100px; width:133px;  display:inline-block; background:url(../images/fx_05.jpg) 0 0 no-repeat;}
.menu p{ line-height:100px; color:#5e6166; text-align:center; cursor:pointer;  margin:0;}
.menu p a{  font-size:16px; color:#7f7f7f; display:block; width:133px; height:100px;}
.menu p a.baojia{  font-size:16px;  color:#0099FF; font-weight:bold; display:block; width:133px; height:100px;}
.menu:hover  p a{  font-size:16px; color:#fff; }
.menu:hover  p a.baojia{ color:#FF0;}
.menu p a:hover{ color:#FFF;}

.menu ul{ display:none;}
.menu ul li{ width:110px; height:34px; background:url(../images/subBg.png) 0 0 no-repeat; font:normal 14px/34px "微软雅黑"; text-align:center; position:absolute;}
.menu ul li a:visited,.menu ul li a:link{ color:#fff;}
.menu ul li.li_hover{ }

.menu ul li a:hover{ color:#ff0; text-decoration:none; display:block;}


#header .ewmbutton{ cursor:pointer;  display:block;}
#header .erweima{ position:absolute; top:35px; right:0px;  width:430px; text-align:center; background:#fff; padding:10px 0;background:#fff; background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF, endColorstr=#3FFFFFFF);background-color:rgba(255,255,255,0.6);
	
	
	-webkit-box-shadow: 1px 1px 5px;  
  	-moz-box-shadow: 1px 1px 5px;  
  	box-shadow: 1px 1px 5px;

	}
#header .erweima .arrow{ position:absolute; right:190px; top:-7px;}
#header .erweima ul li{ padding-bottom:10px; float:left; margin:0 15px; border:none;}




 
#header  .yyArea{ background:url(../images/yy.png) 0 0 repeat-x; height:9px; position:absolute; top:130px; width:100%;}

/*幻灯片区域*/
.showOut{ width:100%; margin:0 auto; height:250px; overflow:hidden; border-bottom:5px solid #e0e0e0; background:#fff;}

/*内部banner*/
.innerBanner{ width:100%; position:relative; height:250px;}
.innerBanner .innerBannerBox{ width:1920px; position:absolute; left:50%; margin-left:-960px; cursor:default;}
.innerBanner .innerBannerBox a{poorfish:expression(this.onclick=function kill(){return false})}


.companyInfo{ width:1000px; margin:auto;  position:relative;}
.companyInfo .aboutArea{ width:500px;  position:absolute;  z-index:10000; height:216px; bottom:35px; left:0; overflow:hidden;}
.companyInfo .titleFrame{ background:#0084c0; line-height:45px; font-size:16px; width:90px; text-align:center; color:#ffffff;}
.companyInfo .contentFrame{ font-size:16px; padding:0 10px;line-height:45px; color:#8d8d8d; width:386px; text-overflow:ellipsis;word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */}
.companyInfo .newsArea{ width:500px; position:absolute; bottom:35px; right:0;  z-index:10001; height:216px; overflow:hidden;}

.companyInfo .aboutArea .aboutJian{ position:absolute; z-index:100; background:#fff; bottom:0;left:0; width:500px; cursor:default; }
.companyInfo .newsArea .newsJian{ position:absolute; z-index:100; background:#fff; bottom:0; right:0; width:500px;  cursor:default;}
.companyInfo .aboutArea .aboutJian a,.companyInfo .newsArea .newsJian .titleFrame a{ color:#fff;}
.companyInfo .aboutArea .aboutContent{ position:absolute; background:#fff; bottom:-171px;height:171px; width:500px; z-index:50; background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#DDFFFFFF);background-color:rgba(255,255,255,0.8);  }
.companyInfo .newsArea .newsContent{ position:absolute; background:#fff; z-index:50; bottom:-171px;  width:500px; height:171px;background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#DDFFFFFF);background-color:rgba(255,255,255,0.8);}


.companyInfo .showOut2{ width:236px; margin:7px; margin-right:0;}
.companyInfo .aboutTextArea{ width:240px; margin:7px; margin-left:0; line-height:24px;}
.companyInfo .newTextArea{ width:240px; margin:7px; margin-left:0;}
.companyInfo .newTextArea ul{  margin:0;}
.companyInfo .newTextArea ul li h3{ line-height:30px; margin:0; padding:0;  text-overflow:ellipsis;word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */}
.companyInfo .newTextArea ul li span{ display:block; height:44px; overflow:hidden;}
.companyInfo .newTextArea ul li{ line-height:22px; margin-bottom:10px;}

/*首页内容*/


.mainBox1{ width:1150px; margin:0 auto 15px;}
.mainBox1 .newsBox{ width:770px;}
.mainBox1 .titleFrame{ background:url(../images/suntaskHome_26.jpg) 0 8px repeat-x; height:38px; }
.mainBox1 .titleFrame .titleFrameIn{ background:url(../images/suntaskHome_23.jpg) 0 0 no-repeat; height:38px; color:#fff; font-size:16px; line-height:38px; padding-left:10px;}
.mainBox1 .titleFrame .titleFrameIn span{ padding-right:10px; font-family:Arial, Helvetica, sans-serif; line-height:42px;}
.mainBox1 .newsBox .leftFloat{ width:440px;}
.mainBox1 .newsBox .leftFloat ul{ padding-left:5px; padding-top:5px;}
.mainBox1 .newsBox .leftFloat ul li{ height:41px; line-height:42px; border-bottom:1px dashed #999999; font-size:14px; background:url(../images/newsicon1.jpg) 5px center no-repeat; padding-left:22px;}
.mainBox1 .newsBox .leftFloat ul li span{ color:#6a6a6a;}
.mainBox1 .newsBox .picBox{ width:314px; }

.mainBox1 .newsBox .showOut{ width:314px; height:226px; overflow:hidden; border:none; margin-bottom:10px;}
.mainBox1 .newsBox .showOut img{ width:315px;}
.mainBox1 .newsBox .ad img{ padding:1px; border:1px solid #dadada;}
#kinMaxShow2 p.title{ position:absolute; width:314px; left:0; bottom:0; text-align:left; text-indent:10px; line-height:35px;font-family:Verdana; color:#FFF; display:block;width:100%; height:35px; font-size:14px; font-family:"微软雅黑";filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.5);}

.mainBox1 .dashijiBox{ width:356px; padding-top:15px;}
.mainBox1 .dashijiBox .yearBox{ width:45px; background:url(../images/fzlc_02.jpg) right 0 repeat-y;}
.mainBox1 .dashijiBox .yearBox .topBox{ background:url(../images/fzlc_01.jpg) right 0 no-repeat; width:44px; height:13px;}
.mainBox1 .dashijiBox .yearBox .middleBox{ height:338px; overflow:hidden;}

.mainBox1 .dashijiBox .yearBox .middleBox li:hover{background:url(../images/fzlc_03on.jpg) right center no-repeat; font-size:14px;}
.mainBox1 .dashijiBox .yearBox .middleBox li:hover a{ color:#1c57a4;}
.mainBox1 .dashijiBox .yearBox .bottomBox{ background:url(../images/fzlc_04.jpg) right 0 no-repeat; width:44px; height:13px;}
.mainBox1 .dashijiBox .commentBox{ width:305px;  overflow:hidden;}


.mainBox2{  background:url(../images/st_35.jpg) 0 0 repeat-x; }






/*内页左侧*/
#trigger{ display:none;}



/*首页主体区域*/
.outFrame{  }
.homeArea{ width:1000px; margin:auto; padding-top:20px; overflow:hidden;}
.homeArea ul li{ width:310px; text-align:justify; padding-top:10px;}
.homeArea ul li h2{ text-align:center;}
.homeArea ul li.leftFloat{ margin-right:32px;}
.homeArea ul li.rightFloat{ margin-right:6px;}
.homeArea ul li .desArea{ width:300px; margin:20px auto 0; line-height:22px; color:#333;}
.homeArea ul li .picArea{-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border: 1px solid rgba(0,0,0,0.25);}
.homeArea ul li.leftArea .picArea{ background:url(../images/index_09.jpg) center center no-repeat; width:310px; height:147px; }
.homeArea ul li.middleArea .picArea{ background:url(../images/index_11.jpg) center center no-repeat; width:310px; height:147px; }

.homeArea ul li.rightArea .picArea{ background:url(../images/index_13.jpg) center center no-repeat; width:310px; height:147px; }
.homeArea ul li.allClear{clear:both; height:0; line-height:0; margin:0; font-size:0; padding:0;}

.homeArea .titleFrame{ font-size:16px; text-align:left; color:#333333; background:url(../images/index_23.jpg) repeat-x; margin-bottom:10px; padding:0; padding-bottom:5px; width:100%; height:47px;}
.homeArea .titleFrame .middleArea{ width:980px; line-height:55px; text-align:left;}
.homeArea .titleFrame .rightArea{ width:8px;}
.homeArea .productsArea{ width:980px; margin:auto;}
.homeArea .productsArea ul li{ padding:0px; margin-right:15px; display:block; width:190px; margin-bottom:50px; line-height:30px; text-align:center;}
.homeArea .productsArea ul li img{ width:190px; height:190px; padding:1px; border:1px solid #dedede;}


/*展会信息*/
.zhArea{ width:1000px; margin:auto; padding:0;}
.zhanhuixinxi{margin:0px auto 0px;  text-align:center;background:url(../images/zhBg.jpg) center bottom no-repeat; padding-top:20px; padding-bottom:15px; text-align:center; }
.zhanhuixinxi span{ vertical-align:middle; height:40px; text-align:center; display:block;}
.zhanhuixinxi img{max-height:40px;vertical-align:middle; margin-right:10px;}
.zhanhuixinxi span a{ font-size:18px; }



.downButton{ width:100%; background:#f4f4f4;}
.downButton ul{ display:block; width:1000px; margin:auto; padding:20px 0; overflow:hidden;}
.downButton ul li{ float:left; margin-right:25px;}
.downButton ul li.end{ margin-right:0;}

/*底部样式*/
/*底部*/
footer{width:100%; margin:0 auto; clear: both; padding:5px 0; background: #e6e6e6; margin-top:15px;}

.foot-text{ text-align:left;color:#949494; width:1000px; margin:auto; margin-top:15px; padding:0px 0; line-height:28px;}

.foot-text a{color:#949494;}
.foot-text a:hover{color:#fff;}




/*内容页样式*/
.mainArea{  width:1000px; height:auto; margin:auto; margin-top:15px;}

/*内容也左侧区域*/
/*左侧联系方式*/
.contactBox{ background:#fff; text-align:left; padding:5px ; width:161px; margin:auto; line-height:25px; display:block; }
/*内页左侧*/
.leftArea{ padding:0; background:#f2f2f2; width:206px; position:relative; height:auto;}
.leftContent{ padding:0 1px; background:#fff;}
.leftContent .titleFrame{ background:url(../images/leftTitleBg.png) no-repeat; text-align:left; text-indent:20px; line-height:38px; height:38px; font-size:16px;  color:#fff; font-family:"微软雅黑";  width:209px;}
.leftContent .leftButton{ padding:10px 0px 6px; text-align:center; background:#f8f8f8;}
.leftContent ul{ margin:0; padding:0;}
.leftContent ul li{ line-height:30px;  text-align:left; text-indent:20px;}
.leftContent ul li.bigClassName{ background:url(../images/leftMenuBg.png) no-repeat; line-height:38px; text-indent:20px; width:209px; margin-top:1px;font-weight:bold;font-size:14px;font-family:"微软雅黑"; }
.leftContent ul li.bigClassName a:link{ color:#302f2f; text-decoration:none;}
.leftContent ul li.bigClassName a:visited{ color:#302f2f; text-decoration:none;}
.leftContent ul li.bigClassName a:hover{ color:#277fc2; text-decoration:none;}



/*主要样式*/
.subNav{cursor:pointer;font-weight:bold;font-size:14px;color:#302f2f;line-height:48px; background:url(../images/zidhx.jpg) no-repeat bottom right; }
.subNav:hover{color:#277fc2;}
.currentDd{color:#302f2f}
.currentDt{}
.navContent{display: none; margin-bottom:15px;}
.navContent li a{display:block; padding-left:15px; background:url(../images/neiye_10.jpg) 0 0 no-repeat; width:190px; heighr:33px;text-align:left;font-size:14px;line-height:33px;color:#333}
.navContent li a:hover{color:#fff; background-image:none; background-color:#277fc2;}

.subArea{ width:209px; position:absolute;}
.subNav{ background:url(../images/leftMenuBg.png) no-repeat; line-height:38px; margin-top:1px; width:209px; text-indent:20px;}




.mainArea .contentArea{ overflow:hidden; width:770px; padding:15px 0; padding-left:8px; min-height:500px; }
.mainArea .contentArea .titleArea{ width:770px; margin:0 auto 15px; background:url(../images/titleBg.jpg) repeat-x 0 bottom; overflow:hidden;}
.mainArea .contentArea .titleArea .titleContent{ display:inline; line-height:25px; font-size:16px; border-bottom:3px solid #0180d1; padding:0 5px; font-weight:bold;}
.mainArea .contentArea .titleArea .navHeight{ line-height:25px;text-align:right; float:right;}

.mainArea .contentArea .textArea{ width:750px; overflow:hidden; margin:auto; clear:both;}
.mainArea h1{ font-size:16px; line-height:32px; font-weight:bold; padding:0; margin:0; text-align:center; background-color:#ebebeb; margin:10px 0;}
.mainArea .contentArea .textInfo{ line-height:30px; margin-bottom:15px; text-align:center; border-bottom:1px dashed #dedede;}
.mainArea .mainText{  text-align:left; margin-bottom:10px; font-size:14px; line-height:30px; color:#666 ;}
.mainArea .mainText center img{ max-width:650px;}
.mainArea .otherLink{ text-align:left; padding-top:10px;}
.mainArea .mainText td{ padding:10px;}
.mainArea .mainText .proLeft{ width:370px;}
.mainArea .mainText .proRight{ width:370px;}
.mainArea .mainText .proRight .pic_name li{ font-size:14px; padding:6px 0;}
.mainArea .mainText p{ margin:0; padding:0;}


#preview{ float:left; margin:10px auto;width:370px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; 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-left img{ margin-top:0px;}
#spec-right img{ margin-top:0px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ float:left; overflow:hidden; margin-left:2px; display:inline; }
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px; margin-top:0px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.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:326px; margin-right:2px;}

.pic_name h3{ width:300px; float:left;line-height:35px; color:#007e87; font-size:14px;}
.pic h3{ width:660px; float:left;background:#007e87; line-height:25px; color:#fff; font-size:14px; padding-left:20px; margin-top:10px;}


/*qie*/
.qie{clear:both}
.qiehuan{border-bottom:1px solid #333333;background-color:#DDDDDD; padding-left:20px;overflow:hidden;zoom:1; margin-top:20px;}
.qiehuan li{ float:left; width:105px; background-color:#DDDDDD; cursor:pointer; height:30px; line-height:30px; text-align:center;color:#333333; font-size:14px}
.qiehuan li.backs{ background-color:#005db3;color:#FFFFFF}
.qie_list{ clear:both; padding-left:20px;}
.qie_list p{text-indent:2em; line-height:24px}



/*企业介绍等内容页面*/
.mainArea .infoArea{ width:750px; overflow:hidden; margin:auto; clear:both; text-align:left;}
.mainArea .infoArea p{ text-indent:2em;}
.mainArea .infoArea center{ line-height:30px;}
.mainArea .infoArea table{ border:1px solid #ddd; border-bottom:none; border-right:none;}
.mainArea .infoArea table td{ border:1px solid #ddd; border-top:none; border-left:none;}

/*新闻列表*/
.mainArea .listArea{  width:750px; overflow:hidden; margin:auto;}
.mainArea .listArea ul li{ text-align:left; line-height:28px; border-bottom:1px dashed #ddd; font-size:14px; margin-bottom:15px; padding-bottom:5px;}
.mainArea .listArea ul li span{ line-height:35px;}
.mainArea .listArea ul li img{ width:200px; height:120px; padding:1px; border:1px solid #ebebeb; margin-right:15px;}
.mainArea .listArea ul li h2{ font-size:16px; margin:0; padding:5px 0;}

/*产品列表*/
.mainArea .productListArea{  width:750px; overflow:hidden; margin:auto;}
.mainArea .productListArea img{ width:200px; height:267px; padding:1px; border:1px solid #ddd;}
.mainArea .proTitle{ line-height:30px;}
.mainArea .productListArea .proDetail{ height:54px; line-height:18px; overflow:hidden; color:#666;}

/*产品内容*/
.mainArea .mainText table{ border:1px solid #ddd; border-bottom:none; border-right:none;}
.mainArea .mainText table td{  border:1px solid #ddd; border-top:none; border-left:none;}

.downloadButton{ text-align:right;}

/*留言板*/
.mainArea .guestArea{ width:702px; overflow:hidden; margin:auto; text-align:left;}
.mainArea .guestArea .tableborder{ border:1px solid #ddd; border-bottom:none; border-right:none;}
.mainArea .guestArea .tableborder td{border:1px solid #ddd; border-top:none; border-left:none;}
.mainArea .guestArea .tableborder td img{ margin-left:3px;}


/*报价系统*/
.typePic{ width:300px; padding:2px; border:1px solid #ebebeb; margin-bottom:15px;}
.typePic img{ width:300px;}
.selectArea{ width:650px;}
.selectArea .selects{ width:600px; display:block; font-size:16px; margin:15px 0; height:33px; float:right; position:relative; z-index:60;}
.selectArea #kezhong{ z-index:50;}
.selectArea #leixing{ z-index:40;}
.selectArea #gongyi{ z-index:30;}
.selectArea .selects select{ width:470px;}
.buttonBg{ width:120px; margin-right:7px; height:30px; display:block; line-height:30px; color:#fff; font-size:14px; text-align:center; cursor:pointer;
border:1px solid #dddddd; filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4693c7,endcolorstr=#196295,gradientType=0); 
-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4693c7,endcolorstr=#196295,gradientType=0);/*IE8*/ 
background:#4693c7; /* 一些不支持背景渐变的浏览器 */ 
background:-moz-linear-gradient(top, #4693c7, #196295); 
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4693c7), to(#196295)); font-size:14px; font-family:"Microsoft Yahei";
-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;	

	
	}
.buttonBg:hover{
	color:#000;
border:1px solid #dddddd; filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffd35c,endcolorstr=#e08840,gradientType=0); 
-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffd35c,endcolorstr=#e08840,gradientType=0);/*IE8*/ 
background:#ffd35c; /* 一些不支持背景渐变的浏览器 */ 
background:-moz-linear-gradient(top, #ffd35c, #e08840); 
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffd35c), to(#e08840)); font-size:14px; font-family:"Microsoft Yahei";

	
	}
	
.selectArea .priceArea{ background:#f2f2f2; line-height:30px; font-size:16px; padding:15px; text-align:center; margin-top:15px; margin-left:40px;}
.selectArea .priceArea .priceColor{ font-weight:bold; font-size:24px; color:#F00;}


#login{ 
padding:20px 30px 30px; width:300px; background:#f1f1f1; margin:auto;
border-radius: 3px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}

.current1{
-moz-transform: scale(0);     /* for Firefox 缩放比例 */  
-webkit-transform: scale(0);  /* for Chrome || Safari 缩放比例 */
-o-transform: scale(0);       /* for Opera            缩放比例 */
-ms-transform: scale(0);      /* for IE 缩放比例 */
transform: scale(0); 
-moz-transition: all 0.4s ease-in-out;  
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
/*
* CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。
* 这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值
*/
}

.current{
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

#login h3{ font-size:18px; line-height:25px; font-weight:300; letter-spacing:3px; margin-bottom:20px; color:#666666; text-align:center;}
#login .regBox{ padding-top:15px; text-align:right;}
#login label{ color:#999; display:block; height:35px; padding:0 10px; font-size:12px; line-height:35px;  background:#EBEBEB; margin-bottom:10px;position:relative;}
#login label input{  font:13px/20px "Microsoft YaHei"; background:none;  height:20px; border:none; margin:7px 0 0 10px;width:215px;outline:none ; letter-spacing:normal;  z-index:1; position:relative;  }
#login label  span{ display:block;  height:35px; color:#F30; width:100px; position:absolute; top:0; left:190px; text-align:right;padding:0 10px 0 0; z-index:0; display:none; }
#login button{ 
font-family:"Microsoft YaHei"; 
cursor:pointer;
width:300px;  
height:35px; 
background:#0180d1; border:none; font-size:14px; line-height:30px;  letter-spacing:3px; color:#FFF; position:relative; margin-top:10px;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
#login button:hover{ background:#105b8a; color:#fff;}

/*头像*/
.avator{
    display:block;
    margin:0 auto 20px;
    border-radius:50%;
}



/*分页样式2*/
.epages{ margin:auto; text-align:center; line-height:24px; height:35px; padding-top:10px;}
.epages b{color:#fff; background-color:#ff6e19; height:24px; border:1px solid #ff5500; padding:5px 10px;}
.epages a:link{ color:#0180d1; height:24px; border:1px solid #ececec; padding:5px 10px;}
.epages a:visited{ color:#0180d1; height:24px; border:1px solid #ececec; padding:5px 10px;}
.epages a:hover{color:#fff; background-color:#ff6e19; height:24px; border:1px solid #ff5500; padding:5px 10px;}
.epages input{margin-bottom:0px;border:1px solid #659B28;height:15px;font:bold 12px/15px Verdana;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#659B28;}

/*图片自动缩图*/
.photoresize {
	max-width:560px;
	myimg:expression(onload=function(){
	this.style.width=(this.offsetWidth > 560)?"560px":"auto"}
		   );
	}
	
	
/*左侧弹出菜单*/


.textMainArea{ width:1004px; margin:auto; color:#454545; line-height:24px; overflow:visible; padding-bottom:15px; padding-top:15px;}
/*单内容人才理念*/
.inLeftLinian{ width:379px;}
.inRightLinian{ width:600px; font-family:"微软雅黑"; line-height:30px;}
.inRightLinian b{ font-size:16px; line-height:45px;}
.inRightLinian h1{ width:100%; background:none; border-bottom:3px double #999; text-align:left; font-size:22px;}


/*活动展示列表*/
.mainArea .listPicArea ul{ padding:0 20px;}
.mainArea .listPicArea ul li.leftFloat{ margin-right:48px; margin-bottom:20px;}
.mainArea .listPicArea ul li .proLinkPic{ display:block; background:url(../images/huaao_26.jpg) no-repeat; width:210px; height:222px;   text-align:left; display:table-cell; vertical-align:middle; text-align:center;}
.mainArea .listPicArea ul li .proLinkPic img{ width:198px; margin-bottom:10px;}
.mainArea .listPicArea ul li .proLinkTitle{ padding:0; margin:0; line-height:20px; text-align:center;  display:block;}

.mainArea .honorList ul li{ }
.mainArea .honorList ul li .proLinkPic{ display:block; background:url(../images/huaao_26.jpg) no-repeat; width:210px; height:222px;   text-align:left; }
.mainArea .honorList ul li .proLinkPic{vertical-align:middle; display: table-cell;}
.mainArea .honorList ul li .proLinkPic img{padding:0 6px 10px; width:198px; height:auto; max-height:264px;}


/*报价系统联系方式*/
.contactArea{ width:1000px; margin:10px auto;}
.contactArea ul li{ width:160px; background:#f6f6f6; border:1px solid #e5e5e5; height:112px; margin-right:5px; margin-bottom:15px; float:left; cursor:pointer;}
.contactArea ul li span{ display:block;}
.contactArea ul li .titleFrame{ margin:10px; font-size:16px; line-height:24px; padding-left:4px; font-weight:bold; text-align:left;  color:#707070; border-bottom:1px solid #c4c4c4; padding-bottom:5px;}
.contactArea ul li .textArea{ margin:10px; line-height:22px; font-size:12px; text-align:left; color:#707070; padding-left:4px;}
.contactArea ul li.end{ margin-right:0;}
.contactArea ul li:hover{ background-color:#4491c5;}
.contactArea ul li:hover span{ color:#fff;}






/*全局样式*/
.leftFloat{ float:left;}
.rightFloat{ float:right;}
.blank{ height:5px; line-height:5px; font-size:0px;}
.allClear{ clear:both; height:0; line-height:0; margin:0; font-size:0; padding:0;}

.topBorderDash{ border-top: 1px dashed #ddd;}












/* 右侧漂浮*/
#leftsead{width:161px;height:290px;position:fixed;bottom:350px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}




/*客服代码*/
.main-im{position:fixed;right:10px;bottom:200px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px; margin:10px 0 5px; border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-size:12px;margin:6px 0; font-family:"宋体"; line-height:18px; height:18px; overflow:hidden;}
.main-im .im_main .im-tel div a:link{font-size:12px; font-family:"宋体"; color:#333}
.main-im .im_main .im-tel div a:hover{font-size:12px; font-family:"宋体"; color:#009de9;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;float:left; text-align:center;}
.main-im .im_main .weixing-container img{ margin-top:10px;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}
/*


/*在线询盘*/
.formTitle{ width:1100px; margin:10px auto;}
.formTitle h1{ background-color:#ebebeb; text-align:left; padding:25px;}
.formArea{ width:1100px; margin:0 auto 20px; font-size:14px;}
.formArea table{padding-bottom:15px; margin-bottom:15px;}
.formArea table td{ padding:10px 20px;}
.formArea h2{ border-bottom:1px dashed #666; padding-bottom:15px;}

.formArea span.desArea{ color:#999; font-style:italic; font-size:12px; display:block; clear:both; line-height:30px;}
.formArea div.leftFloat{ width:100px; line-height:30px;}


/*order botton*/
.getstart a {
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	padding: 8px 40px;
	color: #fff;
	border: 1px solid #fff;
}
.getstart a:hover {
	color: #ffffff;
	border: 1px #f8941f solid;
	background: #f8941f;
	text-decoration: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
}
/*order botton1*/
.getstart1 a {
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	padding: 16px 50px;
	color: #fff;
	border: 1px solid #fff;
}
.getstart1 a:hover {
	color: #ffffff;
	border: 1px #f8941f solid;
	background: #f8941f;
	text-decoration: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
}
.p-title {
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase
}