/*****Reset Css  2015.6.4 By insaas.com ,Author:Changliang*****/
body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,"Microsoft yahei" ;*font:12px/1.5 "Microsoft yahei",arial ; color:#333; background-color:#fff;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; color:#e5571d;}
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
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:none;padding:0;
}



/*****common css*****/
html,body{ width:100%; height:100%;}
.wrapper{ width:1000px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.text{ border:none; font-size:12px; font-family:"Microsoft yahei"; }
.btn{ cursor:pointer; border:none; font-family:"Microsoft yahei"; }
/*em,strong{ font-style:normal; font-weight:normal;}*/
em,strong{ font-style:normal;}



/*header*/
.header{ height:76px; width: 100%; border-top: 2px solid #e5571d;}
.header h1{ font-size:; padding-top:15px; float:left;}
.search{ float: right; border: 1px solid #b3b3b3; height: 20px; width: 160px; margin-top:36px;}
.search .text{ width: 128px; *width:120px; height: 20px; line-height: 20px; *height:18px; *line-height:18px; padding: 0 5px; float: left; *border:1px solid #fff;}
.search .btn{ background: url(../images/icon1.png) no-repeat; width: 22px; height: 20px; float: left;}
.top-tel{ background:url(../images/icon2.png) no-repeat left; padding-left:24px; height:22px; font-size:18px; line-height:18px; float:right; margin:36px 0 0 20px;}
.top-tel span{ color:#e5571d; font-size:14px;}
.header .wrapper{ position:relative;}
.fn{ background:url(../images/icon3.png) no-repeat; width:227px; height:19px; position:absolute; right:0; top:0; text-align:center; color:#fff;}
.fn a{ margin:0 8px; color:#fff;}
.navbar{ background:url(../images/icon4.png) repeat-x; width:100%; min-width:1000px; height:34px;}
.nav li{ float:left; text-align:center; width:111px; height:34px; line-height:34px; position:relative; z-index:99}
.nav li a{ display:block; font-size:14px; border-right:1px solid #d1d1d1;}
.nav li a:hover{ background:#e5571d; color:#fff;}
.nav li .a9{ border:none;}
.subnav{ width:110px; position:absolute; left:0; top:34px; background:url(../images/png1.png) repeat; display:none; z-index:999;}
.nav .subnav a{ height:28px; line-height:28px; border-bottom:1px dotted #908f8f; font-size:12px; border-right:none; overflow:hidden; padding:0 5px;}

.slide{  margin:auto; height:350px; position:relative; z-index:1;margin-top:12px;}
.slideimg li{ height:350px; position:absolute; left:0; top:0; width:100%; cursor:pointer; z-index:2;}
.slidebtn{ overflow:hidden; zoom:1; z-index:999; position:absolute; left:50%; margin-left:-500px; bottom:-15px; width:1000px;}
.aniu{ width:1000px; position:absolute; left:50%; margin-left:-500px; bottom:0;}
.aniu a{  width:30px; height:50px; position:absolute;  bottom:148px; z-index:9}
.ls{background:url(../images/btn1.png) no-repeat;left:-50px;}
.rs{background:url(../images/btn2.png) no-repeat;right:-50px;}

.sm-box{ height:65px; background:#faf9f9; width:100%; min-width:1000px; margin-bottom:30px;}
.bk { width:772px; margin:auto; height:65px; overflow:hidden;}
.bk a{ display:block; float:left; text-align:center; font-size:12px; background:url(../images/icon5.png) no-repeat; padding-left:55px; height:50px; line-height:20px; margin:7px 45px;}
.bk a span{ font-size:14px; margin-top:8px; display:block;}
.bk .b1{ background-position:0 0;}
.bk .b2{ background-position:0 -65px;}
.bk .b3{ background-position:0 -133px;}

.block{ background:#faf9f9; height:300px; margin-bottom:15px;}
.i-about{ width:475px; float:left;}
.i-cloumn{ height:40px; border-bottom:1px solid #bebdbd; margin-bottom:5px;}
.i-cloumn span{ float:left; font-size:14px; float:left; line-height:18px;}
.i-cloumn  em{ color:#666; font-size:12px; display:block;}
.i-cloumn .more{ width:25px; height:25px; border:1px solid #bebdbd; text-align:center; line-height:26px; float:right; color:#a9a9a9; font-size:20px; margin-top:4px;}
.about-article{ line-height:20px; height:229px; overflow:hidden; word-break:break-all}
.i-player{ float:right; padding:18px 25px 0 0;}

.layout{ overflow:hidden; margin-bottom:20px;}
.lay-cloumn{ height:34px; line-height:34px; overflow:hidden; margin-bottom:4px;}
.lay-cloumn span{ float:left; font-size:14px; background:url(../images/s1.gif) no-repeat left; padding-left:10px;}
.lay-cloumn em{ font-size:12px; color:#666;}
.lay-cloumn .more{ float:right; color:#e5571d;}
.i-pro{ height:262px; width:1100px;}
.i-pro .part{ width:220px; padding:0 4px; background:#faf9f9; border:1px solid #f1f0f0; height:260px; position:relative; overflow:hidden; float:left; margin-right:26px;}
.i-pro .part h3{ height:30px; line-height:30px; overflow:hidden; padding-left:2px; font-size:14px;}
.i-pro-list{ height:110px; overflow:hidden;}
.i-pro-list li{ height:22px; line-height:22px; overflow:hidden; font-size:18px; vertical-align:bottom;}
.i-pro-list li a{ font-size:12px; background:url(../images/dot1.gif) no-repeat left; padding-left:10px; margin-left:2px;}
.i-pro-img{ display:block; margin-bottom:5px;}
.m-icon{ background:url(../images/icon6.png) no-repeat; width:23px; height:23px; position:absolute; right:0; bottom:0;}

.l1{ float:left;width:475px; }
.kf-center{ float:left; width:475px; padding:5px; background:#faf9f9 ; border:1px solid #f1f0f0; height:205px;}
.slide2{ width:280px; float:left; height:205px; overflow:hidden; position:relative;}
.slideimg2 li{ width:280px; height:205px; position:absolute; left:0; top:0; }
.slidebtn2{ overflow:hidden; zoom:1; z-index:999; position:absolute; right:5px; bottom:5px;}
.slidebtn2 li{ width:16px; height:16px; background:#f0f0f0; float:left; margin-left:8px; cursor:pointer; text-align:center; line-height:16px;}
.slidebtn2 li.on{ background:#e5571d; color:#fff;}
.imgTex{ width:180px; padding-left:10px; float:left;}
.imgTex h3{ margin:5px 0 10px 0; max-height:36px; overflow:hidden;}
.imgTex .intro{ line-height:20px; height:162px; overflow:hidden;}
.imgTex .more{ color:#e5571d; float:right; margin-top:10px;}
.r1{ float:right; width:487px;}
.tag{ height:28px; line-height:28px; border-bottom:1px solid #dcdcdc; margin-bottom:7px;}
.tag a{ display:inline-block; float:left; padding:0 10px; position:relative;}
.tag .on{ border-bottom:2px solid #e5571d;}
.tag span{ position:absolute; background:url(../images/sj1.gif) no-repeat; width:7px; height:5px; position:absolute; left:50%; margin-left:-3px; bottom:-7px; display:none;}
.tag .on span{ display:block;}
.tagcon{ padding:0 8px; display:none;}
.tagcon li{ height:24px; line-height:24px; overflow:hidden; vertical-align:bottom;}
.tagcon li a{ background:url(../images/dot1.gif) no-repeat left; padding-left:10px; float:left; max-width:370px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.tagcon li .down{ background:url(../images/icon7.png) no-repeat; width:14px; height:14px; float:right; margin-top:3px; padding:0;}
.tagcon ul{ height:168px; overflow:hidden;}
.k-list{ padding-top:8px; height:104px; overflow:hidden;}
.k-list li{ width:33%; float:left; height:24px; overflow:hidden;}
.k-list li a{ display:inline-block; padding:3px 10px;}
.k-list li a:hover{ background:#dbdbdb;}
.scroll-sc{ width:475px; position:relative; height:207px;}
.pbox{width:475px; position:relative; height:207px; overflow:hidden;}
.pbox ul{ position:absolute; left:0; top:0;}
.pbox li{ float:left;}
.pscroll{ width:30px; height:50px; position:absolute;  top:81px;}
.pleft{ background:url(../images/btn1.png) no-repeat;left:0;}
.pright{ background:url(../images/btn2.png) no-repeat;right:0;}
.friends{ margin-bottom:40px; margin-top:40px;}
.friends dt{ background:url(../images/links.gif) no-repeat; width:156px; height:40px; float:left;}
.friends dd a{ float:left; height:40px; line-height:40px; margin-left:50px; font-size:14px;}
.botbg{background:#f0f0f0; width:100%; min-width:1000px; border-top:2px solid #e5571d; overflow:hidden;}
.ft{ width:125px; float:left; margin-top:20px; _display:inline; background:url(../images/dot2.gif) repeat-y;}
.ft dt{ margin-bottom:10px;}
.ft dt a{ font-size:14px; margin-left:15px; font-weight:700;}
.ft dd{ height:24px; line-height:24px; overflow:hidden; vertical-align:bottom;}
.ft dd a{ margin-left:15px;}
.footer{padding:5px 0;width:100%; min-width:1000px; background:#e5571d; text-align:center; color:#fff; line-height:20px; padding:5px 0;}
.footer a{ color:#fff;}


.banner{ height:198px;margin-top:12px;}
.leftside{ width:230px; float:left; background:url(../images/bg1.gif) repeat-y; padding-bottom:50px;}
.l-cloumn{ background:url(../images/c1.jpg) no-repeat; width:230px; height:65px; color:#fff; overflow:hidden; margin-bottom:15px; margin-top:-20px;}
.l-cloumn h3{ float:left; padding:10px 0 0 15px; font-size:24px; text-align:right; line-height:22px;}
.l-cloumn h3 em{ font-size:16px; display:block;}
.menus li{ background:url(../images/hr1.png) no-repeat left bottom;}
.menus a{ font-size:14px; display:block;  text-indent:30px; position:relative; height:36px; line-height:36px; overflow:hidden;}
.menus span{background:url(../images/sj2.png) no-repeat; width:4px; height:7px; left:15px; top:16px; position:absolute;}
.menus a:hover,.menus .hover,.menus .cur{ background:url(../images/hover.png) no-repeat left top; color:#fff;}
.menus a:hover span,.menus .hover span,.menus .cur span{ background:url(../images/sj3.png) no-repeat;}
.menus .drop-m{  background:url(../images/hover.png) no-repeat left top; color:#fff;}
.main{ width:740px; float:right;}
.m-cloumn{ overflow:hidden; zoom:1; border-bottom:1px dashed #d1d1d1; padding:20px 0 3px;}
.m-cloumn em{ font-size:14px; float:left;}
.bread{ float:right; background:url(../images/icon8.png) no-repeat left; padding-left:18px;}
.bread span{ color:#de531b;}
.box{ width:740px; overflow:hidden; padding-bottom:30px;}
.article{ padding:20px 10px; min-height:400px; width:720px; overflow:hidden; line-height:26px;}
.article img{ max-width:720px;}

.product-list{ width:780px; margin-bottom:30px;}
.product-list li{ float:left; padding:3px 3px 0; background:#f4f4f4; border:1px solid #cbcaca; margin:25px 20px 0 0;}
.product-list h3{ height:38px; line-height:38px; position:relative; overflow:hidden; background:url(../images/dot3.png) no-repeat 200px 50%;}
.product-list h3 a{ float:left; margin-left:15px;}
.t-img{ width:170px;}
.product-list li:hover{ background:#de541b;}
.product-list li:hover a,.product-list a:hover{ color:#fff;}
.product-list h3:hover,.product-list li:hover h3{ background:url(../images/dot4.png) no-repeat 200px 50%;}

.pages{ text-align:center;}
.pages a{ display:inline-block; width:34px; height:34px; text-align:center; line-height:34px; border:1px solid #ebebeb; margin:0 2px;}
.pages .pr{ background:url(../images/sj4.gif) no-repeat 50% 50%; position:relative; top:14px; *top:9px;}
.pages .ne{background:url(../images/sj5.gif) no-repeat 50% 50%; position:relative; top:14px; *top:9px;}
.goback{ text-align:right;}
.pages .cur{ background:#e5571d; color:#fff;}

.case-list{ width:770px; margin-bottom:30px;}
.case-list li{ float:left; margin:20px 24px 0 0; _display:inline;}
.case-list li a{ display:block; width:230px; height:160px; position:relative;}
.case-list li em{ height:24px; line-height:24px; background:#dd531b; color:#fff; position:absolute; right:0; bottom:0; padding:0 10px;}


.fancy{ width:570px; margin:auto; margin-top:30px;}
.big-pic li{ position:absolute; left:0; top:0; opacity:0;}
.big-pic .on{ display:block; opacity:1;}
.big-pic{ width:500px; height:375px; position:relative; overflow:hidden; margin: auto; margin-bottom:10px;}
.small-box{ height:72px; width:570px; position:relative;}
.small-pic{ width:510px; height:72px; position:relative; overflow:hidden; margin:auto;}
.small-pic ul{ position:absolute; left:0; top:0; width:500px;}
.small-pic li{ float:left; border:1px solid #fff; margin-right:8px; cursor:pointer;}
.small-pic .on{ border-color:#e4571d;}
.small-box a{ width:18px; height:70px; position:absolute; top:1px;}
.prev-slide{ background:url(../images/left2.png) no-repeat; left:0;}
.next-slide{ background:url(../images/right2.png) no-repeat; right:0;}
.down-list{ margin:15px 0 30px;}
.down-list li{ height:30px; line-height:30px; vertical-align:bottom; overflow:hidden; border-bottom:1px dotted #292929;}
.down-list li a{ background:url(../images/dot5.png) no-repeat left; padding-left:18px; float:left; margin-left:4px;}
.down-list li .down{ float:right; background:url(../images/icon9.png) no-repeat left; padding-left:19px;}
.down-list li a:hover{ background:url(../images/dot6.png) no-repeat left;}
.down-list li .down:hover{ background:url(../images/icon10.png) no-repeat left;}

.tc{ background:url(../images/y1.png) no-repeat left; padding-left:60px; height:45px; line-height:45px; font-size:16px; color:#333; margin-bottom:20px;}
.tc2{ background:url(../images/y2.png) no-repeat left;}

.tbar{ height: 40px; line-height: 40px; background: #df541c; margin-top:20px; margin-bottom: 10px;}
.tbar span{ width: 181px; float: left;; text-indent: 40px; color: #fff; font-size: 14px;}
.job .tbar{margin:0; background: #fff;  border-bottom: 1px solid #e3e3e3; cursor:pointer; height: 40px; line-height: 40px; position: relative;}
.job .tbar span{color: #666;}
.job dd{ color: #666; font-size: 12px; padding: 20px 10px; line-height: 26px; overflow: hidden; display: none;}
.job .tbar b{ background: url(../images/off.png) no-repeat; width: 22px; height: 22px; position: absolute; right: 15px; top: 9px;}
.job .act b{background: url(../images/on.png) no-repeat;}
.ap em{ color: #fff; margin-left: 15px; float: left;}
.ap b{ background: url(../images/icon3.png) no-repeat; width: 18px; height: 19px; float: right; margin:7px 12px 0 0;}
.list{ min-height:400px;}
.s0{}
.sk{ margin-left:20px;}

.app-list{ margin-bottom:20px;}
.app-list li{ height:156px; padding:20px 0; border-bottom:1px dotted #ddd;}
.lrimg{ float:left;}
.lrimg img{border: 1px solid #cbcaca; padding:2px;}
.lrr{ float:left; padding-left:20px; width:482px;}
.lrr h3{ margin:5px 0 10px;}
.lrr h3 a{ font-size:14px;}
.lrr .intro{ line-height:24px; height:72px; overflow:hidden; color:#666;}
.lrr .more{ float:right; margin:10px 5px 0 0;}
.nlists li span{ float:right; margin-right:5px; color:#999;}
.video-list .pro-img{ display:block; width:225px; height:135px; position:relative;}
.video-list .pro-img .p{ background:url(../images/player.png) no-repeat; width:46px; height:46px; position:absolute; left:86px; top:42px;}


.dsubnav{ width:640px; padding-bottom:5px;}
.tg{ float:left; padding:5px;}
.dsubnav dl{ float:left; text-align:left; padding:5px 5px 0 5px; margin:0 5px;}
.nav .dsubnav dt a{ font-weight:700; padding:0;}
.nav .dsubnav dt a:hover{ background:none; color:#e5571d;}
.nav .dsubnav dl{ width:300px;}
.nav .dsubnav dl dd{ padding:5px 0; overflow:hidden; zoom:1;}
.nav .dsubnav dl dd a{ float:left; height:24px; line-height:24px; border-bottom:none; width:140px; padding:0; text-indent:5px; background:url(../images/dot1.gif) no-repeat left; padding-left:5px;}
.nav .dsubnav dl dd a:hover{ background:url(../images/dot1.gif) no-repeat left; color:#e5571d;}


.qqs{ width: 135px; height: 198px; position: fixed; left: 0; top: 200px; z-index: 99999; }
.qb{ background: url(../images/ql.png) no-repeat; width: 35px; height: 198px; float: left; cursor: pointer;}
.qa{ width: 96px; border: 1px solid #f0f0f0; height: 196px; background: #fff; float: left;}
.qqs a{ display: block;  margin: 13px 0 0 0; text-align: center; color: #e5571d; line-height: 28px;}
.qqs .q1{ margin-bottom: 15px;}
.qqs .q2{}