@charset "utf-8";
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'SourceHanSansCN-Regular';min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#07599f;}

/* css */
@font-face {
font-family: "anton";
src: url("anton.ttf") format("truetype");
font-family: "SourceHanSansCN-Regular";
src: url("SourceHanSansCN-Regular.otf") format("truetype");
font-family: "qigongziti";
src: url("FZQiTi-S14S.TTF") format("truetype");
}
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.container1{position:relative;min-width:320px;width:100%;max-width:1830px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd50{padding:50px 0;font-size:.875em;overflow:hidden;}
.pd60{padding:60px 0;font-size:.875em;overflow:hidden;}
.pm60{padding:60px 0;font-size:.875em;overflow:hidden;}
.pd80{padding:80px 0;font-size:.875em;overflow:hidden;}
.pd90{padding:90px 0;font-size:.875em;overflow:hidden;}
.pd140{padding:140px 0 90px 0;font-size:.875em;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}
/* css */

/* flex */
.flex {display: flex;}
/* flex */

/* header */
.header{width: 100%;line-height: 90px;FONT-VARIANT: JIS90;z-index:99;padding:0 30px;color:#fff;top:0;left:0;position: fixed;}
.header:hover{ background-color:#fff;}
.header .logo .inner { display: none; }
.headTie{float:left;margin-left:20px;color: #fff;line-height:1.5;padding-top: 18px;letter-spacing:3px;}
.headTie a{color: #fff;}
.headTie span{display: block;font-size:1.375em;color: #fff;font-weight:bold;letter-spacing:0;}
/*--*/
.nav {width: 62%;padding-left: 80px;height:90px;display:flex;display: -webkit-flex;}
.nav .m{float:left;text-align:center;z-index:10;margin-right: 50px;vertical-align: top;position: relative;}
.nav .m>a{color: #fff;display:inline-block;position:relative;font-size: 16px;font-weight: bold;}
.nav .m i{font-family:"iconfont";font-style:normal;margin-right:5px;float: left;}
.nav .cur>a{color: #fff;}
.nav .m>a:hover{color: #0162b0;}
.nav .navSub{position:absolute;left:50%;top:120%;background: #fff;line-height:35px;width:160px;color:#333;font-size:.875rem;transform:scale(0);opacity:0;margin-left:-80px;}
.nav .navSub li{line-height: 50px;height: 50px;}
.nav .navSub a{color:#666;display:block;}
.nav .navSub a:hover{background:#07599f;color:#666;height: 50px; background-color:rgba(15, 53, 139, 0.1);}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}
/*--*/
.header .width {width: 1536px;margin: 0 auto;padding: 50px 0;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.header .nav li .sub-nav{position: fixed;left: 0;z-index: -1;width: 100%;background-color: #fff;box-shadow: 0 29px 30px rgba(0, 0, 0, 0.02);
border-top: 1px solid #f7f8f9;display: none;height: 393px;}	
.header .nav li:hover .sub-nav {display: block;z-index: 10;animation: fadeIn 0.5s ease;}	
.header-right span .sub-nav {transition: 0.5s ease 0s;transform-origin: top;opacity: 0;transform: scale(1, 0);overflow: hidden;background: #f5f5f5!important;left: 0;z-index: 2;padding: 30px 15px;position: absolute;width: 100%;font-size: 0;box-shadow: 0 3px 3px -1px #ccc;}
.header-right span .sub-nav {padding: 15px;text-align: center;}
.header .nav li > a:after {content: '';display: block;width: 0;height: 1px;position: relative;margin-top: -15px;transition: all .5s;}
.nav li:hover > a:after {width: 100%;}
.nav li:hover .sub-nav{transform: scale(1);opacity: 1;}
.header-right span:hover .sub-nav {transform: scale(1);opacity: 1;}
/*--*/
.nav li .cphy {width: 33%;padding: 0 20px 0px 20px;height: 250px;}
.nav li .cphy .navy {float: left;overflow: hidden;line-height: 36px;text-align: center;font-size: 16px; margin-bottom:8px;}
.nav li .cphy .navy a{ color:#191919;}
.nav li.cate-2 .cphy {width: 24%;}
.nav li .cphy.empty {border: none;padding: 0;margin: 0;}
/*--*/
.nav li .cphy .pic{width: 100%;height: auto;position:relative;display:block;overflow:hidden;}
.nav li .cphy .pic img{top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.nav li .cphy .pic:hover img{transform: scale(1.1);}
/*--*/
.nav li .cphy img {margin-bottom: 5px;}
.nav li .cphy span{font-size: 14px;height: 26px;line-height: 22px;display: block;}
.nav li .cphy h3 {font-size: 18px;height: 36px;line-height: 36px;margin-bottom: 14px;}
.nav li .cphy a.content {font-size: 16px;font-weight: 100;width: 48%;padding: 0;line-height: normal;text-align: left;display: inline-block;margin: 1%;float: left;}
.nav li .cphy h3 a{width: 100%;font-size: 18px;font-weight: normal;color: #333;}
.nav li .cphy h3 a:hover{ color:#0162b0;}
/*--*/
.header .nav li .sub-nav1{height: 310px;}
.header .nav li .sub-nav2{height: 300px;}
/*--*/
.nav li .gywm {width: 25%;padding: 0 20px 0px 20px;height: 250px;}
.nav li .gywm .navy {float: left;overflow: hidden;line-height: 36px;text-align: center;font-size: 16px; margin-bottom:8px;}
.nav li .gywm .navy a{ color:#191919;}
.nav li.cate-2 .gywm {width: 24%;}
.nav li .gywm.empty {border: none;padding: 0;margin: 0;}
.nav li .gywm img {margin-bottom: 5px;}
.nav li .gywm span{font-size: 14px;height: 26px;line-height: 22px;display: block;}
.nav li .gywm h3 {font-size: 18px;height: 36px;line-height: 36px;margin-bottom: 14px;}
.nav li .gywm a.content {font-size: 16px;font-weight: 100;width: 48%;padding: 0;line-height: normal;text-align: left;display: inline-block;margin: 1%;float: left;}
.nav li .gywm h3 a{width: 100%;font-size: 18px;font-weight: normal;color: #333;}
.nav li .gywm h3 a:hover{ color:#0162b0;}
/*--*/
.nav li .gywm .pic{width: 100%;height: auto;position:relative;display:block;overflow:hidden;}
.nav li .gywm .pic img{top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.nav li .gywm .pic:hover img{transform: scale(1.1);}
/*--*/
.headTel {position:absolute;right:0;top:0;color:#07599f;font-size:1.375em;padding-left:20px;font-family:Arial;background: url('../images/tel.png') no-repeat left center;}
/*--*/
.headFix{background:#fff !important;padding-top:0;height:90px;line-height:90px;box-shadow:0 0 6px #ddd;color:#222;}
.header.headFix .logo .inner { display:block;margin-top: 20px;}
.header.headFix .logo .nomarl { display:none;}
.header.headFix .headTie a{color: #333;}
.header.headFix .headTie span{color: #333;}
.header.headFix .nav .m>a{color: #333;}
.header.headFix .nav .cur>a,.nav .m>a:hover{color: #0162b0;}
.header.headFix .headR .sIcon{position: relative;width:20px;height:30px;background: url('../images/topIcon8.png') no-repeat left 10px;float:left;margin-right: 0;}
.wapEn{position: relative;width:20px;height:30px;background: url('../images/topIcon9.png') no-repeat left 9px;float:left;padding-left: 30px;color: #999;line-height: 40px;margin-right: 30px;}
/*--*/
.header:hover .nav .m>a:hover{color: #0162b0;}
.header:hover .logo .inner { display:block;margin-top: 20px;}
.header:hover .logo .nomarl { display:none;}
.header:hover .headTie a{color: #333;}
.header:hover .headTie span{color: #333;}
.header:hover .nav .m>a{color: #333;}
.header:hover .nav .cur>a,.nav .m>a:hover{color: #0162b0;}
.header:hover .headR .sIcon{position: relative;width:20px;height:30px;background: url('../images/topIcon8.png') no-repeat left 10px;float:left;margin-right:0;}
.wapEn{position: relative;width:20px;height:30px;background: url('../images/topIcon9.png') no-repeat left 9px;float:left;padding-left: 30px;color: #999;line-height: 40px;margin-right: 30px;}
/* header */

/* headR */
.headR{right:0;top: 26px;line-height:30px;position: absolute;}
.wapEn{position: relative;width:20px;height:30px;background: url('../images/topIcon1.png') no-repeat left 9px;float:left;padding-left: 30px;color: #fff;line-height: 40px;margin-right: 30px;}
.headR .sIcon{position: relative;width:20px;height:30px;background: url('../images/topIcon.png') no-repeat left 10px;float:left;margin-right: 0;}
.headR .tel{float:left; background: url('../images/topIcon.png') no-repeat left -24px;color:#fff;padding-left:30px;font-size:1.375em;}
.headR .btn {display: block;width: 112px;height: 40px;line-height: 40px;text-align: center;color: #fff;border-radius: 10px;transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;position: relative;float: left;margin-left: 30px;background-image: linear-gradient(to right,#f04c22,#f68e1e);}
/* headR */

/* search */
.search{position: absolute;padding:20px;background:#333;background: rgba(1,99,177,.5);left:0;top:100%;display:none;width:100%;padding-top:0;border-top: 1px solid #0163b1;}
.search form{width:40%;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;padding:0 50px 0 20px;}
.search .txt{width:100%;height:50px; line-height:40px;color:#666;float:left;}
.search .btn{float:left;width:50px;height:50px;cursor:pointer;transition:all 0.3s;background: #0163b1 url('../images/sIcon.png') no-repeat center;border-left: 1px solid #0163b1;margin-right:-50px;}
.search .btn:hover{background-color:#000;}
/* search */

/* navTrigger */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#fff;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapTel{font-family:"iconfont";position: absolute;color:#07599f;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}
/* navTrigger */

/* banner */
.banner{position:relative;overflow:hidden;}
.banner img{width: auto;max-width: 100%;vertical-align: middle;}
.banner .small{display:none;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:14px;height:14px;border:1px solid #fff;position: relative;}
.banner .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:3px;left:3px;border-radius:100%;opacity:0;}
.banner .swiper-pagination-bullet-active{border-color: #fff;}
.banner .swiper-pagination-bullet-active::after{background:#fff;opacity:1;}
/*--*/
.banner .video > img {display: none;width: 100%;}
.banner .video video {display: block;width: 100%;height: 100vh;object-fit: cover;object-position: left top;}
.videobj{position: absolute;left:0;top:0;width:100%;height: 500%;background:rgba(0,0,0,0.3);z-index: 8;}
.ljgd{width: 150px;height: 44px;background: #fff;color: #111111;text-align: center;line-height: 44px;margin: 0 auto;display: block;position: relative;}
.banner .swiper-video {position: relative;}
.banner .swiper-slide .video {width: 100%;height: auto;object-fit: cover;}
.banner .info {position: relative;left: 0;top: 320px;z-index: 1;display: flex;align-items: center;width: 100%;height: 100%;z-index: 11;}
.banner .box-container {text-align: center;position: relative;}
.box-container {width: 1536px;margin: 0 auto;}
.banner .index-title {font-size: 50px;line-height: 80px;color: #fff;margin-bottom: 26px;font-weight: bold;}
.banner .brief {font-size: 36px;color: #fff;margin-bottom: 75px;}
/* banner */

/* viola-title */
.viola-title{font-size:1rem;text-align:center;}
.viola-title span{display: block;position:relative;font-size: 36px;color: #000;padding-bottom: 20px;margin-bottom: 18px;font-weight: normal;line-height: 38px;}
.viola-title span::after{content:"";position: absolute;left:50%;width:40px;height:2px;background:#0162b0;margin-left:-20px;bottom:0;}
/*--*/
.viola-titlew{font-size:1rem;margin-bottom:36px;text-align:center;color: #fff;}
.viola-titlew span{display: block;position:relative;font-size: 36px;color: #fff;padding-bottom: 20px;margin-bottom: 18px;font-weight: normal;line-height: 38px;}
.viola-titlew span::after{content:"";position: absolute;left:50%;width:40px;height:2px;background:#fff;margin-left:-20px;bottom:0;}
/*--*/
.viola-title1{font-size:1rem;margin-bottom: 10px;text-align:center;margin-top: 30px;}
.viola-title1 span{display: block;position:relative;font-size: 30px;color: #000;padding-bottom: 20px;font-weight: normal;line-height: 38px;}
/* viola-title */

/* viola-chanpinhy */
.viola-chanpinhy{background: #f3f3f3;}
.viola-chanpinhy .mxf{ margin-right: -23px; }
.viola-chanpinhy .one{ width: 66.66%; }
.viola-chanpinhy .one .box{margin-right: 23px;height: 400px;position: relative;}
.viola-chanpinhy .one .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: center no-repeat;background-size: cover;display:block;overflow:hidden;border-radius: 10px;}
.viola-chanpinhy .one .bg img{vertical-align: middle;max-width: 100%;width: 100%;height: 100%;transition:all 0.5s;}
.viola-chanpinhy .one .bg:hover img{transform: scale(1.1);}
.viola-chanpinhy .one .layer{ position: absolute;left: 35px;bottom: 30px;color: #fff;z-index: 3;color: #fff;padding: 20px 30px 30px 35px;box-sizing: border-box;position: absolute;z-index: 3;width: 100%;left: 0;bottom: 0;}
.viola-chanpinhy .one .name{ font-size: 30px; line-height: 40px; height: 40px; overflow: hidden; }
.viola-chanpinhy .one .wen{ font-size: 16px; line-height: 16px; margin-top: 8px; }
.viola-chanpinhy .item .box:hover .more{ height: 16px; margin-top: 20px; }
.viola-chanpinhy .item .mask {position: absolute;z-index: -2;width: 100%;bottom: 0;left: 0;height: 140px;background: url(/images/mask.png) repeat-x;border-radius: 10px;}
/*--*/
.viola-chanpinhy .list .mask {position: absolute;z-index: -2;width: 100%;bottom: 0;left: 0;height: 140px;background: url(/images/mask.png) repeat-x;border-radius: 10px;}
.viola-chanpinhy .two .mask {position: absolute;z-index: -2;width: 100%;bottom: 0;left: 0;height: 140px;background: url(/images/mask.png) repeat-x;border-radius: 10px;}
.viola-chanpinhy .two{ width: 33.33%; }
.viola-chanpinhy .two .box{margin-right: 23px;height: 400px;position: relative;}
.viola-chanpinhy .two .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: center no-repeat;background-size: cover;display:block;overflow:hidden;border-radius: 10px;}
.viola-chanpinhy .two .bg img{width: 100%;height: 100%;transition:all 0.5s;}
.viola-chanpinhy .two .bg:hover img{transform: scale(1.1);}
.viola-chanpinhy .two .layer{ position: absolute;left: 35px;bottom: 30px;color: #fff;z-index: 3;color: #fff;padding: 20px 30px 30px 35px;box-sizing: border-box;position: absolute;z-index: 3;width: 100%;left: 0;bottom: 0;}
.viola-chanpinhy .two .name{ font-size: 30px; line-height: 40px; height: 40px; overflow: hidden; }
.viola-chanpinhy .two .wen{ font-size: 16px; line-height: 16px; margin-top: 8px; }
.viola-chanpinhy .two .more{ height: 0; width: 82px; font-size: 16px; line-height: 16px; overflow: hidden; background: url(../images/ico1on.png) right center no-repeat; }
.viola-chanpinhy .two .lbox:hover .more{ height: 16px; margin-top: 20px; }
.viola-chanpinhy .list{ padding-top: 28px; clear: both; }
.viola-chanpinhy .list ul{ margin-right: -23px; }
.viola-chanpinhy .list li{ float: left; width: 33.33%; }
.viola-chanpinhy .list li .box{margin-right: 23px;position: relative;display:block;overflow:hidden;border-radius: 10px;}
.viola-chanpinhy .list li .box img{vertical-align: middle;max-width: 100%;width: 100%;height: 100%;transition:all 0.5s;}
.viola-chanpinhy .list li .box:hover img{transform: scale(1.1);}
.viola-chanpinhy .list li .imgDiv{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; }
.viola-chanpinhy .list li .layer{position: absolute;left: 35px;bottom: 30px;color: #fff;z-index: 3;color: #fff;padding: 20px 30px 30px 35px;box-sizing: border-box;position: absolute;z-index: 3;width: 100%;left: 0;bottom: 0;}
.viola-chanpinhy .list li .name{font-size: 30px;line-height: 40px;height: 40px;overflow: hidden;color: #fff;}
.viola-chanpinhy .list li .wen{font-size: 16px;line-height: 16px;margin-top: 8px;color: #fff;}
.viola-chanpinhy .list li .more{ height: 0; width: 82px; font-size: 16px; line-height: 16px; overflow: hidden; background: url(../images/ico1on.png) right center no-repeat; }
.viola-chanpinhy .list li .box:hover .more{ height: 16px; margin-top: 20px; }
/* viola-chanpinhy */

/* viola-guanyusy */
.viola-guanyusy {background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/guanyusy-bg.jpg);display: table;width: 100%}
.viola-guanyusy .item {display: table-cell;vertical-align: middle;padding-top: 80px;padding-bottom: 80px;}
.viola-guanyusy .txt {width: 1700px;margin: 0 auto;text-align: center;}
.viola-guanyusy .title {padding: 0 0 30px;position: relative}
.viola-guanyusy .title h3 {display: block;font-size: 56px;color: #208acc;text-align: center}
.viola-guanyusy .title span {display: block;font-size: 20px;color: #333;text-align: center;font-weight: lighter;opacity: .3;filter: alpha(opacity=30)}
.viola-guanyusy .title:after {content: '';display: block;width: 80px;height: 2px;line-height: 2px;background: #999;position: absolute;left: 50%;margin-left: -40px;bottom: 0}
.viola-guanyusy .des {font-size: 17px;line-height: 30px;color: #333;margin: 10px 0 0px 0}
.viola-guanyusy .more {width: 180px;margin: 0 auto}
.viola-guanyusy .des b{font-family: FZQiTi-S14S;font-weight: normal;font-size: 22px;color: #004486;}
.viola-guanyusy .des b i{color: #e96a43; font-style:normal;}
.viola-guanyusy .more a {display: block;width: 180px;height: 50px;line-height: 50px;text-align: center;border: 2px solid #999;color: #999;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;margin-top: 40px;}
.viola-guanyusy .more a i.iconfont {font-size: 14px;margin-left: 20px;font-weight: bold;}
.viola-guanyusy .more a:hover {background: #208acc;color: #fff;border-color: #208acc}
/*--*/	
.viola-guanyusy .num_con {margin-top: 30px;}
.viola-guanyusy .num_con ul li {width: 20%;text-align: center;}
.viola-guanyusy .num_con ul {display: table;table-layout: fixed;zoom: 1;width: 100%;}
.viola-guanyusy .num_con ul li {display: table-cell;width: 20%;}
.viola-guanyusy .num_con .box {color: #0162b0;border-left: 1px solid #b3c1c9;}
.viola-guanyusy .num_con ul li:first-child .box {border: none;}
.viola-guanyusy .num_con .number {font-size: 60px;font-family: 'anton';font-weight: normal;}
.viola-guanyusy .num_con .unit {font-size: 16px;}
.viola-guanyusy .num_con .tie {font-size: 16px;color: #666666;}
.viola-guanyusy .num_con ul li .pic {margin-bottom: 20px;}
/*--*/	
.viola-guanyusy .fengongsi {margin-top: 60px;}
.viola-guanyusy .fengongsi ul {display: table;table-layout: fixed;text-align: center;zoom: 1;width: 100%;border-collapse: separate;border-spacing: 20px;}
.viola-guanyusy .fengongsi ul li {display: table-cell;padding: 20px;border: 1px dashed #d8d6d6;vertical-align: middle;}
.viola-guanyusy .fengongsi ul li .pic {float: left;width: 126px;margin-right: 20px;display:block;overflow:hidden;}
.viola-guanyusy .fengongsi ul li .pic img {display: block;width: 100%;transition:all 0.5s;}
.viola-guanyusy .fengongsi ul li .pic:hover img{transform: scale(1.1);}
.viola-guanyusy .fengongsi ul li .box {text-align: left;}
.viola-guanyusy .fengongsi ul li .box .t1 {font-size: 16px;color: #333333;}
.viola-guanyusy .fengongsi ul li .box .t2 {font-size: 14px;color: #666666;margin-top: 8px;}
.viola-guanyusy .fengongsi ul li .box .t3 {font-size: 14px;color: #666666;margin-top: 5px;}
/* viola-guanyusy */

/* viola-guanyusyf */
.viola-guanyusyf {display: table;width: 100%}
/*--*/	
.viola-guanyusyf .fengongsi {margin-top: 30px;margin-bottom: 40px;}
.viola-guanyusyf .fengongsi ul {display: table;table-layout: fixed;text-align: center;zoom: 1;width: 100%;border-collapse: separate;}
.viola-guanyusyf .fengongsi ul li {display: block;padding: 20px;border: 1px dashed #d8d6d6;vertical-align: middle;margin-right:20px;float: left;width: 32.5%;}
.viola-guanyusyf .fengongsi ul li:nth-child(3){margin-right:0;}
.viola-guanyusyf .fengongsi ul li .pic {float: left;width: 126px;margin-right: 20px;display:block;overflow:hidden;}
.viola-guanyusyf .fengongsi ul li .pic img {display: block;width: 100%;transition:all 0.5s;}
.viola-guanyusyf .fengongsi ul li .pic:hover img{transform: scale(1.1);}
.viola-guanyusyf .fengongsi ul li .box {text-align: left;}
.viola-guanyusyf .fengongsi ul li .box .t1 {font-size: 16px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.viola-guanyusyf .fengongsi ul li .box .t2 {font-size: 14px;color: #666666;margin-top: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.viola-guanyusyf .fengongsi ul li .box .t3 {font-size: 14px;color: #666666;margin-top: 5px;}
/* viola-guanyusy */

/* viola-zixunxin */
.viola-zixunxin{ overflow: hidden; }
.viola-zixunxin .left{ width: 49.3%; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.viola-zixunxin .left a{ display: block; width: 100%; height: 100%; }
.viola-zixunxin .left .img{ overflow: hidden; height: 470px; background: center no-repeat; background-size: cover;display:block;overflow:hidden;}
.viola-zixunxin .left .img img{ height:100%;transition:all 0.5s;}
.viola-zixunxin .left .img:hover img{transform: scale(1.1);}
.viola-zixunxin .left .bot{padding: 30px 60px 56px;box-sizing: border-box;height: 216px;background: #f2f2f2;}
.viola-zixunxin .left .name{height: 40px;line-height: 40px;color: #333;overflow: hidden;font-size: 24px;margin-bottom: 10px;}
.viola-zixunxin .left .txt{ font-size:14px; line-height:26px;}
.viola-zixunxin .left .time{color: #c9c9c9;font-size: 20px;margin-top: 20px;height: 38px;line-height: 38px;position: relative;}
.viola-zixunxin .left .time em{display: block;position: absolute;right: 0;top: 0;width: 38px;height: 38px;border-radius: 50%;box-sizing:border-box;background-image: linear-gradient(to right,#0163b1,#389ad2);}
.viola-zixunxin .left .time em:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -7px; width: 8px; height: 14px; background: url(../images/jiantou.png) no-repeat; }
.viola-zixunxin .left:hover .bot{background-image: linear-gradient(to right,#0163b1,#389ad2);}
.viola-zixunxin .left:hover .name, .viola-zixunxin .left:hover .time, .viola-zixunxin .left:hover .txt{ color: #fff;}
.viola-zixunxin .left:hover .time em{ background:none; border:#fff solid 1px;}
/*--*/	
.viola-zixunxin .right{ width: 49.3%; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.viola-zixunxin .right li{ height: 213px; margin-bottom: 24px; }
.viola-zixunxin .right li:last-child{ margin-bottom: 0; }
.viola-zixunxin .right li a{display: block;padding: 0 370px 0 48px;position: relative;height: 213px;background: #f9f9f9;overflow:hidden;}
.viola-zixunxin .right li a:after{content: '';position: absolute;left: 0;top: 0;width: 4.97rem;height: 213px;}
.viola-zixunxin .right li .img{position: absolute;right: 0;top: 0;overflow: hidden;z-index:1;height: 100%;display:block;overflow:hidden;}
.viola-zixunxin .right li .img img{width: 316px;height: 100%;transition:all 0.5s;}
.viola-zixunxin .right li .img:hover img{transform: scale(1.1);}
.viola-zixunxin .right li .time{position: relative;z-index: 1;padding-top: 30px;color: #c9c9c9;font-size: 20px;line-height: 20px;}
.viola-zixunxin .right li .name{position: relative;z-index: 1;padding-top: 15px;font-size: 20px;line-height: 36px;height: 46px;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 14px;}
.viola-zixunxin .right li .txt{font-size:14px;line-height:26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: justify;}
.viola-zixunxin .right li .ico{ position: relative; z-index: 1; margin-top: 12px; width: 36px; height: 36px; border-radius: 50%; border: #9b9b9b solid 1px; background: url(../images/jiantou1.png) center no-repeat; }
.viola-zixunxin .right li a:hover{background-image: linear-gradient(to right,#0163b1,#389ad2);}
.viola-zixunxin .right li:hover .img img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.viola-zixunxin .right li:hover .time, .viola-zixunxin .right li:hover .name{ color: #fff; }
.viola-zixunxin .right li:hover .ico{ border: #fff solid 1px; background: url(../images/jiantou.png) center no-repeat;}
/*--*/	
.viola-zixunxin .list{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.viola-zixunxin .list ul{ margin-right: -20px; }
.viola-zixunxin .list li{ float: left; width: 50%; }
.viola-zixunxin .list li .box{ margin-right: 20px; }
.viola-zixunxin .list li a{ display: block; height: 2.13rem; margin-bottom: 0.24rem; background: #f6f6f6; position: relative; padding: 0 60px 0 56px; }
.viola-zixunxin .list li:nth-of-type(2n) a{ padding: 0 60px 0 96px; }
.viola-zixunxin .list li:nth-of-type(5) a, .indexPart1 .list li:nth-of-type(6) a{ margin-bottom: 0; }
.viola-zixunxin .list li a:after{ content: ''; position: absolute; left: 0; top: 0; width: 8.13rem; height: 2.13rem;}
.viola-zixunxin .list li .time{ position: relative; z-index: 1; padding-top: 0.3rem; color: #c9c9c9; font-size: 0.2rem; line-height: 0.2rem; font-family: mont; }
.viola-zixunxin .list li .name{ position: relative; z-index: 1; padding-top: 0.15rem; font-size: 0.2rem; line-height: 0.36rem; height: 0.72rem; overflow: hidden; color: #333; }
.viola-zixunxin .list li .ico{ position: relative; z-index: 1; margin-top: 0.12rem; width: 36px; height: 36px; border-radius: 50%; border: #9b9b9b solid 1px; background: url(../images/jiantou1.png) center no-repeat; }
.viola-zixunxin .list li a:hover{ background-image: linear-gradient(left,#e41314,#f59108);background-image: -webkit-linear-gradient(left,#e41314,#f59108);
background-image: -moz-linear-gradient(left,#e41314,#f59108);background-image: -o-linear-gradient(left,#e41314,#f59108);background-image: linear-gradient(to right,#e41314,#f59108);background-image: -webkit-linear-gradient(to right,#e41314,#f59108);background-image: -moz-linear-gradient(to right,#e41314,#f59108);background-image: -o-linear-gradient(to right,#e41314,#f59108); }
.viola-zixunxin .list li:hover .time, .viola-zixunxin .list li:hover .name, .viola-zixunxin .right li:hover .txt{ color: #fff; }
.viola-zixunxin .list li:hover .ico{ border: #fff solid 1px; background: url(../images/jiantou.png) center no-repeat;}

/* viola-subnav */
.viola-subnav{width: 100%;border-bottom: 1px solid #f9f9f9;}
.flex-subnav {display: -webkit-box;}
.viola-subnav .page-nav ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: flex-end;background-color: #fff;}
.viola-subnav .loc{width: 50%;line-height: 60px;color: #666;background-color: #fff;padding: 0 0 0 30px;position: relative;}
.viola-subnav .loc a{font-size: 16px;color: #888;}
.viola-subnav .loc i{color: #999;font-size: 20px;margin:0 10px;}
.viola-subnav .loc .icon-jiantou{color: #999;font-size: 10px;margin:0 10px;}
.viola-subnav .page-nav .page-nav-ul{width: 50%;position: relative;}
.viola-subnav .page-nav .page-nav-ul li{width: 20%;}
.viola-subnav .page-nav ul li{line-height: 63px;font-size: 16px;}
.viola-subnav .page-nav ul li a{color:#495057;font-weight:500;display: block;position: relative;text-align: center;background:#fff }
.viola-subnav .page-nav li a:hover,.viola-subnav .page-nav li a.cur{color:#fff;background-color: #0e6eb8;}
/*--*/	
.viola-subnav .back{float:right;position:relative;color: #6a5625;border: 1px solid #6a5625;line-height:26px;width:90px;text-align:center;height: 28px;margin-top: 16px;}
.viola-subnav .back i{font-family:"iconfont";margin-right:5px;font-style: normal;}
.viola-subnav .back:hover{background:#6a5625;color:#fff;}
/* viola-subnav */

/* viola-subnavc */
.viola-subnavc{width: 100%;border-bottom: 1px solid #f9f9f9;}
.flex-subnavc {display: -webkit-box;}
.viola-subnavc .page-nav ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: flex-end;background-color: #fff;}
.viola-subnavc .loc{width: 50%;line-height: 60px;color: #666;background-color: #fff;padding: 0 0 0 30px;position: relative;}
.viola-subnavc .loc a{font-size: 16px;color: #888;}
.viola-subnavc .loc i{color: #999;font-size: 20px;margin:0 10px;}
.viola-subnavc .loc .icon-jiantou{color: #999;font-size: 10px;margin:0 10px;}
.viola-subnavc .page-nav .page-nav-ul{width: 50%;position: relative;}
.viola-subnavc .page-nav .page-nav-ul li{width: 20%;}
.viola-subnavc .page-nav ul li{line-height: 63px;font-size: 16px;}
.viola-subnavc .page-nav ul li a{color:#495057;font-weight:500;display: block;position: relative;text-align: center;background:#fff }
.viola-subnavc .page-nav li a:hover,.viola-subnavc .page-nav li a.cur{color:#fff;background-color: #0e6eb8;}
/*--*/	
.viola-subnavc .back{float:right;position:relative;color: #6a5625;border: 1px solid #6a5625;line-height:26px;width:90px;text-align:center;height: 28px;margin-top: 16px;}
.viola-subnavc .back i{font-family:"iconfont";margin-right:5px;font-style: normal;}
.viola-subnavc .back:hover{background:#6a5625;color:#fff;}
/* viola-subnav */

/* viola-jianjie */
.viola-jianjie{background:url(../images/jianjie-bg.jpg) center no-repeat; background-size:cover;}
.viola-jianjie .top{float: left;width: 100%;background: #fff; padding: 70px 70px;font-size: 16px;color: #333333;font-weight: normal;margin-bottom: 30px;}
.viola-jianjie .t1 {font-size: 30px;color: #0162b0;font-family: 'anton';text-transform: uppercase;}
.viola-jianjie .t2 {font-size: 25px;color: #222222;font-family: 'DINR';}
.viola-jianjie .text {line-height: 25px; margin-top:40px;}
.viola-jianjie .text p {line-height: 32px;font-size:17px;padding-bottom:15px;}
/*--*/	
.viola-jianjie .num_con {margin-top: 30px;}
.viola-jianjie .num_con ul li {width: 20%;text-align: center;}
.viola-jianjie .num_con ul {display: table;table-layout: fixed;zoom: 1;width: 100%;}
.viola-jianjie .num_con ul li {display: table-cell;width: 20%;}
.viola-jianjie .num_con .box {color: #0162b0;border-left: 1px solid #b3c1c9;}
.viola-jianjie .num_con ul li:first-child .box {border: none;}
.viola-jianjie .num_con .number {font-size: 60px;font-family: 'anton';font-weight: normal;}
.viola-jianjie .num_con .unit {font-size: 16px;}
.viola-jianjie .num_con .tie {font-size: 16px;color: #666666;}
.viola-jianjie .num_con ul li .pic {margin-bottom: 20px;}
/*--*/	
.viola-jianjie .bottom ul li {float: left;width: 31.6%;background: #fff;margin-right: 40px;}
.viola-jianjie .bottom ul li:nth-child(3){ margin-right:0;}
.viola-jianjie .bottom ul li .name {vertical-align: middle;font-size: 18px;color: #FFFFFF;font-weight: bold;text-align: center;height: 50px;line-height: 50px;background: #0162b0;}
.viola-jianjie .bottom ul li .box {padding: 20px 20px 20px;}
.viola-jianjie .bottom ul li .box .texts {padding: 15px 0;border-bottom: 1px solid #f3f3f7;padding-left: 40px;background: url(../images/text1.png) no-repeat left center;}
.viola-jianjie .bottom ul li .box .texts:nth-child(2) {background-image: url(../images/text2.png);}
.viola-jianjie .bottom ul li .t3 {font-size: 18px;color: #333;}
.viola-jianjie .bottom ul li .t4 {margin-top: 5px;font-size: 15px;color: #3d80c8;}
/* viola-jianjie */

/* viola-zhichi */
.viola-zhichi {padding: 80px 0;background: #f7f9fa url(../images/zhichi-bg.png) no-repeat 130px bottom;position: relative;z-index: 0;}
.viola-zhichi .box {width: 100%;font-size: 17px;color: #000;line-height: 32px;}
.viola-zhichi .box strong {font-weight: normal;}
.viola-zhichi .box p {text-indent: 2rem;padding-bottom: 15px;}
.viola-zhichi .box p b{ font-weight:bold; color:#f45c43;}
.viola-zhichi .box em{font-family: FZQiTi-S14S;font-weight: normal;font-size: 22px;color: #004486; font-style:normal;}
.viola-zhichi .box em i{color: #e96a43; font-style:normal;}
.viola-zhichi .box img {display: block;margin: 35px 0 0 auto;}
.viola-zhichi .pic {position: absolute;right: 0;top: 0;z-index: -1;}
/* viola-zhichi */

/* viola-shiyi */
.dis-flex-shiyit {display: flex;justify-content: space-between;}
.dis-flex-shiyi{display: flex;justify-content: space-between;} 
.viola-shiyi .text{width: 50%;align-items: flex-start;}
.viola-shiyi .tt{font-size: 40px;color: #333;}
.viola-shiyi .content{margin-top: 25px;line-height: 2.4;font-size: 17px;color: #222;}
.viola-shiyi .pic{width: 45%;}
/* viola-shiyi */

.history{background:url(../images/fazhan-bg.jpg) center no-repeat;background-size:cover;overflow: visible;text-align:center;}
.historyMain{padding-top:10px;overflow:hidden;}
.history li{float:left;width:25%;padding:0 2% 0 50px;background: url('../images/h_line.png') no-repeat left top;min-height:160px;text-align:left;}
.history li h5{font-size:1.286em;margin-bottom:20px;}
.history li h5 span{display: block;font-size:2.556em;color: #fff;font-family:Arial;font-weight:bold;letter-spacing:-1px;line-height:1.2;}
.history li p{ color:#fff;}
.history .btn{left:-70px;width:20px;background-size:20px 40px;top:60%;opacity:.5;}
.history .swiper-button-next{left:auto;right:-70px;}
.history .btn:hover,.honorR .btn:hover{opacity:1;}
.teamSlide li{float:left;width:33.3%;}
.teamSlide li a{display: block;position: relative;overflow:hidden;}
.teamSlide li p{position: absolute;bottom:0;width:100%;padding:0 5%;color:#fff;height:60px;}
.teamSlide li .pImg{padding-top:68%;}

.honor{ background-color:#f5f5f5;}
.honorL{width:28%;background:#057bc1;color:#fff;padding:4%;height:440px;font-size:1.143em;line-height:1.8;}
.hTitlew{color:#fff;}
.hTitlew span{color:#fff;line-height:1;}
.honorR{width:100%;position: relative;/* background:#fff; *//* height:440px; *//* padding:3.5% 70px; */text-align:center;}
.honorSlide li{width:20%;float:left;font-size:1.143em;}
.honorSlide li .a{background-color: #ffffff;padding: 50px 70px;border-radius: 10px;}
.honorSlide li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:15px;}
.honorSlide li .pImg{padding-top:124%;}
.honorSlide li a:hover img{transform:scale(1.1);}
.honorSlide li a:hover p{color:#057bc1;}
.honorR .btn{left:-70px;width:20px;background-size:20px 40px;top:60%;opacity:.5;}
.honorR .swiper-button-next{left:auto;right:-70px;}

.honor1{margin-bottom: -60px;}
.honorR1{width:100%;position: relative;/* background:#fff; *//* height:440px; *//* padding:3.5% 70px; */text-align:center;}
.honorSlide1 li{width:20%;float:left;font-size:1.143em;}
.honorSlide1 li .a{position: inherit;}
.honorSlide1 li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:15px;}
.honorSlide1 li .pImg{padding-top: 73%;}
.honorSlide1 li a:hover img{transform:scale(1.1);}
.honorSlide1 li a:hover p{color:#057bc1;}
.honorR1 .btn{/* left:-70px; */width:20px;background-size: 20px 40px;top:56%;/* opacity:.5; *//* background-color: #fff; */}
.honorR1 .swiper-button-next{left:auto;/* right:-70px; */}

.honorSlide1 li .txt{position: absolute;left:0;bottom:50px;z-index:3;color:#fff;text-align:center;padding:0 8%;}
.honorSlide1 li h4{margin: 0 0 20px 0;font-size:20px;}
.honorSlide1 li h4 span{display:block;opacity:.8;font-weight:400;font-size:0.72em;margin-top:10px;transition:all .5s;}
.honorSlide1 li i{font-size: 30px;transition:all .5s;}
.honorSlide1 li .a::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:#2e3136;opacity: .4;transition:all .5s;}
.honorSlide1 li .a:hover::after {background:#f15122;opacity:.85;}

/* viola-huanjjng */
.viola-huanjjng{ margin-bottom:-60px;}
.viola-huanjjng ul{margin-right:-5px;}
.viola-huanjjng li{float:left;width:20%;padding-right:5px;padding-bottom:5px;}
.viola-huanjjng li .pImg{padding-top:80%;}
.viola-huanjjng li p{position:absolute;background: rgba(0,0,0,.5);padding:0 5%;height: 50px;line-height: 50px;color:#fff;left:0;bottom: 0px;z-index:2;width:100%;transition:all .3s;text-align:center;font-size: 18px;}
.viola-huanjjng li.big {width:40%;}
.viola-huanjjng li:hover img{transform: scale(1.1);}
.viola-huanjjng li:hover p{bottom:0;}
/* viola-huanjjng */

/* viola-shiyong */
.viola-shiyong ul li{float: left;width: 50%;padding: 10px;}
.viola-shiyong ul li:last-child{margin-top: 0;width: 100%;}
.viola-shiyong ul li>div{padding: 45px 30px 36px; background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.viola-shiyong .icon{width: 67px;overflow: hidden;float: left;}
.viola-shiyong .icon img{width: 100%;}
.viola-shiyong .txt{margin-left: 90px;}
.viola-shiyong .txt h3{font-size: 24px;line-height: 36px;color: #333;font-family: 'SourceHanSansCN-Medium';}
.viola-shiyong .txt p{margin-top: 7px;font-size: 17px;line-height: 30px;color: #333;height: 56px;}
/* viola-shiyong */

/* viola-jiagong */
.viola-jiagong{ background:url(../images/jiagong-bg.jpg) center no-repeat; background-size:cover;}
.viola-jiagong .tie{font-size: 48px;color:#07599f;margin-bottom:30px;line-height:1;}
.viola-jiagong .left{width:100%;line-height:1.8;position: relative;}
.viola-jiagong .left p{ padding-bottom:5px;}
.viola-jiagong .font{overflow-y:auto;/*height: 300px*/;font-size: 17px;line-height: 32px;}
.viola-jiagong .font p b{ font-weight:normal; color:#f45c43;}
.viola-jiagong .right{width:46%;height:380px;overflow:hidden;display:block;}
.viola-jiagong .bgImg{display:block;overflow:hidden;border-radius: 10px;}
.viola-jiagong .bgImg img{top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.viola-jiagong .bgImg:hover img{transform: scale(1.1);}
/* viola-jiagong */

/* viola-biaozhun */
.viola-biaozhun{ background:url(../images/biaozhun-bg.png) center no-repeat; background-size:cover;}
.flex-yanse{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.viola-biaozhun ul{ overflow: hidden;}
.viola-biaozhun ul li{float: left;width: 24.2%;margin-right:1%;}
.viola-biaozhun ul li:nth-child(4n+0){ margin-right:0;}
.viola-biaozhun ul li img{display: block;width:100%;}
.viola-biaozhun ul li .a{display: block;position: relative;width: 100%;overflow:hidden;border-radius: 10px;}
.viola-biaozhun ul li .a img{top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.viola-biaozhun ul li .a:hover img{transform: scale(1.1);}
.viola-biaozhun ul li .txt{ position: absolute; bottom:0; left:0; width:100%; padding:30px; }
.viola-biaozhun ul li .txt .ico{width: 40px;margin-bottom:10px;}
.viola-biaozhun ul li .txt .tit{font-size: 22px;color:#ffffff;line-height:35px;height:80px;}
/* viola-biaozhun */

/* viola-zidingyi */
.viola-zidingyi .list ul {display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;flex-flow: wrap;}
.viola-zidingyi .list li {position: relative;width: 49.2%;margin-right: 1.55%;margin-top: 1.55%;background-color: #fff;border: solid 1px #e4e4e4;display: flex;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;padding: 28px 50px 28px 40px;float:left;}
.viola-zidingyi .list li:nth-child(1),.viola-zidingyi .list li:nth-child(2){ margin-top:0;}
.viola-zidingyi .list li:nth-child(2n+0){ margin-right:0;}
.viola-zidingyi .list li:hover {box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}
.viola-zidingyi .list li:hover:before,
.viola-zidingyi .list li:hover:after {width: 100%;height: 100%;}
.viola-zidingyi .list li:hover .border {width: 100%;}
.viola-zidingyi .list li:hover .border:before,
.viola-zidingyi .list li:hover .border:after {height: 100%;}
.viola-zidingyi .list li:before,
.viola-zidingyi .list li:after {content: "";width: 10px;height: 10px;box-sizing: border-box;position: absolute;z-index: 0;left: 0;border-left: 1px solid #007cd6;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;}
.viola-zidingyi .list li:before {top: 0;border-top: 1px solid #007cd6;}
.viola-zidingyi .list li:after {bottom: 0;border-bottom: 1px solid #007cd6;}

.viola-zidingyi .key {width: 55px;height: 55px;line-height: 55px;border-radius: 50%;color: #fff;font-size: 24px;font-family: "mr";text-align: center;background-color: #0162b0;margin-right: 20px;margin-top: 8px;}
.viola-zidingyi .brief {font-size: 18px;line-height: 34px;flex: 1;overflow: hidden;text-align: justify;min-height: 60px;color: #333;}
.viola-zidingyi .brief b{ font-weight:normal; color:#f45c43;}
.viola-zidingyi .border {position: absolute;width: 10px;right: 0;height: 100%;top: 0;z-index: 0;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;}
.viola-zidingyi .border:before,.viola-zidingyi .border:after {content: "";width: 100%;height: 10px;box-sizing: border-box;position: absolute;z-index: 10;right: 0;border-right: 1px solid #007cd6;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;}
.viola-zidingyi .border:before {top: 0;border-top: 1px solid #007cd6;}
.viola-zidingyi .border:after {bottom: 0;border-bottom: 1px solid #007cd6;}
/* viola-zidingyi */

/* viola-suliao */
.viola-suliao{width: 100%;background: url(../images/suliao-bg.jpg);background-size: cover;padding: 90px 0 90px 0;overflow: hidden;}
.viola-suliao a{display: block;width: 14.1%;margin-right: 48px;margin-bottom: 40px;float: left;}
.viola-suliao a:nth-child(13),.viola-suliao a:nth-child(14),..viola-suliao a:nth-child(15),.viola-suliao a:nth-child(16),.viola-suliao a:nth-child(17),.viola-suliao a:nth-child(18){ margin-bottom:0;}
.viola-suliao a:nth-child(6n+0){margin-right: 0;}
.viola-suliao .pic{width: 100%;display: flex;justify-content: center;align-items: center;overflow:hidden;}
.viola-suliao .pic img{top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.viola-suliao .pic:hover img{transform: scale(1.1);}
.viola-suliao p{width: 100%;height: 48px;background: #DFDFDF;color: #333333;font-size: 16px;line-height: 48px;text-align: center;}
/* viola-suliao */

/* viola-yunyong */
.viola-yunyong{position:relative;overflow:hidden;}
.yunyongSlide{font-size:.875em;overflow:hidden;}
.yunyongSlide li{float:left;width:16.666%;line-height:1.6;}
.yunyongSlide li .a{display:block;position:relative;height: 267px;background-repeat: no-repeat;background-size:cover;background-position:center;}
.yunyongSlide li .a::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:#2e3136;opacity: .4;transition:all .5s;}
.yunyongSlide li .txt{position: absolute;left:0;bottom:50px;z-index:3;color:#fff;text-align:center;padding:0 8%;}
.yunyongSlide li .pic{border-radius:100%;transform:rotateY(180deg);transition:all .5s;backface-visibility:hidden;opacity:0;transition-delay:.1s;height:0;}
.yunyongSlide li h4{margin: 0 0 20px 0;font-size:1.786em;}
.yunyongSlide li h4 span{display:block;opacity:.8;font-weight:400;font-size:0.72em;margin-top:10px;transition:all .5s;}
.yunyongSlide li i{font-size: 30px;transition:all .5s;}
.yunyongSlide li p{opacity:.8;height:180px;background: url('../images/c_more.jpg') no-repeat center bottom;padding-bottom:40px;opacity:0;transition-delay:.15s;transition:all .5s;top:20px;position:relative;}
.yunyongSlide li .a:hover .pic{opacity:1;transform:rotateY(0);height:auto;}
.yunyongSlide li .a:hover::after {background:#f15122;opacity:.85;}
.yunyongSlide li .a:hover h4 span{margin-top:0;}
.yunyongSlide li .a:hover p{opacity:1;top:0;}
.yunyongSlide .swiperBtn{position: absolute;bottom: 10px;left: 40%;z-index:5;text-align:center;}
.yunyongSlide .swiperNext{left:auto;right: 40%;}
.swiperBtn{display:inline-block;height:13px;width:116px;background: url('../images/swiperBtn.png') no-repeat left top;opacity:.7;transition:all .3s;cursor:pointer;font-size:0;}
.swiperNext{background-position:-120px 0;}
.swiperBtn:hover{opacity:1;}
/* viola-yunyong */

/* viola-shop */
.proSider{width:22%;font-size:1.143em;float:left;}
.proSider .title{background: #0162b0;padding:30px;color:#fff;font-size:2.25em;text-transform: uppercase;}
.proSider .title span{display:block;font-family:Arial;font-size:0.556em;}
.proSider .title i{float:right;color:#2853be;display:none;font-size:14px;cursor:pointer;position: relative;padding-right:25px;font-style:normal;}
.proSider .title i::after{content:"\e623";position:absolute;right:0;top:0;font-family:"iconfont";font-size:1.143rem;}
.proSide_sub{background:#f2f2f2;margin-bottom:30px;width:100%;}
.proSide_sub li{border-top: 1px solid #fff;}
.proSide_sub li a{padding:0 30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;height:55px;line-height:55px;}
.proSide_sub li i{font-family:"iconfont";margin-right:10px;font-style:normal;font-size: 0.286em;position: relative;top: 0px;}
.proSide_sub li a:hover,.proSide_sub li .cur{background: #0163b1;color:#fff;}
.proSide_sub ul{padding:10px 0;border-bottom: 1px solid #e6e6e6;font-size:.875em;}
.proSide_sub ul li{background: url('../images/ly_li.png') no-repeat 15% center;padding-left:20%;line-height:40px;}
.proSide_sub ul a{padding:0;}

.proSide_sub ul li .cur,.proSider ul ul a:hover{color:#2853be;background:none;}
/*--*/
.proR{width:74%;}
.pro_bread{font-size:.875rem;height:70px;line-height:70px;overflow:hidden;margin-bottom:40px;}
.pro_bread strong{font-size:1.786em;font-weight:normal;color:#333;}
.pro_bread p{position:relative;padding-left:25px;}
.pro_bread p::after{content:"\e646";position:absolute;left:0;font-family:"iconfont"} 
/*--*/
.proList li{float:left;width:33.3%;margin-bottom:20px;padding-right:30px;}
.proList li a{display:block;}
.proList li .pImg{padding-top:80%;transition:all .3s;border:1px solid #d1d1d1;transition:all .4s;}
.proList li p{height:60px;line-height:60px;color:#191919;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;}
.proList li a:hover .pImg{box-shadow:0 0 10px #ccc;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover p{color:#2853be;}
/*--*/
.proShow_box1{overflow:hidden;border:1px solid #ddd;}
.proShowTop{overflow:hidden;margin-bottom:50px;}
.gallery{width:50%;position:relative;border-right:solid 1px #ddd;padding-bottom:0;overflow:hidden;}
.gallery ul{ height:auto;}
.gallery li{height:480px;line-height:480px;}
.gallery .pImg{padding-top: 82%;display:block;overflow:hidden;}
.gallery img{width:100%;transition:all 0.5s;}
.gallery .pImg:hover img{transform: scale(1.1);}
/*--*/
.proShow_R{width:50%;overflow:hidden;line-height:1.8;padding: 3% 4%;}
.proShow_R .title{margin-bottom:20px;color:#333;}
.proShow_R .title span{display:block;font-size: 28px;color: #0162b0;}
.proShow_R .font{height: 210px;line-height:2;margin-bottom:20px;border-bottom: 1px solid #ddd;padding-bottom:20px;overflow: hidden;font-size: 16px;}
.proShow_R li{float: left;width:25%;border-right: 1px dotted #ddd;text-align:center;font-size:1.143em;}
.proShow_R li i{display:inline-block;width:37px;height:37px;background: url('../images/show_Icon.png') no-repeat;}
.proShow_R li:nth-child(2) i{background-position: -37px 0;}
.proShow_R li:nth-child(3) i{background-position: -74px 0;}
.proShow_R li:nth-child(4) i{background-position: -111px 0;}
.proShow_R li span{display: block;}
.proShow_R .btn{margin-top:30px;overflow:hidden;}
.proShow_R .btn a{width:46%;height:50px;line-height:50px;float:left;text-align:center;border:1px solid #ddd;color:#333;margin-bottom:10px;}
.proShow_R .btn a:nth-child(2){float:right;}
.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.286rem;line-height:1;top:2px;}
.proShow_R .btn a:hover{background:#2853be;color:#fff;}
.proShow_menu{margin-bottom:10px;text-align:center;overflow: hidden;}
.proShow_menu a{width:150px;height:40px;line-height:40px;border:1px solid #dcdcdc;display:inline-block;margin:0 10px;color:#333;border-radius:20px;}
.proShow_menu .on,.proShow_menu a:hover{background:#2853be;border:1px solid #2853be;color:#fff;}
.proShow_fix{position: fixed;width:100%;top:0;left:0;background:#fff;padding:20px;box-shadow:0 0 10px #ccc;z-index:10;}
.proTie{height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:1.286em;margin-bottom:25px;margin-top:30px;}
.proTie span{display:inline-block;border-bottom: 1px solid #0162b0;color: #0162b0;height:50px;}
.proShow_con3{width:100%;}
.proShow_con .main p{font-size:17px;line-height: 28px;margin-bottom: 20px;color: #333;}
.proShow_con .main img{ padding-top:15px; padding-bottom:15px;}
/* viola-shop */

/* viola-gengduosu */
.viola-gengduosu{ background:url(../images/gengduosu-bg.jpg) center no-repeat; background-size:cover;}
.gengduosu-box ul{margin-right:-30px;}
.gengduosu-box li{width:25%;text-align:center;float:left;padding-right:30px;}
.gengduosu-box li a{display:block;overflow:hidden;}
.gengduosu-box li .pImg{padding-top:74%;border:1px solid #e1e1e1;display:block;overflow:hidden;}
.gengduosu-box li .pImg img{transition:all 0.5s;}
.gengduosu-box li .pImg:hover img{transform: scale(1.1);}
.gengduosu-box li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #fff;z-index:2;position:relative;height: 60px;line-height: 60px;font-size: 20px;background-color: #0163b1;}
.gengduosu-box li a:hover img{transform:scale(1.1);}
.gengduosu-box li a:hover p{color:#fff;}
/* viola-gengduosu */

/* viola-shiyanshi */
.shiyanshiheng{margin-bottom: 30px;}
.shiyanshi p:nth-child(2){ font-size:16px; text-align:left; line-height:32px;}
.shiyanshi p:nth-child(3){ font-size:16px; text-align:left; line-height:32px; margin-bottom:10px;}
.shiyanshiheng li{width:25%;float:left;font-size:1.143em;}
.shiyanshiheng li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:15px;font-size: 20px;}
.shiyanshiheng li .pImg{padding-top:74%;border-radius: 10px;}
.shiyanshiheng li .pImg:hover img{transform:scale(1.1);}
.shiyanshiheng li .pImg:hover p{color:#0c89e1;}
/*--*/
.shiyanshishu li{width:25%;float:left;font-size:1.143em;}
.shiyanshishu li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:15px;font-size: 20px;}
.shiyanshishu li .pImg{padding-top:132.4%;border-radius: 10px;}
.shiyanshishu li .pImg:hover img{transform:scale(1.1);}
.shiyanshishu li a:hover p{color:#0c89e1;}
/* viola-shiyanshi */

/* viola-gaoqi */
.viola-gaoqi{padding: 90px 0;background: url(../images/gaoqi-bg.jpg) no-repeat center / cover;}
.viola-gaoqi .box{align-items: center}
.viola-gaoqi .box .img{width: 35%;text-align: center;}
.viola-gaoqi .box .img:nth-child(1){ margin-right:40px;}
.viola-gaoqi .box .img img{width: 100%;background-color: #fff;-webkit-box-shadow:0 8px 15px 0 rgba(50, 50, 50, 0.05);box-shadow:0 8px 15px 0 rgba(50, 50, 50, 0.05);}
.viola-gaoqi .box .info{text-align: center;}
.viola-gaoqi .box .info p{font-size:20px;line-height: 40px;color: #fff;margin-bottom:25px;text-align: center;text-justify:inter-ideograph}
.viola-gaoqi .swiper-container {width: 100%;margin:50px 0;;background-color: #f8f9fa;padding:50px 0 0 0;}
.flex-gaoqi {display: flex;justify-content: center;}
/* viola-gaoqi */

/* viola-zhuanli */
.viola-zhuanli{ background:url(../images/zhuanli-bg.jpg) center no-repeat; background-size:cover;}
/*--*/
.viola-zhuanli .content .img{position:relative;display:block;overflow:hidden;border-radius: 10px;}
.viola-zhuanli .content .img img{ max-width:100%;transition:all 0.5s;}
.viola-zhuanli .content .img img:nth-child(2){ display:none;}
.viola-zhuanli .content .img .img1{ display:none;}
.viola-zhuanli .content .img:hover img{transform: scale(1.1);}
/*--*/
.viola-zhuanli .content .txt{ display:flex; justify-content:space-between; margin-top:35px;}
.viola-zhuanli .content .txt .list{width:48%;display:flex;align-items:center;justify-content:space-between;background:url(../images/zhuanli-bg1.jpg) no-repeat 50%/cover;height:200px;padding-left:65px;border-radius: 10px;}
.viola-zhuanli .content .txt .list .icon{ width:20%; text-align:center;}
.viola-zhuanli .content .txt .list .right{ width:75%;}
.viola-zhuanli .content .txt .list .right .dd{ font-size:22px; color:#fff; margin-bottom:25px;}
.viola-zhuanli .content .txt .list .right .dt{ font-size:16px; color:#fff; opacity:.7;}
/* viola-zhuanli */

/* viola-xiaoqi */
.viola-xiaoqi{ background-color:#F6F9FF;}
.xiaoqi-box{ border-radius: 8px; overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; color:#fff;}
.dis-flex-xiaoqi {display: flex;justify-content: space-between;}
.flex-column {flex-direction: column;}
.dis-flex-center-center {display: flex;align-items: center;justify-content: center;}
.xiaoqi-box .left{ width: 33.7%; background: url(../images/collegeLeft.jpg) no-repeat center center ;background-size: cover;position: relative;}
.xiaoqi-box .left .t1{ font-size:40px;}
.xiaoqi-box .right .t2{text-align: center;line-height: 1.6;font-size: 20px;}
.xiaoqi-box .right{width: 66.3%; background: url(../images/collegeRight.jpg) no-repeat center center; background-size: cover; padding: 150px 100px;position: relative;}
.xiaoqi-box .right::after{width: 41px;position: absolute;top: 90px;left: 50px;display: block;content: '';background: url(../images/yin.png) no-repeat center center;background-size: 100% 100%;height: 34px;}
.xiaoqi-box .right::before{width: 41px;position: absolute;bottom: 90px;right: 50px;display: block;content: '';background: url(../images/yin.png) no-repeat center center;background-size: 100% 100%;transform:rotate(180deg);height: 34px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
/* viola-xiaoqi */

/* viola-waishang */
.viola-waishang {background-color: #F6F9FF;position: relative;z-index: 2;padding-bottom: 60px;}
.viola-waishang .item{display: flex;flex-wrap: wrap;}
.viola-waishang .item .box{width: 33%;padding: 3vw 5.73vw 1vw 3.85vw;border: 1px solid #EEEEEE;background-color: #fff;position: relative;z-index: 2;overflow:hidden;}
.viola-waishang .item .box .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;z-index: -1;transition: all 0.5s ease-in-out;opacity: 0;transform: scale(1.05);}
.viola-waishang .item .box:hover .bj{opacity: 1;transform: scale(1);border-radius:0;top:0;}
.viola-waishang .item .box .icon{width: 2.39vw;height: 2.39vw;position:relative;margin-bottom: 0.9375vw;}
.viola-waishang .item .box .icon img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.viola-waishang .item .box .icon img.img2{display: none;}
.viola-waishang .item .box:hover .icon img.img2{display: block;}
.viola-waishang .item .box:hover .icon img.img1{display: none;}
.viola-waishang .item .box .h{font-size: 28px;line-height: 30px;color: #000000;margin-bottom: 20px;transition: all 0.5s;font-family: hm;}
.viola-waishang .item .box:hover .h{color: #fff;}
.viola-waishang .item .box .p{line-height: 28px;font-size: 16px;color: #4D4D4D;font-family: hl;height: 120px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;transition: all 0.5s;}
.viola-waishang .item .box:hover .p{color: #fff;}
/* viola-waishang */

/* viola-tuanti */
.viola-tuanti .tie{font-size:2.571em;color:#07599f;margin-bottom:30px;line-height:1;}
.viola-tuanti .left{width:50%;line-height:1.8;position: relative;margin-top: 60px;}
.viola-tuanti .font{overflow-y:auto;font-size: 18px;line-height: 32px;color: #222;}
.viola-tuanti .right{width:46%;height:295px;overflow:hidden;display:block;}
/* viola-tuanti */

/* viola-xinwen */
.newstop{overflow:hidden;position:relative;margin-bottom:50px;}
.newstop li{overflow:hidden;}
.newstop li .pic{width:54%;height:510px;overflow:hidden;display:block;border-radius: 10px 0 0 10px;}
.newstop li .txt{width:46%;padding:4% 6%;background-color: #e3e3e3;height: 510px;border-radius: 0 10px 0 10px;}
.newstop li h4{font-size:2.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;padding-bottom:20px;margin-bottom:30px;}
.newstop li h4 span{display:block;font-size:0.563em;opacity:.6;}
.newstop li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#ff7133;width:15px;transition:all 0.4s; }
.newstop li h4 a{color: #333;}
.newstop li h4 a:hover{color: #ff7133;}
.newstop li p{height:120px;overflow: hidden;margin-bottom:20px;font-size: 16px;line-height: 28px;}
.newstop li .more i{font-style:normal;margin-left:10px;}
.newstop .slideIcon{position: absolute;bottom:0;right: 0;background: #0163b1;height: 80px;line-height: 80px;width:46%;z-index:2;left:auto;padding-left:6%;text-align: left;border-radius: 0 0 10px 0;}
.newstop .swiper-pagination-bullet{width:10px;height:10px;cursor: pointer;background:#fff;}
.newstop .swiper-button-next, .newstop .swiper-button-prev{background:rgba(0,0,0,.8);width:80px;height:36px;opacity:1;font-size:20px;font-family:"宋体";font-weight:bold;line-height:36px;text-align:center;color:#fff;position: static;margin-top: 20px;display: none;}
.newstop li:hover .bgImg{transform: scale(1.08);}
/*--*/	
.newsWrap{overflow:hidden;padding:50px 0;font-size:.875em;}
.newsSlide li h4{font-size: 22px;}
.newsList{overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-25px;}
.newsList li{float:left;padding-right:25px;width: 33%;margin-bottom:25px;}
.newsList li a{display:block;color:#888;padding:15px;background:#f1f1f1;border-radius: 10px;}
.newsList li .date{display:block;padding-bottom:10px;}
.newsList li .pImg{padding-top:59%;border-radius: 10px;}
.newsList li h3{font-size: 20px;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:20px 0;}
.newsList li p{height:70px;padding-bottom:10px;border-bottom: 1px solid #d9d9d9;margin-bottom:20px;font-size: 16px;line-height: 28px;}
.newsList li a:hover{box-shadow:0 2px 6px #ccc;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h3{color:#ff7133;transition:all .3s;}
/* viola-xinwen */

/* pagination */
.pagination{padding:25px 0 15px;text-align:center;overflow:hidden;}
.pagination a{font-size: 14px;line-height: 40px;display:inline-block;height: 40px;padding: 0 18px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;margin-left: 8px;}
.pagination a.a1{line-height:30px;height:30px;margin-top:0;padding:0 12px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height: 40px;display:inline-block;height: 40px;padding: 0 18px;text-align:center;color:#fff;margin-left:8px;background: #0e6eb8;color:#fff;border: 1px solid #0e6eb8;}
/* pagination */

/* viola-show */
.viola-show .left{width:100%}
.viola-show .left { float: left; margin: auto; width: 100%; background: #fff; border: 1px #eceaea solid;}
.viola-show .left h3.tag{line-height: 32px;border-top:1px dashed #e0e1dc;padding-top: 10px;color:#999;font-weight:normal;padding-left: 20px;padding-bottom: 5px;}
.viola-show .left h3.tag a{color:#017cc2;}
.viola-show .left h3.tag a:hover{color:#e87518;}
.viola-show .left .title { padding: 40px 20px; padding-bottom: 20px; text-align: center; line-height: 1.5; }
.viola-show .left .title .tit {padding-bottom: 10px;color: #191919;font-weight: bold;font-size: 28px;}
.viola-show .left .title p { padding-bottom: 10px; border-bottom: 1px solid #eceaea; color: #a3afb7; font-size: 14px; }
.viola-show .left .title p a { color: #a3afb7; }
.viola-show .left .title p span{ margin-right:30px;}
.viola-show .left .content {overflow: hidden;margin: 40px 20px 20px;margin-top: 0;min-height: 600px;color: #000;font-size: 18px;line-height: 36px;}
.viola-show .left .content p b{ margin-bottom: 10px;color: #1d1b1b;font-size: 17px;line-height: 32px;text-indent: 2em;}
.viola-show .left .content p b{color: #f05022;font-size: 17px;line-height: 32px;text-indent: 2em;font-weight: normal;}
.viola-show .left .content p b a,.viola-show .left .content p a{color: #f05022;}
.viola-show .left .content p span{ display:block; overflow:hidden;}
.viola-show .left .content .qt{ margin-top:40px; margin-bottom:20px;}
.viola-show .left .content img {max-width: 100% !important;height: auto !important;width: auto !important;padding-bottom: 10px;}
.viola-show .left .other { padding: 20px 15px; border-top: 1px #eceaea solid; }
.viola-show .left .other p { display: block; padding-left: 3px; height: 40px; line-height: 40px; }
.viola-show .left .other p a { color: #333; font-size: 14px; }
.viola-show .left .other p a:hover { color: #017cc2; }
.viola-show .left .back { margin-top: 20px; width: 125px; height: 40px; background-color: #017cc2; color: #fff !important; text-align: center; font-size: 14px; line-height: 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; float: right; }
.viola-show .left .back:hover { opacity: 0.8; filter: alpha(opacity=80); }
.gengduo{ background-color:#f7f7f7;}
.qitaxinwen {background: #f9f9f9;}
/* viola-show */

/* viola-fuwu */
.viola-fuwu{background: #394fa2 url(../images/fuwu-bg.jpg)  no-repeat center center / cover; min-height: 600px; color: #fff; overflow: hidden;}
.viola-fuwu .viola-titlew span {padding-bottom: 0;margin-bottom: 20px;}
.viola-fuwu .viola-titlew span::after{ background:none;}
.viola-fuwu ul{ display: flex; flex-wrap: wrap; justify-content: space-around; font-size: 26px; line-height: 46px; margin-bottom: 30px; color: #fff;}
.viola-fuwu li{padding: 5px;text-align: center;margin-bottom: 28px;}
.viola-fuwu li div{display:block;width:210px;height:210px;border-radius:50%; overflow: hidden; position: relative;}
.viola-fuwu li div::before{display:block;content: "";position: absolute;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;box-sizing: border-box;}
.viola-fuwu li div::after{display:block;content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;transition:all .4s;background: #f45c43;}
.viola-fuwu li a{position: relative;z-index: 1;display:block;padding-top:50px;height: 100%;color:#fff;}
.viola-fuwu li i{font-size:36px;cursor:default;font-family: iconfont;font-style: inherit;}
.viola-fuwu li p{margin:0 auto;width:4em;font-size:18px;line-height:28px;margin-top: 10px;}
.viola-fuwu li div:hover::after{ opacity: 1;}
.viola-fuwu .fuwu-btn { display: flex; justify-content: center ;}
.viola-fuwu .fuwu-btn .dingzhi{display: block;width: 150px;height: 46px;font-size: 16px;line-height: 46px;color: #fff;border-radius: 23px;text-align: center;background: #f45c43;margin: 0 15px;}
.viola-fuwu .fuwu-btn .canguan{position: relative;display: inline-block;background: none;border: 1px solid #fff;border-radius: 23px;width: 150px;height: 46px;font-size: 16px;line-height: 46px;color: #fff;margin: 0 15px;text-align: center;}
.viola-fuwu .fuwu-btn .dingzhi:hover { background: none;border: 1px solid #fff;}
.viola-fuwu .fuwu-btn .canguan:hover { background: #f45c43; border:none;}
/* viola-fuwu */

/* viola-wenti */
.viola-wenti{width: 100%;}
.viola-wenti .list {width: 100%;display: flex;justify-content: space-between;}
.viola-wenti .list .list-l {width: 47.5%;}
.viola-wenti .list .item {display: block;margin-bottom: 0;}
.viola-wenti .list .item:nth-child(4),.viola-wenti .list .item:nth-child(8) {margin-bottom: 0;}
.viola-wenti .list .item .tops {width: 100%;height: 65px;border-bottom: 1px solid #f0f0f0;display: flex;justify-content: space-between;align-items: center;}
.viola-wenti .list .item .tops img {display: block;width: 32px;flex-shrink: 0;margin-right: 20px;}
.viola-wenti .list .item .tops .title {width: 100%;font-size: 20px;color: #222;}
.over-line1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.viola-wenti .list .item .tops i {display: block;flex-shrink: 0;font-size: 24px;color: #666;margin-left: 20px;transition: all 0.3s;}
.icon17:before {content: "\e600";}
.viola-wenti .list .item .bots {width: 100%;padding: 20px;background-color: #f7f7f7;line-height: 26px; height:170px;}
.viola-wenti .list .list-r {width: 47.5%;}
/* viola-wenti */

/* viola-womenfw */
.viola-womenfw{background-color: #f1f3f5;padding: 80px 0;background: url(../images/womenfw-bg.jpg) no-repeat center / cover;}
.flex-womenfw {display: -webkit-box;}
.viola-womenfw ul li{width: 23.5%;margin-right: 2%;padding: 30px;background-color: #fff;box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.05);text-align: center;border-radius: 10px;}
.viola-womenfw ul li:nth-child(4){margin-right: 0;}
.viola-womenfw ul li i{font-size: 56px;display: block;margin: 10px auto;color: #f47821;}
.viola-womenfw ul li h6{font-size: 26px;color: #222;margin-bottom: 20px;}
.viola-womenfw ul li p{font-size: 18px;line-height: 33px;color: #495057;font-weight: 400;}
.viola-womenfw ul li:last-child{margin-right: 0;}
/*--*/
.hotline{width: 100%;padding: 30px 0 0 0;}
.hotline .hotline-cont{width: 100%;}
.hotline .tel{width: 100%;text-align: center}
.hotline .tel span{display: block;font-family: "DINPro-Bold";letter-spacing:-1px;font-size: 40px;font-weight: 600;color: #f47821;}
.hotline .tel p{font-size: 18px;color:#495057;line-height: 28px;text-align: center;}
.hotline .img{text-align: center;width: 100%;}
.hotline .img img{width: 180px;display: block;margin: 20px auto;}
.hotline .img p{font-size: 18px;line-height: 30px;color: #495057;}
/* viola-womenfw */

/* viola-lianxi */
.viola-lianxi{background:url(../images/lianxi-bg.jpg) no-repeat center / cover;}
.contact-item>*{margin-top:20px; margin-right:20px;}
.contact-item li{width: 32.5%;float:left;}
.contact-item>*:last-child{ margin-right:0;}
.contact-item>*>*{display:block; border-radius:10px; background:rgba(255,255,255,.2); padding:20px 50px 50px;}
.contact-item>* .iconfont{display:flex;align-items:center;justify-content:center;width:50px;height:35px;background: #f45c43;border-radius: 0 60px 60px 0;position:relative;left:-50px;color:#fff;font-size: 26px;}
.contact-item>* .text{margin-top:16px;}
.contact-item>* .text h3{ font-size:20px; color:#fff;}
.contact-item>* .text p{margin-top:15px;font-size:16px; color:#fff;}
/*--*/
.contact-tel li{width: 25%;float:left;margin-top: 70px;}
.contact-tel>*{border-left: 1px dashed rgba(255,255,255,.2);text-align:center;padding:0 20px;}
.contact-tel>* .iconfont{font-size:32px;color: #fff;}
.contact-tel>* .text{margin-top:20px;}
.contact-tel>* .text h3{ font-size:16px; color:#fff;}
.contact-tel>* .text .tel{margin-top:30px;}
.contact-tel>* .text .tel a{ color:#fff; opacity:0.8;font-size:20px; }
.contact-tel>*:last-child{ border-right:1px solid rgba(255,255,255,.2);}
/* viola-lianxi */

/* viola-jiaru */
.viola-jiaru {width: 100%;background:url(../images/jiaru-bg.jpg) no-repeat center / cover;}
.viola-jiaru .item-list {display: flex;justify-content: space-between;}
.viola-jiaru .item-list .left-list {width: 49%;background: #fff;padding: 50px 50px 0px 50px;border-radius: 20px;height: 300px;}
.viola-jiaru .item-list .left-list .list-title {line-height: 1;margin-bottom: 2.084vw;}
.viola-jiaru .item-list .left-list .list-title span {line-height: 1;font-size: 1.8756vw;font-weight: 500;color: #333333;}
.viola-jiaru .item-list .left-list .list-content {margin-bottom: 2.084vw;}
.viola-jiaru .item-list .left-list .list-content p {margin-bottom: 15px;font-size: 17px;line-height: 34px;font-weight: 500;color: #333;}
.viola-jiaru .item-list .left-list .list-content p:last-child {margin-bottom: 0;}
/*--*/
.viola-jiaru .item-list .left-list .list-content .gongchang{margin-top: 30px;}
.viola-jiaru .item-list .left-list .list-content .gongchang li{float:left;width: 50%;height:140px;margin-bottom: 0;padding-right: 2%;position: relative;}
.viola-jiaru .item-list .left-list .list-content .gongchang li::after{content:"";position: absolute;right:0;top:0;height:100px;border-right: 1px dotted #b2b2b2;width:1px;}
.viola-jiaru .item-list .left-list .list-content .gongchang li h4{color:#000;margin-bottom:15px;font-size:1.429em;}
.viola-jiaru .item-list .left-list .list-content .gongchang li p{margin-bottom: 0px!important;}
.viola-jiaru .item-list .left-list .list-content .gongchang li:nth-child(2n){padding-left:6%;padding-right:0;}
.viola-jiaru .item-list .left-list .list-content .gongchang li:nth-child(2n)::after{display:none;}
/*--*/
.viola-jiaru .item-list .right-list {width: 49%;text-align: right;height: 300px;position:relative;padding: 50px 300px 40px 60px;background: #fff;border-radius: 20px;}
.viola-jiaru .item-list .right-list .title {color: #303030;font-size: 22px;font-weight: bold;text-align: left;}
.viola-jiaru .item-list .right-list .wx {min-height:156px;margin-top:20px;color:#333333;font-size:14px;display:block;line-height:26px;text-align: left;}
.viola-jiaru .item-list .right-list .wx p{margin-top: 20px;}
.viola-jiaru .item-list .right-list .wx span{font-size:18px;color: #303030;margin-top: 6px;}
.viola-jiaru .item-list .right-list .consult {position:absolute;top:100px;right:60px;}
.viola-jiaru .item-list .right-list .ewm {position:relative;color:#737373;font-size:12px;text-align:center;display:block;line-height:15px;}
.viola-jiaru .item-list .right-list .ewm img {display:block;margin:0 auto 5px;border-radius: 10px; float:left;}
/*--*/
.viola-join {width: 100%;padding-top: 60px;}
.viola-join .item-box {width: 1600px;height: 420px;position: relative;}
.viola-join .item-box img {width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}
.viola-join .item-box .item-listj {position: absolute;top: 50%;transform: translateY(-50%);left: 60px;}
.viola-join .item-box .item-listj .list-title {margin-bottom: 60px;}
.viola-join .item-box .item-listj .list-title span {margin-bottom: 30px;font-size: 18px;line-height: 1;font-weight: 500;color: #ffffff;display: inline-block;}
.viola-join .item-box .item-listj .list-title h3 {font-size: 32px;line-height: 1;font-weight: 500;color: #ffffff;}
/*--*/
.viola-join .item-box .item-listj .more-btn{ display:block;}
.viola-join .item-box .item-listj .more-btn a {display: flex;justify-content: space-between;align-items: center;width: 149px;padding: 8px 18px;border-radius: 10px;border: 2px solid #fff;}
.viola-join .item-box .item-listj .more-btn a span {transition: color .35s;-o-transition: color .35s;-ms-transition: color .35s;-moz-transition: color .35s;-webkit-transition: color .35s;}
.viola-join .item-box .item-listj .more-btn a .text {color: #fff;font-size: 16px;}
.viola-join .item-box .item-listj .more-btn a .icon {color: #fff;font-size: 16px;}
.viola-join .item-box .item-listj .more-btn a:hover {border-color: #f04f22!important;}
.viola-join .item-box .item-listj .more-btn a:hover span {color: #f04f22!important;}
/* viola-jiaru */

/* viola-ban */
.viola-ban{position: relative; overflow: hidden; height: 350px;}
.viola-ban .picture{overflow: hidden;}
.viola-ban .picture img{position: relative; left: 50%; margin-left: -960px; max-width: none; -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;}
.viola-ban .wap-pic{display: none;}
.viola-ban{height: auto;}
.viola-ban .title{position: absolute; top: 44%; left: 50%; z-index: 2; margin-left: -700px;}
.viola-ban .ce{left: 0; margin-left: 0; width: 100%;}
.viola-ban .title .en{font-size: 18px; line-height: 1; color: rgba(255,255,255,.9); margin-top: 20px;}
.viola-ban .title .black .en{color: #595959;opacity: .5;}
.viola-ban .title .en2{color: rgba(255,255,255,.5);}
.viola-ban .title .cn{font-size: 36px; line-height: 1; color: #fff; font-weight: bold;}
.viola-ban .title .black .cn{color: #262626;}
.viola-ban .title .des{margin-top: 25px; font-size: 18px; line-height: 1; color: #fff;}
/* viola-ban */

/* viola-job */
.job-list {position: relative;padding-bottom: 40px;}
.job-list li {margin: 0 25px;list-style: none;}
.job-list li>a {position: relative;display: block;padding: 0 26px;height: 55px;background-color: transparent;border-radius: 30px;line-height: 55px;text-align: center;color: #333;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;font-size: 20px;border: 1px solid #cfcfcf;}
.job-list li>a:hover {color: #0054c7;}
.job-list li>a:hover {background-color: #fff;}
.job-list li.on>a {color: #fff;background-color: #0162b0;}
.flex-job {display: flex;flex-wrap: wrap;justify-content: center;}
/*--*/
.viola-job .txt{font-size:18px;line-height:32px;color:#000;border: 1px dashed #e9e8e8;padding: 20px;margin-bottom: 30px;}
.jobList .tie2{text-align:center;margin-bottom:40px;color:#e60016;font-size:1.1286em;margin-top:5px;}
.jobList li{overflow:hidden;padding:0 40px;margin-bottom: 45px;background:#f5f5f5;position: relative;z-index:2;}
.jobList li:last-child {margin-bottom: 0;}
.jobList .top{padding:20px 0;overflow:hidden;padding-right:150px;line-height:34px;cursor:pointer;}
.jobList .top span{float:left;width:33%;font-size: 16px;}
.jobList .top a{float:right;display:inline-block;width:130px;height:34px;line-height:34px;background: #0162b0;color:#fff;text-align:center;font-size:12px;z-index:5;margin-right:-150px;}
.jobList .top .tie{font-weight:700;color:#333;font-size: 20px;}
.jobList .top a:hover{background:#003b82;}
.jobList .font{border-top: 1px solid #cfcfcf; overflow:hidden;padding-top:30px;font-size:12px;display:none;padding-bottom:40px;}
.jobList .font .txt{float:left;width:48%;line-height: 36px;font-size: 16px;color: #666;}
.jobList .font .txt .tie{color: #f04b22;display:block;font-size: 16px;}
.jobList .font .txt:nth-child(2n){float:right;}
.jobListsc li:nth-child(3n) .font .txt{ width:33%;}
.jobListsc li:nth-child(3n) .font .txt:nth-child(2n){float:left;}
.jobListjs li:nth-child(2n) .font .txt{ width:33%;}
.jobListjs li:nth-child(2n) .font .txt:nth-child(2n){float:left;}
.jobList li.on{border-top: 1px solid #e60016;}
.jobList li:nth-child(1) .font{display:block;}
.job .more{height:60px;line-height:60px;text-align:center;padding:0;}
.job .more a{display:block;color:#e60016;}
.job .more a:hover{background:#e60016;color:#fff;}
/* viola-job */

/* footer */
.footer{ background-color:#0162b0;}
.footer .top{padding: 30px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding-bottom: 130px;}
.footer .top-box{width: 20%;text-align: center;float: left;}
.footer .top-box p{font-size: 16px;line-height: 32px;opacity: 0.8;color: #fff;padding-top: 10px;}
/*--*/
.footer .mleft{ position:relative; padding-bottom:2em;float:left; width:66%; padding-top:3em;}
.footer .mleft:after{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background-color: #f3f3f3;opacity: 0.1;}
.footer .mnav{padding-right:2%;}
.footer .mnav ul li{float:left; width:16.66666666666667%;}
.footer .mnav ul li p{padding-bottom:.9em;position:relative;color: #fff;font-size: 20px;}
.footer .mnav ul li p:after{content:'';transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:absolute;left:0;bottom:0;width:22px;height:1px;background-color: #fff;opacity: 0.1;}
.footer .mnav ul li:hover p:after{width:50px;}
.footer .mnav dl{margin-top: 25px;}
.footer .mnav dl dd{margin-top: 14px;}
.footer .mnav dl dd a{color: #fff;opacity: 0.5;}
.footer .mnav dl dd a:hover{color:#fff; opacity:10;}
/*--*/
.footer .mright{float:right;width:34%;}
.footer .mright .t1{color: #fff;background-position:left center;background-repeat:no-repeat;background-image:url(../images/mright.png);font-size: 20px;margin-bottom: 10px;padding-left: 24px;}
.footer .mright .t2,.footer .mright .t3{color: #fff;line-height:1.5;opacity: 0.5;margin-top: 8px;}
.footer .mright ul li{border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding-top: 25px;padding-bottom: 25px;}
.footer .mright ul li:last-child{border:none; padding-bottom:0}
.footer .mright .mgongsi{padding-left:8%;margin-top: 15px;}
/*--*/
.footer .bottom{ padding-top:15px; padding-bottom:15px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer .bleft{color: #fff;font-size: 16px;opacity: 0.5; width:60%; float:left;}
.footer .bleft a{color: #fff;font-size: 16px;padding-left: 15px;}
.footer .bleft a:nth-child(2){color: #fff;font-size: 16px;padding-left: 0;}
.footer .bright{float:right;width: 40%;text-align: right;}
.footer .bright a{color: #fff;font-size: 16px;opacity: 0.5;margin-right: 30px;}
.footer .bright a:nth-child(2){ margin-right:0;}
/* footer */

/* foot */
.foot{ display:none;}
.foot .box {width: 100%;float: left;position: fixed;left: 0;bottom: 0;height: 45px;background: #f15122;z-index: 66;box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.15);z-index: 9999999;}
.foot .box li {box-sizing: border-box;width: 50%;float: left;text-align: center;border-right: 1px solid rgba(255, 255, 255, 0.2);}
.foot .box li .ico7 {width: 100%;float: left;}
.foot .box li .name {font-weight: bold;width: 100%;float: left;font-size: 1rem;color: #fff;line-height: 45px;width: 100%;height: 100%;}
.foot .box li .name img{width:22px;margin-right: 10px;display: inline-block;vertical-align: middle;}
.foot #wxnr {width: 100%;height: 100%;max-width: 640px;min-width: 320px;position: fixed;top: 0;z-index: 1000;display: none;background: rgba(0,0,0,.6);}
.foot #wxnr .nrdf {margin: auto;position: absolute;top: 50%;left: 0;right: 0;/* width: 22rem; */padding: 4rem 0 3rem;margin-top: -11rem;text-align: center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius: 10px;}
.foot #wxnr img {display: block;margin: 0 auto 0.8rem;width: 200px;}
.foot #wxnr p {display: block;font-size: 1.4rem;text-align: center;color: #666;}
.foot #wxnr i {display: block;position: absolute;top: 1rem;right: 1rem;width: 1.5rem;height: 1.5rem;font-size: 1rem;line-height: 1.5rem;text-align: center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
.foot #wxnr #btn {display: inline-block;padding:  0.1rem 0.2rem;background-color: #f19903;color: #fff;border-radius: 0.2rem;cursor: pointer;}
/* foot */

/* gr_kefu */
.gr_kefu{position:fixed;width:50px;height:205px;right:0;top:214px;z-index:100;}
.gr_kefu ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:1px;font-size:12px;line-height:50px;font-size:16px;}
.gr_kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background: #0162b0;overflow:hidden;opacity:.8;font-size:12px}
.gr_kefu ul li.kf2 .sidebox{/* background:#7fbb57; */overflow:visible;}
.gr_kefu ul li .sidebox:hover{opacity:1;}
.gr_kefu ul li .sidebox3{font-size:14px;}
.gr_kefu ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background: #0162b0;transition:all 0.3s;opacity:.8;}
.gr_kefu ul li .sidetop:hover{opacity:1;}
.gr_kefu ul li img{float:left;}
.gr_kefu ul li .kImg{padding:13px;}
.gr_kefu .kf_wx{ position:absolute; top:0;left:-140px;width:140px;display:;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;}
.gr_kefu .kf_wx img{ display:block;width:110px; height:110px;margin-bottom:5px;float:none;}
.gr_kefu .qq{height:0;position:relative;z-index:2;}
.gr_kefu .qq .sidebox{border:1px solid #0075d3;height:auto;border-radius:5px 0 0 5px;width:140px;background:#fff;opacity:1;bottom:-50px;top:auto;text-align:center;padding-bottom:5px;right:-150px;}
.gr_kefu .qq h5{height:35px;line-height:35px;background:#0075d3;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;}
.gr_kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;margin-top:5px;width:20px;}
.gr_kefu .qq h5 i:hover{transform: rotate(90deg);}
.gr_kefu .qq  a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #0075d3;margin:5px 15px}
/* gr_kefu */