body { padding: 0; margin: 0; color: #333; font-size:12px; font-family:"Arial","Microsoft YaHei","SimSun"; background-color: #fff; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, input { padding: 0; margin: 0; }
ul, li { list-style: none; }
i, em { font-style: normal; }
img { border: none; -ms-interpolation-mode: bicubic; }
a { color: #333; text-decoration: none; outline: none; }
a:hover { color: #0b8dfb; text-decoration: none; }
.clear { clear: both; height: 0; overflow: hidden; display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; zoom: 1; }
.l{float:left;}
.r{float:right;}
h1{display:inline-block;font-size:14px;font-weight:normal;}
.hr10{ height:10px;}
.hr20{ height:20px;}
/*header*/
.header{width:100%; min-width:1200px; height:100px;}
.m-head{ width:1200px; margin:0 auto;height:100px;}
.logo{ height: 70px; margin: 15px 0;width: 280px;}
.logo img{ width:280px; height:70px;}
.searching {padding: 30px 0 0;overflow: hidden;}
.searching .stxt {float: left;width: 250px;padding: 0 5px;height: 35px;line-height: 35px;border: 1px solid #0b8dfb;font-family: "Microsoft YaHei";}
.searching .sbtn {float: left;width: 80px;margin-left: -1px; height: 37px;line-height: 33px;font-family: "Microsoft YaHei"; color: #fff; background-color: #0b8dfb; border: solid 1px #0b8dfb;cursor: pointer; font-size:16px;}
.navbox{ width:100%; min-width:1200px; height:40px; background:#0b8dfb;}
.nav{ width:1200px; margin:0 auto; height:40px;}
.nav li{ float:left; width:150px; height:40px; line-height:40px; text-align:center;}
.nav li a{ display:inline-block; color:#fff; font-size:16px; width:150px; height:40px;}
.nav li.thisclass,.nav li a:hover{ background:#2c9eff;}
/*main*/
.wrapper{ width:100%; height:auto; min-width:1200px;}
.main{ width:1200px; margin:0 auto;} 
.banner{ width:1200px; height:493px; background: url(../images/banner.png) no-repeat; position:relative;}
.downbtn{ position:absolute; width:250px; height:70px; right:233px; top:311px; text-indent:-9999px;}
.downbtn:hover{background: #fff;opacity: 0.2; filter:alpha(opacity=20);}
.module{ display:inline-block; width:1200px;}
.column-title{ background:url(../images/bar_01.png) no-repeat  center right; line-height:40px; height:42px; overflow:hidden;}
.column-title2{background: url(../images/bar_02.png) no-repeat center right;}
.column-title3{background: url(../images/bar_03.png) no-repeat center right;line-height:40px; height:42px; overflow:hidden; text-align:center;}
.column-title span { float:left; display:inline; margin-top:2px;}
.column-title3 span{ display:inline; margin-top:2px;}
.column-title span a,.column-title3 span a{ color:#fff;}
.column-title span a:hover{ text-decoration:underline;}
.column-title span.tex{ height:40px;background:url(../images/textbg_03.png) repeat-x; font-size:18px;color:#fff;padding:0px 28px; line-height:38px;}
.column-title span.top{ width:26px;font-weight:normal;background:url(../images/textbg_01.png) no-repeat;_background:url(../images/textbg_02.png) no-repeat}
.column-title span.last{ width:18px;font-weight:normal;background:url(../images/textbg2.png) no-repeat;_background:url(../images/textbg3.png) no-repeat}
.column-title3 span.tex{ display:inline-block;height:40px;background:url(../images/textbg_03.png) repeat-x; font-size:18px;color:#fff;padding:0px 28px;line-height: 35px;*+line-height:37px !important;margin: 0 -3px;}
.column-title3 span.top{ display:inline-block;width:26px; height:40px;font-weight:normal;background:url(../images/textbg_01.png) no-repeat;_background:url(../images/textbg_02.png) no-repeat; line-height:40px;}
.column-title3 span.last{ display:inline-block; width:18px; height:40px;font-weight:normal;background:url(../images/textbg2.png) no-repeat;_background:url(../images/textbg3.png) no-repeat; line-height:40px;}
.softlist,.softlist2{ display:inline-block; width: 1200px; overflow: hidden; position: relative;}
.softlist ul,.softlist2 ul{ display:inline-block; width:110%;}
.softlist li{ float: left;border: 1px dashed #CCC; margin:15px 15px 0 0;overflow: hidden;position: relative;width: 256px;height: 80px; padding: 15px;}
.softlist li .soft-pic{ float:left; width:80px; height:80px; position:relative;}
.softlist li .soft-pic i {position: absolute; width:80px; height:80px;left: 0;top: 0;background: url(../images/80x80.png) no-repeat;}
.softlist li .soft-pic img,.softlist2 li .soft-pic2 img{ width:80px; height:80px;}
.softlist li .soft-txt{ float:right; width:168px; height:80px; overflow:hidden;}
.softlist li .soft-txt a{ display:inline-block;font-size: 15px;font-weight: bold;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.softlist li .soft-txt p{color: #888;height:50px;line-height: 24px;font-size: 12px;}
.softlist li .soft-txt a:hover{ color:#00A600;}

.softlist2 li{ float: left; background:#f5f5f5; margin:0 15px 15px 0;overflow: hidden;position: relative;width: 259px;height: 110px; padding: 15px;}
.softlist2 li .soft-pic2{ float:left; width:80px; height:80px;}
.softlist2 li .soft-txt2{ float:right; width:168px; height:110px; overflow:hidden;}
.softlist2 li .soft-txt2 .soft-tit{ display:inline-block;font-size: 15px;font-weight: bold;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.softlist2 li .soft-txt2 p{ display:inline-block; width:100%; height:50px;line-height: 24px; overflow:hidden;color: #888;font-size: 12px;}
.softlist2 li .soft-txt2 .soft-btn{font-size: 14px;color: #fff; padding: 5px 15px; background: #00A600; border-radius: 4px; display:inline-block;}
.softlist2 li .soft-txt2 .soft-btn:hover{ background:#0ac806;}

.colBox{ display:inline-block; width:590px;}
.listtxt{ display:inline-block; width:590px; margin-top:10px;}
.listtxt li{ float:left; height: 40px;line-height: 40px; border-bottom: dashed 1px #d1d1d1;font-size: 15px;margin-top: -1px;width:100%;}
.listtxt li em{ float:left; font-size:15px; font-style:normal; padding-right:5px;}
.listtxt li a {float: left; width: 450px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.listtxt li span { float: right; color: #999; font-size:14px;}

.flink{ width:1200px;border-top: solid 1px #dfdfdf; margin:5px 0 20px 0;}
.link-tit{ display:inline-block; color:#00A600; font-size:20px; padding:10px 0;}
.links{ display:inline-block; width:1200px;}
.links a {margin-right: 20px;line-height: 28px; font-size:14px;}
.footer{ display:inline-block; width:100%; background:#f3f3f3; height:60px; line-height:60px;}
.m-foot{ width:1200px; margin:0 auto; text-align:center;}
.m-foot p{ font-size:14px; color:#333;}
/*list_article*/
.position { display:inline-block; width:100%; height:40px; line-height:40px;border-bottom: 1px dotted #ccc; font-size:14px;}
.wrap{ display:inline-block; width:1200px;}
.leftBox{ display:inline-block; width:860px;}
.rightBox{ display:inline-block; width:320px;}
.listBox{width: 860px; height: auto;overflow: hidden; margin: 0 auto;}
.listBox li { display: block;height: auto;padding: 0 0 20px 0; margin-bottom:20px;overflow: hidden;width:860px;border-bottom:1px dashed #ddd;}
.listBox li img { display: inline;float: left;width: 206px; height: 130px; overflow: hidden;}
.listBox li .l-txt{ float:right;width: 634px; height:130px; overflow:hidden;margin-left: 20px;}
.listBox li .l-txt strong{ display:inline-block; font-size: 20px; height: 30px; line-height: 30px; margin:0 0 7px 0px;overflow: hidden;}
.listBox li .l-txt strong a {color: #4c4c4c;font-weight: 600;font-size: 19px; display: inline-block;}
.listBox li .l-txt p {display: block;height: 70px;line-height: 24px;font-size: 14px;color: #999;overflow: hidden;}
.listBox li .l-txt span {display:inline-block;float: left; height:26px; line-height:26px; font-size:14px; color:#999;}
.pages{position: relative;height:35px;margin:20px 0;text-align: center;float:left;width:100%;}
.pages ul{float: left;position: relative;left: 50%;}
.pages ul li{float:left;position: relative;text-align:center;margin-right:5px;right:50%;}
.pages ul .thisclass{float: left;height: 33px;line-height: 33px;padding: 0 13px;border: 1px solid #00A600;color: #fff;background: #00A600;}
.pages ul li a{float:left;height:33px;line-height:33px;padding:0 13px;border:1px solid #E4E4E4;color:#000000;}
.pages ul .one a{color:#ffffff;background:#00A600;}
.pages ul li a:hover{color:#ffffff;background:#00A600;}
.r-Box{ display:inline-block; width:320px;}
.softBox{ display:inline-block; width:100%;}
.softBox strong{ display:inline-block; width:100%; text-align:center; font-size:18px; padding-top:10px; color:#333;}
.softBox .softPic { display: block;margin:10px auto; width: 120px; height: 120px; border-radius: 20px;}
.softBox p{ padding:15px 0; width:100%; text-align:center;}
.softBox p img{ width:198px; height:50px;}
.softBox .softinfos{ display:inline-block; width:100%; padding-top:10px; border-top:1px solid #ddd;}
.softBox .softinfos p{ text-align:left; padding:5px 0; font-size:14px;}
.r-tit,.zt-tit,.s-tit{ display:inline-block; width:100%; height:36px; line-height:36px; border-bottom:1px solid #e6e6e6; margin-bottom:5px;}
.r-tit strong,.zt-tit strong,.s-tit strong{ border-bottom:1px solid #0b8dfb; font-size:16px; font-weight:normal; padding:0 5px 9px 5px;}
.Rbox,.Rbox2{ display:inline-block; width:100%;}
.Rbox li{ float:left; width:100%; background:url(../images/dot.png) no-repeat left center; height:26px; line-height:26px; margin-top:5px;}
.Rbox li a{ display:inline-block; width:300px; height:26px; line-height:26px; overflow:hidden; padding-left:13px; font-size:14px;}

.Rbox2 li{ float:left; width:100%; height:60px; padding:12px 0; border-bottom:1px dashed #ccc;}
.Rbox2 li .r-pic{ float:left; width:95px; height:60px;}
.Rbox2 li .r-pic img{ width:95px; height:60px;}
.Rbox2 li .r-txt{ float:right; width:210px; height:60px; overflow:hidden;}
.Rbox2 li .r-txt strong{ display:inline-block; width:100%; height:30px; line-height:30px; overflow:hidden;}
.Rbox2 li .r-txt strong a{ font-size:15px;}
.Rbox2 li .r-txt p{ display:inline-block; width:100%; height:30px; line-height:30px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap; color:#8C8C8C;}
.art-top{display: inline-block;width: 98%;padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd;}
.art-title {display: inline-block;width: 96%;padding: 0 2%;text-align: center;}
.art-title h1 {font-size: 24px; line-height:40px;}
.art-info{display: inline-block;width: 100%;height: 30px; line-height:30px; padding:5px 0;text-align: center;}
.art-info span {font-size: 14px;padding: 0 10px;color: #777;}
.art-body{color: #666666; font-size: 15px;line-height: 30px; width:98%; text-indent:2em;}
.art-body p{ color:#666; margin:10px 0;}
.art-body strong{ color:#333;}
.art-body img{ max-width:600px; margin:10px 0;}
.boxoff {height: 10px;overflow: hidden;clear: both;background: url(../images/boxoff.gif) left 15px repeat-x;margin: 4px 10px 4px 0;padding-top: 10px;}
.boxoff strong {display: block;width: 8px;height: 10px;  overflow: hidden;font-size: 0px;line-height: 100px; background: url(../images/boxoff.gif) right -10px no-repeat; float: left;}
.handover{ display:inline-block; width:100%;font-size:15px; padding:10px 0 20px 0;}
.pre,.next{ width:400px; height:30px; line-height:30px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap; color:#999;}
.pre a,.next a{ font-size:15px;}
.art-softlist{ display:inline-block; width:98%;}
.s-list{ display:inline-block; width:100%; margin-top:10px;}
.s-list ul{ display:inline-block; width:110%;}
.s-list li {float: left;width: 150px;margin: 0 23px 15px 0; text-align: center;}
.s-list li img {width: 150px;height: 95px;}
.s-list li p {float: left;width: 140px;padding: 0 5px;height: 26px;line-height: 26px;overflow: hidden; font-size:14px;}
.art-list{ display:inline-block; width:100%;}
.art-list ul{ display:inline-block; width:110%;}
.art-list li {float: left;width:410px;background: url(../images/dot.png) no-repeat left center;height:30px;line-height:30px; margin:0 20px 0 0; overflow:hidden;}
.art-list li a {display: inline-block; width:390px;height: 30px;line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;padding-left: 13px; font-size: 14px;}
/*project*/
.zt_inner { width: 1200px; height: 350px; display: block; background:url(../images/ban_01.png) no-repeat; position:relative;}
.zt_btn a{position: absolute;width: 207px;height: 65px;right:361px;top: 258px;text-indent: -9999px;}
.zt_btn a:hover{background: #fff;opacity: 0.2; filter:alpha(opacity=20);}
.zt-box,.zt-list{ width:1158px; border:1px solid #dfdfdf; padding:20px;}
.news-jj{ margin:10px 0; margin-top:25px; padding:0 40px; position:relative}
.news-jj-main{ font-size:16px; color:#999; line-height:30px;}
.news-jj .newsKh{ display:inline-block; width:25px; height:30px; position:absolute;}
.news-jj .qute-l{ left:0; top:0; background:url(../images/yh.jpg) 0px 0px no-repeat}
.news-jj .qute-r{ right:0; bottom:0; background:url(../images/yh.jpg) 0px -30px no-repeat}
.detail{ display:inline-block; width:1138px; padding:10px; background:#eaffea;}
.detail p{ font-size:15px; color:#777; text-indent:2em; line-height:28px;}
.ChannelBox{ display:inline-block; width:100%;}
.ChannelBox1 {width: 570px;overflow:hidden;display:inline-block;}
.ChannelBox1 strong{ display:inline-block; width:100%; height:26px; line-height:26px; margin:10px 0;}
.ChannelBox1 strong a{font-size:16px; float:left;}
.ChannelBoxz {width: 102%;overflow:hidden;display:inline-block;margin-top:-10px;margin-left:-2px;}
.ChannelBoxz strong{ display:inline-block; width:100%; height:26px; line-height:26px; margin:10px 0;}
.ChannelBoxz strong a{font-size:16px; float:left;}
.ChannelInfo{ display:inline-block; width:100%; padding-bottom:10px;border-bottom: 1px dashed #ccc;}
.ChannelPic {float:left; padding-right:10px;}
.ChannelPic img{ width:206px; height:130px;}
.ChannelTxt {width: 350px;float:right;height: 130px;overflow:hidden;}
.ChannelInfo p {color:#999; font-size:14px; line-height:26px; width:100%; height:120px; overflow:hidden; display:inline-block; margin-top:10px;}
.ChannelInfo p a:link,.ChannelInfo p a:visited {color: #0b8dfb;}
.ChannelInfo p a:hover{ color:#F90;}
.zt-ltxt{ display:inline-block; width:100%;}
.zt-ltxt ul{ display:inline-block; width:110%; margin-top:10px;}
.zt-ltxt li{ float:left; width:570px; height:26px; line-height:26px; margin:5px 20px 0 0;background: url(../images/dot.png) no-repeat left center;}
.zt-ltxt li a{ float:left; font-size:14px; width:450px; height:26px; line-height:26px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:13px;}
.zt-ltxt li span{ float:right; font-size:14px; color:#999;}
.steps-list{ display:inline-block; width:100%;}
.steps-list li {padding: 70px 35px 50px 25px;float: left;width: 1100px;border-bottom: 1px solid #EBEBEB;}
.steps-list li .pic_box { width: 520px; text-align: left;}
.steps-list li .pic_box img {max-width: 520px;vertical-align: middle; -moz-box-shadow: -10px 10px 15px #d6dade; box-shadow: -10px 10px 15px #d6dade;}
.steps-list li .words_box { max-width: 500px;text-align: left; position: relative;}
.steps-list li .words_box i {width: 62px;height: 62px;text-align: center; line-height: 62px;margin-right: 20px; display: block; font-style: normal; float: left;background: url(../images/ol.png) no-repeat 0 0; color:#00a600;font-size: 28px; font-weight: bold; }
.steps-list li .words_box div {padding-left: 95px;}
.steps-list li .words_box strong {font-size: 44px;font-weight: normal;text-align: left;margin-bottom: 10px; color:#0b8dfb;}
.steps-list li .words_box p{text-align: left;font-size: 16px; color: #666; margin-top:20px; line-height:30px;}
.brandlist{ display:inline-block; width:100%;}
.brandlist ul{ display:inline-block; width:110%;}
.brandlist li{ float:left;}
.brandlist li a{ float: left;width: 165px;height: 28px;line-height: 28px; background:#efefef; color:#333; font-size:14px; text-align: center; padding:0 10px;margin: 10px 10px 0 0;color: #777;font-weight: 100;display: inline-block; overflow:hidden;}
.brandlist li a:hover{ background:#0b8dfb; color:#fff;}