@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {font-family: 'DINPro','SourceHanSansCN','Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height:1.8; }

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;color: #000000}
a:hover{color: #1456f0}

/*居中*/
.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.xiazuo {display:flex;align-items:flex-end;flex-direction:row;flex-direction:row;justify-content:flex-start;}
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}



/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/
input{-webkit-appearance:none;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/**手机横屏提示*/

.mobile_show{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999999999999999; background:#000000; display: none}
.mobile_showbox{position: absolute; left: 50%; color: #fff; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 90%}
.mobile_showbox img{width: 60px; margin: 0 auto; }
.mobile_showbox p{font-size: 16px; margin-top:20px;}

::-webkit-input-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder {color: #999;}



.nav-btnbox{ display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}
.mt9{ margin-top:9%}
.mt10{ margin-top:10%}

.pt2{ padding-top:2%}
.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}


.pb2{ padding-bottom:2%}
.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}

.mr30{margin-right: 30px;}
.mr20{margin-right: 20px;}

.wow:nth-child(1){animation-delay:0.1s;}
.wow:nth-child(2){animation-delay:0.15s;}
.wow:nth-child(3){animation-delay:0.2s;}
.wow:nth-child(4){animation-delay:0.25s;}
.wow:nth-child(5){animation-delay:0.3s;}
.wow:nth-child(6){animation-delay:0.35s;}
.wow:nth-child(7){animation-delay:0.4s;}
.wow:nth-child(8){animation-delay:0.45s;}
.wow:nth-child(9){animation-delay:0.5s;}
.wow:nth-child(10){animation-delay:0.55s;}



@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Regular.otf') format('truetype');
	font-style: normal;
}
@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Light.otf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Medium.otf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Bold.ttf') format('truetype');
	font-weight:bold;
	font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Medium.eot');
    src: url('../font/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Medium.woff2') format('woff2'),
        url('../font/DINPro-Medium.woff') format('woff'),
        url('../font/DINPro-Medium.ttf') format('truetype'),
        url('../font/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Regular.eot');
    src: url('../font/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Regular.woff2') format('woff2'),
        url('../font/DINPro-Regular.woff') format('woff'),
        url('../font/DINPro-Regular.ttf') format('truetype'),
        url('../font/DINPro-Regular.svg#DINPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}

.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}
.sixline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient: vertical;}


.hide{display: none}

.bigpic{ overflow:hidden; position:relative}
.bigpic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.bigpic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}


.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
.mainbox{margin: 0 auto;  max-width: 1500px; width: 90%}
.mainbox1400{margin: 0 auto;  max-width: 1400px; width:80%}
.mainbox1080{margin: 0 auto;  max-width: 800px; width:80%}
.logo{width:30%; max-width:180px;}
.top{position:fixed; left: 0px; top: 0px; width:100%; z-index:12;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; top:0px; border-bottom: 1px solid #d8dee3}
.top.cur{background: #ffffff;box-shadow:0px 10px 10px rgba(0,0,0,0.02);}

.top>.mainbox{height:70px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;max-width:none; z-index: 2;}

.topright{width: calc(100% - 280px);}


.top.cur{background: #ffffff;box-shadow:0px 10px 10px rgba(0,0,0,0.02);}
.top.cur .logo img.show{display: none}
.top.cur .logo img.hide{display: block}
.top.cur .nav li>a{color: #00143c}


.nav{width:40%; max-width:400px;}
.nav li{position: relative}
.nav li>a{position: relative; height:70px; color: #000000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.nav li>a:before{content: '';position: absolute; left: 0px; bottom: -1px; width:0%; height:2px; background: #1456f0;transition:all 0.5s; -webkit-transition:all 0.5s;}
.nav li:hover>a:before{width: 100%}
.nav li:hover>a{color: #1456f0!important}
 
.nav li.cur>a{color: #1456f0!important}

.nav li:nth-child(2) .navdown{width:220px;}

.morebtn{height:34px; background: #1456f0; border: 1px solid #1456f0; text-align: center; color: #ffffff; border-radius: 30px; font-size: 14px; padding: 0px 20px;}
.morebtn:hover{background:none; border: 1px solid #1456f0; color:#1456f0}



.banner{position: relative; overflow: hidden; width: 100%; background: url("../images/bannerbj.jpg") no-repeat center center;background-size: cover;  padding: 10% 0px 5%}

.banleft{width: 40%}
.banleft h1{font-size: 40px;font-weight: 500}
.banvideo{width: 50%; border-radius: 20px; overflow: hidden}

.banvideo video{display: block}

.banleft span{color: rgba(0,0,0,0.5)}

.morebtn.morebtn2{background: none;color: #333333; border: 1px solid #000}
.morebtn2 img{width:16px; margin-right:5px;}
.morebtn.morebtn2:hover{background: #fff}
.morebtn.baise{color: #ffffff; border: 1px solid #fff; background: #fff; color: #000}
.morebtn.morebtn2.baise{color: #ffffff;background: none;}
.morebtn.baise:hover{background: #1456f0;color: #ffffff; border: 1px solid #1456f0;}
.morebtn.morebtn2.baise:hover{background: #1456f0!important;color: #ffffff; }
.huisebj{background: #fafbfd}

.maintit{text-align: center}
.maintit h2{font-size:26px; font-weight: 500}
.maintit p{color: #999999}
.maintxt{text-align: center}
.maintxt p{margin-top: 20px;}

.hexinbox li{padding:30px 0px;}
.hexinbox li .bigpic{width:45%; border: 1px solid #d1d1d1; border-radius: 10px;}

.hexinbox li:nth-child(even) .bigpic{order: 2}

.hexintxt{width: 45%}
.hexintxt h3{font-size: 20px; font-weight: 500; margin-bottom: 20px}
.hexintxt p{color: #999999; background: url("../images/dui.svg") no-repeat left 6px;background-size: 14px auto; padding-left: 20px; margin-top: 10px;}


.whybox{background: url("../images/whybj.jpg") no-repeat center center; background-size: cover; color:  #fff}

.whybox .maintit p{color: rgba(255,255,255,0.6)}

.whylist li{width: 33.3%; text-align: center}
.whylist li img{height: 60px; margin: 0 auto}

.whylist li p{font-weight: 500; font-size: 18px; margin-top:20px; margin-bottom: 10px;}


.sywendang li{width: calc(25% - 15px); border-radius: 20px; box-shadow: 0px 0px 20px rgba(0,0,0,0.05); overflow: hidden}
.sywendang li:nth-child(1){width: calc(50% - 15px)}

.wdtit{padding:20px 30px; padding-bottom: 40px;}
.wdtit p{font-size: 20px; font-weight: 500; line-height: 1.2}
.wdtit span{color: #666}

.wdtit a{padding: 0px 15px; height:26px; border-radius: 30px; background: rgba(0,0,0,0.3); color: #ffffff; position: relative; padding-right: 30px; line-height: 26px; font-size: 12px;}
.wdtit a:before{content: ''; width: 10px; height: 10px; position: absolute; right: 10px; top: 50%; transform: translate(0,-50%); background: url("../images/you.svg") no-repeat center center; background-size: 100% auto;}
.wdtit a:hover{background: #1456f0}

.sywendang li:nth-child(1) .wdtit{background: url("../images/wdbj01.jpg") no-repeat center center; background-size: cover}
.sywendang li:nth-child(2) .wdtit{background: url("../images/wdbj02.jpg") no-repeat center center; background-size: cover}
.sywendang li:nth-child(3) .wdtit{background: url("../images/wdbj03.jpg") no-repeat center center; background-size: cover}

.wdhezi{padding:20px 30px; border-radius: 20px; margin-top: -20px;background: #fff;}
.sywendang li dl{width: calc(100% + 30px); margin-left:-30px;}

.sywendang li dl dd{width: calc(50% - 30px); margin-left: 30px; padding:10px 0px;}

.sywendang li dl dd p{font-weight: 500; font-size: 16px; position: relative; padding-left: 15px;}
.sywendang li dl dd p:before{content: ''; width: 5px; height: 5px; background: #1456f0; border-radius: 100%; position: absolute; left: 0px; top:12px}
.sywendang li dl dd span{display: block; margin-top:5px; padding-left:15px;}
.sywendang li dl dd span a{color: #666666; font-size: 12px;}

.sywendang li:nth-child(2) dd,.sywendang li:nth-child(3) dd{width: calc(100% - 30px);}

.tablebody dt{font-weight: 500; border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1; display:flex;flex-direction:row;justify-content:space-between; }

.tablebody dt p{width: 19%;padding: 10px 0px; }
.tablebody dt p:nth-child(1){width: 20%;padding-left: 4%}
.tablebody dt p:nth-child(2){background:rgba(0,0,0,0.02); }
.tablebody dt p:nth-child(3){background:#ffffff;  }
.tablebody dt p:nth-child(4){background:rgba(0,0,0,0.02);  }
.tablebody dt p:nth-child(5){background:#ffffff;  }



.tablebody dl:nth-child(even){}
.tablebox{}
.tabletit{padding:10px 0px; border-bottom: 5px solid #000000}
.tabletit p{width: 19%; text-align: center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; font-size: 20px; font-weight: 500}
.tabletit p:nth-child(1){width: 20%; text-align: left;justify-content:flex-start; padding-left: 4%; font-size: 16px; font-weight: normal}

.tablebody dd{display:flex;flex-direction:row;justify-content:space-between; border-bottom: 1px solid #ebf0f7;}
.tablebody dd:last-child{border-bottom: none}
.tablebody dd p{width: 19%; text-align: center; color: #666666;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; padding: 10px 0px;}
.tablebody dd p:nth-child(1){width: 20%; text-align: left; color: #999999;justify-content:flex-start; padding-left: 4%}

.tablebody dd p:nth-child(2){background:rgba(0,0,0,0.02); }
.tablebody dd p:nth-child(3){background:#ffffff;  }
.tablebody dd p:nth-child(4){background:rgba(0,0,0,0.02);  }
.tablebody dd p:nth-child(5){background:#ffffff;  }



.dui{ width: 20px; height: 20px; background: url("../images/xuan.svg") no-repeat center center; background-size: 100% auto;}

.hxboxs{background: url("../images/bjbj.jpg") no-repeat center center; padding: 80px 20px; border-radius: 20px; margin: 100px 0px; color: #ffffff; text-align: center}
.hxboxs h1{font-weight: 500; letter-spacing: 1px}
.footer{background: #f2f6fa; border-top: 1px solid #d9dde1}

.footerlogo{width:25%; max-width:250px; }

.footerbot{border-top: 1px solid #d9dde1; padding: 30px 0px; color: #999999}

.footerbot span{cursor: pointer}
.footertop{padding: 50px 0px;}
.footercontact{width:70%}
.footercontact span{font-family: arial}
.footercontact li:nth-child(3) p{margin-right: 20px}
.footercontact li:nth-child(3) img{width: 80px;}
.share a{width:40px; height: 40px; border: 1px solid #dedede; border-radius: 100%; position: relative; margin-left: 10px;}

.share a em{width: 34px; height: 34px; background: #f8f8f8; border-radius: 100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.share a em img{width: 50%}

.erweima{position: absolute; left: 50%; top:100%; width:100px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index: 99999; padding:5px; background: #fff;}
.erweima img{width: 100%}
.erweima:before{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff; left: 50%; top: -5px; transform: translate(-50%,0%); position: absolute}
.share a:hover .erweima{opacity: 1; visibility:visible}

.erweima{text-align: center; line-height: 1.4}



.nytop{background: #fff; border: none}
.huisebox{background: #f7f8fa;}

.videoplay_left{width: calc(65% - 80px); background: #ffffff; border-radius: 10px; padding: 30px;}
.videoplay_left video{display: block}
.videoplaytxt{padding: 30px 0px; padding-bottom: 0px;}
.videoplaytxt em{color: #1456f0; background: #f1f5ff; height: 30px; padding:0px 15px; display: inline-block; border-radius: 30px; line-height: 30px; font-size: 12px;}

.videoplaytxt h1{font-size: 20px; font-weight: 500; margin: 10px 0px 5px;}

.videoplaytxt p{color: #999999; font-size: 12px;}

.videoplay_right{width: calc(35% - 60px); padding: 30px;background: #ffffff; border-radius: 10px;}

.videoplay_right_tit{border-bottom: 1px solid #e5e5e5; line-height: 1;padding-bottom: 20px;}
.videoplay_right_tit h2{font-weight: 500; font-size: 18px;}
.videoplay_right_tit p{color: #999999}
.videoplay_right_tit p span{color: #1456f0}
.videotit{padding: 30px 0px;}
.videotit a{height: 30px; line-height: 30px;  border: 1px solid #ebf0f7; color: #999999;border-radius: 30px; width: 22%; text-align: center;}
.videotit a.cur{background: #1456f0; color: #ffffff; border: 1px solid #1456f0;}
.videotit a:hover{background: #1456f0; color: #ffffff; border: 1px solid #1456f0;}

.videolist li{border-radius: 6px; padding:15px; border: 1px solid #fff; cursor: pointer}
.videolist li .bigpic{width: 35%}
.vidtxt{width: calc(65% - 20px);}
.vidtxt span{color: #1456f0; background: #f1f5ff; height: 24px; padding:0px 15px; display: inline-block; border-radius: 30px; line-height:24px; font-size: 12px;}
.videolist li p{margin-bottom: 10px; line-height: 1.4}
.videolist li.cur{border: 1px solid #083878}
.videolist{height: 520px; overflow-y: scroll; padding-right: 10px;}

.videolist::-webkit-scrollbar {
  width: 6px;
  height: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.videolist::-webkit-scrollbar-track {
  background: #f3f3f3;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.videolist::-webkit-scrollbar-thumb {
  background: #999999;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.sousubox{background: url("../images/wendangbj.jpg") no-repeat center center; background-size: cover; color: #ffffff; text-align: center; margin-top: 70px; padding: 50px 20px;}

.sousubox .maintit p{color: #ffffff}

.searchbox{background: #fff; border-radius: 50px;width: 90%; max-width: 800px; margin: 0 auto; margin-top: 30px;}

.searchtxt{width: calc(100% - 140px); background: none; height: 50px; border: none; padding: 0px 20px;}

.searchbtn{width: 60px; height: 50px; background: url("../images/search.svg") no-repeat center center; background-size: 20px auto}

.wendang_left{width: calc(22% - 31px); border-right: 1px solid #dedfe1; padding-right: 30px; padding-top: 30px; padding-bottom: 30px;}
.wendang_left li{ margin: 10px 0px;}
.wendang_left li p{border-radius: 6px; padding:10px 25px; position: relative; cursor: pointer; font-size: 16px; font-weight: 500;}
.wendang_left li p:before{content: ''; width:7px;  height:7px; position: absolute; background-size: 100% auto; left: calc(100% - 30px);top:38%;display: flex;border-width: 0 1.5px 1.5px 0;border-style: solid;
border-color:#a0a0a1;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(45deg);}
.wendang_left li.cur p{background: #1456f0; color: #ffffff; }
.wendang_left li.cur p:before{transform: rotateZ(-135deg);border-color:#ffffff;}
.wendang_left li:first-child .wendang_down{display: block}
.wendang_down {padding:20px 25px; display: none}
.wendang_down span{display: block; padding: 5px 0px;}
.wendang_down span a{color: #666666}
.wendang_down span a:hover{color: #000000}
.pt70{padding-top: 70px;}


.wendang_center{width: calc(58% - 60px); padding: 30px; padding-bottom: 60px;}
.wendang_center dl{margin-bottom: 20px;}
.wendang_center dt{font-size: 18px; font-weight: 500}
.wendang_center dd{width: calc(100% + 15px); margin-left: -15px;}
.wendang_center dd a{background: #ffffff; width: calc(33.33% - 55px); padding: 20px; margin-left: 15px; margin-top: 15px;border-radius: 5px;}
.wendang_center dd a p{font-size: 14px; margin-bottom: 5px;}
.wendang_center dd a span{color: #999; font-size: 12px; line-height: 1.6}

.wendang_center.wh100{width: calc(100% - 60px); padding: 30px;}

.wendang_right{width:20%; padding-top: 30px;}
.wendang_right h3{font-weight: 500;font-size: 18px;}
.wendang_right h3 em{background:#f28d21; color: #fff; font-size: 12px;  height: 20px; padding: 0px 5px; border-radius: 5px; line-height: 20px; margin-left: 5px;}

.wendang_right ul{background: #ffffff; margin-top: 15px; border-radius: 5px; padding: 20px;}

.wendang_right li{border-bottom: 1px solid #f0f0f0}
.wendang_right li a{color: #666666; padding: 10px 0px; display: block}
.wendang_right li p{position: relative; padding-left: 10px;}
.wendang_right li em{padding-left: 10px; display: block; color: #999}
.wendang_right li p:before{content: ''; width:3px; height:3px; background: #1456f0; border-radius: 100%; position: absolute; left: 0px; top:12px}
.wendang_right li a:hover{color: #000000}


.wendang_show{width: calc(78% - 50px);}
.mianbao{padding: 30px 0px; color: #999999; font-size: 12px;}
.mianbao a{color: #999999}
.mianbao a:last-child{color: #000000}

.wendang_show_tit{border-bottom: 1px solid #e8e9eb; padding-bottom: 30px; margin-bottom: 30px;}
.wendang_show_tit_left{width: calc(100% - 200px)}

.wendang_show_tit_left em{color: #1456f0; background: #f1f5ff; height: 24px; padding:0px 15px; display: inline-block; border-radius: 30px; line-height:24px; font-size: 12px;}

.wendang_show_tit_left h2{font-size:24px; font-weight: 500; margin: 10px 0px }
.wendang_show_tit_left span{color: #999999; display: block}

.backto{height: 36px; border: 1px solid #999; border-radius: 5px; padding: 0px 10px; color: #999}
.backto img{width:16px; margin-right: 5px;}
.backto:hover img.hide{display:block}
.backto:hover img.show{display: none}
.backto:hover{background: #1456f0; color: #ffffff}

.wendang_show_content{padding-bottom: 60px;}
.wendang_show_content p{color: #666666; margin-top:10px}



.formright{width: calc(60% - 60px); padding: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.03); background: #ffffff; border-radius: 20px}
.formtit {margin-bottom:10px; text-align: center}
.formtit p{font-weight: 500; font-size: 24px; line-height: 1; margin-bottom: 5px;}
.formtit span{font-size: 12px;opacity: 0.8}

.formright li{width: 100%; margin-top: 15px;}
.yyinput{width: calc(100% - 22px); border: 1px solid #e1e5eb; border-radius: 5px; padding: 0px 10px; height: 40px;}
.yyinput.w100{width: 120px}
.huoqux{width: calc(100% - 150px);border: 1px solid #e1e5eb; border-radius: 5px;}

.huoqux input{height: 40px; padding: 0px 10px; border: none;width: calc(100% - 120px); background: none}
.huoqux a{width: 120px; display:block; text-align:center;}

.formright li ::-webkit-input-placeholder {color:#adb0b8;}
.formright li :-moz-placeholder{ color:#adb0b8;}
.formright li ::-moz-placeholder{ color:#adb0b8;}
.formright li :-ms-input-placeholder{color:#adb0b8;}
.formright li ::-ms-input-placeholder{ color:#adb0b8;}
.formright li ::placeholder{color:#adb0b8;}

.formright li textarea{width: calc(100% - 22px); border: 1px solid #e1e5eb; border-radius: 5px; padding: 10px; height: 100px; margin-bottom:-5px;}
.formright li .morebtn2{margin: 0 auto; margin-top: 20px}

.checks{ background:#fff; width:16px; height:16px; border:1px solid #ddd;  cursor: pointer; margin-right: 10px; border-radius: 3px;}
.checks:checked {border-color:#f28d21; background:url("../images/dui2.svg") no-repeat center center #000000; background-size:80% auto;}