/* CSS Document */
*{-webkit-text-size-adjust:none; margin:0; padding:0; word-break: break-all;  font-family:Arial,微软雅黑,黑体,宋体;}
img{border:none; vertical-align:middle; max-width:100%;}
ol,ul,li{list-style:none;}
input{vertical-align: middle;line-height: normal; border:none; outline:none; list-style:none; background:none; }
a{outline:none; star:expression(this.onFocus=this.blur()); text-decoration:none; background:none; color:#000;}
a:hover{color:#f8b310;}
a.on{color:#f8b310; }
textarea{ resize:none; overflow:auto; outline:none;}
.cb{clear:both;font-size:0px; height:0; line-height:0; width:0;}
.fl,
.left{float:left; display:block;}
.fr,
.right{float:right; display:block;}

.box{min-width:1152px;}
.inside{width:1152px; margin:0 auto;}
.header{height:108px; width:1152px; margin:0 auto; margin-bottom:4px;}
.header .logo{display:block; float:left; margin-left:50px;}
.header .nav{float:left; height:108px; margin-left:50px;}
.header .nav li{height:108px; float:left;}
.header .nav a{display:block; height:108px; line-height:130px; padding:0 20px; font-size:18px;}
.header .nav a:hover{border-top:#07b4ec 4px solid; height:104px; line-height:122px;  background-color:#f8f8f8;color:#07b4ec; }
.header .nav .on a{border-top:#07b4ec 4px solid; height:104px; line-height:122px;  background-color:#f8f8f8;color:#07b4ec; }

.banner{height:608px; position:relative;}
.banner a{display:block; height:608px;}
.banner .hd{position:absolute; bottom:58px; height:0; text-align:center; width:100%;}
.banner .hd li{display:inline-block; height:26px; width:26px; border-radius:13px; background-color:#9d8f89; margin:0 5px; line-height:26px; text-indent:20000em; overflow:hidden; cursor:pointer;}
.banner .hd li.on{ height:22px; width:22px; border-radius:13px; background-color:#fff; border:#07b4ec 2px solid;}
.banner .download{position:absolute; width:190px; left:50%; margin-left:-471px; top:130px; text-align:center; z-index:10;}
.banner .download dd{display:block; height:50px; width:190px; margin-top:20px;}
.banner .download .ios{display:block; height:50px; width:190px; background:url(../img/btn_ios.png) no-repeat center;}
.banner .download .an{display:block; height:50px; width:190px; background:url(../img/btn_an.png) no-repeat center;}
.banner .download .pc{display:block; height:50px; width:190px; background:url(../img/btn_pc.png) no-repeat center;}

.center h1{text-align:center; font-size:44px; line-height:68px; height:68px; color:#030303; font-weight:400; margin-top:130px;}
.center h2{text-align:center; font-size:24px; line-height:40px; height:40px; color:#aaaaaa; font-weight:400; margin-bottom:30px;}
.index .part1{width:1152px; margin:0 auto; overflow:hidden;}
.index .part1 ul{width:1180px;}
.index .part1 li{float:left; width:370px; margin-right:20px;}
.index .part1 p{font-size:24px; color:#010101; margin-top:20px; height:30px; line-height:30px;}
.index .part1 span{color:#888; font-size:18px; line-height:30px; display:block; margin-top:15px;}
.index .part2{background-color:#f8f8f8; overflow:hidden; margin-top:130px; padding-bottom:80px;}
.index .part3{ width:1152px; margin:0 auto; overflow:hidden;}
.index .part3 .pic{margin:70px 0 40px 0; text-align:center;}
.index .part3 li{float:left; width:162px; height:86px; border:#ccc 1px solid; margin-right:-1px; margin-top:-1px;}

.footer{text-align:center; background-color:#f6f6f6; padding:30px 0; color:#acacac; margin-top:100px; border-top:#e7e5e5 1px solid; font-size:16px; line-height:30px;}
.footer li{display:inline-block; margin:0 5px;}
.footer li a{color:#acacac;}
.footer li a:hover{color:#f8b310;}
.footer .phone{display:inline-block; background:url(../img/phone.png) no-repeat left center; padding-left:24px; margin:10px 0;}
.footer span{font-size:12px;}

.function .tab{ background-color:#f8f8f8; height:68px; line-height:68px;}
.function .tab ul{width:1152px; margin:0 auto;}
.function .tab li{width:20%; float:left; margin-left:-1px;}
.function .tab a{color:#888; font-size:16px; display:block; border-left:#ddd 1px solid; border-right:#ddd 1px solid; text-align:center;}
.function .tab a:hover{color:#07b4ec;}

.function .part1 .main{width:1152px; margin:0 auto; position:relative; text-align:center;}
.function .part1 dl{float:left; width:140px; background-color:#f8f8f8; text-align:center; margin-right:5px; min-height:540px;}
.function .part1 .list{width:1166px !important; overflow:hidden; background:url(../img/fun06.jpg) no-repeat left bottom; padding-bottom:70px;} 
.function .part1 dt{ margin:20px 0 10px 0;}
.function .part1 dt p{font-size:18px; margin-top:5px;}
.function .part1 dd{color:#888; line-height:30px;}
.function .part1 .hd{text-align:center;}
.function .part1 .hd li{display:inline-block; background-color:#d8d8d8; width:36px; height:36px; text-align:center; line-height:36px; border-radius:18px; color:#fff; margin:0 10px; cursor:pointer;}
.function .part1 .hd .on{background-color:#07b4ec;}
.function .part1 .text{height:160px; font-size:18px; line-height:30px;}
.function .part1 .text p{ color:#555; margin-top:20px;  font-weight:bold;}
.function .part1 .text span{color:#888; display:block;}
.function .part2{margin-top:100px;}
.function .part2 .inside{overflow:hidden; width:880px; line-height:30px; font-size:18px;}
.function .part2 li{ color:#888; line-height:30px; padding-top:50px;}
.function .part2 li li{padding-top:0;}
.function .part2 li .pic{margin-top:20px;}
.function .part2 .one .pic{background:url(../img/fun01.jpg) no-repeat center; width:360px; height:580px;}
.function .part2 .two .pic{background:url(../img/fun02.jpg) no-repeat center; width:360px; height:580px;}
.function .part2 .three .pic{background:url(../img/fun04.jpg) no-repeat center; width:360px; height:690px;}
.function .part2 li .list{width:270px; height:474px; position:relative; margin:108px 0 0 46px;}
.function .part2 li .three .list{width:270px; height:474px; position:relative; margin:92px 0 0 42px;}
.function .part2 li .bd{width:270px; height:474px;}
.function .part2 .prev{background:url(../img/left.png) no-repeat center; position:absolute; left:-100px; width:56px; height:56px; top:50%; margin-top:-28px; cursor:pointer;}
.function .part2 .next{background:url(../img/right.png) no-repeat center; position:absolute; right:-100px; width:56px; height:56px;top:50%; margin-top:-28px; cursor:pointer;}
.function .part2 .text{margin-left:30px; width:410px;}
.function .part2 .black .text{margin-left:0; margin-right:30px;}
.function .part2 .text p{font-size:16px; line-height:24px;}
.function .part2 .black{background-color:#2d2d2d; color:#a6a6a6;}
.function .part2  b{color:#333; display:block; margin-top:10px;}
.function .part2 .black b{color:#fff; }
.function .part2 h1{font-size:28px;  line-height:60px; height:60px; text-align:left; font-weight:bold; margin-top:50px;}
.function .part2 .black h1{color:#fff;}
.function .part2 .blue{color:#07b4ec;}

.about .part1{width:1152px; margin:40px auto 0 auto;}
.about .part1 p{text-indent:2em; font-size:18px; line-height:30px;}
.about .part2{ background-color:#f8f8f8; overflow:hidden; padding-bottom:50px;}
.about .part2 .main{width:1152px; margin:80px auto 30px auto; position:relative;}
.about .part2 .prev{background:url(../img/prev.png) no-repeat center; width:52px; height:92px; position:absolute; left:-80px; top:50px; cursor:pointer;}
.about .part2 .next{background:url(../img/next.png) no-repeat center; width:52px; height:92px; position:absolute; right:-80px; top:50px; cursor:pointer;}
.about .part2 .bd{text-align:center;}
.about .part2 .bd li{width:192px; margin:0 18px; font-size:18px; line-height:30px; color:#555; display:inline-block;}
.about .part2 .bd .pic{width:192px; height:192px; border-radius:96px; overflow:hidden;}
.about .part2 .bd p{display:block;text-align:left; margin-top:20px;}
.about .part2 .bd span{display:block; color:#888; text-align:left;}
.about .part3{background-color:#fff; overflow:hidden; text-align:center; margin-bottom:-100px; padding-bottom:50px;}
.about .part3 .pic{margin-top:30px;}

.cooperate{ font-size:18px; line-height:30px; color:#888;}
.cooperate .part1{ background-color:#fcfcfc; overflow:hidden; text-align:center; color:#888; line-height:30px; padding-bottom:100px;}
.cooperate .part1 ul{width:1152px; margin:0 auto;}
.cooperate .part1 li{float:left; width:33.3%;}
.cooperate .part1 li a{display:block; width:280px; text-align:center; color:#fff; height:56px; line-height:56px; background-color:#07b4ec; margin:20px auto; border-radius:5px;}
.cooperate .part2{overflow:hidden;width:1152px; margin:0 auto; padding-bottom:50px;}
.cooperate .part2 ul{width:1352px; overflow:hidden; margin:100px 0;}
.cooperate .part2 li{float:left; width:280px; text-align:center; margin-right:150px; color:#888; line-height:30px;}
.cooperate .part2 h3{font-size:18px; padding-bottom:20px; border-bottom:#ff8827 3px solid; margin-bottom:30px; margin-top:50px; color:#555555;}
.cooperate .part2 dl{overflow:hidden; margin-top:50px;}
.cooperate .part2 dd{float:left; width:33.3%; font-size:14px; color:#000;}
.cooperate .input{border:#ccc 1px solid; border-radius:3px; padding:0 10px; height:40px; line-height:40px; margin-right:90px;}
.cooperate .input input{display:block; width:100%; height:40px; font-size:16px;}
.cooperate .part2 .btn{width:280px; color:#fff; background-color:#40da22; height:56px; line-height:56px; border-radius:5px; margin:60px auto; display:block; text-align:center; cursor:pointer;}

.cooperate .part3{overflow:hidden; margin:0 auto; padding-bottom:50px; background-color:#fcfcfc;}
.cooperate .part3 ul{width:1352px; overflow:hidden; margin:100px 0;}
.cooperate .part3 li{float:left; width:366px; text-align:left; margin-right:26px; color:#888; line-height:30px;}
.cooperate .part3 dl{overflow:hidden; margin-top:50px;}
.cooperate .part3 dd{float:left; width:33.3%; font-size:14px; color:#000;}
.cooperate .select{border:#ccc 1px solid; border-radius:3px;  height:40px; line-height:40px; width:30%; float:left; margin-right:20px;}
.cooperate .select select{display:block; width:100%; height:40px; border:none; outline:none; font-size:16px; padding-left:10px; border-radius:3px;}
.cooperate .part3 .btn{width:280px; color:#fff; background-color:#40da22; height:56px; line-height:56px; border-radius:5px; margin:60px auto; display:block; text-align:center; cursor:pointer;}

.cooperate .part4{overflow:hidden; width:1152px; margin:0 auto; text-align:center; padding-bottom:50px;}
.cooperate .part4 .pic{padding:80px 0;}
.cooperate .part4 dl{overflow:hidden; margin-top:50px; width:800px; margin:0 auto;}
.cooperate .part4 dd{float:left; width:50%; font-size:14px; color:#000; text-align:left; margin-top:20px;}
.cooperate .part4 .btn{width:280px; color:#fff; background-color:#40da22; height:56px; line-height:56px; border-radius:5px; margin:60px auto; display:block; text-align:center; cursor:pointer;}

.cooperate .part5{text-align:center; overflow:hidden; background-color:#f7b517; padding:130px 0;}
.cooperate .part6{overflow:hidden; padding-bottom:50px; width:1152px; margin:0 auto;}
.cooperate .part6 .foot{margin-top:50px;}
.cooperate .part6 dl{float:left; width:20%; border-left:#eee 2px solid; padding-left:20px; color:#888; font-size:14px; line-height:24px;}
.cooperate .part6 dt{font-size:16px; margin-bottom:20px; color:#333;}

.contact .banner{height:414px; position:relative;}
.contact .banner a{display:block; height:414px;}
.contact .part1{background:url(../img/contact02.jpg) no-repeat center; height:929px; overflow:hidden;}
.contact .part1 .text{margin:290px 0 0 760px; width:355px;}
.contact .part1 .text .top{ padding-bottom:20px; border-bottom:#000 2px solid;}
.contact .part1 .text .top p{font-size:36px; line-height:50px;}
.contact .part1 .text .top span{font-size:26px;}
.contact .part1 .foot{margin-top:8px; line-height:30px; font-size:18px;}
.contact .part2{width:1152px; margin:50px auto; overflow:hidden;}
.contact .part2 .foot{width:900px; margin:0 auto; overflow:hidden;}
.contact .part2 dl{float:left; width:33%;  color:#888; font-size:14px; line-height:24px;}
.contact .part2 dt{font-size:12px; color:#ccc;}
.contact .part2 dt p{font-size:24px;  color:#07b4ec;}

.modal-content {
            background-color:#5da923;
            opacity:0.8;
        }
        .btn {
            font-size:18px;
            padding-top:10px;
            padding-bottom:10px;
        }
        .btn.submit {
            background-color:#f5a100;
            border:1px solid #f5a100;
        }
        .btn.cancel {
            border:1px solid #fff;
            background-color:transparent;
            color:#fff;
        }

        .title span{
            font-size:15px;
            color:#ffef38;
            text-decoration: none;
        }
        .title-icon {
            margin-right:15px;
            vertical-align:top;
            width:18px;
            height:22px;
        }
        .control-label {
            font-size:13px;
            color:#fff;
        }
        .form-control {
            color:#fff;
            background-color:transparent;
            border:1px solid #fff;
        }
        .form-group {
            margin-bottom:2px;
        }
        .radio-inline {
            color:#fff;
        }
        select option {
            background-color:#5da923;
            opacity:0.8;
        }
        
        
        
        .ptalert {
            width:400px;
            padding:0;
            font-size:18px;
        }
        .ptalert p {
            height:23px;
            white-space:normal;
            overflow:hidden;
            margin:10px;
            text-align: center;
        }
        .ptalert.pop {
            position:fixed;
            top:80px;
            left:50%;
            margin-left:-100px;
            z-index:9999;
        }
        .ptalert.shadow{
            -webkit-box-shadow: #666 0px 0px 10px;
            -moz-box-shadow: #666 0px 0px 10px;
            box-shadow: #666 0px 0px 10px;
        }
        .ptalert .close {
            margin-right:5px;
        }

        @-webkit-keyframes alert-fadeIn {
            0% {
                opacity: 0;
                top:0;
            }
            20% {
                opacity: 0.2;
                top:20px;
            }
            40% {
                opacity: 0.4;
                top:40px;
            }
            60% {
                opacity: 0.6;
                top:60px;
            }
            80% {
                opacity: 0.7;
                top:80px;
            }
            100% {
                opacity: 1;
            }
        }

        @keyframes alert-move
        {
            from {top:0px;}
            to {top:80px;}
        }
        @-moz-keyframes alert-move /* Firefox */
        {
            from {top:0px;}
            to {top:80px;}
        }
        @-webkit-keyframes alert-move /* Safari 和 Chrome */
        {
            from {top:0px;}
            to {top:80px;}
        }

        .ptalert.ptbox {
            animation: alert-move 0.5s;
            -moz-animation: alert-move 0.5s;
            -webkit-animation: alert-move  0.5s;
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }