﻿@charset "utf-8";
/* CSS Document */
/*basemode*/
.content_box { margin: 0 auto; max-width: 1220px; }
/*头部*/
.wrap { width: 100%; min-width: 320px; margin: 0 auto; }
.header { width: 100%; height: 100%; }
.top { width: 100%; background: #0a0a28; height: 34px; font-size: 12px; color: #fff; line-height: 34px; }
.topl { float: left; }
.topl-ic1 img { display: inline; margin-top: 2px; }
.topr { float: right; }
.topr-item { float: left; margin-left: 15px; }
.topr-nav { display: inline-block; padding-right: 11px; background: url(../images/pictoparr01.png) no-repeat right center; cursor: pointer; }
.top-phone { padding-left: 20px; background: url(../images/picphone01.png) no-repeat left center; display: inline-block; margin-left: 10px; cursor: pointer; }
.logobox { height: 50px; background: #f5f5f5; font-size: 12px; color: #666; line-height: 50px; }
.logol { float: left; }
.logo { float: left; margin-right:-6px; width: 158px; height: 50px; background: url(../images/logo01.png) no-repeat left center; }
.logonav { float: left; line-height: 50px; }
.logonav a { float: left; margin-right:-58px; display: inline-block; color: inherit; }
.online { padding-left: 18px; background: url(../images/picdot01.png) no-repeat left center; }
.logophone { display: inline-block; float: right; padding-left: 26px; background: url(../images/picmsg01.png) no-repeat left center; }
.nav { height: 70px; border-bottom: 1px solid #dbdbdb; margin-bottom: 4px; position: relative; margin-top: 45px;background:#ffffff; }


.nav-first { float: left; margin-right: 56px; }
.nav-first:hover .nav-first-btn { color: #838383; }
.nav-first-btn { display: inline-block; padding-left: 34px; background: url(../images/picnav01.png) no-repeat 10px center; font-size: 16px; color: #333; line-height: 70px; cursor: pointer; position: relative; }
.nav-first-sub { position: absolute; top: 54px; left: 0px; width: 100%; height: 320px; z-index: 1111; display: none; }
.nav-first-sub .content_box { box-sizing: border-box; border: 1px solid #e8e8e8; background: #fff; filter: Alpha(opacity=95); background-color: rgba(255,255,255,0.95); position: relative; }
.nav-first-top { position: absolute; top: -40px; width: 120px; height: 40px; left: -1px; box-sizing: border-box; border: 1px solid #e8e8e8; border-bottom-color: #fff; }
.nav-first-menu { padding: 20px 30px; width: 800px; float: left; }
.nav-first-menu h3 { font-size: 16px; color: #d5001d; margin-bottom: 10px; }
.navlist-f1 { overflow: hidden; }
.navlist-f1 > li { float: left; width: 180px; position: relative; padding-left: 18px; background: url(../images/picnav02.png) no-repeat left 12px; }
.navlist-f1 > li > a { display: inline-block; font-size: 12px; color: #585858; line-height: 30px; }
.navlist-f1 > li > a:hover { color: #df0407; }
.navlist-f1 > li .linkf1ic1 { padding-right: 26px; background: url(../images/pichot01.png) no-repeat right center; }
.navlist-f1 > li .linkf1ic1 { margin-left: 4px; vertical-align: middle; }
.nav-first-guide { float: right; background: #000; filter: Alpha(opacity=5); background-color: rgba(0,0,0,0.05); height: 320px; width: 260px; }
.nav-first-guide .gd-cont { padding-top: 25px; padding-left: 30px; }
.gd-cont h3 { font-size: 16px; color: #ff6c00; margin-bottom: 20px; }
.nav-fgdlist li { margin-bottom: 16px; width: 200px; height: 30px; border: 1px solid #ff6c00; text-align: center; background-color: transparent; border-radius: 12px; cursor: pointer; }
.nav-fgdlist li span { display: inline-block; padding-left: 28px; background-position: left center; background-repeat: no-repeat; font-size: 14px; color: #ff6c00; line-height: 30px; }
.nav-fgdlist li:hover { background-color: #ff6c00; }
.nav-fgdlist li:hover span { color: #fff; }
.nav-fgdlist li.curfgd { background-color: #ff6c00; }
.nav-fgdlist li.curfgd span { color: #fff; }
.nav-fgdlist li .fgdic1 { background-image: url(../images/picnav03.png); }
.nav-fgdlist li .fgdic2 { background-image: url(../images/picnav04.png); }
.nav-fgdlist li .fgdic3 { background-image: url(../images/picnav05.png); background-position: 2px center; }
.nav-fgdlist li .fgdic4 { background-image: url(../images/picnav06.png); }
.nav-fgdlist li .fgdic5 { background-image: url(../images/picnav07.png); }
.nav-fgdlist li:hover .fgdic1 { background-image: url(../images/picnav03h.png); }
.nav-fgdlist li:hover .fgdic2 { background-image: url(../images/picnav04h.png); }
.nav-fgdlist li:hover .fgdic3 { background-image: url(../images/picnav05h.png); }
.nav-fgdlist li:hover .fgdic4 { background-image: url(../images/picnav06h.png); }
.nav-fgdlist li:hover .fgdic5 { background-image: url(../images/picnav07h.png); }
.nav-fgdlist li.curfgd .fgdic1 { background-image: url(../images/picnav03h.png); }
.nav-fgdlist li.curfgd .fgdic2 { background-image: url(../images/picnav04h.png); }
.nav-fgdlist li.curfgd .fgdic3 { background-image: url(../images/picnav05h.png); }
.nav-fgdlist li.curfgd .fgdic4 { background-image: url(../images/picnav06h.png); }
.nav-fgdlist li.curfgd .fgdic5 { background-image: url(../images/picnav07h.png); }
.nav-second { float: left; }
.nav-second-item, .nav-second-itemcl { float: left; margin-right: 38px; }
.nav-link1 { display: inline-block; font-size: 14px; color: #0078d7; line-height: 69px; padding-right: 20px; background: url(../images/picarrowb01.png) no-repeat right center; }
.nav-second-item:hover .nav-link1 { color: #df0407; background-image: url(../images/picarrowb01h.png); border-bottom: 3px solid #df0407; }
.nav-second-itemcl:hover .nav-link1 { color: #df0407; background-image: url(../images/picarrowb01h.png); border-bottom: 3px solid #df0407; }
.nav-second-sub, .nav-second-subcl { position: absolute; top: 71px; left: 0px; width: 100%; min-height: 164px; background: url(../images/imgbjnav01.png) no-repeat center center; z-index: 120; background-size: cover; visibility: hidden; -webkit-transition: opacity 0.7s; -transition: opacity 0.7s; opacity: 0; *top: 100px; *position: absolute; }
.nav-second-tit { float: left; padding: 10px 24px 10px 10px; margin-top: 35px; border-right: 1px solid #d2d2d2; }
.navlist-s1 { float: left; margin-left: 70px; }
.navlist-s1 > li { float: left; width: 150px; height: 160px; }
.navlist-s1 > li a { display: block; }
.navlist-s1 > li .navimgbox { width: 100%; height: 66px; background-position: center center; background-repeat: no-repeat; margin-top: 30px; transition: all 0.2s; -webkit-transition: all 0.2s; }
.navlist-s1 > li .navs1ic1 { background-image: url(../images/picnavl01.png); }
.navlist-s1 > li .navs1ic2 { background-image: url(../images/picnavl02.png); }
.navlist-s1 > li .navs1ic3 { background-image: url(../images/picnavl03.png); }
.navlist-s1 > li .navs1ic4 { background-image: url(../images/picnavl04.png); }
.navlist-s1 > li .navs1ic5 { background-image: url(../images/picnavl05.png); }
.navlist-s1 > li .navs1ic6 { background-image: url(../images/picnavl06.png); }
.navlist-s1 > li .navs1ic7 { background-image: url(../images/picnavl07.png); }
.navlist-s1 > li .navs1ic8 { background-image: url(../images/picnavl08.png); }
.navlist-s1 > li .navs1ic9 { background-image: url(../images/picnavl09.png); }
.navlist-s1 > li .navs1ic10 { background-image: url(../images/picnavl10.png); }
.navlist-s1 > li .navs1ic11 { background-image: url(../images/picnavl11.png); }
.navlist-s1 > li .navs1ic12 { background-image: url(../images/picnavl12.png); }
.navlist-s1 > li .navs1ic13 { background-image: url(../images/picnavl13.png); }
.navlist-s1 > li .navs1ic14 { background-image: url(../images/picnavl14.png); }
.navlist-s1 > li .navs1ic15 { background-image: url(../images/picnavl15.png); }
.navlist-s1 > li .navs1ic16 { background-image: url(../images/picnavl16.png); }
.navlist-s1 > li .navs1ic17 { background-image: url(../images/picnavl17.png); }
.navlist-s1 > li .navs1ic18 { background-image: url(../images/picnavl18.png); }
.navlist-s1 > li .navs1ic19 { background-image: url(../images/picnavl19.png); }


/*智能设备*/
.navlist-s1>li .navs1icai1{ background-image:url(../images/ai-1.png);}
.navlist-s1>li .navs1icai2{ background-image:url(../images/ai-2.png);}
.navlist-s1>li .navs1icai3{ background-image:url(../images/ai-3.png);}
.navlist-s1>li .navs1icai4{ background-image:url(../images/ai-4.png);}
.navlist-s1>li .navs1icai5{ background-image:url(../images/ai-5.png);}
.navlist-s1>li .navs1icai6{ background-image:url(../images/ai-6.png);}

.navlist-s1 > li .navs1ic20 { background-image: url(../images/mb.png); }

.navlist-s1 > li:hover .navs1ic1 { background-image: url(../images/picnavl01h.png);*cursor:pointer;*background-image:url(../images/picnavl01h.png); }
.navlist-s1 > li:hover .navs1ic2 { background-image: url(../images/picnavl02h.png);*cursor:pointer;*background-image:url(../images/picnavl02h.png); }
.navlist-s1 > li:hover .navs1ic3 { background-image: url(../images/picnavl03h.png);*cursor:pointer;*background-image:url(../images/picnavl03h.png); }
.navlist-s1 > li:hover .navs1ic4 { background-image: url(../images/picnavl04h.png);*cursor:pointer;*background-image:url(../images/picnavl04h.png); }
.navlist-s1 > li:hover .navs1ic5 { background-image: url(../images/picnavl05h.png);*cursor:pointer;*background-image:url(../images/picnavl05h.png); }
.navlist-s1 > li:hover .navs1ic6 { background-image: url(../images/picnavl06h.png);*cursor:pointer;*background-image:url(../images/picnavl06h.png); }
.navlist-s1 > li:hover .navs1ic7 { background-image: url(../images/picnavl07h.png);*cursor:pointer;*background-image:url(../images/picnavl07h.png); }
.navlist-s1 > li:hover .navs1ic8 { background-image: url(../images/picnavl08h.png);*cursor:pointer;*background-image:url(../images/picnavl08h.png); }
.navlist-s1 > li:hover .navs1ic9 { background-image: url(../images/picnavl09h.png);*cursor:pointer;*background-image:url(../images/picnavl09h.png); }
.navlist-s1 > li:hover .navs1ic10 { background-image: url(../images/picnavl10h.png);*cursor:pointer;*background-image:url(../images/picnavl10h.png); }
.navlist-s1 > li:hover .navs1ic11 { background-image: url(../images/picnavl11h.png);*cursor:pointer;*background-image:url(../images/picnavl11h.png); }
.navlist-s1 > li:hover .navs1ic12 { background-image: url(../images/picnavl12h.png);*cursor:pointer;*background-image:url(../images/picnavl12h.png); }
.navlist-s1 > li:hover .navs1ic13 { background-image: url(../images/picnavl13h.png);*cursor:pointer;*background-image:url(../images/picnavl13h.png); }
.navlist-s1 > li:hover .navs1ic14 { background-image: url(../images/picnavl14h.png);*cursor:pointer;*background-image:url(../images/picnavl14h.png); }
.navlist-s1 > li:hover .navs1ic15 { background-image: url(../images/picnavl15h.png);*cursor:pointer;*background-image:url(../images/picnavl15h.png); }
.navlist-s1 > li:hover .navs1ic16 { background-image: url(../images/picnavl16h.png);*cursor:pointer;*background-image:url(../images/picnavl16h.png); }
.navlist-s1 > li:hover .navs1ic17 { background-image: url(../images/picnavl17h.png);*cursor:pointer;*background-image:url(../images/picnavl17h.png); }
.navlist-s1 > li:hover .navs1ic18 { background-image: url(../images/picnavl18h.png);*cursor:pointer;*background-image:url(../images/picnavl18h.png); }
.navlist-s1 > li:hover .navs1ic19 { background-image: url(../images/picnavl19h.png);*cursor:pointer;*background-image:url(../images/picnavl19h.png); }

.navlist-s1 > li:hover .navs1ic20 { background-image: url(../images/mb2.png);*cursor:pointer;*background-image:url(../images/mb.png); }

.navlist-s1 > li p { font-size: 12px; color: #4b4b4b; line-height: 30px; text-align: center; }
.navlist-s1 > li:hover p { color: #df0407; *color: #df0407; }
.navlist-s1 > li:hover { background:url(../images/hover.png); }
.nav-third { float: right; }
.nav-third a { float: left; margin-left: 40px; font-size: 14px; color: #666; display: inline-block; line-height: 70px; }
.nav-third a:hover { color: #0078d7; }
/*banner*/
.banner { width: 100%; position: relative; overflow: hidden; }
/*.flexslider { width: 100%; position: relative; overflow: hidden; background: url(images/loading.gif) 100% no-repeat; }*/
.flexslider { width: 100%; position: relative; overflow: hidden; }
.slides { position: relative; z-index: 1; width: 100%; }
.slides li { height: 320px; }
.slides li a { display: block; width: 100%; height: 100%; text-align: left; text-indent: -9999px; }
.flex-control-nav { position: absolute; bottom: 30px; z-index: 2; width: 96%; padding-right: 4%; text-align: right; }
.flex-control-nav li { width: 12px; height: 12px; margin: 0 5px; display: inline-block; *display: inline; zoom: 1; }
.flex-control-nav a { width: 12px; height: 12px; line-height: 40px; display: inline-block; overflow: hidden; background: url(../images/picdot02.png) right 0 no-repeat; cursor: pointer; }
.flex-control-nav .flex-active { background-image: url(../images/picdot02h.png); }
.banner img { width: 100%; }
.banner_box { width: 100%; float: left; position: relative; opacity: 0; display: block; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; }
.banner_box1 { background-image: url(../images/banner01.jpg); }
.banner_box2 { background-image: url(../images/banner02.jpg); }
.banner_box3 { background-image: url(../images/banner03.jpg); }
.banner_box4 { background-image: url(../images/banner04.jpg); }
/*morebox*/
.morebox1 { text-align: center; }
.morebox1 a { display: inline-block; width: 140px; height: 30px; background: #fff; text-align: center; border: 1px solid #e5e5e5; }
.morebox1 a i { display: inline-block; padding-right: 33px; background: url(../images/picmore01.png) no-repeat right center; font-size: 12px; color: #cacaca; line-height: 30px; }
.morebox1 a:hover { background: #e60012; }
.morebox1 a:hover i { color: #fff; background-image: url(../images/picmore01h.png); }
/*nav second btn*/
.menuicon { height: 3px; width: 30px; position: absolute; top: 10px; background-color: #0078d7; border-radius: 2px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; }
.menuicon:before { left: 0; position: absolute; top: -11px; height: 3px; width: 30px; background-color: #0078d7; content: ""; border-radius: 2px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; }
.menuicon:after { left: 0; position: absolute; top: 11px; height: 3px; width: 30px; background-color: #0078d7; content: ""; border-radius: 2px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; }
.navsecondbtn { width: 30px; height: 30px; position: absolute; top: 22px; right: 3%; transition-duration: 1s; -webkit-transition-duration: 1s; display: inline-block; cursor: pointer; display: none; }
.burger .menuicon { transition-duration: 0.5s; transition-delay: 0.5s; -webkit-transition-duration: 0.5s; -webkit-transition-delay: 0.5s; }
.burger .menuicon:after { transition: transform 0.5s, top 0.5s 0.5s; -webkit-transition: transform 0.5s, top 0.5s 0.5s; }
.burger .menuicon:before { transition: transform 0.5s, top 0.5s 0.5s; -webkit-transition: transform 0.5s, top 0.5s 0.5s; }
.burger.open .menuicon { transition-duration: 0.1s; transition-delay: 0.5s; -webkit-transition-duration: 0.1s; -webkit-transition-delay: 0.5s; background: transparent; }
.burger.open .menuicon:before { transition: top 0.5s, transform 0.5s 0.5s; -webkit-transition: top 0.5s, transform 0.5s 0.5s; top: 0px; transform: rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); }
.burger.open .menuicon:after { transition: top 0.4s, transform 0.5s 0.5s; -webkit-transition: top 0.4s, transform 0.5s 0.5s; top: 0px; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); }
/*foot*/
.foot { background: #f5f5f5; }
.foot-one { padding: 30px 0; background:#ffffff;}
.foot-nav { float: left; width: 100%; }
.foot-nav dl { float: left; width:182px; margin-right: 6px; min-height: 180px; margin-left: 15px; }
.foot-nav dl.last { width: 180px; margin: 0px; }
.foot-nav dl dt { padding-left: 30px; position: relative; font-size: 14px; color: #000; font-weight: bold; margin-bottom: 10px; }
.foot-nav dl .ic { position: absolute; top: 2px; left: 0px; }
.foot-nav dl dd { font-size: 12px; color: #666; line-height: 24px; }
.foot-nav dl dd a { color: inherit; display: inline-block; padding-left: 12px; background: url(../images/picdot03.png) no-repeat 2px center; }
.foot-two { padding: 25px 0; border-top: 1px solid #e9e9e9; font-size: 12px; color: #666; line-height: 24px; }
.foot-three { border-top: 1px solid #e9e9e9; font-size: 12px; color: #666; line-height: 24px; }
.foot-three a { float: left; margin-left: 12px; color: #666; }
.foot-three a:hover { color: #919191; }
.copyright { float: left; margin-right: 10px; }
.foot-two p { float: left; margin-left: 10px; color: #919191; }
.foot-two .ftic { float: right; }
.banner-inner { width: 100%; height: 280px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.banner-inner0 { width: 100%; height: 350px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.banner-inner00 { width: 100%; height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.banner-inner1 { background-image: url(../images/banners03.jpg); }
.banner-inner2 { background-image: url(../images/banners09.jpg); }
.banner-inner3 { background-image: url(../images/banners05.jpg); }
.banner-inner4 { background-image: url(../images/banners02.jpg); }
.banner-inner5 { background-image: url(../images/banners11.jpg); }
.banner-inner6 { background-image: url(../images/banners01.jpg); }
.banner-inner7 { background-image: url(../images/banners14.jpg); }
.banner-inner8 { background-image: url(../images/banners10.jpg); }
.banner-inner9 { background-image: url(../images/banners06.jpg); }
.banner-inner10 { background-image: url(../images/banners13.jpg); }
.banner-inner11 { background-image: url(../images/banners12.jpg); }
.banner-inner12 { background-image: url(../images/banners08.jpg); }
.banner-inner20 { background-image: url(../images/banners20.jpg); }
.banner-inner21 { background-image: url(../images/banners21.jpg); }
.head-menublock { width: 100%; padding-bottom: 4px; border-bottom: 1px solid #dbdbdb; top: 155px; left: 0px; z-index: 119; background: #fff; filter: Alpha(opacity=90); background-color: rgba(255,255,255,0.90); }
.head-menublock .itembox { position: relative; margin-left: 120px; border-left: 1px solid #e5e5e5; }
.head-menublock .itembox:after { content: ""; display: block; clear: both; }
.head-menublock .item { float: left; font-size: 14px; color: #4b4b4b; padding: 15px 0; }
.head-menublock .item.bdl1 { box-sizing: border-box; border-left: 1px solid #e5e5e5; }
.head-menublock .item a { color: inherit; }
.head-menublock .item a:hover { color: #0078d7; }
.head-menublock .item a, .head-menublock .item span, .head-menublock .itemh span { display: block; line-height: 24px; margin: 0 15px; }
.head-menublock .itemh { position: absolute; top: 0px; left: -120px; width: 110px; font-size: 16px; color: #2b2b2b; padding: 15px 0; }
.nav-second-item:hover .nav-second-sub { visibility: visible; opacity: 1; }
.navcl { display: none; }
@media(max-width:1200px) { .foot-one .content_box;
	{ width: 98%; }
	.foot-nav dl { width: 24%; margin-right: 1%; }
	.foot-nav dl.last { width: 24%; margin-right: 1%; }
	.logol2 { margin-left: 49%!important; }
}
@media(max-width:1119px) { .nav-first-guide;
	{ display: none; }
	.nav-first-sub { width: 100%; height: auto; }
	.navlist-f1 > li { width: 29%; margin-right: 2%; }
	.nav-first-menu { width: 94%; padding: 20px 3%; }
	.nav-second-tit { display: none; }
	.navlist-s1 { padding-left: 3%; margin-left: 0; width: 94%; }
	.navlist-s1 > li { width: 20%; }
	.content_box { width: 94%; }
	.banner_box1 { background-image: url(../images/banner01x.jpg); }
	.banner_box2 { background-image: url(../images/banner02x.jpg); }
	.banner_box3 { background-image: url(../images/banner03x.jpg); }
	.banner-inner1 { background-image: url(../images/banners03x.jpg); }
	.banner-inner2 { background-image: url(../images/banners09x.jpg); }
	.banner-inner3 { background-image: url(../images/banners05x.jpg); }
	.banner-inner4 { background-image: url(../images/banners02x.jpg); }
	.banner-inner6 { background-image: url(../images/banners01x.jpg); }
	.banner-inner7 { background-image: url(../images/banners14x.jpg); }
	.banner-inner8 { background-image: url(../images/banners10x.jpg); }
	.banner-inner9 { background-image: url(../images/banners06x.jpg); }
	.banner-inner10 { background-image: url(../images/banners13x.jpg); }
	.banner-inner11 { background-image: url(../images/banners12x.jpg); }
	.banner-inner12 { background-image: url(../images/banners08x.jpg); }
	/*.banner-inner20 { background-image: url(../images/banners20x.jpg); }
	.banner-inner21 { background-image: url(../images/banners21x.jpg); }*/
	.logol2 { margin-left: 39%!important; }
}
@media(max-width:1000px) { .head-menublock;
	{ display: none; }
	.logol2 { margin-left: 22%!important; }
}

@media(max-width:770x) { .logol2;
	{ margin-left: 22%!important; }
}

@media(max-width:768px) { .logophone1;
	{ display: block!important; }
	.navlist-f1 > li { width: 40%; margin-right: 2%; }
	.top { display: none; }
	.logophone { display: none; }
	.logonav .topabout { display: none; }
	.nav-third { display: none; }
	.navlist-s1 > li { width: 30%; }
	.nav-link1 { line-height: 45px; background-image: url(../images/picarrowr01.png); }
	.nav-second-item:hover .nav-link1 { background-image: url(../images/picarrowr01h.png); }
	.nav-second-itemcl:hover .nav-link1 { background-image: url(../images/picarrowr01h.png); }
	.navsecondbtn { display: block; }
	/* .nav-second { width: 100%; display: none; float: none; position: absolute; top: 70px; left: 0px; background: #fff; filter: Alpha(opacity=90); background-color: rgba(255,255,255,0.90); z-index: 130; padding-bottom: 20px; border-top: 1px solid #e5e5e5; } */
	.nav-second-item, .nav-second-itemcl { width: 94%; margin-left: 3%; }
	.nav-second-sub, .nav-second-subcl { top: 0px; }
	.foot-nav { width: 100%; }
	.foot-one .content_box { width: 94%; }
	.foot-nav dl { width: 50%; margin: 0px; margin-bottom: 10px; }
	.foot-nav dl.last { width: 50%; margin: 0px; margin-bottom: 10px; }
	.foot-two p { float: left; }
	.head-menublock .item { width: 100%; }
	.head-menublock .item.bdl1 { border: none; }
	.banner-inner { height: 200px; }
	.foot-two .ftic { float: left; margin-top: 10px; width: 100%; }
	.head-menublock { top: 121px; }
	.nav { display: none; }
	.navcl { display: block; }
	.nav-second-subcl { visibility: visible; opacity: 1; }
	.logol2 { margin-left: 0px!important; }
	.logobox { top: 0px!important; }
}
@media(max-width:500px) { .flexslider;
	{ height: 200px; }
	.slides li { height: 200px; }
	.banner-inner { height: 150px; }
}

@media(max-width:400px) { .navlist-f1 > li;
	{ width: 80%; margin-right: 2%; }
	.navlist-s1 > li { width: 50%; }
}

@media screen and (min-width: 520px) and (max-width: 640px) {
	.one { display: none; }
	.two { display: none; }
	.case-iconnav2 { padding-left: 0px!important; }
	.casenavlist2-box { padding-left: 0px!important; }
	.casenavlist2 > li { width: 30% !important; }
	.casenavlist2 { margin-left: 5%; }
	.case-iconnav2-cont > a { width: 25%; margin-right: 0px!important; }
}


@media screen and (min-width: 0px) and (max-width: 520px) {
	.one { display: none; }

	.two { display: none; }
	.case-iconnav2 { padding-left: 0px!important; }
	.casenavlist2-box { padding-left: 0px!important; }
	.casenavlist2 > li { width: 30% !important; margin-left: 10%; }

	.case-iconnav2-cont > a { width: 30%; margin-right: 0px!important; margin-left: 10%; }
}

@media screen and (min-width: 0px) and (max-width: 370px) {
	.case-iconnav2-cont > a { width: 40%; margin-right: 0px!important; margin-left: 0%!important; }
	.casenavlist2 > li { width: 40% !important; margin-left: 0%!important; }
	.casenavlist2 { margin-left: 10%; }
	.case-iconnav2 { margin-left: 5%; }
}

/* 2020219 */
@media(max-width:780px){
	.nav{
		/* margin-top: 0 !important; */
		height: auto !important;
	}

	.content_box.dro .nav-second {
		z-index: 130;
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: nowrap;
		width: 100%;
		overflow-x: auto;
	}
	.content_box.dro .nav-second-sub{
		opacity: 1;
	}
	.content_box.meubox .nav-second-sub{
		top: 71px;
	}
	.content_box.meubox .nav-second-item{
		width: 100%;
		margin-left: 10px;
		margin-right: 10px;
	}
}

.content_box .logol2{
	margin-left: 48%;
}


	/* 右侧 */
			.iconfont {
				font-family: "iconfont" !important;
				font-size: 16px;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-webkit-text-stroke-width: 0.2px;
				-moz-osx-font-smoothing: grayscale;
			}

			.form-control {
				display: block;
				width: 100%;
				height: 32px;
				padding: 4px 12px;
				font-size: 14px;
				line-height: 1.42857143;
				color: #555;
				background-color: #fff;
				background-image: none;
				border: 1px solid #ccc;
				border-radius: 2px;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
				-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
				-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
				transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			}

			.form-control:focus {
				border-color: #66afe9;
				outline: 0;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
			}

			.cndns-right {
				position: fixed;
				right: 15px;
				top: 45%; 
				margin-top: 150px;
				z-index: 100
			}

			.cndns-right-meau {
				position: relative;
			}

			.cndns-right-btn {
				width: 48px;
				height: 48px;
				border: 1px solid #ddd;
				text-align: center;
				display: block;
				margin-bottom: 6px;
				position: relative;
				background-color: #fff;
			}

			.cndns-right-btn:hover {
				text-decoration: none;
			}

			a.cndns-right-btn i {
				display: inline-block;
				margin-top: 5px;
				color: #999;
				font-size: 24px;
			}

			.cndns-right-btn p {
				text-decoration: none;
			}

			.cndns-right-btn span {
				color: #848484;
				font-size: 26px;
				line-height: 48px;
			}

			.cndns-right-btn p {
				color: #cf3529;
				font-size: 14px;
				line-height: 18px;
				padding-top: 5px;
				text-align: center;
				display: none;
			}

			.cndns-right-meau:hover .cndns-right-btn i {
				display: none
			}

			.cndns-right-meau:hover .cndns-right-btn p {
				display: block;
			}

			.meau-car .cndns-right-btn {
				border-color: #cf3529;
				margin-bottom: 20px;
			}

			.meau-car.cndns-right-meau:hover .cndns-right-btn {
				background-color: #cf3529;
			}

			.meau-car.cndns-right-meau:hover .cndns-right-btn span {
				color: #fff;
				display: block;
			}

			.meau-car .cndns-right-btn span {
				color: #cf3529;
			}

			.meau-sev .cndns-right-btn p {
				color: #fff
			}

			.meau-sev .cndns-right-btn span {
				color: #fff
			}

			.meau-top .cndns-right-btn em {
				display: block;
				font-style: normal;
				font-size: 12px;
				line-height: 12px;
				color: #999
			}

			.meau-top .cndns-right-btn i.icon {
				font-size: 16px;
				margin-top: 2px;
				display: inline-block;
			}

			.meau-top.cndns-right-meau:hover .cndns-right-btn {
				/* background-color: #cf3529; */
			}

			.meau-top.cndns-right-meau:hover .cndns-right-btn i {

				color: #fff;
				background: url("../images/shang.png") no-repeat;
			}

			.icon-up {
				background: url("../images/shang2.png") no-repeat;
				width: 28px;
				height: 23px;
			}

			.wechat_icon img {
				width: 125px;
				height: 125px;
			}

			.meau-top.cndns-right-meau:hover .cndns-right-btn em {
				color: red;
			}

			.cndns-right-box {
				position: absolute;
				top: -15px;
				right: 48px;
				padding-right: 25px;
				display: none;
			}

			.cndns-right-box .box-border {
				border: 1px solid #ccc;
				border-top: 4px solid #cf3529;
				padding: 10px;
				background-color: #fff;
				-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
				-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
				box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
				position: relative
			}

			.cndns-right-box .box-border .arrow-right {
				display: block;
				width: 13px;
				height: 16px;
				background: url(../images/arrow.png) no-repeat;
				position: absolute;
				right: -13px;
				top: 26px;
			}

			.cndns-right-box .box-border .sev-t i.icon {
				font-size: 42px;
				float: left;
				display: block;
				line-height: 56px;
				margin-right: 20px;
				color: #d3d3d3
			}

			.cndns-right-box .box-border .sev-t p {
				float: left;
				color: #cf3529;
				font-size: 20px;
				line-height: 28px;
			}

			.cndns-right-box .box-border .sev-t p i {
				display: block;
				font-size: 14px;
				color: #aaa;
				font-style: normal;
			}

			.cndns-right-box .box-border .sev-b {
				padding-top: 15px;
				margin-top: 15px;
				border-top: 1px solid #e4e4e4
			}

			.cndns-right-box .box-border .sev-b h4 {
				color: #666;
				font-size: 14px;
				font-weight: normal;
				padding-bottom: 15px;
			}

			.cndns-right-box .box-border .sev-b textarea {
				height: 100px;
			}

			.cndns-right-box .box-border .btnbox {
				height: 40px;
				margin-top: 10px;
				text-align: right;
			}


			.meau-sev .cndns-right-box .box-border {
				width: 430px;
			}

			.meau-contact .cndns-right-box .box-border {
				width: 250px;
			}

			.sev-t {
				width: 100%;
				overflow: hidden;
			}

			.cndns-right-meau:hover .cndns-right-box {
				display: block
			}

			.meau-code .cndns-right-box {
				top: inherit;
				bottom: -35px;
			}

			.meau-code .cndns-right-box .box-border {
				width: 156px;
				text-align: center;
				border-top: 1px solid #ccc;
			}

			.meau-code .cndns-right-box .box-border i {
				display: block;
				color: #f66e06;
				font-size: 12px;
				line-height: 26px;
				font-style: normal;
			}

			.meau-code .cndns-right-box .box-border .arrow-right {
				top: inherit;
				bottom: 50px;
			}

			.meau-sev .cndns-right-btn .demo-icon {
				display: none;
			}

			.meau-sev:hover .cndns-right-btn {
				background: #cf3529;
			}

			.meau-zs .cndns-right-btn {
				background-color: #cf3529;
				color: #fff;
				margin-top: 80px;
				border-color: #cf3529;
			}

			.meau-zs .cndns-right-btn span {
				color: #fff
			}

			.meau-zs .cndns-right-btn p {
				color: #fff
			}

			.icon-dianhua1 {
				background: url("../images/dh3.png") no-repeat;
			}

			/* =================== */