@charset "utf-8";
/* CSS Document */
body { font: 14px/22px Source Han Sans CN;  margin: 0px; background:#f4f4f4;}
*{ padding:0; margin:0;}
ul,li,p{ list-style:none; padding:0; margin:0;}
a { color:#333; text-decoration:none;}
a:hover{ color:#0090d5; text-decoration:none !important;}
label {font-weight:200;}
.page{ text-align:center; margin:10px 0; width:100%; float:right;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}
.clearboth { clear:both; }


.header {position: fixed;left: 0;top: 0;z-index: 998;width: 100%;height:180px;background:rgba(255,255,255,1);-webkit-box-shadow: 0 0px 30px 0px rgba(6, 32, 85, 0.1);box-shadow: 0 0px 30px 0px rgba(6, 32, 85, 0.1);
-webkit-transition: all 500ms cubic-bezier(0.2, 0, 0, 1);transition: all 500ms cubic-bezier(0.2, 0, 0, 1);}
.header.hide {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.header .w {max-width: 1750px;}
.header__container {height:100%;display: -webkit-box; width:100%;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header .h_top{height:40px; line-height:40px; border-bottom:1px solid #454d52; color:#666666; display:block;}
.header .h_top a{color:#666666; padding-right:20px;}
.header .h_top i{color:#169fa8; font-size:18px; padding-right:10px;}
.header .h_top .yuyan{float:right; font-weight:bold; position:relative; text-align:right;}
.header .h_top .la{display:none; width:120px; position:absolute; right:0; top:40px; background:#169fa8;z-index:99;}
.header .h_top .yuyan .la ul li{ height:46px; line-height:46px; text-align:center;}
.header .h_top .yuyan .la ul li a{ display:block; color:#fff; border-bottom:1px solid #ccc; padding-right:0;}
.header .h_top .yuyan .la ul li a:hover{ background:#fff; color:#169fa8;}
.header .h_top .yuyan:hover .la{display:block;}
.header .logo{ width:100%; float:left; margin:20px 0;}
.header .logo img {width:480px; max-width:1750px;}
.header .nav {height: 100%; /*margin-left:15%;*/ width:100%; float:left;}
.header .nav .menu{height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header .nav .menu li {height: 100%;position: relative; margin: 0 2%;  transition:all 0.6s; width:auto; text-align:center;}
.header .nav .menu li.current-menu-ancestor > a, .header .nav .menu li.current-menu-item > a {color: #169fa8; text-align:center;}
.header .nav .menu li a{border-top:4px solid #fff; transition:all 0.6s; text-align:center; font-size:16px;}
.header .nav .menu li.on a{border-top:4px solid #fff; transition:all 0.6s; color:#169fa8}
.header .nav .menu li:hover a{border-top:4px solid #fff; color:#169fa8}
.header .nav .menu li:hover > .sub-menu {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);pointer-events: auto;}

.header .nav .menu li a {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative; color: #666;font-weight:bold;}
.header .nav .menu li .sub-menu {position: absolute;left: 0;top:97%;min-width: 160px;line-height: 42px;border-top:4px solid #169fa8;padding: 10px 0;background-color: #fff;-webkit-box-shadow: 0 0px 30px 0px rgba(6, 32, 85, 0.1);box-shadow: 0 0px 30px 0px rgba(6, 32, 85, 0.1);opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);pointer-events: none;-webkit-transition: all 500ms cubic-bezier(0.2, 0, 0, 1);transition: all 500ms cubic-bezier(0.2, 0, 0, 1);}

.header .nav .menu li .sub-menu li { margin: 0;}
.header .nav .menu li .sub-menu li:hover > a {background-color: #169fa8;color: #fff; border:0px;}
.header .nav .menu li .sub-menu li a {padding: 0 1.5625vw;white-space: nowrap;color:#222; border:0px;}

.header .nav .menu li .sub-menu li .sub-menu {left: 100%;top: 0;}
.header__right {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header__delimiter {width: 2px;height: 16px;background-color: #F5F5F5;margin: 0 6px;}
.header .search-btn {cursor: pointer; color:#f00;}
.header .language {position: relative;color: #f00; display:none;}
.header .language__btn {cursor: pointer;}
.header .language__container {position: absolute;top: calc(100% + .6rem);left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);padding: 1rem 0;background-color: #fff;border-radius: .4rem;-webkit-box-shadow: 0 0px 30px 0px rgba(6, 32, 85, 0.1);box-shadow: 0 0px 30px 0px rgba(6, 32, 85, 0.1);font-size: 14px;line-height: 42px;opacity: 0;pointer-events: none;-webkit-transition: all 500ms cubic-bezier(0.2, 0, 0, 1);transition: all 500ms cubic-bezier(0.2, 0, 0, 1);}
.header .language__container.active {opacity: 1;pointer-events: auto;}
.header .language__container::after {content: " ";position: absolute;top: -.4rem;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 0;height: 0;border-width: .4rem; border-style: solid;border-color: transparent;border-top-width: 0;border-bottom-color: #fff;}
.header .language__option {display: block;padding: 0 2rem;}
.header .language__option:hover {background-color: #169fa8;color: #fff;}
.header .phone {font-family: "Poppins-Medium";display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-left: 1.0416666vw;}
.header .phone__icon {margin-right: 2rem;}
.header .nav-mobile {display: none;}
.header .nav-btn {display: none;}
.logo .shoujidh{font-size:24px; letter-spacing:3px; text-align:left; font-style:italic;color:#000; float:right; margin-top:15px;}

.banner{ margin-top:144px;}
.nybanner{ margin-top:144px;}

/*手机端导航*/
.sp_nav{width:30px;float:right;position:absolute;cursor:pointer;height:25px;margin-top:25px; display:block; right:15px;}
.sp_nav span{display:block;background:#169fa8;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:7px}
.sp_nav span:nth-of-type(3){top:14px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#169fa8;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;/*border-left:1px #ddd solid;*/height:30px;padding:0px 7px 0 7px;width: 85%;text-align: right;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #365dbf solid;margin-left:15px;position:relative;line-height:44px;font-size:17px}
.sjj_nav>ul >li:last-child{border-bottom:1px #169fa8 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:80%}
.sjj_nav ul li ul li a{color:#fff;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:0}
main{margin-top:180px;}

.more{height:40px; line-height:40px;margin-left:0px;}
.more span{ display:inline-block; margin-right:5px; background:#169fa8; color:#fff; font-size:14px;text-transform:uppercase; text-align:center; padding:0 20px;}
.more span i{ font-size:16px; display:block;}


/*首页产品*/
.sy_product{ width:100%;background-image: url(../images/sy_pro.jpg);background-position: center;background-repeat: no-repeat;background-size: 100% auto; padding:60px 0; padding-bottom:70px;}
.title{ text-align:center;text-transform:uppercase; margin-bottom:60px;}
.title .t1{ line-height:116px; font-size:118px; color:#e9e9e9; font-weight:bold;}
.title .t2{ margin-top:-85px; font-size:46px; color:#060606;font-weight:bold;}
.tab{ width:100%; margin:0 auto; position:relative;}
.tab .cp_m{ position:absolute; bottom:88px; right:0; background:url(../images/more.png) no-repeat right bottom; width:100px; height:84px; z-index:99;}
.tab .cp_m a{ display:block; width:100%; height:100%; position:relative;}
.tab .cp_m a i{ display:block; position:absolute; right:10px; bottom:10px; font-size:24px; color:#fff; transition:all 0.5s;}
.tab-hd {overflow:hidden; zoom:1; margin-top:30px;}
.tab-hd li{ float:left;margin-right:10px;background:none;padding-top:10px;}
.tab-hd li a{border:1px solid #fff; height:48px; line-height:48px; padding:0 15px;text-transform:uppercase;text-align:center; cursor:pointer; color:#fff; font-size:18px; display:block;}
.tab-hd li.active{background:url("../images/icoUp.png") no-repeat center 0;}
.tab-hd li.active a{background:#169fa8;}
.tab-bd li{display:none;background:#fff; padding:20px; overflow:hidden;}
.tab-bd li:nth-child(1) .swiper-slide{ width: 400px;margin-right: 30px;}
.tab-bd li:nth-child(2) .swiper-slide{ width: 400px;margin-right: 30px;}
.tab-bd li:nth-child(3) .swiper-slide{ width: 400px;margin-right: 30px;}
.tab-bd li:nth-child(4) .swiper-slide{ width: 400px;margin-right: 30px;}
.tab-bd li .line{ padding:0 15px;}
.tab-bd li .l{ padding:12px; border-radius:5px; border:1px solid #f4f6f8; padding-bottom:25px;}
.tab-bd li .l .img{border-radius:5px;position:relative; width:100%; overflow:hidden; margin-bottom:20px;}
.tab-bd li .l .img b{ transform:scale(1,1);  transition-duration:0.5s; display:block;}
.tab-bd li .l .img .cp_dt{ display:block; max-width:100%;transform:rotate(0); transition-duration:0.5s;}
.tab-bd li .l a:hover .img .cp_dt{ transform:rotate(10deg);}
.tab-bd li .l a:hover .img b{ transform:scale(1.3,1.3);}
.tab-bd li .l .tit{ margin:20px 0; font-size:20px; color:#222222; padding:0 15px;}
.tab-bd li .l .txt{ color:#999999; font-size:15px; line-height:24px; height:65px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:0 15px; margin-bottom:20px; display:block;}
.tab-bd li.thisclass{ display:list-item;}


/*首页合作伙伴*/
.hezuo{padding:60px 0 0;}
.hezuo .title{font-size: 4.6rem;color: #060606;line-height: 1.25;text-transform: uppercase; font-weight:bold;text-align:center;}
.hezuo p{font-size:2.2rem;color: #060606;text-transform: uppercase;text-align:center;}
.hezuo .nr{justify-content: center;align-items: center;flex-wrap: wrap; width:100%; margin-top:80px;}
.hezuo .nr .card{position: relative;width:207px;height:115px; margin-bottom:20px; border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; padding:0 5%; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
/*首页四大块*/
.sy_box1{ width:100%; background:url(../images/s_bj.jpg) no-repeat center;border-radius:0 0 180px 0; padding:80px 0;}
.sy_box1 .j_top{}
.sy_box1 .j_top .j_left{text-align:left;}
.sy_box1 .j_top .j_left p{color:#0a66d7; font-size:18px; margin-bottom:20px;}
.sy_box1 .j_top .j_left p a{ display:block; width:120px; float:left;color:#0a66d7; }
.sy_box1 .j_top .j_left p span{width:50px; height:2px; background:#008ced; display:block; float:left;margin-top: 10px;}
.sy_box1 .j_top .j_left .title{color:#000000; font-size:40px;}
.sy_box1 .j_top .j_right{ text-align:left; font-size:16px; color:#222222; float:right; margin-top:30px;}
/*.container1{display: flex;width: 100%;padding:0;box-sizing: border-box;height:530px; margin-top:70px;}
.box {flex: 1;overflow: hidden;transition: .5s;box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);line-height: 0; margin:0 8px; border-radius:40px 0 40px 0; border:1px solid #fff; position:relative;}
.box > img {width: 200%;height: calc(100% - 0);-o-object-fit: cover;object-fit: cover;transition: .5s;}
.box .nr{ position:absolute;height: calc(100% - 50%);width: calc(100% - 50%); color:#fff;}
.box .nr h2{ font-size:22px;}
.box .nr p{}
.box:hover {flex: 1 1 50%;}
.box:hover > img {width: 100%;height: 100%;}*/
.sy_box1 .bott_{ margin-top:50px;}
.sy_box1 .bott_ .item{ margin-left:1.4%;position:relative;float:left;width:12.8%;height:512px;text-align:center;color:#fff; background-repeat:no-repeat;transition-duration:1s;border-radius:40px 0 40px 0;}
.sy_box1 .bott_ .item:first-child{margin-left:0;}
.sy_box1 .bott_ .item1{margin-top:31px; background-position: 79% 0; background:url(../images/j1.jpg) no-repeat center;}
.sy_box1 .bott_ .item2{margin-top:71px; background-position:75% 0;background:url(../images/j2.jpg) no-repeat center;}
.sy_box1 .bott_ .item3{background-position:82% 0;background:url(../images/j3.jpg) no-repeat center;}
.sy_box1 .bott_ .item4{margin-top:56px; background-position:55% 0;background:url(../images/j4.jpg) no-repeat center;}
.sy_box1 .bott_ .item.on, .sy_box1 .bott_ .item:hover{width:56%; text-align:left; background-position:0 !important;}
.sy_box1 .bott_ .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0;z-index:0; opacity:1; visibility:visible; transition-duration:.3s;}
.sy_box1 .bott_ .item .inner{position:relative;margin:200px 40px;}
.sy_box1 .bott_ .item .inner .tit{font-size:22px; transition:.5s ease;}
.sy_box1 .bott_ .item .inner .con{opacity:0; visibility:hidden; max-width:450px;; transition:.5s ease; height:0; overflow:hidden;}
.sy_box1 .bott_ .item .inner .con .txt{margin:20px 0 60px; text-shadow:1px 1px 2px #222;} 
.sy_box1 .bott_ .item.on .inner {margin:120px 40px 0;}
.sy_box1 .bott_ .item.on::before{opacity:0; visibility:hidden;}
.sy_box1 .bott_ .item.on .inner .tit{font-size:35px; text-shadow:3px 3px 2px #222;}
.sy_box1 .bott_ .item.on .inner .con{opacity:1; visibility:visible; height:300px;}
.sy_box1 .bott_ .item:hover .inner {margin:120px 40px 0;}
.sy_box1 .bott_ .item:hover::before{opacity:0; visibility:hidden;}
.sy_box1 .bott_ .item:hover .inner .tit{font-size:35px;}
.sy_box1 .bott_ .item:hover .inner .con{opacity:1; visibility:visible; height:300px;}
.sy_box1 .bott_ .item .noborder-btn{ font-size:16px; color:#fff;text-shadow:1px 1px 2px #222; font-weight:bold;}



.sy_box2{ width:100%; background:url(../images/box2_bj.jpg) no-repeat center;padding:60px 0 0;}
.sy_box2 .s_left{ text-align:left;}
.sy_box2 .s_left .title{}
.sy_box2 .s_left .title .t1{ color:#2e2e2e; font-size:36px;}
.sy_box2 .s_left .title .t2{ color:#bfc6ce; font-size:28px; font-weight:bold;text-transform: uppercase;}
.sy_box2 .s_left .title span{ display:block; margin:30px 0; width:40px; height:6px; background:#0a66d7;}
.sy_box2 .s_left .nr{ line-height:28px; color:#555; text-indent:2em; margin-bottom:45px; font-size:16px;}
.sy_box2 .s_left .view-more1{display: block;width: 168px;height: 50px;line-height: 50px;background: #169fa8;color: #fff; border-radius:25px;font-size: 14px;text-transform: uppercase;text-align: center;transition-duration: .3s; margin-bottom:30px;}
.sy_box2 .s_left .view-more1.green{background: #0a66d7; }
.sy_box2 .s_left .view-more1:hover {color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.sy_box2 .s_left .view-more1:hover:after{margin-left: 12px; }
.sy_box2 .s_left .view-more1:after {position: relative;content: "";display: inline-block;vertical-align: middle;width: 13px;height: 10px;margin-left: 22px;transition-duration: .3s;background: url(../images/view-more1.png) no-repeat center; }
.sy_box2 .s_right{width:100%; height:365px;}
.sy_box2 .s_right .img1{ float:left; margin-top:13%;}
.about2{ margin-top:90px;}
.about2 ul li{ float:left; width:33%; color:#666; border-right:1px solid #bfc6ce; text-align:center;position:relative; }
.about2 ul li h2{ font-size:60px; line-height:60px; font-weight:bold; text-align:center;display:block;color:#169fa8; margin-top:0;}
.about2 ul li p{ font-size:18px; font-weight:normal; text-align:center; color:#010101; margin-bottom:0;}
.about2 ul li b{font-weight:normal; position:absolute; top:0; right:90px; color:#169fa8; font-size:30px;}
.about2 .last{ border-right:none;}
.jiah{ font-size:24px; position:absolute; right:33%; top:3%;}
.about2 .last .jiah{ font-size:24px; position:absolute; right:22%; top:3%;}

.sy_box3{ width:100%; background:url(../images/box3_bj.jpg) no-repeat center;border-radius:180px 0 0 0; padding:80px 0;}
.box4-btns {
  flex: 0 0 106px;
  display: inline-flex;
  justify-content: space-between; }
  .box4-btns .btn {
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 44px;
    height: 44px;
    cursor: pointer;
    transition-duration: .3s;
    position: relative; }
    .box4-btns .btn:after {
      display: block;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      transform: rotate(45deg);
      border: 2px solid #e3e3e3;
      box-sizing: border-box;
      transition-duration: .3s;
      overflow: hidden;
      border-radius: 50%; }
    .box4-btns .btn:hover:after {
      border-color: #005bac #005bac #005bac #e3e3e3; }
  .box4-btns .prev {
    background: url(../images/prev1.png) no-repeat center #fff; }
  .box4-btns .next {
    background: url(../images/next1.png) no-repeat center #fff; }

.moudle-titles {
  padding: 0 0 .7rem; }
  .moudle-titles.padTop {
    padding-top: 2.1rem; }
  .moudle-titles .title-h5 {
    font-size: 36px;
    line-height: 1.1;
    color: #333; }
  .moudle-titles .title-h5-en {
    font-size: 30px;
    line-height: 1.1;
    color: #bfc6ce;
    font-family: "gothicB";
    padding-bottom: .7rem;
    text-transform: uppercase;
    margin-top: 10px; }
  .moudle-titles .en-s0 {
    display: inline-block;
    vertical-align: middle; }
  .moudle-titles .en-cn {
    font-size: 16px;
    color: #999;
    display: inline-block;
    vertical-align: middle; }
  .moudle-titles .title-h6 {
    font-size: 16px;
    line-height: 26px;
    color: #999;
    padding: 16px 0 2rem;
    display: block; }
  .moudle-titles .title-font24 {
    font-size: 24px;
    line-height: 26px;
    color: #333;
    display: block;
    margin-top: 10px; }
  .moudle-titles .title-font15 {
    font-size: 15px;
    line-height: 26px;
    color: #888;
    padding: .7rem 0 .8rem;
    display: block; }
/*新闻开始*/
.xw{ margin:30px auto; text-align:center;}
.xw .xw_tit{ text-align:center; font-size:28px; color:#222222; line-height:1; font-weight:bold; margin-bottom:30px; position:relative; display:inline-block; padding:0 30px;}
.xw .xw_tit img{ width:16px; height:17px; position:absolute; left:0; top:0;}
.xw img:nth-child(2){ width:16px; height:17px; position:absolute; right:0; bottom:0; left:auto; top:auto;
transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */}
.xw_left{ width:100%; text-align:left; background:#f4f4f4; overflow:hidden;}
.xw_tu{ width:100%; float:left; overflow:hidden;}
.xw_tu img{ display:block; max-width:100%; height:auto; margin:auto; transform: scale(1,1); transition-duration: 0.5s; float:left;}
.xw_tu:hover  img{ transform: scale(1.1,1.1); transition-duration: 0.5s;}
.xw_zi{ float:left; width:100%; background:#f4f4f4;padding: 30px 20px;box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;}
.xw_zi h2{ font-size:22px; line-height:32px; height:64px; margin:0 0 28px 0; color:#010101; text-align:left;}
.xw_left:hover .xw_zi h2{ color:#005cb9;}
.xw_zi p{ font-size:16px; line-height:28px; height:168px; overflow:hidden; color:#949494; text-align:left; margin:0 0 20px 0;}
.xw_zi span{ font-size:14px; text-align:left; line-height:1;}
.xw_zi span i{ font-size:20px; display:inline-block; margin-right:10px;}
.xw_zi .xw_m1{ width:36px; height:36px; border:1px solid #0370de; text-align:center; font-size:20px; color:#0370de; line-height:34px;
 border-radius:60px; float:right; margin-top:28px;}
.xw_zi:hover .xw_m1{ background:#0370de; color:#fff;}
.xw_zi:hover .xw_m1 i{ color:#fff;}
.xw_zi .xw_m1 i{ color:#0370de;}
 
.xw_zi_box{ background:#f4f4f4;padding: 0 20px 0 20px;}
.xw_zi_box .xw_li{ padding:20px 0; border-top:1px solid #e4e8ed; text-align:left;}
.xw_zi_box .xw_li:nth-child(1){ border:none;} 
.xw_zi_box .xw_li h2{ padding-left:12px; font-size:18px; text-align:left; color:#010101; line-height:1; margin:0 0 19px 0; position:relative;
 white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.xw_zi_box .xw_li h2:after{ position:absolute; left:0px; top:50%; margin-top:-1px; content:''; width:5px; height:5px; background:#005cb9; border-radius:30px;}
.xw_zi_box .xw_li p{ font-size:16px; color:#949494; text-align:left; margin:0;  text-overflow:ellipsis; overflow:hidden;}  
.xw_zi_box .xw_li:hover h2{ color:#005cb9;}

.xw_m{ text-align:center; border-bottom:2px solid #005cb9; font-size:18px; line-height:46px; margin:20px auto 0px auto; width:160px; transition:all 0.5s;}
.xw_m i{ display:inline-block; margin-left:10px; color:#005cb9;}
.xw_m:hover{ background:#005cb9; color:#fff; border-radius:10px; border-bottom:2px solid #fff;}
.xw_m:hover a, .xw_m:hover i{ color:#fff;} 
/*新闻结束*/

.view-more1 {
  display: block;
  width: 168px;
  height: 50px;
  line-height: 50px;
  background: #005bac;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'gothic';
  text-align: center;
  transition-duration: .3s; }
  .view-more1.green {
    background: #3d8f30; }
  .view-more1:hover {
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
    .view-more1:hover:after {
      margin-left: 12px; }
  .view-more1:after {
    position: relative;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 10px;
    margin-left: 22px;
    transition-duration: .3s;
    background: url(../images/view-more1.png) no-repeat center; }

.bg10mc {
  background: rgba(0, 91, 172, 0.1); }
.flexBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.can-hover .img-wrap {overflow: hidden; }
.can-hover .img-wrap .img100 {transition: all 1.5s ease; padding: 0;margin: 0;}
.can-hover:hover .img-wrap .img100 {
  transform: scale3D(1.1, 1.1, 1.1); }

.bgImg {background-size: cover !important;background-repeat: no-repeat !important;background-position: center !important; }
.omit2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

.footer{ width:100%; background:url(../images/footer_bj.jpg) no-repeat center; padding:100px 0;}
.footer .f_logo{ margin:0 auto; margin-bottom:50px;}
.footer .f_logo img{ display:block; margin:0 auto; max-width:100%;}
.footer .like{ margin:0 auto; text-align:center; margin-bottom:60px;}
.footer .like .dropdown{ display:inline;}
.footer .like .dropdown-toggle{background:#2a63c0; border:1px solid #678ecb; color:#fff; border-radius:0; width:210px; text-align:left;}
.footer .like .dropdown-toggle span{ float:right;}
.footer .like .dropdown-menu{ min-width:210px !important; margin-top:10px !important; border-radius:0 !important;}
.footer .nav_list{text-align:center;margin-bottom:20px;color:#fff;}
.footer .nav_list a{font-size:16px;color:#fff;text-align:center;padding:0 10px;}
.footer p{ text-align:center; color:#c7cddf; font-size:16px;}
.footer .ylian a{font-size:14px; color:#fff;}
.footer .tubiao{ margin-top:30px; text-align:center;}
.footer .tubiao ul li{ display:inline; text-align:center; margin:0 auto;}
.ft{ background:#169fa8; height:50px; line-height:50px; color:#ffffff; width:100%;}
.ft a{ color:#fff; text-align:left;}
.ft span{ float:right; text-align:right;}
.ft1{ display:none;}
@media (min-width:200px) {
.jiah{ font-size:22px; position:absolute; right:15%; top:3%;}
.about2 .last .jiah{ font-size:22px; position:absolute; right:0; top:3%;}
.header .logo1 img {width:200px;}
main{margin-top:60px;}
.header {height:60px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:48%; margin-bottom:20px; margin-left:1%; margin-right:1%; text-align:left; float:left;}
.sycpbg21{ display:block;}
.abotab{ display:none;}
.product_show .miaoshu{ width:100%;}
.sp-wrap {margin: 0 0 15px 0;width:100%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:68px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:36px; color:#060606; font-weight:bold;}
.products{display:none;}
}
@media (min-width:200px) {
.jiah{ font-size:22px; position:absolute; right:15%; top:3%;}
.about2 .last .jiah{ font-size:22px; position:absolute; right:0; top:3%;}
.header .logo1 img {width:200px;}
main{margin-top:60px;}
.header {height:60px;}
.nybanner{ margin-top:60px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:48%; margin-bottom:20px; margin-left:1%; margin-right:1%; text-align:left; float:left;}
.sycpbg21{ display:block;}
.abotab{ display:none;}
.product_show .miaoshu{ width:100%;}
.sp-wrap {margin: 0 0 15px 0;width:100%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:68px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:36px; color:#060606; font-weight:bold;}
.products{display:none;}
}
@media (min-width:300px) {
.jiah{ font-size:22px; position:absolute; right:15%; top:3%;}
.about2 .last .jiah{ font-size:22px; position:absolute; right:0; top:3%;}
.header .logo1 img {width:220px;}
main{margin-top:60px;}
.header {height:60px;}
.nybanner{ margin-top:60px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:48%; margin-bottom:20px; margin-left:1%; margin-right:1%; text-align:left; float:left;}
.hezuo .nr .card{position: relative;width:150px;height:90px; margin-bottom:20px; border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:block;}
.abotab{ display:none;}
.product_show .miaoshu{ width:100%;}
.sp-wrap {margin: 0 0 15px 0;width:100%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:68px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:36px; color:#060606; font-weight:bold;}
.products{display:none;}
}
@media (min-width:400px) {
.jiah{ font-size:22px; position:absolute; right:18%; top:3%;}
.about2 .last .jiah{ font-size:22px; position:absolute; right:3%; top:3%;}
.header .logo1 img {width:220px;}
main{margin-top:60px;}
.header {height:60px;}
.nybanner{ margin-top:0px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block; float:right;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:48%; margin-bottom:20px; margin-left:1%; margin-right:1%; text-align:left; float:left;}
.hezuo .nr .card{position: relative;width:178px;height:110px; margin-bottom:20px; border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:block;}
.abotab{ display:none;}
.product_show .miaoshu{ width:100%;}
.sp-wrap {margin: 0 0 15px 0;width:100%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:78px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:36px; color:#060606; font-weight:bold;}
.products{display:none;}
}
@media (min-width:500px) {
.jiah{ font-size:22px; position:absolute; right:18%; top:3%;}
.about2 .last .jiah{ font-size:22px; position:absolute; right:3%; top:3%;}
.banner{ margin-top:60px;}
.logo1{ display:block; margin-top:50px;}
.logow{ display:none;}
.shoujidh{ display:none;}
.header .logo1 img {width:280px;}
main{margin-top:60px;}
.header {height:60px;}
.nybanner{ margin-top:0px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:48%;  margin-bottom:20px; margin-left:1%; margin-right:1%; text-align:left; float:left;}
.hezuo .nr .card{position: relative;width:188px;height:112px; margin-bottom:20px; border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:block;}
.abotab{ display:none;}
.product_show .miaoshu{ width:100%;}
.sp-wrap {margin: 0 0 15px 0;width:100%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:88px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:36px; color:#060606; font-weight:bold;}
.products{display:none;}
}

@media (min-width:700px) {
.jiah{ font-size:22px; position:absolute; right:18%; top:3%;}
.about2 .last .jiah{ font-size:22px; position:absolute; right:3%; top:3%;}
.banner{ margin-top:80px;}
.logo1{ display:block; margin-top:15px;}
.logow{ display:none;}
.shoujidh{ display:none;}
.products{display:none;}
.header .logo1 img {width:300px;}
main{margin-top:60px;}
.header {height:80px;}
.nybanner{ margin-top:20px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:48%; margin-bottom:20px; margin-left:1%; margin-right:1%; text-align:left; float:left;}
.hezuo .nr .card{position: relative;width:168px;height:102px; margin-bottom:20px; border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:block;}
.abotab{ display:none;}
.product_show .miaoshu{ width:50%;}
.sp-wrap {margin: 0 0 15px 0;width:50%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:98px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:46px; color:#060606; font-weight:bold;}
}
@media (min-width:800px) {
.jiah{ font-size:24px; position:absolute; right:18%; top:3%;}
.about2 .last .jiah{ font-size:24px; position:absolute; right:3%; top:3%;}
.banner{ margin-top:60px;}
.logo1{ display:block; margin-top:5px;}
.logow{ display:none;}
.shoujidh{ display:none;}
.header .logo1 img {width:300px;}
main{margin-top:60px;}
.header {height:80px;}
.nybanner{ margin-top:80px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:48%; margin-bottom:20px; margin-left:1%; margin-right:1%; text-align:left; float:left;}
.hezuo .nr .card{position: relative;width:168px;height:102px; margin-bottom:20px; border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:block;}
.abotab{ display:none;}
.product_show .miaoshu{ width:55%;}
.sp-wrap {margin: 0 0 15px 0;width:45%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:108px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:46px; color:#060606; font-weight:bold;}
.products{display:block;}
.xw_zi h2 {font-size: 22px;line-height: 32px;height: 32px;margin: 0 0 15px 0;}
	.xw_zi p{ height:auto;}
	.xw_zi .xw_m1{ margin-top:0;}
}
@media (min-width:900px) {
.jiah{ font-size:24px; position:absolute; right:18%; top:3%;}
.about2 .last .jiah{ font-size:24px; position:absolute; right:3%; top:3%;}
.banner{ margin-top:80px;}
.nybanner{ margin-top:80px;}
.logo1{ display:block;}
.logow{ display:none;}
.shoujidh{ display:none;}
.header .logo1 img {width:330px;}
main{margin-top:60px;}
.header {height:80px;}
.header .h_top{display:none;}
.sp_nav{ display:block;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:32%;  margin-bottom:20px; margin-left:0.65%; margin-right:0.65%; text-align:left; float:left;}
.hezuo .nr .card{position: relative;width:168px;height:102px; margin-bottom:20px; border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:block;}
.abotab{ display:none;}
.product_show .miaoshu{ width:55%;}
.sp-wrap {margin: 0 0 15px 0;width:45%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:108px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:46px; color:#060606; font-weight:bold;}
.products{display:block;}
}
@media (min-width:1000px)  {
.jiah{ font-size:24px; position:absolute; right:23%; top:3%;}
.about2 .last .jiah{ font-size:24px; position:absolute; right:13%; top:3%;}
.banner{ margin-top:80px;}
.nybanner{ margin-top:80px;}
.logo1{ display:block;}
.logow{ display:none;}
.shoujidh{ display:none;}
.header .logo1 img {width:360px;}
main{margin-top:60px;}
.header {height:80px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:32%; margin-bottom:20px; margin-left:0.65%; margin-right:0.65%; text-align:left; float:left;}
.hezuo .nr .card{position: relative;width:150px;height:90px; margin-bottom:20px; border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:none;}
.abotab{ display:block;}
.product_show .miaoshu{ width:55%;}
.sp-wrap {margin: 0 0 15px 0;width:45%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:118px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:46px; color:#060606; font-weight:bold;}
.products{display:block;}
}
@media (min-width:1100px)  {
.jiah{ font-size:24px; position:absolute; right:23%; top:3%;}
.about2 .last .jiah{ font-size:24px; position:absolute; right:13%; top:3%;}
.banner{ margin-top:80px;}
.nybanner{ margin-top:80px;}
.logo1{ display:block;}
.logow{ display:none;}
.shoujidh{ display:none;}
.header .logo img {width:400px;}
main{margin-top:60px;}
.header {height:80px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:32%;  margin-bottom:20px; margin-left:0.65%; margin-right:0.65%; text-align:left; float:left;}
.hezuo .nr .card{position: relative;width:150px;height:90px; margin-bottom:20px; border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:none;}
.abotab{ display:block;}
.product_show .miaoshu{ width:55%;}
.sp-wrap {margin: 0 0 15px 0;width:45%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:118px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:46px; color:#060606; font-weight:bold;}
.products{display:block;}
}
@media (min-width:1200px) {
.jiah{ font-size:24px; position:absolute; right:33%; top:3%;}
.about2 .last .jiah{ font-size:24px; position:absolute; right:22%; top:3%;}
.logo1{ display:none;}
.logow{ display:block;}
.shoujidh{ display:block;}
.header .logo img {width:400px;}
.header .nav .menu li a {font-size:14px;}
main{margin-top:180px;}
.header {height:144px;}
.nybanner{ margin-top:144px;}
.header .h_top{display:block;}
.nav{ display:block;}
.sp_nav{ display:none;}
.index_main3{ width:90%; margin:0 auto; position:relative;}
#owl-demo .item dd{ width:32%; margin-bottom:20px; margin-left:0.65%; margin-right:0.65%; text-align:left; float:left;}
.hezuo .nr .card{position: relative;width:150px;height:90px; margin-bottom:20px; border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:none;}
.abotab{ display:block;}
.sy_about .title .t1{ line-height:116px; font-size:118px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:46px; color:#060606; font-weight:bold;}
.products{display:block;}
	/*新闻开始*/
	.xw{margin:45px auto 75px;}
	.xw .xw_tit{font-size:48px;margin-bottom:60px;padding:0 50px;}
	.xw_tu{width:50%;}
	.xw_zi{width:50%;padding:50px 42px;}
	.xw_zi h2{font-size:22px; line-height:32px; height:64px; margin:0 0 28px 0;}
	.xw_zi p{font-size:16px; line-height:28px; height:168px;margin:0 0 20px 0;}
	.xw_zi .xw_m1{margin-top:28px;}
	.xw_zi_box{padding:0 40px 0 35px;}
	.xw_zi_box .xw_li{ padding:13px 0;}
	.first .xw_li{ padding:53px 0 13px;}
	.xw_zi_box .xw_li h2{ padding-left:12px; font-size:18px;margin:0 0 19px 0;}
	.xw_zi_box .xw_li p{ font-size:16px;}  
	.xw_m{font-size:20px;line-height:46px;margin:60px auto 0px auto;width:220px;}
	
	/*新闻结束*/
}

@media (min-width:1300px) {
.logo1{ display:none;}
.header .logo img {width:400px;}
.header .nav .menu li a {font-size:14px;}
main{margin-top:180px;}
.header {height:144px;}
.nybanner{ margin-top:144px;}
.header .h_top{display:block;}
.nav{ display:block;}
.sp_nav{ display:none;}
.index_main3{ width:90%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:32%; margin-bottom:20px; margin-left:0.65%; margin-right:0.65%; text-align:left; float:left;}
.hezuo .nr .card{position: relative;width:187px;height:115px; margin:0 5px 20px;  border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
.hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#009ca2;backface-visibility: hidden;display: flex;justify-content: center;align-items: center; transform: rotateY(180deg);}
.hezuo .nr .card .box .contentBx div{ padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
.hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
.hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:none;}
.abotab{ display:block;}
.sy_about .title .t1{ line-height:116px; font-size:118px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:46px; color:#060606; font-weight:bold;}
.products{display:block;}
}
@media (min-width:1440px) {
.logo1{ display:none;}
.header .logo img {width:406px; float:left;}
.header .nav .menu li a {font-size:16px;}
main{margin-top:144px;}
.header {height:144px;}
.header .h_top{display:block;}
.nav{ display:block;}
.sp_nav{ display:none;}
.container{ width:1400px; margin:0 auto; position:relative;}
.index_main3{ width:1400px; margin:0 auto; position:relative;}
.hezuo .nr .card{position: relative;width:187px;height:115px; margin:0 5px 20px;  border:1px solid #ddd; perspective: 1000px;}
.hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 90%;height: 100%; transition: 1s ease;}

.hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
#owl-demo .item dd{ width:32%; margin-left:0.65%; margin-right:0.65%; text-align:left; float:left; margin-bottom:20px;}
.sycpbg21{ display:none;}
.abotab{ display:block;}
.sy_about .title .t1{ line-height:116px; font-size:118px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:46px; color:#060606; font-weight:bold;}
.products{display:block;}
}

@media (max-width:768px) {
	  .logo1{ display:block; margin-top:15px;}	  
	  .f1_2{ display:block; width:98%; margin:0 1%;}
	  .f1_3{ display:block; width:98%; margin:30px 1% 0;}  
	  .f1_1{ display:none;}
	  .f1{padding:70px 0 0;}
	  .f2_l{ display:block; width:98%; margin:0 1%;}
	  .f2_r{ display:none;}
	  .tab-bd li .l .tit{ margin:20px 0; font-size:16px; color:#222222; padding:0 5px; font-size:14px; text-align:center;}
	  .tab-bd li .l .txt{ color:#999999; font-size:15px; line-height:24px; height:65px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:0 15px; margin-bottom:20px; display:none;}
	  .more{height:40px; line-height:40px;margin-left:0px; display:none;}
	  .more span{ display:none;}
	  .more span.mobile_more{ display:none;}
	  .more span i{ font-size:16px; display:none;}
	  .about2 ul li h2{ font-size:28px; line-height:60px; font-weight:normal; text-align:center;display:block;color:#169fa8; margin-top:0;}
	  .about2 ul li p{ font-size:14px; font-weight:normal; text-align:center; color:#010101; margin-bottom:0;}
	  .ft1{ background:#169fa8; height:auto; line-height:30px; color:#ffffff; width:100%; display:block; padding:15px 0;}
	  .ft1 a{ color:#fff; text-align:center; width:100%; float:left;}
	  .ft1 a:hover{ color:#fff; text-align:center; width:100%; float:left;}
	  .ft1 span{ float:right; text-align:center; }
	  .ft{display:none;}
	  .banner{ margin-top:60px;}
	  .tab-bd li .l{ margin-bottom:15px;}
	  .sy_box2 .s_right{width:100%; height:285px;}
	  .sy_box2 .s_right .img1{ float:left; margin-top:8%;}
	  .about2{ margin-top:0px;}
	}
@media (max-width:1279px) {
	 .sy_product {padding:30px 0;padding-bottom:30px;background-image: url(../images/sy_pro1.jpg);}
  	 .title{margin-bottom:30px;}
     .title .t1{line-height:72px; font-size:72px;}
  	 .title .t2{margin-top:-55px;font-size:3.6rem;}
	}
@media (max-width:600px) {
		.logow{ display:none;}
		.shoujidh{ display:none;}
		.header .logo img {width:260px;}
	}