﻿.content .dn { display: none; }
/*首页*/
#indexslide slide-idx ul { position: absolute; }

.content .index_news { width: 100%; /*height:23rem;*/ padding: 2rem; font-size: 1.4rem; }
.content .index_news ul { width: 100%; }
.content .index_news ul li { position: relative; width: 100%; height: 6.5rem; line-height: 6.5rem; background-color: #e8e1d9; margin-bottom: 1rem; }
.content .index_news ul li a { display: block; text-indent: 2.3rem; /*font-family: ltzh;*/ color: #7c5f59; font-size: 1.5rem; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-text-overflow: ellipsis; }
.content .index_news ul li span.r_icon { position: absolute; top: 2.1rem; right: 2.3rem; display: block; width: 1.2rem; height: 2.2rem; background: url(../img/index/r_icon.png) no-repeat center center; background-size: cover; }
.content .index_news .more_btn { display: block; width: 100%; height: 6.5rem; line-height: 6.5rem; background-color: #ffa200; text-align: center; /*font-family: ltzh;*/ color: #fff; font-size: 2.0rem; }
.content .map { width: 100%; height: auto; }
.content a img { width: 100%; height: auto; }

/*关于我们*/
.content .about_con { width: 100%; margin-bottom: 2rem; }
.content .about_con > p { margin: 1rem 5% 0 5%; }
.content .about_con .title { padding: 2rem 5% 0 5%; width: 100%; margin-bottom: 2rem; }
.content .about_con .title ul { width: 100%; }
.content .about_con .title ul li { float: left; width: 49%; height: 5.5rem; line-height: 5.5rem; margin-right: 1%; background-color: #c6c6c6; color: #fff; text-align: center; font-size: 1.5rem; margin-bottom: 0.8rem; }
.content .about_con .title ul li > img { display: none; margin-left: 0.5rem; width: 1.5rem; height: auto; }
.content .about_con .title ul li.on { background-color: #ffa200; /*background:url(../img/about/arrow.png) no-repeat center center;background-size:cover;*/ }
.content .about_con .title ul li.on > img { display: inline-block; }
.content .about_con .t_con { width: 100%; overflow: hidden; }
.content .about_con .t_con > div { background: url(../img/about/line.png) repeat-y 3rem 0; padding-bottom: 0.2rem; }
.content .about_con .hide { display: none; }
.content .about_con .t_con > div img { width: 100%; height: auto; background-color: #fff; }
.content .about_con .t_con > div span.occup { height: 2rem; background-color: #fff; width: 100%; display: block; }
.content .about_con .t_con > div h1 { margin-left: 2.5rem; background: url(../img/about/circle.png) no-repeat left center; background-size: auto 1.3rem; background-color: #fff; color: #b4590f; font-size: 2.5rem; font-style: normal; text-indent: 3rem; height: 2rem; line-height: 2rem; font-family: DincondMedium; font-weight: bold; }
/*.content .about_con .t_con h1 em { height:2rem;font-weight:bold;margin-left:3rem;}*/
.content .about_con .t_con > div p { margin: 1rem 1.5rem 1rem 5rem; background-color: #f7f1df; padding: 1rem 1.5rem 1rem 1rem; }
.content .about_con .t_con h2 { margin: 1.8rem 5% 1.5rem 5%; font-size: 2.5rem; color: #ffa200; }
.content .about_con .t_con > p { margin: 0 5%; }
.content .about_con .t_con ul li.box { position: relative; display: block; width: 90%; margin: 1rem 5%; border: 0.5rem solid #e9e2cc; background-color: #f3eede; min-height: 10rem; overflow: hidden; background-size: auto 9rem; background-repeat: no-repeat; }
.content .about_con .t_con ul li.box:nth-child(odd) { border-bottom-right-radius: 5rem; border-top-right-radius: 5rem; background-position: right center; }
.content .about_con .t_con ul li.box:nth-child(even) { border-bottom-left-radius: 5rem; border-top-left-radius: 5rem; background-position: left center; }
.content .about_con .t_con ul li.box:nth-child(odd) > div { float: left; width: 68%; }
.content .about_con .t_con ul li.box:nth-child(even) > div { float: right; width: 68%; }
.content .about_con .t_con ul li.box > div h3 { font-size: 2.0rem; color: #ffa200; margin: 0.5rem 0 0 1.2rem; }
.content .about_con .t_con ul li.box > div p { margin: 0.5rem 1rem 0 1.2rem; }
.content .about_con .t_con ul li.box:nth-child(odd) > img { max-width: 32%; height: 9.5rem; position: absolute; right: 0; border-radius: 50%; }
.content .about_con .t_con ul li.box:nth-child(even) > img { max-width: 32%; height: 9.5rem; position: absolute; left: 0; border-radius: 50%; }

@media screen and (max-width:480px) {
    .content .about_con .t_con ul li.box { background-size: 32% auto; }
}

/*新闻中心*/
.content .news_con { width: 100%; /*height:23rem;*/ padding: 1.5rem; font-size: 1.4rem; }
.content .news_con ul { width: 100%; }
.content .news_con ul li { position: relative; width: 100%; height: 7.5rem; background-color: #e8e1d9; margin-bottom: 1rem; }
.content .news_con ul li a { display: block; padding: 2rem 1.5rem; color: #7c5f59; font-size: 1.4rem; width: 80%; height: 50%; margin: auto 0; }
.content .news_con ul li a p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-text-overflow: ellipsis; line-height: inherit; }
.content .news_con ul li a span { color: #d8ab19; font-size: 1.3rem; }
.content .news_con ul li span.r_icon { position: absolute; top: 2.6rem; right: 1.5rem; display: block; width: 1.2rem; height: 2.2rem; background: url(../img/news/left_icon.png) no-repeat center center; background-size: cover; }
.content .news_con .more_btn { display: block; width: 100%; height: 6.5rem; line-height: 6.5rem; background-color: #80b75c; text-align: center; color: #fff; font-size: 2.0rem; }
.content .news_con h2 { color: #80b75c; }
.content .news_con h3 { position: relative; color: #ffa200; font-size: 1.4rem; width: 100%; height: 3rem; border-bottom: 0.2rem solid #eee; margin-bottom: 1.0rem; }
.content .news_con h3 a { position: absolute; top: 0; right: 0; background: url(../img/news/back.png) no-repeat top right; width: 5.5rem; height: auto; background-size: 100% 100%; text-align: center; color: #fff; font-size: 1.2rem; }
.content .news_con img { margin: 1.2rem 0; }
/*回到顶部*/
.content a.backtop { position: fixed; right: 1.5rem; bottom: 2rem; background: url(../img/back_top.png) no-repeat; background-size: 100% 100%; width: 5.3rem; height: 5.3rem; z-index: 100; opacity: 0; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }
.content a.backtop.fadeIn { opacity: 1; }
.content a.backtop.fadeOut { opacity: 0; }

/*产业布局*/
.content .top_img > p { position: absolute; bottom: 1rem; text-align: center; width: 100%; color: #f8f4ba; font-size: 1.2rem; }
.content .top_img > p span { color: #ffec70; font-size: 1.8rem; padding: 0 0.3rem; }
.content .product_con { width: 100%; padding: 1.5rem; }
.content .product_con .p_title ul { width: 100%; }
.content .product_con .p_title ul li { float: left; width: 19.5%; height: 3.5rem; line-height: 3.5rem; margin-left: 0.5%; margin-bottom: 1.5rem; background-color: #f5f3ec; text-align: center; overflow: hidden; }
.content .product_con .p_title ul li a { color: #000; font-size: 1.2rem; }
.content .product_con .p_title ul li.on { background-color: #ffa200; }
.content .product_con .p_title ul li.on a { color: #fff; }
.content .product_con .p_list ul { width: 100%; }
.content .product_con .p_list ul li { float: left; width: 49.5%; margin-bottom: 0.5rem; }
.content .product_con .p_list ul li:nth-child(odd) { margin-right: 0.5%; }
.content .product_con .p_list ul li:nth-child(even) { margin-left: 0.5%; }
.content .product_con .p_list ul li a > div { border: 1px solid #c9c4c1; }
.content .product_con .p_list ul li a img { width: 100%; height: auto; }
.content .product_con .p_list ul li a h2 { font-size: 1.6rem; color: #ffa200; padding: 0.5rem 0.8rem 0.5rem 0.8rem; height: 2.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-text-overflow: ellipsis; }
.content .product_con .p_list ul li a p { padding-right: 0.8rem; padding-left: 0.8rem; line-height: 1.5rem; height: 4.5rem; overflow: hidden; /*text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;*/ }
.content .product_con .p_list ul li a span.detail_btn { display: block; background: url(../img/product/p_list_btn.jpg) no-repeat center center; background-size: 70% 70%; height: 3.5rem; width: 11.5rem; margin: 0.5rem auto; }
.content .product_con .p_list span.more_btn { display: block; width: 100%; height: 6.5rem; line-height: 6.5rem; background: url(../img/product/p_more_btn.png) no-repeat center center; background-color: #2b50b4; margin-top: 0.5rem; }
.content .product_con .p_detail h1 { position: relative; padding-bottom: 0.2rem; border-bottom: 2px solid #cacaca; margin-bottom: 0.8rem; }
.content .product_con .p_detail h1 span.title { border-bottom: 2px solid #ffa200; padding-bottom: 0.2rem; padding-right: 0.8rem; }
.content .product_con .p_detail h1 a { position: absolute; top: -0.6rem; right: 0; background: url(../img/news/back.png) no-repeat top right; width: 5.5rem; background-size: 100% 100%; text-align: center; color: #fff; font-size: 1.2rem; text-indent: 1rem; height: 2.5rem; line-height: 2.5rem; }
.content .product_con .p_detail p { color: #7D7A7A; line-height: 1.5rem; }

/*智慧运营*/
.content .social_con { width: 100%; padding: 1.5rem; }
.content .social_con h1 { color: #ffa200; font-size: 1.8rem; margin: 0.8rem 0; }
.content .social_con img { margin: 0.8rem 0; width: 100%; height: auto; }

/*悦服务*/
.content .server_con { width: 100%; /*padding:1.5rem;*/ }
.content .server_con .l_menu { width: 100%; padding: 1.5rem 1.2rem; }
.content .server_con .l_menu ul li { float: left; width: 49%; height: 4.5rem; line-height: 4.5rem; margin-right: 1%; background-color: #780d37; text-align: center; }
.content .server_con .l_menu ul li a { color: #fff; vertical-align: middle; }
.content .server_con .l_menu ul li a img { width: 1.2rem; height: auto; margin-right: 0.5rem; margin-top: -0.3rem; display: none; }
.content .server_con .l_menu ul li.on { background-color: #ffa200; }
.content .server_con .l_menu ul li.on a img { display: inline-block; }
/*.content .server_con .l_menu ul li.on a { background: url(../img/server/server_cricle.png) no-repeat left center; text-indent: 1.5rem; }*/
.content .server_con .l_detail h1 { padding: 0 1.2rem 0.8rem 1.2rem; color: #ffa200; }
.content .server_con .l_detail p { padding-left: 1.2rem; padding-right: 1.2rem; line-height: 1.8rem; }
.content .server_con .l_detail .top { width: 100%; text-align: center; }
.content .server_con .l_detail .top img { width: 70%; margin-top: 1.2rem; }
.content .server_con .l_detail .bottom { width: 100%; height: 100%; /*margin-top:0.2rem;*/ }
.content .server_con .l_detail .bottom .img_menu img { width: 30%; float: left; transform: rotate(0); transition: all 400ms; -webkit-transform: rotate(0); -webkit-transition: all 500ms; }
.content .server_con .l_detail .bottom .img_menu img.on { transform: rotate(180deg); -webkit-transform: rotate(180deg); margin-bottom: 0.8rem; }
.content .server_con .l_detail .bottom .img_menu img.img_left { margin-left: 1.4%; }
.content .server_con .l_detail .bottom .img_menu img.img_center { margin-left: 2.0%; }
.content .server_con .l_detail .bottom .img_menu img.img_right { margin-left: 4.4%; }
.content .server_con .l_detail .bottom .img_box { width: 100%; overflow: hidden; margin-bottom: 0.8rem; }
.content .server_con .l_detail .bottom .img_box img { display: block; height: 0; opacity: 0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transform: scale(0); -webkit-transform: scale(0); }
.content .server_con .l_detail .bottom .img_box img.fadeIn { height: auto; opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.content .server_con .l_detail .bottom .img_box img.fadeOut { height: 0; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transition: all 0s linear; -webkit-transition: all 0s linear; }
.content .server_con .l_detail .bottom .img_box .box_left { width: 33%; margin: 0 1.2rem 0 0; }
.content .server_con .l_detail .bottom .img_box .box_center { width: 80%; margin: 0 auto 0 auto; }
.content .server_con .l_detail .bottom .img_box .box_right { width: 80%; float: right; margin: 0 1.2rem 0 0; }

/*联系我们*/
.content .contact_con { width: 100%; padding: 1.5rem; background-color: #f3eadb; }
.content .contact_con .info h2 { font-size: 1.6rem; font-weight: bold; width: 100%; height: 2.5rem; text-indent: 3rem; }
.content .contact_con .info h2.com { background: url(../img/contact/remark.png) no-repeat left center; background-size: 2rem 100%; }
.content .contact_con .info p { margin-left: 3rem; }
.content .contact_con .info h2.tel_btn { background: url(../img/contact/contact_tel.png) no-repeat left center; background-size: 2rem 100%; }
.content .contact_con .info .lead_btn { display: block; background: url(../img/contact/contact_lead.jpg) no-repeat left center; background-size: 100% auto; width: 12rem; height: 3.5rem; margin: 0.5rem 0 2.0rem 3rem; }
.content .contact_con .info p.tel_num { color: #ffa200; font-size: 3.5rem; font-family: DincondMedium; }
.content .contact_con .form h1 { font-size: 1.6rem; margin-top: 2.0rem; font-weight: bold; }
.content .contact_con .form input[type=text] { margin-top: 0.8rem; border: 1px solid #8b8b8b; color: #8b8b8b; width: 100%; background-color: #f3eadb; line-height: 3.2rem; padding: 0 0.8rem; }
.content .contact_con .form textarea { margin-top: 0.8rem; border: 1px solid #8b8b8b; color: #8b8b8b; width: 100%; background-color: #f3eadb; height: 9.5rem; line-height: 1.5rem; padding: 0.5rem 0.8rem; }
.content .contact_con .form input[type=submit] { background-color: #ffa200; width: 9rem; height: 5rem; border: none; color: #fff; font-size: 1.6rem; margin-top: 0.5rem; }
