@charset "utf-8";
/* CSS Document */
:root{    
	--main_color:#2D66E2;        /* 主色 */
	--main_color_rgb:34,83,142 ;  /*rgba*/
    --second_color:#009999;      /* 副色 */    

}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
body{ color: #333;  font-size:14px; font-family:"苹方","微软雅黑", arial; overflow-x:hidden;background:#fff;}
body{ -webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*//* overflow-x:hidden; */line-height: 1; font-size:14px;}
a{text-decoration:none; color:#333; outline-style:none;}
a:hover{color:var(--main_color);}
a,input,img,:focus{ -webkit-tap-highlight-color:transparent; mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ }
ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.bottom_blank{height:.6rem;}
.mt20{margin-top:20px;}
.relative{position: relative}
.clear{clear: both}

.body1{background: #F2F4F5;}
.header_scroll{background-color: #fff;box-shadow: 0 1px 5px rgba(0,0,0,0.1);box-sizing: border-box}	
/*分享*/
.weixin-prop{ width:300px; height:380px;border:1px #ddd solid; background:#fff; position:fixed;left:50%;top:50%;margin:-190px 0px 0px -150px; z-index:2345667}
.weixin-close{width:25px;height:25px; position:absolute;right:10px;top:10px; line-height:30px; text-align:center; font-size:20px; color:#333; cursor:pointer}
.weixin-img{ float:left; width:250px; margin:60px 0px 0px 25px;text-align: center;background-color: green}
.weixin-img canvas{width:250px;height:250px}
.weixin-prop p{ float:left;padding-top: 15px; width:100%; overflow:hidden; font-size:14px; text-align:center; color:#222}

/*======================主体宽度======================*/
.pc_hide{display:none;}
.main{ margin: auto; width: 1228px}
@media screen and (max-width:1024px) {
	.main{width:92%;}
}
@media screen and (max-width:768px) {
	.main{width:100%; padding:0 15px; box-sizing:border-box;}
	.m_hide{display:none;}
	.banner_m{display: block}
}
.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display:flex;justify-content: flex-start;flex-wrap:wrap;}
.t_center{display:flex; flex-direction:column; justify-content:center;align-items:center;}
.t_left_center{display:flex; flex-direction:column; justify-content:center;}


/*文字省略*/
.ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}


/*头部*/
.header{height:80px; z-index: 100;width: 100%; position:fixed; transition:0.5s all;  }
.header .logo{height: 80px; transition:0.5s all;  position:relative;padding-top: 15px}
.header .logo img{width: 140px; display:block; transition:0.5s all;}
.header_right{}
.header_h{height:0px;}
@media only screen and (max-width: 1440px){
.header .logo{margin-left:2%;}
.header_right{margin-right:2%;}
.header_h{height:60px;}
	
}


/*下拉菜单*/
.navBox {  height:80px; margin-right:.25rem; transition:0.5s all;}
.navBox .nav{display:flex; height:100%;;padding-top: 20px;box-sizing: border-box}
.navBox .nav li {padding: 0 15px; position: relative;}
@media only screen and (max-width: 1440px){
.navBox .nav li{padding: 0 15px;}
}
.navBox .nav li>a {display: block;position: relative; ;line-height: 30px;padding-left: 25px;padding-right: 25px;text-align: center}
.navBox .nav li>a .txt {position: relative;z-index: 2;font-size:16px; transition:0.5s all;}
.navBox .nav a.active {color:#fff;background-color: var(--main_color);border-radius: 15px }

.subNavbox{white-space: nowrap; min-width:100%; position:absolute; top:100%;left:50%;background:rgba(255,255,255,.99); -webkit-transform:translate(-50%,20px);-ms-transform:translate(-50%,20px);transform:translate(-50%,20px); border-radius:5px;padding:15px 15px;opacity:0; pointer-events:none; transition:all .3s;box-shadow:0 2px 30px rgba(var(--main_color_rgb),.15);}
.subNavbox:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent #fff;}
.subNavbox p:not(:last-of-type){border-bottom:1px dotted #dfdfdf}
.subNavbox a{display:block;position:relative;font-size:15px;padding:15px 0; -webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1); text-align: center; }
.subNavbox a:before{content:"";position:absolute;top:7px;bottom:7px;left:-15px;width:3px;background:var(--main_color);-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.subNavbox a.active,.subNavbox a:hover{color:var(--main_color);}
/*
.subNavbox a.active:before,.subNavbox a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
*/
.subNavbox.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }


/*语言*/
.header .lag{height:80px; font-size:20px; color:var(--second_color); display:flex; justify-content:center;align-items:center; transition:0.5s all; position:relative; cursor:pointer;}
.header .lag a{padding:15px 5px;}
.header .lag strong{font-size:14px; font-weight:normal; margin-left:8px; }
.header .lag img{vertical-align:middle; display:inline-block; margin-right:5px;}


.head-top2-search{ width: 170px; background-color: #fff;border: 1px solid #E8E8E8; border-radius: 15px; height: 40px; margin-top: 5px;margin-left: auto;margin-right: auto;padding: 0px 45px 0px 10px;position: relative;box-sizing: border-box}
.head-top2-search input {width: 100%;border: none;outline:0px;line-height: 30px;height: 30px;text-indent: 5px;}
.head-top2-search .h_top_btn {position: absolute; right: 15px; top: 40px; color: #BD0012; font-size: 22px}
.head-top2-search .head-top2-icon{color: #ddd;position: absolute;left: 10px;top: 2px;font-size: 16px}
.head-top2-search .head-top2-a2{display: inline-block;position: absolute;right: 0px;top: -4px;width: 40px;color: #ccc;line-height: 14px!important;height: 14px!important;padding: 0px;text-align: center;overflow: hidden;font-size: 12px}
.head-top2-input{padding-top: 4px}  

@media screen and (max-width:768px) {
	.header .lag{display: none}	
	.header .lag a{padding:10px 5px;}

}

/*======================手机菜单按钮======================*/
.m_nav_btn{width: 30px;height: 30px;transition: 0.3s;cursor: pointer;border:none;padding: 0;outline: none;background:none; margin-top:15px; display:block;}
.m_nav_btn .line{position: relative;display: block;width: 25px;height: 3px;margin: 0px auto 0;background:var(--main_color);border-radius:3px;}
.m_nav_btn .line:before,.m_nav_btn .line:after{content: '';width: 100%;height: 3px;left: 0;position: absolute;background:var(--main_color);border-radius:3px;transition-duration: 0.3s,0.3s;transition-delay: 0.1s,0s;}
.m_nav_btn .line:before{transition-property: bottom,transform;bottom: 8px;}
.m_nav_btn .line:after{transition-property: top,transform;top: 8px;}
.m_nav_btn_active .line {background: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.m_nav_btn_active .line:after,.m_nav_btn_active .line:before {-webkit-transition-delay: 0s,.1s;-moz-transition-delay: 0s,.1s; -ms-transition-delay: 0s,.1s; -o-transition-delay: 0s,.1s; transition-delay: 0s,.1s}
.m_nav_btn_active .line:before {bottom: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.m_nav_btn_active .line:after {top:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

@media screen and (max-width:768px) {
.header{ height:60px; position: fixed; z-index: 200; background:#fff; box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.header .logo{height:60px; margin-left:0px;}
.header .logo img{ width: 150px;}

.navBox{display:none;}
.m_header_right{display:block; margin-right:15px;}

/*======================手机弹出菜单======================*/
.m_tc_box{position: fixed;top:50px;left: 0;bottom: 0;right: 0;background: #fff;z-index: 102; display:none;}
.m_tc_box .wrapper {position: absolute;left: 0;right: 0;height: 100%;padding:15px; box-sizing:border-box;overflow-x: hidden;overflow-y: auto;z-index: 110;}

/*手机下拉菜单*/
.m_menu{overflow-x: hidden;overflow-y: auto;}
.m_menu .nav1 ul{ padding:0 0 0 30px; display:none; background-color:#fff;}
.m_menu .item{border-bottom: 1px solid #efefef; padding:16px 10px; font-size:16px;}
.m_menu .item i{float:right; color:#ccc; transition:0.3s all;}
.m_menu .item.active> i{ -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.m_menu .item.curr a,.m_menu .item a:hover{color:var(--main_color);}

/*电话*/
.m_tel{text-align:center; margin-top:35px; font-size:20px; color:#fff; background:var(--main_color); padding:15px; border-radius:5px; } 
.m_tel i{ font-size:18px; margin-right:5px;}
}



/**/
.index-banner{overflow: hidden;position: relative}
.index-banner .index-banner-container{position: absolute;left: 0px;top: 30%;width: 100%}
.index-banner img{display: block;width: 100%}
.index-banner .index-banner-title{font-size: 42px;color: var(--main_color);font-weight: bold}
.index-banner .index-banner-desc{margin-top: 30px}
.index-banner .index-banner-desc p{font-size: 20px;margin-top: 10px}
.index-banner .index-banner-link{padding-top: 50px;}
.index-banner .index-banner-link a{font-size: 24px;background-color:var(--main_color);color: #fff;border-radius: 10px;padding: 10px 25px;transition:all .5s; }
.index-banner .index-banner-link a:hover{background-color:#1A4EC1}

/*首页--页面列表*/
.page-main{}
.page-list{padding-top: 50px;padding-bottom: 50px;margin-top: 50px}
.page-title{text-align: center;font-weight: bold;font-size: 40px;color: var(--main_color)}
.page-desc{padding: 40px;font-size: 16.5px;line-height: 1.8;border-radius: 8px;margin-top: 30px;text-align:justify;text-justify:inter-ideograph}
.page-desc-1{box-shadow:0px 0px  10px 5px  rgba(225,238,255,.5);}
.page-desc-2{box-shadow:0px 0px  10px 5px  rgba(225,238,255,.5);}

.page-desc p{margin-top: 10px;margin-bottom: 10px}
.page-pics{margin-top: 30px}
.page-pics li{width: 30%;position: relative}
.page-pics li a{display: block;overflow: hidden}
.page-pics img{height: 220px;transition: all .4s;}
.page-pics li a:hover img{transform: scale(1.12);}
.page-pics li div{position: absolute;left: 0px;top: 30%;width: 100%;text-align: center}
.page-pics li p{display: inline-block}
.page-pics li .page-pics-cn{color:#fff;font-size: 22px;font-weight: bold;margin-top: 10px}
.page-pics li .page-pics-en{color:#fff;font-size: 18px;font-weight: bold;margin-top: 10px}


#page0{}
#page1{background-image: url(../images/section2_bg.png)}
#page2{}
#page3{background-image: url(../images/section2_bg.png)}

/*客服*/
/*右侧导航*/
.aside-guide {position: fixed;right: 10px;bottom:130px;z-index: 1001;width: 60px;}
.aside-guide a {position: relative;display: block;width: 60px;min-height: 60px;color: #fff;text-align: center;margin-bottom: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border-radius: 5px;background-color: #3773F5;padding-bottom: 15px;line-height: 1.2 }	
.aside-guide a i {display: block;width: 60px;height: 40px;line-height: 40px;text-align: center;font-size: 26px; }	
.aside-guide a div{font-size: 14px}	
.aside-guide a.gotop{padding-top: 10px;box-sizing: border-box;background-color: #fff}	
.aside-guide a.gotop i {display: block;width: 60px;height: 7px;;text-align: center;color: #00948D;font-size: 36px; }	
.aside-guide a:hover {background-color: #15409E; }	
.aside-guide .icon-zx{background-image: url(../images/zx2.png);background-position: center center;background-repeat: no-repeat}
.aside-guide a:hover div,.aside-guide a:hover i{color: #fff}
.vhidden{visibility: hidden}	
.aside-guide .aside-guide-a{display: none}

/*===============网站底部===============*/
.footer{background:url(../images/dobu_img.jpg) no-repeat center; padding:80px 0 0px 0; box-sizing:border-box;margin-top:.8rem;}
/*底部LOGO*/
.foot_logo{ width:30%;}
.foot_logo img{ height:60px;}
.foot_logo p{color:rgba(255,255,255,0.36);line-height:26px;padding-top:20px;font-size:13px;}
/*图标区*/
.f_code{ font-size: 0;margin-top: 35px;}
.f_code a{width: 36px;height: 36px;margin-left:10px;position: relative;border-radius:3px;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.2);transition: all .5s ease;}
.f_code a i{font-size:18px; color:#888;transition: all .5s ease;}
.f_code a:first-child{margin-left: 0;}
.f_code a:hover{background:var(--main_color);}
.f_code a:hover i{ color:#fff;}

/*底部联系方式*/
.f_contact h4{padding-left:30px;font-size:17px; font-weight:normal; color: #fff; background:url(../images/icon_ren.png) left center no-repeat;margin-bottom:20px;}
.f_contact p{ font-size:14px;color:rgba(255,255,255,0.36); line-height:35px;display:inline-block;}
.f_contact i{font-size:15px;color:rgba(255,255,255,.5);padding-right:10px;}

/*底部导航*/
.f_nav{width:180px;}
.f_nav h4{font-size: 17px;  font-weight:normal; color: #fff;margin-bottom: 16px;}
.f_nav li p{line-height:35px; width:100%; display:inline-block;}
.f_nav li p a{ font-size:14px; color:rgba(255,255,255,0.36);}
.f_nav li p a:hover{color:var(--main_color);}
.f_nav a:hover{color: #fff!important} 
/*底部微信二维码*/
.f_weixin h4{padding-left:30px; font-size: 17px; font-weight:normal;color: #fff;background:url(../images/icon_ewm.png) 0px center no-repeat; margin-bottom: 30px;}
.f_weixin img{ width:125px; margin-bottom:10px;}
.f_weixin p{font-size: 14px; text-align:center; color:rgba(255,255,255,0.36);}

/*底部版权*/
.copyright{ padding:15px 0; color:rgba(255,255,255,0.3); text-transform:uppercase; font-size:13px;border-top:1px solid rgba(255,255,255,0.1);margin-top:50px;}
.copyright a{color:rgba(255,255,255,0.3);}

@media only screen and (max-width: 768px){

.foot_logo,.f_contact,.f_nav{ width:100%;}
.f_weixin{display:none;}
.foot_logo img{ height:40px;}
.foot_logo p{ line-height:1.6;padding-top:10px;}
.f_code{ margin-top:15px; margin-bottom:25px;}
.f_code a{width: 30px;height: 30px;}
.f_contact {margin-bottom:25px;}
.f_contact h4{padding-left:30px;font-size:16px;margin-bottom:10px;}
.f_contact p{ font-size:13px; line-height:2; }
.f_nav li p{line-height:2; width:50%; display:inline-block;}
.copyright{ padding:10px 0;font-size:12px; margin-top:25px; text-align:center; line-height:1.8;}
.copyright p:last-child{ display:none;}
	
	
.index-banner .index-banner-container{top: 20%;}	
.index-banner .index-banner-title{font-size: 22px;padding-left: 30px}
.index-banner .index-banner-desc{margin-top: 20px;padding-left: 30px}
.index-banner .index-banner-desc p{font-size: 14px;margin-top: 10px}
.index-banner .index-banner-link{padding-top: 40px;text-align:center}
.index-banner .index-banner-link a{font-size: 17px;border-radius: 10px;padding: 10px 20px;transition:all .5s; }

	
/*首页--页面列表*/
.page-main{}
.page-list{padding-top: 25px;padding-bottom: 25px;margin-top: 20px}
.page-title{text-align: center;font-weight: bold;font-size: 20px;color: var(--main_color)}
.page-desc{padding: 20px;font-size: 15px;line-height: 1.8;border-radius: 8px;margin-top: 20px;}
.page-desc-1{box-shadow:0px 0px  10px 5px  rgba(225,238,255,.5);}
.page-desc-2{box-shadow:0px 0px  10px 5px  rgba(225,238,255,.5);}

.page-pics li{width: 33%;position: relative}
.page-pics img{height: 110px;}
	
/*右侧导航*/
.aside-guide {position: fixed;right: 10px;bottom:100px;z-index: 1001;width: 50px;}
.aside-guide a {position: relative;display: block;width: 50px;min-height: 55px;color: #fff;text-align: center;margin-bottom: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border-radius: 5px;background-color: #3773F5;padding-bottom: 15px;line-height: 1.2;font-size: 14px }	
.aside-guide a i {display: block;width: 50px;height: 40px;line-height: 40px;text-align: center;font-size: 26px; }	
.aside-guide a div{font-size: 14px}	
.aside-guide a.gotop{padding-top: 10px;box-sizing: border-box;background-color: #fff}	
.aside-guide a.gotop i {display: block;width: 50px;height: 7px;;text-align: center;color: #00948D;font-size: 30px; }	
	
}




.lay_flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.txt_justify{text-align:justify;text-justify:inter-ideograph;}
.txt_justify p{text-align:justify;text-justify:inter-ideograph;}
.p_relative{position:relative}
.vs_hidden {visibility: hidden;margin: 0px!important; padding: 0px!important; height: 0px!important}

	
.index_ry_main{background-image: url(../images/section7_bg.png);padding-bottom: 100px;padding-top: 30px}
.index-about-main{background-image: url(../images/bg02.jpg);background-size:cover;background-repeat: no-repeat; padding-top: 50px}
/*页脚*/

.footer-left{ float: left;width: 30%; }
.footer-right{float: right;width:20%; padding-left:100px; box-sizing:border-box}
.footer-copyright{text-align:center;padding-top:30px; padding-bottom:30px;  color:#333;padding-left: 12px;padding-right: 12px;background-image: url(../images/line.png);background-repeat: repeat-x;}
.footer-copyright p{padding-top: 2px;padding-bottom: 2px;color: #333;line-height: 1.8}
.footer-copyright a{color:#333}
.footer-products{float: left;width: 50%}
.footer-left .footer-lxwm li{ margin-bottom:10px}
.footer-title{ font-weight:bold; font-size:18px; margin-bottom:15px}
.footer-left ul span{display:inline-block; width:100px}
.footer-products-list li{float: left;width: 25%; margin-bottom:10px;  position:relative; text-indent: 8px;}
.footer-products-list a::before{position: absolute;width: 3px;height: 3px; border-radius:50%; content: ""; background-color:#ddd;left: 0px;top:8px}


.footer-copyright{overflow: hidden}
.footer-copyright .footer-copyright-left{width: 20%;text-align: left;padding-top: 15px}
.footer-copyright .footer-copyright-left img{max-width: 260px}
.footer-copyright .footer-copyright-right{width: 80%}
.footer-copyright .footer-copyright-right p:nth-child(1){padding-top: 15px}	

@media (max-width:768px){
.hide-mobile{display: none}
.list-banner .list-banner-a{position: absolute;left: 0px;top: 20%;width: 100%;text-align: center}
.list-banner .list-banner-b{font-size: 20px;font-weight: bold;color: #fff}
.list-banner .list-banner-c{height: 2px;background-color: #fff; width: 40px;margin-top:5px}
	
.list-main2{padding-left: 0px;}
.list-left{display: none}
footer a{font-size: 14px}	
.footer-copyright{text-align:center;padding-top:15px; padding-bottom:15px; }	
.footer-copyright .footer-copyright-left{width: 100%;text-align: center}
.footer-copyright .footer-copyright-right{width: 100%}	
.footer-copyright p{padding-top: 2px;padding-bottom: 2px;color: #333;line-height: 1.5}	

}