@charset "utf-8";
/* CSS by www.softmoon.com.cn */
@media (max-width: 1400px) and (min-width: 768px) {
	html {zoom: 80%;}
	@-ms-viewport {width: 1920px;}		
}
body { font-family: "Microsoft YaHei","Open Sans", sans-serif; font-size: 14px; color:#333; margin:0; padding: 0;}
* { padding: 0px; margin: 0px;}
ul { margin:0; padding: 0;}
li { margin:0; padding: 0;}
section {overflow:hidden !important;}
input:hover,input:focus {outline:none !important;}
a {text-decoration:none;-webkit-transition:0.5s;transition:0.5s;}
a:hover,a:hover {color:#1588fd;text-decoration:none;-webkit-transition:0.5s;transition:0.5s;}
a {color:#333;-webkit-transition:0.5s;transition:0.5s;}
a:hover {color:#1588fd;-webkit-transition:0.5s;transition:0.5s;}
p {line-height:1.625;font-size:14px;margin-bottom:0px;}
a:focus,.button:focus,button:focus,.btn:focus {text-decoration:none;outline:none;box-shadow:none;-webkit-transition:1s;transition:1s;}
ul {list-style:none;margin:0;padding:0;}

.hover-up { transition: 0.2s; overflow:hidden;}
.hover-up:hover { transform: translateY(-4px); transition: 0.2s;}

/*--------导航-------------*/
.top-head { height:110px; background: #fff;}
.top { height:110px; width:100%; position: fixed; z-index: 999;background: #fff;}
.top_box { width:1400px; margin:0 auto; display: flex;}
.logo { float:left; padding-top:15px;}

.main .dev-output pre { overflow: auto; max-height: 500px; background-color: #EBF4FD; padding: 0 1em 1em;}
.rm-nav { letter-spacing: 1px;}
.rm-toggle.rm-button { margin-top: 25px;}
.rm-css-animate.rm-menu-expanded { max-height: none; display: block;}
.rm-container.rm-layout-expanded { float: right;}
.rm-nav li a,
.rm-top-menu a {
    padding: .75rem 1rem;
    font-size: .9em;
    line-height: 1.5rem;
    text-transform: uppercase;
}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    height: 80px;
    line-height: 80px;
}
.main { background-image: url("../images/cloud.jpg");background-position: center top;background-repeat: repeat-x;min-height: 100%; padding-top: 1px;}
.tagline { width: 360px; font-size: 1.75em; font-weight: bold; letter-spacing: 2px;line-height: 1.2; text-align: center; margin: 275px auto; color: #1A88D3;}
.tagline strong { font-size: 1.3em;}
.dev-output { background-color: #e1eaf3; background-color: rgba(255,255,255,.85); color: #000; padding: 2em; margin-bottom: 2em;}

#menu { float: right; position:relative; z-index:2; margin:0px auto; top:42px;}
#menu .menu-item { float: left; margin-left: 20px; height: 60px; color:#333; display:flex; box-sizing:border-box; justify-content:center; perspective:200px;}
#menu .menu-text a { font-size: 18px; color:#333; font-weight: bold; text-decoration:none; transition:color 0.1s ease-out; text-align:center;}
#menu .menu-text a:hover { color:#23a938;}
.menu-item .sub-menu { position:absolute; top:50px; border-radius:10px; min-width:220px; pointer-events:none; box-sizing:border-box; z-index:999; margin-left:-5em; clip-path:inset(0 10em 10em 15em); opacity:0; font-weight:initial; padding:35px 30px 10px 40px;	transition:all 0.25s ease-out,opacity 0.25s ease-in,margin-left 0.25s ease-out,clip-path 0.15s ease-out; background: url(../images/menu_bg.jpg) no-repeat #fff;background-size: cover;}
.menu-item:hover .sub-menu { pointer-events:all; clip-path:inset(0 0 0 0);opacity:1;margin-left:0;}
.menu-text:after { transition:bottom 0.25s ease-out,opacity 0.01s ease-out 0.01s; opacity:0; content:''; position:absolute; pointer-events:none; bottom:0; left:calc(50% - 8px); border-color:transparent transparent #23a938 transparent; border-width:8px; border-style:solid;}
.menu-item:hover .menu-text:after { bottom:9px; opacity:1; transition:bottom 0.25s ease-out,opacity 0.01s ease-out 0.15s;}
@keyframes clipPath {
	0% {opacity:0;}
	100% {transform:rotateX(0deg) scale(1);top:4.5em;opacity:1;}
}
.menu-item .text { color:#333; margin:0 0 0.25em 0; font-size: 16px;}
.menu-item .sub-text { font-size: 12px; color: #999;}
.menu-item .icon {color:rgb(44 70 86);font-size:1.25em;margin:0 1em 0 0;}
.menu-item .icon-box { cursor:pointer; float:left; width:100%; margin:0; height:3.5em;}
.menu-item .icon-box a { color:#333 !important; display: block; width: 100%; font-size: 16px;}
.menu-item .icon-box a:hover { color: #1588fd !important;}

.head_search { margin-top: 35px; display: flex;}
.head_search .form-control { height: 40px; border-radius: 20px 0px 0px 20px;}
.head_search .btn { background: #23a938; color: #fff; height: 40px; border-radius: 0px 20px 20px 0px; padding: 0 20px;}
.head_search .btn:hover {background: #139527;}
.head_area { display: flex; margin-left: 20px; margin-top: 5px;}
.head_area i { margin-right: 5px;}
.head_area a { color: #23a938; font-size: 18px; margin-top: 2px;}
.head_area a:hover {color: #157ad1;}

/*--------------首页大图-------------------*/
.focusPicture-mod { height: 680px;}
.focusPicture-mod .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.focusPicture-mod .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
    background-position: 50% 50%;
	position: relative;
}
.focusPicture-mod .swiper-slide img { width: 100%; height: 100%; object-fit: cover; max-width:2544px;}
.focusPicture-mod .swiper-slide a { display:block; width: 100%; height: 100%;}
.focusPicture-mod .swiper-pagination-bullets { bottom:20px;}
.focusPicture-mod .swiper-pagination-bullet { width: 30px; height: 5px; border-radius: 4px; opacity:1; margin:0 10px; background: #fff;}
.focusPicture-mod .swiper-pagination-bullet-active { background: #23a938 !important;}
.focusPicture-mod .swiper-slide-gundong { width: 650px; color: #fff;}

/*-------------首页关于我们----------------*/
.index_about { padding-top: 160px; padding-bottom: 160px;}
.index_about .container { width: 1400px;}
.index_about_info { display: flex; flex-wrap: nowrap; justify-content: space-between;}
.index_about_text { width: 50%; margin-right: 40px;}
.index_about_text h1 { margin-bottom: 30px; font-weight: bold; margin-top: 0;}
.index_about_text h1 small { display: block; margin-top: 10px; color: #999; font-size: 14px; font-weight:normal;}
.index_about_text p { font-size:16px; color: #777; line-height: 30px;}
.index_about_text dl { display: flex; flex-wrap: nowrap; margin-top: 65px;}
.index_about_text dl dd { width:20%; text-align: center; margin-right: 10px;}
.index_about_text dl dd:last-child { margin-right: 0;}
.index_about_text dl dd a { display: block; padding: 18px 0; background: #f3f7fa; border-radius: 3px;}
.index_about_text dl dd a p { color: #333;}
.index_about_text dl dd a:hover { background: #23a938;}
.index_about_text dl dd a:hover p { color: #fff;}
.index_about_text dl dd a:hover path,.index_about_text dl dd a:hover circle { stroke:#fff}
.index_about_photo { width: 40%; text-align: right;}

/*-------------首页服务----------------*/
.index_service { padding-top: 90px; padding-bottom: 100px; background: url("../images/index_service_bg.jpg") no-repeat center;}
.index_service .container { width: 1400px;}
.index_service .index_title { text-align: center; margin-bottom: 80px; color: #fff;}
.index_service .index_title h1 { font-weight: bold;}
.index_service .index_title h1 small { display: block; margin-top: 10px; color: #fff; font-size: 14px; text-transform: uppercase}
.index_service_item { color: #fff;}
.index_service_item li { background: rgba(15,97,234,.6); margin-right: 15px; border-radius: 4px;}
.index_service_item li:hover {background: rgba(15,97,234,.8)}
.index_service_item li h2 { font-size: 24px; color: #fff; margin-bottom: 20px; margin-top: 30px;}
.index_service_item li p { color: #fff;}
.index_service_item li:last-child { margin-right: 0;}
.index_service_head { display: flex; margin-bottom: 15px;}
.index_service_head li { list-style: none; width: 50%;}
.index_service_head li a { display: block; width: 100%; height: 100%; padding: 50px 50px;}
.index_service_foot { display: flex;}
.index_service_foot li { list-style: none; width: 33%}
.index_service_foot li:last-child { margin-right: 0;}
.index_service_foot li a { display: block; width: 100%; height: 100%; padding: 50px 50px;}

/*-------------首页优势与定位----------------*/
.index_ysdw { padding-top: 100px; padding-bottom: 100px; background: url("../images/index_ysdw_bg.jpg") no-repeat center #fcfdfe;}
.index_ysdw .container { width: 1400px;}
.index_ysdw_item ul { display: flex; margin-bottom: 80px; justify-content: space-between;}
.index_ysdw_item ul:last-child { margin-bottom: 0;}
.index_ysdw_item ul li { width: 42%;}
.index_ysdw_item ul li h2 { margin-bottom: 50px; margin-top: 40px; font-weight: bold;}
.index_ysdw_item ul li h2::after { content: ''; display: block; width: 40px; height: 3px; background: #23a938; margin-top: 30px;}
.index_ysdw_item ul li p { font-size: 16px; color: #555; margin-bottom: 10px;}
.index_ysdw_item ul img { border-radius: 6px;}



/*-------------首页新闻----------------*/
.index_news { padding-top: 90px; padding-bottom: 100px;}
.index_news .container { width: 1400px;}
.index_news .index_title { text-align: center; margin-bottom: 80px;}
.index_news .index_title h1 { font-weight: bold;}
.index_news .index_title h1 small { display: block; margin-top: 10px; color: #999; font-size: 14px; text-transform: uppercase}
.index_news_list { display: flex; flex-wrap: nowrap;}
.index_news_list li { list-style: none; width: 33%; margin-right: 40px;}
.index_news_list li:last-child { margin-right: 0px; }
.index_news_list li img { width: 100%}
.index_news_list li h3 { font-size: 18px; font-weight: bold; word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index_news_list li p { font-size: 14px; color: #888;}

/*-------------内页banner----------------*/
.tp-page-header { height: 400px; width:100%;}
.tp-page-header img { width:100%; height: 100%; object-fit: cover;}

/*-------------分页样式----------------*/
.pages { clear: both; text-align: center; font-size:14px; margin-bottom:20px; margin-top:60px;}
.pages .pagination { padding:0;}
.pages .pagination li { display:inline-block; margin: 0 3px; line-height: 20px; color:#999}
.pages .pagination li { color:#fff; font-size:14px;}
.pages .pagination li a { padding:10px 20px; border: 1px #e5e5e5 solid; color:#666; display:block;}
.pages .pagination li a:hover { color: #157ad1; border: 1px solid #157ad1; background:#eef7ff; text-decoration:none;}
.pages .pagination li.active { display: inline-block; margin: 0 3px;}
.pages .pagination li.active a { color: #fff; border: 1px solid #157ad1; background:#157ad1;}

.page_info { padding-top: 100px; padding-bottom: 120px;}
.page_info .container { width: 1400px;}
.page_main { padding-top: 80px; padding-bottom: 80px;}
.page_main .container { width: 1400px;}
.page_flex { display: flex; flex-wrap: nowrap; justify-content: space-between;}
.left_box { width: 100%; border: 1px #e5e5e5 solid; margin-right: 40px; padding: 40px; background: #fff;}

.right_menu { width: 360px; background: #f3f7fa;}
.right_menu ul { background: #0074bd; color: #fff; padding: 30px 30px; margin-bottom: 30px}
.right_menu ul h1 { margin-top: 0; margin-bottom: 5px; font-size: 26px;}
.right_menu ul p { font-size: 16px; text-transform: uppercase; line-height: 30px;}
.right_menu li { list-style-type: none; width: 90%; margin: 0 auto; text-indent: 25px; margin-bottom: 5px;}
.right_menu li a { display: block; line-height: 40px; font-size: 16px; color: #666; border-radius: 20px;}
.right_menu li a:hover { background: #23a938; color: #fff;}
.right_menu li.active a { background: #23a938; color: #fff;}

.right_menu .menu_list { margin:0 15px;}
.right_menu .menu_list p { height:47px; line-height:47px; font-size:16px; padding-left: 18px; color:#0074bd; position:relative; font-weight:bold; margin:0; border-bottom: 1px #dee8f0 solid;}
.right_menu .menu_list p a { display: block;}
.right_menu .menu_list p.active a { color: #23a938;}
.right_menu .menu_head { height:47px; line-height:47px; padding-left:18px; font-size:16px; color:#0074bd; cursor:pointer; position:relative; font-weight:bold; margin:0; border-bottom: 1px #dee8f0 solid;}
.right_menu .menu_list .current { display: flex; justify-content: space-between;}
.right_menu .menu_list .current i { margin-top: 5px;}
.right_menu .menu_body { height:auto; overflow:hidden; line-height:38px; margin-top: 10px;}
.right_menu .menu_body a { display:block; width:223px; height:38px; line-height:38px; background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;font-size: 13px;}
.right_menu .menu_body a:hover{text-decoration:none;}

.service_item {}
.service_item_title { font-size: 24px; font-weight: bold; border-bottom: 2px #e5e5e5 solid; padding-bottom: 20px; margin-top: 0; margin-bottom: 30px; color: #0074bd;}
.service_content { color: #666;}
.service_content h3,.service_content h4 { font-size: 20px; font-weight: bold; color: #0074bd; margin-top: 30px; margin-bottom: 30px;}
.service_content p { margin-bottom: 10px; font-size: 16px; line-height: 32px;}
.service_content ul { margin-left: 20px; margin-top: 20px; margin-bottom: 20px;}
.service_content ul li::marker { color: #0074bd;}
.service_content table { margin:0 auto; margin-top: 10px; border-collapse: collapse; width:100%}
.service_content table tr { height: 40px; }
.service_content table tr:first-child { background-color: #0074bd; color: #fff}
.service_content table tr td { height: 50px; font-size: 14px; text-align: center; vertical-align: middle; border: 1px solid #efefef;}
.service_content table tr:first-child td { font-size: 14px; line-height:20px;}
.service_content table tr:first-child td p { margin-bottom: 0;}

.product_box { width: 100%; margin-right: 40px;}
.product_list_search { background: #f5f5f5; padding: 30px 40px; margin-bottom: 40px;}
.product_list_info { font-size: 15px; color: #666; line-height: 30px; margin-bottom: 20px;}
.product_list_search .form-control { height: 45px; font-size: 16px;}
.product_list_search .btn { height: 45px; width: 110px; background: #23a938; color: #fff;}
.product_list_search .btn:hover {background: #17972b;}

.product_list ul li { width: 20%; text-align: center;}
.product_list .product_list_head { display: flex; flex-wrap: nowrap; flex-direction: row; width: 100%; padding-left: 0px; padding-right: 0px; margin-top: 0px; background: #0074bd; padding-top: 0px; padding-bottom: 0px; max-width: none; color: #fff;}
.product_list .product_list_head li { border-right-style: solid; border-right-width: 1px; border-right-color: #0087c2; padding-top: 20px; padding-bottom: 20px; font-weight: bold; font-size: 16px;}
.product_list .product_item { display: flex; flex-wrap: nowrap; justify-content: space-between; border-left: solid 1px #e3e3e3; border-right: solid 1px #e3e3e3;}
.product_list .product_item li { border-right: 1px #e3e3e3 solid; border-bottom: 1px #e3e3e3 solid; padding: 20px 15px; word-break:break-all;}
.product_list .product_item li:last-child { border-right:none;}
.product_list .product_item li img { max-width: 100%;}

.product_head { display: flex; flex-wrap: nowrap; background: #f3f7fa; justify-content: space-between; padding: 20px; margin-bottom: 20px;}
.product_head_pic { width: 45%; margin-right: 30px; background: #fff; display: flex; justify-content: center; align-items: center;}
.product_head_pic img { max-width: 100%;}
.product_head_info { width: 50%;}
.product_head_info h2 { margin-top: 5px; font-size: 20px; font-weight: bold; color: #0074bd; margin-bottom: 15px;}
.product_head_info p { margin-bottom: 6px;}
.product_head_info p.product_tel { font-size: 20px; font-weight: bold;}
.product_content {}
.product_content_head { border-bottom: 1px #e5e5e5 solid; margin-bottom: 20px;}
.product_content_head h3 { margin-top: 0; display: inline-block; background: #23a938; font-size: 18px; color: #fff; padding: 15px 40px; margin-bottom: 0; border-radius: 6px 6px 0px 0px;}
.product_content_foot p { font-size: 15px; margin-bottom: 6px; line-height: 30px;}
.product_content_foot img { max-width: 980px;}

.product_online { background: #fcfcfc; padding: 40px 80px 40px 40px; margin-top: 30px;}
.product_online h2 { text-align: center; margin-top: 0; margin-bottom: 30px;}
.product_online .btn { padding: 10px 60px; font-size: 16px; background: #0074bd}
.product_online .btn:hover { background: #23a938;}

.news_nav { overflow: hidden; margin-bottom: 50px; margin-left: -15px;}
.news_nav p { float: left; font-size: 18px; margin-right: 50px;}
.news_nav p a { line-height: 28px;}
.news_nav p a:hover { color: #017ace}
.news_nav p>a.hover { position: relative; font-weight: bold; font-size: 24px;}
.news_nav p>a.hover::after {
    display: block;
    content: "";
    width: 60%;
    height: 10px;
    background-color: #FFD55D;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.news_list_box { overflow: hidden; margin-bottom: 40px; border-bottom: 1px #e5e5e5 dotted; padding-bottom: 40px;}
.news_list_box .news_list_pic { float: left; width:520px; height: 323px; overflow: hidden;}
.news_list_box .news_list_pic img { width:520px; height: 323px; transition: all 0.6s;}
.news_list_box .news_list_pic:hover img {transform: scale(1.2);}
.news_list_box .news_list_text { float: right; width: 780px;}
.news_list_box .news_list_text h4 { font-size: 22px; margin-bottom: 30px; margin-top: 30px; font-weight: bold;}
.news_list_box .news_list_text h4 a { color:#333}
.news_list_box .news_list_text h4 a:hover { color:#017ace}
.news_list_box .news_list_text p { color: #999; margin-bottom: 60px; line-height: 25px; font-size: 14}
.news_list_box .news_list_text a.news_list_more { display: block; width: 140px; line-height: 45px; text-align: center; background: #157ad1; color: #fff; border-radius: 30px;}
.news_list_box .news_list_text a:hover.news_list_more { background: #23a938;}

.news_show_main { background: #f9f9f9;}
.news_show_box { background: #fff;}
.news_article_title { text-align: center; border-bottom: 1px #e5e5e5 solid; padding-bottom: 30px; width: 1100px;  margin: 0 auto; margin-bottom: 40px; margin-top: 60px;}
.news_article_title h1 { font-size: 26px; margin-bottom: 20px; font-weight: bold; margin-top: 0;}
.news_article_title p { font-size: 14px; color: #999;}
.news_article_content { font-size: 16px; width: 1100px;  margin: 0 auto;}
.news_article_content p { font-size: 16px; color: #666; margin-bottom: 25px;}
.news_article_content img { max-width: 800px;}

/*-------------资料下载----------------*/
.download_list { display: flex; justify-content: space-between; flex-wrap:wrap;}
.download_item { background: #f9f9f9; display: flex; justify-content: space-between; flex-wrap:nowrap; width: 49%; margin-bottom: 30px; padding: 30px;}
.download_item .download_item_pic { width: 30%; margin-right: 40px; background: #fff;}
.download_item .download_item_pic img { width: 100%; padding: 10px; height: 240px;}
.download_item .download_item_text { width: 60%; position: relative;}
.download_item .download_item_text h4 { margin-top: 10px; color: #333; font-weight: bold; font-size: 22px; margin-bottom: 20px;}
.download_item .download_item_text p { color: #666; margin-bottom: 10px;}
.download_item .download_item_text a { display: inline-block; background: #157ad1; color: #fff; padding: 10px 30px; border-radius: 30px; position: absolute; bottom: 20px;}
.download_item .download_item_text a:hover {background: #23a938;}

/*-------------关于我们----------------*/
.about_page_nav { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 80px;}
.about_page_nav li { list-style: none; margin: 15px;}
.about_page_nav li:nth-last-of-type(1) { margin-right: 0;}
.about_page_nav li a { display: block; border-radius: 20px; background: #f5f6f8; padding: 8px 35px; font-size: 16px; color: #221814;}
.about_page_nav li a:hover { background: #157ad1; color: #fff;}
.about_page_nav li.active a { background: #157ad1; color: #fff;}
.about_box { display: flex; flex-wrap: nowrap;}
.about_content { color: #333; width: 50%;}
.about_content h2 { margin-bottom: 40px; margin-top: 0px; font-weight: bold;}
.about_content h3 { font-size:18px; font-weight: bold;}
.about_content p { font-size: 16px; color: #666; margin-bottom: 15px; line-height: 32px;}
.about_content ul.list-paddingleft-2 { padding-left: 50px; line-height: 35px; padding-top: 30px; padding-bottom: 30px;border: 1px #e5e5e5 solid; border-top: 3px #0074bd solid; margin-top: 20px;}
.about_content ul.list-paddingleft-2 li::marker { color: #0074bd;}
.about_content ul.list-paddingleft-2 li p { margin-bottom: 10px; color: #666;}
.about_pic { width: 50%; text-align: right;}
.about_pic img { width: 90%; border-radius: 6px;}

.about_yfnl_box { display: flex; justify-content: space-between;}
.about_yfnl_box ul { border:1px #e5e5e5 solid; border-radius: 6px; width: 30%; text-align: center; padding: 40px 0;}
.about_yfnl_box ul span { display: block; width: 90px; height: 90px; border-radius: 50%; background: #23a938; margin: 0 auto;}
.about_yfnl_box ul span svg { margin-top: 20px;}
.about_yfnl_box ul h3 { font-size: 22px; font-weight: bold; margin-bottom: 20px; margin-top: 40px;}
.about_yfnl_box ul li p { font-size: 16px; margin-bottom: 10px;}

/*-------------职业发展----------------*/
.job_page_title { padding-top: 80px; margin-bottom: 80px;}
.job_page_title h1 { margin-bottom: 60px; text-align: center}
.job_page_title h1 span { position: relative;}
.job_page_title h1 span::after {
    display: block;
    content: "";
    width: 60%;
    height: 10px;
    background-color: #FFD55D;
    position: absolute;
    bottom: 0;
    z-index: -1;
	left: 50%;
    margin-left: -30%;
}
.job_page_title img { max-width:100%;}
#accordion .panel { border: none; box-shadow: none; border-radius: 0;}
#accordion .panel-heading { padding: 0;}
#accordion .panel-title a { display: block; padding: 30px; background:#2b84c6; font-size: 22px; font-weight: 600; color: #fff; position: relative; transition: all 0.3s ease 0s;}
#accordion .panel-title a small {float: right; color: #fff; font-size: 16px;}
#accordion .panel-title a.collapsed { background:#e9edf0; color: #0d345d;}
#accordion .panel-title a.collapsed small { color: #071d49;}
#accordion .panel-body { padding:60px 50px 60px 50px; background: #fcfcfd; color: #071d49; line-height: 30px; position: relative; font-size: 16px;}
#accordion .panel-body p { font-size: 16px; line-height: 30px; margin-bottom: 15px;}

/*-------------联系我们----------------*/
.contact_title { margin-top: 0px; margin-bottom: 60px; font-size: 26px;}
.contact_title span { position: relative;}
.contact_title span::after {
    display: block;
    content: "";
    width: 60%;
    height: 6px;
    background-color: #8eec9c;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.contact_content { color: #333; margin-bottom: 80px; overflow: hidden;}
.contact_content h2 { margin-bottom: 30px; margin-top: 60px;}
.contact_content p { font-size: 16px; color: #071d49; margin-bottom: 15px;}
.contact_content ul.list-paddingleft-2 { line-height: 35px; border:1px #e6eef4 solid; float: left; padding: 40px; margin-right: 20px; min-width: 320px; background: #fff; border-radius: 4px;}
.contact_content ul.list-paddingleft-2 li { list-style: none; text-align: center;}

.contact_online {
	padding: 30px 30px;
    -webkit-box-shadow: 0 3px 53px rgba(40, 40, 40, .05);
    -khtml-box-shadow: 0 3px 53px rgba(40, 40, 40, .05);
    -moz-box-shadow: 0 3px 53px rgba(40, 40, 40, .05);
    -ms-box-shadow: 0 3px 53px rgba(40, 40, 40, .05);
    -o-box-shadow: 0 3px 53px rgba(40, 40, 40, .05);
    box-shadow: 0 3px 53px rgba(40, 40, 40, .05);
    border-radius:6px;
	margin-bottom:20px;
	background: #fff;
}
.contact_online h2 { margin-bottom: 40px; font-size: 24px; border-bottom: 1px #e5e5e5 solid; padding-bottom: 15px;}
.contact_online h2 small { color: #666;}
.contact_online .required { color: #FF0004;}
.contact_online .form-horizontal .control-label { font-size: 16px;}
.contact_online .form-control { border-radius: 0px;}

.service_body {padding-top: 100px; padding-bottom: 60px;}

/*-----------------搜索------------------*/
.search_list_box { overflow: hidden; margin-bottom: 40px; border-bottom: 1px #e5e5e5 dotted; padding-bottom: 40px;}
.search_list_box .search_list_pic { float: left; width:520px; height: 323px; overflow: hidden;}
.search_list_box .search_list_pic img { width:400px; height: 248px; transition: all 0.6s;}
.search_list_box .search_list_pic:hover img {transform: scale(1.2);}
.search_list_box .search_list_text { float: right; width: 880px;}
.search_list_box .search_list_text h4 { font-size: 22px; margin-bottom: 30px; font-weight: bold;}
.search_list_box .search_list_text p { color: #999; margin-bottom: 20px; line-height: 25px; font-size: 14px}
.search_list_box .search_list_text time { color: #999; margin-bottom: 40px; font-size: 14px; display: block}
.search_list_box .search_list_text a.search_list_more { display: block; width: 140px; line-height: 45px; text-align: center; background: #157ad1; color: #fff; border-radius: 30px;}
.search_list_box .search_list_text a:hover.search_list_more { background: #23a938;}
.search_info { text-align: center; font-size: 18px;}

footer { background:url(../images/footer_bg.jpg) no-repeat center top #1087cc; padding-top: 40px; padding-bottom: 20px;}
footer .container { width: 1400px;}
.footer_link { margin-bottom: 30px;}
.footer_link h2 { font-size: 18px; color: #fff; margin-bottom: 30px;}
.footer_link p { margin-bottom: 12px;}
.footer_link p a { color: #abd5e6;}
.footer_link p a:hover { color: #ffea00;}
.foot_copy { color: #7abad5; padding-top: 20px; text-align: center; border-top: 1px #57a4d1 solid}
.foot_copy a { color: #7abad5;}
.foot_copy a:hover { color: #ffea00;}

/*在线客服-右侧*/
.suspension { position:fixed; z-index:55; right:0; bottom:385px; width:70px; height:168px;}
.suspension-box { position:relative;float:right;}
.suspension .a { display:block; width:44px; height:44px; background-color:#0ba4ea; margin-bottom:4px; cursor:pointer; outline:none;}
.suspension .a.active,
.suspension .a:hover { background:#0074bd;}
.suspension .a svg path , .suspension .a:hover svg path { stroke:#fff;}
.suspension .a .i { float:left; width:44px; height:44px;}
.suspension .a-service .i{ width:20px; height:20px; margin-top:12px;margin-left:12px; background-position:0 0;}
.suspension .a-service-phone .i { width:20px; height:20px; margin-top:10px; margin-left:12px;}
.suspension .a-qrcode .i { width:20px; height:20px; margin-top:10px; margin-left:11px;}
.suspension .a-top .i { width:20px; height:20px; margin-top:10px; margin-left:12px;}
.suspension .a-top .i svg path { stroke:#fff;}
.suspension .a-top { background:#23a938; display:none;}
.suspension .a-top:hover { background:#23a938;}
.suspension .d {display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow { position:absolute;width:8px;height:12px;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone { top:0px;}
.suspension .d-qrcode {top:28px;}
.suspension .d .inner-box { padding:8px 22px 12px;}
.suspension .d-service-item { padding:15px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle { width:44px;height:44px; border-radius:50%; overflow:hidden; background:#F1F1F3; display:block; float:left;}
.suspension .d-service-item .i-qq  {width:44px; height:44px; background:url(../images/online_kefu_qq.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq { background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/online_kefu_tel.png) no-repeat center center;display:block;}
.suspension .d-service-item h3 { float:left; width:112px; line-height:44px; font-size:15px; margin-left:12px; margin-top: 0; margin-bottom: 0;}
.suspension .d-service-item .text {float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number { font-size: 16px; color: #008bd4;}
.suspension .d-qrcode { text-align:center;}
.suspension .d-qrcode .inner-box { padding:15px;}
.suspension .d-qrcode .inner-box img { width: 100%;}