@charset "utf-8";

body {font-family: "Arial","微软雅黑";}
.scroll_Top{ display: block; width:69px; height:69px; position: fixed; right: 30px; bottom: 120px; }

.Extremely_banner{background: url(images/banner8.jpg) no-repeat center top;}
.Extremely_banner_main{height: 500px;}
.Extremely_banner_main strong,.Extremely_banner_main p,.Extremely_banner_main em{color: #fff;display: block;text-align: center;}
.Extremely_banner_main strong{font-size: 24px;padding-top: 165px;}
.Extremely_banner_main p{font-size: 50px;}
.Extremely_banner_main em{font-size: 14px;padding-top: 10px;}
.Extremely_img{width: 895px;height: 513px;margin:0 auto;}

.Extremely_banner4{background: url(images/banner4.jpg) no-repeat center top;}

.banner_button{ margin:0 auto;padding-top:33px; text-align: center;}
.banner_button a{ display: inline-block; margin: 0 10px; border-radius: 3px;color:#FFF; text-align: center; font-size:16px; }
.button1{ width:140px; height:43px; line-height:43px; background: #ffd200; }
.button2{ width: 138px; height:41px; line-height:41px; border: 1px solid #FFF; }

.lsv-row .row-head{text-align: center;padding:80px 0 40px;}
.lsv-row .row-head h2{font-size:34px;color:#323232;margin:0 0 10px;}
.lsv-row .row-head p{font-size:14px;color:#666666;margin:0;}
.lsv-row .row-inner{width: 1200px; margin: 0 auto; overflow: hidden;position:relative; padding-bottom: 50px;}
.lsv-row ul{white-space: nowrap; display:inline-block;}
.lsv-row li{display:inline-block; width: 400px;vertical-align: top; height:473px;}
.lsv-row li a{display:inline-block;height:100%; border:1px solid #ededed; border-radius: 10px; transition:all .3s linear;}
.lsv-row li a:hover{box-shadow: 0 0 26px rgba(0,0,0,.06);}
.lsv-row li a{margin-right: 38px;}
.lsv-row .pic{border-radius: 10px; overflow: hidden;}
.lsv-row .pic{border-radius: 10px; overflow: hidden; margin: 19px;}
.lsv-row .pic img{max-width: 100%;}
.lsv-row li h4{font-size: 18px; color:#222222; text-align:center;margin: 17px 0 20px;}
.lsv-row li .text-box{height: 111px;}
.lsv-row li p{margin: 0 18px; font-size: 14px; color:#777777; line-height: 2; white-space: normal; }
.lsv-row .btn-box{text-align:center; padding: 29px 0;}
.lsv-row button{font-size: 14px; color:#00a2ff;border:1px solid #00a2ff; background-color:#fff;width:163px;height:43px;border-radius:5px; transition:all .3s linear; cursor:pointer;}
.lsv-row a:hover button{ color:#fff;background-color:#00a2ff;}
.lsv-row .row-inner .lr-btn{position:absolute;bottom:0;left: 50%; margin-left: -40px;}
.lsv-row .row-inner .lr-btn span{display:inline-block; width: 22px; height: 22px; border:1px solid #ccc;border-radius: 50%; margin: 0 10px;position:relative;font-size:20px;line-height:20px;text-align:center;cursor:pointer;color:#ccc;}
.lsv-row .row-inner .lr-btn span:hover{background-color:#00a2ff;color:#fff;}

.advantage_c{ padding-top:82px; width: 1200px; margin:0 auto;}
.advantage_tit{ text-align: center; font-size: 32px; color: #333; }
.advantage_con{ width: 100%; overflow: hidden;padding-top: 76px;}
.advantage_list{ width:25%; float: left; }
.advantage_list span{ display: block; width:120px; height: 120px; margin:0 auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;}
.advantage_list span:hover{
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.advantage_list p{ display: block; text-align: center; font-size:18px; color:#333;padding-top: 36px;padding-bottom: 11px;}
.advantage_list em{ display: block; text-align: center; font-size:14px; color: #888;line-height: 24px;}

.page-register-btn{text-align: center;}
.page-register-btn a{display: inline-block; width: 190px; height: 55px; background-color: #00a2ff; border-radius: 8px; color:#fff; font: 400 16px/ 55px '微软雅黑'; box-shadow: 0px 5px 15px rgba(4, 195, 255, .5);}
.page-register-btn a:hover{background-color: #39b7ff;}
.page-register-btn{padding: 55px 0 104px;}


.system{height: 777px; background-color: #1e2126;}
.system_tit{ text-align: center; font-size:32px; color: #FFF;padding-top:91px;margin-bottom: 15px;height: 42px;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing: content-box;}
.system_titmin{text-align: center;display: block;font-size: 14px;color: #888888;}
.system_p{display: block;text-align: center;color: #888888;padding-top: 15px;}
.system_con{ width: 100%; overflow: hidden; position: relative;height:506px;}
.system .click_a{ width:94px; height:42px; margin:0 auto; overflow: hidden; padding-top:5px;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing: content-box;}
.system .click_a a{ display: block; width: 42px; height: 42px; overflow: hidden; }
.system .click_a a:hover img{ margin-top: -42px; }
.system .hover_L{float:left; }
.system .hover_R{float:right; }
.system .click_con{width: 100%;padding-top:90px; overflow: hidden;    margin-left: -133px;}
.system_list{ width: 360px; height:380px; position: relative; background: #FaFafa; margin:0 5px; float: left;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;}
.system_list_tit{padding:34px 30px; height:43px; border-bottom: 1px solid #ededed;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing: content-box;}
.system_list_tit span{ display: block; overflow: hidden; }
.system_list_tit span em{ display: block; width:4px; height:20px;background:#ff9900;  float: left; margin-right:10px; }
.system_list_tit span strong{ display: block; float: left; font-size:20px; line-height: 20px; color: #333; }
.system_list_tit p{ display: block; font-size: 12px; color: #999;padding-top:12px;}
.system_list_con{padding:5px 28px 0px 28px; overflow: hidden;}
.system_list_con img{ width: 100%; }

.click_con .new_cur{ z-index: 10;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.Mask{ width:100%; height: 416px; opacity: 0.3;transition: all 1s; background-color: #000; position: absolute;left:0;top: 0;right: 0; }
.click_con .new_cur .Mask{ opacity: 0;}

.major{position: relative;}
.major_c{width: 1200px;margin: 0 auto;}
.major_tit{ text-align: center; font-size:32px; color: #333; padding-bottom: 15px;}
.min_major_tit{ width: 184px; margin: 0 auto; margin-bottom: 50px; text-align: center; background: url(../website/images/tit_bor.jpg) repeat-x left center;}
.min_major_tit em{ display: inline-block; padding:0 10px; background: #FFF; font-size:14px; color: #777;}
.major_c1{ overflow: hidden;}
.major_L{ float: left; width: 270px; height: 348px; }
.major_list{ display: block; width: 266px; height:28px;padding:37px 0; background: #f5f5f5; border:2px solid #f5f5f5; margin-bottom: 10px;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing: content-box;}
.major_list span{ display: block; width: 28px; height: 28px; float: left; margin-left: 72px; margin-right: 15px; overflow: hidden;}
.major_list p{ display: block; overflow: hidden; line-height: 28px; color: #333; font-size:18px; float: left; }
.major_L .cur{ background: #FFF; border:2px solid #00aeff; }
.major_L .cur span img{ margin-top: -28px; }
.major_L .cur p{color:#00aeff;}
.min_major_c{ width: 640px; height: 337px;float: left; margin:0 10px; position: relative;}
.list1{ width: 640px; height: 337px; position: absolute;left:0;top: 0; display: none;}
.list1_c_bg{ background: url(../website/images/color_bg.png); width:322px; height:99px;padding:47px 159px;position: absolute;top: 72px;left: 0;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing: content-box;}
.comma1{ width:48px; height:29px; position: absolute;left:80px; top:28px; }
.comma2{ width:48px; height:29px; position: absolute;right:95px; bottom:35px; }
.comma_con{ width:322px; height: 99px; }
.comma_con_tit{ overflow: hidden; }
.comma_con_tit span{ display: block; float: left; width: 32px; height: 32px; margin-right: 10px; }
.comma_con_tit p{ line-height: 32px; display: block; float: left; font-size: 22px; color: #FFF; }
.comma_con strong{ display: block; font-size:14px; color: #FFF; line-height: 24px;padding-top:14px;}

.templates-row{background-image:url(images/template_row_bg.jpg); background-repeat:no-reapte; background-attachment: fixed; background-position:50% 50%; position:relative;}
.templates-row .row-zz{background-color: #000; opacity: 0.5; filter:alpha(opacity:50); position:absolute; left: 0; top:0; width:100%; height:100%;z-index:1;}
.templates-row .templates-row-c{position:relative; z-index:2; width: 1200px; height: 640px; text-align:center; margin: 0 auto;}
.templates-row h5{font-size: 32px; padding: 218px 0 29px 0; color:#fff; line-height:1; font-weight: 400;}
.templates-row p{font-size: 16px; color:#cccccc; line-height:1;}
.templates-row .btn-area{padding: 70px 0 0 0;}
.templates-row .btn-area .btn{display:inline-block;width: 186px; height: 52px; border:1px solid #00a2ff; border-radius: 5px; background-color:#00a2ff; color:#fff; font-size: 16px; line-height: 52px;}

.mhide{ padding:30px 0;background-color:#F4F4F4;}
.mhide a{ width:24%; padding-right:0.5%; height: 20px; display: inline-block; overflow: hidden;}

@media screen and (max-width:1366px){

}

@media screen and (max-width:1024px){
    .lsv-row .row-inner{ width:97%; padding-left:3%;}
    .lsv-row li { width: 331px; }
    .advantage_c { width: 100%; }
    .advantage_con{ padding-top:36px; }
    .major_c{ width: 100%; }    
    .min_major_c{ width: 62%; margin:0 1%; overflow: hidden; }
    .major_L { width: 18%; overflow: hidden; }
    .major_list{ width: 100%; height: auto !important; padding:33px 0; text-align: center; }
    .major_list span{ display: inline-block; float: none; margin:0; }
    .major_list p{ display: inline-block; float: none; margin:0;}
    .templates-row .templates-row-c { width: 100%; }
}

@media screen and (max-width:812px){
    .Extremely_banner_main p{ font-size: 3rem; }
    .lsv-row .row-inner{ width:99%; padding-left: 1.5%;}
    .lsv-row li{ width: 262px; }
    .lsv-row li a{ margin-right:16px; }
}

@media screen and (max-height: 768px){
    .scroll_Top{ display: none; }
}

@media screen and (max-width:736px){
    .lsv-row .row-head h2{ font-size: 1.5rem;}
    .lsv-row .row-inner{ width:98.5%; padding-left: 1.5%;}
    .lsv-row li{ width: 240px; height: auto; }
    .lsv-row li a{ margin-right:10px; height: auto; }

    .advantage_list span{ width: 100px; height: 100px; }
    .advantage_list span img{ width: 100%; height: 100%; }
    .advantage_list p{ font-size: 1rem; } 
    .advantage_list em { font-size: 0.875rem; }

    .system_list_tit{ padding:10px; height: auto; }
    .system_list_tit span strong{ font-size: 1rem; } 
    .system_list_tit p{ display: none; }
    .system_list_con{padding:10px;}

    .page-register-btn{padding: 20px 0 40px;}

    .major_list { padding:21px 0 20px; box-sizing: border-box;}
    .major_list p{ font-size: 0.875rem; line-height: 1.25rem; }
    .major_list span{ width: 20px; height: 20px; }
    .major_list span img{ width: 100%; height: 200%; }
    .major_L .cur span img{ margin-top: -20px; }

    .comma1{ display: none; }
    .comma2{ display: none; }
    .comma_con{ width: 100%; }
    .comma_con_tit p{ font-size: 1.25rem; }
    .comma_con strong{ font-size: 1rem; }

    .list1{ width: 100%; }
    .list1_bg img{ width: 100%; }
    .list1_c_bg{ top: 40px; width: 94%; padding:20px 3%;}
}

@media screen and (max-width:667px){
    .lsv-row .row-inner{ width:100%;}
    .lsv-row li{ width: 212px; height: auto; }
    .lsv-row li a{ margin-right:10px; height: auto; }
    .major_list{ padding:14px 0 13px; }
}

@media screen and (min-width: 415px){
    .row-inner-m{ display: none; }
    .system_list_m{ display: none; }
}

@media screen and (max-width: 414px){
    .Extremely_banner{ background-size: 100% 100%; }
    .Extremely_banner_main{ height: 400px; }
    .Extremely_banner_main p{ font-size: 1rem; }
    .Extremely_banner_main em { display: none; }
    .lsv-row .row-head { padding:40px 0 20px; }

    .row-inner{ display: none; }
    .row-inner-m ul{white-space: normal;display: block; width: 100%; text-align: center;}
    .row-inner-m li{ width: 80%; margin:15px auto; border: 1px solid #eee; border-radius:10px;}
    .row-inner-m li a{ margin: 0 auto }

    .advantage_c{ padding-top: 26px; border-top:1px #eaeaea dashed; margin-top: 20px;}
    .advantage_tit{ font-size: 1.75rem; }
    .advantage_con{ padding-top: 12px; }
    .advantage_list{ width: 50%; }
    .advantage_list p{ padding-top: 6px; padding-bottom: 6px; }
    .advantage_list span{ width: 80px; height: 80px; margin-top: 12px; }
    .advantage_list span img{ width: 100%; height: 100%; }
    .advantage_list em {line-height: 1.25rem;}

    .page-register-btn {padding:40px 0 40px;}
    
    .system{ height: auto; padding-bottom: 3rem; }
    .system_tit{ padding-top: 50px; font-size: 1.75rem;}
    .system_con{ display: none; }
    .system .click_a{ display: none; }

    .system_list_m{ width: 80%; margin:0 auto; }
    .system_list_tit_m{ text-align: center; height: 5rem; line-height: 5rem;}
    .system_list_tit_m em{ display: inline-block; width: 10px; height: 10px;}
    .system_list_tit_m strong{ display: inline-block; font-size: 1rem; color: #fff; font-weight: normal; margin-bottom: 2px;}
    .system_list_con_m{width:100%; height: 200px; overflow: hidden; border: 1px solid #fbfbfb;}
    .system_list_con_m img{ width: 100%; }

    .major{border-top:1px #eaeaea dashed; margin-top: 20px;}
    .min_major_tit { margin-bottom: 10px; }
    .min_major_c{ width:92%; height:200px; margin: 0 auto;float: none; }
    .list1_c_bg{ top:20px; }
    .major_tit{padding-top: 50px; font-size: 1.75rem;}
    .major_L{ width: 100%; text-align: center; height: auto; }
    .major_list{ width: 30%; display: inline-block; overflow: hidden; box-sizing: border-box;}

    .templates-row .templates-row-c { height: 230px;}
    .templates-row h5{ font-size: 1.75rem; padding: 60px 0 20px 0;}
    .templates-row p{ font-size: 1rem;}
    .templates-row .btn-area{ padding: 20px 0 0 0; }
}

@media screen and (max-width: 280px){
    .case-content li .hd .italic{ display: none; }
    .case-content li .hd .arw{ display: none; }
}