*{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;font-family:"Microsoft YaHei","Arial","宋体","SimHei", Verdana, Arial;_font-family:Arial !important;}
body{color:#1E1E1B;font-size:12px;line-height:180%;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, dfn, em, var{font-style:normal;}
code, kbd, pre, samp{font-family:courier new, courier;}
ul,li, ol{list-style:none;}
html{ overflow-x:hidden;}

/*头部*/
.head{ width:auto; height:106px; margin:0 auto; min-width:1260px;}
.head .x_head{ width:1260px; height:106px; margin:0 auto;}
.head .x_head .logo{ width:142px; height:41px; float:left; margin-top:40px;}
.head .x_head .nov{ width:1110px; height:106px; float:right; position:relative;}
.head .x_head .nov .ome{ width:1110px; line-height:20px; font-size:12px; color:#8e8b8b; text-align:right; padding-top:10px;}
.head .x_head .nov .ome em{ width:90px; line-height:20px; float:right;}
.head .x_head .nov .ome em a{ text-decoration:none; color:#8e8b8b;}
.head .x_head .nov .nom{ width:1110px; height:40px; float:right; margin-top:10px;}

.headerNav{ width:100%; height:40px; margin:0 auto; position:relative;}
.headerNav .mov{ width:1110px; height:50px; margin:0 auto; position:relative; z-index:100;}
.headerNav .mov ul{zoom:1; height:40px; margin:0px;}
.headerNav .mov ul li{float:left; height:40px; position:relative; min-width:100px; font-size:15px; text-align:right; margin:0px 0px 0px 85px; display:block; text-align:center;}
.headerNav .mov ul li.first{background:none}
.headerNav .mov ul li a{line-height:40px; font-size:15px; font-family:'微软雅黑'; color:#333; text-decoration:none; }
.headerNav .mov ul li a:hover, .headerNav .mov ul li .a{color:#fff !important;  background:url(../images/nov.png) no-repeat center 1px !important; display:block;}
.headerNav .mov ul li .this{color:#fff; display:block;  background:url(../images/nov.png) no-repeat center 0px; display:block;}
.headerNav .mov ul li dl{width:260px; display:none; position:absolute; left:0; top:40px; z-index:9999;background:url(../images/xialaBg.png); padding-top:30px;}
.headerNav .mov ul li dt{min-height:50px !important;border-bottom:1px solid #ddd;}
.headerNav .mov ul li dt a{font-size:14px !important; line-height:50px !important; text-align:left !important; text-indent:30px; color:#333 !important; overflow:hidden; height:50px; display:block;}
.headerNav .mov ul li dt a:hover{ background:none !important;line-height:50px; display:block; color:#336799 !important;}
.headerNav .mov ul li.item{float:right}

.headerNav .mov ul li.item a:hover{background:none !important;}
#none {BACKGROUND: none transparent scroll repeat 0% 0%}

/*banner切换*/

#banner{width:100%;height:528px;margin:0 auto;overflow:hidden; position:relative;z-index:10; min-width:1260px;}
#banner .imgs{width:100%;height:528px;position:absolute;display:none; left:0px;}
#banner .arrow{width:100%; margin:0 auto;}
#banner .nums{width:100%;position:absolute;overflow:hidden;bottom:15px;z-index:20; text-align:center;}
#banner .nums a{width:50px;height:16px; font-size:12px; line-height:16px; display:inline-block;cursor:pointer;background:url(../images/dian.png) left center; margin-right:8px; text-align:center;}
#banner .nums a.now{ background:url(../images/dian.png) right center; color:#fff;}
.head_bg{ width:100%; height:4px; position:absolute; z-index:20; background:url(../images/topbg.png) left bottom repeat-x; overflow:hidden;}
.banm{ width:auto; height:8px; background:url(../images/ban.jpg); margin:0 auto;}

/*新闻与事件*/
.index_xl{ width:auto; height:60px; line-height:60px; margin:0 auto; text-align:center; font-size:24px; color:#333; margin:60px 0 60px 0;}
.index_new{ width:1260px; height:400px; margin:0 auto;}
.index_new .new{ width:403px; height:auto; float:left; margin-right:25px; position:relative;transition: all 0.6s ease 0s; top:0px;}
.index_new .new:hover{top:-16px; left:0; cursor:pointer; background:#fff;}
.index_new .new dd{ width:403px; height:238px;}
.index_new .new dt{ width:403px; height:auto;}
.index_new .new dd img{ width:403px; height:238px;}
.index_new .new dt h1{ width:auto; line-height:60px; font-size:16px; color:#232323;}
.index_new .new dt h1 a{ text-decoration:none; color:#232323; font-weight:normal;}
.index_new .new dt p{ line-height:26px; font-size:14px; color:#939393;}
.index_new .new dt em{ width:auto; line-height:40px; font-size:14px; color:#336799;} 
.index_new .new dt em a{ text-decoration:none; color:#336799;}

.index_new .news{ width:403px; height:auto; float:right; position:relative;transition: all 0.6s ease 0s; top:0px;}
.index_new .news:hover{top:-16px; left:0; cursor:pointer; background:#fff;}
.index_new .news dd{ width:403px; height:238px;}
.index_new .news dt{ width:403px; height:auto;}
.index_new .news dd img{ width:403px; height:238px;}
.index_new .news dt h1{ width:auto; line-height:60px; font-size:16px; color:#232323;}
.index_new .news dt h1 a{ text-decoration:none; color:#232323; font-weight:normal;}
.index_new .news dt p{ line-height:26px; font-size:14px; color:#939393;}
.index_new .news dt em{ width:auto; line-height:40px; font-size:14px; color:#336799;} 
.index_new .news dt em a{ text-decoration:none; color:#336799;}



/*产品*/
.index_p{ width:1260px; height:90px; margin:0 auto; margin-top:60px; margin-bottom:30px;}
.index_p dd{width:1260px; height:60px; line-height:60px; font-size:24px; text-align:center;}
.index_p dt{ width:1260px; height:40px; line-height:40px; text-align:center;}
.index_p dt em{ min-width:60px; line-height:40px; font-size:14px; text-align:center; padding:0 10px 0 10px;}
.index_p dt em a{ text-decoration:none; color:#8e8b8b;}

.index_pc{ width:1260px; min-height:660px; margin:0 auto; overflow:hidden; clear:both; min-width:1200px; padding-bottom:30px;}
.index_pc ul{ width:1260px; margin:0px;}
.index_pc ul li{ width:400px; height:340px; float:left; background:#FFF; margin-left:30px; margin-bottom:15px; position:relative; z-index:100;  }
.index_pc ul li:hover{box-shadow: 0px 12px 65px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
	cursor: pointer;}
.index_pc ul li:nth-child(3n+1){margin-left:0px;}
.index_pc ul li span{ width:400px; height:270px;}
.index_pc ul li span img{width:400px; height:270px;  transition: all ease-out .2s;}
.index_pc ul li:hover span img{width:380px;height:250px; padding:10px;
    text-align: center;
    transition: all linear .2s;
    transform: translate(0,0);}
.index_pc ul li h5{ width:400px; line-height:60px; font-size:14px; text-align:left; font-weight:normal;transition: all ease-out .2s;}
.index_pc ul li:hover h5{padding:0px 10px 0 10px;
    transition: all linear .2s;
    transform: translate(0,0);}
.index_pc ul li p{ width:400px; line-height:30px; font-size:12px; margin:0 auto; color:#999999;}
.index_pc ul li a{ text-decoration:none; color:#333;}




.ind_ks{ width:1200px; height:380px; margin:0 auto; margin-top:30px;}
.ind_tit{ width:auto; height:41px;}
.ind_tit dd{ width:100px; height:30px; line-height:30px; float:left; font-size:14px; text-align:left;}
.ind_tit dd a{ text-decoration:none; color:#333; text-align:left; font-size:14px;}
.ind_tit dt{ width:28px; height:24px; float:right;}

.index_xo{ width:auto; height:60px; line-height:60px; margin:0 auto; text-align:center; font-size:24px; color:#333; margin:20px 0 50px 0;}
.index_xoo{ width:1260px; height:300px; margin:0 auto; overflow:hidden;}
.index_xoo .omo{width:1260px; height:280px; margin:0 auto; position:relative; overflow:hidden;}
.index_xoo .omo ul{width:1260px; margin:0px;}
.index_xoo .omo ul li{ width:305px; height:280px; float:left;padding-left:5px; padding-right:5px; overflow:hidden;}
.index_xoo .omo ul li .om{width:305px; height:210px; overflow:hidden;}
.index_xoo .omo ul li img{width:305px; height:210px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.index_xoo .omo ul li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.index_xoo .omo ul li h3{ height:60px; line-height:60px; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0;}
.index_xoo .omo ul li h3 a{ text-decoration:none;color:#333; font-weight:normal;}

.index_xom{ width:1260px; height:100px; margin:0 auto; margin-top:30px;}

#goRM,#goLM{cursor:pointer;}
#goLM{margin-right:0px;}
#goRV,#goLV{cursor:pointer; }

.index_xom .RightA{
    width:42px;
	height:100px;
	float:right;  
	left:0px;
	top:20px; cursor:pointer; position:absolute; z-index:99999;
	}
.index_xom .LeftA{
	width:42px;
	height:100px;
	float:left;
	left:160px;
	top:20px; cursor:pointer; position:absolute; z-index:10000;

}
.RightArr1{ width:9px; height:174px; float:right;}
.LeftArr1{width:9px; height:174px; float:left;}
.inde_oo{ width:200px; height:30px; margin:0 auto; position:relative;}
.inde_oo dl{ width:100px; margin:0 auto;}
.inde_oo dl dd { width:100px; height:30px; float:left;}
.inde_oo .om{ width:70px; height:45px; border:1px solid #b2b2b2; position:relative; z-index:1000; margin:0 auto; background:url(../images/oo.png) no-repeat center;}

.index_xom  a#goRV { width:18px;  height:10px; float:left; background:url(../images/Rvv1.png) no-repeat right; position:relative; z-index:1000;}
.index_xom  a:hover#goRV{ text-decoration:none; background:url(../images/RV1.png)}
.index_xom  a#goLV{ width:18px; height:10px; float:right; background:url(../images/Lvv1.png) no-repeat left;}
.index_xom  a:hover#goLV{text-decoration:none; background:url(../images/LV1.png);}



/*案例*/
.index_a{ width:auto; height:500px; background:#f9f9f9; margin:0 auto; font-size:24px; text-align:center;position:relative; margin-top:30px;}
.index_o{ width:1260px; height:499px; margin:0 auto; position:relative;}
.index_on{ width:399px; height:499px; position:relative; background:#3977df; z-index:10; left:300px;}
.ind_an{ width:1260px; min-height:310px; margin:0 auto;position:relative; top:-400px; z-index:200;}
.ind_an .mdm{min-width:1260px; height:310px; margin:0 auto; overflow:hidden; position:relative;z-index:800; }
.ind_an .mdm ul{ min-width:1260px; margin:0px; padding:0px;}
.ind_an .mdm ul li{width:1260px; min-height:310px; float:left; overflow:hidden; position:relative;}
.ind_an .mdm ul li dd{ width:590px; height:290px; float:left;}
.ind_an .mdm ul li dt{ width:530px; height:275px; float:right;}
.ind_an .mdm ul li dt h4{ width:530px; height:40px; line-height:40px; font-size:18px; color:#333333; text-align:left;}
.ind_an .mdm ul li dt h4 a{ text-decoration:none; color:#333333; font-weight:normal;}
.ind_an .mdm ul li dt p{ width:530px; height:auto; line-height:26px; font-size:14px; color:#939393; text-align:left;}
.ind_an .mdm ul li dt em{ width:530px; height:30px; line-height:30px; font-size:14px; text-align:left; display:block;}
.ind_an .mdm ul li dt em a{ text-decoration:none;color:#336799;text-align:left;}
.ind_an .mdm ul li dd .st{ width:590px; height:290px; position:relative; overflow:hidden; margin:0 auto; margin:10px; top:5px;}
.ind_an .mdm ul li dd .st img {
	display: block;
	width:100%;
	-webkit-transition: -webkit-transform .3s ease;
	-moz-transition: -moz-transform .3s ease;
	-ms-transition: -ms-transform .3s ease;
	transition: transform .3s ease;
	}
.ind_an .mdm ul li dd .st img:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);}


#goRM,#goLM{cursor:pointer;}
#goLM{margin-right:0px;}
#goRV,#goLV{cursor:pointer; }

.ind_ann{ width:200px; height:auto; margin:0 auto; position:relative; z-index:600; top:130px;}
.ind_ann .RightA{
    width:42px;
	height:100px;
	float:right;  
	left:130px;
	top:200px; cursor:pointer; position:absolute; z-index:99999;
	}
.ind_ann .LeftA{
	width:42px;
	height:100px;
	float:left;
	left:160px;
	top:200px; cursor:pointer; position:absolute; z-index:10000;

}
.RightArr1{ width:9px; height:174px; float:right;}
.LeftArr1{width:9px; height:174px; float:left;}
.inde_go{ width:1260px; height:30px; margin:0 auto; margin-top:0px;}
.inde_go dl{ width:200px; margin:0 auto;}
.inde_go dl dd { width:100px; height:30px; float:left;}
.ind_ann  a#goRM { width:30px;  height:30px; float:left; background:url(../images/Rvv.png) no-repeat right; position:relative; z-index:1000;}
.ind_ann  a:hover#goRM{ text-decoration:none; background:url(../images/RV.png)}
.ind_ann  a#goLM{ width:30px; height:30px; float:right; background:url(../images/Lvv.png) no-repeat left;}
.ind_ann  a:hover#goLM{text-decoration:none; background:url(../images/LV.png);}


/*联系*/
.index_co{ width:auto; height:235px; margin:0 auto; background:url(../images/bog.jpg) center; margin-top:60px;}
.index_co .con{ width:1260px; height:auto; margin:0 auto;}
.index_co .con .conn{ width:399px; height:157px; float:left; margin-top:40px; text-align:left;}
.index_co .con .coo{ width:861px; height:auto; float:right;}
.index_co .con .coo .o1{ width:220px; height:auto; float:left; margin-right:100px; margin-top:30px;}
.index_co .con .coo .o1 dd{ width:220px; line-height:50px; font-size:16px; text-align:left;}
.index_co .con .coo .o1 dt{width:auto; line-height:26px; font-size:14px; text-align:left; color:#336799;}
.index_co .con .coo .o1 dt em{line-height:28px; font-size:22px;}

.index_co .con .coo .o2{ width:220px; height:auto; float:right;margin-top:30px;}
.index_co .con .coo .o2 dd{ width:220px; line-height:50px; font-size:16px; text-align:left;}
.index_co .con .coo .o2 dt{width:auto; line-height:26px; font-size:22px; text-align:left;color:#336799;}

/*底部样式*/

.foot{ width:auto; min-height:260px; overflow:hidden; margin:0 auto; clear:both; background-color:#f0f0f0; margin-top:30px; padding-bottom:30px;}
.foot .bon{ width:1260px; height:200px; margin:0 auto; clear:both; margin-top:30px;}
.foot .bon  ul{ width:1260px; margin:0px;}
.foot .bon  ul li{ min-width:150px; min-height:100px; line-height:30px; float:left; margin-top:5px; text-align:left; margin:0 30px 0 30px;}
.foot .bon  ul li span{ width:100px; line-height:30px; font-size:15px;color:#333; text-align:left; clear:both;}
.foot .bon  ul li p{ min-width:100px; line-height:28px; font-size:14px;}
.foot .bon  ul li p a{ text-decoration:none; color:#999; font-size:14px;}
.foot .bon  ul li a{ text-decoration:none; color:#cdcbcb; font-size:14px; text-align:center; }
.foot .bon  ul li a:hover{text-decoration:none; color:#333;}

.foot .cont{ width:1260px; height:60px; line-height:60px; color:#747171; margin:0 auto; font-size:14px; clear:both; margin-top:60px;}

.footer { width:auto; height:50px; margin:0 auto; background:#fff; color:#333;}
.footer .cont{ width:1260px; height:50px;line-height:50px; margin:0 auto; color:#333; text-align:center; font-size:12px;}
.footer .cont a{ text-decoration:none; color:#333; font-size:12px;}

div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#f2f2f2;
border:solid 1px #e2e2e2; height:30px;
}
div.panel
{
height:120px;
display:none;
}