/*通用样式*/
@charset "utf-8";
body{font-size:16px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
*{box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p,label,input,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);  /* 去掉链接触摸高亮 */ }
a:hover{color:#1552ad;outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
.clearfix::after,.tab-box>dt::after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.box_shadow {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
/*图片效果*/
main a img{transition:all .3s;display:block;}
main a:hover img{ transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.fl{float:left;}
.fr{float:right;}
.content_box{max-width: 1200px;position: relative;margin: 0 auto;}
.bt-solid-1{border-bottom: 1px solid #c9c9c9;}
.one-lines{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.two-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.three-lines{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.hide{display:none;}
.selfScrollbar{overflow-y:auto;scrollbar-face-color: #e1e0e0;scrollbar-highlight-color: #e1e0e0;scrollbar-track-color: #fff;}
.selfScrollbar::-webkit-scrollbar{background-color: #fff;width:10px;height:10px;}
.selfScrollbar::-webkit-scrollbar-track{background-color: #fff;border-radius: 10px;}
.selfScrollbar::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #e1e0e0;}

/* 公共头部 */
header {background: url(../img/head_bg.jpg) no-repeat top center;}
header .head_box .head_top{padding-top: 100px;}
header .head_box .head_top .logon_box{height: 42px;line-height: 42px;}
header .head_box .head_top .logon_box a{color: #fff;display: inline-block;width: 100px;text-align: center;letter-spacing: 6px;}
header .head_box .head_top .logon_box a:hover{color: #0e6dda;}
header .head_box .head_top .logon_box a.login{background-image: linear-gradient(to right, #4d49ff , #827eff);}
header .head_box .head_top .logon_box a.login:hover{color: #f7e41a;}
header .head_box .platformIntro{margin:30px 0 200px;width: 440px;color: #fff;}
header .head_box .platformIntro h3{font-size: 40px;text-shadow: 4px 4px 4px #3a3a3a;position: relative;z-index: 1;}
header .head_box .platformIntro h3::before{content: "";position: absolute;top: 36px;left: 0;width: 330px;height: 24px;border-radius: 20px;z-index: -1;background-image: linear-gradient(to right, #1b9bdd , #4a7aed);}
header .head_box .platformIntro p{margin: 30px 0 50px;font-size: 14px;text-shadow: 2px 2px 2px #000;}
header .head_box .platformIntro a{display: block;width: 160px;text-align: center;color: #fff;background-color: #4689fa;border-radius:  40px;padding: 14px 0;}
header .head_box .menu_box{background-color: #fff;}
header .head_box .menu_box ul{padding: 0 100px;}
header .head_box .menu_box ul li{float: left;width: 14.28%;position: relative;line-height: 70px;}
header .head_box .menu_box ul li a{font-size: 18px;text-align: center;display: block;font-weight: bold;}
header .head_box .menu_box ul li.on a{border-bottom: 2px #4689fa solid;color:#4689fa;}

/* 自适应菜单 */
.navLinks_mobile { display: none; background: #dd0;}
.nav_mobile_open {width: 95%;position: absolute;margin-left: 0;background: #fff;}
.cd-nav-trigger { position: absolute;top: 3px;right:3px; width: 30px; height: 24px; background: rgba(255,255,255,1); border: solid 1px #ddd;border-radius: 3px;text-indent: 100%; white-space: nowrap;z-index: 9999;cursor: pointer;}
#menu_show_mobile{top:7px;right:10px;}
.cd-nav-trigger span {  position: absolute; display: block;width: 14px; height: 2px; background: #4c8be0;top: 50%; margin-top: -1px; left: 50%;margin-left: -7px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s; transition: background 0.5s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: '';position: absolute;left: 0;background: inherit;width: 100%;height: 100%;-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.3s, background 0s;-moz-transition: -moz-transform 0.3s, background 0s;transition: transform 0.3s, background 0s;}
.cd-nav-trigger span::before {top: -6px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
.cd-nav-trigger span::after {bottom: -6px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0); -o-transform: rotate(0);transform: rotate(0);}
.cd-nav-trigger.menu-is-open { box-shadow: none;}
.cd-nav-trigger.menu-is-open span {background: #fff;}
.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after { background: #4c8be0;}
.cd-nav-trigger.menu-is-open span::before {top: 0;-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.cd-nav-trigger.menu-is-open span::after {bottom: 0;-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);}
.selfmark{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity: .6;filter:alpha(opacity=60);z-index: 500;}


main{background-image: linear-gradient(#f7fcff,#e9f7ff,#f7fcff);}

/* 公共底部 */
footer{background-image: linear-gradient(to right, #e4f8f6 , #bedcfb);padding-top: 60px;}
footer .foot_box .frlink_box{background-color: #fff;padding: 10px 0;}
footer .foot_box .frlink_box ul li{float: left;background: url(../img/frbg.jpg) no-repeat center;width: 16%;margin-left: 0.6%;height: 50px;line-height: 50px;}
footer .foot_box .frlink_box ul li a{color: #fff;display: block;text-align: center;}
footer .foot_box .frlink_box ul li a:hover{color: #f3a32b;}
footer .foot_box .contact_us{margin: 30px 0;font-size: 18px;}
footer .foot_box .contact_us .wx_ewm{width: 44%;margin-right: 2%;display: flex;align-items: center;height: 250px;background-color: #eaf5fc;}
footer .foot_box .contact_us .wx_ewm img{float: left;display: block;margin: 0 40px 0 50px;}
footer .foot_box .contact_us .wx_ewm p{float: left;display: block;}
footer .foot_box .contact_us .gywm{width: 54%;height: 250px;background-color: #eaf5fc;padding: 24px 0 0 24px;}
footer .foot_box .contact_us .gywm ul li{line-height: 40px;height: 40px;}
footer .foot_box .contact_us .gywm ul li:first-child{font-weight: bold;}
footer .copyright{background-color: #f6f7f8;}
footer .copyright ul{height: 80px;display: flex;align-items: center;justify-content:center;}
footer .copyright ul li{width: 25%;text-align: center;}
footer .copyright ul li a{color: #666;}

/* 当前路径 */
.sitePath{height: 50px;line-height: 50px;border-bottom: 1px solid #cbcbcb;}
.sitePath a{margin: 0 4px;}
.sitePath span{color: #0e6dda;}

/* 客服机器人 */
/*右侧快捷菜单*/
.aside{position: fixed;z-index:100;width: 120px;height: 340px;right:90px;bottom:30px;/* top:50%;transform: translateY(-50%); */background: url(../img/robot_01.png) no-repeat center;background-size: 100% 100%;padding-top: 136px;}
.aside li{width: 80px;height: 80px;text-align: center;margin: 0 auto 20px;background-color: #fff;border-radius: 10px;position: relative;}
.aside li>a{display:block;height:100%;padding:1rem 0;}
.aside li>a:hover{background-color: #a5c3ff;color:#4285f4;border-radius: 10px;}
.aside li span{display:block;font-size: 16px;margin-top: 5px;}
.aside .iconfont{display: block;width: 30px;height: 30px;margin: 0 auto;}
.aside .icon_phone{background: url(../img/robot_02.png) no-repeat center;background-size: 100% 100%;}
.aside .icon_liuyan{background: url(../img/robot_03.png) no-repeat center;background-size: 100% 100%;}
.aside .show_box1, .aside .show_box2{display: none;position: absolute;padding: 20px;bottom: 0px;width:300px;left:-316px;text-align:left;background-color:#fff;border-radius: 10px;}
.aside .show_box1::after, .aside .show_box2::after{content:'';width:0;height:0;border: 10px solid transparent;border-left-color: #3492d5;position:absolute;right: -20px;bottom: 30px;}
.aside .show_box2::before{content:'';width: 120px;height:70%;position:absolute;right: -120px;bottom: 0;}
.aside .robot_box1:hover .show_box1/* , .aside .robot_box2:hover .show_box2*/{display:initial;} 
.show_box1 h3, .show_box2 h3{margin-bottom: 12px;font-size: 18px;font-weight: bold;}
.form_box label{display: block;font-weight: bold;margin-bottom: 10px;}
.show_box1 p{color: #2474f7;}
.message-box .code-text{padding-left:15px;line-height:34px}
.message-box .layui-textarea{min-height: 100px;}
.message-page{width:400px;margin: 0 auto;}
/*.message-box .reqform_btn{margin-left:90px;}*/
.message-box .reqform_btn{margin: 0;text-align: center;}




@media screen and (max-width:768px){
	body{box-sizing: border-box;}
	/* 头部 */
	header .head_box .head_top{padding-top: 6px;}
	header .head_box .head_top .logon_box{display: none;}
	header .head_box .head_top .logo{margin-left: 10px;width: 80%;}
	header .head_box .head_top .logo img{width: 100%;}
	header .head_box .platformIntro{width: 100%;margin: 0;padding:0 0 10px;}
	header .head_box .platformIntro h3{font-size: 18px;text-align: center;}
	header .head_box .platformIntro h3::before{top: 10px;left: 50%;transform: translateX(-50%);width: 220px;}
	header .head_box .platformIntro p{margin: 30px 0 20px;padding: 0 30px;}
	header .head_box .platformIntro a{margin: 0 auto;padding: 6px 0;}
	#menu_show_mobile{display:block;}
	header .head_box .menu_box{height:auto;position: absolute;top:40px;z-index: 9999;width: 100%;background: #1d6eb1;display: none;}
	header .head_box .menu_box ul{padding: 0 10px;}
	header .head_box .menu_box ul li:first-child {display: none;}
	header .head_box .menu_box ul li {width: 50%; margin-right: 0; padding: 0;}
	header .head_box .menu_box ul li a { line-height: 50px; height: 50px;    color: #fff;}
	header .head_box .menu_box::before{content:'';position:absolute;border:10px solid transparent;top: -17px;right: 16px;border-bottom-color: #1d6eb1;}

	/*浮动窗口*/
	.aside{display: none;}
	/* 底部 */
	footer{padding-top: 0;}
	footer .foot_box .frlink_box{display: none;}
	footer .foot_box .contact_us{margin: 0;}
	footer .foot_box .contact_us .wx_ewm, footer .foot_box .contact_us .gywm{width: 100%;}
	footer .foot_box .contact_us .wx_ewm{display: none;margin-right: 0;height: auto;padding: 20px 0;}
	footer .foot_box .contact_us .wx_ewm img{float: none;margin: 0 auto;}
	footer .foot_box .contact_us .wx_ewm p{float: none;text-align: center;margin-top: 10px;}
	footer .foot_box .contact_us .gywm{padding: 0 10px;height: auto;background-color: #f6f7f8;padding-top: 15px;border-top: 2px solid #0e6dda;}
	footer .foot_box .contact_us .gywm ul li{text-align: center;font-size: 16px;height: auto;line-height: 36px;}
	footer .copyright{padding-top: 10px;}
	footer .copyright ul{display: block;height: auto;}
	footer .copyright ul li{width: 100%;line-height: 22px;}

}