html,body{padding:0;margin:0;font-family:Roboto}
a{text-decoration:none;font:inherit;color:inherit}
.container{width:1140px;margin:auto}
.PanelHeader .main{width: 100%;}
.PanelHeader .main .head{width:1140px;height:125px;padding:10px 20px;margin:auto}
.PanelHeader .main .head .logo{width:150px;height:90px;margin:0 50px;padding:5px;display:inline-block;float:left;}
.PanelHeader .main .head .logo img{height:120px;display:inline-block;float:left;}
.PanelHeader .main .head .name{width:calc(100% - 300px);margin-top:10px;padding: 5px;display:inline-block;float:left;text-transform:uppercase}
.PanelHeader .main .head .name div{margin-bottom:10px;font-size:42px;font-weight:bold;color: #001A66;}
.PanelHeader .main .head .name span{font-size:22px;font-weight:bold;color:#001A66;}
.PanelHeader .main .head i.fa{color: #dd0000;font-size: 26px;margin-right: 10px;}
.PanelHeader .main .head div p{margin:0;padding-top:5px;color: #7c7f82;font-size: 14px;font-weight: normal;}
.PanelHeader .main .head .image{width:200px;padding:20px 5px 0;display: inline-block;float: left;}

.PanelHeader .row-menu{width:100%;background:#9A0000;position:relative}
.PanelHeader .row-menu ul.menu{width:1140px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;}
.PanelHeader .row-menu ul.menu i.fa{font-size:14px;margin-right:5px;}
.PanelHeader .row-menu ul.menu li{display: inline-block;margin-right: 40px;position: relative;}
.PanelHeader .row-menu ul.menu li a{color: #ffffff;font-size: 16px;padding: 20px 0;display: block;}
.PanelHeader .row-menu ul.menu li ul{min-width: 300px;max-width:500px;margin:0;padding:0;display: none;position: absolute;background: #ff7264;top: 90%;z-index: 9999;}
.PanelHeader .row-menu ul.menu li ul li{width:calc(100% - 10px);padding-left:10px;border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.PanelHeader .row-menu ul.menu li ul li:hover{background: #f35849;}
.PanelHeader .row-menu ul.menu li ul li:last-child{border-bottom:0;}
.PanelHeader .row-menu ul.menu li ul li a{padding: 15px 5px;display: block;}
.PanelHeader .row-menu ul.menu li:hover ul{display: block;}
.PanelHeader .row-menu .lang{position:absolute;top:18px;right:20px}
.PanelHeader .row-menu .lang .item{height:30px;line-height:30px;color:black;font-size:18px;font-weight:bold;background-size:30px auto;background-repeat:no-repeat;background-position:center left;cursor:pointer;display:inline-block;vertical-align:top;text-transform:uppercase}
.PanelHeader .row-menu .lang .item.on{color:red}
.PanelHeader .Service{background-color:red;border-radius:6px;padding:0 10px;}

.facechat{width:280px;height:300px;padding:3px;position:fixed;bottom:0;right:50px;z-index:999;background-color:#4caf50;transition:all 0.5s;}
.facechat .buttonshow{width:100%;height:35px;bottom:0;left:0;position:absolute;z-index:1;background-color:#4caf50;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;display:none;}
.facechat .buttonshow img{height:20px;margin:5px 10px 5px 35px;}
.facechat .buttonshow a{line-height:30px;font-size:18px;color:white;vertical-align:top;}
.facechat .buttonhide{display:none;position:absolute;z-index:3;top:5px;right:5px;border:1px solid #ccc;}
.facechat .buttonhide i{font-size:16px;color:white;cursor:pointer;}
.facechat .main{width:100%;height:100%;position:absolute;z-index:2;overflow:hidden;transition:all 0.5s;}
.facechat.hide{height:35px;border-top-left-radius:15px;border-top-right-radius:15px;}
.facechat.hide .buttonshow{display:block;}
.facechat:not(.hide) .buttonhide{display:block;}
.facechat.hide .main{height:0;}

.PanelHeaderMask{width:100%;height:100%;background-color:black;opacity:0.8;position:fixed;top:0;left:0;z-index:1000;}
.PanelHeaderPopup{width:1000px;height:530px;padding:0;box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.6);position:fixed !important;top:calc(50% - 250px);left:calc(50% - 550px);z-index:1001;background-color:#eee;}
.PanelHeaderPopup .modalclose{width:40px;height:40px;position:absolute;top:0;right:-40px;background-image:url(/data/Panel/82A515EC-1AD8-4EFE-BAF5-BFE3D0B741EE/close.png);cursor:pointer;}
.PanelHeaderPopup .banner{width:100%;display:inline-block;vertical-align:top}
.PanelHeaderPopup .banner img{max-width:100%;max-height:100%;display:block}
.PanelHeaderPopup .form{width:calc(100% - 40px);padding:0 20px 20px;display:inline-block;vertical-align:top}
.PanelHeaderPopup h2{height:50px;line-height:50px;padding:0;margin:0;font-size:22px;color:#470000;text-align:center}
.PanelHeaderPopup .result{width:100%;height:100%;line-height:40px;padding:0;margin:0;margin-top:20px;text-align:center;font-size:18px;color:#470000}
.PanelHeaderPopup .col{width:calc(25% - 10px);margin:5px;padding:0;}
.PanelHeaderPopup .row{padding:0;}
.PanelHeaderPopup .form label{height:25px;line-height:25px;font-size:16px;color:#470000;display:inline-block;vertical-align:top;}
.PanelHeaderPopup .form span{font-size:22px;font-weight:600;color: #470000;}
.PanelHeaderPopup .form input[type="text"]{width:calc(100% - 12px);height:30px;line-height:30px;margin:0;padding:0 5px;border:solid 1px #c4ac9c;background-color:#fff;display:inline-block;vertical-align:top;}
.PanelHeaderPopup .form textarea{width:700px;height:50px;padding:5px;margin:0 5px;border:solid 1px #c4ac9c;background-color:#fff;display:inline-block;vertical-align:top;}
.PanelHeaderPopup .form button{width:220px;height:40px;line-height:40px;padding:0;background-color:#5a5c60;border:0;color:#fff;font-size:16px;font-weight:500;letter-spacing:1px;float:right;cursor:pointer;}
.PanelHeaderPopup .form button:hover{background-color:#48494D;}

.PanelAds .slider{width:100%;}
.PanelAds .slider .item{width:100%;height:550px;position:relative;outline:none;padding:0}
.PanelAds .slider .item img{width: 100%;outline: none;}
.PanelAds .slick-prev{position: absolute;top: calc(50% - 20px);left: 20px;z-index: 9999;}
.PanelAds .slick-next{position: absolute;top: calc(50% - 20px);right: 40px;z-index: 9999;}
.slick-prev:before, .slick-next:before{font-size:40px !important}

.PanelIntroHome .main{width:1200px;margin: 0 auto;padding:30px 0; }
.PanelIntroHome .main .line{width: 100%;height: 1px;background-color: #d4baba;display: flex;justify-content: center;}
.PanelIntroHome .main .line strong{width: 50px;height: 2px;display: block;background: red;}
.PanelIntroHome .main .description{width:calc(100% - 455px);margin-right:50px;padding:30px 0;display:inline-block;vertical-align:top}
.PanelIntroHome .main .fanpage{width:400px;padding:30px 0;display:inline-block;vertical-align:top}

.PanelIntro .main{width: 1000px;margin:0 auto;padding: 40px 0;}
.PanelIntro img{max-width: 1000px;}
.PanelIntro .main .item{width:calc(33% - 40px);margin:20px 40px 0 0;display:inline-block;vertical-align:top}
.PanelIntro .main .item img{width:300px;height:300px}
.PanelIntro .main .item span{width:100%;margin-top:10px;text-align:center;font-weight:bold;display:block}

.PanelContact .main{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 50px 0;}
.PanelContact .main .info{width: 50%;margin:0;padding:0}
.PanelContact .main .info li{margin-bottom: 20px;list-style: none;}
.PanelContact .main .info li div{margin-bottom: 10px;}
.PanelContact .main .info i.fa{color: #dd0000;font-size: 20px;margin-right: 5px}
.PanelContact .main label{color: #61686f;font-size: 16px;}
.PanelContact .main p{color: #61686f;font-size: 16px;}
.PanelContact .main .form{width: 50%;}
.PanelContact .main .form h3{font-weight: 500;text-align: center;margin-bottom:20px;font-size: 18px;}
.PanelContact .main .form .form-group{width: 100%;}
.PanelContact .main .form-group input[type=text]{width: calc(100% - 10px);outline: none;margin-bottom: 10px;height:40px;padding:3px;padding-left: 5px;border:1px solid #ccc}
.PanelContact .main .form-group textarea{width: calc(100% - 10px);outline: none;padding:3px;padding-left: 5px;margin-bottom: 20px;border:1px solid #ccc}
.PanelContact .main .form-group button{width:100%;padding: 15px 25px;cursor: pointer;background: #ff7264;color: #fff;border: 0;float: right;}

.PanelRegister{}
.PanelRegister .main{width:600px;margin:20px auto;}
.PanelRegister h2{height:50px;line-height:50px;padding:0;margin:0;font-size:22px;color:#470000;text-align:center}
.PanelRegister .result{width:100%;height:100%;line-height:40px;padding:0;margin:0;font-size:18px;color:#470000}
.PanelRegister .row{padding:5px;}
.PanelRegister .main label{width:120px;height:32px;line-height:32px;font-size:16px;font-weight:600;color: #470000;display:inline-block;vertical-align:top;}
.PanelRegister .main span{font-size:22px;font-weight:600;color: #470000;}
.PanelRegister .main input[type="text"]{width:calc(100% - 132px);height:30px;line-height:30px;margin:0;padding:0 5px;border:solid 1px #c4ac9c;background-color:#f1ebda;display:inline-block;vertical-align:top;}
.PanelRegister .main textarea{width:calc(100% - 132px);height:200px;padding:10px;margin:0;border-radius:2px;border:solid 1px #c4ac9c;background-color:#f1ebda;display:inline-block;}
.PanelRegister .main button{width:150px;height:40px;line-height:40px;padding:0 10px;background-color:#5a5c60;border:0;color:#fff;font-size:16px;font-weight: 500;letter-spacing: 1px;float:right;cursor:pointer;}
.PanelRegister .main button:hover{background-color:#48494D;}

.PanelProduct .main{width:1200px;margin:20px auto;}
.PanelProduct .name {width:calc(100%);font-size:32px;min-height:40px;line-height:30px;padding:20px 0;background-color:#f3f3f3;text-align:center;margin:0 0 10px 0}
.PanelProduct .same {margin-top: 20px;padding-top:20px;}
.PanelProduct .same h3 {font-size: 18px;margin:0 0 20px}
.PanelProduct .same li {width: 100%;clear: both;border-bottom: 1px solid #e7e7e7;padding-bottom: 10px;margin-top: 10px;}
.PanelProduct .same li a {font-size: 14px;color: #34373c;text-decoration:none}
.PanelProduct .list{width:100%}
.PanelProduct .list li{margin:20px 0;border-bottom:1px dotted #ccc;list-style:none;min-height:150px}
.PanelProduct .list li a{text-decoration:none;color:black}
.PanelProduct .list li a > img{float:left;max-height:140px;margin-right:20px}
.PanelProduct .list li a > span{line-height:30px;font-weight:bold;font-size:16px}
.PanelProduct .list li p{line-height:25px;font-size:14px}
.PanelProduct .list li p *{font-size:14px !important}

.PanelService .main{width:1200px;margin:0 auto 20px;}
.PanelService .title{width: calc(100% - 60px);font-size: 36px;height: 40px;line-height: 40px;padding: 30px;background-color: #f3f3f3;text-align: center}
.PanelService .item{width:250px;height:300px;margin:20px 20px 0;display:inline-block;vertical-align:top;cursor:pointer;}
.PanelService .item .image{width:100%;height:250px;}
.PanelService .item .image img{max-width:100%;max-height:100%;margin:auto;}
.PanelService .item .name{width:calc(100% - 20px);height:50px;padding:0 10px;text-align:center;font-size:16px;font-weight:bold;background-color:#282e3f;color:white;display:flex;justify-content:center;align-items:center;}
.PanelService .login{}
.PanelService .login p{line-height:30px;margin:20px 0;font-size:16px;color:black;}
.PanelService .login label{line-height:30px;font-size:16px;color:black;display:block;}
.PanelService .login input[type="password"]{width:300px;height:25px;line-height:25px;padding:10px;margin-bottom:10px;background-color:#f4f4f4;border:1px solid #ebebeb;color:#141412;}
.PanelService .login button{width:150px;height:46px;line-height:46px;font-size:16px;border:1px solid #ff7264;background-color:#ff7264;color:white;border-radius:2px;display:inline-block;vertical-align:top;cursor:pointer;}
.PanelService .login button:hover{background-color:#48494D;}

.PanelCampus{width:100%;height:auto}
.PanelCampus h2{margin:10px;text-align:center;height:50px;line-height:50px}
.PanelCampus .slider{width:100%;min-height:300px;position:relative}
.PanelCampus .slider .item{width:calc(25% - 10px);min-height:300px;margin-left:10px;position:relative;outline:none;}
.PanelCampus .slider .item img{width:100%;outline: none;}
.PanelCampus .slider .item span{width:calc(100% - 20px);padding:0 10px;left:0;bottom:0;min-height:40px;line-height:30px;position:absolute;z-index:2;opacity:0.6;background-color:black;color:white;font-size:16px;text-align:center}
.PanelCampus .slick-prev{position: absolute;top: calc(50% - 20px);left: 20px;z-index: 9999;}
.PanelCampus .slick-next{position: absolute;top: calc(50% - 20px);right: 40px;z-index: 9999;}

.PanelFooter{background:#001a66;}
.PanelFooter .main{width:1000px;margin:auto;padding:30px;}
.PanelFooter .main > div{width:100%;height:35px;line-height:35px;color:white;font-size:16px;text-align:center;display:flex;justify-content:center;}
.PanelFooter .main > div.content{color:yellow;height:auto;display:block}
.PanelFooter .main > div img{max-height:50px}
.PanelFooter .main > div.social img{max-height:30px}

.page{width:100%;padding:0 0 20px;background-color:white;display:flex;justify-content:center;align-items:center;font-size:16px;}
.page li{font-size:16px;margin:0 8px;list-style:none}