@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:12px; font-family:"PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
a{ color:#3c3c3c; text-decoration:none;}
.gules{ color:#b70500;}
.bggules{ background:#b70500;}
li{ list-style:none;}
img{ border:0;}
input{outline:none; font-family:"PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
textarea{outline:none; font-family:"PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
button{outline:none; font-family:"PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}

.content{ width:100%; float:left;}
.center{ width:1176px; margin:0 auto;}
.top{ width:100%; float:left; position:absolute; z-index:2;}
.top h1{ float:left; padding-top:28px; padding-bottom:6px;}
.nav{ float:right;}
.nav a{ float:left; font-size:16px; text-align:center; color:#fff; height:20px; padding:0 18px; padding-top:56px;}
.nav a:hover{ color:#28a7e1;}
.nav .s{ float:left; font-size:16px; text-align:center; cursor:pointer; color:#fff; height:20px; padding:0 18px; padding-top:56px;}
.nav .s:hover{ color:#28a7e1;}
.nav .on{ color:#28a7e1;}
.nav .s .submenu{ display:none;}
.nav .s:hover .submenu{ display:block; width:132px; position:absolute; margin-left:-34px;}
.nav .s .j{ background:url(../images/nav_05.png) no-repeat; height:31px; width:132px; padding:0; padding-top:15px;}
.nav .s .j:hover{ background:url(../images/nav_03.png) no-repeat;}
.nav .s .j1{ height:44px; line-height:44px; background:#28a7e1; width:132px; padding:0;}
.nav .s .j1:hover{ background:#1464b8;}
.nav .s a:hover{ color:#fff;}
.menu{ display:none;}
.search{ position:absolute; z-index:2; top:318px; width:100%; text-align:center;}
.search_center{ width:506px; margin:0 auto; padding-top:63px;}
.search_top input{ width:455px; height:30px; border-radius:4px; border:0; padding-left:10px; float:left;}
.search_top button{ width:30px; height:30px; border:0; background:url(../images/j_08.png) center center no-repeat #28a7e1; border-radius:4px; float:right; cursor:pointer;}
.search_bottom{ width:506px; text-align:left; float:left; padding-top:6px;}
.search_bottom a{ color:#fff; font-size:14px; margin-right:26px;}
.index{ width:100%; height:880px; float:left;}
.index_banner{ height:880px; width:100%; position:absolute;}
.index_banner .swiper-slide{ height:880px;}
.index_banner .swiper-pagination-bullet{ background:none; border:#fff solid 1px; opacity:1;}
.index_banner .swiper-pagination-bullet-active{ background:#fff; border:#fff solid 1px;}
.img img{ display:block; margin:0 auto;}

.product{ width:100%; float:left; padding-top:90px;}
.product h2{ font-size:28px; color:#222222; text-align:center; padding-bottom:16px;}
.product h3{ font-size:14px; color:#777777; text-align:center; font-weight:normal; padding-bottom:60px;}
.product_b{ padding-bottom:90px;}
.product_center{ width:1176px; overflow:hidden;}
.product_center ul{ width:1210px; margin-bottom:88px; float:left;}
.product_center ul li{ float:left; font-size:16px; color:#222222; text-align:center; margin-right:33px;}
.product_center ul li a{ color:#222; text-decoration:none;}
.product_center ul li img{ margin-bottom:14px;}
.product_center p{ width:710px; margin:0 auto; text-align:center; line-height:32px; font-size:14px; color:#777777;}
.more{ background:#1464b8; width:118px; margin:0 auto; height:32px; line-height:32px; border-radius:50px; margin-top:40px; color:#fff; text-align:center;}
.more a{ color:#fff; font-size:14px;}
.more1{ border:1px solid #fff; width:118px; margin:0 auto; height:32px; line-height:32px; border-radius:50px; margin-top:40px; color:#fff; text-align:center;}
.more1 a{ color:#fff; font-size:14px;}

.f_content{ background:#2d2d2d; margin-top:94px;}
.f_center{ width: 1400px; padding-top:50px;}
.f_content li{ float:left; width: 25%; text-align: center;}
.f_content .li_left{ width: 23%;}
.product_li{ width: 100%; height: 220px;}

.case_center{ width: 100%; padding-top: 46px;}
.case_center dl{ width: 100%; float:left;}
.case_center .dl_le dt{ float:right;}
.case_center dt{ float: left; width: 56%;}
.case_center dt a{ width: 100%; float: left; height: 457px;}
.case_center dt img{ width: 100%;}
.case_center dd{ float: left; width: 44%;}
.case_center h4{ font-size: 20px; padding-left:76px; width: 404px; font-weight: normal; color: #0c0c0c; padding-bottom: 22px;}
.case_center p{ color: #777; padding-left:76px; width: 404px; height: 122px; line-height: 30px; font-size: 14px;}
.case_center dd .img{ padding-top: 96px; padding-left:76px; width: 404px; padding-bottom: 40px;}
.case_center .le h4{ float: right; padding-right: 76px;}
.case_center .le .img{ float: right; padding-right: 76px;}
.case_center .le p{ float: right; padding-right: 76px;}
.case_center .le .case_more{ float: right; padding-right: 76px;}
.case_more{ width: 404px; padding-left: 76px; text-align: right; float:left;}
.case_more a{ color:#777; font-size:12px; width:118px; border-radius:50px; display: inline-block; text-align:center; border: 1px solid #aaaaaa; height:32px; line-height:32px;}
.case_bottom{ width: 100%; float: left; padding-top: 25px;}

.solution{ width: 1164px; overflow: hidden; padding-bottom: 92px;}
.solution_center{ width: 1190px; padding-top: 20px;}
.solution h2{ color: #fff;}
.solution h3{ color: #fff;}
.view-tenth .xinxi{ margin-top:-34px; position:absolute; text-align:center; width:365px; color:#fff;}
.view-tenth:hover .xinxi{ display:none;}
.view {
            width: 312px;
			height: 230px;
            float: left;
            overflow: hidden;
            position: relative;
            cursor: default;
            border: 28px solid #fff;
            margin-right: 25px;
            margin-bottom: 25px;
        }
        .view:hover{ border: 28px solid #a6a6a6;}
        .view .mask{
            width: 312px;
            height: 230px;
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
        }
		.view .mask a{
            width: 312px;
            height: 230px;
			float:left;
        }
        .view img {
            display: block;
            position: relative;
            max-width:100%;
        }
        .view p {
            color: #f9f9f9;
			position: absolute;
			left: 0;
			padding:15px;
			margin-bottom:0;
        }
		.view .p2 {
			bottom: 0;
			font-size: 15px;
		}
		.view .p2 span {
			font-size: 18px;
		}
        .view-tenth img {
            -webkit-transform: scaleY(1);
            -moz-transform: scaleY(1);
            -o-transform: scaleY(1);
            -ms-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        .view-tenth .mask {
            background-color: rgba(0, 0, 0, 0.5);
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            -ms-transition: all 0.5s linear;
            transition: all 0.5s linear;
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
            filter: alpha(opacity=0.8);
            opacity: 0;
        }
        .view-tenth:hover img {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }
        .view-tenth:hover .mask {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }
        .view1{
            width: 370px;
			height: 300px;
            float: left;
            overflow: hidden;
            position: relative;
            cursor: default;
            margin-bottom: 14px;
        }
        .view-tenth1 img {
            -webkit-transform: scaleY(1);
            -moz-transform: scaleY(1);
            -o-transform: scaleY(1);
            -ms-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        .view-tenth1:hover img {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }
.partner_center{ width:1180px; margin:0 auto;}
.mt14{margin-top:14px;}

.technology{ background:url(../images/index_21.png) center center no-repeat; height: 600px; margin-top: 50px; margin-bottom: 150px;}
.technology_top{ width: 100%; float: left; height: 220px;}
.technology_top1{ height: 250px;}
.technology_li{ width: 384px; float: left; padding-top: 14px;}
.technology_li1{ float: right;}
.technology_li h4{ color: #222; font-size: 20px; font-weight: normal; padding-bottom: 8px;}
.technology_li p{ font-size: 14px; color: #777; line-height: 31px;}
.technology_top1 .technology_li{ width: 256px;}
.technology_top1 .technology_li1{ width: 266px;}

.iphone_img{ display: none;}
.technology_li_img{ display: none;}

.news{ width: 100%; background: url(../images/xwdt.jpg) center center no-repeat; height: 568px; float: left;}
.top1{ background:#2d2d2d; position: initial; height: 130px;}
.about{ width: 100%; background: url(../images/gywm_02.png) center center no-repeat; height: 568px; float: left;}
.about_banner{ padding-top: 190px;}
.about_img{ display: inline;}
.about_img1{ display: none;}
.about_left{ width: 220px; float: left; border-top: 1px solid #a2a2a2; margin-top: 158px; padding-top: 15px; padding-bottom: 30px;}
.about_left p{ font-size: 22px; color: #666;}
.about_left h4{ font-size: 26px; color: #222; font-weight: normal;}
.about_right{ padding-left: 70px; margin-top: 132px; float: left; width: 886px; font-size: 14px; color: #777; line-height: 35px;}
.about_right p{ text-indent:2em;}
.about_right span img{ padding-right: 20px;}
.about_right h4{ color: #333;}
.about_right_bottom{ padding-top: 45px; width: 100%; overflow: hidden; padding-bottom: 60px;}
.about_right_bottom h5{font-size:20px; position: relative; padding-left: 5px; color: #1440b2; line-height: 40px; display: inline-block; margin-bottom: 35px; border-bottom: 1px solid #ccc; width: 100%;}
.about_right_bottom h5:after { position: absolute; left: 0px; bottom: -1.7857%; width: 90px; height: 2px; background: #1440b2; content: '';}
.about_right_bottom ul{ width: 110%; float: left;}
.about_right_bottom li{ float: left; height: 296px; padding-right: 43px; padding-bottom: 50px;}

.about_tdjs{ width: 100%; padding-top: 26px; float: left; background: url(../images/tdrw_07.png) bottom right no-repeat; padding-bottom: 40px; margin-bottom: 10px;}
.about_rw{ width: 395px; float: left;}
.about_rwjs{ width: 490px; float:right;}
.about_rwjs h6{ font-size: 14px; margin-top: -10px;}
.about_rwjs h5{ font-size: 18px; padding-bottom: 5px;}
.about_tdjs_lzg{ width: 100%; padding-top: 26px; float: left; background: url(../images/tdrw_13.png) bottom left no-repeat;}
.about_tdjs_lzg .about_rw{ float:right; width:258px; text-align: right;}
.about_tdjs_lzg .about_rwjs{ float: left; width: 626px;}
.about_tdjs_myf{ width: 100%; padding-top: 26px; float: left;}
.about_tdjs_myf .about_rw{ float:left; width:246px; text-align: left;}
.about_tdjs_myf .about_rwjs{ float: right; width: 636px;}
.about_right_bottom1 li{ padding-right: 23px; height: auto;}

.anli,.shuizhili,.turangxiufu,.guweifeizhili,.syszl{ width: 100%; background: url(../images/alxs_banner_02.png) center center no-repeat; height: 568px; float: left;}
.anli1,.shuizhili1,.turangxiufu1,.guweifeizhili1,.syszl1{ width: 100%; background: url(../images/cpjsbj.png) center center no-repeat; height: 568px; float: left;}

.anli_left{ width: 482px; float: left;}
.cases_js{ width: 100%; float: left; text-indent: 2em; font-size: 14px; color: #777; line-height: 28px;}
.cases_right{ padding-left: 65px; margin-top: 158px; float: right; width: 629px; font-size: 14px; color: #777; line-height: 35px;}
.cases_center{ width: 100%; overflow: hidden; float: left; padding-top: 80px; padding-bottom: 60px;}
.cases_center ul{ width: 110%; float: left;}
.cases_center li{ width: 380px; float: left; margin-right: 30px; background: #2d2d2d; color: #fff; font-size: 16px; height: 371px; margin-bottom: 50px;}
.cases_center li img{ width: 380px; height: 287px;}
.cases_center li p{ padding: 16px 60px; text-align: center; line-height: 24px; height: 32px; overflow: hidden;}
.cases_center li a{ text-decoration: none; color: #fff;}
.cases_right{ display: inline;}
.cases_right1{ display: none;}
.anli_sases_left{ width: 355px; float: left; padding-top: 80px;}
.anli_sases_left h4{ width: 100%; height: 65px; text-indent: 23px; line-height: 65px; font-weight: normal; background: #2d2d2d; font-size: 18px; color: #fff;}
.anli_sases_left li{ width: 100%; font-size: 16px; float: left; cursor: pointer; border-bottom: 1px dashed #ccc;}
.anli_sases_left li a{ color: #222222; height: 70px; line-height: 70px; float: left; width: 100%;}
.anli_sases_left li a:hover{ color: #1440b2;}
.sases_l{ float: left; width: 206px; display: -webkit-box; overflow: hidden; padding-left: 5px; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.sases_r{ float: right; padding-right: 5px;}

.fangan{ width: 100%; background: url(../images/fangan.png) center center no-repeat; height: 568px; float: left;}

.anli_asses_right{ padding-left: 50px; width: 771px; padding-top: 102px; overflow: hidden; padding-bottom: 60px;}
.anli_asses_right h5{font-size:20px; position: relative; padding-left: 5px; color: #1440b2; line-height: 40px; display: inline-block; margin-bottom: 35px; border-bottom: 1px solid #ccc; width: 100%;}
.anli_asses_right h5:after { position: absolute; left: 0px; bottom: -1.7857%; width: 135px; height: 2px; background: #1440b2; content: '';}
.anli_right_top{ width: 100%; float: left; border-bottom: 1px solid #ddd; margin-top: -6px; padding-bottom: 30px;}
.anli_right_top h6{ font-size: 24px; color: #222; padding-bottom: 18px; text-indent: 5px;}
.anli_right_top span{ color: #777; padding-left: 5px;}
.anli_right_center{ width: 100%; float: left; padding-top: 20px; padding-bottom: 80px;}
.jiejue_asses_right h5:after{ width: 128px;}

.us_top{ width: 100%; float: left; padding-top: 80px; padding-bottom:60px;}
.us_top_left{ width: 424px; float: left; padding: 60px; padding-bottom: 50px; background: url(../images/lxwm_05.png) center center no-repeat;}
.us_top_left h4{ color:#fff; font-size: 24px; font-weight: normal; width: 100%; border-bottom: 1px solid #fff; padding-bottom: 12px; margin-bottom:20px;}
.us_top_left h5{ font-size: 16px; color: #fff; line-height: 26px; padding: 5px 0; font-weight:normal;}
.us_top_left p{ font-size: 14px; color: #fff; line-height: 26px; padding: 5px 0;}
.lxdz{ font-size: 14px; color: #fff; width: 100%; float: left; line-height: 26px; padding: 2px 0;}
.lxdz_left{ float: left;}
.lxdz_right{ width: 226px; float: left;}
.lianxi{ width: 100%; background: url(../images/lxwm_02.png) center center no-repeat; height: 568px; float: left;}
.us_top_right{ width: 577px; float: left; padding-left: 55px; padding-top: 44px;}
.us_top_right h4{ font-size: 18px; color: #222; font-weight: normal; padding-bottom: 30px;}
.us_top_right li{ width: 50%; float: left; color: #222; font-size: 15px; padding-bottom: 27px;}
.us_top_right li input{ width: 187px; height: 32px; line-height: 32px; padding-left: 10px; border: 1px solid #ccc; color: #222;}
.us_top_right li span{ color: #c72222; padding-left: 8px;}
.us_top_right .us_ly{ width: 100%;}
.us_top_right .us_ly .ly{ float: left;}
.us_top_right .us_ly textarea{ width: 475px; height: 60px; padding: 6px; border: 1px solid #ccc; resize:none; color: #222;}
.us_top_right .us_ly button{ background: #1440b2; font-size: 15px; height: 36px; color: #fff; border: none; border-radius:5px; padding: 0 25px; margin-left: 45px; margin-top: 5px; cursor: pointer;}
.us_map{ width: 100%; padding-top: 60px; float: left; padding-bottom: 100px; height: 300px; background: url(../images/lxwm_09.png) center center no-repeat;}
.ewm1{ width:84px; text-align:center; font-size:12px; float:right; color:#fff; margin-top:-114px;}
.ewm1 img{ margin-bottom:5px;}

.inner_container h1{ font-size: 20px; font-weight: normal; color: #222; margin-bottom: -50px; padding-top: 60px; width: 100%; float: left; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.pagelist{ width: 100%; float: left; padding-bottom: 90px; margin-top: -40px; font-size: 16px;}
.pagelist ul{ text-align:center;}
.pagelist li{ display:inline-block; padding:4px 10px; border:1px solid #ccc; margin-right:5px; margin-left:5px;}
.pagelist .active{ border:1px solid #28a7e1;}

.footer_nav{ background:#2d2d2d; width:100%; float:left; padding:56px 0; padding-bottom:26px;}
.footer_left{ width: 180px; float: left; padding-left: 10px;}
.footer_left h4{ font-size: 20px; color: #fff; font-weight: normal; padding-bottom: 10px;}
.footer_left p{ color: #575757; font-size: 16px;}
.footer_center{ width: 812px; float: left;}
.footer_center h4{ font-size: 14px; color: #969696; font-weight: normal;}
.footer_center_bottom{ float: left; font-size: 12px; color: #969696; padding-bottom:30px;}
.footer_center_left{ width: 436px; float: left; line-height: 30px;}
.footer_center_left .dz{ float: left;}
.footer_center_left .ht{ float: left; width: 224px;}
.footer_center_right{ float: left; line-height: 30px;}
.footer_right{ float: right; text-align:center; color:#fff; padding-top:30px;}
.footer_right img{ padding-bottom:5px;}

.footer{ background:#252525; width:100%; float:left; padding:18px 0; font-size:14px; color:#fff; line-height:28px;}