@import url(global.css);
/****************banner*******************/
.index_banner{width:100%;position:relative;overflow:hidden;height:450px;z-index:1;}
.index_bannerbox{width:100%;position:relative;z-index:1;}
.index_banner_tabmask{z-index:3;background-color:#000;height:20px;}
.index_banner_tabbtn,.index_banner_tabmask{text-align:center;position:absolute;bottom:0px;left:0px;padding:10px 0; width:100%;background: none;}
.index_bannerbox ul{position:relative;top:0px;left:0px;z-index:2;width:100%;overflow:hidden;}
.index_bannerbox ul li{float:left;position:relative;overflow:hidden;width:1920px;}
.index_bannerbox ul li img{position:relative;top:0px;left:50%;margin-left:-960px;}
.index_bannerbtn_span{display:inline-block;margin:0 8px; cursor:pointer; width:13px;background-color:#8b949f;height:13px;_overflow:hidden;border-radius: 13px;}
.index_banner_tabbtn .span_select{background-color:#d20000;}
.index_banner_tabbtn{z-index:4;}
/*.banner_eidtbox{position:absolute;left:0px;padding-left:18%;}*/
.banner_eidtbox{width:1020px;position:absolute;top:0%;left:47%; height:100%;margin:0px 0 0 -510px;}
.banner_cn,.banner_eg{color:#fff;}
.banner_cn{font-size:48px;font-weight:bold;}
.banner_eg{font-size:24px;font-family:Arial;}
.banner_aapdding{padding:15px 0;}
.banner_a{display:inline-block;width:147px;height:42px;background:url(../images/hbgk_btn.png) no-repeat;}
.banner_eidtbox .list{ padding:150px 0 30px 0; overflow:hidden;}
.banner_eidtbox .list span{ font-size:32px; padding-bottom:20px; display:block;}
.banner_eidtbox p{font-size:20px;color:#fff;line-height:36px; padding-top:50px;}
/*  搜索 */
.search{height:60px;overflow:hidden;}
.searFont{line-height:60px;width:800px;}
.searFont strong{color:#ff0000;font-weight:normal;font-size:14px;}
.searFont a{margin:0 6px;}
.searMain{width:350px;height:38px;line-height:38px;overflow:hidden;margin-top:10px;border:1px solid #cbcbcb;}
.searMain .sear_text{float:left;width:285px;height:38px;line-height:38px;padding:0 10px;background:#fff;}
.searMain .sear_btn{float:right;width:38px;height:38px; cursor:pointer;background:url('../images/background/sbtn.png') no-repeat center center;transition:all 0.3s;}
.searMain:hover{box-shadow:0 0 5px #b2d8ff;border:1px solid #b2d8ff;}
/* ---------------mainBody_01-------------------------------  */
.mainBody_01{width:1200px;margin:50px auto 20px;overflow:hidden;}
.mainBody_01 .ttArea{width:1200px; height:40px; padding-bottom:10px;}
.mainBody_01 .ttArea li{width:380px; height:40px; line-height:40px; text-align:center; font-size:16px;margin-right:30px; float:left; background:#333;}
.mainBody_01 .ttArea li:last-child{margin-right: 0;}
.mainBody_01 .ttArea .this{background:#d20000;}
.mainBody_01 .ttArea li a{color:#fff; display:block; width:100%; height:40px;}
.mainBody_01 .tcArea{width:1200px; height:340px; overflow:hidden;}
.mainBody_01 .tcArea .left{width:380px; height:330px; float:left;}
.mainBody_01 .tcArea .left img{width:380px; padding-top:10px;}
.mainBody_01 .tcArea .left p{width:380px; height:120px; padding-top:10px; font-size:13px; line-height:24px; overflow:hidden;}
.mainBody_01 .tcArea .right{width:790px; height:330px; float:right;}
.mainBody_01 .tcArea .right ul{width:230px; height:320px; float:left; padding:10px 0;margin-right: 50px;}
.mainBody_01 .tcArea .right ul:last-child{margin-right: 0;}
.mainBody_01 .tcArea .right ul img{width:230px; height:230px;}
.mainBody_01 .tcArea .right .more{width:230px; height:30px; line-height:30px; font-size:16px;overflow:hidden;}
.mainBody_01 .tcArea .right .info{width:230px; height:44px; line-height:22px; font-size:13px;overflow:hidden;color:#666;}

/* ---------------mainBody_02-------------------------------  */
.mainBody_02{width:100%;min-width:1150px;margin:0 auto;overflow:hidden;}

/*  关于我们 */
.about{padding:50px 0;overflow:hidden;color:#fff;}
.settingBox{width:540px;border:2px solid #fff;position:relative;overflow:hidden;height:360px}
.settingBox li,.settingBox .ohbox{width:540px;height:360px;overflow:hidden;position:relative;}
.settingBox li img{width:540px;height:360px;transition:all 0.5s;}
.settingBox li p{display:block;height:45px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#fff;background: url('../images/background/opc.png');background: rgba(0,0,0,.6);transition:all 0.4s;position:absolute;z-index:2;padding:0 20px;bottom:0;width:500px;}
.settingBox li:hover img{transform:scale(1.1);}
.settingBox .pageBtn span{position:absolute;top:140px;cursor:pointer;left:0;background: url('../images/background/setting_btn.png') no-repeat;width:40px;height:30px;font-size:0;line-height:0;opacity:.5;}
.settingBox .pageBtn .next{left:auto;right:0;background-position: -40px 0;right:0;}
.settingBox .pageBtn span:hover{opacity:1;}
.aboutRight{width:560px; padding: 10px 20px;}
.aboutRight .font{height: 175px;overflow: hidden;line-height: 1.6;}
.aboutRight .hTitle{color:#000;text-align:left;position:relative;padding:20px 0 0 0;}
.aboutRight .hTitle:after{content:"";left:0;bottom:0;width:50px;height:1px;background:#666;position:absolute;}
.aboutRight .hTitle span{color:#000;opacity:.4;}
.aboutRight .more{width:160px;height:38px;line-height:38px; font-size: 14px; text-align:center;display:inline-block;color:#666;border-radius:5px;border:1px solid #666;}
.aboutRight .more:hover{background:#fff;color:#0e79f3;}

/*  产品介绍 */
.about2{padding:20px 0;overflow:hidden; color:#fff;}
.settingBox2{width:540px;border:2px solid #fff;position:relative;overflow:hidden;height:360px}
.settingBox2 li,.settingBox .ohbox{width:540px;height:360px;overflow:hidden;position:relative;}
.settingBox2 li img{width:540px;height:360px;transition:all 0.5s;}
.settingBox2 li p{display:block;height:45px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#fff;background: url('../images/background/opc.png');background: rgba(0,0,0,.6);transition:all 0.4s;position:absolute;z-index:2;padding:0 20px;bottom:0;width:500px;}
.settingBox2 li:hover img{transform:scale(1.1);}
.settingBox2 .pageBtn span{position:absolute;top:140px;cursor:pointer;left:0;background: url('../images/background/setting_btn.png') no-repeat;width:40px;height:30px;font-size:0;line-height:0;opacity:.5;}
.settingBox2 .pageBtn .next{left:auto;right:0;background-position: -40px 0;right:0;}
.settingBox2 .pageBtn span:hover{opacity:1;}
.aboutRight2{width:600px;}
.aboutRight2 .hTitle{color:#000;text-align:left;position:relative;padding-bottom:20px;margin-bottom:20px;}
.aboutRight2 .hTitle:after{content:"";left:0;bottom:0;width:50px;height:1px;background:#333;position:absolute;}
.aboutRight2 .hTitle span{color:#000;opacity:.4;}
.aboutRight2 .font{height:215px;overflow: hidden; }
.aboutRight2 .more{width:160px;height:38px;line-height:38px;text-align:center;display:inline-block;color:#666;border-radius:5px;margin-top:30px;border:1px solid #666;}
.aboutRight2 .more:hover{background:#fff;color:#0e79f3;}

/*  定制服务 */
.service{padding-top:40px;overflow:hidden;height:450px;}
.service .w1200{position:relative;height:455px;}
.hTitle{text-align:center;font-size:30px;color:#0f79f3;line-height:35px;margin-bottom:25px;font-weight:normal;text-transform: uppercase;}
.hTitle span{display:block;font-size:20px;color:#dfdfdf;font-family:Arial;}
.service .hTitle{color:#fff;}
.service .hTitle span{color:#fff;opacity:.3;}
.searviceL{width:375px;height:320px;bottom:15px;left: 40px;position:absolute;color:#a0ccff;}
.searviceL h3{font-size:20px;color:#fff;font-weight:normal;margin-bottom:25px;}
.searviceL p{margin-bottom:8px;}
.searviceR{width:380px;height:190px;bottom:25px;right:60px;position:absolute;font-size:18px;color:#fff;line-height:26px;}
.searviceR .txt{margin-bottom:10px;}
.searviceR a{display:inline-block;width:95px;height:30px;line-height:30px;text-align:center;border:1px solid #fff;border-radius:3px;margin-right:16px;color:#fff;font-size:14px;}
.searviceR a:hover{background: #ffffff;color:#1d66bb; }
/*  产品中心 */
.product{padding:50px 0;overflow:hidden;background:#f7f7f7;border-top:1px solid #eee;}
.proLeft{width:260px;}
.proLeft .tie{background:url('../images/background/aside_tie.jpg') repeat;height:70px;color:#fff;font-size:30px;text-transform: uppercase;text-align:center;line-height:32px;padding-top:10px;}
.proLeft .tie span{display:block;font-size:16px;font-family:Arial;font-weight:normal;}
.proLeft ul{margin-bottom:30px;}
.proLeft li{height:80px;line-height:80px;margin-top:1px;font-size:16px;background:#fff;}
.proLeft li a{display:block;color:#333;padding-left:25px;background: url('../images/background/side_li.png') no-repeat 220px center;}
.proLeft li a:hover{background:#0e79f3 url('../images/background/side_lih.png') no-repeat 230px center;color:#fff;}
.product .form{padding:20px;background:#2fdfd5;color:#fff;}
.product .form h3{font-size:19px;border-bottom:1px solid #74e8e1;margin-bottom:15px;padding-bottom:10px;}
.product .form h3 span{display:block;font-size:14px;font-family:Arial;font-weight:normal;line-height:20px;}
.product .form input{width:190px;height:40px;line-height:40px;padding:0 15px;margin-bottom:15px;}
.product .form textarea{height:65px;padding:10px 15px;width:190px;background:#fff;}
.product .form .btn{overflow:hidden;margin-top: 15px;}
.product .form .btn input{width:80px;padding:0;margin-bottom:0;text-align:center;}
.product .form .sub{background:#f55151;color:#fff;cursor:pointer;transition:all 0.3s;}
.product .form .btn img{background:#fff;padding:6px 0;}
.product .form .sub:hover{background: #0e79f3;}

.proRight{width:910px;height:780px;}
.proRight ul{width:950px;}
.proRight li{float:left;width:290px;background:#fff;box-shadow:0 0 10px #ddd;font-size:12px;margin:0 15px 15px 0;}
.proRight li a{display:block;padding:10px;height:360px;}
.proRight li .pImg{display:block;width:270px;height:255px;overflow:hidden;margin-bottom:10px;}
.proRight li img{width:270px;height:255px;transition:all 0.5s;}
.proRight li h4{font-size:18px;color:#4c4c4c;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;border-bottom:1px dotted #c4c4c4;height:40px;margin-bottom:5px;line-height:40px;position: relative;top:0;transition:all 0.4s;}
.proRight li p{position:relative;top:0;transition:all 0.4s;}
.proRight li a:hover{background:#0e79f3;color:#fff;}
.proRight li a:hover h4{color:#fff;top:60px;border-top:1px dotted #c4c4c4;border-bottom:none;}
.proRight li a:hover p{top:-45px;}
.proRight li a:hover img{transform:scale(1.1);}

/*  4大优势 */
.odds{padding:100px 0;overflow:hidden;position:relative; background: #f7f7f7; }
.odds .hTitle{background: url('../images/background/tie_bg.png') no-repeat center 10px;margin-bottom:12px;}
.odds ul{background: url('../images/background/odds_bg.jpg') no-repeat center 15px;overflow:hidden;height:380px}
.odds li{float:left;width:280px;height:150px;font-size:15px;padding-left:65px;margin-right:400px;padding-top:15px;margin-bottom:40px;}
.odds li i{float:left;width:48px;height:48px;background: url('../images/background/odds_icon.png') no-repeat;margin-left:-65px;}
.odds li h4{font-size:20px;color:#0076cc;height:35px;}
.odds li:nth-child(2n){float:right;margin-right:0;}
.odds li:nth-child(2) i{background-position: -48px 0;}
.odds li:nth-child(3) i{background-position: -96px 0;}
.odds li:nth-child(4) i{background-position: -144px 0;}
.odds li:nth-child(5){clear: both;margin: 0;padding: 0;background: none; text-align: center; color:#fff;font-size:18px;font-weight:normal;position:absolute;top:315px;left:810px;line-height:25px;}
.odds li:nth-child(5) i{display: none;}
.odds li:nth-child(5) h4{color:#fff;font-size:20px;font-weight:normal;}
.odds .tie{color:#fff;font-size:25px;font-weight:normal;position:absolute;top:275px;left:475px;line-height:40px;}

/*<!-- 产品定制流程 -->*/
.cplc{width: 100%;height: 300px;overflow: hidden;}
.cplc .lctt{text-align:center;font-size:30px;color:#0f79f3;line-height:35px;margin-top:40px;margin-bottom:20px;font-weight:normal;text-transform: uppercase;}
.cplc .lctt span{display:block;font-size:20px;color:#dfdfdf;font-family:Arial;}
.cplc .lctt{color:#fff;}
.cplc .lctt span{color:#fff;opacity:.3;}
.cplc .w1200{font-size: 20px;color: #fff;line-height: 1.6;}

/*  解决方案 */
.solution{padding:40px 0;overflow:hidden;}
.solution .hTitle{background: url('../images/background/tie_bg.png') no-repeat center 10px;margin-bottom:12px;color: #fff;}
.solutionMain{padding-top:20px;}
.solutionMenu{width:205px;overflow:hidden;padding-left:20px;}
.solutionMenu li{margin-bottom:1px;text-transform: uppercase;}
.solutionMenu li a{display:block;color:#fff;border:1px solid #4a5e78;border-radius:3px;padding-left:5px;height:43px;padding-top:15px;}
.solutionMenu li i{float:left;width:30px;height:30px;background: url('../images/background/solution_icon.png') no-repeat;margin-right:6px;}
.solutionMenu li h5{font-weight:normal;font-size:14px;overflow:hidden;line-height:18px;}
.solutionMenu li h5 span{display:block;font-family:Arial;font-size:10px;-webkit-transform:scale(0.8);-moz-transform:scale(1);transform-origin:left;}
.solutionMenu li:nth-child(2) i{background-position: -30px 0;}
.solutionMenu li:nth-child(3) i{background-position: -60px 0;}
.solutionMenu li:nth-child(4) i{background-position: -90px 0;}
.solutionMenu li:nth-child(5) i{background-position: -120px 0;}
.solutionMenu li:nth-child(6) i{background-position: -150px 0;}
.solutionMenu li:nth-child(7) i{background-position: -180px 0;}
.solutionMenu li:nth-child(8) i{background-position: -210px 0;}
.solutionMenu li:nth-child(9) i{background-position: -240px 0;}
.solutionMenu li a:hover,.solutionMenu li.on a{background:#1d66bb;color:#fff;width:225px;margin-left:-20px;padding-left:20px;border:1px solid #1d66bb;border-radius:0 5px 5px 0;}

.solutionTab,.solutionBox{width:975px;height:565px;overflow:hidden;position:relative;}
.solutionBox .sImg{width:700px;height:540px;overflow:hidden;margin-top:25px;position:relative;z-index:2;}
.solutionBox img{width:700px;height:540px;transition:all 1s;}
.solutionBox .scale{animation: scale 10s;}
.solutionBox .txt{background:#1d66bb;height:525px;width:215px;padding:20px 30px;color:#a4ceff;position:relative;}
.solutionBox .txt:after{content:"";position:absolute;border:25px solid transparent;border-right-color:#001839;left:-50px;top:0;}
.solutionBox .txt h4{font-size:25px;height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;color:#fff;}
.solutionBox .txt .p{height:390px;overflow:hidden;margin-bottom:20px;line-height:26px;}
.solutionBox .txt .more{display:inline-block;width:90px;height:30px;border:1px solid #8eb3dd;border-radius:3px;text-align:center;line-height:30px;font-size:12px;color:#fff;}
.solutionBox .txt .more:hover{background:#fff;color:#0e79f3;}
@keyframes scale {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


/* 我们的承诺 */
.promise{padding:40px 0;background: #f7f7f7; overflow:hidden;}
.promise .hTitle{background: url('../images/background/tie_bg.png') no-repeat center 10px;margin-bottom:12px;}
.promise .hTitle span{color:#dfdfdf;}
.promiseMain ul{overflow: hidden;padding:20px 10px;background: #fff;}
.promiseMain li{float: left;margin-right: 20px;text-align: center;font-size: 17px;width: 380px;}
.promiseMain li img{width: 100%;}
.promiseMain li:last-child{margin-right: 0;}

/*合作伙伴*/
.partner{padding:40px 0;background: #fff; overflow:hidden;}
.partner .hTitle{background: url('../images/background/tie_bg.png') no-repeat center 10px;margin-bottom:12px;}
.partner .w1200{position:relative;padding: 40px 0 10px;}
.partner .ohbox{position:relative;left:40px;height:85px;width:1120px;overflow:hidden;}
.partner .piclist{height:85px;width:1140px;zoom:1;}
.partner li{float:left;width:150px;height:70px;overflow:hidden;position:relative;margin-right:15px;background:#f1f1f1;border: 1px solid #E3E3E3;}
.partner li img{width:150px;height:70px;position:absolute;z-index:2;transform:rotateY(0deg);transition:all 0.5s ease 0s;backface-visibility:hidden;}
.partner li span{position:absolute;width:140px;height:70px;background:#f1f1f1;line-height:70px;text-align:center;transform:rotateY(-180deg);transition:all 0.5s ease 0s;backface-visibility:hidden;color:#333;padding:0 5px;}
.partner li:hover img{transform:rotateY(180deg);}
.partner li:hover span{transform:rotateY(0deg);}
.partner .pageBtn span{background:url('../images/background/p_btn.png') no-repeat 0 0;width:16px;height:29px;position:absolute;cursor:pointer;overflow:hidden;text-indent:-9999px;left:0;top:60px;opacity:.5;}
.partner .pageBtn .next{background-position:-16px 0;left:auto;right:0;}
.partner .pageBtn span:hover{opacity:.8;}