@charset "utf-8";
/************************************home****************************************/
*{margin: 0px;padding: 0px;font-family: "microsoft yahei";}
body{min-width:1200px;font-size: 14px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{font-size:14px;}
p{color:#686868;}
ul,li{list-style:none;}
button{border:none;}
input{background:none;outline:none;border:0px;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
img {border: none;}
a{text-decoration:none;color:#686868;}
a:hover{text-decoration:none;}

.content{width: 1200px;margin: 0 auto;min-width: 1200px;}


/*head&nav*/
.header{width:100%;position:fixed;background-image: linear-gradient(to bottom,rgba(58,48,27,.5),rgba(58,48,27,0)); top:0; left:0; z-index:9999;transition: all 0.5s;}
.header.on{background-color: #405aa8;background-image: linear-gradient(to bottom,rgba(58,48,27,0),rgba(58,48,27,0)); transition: all 0.5s;}
.header .logo{width:auto;float: left;height: 60px;margin-top: 10px;}
.header .logo img{width:auto; height:100%; display:block;}
.header .logo img.logofb{display: none;}
.header.on .logo img.logofb{display: block;}
.header.on .logo img.logocs{display: none;}
.header .nav{float:right;margin-right: 20px; }
.header .nav ul li{font-size:14px;text-align:center; float:left; display:block; position:relative; margin:0px 30px 0px 0px;line-height:80px;}
.header .nav ul li:last-child{margin-right: 0;}
.header .nav ul li a{color:#fff; display:block;transition: all 1s;}
.header .nav ul li a:hover { color:#fff;}
.header .nav ul li span{width:0; height:2px; background-color:#ce0947; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header.on .nav ul li span{background-color: #ce0947;}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.header .nav .ej{width:200px; background:#fff; position:absolute; left:50%;transform: translateX(-50%);z-index:999; display:none; padding:0px; margin-left:0px; text-align:left; }
.header.on .nav .ej{ background:#fff;}
.header .nav .ej a{font-size:14px; line-height:40px;  color:#333;text-align: center;}
.header .nav .ej a:hover {background:#ce0947; color:#FFF;}
.header .nav ul li:hover .ej{display:block;}
.H{display: block;height: 0px;}

/*********************************banner*************************************/
.gallery-top{width:100%; height:auto; position: relative !important;left:0; z-index:9999;}
.gallery-top .swiper-slide{width:100%; height: auto; position:relative;background: #fff;}
.gallery-top .swiper-slide img { width:100%; height:auto;opacity: 1}
.gallery-top .swiper-slide .hb{width:100%; height: auto;  position:absolute; left:0; top:0;}
.gallery-top .swiper-slide .dxs { display:block;}
.gallery-top .swiper-slide .sxs { display:none;}
.gallery-top .swiper-slide .wz{color:#fff; text-shadow:2px 2px 2px #666; position:absolute; left:12.5%; top:35%; text-align:center;width: 40%;}
.gallery-top .swiper-slide .wz h3{font-size:30px; letter-spacing:2px; line-height:60px;color: #fff;text-transform:uppercase;text-align: left;}
.gallery-top .swiper-slide .wz p{font-size:12px;  text-transform:uppercase;color: #fff; letter-spacing:1px; line-height:34px;text-align: left;}
.gallery-top .swiper-slide .wz a.more{display: block;width: 160px;height: 45px;background-color: #ce0947;color: #fff;line-height: 45px;letter-spacing: 2px; margin-top: 20px;}
.gallery-top .swiper-button-next { background:url(../images/yj.png) no-repeat center left; width:40px; height:80px;opacity: .5;}
.gallery-top .swiper-button-prev { background:url(../images/zj.png) no-repeat center right; width:40px; height:80px;opacity: .5;}

.bannerBj{display: block;width: 100%;height: 100px;background-color: #405aa8;transform: rotate(3deg) translateX(5px); position: relative;top: -54px;}
/***************************************************about***************************************************************/
.syAbout{padding: 100px 0 140px;}
.syAbout .content{position: relative;padding-bottom: 60px;}
.syAbout .content h1{font-size: 56px;text-align: center;color: #666666;letter-spacing: 6px; margin-bottom: 30px;}
.syAbout .content .bj{position: absolute;bottom: 0;left: 0;width: 100%;height:60%;background-color: #f1f1f1;z-index: -1;border-radius: 40px;transform: skewY(-3deg);}
.syAbout .content .img{width: 780px;height: 370px;border-radius:3px;overflow: hidden;margin: 0 auto;box-shadow: 0 0 10px #cdcdcd;}
.syAbout .content .img img{display: block;width: 100%;height: 100%;}
.syAbout .content .txt{width: 780px;margin: 40px auto 0;}
.syAbout .content .txt h2{font-size: 28px;line-height: 56px;}
.syAbout .content .txt p{font-size: 14px;color: #777777;line-height: 28px;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:5;}
a.moreTab{display: block;width: 160px;height: 50px;background-color: #ce0947;color: #fff;line-height: 50px;text-align: center;margin-top: 40px;}

/************************************cooperation*******************************************/
.syCoop{width: 100%;height: auto;padding: 140px 0;background-color: #405aa8;transform: skewY(3deg);}
.syCoop .content{transform: skewY(-3deg);}
.syCoop .content .title{}
.syCoop .content .title h2{color: #fff;font-size: 24px;text-align: center;}
.syCoop .content .title h1{color: #fff;font-size: 56px;text-align: center;}
.syCoop .content .title .xxk{display: flex;flex-wrap: wrap;justify-content: center; margin: 20px 0;}
.syCoop .content .title .xxk a{padding: 10px;margin-right: 20px;background-color: #ce0947;color: #fff;}
.syCoop .content .title .xxk a:last-child{margin-right: 0;}

.syCoop .Box_con {position: relative;}
.syCoop .Box_con .btnl {position: absolute;}
.syCoop .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.syCoop .Box_con .btnl {background: url( "../images/jtl02.png") no-repeat center;left: -72px;}
.syCoop .Box_con .btnr {background: url( "../images/jtr02.png") no-repeat center;right: -72px;}
.syCoop .Box_con .btnl:hover {background: url( "../images/jtl03.png") no-repeat center;}
.syCoop .Box_con .btnr:hover {background: url("../images/jtr03.png") no-repeat center;}
.syCoop .Box_con .conbox {position: relative;overflow: hidden;}
.syCoop .Box_con .conbox ul {position: relative;list-style: none;display: flex;}
.syCoop .Box_con .conbox ul li {float: left;width: 285px; height: auto;margin-left: 20px;overflow: hidden;background-color: #fff;}
.syCoop .Box_con .conbox ul li:first-child {margin-left: 0;}
.syCoop .Box_con .conbox ul li .img{width: 100%;height: 180px;}
.syCoop .Box_con .conbox ul li img {display: block;width:100%;height:100%;}
.syCoop .Box_con .conbox ul li .txt{padding: 10px;box-sizing: border-box;}
.syCoop .Box_con .conbox ul li .txt h3{font-size: 16px;line-height: 32px;}
.syCoop .Box_con .conbox ul li .txt p{font-size: 14px;line-height: 24px;color: #aaa; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:4;}
/*暂隐藏的滑动条*/			
.syCoop .BoxSwitch {margin-top: 30px;text-align: center;display: none;}
.syCoop .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.syCoop .BoxSwitch span.cur {background: red;}
/**************************************************news******************************************************/
.homeNewsBox{padding:140px 0;}
.homeNewsBox .content{}
.homeNewsBox .content .title{}
.homeNewsBox .content .title h1{font-size: 56px;text-align: center;}
.homeNewsBox .content .title .tabBox{display: flex;align-items: center;justify-content: center;
	-o-display: flex;-o-align-items: center;-o-justify-content: center;
	-ms-display: flex;-ms-align-items: center;-ms-justify-content: center;
	-moz-display: flex;-moz-align-items: center;-moz-justify-content: center;
	-webkit-display: flex;-webkit-align-items: center;-webkit-justify-content: center;
}
.homeNewsBox .content .title .tabBox a{padding: 10px 20px;border: solid 2px #365998;color: #365998;margin: 20px 10px;}
.homeNewsBox .content .title .tabBox a:hover{background-color: #ce0947;color: #fff;border-color: #ce0947;}
.homeNewsBox .content .title .tabBox a.on{background-color: #ce0947;color: #fff;border-color: #ce0947}
/*news content*/
/*left*/
.newsUlBox{display: flex;
	-o-display: flex;
	-ms-display: flex;
	-moz-display: flex;
	-webkit-display: flex;
}
.newsUlBox .l{margin-right: 30px;width: 50%;}
.newsUlBox .l a{display: block;width: 100%;height: 200px;padding: 30px 0;display: flex;box-sizing: border-box;border-bottom: dashed 1px #eee;}
.newsUlBox .l a:first-child{border-top: dashed 1px #eee;}
.newsUlBox .l a .imageBox{width: 180px;height: 100%;overflow: hidden}
.newsUlBox .l a .imageBox img{display: block;height: 100%;width: auto;transform: translateX(-50%);margin-left: 50%;}
.newsUlBox .l a .textBox{flex: 1;height: 100%;overflow: hidden;margin-left: 20px;min-width: 50%;}
.newsUlBox .l a .textBox h3{font-size: 16px;margin-bottom: 5px; line-height: 22px; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.newsUlBox .l a .textBox p{line-height: 22px;font-size: 14px; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:4;}
.newsUlBox .l a .textBox span{font-size: 12px;font-weight: bold;}
/*Right*/
.newsUlBox .r{width: 50%;}
.newsUlBox .r h4{font-size: 16px;color: #686868;line-height: 22px;margin-bottom: 5px;}
.newsUlBox .r p{line-height: 22px;font-size: 14px; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:5;}
.newsUlBox .r em {display: block;width: 100%;height: 450px;overflow:hidden;margin-top: 12px;}
.newsUlBox .r em img{width: auto;min-height: 100%; min-width: 100%;transform: translateX(-50%) translateY(-50%);display: block;position: relative;left: 50%;top: 50%;}

/************************************bottom*******************************************/
.dibu{width: 100%;height: auto;padding: 60px 0;background: #00113a;}
.dibu .content{height: auto; display: flex;flex-direction: column;align-items:center;justify-content: center;}
.dibulogo{width: auto;height: 80px; margin-bottom: 40px;}
.dibulogo img{display: block;width: auto;height: 100%;}
.dibuyl{display: flex;}
.dibuyl a{border-right: solid 1px #ffffff;color: #ffffff;padding: 0 10px;}
.dibuyl a:first-child{border-left: solid 1px #ffffff;}
.dibu .content p{margin-top: 20px;color: #FFFFFF;}
.dibu .content p a{display: inline-block;color: #FFFFFF;}

.db-A{width: 100%;display: flex;justify-content: center;margin-top: 30px;}
.db-A a{width: 40px;height: 40px;border-radius: 35px;border: solid 1px #ffffff;margin-right: 20px;position: relative;}
.db-A a:last-child{margin-right: 0;}
.db-A a img{display: block;width: 50%;margin-left: 50%;margin-top: 50%;transform: translateX(-50%) translateY(-50%);}
.db-A a .ewm{position: absolute;width: 100px;height: 100px;overflow: hidden;bottom: 100%;left: -75%;z-index: 10;padding: 5px;background-color: #fff;box-sizing: border-box;display: none;}
.db-A a .ewm img{width: 100%;height: 100%;}
.db-A a em{display: block;position: absolute;width: 10px;height: 10px;background-color: #fff;transform: rotate(45deg);left: 40%;top: -5px;z-index: 1;display: none;}
.db-A a:hover .ewm{display: block;}
.db-A a:hover em{display: block}

/***************************************************Inner page************************************************************/
.about-bj{background-color: #f2f2f2;}
.aboutBody{background: url("../images/aboutbj.jpg") repeat;background-size: 100% auto;}
/***banner***/
.lbban{width: 100%;height: auto;position: relative;overflow: hidden;}
.lbban img{display: block;width: 100%;height: auto;}
.lbban-txt{position: absolute;transform:translateY(-50%) translateX(-50%);top: 50%;left: 50%; height: auto;text-shadow: 0 0 5px #686868;}
.lbban-txt h1{color: #fff;font-size: 38px;letter-spacing: 4px;text-align: center;text-transform:uppercase;}
.lbban-txt h1 span{color: #ce0947;font-size: 80px;margin-left: 20px;font-weight: bold;text-transform:uppercase;}
.lbban-txt p{color: #eee;line-height: 28px;}
.mbxdh{width: 100%;height: 40px;box-sizing: border-box;display: flex;align-items: center;justify-content: center; color: #fff;}
.mbxdh a{padding: 5px 10px;color: #fff;}
.mbxdh a img{display: inline-block;float: left;width: 20px;height: 20px;margin-right: 5px;}
/*tab*/
.lbTabBox{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;border-bottom: solid 1px #eee;padding-bottom: 60px;margin-bottom: 60px;background-color: #fff;}
.lbTabBox a{padding: 10px 20px;border: solid 2px #ce0947;color: #fff;margin: 5px 10px;background-color: #ce0947;transition: all 0.3s;}
.lbTabBox a:hover{transform: translateY(-3px);transition: all 0.3s;}

/**************************************************************Inner about*********************************************/
.aboutconBox{position: relative;top: -60px;background-color: #ffffff;padding: 60px;box-sizing: border-box;}
.aboutconBox .jjBox{}
.aboutconBox .jjBox h1,.team h1,.coreBox h1{font-size: 40px;line-height: 80px;text-transform:uppercase;}
.aboutconBox .jjBox p,.team p.tdP,.coreBox p.tdP{font-size: 14px;color: #686868;line-height:28px;}
/*framework*/
.coreBox{padding: 100px 60px;background-color: #fff;box-sizing: border-box;margin:60px auto;}
.coreBox img{display: block;width: 100%;height: auto;}
/*Business*/
.businessBox{background-color: #fff;padding: 60px;box-sizing: border-box;margin: 60px auto;}
.businessBox h1{font-size: 50px;text-align: center;margin-top: 40px;text-transform: uppercase;}
.businessBox .nr{background: url("../images/nyaboutimg3.jpg") no-repeat;background-size: 100% auto;padding-bottom: 80px;}
.businessBox .nr .txtR{width:540px;height: 360px;position: relative;top: 70px;left: 270px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.businessBox .nr .txtR h2{font-size: 45px;text-align: center;}
.businessBox .nr .txtR h3{font-size: 24px;font-weight: 400;text-align: center;}
.businessBox .nr .txtR p{text-align: center;}
/*****************************************************news list******************************************************/
.lbBigBox{position: relative;top: -60px;background-color: #fff;padding: 60px 40px;box-sizing: border-box;}
.lbBigBox .lbTabBox a{background-color: #ea6595;}
.lbBigBox .lbTabBox a.on{background-color: #ce0947;}
.newsListBox{width: 100%;height: auto;overflow: hidden;}
.newsListBox a{display: block;width: 100%;display: flex;margin-bottom: 30px;border-bottom: solid 1px #fff;transition: all 0.5s;}
.newsListBox a .Limg{width: 220px;height: 160px;overflow: hidden;background-color: antiquewhite;}
.newsListBox a .Limg img{display: block;width: 100%;height: 100%; transform: scale(1);transition: all 0.5s;}
.newsListBox a .Rtxt{flex: 1;margin-left: 20px;}
.newsListBox a .Rtxt h2{font-size: 20px;font-weight: bold;line-height: 28px; margin-bottom: 10px;transform: translateX(0px);transition: all 0.5s;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.newsListBox a .Rtxt p{font-size: 14px;font-weight: 100;line-height: 22px;color: #aaa;transform: translateX(0px);transition: all 0.5s;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:4;}
.newsListBox a .Rtxt .sj{display: flex;margin-top:15px;transform: translateY(0px) translateX(0px);transition: all 0.5s;}
.newsListBox a .Rtxt .sj em{width: 16px;height: 16px;margin-right: 5px;}
.newsListBox a .Rtxt .sj em img{display: block;width: 100%;height: 100%;}
.newsListBox a .Rtxt .sj h3{font-weight: 100;color: #ababab;}
/*翻页*/
.fanye{width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 30px;}
.fanye a{width: 40px;height: 40px;margin: 0 5px;border-radius: 50%;background-color: #f8f8f8;text-align: center;line-height: 40px;font-size: 12px;}
.fanye a:hover{background-color: #ce0947;color: #fff;}
/*动效*/
.newsListBox a:hover{border-bottom: solid 1px #eee;transition: all 0.5s;}
.newsListBox a:hover .Limg img{transform: scale(1.02);transition: all 0.5s;}
.newsListBox a:hover .Rtxt h2{color: #ce0947; transform: translateX(-5px);transition: all 0.5s;}
.newsListBox a:hover .Rtxt p{transform: translateX(5px);transition: all 0.5s;}
.newsListBox a:hover .Rtxt .sj{transform: translateY(-5px) translateX(5px);transition: all 0.5s;}

/***************************************************policy******************************************************/
.PolicyListBox{border-bottom: solid 5px #405aa8;margin-bottom: 60px;padding-bottom: 40px;}
.PolicyListBox h1{font-size: 26px;display: flex;align-items: center;color: #666;text-transform: uppercase;}
.PolicyListBox h1 img{display: inline-block;width: 60px;height: 60px;margin-right: 20px;}

.PolicyListBox a{display: block;background-color: #f8f8f8;padding: 20px;box-sizing: border-box;}
.PolicyListBox a:nth-child(2n){background-color: #fff;}
.PolicyListBox a .title{}
.PolicyListBox a .title p{font-size: 18px;font-weight: bold;color: #333;line-height: 30px; }
.PolicyListBox a .time{font-size: 14px;color: #aaa;margin-top: 10px;}

/*************************************************** image text list******************************************************/
.picTxtListBox{display: flex;flex-wrap: wrap;}
.picTxtListBox a{width: 32%;margin-right: 2%;overflow: hidden;border: solid 1px #eee;transition: all 0.3s;box-sizing: border-box;margin-bottom: 20px;padding-bottom: 20px;}
.picTxtListBox a:nth-child(3n){margin-right: 0;}
.picTxtListBox a .imgBox{width: 100%;height: 268px;}
.picTxtListBox a .imgBox img{display: block;height: 100%;width: auto;transform: translateX(-50%);margin-left: 50%;}
.picTxtListBox a .txtBox{width: 100%;height:100%;padding: 10px;box-sizing: border-box;}
.picTxtListBox a .txtBox h1{font-size: 20px;line-height: 40px;transition: all 0.3s; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.picTxtListBox a .txtBox p{font-size: 10px;line-height: 24px;color: #929292; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.picTxtListBox a:hover{border:solid 1px #f08200;transition: all 0.3s;}
.picTxtListBox a:hover .txtBox h1{color: #f08200;transition: all 0.3s;}
/***************************************************in-contact******************************************************/
.contactBox{}
.contactBox .dh-L{width: 100%;overflow: hidden;box-sizing: border-box;}
.contactBox .dh-L img{width: 100%;height: auto;}
.dh-L-txt{}
.dh-L-txt .dhdh{display: inline-block;float: left;}
.dh-L-txt .qb{height: auto;margin-bottom: 20px;}
.dh-L-txt .qb span{display: inline-block;float: left;margin-top: 4px; width:40px;height: 40px;overflow: hidden;margin-right: 20px;}
.dh-L-txt .qb span img{width: 100%;height: 100%;}
.dh-L-txt .qb h1{font-size: 34px; text-transform: uppercase;}
.dh-L-txt .qb h2{font-size: 16px;margin-top: 20px;font-weight: 400;color: #666;}
.dh-L-txt .qb p{font-size: 12px;color: #aaa;margin-top: 20px;color: #ce0947;}
.dh-L-txt .dh{display: flex;align-items: center;}
.dh-L-txt .dh span{width: 20px;height: 20px;margin-right:10px;}
.dh-L-txt .dh span img{display: block; width: 100%;height: 100%;}
.dh-L-txt .dh .P{flex: 1;}
.dh-L-txt .dh .P p{line-height: 32px;color: #686868}
.contactBox .dt-R{width:100%;height: auto;hidden;margin-top: 20px;}
.contactBox .dt-R img{display: block;width: 100%;height: auto;}

h1.aboutBT{font-size: 34px;margin-bottom: 20px;line-height: 40px;text-transform: uppercase;margin-top: 60px;}
h1.aboutBT img{display: inline-block;float: left;width: 40px;height: 40px;border-radius: 5px;margin-right: 20px;}
.recruit .r-lb{width: 100%;box-sizing: border-box;position: relative;}
.recruit .r-lb a.zw{display: block;width: 100%;height: auto;overflow: hidden;padding: 30px;box-sizing: border-box;}
.recruit .r-lb a.zw h1{font-size: 20px;font-weight: 400;color: #666;line-height: 36px;}
.recruit .r-lb a.zw p{font-size: 14px;line-height: 28px;color: #A7A7A7;font-weight: 100;}
.recruit .r-lb a.zw:hover{box-shadow: 0 0 10px #bde1ff;}

/***************************************************gallery******************************************************/
div.galleryBox{}
div.galleryBox a .imgBox{}
div.galleryBox a .imgBox img{display: block;width: 100%;height: 100%;}
div.galleryBox a .txtBox p{overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3;}
/***************************************************详情页******************************************************/
.nyXqBox{background-color: #FFFFFF;box-sizing: border-box;}
.nyXqBox h1{font-size: 22px;line-height: 34px;margin-top: 30px;text-align: center;text-transform: uppercase;}
.nyXqBox h2{font-size: 14px;color: #686868; font-weight:400;margin-top: 20px;border-bottom: solid 1px #eee;margin-bottom: 10px;padding-bottom: 5px;}
.xqnr{}
.xqnr img{width: 100%;height: auto;border-radius: 3px;margin: 10px 0;}
.xqnr h3{font-size: 16px;margin: 10px 0;text-transform: uppercase;}
.xqnr p{line-height: 24px;color: #686868; margin: 10px 0;}