@charset "utf-8";
/*清零*/
html,body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, figure, form, fieldset, legend, button, input, textarea, select th, td{padding: 0; margin: 0; }
body {font: 14px/1.8 '微软雅黑',Arial,"Microsoft YaHei","宋体",sans-serif;color: #333; }
img,input{border:none; border:1px solid none; }
ul, ol {list-style-type: none; }
a {text-decoration: none; color: #666; }
a:hover {color: #e4393c; }
.bg-gray{background: url(../images/bg.jpg) repeat;}

/*公共样式*/
.clear{clear:both; }
.wrap{width:1200px; margin:0 auto; }
table{border-collapse: collapse;word-break: break-all;}

.title{padding: 50px 0 30px;background: url(../images/title.png) center bottom no-repeat;text-align: center;margin-bottom: 50px;}
.title p{text-transform: uppercase;font-size: 24px;color:#666;line-height:1;}
.title h2{font-size: 36px;color:#1358f5;}

/*banner*/
.banner{ width:100%; overflow:hidden; position:relative; font-size: 0;} 
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; display:block;  }

.banner .hd{ height:15px; overflow:hidden; position:absolute;left:50%; bottom:15px;margin-left: -31.5px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin:0 5px;  width:15px; height:15px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%; }
.banner .hd ul li.on{ background:#1358f5; color:#fff;}  

.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-33px; display:block; width:40px; height:66px; background:url(../images/arrow1.png) 0px 0px no-repeat; filter:alpha(opacity=30);opacity:0.3;   }
.banner .next{ left:auto; right:3%; background-position:right 0; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=60);opacity:0.6;  }
.banner .prevStop{ display:none; }
.banner .nextStop{ display:none; }
/*.banner img{display: block;width:100%;}*/

/*topmsg*/
.topmsg{overflow: hidden;padding:30px 0 0;}
.topmsg input{float: left;width:190px;padding-left:8px; height: 38px;line-height: 38px;border:1px solid #333;margin-right: 20px;}
.topmsg textarea{float:left;width:390px;padding-left: 8px; height: 38px;line-height: 38px;border:1px solid #030303;resize: none;}
.topmsg .btn{width:100px;float:right;background: #1358f5;color:#fff;border:1px solid #1358f5;padding-left: 0px;}

/*brand*/
.brand{overflow: hidden;}
.brand .br-left{float:left;width:410px;}
.brand .br-center{float:left;text-align: center;width:380px;padding-top: 30px;}
.brand .br-right{float:left;width:410px;}
.brand .text{position:relative; overflow: hidden;padding-left: 130px;width:280px;}
.brand .text .icon{position:absolute;left:0px;top:0px;}
.brand .text .icon img{width:110px;display: block;}
.brand .text .icon-on{position:absolute;left:0px;top:0px;display: none;}
.brand .text p{font-weight: 700; font-size: 22px;}
.brand .text p b{font-size: 24px;margin-right: 5px;font-weight: 400;}
.brand .text span{display: block;height: 210px;}

/*support*/
.support-list{overflow: hidden;padding-bottom: 60px;}
.support-list ul{width:1220px;}
.support-list li{float:left;width:180px;border:1px solid #ddd;height: 510px;overflow: hidden;text-align: center;padding:0 20px;margin-right: 20px;}
.support-list li img{display: block;margin:0 auto;width:180px;height: 180px;border-radius:50%;}
.support-list li span{font-size: 18px;font-weight: 700;margin-top: 10px;line-height: 3;display: block;}
.support-list li p{text-indent: 2em;text-align: left;line-height: 30px;}

/*policy*/
.policy{overflow: hidden;}
.policy .po-left{width:380px;float:left;}
.policy .po-center{position:relative; width:408px;float:left;text-align: center;margin-top: 80px;margin-left:16px;}
.policy .po-right{width:380px;float:right;text-align: right;}
.policy .text{border-bottom: 1px dotted #ccc;height: 150px;margin-bottom: 30px;}
.policy .text p{font-size: 24px;line-height: 36px;margin-bottom: 10px;overflow: hidden;}
.policy .text p b{width:32px;height: 32px;line-height: 32px;text-align: center;display: block;border:2px solid #333;color:#333;margin:0 5px 0 0px;font-weight: 400;float:left;}
.policy .po-right .text p b{float:right;margin:0 0 0 5px;}
.policy .text span{display: block;color:#666;}
.policy .po-center img{position:absolute;left:0px;top:0px;}
.policy .po-center p img{display: none;}

/*honor*/
.slidehonor{ width:1200px;  position:relative;}
.slidehonor .hd .prev,.slidehonor .hd .next{position:absolute;top:50%;left:-50px;margin-top:-33px; display:block;  width:40px; height:66px; float:right;  overflow:hidden;cursor:pointer; background:url("../images/arrow1.png") no-repeat;opacity: 0.6;}
.slidehonor .hd .next{left:auto;right:-50px; background-position:right 0px;  }
.slidehonor .hd .prevStop{opacity: 0.3; }
.slidehonor .hd .nextStop{opacity: 0.3; }
.slidehonor .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.slidehonor .hd ul li.on{ background-position:0 0; }

.slidehonor .bd{ padding:10px;overflow: hidden; }
.slidehonor .bd ul{ overflow:hidden; zoom:1; }
.slidehonor .bd ul li{ margin-right: 85px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slidehonor .bd ul li .pic{ text-align:center; width:230px;height: 165px;}
.slidehonor .bd ul li .pic img{max-width: 100%;max-height: 100%; }
.slidehonor .bd ul li .detail{width:230px;text-align: center;padding-top: 10px;}
.slidehonor .bd ul li .detail p{font-size: 16px;font-weight: 700;line-height: 2;}
.slidehonor .bd ul li .detail span{display: block;color:#666;line-height: 22px;height: 44px;}

/*case*/
.slideGroup{ width:1200px;overflow: hidden; }
.slideGroup .parHd{   position:relative; float: left;width:180px; }
.slideGroup .parHd ul{ float:left;   }
.slideGroup .parHd ul li{ cursor:pointer;height: 58px;width:178px;line-height: 58px;text-align: center;border:1px solid #1358f5;font-size: 18px; color:#1358f5;margin-bottom: 20px;}
.slideGroup .parHd ul li.on{background:#1358f5;color:#fff; }
.slideGroup .parBd{float:right;}
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0px; top:50%; margin-top:-33px; display:block; width:40px; height:66px; background:url(../images/arrow1.png) no-repeat; background-position:center left;z-index: 1;opacity: 0.5;}
.slideGroup .sNext{ left:auto; right:0px; background-position:right center; }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{opacity: 0.7; }

.slideBox{position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:980px; height:640px; display:block;  }

/*agent*/
.agent-list{overflow: hidden;}
.agent-list ul{width:1240px;}
.agent-list li{float: left;width:580px;margin-right: 40px;margin-bottom: 40px;}
.agent-list li .pic{width:325px;height: 300px;display: table;font-size: 0px;margin:0 auto;}
.agent-list li .pic p{display: table-cell;text-align: center;vertical-align: middle;}
.agent-list li .pic img{max-width: 100%;max-height: 100%;}
.agent-list li .name{font-size: 18px;font-weight: 700;color:#1358f5;line-height: 2;text-align: center;}
.agent-list li .word{color:#666;text-indent: 2em;}
.agent-list li .word a{color:#1358f5;}

/*join*/
.join-list{position:relative;}
.join-list .line{position:absolute;left:0px;top:40px;width:100%; border-top:1px solid #333;}
.join-list ul{overflow: hidden;}
.join-list li{position:relative;z-index: 1; float: left;width:171.4px;text-align: center;background: url(../images/join_point.png) center center no-repeat;}
.join-list li b{font-size: 22px;display: block;line-height: 1;}
.join-list li p{font-size: 14px;line-height: 1;padding:38px 0 5px;}
.join-box{width:300px;height: 40px;line-height: 40px;text-align: center;background: #1358f5;color:#fff;font-size: 16px;margin:20px auto;}

/*msg*/
.msg{margin-left: 155px;}
.msg input{float: left;width:272px;padding-left:8px; height: 38px;line-height: 38px;border:1px solid #333;margin-right: 20px;}
.msg textarea{width:867px; height: 135px;padding:8px;border:1px solid #666;resize: none;clear:both;margin-top: 20px;}
.msg .btn{width:300px;background: #1358f5;color:#fff;border:1px solid #1358f5;padding-left: 0px;display: block;float:none;margin:20px 0 40px 300px;font-size: 18px;}

.msg-bg{background:#1358f5;width:100%;margin-top:40px;color:#fff;padding-bottom:30px;}
.msg-bg .title p{color:#fff;}
.msg-bg .title h2{color:#fff;}
.msg-bg .msg .btn{background:#ff7723;height: 46px;line-height:44px;font-weight: 700;font-size: 20px;cursor:pointer;}


/*修改*/
.banner{height: auto;}
.banner img{width:100%;}

/*宽度修改*/
.wrap{width:1100px;}
.topmsg input{width:180px;margin-right:15px;}
.topmsg textarea{width:360px;}
.topmsg .btn{margin-right:0px;}
.brand .br-left{width:370px;}
.brand .br-center{width:360px;}
.brand .br-right{width:370px;}
.brand .text{width:240px;}
.support-list ul{width:1120px;}
.support-list li{width:175px;padding:0 15px;margin-right:16px;}
.policy .po-left{width:330px;}
.policy .po-right{width:330px;}
.slidehonor{width:1100px;}
.slideGroup{width:1100px;}
.slideGroup .parHd{width:150px;}
.slideGroup .parHd ul li{width:148px;}
.slideBox .bd img{width:920px;height: 600px;}
.agent-list li{width:530px;}
.join-list li{width:157.1px;}
.msg{margin-left:105px;}

/*内样式*/
    .zh-img{
        margin-top: 100px;
    }
    .zh-img img{
        width: 100%
    }
    
    .zh-input .item-1{
        background: rgba(255, 255, 255, 0.8)
    }
    .zh-input{
        background: #85c4e5;
        overflow: hidden;
        padding: 25px 0px;
        margin-top: -10px;
    }
    .item-lenght{
        width: 1200px;
        margin: 0 auto;
        text-align: center
    }
    .zh-input .item-1{
        float: left;
        border-radius: 10px;
        margin-right: 60px;
    }
    .zh-input .item-1 button{
        background: #005ca1;
        color: #fff;
        font-size: 15px;
        border: none;
        font-weight: bold;
        padding: 15px 20px;
        border-radius: 10px;
    }
    .zh-input .item-2{
        float: left;
        /* width: 30%; */
        /*margin-top: 40px; */
        /* margin-bottom: 20px; */
    }
    .zh-input .item-2 span{
        background: #364250;
        color: #fff;
        padding: 15px;
        border-radius: 10px;
    }
    .zh-input .item-2 input{
        /* margin-left: 15px; */
        border-radius: 10px;
        height: 49px;
        line-height: 49px;
        outline: none;
        font-size: 18px;
        box-sizing: border-box;
        padding-left: 10px;
        width: 60%
    }

.slideGroup .parHd ul li{
    color: #000;
    border: 1px solid #000;
}
.slideGroup .parHd ul li.on{
    background: none;
    color: #015ca2;
    border: 1px solid #015ca2
}

.bot-input{
        /* text-align: center */
        margin: 0 auto;
        margin-top: 80px;
        width: 700px;
    }
    .bot-input .list-1{
        width: 100%;
        margin: 20px 0px;
        border: 2px solid #015ca2;
        border-radius: 10px;
        overflow: hidden;
    }
    .bot-input .list-1 span{
        background: #015ca2;
        padding: 10px;
        color: #fff;
        font-size: 18px;
    }
    .bot-input .list-1 input{
        outline: none;
        font-size: 18px;
        width: 70%
    }
    .bot-input .btn{
        padding: 0px 20px;
        text-align: center
    }
    .bot-input .btn button{
        background: #015ca2;
        color: #fff;
        font-size: 30px;
        border-radius: 10px;
        border: none;
        font-size: 28px;
        margin-top: 20px;
        padding: 15px 60px;
    }
    .bot-input .big-p{
        text-align: center;
        background: #015ca2;
        padding: 10px 0px;
        margin-top: 40px
    }
    .bot-input .big-p p{
        font-size: 21px;
        color: #fff
    }

.msg-bg{background:#1358f5;width:100%;color:#fff;padding:30px 0;}
.msg-bg .title p{color:#fff;}
.msg-bg .title h2{color:#fff;}
.msg-bg .msg .btn{background:#ff7723;height: 42px;line-height:42px;}