body{ font-family:"Arial", "微软雅黑"}
#product{ margin-bottom:80px;}
#product dl{width:276px;margin:0 13px; border:2px solid #ebebeb; float:left; height:380px;}

#product dl dt{height:50px; background:#f1f1f1 no-repeat center 20px; text-align:center;color:#666;font-size:18px; padding-top:70px;}
#product dl.selected{border-color:#14b8d5;}
#product dl.selected dt{color:#fff; background-color:#14b8d5;}

#product dl.prosumer{ margin-left:0;}
#product dl.cloud_web{ margin-right:0;}

#product dl.prosumer dt{ background-image:url(../images/product/p1.png);}
#product dl.prosumer.selected dt{ background-image:url(../images/product/p1-white.png);}
#product dl.direct dt{ background-image:url(../images/product/p2.png);}
#product dl.direct.selected dt{ background-image:url(../images/product/p2-white.png);}

#product dl.cloud dt{ background-image:url(../images/product/p3.png);}
#product dl.cloud.selected dt{ background-image:url(../images/product/p3-white.png);}

#product dl.cloud_web dt{ background-image:url(../images/product/p4.png);}
#product dl.cloud_web.selected dt{ background-image:url(../images/product/p4-white.png);}

#product dl dd{padding:20px 0; text-align:center;font-size:14px;color:#666}
#product dl dd p{line-height:28px;}

#product dl dd a{padding:8px 10px; background:#f1f1f1; display:inline-block;color:#666; text-decoration:none;}
#product dl.selected dd a{background:#14b8d5;color:#fff; text-decoration:none;}
#product dl.selected dd a:hover{background:#15b0ce;}



#mode{ padding:30px 0;}

#mode dl{width:239px;margin:0; border-right:1px solid #ebebeb; float:left; height:200px;}
#mode dl.dl-last{border-right:none;width:240px;}

#mode dl dt{text-align:center;color:#666;font-size:18px; }
#mode dl dt span.icon{ display:block; width:66px; height:60px; margin:0 auto; background-image:url(../images/mode.png);}
#mode dl dt span.title{ text-align:center; color:#555; font-size:22px; display:block; line-height:50px; }


#mode dl dd{ color:#999; font-size:14px; line-height:24px; width:170px; margin:0 auto; }

#mode dl#award dt span.icon{background-position: 0 0;}
#mode dl#client dt span.icon{background-position: -67px 0;}
#mode dl#stock dt span.icon{background-position: -134px 0;}
#mode dl#order dt span.icon{background-position: -201px 0;}
#mode dl#sales dt span.icon{background-position: -268px 0;}

#ter div{width:238px;height:238px; border-radius:119px;border:1px solid #fefefe; margin:30px; float:left; background-color:#fff; background-position: center 80px; background-repeat:no-repeat; cursor:default;}
#ter div.selected{border:1px solid #14b8d5; background-color:#14b8d5;}

#ter div span{ text-align:center; display:block; margin-top:130px; color:#707070; font-weight:400; font-size:24px;}
#ter div.selected span{color:#fff}

#ter div#ter_pc{ background-image:url(../images/product/ter1.png);}
#ter div#ter_pc.selected{ background-image:url(../images/product/ter1-white.png);}
#ter div#ter_app{ background-image:url(../images/product/ter2.png);}
#ter div#ter_app.selected{ background-image:url(../images/product/ter2-white.png);}
#ter div#ter_applet{ background-image:url(../images/product/ter3.png);}
#ter div#ter_applet.selected{ background-image:url(../images/product/ter3-white.png);}
#ter div#ter_official{ background-image:url(../images/product/ter4.png);}
#ter div#ter_official.selected{ background-image:url(../images/product/ter4-white.png);}

#solution_section{ background:#373d41; height:420px; margin-bottom:80px;}
#solution{ height:420px;}
#solution dl{ float:left; width:20%; height:420px;position:relative; text-align:center;color:#fff; }
#solution dl dt{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2);font-size:18px; font-weight:500; }
#solution dl dt p.top{padding-top:180px;}
#solution dl.solution-even dt{ background:rgba(0,0,0,.4);}
#solution dl dd,#solution dl dd img{ width:100%; height:100%;}


#added_container{ background:url(../images/added/bg.jpg) no-repeat center center; height:489px;}

#added_container .section-title span{ border-bottom:3px solid #d3d3d3; padding-bottom:10px;}
#added{width:1000px;margin: 0 auto; padding-top:40px;}
#added dl{ float:left;width:200px;}
#added dl dt{border-radius:50%; width:130px; height:130px; border:3px solid #fff; margin:0 auto;}
#added dl dt img{ width:80px; height:80px; margin:25px auto; display:block;}
#added dl dd{ margin-top:20px;font-size:22px; font-weight:500; text-align:center; color:#fff;}

#we_clients_container,#partner_container{ background:#f6f6f6;}
#we_clients_container .section-title span,#partner_container .section-title span{ border-bottom:3px solid #d3d3d3; padding-bottom:10px;}
#we_clients ul ,#we_clients li,#partner ul,#partner li{margin:0; list-style:none;}
#we_clients ul,#partner ul{font-size:30px;padding:10px 35px;}

#we_clients li{ display:inline-block;height:80px;}
#we_clients li img{width:auto; height:100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.6;
}
#we_clients li img:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity:1;
}
#partner li img {width:100%;}

.news a,.news a:hover,.news a:active{ color:#333;}


.flexslider .nav{
    width:1200px;
    overflow:hidden;
    margin:0 auto;
    left: 0;
    right: 0;
    top:285px;
    position:absolute;
    z-index:98
}
.navtip li{
    float:left;
    width:25%;
    line-height:100px;
    list-style-type:none;
}
.navtip a{
    text-decoration:none;
}
.navtip li span{
    color:#1296DB;
}

.section .modals{
    width:1200px;
    margin:0 auto;;
}
.section .modals a{
    text-decoration:none;
}
.listno li{
    list-style-type:none;
}
.section .modals a.more{
    background-color:#1296DB;
    width:125px;
    height:50px;
    line-height:50px;
    display: inline-block;
    margin-top:100px;
}
.section ul.develop li{
    border:1px solid #d5d5d5;
    background:#f1f1f1;
    width:280px;
    height:110px;
}
.section a{text-decoration:none}
.section ul.develop li img{
    margin-top:15px;
}
.section .design{
    width:600px;
    margin-top:190px;
}
.section .design p{
    color:#1296DB;
    font-weight:bolder
}

.wap{ width:1200px;margin:0 auto;}
.section .design .fr{ line-height:750px; }

.section .iteration{margin-top:300px;color:#1296DB; font-weight:bolder}
.section .iteration .more{
    width:600px;
    text-align:center;
}
.section .iteration a.more{
    background-color:#1296DB;
    width:125px;
    height:50px;
    line-height:50px;
    display: inline-block;
    margin-top:55px;
}
/*头部*/
.header .navbar ul li.curt{ background:#00aaff; }
.header .navbar ul li.curt a{color:#fff}
.black a{color:#666}
/*.header .navbar ul li.curt a{color:#fff; text-decoration:none}*/
/*.header .navbar ul li.curt a:hover{color:#fff}*/
.header .navbar .parent-subnav{ position:relative}
.header .navbar .subnav{ position:absolute; top:120px; left:0; width:750px; height:84px; background:#666666;
z-index:99}
.header .navbar .subnav2{ position:absolute; top:120px; left:0; width: 520px; height:84px; background:#666666;
    z-index:99}
.header .navbar .subnav3{ position:absolute; top:120px; left:0; width:450px; height:84px; background:#666666;z-index:99}

.header .navbar .subnav4{ position:absolute; top:120px; left:0; width:380px; height:84px; background:#666666;
    z-index:99}
.header .navbar .subnav5{ position:absolute; top:120px; left:0; width:668px; height:84px; background:#666666;
    z-index:99}
.header .navbar .subnav6{ position:absolute; top:120px; left:462px; width:320px; height:84px; background:#666666;
    z-index:99}
.header .navbar .subnav9{ position:absolute; top:120px; left: 690px; width:320px; height:84px; background:#666666;
    z-index:99}
.header .navbar dl{ display:none}
.header .navbar li.curt dl{ display:block}
.header .navbar .subnav dd{ float:left;margin-left:15px; line-height:84px;}
.header .navbar .subnav2 dd{ float:left;margin-left:15px; line-height:84px;}
.header .navbar .subnav3 dd{ float:left;margin-left:15px; line-height:84px;}
.header .navbar .subnav4 dd{ float:left;margin-left:15px; line-height:84px;}
.header .navbar .subnav5 dd{ float:left;margin-left:15px; line-height:84px;}
.header .navbar .subnav6 dd{ float:left;margin-left:15px; line-height:84px;}
.header .navbar .subnav9 dd{ float:left;margin-left:15px; line-height:84px;}
.header .navbar .subnav dd a:hover{ color:#00aaff;}
.header .navbar .subnav2 dd a:hover{ color:#00aaff;}
.header .navbar .subnav3 dd a:hover{ color:#00aaff;}
.header .navbar .subnav4 dd a:hover{ color:#00aaff;}
.header .navbar .subnav5 dd a:hover{ color:#00aaff;}
.header .navbar .subnav6 dd a:hover{ color:#00aaff;}
.bg-gblue{
    background:#00aaff;
   width:452px;
    height:420px;
}
.bg-gblue2{
    background:#739ED1;
    border-radius:25px;
}

.wap .vertical{
    width:70px;
    height:308px;
  }
.wap .vertical p{width:30px;}
.wap .about-us{ height:185px;}
.wap .mores{
    width:60px;
    height:20px;
    border:1px #fff solid;
    line-height:20px;
    margin-top:80px;
}
.wap .us-news{
    width:455px;
    height:419px;}
.wap .news{ height:180px;}
.wap .us-news a{color:#00499b}
.wap .us-news {color:#00499b}
.wap .news-more{
    width:60px;
    height:20px;
    border:1px #666 solid;
    line-height:20px;
    margin-top:60px;
}
.bg-yblue{
    background:#12498f;
    width:601px;
    height:418px;
}
.wap .product-bg{
    background:#4ac3c1;
    width:603px;
    height:300px;
}
.wap .product{height:115px}
.wap .product-more{
    width:60px;
    height:20px;
    border:1px #fff solid;
    line-height:20px;
    margin-top:60px;
}

.wap .quality .title{
    border-top:2px solid #00499b;
    display: -webkit-inline-box;
}
.wap .quality_mask .title{
    border-top:2px solid #fff;
    display: -webkit-inline-box;
}
.wap .quality{ color:#00499b}
.font-big{ font-weight:bolder}

.love-bg{
    background:#7abc07;
    width:320px;
    height:280px;
}
.wap .love{ height:115px; width:400px;}
.wap  ul.footer-list li{
    list-style-type:none;
    padding-top:10px;
    float:left;
}
.footer-bg{
    background:#f5f5f4;
    height:332px;
}
.footer-bg a{
    font-size:10px;
}
.wap .footer-list dl{ border-right:1px solid #999; height:210px;}
.wap .footer-list dl dd{
    width:240px;
    padding-top:10px;

}
.wap .footer-list dl dd a{ color:#666}
.wap dl.address{ position:relative}
.wap dl.address dd{ padding-right:25px; width:360px}
.wap dl.address dd span{ font-weight:600}
.wap .flid1{ position:absolute; top:45px; left:60px;}
.wap .flid2{ position:absolute; top:70px; left:60px;}
.wap .code { width:370px; height:100px; margin-top:50px;}
.wap .code a{ color:#666}
.wap .code li{ width:75px;}


.special a{ color:#666}
/*底部*/
.footer ul.lists li{ height:83px; line-height:83px; padding-right:5px;}
.footer .Copyright{ height:83px; line-height:83px; padding-right:162px;}

/*集团*/
.section .bg-blue2{ height:84px; width:1200px; background:#00499b}
.section .bg-blue2 a{ color:#fff}
.section .leader{ height:84px;line-height:84px}
.section .level{ width:420px;}
/*.section .business-list{ width:700px}*/
.section .business-list li{ padding-left:29px;}
.section .business-list li.nopl{ padding-left:0}
.section .business-list .btn-line a{ border-bottom:2px solid #00aaff; padding-bottom:10px;}
.section .leader-title{ height:144px; line-height:200px;}
.section .speech p{
    column-count:3;
    -webkit-column-count:3;
    -moz-column-count:3;

    column-gap:80px;
    -webkit-column-gap:80px;
    -moz-column-gap:80px;

    column-rule:1px solid #999;
    -webkit-column-rule:1px solid #999;
    -moz-column-rule:1px solid #999;
}
.section .speech li{ height:400px;}
.section .speech .fl{line-height:400px}
.section .speech img{ width:213px; height:300px; border:1px solid #dbdbdb}
.section .speech .fr{ width:940px; padding-left:45px; padding-top:44px;}

/*企业文化*/
.section .trust{ width:317px; height:718px; background:#4ac3c1}
.section .innovation{ width:465px ; height:360px;background:#00aaff; margin-left:338px;}
.bg-blue3{background:#00aaff}
.bg-blue4{background:#4ac3c1}
.bg-blue5{background:#3cb371}
.bg-blue6{background:#00499b}
/*集团*/
.section .industry li{ width:400px; height:310px;}
.section .industry .day{margin-top:45px;}
.section .industry .day div{ width:160px; height:160px ; border-radius:50%; margin: 0 auto;}
.section .industry .day span{ padding-top:60px;}
.section .production-line{ margin-top:100px;}
.section .production-line span{ border-top:2px solid #666;}

.left-arrow{   position:absolute; width:68px ; height:70px; z-index:999; left:0; top:200px;; line-height:78px}
.right-arrow{  position:absolute; width:68px ; height:70px; z-index:999;  right:0; top:200px;line-height:78px}

.section .highlights li{ width:400px; height:309px;}
.section .highlights .results{ width:343px; height:270px;background:#999}
.section .security{ width:800px;}
.section .security .security-process{ width:461px; height:310px;}
.section .security-img{ display:inline-block; background:#00aaff}
.section .social-benefit{ width:402px; height:309px;}
.content-wap{max-width:1920px;min-width:1200px; overflow:hidden;margin:0 auto;}
.section .low-carbon{ width:436px; height:308px;}
.section .economic-benefits{  width: 535px;height: 268px;background:#999}

/*愿景*/
.section .mission{ width:740px; height:345px; background:#e2e2e2}
.section .mission span{ border-bottom:2px solid #666; padding-bottom:4px;}
.section .efficiency li{ width:345px; height:345px;}
.section .vision{ height:80px; line-height:80px;}
.section .danking{ font-size:68px; padding-top:35px;}
.section .server{ width:600px; height:345px;}
.section .product-value .fl{ width:190px; height:350px;}
.section .product-value .value{ width:410px  ;height:350px;}

.btn-height{margin-bottom:180px;}

.section  p.fixd{ position:absolute; top:30px; right:70px;z-index:99; width:20px; }


.section li.culture{ width:470px; height:360px; background:#fe7a2b}
.section li.culture span{ border-bottom:2px solid #fff; padding-bottom:8px;}
.section li.culture .culture-innovation{ padding-top:150px;}
.section .wap .public-welfare{ width:470px; height:358px;background:#7abc07}
.section .wap .public-welfare span{border-bottom:2px solid #fff; padding-bottom:8px}

.section .depend{ width:580px; height:240px;background:#ffde00}
.section .depend span{ border-bottom:2px solid #666; padding-bottom:8px;}
.section .devote{ width:560px; height:200px;}
.section .devote span{ border-bottom:2px solid #fff; padding-bottom:8px;}
.section .excellence{ width:560px; height:200px;}
.section .excellence span{ border-bottom:2px solid #fff; padding-bottom:8px;}

.greens{ background:#7abc07}
.yellow{ background:#ffde00}
.pink{ background:#df3786}

/*荣誉*/
.section .honor-list{ height:354px;}
.section .honor-list ul{ width:930px;  margin:0  auto}
.section .honor-list li a{border-right:1px  solid #fff; padding-right:20px; padding-left:20px;}
.section .honor-list li a.no-bor{ border:none}

.wap .honor-location1{ top:188px; right:0px; z-index:99}
.wap .honor-location2{ top:610px; left:0px; z-index:99}
.wap .honor-location3{ top:1045px; right:0px; z-index:99}
.wap .honor-location4{ top: 1481px; left: 168px; z-index:99}
.wap .honor-location5{ top: 2093px; right: 170px; z-index:99}
.wap .honor-location6{ top:2703px; left:0px; z-index:99}
.wap .honor-location7{ top: 3093px; right: 170px; z-index:99}


/*爱心公益*/
.wap .local-development{ height:560px;}
.wap .technical-support{ width:370px; height:240px; background:#33cccc}
.wap .technical-support span{display:block; width:80px; border: 2px solid #fff; }
.wap .step-up{ width:220px; height:240px;}
.wap .step-up span{display:block; width:80px; border: 2px solid #fff;}
.wap .technical-support a{ background:url("../images/love/icon.png") 0 0px; display:block;width:75px; height:65px; margin-left:140px; margin-top:60px;}


/*新闻*/
.wap .news-content{ width:775px; height:300px}
.wap .days{ width:80px ;height:77px;}
.wap .days span{ width:80px; height:50px; line-height:50px; }
.wap .days p{ height:22px; line-height:22px;}
.wap .news-list li{ border-bottom:1px solid #dfdfdf; height:72px; width:1200px}
.wap .news-title{ width:860px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.wap .searchs li{ width:100px; height:70px;}
.wap li.search-work{ width:200px; height:72px; line-height:70px; background:#009eff}
.wap li.search-work a{cursor:pointer}
.wap .social-recruitment{ width:133px; height:68px; line-height:70px; top:0; left:0; border:1px solid #999; float:left}
.wap .social-recruitment select{    width: 100px;
    height: 63px;
    border: none;
    font-size: 18px;}
.wap .searchs .fl input{width:859px; height:66px;}
.wap .searchs .fl{ border: 1px solid #009eff}
/*.plays p{ width:745px;}*/
/*发展历程*/
.wap .partner li{ padding-left:190px;}
.wap .increment{ width:213px; height:213px; border-radius:50%; margin-left:95px;}
.wap .up-list li{ width:33%; text-align:center}
.wap .set-up li{ width:538px; height:218px;}
.wap .set-up li.right-line{ border-right:1px solid #999}
.wap .years{ width:100px; height:100px; line-height:100px;  border-radius:50%}
.wap .case{padding-left:100px;}
.wap .joint-venture{line-height:100px;}
.wap li.lines{ top:100px; left:50px;}

.top-h200{ margin-top:200px;}

/*关于我们*/
.wap .job-information{width:140px;}
.wap .job-title{ width:912px;}
.wap .job-title li{ width: 100px;}
.wap .join{ width:173px; height:48px;; line-height:48px;}
.wap .work-name{ height:50px; line-height:50px;border-bottom:1px solid #c9c9c9}
.wap .work-name ul.work-lists{float:left ; width:680px;}
.wap .work-name ul.work-lists li{height:50px; line-height:50px;}
.wap .paging{ height:135px; height:135px;}
.about_up{top:0; left:0; background: rgba(0,0,0,.4);}
#job-curt li{ width:230px; text-align:left}

/*视频中心*/
.wap .public_time{ width:50px; height:50px;}
.video{ width:810px; height:80px;}
.videos .fl{ border-right:1px solid #999}
.wap .play{ width:798px; height:510px;}
.wap .video-selections{ width:332px; }
.wap .video-selections a{width:182px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.wap .video-selections p{ height:40px; line-height:40px;}
.wap p.more_select{ width:1180px; height:40px; line-height:40px;}
.wap li.selecte_list{ width:200px; height:111px; padding-left:50px}

/*蒙版*/
.wap #about_mask{background: rgba(7,122,238,0.6); width:1200px; height:420px; position:absolute; top:0; left:0; right:0;z-index:10000; display:none}
.wap #about_mask .mores{
    width:100px;
    height:30px;
    border:1px #fff solid;
    line-height:30px;
    margin-top:185px;
    margin-left:345px;
}
.wap #news_mask{background: rgba(38,81,168,0.8); width:1200px; height:420px; position:absolute; top:0; left:0; right:0;z-index:10000; display:none}
.wap #news_mask .more{
    width:100px;
    height:30px;
    border:1px #fff solid;
    line-height:30px;
    margin-top:192px;
    margin-left:776px;
}
.wap #business_mask{background: rgba(37,181,251,0.8); width:1200px; height:420px; position:absolute; top:0; left:0; right:0;z-index:10000; display:none}

.wap #business_mask .more{
    width:100px;
    height:30px;
    border:1px #fff solid;
    line-height:30px;
    margin-top:200px;
    margin-left:260px;
}
.wap #products_mask{background: rgba(0,188,125,0.8); width:1200px; height:600px; position:absolute; top:0; left:0; right:0;z-index:10000; display:none}

.wap #products_mask .more{
    width:100px;
    height:30px;
    border:1px #fff solid;
    line-height:30px;
    margin-top:266px;
    margin-left:867px;
}
#course a{ color:#009eff}
.wap #love_mask{background: #7abc07; opacity:0.9; width:1200px; height:280px; position:absolute; top:0; left:0; right:0;z-index:10000; display:none}
.wap #love_mask .more{ width:100px;
    width:100px;
    height:30px;
    border:1px #fff solid;
    line-height:30px;
    margin-top:-20px;
    margin-left:557px;}
.about_img a{background:url("../images/nav_icon/about11.jpg");width: 55px; height: 55px; display:block; padding-right:18px; margin-top:-5px;}
.mask_img a{ background:url("../images/nav_icon/newss.jpg") no-repeat;width: 60px; height: 60px; display:block;
}
.business_img a{ background:url("../images/nav_icon/bn.jpg");width: 66px; height: 58px; display:block; margin-top:-10px;}
.product_img a{background:url("../images/nav_icon/pr.jpg"); width: 85px; height: 57px;;display:block; margin-top:-13px;
}
.lovemask_img a{background:url("../images/nav_icon/love-tip.png"); width: 44px; height: 38px;display:block;}

.fs15{ font-size:15px}
.fs56{ font-size:56px;}
.wap ul.product-lists li{ width:300px; padding-top:45px;}
.wap ul.product-lists li img{ width:263px; height:320px;}
.hot-line{ border:1px solid #ececec;height:374px; width:1198px; border-bottom:none}
.hot-line ul{ margin-top:35px;margin-left:35px;}

.em {text-indent:2em;}

.wap .job-type{ width:230px; list-style-type:none}
.wap .job-type li{ width:230px; height:50px; line-height:50px; background:#0099ff;}
.wap .job-type li:hover{ background:#00499b}
.project—content li{ width:456px; height:150px}
.project—content li .contents{ width:385px; height:150px}
.project—content li .contents a{ display:block; width:35px; height:35px; line-height:35px; border-radius:50%;  color:#0099ff;display:inline-block}

.plan table tr { height:50px; line-height:50px;}
.plan table tr td{border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.condition li{ line-height:28px;}
.detail_info{ height:280px;}
.bg3{background:#0099ff;}
.infos{ padding-top:56px; width:30%}
.info{ width:168px; height:168px; border-radius:50%; background:#00499b; margin-left:124px;}
.info ul{ padding-top:50px;}
.infos ul li{ list-style-type:none}
.wap .detail_lists{ width:70%; padding-top:56px;}
.wap .detail_lists ul li{ list-style-type:none}
.big-img{ background:#d9e1ed; height:900px; line-height:900px; margin-bottom:90px; margin-top:35px;}

.job-info td{ height:30px; line-height:30px }
.job-info tr{ border-bottom:1px solid #fff}
.from-left{ width:100px; color:#fff; text-align:center}
.from-right{ width:320px; padding-left:40px;}