/* CSS Reset */
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:#666;-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: Arial,"寰蒋闆呴粦","webfont","榛戜綋",'瀹嬩綋';font-weight: normal;font-style: normal;}
strong {font-family: "寰蒋闆呴粦","webfontblod","榛戜綋",'瀹嬩綋';}
input {-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;}
textarea { -webkit-appearance: none;}
textarea::-webkit-input-placeholder {color:#999;}
input::-webkit-input-placeholder {color:#999;}
input::-moz-input-placeholder {color: #999;}
input::-ms-input-placeholder {color: #999;}
.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;}
section {width: 1200px;margin: auto;}


/* header */
.htop header {position: fixed;}
header {position: absolute;width: 100%;height: auto;left: 0;top: 0;z-index: 99;}
header  * {display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-header-top {background: #001a29;overflow: hidden;}
.zy-header-top .left {float: left;width:50%;height: 40px;line-height: 40px;color: #989da1;}
.zy-header-top .right {float: left;width:50%;}
.zy-header-top .right * {display:inline-block;vertical-align: middle; color: #99a3a9;}
.zy-header-top .right .language { float: right;}
.zy-header-top .right .language i{width: 14px;height: 14px;line-height:14px;margin-right: 5px;font-size: 14px;}
.zy-header-top .right .language a{line-height: 40px;}
.zy-header-top .right .language a:hover {color: #fff;}
.zy-header-top .right .language li div.en{width: 0;height: 40px;}
.zy-header-top .right .language li div.en a{margin-right: 0px;}
.zy-header-top .right .language li.language-show { }
.zy-header-top .right .language li.language-show div.en{width:auto;padding-left:10px;display:inline-block;}
.zy-header-top .right .language li a.en{width: 0;height: 40px;}
.zy-header-top .right .language li.language-show a.en{width:40px;padding-left:10px;display:inline-block;}


.zy-header-top .right .search {float: right;position: relative;margin-left: 10px;padding-left: 10px;margin-top:11px;}
.zy-header-top .right .search::before {content: '';width: 1px;height:100%;background:#334854;position: absolute;left: 0;top: 0;}
.zy-header-top .right .search i{width: 14px;height: 14px;display: block;}
.zy-header-top .right .search a:hover i{color: #fff;}
.zy-header {background: #fff;overflow: hidden;height:70px;}
.zy-header section {position: relative;}
.zy-header .zy-logo {display: block;left:0;position: absolute; }
.zy-header .zy-nav {float: right;width:100%;text-align: right;overflow: hidden;}
.zy-header .zy-nav a {color: #666;font-weight: bold;font-size: 15px;line-height: 20px;padding: 25px 3px 26px 3px;margin-left:3%;position: relative;overflow: hidden;display: inline-block;text-transform: capitalize;}
.zy-header .zy-nav a:hover {color: #00284d;}
.zy-header .zy-nav a::after {content: '';width: 100%;height:4px;background:#334854;position: absolute;left: 0;bottom: 0;display: none;}
.zy-header .zy-nav a.cur::after {display: block;} 
.zy-header .zy-nav a.cur {color: #00284d;font-weight: bold; } 

.htfixed header {-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.htfixed .zy-header-top{height: 0;}
/*鎮诞鍥哄畾瀵艰埅鏉￠珮搴�*/.htfixed .zy-header {height:70px;}
.htfixed .zy-header .zy-logo {width:90px;height: 35px;}
.htfixed .zy-header .zy-nav a {font-size: 14px;line-height: 18px;padding: 26px 3px;}






/* footer */
footer { overflow: hidden; position: relative;}
footer * {display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
footer .top {background: #10222d;}
footer .top .logo{ border-bottom: 1px solid #34434c;padding:3% 0 2.5% 0;}
footer .top .logo a {width:260px;height: 34px;}
footer .top .logo a img {width:100%;height: auto;}
footer .top .main{padding:3% 0; color: #797f83;line-height: 26px;}
footer .top .main .left{width:20%;float: left;}
footer .top .main .left .contact {}
footer .top .main .left .contact h4 {display:block;font-size: 16px; padding-bottom: 10px;color: #fff;}
footer .top .main .left .contact * {display: inline-block;line-height: 20px;}
.share {padding:5% 0;overflow: visible;} 
.share a{width: 30px;height: 30px;line-height: 30px;text-align: center;float: left;margin-right: 10px;font-size:20px;border-radius:100%;background: #404e57; position: relative;color: #10222d; font-family: "font_family";}
.share a:hover {background: #fff;} 
.share a.f1::before {content: "\e61e";}
.share a.f2::before {content: "\e61f";}
.share a.f3 {background:url(../fonts/tubiao.png) center no-repeat #404e57; background-size:50%;}
.share a.f4::before {content: "\e61d";}
.share a.f5 {background:url(../fonts/linkedin.svg) center no-repeat #404e57; background-size:50%;}
.share a.f5:hover {background:url(../fonts/linkedin.svg) center no-repeat #fff; background-size:50%;} 
.share a.f2 {position: relative;overflow: visible;}
.share a.f2 .showewm {display: none;width: 100px;height: 100px;position: absolute;left: -35px;bottom: 35px;z-index: 6;}
.share a.f2 .showewm img{width: 100px;height: 100px;display: block;}
.share a.f2:hover .showewm {display: block;}
footer .top .main .right {width:80%;float: right;}	
footer .top .main .right .nav {text-align: right;}
footer .top .main .right .nav ul{display: inline-block;vertical-align: top;text-align: left;padding-left:7%;position: relative;}
footer .top .main .right .nav ul:first-child::before {content: "";border-left: 1px #21323c solid;position: absolute;left: 0; height:100%;}
footer .top .main .right .nav ul h3{font-size: 14px;color:#fff;}
footer .top .main .right .nav ul li{padding-top: 10px;}
footer .top .main .right .nav ul:first-child li * {display: inline-block;}
footer .top .main .right .nav ul:first-child li a {display: inline-block;line-height: normal;}
footer .top .main .right .nav ul:first-child li p {display: block;}
footer .top .main .right .nav ul li a{font-size: 12px;color:#797f83;}
footer .top .main .right .nav ul li a:hover {color: #fff;}
footer .bottom {background: #0d1b24;padding: 15px 0;color: #5d6266;}
footer .bottom .left{width:50%;float: left;}
footer .bottom .right{width:50%;float: right;text-align: right;}
footer .bottom a {color: #5d6266;display: inline-block;vertical-align: top;}
footer .bottom a:hover {color: #fff;}
footer .top .main .right .nav.naven ul{padding-left:5%;}







/* mobile nav */
.nav_mobile{display: none;position: relative;}
.mheader {height:50px;background:#fff;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 {left:0;top: 0; position: absolute;z-index: 94;}
.mlogo h3 {background: #fff;font-size:18px;line-height:52px;color:#000;text-transform:uppercase;text-align: center;font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}

.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::after,.no-touch .cd-nav-trigger span::before{width: 50%;}
.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;}
.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: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:5%; 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;}
.bmob form{ position:relative; display:block; width:80%; margin:10% 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:#1a1a1a; color:#999;}
.bmob .getsearch{ width:18px; height:18px;opacity: 0.4; position:absolute; right:50%;margin-right: -9px; top:10px;background: none; 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;}


.dtable {display: table;width: 100%;height: 100%;}
.dtable-cell {display: table-cell;vertical-align: middle;padding-top:50px;}






/* slick plugin */
.slick-slider { display: block;/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; */}
.slick-slider *:focus { outline: none;}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; max-width:100%; height:auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto;   }
/* Arrows */
.slick-prev, .slick-next { position:absolute;display:block;height:50px;width:50px;cursor:pointer;z-index:80;top:50%; margin-top:-25px;padding:0;outline:none; border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 0.3;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;text-indent:-9999px; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev { left:0; }
.slick-next { right:0; }
.slick-prev:hover,.slick-next:hover {opacity: 1.0;}
.slick-prev:before {content: "\e60b";}
.slick-next:before {content: "\e60d";}
.slick-prev:before, .slick-next:before {font-size:40px;color:#fff;position: absolute;left: 0;top: 0;z-index: 3; width: 50px;height: 50px;font-family: "font_family";text-indent:0px; }
/* Dots */
.slick-slider { }
.slick-dots { position: absolute; bottom:50px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0;}
.slick-dots li { position: relative; display: inline-block; height:10px; width:10px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { margin-top: 5px;background:#fff; display: block; height:10px;width:10px; padding: 0px; cursor: pointer; outline: none; text-indent:-9999px;-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);border-radius:100px;border: none; overflow:hidden;}
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button {background: #fff;border: none;-moz-opacity:1.0; opacity:1.0;filter:alpha(opacity=100);}



 

/* 寮圭獥 */
.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("../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("../images/del-b.svg") center no-repeat;background-size:60%;}


.white_content {display: none;position: fixed;box-sizing: border-box;top:0;left: 50%;width:500px;height: 100%; margin-left: -225px;z-index: 1002;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%;background-color: #fff;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("../images/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 {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;}
.uploadfile {position: absolute;right: 0px;top: 5px;z-index: 1;background: #0a4263;color: #fff;line-height: 35px;padding:0 20px;cursor: pointer;}
.white_content .input,.white_content .textarea { text-transform: none; 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:#0a4263;border: none; color:#fff;cursor: pointer; text-align:center;}
.white_content .btn .submit:hover {background:#2f95d1;}
.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);}


.radio {border: 1px solid #ededed;padding:10px 5%;width:90%;}
.radio * {display:block;float: left;}
.radio h5{font-size: 14px; color:#999;}
.radio label {font-size: 14px; color:#999;margin:0 10px;}
.radio label .iradio{width: 15px;height: 15px;-webkit-appearance: radio;margin:3px 3px 0px 3px;}


 


.suspension{position:fixed;z-index:95;right:0;bottom:20%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;background: #fff;-moz-box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc ;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.suspension .a{display:block;width:55px;height:55px;border-bottom: 1px solid #e4e4e4;cursor:pointer;outline:none;position: relative;}
.suspension .a .i{line-height:55px;text-align: center; display: block;margin:auto;font-family: "font_family";position: relative;}
.suspension .a .i::after{color: #ccc;font-size:20px;}
.suspension .a-service-phone .i::after{content: "\e623";}
.suspension .a-cart .i::after{content: "\e623";}
.suspension .a-qrcode .i::after{content: "\e61f";}
.suspension .a-top{background:#005080;display:none;border-bottom:none;}
.suspension .a-top i::after {content: "\e625";color: #fff;}
.suspension .a-top:hover{background:#002034!important;}
.suspension .a:hover {background: #003a5d;}
.suspension .d{display:none;width:180px;background:#fff;position:absolute;right:70px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:50%;margin-top: -2px;}
.suspension .d-service-phone{top:-10px;}
.suspension .d-qrcode{top:20px;width:112px;}
.suspension .d-service{top:70px;}
.suspension .d-qrcode img{max-width: 100px;height: auto;display: block;}
.suspension .d .inner-box{padding:8px 10px;}
.suspension .d-service .d-service-item a { color:#333;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:10px 0; overflow:hidden;}
.suspension .d-service-item .circle{width:34px;height:34px;margin-top:4px; border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:34px;height:34px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:34px;height:34px;background:url(../images/side_con_icon02.png) no-repeat center center;background-size:50%; display:block;}
.suspension .d-service-item h3{float:left;line-height:34px;font-size:12px;margin-left:12px;}
.suspension .d-service-item .text{float:left;line-height:22px;font-size:12px;margin-left:12px;}
.inner-box .d-service-item:last-child{border-bottom:none !important;}




.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:15px 0px 15px 25px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:50%;left:50%; margin-left:-10px; margin-top:-15px;}
.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: #ccc;font-size: 30px;}
.videoshow .close:hover {opacity: 0.5;}
.videoshow video {width:100%;height:100%;}
.videoshow.indexvideo video{width: 70%;margin: auto;display: block;}






.pagenum { padding:3% 0 1% 0; overflow:hidden; clear:both;text-align: center;}
.pagenum a{ display:inline-block;vertical-align: top;height:35px;padding:0 15px; line-height:35px;text-align:center; border:#ccc 1px solid; color:#999; overflow:hidden; margin:0 2px;}
.pagenum a.cur,.pagenum a:hover,.pagenum a.on { background:#003a5d; color:#FFF;}
.pagenum a.return {width: 100px;font-size: 14px;float: left;}