﻿body {margin:0px; width:100%; font-family:'Microsoft YaHei';}
body,div,p,h1,h2,h3,ul,dl,li,dd{margin:0px;}

.header { height:145px;  text-align:center;}
.header img{ margin:auto; display:inline-block; border:0px;}

.page{ width:100%;}
.page .content{width:1000px; margin:auto;}

.p1{ background:url(/content/images/p1_bg.jpg) repeat-x center center; min-height:787px;}
.p1 h1,.p1 h2{text-align:center; color:#fff;}
.p1 h1{ font-size:40px; font-weight:normal; line-height:75px; padding-top:30px;}
.p1 h2{ font-size:25px; font-weight:normal; line-height:40px; padding-bottom:50px;}
.p1 .video-box{ width:1000px; margin:auto; border:1px #ccc solid; height:500px; background:#f0f0f0; border-radius:5px; box-shadow:#ccc 0px 1px 10px; }
.p1 .video-box .player{ width:750px; height:490px; border:1px #e0e0e0 solid; background:#fff; margin:5px; float:left;}
.p1 .video-box .player video{width:100%; height:100%;}
.p1 .video-box .video-list{ width:235px; height:100%; float:right;}
.p1 .video-box .video-list ul{ margin:0px; padding:0px; padding-left:5px; padding-right:10px;}
.p1 .video-box .video-list ul li{margin-top:5px; margin-bottom:5px; list-style:none; line-height:30px; border-radius:13px; border:1px #e0e0e0 solid; text-indent:25px; color:#bbb9ba; background:url(/content/images/arrow.png) no-repeat 12px center; cursor:pointer;}
.p1 .video-box .video-list ul li.active{ color:#f60; background:url(/content/images/arrow-active.png) no-repeat 12px center;}
.p1 .video-box .video-list .fullscreen{position:absolute; bottom:15px; left:-28px; font-weight:bold; color:#f00; cursor:pointer;}


.p2{ background:url(/content/images/p2_bg.jpg) repeat-x center bottom; min-height:750px; margin-bottom:150px;}
.p2 h1,.p2 h2,.p2 h3{text-align:center; font-weight:normal;}
.p2 h1{color:#d6d4d5; padding-bottom:20px;}
.p2 h2{ color:#454545; font-size:40px;letter-spacing:30px;padding-bottom:20px;}
.p2 hr{display:inline-block; width:135px; margin:auto; border:1px #afafaf solid}
.p2 .exp-items{ width:1000px; margin:auto; padding:20px; padding-top:93px; padding-left:72px; padding-bottom:60px; text-align:center; overflow:auto;}
.p2 .exp-items .item{background: #fff;float: left;width: 250px;height: 300px;margin-right: 30px;margin-top: 35px;margin-left: 40px; cursor:pointer;}
.p2 .exp-items .item .btn-price {width:100%; height:180px; background:url(/content/images/price.jpg) no-repeat center center;    }
.p2 .exp-items .item .btn-jobbill {width:100%; height:180px;  background:url(/content/images/jobbill.jpg) no-repeat center center;    }
.p2 .exp-items .item .btn-schedule {width:100%; height:180px;  background:url(/content/images/schedule.jpg) no-repeat center center;    }
.p2 .exp-items .item .title{font-size: 25px;color: #2da8f8;line-height: 50px; } 
.p2 .exp-items .item .desc{ color:#b6b6b6;padding-left:30px; padding-right:30px;}
.p2 .btn-full-process{ width:280px; height:60px; margin:auto; background:#a5d11a; border-radius:5px; color:#fff; font-size:30px; text-align:center; line-height:60px; cursor:pointer;display:inline-block; }
.p2 .btn-full-process .tip{width:300px; height:60px; border:1px #f60 solid; border-radius:5px; box-shadow:#f60 0px 0px 5px; position:absolute; background:#fff; left:-10px; top:-70px;    font-size: 12px;color: #666;line-height: 20px; display:none;}
.p2 .btn-full-process:hover .tip{display:block;}

/*.p3{ background:url(/content/images/p3_bg.jpg) no-repeat center center; min-height:830px;margin-bottom:150px;}*/
.p3{  min-height:830px;margin-bottom:150px;}
.p3 h1,.p3 h2,.p3 h3{text-align:center; font-weight:normal;}
.p3 h1{color:#d6d4d5; padding-bottom:20px;}
.p3 h2{ color:#454545; font-size:40px;letter-spacing:30px;padding-bottom:20px;}
.p3 hr{display:inline-block; width:135px; margin:auto; border:1px #afafaf solid}
.p3 .sol-items{ width:1000px; margin:auto; text-align:center; overflow:auto; }
.p3 .sol-items .item{background: #fff;float: left;width: 250px;height:60px; line-height:60px; margin-right: 30px;margin-top: 35px;margin-left: 40px;  font-size:25px; color:#676767; text-indent:40px;}
.p3 .sol-items .item.shop {background:url(/content/images/sol-shop.jpg) no-repeat left center;    }
.p3 .sol-items .item.app { background:url(/content/images/sol-app.jpg) no-repeat left center;    }
.p3 .sol-items .item.produce {   background:url(/content/images/sol-erp.jpg) no-repeat left center;    }
.p3 .p3-img {display:block; margin:auto;}
.p3 .p3-img-small {display:none;}


.p4{ background:url(/content/images/p4_bg.jpg) repeat-x center bottom; min-height:720px;margin-bottom:150px;}
.p4 h1,.p4 h2,.p4 h3{text-align:center; font-weight:normal;}
.p4 h1{color:#d6d4d5; padding-bottom:20px;}
.p4 h2{ color:#454545; font-size:40px;letter-spacing:30px;padding-bottom:20px;}
.p4 hr{display:inline-block; width:135px; margin:auto; border:1px #afafaf solid}
.p4 img{ display:inherit; margin:auto; margin-top:110px; border:0px; }
.p4 .img-process{width:896px; height:500px; margin:auto; background:url(/content/images/schedule.png) no-repeat center 90px;}

.p5{ min-height:720px;margin-bottom:150px;}
.p5 h1,.p5 h2,.p5 h3{text-align:center; font-weight:normal;}
.p5 h1{color:#d6d4d5; padding-bottom:20px;}
.p5 h2{ color:#454545; font-size:40px;letter-spacing:30px;padding-bottom:20px;}
.p5 hr{display:inline-block; width:135px; margin:auto; border:1px #afafaf solid}
.p5 .introduction{width:1000px; margin:auto; overflow:auto; padding-top:50px;}
.p5 .introduction .item{ width:270px; float:left; border:0px #ccc solid;margin-right:60px;}
.p5 .introduction .item .title{ font-size:30px; color:#454545; font-weight:normal;}
.p5 .introduction .item ul{margin:0px; margin-top:10px;}
.p5 .introduction .item ul li{ line-height:30px; font-size:14px;}
.p5 .introduction .item p{ padding-right:30px; margin-top:10px; line-height:30px; font-size:14px; }


.footer{ background:#666; color:#fff; min-height:80px; padding-bottom:50px;}
.footer ul{ width:400px; margin:auto; background:url(/content/images/logo_v2_footer.png) no-repeat center top; padding-top:150px;}
.footer ul li{ list-style:none; line-height:40px;}
.footer p{    text-align: center;margin-top: 30px;}
 .footer .partners{color:#fff;}
    .footer .partners a{color:#fff;}

.video-js{width:100%; height:100%;}



.product-navi{margin:0px; padding:0px; padding-right:20px;}
.product-navi li{margin:0px; padding:0px; list-style:none; line-height:35px;border-bottom:1px #ccc dashed; text-indent:10px; cursor:pointer;}
.product-navi li a{color:#666; text-decoration:none;}
.product-navi li:hover,.product-navi li.active{background:url("/content/images/product-navi-active.png") no-repeat left center; }
.product-navi li:hover a,.product-navi li.active a{color:#fff;}

.page .articles{width: 1000px; margin: auto; margin-top: 40px; border: 1px #ccc solid; border-radius: 5px; overflow: hidden; padding: 10px; box-shadow: #ccc 0px 0px 10px; background: #fff;}

.page .articles .navi{width: 200px; float: left; }
.page .articles .detail{width: 800px; float: left;}
.page .articles .detail img{border:1px #ccc solid;}
.page .articles .detail .title{ font-size:25px;}
.page .articles .detail .desc{ font-size:12px;line-height: 26px;margin-top: 30px;margin-bottom: 30px;text-indent: 25px;}
.page .articles .detail .about-img{font-size:12px; text-align:center; color:#f00}

@media screen and (max-width: 375px ) {
    .header { height:145px;  text-align:center;}
    .header img{ margin:auto; display:inline-block; border:0px; width:80%;}

    .p1{ background:url(/content/images/p1_bg.jpg) repeat-x center center; min-height:670px;}
    .p1 h1,.p1 h2{text-align:center; color:#fff;}
    .p1 h1{ font-size:23px; font-weight:normal; line-height:50px; padding-top:10px;}
    .p1 h2{ font-size:16px; font-weight:normal; line-height:25px; padding-bottom:20px;}
    .p1 .video-box{ width:95%; margin:auto; border:1px #ccc solid; height:500px; background:#f0f0f0; border-radius:5px; box-shadow:#ccc 0px 1px 10px; }
    .p1 .video-box .player{ width:97%; height:250px; border:1px #e0e0e0 solid; background:#fff; margin:5px; }
    .p1 .video-box .video-list{ width:100%; height:315px;}
    .p1 .video-box .video-list ul{ margin:0px; padding:0px; padding-left:5px; padding-right:10px;}
    .p1 .video-box .video-list ul li{margin-top:5px; margin-bottom:5px; list-style:none; line-height:30px; border-radius:13px; border:1px #e0e0e0 solid; text-indent:25px; color:#bbb9ba; background:url(/content/images/arrow.png) no-repeat 12px center; cursor:pointer;}
    .p1 .video-box .video-list ul li.active{ color:#f60; background:url(/content/images/arrow-active.png) no-repeat 12px center;}
    .p1 .video-box .video-list .fullscreen{position:absolute; bottom:15px; left:-28px; font-weight:bold; color:#f00; cursor:pointer; display:none;}

    .p2{ background:url(/content/images/p2_bg.jpg) repeat-x center 130px; min-height:480px; margin-bottom:50px;}
    .p2 h1,.p2 h2,.p2 h3{text-align:center; font-weight:normal;}
    .p2 h1{color:#d6d4d5; padding-bottom:20px; font-size:20px;}
    .p2 h2{ color:#454545; font-size:20px;letter-spacing:20px;padding-bottom:20px;}
    .p2 hr{display:inline-block; width:135px; margin:auto; border:1px #afafaf solid}
    .p2 .exp-items{ width:100%; margin:auto;  text-align:center; overflow:auto; padding:15px; padding-top:30px;}
    .p2 .exp-items .item{background: #fff;float: left;width: 115px;height: 230px; margin:0px; cursor:pointer;}
    .p2 .exp-items .item .btn-price {width:100%; height:90px; background:url(/content/images/price-small.jpg) no-repeat center center;    }
    .p2 .exp-items .item .btn-jobbill {width:100%; height:90px;  background:url(/content/images/jobbill-small.jpg) no-repeat center center;    }
    .p2 .exp-items .item .btn-schedule {width:100%; height:90px;   background:url(/content/images/schedule-small.jpg) no-repeat center center;    }
    .p2 .exp-items .item .title{font-size: 15px;color: #2da8f8;line-height: 50px; } 
    .p2 .exp-items .item .desc{font-size:10px; color:#b6b6b6;padding-left:13px; padding-right:13px;}
    .p2 .btn-full-process{ width:280px; height:60px; margin:auto; background:#a5d11a; border-radius:5px; color:#fff; font-size:30px; text-align:center; line-height:60px; cursor:pointer; display:inline-block;margin-bottom:10px;}
    .p2 .btn-full-process .tip{width:300px; height:60px; border:1px #f60 solid; border-radius:5px; box-shadow:#f60 0px 0px 5px; position:absolute; background:#fff; left:-10px; top:-70px;    font-size: 12px;color: #666;line-height: 20px; display:none;}
    .p2 .btn-full-process:hover .tip{display:block;}

    /*.p3{ background:url(/content/images/p3_bg_small.jpg) no-repeat center 155px; min-height:520px;margin-bottom:50px;}*/
    .p3{ min-height:520px;margin-bottom:50px;}
    .p3 h1,.p3 h2,.p3 h3{text-align:center; font-weight:normal;}
    .p3 h1{color:#d6d4d5; padding-bottom:20px; font-size:20px;}
    .p3 h2{ color:#454545; font-size:20px;letter-spacing:20px;padding-bottom:20px;}
    .p3 hr{display:inline-block; width:135px; margin:auto; border:1px #afafaf solid}
    .p3 .sol-items{ width:100%; margin:auto; text-align:center; overflow:auto; }
    .p3 .sol-items .item{background: #fff;float: left;width: 80px;height:60px; line-height:60px; margin-right: 15px;margin-top: 35px;margin-left: 25px;  font-size:15px; color:#676767; text-indent:0px; padding-top:60px;}
    .p3 .sol-items .item.shop {background:url(/content/images/sol-shop.jpg) no-repeat center top;    }
    .p3 .sol-items .item.app { background:url(/content/images/sol-app.jpg) no-repeat center top;    }
    .p3 .sol-items .item.produce {   background:url(/content/images/sol-erp.jpg) no-repeat center top;    }
    .p3 .p3-img {display:none; }
    .p3 .p3-img-small {display:block;}

    .p4{ background:url(/content/images/p4_bg.jpg) repeat-x center 130px; min-height:355px;margin-bottom:50px;}
    .p4 h1,.p4 h2,.p4 h3{text-align:center; font-weight:normal;}
    .p4 h1{color:#d6d4d5; padding-bottom:20px; font-size:20px;}
    .p4 h2{ color:#454545; font-size:20px;letter-spacing:20px; padding-bottom:20px;}
    .p4 hr{display:inline-block; width:135px; margin:auto; border:1px #afafaf solid}
    .p4 img{ display:inherit; margin:auto; margin-top:40px; border:0px; }
    .p4 .img-process{width:375px; height:207px; background:url(/content/images/schedule-small.png) no-repeat center 40px;}

    .p5{ min-height:720px;margin-bottom:50px;}
    .p5 h1,.p5 h2,.p5 h3{text-align:center; font-weight:normal;}
    .p5 h1{color:#d6d4d5; padding-bottom:20px; font-size:20px;}
    .p5 h2{ color:#454545; font-size:20px;letter-spacing:12px;padding-bottom:20px;}
    .p5 hr{display:inline-block; width:135px; margin:auto; border:1px #afafaf solid}
    .p5 .introduction{width:100%; margin:auto; overflow:auto; padding-top:50px;}
    .p5 .introduction .item{ width:100%; float:left; border:0px #ccc solid;margin-right:60px;}
    .p5 .introduction .item .title{ font-size:30px; color:#454545; font-weight:normal;}
    .p5 .introduction .item ul{margin:0px; margin-top:10px;}
    .p5 .introduction .item ul li{ line-height:30px; font-size:14px;}
    .p5 .introduction .item p{ padding-left:30px;  padding-right:30px; margin-top:10px; line-height:30px; font-size:14px; }
    .p5 .introduction .ml20{margin-left:20px;}

    .footer{ background:#666; color:#fff; min-height:80px; padding-bottom:50px;}
    .footer ul{ width:100%; margin:auto; background:url(/content/images/logo_v2_footer-small.png) no-repeat center top; padding-top:150px;}
    .footer ul li{ list-style:none; line-height:40px;}
    .footer p{    text-align: center;margin-top: 30px; font-size:12px; padding-left:20px; padding-right:20px;}
    .footer .partners{color:#fff;}
    .footer .partners a{color:#fff;}


    

    .product-navi{margin:0px; padding:0px; padding-right:20px;}
    .product-navi li{margin:0px; padding:0px; list-style:none; line-height:20px;border:1px #ccc solid; padding:10px; padding-top:5px; padding-bottom:5px; border-radius:18px;  margin:5px; text-indent:0px; text-align:center; cursor:pointer; display:inline-block;}
    .product-navi li a{color:#666; text-decoration:none;}
    .product-navi li:hover,.product-navi li.active{background:url("/content/images/product-navi-active.png") no-repeat left center; }
    .product-navi li:hover a,.product-navi li.active a{color:#fff;}

    .page .articles{width: 94%; margin: auto; margin-top: 40px; border: 1px #ccc solid; border-radius: 5px; overflow: hidden; padding: 10px; box-shadow: #ccc 0px 0px 10px; background: #fff;}
    
    .page .articles .navi{width: 100%;background:#fff; }
    
    
    .page .articles .detail{width: 100%; float: left;}
    .page .articles .detail img{border:1px #ccc solid;}
    .page .articles .detail .title{ font-size:25px;line-height: 35px;border-bottom: 1px #f60 solid;margin-bottom: 5px; margin-top:15px; text-indent: 10px;}
    .page .articles .detail .desc{ font-size:12px;line-height: 26px;margin-top: 30px;margin-bottom: 30px;text-indent: 25px;}
    .page .articles .detail .about-img{font-size:12px; text-align:center; color:#f00}
}