﻿         /* 长东科技 做最好的web整站 */
     
     body {
         font-family: 微软雅黑, "Open Sans", sans-serif;
         font-size: 14px;
         color: #fff;
         line-height: 30px;
         background: #122a46 url(../images/bg2.jpg) no-repeat center center;
         background-size: cover;
     }
     
     input,
     select,
     textarea {
         font-family: 微软雅黑, "Open Sans", sans-serif;
         font-size: 1em;
         ;
     }
     
     .wrap {
         width: 96%;
         margin: 0 auto;
         max-width: 1300px;
         position: relative;
     }
     
     h3 {
         font-weight: normal;
     }
     
     .over {
         overflow: hidden;
     }
     
     img,
     a {
         border: 0;
     }
     
     ul,
     li {
         list-style: none;
     }
     
     * {
         margin: 0;
         padding: 0;
     }
     
     .flt {
         float: left;
     }
     
     .frt {
         float: right;
     }
     
     .clear {
         clear: both;
     }
     
     p {
         color: #c6cfd9;
     }
     
     .clear:after,
     .clear:before {
         content: '';
         clear: both;
         display: table;
     }
     
     img {
         max-width: 100%;
     }
     
     .img {
         overflow: hidden;
         position: relative;
     }
     
     .img:before {
         transition: all 0.5s;
         -webkit-transition: all 0.5s;
         -moz-transition: all 0.5s;
         -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
         content: '';
         display: block;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         border: 2px solid rgba(160, 0, 0, 0);
         z-index: 100;
     }
     
     .img:hover:before {
         top: 10px;
         left: 10px;
         right: 10px;
         bottom: 10px;
         border: 2px solid rgba(214, 0, 0, 0.5);
     }
     
     .img:hover img {
         transform: scale(1.1) rotate(3deg);
         -o-transform: scale(1.1) rotate(3deg);
         -webkit-transform: scale(1.1) rotate(3deg);
         -moz-transform: scale(1.1) rotate(3deg);
         -ms-transform: scale(1.1) rotate(3deg);
     }
     
     .owl-theme .owl-controls .owl-nav [class*=owl-] {
         position: absolute;
         margin: 0 !important;
         padding: 0 !important;
     }
     
     .owl-theme .owl-controls {
         bottom: 0%;
         height: 0;
     }
     
     .owl-theme .owl-controls .owl-nav {
         height: 0;
         position: relative;
     }
     
     .owl-theme .owl-controls .owl-nav .owl-prev {
         left: 5%;
     }
     
     .owl-theme .owl-controls .owl-nav .owl-next {
         right: 5%;
     }
     
     .owl-theme .owl-dots .owl-dot span {
         width: 4px;
         height: 4px;
         opacity: .2;
     }
     
     .owl-theme .owl-dots .owl-dot.active span,
     .owl-theme .owl-dots .owl-dot:hover span {
         opacity: 1;
         width: 30px;
         background: #fff;
     }
     
     *,
     *:after,
     *:before {
         transition: all 0.5s;
         -webkit-transition: all 0.5s;
         -moz-transition: all 0.5s;
         -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
     }
     /*----------custom----------*/
     
     .team_list {}
     
     .team_list ul {
         margin: 0 -1.5%;
     }
     
     .team_list ul li {
         float: left;
         width: 47%;
         margin: 0 1.5% 30px;
         background: #19304b;
         position: relative;
     }
     
     .team_list ul li .img {
         float: left;
         width: 200px;
         height: 200px;
         overflow: hidden;
     }
     
     .team_list ul li .img img {
         display: block;
         width: 100%;
     }
     
     .team_list ul li .web {
         overflow: hidden;
         padding: 38px 30px 0 20px;
     }
     
     .team_list ul li .web h3 {
         font-size: 18px;
         font-weight: normal;
         line-height: 22px;
     }
     
     .team_list ul li .web h3 a {
         color: #fff;
     }
     
     .team_list ul li .web h3 span {
         float: right;
         width: 95px;
         height: 22px;
         line-height: 22px;
         text-align: center;
         background: #0784c9;
         font-size: 14px;
         border-radius: 3px;
     }
     
     .team_list ul li .web p {
         margin-top: 20px;
     }
     
     .team_list ul li .web a.btn_def {
         display: block;
         width: 110px;
         height: 34px;
         line-height: 34px;
         text-align: center;
         background: #0784c9;
         color: #fff;
         position: absolute;
         bottom: 0;
         right: 0;
     }
     
     .yewu_list {}
     
     .yewu_list ul li {
         margin-bottom: 30px;
         background: #18304a;
     }
     
     .yewu_list ul li .img {
         float: left;
         width: 245px;
         height: 270px;
         overflow: hidden;
     }
     
     .yewu_list ul li .img img {
         display: block;
         width: 100%;
     }
     
     .yewu_list ul li .web {
         overflow: hidden;
         padding: 40px 64px 0 44px;
     }
     
     .yewu_list ul li .web h3 {
         font-size: 22px;
     }
     
     .yewu_list ul li .web h3 a {
         color: #fff
     }
     
     .yewu_list ul li .web p {
         margin-top: 17px;
     }
     
     .modal,
     .fp_modal {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 9999;
         transition: all 0s;
     }
     
     .fp_modal {
         display: table;
         background: rgba(20, 29, 38, 0.8);
     }
     
     .cell {
         display: table-cell;
         vertical-align: middle;
     }
     
     .modal_cont {
         width: 90%;
         max-width: 1145px;
         background: #fff;
         margin: 0 auto;
         position: relative;
         padding: 30px 0 0;
     }
     
     .md_close {
         width: 33px;
         height: 33px;
         background: url(../images/close.png) no-repeat center center;
         position: absolute;
         top: 20px;
         right: 20px;
         cursor: pointer;
     }
     
     @media only screen and (max-width: 1000px) {
         .page3_list .list ul li {
             width: 50%;
         }
         .page2_text .img_box .img {
             width: 300px;
             margin: -90px 0;
         }
         .page2_text {
             padding: 50px;
         }
         .page2_text .text h3 {
             margin-bottom: 10px;
         }
         .h_icon {
             padding: 0 20px;
         }
         .header .logo {
             width: 180px;
         }
         .h_text {
             padding: 0 10px;
         }
         .zp_list ul li {
             width: 33.33%;
         }
         .yewu_list ul li .web {
             padding: 20px;
             padding-bottom: 0;
         }
         .team_list ul li {
             width: 97%;
         }
         .page1_text .img_box {
             width: 40%;
         }
         .page1_text .text {
             padding-top: 20px;
         }
     }
     
     @media only screen and (max-width: 800px) {
         .page_tag {
             margin-bottom: 20px;
         }
         .page {
             padding: 100px 0;
         }
         .h_menu .h_text {
             margin: 0;
             z-index: 100;
             position: absolute;
             right: 0;
         }
         .fzlc_list ul li span {
             width: 120px;
             margin-right: 40px;
         }
         .fzlc_list .list .line {
             left: 118px;
         }
         .jxry_list ul li {
             width: 33.333%;
         }
         .team_text .text {
             width: auto;
             margin: 0 0px;
         }
         .team_owl .owl_cur {
             bottom: -40px;
             top: auto;
             z-index: 100
         }
         .team_text {
             z-index: 100
         }
         .team_owl .item {
             margin-top: 80px;
         }
         .team_owl .item:hover,
         .team_owl .item.on {
             margin-top: 40px;
         }
         .news_owl {
             padding: 0 0px;
         }
         .news_owl .owl_cur {
             z-index: 10
         }
         .page6_text .list ul li {
             display: block
         }
         .page6_contact .list li {
             width: 98%;
         }
         .mainer {
             padding-bottom: 80px;
         }
         .copyright {
             bottom: 10px;
         }
         .page6_text .list ul li p {
             line-height: 20px;
             padding: 10px 0;
         }
         .page_tag ul li {
             width: 33.333%;
         }
         .page7,
         .page8 {
             padding-top: 80px;
         }
         .zp_list ul li {
             width: 50%;
         }
         .zp_list ul li a {
             font-size: 14px;
             line-height: 30px;
         }
         .header.fixed {
             background: rgba(0, 0, 0, .75)
         }
         .yewu_list ul li .img {
             margin-right: 0;
             width: 100%;
             float: none;
         }
         .yewu_list ul li .web {
             padding: 15px;
         }
         .team_list ul li .img {
             float: none;
             width: 100%;
             height: auto;
             margin: 0 auto;
         }
         .team_list ul li .web {
             padding: 20px 15px;
             padding-bottom: 40px;
         }
         .news_md_cont .web .img {
             float: none;
             width: 100%;
         }
         .team_list ul li .web p {
             margin-top: 10px;
         }
         .modal_cont {
             padding: 15px 0;
         }
         .news_md_cont .web {
             margin-top: 15px;
             height: 350px;
         }