html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none; cursor: pointer;}

a:hover,a:focus{text-decoration: none;color: inherit;}
input,textarea{backface-visibility: hidden;}
textarea{resize: none;}
input,img,fieldset {border: 0 none;outline-style: none;vertical-align:bottom;}
ul,li {list-style: none;margin: 0px;padding: 0px;}
h1,h2,h3,h4,h5,h6,b,strong,i {font-weight: normal;font-size: 12px;font-style: normal;margin: 0px; }
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: '';height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.clearfix{zoom: 1;}
.pos_rel{position: relative;}
.pos_abs{position: absolute;}
.clear{clear:both;}
.row_one{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

body{background-color: #fff;}
.w{width: 1200px;margin: 0px auto;height: inherit;}


body{font-size: 14px; box-sizing: border-box; font-family: "Arial"; overflow-x: hidden; background:#FFF !important; color: #000 !important;}
html{overflow-x:hidden;}
html,body{min-width: 1200px !important;}
li{list-style: none;}
.clear{clear: both;}
img{max-width: 100%;}
.BMap_shadow img{max-width: none;}
*{box-sizing: border-box;}
.page{margin: 40px 0 0 0; width: 1200px;}
#prev_next{margin: 30px 0 0 0;}
#prev_next li{height: 40px; line-height: 40px; font-size: 16px; border-bottom: 1px dashed #aaa; width: 600px; color: #333;}
.pagespan1{display: inline-block; width: 24px; height: 24px; background: url("../Image/pagespan1.png") center center no-repeat; background-size: contain;
margin: 8px 20px 8px 0; float: left;}
.pagespan2{display: inline-block; width: 24px; height: 24px; background: url("../Image/pagespan2.png") center center no-repeat; background-size: contain;
margin: 8px 0 8px 20px; float: right;}
#prev_next li.next{text-align: right;}
#prev_next li.prev:hover .pagespan1{animation: myfirst 1.5s infinite ease-in-out;}
@keyframes myfirst
{
0% {margin-left: 0;}
50% {margin-left: 15px;}
100% {margin-left: 0;}
}

#prev_next li.next:hover .pagespan2{animation: myfirst1 1.5s infinite ease;}
@keyframes myfirst1
{
0% {margin-right: 0;}
50% {margin-right: 15px;}
100% {margin-right: 0;}
}


#bsWXBox{box-sizing: content-box;}


.page {font-size:14px;color: #646464;text-align:center; height: 30px;}
.page a{margin:0px 2px;padding:3px 8px;font-size: 14px;color: #646464;border:1px solid rgb(220,220,220);}
.page span {margin:0px 2px;padding:3px 8px;font-size: 14px;color:#fff;background:#1b53b6;border:#1b53b6 solid 1px;}
.page a:hover{background:#1b53b6 ;border: #1b53b6 solid 1px;color: #fff;}
#page_num{height: 24px;}


.icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #515151;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.header{height: auto; overflow: hidden;}
.banner{height: 530px; overflow: hidden;}

/*头部*/
.top{width: 100%; min-width: 1200px !important; height: auto;}
.top2{width: 100%; min-width: 1200px !important; height: 140px;
     background: url("../Image/top2-bg.jpg") center center no-repeat;
     /* background-color: #e3e4e9; */
    }
.top2-main{width: 1200px; min-width: 1200px !important; height: 140px; margin: 0 auto;}
.top2-1{width: 170px; height: 70px; margin: 15px 0; text-align: center; line-height: 70px; font-size: 0;}
.top2-1 img{vertical-align: middle;width: 160px;}
.top2-3{width: 420px; height: 70px; margin: 35px 0; text-align: center;}
.top2-3-1{margin-left: 20px; height: 45px; line-height: 45px; font-size: 30px; font-weight: bold; position: relative;}
.top2-3-2{width: 420px; height: 25px; line-height: 25px; font-size: 15px; padding-left: 10px;}
.donghua-span{color: #2655cb; display: inline-block;}
.dh-main{position: absolute; width: 14px; height: 45px; animation:dh1 4s infinite ease-in-out; -webkit-animation:dh1 4s infinite ease-in-out;}
.dh1{left: 30px; top: 0;}
.dh2{left: 45px; top: 0; animation-delay:0.2s;}
.dh3{left: 55px; top: 0; animation-delay:0.4s;}
.dh4{left: 70px; top: 0; animation-delay:0.6s;}
.dh5{left: 88px; top: 0; animation-delay:0.8s;}
.dh6{left: 110px; top: 0; animation-delay:1s;}
.dh7{left: 127px; top: 0; animation-delay:1.2s;}
.dh8{left: 142px; top: 0; animation-delay:1.4s;}
.dh9{left: 160px; top: 0; animation-delay:1.6s;}
.dh10{left: 180px; top: 0; animation-delay:1.8s;}
.dh11{left: 190px; top: 0; animation-delay:2.0s;}
.dh12{left: 200px; top: 0; animation-delay:2.2s;}
.dh13{left: 220px; top: 0; animation-delay:2.4s;}
.dh14{left: 240px; top: 0; animation-delay:2.6s;}
.dh15{left: 253px; top: 0; animation-delay:2.8s;}
.dh16{left: 265px; top: 0; animation-delay:3.0s;}
.dh17{left: 285px; top: 0; animation-delay:3.2s;}
.dh18{left: 295px; top: 0; animation-delay:3.4s;}
.dh19{left: 310px; top: 0; animation-delay:3.6s;}
.dh20{left: 328px; top: 0; animation-delay:3.8s;}
@keyframes dh1
{
0% {top:0; }
15% { top: -15px;}
30% { top: 0;}
100% { top: 0;}
}
.top2-2{width: 265px; height: 60px; margin: 40px 0;}
.top2-2-1{width: 50px; height: 50px; background: url("../Image/top-tel.png") center center no-repeat; background-size: contain; margin: 5px 10px 5px 0;}
.top2-2-2{width: 205px; height: 25px; line-height: 25px; font-size: 17px; font-weight: bold;}
.top2-2-3{height: 35px; line-height: 35px; font-size: 24px; font-weight: bold; color: #2655cb;
background-image: -webkit-linear-gradient(left, #e3e4e9 0%, #2655cb 5%, #2655cb 20%, #2655cb 60%, #2655cb 95%, #e3e4e9 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 400% 100%;
-webkit-animation: masked-animation 3s infinite linear;} 
@-webkit-keyframes masked-animation {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: -100% 0;
    }
}
.menu2{height: auto; overflow: hidden; position: absolute; right: 0; top: 50px; z-index: 9999;}
.menu2-1{float: left;  width: 100%; height: 47px; line-height: 45px; background: white; color: #333; border-top: 2px solid #ddd;
text-align: center; font-size: 15px; opacity: 0; transition: all 0.3s ease-in-out; position: relative; z-index: 1; overflow: hidden; transition: all .3s;
padding: 0 15px; text-overflow: ellipsis; white-space: nowrap;}
.menu2-1 p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.menu2-1:nth-child(2n){margin-left: -171px;}
.menu2-1:nth-child(2n+1){margin-left: 342px;}
.menu2-1.on{opacity: 1; margin-left: 0;}
.menu2-1::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 500%;
height: 1000%;
background: #666;
z-index: -1;
transform-origin: 0% 0%;
transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
transform: translateY(10%) translateX(16%) rotate(-45deg);
transition: transform .3s;
}
.menu2-1:hover::after{
    transform: translateY(10%) translateX(-15px) rotate(-45deg);
}
.menu2-1:hover{color: white;}





.top3.on{position: fixed; top: 0; left: 0;}
.top3.on .top3-1{background: rgb(230,230,230);}
.top3{width: 100%; min-width: 1200px !important; height: 50px; position: relative; z-index: 9999;}
.top3-1{width: 100%; min-width: 1200px !important; height: 50px; position: absolute; left: 0; top: 0; z-index: 10;}
.top3-2{width: 100%; min-width: 1200px !important; height: 50px; position: absolute; left: 0; top: 0; z-index: 9;}
.top3-main{width: 1450px; min-width: 1200px !important; height: 50px; margin: 0 auto;}
.top3 li{height: 50px; float: left; position: relative; overflow: hidden;}
.top3 li.on{overflow: visible;}
.top3 li .menu1{height: 50px; padding: 10px 10px; overflow: hidden; position: relative;}
.top3 li .nav1{width: 20px; height: 20px; float: left; padding: 6px 1px;}
.top3 li .nav8{height: 30px; font-size: 13px; padding-left: 5px; color: #515151; line-height: 30px; float: left; transition: all 0.5s ease-in-out;}
.top3 li .menu1:hover .nav8{color: white;}
.top3 li .menu1:hover .nav1 .icon{fill: white;}
.search{width: 1200px; min-width: 1200px !important; height: 65px; margin: 0 auto; padding: 15px 0;}
.search1-1{font-size: 16px; color: #333; line-height: 35px; width: 105px;}
.search1-2 li{font-size: 13px; float: left; width: auto; padding: 0 10px; line-height: 35px; color: #666;}
.search2{width: 250px; height: 35px; border: none; background: #dcdcdc; overflow: hidden; border-radius: 15px; padding: 5px 10px;}
.search-text{width: 200px; height: 25px; line-height: 25px; border: none; background: #dcdcdc; float: left; outline: none; padding: 0 10px; color: #aaa;}
.search-btn{width: 25px; height: 25px; background-size: contain; background-image: url("../Image/search.png"); float: left; border: none; padding: 0; outline: none;
cursor: pointer; background-color: #dcdcdc;}





.pro .top{width:100%;height: 130px;background-color: #2655cb;color: #fff;}
.pro .top h2{font-size: 34px;font-weight: 700;text-align: center;padding-top: 50px;}
.pro .top p{font-size: 15px;text-align: center;height: 60px;line-height: 20px;margin-top: 20px;}
/* .pro .top .icon_pro{display: block;width:43px;height: 21px;background: url('../Image/img.png') no-repeat 0 -32px;margin: 36px auto 0;} */


.pro .bottom{margin-top: 40px;}
.pro .bottom li{float: left;width: 300px;padding: 10px;transition: all .2s linear;}
/* .pro .bottom li:nth-child(2){margin: 0 60px;} */
.pro .bottom li .title{height: 260px;background-size: cover !important; border: 1px solid #ccc;overflow: hidden;}
/* .pro .bottom li .title span{width: 320px;margin: 200px 9px 0;text-align: center;background-color: #2655cb;color: #fff;padding: 10px 0;} */
.pro .bottom li .title div{display: flex;flex-direction: column;justify-content: center;width: 250px;height: 220px;margin: 20px 14px;background-color: rgba(255,255,255,0.5);color: #2655cb;text-shadow: 1px 1px 4px #999;font-size: 20px;line-height: 32px;box-shadow: 1px 1px 2px #999;font-weight: 700;}
.pro .bottom li .title div span{text-align: center;}
.pro .bottom li .title h5{font-size: 15px;color: #888;}
.pro .bottom .con{font-size: 13px;color: #242424;}
.pro .bottom .con h3{font-size: 16px;font-weight: 700;color: #2655cb;margin: 10px 0;height: 22px;line-height: 22px;}

index_product_show_con_bg{width:1200px;height:auto;border-top:0px;}
.index_product_show_con{width:100%;height:auto;overflow:hidden;}
.index_product_show_con_info{width:100;height:229px;background:url(../Image/b10.png) repeat-x 0 2px;}
.hjnavC{width:100%;height:auto; overflow:hidden;margin:auto;display:block;}
.product_r{ width:873px; }
#gundong{width:100%;overflow:hidden;height:auto;border:none; margin:0px auto; }
#indemo{float: left;width: 800%;}
#gundong1,#gundong2{height:auto;float:left;display:inline-table;}
#gundong1{float: left;height:auto;}
#gundong2{float: left;}
.hjnavleft {width: auto;height: 237px;z-index:100;margin:auto; margin-top:20px; }
.hjnavleft li {width:251px;height:237px;margin:0 10px;float:left;padding: 5px;background-color:#f5f5f5;}
.hjnavleft li div img{width:100%;height:180px; }
.hjnavleft li p{ text-align:center;; height:55px; line-height:55px;}
.hjnavleft li:hover{background-color:#2655cb;}
.hjnavleft2 {width: auto;height: 237px;z-index:100;margin:auto; margin-top:20px;}
.hjnavleft2 li {width:251px;height:237px;margin:0 10px;float:left;padding: 5px;background-color:#f5f5f5;}
.hjnavleft2 li div img{width:100%;height:180px;}
.hjnavleft2 li p{text-align:center;  height:55px; line-height:55px;}
.hjnavleft2 li:hover{background-color:#2655cb;}
.pro .bottom .more{text-align:center;} 
.pro .bottom .more a{display: inline-block;width: 250px;height: 50px;line-height: 50px;color: #fff;border-radius: 25px;background-color: #2655cb;font-size: 14px;font-weight: 700;margin: 30px 0 60px;letter-spacing: 0px;transition: all 500ms;} 
.pro .bottom .more a:hover{letter-spacing: 6px;}

.company{background: url('../Image/company_bg.png') no-repeat center center;background-attachment: fixed;width: 100%;height: 519px;margin-top: 80px;}
.company .w{text-align: center;}
.company h2{font-size: 34px;font-weight: 700;height: 145px;line-height: 170px;}
.company a div{background-color: rgba(255,255,255,.5);height:300px;padding: 30px;box-shadow: 1px 1px 6px #333;}
.company a div img{float: left;width: 30%;padding-left: 20px;}
.company p{width:65%;float: right;padding-right: 20px;text-align: left;font-size: 18px;line-height: 36px;}
.company:hover h2{text-shadow: 2px 2px 4px #eee;}
.company:hover p{text-shadow: 2px 2px 4px #eee;}

.news{margin-top: 40px;margin-bottom: 40px;}
.news .top{text-align: center;}
.news .top h2{font-size: 34px;font-weight: 700;color: #3d3d3d;height: 70px;line-height: 70px;}
.news .top p{font-size: 15px;color: #3d3d3d;height: 40px;line-height: 20px;}
.news .mid{margin-top: 40px;}
/*.news .mid li{float: left;width: 360px;padding: 10px;transition: all .5s;}*/
.news .mid li{width: 190px;height: 190px;margin: 5px;padding: 10px;transition: all .5s;}
.news .mid li img{box-shadow: 1px 1px 4px #aaa;}
.news .mid li:hover{transform: scale(1.1);}
/*.news .mid li:nth-child(2){margin: 0 60px;}*/
.news .mid li .title{height: 200px;background-size: cover !important; border: 1px solid #ccc;}
.news .mid li .title span{display: block;width: 65px;margin: 0 10px;text-align: center;background-color: #2655cb;color: #fff;padding: 10px 0;box-shadow: 1px 1px 2px #999;}
.news .mid li .title h5{font-size: 15px;color: #888;}
.news .mid .con{font-size: 13px;color: #242424;}
.news .mid .con h3{font-size: 16px;font-weight: 700;color: #2655cb;margin: 10px 0;height: 22px;line-height: 22px;}

.honor{background-color: #2655cb;height: 300px;}
.honor .w{text-align: center;}
.honor h2{font-size: 34px;font-weight: 700;color: #fff;height: 100px;line-height: 100px;}
.honor .con ul{display: inline-block;}
.honor .con li{float: left;width: 170px;height: 130px;background-color: #e3e3e3;margin: 0 15px;}

.hon_info{cursor: pointer; position: relative;float: left;box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);}
.hon_info div{width: 170px;height: 130px;border: 1px solid rgb(231,231,231); display: block;margin:auto;background-color: rgb(235,235,235);}
.hon_info div img{max-width: 170px;max-height: 130px;}











/* 底部 */
.footer{width: 100%; min-width: 1200px !important; height: 340px; background: #333;}
.footer-main{width: 1200px; min-width: 1200px !important; height: 290px; padding: 35px 0 0 0; margin: 0 auto;}
.footer1{width: 660px; height: 255px; padding: 0 20px;}
.footer1-title{font-size: 22px; font-weight: bold; color: white; width: 290px;}
.footer1-main{margin: 10px 0 0 0;}
.footer1-main li{width: 275px; height: 40px;line-height: 40px; padding-left: 10px; margin: 8px 35px 0 0; float: left; font-size: 15px;
color: #d1d1d1; border-bottom: 1px solid #aaa;}
.footer2{margin-left: 40px; height: 255px; width: 400px;}
.footer2-main{margin: 10px 0 0 0; line-height: 26px; font-size: 15px; color: white; width: 400px;}
.footer3{width: 200px; height: 255px;}
.footer3-main{margin: 20px 0 0 0; height: 140px; width: 140px; border: 5px solid white; border-radius: 5px;}
.footer-beian{width: 100%; min-width: 1200px !important; height: 50px; border-top: 1px solid #aaa; line-height: 49px;
background: #333;}
.footer-beian-main{width: 1200px; min-width: 1200px !important; height: 49px; margin: 0 auto; font-size: 15px;
color: #d1d1d1;}


/*内页*/


/*侧边*/
.side{width: 260px; height: auto; overflow: hidden;}
.side1{width: 260px; height: 100px; background: #0a265e; padding: 15px 40px; color: white;}
.side1-1{width: 180px; height: 30px; line-height: 30px; font-size: 24px;}
.side1-2{width: 60px; height: 2px; background: white; margin: 4px 0;}
.side1-3{width: 180px; height: 30px; line-height: 30px; font-size: 24px;}
.side2{width: 260px; height: auto; overflow: hidden; background: #dedede; padding: 10px 0 20px 0;}
.side2 li{width: 260px; height: 40px; margin: 10px 0 0 0; font-size: 15px; position: relative; font-size: 16px;}
.side2 li .side2-1{width: 260px; height: 40px; position: absolute; left: 0; top: 0; z-index: 10;
transition: all 0.5s ease-in-out; padding: 0 30px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side2 li .side2-2{width: 260px; height: 40px; background: #0a265e; position: absolute; top: 0; left: -260px;
transition: all 0.5s ease-in-out; z-index: 9;}
.side2 li:hover .side2-1{color: white;}
.side2 li:hover .side2-2{left: 0;}
.side3{margin: 30px 0 0 0;}
.side4{line-height: 30px; font-size: 15px; padding: 10px 5px; background: white;}
.side4 p{border-bottom: 1px dashed #888; height: auto; padding:10px 5px;}
.side-span1{display: inline-block; width: 25px; height: 25px; background: url("../Image/linkman.png") center center no-repeat;
float: left; margin:2.5px 10px 2.5px 0; background-size: contain;}
.side-span2{background: url("../Image/tel.png") center center no-repeat; background-size: contain;}
.side-span3{background: url("../Image/guhua.png") center center no-repeat; background-size: contain;}
.side-span4{background: url("../Image/email.png") center center no-repeat; background-size: contain;}
.side-span5{background: url("../Image/address.png") center center no-repeat; background-size: contain;}



/*内页公共*/
.main{width: 100%; min-width: 1200px !important; height: auto; overflow: hidden;}
.com-top{width: 100%; min-width: 1200px !important; height: auto; overflow: hidden; border-top: 1px solid #2755cc; padding-top: 5px;}
.com-line{width: 100%; min-width: 1200px !important; background: url("../Image/line1.png") center top repeat-x; height: 20px;}
.com-top-main{width: 1200px; min-width: 1200px !important; height: 60px; margin: 0 auto;}
.com-point{width: 25px; height: 25px; border-radius: 4px; margin: 17.5px 10px 17.5px 0; background: #2755cc;
background: url("../Image/home.png") center center no-repeat; background-size: contain;}
.catname{font-size: 26px; color: #333; font-weight: bold;}
.location{font-size: 16px; height: 30px; margin: 15px 0; line-height: 30px;}
.com-type li{padding: 0 15px; height: 40px; line-height: 40px; margin: 15px 0 0 10px; text-align: center; font-size: 12px; color: white; background: #2755cc; position: relative; overflow: hidden;
z-index: 1; box-shadow: 0px 5px 0px 0px #1d3d8d; cursor: pointer; float: left; text-overflow: ellipsis; white-space: nowrap;}
.com-type li::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 500%;
height: 1000%;
background: #1d3d8d;
z-index: -1;
transform-origin: 0% 0%;
transform: translateY(10%) translateX(16%) rotate(-45deg);
transition: transform .3s;
}
.com-type li:hover::after{
    transform: translateY(10%) translateX(-15px) rotate(-45deg);
}
.com-type li:hover{
    box-shadow: 0px 5px 0px 0px #2755cc;
}
.com-type li:active{transform: translate(0px, 5px);-webkit-transform: translate(0px, 5px);box-shadow: 0px 1px 0px 0px;}
.com1{width: 1200px; min-width: 1200px !important; height: auto; overflow: hidden; margin: 0 auto; padding: 60px 0 0 0;}
/* .com1-main{margin: 30px 0 0 0;} */
.com1-main1{width: 490px; height: 417px; background: url("../Image/about1.jpg") center center no-repeat}
.com1-main2{height: auto; overflow: hidden; line-height: 30px; font-size: 15px;}
.com2{width: 1200px; min-width: 1200px !important; height: auto; overflow: hidden; margin: 0 auto; padding: 60px 0 0 0;}
#e-main{width: 1200px; height:600px; margin: 30px 0 0 0; min-width: 1200px !important;}
.com3{width: 100%; min-width: 1200px !important; height: 1600px; overflow: hidden; margin: 0 auto; padding: 60px 0 160px 0;}

.pro-index{width: 1200px; min-width: 1200px !important; margin: 0 auto; padding: 10px 0 40px 0; height: auto; overflow: hidden; min-height: 300px;}
.pro-index li{width: 280px; height: auto; margin: 35px 10px 0 10px; float: left; overflow: hidden;}
.pro-index li .pic{width: 280px; height: 224px; border: 1px solid #888; overflow: hidden; position: relative;}
.pro-index li .pic img{width: 100%; height: 100%; object-fit: cover;}
.pro-index li .title{width: 280px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; background: #2755cc; color: white; position: relative; z-index: 1; overflow: hidden;}
.pro-index1{position: absolute; width: 100%; height: 50px; line-height: 50px; text-align: center; color: white; left: 0; top: 50%; transform: translateY(-50%); z-index: 999;
font-size: 26px; opacity: 0; transition: 300ms ease-in-out;-webkit-transition: 300ms ease-in-out;}
.pro-index2{border: 1px solid rgba(255, 255, 255, 0.4); position: absolute; top: 0;display: block;left: 0;bottom: 0;margin: auto;right: 0; transition: 300ms ease-in-out;-webkit-transition: 300ms ease-in-out;
opacity: 0.4; width: 90%; height: 90%; transform: rotateZ(15deg); z-index: 8;}
.pro-index3{border: 1px solid rgba(255, 255, 255, 0.4); position: absolute; top: 0;display: block;left: 0;bottom: 0;margin: auto;right: 0; transition: 300ms ease-in-out;-webkit-transition: 300ms ease-in-out;
opacity: 0.4; width: 90%; height: 90%; transform: rotateZ(-15deg); z-index: 8;}
.pro-index-bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; z-index: 7;
background:-webkit-linear-gradient(left, rgba(39, 85, 204, 0.5), rgba(9, 106, 214, 0.5), rgba(39, 85, 204, 0.5));
background: -o-linear-gradient(right, rgba(39, 85, 204, 0.5), rgba(9, 106, 214, 0.5), rgba(39, 85, 204, 0.5)); 
background: -moz-linear-gradient(right, rgba(39, 85, 204, 0.5), rgba(9, 106, 214, 0.5), rgba(39, 85, 204, 0.5));
background: linear-gradient(to right, rgba(39, 85, 204, 0.5), rgba(9, 106, 214, 0.5), rgba(39, 85, 204, 0.5));}
.pro-index li:hover .pro-index2{opacity: 1; transform: rotateZ(0deg);}
.pro-index li:hover .pro-index3{opacity: 1; transform: rotateZ(0deg); width: 84%; height: 80%;}
.pro-index li:hover .pro-index-bg{opacity: 1;}
.pro-index li:hover .pro-index1{opacity: 1;}
.pro-index li .title::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 500%;
height: 1000%;
background: #1d3d8d;
z-index: -1;
transform-origin: 0% 0%;
transform: translateY(10%) translateX(17%) rotate(-45deg);
transition: transform .3s;
}
.pro-index li:hover .title::after{
    transform: translateY(10%) translateX(-15px) rotate(-45deg);
}
.pro-index li:hover .title{
    box-shadow: 0px 5px 0px 0px #2755cc;
}

.pro-main1 .des-main{width: 320px; height: 35px; margin: 15px 0 0 0;}
.pro-main1 .des1{width: 25px; height: 25px; margin:5px 15px 5px 0; background:  url("../Image/gou.png") center center no-repeat; background-size: contain;}
.pro-main1 .des2{width: auto; height: 35px; line-height: 35px; font-size: 14px; color: #333;}

.pro-info{width: 1200px; min-width: 1200px !important; height: auto; overflow: hidden; padding: 40px 0; margin: 0 auto;}
.pro-info1{width: 1200px; height: 400px;}
.pro-info1-1{width: 500px; height: 400px; border: 1px solid #888;overflow: hidden;}
.pro-info1-2{width: 650px; height: 400px; overflow: hidden;}
.pro-info1-2-1{height: 50px; width: 650px; border-bottom: 1px dashed #aaa; color: #2755cc; font-size: 28px; line-height: 49px; font-weight: bold; margin: 10px 0 0 0;}
.pro-info1-2-2{width: 650px; height: 180px; overflow: hidden;}
.pro-info1-2-2 .pro-main1{width: 650px;}
.pro-info1-2-3{width: 650px; height: 50px; line-height: 50px; font-size: 40px; color: #2755cc; padding-left: 5px; font-style: italic; font-weight: bold;
background-image: -webkit-linear-gradient(left, #fff 0%, #2755cc 5%, #2755cc 20%, #2755cc 60%, #2755cc 95%, #fff 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 400% 100%;
-webkit-animation: masked-animation 3s infinite linear;} 
@-webkit-keyframes masked-animation {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -100% 0;
    }
}
.pro-info1-2-4{margin: 30px 0 0 0;}
.pro-info3{margin: 30px 0 0 0; width: 1200px; height: 40px; background: #ebecf1;}
.pro-info3-1{width: 151px; height: 40px; background: url("../Image/pro3-1-bg.png") center center no-repeat; color: white; font-size: 20px; line-height: 39px; padding-left: 25px;
font-weight: bold;}
.dg{width: 1200px; min-width: 1200px !important; height: auto; overflow: hidden; padding:10px 0 20px 0;}
.dg li.dg-main1{width: 570px; height: 45px; margin: 25px 15px 0 15px; float: left; position: relative; line-height: 43px;}
.dg1{border: none; padding: 0 60px 0 10px; height: 43px; border: 1px solid #666; width: 570px; outline:none;}
.dg li.on .dg1{border-color: #2755cc;}
.dg-tb{width: 50px; height: 27px; background: url("../Image/linkman.png") center center no-repeat; background-size: contain !important; position: absolute; right: 0; top: 9px;}
.dg-line{width: 1px; height: 25px; background: #666; position: absolute; top: 10px; right: 50px;}
.dg-tb2{background: url("../Image/tel.png") center center no-repeat;}
.dg-tb3{background: url("../Image/email.png") center center no-repeat;}
.dg-tb4{background: url("../Image/address.png") center center no-repeat;}
.dg li.dg-main2{width: 1170px; height: auto; margin: 25px 15px 0 15px; float: left; position: relative; line-height: 35px; overflow: hidden;}
.dg li.dg-main2 .dg1{width: 1170px; height: 150px; padding: 10px 60px 10px 10px;}
.dg-tb5{background: url("../Image/message.png") center center no-repeat;}
.dg li.dg-main3{width: 300px; height: 45px; margin: 25px 15px 0 15px; float: left; position: relative;}
.dg li.dg-main3 .dg1{width: 300px; height: 45px; padding: 0 60px 0 10px;}
.dg-tb6{background: url("../Image/erweima.png") center center no-repeat;}
.dg-main4{width: 90px; height: 45px; float: left; margin: 25px 0 0 0;}
.dg-main4 img{width: 100%; height: 100%;}
.dg-main5{width: 120px; height: 45px; margin: 25px 0 0 20px; float: left;}
.dg-main5 button{width: 100%; height: 100%; font-size: 16px; background: #2755cc; color: white; border: none; position: relative; z-index: 1; overflow: hidden;
cursor: pointer; outline: none;}
.dg-main5 button::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 500%;
height: 1000%;
background: #1d3d8d;
z-index: -1;
transform-origin: 0% 0%;
transform: translateY(10%) translateX(16%) rotate(-45deg);
transition: transform .3s;
}
.dg-main5 button:hover::after{
    transform: translateY(10%) translateX(-15px) rotate(-45deg);
}
.prolist li{width: 280px; height: auto; overflow: hidden; margin: 25px 10px 0 10px; float: left; overflow: hidden; }
.prolist li .pic{border: 1px solid #aaa; width: 280px; height: 220px; overflow: hidden;}
.prolist li .pic{width: 100%; height: 100%; object-fit: cover;}
.prolist li .title{width: 280px; height: 40px; background: #2755cc; color: white; text-align: center; font-size: 15px; line-height: 40px;}
.news-index{width: 1200px; min-width: 1200px !important; height: auto; overflow: hidden; margin: 0 auto; padding: 20px 0 40px 0;}
.news-index li:nth-child(2n-1) .pic{float: left;}
.news-index li:nth-child(2n-1) .news-index1{float: right;}
.news-index li:nth-child(2n) .pic{float: right;}
.news-index li:nth-child(2n) .news-index1{float: left;}
.news-index li{width: 1200px; height: 250px; float: left; background: #e3e4e9; margin: 20px 0 0 0;}
.news-index li .pic{width: 380px; height: 250px; overflow: hidden;}
.news-index1{width: 820px; height: 250px; padding: 20px 30px; position: relative;}
.news-index1 .title{width: 760px; height: 40px; line-height: 40px; font-size: 20px; color: #333; font-weight: bold;  transition: all 0.5s ease-in-out;}
.news-index1 .time{height: 30px; line-height: 30px; color: #555;  transition: all 0.5s ease-in-out;}
.news-index1 .content{margin: 5px 0 0 0; line-height: 30px; font-size: 16px; color: #666; height: 120px; overflow: hidden;  transition: all 0.5s ease-in-out;}
.news-index li:nth-child(2n-1) .news-index1-bg{position: absolute; width: 0; height: 100%; background: #345ecb; transition: all 0.5s ease-in-out; right: 0; top: 0; z-index: -1;}
.news-index li:nth-child(2n) .news-index1-bg{position: absolute; width: 0; height: 100%; background: #345ecb; transition: all 0.5s ease-in-out; left: 0; top: 0; z-index: -1;}
.news-index li:hover .news-index1-bg{width: 820px;}
.news-index li:hover .title{color: white;}
.news-index li:hover .time{color: white;}
.news-index li:hover .content{color: white;}
.news-info{width: 1200px; min-width: 1200px !important; height: auto; margin: 0 auto; padding:30px 0 40px 0; overflow: hidden;}
.news-info1{width: 800px; height: 40px; line-height: 40px; font-weight: bold; font-size: 22px; text-align: center; margin: 0 auto;}
.news-info3{width: 800px; margin: 10px auto 0;}
.news-info4{width: 800px; line-height: 35px; font-size: 15px; margin: 10px auto 0;}

.contact-index{margin: 0 auto; width: 1200px; height: auto; overflow: hidden; min-width: 1200px !important; padding: 30px 0 40px 0;}
.contact-index1{width: 550px; height: 410px;padding: 0px 30px;}
.contact-index1-1{height: auto; line-height: 40px; font-size: 24px; font-weight: bold; width: 490px;}
.contact-index1-1-2{font-size: 16px; color: #666; height: 30px; line-height: 30px; text-transform: uppercase; font-weight: normal;}
.contact-index1-1-3{font-size: 24px;}
.contact-index1-1 span{color: #2755cc;}
.contact-index1-2{font-size: 16px; line-height: 30px; margin: 15px 0 0 0;}
.contact-index2{width: 650px;padding-left: 30px;}
.message-index{margin: 0 auto; width: 1200px; height: auto; overflow: hidden; min-width: 1200px !important; padding: 30px 0 40px 0;}
.message-title{line-height: 30px; font-size: 16px; padding: 0 20px;}

.case-index li .pic{width: 280px; height: 210px;}
.search-res{height: 60px; line-height: 60px; font-size: 16px;}
.search-keyword{font-weight: bold; font-size: 24px; color: #2755cc;}

.guodu{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999999; animation: gd4 0.01s forwards; animation-delay: 2s; -webkit-animation-delay:2s;}
.guodu-top{width: 100%; height: 50%; position: absolute; left: 0; top: 0; background: white; opacity: 1; overflow: hidden;
animation: gd3 0.5s forwards; animation-delay: 1.5s; -webkit-animation-delay: 1.5s;}
.guodu-bottom{width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background: white; opacity: 1; overflow: hidden;
animation: gd3 0.5s forwards; animation-delay: 1.5s; -webkit-animation-delay: 1.5s;}

.guodu1{width: 30%; height: 14px; position: absolute; left: 35%; bottom: 0; background: #2c97f7; border-bottom: none; border-radius: 14px; overflow: hidden;
animation: gd2 0.5s forwards; animation-delay:1s; -webkit-animation-delay:1s; transform: translateY(50%);}
.guodu2{width: 30%; height: 14px; position: absolute; left: 35%; top: 0; background: #2c97f7; border-top: none; border-radius: 14px; overflow: hidden;
animation: gd2 0.5s forwards; animation-delay:1s; -webkit-animation-delay:1s; transform: translateY(-50%);}

.guodu-loading{position: absolute; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #333; left: 0; top: 20px; font-size: 18px;
animation: gd5 0.5s forwards; animation-delay:1.5s; -webkit-animation-delay:1.5s;}

.guodu1-1{width: 0; height: 10px; position: absolute; left: 0.5%; top: 2px; animation: gd1 1s forwards; border-radius: 10px; overflow: hidden;
background: #2755cc;}
.guodu2-1{width: 0; height: 10px; position: absolute; left: 0.5%; bottom: 2px; animation: gd1 1s forwards; border-radius: 10px; overflow: hidden;
background: #2755cc;}
@keyframes gd1 {
0% {width: 0;}
99% {width: 99%;}
100% {width: 100%;}
}
@keyframes gd2 {
0% {width: 40%; left: 30%}
100% {width: 100%; left: 0;}
}
@keyframes gd3 {
0% {height: 50%; opacity: 1;}
100% {height: 0; opacity: 1;}
}
@keyframes gd4 {
0% {width: 100%; height: 100%;}
100% {width: 0; height: 0;}
}

@keyframes gd5 {
0% {opacity: 1;}
100% {opacity: 0;}
}
    


.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}

.photo{width: 100%; height: 100%; background: rgb(0,0,0,0.5); position: fixed; top: 0; left: 0; display: none;}
.photo-main{width: 800px; height: 600px; border: 8px solid white; border-radius: 8px; position: absolute; left: 50%; top: 50%;
transform: translate(-50%,-50%);}
.photo-main img{width: 100%; height: 100%;}
.photo-prev{width: 50px; height: 40px; position: absolute; left: -90px; top: 280px; background: url("../Image/photo-prev.png") center center no-repeat; background-size: contain;
cursor: pointer;}
.photo-next{width: 50px; height: 40px; position: absolute; right: -90px; top: 280px; background: url("../Image/photo-next.png") center center no-repeat; background-size: contain;
cursor: pointer;}
.photo-close{width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; background: url("../Image/photo-close.png") center center no-repeat; background-size: contain;
cursor: pointer;}