/*reset css start*/

html{min-width:1200px;font-family:sans-serif}

body{text-align:left;padding:0;margin:0;font:14px;color:#333;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif !important;height:auto;background:#fff;overflow-x:hidden;-webkit-font-smoothing: antialiased;}

div,p,li{word-break:break-all}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{padding:0;margin:0}

fieldset{border-top-width:0;border-left-width:0;border-bottom-width:0;border-right-width:0}

a,img,iframe{border:0;padding:0;margin:0}

i{font-style:normal}

address,caption,cite,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}

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

caption{text-align:left}

th{text-align:left}

h1,h2,h3,h4,h5,h6{font-weight: normal;font-size:100%}

q:unknown{content:''}

button,input,select,textarea{font-size: 100%;}

table{border-collapse: collapse; border-spacing: 0;}

.por{position:relative}

.poa{position:absolute}

input,textarea,select{font-family:inherit;font-size:100%}

a:link{color:#333;text-decoration:none}

a:visited{color:#333;text-decoration:none;cursor:pointer;}

a:hover{color:#d74f31;text-decoration:none}

.ease,

.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}

.noease,

.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}

:-moz-placeholder{color: #fff;}

::-moz-placeholder{color: #fff;}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder{color: #333;}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder{color: #333;}

.fl,.left{float: left;}

.fr,.right{float: right;}

.tac{text-align: center;}

.tar{text-align: right;}

/*清除浮动*/

.clear{clear:both;font-size:0;margin:0;padding:0;display:block;_height:0;overflow:hidden}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.clearfix{*zoom:1}

.hidden{display:none}

.icon{background-image:url("../images/icon.png");display:inline-block;vertical-align:middle;}

.w1400{width: 100%;max-width: 1200px;margin:0 auto;}

@media (max-width: 1366px) {

    .w1400 {

        width: 1200px;

        margin:0 auto;

        overflow: hidden;

      }

}

/*reset css end*/






.index{position:relative;overflow:hidden;}

.header_main{position:fixed;top:0;left:0;width:100%;height:100px;background: #00000057;transition: all 0.9s ease-out 0s;z-index:100;}

.header{/* border-bottom:1px solid rgba(255,255,255,0.1); */}

.header_main .webLogo{/* padding-top:20px; *//* margin-left:2vw; */float:left;}

.header_main .webLogo img{display:block;width: 243px;height: 90px;float:left;margin-right:14px;}

.header_main .nav_main{float:right;margin-left: 2vw;}

.header_main .nav_main .item{padding: 0 15px;float:left;position:relative;height:100px;line-height:100px;z-index:12;}

.header_main .nav_main .item a{display:block;height:99px;font-size:22px;line-height:100px;color: #ffffff; font-weight:bold}

.header_main .nav_main .item:hover .alink,.header_main .nav_main .item.hover .alink{color: #ffffff;font-weight:bold;}

.header_main .nav_main .item.hover .alink{border-bottom: 3px solid #ffffff;}

.header_main .nav li .subnav{position: absolute;left: 50%;top: 90px;background-color: #fff;width: 120px;margin-left: -60px;display: none;border-radius: 4px;overflow: hidden;}

.header_main .nav li .subnav .subA{color: #333;line-height: 35px;height: 35px;overflow: hidden;display: block;margin: 0;font-size: 14px;line-height: 35px;height: 35px;overflow: hidden;display: block;font-size: 14px;border-bottom: 1px dotted #ddd;margin: 0;text-align: center;}

.header_main .nav li .subnav .subA:hover{font-weight:bold;background: #3bb79b;color: #4872de;background: #ffbe8b;background: rgba(21, 21, 21, 0.8);}

.header_main .nav .sub-box{width:100%;position:absolute;left:0;text-align:center;top:102px;background:#fff;display:none;line-height:35px}

.header_main .nav .sub-box p a{color:#fff}

.header_main .nav .sub-box p .icon{width:6px;height:10px;background-position:-96px 0;position:absolute;top:19px;left:15px}

.header_main .nav .sub-box p a{border-top:1px solid #ddd;color:#333 !important;line-height:50px!important;height:50px!important;padding:0;font-weight:100;text-align:center;overflow:hidden;vertical-align:top;font-size:18px;display:block;background:none;transition: ease-in-out 0.2s;}

.header_main .nav .sub-box p a:hover{background:#033c94;text-indent: 6px;color:#fff!important;}



.header_main .quick{padding-top:40px;float:right;margin-right: 2vw;margin-left: 2vw;}

.header_main .quick .searcher{margin-top:-6px;float:left;width:20px;margin-right: 30px;}

.header_main .quick .search_btn{width:20px;height:20px;background:url("../images/searchico.png") no-repeat center center;float:left;display: block;width: 34px;height: 34px;border-radius: 50%;cursor: pointer;}

.header_main .quick .search_btn:hover{opacity:.8;filter:alpha(opacity=80);}

.header_main .quick .search_main{position: absolute; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 0; height: 80px; right: 50px; top:90px; overflow: hidden; background: rgba(0,0,0,0.2);*background:#000;}

.header_main .quick .search_box{width:280px;height:40px;margin-top:20px;margin-left:40px;background:url(../images/search_main.png) no-repeat bottom center;}

.header_main .quick .search_box input{background-color: none; border: none;}

.header_main .quick .search_box .stxt{width: 240px; height: 40px;line-height: 40px; display: block; text-indent: 10px;color:#fff; background-color:transparent;    outline: none;}

.header_main .quick .search_box .sbtn{font-size:0;width: 34px;height: 34px;display: block;cursor: pointer;border-radius:100%;margin-top: 5px;outline: none;background:url("../images/searchico.png") no-repeat center center;}

.header_main .quick .cte{position:relative;float:left;margin-right:14px;cursor: pointer;}

.header_main .quick .cte .cvalue{padding-right:12px;font-family:arial;font-size:20px;color:#fff;background:url("../images/cearr.png") no-repeat right center;}



.header_main .quick .member{float:left;display:block;width:20px;height:20px;background:url("../images/member.png") no-repeat center center;}

.header_main .quick .member:hover{opacity:.8;filter:alpha(opacity=80);}

.header_main.xc{height:100px;border-bottom:1px solid #ddd;transition: all 0.9s ease-out 0s; position:fixed; left:0; top:0;background-color: rgba(255,255,255,1);}

.header_main.xc .nav_main .item{height:100px;line-height:100px;}

.header_main.xc .nav_main .item a{height:99px;line-height:100px;color:#333;}



.header_main .tel_right{padding-top:38px;float:right;margin-right:2vw;}

.header_main .tel_right .webTel{padding-left:32px;font-family:arial;font-size:26px;color:#fff;background:url("../images/telIco.png") no-repeat left center;}



.header_main.xc .cte .cvalue{color:#666;background:url("../images/cearr2.png") no-repeat right center;}

.header_main.xc .member{background:url("../images/member2.png") no-repeat center center;} 

.header_main.xc .quick{padding-top:40px;}

.header_main.xc .quick .search_btn{background:url("../images/searchico2.png") no-repeat center center;}



.header_main.xc .tel_right .webTel{color:#033c94;background:url("../images/telIco2.png") no-repeat left center;}



.header_main .lag_sel_box{margin-top:-40px;position: relative;line-height: 100px;}

.header_main .lag_box{display: none; position: absolute; top: 150px; left: 50%; margin-left:-40px; transform: translateX(-50%); background-color: #fff; color: #758190; font-size: 14px; line-height: 32px; padding: 10px 20px;} 

.header_main .lag_box::after{content: ''; position: absolute; top: -5px; left: 30%; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg);} 

.header_main .lag_box .item{cursor: pointer; padding-right: 25px; width:30px; border-bottom: 1px solid #758190;} 

.header_main .lag_box .item:last-child{border-bottom: none;} 

.header_main .lag_box .item::hover{color: #004bc6;} .header_box .lag_sel_box .lag_box li.on{color: #004bc6;}

.header_main .lag_box.on{top:100px;display:block;}



.modal{display: none; /* 默认隐藏 */ position: fixed; /* 根据浏览器定位 */ z-index:666; /* 放在顶部 */ left: 0; top: 0; width: 100%; /* 全宽 */ height: 100%; /* 全高 */ overflow: auto; /* 允许滚动 */ background-color: rgba(0,0,0,0.4); /* 背景色 */}

/*模态框内容*/

.modal-content{display: flex; /*采用flexbox布局*/ flex-direction: column; /*垂直排列*/ position: relative; background-color: #fefefe; margin: 15% auto; /*距顶部15% 水平居中*/ padding: 20px; padding-top:20px; border: 1px solid #888; width:612px; animation: topDown 0.4s; /*自定义动画，从模态框内容上到下出现*/}

@keyframes topDown{from{top: -300px; opacity: 0} to{top: 0; opacity: 1}}

/*模态框头部*/

.modal-header{display:block; /*采用flexbox布局*/ flex-direction: row; /*水平布局*/ align-items: center; /*内容垂直居中*/ justify-content: space-between; text-align:right;}

/*关闭X 样式*/

.close{float:right;color: #aaa; font-size: 28px; font-weight: bold;transition:all ease 0.36s;display:block;width:32px;height:32px;background:url("../images/closeModal.png") no-repeat center center;}

.close:hover{color: black; text-decoration: none; cursor: pointer;transform: rotate(360deg);transition:all ease 0.36s;}

.modal-body{padding-top:20px; padding-bottom:30px;margin-top:10px;}

.modal-body .stxt{float:left; width:500px; height:48px; border:#CCC solid 1px; padding-left:30px;}

.modal-body .sbtn{width:80px; height:50px; background:url("../images/search_btn.png") no-repeat center center #477de2;border:none; cursor:pointer;}



/*banner*/

#banner_main{position:relative;}

.banner{position: relative;width: 100%;min-width: 1000px;padding:0 0 45.28%;overflow: hidden; }

.banner .list{width: 100%;display:inline-block;}

.banner .list li{width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; background: #fff;}

.banner .list li a{width: 100%; display: block; height: 100%;}

.banner img{width: 100%; height: 100%; display: block; position: relative; left: 0; top: 0;}

.banner .slide_btn{position: absolute;bottom:46px;right:5.2%;height:24px;z-index:120;}

.banner .prev,

.banner .next{float:left;display:block;width: 13px; height: 23px;background:url("../images/prev.png") no-repeat center center; z-index: 12; top: 50%; margin-top: -2px; cursor: pointer; transition: ease-in-out 0.2s; }

.banner .next{background:url("../images/next.png") no-repeat center center;}

.banner .next:hover{right:7.5%;opacity: 1; filter: alpha(opacity=100);background:url("../images/next_h.png") no-repeat center center;}

.banner .prev:hover{left:7.5%;opacity: 1; filter: alpha(opacity=100);background:url("../images/prev_h.png") no-repeat center center;}

.banner .sline{margin:0 40px;float:left;display:block;width:1px;height:22px;background:url("../images/pnLine.png") no-repeat center center;}

.banner .tip{position: absolute; width: 100%; left: 5.2%; bottom: 40px; height: 34px; z-index: 30;}

.banner .tip li{margin: 0 5px; width: 34px; height: 34px; line-height: 10px; text-align: center; cursor: pointer; font-size: 0; font-weight: bold; overflow: hidden; display: inline-block; background:url("../images/tip.png") no-repeat center center; *display: inline; *zoom: 1; transition: ease-in-out 0.2s;}

.banner .tip li.cur{background:url("../images/tip_on.png") no-repeat center center;}

.banner .pbg1{position:absolute;bottom:0;left:0;width:885px;height:225px;/* background:url("../images/banner_bg1.png") no-repeat center center; */z-index:4;background-size:cover;}

.banner .pbg2{position:absolute;bottom:0;right:0;width:1614px;height:330px;/* background:url("../images/banner_bg2.png") no-repeat center center; */z-index:3;background-size:cover;}

.banner .v-txt{position:absolute;width:100%;top:44%;text-align:center;z-index:14;}

.banner .v-txt h3{height:90px;font-size:54px;line-height:90px;margin-bottom:12px;color:#fff;letter-spacing:8px;}

.banner .v-txt h3 .uimg1{display:block;width:596px;height:61px;margin:0 auto;}

.banner .v-txt h3 .uimg2{display:block;width:283px;height:30px;margin:0 auto;margin-top:30px;}

.banner .video-container{background-color:#fff;z-index:1;}

.banner .video-container #video{display:block;min-width:100%;min-height:106%;position:absolute;top:-16%;left:-5%;z-index:12;transform:scale(1.2)}

.banner .opacity{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index:13;}

.banner .online{position:absolute;bottom:30%;left:50%;margin-left:-70px;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-align:center;color:#fff;border:1px solid #fff;z-index:16;transition:all ease 0.36s;border-radius:5px;}

.banner .online:hover{text-indent:6px;color:#fff;border-color:#033c94;background:#033c94;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}



.ui-linebar{height:75px;background-color: #466ec1;opacity: 1;position: absolute;left: 50%;bottom: 0;width: 1px;margin-left: -.5px;z-index:10;}

.ui-linebar .ink{-webkit-animation: k-ink 2s linear -.5s infinite;animation: k-ink 2s linear -.5s infinite;background-color: #fff;position: absolute;left: 0; right: 0;top: 0; bottom: 0;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;}

@-webkit-keyframes k-ink{0%,25%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}

@keyframes k-ink{0%,25%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}







/* 解决方案 */

.index .floor_1_main{position:relative;background:#fff;} 

.index .floor_1{padding-top:0;} 

.index .f1bg{position:absolute;top:0;right:0;width:220px;height:220px;background:url("../images/f1Bg.png") no-repeat bottom left;}

.index .floor_1 .solution{margin-top:40px;}

.index .solist li{position:relative;float:left;width: 10.5%;height:400px;margin-left:1%;transition:all ease 0.36s;}

.index .solist li .box1{position:relative;height:400px;background:url("../images/f1libg.jpg") no-repeat;}

.index .solist li .box1 .sico{padding-top:88px;}

.index .solist li .box1 .sico img{position:absolute;top:88px;bottom:0;left:0;right:0;display:block;margin:0 auto;}

.index .solist li .box1 .stit{padding-top:106px;font-size: 20px;line-height:24px;color:#fff;text-align:center;}

.index .solist li .box1 .simg{position:absolute;bottom:40px;left:50%;margin-left:-20px;display:block;width:40px;height:40px;background-position:0 0;}

.index .solist li:first-child{margin-left:0;}

.index .solist li.on{width:calc(96% - 13.5%*4);transition:all ease 0.36s;}


.index .solist li.on .box1{opacity:0;filter:alpha(opacity=0);}

.index .solist li .img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:1;}

.index .solist li .img img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;height:100%;}

.index .solist li .txt{position:absolute;top:0;left:0;z-index:2;}

.index .solist li .box2 .txt{padding-top:80px;padding-left:50px;height:calc(100% - 80px);}

.index .solist li .box2 .tit{font-size:30px;line-height:30px;color:#fff;}

.index .solist li .box2 .desc{margin-top:30px;width: 450px;font-size:16px;line-height:30px;color:#fff;}

.index .solist li .box2 .detail{position:absolute;bottom:50px;left:50px;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-indent:24px;color:#fff;background:url("../images/f1arr.png") 95px center no-repeat #033c94;}

.index .solist li .box2 .detail span{position:relative;z-index:12;}

.index .solist li .box2 .detail:before,.index .solist li .box2 .detail:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background:url("../images/f1arr.png") 95px center no-repeat #3762dd;z-index:2;transition: .8s;}

.index .solist li .box2 .detail:before{transition: .8s; background:url("../images/f1arr.png") 95px center no-repeat #3762dd;z-index:-1; }         

.index .solist li .box2 .detail:hover:after,.index .solist li .box2 .detail:hover:before{width: 100%;}



.index .solist .online{position:absolute;bottom:50px;left: 350px;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-indent:24px;color:#fff;background:url("../images/f1arr.png") 95px center no-repeat #477de2;z-index:16;transition:all ease 0.36s;}

.index .solist .online:hover{text-indent:28px;color:#fff;background:url("../images/f1arr.png") 98px center no-repeat #033c94;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}











/* 响应1200屏幕 */

@media (max-width: 1366px) {

	.header_main .webLogo{padding-top:26px;}

	.header_main .webLogo img{width:150px;height:50px;}

	.header_main .quick{margin-left:2vw;margin-right:1vw;}

	.header_main .nav_main .item{padding:0 10px;}

	.header_main .nav_main .item a{font-size:18px;}

	.header_main .tel_right{margin-right:1vw;}

	.header_main .webLogo{margin-left:1vw;}

	.index .solist li{height:350px;}

	.index .solist li .box1{height:350px;}

	.index .solist li .box1 .sico{padding-top:58px;}

	.index .solist li .box1 .sico img{top:58px;}

	.header_main .nav .sub-box p a{height:35px!important;font-size:14px;line-height:35px!important;}

	.header_main .nav .sub-box p a:hover{text-indent:0;}

	.index .index_title .subtit{display:none;}

	.index .floor_2 .prolist li{width:31.4%;height:650px;margin-right:30px;}

	

  .index .floor_2 .prolist li:hover{height:650px;}

  .index .floor_2 .prolist li .txtBox{padding:60px 20px 40px;}

  .index .advant{height:418px;}

  .index .advant .hd{height:418px;}

  .index .advant .bd{height:418px;}

  .index .advant .bd li .txt{height:418px;}



  .index .case_box{height:452px;}

  .index .case_box .case_left li{height:216px;}

  .index .case_box .case_left li .img{height:216px;}

  .index .case_box .case_left li .txt .tit{line-height:170px;}

  .index .case_box .case_right{height:452px;margin-left:22px;}

  .index .case_box .case_right li{height:452px;}

  .index .case_box .case_right li .img{height:452px;}



  .index .about_2 li.d1{margin-right:10%;}

  .index .about_2 li.d2{margin-right:6%;}

  .index .about_2 li.d3{margin-right:8%;}

  .index .newslist li .img{width:372px;}

  .index .newslist li img{object-fit: contain;}

  .index .newslist li:first-child img{object-fit:fill;}

  .index .newslist li .txt .tit{font-size:20px;}

  .index .newslist li:first-child .txt .tit{font-size:26px;}



  .index .quick-box li{padding:0 10px 0 10px;}

}



/*响应1440 到 1680屏幕*/

@media (min-width: 1440px) and (max-width: 1680px) {

	.header_main .webLogo{/* padding-top: 20px; */}

	.header_main .webLogo img{/* width:150px; *//* height:50px; */}

	.header_main .quick{margin-left:2vw;margin-right:1vw;}

	.header_main .nav_main .item{padding:0 16px;}

	.header_main .nav_main .item a{font-size:18px;}

	.header_main .tel_right{margin-right:1vw;}

	.header_main .webLogo{margin-left:1vw;}

	.header_main .nav .sub-box p a{height:35px!important;font-size:14px;line-height:35px!important;}

	.header_main .nav .sub-box p a:hover{text-indent:0;}

.header_main .nav_main{margin-left:1vw;}

}