﻿body, ol, ul, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
body {
    min-width: 1200px;
    font: 16px Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", SimSun, Heiti, sans-serif, tahoma, arial,  sans-serif;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    color: #222;
    background-image: url('../Images/indexbg.png');
    background-size:80px;
}
a {  text-decoration: none; }
a:hover { text-decoration: underline; }
i, em { font-style: normal; }
strong { font-weight: normal; }
li { list-style: none; }
img { border: 0; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
.hid{display:none;}


.customer_service-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; z-index:999; }
.customer_service-rmenu .customer_service_btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.customer_service-rmenu .btn-qq{background:url(/Content/Images/Icon/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.customer_service-rmenu .btn-qq:hover{background-color:#488bc7;}
.customer_service-rmenu a.btn-qq,.customer_service-rmenu a.btn-qq:visited{background:url(/Content/Images/Icon/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.customer_service-rmenu .btn-wx{background:url(/Content/Images/Icon/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.customer_service-rmenu .btn-wx:hover{background-color:#58a81c;}
.customer_service-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.customer_service-rmenu .btn-phone{background:url(/Content/Images/Icon/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.customer_service-rmenu .btn-phone:hover{background-color:#ff811b;}
.customer_service-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.customer_service-rmenu .btn-top{background:url(/Content/Images/Icon/return_top.png) 0px 0px no-repeat; display:none;height:73px;cursor:pointer;}
.customer_service-rmenu .btn-top:hover{background:url(/Content/Images/Icon/return_top_two.png) 0px 0px no-repeat; }


.top{width:1200px;height:700px;margin:10px auto;overflow:hidden;}
    .menu{width:100%;height:60px;line-height:60px;}
    .menu .logo{width:30%;float:left;font-size:30px;}
    .menu .nav{width:800px;float:right;}
    .menu .nav a{width:120px;text-align:center;color:#6D7075;float:left;font-size:18px;}
    .menu .nav a.btn{background-color:#06b4fe;border:1px solid #a9a0e1;border-radius:20px;height:40px;line-height:40px;color:#fff;margin:10px;}
    .menu .nav a.btn1{background-color:#666;border:0px;}


    .banner{width:100%;height:650px;margin-top:40px;}
    .banner .bleft{width:50%;float:left;height:260px;margin:200px 0;}
    .banner .bleft .title1{color:#7f8589;letter-spacing:3px;height:30px;width:100%;text-indent:5px;font-weight:bold;}
    .banner .bleft .title2{color:#464d5c;letter-spacing:5px;font-size:48px;height:80px;}
    .banner .bleft .btn,.mid .info a,.mid .sleft a{width:200px;height:50px;line-height:50px;background-color:#5256B4;border-radius:30px;color:#fff;text-align:center;margin-top:80px;display:block;
                        float:left;margin-right:20px;
    }
    .banner .bleft .btn,.mid .info a{
        background: #5141B3;
        /*background: -moz-linear-gradient(top,  #5141B3 0%, #a9a0e1 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5141B3), color-stop(100%,#a9a0e1));
        background: -webkit-linear-gradient(top,  #5141B3 0%,#a9a0e1 100%);
        background: -o-linear-gradient(top,  #5141B3 0%,#a9a0e1 100%);
        background: -ms-linear-gradient(top,  #5141B3 0%,#a9a0e1 100%);*/
        background: linear-gradient(to bottom right,  #5141B3 0%,#a9a0e1 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5141B3', endColorstr='#a9a0e1',GradientType=0 );*/
    }
    .banner .bleft .btn2{
        background: #06b4fe;
        background: linear-gradient(to bottom right,  #06b4fe 0%,#a9a0e1 100%);
    }

    :root .banner .bleft .btn{filter:none;}
    .banner .bleft .mobilein{ width:40%;height:60px;line-height:60px;color:#7f8589;letter-spacing:3px;margin-top:30px;text-align:center; }
    .banner .bleft .mobilein img{ width:50px;height:50px;float:right; }
    .banner .bleft .mobilein a{ color:#7f8589; }
    .banner .bright{width:50%;float:left;height:450px;margin:100px 0;}
    .banner .bright .imgs {
        background-image: url('../Images/indexbanner.png');
        background-size: 710px 450px;
        width:710px;
        height:450px;
    }



.mid{width:1200px;height:auto;margin:70px auto;overflow:hidden;}
    
    .mid .title{color:#464d5c;font-size:28px;height:50px;font-weight:bold; width:300px;text-align:center;margin:0 auto;border-bottom:1px solid #6d7075;}
    .mid .title-ps{ width:100%;height:60px;line-height:60px;text-align:center;color:#6d7075; }


    .mid .sleft{width:500px;height:auto;overflow:hidden;float:left;margin-top:20px; }
    .mid .sleft img{ width:500px;height:421px; }
    .mid .sleft a{ margin:10px auto;float:none; }

    .mid .sright{width:600px;height:auto;overflow:hidden;float:right;margin-top:40px;}
    .mid .sright .txt-li-t{ height:50px;line-height:50px;color:#464D5C;font-weight:bold; }
    .mid .sright .txt-li-i{ height:40px;line-height:40px;color:#6d7075;text-indent:35px; }
    .mid .sright .txt-li-demo a{ width:130px;display:block;float:left;text-align:center;height:160px;color:#333; }
    .mid .sright .txt-li-demo img{ width:100px;height:100px;margin:15px; }


    .mid .mleft{width:100%;height:auto;overflow:hidden;}
    .mid .mleft .iconC{ border-radius:50%;background-color:#5256B4;width:60px;height:60px;float:left; }
    .mid .mleft .icon{ width:30px;height:30px;margin:15px; }
    .mid .mleft .name{width:600px;height:30px;line-height:30px;margin-left:30px;float:left;color:#464D5C;font-weight:bold;}
    .mid .mleft .ps{width:600px;height:30px;line-height:30px;margin-left:30px;float:left;color:#6d7075;}
    .mid .mleft .info{width:48%;height:300px;line-height:30px;color:#6d7075;float:left;margin-top:30px;}
    .mid .mleft .info a{margin-top:30px;}
    .mid .mleft .info img{width:150px;margin-top:20px auto;}
    .mid .mleft .pics{width:100%;float:left;overflow:hidden;}
    .mid .mleft .pic{width:200px;float:left;margin:30px 20px;overflow:hidden;box-shadow:0px 0px 5px 5px #d2dae6;text-align:center;position:relative;}
    .mid .mleft .picimg{width:200px;height:350px;}
     .mid .mleft .pic a{color:#333;letter-spacing:3px;}
    .gray{
        /*-webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);
    filter: gray;
    color:#999;
    margin-top:40px;*/
}

    .mid .mleft .txt{width:100%;height:50px;line-height:50px;position:absolute;bottom:0px;background-color:#fff;border-top:1px solid #ddd;}

    .mid .mright{width:500px;height:auto;overflow:hidden;float:right;text-align:center;background-image: url('../Images/bigcover.png');
                 background-size:260px 550px;background-repeat:no-repeat;background-position:120px 5px;
    }
    .mid .mright .bigcover{width:224px;height:408px;margin:75px auto;}
    .mid .mright .demotxt a{width:100%;height:60px;line-height:60px;color:#5256B4;text-decoration:underline;}


    .mid  .logos{width:100%;overflow:hidden;margin:10px auto;}
    .mid  .logos img{width:330px;height:200px;margin:20px;box-shadow:0px 0px 5px 5px #d2dae6  ;}
    .mid  .logops{width:100%;height:100px;line-height:100px;text-align:center;color:#a0a2a5;font-weight:bold;font-size:20px;}

.footer{width:600px;height:80px;line-height:80px;text-align:center;margin:0px auto;border-top:1px solid #d0d3d9;color:#a0a2a5;font-family:SimSun}
.footer a{color:#464D5C;}
