@charset "utf-8";
/* CSS Document */



/*图片样式*/
.famous_pic a img,.famous_people a img,.show_area1 dt img,.show_area2 dt img,.news_list dl dt a img,.works2 dt a img,.xg_area dt a img{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;}
.famous_pic a:hover img,.famous_people a:hover img,.show_area1:hover dt img,.show_area2:hover dt img,.news_list dl:hover dt a img,.works2:hover dt a img,.xg_area:hover dt a img{-webkit-transform:scale(1.05) rotate(3deg); -moz-transform:scale(1.05) rotate(3deg); -ms-transform:scale(1.05) rotate(3deg); -o-transform:scale(1.05) rotate(3deg); transform:scale(1.05) rotate(3deg);/* transform:scale(1.02,1.02); -moz-transform:scale(1.02,1.02); -ms-transform:scale(1.02,1.02); -webkit-transform:scale(1.02,1.02); -o-transform:scale(1.02,1.02);*/}

/*文字划过颜色变化*/
.dis{ display:none;}
.witness_tit:hover a,.rec_list li:hover a,.trends_list li a:hover{ color:#6a3314;}
.banner{ width:100%; height:300px; background-position:center top; background-repeat:no-repeat;}
/*首页开始*/
.youshi{ width:100%; height:469px; background-color:#f7f7f7}
.youshi1{ width:1000px; height:43px; line-height:43px; text-align:center; font-size:24px; color:#314963; margin-left:auto; margin-right:auto; padding-top:20px; background-image:url(../images/xx1.gif); background-repeat:no-repeat; background-position:center bottom;}
.youshi2{ width:1000px; height:33px; line-height:33px; text-align:center; font-size:14px; color:#a1a0a0; margin-left:auto; margin-right:auto;}
.youshi3{ width:1000px; height:333px; margin-left:auto; margin-right:auto;}
.youshi31{ width:333px; height:333px; float:left}
.youshi4{ width:333px; height:53px; text-align:center; color:#344860;font-size:24px; line-height:53px;}
.youshi5{ width:333px; height:120px; text-align:center; padding-top:25px; padding-bottom:15px;}
.youshi6{ width:333px; height:80px; text-align:center; line-height:25px; font-size:14px; color:#344860;}

.jzlc{ width:1000px; height:507px ; margin-left:auto; margin-right:auto; padding-top:40px;}
.jzlc1{ width:1000px; height:95px ; background-image:url(../images/bg1.gif); background-repeat:no-repeat; background-position:center; text-align:center}
.p_1{ text-align:center; font-size:36px; color:#676767; line-height:69px;}
.p_2{ text-align:center; font-size:20px; color:#676767; line-height:24px;}

.jzlc2{ width:1000px; height:411px; background-image:url(../images/bbb.gif); background-repeat:no-repeat; background-position:15px 50px;}
.jzlc2 li{ width:180px; height:160px;float: left; padding-right:90px; padding-bottom:21px; padding-top:21px;}
.jzlc2 li .imgBox { width:180px; height:160px;overflow: hidden;position: relative;zoom: 1;}
.jzlc2 li .imgBox a{ width:180px; height:160px;display: block;
width: 360px;
height: 160px;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
}
.jzlc2 li .imgBox a img{ float:left;}

.news_1{ width:1000px; height:300px; margin-left:auto; margin-right:auto}
.news_11{ float:left; width:300px; margin-left:16px; margin-right:16px; height:300px;}
.news_2{ width:300px; height:22px;}
.news_21{ width:70px; height:22px; float:left;}
.news_21 a{color:#282727; font-size:16px;}
.news_21 a:hover{color:#282727; font-size:16px;}
.news_22{ width:220px; height:22px; float:left; background-color:#e5e5e5; padding-right:10px; text-align:right; line-height:22px;}
.news_3{ width:300px; height:280px;}
.news_3 ul{ padding:10px 2px 5px 3px;}
.news_3 ul li{ line-height:23px; background-image:url(../images/xe.gif); background-repeat:no-repeat; background-position:1px; padding-left:10px}
.news_3 ul li:hover{background-image:url(../images/xe2.gif);}
.news_3 ul li a{ color:#000}
.news_3 ul li a:hover{ color:#006}
.fot{ width:100%; height:90px; background-color:#52534e; text-align:center; color:#ffffff; font-size:30px; line-height:90px;}
.fot2{ width:100%; height:260px; background-color:#2d3e50;}
.fot21{ width:1000px; height:235px; margin-left:auto; margin-right:auto; padding-top:25px;}
.fot3{ width:146px; float:left; height:235px;}
.fot31{ width:146px; height:35px; background-image:url(../images/xb.gif); background-repeat:no-repeat; background-position:bottom left;}
.fot31 a{ font-size:16px; color:#fcfbfa}
.fot32{ width:146px; height:190px; padding-top:10px;}
.fot32 li{ line-height:25px;}
.fot32 li a{ font-size:12px; color:#fff}
.fot32 li a:hover{ color:#f57302}
.fot7{ width:136px; float:left; height:235px;}
.fot71{ width:136px; height:35px; background-image:url(../images/xb.gif); background-repeat:no-repeat; background-position:bottom left;}
.fot71 a{ font-size:16px; color:#fcfbfa}
.fot72{ width:136px; height:190px; padding-top:10px;}
.fot72 li{ line-height:25px;}
.fot72 li a{ font-size:12px; color:#fff}
.fot72 li a:hover{ color:#f57302}



.fot4{ width:210px;  float:left; height:235px;}
.fot41{ width:210px; padding-top:10px; height:23px; color:#FFF; font-size:14px;}
.fot42{ width:190px; padding-top:10px; padding-left:20px;height:120px; background-image:url(../images/tel.gif); background-repeat:no-repeat; background-position:1px 20px; color:#FFF; font-size:12px; line-height:30px;}
.fot43{ width:200px; height:50px; padding-top:10px;}
.fot43 li{ width:42px; height:42px; padding-right:9px; float:left}


.fot5{ width:205px;  float:left; height:235px; padding-left:10px;}
.fot51{ width:146px; height:35px; background-image:url(../images/xb.gif); background-repeat:no-repeat; background-position:bottom left;}
.fot51 a{ font-size:16px; color:#fcfbfa}
.fot52{width:190px; height:65px; background-color:#495968; margin-top:14px; padding:5px;}
.fot52 textarea{width:190px; height:65px; background-color:#495968; border:none; color:#CCC}
.fot53{width:190px; height:20px; background-color:#495968; margin-top:1px; padding:2px 5px;}
.fot53 input{width:190px; height:20px; background-color:#495968; border:none; color:#CCC}
.fot54{width:200px; height:28px; margin-top:5px;}
.fot541{width:70px; height:20px; background-color:#495968; padding:2px 5px; float:left}
.fot541 input{width:70px; height:20px; background-color:#495968; border:none; color:#CCC}
.fot542{width:105px; height:20px; background-color:#495968; padding:2px 0px 2px 5px; float:left; margin-left:10px;}
.fot542 input{width:100px; height:20px; background-color:#495968; border:none; color:#CCC;}
.fot55{width:190px; height:20px; margin-top:5px;}
.fot55 a{width:200px; height:20px; margin-top:1px;background-color:#3598db; color:#FFF; cursor:pointer; display:block; text-align:center}
.fot55 a:hover{background-color:#118fe5; color:#FFF;}
.di{ height:67px; width:100%; background-color:#1a242e; font-size:14px; color:#FFF; text-align:center; line-height:67px;}
.weixins{ position:absolute; bottom:50px; display:none}
.weixins img{ width:150px; height:150px;}
/*首页结束*/
/*内页-服务项目开始*/
.g-ser {width: 999px;border-left: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;margin: 25px 0 60px 0;}
.f-lay {font-size: 0;letter-spacing: -8px;text-align: left;}
.g-ser .ser {width: 498px;height: 399px;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.f-ib {display: inline-block;vertical-align: top;font-size: 12px;letter-spacing: normal;}
.f-prz {position: relative;zoom: 1;}
.g-ser .ser .icon {width: 143px;height: 143px;left: 45px;top: 123px;}
.g-ser .ser h3 {width: 230px;top: 53px;left: 226px;font-size: 18px;color: #000;font-weight: bold;}
.f-pra {position: absolute;}
.g-ser .ser p {width: 230px;top: 88px;left: 226px;color: #5e5e5e;line-height: 28px;}
.g-ser .ser .deta {display: block;width: 75px;height: 35px;background-position: -223px -193px;top: 320px;left: 226px;color: #FFF;line-height: 35px;padding-left: 20px;}
.sprite {background: url(/images/sprite.png) no-repeat;}
.f-pra {position: absolute;}
.g-ser .ser .deta img {position: absolute;left: 73px;top: 13px;}
.gray{-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
filter: url(gray.svg#grayscale);
filter: gray;

-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}
/*内页-服务项目结束*/
/*内页-解决方案开始*/
.m_b10{margin-bottom:10px;}
.m_b10 .mb_wzjsa{margin:0px; padding:0px; height:27px; border-bottom:1px solid #d5d5d5; padding-bottom:1px; padding-top:20px;}
.m_b10 .mb_wzjsa li{width:130px; height:27px; line-height:27px; text-align:center; float:left; color:#555; cursor:pointer;}
.m_b10 .mb_wzjsa .wzjsa_on{background:#ed1b23; color:#fff;}
.m_b10 .mb_wzjsa .wzjsa_hover{background:#ed1b23; color:#fff;}
.m_b10 .mb_wzjsb{margin:0px; padding:0px; min-height:0px; _height:0px; overflow:hidden; *overflow:visible; padding-top:30px; margin-bottom:50px;}
.m_b10 .mb_wzjsb .mb_wzjsb1{margin:0px; padding:0px; list-style:none; min-height:100px; _height:100px; overflow:hidden; *overflow:visible;}
.m_b10 .mb_wzjsb .picture_list7 li dt{width:250px; padding-top:5px;}
.m_b10 .mb_wzjsb .picture_list7 li dt img{max-width:250px;}
.m_b10 .mb_wzjsb .picture_list7 li dd{width:710px; float:right; margin-right:10px;}
.m_b10 .mb_wzjsb .picture_list7 li dd img{margin-right:3px; float:left;}
.m_b10 .mb_wzjsb .picture_list7 li dd p{margin-bottom:20px; text-indent:24px; line-height:22px; float:none;}

.picture_list4 {width:980px;height:175px;position:relative;z-index:1;cursor:pointer;}
.picture_list4  li{border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;padding:20px 24px;float:left;display:inline;width:440px;height:135px; overflow:hidden;}
.picture_list4 li img.circle{position:absolute;left:482px;bottom:-5px;z-index:1;}
.picture_list4  li dt,.picture_list4  li.current dt{float:left;width:109px;padding:10px;height:108px;margin-right:20px;background-image:url(/images/round_bg.gif);background-color:transparent;background-repeat:no-repeat;}
.picture_list4  li dt{background-position:0px 0px;}
.picture_list4  li dt img{width:109px;height:108px;}
.picture_list4  li dd{float:left;display:block;width:291px;}
.picture_list4  li dd h2{font-family:"微软雅黑",Arial, Helvetica, sans-serif;font-size:16px;font-weight:normal;line-height:24px;margin-bottom:5px;height:24px;overflow:hidden;text-overflow:ellipsis;color:#000;}
.picture_list4  li dd h2 a{color:#000;}
.picture_list4  li dd blockquote{line-height:20px;color:#848484;height:80px;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.picture_list4  li dd h2 a:hover{color:#f00;text-decoration:none;}
.picture_list4  li.current dt{background-position:-141px 0px;}
.picture_list4  li.current dd h2,.picture_list4 li li.current dd h2 a{color:#f00;}
/*内页-解决方案结束*/
/*内页-套餐开始*/
.bottom_bg{ height:290px; background:#eee;}
.bottom2{ width:1000px; margin:0 auto}
.bottom2 dl{ width:333px; float:left;}
.bottom2 dt{ color:#000; height:80px; line-height:80px; font-size:20px; padding-left:10px;}
.bottom2 dd ol li{ width:333px; color:#a4a4a4; float:left; height:28px; line-height:28px;background-image: url(../images/dian4.gif);background-repeat: no-repeat;background-position: 4px;padding-left: 14px;}
.bottom2 dd ol li span{ color:#a0a0a0; padding-right:11px;font-size:13px}
.bottom2 dd ol li a{ font-size:13px}
.bottom2 dd ul{ padding-top:5px;}
.bottom2 dd ul li{ width:333px; line-height:25px;background-image: url(../images/dian4.gif);background-repeat: no-repeat;background-position: 4px;height: 25px;padding-left: 14px;}
.bottom2 dd ul li .pic{ width:94px; float:left;}
.bottom2 dd ul li .txt{  width:164px; float:left; padding-left:11px;}
.bottom2 dd ul li .txt span{ font-size:14px; color:#787878; display:block; padding-bottom:12px;}
.bottom2 dd ul li .txt p{ color:#919191}
.bottom2 dl#last{ float:right; width:280px;}
.bottom2 dl#last li{ width:280px; }

/*内页-套餐结束*/
/*内页-产品内页开始*/


/*内页-产品内页结束*/
/*内页-新闻开始*/
.contents{ width:1000px; margin-left:auto; margin-right:auto}
.daohang{ width:995px; height:40px; line-height:40px; border-bottom:#900e00 1px solid; color:#000; font-size:14px; padding-left:5px;}
.daohang a{ color:#000;}
.daohang a:hover{ color:#970000;}
.daohang2{ width:995px; height:80px;  border-bottom:#CCC 1px dashed; color:#000; font-size:14px; padding-left:5px;}
.daohang2 a{ color:#000;}
.daohang2 a:hover{ color:#970000;}
.daohang2 span{ float:right; padding-top:50px;}


.cont{ width:1000px; padding-top:5px;}
.contleft{ width:750px; height:970px; float:left}
.contleft2{ width:750px;float:left; padding-bottom:10px;}
.contlei{ width:730px; height:40px; padding-top:15px;}
.contlei a{ margin-left:17px; padding:7px; background-color:#464545; color:#FFF; font-size:12px;}
.contlei a:hover{ background-color:#900e00;}
.contlei a.cur{ background-color:#900e00;}
.cont1{ width:750px; height:855px;}
.cont1 li{ width:225px; margin-right:16px; height:275px; float:left;}
.cont1 li dl{ display:block ; border:#fff 1px solid; padding:2px;}
.cont1 li dl.zz{ border:#CCC 1px solid}
.cont1 li dl dt{ text-align:center;}
.cont1 li dl dt img{/* width:187px;*/ height:110px;}
.cont1 li dl dd{ display:block;}
.cont1 li dl dd h2 a{ font-size:14px; font-weight:bold; color:#333; line-height:25px;}
.cont1 li dl dd h2 a:hover{ font-size:14px; font-weight:bold; color:#970000}
.cont1 li dl dd h2 span{font-size: 12px;color: #000;display: block;line-height: 24px;}
.cont1 li dl dd p{font-size: 12px;color:#666; line-height:22px;}

.cont2{ width:750px; height:825px; padding-top:20px;}
.cont2 li{ width:750px; height:135px;}
.cont2 li dl{ display:block ; border:#fff 1px solid; padding:2px;}
.cont2 li dl.zz{ border:#CCC 1px solid}
.cont2 li dl dt{ text-align:center; float:left; width:210px;}
.cont2 li dl dt img{ width:187px; height:110px;}
.cont2 li dl dd{ display:block; width:510px; float:left}
.cont2 li dl dd h2 a{ font-size:14px; font-weight:bold; color:#333; line-height:25px;}
.cont2 li dl dd h2 a:hover{ font-size:14px; font-weight:bold; color:#970000}
.cont2 li dl dd h2 span{font-size: 12px;color: #000;display: block;line-height: 24px;}
.cont2 li dl dd p{font-size: 12px;color:#666; line-height:20px;}






.contright{ width:250px; height:860px; float:left;}
.contright2{ width:250px; float:left;}
.title1{ width:250px; height:33px; line-height:33px; background-image:url(../images/xian1.gif); background-position:bottom; background-repeat:no-repeat;}
.title1 a{ color:#900e00; font-size:14px; font-weight:bold; padding-left:3px;}
.title2{width:250px; padding-top:5px; padding-bottom:5px;}
.title2 li{ background-image:url(../images/dian4.gif); background-repeat:no-repeat; background-position:4px; height:23px; line-height:23px; padding-left:14px;}
.title2 li a{ color:#333;}
.title2 li a:hover{ color:#970000;}
.lianxi{ width:240px; margin-left:auto; margin-right:auto; background-color:#f0f1f1;}
.lianxi1{ width:230px; padding-left:10px; padding-top:20px; color:#333; font-size:14px; line-height:30px;}
.lianxi1 img{ width:200px; height:200px;}
.lianxi2{ width:230px; padding-left:10px; line-height:23px; color:#333; font-size:14px; padding-top:20px; padding-bottom:10px;}

.title3{ width:720px; text-align:center; padding-bottom:20px; padding-top:15px;}
.title3 h2{color:#333;font-size: 18px;font-weight: 600;line-height: 25px;}
.nei{ height:40px; line-height:40px;}
.nei span{padding-right: 20px;color: #6c6c6c;}
.centers{ width:720px; font-size:14px; color:#6c6c6c; text-align:left; line-height:25px;}
.share{ width:720px;height: 63px;color: #333;line-height: 63px;}
.share span{width: 55px;line-height: 63px;float: left;}
.bshare-custom {padding-top: 21px;height: 18px;float: left;}

.updown{width:720px;height:56px; padding-top:10px;clear:both; border-top:1px #d6d6d6 solid;}
.updown ul li{width:537px; line-height:24px; color:#737373;}
.updown ul li a{color:#6c6c6c;}
.updown ul li a:hover{color:#610085;}
/*内页-新闻结束*/

/*内页-建站流程开始*/
.liucheng1{ width:100%; background-color:#fafbfc; height:380px;}
.liucheng2{ width:100%;height:380px;}
.liucheng3{ width:1000px; height:380px; margin-left:auto; margin-right:auto}
.liucheng4{ float:left; width:420px; padding-top:55px; height:300px; padding-left:10px;}
.liucheng5{ float:left; width:317px; padding-top:45px; height:300px; padding-left:250px;}
.liucheng6{ float:left; width:430px; padding-top:55px; height:300px;}
.liucheng7{ float:left; width:426px; padding-top:55px; height:300px; padding-left:140px;}
.p_3{ color:#000; font-size:36px; line-height:50px;}
.p_4{ color:#666565; font-size:24px; line-height:32px; margin-top:10px;}
.p_5{ color:#939191; font-size:16px; line-height:27px; margin-top:15px;}
/*内页-建站流程结束*/
.td_1{ font-weight:bold; font-size:14px; height:35px; line-height:35px; padding-left:10px;}
.td_2{font-size:14px; height:35px; line-height:35px; padding-left:10px; color:#0000ff}
.td_3{font-size:14px; height:30px; line-height:30px;}
.table_1{ margin-top:20px;}
.table_1 td{ height:30px; line-height:25px;}
.banner2{ width:1000px; height:214px;}
.cont3{ width:960px; padding:20px; line-height:25px; color:#424040; font-size:14px;}
.cont4{ width:1000px; height:35px; background-image:url(/images/xx.gif); background-repeat:no-repeat; background-position:bottom}
.cont41{ width:35px; height:35px; float:left}
.cont42{ width:930px; height:25px; float:left; font-size:14px; color:#333; padding-left:15px; padding-top:5px;}
.cont42 span{ font-size:16px; color:#333}
.cont5{ width:960px; padding:20px; line-height:25px; color:#424040; font-size:12px;}

.cont6{ width:1000px; height:170px; padding-top:10px; padding-bottom:10px;}
.cont61{ width:305px; height:165px; float:left; margin-left:15px; margin-right:10px;}
.cont61 img{ width:305px; height:165px;}

.lianxi3{ width:940px; padding:30px;}
.lianxi31{ float:left; width:470px;}
.p_6{ color:#5f5e5e; font-size:18px; line-height:30px;}
.p_7{ color:#5f5e5e; font-size:14px; line-height:25px;}
.lianxi4{ width:962px; height:304px;background-image:url(/images/bxx.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto}

.table_2{ color:#6e6e6e; margin-left:20px;}

.td_4{ height:50px; line-height:50px; font-size:14px}
.td_5{ height:45px; line-height:45px; font-size:14px; text-align:right}
.td_6{ height:45px; line-height:45px; padding-left:24px;}
.td_6 input{ width:222px; height:25px; border:#bab4b1 1px solid;}
.td_6 textarea{ width:580px; height:85px; border:#bab4b1 1px solid;}
.map{padding-left:25px; padding-top:20px; padding-bottom:20px;}
.gj{ width:940px; padding-left:30px; padding-right:30px; line-height:25px;}

.zuixin1{width:710px; padding-top:10px; background-color:#E1E1FF; color:#006; font-size:14px; padding-left:10px; height:25px;}
.zuixin{width:720px; padding-top:10px;clear:both; margin-bottom:10px;}
.zuixin ul li{width:350px; line-height:24px; color:#737373; padding-left:10px; float:left}
.zuixin ul{ padding-bottom:10px;}
.zuixin ul li a{color:#6c6c6c;}
.zuixin ul li a:hover{color:#610085;}