/* CSS Document */
/*
Theme Name:企业网站模板016
Theme URI: http://www.aymoban.com/qiye/016/
Description: 爱永设计工作室的作品。
Author: 爱永设计
Author URI: http://www.aysheji.com/
Date:2020-12-23 11:30:10
Version: 1.0
License: 爱永设计许可认证
License URI: http://www.aysheji.com/
Tags: 网站模板,网站建设,企业网站模板
*/
/* =Reset default browser CSS. Based on work by 刘爱永: http://www.aysheji.com/
-------------------------------------------------------------- */
html{font-size:44.44px}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:44.44px}
html[mip]{font-size:44.44px!important}}
@media screen and (min-width:360px) and (max-width:374px){html{font-size:50px}
html[mip]{font-size:50px!important}}
@media screen and (min-width:375px) and (max-width:383px){html{font-size:52.08px}
html[mip]{font-size:52.08px!important}}
@media screen and (min-width:384px) and (max-width:392px){html{font-size:53.33px}
html[mip]{font-size:53.33px!important}}
@media screen and (min-width:393px) and (max-width:413px){html{font-size:54.58px}
html[mip]{font-size:54.58px!important}}
@media screen and (min-width:414px) and (max-width:539px){html{font-size:57.5px}
html[mip]{font-size:57.5px!important}}
@media screen and (min-width:540px){html{font-size:75px}
html[mip]{font-size:75px!important}}
ul,li,ol{list-style:none;}
img{ border:0; display:block; max-width:100%;}
a{text-decoration:none;	color:#333;	outline:none;}
.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
*, ::after, ::before{box-sizing: border-box;}
.clearfix:after { clear:both}
a, button{cursor: pointer;}


/*以下为兼容手机*/
input[type="button"], input[type="submit"], input[type="reset"], textarea, select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input:focus, textarea:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-ms-clear {display: none;}
/*以上为兼容手机*/


.mnavbg{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.4;z-index: 14;}
.menu_icon{display:none;position:absolute;top:50%;margin-top:-18px;right:2%;padding: 9px 10px;cursor: pointer;border-radius: 4px;}
.menu_icon span{background-color: #888;display: block;width: 30px;height: 2px;margin-top:5px;border-radius: 1px;}
.menu_icon span:first-child{margin-top:0;}

.gongan{ padding:0 0 10px 0; text-align:center;}
.gongan p{height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;}
.gongan p a{ display:inline-block;text-decoration:none;height:20px;line-height:20px; margin:0 5px;}


.erjibanner{ margin-top:70px;}
.caseall{ padding-top:3%;}


/*分页样式开始*/
#pageabc{text-align:center;margin:30px 0;clear:both;height:auto;overflow:hidden;color:#333;line-height:23px;text-align:center;}
#pageabc a.noallowed{cursor: not-allowed;}
#pageabc span,#pageabc a{font-size:12px;color:#595757;padding:4px 12px;border:1px solid #313131;text-decoration:none;margin:3px 5px;display:inline-block;text-align:center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#pageabc a:hover,#pageabc a.current{color:#fff;background-color:#00bcd4;border:1px solid #00bcd4;}
/*分页样式结束 */


.a_news_1{width: 100%;margin: 0 auto;padding:30px 0; text-align:center; border-bottom:#ececec 1px solid;}
.a_news_1 ul li{ display:inline-block; width: 120px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;margin: 0 10px 0 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.a_news_1 ul li a{display: block;color: #4f4f4f; background:#ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.a_news_1 ul li a:hover, .a_news_1 ul li a.curr{background:#00bcd4;color: #FFF;}


/*advantage*/
.advantage{padding: 70px 0 0 0; }
.advantage_bd{ padding:90px 0; background:url(images/advantagebg.jpg) no-repeat center #2e2e2e; width:100%; }
.advantage_cen{ position:relative;margin: 0 auto;max-width: 1200px; }
.advantage_cen .top{height: auto;overflow: hidden;padding-bottom: 30px;text-align: center;}
.advantage_cen .top_en{ color:#848484; font-family: 张海山锐线体简;font-size: 30px;line-height: 100%;margin-bottom: 16px;}
.advantage_cen .top_cn{ padding-top:12px;}
.advantage_cen .top_cn span{ color:#FFF; font-size:38px; border-bottom:1px solid #6a6a6a; padding-bottom: 12px;}
.advantage_cen .top_cn span b{ background:url(images/ab_topline.jpg) no-repeat bottom; padding-bottom: 14px;}
.advantage_list{ height:auto; overflow:hidden;}
.advantage_list ul{ width:100%;}
.advantage_list li{ float:left; margin:2% 2% 0 0; display:inline; position:relative; width:23.5%; height:150px; overflow:hidden;}
.advantage_list li:nth-child(4n){ margin-right:0;}
.advantage_list li.on .advantage_img, .advantage_list li:nth-child(5) .advantage_img, .advantage_list li:nth-child(6) .advantage_img, .advantage_list li:nth-child(7) .advantage_img, .advantage_list li:nth-child(8) .advantage_img{ float:right;}
.advantage_list li.on .advantage_text, .advantage_list li:nth-child(5) .advantage_text, .advantage_list li:nth-child(6) .advantage_text, .advantage_list li:nth-child(7) .advantage_text, .advantage_list li:nth-child(8) .advantage_text{ float:left;}
.advantage_img{width:50%;height:150px;float:left;}
.advantage_img img{width:100%;}
.advantage_text{width:50%;height:150px;float:right;background-color:#6f6f6f;}
.advantage_text p{color:#FFF;font-size:16px;padding:50px 10px;text-align:center;}
.advan_show{position:absolute;top:150px;left:0;width:100%;height:150px;background-color:#00bcd4;transition: all 0.3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;}
.advan_show a{display:block;width:100%;height:150px;line-height:150px;}
.advan_show a span{display:block;}
.advan_show a span br{ display:none;}
.advantage_list li:hover .advan_show{top:0;}

.advan_shName{ color:#FFF; font-size:18px; text-align:center;}
.advan_shMore{ color:#ea4c5c; background-color:#9e0010; width:90px; height:24px; line-height:24px; border-radius:14px; margin-left:85px; margin-top:14px; text-align:center;}
.advan_shMore em{ font-family:"宋体"; color:#ea4c5c; font-size:12px; font-style:normal; margin-left:6px;}
.advantage_show{ position:absolute; top:227px; left:0; z-index:20; height:490px; display:none;}
.advantage_shBox{ width:1036px; height:490px; background-color:#d0d0d0;}
.advan_tkcon{ width:542px;}
.advan_tkImg{ width:346px; height:380px;}
.advantage_shBox{ padding:28px 32px 0 32px;}
.advan_shTitle{ color:#c70c1f; font-size:20px;}
.advan_con{ color:#484848; font-size:14px; line-height:30px; height:420px; overflow:hidden; padding-top:16px;}
.advan_L,.advan_R{ top:206px;}
.advan_close{ margin:-50px -50px 0 0;}


.newsall{}
.newslist{width:1100px;margin:0px auto 0;padding:30px 0px 0px 0px;}
.newslist li{padding:0 0 30px 0;border-bottom:#CCC 1px dotted;margin-bottom:20px;}
.newslist li a{display:block;}
.newslist li a h3{font-size:18px;color:#333;line-height:40px;margin-bottom:10px;}
.newslist li a .newsimg{width:40%;float:left;overflow:hidden;height:115px;}
.newslist li a .newsimg img{display:block;width:100%;max-height:115px;transition: all 0.3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;}
.newslist li a .newstext{width:58%;float:right;}
.newslist li a .newstext p{font-size:14px;line-height:24px;color:#666;text-align:justify;text-justify:distribute;text-justify:distribute-all-lines;}
.newslist li a .newstext span{display:block;font-size:14px;color:#888;margin-top:10px;}
.newslist li a:hover h3{color:#00bcd4;}
.newslist li a:hover p{color:#333;}
.newslist li a:hover span{color:#666;}
.newslist li a:hover .newsimg img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}


.detailnewsall{ }
.detailnews{ width:1100px; margin:0px auto 0; padding:30px 0px 30px 0px;}
.singletop{}
.singletop h2{ text-align:center; font-size:24px; color:#333; line-height:40px;}
.singletop .singlexx{ text-align:center; color:#666; font-size:14px; margin-top:5px;}
.singletop .singlexx span{ margin:0 5px;}
.singlenr{ padding-top:30px;}
.singlenr p{ font-size:14px; color:#666; line-height:24px; margin-bottom:15px;}
.singlenr img{ max-width:100%; display:block; margin:0 auto;}

.flipPage{position: relative;margin-top:50px; font-size:14px; color:#333;}
.flipPage a{ color:#666;}
.flipPage a:hover{ color:#00bcd4;}
.flipPage .prev{margin-bottom:10px;}
.flipPage a.returnl{position: absolute;right:0px;top:12px;border: 1px solid #999;padding: 8px 20px;}
.flipPage a.returnl:hover{background:#00bcd4;border-color:#00bcd4;color:#fff;}

.about_banner{ margin-top:70px; width:100%; position:relative; background: url(images/about_banner.jpg) no-repeat top center; background-size:100%; padding:100px 0 150px 0;}
.about_banCen{ width:974px; margin:0 auto 0;}
.about_banTitle{line-height: 100%;color: #FFF;font-size: 55px;font-weight: bold;text-align: center;}
.about_banCon{color: #a3f5ff;font-size: 14px;line-height: 26px;overflow: hidden;padding-top: 40px;}
.about_banCon p{ margin-bottom:15px;}

#about{width: 100%;}
.about_po{width: 100%;height: auto;background-color: #e4e4e4; padding-bottom:100px;}
.about_poCen{height: auto;}
.about_poCen ul{width: 100%;margin-top: -106px;position: relative;z-index: 10;}
.about_poCen li{float: left;width:33.333%;}
.about_poicon{background:#00bcd4;width: 200px;height: 200px; margin:0 auto; border:#e4e4e4 10px solid; text-align: center; display: flex; display: -webkit-flex; justify-content:center; align-items:center; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.about_pocn{height: 46px;line-height: 46px;color: #FFF;font-size: 26px;}
.about_poen{font-family: 张海山锐线体简;color: #fffefe;font-size: 18px;line-height: 36px;}
.about_pocn span{padding-bottom: 5px;border-bottom: 2px solid #83f1ff;}
.about_pointro{color: #333;font-size: 14px;height:auto;padding-top: 32px;text-align: left;line-height: 24px; width:86%; margin:0 auto;}

.about_history{width: 100%;position: relative;height: 750px;background: #000;opacity: 0.8;}
.about_hisCen{position: absolute;top: 50px;left: 50%;margin-left: -294px;z-index: 10;width: 588px;height: 569px;}
.about_hisSel{position: absolute;top: 0;left: 0;z-index: 10;width: 588px;height: 260px;}
.about_hisSel li{position: absolute;cursor: pointer;}
.about_hisSel1{background: url(images/about_hisac1.png) no-repeat;width: 116px;height: 110px;left: 0;top: 145px;}
.about_hisSel2{background: url(images/about_hisac2.png) no-repeat;width: 115px;height: 115px;left: 100px;top: 40px;}
.about_hisSel3{background: url(images/about_hisac3.png) no-repeat;width: 90px;height: 100px;left: 243px;top: 0;}
.about_hisSel4{background: url(images/about_hisac4.png) no-repeat;width: 114px;height: 116px;left: 375px;top: 42px;}
.about_hisSel5{background: url(images/about_hisac5.png) no-repeat;width: 115px;height: 110px;right: 0;top: 149px;}
.about_hisSel1.ab_cur{background: url(images/about_hisaho1.png) no-repeat;}
.about_hisSel2.ab_cur{background: url(images/about_hisaho2.png) no-repeat;}
.about_hisSel3.ab_cur{background: url(images/about_hisaho3.png) no-repeat;}
.about_hisSel4.ab_cur{background: url(images/about_hisaho4.png) no-repeat;}
.about_hisSel5.ab_cur{background: url(images/about_hisaho5.png) no-repeat;}

.about_hisCon{background: url(images/aabout_hisbd.png) no-repeat;position: absolute;left: 50px;top: 85px;width:484px;height: 484px;padding: 64px 74px 0 74px;}
.about_hisTitle{color: #00bcd4;font-size: 30px;font-weight: bold;height: 65px;line-height: 65px;text-align: center;}
.about_hisText{color: #484848;font-size: 14px;line-height: 30px;height: 240px;overflow: hidden;padding-top: 18px;}

.service_cen{ padding:50px 0;}
.service_cen .top_en{ margin-bottom:0;}
.service_wel{color: #333;font-size: 15px;padding-top:18px;}

.service_list{height: auto;overflow: hidden;padding:0px;}
.service_list li{float: left;width: 157px;}
.service_list li span {
	display: block;
	cursor: pointer;
	margin:0 auto; text-align:center;
}
.service_icon{background-image: url(images/service_tipimg.png);width: 100px;height: 100px;}
.service_icon1{background-position: 0 0;}
.service_icon2{background-position: -159px 0;}
.service_icon3{background-position: -317px 0;}
.service_icon4{background-position: -476px 0;}
.service_icon5{background-position: -635px 0;}
.service_icon6{background-position: -793px 0;}
.service_icon7{background-position: -952px 0;}
.service_list li:hover .service_icon1{background-position: 0 -122px;}
.service_list li:hover .service_icon2{background-position: -157px -122px;}
.service_list li:hover .service_icon3{background-position: -317px -122px;}
.service_list li:hover .service_icon4{background-position: -476px -122px;}
.service_list li:hover .service_icon5{background-position: -635px -122px;}
.service_list li:hover .service_icon6{background-position: -793px -122px;}
.service_list li:hover .service_icon7{background-position: -952px -122px;}

.service_name{color: #333;font-size: 18px; padding:15px 0 10px;}
.service_intro{line-height: 22px;font-size: 12px; padding:0 8%;}

.bannercontact{ position:relative;}
.ban_contact{ text-align:center; position:absolute; top:50%; margin-top:-44px; width:100%;}
.ban_contact h2{font-size: 30px;color: #fff;}
.ban_contact p{font-size: 18px;color: #fff;padding-top: 40px;display: block;letter-spacing: 1px;}

.contact_nr{ padding:90px 0;}


.week_weixin{background:url(images/bg_weixin.jpg) no-repeat center; background-size:cover; background-attachment:fixed; padding:80px 0;}
.week_weixin h3{margin:0 auto; font-size:32px; width:60%; line-height:1.75; text-align:center;color:#FFF; font-weight:normal; }
.week_weixin p{margin:0 auto 20px; font-size:16px;width:80%; line-height:1.75; text-align:center;color:#eee;}
.week_weixin-p img{display:block; margin:0 auto; width:160px; height:160px;}
.week_weixin p span{display:inline-block; margin:0 20px;}


#allmap{width: 100%;height: 550px;border:#E9E9E9 1px solid; overflow: hidden;}
#allmap b{color: #03b9d2;font-size: 18px; }
#allmap img{max-width: none;}

#case{ padding-top:70px;position: relative;width: 100%;height: auto;overflow: hidden;}
.case_l{width: 66%;padding: 3% 2.5% 5% 2.5%;background-color: #e9e9e9;}
.case_l img{max-width: 100%;display: block; margin:0 auto;}
.case_r{position: fixed;top: 3%;right: 0;width: 34%;padding: 5% 2% 0 2%;}
.case_logo{ font-size:32px; color:#00bcd4; line-height:50px; margin-top:2%;}
.case_con{color: #666;font-size: 14px;line-height: 30px;padding-bottom: 16px;padding-top: 12px;border-bottom: 1px dotted #d9d9d9;}
.case_con a{ color:#666;}
.case_infor{font-size: 14px;line-height: 30px;padding: 14px 0;border-bottom: 1px dotted #d9d9d9;}
.case_infor a{ color:#999;}
.case_infor .case_wd1{ color:#666;}
.case_click{ height:54px; padding-top:14px;}
.case_click a{ display:inline-block; float:left; background-image:url(images/case_clickimg.png); width:54px; height:54px; margin-right:10px;}
.case_click1{ background-position:0 0;}

.case_click .case_click2 a{ background-position:-64px 0;}
.case_click .case_click3 a{ background-position:-129px 0;}

.case_click1:hover{ background-position:0 -59px;}

.case_click .case_click2 a:hover{ background-position:-64px -59px;}
.case_click .case_click3 a:hover{ background-position:-129px -59px;}