@charset "utf-8";
html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;}
body{width:100%;margin:0 auto;background:#fff;text-align:center;font:12px "Microsoft Yahei","微软雅黑",Arial,"宋体",sans-serif;height:100%;color:#555;width:100%;padding:0;_overflow-x:hidden;}
body.homepage{ margin:0 auto;background:#fff;}
a:link,a:visited{color:#363636;text-decoration:none;}
a:hover{color:#0c8bf1;}
img,a img{border:none;vertical-align:middle;}
li,ul{list-style:none;}
li,ul,form{margin:0;padding:0;}
input,select{font-size:12px;vertical-align:middle;}
.hidden{display:none;}
h3{font-size:14px;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { outline: none; } /* for Firefox */ 
strong,b{font-weight:normal;}
#blank{width:100%;height:82px;}
.header{width:100%; height:82px;background: transparent;
    position: fixed;
    z-index: 99;
    }
.header.header-hover,.header.header-hover1{-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px rgba(0,0,0,0.2); background-color:#fff; border-bottom:1px solid #e6e6e6;position:fixed;top:0;left:0;z-index:999}
.wray{width:1380px;margin:0 auto;    position: relative;margin-top: 10px;}
.header.header-hover .logo a,.header.header-hover1 .logo a{background-image:url(../images/logo1.png);}
.logo{ padding-top:3px;    margin: 0;}
.logo a{display:block; width:180px; height:60px; font-size:0; background-image:url(../images/logo2.png); background-size:contain; background-repeat:no-repeat;}
.nav{position:absolute; right:0px; top:22px;}
.nav ul{float:left;}
.nav ul li{float:left; margin-left:40px;}
.nav ul li a{font-size:16px;  position:relative;color: #fff;}
.nav ul li a:before{content:""; display:block; width:0; height:1px; background-color:#fff; position:absolute; left:0; bottom:-3px; transition: 0.3s; -webkit-transition: 0.3s;}
.nav ul li:hover a:before,.nav ul li.on a:before{width:100%;}
.nav .messsn{display:block; width:21px; height:21px; background-image:url(img/messicon.png); background-position:0px 0px; background-repeat:no-repeat; cursor:pointer; font-size:0; float:left; margin-left:40px;}
.header.header-hover .nav .messsn,.header.header-hover1 .nav .messsn{background-position:0px -21px;}
.header.header-hover .nav ul li a,.header.header-hover1 .nav ul li a{color:#333;}
.header.header-hover .nav ul li a:before,.header.header-hover1 .nav ul li a:before{background-color:#333;}
.header.header-hover .btn-m-list span,.header.header-hover1 .btn-m-list span{background-color:#333;}
.btn-m-list{position:absolute; top:50%; right:75px; margin-top:-17px; height:30px; width:30px; cursor:pointer; display:none;}
.btn-m-list span{position:absolute; left:0; top:0; display:block; width:100%; height:1px; background-color:#fff; transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .25s ease-in-out; -o-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}
.btn-m-list span:first-child{top:10px;}
.btn-m-list span:nth-child(2){top:18px;}
.btn-m-list span:nth-child(3){top:18px;}
.btn-m-list span:nth-child(4){top:26px;}
.btn-m-list.on span:first-child,.btn-m-list.on span:nth-child(4){display:none;}
.btn-m-list.on span:nth-child(2){transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.btn-m-list.on span:nth-child(3){transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=70); background-color:rgba(0, 0, 0, 0.7);display:none;z-index:100;}

.content{width:94%;margin:0 3%;overflow:hidden;position:relative;z-index:1;padding-top:0px;float:left;}
.container01{width:100%;height:560px;overflow:hidden;position:relative;float:left;}
.content .container01 .news ul.combo li{width:81px;float:left;}
.container03{width:100%;padding:0;overflow:hidden;margin:0px auto;position:relative;padding-top:35px;}
.container03.service{height:510px;}
.container03 ul.dianxing{width:100%;padding:0;float:left;text-align:center;}
.container03 ul.dianxing li a img{width:70px;height:55px;}
.container03 ul.dianxing li{width:115px;height:57px;float:left;text-align:center;text-indent:-500px;overflow:hidden;border:1px solid #ddd;margin:0 5px 5px 0;border-radius:4px;}
.container03 .payflow{width:98%;padding-left:2%;height:30px;}
.container03 .payflow span{display:block;width:275px;float:left;height:26px;line-height:26px;margin-right:1px;color:#fff;text-align:left;text-indent:10px;}
.container03 .payflow span.c1{background:#555;}
.container03 .payflow span.c2{background:#888;}
.container03 .payflow span.c3{background:#aaa;}
.container03 .payflow strong{float:left;width:90px;height:26px;line-height:26px;color:#fff;margin-right:1px;background:#333;}
.container03 .payflow b{font-size:19px;}
.container03.case{position:Relative;}
.index-mall-promotion#index1 .box{width:80%;margin:0 auto;min-width:1200px;}
.container03 ul.youshi{width:85%;clear:both;margin:0 auto;position:relative;top:55px;min-width:1200px;}
.container03 ul.youshi li{width:20%;float:left;-webkit-transition: all 1.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.youshi li:hover{padding-top:10px;}
.container03 ul.youshi img{height:72px;width:auto;padding:35px;border-radius:50%;background:#eee;}
.container03 ul.youshi .title_s{font-size:16px;width:100%;height:55px;font-weight:bold;line-height:65px;padding-top:25px;}
.container03 ul.youshi p{width:80%;line-height:22px;color:#777;margin:0 auto;float:none;}
ul.infolist{width:98%;margin:0 1%;}
ul.infolist li{width:23%;padding-left:2%;float:left;height:100px;text-align:left;margin-bottom:30px;}}
ul.infolist li strong{font-size:20px;display:block;width:100%;height:40px;line-height:30px;}
ul.infolist li p{font-size:12px;margin:0;line-height:22px;text-align:left;width:90%;}
.content .container04 .contentview .detail pre{font-size:12px;float:left;}
.container03 .titlebig,.container04 .titlebig,.container05 .titlebig{position:relative;width:100%;margin:0;display:block;height:52px;line-height:42px;text-align:center;font-size:35px;margin-top:25px;font-weight:normal;float:left;color:#555;}
.container03 .titlebig strong,.container05 .titlebig strong{font-size:15px;font-weight:normal;}
.container03 .titlebig{margin:50px 0;}
.container03 .titlebig.lanmu2 strong{position:relative;left:269px;font-size:24px;}
.container03 .titlebig.lanmu2 strong.news{left:552px;}

.index-mall-promotion p{margin:0 0 75px 0;width:100%;text-align:center;float:left;font-size:14px;line-height:22px;}
.container03 h4{font-size:16px;margin:5px 0;}
.container04 p,.container03 p{margin:10px 0 35px 0;width:100%;text-align:center;float:left;font-size:14px;line-height:22px;}
.container03 p span{display:inline-block;padding:2px 20px;color:#fff;}
.content .container04 .webinfo span{display:inline-block;color:#cc0000;font-size:12px;padding-top:10px;}
.content .container02 ul.businesslist li a.more{display:block;width:98%;height:24px;line-height:24px;text-align:right;float:left;margin-top:10px;}
.container03 ul.caselist{filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;width:100%;float:left;position:absolute;left:0;top:0;height:100%;}
.container03 .casesort-list{width:85%;min-width:1200px;clear:both;margin:0 auto;position:relative;padding-bottom:50px;}
.container03 ul.caselist.current{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity:1.0;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-ms-transition: all 1.5s ease;-o-transition: all 1.5s ease;transition: all 1.5s ease;z-index:9999;}
.container03 ul.caselist li{overflow:hidden;position:relative;width:19%;padding:0;float:left;height:auto;margin:0 1% 1% 0;overflow:hidden;text-align:center;}
.container03 ul.caselist li .sort{font-size:13px;padding:5% 0;border:none;width:100%;position:relative;top:400px;display:inline-block;}
.container03 ul.caselist li .name{padding:20% 0 4% 0;position:relative;top:-200px;padding-bottom:15px;margin:0 auto;width:auto;font-size:19px;color:#ddd;display:inline-block;border-bottom:1px solid #fff;}
.container03 ul.caselist span:hover .sort{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top:0;}
.container03 ul.caselist span:hover .name{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top:0;}
.container03 ul.caselist span a img{width:70px;height:60px;position:absolute;right:-70px;bottom:0;z-index:999;border:none;box-shadow:0 0 0 0 #fff;}
.container03 ul.caselist span:hover img{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;right:0;}
.container03 ul.caselist li p{margin:0;}
.container03 ul.caselist li a:link,.container03 ul.caselist li a:visited{color:#999;display:block;width:100%;height:auto;overflow:hidden;}
.container03 ul.caselist li img{border:none;width:100%;height:auto;transition: all 0.4s;-webkit-filter: grayscale(25%);}
.container03 ul.caselist li:hover span{display:block;filter:alpha(opacity=90); -moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.caselist li span{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;width:100%;height:100%;background:#000;position:absolute;left:0;top:0;z-index:9999;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.container03 ul.caselist li span a:link,.container03 ul.caselist li span a:visited{color:#fff;display:block;width:100%;height:100%;}
.container03 ul.caselist li:hover span{filter:alpha(opacity=80); -moz-opacity:0.80;-khtml-opacity: 0.80;opacity: 0.80;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03.lanmu{height:auto;padding:0;}
.container03#all4{width:100%;height:200px;background:#000;padding-top:30px;}
.content .positoin{width:100%;text-align:left;font-size:14px;}
.content .container04 .c_right ul.caselist li span{display:none;width:99%;height:99%;border-radius:5px;box-shadow: 1px 1px 0px #aaa;padding:1px;background:#000;position:absolute;left:1px;top:1px;z-index:9999;}
.content .container04 .c_right ul.caselist li span a:link,.content .container04 .c_right ul.caselist li span a:visited{color:#fff;display:inline-block;width:60%;height:30px;line-height:30px;font-size:14px;border:3px solid #3eb6fb;background:#076aa3;border-radius:10px;text-align:center;cursor:pointer;}
.content .container04 .c_right ul.caselist li b.big{padding-bottom:15px;float:left;width:80%;padding:30% 10% 4% 10%;font-size:19px;color:#ddd;line-height:39px;}
.content .container04 .c_right ul.caselist li b.big b{font-size:19px;}
.content .container04 .c_right ul.caselist li b.small{display:inline-block;font-size:14px;color:#ddd;padding:0 0% 10% 0%;width:100%;text-align:center;}
.container03 ul.businesslist li ul.subbiz li ul{height:160px;padding-top:5px;}
.content .container04{width:100%;padding:0;overflow:hidden;margin:5px 0 0;line-height:19px;}
.content .container04 .case{width:710px;float:left;border:1px solid #bbb;background:#fff;height:auto !important;height:auto;min-height:600px;overflow:visible;_overflow-x:hidden;}
.content .container04 .case h3,.content .container04 .other h3{position:relative;text-indent:10px;width:100%;margin:0;display:block;height:27px;background:url(../images/bg_business.gif) 0 -8px;line-height:25px;text-align:left;}
.content .container04 .case h3 strong{position:absolute;right:10px;top:0px;font-weight:normal;font-size:12px;color:#999;}
.content .container04 .other{width:230px;float:right;border:1px solid #bbb;background:#fff;height:auto !important;height:auto;min-height:200px;margin-bottom:5px;}
.content .container04 .c_left{width:180px;float:left;margin-top:20px;text-align:left;}
.content .container04 .c_right{width:100%;float:right;text-align:center;line-height:22px;padding-bottom:100px;}
.content .container04 .c_right.nleft{width:75%;float:left;border-right:1px dashed #ddd;overflow:hidden;}
.content .container04 .nright{width:23%;float:right;padding-top:39px;}
.content .container04 .nright .title{width:100%;clear:both;height:40px;font-size:22px;margin:0;font-weight:normal;text-align:left;color:#555;border:none;}
.content .container04 .nright ul.taglist{width:90%;float:left;text-align:left;padding:10px 0;}
.content .container04 .nright ul.taglist li{display:inline-block;padding:0 10px 10px 0;font-size:14px;}
.content .container04 .nright ul.taglist li a:link,.content .container04 .nright ul.taglist li a:visited{font-size:12px;text-decoration:underline;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.5s ease;transition: all 0.3s ease;}
.content .container04 .nright ul.taglist li a:hover{font-weight:bold;}
.content .container04 .nright h3{width:100%;float:left;text-align:left;margin:0 0 10px 0;}
.content .container04 .nright ul.arclist li{width:100%;padding:5px 0;margin:0;height:30px;line-height:30px;}
.content .container04 .nright ul.arclist li:last-child{border:none;}
.content .container04 .nright ul.arclist{padding:0 0 100px 0;float:left;}
.content .container04 .nright ul.arclist li a{left:0;font-size:12px;height:30px;}
.content .container04 .nright ul.article-all{width:100%;float:left;margin-top:10px;}
.content .container04 .nright ul.article-all li{width:45%;height:25px;margin:0 0 12px 0;float:left;}
.content .container04 .nright ul.article-all li a:link,.content .container04 .nright ul.article-all li a:visited{display:block;width:90%;margin:0 auto;height:25px;line-height:25px;font-size:12px;border:1px solid #0c8bf1;color:#0c8bf1;border-radius:5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.5s ease;transition: all 0.3s ease;}
.content .container04 .nright ul.article-all li a:hover{background:#267dfe;color:#fff;}
.content .position{width:100%;font-size:14px;text-align:left;}
.content .container04 .c_right.large{width:100%;}
.content .container04 .c_right.allsize{width:100%;}
.content .container04 .c_right .title{width:100%;height:50px;border-bottom:1px dashed #ccc;position:relative;margin:0;padding:0;padding-right:5px;float:left;margin-bottom:15px;text-align:center;}
.content .container04 .c_right .title a{position:absolute;right:10px;top:50px;font-size:12px;font-weight:bold;}
.content .container04 .title{position:relative;width:100%;font-size:21px;height:50px;border-bottom:1px solid #bbb;float:left;text-align:left;padding:10px 0 0;margin:20px 0 15px 0;color:#aaa;}
.content .container04 .title h5{font-size:12px;font-weight:normal;color:#bbb;margin:5px 0 0;}
.content .container04 .title span{font-size:12px;font-weight:normal;display:inline-block;padding:5px 20px;border:1px solid #888;border-radius:5px;color:#888;}
.content .container04 .title span a{color:#888;}
.content .container04 .title span a:hover{color:#222;}
.content.allwidth{width:100%;margin:0 auto;}
.content.allwidth .container04  ul.fangan_list li{width:20%;margin:0;}
.content .container04 .c_right ul.caselist li p{margin:0;font-size:12px;text-align:left;line-height:20px;color:#777;}
.content .container04 .c_right ul.caselist{width:100%;padding-top:35px;}
.content .container04 .c_right ul.caselist li{position:relative;width:29%;padding:0 3% 0 0;height:auto;float:none;display:-webkit-inline-box;text-align:center;margin:0 1% 1% 0;background:#fff;border-radius:4px;padding-bottom:15px;}
.content .container04 .c_right ul.caselist li .casepic{width:100%;height:auto;margin:10px 0 15px 0;overflow:hidden;}
.content .container04 .c_right ul.caselist li img{width:100%;height:auto;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.content .container04 .c_right ul.caselist li:hover img{transform: scale(1.1);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.content .container04 .c_right ul.caselist li a:link,.content .container04 .c_right ul.caselist li a:visited{display:block;width:100%;text-align:left;;background:#fff;padding-top:1px;font-size:16px;font-weight:normal;overflow:hidden;}
.content .container04 .c_right ul.caselist li b{font-weight:normal;font-size:16px;}
.content .container04 .c_right ul.caselist li .info{width:100%;height:70px;overflow:hidden;font-size:12px;color:#777;line-height:22px;text-align:left;padding-top:5px;}
.content .container04 .c_right ul.caselist li .info strong{display:inline-block;width:auto;float:none;clear:both;border-radius:5px;font-size:12px;height:20px;line-height:20px;background:#f60;margin-bottom:5px;padding:0 5px;color:#fff;}
.container03 ul.arclist{width:23.3%;float:left;overflow:hidden;margin:0 0 0 1%;}
.container03 ul.arclist.arc-all{width:94%;margin:0 3%;}
.container03 ul.arclist.arc-all li{width:25%;float:left;}
.container03 ul.arclist h2{background-repeat:no-repeat;background-position:center top;background-size:cover;width:99%;height:120px;text-align:left;text-indent:0;line-height:100px;font-size:15px;font-weight:normal;margin:0 0 20px 0;overflow:hidden;}
.container03 ul.arclist h2 span{width:37%;text-align:center;display:inline-block;color:#fff;background:#0c8bf1;font-size:14px;height:30px;line-height:30px;position:relative;top:44px;left:-10px;border-radius:10px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.5s ease;transition: all 0.3s ease;}
.container03 ul.arclist h2:hover span{width:45%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.container03 ul.arclist li{position:relative;width:100%;height:29px;line-height:29px;text-align:left;text-indent:20px;float:left;}
.container03 ul.arclist li span{color:#ddd;position:absolute;right:0;top:-50px;}
.container03 ul.arclist a:link,.container03 ul.arclist a:visited{position:relative;left:-5px;padding-left:25px;font-size:14px;text-indent:0;display:block;width:94%;height:100%;background:url(../images/dot.gif) 3px 2px no-repeat;border-radius:3px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;float:left;}
.container03 ul.arclist a:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.5s ease;transition: all 0.3s ease;background:url(../images/dot.gif) 2px -28px no-repeat;}
.container03 ul.arclist.arc1 h2{background-image:url(../images/arc-xcx.jpg);}
.container03 ul.arclist.arc2 h2{background-image:url(../images/arc-web.jpg);}
.container03 ul.arclist.arc3 h2{background-image:url(../images/arc-app.jpg);}
.container03 ul.arclist.arc4 h2{background-image:url(../images/arc-seo.jpg);}
.container03 ul.icon-list{width:40%;float:left;text-align:center;margin-top:25px;}
.content .container04 .contentview{width:100%;font-size:14px;line-height:25px;}
.content .container04 .contentview .title{display:block;width:100%;float:left;height:30px;color:#444;margin:5px 0;font-size:16px;}
.content .container04 .contentview h4{position:relative;left:-2%;font-size:26px;margin:0;padding:45px 0 10px 0;width:100%;text-align:center;color:#363636;font-weight:normal;}
.content .container04 .contentview h5{position:relative;left:-2%;margin:0;font-size:11px;font-weight:normal;padding:0px 0 10px 0;text-align:center;color:#aaa;}
.content .container04 .contentview .detail h4{left:0;}
.content .container04 .c_right.large .contentview .detail{text-align:left;line-height:26px;padding:50px 5% 30px 5%;width:89.5%;float:left;background:#fff;border-radius:15px;font-size:15px;box-shadow: 1px 2px 10px 1px #ccc;}
.content .container04 .c_right .contentview .detail{text-align:justify;line-height:30px;padding:25px 3% 10px 1%;width:94%;float:left;font-size:15px;}
.content .container04 .c_right.large{padding-bottom:65px;}
.content .container04 .contentview .detail h3{background:none;font-size:14px;text-indent:0;margin:0;float:left;color:#cc0000;}
.content .container04 .contentview .detail p{margin:0;padding:0;text-align:left;margin-bottom:10px;font-size:15px;line-height:30px;color:#444;width:100%;}
.content .container04 .contentview .detail strong{font-size:16px;float:none;display:inline;font-weight:bold;}
.content .container04 .contentview .detail li{width:100%;padding-bottom:30px;float:left;}
.content .container04 .contentview .detail li h4{text-align:left;margin-bottom:20px;}
.content .container04 .contentview .detail img{max-width:100%;padding-bottom:15px;display:block;margin:0 auto;}
.content .container04 .contentview .detail a:link,.content .container04 .contentview .detail a:visited{color:#267dfe;}
.content .container04 .contentview .detail u{font-weight:bold;padding:0;display:inline-block;margin:5px 0;font-style:none;text-decoration:none;font-size:20px;float:left;clear:both;width:100%;height:auto;padding:15px 0;}
.content .container04 .contentview .detail h2{font-size:14px;width:100%;float:left;height:40px;font-weight:normal;margin:0 0 10px 0;}
.content .container04 .contentview .detail h2 a:link,.content .container04 .contentview .detail h2 a:visited{position:relative;left:-10px;background:#29a3d6;color:#fff;padding:5px 30px;border-radius:10px;}
.content .container04 .contentview .detail ul.map-list{width:100%;padding:10px 0;float:left;}
.content .container04 .contentview .detail ul.map-list li{padding:0;width:16.6%;float:left;height:auto !important;height:auto;min-height:40px;}
.content .container04 .contentview .detail ul.map-list li ul.map-list-sub{width:100%;float:left;}
.content .container04 .contentview .detail ul.map-list li ul.map-list-sub li{padding:0;min-height:20px;width:100%;font-size:12px;}
ul.contact-list{width:100%;margin-top:-50px;}
.content .container04 .contentview .detail ul.contact-list li{width:22%;height:300px;float:left;padding:0;}
.content .container04 .contentview .detail ul.contact-list li a:link,.content .container04 .contentview .detail ul.contact-list a:visited{display:block;width:100%;height:130px;background:#fff;text-align:center;color:#777;padding-top:170px;font-size:18px;color:#43bcf5;}
.content .container04 .contentview .detail ul.contact-list li.i4 a:link,.content .container04 .contentview .detail ul.contact-list li.i4 a:visited{background:url(../images/icon_c4.png) center 60px no-repeat;}
.content .container04 .contentview .detail ul.contact-list li.i3 a:link,.content .container04 .contentview .detail ul.contact-list li.i3 a:visited{background:url(../images/icon_c3.png) center 60px no-repeat;}
.content .container04 .contentview .detail ul.contact-list li.i2 a:link,.content .container04 .contentview .detail ul.contact-list li.i2 a:visited{background:url(../images/icon_c2.png) center 60px no-repeat;}
.content .container04 .contentview .detail ul.contact-list li.i1 a:link,.content .container04 .contentview .detail ul.contact-list li.i1 a:visited{background:url(../images/icon_c1.png) center 60px no-repeat;}
.content .container04 .contentview .detail ul.contact-list li.i1{margin-left:8%;}
.baidumap{width:100%;height:auto;text-align:center;padding-bottom:50px;padding-top:20px;}
.content .container04 .contentview .detail ul.contact-list p{text-align:center;color:#777;font-size:16px;margin-top:5px;}
.content .container04 .contentview .ourinfo{width:100%;text-align:left;color:#bbb;line-height:22px;padding:20px 0;float:left;}
.content .container04 .contentview .ourinfo a:link,.content .container04 .contentview .ourinfo a:visited{color:#bbb;}
.content .container04 ul.arclist{text-align:left;width:100%;padding:45px 0 0;}
.content .container04 ul.arclist li{width:50%;float:left;height:80px;overflow:hidden;float:left;margin-bottom:20px;padding-bottom:14px;border-bottom:1px dashed #ddd;}
.content .container04 ul.arclist li a{font-weight:normal;font-size:16px;position:relative;left:10px;top:2px;color:#333;}
.content .container04 ul.arclist li a.title{text-align:left;color:#0c8bf1;}
.content .container04 ul.arclist li span{font-size:12px;font-style:italic;line-height:30px;text-align:center;background:#0c8bf1;color:#fff;float:left;width:30px;height:30px;border-radius:50%;}
.content .container04 ul.arclist li p{margin:0;color:#999;text-indent:0;font-size:12px;width:95%;line-height:18px;float:left;padding-top:0;text-align:left;}
.content ul.pagelist{width:100%;height:50px;float:left;text-align:right;padding:10px 0;overflow:hidden;margin:0 auto;}
.content ul.pagelist span{position:relative;left:-700px;}
.content .container04 ul.pagelist li{float:left;text-align:right;overflow:hidden;width:20px;height:20px;margin-right:10px;}
.content .container04 ul.pagelist li a:link,.content .container04 ul.pagelist li a:visited{display:block;width:100%;height:20px;overflow:hidden;cursor:pointer;border-radius:50%;text-align:center;line-height:20px;background:#ddd;color:#888;}
.content .container04 ul.pagelist li a:hover{background:#555;color:#fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.content .container04 ul.pagelist li.thisclass{background:#0c8bf1;color:#fff;text-align:center;border-radius:50%;line-height:20px;}
.content .container04 .product .content ul.pagelist strong{background:none;display:inline;color:#555555;}
.content .container04 .aboutus{width:680px;padding:15px;text-align:left;line-height:26px;font-size:12px;}
.content .container04 .product{width:98%;margin:10px 1% 20px 1%;float:left;display:inline;border:1px solid #ccc;background:url(../images/bg_subnav.gif) 0 0 no-repeat;}
.content .container04 .product .item{position:relative;width:258px;float:left;text-align:left;height:auot !important;height:auto;min-height:582px;}
.content .container04 .product .item h4{margin:0;width:100%;font-size:12px;padding:0;float:left;text-indent:10px;}
.content .container04 .product ul.itemlist{padding:0;width:100%;float:left;}
.content .container04 .product ul.itemlist li{width:100%;height:49px;line-height:49px;font-weight:bold;float:left;border-bottom:1px solid #ddd;text-indent:15px;font-size:14px;}
.content .container04 .product ul.itemlist li.now{background:#fff;} 
.content .container04 .c_right .content{width:610px;float:right;text-align:left;line-height:28px;font-size:14px;padding:10px 30px 10px 30px;}
.content .container04 .c_right .content strong{display:block;width:100%;height:22px;line-height:22px;margin:5px 0;}
.content .container04 .c_right .content b{display:block;width:100%;height:24px;padding:0 0 5px 0;}
.content .container04 .c_right .content .title{font-size:20px;font-weight:bold;color:#0663A5;height:80px;border-bottom:1px dashed #ccc;margin-bottom:10px;}
.container05{width:1200px;height:700px;margin:0 auto;clear:both;padding-top:70px;}
.container05 ul.flow{width:100%;height:500px;background:url(../images/flow.png) center top no-repeat;margin-top:80px;position:Relative;}
.container05 ul.flow li {position:absolute;z-index:999;width:215px;height:115px;text-align:center;font-size:18px;}
.container05 ul.flow li:nth-child(1){left:11px;top:15px;}
.container05 ul.flow li:nth-child(2){left:150px;top:325px;}
.container05 ul.flow li:nth-child(3){left:286px;top:15px;}
.container05 ul.flow li:nth-child(4){left:420px;top:325px;}
.container05 ul.flow li:nth-child(5){left:560px;top:15px;}
.container05 ul.flow li:nth-child(6){left:695px;top:325px;}
.container05 ul.flow li:nth-child(7){left:832px;top:15px;}
.container05 ul.flow li:nth-child(8){left:980px;top:325px;}
.container05 ul.flow li span{font-size:36px;font-style:oblique;color:#999;}
.container05 ul.flow li p{font-size:12px;color:#bbb;width:100%;line-height:21px;margin:13px 0 0;}
input.btn-2{width:60px;height:22px;margin:0;padding:0;text-align:center;border:none;background:url(../images/btn2.gif);overflow:hidden;color:#fff;cursor:pointer;}
.content .container_shop{width:948px;border:1px solid #cccccc;background:#fff;height:auto;overflow:hidden;}
.content .container_shop h2{position:relative;font-size:14px;text-indent:10px;width:100%;margin:0;display:block;height:35px;background:url(../images/bg_business.gif);line-height:35px;text-align:left;}
.content .container_shop .mobanlist li{width:210px;float:left;height:230px;padding:5px;border:1px solid #cccccc;margin:0 10px 10px 0;}
.content .container_shop .mobanlist h3{font-size:12px;font-weight:normal;padding:0;margin:5px 0;}
.content .container_shop .mobanlist{width:100%;padding:15px;}
.content .container_shop h2 span{text-indent:0;font-size:10px;font-weight:normal;position:absolute;left:82px;top:7px;line-height:10px;}
.content .container04 .c_right .left{width:44%;float:left;margin-top:6px;margin-right:18px;}
.content .container04 .c_right.big{width:100%;}
.content .container04 .c_right .right{width:540px;float:left;margin-top:6px;}
.content .container04 .caseshow{width:100%;text-align:center;padding-bottom:0;}
.content .container04 .caseshow img.casepic{float:left;max-width:1080px;width:auto;height:auto;padding:1px;float:none;margin:0 auto 40px 0;}
.content .container04 .webinfo{width:100%;float:left;height:auto;text-align:left;margin-bottom:110px;text-align:center;padding:20px 0 50px 0;}
.content .container04 .webinfo p{margin:20px 0 12px 0;text-align:center;font-size:14px;line-height:26px;padding:0;color:#666;width:100%}
.content .container04 .webinfo h5{font-size:16px;margin:0;height:28px;width:100%;}
.content .container04 .caseshow .num{width:100%;padding:50px 0;font-size:30px;}
.content .container04 .caseshow .num span{display:inline-block;font-size:35px;border:4px solid #555;padding:0px;width:45px;height:45px;line-height:45px;position:relative;top:0;left:0;border-radius:25%;}
.content .container04 .webinfo .biaoti{font-size:36px;width:100%;padding:30px 0 0;height:40px;}
.content .container04 .webinfo h5 a{font-size:12px;font-weight:normal;background:#cc0000;padding:10px 50px;margin-top:20px;display:inline-block;color:#fff;border-radius:5px;}
.content .container04 .webinfo h5 a:hover{background:#222;}
.content .container04 .imgbox{width:100%;clear:both;}
#wrap-bot{width:100%;overflow:hidden;margin-top: 50px;}
.lianxi{position:relative;width:100%;height:70px;background-color:#0c8bf1;background-image:url(../images/bg_lianxi.jpg);background-repeat:no-repeat;background-size:cover;background-position:center bottom;text-align:center;padding:22px 0 0;margin:0 auto;clear:both;color:#c0d9ff;color:#fff;}
.lianxi .num{font-size:13px;color:#fff;display:inline-block;font-family:Verdana;font-size:20px;}
.lianxi strong{display:block;width:187px;float:left;padding-left:5%;color:#fff;font-size:15px;text-align:left;}
.lianxi strong img{position:relative;top:5px;padding-right:30px;filter:alpha(opacity=50); -moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50;}
.lianxi .talk-tel{padding-top:2px;width:80%;text-align:center;font-size:20px;margin:0 auto;height:45px;line-height:45px;}
.lianxi a.talk-online{position:absolute;display:block;right:5%;top:27px;width:150px;height:35px;line-height:35px;border:2px solid #fff;color:#fff;border-radius:5px;text-align:center;font-size:16px;overflow:hidden;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.lianxi a.talk-online img{position:relative;left:-10px;}
.lianxi a.talk-online:hover{background:#f60;}
.lianxi .num span{display:inline-block;width:55px;height:55px;vertical-align:middle;border-radius:50%;margin-left:30px;margin-right:15px;position:relative;top:-4px;}
.lianxi .num span.tel{background:#fff url(../images/tel1.png) 10px 15px no-repeat;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.lianxi .num span.phone{background:#fff url(../images/tel1.png) -61px 15px no-repeat;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.lianxi .num span.tel:hover{transform: rotateZ(360deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.lianxi .num span.phone:hover{transform: rotateZ(360deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.footer{width:100%;height:359px;float:left;margin-top:0;padding-top:14px;background-image:url(../images/bg_footer.jpg);background-color:#333;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.footer .copyright{position:relative;width:90%;color:#ddd;text-align:left;margin:0 auto;overflow:hidden;position:relative;padding-top:40px;}
.footer .copyright p{width:100%;margin:0;font-size:12px;color:#666;clear:both;float:left;padding-top:8px;margin-top:20px;}
.footer .copyright p a:link,.footer .copyright p a:visited{color:#0c8bf1;}
.footer ul.nav-bot{width:100%;color:#ccc;}
.footer ul.nav-bot li{width:20%;float:left;text-align:left;}
.footer ul.nav-bot li.list2 .sub{margin-top:29px;}
.footer ul.nav-bot li .title{font-size:14px;font-weight:normal;margin:0 0 10px 0;}
.footer ul.nav-bot li ul.sub li{width:100%;height:26px;}
.footer ul.nav-bot li a:link,.footer ul.nav-bot a:visited{width:100%;height:100%;line-height:26px;color:#aaa;}
.footer ul.nav-bot li a:hover{color:#0c8bf1;}
ul.linklist{width:70%;position:relative;top:7px;float:left;}
ul.linklist li{display:inline-block;padding-right:5px;height:22px;color:#666;}
ul.linklist li a:link,ul.linklist li a:visited{color:#666;}
.footer ul.nav-bot li .erweima{width:160px;height:160px;background:url(../images/ewm.png) 0 0 no-repeat;position:absolute;right:0;top:40px;}
ul.linklist li a:hover{color:#999;}
.footer .info{float:left;width:100%;}
.content .container04 ul.arclist li .title{border:none;height:auto;float:left;width:90%;}
.container03 h3.web{text-indent:640px;}
#index2{width:98%;padding:0 1%;height:640px;background-image: url(../images/indextaocan.jpg);background-repeat: no-repeat;background-position: center top;background-attachment: fixed;background-size: cover;}
#index2 .titlebig,#index2 p{color:#fff;}
#index2 .titlebig{padding-top:25px;}
.container03#index2 ul.list-xcx{position:absolute;left:7.5%;bottom:-30px;height:70%;width:85%;overflow:hidden;}
.container03 ul.list-xcx li{width:19%;margin-right:1%;border-radius:20px;padding-top:20px;float:left;height:100%;text-align:center;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.list-xcx li.x2,.container03 ul.list-xcx li.x4{filter:alpha(opacity=97); -moz-opacity:0.97;-khtml-opacity: 0.97;opacity: 0.97;}
.container03#index2 ul.list-xcx li p{margin:10px auto;width:90%;font-size:12px;line-height:24px;float:none;color:#fff;}
.container03 ul.list-xcx li strong{font-size:18px;display:block;width:100%;height:40px;line-height:40px;padding-top:20px;color:#000;}
.container03 ul.list-xcx li img{width:170px;height:auto;background:#fff;border-radius:50%;}
.container03 ul.list-xcx li .title{font-size:16px;font-weight:bold;padding-top:30px;color:#fff;}
.container03 ul.list-xcx li:hover{padding-top:10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.container_wrap#xcx .container03.allwidth{width:100%;padding:0;}
.container_wrap#xcx .container03.allwidth h2{margin-top:45px;}
.container03#index3{width:100%;height:600px;}
.container03.xcx-why#index3{height:700px;}
.container03#index4{width:100%;height:auto !important;height:auto;min-height:650px;overflow:hidden;background-image:url(../images/indexcase.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;padding:35px 0;}
.container03#index4 .titlebig{color:#fff;}
.container03#index4 p{color:#fff;}
.container03#index4 p a:link,.container03#index4  a:visited{display:inline-block;padding:2px 10px;border:1px solid #fff;font-size:12px;color:#fff;border-radius:4px;margin:0 1px;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.container03#index4 p a:hover{background:#247dff;color:#fff;border:1px solid #247dff;}
.container03#index4 p a.current:link,.container03#index4 p a.current:visited{background:#247dff;color:#fff;border:1px solid #247dff;}
.container03#index5{width:85%;min-width:1200px;height:690px;background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;}
.container03.panel#index5{height:auto;}
.container03#index5 p a:link,.container03#index5 p a:visited{display:inline-block;padding:2px 10px;border:1px solid #ccc;font-size:12px;color:#999;border-radius:4px;margin:0 1px;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.container03#index5 p a:hover{border:1px solid #555;color:#fff;background:#555;}
ul.zizhi{width:100%;float:left;margin-bottom:20px;margin-top:10px;}
.container03#index6{width:100%;height:715px;background-image:url(../images/indexwenda.png);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;}
.container03#index6 .titlebig,.container03#index6 p{color:#fff;}
.container03.sec#index6{height:500px;}
.container03#index6 .flow{width:100%;text-align:center;height:400px;padding:50px 0 0;float:left;}
.container03#index6 ul.wenda{width:95%;margin:0 auto;height:65%;position:relative;clear:both;text-align:left;}
.container03#index6 ul.wenda li{display:inline-block;width:22%;color:#fff;line-height:35px;}
.container03#index6 ul.wenda li .title{font-size:14px;color:#fff;}
.container03#index6 ul.wenda li span{display:inline-block;width:30px;height:30px;border-radius:50%;background:#247dff;color:#fff;margin-right:5px;font-size:22px; text-align:center;position:relative;top:3px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03#index6 ul.wenda li:hover span{background:#f60;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03#index6 ul.wenda li p{margin:0;font-size:12px;text-align:left;padding:6px 0 0 5px;}
.container03#index6 ul.wenda li.w1{position:absolute;left:2%;top:1%;transform: rotateZ(-4deg);}
.container03#index6 ul.wenda li.w2{position:absolute;left:35%;top:3%;transform: rotateZ(3deg);}
.container03#index6 ul.wenda li.w3{position:absolute;left:3%;top:30%;transform: rotateZ(-1deg);}
.container03#index6 ul.wenda li.w4{position:absolute;right:10%;top:3%;transform: rotateZ(3deg);}
.container03#index6 ul.wenda li.w5{position:absolute;left:32%;top:31%;transform: rotateZ(0deg);}
.container03#index6 ul.wenda li.w6{position:absolute;right:17%;top:31%;transform: rotateZ(-8deg);}
.container03#index6 ul.wenda li.w7{position:absolute;left:5%;top:65%;transform: rotateZ(-6deg);}
.container03#index6 ul.wenda li.w8{position:absolute;left:38%;top:62%;transform: rotateZ(1deg);}
.container03#index6 ul.wenda li.w9{position:absolute;right:10%;top:62%;transform: rotateZ(9deg);}
.container03#index6 ul.wenda li.w10{position:absolute;left:32%;top:86%;width:55%;transform: rotateZ(-1deg);}
.container03.sec#index6 ul.wenda li.w3{top:50%;}
.container03.sec#index6 ul.wenda li.w5{top:51%;}
.container03.sec#index6 ul.wenda li.w6{top:51%;}
.container_wrap#xcx{width:100%;background-image:url(../images/banner_bg1.jpg);background-repeat:no-repeat;height:630px;overflow:hidden;background-position:center top;background-attachment:fixed;background-size:cover;padding:35px 0 0 0;}
.container_wrap#xcx .container03{width:94%;padding:0 3%;}
.container_wrap#xcx .container03 .titlebig{color:#fff;text-align:left;}
.container_wrap#xcx .container03 .titlebig a:link,.container_wrap#xcx .container03 .titlebig a:visited{color:#fff;}
.container_wrap#web,.container_wrap#shop{width:94%;padding:0 3%;}
.container_wrap#web h2,.container_wrap#shop h2{text-align:left;margin:0 0 25px 0;}
.container_wrap.shopintro{width:100%;background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;padding:20px 0;}
.container_wrap.shopintro .container03{padding:0;}
.container_wrap.shopintro.grey1,.container_wrap.shopintro.grey{background:#f4f4f4;}
.container_wrap .container03 .textintro .title{text-align:left;margin-top:35px;font-size:26px;padding-bottom:20px;}
.container03 .intro-left{width:40%;float:left;}
.container03 .intro-right{width:40%;float:right;text-align:center;}
.container03 .textintro.guanwang.jianju_r{width:43%;padding-right:10%;}
.container03 .textintro.jianju_l{width:43%;padding-left:10%;}
.container03 .op{width:100%;height:130px;margin:0 auto;float:left;}
.container03 .op.orange a.btn-talk:link,.container03 .op.orange a.btn-talk:visited{background:#02c341;position:relative;top:15px;}
.container03 .op.orange a.btn-talk:hover{background:#000;}
.container03 .op a.btn-talk:link,.container03 .op a.btn-talk:visited{display:inline-block;width:350px;height:46px;line-height:46px;background:#247dff;font-size:16px;color:#fff;margin:0 auto;border-radius:6px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .op a.btn-talk:hover{background:#000;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.banner_sec{width:100%;height:419px;overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat;background-image:url(../images/bg_zixun.jpg);}
.banner_sec.case{background-image:url(../images/bg_case.jpg);}
.banner_sec.zixun{background-image:url(../images/bg_zixun.jpg);}
.banner_sec.app{background-image:url(../images/bg_app.jpg);}
.banner_sec.xcx{background-image:url(../images/bg_xcx.jpg);}
.banner_sec_wrap{width:1200px;height:280px;position:relative;margin:0 auto;}
.banner_sec_wrap .title{display:none;width:60%;padding:0 15px 0 0;margin:0 auto;position:relative;top:180px;right:0;font-size:50px;color:#fff;border:none;text-align:right;z-index:999;margin:0 auto;float:none;text-shadow:1px 1px 1px #000;text-align:center;}
.banner_sec_wrap .title p{display:none;width:100%;font-size:18px;margin:13px 0 0;color:#fff;}
table.datagrid{width:90%;font-size:14px;background:#ddd;}
table.datagrid td{background:#fff;padding-left:9px;height:26px;}
.line,.line1,.line2{width:100%;height:10px;line-height:10px;overflow:hidden;float:left;clear:both;}
.line1{height:50px;line-height:50px;}
.line2{height:30px;line-height:30px;}
.guanlian{width:100%;float:left;padding:15px 0 35px 0;}
p.grey{color:#999;}
.share{width:100%;float:left;padding-top:40px;font-size:14px;line-height:28px;margin:0 auto;}
.container_wrap{width:100%;background:#fff;clear:both;background:#fff;overflow:visible;}
.container03 .container_s img.dianshang.guanwang img{height:350px;height:auto;}
ul.itemlist{width:100%;height:40px;float:left;line-height:40px;margin-top:15px;}
ul.itemlist li{width:33.3%;float:left;height:40px;font-size:18px;text-align:left;text-indent:5px;}
ul.itemlist li:last-child{text-indent:0;}
.page404{width:1000px;height:300px;margin:0 auto;padding-top:100px;text-align:center;}
.page404 h1{font-size:30px;font-weight:normal;color:#fff;position:relative;top:15px;}
.page404 a:link,.page404 a:visited{display:inline-block;font-size:18px;padding:8px 60px;background:#fff;color:#555;border-radius:10px;position:relative;top:30px;margin-bottom:50px;}
.page404 a:hover{background:#000;color:#fff;}
.content .container04 .contentview .title span a{position:static;font-weight:normal;}
.header .header_main a:link.back,.header .header_main a:visited.back{display:none;width:47px;height:47px;background:url(../images/arrow_back.png) center center no-repeat;position:absolute;top:0;left:0.5%;text-indent:-500px;overflow:hidden;z-index:999999;}
blockquote{background:#fff;border-radius:10px;padding:15px 25px;display:inline-block;box-shadow: 1px 2px 5px #ccc;}
.container03 .textintro{width:50%;float:left;text-align:left;font-size:16px;line-height:31px;padding-top:30px;}
.container03 .textintro.ios{padding-left:5%;}
.container03 img.dianshang{float:right;position:absolute;right:10px;bottom:70px;width:auto;}
.container03 img.dianshang1{float:right;position:absolute;right:50px;bottom:0;}
.container03 .textintro.guanwang{width:48%;float:right;text-align:left;font-size:16px;line-height:31px;padding-top:30px;padding-right:5%;}
#xcx .container03 .textintro.guanwang{color:#fff;}
.container03 img.dianshang.guanwang{position:absolute;left:30px;bottom:70px;}
.container03 .container_s img.dianshang.guanwang{width:auto;}
.container03 .container_s{width:100%;float:left;position:relative;height:400px;margin-bottom:0px;}
.container03 .container_s .title-sub{font-size:24px;height:65px;line-height:40px;padding-top:35px;}
.container03 .textintro .news-title{font-size:16px;width:80px;text-align:center;padding-top:0;margin-top:40px;text-indent:0;color:#fff;background:#0c8bf1;border-radius:5px;}
.container03 .container_s ul.arclist a:link,.container03 .container_s ul.arclist a:visited{font-size:14px;color:#ddd;background:none;left:0;padding:0;width:100%;}
.container03 .container_s ul.arclist a:hover{color:#fff;}
.container03 .container_s ul.arclist li{padding:0 10px;width:auto;float:none;display:inline-block;background:none;border-bottom:1px solid #ccc;margin:0 5px;}
.container03 .container_s ul.arclist{width:100%;position:relative;left:0;top:40px;text-align:center;}
.container_wrap.android{background-image:url(../images/bg_android.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.container_wrap.h5{background-image:url(../images/bg_h5.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.container_wrap.ios{background-image:url(../images/bg_ios.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.container_wrap.web{background-image:url(../images/bg_web2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.container_wrap.wechat{background-image:url(../images/bg_wechat.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;height:605px;}
.container_wrap.ios .container03{padding-top:0;}
.container_wrap.ios .title{color:#fff;text-align:left;margin-top:35px;}
.container_wrap.ios .container03 .textintro{color:#fff;}
.container_wrap.web .title{color:#fff;text-align:left;margin-top:35px;}
.container_wrap.web .container03 .textintro{color:#fff;}
.container_wrap.android{background-image:url(../images/bg_android.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.container_wrap.android .container03{padding-top:0;}
.container_wrap.android .title{color:#fff;text-align:left;margin-top:35px;}
.container_wrap.android .container03 .textintro{color:#fff;}
.container03 .container_s.wx{height:450px;margin:0;}
.content .container04 .contentview h5{font-size:14px;width:100%;height:35px;line-height:35px;color:#666;padding:10px 0;text-align:center;color:#444;float:left;}
.content .container04 .c_right .container03{width:100%;min-height:auto;}
.content .container04 .contentview h6{width:100%;height:150px;line-height:110px;font-size:24px;text-align:center;font-weight:normal;margin:0;float:left;}
.container_wrap h6{width:100%;height:150px;line-height:110px;font-size:24px;text-align:center;font-weight:normal;margin:0;float:left;}
h6 span{display:inline-block;padding:5px 40px;border:1px solid #666;border-radius:5px;line-height:35px;margin-top:60px;}
.content .container04 ul.casesort1{width:auto;display:inline-block;margin:0 auto;padding:10px 0 0;}
.content .container04 ul.casesort1 li{width:140px;float:left;height:38px;margin-bottom:10px;margin-right:5px;}
.content .container04 ul.casesort1 li a:link,.content .container04 ul.casesort1 li a:visited{display:block;width:100%;height:35px;line-height:35px;font-size:16px;border-radius:3px;}
.content .container04 ul.casesort1 li a:hover{background:#333;color:#fff;}
.content .container04 ul.casesort1 li.now a:link,.content .container04 ul.casesort1 li.now a:visited{background:#222;color:#fff;}
.content .container04 ul.casesort li.big{width:594px;}
.content .container04 ul.casesort li.big a:link,.content .container04 ul.casesort li.big a:visited{width:584px;text-align:center;background:#39a1ca;}
.content .container04 ul.casesort li.big a:hover{background:#39a1ca;}
.content .container04 ul.casesort li.big a img{left:220px;}
.wrapper { width: 1200px; margin: 0 auto; position: relative; }
.container03 ul.xcx-flow{width:85%;height:390px;text-align:center;float:left;margin:50px 7.5% 0 7.5%;}
.container03 ul.xcx-flow li{width:20%;float:left;text-align:center;height:88px;text-align:center;font-size:15px;padding-top:100px;}
.container03 ul.xcx-flow li.d1{background:url(../images/d1.png) center top no-repeat;}
.container03 ul.xcx-flow li.d2{background:url(../images/d2.png) center top no-repeat;}
.container03 ul.xcx-flow li.d3{background:url(../images/d3.png) center top no-repeat;}
.container03 ul.xcx-flow li.d4{background:url(../images/d4.png) center top no-repeat;}
.container03 ul.xcx-flow li.d5{background:url(../images/d5.png) center top no-repeat;}
.container03 ul.xcx-flow li.d6{background:url(../images/d6.png) center top no-repeat;}
.container03 ul.xcx-flow li.d7{background:url(../images/d7.png) center top no-repeat;}
.container03 ul.xcx-flow li.d8{background:url(../images/d8.png) center top no-repeat;}
.container03 ul.xcx-flow li.d9{background:url(../images/d9.png) center top no-repeat;}
.container03 ul.xcx-flow li.d10{background:url(../images/d10.png) center top no-repeat;}
.container03 ul.appintro{width:85%;clear:both;padding-top:30px;margin:0 7.5%;}
.container03 ul.appintro li{width:30%;padding:0 1.5%;float:left;text-align:center;}
.container03 ul.appintro img{height:170px;width:auto;}
.container03 ul.appintro p{font-size:12px;color:#999;text-align:center;line-height:22px;width:85%;margin:0 auto;float:none;padding-bottom:80px;}
.container03 ul.appintro .title_s{width:100%;padding:30px 0;font-size:16px;}
.app-plan{width:100%;height:400px;clear:both;}
.plan-bg{width:50%;float:left;height:100%;background-image:url(../images/appplan.jpg);background-size:cover;background-position:left top;background-repeat:no-repeat;}
.app-plan .plan-info{width:50%;float:right;height:100%;text-align:left;background:#222;color:#eee;}
.plan-info strong{display:inline-block;font-size:25px;margin:60px 0 15px 60px;}
.plan-info p{font-size:14px;color:#ddd;line-height:28px;width:65%;padding-left:60px;font-size:14px;line-height:30px;}
.plan-info a{display:inline-block;width:200px;height:40px;border-radius:10px;color:#ddd;border:1px solid #ddd;line-height:40px;margin:15px 0 0 60px;text-align:center;font-size:14px;}
#banner { width:100%;background: #000; overflow: hidden; position: relative;height:650px;min-width:1200px;position:Relative;color:#fff;}
#banner .videobg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background:url(../images/videobg.png);}
#banner video{position:absolute;left:0;top:-255px;z-index:0;min-width:118%;max-width:118%;height:auto;}
#banner a{    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ddd;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 99;
    margin-left: -100px;}
#banner .title{    font-size: 45px;
    height: 40px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 190px;
    z-index: 99;
    margin-left: -270px;}
#banner .text{font-size: 15px;
    width: 700px;
    line-height: 30px;
    height: 188px;
    position: absolute;
    left: 50%;
    top: 330px;
    text-align: center;
    z-index: 99;
    color: #ddd;
    margin-left: -350;}
.xcx-intro{width:1200px;height:800px;text-align:center;margin:0 auto;font-size:14px;line-height:30px;background:url(../images/xcx02.jpg) center 330px no-repeat;}
#chat{display:none;width:291px;height:203px;position:fixed;right:0;bottom:0;z-index:99999;-webkit-filter: grayscale(30%);-moz-filter: grayscale(30%);-ms-filter: grayscale(30%);-o-filter: grayscale(30%);filter: grayscale(30%);filter: gray;}
#chat a.chat-people:link,#chat a.chat-people:visited{display:block;width:100%;height:100%;background:url(../images/bg_chat.png) 0 0 no-repeat;}
#chat a.close:link,#chat a.close:visited{display:block;width:20px;height:20px;background:#000;color:#fff;text-align:center;line-height:20px;position:absolute;right:10px;bottom:10px;z-index:99999999;border-radius:50%;}
#chat a.close:hover{background:#cc0000;transform: rotateZ(360deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
@media screen and (max-width: 1500px) { 
.container03#index4{min-height:580px;}
#banner video{min-width:125%;max-width:125%;width:125%;}
} 
@media screen and (min-width: 1800px) 
{ .container03 ul.list-xcx li img{width:50%;height:auto;min-width:200px;}
	.container03#index4{min-height:750px;};
	#banner video{top:-425px;}
} 
.s-fs26 {
    font-size: 26px;
}
.f-ib {
    display: inline-block;
}
.f-fr {
    float: right;
}
.f2-lnk {
    padding: 4px 14px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #3986ff;
    background-color: #3986ff;
    color: #fff;
    transition: all .2s linear;
}
.clear {
    clear: both;
    margin-top: 10px;
}
.clear {
    line-height: 180%;
}
.clear:before, .clear:after {
    display: table;
    line-height: 0;
    content: "";
	clear: both;
}
i {
    display: inline-block;
}
.f-fl {
    float: left;
}
.f2-bg {
	 
	height: 860px;
	color: #fff;
	overflow: hidden;
	background-size: cover;
	background-color: #4f576b
}
.f2-bg.bg_ds {
	background-image: url(../images/bg_ds.jpg)
}
.f2-bg.bg_cy {
	background-image: url(../images/bg_cy.jpg)
}
.f2-bg.bg_ls {
	background-image: url(../images/bg_ls.jpg)
}
.f2-bg.bg_xy {
	background-image: url(../images/bg_xy.jpg)
}
.f2-bg.bg_my {
	background-image: url(../images/bg_my.jpg)
}
.f2-bg.bg_jy {
	background-image: url(../images/bg_jy.jpg)
}
.f2-bg.bg_fc {
	background-image: url(../images/bg_fc.jpg)
}
.f2-bg.bg_hssy {
	background-image: url(../images/bg_hssy.jpg)
}
.f2-bg.bg_zx {
	background-image: url(../images/bg_zx.jpg)
}
.f2-bg.bg_qc {
	background-image: url(../images/bg_qc.jpg)
}
.f2-lul>li {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 16px;
	transition: background .2s linear
}
.f2-lul>li:hover, .f2-lul>li.active {
	background-color: #0166ce;
	border-radius: 2px;
	font-weight: 700
}
.f2-l {
	padding-right: 30px;
	color: #fff;
	border-right: 4px solid #a9a9a9;
	border-color: rgba(255,255,255,.3)
}
.f2-r {
	padding-left: 56px;
	width: 950px;
	min-height: 430px
}
.f2-bd {
	font-size: 16px;
	line-height: 30px;
	margin-top: 17px;
	text-align: left;
}
.f2-rul {
	width: 100%;
	position: absolute;
	top: 160px;
	font-size: 0
}
.f2-rul>li {
	display: inline-block;
	width: 12.5%;
	text-align: center;
	font-size: 12px
}
.f2-item {
	position: relative;
	margin-top: 15px;
	display: none;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}
.f2-item.active {
	display: block
}

.f2-sprite, .f2-bdgj, .f2-czjf, .f2-dc, .f2-ddfx, .f2-dmd, .f2-fx, .f2-fxtx, .f2-gxhyy, .f2-hdyx, .f2-hftx, .f2-hygl, .f2-hyyx, .f2-jck, .f2-jfsc, .f2-jkyl, .f2-jsgl, .f2-jxc, .f2-kfxt, .f2-khgl, .f2-kptcz, .f2-lbfx, .f2-lxhk, .f2-lxtg, .f2-mdgl, .f2-mdrc, .f2-nryy, .f2-ptkj, .f2-qdfx, .f2-scrm, .f2-shhfx, .f2-sjfx, .f2-sjtj, .f2-sjyx, .f2-sjyx1, .f2-sykd, .f2-syxt, .f2-wm, .f2-wzmb, .f2-xcx, .f2-xsgz, .f2-ydbg, .f2-yhmd, .f2-yxcj, .f2-yxgj, .f2-yxhd, .f2-yxtg, .f2-yyps, .f2-yyyd, .f2-znxt, .f2-zpzb, .f2-zqg, .f2-zqk, .f2-zxsc {
	background-image: url('../images/f2_icns.png');
	background-repeat: no-repeat;
	width: 70px;
	height: 70px
}
.f2-bdgj {
	background-position: 0 0
}
.f2-czjf {
	background-position: 0 -75px
}
.f2-dc {
	background-position: 0 -150px
}
.f2-ddfx {
	background-position: 0 -225px
}
.f2-dmd {
	background-position: 0 -300px
}
.f2-fx {
	background-position: 0 -375px
}
.f2-fxtx {
	background-position: 0 -450px
}
.f2-gxhyy {
	background-position: 0 -525px
}
.f2-hdyx {
	background-position: 0 -600px
}
.f2-hftx {
	background-position: 0 -675px
}
.f2-hygl {
	background-position: 0 -750px
}
.f2-hyyx {
	background-position: 0 -825px
}
.f2-jck {
	background-position: 0 -900px
}
.f2-jfsc {
	background-position: 0 -975px
}
.f2-jkyl {
	background-position: 0 -1050px
}
.f2-jsgl {
	background-position: 0 -1125px
}
.f2-jxc {
	background-position: 0 -1200px
}
.f2-kfxt {
	background-position: 0 -1275px
}
.f2-khgl {
	background-position: 0 -1350px
}
.f2-kptcz {
	background-position: 0 -1425px
}
.f2-lbfx {
	background-position: 0 -1500px
}
.f2-lxhk {
	background-position: 0 -1575px
}
.f2-lxtg {
	background-position: 0 -1650px
}
.f2-mdgl {
	background-position: 0 -1725px
}
.f2-mdrc {
	background-position: 0 -1800px
}
.f2-nryy {
	background-position: 0 -1875px
}
.f2-ptkj {
	background-position: 0 -1950px
}
.f2-qdfx {
	background-position: 0 -2025px
}
.f2-scrm {
	background-position: 0 -2100px
}
.f2-shhfx {
	background-position: 0 -2175px
}
.f2-sjfx {
	background-position: 0 -2250px
}
.f2-sjtj {
	background-position: 0 -2325px
}
.f2-sjyx {
	background-position: 0 -2400px
}
.f2-sjyx1 {
	background-position: 0 -2475px
}
.f2-sykd {
	background-position: 0 -2550px
}
.f2-syxt {
	background-position: 0 -2625px
}
.f2-wm {
	background-position: 0 -2700px
}
.f2-wzmb {
	background-position: 0 -2775px
}
.f2-xcx {
	background-position: 0 -2850px
}
.f2-xsgz {
	background-position: 0 -2925px
}
.f2-ydbg {
	background-position: 0 -3000px
}
.f2-yhmd {
	background-position: 0 -3075px
}
.f2-yxcj {
	background-position: 0 -3150px
}
.f2-yxgj {
	background-position: 0 -3225px
}
.f2-yxhd {
	background-position: 0 -3300px
}
.f2-yxtg {
	background-position: 0 -3375px
}
.f2-yyps {
	background-position: 0 -3450px
}
.f2-yyyd {
	background-position: 0 -3525px
}
.f2-znxt {
	background-position: 0 -3600px
}
.f2-zpzb {
	background-position: 0 -3675px
}
.f2-zqg {
	background-position: 0 -3750px
}
.f2-zqk {
	background-position: 0 -3825px
}
.f2-zxsc {
	background-position: 0 -3900px
}
.f2-rul1 { display:none;
	width: 100%;
	padding-top: 10px;
	border-top: 1px dashed rgba(255,255,255,.2);
	position: absolute;
	top: 310px
}
.f2-rul1>li {
	display: inline-block;
	margin-left: 72px;
	position: relative
}
.f2-rul1>li:first-child {
	margin-left: 0
}
.f2-rul1-qr {
	position: absolute;
	background-color: #fff;
	border-radius: 4px;
	bottom: 0;
	height: 0;
	left: 0;
	right: 0;
	text-align: center;
	overflow: hidden;
	opacity: 0;
	filter: Alpha(opacity=0);
	font-size: 12px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}
.f2-rul1-qr>img {
	width: 130px;
	margin: 12px 25px 9px
}
.xiaochengxun>li:hover .f2-rul1-qr {
	height: 390px;
	opacity: 1;
	filter: Alpha(opacity=100);
	color: #595961
}
.f2-rul1>li:hover .f2-rul1-qr {
	height: 180px;
	opacity: 1;
	filter: Alpha(opacity=100);
	color: #595961
}
.f2-lnk {
	padding: 4px 14px;
	text-align: center;
	border-radius: 2px;
	border: 1px solid #3986ff;
	background-color: #3986ff;
	color: #fff;
	transition: all .2s linear
}
.f2-lnk:hover {
	border-color: #0968ff;
	background-color: #0968ff;
	color: #fff
} 
.g-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.m-dl2 {
    padding-top: 100px;
    padding-bottom: 73px;
}
.m-dt-t1 {
    text-align: center;
    font-size: 30px;
}
.m-dt-t2, .m-dt-lnk {
    font-size: 18px;
    text-align: center;
}
.m-dt-t2 {
    margin-top: 15px;
}
.g-mb80 {
    margin-bottom: 80px;
}
.block {
    display: block;
}


/* jafootnav css */
.jafootnav { height: auto; background: #363d45; }

.jafootnav section { position: relative; width: 1400px; margin-right: auto; margin-left: auto; padding-top:40px;}

.jafootnav section .tit { padding-top: 60px; margin-bottom: 60px; font-size: 30px; font-weight: normal; color: #fff;    text-align: left; }

.jafootnav nav { margin-bottom: 60px; overflow: hidden; }

.jafootnav nav dl { float: left; width: 24%; min-width: 130px;      text-align: left;}

.jafootnav nav dl:last-child { margin-right: 0; }

.jafootnav nav dl dt { position: relative; padding-bottom: 30px;  font-size: 20px; color: #fff; }

.jafootnav nav dl dt b { position: absolute; display: block; width: 39%; height: 3px; left: 0; bottom: -2px; background-color: #fff; }

.jafootnav nav dl dt b.b1 { position: absolute; display: block; width: 39%; height: 3px; left: 0; bottom: -2px; background-color: blue; }

.jafootnav nav dl dt b.b2 { position: absolute; display: block; width: 39%; height: 3px; left: 0; bottom: -2px; background-color: green; }

.jafootnav nav dl dt b.b3 { position: absolute; display: block; width: 39%; height: 3px; left: 0; bottom: -2px; background-color: #F90; }

.jafootnav nav dl dt .b1a {   color: #fff; }
.jafootnav nav dl dt .b2a {   color: #fff; }
.jafootnav nav dl dt .b3a {   color: #fff; }


.jafootnav nav dl dd { line-height: 30px;     margin: 0;}

.jafootnav nav dl dd a { font-size: 16px; color: #bbb; }

.jafootnav .copyrightnew { text-align: left; padding-bottom: 10px;}

.jafootnav .copyrightnew p { color: #bbb; line-height: 30px; }

.fweixin { position: absolute; width: 200px; height: auto; top: 160px; right: 30px; }

.fweixin p { color: #bbb; line-height: 24px; text-align: center; }

  
.float_left{ float:left;}
  
.fo_left{   float:left; overflow:hidden; padding-top:30px; }
.fo_right{ width:340px; float:right;}
.fo_left1{ width:300px; float:left;}
.fo_left2{ width:360px; float:left;}
.fo_leftw{ border-bottom:0px solid #46494d; padding-bottom:28px;}
.fo_img{ width:55px;}
.in_click{  padding-bottom:5px; color:#515357;}
.fo_list li{ float:left; margin-right:10px;}
.fo_p{ color:#fff;  padding-top:30px; padding-bottom:20px;}
.fo_p p{ line-height:35px;}
.fo_p img{ padding-right:10px;}
.fo_yq ul li{ float:left; padding:5px 15px 5px 0px;}
.fo_yq ul li a{ color:#6c6c6c;}
.fo_yq ul li a:hover{ text-decoration:underline;}
 
 
/* it 1300 */
@media screen and (max-width: 1300px) { /* jahnav css */
  .jahnav { padding-right: 30px; padding-left: 30px; }
  .jahnav .btnstel { right: 30px; }
  .jahnav nav { left: 250px; }
  .jahnav nav a { padding: 0 15px; }
  /* pslide css */
  .pslide section { width: auto; padding-right: 30px; padding-left: 30px; }
  /* hclient css */
  .hclient section { width: auto; padding-right: 30px; padding-left: 30px; }
  /* jafootnav css */
  .jafootnav section { width: auto; padding-right: 20px; padding-left: 20px; }
  .jafootnav .fweixin { right: 12px; } }
 
/*kefu*/
.kefu{width:50px; position:fixed; _position:absolute; right:0px; top:54%; z-index:200; transform: translateX(0) translateY(-50%);}
.kefu ul li{width:50px; height:50px; margin-top:1px; position:relative;}
.kefu ul li:hover,.kefu ul li:hover .div-item{background-color:#236ffb;}
.kefu .qq,.kefu .shouhou,.kefu .shouqi,.kefu .zhankai,.kefu .call,.kefu .close,.kefu .back,.kefu .share,.kefu .weixin,.kefu ul li .bdsharebuttonbox a{display:block; width:50px; height:50px; float:left; font-size:0; background-image:url(../images/kefu.png); background-repeat:no-repeat;}
.kefu .qq,.kefu .shouhou,.kefu .shouqi,.kefu .zhankai,.kefu .call,.kefu .close,.kefu .back,.kefu .share,.kefu .weixin{position:relative; z-index:10; background-color:#242424;    cursor: pointer;}
.kefu ul li:hover a{background-color:#236ffb;}
.kefu .weixin{background-image:url(../images/weixin.png); background-repeat:no-repeat; background-position:0px 0px;}
.kefu .qq{background-position:0px 0px;}
.kefu .shouhou{background-position:-50px 0px;}
.kefu .call{background-position:-100px 0px;}
.kefu .back{background-position:-150px 0px;}
.kefu .share{background-position:-200px 0px;    padding-top: 0;}
/*.kefu .close{background-color: #236ffb;}*/
.kefu .shouqi{background-position:-446px 0px;}
.kefu .zhankai{background-position:-489px 0px;}
.kefu ul li .div-item{width:200px; height:50px; background-color:#242424; position:absolute; right:-200px; top:0px; cursor:pointer; -webkit-transition: all .5s ease; transition: all .5s ease;}
.kefu ul li:hover .div-item{right:50px;}
.kefu ul li .div-ewm{width:158px; height:175px; padding-top:20px; background-color:#236ffb; position:absolute; right:50px; top:0px; display:none;}
.kefu ul li .div-ewm ul li{width:119px; float:left; text-align:center; margin-left:20px;}
.kefu ul li .div-ewm ul li img{width:100%; display:block;}
.kefu ul li .div-ewm ul li p{font-size:14px; color:#fff; margin-top:5px;}
.kefu ul li:hover .div-ewm{display:block;}
.kefu ul li .h2{display:block; line-height:50px; font-size:14px; color:#fff; padding:0px 25px;}
.kefu ul li .bdsharebuttonbox{width:100%; height:50px;}
.kefu ul li .bdsharebuttonbox a{padding:0px; margin:0px; width:50px; height:50px;}
.kefu ul li .bdsharebuttonbox a:hover{background-color:#565656;}
.kefu ul li .bdsharebuttonbox a.bds_tsina{background-position:-250px 0px;}
.kefu ul li .bdsharebuttonbox a.bds_weixin{background-position:-300px 0px;}
.kefu ul li .bdsharebuttonbox a.bds_tqq{background-position:-350px 0px;}
.kefu ul li .bdsharebuttonbox a.bds_more{background-position:-400px 0px;}

.xudd_content_t {
    height: 660px;
    background: url(../images/index_back_02.png) no-repeat 100% 100%;
    background-size: 100% center;
}
.content_t{
	text-align: center;
	padding-top:55px;
	letter-spacing: 3px;
}
.content_t p{
	color:#fff;
	font-size:28px;
	position: relative;
	text-align: center;
	margin-bottom:16px;
}
.content_t p span{
	position: relative;
	z-index:10;
}
.content_t>span{
	color:#888;
	letter-spacing: 1px;
}
.content_t img{
	position: absolute;
	top:-6px;
	margin-left:-20px;
}
.flex-justify .xianxia{
	color:#faba1f;
}
.first_li-img .flex-justify .xianxia{
	color:#2B90ED;
}
.first_li{
    background-color:#fff;
}
.flex-justify p{
	float:left;
	line-height: 23px;
	color:#999;
}
.first_li-img{
	width:110px;
	margin:0 auto;
	height:190px;
	box-sizing: border-box;
	text-align: center;
	transition: all 1s;
}
.first_li-img-T{
	width:110px;
	margin:0 auto;
	height:190px;
	box-sizing: border-box;
	text-align: center;
}
.first_li-img img:first-child{
	display:none;
}
.first_li-img-T img:last-child{
	display:none;
}
.first_li-img img:last-child{
	display:initial;
}

.lilili{
	width:110px;
	height:110px;
	margin:0 auto;
	padding-top:90px;
}

.first_li-img .lilili{
	border-bottom:1px solid #efefef;
	padding-top:54px;
	padding-bottom:35px;
	transition:all .5s;
}
.first_li-img  .flex-justify p{
	background:url(../images/juhao.png) no-repeat 99% 100%;
	height:170px;
}
.flex-justify{
	margin-top:35px;
}
.flex-justify p:first-child{
	margin-right:3px;
	line-height: 23px;
}
.content_tlists{
	width:1200px;
	margin:0 auto;
	margin-top:26px;
}
.content_tlists ul{
	overflow:hidden;
}
.content_tlists ul li{
	float:left;
	width:167px;
	height:430px;
	border-radius:2px;
}
.content_tlists ul li img{
	width:110px;
	height:110px;
}

.xudd_content_f{
	height:855px;
	
}
.content_f{
	text-align: center;
	letter-spacing: 2px;
	padding-top:60px;
}
.content_f p{
	margin-bottom:14px;
}
.content_f>span{
	color:#888888;
}
.flex-justify {
    display: flex;
    justify-content: center;
}
.flex-justify {
    margin-top: 35px;
}
.writing-mode-rl {
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    text-align: left;
}
.font-16 {
    font-size: 16px;
}
.font-21 {
    font-size: 21px;
}

.hot-article-title {
  /* height: 80px; */
  height: 68px;
  line-height: 68px;
  padding-top: 61px;
  font-size: 30px;
  color: rgba(48, 52, 69, 1);
  text-align: center;
  margin: 0;
}

.hot-article-small-title {
  height: 59px;
  /* line-height: 24px; */
  font-size: 18px;
  color: rgba(48, 52, 69, 1);
  text-align: center;
}

.hot-article-more {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #3091f2;
  border: 1px solid #3091f2;
  border-radius: 2px;
  text-align: center;
  margin: 0 auto;
}

.hot-article-more:hover {
  background: #3091f2;
  color: #fff;
}

.hot-article-list {
  /* padding-top: 30px; */
  /* padding-bottom: 72px; */
  width: 1142.6px;
  overflow: hidden;
  margin: 0 auto;
}

.hot-article-list-item {
  width: 358.2px;
  padding-bottom: 41px;
  margin-right: 22.6px;
  float: left;
}
.hot-article-list-item:hover img{transform: scale(1.15, 1.15);}
.hot-article-list-item .item-img {
  width: 100%;
  height: 238px;
  position: relative;
  overflow:hidden;
}
.hot-article-list-item .item-img img{
  width: 100%;
  height: 100%;
}
.hot-article-list-item .item-img .item-title{
  position: absolute;
  width: 318.2px;
  height: 40px;
  padding: 0 20px;
  background-color: rgba(0,0,0,0.4);
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hot-article-list-item .item-intro{
  position: relative;
  padding-top: 13px;
  line-height: 24px;
  font-size: 14px;
  color: rgba(48, 52, 69, 1);
  height: 48px;
  overflow: hidden;
}
#rendian {
    position: absolute;
    width: 35px;
    height: 18px;
    background: url(../images/800.png?2018) no-repeat;
    z-index: 1;
    float: left;
	    top: -20px;
    left: 75px;
}
.wz {width:100%;height:73px;line-height:73px;border-bottom:1px solid #eeeeee;margin:0px auto;overflow:hidden}
.wz h2 {display:block;font-weight:normal;font-size:16px;width:1200px;text-align:left;margin:0px auto;overflow:hidden}