@charset "UTF-8";

/*banner*/


#banner img{width:100%;}
#banner .swiper-horizontal > .swiper-pagination-bullets{bottom:20px;font-size:0;}
#banner .swiper-pagination-bullet {width:16px;height:16px;margin:0 5px;border-radius:50%;background:#fff;border:2px solid #063C78;opacity:1;}
#banner .swiper-pagination-bullet-active{background:#063C78;}


.indexA{padding:70px 0;}
.indexA .tit{position:relative;text-align:center;}
.indexA .tit h3{color:#31353d;font-size:30px;font-weight:600;text-transform:uppercase;line-height:1;display:inline;background:#fff;padding:0 35px;text-align:center;position:relative;z-index:10;}
.indexA .tit::after{content:"";position:absolute;height:1px;background:#EDEDED;position:absolute;left:0;right:0;top:calc(50% - 0.5px);}

.indexA ul{margin:45px -15px 0;display:flex;flex-wrap:wrap;}
.indexA ul li{width:25%;padding:0 15px;}
.indexA ul li .pic{width:100%;position:relative;overflow:hidden;display:block;}
.indexA ul li .pic img{ width:100%;transition: all 0.3s ease;}
.indexA ul li .pic .txt{width:100%;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(36,83,134,0.8);padding:0 20px;transition:background-color 0.35s;opacity:0;transition:opacity 0.35s,transform 0.35s;transform:scale(0);display:flex;justify-content:center;align-items:center;text-align:center;}
.indexA ul li .pic .txt p{font-size:15px;color:#fff;line-height:24px;}
.indexA ul li h5{background:#245386;border-top:4px solid #a0b4cb;padding:15px 10px;text-align:center;}
.indexA ul li h5 a{color:#fff;font-size:15px;display:block;}
.indexA ul li:hover .pic img{transform:scale(1.2);}
.indexA ul li:hover .pic .txt{opacity:1;transform:scale(1);}




.prolist{ position: relative;}
.pro-main{ position: relative; width: 1000px; height: auto; overflow: hidden; display: inline-block;}
.prolist>h3{ color: #31353d; font-size: 26px; font-weight: normal; text-transform: uppercase; background: url(../images/hotproduct.png) no-repeat left center; text-align: center;}
.prolist ul li{ margin-right: 20px; width: 235px; height: auto; float: left;}
.prolist ul li:last-child{ margin-right: 0;}
.prolist dl{ width: 235px; height: auto; margin-top: 45px;}
.prolist dl dt{ width: 235px; height: 228px; position: relative;overflow: hidden;}
.prolist dl dt img{ width: 235px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.prolist dl dt:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
.prolist dl dt p{  height:80px; font-size: 18px; position: absolute; top: 50%;margin-top: -25px;word-break:keep-all;text-align:center;}
.prolist dl dt p a{ color: #7eedfa;}
.prolist dl dt .zez{ width: 100%; height: 228px; background: rgba(36,83,134,0.8); padding: 0 2%; position: absolute; bottom: -228px; left: 0; border-radius: 5px; box-sizing: border-box;}
.prolist dl dd{ height: auto; color: #fff; background: #245386; border-top: 4px solid #a0b4cb; padding: 9px 30px 5px 15px;}
.prolist dl dd h3{ color: #fff; font-size: 14px; margin-bottom: 2px; cursor: pointer;height:48px;text-align:center;}
.prolist dl dd p{ line-height: 16px; text-overflow: ellipsis;overflow: hidden;}


.main-bottom{ width: 1000px; height: auto; margin: 0 auto 38px; padding-top: 33px; margin-top: 45px;}
.main-bottom h3{ text-transform: uppercase; color: #394264; font-size: 14px;}
.aboutUs{ width: 225px; height: 290px; float: left; margin-right: 18px; background: #eeeeee; padding: 18px 0 0 10px;}
.aboutUs h3{ background: url(../images/aboutIcon.png) no-repeat left center; line-height: 40px; padding-left: 45px; color: #3f3f3f;}
.aboutUs p{ line-height: 22px; margin-top: 34px; padding: 0 10px 0 0; text-overflow: ellipsis; overflow: hidden;}
.aboutUs img{ margin-top: 20px;}

.caseCss{ width: 225px; height: 290px; float: left; margin-right: 18px; background: #eeeeee; padding: 18px 0 0 10px;}
.caseCss h3{ background: url(../images/caseIcon.png) no-repeat left center; line-height: 40px; padding-left: 45px; color: #3f3f3f; margin-bottom: 15px;}
.caseCss p{ line-height: 22px; margin-top: 16px; padding: 0 10px 0 0; text-overflow: ellipsis; overflow: hidden;}


.download{ width: 225px; height: 290px; float: left; margin-right: 18px; background: #eeeeee; padding: 18px 0 0 10px;}
.download h3{ background: url(../images/downloadicon.png) no-repeat left center; line-height: 40px; padding-left: 45px; color: #3f3f3f; margin-bottom: 15px;}
.download ul li{ padding: 12px 0; text-overflow: ellipsis; overflow: hidden; border-bottom: 1px dashed #bebebe; background: url(../images/downloadHei.png) no-repeat left center;
padding-left: 15px;}
.download ul{ margin: -12px 0 0 5px;}
.download ul li a{ color: #3f3f3f;}
.download .more,.caseCss .more,.aboutUs .more{ display: block; width: 79px; height: 22px;}
.download .more{ margin-top: 10px;}
.caseCss .more{ margin-top: 15px;}
.aboutUs .more{ margin-top: 23px;}

.video{ width: 225px; height: 290px; float: left; background: #eeeeee; padding: 18px 0 0 10px;}
.video h3{ background: url(../images/videoIcon.png) no-repeat left center; line-height: 40px; padding-left: 45px; color: #3f3f3f; margin-bottom: 15px;}




/*

.footerIn-top{ padding-bottom: 15px;}
.footerIn-top dl{ float: left;}
.footerIn-top dl dt,.goodListF dt{ font-size: 14px; font-weight: bold; margin-bottom: 7px; text-transform: uppercase;}
.searchFo{ width: 254px; height: 26px; background: url(../images/search-foot.png) no-repeat; padding-left: 14px; margin-bottom: 14px;}
.searchFo input{ background: none; border: 0; color: #fff;}
.searchFo .searTxt{ width: 160px; height: 26px; float: left; letter-spacing: -0.6px; color: #979797;}
.searchFo .serBtn{ width: 82px; height: 26px; float: left; margin-top: 4px; text-align: center;
color: #4a4a4a; margin-top: -1px;}
.footerIn-top dl.link dd ul li{ float: left;}
.footerIn-top dl dd a{ color: #3b3b3b;}
.footerIn-top dl dd ul{ float: left;}
.link dd ul:last-child{ margin-top: 16px;}
.link ul li{ margin-right: 5px;}
.footerIn-top dl,.footerIn-top dl dd dl{ float: left;}
.conUsF{ width: 407px; height: auto; margin: 0 0 0 20px;}
.conUsF dt,.conUsF dd{ float: left;}
.conUsF dt{ margin-right: 10px;}
.conUsF dd.d1{ width: 86%;}
.conUsF dl{ width: 43%; margin-right: 2%; margin-top: 5px; overflow: hidden;}
.conUsF dl:last-child{ width: 100%;}


*/





.zezhao{ width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 90000000; display: none;}
.logn{ width: 391px; height: 220px; background: url(../images/logn-bg.jpg) no-repeat; padding: 15px 0 0; box-sizing: border-box;
position: absolute; left: 50%; margin-left: -195px; top: 150px; z-index: 100000000; display: none;}
.logn p{ height: 79px; font-size: 14px; color: #202020; line-height: 19px; margin-left: 75px;}
.logn p span{ color: #fff; float: right; margin-right: 16px;}
.lognmain{ background: #def1ff; padding: 17px 15px 0 33px;}
.logn ul li{ margin-bottom: 15px;}
.logn ul li.fl,.logn ul li.fr{ float: left;}
.logn ul li.fr{ margin-left: 32px;}
.logn ul li.fl input,.logn ul li.fr input{ height: 38px; background: none; line-height: 38px; border: 1px solid #050102; box-sizing: border-box;}
.logn ul li.fl input{ width: 184px; color: #000; padding-left: 25px;}
.logn ul li.fr input{ width: 93px; color: #fff; text-align: center; background: #2779b5;}


.zhuc{ width: 450px; height: 250px; background: #def1ff; position: absolute; left: 50%; margin-left: -225px; top: 150px; z-index: 100000001; padding-bottom: 10px; display: none;}
.zhuc h3{ color: #043c76; font-size: 26px; text-align: center; margin-top: 10px;}
.zhuc ul{ width: 330px; margin: 20px auto 0;}
.zhuc ul.lieb li{ background: url(../images/zc-li-bg.jpg) no-repeat left center; font-size: 16px;
cursor: pointer; line-height: 24px; padding-left: 25px;}
.zhuc ul.lieb li a{ color: #043c76;}
.zhuc ul.lieb li:hover a{ text-decoration: underline;}
.zc input.emget{ width: 170px; height: 36px; line-height: 36px; color: #000; padding-left: 25px; background: none; border: 1px solid #050102; margin-bottom: 10px;}
.zc input.btn{ width: 135px; height: 40px; text-align: center; color: #fff; background: #043c76; border: 0; font-size: 14px;}
.zc{ text-align: center;}


.Creat{ width: 430px; height: 488px; background: #def1ff; position: absolute; left: 50%; margin-left: -215px; top: 150px; z-index: 100000002; padding: 10px 15px; display: none;}
.Creat h3{ font-size: 24px; color: #000; margin-bottom: 10px;}
.Creat ul li{ margin: 1% auto; padding-left: 3%;overflow: hidden;}
.Creat ul li input{ width: 174px; height: 26px; background: #fff; border: 0; float: right; margin-right: 3%;}
.Creat ul li.rd input{ float: none; width: 12px; height: 12px; margin-left: 10px;}
.Creat ul li label{ float: left;}
.Creat ul li label em{ color: red;}
.Creat ul li.rd label{ float: none;}
.Creat ul li textarea{ width: 395px; height: 100px; background: #fff; border: 0;  padding-left: 10px; line-height: 18px; margin-top: 10px;}
.Creat ul li p{ width: 100%;}
.Creat ul li.btnWrap input{ width: 50px; height: 30px; border-radius: 5px; line-height: 30px; text-align: center; background: #043c76;
color: #fff;}
.Creat ul li.btnWrap{ text-align: center;}


.Creat i,.logn i,.zhuc i{ width: 25px; height: 29px; display: block; background: url(../images/x.png) no-repeat; position: absolute; right: -5px; top: -5px; cursor: pointer;}



.footerIn-top dl dt i{ display: none; float: right; width: 18px; height: 18px; background: url(../images/jiajian.png) left top;}