@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 30px 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: 0px;}



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



    .top2{ display:block;}



}







/*手机按钮*/



.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:208px;  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:284px; 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;

}