@charset "utf-8";
@import url("swiper.min.css");
@import url("bootstrap.css");
@import url("global.css");
/* Width Style*/
.W960{width: 960px;}
.W585{width: 585px;}
.W200{width: 200px;}
/****导航****/
.header{width: 100%; height: 100px; position: relative; z-index: 1000;}
/*.header:hover{background:rgba(9,109,217,0.95);transition:all 0.4s;}
.header:hover #navToggle span,.header:hover #navToggle span:before,.header:hover #navToggle span:after{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background:#999;}
.header:hover .logo .img1{display: none;transition:all 0.4s;}
.header:hover .logo .img2{display: block;transition:all 0.4s;}
.header:hover .navbar_nav li a,.header:hover .tool a{color: #333;}
.header:hover .navbar_nav li:hover a{color:#008DDD;} */
/*logo*/
.header .logo{width: 520px;}
.header .logo a img{margin-top: 15px;}
.header .logo .img2{display: none;}
/*tool*/
.header .tool a{display: inline-block; line-height: 100px; font-size: 16px; color: #333;}
.header .tool a:hover{text-decoration: none;}
.header .tool .phone{margin-right: 20px;}
/*nav*/
.header .nav{-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; line-height: 60px; display: block; margin-top: 15px;}
.header .nav .active{border-bottom: 3px solid #0069c5; height: 60px; color: #0069c5;}
.header .navbar_nav li{float: left; position: relative; display: block;}
.header .navbar_nav li:after{content: ""; width: 0; height: 3px; background: #0069c5; position: absolute; bottom: 0px; left: 45%; transition: all 0.5s ease 0s; border-radius: 100px;}
.header .navbar_nav li:hover:after{width: 120%; left: -10%;}
.header .navbar_nav li a{text-decoration: none; height: 100%; margin: 0 20px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #333; font-size: 16px; font-weight: bold;}
.header .navbar_nav li:hover a{color: #0069c5;}
.header .navbar_nav li.dropdown{display: inherit; position: relative;}
.header .navbar_nav li.dropdown .dropdown_menu{display: none; position: absolute; top: 60px; width: 100%; background: #fff; box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.08); width: 120%; left: -10%; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size: 14px; color: #666; padding: 0 10px; line-height: 40px; text-align: center; background: #fff; margin: 1px; border-radius: 3px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display: block; background: #f3f3f3; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color: #666;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color: #fff; background: #096DD9;}
/*白色背景的头部*/
.header.on{background: rgba(9, 109, 217, 0.95); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);}
/* .header.on .logo .img1{display: none;}
.header.on .logo .img2{display: block;} */
.header.on .navbar_nav li a, .header.on .tool a{color: #fff;}
.header.on .navbar_nav li:hover a{color: #fff;}
#navToggle{display: none;}
.m_nav{position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%);}
.m_nav.open{transform: translateX(0);}
.m_nav .top{height: 60px; padding: 20px; box-sizing: border-box;}
.m_nav .top .closed{width: 30px; height: 30px; vertical-align: middle; float: right; cursor: pointer;}
.m_nav .logo{width: 100%; margin: 0 auto;}
.m_nav .logo img{height: 50px; display: block; margin: 30px auto;}
.m_nav .ul{margin-top: 30px;}
.m_nav .ul li{padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0;}
.m_nav.open .ul li{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.m_nav .ul li a{display: block; text-decoration: none; color: #333; font-size: 16px; height: 50px; line-height: 50px; width: 100%;}
.m_nav .ul li .dropdown_menu{display: none;}
.m_nav .ul li.dropdown.active .dropdown_menu{display: block;}
.m_nav .ul li .dropdown_menu a{display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{border: none;}
/*focus 焦点图*/
.banner .swiper-container{width: 100%; height: 555px; color: #fff; text-align: center;}
.banner .pagination{position: absolute; z-index: 20; width: 100%; text-align: center; bottom: 100px; display: block;}
.banner .swiper-pagination-switch{display: inline-block; width: 35px; height: 6px; margin-right: 10px; opacity: 0.8; cursor: pointer; background: rgba(0, 0, 0, .4); border-radius: 50px;}
.banner .swiper-active-switch{background: #008DDD;}
.banner:hover .arrow-left, .banner:hover .arrow-right{display: block;}
.arrow-left, .arrow-right{position: absolute; left: 50px; top: 50%; margin-top: -25px; width: 15px; height: 50px; z-index: 10; cursor: pointer; transform: rotate(-90deg); display: block;}
.arrow-right{left: auto; right: 50px; transform: rotate(90deg); top: 45%;}
.arrow-left .iconfont, .arrow-right .iconfont{font-size: 46px; color: rgba(255, 255, 255, .8);}
.Txt1{text-align: left;}
/*焦点图文字样式 */
.Txt1 h1{color: #fff; font: bold 56px/100% Arial; padding-top: 175px; padding-bottom: 10px;}
.Txt1 .p1, .Txt1 .p2{color: #fff; font: 100 30px/200% microsoft yahei; padding-bottom: 10px;}
.Txt1 .p2{font: 100 21px/100% microsoft yahei;}
.Txt1 .btn1{margin-top: 45px;}
.Txt1 .btn1 a{background: linear-gradient(to right, #F4E902, #EB903C); border-radius: 100px; color: #fff; font-size: 16px; padding: 11px 40px; text-decoration: none; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; display: inline-block;}
.Txt1 .btn1 a:hover{margin-top: -8px;}
/* Title Style*/
.Title1{width: 400px; margin: 40px auto 30px; text-align: center;}
.Title1:before{content: ""; display: table; width: 100%; top: 13px; height: 1px; background: #D6DFEA; position: relative; z-index: -1;}
.Title1 h1{font-size: 26px; color: #2B2D3B; text-align: center; line-height: 26px; padding: 0 20px; background: #F5F9FB; display: inline-block; position: relative;}
.Title1 h1:before, .Title1 h1:after{content: ""; display: block; width: 1px; height: 10px; top: 7px; left: 0; position: absolute; background: #D6DFEA;}
.Title1 h1:after{right: 0; left: auto;}
.Title2{font-size: 18px; color: #1F3149; letter-spacing: 0; line-height: 45px; position: relative; padding-left: 12px;}
.Title2:before{content: ""; display: table; width: 3px; height: 18px; top: 13px; left: 0; position: absolute; background: #0069c5;}
.Title3 h2{font-size: 26px; color: #2B2D3B; text-align: center; line-height: 33px; padding: 0 18px; background: #F5F9FB; display: inline-block; position: relative;}
.Title3 h2:before{content: ""; display: block; width: 3px; height: 22px; top: 5px; left: 0; position: absolute; background: #0069c5;}
.Title3 a{background: #0069c5; border-radius: 2px; border-radius: 2px; width: 90px; line-height: 36px; float: right; color: #fff; text-align: center; transition: all 1s;}
.Title3 a:hover{opacity: 0.8;}
/* 查看详情、预约演示 按钮*/
.More01{width: 200px; height: 30px; text-align: center;}
.More01 a{width: 45%; color: #EB903C; font-size: 14px; line-height: 30px; transition: all .6s; display: inline-block; height: 30px; position: relative; border: 1px solid #EFBC20; border-radius: 100px; text-decoration: none; color: #EB903D; margin-left: 10px;}
.More01 a:first-child{background: linear-gradient(to right, #F4E902, #EB903C); color: #fff; margin-left: 0;}
.More01 a:hover{background: #EB903C; color: #fff;}
.baohan{height:300px;padding:5px 5px 10px;}
.baohan .swiper-slide{background: #FFFFFF;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);border-radius: 2px;border-radius: 2px;}




.List1 .ico{width: 80px; height: 80px; border: 1px solid #0069c5; margin: 40px auto 30px; text-align: center; line-height: 80px; border-radius: 100px;}
.List1 h2{font-size: 21px; color: #2B2D3B; text-align: center; line-height: 20px;}
.List1 p{font-size: 14px; color: #696E8D; letter-spacing: 0; line-height: 22px; width: 86%; margin: 25px auto; text-align: center;}
.List1 a{font-size: 14px; color: #0069c5; text-align: center; line-height: 45px; border-top: 1px solid #E2ECF7; display: block; width: 86%; position: absolute; bottom: 0; left: 7%;}
.List2 ul{width: 120%;}
.List2 li{width: 460px; margin: 30px 40px 0 0; float: left; height: 130px; overflow: hidden;}
.List2 h3{font-size: 18px; color: #2B2D3B; text-align: center; line-height: 33px; padding: 0 18px; display: inline-block; position: relative;}
.List2 h3:before{content: ""; display: block; width: 6px; height: 6px; top: 12px; left: 0; position: absolute; background: #0069c5; border-radius: 100px;}
.List2 p{font-size: 14px; color: #4A4A4A; text-align: justify; line-height: 24px; margin-top: 5px;}
/** footer Style**/
.footer{padding: 30px 0; margin-top: 30px; text-align: center; background-color: #0069c5; color: #fff; line-height: 30px;}
.footer a{color: #fff;}
/** Two Columns Style **/
.LmBanner{width: 100%; height: 180px; background: url(../img/lm_banner.png) no-repeat top center;}
.LmBanner h2{padding: 70px 0 20px; font-size: 32px; font-weight: normal!important;}
.LmTitle{background: url("../img/ico_lm.png") 18px 14px no-repeat #0069c5; height: 45px; font-size: 20px; color: #FFFFFF; line-height: 46px; text-indent: 52px;}
.list>ul{padding-bottom: 20px; background: #FFFFFF; border: 1px solid #D6DFEA; padding-top: 10px;}
.list>ul>li{width: 100%; margin: 0 auto;}
.list>ul>li a{width: 100%; color: #2B2D3B; text-indent: 30px; height: 46px; line-height: 46px; display: block; font-size: 14px; position: relative; transition: all 1s}
.list>ul>li a::before{content: ""; display: block; width: 6px; height: 6px; border-radius: 100px; left: 15px; position: absolute; background: #D6DFEA; top: 19px; transition: all 1s;}
.list>ul>li a:hover{color: #096DD9; text-decoration: none; background: #EBEFF5;}
.list>ul>li a:hover::before{background: #096DD9;}
.content{padding: 10px 20px 20px; font-size: 16px; line-height: 200%;}
.content p, .content span, .content td{line-height: 200%!important; font-size: 16px!important; font-family: "Microsoft Yahei Font", "微软雅黑"!important;}
.content p, .content td{line-height: 180%; font-size: 16px; margin-top: 8px!important; margin-bottom: 8px!important;}
.fenye{padding: 25px 0 50px; text-align: center;}
.fenye a{margin: 0 1px; font-size: 14px; border: 1px solid #eee; display: inline-block; padding: 5px 15px; border-radius: 2px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; cursor: pointer;}
.fenye a:hover, .fenye .select{border: 1px solid #2297fe; background: #2297fe; color: #fff!important;}
/*联系我们*/
.content_title{font-size: 26px; color: #2b3e50; text-align: center; padding: 20px 0 10px; line-height: 40px;}
.content_title_en{font-size: 16px!important; color: #999; text-align: center; padding: 10px 0 20px;}
.contactt{background: #f9f9f9; padding: 30px 30px 40px; margin: 30px 0; text-align: center;}
.contactt li{background: #fff; width: 29%; height: 180px; margin: 30px 2% 20px; padding: 20px 20px 0; float: left; text-align: center;}
.contactt h2{font-size: 1.2pc;}
.contactt p{margin: 3px 0!important; line-height: 170%!important;}
.contactt .iconfont{display: block; font-size: 56px; margin: 20px; color: #5BC1F2;}


.ptys{ background: #fff;padding:30px;}
.ptys p{color:#696E8D;font-size:18px;line-height:260%;text-indent:38px;}
.home-content {
	z-index: 1020;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	color: #8F8E8E;
	margin-top: -120px;
	padding: 0 15px;
	text-align: center
}

.home-content h1,.home-content h2,.home-content h3,.home-content h4 {
	color: #fff;
	margin: 0 0 30px;
	font-weight: 300
}

.home-content h1 {
	font-size: 64px;
	font-weight: 600
}

.home-content h3 {
	font-size: 32px
}

.home-content p {
	margin-bottom: 60px
}

.home-content a:focus,.home-content a:hover {
	color: #fff
}

.home-content .btn+.btn {
	margin-left: 15px
}


.txt_sp span{    background: linear-gradient(90deg,#0084ff 1%,#0069c5 99%);width: 100px; border-radius: 0px 20px; color: #fff;margin: 0px 10px ;font-size: 16px; padding: 10px 20px;box-shadow: 0 0 30px 1px rgba(255, 152, 0, 0.15);
}
.txt_r span{ width: 100px; border-radius: 5px; color: #fff;margin: 0px 10px ;font-size: 16px; padding: 10px 20px;background-color: rgba(0, 0, 0, 0.12);}