.Motif { width: 100%; height: auto; overflow: hidden; display: table; padding: 30px 0 60px; text-align: center;margin-top:30px;}
        .Motif_cell { width: 408px; height: 500px; margin: 0 10px; border: 1px solid #dbdbdb; display: inline-block; padding: 3px; background-color: #FFF; }
        .Motif_two { background: url(../Images/xiam.jpg) no-repeat center; width: 100%; height: 656px; display: table; padding: 80px 0; text-align: center; }

        .AllImg{width:400px;height:318px;overflow:hidden;}
        .AllImg img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  transition: all 0.2s linear;}
        .AllImg:hover img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2);cursor:pointer; }
        .Motif_content {display:block;width:100%;height:150px;overflow:hidden;padding:20px 20px;}
        .seeDtailes { width: 100px; height: 26px; border: 1px solid #da251d; border-radius: 100px; line-height:24px; display: block; color: #da251d;text-indent:30px;background:url(../Images/JT.png) no-repeat 16%;margin-top:15px; }
        .seeDtailes:link, .seeDtailes:hover, .seeDtailes:visited { color: #da251d; }
        .h2{width:100%;height:40px;line-height:40px;font-size:18px;display:block;text-align:left;}
        .ph { width: 100%; height: 40px; line-height: 20px; text-align: left; font-size:13px; color: #4b4b4b; }
        .bottom_img img{width:100%;height:527px;}

        .ITSkill{width:100%;height:auto;padding:50px 0 30px;}
        .MsgSkill{width:730px;height:auto;margin:0 auto;position:relative;text-align:center;line-height:20px;padding-top:20px;font-size:14px;color:#4b4b4b;}
        .MsgSkill span { display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; color: #000; font-weight: 300; border-bottom: 2px solid #d1d1d1;font-size:20px; }
        .MsgSkill_box{width:100px;height:6px;position:absolute;bottom:-2px;background-color:#da251d;margin-left:-50px;left:50%;}
        .ContentList{width:1300px;height:auto;padding:20px 0;display:table;text-align:center;margin:0 auto;}
        .ContentList li { width: 24%; height: 275px; display: inline-block; padding: 0 25px; cursor: pointer; }
        .TXT {text-align:center;width:100%;height:40px;line-height:40px;font-size:16px; }
        .talde { width: 100%; height: auto; overflow: hidden; padding:0 0 20px 0; text-align: left; font-size: 13px; color: #4b4b4b; }
        .yun { width: 80px; height: 80px; border-radius: 50%; /*border: 1px solid #c3c3c3;*/ margin: 0 auto; cursor: pointer; }
        .zhin { width: 80px; height: 80px; border-radius: 50%; /*border: 1px solid #c3c3c3;*/ margin: 0 auto; cursor: pointer; }
        .lianw { width: 80px; height: 80px; border-radius: 50%; /*border: 1px solid #c3c3c3;*/ margin: 0 auto; cursor: pointer; }
        .kex { width: 80px; height: 80px; border-radius: 50%; /*border: 1px solid #c3c3c3;*/ margin: 0 auto; cursor: pointer; }

        .ContentList li:hover .yun em { background: url(../Images/IT2.png) no-repeat center center; background-position: 0 0px; }
        .ContentList li:hover .zhin em { background: url(../Images/IT2.png) no-repeat center center; background-position: 0 -50px; }
        .ContentList li:hover .lianw em { background: url(../Images/IT2.png) no-repeat center center; background-position: 0 -100px; }
        .ContentList li:hover .kex em { background: url(../Images/IT2.png) no-repeat center center; background-position: 0 -150px; }
        .ContentList li:hover .yun, .ContentList li:hover .zhin, .ContentList li:hover .lianw, .ContentList li:hover .kex { background-color: #da251d; border: none; }

        .yun em { width: 50px; height: 50px; margin: 0 auto; background: url(../Images/IT1.png) no-repeat center center; cursor: pointer; display: block; position: relative; background-position: 0 0px; top:15px;z-index:99;}
        .zhin em { width: 50px; height: 50px; margin: 0 auto; background: url(../Images/IT1.png) no-repeat center center; cursor: pointer; display: block; position: relative; background-position: 0 -50px; top: 15px; z-index: 99; }
        .lianw em { width: 50px; height: 50px; margin: 0 auto; background: url(../Images/IT1.png) no-repeat center center; cursor: pointer; display: block; position: relative; background-position: 0 -100px; top: 15px; z-index: 99; }
        .kex em { width: 50px; height: 50px; margin: 0 auto; background: url(../Images/IT1.png) no-repeat center center; cursor: pointer; display: block; position: relative; background-position: 0 -150px; top: 15px; z-index: 99; }
        .ContentList li:hover em:after { content: ''; position: absolute; width: 100px; height: 100px; border-radius: 50%; box-shadow: 0 0 1px 2px rgba(0,0,0,0.5); top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
     
        @-webkit-keyframes halo {
            0% { opacity: 0; -webkit-transform: scale(0.1); }
            50% { opacity: 1; }
            100% { opacity: 0; -webkit-transform: scale(1.2); }
        }

        @-moz-keyframes halo {
            0% { opacity: 0; -moz-transform: scale(0.1); }
            50% { opacity: 1; }
            100% { opacity: 0; -moz-transform: scale(1.2); }
        }

        @-ms-keyframes halo {
            0% { opacity: 0; }
            50% { opacity: 1; }
            100% { opacity: 0; }
        }

        @-o-keyframes halo {
            0% { opacity: 0; -o-transform: scale(0.1); }
            50% { opacity: 1; }
            100% { opacity: 0; -o-transform: scale(1.2); }
        }

        @keyframes halo {
            0% { opacity: 0; transform: scale(0.1); }
            50% { opacity: 1; }
            100% { opacity: 0; transform: scale(1.2); }
        }
        /*Banner*/
        #full-screen-slider { width: 100%; height: auto; overflow: hidden; margin-top: 80px; display: table; text-align: center;}
        #slides { display: block; width: 100%; height:570px; list-style: none; padding: 0; margin: 0; position: relative; }
        #slides li { display: block; width: 100%; height: auto; list-style: none; position: absolute; top: 0; left: 0; }

        #pagination { display: inline-block; list-style: none; padding: 10px 15px 10px 0; margin: 0; }
        #pagination li { display: inline-block; list-style: none; width: 15px; height: 15px; float: left; margin-left: 15px; border-radius: 5px; background: url(../Images/circle.png) no-repeat; background-position: 0 0; cursor: pointer; }
        #pagination li a { display: inline-block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
        #pagination li.current { background: url(../Images/circle.png) no-repeat; background-position: 0 -15px; }
        /*Banner*/
        @media all and (max-width:1920px){
            #slides li img { width: 100%; height: 570px; }
            #slides{height:570px;}
        }
        @media all and (max-width:1366px) {
            #slides li img { width: 100%; height: 450px; }
            #slides { height: 450px; }
        }


        .jszbox { width: 100%; height: 100%; display: table; position:fixed;top:-100%;left:0px;z-index:9999999; }
        .jszshw { display: table-cell; text-align: center; background-color:#FFF; vertical-align: middle; }
        #callback { width: 100px; height: 30px; border-radius: 5px; background-color: #00b483; border: none; line-height: 30px; color: #FFF; cursor: pointer; }

        @-webkit-keyframes jszIn {
            0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); }

            50% { opacity: 1; }
            100% { opacity: 0; }
        }

        @keyframes jszIn {
            0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); }

            50% { opacity: 1; }
            100% { opacity: 0;}
        }

        .jszIn { -webkit-animation: jszIn 2s 0.4s infinite ease-in; animation: jszIn 2s 0.4s infinite ease-in; }