@charset "utf-8";

/* CSS Document */

html{ margin:0px; padding:0px; }

body { margin:0px; padding:0px; font-family: "微软雅黑"; font-size: 12px; color:#333; } 

a { font-size: 12px; color: #333; font-family: "微软雅黑"; text-decoration:none; } 

a:visited { color: #333; } 

a:hover { color: #124ac3; } 

a:active { color: #333; }

*{ padding:0px; margin:0px; box-sizing:border-box;}

ul,li{ list-style-type:none;}



.clear10{ height:10px; clear:both; overflow:hidden;}

.clear20{ height:20px; clear:both; overflow:hidden;}

.clear30{ height:30px; clear:both; overflow:hidden;}

.clear50{ height:50px; clear:both; overflow:hidden;}

.width1200{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}



.topn5{ width: 100%; background: rgba(255,255,255, 0.6); height: 80px; border-bottom: 1px solid #e5e5e5; position: absolute; top: 0;}

.topn5 ul{ list-style-type: none; width: 1200px; height: 80px;position: relative; top: 0; left: 50%; margin-left: -600px; display:flex;  justify-content:space-between; padding: 0 0px; z-index: 9999; }

.topn5 .tlogo{ display: block; padding: 9px 0; margin-top:9px; }

.topn5 .tlogo img{ height: 44px; }

.topn5 .tnav{width: 730px;display:flex;  justify-content:space-between;}

.topn5 .tnav li{position: relative;}

.topn5 .tnav li a{ display: block; height: 80px; line-height: 80px; padding: 0 15px; font-size: 15px; text-align: center;  }

.topn5 .tnav li a:hover{ color: #124ac3;}

.topn5 .tnav li a.active{ color: #124ac3;}

.topn5 .tnav li:hover a{ }



.topn5 .tnav li p{ opacity: 0; transition: 1s;  position: absolute; top: 80px;  height: 0; overflow: hidden; width: 100%;padding: 5px 0px;}

.topn5 .tnav li:nth-child(5) p{ width: 140px; left: -25px; }

.topn5 .tnav li p a{background: rgba(0,0,0, 0.6); height: 42px; line-height: 42px; font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff; font-weight: normal;}

.topn5 .tnav li p a:last-child{ border-bottom: 0; }

.topn5 .tnav li:hover p{ opacity: 1; transition: 1s;  height: 500px; overflow: hidden; }

.topn5 .tnav li:hover p a{ }

.topn5 .tnav li:hover p a:hover{ color: #124ac3;}





.topn5 .tso{ width: 140px; height: 28px; margin-top: 26px; border:1px solid rgba(0, 0, 0, 0.1); display:flex;  justify-content:space-between; }

.topn5 .tso input{ border:0;background-color: transparent; }

.topn5 .tso input.k{ height: 26px; width: calc(100% - 26px); font-size: 12px; color: #333; padding: 0 8px;}

.topn5 .tso input.s{ width: 26px; height: 26px; color: #333; font-size: 14px; background: url(../images/header-icon3.png) center no-repeat; background-size: 14px;}

/**/

.topn5index{ width: 100%; height: 62px;background: rgba(255,255,255, 0.2);  position: absolute; padding: 0 15px; z-index: 9999; border-bottom: 0;}

.topn5index .tlogo{ margin-top: 0;}
.topn5index .tlogo img:nth-child(2){ display:none; }
.topn5toptop .tlogo .bl{display: none;}
.topn5toptop .tlogo img:nth-child(2){ display: block !important; }



.topn5index .tnav li a{ display: block; height: 62px; line-height: 62px; padding: 0 15px; font-size: 15px; text-align: center; color: rgba(255,255,255, 0.9);  }

.topn5index .tnav li a:hover{ color: #124ac3 !important;  }

.topn5index .tnav li:hover a{color: rgba(255,255,255, 0.9);}



.topn5index .tnav li p{top: 62px; }

.topn5index .tnav li:nth-child(5) p{}

.topn5index .tnav li p a{background: rgba(255,255,255, 0.2);  border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #333;}

.topn5index .tnav li p a:last-child{ border-bottom: 0; }

.topn5index .tnav li:hover p{  }

.topn5index .tnav li:hover p a{ font-weight: normal;color: rgba(255,255,255, 0.9);  }

.topn5index .tnav li:hover p a:hover{ color: #124ac3; font-weight: normal;}



.topn5index .tso{  margin-top: 17px; border:1px solid rgba(255, 255, 255, 0.8);  }

.topn5index .tso input.k{ color: #fff !important; }

.topn5index .tso input.s{background: url(../images/header-icon3-b.png) center no-repeat;background-size: 14px;}

.topn5index .tso input:-moz-placeholder,  

textarea:-moz-placeholder {  

    color: rgba(255,255,255, 0.6);  

}  

.topn5index .tso input:-ms-input-placeholder,  

textarea:-ms-input-placeholder {  

    color: rgba(255,255,255, 0.6);  

}  

.topn5index .tso input::-webkit-input-placeholder,  

textarea::-webkit-input-placeholder {  

    color: rgba(255,255,255, 0.6);  

}

/**/

.nonav{ height: 80px; }

/*top xuanting*/

.topn5toptop{ width: 100%; height: 62px;background: rgba(255,255,255, 1);  position:fixed;top:0; padding: 0 15px; z-index: 9999; border-bottom: 0;box-shadow:0 0 5px #ccc; }

.topn5toptop .tlogo{ margin-top: 0;}

.topn5toptop .tnav li a{ display: block; height: 62px; line-height: 62px; padding: 0 15px; font-size: 15px; text-align: center; color: #333;  }

.topn5toptop .tnav li a:hover{ color: #124ac3 !important;  }

.topn5toptop .tnav li:hover a{color: #333;}



.topn5toptop .tnav li p{top: 62px; }

.topn5toptop .tnav li:nth-child(5) p{}

.topn5toptop .tnav li p a{background: rgba(0,0,0, 0.6);  border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #333;}

.topn5toptop .tnav li p a:last-child{ border-bottom: 0; }

.topn5toptop .tnav li:hover p{  }

.topn5toptop .tnav li:hover p a{ font-weight: normal;color: rgba(255,255,255, 0.9);  }

.topn5toptop .tnav li:hover p a:hover{ color: #124ac3; font-weight: normal;}



.topn5toptop .tso{  margin-top: 17px; border:1px solid rgba(0, 0, 0, 0.1);  }

.topn5toptop .tso input.k{ color: #666 !important; }

.topn5toptop .tso input.s{background: url(../images/header-icon3.png) center no-repeat;background-size: 14px;}

.topn5toptop .tso input:-moz-placeholder,  

textarea:-moz-placeholder {  

    color: #333;  

}  

.topn5toptop .tso input:-ms-input-placeholder,  

textarea:-ms-input-placeholder {  

    color: #333;  

}  

.topn5toptop .tso input::-webkit-input-placeholder,  

textarea::-webkit-input-placeholder {  

    color: #333;  

}

/**/



.navlistzi{ width: 1200px; height: 44px; line-height: 44px; margin: 0 auto; }

.navlistzi a{ font-size: 14px; margin-right: 40px; position: relative;}

.navlistzi a i{ font-size: 14px; margin-right: 8px; }

.navlistzi a:after{ content:""; height: 10px; width: 1px; overflow: hidden; background: rgba(0,0,0,0.1); position: absolute; right: -20px; top: 6px;}

.navlistzi a:last-child:after{ display: none; }

.navlistzi a.active{ color: #124ac3; }



.indblbt{width: 100% !important;height: 100vh !important; }

.indblbt div{ background-position: center; background-repeat: no-repeat;   }

.indblbt div video{width: 100%; height: auto;position: relative; }

.indblbt div .af{ content: ''; display: block; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }



.sybthl{ width: 1200px; margin: 0 auto; margin-top: 70px; margin-bottom: 20px; height: 40px; }

.sybthl .h{ font-size: 24px; font-weight: bold; float: left; height: 40px; line-height: 40px; }

.sybthl .l{float: left; display:flex;  justify-content:flex-start; line-height: 40px; padding: 5px 0;padding-left: 50px; }

.sybthl .l a{ margin-right: 60px; font-size: 14px; color: #666; position: relative; display:flex;  justify-content:space-between;align-items: center;  }

.sybthl .l a:after{ content:"" ; position: absolute; right: -30px; top: 14px; width: 1px; height: 12px; background: #d5d6d7; display: block;}

.sybthl .l a:last-child:after{ display: none; }

.sybthl .l a i{  display: inline-flex;  margin-right: 5px; font-size: 22px !important; }

.sybthl .l a:hover{ color: #124ac3; }

.sybthl .l a:hover i{ color: #124ac3; }

.sybthl a.m { float: right;display: block; height: 20px; line-height: 16px; font-size: 12px; color: #666; border:0px solid rgba(253,7,7,0.5); padding: 0px 6px; margin-top: 14px; }

.sybthl a:hover.m{ background: rgba(253,7,7,0.5); color: #fff; border:0; }



.indexguanyu{ width: 1200px; height: auto; margin:0 auto; position: relative;  }

.indexguanyu .left{ width: 450px; height: 490px; border:10px solid #efefef;padding:30px 60px 30px 40px; text-align: center; }

.indexguanyu .left img{ margin:0 auto; margin-top: 30px; margin-bottom: 30px; }

.indexguanyu .left p{ font-size: 14px; color: #666; line-height: 250%; text-align: left;}

.indexguanyu .left a{ width: 180px; height: 42px; line-height: 40px; border:2px solid #124ac3; color: #124ac3; text-align: center; display: block; margin: 0 auto; font-size: 14px; margin-top: 30px; }

.indexguanyu .right{ width: 775px; height: 440px; position: absolute; right: 0; top:25px; overflow:hidden ;}

.indexguanyu .right video{ width: 100%; height: 440px;  }

.indexguanyu .right .video-img{

position: absolute;



top: 50%;



left: 50%; margin-top: -70px; margin-left: -57px;



width: 114px; height: 114px;



z-index: 9999;



background: url(../images/bf.png) center no-repeat;

 

background-size: 100% 100%;



cursor:pointer



}



.indextulie{ width: 1200px; height: auto; margin:0 auto; display:flex;  justify-content:space-between; flex-wrap: wrap; clear: both;}

.indextulie a{ width: 380px; height: 260px; margin-bottom: 50px; position: relative; }

.indextulie a span{width: 380px; height: 260px; overflow: hidden; display: block;}

.indextulie a img{width: 380px; height: 260px; transform: scale(1);transition:0.5s;}

.indextulie a p{ max-width: calc(100% - 40px); position: absolute; bottom: -10px; left: 20px; background: rgba(242, 229, 19, 0.8); padding: 0 30px; height: 40px; line-height:40px; font-size: 18px; color: #333;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}

.indextulie a:nth-child(1),.indextulie a:nth-child(2){ width: 580px; height: 400px; }

.indextulie a:nth-child(1) span,.indextulie a:nth-child(2) span{width: 580px; height: 400px; }

.indextulie a:nth-child(1) img,.indextulie a:nth-child(2) img{width: 580px; height: 400px; }

.indextulie a:nth-child(1) p,.indextulie a:nth-child(2) p{background: rgba(255, 0, 0, 0.8); color: #fff;}

.indextulie a:hover img{transform: scale(1.05);transition:0.5s;}





.indgcpic{width: 1200px !important;height: 450px !important; margin: 0 auto;}

.indgcpic div{ background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; overflow: visible !important;}

.indgcpic div  p{ position: absolute; bottom: -10px; left: 30px; background: rgba(255, 0, 0, 0.8); padding: 0 60px; height: 40px; line-height:40px; font-size: 18px; color: #fff;}

.mrf{ margin-top: 25px; }



.indgcpic .layui-carousel-ind ul{ position: absolute; right: 30px;background-color:transparent; }

.indgcpic .layui-carousel-ind ul li{ margin: 0 5px; }

.layui-carousel-ind li.layui-this{ background-color: #124ac3; }



.indelx{ width: 1200px; height: auto; margin: 0 auto; display:flex;  justify-content:space-between;}

.indelx .left{ width: 600px; height: 500px; background: url(../images/i_39.jpg) 52px 40px no-repeat; }

.indelx .right{ width: 600px; padding: 110px 95px 0 100px; }

.indelx .right a{ display: block; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ececed; position: relative; }

.indelx .right a h3{ font-size: 18px; font-weight: bold; }

.indelx .right a p{ color: #666; font-size: 14px; line-height: 36px; }

.indelx .right a i{ width: 32px; height: 32px; line-height: 30px; text-indent: 7px; font-size: 18px; font-weight: bolder; border: 1px solid #fd0c0c; border-radius: 16px; color: #fd0c0c; position: absolute; right: 2px; top: 5px; }

.indelx .right a:hover p{ color: #124ac3; }

.indelx .right a:hover i{ background: #fd0c0c; color: #fff; }



.foot5{ background: #ebebeb; padding: 50px 50px 30px 50px; margin-top: 80px; }

.foot5 ul{ width: 1200px; margin: 0 auto; display:flex;  justify-content:space-between;}

.foot5 ul li{}

.foot5 ul li.left{ width: 340px; }

.foot5 ul li.left .flogo{ width: 220px; display:block;}
.foot5 ul li.left .flogo img{ width: 100%; }

.foot5 ul li.left img{ margin-bottom: 15px; }

.foot5 ul li.left span{ font-size: 12px; color: #999; display: block; padding-left: 6px; }
.foot5 ul li.left span a{color: #999;}

.foot5 ul li.left .fdizhi span{ line-height:160%; margin-bottom:8px; }

.foot5 ul li.left font{ font-size: 26px; color: #333; font-weight: bold; height: 38px; line-height: 38px; display: block; margin-top: 5px; margin-bottom: 15px; padding-left: 6px;}

.foot5 ul li.left i{ margin-left: 5px; margin-right: 10px; font-size: 40px; color: #a6a6a6; cursor: pointer; }

.foot5 ul li.left i:hover{ color: #333; }



.foot5 ul li.cen{display:flex;  justify-content:space-between; padding-top: 5px;}

.foot5 ul li.cen div{ padding: 0 20px; }

.foot5 ul li.cen div h3{ font-size: 14px; padding-bottom: 10px;}

.foot5 ul li.cen div a{ display: block; font-size: 12px; color: #666; margin-top: 15px; }

.foot5 ul li.cen div a:hover{ color: #124ac3; }



.foot5 ul li.right{ width: 125px; height: 125px; padding-top: 5px; }

.foot5 ul li.right p{ color: #999; font-size: 12px; text-align: center; display: block; padding-top: 10px; }



.foot5 .cpicp{font-size: 12px; color: #999; padding-top: 15px; padding-bottom: 15px; width: 100%; margin: 0 auto; padding-left: 6px;}

.foot5 .cpicp a{font-size: 12px; color: #999;}


.cp{ background: #d8d8d8; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #666; }



.listbanner5{ width: 100%; margin: 0 auto; height: 425px; position: relative;}

.listbanner5 img{ width: 100%; height: 425px; }

.listbanner5 p{ position: absolute; left: 50px; bottom: 30px; font-size: 36px; font-weight: normal; color: #fff; }



.danyecon{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top:50px; font-size: 16px; line-height: 260%; }

.danyecon .about{ width: 935px; margin: 0 auto; }



.liucheng{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top:80px; font-size: 16px; line-height: 260%; position: relative;}

.liucheng li{ background: url(../images/licheng_03.jpg) left top no-repeat; width: 320px; height: 92px; padding-left: 15px; position:relative; left: 50%;}

.liucheng li:last-child{ background: url(../images/licheng_14.jpg) left top no-repeat; height: 99px; }

.liucheng li h3{ width: 230px; height: 36px; line-height: 26px; border-bottom: 1px dashed #bdbfc0; font-size: 26px; }

.liucheng li h3:before{ content: ""; background: url(../images/licheng_06.jpg) left 0px no-repeat; width: 18px; height: 16px; display: block; float: left; margin-top: 5px; margin-left:12px; margin-right: 10px;}

.liucheng li p{ font-size: 14px; margin-left: 42px; color: #999; width: 185px; line-height: 160%; padding-top: 5px;}

.liucheng li i{ width: 58px; height: 58px; border: 1px solid #b2b4b6; border-radius: 29px; display: block; position: absolute; right: 0; top: 7px; background: url(../images/lichengi_03.jpg) center no-repeat;}



.liucheng li:nth-child(2n+2){ left:50%; margin-left: -306px; background-position: right top; padding-left: 0; padding-right: 15px; text-align: right; }

.liucheng li:nth-child(2n+2) h3{ float: right;  }

.liucheng li:nth-child(2n+2) h3:before{background: url(../images/licheng_11.jpg) right 0px no-repeat; margin-right: 12px; margin-left: 10px; float: right;}

.liucheng li:nth-child(2n+2) p{ float: right; margin-left: 0; margin-right: 42px;}

.liucheng li:nth-child(2n+2) i{ left: 0; }



.liucheng li:nth-child(1) i{ background: url(../images/lichengi_26.jpg) center no-repeat; }

.liucheng li:nth-child(2) i{ background: url(../images/lichengi_24.jpg) center no-repeat; }

.liucheng li:nth-child(3) i{ background: url(../images/lichengi_21.jpg) center no-repeat; }

.liucheng li:nth-child(4) i{ background: url(../images/lichengi_17.jpg) center no-repeat; }

.liucheng li:nth-child(5) i{ background: url(../images/lichengi_14.jpg) center no-repeat; }

.liucheng li:nth-child(6) i{ background: url(../images/lichengi_10.jpg) center no-repeat; }

.liucheng li:nth-child(7) i{ background: url(../images/lichengi_07.jpg) center no-repeat; }

.liucheng li:nth-child(8) i{ background: url(../images/lichengi_03.jpg) center no-repeat; }



.liucheng .llogo{ margin: 0 auto; position: relative; left: 50%; margin-left: -63px; margin-bottom: 50px; }







.yidongzhifushao{ width: 1200px; margin: 0 auto;  margin-top: 60px; margin-bottom: 90px; padding: 0 50px;}

.yidongzhifushao li{width: 100%;display:flex;   justify-content:space-between;align-items: center; list-style-type:none; margin-bottom: 35px;}

.yidongzhifushao li img{ width: 49.8%; }

.yidongzhifushao li .smyz{ padding-left: 52px; width: 50%; }

.yidongzhifushao li .smyz .txxxxzu{ padding-top: 20px; line-height: 220%; color: #666; font-size: 16px; }

.yidongzhifushao li .nyxybt{  height: auto;}

.yidongzhifushao li .nyxybt h3{ font-size: 20px; font-weight: bold; color: #333; }

/*.yidongzhifushao li .nyxybt p{ font-size: 18px; padding-top: 10px; color: #333; }

.yidongzhifushao li .nyxybt:after{ content: ""; width: 25px; height: 4px; background: #214a9a; margin-top: 30px; display: none; }*/



.yidongzhifushao li:nth-child(2n){flex-direction:row-reverse;}

.yidongzhifushao li:nth-child(2n) .smyz{ padding-left: 2px; padding-right: 30px;}



.wenhuay{ width: 1200px; padding: 0 50px; margin: 0 auto; margin-top: 50px;}

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

.wenhuay .siyou{ font-size: 26px; text-align: center; font-weight: bold; padding:40px 0 20px 0; }

.wenhuay .jcft{ font-size: 16px; color: #666; text-align: center; }

.wenhuay .gongghang{ width: 100px; height: 4px; overflow: hidden; background: #fd0707; margin: 0 auto; margin-top: 40px; }

.wenhuay .bubai{ font-size: 16px; color: #666; line-height: 200%; padding:50px 60px 30px 60px; text-align: center; }



.casenpic{ width: 1200px; height: auto; overflow: hidden;margin: 0 auto; margin-top: 50px; display:flex;  justify-content:space-between;flex-wrap: wrap; }

.casenpic a{ width: 380px; height: 253px; margin-bottom: 30px; display: block; position: relative;}

.casenpic a span{width: 380px; height: 253px; overflow: hidden; display: block;}

.casenpic a img{ width: 100%; height: 253px;transform: scale(1);transition:0.5s; }

.casenpic a:hover img{transform: scale(1.1);transition:0.5s;}

.casenpic a p{ position: absolute; left: 15px; bottom: -10px; height: 32px; line-height: 32px; font-size: 16px; color: #fff; padding: 0 15px; background: rgba(255, 0, 0, 0.8); max-width: calc(100% - 30px); overflow: hidden; }

.casenpic i{ width: 380px; display: block; }





.casenpic2{ width: 1200px; height: auto; overflow: hidden;margin: 0 auto; margin-top: 20px; display:flex;  justify-content:space-between;flex-wrap: wrap; }

.casenpic2 a{ width: 100%; height: auto; margin-bottom: 70px; display: block; position: relative;}

.casenpic2 a span{width: 100%; height: 370px; overflow: hidden; display: block; background-repeat: no-repeat; background-position: center; background-size: cover;}

.casenpic2 a img{ width: 100%; height: 370px;transform: scale(1);transition:0.5s; }

.casenpic2 a:hover img{transform: scale(1.1);transition:0.5s;}

.casenpic2 a p{ position: absolute; left: 15px; bottom: -10px; height:40px; line-height: 40px; font-size: 16px; color: #fff; padding: 0 35px; background: rgba(0, 132, 255, 0.9); max-width: calc(100% - 30px); min-width: 220px; text-align: center; overflow: hidden; }

.casenpic2 i{ width: 380px; display: block; }





.casevideo{ width: 1200px; height: auto; overflow: hidden;margin: 0 auto; margin-top: 50px; display:flex;  justify-content:space-between;flex-wrap: wrap; }

.casevideo a{ width: 380px; height: 253px; margin-bottom: 30px; display: block; position: relative;}

.casevideo a span{width: 380px; height: 253px; overflow: hidden; display: block;}

.casevideo a img{ width: 100%; height: 253px;transform: scale(1);transition:0.5s; }

.casevideo a:hover img{transform: scale(1);transition:0.5s;}

.casevideo a p{ position: absolute; left: 15px; bottom: -10px; height: 32px; line-height: 32px; font-size: 16px; color: #fff; padding: 0 15px; background: rgba(0, 132, 255, 0.9); max-width: calc(100% - 30px); overflow: hidden; text-align: center; }

.casevideo a i{ background: url(../images/bf.png) center no-repeat; background-size: cover; width: 70px; height: 70px; position: absolute; left: 50%; margin-left: -35px; top: 50%; margin-top: -35px; transform: scale(1);transition:0.5s; }

.casevideo a:hover i{ transform: scale(1.1);transition:0.5s;}

.casevideo i{ width: 380px; display: block; }



.caseynr{ width: 1200px; margin: 0 auto; height: auto; overflow:hidden; }

.caseynr .left{ float: left; width: 800px;}

.caseynr .left .the{ font-size: 28px; margin-top: 30px; margin-bottom: 18px; }

.caseynr .left .zehzeriq{ color: #999; font-size: 12px; height: auto; overflow: hidden; margin-bottom: 30px;  }

.caseynr .left .zehzeriq div{ float: left; position: relative;margin-right: 52px;  }

.caseynr .left .zehzeriq div:after{ content: ""; width: 4px; height: 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.15); position: absolute; right: -26px; top: 7px; display: table;}

.caseynr .left .zehzeriq div:last-child:after{ display: none; }



.caseynr .left .nlpic{  clear: both; padding-top: 25px; }

.caseynr .left .nlpic img{ margin-bottom: 10px; }

.caseynr .left img{ max-width: 100%; height: auto; }

.caseynr .left .con{ font-size: 14px; line-height: 220%; padding-top: 20px;}



.caseynr .right{ float: right; margin-top:155px; width: 280px; text-align: left; }

.caseynr .right .lo{ width: 100%; text-align: center; margin-top: 0px; border: 0px solid rgba(0, 0, 0, 0.1); padding: 30px 20px 30px 20px; background: rgba(0, 0, 0, 0.03);}

.caseynr .right .lo .yl{ width: 40%; }

.caseynr .right .lo p{ font-size: 30px; font-weight:normal; color: #124ac3; padding: 15px 0; margin-bottom: 10px;}

.caseynr .right .lo a{ width: 100%; height: 40px; line-height: 40px; background: #124ac3; font-size: 16px; text-align: center; color: #fff; display: block; margin-top: 15px;transition:0.5s;}

.caseynr .right .lo span{ width: 100%; height: 40px; line-height: 40px; background: #124ac3; font-size: 24px; text-align: center; color: #fff; display: block; display:flex;  justify-content:center;align-items: center;   font-family: Arial, Helvetica, sans-serif; transition:0.5s;}

.caseynr .right .lo span i{ color: #fff; font-size: 22px; margin-right: 5px; }

.caseynr .right .lo span b{  font-weight:normal; }



.caseynr .right .lo span:hover{transform:translatex(-50px);transition:0.5s;}

.caseynr .right .lo a:hover{transform:translatex(-50px);transition:0.5s;}

.caseynr .right .lo font{ display: block; padding-top: 25px; padding-bottom: 10px; font-size: 12px; color: #999; }

.caseynr .right .lo .ywxkf{ width:55%; border: 1px solid #fff; padding: 3px;}

.caseynr .right .lo .ywxkf:hover{ border: 1px solid #124ac3; }



.crpt{ font-size: 14px; font-weight: bold; margin-top:30px;margin-bottom:20px; }

.crpt i{ color: #333; font-size: 14px; margin-right: 5px;}



.ycase{ width: 100%; height: auto; margin:0 auto; clear: both;}

.ycase a{ width: 100%; height: 187px; margin-bottom: 40px; position: relative; display: block; }

.ycase a span{width: 100%; height: 187px; overflow: hidden; display: block; background-repeat: no-repeat; background-position: center; background-size: cover;}

.ycase a img{width: 100%; height: 187px; transform: scale(1);transition:0.5s;}

.ycase a p{ position: absolute; bottom: -10px; left: 10px; background: rgba(255, 0, 0, 0.8); padding: 0 15px; height: 30px; line-height:30px; font-size: 14px; color: #fff; max-width: calc(100% - 20px);overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  }

.ycase a:hover img{transform: scale(1.05);transition:0.5s;}



.videown{ width: 100%; position: relative; margin-bottom: 30px;}

.videown video{ width: 100%; height: auto; }

.videown .video-img{

position: absolute;



top: 50%;



left: 50%; margin-top: -70px; margin-left: -57px;



width: 114px; height: 114px;



z-index: 9999;



background: url(../images/bf.png) center no-repeat;

 

background-size: 100% 100%;



cursor:pointer



}



.cplistw{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 40px;}

.cplistw .left{ width: 240px; background: rgba(0, 0, 0, 0.05); padding:0 10px 20px 10px; float: left;}



.qubucp{ height: 60px; font-size: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.08);display:flex;  justify-content:flex-start ;align-items: center;  }

.qubucp i{  margin-top: 3px; margin-right: 6px; }

.fl{ margin-top: 10px; padding-left: 10px; }

.fl a{ font-size: 14px; color: #666; height: 30px; line-height: 30px;margin-top: 8px; display: block; }

.fl a:hover{ color: #124ac3; }

.fl a i{ margin-right: 8px; font-size: 14px; width: 18px; }

.fl a.active{ color: #124ac3; }



.cplistw .right{ width: 900px; height: auto; float: right;  }

.cplistw .right .whcpl{display:flex;  justify-content:space-between ;flex-wrap: wrap; } 

.cplistw .right .whcpl a{ width: 290px; height: 290px; margin-bottom: 15px; position: relative; display: block;}

.cplistw .right .whcpl a span{width: 290px; height: 290px; overflow: hidden; display: block;}

.cplistw .right .whcpl a img{width: 100%; height: 290px; transform: scale(1);transition:0.5s;}

.cplistw .right .whcpl a p{ width: 100%; height: 40px; line-height:40px; text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.9); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; padding: 0 10px; position: absolute; left: 0;bottom: 0; background:  linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}

.cplistw .right .whcpl a:hover img{transform: scale(1.05);transition:0.5s;}

.cplistw .right .whcpl a:hover p{ color: #124ac3; background:  linear-gradient(rgba(0, 114, 255, 0), rgba(0, 114, 255, 0.8)); color: #fff; }

.cplistw .right .whcpl i{ width: 275px; display: block; }





.chanpinxiq{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 40px;}

.chanpinxiq .left{ width: 240px; background: rgba(0, 0, 0, 0.05); padding:0 10px 20px 10px; float: left;}



.chanpinxiq .right{ width: 900px; height: auto; float: right;  }

.chanpinxiq .right .ttcsl{display:flex;  justify-content:space-between;}

.chanpinxiq .right .ttcsl .limg{ width: 370px; height: 370px; }

.chanpinxiq .right .ttcsl .limg img{ width: 100%; height: 370px; }

.chanpinxiq .right .ttcsl .tics{ width: calc(100% - 420px); }

.chanpinxiq .right .ttcsl .tics .t{ font-size: 20px; height: 38px; line-height: 38px; margin-bottom: 20px; }

.chanpinxiq .right .ttcsl .tics .cs{ height: 56px; line-height: 56px; font-size: 14px; color: #999; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.chanpinxiq .right .ttcsl .tics .cs i{ margin-right: 10px; width: 15px; }

.chanpinxiq .right .ttcsl .tics a{ height: 50px; line-height: 50px; background: rgba(0, 0, 0, 0.1); font-size: 18px; color: #fff; display: block; text-align: center; margin-top: 25px; display:flex;  justify-content:center;align-items: center; color: #124ac3;}

.chanpinxiq .right .ttcsl .tics a span{ width: 51px; height:28px; background: url(../images/1688-2.png) center no-repeat; display: block; }

.chanpinxiq .right .ttcsl .tics a:hover{ color: #fff; background: #124ac3; }

.chanpinxiq .right .ttcsl .tics a:hover span{background: url(../images/1688.png) center no-repeat; }



.xiangqing{ margin-top: 30PX; }

.xiangqing .tbsy{ background: rgba(0, 0, 0, 0.1); height: 36px; line-height: 36px; }

.xiangqing .tbsy span{ background: #124ac3; width: 120px; height: 36px; line-height: 36px; font-size: 14px; text-align: center; display: block; color: #fff;}

.xiangqing .xiangqingceontent{ padding:30px 0; line-height: 200%; font-size: 14px; }

.xiangqing .xiangqingceontent img{ max-width: 100%; }



/**/

.chanpinxiq2{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 20px;}



.chanpinxiq2 .ttcsl{ display:flex;  justify-content:space-between; margin-top: 0px;}

.chanpinxiq2 .ttcsl .limg{  }

.chanpinxiq2 .ttcsl .limg img{ width: 100%; height: 100%; }



.chanpinxiq2 .ttcsl .tics{ width: calc(100% - 580px); }

.chanpinxiq2 .ttcsl .tics .t{ font-size: 26px; font-weight:normal;  line-height: 38px; margin-bottom: 20px; }



.chanpinxiq2 .ttcsl .cflex{display:flex;  justify-content:space-between; flex-wrap: wrap;}

.chanpinxiq2 .ttcsl .tics .cs{ width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #666; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-right: 30px;}

.chanpinxiq2 .ttcsl .tics .cs i{ margin-right: 10px; width: 15px; }



.chanpinxiq2 .ttcsl .tics a{ width: 100%; height: 50px; line-height: 50px; background: linear-gradient(90deg,#ff7044,#ff4000); font-size: 16px; color: #fff; display: block; text-align: center; margin: 0 auto; margin-top: 35px; display:flex;  justify-content:center;align-items: center; clear: both;}

.chanpinxiq2 .ttcsl .tics a span{ width: 51px; height:22px; background: url(../images/1688.png) center no-repeat; background-size: contain; display: block; }

.chanpinxiq2 .ttcsl .tics a:hover{ color: #fff; background: #124ac3; }

.chanpinxiq2 .ttcsl .tics a:hover span{ }





.chanpinxiq2 .xia{ width: 100%; height: auto; margin: 0 auto; margin-top: 50px; }



.chanpinxiq2 .xia .tbsy{ border:1px solid rgba(0, 0, 0, 0.1); border-left: 0; border-right: 0; height: 50px; line-height: 50px; text-align: center; margin-bottom: 30px;}

.chanpinxiq2 .xia .tbsy span{ background: #fff; width: 65px; height: 48px; line-height: 48px; font-size: 16px; text-align: center; display: block; color: #124ac3; margin: 0 auto; border-bottom: 2px solid #124ac3; margin-left: 349px;}



.chanpinxiq2 .xia .xqyfl{ width: 240px; background: rgba(0, 0, 0, 0.05); padding:0 10px 20px 10px; float: left;}





.chanpinxiq2 .xia .xiangqing2{ width:850px ; margin-top: 0PX; float: right;}

.chanpinxiq2 .xia .xiangqing2 .xiangqingceontent{ padding:0px 0; line-height: 200%; font-size: 14px; }

.chanpinxiq2 .xia .xiangqing2 .xiangqingceontent img{ max-width: 100%; }



/*商品轮播图*/

.chanpinxiq2 .ttcsl .limg .wrap {

    position: relative;

    top: 0;

    left: 0;

    width: 430px;

    height: atuo; 

}

.chanpinxiq2 .ttcsl .limg .imgs {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.chanpinxiq2 .ttcsl .limg .main {

    position: relative;

    overflow: hidden;

    padding: 0px;

    width: 430px;

    height: 430px;

    border: 0px solid #dadada;

}

.chanpinxiq2 .ttcsl .limg .smaller {

    position: absolute;left: 440px; top: 0px;

    overflow: hidden;

    width: 80px;

    height: 480px;

    margin-top: 0px;

}
/*
.chanpinxiq2 .ttcsl .limg .smaller {

    position: relative;

    overflow: hidden;

    width: 480px;

    height: 84px;

    margin-top: 16px;display:flex;  justify-content:space-between;

}*/


.chanpinxiq2 .ttcsl .limg .smaller li {

    position: relative;

    float: left;

    padding: 0px;

    width: 80px;

    height: 80px;

    border: 2px solid #fff;

    margin-left: 0px; margin-bottom:5px;

    cursor: pointer;
}

.chanpinxiq2 .ttcsl .limg .smaller li:first-child {

    margin-left: 0;

}

.chanpinxiq2 .ttcsl .limg .smaller .current {

    border:2px solid #124ac3;

}

.chanpinxiq2 .ttcsl .limg .biger {

    position: absolute;

    overflow: hidden;

    display: none;

    left: 410px;

    width: 400px;

    height: 400px;

}

.chanpinxiq2 .ttcsl .limg .mask {

    position: absolute;

    display: none;

    left: 0;

    top: 0;

    width: 200px;

    height: 200px;

    background: url('../images/mask-bg.png') repeat;

    cursor: crosshair;

}

.chanpinxiq2 .ttcsl .limg .biger img {

    position: absolute;

    left: 0;

    top: 0;

    width: 200%;

    height: 200%;

}





.cpxqdqwz{ width: 1200px; height: 44px;  margin: 0 auto; font-size: 14px; color: #999;display:flex;  justify-content:flex-start;align-items: center;  }

.cpxqdqwz span{ font-size: 14px; font-weight:normal; color: #999; margin-right: 10px; padding-bottom: 2px; }

.cpxqdqwz a{ font-size: 12px;  position: relative;color: #999;}

.cpxqdqwz a i{ font-size: 12px; margin-right: 8px; }

.cpxqdqwz a:after{ content:">"; margin: 0 10px;}

.cpxqdqwz a:last-child:after{ display: none; }

.cpxqdqwz a:hover{ color: #124ac3; }





.listnew{ width: 1200px; margin: 0 auto; margin-top: 20px;}

.listnew .newsww{display:flex;  justify-content:space-between; flex-wrap: wrap; }

.listnew .newsww a{ width: 350px; height: 300px; margin-bottom: 20px; }

.listnew .newsww a span{ width: 100%; height: 200px; overflow: hidden; display: block; }

.listnew .newsww a span img{ width: 100%; height: 200px;transform: scale(1);transition:0.5s;}

.listnew .newsww a h3{ font-size: 18px; font-weight: bold; height: 26px; line-height: 26px; margin: 15px 0 15px 0;overflow: hidden;text-overflow: ellipsis;  

white-space: nowrap;  }

.listnew .newsww a p{ font-size: 12px; color: #999; display: none;}

.listnew .newsww a font{ display: table; padding: 2px 3px; background: rgba(0, 0, 0, 0.1); font-size: 12px; color: #666;}

.listnew .newsww a:hover img{transform: scale(1.05);transition:0.5s;}

.listnew .newsww a:hover font{ background: #124ac3; color: #fff;}

.listnew .newsww i{ width: 350px; display: block; }


.ssssjjjj{ width: 1200px; margin: 0 auto; margin-top: 10px;}
.ssssjjjj .jglist{ margin-top:30px; }
.ssssjjjj .jglist a{ display:block; margin-bottom:30px; border-bottom:1px solid rgba(0, 0, 0, 0.1); padding-bottom:20px; }
.ssssjjjj .jglist a h3{ font-size: 18px; font-weight: bold; line-height: 26px;}
.ssssjjjj .jglist a p{ display:block; color:rgba(0, 0, 0, 0.6); padding:10px 0; }
.ssssjjjj .jglist a font{ display:block; color:rgba(0, 0, 0, 0.6)}


.ssssjjjj .searchbox{width:640px;height:32px;margin:10px 5px 0 0;display:block;}

.ssssjjjj .searchbox .q{display:inline-block;background:#FFF;width:524px;height:32px;font-size:16px;color:#333;margin:0;padding:0 10px 0 10px;border:0;float:left;line-height:32px;border:1px solid #cfc7c8;border-right:0}

.ssssjjjj .searchbox .btn{width:95px;width:94px\9\0;height:32px;line-height:32px;border:0;background-color:#124ac3;cursor:pointer;display:inline-block;color:#FFF;text-align:center;font-size:14px;-webkit-appearance:none;border-radius:0}

.ssssjjjj .searchbox .btn:hover{background-color:#124ac3;-webkit-appearance:none;border-radius:0}

.pagination{ margin-top: 30px; }

.pagination li a, .pagination li span{min-width: 30px;background: #f5f6f6;}

.pagination li.active span{ background: #fff; border: 1px solid #0084ff; color: #0084ff; }

.pagination li a:hover{background: #fff; border: 1px solid #0084ff; color: #0084ff; }







.newswcon{ width: 1200px; margin: 0 auto; height: auto; overflow:hidden; }

.newswcon .left{ float: left; width: 800px;}

.newswcon .left .the{ font-size: 28px; margin-top: 30px; margin-bottom: 18px; }

.newswcon .left .zehzeriq{ color: #999; font-size: 12px; height: auto; overflow: hidden; margin-bottom: 30px;  }

.newswcon .left .zehzeriq div{ float: left; position: relative;margin-right: 52px;  }

.newswcon .left .zehzeriq div:after{ content: ""; width: 4px; height: 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.15); position: absolute; right: -26px; top: 7px; display: table;}

.newswcon .left .zehzeriq div:last-child:after{ display: none; }



.newswcon .left .nlpic{  clear: both; padding-top: 25px; }

.newswcon .left .nlpic img{ margin-bottom: 10px; }

.newswcon .left img{ max-width: 100%; height: auto; }

.newswcon .left .con{ font-size: 14px; line-height: 220%; padding-top: 20px;}



.newswcon .right{ float: right; margin-top: 130px; width: 280px; text-align: left; }

.newswcon .right .lo{ width: 100%; text-align: center; margin-top: 0px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 30px 20px 30px 20px;}

.newswcon .right .lo .yl{ width: 40%; }

.newswcon .right .lo p{ font-size: 30px; font-weight:normal; color: #124ac3; padding: 15px 0; margin-bottom: 10px;}

.newswcon .right .lo a{ width: 100%; height: 40px; line-height: 40px; background: #124ac3; font-size: 16px; text-align: center; color: #fff; display: block; margin-top: 15px;transition:0.5s;}

.newswcon .right .lo span{ width: 100%; height: 40px; line-height: 40px; background: #124ac3; font-size: 24px; text-align: center; color: #fff; display: block; display:flex;  justify-content:center;align-items: center;   font-family: Arial, Helvetica, sans-serif; transition:0.5s;}

.newswcon .right .lo span i{ color: #fff; font-size: 22px; margin-right: 5px; }

.newswcon .right .lo span b{  font-weight:normal; }

newswcon

.newswcon .right .lo span:hover{transform:translatex(-50px);transition:0.5s;}

.newswcon .right .lo a:hover{transform:translatex(-50px);transition:0.5s;}

.newswcon .right .lo font{ display: block; padding-top: 25px; padding-bottom: 10px; font-size: 12px; color: #999; }

.newswcon .right .lo .ywxkf{ width:55%; border: 1px solid #fff; padding: 3px;}

.newswcon .right .lo .ywxkf:hover{ border: 1px solid #124ac3; }



.sypxyp{ width: 100%; margin-top: 80px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; display:flex;  justify-content:space-between;}

.sypxyp .sx{}

.sypxyp .sx span{ display: block; height: 30px; line-height: 30px; }

.sypxyp .sx span:hover{ color: #124ac3; }

.sypxyp .back{}

.sypxyp .back a{width: 100px; height: 38px; line-height: 34px; border: 2px solid #124ac3; color: #124ac3; font-size: 14px; border-radius: 3px; display: block; text-align: center; margin-top: 10px;}

.sypxyp .back a:hover{ background: #124ac3; color: #fff; }





.renews{ padding: 0px 0; }

.renews a{ height: 28px; line-height: 28px;overflow: hidden;text-overflow: ellipsis;  

white-space: nowrap; font-size: 14px; color: #666; width: 100%; display: block; }

.renews a:hover{ color: #124ac3; }

.renews a:before{ content: ; width: 4px; height: 4px; background: rgba(0, 0, 0, 0.1); margin-right: 6px; }





.jionsyzw{width:1050px; margin:0 auto; height:auto; overflow: hidden;}

.jionsyzw a{min-width:100px; height: 40px; line-height: 40px; padding:0 18px; background: #124ac3; border-radius: 0 0 8px 8px;  margin-right:30px; display: inline-block; color: #fff; font-size: 16px; text-align: center;}

.jionsyzw a:hover{ background: #004fb1; }



.jionjs{  width:1050px; margin:0 auto; height:auto; overflow: hidden;margin-top:80px; margin-bottom: 30px;}

.jionjs img{ float:left; width: 280px;}

.jionjs .pbldcz{ float:left; width:auto; font-size:18px; color:#999; margin-top:35px; margin-left: 20px;}

.jionjs .pbldcz font{ font-size:20px; color:#9a9a9a;  font-weight:100; display:block; margin-top:5px;text-transform:uppercase; display: none; }



.jionlist{ width:1050px; margin:0 auto; height:auto; overflow:hidden;}

.jionlist li{ border:1px solid rgba(0, 0, 0, 0.1); background:#fafafa; box-sizing:border-box; padding:35px 60px 60px 60px; height:auto;  margin-bottom:60px; position:relative;}

.jionlist li .zpt{ font-size:30px; font-weight:normal; padding-bottom: 10px;}

.jionlist li .zpt font{ font-size:28px;}

.jionlist li .g1{margin-top:30px; height:auto; overflow:hidden;}

.jionlist li .g1 .gwzz{ float:left; width:95px; height:34px; line-height:34px; text-align:center; background:#124ac3; font-size:18px; color:#fff; margin-top:10px;}

.jionlist li .g1 .hs{ background: #f2e513; color: #555; }

.jionlist li .g1 .zzjs{ float:right; width:calc(100% - 150px); font-size:16px; color:#999; line-height:200%; padding-top: 5px;}

.jionlist li .sq{ position:absolute; right:16px; bottom:-1px; background: #124ac3; border-radius: 8px 8px 0 0; display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 20px;}



.jionlist li:hover{ background: #124ac3; color: #fff; }

.jionlist li:hover .g1 .gwzz{ background:#fff; color:#124ac3; }

.jionlist li:hover .g1 .zzjs{ color: #fff; }

.jionlist li:hover .sq{ background: #fff; color:#124ac3 ; }



.listbanner6{ width: 100%; margin: 0 auto; height: 425px; position: relative;}

.listbanner6 img{ width: 100%; height: 425px; }

.listbanner6 p{ width: 1000px; margin: 0 auto;  position: absolute; left: 50%; margin-left: -500px; top: 60px; font-size: 36px; font-weight: normal; color: #fff;}

.listbanner6 div{width: 1000px; margin: 0 auto; position: absolute; left: 50%; margin-left: -500px; top: 130px; font-size: 14px; color: #666; line-height: 220%; }





.wcontact{ width: 1200px; margin: 0 auto; margin-top: 70px; padding: 0 40px; display:flex;  justify-content:space-between;}

.wcontact .fwrx{width: 280px; }

.wcontact .fwrx:nth-child(2){ width: 350px; }

.wcontact .fwrx .dt{ font-size: 18px; font-weight: bold; margin-bottom: 25px; }

.wcontact .fwrx font{ font-size: 20px; color: #fd0707; font-weight:lighter; display: block; height: 34px; line-height: 34px; } 

.wcontact .fwrx font span{ color: #666; font-size: 18px; }

.wcontact .fwrx font a{font-size: 16px; color: #333; font-weight:lighter; margin-right: 30px;}

.wcontact .fwrx font a:hover{ color: #124ac3; }



.wcontact .fwrx i{ margin-top: 40px; margin-bottom: 40px; width: 26px; background: rgba(0, 0, 0, 0.2); height: 1px; overflow: hidden; display: block; }

.wcontact .fwrx p{ font-size: 16px; color: #666; padding-top: 20px; }

.wcontact .fwrx .ewmw{}

.wcontact .fwrx .ewmw p{ width: 145px; height: 145px; margin-right: 50px; font-size: 14px; color: #666; line-height: 200%; text-align: center; padding-top: 0; float: left; display: block;}

.wcontact .fwrx .ewmw p:last-child{ margin-right: 0; }

.wcontact .fwrx .ewmw p img{ width: 100%; }

.wcontact .fwrx .dizhiw{ font-size: 14px; color: #666; line-height:260%; }





.joinshenqing{ width: 100%; height: 600px; margin: 0 auto; margin-top:0; overflow:hidden; background:url(../images/liuyanbg.jpg) center no-repeat; background-size: cover; margin-bottom: -80px; position: relative;}



.joinshenqing .shengqingbiao{ width: 600px; padding:50px 60px 60px 60px; height:auto; overflow:hidden;  background: rgba(255, 255, 255, 0.5); position:absolute; right: 50%; margin-right: -600px; margin-top: 18px;}

.joinshenqing .shengqingbiao .lzdd{  font-size:20px; color:#124ac3; font-weight: bold; text-align: left; padding-bottom: 20px; }



.joinshenqing .shengqingbiao .bk{ margin-bottom:90px;}

.joinshenqing .shengqingbiao .bk .di{ margin-bottom:18px; width:100%; height:50px; float:left; font-size:14px; line-height:50px;}

.joinshenqing .shengqingbiao .bk .di span{ width:80px; height:50px; font-size:14px; line-height:50px; display:block; float:left;}

.joinshenqing .shengqingbiao .bk .di input{ width:calc(100% - 0px); height:40px; border:0px solid #c1bebe; text-indent:10px; box-sizing:border-box; margin:0px;font-size:14px; color:#666; background: rgba(255, 255, 255, 0.5);}

.joinshenqing .shengqingbiao .bk .di .danxuan{ width:14px; height:14px; margin-right:10px;}



.joinshenqing .shengqingbiao textarea{ width:100%; height:140px; border:0px solid #c1bebe; padding:10px; box-sizing:border-box; line-height:160%; font-size:14px; color:#666; background:  rgba(255, 255, 255, 0.5);}

.joinshenqing .shengqingbiao textarea::-webkit-input-placeholder { color: #666; }

.joinshenqing .shengqingbiao textarea:-moz-placeholder { color: #666;}

.joinshenqing .shengqingbiao textarea::-moz-placeholder { color: #666;}

.joinshenqing .shengqingbiao textarea::-ms-input-placeholder { color: #666;}



.joinshenqing .shengqingbiao .tj{ width:100%; height:40px; display:block; margin:0 auto; margin-top:20px; background: rgba(0, 114, 255, 0.8);border-radius:0px; border:0px; font-size:18px; color:#fff; cursor: pointer;}

.joinshenqing .shengqingbiao .tj:hover{background: rgba(0, 114, 255, 1);}





.qiuzhibiao{ background:#f5f5f5; margin-bottom: -80px;}

.qiuzhibiao ul{ width: 1200px; margin: 0 auto; margin-top:0; height:auto; overflow:hidden; background:#f5f5f5;}

.qiuzhibiao .jt{ height:88px; line-height:88px; background:#1e498d; font-size:30px; color:#fff; text-align:center; margin-bottom:0px;}

.qiuzhibiao .shengqingbiao{ padding:45px 50px; height:auto; overflow:hidden;}

.qiuzhibiao .shengqingbiao .lzdd{ font-size:22px; color:#333; padding-bottom:35px; font-weight: bold;}

.qiuzhibiao .shengqingbiao .bk{ margin-bottom:90px;}

.qiuzhibiao .shengqingbiao .bk .di{ margin-bottom:18px; width:50%; height:50px; float:left; font-size:20px; line-height:50px;}

.qiuzhibiao .shengqingbiao .bk .di span{ width:148px; height:50px; font-size:20px; line-height:50px; display:block; float:left;}

.qiuzhibiao .shengqingbiao .bk .di input{ width:325px; height:50px; border:1px solid #c1bebe; text-indent:5px; box-sizing:border-box; margin:0px;font-size:18px; color:#666;}

.qiuzhibiao .shengqingbiao .bk .di .danxuan{ width:14px; height:14px; margin-right:10px;}

.qiuzhibiao .shengqingbiao .bk .c{ width:100%;}

.qiuzhibiao .shengqingbiao .bk .c input{ width:875px; font-size:16px; color:#666;}

.qiuzhibiao .shengqingbiao textarea{ width:1022px; height:210px; border:1px solid #c1bebe; padding:10px; box-sizing:border-box; line-height:160%; font-size:18px; color:#666;}

.qiuzhibiao .shengqingbiao .tj{ width:225px; height:84px; display:block; margin:0 auto; margin-top:70px; background:#fff;border-radius: 12px; border:0px; font-size:20px; font-weight: bold; color:#333;box-shadow:0 8px 2px #ccc; }



.qiuzhibiao .shengqingbiao .flr{ width:50%; float:left;}

.qiuzhibiao .shengqingbiao .flr .lzdd{ font-size:22px; color:#333; padding-bottom:35px;}

.qiuzhibiao .shengqingbiao .flr .bk{ margin-bottom:90px;}

.qiuzhibiao .shengqingbiao .flr .bk .di{ margin-bottom:18px; width:100%; height:50px; font-size:20px; line-height:50px;}

.qiuzhibiao .shengqingbiao .flr .bk .di span{ width:148px; height:50px; font-size:20px; line-height:50px; display:block; float:left;}

.qiuzhibiao .shengqingbiao .flr .bk .di input{ width:325px; height:50px; border:1px solid #c1bebe; text-indent:5px; box-sizing:border-box; margin:0px;font-size:18px; color:#666;}

.qiuzhibiao .shengqingbiao .flr .bk .di .danxuan{ width:14px; height:14px; margin-right:10px;}



.xindexby{ padding: 100px 0; }

.xindexby .t{ font-size: 36px; color: #124ac3; text-align: center; font-weight: normal; }

.xindexby .xgx{ width: 100px; height: 2px; border-top:4px solid #124ac3; border-bottom: 1px solid #124ac3; margin: 0 auto; margin-top: 25px; margin-bottom: 50px; box-sizing: content-box; }

.xindexby .wmdyw{ text-align: center; font-size: 26px; color: #333; }

.xindexby .jtyw{ text-align: center; margin: 0 auto; line-height: 220%; margin-top: 25px; font-size: 18px; color: #666; font-weight: 100; width: 850px;}

.xindexby a{ width: 108px; height: 34px; line-height: 34px; text-align: center; background: #e5e4e4; color: #124ac3; font-size: 14px; font-family:arial; display: block; margin: 0 auto; margin-top: 60px; }

.xindexby a:hover{ background:#124ac3; color:#fff ; }



.indexhlt{ width: 100%; height: 551px; }



.lgyw{width: 1012px; margin: 0 auto; margin-top: 100px; padding-bottom: 30px;display:flex;  justify-content:space-between;}

.lgyw a{width: 472px; height: 266px; position: relative; overflow: hidden;}

.lgyw a span{ position: absolute; width: 128px; height: 40px; background-color: rgba(0, 114, 288, 0.84); background-repeat: no-repeat; background-position: 10px center; color: #fff; font-size: 18px; font-weight: bold; line-height: 40px; text-indent: 38px; z-index: 555; }

.lgyw a img{transform: scale(1);transition:0.5s;}

.lgyw a:hover img{  transform: scale(1.1);transition:0.5s; }





.about01{ width: 1100px; height: auto; margin:0 auto; padding-top: 60px;}

.about01 h3{ font-size: 28px; height: 50px; line-height: 50px; margin-bottom: 15px; font-weight: bold; }

.about01 .cbox{display:flex;  justify-content:space-between;}

.about01 .cbox .left{ width: 460px; height: auto; }

.about01 .cbox .left img{ width: 100%; }

.about01 .cbox .right{ width: 570px; font-size: 16px; line-height: 220%; }



.about02{ width: 100%; height: 750px; background: url(../images/qywhbg.jpg) center -50px no-repeat; margin-top: 90px; padding-top: 50px;}

.about02 h3{font-size: 28px; color: #333; height: 50px; line-height: 50px;  margin-bottom: 25px; font-weight: bold; text-align: center;}

.about02 .cq{ font-size: 18px;  line-height: 220%; width: 940px; margin: 0 auto; text-align: center; font-weight: normal;}

.about02 .sigwh{display:flex;  justify-content:space-between;flex-wrap: wrap; width: 1040px; margin: 0 auto; margin-top: 40px;}

.about02 .sigwh li{ width: 48%; margin-bottom: 36px; background: rgba(255, 255, 255, 0.7); min-height: 200px; padding: 15px 25px;}

.about02 .sigwh li h4{ font-size: 18px; font-weight: bold; line-height: 40px; text-align: center; margin-bottom: 10px; }

.about02 .sigwh li p{ font-size: 14px; line-height: 200%; }



.about03{ width: 100%; height: 725px; background: url(../images/about_06.jpg) center no-repeat; margin-top: 0px; margin-bottom: 0px; }



.contact55{ width: 100%; height: 600px; background: url(../images/contactbg2.jpg) center bottom no-repeat; margin-bottom: -80px; position: relative; }

.contact55 .boxc{ padding: 80px 0; padding-top: 120px;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 0; }

.contact55 .boxc h2{ font-size: 28px; font-weight: bold; text-align: center; color: #fff; }

.contact55 .boxc .wta{ width: 1080px; height: auto; margin: 0 auto; margin-top: 80px;display:flex;  justify-content:space-between; }

.contact55 .boxc .wta li{ width: 32%; text-align: center; color: #fff;}

.contact55 .boxc .wta li img{ margin-bottom: 25px; }

.contact55 .boxc .wta li h3{ font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 15px;}

.contact55 .boxc .wta li p{ font-size: 16px; color: #fff; font-weight: 100;}

.contact55 .boxc .wta li .ewm{ margin: 0 auto; margin-top: 15px; display: block; width: 53px; height: 22px; position: relative;}

.contact55 .boxc .wta li .ewm .x{ display: none; }

.contact55 .boxc .wta li .ewm:hover .x{ display: block; position: absolute; left: -40px; top: 28px; width: 125px; border:1px solid #124ac3; }

.contact55 .boxc .wta li.cdizhi{}
.contact55 .boxc .wta li.cdizhi p{ line-height:24px; text-align:left; cursor:pointer;}

.gongchangbanner{ width: 100%; height: 425px; background-position: center; background-repeat: no-repeat; }



.gongchangjianjie{ width:930px; margin: 0 auto; padding: 80px 0 0px 0; }

.gongchangjianjie h3{ font-size: 28px; text-align: center; margin-bottom: 50px; font-weight: bold;}

.gongchangjianjie p{ margin-bottom: 30px; font-size: 18px; font-weight: 100; line-height: 200%; }

.gongchangjianjie2{ width:930px; margin: 0 auto; padding: 80px 0 0px 0; }

.gongchangjianjie2 h3{ font-size: 28px; text-align: center; margin-bottom: 50px; font-weight: bold;}

.gongchangjianjie2 p{ margin-bottom: 30px; font-size: 18px; font-weight: 100; line-height: 200%; }

.gongchangjianjie3{ width:930px; margin: 0 auto; padding: 80px 0 0px 0; }

.gongchangjianjie3 h3{ font-size: 28px; text-align: center; margin-bottom: 50px; font-weight: bold;}

.gongchangjianjie3 p{ margin-bottom: 30px; font-size: 18px; font-weight: 100; line-height: 200%; }



.tesechanping{ width: 100%; height: 550px; background: url(../images/gccbg.jpg) center no-repeat; background-size: cover;  position: relative; margin-top:70px;}

.tesechanping .tesebox{ padding: 80px 0; width: 100%; height: 100%; background: rgba(0, 45, 100, 0.7); position: absolute; left: 0; top: 0; z-index: 0; }

.tesechanping .tesebox h2{ font-size: 28px; font-weight:normal; text-align: center; color: #fff; font-weight: bold; }

.tesechanping .tesebox .tsfl{ width: 1100px; height: auto; margin: 0 auto; margin-top: 0;display:flex;  justify-content:space-between; flex-wrap: wrap; margin-top: 66px; }

.tesechanping .tesebox .tsfl a{ width: 188px; height: 120px; background: rgba(255, 255, 255,0.78); text-align: center; color: #fff; padding: 24px 10px; display: block;color: #333;font-size: 18px; margin-bottom: 30px; }

.tesechanping .tesebox .tsfl a i{ width: 70px; height: 50px; margin: 0 auto; display: block; font-size: 40px; color: #1579d2; margin-bottom: 5px; }

.tesechanping .tesebox .tsfl a:hover{ background: #1579d2; color: #fff; }

.tesechanping .tesebox .tsfl a:hover i{ color: #fff; }





.chenpingjianshang{ width:1200px; margin: 0 auto; padding: 80px 0 70px 0; }

.chenpingjianshang h3{ font-size: 28px; text-align: center; margin-bottom: 50px; font-weight: bold;}

.chenpingjianshang .chengpingbox{ display:flex;  justify-content:space-between; }

.chenpingjianshang .chengpingbox a{ width: 31.5%; height: 284px;  position: relative;}

.chenpingjianshang .chengpingbox a font{width: 100%; height: 284px; display: block; overflow: hidden;}

.chenpingjianshang .chengpingbox a font span{ width: 100%; height: 284px; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; transform: scale(1);transition:0.5s;}

.chenpingjianshang .chengpingbox a:hover font span{transform: scale(1.1);transition:0.5s;}

.chenpingjianshang .chengpingbox a p{position: absolute; left: 15px; bottom: -10px; height: 32px; line-height: 32px; font-size: 16px; color: #fff; padding: 0 15px; background: rgba(0, 132, 255, 0.9); max-width: calc(100% - 30px); overflow: hidden; text-align: center; }

.chenpingjianshang a.morechanpin{ width: 168px; height: 40px; line-height: 40px; text-align: center; background: #e5e4e4; color: #124ac3; font-size: 14px; font-family:arial; display: block; margin: 0 auto; margin-top: 88px; }

.chenpingjianshang a.morechanpin:hover{ background:#124ac3; color:#fff ; }





.gongchangshijing{ width:100%; margin: 0 auto; padding: 80px 0 70px 0; position: relative; }

.gongchangshijing:before { content: ''; width: 100%; height: 285px; background: #124ac3; display: block; position: absolute; top: 0; z-index: -1;}

.gongchangshijing h3{ font-size: 28px; text-align: center; margin-bottom: 50px; font-weight: bold; color: #fff;}

.gongchangshijing .picz{width:1200px; height: 420px; margin: 0 auto; position: relative;}

.gongchangshijing .picz .p1{ position: absolute; left: 0; top: 0; }

.gongchangshijing .picz .p2{ position: absolute; left: 325PX; top: 0; }

.gongchangshijing .picz .p3{ position: absolute; right: 0; top: 0; }

.gongchangshijing .picz .p4{ position: absolute; left: 325PX; bottom: 0; }

.gongchangshijing .picz .p5{ position: absolute; left: 650px; bottom: 0; }

.gongchangshijing .picz .p6{ position: absolute; right: 0; bottom: 0; }





.gongchangvideo{ width:100%; margin: 0 auto; padding: 80px 0 70px 0; position: relative; margin-top: 70px; }

.gongchangvideo:before { content: ''; width: 100%; height: 285px; background: #ebebeb; display: block; position: absolute; top: 0; z-index: -1;}

.gongchangvideo h3{ font-size: 28px; text-align: center; margin-bottom: 50px; font-weight: bold; color: #333;}



.gongchangvideo .videoz{ width: 1200px; height: auto; overflow: hidden;margin: 0 auto;  display:flex;  justify-content:space-between;flex-wrap: wrap; }

.gongchangvideo .videoz a{ width: 31.5%; height: 284px; margin-bottom: 30px; display: block; position: relative;}

.gongchangvideo .videoz a span{width: 100%; height: 284px; overflow: hidden; display: block;}

.gongchangvideo .videoz a img{ width: 100%; height: 284px;transform: scale(1);transition:0.5s; }

.gongchangvideo .videoz a:hover img{transform: scale(1);transition:0.5s;}

.gongchangvideo .videoz a p{ position: absolute; left: 15px; bottom: -10px; height: 32px; line-height: 32px; font-size: 16px; color: #fff; padding: 0 15px; background: rgba(0, 132, 255, 0.9); max-width: calc(100% - 30px); overflow: hidden; text-align: center; }

.gongchangvideo .videoz a i{ background: url(../images/bf.png) center no-repeat; background-size: cover; width: 70px; height: 70px; position: absolute; left: 50%; margin-left: -35px; top: 50%; margin-top: -35px; transform: scale(1);transition:0.5s; }

.gongchangvideo .videoz a:hover i{ transform: scale(1.1);transition:0.5s;}

.gongchangvideo .videoz i{ width: 380px; display: block; }

.gongchangvideo a.morechanpin{ width: 168px; height: 40px; line-height: 40px; text-align: center; background: #ebebeb; color: #124ac3; font-size: 14px; font-family:arial; display: block; margin: 0 auto; margin-top:60px; }

.gongchangvideo a.morechanpin:hover{ background:#124ac3; color:#fff ; }



.kuajingdianshang{ width:1100px; height:auto; margin:0 auto;margin-top:10px; padding-top:70px;  margin-bottom:80px; }
.kuajingdianshang h3{ font-size:28px; font-weight:bold; padding-bottom:20px; text-align:center;}
.kuajingdianshang .geguo{}
.kuajingdianshang .geguo img{ width:100%;  }


.mobilenav,.chulaila{ display:none; }

.mobiledisplay{ display:none; }

.meiyouneirong{ width:100%; height:80px; line-height:80px; text-align:center; font-size:16px; }