@charset "utf-8";
/*公共*/
*{word-wrap:break-word;/*自动换行*/}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;/*vertical-align:middle;*/outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
/*h1,h2,h3,h4,h5,h6{font-size:100%}*/
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none;text-decoration: none;}
a:hover,a:active{outline:none}:focus{outline:none;text-decoration: none;}
a:active {text-decoration: none;} /*选定的链接 */
a:visited{text-decoration: none;}
.bg-white{background-color:#ffffff;}
.hide{display: none;}

/*去掉点击后出现边框的bug*/
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}

/*屏蔽chrome浏览器默认添加的黄色背景样式*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

.left{float: left;}.right{float: right;overflow: hidden;}

/*空元素站位*/
.null10{height:10px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}
.null15{height:15px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}
.null20{height:20px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}
.null25{height:25px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}
.null30{height:30px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}
.null40{height:40px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}
.null50{height:50px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}
.null60{height:60px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}
.null70{height:70px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}
.null80{height:80px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}
.null100{height:100px;width:100%;display: block;font-size: 1px;margin: 0 auto;clear: both;}

.star{padding: 0 5px;color: red;}

/*外边距*/
.margin-c{margin:0 auto;}
.mlr5{margin:0px 5px;}.mlr10{margin:0px 10px;} .mlr15{margin:0px 15px;} .mlr20{margin:0px 20px;}
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-2{margin-right:2px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}

/*内填充*/
.plr0{padding-left:1px;padding-right:1px;} /*去掉左右padding:0 15px像素*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}.pd-40{padding:40px}
.plr10{padding:0px 10px;}

/*去掉圆角*/
.radius0{ border-radius:0px!important;}
/*清除浮动*/
.clear{clear: both;}

/*css3阴影*/
.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2);}/*文字阴影*/

/*3.1.13 文字尺寸*/
.f-10{font-size:10px}.f-12{font-size:12px}.f-13{font-size:13px}.f-14{font-size:14px}.f-15{font-size:15px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-24{font-size:24px}.f-26{font-size:26px}.f-28{font-size:28px}.f-30{font-size:30px}

/*文字行距*/
.l-16{line-height:16px}.l-18{line-height:18px}.l-20{line-height:20px}.l-22{line-height:22px}.l-24{line-height:24px}.l-25{line-height:25px}.l-26{line-height:26px}.l-28{line-height:28px}.l-30{line-height:30px}.l-35{line-height:35px}

/*鼠标划过链接样式*/
.cursor{cursor: pointer;}

body{min-width: 1200px;}
.con{width:1200px;margin: auto;padding:0px 10px;overflow: hidden;}
/*a{color:#333333;}
a:hover{color:#0b5add;}*/

/*header*/
#header #header #box{width: 100%;height:75px;position: relative;}
#header #header-bg{width: 100%;height: 75px;background-color: #FFFFFF;margin-top: 0;margin-left: 0;z-index: 900;opacity: 0.9;position: absolute;}
#header #header-bg.navBg{opacity: 1;box-shadow:0 5px 5px 0 rgba(0,0,0,0.20);}
#header #header-box{width: 1300px;height:75px;z-index: 920;margin: auto;position: relative;display: flex;justify-content: space-evenly;}
/*主菜单*/

#header-box #logo{width: 200px;}
#header-box .nav {display: flex;justify-content: space-between;}
#header-box .nav > li {position: relative;cursor: pointer;display: flex;align-items: center;}
#header-box .nav > li > a {line-height:50px;color: #000;font-weight: 700;position: relative; overflow: hidden;font-size: 16px;padding: 0px 25px;}
#header-box .nav ul {position: absolute;width: 125px;padding: 0;background-color: #FFF;box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);height: auto;
z-index: 999;top: 100%;left: 0;top: 65px;border-top: 2px solid transparent;overflow: hidden;visibility: hidden;opacity: 0;transition: all .36s ease;}
#header-box .nav ul li {width: 100%;text-align: center;}
#header-box .nav ul li a {font-weight: 500; color: #666; padding: 10px 15px 10px 20px;  line-height: 22px;  display: block;  transition: all .2s ease-in-out;  font-size: 14px;  }
#header-box .nav li:hover ul{visibility: visible;opacity: 1;}
#header-box .nav li ul li:hover{background-color:#f1f1f1;}
#header-box .nav li ul li:hover a{color: #000;padding-left: 30px;text-decoration: none;font-weight: 700;}
#header-box .nav > li > a:hover{background:linear-gradient(85deg, #57a8ed, #3280fc);color: #FFFFFF;}
.nav-bg{background-color: #FFFFFF;opacity: 0.95;box-shadow: 0px 1px 5px rgba(0,83,42, 0.3);}

/*index 主菜单*/
#header-index #n-bg{width: 100%;height: 75px;background-color: #fff;position: absolute;opacity: 1;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.10)}
#header-index{position: fixed;z-index:900;width: 100%;height: auto;top:0;}
#header-index #header-box{width: 1300px;height:75px;z-index: 920;margin: auto;position: relative;display: flex;justify-content: space-evenly;}
#header-index #logo-index{width:200px;}

.index-title{width: 100%;height: 200px;display: flex;color: #000;flex-direction: column;}
.index-title .cn{font-size:30px;}
.index-title .en{width: 50px;height: 10px; border-bottom: 1px solid #666666;}
.index-title .t{color: #000000;font-size: 18px;}
.index-title .center{margin: auto;display: flex;flex-direction: column;align-items: center;}


/*footer*/
#footer{width:100%;height: 155px;position: relative;padding-bottom: 20px;
/*background:linear-gradient(to right,#03b75c,#00a2e8);*/
background:linear-gradient(to right,#a18760,#71afd9)
}
#footer #index-f-content{width:1240px;margin: auto; display: flex;flex-direction: row;justify-content: space-between;justify-content: space-evenly;}
#footer .footerBar{width:800px;display: flex;justify-content: space-between;}
#footer .footerBar .copyright,#footer .footerBar .contact{width: 320px;margin-top: 10px;}
#footer .footerBar #line{width: 50px;margin: 20px;border-left:1px solid #adadad;height: 100px;}
#footer .footerBar h3,#footer .footerBar .contact{color: #FFFFFF;}
#footer .ewm{width: 130px;height: 130px;margin-top: 13px;display: flex;justify-content: space-around;align-items: center;}

/* slideBar */
.slideBar{position:fixed;width:50px;right:50px;bottom:160px;z-index: 100;display: none;}
.slideBar .sidebox{width: 90px;padding: 10px 10px 0 10px;background:linear-gradient(45deg,#ea644a,#ffa400);border-radius: 5px;display: flex;flex-direction: column;align-items: center;justify-content: space-around;color: #FFFFFF;}
.slideBar .sidebox:hover{cursor: pointer;}

/* banner */
.banner .bd ul li{background-size:100%!important;}
.banner .bd li{height:780px!important;}

/*----------------首页--------------*/
.index-content{width: 1210px;margin: auto;display: flex;    justify-content: space-between;}
.box1{width: 100%;height:auto;background: url(../images/box-bg1.jpg) center bottom no-repeat;}
.box2,.box4{width: 100%;height:auto;background-color: #F7F7F7;}
.box3{width: 100%;height:auto;background: url(../images/box-bg3.jpg) center bottom no-repeat;}

/*新闻中心*/
#index-news{width:100%;display: flex;}
#index-news-img{width:540px;height:auto;position: relative;overflow: hidden;}
#index-news-img .item{width: 100%;height: 324px;}
#index-news-list-dt{width: 620px;}
.index-news-title .title{width: 100%;border-bottom: 1px solid #DDDDDD;overflow: hidden;display: flex;justify-content: space-between;padding-bottom:13px;margin-bottom:20px;}
.index-news-title .title .t{border-left: 5px solid #ff8f00;padding-left: 13px; color: #ff8f00;font-weight: 700;font-size: 18px;}
.index-news-title .title .m{font-size: 14px;}
.index-news-title .title .m a{color: #999;}
#index-news-list-dt ul{padding: 10px 0 0 0;}
#index-news-list-dt ul li{line-height: 40px;display: flex;align-items: center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#index-news-list-dt ul li .time {float: right;padding-left: 10px;font-size: 15px;}
#index-news-list-dt ul li a{width: 100%;font-size: 16px;color: #000000;width: 100%;justify-content: space-between;}
#index-news-list-dt ul li em{width: 10px;height: 10px;border-radius: 50%;background-color: #abaaaa;margin-right: 10px;display: flex;}

#index-news-list-tz{width:100%;}
#index-news-list-tz ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
#index-news-list-tz ul li{line-height: 40px;display: flex;align-items: center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 48%;}
#index-news-list-tz ul li .time {float: right;padding-left: 10px;font-size: 15px;}
#index-news-list-tz ul li a{width: 100%;font-size: 16px;color: #000000;width: 100%;justify-content: space-between;}
#index-news-list-tz ul li em{width: 10px;height: 10px;border-radius: 50%;background-color: #abaaaa;margin-right: 10px;display: flex;}

#index-news-hot{width: 100%;}
#index-news-hot #t{display: flex;align-items: center;height: 55px;}
#index-news-hot #t span,#index-news-hot #time span{width: 70px;}
#index-news-hot #t a{font-size: 21px;color: #f17b2f;font-weight: 700;}
#index-news-hot #time{font-size: 18px;margin:10px 0;}
#index-news-hot #t2{font-size: 13px;line-height: 24px;color: #9b9797;margin: 12px 0;}
.more{width: 300px;margin:20px auto;display: flex;justify-content: space-evenly;}
.more a{width: 150px;height: 50px;border: 1px solid #3580f7;color:#3580f7; display: flex; align-items: center;justify-content: space-evenly;}
.more a .t{font-size: 15px;}
.more a:hover{border-color: #ff8502;text-decoration: none;}
.more a:hover .t{color: #ff8502;}
.index-news-main{width:100%;display: flex;justify-content: space-between;}

/*about*/
#index-img{width: 600px;height: 320px;margin-bottom: 50px;overflow: hidden;}
#index-img img{transition: all 0.6s ease;max-width: 100%;max-height: 100%;object-fit: cover;}
#index-img:hover img{transform: scale(1.2) rotate(5deg);}
#index-about{width:550px;}
#index-about #about{line-height: 35px;font-size: 16px;text-indent: 2em;color: #000000;}
#index-about .list{padding: 0;}
#index-about .list ul{width: 100%;display: flex;justify-content: space-between;}
#index-about .list ul li span{display: block;text-align: center;}
#index-about .list ul li .number{font-size:28px;color: #ff8502;font-weight: 700;}
#index-about .list #about-nav li{background-color: #f3f4f3;width: 280px;height: 100px;border-radius: 5px;margin:0 6px;
box-shadow:0px 0px 12px 0 #ffb4a5;transition: all 0.5s;}
#index-about .list #about-nav li .title{font-size: 18px;color: #000000;}
#index-about .list #about-nav li .icon{width: 60px;height: 60px;border-radius: 50%;background-color: #FFFFFF;display: flex;justify-content: center;align-items: center;}
#index-about .list #about-nav li:hover{background-color:#ff8502;}
#index-about .list #about-nav li:hover a{text-decoration: none;color: #FFFFFF;}
#index-about .list #about-nav li:hover .title{color: #FFFFFF;}
#index-about .list #about-nav li a{width: 100%;height: 100%;display: flex;justify-content: center;justify-content: space-evenly;align-items: center;}

.index-img2{width: 650px;margin-bottom: 50px;overflow: hidden;}
.index-img2 img{transition: all 0.6s ease;max-width: 100%;max-height: 100%;object-fit: cover;}
.index-img2:hover img{transform: scale(1.2) rotate(5deg);}

/*product*/
.index-product{width: 100%;}
.index-product .introduce{width:490px;line-height: 35px;font-size: 16px;text-indent: 2em;}
.cx-list{width: 400px;}
.cx-list .cx-text{width: 400px;height: 220px;padding: 20px;background-color: #FFFFFF;}
.cx-list .cx-text .cx-icon{width: 100%;height: 80px;text-align: center;}


/*当前位置*/
#location{width: 100%;height: 52px;}
#location .box{width: 100%;display: flex;justify-content: space-around;}
#location .box ul{display: flex;justify-content: space-around;}
#location .box ul li{margin: 0 25px;border-bottom:2px solid #FFFFFF;display: flex;}
#location .box ul li a{line-height: 50px;margin: 0 10px;color: #000000;font-size: 16px;}
#location .box ul li a:hover{ text-decoration: none;}
#location .box ul li.current{border-bottom:2px solid #EF6C00;}
#location .box ul li.current a{color: #EF6C00;}
#location .box ul li:hover{border-bottom:2px solid #EF6C00;}

/*内页----------------*/
#main{width: 100%;min-width:1200px;min-height:700px;background: #f5f5f5;}
#main .main-box{min-height: 500px;background-color: #FFFFFF;padding: 15px 40px 0px 40px;border-radius:5px;box-shadow:0 1px 5px 0 rgba(102,101,101,0.10);}
#main .main-title{width: 100%;height: 80px;display: flex;justify-content: center;flex-direction: column;align-items: center;}
#main .main-title .t{font-size: 30px;margin-bottom: 10px;}
#main #p-box{width: 100%;}
#main #p-box-img{width: 42%;min-height: 500px;background-color: #FFFFFF;padding:20px;border-radius:5px;box-shadow:0 1px 5px 0 rgba(102,101,101,0.10);float: left;}
#main #p-box-pdf{width: 56%;min-height: 500px;background-color: #FFFFFF;padding:20px;border-radius:5px;box-shadow:0 1px 5px 0 rgba(102,101,101,0.10);float: right;}
#main #p-box-pdf .group-imgs{width: 100%;display: flex;justify-content: space-around;}
#main #p-box-pdf .group-imgs img{max-width: 90%;}
#main #p-box-title{width: 100%;text-align: center;font-size: 30px;font-weight: 600;margin-bottom: 20px;}
#main .p-box-img{width: 90%;height: auto;margin:0 auto 20px auto;display: grid;align-items: center;}
#main .p-box-img img{width: 100%;height: auto;}
#main .p-box-t2{font-size: 15px;margin-bottom: 10px;padding-left: 20px;}
#main .p-box-t2 .t{width: 85px;text-align: right;color: #666666;font-size: 14px;}
/*内页大图*/
.ins_banner {position: relative;z-index: 99;padding-top:17%;}
.pub_banner_box{height: 100%;width: 100%;overflow: hidden;position: absolute;top:0;left:0;}
.con_banner{height: 100%;background-size: cover;position: relative;background-repeat: no-repeat;background-position: center;transform: scale(1.1);transition: all 3s ease;}
.con_banner.on{transform: scale(1);}

#main-banner #bg-000{width: 100%;height: 500px;z-index: 99;background-size: cover;background-repeat: no-repeat;}
#main-banner #main-nav li a{color: #FFFFFF;opacity: 1;z-index: 100;font-size: 16px;line-height: 40px;display: block;float: left;padding: 0 20px;margin:0 5px;background-color:#0871F3 ;opacity: 0.8;filter: alpha(opacity=80);}
#main-banner #main-nav li a:hover{background-color:#f93010;transition-property:all;transition-duration:0.6s;}
#main-nav ul li.current a{background-color:#f93010!important;}

/*分页*/
#pagination{width: 100%;}
#null-list{width: 100%;text-align: center;color: #999999;}
/*内页新闻列表*/
.news-box{display: flex;flex-wrap: wrap;}
.news-box .news-list{width: 380px;height: auto;background-color: #FFFFFF;margin:20px 20px;position: relative;transition: all 0.3s;}
.news-list.bgf2{background-color: #fff0f0;}
.news-box .img{width: 100%;height: 210px;overflow: hidden;}
.news-box .title{padding: 15px;}
.news-box .summary{padding:0 15px;}
.news-box .time{margin:15px 20px 10px 20px;border-top: 1px solid #e9e9e9;height: 40px;padding-top: 10px;display: flex;justify-content: space-between;align-items: center;color: #2196F3;}
.news-box a .title{font-size: 16px;text-align: center;color: #000000;height: 80px;display: flex;align-items: center;justify-content: space-around;}
.news-box a .summary{color: #979797;}
.news-box a:hover{text-decoration: none;}
.news-box .news-list:hover{box-shadow:0px 0px 10px 0 rgb(255 126 100 / 50%);}

.news-box .news-list .bg {opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;background: #fbb855;position: absolute;left: 0;top: 0;transition: 400ms;}
.news-box .news-list .i5 {opacity: 0;filter: alpha(opacity=0);margin: -34px 0 0 -34px;position: absolute;left: 10%;top: 50%;transition: 400ms;}
.news-box .news-list .i6 {opacity: 0;filter: alpha(opacity=0);margin: -16px 0 0 -17px;position: absolute;left: 90%;top: 50%; transition: 400ms;}
.news-box .news-list:hover .bg {opacity: 0.9; filter: alpha(opacity=90);}
.news-box .news-list:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100);display: block;}
.news-box .news-list:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100);display: block;}

.news-box .news-list-nullimg{width: 100%;display: flex;flex-direction: column;}
.news-box .news-list-nullimg li{width: 100%;min-height: 100px;margin:10px 0;padding: 10px 15px; display: flex;justify-content: space-between;background: linear-gradient(to right,#ffeaca,#c5e7ff);
box-shadow:0px 0px 10px 0 rgb(29 94 151 / 40%);transition: all 0.3s;border-radius:5px;}
.news-box .news-list-nullimg li a{display: flex;width: 100%;height: 100%;}
.news-box .news-list-nullimg .more{width: 50px;height: 30px;border-radius: 20px;background: #f1f1f1;display: flex;align-items: center;justify-content: center;}
.news-box .news-list-nullimg .title{width: 100%;display: flex;flex-direction: column;justify-content: flex-start;justify-content: flex-end;}
.news-box .news-list-nullimg .title dt{width: 100%;display: flex;}
.news-box .news-list-nullimg .title dd{width: 100%;display: flex;line-height: 25px;margin-top: 5px;font-size: 14px;color: #686868;}
.news-box .news-list-nullimg .time{border: none;height:60px;background-color: #fff0f0;padding: 20px;border-radius: 30px;    margin-right: 50px;}
.news-box .news-list-nullimg .time dt{font-size: 20px;color: #a34c4c;}
.news-box .news-list-nullimg .time dd{width: 65px;font-size: 15px;color: #c36b6b;}
.news-box .news-list-nullimg li:hover{cursor: pointer;background: #fbb855;} /*#fbb855,#42a3e7*/


/*详情页相关推荐*/
.conform{width:100%;margin:20px 0;border:1px solid #eee;padding:15px;border-top:2px solid #0f7fe7;background-color: #FFFFFF;border-radius: 5px;}
.conform h3{width:95%;margin:auto 10px;}
.conform ul{overflow: hidden;}
.conform ul li{width:48%;float:left;border-bottom:1px dotted #CCCCCC;margin:0px 1%;}
.conform ul li a{background:url(../images/ico8.png) 0px 0px no-repeat;padding-left:25px;display: inline-block;margin: 20px 0;color: #d98600;}
.conform ul li a:hover{text-decoration: underline;}

/*详情内容*/
#main-xq{ padding:20px 5px; overflow:hidden;}
.min-con{margin: 20px 20px 0px 20px;line-height: 30px;font-size: 16px;color: #333;padding-bottom: 20px;}
#details-title{width: 100%;margin:20px 0px;text-align: center;font-size:30px;color:#FF9800;font-weight: 600;}
#details-title2{width: 100%;height:50px;margin:20px 0px;border-bottom:1px solid #eee; text-align: center;font-size: 14px;color:#666;}
.details-con{line-height: 2;padding-bottom: 20px;}
.details-con img{/*max-width:1100px;*/max-width:100%;}
.details-con > p {text-indent: 2em;font-size: 16px;}

/*团队风采*/
.img-box{width: 99%;height:auto;margin:10px auto;position: relative;}
.img-list{width: 100%;height: 360px;background-color: #FFF;box-shadow: 0 1px 12px rgba(177,189,177,0.5);}
.img-list .img{width: 100%;height: 290px;padding:10px;}
.img-list .t{width: 100%;height: 60px;padding: 0 10px;display: flex;justify-content: space-around;align-items: center;font-size: 16px;}
.img-box .bg {opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;background: #6f9af1;position: absolute;left: 0;top: 0;transition: 400ms;}
.img-box .i5 {opacity: 0;filter: alpha(opacity=0);margin: -34px 0 0 -34px;position: absolute;left: 10%;top: 50%;transition: 400ms;}
.img-box .i6 {opacity: 0;filter: alpha(opacity=0);margin: -16px 0 0 -17px;position: absolute;left: 90%;top: 50%; transition: 400ms;}
.img-box:hover .bg {opacity: 0.8; filter: alpha(opacity=80); }
.img-box:hover a{text-decoration: none;}
.img-box:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100);display: block;}
.img-box:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100);display: block;}

@media screen and (max-width:1400px){
	/*窗口<1400px*/
}