@charset "utf-8";
/* CSS Document */

/* 全局属性 */
body, p, h1, h2, h3, h4, h5, ul, ol, dl, img, a, li, form, input, dl, dt, dd { margin: 0px; padding: 0px;}
a { cursor: pointer; color: #333;}
a:link { text-decoration: none;}
a:hover { text-decoration: none;}
img, input { border: none;}
li { list-style:none;}
i { font-style: normal;}
body { font-size: 14px; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color: #333333; -webkit-animation-duration: 1s;animation-name: body_animate;}
.clear { clear: both;}
.clear_5 { clear: both; height: 5px;}
.clear_10 { clear: both; height: 10px;}
.clear_20 { clear: both; height: 20px;}
.clear_30 { clear: both; height: 30px;}
.clear_40 { clear: both; height: 40px;}
.clear_50 { clear: both; height: 50px;}
.clear_60 { clear: both; height: 60px;}

@-webkit-keyframes body_animate {
	0% {
		    opacity: 0;
     transform: translate(0, 20px);
	}

	100% {
		    opacity: 1;
    transform: translate(0, 0);
	}

}



/* -------------------------- 头部开始-------------------------- */
/* .header { width: 100%; background-color: #fff; position: fixed; z-index:1000; border-bottom: 1px solid #ececec;} */
.header .header_box { min-width: 1233px; width:100%; margin: 0 auto;}
.header .large { padding: 20px; }
.header .small { padding: 0px;}

/* ---- logo部分 ---- */
.header .large .logo { float: left; margin-bottom: 20px;}
.header .large .logo img {}

/* ---- 导航部分 ---- */
.header .large .nav { margin-right: 10px; margin-top: 10px; margin-left: -20px;position:relative;z-index:100;}
.header .large .nav .nav_up { float:right; margin-right: 20px;}
.header .large .nav .nav_up li{float:left; color:#fff; margin: 0 2px; }
.header .large .nav .nav_up .nav_up_selected{ background-color: #55acee; color: #fff; border-radius: 10px 10px 0 0;}
.header .large .nav .nav_up .nav_up_selected a{ color: #fff;}

.header .large .nav .nav_up .nav_up_selected_1{ background-color: #55acee; color: #fff; border-radius: 10px; box-shadow: 5px -5px 5px #eee;}
.header .large .nav .nav_up .nav_up_selected_1 a{ color: #fff;}

.header .large .nav .nav_up li h2{font-weight:normal;padding:0;margin:0}
.header .large .nav .nav_up li h2 a{ padding: 0 25px; display: inline-block; height: 60px; line-height: 60px; font-size: 18px; color: #333;}

.header .large .nav .nav_down{position:absolute;top:60px;left:0px;width:100%}
.header .large .nav .nav_down .nav-down-menu{width:100%;margin:0;background:#55acee;position:absolute;top:0px;}
.header .large .nav .nav_down .nav-down-menu .nav_down-inner{margin:auto;width:801px;position:relative}
.header .large .nav .nav_down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.header .large .nav .nav_down .menu-1 dl{margin:20px 80px 20px 0}
.header .large .nav .nav_down .menu-1 dt{font-size: 16px;color:#fff;padding-bottom:10px;border-bottom:1px solid #ffca5f;margin-bottom:10px; }
.header .large .nav .nav_down .menu-1 dt a { color: #fff;}
.header .large .nav .nav_down .menu-1 dd a{ color: #fff; white-space: nowrap; padding: 3px 0; display: block;}
.header .large .nav .nav_down .menu-1 a:hover{color:#ffca5f}
.header .large .nav .nav_down .menu-2 dd a,.nav_down .menu-3 dd a{color:#fff;font-size: 16px;}


/* ---- 客服电话部分 ---- */
.header .large .tel { float: right; margin-top: 20px; margin-right: 30px;}
.header .large .tel img {}





/* ---- 下拉之后_logo部分 ---- */
.header .small .logo { float: left; margin-left: 50px; margin-bottom: 0px; }
.header .small .logo img { width: 120px; height: 37px; padding-top: 4px; }

/* ---- 下拉之后_导航部分 ---- */
.header .small .nav { margin-left: -20px;position:relative;z-index:100;}
.header .small .nav .nav_up {height:46px;float:right; }
.header .small .nav .nav_up ul{float:left}
.header .small .nav .nav_up li{float:left; color:#fff}
.header .small .nav .nav_up .nav-up-selected{background:#55acee}
.header .small .nav .nav_up .nav_up_selected{ background-color: #55acee; color: #fff; border-radius: 10px 10px 0 0;}
.header .small .nav .nav_up .nav_up_selected a{ color: #fff;}
.header .small .nav .nav_up .nav_up_selected_1{ background-color: #55acee; color: #fff; border-radius: 10px; box-shadow: 5px -5px 5px #eee;}
.header .small .nav .nav_up .nav_up_selected_1 a{ color: #fff;}

.header .small .nav .nav_up li h2{font-weight:normal;padding:0;margin:0}
.header .small .nav .nav_up li h2 a{ padding: 0 20px; display: inline-block; height: 46px; font-size: 16px; line-height: 46px;}
.header .small .nav .nav_up li h2:hover { color:#fff;}

.header .small .nav .nav_down{position:absolute;top:45px;left:0px;width:100%}
.header .small .nav .nav_down .nav-down-menu{width:100%;margin:0;background:#55acee;position:absolute;top:0px;}
.header .small .nav .nav_down .nav-down-menu .nav_down-inner{margin:auto;width:801px;position:relative}
.header .small .nav .nav_down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.header .small .nav .nav_down .menu-1 dl{margin:20px 80px 20px 0}
.header .small .nav .nav_down .menu-1 dt{font-size: 16px;color:#fff;padding-bottom:10px;border-bottom:1px solid #ffca5f;margin-bottom:10px}
.header .small .nav .nav_down .menu-1 dt a { color: #fff;}
.header .small .nav .nav_down .menu-1 dd a{ color: #fff; white-space: nowrap; padding: 3px 0; display: block;}
.header .small .nav .nav_down .menu-1 a:hover{color:#ffca5f}
.header .small .nav .nav_down .menu-2 dd a,.nav_down .menu-3 dd a{color:#fff;font-size: 16px;}

/* ---- 下拉之后_客服电话部分 ---- */
.header .small .tel { float: right; margin-top: 20px; margin-right: 30px; display: none;}
.header .small .tel img {}

/* -------------------------- 头部结束-------------------------- */




/* -------------------------- 在线客服 ------------------------ */
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#55acee;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../../images/300c/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../../images/300c/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}
/* -------------------------- 在线客服 结束 ------------------------ */





/* -------------------------- 尾部 ------------------------ */

/* .footer { width: 100%; min-width: 1200px; height: 250px; background-color: #666;} */
.footer .footer_box { width: 1200px; margin: 20px auto;}
.footer .contact { background-color: #333; color: #eee; width: 100%; height:50px; line-height: 50px; text-align: center; font-size: 22px; }

.footer .footer_L { float: left; color: #eee; font-size: 16px;}
.footer .footer_L a { margin-right: 20px; color: #fff; }
.footer .footer_L a:hover { color: #ffca5f;}
.footer .footer_L p { margin: 15px 0;}

.footer .footer_C { float: left;}
.footer .footer_C img { margin:10px;}

.footer .footer_R { float: right; width: 400px}
.footer .footer_R a { margin:10px; font-size: 14px; color: #eee; display: inline-block;}
.footer .footer_R p { margin:10px;}
.footer .footer_R h2 { color: #55acee; font-size: 18px; margin-bottom: 5px;}
.footer .footer_R a:hover { color:#ffca5f}


/* -------------------------- 尾部结束 ------------------------ */



/* --------------------------------------------- 联系我们 ------------------------------------------------ */

/* ---------------------- 联系我们盒子 ------------------------- */
.box_contact {}

/* ---- 联系我们_标题 ---- */
.box_contact .contact_title { width:100%; min-width:1200px; height: 500px; position: relative; overflow: hidden;}
.box_contact .contact_title .bg_title h1 { position: absolute; top: 65%; left: 50%; color: #439fe6; font-size: 48px; text-align: center; text-transform: uppercase; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}
.box_contact .contact_title .bg_title span { position: absolute; top: 50%; left: 50%; color: #439fe6; font-size: 54px; text-align: center; text-transform: uppercase; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}
.box_contact .contact_title .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url("../../images/300c/cs/contact_bg.jpg") no-repeat center center;  background-size: cover; -webkit-transform: scale(1.1); transform: scale(1.1); }


/* ---- 联系我们_地址 ---- */
.box_contact .contact_address { width: 100%;  min-width:1200px; background-color: #fafafa; padding: 50px 0 40px;}
.box_contact { width: 100%; margin: 0 auto; text-align: center;}

.contact_T h1 { font-size: 38px; color: #55acee; font-weight: bold; padding: 5px;}
.contact_T span { }


/* .contact_B dl>div{width: 100%;} */
.contact_B dl dd span { width: 130px; display: inline-block;}
.contact_B dl { text-align:left; margin: 10px auto; }
.contact_B dl dt {margin-bottom: 10px; font-size: 16px; color: #666; font-size: 18px;}
.contact_B dl dd {margin-bottom: 0px; font-size: 16px; color: #666; font-size: 18px;display: flex;align-items: center;justify-content: space-between;}
.contact_B dl dd.dd { margin-left: 50px; font-size: 16px;}
.contact_B dl dd ul{display: flex;align-items: center;justify-content: space-between;width: 100%;}

.contact_B { text-align:left; width:1000px; margin: 10px auto;}
.contact_B h1 { font-size: 38px; color: #55acee; font-weight: bold; padding-top: 20px; text-align: center;}
.contact_B dl dd b { color: #ffca5f; font-size: 22px;}
.contact_B dl dd i { width: auto; display: inline-block;}
.contact_B dl {}
.contact_B dl dt {margin: 25px 0 10px; color: #3389ca; font-size: 24px;font-weight: normal;}
.contact_B dl dd {margin-bottom: 0px; font-size: 16px; color: #666; font-size: 18px;}

.contact_B li { float: left; text-align: center;}
.contact_B li a i { width: 65px; height: 66px; display: block; background: url(../images/Customer/ico.png) -344px -123px; margin: 5px 30px; text-align: center;}
.contact_B li a i:hover { background-position: -409px -123px; }


/* ---- 联系我们_留言板 ---- */
.contact_B dl dd .text { line-height: 47px; height: 47px; width: 375px; border: 1px solid #dddddd; margin: 10px 0; padding-left: 10px; font-size:18px;}
.contact_B dl dd .textarea {width: 375px; height: 118px; padding: 10px; line-height: normal; margin: 10px 0; resize:none; font-size:18px;border-color: #ddd;}
.contact_B dl dd .sub { line-height: 40px; text-align: center; height: 40px; width: 150px; border: 0px; background-color: #0197ec; font-size: 21px; color: #FFF; margin:0px auto; cursor: pointer;}



/* ---- 联系我们_地址 ---- */
.box_contact .contact_map { width: 90%; min-width: 1200px; margin: 40px auto; box-shadow: 1px 1px 10px #666;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


/* ---------------------- 联系我们盒子 ------------------------- */


/* --------------------------------------------- 联系我们结束 ------------------------------------------------ */
@media(max-width:1240px){
	.contact_B{width: 900px;}
}
@media(max-width:1040px){

}
@media(max-width:992px){
	.contact_B{width: 90%;}
	.contact_B dl>div{width: 375px;}	
}
@media(max-width:850px){
	.contact_B dl{justify-content: center!important;}	
	.contact_B dl dd .text { width: 100%;}
	.contact_B dl dd .textarea {width: 100%; }
}
@media(max-width:480px){
	.contact_B li{margin: 0 auto;}
	.contact_B li a i{margin: 5px auto;}
}