.xian { margin-top: 40px; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; }
*{padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label,ol{margin:0;padding:0;border:0;}
img{border:none}
object,.dis{display:block}
ul,ul li,ol,ol li,menu li{list-style:none}
.clear{clear:both;}
select,input{vertical-align:middle;font-family:"Microsoft YaHei","微软雅黑";font-size:12px}
a{color:#444;text-decoration:none}
a:visited{color:#918b8e;text-decoration:none}
a:hover{color:#E6002D}
a:active{color:#666}
.undis,.hidden,.play{display:none}
/*basic*/
html{height:100%;width:100%}
body{ margin: 0px; padding: 0px; font: 14px/30px "Microsoft YaHei", "微软雅黑" !important; color: #050505; }
.wrap{width:1099px;margin:0 auto;position:relative}
table{
    border-collapse:collapse;
    border-spacing:0
}

#dituContent img{
  max-width: none !important;
}
.dituContent img{
  max-width: none !important;
}
.mainContect img {
	  max-width: none !important;
}

/*导航*/
.nav{border-bottom: 1px solid #E8E8E8;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;width:100%;position:relative;z-index:1111;height:108px}
.nav_bg{width:100%;height:108px}
.logo{position:absolute;left:0px; margin-top:18px; width:28%}
.navlist li{float:left;text-align:center;position:relative;}
.navlist{ float:right; margin-top:58px;width:63%}
.navlist li a{ margin:0 10px;font-family:"Microsoft YaHei","微软雅黑";font-size:16px;text-align:center;color:#515151;display:block; }
.navlist li a:hover,.navlist li.hover a,.navlist li.current a{color:#ea222c}
.navlist li a:hover span,.navlist li.hover a span,.navlist li.current a span{color:#fff}
.navlist li.no_bor{border-right:none}
.navlist li menu{position:absolute;left:0px;display:none}
.navlist li menu a{display:block;background:url(../images/common_bg.png) 0 -39px no-repeat !important;height:39px;_height:38px;width:163px;padding-top:0px;margin:0px;overflow:hidden;line-height:39px;color:#fff !important}
.navlist li menu a:hover{background:url(../images/common_bg.png) 0 0px no-repeat !important}
/*导航跟随*/
.fixed_nav{position:fixed;top:0px;left:0px;height:80px;background:url(../images/fixed_nav_bg.png) 0 -7px repeat-x;padding:0px 0 9px;display:none;_position:absolute;_background:#fff;_padding:0px;_height:80px}
.fixed_nav .nav_bg{background:none !important;_height:80px}
.fixed_nav .navlist li{height:80px}
.fixed_nav .navlist li a{height:55px;padding-top:25px}
.fixed_nav .navlist li menu a{display:block;background:url(../images/common_bg.png) 0 -39px no-repeat !important;height:39px;_height:38px;width:163px;padding-top:0px;margin:0px;overflow:hidden;line-height:39px;color:#fff !important}
.fixed_nav .navlist li menu a:hover{background:url(../images/common_bg.png) 0 0px no-repeat !important}
.fixed_nav .logo{top:0px}
.fixed_nav .search{top:23px}
.ThiscurCity{color:#00aa3a;position:absolute;left:240px;top:45px;cursor:pointer}
.ThiscurCity:hover{text-decoration:underline}









.content-index .contrast{max-width:1109px;height:auto;margin:0 auto;overflow:visible;width:100%;}


.content-index .banner{background:#f2f2f2;overflow:hidden;position:relative;width:100%}


.indexbanner{position:relative;width:100%;height:545px;text-align:center;overflow:hidden;display:block}
.indexbanner .pic{z-index:0;margin:0 auto;text-align:center;width:100%;height:100%}
.indexbanner .pic li{margin:0 auto;text-align:center;width:100%;height:100%;background-size:cover;background:center center; background-repeat: no-repeat;}
.indexbanner .pic li a{margin:0 auto;text-align:center;width:100%;height:100%;display:block}
.indexbanner .hd{position:absolute;width:950px;left:50%;margin-left:-475px;height:8px;bottom:25px;text-align:center;z-index:1}
.indexbanner .hd li{margin-right:15px;background:url(../img/ico_round.png) no-repeat center center;height:10px;overflow:hidden;width:10px;cursor:pointer;display:inline-block;zoom:1}
.indexbanner .hd li.on{background:url(../img/ico_round_on.png) no-repeat center center}
.indexbanner .next,.indexbanner .prev{width:43px;height:72px;margin:-60px 0 0;display:none;background:url(../img/arrow-l.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;filter:alpha(opacity=20);opacity:.2}
.indexbanner .prev{left:-45px}
.indexbanner .next{background:url(../img/arrow-r.png) no-repeat 0 0;right:-45px}
.indexbanner .inner{width:1099px;height:100%;margin:0 auto;position:absolute;left:50%;top:0;margin-left:-552px}
.content-index .case .case-info .case-block .case-title a{color:#fff}
.h-about{padding:0;position:relative}
.h-about h2{font-size:18px}
.h-about b{margin:0 5px 0 2px}
.h-about p{font-family:"Microsoft YaHei","微软雅黑";line-height:28px}
.index-tool{text-align:right;position:absolute;right:0;bottom:0}
.index-tool a{width:40px;height:30px;display:block;margin-right:2px;float:left;background:#c4c4c4;color:#fff;font-family:"Microsoft YaHei","微软雅黑";text-align:center;font-size:24px;line-height:30px;font-weight:700}
.index-tool a:hover{background:#E6002D}
.index-tool a.backlist{background:url(../img/icon-list2.png) center 7px no-repeat #c4c4c4}
.index-tool a.backlist:hover{background:url(../img/icon-list2.png) center 7px no-repeat #E6002D}
.index-tool a.backtop{font-family:"Microsoft YaHei","微软雅黑";font-size:18px;display:block;font-weight:400}



.content-index .case{margin:0 auto;margin:20px auto 0px;max-width:1109px;}
.content-index .case .case-slogan{text-align:left;margin-right:10px}
.content-index .case .case-info{margin-top:50px}
.content-index .case .case-info:after{content:'';clear:both;display:block}
.content-index .case .case-info .case-block{float:left;width:359px;height:279px;text-align:center;position:relative;overflow:hidden;display:inline;margin-right:10px;margin-bottom:10px}
.content-index .case .case-info .case-block+.case-block{margin-bottom:10px}
.content-index .case .case-info .case-block:hover .cover{top:0;padding:15px 20px}
.content-index .case .case-info .case-block .case-img{width:359px;max-width:100%;height:279px}
.content-index .case .case-info .case-block .cover{height:100%;position:absolute;top:-320px;left:0;right:0;background:url(../img/bg_pro.png) no-repeat center top;text-align:left;color:#fff}
.content-index .case .case-info .case-block .cover img{vertical-align:middle}
.content-index .case .case-info .case-block .case-title{font-size:18px;margin:8px 0;color:#fff;height:200px}
.content-index .case .case-info .case-block p{color:#fff}
.content-index .case .case-info .case-block .case-title span{font-size:0;margin-top:10px;display:block;width:61px;height:61px;background:url(../img/img_+.png) no-repeat left center;font-weight:400;font-family:"Microsoft YaHei","微软雅黑"}
.content-index .case .case-info .case-block .case-title a{color:#fff}

.case-list{min-height:300px;padding-top:8px;max-with:1109px;}
.case-list ul{padding-top:10px}
.case-list li{ float: left; width: 32%; height: 279px; margin-right: 7px; margin-bottom: 10px; display: block; margin-left: 7px; }
.case-list li a{position:relative;display:block; height:279px;color:#fff}
.case-list li a .bg{background:#E72F53;position:absolute;top:0;left:0;display:none;width:100%;height:279px}
.case-list li img{width:100%;height:279px;background:url(loading.gif) center center no-repeat;display:block;-webkit-animation:DDInY .8s .3s ease both;-ms-animation:DDInY .8s .3s ease both;-moz-animation:DDInY .8s .3s ease both;animation:DDInY .8s .3s ease both}
.case-list li a .info{position:absolute;top:0;left:0;display:none;width:359px;height:279px;cursor:pointer}
.case-list li .title{display:block;height:220px;padding:10px 0 0 20px;line-height:24px;font-size:16px}
.case-list li .title span{font-size:0;margin-top:10px;display:block;width:61px;height:61px;background:url(../img/img_+.png) no-repeat left center;font-weight:400;font-family:"Microsoft YaHei","微软雅黑"}
.case-list li .des{display:block;padding:0 0 0 20px;font-size:14px;font-style:normal}




/*案例内页*/
.content-index{ margin-top:20px;}
.caseshow{overflow:visible;width:100%;max-width:1099px; margin:0 auto;position:relative}

.caseshow .info{width:70%;margin-bottom:20px}
.caseshow .info .left{float:left;width:50%;display:inline}
.caseshow .info .right{width:50%;float:right;display:inline}
.caseshow .case-body{width:100%;padding:10px 0}
.caseshow .case-body img{width:100%;}
.caseshow .case-body b{font-family:"Microsoft YaHei","微软雅黑";font-size:14px;line-height:26px}
.caseshow .gettopbox{position:absolute;top:200px;right:-50px}


.case-tool{width:63px;position:fixed;top:50%;margin-top:-100px;left:50%;margin-left:546px;z-index:999}
.case-tool a{width:63px;height:60px;display:block;border-bottom:2px solid #fff;background:#c4c4c4;color:#fff;font-family:"Microsoft YaHei","微软雅黑";text-align:center;font-size:44px;line-height:60px;font-weight:700}
.case-tool a:hover{background:#E6002D}
.case-tool a.backlist{background:url(../img/icon-list.png) center 17px no-repeat #c4c4c4}
.case-tool a.backlist:hover{background:url(../img/icon-list.png) center 17px no-repeat #E6002D}
.case-tool a.backtop{font-family:"Microsoft YaHei","微软雅黑";font-size:18px;display:block;opacity:0;filter:alpha(opacity=0);font-weight:400}




/*首页文章部分*/

.content-index .contrast .inner .con-info{margin-top:0px}
.content-index .contrast .inner .con-info:after{content:'';clear:both;display:block}

.content-index .contrast .inner .con-info .con-block{ float: left; text-align: left; width: 32%; display: inline; margin-right: 7px; margin-left: 7px; }
.content-index .contrast .inner .con-info .con-block p img{margin:0;width:100%;}
.content-index .contrast .inner .con-info .con-block .con-title{font-size:14px;color:#757575;height:35px;line-height:35px;border-bottom:1px solid #C6C6C6;margin-bottom:10px}
.content-index .contrast .inner .con-info .con-block .con-title span{font-size:12px;color:#B8B8B8}
.content-index .contrast .inner .con-info .con-block .con-content{list-style:none;margin:0 0 10px;font-size:12px;line-height:25px;margin-top:10px}
.content-index .contrast .inner .con-info .con-block .con-content li{overflow:hidden;width:100%;height:25px;line-height:25px}
.con-content li a:hover{ color:#E6002D}
.content-index .contrast .inner .con-info .con-block .con-content li span{padding-left:5px;color:#e6002d}
.content-index .contrast .inner .con-info .con-block .con-more{color:#000;font-weight:600;text-decoration:underline}
.content-index .contrast .inner .con-info .con-block .con-more:hover{color:#26aeec}




.footer{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box}
.footerin{max-width:1109px;margin:0 auto}
.footer .inner{margin:0 auto;padding-bottom:15px;overflow:hidden;position:relative;border-top:1px solid #C6C6C6;border-bottom:7px solid #E6002D;padding-top:15px;margin-right:10px}
.footer .inner .footer-nav{font-size:12px;margin-top:0px;text-align:center}
.footer .inner .footer-nav a+a:before{content:'/';padding:0 4px 0 2px}
.footer .inner .footer-nav a:hover{color:#ea222c}
.footer .inner .copyright{color:#898989;font-size:14px;line-height:25px}
.footer .inner .copyright span{font-size:12px}
.footer .inner .copyright #privacy{margin-left:50px}
.footer .inner .copyright .icp{margin-left:5px}
.footer .inner .copyright .icp a{color:#898989}
.footer .inner .copyright,.footer .inner .footer-contact,.footer .inner .footerkeyword{float:left;margin-right:10px;margin-bottom:10px;width:359px;height:140px;display:inline;background:url(../img/ico_bjia.png) no-repeat left bottom}

.footer .inner .footer-1{ width:32%}
.footer .inner .footerkeyword{margin-right:0}
.footer .inner .footerkeyword span{font-size:12px}
.footer .inner .footer-contact .imgbox{float:left;width:96px;display:inline}
.footer .inner .footer-contact .rbox{float:right;width:250px;display:inline;padding-top:5px;font-size:14px}
.footer .inner .footer-contact .rbox .tels{font-size:18px}
.footer .inner .footer-contact{color:#C6C6C6}
.footer .inner .footer-contact a{width:34px;height:32px;display:inline-block;cursor:pointer;color:#C6C6C6}
.footer .inner .footer-contact a i{width:34px;height:32px;display:block;margin:15px auto 0;background:url(../img/ico_con.png) no-repeat}
.footer .inner .footer-contact a .icon-weibo{background-position:-88px 0}
.footer .inner .footer-contact a .icon-weixin{background-position:-44px 0}
.footer .inner .footer-contact a .icon-blog{background-position:-72px 0}
.footer .inner .footer-contact a .icon-qq{background-position:0 0}
.weixin-modal .qrcode-weixin{padding-top:35px}
.weixin-modal .info{font-size:16px;color:#898989}
.modal{display:none;width:480px;height:420px;position:fixed;z-index:99999999;top:50%;left:50%;margin:-210px 0 0 -240px;background:#fff;padding:12px}
.modal .holder{width:100%;height:100%;background:#fff;position:relative;text-align:center}
.modal .holder .close{color:#000;position:absolute;font-size:20px;top:3px;right:6px;cursor:pointer}









/*关于我们*/
.aboutus{overflow:visible;width:100%;max-width:1099px; margin:0 auto;font-family:"Microsoft YaHei","微软雅黑" font-size:14px;}
.aboutus imh{width:100%;}
.dy_title{width:100%;margin:0 auto 0;padding-top:50px;font-family:"Microsoft YaHei","微软雅黑" font-size:24px;border-bottom:1px solid #A6ABB1;padding-bottom:10px}
.dy_title span{width:21px;line-height:21px;height:21px;margin-left:14px;text-indent:-99999999em;background:url(../img/ico_jia.png) no-repeat center center}
.about-type{ margin-bottom:10px;}
.about-type li{ margin-top:10PX; width:14%;height:30px;line-height:30px;display:inline-block;color:#555; margin-bottom:0px;text-align:center;vertical-align:middle;float: left;margin-right: 2px;}
.about-type li a{width: 100%; height: 30px; line-height: 30px; display: block; background: #efefef;}
.about-type li a:hover{background: #E6002D; color: #fff; }
.neirong{ margin-top:20px;}


/*案例列表*/

.case .cases-type{border-bottom:1px solid #C6C6C6;padding-bottom:25px;margin-right:10px}
.content-index .case .case-info.mtpx{margin-top:20px}
.case .cases-type li{width:154px;height:30px;line-height:30px;display:inline-block;color:#555;margin-bottom:10px;text-align:center;vertical-align:middle;float:left;margin-right:2px}
.case .cases-type li a{width:100%;height:30px;line-height:30px;display:block;background:#efefef}
.case .cases-type li a:hover{background:#E6002D;color:#fff}



/*新闻列表*/

.newslist{width:100%;background:url(../img/bg_newscontent.png) repeat-x left top;  }
.newsshowbox{background-color:#F2F2F3;margin-bottom:30px}
.newslist .titleboxs{margin-bottom:20px;height:90px;position:relative;}
.newslist .titleboxs .ls{float:left}
.newslist .titleboxs .rs{position:absolute;right:0;bottom:0}
.newslist .titleboxs .rs a{height:28px;line-height:28px;padding:5px 48px;text-align:center;background:#EFEFEF;margin-left:2px}


.newslist .main{overflow:visible;max-width:1099px;margin:0 auto;padding-top:80px;padding-bottom:30px}
.newslist .main:after{clear:both;display:block;}
.bshare{padding-top:20px}

.newslist .main .info .show{background:#fff;padding:40px 50px 40px 50px}
.newslist .main .info .show .news_title{font-size:24px;margin-bottom:10px}
.newslist .main .info .show .newshowend span{margin-right:20px}
.newslist .main .info .show .codebox{background:#E6002D;color:#fff;padding:20px 40px;position:relative}
.newslist .main .info .show .codebox .ls{width:60%;line-height:27px}
.newslist .main .info .show .codebox .rs{float:right;display:inline;position:absolute;right:40px;top:20px}
.newslist .main .info .show .codebox .codeabout{border-top:1px solid #fff;padding-top:20px}
.newslist .main .info .show .codebox .welcomewei{font-size:18px}

.newslist .main .info .list li{padding:10px;padding-right:30px;height:225px;list-style:none;background:#EFEFF0;margin-bottom:15px}
.newslist .main .info .list li .leftimg{float:left;width:350px;margin-right:40px}
.newslist .main .info .list li .question{color:#404a58;font-size:18px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-top:10px}
.newslist .main .info .list li .answer{line-height:20px;font-size:12px;color:#737373;height:118px}
.newslist .main .info .list li .datas{font-size:12px}




.newslist .main .info .pagination{margin:0 auto;height:49px;line-height:49px;margin-top:15px;text-align:center;background:#EDEEEF;color:#666}
.newslist .main .info .pagination .current{margin-left:1px;padding:6px 12px;color:#fff;border:1px solid #CCC;background:#555}
.newslist .main .info .pagination pagination1:after{content:'';display:block;clear:both}
.newslist .main .info .pagination pagination1 a{background:#fff;margin-left:1px;padding:6px 12px;color:#555;border:1px solid #CCC}
.newslist .main .info .pagination pagination1 a:hover{background:#555;color:#fff}
.newslist .main .info .pagination pagination1 a:first-child{margin-left:0}
.newslist .main .info .pagination pagination1 a:first-child:before{margin-right:5px}
.newslist .main .info .pagination pagination1 a:last-child:after{margin-left:5px}
.newslist .main .info .pagination pagination1 .active{background:#555;color:#fff;cursor:default}




.wz_nr,.wz_nr p,.wz_nr div,.wz_nr ul{ font-size:16px;font-family:"Microsoft YaHei","微软雅黑" !important; line-height:26px;}
.wz_nr p{margin-bottom:20px}
.wz_nr p a{color:#0EBAA6}
.wz_nr p a:hover{color:#222}
.wz_nr h2,.wz_nr h3{background-color:rgba(102,128,153,.05);padding:10px 20px;border-radius:3px;font-size:1.125em;border-left:3px solid #0ebaa6;margin-bottom:20px;font-weight:bold; line-height:27px; color: #666}
.wz_nr h4,.wz_nr h5{background-color:rgba(102,128,153,.05);padding:10px 20px;border-radius:3px;font-size:1em;border-left:3px solid #ccc;margin-bottom:20px}
.wz_nr blockquote{border-left:10px solid rgba(102,128,153,.075);background-color:rgba(102,128,153,.05);border-radius:0 5px 5px 0;padding:15px 20px;margin-left:0;margin-right:0;margin-bottom:20px;color:#999;font-size:1em}
.wz_nr ol{color: #39F;font-weight:200;margin-left:20px}
.wz_nr ol li{list-style-type:decimal}
.wz_nr ol li p{color:#7c7c7c;font-style:normal;font-weight:400}
.info-copyright{border-left:3px solid #0ebaa6;background-color:rgba(102,128,153,.05);line-height:2;padding:5px 5px 5px 15px}

.wz_nr table{border-width:1px;border-color:#ddd;border-collapse:collapse;margin-bottom:20px}
.wz_nr th{border-width:1px;padding:8px;border-style:solid;border-color:#ddd;background-color:#eee}
.wz_nr td{border-width:1px;padding:8px;border-style:solid;border-color:#ddd;background-color:#fff}
.wz_nr pre.prism-line-numbers{margin:-10px 0 30px 0}






/*在线客服*/
.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#ff6b09;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(/images/bg_online_service_new.gif) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:20px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}


#scrollUp{
    bottom:4px;
    right:4px;
    height:38px;
    width:38px;
    opacity:.8;
    background:url(../img/top.png) no-repeat
}

/* icon font */
@font-face
{
font-family:"Microsoft YaHei","微软雅黑";
src:url('../fonts/fontawesome-webfont.eot');
src:url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.ttf') format('truetype'),
    url('../fonts/fontawesome-webfont.svg') format('svg');
}
input[type=submit]{font-family:"Microsoft YaHei","微软雅黑";}
.nav-switch,.nav-menu>li.menu-item-has-children>a:after,.cat-title:before,.car-list button:before{font-family:"Microsoft YaHei";}
.fa-login:before{content:"\f007";}
.fa-drop:before{content:"\f078";}
.fa-twb:before{content:"\e004";font-family:"Microsoft YaHei","微软雅黑";}
.fa-gg:before{content:"\f0d5";}
.fa-mail:before{content:"\f0e0";}
.fa-view:before{content:"\f06e";}
.fa-cmt:before{content:"\f0e5";}

.pagination{
  text-align: center;
}

#mypage {
  height: 49px;
  line-height: 49px;
  display: inline-flex;
}
#mypage li {
  display: block;
  float: left;
  list-style: none;
  padding: 0 5px;
}