@charset "utf-8";







/* CSS Document */







/*切图：yf*/







html{ overflow-x:hidden; overflow-y:auto;}







body{overflow: hidden;}







*{ padding:0; margin:0;}







ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}







body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}







code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}







address, caption, cite, code, dfn, em, th, var {







	font-style: normal;







	font-weight: normal;







}







a{ text-decoration:none; color:#333; cursor: pointer;







        transition: all 0.5s linear;







   -moz-transition: all 0.5s linear;







-webkit-transition: all 0.5s linear;







     -o-transition: all 0.5s linear;







-webkit-tap-highlight-color:rgba(0, 0, 0, 0);







-webkit-tap-highlight-color: transparent;







}







a:hover, a:active, a:visited, a:link, a:focus{







    outline:none;







}







a:hover{color:#333; cursor:pointer;}







img{border:0; max-width:100%;}







table { border-collapse: collapse; border-spacing: 0; }







h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}







h1{font-size:36px;}







h2{font-size:24px;}







h3{font-size:22px;}







h4{font-size:18px;}







h5{font-size:14px;}







h6{font-size:12px;}







input,table,tr,td{ margin:0; padding:0; border:none;}







button,table{ border:none; background:none; margin:0; padding:0;}







select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}







textarea{ resize:none; outline:0;}







input{ outline:0;}







article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}































.top1{ position: fixed; width:100%; height:96px; left:0; top:0; z-index:1600; background-color: rgba(255,255,255,0.8);







    -webkit-transition: all 0.2s linear;







    -moz-transition: all 0.2s linear;







    -o-transition: all 0.2s linear;







    transition: all 0.2s linear;







}







.top1.active{







    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.09);







    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.09);







    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.09);







    box-shadow: 0 1px 4px rgba(0,0,0,0.09);







}







.top1 .logo{ float:left; width:206px; height:36px; line-height: 0; margin-top: 22px;  }







@media screen and (max-width:1199px){







    .top1{ display:none;}







    .pz_banner{ margin-top:68px ;  }







}







.top1 .language{ float: right; font-size: 16px; line-height: 96px;}







.top1 .language a{ float: left; color: #333; padding: 0 11px;}







.top1 .language a:hover,







.top1 .language a.on{ color: #1e1ec6; font-weight: bold;}







.top1 .language a.line{ background: url("../images/top1.png") right center no-repeat;}























































.menuBox{ padding: 0 100px 0 278px;}







.menu{ float: left; }







.menu ul{ float:left; }







.menu ul .nli{ float: left; padding: 0 10px 0 30px; position: relative; }







.menu ul .nli span a{ float:left; height: 96px; color:#333333; font-size: 16px; line-height: 96px; position: relative; }







.menu ul .nli.active span a{ color: #1e1ec6;}







.menu ul .nli span a::after{ display: none; content: '';  position: absolute; width: 100%; height: 2px; left: 0; bottom: 1px; background:#1e1ec6;  }







.menu ul .nli.active span a::after{ display: block;}







.menu .sub{ display: none; position: absolute; width: 180px; left: 50%; top: 96px; margin-left: -65px }







.menu .sub ul{ float: left; width: 100%; display: block; background-color:rgba(255,255,255,0.9); border: #eeeeee solid 1px; border-top: 0; padding: 10px 14px;







    border-radius:0 0 8px 8px;







    -webkit-border-radius:0 0 8px 8px;







    -moz-border-radius:0 0 8px 8px;







    -o-border-radius:0 0 8px 8px;







}







.menu .sub li{ padding: 10px 0; color: #333; font-size: 14px; line-height: 20px; border-bottom: #eeeeee solid 1px; text-align: center;}







.menu .sub li:last-child{ border-bottom: 0;}







.menu .sub li a{color: #333; text-transform: uppercase;}







.menu .sub li:hover a{ color: #1e1ec6;}







@media screen and (max-width:1679px){







    .menuBox{ padding: 0 55px 0 393px; }







    .menu ul .nli{ padding: 0 10px; }







    .menu ul .nli span a{ padding: 0 12px; }







}







@media screen and (max-width:1439px){







    .menu ul .nli{ padding: 0 6px; }







    .menu ul .nli span a{ padding: 0 8px; font-size: 14px; }







}















.top1 .headDown .aLi{ float: right; width: 120px; height: 34px; border: #e70012 solid 1px; text-align: center; margin-top: 18px;







    border-radius:17px;







    -webkit-border-radius:17px;







    -moz-border-radius:17px;







    -o-border-radius:17px;







}







.top1 .headDown .aLi:hover{ background-color: #e70012;}







.top1 .headDown .aLi b{ display: inline-block; width: 20px; height: 20px; margin: 6px 10px 0 0; line-height: 0; vertical-align: top;}







.top1 .headDown .aLi b .imgs{}







.top1 .headDown .aLi b .imgd{ display: none;}







.top1 .headDown .aLi:hover b .imgs{ display: none;}







.top1 .headDown .aLi:hover b .imgd{ display: block;}







.top1 .headDown .aLi span{ display: inline-block; color: #e70012; font-size: 14px; line-height: 32px;}







.top1 .headDown .aLi:hover span{ color: #fff;}























/*phone版头部*/







.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:61px;







    border-bottom: #ebebeb solid 1px; background-color: #fff;







    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.09);







    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.09);







    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.09);







    box-shadow: 0 1px 4px rgba(0,0,0,0.09);







}







.top2 .logo{ float:left; width:150px; height:26px; margin-top: 17px;}







@media screen and (max-width:1199px){







    .top2{ display:block;}







}
@media screen and (max-width:991px){
   .top2 .logo{ margin-top: 0px; } 
}














/*手机按钮*/







.menuph{







    float:right;







    margin:10px 0 0 0;







    cursor: pointer;







    width: 40px;







    height: 40px;







    text-align: center;







}







.menuph .point







{







    display: inline-block;







    width: 28px;







    height: 22px;







    margin-top: 10px;







    position: relative;







}







.menuph .point:hover .navbtn,







.menuph .point:hover .navbtn::after,







.menuph .point:hover .navbtn::before







{







    width: 28px;







}







.menuph .navbtn







{







    position: absolute;







    top: 10px;







    right: 0;







    display: inline-block;







    width: 21px;







    height: 1px;







    -webkit-transition: all .3s ease-out 0s;







    -moz-transition: all .3s ease-out 0s;







    -ms-transition: all .3s ease-out 0s;







    -o-transition: all .3s ease-out 0s;







    transition: all .3s ease-out 0s;







    background: #ea5413;







}







.menuph .navbtn::after,







.menuph .navbtn::before







{







    position: absolute;







    right: 0;







    display: inline-block;







    width: 28px;







    height: 1px;







    content: '';







    -webkit-transition: all .3s ease-out 0s;







    -moz-transition: all .3s ease-out 0s;







    -ms-transition: all .3s ease-out 0s;







    -o-transition: all .3s ease-out 0s;







    transition: all .3s ease-out 0s;







    background: #ea5413;







}







.menuph .navbtn::after







{







    top: -11px;







}







.menuph .navbtn::before







{







    top: 10px;







}







.menuph .point.active .navbtn{







    background: transparent;







}







.menuph .point.active .navbtn::after{







    -webkit-transform: rotate(45deg);







    -moz-transform: rotate(45deg);







    -ms-transform: rotate(45deg);







    -o-transform: rotate(45deg);







    transform: rotate(45deg);







    top: 0;







}







.menuph .point.active .navbtn::before







{







    -webkit-transform: rotate(-45deg);







    -moz-transform: rotate(-45deg);







    -ms-transform: rotate(-45deg);







    -o-transform: rotate(-45deg);







    transform: rotate(-45deg);







    top: 0;







}























/*手机下拉*/







.xialaph{







    position: absolute;







    top: 60px;







    left: 0;







    width: 100%;







    padding-bottom: 20px;







    display: none;







    z-index: 999999999;







    background:#fff;







}







.xialaph .titleTwo{ border-bottom: #f3f3f3 solid 1px;}







.xialaph .ul2,







.xialaph .ul3{







    display: none;







}







.xialaph .tp a{  display: block;  color: #333;  font-size: 15px;  font-weight: bold;  line-height: 50px;  position: relative;  }







.xialaph .tp b{







    position: absolute; right: 5px; top: 50%;







    width: 9px;







    height: 9px;







    float: right;







    border-top: #333 solid 1px; border-right: #333 solid 1px;







    margin-top: -7px;







    cursor: pointer;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







    transform:rotate(135deg);







    -webkit-transform:rotate(135deg);







    -moz-transform:rotate(135deg);







    -o-transform:rotate(135deg);







}







.xialaph .tp.active b{







    margin-top: -5px;







    transform:rotate(-45deg);







    -webkit-transform:rotate(-45deg);







    -moz-transform:rotate(-45deg);







    -o-transform:rotate(-45deg);







    border-top: #333 solid 1px; border-right: #333 solid 1px;







}







.xialaph h5{







    position: relative; margin-left: 20px;







}







.xialaph h5 a{







    display: block; text-transform: uppercase;







    color: #333;







    font-size: 14px;







    line-height: 42px;







}







.xialaph h5 b{







    position: absolute; right: 15px; top: 50%;







    width: 7px;







    height: 7px;







    float: right;







    border-top: #666 solid 1px; border-right: #666 solid 1px;







    margin-top: -6px;







    cursor: pointer;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







    transform:rotate(135deg);







    -webkit-transform:rotate(135deg);







    -moz-transform:rotate(135deg);







    -o-transform:rotate(135deg);







}







.xialaph h5.active b{







    margin-top: -5px;







    transform:rotate(-45deg);







    -webkit-transform:rotate(-45deg);







    -moz-transform:rotate(-45deg);







    -o-transform:rotate(-45deg);







    border-top: #666 solid 1px; border-right: #666 solid 1px;







}







.xialaph h5::after{







    content: '';







    position: absolute;







    top: 0;







    left: 0;







    right: 0;







    height: 1px;







    background-color: #f5f5f5;







    /*opacity: 0.05;*/







}







.xialaph .ul2{  }







.xialaph .ul3{







    padding-top: 12px;







    padding-bottom: 18px;







    padding-left: 35px;







    position: relative;







}







.xialaph .ul3 li{ border-top:#f5f5f5 solid 1px; }







.xialaph .ul3::after{







    content: '';







    position: absolute;







    bottom: 0;







    left: 0;







    right: 0;







    height: 1px;







    background-color: #e5e5e5;







}







.xialaph li:last-child .ul3::after{







    display: none;







}







.xialaph .ul3 li a{







    color: #666;







    font-size: 14px;







    line-height: 35px;







    display: block;







}







.xialaph .ul3 li{







    padding-top: 5px;







}







.xialaph .ul3 li:first-child{







    padding-top: 0;







}







.xialaph .searchP{ margin-top: 15px; height: 35px; border: #ccc solid 1px;







    border-radius:18px;







    -webkit-border-radius:18px;







    -moz-border-radius:18px;







    -o-border-radius:18px;







}







.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 18px 0 0; line-height: 0;







    -webkit-appearance:none; background: 0;







    outline: 0;border: 0;







    border-radius:0;







}







.xialaph .searchP .searchLeft{ padding: 0 40px 0 0;}







.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;







    border-radius:18px;







    -webkit-border-radius:18px;







    -moz-border-radius:18px;







    -o-border-radius:18px;







    -webkit-appearance:none;







    outline: 0;







}







.xialaph .langu{ text-align: center; padding-top: 20px;}







.xialaph .langu a{ display: inline-block; vertical-align: top; padding: 0 25px; margin: 0 5px; background-color: #ececec; color: #333; font-size: 14px; line-height: 32px;}







.xialaph .langu a:hover,







.xialaph .langu a.on{ background-color: #1e1ec6; color: #fff;}















.phonemeng{







    position: fixed;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    background-color: #000;







    opacity: .6;







    z-index: 196;







    display: none;







}







.phonemeng.active{







    display: block;







}







.inco2 ::-webkit-input-placeholder { color:#fff !important;}







.inco2 :-moz-placeholder {  color:#fff !important;}







.inco2 ::-moz-placeholder {  color:#fff !important;}







.inco2 :-ms-input-placeholder { color:#fff !important; }























.pz_banner{ float:left; width:100%;  overflow:hidden; position: relative; line-height: 0; background-color: #fff;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







}







.pz_banner.home{ min-height: 500px;}







@media screen and (max-width:1199px){







    .pz_banner{ margin-top: 60px; }







    .pz_banner.home{min-height: 415px;}







}







@media screen and (max-width:991px){







    .pz_banner.home{ min-height: 514px;}







}







@media screen and (max-width:767px){







    .pz_banner.home{min-height: 214px;}







}







.pz_main{ float:left; width:100%; background: #fff; }







.pz_down{ float:left; width:100%; background-color: #242021;  }























/*banner*/







.bannerBox{ line-height: 0; overflow:hidden; }







.pz_banner .arrBox{ position: absolute; width: 88px; right: 50%; margin-right: -730px; top: 50%; z-index: 500;







    -webkit-transform: translate(0, -50%);







    -ms-transform: translate(0, -50%);







    transform: translate(0, -50%);







}







.number{ float: left; width: 100%; text-align: center; color: #fff;}







.number .zzz{ font-size: 60px; line-height: 60px; margin-right: 10px;}







.number .yyy{ font-size: 18px; line-height: 30px; vertical-align: top;}







.dian{ float: left; width: 100%; padding: 22px 0 0 19px;}







.dian .slick-dots{ float: left; width: 10px; position: static; bottom: auto;}







.dian .slick-dots li{ float: left; width: 10px; height: 10px; background-color: rgba(255,255,255,0.4); margin-top: 10px;}







.dian .slick-dots li.slick-active{ background-color: #fff;}







.dian .slick-dots li button{ display: none; }







@media screen and (max-width:1469px){







    .pz_banner .arrBox{ margin-right: -530px; }







}







@media screen and (max-width:1199px){







    .pz_banner .arrBox{ margin-right: -480px; top: 40%; }







}







@media screen and (max-width:991px){







    .pz_banner .arrBox{ width: 100%; right: 0; bottom: 45px; top: auto; margin-right: 0; text-align: center;







        -webkit-transform: none;







        -ms-transform: none;







        transform: none;







    }







    .number{ display: inline-block; vertical-align: top; float: none; width: auto;}







    .number .zzz{ font-size: 35px; line-height: 35px; margin-right: 10px;}







    .number .yyy{ font-size: 14px; line-height: 16px; }







    .dian{ float: none; width: auto; display: inline-block; vertical-align: top; padding: 22px 0 0 19px;}







    .dian .slick-dots{ width: auto; }







    .dian .slick-dots li{ width: 10px; height: 10px; margin: 0 5px;}







    .dian .slick-dots li.slick-active{ background-color: #fff;}







    .dian .slick-dots li button{ display: none; }







}







@media screen and (max-width:767px){







    .pz_banner .arrBox{ bottom: 15px; }







}































.mouse{ position: absolute; width: 55px; bottom: 0; left: 50%; margin-left: -27px; z-index: 1500; cursor: pointer; }







.mouse .mouseIco{ float: left; width: 55px; height: 55px; line-height: 0; background: url("../images/ban3.png") no-repeat; background-size: cover;}







.mouse .mouseIco:hover{ background: url("../images/ban4.png") no-repeat; background-size: cover;}







.mouse .mouseArr{ float: left; width: 13px; height: 24px; margin: 12px 0 0 21px;







    -webkit-animation: bgarr 1.5s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;







    animation: bgarr 1.5s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite ;







}







@-webkit-keyframes bgarr {







    0%{







        background: url("../images/ban1.png") no-repeat; background-size: cover;







    }







    50% {







        background: url("../images/ban2.png") no-repeat; background-size: cover;







    }







    100% {







        background: url("../images/ban1.png") no-repeat; background-size: cover;







    }







}







@keyframes bgarr {







    0%{







        background: url("../images/ban1.png") no-repeat; background-size: cover;











    }







    50% {







        background: url("../images/ban2.png") no-repeat; background-size: cover;







    }







    100% {







        background: url("../images/ban1.png") no-repeat; background-size: cover;







    }







}







.mouse .mouseLie{ float: left; width: 1px; height: 58px; background-color: rgba(255,255,255,0.6); margin: 19px 0 0 27px;}







@media screen and (max-width:1339px){







    .mouse .mouseLie{ height: 38px; }







}







@media screen and (max-width:991px){







    .mouse{ display: none; }







}















.bannerBg{ position: absolute; width: 100%; height: 357px; left: 0; bottom: 0; background: url("../images/main1.png") bottom center no-repeat;}







@media screen and (max-width:1920px){







    .bannerBg{ height: 268px; }







}







@media screen and (max-width:991px){







    .bannerBg{ display: none;}







}























/*main*/







/*homeAbout*/







.homeAboutTitle{ text-align: center;}







.homeAboutTitle h2{ color: #1e1ec6; font-size: 40px; line-height: 1; letter-spacing: 4px; padding-left: 4px;}







.homeAboutTitle h2 span{ color: #322f30;}







.homeAboutTitle .for{ text-align: center; margin-top: 25px;}







.homeAboutTitle .for .forCen{ display: inline-block; padding: 0 37px 0 49px; border: #ececec solid 1px; color: #888888; font-size: 18px; line-height: 40px; letter-spacing: 2px; position: relative;}







.homeAboutTitle .for .forCen::before{ content: ''; position: absolute; width: 2px; height: 21px; background-color: #ffffff; top: -11px; left: 50%; margin-left: -1px;}







@media screen and (max-width:767px){







    .homeAboutTitle h2{ font-size: 25px; letter-spacing: 0; padding-left: 0;}







    .homeAboutTitle .for{ margin-top: 18px;}







    .homeAboutTitle .for .forCen{ padding: 0 25px 0 25px; font-size: 13px; line-height: 30px; letter-spacing: 0; }







    .homeAboutTitle .for .forCen::before{ width: 1px; height: 16px; top: -8px; margin-left:0;}







}























.homeAboutBack{ position: relative; z-index: 1000;}







.homeAboutBackIn{ background: url("../images/main1_1.jpg") top center no-repeat;}







.homeAbout{ padding: 10.08% 0 8.37% 0;}







.homeAboutDown{ padding: 29px 0 0 0;}







.homeAboutDown .aboutText{ height:450px;  color: #666666; font-size: 16px; line-height: 36px; text-align: center; overflow: hidden;







    text-overflow:ellipsis;















    -webkit-line-clamp: 3;







    -webkit-box-orient: vertical;







}







.homeAboutDown .aboutText .newline{ display: block; }







.coutList{ padding: 11px 157px 0 157px;}







.coutList ul{ float: left; width: 100%;}







.coutList ul li{ float: left; width: 25%; text-align: center;}







.coutList ul li .coutn{ float: left; width: 100%; color: #1e1ec6; font-size: 48px; line-height: 74px; text-align: center;}







.coutList ul li .coutn .itself{ display: inline-block; vertical-align: top; position: relative; font-weight: bold;}







.coutList ul li .coutn .itself .add{ position: absolute; left: 100%; top: 0; font-size: 30px; line-height: 53px; font-weight: normal;}







.coutList ul li .cline{ float: left; width: 100%; padding: 0 0 18px 0; text-align: center; line-height: 0;}







.coutList ul li .cline span{ display: inline-block; vertical-align: top; width: 40px; height: 1px; background-color: #d2d2d2;}







.coutList ul li .cTxt{ float: left; width: 100%; color: #666666; font-size: 18px; line-height: 22px; text-align: center;}







@media screen and (max-width:1199px){







    .coutList{ padding: 11px 52px 0 52px;}







}







@media screen and (max-width:991px){







    .coutList{ padding: 11px 0 0 0;}







}







@media screen and (max-width:767px){







    .homeAboutBackIn{ background: url("../images/main1_1.jpg") top center no-repeat; background-size: 100% auto;}







    .homeAboutDown{ padding: 18px 0 0 0;}







    .homeAboutDown .aboutText{ height:450px; font-size: 14px; line-height: 28px; }







    .coutList ul li{ width: 50%; margin-top: 12px; }







    .coutList ul li .coutn{ font-size: 30px; line-height: 50px; }







    .coutList ul li .coutn .itself .add{ font-size: 18px; line-height: 40px; }







    .coutList ul li .cline{ padding: 0 0 10px 0; }







    .coutList ul li .cTxt{ font-size: 14px; line-height: 22px; }







}































/*homeBase*/







.homeBaseTitleBox{ padding:8.46% 0 5.29% 0; }







.homeBaseTitle{ text-align: center;}







.homeBaseTitle h2{ color: #fff; font-size: 40px; line-height: 1; letter-spacing: 4px; padding-left: 4px;}







.homeBaseTitle .for{ text-align: center; margin-top: 25px;}







.homeBaseTitle .for .forCen{ display: inline-block; padding: 0 37px 0 49px; border: rgba(255,255,255,0.3) solid 1px; color: rgba(255,255,255,0.6); font-size: 18px; line-height: 40px; letter-spacing: 2px; position: relative;}







.homeBaseTitle .for .forCen::before{ content: ''; position: absolute; width: 2px; height: 21px; background-color: #fff; top: -11px; left: 50%; margin-left: -1px;}







@media screen and (max-width:767px){







    .homeBaseTitle h2{ font-size: 25px; letter-spacing: 0; padding-left: 0;}







    .homeBaseTitle .for{ margin-top: 18px;}







    .homeBaseTitle .for .forCen{ padding: 0 25px 0 25px; font-size: 13px; line-height: 30px; letter-spacing: 0; }







    .homeBaseTitle .for .forCen::before{ width: 1px; height: 16px; top: -8px; margin-left:0;}







}























.homeBaseBack{ background-color: #1e1ec6;}







.homeBase{ overflow: hidden;}







.homeBase ul{ float: left; width: 100%;}







.homeBase ul li{ position: relative; overflow: hidden;}







.homeBase ul li .img2{







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







    transition: -webkit-transform 2s;







    -ms-interpolation-mode:bicubic;







}







.homeBase ul li:hover .img2{







    transform: scale(1.09,1.09);







    -ms-transform: scale(1.09,1.09);







    -webkit-transform: scale(1.09,1.09);







    -o-transform: scale(1.09,1.09);







    -moz-transform: scale(1.09,1.09);







}







.homeBase ul li .baseBlack{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); left: 0; top: 0;}







.homeBase ul li .baseMachine{ position: absolute; width: 100%; left: 0; top: 49.67%; padding: 0 20px;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







}







.homeBase ul li:hover .baseMachine{ top: 40.16%;}







.homeBase ul li .baseMachine h4{ color: #fff; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; text-transform: uppercase;}







.homeBase ul li .baseMachine .baseAd{ text-align: center; margin: 10px 0 10.22% 0; overflow: hidden; }







.homeBase ul li .baseMachine .baseAd h3{ display: inline-block; vertical-align: top; color: #fff; font-size: 24px; line-height: 24px; padding: 0 18px; position: relative;}







.homeBase ul li .baseMachine .baseAd h3::before{ content: ''; position: absolute; width: 85px; height: 1px; right: 100%; top: 50%; background-color: rgba(255,255,255,0.4);}







.homeBase ul li .baseMachine .baseAd h3::after{ content: ''; position: absolute; width: 85px; height: 1px; left: 100%; top: 50%; background-color: rgba(255,255,255,0.4);}







.homeBase ul li .baseMachine .baseBtn{ text-align: center; line-height: 0;}







.homeBase ul li .baseMachine .baseBtn .thisBtn{ display: inline-block; vertical-align: top; border: #ffffff solid 1px; padding: 0 16px; color: #fff; font-size: 12px; line-height: 28px;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







}







.homeBase ul li:hover .baseMachine .baseBtn .thisBtn{ background-color: #1e1ec6; border-color: #1e1ec6;}







.homeBase ul li .baseMachine .baseBtn .thisBtn span{ float: left;}







.homeBase ul li .baseMachine .baseBtn .thisBtn b{ float: left; width: 5px; height: 5px; margin: 12px 0 0 7px;}







@media screen and (max-width:767px){







    .homeBase ul li .baseMachine .baseAd h3{ font-size: 21px; padding: 0 12px; }







}















.homeBase .owl-dots{ padding: 42px 0 60px 0; text-align: center; line-height: 0;}







.homeBase .owl-dots .owl-dot{ display: inline-block; vertical-align: top; width: 16px; height: 16px; background-color: #f0ad95; margin: 0 12px;







    border-radius:50%;







    -webkit-border-radius:50%;







    -moz-border-radius:50%;







    -o-border-radius:50%;















}







.homeBase .owl-dots .owl-dot.active{ background-color: #fff;}







@media screen and (max-width:767px){







    .homeBase .owl-dots{ padding: 25px 0 30px 0; }







    .homeBase .owl-dots .owl-dot{ width: 12px; height: 12px; margin: 0 6px; }







}































/*homeOdm*/







.homeOdmTitleBox{ padding:8.46% 0 5.29% 0; }















.homeOdmBack{ }







.homeOdm{}







.homeOdm ul{ float: left; width: 100%;}







.homeOdm ul li{ padding:0 5px;}







.homeOdm ul li .odmLink{ float: left; width: 100%; margin: 5px 0;}







.homeOdm ul li .odmLink .odmPic{ overflow: hidden; position: relative;}







.homeOdm ul li .odmLink .odmBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #1e1ec68a; padding: 28px 30px 30px 30px;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







    opacity: 0;







    filter: alpha(opacity=0);







    -moz-opacity: 0;







    -khtml-opacity: 0;







    transform: scale(0.8,0.8);







    -ms-transform: scale(0.8,0.8);







    -webkit-transform: scale(0.8,0.8);







    -o-transform: scale(0.8,0.8);







    -moz-transform: scale(0.8,0.8);







}







.homeOdm ul li .odmLink:hover .odmBack{







    opacity: 1;







    filter: alpha(opacity=100);







    -moz-opacity: 1;







    -khtml-opacity: 1;







    transform: scale(1,1);







    -ms-transform: scale(1,1);







    -webkit-transform: scale(1,1);







    -o-transform: scale(1,1);







    -moz-transform: scale(1,1);







}







.homeOdm ul li .odmLink .odmBack h4{ color: #1e1ec6; font-size: 24px; line-height: 30px;}







.homeOdm ul li .odmLink .odmBack .odmTime{ padding: 11px 0; color: #fff; font-size: 16px; line-height: 18px;}







.homeOdm ul li .odmLink .odmBack .odmText{ height: 48px; color: #fff; font-size: 14px; line-height: 24px; overflow: hidden;







    text-overflow:ellipsis;







    display: -webkit-box;







    -webkit-line-clamp: 2;







    -webkit-box-orient: vertical;







}







.homeOdm ul li .odmLink .odmBack .odmBtn{ padding-top: 41px;}







.homeOdm ul li .odmLink .odmBack .odmBtn .itBnt{ float: left; border: #ffffff solid 1px; padding: 0 16px; color: #fff; font-size: 12px; line-height: 28px;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







}







.homeOdm ul li .odmLink .odmBack .odmBtn .itBnt:hover{ background-color: #fff; color: #1e1ec6;}







.homeOdm ul li .odmLink .odmBack .odmBtn .itBnt span{ float: left;}







.homeOdm ul li .odmLink .odmBack .odmBtn .itBnt b{ float: left; width: 5px; height: 5px; margin: 12px 0 0 7px;}







@media screen and (max-width:767px){







    .homeOdm ul li .odmLink .odmBack{  padding: 10px 12px 12px 12px; }







    .homeOdm ul li .odmLink .odmBack h4{ font-size: 18px; line-height: 24px;}







    .homeOdm ul li .odmLink .odmBack .odmTime{ padding: 5px 0; font-size: 12px; line-height: 18px;}







    .homeOdm ul li .odmLink .odmBack .odmText{ display: none; }







    .homeOdm ul li .odmLink .odmBack .odmBtn{ padding-top: 20px;}







}







.homeOdm .owl-dots{ padding: 42px 0 60px 0; text-align: center; line-height: 0;}







.homeOdm .owl-dots .owl-dot{ display: inline-block; vertical-align: top; width: 16px; height: 16px; background-color: #c3c3c3; margin: 0 12px;







    border-radius:50%;







    -webkit-border-radius:50%;







    -moz-border-radius:50%;







    -o-border-radius:50%;















}







.homeOdm .owl-dots .owl-dot.active{ background-color: #1e1ec6;}







@media screen and (max-width:767px){







    .homeOdm .owl-dots{ padding: 25px 0 30px 0; }







    .homeOdm .owl-dots .owl-dot{ width: 12px; height: 12px; margin: 0 6px; }







}















/*homeNew*/







.homeNewBack{ background:url("../images/main18.jpg") bottom center no-repeat; overflow: hidden;}







.homeNew{ padding: 8.03% 0 8.46% 0;}







.homeNewDown{ padding-top: 40px; margin: 0 -15px;}







.homeNewDown ul li{ padding: 0 15px;}







.homeNewDown ul li .newPic{ overflow: hidden; line-height: 0;}







.homeNewDown ul li .newPic img{







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







    transition: -webkit-transform 2s;







    -ms-interpolation-mode:bicubic;







}







.homeNewDown ul li:hover .newPic img{







    transform: scale(1.09,1.09);







    -ms-transform: scale(1.09,1.09);







    -webkit-transform: scale(1.09,1.09);







    -o-transform: scale(1.09,1.09);







    -moz-transform: scale(1.09,1.09);







}







.homeNewDown ul li .newDown{ position: relative; padding-top: 30px;}







.homeNewDown ul li .newDown .newTime{ position: absolute; width: 144px; height: 28px; background-color: #1e1ec6; top: -14px; left: 50%; margin-left: -72px; color: #fff; font-size: 16px; line-height: 28px; text-align: center;}







.homeNewDown ul li:hover .newDown .newTime{ background-color: rgba(0,0,0,0.8);  color: #fff;}







.homeNewDown ul li .newDown h4{ height: 48px; padding: 0 62px; color: #222222; font-size: 18px; font-weight: bold; line-height: 24px; text-align: center; overflow: hidden;







    text-overflow:ellipsis;







    display: -webkit-box;







    -webkit-line-clamp:2;







    -webkit-box-orient: vertical;







}







.homeNewDown ul li:hover .newDown h4{ color: #1e1ec6;}







@media screen and (max-width:991px){







    .homeNewDown ul li .newDown h4{ padding: 0; }







}







@media screen and (max-width:767px){







    .homeNewDown{ padding-top: 5.3%; margin: 0 -5px;}







    .homeNewDown ul li{ padding: 0 5px;}







    .homeNewDown ul li .newDown .newTime{ width: 110px; height: 24px; top: -12px; margin-left: -55px; font-size: 14px; line-height: 24px; }







    .homeNewDown ul li .newDown{ padding-top: 24px;}







    .homeNewDown ul li .newDown h4{ height: 40px; font-size: 14px; line-height: 20px; }















}















.homeContact{ padding:7.94% 0 0 0; text-align: center; }







.homeContact .conTitEng{ color: #333333; font-size: 24px; line-height: 1; text-transform: uppercase;}







.homeContact h3{ padding: 23px 0 19px 0; color: #1b1b1b; font-size: 36px; line-height: 40px; text-align: center; }







.homeContact h3 span{color: #1e1ec6;}







.homeContact .eng{ color: #aaaaaa; font-size: 14px; line-height: 16px; text-transform: uppercase;}







.homeContact .lints{ padding-top: 29px; text-align: center; line-height: 0;}







.homeContact .lints span{ display: inline-block; vertical-align: top; width: 101px; height: 1px; background-color: #e0e0e0;}







@media screen and (max-width:767px){







    .homeContact .conTitEng{ font-size: 16px; }







    .homeContact h3{ padding: 15px 0 13px 0; font-size: 22px; line-height: 26px; }







    .homeContact h3 span{color: #1e1ec6;}







    .homeContact .eng{ font-size: 12px; line-height: 14px; }







}























/*down*/







.footTop{ padding: 4.7% 0 4.7% 0; }







.footLeft{ float: left; width: 100%;}







.footLeft .phoneTime{ display: none; float: left; width: 100%; padding: 0 15px; background-color: #1e1ec6; line-height: 42px; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase;}







.footLeft .phoneTime .phoneb{ float: left; width: 18px; height: 18px; margin: 11px 6px 0 0; line-height: 0;}







.footLeft .phoneTime .phoneyb{ float: right; width: 14px; height: 8px; margin: 16px 0 0 0; line-height: 0;}







.footLeft .phoneTime.active .phoneyb{







    -webkit-transform: rotate(180deg);







    -moz-transform: rotate(180deg);







    -ms-transform: rotate(180deg);







    -o-transform: rotate(180deg);







    transform: rotate(180deg);







}







@media screen and (max-width:991px){







    .footTop{ border-bottom: 0;}







    .footLeft{ width: 100%;  background: 0; }







    .pz_down .footLeft .phoneTime{ display: block; }







    .pz_down .footLeft .baoguo{ display: none; }







}































.footLeft .cell{ float: left; width: 25%; padding-right: 99px;}







.footLeft .cell.four{ width: 21.16%; padding-right: 0;}







.footLeft .cell .cellTit{ padding-bottom: 17px; background: url("../images/footer1.png") bottom left no-repeat; }







.footLeft .cell .cellTit .cellChina{ color: #fff; font-size: 16px; line-height: 25px; text-transform: uppercase;}







.footLeft .cell .cellTit  .img{  float:right; margin:8px 0 0 0;}







.footLeft .cell .cellTit  .imgs{ display: none;}







.footLeft .cell .cellTit.active  .imgs{ display:none;}







.footLeft .cell .cellTit .imgh{ display:none;}







.footLeft .cell .cellTit.active  .imgh{ display:block;}







.footLeft .cell .cellTit .ceLine{ height: 1px;  background-color: #1a653c; margin-top: 15px;}







.footLeft .cell .cellTit .ceLine span{ float: left; width: 19px; height: 3px; background-color: #80a993; margin-top: -2px;}







@media screen and (max-width:1199px){







    .footLeft .cell{ padding-right: 45px;}







}







@media screen and (max-width:991px){







    .footLeft .cell{ width: 100%; padding-right: 0; padding-top: 5px; }







    .footLeft .cell.three{ width: 100%;}







    .footLeft .cell.four{ width: 100%;}







    .footLeft .cell .cellTit{ background:#282a2f; margin-top: 5px; padding: 8px 15px;}







    .footLeft .cell .cellTit  .imgs{ display: block;}







    .footLeft .cell .cellTit .ceLine{ display: none; }







}























.footLeft .cell ul{ padding-top: 14px;}







.footLeft .cell ul li{ padding: 6px 0 6px 18px; background: url("../images/footer2.png") left 16px no-repeat;}







.footLeft .cell ul li a{ color: #aaa9a9; font-size: 14px; line-height: 24px;}







.footLeft .cell ul li a:hover{ color: #fff;}







@media screen and (max-width:991px){







    .footLeft{ width: 100%; }







    .footLeft .cell ul{ display: none; padding: 10px 10px 10px 20px;  background-color:#212226;}







}























.HomeDownContact{ color: #747576; font-size: 16px; line-height: 18px;}







.HomeDownContact .actLine{ padding: 12px 0;}







.HomeDownContact .actLine .actIco{ float: left; width: 16px; height: 18px; line-height: 0;}







.HomeDownContact .actLine .actPad{ padding-left: 29px;}







@media screen and (max-width:1599px){







    .HomeDownContact{ font-size: 14px; }







}























.footCopyBack{ background-color: #ffffff;}















.footDown{ padding: 1.7% 0;}







.footDown .copyright{ float: left; color: #666666; font-size: 14px; line-height: 26px;}







.footDown .copyright a{ color: #666666;}







.footDown .copyright a:hover{ color: #1e1ec6;}















.footDown .share{ float: right; }







.footDown .share .shareLi{ float: left; width: 26px; height: 26px; margin-left: 10px; background-color: #d8d8d8; cursor: pointer; position: relative;







    border-radius:50%;







    -webkit-border-radius:50%;







    -moz-border-radius:50%;







    -o-border-radius:50%;







}







.footDown .share .shareLi:hover{ background-color: #1e1ec6;}







.footDown .share .shareLi .imgs{}







.footDown .share .shareLi .imgd{ display: none;}







.footDown .share .shareLi:hover .imgs{ display: none;}







.footDown .share .shareLi:hover .imgd{ display: block;}















.footDown .share .shareLi.d_ewm_box{position:relative;}







.footDown .share .shareLi .d_ewm{display:none; position:absolute; width:120px; height:120px; left:50%; margin-left:-60px; padding:5px; background:#fff; bottom:30px;}







.footDown .share .shareLi.d_ewm_box:hover .d_ewm{display:block;}







@media screen and (max-width:991px){







    .footDown{ padding: 3.27% 0;}







    .footDown .copyright{ width: 100%; text-align: center; }







    .footDown .copyright .dlogo{ float: none; display: inline-block; vertical-align: top; }







    .footDown .share{ float: left; width: 100%; text-align: center; margin-top: 12px; }







    .footDown .share .shareLi{ float: none; display: inline-block; vertical-align: top; width: 28px; height: 28px; margin: 0 3px;}







}







































/*1产品*/







.proSlideFloat{ position: relative; z-index: 100;}







.proSlideFloat .proMarginTop{ margin-top: -70px;}







.proSlideFloat .proMarginTop h2{ float: left; color:#1e1ec6; font-size: 60px; line-height: 1; font-weight: bold;}







.proSlideFloat .proMarginTop h2.chinas{ font-size: 42px;}







@media screen and (max-width:991px){







    .proSlideFloat .proMarginTop{ margin-top: -50px;}







    .proSlideFloat .proMarginTop h2{ font-size: 40px;}







    .proSlideFloat .proMarginTop h2.chinas{ font-size: 40px;}







}







@media screen and (max-width:767px){







    .proSlideFloat .proMarginTop{ margin-top: -40px;}







    .proSlideFloat .proMarginTop h2{ font-size: 28px;}







    .proSlideFloat .proMarginTop h2.chinas{ font-size: 28px;}







}























.pz_SideLayer{ float: right; padding-top: 10px;}







.pz_SideLayer .l1{ float: left;}







.pz_SideLayer .l1 a{ float:left; width:180px; line-height:60px; color: #333333; font-size: 16px; text-align: center; background-color: #f5f5f5; text-transform: uppercase; font-family: Arial;  }







.pz_SideLayer .l1 a:hover,







.pz_SideLayer .l1 .hover{ background-color: #1e1ec6; color:#fff;}







@media screen and (max-width:1199px){







    .pz_SideLayer{ padding-top: 14px;}







    .pz_SideLayer .l1 a{ width:180px; line-height:55px; font-size: 14px;







    }















}







@media screen and (max-width:991px){







    .pz_SideLayer{ display: none;}







}















.subs{ border-bottom: #dbdbdb solid 1px; text-align: right; padding: 18px 0 22px 0;}







.subs li{ display: inline-block; padding: 5px 20px 0 30px;}







.subs li a{ float: left; color: #333333; font-size: 16px; line-height: 30px; text-transform: uppercase; }







.subs li a:hover,







.subs li a.hover{ color: #1e1ec6;}







@media screen and (max-width:991px){







    .subs{ display: none; }







}































.homePro{ margin: 18px -6px 0 -6px; overflow: hidden;}







.homePro ul{ float: left; width: 100%; min-height: 500px;







    display: -webkit-flex; /*webkit*/







    display: flex;







    flex-direction: row;







    flex-wrap: wrap;







    align-items: flex-start;







}







.homePro ul li{ float: left; width: 33.3333%; padding:12px 6px 0 6px;}







.homePro ul li .odmLink{ float: left; width: 100%;}







.homePro ul li .odmLink .odmPic{ overflow: hidden; position: relative;}







.homePro ul li .odmLink .odmBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #1e1ec696; padding: 28px 30px 30px 30px;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







    opacity: 0;







    filter: alpha(opacity=0);







    -moz-opacity: 0;







    -khtml-opacity: 0;







    transform: scale(0.8,0.8);







    -ms-transform: scale(0.8,0.8);







    -webkit-transform: scale(0.8,0.8);







    -o-transform: scale(0.8,0.8);







    -moz-transform: scale(0.8,0.8);







}







.homePro ul li .odmLink:hover .odmBack{







    opacity: 1;







    filter: alpha(opacity=100);







    -moz-opacity: 1;







    -khtml-opacity: 1;







    transform: scale(1,1);







    -ms-transform: scale(1,1);







    -webkit-transform: scale(1,1);







    -o-transform: scale(1,1);







    -moz-transform: scale(1,1);







}







.homePro ul li .odmLink .odmBack h4{ color: #ffffff; font-size: 24px; line-height: 30px;}







.homePro ul li .odmLink .odmBack .odmTime{ padding: 11px 0; color: #fff; font-size: 16px; line-height: 18px;}







.homePro ul li .odmLink .odmBack .odmText{ height: 48px; color: #fff; font-size: 14px; line-height: 24px; overflow: hidden;







    text-overflow:ellipsis;







    display: -webkit-box;







    -webkit-line-clamp: 2;







    -webkit-box-orient: vertical;







}







.homePro ul li .odmLink .odmBack .odmBtn{ padding-top: 41px;}







.homePro ul li .odmLink .odmBack .odmBtn .itBnt{ float: left; border: #ffffff solid 1px; padding: 0 16px; color: #fff; font-size: 12px; line-height: 28px;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







}







.homePro ul li .odmLink .odmBack .odmBtn .itBnt:hover{ background-color: #fff; color: #1e1ec6;}







.homePro ul li .odmLink .odmBack .odmBtn .itBnt span{ float: left;}







.homePro ul li .odmLink .odmBack .odmBtn .itBnt b{ float: left; width: 5px; height: 5px; margin: 12px 0 0 7px;}







.homePro ul li .odmLink .odmBack .odmBtn .itBnt b img{display:block;}







@media screen and (max-width:767px){







    .homePro{ margin: 8px -6px 0 -6px; }







    .homePro ul li{ width: 50%; }







    .homePro ul li .odmLink .odmBack{  padding: 10px 12px 12px 12px; }







    .homePro ul li .odmLink .odmBack h4{ font-size: 18px; line-height: 24px;}







    .homePro ul li .odmLink .odmBack .odmTime{ padding: 5px 0; font-size: 12px; line-height: 18px;}







    .homePro ul li .odmLink .odmBack .odmText{ display: none; }







    .homePro ul li .odmLink .odmBack .odmBtn{ padding-top: 20px;}







}







































/*3关于我们*/







.aboutContent{ padding: 4.27% 0 6.83% 0; color: #666666; font-size: 16px; line-height: 36px; overflow: hidden;}







.aboutContent .aboutTop{}







.aboutContent .aboutDown{}







.aboutContent .aboutDown .abText{}







.aboutContent .aboutDown .abPic{ padding-top: 2.9%;}







.aboutContent .aboutDown .abPic .pic1{ float: left; width: 66.66666666666667%;}







.aboutContent .aboutDown .abPic .pic2{ float: left; width: 33.33333333333333%;}







@media screen and (max-width:991px){







    .aboutContent{ font-size: 14px; line-height: 30px; }







}







@media screen and (max-width:767px){







    .aboutContent .aboutDown .abPic .pic1{ width: 100%;}







    .aboutContent .aboutDown .abPic .pic2{ width: 98.8%;}







}















.coutListAbout{ padding: 30px 0 40px 0; margin: 0 -15px;}







.coutListAbout ul{ float: left; width: 100%;}







.coutListAbout ul li{ float: left; width: 25%; padding: 0 15px; text-align: center;}







.coutListAbout ul li .white{float: left; width: 100%; padding:25px 0 41px 0; background-color: #fff;  }







.coutListAbout ul li .coutn{ float: left; width: 100%; color: #1e1ec6; font-size: 48px; line-height: 74px; text-align: center;}







.coutListAbout ul li .coutn .itself{ display: inline-block; vertical-align: top; position: relative; font-weight: bold;}







.coutListAbout ul li .coutn .itself .add{ position: absolute; left: 100%; top: 0; font-size: 30px; line-height: 53px; font-weight: normal;}







.coutListAbout ul li .cline{ float: left; width: 100%; padding: 0 0 18px 0; text-align: center; line-height: 0;}







.coutListAbout ul li .cline span{ display: inline-block; vertical-align: top; width: 40px; height: 1px; background-color: #d2d2d2;}







.coutListAbout ul li .cTxt{ float: left; width: 100%; color: #666666; font-size: 18px; line-height: 22px; text-align: center;}







@media screen and (max-width:767px){







    .coutListAbout{ padding: 15px 0 25px 0; margin: 0 -6px;}







    .coutListAbout ul li{ width: 50%; margin-top: 12px; padding: 0 6px; }







    .coutListAbout ul li .white{ padding:20px 0 30px 0;  }







    .coutListAbout ul li .coutn{ font-size: 30px; line-height: 50px; }







    .coutListAbout ul li .coutn .itself .add{ font-size: 18px; line-height: 40px; }







    .coutListAbout ul li .cline{ padding: 0 0 10px 0; }







    .coutListAbout ul li .cTxt{ font-size: 14px; line-height: 22px; }







}































/*4研发基地*/







.baseBox{ padding:30px 0 6.83% 0; margin: 0 -15px; overflow: hidden; }







.baseBox ul{ float: left; width: 100%;  min-height: 500px;







    display: -webkit-flex; /*webkit*/







    display: flex;







    flex-direction: row;







    flex-wrap: wrap;







    align-items: flex-start;







}







.baseBox ul li{ float: left; width: 50%; padding: 30px 15px 0 15px; }







.baseBox ul li a{ float: left; width: 100%; background-color: #fff;}







.baseBox ul li .baseLeftPic{ float: left; width: 286px; height: 370px; line-height: 0; overflow: hidden;}







.baseBox ul li .baseLeftPic img{







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







    transition: -webkit-transform 2s;







    -ms-interpolation-mode:bicubic;







}







.baseBox ul li:hover .baseLeftPic img{







    transform: scale(1.09,1.09);







    -ms-transform: scale(1.09,1.09);







    -webkit-transform: scale(1.09,1.09);







    -o-transform: scale(1.09,1.09);







    -moz-transform: scale(1.09,1.09);







}







.baseBox ul li .basePadLeft{ padding-left: 316px; padding-right: 30px; }







.baseBox ul li .basePadLeft .baseEng{ float: left; width: 100%; padding: 36px 0 5px 0; color: #333333; font-size: 16px; font-weight: bold; line-height: 20px; text-transform: uppercase;}







.baseBox ul li .basePadLeft h3{ float: left; width: 100%; color: #333333; font-size: 24px; line-height: 29px;}







.baseBox ul li .basePadLeft p{ float: left; width: 100%; height: 120px; margin-top: 13px; color: #666666; font-size: 14px; line-height: 30px; overflow: hidden;







    text-overflow:ellipsis;







    display: -webkit-box;







    -webkit-line-clamp: 4;







    -webkit-box-orient: vertical;







}







.baseBox ul li .basePadLeft .more{ float: left; width: 100%; margin-top: 77px; }







.baseBox ul li .basePadLeft .more .thisBtn{ display: inline-block; vertical-align: top; border: #1e1ec6 solid 1px; padding: 0 16px; color: #1e1ec6; font-size: 12px; line-height: 28px;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







}







.baseBox ul li:hover .basePadLeft .more .thisBtn{ background-color: #1e1ec6; border-color: #1e1ec6; color: #fff;}







.baseBox ul li .basePadLeft .more .thisBtn span{ float: left;}







.baseBox ul li .basePadLeft .more .thisBtn b{ float: left; width: 5px; height: 5px; margin: 12px 0 0 7px; background: url("../images/main6_h.png") no-repeat; background-size: cover;}







.baseBox ul li:hover .basePadLeft .more .thisBtn b{background: url("../images/main6.png") no-repeat; background-size: cover;}







@media screen and (max-width:1199px){







    .baseBox{ padding:24px 0 6.83% 0; margin: 0 -13px; }







    .baseBox ul li{ padding: 26px 13px 0 13px; }







    .baseBox ul li .baseLeftPic{ width: 235px; height: 304px; }







    .baseBox ul li .basePadLeft{ padding-left: 260px; padding-right: 22px; }







    .baseBox ul li .basePadLeft .baseEng{ padding: 30px 0 4px 0; font-size: 14px; line-height: 17px; }







    .baseBox ul li .basePadLeft h3{ font-size: 19px; line-height: 25px;}







    .baseBox ul li .basePadLeft p{ height: 100px; margin-top: 13px;  line-height: 25px; }







    .baseBox ul li .basePadLeft .more{ margin-top: 55px; }







}







@media screen and (max-width:991px){







    .baseBox ul li{ width: 100%; padding: 26px 13px 0 13px; }







}







@media screen and (max-width:767px){







    .baseBox{ padding:5px 0 6.83% 0;  }







    .baseBox ul li{ padding: 15px 13px 0 13px; }







    .baseBox ul li .baseLeftPic{ width: 171px; height: 221px; }







    .baseBox ul li .basePadLeft{ padding-left: 188px; padding-right: 18px; }







    .baseBox ul li .basePadLeft .baseEng{ padding: 20px 0 4px 0; }







    .baseBox ul li .basePadLeft p{ height: 75px; margin-top: 8px;







        text-overflow:ellipsis;







        display: -webkit-box;







        -webkit-line-clamp: 3;







        -webkit-box-orient: vertical;







    }







    .baseBox ul li .basePadLeft .more{ margin-top: 25px; }







}







































/*5新闻中心*/







.unionNew{ padding-top: 2.56%; }







.unionNew ul{ float: left; width: 100%; min-height: 500px;







    display:flex;







    display:-webkit-flex;







    display:-moz-box;







    display:-ms-flexbox;







    flex-wrap: wrap;







    -webkit-flex-wrap: wrap;







    align-items: flex-start;







}







.unionNew ul li{ padding: 20px 0; border-bottom: #e4e4e4 solid 1px; overflow: hidden;  }







.unionNew ul li .gameBox{ padding: 10px 0;







    -webkit-transition: all 0.3s linear;







    -moz-transition: all 0.3s linear;







    -o-transition: all 0.3s linear;







    transition: all 0.3s linear;







}







.unionNew ul li:hover .gameBox{ padding: 10px; background-color: #1e1ec6;}







.unionNew ul li .unionPicture{ float: left; width: 270px; height: 203px; line-height: 0;}







.unionNew ul li .unionIco{ float: right; width: 18px; height: 34px; margin: 85px 31px 0 40px; line-height: 0;}







.unionNew ul li .unionIco .imgs{}







.unionNew ul li .unionIco .imgd{ display: none;}







.unionNew ul li:hover .unionIco .imgs{ display: none;}







.unionNew ul li:hover .unionIco .imgd{ display: block;}







.unionNew ul li .hot{ padding: 0 90px 0 320px;  }







.unionNew ul li:hover .hot{ padding: 0 80px 0 310px;}







.unionNew ul li .hotBox{  height: 203px; border-right: #ededed solid 1px; padding-right: 75px;}







.unionNew ul li:hover .hotBox{ border-right-color: #f58c6a; }







.unionNew ul li .hot .hotH3{ float: left; width: 100%; padding-top: 42px; color: #333333; font-size: 18px; line-height: 30px; text-transform: uppercase;}







.unionNew ul li:hover .hot .hotH3{ color: #fff;}







.unionNew ul li .hot .hotTime{ margin-top: 4px; color: #999999; line-height: 14px;}







.unionNew ul li:hover .hot .hotTime{ color: #f9c8bd;}







.unionNew ul li .hot .hotDown{ float: left; width: 100%; height: 48px; margin-top: 21px; padding-left: 19px; border-left: #ededed solid 1px; color: #666666; font-size: 14px; line-height: 24px; overflow: hidden;}







.unionNew ul li:hover .hot .hotDown{ border-left-color: #f79c7f; color: #fff;}







@media  screen and (max-width:991px){







    .unionNew ul li .unionPicture{ width: 213px; height: 160px; }







    .unionNew ul li .hot{ padding: 0 52px 0 233px;  }







    .unionNew ul li:hover .hot{ padding: 0 42px 0 243px;}







    .unionNew ul li .hotBox{ height: 160px; padding-right: 25px;}







    .unionNew ul li .unionIco{ width: 12px; height: 23px; margin: 68px 20px 0 20px; }







    .unionNew ul li .hot .hotH3{ padding-top: 21px; font-size: 17px; }







}







@media  screen and (max-width:767px){







    .unionNew{ padding-top:1%; }







    .unionNew ul li{ padding: 1.2% 0; }







    .unionNew ul li .unionPicture{ width: 133px; height: 100px; }







    .unionNew ul li .unionIco{ display: none; }







    .unionNew ul li .hot{ padding: 0 10px 0 145px;  }







    .unionNew ul li:hover .hot{ padding: 0 10px 0 150px;}







    .unionNew ul li .hotBox{  height: auto; border-right: 0; padding-right: 0;}







    .unionNew ul li .hot .hotH3{ padding-top: 0; font-size: 16px; line-height: 24px;}







    .unionNew ul li .hot .hotDown{ height: 33px; margin-top: 21px; padding-left: 8px; font-size: 14px; line-height: 18px; }







}







































/*6新闻详情*/







.newInner{ float:left; width:100%;}







.newTitle{ float:left; width:100%;}







.newTitle .newTit{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height: 1.25; border-bottom:1px solid #d7d8d8; padding:4.75% 0 2.56% 0;}







.newTitle .newSub{ float:left; width:100%; height:53px; padding: 10px 0; border-bottom:1px solid #d7d8d8;}







.newTitle .newSub .newSub_1{ float:left; color:#777777; font-size:14px; line-height:33px;}







.newTitle .newSub .newSub_2{ float:right; color:#777777; font-size:14px; line-height:33px;  }







.newTitle .newSub .newSub_2 b{ float: right; width: 38px; height: 34px; line-height: 0; margin: 0 0 0 12px;}







.newTitle .newSub .newSub_2 a{ color:#777777;}







.newTitle .newSub .newSub_2 a:hover{ color: #1e1ec6;}







.newTitle .newSub .newSub_2 img{ width: 38px;}







.moveIn{ float:left; width:100%; padding: 3.2% 0 3.4% 0; color:#333333; font-size:14px; line-height:30px;  }







.newShare{ float:left; width:100%; padding: 0 0 3.24% 0; text-align: center; border-bottom:1px solid #d7d8d8; }







.newShare .shareCenter{ width:170px; margin:0 auto; text-align:center;}







@media  screen and (max-width:767px){







    .newTitle .newTit{  font-size:18px; padding: 25px 0;}







    .newTitle .newSub{ height:auto; text-align: center;}







    .newTitle .newSub .newSub_1{ float:left; width: 100%; padding: 15px 0 0 0; line-height: 24px; text-align: center;}







    .newTitle .newSub .newSub_2{ float:left; width: 100%; text-align: center; background: 0;}







    .moveIn{ padding: 20px 0;  }







    .newTitle .newSub .newSub_2 b{ float: none; width: 28px; height: 25px; display: inline-block;}







    .newTitle .newSub .newSub_2 img{ width: 28px;}







    .moveIn{ line-height:26px; }







}







.newMoreList{ float:left; width:100%; padding: 3% 0 4.18% 0;}







.newMoreList .newMoreTit{ color:#1e1ec6; font-size:18px; line-height:24px;}







.newMoreList .newDownBox{ margin: 0 -15px; padding: 22px 0 0 0;}







.newMoreList .newDownBox ul{}







.newMoreList .newDownBox ul li{ float:left; width:50%; padding: 0 15px;}







.newMoreList .newDownBox ul li a{ float:left; width:100%; border-bottom:1px solid #d7d8d8; color:#333333; font-size:14px; line-height:36px; overflow:hidden;text-overflow:ellipsis;}







.newMoreList .newDownBox ul li a.noLine{ border-bottom: 0;}







.newMoreList .newDownBox ul li a:hover{color:#1e1ec6;}







.newMoreList .newDownBox ul li span{ float:left; width: 70%;}







.newMoreList .newDownBox ul li b{float:right; color:#777777; font-size:14px; line-height:38px; font-weight: normal;}







@media  screen and (max-width:991px){







    .newMoreList .newDownBox{  padding:23px 0 30px 0;}







}







@media  screen and (max-width:767px){







    .newMoreList{ padding: 5% 0 4.18% 0;}







    .newShare{  margin:15px 0 0 0;  }







    .newMoreList .newDownBox{  padding:10px 0 10px 0;}







    .newMoreList .newDownBox ul li{ float:left; width:100%; padding: 0 15px;}







    .newMoreList .newDownBox ul li a.noLine{ border-bottom:1px solid #d7d8d8;}







}















.newPage{ float: left; width: 100%;  }







.newPage .pageLeft{ float: left; width: 50%; color: #333333; font-size: 14px; line-height: 20px;}







.newPage .pageLeft:hover{ color: #1e1ec6;}







.newPage .left{ padding: 20px 0 20px 0; text-transform: uppercase; }







.newPage .right{ padding: 20px 0 20px 0; text-align: right; text-transform: uppercase;}







































/*7联系我们*/







.contactBox{ padding: 4.51% 0;}







.contactLeft{ float: left; width: 570px; height: 591px; padding:49px 40px 53px 40px;  background: url("../images/con1.jpg") repeat;}







.contactLeft .clTitle{}







.contactLeft .clTitle .tit{ float: left; border-bottom: #f1987c solid 1px; color: #fff; font-size: 24px; line-height: 37px; padding-right: 102px;}







.contactLeft .clTent{ padding: 15px 0 35px 0; color: #fff; font-size: 14px; line-height: 24px;}







.contactLeft .clTent .tentLi{ padding:14px 0 0 0; }







.contactLeft .clTent .tentLi .teTop{ color: #fff; font-size: 16px; line-height: 35px;}







.contactLeft .clTent .tentLi .teTop b{ float: left; width: 18px; height: 18px; margin-top: 9px; line-height: 0;}







.contactLeft .clTent .tentLi .teTop .tePad{ padding-left: 25px;}







.contactLeft .clTent .tentLi .teD{ color: #fff; font-size: 14px; line-height: 24px;}







.contactLeft .clMap{ height: 160px; overflow: hidden;}







#dituContent{ float:left; width:100%; height:160px; }







@media  screen and (max-width:1199px){







    .contactLeft{ width: 469px; height: 487px; padding:35px 30px 30px 30px; }







    .contactLeft .clTitle .tit{ font-size: 20px; line-height: 30px; padding-right: 80px;}







    .contactLeft .clTent{ padding: 10px 0 18px 0; }







    .contactLeft .clTent .tentLi{ padding:5px 0 0 0; }







    .contactLeft .clTent .tentLi .teTop{ line-height: 30px;}







    .contactLeft .clTent .tentLi .teTop b{ margin-top: 7px; }







}







@media  screen and (max-width:991px){







    .contactLeft{ width: 100%; height: auto; }







}







@media  screen and (max-width:767px){







    .contactLeft{ padding:20px 20px 24px 20px; }







}







































.contactRight{ padding-left: 570px; background-color: #fff;}







.contactRightBox{ float: left; width: 100%; height: 591px; padding: 0 30px;}







.crTitle{ padding: 28px 0 0 0;}







.crTitle .ctTit{ color: #1e1ec6; font-size: 24px; line-height: 29px;}







.crTitle .ctDm{ color: #888888; font-size: 16px; padding-top: 6px; line-height: 17px; }















.crMess{ padding: 7px 0 0 0;}







.crMess .messLine{}







.crMess .messWid_1{ float: left; width: 49%; margin-top: 25px;}







.crMess .messTit_1{ color: #454545; font-size: 14px; line-height: 20px;}







.crMess .messTit_2{ margin-top: 15px;}







.crMess .messInput_1{ float: left; width: 100%; height: 44px; border: #d3d3d3 solid 1px; padding: 0 15px; color: #333; font-size: 14px;







    -webkit-appearance:none;







    outline: 0;







}







.crMess .messWid_2{ float: right; width: 49%; margin-top: 25px;}







.crMess .messWid_3{ float: right; width: 80px; height: 44px;}







.crMess .messWid_4{ padding-right: 100px;}







.crMess .messWid_5{ float: left; width: 100%; margin-top: 25px;}







.crMess .messArea_1{ float: left; width: 100%; height: 139px; border: #d3d3d3 solid 1px; padding: 10px 15px; color: #333; font-size: 14px; line-height: 24px;







    -webkit-appearance:none;







    outline: 0;







}







.crMess .messBtn_1{ float: right; width: 134px; height: 42px; margin-top: 24px; border: 0;  color: #fff;  background: #1e1ec6; font-size: 16px; line-height: 42px; text-align: center;







    -webkit-appearance:none;







    outline: 0;







    border-radius:26px;







    -webkit-border-radius:26px;







    -moz-border-radius:26px;







    -o-border-radius:26px;







}







.crMess .messBtn_1:hover,







.crMess .messBtn_1.hover{ background-color: #d85126;}







@media  screen and (max-width:1199px){







    .contactRight{ padding-left: 469px; }







    .contactRightBox{ height: 487px; padding: 0 26px;}







    .crTitle{ padding: 24px 0 0 0;}







    .crTitle .ctTit{ font-size: 20px; line-height: 25px;}







    .crTitle .ctDm{ font-size: 14px; }







    .crMess{ padding: 7px 0 0 0;}







    .crMess .messWid_1{  margin-top: 15px;}







    .crMess .messTit_2{ margin-top: 10px;}







    .crMess .messInput_1{ height: 38px; }







    .crMess .messWid_2{  margin-top: 15px;}







    .crMess .messWid_3{ width: 69px; height: 39px;}







    .crMess .messWid_4{ padding-right: 80px;}







    .crMess .messWid_5{ margin-top: 15px;}







    .crMess .messArea_1{ height: 110px; }







    .crMess .messBtn_1{  height: 38px; margin-top: 18px;  line-height: 38px; }







}







@media  screen and (max-width:991px){







    .contactRight{ padding-left:0; float: left; width: 100%; }







    .contactRightBox{ height: auto; padding: 0 26px 30px 26px;}







}







@media  screen and (max-width:767px){







    .contactRightBox{ padding: 0 20px 24px 20px;}







    .crTitle .ctDm{ font-size: 12px; line-height: 14px; }







    .crMess .messWid_1{ width: 100%; }







    .crMess .messWid_2{ float: left; width: 100%; }







    .crMess .messBtn_1{ width: 100px; }







}







































/*2产品详情*/







.clay{ padding: 30px 0 0 0;}







.clayLeft{ float: left; width: 570px;}







.slickPro{}







.slickPro .proTop{}







.slickPro .proDownK{ margin-top: 10px; padding: 0 25px; position: relative;}







.slickPro .proDown{ }







.slickPro .proDown .slick-slide{ padding: 0 5px;}







.slickPro .proDown .imgk{ float: left; width: 100%; line-height: 0; overflow: hidden; position: relative;}







.slickPro .proDown .imgk .imgky{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: #1e1ec6 solid 1px;}







.slickPro .proDown .slick-current .imgk .imgky{ display: block;}







.slickPro .proDown .slick-prev{ position: absolute; width: 18px; height: 100%; left: -25px; top: 0; background: url("../images/pro3.png") center no-repeat; background-size: cover;}







.slickPro .proDown .slick-prev:hover{background: url("../images/pro3_h.png") center no-repeat; background-size: cover;}







.slickPro .proDown .slick-next{ position: absolute; width: 18px; height: 100%; right: -25px; top: 0; background: url("../images/pro4.png") center no-repeat; background-size: cover;}







.slickPro .proDown .slick-next:hover{background: url("../images/pro4_h.png") center no-repeat; background-size: cover;}







.proPadLeft{ padding-left: 600px; }







.proPadLeft h3{ float: left; width: 100%; padding: 15px 0 18px 0; color: #333333; font-size: 24px; line-height: 28px;}







.proPadLeft .titVideo{ float: left; width: 100%; padding: 0 0 20px 0; color: #666666; font-size: 18px; line-height: 24px;}







.proPadLeft .yellow{ float: left; width: 100%; background-color: #f8e6e0; padding: 16px 20px 13px 20px; color: #1e1ec6; font-size: 14px; line-height: 24px;}







.proPadLeft .fistCon{ float: left; width: 100%; padding: 24px 0 29px 0; color: #666666; font-size: 16px; line-height: 24px;}







.proPadLeft .proBtn{ float: left; width: 100%; }







.proPadLeft .proBtn a{ float: left; padding: 0 31px; background-color: #1e1ec6;  color: #fff; font-size: 16px; line-height: 46px;







    border-radius:30px;







    -webkit-border-radius:30px;







    -moz-border-radius:30px;







    -o-border-radius:30px;







}







.proPadLeft .proBtn a b{ float: left; width:16px; height: 16px; margin: 15px 7px 0 0 ; line-height: 0; }







.proPadLeft .proBtn a span{ float: left;}







@media  screen and (max-width:991px){







    .clayLeft{ margin-left: 84px;}







    .proPadLeft{ float: left; width: 100%; padding-left: 0; padding-top: 25px; }







}







@media  screen and (max-width:767px){







    .clay{ padding: 20px 0 0 0;}







    .clayLeft{ margin-left: 0; width: 100%;}







    .proPadLeft{ float: left; width: 100%; padding-left: 0; padding-top: 15px; }







    .proPadLeft h3{padding: 5px 0 15px 0; font-size: 20px; line-height: 24px;}







    .proPadLeft .titVideo{ padding: 0 0 15px 0; font-size: 14px; line-height: 20px;}







    .proPadLeft .yellow{ padding: 10px 12px 10px 12px; line-height: 20px;}







    .proPadLeft .fistCon{ padding: 15px 0 20px 0; font-size: 14px; line-height: 24px;}







    .proPadLeft .proBtn a{ padding: 0 25px;  font-size: 16px; line-height: 40px; }







    .proPadLeft .proBtn a b{ margin: 12px 7px 0 0 ; }







}























.intro{ color: #666666; font-size: 14px; line-height: 30px; padding-bottom: 74px; }







.introBox{ padding-top: 55px;}







.introTitle{ background: url("../images/pro6.png") center repeat-x;}







.introTitle .troLeft{ float: left; padding-left:15px; padding-right: 16px; color: #333333; font-size: 24px; font-weight: bold; line-height: 32px; background: url("../images/pro7.png") left center no-repeat #f5f5f5; background-size: 5px 22px;}







.introOneDown{ padding-top: 17px;}















.introTwoDown{ padding: 25px 0 0 0;}







.introTable{ background-color: #fff;}







.introTable td{ border: #dcdcdc solid 1px;}







.introTable .tdTitle{ background-color: #e8e8e8; padding: 16px 0 16px 40px; color: #2e2e2e; font-size: 18px; line-height: 24px;}







.introTable .w_1{ width:29.91%; }















.introTable .tdCell{ padding: 10px 10px 10px 40px; color: #666666; font-size: 14px; line-height: 32px; vertical-align: top;}







@media  screen and (max-width:767px){







    .intro{ line-height: 28px; padding-bottom: 35px; }







    .introBox{ padding-top: 25px;}







    .introTitle .troLeft{  padding-left:10px; padding-right: 12px; font-size: 18px; line-height: 32px; background: url("../images/pro7.png") left center no-repeat #f5f5f5; background-size: 3px 13px;}







    .introOneDown{ padding-top: 12px;}







    .introTwoDown{ padding: 12px 0 0 0;}







    .introTable .tdTitle{ padding: 9px 0 9px 15px; font-size: 15px; line-height: 24px;}







    .introTable .tdCell{ padding: 9px 5px 9px 15px; line-height: 24px; }







}







































































































    /*







    -webkit-appearance:none;







outline: 0;















       -webkit-box-shadow: 0 2px 6px #000;







          -moz-box-shadow: 0 2px 6px #000;







            -o-box-shadow: 0 2px 6px #000;







               box-shadow: 0 2px 6px #000;























       border-radius:11px;







       -webkit-border-radius:11px;







          -moz-border-radius:11px;







            -o-border-radius:11px;















       text-overflow:ellipsis;







       display: -webkit-box;







       -webkit-line-clamp: 3;







       -webkit-box-orient: vertical;























       -webkit-transition: all 0.3s linear;







       -moz-transition: all 0.3s linear;







       -o-transition: all 0.3s linear;







       transition: all 0.3s linear;







       transition: -webkit-transform 2s;







       -ms-interpolation-mode:bicubic;















       transform: scale(1.09,1.09);







       -ms-transform: scale(1.09,1.09);







       -webkit-transform: scale(1.09,1.09);







       -o-transform: scale(1.09,1.09);







       -moz-transform: scale(1.09,1.09);















       opacity: 0;







       filter: alpha(opacity=0);







                -moz-opacity: 0;







              -khtml-opacity: 0;























    -webkit-transform: translate(0, -50%);







       -ms-transform: translate(0, -50%);







           transform: translate(0, -50%);























       */































/*分页*/







.caseNewPage{ padding: 41px 0 60px 0;}







.pz_fy{ text-align: center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/







.pz_fy a { display:inline-block;*display:inline; *zoom:1; width:32px; height:32px; margin:0 5px; line-height:30px; border:solid 1px #e7e7e7; color: #999; font-size:14px; text-decoration:none; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; vertical-align: top;}







.pz_fy a.a1{ width:100px; background:url(../images/btn_05_l.png) no-repeat center; border-radius:19px; -webkit-border-radius:19px; -moz-border-radius:19px;}







.pz_fy a.last{ background-image:url(../images/btn_05_r.png);}







.pz_fy a.a1:hover,







.pz_fy a.a1.on{ background-image:url(../images/btn_05_l_h.png);}







.pz_fy a.last:hover,







.pz_fy a.last.on{ background-image:url(../images/btn_05_r_h.png);}















.pz_fy a:hover,.pz_fy a.on{ color: #fff; background-color:#1e1ec6; border:solid 1px #1e1ec6;}/*鼠标经过和默认当前页样式*/







.fy_phone{ display:none;}







@media  screen and (max-width:991px){







    .caseNewPage{ padding: 6.5% 0;}







    .fy_phone{ display:block; font-family:'Arial';}







    .fy_phone{ text-align:center; font-size:14px; color:#333;}







    .fy_phone a{ display:inline-block;*display:inline; *zoom:1; width:98px; height:30px; line-height:29px; border:solid 1px #1e1ec6; color:#333;







        -webkit-border-radius:15px;







        -moz-border-radius:15px;







        border-radius:15px; }







    .fy_phone span{ display:inline-block; padding:0 5%; height:30px; line-height:30px; color:#333;}







}







































.special{}







.special .owl-dots{ width: 100%; margin-top: 5.5%; text-align: center; line-height: 0;}







.special .owl-dots .owl-dot{ display: inline-block; width: 16px; height: 16px; margin: 0 12px; background-color: #c3c3c3;







    border-radius:50%;







    -webkit-border-radius:50%;







    -moz-border-radius:50%;







    -o-border-radius:50%;







}







.special .owl-dots .owl-dot.active{background-color: #1e1ec6; }







@media screen and (max-width:767px){







    .special .owl-dots{ margin-top: 25px; }







    .special .owl-dots .owl-dot{  width: 12px; height: 12px; margin: 0 6px; }







}































































.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}















.























@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}







@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}







@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}







@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}







































/*分页*/



.m-page {



	text-align:right;



	font-size:0;



	height:38px;



	line-height:38px;



	padding-right:10px;



}



.m-page li {



	display:inline



}



.m-page a, .m-page i {



	display:inline-block;



	font-size:15px;



	background-color:#1e1ec6;



	padding:0px 13px;



	height:36px;



	overflow:hidden;



	text-align:center;



	border:0px #FFFFFF solid;



	color:#FFFFFF;



	font-family:Arial;



	margin-left:5px;



	vertical-align:top;



}



.m-page a.next, .m-page a.prev {



	font-family:宋体;



	font-size:16px;



	font-weight:700;



}



.m-page a:hover, .m-page li.thisclass a {



	color:#575757;



}



.m-page span {



	font-size:14px;



	padding-right:10px;



}