body {overflow-x：hidden;font-family:"Microsoft Yahei";color:#333;padding:0;margin:0 auto;max-width:1920px;font-size:62.5%;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,form,fieldset,legend,input,button,textarea,hr,pre,code,iframe {margin:0;padding:0}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
a {text-decoration:none;}
a img {border:0;}
ul,p,h1,ul {margin:0;padding:0;}
ul,li {list-style:none;}
input {outline:none;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-transition-delay:99999s;-webkit-transition:color 99999s ease-out,background-color 99999s ease-out;/* -webkit-box-shadow:0 0 0px 1000px white inset;*/}
.clearfix {*zoom:1;}
.clearfix:after {display:table;content:"";clear:both;}
a {color:#666;}
a img {border:0;}
.fl {float:left;}
.fr {float:right;}
.center {text-align:center;}
.p_t20 {padding-top:20px;}
.p_t10 {padding-top:10px;}
.p_t30 {padding-top:30px;}
.p_t60 {padding-top:60px;}
.p_b10 {padding-bottom:10px;}
.p_b20 {padding-bottom:20px;}
.p_b40 {padding-bottom:40px;}
.p_tb60 {padding:60px 0;}
.p_tb15 {padding:15px 0;}
.p_tb20 {padding:20px 0;}
.p_tb30 {padding:30px 0;}
.text_l {text-align:left;}
.text_r {text-align:right;}
button,input {outline:none}
.ov_auto {overflow:hidden;}
.position_r {position:relative;}
.cwhite {color:white;}
.font20 {font-size:20px;}
.f_left {float:left;}
.f_right {float:right;}
.w1100 {width:1100px;margin:0 auto;}
.cred {color:#C80D16;}
.backred {background:#C80D16;}
.w1200 {width:1200px;margin:0 auto;}
.w1000 {width:1000px;margin:0 auto;}
.mr0 {margin-right:0px !important;}
.ml0 {margin-left:0px !important;}
.show {display:block;}
.hide {display:none;}
.nav-ul{width:calc(100% - 335px)}
.nav-ul li {float:left;line-height:125px;padding:0px 1%;font-size:16px;width:14.66%;}
.nav-ul li a {color:#666666;display:inline-block;width:100%;text-align:center;}
.nav-ul li a:hover,.navAhover {background:#C80D16;color:white !important;}
.logo {display:inline-block;margin-top:18px;width: 235px;}
.menu{background-color: #a30008;padding: 8px;border-radius: 3px;width: 30px;margin-top: 18px;display: none;}
.nav-ul .close{width: 40px;display: none;}


.navAhover {background:#C80D16;color:white !important;}
.logo {display:inline-block;margin:16px 0;}
/*banner开始*/
.index-banner {overflow:hidden;}
.content {overflow:hidden;}
.banner-inner {width:100%;position:relative;text-align:center;}

.banner-title strong {text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:48px;color:rgba(255,255,255,0.4);}
.banner-title {padding-bottom:20px;}
.banner-contetent {width:656px;height:200px;position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-300px;z-index:2px;}
.banner-contetent hr {border:1px solid rgb(58,56,60);}
.banner-strong {font-family:微软雅黑;font-size:80px;margin-bottom:20px;}
.banner-strong .span1 {color:rgb(200,13,22);line-height:140%;}
.banner-strong .span2 {color:#ffffff;line-height:140%;}
.banner-height .banner-span1 {font-size:24px;font-family:SimHei;color:rgb(255,255,255);}
.banner-height .span-line {display:inline-block;border:1px solid white;font-size:24px;font-family:SimHei;color:rgb(255,255,255);width:70px;}
.banner-height {margin-top:30px;}
.banner-bottom-wrap {bottom:0px;background:#3E3E3E;height:65px;width:100%;position:absolute;}
.banner-bottom-inner {text-align:left;}
.banner-bottom-l,.banner-bottom-r {height:65px;line-height:65px;}
.banner-bottom-l span.span1 {font-size:14px;color:rgb(119,119,119);font-family:微软雅黑;vertical-align:middle;}
.banner-bottom-l img,.banner-bottom-l span.span2 {vertical-align:middle;}
.banner-bottom-l span.span2 {font-size:18px;font-family:微软雅黑;color:rgb(255,255,255);}
.f_right.banner-bottom-r input {width:318px;height:26px;background-color:#333030;font-family:Microsoft YaHei;font-size:14px;color:#636060;margin-top:1px;border:#fff 0px solid;padding-left:8px;padding-right:5px;line-height:24px;height:26px;vertical-align:middle;border:#333030 1px solid;}
.f_right.banner-bottom-r span {background:#c80d16;border:#fff 0px solid;display:inline-block;width:50px;cursor:pointer;color:#fff;font-family:Microsoft YaHei;font-size:12px;font-weight:normal;text-align:center;vertical-align:middle;height:28px;line-height:28px;margin-left:-2px;}
.f_right.banner-bottom-r button {background:#c80d16;border:#fff 0px solid;display:inline-block;width:50px;cursor:pointer;color:#fff;font-family:Microsoft YaHei;font-size:12px;font-weight:normal;text-align:center;vertical-align:middle;height:28px;line-height:28px;margin-left:-2px;}

/*服务项目开始*/
.server-project {margin-top:50px;}
.server-title {font-size:30px;}
.server-title span.server-line {width:36%;display:inline-block;border-bottom:1px solid #ccc;vertical-align:middle;}
.server-title span.span-project {color:#c80d16;}
.server-title span.span-project1 {font-family:Arial,Helvetica,sans-serif;font-size:30px;color:rgb(214,214,216);}
.server-title {text-align:center;}
.server-title p.p1 {font-size:14px;font-family:微软雅黑;color:rgb(153,153,153);letter-spacing:0px;}
.server-title p.p2 {font-size:14px;font-family:微软雅黑;color:rgb(153,153,153);letter-spacing:0px;line-height:144%;}
.div-line {border-top:4px solid #C80D16;width:42px;margin:10px auto;}
.server-list li {float:left;width:16%;padding:20px 0.33%;text-align:center;}
.server-list li:last-child {margin-right:0;}
.server-list li span {color:#333;font-size:14px;display:inline-block;padding:10px 0px;}
.server-li-div {width:100%;height:150px;/*overflow:hidden;*/position:relative;transition:0.6s;transform-style:preserve-3d;perspective:1000;}
.server-li-div:hover {transform:rotateX(180deg);}
.server-li-div .img1,
.server-li-div .img2 {position:absolute;height:150px;top:0px;left:50%;margin-left:-75px;backface-visibility:hidden;}
.server-li-div .img1 {z-index:2;}
.server-li-div .img2 {transform:rotateX(180deg);}
.server-li-div:hover .img2 {/*z-index:3;*/}
.eamaple-wrap {background-color:rgb(204,204,204);background:url(../img/index/bg.jpg) no-repeat;}
.eamaple {margin-top:20px;padding-top:86px;}
.eamaple-content {margin-top:20px;text-align:center;}
.eamaple-content li {float:left;width:calc(29.8% - 42px);padding:20px;border:#D9D9D9 1px solid;margin-right: 3.5%;}
.eamaple-content li:hover {border-color:#c80d16;}
.eamaple-content li:nth-child(3){margin-right: 0;}
.eamaple-content li:nth-child(4){
	/*display: none;*/
	
}
.eamaple-content li img{width: 100%;}
.more {width:213px;height:50px;line-height:50px;margin:50px auto;background-color:rgba(29,29,29,1);cursor:pointer;display:inline-block;text-align:center;color:white;font-size:16px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;transition:0.6s}
.more:hover {background:#C63039;}
.about {width:100%;background-image:url(../img/index/about_fvcx.jpg);background-color:rgb(204,204,204);background-position:50% 0%;}
.about-l {position:relative;width:30%;height:200px;}
.about-l-content {position:absolute;}
.about-l-content .spanc {font-weight:bold;font-family:微软雅黑;font-size:28px;color:rgb(255,255,255);}
.about-l-content i{font-style:normal;}
.about-l-content {padding:20px;text-align:center;top:50%;margin-top:-54px;right:100px;}
.about-l-content span {display:block;letter-spacing:2px;}
.about-l-content .spane {font-family:Arial,Helvetica,sans-serif;font-size:18px;color:rgb(238,133,133);margin-top:10px;}
.about .about-r {padding-left: 0;width: 70%;min-height: 144px;padding-bottom: 10px;}
.about-r-content {margin-top:40px;}
.about-r-content .div-line {border:none;border-top:4px solid #c80d16;height:0;width:42px;margin-left:20px;}
.about-r .p1 {font-size:20px;color:rgb(0,0,0);font-family:微软雅黑;margin-top:20px;}
.about-r .p2 {font-family:Arial,Helvetica,sans-serif;color:rgb(153,153,153);font-size:12px;margin-top:6px;}
.about-r .p3 {font-size:14px;font-family:微软雅黑;line-height:173%;color:rgb(102,102,102);margin-top:20px;}
/*.about-r span {transition:color 0.4s ease 0s;color:rgba(153,153,153,1);font-family:arial;font-size:12px;font-weight:normal;display:inline-block;margin-top:10px;cursor:pointer;}
.about-r span:hover {color:rgba(200,13,22,1);}
*/
.newscenter {margin-top:30px;}
.newscenter {margin-top:90px;}
.server-title.news-title .server-line {width:38.8%;}
.news-content {background:url(../img/index/pic.jpg);height:360px;margin-bottom:50px;}
ul.news-ul {margin-left:370px;}
ul.news-ul li {padding-left:30px;position:relative;height:54px;line-height:54px;}
ul.news-ul li img {position:absolute;left:10px;top:50%;margin-top:-4px;}
ul.news-ul li a {float:left;display:inline-block;font-family:Microsoft YaHei;font-size:14px;color:#5a5a5a;width:calc(100% - 130px);overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
ul.news-ul li a:hover {color:#C80D16;}
ul.news-ul li span {float:right;display:inline-block;font-family:Microsoft YaHei;font-size:13px;color:#acacac;font-weight:normal;text-decoration:none;}
ul.news-ul li p {border-bottom:1px dotted #CCCCCC;}
.footer-wrap {background:url(../img/index/bottom.jpg);}
.footer-left {color:white;width:320px;}
.footer-left .p1 {font-size:18px;margin-bottom:30px;}
.footer-left .p2 {font-size:14px;letter-spacing:0px;line-height:199%;}
.share div {display:inline-block;width:39px;height:39px;margin-right:20px;margin-top:20px;text-align:center;}
.share div img {position:absolute;transition:0.5s;}
.share img.img1 {z-index:2;}
.share img.img12 {width:0px;height:0px;}
.share div:hover .img2 {width:39px;height:39px;z-index:3;}
.footer-right {width:calc(95% - 320px);margin-left:5%;}
.input-div {display:inline-block;}
.input-div p {color:#5a5a5a;font-size:14px;margin:10px 0px;}
.input-div input,.input-div textarea {display:inline-block;width:320px;height:40px;border:#535353 1px solid;color:#cccccc;background-color:transparent}
.footer-inner.w1100.clearfix {padding:66px;}
.liuyan.input-div {margin-top:10px;}
.yourname.input-div {margin-right:30px;}
.fonter-tijiao {display:inline-block;width:50px;background-color:#ed3c46;border-style:solid;border-width:0;line-height:40px;height:40px;width:120px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;text-align:center;color:#fff;margin-top:15px;transition:0.5s}
.fonter-tijiao:hover {background:#F19DA1;}
.copyright {width:274px;height:26px;line-height:26px;overflow:hidden;background:url(../img/index/sitestar_copyright_bg.png) no-repeat;margin:auto;color:white;text-align:center;position:absolute;bottom:10px;left:50%;margin-left:-137px;}
.footer-inner {position:relative;}
/*公司页面左边部分*/
.box{padding: 40px 0;}
.box .public-l {width:260px;}
.public-title-font span {display:block;letter-spacing:2px;}
.public-title-font .spanc {font-weight:bold;font-family:微软雅黑;font-size:28px;color:rgb(255,255,255);}
.public-title-font .spane {font-family:Arial,Helvetica,sans-serif;font-size:18px;color:rgb(238,133,133);margin-top:10px;}
.public-title {position:relative;}
.public-title-font {position:absolute;text-align:center;top:25px;left:80px;}
.public-list {background:#D33D45;padding:10px 10px;width:191px;margin-top:-3px;}
.public-list a {display:inline-block;width:100%;text-align:center;height:50px;line-height:50px;color:white;font-size:14px;}
.silderActive {border-bottom:1px solid #C70A14;}
.box .box_r {padding-left:40px;width:calc(100% - 300px);}
.box .about-r img{max-width: 100%;}
.public-r-title p,.public-r-title span {font-size:14px;font-family:微软雅黑;color:rgb(102,102,102);}
.threeline {background:url(../img/about/xgray_line03.png);height:7px;width:100%;margin-top:10px;}
.arctle p {font-size:14px;font-family:微软雅黑;color:rgb(51,51,51);line-height:159%;text-indent:2em;margin:10px 0px;}
.arctle h4 {font-family:微软雅黑;font-size:18px;color:rgb(0,0,0);line-height:140%;margin:20px 0px;text-align:center;font-weight:100;}
/*公司页面左边结束*/
/*新闻页面开始*/
.mode.mode-1 {border-bottom: 1px dashed #e2e2e2;padding: 10px;}
.mode span.time {color:rgb(153,153,153);display:block;padding:6px 0px;}
.mode a {display:block;font-family:Microsoft YaHei;font-size:14px;color:#5a5a5a;font-weight:bold;text-decoration:none;line-height:140%;}
.mode .des {display:inline-block;font-family:Microsoft YaHei;font-size:12px;color:#666666;font-weight:normal;text-decoration:none;line-height:140%;}
.list-number a {border:1px solid #000;padding:5px 10px;/*margin:2px;*/    color:#000;text-decoration:none;}
.list-number .current {border:1px solid #000;padding:2px 5px;font-weight:bold;margin:2px;color:#FFF;background-color:#000;}
.list-number {text-align:center;margin-top:10px;}
.list-number li {display:inline-block;margin:0 2px;border:}
.mode a:hover {color:#D33D45;}
#mode1 {display:none;}
.news-r-content {display:none;}
.box .article-content{line-height: 28px;}
.box .article-content img{max-width: 100%;}
.list-number a:hover {/*border:1px solid #000;padding:2px 5px;font-weight:bold;*/    color:#FFF;background-color:#000;}
.page .pageItemActive a{border:solid thin rgba(29,29,29,1); background-color:rgba(29,29,29,1);color:white;}
.page {list-style:none;}
.page>li {float:left;padding:5px 10px;cursor:pointer;}
.page .pageItem {border:solid thin #DDDDDD;margin:5px;}
.page .pageItem:hover {border:solid thin #000000;background-color:#000000;color:white;}
.page .pageItemDisable {border:solid thin #DDDDDD;margin:5px;background-color:#DDDDDD;}

/*新闻页面结束*/
/*设计页面开始*/
li.design-li {float:left;width:calc(33.33% - 28px);height:199px;text-align:center;margin:12px 5px 20px;padding:8px;border:1px solid #eee;}
p.designfont {color:gray;margin-top:4px;letter-spacing:1px;}
li.design-li:hover {border:1px solid #D33D45;}

/*关于我们*/.produce-font {margin-top:40px;}
.produce-font h3,.produce-font p {text-align:center;}
.produce-font h3 {font-size:18px;color:rgb(199,10,20);margin-bottom:10px;}
.produce-font p {color:rgb(85,85,85);font-family:微软雅黑;font-size:16px;line-height:182%;}
.iframewrap {width:700px;margin:auto;margin-top:20px;}
.iframewrap iframe {width:100%;height:400px;}
h4.article-title {margin-top:20px;text-align:center;line-height:140%;margin-bottom:10px;font-family:Microsoft YaHei;font-size:16px;color:#c70a14;font-weight:bold;}
p.article-author {display:block;font-family:Microsoft YaHei;font-size:12px;color:#5A5A5A;font-weight:normal;text-align:center;margin:16px 0px;}
.titlebg {display:block;font-family:Microsoft YaHei;font-size:12px;color:#868686;font-weight:normal;text-decoration:none;line-height:28px;background:#F5F5F5;border-style:solid solid solid solid;border-color:#E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;border-width:1px 1px 1px 1px;padding:5px 20px;margin:20px 0px;}
.article-content p {display:block;font-family:Microsoft YaHei;font-size:12px;color:#5A5A5A;font-weight:normal;text-decoration:none;line-height:150%;}
.article-content h4 {font-family:Microsoft YaHei;font-size:12px;color:#5A5A5A;margin-top:10px;}
.prearticle,.nextarticle {color:gray;margin-bottom:10px;}
.prearticle {margin-top:20px;}
/*-----------------解决方案响应式------------------*/
@media only screen and (max-width:1100px) {
	.w1100 {width:96%;padding:0 2%;}
	.w1000 {width:100%;}
	.box{padding: 40px 2%;}
	.footer-inner.w1100.clearfix{padding: 5%;width: 90%;}
	.eamaple{padding-top: 50px;}
}
@media only screen and (max-width:1024px) {
	.logo{width: 200px;margin: 11px 0;}
	.nav-ul{width: calc(100% - 200px);}
	.nav-ul li{line-height: 100px;font-size: 14px;}
	.server-title span.server-line{display: none;}
}
@media only screen and (max-width:900px) {
	.server-li-div,
	.server-li-div .img1,
	.server-li-div .img2 {height: 120px;}
	.server-li-div .img1,
	.server-li-div .img2{margin-left: -60px;}
	.eamaple-content li {float:left;width:calc(31% - 22px);padding:10px;}

}
@media only screen and (max-width:769px) {
	body {font-size:60%;}
	.banner-inner .bj{height: 500px;}
	
	.server-title span.server-line,
	.server-title p.p1,
	.server-title p.p2,
	.server-title .div-line{display: none;}
	.server-title span.span-project1{width: 100%;display: block;margin-top: 5px;}
	.more{margin: 20px auto;}
	.about{background: none;}
	.about-l{width: 100%;height: 50px;}
	.about-l .about-l-content{position: relative;width: 100%;text-align: center;right: 0;top:0;padding: 80px 0 0;}
	.about-l .about-l-content .spanc{color: #c80d16;font-weight: normal;}
	.about-l .about-l-content i{color: #333;}
	.about-l .about-l-content .spane{color: rgb(214,214,216);}
	.about .about-r{width:90%;padding: 0 5%;}
	.about .about-r-content{margin-top: 80px;width: 100%;}
	.about .about-r-content .div-line{display: none;}
	.about .about-r-content p:last-child{text-align: center;}
	.about .about-r-content a{width:213px;height:50px;line-height:50px;margin:20px 0;background-color:rgba(29,29,29,1);cursor:pointer;display:inline-block;text-align:center;color:white;font-size:16px;border-radius:30px;}
	.newscenter{margin-top: 30px}
	.news-content{margin-top: 20px;}
}
@media only screen and (max-width:740px) {
	.box{padding: 0 0 40px;width: 100%;}
	.logo{width: 200px;margin:0;}
	.menu{display: block;}
	.nav-ul{width: 100%;position: fixed;top:0;left:0;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 999;display: none;}
	.nav-ul ul{margin-top: 40px;}
	.nav-ul li{width: 100%;line-height: 45px;display: block;padding: 0;text-align: center;border-bottom: 1px solid #FFF;}
	.nav-ul li:last-child{border: 0;}
	.nav-ul li a{background-color: #000;color: #FFF;}
	.nav-ul li a:hover,
	.nav-ul li a.navAhover {background-color:#C80D16;}
	.nav-ul .close{width: 32px;display: block;margin: 4px;}
	.banner-inner .bj{height: 360px;}
	.banner-title strong{font-size: 24px;}
	.banner-strong{font-size: 42px;}
	.banner-height .banner-span1{font-size: 18px;}
	.banner-bottom-l span.span2{font-size: 16px;}
	.banner-bottom-r{display: none;}
	.banner-contetent{width: 100%;left: 0;margin-left: 0;}
	.server-title{font-size: 28px;}
	.server-title span.span-project1{font-size: 24px;}
	.eamaple-content li {float:left;width:calc(46% - 22px);padding:10px;border:#D9D9D9 1px solid;margin:0 2% 10px;}
	.eamaple-content li:hover {border-color:#c80d16;}
	.eamaple-content li:nth-child(3){margin-right: 2%;}
	.eamaple-content li:last-child{display: block;}
	.news-content{background: none;}
	.news-content ul.news-ul{margin: 0;}
	.footer-left{width: 100%;}
	.footer-right{width: 100%;margin: 0 0 30px 0;}
	.footer-right .input-div{width: 100%;margin-right: 0;}
	.input-div input, .input-div textarea{width: calc(100% - 2px);}
	.fonter-tijiao{margin-left: calc(50% - 60px);}
	.box .public-l{width: 100%;}
	.box .public-l .public-title{width: 100%;background: url(../img/about/title.gif) no-repeat;background-size: 100% 100%;position: relative;}
	.box .public-l .public-title img{display: none;}
	.box .public-l .public-title .public-title-font{position: relative;top: 0;padding: 20px 0;left: 0;}
	.box .public-l .public-title .public-title-font .spanc{font-weight: normal;font-size: 24px;display: block;position: relative;padding-bottom: 10px;}
	.box .public-l .public-title .public-title-font .spanc:before{position: absolute;bottom: 0;left: 50%;margin-left: -100px; width:200px;height: 1px;background-color: #5a5a5a;display: block;box-sizing: border-box;content: '';}
	.box .public-l .public-title .public-title-font .spane{color: #5a5a5a;}
	.box .public-l .public-list{background-color: #FFF;width:calc(100% - 20px);padding: 10px 10px 0 10px;}
	.box .public-l .public-list li {background-color: #D33D45;width: 32%;margin-right: 2%;float: left;display: inline-block;margin-bottom: 8px;}
	.silderActive{border: 0;}
	.box .public-l .public-list li:nth-child(3n){margin-right: 0;}
	.box .box_r{width:96%;padding: 0 2%;}
	.box .box_r .public-r-title{display: none;}
	.mode.mode-1{padding: 5px 0;}
	.mode h4{float: left;width: calc(100% - 75px);}
	.mode a{font-weight: normal;line-height: 28px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.mode span.time{display: inline-block;width: 70px;text-align: center;float: right;}
	.mode .des{display: none;}
}
@media only screen and (max-width:500px) {
	body {font-size:60%;}
	.server-list li {float:left;width:48%;padding:20px 1%;text-align:center;margin-right:0;}
	.server-list li:nth-child(2n) {margin-right:0;}
	.server-li-div,
	.server-li-div .img1,
	.server-li-div .img2 {height: 120px;}
	.server-li-div .img1,
	.server-li-div .img2{margin-left: -60px;}
	li.design-li {float:left;width:calc(48% - 18px);margin:10px 4% 10px 0;height:unset;}
	li.design-li:nth-child(2n){margin-right: 0;}

}
@media only screen and (max-width:380px) {}
@media only screen and (max-width:320px) {}