@charset "utf-8";

/* CSS Document */

*{ margin:0px; padding:0px;}

a{ text-decoration:none;}

body,input,button,textarea,select,option,optgroup{font-family:"microsoft yahei",宋体,Arail,verdana;}

.clear:after,.cfl:after, .header_wrap:after {clear: both;content: " ";display: block;height: 0;overflow: hidden;visibility: hidden;}

ul li{list-style-type:none;}

.clear{clear:both;}

img {vertical-align: middle;}

*{margin:0;padding:0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

table {border-collapse:collapse;border-spacing:0;}

fieldset,img {border:0}

caption,th {text-align:left}

div{ font-size:12px; color:#333;}

h1,h2,h3,h4,h5,h6 {font-weight:normal; color:#212121;}

em{font-style: normal;}



/*******首页*******/


#header .header-box .sidebar-a img {width:136px;height:43px;margin-top:27px;margin-left:83px;}
#header .sidebar-b ul li {list-style:none;float:left;padding:0px 15px;cursor:pointer;position:relative;height:100%;}
#header .sidebar-b ul li::before{content:"";position:absolute;top:0;left:100%;width:0;height:100%;border-bottom:2px solid #E25116;transition:0.2s all linear;z-index:2;margin-top: -2px;}
#header .sidebar-b ul li:hover::before{width:100%;left:0;}
#header .sidebar-b ul li:hover a{color: #E25116;}
#header .sidebar-b ul li:hover ~ li::before{left:0;}
#header .sidebar-b ul li.active::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-bottom:2px solid #E25116;transition:0.2s all linear;z-index:2;margin-top: -2px;}
#header .sidebar-b ul li.active a{color: #E25116;}
#header .sidebar-b ul li a{position: relative; z-index: 10;}
.all_bannpic{padding-top: 100px;}
#header .sidebar-b > div {line-height:100px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#636363;}
  

/*.headerlunbo img{width:1860px; height:auto; margin:auto;}*/

.headerlunbo{width:100%; height:auto; margin:auto; }

.firstmain{ width:100%; height:2471px; background:url(../images/fanc/index_02.png) no-repeat; margin:auto; background-position:center;}

.servicecont{ width:1000px;/* height:274px;*/ height:78px; margin:auto;}

.service_title{ width:358px; height:78px;  margin:auto;}

.service_continfo{width:1000px; height:155px; margin:auto; margin-top:27px; position:relative;}

.service_continfo li{ float:left;}

.myteamcont{ width:840px;height:295px;left: 4%;margin:auto; margin-top:242px;position: relative;overflow: hidden;}

.myteamtitle{ width:252px; height:58px; margin:auto; margin-bottom:20px;}

.myteam_member{  height:86px; margin:auto;position: absolute;}

.myteam_member li{ float:left; margin-right:20px;cursor:pointer;}

.myteam_lunbo{width: 10000px;height: 86px;float: left;position: relative;}

.myteam_member_a{  height:86px; margin:auto;position: absolute; white-space:nowrap; }

.myteam_member_a li{ float:left; margin-right:20px;cursor:pointer;position: relative !important; display: inline-block; }

.hidden_ul{display: black;}

.person_show{width: 210px;height: 130px;position: absolute;top: 86px;background: tan;left: -67px;display: none;}

.about_design{ width:1000px; height:412px; margin:auto; }

.lf_designtitle{width:530px; height:200px;}

.rt_designicon{width:346px; height:412px;  margin-top:12px; }

.about_custom{/* width:710px;*/ width:1000px; height:600px; margin:auto; position:relative;}

.lf_customicon{width:370px; height:600px; margin-top:43px;}

.rt_customtitle{ width:316px; height:340px; margin-top:43px;}

.solide_brandplan{width:1000px; height:519px; margin:auto;}

.about_brandplan{width:402px; height:519px; margin:auto; margin-top:100px;}



.secondmain{ width:100%; height:1022px; background:#343232 url(../images/fanc/index_016.png) no-repeat; margin:auto; background-position:center;}

.case_title{ width:276px; height:230px; margin:auto; padding-top:50px;}

.case_list{ width:1000px; /*height:394px;*/ margin:auto; overflow:hidden;}

.case_list li{ float:left; width:330px; height:230px; margin:0 4px 4px 0; position:relative; overflow:hidden;}

.case_solide{ width:1000px; height:175px; margin-top:192px;}

.case_solide li{ margin-top:30px;}

.case_solideone{ width:1000px; height:175px; margin-top:192px;}

.case_solideone li{margin-top:192px;}



.case_listback{ width:288px; height:33px; padding:16px 16px;  background:#c71f26; filter:alpha(opacity=50);  -moz-opacity:0.5;  opacity:0.5; position:absolute; bottom:-65px;}

.case_listtitle{ width:288px; height:33px; padding:16px 16px; color:#fdf5f5; text-align:center; position:absolute; bottom:-65px;}

.case_listtitle h3{ font-size:14px; color:#fff;}

.case_listtitle p{ font-size:12px; color:#ded7d7;}

.blackback{ width:320px; height:230px; background:#000;  filter:alpha(opacity=50);  -moz-opacity:0.5;  opacity:0.5; position:absolute; top:0;left:0; /* display:none;*/}



.add_more{ width:71px; height:27px; margin:auto; margin-top:56px;}

.news_main{ width:1000px; height:auto; margin:auto; margin-top:50px;}

.newstitle{ width:472px; height:130px;  background:url(../images/fanc2/index_news.png) no-repeat; margin:auto;}

.consult_cont{width:1000px; height:340px; margin:auto; /* margin-top:28px;*/ margin-top:200px;}

.consult_cont li{float:left; width:305px; height:auto; text-align:center;  margin-top:200px;  }

.consult_cont li{ margin-right:42px;}

.consult_cont li p{ text-align:left;}

.consult_cont li h3{ font-size:18px; margin-bottom:20px;}

.consult_contpic{ width:273px; height:104px; padding:12px 15px; border:1px solid #c4cbd3; background:#fff;}

.consult_title{ font-size:14px; color:#656565; line-height:32px;}

.consult_info{ font-size:12px; color:#929292; line-height:22px;height: 66px;overflow: hidden;}

.add_moreicon{ margin-top:40px;}



.third_main{ width:100%; height:502px; border-top:1px solid #cecfd3; background:url(../images/fanc/index_012.jpg) no-repeat; margin:auto; margin-top:60px; background-position:center;}

.contactus_title{ width:472px; height:130px; margin:auto; padding-top:20px; margin-bottom:40px;}

.contactmain{ width:1000px; height:202px; margin:auto;}

.contactus_cont{ width:258px; height:202px;}

.lf_contactcont{ width:210px; height:auto; margin-bottom:58px;}

.addressblock{ width:6px; height:42px; float:left; background:#2b2e33; margin-right:10px;}

.address{ float:left; width:190px; height:auto;}

.address p{ font-size:12px; color:#a9a9a9; line-height:24px;}

.address h3{ font-size:14px; line-height:24px;}

.detailsform_cont{ width:690px; height:202px;}

.lf_detailsform input{ width:256px; height:36px; line-height:36px; background:#fff; border:1px solid #e8e8e8; margin-bottom:14px; text-indent:12px; color:#6f6f6f;}

.rt_detailsform textarea{ width:412px; height:136px; background:#fff; border:1px dashed #e8e8e8; margin-left:9px; color:#6F6F6F; padding:4px 4px;}

.index_submsg input{ width:690px; height:40px; line-height:40px; background:url(../images/fanc/index_input.jpg) no-repeat; border:none; cursor:pointer; font-size:16px; color:#212121;}



/*****案例详情*****/

.casemain{width:auto; height:auto; padding-top:50px; background:url(../images/fanc/case_back1.png) repeat; background-position:center; padding-bottom:100px;}

.flipbtn{width:106px; height:42px; margin:30px 0 20px 0;}

.pubbtn{width:42px; height:42px; cursor:pointer; }

.pubbtn a{width:42px; height:42px; display:block;}

.lf_flipbtn{background:url(../images/fanc/lfarrow.png) no-repeat;}

.rt_flipbtn{background:url(../images/fanc/rtarrow_01.png) no-repeat;}

.lf_flipbtnone{background:url(../images/fanc/lfarrow_01.png) no-repeat;}

.rt_flipbtntwo{background:url(../images/fanc/rtarrow.png) no-repeat;}





.case_topcont{width:1000px; height:422px; }

.rt_topcont{width:386px; height:auto;}

.solidebtm{ widows:386px; height:auto; border-bottom:1px solid #ddd; margin:15px 0 25px 0;}

.rt_topcont p{ line-height:28px; font-size:14px; color:#212121;}

.rt_topcont p em{font-size:14px; color:#999;}

.viewbtn{margin:20px 0 44px 0;}

.case_share span{ line-height:42px; color:#999; margin-right:20px; float:left;}

.case_share ul li{ float:left; margin-right:15px; cursor:pointer;}

.case_share ul li a{width:42px; height:42px; display:block;}



.sina a{width:42px; height:42px; background:url(../images/fanc/sina.png) no-repeat;}

.weibo a{width:42px; height:42px; background:url(../images/fanc/weibo.png) no-repeat;}

.space a{width:42px; height:42px; background:url(../images/fanc/space.png) no-repeat;}

.weixin a{width:42px; height:42px; background:url(../images/fanc/weixin.png) no-repeat;}

.qq a{width:42px; height:42px; background:url(../images/fanc/qq.png) no-repeat;}



.sina a:hover{width:42px; height:42px;  background:url(../images/fanc/currentsina.png) no-repeat; z-index:1001;}

.weibo a:hover{width:42px; height:42px;  background:url(../images/fanc/currentweibo.png) no-repeat;}

.space a:hover{width:42px; height:42px;  background:url(../images/fanc/currentspace.png) no-repeat;}

.weixin a:hover{width:42px; height:42px;  background:url(../images/fanc/currentweixin.png) no-repeat;}

.qq a:hover{width:42px; height:42px;  background:url(../images/fanc/currentqq.png) no-repeat;}





.case_bodycont{width:1000px; height:auto; background:#fff; margin:40px 0 50px 0; padding-bottom: 50px;}

.firstbodycont{width:930px; margin:auto; padding-top:35px;}

.firstbodycont img{max-width:930px;}

.case_bodycont ul li{margin-bottom:35px;}

.case_navtitle{width:940px; height:60px; line-height:60px; background:#fff; padding:0 30px;}

.flipbtnone{ margin:9px 0;}

.case_continfo{width:1000px; height:242px; margin-top:30px; overflow:hidden;}

.case_continfo ul li{ float:left; margin-right:11.5px; margin-left:11.5px;}

.themetitle{width:310px; height:42px; line-height:42px; background:#fff; text-align:center; font-size:14px; color:#212121;}



/*****企业手机客户端*****/

.mobileapp_main{width:auto height:auto; margin:auto;}

.app_coreadvantage{width:auto; height:3120px; background:url(../images/fanc/solution_back.jpg) repeat; padding-top:50px; background-position:center;}

.mainnav{ width:1000px; height:87px; margin:auto;  padding:50px 0;}

.mainnav a{ width:1000px; height:87px; display:block;}

.publicnav{ width:1000px; height:87px; margin:auto; display:none;}

#thisnav{ display:block;}

.marketplatform_nav{ background:url(../images/fanc/app_connav.png) no-repeat;}

.mobileapp_nav{ background:url(../images/fanc/app_connav01.png) no-repeat;}

.mallplatform_nav{ background:url(../images/fanc/app_connav02.png) no-repeat;}

.wxplatform_nav{ background:url(../images/fanc/app_connav03.png) no-repeat;}

.baseproduct_nav{ background:url(../images/fanc/app_connav04.png) no-repeat;}





/*****导航end*****/

.app_coretitle{ width:590px; height:100px; margin:auto; margin-top:50px;}

.app_versions{margin-top:35px; }

.app_versions p{ font-size:16px; color:#666; line-height:30px;}

.app_numoneicon{ width:135px; height:135px; background:url(../images/fanc/numoneicon.png) no-repeat; margin-top:90px;}

.app_numtwoicon{ width:135px; height:135px; background:url(../images/fanc/numtwoicon.png) no-repeat; margin-top:90px; }

.whiteradio{ width:14px; height:14px; background:url(../images/fanc/graycircle.png) no-repeat; float:left; margin:8px 10px 0 0;}

.lf_appversions{width:424px; margin:102px 0 0 18px;}



.app_funfeature{width:auto; height:780px; background:url(../images/fanc/solution_back.png) repeat; position:relative; background-position:center;}

.app_featuretitle{width:586px; height:102px; padding-top:50px; margin:auto;}

.app_featurecont{width:1000px; height:auto;}

.contmanage{width:276px; margin-left:14px;}

.contmanage p{ line-height:20px; color:#999; font-size:12px; margin-top:10px;}

.contmanageicon{ width:80px; height:80px; background:url(../images/fanc/solution__07.png) no-repeat;}

.contmsgicon{ width:80px; height:80px; background:url(../images/fanc/solution_09.png) no-repeat;}

.contmapicon{ width:80px; height:80px; background:url(../images/fanc/solution__13.png) no-repeat;}

.contdialicon{ width:80px; height:80px; background:url(../images/fanc/solution__14.png) no-repeat;}

.app_centericon{width:796px; height:450px; background:url(../images/fanc/app_featureone.png) no-repeat; margin:auto;}

.app_featureinfo{width:372px; margin:38px 256px 96px 0;}

.app_featureinfoone{width:372px; margin-top:38px;}

.app_btmfanc{width:984px; height:98px; background:url(../images/fanc/app_btmback.png) no-repeat; position:absolute; bottom:0; left:25%;}



/*****全网营销云平台*****/

.marketplatform_main{width:auto; height:auto; margin:auto;}

.market_topback{width:auto; height:1328px; padding-top:50px; background:url(../images/fanc/solution_back4.png) repeat; background-position:center;}

.market_nav{width:1000px; height:88px; background:#2b2e33; border-radius:10px; margin:auto; /*  margin:50px 0;*/}

.market_nav li{ width:200px; height:88px; float:left; text-align:center; }

.market_nav li a{ width:200px; height:40px; display:block; color:#70757e; font-size:18px; text-align:center; padding:24px 0; }

.market_nav li a em{font-size:14px;}

.thismarket_nav{background:#f63335; border-radius:10px; }



#thismarket_nav a{ color:#fff;}

/*

.more {

float:left;

display: inline-block;

border-color: transparent transparent transparent red;

border-style: dashed dashed  dashed solid;

border-width:20px 0 20px 20px;

width:0px;

height:0px;

}

*/

.market_secondcolumn{width:auto; height:1060px; background:#ec7070;  position:relative; background-position:center;}

.market_circleicon{width:auto; height:21px; background:url(../images/fanc/platform_08.jpg) repeat-x; background-position:center;}

.market_title{ width:646px; margin:auto; margin-top:60px;}

.lf_market_cont{width:594px; height:auto;}

.lf_market_cont li{width:594px; float:left; margin-bottom:70px;}

.rt_market_cont{width:340px; height:auto;}

.rt_market_cont li{width:340px; float:left; margin-bottom:70px;}

.market_continfo{width:468px; height:110px; margin:20px 0 0 16px;}

.market_continfoone{width:208px; height:110px;  margin:20px 0 0 16px;}

.market_continfo p{ font-size:14px; line-height:24px; color:#663731;}

.market_continfo h2{ color:#600;}

.market_iconone{width:110px; height:110px; background:url(../images/fanc/solution__03.png) no-repeat;}

.market_icontwo{width:110px; height:110px; background:url(../images/fanc/solution__05.png) no-repeat;}

.market_iconthree{width:110px; height:110px; background:url(../images/fanc/solution__04.png) no-repeat;}

.market_iconfour{width:110px; height:110px; background:url(../images/fanc/solution__10.png) no-repeat;}

.market_iconfive{width:110px; height:110px; background:url(../images/fanc/solution__19.png) no-repeat;}

.market_iconsix{width:110px; height:110px; background:url(../images/fanc/solution__18.png) no-repeat;}

.market_btmback{width:1860px; height:260px; background:url(../images/fanc/platform_13.png) repeat-x; position:absolute; bottom:0;}



/*****全网营销云平台*****/

.mall_back{width:auto; height:auto; padding-top:50px; background:#f1f1f1; background-position:center; margin-bottom:100px;}

.mall_main{width:1000px; height:auto; margin-top:50px; margin-bottom:100px;}

.mall_main ul li{width:315px; height:270px; margin-bottom:20px; float:left; margin-left:8px; margin-right:8px;}

.mall_cont{ width:1000px; height:270px;}

.mall_cont li{width:315px; height:270px; background:#fff; border-radius:10px; float:left; margin-right:27px;}

.mall_continfo{ width:291px; height:auto; text-align:left; padding:0 12px;}

.mall_continfo p{ color:#8d8d8d; line-height:22px;}

.mall_continfo h3{ color:#212121; margin:12px 0 6px 0;}

.lf_mallback{width:330px; background:url(../images/fanc/mallfloor__02.png) repeat-y; margin-top:90px; position:absolute; left:0px;}

.rt_mallback{width:330px;background:url(../images/fanc/mallfloor__18.png) repeat-y; margin-top:448px; position:absolute; right:0px;}



/*****微信公众号平台*****/

.wx_back{widt:atuo; height:3650px; padding-top:50px; background:url(../images/fanc/weixin_back.png) repeat; background-position:center;}

.wx_basemodule{width:592px; height:102px; margin:auto; margin-top:50px;}

.wx_basemodulecont ul li{ margin-bottom:20px; margin-left:42px; margin-right:42px;}

.wx_basecont li{ width:218px; height:258px; border:1px solid #e6e6e6; background:#fff; float:left; margin-right:15px; text-align:center; margin-left:15px;}

.wx_basemoduleimg{ margin:25px 0 16px 0;}

.wx_basemoduleinfo p{padding:0 16px; line-height:22px; margin-top:6px;}

.wx_basemoduleinfo h3{ font-size:16px; color:#212121}

.wx_secondcont{margin-top:50px;}



/*****信息化基础产品 邮箱*****/

.email_back{width:auto; height:auto; background:#fff; padding-top:50px; background-position:center;}

.email_nav{ width:610px; height:50px; margin:auto; margin-bottom:40px; margin-top:50px;}

.email_nav li{ float:left; margin-right:5px;}

.email_nav li a{width:196px; height:50px; display:block;}



.pubpart{ width:194px; height:48px; line-height:48px; background:#fff; border:1px solid #e6e6e6; text-align:right; font-size:18px; color:#212121; position:relative; float:left; margin-right:5px;}

.pubpart a{width:194px; height:48px; line-height:48px; display:block;}

.pubpart em{ font-size:18px; margin-right:40px;}

.currentnav{ background:#e33f4a; border:1px solid #d4212d; }

.currentnav em{color:#fff;}

.domainicon{width:32px; height:32px; background:url(../images/fanc/productemail_6.png) no-repeat; position:absolute; left:36px; top:9px;}

.emailicon{width:33px; height:27px; background:url(../images/fanc/domainname_6.png) no-repeat; position:absolute; left:36px; top:12px;}

.fancsyy{width:38px; height:27px; background:url(../images/fanc/syy1.png) no-repeat; position:absolute; left:36px; top:12px;}

.currentnav .fancsyy{width:38px; height:32px; background:url(../images/fanc/syy.png) no-repeat; position:absolute; left:36px; top:9px;}

.currentnav .domainicon{width:32px; height:32px; background:url(../images/fanc/domainname_8.png) no-repeat; position:absolute; left:36px; top:9px;}

.currentnav .emailicon{width:33px; height:27px; background:url(../images/fanc/productemail_5.png) no-repeat; position:absolute; left:36px; top:12px;}



.email_firstcont{width:1000px; height:560px; margin-top:30px;  border-bottom:1px solid #ddd;}

.lf_email_firsticon{ width:45px; height:45px;  background:url(../images/fanc/productemail_2.png) no-repeat; margin-top:2px;}

.rt_email_firstcont{ width:938px; height:549px;}

.rt_email_firstcont h1{ font-size:36px; color:#212121;}

.email_infocont{ width:942px; margin-top:16px;}

.email_infocont li{ margin-bottom:16px;}

.email_radio{width:14px; height:14px;  background:url(../images/fanc/graycircle.png) no-repeat; margin-right:10px; margin-top:5px;}

.titlecolor{ color:#333; font-size:16px; margin-bottom:5px;}

.infocolor{ color:#666; font-size:16px; line-height:26px; margin-left:25px;}



.lf_email_secondicon{ width:45px; height:45px;  background:url(../images/fanc/product_4.png) no-repeat; margin-top:2px;}

.lf_email_thirdicon{ width:45px; height:45px;  background:url(../images/fanc/productemail_3.png) no-repeat; margin-top:2px;}

.lf_email_fourthicon{ width:45px; height:45px;  background:url(../images/fanc/productemail__1.png) no-repeat; margin-top:2px;}

.email_secondcont{width:1000px; height:742px;  border-bottom:1px solid #ddd; margin-top:30px;}

.email_thirdcont{width:1000px; height:723px; border-bottom:1px solid #ddd; margin-top:30px}

.email_fourthcont{width:1000px; height:750px;  margin-top:42px;}

.sendmsgiconone{width:675px; height:510px; margin:auto; margin-top:30px;}

.sendmsgicon{width:650px; height:460px; margin:auto; margin-top:30px;}



/*****信息化基础产品 域名*****/

.domain_back{ width:auto; height:2536px; padding-top:50px; background:url(../images/fanc/productemail_back_03.png) repeat; background-position:center;}

.domain_cont{width:972px; height:260px; margin:auto; margin-top:30px; margin-bottom:50px;}

.domain_cont li{width:238px; height:260px; background:#fff; border:1px solid #e6e6e6; float:left; text-align:center;}

.domianname_info p{padding:0 30px; font-size:12px; line-height:22px; margin-top:6px; color:#777;}

.domianname_info h3{ font-size:16px; color:#212121}

.domain_contone{ margin-top:30px; margin-bottom:30px;}

.domain_contone li{width:1000px; height:316px; margin:auto; margin-left:0px; margin-right:0px;}

.domain_backone{width:890px; height:158px;  background:url(../images/fanc/domainname_1.png) no-repeat; padding:0 44px;}



.domain_backtwo{width:938px; height:158px;  background:url(../images/fanc/productemail_4.png) no-repeat; padding:0 20px;}

.domain_backone h2{ line-height:22px;}

.domain_backtwo h2{ line-height:22px;}

.domain_backone p{width:850px; float:left; line-height:22px;}

.domain_backtwo p{width:850px; float:left; line-height:22px;}

.domain_problem{ padding:15px 0;}

.problemicon{width:22px; height:22px;  background:url(../images/fanc/domainname_17.png) no-repeat; margin-right:12px;}

.answericon{width:22px; height:22px;  background:url(../images/fanc/domainname_24.png) no-repeat; margin-right:12px;}



/*****关于我们*****/

.about_companystage{ width:1000px; height:102px; margin:auto;}

.about_companystage li{ float:left;}

.about_dtouchback{ width:auto; height:593px; background:url(../images/fanc/about_back1.png) no-repeat; margin:auto; background-position:center;}

.dtouchouter{ width:1000px; height:553px; margin:auto; padding-top:40px;}



.lf_dtouchinfo{width:336px; height:286px;  background:url(../images/fanc/about_05.png) no-repeat; margin-right:36px;}

.rt_dtouchinfo{width:627px; height:auto;}

.top_dtouchimg{width:627px; height:36px;  background:url(../images/fanc/about_06.png) no-repeat;}

.dtouchinfocont{ width:618px; height:420px; margin-top:25px;overflow-y:scroll; padding-right:10px;}

.dtouchinfocont p{ color:#626262; line-height:26px;}



.about_cultureback{ width:auto; height:791px; background:url(../images/fanc/about_back2.png) repeat-x; position:relative; background-position:center;}

.centerbackicon{width:352px; height:350px; background:url(../images/fanc/about_09.png) no-repeat; margin:auto;}

.about_culturecont h3{ font-size:16px; color:#fff; margin:10px 0;}

.about_culturecont p{ width:324px; font-size:14px; color:#c2c2c2; line-height:20px; text-align:left;}

.comcultureinfo{ width:300px; height:auto; margin:auto; text-align:center;}

.comcultureinfo p{ width:340px; text-align:center;}

.lf_culturecont p{ text-align:right;}

.lf_culturecont h3{ text-align:right;}

.second_lf_culturecont{margin-top:134px;}

.second_rt_culturecont{margin-top:114px;}

/********向下按钮*****/

.whitedownicon{width:70px; height:31px; background:url(../images/fanc/about_07.png) no-repeat; position:absolute; left:48%;}

.graydownicon{width:70px; height:31px; background:url(../images/fanc/about_10.png) no-repeat;position:absolute; left:48%; bottom:-30px;}

/********向下按钮end*****/

.honor_contback{ width:auto; height:792px; background:url(../images/fanc/about_back3.png) repeat-x; background-position:center;}

.honor_title{ width:475px; height:132px; margin:auto; padding-top:70px; /*margin-bottom:32px;*/}

.honor_medal{ width:936px; height:272px; margin:auto; margin-bottom:30px;}

.abouttime{ float:left; width:48px; margin-top:8px; text-align:center;}

.abouttime p{width:32px; height:136px; text-align:left; margin:auto;}

.abouttime h3{ font-size:16px;}

.process{ width:32px; height:144px; margin:auto;}

.process span{ width:16px;}

.process em{ width:12px; height:33px;}



.develop_contback{width:auto; height:988px; background:url(../images/fanc/about_back4.png) repeat-x; background-position:center;}

.develop_cont{ width:1246px; height:600px; margin:auto; position:relative; overflow:hidden;}

.lf_develop_cont li{ width:600px; height:auto;}

.rt_develop_cont{ margin-top:2px;}

.rt_develop_cont li{ width:600px; height:auto; margin-top:46px;}

.firsthistory{ width:555px; height:157px; background:url(../images/fanc/about_17.png) no-repeat;}

.secondhistory{ width:555px; height:157px; background:url(../images/fanc/about_011.png) no-repeat;}

.firsthistoryone{width:555px; height:157px; background:url(../images/fanc/about_18.png) no-repeat;}

.secondhistoryone{width:555px; height:157px; background:url(../images/fanc/about_19.png) no-repeat;}

.firsthistoryone h3{ color:#fff;}

.firsthistoryone p{ color:#c2c2c2;}

.lf_historyimg{ width:170px; height:108px; margin:6px 10px 6px 6px;}

.lf_historyimgone{width:170px; height:108px; margin:6px 10px;}

.rt_historyinfo{ width:300px; height:auto; margin-top:16px;}

.rt_historyinfo p{ color:#888; line-height:20px;}





.braceicon{ width:18px; height:81px;  background:url(../images/fanc/bottombrace01.png) no-repeat; margin:auto; /* position:absolute; top:0; left:0;*/}

.braceiconone{width:18px; height:81px;  background:url(../images/fanc/bottombrace02.png) no-repeat;  margin:auto;/* position:absolute; bottom:0; left:0;*/}



/*****经典案例*****/

.classic_back{ width:auto; height:auto; background:url(../images/fanc/case_back.png) repeat-y; margin:auto; background-position:center; padding-bottom:100px;}

.classic_cont{ padding-top:50px;}

.classic_continfo{width:1000px; height:242px; margin:auto; margin-bottom:35px;}

.firstclassic_case{width:310px; height:242px; float:left; background:#fff; text-align:center; position:relative;}



.firstclassic_case p{ font-size:14px; line-height:38px; text-align:left; margin-left:20px;}

.case_info{width:270px; height:22px; margin:0 20px;}

.case_info em{ color:#999;}

.redback{ width:70px; height:22px; line-height:22px; background:#f63335; color:#fff;}

.case_blackback{width:310px; height:162px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:absolute; top:0; left:0;}

/*翻页样式*/

.classic_page{ width:700px; height:35px; margin:auto; margin-top:30px;}

.lf_uppagebtn{width:110px; height:35px; background:url(../images/fanc/case_fanye1.png) no-repeat; margin-right:20px; cursor:pointer;}

.rt_downpagebtn{width:110px; height:35px; background:url(../images/fanc/case_fanye7.png) no-repeat; cursor:pointer;}

.classic_pagenum li{width:35px; height:35px; line-height:35px; background:url(../images/fanc/case_fanye3.png) no-repeat; text-align:center; color:#fff; float:left; margin-right:10px;}

.classic_pagenum li a{ width:35px; height:35px; display:block; color:#fff;}

.classic_pagenum li:hover{ background:url(../images/fanc/case_fanye4.png) no-repeat; text-align:center; color:#fff;}

#currentpage{width:35px; height:35px; line-height:35px; background:url(../images/fanc/case_fanye2.png) no-repeat; text-align:center; color:#fff;}



/*****客户见证*****/

.witness_back{ width:auto; height:1725px; border-top:1px solid #eaeaea; background:#f1f1f1; background-position:center;}

.witness_main{ width:1000px; height:auto; margin:auto; margin-top:50px;}

.witness_main li{ width:998px; height:128px; background:#fff; border:1px solid #e6e6e6; margin-bottom:20px;}

.witness_img{ float:left; margin:10px 10px;height: 110px;overflow: hidden;}

.witness_cont{ width:706px; height:auto; float:left; margin-top:20px;}

.witness_cont h3{ font-size:17px;  color:#212121; margin-bottom:4px;}

.witness_cont h3 a{text-decoration:none;}

.witness_cont p{ font-size:12px; color:#888; line-height:20px;}

.rt_dateicon{ float:right; width:50px; height:43px; line-height:30px; background:url(../images/fanc/witness_1.png) no-repeat; margin-right:20px; font-size:14px; font-weight:bold; color:#fff; text-align:center;}



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

.resource_back{ width:auto; height:650px; padding-top:76px; background:url(../images/fanc/contact_back1.png) no-repeat; margin:auto; background-position:center;}

.resource_outer{ width:1000px; height:650px; margin:auto; position:relative;}

.lf_resourceimg a{ width:536px; height:581px; display:block; }

.rt_resourcecont{ width:430px; height:576px;}

.postlisthide .currentback{ width:385px; height:45px; line-height:46px; padding-left:44px; background:url(../images/fanc/contact_1_03.png) no-repeat; font-size:16px; color:#fff; cursor:pointer;}

.postlistshow .currentback{ width:385px; height:56px; line-height:46px; padding-left:44px; background:url(../images/fanc/contact_1_02.png) no-repeat; font-size:16px; color:#fff; cursor:pointer;}

.postlisthide .firstjob{display:none;}

.postlistshow .firstjob{display:block;}

.firstjob{ width:400px; height:378px; padding:0 15px; display:none;} 

.firstjob h3{ font-size:14px; color:#000; line-height:24px;}

.firstjob p{ width:400px; padding:0 15px; font-size:12px; color:#383838; line-height:22px;}







.leaveword_back{ width:auto; height:810px; background:url(../images/fanc/contact_back2.png) no-repeat; margin:auto; background-position:center;}

.leaveword_title{ width:504px; height:130px; margin:auto; margin-bottom:44px;  padding-top:76px; }

.leaveword_contback{ width:1134px; height:560px; background:url(../images/fanc/contact_1_06.png) no-repeat;}

.leaveword_cont{ width:830px; height:358px; margin:auto; padding-top:58px;}

.lf_leaveword_cont{ width:496px; height:auto;}

.firstform{ margin-top:22px;}

.firstform em{ width:5px; height:5px; color:#ff2626;}

.firstform span{ font-size:12px; color:#6f6f6f;}

.firstform input{ width:240px; height:36px; line-height:36px; border:1px solid #e8e8e8; margin-top:6px; text-indent:3px;}

.firstform textarea{ width:490px; height:90px; border:1px dashed #d4d4d4; padding:2px 2px; margin-top:7px;}

.submsg input{ width:104px; height:36px; line-height:36px; background:#212121; text-align:center; font-size:14px; color:#fff; margin-top:15px; float:right; border:0; cursor:pointer;}

.dtouch_logo{ margin-bottom:50px;}

.rt_leaveword_cont{ margin-top:26px;}

.rt_leaveword_cont p{ font-size:14px; color:#212121; line-height:30px;}

.mapicon{width:17px; height:20px; background:url(../images/fanc/contact_ico2.png) no-repeat; margin:5px 13px 0 0;}

.phoneicon{width:17px; height:18px; background:url(../images/fanc/contact_ico3.png) no-repeat; margin:6px 13px 0 0;}

.faxicon{width:19px; height:17px; background:url(../images/fanc/contact_ico4.png) no-repeat; margin:7px 11px 0 0;}

.aboutemailicon{width:20px; height:16px; background:url(../images/fanc/contact_ico5.png) no-repeat; margin:8px 10px 0 0;}

.contact_mapback{ width:auto; height:600px; margin:auto; background-position:center;}



/*****咨询中心*****/

.refer_back{width:auto; height:1848px; background:url(../images/fanc/news_back.png) no-repeat; margin:auto; background-position:center;}

.refer_cont{ padding-top:50px;}

.refermargin{ margin:0 50px;}

.refer_continfo{width:1000px; height:360px; margin:auto; margin-bottom:50px;}

.firstrefercont{ width:276px; height:338px; padding:11px 11px; background:#fff; border:1px solid #ebebeb; float:left;}

.refercenter_info{ width:276px; height:196px; position:relative;}

.refercenter_info p{ font-size:12px; color:#acacac; line-height:22px;height: 88px;overflow: hidden;}

.refercenter_info a{ width:103px; height:35px; display:block; background:url(../images/fanc/news_ico1.png) no-repeat; position:absolute; bottom:18px;}

.refer_title{ width:276px; height:42px; line-height:42px;}

.refer_title h3{ float:left; font-size:16px; color:#212121}

.refer_title em{ float:right; font-size:10px; color:#999;line-height: 44px;}

/****

.refer_clickbtn{width:103px; height:35px; background:url(../images/fanc/news_ico1.png) no-repeat; position:absolute; bottom:18px;}****/

.refer_page{ width:80px; height:40px; margin:auto;}

.thisrefer{width:40px; height:40px;  cursor:pointer;}

.lf_referpage{background:url(../images/fanc/news_ico3.png) no-repeat; float:left;}

.lf_referpageone{ background:url(../images/fanc/news_ico5.png) no-repeat; float:left;}

.rt_referpageone{ background:url(../images/fanc/news_ico6.png) no-repeat; float:right;}

.rt_referpage{ background:url(../images/fanc/news_ico4.png) no-repeat; float:right;}



/*****咨询中心 详情*****/

.details_main{ width:1000px; height:auto; margin:auto;}

.lf_referdetails{ width:720px; height:auto; margin:auto; margin-bottom:105px;}

.lf_referdetails p{ font-size:14px; color:#888; line-height:24px; margin-top:20px;}

.lf_referdetails h2{ color:#333; margin:30px 0; font-weight:bold;}

.rt_referdetails{width:250px; height:auto; margin:auto;}

.referpicture{ margin:50px 0 40px 0;}

.referintronav{ width:720px; height:24px; line-height:24px; margin:28px 0 20px 0;}

.referintronav em{color:#999;}

.consultitle span{ font-size:12px; color:#2186d3;}

.consultitle  em{ font-size:12px; color:#999;}

.refer_nums{ margin:0 24px 0 20px;}

.timeicon{width:14px; height:13px; background:url(../images/fanc/details_ico1.png) no-repeat; margin-right:10px; margin-top:6px;}

.addnumicon{width:17px; height:13px; background:url(../images/fanc/details_ico2.png) no-repeat; margin-right:10px;margin-top:6px;}

.thankswords{ width:720px; height:112px; border-bottom:1px solid #eaeaea;}

.refer_share{ width:198px; height:24px;}

.refer_shareone{ width:720px; height:24px; margin:50px 0 13px 0;}

.refer_share em{ float:left; color:#555; line-height:24px;}

.refer_share span{ font-size:14px; color:#d3d3d3;}

.refer_share li{ float:left; margin-left:8px;}

.refer_share li a{ width:24px; height:24px; display:block;}

.share_add{width:16px; height:16px; background:url(../images/fanc/details_05.jpg) no-repeat; margin:4px 6px 4px 0; cursor:pointer;}

.referweibo{width:24px; height:24px; background:url(../images/fanc/details_06.jpg) no-repeat;}

.referspace{width:24px; height:24px; background:url(../images/fanc/details_07.jpg) no-repeat;}

.referqq{width:24px; height:24px; background:url(../images/fanc/details_08.jpg) no-repeat;}

.refersina{width:24px; height:24px; background:url(../images/fanc/details_09.jpg) no-repeat;}

.refermore{width:24px; height:24px; background:url(../images/fanc/details_10.jpg) no-repeat;}

.first_detailcont{ width:720px; height:auto;}

.first_detailspic{ width:660px; height:568px; margin:auto; margin-top:30px;}



.details_article{ width:720px; height:222px; border-bottom:1px solid #eaeaea;}

.details_page{ width:720px; height:16px; margin:18px 0 50px 0;}

.details_page a{ font-size:12px; color:#666;}

.details_page em{ font-size:12px; color:#999;}

.lf_arrow{width:16px; height:20px; background:url(../images/fanc/details_ico3.png) no-repeat 0px 2px; margin-right:12px; cursor:pointer;}

.lf_arrowone{width:16px; height:20px; background:url(../images/fanc/details_ico5.png) no-repeat 0px 2px; margin-right:12px; cursor:pointer;}

.rt_arrow{width:16px; height:20px; background:url(../images/fanc/details_ico4.png) no-repeat 0px 2px; margin-right:12px; cursor:pointer;}

.rt_arrowone{width:16px; height:20px; background:url(../images/fanc/details_ico6.png) no-repeat 0px 2px; margin-right:12px; cursor:pointer;}

.related_article h2{ margin-top:0; margin-bottom:16px;}

.articlecont li a{ font-size:14px; color:#555; line-height:28px;}

.more_relatedcont h2{ margin:11px 0 18px 0;}

.more_continfo li{    float: left;width: 230px;overflow: hidden;height: 378px;margin-bottom: 15px;position: relative;padding-right: 15px;}

.more_continfo li:nth-child(3n){padding-right:0px !important;}

.more_continfo li p{ width:230px; height:32px; line-height:32px; font-size:14px; color:#fff; text-align:center; filteralpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:absolute; bottom:0;}

.more_continfo li p a{color: #000000;;font-size: 16px}

.detailsmargin{ margin:0 15px;}



.details_hotarticle{ width:212px; height:280px; background:#f9f9f9;  padding:20px 22px 20px 16px;}

.details_hotarticle li{ line-height:28px;}

.details_hotarticle li em{ margin-right:20px;}

.details_hotarticle li .hotcolor{ font-size:10px; color:#f63335;}

.details_hotarticle li .garycolor{ font-size:10px; color:#999;}

.details_hotarticle li a{ font-size:12px; color:#646464;}

.rt_dtouchpic{ margin:30px 0;}















.consult_contpic img{ width:273px; height:104px;}



.firstclassic_case img{width:310px;height:200px}

.aboutduty p{padding:0px;}

.qualification p{padding:0px;}



/*拜年视频样式*/
.index_video{
	width:100%;
	min-width:1400px;
	height:694px;
	position:relative;
}

.index_video_content{
	width:640px;
	height:480px;
	background:#01356e;
	box-shadow: 5px 10px 20px rgba(0,0,0,0.5);
	margin:0 auto;
	top:50px;
	position:relative;
	z-index: 99;
}

.video_curtain{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 128px;
	background-image:url(../images/curtain.png);
	background-repeat:repeat-x;
	background-position:top center;
	z-index: 9;
}

.left_content_flag, .right_content_flag{
	position:absolute;
	top:-28px;
	z-index:1;
}

.left_content_flag{
	left:-277px;
}

.right_content_flag{
	right:-277px;
}

.left_flag, .right_flag{
	position:absolute;
	top:0;
	z-index:98;
}

.left_flag{
	left:0;
}

.right_flag{
	right:0;
}

.lantern1, .lantern2, .lantern3, .lantern4{
	position: absolute;
}

.lantern1{
	top:1%;
	right:12%;
	z-index: 999;
}

.lantern2{
	top:-9%;
	right:21%;
	transform: scale(0.5);
	z-index: 99;
}

.lantern3{
	top:-9%;
	left:21%;
	transform: scale(0.7);
	z-index: 99;
}

.lantern4{
	top:31%;
	left:5%;
	transform: scale(0.4);
	z-index: 99;
}


.new_box{display:flex;justify-content: space-between;position: relative;transition: 0.2s;}
.consult_time{line-height:32px;}

.new_box:before{content:"";border:1px solid transparent;border-width:5px 0 5px 10px;position: absolute;border-color:transparent transparent transparent #DA251D;top:50%;transform: translateY(-50%);left:-16px;}

.new_box:hover{transform: scale(1.05);}


































































