@charset "utf-8";
/* common */
*{ margin:0; padding:0; font-family:"微软雅黑","思源黑体","苹方黑体";}
li{ list-style:none}
a{ text-decoration:none;}
img{ border:0}
.fl{ float:left;}
.fr{ float:right;}
.pa{ position:absolute;}
.pr{ position:relative;}
.sidebar-bottomtel-wap-mfp{ position:fixed; height:50px; color:#FFF; width:100%;background-color:#056da2; z-index:100; bottom:0; overflow:hidden; padding:5px 0;}
.sidebar-bottomtel-wap-mfp li{ width:33.33%; height:50px; position:relative; overflow:hidden; float:left;}
.sidebar-bottomtel-wap-mfp a{ position:absolute; width:100%; height:100%;}
.sidebar-bottomtel-wap-mfp .icon{ width:30px; height:30px; margin:0 auto; background-color:#0C0; background:url(../img/icons.png) no-repeat;}
.sidebar-bottomtel-wap-mfp li.l2 .icon{ background-position:-40px top;}
.sidebar-bottomtel-wap-mfp li.l3 .icon{ background-position:-80px top;}
.sidebar-bottomtel-wap-mfp .title{ text-align:center; font-size:14px; color:#FFF;}


.mt40{ margin-top:40px;}

/* 首页 ******************************************************************************/
.title-wap-mfp{ position:relative;}
.title-wap-mfp .line{width:150px; position:relative; margin:0 auto;}
.title-wap-mfp .line .line0{ width:100%; border:0; border-bottom:1px solid #999; position:absolute; top:13px;}
.title-wap-mfp .title_{ position:absolute; width:100%; top:0; text-align:center;}
.title-wap-mfp .title_ h2{ width:70px; font-weight:400; font-size:18px; background-color:#FFF; margin:0 auto;}
.title-wap-mfp .title1{ width:100%; text-align:center; position:relative; padding-top:25px; font-size:14px;}

.more-wap-mfp{ background-color:#e50112; position:relative; width:120px; height:40px; margin:0 auto; text-align:center; line-height:40px;}
.more-wap-mfp a{ position:absolute; width:100%; height:100%; top:0; left:0; color:#FFF;}


.index-top{ height:60px; background-color:#000; text-align:center;}
.index-top img{ height:40px; margin-top:8px;}

.index-menu{ height:40px; line-height:40px; position:absolute; width:100%; background-color:#333;}
.index-menu ul{ overflow:hidden;}
.index-menu li{ float:left; width:20%; text-align:center;}
.index-menu li a{ color:#FFF;}

.index-banner{ overflow:hidden;}
.index-banner img{ float:left; width:100%;}

.index-service{ background-color:#FFF;}
.index-service .main{ padding:20px 20px;}
.index-service ul{ overflow:hidden; padding-top:20px;}
.index-service li{ float:left; width:33%; position:relative; height:90px;}
.index-service li a{ position:absolute; text-align:center; width:100%; height:100%;}

.index-service li a img{ height:70%;}
.index-service li a div{ font-size:12px; text-align:center; color:#333;}
.index-service li:nth-child(4){margin-left:17%; }

.index-case{ background-color:#efefef; }
.index-case .main{ padding:0 10px; padding-top:20px; padding-bottom:20px;}
.index-case .title-wap-mfp .title_ h2{ background-color:#efefef;}
.index-case ul{ overflow:hidden; padding-top:10px;}
.index-case li{ float:left; width:48%; position:relative;}
.index-case li.right{ float:right;}
.index-case li img{ width:100%; border-radius:8px;}
.index-case li div{ text-align:center; font-size:14px; padding:5px 0; color:#555;}

.index-news{ background-color:#FFF;}
.index-news .main{ padding:20px 10px;}
.index-news .title-wap-mfp .title_ h2{ background-color:#FFF;}
.index-news ul{ padding-top:20px; padding-bottom:20px;}
.index-news li{ overflow:hidden; border-bottom:1px dotted #ccc; margin-bottom:10px; position:relative; padding-bottom:5px;}
.index-news li img{ float:left; width:30px; height:30px; margin-right:5px;}
.index-news li a{ display:block; overflow:hidden;}
.index-news li a div{ color:#333; line-height:30px;}
.index-news li .info{ font-size:12px; color:#999;}
.index-news li .date{ position:absolute; right:0px; font-size:12px; color:#999; bottom:5px; background-color:#FFF;}

.index-sign{ background-color:#3b454e;}
.index-sign .main{ padding:20px 10px;}
.index-sign .title-wap-mfp .title_ h2{ background-color:#3b454e; color:#fff;}
.index-sign li{ overflow:hidden; border-bottom:1px dotted #ccc; margin-bottom:10px; position:relative; padding-bottom:5px;}
.index-sign li img{ float:left; width:30px; height:30px; margin-right:5px;}
.index-sign li a{ display:block; overflow:hidden;}
.index-sign li a div{ color:#FFF; line-height:30px;}
.index-sign .title-wap-mfp .line .line0{ width:100%; border:0; border-bottom:1px solid #fff; position:absolute; top:13px;}
.index-sign .title-wap-mfp .title1{ width:100%; text-align:center; position:relative; padding-top:25px; font-size:14px; color:#FFF;}

.index-custom{ background-color:#efefef}
.index-custom .main{ padding:20px 10px;}
.index-custom .title-wap-mfp .title_ h2{ background-color:#efefef;}
.index-custom ul{ overflow:hidden; padding-top:20px; padding-bottom:20px;}
.index-custom li{ position:relative; float:left; width:33%; overflow:hidden;}
.index-custom li img{ float:left; width:100%;}
.index-custom li div{ position:absolute; width:100%; height:100%; border:2px solid #efefef; }
.index-custom li div.right{ right:0; bottom:0;}

.index-contact{ background-color:#FFF; padding:20px 10px;}
.index-contact .tel{ font-size:20px; text-align:center; font-weight:800;}
.index-contact .tel a{ color:#ff0c00}
.index-contact .name{ font-weight:800; color:#ccc; text-align:center;}
.index-contact .info{ overflow:hidden; padding-top:10px;}
.index-contact .info ul{ float:left; width:68%;}
.index-contact .info ul li{ font-size:14px; color:#999;}
.index-contact .info ul li a{ color:#999;}
.index-contact .info img{ float:right; width:30%;}

/* 20180727底部联系我们新样式 */
.old-contact{ padding:20px 10px; background: #fff;}
.old-title { text-align: center; margin-bottom: 20px; }
.old-title .cn {font-size:16px; color: #666666;  }
.old-title .en {font-size:14px; color: #999999; }
.old-contact-con ul{margin-bottom:28px;}
.old-contact-con ul li{ font-size:15px ; color: #666; margin-bottom: 10px ; }
.old-contact-con ul li.name { font-size:16px; color: #000033; font-weight: 500;margin-bottom: 14px;}
.old-contact-con ul li .red{ color: #E70112;}



/* 底部 */
.footer-wap-mfp{ background-color:#3b454e; padding:10px 10px;}
.footer-wap-mfp div{color:#999;text-align:center;font-size:14px;}
.footer-wap-mfp div a{color:#999;text-align:center;font-size:14px;}

/*
                                                             	@author:fcm
*/
/*案例列表页****************************************************************************************************************************/
.case-top{ height:50px; background-color:#000; text-align:center;}
.case-top img{ height:90%;}

.case-menu{ width:100%; height:30px; background:#34424b; line-height:30px;}
.case-menu ul{ overflow:hidden;}
.case-menu li{ float:left; width:14%; text-align:center;}
.case-menu li a{ color:#FFF;}

.case-tabbedmenu{ width:100%; height:48px; text-align:center; background:#fff; border-bottom:1px solid #efefef; position:relative;}
.case-tabbedmenu.on{ position:fixed; top:0; left:0; z-index:100; margin-top:0;}
.case-tabbedmenu li.fl{ width:18%; height:48px; line-height:48px; font-size:16px;}
.case-tabbedmenu li.on{ border-bottom:2px solid #ff0000;} 
.case-tabbedmenu li.fl a{ width:100%; display:inline-block; color:#666;}
.case-tabbedmenu li.all{ width:28%; background:url(../wap/img/caselist-down.png) no-repeat 98% center;}
.case-tabbedmenu .all-list{ width:25%; padding:0 10px; background:#fff; position:absolute; right:0; top:49px; z-index:100; display:none;}
.case-tabbedmenu .all-list li{ text-align:center; height:40px; line-height:40px; border-bottom:1px solid #efefef;}
.case-tabbedmenu .all-list a{ color:#666;}

.case-con{ width:100%; background:#eee;}
.case-con li{ width:94%; padding:16px 3%; background:#fff; text-align:center; margin-bottom:14px;}
.case-con li img{ width:100%}
.case-con li .play{ width:62px; height:62px; background:url(../wap/img/play_icon.png); top:30%; left:50%; margin-left:-31px;}
.case-con li h3{ font-size:16px; color:#333; font-weight:100; text-align:left; line-height:1em; margin:10px 0;}
.case-con li p{ height:34px; padding-left:38px; background:url(../wap/img/case_list_icon.png) no-repeat; font-size:14px; color:#999; text-align:left; line-height:50px;}
.case-con li p .more{ display:block; width:18px; height:4px; background:url(../wap/img/more_point.png); margin-top:26px;}


/*案例详情页****************************************************************************************************************************/
.case-video{ width:100%;}
.case-video img{ width:100%;}
.case-video .play{ width:62px; height:62px; background:url(../wap/img/play_icon.png); margin-left:-31px; left:50%; margin-top:-40%;}

.case-video .title{ width:94%; padding:0 3%; font-size:16px; color:#333; font-weight:400; margin:14px 0 10px;}
.case-video .describe{ width:94%; padding:0 3%; font-size:14px; color:#999;}

.case-pic{ width:94%; text-align:center; margin:30px auto 0; margin-bottom:20px;}
.case-pic .title{ font-size:16px; color:#333; text-align:left;}
.case-pic img{ width:100%; margin:12px 0 8px;}
.case-pic .text{ width:90%; padding:0 5%; font-size:14px; color:#666;} 

.case-backtop{ width:40px; height:50px; background-color:rgba(0,0,0,0.4); text-align:center; position:fixed; bottom:50px; right:10px; display:none;}
.case-backtop img{ margin-top:6px;}


/*新闻列表页****************************************************************************************************************************/
.newslist-con{ width:100%; background:#fff; padding-bottom:20px;}
.newslist-con li{ width:100%; padding:20px 0; border-bottom:1px solid #efefef; overflow:hidden; position:relative;}
.newslist-con .newslist-text{ width:50%; padding:0 2%; line-height:1.7em;}
.newslist-con .newslist-text .title{ font-size:18px; color:#333; font-weight:700;}
.newslist-con .newslist-text .time{ font-size:16px; color:#ccc; line-height:1.75em; position:absolute; bottom:20px;}
.newslist-con .newslist-pic{ width:46%; text-align:center;}
.newslist-con .newslist-pic img{ width:95%;}


/*新闻详情页****************************************************************************************************************************/
.news-con{ width:94%; padding:0 3%;}
.news-con .title{ width:100%; font-size:18px; color:#333; font-weight:400; text-align:center; margin:16px 0 12px;}
.news-con .author{ width:100%; font-size:14px; color:#999; text-align:center;}
.news-con img{ width:100%; margin:10px 0;}
.news-con .con{font-size:16px; color:#666; text-indent:2em; line-height:1.5em; padding-bottom:20px;}

/*报价页****************************************************************************************************************************/
.price-top{ width:100%; height:60px; background:#000; text-align:center;}
.price-top .logo{ margin-top:8.5px;}

.price-menu{ height:50px; background:#333;}
.price-menu li{ width:20%; float:left;}
.price-menu li a{ display:block; width:100%; height:50px; font-size:16px; color:#fff; text-align:center; line-height:50px;}

.price-service{ width:100%; margin-bottom:30px;}
.price-service img{ width:100%;}

.price-plan{ width:100%; overflow:hidden;}

.price-plan .btn{ overflow:hidden;}
.price-plan .btn li{ width:25%; float:left;}
.price-plan .btn .title{ font-size:20px; color:#666; text-align:center; margin-top:8px;}
.price-plan .btn .icon{ width:50px; height:50px; border-radius:50%; background:#2a79fd; display:block; margin:0 auto; overflow:hidden;}

.price-plan .con{ width:96%; padding:0 2%; margin-top:30px;}
.price-plan .con li{ background:#fff; display:none;}

.price-plan .con .title{ font-size:18px; color:#666; font-weight:700; margin-bottom:10px; line-height:1.5em;}
.price-plan .btn li.on .title{ color:#2a79fd;} 

.price-plan .con .text{ font-size:16px; line-height:1.75em; color:#666; margin-bottom:6px;}


/*关于页****************************************************************************************************************************/
.about_story{ width:100%; height:410px; overflow:hidden; position:relative; margin-top:40px;}
.about_story_bg{ width:100%; position:absolute;}
.about_story .line{ width:100%; height:2px; display:block; background:#c6c6c6; position:absolute; margin-top:229px;}


.about_story ul{ display:block; width:100%; height:380px; position:absolute; right:0; bottom:10px;}
.about_story ul li{ width:46%; float:right; padding:0 2%;}
.about_story li .con{ width:100%; height:380px; color:#fff; text-align:center; font-size:16px; position:relative;}
.about_story li .icon{ display:block; width:16px; height:54px;}

.about_story li.red .icon{ background:url(../wap/img/about_red.png); position:absolute; top:164px; left:50%; margin-left:-7px;}
.about_story li.red .time{ width:100%; color:#e60012; position:absolute; bottom:120px;}
.about_story li.red .text{ width:100%; position:absolute; bottom:230px;}

.about_story li.blue .icon{ background:url(../wap/img/about_blue.png); position:absolute; top:202px; left:50%; margin-left:-7px;}
.about_story li.blue .time{ width:100%; color:#226fb0; position:absolute; top:160px;}
.about_story li.blue .text{ width:100%; position:absolute; top:270px;}

.about_con{ text-align:center;}
.about_con .title .icon{ display:block; margin:46px auto 15px;}
.about_con .title .icon1{ width:80px; height:70px; background:url(../wap/img/icon1.png);}
.about_con .title .icon2{ width:80px; height:70px; background:url(../wap/img/icon2.png);}
.about_con .title .icon3{ width:80px; height:70px; background:url(../wap/img/icon3.png);}
.about_con .title_c{ font-size:20px; color:#666;}
.about_con .title_e{ font-size:14px; color:#ccc; margin-top:8px; text-transform:uppercase;}

.about_con .text{ font-size:16px; color:#666; padding:0 4px; margin-top:14px;}
.about_con .text p{ margin-bottom:14px;}

.about_evaluation{ width:100%; background:url(../wap/img/about_eval.jpg) no-repeat center; background-size:cover; color:#fff; text-align:center; margin:40px 0 20px; padding-top:20px;}
.about_evaluation .title_c{ font-size:20px;}
.about_evaluation .title_e{ font-size:14px; color:#ccc; margin:8px 0 20px; text-transform:uppercase;}

.about_evaluation .con li{ padding-bottom:60px; line-height:1.5em;}
.about_evaluation .con .icon{ display:block; width:24px; height:22px; margin:0 auto 10px; background:url(../wap/img/about_point.png);}
.about_evaluation .con{ font-size:16px; padding:0 16px;}
.about_evaluation .con .name{ font-size:14px; color:#ccc; float:right; margin-top:10px;}


/*威海站*weihai.php***************************************************************************************************************************/

.wap-banner{width:100%; position: relative; margin-top:40px; }

.wap-banner .weihai-pic{width:100%;}

.wap-banner-info{ display: block; width:100%; height:40px; line-height:40px ; font-size:16px ; background:rgba(0,0,0,0.6); position: absolute; bottom: 4px; color: #fff; padding-left:10px; }