@charset "utf-8";
/* CSS Document */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, img{border:0px;}
ul{list-style:none;}
li{list-style:none; color:#333;}
hr{color:#FFFFFF;}
body,td,th,select,input,textarea,ul,li,dl,dd,dt { font-size:14px;font-family:arial; color:#000000;margin:0px; padding:0px;} 
p{color:#000000; padding:0px; margin:0;line-height: 22px;}
img{ border:none; padding:0px; }
a{color:#333; text-decoration:none;}
a:hover {color:#004DA1; text-decoration:none;}

h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
html{height:100%;}
body{height:100%;}

.kj{max-width:1300px;width:94%;margin: 0 auto;}
.kjmin{max-width:1000px;width:94%;margin: 0 auto;}
.bt1{font-size:26px;}
.gray{background-color:#fff;}

/* --------Common Style Start--------------------------------------------------------------------------------- */
.flex, .flexs, .flexb,.flexbc,.flexc, .flexcc ,.flexe{display:flex;}
.flex_wrap{flex-wrap:wrap;}.flex1{flex:1;}
.flexb{justify-content:space-between;}.flexbc{justify-content:space-between;align-items:center;}
.flexc{justify-content:center}.flexcc{justify-content:center;align-items:center;}
.flexs{align-items:center;}
.flexe{justify-content:flex-end}

.colorred{color:#B00204;}.colorgray{color:#9b9999;}.colorwhite{color:#fff;}.colorblack{color:#000;}.colorblue{color:#9F7A46;}

.ellipsis{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;}
.ellipsis.mul2 { -webkit-line-clamp:2;}.ellipsis.mul3 { -webkit-line-clamp:3;}

.text-center{text-align:center;}.text-right{ text-align:right;}
.pd_5{ padding:5px 0;}.pd_10{padding:0 10px;}.pd_15{padding:0 15px;}.pd_20{padding:0 20px;}.pd_30{padding:0 30px;}
.pd5{ padding:5px;}.pd10{padding:10px;}.pd15{padding:15px;}.pd20{padding:20px;}.pd30{padding:30px;}

.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:50px;}

/* --------Common Style End--------------------------------------------------------------------------------- */

/* 头部导航 */
.header{background-color:#F2F4F6;border-bottom:8px solid #004DA1 ;}
.head{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.head img{width:10%;height: auto;cursor: pointer;}
.headLeft{width:70%; display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;}

.headLeft .href{display: block;cursor: pointer; color:#004DA1;font-size:16px;height:120px;line-height:120px;font-weight: bold;position: relative;}
.headLeft .href:hover .navTitle,.headLeft .href:hover .navsj{display: block;}

.Lefta{display: flex;display: -webkit-flex;align-items: center;}
.Lefta span{color:#004DA1;margin:0 10px;}
.Lefta>a{display: block; color:#004DA1;font-size:16px;height:120px;line-height:120px;}

.navsj{display: none; width:0;height:0; border-width: 0px 20px 28px 20px;border-style: solid;
border-color: transparent transparent #004DA1 transparent;position: absolute;bottom:-8px;left:25px;}

.navSelect{position: absolute;top:128px;left:-50px;z-index:999;}
.naxe{position: relative;background-color:#FFFFFF;border-radius:10px;}
.naxea{border-radius:10px;}
.naxea li:nth-child(1){border-top-left-radius:10px;}
.naxea li:last-child{border-bottom-left-radius:10px;}
.naxea:hover{border-top-right-radius:0;border-bottom-right-radius:0;}
.naxea:hover dl{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.naxea:hover dl dd:nth-child(1){border-top-right-radius:10px;}

.navTitlea{border-radius:10px;}
.navTitlea li:nth-child(1){border-radius:10px 10px 0 0;}
.navTitlea li:last-child{border-radius:0 0 10px 10px;}

.navTitle{display: none;width:195px; background-color:#FFFFFF;position: relative;}
.navTitle li{cursor: pointer;line-height: 22px; margin: 0 auto;padding:10px; border-bottom:1px solid #D3D3D3;font-size:16px; color:#004DA1;}
.navTitle li:last-child{border:none;}

.navTitle li a{color:#004DA1;}
.navTitle li:hover dl{display: block;}
.navTitle li:hover{background-color:#004DA1 !important; color:#fff;}
.navTitle li:hover a{color:#FFFFFF !important;}

.navTitle li dl{display: none; width:350px;min-height:100%; position: absolute;top:0;left:190px; background-color:#f4f6fa;}
.navTitle li dl dd{padding:0 20px 0 10px ;box-sizing: border-box;background-color:#f4f6fa;}
.navTitle li dl dd .title{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;box-sizing: border-box;
 border-bottom:1px solid #D3D3D3;padding:10px 0;}
.navTitle li dl dd .title span{color:#004DA1;}

.navTitle li dl dd .list{display: none;width:300px;min-height:100%;border-radius:0 10px 10px 0 ; position: absolute;top: 0; left:340px;background-color:#004DA1;}
.navTitle li dl dd .list a{display:block;color:#FFFFFF; font-weight:300;padding:5px 0 5px 10px; background-color:#004DA1;}
.navTitle li dl dd .list a:first-child{border-top-right-radius:10px;}

.navTitle li dl dd img{width:8px;height:13px;align-self: flex-start;margin-top:5px;}
.navTitle li dl dd:hover{background-color:#004DA1;}
.navTitle li dl dd:hover .title{border:none;}
.navTitle li dl dd:hover .title span{color:#FFFFFF;}
.navTitle li dl dd:hover .list{display: block;}

/* 底部 */
.footer{background-color:#004DA1;}
.flexs{padding:30px 0;}
.flexs h3{color:#CDCDCD;}
.footSpa{border-bottom:1px solid #125DB0;}

.footBtm{display: flex;display: -webkit-flex;justify-content: space-between;}
.footBLeft{width:30%;min-width:200px;margin:20px 0;}
.footBtm h3{color:#CDCDCD;}
.footBLeft p{ margin-top:15px;}
.footBLeft p input{display: block;width:100%;box-sizing: border-box;color:#8EA5BC; padding:10px 0 10px 20px;background-color:#bfd2e9;border: none;}
.footBLeft p input::-webkit-input-placeholder{font-size:16px;color:#8EA5BC;}
.footBLeft textarea{display: block;margin-top:15px; width:100%;height:70px; box-sizing: border-box; padding:10px 0 10px 20px;background-color:#bfd2e9;border: none;}
.footBLeft textarea::-webkit-input-placeholder{font-size:16px;color:#8EA5BC;}
.footBLeft .submit{width:120px;height:40px;color:#3580D2;font-weight: bold;cursor: pointer; text-align: center;padding: 0; background-color:transparent;border:2px solid #3580D2;}

.footBRight{flex:1;margin-left:5%;}
.footBRight ul{display: flex;display: -webkit-flex;justify-content: space-between;margin-top:30px;}
.footBRight ul li h5{color:#D9D9D9;}
.footBRight ul li div{line-height:24px;margin-top:10px;}
.footBRight ul li div a{display: block;color:#94B2D2;}

.footc{text-align: center;padding:20px 0;border-top:2px solid #125DB0;margin-top:10px;box-shadow:2px 0 2px #000000 ;}

/* 首页轮播 */
.swiper-container{width:100%;height: auto;overflow: hidden;}
.swiper-slide{position: relative;}
.swiper-slide img{width:100%;height: auto;display: block;}
.swiper-pagination{bottom:30px;right:2%;}
.swiper-pagination span:focus {outline: none;}/* 去除分页器蓝色边框 */

.banderText{width:100%;padding:30px 0 20px 0 ; box-sizing: border-box;padding-left:3%; position: absolute;z-index:999;bottom:0;
background: -webkit-linear-gradient(bottom,  transparent , #000000); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, transparent , #000000); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom,  transparent , #000000); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, transparent , #000000); /* 标准的语法（必须放在最后） */
}

.banderText h1{color:#FFFFFF;font-size:35px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;}
.banderText p{color:#C7C7C7;font-size:16px;margin-top:5px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;}

/*首页Discover */
.indexDiscover{background-color:#F1F2ED;padding:30px 0;border-bottom:1px solid #F1F2ED ;}
.indexDiscoverList ul{margin-top:15px;display: flex;display: -webkit-flex;justify-content: space-between;}
.indexDiscoverList ul li{width:19%;}
.indexDiscoverList ul li img{width:100%;height: auto;}
.indexDiscoverList ul li h4{color:#333333;margin-top:10px; padding:0px 5px; box-sizing:border-box;}
.indexDiscoverList ul li div{color:#666666;margin-top:5px;line-height:22px;padding:0px 5px; box-sizing:border-box;}

.indexDiscoverList ul li:hover{-moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;border-radius:5px;}

/*首页关于我们 */
.indexAbout{padding:30px 0;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.indexAbout .inAboutLeft{width:48%;}
.indexAbout .inAboutLeft img{width:100%;height: auto;display: block;}
.indexAbout .inAboutRight{width:48%;}
.indexAbout .inAboutRight h1{color:#184B83;}
.indexAbout .inAboutRight div{width:90%; font-size:16px;color:#19385A;margin-top:15px;line-height:26px;
overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;}
.indexAbout .inAboutRight a{display: block;margin-top:40px;font-size:16px; width:160px;height:38px;line-height:38px;font-weight: bold; color:#19385A; text-align: center;border:2px solid #003773;border-radius: 20px;}

/*首页Download */
.inDownbig{background-color:#004DA1;padding:0px 0;margin-top:30px;}
.inDownbig a{display: flex;display: -webkit-flex;align-items: center;}
.inDownbig img{width:100%;height: auto;}

/* .inDownload .inDownloadCenter{margin:0 10% 0 5% ;}
.inDownloadCenter h1{color:#FFFFFF;font-size:36px;font-weight: normal;}
.inDownloadCenter p{color:#FFFFFF;font-size:18px;margin-top:10px;font-weight:500;letter-spacing:2px;} */

/* 首页新闻 */
.inNewsbig{background-color:#E9F4FF;padding:20px 0 25px 0;}
.inNewsbig h1{text-align: center;}

.inNews{display:flex;display: -webkit-flex;justify-content: space-between;margin-top:30px;}
.inNews .inNewsLeft{width:535px;}
/* .inNewsLeft .inNLtop{height:400px; background-position: center;background-size: cover;background-repeat: no-repeat;} */
.inNewsLeft img{width:100%;height: auto;display: block;}

.inNewsLeft .inNLbom{background-color:#FFFFFF;padding:20px 30px 30px;border-radius:0 0 10px 10px;}
.inNewsLeft .inNLbom span{color:#004DA1;font-weight: bold;}
.inNewsLeft .inNLbom p{color:#000000;font-size:18px;margin-top:10px;
overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;}

.inNewsRight{width: -webkit-calc(100% - 550px);width: -moz-calc(100% - 550px);width: calc(100% - 550px);}
.inNewsRight li{padding:20px 0 31px;background-color: #FFFFFF;box-shadow: 0 0 5px #C7C7C7;margin-bottom:20px;border-radius:10px;}
.inNewsRight .inNRa{width:94%;margin: 0 auto;}
.inNRa span{color:#004DA1;font-weight: bold;}
.inNRa p{width:85%; color:#000000;margin-top:10px;font-size:18px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.inNRa div{width:80%; margin-top:10px;line-height:22px;color:#666666;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;}

.inNewsmore{display: block;width:230px;height:38px;line-height:38px;color:#19385A;font-weight: bold;
 margin: 0 auto;margin-top:30px; border:2px solid #19385A ;text-align: center;}

/* 产品列表productList.php */
.productbig{background-color:#f0f2f5;}
.prbanner{padding-top:30px;margin-bottom:40px;}
.prbanner img{width:100%;height: auto;display: block;}
.pr_List .pr_List_Title h2{color:#052F5A;text-align: center;}
.pr_List .pr_List_Title span{display: block;width:10%;height:2px;background-color:#052F5A; margin: 0 auto;margin-top:15px;}
.pr_List ul li{width:18%;margin-left:2%;margin-top:30px;}
.pr_List ul li:nth-child(4n){margin-right:0;}
.pr_List ul li div{padding-top:100%;border-radius:5px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.pr_List ul li h3{text-align: center;color:#052E59;margin:15px 0;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;}
.pr_List ul li a{display:block;width:120px;height:35px; line-height:35px;text-align: center; margin: 0 auto;color:#FFFFFF; border-radius:20px;background-color:#003A89;}

.navigation span{color: #004DA1;}

/* 产品详情 productinfo.php*/
.prinfoa{margin-top:15px;}
.prinfoa .navigation{cursor: pointer;}
.prdeText{margin-top:20px;}
.prdeText div{color:#666666;margin-top:10px;font-size:16px;}

.prdePhoto{margin: 0 auto; margin-top:30px;width:80%;justify-content: center;}
.prdePRight{width:48%;}
.prdePLeft{width:400px;margin-right:40px;background-position: center;background-repeat:no-repeat;background-size: cover;}

.prdePRight .features h2,.prdePRight .Information h2{color:#09315C;}
.prdePRight .features ul{margin-left:5px;}
.prdePRight .features ul li{margin-top:10px;align-items: center;}
.prdePRight .features ul li span{font-size:20px;align-self: flex-start;}
.prdePRight .features ul li p{font-size:16px;margin-left:10px;color:#666666;}

.prdePRight .Information{margin-top:20px;}
.prdePRight .Information ul li{margin-top:15px; align-items: center;}
.prdePRight .Information ul li img{width:25px;height:25px;margin-right:10px;}
.prdePRight .Information ul li p{color:#242424;font-size:16px;}

.prinfoa .prvideo{margin-top:40px;}
.prinfoa .prvideo img{width: 100%;height: auto;display: block;}/* 有视频后可删除 */

.hotProducts{margin-top:40px;}
.hotProducts ul{display: flex;display: -webkit-flex;margin-top:30px;}
.hotProducts ul li{width:24%;margin-right:1.333333%;}
.hotProducts ul li:last-child{margin-right:0 !important;}
.hotProducts ul li:hover div{border:3px solid #004DA1;}
.hotProducts ul li div{border:3px solid transparent; height: 320px;background-position: center;background-repeat: no-repeat;background-size: cover;}

.prbom{margin-bottom:20px;}

/* 课程培训 education.php*/
.edTop{margin-top:40px;}
.edTop img{width:100%;height: auto;}/* 有视频后可删除 */

/* 课程 */
.edSelect{margin-top:50px;}
.edSelect .edSelecta{margin-top:0px;display: flex;display: -webkit-flex; float:left;}
.edSelecta .selectx{margin-right:40px;}
.selectx span{font-weight: bold;}
.selectx select{outline: none;width:200px; height:40px;margin-left:10px;padding-left:10px;color:#CFCFCF;}

.edSelect .edSelectb{display: flex;display: -webkit-flex;margin-top:30px; padding-top:2px;}
.edSelect .edSelectb input{width:100px;height:35px;outline: navajowhite;border: none;background-color:#004DA1;margin-right:10px;color:#FFFFFF;cursor: pointer;}

.edactivity{margin-top:30px;}
.edactivity li{display: flex;display: -webkit-flex;justify-content: space-between;background-color:#FFFFFF;border:1px solid #E0E0E0;padding:15px;}
.edaRight{width:21%; padding-top:15%; background-position: center;background-size: cover;background-repeat: no-repeat;}
.edaLeft{width:75%;}
.edaLeft h1{font-weight:normal; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;font-size:18px;}
.edaLeft .name{display: flex;display: -webkit-flex;margin-top:20px;}
.edaLeft .name img{height:25px;}
.edaLeft .name span{align-self: flex-end;color:#004DA1;font-size:16px;margin-left:15px;line-height:20px;}

.address{display: flex;display: -webkit-flex;margin-top:20px;}
.addressimg{height:25px;}

.address span{align-self: flex-end;font-size:16px;margin-left:15px;line-height:20px;}
.time{margin-left:80px;}
.time img{height:25px;}
.prmore{margin-top:40px;}

/* 课程列表 cuoseList.php*/
.cuoseList{margin-bottom:50px;}

/* 专家 */
.edexperts{background-color:#004DA1;padding:35px 0 30px ;margin-top:40px;}
.edexpertsaTitle{display: flex;display: -webkit-flex;justify-content:space-between;align-items:center;}
.edexpertsaTitle h1{color:#FFFFFF;}
.edexpertsaTitle a{display: flex;display: -webkit-flex;align-items: center;}
.edexpertsaTitle a span{font-size:16px;color:#FFFFFF;font-weight: bold;}
.edexpertsaTitle a img{width:13px;height:13px;margin-left:10px;}

.edexpertsalist{display: flex;display: -webkit-flex;justify-content: space-between;margin-top:30px;}
.edexpertsalist a{width:31%;box-sizing: border-box;padding:15px 10px 25px;background-color:#FFFFFF;box-shadow:0 0 8px rgba(0,0,0,0.5) ;}
.edexpertsalist a li .zjimg{width:100%;height:250px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.edexpertsalist a li p{color:#666666;font-size:14px;font-weight: normal;margin-top:15px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.edexpertsalist li h2{color:#004DA1;font-size:16px; margin-top:10px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1; font-weight:normal;}

/* 视频 */
.edvideo{background-color:#E9F4FF;padding:45px 0 50px;}
.edvideo ul{display: flex;display: -webkit-flex;justify-content: space-between;margin-top:40px;}
.edvideo ul a{width:24%;}
.edvideoa{position: relative;}
.edvideoa .edva{width:100%;height:auto;}
.edvideoa .edvb{width:100%; position: absolute;top:38%;}
.edvideoa .edvb img{display: block; width:60px;height:60px;margin: 0 auto;}

.edvideo ul a li p{margin-top:10px;font-weight: normal; font-size:14px;}
.videomore{margin-top:50px;}

/* 专家列表 expertList.php*/
.expertList{margin-top:50px;margin-bottom:20px;}
.exlist{flex-wrap: wrap;}
.exmatop{margin-bottom:30px;}

/* 专家介绍 expertinfo.php */
.exinfomain{max-width: 1300px; width: 94%;margin: 0 auto;margin-top:50px;margin-bottom:100px; display: flex;display: -webkit-flex;justify-content: space-between;}
.exinfoLeft{width:430px;}

.exinfoRight{width: -webkit-calc(100% - 495px);width: -moz-calc(100% - 495px);width: calc(100% - 495px);}
.exinfoRight h1{color:#004DA1;font-size:18px;}
.exinfoRight h1:nth-child(3){margin-top:40px;}
.exinfoRight h2{font-weight: normal;color: #666666;margin-top:15px;font-size:16px;}
.exinfoRight div{color: #666666; font-size:16px;line-height:24px; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:6;}

.exinfoLbig li{display: none;}
.exinfoLbig li img{width:100%;height: auto;}
.exinfoLbig li.te{display: block;}

.exinfoLsmall{margin-top:15px; display: flex;display: -webkit-flex;justify-content: space-between;}
.exinfoLsmall li{width:31%;cursor: pointer;}
.exinfoLsmall li img{width:100%;height: auto;}

/* 视频分类 videoList.php */
.videoCate{background-color:#004DA1;padding:25px 0;}
.videoCate a{margin-right:5%;font-size:18px;color:#FFFFFF;}
.videoCate a:hover,
.videoCate a.cur{color:#ffff00;}

.videoH1{color:#004DA1;margin-top:15px;margin-bottom:25px;font-size:20px;text-align: center;line-height:30px;}
.videoList{margin-bottom:10px; display: flex;display: -webkit-flex;justify-content: space-between; flex-wrap: wrap;}
.videoList a{display: block; width:24%;margin-bottom:30px;}
.videoList li .viLa{position: relative;}
.viLa .viLaM{width:100%;height: auto;display: block;}
.viLa .viLaT{width:100%; position: absolute;top:30%;}
.viLaT img{display: block; width:60px;height:60px;margin: 0 auto;}

.videoList li .viLb{box-sizing: border-box; display: flex;display: -webkit-flex;justify-content: space-between; background-color:#004DA1;padding:15px;}
.viLb span{color:#97B4D3;font-size:18px;font-weight: bold;}
.viLb img{width:20px;height:25px;}

/* 视频详情 videoinfo.php */
.vinfoTitle{margin-top:20px;margin-bottom:20px;  color:#000000;line-height:36px;}
.Video{ text-align: center;}

.mask{width:100%;height:100%; position:fixed;top: 0; background-color: rgba(0,0,0,0.5);display: none;}
.prompBox{
	width:500px;position:fixed;left:50%;top:50%;border: #0000FF 0px solid;background-color:#FFFFFF;border-radius:5px;
	transform: translate(-50%,-50%); 
}
.content img{width:20px;height:20px;position: absolute;top:-15px;right:-15px;cursor: pointer;background:#fff;padding:10px;border-radius:50%;}
.content h1{text-align:center;color:#004DA1;}
.content div{ text-align:center;line-height:36px;}

.content div input{padding:5px 15px;height:30px;box-sizing: border-box;border:#004DA1 1px solid;}
.content div input[type='button']{ color:#FFFFFF;background-color:#004DA1;}
.content div a{color:#004DA1;}

/* 课程详情courseinfo.php*/
.conav{margin:10px 0;}
.comaina{display: flex;display: -webkit-flex;justify-content: space-between;}
.edaRighta{width:29%; padding-top:21%; background-position: center;background-size: cover;background-repeat: no-repeat;}
.edaLefta{width:68%;}
.edaLefta h1{color:#004DA1;}
.edaLefta h3{margin-top:10px;}
.edaLefta ul li{margin-top:20px;}
.edaLefta ul li span{align-self:flex-start;color:#004DA1;margin-right:10px;font-size:20px;}
.edaLefta ul li p{font-size:16px;color:#666666;}

.comainb{margin-top:30px;}
.comainb h1{font-size:18px;color:#174895;}
.comainb div{font-size:16px;color:#666666;line-height:24px;margin-top:10px;}

.comainc{margin-top:30px;}
.comainca{display: flex;display: -webkit-flex;margin-top:25px;border: #f00 0px solid;max-width:650px;}
.comainca p{border:1px solid #979797;margin-right:2%;background-color:#FFFFFF;padding:5px 0 5px 10px;width:32%;display:flex;align-items: center;}
.comainca p:last-child{margin-right:0;}
.comainca p span{font-size:16px;color:#FF0000;padding-top:5px;}
.comainca p input{outline:none;border:none;height:30px;padding-left:5px;flex:1;}
.comainca p input::-webkit-input-placeholder{color:#CFCFCF;}
.comainca textarea{border:1px solid #979797;width:100%;height:70px;padding:5px 0 0 10px;outline: none;}
.comainca textarea::-webkit-input-placeholder{color:#CFCFCF;}

.cosub{ padding:10px 30px; display: block;background-color:#004DA1;border-radius:20px; text-align: center;color:#FFFFFF;margin:30px 0;border: none;outline: none;cursor: pointer;}

/* 公司介绍 conpany.php */
.conpanyBanner{margin-top:40px;}
.conpanyBanner img{width:100%;height: auto;}
.conpanytext{margin-bottom:100px;}

/* 新闻列表 newsList.php */
.news{margin-top:20px;display: flex;display: -webkit-flex;height:290px;}
.newsLeft{width:42%;background-color:#00336B;}
.newsLeft h1{width:90%;color:#FFFFFF;margin: 0 auto;margin-top:40px;font-size:18px;}
.newsLeft h3{width:90%; margin: 0 auto;margin-top:15px; font-weight: normal;line-height:24px;color:#AAAAAA;font-size:16px;}
.newsLeft a{margin-left:5%; display:block;width:180px;padding:10px 0; text-align: center;color:#FFFFFF;background-color:#1267C7;margin-top:20px;}

.newsRight{width:68%;height:290px;}
.newsRight img{width:100%;height:290px;display: block;}/* 暂时代替视频 */
.newsList h1{margin:20px 0}

.newsList ul li{padding-bottom:20px;margin-bottom:30px; border-bottom:1px solid #C0D1E5;display: flex;display: -webkit-flex;justify-content: space-between;}
.newsList ul li .newsListL{width:300px;height:190px; box-shadow: 0 1px 3px rgba(0,0,0, 0.5);background-position: center;background-size:cover;background-repeat: no-repeat;}

.newsListR{width: -webkit-calc(100% - 330px);width: -moz-calc(100% - 330px);width: calc(100% - 330px);}
.newsListR h1{color:#184B83;margin-bottom: 0;overflow: hidden;margin-top:10px;font-size:18px;
text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;}
.newsListRtxt{width:80%; font-size:16px; color:#19385A;line-height:26px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.newsListtime{display: flex;display: -webkit-flex;align-items: center;margin-top:25px;}
.newsListtime img{width:32px;height:30px;}
.newsListtime span{font-size:20px;margin-left:15px;}

/* 新闻详情 newsinfo*/
.newsinfo h1{margin-top:20px;font-size:18px; margin-bottom:5px;}
.newsinfo h2{color:#666666;font-weight:normal;font-size:14px;}
.newsinfo img{width:100% !important; height:auto !important;margin-top:15px;}
.newsinfo div{font-size:16px;color:#666666;margin-top:20px;line-height:25px;}

/* 公司所获奖项 */
.awards h1{margin:30px 0 10px;font-size:18px;}
.awards ul li{margin-bottom:40px;display: flex;display: -webkit-flex;justify-content: space-between;}
.awards .awardsLeft{width:30%;height:250px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.awards .awardsRight{width:68%;}
.awardsRight div{color:#19385A;font-size:16px;width:75%;line-height:26px;margin-bottom:30px;
overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.awardsRight span{border:2px solid #003773;padding:10px 30px;font-weight: bold;color:#003773;}

/* 获奖详情*/
.awardsinfo h1{margin-top:30px; margin-bottom:5px;font-size:18px;}
.awardsinfo p{margin-bottom:15px;}
.awardsinfo .awardsTime{color:#666666;font-size:14px;}
.awardsinfo .cat{color:#004DA1;font-size:18px;}
.awardsinfo img{display: block;width:60%;margin: 0 auto;}
.awardsinfo div{font-size:14px;color:#666666;margin-top:20px;margin-bottom:50px;line-height:30px;}

/* 联系我们contactus.php */
.contacta h1{margin-top:30px;font-size:18px;}
.contacta span{color:#666666;margin-top:10px;}
.contacta  p{margin-top:5px;}

.contactaL{ float:left; overflow:hidden;}
.contactaR{ width:700px; height:350px; float:right; text-align:right; margin-top:30px;}
.contactaR iframe{ width:100%; height:100%; overflow:hidden;}

.contactb{margin-top:35px;margin-bottom:40px;}
.contactb h1{font-size:18px;}
.contactb p{ width:60%;border:1px solid #004DA1;margin-top:25px;background-color: #FFFFFF;padding-left:20px;}
.contactb p input[type="text"]{width:100%;border: none; outline: none;height:40px;font-size:14px;font-weight: bold;color:#004DA1; background:none;}
.contactb p input[type="text"]{width:100%;border: none; outline: none;height:50px;font-size:14px;font-weight: bold;color:#004DA1;}
.contactb textarea{font-size:14px;font-weight: bold;color:#004DA1;	display:block;margin-top:25px; width:60%;height:50px;line-height:25px;
  padding:10px 0 10px 20px;border:1px solid #004DA1;outline: none; background:none;}
.contactb textarea::-webkit-input-placeholder{color:#004DA1;}
.contactb p input::-webkit-input-placeholder{color:#004DA1;}
.contactb input[type="button"]{border:1px solid #004DA1;margin-top:20px;outline: none;height:50px;font-size:16px;font-weight: bold;color:#004DA1;padding:0 35px;cursor: pointer;}

/* 登录singin.php */
.singin{width:325px;margin: 0 auto;margin-top:75px;}
.singin img{ display: block;width:50%;height: auto; margin: 0 auto;}
.singina{background-color:#FFFFFF;box-shadow:0 0 5px rgba(0,0,0, 0.3);margin-top:5px;border-radius:10px;padding:40px 0;margin-bottom:100px;}
.singina h2{text-align: center;font-weight: normal;color:#102B4F;}

.siform{width:80%;margin: 0 auto;}
.siform span{display: block;margin-top:20px;color:#3D3D3D;font-weight: bold;}
.siform .sitext{width:100%;margin-top:8px;outline:none;height:35px;border-radius:3px;border: none;
border:1px solid #979797;padding-left:5px;}

.siform .sisub{display: block;margin:30px auto;border: none;background-color:#004DA1;width:150px;height:35px;
border-radius:20px;color:#FFFFFF;cursor:pointer;box-shadow:0 5px 5px rgba(0,0,0, 0.3); outline: none;}

.singinb{width:80%;margin: 0 auto;border-bottom:1px solid #D4D4D4;padding-bottom:10px;}
.singinb a{display: flex;display: -webkit-flex;justify-content: center;align-items: center;color:#102B4F;font-weight: bold;margin-bottom:10px;}
.singinb a img{width:10px;height: 10px;margin: 0;margin-left:5px;}
.singinc{display: flex;display: -webkit-flex;justify-content: center;align-items: center;color:#102B4F;font-weight: bold;margin-top:10px;}
.singinc img{width:10px;height: 10px;margin: 0;margin-right:5px;}

/* 注册 register.php */
.reg{margin-top:40px;margin-bottom:50px;display: flex;display: -webkit-flex;}

.reg ul{width:45%;align-self: flex-start;}
.reg ul li:last-child{margin-top:10px;}
.reg ul li img{display: block; width:65%;}
.reg ul li h1{font-weight: normal;color:#004DA1;margin-top:15px;font-size:18px;}
.reg ul li div{font-size:16px;line-height:22px;color:#2C2C2C;margin-top:10px;}

.reg .regRight{margin-left:8%;width:25%;}
.regRight div{margin-bottom:10px;}
.regRight div p{text-shadow:0 0 3px rgba(0,0,0,0.3);color:#3D3D3D;}
.regRight div span{color:#CB0000;}
.regRight div input{width:100%; height:40px;margin-top:5px;outline: none;padding-left:10px; border:0;border:1px solid #979797;background-color:#FFFFFF;border-radius:5px;}
.regRight button{display: block; width:130px;height:40px;border-radius:20px; margin: 0 auto;text-align: center;color:#FFFFFF;
 outline: none; border: none;background-color:#004DA1;box-shadow:0 5px 5px rgba(0,0,0,0.3);cursor:pointer;}

.regRight .Cancel{display: flex;display: -webkit-flex;justify-content: center;align-items: center;margin-top:30px;}
.Cancel img{width:13px;height: 13px;margin: 0;margin-right:5px;}
.Cancel span{color:#102B4F;font-weight: bold;}

.regSuccess{margin-top:110px;margin-bottom:200px;color:#3D3D3D;font-size:26px;text-align: center; display: none;}
.regSuccess span{color:#004DA1;line-height:70px;}

/* 忘记密码 forgetpassword */

/* 公共头 */
.forlogo{margin-top:40px;margin-bottom:30px;}
.forlogo img{width:160px;height:60px;}

.forgeta ul{display: flex;display: -webkit-flex;align-items: center;}
.forgeta ul li{width:33.33%;height:10px;background-color:#E6E6E6;}
.forgeta ul li.tf{background-color:#004DA1;}
.forgeta ul li.tfa{border-radius:5px 0 0 5px;}
.forgeta ul li.tfb{border-radius:0 5px 5px 0;}

.forgetTitle{display: flex;display: -webkit-flex;align-items: center;margin-top:20px;}
.forgetTitle p{width:33.33%;text-align: center;color:#999999;font-size:16px;font-weight:bold;}
.forgetTitle p.blue{color:#004DA1;}

/* 第一步 */
.fgamain{width:310px;margin:0 auto; margin-top:100px;margin-bottom:50px;}
.fgamain>p{margin:20px 0;color:#999999;font-size:16px;}
.fgamainbom span{text-shadow:0 0 10px rgba(153,153,153,0.5);color:#3D3D3D;}
.fgamainbom input{width:100%; height:40px;margin-top:10px;outline: none;padding-left:10px; border:0;border:1px solid #979797;background-color:#FFFFFF;border-radius:5px;}
.fgamainbom button{display: block; width:150px;height:35px;border-radius:20px; margin: 0 auto;margin-top:30px; text-align: center;color:#FFFFFF;
 outline: none; border: none;background-color:#004DA1;box-shadow:0 5px 5px rgba(0,0,0,0.3);cursor:pointer;}

/* 第二步 */
.fgbmain{margin-bottom:70px;}
.fgbmain .fgbT{padding:150px 0;color:#3D3D3D;font-size:26px;text-align: center;}
.fgbmain .fgbT span{color:#004DA1;line-height:70px;}
.fgbmain a{width:270px;height:35px;border-radius:20px; line-height:35px;text-align: center; display: block;margin: 0 auto;background-color:#004DA1;color:#FFFFFF; box-shadow:0 5px 5px rgba(0,0,0,0.3);}

/* 第三步 */
.fgc{margin-top:70px;}
.Repeat{display: block;margin-top:30px;}

/* 个人中心personal.php */
.personal{margin-top:50px;}
.personal h1{text-align: center;line-height:40px;color:#333333;font-weight: normal;}
.personal ul{margin-top:50px;margin-bottom:200px; display: flex;display: -webkit-flex;justify-content: space-between;}
.personal ul li{width:30%;border:1px solid #D6D6D6;padding:20px 0 50px;background-color:#FFFFFF;}
.perList{width:90%;margin: 0 auto; display: flex;display: -webkit-flex;}
.perList>img{width:20px;height:20px;margin-right:20px;}

.perList .perListL h3{font-weight: normal;color:#333333;}
.perList .perListL p{color:#333333;height:50px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.perList .perListL a{display: flex;display: -webkit-flex;align-items: center;margin-top:10px;}
.perList .perListL a span{color:#0277B3;}
.perList .perListL a img{width:15px;height: 15px;margin-left:5px;}

/* 个人信息information.php */
.informa{margin:45px auto;display:flex;display: -webkit-flex;}
.informa h2{width:200px; color:#333333;font-weight: normal;align-self: flex-start;}
.informa ul{width:60%;margin-left:30px;}
.informa ul li{border:1px solid #D6D6D6;border-bottom:none; padding:10px 25px 10px 15px ; background-color:#FFFFFF;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.informa ul li:last-of-type{border-bottom:1px solid #D6D6D6;}
.informa ul li img{width:15px;height:15px;cursor:pointer;}
.informa ul li div{width:90%;}
.informa ul li p{border: #000066 0px solid;height:25px;line-height:25px;margin-top:5px;}
.informa ul li input{outline:none;width:100%;margin-top:5px;color:#666666;display:none;height:25px;box-sizing: border-box;border-radius:3px;border: #004DA1 1px solid;padding:0 5px;}

/* 活动报名信息 record.phps */
.record{width:60%;margin: 0 auto;}
.recordTitle{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center; margin-top:20px;}
.recordTitle h1{color:#333333;}
.record ul{margin-top:20px;}
.record ul li{border:1px solid #D6D6D6;border-bottom:none; padding:20px 25px 15px 20px ; background-color:#FFFFFF;}
.record ul li:last-of-type{border-bottom:1px solid #D6D6D6;}
.record ul li div{width:85%;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;color:#333333;}
.record ul li div p{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;}
.record ul li div span{flex-shrink: 0;}

/* 修改密码 chahgepassword.php*/
.change{width:300px;margin: 50px auto;}


/* --------------------COMMOM STYLE START-------------------------------------------------------------------- */

/*分页样式*/
.dataEmpty,
.page_info{text-align: center;padding: 15px;margin-top:0px;color: #a7a7a7;}
.page_info span{padding: 0 5px;font-weight: bold;}

.page{padding:30px 5px;margin-top:15px;text-align:center;font-size:1.0rem;width: 100%;}
.page a{display:inline-table;padding:5px;margin:2px 5px;border-radius:3px;border:#B9B9B9 1px solid;}
.page a:hover{color:#C2A267;border:#C2A267 1px solid;}
.page .on{color:#e9e9e9;border:#e9e9e9 1px solid;}
.page span{font-weight:600;padding:0 5px;}

.flex, .flexs, .flexb,.flexc, .flexcc ,.flexe{display:flex;}
.flex_wrap{flex-wrap:wrap;}
.flex1{flex:1;}
.flexb{justify-content:space-between;align-items:center;}
.flexc{justify-content:center}.flexcc{justify-content:center;align-items:center;}
.flexs{align-items:center;}
.flexe{justify-content:flex-end}

.colorred{color:#FC7A00;}.colorgray{color:#9b9999;}.colorwhite{color:#fff;}.colorblack{color:#000;}.colorblue{color:#9F7A46;}

.ellipsis{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;}
.ellipsis.mul2 { -webkit-line-clamp:2;height: 50px;}.ellipsis.mul3 { -webkit-line-clamp:3;}

.text-center{text-align:center;}.text-right{ text-align:right;}
.pd5{ padding:5px;}.pd10{padding:10px;}.pd15{padding:15px;}.pd20{padding:20px;}.pd30{padding:30px;}

.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}
.mt30{margin-top:50px;}
.mt30 h3{ font-size:14px; font-weight:normal;}

.lines{border-bottom: 1px solid #e9e9e9;}.lined{border-bottom: 1px dashed #cecece;}
.boxg{border:#e9e9e9 1px solid;}.boxr{border:#f00 1px solid;}

.btn,.btnsh{padding:5px 20px; border:0; outline: none; background-color:#fff;font-size:1.2rem;border-radius:5px;border: #004DA1 2px solid; color: #004DA1;font-weight: 600;}
.btn:hover{color: #004DA1;}
.btnsh{border-radius:6px;box-shadow:2px 2px 4px #CCCCCC;}
.bgred{background-color:#FC7A00;color:#fff;}.bgwhite{background-color:#FFF;}.bggray{background-color:#b1b2b3;}

.rds{border-radius:3%;}.rdm{border-radius:6%;}.rdb{border-radius:9%;}
.shadow{box-shadow: 3px 3px 5px #CCCCCC;}

.lineH1{line-height:150%;font-size:16px;}.lineH2{line-height:200%;}

.none{display:none;}

.content{line-height:200%;font-size:16px;}
.content img{max-width: 100%;}

.notes{position: fixed;left:50%;top:50%;border:#f00 0px solid;transform:translateX(-50%);transform:translateY(-50%);display: none;}

/* --------------------COMMOM STYLE END-------------------------------------------------------------------- */

/* 2020 8.26 */
/* 下载 download.php*/
.down{margin-top:30px;margin-bottom:60px;}
.down ul{margin-top:20px;}
.down ul li{align-items: center;justify-content: space-between;border:1px solid #D0D0D0;border-bottom:none; box-sizing:border-box;padding:10px 20px;}
.down ul li:last-child{border-bottom:1px solid #D0D0D0;}
.down ul li div{align-items: center;}
.down ul li div img{width:25px;height:25px;margin-right:15px;}
.down ul li div p{color:#333333;font-weight: bold;}
.down ul li a{color:#004DA1;font-weight: bold;}

/* 侧导航 */
.rightNav{position: fixed;right:0;bottom:300px;z-index:9999;flex-direction: column;display: flex;display: -webkit-flex;}

.rightNav .tel{align-items: center;cursor:pointer;align-self: flex-end;}
.rightNav .tel .yellow{background-color:#FFC74E;width:50px;height:50px;}
.rightNav .tel .yellow img{width:20px;height:20px;margin:0 auto;display:block;margin-top:12.5px;}
.rightNav .tel h3{background-color:#FFC74E;height:50px;line-height:50px;width:0px;text-align: center;

	transition-property:width;/*规定应用过渡的 CSS 属性的名称。*/
	transition-duration:1s;/*定义过渡效果花费的时间。默认是 0。*/				
	transition-timing-function:linear;/*规定过渡效果的时间曲线。默认是 "ease"。*/				
	transition-delay:0s;/*规定过渡效果何时开始。默认是 0。*/
	
	/* Firefox 4 */
	-moz-transition-property:width;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:linear;
	-moz-transition-delay:0s;
	
	/* Safari and Chrome */
	-webkit-transition-property:width;
	-webkit-transition-duration:1s;
	-webkit-transition-timing-function:linear;
	-webkit-transition-delay:0s;
	
	/* Opera */
	-o-transition-property:width;
	-o-transition-duration:1s;
	-o-transition-timing-function:linear;
	-o-transition-delay:0s;
}

.rightNav .tel h3 a{color:#FFFFFF;padding:0 10px;}
.rightNav .tel:hover h3{width:150px;}

.rightNav .wx{align-items: center;cursor:pointer;background-color:transparent;margin-top:10px;align-self: flex-end;position: relative;}
.rightNav .wx .green{background-color:#28D367;width:50px;height:50px;}
.rightNav .wx .green img{width:25px;height:20px;margin:0 auto;display:block;margin-top:12.5px;}

.rightNav .wx .wxer{width:130px;height:120px;background-color:#28D367;display:none;right:60px;position: absolute;}
.rightNav .wx .wxer img{width:80px;height:80px;display:block;margin: 0 auto;margin-top:15px;}
.rightNav .wx .wxer p{color:#FFFFFF;text-align: center;}

.rightNav .wx:hover .wxer{display: block;}

.rightNav .upTop{cursor:pointer;display:block;margin-top:10px;align-self: flex-end;}
.rightNav .upTop .gary{background-color:#ECECEC;width:50px;height:50px;padding-top:15px;box-sizing: border-box;}
.rightNav .upTop .gary img{width:20px;height:15px;margin:0 auto;display:block;}