@charset "gb2312";





.inner-banner { background: url(../../images/dasong/inner_banner.jpg) #82c83c no-repeat center top; height:200px;width:100%;}
.inner-banner img { display: none;}



/* data gather */


.my-content{text-align:center; width:960px; margin:auto; margin-top:30px; display:block;}
.my-content  .content{text-align:left;}
.my-content  #Article h1{ font-size:20px;}
.my-content  #Article h1 span{font-size:14px; margin-top:20px;}
.my-content .f14{text-align:left; margin-top:30px;}

a:hover{color:#69c72b; text-decoration:none;}

.m-filter { background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.1)}
.m-filter-hd { height: 54px; background-color: #fafafa; border-top: #ededed solid 1px;border-bottom: #ededed solid 1px;}
.m-filter-hd-left { float: left;}
.m-filter-hd-right { float: right; padding: 11px 30px 0 0;}
.m-filter-hd-right > div { margin-left: 20px;}
.m-filter-hd-right > div:first-child { margin-left: 0;}
.m-filter-bd {padding: 20px;min-height: 100px;}

.m-sort {color: #777;padding: 10px 0 0;margin-left: 20px;margin-right: -20px;}
.m-sort dl { margin-bottom:20px;}
.m-sort dl:last-child { margin-bottom: 10px;}
.m-sort dt { float: left; line-height: 52px;}
.m-sort dd { margin-left: 68px;line-height: 40px; font-size: 0;}
.m-sort dd span { display: inline-block; margin-right:50px; padding: 6px 0; font-size: 14px;}
.m-sort dd span:nth-child(9n) { width: auto;}
.m-sort dd a { display: inline-block;}
.m-sort .active { color:#69c72b; font-weight: 600;}
.m-sort .hot a{ position: relative;}
.m-sort .hot a::before { content: ''; position: absolute; right: -15px; top: 3px; width: 15px; height: 15px; line-height: 15px; border-radius: 50%; color: #fff; text-align: center; font-size: 7px;
background: url(../images/products/hot.png) #ffa414 no-repeat 50% 49%;}



.m-report-list2 { position: relative;}
.m-report-list2::after { content: ''; position: absolute; left: -20px; right: -20px; bottom: 0; height: 1px; background-color: #f8f8f8;}
.m-report-list2 ul {margin: 0 -20px;}
.m-report-list2 li { padding: 46px 20px; float: left; width: 33.3333%; border-bottom: #e7e7e7 solid 1px;}
.m-report-list2 .pic { float: left; width: 124px; height: 143px; overflow: hidden;}
.m-report-list2 .cont { margin-left: 138px;}
.m-report-list2 .tit {  margin-top: 0px; height: 5.7em; overflow: hidden; line-height: 1.5; padding-right: 15px;}
.m-report-list2 .desc { font-size: 16px; color: #8c8b8b;}
.m-report-list2 .desc { margin-top: 5px;}
.m-report-list2 .time { }
.m-report-list2 .btns { margin-top: 15px;}
.m-report-list2 .tagTime { color: #888; font-size: 12px; height: 17px; overflow: hidden; margin-top:40px;}
.m-report-list2 .tagTime > div { display: inline-block;}
.m-report-list2 .tagTime .time::before { content: '|'; display: inline-block; margin: 0 8px; font-size: 12px; color: #999; opacity: .6;}
.m-report-list2 .btn { border-radius: 100px; font-size: 13px; padding: 5px 15px; min-width: 103px;}


#Article {text-align:center;}
#Article h1{color:#008fd1; font-size:25px;margin-top: 30px; line-height: 20px;}
#Article h1 span{color:rgb(102, 102, 102); font-size:13px; margin-top: 20px; display: block;}


#Article .content{text-align: left; text-indent: 2em; line-height:20px; margin-bottom: 20px;}
#Article .content p{font-size:14px; color:#555;}
#Article .f14{ text-align: left; line-height:20px; margin-bottom: 30px;}







/* data research and apllication  */

.dra_container { width: 1130px; max-width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; overflow-x: hidden;}
.res-link-list ul {margin: 50px -15px;}
.res-link-list li {width: 25%;float: left;text-align: center;position: relative;padding: 15px;margin:  0;}
.res-link-list li::after { content: ''; position: absolute; width: 1px; height: 70%; background-color: #e6e6e6; top: 0; bottom: 0; right: 0; margin: auto;}
.res-link-list li:nth-child(4n)::after { display: none;}
.res-link-item { position: relative; color: #888; padding: 50px 0; cursor: default;}


.res-link-item .ico {height: 85px;} 
.res-link-item .tit { font-size: 14px; color: #333; margin-top: 40px;} 
.res-link-item .desc { margin-top: 20px; font-size: 13px; line-height: 1.8;} 
.res-link-item .btn-auto { min-width: 153px;} 

.btn-auto,.btn-auto:focus {border: #69c72b solid 1px;color: #69c72b;letter-spacing: 3px;}
.btn-auto:hover { background-color: #69c72b; color: #fff;}

.h-btns { margin-top:15px;}




/* gather case  category */

.case_container { padding-left: 15px; padding-right: 15px; width: auto; max-width: 1130px; position:relative;	margin: 0 auto;}


.item-list { padding:78px 0; margin:0 -13px;}
.item-list .item { float:left; width:33.3333%; padding:0 13px; min-height:50px; margin-bottom:26px;}
.item-list .item-in{ border:#eaeaea solid 1px; border-radius:6px; overflow:hidden; background-color:#f4f4f4;}
.item-list .item-in:hover { box-shadow:0 0 10px rgba(0,0,0,.2);}
.item-hd { height:113px; color:#fff; background-repeat:no-repeat; background-position:25px bottom; background-color:#d8dade;}
.item-hd .tit { margin-left:108px; padding-top:30px;}
.item-hd .tit em { font-size:20px; display:block;}
.item-hd .tit span { font-size:16px; display:block;}
.item-bd { height:178px; padding:20px 25px 0; background-color:#fff;}
.item-bd .pcon {margin: 0 0 10px; line-height: 35px;}
.item-bd ul {}
.item-bd li { line-height:35px; color:#555; white-space:nowrap; }
.item-bd li:before { content:''; display:inline-block; width:14px; height:14px; border-radius:100px; background-color:#d8dade; border:#f2f2f2 solid 4px; margin-right:13px; vertical-align:middle; position:relative; top:-1px;}
.item-ft { height:103px; text-align:center;}
.item-ft .btns { padding-top:29px;}
.item-ft .btn { margin:0 8px;}
.item-ft .cue { font-size:16px; color:#888; line-height:40px; padding-top:29px;}
.item .btn { min-width:180px; color:#fff; font-size:16px; padding:8px 12px; opacity:.8;}
.item .btn:hover { opacity:1;}
.item .btn-o { background-color:transparent !important; color:inherit; border:#ccc solid 1px;}


.item1 .item-hd { background-color:#fdb915; background-image:url(../../images/dasong/case_icon1.png);}
.item1 .tit { margin-left:120px;}
.item1 .btn { background-color:#fdb915;}
.item1 .btn-o { border:#fdb915 solid 1px; color:#fdb915;}
.item1 .btn-o:hover { background-color:#fdb915 !important; color:#fff;}


.item2 .item-hd { background-color:#1fc4f4; background-image:url(../../images/dasong/case_icon2.png);}
.item2 .btn { background-color:#1fc4f4;}
.item2 .btn-o { border:#1fc4f4 solid 1px; color:#1fc4f4;}
.item2 .btn-o:hover { background-color:#1fc4f4 !important; color:#fff;}


.item3 .item-hd { background-color:#8ec63f; background-image:url(../../images/dasong/case_icon3.png);}
.item3 .btn { background-color:#8ec63f;}
.item3 .btn-o { border:#8ec63f solid 1px; color:#8ec63f;}
.item3 .btn-o:hover { background-color:#8ec63f !important; color:#fff;}


.item4 .item-hd { background-color:#f38286; background-image:url(../../images/dasong/case_icon4.png);}
.item4 .tit { margin-left:120px;}
.item4 .btn { background-color:#f38286;}
.item4 .btn-o { border:#f38286 solid 1px; color:#f38286;}
.item4 .btn-o:hover { background-color:#f38286 !important; color:#fff;}


.item5 .item-hd { background-color:#66af46; background-image:url(../../images/dasong/case_icon5.png);}
.item5 .tit { margin-left:120px;}
.item5 .tit em { font-size:19px; line-height:34px;}
.item5 .btn { background-color:#66af46;}
.item5 .btn-o { border:#66af46 solid 1px; color:#66af46;}
.item5 .btn-o:hover { background-color:#66af46 !important; color:#fff;}


.item6 .item-hd { background-color:#00afe6; background-image:url(../../images/dasong/case_icon6.png);}
.item6 .btn { background-color:#00afe6;}
.item6 .btn-o { border:#00afe6 solid 1px; color:#00afe6;}
.item6 .btn-o:hover { background-color:#00afe6 !important; color:#fff;}







/* gather case list */
.case-list{ max-width:1100px; margin:0 auto; padding: 30px 0;}
.case-list * {box-sizing: border-box;}
.case-list-body { padding: 30px 0;}
.case-list .list { overflow: hidden; padding: 10px 0; margin: 0 -30px;}
.case-list .list li { width: 25%; float: left; padding: 25px 20px;}
.case-list  .item { background-color: #fff; border-radius:4px; padding-top:10px;padding-bottom:10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.case-list  .item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.case-list .logo { text-align: center; height: 120px;}
.case-list .logo img { height: 120px; vertical-align: middle;}
.case-list .tit { color: #333; font-size: 14px; text-align: left; margin-top: 20px;padding-left:20px;}
.case-list .desc { line-height: 1.5;  margin-top: 10px;padding-left:20px;}





/* news */

.main_c{padding:20px 0;width:100%;background:url(../images/about/main_bg.jpg) repeat-y top center;overflow:hidden; margin-bottom:20px;}
.news_list{margin:0 auto;width:998px;}
.news_list li{float:left;margin:6px 0;padding:25px 30px 20px;width:938px;height:180px;background:#fff;}
.news_list li:hover{box-shadow: #888888;}
.news_list .on{background-position:0 -1050px;}
.news_list li img{float:left;margin-right:35px;width:208px;height:132px;}
.news_list li big h3{line-height:15px;font-size:14px;}
.news_list li big h3 a{color:#257e9d;}
.news_list li big h3 a:hover{color:#33abd6;}
.news_list li big p{height:72px;line-height:24px;font-size:12px;color:#434343; margin-top: 15px;}

.news_list li big p .pdate {margin-top: 15px; display: block; color: #888888;}  /* bug */

.news_list li big strong{font-weight:400;}
.news_list li big strong .fl{display:block;width:590px;height:30px;line-height:30px;font-size:12px;color:#959595;}
.news_list li big strong .fl a{margin:0 8px;color:#959595;}
.news_list li big strong .fr a{display:block;width:96px;height:27px;text-indent:-9999px;background-position:-300px -550px;}






/* about */

.about_container{ max-width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; overflow-x: hidden;}

.tabBox { display: table; width: 100%;}
.tabBox >.tabTd { display: table-cell; vertical-align: middle; padding: 80px 10px;}
.w50 { width: 50%;}
.ico-big { text-align: center;}
.ico-big-2 { margin-bottom: -80px;}
.tabTd:nth-child(1) .ico-big { padding-right: 80px;}
.tabTd:nth-child(2) .ico-big { padding-left: 80px;}

.m-stripe-item:nth-child(2n+1),.m-stripe-list-2 .m-stripe-item:nth-child(2n) { background-color: #fff;}
.m-stripe-item:nth-child(2n),.m-stripe-list-2 .m-stripe-item:nth-child(2n+1) { background-color: #f8f8f8;}


.stripe-container {width:1130px; max-width:100%;padding-left: 15px; padding-right:15px; margin-left:auto; margin-right: auto; overflow-x: hidden;}



@media (min-width: 1200px)
.stripe-container {width: 1170px;	}

@media (min-width: 992px)
.stripe-container {width: 970px;}

@media (min-width: 768px)
.stripe-container {width: 750px;}


.text-list { margin-top: -20px; font-size: 0;}
.text-list li { display: inline-block; position: relative; min-width: 188px; padding-left: 20px; font-size: 16px; color: #555;line-height: 2; margin-top: 20px;}
.text-list.w1 li { min-width: 0px; margin-right: 50px;}
.text-list.w3 li { min-width: 210px;}
.text-list li::before {content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #69c72b; left: 0;; top: 0; bottom: 0; margin: auto;}
.text-list.color li:nth-child(1)::before { background-color: #a2d506;}
.text-list.color li:nth-child(2)::before { background-color: #5fc83d;}
.text-list.color li:nth-child(3)::before { background-color: #4daf46;}
.text-list.color li:nth-child(4)::before { background-color: #1bcbf3;}
.text-list.color li:nth-child(5)::before { background-color: #ffcf00;}

.text-list p.intro{font-size:15px; margin:40px auto; color: #555; line-height: 2;}

.text-list-2 li { padding-left: 0; min-width: 0; margin-right: 40px;}
.text-list-2 li::before{ display: none;}
.text-list-2 li >span { display: inline-block; text-align: center; min-width: 120px; border: #c1e3ab solid 1px; border-radius: 4px; padding: 0 10px;}
.text-list-2.w4 li >span { min-width: 140px;}

.tabBox { display: table; width: 100%;}
.tabBox >.tabTd { display: table-cell; vertical-align: middle; padding: 80px 10px;}
.w50 { width: 50%;}
.ico-big { text-align: center;}
.ico-big-2 { margin-bottom: -80px;}
.tabTd:nth-child(1) .ico-big { padding-right: 80px;}
.tabTd:nth-child(2) .ico-big { padding-left: 80px;}

.brand-text { margin: 40px auto;}
.brand-text p {font-size: 15px;color: #888;line-height: 2;margin-bottom: 20px;}


.item-list .item { float:left; width:50%; padding:0 13px; min-height:50px; margin-bottom:26px;}
.inner-banner {display:none;}