body.on{overflow: hidden;height: 100vh;}
/*通用*/
/*顶部导航栏*/
.wyb_s{position: relative;z-index: 9999999;}
.t_head{width: 100%;overflow: hidden;background-color: #2163aa;padding: 10px 0;}
.t_head .left{float: left;overflow: hidden;margin-top: 2.5px;}
.t_head .left .boxs{float: left;margin-right: 28px;font-size: 0;}
.t_head .left .boxs img{width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin-right: 6px;}
.t_head .left .boxs .words{font-size: 14px;color: #ffffff;line-height: 15px;display: inline-block;vertical-align: middle;}
.t_head .right{float: right;font-size: 0;}
.t_head .right .ico{display: inline-block;vertical-align: middle;margin-left: 14px;}
.t_head .right .ico img{width: 20px;height: 20px;display: block;}
/*顶部导航*/
.t_navs{ width: 100%;}
.t_navs::after{content: "";display: block;clear: both;}
/*正常屏幕显示*/
.t_navs .top{ width: 100%; float: left; position: relative;}
/*logo*/
.t_navs .top .logo{ margin: 24px 0 22px 0; line-height: 0; float: left;}
.t_navs .top .logo img{ width: auto; height: 45px;}
/*一级导航*/
.t_navs .top .right{ float: right;}
.t_navs .top .right ul{float: left;}
.t_navs .top .menu .nli{ padding:  0 5px; float: left; position: relative;font-size: 16px;}
.t_navs .top .menu .nli span a{ display: block;color: #333; position: relative;padding: 35px 10px;letter-spacing: 0;}
/*鼠标经过样式*/
.t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #2163aa;}
/*二级导航*/
.t_navs .top .sub{ display: none; position: absolute; width: 100%; top:90px; left: 0; background: #fff; z-index: 4;width: 200px;}
.t_navs .top .sub .l2{ width: 100%;text-align: center;font-size: 14px;border-bottom: 1px solid #d9d9d9;position: relative;}
.t_navs .top .sub .l2 .l2a{ display: block; color: #333;/*height: 40px;*/line-height: 24px; padding:8px 0;}
.t_navs .top .sub .l2 .l2a:hover{ color: #fff;background-color: #2163aa;}
.t_navs .top .sub .l2 .sj{background-color: #fff;position: absolute;left: 50%;top: 0;width: 200px;opacity: 0;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.t_navs .top .sub .l2 .sj .l3{width: 100%;text-align: left;border-bottom: 1px solid #d9d9d9;}
.t_navs .top .sub .l2 .sj .l3 .l3a{display: block;width: 100%;/*height: 40px;*/line-height: 24px;font-size: 14px;color: #333; padding:8px 0; padding-left: 20px; }
.t_navs .top .sub .l2 .sj .l3 .l3a:hover{background-color: #2163aa;color: #fff;}
.t_navs .top .sub .l2:hover .sj{left: 100%;opacity: 1;}

/*input*/
.t_navs .top .inputbox{float: left;position: relative;padding: 33px 0 33px 15px;}
.t_navs .top .inputbox ._t img{width: 25px;height: 25px;cursor: pointer;}
.t_navs .top .inputbox ._b{position: absolute;top: 101%;right: 0; background-color: rgba(255,255,255,0.6);width: 200px;height: 36px;display: none;}
.t_navs .top .inputbox ._b .b_box{width: 100%;height: 100%;position: relative;padding-left: 14px;padding-right: 40px;}
.t_navs .top .inputbox ._b .b_box input{width: 100%;height: 100%;background-color: rgba(255,255,255,0);font-size: 14px;color: #000;}
.t_navs .top .inputbox ._b .b_box .img{width: 36px;height: 36px;background-color: #2163aa;position: absolute;right: 0;top: 0;color: #fff;line-height: 36px;text-align: center;font-size: 18px;cursor: pointer;}
/*隐藏手机显示*/
.t_navs .menuph{ display: none;} 
.t_navs .xialaph{ display: none;}
@media screen and (max-width:1180px) {
.t_navs .top .menu .nli span a{padding: 35px 4px;font-size: 14px;}
.t_navs .top .inputbox{padding: 33px 0 33px 4px;}
}
@media screen and (max-width:1024px) {
.t_head{display: none;}
/*电脑端导航隐藏*/
.t_navs .menu{ display: none;}
/*手机端导航显示*/
.t_navs .menuph{ display: block;}
.t_navs .xialaph{ display: block;}
/*手机端样式*/
.t_navs .top{ padding: 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #fff;}
/*logo*/
.t_navs .top .logo{ margin: 8px 0;}
.t_navs .top .logo img{ height: 34px;}
/*右侧三条杠*/
.t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 0;}
.t_navs .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
.t_navs .menuph .point:hover .navbtn,
.t_navs .menuph .point:hover .navbtn::after,
.t_navs .menuph .point:hover .navbtn::before { width: 28px;}
.t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #2163aa;
-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;}
.t_navs .menuph .navbtn::after,
.t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #2163aa;
-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;}
.t_navs .menuph .navbtn::after { top: -11px;}
.t_navs .menuph .navbtn::before { top: 11px;}
.t_navs .menuph .point.active .navbtn{ background: transparent;}
.t_navs .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;}
.t_navs .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}
/*一级导航*/
.t_navs .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 15px 100px 15px; display: none; z-index:3; background:#fff;}
.t_navs .xialaph .ul2,
.t_navs .xialaph .ul3{ display: none;}
.t_navs .xialaph h4 a{ float: left; width: 60%; color: #333333;line-height: 50px;font-size: 16px;} 
.t_navs .xialaph h4{ float: left; width: 100%; position: relative;letter-spacing: 0;}
.t_navs .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph h4:hover a,
.t_navs .xialaph h5:hover a{ color: #2163aa;}
.t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: uppercase;font-size: 14px;}
.t_navs .xialaph h5{ float: left; width: 100%; position: relative;}
.t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;}
.t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;}
.t_navs .xialaph h4.active img.img_s,
.t_navs .xialaph h5.active img.img_s{ display: none;}
.t_navs .xialaph h4.active img.img_d,
.t_navs .xialaph h5.active img.img_d{ display: block;}
.t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.t_navs .xialaph .ul2 li{float:left; width:100%;}
.t_navs .xialaph .ul3{padding-bottom: 10px; padding-left: 15px; z-index: 0; position: relative;  float: left; width: 100%;}
.t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph li:last-child .ul3::after{ display: none;}
.t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;}
.t_navs .xialaph .ul3 li:hover a{color: #2163aa;}
.t_navs .xialaph .ul3 li{ padding-top: 5px; float:left; width:100%;}
.t_navs .xialaph .ul3 li:first-child{ padding-top: 0;}
/*二级三级导航箭头*/
.t_navs .img_d,
.t_navs .disno{ display: none;} 
.t_navs .xialaph .inputbox{width: 100%;border: 1px solid #999;float: left;margin-top: 20px;position: relative;padding-left: 14px;padding-right: 40px;height: 36px;}
.t_navs .xialaph .inputbox input{width: 100%;height: 100%;font-size: 14px;color: #333;}
.t_navs .xialaph .inputbox .ico{width: 36px;height: 34px;line-height: 34px;text-align: center;font-size: 18px;color: #fff;position: absolute;right: 0;top: 0;background-color: #2163aa;}
}

/*底导航漂浮*/
/*.q_d_m{ float: left; width: 100%; height: 50px;z-index: 99999;position: relative;}*/
.pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; background: #2163aa; z-index: 999; box-shadow: 0 -5px 10px rgba(0,0,0,0.2);height: 52px;}
.pf_down li{ width: 25%; float: left; text-align: center; position: relative;}
.pf_down li .ico7{width: 52px;height: 52px;margin: 0 auto;}
.pf_down li .ewm{width: 80px;height: 80px;position: absolute;bottom: 70%;right: 0;opacity: 0;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.pf_down li:hover .ewm{opacity: 1;bottom: 115%;}
.pf_down li:last-child{ border: none;}
.pf_down li:nth-child(3n){ border: none;}

/*侧悬浮*/
.cxf{width: 52px;position: fixed;right: 5px;top:40%;z-index: 9999;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);}
.cxf .box{width: 52px;}
.cxf .box .box1{width: 100%;margin-bottom: 1px;position: relative;transition: all 0.5s;}
.cxf .box .renter{cursor: pointer;}
.cxf .box .box1 .top{width: 52px;height: 52px;}
.cxf .box .box1 .top:hover{opacity: 0.8;}
.cxf .box .box1 .phone{  width:140px;position: absolute;right: 0;top: 50%;margin-top: -70px;background: #2163aa;padding: 10px;
-webkit-transition: all 0.5s ease-out 0s; 
-ms-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.cxf .box .box1 .phone.tel{margin-top:-18px;}
.cxf .box .box1 .phone .p1{width: 100%;height: 22px;font-size: 16px;color: #ffffff;}
.cxf .box .box1 .phone .p2{font-size: 20px;color: #fff;}
.cxf .box .box1 .phone .phonebox{width: 100%;height: 100%;position: relative;}
.cxf .box .box1 .phone .phonebox{color:#fff;}
.cxf .box .box1 .phone .phonebox .ewm{width: 120px;height: 120px;}
.cxf .box .box1 .phone .phonebox::after{content: "";display: block;width: 0;height: 0;border: 10px solid;border-color: transparent transparent #2163aa;position: absolute;right: -30px;top: 50%;margin-top: -10px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}
.cxf .box .box1 .ewms{width: 100%;height: 100%;}
.cxf .box .box1 .con.rtl{ right: 130%;}
.cxf .box .box1 .phone1{left: 0;}
.cxf .box .box1 .con.ltr{ left: 102%;}
.cxf .box .box1:hover{background-color: #2163aa;}
.cxf_top{width: 44px;height: 44px;position: fixed;right: 80px;bottom: 100px;z-index: 98;cursor: pointer;border-radius: 100%;overflow: hidden;background-color: #2163aa;}
.cxf_top .boxs{width: 100%;height: 100%;position: relative;}
.cxf_top:hover{opacity: 0.8;}
.cxf_top .ico{width: 18px;height: 19px;position: absolute;left: 50%;margin-left: -9px;
-webkit-transform: translate(0, -50%); 
-ms-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
-webkit-transition: all 1.5s ease-out 0.5s; 
-moz-transition: all 1.5s ease-out 0.5s; 
-o-transition: all 1.5s ease-out 0.5s; 
transition: all 1.5s ease-out 0.5s;
animation:myfirst 1.5s infinite;
-moz-animation:myfirst 1.5s infinite; 
-webkit-animation:myfirst 1.5s infinite; 
-o-animation:myfirst 1.5s infinite;}
@keyframes myfirst
{
0%   { bottom:0px;}
50%  { bottom:10px;}
75%  { bottom:10px;}
100% { bottom:0px;}
}

@-moz-keyframes myfirst
{
0%   { bottom:0px;}
50%  { bottom:10px;}
75%  { bottom:10px;}
100% { bottom:0px;}
}

@-webkit-keyframes myfirst 
{
0%   { bottom:0px;}
50%  { bottom:10px;}
75%  { bottom:10px;}
100% { bottom:0px;}
}

@-o-keyframes myfirst 
{
0%   { bottom:0px;}
50%  { bottom:10px;}
75%  { bottom:10px;}
100% { bottom:0px;}
}
@media  screen and (max-width: 1024px){
.cxf .box{display: none;}
.cxf_top{width: 30px;height: 30px;right: 40px;bottom: 100px;}
.cxf_zx{width: 40px;height: 40px;right: 20px;bottom: 160px;}
.cxf_top .ico{width: 14px;height: 15px;position: absolute;left: 50%;margin-left: -7px;}
@keyframes myfirst
{
0%   { bottom:0px;}
50%  { bottom:5px;}
75%  { bottom:5px;}
100% { bottom:0px;}
}

@-moz-keyframes myfirst
{
0%   { bottom:0px;}
50%  { bottom:5px;}
75%  { bottom:5px;}
100% { bottom:0px;}
}

@-webkit-keyframes myfirst 
{
0%   { bottom:0px;}
50%  { bottom:5px;}
75%  { bottom:5px;}
100% { bottom:0px;}
}

@-o-keyframes myfirst 
{
0%   { bottom:0px;}
50%  { bottom:5px;}
75%  { bottom:5px;}
100% { bottom:0px;}
}
}


/*  banner  */
.banner1 .slideshow { position: relative; z-index:1}
.banner1 .slideshow .wp { position: absolute; z-index:2; left: 50%; margin-left: -600px; top: 50%; margin-top: -166.5px; }
.banner1 .slideshow .wp img { max-width: 100%; max-height: 80%; }
.banner1 .slideshow .item a img { width: 100%; /*-webkit-transition: all 6s ease-out; -o-transition: all 6s ease-out; -moz-transition: all 6s ease-out; transition: all 6s ease-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);*/ }
/*.banner1 .slideshow .item.slick-active img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }*/
.banner1 .slick-dots{position: absolute; left:0px; right:0px; bottom:20px;text-align: center;}
.banner1 .slick-dots li{display: inline-block;}
.banner1 .slick-dots li button{cursor: pointer; font-size: 0px; margin:0 5px; border: none;outline: none;width: 10px;height: 10px; background:#fff; transition:0.5s;}
.banner1 .slick-dots li.slick-active button{ background:#2163aa;}
.banner1 .slick-prev,.banner1 .slick-next{ width: 35px; height: 62px; top:50%;border: 0px; font-size: 0px; cursor: pointer; transition:0.5s;}
.banner1 .slick-prev{ position: absolute; left:70px; z-index: 999; background:url(images/img25.png) no-repeat center;background-size: cover;top: 50%;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);}
.banner1 .slick-next {position: absolute; right:70px; z-index: 999; background:url(images/img26.png) no-repeat center;background-size: cover;top: 50%;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);} 
.banner1 .slideshow .item.slick-active.item_one img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.banner1 .slideshow .item.slick-active.item_one.on img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.banner1 .slick-list,.banner1 .slick-slider,.banner1 .slick-track{position:relative;display:block}
.banner1 .slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.banner1 .slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.banner1 .slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}
.banner1 .slick-list.dragging{cursor:pointer;cursor:hand}
.banner1 .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.banner1 .slick-track{top:0;left:0} 
.banner1 .slick-track:after,.slick-track:before{display:table;content:''}
.banner1 .slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] 
.banner1 .slick-slide{float:right}.slick-slide img{display:block}
.banner1 .slick-slide.slick-loading img{display:none}
.banner1 .slick-slide.dragging img{pointer-events:none}
.banner1 .slick-initialized .slick-slide{display:block}
.banner1 .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.banner1 .slick-arrow.slick-hidden{display:none}
@media  screen and (max-width: 1024px){
.banner1{margin-top: 50px;padding-bottom: 62.66%!important;}
.banner1 .slick-prev{width: 20px;height: 24px;left: 20px;}
.banner1 .slick-next{width: 20px;height: 24px;right: 20px;}
.banner1 .slick-dots{bottom: 14px; height: 8px; }
.banner1 .slick-dots li{width: 8px; height: 8px;margin: 0 4px;}
}

/*首页*/
.sy_section1{width: 100%;background-color: #f6f6f6;padding: 60px 0;}
.sy_section1 .content{width: 100%;overflow: hidden;}
.sy_section1 .content .left{width: 46.67%;float: left;padding-right: 56px;padding-top: 68px;}
.sy_section1 .content .left h2{font-size: 34px;color: #363636;line-height: 40px;font-weight: bold;letter-spacing: 0;}
.sy_section1 .content .left .border{width: 46px;height: 4px;background-color: #2163aa;margin: 20px 0 22px 0;}
.sy_section1 .content .left p{font-size: 16px;color: #333333;line-height: 32px;margin-bottom: 58px;letter-spacing: 0;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}
.sy_section1 .content .left .more{width: 100%;}
.sy_section1 .content .left .more a{display: inline-block;background-color: #2163aa;font-size: 0;padding: 12px 16px;border: 1px solid #2163aa;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section1 .content .left .more a:hover{background-color: #fff;}
.sy_section1 .content .left .more a .words{letter-spacing: 0; font-size: 16px;color: #ffffff;line-height: 16px;display: inline-block;vertical-align: middle;margin-right: 12px;}
.sy_section1 .content .left .more a:hover .words{color: #2163aa;}
.sy_section1 .content .left .more a img{width: 18px;height: 14px;display: inline-block;vertical-align: middle;}
.sy_section1 .content .left .more a .img2{display: none;}
.sy_section1 .content .left .more a:hover .img1{display: none;}
.sy_section1 .content .left .more a:hover .img2{display: inline-block;}
.sy_section1 .content .right{width: 53.33%;float: right;height: 480px;}
.sy_section1 .content .right .pic{width: 100%;height: 100%;}
@media  screen and (max-width: 1024px){
.sy_section1{padding: 22px 0;}
.sy_section1 .content .left{width: 100%;padding-right: 0px;padding-top: 0px;float: none}
.sy_section1 .content .left h2{font-size: 18px;line-height: 24px;}
.sy_section1 .content .left .border{width: 30px;height: 2px;margin: 12px 0;}
.sy_section1 .content .left p{font-size: 14px;line-height: 22px;margin-bottom: 14px;-webkit-line-clamp:8;}
.sy_section1 .content .left .more a{padding: 6px 12px;}
.sy_section1 .content .left .more a .words{font-size: 14px;line-height: 14px;margin-right: 6px;}
.sy_section1 .content .left .more a img{width: 14px;height: 10px;}
.sy_section1 .content .right{width: 100%;float: none;height: 240px;margin-top: 14px;}
}

.sy_section2{width: 100%;padding: 48px 0 52px 0;}
.sy_section2 .tit{width: 100%;text-align: center;margin-bottom: 30px;}
.sy_section2 .tit h2{font-size: 34px;color: #363636;line-height: 40px;font-weight: bold;margin-bottom: 14px;letter-spacing: 0;width: 100%;}
.sy_section2 .tit .border{width: 46px;height: 4px;background-color: #2163aa;display: inline-block;}
.sy_section2 ul{margin: -13px -20px;overflow: hidden;
width: calc(100% + 40px);
width: -ms-calc(100% + 40px);
width: -o-calc(100% + 40px);
width: -moz-calc(100% + 40px);
width: -webkit-calc(100% + 40px);}
.sy_section2 ul li{width: 25%;float: left;padding: 13px 20px;}
.sy_section2 ul li a{display: block;width: 100%;}
.sy_section2 ul li a .pic{ width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; min-height: 50px;border: 1px solid #e5e5e5;margin-bottom: 20px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sy_section2 ul li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;z-index: 7;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.sy_section2 ul li a:hover .pic  img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.sy_section2 ul li a .pic .more{width: 150px;height: 40px;background-color: #fff; line-height: 38px;text-align: center;font-size: 16px;color: #2163aa;letter-spacing: 0;position: absolute;top: 50%;left: 50%;opacity: 0;z-index: 9;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 ul li a:hover .pic .more{opacity: 1;}
.sy_section2 ul li a .pic::after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(33,99,170,0.7);position: absolute;left: 0;bottom: -120%;z-index: 8;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 ul li a:hover .pic::after{content: "";display: block;bottom: 0;}
.sy_section2 ul li a .words{font-size: 14px;color: #333333;line-height: 20px;text-align: center;letter-spacing: 0;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 ul li a:hover .words{color: #1d64b1;font-size: 16px;}
@media  screen and (max-width: 1024px){
.sy_section2{padding: 22px 0;}
.sy_section2 .tit{margin-bottom: 14px;}
.sy_section2 .tit h2{font-size: 18px;line-height: 24px;margin-bottom: 8px;}
.sy_section2 .tit .border{width: 30px;height: 2px;}
.sy_section2 ul{margin: -5px;
width: calc(100% + 10px);
width: -ms-calc(100% + 10px);
width: -o-calc(100% + 10px);
width: -moz-calc(100% + 10px);
width: -webkit-calc(100% + 10px);}
.sy_section2 ul li{width: 50%;padding: 5px;}
.sy_section2 ul li a .pic{margin-bottom: 10px;}
.sy_section2 ul li a .words{font-size: 12px;line-height: 14px;}
.sy_section2 ul li a:hover .words{font-size: 14px;}
}

.sy_section3{width: 100%;padding: 52px 0 56px 0;}
.sy_section3 .tit{width: 100%;margin-bottom: 40px;}
.sy_section3 .tit h2{font-size: 34px;color: #ffffff;line-height: 40px;font-weight: bold;margin-bottom: 16px;letter-spacing: 0;}
.sy_section3 .tit .border{width: 46px;height: 4px;background-color: #fff;}
.sy_section3 .content{width: 100%;}
.sy_section3 .content ul li{height: auto;overflow: hidden;}
.sy_section3 .content ul li .left{width: 48.33%;float: left;height: 436px;}
.sy_section3 .content ul li .right{width: 51.67%;float: right;padding-left: 26px;margin-top: 96px;}
.sy_section3 .content ul li .right h3{font-size: 16px;color: #ffffff;line-height: 24px;font-weight: bold;margin-bottom: 8px;letter-spacing: 0;}
.sy_section3 .content ul li .right p{font-size: 16px;color: #ffffff;line-height: 32px;margin-bottom: 74px;letter-spacing: 0;height: 160px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}
.sy_section3 .content ul li .right .more{width: 100%;}
.sy_section3 .content ul li .right .more a{display: inline-block;padding: 12px 16px;background-color: #2163aa;font-size: 0;border: 1px solid #2163aa;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section3 .content ul li .right .more a:hover{background-color: #fff;}
.sy_section3 .content ul li .right .more a .words{font-size: 16px;color: #ffffff;line-height: 16px;display: inline-block;vertical-align: middle;margin-right: 12px;letter-spacing: 0;}
.sy_section3 .content ul li .right .more a:hover .words{color: #2163aa;}
.sy_section3 .content ul li .right .more a img{width: 18px;height: 14px;display: inline-block;vertical-align: middle;}
.sy_section3 .content ul li .right .more a .img2{display: none;}
.sy_section3 .content ul li .right .more a:hover .img1{display: none;}
.sy_section3 .content ul li .right .more a:hover .img2{display: inline-block;}
.sy_section3 .content ul .slick-prev{width: 24px;height: 24px;background: url(images/img39.png) no-repeat center center; background-size: cover;left: auto;top: 0;right: 35px;
transform: translate(0,0);
-ms-transform: translate(0,0);}
.sy_section3 .content ul .slick-next{width: 24px;height: 24px;background: url(images/img40.png) no-repeat center center; background-size: cover;right: 0;top: 0;
transform: translate(0,0);
-ms-transform: translate(0,0);}
.sy_section3 .content ul .slick-prev:hover,.sy_section3 .content ul .slick-next:hover{opacity: 0.5;}
@media  screen and (max-width: 1024px){
.sy_section3{padding: 22px 0;}
.sy_section3 .tit{;margin-bottom: 14px;}
.sy_section3 .tit h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;}
.sy_section3 .tit .border{width: 20px;height: 2px;}
.sy_section3 .content ul li .left{width: 40%; height: 100px;margin-top: 0;}
.sy_section3 .content ul li .right{width: 60%; padding-left: 12;margin-top: 0;}
.sy_section3 .content ul li .right h3{font-size: 14px;line-height: 20px;margin-bottom: 0;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.sy_section3 .content ul li .right p{font-size: 14px;line-height: 24px;margin-bottom: 6px;height: 48px;-webkit-line-clamp:2;}
.sy_section3 .content ul li .right .more a{padding: 6px 10px;}
.sy_section3 .content ul li .right .more a .words{font-size: 12px;line-height: 12px;margin-right: 6px;}
.sy_section3 .content ul li .right .more a img{width: 12px;height: 8px;}
.sy_section3 .content ul .slick-prev{width: 20px;height: 20px;left: auto;top: -50px;right: 30px;}
.sy_section3 .content ul .slick-next{width: 20px;height: 20px;right: 0;top: -50px;}
}

.sy_section4{width: 100%;padding-bottom: 52px;}
.sy_section4 .tit{width: 100%;text-align: center;margin-bottom: 38px;text-align: center;}
.sy_section4 .tit h2{font-size: 34px;color: #363636;line-height: 40px;font-weight: bold;margin-bottom: 14px;letter-spacing: 0;}
.sy_section4 .tit .border{width: 46px;height: 4px;background-color: #2163aa;display: inline-block;}
.sy_section4 .content{width: 100%;overflow: hidden;}
.sy_section4 .content .left{width: 47%;float: left;padding-right: 40px;margin-top: 66px;}
.sy_section4 .content .left h3{font-size: 16px;color: #333333;line-height: 24px;margin-bottom: 6px;letter-spacing: 0;font-weight: bold;}
.sy_section4 .content .left p{font-size: 16px;color: #333333;line-height: 32px;margin-bottom: 52px;letter-spacing: 0;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.sy_section4 .content .left .more{width: 100%;}
.sy_section4 .content .left .more a{display: inline-block;padding: 12px 16px;background-color: #2163aa;font-size: 0;border: 1px solid #2163aa;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section4 .content .left .more a:hover{background-color: #fff;}
.sy_section4 .content .left .more a .words{font-size: 16px;color: #ffffff;line-height: 16px;display: inline-block;vertical-align: middle;margin-right: 12px;letter-spacing: 0;}
.sy_section4 .content .left .more a:hover .words{color: #2163aa;}
.sy_section4 .content .left .more a img{width: 18px;height: 14px;display: inline-block;vertical-align: middle;}
.sy_section4 .content .left .more a .img2{display: none;}
.sy_section4 .content .left .more a:hover .img1{display: none;}
.sy_section4 .content .left .more a:hover .img2{display: inline-block;}
.sy_section4 .content .right{width: 53%;float: right;position: relative;}
.sy_section4 .content .right .videos{width: 100%;height: 478px;}
.sy_section4 .content .right .icon{width: 68px;height: 68px;position: absolute;left: 50%;top: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);}
.sy_section4 .content .right .icon.active{display: none;}
@media  screen and (max-width: 1024px){
.sy_section4{padding-bottom: 22px;}
.sy_section4 .tit{margin-bottom: 14px;}
.sy_section4 .tit h2{font-size: 18px;line-height: 24px;margin-bottom: 8px;}
.sy_section4 .tit .border{width: 30px;height: 2px;}
.sy_section4 .content .left{width: 100%;padding-right: 0;margin-top: 0;margin-bottom: 14px;}
.sy_section4 .content .left h3{font-size: 14px;line-height: 20px;margin-bottom: 4px;}
.sy_section4 .content .left p{font-size: 14px;line-height: 24px;margin-bottom: 14px;}
.sy_section4 .content .left .more a{padding: 8px 12px;}
.sy_section4 .content .left .more a .words{font-size: 14px;line-height: 14px;margin-right: 6px;}
.sy_section4 .content .left .more a img{width: 14px;height: 10px;}
.sy_section4 .content .right{width: 100%;}
.sy_section4 .content .right .videos{height: 258px;}
.sy_section4 .content .right .icon{width: 34px;height: 34px;display: none;}
}

.sy_section5{width: 100%;padding-bottom: 60px;}
.sy_section5 .tit{width: 100%;text-align: center;margin-bottom: 40px;}
.sy_section5 .tit h2{font-size: 34px;color: #363636;line-height: 40px;font-weight: bold;letter-spacing: 0;margin-bottom: 14px;}
.sy_section5 .tit .border{width: 46px;height: 4px;background-color: #2163aa;display: inline-block;}
.sy_section5 .content{width: 100%;overflow: hidden;}
.sy_section5 .content .left{width: 52.9%;float: left;padding-right: 30px;}
.sy_section5 .content .left .box{width: 100%;background-color: #f6f6f6;overflow: hidden;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section5 .content .left .box:hover{background-color: #2163aa;}
.sy_section5 .content .left .box:first-child{margin-bottom: 33px;}
.sy_section5 .content .left .box .lefts{width: 43%;float: left;}
.sy_section5 .content .left .box .lefts .pic{width: 100%;height: 196px;}
.sy_section5 .content .left .box .rights{width: 57%;float: right;padding: 25px 30px 0 30px;}
.sy_section5 .content .left .box .rights h2{font-size: 16px;color: #333333;line-height: 24px;font-weight: bold;margin-bottom: 10px;letter-spacing: 0;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.sy_section5 .content .left .box:hover .rights h2{color: #fff;}
.sy_section5 .content .left .box .rights p{font-size: 14px;color: #333333;line-height: 28px;letter-spacing: 0;margin-bottom: 14px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.sy_section5 .content .left .box:hover .rights p{color: #fff;}
.sy_section5 .content .left .box .rights .date{width: 100%;font-size: 0;}
.sy_section5 .content .left .box .rights .date img{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 4px;}
.sy_section5 .content .left .box .rights .date .img2{display: none;}
.sy_section5 .content .left .box:hover .rights .date .img1{display: none;}
.sy_section5 .content .left .box:hover .rights .date .img2{display: inline-block;}
.sy_section5 .content .left .box .rights .date .words{font-size: 12px;color: rgba(51,51,51,0.6);line-height: 12px;display: inline-block;vertical-align: middle;letter-spacing: 0;}
.sy_section5 .content .left .box:hover .rights .date .words{color: rgba(255,255,255,0.6);}
.sy_section5 .content .right{width: 47.1%;float: right;overflow: hidden;height: 425px;position: relative;}
.sy_section5 .content .right .box{width: 100%;height: 100%; 
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
.sy_section5 .content .right .box:hover{
transform: scale(1.02);
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);}
.sy_section5 .content .right .box .wordsbox{width: 100%;position: absolute;bottom: 0;left: 0;background-color: rgba(33,99,170,0.8);padding: 26px 22px;}
.sy_section5 .content .right .box .wordsbox h2{font-size: 16px;color: #ffffff;line-height: 24px;font-weight: bold;margin-bottom: 8px;letter-spacing: 0;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.sy_section5 .content .right .box .wordsbox p{font-size: 14px;color: #ffffff;line-height: 24px;letter-spacing: 0;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
@media  screen and (max-width: 1024px){
.sy_section5{padding-bottom: 22px;}
.sy_section5 .tit{margin-bottom: 14px;}
.sy_section5 .tit h2{font-size: 18px;line-height: 24px;margin-bottom: 6px;}
.sy_section5 .tit .border{width: 30px;height: 2px;}
.sy_section5 .content .left{width: 100%;padding-right: 0px;margin-bottom: 14px;}
.sy_section5 .content .left .box:first-child{margin-bottom: 14px;}
.sy_section5 .content .left .box .lefts .pic{height: 100px;}
.sy_section5 .content .left .box .rights{padding: 10px;}
.sy_section5 .content .left .box .rights h2{font-size: 14px;line-height: 16px;margin-bottom: 4px;}
.sy_section5 .content .left .box .rights p{font-size: 14px;line-height: 18px;margin-bottom: 6px;-webkit-line-clamp:2;}
.sy_section5 .content .left .box .rights .date img{width: 16px;height: 16px;}
.sy_section5 .content .right{width: 100%;height: 240px;}
.sy_section5 .content .right .box .wordsbox{padding: 14px;}
.sy_section5 .content .right .box .wordsbox h2{font-size: 14px;line-height: 22px;margin-bottom: 6px;}
.sy_section5 .content .right .box .wordsbox p{line-height: 20px;}
}

/*底导航*/
.bottomnav{width: 100%;}
.bottomnav ._t{width: 100%;padding: 54px 0;background-color: #f3f2f3;}
.bottomnav ._t ._tbox{width: 100%;overflow: hidden;}
.bottomnav ._t ._tbox .left{width: 42.66%;float: left;padding-right: 170px;}
.bottomnav ._t ._tbox .left .content{width: 100%;}
.bottomnav ._t ._tbox .left .content .input{width: 100%;padding: 0 30px;background-color: #fff;border: 1px solid #e5e5e5;position: relative;margin-bottom: 9px;}
.bottomnav ._t ._tbox .left .content .input input{width: 100%;background-color: rgba(255,255,255,0);height: 40px;font-size: 14px;color: #333333;}
.bottomnav ._t ._tbox .left .content .input input::-webkit-input-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .input input:-moz-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .input input::moz-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .input input:-ms-input-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .input img{width: 7px;height: 6px;position: absolute;left: 14px;top: 16px;}
.bottomnav ._t ._tbox .left .content .textarea{width: 100%;padding: 10px 30px;background-color: #fff;border: 1px solid #e5e5e5;position: relative;margin-bottom: 9px;}
.bottomnav ._t ._tbox .left .content .textarea textarea{width: 100%;background-color: rgba(255,255,255,0);height: 100px;font-size: 14px;color: #333333;border: 0;}
.bottomnav ._t ._tbox .left .content .textarea textarea::-webkit-input-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .textarea textarea:-moz-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .textarea textarea::moz-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .textarea textarea:-ms-input-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .textarea img{width: 7px;height: 6px;position: absolute;left: 14px;top: 16px;}
.bottomnav ._t ._tbox .left .content .yzm{width: 100%;position: relative;padding-right: 128px;}
.bottomnav ._t ._tbox .left .content .yzm .pic{width: 116px;height: 40px;border: 1px solid #e5e5e5;position: absolute;right: 0;top: 0;cursor: pointer;}
.bottomnav ._t ._tbox .left .content .yzm .inputbox{width: 100%;padding: 0 30px;background-color: #fff;border: 1px solid #e5e5e5;position: relative;margin-bottom: 9px;}
.bottomnav ._t ._tbox .left .content .yzm .inputbox input{width: 100%;background-color: rgba(255,255,255,0);height: 40px;font-size: 14px;color: #333333;}
.bottomnav ._t ._tbox .left .content .yzm .inputbox input::-webkit-input-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .yzm .inputbox input:-moz-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .yzm .inputbox input::moz-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .yzm .inputbox input:-ms-input-placeholder{color:rgba(51,51,51,0.8);font-size:14px;}
.bottomnav ._t ._tbox .left .content .yzm .inputbox img{width: 7px;height: 6px;position: absolute;left: 14px;top: 16px;}
.bottomnav ._t ._tbox .left .content button{width: 100%;height: 42px;background-color: #2163aa;line-height: 42px;font-size: 14px;color: rgba(255,255,255,0.8);}
.bottomnav ._t ._tbox .left .content button:hover{opacity: 0.8;}
.bottomnav ._t ._tbox .center{width: 26.33%;float: left;}
.bottomnav ._t ._tbox .center ul{width: 100%;}
.bottomnav ._t ._tbox .center ul li{width: 100%;font-size: 16px;color: rgba(51,51,51,0.8);line-height: 18px;margin-bottom: 18px;letter-spacing: 0;}
.bottomnav ._t ._tbox .center ul li:last-child{margin-bottom: 0;}
.bottomnav ._t ._tbox .center ul li a{color: rgba(51,51,51,0.8);}
.bottomnav ._t ._tbox .center ul li a:hover{color: #999;}
.bottomnav ._t ._tbox .right{width: 31.01%;float: left;}
.bottomnav ._t ._tbox .right ul{width: 100%;}
.bottomnav ._t ._tbox .right ul li{font-size: 16px;color: rgba(51,51,51,0.8);line-height: 18px;margin-bottom: 18px;letter-spacing: 0;}
.bottomnav ._t ._tbox .right ul li:last-child{margin-bottom: 0;line-height: 34px;}
.bottomnav ._t ._tbox .right ul li:nth-child(6){margin-bottom: 12px;}
.bottomnav ._t ._tbox h2{font-size: 24px;color: #2163aa;line-height: 30px;font-weight: bold;margin-bottom: 24px;text-transform:uppercase;}
.bottomnav ._b{width: 100%;padding: 26px 0 24px 0;background-color: #2163aa;}
.bottomnav ._b .words{font-size: 14px;color: #ffffff;line-height: 20px;text-align: center;letter-spacing: 0;}
.bottomnav ._b .words *{color: #fff;}
.bottomnav ._b .words a{color: #fff;}
@media  screen and (max-width: 1024px){
.bottomnav{margin-bottom: 50px;}
.bottomnav ._t{padding: 22px 0;}
.bottomnav ._t ._tbox .left{width: 100%;padding-right: 0;margin-bottom: 14px;}
.bottomnav ._t ._tbox .left .content .input{padding: 0 24px;margin-bottom: 6px;}
.bottomnav ._t ._tbox .left .content .input input{height: 34px;}
.bottomnav ._t ._tbox .left .content .input img{left: 10px;top: 12px;}
.bottomnav ._t ._tbox .left .content .textarea{padding: 8px 24px;margin-bottom: 6px;}
.bottomnav ._t ._tbox .left .content .textarea textarea{height: 50px;}
.bottomnav ._t ._tbox .left .content .textarea img{left: 10px;top: 12px;}
.bottomnav ._t ._tbox .left .content .yzm{padding-right: 100px;}
.bottomnav ._t ._tbox .left .content .yzm .pic{width: 95px;height: 34px;}
.bottomnav ._t ._tbox .left .content .yzm .inputbox{padding: 0 24px;margin-bottom: 6px;}
.bottomnav ._t ._tbox .left .content .yzm .inputbox input{height: 34px;}
.bottomnav ._t ._tbox .left .content .yzm .inputbox img{left: 10px;top: 12px;}
.bottomnav ._t ._tbox .left .content button{height: 36px;line-height: 36px;}
.bottomnav ._t ._tbox .center{display: none;}
.bottomnav ._t ._tbox .right{width: 100%;}
.bottomnav ._t ._tbox .right ul li{font-size: 14px;line-height: 16px;margin-bottom: 12px;}
.bottomnav ._t ._tbox .right ul li:last-child{line-height: 24px;}
.bottomnav ._t ._tbox .right ul li:nth-child(6){margin-bottom: 8px;}
.bottomnav ._t ._tbox h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;}
.bottomnav ._b{padding: 22px 0;}
}

/*内页banner*/
.ny_banner{width: 100%;position: relative;}
.ny_banner img{width: 100%;display: block;}
.ny_banner .wordsbox{width: 100%;text-align: center;position: absolute;left: 0;top: 50%;text-align: center;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);}
.ny_banner .wordsbox h2{font-size: 36px;color: #ffffff;line-height: 40px;font-weight: bold;margin-bottom: 14px;letter-spacing: 0;}
.ny_banner .wordsbox h3{font-size: 16px;color: #ffffff;line-height: 16px;letter-spacing: 0;}
.ny_banner .wordsbox h3 span{color: #ffffff;}
.ny_banner .wordsbox h3 a{color: #fff;}
.ny_banner .wordsbox h3 a:hover,.ny_banner .wordsbox h3 a.on{border-bottom: 1px solid #fff;}
@media  screen and (max-width: 1024px){
.ny_banner{margin-top: 50px;}
.ny_banner .wordsbox h2{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
.ny_banner .wordsbox h3{font-size: 14px;line-height: 14px;}
}

/*产品*/
.cp_section{width: 100%;padding: 60px 0 56px 0;}
.cp_section .content{width: 100%;overflow: hidden;}
.cp_section .content .left{width: 270px;float: left;}
.cp_section .content .left ul{width: 100%;}
.cp_section .content .left ul li{margin-bottom: 16px;}
.cp_section .content .left ul li.active{margin-bottom: 3px;}
.cp_section .content .left ul li:last-child{margin-bottom: 0;}
.cp_section .content .left ul li ._t{width: 100%;background-color: #e7e7e7;padding: 16px 12px;font-size: 0;cursor: pointer;}
.cp_section .content .left ul li.active ._t{background-color: #2163aa;}
.cp_section .content .left ul li ._t .words{font-size: 18px;color: #333333;line-height: 24px;font-weight: bold;display: inline-block;vertical-align: middle;padding-right: 4px;letter-spacing: 0;
width: calc(100% - 20px);
width: -ms-calc(100% - 20px);
width: -o-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);}
.cp_section .content .left ul li.active ._t .words{color: #fff;}
.cp_section .content .left ul li ._t img{width: 16px;height: 16px;display: inline-block;vertical-align: middle;background-color: #2163aa;border-radius: 100%;}
.cp_section .content .left ul li ._t .img1{display: none;background-color: #fff;}
.cp_section .content .left ul li.active ._t .img1{display: inline-block;}
.cp_section .content .left ul li.active ._t .img2{display: none;}
.cp_section .content .left ul li ._b{display: none;background-color: #f7f7f7;padding: 22px 14px;}
/*.cp_section .content .left ul li.active ._b{display:block;}*/
.cp_section .content .left ul li ._b .list{width: 100%;font-size: 0;margin-bottom: 16px;}
.cp_section .content .left ul li ._b .list:last-child{margin-bottom: 0;}
.cp_section .content .left ul li ._b .list img{width: 16px;height: 16px;background-color: #989898;border-radius: 100%;display: inline-block;vertical-align: middle;}
.cp_section .content .left ul li ._b .list .words{font-size: 16px;color: #333333;line-height: 24px;letter-spacing: 0;display: inline-block;vertical-align: middle;padding-left: 10px;
width: calc(100% - 20px);
width: -ms-calc(100% - 20px);
width: -o-calc(100% - 20px); 
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);}
.cp_section .content .left ul li ._b .list:hover img,
.cp_section .content .left ul li ._b .list.on img{background-color: #2163aa;}
.cp_section .content .left ul li ._b .list:hover .words,
.cp_section .content .left ul li ._b .list.on .words{color: #2163aa;}
.cp_section .content .right{float: right;padding-left: 40px;
width: calc(100% - 270px);
width: -ms-calc(100% - 270px);
width: -o-calc(100% - 270px);
width: -moz-calc(100% - 270px);
width: -webkit-calc(100% - 270px);}
.cp_section .content .right h2{font-size: 24px;color: #333333;line-height: 24px;margin-bottom: 40px;letter-spacing: 0;}
.cp_section .content .right ul{overflow: hidden;margin: -10px -20px;
width: calc(100% + 40px);
width: -ms-calc(100% + 40px);
width: -o-calc(100% + 40px);
width: -moz-calc(100% + 40px);
width: -webkit-calc(100% + 40px);}
.cp_section .content .right ul li{width: 33.33333%;float: left;padding: 10px 20px;}
.cp_section .content .right ul li a{display: block;width: 100%;}
.cp_section .content .right ul li a .pic{ width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; min-height: 50px;border: 1px solid #e5e5e5;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.cp_section .content .right ul li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.cp_section .content .right ul li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.cp_section .content .right ul li a .wordsbox{width: 100%;padding: 20px 5px 0 5px;}
.cp_section .content .right ul li a .wordsbox h3{font-size: 14px;color: #333333;line-height: 16px;text-align: center;letter-spacing: 0;margin-bottom: 14px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.cp_section .content .right ul li a:hover .wordsbox h3{color: #2163aa;}
.cp_section .content .right ul li a .wordsbox .box{width: 100%;text-align: center;font-size: 0;}
.cp_section .content .right ul li a .wordsbox .box .xz{width: 12px; height: 12px;position: relative;display: inline-block;vertical-align: middle;margin-right: 14px;background-color: #dddddd;border: 1px solid #a5a5a5;border-radius: 2px;}
.cp_section .content .right ul li a .wordsbox .box .xz img{width: 16px;height: 16px;display: block;position: absolute;left: 50%;top: 50%;opacity: 0;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);}
.cp_section .content .right ul li a .wordsbox .box .xz.on img{opacity: 1;}
.cp_section .content .right ul li a .wordsbox .box .more{font-size: 16px;color: #2163aa;line-height: 16px;letter-spacing: 0;display: inline-block;vertical-align: middle;border: 1px solid #2163aa;padding: 9px 20px;}
.cp_section .content .right ul li a:hover .wordsbox .box .more{background-color: #2163aa;color: #fff;}
.cp_section .content .right .page{width: 100%;text-align: center;font-size: 0;margin-top: 58px;}
.cp_section .content .right .page .box_1{display: inline-block;vertical-align: middle;font-size: 0;}
.cp_section .content .right .page .box_1 .prev{width: 9px;height: 14px;display: inline-block;vertical-align: middle;margin-right: 18px;}
.cp_section .content .right .page .box_1 .next{width: 9px;height: 14px;display: inline-block;vertical-align: middle;margin-left: 18px;}
.cp_section .content .right .page .box_1 .prev:hover,.cp_section .content .right .page .box_1 .next:hover{opacity: 0.6;}
.cp_section .content .right .page .box_1 .num{width: 30px;height: 30px;line-height: 28px;text-align: center;border: 1px solid #2163aa;font-size: 14px;color: #333333;display: inline-block;vertical-align: middle;margin: 0 6px;}
.cp_section .content .right .page .box_1 .num:hover,.cp_section .content .right .page .box_1 .num.on{background-color: #2163aa;color: #fff;}
.cp_section .content .right .page .box_2{display: inline-block;vertical-align: middle;margin-left: 30px;font-size: 0;}
.cp_section .content .right .page .box_2:hover{opacity: 0.8;}
.cp_section .content .right .page .box_2 .words{display: inline-block;vertical-align: middle;margin-right: 18px;font-size: 14px;color: #ffffff;line-height: 14px;padding: 9px 6px;background-color: #2163aa;letter-spacing: 0;}
.cp_section .content .right .page .box_2 img{width: 16px;height: 16px;display: inline-block;vertical-align: middle;}
@media  screen and (max-width: 1024px){
.cp_section{padding: 22px 0;}
.cp_section .content .left{width: 100%;}
.cp_section .content .left ul li{margin-bottom: 12px;}
.cp_section .content .left ul li.active{margin-bottom: 2px;}
.cp_section .content .left ul li ._t{padding: 10px 8px;}
.cp_section .content .left ul li ._t .words{font-size: 16px;line-height: 20px;}
.cp_section .content .left ul li ._b{padding: 14px 8px;}
.cp_section .content .left ul li ._b .list{margin-bottom: 12px;}
.cp_section .content .left ul li ._b .list .words{font-size: 14px;line-height: 20px;padding-left: 6px;}
.cp_section .content .right{padding-left: 0;width: 100%;margin-bottom: 16px;}
.cp_section .content .right h2{font-size: 18px;line-height: 18px;margin-bottom: 14px;}
.cp_section .content .right ul{margin: -8px;
width: calc(100% + 16px);
width: -ms-calc(100% + 16px);
width: -o-calc(100% + 16px);
width: -moz-calc(100% + 16px);
width: -webkit-calc(100% + 16px);}
.cp_section .content .right ul li{width: 50%;padding: 8px;}
.cp_section .content .right ul li:last-child{display: block!important;}
.cp_section .content .right ul li a .wordsbox{padding: 14px 5px 0 5px;}
.cp_section .content .right ul li a .wordsbox h3{margin-bottom: 10px;}
.cp_section .content .right ul li a .wordsbox .box .xz{width: 10px; height: 10px;margin-right: 8px;}
.cp_section .content .right ul li a .wordsbox .box .xz img{width: 10px;height: 10px;}
.cp_section .content .right ul li a .wordsbox .box .more{font-size: 12px;line-height: 12px;padding: 4px 6px;}
.cp_section .content .right .page{margin-top: 14px;}
.cp_section .content .right .page .box_1 .prev{width: 6px;height: 10px;margin-right: 6px;}
.cp_section .content .right .page .box_1 .next{width: 6px;height: 10px;margin-left: 6px;}
.cp_section .content .right .page .box_1 .num{width: 24px;height: 24px;line-height: 22px;font-size: 12px;margin: 0 4px;}
.cp_section .content .right .page .box_2{margin-left: 10px;}
.cp_section .content .right .page .box_2 .words{margin-right: 6px;font-size: 12px;line-height: 12px;padding: 6px 4px;}
.cp_section .content .right .page .box_2 img{width: 12px;height: 12px;}
}

/*产品详情*/
.cp_section .content .rights{float: right;padding-left: 40px;
width: calc(100% - 270px);
width: -ms-calc(100% - 270px);
width: -o-calc(100% - 270px);
width: -moz-calc(100% - 270px);
width: -webkit-calc(100% - 270px);}
.cp_section .content .rights .top{width: 100%;overflow: hidden;margin-bottom: 50px;}
.cp_section .content .rights .top .swrip{width: 45.61%;float: left;}
.cp_section .content .rights .top .swrip .ul_t{width: 100%;margin-bottom: 12px;border: 1px solid #e5e5e5;}
.cp_section .content .rights .top .swrip .ul_t .li{height: auto;}
.cp_section .content .rights .top .swrip .ul_t .li img{width: 100%;display: block;}
.cp_section .content .rights .top .swrip .ul_b{padding: 0 26px;margin: 0 -4px;
width: calc(100% + 8px);
width: -ms-calc(100% + 8px);
width: -o-calc(100% + 8px);
width: -moz-calc(100% + 8px);
width: -webkit-calc(100% + 8px);}
.cp_section .content .rights .top .swrip .ul_b .li{padding: 0 4px;height: auto}
.cp_section .content .rights .top .swrip .ul_b .li img{width: 100%;display: block;border: 1px solid #e5e5e5;}
.cp_section .content .rights .top .swrip .ul_b .slick-prev{ margin-top:0; width: 14px;height: 16px;background: url(images/img71.png) no-repeat center center; background-size: cover;left: 4px;top: 50%;}
.cp_section .content .rights .top .swrip .ul_b .slick-next{ margin-top:0; width: 14px;height: 16px;background: url(images/img72.png) no-repeat center center; background-size: cover;right: 4px;top: 50%;}
.cp_section .content .rights .top .swrip .ul_b .slick-prev:hover{background: url(images/img73.png) no-repeat center center; background-size: cover;}
.cp_section .content .rights .top .swrip .ul_b .slick-next:hover{background: url(images/img74.png) no-repeat center center; background-size: cover;}
.cp_section .content .rights .top .wordsbox{width: 54.39%;float: right;padding-left: 30px;}
.cp_section .content .rights .top .wordsbox h2{font-size: 24px;color: #2163aa;line-height: 30px;font-weight: bold;padding-bottom: 24px;margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;letter-spacing: 0;}
.cp_section .content .rights .top .wordsbox p{font-size: 16px;color: #333333;line-height: 30px;margin-bottom: 55px;letter-spacing: 0;}
.cp_section .content .rights .top .wordsbox .box{width: 100%;font-size: 0;margin-bottom: 40px;}
.cp_section .content .rights .top .wordsbox .box .fx{display: inline-block;vertical-align: middle;margin-right: 18px;overflow: hidden;}
.cp_section .content .rights .top .wordsbox .box .fx .fxs{font-size: 16px;color: #333333;line-height: 21px;font-weight: bold;float: left; margin-right: 14px;letter-spacing: 0;}
.cp_section .content .rights .top .wordsbox .box .fx a{width: 21px;height: 21px;float: right;margin: 0;margin-right: 2px;padding: 0;}
.cp_section .content .rights .top .wordsbox .box .fx a.popup_fbook{background: url(images/img75.png)no-repeat center center;background-size: cover;}
.cp_section .content .rights .top .wordsbox .box .fx a.popup_linkedin{background: url(images/img77.png)no-repeat center center;background-size: cover;}
.cp_section .content .rights .top .wordsbox .box .fx a.bds_tqq{background: url(images/img78.png)no-repeat center center;background-size: cover;}
.cp_section .content .rights .top .wordsbox .box .fx a.ako{background: url(images/img79.png)no-repeat center center;background-size: cover;}
.cp_section .content .rights .top .wordsbox .box .fx a.bds_more{background: url(images/img80.png)no-repeat center center;background-size: cover;}
.cp_section .content .rights .top .wordsbox .box .fx a.akos{background: url(images/img76.png)no-repeat center center;background-size: cover;}
.cp_section .content .rights .top .wordsbox .box .xz{display: inline-block;vertical-align: middle;font-size: 0;}
.cp_section .content .rights .top .wordsbox .box .xz:hover{opacity: 0.8;}
.cp_section .content .rights .top .wordsbox .box .xz .words{font-size: 16px;color: #333333;line-height: 16px;display: inline-block;vertical-align: middle;margin-right: 8px;letter-spacing: 0;}
.cp_section .content .rights .top .wordsbox .box .xz img{display: inline-block;vertical-align: middle;width: 21px;height: 20px;}
.cp_section .content .rights .top .wordsbox .more{width: 100%;font-size: 0;}
.cp_section .content .rights .top .wordsbox .more .more1{display: inline-block;vertical-align: middle;margin-right: 20px;}
.cp_section .content .rights .top .wordsbox .more .more1 a{display: inline-block;padding: 8px 20px;font-size: 16px;color: #2163aa;line-height: 16px;border: 1px solid #2163aa;letter-spacing: 0;}
.cp_section .content .rights .top .wordsbox .more .more1 a:hover{background-color: #2163aa;color: #fff;}
.cp_section .content .rights .top .wordsbox .more .more2{display: inline-block;vertical-align: middle;}
.cp_section .content .rights .top .wordsbox .more .more2 a{display: inline-block;padding: 8px 20px;font-size: 16px;color: #2163aa;line-height: 16px;border: 1px solid #2163aa;letter-spacing: 0;}
.cp_section .content .rights .top .wordsbox .more .more2 a:hover{background-color: #2163aa;color: #fff;}
.cp_section .content .rights .bottom{width: 100%;}
.cp_section .content .rights .bottom .list{width: 100%;margin-bottom: 55px;}
.cp_section .content .rights .bottom .list:last-child{margin-bottom: 0;}
.cp_section .content .rights .bottom .list h4{font-size: 20px;color: #ffffff;line-height: 20px;font-weight: bold;display: inline-block;padding: 12px 16px;background-color: #2163aa;letter-spacing: 0;}
.cp_section .content .rights .bottom .list .p{font-size: 14px; font-family: "微软雅黑"; color: #333333;line-height: 30px;letter-spacing: 0;border-top: 1px solid #e5e5e5;padding-top: 22px;}
.cp_section .content .rights .bottom .list .p img{max-width: 100%;}
.cp_section .listbox{width: 100%;margin-top: 68px;}
.cp_section .listbox h2{font-size: 20px;color: #ffffff;line-height: 20px;background-color: #2163aa;display: inline-block;padding: 10px 16px;text-transform:uppercase;letter-spacing: 0;font-weight: bold;}
.cp_section .listbox .ulbox{width: 100%;padding-top: 40px;border-top: 1px solid #e5e5e5;}
.cp_section .listbox .ulbox ul{margin: 0 -20px;overflow: hidden;
width: calc(100% + 40px);
width: -ms-calc(100% + 40px);
width: -o-calc(100% + 40px);
width: -moz-calc(100% + 40px);
width: -webkit-calc(100% + 40px);}
.cp_section .listbox .ulbox ul li{padding: 0 20px;height: auto;float: left;}
.cp_section .listbox .ulbox ul li a{display: block;width: 100%;}
.cp_section .listbox .ulbox ul li a .pic{ width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; min-height: 50px;border: 1px solid #e5e5e5;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.cp_section .listbox .ulbox ul li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.cp_section .listbox .ulbox ul li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.cp_section .listbox .ulbox ul li a .words{font-size: 14px;color: #333333;line-height: 16px;text-align: center;margin-top: 20px;letter-spacing: 0;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
@media  screen and (max-width: 1024px){
.cp_section .content .rights{padding-left: 0;width: 100%;}
.cp_section .content .rights .top{margin-bottom: 14px;}
.cp_section .content .rights .top .swrip{width: 100%;}
.cp_section .content .rights .top .swrip .ul_t{margin-bottom: 8px;}
.cp_section .content .rights .top .swrip .ul_b{padding: 0 20px;margin: 0 -2px;
width: calc(100% + 4px);
width: -ms-calc(100% + 4px);
width: -o-calc(100% + 4px);
width: -moz-calc(100% + 4px);
width: -webkit-calc(100% + 4px);}
.cp_section .content .rights .top .swrip .ul_b .li{padding: 0 2px;}
.cp_section .content .rights .top .swrip .ul_b .slick-prev{width: 12px;height: 14px;}
.cp_section .content .rights .top .swrip .ul_b .slick-next{width: 12px;height: 14px;}
.cp_section .content .rights .top .wordsbox{width: 100%;padding-left: 0;margin-top: 14px;}
.cp_section .content .rights .top .wordsbox h2{font-size: 18px;line-height: 24px;padding-bottom: 14px;margin-bottom: 12px;}
.cp_section .content .rights .top .wordsbox p{font-size: 14px;line-height: 20px;margin-bottom: 14px;}
.cp_section .content .rights .top .wordsbox .box{margin-bottom: 12px;}
.cp_section .content .rights .top .wordsbox .box .fx{margin-right: 10px;}
.cp_section .content .rights .top .wordsbox .box .fx .fxs{font-size: 14px;line-height: 18px; margin-right: 6px;}
.cp_section .content .rights .top .wordsbox .box .xz .words{font-size: 14px;line-height: 14px;margin-right: 6px;}
.cp_section .content .rights .top .wordsbox .box .xz img{width: 16px;height: 15px;}
.cp_section .content .rights .top .wordsbox .more .more1{margin-right: 10px;}
.cp_section .content .rights .top .wordsbox .more .more1 a{padding: 6px 10px;font-size: 14px;line-height: 14px;}
.cp_section .content .rights .top .wordsbox .more .more2 a{padding: 6px 10px;font-size: 14px;line-height: 14px;}
.cp_section .content .rights .bottom .list{margin-bottom: 14px;}
.cp_section .content .rights .bottom .list h4{font-size: 16px;line-height: 18px;padding: 8px 12px;}
.cp_section .content .rights .bottom .list .p{font-size: 14px;line-height: 22px;padding-top: 14px;}
.cp_section .listbox{margin-top: 14px;}
.cp_section .listbox h2{font-size: 16px;line-height: 18px;padding: 8px 12px;}
.cp_section .listbox .ulbox{padding-top: 12px;}
.cp_section .listbox .ulbox ul{margin: 0 -5px;
width: calc(100% + 10px);
width: -ms-calc(100% + 10px);
width: -o-calc(100% + 10px);
width: -moz-calc(100% + 10px);
width: -webkit-calc(100% + 10px);}
.cp_section .listbox .ulbox ul li{padding: 0 5px;}
.cp_section .listbox .ulbox ul li a .words{font-size: 12px;line-height: 18px;margin-top: 14px;}
}



.ntext{  width:100%; padding-left:76px; padding-right:76px; background:#f7f8f8; overflow:hidden;}

@media  screen and (max-width:1300px){
.ntext{ padding-left:60px; padding-right:60px;}
}
@media  screen and (max-width:1024px){
.ntext{ padding-left:10px; padding-right:10px;}
}

._search{ background:url(/theme/en/images/ico56.jpg) center repeat; padding-top:95px; padding-bottom:100px;}
._search .title{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px;}
._search .list{ float:left; width:100%; margin-top:25px;}
._search .list li{ float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:25px 0; position:relative;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
._search .list li:after{ float:left; position:absolute; right:20px; top:50%; margin-top:-7px; content:''; width:22px; height:15px; background:url(/theme/en/images/ico57.png) right center no-repeat;}
._search .list li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;}
._search .list li .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:10px;}
._search .list li .info a{ color:#555555;}
._search .list li:hover{ background:#f2f2f2; padding:25px 20px;}
._search .list li:hover:after{ background:url(/theme/en/images/ico58.png) right center no-repeat;}
._search .list li:hover .tit{ color:#2163aa;}
._search .img{ float:left; width:100%; margin-top:22px; line-height:0; text-align:center;}
._search .cont{ float:left; width:100%; margin-bottom:22px; color:#1b1b1b; color:rgba(27,27,27,0.5); font-size:24px; line-height:28px; text-align:center;}

@media  screen and (max-width:1024px){
._search{ padding-top:30px; padding-bottom:40px;}
._search .list{ margin-top:10px;}
._search .list li{ padding:15px 0;}
._search .list li:after{ right:12px; width:15px;}
._search .list li .tit{ font-size:16px; line-height:26px; }
._search .list li .info{ font-size:14px; line-height:24px; margin-top:2px;}
._search .list li:hover{ padding:15px 12px;}
._search .cont{ font-size:18px; line-height:22px;}

}



.cxf .box .box1:nth-child(2){display:none;}

.lanbtn{float:right; margin-left:10px;}
.lanbtn a{float:left; color:#fff; font-size:16px; font-weight:bold; margin-left:12px;}
@media  screen and (max-width:1024px){
    .lanbtn{margin-top:12px; margin-left:0px; margin-right:12px;}
.lanbtn a{color:#333; line-height:22px; font-size:14px; margin-left:6px;}
}