@charset "gb2312";
/* CSS Document */

body,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,div,a,span,img{margin:0; padding:0;}
body{font-family:"微软雅黑"; font-size:14px;} 
ul,li{list-style:none;}
a{text-decoration:none; color:#000; border:0;}
.clear{clear:both;}
a img{border:0;}



/*头部*/
.head{width:100%; height:62px; background:rgba(255,255,255,0.7); position:fixed; left:0; top:0; z-index:999;}
.head ul{width:96%; margin:0 auto; height:62px; font-family:"宋体";}
.head ul li{float:left; height:60px;}
.head ul li span{font-size:12px; line-height:25px; display:block; margin-top:10px;}
.head ul li img{height:60px; margin-left:10px;}
.head ul .tel{float:right; color:#ba1507; font-size:28px; font-family:"方正综艺简体";}
.head ul .tel img{margin-bottom:-15px;}
.head .list{line-height:60px; margin-right:20px; float:right;}
.head .list ul{width:auto}
.head .list a{padding:0 20px; font-size:12px; color:#000; display:block;}
.num_box { position: relative; }
.ddw { position: absolute; left: 0; top: 0; color: #000; font-size: 16px; z-index: 9999; }
.ddw2 { position: absolute; left: 20px; top: 0; color: #000; font-size: 16px; z-index: 9999; }


/*左侧导航*/
.aside{float:left; width:0; position:fixed; left:0; top:0; background:url(../images/wzyh09.jpg) repeat;; overflow:hidden; height:1000px; box-shadow:0px 8px 18px #333; z-index:999; color:#fff;}
.aside img.ewm{display:block; margin:30px auto 30px auto;}
.aside ul{width:100%; margin:0px auto;}
.aside ul.list{margin-top:20px;}
.aside ul.list a{ display:block; line-height:44px; text-align:center; border-bottom:1px solid #fff; color:#fff;}
.aside ul.list a:hover{background:url(../images/alsx_bg.png) no-repeat center; background-size:100% 100%; border:0; color:#ba1507; line-height:44px; padding-bottom:3px;}
.aside ul.list a.on{background:url(../images/alsx_bg.png) no-repeat center; background-size:100% 100%; border:0; color:#ba1507; line-height:44px; padding-bottom:3px;}
.aside .copy{float:right; margin-top:80px; margin-right:10px; font-family:"新宋体"; font-size:13px; line-height:25px;}
.aside .copy p{text-align:right;}
.aside .xw{margin-top:80px;}



.floating_ck{position:fixed;right:5px; top:120px; z-index:99999; font-size:12px; font-family:"微软雅黑";}
.floating_ck dl dd{position:relative;width:70px;height:70px; margin-bottom:1px; text-align:center;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.words{background:url(../images/zxicon.png) no-repeat center 20% rgba(0,0,0,0.4);}
.floating_ck dl dd.words .float_cont{width:210px; padding:15px; text-align:left;}
.floating_ck dl dd.words .float_cont a{line-height:30px; }
.floating_ck dl dd.words .float_cont a span{color:#cf0000; font-style:italic; display:inline-block; padding:0; text-decoration:underline;}
.consult{background:url(../images/qq.png) no-repeat center 20% rgba(0,0,0,0.4);}
.floating_ck dl dd.consult .float_cont{width:210px; padding:15px; text-align:left;}
.floating_ck dl dd.consult .float_cont em{font-size:14px; padding-right:10px; color:#888; float:left; line-height:22px;  font-style:normal;}
.floating_ck dl dd.quote .float_cont{width:210px; padding:15px; text-align:left;}
.floating_ck dl dd.quote .float_cont div.tel{width:70px; height:62px;background:url(../images/weixin04.png) no-repeat center ; float:left;}
.floating_ck dl dd.quote .float_cont div.right{font-size:16px; line-height:25px; padding:6px 0; color:#888;}
.floating_ck dl dd.quote .float_cont h3{text-align:center; line-height:50px; font-size:24px; font-weight:bold; color:#c41010}
.quote{background:url(../images/kficon.png) no-repeat center 20% rgba(0,0,0,0.4);}
.qrcord{background:url(../images/ewm.png) no-repeat center 20% rgba(0,0,0,0.4);;}
.return{background:url(../images/fanhui.png) no-repeat center 20% rgba(0,0,0,0.4);}
.floating_ck dd span{color:#fff;display:block;padding-top:47px;}
.floating_left{position:absolute;right:70px;top:0px;width:240px;height:auto;display:none; padding-right:10px;}
.floating_left i{position:absolute; right:0; top:30px;background:url(../images/weixin02.png) no-repeat center ; width:16px; height:11px;}
.float_cont{width:240px;border:solid 1px #aaa; background:#fff;}
.floating_left a{color:#000;line-height:60px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(../images/erweima.png);display:block;width:110px;height:110px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}



/*右侧内容*/
.container{width:100%; background:#eff2f4; padding:60px 0; float:right; position:relative; font-weight:normal;}
.container .pagecontent{margin-left:0%; padding-left:15px; clear:both;}
.container .pagecontent a,.container .pagecontent span{display:inline-block; border:1px solid #ccc; width:35px; height:35px; line-height:35px; text-align:center; background:#fafafa; margin-top:40px;}
.container .pagecontent a.currentPageCSS{background:#ba1507; color:#fff;}
.container .meau_main{position:fixed; top:0px; left:20px; width:100%; z-index:9;}
.container .meau_main .head{position:relative; z-index:9;}
.container .meau_main .head ul{width:90%; overflow:hidden; margin:0 5%;}
.container .meau_main .head ul .list{ float:right; width:auto; margin:0;}
.container .meau_main .head ul .list ul{margin:0; text-align:right; width:auto;}
.container .meau_main .head ul .list ul a{ padding:0 15px;}
.container .meau{width:50px; height:50px; cursor:pointer; background:url(../images/alsx03.png) no-repeat center; float:left; position:absolute; top:10px; left:20px; z-index:999;}


/*案例赏析*/
.alsx{width:90%; margin:0 auto;}
.alsx li{float:left; width:300px; height:280px; margin:15px; background:#fafafa; position:relative; overflow:hidden; color:#999;}
.alsx li img{width:300px; height:175px; margin-bottom:10px;}
.alsx li p{height:25px; line-height:25px; overflow:hidden; padding:0 15px;}
.alsx li h2{height:30px; line-height:30px; overflow:hidden; font-size:16px; padding:0 15px;}
.alsx li h2 a{color:#333;}
.alsx li .cont{position:relative; z-index:999;}
.alsx li:hover{color:#fff;}
.alsx li:hover a{color:#eee;}
.alsx li .bg_t{position:absolute; top:-175px; left:0; width:50px; height:50px; background:rgba(0,0,0,0.5); padding:62.5px 125px;}
.alsx li .bg_t span{width:35px; height:50px; display:block; border-radius:50%; background:#e51931; font:36px bold; line-height:50px; padding-left:15px;}
.alsx li .bg_t a{color:#fff;}
.alsx li .bg_b{position:absolute; bottom:-105px; left:0; width:300px; height:105px; background:#e51931;}

/*新闻动态*/
.xwdt_fl{width:90%; margin:10px auto; line-height:30px; border-left:1px solid #ccc; display:inline-block;}
.xwdt_fl a{display:inline-block; border:1px solid #ccc; border-left:0; padding:0 10px; height:30px; text-align:center; background:#fff; position:relative;}
.xwdt_fl a.on{background:#ba1507; border-right:0; box-shadow:3px 0px 3px #999; z-index:9; color:#fff;}
.xwdt{width:100%; margin:0 auto;}
.xwdt li{margin-top:30px;}
.xwdt li img{float:left; width:230px; height:160px; margin-right:30px;  border:2px solid #fff;}
.xwdt li h2{font-size:22px; line-height:50px; font-weight:normal; margin-bottom:0px;}
.xwdt li h3{font-size:12px; line-height:30px; font-weight:normal; color:#999; padding-bottom:0px; border-bottom: 0px}
.xwdt li p{line-height:25px; height:50px; overflow:hidden;}
/*详情页面*/
.xq_fl{width:90%; margin:50px auto; line-height:30px; display:inline-block;}
.xq_fl a{display:inline-block; border:1px solid #ccc; padding:0 10px; height:30px; text-align:center; border-radius:5px; margin:5px 10px;}
.xq_fl span.prev a{padding-left:30px; background:url(../images/alsx05.png) left center no-repeat;}
.xq_fl span.next a{padding-right:30px; background:url(../images/alsx06.png) right center no-repeat;}
.infor{ padding:20px 470px 20px 5%; float:left; min-height:750px;}
.infor h2{font-size:30px; line-height:50px; font-weight:normal; margin-bottom:10px;}
.infor h3{color: #999; padding-bottom:30px; border-bottom: 1px solid #dadada; font-weight:normal;}
.infor h3 span{display:inline-block; padding-left:22px; margin-left:10px; background:url(../images/alsx07.png) left center no-repeat;}
.infor .artical{padding-top:30px; border-top:1px solid #fff; line-height:25px;}
.infor .artical img{max-width:100%;}
.infor_l{width:280px; height:638px; background:#fff; position:fixed; top:100px; right:150px; padding:15px;}
.infor_l h1{margin-top:20px; padding-bottom:8px; border-bottom:2px solid #ccc; font:20px normal '微软雅黑';}
.infor_l dl{margin-top:20px; line-height:22px;}
.infor_l dl dt{float:left; width:100px;}
.infor_l dl dt img{width:100px; height:70px;}
.infor_l dl dd{float:right; width:165px;}
.infor_l dl dd h2{font:14px normal; line-height:22px; height:44px; overflow:hidden;}
.infor_l dl dd h3{color: #999; font-weight:normal; margin-top:5px; font-size:14px;}
.infor_l dl dd h3 span{display:inline-block; padding-left:22px; margin-left:10px; background:url(../images/alsx07.png) left center no-repeat;}

.banner{width:100%; background:url(../images/wzyh01.jpg) no-repeat center; height:390px;}
.banner .ymcx{width:720px; margin:0 auto; height:60px; padding-top:130px;}
.banner img{width:100%;}
.banner input{border:0px; font-size:16px; font-family:"微软雅黑";}
.banner input.sousuo{width:580px; height:50px; padding:0 10px; margin-left:15px; background:rgba(0,0,0,0);}
.banner input.sub{width:90px; height:50px; margin-left:5px; background:rgba(0,0,0,0); color:#10346c; font-size:28px; font-weight:bold; cursor:pointer;}

/*网站优化*/
.wzyh_cont{width:auto;}
.wzyh_cont .banner{width:100%; background:url(../images/wzyh01.jpg) no-repeat center; height:390px;}
.wzyh_cont dl{width:1200px; margin:0 auto; padding:50px;}
.wzyh_cont dt{float:left; width:560px;}
.wzyh_cont dt img{width:100%;}
.wzyh_cont dd{float:right; width:620px;}
.wzyh_cont dd h2{font-size:44px; line-height:100px; font-weight:normal; margin-top:20px;}
.wzyh_cont dd p{font-size:18px; line-height:30px; padding:20px 0; color:#666;}
.wzyh_cont dd h4 a{display:block; font-size:16px; font-weight:normal; background:#1cb07f; color:#fff; width:200px; height:40px; line-height:40px; text-align:center; margin-top:20px;}
.wzyh_one{width:auto;}
.wzyh_two{width:auto; background:#b5d7f5}
.wzyh_two dt{float:right;}
.wzyh_two dd{float:left;}
.wzyh_four{width:auto; background:#b8f5f1}
.wzyh_four dt{float:right;}
.wzyh_four dd{float:left;}


/*域名主机*/
.ymzj_cont{width:auto;}
.ymzj_cont .banner{width:100%; background:url(../images/wzyh001.jpg) no-repeat center; height:390px;}
.ymzj_one{width:1200px; margin:10px auto;}
.ymzj_one ul{width:1270px;}
.ymzj_one li{float:left; width:152px; margin-right:55px; height:61px; line-height:30px; padding:32px 0 32px 110px;}
.ymzj_one li h2{font-size:18px;}
.ymzj_one li.i{background:url(../images/wzyh12.jpg) no-repeat left center;}
.ymzj_one li.ii{background:url(../images/wzyh13.jpg) no-repeat left center;}
.ymzj_one li.iii{background:url(../images/wzyh14.jpg) no-repeat left center;}
.ymzj_one li.iv{background:url(../images/wzyh15.jpg) no-repeat left center;}
.ymzj_one li.i h2{color:#df6300;}
.ymzj_one li.ii h2{color:#7da500;}
.ymzj_one li.iii h2{color:#458ba3;}
.ymzj_one li.iv h2{color:#35af7c;}
.ymzj_two{width:1200px; margin:20px auto;}
.ymzj_two table{width:100%; border-color:#ccc; border-collapse: collapse;}
.ymzj_two table th{font-size:18px; color:#ad0000; line-height:40px;}
.ymzj_two table td{text-align:center; padding:20px 0; font-size:16px; line-height:30px; font-weight:bold;}
.ymzj_two table td strong{color:#ad0000;}
.ymzj_three{width:1200px; margin:10px auto; padding-bottom:30px; line-height:30px;}
.ymzj_three h2{font-size:24px; line-height:60px; font-weight:normal; margin:20px 0;}
.ymzj_three h2 span{display:inline-block; width:360px; height:1px; background:#999;float:right; margin:30px 0 7px 10px; }
.ymzj_three dt{float:left; width:529px; padding:10px 50px 10px 0;}
.ymzj_three dd{float:right; width:530px; padding:10px;}
.ymzj_three dl h3{height:30px; overflow:hidden; padding-left:20px; font-weight:normal; font-size:16px; background:url(../images/wzyh11.jpg) left 8px no-repeat;}
.ymzj_three dl p{height:60px; overflow:hidden; margin-bottom:20px; padding-left:20px; font-size:12px;}
.ymzj_three dl .faq{position:relative;}
.ymzj_three dl span a{position:absolute; bottom:0px; right:0;}


/*关于我们*/
.aaaa{width:100%; overflow:hidden;}
.about_list{ width:100%; position:fixed; top:100px; left:0px; font-size:16px; z-index:999;}
.about_list ul{width:1300px; margin:0 auto;}
.about_list li{float:left; margin-right:20px; width:91px; line-height:30px; height:41px; text-align:center; cursor:pointer;}
.about_list li.on{background:url(../images/about02.png) no-repeat center; color:#fff;}
.about_cont{width:100%; background:url(../images/gywm01.jpg) no-repeat center; background-size:100% 100%; position:absolute; right:0; top:0; overflow:hidden;}
.gywm{background:url(../images/gywm005.jpg) no-repeat center; background-size:100% 100%;}
.zxns{background:url(../images/gywm002.jpg) no-repeat center; background-size:100% 100%;}
.fkfs{background:url(../images/gywm003.jpg) no-repeat center; background-size:100% 100%;}
.lxfs{background:url(../images/gywm004.jpg) no-repeat center; background-size:100% 100%;}
.gywm_cont{width:1300px; margin:0 auto; padding-top:180px;}
.gywm_cont dt{float:left; width:251px;}
.gywm_cont dd{float:right; width:1000px; padding-top:80px;}
.gsjj_cont dd{float:right; width:1000px; padding-top:0px;}
.gsjj_cont h2{font-size:36px; text-align:center; font-weight:normal; line-height:50px; color:#be0000;}
.gsjj_cont h3{font-size:25px; text-align:center; font-weight:normal; line-height:50px; color:#999;}
.gsjj_cont p{width:100%; margin:0px auto; line-height:28px;}
.gsjj_cont p strong{color:#ba1507;}
.what_list{width:1300px; margin:50px auto auto auto; position:relative; height:300px;}
.what_list ul li{position:relative;width:210px;margin:0 3.3px;float:left; position:relative; height:350px;}
.what_list ul li .bg{height:0; width:100%; background:#ba1507; position:absolute; bottom:0; left:0; z-index:1;}
.what_list ul li .DIV_cir{width:150px;height:150px;position:relative;margin:0 auto;}
.what_list ul li img{opacity:0;filter:alpha(opacity=0); filter:alpha(opacity=0); position:absolute; top:5px; left:5px; position:absolute; z-index:999;}
.what_list ul li img.on{opacity:1; filter:alpha(opacity=100);}
.what_list .tit{text-align:center;line-height:30px; position:relative; z-index:999;}
.what_list .cont{padding:20px 15px 50px 15px; height:100px;font-size:12px;color:#fff;line-height:20px; overflow:hidden;opacity:0;filter:alpha(opacity=0); position:relative; z-index:999;}
.circle_m{position:absolute;top:0px;left:0px;width:150px;height:150px;}
.cd-pointer {fill: #FFFFFF;opacity: 0;filter:alpha(opacity=0);}
.what_list circle{ fill: none;stroke-width:5;stroke-miterlimit: 10;stroke:#ba1507;}
.gsys_cont dd li{float:left; width:230px; margin:10px; font-size:14px; line-height:25px;}
.gsys_cont dd li .tit{width:188px; height:58px; border:1px solid #666; margin-bottom:10px; font-size:22px; color:#be0000; padding:20px; line-height:29px; text-align:center; position:relative;}
.gsys_cont dd li .tit span{display:block; position:absolute; background:#be0000;}
.gsys_cont dd li .tit .a1{left:-1px; bottom:-1px; width:2px; height:0px;}
.gsys_cont dd li .tit .a2{left:-1px; top:-1px; height:2px; width:0px;}
.gsys_cont dd li .tit .a3{right:-1px; top:-1px; width:2px; height:0px;}
.gsys_cont dd li .tit .a4{right:-1px; bottom:-1px; height:2px; width:0px;}
.zxns_cont dd{float:right; width:1000px; padding-top:0px; font-size:16px; line-height:30px; font-weight:bold;}
.zxns_cont p strong{color:#ba1507;}
.fkfs_cont dd{float:right; width:1000px; padding-top:0px;}
.fkfs_cont dd li{position:relative; overflow:hidden;}
.fkfs_cont dd .art{position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); color:#fff; display:none;}
.fkfs_cont dd .left{float:left; width:329px;}
.fkfs_cont dd .left li{margin-bottom:10px;}
.fkfs_cont dd .left .art{width:289px; height:107px; padding:40px 20px; line-height:30px; font-size:16px;}
.fkfs_cont dd .right{float:right; width:650px;}
.fkfs_cont dd .right li{margin:0 10px 5px 0; float:left;}
.fkfs_cont dd .right .art{width:197px; height:103px; padding:10px; line-height:20px; font-size:12px;}
.fkfs_cont dd .right .art p{margin:5px 0;}
.lxfs_cont dd{float:right; width:1000px; padding-top:0px;}
.lxfs_cont dd .qq li{width:150px; height:60px; margin-top:30px; float:left; padding-left:60px; background:url(../images/contact_qq.png) no-repeat left center; line-height:30px}
.lxfs_cont dd .left{float:left; padding-left:40px; width:460px; line-height:30px; font-size:14px;}
.lxfs_cont dd .left h2{font-size:18px; color:#be0000; line-height:50px;}
.lxfs_cont dd .right{float:right; padding-right:150px; width:350px;}
.lxfs_cont dd .right img{display:block; margin:0px auto;}
.lxfs .ppjz{width:1200px; padding:10px 0; margin:20px auto; border-top:1px solid #ccc;}
.lxfs .ppjz img{display:block; margin:0px auto;}



/*底部版权*/
.footer{width:auto; background:url(../images/wzyh09.jpg) repeat; color:#fff;}
.footer a{color:#7b7b7b;}
.footer .cont{width:1200px; margin:0 auto;}
.footer .erweima{float:left; width:200px; padding:30px 0; text-align:center; background:#3d3d3d; line-height:40px; height:340px;}
.footer .erweima .pic{margin-top:60px;}
.footer .right{float:right; width:980px; padding:30px 0; line-height:30px; position:relative;}
.footer .right .line{position:absolute; top:65px; width:100%; height:1px; background:#999;}
.footer .right .list{float:left;}
.footer .right .list li{float:left; width:150px;}
.footer .right .list li h2{font-size:16px; margin-bottom:20px; font-weight:normal;}
.footer .right .list li h2 a{color:#fff;}
.footer .right .list .copy{margin-top:50px; color:#7b7b7b;}
.footer .right .tel{float:right; padding-top:120px; font-size:12px; position:relative;}
.footer .right .tel h2{line-height:70px; font-size:36px; color:#f00;}
.footer .right .tel h3{font-size:20px; font-weight:normal;}
.footer .right .tel p em{font-size:26px; color:#f00;}
.footer .right .tel .fenxiang{position:absolute; top:5px; right:10px;}
.footer .bottom{width:auto; background:#000; line-height:45px;}
.footer .bottom .yqlj{width:1200px; margin:0 auto; height:45px; overflow:hidden;}
.footer .bottom .yqlj dt{float:left;}
.footer .bottom li{float:left; margin:0 5px;}
@media screen and ( max-width:1550px) and (min-width:1300px){	
.head .list a{padding:0 10px; }
.head .list{margin-right:0px;}
.head ul{width:98%;}
	}
@media screen and ( max-width:1400px) and (min-width:1300px){
.container .meau_main .head ul .list ul{margin:0;}
.container .meau_main .head ul .list li a{padding:0 10px;}
	}