@charset "utf-8";

*{margin: 0; padding: 0;}
body {font-size: 14px;background:#fff; font-family: "Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";}
.w {max-width:1200px; margin: 0 auto;}
.w.o {overflow: hidden;}
.header {height: 85px;}
.header .w{height: 85px;}
.header .logo{float:left; width: 512px; height: 60px; margin: 13px 0 0;}
.header .logo img{width:100%;}
.header .nav-list{float:right; list-style: none; height: 85px;}
.header .nav-list .item{float:left;}
.header .nav-list .item .nav-item{display: inline-block; padding: 0 13px; height: 85px; line-height: 85px; color: #333; font-size: 14px; text-decoration: none;}
.header .nav-list .item .nav-item:hover,.header .nav-list .item .nav-item.active{color: #f08342;}
.header .nav-list .item .item-cont{position: absolute; z-index: 2; background:rgba(38, 43, 55, 0.95); padding:16px 0; margin-left:-20px; display: none;}
.header .nav-list .item .item-cont .cont-list{text-align: center; display: block; text-decoration: none; height: 40px; line-height: 40px; display: block; font-size: 14px; color: #fff; width:120px;}
.header .nav-list .item .item-cont .cont-list:hover{color: #f08342;}
.header .nav-list .item .item-cont .cont-list:last-child{border-bottom: 0;}
.header .nav-list .item .item-cont .curr{position: absolute; left: 38%; top: -11px; }
.header .nav-list .item .product-list{position: absolute; z-index: 2; box-sizing: border-box; background:rgba(38, 43, 55, 0.95); width: 100%; min-width:1200px; left:0; display: none;padding-left:12%; padding-top:20px; padding-bottom:20px;}
.header .nav-list .item .product-list .cont-list{float:left; width:275px;}
.header .nav-list .item .product-list .cont-list .in{margin: 0 20px 0 0;}
.header .nav-list .item .product-list .curr{position: absolute; left:56.5%; top: -11px;}
.header .nav-list .item .product-list .mark{text-align: center;}
.header .nav-list .item .product-list .mark a{height: 55px; line-height: 55px; font-size: 16px; color: #f08342; text-align: center;}
.header .nav-list .item .product-list .pro-case{height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-decoration: none; text-align: center; display: block; margin: 0 0 15px 0; background-color: #3d4350;}
.header .nav-list .item .product-list .pro-case:hover{background-color: #f08342; color: #fff;}
.mark5{padding: 0px 0 60px 0; font-size:30px; color: #666; text-align: center;}

.pages {padding-top: 15px; text-align: center;}
.pages span,.pages a{font-size:18px; text-decoration: none; display: inline-block; color: #666; margin: 0 10px; font-weight: 300;}
.pages a.text{height: 30px; line-height: 30px; padding: 0 15px;}
.pages .group{ display: inline-block; height:30px; margin:0 0 -10px 15px;border:none;!important;}
.pages .group ul li {display: inline-block; border:1px solid #d2d2d2; margin:1px; height: 30px; line-height: 30px; padding: 0 5px; text-decoration: none;font-size:15px; color: #666;!important;}
.pages .group ul li a{text-decoration:none;font-size: 15px; color:#666;!important;}
.pages .group ul .active{text-decoration:none;background: #008CE1; color: #fff;!important;}
.pages .group span{display: inline-block; height: 30px; line-height: 30px;font-size:15px;border:none;!important;}
.pages .group{ display: inline-block; height:30px; margin:0 0 0 15px;!important;}
.pages .group a{display: inline-block; height: 30px; line-height: 30px; text-decoration: none;font-size:15px; color: #666;border:none;!important;}
.pages .group li:hover,.pages .group li.active{background: #008CE1; color: #fff;!important;}
.pages .group span{display: inline-block; height: 32px; line-height: 32px;font-size:15px;!important;}
.pages input{width: 50px; border:1px solid #ddd; height: 33px; line-height: 33px; box-sizing: border-box; padding: 5px 8px; text-align: center;}
.pages .jump{background-color: #f90; color: #fff; padding: 0 10px; height: 30px; line-height: 30px;}

.body-container .works .ad {width: 100%; height: 560px; background: url("../images/beijing.png") no-repeat center 0; background-size: auto 100%;}
.body-container .works .ad .content {position: relative; width: 1200px; height: 100%; margin: 0 auto;}
.body-container .works .ad .content .title {padding-top: 55px; font-size: 36px; color: #fff; text-align: center;}
.body-container .works .ad .content .yuan {position: absolute; top: 110px; left: 20px;}
.body-container .works .ad .content .yuan .bg {width: 170px; height: 170px; border-radius: 50%; background-color: #ff7000; opacity: 5; transition: transform 1s ease-out; transform: rotateY(0deg);}
.body-container .works .ad .content .yuan .wenzi {position: absolute; top: 0; left: 0; width: 170px; height: 170px; font-size: 26px; font-weight: 700; color: #fff; text-align: center; line-height: 170px; transition: transform 3s ease-out; transform: rotateY(0deg);}
.body-container .works .ad .content .yuan .describe {padding-top: 20px; font-size: 18px; color:#ff7000; text-align: center;}
.body-container .works .ad .content .yuan:hover .bg {margin: -2px; background-color: #fff; opacity: 1; border: solid 2px #ff7000; transition: background-color .1s ease-out; transition: transform 1s ease-out; transform: rotateY(180deg);}
.body-container .works .ad .content .yuan:hover .wenzi {color: #ff7000; transition: color .1s ease-out; transition: background-color .1s ease-out; transition: transform 1s ease-out; transform: rotateY(-360deg);}
.body-container .works .ad .content .yuan-2 {top: 215px; left: 350px;}
.body-container .works .ad .content .yuan-3 {top: 170px; left: 700px;}
.body-container .works .ad .content .yuan-4 {top: 170px; left: 1040px;}
.body-container .works .ad .content .liaojie {position: absolute; bottom: 50px; left: 50%; width: 150px; height: 40px; margin-left: -75px; border: solid 3px #ff7000; text-align: center; line-height: 40px; font-size: 20px; color: #ff7000; cursor: pointer;}
.body-container .works .ad .content .liaojie:hover {background-color: #fff;}


.footer { background-color: rgba(38, 43, 55, 0.95);}
.footer .aohuan{float:left; margin: 60px 0 0 0;}
.footer .aohuan .name{display: block; color: #fff; font-size: 16px; margin: 0 0 16px 0;}
.footer .aohuan .foot-logo{display: block; overflow: hidden; line-height: 0;}
.footer .aohuan .foot-logo img{width: 100%;}
.footer .server-group{margin: 60px 0 0 225px; overflow: hidden;}
.footer .server-list{float:left; width: 25%; list-style: none;}
.footer .server-list .item{color: #fff; font-size: 16px;}
.footer .server-list .item.first{margin: 0 0 30px 0;}
.footer .server-list .item a{display: block; height: 30px; line-height: 30px; color: #dedede; text-decoration: none; font-size: 14px;}
.footer .server-list .item a:hover{color:#ff7000;}
.footer .hr{background-color: #313131; height: 1px; border-bottom: 1px solid #838383; margin: 50px 0 20px 0;}
.footer .nav-list{height: 20px; line-height: 20px; margin: 0 0 20px 0;}
.footer .nav-list .item{text-decoration: none; font-size: 14px; margin: 0 15px 0 0; color: #ddd;}
.footer .link-list{height: 26px; line-height: 26px;}
.footer .link-list .item{text-decoration: none; font-size: 14px; margin: 0 15px 0 0; color: #ddd;}
.footer .copy{height: 26px; line-height: 26px;  color: #ddd; font-size: 14px;}


/*qqkf*/
.kefu{ position:fixed; top:140px; right:93%;  width:110px; z-index:10; overflow:hidden;}
.phonetop{ width:111px; height:8px; background:url(../images/phonetop.png) no-repeat;}
.phonecon{ width:109px;  border-left:1px solid #DBDBDB; border-right:1px solid #DBDBDB; background:url(../images/phonebg.png) repeat;}
.phonebot{ width:111px; height:9px; background:url(../images/phonebot.png) no-repeat;}
.qqzx{ text-align:center; margin-top:6px; color:#0484cd; font-family:"宋体";}
.phonecon h2{ text-align:center; margin-bottom:10px;}
.contop{ width:109px; border-bottom:1px solid #DBDBDB;}
.phonecon p{ font-size:13px; color:#e66d15; text-align:center; margin-top:8px;}
.phonecon .tes{ color:#000; font-weight:bold;}
.fhtop a{ text-align:center; color:#333; font-size:12px;}