.layout{max-width:1200px; margin:0 auto;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix{zoom:1;}
.clearfix:after{content:"";clear:both;height:0;visibility:hidden;display:block;}
@font-face {
    font-family:'AMGDT';
    src: url('../fonts/ostrich-regular-webfont.eot');
    src: url('../fonts/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
        /*url('../fonts/hyziti.woff') format('woff'),*/
        url('../fonts/hyylti.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/*header*/
#warpper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; height:66px; position:fixed; _position:absolute; left:0; top:0; z-index:1000; background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.header .layout{max-width:1200px;}
.header .logo{float:left; padding-top:14px;}
.header .logo a{display:block; width:117px; height:36px; font-size:0; background-image:url(../images/logo.png); background-position:center center; background-size:contain; background-repeat:no-repeat;}
.nav{float:right; position:relative; z-index:1;}
.nav ul li{float:left; position:relative; text-align:center; height:66px; margin-right:40px;}
.nav ul li>a{font-size:16px; color:#545454; display:block; line-height:66px;}
.nav ul li:hover>a,.nav ul li.on>a{color:#ff9900;}
.nav ul li .nav-body{width:160px; position:absolute; left:50%; top:66px; z-index:20; margin-left:-80px; background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07); display:none; text-align:center;}
.nav ul li .nav-body a{color:#666; font-size:14px; display:block; padding:10px 5px; border-bottom:1px solid #ebebeb; background-color:#fff; word-wrap:break-word;}
.nav ul li .nav-body a:hover{color:#ff9900; background-color:#f6f6f6;}
.nav ul li .serviceNav{width:660px; margin-left:-277px; overflow:hidden; padding:20px;}
.nav ul li .serviceNav dl{width:25%; float:left;}
.nav ul li .serviceNav dl dt{font-size:16px; font-weight:bold; color:#333; text-align:left; padding:0px 5px 5px 5px;}
.nav ul li .serviceNav dl dd a{border-bottom:none; text-align:left;}
.nav > i{display:block; position:absolute; bottom:0; left:0; z-index:1; width:auto; height:1px; background-color:#ff9900; -webkit-transition: all .5s; transition: all .5s;}
.btn-m-list{width:55px; height:55px; background-color:#ff9900; cursor:pointer; position:absolute; right:0; top:0; z-index:1020; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); display:none;}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width:21px; height:3px; background-color:#fff; display:block; position:absolute; z-index:5; top:16px; left:50%; margin:0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top:25px;}
.btn-m-list .burger-3{top:33px;}
.btn-m-list.on .burger-1{top:25px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg);}
.btn-m-list.on .burger-2{top:25px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top:25px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000); display:none; z-index:2000;}
.mob-nav{width:60%; height:100%; position:fixed; _position:absolute; top:0; left:-60%; overflow-y:auto; overflow-x:hidden; background-color:#fff; z-index:3000; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease;}
.mob-nav.on{left:0px; visibility:visible; opacity:1;}
.mob-nav .neirong-close{width:24px; height:24px; background:url(../images/nav_close.png) no-repeat 7px center; position:absolute; top:10px; right:10px; font-size:0; visibility: hidden;}
.mobilelogo{padding:10px; background-color:#ff9900;}
.mobilelogo img{width:20%;}
.mob-nav.on .neirong-close{visibility:visible;}
.mob-nav .subtab{margin-top:50px;}
.mob-nav .subtab>li{border-bottom:1px solid #333; position:relative; transform: translateX(10rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1){transition-delay:150ms;}
.mob-nav .subtab>li:nth-child(2){transition-delay:250ms;}
.mob-nav .subtab>li:nth-child(3){transition-delay:350ms;}
.mob-nav .subtab>li:nth-child(4){transition-delay:450ms;}
.mob-nav .subtab>li:nth-child(5){transition-delay:550ms;}
.mob-nav .subtab>li:nth-child(6){transition-delay:650ms;}
.mob-nav .subtab>li:nth-child(7){transition-delay:750ms;}
.mob-nav .subtab>li:nth-child(8){transition-delay:850ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display:block; padding:10px; font-size:14px; color:#666; background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li.on .tlink{color:#000;}
.mob-nav .subtab li .subbtn{/*background-image:url(../images/moli.png);*/}
.mob-nav .subtab li.on .subbtn{/*background-image:url(../images/moli_h.png);*/ background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.mob-nav ul li .mlink{display:block; padding:10px; font-size:14px; color:#fff; border-top:1px solid #333; background-color:#ff9900;}
.mob-nav ul li .menuer{width:100%; overflow:hidden; display:none;}
.mob-nav ul li .menuer a{display:block; padding:10px; font-size:14px; color:#fff; border-top:1px solid #ccc; background-color:#666;}

/*banner*/
.banner{overflow:hidden; clear:both; width:100%; max-height:684px; position:relative; z-index:1;}
.banner .swiper-button-prev,.banner .swiper-button-next{visibility:hidden; opacity:0; display:none;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{visibility:visible; opacity:1;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{display:none;}
.banner:hover .swiper-button-prev{left:80px;}
.banner:hover .swiper-button-next{right:80px;}
.banner .bannerimg{width:100%; position:relative;}
.banner .bannerimg img{display:block;}
.banner .banntext{width:100%; height:100%; position:absolute; left:0; top:0;}
.banner .swiper-container .swiper-pagination{position:absolute; left:0; bottom:20px;}
.banner .swiper-pagination-bullet{display:inline-block; width:10px; height:10px; background-color:#fff; border-radius:50%; font-size:0; opacity:0.5; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ff9900;}
.banner .swiper-button-prev,.banner .swiper-button-next{position:absolute; top:50%; margin-top:-28.5px; z-index:10; background:none;}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next{right:23px;}
.banner .bannext,.banner .banprev{display:block; width:50px; height:50px; position:relative; background:url(../images/arrowbtn1.png) no-repeat;}
.banner .bannext{background-position:-50px 0px;}
.banner .banprev{background-position:0px 0px;}
.banner .bannext::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ff9900;
	background-image:url(../images/arrowbtn3.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.banner .bannext:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.banner .banprev::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ff9900;
	background-image:url(../images/arrowbtn2.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.banner .banprev:hover::after{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/*index*/
.contain{width:100%; padding-top:66px;}
.section01{width:100%; background-color:#fff; padding:70px 0px 110px 0px; background-image:url(../images/section01.jpg); background-size:contain; background-repeat:no-repeat;}
.indextitle{text-align:center; max-width:660px; margin:0 auto;}
.indextitle h2{font-size:26px; color:#333; font-weight:bold;}
.indextitle p{font-size:15px; color:#999; margin-top:10px;}
.inservice{width:100%; margin-top:20px;}
.inservice ul li{width:18.7%; float:left; margin-right:1.6%; margin-top:20px;}
.inservice ul li:nth-child(5n),.inservice ul li.mr0{margin-right:0;}
.inservice ul li .box{width:100%; height:186px; text-align:center; background-color:#f9f9f9; overflow:hidden;}
.inservice ul li:hover .box{background-color:#ff9900;}
.inservice ul li .box .tb{width:100%; height:100%; display:table;}
.inservice ul li .box .td{display:table-cell; vertical-align:middle; padding:20px;}
.inservice ul li .icon{display:inline-block; width:48px; height:48px; margin:0 auto; text-align:center;}
.inservice ul li .icon img{margin:0 auto;}
.inservice ul li p{font-size:14px; color:#333; max-width:184px; margin:0px auto; margin-top:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inservice ul li:hover p{color:#fff;}
.inservice ul li .bg2,.inservice ul li:hover .bg1{display:none;}
.inservice ul li:hover .bg2{display:block;}
.section02{width:100%; height:380px; padding-top:170px; text-align:center; background-image:url(../images/section02.jpg); background-position:center center; background-repeat:no-repeat;}
.section02 .h2{font-size:32px; color:#333;}
.section02 .more{width:147px; height:42px; line-height:42px; margin:45px auto 0px auto; background-color:#ff9900; font-size:14px; color:#fff; display:block; border-radius:25px;}
.section02 .more:hover{background-color:#333;}
.section03{width:100%; background-color:#fff; padding:70px 0px 110px 0px; background-image:url(../images/section03.jpg); background-position:left top; background-repeat:no-repeat;}
.indexcase{width:100%; margin-top:20px;}
.indexcase ul li{width:32.4%; float:left; background-color:#f2f2f2; margin-top:20px; margin-right:1.4%;}
.indexcase ul li:nth-child(3n),.indexcase ul li.mr0{margin-right:0;}
.indexcase ul li:hover{background-color:#ff9900;}
.indexcase ul li .pic{width:100%; padding-top:62.6%; display:block; position:relative; overflow:hidden;}
.indexcase ul li .pic img{width:100%; max-height:100%; display:block; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.indexcase ul li:hover .pic img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.indexcase ul li .tit{padding:25px 20px; word-wrap:break-word;}
.indexcase ul li .h2{font-size:18px; color:#333;}
.indexcase ul li .pcont{font-size:14px; color:#999; height:42px; overflow:hidden;}
.indexcase ul li .more{font-size:14px; color:#333; display:inline-block; background:url(../images/more_btns.png) left center no-repeat; line-height:26px; padding-left:30px; margin-top:25px;}
.indexcase ul li:hover .more{background:url(../images/more_btns_h.png) left center no-repeat;}
.indexcase ul li:hover .h2,.indexcase ul li:hover .pcont,.indexcase ul li:hover .more{color:#fff;}

/*software*/
.nybanner{width:100%; overflow:hidden;}
.nybanner img{width:100%; display:block;}
.nybanner .m{display:none;}
.software01,.software06{width:100%; background-color:#fff; padding:86px 0px;}
.softtext{font-size:15px; color:#666; text-align:center; max-width:882px; margin:0 auto; margin-top:25px; word-break:break-all; word-wrap:break-word;}
.softimg{text-align:center; margin-top:30px; word-break:break-all; word-wrap:break-word;}
.softimg img{display:block; margin:0 auto;}
.software02{width:100%; padding:70px 0px 120px 0px; background-image:url(../images/software02.jpg); background-size:100% 100%; background-position:center top; background-repeat:no-repeat;}
.software02 .indextitle h2,.software02 .indextitle p{color:#fff;}
.softlist{width:100%; margin-top:64px;}
.softlist ul li{width:28.9%; height:285px; float:left; background-color:rgba(255,255,255,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff); text-align:center; margin-right:6.6%;}
.softlist ul li:nth-child(3n),.softlist ul li.mr0{margin-right:0;}
/*.softlist ul li:hover{background-color:#ff9900;}*/
.softlist ul li a{display:table; width:100%; height:100%;}
.softlist ul li .tb{display:table-cell; vertical-align:middle; padding:20px;}
.softlist ul li .icon{display:inline-block; width:104px; height:104px; margin:0 auto; border:1px solid #dedede; border-radius:50%; text-align:center;}
.softlist ul li .icon img{margin:0 auto;}
.softlist ul li p{font-size:16px; color:#666; margin-top:20px;}
/*.softlist ul li:hover p{color:#fff;}*/
.softlist ul li .bg2,.softlist ul li:hover .bg3{display:none;}
/*.softlist ul li:hover .bg2{display:block;}*/
.software03,.software05{width:100%; padding:70px 0px 50px 0px; background-image:url(../images/software03.jpg);}
.software04{width:100%; padding:70px 0px 0px 0px; background-image:url(../images/software04.jpg); background-size:100% 100%; background-position:center top; background-repeat:no-repeat;}
.software04 .indextitle h2,.software04 .indextitle p{color:#fff;}
.software04 .softimg{padding-bottom:0;}
.softPublic{margin-top:40px;}
.softPublic ul li{width:19.2%; height:235px; float:left; background-color:rgba(255,255,255,0.8); text-align:center; margin-right:1%;}
.softPublic ul li:nth-child(5n),.softPublic ul li.mr0{margin-right:0;}
/*.softPublic ul li:hover{background-color:#ff9900;}*/
.softPublic ul li a{display:table; width:100%; height:100%;}
.softPublic ul li .tb{display:table-cell; vertical-align:middle; padding:10px; border:1px solid #ddd;}
/*.softPublic ul li:hover .tb{border:1px solid #ff9900;}*/
.softPublic ul li .icon{display:inline-block; width:55px; height:55px; margin:0 auto; text-align:center;}
.softPublic ul li .icon img{margin:0 auto;}
.softPublic ul li p{font-size:14px; color:#666; max-width:208px; margin:0px auto; margin-top:20px; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/}
/*.softPublic ul li:hover p{color:#fff;}*/
.softPublic ul li .bg2,.softPublic ul li:hover .bg3{display:none;}
/*.softPublic ul li:hover .bg2{display:block;}*/
.matab{margin-top:20px; text-align:center;}
.matab ul li{display:inline-block; _display:inline; margin:0px 10px;}
.matab ul li a{font-size:16px; color:#999; position:relative; padding-bottom:10px;}
.matab ul li a:after{content:""; display:block; width:0; height:3px; position:absolute; left:0; bottom:0; background-color:#ff9900; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease;}
/*.matab ul li.on a{color:#333;}
.matab ul li.on a:after{width:100%;}*/
.mapptmain{margin-top:35px;}
.mapptmain .mbox{display:none; text-align:center;}
.serwarp01{width:100%; padding:55px 0px 50px 0px; background-image:url(../images/software03.jpg);}
.serwarp02{width:100%; padding:55px 0px 0px 0px; background-image:url(../images/serwarp02.jpg); background-size:100% 100%; background-position:center top; background-repeat:no-repeat;}
.serwarp02 .indextitle h2,.serwarp02 .indextitle p{color:#fff;}
.serwarp02 .softimg{padding-bottom:0;}
.realesbox{padding-top:145px;}
.realesbox .indextitle{width:55%; float:left; text-align:left; padding-top:155px;}
.realesbox .softimg{width:29%; float:right;}
.realPublic3{margin-top:30px;}
.realPublic3 ul li{width:32.2%; margin-right:1.6%; height:200px; margin-top:30px;}
.realArrow{text-align:center; margin-top:40px;}
.realPublic4 ul li{width:23.8%; height:200px; margin-right:1.6%;}
.realPublic4 ul li:nth-child(3n),.realPublic4 ul li:nth-child(5n),.realPublic4 ul li.mr0{margin-right:1.6%;}
.realPublic4 ul li:nth-child(4n){margin-right:0;}
.realPublic4 ul li .tb{border:none;}
.realPublic4 ul li .icon{width:80px; height:80px; border:1px solid #dedede; border-radius:50%;}
.realPublic7 ul li{width:12.9%; height:200px; margin-right:1.6%;}
.realPublic7 ul li:nth-child(5n),.realPublic7 ul li.mr0{margin-right:1.6%;}
.realPublic7 ul li:nth-child(7n){margin-right:0;}
.realPublic7 ul li .tb{border:none;}
.realPublic7 ul li .icon{width:80px; height:80px; border:1px solid #dedede; border-radius:50%;}
.realPublic5 ul li{width:18.4%; height:200px; margin-right:1.6%;}
.realPublic5 ul li:nth-child(3n),.realPublic5 ul li.mr0{margin-right:1.6%;}
.realPublic5 ul li:nth-child(7n){margin-right:0;}
.realPublic5 ul li .tb{border:none;}
.realPublic5 ul li .icon{width:80px; height:80px;}
.software07{width:100%; min-height:466px; padding:50px 0px 60px 0px; background-image:url(../images/Realestate14.jpg); background-position:center bottom; background-size:cover; background-repeat:no-repeat;}
.software08{width:100%; min-height:550px; padding:50px 0px 60px 0px; background-image:url(../images/serwarp07.jpg); background-position:center bottom; background-size:cover; background-repeat:no-repeat;}
.software09{width:100%; min-height:550px; padding:50px 0px 60px 0px; background-color:#fff; background-position:center bottom; background-size:cover; background-repeat:no-repeat;}
.functionalist{width:100%; margin-top:64px;}
.functionalist ul li{width:14.2%; float:left; background-color:#fff; text-align:center; margin-right:2.9%; text-align:center;}
.functionalist ul li:nth-child(6n),.functionalist ul li.mr0{margin-right:0;}
.functionalist ul li a{display:block; padding:35px 20px 20px 20px; min-height:225px;}
.functionalist ul li h2{font-size:16px; color:#333; margin-bottom:5px;}
.functionalist ul li p{font-size:14px; color:#737373;}
.softicon-list{text-align:center; margin-top:30px;}
.softicon-list ul li{display:inline-block; _display:inline; max-width:184px; margin:0px 20px; cursor:pointer;}
.softicon-list ul li .icon{width:78px; height:78px; border:1px solid #dedede; margin:0 auto; border-radius:50%; display:block;}
/*.softicon-list ul li:hover .icon{background-color:#ff9900; border-color:#ff9900;}*/
.softicon-list ul li .bg2{display:none;}
/*.softicon-list ul li:hover .bg1{display:none;}
.softicon-list ul li:hover .bg2{display:block;}*/
.softicon-list ul li p{font-size:14px; color:#fff; margin-top:5px;}
.sharingPublic ul li{width:23.8%; height:200px; margin-right:1.6%; background-color:inherit;}
.sharingPublic ul li:nth-child(3n),.sharingPublic ul li:nth-child(5n),.sharingPublic ul li.mr0{margin-right:1.6%;}
.sharingPublic ul li:nth-child(4n){margin-right:0;}
.sharingPublic ul li .icon{width:55px; height:55px;}
.realesbox1 .indextitle{width:52%; float:left; text-align:left;}
.realesbox1 .softicon-list{width:52%; float:left; position:relative;}
.realesbox1 .softicon-list ul li{width:30%; float:left; margin:50px 20% 0px 0px; display:block; max-width:inherit;}
.realesbox1 .softimg{width:40%; float:right;}
.realesbox1 .awicon1{width:31px; height:12px; position:absolute; left:40%; top:85px; margin-left:-15px; background:url(../images/awicon1.png) no-repeat;}
.realesbox1 .awicon2{width:12px; height:31px; position:absolute; right:34%; top:54%; margin-top:-15px; background:url(../images/awicon2.png) no-repeat;}
.realesbox1 .awicon3{width:31px; height:12px; position:absolute; left:40%; bottom:85px; margin-left:-15px; background:url(../images/awicon3.png) no-repeat;}

/*case*/
.casewarp{width:100%; background-color:#f7f7f7; padding:80px 0px 135px 0px;}
.casewarp .layout{max-width:1430px;}
.casetitle{text-align:center; font-size:36px; color:#333;}
.casetitle span{margin:0px 2px; vertical-align:middle;}
.casetitle img{vertical-align:middle; max-width:26px;}
.newshotwrap{background-color:#fff; padding-left:280px; position:relative; margin-top:50px; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.newshotwrap .newstitle{width:280px; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#ff9900;}
.newshotwrap .newstitle .tb{display:table; width:100%; height:100%;}
.newshotwrap .newstitle .td{display:table-cell; vertical-align:middle; text-align:center; padding:10px;}
.newshotwrap .newstitle h2{font-size:32px; color:#fff;}
.newshotwrap .newstitle p{font-size:20px; color: rgba(255, 255, 255, 0.5); color:#fff\0;}
.newshotbar{padding:38px; position:relative; z-index:10;}
.newshotbar .swiper-container{max-height:324px;}
.newshotbar .swiper-button-prev,.newshotbar .swiper-button-next{width:40px; height:36px; background-color:#fff; top:auto; margin-top:0; bottom:0;}
.newshotbar .swiper-button-prev{background-image:url(../images/arrowbtn6.png); left:-40px;}
.newshotbar .swiper-button-next{background-image:url(../images/arrowbtn7_h.png); left:0px; right:auto; background-color:#ff9900;}
.newshotbar .pic{width:56%; float:right; overflow:hidden;}
.newshotbar .pic img{width:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.newshotbar .pic:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.newshotwrap .tmain{width:37.3%; float:left; word-wrap:break-word;}
.newshotwrap .time{display:block; font-size:18px; color:#999;}
.newshotwrap .tit{font-size:20px; color:#333; margin-top:5px;}
.newshotwrap .tmain:hover .tit,.newshotwrap .tmain:hover .more{color:#ff9900; border-color:#ff9900;}
.newshotwrap .pcont{font-size:14px; color:#999; overflow:hidden; margin-top:20px;}
.newshotwrap .more{width:53px; height:34px; line-height:34px; text-align:center; border:1px solid #b2b2b2; display:block; font-family:Simsun; color:#808080; margin-top:20px;}

/*news*/
.newslist ul li{background-color:#fff; padding:35px; margin-top:30px;}
.newslist ul li .box{padding-left:320px; padding-right:230px; height:180px; position:relative;}
.newslist ul li .pic{width:270px; height:180px; position:absolute; left:0; top:0; overflow:hidden;}
.newslist ul li .pic img{width:100%; max-height:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.newslist ul li .pic:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.newslist ul li .tmain h2{font-size:18px; color:#333; margin-top:10px;}
.newslist ul li .tmain:hover h2{color:#ff9900;}
.newslist ul li .tmain .pcont{font-size:14px; color:#999; height:42px; overflow:hidden; margin-top:25px; word-wrap:break-word;}
.newslist ul li .more{width:53px; height:34px; line-height:34px; text-align:center; border:1px solid #b2b2b2; display:block; font-family:Simsun; color:#808080; margin-top:20px;}
.newslist ul li:hover .more{color:#ff9900; border-color:#ff9900;}
.newslist ul li .day{width:189px; height:100%; position:absolute; right:0; top:0; border-left:1px solid #efefef; text-align:center;}
.newslist ul li .day .dat{font-family:'AMGDT'; font-size:50px; color:#666; line-height:1; padding-top:55px;}
.newslist ul li .day .yer{font-size:14px; color:#999;}
.caselist ul li{width:30.8%; float:left; margin-right:3.8%; margin-right:2.5%\0; margin-top:55px; background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.caselist ul li:nth-child(3n),.caselist ul li.mr0{margin-right:0;}
.caselist ul li:hover{background-color:#ff9900;}
.caselist ul li .pic{width:100%; padding-top:69.6%; position:relative; overflow:hidden;}
.caselist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.caselist ul li:hover .pic img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.caselist ul li .tmain{padding:30px 20px;}
.caselist ul li h2{font-size:18px; color:#333; margin-top:5px;}
.caselist ul li .pcont{font-size:14px; color:#999; height:42px; overflow:hidden; margin-top:10px; word-wrap:break-word;}
.caselist ul li:hover h2,.caselist ul li:hover .pcont{color:#fff;}
.caselist ul li .more{display:block; width:28px; height:28px; line-height:28px; text-align:center; margin-top:10px; border:1px solid #d3d3d3; border-radius:50%; font-family:Simsun; font-size:16px; color:#666;}
.caselist ul li:hover .more{border-color:#ffc163; color:#fff;}
.page{text-align:center; margin-top:40px;}
.page a{display:inline-block; font-size:14px; color:#666; background-color:#fff; border:1px solid #e5e5e5; padding:5px 13px;}
.page a:hover{background-color:#ff9900; border-color:#ff9900; color:#fff;}
.page a.on{background-color:#ff9900; border-color:#ff9900; color:#fff;}
.newswarp .newsright{float:left; width:72.4%;}
.newswarp .newsleft{float:right; width:25.5%;}
.newsdetail{background-color:#fff; padding:45px;}
.newsdetail h1{font-size:28px; color:#333; font-weight:bold; word-wrap:break-word;}
.newsdetail .newsinfo{font-size:14px; color:#8c8c8c; margin-top:5px;}
.newsdetail .newstext{padding:30px 0px 0px 0px; word-wrap:break-word;}
.newsmore ul li{margin-bottom:20px;}
.newsmore ul li a{background-color:#fff; display:block; padding:30px 20px 20px 20px; word-wrap:break-word;}
.newsmore ul li .h3{overflow:hidden;}
.newsmore ul li .h3 .t1{font-size:18px; font-weight:bold; color:#333; float:left;}
.newsmore ul li .h3 .t2{font-size:14px; color:#808080; float:right;}
.newsmore ul li h2{font-size:16px; color:#4c4c4c; margin:10px 0px; max-height:48px; overflow:hidden; word-wrap:break-word;}
.newsmore ul li:hover h2{color:#ff9900;}
.newsmore ul li p{font-size:14px; color:#808080;}
.newsshare{background-color:#fff; display:block; padding:30px 20px 20px 20px; margin-bottom:20px; word-wrap:break-word;}
.newsshare .h2{font-size:18px; font-weight:bold; color:#333;}
.newsshare .bdsharebuttonbox{width:100%; margin:10px 0px;}
.newsshare .bdsharebuttonbox a{padding:0px; margin:0px; margin-right:10px; width:30px; height:30px; background-position:center center; background-size:contain;}
.newsshare .bdsharebuttonbox a.bds_weixin{background-image:url(../images/nwwx.png);}
.newsshare .bdsharebuttonbox a.bds_sqq{background-image:url(../images/nwqq.png);}
.newsshare .bdsharebuttonbox a.bds_tsina{background-image:url(../images/nwwb.png);}
.newsshare .returnbtns{display:block; background-color:#ff9900; font-size:18px; color:#fff; height:42px; line-height:42px; text-align:center;}
.newsshare .returnbtns:hover{background-color:#333;}
.newsshare .wordlist li{margin-top:10px;}
.newsshare .wordlist li h2{font-size:14px; color:#333; margin-bottom:5px;}
.newsshare .wordlist li .btns{font-size:14px; color:#ff9900; display:inline-block; padding-right:24px; background:url(../images/downloadbtns_h.png) right center no-repeat;}
.newsshare .wordlist ul li:hover .btns{color:#ff9900; background:url(../images/downloadbtns_h.png) right center no-repeat;}
.nametext li{width:25%; float:left; font-size:14px; color:#666; margin-top:20px; text-align:center; word-wrap:break-word;}

/*myTop*/
.myTop{position:fixed; _position:absolute; right:0px; top:50%; margin-top:-99px; z-index:500;}
.myTop ul li{width:50px; margin-top:1px; background-color:#242424; cursor:pointer; position:relative;}
.myTop ul li .icon{display:block; width:50px; height:50px; margin:0 auto; background-repeat:no-repeat; background-position:center center;}
.myTop ul li.myPhone .icon{background:url(../images/myPhone.png) no-repeat;}
.myTop ul li.myQQ .icon{background:url(../images/myQQ.png) no-repeat;}
.myTop ul li.myMess .icon{background:url(../images/myMess.png) no-repeat;}
.myTop ul li.myShare .icon{background:url(../images/myShare.png) no-repeat;}
.myTop ul li.myShare .bdsharebuttonbox a{display:block; width:50px; height:50px; padding:0px; margin:0px; font-size:0; background-repeat:no-repeat; background-position:center center;background:url(../images/myShare.png) no-repeat;}
.bdshare_popup_box{display:none !important;}
.myTop ul li.GoTop .icon{background:url(../images/GoTop.png) no-repeat;}
.myTop ul li .Wtewm{position:absolute; right:50px; bottom:0px; z-index:100; display:none; width:120px; height:112px; padding:1px;}
.myTop ul li:hover .Wtewm{display:block;}
.myTop ul li .call{width:240px; line-height:18px; padding:16px 0px; font-size:16px; text-align:left; background-color:#ff9900; color:#fff; position:absolute; right:50px; top:0px; z-index:100; display:none;}
.myTop ul li .qq{width:154px; line-height:18px; padding:16px 0px; font-size:16px; text-align:center; background-color:#ff9900; color:#fff; position:absolute; right:50px; top:0px; z-index:100; display:none;}
.myTop ul li .qq a{color:#fff;}
.myTop ul li:hover .call,.myTop ul li:hover .qq{display:block;}
.myTop ul li:hover{background-color:#ff9900;}

/*footer*/
.footer{width:100%; background-color:#f2f2f2; padding-top:70px; padding-bottom:60px;}
.footer .layout{max-width:1220px;}
.footer .footleft{width:56%; float:left; word-break:break-all; word-wrap:break-word;}
.footer .ftnav a{font-size:14px; color:#666; margin-right:14px; padding-right:14px; position:relative;}
.footer .ftnav a:after{content:""; display:block; position:absolute; right:0; top:5px; width:1px; height:7px; background-color:#c4c4c4;}
.footer .ftnav a:hover{color:#ff9900;}
.footer .copy{font-size:12px; color:#999; line-height:20px; max-width:415px; padding-top:20px; word-break:break-all; word-wrap:break-word;}
.footer .bdsharebuttonbox{margin-top:25px;}
.footer .bdsharebuttonbox a{padding:0px; margin:0px; margin-right:10px; width:27px; height:27px; background-image:url(../images/share.png); background-position:center center; background-repeat:no-repeat;}
.footer .bdsharebuttonbox a.bds_sqq{background-position:0px 0px;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position:0px -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position:-54px 0px;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position:-54px -27px;}
.footer .bdsharebuttonbox a.bds_weixin{background-position:-27px 0px;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position:-27px -27px;}
.footer .footcont{width:29%; float:left; margin-left:2%; word-break:break-all; word-wrap:break-word;}
.footer .footcont .sn{font-size:14px; color:#666;}
.footer .footcont h2{font-size:22px; font-weight:bold; color:#ff9900; line-height:1.3; margin-top:20px;}
.footer .footcont p{font-size:14px; color:#999; margin-top:5px;}
.footer .footewm{width:9.1%; float:right; text-align:center; word-break:break-all; word-wrap:break-word;}
.footer .footewm p{font-size:12px; color:#999; margin-top:5px;}
.fukuang{height:100%;}
.fukuang img{height:30%;position: fixed;_position: absolute;right: 0px;bottom: 0px;z-index: 500;}


/* Table of Contents
==================================================

    #Mobile - 320px 
    #Mobile - 380px 
    #Mobile - 480px 
    #Mobile - 640px 
*/

/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }
	
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .layout { width: 750px; }

    .contain{padding-top:55px;}
    .header{height:55px;}
    .header .logo{position:absolute; left:3%; top:0; padding-top:12px;}
    .header .logo a{width:103px; height:32px;}
    .nav{display:none;}
    .btn-m-list{display:block;}
	.footer .footleft{width:48%;}
	.footer .footcont h2{font-size:14px;line-height:1.5;}
	.footer .footewm{width:12%;}
	.softPublic ul li p{max-width:120px;}
	
	.newshotwrap{padding-left:200px;}
	.newshotwrap .newstitle{width:200px;}
	.newshotwrap .newstitle h2,.newshotwrap .newstitle p{font-size:18px;}
	.newshotbar{padding:30px 30px 40px 30px;}
	.realesbox .indextitle{padding-top:50px;}
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
    .layout { width: 95%; } 
	
    .contain{padding-top:55px;}
    .header{height:55px;}
    .header .logo{position:absolute; left:3%; top:0; padding-top:12px;}
    .header .logo a{width:103px; height:32px;}
    .nav{display:none;}
    .btn-m-list{display:block;}
	.banner .swiper-container .swiper-pagination{bottom:10px;}
	.banner .swiper-pagination-bullet{width:5px; height:5px; margin:0px 3px;}
	.myTop{display:none;}
	.footer{padding:30px 0px;}
	.footer .footleft{float:none; width:100%;}
	.footer .ftnav{display:none;}
	.footer .bdsharebuttonbox{margin-top:10px;}
	.footer .footcont{float:none; width:100%; margin-left:0; margin-top:20px;}
	.footer .footcont h2{font-size:16px;}
	.footer .footewm{float:none; width:111px; margin:0 auto; padding-top:20px;}
	
	.section01,.section03,.software01,.software02,.software06,.realesbox{padding:40px 0px 60px 0px;}
	.software07{min-height:300px;}
	.section01 .indextitle{text-align:center;}
	.indextitle h2{font-size:20px;}
	.indextitle p{font-size:14px;}
	.inservice ul li,.softPublic ul li{width:49%; margin-right:2%;}
	.inservice ul li:nth-child(5n),.inservice ul li.mr0,.softPublic ul li:nth-child(5n),.softPublic ul li.mr0{margin-right:2%;}
	.inservice ul li:nth-child(2n),.softPublic ul li:nth-child(2n){margin-right:0;}
	.inservice ul li .box{height:150px;}
	.inservice ul li p{margin-top:10px;}
	.section02{height:190px; padding-top:115px;}
	.section02 .h2{font-size:16px;}
	.indexcase{margin-top:0;}
	.indexcase ul li{width:100%; margin-right:0;}
	.softlist,.softPublic{margin-top:20px;}
	.softlist ul li{width:32.6%; height:160px; margin-right:1%;}
	.softlist ul li .icon{width:54px; height:54px;}
	.softlist ul li p{font-size:12px; max-width:90px;}
	.softPublic ul li{margin-top:10px;}
	.softPublic ul li p{font-size:12px; max-width:150px;}
	.realPublic3 ul li{margin-top:10px; width:49%; margin-right:2%;}
	.realPublic3 ul li:nth-child(3n),.realPublic3 ul li.mr0{margin-right:2%;}
	.realPublic3 ul li:nth-child(2n){margin-right:0;}
	.matab ul li{width:20%; float:left; margin:0px;}
	.matab ul li a{font-size:12px;}
	.serwarp02{background-size:auto 100%;}
	.realesbox .indextitle,.realesbox .softimg{width:100%;}
	.realesbox1 .indextitle,.realesbox1 .softimg{width:100%; float:none; text-align:center;}
	.realesbox1 .softicon-list{margin-top:0px;}
	.realesbox1 .softicon-list{width:100%; float:none; position:relative;}
	.realesbox1 .softicon-list ul li{width:50%; margin:50px 0px 0px 0px; display:block; max-width:inherit;}
	.realesbox1 .awicon1,.realesbox1 .awicon3{left:48%;}
	.realesbox1 .awicon2{right:23%;}
	.softimg img{max-width:70%;}
	.software08,.software09{min-height:inherit;}
	.functionalist{margin-top:0;}
	.functionalist ul li{margin-top:20px; width:49%; margin-right:2%;}
	.functionalist ul li:nth-child(6n),.functionalist ul li.mr0{margin-right:2%;}
	.functionalist ul li:nth-child(2n){margin-right:0;}
	.softicon-list ul li{width:50%; margin:10px 0px 0px 0px; float:left;}
	
	.casewarp{padding:30px 0px 60px 0px;}
	.casetitle{font-size:20px;}
	.casetitle img{max-width:13px;}
	.newshotwrap{padding-left:0; margin-top:20px;}
	.newshotwrap .newstitle{width:100%; height:auto; padding:0px; position:static; left:auto; top:auto;}
	.newshotwrap .newstitle h2,.newshotwrap .newstitle p{font-size:14px;}
	.newshotbar{padding:20px;}
	.newshotbar .pic{width:100%; float:none;}
	.newshotwrap .tmain{width:100%; float:none; padding-top:20px; padding-bottom:25px;}
	.newshotwrap .time,.newshotwrap .pcont{font-size:12px;}
	.newshotwrap .pcont,.newshotwrap .more{margin-top:5px;}
	.newshotwrap .tit{font-size:16px;}
	.newshotbar .swiper-button-prev{left:0;}
	.newshotbar .swiper-button-next{left:40px;}
	.newslist ul li{margin-top:20px; padding:10px;}
	.newslist ul li .box{height:auto; padding-left:0px; padding-right:0px;}
	.newslist ul li .pic{width:100%; height:auto; position:static; left:auto; top:auto;}
	.newslist ul li .pic img{position:relative;}
	.newslist ul li .tmain .icon{margin-top:20px;}
	.newslist ul li .day{width:100%; position:static; right:auto; top:auto; border-left:none; border-top:1px solid #efefef; padding-top:10px; margin-top:20px;}
	.newslist ul li .day .dat,.newslist ul li .day .yer{padding-top:0px; display:inline-block;}
	.newslist ul li .day .dat{font-size:20px;}
	.caselist ul li{width:49%; margin-right:2%; margin-top:20px;}
	.caselist ul li:nth-child(3n),.caselist ul li.mr0{margin-right:2%;}
	.caselist ul li:nth-child(2n){margin-right:0;}
	.caselist ul li .tmain{padding:15px;}
	.caselist ul li .pcont,.caselist ul li .more{margin-top:5px;}
	.newswarp .newsleft,.newswarp .newsright{width:100%; float:none;}
	.newsdetail{padding:20px;}
	.newsdetail h1{font-size:20px; font-weight:bold;}
	.newsmore ul li{width:49%; float:left; margin-right:2%; margin-top:20px;}
	.newsmore ul li:nth-child(2){margin-right:0;}
	.newsmore ul li a,.newsshare{padding:20px;}
	.newsmore ul li h2{font-size:14px; height:42px;}
	.nametext li{width:50%; font-size:12px;}
	.nybanner .z{display:none;}
	.nybanner .m{display:block;}
	.realesbox .indextitle{padding-top:0px;}
}
body{--style-color: #ff9900;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nlayout{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.header{height: 60px;}
.contain{padding-top: 60px;}
.btn-m-list{height: 60px;}
.mob-nav{width: 240px;}
@media(min-width:768px){
  .nlayout{width: 750px; max-width: 750px;}
}
@media(min-width:992px){
  .nlayout{width: 970px; max-width: 970px;}
}
@media(min-width:1200px){
  .nlayout{width: 1140px; max-width: 1140px;}
  .header{height: 66px;}
  .contain{padding-top: 66px;}
}
@media(min-width:1440px){
  .nlayout,.wide-14,.wide-16{width: 1200px; max-width: 1200px;}
}
@media(min-width:1640px){
  .wide-16{width: 1550px; max-width: 1550px;}
}
.nlogo{
  float: left;
  margin-top: 10px;
}
.nlogo a{
  display: flex;
  align-items: center;
  justify-content: center;
}
.nlogo img{
  max-width: 117px;
  max-height: 100%;
}
.nlogo .slogan{
  margin-left: 10px;
  padding-left: 12px;
  font-size: 14px;
  color: #333;
  display: flex;
  flex-direction: column;
  position: relative;
}
.nlogo .slogan::after{
  content: '';
  width: 2px;
  height: 100%;
  background-color: #595757;
  position: absolute;
  top: 0;
  left: 0;
}
.nlogo .slogan span:first-child{
  font-size: 15px;
}
@media(min-width:1200px){
  .nlogo{margin-top: 13px;}
  .nlogo img{max-width: 117px;}
}
@media(max-width:640px){
  .nlogo{margin-top: 15px;}
  .nlogo .slogan{display: none;}
}


.footer{
  background-color: var(--style-color);
  padding-top: 22px;
  padding-bottom: 22px;
  font-size: 14px;
  color: #fff;
}
.footer-row{
  display: flex;
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
}
.footer-row .foot-left,
.footer-row .foot-right{
  padding-left: 15px;
  padding-right: 15px;
}
.footer-row .foot-left{
  width: 100%;
  display: flex;
}
.footer-row .foot-right{
  flex-shrink: 0;
}
.foot-nav ul{
  display: flex;
  flex-wrap: wrap;
}
.foot-nav ul li{
  margin-right: 16px;
  font-size: 16px;
  color: #fff;
}
.foot-nav ul li a{
  color: #fff;
  transition-property: background-color,color;
  transition-duration: .3s;
}
.foot-nav ul li a:hover{
  opacity: .8;
}
.foot-copy{
  font-size: 14px;
  color: #fff;
}
.foot-copy a{
  color: #fff;
}
.foot-qr ul{
  width: 274px;
  display: flex;
  justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
}
.foot-qr ul li{
  width: 33.333%;
  padding-left: 10px;
  padding-right: 10px;
}
@media(min-width:1200px){
  .foot-nav ul li{font-size: 16px; margin-right: 10px;}
  .foot-copy{font-size: 14px;}
}
@media(min-width:1440px){
  .foot-nav ul li{font-size: 16px;}
}
@media(min-width:1640px){
  .foot-nav ul li{font-size: 18px; margin-right: 24px;}
  .foot-nav ul li:last-child{margin-right: 0;}
  .foot-copy{margin-left: 50px; font-size: 16px;}
}
@media(max-width:1199px){
  .footer-row .foot-left{display: block;}
}
@media(max-width:640px){
  .footer-row{display: block;}
  .footer-row .foot-right{margin-top: 15px;}
}