/*整站样式*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0; border:0;}
body{font-size: 12px;font-family: '微软雅黑', Arial;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle}
select,input,select{vertical-align:middle;outline: none;}
table{border-collapse:collapse;border-spacing:0}
iframe{border:none;}
a:link{color:#666666;text-decoration:none;}
a:visited{color:#666666;text-decoration:none;}
a:hover{color:#0093ff;text-decoration:none;}
a:active{color:#0093ff;text-decoration:none;}
.h{display:none;visibility:visible;}
.wrap{border: 0;padding:0;width:1200px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}
.pors{position: relative;}
.width100{width:100%;}
/* 编辑器内容样式 凡是编辑器修改区域加上 */
.editor{line-height:24px;text-align:left;}
.editor p{text-indent:2em;}
.editor ol li{list-style-type:circle;margin-left:25px;}
.editor ul li{list-style-type:square;margin-left:25px;}

.main_width{width:1200px;margin:0 auto;}
/*网页样式*/
@-webkit-keyframes btnRotate {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);

    }
}
@-webkit-keyframes flip{
    0%{-webkit-transform:perspective(400px) rotateY(0);
       -webkit-animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function:ease-out}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg);
        -webkit-animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) rotateY(360deg) ;
        -webkit-animation-timing-function:ease-in}
    100%{-webkit-transform:perspective(400px);
         -webkit-animation-timing-function:ease-in}
}
@-moz-keyframes flip{
    0%{-moz-transform:perspective(400px) rotateY(0);
       -moz-animation-timing-function:ease-out}
    40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function:ease-out}
    50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) ;
        -moz-animation-timing-function:ease-in}
    80%{-moz-transform:perspective(400px) rotateY(360deg) ;
        -moz-animation-timing-function:ease-in}
    100%{-moz-transform:perspective(400px) ;
         -moz-animation-timing-function:ease-in}
}
header{
    height: 80px;
    background: #000;
    background-color: rgba(0,0,0,0.2);
    *filter:Alpha(opacity=20);
    *position:static;
    *zoom:1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
header img{
    display: block;
    padding-top: 24px;
    float: left;
}
.header{
    height: 80px;
    background: #fff;
    width: 100%;

}
.header img{
    display: block;
    padding-top: 24px;
    float: left;
}
.nav{
    float: right;
}
.nav li{
    float: left;
    line-height: 80px;
    color: #fff;
    font-size: 14px;
    margin-left: 40px;
}
.nav li a{
    color: #fff;
}
.nav_icon{
    background: #fff;
    height: 1px;
    display: inline-block;
    *display:inline;
    *zoom:1;
    position: absolute;
    top: 59px;
}
.nav_01{
    float: right;
}
.nav_01 li{
    float: left;
    line-height: 80px;
    color: #333333;
    font-size: 14px;
    margin-left: 40px;
}
.nav_01 li a{
    color: #333333;
}
.nav_icon_01{
    background: #ff6600;
    height: 1px;
    display: inline-block;
    *display:inline;
    *zoom:1;
    position: absolute;
    top: 59px;
}
.bannet{
    height: 540px;
}
.fullSlide{
    position: relative;
}
.fullSlide .pic li{
    height: 540px;
}
.fullSlide .sNext,.fullSlide .sPrev{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    font-family: "宋体";
    background-color: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -20px;
}
.fullSlide .sNext{
    left: 60px;
}
.fullSlide .sPrev{
    right: 60px;
}
.main{height:360px;background:#f4f4f4;}
.main li:first-child{margin-left: 0;}
.main li{margin-top:60px;float:left;width:270px;text-align:center;margin-left:40px;}
.main li a img{border:1px solid #fff;}
.main li h2{font-size:18px;line-height:18px;color:#000;padding-top:25px;}
.main li:hover h2{color:#ff6600;}
.main li:hover a img{border:1px solid #ff6600;}

.main_top{text-align:center;padding-top:60px;}
.main_top h2{font-size:30px;line-height:30px;color:#333;padding-bottom:17px;}
.main_top span{font-size:16px;line-height:16px;color:#999;font-family:"Arial";padding-top:22px;display: block;}
.main_top em{width:20px;height:1px;background:#ff6600;display:block;text-align:center;margin:0 auto;}

.index_tese{margin:0 auto;margin-top:36px;cursor:pointer;padding-bottom:10px;}
.index_tese .ts{border:4px solid #dddddd;margin-bottom:50px;position:relative;height:104px;}
.index_tese .ts dl{margin-top:12px;}
.index_tese .ts dt{font-size:24px;color:#222222;height:40px;line-height:40px;}
.index_tese .ts dd{font-size:12px;color:#444444;font-family:"宋体";line-height:18px;}
.index_tese .num{position:absolute;background:#fff;height:82px;padding-top:30px;}

.index_tese .ts:hover{border:4px solid #ff6600;}
.index_tese .ts:hover dt{color:#ff6600;}
.index_tese .ts:hover dd{color:#ff6600;}

.index_tese1{width:460px;}
.index_tese2{width:280px;text-align:center;padding-top:90px;}
.index_tese3{width:460px;padding-top:78px;}

.index_tese1 dl{text-align:right;padding-right:110px;padding-left:12px;}
.index_tese1 .num{position:absolute;right:28px;top:-4px;}
.index_tese3 dl{text-align:left;padding-left:110px;padding-right:12px;}
.index_tese3 .num{position:absolute;left:28px;top:-4px;}


.main_02 li:first-child{
    margin-left: 0;
}
.main_02{
    background: #f4f4f4;
    height: 680px;
}
.main_02 ul{
    margin-top: 40px;
    height: 442px;
    border-bottom: 6px solid #eeeeee;
}
.main_02 li a{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}
.main_02 li{
    float: left;
    width: 380px;
    margin-left: 30px;
    position: relative;
    height: 100%;

}
.main_02 li div{
    height: 260px;
    overflow: hidden;
}
.main_02 li div img{
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.main_02 li i{
    width: 120px;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -6px;
    background: #ff6600;
    display: none;
}
.main_02 li:hover div img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.main_02 li:hover i{
    display: block;

}
.main_02 li h2{
    font-size: 18px;
    line-height: 18px;
    color: #333;
    padding-top: 25px;
    padding-bottom: 22px;
}
.main_02 li p{
    font-family: "宋体";
    color: #999;
    line-height: 26px;
}
.main_02 li em{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: right;
}
.main_02 li em img{
    display: block;

}
.main_03{
    height:580px;
}
.main_03_c .sNext,.main_03_c .sPrev{
    width: 40px;
    height: 40px;
    font-family: "宋体";
    line-height: 40px;
    text-align: center;
    color: #999999;
    border: 1px solid #999999;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 20px;
    margin: 0 2px;
}
.main_03_c .sNext:hover,.main_03_c .sPrev:hover{
    color: #000;
    border-color: #000;
}
.main_03_c .div1{
    text-align: center;
    margin-top: 43px;
}
.main_03_c{
    width: 1206px;
    margin: 0 auto;
    margin-top: 40px;
    position: relative;
}
.main_03_c li{
    border-right: 1px solid #ddd;
    border-top: 1px solid #dddddd;
}

.main_03_c li div{
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    width: 240px;
    float: left;
}
.main_03_c li div img:hover{
    animation: flip 2s ease-in-out;
    -webkit-animation: flip 2s ease-in-out;
}

.main_04{
    height: 840px;
    background: #f4f4f4;
}
.main_04_l {
    width: 580px;
    background: #fff;
    height: 520px;
}
.main_04_l img{
    float: left;
}
.main_04_l .div1{
    width: 140px;
    text-align: right;
    border-right: 1px solid #eeeeee;
    padding-right: 20px;
    height: 260px;
}
.main_04_l .div2{
    width: 419px;
    height: 260px;
}
.main_04_l .div2 h2,.main_04_l .div2 p{
    width: 340px;
    margin: 0 auto;
}
.main_04_l:hover .div2{
    background: #ff6600;
}
.main_04_l:hover h2,.main_04_l:hover p{
    color: #fff;
}
.main_04_l h3{
    font-family: "Impact";
    font-size: 70px;
    color: #999999;
    line-height: 70px;
    padding-top: 35px;
    padding-bottom: 10px;
}
.main_04_l span{
    font-family: "Arial";
    color: #999999;
    margin-right: 5px;
}
.main_04_l h2{
    font-size: 18px;
    color: #333;
    line-height: 18px;
    padding-top: 40px;
    padding-bottom: 25px;
}
.main_04_l p{
    font-family: "宋体";
    color: #999999;
    line-height: 24px;
}
.main_04_c{
    margin-top: 40px;
}

.main_04_r{
    width: 580px;
    height: 520px;
}
.main_04_r li{
    height: 240px;
    background: #fff;
    margin-bottom: 40px;
}
.main_04_r .div1{
    width: 140px;
    text-align: right;
    border-right: 1px solid #eeeeee;
    padding-right: 20px;
    height: 100%;
}
.main_04_r .div2{
    width: 419px;
    height: 100%;
}
.main_04_r .div2 h2,.main_04_r .div2 p{
    width: 340px;
    margin: 0 auto;
}
.main_04_r h3{
    font-family: "Impact";
    font-size: 70px;
    color: #999999;
    line-height: 70px;
    padding-top: 35px;
    padding-bottom: 10px;
}
.main_04_r span{
    font-family: "Arial";
    color: #999999;
    margin-right: 5px;
}
.main_04_r h2{
    font-size: 18px;
    color: #333;
    line-height: 18px;
    padding-top: 40px;
    padding-bottom: 25px;
}
.main_04_r p{
    font-family: "宋体";
    color: #999999;
    line-height: 24px;
}

.main_04_r li:hover .div2{
    background: #ff6600;
}
.main_04_r li:hover h2,.main_04_r li:hover p{
    color: #fff;
}

.main_04_f{
    text-align: center;
    margin-top: 40px;
}
.main_04_f a{
    width: 118px;
    height: 38px;
    border: 1px solid #ff6600;
    color: #ff6600;
    text-align: center;
    line-height: 38px;
    font-family: "宋体";
    display: block;
    margin: 0 auto;
}


.foot{
    height: 280px;
    background: #333;
}

.foot_01{
    width: 250px;
    float: left;
    margin-right: 70px;
    padding-top: 40px;
}
.foot_02{
    width: 280px;
    margin-right: 70px;
    float: left;
    padding-top: 40px;
}
.foot_03{
    width: 240px;
    float: left;
    padding-top: 40px;
}

.foot_04{
    float: right;
    width: 255px;
    text-align: center;
    border-left: 1px solid #444444;
    margin-top: 40px;
}
.foot .divt{
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.foot_01 p{
    color: #999999;
    line-height: 30px;
    font-family: "宋体";
    padding-top: 20px;
    padding-bottom: 30px;
}
.foot_01 a{
    width: 118px;
    border: 1px solid #999999;
    color: #999999;
    text-align: center;
    height: 38px;
    line-height: 38px;
    display: block;
    font-family: "宋体";
}
.foot_02 ul{
    margin-top: 10px;
}
.foot_02 li:first-child{
    border: 0;
}
.foot_02 li{
    padding-top: 20px;
    border-top: 1px solid #444;
    float: left;
    width: 100%;
}
.foot_02 li img{
    float: left;
    display: block;
}
.foot_02 li div{
    float: right;
    width: 185px;
}
.foot_02 li div h2{
    color: #fff;
    font-size: 14px;
    padding-bottom:6px;
    line-height: 14px;
}
.foot_02 li:hover div h2{
    color: #ff6600;
}
.foot_02 li div p{
    color: #999999;
    font-family: "宋体";
    line-height:18px;
    padding-bottom: 15px;
}
.foot_03 li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.foot_03 li a{
    text-align: center;
    line-height: 38px;
    height: 38px;
    width: 98px;
    border: 1px solid #999;
    color: #999;
    display: block;
}
.foot_03 ul{
    margin-top: 30px;
}
.foot_03 li:hover a{
    color: #ff6600;
    border-color: #ff6600;
}

.foot_04 h2{
    color: #ff6600;
    line-height: 24px;
    font-size: 24px;
    font-family: "Arial";
    padding-bottom: 10px;
}
.foot_04 p{
    line-height: 20px;
    color: #999;
    font-family: "宋体";
    padding-bottom: 15px;
}

footer{
    padding-bottom:20px;padding-top:0px;
    background: #000;
}
footer p{
    color: #666666;
    font-family: "宋体";
}

footer p a{
    color: #666;
}
footer .div1{
    padding-top: 22px;
}
footer .div2 a:first-child{
    margin: 0;
    padding: 0;
    border: 0;
}
footer .div1 a:hover{
    color: #ff6600;
}
footer .div2 a{
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #666;
    color: #666;
}
footer .div1 span{
    margin-left: 15px;
}
footer .div1 img{
    margin-right: 10px;
}
footer .div2{
    margin-top: 10px;
}


/*商城系统*/

.ban{
    height: 260px;
}

.syst{
    height: 200px;
    text-align: center;
}
.syst h2{
    color: #333;
    font-size: 30px;
    line-height: 30px;
    padding-top: 60px;
    padding-bottom: 37px;
}
.syst li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 98px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    border: 1px solid #dddddd;
    margin: 0 10px;
}
.syst li a{
    color: #333;
    width: 100%;
    height: 100%;
    display: block;
}
.syst li:hover{
    border-color: #ff6600;
    background: #ff6600;
}
.syst li:hover a{
    color: #fff;
}
.syst .on{
    border-color: #ff6600;
    background: #ff6600;
}
.syst a.on{
    color: #fff;
}
.syst .on a{
    color: #fff;
}

.syst_top{
    text-align: center;
    padding-top: 60px;
}
.syst_top h2{
    font-size: 30px;
    line-height: 30px;
    color: #333;
    padding-bottom: 17px;
}
.syst_top span{
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    padding-top: 22px;
    display: block;
}
.syst_top em{
    width: 20px;
    height: 1px;
    background: #ff6600;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.syst_01{
    height: 720px;
}
.syst_02{
    height: 700px;
}
.syst_03{
    height: 620px;
}
.syst_04{
    height: 700px;
}
.syst_04 .syst_top h2{
    color: #fff;
}
.syst_04 .syst_top span{
    color: #fff;
}
.syst_04 .syst_top em{
    background: #fff;
}
.syst_05{
    height: 730px;
}

.system_01 table{
    width: 100%;
    box-sizing: content-box;
}
.system_01 table .tr1{
    background: #f4f4f4;

}

.system_01 table td{
    height: 39px;
    border: 1px solid #dddddd;
    color: #333333;
    font-size: 14px;
    box-sizing: content-box;
    text-align: center;
}
.system_01 table tr{
    box-sizing: content-box;

}
.system_01 table .td1{
    width: 139px;
}
.system_01 table .td2{
    width: 118px;
}
.system_01 table .td3{
    text-align: left;
    padding-left: 15px;
}
.system_01{
    margin-bottom: 60px;
}

.system_02{
    padding-bottom: 60px;
}

.system_02 dl dt{
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;
    float: left;
    width: 100%;
}
.system_02 dl dt img{
    margin-left: 20px;
    margin-right: 13px;
    color: #333333;
    font-size: 14px;
}
.system_02 dl dd em{
    margin-left: 20px;
    margin-right: 13px;
    float: left;
}
.system_02 dl dd em img{
    display: block;
    padding-top: 10px;
}
.system_02 dl dd {
    padding-top: 15px;
    padding-bottom: 25px;
    float: left;
}
.system_02 dl dd div{
    width: 1130px;
    margin-right: 20px;
    float: right;
    font-size: 14px;
    color: #333;
    line-height: 34px;
}

.fenye{
    text-align: center;
    width: 100%;
}
.fenye a{
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #666666;
    font-family: "Arial";
    background: #fff;
    border: 1px solid #dddddd;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 4px;
}
.fenye .now{
    color: #fff;
    background: #ff6600;
    border-color: #ff6600;
}
.fenye .a1{
    width: 78px;
    font-family: "宋体";
}
.fenye a:hover{
    color: #fff;
    background: #ff6600;
    border-color: #ff6600;
}

.case{
    padding-bottom: 60px;
}
.case ul{
    margin-right: -30px;
}
.case li a{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;

}
.case li{
    float: left;
    width: 385px;
    margin-right: 25px;
    position: relative;
    height: 100%;
    margin-bottom: 35px;
}
.case li div{
    height: 250px;
    overflow: hidden;
}
.case li div img{
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}

.case li:hover div img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.case li:hover i{
    display: block;

}
.case li h2{
    font-size: 18px;
    line-height: 18px;
    color: #333;
    padding-top: 25px;
    padding-bottom: 22px;
}
.case li p{
    font-family: "宋体";
    color: #999;
    line-height: 26px;
}
.case li em{

    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: right;
}

.case_01{
    margin-top: 75px;
    position: relative;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    padding-bottom: 70px;
}
.case_01 .case_a1{
    background: #ff6600;
    width: 250px;
    height: 80px;
    box-shadow: 0 5px 0 #dd5800;
    margin-top: 35px;
}
.case_01 .case_a1:active{
    box-shadow:none;
}
.case_01 .case_a1 div{
    margin-left: 20px;
}
.case_01 .case_a1 .div1{
    color: #fff;
    font-size: 24px;
    padding-top: 14px;
}
.case_01 .case_a1 .div1 img{
    margin-top: -2px;
    margin-right: 5px;
}
.case_01 .case_a1 .div2{
    color: #fff;
    font-size: 14px;
}
.case_fanye a{
    width: 38px;
    height: 38px;
    display: block;
    text-align: center;
    line-height: 38px;
    font-family: "宋体";
    font-size: 20px;
    border: 1px solid #999999;
    position: absolute;
    top: 190px;
    color: #999;
}
.case_fanye a:hover{
    border-color: #000;
    color: #000;
}
.case_fanye .c_left{
    left: -79px;
}
.case_fanye .c_right{
    right: -79px;
}

.plan{
    padding-top: 60px;
    padding-bottom: 60px;
}
.plan ul{
    margin-right: -40px;
}
.plan li{
    width: 270px;
    height: 200px;
    position: relative;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
    overflow: hidden;
}
.plan li a>img{
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.plan li:hover a> img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.plan h2 img{
    margin-right: 10px;
    vertical-align: text-bottom;
}
.plan h2{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #000;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0,0,0,0.4);
    font-size: 16px;
    color: #fff;
}
.ban_01{
    height: 100px;
}
.ban_02 {
    font-family: "宋体";
    padding-top: 68px;
    text-align: right;
    color: #fff;
}
.ban_02 a{
    color: #fff;
}
.ban_02 span{
    margin: 0 7px;
}
.ban_02 img{
    margin-right: 9px;
}
.plan_01{
    margin-top: 60px;
    margin-bottom: 80px;
}
.plan_l{
    width: 840px;
}
.plan_r{
    width: 300px;
}
.plan_t h1{
    font-size: 20px;
    color: #333;
    line-height: 20px;
    padding-bottom: 15px;
}
.plan_t span{
    color: #999999;
    font-family: "宋体";
    margin-right: 27px;
    line-height: 12px;
}
.plan_t span a{
    color: #ff6600;
}
.plan_t {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}
.plan_c{
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #cccccc;
}
.plan_f a{
    color: #999999;
    font-family: "宋体";
}
.plan_f a:hover span{
    color: #ff6600;
}
.plan_f div{
    padding-top: 13px;
}

.plan_r{
    background: #f0f0f0;
}
.plan_rt{
    color: #333333;
    font-size: 20px;
    line-height: 20px;
    padding-top: 32px;
    width: 240px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.plan_r ul{
    margin: 0 auto;
    width: 240px;
    padding-bottom: 65px;
}
.plan_r li {
    margin-top: 15px;
    border-top: 1px dashed #d6d6d6;
    padding-top: 25px;
}
.plan_r li:first-child{
    margin: 0;
    padding: 0;
    border: 0;
}
.plan_r li h2{
    font-size: 16px;
    color: #333;
    line-height: 16px;
    padding-bottom: 10px;
}
.plan_r li:hover h2{
    color: #ff6600;
}
.plan_r li p{
    font-family: "宋体";
    color: #666666;
    line-height: 24px;
    padding-bottom: 13px;
}
.plan_r li span{
    line-height: 12px;
    color: #999999;
    font-family: "宋体";
    margin-right: 15px;

}


.supp_01{
    height: 580px;
}
.supp_01_t{
    color: #fff;
    padding-top: 90px;
    width: 540px;
    font-size: 14px;
    line-height: 32px;
}
.supp_02{
    height: 620px;
    background: #fff;
    -webkit-transform:matrix(1,-0.052,0,1,0,0);
    -o-transform:matrix(1,-0.052,0,1,0,0);
    transform:matrix(1,-0.052,0,1,0,0);
    margin-top: -50px;
}

.supp_02_c{
    -webkit-transform:matrix(1,0.052,0,1,0,0);
    -o-transform:matrix(1,0.052,0,1,0,0);
    transform: matrix(1, 0.052, 0, 1, 0, 0);
    text-align: center;
    padding-top: 80px;
}
.supp_02_c h2{
    font-size: 36px;
    line-height: 36px;
    padding-bottom: 20px;
    color: #333;
}
.supp_02_c h3{
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 35px;
    color: #333;
}
.supp_02_c p{
    color: #333333;
    font-size: 14px;
    line-height: 32px;
}
.supp_02_c p span{
    color: #ff6600;
}
.supp_03{
    height: 700px;
    background: #f4f4f4;
    margin-top: -60px;
}

.supp_02_f{
    text-align: center;
    -webkit-transform:matrix(1,0.052,0,1,0,0);
    -o-transform:matrix(1,0.052,0,1,0,0);
    transform: matrix(1, 0.052, 0, 1, 0, 0);
    padding-top: 60px;
}

.supp_02_f li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 118px;
    height: 118px;
    border: 1px solid #dddddd;
    position: relative;
    margin: 0 35px;
}
.supp_02_f li img{
    margin-top: 25px;
}
.supp_02_f li h2{
    position: absolute;
    bottom: 18px;
    font-size: 16px;
    color: #333;
    width: 100%;
}
.supp_02_f li div{
    width: 100%;
    height: 100%;
    border: 1px solid #dddddd;
    position: absolute;
    left: 9px;
    bottom: 9px;
}

.supp_03_t{
    text-align: center;
    color: #333;
    font-size: 36px;
    line-height: 36px;
    padding-top: 115px;
}

.supp_03_c{
    width: 940px;
}
.supp_03_c ul{
    margin-top: 80px;
}
.supp_03_c li{
    height: 225px;
    width: 400px;
    margin-right: 70px;
    float: left;
}

.supp_03_c .div1{
    background: url(../images/o_24.png);
    width: 68px;
    height: 65px;
    color: #ff6600;
    font-size: 40px;
    line-height: 65px;
    text-align: center;
    float: left;
}
.supp_03_c .div2{
    width: 315px;
    float: right;
}
.supp_03_c .div2 h2{
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 20px;
}
.supp_03_c .div2 p{
    font-size: 14px;
    line-height: 28px;
}


.supp_l{
    width:300px;
    margin-bottom: 70px;
}
.supp_l dl:first-child{
    border-color: #ff7519;
    border-width: 3px;
}
.supp_l dl{
    padding-top:10px;
    padding-bottom:10px;
    border-top: 1px solid #dddddd;
}
.supp_l dl dt{
    color: #999999;
    font-size: 14px;
    line-height:34px;
    padding-left: 20px;

}
.supp_l dl dd{
    padding-left:30px;
    color: #333;
    font-size: 14px;
    line-height:24px;
}
.supp_l dl a:hover{
    color: #ff6600;
}
.supp_l dl .on a{
    color: #ff6600;
}
.supp_r{
    width:860px;
}

.supp_t{
    font-size: 16px;
    line-height: 16px;
    border-left: 3px solid #ff6600;
    color: #333;
    padding-left: 14px;
}
.supp_c{
    color: #333;
    font-size: 14px;
    line-height: 36px;
    padding-top: 25px;
}
.info{
    margin-bottom: 60px;
}
.info2 li:first-child {
    width: 580px;
    background: #fff;
    height: 520px;
}
.info2 li:first-child img{
    float: left;
}
.info2 li:first-child .div1{
    width: 140px;
    text-align: right;
    border-right: 1px solid #eeeeee;
    padding-right: 20px;
    height: 260px;
}
.info2 li:first-child .div2{
    width: 419px;
    height: 260px;
}
.info2 li:first-child .div2 h2,.info2 li:first-child .div2 p{
    width: 340px;
    margin: 0 auto;
}
.info2 li:first-child:hover .div2{
    background: #ff6600;
}
.info2 li:first-child:hover h2,.info2 li:first-child:hover p{
    color: #fff;
}
.info2 li:first-child h3{
    font-family: "Impact";
    font-size: 70px;
    color: #999999;
    line-height: 70px;
    padding-top: 35px;
    padding-bottom: 10px;
}
.info2 li:first-child span{
    font-family: "Arial";
    color: #999999;
    margin-right: 5px;
}
.info2 li:first-child h2{
    font-size: 18px;
    color: #333;
    line-height: 18px;
    padding-top: 40px;
    padding-bottom: 25px;
}
.info2 li:first-child p{
    font-family: "宋体";
    color: #999999;
    line-height: 24px;
}
.info ul{
    margin-right: -40px;
    margin-top: 60px;
}
.info li{
    height: 240px;
    background: #fff;
    margin-bottom: 40px;
    width: 580px;
    float: left;
    margin-right: 40px;
}
.info li .div1{
    width: 140px;
    text-align: right;
    border-right: 1px solid #eeeeee;
    padding-right: 20px;
    height: 100%;
}
.info li .div2{
    width: 419px;
    height: 100%;
}
.info li .div2 h2,.info li .div2 p{
    width: 340px;
    margin: 0 auto;
}
.info li h3{
    font-family: "Impact";
    font-size: 70px;
    color: #999999;
    line-height: 70px;
    padding-top: 35px;
    padding-bottom: 10px;
}
.info li span{
    font-family: "Arial";
    color: #999999;
    margin-right: 5px;
}
.info li h2{
    font-size: 18px;
    color: #333;
    line-height: 18px;
    padding-top: 40px;
    padding-bottom: 25px;
}
.info li p{
    font-family: "宋体";
    color: #999999;
    line-height: 24px;
}

.info li:hover .div2{
    background: #ff6600;
}
.info li:hover h2,.info li:hover p{
    color: #fff;
}
.abo{
    margin-top: 60px;
    margin-bottom: 60px;
}
.abo_l{
    width: 200px;
}
.abo_r{
    width: 960px;
}

.abo_l dd{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    padding-right: 40px;
    text-align: right;
}
.abo_l dd a{
    color: #333;
    width: 100%;
    height: 100%;
    display: block;
}
.abo_l .on {
    background: #ff6600;
}
.abo_l .on a{
    color: #fff;

}
.abo_l dd:hover{
    background: #ff6600;
}
.abo_l dd:hover a{
    color: #fff;
}
.abo_l dl{
    margin-bottom: 50px;
}
.abo_t{
    padding-top: 12px;
    padding-bottom: 11px;
    border-bottom: 1px solid #eeeeee;

}
.abo_t h2{
    font-size: 16px;
    line-height: 16px;
    border-left: 3px solid #ff6600;
    color: #333;
    padding-left: 14px;
}
.abo_c{
    font-size: 14px;
    color: #333;
    line-height: 36px;
    padding-top: 25px;
    padding-bottom: 30px;
}

.btn_case_see{ width:100%;display:inline-block;line-height:40px;height:40px; text-align:center;border:1px solid #ccc;margin-top:40px;}
a.btn_case_see:hover{border:1px solid #ff6600;color:#ff6600; }

/* Easy Slider */
/* 成功案例 */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
    width:350px;
    height:560px;
    overflow:hidden; 
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-380px;
    top:350px;
    z-index:1000;
    font-size:0px;
}	
#nextBtn, #slider1next{ 
    left:730px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
    display:block;
    position:relative;
    width:43px;
    height:85px;
    background:url(../images/btn_prev.png) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
    background:url(../images/btn_next.png) no-repeat 0 0;	
}
/* numeric controls */	
ol#controls{
    margin:156px auto 0px auto;
    padding:0;
    height:28px;
    padding-left:42%;
}
ol#controls li{
    margin:0 10px 0 0; 
    padding:0;
    float:left;
    list-style:none;
    height:12px;
    line-height:12px;
    width:12px;
}
ol#controls li a{
    display:block;
    height:12px;
    width:12px;
    line-height:12px;
    padding:0px;
    text-decoration:none;
    font-size:0px;
    background:url(../images/case_ico.png) no-repeat 0px -12px;
}
ol#controls li.current a{
    background:url(../images/case_ico.png) no-repeat 0px 0px;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
.case_phone{background:url(../images/case_phone_bg.jpg) no-repeat center;width:100%;height:882px;padding-top:78px;margin-top:40px;}
.case_phone_bg{background:url(../images/phone_bg2.png) no-repeat center;width:405px;height:723px;margin:0px auto;position:relative;}
.phone_slider{padding-top:69px;margin-left:28px;width:350px;height:560px;}
.case_erweima{width:200px;margin:60px auto;border:1px solid #e3e3e3;}
.case_erweima_btn{background-color:#2eafbb;text-align:center;padding:0px 10px;height:40px;line-height:40px;width:140px;margin:0px auto;}
.case_erweima_btn a{color:#e3e3e3;}

.case_erweima2{width:480px;margin:60px auto;}
.case_erweima2 dl{float:left;margin:0 20px;text-align:center;width:200px;}
.case_erweima2 dd{line-height:30px;height:30px;width:188px;background-color:#2eafbb;color:#fff;margin:10px auto;}

.body_solution{font-family:"微软雅黑";}
.body_solution h2{font-size:30px;line-height:50px;color:#333;}
.body_solution h3{font-size:16px;color:#333;}
.solution_1{position:absolute;top:4%;text-align:center;width:100%;}
.solution_1 h2{margin-top:10px;text-align:center;width:100%;}
.solution_1 h3{margin-top:10px;text-align:center;width:100%;line-height:1.6;}
.solution_2{ text-align:center;margin-top:40px;margin-bottom:40px;}
.solution_2 h3{line-height:34px;margin-top:10px;}
.solution_2 .pic{margin-top:30px;}
.solution_4{ text-align:center;margin-top:40px;margin-bottom:40px;}
.solution_4 h2{margin-bottom:40px;}
.solution_5{ background-color:#f4f4f4; text-align:center;margin-top:40px;padding-bottom:80px;}
.solution_5 h2{padding:40px;}

#case_pic{width:1200px;}
.ban_01{background: url(../images/i_45.jpg) no-repeat center;}
.ban{background: url(../images/b_05.jpg) no-repeat center;}

/* right contact */
.right_contact{position:fixed;bottom:120px;right:0px;width:40px;z-index:100000;}
.right_contact .r_qq{background:url(../images/contact_qq.png) no-repeat center #ececec;width:40px;height:40px;cursor:pointer;}
.right_contact .r_tel{background:url(../images/contact_tel.png) no-repeat center #ececec;width:40px;height:40px;cursor:pointer;}
.right_contact .r_close{background:url(../images/contact_close.png) no-repeat center #f9f9f9;width:40px;height:40px;cursor:pointer;}
.right_contact .r_close:hover{background:url(../images/contact_close2.png) no-repeat center #43bcc7;cursor:pointer;}
.right_contact .r_show{background:url(../images/contact_h.jpg) no-repeat center;width:40px;height:40px;cursor:pointer;}
.right_contact .right_hide{display:none;}
.right_contact .sel .r_qq{background:url(../images/contact_qq2.png) no-repeat center #43bcc7;}
.right_contact .sel .r_tel{background:url(../images/contact_tel2.png) no-repeat center #43bcc7;}
.right_contact .r_sub{display:none;position:absolute;right:40px;top:0px;background-color:#43bcc7;padding:20px;line-height:34px;z-index:100000;}
.right_contact .r_sub_tel{width:110px;top:40px;}
.right_contact .r_sub_tel span{display:block;font-size:14px;color:#fff;font-family:"微软雅黑";}
.right_contact .r_top{background:url(../images/contact_top.png) no-repeat center #f9f9f9;width:40px;height:40px;cursor:pointer;display:none;}
.right_contact .r_top:hover{background:url(../images/contact_top2.png) no-repeat center #43bcc7;}


@media all and (max-width:1350px) {
    .body_solution h2{font-size:26px;line-height:40px;}
    .body_solution h3{font-size:15px;}
}

@media all and (max-width:1199px) {
    .main_width{width:1000px;overflow:hidden;}
    .wrap{width:960px;overflow:hidden;}

    .body_solution h2{font-size:24px;line-height:30px;}
    .body_solution h3{font-size:14px;}
    .foot_01{margin-left:50px;}
    .foot_04{display:none;}
    footer .div1 .fl{width:500px;line-height:20px;}

    .system_02 dl dd div{width:900px;}
    .main{padding-left:5%;overflow:hidden;}
    .li_app{display:none;}

    .index_tese1{width:360px;}
    .index_tese2{width:240px;text-align:center;padding-top:90px;}
    .index_tese3{width:360px;padding-top:78px;}
    .index_tese .ts dl{margin-top:3px;}

    .main_02 .wrap{margin-left:70px;}
    .main_02 li{margin-left:100px;}
    .main_02{overflow:hidden;}
    .main_02 .wrap li:nth-child(3) {display:none;}

    .main_03_c{width:968px;}
    .main_03_c li div:nth-child(9){display:none;}
    .main_03_c li div:nth-child(10){display:none;}

    .main_04_l{display:none;}
    .main_04_r{margin-right:320px;}


    .main_01{overflow:hidden;}
    .case ul{margin-left:60px;}
    .case li{margin-right:50px;}

    .info li{width:960px;}
    .info li .div2 {width:760px;}
    .info li .div2 h2, .info li .div2 p{width:680px;}
    .main_04_r li{width:840px;}
    .main_04_r .div2 {width:660px;}
    .main_04_r .div2 h2, .main_04_r .div2 p{width:550px;}
    #case_pic{width:1000px;}
    .plan_r{display:none;}

    .supp_r{width:620px;}

    .ban{background: url(../images/b_05.jpg) no-repeat -200px 0;}
    .ban_01{background: url(../images/i_45.jpg) no-repeat -300px 0;}
}

.topic_0{margin:0 auto;width:100%;}
.topic_1{margin:0 auto;width:1201px;}
.topic_2{margin:0 auto;background-color:#f8f8f8;width:1201px;}
.topic_3{margin:0 auto;width:1201px;}
.topic_4{margin:0 auto;background-color:#f8f8f8;width:1201px;}
.topic_5{margin:0 auto;width:1201px;}

#fp-nav{position:fixed;z-index:100000;top:50%;opacity:1;}
#fp-nav.right{right:17px;}
#fp-nav.left{left:17px;}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative;}
.fp-slidesNav ul li{display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a{display: block;position:relative;z-index:1;width:100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {background: #ccc;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{top:2px;left:2px;width:8px;height:8px;border:1px solid #ccc;background:rgba(0, 0, 0, 0);border-radius:50%;position:absolute;z-index:1;}