html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, tfoot, thead,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
    vertical-align: baseline;
}
/*.tophead{position:fixed;top:0;left:0;width:100%;z-index:300;background: #fff;}*/
.topnav{
        height: 36px;
        line-height: 36px;
        border-bottom: 1px solid #eaeaea;
        font-size: 14px;
        color: #858585;
        background: #F5F5F5;
}
.topnav a:hover,.topnav span:hover{color:#11acc6;cursor: pointer;}
.topnav a img{height:25px;margin-top: 6px;}
.toplogo{height: 95px;font-size: 16px;margin-top: 15px;}
.logogjc{float:left;width: 121px;text-indent:-99rem;background: url('../images/logo.jpg') no-repeat 0 0px;height: 75px;}
.logleft .zi{line-height: 27px;margin: 13px 0 0 8px;font-size: 16px;color: #666;border-left: 2px solid #efefef;padding-left: 15px;}
.logleft .zi span{display:inline-block;}
.zi b {
    display: block;
    font-size: 23px;
    color: #282d44;
    font-weight: normal;
    line-height: 100%;
    padding-bottom: 5px;
}
.zi em {padding-left: 11px;font-weight: bold;}
.toptel{width:240px;line-height: 60px;margin-top: 10px;}
.toptel i{display:inline-block;height:50px;width:50px;float: left;font-size: 50px;}
.toptel div{width:180px;float:left;line-height: 26px;padding:0 0 0 10px;}
.toptel div span{display:block;}
.toptel div .t1{color: #11acc6;font-size: 16px;font-weight: bold;margin-top: 4px;}
.toptel div .t2{font-size: 22px;font-weight: bold;}
.xia_biao {display: block;height: 35px;float: left;position: relative;color:#999;font-size: 13px;}
.top-verticalline {width: 1px;height: 15px;background: #cdcdcd;float: right;margin-top: 11px;}
.yiDong, #header-about, #header_vr {
    float: right;
    position: relative;
    text-align: right;
    cursor: pointer;
}
.yiDong > p, #header_vr > p {
    color: #666;060e1621314c5f60
    font-size: 13px;
}
.yiDong {
    margin-left: 10px;
    height: 35px;
    margin-right: 10px;
}
.yiDong > p > .ci-rights {
    transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);
    display: block;
    position: absolute;
    right: 0;
    top: 14px;
    transition: all 0.3s ease-in-out;
    background: url(../imagesp/top-arrow-down.png) center center no-repeat;
    width: 14px;
    height: 14px;
}
/*banner*/
.flexslider{margin:0 auto;position:relative;width:100%;height: 425px;overflow:hidden;zoom:1;}
.flexslider .slide li{width:100%;height:100%;}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-prev{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 2px;display:inline-block;}
.flex-control-paging li a{background:url(../images/dot.jpg) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background-position:0 0}
.flexslider .slide a img{width:100%;height:549px;display:block;}
.bannersingle{width:1440px;margin:0 auto;}

/*面包屑*/
.location {background: #FFFFFF none repeat scroll 0 0;color: #999;height: 30px;line-height: 30px;font-size: 12px;border-bottom: 1px solid #eee;padding: 10px 0;}
.location .wrapper {width: 1200px;margin: 0 auto !important;min-width: 1200px;}
.location .wrapper .local {font-weight: normal;margin-bottom: 10px;float: left;background: url(../images/icon_home.jpg) no-repeat 6px center !important;padding-left: 32px;color: #999;}

/*footer*/
.foot {margin: 0 auto;color: #a9b3b3;}
.foot-info {background-color: #27343c;}
.foot-info .foot-nav{margin: 0 auto;width: 1200px;display: flow-root;padding: 20px 0;}
.foot-nav .foot-pro {float:left;padding: 0 10px;text-align: center;}
.foot-nav .foot-pro p {border-bottom: 1px solid #a9b3b3;font-size:22px;font-weight:600;padding: 10px 0;letter-spacing: 2px;}
.foot-nav .foot-pro .foot-pro-list {width:460px;letter-spacing: 3px;}
.foot-nav .foot-pro .foot-pro-list span{font-size: 17px;line-height: 24px;font-weight: 600;padding: 10px 0 6px;display: block;}
.foot-nav .foot-pro .foot-pro-list li {padding: 6px 0;border-bottom: 1px dashed #a9b3b3;float:left;width: 50%;}
.foot-nav .foot-pro .foot-pro-list li a {font-size: 15px;line-height: 21px;color: #a9b3b3;}
.foot-nav .foot-pro .foot-pro-list li a:hover {color: #11acc6;}
.foot-nav .foot-address {float:left;width:320px;padding: 0 10px;}
.foot-nav .foot-contact {float:left;width:340px;padding: 0 10px;}
.foot-nav .foot-address span,.foot-nav .foot-contact span {letter-spacing: 2px;text-align: center;border-bottom: 1px solid #a9b3b3;font-size:22px;font-weight:600;width:100%;display: block;padding: 10px 0;margin-bottom:10px;}
.foot-nav .foot-address p {margin: 0;font-size:14px;line-height: 28px;}
.foot-p {float: left;}
.foot-p p {margin: 0;font-size:14px;line-height: 28px;}
.foot-wx {float: right;}
.foot-wx img {width: 120px;}
.foot-wx p {font-size: 14px;line-height: 21px;}
.foot .copyright {height: 50px;background-color: #171f23;}
.copyright .copyright-box {margin: 0 auto;padding: 0 15px;width: 1200px;}
.copyright .copyright-box p {margin: 0;line-height: 50px;}
.copyright .copyright-box p a{color:#888;}

/*common*/
.dian {display: inline-block;width: 4px;height: 4px;background: #11acc6;border-radius: 50%;margin: 0 5px 3px;}
.body {background:#f7f7f7;padding-top: 15px;}
.main{width: 1200px;margin: 0 auto;display: flow-root;}

/*list_article*/
.main_left{width: 858px;float: left;}
.main_right{width: 322px;float: right;}
.main_box{overflow: hidden;}
.list_left{background: #fff;border: 1px solid #e8e8e8;border-radius: 5px;}
.list_left li{border-bottom: 1px #e7e7e7 solid;padding:15px;display: flow-root;}
.list_left li img{width:242px;height:150px;border: 1px solid #ccc;}
.list_left .list_rt{float: right;width: 560px;}
.list_left .list_rt .list_tit{font-size: 18px;color: #333;margin-bottom: 10px;}
.list_left .list_rt .list_tit a{height: 27px;text-overflow: ellipsis;overflow: hidden;display: block;}
.list_left .list_rt .list_tit a:hover{color:#11acc6;}
.list_left .list_rt .list_come{font-size: 12px;color: #999;margin-bottom: 10px;}
.list_left .list_rt .list_come span{margin-right: 15px;}
.list_left .list_rt .list_intro{font-size: 14px;color: #666;margin-bottom: 20px;line-height: 24px;height: 48px;text-overflow: ellipsis;overflow: hidden;}
.list_left .list_rt .list_tag span{font-size: 12px;color: #999;background: #fff;border: 1px #ccc solid;border-radius: 16px;padding: 3px 8px;margin-right: 8px;}
.list_right{overflow: hidden;padding: 16px;margin-bottom: 15px;background: #fff;border: 1px solid #e8e8e8;border-radius: 5px;}
.list_right li{padding: 10px 0 10px 28px;overflow: hidden;position: relative;line-height: 21px;font-size: 14px;}
.list_right li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list_right li a:hover{color:#11acc6;}
.list_right li i{position: absolute;left: 5px;top: 13px;width: 16px;height: 16px;line-height: 16px;color: #fff;border-radius: 50%;text-align: center;background: #11acc6;}
.list_right li em{color: #666;}
.list_right .tit{border-bottom: 1px solid #e6e6e6;overflow: hidden;line-height: 24px;padding-bottom: 10px;}
.list_right .tit span{color: #333;font-size: 18px;}
.list_introduce{width: 800px;color: #444;padding: 15px 30px 0;}
.list_introduce h1{font-size: 24px;font-weight: bold;line-height: 36px;}
.list_introduce p{font-size: 14px;line-height: 21px;margin-top: 5px;text-indent: 2em;letter-spacing: 3px;}
.new_page {background: #fff;margin:15px 0;}
.new_page .fanye {text-align: center;padding: 15px 0;border: 1px solid #e8e8e8;border-radius: 5px;}
.new_page .fanye li{display: inline-block;height: 34px;margin-right: 5px;}
.new_page .fanye li a{float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;}
.new_page .fanye li.thisclass a,.fanye li.thisclass a:hover {background: transparent;border-color: #09f;color: #fff;cursor: default;}
.new_page .fanye li.thisclass {background: #09f;color: #fff;}

/* 底部相关资讯 */
.tj-box {margin:15px 0;display: flow-root;}
.tj-box .tj-item {padding: 20px;width: 1160px;background: #FFF;}
.tj-top {font-size: 22px;font-weight: 500;line-height: 30px;color: #000;border-bottom: 2px solid #e1e1e1;padding: 0px 0 20px 20px;position: relative;}
.tj-top::before {content: '';width: 3px;height: 30px;position: absolute;left: 0px;background: #11acc6;}
.tj-top span {letter-spacing: 5px;}
.tj-list {display: flow-root;}
.tj-list li {line-height: 24px;height: 24px;font-size: 16px;width: 49%;padding: 8px 8px 8px 0;float: left;}
.tj-list li a {color: #333;padding-left: 5px;}
.tj-list li a:hover {color:#11acc6;}
.tj-list li span {float:right;color: #333;}

/* 底部相关案例 */
.pro-case{background-color: #fff;display: flow-root;padding: 20px;}
.pro-case .pro-caseimg{margin-top: 20px;}
.pro-case .pro-caseimg li{width: 270px;float: left;padding: 0 10px;}
.pro-case .pro-caseimg li a{}
.pro-case .pro-caseimg li a img{width: 268px;height:166px;border: #ccc solid 1px;}
.pro-case .pro-caseimg li span{display: block;color: #555;padding: 8px 0 0;text-align: center;font-size: 15px;line-height: 21px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*article*/
article{padding:20px;}
.title{font-size: 28px;font-weight: 700;line-height: 36px;margin: 0 auto;width: 100%;color: #282d44;}
.news_info{width: 816px;color: #666;padding:12px 0;margin:0 0 10px;border-bottom: 1px solid #e9e9e9;display: table;}
.news_info .right_info{float: left;font-size: 14px;line-height: 21px;}
.news_info .right_info span{}
.news_info .right_info p{}
.news_info .kwords{float: right;}
.news_info .kwords span{float: left;font-size: 14px;line-height: 21px;}
.explain{background-color: #fafafa;color: #999;padding: 14px 27px;line-height: 21px;font-size: 14px;margin: 15px 0 0;}
.explain span{color: #11acc6;}
.explain a{color: #666;}
.content p{font-size: 16px;padding: 10px;line-height: 28px;color:#4e4e4e;}
.content h2{margin:8px 0;font-size: 17px;color: #11acc6;padding: 13px 10px;font-weight: 700;line-height: 20px;font-family: microsoft yahei;vertical-align: baseline;border-left: 3px #11acc6 solid;display: block;word-wrap: break-word;background-color: #f6f6f6;}
.content h3{margin-top: 18px;margin-bottom: 5px;font-weight: bold;}
.content img{display: block;margin: 10px auto;}
.content p a:hover{color:#11acc6;}
.content .articleud{clear: both;padding: 18px 0 0;height: 20px;line-height: 20px;font-size: 14px;}
.content .articleud span{color: #999;width: 320px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.content .articleud a{color: #666;}
.content .articleud a:hover{color: #11acc6;}
.tj-box .tj-item1 {padding: 20px;width: 826px;background: #FFF;border: 1px solid #e8e8e8;border-radius: 5px;}
.tj-list1 {display: flow-root;}
.tj-list1 li {line-height: 22px;height: 22px;font-size: 15px;width: 50%;padding: 8px 0;float:left;}
.tj-list1 li a {color: #333;padding-left: 5px;}
.tj-list1 li a:hover {color:#11acc6;}
.tj-list1 li span {float:right;color: #333;}

/* project */
.project-area{background-color: #fff;padding: 20px 20px 0;}
.project-area .project-series{display: flow-root;}
.project-area .project-series h1{font-size: 30px;line-height:45px;text-align: center;}
.project-area .project-series p{line-height: 30px;font-size: 16px;text-indent: 2em;margin: 10px 0;}
.project-area .project-series .pro-s3{width:373px;height: 290px;padding-right:20px;float:left;}
.project-area .project-series .pro-s3:last-child{padding-right:0;}
.project-area .project-series .pro-s3 img{width:373px;height:231px;}
.project-area .project-series .pro-s3 span{display: block;text-align: center;font-size:16px;line-height:30px;}
.project-area .project-series .pro-s4{width:275px;height: 230px;padding-right:20px;float:left;}
.project-area .project-series .pro-s4:last-child{padding-right:0;}
.project-area .project-series .pro-s4 img{width:275px;height:170px;}
.project-area .project-series .pro-s4 span{display: block;text-align: center;font-size:16px;line-height:30px;}
.project-area .project-series .pro-s5{width:220px;height: 190px;padding-right:15px;float:left;}
.project-area .project-series .pro-s5:last-child{padding-right:0;}
.project-area .project-series .pro-s5 img{width:220px;height:136px;}
.project-area .project-series .pro-s5 span{display: block;text-align: center;font-size:16px;line-height:30px;}
.project-area .project-list{}
.project-area .project-list .project-info{margin-bottom:20px;display: flow-root;}
.project-info .project-infoleft{width:300px;float:left;}
.project-info .project-infoleft h2{font-size: 26px;text-align: center;width: 100%;line-height: 60px;background: #11acc6;color: #ffffff;}
.project-info .project-infoleft img{position: relative;width: 100%;}
.project-info .project-infoleft .pro-xq{text-align: center;color: #ffffff;line-height: 36px;background-color: #11acc6;position: relative;top: -60px;padding: 10px;left: 10px;}
.project-info .project-infoleft .pro-xj{text-align: center;color: #ffffff;line-height: 36px;background-color: #11acc6;position: relative;top: -60px;padding: 10px;right:-30px;}
.project-info .project-inforight{width:820px;float:right;}
.project-info .project-inforight .pro-jj{height: 122px;}
.project-info .project-inforight .pro-jj p{font-size: 14px;line-height: 22px;letter-spacing: 2px;text-indent: 2em;}
.project-info .project-inforight .pro-cs{height: 110px;}
.project-info .project-inforight .pro-cs li{width:400px;float:left;font-size:14px;line-height:22px;padding: 0 10px 5px 0;}
.project-info .project-inforight .pro-cs li span{font-weight: bold;color:#11acc6;}
.project-info .project-inforight .pro-img{}
.project-info .project-inforight .pro-img li{width:260px;float:left;padding-right:20px;}
.project-info .project-inforight .pro-img li:last-child{padding-right:0;}
.project-info .project-inforight .pro-img li img{width:260px;height:161px;border-radius: 5%;}
.pro-sontit{font-size: 18px;line-height: 27px;font-weight: bold;padding:0 0 5px 0;display: block;}

/* project-list */
.project{}
.project .pro-up{height: 395px;background-color: #FFF;padding: 20px;}
.pro-up .pro-up-left{width: 550px;float: left;}
.pro-up .pro-up-left img{width: 550px;height: 341px;border: 1px solid #ccc;}
.pro-up .pro-up-left .onejsup{margin-top: 10px;}
.pro-up .pro-up-left .onejsup p{font-size: 14px;line-height: 21px;color: #999;}
.pro-up .pro-up-right{float: left;width: 570px;margin-left: 40px;}
.pro-up .pro-up-right h1{font-size: 30px;line-height: 45px;}
.pro-up-right .project-js{border-bottom:2px solid #11acc6;padding: 10px 0;}
.pro-up-right .project-js p{font-size: 14px;line-height: 21px;color: #666;text-indent: 2em;letter-spacing: 1px;}
.pro-up-right .project-cs{padding: 10px 0;background-color:#eaeaea;display: flow-root;}
.pro-up-right .project-cs p{font-size:18px;line-height:24px;padding-left: 10px;letter-spacing: 3px;}
.pro-up-right .project-cs li{float: left;width: 270px;padding: 10px 0 0 10px;font-size: 15px;line-height: 30px;}
.pro-up-right .project-cs li span{color:#11acc6;}
.pro-up-right .project-contact{margin-top: 15px;height: 50px;}
.pro-up-right .project-contact a{background: #11acc6;color: #fff;font-size: 18px;padding: 15px 15px;border-radius: 5px;display: block;float: left;}
.pro-up-right .project-contact span{color: #11acc6;font-size: 25px;font-weight: bold;margin-left: 110px;line-height: 50px;display: block;float: left;}
.icon_1{background: url(/techskin/images/icon_1.jpg);float: left;margin-right: 5px;margin-top: 2px;width: 25px;display: inline-block;height: 25px;}
.icon_2{background: url(/techskin/images/icon_2.jpg);float: left;margin-right: 5px;margin-top: 2px;width: 25px;display: inline-block;height: 25px;}
.icon_3{background: url(/techskin/images/icon_3.jpg);float: left;margin-right: 5px;margin-top: 2px;width: 25px;display: inline-block;height: 25px;}
.icon_4{background: url(/techskin/images/icon_4.jpg);float: left;margin-right: 5px;margin-top: 2px;width: 25px;display: inline-block;height: 25px;}
.icon_tel{background: url(/techskin/images/icon_tel.jpg);float: left;margin-right: 5px;margin-top: 11px;width:30px;display: inline-block;height: 30px;}
.pro-up-right .project-ys{margin-top: 15px;height: 50px;}
.pro-up-right .project-ys p{font-size: 18px;line-height: 30px;margin-right: 16px;}
.pro-up-right .project-ys p span{float: left;margin-right: 12px;font-size: 15px;}
.project .pro-down{background-color: #FFF;margin-top: 20px;padding: 20px;display: flow-root;}
.pro-down .pro-down-left{width: 200px;float: left;}
.pro-down .project-company{margin-bottom: 20px;}
.pro-down .project-company p{font-size: 16px;line-height: 40px;}
.pro-down .project-company p img{width: 200px;height: 200px;border: 1px solid #ccc;}
.pro-down .project-company .cstrong{font-weight:bold;font-size: 18px;text-align: center;}
.pro-down .project-company .companyys{color: #11acc6;font-size: 15px;text-align: center;line-height: 30px;font-weight: bold;margin: 10px 0;}
.pro-down .project-company span{color:#ff3333;font-weight:bold;}
.pro-down .project-kind{margin-bottom:20px;}
.pro-down .project-kind span{background: #11acc6;color: #fff;font-size: 18px;height: 50px;line-height: 50px;display: block;text-align: center;}
.pro-down .project-kind li{background-color: #e8e8e8;font-size: 18px;line-height: 48px;height: 48px;letter-spacing: 1px;text-align: center;border-bottom: 1px dashed #ccc;}
.pro-down .project-kind li a:hover{color:#11acc6;}
.pro-down .project-case{}
.pro-down .project-case span{background: #11acc6;color: #fff;font-size: 18px;height: 50px;line-height: 50px;display: block;text-align: center;}
.pro-down .project-case li{margin-top: 15px;}
.pro-down .project-case li a{}
.pro-down .project-case li a img{width: 200px;height: 124px;}
.pro-down .project-case li p{font-size: 12px;line-height: 24px;text-align: center;white-space: nowrap;}
.pro-down .pro-down-right{width: 940px;float: left;margin-left: 20px;}
.pro-down-right .project-wrap-tit{text-align: center;background: #11acc6;height: 50px;}
.pro-down-right .project-wrap-tit li{float:left;}
.pro-down-right .project-wrap-tit li a{padding: 0 58px;line-height: 50px;display: inline-block;font-size: 18px;color: #fff;}
.pro-down-right .project-wrap{}
.project-wrap .prowrap-jstit,.project-wrap .prowrap-zztit,
.project-wrap .prowrap-jgtit{color: #c4c4c4;font-size: 16px;text-align: center;line-height: 2.5rem;padding:10px 0;}
.project-wrap .prowrap-jstit p,.project-wrap .prowrap-zztit p,.project-wrap .prowrap-jgtit p{font-size: 28px;}
.project-wrap .prowrap-jstit p span,.project-wrap .prowrap-zztit p span,.project-wrap .prowrap-jgtit p span{color:#11acc6;}
.project-wrap .prowrap-js p,.project-wrap .prowrap-zz p,.project-wrap .prowrap-jg p{font-size: 16px;line-height: 28px;text-indent: 2em;}
.project-wrap .prowrap-js p span{font-weight: bold;font-size: 17px;margin: 5px 0;display: block;}
.project-wrap .prowrap-jg p span{font-weight: bold;font-size: 20px;color: #11acc6;padding: 5px;}
.project-wrap .prowrap-js img {width: 446px;height: 276px;margin: 10px;border: 1px solid #ccc;}
.project-wrap .prowrap-js td {padding:5px;}
.project-wrap .prowrap-zz{display: flow-root;}
.project-wrap .prowrap-zz img{width: 293px;height: 420px;margin: 10px;float:left;}
.pro-down-right .onejsdown{margin: 30px 0;}
.pro-down-right .onejsdown p{font-size: 12px;line-height: 18px;color: #999;}
.pro-down-right .project-news{}
.pro-down-right .project-news .project-newstop{height: 35px;border-bottom: 1px solid #e9e9e9;margin-bottom: 15px;}
.pro-down-right .project-news .project-newstop span{display: inline-block;padding-bottom: 9px;font-size: 20px;font-weight: bolder;color: #222;border-bottom: 1px solid #11acc6;cursor: default;}
.pro-down-right .project-news .project-newslist{overflow: hidden;list-style-type: disc;margin-top: 8px;}
.pro-down-right .project-news .project-newslist li{width: 455px;float: left;list-style-type: disc;margin: 0 0 8px 15px;font-size: 15px;line-height:22px;white-space: nowrap;color: #11acc6;}
.pro-down-right .project-news .project-newslist li a:hover{color:#11acc6;}

/*case*/
.case-area {background: #FFF;}
.case-area .case-title {padding: 20px;}
.case-title h1 {font-size: 24px;font-weight: bold;line-height: 36px;text-align: center;padding: 10px 0;}
.case-title .case-tit-box {}
.case-title .case-tit-box p {letter-spacing: 1px;font-size: 16px;line-height: 24px;;text-indent: 2em;}
.case-area .case-box {margin: 20px;}
.case-box .tab1{padding-bottom: 10px;}
.case-box .menu{height:70px;}
.case-box .menu li{float:left;width:385px;text-align:center;line-height: 50px;height: 50px;cursor: default;border-left: #cccccc solid 1px;font-size: 24px;overflow: hidden;background: #E0E2EB;padding: 10px 0;}
.case-box .menu li.off{background:#11acc6;color:#FFF;font-weight:bold;}
.case-box .menudiv {margin: 10px 0;}
.case-box .menudiv .menulist ul{display: flow-root;}
.case-box .menudiv .menulist li {padding:15px 15px 0;width:356px;float: left;}
.case-box .menudiv .menulist li img {width:356px;height:220px;border: #ccc solid 1px;}
.case-box .menudiv .menulist li a {display: block;color: #555;padding: 8px 0 0;text-align: center;font-size:15px;line-height:21px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;letter-spacing: 1px;}
.case-box .menudiv .menulist li a:hover {color: #11acc6;}
.case_box1{border: 1px solid #e8e8e8;border-radius: 5px;padding: 20px;background-color: #FFF;display: flow-root;margin-bottom: 20px;}
.case_box1 .case_img{width: 400px;border: 1px solid #dadada;float: left;height: 248px;}
.case_box1 .case_img img{width: 400px;height: 248px;}
.case_box1 .case_info{float: right;width: 720px;}
.case_box1 .case_info h1{font-size: 24px;overflow: hidden;padding: 0 0 15px;color: #555;line-height: 36px;}
.case_box1 .case_info .case_gaishu{font-size: 14px;line-height: 21px;letter-spacing: 1px;text-indent: 2em;}
.case_box1 .case_info table{border-collapse: collapse;border-spacing: 0;margin-top: 15px;width: 100%;font-size: 16px;line-height: 24px;text-align: left;}
.case_box1 .case_info table td{border: 1px solid #777;padding: 8px 20px;}
.case_box1 .case_info .case_tel{margin-top: 15px;}
.case_box1 .case_info .case_tel a{background: #11acc6;color: #fff;font-size: 18px;padding: 12px;border-radius: 5px;display: block;float: left;letter-spacing: 2px;}
.case_box1 .case_info .case_tel span{color: #11acc6;font-size: 26px;font-weight: bold;margin-left: 100px;line-height: 48px;display: block;float: left;}

/* about */
.about_box{margin-bottom:20px;display: flow-root;}
.about-sub-title{margin: 15px 0;text-align: center;}
.about-sub-title h1{font-size: 40px;font-weight: 600;line-height: 60px;color: #11acc6;}
.about-mb h2{ font-size:36px; color:#333;line-height: 54px;}
.about-mb .ab-txt{text-indent: 2em;color:#666;font-size: 16px;line-height: 32px;margin:10px 0;}

.jianjie{}
.jianjie img{width:100%}
.jianjie .l_box{width:64%;position:relative} 
.jianjie .r_box{width:34.5%;}
.jianjie .l_box h3{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
.jianjie .l_box .pd{position:absolute; left:80px; top:13%; width:70%; padding:30px 30px 30px; background:url(../images/white87.jpg) repeat;} 
.jianjie .l_box .pd p{font-size:14px; color:#787878; line-height:26px; margin-bottom:30px;}
.jianjie .l_box .icon_list li{width:25%; float:left; text-align:center;}
.jianjie .l_box .icon_list li a{display:block;}
.jianjie .l_box .icon_list li a:hover .icon{transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.jianjie .l_box .icon_list li .icon{width:55px; height:55px; margin:0 auto 15px; display:block; background:url(../images/about_icons.jpg) 0 0 no-repeat;}
.jianjie .l_box .icon_list .li2 .icon{background-position:-55px 0;}
.jianjie .l_box .icon_list .li3 .icon{background-position:-110px 0;}
.jianjie .l_box .icon_list .li4 .icon{background-position:-165px 0;}
.jianjie .l_box .icon_list .name{display:block;font-size:14px; color:#1f1f1f; line-height:20px;}
.jianjie .info_box{background:#F2F6FF repeat repeat; padding:13px; }
.jianjie .r_box h3{font-size: 18px;line-height: 24px;margin-bottom: 6px;}
.jianjie .r_box .pd{ background:#fff;    box-shadow: #E2E8FB 0px 3px 10px; padding:15px} 
.jianjie .r_box .pd li{font-size:15px; color:#787878; line-height:29px;}

.opc0 h3{font-size: 24px;line-height: 36px;margin-bottom: 6px;}
.opc0 .left,.opc0 .right{width:50%;}
.opc0 .left{position:relative}
.opc0 .left img,.opc0 .right img {border: 1px solid #ccc;}
.opc0 .right{position: relative;}
.opc0 .right .cont{ position: absolute; top: 0; max-width: 600px; box-sizing: content-box; padding: 7% 15%;}
.opc0 .right .cont .tit{font-size: 70px; margin-bottom:10px; color: #fff; line-height: 1;font-weight: 800;}
.opc0 .right .cont .title{font-size: 24px;color: #fff; }
.opc0 .right .cont .dec{ font-size: 15px; color: #fff; line-height:32px;margin-bottom:12px; margin-top:20px; }
.opc0 .right .cont li{ display: inline-block; *zoom:1;*display: inline; color: #fff; margin-right: 6%; }
.opc0 .right .cont li .num{ font-size: 59px; font-family: "impact";}
.opc0 .right .cont li.jia{ font-size: 59px; font-family: "impact";}
.opc0 .right .cont li .num_dec{ font-size: 16px;}
.opc0 .right .cont .more{ font-family: "arial"; color: #8f8f8f; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; padding: 2% 5%;}
.opc0 .right .cont .more:hover{ color: #d0112b; }

.hezuo {margin: 20px auto 0;}
.hezuo img {width:1200px;}

.zizhi-area {}
.zizhi-area .zizhi{width:1200px;float: left;margin-top: 10px;}
.zizhi-area .zizhi li {float:left;width:280px;margin-right:26px;}
.zizhi-area .zizhi li:last-child {margin-right:0;}
.zizhi-area .zizhi li span {text-align: center;display: block;font-size: 15px;line-height: 21px;}
.zizhi-area .zizhi li img {width: 280px;border: 1px solid #ccc;}

.about-xz{margin-top: 50px;background: #252A33;padding:50px 5%;margin-bottom: 100px;}
.about-xz h2{text-align:center;font-size: 36px;color:#fff;font-weight: 600;}
.about-xz p{font-size: 18px;color:#a0a0a0;line-height: 36px;text-align: center;margin-bottom: 20px;}
.about-xz li{width: 13%;float: left;margin:15px 0.6%;}