/* CSS Reset */

*{outline: none;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}

html{-webkit-text-size-adjust:none; }

body{font-size:12px;overflow-x:hidden;margin:0; padding:0;}

table{border-collapse:collapse; border-spacing:0;}

ol, ul, li{ list-style:none;}

blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}

a{text-decoration:none;color:#1a1a1a;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 

a:hover{text-decoration:none;color:#000;} 

a:focus{outline:0px dotted;}

a:focus, input:focus{ -moz-outline-style: none; } 

a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 

* {font-family: 'Conv_Montserrat-Light',Arial,"微软雅黑","黑体",'宋体';color:#1a1a1a;font-style: normal;}

input,select,textarea {-webkit-appearance: none;border-radius: 0;}

input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}

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

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

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

.fixed{position: fixed; width:100%; left:0; top:0;}

.fl{ float:left;}

.fr{ float:right;}

.clear { clear:both;}

.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

body sup {display: inline-block!important;vertical-align: top;}

.blackbg {background: #000;}

.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}

.no-touch { height:100%;}

.no-touch body{ overflow:hidden;height:100%;}

.pcshow { display:block;}

.mbshow { display:none !important;}

.relative {position: relative;}

.h100 {overflow:hidden;height:100%;}

.h100 body{ overflow:hidden;height:100%;}

.wrap{margin:0 auto; width:76%;}



#hlsload{width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999;display: none;}

.loadcontainer { position:relative;width:100%; height:100%;}

#loadsvg {position: absolute;top: 50%;margin-top: -60px;left: 50%;margin-left: -97.5px;width: 195px;height: 35px;}

.load-text {position: absolute;top: 50%;margin-top: 10px;left: 50%;margin-left: -50px;width: 100px;height: 40px; text-align:center; font-size:22px; color:#FFF;}

.hidemain {opacity: 0;height: 0px;overflow: hidden;}







/* header */

header {position: fixed;left: 0;top: 0;width: 100%;height: auto;z-index: 99;border-bottom: 1px solid rgba(0,0,0,0);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

header .content {width: 88%;margin: auto;position: relative;height: 100%;overflow: hidden;}

header .box-header{padding:16px 0 15px 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;background:#fff;}

header .box-header ,

header .box-header .box-logo img{height:94px;}



header .box-header .right {position: absolute;top:50%;right:0;margin-top: -11px;}

header .box-header .right .box-nav {float: right;}

header .box-header .right .box-nav>li{ float:left; display:block; position:relative;margin-right:60px;}
header .box-header .right .box-nav>li:nth-child(2) .sub_nav ul{ padding-right:12%;}

header .box-header .right .box-nav>li:before{ content:''; width:100%; height:100px; position:absolute; left:0;}

header .box-header .right .box-nav * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

header .box-header .right .box-nav a{color: #8b8b8b;font-size: 18px;position: relative;}



header .box-header .right .box-nav a::after {content: '';width:0px;height: 2px;background: #023889;position: absolute;left: 0;bottom: -13px;}

header .box-header .right .box-nav a:hover,

header .box-header .right .box-nav a.cur {color: #000;}

header .box-header .right .box-nav a.cur::after {width: 100%;}

header .box-header .right .box-nav a:hover::after {width:100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

header .box-header .right .box-nav a.before::after {left: auto; right: 0;}







header .box-header .right .search {float: right;width: 20px;height: 20px;padding:0 0 0 50px; position: relative;}

header .box-header .right .search a{display: block; width: 20px;height: 20px;background: url("../image/icon_search.png") center no-repeat;}

header .box-header .right .search::before{content: '';opacity: .2;width: 1px;height: 100%;background: #1a1a1a;position: absolute;top: 0;left:0;}

header .box-header .right .other {float: right;}

header .box-header .right .other a {font-size: 16px;line-height: 20px; color: #1a1a1a;} 

 

 

.sub_nav{ position:fixed; top:100px; width:100%; left:0; display:none; padding-top:25px;}

.sub_nav .wrap{background: url(../image/bg_black4.png) repeat;height:56px; line-height:56px; padding:0 12%;}

.sub_nav ul{ float:right; overflow:hidden;}

.sub_nav li{ float:left;position:relative; text-align:center;}

.sub_nav li a{padding:0 40px; color:#d1d1d1 !important; display:block; position:relative; z-index:2; font-size:16px;}

.sub_nav li:after{ content:''; position:absolute;top:50%; margin-top:-7px; width:2px; height:14px; left:-2px; background:#b7b7b7; z-index:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}



.sub_nav li.cur:after,

.sub_nav li:hover:after{ background:#023889; width:102%; height:100%; top:0; margin-top:0; z-index:1;}

.sub_nav li a:hover,

.sub_nav li.cur a{color:#000 !important; }





header.header-fixed .box-header{padding:5px 0;}

header.header-fixed .box-header,

header.header-fixed .box-header .box-logo img {height:70px;}

header.header-fixed .box-header .right .box-nav a{font-size: 16px;color: #1a1a1a;}

header.header-fixed .box-header .right .box-nav a::after {bottom:-10px;background: #023889;}

header.header-fixed .box-header .right .other a {font-size: 14px;line-height: 20px;color: #1a1a1a;} 

header.header-fixed .searchshow {padding:5px 0;}

 

header.header-fixed .sub_nav{height:40px; line-height:40px; top:40px; padding-top:30px;}

header.header-fixed .sub_nav a{color:#fff; font-size:14px;}

header.header-fixed .sub_nav a.cur,

header.header-fixed .sub_nav a:hover{ color:#000;}









.search-show header .box-header .right .box-nav,

.search-show header .box-header .right .search {display: none;}

.search-show .searchshow {top:0px;}

.search-show header .box-header {background: #fff;}







.searchshow {width: 60%;position: absolute;left:20%;top:-100px;z-index: 3; height: 40px;padding:30px 0; overflow: hidden;}

.searchshow {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.searchshow form {display: block;overflow: hidden;position: relative;width:55%;margin: auto;}

.searchshow .searchclose {left: 0;width: 25px;height: 25px;line-height: 25px; font-family: "font_family";font-size: 20px;color: #000;}

.searchshow .searchclose:before {content: "\e611";}

.searchshow .searchinput {background: none;border-bottom: 2px solid #ededed;height: 40px;line-height: 40px;font-size: 16px;width: 90%;padding:0 5%;outline: none;text-align: center;}

.searchshow .searchinput:focus {border-bottom: 2px solid #000;}

.searchsubmit {right: 0; width: 20px;height: 20px;background:url("../image/icon_search.png") center no-repeat;background-size: 100%;outline: none;}

.searchshow .searchclose,.searchshow .searchsubmit {position: absolute;top:10px;z-index: 3;cursor: pointer;}

.searchshow .searchclose:hover,.searchshow .searchsubmit:hover {opacity: 0.8;}

















/* footer */

footer { position: relative;background: #4b4b4b; margin-top:15px;}

footer .box-footer {padding: 5% 0 4% 0; overflow: hidden;}

footer .box-footer .wrap{}

footer .box-footer .foot_logo{ float:left; width:8%;}

footer .box-footer .foot_logo img{ width:100%;}

footer .box-footer .foot_sites{ float:right; overflow:hidden;width:80%; margin-top:10px; display:flex;justify-content: space-between;}

footer .box-footer .foot_sites .item{ float:left; padding-left:5%; width:26%;}

footer .box-footer .foot_sites .item:first-child{ padding-left:0;}

footer .box-footer .foot_sites .item:last-child{ float:right; width: auto; max-width:38%;}

footer .box-footer .foot_sites .item h3{ font-size:16px; color:#fff; margin-bottom:20px; position:relative; padding-bottom:20px;}

footer .box-footer .foot_sites .item h3:after{ content:''; position:absolute; left:0; bottom:0; width:20px; height:3px; background:#f3c301; }

footer .box-footer .foot_sites .item p{color:#c4c4c4; font-size:14px; line-height:1.8em;}

footer .copybar{ background:#363636; height:90px; line-height:90px;}

footer .copybar .text{ float:left; }

footer .copybar .text,

footer .copybar .text a{color:#7e7e7e; font-size: 14px;}

footer .copybar .text a:hover{color:#fff;}

footer .copybar .share{ float:right;}

footer .copybar .share li{ float:left; position:relative;overflow: hidden}
footer .copybar .share li.box-show {overflow: visible}

footer .copybar .share li a{ height:56px; background:center no-repeat; display:block;opacity:0.3; color: #f8f8f8;font-size: 16px;}

footer .copybar .share li a:hover{opacity:1;}

footer .copybar .share li a.s1{ background-image:url(../image/icon_share_01.png);}

footer .copybar .share li a.s2{ background-image:url(../image/icon_share_02.png);}

footer .copybar .share li a.s3{ background-image:url(../image/icon_share_03.png);}

footer .copybar .share li a.s4{ background-image:url(../image/icon_share_04.png);}

footer .copybar .share li a.s5{ background-image:url(../image/icon_share_05.png);}

footer .copybar .share li span{ position:absolute; bottom:56px;right:0; margin-right:-50px; line-height:0;transform:translateY(-100px);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

footer .copybar .share li span img{ width:160px;}

footer .copybar .share li.box-show span{transform:translateY(0);opacity:1;}













/*通用弹窗*/

.publicPop{position:fixed;width:100%;height:100%; background:url(../image/bg_black6.png) repeat;z-index:999;left:0;top:0;display:none;overflow:hidden;}

.publicPop .content{position:absolute;left:0;top:50%;transform:translate(0, -50%);border-radius:0.05rem; background:#fff;}





.aniblack .cd-nav-trigger span{background:#000;}

.h100.aniblack.no-touch .cd-nav-trigger span{background:#fff;}

.htfixed .mheader{background: #1a1a1a;}







/* mobile nav */

.nav_mobile{display: none;position: relative;}

.mheader {height:50px;position:fixed;left: 0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.mheader ul {height:50px;position: relative;padding:0 3%;}

.mlogo {display: block;overflow: hidden;background-repeat: no-repeat; background-position:center left; left:15px;top:0; position: absolute;z-index: 94;background-size:auto 80% ;width:20%; height:100%;background-image: url(../image/logo.svg); }

.no-touch .mlogo{background-image: url(../image/logo_w.svg);}

.mlanguage {display: block; width:100px;overflow: hidden;right:4%;top:18px; position: absolute;z-index: 94;color: #fff;padding-left: 20px;background: url("http://www.protego.cn/static/images/yy.svg") left center no-repeat;background-size:12%;}





.mheader.mhfixed {background: #fff;}

.mheader.mhfixed .cd-nav-trigger.indexmnav span{ background:#000;}

/*.no-touch .mheader.mhfixed .cd-nav-trigger.indexmnav span{ background:#fff;}*/





.cd-nav-trigger{position: absolute;z-index:898;top:5px;right:3%;height:40px;width: 40px;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}

.cd-nav-trigger span{background:#000;position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width:20px; height: 2px;}

.cd-nav-trigger span::before, .cd-nav-trigger span:after{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: inherit; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -moz-transition: -moz-transform 0.2s, width 0.2s; transition: transform 0.2s, width 0.2s;}

.cd-nav-trigger span::before{-webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px);}

.cd-nav-trigger span::after{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px);}



.no-touch .cd-nav-trigger{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

.no-touch .cd-nav-trigger span{background:#fff;}

.no-touch .cd-nav-trigger span::after,.no-touch .cd-nav-trigger span::before{width: 50%;background:#fff;}

.no-touch .cd-nav-trigger span::before{-webkit-transform: translateX(2px) translateY(1px) rotate(45deg);-moz-transform: translateX(2px) translateY(1px) rotate(45deg);-ms-transform: translateX(2px) translateY(1px) rotate(45deg);-o-transform: translateX(2px) translateY(1px) rotate(45deg);transform: translateX(2px) translateY(1px) rotate(45deg);}

.no-touch .cd-nav-trigger span::after{-webkit-transform: translateX(2px) translateY(-1px) rotate(-45deg);-moz-transform: translateX(2px) translateY(-1px) rotate(-45deg);-ms-transform: translateX(2px) translateY(-1px) rotate(-45deg);-o-transform: translateX(2px) translateY(-1px) rotate(-45deg);transform: translateX(2px) translateY(-1px) rotate(-45deg);}



.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%; height: 100%;overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}

.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}



.cd-close-nav{position: absolute; height: 44px; width: 44px; right:6%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;}

.cd-close-nav::after, .cd-close-nav::before{content: ''; position: absolute; height:1px; width: 32px; left: 50%; top: 50%; background-color: #666; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.cd-close-nav::after{-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);}

.cd-close-nav::before{-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);}



.no-touch .cd-close-nav:hover{opacity: .8;}

.dtable {display: table;width: 100%;height: 100%;}

.dtable-cell {display: table-cell;vertical-align: middle;}

.cd-nav{ }

.cd-nav li{width:80%;margin: auto; overflow:hidden;position: relative;}

.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:16px; color:#939393;padding:5% 0; margin:0px auto;text-transform:uppercase;}

.cd-nav a.cur,

.cd-nav a:hover{color:#fff;}

.mchildren {display:none; width:100%; margin:0px auto;}

.mchildren a{border-bottom:none;position: relative; display: block;width:100%;text-align: center;font-size:14px; color:#666;padding:0.8em 0;}

.mchildren a:hover{background:none; color:#00a2ff;}



.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}

.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}



.bmob { display:block; float: none;padding-top:10%; margin:auto; text-align:center; clear:both; position:relative;overflow: hidden;}

.bmob a{ display: inline-block; float: none; margin:0 10px;text-align:center; font-size:14px;color: #666;}

.bmob form{ position:relative; display:block; width:80%; margin:5% auto auto;}

.bmob .searchinput{border-bottom:#484848 1px solid;line-height:35px; padding:1% 5%; outline:none;width:80%; margin:auto; font-size:18px; background:none; color:#999;}

.bmob .getsearch{ width:18px; height:18px;background: none; opacity: 0.4; position:absolute; right:50%;margin-right: -9px; top:10px; z-index:-1; cursor:pointer; outline:none;font-family: "font_family";-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.bmob .getsearch:hover {opacity:0.5;}

.bmob .getsearch::before {content: "\e60e";width: 30px;height: 30px;font-size:18px;color: #666;}

.bmob .getsearch.onfss {right:5%;margin-right: 0px;z-index:1;}





/*.cd-nav-trigger.indexmnav span{background:#fff;}*/

.no-touch  .mheader.mhfixed {background:none;}











 



/* 弹窗 */

.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}

.video-content {display: none;position: fixed;box-sizing: border-box;padding:0px;top:7.2%;left: 50%;width:1200px;margin-left: -600px;background:#131313;z-index: 1002;overflow: hidden;}

.video-content .main {position: relative;}

.video-content .main video {display: block;width: 100%;height: auto;}

.video-content .text {font-size: 14px;color: #ccc;line-height: 26px;padding:20px 20px 20px 150px;overflow: hidden;position: relative;}

.video-content .text h2 {display: block;padding-bottom: 5px;font-size: 18px;color: #fff;position: absolute;left: 40px;top: 22px;z-index:1;}

.video-content .close {display:block;width:40px;height: 40px;background:#fff url("http://www.protego.cn/static/images/del-h.svg") center no-repeat;background-size:60%;cursor: pointer;position: absolute;right: 0px;top: 0px;z-index: 99;}

.video-content .close:hover {background:#000 url("http://www.protego.cn/static/images/del-b.svg") center no-repeat;background-size:60%;}





.publicPop .content.white_content{width:500px;overflow: hidden;}

.white_content .dtable{}

.white_content .dtable .dtable-cell {height: auto!important;}

.white_content h2 {display: block;overflow: hidden;padding:1% 0 3% 0;font-size: 24px;color: #000;text-align: center;border-bottom: 1px solid #ededed;}

.white_content form * {display: block;overflow: hidden;}

.white_content form {overflow:hidden;display: block;padding:5%;position: relative;}

.white_content form select {border: 1px solid #ededed;padding:10px 30px 10px 20px;width:49%;appearance: none;-moz-appearance: none;-webkit-appearance: none;}

.white_content form select {background: url("../image/sj.png") 90% center no-repeat;}

.white_content form select::-ms-expand { display: none; }

.white_content form select,.white_content form select option {font-size: 14px;color: #999;}

.white_content form .sl {float: left;}

.white_content form .cr {float: right;}

.white_content form select.sc {width:100%;background-position:95% center;}

.white_content form input { outline:none;}

.white_content li { padding:5px 0; overflow:hidden; font-size:12px; color:#666;text-transform: capitalize;position: relative;}

.white_content li h6 {font-size: 12px;color: #000;display: inline-block;padding-right: 10px;}

.white_content li span {font-size: 12px;display: inline-block;text-transform: capitalize;}

.white_content li .inputfile {border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 12px;color: #666;background: #f1f1f1;cursor: pointer;}
.white_content li .inputfile input{ margin-left:-6em; text-indent:-99em;}

.uploadfile {position: absolute;right: 8px;top: 12px;z-index: 1;background: #023889;color: #000;line-height: 30px;padding:0 20px;cursor: pointer;}

.white_content .input { border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 14px;color: #666;}

.white_content .btn {padding:2% 0;overflow:hidden;}

.white_content .btn *{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.white_content .btn .submit {display:block;width:100%;float:left;padding:3% 0; font-size:14px; background:#000;border: none; color:#fff;cursor: pointer; text-align:center;}

.white_content .btn .submit:hover {background:#023889;}

.white_content .btn .guanbi {display:block;width:29px;height:29px;position: absolute;right:2%;top:2%;z-index: 3;cursor: pointer; text-align:center;font-family: "font_family";}

.white_content .btn .guanbi::before{content: "\e611";font-size:29px;color: #999;}

.white_content .btn .guanbi:hover::before {color: #000;}

.white_content .btn .guanbi:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}











.iplay { border:#FFF 2px solid;border-radius:100px; width:75px; height:75px; cursor: pointer; overflow:hidden; position:relative; margin:auto;}

.iplay i{display:block;width:0;height:0;border-width:8px 0px 8px 12px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:50%;left:50%; margin-left:-4px; margin-top:-8px;}

.iplay:hover {background: #fff;}

.iplay:hover i { border-color:transparent transparent transparent #000;}





.videoshow {display: none;background: #000;position: fixed;width: 100%;height:100%;z-index: 999;left: 0;top: 0;}

.videoshow .close {width: 40px;height: 40px;position: absolute;right: 2%;top: 5%;z-index: 104;cursor: pointer;}

.videoshow .close::before {font-family: "font_family";content: "\e611";color: #fff;font-size: 30px;}

.videoshow .close:hover {opacity: 0.5;}

.videoshow video {width:100%;height:100%;}



 

 



.pagenum { padding:1% 0 5% 0; overflow:hidden; clear:both;text-align: right;}

.pagenum a{ display:inline-block;vertical-align: top;height:35px;padding:0 15px; line-height:35px;text-align:center;color:#1a1a1a; overflow:hidden; margin:0 2px;font-size: 18px;font-family: 'Conv_Montserrat-Regular',Arial,"微软雅黑","黑体",'宋体';}

.pagenum a.cur,.pagenum a:hover,.pagenum a.on { background:#1a1a1a; color:#FFF;}

.pagenum a.return {width: 100px;font-size: 14px;float: left;}

.pagenum a:first-child,.pagenum a:last-child {font-size: 14px;font-weight: bold;}





.rolling-top {position: fixed; right:2%;bottom:10%;width: 30px; height: 80px; z-index: 999; display:none;cursor: pointer;}

.rolling-top h6 {font-size: 12px;color: #666;width: 10px;position:absolute;right:-5px;bottom:-20px;font-weight: normal;}

.rolling-top h5 {font-size: 12px;color: #fff;width: 100px;position:absolute;right:-55px;bottom:-20px;font-weight: normal;text-transform: uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);}

.rolling-top span { position: relative;width:100%;height:100%; display: block;}

.rolling-top i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #666;animation: rolling-top 2000ms infinite ease-out;-webkit-animation: rolling-top 2000ms infinite ease-out;}

@keyframes rolling-top{

	0%{height:100px;top:85%;opacity: 0;} 

	100%{height:30px;top:10%;opacity: 1;}

}

.rolling-top:hover h6{color: #f3c301;}

.rolling-top:hover i{background: #f3c301;}







/* 滚动内容样式 */

.scroll_main{width:100%;display: block;}

.scroll_wrap {width:100%;height: 610px;position: relative;}

.scroll_cont{height: 100%;overflow: hidden; padding-right:5%;}

.scroll_bar{position: absolute;top:0;right:0;width:4px;height: 100%;background-color: #ededed;}

.scroll_slider{position: absolute;top:0px;right:0px;width:4px;height:100px;background-color:#1a1a1a; overflow:hidden;opacity:1.5; cursor:pointer;z-index: 9;}

.scroll_slider:hover{background-color:#023889;}





/* select */

.nice-select { float:left;width:30%;padding: 0 10px;height: 41px;border: 2px solid #ccc;position: relative; margin-right:1%;background: #fff url(../image/sj.png) no-repeat 90% center;cursor:pointer;}

.nice-select input {display: block;width: 100%;height: 41px;line-height: 41px;border: 0;outline: 0;background: none;cursor:pointer;}

.nice-select ul {width: 100%;display: none;position: absolute;left: -2px;top: 41px;overflow: hidden;background-color: #fff;max-height: 150px;overflow-y: auto;border: 2px solid #ccc;border-top: 0;z-index:9999;}

.nice-select ul li {height: 41px;line-height: 41px;overflow: hidden;padding: 0 10px;cursor: pointer; font-size:14px;}

.nice-select ul li.on {background-color: #e0e0e0;}



.tab_box .tab_list>div{display:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;opacity:0; position:relative;}

.tab_box .tab_list>div.active{display:block;opacity:1;}





.swiper-button-next{ background:url(../image/icon_arrow_r_gray.png) center no-repeat; right:0px; padding:0 20px;}

.swiper-button-prev{ background:url(../image/icon_arrow_l_gray.png) center no-repeat;left:0px; padding:0 20px;}

.swiper-button-next:hover{background-color:#023889;}

.swiper-button-prev:hover{background-color:#023889;}