@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dd, dt, img, p, form {
    border: 0 none;
    margin: 0;
    padding: 0;
}
ul, ol, li {
    list-style: outside none none;
}

input {
    font-family: Arial;
    margin: 0;
    padding: 0;
    text-shadow: none;
}
table {
    border-collapse: collapse;
}
a {
    outline: medium none;
    text-decoration: none;
}

a:hover {
    color: red;
}
a:active {
}
.clear {
    clear: both;
}
body {
    color: #666666;
    font-family: "微软雅黑",Arial;
    font-size: 14px;	
    margin: 0;
    overflow-x: hidden;
    padding: 0;
}
.f_l {
    float: left;
}
.f_r {
    float: right;
}
.ads{background-color: #6ebf59}
.container_1200{width:1200px;margin:auto;}
.xcx_what{margin: 55px auto;}
.xcx_what_top{text-align: center;font-size: 36px;background:url(../images/xcx_top_bg.png) center bottom no-repeat;padding-bottom: 20px;}
.xcx_what_text{font-size: 18px;line-height: 40px;margin-top: 30px;text-align: center;}

.xcx_what_list{margin-top: 50px;}
.xcx_what_list li{width:260px;height:220px;background:#eee;border-radius: 5px;overflow: hidden;position: relative;float: left;margin-left: 53px;cursor:pointer;}
.xcx_what_list li .pic{height:166px;}
.xcx_what_list li .title{height:54px;line-height:54px;text-align: center;font-size: 22px;color:#fff;}
.xcx_what_list li .text{position: absolute;top:0px;left:0px;width:260px;height:220px;color:#fff;opacity: 0;transition: 0.3s;
    -moz-transition:  0.3s;  /* Firefox 4 */
    -webkit-transition:  0.3s;   /* Safari 和 Chrome */
    -o-transition:  0.3s;    /* Opera */}
.xcx_what_list li:hover .text{opacity: 1;}
.xcx_what_list li .text .p1{font-size: 22px;text-align: center;padding-top: 40px;}
.xcx_what_list li .text .p2{font-size: 16px;padding:0px 20px;line-height: 30px;margin-top: 20px;}
.xcx_what_list li.li_1{margin-left: 0px;}
.xcx_what_list li.li_1 .title,.xcx_what_list li.li_1 .text{background:#f59a43;}
.xcx_what_list li.li_1 .pic{background:url(../images/xcx_what_1.png) center no-repeat;}

.xcx_what_list li.li_2 .title,.xcx_what_list li.li_2 .text{background:#f58564;}
.xcx_what_list li.li_2 .pic{background:url(../images/xcx_what_2.png) center no-repeat;}

.xcx_what_list li.li_3 .title,.xcx_what_list li.li_3 .text{background:#6dbf58;}
.xcx_what_list li.li_3 .pic{background:url(../images/xcx_what_3.png) center no-repeat;}

.xcx_what_list li.li_4 .title,.xcx_what_list li.li_4 .text{background:#42adfc;}
.xcx_what_list li.li_4 .pic{background:url(../images/xcx_what_4.png) center no-repeat;}

.xcx_why{padding:50px 0px;background:#f1f8fe;height:730px;}
.xcx_why_top{text-align: center;font-size: 36px;background:url(../images/xcx_top_bg2.png) center bottom no-repeat;padding-bottom:20px;}
.xcx_why_main{margin-top:30px;position: relative;}

.xcx_why_main img{-moz-animation: Animate 2s ease infinite;-o-animation: Animate 2s ease infinite;-ms-animation: Animate 2s ease infinite;-webkit-animation: Animate 2s ease infinite;animation: Animate 2s ease infinite;}
@-webkit-keyframes Animate{
    0% { -webkit-transform:translateY(-10px); opacity: 1; }
                            50% { -webkit-transform:translateY(0px);  }
                            100% { -webkit-transform:translateY(-10px); opacity: 1; }
}
@-moz-keyframes Animate{0% { -moz-transform:translateY(-10px); opacity: 1; }
                            50% { -moz-transform:translateY(0px);  }
                            100% { -moz-transform:translateY(-10px); opacity: 1; }
}
@-0-keyframes Animate{0% { -o-transform:translateY(-10px); opacity: 1; }
                            50% { -o-transform:translateY(0px);  }
                            100% { -o-transform:translateY(-10px); opacity: 1; }
}
@-ms-keyframes Animate{0% { -ms-transform:translateY(-10px); opacity: 1; }
                            50% { -ms-transform:translateY(0px);  }
                            100% { -ms-transform:translateY(-10px); opacity: 1; }
}



.xcx_why_main li{position:absolute;width:260px;}
.xcx_why_main li .title .span_1{color:#27d387;font-size: 30px;}
.xcx_why_main li .title .span_2{font-size: 24px;font-style: italic;}
.xcx_why_main li .summary{font-size: 18px;line-height: 36px;}

.xcx_why_main li.li_1{top:210px;left:0px;}
.xcx_why_main li.li_2{top:365px;left:500px;}
.xcx_why_main li.li_3{top:200px;right:0px;}

.xcx_dowhat{height:140px;line-height:140px;font-size: 36px;text-align: center;}
.xcx_qingqiao{background:#f1f8fe;height:620px;}
.xcx_qingqiao_title{text-align: center;padding-top:40px;}
.xcx_qingqiao_title p{display:inline-block;background:url(../images/bg_1.png) left center no-repeat;font-size: 30px;padding-left:40px;}
.xcx_qingqiao_title p span{color:#03d522;}

.xcx_dowhat_main{position:relative;}
.xcx_phone{width:248px;height:497px;background:url(../images/phone.png);position: relative;margin:auto;margin-top: 20px;}
.xcx_phone_main{width:204px;height:364px;margin-left:22px;margin-top:67px;overflow: hidden;float:left;position: relative;}
.xcx_phone_main ul{position: absolute;top:0px;}
.xcx_phone_main img{display: block;}
.xcx_dowhat_list li{width:180px;height:80px;position: absolute;top:0px;left:0px;background:url(../images/index.png) top right no-repeat;}
.xcx_dowhat_list li.li_left{background-position:right 0px;}
.xcx_dowhat_list li.li_left.current{background-position:right -80px;}
.xcx_dowhat_list li.li_right{background-position:left -160px;}
.xcx_dowhat_list li.li_right.current{background-position:left -240px;}
.xcx_dowhat_list li .title{float:left;line-height: 80px;font-size: 18px;}
.xcx_dowhat_list li .pic{width:40px;height:40px;margin:20px;float:right;background:url(../images/index2.png) top right no-repeat;}
.xcx_dowhat_list li.li_right .pic{float:left;}
.xcx_dowhat_list li.li_right .title{float:right;}
.xcx_dowhat_list li.li_1 .pic{background-position:right 0px;}
.xcx_dowhat_list li.li_2 .pic{background-position:right -40px;}
.xcx_dowhat_list li.li_3 .pic{background-position:right -80px;}
.xcx_dowhat_list li.li_4 .pic{background-position:right -120px;}
.xcx_dowhat_list li.li_5 .pic{background-position:right -160px;}
.xcx_dowhat_list li.li_6 .pic{background-position:right -200px;}

.xcx_dowhat_list li.li_1{left:230px;top:65px;}
.xcx_dowhat_list li.li_2{left:230px;top:180px;}
.xcx_dowhat_list li.li_3{left:230px;top:295px;width:200px;}

.xcx_dowhat_list li.li_4{left:790px;top:65px;}
.xcx_dowhat_list li.li_5{left:790px;top:180px;width:400px;}
.xcx_dowhat_list li.li_5 .title{float:left;margin-left: 30px;}
.xcx_dowhat_list li.li_5 .info{float:right;width:300px;margin-top: -20px;}
.xcx_dowhat_list li.li_6{left:780px;top:295px;}

.xcx_dowhat_houtai{margin-top: 150px;}
.xcx_dowhat_houtai_title{color:#03d522;font-size: 28px;width:426px;margin-bottom:10px;text-align: center;}

.xcx_changjing{height:474px;background:#f1f8fe;margin-top: 70px;}
.xcx_changjing_top{text-align: center;padding-top: 40px;font-size: 30px;}

.xcx_changjing_list{margin-top: 35px;}
.xcx_changjing_list li{width:400px;float:left;text-align: center;}
.xcx_changjing_list li .p1{font-size: 18px;font-weight:bold;}
.xcx_changjing_list li .p2{font-size: 16px;line-height: 30px;margin-top: 15px;margin-bottom: 25px;}
.xcx_changjing_list li .p3{margin-top: 20px;font-size: 16px;}

.xcx_mendian{}
.xcx_mendian_top{text-align: center;padding-top:40px;}
.xcx_mendian_top p{display:inline-block;background:url(../images/bg_2.png) left center no-repeat;font-size: 30px;padding-left:40px;}
.xcx_mendian_top p span{color:#03d522;}
.xcx_mendian_list{margin-top: 30px;}
.xcx_mendian_list li{width:250px;float:left;text-align: center;margin:0px 25px;}
.xcx_mendian_list li p{font-size: 18px;font-weight: bold;margin-top: 15px;}

.xcx_dingzhi{height:670px;background:#fdeedf;margin-top: 60px;}
.xcx_dingzhi .xcx_qingqiao_title p{background:url(../images/bg_3.png) left center no-repeat;}
.xcx_dingzhi_list{margin-top: 30px;}
.xcx_dingzhi_list li{width:340px;float:left;margin:0px 30px;}
.xcx_dingzhi_list li img{display: block;width:340px;height:234px;border-radius: 5px 5px 0px 0px;}
.xcx_dingzhi_list li .title{height:52px;line-height: 52px;color:#fff;text-align: center;font-size: 24px;border-radius: 0px 0px 5px 5px;}
.xcx_dingzhi_list li .summary{line-height: 30px;font-size:16px;margin-top: 10px;}
.xcx_dingzhi_list li.li_1 .title{background:#3aabfe;}
.xcx_dingzhi_list li.li_2 .title{background:#fb5d2e;}
.xcx_dingzhi_list li.li_3 .title{background:#60de9f;}

.xcx_moban .xcx_qingqiao_title p{background:url(../images/bg_4.png) left center no-repeat;}

.xcx_moban_list{margin-top: 30px;}
.xcx_moban_list li{width:280px;float:left;margin:0px 10px;}
.xcx_moban_list li img{/*width:280px;*/height:497px;box-shadow: 0px 0px 5px #3fb1fe;}
.xcx_moban_list li p{font-size: 18px;font-weight: bold;margin-top: 15px;text-align: center;color:#787878;}