/* CSS Document */



/*切图：zyjn*/



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



body{background-color:#fff;}



*{ padding:0; margin:0; outline: none;}



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;



        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{ 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}



i{font-style:normal;}







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



.minHeight{min-height:500px;}















/*首页 */



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



.logo{width:300px; height: auto;  float:left; margin-top:15px;}







.lang{float:right; text-align: center; font-size:0; margin-top:38px;}



.lang a{display:inline-block; width: 66px; height: 32px; line-height: 32px; background-color:#28a7e1; font-size:16px; color:#fff;}



.lang a:nth-child(2n){background-color:#0e6eb8;}



.lang a:hover{opacity:0.6;}







.search{ position: relative; float:right; z-index: 100; margin: 38px 11px 0 0;}



.search .submit{display:block; width:18px; height: 18px; float:left; position: relative; margin-top:7px;



    appearance: none;



-moz-appearance: none;



-webkit-appearance: none;



outline: 0;}



.search .submit::after{width:1px; height: 18px; border-right:1px dashed #b2b2b2; position: absolute; top:0; right:-13px; content: "";}



.search .input{width:230px; overflow: hidden;float:left; margin-left:25px;



-webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;}



.search .input input{display:block; width: 100%; height:32px; line-height:32px; background:#fff; color:#666; font-size:14px;



    appearance: none;



-moz-appearance: none;



-webkit-appearance: none;



outline: 0; border-radius: 0;}







.search .input input::-webkit-input-placeholder{font-size:14px; color:#888888;}  



.search .input input::-moz-placeholder{font-size:14px; color:#888888;}                      



.search .input input::-ms-input-placeholder{font-size:14px; color:#888888;} 







.menu_box{ float:left; margin-left:4.28%;}



.menu{float:left;}



.menu .nli{float:left;position: relative; text-align: center; margin:0 10px;}



.menu .nli:last-child{ margin-right:0;}



.menu .nli span > a{font-size:18px; color:#333333; display: block; font-weight: bold;position: relative; line-height: 106px; padding:0 20px; }



.menu .nli span > a::after{width:1px; height: 16px; border-right:1px dashed #b2b2b2; position: absolute;top:50%; margin-top:-8px; left:-10px;content: ""; opacity: 0.6;}



.menu .nli:first-child span > a::after{opacity:0;}



.menu .nli span > a::before{width:100%; height: 1px; border-bottom:1px solid #28a7e1; position: absolute;bottom:0; left:0;content: ""; opacity: 0;}



.menu .nli.on span > a{color:#28a7e1;}



.menu .nli.on span > a::before{opacity:1;}



.menu .nli:hover span > a{color:#28a7e1;}



.menu .nli:hover span > a::before{opacity:1;}







.sub{position: absolute; top:106px; left: 50%; margin-left:-70px; width:140px; text-align: center; z-index: 101; display:none;}



.sub a{display:block; font-size:14px; color:#fff;  line-height: 40px; border-bottom:1px solid rgba(255,255,255,0.1);background-color:rgba(14,110,184,0.6);}



.sub a:hover{background-color:#0e6eb8;}







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



    .menu .nli{margin:0px 1px;}



    .menu .nli span > a{padding:0 10px; font-size:16px;}



    .menu .nli span > a::after{left:-2px;}



    .menu_box{margin-left:1%;}



}



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



    .logo{width:60px; margin-top:27px;}



    .search .input{width:160px;}



    .menu_box{margin-left:4%;}



}







.top1.active .menu .nli span > a{line-height:70px;}



.top1.active .logo{width:280px; margin-top:5px;}



.top1.active .search{margin-top:19px;}



.top1.active .lang{margin-top:19px;}



.top1.active .sub{top:70px;}







/*手机头*/



.top2{width:100%; height:60px;display: none ; position: fixed; top:0; left: 0; z-index: 999; background-color: rgba(255,255,255,0.8);}



.top2.active{border-bottom:1px solid #f1f1f1; background-color: #fff;}



.top2 .logo{width:200px; height:auto; float:left; margin-top:5px;}



.top2 .lang{margin:15px 10px 0 0;}



.top2 .lang a{width:40px; height: 30px; line-height: 30px; font-size:13px;}











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



   .top2{ display:block;}



    .top1{ display:none;}



}















/*下拉*/



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



    -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: #0e6eb8;



}



.menuph .navbtn::after,



.menuph .navbtn::before



{



    position: absolute;



    right: 0;



    display: inline-block;



    width: 28px;



    height: 2px;



    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: #0e6eb8;



}



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



}



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



}











/*手机下拉*/



.xialaph{



    position: fixed;



    top: 60px;



    left: 0;



    width: 100%;



    display: none;



    z-index: 200;



    background-color:#fff;



}



.xialaph .img_d{ display:none;}



.xialaph .ul2,



.xialaph .ul3{



    display: none;



}



.xialaph h4 a{



    display: block;



    color: #333;



    font-size: 14px;



    line-height: 50px;



    position: relative;



/*  font-weight: bold;*/



    text-transform: uppercase;



}



.xialaph h4{



    position: relative;



}



.xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;}



.xialaph li:last-child h4::before{



    content: '';



    position: absolute;



    bottom: 0;



    left: 0;



    width: 100%;



    height: 1px;



    background-color: #f2f2f2;



    display: none



}



.xialaph li:first-child h4::after{display:none;}



.xialaph h4::after{



    content: '';



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 1px;



    background-color:#f1f1f1;



    /*opacity: 0.1;*/



}



.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}







.xialaph h5 a{



    display: block;



    color: #666;



    font-size: 14px;



    line-height: 42px; padding:0 10px;



}



.xialaph h5{



    position: relative;



}



.xialaph h5::after{



    content: '';



    position: absolute;



    bottom: 0;



    left: 0;



    right: 0;



    height: 1px;



    background-color:rgba(95,123,118,0.1);;



    /*opacity: 0.05;*/



}



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



    display: none;



}



.xialaph h4 b{



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



    width: 9px;



    height: 9px;



    float: right;



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



    margin-top: -5px;



    cursor: pointer;



    transform:rotate(45deg);



    -webkit-transform:rotate(45deg);



    -moz-transform:rotate(45deg);



    -o-transform:rotate(45deg);



    -webkit-transition: all 0.3s linear;



    -moz-transition: all 0.3s linear;



    -o-transition: all 0.3s linear;



    transition: all 0.3s linear;



}



.xialaph h4.active b{



    transform:rotate(135deg);



    -webkit-transform:rotate(135deg);



    -moz-transform:rotate(135deg);



    -o-transform:rotate(135deg);



    margin-top: -7px;



}



/*.xialaph .ul2{ padding-left: 30px;  }*/



.xialaph .ul3{



    padding-top: 12px;



    padding-bottom: 18px;



    padding-left: 15px;



    position: relative;



}



.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 h5 b{



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



    width: 9px;



    height: 9px;



    float: right;



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



    margin-top: -5px;



    cursor: pointer;



    transform:rotate(45deg);



    -webkit-transform:rotate(45deg);



    -moz-transform:rotate(45deg);



    -o-transform:rotate(45deg);



    -webkit-transition: all 0.3s linear;



    -moz-transition: all 0.3s linear;



    -o-transition: all 0.3s linear;



    transition: all 0.3s linear;



}



.xialaph h5.active b{



    transform:rotate(135deg);



    -webkit-transform:rotate(135deg);



    -moz-transform:rotate(135deg);



    -o-transform:rotate(135deg);



    margin-top: -7px;



}







 



.phonemeng{



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background-color: rgba(0,0,0,0.9);



    opacity: .6;



    z-index: 99;



    display: none;



}



.phonemeng.active{



    display: block;



}







.searchPh{width:206px; margin: auto auto 20px auto; float:none; border-bottom:1px solid #e1e1e1;}







/*banner*/



.pz_banner{clear: both;}



.c_banner{position:relative; margin-top:106px;}



.slide1 .list{line-height:0;}



.slide1 .slick-dots{width:100%; text-align: center; bottom:20px; left: 0; line-height: 0; font-size:0;}



.slide1 .slick-dots li{width:52px; height: 6px; background-color: rgba(255,255,255,0.3); margin: 0 4px; display: inline-block; vertical-align: middle; }



.slide1 .slick-dots li.slick-active{background-color: rgba(255,255,255,1);}



.slide1 .slick-prev,



.slide1 .slick-next{width:34px; height: 64px; left: 60px; background: url(../image/p1.png) center no-repeat; background-size: 100%; opacity: 0.3;}



.slide1 .slick-next{background-image:url(../image/p2.png); right: 60px; left: auto;}



.slide1 .slick-prev:hover,



.slide1 .slick-next:hover{ opacity: 1;}







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



    .slide1 .slick-dots{bottom:10px;}



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



    .c_banner{margin-top:60px;}



}







/*main*/



.index{padding:50px 0 70px 0; background: url(../image/j1.jpg) center no-repeat; background-size: cover; position: relative;}



.title{font-size:0;position:relative;}



.title .H4{font-size: 50px; font-family: Arial; font-weight: bold; display: inline-block; line-height: 40px; vertical-align: middle; color:#222222;}



.title .H5{font-size:30px; color:#222222; display: inline-block; margin-left:14px; line-height: 40px; vertical-align: middle;}



.titleH2{position:absolute; bottom:23px; right:13px; font-weight: bolder;opacity: 0.05;}



.titleH2 .span{font-weight:bolder;line-height: 80px; display: inline-block;font-size:120px; font-family: Arial; text-transform: uppercase;  }











.title .more{position:absolute; top:10px; right:0; font-size:14px; color:#0e6eb8; font-family: Arial; text-transform: uppercase; font-weight: bold; bottom:0; padding:0 20px 5px 10px; height:30px; z-index: 2;}



.title .more .ico{display:inline-block; width:19px; height: 10px; line-height: 0; vertical-align: middle; margin-right:10px; margin-top:-2px;}



.title .more:hover{background: url(../image/p3.png) center no-repeat; background-size: 100%;}







.indexD{margin-top:35px;}



.indexD1{width:67.96%; float:left;}



.indexD1 .list{width:47.32%; margin:0 2.68% 30px 0; position: relative; background-color: #fff; float:left; padding:0 20px 0 40px; height:258px;}



.indexD1 .img{width:58%; float:right;}



.indexD1 .text{margin-right:50%; margin-top:36px;



-webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;}



.indexD1 .text .H4{font-size:20px; color:#1f262c;}



.indexD1 .text .H5{font-size:14px; color:#575f65; margin: 15px 0 20px 0; height: 32px; line-height: 16px;}



.indexD1 .text .more{width:90px; height: 36px; line-height: 36px; text-align: center; background: url(../image/p5.png) center no-repeat; background-size: 100%; border-radius: 4px; font-size:14px; color:#fff; display: block;}







@media screen and (min-width:992px){



    .indexD1 .list:hover{box-shadow:0 16px 36px rgba(14,110,184,0.2);}



    .indexD1 .list:hover .img{float:none; margin: auto;}



    .indexD1 .list:hover .text{position:absolute;top:0; left: 0; background: url(../image/p6.png) center no-repeat; background-size: cover; text-align: center; width: 100%; height: 100%; margin: 0; padding-top:70px;}



    .indexD1 .list:hover .text .H4{color:#fff;}



    .indexD1 .list:hover .text .H5{color:#fff;}



    .indexD1 .list:hover .text .more{margin:auto; background: none; border:1px solid #fff;}



}







.indexD2{width:32%; float:right;}



.indexD2 .list{width:100%; margin: auto;}



.indexD2 .list .img{width:95%; float:none; margin: auto auto 0 auto;}



.indexD2 .list .text{width:100%; margin:-30px auto auto auto; text-align: center; }



.indexD2 .list .text .H5{margin:15px 0 0 0;}



.indexD2 .list .text .more{margin:auto;}







@media screen and (min-width:992px){



    .indexD2 .list:hover .text{padding-top:40%;}



}











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



    .indexD2 .list .img{margin: auto;}



    .indexD1 .list:hover .text{padding-top:30px;}



    .indexD2 .list:hover .text{padding-top:30%;}



    .titleH2{bottom:10px;}



    .titleH2 .span{font-size:80px; line-height: 50px;}



    .indexD1 .list {height:183px;}



}



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



    .index{padding:60px 0 30px 0;}



    .title .H4{font-size:40px;}



    .title .H5{font-size:22px;}



    .indexD1 .list{padding:0 10px;}



    .indexD1 .text{margin-top:20px;}



    .indexD2 .list .img{margin: auto;}



    .indexD1 .list {height:167px;}



}



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



    .indexD1 .list:hover .text{padding-top:0;}



    .indexD2 .list:hover .text{padding-top:0;}



    .title .more{background: url(../image/p3.png) center no-repeat; background-size: 100%; }



    .indexD1 .img{width:60%; float:none; margin: auto;}



    .indexD1 .text{width:100%; text-align: center; margin: 0;}



    .indexD1 .text .H5{margin:10px 0;}



    .indexD1 .text .more{margin:auto auto 10px auto;}



    .indexD2 .list .img{margin:60% auto 40px auto}



    .indexD1 .list {height:250px;}



}



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



    .index{padding:30px 0;}



    .title .H4{font-size:22px; line-height: 30px;}



    .title .H5{font-size:16px; width: 100%; margin: auto; line-height: 20px;}



    .title .more{padding:0 10px 5px 10px;top:25px; }



    .indexD{ margin-top:20px;}



    .indexD1{width:100%;}



    .indexD1 .list{width:48%; margin:0 4% 20px 0;}



    .indexD1 .list:nth-child(2n){margin-right:0;}



    .indexD1 .img{width:100%;}



    .indexD1 .text .H4{font-size:18px;}



    .indexD1 .text .more{height:28px; line-height: 28px; font-size:12px;}



    .indexD2{width:100%;}



    .indexD2 .list{width:100%; margin:0;}



    .indexD2 .list .img{margin:0 auto 0 auto;}



    .indexD2 .list .text .more{margin: auto auto 20px auto;}



    .titleH2{bottom:5px;}



    .titleH2 .span{font-size:30px; line-height: 30px;}



    .indexD1 .list {height:auto;}



}







.index2{padding-top:100px; background: url(../image/j10.jpg) center no-repeat; background-size: cover; position: relative;}



.title2 .H4{color:#fff;}



.title2 .H5{color:#fff;}



.title2 .more{color:#fff;}



.index2 .titleH2{top:0; left: 12px; right: auto; bottom: auto; opacity: 0.05}



.index2 .titleH2 .span{color:#fff;}







.index2T{margin:0 -15px;}



.index2T .list{width:89.51%; margin:40px auto 60px auto; background-color:rgba(50,159,217,0.7) ; border-radius: 8px; text-align: center; padding:35px 0;}



.index2T .slick-slide{position: relative;}



.index2T .slick-slide::after{width:61px; height: 21px; background: url(../image/p15.png) center no-repeat; background-size: 100%; content: ""; position: absolute; bottom:0; left: 50%; margin-left:-30.5px; opacity: 0;}



.index2T .ico{width:70px; height: 70px; margin: auto; display: block;}



.index2T .H4{font-size:20px; color:#fff; font-weight: bold; margin-top:27px;}



.index2T .slick-current .list{background-color:rgba(23,130,198,0.9) ; }



.index2T .slick-current::after{opacity: 1;}



.index2T .slick-prev,



.index2T .slick-next{width:48px; height: 48px; border-radius: 50%; border:1px solid rgba(255,255,255,0.4); left: -75px; background: url(../image/p16.png) center no-repeat; background-size: 100%; margin-top:-10px;}



.index2T .slick-next{right:-75px; left: auto; background-image:url(../image/p17.png)}



.index2T .slick-prev:hover,



.index2T .slick-next:hover{background-color:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0);}



.index2T .list:hover{background-color:rgba(23,130,198,0.9) ; }











.index2Dbox{background-color:rgba(255,255,255,0.9); padding:80px 0;  }



.index2D{margin:0 -15px; font-size:0; position: relative;}



.index2D::after{width:98%; height: 1px; border-bottom:1px solid #b0d8ef; content: ""; position: absolute; bottom:0; left: 1%;}



.index2D .liBox{display:inline-block; width:25%; padding:0 15px; vertical-align: top;}



.index2D .li{display:block;}



.index2D .img{width:100%; position: relative;}



.index2D .img .imgOn{position:absolute;top:0; left: 0;width: 100%; height: 100%; background: url(../image/p14.png) center no-repeat; background-size: 100%; transform: scale(0);-webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;



}



.index2D .img .imgOn .H5{position:absolute;top:50%; left: 0; padding:0 5px; font-size:20px; color:#fff; line-height: 24px; margin-top:-12px;text-align:center; width: 100%;}



.index2D .H4{padding:0 20px; line-height: 68px; font-size:20px; color:#333333;}



.index2D .H4 .circle{display:inline-block; vertical-align: middle; width: 18px; height: 18px; border-radius: 50px; border:4px solid #a6aeb4; margin-right:10px;}



.index2D .li:hover .imgOn{transform:scale(1)}



.index2D .li:hover .H4{color:#0e6eb8;}



.index2D .li:hover .circle{border-color:#0e6eb8;}







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



    .index2{padding-top:60px;}



    .index2T .slick-slide::after{width:30px; height: 10px; margin-left:-15px;}



    .index2T .list{margin:30px auto;}



    .index2Dbox{padding:60px 0;}



    .index2D .H4{padding:0 10px; font-size:18px;}



}



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



    .index2{padding-top:30px;}



    .index2T .slick-prev{left:8px; margin: 0; width: 30px; height: 30px;}



    .index2T .slick-next{right:8px; margin: 0;width: 30px; height: 30px;}



    .index2T .list{margin:20px auto; padding:20px 0; width: 96%;}



    .index2T{margin:0 -5px;}



    .index2T .ico{width:50px; height: 50px;}



    .index2T .H4{font-size:16px;}



    .index2Dbox{padding:30px 0;}



    .index2D .liBox{width:50%; padding:0 5px;}



    .index2D{margin:0 -5px;}



    .index2D .H4{font-size:14px; line-height: 40px;}



    .index2D .H4 .circle{width:12px; height: 12px; border-width: 2px; margin-right:5px;}



}







.index3{padding:80px 0 87px 0; background: url(../image/j11.jpg) center no-repeat; background-size: cover; position: relative;}



.index3L{width:42.48%; float:left;}



.index3L .H4{font-size:50px; color:#fff; font-family: Arial; font-weight: bold;}



.index3L .H5{font-size:40px; color:#fff; margin:20px 0 45px 0;}



.index3L .p{font-size:16px; color:#fff; line-height: 36px; height: 180px; text-align: justify;



overflow : hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 5;



-webkit-box-orient: vertical;}



.index3L .text{margin-top:55px; background-color: rgba(255,255,255,0.1); font-size:0; text-align: center;}



.index3L .text .H6{width:16.66%; display: inline-block; line-height: 90px; font-size:24px; color:#fff; font-family: "思源黑体 CN"; font-weight: lighter; position: relative;}



.index3L .text .H6::after{width:1px; height: 23px; background-color: rgba(255,255,255,0.2); content: ""; top:50%; margin-top:-11.5px; right:0; position: absolute;}



.index3L .text .H6:last-child:last-child::after{display:none;}







.index3R{width:42.48%; height: 516px; padding:7px 30px 7px 0; float:right;}



.index3RUl .list{padding:20px 50px 20px 20px; position: relative; background-color: rgba(40,167,225,0.8); margin-bottom:20px;}



.index3RUl .ico{width:70px; height: 70px; background-color: #1782c6; border-radius: 50%; float:left;}



.index3RUl .text{margin-left:90px;}



.index3RUl .text .H4{font-size:20px; color:#fff; margin:10px 0; }



.index3RUl .text .p{font-size:14px; color:#fff; opacity: 0.8;}



.index3RUl .span{width:13px; height: 24px; line-height: 0; position: absolute; top:50%; margin-top:-12px; right:30px;}



.index3R .swiper-slide{height:auto;}



.index3R .swiper-scrollbar{width:6px; background-color: rgba(255,255,2585,0.3);}



.index3R .swiper-scrollbar-drag{background-color:#fff;}



.index3RUl .list:hover{ background-color: rgba(40,167,225,1);}







.index3C{width:40px; height: 40px; position: absolute; top:50%; margin:-20px 0 0 -20px; left: 50%; line-height: 0;}



.index3C::after{width:1px; height: 209px; background-color: #5fadd9; position: absolute; content: ""; bottom:70px; left: 50%;}



.index3C::before{width:1px; height: 209px; background-color: #5fadd9; position: absolute; content: ""; top:70px; left: 50%;}







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



    .index3L .H4{font-size:40px;}



    .index3L .H5{font-size:30px;}



}



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



    .index3L .text .H6{font-size:18px;}



    .index3{padding:60px 0;}



}



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



    .index3{padding:30px 0;}



    .index3L{width:100%; padding-right:20px;}



    .index3L .H4{font-size:22px;}



    .index3L .H5{font-size:16px; margin: 10px 0 20px 0;}



    .index3L .p{font-size:14px; line-height: 24px; height:120px; }



    .index3C{width:20px; height: 20px; right:5px; left: auto;top:120px; margin: 0;}



    .index3C::after{height:100px; bottom:30px;}



    .index3C::before{height:100px; top:30px;}



    .index3L .text .H6{font-size:14px; line-height: 34px;}



    .index3L .text{margin-top:20px;}



    .index3R{width:100%; padding-right:20px; margin-top:20px; height: 240px;}



    .index3R .swiper-scrollbar{width:3px;}



    .index3RUl .list{padding:10px 20px 10px 10px; margin-bottom:15px;}



    .index3RUl .ico{width:50px; height: 50px;}



    .index3RUl .text{margin-left:60px;}



    .index3RUl .text .H4{font-size:16px; margin: 5px 0;}



    .index3RUl .span{right:5px;}



}







.index4{padding:100px 0 50px 0;}



.in4Nav{margin-top:-30px; position: relative; z-index: 1; font-size:0; padding-left:450px;}



.in4Nav .list{display:inline-block; width:80px; height: 24px; line-height: 24px; text-align: center; margin: 0 24px; font-size:15px; color:#0e6eb8; font-family: Arial; font-weight: bold; cursor: pointer;}



.in4Nav .list.on{background-color:#0e6eb8; color:#fff;}







.in4Con{margin:65px -10px 0 -10px; position: relative;}



.in4Con::after{width:111%; height: 1px; background-color: #b8d7ed; position: absolute; left: 15px; top:8px; content: ""; z-index: -1;}



.in4Con::before{width:21px; height: 22px; line-height: 0; position: absolute; background: url(../image/p23.png) center no-repeat; background-size: 100%; left: 15px; top:-14px; content: "";}



.in4Con .list{padding:0 15px;}



.in4Con .list a{display:block; padding:20px; border-radius: 10px; margin:17px 0 20px 0; position: relative;}



.in4Con .list a::after{width:15px; height: 15px; background: url(../image/p28.png) center no-repeat; background-size: 100%; content: ""; position: absolute; top:-15px; left: 38px; z-index: 1;}



.in4Con .slick-current .list a::after{opacity:0;}



.in4Con .time{font-size:14px; color:#0e6eb8;}



.in4Con .time .ico{width:14px; height: 14px; line-height: 0; display: inline-block; margin-right:8px; vertical-align: middle; margin-top:-2px;}



.in4Con .H4{font-size:18px; color:#333333; line-height: 26px; height: 52px; margin: 15px 0;



overflow : hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 2;



-webkit-box-orient: vertical;}



.in4Con .p{font-size:14px; line-height: 26px; height:78px; overflow : hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 3;



-webkit-box-orient: vertical;}



.in4Con .H5{width:128px; height: 42px; line-height: 42px; background-color: #0e6eb8; border-radius: 30px; margin-top:32px; text-align: center; font-size:14px; color:#fff; opacity: 0;}



.in4Con .H5 .ico{width:16px; height: 16px; display: inline-block; margin-right:5px; line-height: 0; margin-top:-2px;}



.in4Con .list a:hover .H5{opacity:1;}



.in4Con .list a:hover .H4{color:#0e6eb8;}



.in4Con .list a:hover{box-shadow:0 7px 8px rgba(0,0,0,0.1)}



.in4ConBox .li{overflow:hidden;}







.in4Con .slick-prev,



.in4Con .slick-next{width:34px; height: 34px; border-radius: 50%; left: auto;transform: translate(0); background: url(../image/p26.png) center no-repeat; background-size: 100%; right:15px; top:-50px; background-color: #e6f0f8;}



.in4Con .slick-prev{right:59px; background-image: url(../image/p25.png);}



.in4Con .slick-prev:hover,



.in4Con .slick-next:hover{background-color: #0e6eb8;}







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



    .index4{padding:60px 0 40px 0;}



    .in4Nav{margin:20px 0 0 0; padding:0;}



    .in4Nav .list:first-child{margin-left:0;}



    .in4Con{margin-top:30px;}



    .in4Con .slick-prev,



    .in4Con .slick-next{top:-10px;}



}



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



    .in4Con .list a .H5{opacity:1;}



    .in4Con .list a{box-shadow:0 7px 8px rgba(0,0,0,0.1)}



}



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



    .index4{padding:30px 0 10px 0;}



    .in4Nav{text-align:center;}



    .in4Nav .list{font-size:16px; margin: 0 3px !important;}



    .in4Con .list a{padding:15px 10px;}



    .in4Con .H4{font-size:16px; margin:10px 0 5px 0;}



    .in4Con .H5{width:120px; height: 34px; line-height: 34px; font-size:14px;margin-top:10px;}



    .in4Con .slick-prev, .in4Con .slick-next{width:28px; height: 28px; top:-6px;}



    .in4Con .list a::after{opacity:0;}



}







/*bottom*/



.bottom{background:url(../image/j12.jpg) center no-repeat; background-size: cover;}



.bottom1{padding:80px 0 55px 0;}



.b1{width:28.4%; float:left;}



.b1 .H3{font-size:14px; color:#fff;}



.b1 .H3 .ico{width:18px; height: 18px; line-height: 0; display: inline-block; vertical-align: middle; margin-right: 8px; margin-top:-2px;}



.b1 .H4{font-size:36px; color:#fff; font-weight: bold; font-family: Arial; margin: 10px 0;}



.b1 .H5{font-size:16px; color:#fff;}



.b1 .bdsharebuttonbox a{width:34px; height: 34px; border-radius: 50%; border:1px solid #ffffff; background: url(../image/p30.png) center no-repeat; background-size: 100%; margin: 30px 10px 0 0;}



.b1 .bdsharebuttonbox .bds_tsina{background-image:url(../image/p31.png);}



.b1 .bdsharebuttonbox .bds_more{background-image:url(../image/p32.png);}



.b1 .bdsharebuttonbox a:hover{background-color:#28a7e1; border-color:#28a7e1;}



.b2{width:55.35%; float:left; margin: 0 0 0 1.21%;}



.b2 .list{width:17.14%; margin-right:3.57%; float:left;}



.b2 .list:last-child{margin-right:0;}



.b2 .list .H4{font-size:16px; color:#fff; margin-bottom:15px;}



.b2 .list a{display:block; font-size:14px; color:#fff; line-height: 30px; opacity: 0.8;}



.b2 .list a:hover{opacity:1;}



.b3{width:170px; float:right;}



.b3 .bEwm{width:120px; height: 120px; background-color: #fff; padding:5px; float:left;}



.b3R{float:right;}



.b3 .line{width:1px; height: 70px; background-color: #4790c9; display: block; margin: auto;}



.b3 .ico{width:18px; height: 15px; margin: 12px auto 8px auto; display: block;}



.b3 .H6{font-size:14px; color:#fff;}







.bottom2{border-top:1px solid #3082c2; padding:23px 0; }



.cr{float:left;}



.cr .p{display:inline-block; line-height: 30px; font-size:14px; color:#fff; opacity: 0.6; letter-spacing: 1px;}



.bOut{float:right;}



.bOut a,



.bOut .i2{display:inline-block; font-size:14px; color:#fff; opacity: 0.6;}



.bOut .i2{margin:0 8px;}



.bOut a:hover{opacity:1;}



.bNavPh{display:none;}







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



    .bottom1{padding:50px 0;}



    .b1 .H4{font-size:28px;}



    .b2{width:50%;}



}



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



    .b3{width:120px;}



    .b3 .bEwm{width:80px; height: 80px;}



    .b3 .line{height:30px;}



    .b2 .list a{font-size:12px;}



    .b2 .list .H4{font-size:14px;}



    .b1 .bdsharebuttonbox{display:none;}



}



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



    .bottom1{padding:20px 0;}



    .b2,



    .b3{display:none;}



    .b1{width:100%;}



    .b1 .H4{font-size:20px;}



    .b1 .H5{font-size:14px;}



    .cr{width:100%;}



    .cr .p{width:100%; text-align: center; font-size:10px; line-height: 20px;}



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



    .bottom2{padding:10px 0;}



    



    .frBox{height:40px}



    .bNavPh{display:block; position: fixed; bottom:0; left: 0; width: 100%; background-color: #1e1e1e; height: 40px; border-top:1px solid rgba(255,255,255,0.2); z-index: 88;}



    .bNavPh a{width:20%; float:left; position: relative;}



    .bNavPh a .ico{display:block; width:30px; margin:5px auto;}



    .bNavPh a .ewm{width:100px; height: 100px; background-color:#fff; padding:5px; position: absolute; bottom:41px; left: 50%; margin-left:-50px; display: none;}



}







/*关于我们*/



.bannerOn{left:0; bottom:60px; width: 100%; position: absolute;}



.bannerTi{float:left;}



.bannerTi .H4{font-size:36px; color:#fff; font-weight: bold; }



.bannerTi .H5{font-size:30px; color:rgba(255,255,255,0.6); font-weight: bold; text-transform: uppercase; font-family: Arial; margin-top:15px;}



.local{float:right; font-size:14px; color:#fff; ;line-height: 22px; margin-top:20px;}



.local a{color:#fff;}



.local .ico{width:22px; height: 22px; line-height: 0; display: inline-block; margin-right:9px; vertical-align: middle; margin-top:-5px;}



.erji{width:100%; float:left; margin:27px 0 0 0; padding-right:27px; position: relative;}



.erji::after{height: 1px; background-color: rgba(255,255,255,0.6); content: ""; width: 88%; position: absolute; top:-45px; right:0;}



.erji .list{display:block; width:91.86%; background-color: rgba(255,255,255,0.89); border-radius: 6px; line-height: 56px; font-size:18px; color:#333333; text-align: center;}



.erji .slick-prev,



.erji .slick-next{width:27px; height: 23px;transform: translate(0); right: 0; left: auto;top:0; background: url(../image/p36.png) center no-repeat; background-size: 100%; }



.erji .slick-prev{background-image:url(../image/p35.png); bottom:0; top:auto;}



.erji .slick-prev:hover{background-image:url(../image/p38.png)}



.erji .slick-next:hover{background-image:url(../image/p37.png)}



.erji .list.on{background:url(../image/p39.png) center no-repeat; background-size: cover; color:#fff;}



.erji .list:hover{background:url(../image/p39.png) center no-repeat; background-size: cover; color:#fff;}







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



    .erji::after{width:84%;}



}



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



    .erji::after{top:-40px;}



    .bannerTi .H4{font-size:28px;}



    .bannerTi .H5{font-size:22px;}



    .erji .list{font-size:16px; line-height: 40px;}



    .erji .slick-prev, .erji .slick-next{width:20px; height: 16px;}



}



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



    .bannerOn{bottom:10px;}



    .erji{display:none;}



    .bannerTi .H4{font-size:20px;}



    .bannerTi .H5{font-size:16px; margin-top:5px;}



    .local .ico{width:18px; height: 18px;}



    .local{font-size:12px; line-height: 18px; display: none;}



}







.about1{padding:100px 0; position: relative;}



.about1 .ab1l{width:100%; /* float:left; margin-top:50px; */}



.abTi{font-size:0;}



.abTi .H4{font-family: Arial; font-weight: bold; color:#222222; display: inline-block; vertical-align: middle; font-size:24px;}



.abTi .line{width:59px; height: 1px; line-height: 0; display: inline-block; vertical-align: middle; margin: 0 16px;}



.abTi .H5{font-size:24px; color:#222222; font-weight: bold; font-family: Arial; display: inline-block; vertical-align: middle; text-transform: uppercase;}



.abTi .H3{font-size:30px; color:#0e6eb8; margin: 15px 0 0 0;}



.abTiH2{position:absolute;bottom:23px; left: 0; font-weight: bolder;}



.abTiH2 .span{font-size:120px; font-family: Arial; text-transform: uppercase; font-weight: bolder; line-height: 80px; color:rgba(51,51,51,0.04); display: block;}



.about1 .p{font-size:18px; line-height: 36px; color:#444444; text-align: justify; margin-top:45px;}



.about1 .H6{font-size:24px; color:#222222; font-weight: bold; margin-bottom:15px;}



/* .about1 .img{width:45.22%; float:right;} */







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



    .about1 .ab1l{margin-top:20px;}



}



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



    .about1 .ab1l{width:100%;}



    .abTi .H3{font-size:22px; margin: 15px 0 0 0;}



    .about1{padding:60px 0;}



    .about1 .p{font-size:16px; margin-top:25px;}



    .about1 .H6{font-size:20px;}



    .abTiH2 .span{font-size:80px; line-height: 50px;}



}



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



    .about1{padding:30px 0;}



    .about1 .ab1l{width:100%; margin: 0;}



    .abTi .H4,



    .abTi .H5{font-size:18px;}



    .abTi .line{width:30px; margin: 0 5px;}



    .abTi .H3{font-size:18px; margin: 10px 0 0 0;}



    .about1 .p{font-size:14px; line-height: 24px; margin-top:10px;}



    .about1 .H6{font-size:16px;}



/*     .about1 .img{width:100%; margin-top:20px;} */



    .abTiH2 {bottom:0;}



    .abTiH2 .span{font-size:40px; line-height:40px;}



}







.about2{padding:90px 0 100px 0; background: url(../image/j16.jpg) center no-repeat; background-size: cover; position: relative;}



.abTi2 .H4{color:#fff;}



.abTi2 .H5{color:#fff;}



.abTi2 .H3{color:#fff;}



.about2 .abTiH2{ right:30px; top:55px; bottom:auto; left: auto;}



.about2 .abTiH2 .span{ color:rgba(255,255,255,0.05);line-height:100px; text-align: right;}



.ab2D{padding:160px 0; margin-top:35px; text-align: center; font-size:0;}



.ab2D .list{display:inline-block; margin: 0 33px; width:160px; height: 160px; background: url(../image/p48.png) center no-repeat; background-size: 100%; padding-top:30px;}



.ab2D .list .ico{width:48px; height: 48px; display: block; line-height: 0; margin: auto;}



.ab2D .list .H5{font-size:20px; color:#fff; font-weight: bold; margin-top:26px; position: relative;}



.ab2D .list .H5::after{width:74px; height: 1px; background-color: rgba(255,255,255,0.2); position: absolute; top:-15px; left: 50%; margin-left:-37px; content: "";}



.ab2D .list:nth-child(2){background-image:url(../image/p49.png)}



.ab2D .list:nth-child(3){background-image:url(../image/p50.png)}



.ab2D .list:nth-child(4){background-image:url(/template/qianzixun/images/p51.png)}



.ab2D .list:nth-child(5){background-image:url(../image/p52.png)}



.ab2D .list:nth-child(6){background-image:url(../image/p53.png)}







.ab2D .list:hover{animation: topDown 0.8s ease-out !important;animation-iteration-count: infinite;animation-direction: alternate;}



@keyframes topDown{



    50% {transform: translate(30px, 0);}



    100% {transform: translate(-30px, 0);}



}







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



    .ab2D .list{margin:0 15px;}



}



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



    .about2{padding:60px 0;}



    .ab2D .list{width:120px; height: 120px; padding-top:15px; margin-top:15px;}



    .ab2D .list .ico{width:40px; height: 40px;}



    .ab2D{padding:85px 0 100px 0;}



    .about2 .abTiH2 .span{line-height:70px;}



}



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



    .about2{padding:30px 0;}



    .about2 .abTiH2{top:10px; right: 10px;}



    .about2 .abTiH2 .span{line-height:40px;}



    .ab2D{padding:25px 0 40px 0; margin-top:20px;}



    .ab2D .list{width:80px; height: 80px; margin: 15px 5px 0 5px;}



    .ab2D .list .ico{width:24px; height: 24px;}



    .ab2D .list .H5{font-size:16px; margin-top:10px;}



    .ab2D .list .H5::after{top:-5px; width: 50px; margin-left:-25px;}



}







.about3{padding:95px 0 100px 0;}



.ab3D{margin:0 -15px;}



.ab3D .list{width:100%; float:left;  padding:0 15px; margin-top:30px;}



.ab3D .box{ width:100%; padding:0 30px; font-size:18px; color:#222222; line-height:36px; background-color: #e6f0f8;}



.ab3D .box .bold{font-weight:bold; margin-right:12px;}



.about3 .p{margin-top:60px; font-size:18px; line-height: 24px;}



.ab3D .box:hover{background-color:#0e6eb8; color:#fff;}











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



    .about3{padding:60px 0;}



    .ab3D .box{font-size:16px; line-height: 30px;}



    .about3 .p{font-size:16px; margin-top:20px;}



    .ab3D{margin-top:15px;}



    .ab3D .list{margin-top:15px;}



}



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



    .ab3D .box{font-size:14px; line-height: 30px; padding:0 10px;}



}



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



    .about3{padding:30px 0;}



    .ab3D{margin:10px 0 0 0; height: 200px; overflow-y: auto;}



    .ab3D .list{padding:0; width: 100%;}



    .about3 .p{font-size:14px;}



}











/*应用*/



.bannerOn_apply .erji::after{width:86%;}



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



    .bannerOn_apply .erji::after{width:81%;}



}



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



    .bannerOn_apply .erji::after{width:78%;}



}



.apply{padding:70px 0 100px 0; margin: 0 -15px;}



.apply .list{padding:0 15px; float:left; margin-top:30px; width:50%;}



.apply .box{display:block; border-radius: 8px; box-shadow: 0 0 9px rgba(0,0,0,0.1); padding:40px; position: relative;}



.apply .box .ico{width:166px; height: 166px; border-radius: 50%; background:url(../image/p54.png) center no-repeat; background-size: 100%; float:left; position: absolute; top:50%; margin-top:-83px; left: 40px;}



.apply .box .text{margin-left:205px;}



.apply .box .text .H4{font-size:24px; color:#333333; font-weight: bold; line-height: 54px; padding-right:34px; border-bottom:1px solid #ebebeb;}



.apply .box .text .p{font-size:16px; line-height: 30px; color:#333333; height: 90px; margin:22px 7px 0 7px;overflow : hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 3;



-webkit-box-orient: vertical;}



.apply .box .arr{width:29px; height: 9px; position: absolute; top:61px; right:40px; background: url(../image/p67.png) center no-repeat; background-size: 100%;}



.apply .box:hover{box-shadow: 0 0 40px rgba(27,139,204,0.5);}



.apply .box:hover .H4{color:#0e6eb8;}



.apply .box:hover .arr{background-image:url(../image/p68.png);}







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



    .apply{padding:30px 0 60px 0;}



    .apply .box{padding:20px;}



    .apply .box .ico{width:110px; height: 110px; left: 20px; margin-top:-60px;}



    .apply .box .text{margin-left:125px;}



    .apply .box .text .H4{font-size:20px;}



    .apply .box .text .p{font-size:14px; margin: 15px 0 0 0;}



    .apply .box .arr{top:46px; right:20px;}



}



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



    .apply{padding:15px 0 30px 0; margin: 0;}



    .apply .list{width:100%; padding:0; margin-top:15px; }



    .apply .box{padding:10px;}



    .apply .box .ico{width:70px; height: 70px; left: 10px; margin-top:-35px;}



    .apply .box .text{margin-left:80px;}



    .apply .box .text .H4{font-size:16px; line-height: 40px;}



    .apply .box .arr{top:26px; right:10px;}



    .apply .box .text .p{line-height:24px; height: 72px;}



}







/*案例列表*/



.case{padding:40px 0 100px 0;}



.case .liBox{margin-top:60px; border-bottom:1px solid #b0d8ef;}



.case .list{padding-bottom:60px;}







.paging{width:100%; font-size:0; text-align: center;}



.paging .aPh{display:none; font-size:14px; color:#272727; margin: 0 5px;}



.paging a{display:inline-block; padding: 0 10px; height: 38px; line-height: 36px; border:1px solid #e1e1e1; margin: 0 5px; font-size:14px; color:#272727;}



.paging span{display:inline-block; padding: 0 10px; height: 38px; line-height: 36px; border:1px solid #e1e1e1; margin: 0 5px; font-size:14px; background-color:#28a7e1; border-color:#28a7e1; color:#fff;}







.paging .btn1{ padding: 0 10px; font-size:12px; color:#666666;}



.paging a:hover{background-color:#28a7e1; border-color:#28a7e1; color:#fff;}



.paging a.hover{background-color:#28a7e1; border-color:#28a7e1; color:#fff;}







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



    .paging .a{display:none;}



    .paging .aPh{display:inline-block;}



}







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



    .case{padding:30px 0 60px 0; margin: 0 -5px;}



    .case .liBox{margin-top:30px; padding:0 5px;}



    .index2D .H4{font-size:16px;}



}



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



    .case{padding:15px 0 30px 0;}



    .index2D .H4{padding:0 5px; font-size:13px;}



    .index2D .liBox{margin-top:15px;}



    .case .list{padding-bottom:30px;}



}







/*案例详情*/



.caseDe{padding:100px 0 0 0;}



.caseDe1{text-align:center;}



.caseDe1 .H4{font-size:36px; color:#333333;}



.caseDe1 .time{margin-top:15px; font-size:14px; color:#888888;}



.caseDe2{margin:56px 0 122px 0; position: relative;}



.caseDe2::after,



.caseDe2::before{width:23.7%; height: 100%; background: url(../image/p69.png) center no-repeat; background-size: cover; content: ""; top:0; left: 0; position: absolute; z-index: 1;}



.caseDe2::before{background-image:url(../image/p70.png); right:0; left: auto;}



.caseDe2 .list{width:96.37%; margin: auto; opacity: 0.3;}



.caseDe2 .slick-center .list{opacity: 1;}



.caseDe2 .slick-dots{bottom:-44px; line-height: 0; text-align: center; font-size:0;}



.caseDe2 .slick-dots li{width:12px; height: 12px; border-radius: 50%; background-color: #a9dcf3; margin: 0 8px;}



.caseDe2 .slick-dots li.slick-active{background-color: #28a7e1;}



.caseDe2 .slick-prev,



.caseDe2 .slick-next{width:19px; height: 36px; background: url(/template/qianzixun/images/p71.png) center no-repeat; background-size: 100%; left: 18.47%;}



.caseDe2 .slick-next{right:18.47%; left: auto; background-image: url(../image/p72.png);}



.caseDe2 .slick-prev:hover{ background-image: url(../image/p74.png);}



.caseDe2 .slick-next:hover{ background-image: url(../image/p73.png);}







.caseDe3Box{padding:80px 0; background-color: #f5f5f5;}



.caseDe3{width:66.11%; margin: auto;}



.caseDeTi{text-align:center;}



.caseDeTi .H4{font-size:36px; color:#333333; display: inline-block; position: relative;}



.caseDeTi .H4::after,



.caseDeTi .H4::before{width:68px; height: 1px; background-color: #949494; position: absolute; content: ""; left: -97px; top:50%;}



.caseDeTi .H4::before{right:-97px; left: auto;}



.caseDe3 .p{font-size:16px; line-height: 36px; color:#333333; padding: 25px 0 30px 0; letter-spacing: 1px;}



.caseDeTi2{ background:url(../image/p75.png) right center no-repeat; background-size: 100%; margin-top:15px;}



.caseDeTi2 .H4{font-size:24px; color:#333333; font-weight: bold; padding-right:20px; background-color: #f5f5f5; display: inline-block;}







.caseDe4Box{background-color:#eff0f1; padding:78px 0 100px 0;}



.caseDe4Ul{margin:0 -15px;}



.caseDe4Ul .list{padding:0 15px; width: 25%; float:left; margin-top:50px;}



.caseDe4Ul .box{display:block; background-color: #fff;}







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



.caseDe4Ul .box .img{/*height:400px;*/overflow:hidden;}







}







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



.caseDe4Ul .box .img{height:300px;overflow:hidden;}







}











.caseDe4Ul .box .img img{-webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;}



.caseDe4Ul .box .text{padding:30px; border-top:1px solid #eff0f1;}



.caseDe4Ul .box .text .see{width:90px; height: 36px; line-height: 36px; float:right; background: url(../image/p5.png) center no-repeat; background-size: cover; text-align: center; font-size:14px; color:#fff; border-radius: 6px; overflow: hidden; margin-top:15px;}



.caseDe4Ul .box .text .textL{margin-right:100px;}



.caseDe4Ul .box .text .textL .H4{font-size:20px; color:#1f262c;}



.caseDe4Ul .box .text .textL .H5{font-size:14px; color:#575f65; margin-top:14px;}



.caseDe4Ul .box:hover .text{background:url(../image/j22.jpg);}



.caseDe4Ul .box:hover .text .H4{color:#fff;}



.caseDe4Ul .box:hover .text .H5{color:#fff;}



.caseDe4Ul .box:hover .img img{transform:scale(1.1);



    -webkit-transform:scale(1.1);



    -moz-transform:scale(1.1);



    -o-transform:scale(1.1);}







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



    .caseDe4Ul .box .text{padding:15px;}



    .caseDe3{width:100%;}



}



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



    .caseDe{padding:60px 0 0 0;}



    .caseDe1 .H4,



    .caseDeTi .H4{font-size:28px;}



    .caseDe2{margin:50px 0 70px 0;}



    .caseDe3Box{padding:50px 0;}



    .caseDeTi2 .H4{font-size:18px;}



    .caseDe4Box{padding:60px 0;}



    .caseDe4Ul .box .text .see{width:70px; height: 30px; line-height: 30px;}



    .caseDe4Ul .box .text .textL{margin-right:80px;}



    .caseDe4Ul{margin:0 -5px;}



    .caseDe4Ul .list{padding:0 5px;}



    .caseDe4Ul .box .text .textL .H4{font-size:18px;}



}



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



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



    .caseDe1 .H4, .caseDeTi .H4{font-size:22px;}



    .caseDe2{margin:30px 0 40px 0;}



    .caseDe2::after, .caseDe2::before{display: none;}



    .caseDe2 .list{opacity:1;}



    .caseDe2 .slick-dots{bottom:-30px;}



    .caseDe2 .slick-dots li{width:8px; height: 8px; margin: 0 4px;}



    .caseDe3Box{padding:30px 0 15px 0;}



    .caseDe3 .p{font-size:14px; line-height: 24px; padding:15px 0;}



    .caseDe4Box{padding:30px 0;}



    .caseDe4Ul{margin:0;}



    .caseDe4Ul .list{padding:0; width: 100%; margin-top:20px;}



}











.product{background-color:#eff0f1; padding:70px 0 100px 0;}



.productUl .box{background-color:#fff;}



.productUl .list{margin-top:30px;}



.productUl{padding-bottom:60px;}







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



    .product{padding:30px 0 60px 0;}



}



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



    .product{padding:15px 0 30px 0;}



    .productUl .list{margin-top:15px;}



    .productUl{padding-bottom:30px;}



}







.proDe1Box{padding:120px 0 80px 0; background-color: #eff0f1;}



.proDe1L{width:32.16%; float:left;}



.proDe1L .slick-dots{width:100%; text-align: center; bottom:-40px; line-height: 0; font-size:0;}



.proDe1L .slick-dots li{display:inline-block; width: 10px; height: 10px; background-color: #707070; margin: 0 11px; border-radius: 50%; border:1px solid #707070;}



.proDe1L .slick-dots li.slick-active{background-color:transparent; border-color:#28a7e1;}



.proDe1L .slick-prev,



.proDe1L .slick-next{width:30px; height: 30px; background: url(../image/p76.png) center no-repeat; background-size: 100%; top:auto; transform: translate(0); bottom:-48px; left: 28.11%; border-radius: 50%; border:1px solid #757575;}



.proDe1L .slick-next{background-image:url(/template/qianzixun/images/p77.png); right: 28.11%; left: auto;}



.proDe1Box .text{margin-left:37.77%;}



.proDe1Box .text .H4{font-size:30px; color:#333333; font-weight: bold;}



.proDe1Box .text .p{font-size:16px; color:#333333; line-height: 32px; margin: 35px 0 63px 0;}



.proDe1Box .text .zixun{width:166px; height: 54px; text-align: center; line-height: 54px; background: url(../image/p79.png) center no-repeat; background-size: cover; border-radius: 6px; overflow: hidden; display: block; font-size:18px; color:#fff; font-weight: bold;}



.proDe1Box .text .zixun .ico{display:inline-block; width:23px; height: 23px; margin-left:10px; line-height: 0; vertical-align: middle; margin-top:-4px;}



.proDe1Box .text .zixun:hover{opacity:0.8;}







.proDe2{padding:78px 0 80px 0;}



.tableBox table{width:100%; margin-top:40px;}



.tableBox table th{background:url(../image/p81.png) center no-repeat; background-size: cover; height: 68px; text-align: center; font-size:18px; color:#fff; width: 25%; padding:0 10px;}



.tableBox table td{font-size:16px; color:#2e2e2e; text-align: center; height: 55px; border:1px solid #dcdcdc;}



.tableBox table td:nth-child(odd){background:#f7f7f7;}



.tableBox table td.last{background-color:#fff; border:none;}







.proDe3{padding:75px 0 100px 0; background-color: #eff0f1;}



.proDe3D .liBox{margin-top:40px;}







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



    .proDe1L .slick-prev{left: 23.11%;}



    .proDe1L .slick-next{right: 23.11%;}



    .proDe1Box .text .H4{font-size:24px;}



}



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



    .proDe1Box,



    .proDe2,



    .proDe3{padding:60px 0;}



    .proDe1L .slick-prev{left: 17.11%;}



    .proDe1L .slick-next{right: 17.11%;}



}



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



    .proDe1L .slick-prev{left: 9%;}



    .proDe1L .slick-next{right: 9%;}



}



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



    .proDe1Box,



    .proDe2,



    .proDe3{padding:30px 0;}



    .proDe1L{width:100%;}



    .proDe1L .slick-dots{bottom:-15px;}



    .proDe1L .slick-dots li{margin:0 4px;}



    .proDe1Box .text{margin:30px 0 0 0; float:left;}



    .proDe1Box .text .H4{font-size:18px; line-height: 24px;}



    .proDe1Box .text .p{font-size:14px; line-height: 24px; margin: 20px 0; text-align: justify;}



    .proDe1Box .text .zixun{width:120px; height: 40px; line-height: 40px; font-size:14px;}



    .tableBox table{margin-top:20px;}



    .tableBox table th{font-size:12px; height: 30px; }



    .tableBox table td{font-size:12px; height: 30px;}



    .proDe3D .liBox{margin-top:20px;}



}







/*服务



.service{width:83%; margin:0 auto 100px auto; overflow: hidden; padding-top:140px; border-bottom:1px solid #d2d0d0;}



.service .list:nth-child(2n){padding:130px 0; background: url(../images/p90.png) no-repeat; background-size: 46.77% 100%; background-position: 9% top;}



.service .list a{float:left; position: relative; padding-bottom:40px; width:100%;}



.service .list a::after{width:1px; height: 100%; content:""; border-left:1px solid #d2d0d0; position: absolute; bottom:0; left: 5%;}



.service .list:first-child a::after{height: 150%;}



.service .list:nth-child(2n) a::after{display:none;}



.service .img{width:41.41%; float:right; margin-top:-40px;}



.service .text{margin-right:47.54%; padding-left:7.97%; position: relative;}



.service .text .ico{width:92px; height: 92px; border-radius: 50%; background-color: #f4f4f4; float:left;}



.service .text .text2{margin-left:120px;}



.service .text .text2 .H4{font-size:42px; color:#333333; margin: 20px 0 40px 0;}



.service .text .text2 .p{font-size:16px; line-height: 30px; height: 90px;overflow : hidden;  text-align: justify;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 3;



-webkit-box-orient: vertical; }



.service .text .ask{width:140px; height: 44px; background: url(../images/j31.jpg) center no-repeat; background-size: cover; text-align: center; line-height: 44px; font-size:14px; color:#fff;margin-top:40px;}



.service .text .ask .arr{width:25px; height: 7px; background: url(../images/p91.png) center no-repeat; background-size: 100%; margin-left:11px; vertical-align: middle; display: inline-block; }



.service .list:nth-child(2n) .img{float:left; margin: 0;}



.service .list:nth-child(2n) .text{margin:0 0 0 55%; padding:0 ;}



.service .step{font-size:28px; color:#a6a6a6; font-family: Arial; position: absolute; top:18px; left: -7px; transform: rotate(90deg); border-top:4px solid #28a7e1; padding-right:12px; line-height: 50px; z-index: 1;}



.service .list:nth-child(2n) .step{left:-122px; top:10px; padding:0 0 0 14px;}



.service .list:last-child{background-image: url(../images/p92.png); padding-bottom:55px;}







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



    .service{width:100%;}



    .service .text .text2 .H4{font-size:32px;}



    .service .step{left:-14px;}



    .service .list:nth-child(2n) .step{left:-117px;top: 3px;}



    



}



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



    .service{padding-top:60px; margin-bottom:60px;}



    .service .step{font-size:20px;}



    .service .img{margin:0;}



    .service .text .ico{width:70px; height: 70px;}



    .service .text .text2{margin-left:85px;}



    .service .text .text2 .H4{font-size:28px;}



    .service .step{top:8px;}



    .service .list:nth-child(2n) .step {left: -98px;top: 0px;}



    .service .list:nth-child(2n){padding:100px 0;}



}



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



    .service .step{left:-25px;}



    .service .list:nth-child(2n) .step{left:-90px;}



}



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



    .service{padding:30px 0; margin: 0;}



    .service .list{background:none !important; border-bottom:1px dashed #d2d0d0;}



    .service .list a::after{display:none;}



    .service .img{width:100%;}



    .service .text{width:100% !important; float:left !important; margin: 0 !important; padding: 0 !important; margin-top:20px !important; position: static;}



    .service .step{position:absolute; top:20px !important; left: 0 !important; transform: rotate(0); float:left; line-height: normal; padding: 10px !important; background-color: #28a7e1; border:none; color:#fff; font-size:16px;}



    .service .text .ico{width:50px; height: 50px; }



    .service .text .text2{margin-left:60px;}



    .service .text .text2 .H4{font-size:18px; margin: 10px 0;}



    .service .text .text2 .p{font-size:14px; line-height: 24px; height: 72px;}



    .service .text .ask{width:120px; height: 34px; line-height: 34px; font-size:14px; margin-top:10px;}



    .service .list:nth-child(2n){padding:0;}



    .service .list a{padding:20px 0;}



    



}


*/




/*新闻*/



.new{background-color:#eff0f1; padding:100px 0;}



.newUl{margin:0 -15px;}



.newUl .list{float:left; width:33.33%; padding:0 15px;}



.newUl .box{background-color:#fff; padding:40px; display: block;}



.newUl .box .time{font-size:14px; color:#0e6eb8;}



.newUl .box .time .ico{width:14px; height: 14px; display: inline-block; line-height: 0; vertical-align: middle; margin-right:9px; margin-top:-4px;}



.newUl .box .H4{font-size:18px; line-height: 26px; height: 52px; margin: 15px 0; padding-right:75px;



overflow : hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 2;



-webkit-box-orient: vertical;}



.newUl .box .p{font-size:14px; line-height: 26px; height:78px;padding-right:75px; text-align: justify;



overflow : hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 3;



-webkit-box-orient: vertical;}



.newUl .box .img{margin-top:40px; overflow: hidden;}



.newUl .box .img img{-webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;}



.newUl .box:hover .H4{color:#0e6eb8;}



.newUl .box:hover .img img{transform:scale(1.1);



    -webkit-transform:scale(1.1);



    -moz-transform:scale(1.1);



    -o-transform:scale(1.1);}







.new2{padding:100px 0;}



.new2Ul{padding-bottom:35px; margin: 0 -15px;}



.new2Ul .list{width:50%; float:Left; padding:0 15px; margin-bottom:30px;}



.new2Ul .box{background-color:#f6f6f6; padding:40px 20px; border-radius: 10px; overflow: hidden; display: block;}



.new2Ul .box .time{width:80px; float:left; text-align: center;}



.new2Ul .box .time .H4{font-size:36px; color:#28a7e1; font-family: Arial;}



.new2Ul .box .time .H5{font-size:16px; color:#9f9f9f; font-family: Arial;}



.new2Ul .box .text{margin-left:80px; padding-left:30px; border-left:1px solid #dddddd;}



.new2Ul .box .text .H4{font-size:18px; color:#333333;}



.new2Ul .box .text .p{font-size:14px; line-height: 26px; height: 52px; margin:25px 0 30px 0 ; color:#666666;overflow : hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 2;



-webkit-box-orient: vertical;}



.new2Ul .box .text .H5{font-size:14px; color:#1e1e1e; font-family: Arial; font-weight: bold; border-bottom:1px solid #1e1e1e; display: inline-block;}



.new2Ul .box:hover{background-color:#fff; box-shadow: 0 0 5px rgba(0,0,0,0.1)}



.new2Ul .box:hover .text .H4{color:#28a7e1;}



.new2Ul .box:hover .text .H5{color:#28a7e1; border-color:#28a7e1;}







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



    .new,



    .new2{padding:60px 0;}



    .newUl .box{padding:20px;}



    .newUl .box .H4{padding-right:20px;}



    .newUl .box .p{padding-right:20px;}



}



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



    .new{padding:15px 0 30px 0;}



    .new2{padding:30px 0;}



    .newUl{margin:0;}



    .newUl .list{width:100%; padding:0; margin-top:15px;}



    .newUl .box{padding:20px 10px;}



    .newUl .box .H4{font-size:16px; padding:0; margin: 10px 0;}



    .newUl .box .p{padding:0;}



    .newUl .box .img{margin-top:10px;}



    .new2Ul{margin:0; padding-bottom:15px;}



    .new2Ul .list{padding:0; margin-bottom:15px; width: 100%;}



    .new2Ul .box{padding:20px 10px;}



    .new2Ul .box .time{width:60px;}



    .new2Ul .box .text{margin-left:60px; padding-left:10px;}



    .new2Ul .box .text .H4{font-size:16px;}



    .new2Ul .box .text .p{margin:10px 0;}



}







/*新闻详情*/



.newDe{padding:100px 0; background-color: #eff0f1;}



.newDeL{width:73.24%; float:left; padding:43px 30px 0 30px; background-color: #fff;}



.newDeL .H2{text-align:center; font-size:24px; color:#333333; font-weight: bold;} 



.newDeL2{padding:13px 0 10px 0; border-bottom:1px solid #e6e6e6; font-size:14px; color:#999999; text-align: center;}



.newDeL .p{padding:30px 0 35px 0; font-size:16px; line-height: 36px; color:#333333;}



.newDeL3{padding:16px 0 26px 0; border-top:1px solid #e6e6e6; }



.pages{float:left;}



.pages a{float:left; font-size:14px; color:#666666; line-height: 28px;}



.pages a .ico{ width:15px; height: 9px; display: inline-block; line-height: 0; margin: -4px 10px 0 0 ; vertical-align: middle;}



.pages a:nth-child(2){margin-left:18px; padding-left:18px; border-left:1px solid #e6e6e6;}



.pages a:nth-child(2) .ico{ margin: -4px 0 0 10px;}



.pages a:hover{color:#0e6eb8;}



.newDeL3 .bdsharebuttonbox {float:right;}







.newDeR{width:24.84%; float:right; background-color: #fff; padding:20px 20px 30px 20px;}



.newDeRUl .list{padding:30px 0; border-bottom:1px dashed #b2b2b2;}



.newDeRUl .H4{font-size:16px; color:#333333; font-weight: bold;}



.newDeRUl .H4 .bold{font-family:Arial;}



.newDeRUl .p{font-size:14px; color:#666666 ; margin: 10px 0 13px 0; padding-left:15px;}



.newDeRUl .infor{text-align:right; font-size:14px; color:#999999;}



.newDeRUl .infor span:nth-child(2){margin-left:15px;}



.newDeRUl .list:hover .H4{color:#1073bc;}







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



    .newDe{padding:60px 0;}



    .newDeL .H2{font-size:20px;}



    .newDeRUl .infor{font-size:12px;}



}



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



    .newDeRUl .infor span{display:block;}



    .newDeL3 .bdsharebuttonbox{display:none;}



    .newDeL3 .pages{text-align:center; width: 100%;}



    .newDeL3 .pages a{float:none; display: inline-block;}



}



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



    .newDe{padding:30px 0;}



    .newDeL{width:100%; padding:20px;}



    .newDeL .H2{font-size:18px; line-height: 24px;}



    .newDeL .p{padding:20px 0; font-size:14px; line-height: 24px;}



    .newDeR{margin-top:20px; padding:20px 10px; width: 100%;}



    .newDeRUl .list{padding:15px 0;}



    .newDeRUl .infor span{display:inline-block;}



}







/*联系我们*/



.contact{padding:100px 0;}



.contactList .list{width:32.16%; margin: 0 1.76% 0 0; box-shadow: 0 0 4px rgba(0,0,0,0.16); border-radius: 6px; float:left; text-align: center; background-color:#fff;}



.contactList .list:nth-child(3n){margin-right:0;}



.contactList .pic{width:73px; height: 73px; display: block; margin:40px auto 20px auto;}



.contactList .H3{font-size:18px; color:#333333;}



.contactList .H6{font-size:14px; color:#888787; font-family: Arial; text-transform: uppercase; margin-top:3px;}



.contactList .H5{font-size:18px; color:#28a7e1; line-height: 24px;font-weight: bold;margin:20px 0 30px 0; min-height: 48px;}







.map{  width: 100%;margin-top:30px;}



#bdmap{width:100%; height:520px; background: no-repeat}



#bdmap img{ max-width:none;}



/*#bdmap .iw_poi_title{ color: #20c38c; font-size: 16px; font-weight: normal; line-height: 30px !important; display: block;}*/



#bdmap .iw_poi_content{ padding-left: 155px; margin-top: -70px; white-space: nowrap; font-size: 18px; color: #333333; line-height: 30px; width: 100%;}



#bdmap .BMap_pop{ float:right; background-color:#fff; background-repeat:no-repeat; border:none !important; width:488px !important; height:108px; margin:140px 0 0 340px; box-shadow: 0 0 10px rgba(0,0,0,0.18);}



#bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;}







#bdmap .BMap_pop div:nth-child(8){display:none;}



#bdmap .BMap_pop div:nth-child(7){display:none;}



#bdmap .BMap_pop div:nth-child(3){display:none;}



#bdmap .BMap_pop div:nth-child(5){display:none !important;}



#bdmap .BMap_bottom{display:none !important;}



#bdmap .BMap_pop div{ border:none !important;}



#bdmap .BMap_pop div:nth-child(2){background:none !important;}



#bdmap.BMap_bubble_content{ width:609px !important; height:140px !important; background:#fff !important;}







#bdmap .BMap_bubble_content{width:609px !important; height:140px !important; background-color: #fff !important; }



#bdmap .BMap_pop div:nth-child(9),



#bdmap .BMap_center{left: 0 !important; top:0 !important; width:488px !important; height:108px !important;}







#bdmap .BMap_pop img:nth-child(10){right:10px !important; left: auto !important;}







#bdmap .iw_poi_content p{font-size:18px; line-height: 30px; color:#333333; text-transform: uppercase;}







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



    .contact{padding:60px 0;}



    #bdmap{ height:400px;}



}



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







}



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



    .contactList .list{width:100%; margin: 10px 0 0 0;}



    .contact{padding:30px 0;}



    .contactList .pic{width:40px; height: 40px; margin: 20px auto;}



    .contactList .H3{font-size:15px;}



    .contactList .H6{font-size:12px; margin-top:4px;}



    .contactList .H5{font-size:14px; line-height: 20px; margin: 10px 0 20px 0; min-height: inherit;}



    #bdmap{ height:300px;}



    #bdmap .BMap_pop{ margin:140px 0 0 200px; }



}











/*右漂浮*/



.fr{position:fixed; top:200px; right:15px; z-index:999;}



.fr .list{width:42px; height:42px; background-color:#ecb221; position: relative; border-radius: 50%; margin-top:14px;}



.fr .list::after{width:1px; height: 14px; border-left:1px dashed #ecb221; content: ""; position: absolute; left: 50%; top:-14px;}



.fr .list:first-child::after{display:none;}



.fr .ico{width:42px; height: 42px; display: block; margin: auto;}



.phoneBox{position:absolute; top:-5px; right:42px;width: 0; overflow: hidden; height: 52px;



-webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;}



.phoneBox .p{width:150px; text-align: center; font-size:16px; color:#666; line-height: 42px; position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.1); margin: 5px 15px 5px 5px; background-color: #fff;}



.phoneBox .p::after{width:10px; height: 20px; background: url(../image/tr.png) center no-repeat; background-size: 100%; content: ""; position: absolute; top:50%; margin-top:-10px; right:-10px;}



.ewmBox{width:0; position: absolute; top:50%; right: 50px; overflow: hidden; margin-top:-53px;



-webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;}



.ewmBox .img{ background-color:#fff;padding:5px;width:100px; height: 100px; display: block; position: relative;box-shadow: 0 0 5px rgba(0,0,0,0.1); }



.ewmBox .img::after{width:10px; height: 20px; background: url(../image/tr.png) center no-repeat; background-size: 100%; content: ""; position: absolute; top:50%; margin-top:-10px; right:-10px;}



.fr .list .ewmBox.active{ width: 115px; padding:5px;}



.fr .list:last-child{background-color:#2d2a25;}







@media screen and (min-width:992px){



    .fr .list:hover{background-color:#0e6eb8;}



    .fr .list:hover .phoneBox{ width: 170px; }



    .fr .list:hover .ewmBox{ width: 115px; padding:5px;}



}



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



    .ewmBox .img{ background-color:#fff;}



    .fr{top:auto; bottom:20px;}



}



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



    .fr{display:none;}



}