/*头部*/
.mainwrap{width:1240px; margin:0px auto;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.3);}
.wrapper{width:auto}
.toper { background:url(../images/topdi.png) repeat-x #000;}
.toper .head{height:90px}
.toper .logo { display:block;float:left; background:url(../images/logo.png) no-repeat center;width:480px; height:80px; margin-top: 4px; margin-left: 20px}
.toper .t_right{float:right; padding-right: 20px; padding-top: 18px}
.toper .t_right .tel{text-align:right; padding:10px 0 0;}
.toper .t_right .tel i { width: 20px;height: 20px;background: url(../images/tel.png) no-repeat center center;background-size: contain;display: inline-block;vertical-align: middle;margin-right: 10px;}
.toper .t_right .tel strong { color:#00429c; font-size:18px}
.toper .t_right .yy{ text-align: right;}
.toper .t_right .yy img{display:inline-block; margin-right: 8px; margin-left: 15px}
.toper .t_right .yy span{ font-weight: bold; font-size:12px}
.toper .t_nav{height:50px; background:url(../images/menudi.png);font-size: 0; overflow: hidden}
.toper ul li { display:inline-block;text-align:center; position:relative; width:12.5%;}
.toper ul li:hover i,.toper ul li.on i { background:url(../images/menudion.png);}
.toper li a {font-size:16px; display:block; display:block; line-height:50px;color:#333;}
.toper li a:hover,.toper li:hover>a,.toper ul li.on a {background:url(../images/menudion.png); color:#fff;}
.toper li dl { position:absolute; z-index:999;top:55px;left:-20px;width:150px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a {font-size:12px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 20px}
.toper li dl dd a:hover { background:#231b00}
.topblank {}

.mbmenu { display:none;}
.mbmenu .nav{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__trigger {display: block;position:fixed;width: 30px;height: 25px;right:15px;top: 10px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 30px;height: 2px;background-color:#000;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 2px;position: absolute;background: #000;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-10px;}
.nav__icon:after {margin-top:10px;}
.mbmenu .nav { position:fixed; z-index:99996;top:0;width: 100%;height: 100%;right:0; background:rgba(0,0,0,0.9);right:-100%}
.mbmenu .nav--active .nav {right:0;}
.mbmenu .nav ul {margin:50px 0 0 0}
.mbmenu .nav li {}
.mbmenu .nav li a {color:#eee; font-size:14px;}
.mbmenu .nav li a:hover {color:#fff; background:none;}
.mbmenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.mbmenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #fff}
.mbmenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;}

/*内容*/
.hidden_m{display: block}
.hidden_pc{display: none}
.index{height:auto;padding:15px}
.lefttitle{ font-size:18px; font-weight:bold; color:#fff;line-height:28px; background:#0068bc; padding: 12px 0 12px 20px; border-radius: 0 10px 0 0}
.leftmenu{ border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; background:url(../images/leftmenudi.gif)}
.leftmenu li{ background:url(../images/icon-link2.png) no-repeat 15px 50%; border-bottom:1px solid #e5e5e5;font-size:14px; padding: 15px 0; font-weight:bold;}
.leftmenu li a{ padding-left:35px; display:block}
.leftmenu li a:hover{ background:url(../images/leftmenudion.gif); text-decoration:underline}
.leftmenu li.home{background:url(../images/leftmenudion.gif);}
/*原生下拉選單*/
.tab_m{display: none}
select.tab_m{width: 100%;height: 40px;font-size: 14px;font-weight: bold;color: #fff;line-height: 29px;border-radius: 0;	padding: 5px 40px 5px 15px;	margin-bottom: 10px;background-color: #147dd8;background-image: url(../images/drop.png);background-repeat: no-repeat;background-position: 96% 50%; border-radius: 3px;}
.leftmenu .tab_m option{/*background-color: #147dd8;*/}
select{ border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
select::-ms-expand { display: none; }
select option{	height:40px;}
.indexcontact{ background:#f7fbfe; padding:12px 12px 20px 15px;}
.indexcontact strong{ color:#00429c; font-size:14px}
.indexcontact p{ padding-top:10px}
.leftindex{ width:22%;float:left;height:auto;}
.aboutcontent{padding:25px; line-height: 200%}
.aboutcontent p{padding:6px 0}
.mt20{margin-top:15px}
.homedi{ width:auto; background:url(../images/rightdi.gif) repeat-x bottom; border:1px solid #e5e5e5;}
.homeimg{float:left; padding: 0 20px 0 0}
.rightindex{ width:76%;float:right; height:auto;}
.righttitle,.righttitle_rui{ background:url(../images/titledi.png) no-repeat center center; height:36px;}
.righttitle .righttitle_a{float:left; line-height:36px; font-size:16px; font-weight:bold; padding-left:35px; color:#022555}
.righttitle .righttitle_b{float:right; line-height:36px; text-align:right; padding-right:25px}
.righttitle .righttitle_b img{display:block}
.righttitle_rui .righttitle_a{float:left; line-height:36px; font-size:16px; font-weight:bold; padding-left:35px; color:#022555}
.righttitle_rui .righttitle_b{float:right; line-height:36px; text-align:right; padding-right:20px}
.leftsp{ border:1px solid #e5e5e5; margin-top:12px}
.leftsptitle{font-size:16px;padding-left:15px; color:#022555; font-weight:bold; line-height:45px; background:#e5f2f7;border-bottom:1px solid #e5e5e5;}
.rimg{float:right;}
.idx_pro{ padding:20px 15px;}
.idx_pro .wrapper { position: relative;}
.idx_pro .pro_swiper { overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide { text-align: center;position: relative;z-index: 1;}
.idx_pro .pro_swiper .swiper-slide h2 { position: relative;font-size:14px; text-align:center; padding:25px 0}
.idx_pro .swiper-button-prev{ top: 50%;width: 31px;height: 31px;background: url(../images/l1.png) no-repeat center center;background-size: contain;left:0;}
.idx_pro .swiper-button-next{top: 50%;width: 31px;height: 31px;background: url(../images/r1.png) no-repeat center center;background-size: contain;right:0;}
.idx_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/l2.png) no-repeat center center;background-size: contain;}
.idx_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/r2.png) no-repeat center center;background-size: contain;}
.page_pic {padding: 10px 10px 0}
.page_pic a {text-decoration: none;}
.page_pic img {	width:100%;}
.page_pic dt { text-align: center;padding:15px 0 0}
.page_pic li {text-align: center;float: left;width:22%; padding: 1.5%}
.footer{background:url(../images/footdi.gif) no-repeat top center; text-align: center; padding: 20px 0; border-top:3px solid #1284d8; line-height: 200%}
/*客服*/
.izl-rmenu{position:fixed; right:0; top:155px; z-index:999;}
.izl-rmenu .btna{width:55px; height:55px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/qq.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block;}
.izl-rmenu a:hover.btn-qq {background:url(../images/qq.png) no-repeat center center #ff811b;}
.izl-rmenu .btn-wx{background:url(../images/wx.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-wx:hover{background-color:#ff811b;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-111px; top:0px; display:none;width:111px;height:111px;}
.izl-rmenu .btn-wx .pic img,.izl-rmenu .btn-wx img{width:100%;max-width:none;}
.izl-rmenu .btn-phone{background:url(../images/tel1.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:130px; left:-130px; top:0px; line-height:55px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/top.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-top:hover{background-color:#ff811b;}

.productxxcs h2{ font-weight:bold;font-size:24px; color: #004599; line-height:45px}
.productxxcs{width:auto; text-align:center; padding: 15px 0}
.productxxcs img{display: block; margin: 0px auto; text-align: center}
.videotitle{ text-align:center; font-weight:bold;font-size:24px; color: #004599; line-height:45px;padding:20px 0 0}
.productxxsm{ padding:10px 20px 15px 20px; font-size:14px; line-height:180%}
.downloadcontent{padding:20px}
.videocontent{padding:15px 25px; text-align: center}
.videobox {margin:0 -10px}
.videobox li {float:left;width:33.333%; position:relative; overflow:hidden}
.videobox li .vbox{margin:10px}
.videobox li .pic img{width:100%;}
.videobox li .title { text-align:center;font-size:16px;padding:15px 0 10px}
.videobox li .cons { position:absolute; z-index:1;width:100%; height:100%; background:#0068bc; text-align:center;opacity:0;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.videobox li .cons .icon { background:url(../images/play.png) no-repeat center;width:50px; height:50px;margin:0 auto; margin-top: 40%}
.videobox li:hover .cons {opacity:0.8}

/*底部快捷菜单*/
.Fast-nav{position: fixed;bottom: 0;left: 0;width: 100%;background:#555;z-index: 9999999;padding: 3px 0;display: none;font-size: 12px;}
.Fast-nav li{width: 33.333%;float: left;text-align: center;position: relative;}
.Fast-nav li:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background:rgba(255,255,255,.3);}
.Fast-nav li:nth-child(4):after{display: none;}
.Fast-nav span{display:block}
.Fast-nav li a{color: #fff; line-height: 22px}
.Fast-nav .tel {background:url(../images/downtel.png) no-repeat center center; width: 22px; height: 22px;margin:0 auto; margin-top: 3px}
.Fast-nav .cp{background:url(../images/downcp.png) no-repeat center center; width: 22px; height: 22px;margin:0 auto; margin-top: 3px}
.Fast-nav .map {background:url(../images/downwz.png) no-repeat center center; width: 22px; height: 22px;margin:0 auto; margin-top: 3px}
.Fast-nav .top {background:url(../images/downhome.png) no-repeat center center; width: 22px; height: 22px;margin:0 auto; margin-top: 3px}
@media (max-width:1024px){
	.Fast-nav{display:block}
}

@media (max-width:1024px) {
.mainwrap{width:auto; box-shadow:0;}
body { font-size:14px; background:none}
.wrapper{width:auto;padding:0}
.index{padding:10px}
.topblank { height:50px}
.toper { background:#da2b45;}
.toper,.headon.active { background:#eee;height:50px;position: fixed;top: 0;left: 0;width: 100%;z-index: 15;}
.toper .logo,.headon.active .logo {margin:4px 0 0 0;width:240px; height:40px; background-size:100%;}
.toper .t_nav { display:none;}
.toper ul li { width:100%;}
.toper .t_right{display:none;}
.toper .t_right .tel{display:none;}
.toper .t_right .yy{ text-align: right;}
.toper .t_right .yy img{display:inline-block; margin-right: 8px; margin-left:0}
.toper .t_right .yy span{display:none;}
.mbmenu { display:block;}
.mbmenu ul { display:block;float:none; text-align:center;margin:30px 0 0 0}
.mbmenu li { display:block;width:100%;margin:0;}
.mbmenu li a {font-size:14px;border-width:0;line-height:40px;padding:0;color:#fff; display: block}
.mbmenu li a:hover { background:none}
.accordionmenu {}
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:40px; line-height:40px;color:#fff;font-size:14px}
.accordionmenu li .link a {color:#fff;font-size:14px;}
.accordionmenu li.open .link { background:#ad0000;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #333;}
.accordionmenu .submenu p { padding:0;margin:0;height:40px; line-height:40px; background:#242424;border-top:1px solid #333;}
.accordionmenu .submenu p a { display:block;color:#bbb;font-size:12px;height:40px; line-height:40px;}
.accordionmenu .submenu p a:hover {color:#fff}
.footer{ padding: 10px 0 50px; line-height: 160%}
.hidden_m{display: none}
.hidden_pc{display: block}
.izl-rmenu{display: none}
.leftindex,.rightindex{ width:100%;float:none;}
.indexcontact,.leftsp{display: none}
.homedi{ width:auto; background:none; border:0px solid #e5e5e5;}
.idx_pro{ padding:10px 0;}
.page_pic {padding: 10px 0 0}
.page_pic a {text-decoration: none;}
.page_pic dt { text-align: center;padding:15px 0 10px}
.page_pic li {width:49%; padding:0.5%}
.aboutcontent{padding:15px 0}
.righttitle{ background:#3b9df2; border-radius: 3px;}
.righttitle .righttitle_a{font-size:14px;padding-left:15px; color:#fff}
.righttitle .righttitle_b{padding-right:15px}
.righttitle .righttitle_b img{padding-top: 5px}
.righttitle_rui{ background:none; height:36px; border-bottom: 1px solid #e2e2e2; padding-bottom: 5px}
.righttitle_rui .righttitle_a{float:none; font-size:18px;padding-left:0; color:#073f90; text-align: center}
.righttitle_rui .righttitle_b{display: none}

.leftmenu{ border-left:0px solid #e5e5e5;border-right:0px solid #e5e5e5; background:none}
.leftmenu ul,.lefttitle{ display: none}
.tab_m{display: block}
.productxxcs h2{ font-weight: normal;font-size:18px; color: #333; line-height:45px}
.videotitle{ text-align:center; font-weight: normal;font-size:18px; color: #333; line-height:45px;padding:10px 0 0}
.productxxsm{ padding:10px 5px;}
.downloadcontent{padding:0px}
.videocontent{padding:15px 0;}
.videobox {margin:0}
.videobox li {width:50%;}
.videobox li .vbox{margin:0}
.videobox li .title { font-size:14px;padding:15px 0 10px}
.videobox li .cons { position:absolute; z-index:1;width:100%; height:100%; background:#0068bc; text-align:center;opacity:0;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.videobox li .cons .icon { background:url(../images/play.png) no-repeat center;width:50px; height:50px;margin:0 auto; margin-top: 40%}
.rimg{float:none; text-align: center; margin: 0px auto}
.swiper-pagination-bullet{ height: 10px;  width: 10px; background-color: #fff; border-radius: 50%;}
.swiper-pagination-bullet-active{background: #00a0e9;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
}