@charset "UTF-8"; body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;} html{min-width: 1200px;} input,button,ul,ol{margin: 0px; padding: 0px;} body,input,button,form{font-size: 14px; line-height: 30px; font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333333;} h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;} ul,ol,li{list-style: none;} input{background: none; border: 0 none;} img,iframe{border: 0px;} button,input,select,textarea{font-size: 100%;} table{border-collapse: collapse; border-spacing: 0;} body{width: 100%;overflow-x: hidden;background: #f5f5f5;} .red{color: #f6121c;} .pglist li{ display: inline-block; margin: 0 5px; } .fl{float: left;} .fr{float: right;} .tac{text-align: center;} .tar{text-align: right;} .poa{position: absolute;} .por{position: relative;} .hidden{display: none;} .w1200{width: 1200px; margin: 0px auto;} .ico{background: url(../images/ico.png) no-repeat; display: inline-block; vertical-align: middle;} .btn-ico{background: url(../images/btn-ico.png) no-repeat; display: inline-block; vertical-align: middle;} a{color: #333333; text-decoration: none;} a:hover{color: #26439c; text-decoration: none;} a:visited{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: #aaa;} ::-moz-placeholder{color: #aaa;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #aaa;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #aaa;} /*清除浮动*/ .clearfix{*zoom: 1;} .clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} /*header*/ .header{width: 100%; height: 95px; position: fixed; top: 0; left: 0; z-index: 100; background: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); min-width: 1300px;} .header .logo{width: 225px; height: 95px; display: block; float: left; overflow: hidden;} .header .logo img{display: block; max-width: 100%; margin-top: -24px;} .header .nav{height: 95px; position: relative; float: left; border-left: 1px solid #ebeff1;} .header .nav li{width: 100px; border-right: 1px solid #ebeff1; float: left; position: relative; z-index: 10;} .header .nav li:before{width: 0; height: 2px; background: #26439c; display: block; content: "\20"; position: absolute; left: 0; bottom: 0; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .header .nav li a{width: 100%;height: 60px;padding-top: 35px;font-size: 18px;display: block;position: relative;color: #333333;cursor: pointer;overflow: hidden;text-align: center;line-height: 20px;} .header .nav li a span{font-family: arial; text-transform: uppercase; font-size: 12px; color: #999999; display: block;} .header .nav li.hover .nav1, .header .nav li:hover .nav1{background: #26439c;color: #fff;} .header .nav li.hover .nav1 span, .header .nav li:hover .nav1 span{color: #fff;} .header .nav li.hover:before, .header .nav li:hover:before{width: 100%;} .header .nav li .subNav{position: absolute;width: 100%;text-align: center;z-index: 99;left: 0px;top: 95px;background: url(../images/blue75.png) repeat 0 0;} .header .nav li .subNav{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);} .header .nav li:hover .subNav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);} .header .nav li .subNav a{padding: 0;display: block;height: 38px;overflow: hidden;font-size: 14px;line-height: 38px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .header .nav li .subNav a:hover{background: #26439c;} .header .search{width: 170px; height: 30px; float: left; position: relative; margin: 32px 0 0 16px; line-height: 30px; background: #ebeff1;} .header .search input{background-color: none; outline: none; border: none;} .header .search .stxt{width: 97%; height: 30px; line-height: 30px; font-size: 12px; padding-left: 3%; position: absolute; left: 0; top: 0;} .header .search .sbtn{width: 20px; height: 20px; display: block; position: absolute; right: 10px; top: 7px; cursor: pointer; background-position: -87px 0;} .header .tel{width: 140px; padding-right:25px; height: 95px; float: right; color: #141414; font-family: "微软雅黑"; font-size: 18px; text-align: center; text-valign:middle; border-left: 1px solid #ebeff1;} .header .tel strong{font-weight: normal;} @media (min-width: 1400px){.header .nav li{width: 111px;} .header .search{margin-left: 25px;}} @media (min-width: 1600px){.header .logo{margin-right: 10px; width: 210px; height: 95px; padding-top: 0;} .header .nav li{width: 126px;} .header .search{width: 222px; margin-left: 30px;} .header .tel{width: 270px; font-size: 26px;}} @media (min-width: 1800px){.header .logo{margin-right: 138px;} .header .nav li{width: 136px;} .header .search{width: 232px; margin-left: 38px;} .header .tel{width: 270px;}} /* banner */ .banner,.banner .list,.banner img{height: 600px;} .banner{width: 100%; min-width: 1300px; padding-top: 95px; position: relative;} .banner .list{width: 100%;} .banner .list li{width: 100%; position: absolute; z-index: 1; overflow: hidden; background: #fff;} .banner img{width: 1920px; display: block; position: relative; left: 50%; margin-left: -960px; top: 0;} .banner .tip{width: 1000px; height: 14px; line-height: 14px; position: absolute; bottom: 60px; text-align: center; left: 50%; margin-left: -500px; z-index: 99;} .banner .tip span{display: inline-block; vertical-align: top; height: 12px; width: 12px; border-radius: 100%; border: 2px solid #fff; background: none; margin: 0 8px; cursor: pointer;} .banner .tip span.cur{background: #fff;} /*******************index css*********************/ .indexTit{text-align: center; width: 100%; position: relative; margin: 60px 0 45px;} .indexTit .en{font-size: 50px; line-height: 65px; margin-bottom: 5px; display: block; text-transform: uppercase; color: #000;} .indexTit .en strong{color: #3f9f4e;} .indexTit h3{font-size: 24px; height: 44px; line-height: 44px; color: #fff; display: inline-block; *display: inline; *zoom: 1; text-align: center; background: #26439c; padding: 0 26px; position: relative; z-index: 3;} /**iabout**/ .iabout{width: 100%; padding: 30px 0 90px; background: url(../images/iaboutbg.jpg) no-repeat center 0;} .iabout .indexTit{background: url(../images/ititbg1.png) no-repeat center 30px;} .iabout .contxt{width: 1000px;margin: 0 auto;font-size: 18px;text-align: left;line-height: 36px;overflow: hidden;} .iabout .d{text-align: left; display: block;} .iabout .more{width: 276px; height: 40px; display: block; margin: 48px auto 0; border: 2px solid #e9edef; text-align: center; line-height: 40px; color: #666; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .iabout .more:hover{background: #26439c; color: #fff;} .icase{width: 100%; overflow: hidden;} .icase .item{width: 25%; *width: 19.98%; float: left; text-align: center;} .icase .item a{width: 100%; overflow: hidden; display: block; position: relative;} .icase .item .img{width: 100%; overflow: hidden;} .icase .item img{width: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .icase .item .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/black50.png) repeat 0 0; opacity: 0; filter: alpha(opacity=0);} .icase .item .t1{width: 100%; position: absolute; left: 0; bottom: 0; height: 56px; line-height: 56px; background: url(../images/t1bg.png) repeat-x 0 0; font-size: 20px; font-weight: bold; box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); color: #fff;} .icase .item .txtcon{opacity: 0; filter: alpha(opacity=0); text-align: center; position: absolute; left: 50%; top: 80%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(0%, 0%); color: #fff; transition: all .4s; width: 260px \9; height: 150px \9; margin: -75px 0 0 -130px \9;} .icase .item .txtcon .t2{width: 100%; font-size: 28px; font-weight: bold;} .icase .item .txtcon span{font-size: 12px; margin: 5px 0 15px; display: block;} .icase .item .txtcon s{width: 58px; height: 58px; display: block; margin: 0 auto; background-position: 0 -42px;} .icase .item a:before{opacity: 0; width: 94%; height: 94%; position: absolute; display: block; border: 1px solid #fff; content: ''; left: 3%; top: 3%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0.5); transform: scale(0.5); z-index: 11; filter: alpha(opacity=0); display: none \9;} .icase .item:hover .bg, .icase .item:hover .txtcon{opacity: 1; filter: alpha(opacity=100);} .icase .item:hover .txtcon{top: 50%;} .icase .item:hover .t1{opacity: 0; filter: alpha(opacity=0);} .icase .item:hover a{color: #000;} .icase .item:hover a:before{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .iadvan{padding: 50px 0;} .iadvan .indexTit{margin-bottom: 65px; background: url(../images/ititbg2.png) no-repeat center 30px;} .iadvan .iadvanCon{margin-top: 15px;} .iadvan .bigarea{width: 100%; height: 400px; background: #fff; color: #fff; overflow: hidden; position: relative;} .iadvan .bigarea img{width: 100%; height: 400px; display: block;} .iadvan .bigarea .txt{padding: 20px 35px; width: 1020px; line-height: 30px; overflow: hidden; color: #fff; font-size: 22px; font-weight: bold; position: absolute; left: 50%; bottom: 45px; margin-left: -545px; z-index: 10; background: url(../images/green80.png) repeat 0 0;} .iadvan .smallarea{width: 100%; float: right; height: 110px; border-bottom: 1px solid #244096; margin-bottom: 32px;} .iadvan .smallarea .item{width: 20%; float: left; height: 85px; padding-bottom: 25px; line-height: 30px; color: #000; cursor: pointer; position: relative;} .iadvan .smallarea .item img{width: 85px; height: 85px; display: block; float: left; margin-right: 12px;} .iadvan .smallarea .item h3{font-size: 22px; color: #333333; padding-top: 16px;} .iadvan .smallarea .item .en{font-size: 14px; text-transform: uppercase; color: #999999;} .iadvan .smallarea .item s{width: 45px;height: 8px;display: block;background-position: -148px 0;position: absolute;left: 22px;bottom: -9px;display: none;} .iadvan .smallarea .item:hover s, .iadvan .smallarea .item.hover s{display: block;} .ihonor{width: 100%; padding: 60px 0 86px; background: #f3f5f6;} .ihonor .indexTit{margin-top: 0; margin-bottom: 55px; background: url(../images/ititbg2.png) no-repeat center 30px;} .ihonor .item{width: 575px; height: 324px; display: block; float: left; margin-left: 50px; position: relative;} .ihonor .item img{width: 575px; height: 324px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .ihonor .item h3{position: absolute; left: 50%; top: 50%; margin: 52px 0 0 -159px; width: 328px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; font-size: 20px; height: 45px; line-height: 45px; color: #fff; text-align: center; background: url(../images/blue75.png) repeat 0 0;} .ihonor .item h3 span{font-size: 12px; margin-left: 10px;} .ihonor .item:first-child{margin-left: 0;} .ihonor .item:hover img{opacity: 0.8; filter: alpha(opacity=80);} .ihonor .item:hover h3{width: 350px; margin-left: -175px;} .inews{padding: 90px 0 78px;} .inews .indexTit{margin-top: 0; margin-bottom: 85px; background: url(../images/ititbg2.png) no-repeat center 30px;} .inews .inews_left{width: 440px;} .inews .inews_left .img, .inews .inews_left img{width: 100%;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;/* height: 180px; */display: block;} .inews .inews_left .img{overflow: hidden; position: relative;} .inews .inews_left .img:hover .tip{width: 90px;} .inews .inews_left .img:hover img{-webkit-filter: brightness(105%); filters: brightness(105%);} .inews .inews_left .tip{width: 75px; height: 60px; padding-top: 15px; line-height: 18px; background: #26439c; text-align: center; color: #fff; position: absolute; left: 0; top: 0; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .inews .inews_left .tip .d{font-size: 28px;line-height: 28px;display: block;} .inews .inews_left h3{font-size: 20px; line-height: 50px; height: 50px; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .inews .inews_left .txt{color: #999999; font-size: 16px; line-height: 28px; height: 56px; overflow: hidden;} .inews .inews_left .more{width: 278px; height: 35px; display: block; color: #000000; border: 1px solid #000000; text-align: center; line-height: 35px; margin-top: 8px;} .inews .inews_right{width: 730px;margin-top: -7px;} .inews .inews_right .item{border-top: 1px solid #eaeef0;} .inews .inews_right .item:first-child{padding-top: 0; border-top: 0;} .inews .inews_right .item:first-child a{padding-top: 0px;} .inews .inews_right .item a{height: 76px;padding: 30px 0px;display: block;} .inews .inews_right .item h3{font-size: 20px;color: #000;margin-bottom: 8px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .inews .inews_right .item .txt{color: #999999; height: 40px; overflow: hidden; line-height: 20px;} .inews .inews_right .item .time{width: 92px;height: 76px; position: relative; font-family: PingFangextrLightT;line-height: 14px;color: #999999;text-align: center;} .beBox{position: absolute; width: 100%;left: 0; visibility: hidden; z-index: 0; } .inews .inews_right .item .time .day{font-size: 62px; line-height: 62px; font-weight: bold;} .inews .inews_right .item .time .ym{display: block; *line-height: 25px; font-size: 16px; padding-left: 5px;} .inews .inews_right .item:hover h3{color: #26439c;} .icooper{height: auto; padding-top: 45px; padding-bottom: 45px; border: 1px solid #e0e6e9;} .icooper .indexTit{margin-top: 0; margin-bottom: 65px; background: url(../images/ititbg1.png) no-repeat center 30px;} .icooper .w1200{position: relative; overflow: hidden;} .icooper .prev, .icooper .next{width: 16px; height: 38px; position: absolute; z-index: 10; top: 50%; margin-top: -19px; cursor: pointer;} .icooper .prev{left: 0; background-position: -78px -42px;} .icooper .next{right: 0; background-position: -120px -42px;} .icooper .list{width: 500%;} .icooper .list li{width: 140px; height: 80px; float: left; margin: 0 15px;} .icooper .list li a{display: block;} .icooper .list li img{width: 140px; height: 80px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .icooper .list li:hover img{margin-top: -5px; -webkit-filter: brightness(105%); filters: brightness(105%);} .imsg{width: 100%; height: 290px; background: url(../images/imsgbg.jpg) no-repeat center top;} .imsg .title{font-size: 30px; color: #000; text-align: center; padding: 50px 0 40px;} .imsg .imsgCon{width: 680px; margin: 0 auto;} .imsg .imsgCon .list{width: 105%;} .imsg .imsgCon .item{float: left; width: 328px; height: 45px; margin: 0 25px 22px 0; line-height: 45px; background: #fff; position: relative;} .imsg .imsgCon .item .msg-box{position: absolute; left: 0;} .imsg .imsgCon .item label{width: 62px; height: 45px; text-align: center; float: left;} .imsg .imsgCon .item input{width: 266px; float: left; height: 45px; outline: none; background: none; border: 0px;} .imsg .imsgCon .item.itemx{width: 547px;} .imsg .imsgCon .item.itemx textarea{width: 480px; float: left; height: 45px; line-height: 45px; outline: none; background: none; border: 0px; font-family: "microsoft yahei"; resize: none;} .imsg .imsgCon .btn{width: 109px; height: 45px; line-height: 45px; text-align: center; background: #26439c; cursor: pointer; color: #fff;} .bmsg{width: 510px;padding: 0 30px;margin: 0 30px;border-right: 1px solid #354b91;border-left: 1px solid #354b91;} .bmsg .tit{margin-bottom: 15px;} .bmsg .item{float: left;width: 247px;height: 40px;line-height: 40px;background: none;position: relative;border: 1px solid #354b91;margin-bottom: 12px;} .bmsg .item .txt{padding: 0;} .bmsg .item label{width: 42px;height: 40px;font-size: 12px;color: #848db2;text-align: center;position: absolute;left: 0;top: 0;} .bmsg .item input{width: 100%;height: 40px;color: #fff;line-height: 40px;text-indent: 42px;outline: none;background: none;border: 0px;} .bmsg .item.mr11{margin-right: 11px;} .bmsg .item.itemx{width: 508px;height: 70px;position: relative;margin-bottom: 18px;} .bmsg .item.itemx textarea{width: 100%;height: 51px;line-height: 40px;text-indent: 42px;color: #fff;outline: none;background: none;border: 0px;font-family: "microsoft yahei";resize: none;overflow: hidden;} .bmsg .btn{width: 170px; height: 40px; line-height: 40px; text-align: center; background: #30a25d; border-radius: 3px; cursor: pointer; color: #fff;} .links{height:60px;width:100%;line-height:60px;background-color: #0d246a;} .links .tit{float: left;width: 80px;color: #fff;font-size: 16px;font-weight: bold;} .links ul{display:inline-block;float: right;width: 1120px;height:60px;line-height:60px;} .links ul li{float:left;height:60px;line-height:60px;padding-right: 10px;} .links ul li a{display:block; font-size:14px; color:#fff;} .links ul li a:hover{color:#f1f1f1;} .footer{width: 100%; background: #1e3784; color: #fff; font-size: 14px; line-height: 32px; padding: 45px 0 40px;} .footer a{color: #fff; margin-right: 15px;} .footer a:hover{opacity: 0.8; filter: alpha(opacity=80);} .footer .ewm{width: 208px;} .footer .ewm .img{text-align: center;line-height: 24px;} .footer .ewm img{width: 170px;height: 170px;padding: 6px;border: 1px solid #2e458d;display: block;} .footer .ewm span{display: block;font-size:14px;color:#fff;} .footer .tit{font-size: 18px;height: 30px;line-height: 30px;padding-bottom: 4px;border-bottom: 1px solid #354b91;margin-bottom: 12px;} .footer .txt{width: 360px;height: 230px;} .footer .txt ul{width: 100%;} .footer .txt li{line-height: 40px;width: 100%;font-size: 12px;color: #fff;} .footer .txt li s{width: 20px; height: 21px; display: inline-block; margin-right: 8px; vertical-align: middle; background: url(../images/add-f-ico.png) no-repeat center 0;} .footer .txt li.a2 s{background-position: center -43px;} .footer .txt li.a3 s{background-position: center -89px;} .copyright{width: 100%; height: 46px; line-height: 46px; font-size: 12px; background: #0d246a; color: #9095af;} .copyright a{color: #9095af;} .copyright a:hover{color: #fff;} /***********************content css*************************/ /*nybanner*/ .nybanner{width: 100%; height: 300px; position: relative; padding-top: 95px; overflow: hidden; background-position: center bottom; background-repeat: no-repeat;} .sitepath{line-height: 50px; width: 100%; background: #fff; font-size: 12px; color: #999999;} .sitepath a{color: #999999;} .sitepath a:hover{color: #26439c;} .n-menu{width: 100%; height: 60px; line-height: 60px; background: #444444; margin: 60px 0 30px;} .n-menu li{display: inline-block; *display: inline; *zoom: 1; padding: 0 25px; height: 60px; background: url(../images/nav-split.jpg) no-repeat left center;} .n-menu li a{display: block; color: #fff; height: 60px; line-height: 60px; font-size: 16px; position: relative;} .n-menu li:first-child{margin-left: 10px; background: none;} .n-menu li.cur a, .n-menu li:hover a{color: #26439c; cursor: pointer;} .n-menu li.cur a:after, .n-menu li:hover a:after{width: 100%; content: "\20"; display: block; position: absolute; left: 0; bottom: 0; background: #26439c; height: 3px;} /* n-tit */ .n-tit{text-align: center; line-height: 25px;} .n-tit span{display: inline-block; vertical-align: middle;} .n-tit .en{font-size: 12px; font-family: arial; text-transform: uppercase; color: #666666; margin: 0 8px;} .n-tit .line{width: 5px; height: 2px; background: #666666;} .n-tit h3{font-size: 20px; font-weight: bold; color: #26439c;} /* reLink */ .reLink{width: 100%; margin: 20px 0 10px; line-height: 60px; border-top: 2px solid #dddddd;} .reLink .nextLink, .reLink .prevLink{width: 50%; line-height: 60px; color: #333333;} .reLink .nextLink{text-align: right;} .reLink a:hover{color: #26439c;} .bgf5{background: #fff;} .left-menu{width: 220px;} .left-menu .item{padding-top: 17px; box-sizing: border-box; width: 218px; height: 112px; position: relative; border-radius: 4px; display: block; margin-bottom: 13px; text-align: center; border: 1px solid #d5d5d5; background: #f0f0f0;} .left-menu .item h3{font-size: 18px; color: #333;} .left-menu .item s{width: 45px; height: 45px; display: block; margin: 0 auto; background: url(../images/left-ico.png) no-repeat 0 0; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .left-menu .item:hover, .left-menu .item.hover{background: #26439c; border-color: #26439c;} .left-menu .item:hover h3, .left-menu .item.hover h3{color: #fff;} .left-menu .item.a1 s,.left-menu .item.a7 s,.left-menu .item.a13 s{background-position: 0 0;} .left-menu .item.a1:hover s,.left-menu .item.a1.hover s,.left-menu .item.a7:hover s,.left-menu .item.a7.hover s,.left-menu .item.a13:hover s,.left-menu .item.a13.hover s{background-position: -60px 0;} .left-menu .item.a2 s,.left-menu .item.a8 s,.left-menu .item.a14 s{background-position: 0 -60px;} .left-menu .item.a2:hover s,.left-menu .item.a2.hover s,.left-menu .item.a8:hover s,.left-menu .item.a8.hover s,.left-menu .item.a14:hover s,.left-menu .item.a14.hover s{background-position: -60px -60px;} .left-menu .item.a3 s,.left-menu .item.a9 s,.left-menu .item.a15 s{background-position: 0 -120px;} .left-menu .item.a3:hover s,.left-menu .item.a3.hover s,.left-menu .item.a9:hover s,.left-menu .item.a9.hover s,.left-menu .item.a15:hover s,.left-menu .item.a15.hover s{background-position: -60px -120px;} .left-menu .item.a4 s,.left-menu .item.a10 s{background-position: 0 -180px;} .left-menu .item.a4:hover s,.left-menu .item.a4.hover s,.left-menu .item.a10:hover s,.left-menu .item.a10.hover s{background-position: -60px -180px;} .left-menu .item.a5 s,.left-menu .item.a11 s{background-position: 0 -240px;} .left-menu .item.a5:hover s,.left-menu .item.a5.hover s,.left-menu .item.a11:hover s,.left-menu .item.a11.hover s{background-position: -60px -240px;} .left-menu .item.a6 s,.left-menu .item.a12 s{background-position: 0 -424px;} .left-menu .item.a6:hover s,.left-menu .item.a6.hover s,.left-menu .item.a12:hover s,.left-menu .item.a12.hover s{background-position: -60px -424px;} .left-menu.left-menu2 s{background-image: url(../images/left-ico2.png);} .wrapper{padding: 35px 0 50px; min-height: 300px;} .wrapper .noinfor{color: #de182a;} .wrapper img{max-width: 100%;} .wrapper .content{width: 940px;} .singlePage{width: 1160px; padding: 20px; background: #fff; margin: 35px auto 68px;} .singlePage img{max-width: 100%;} .piclist{width: 100%;} .piclist .item{width: 218px;float: left;overflow: hidden;cursor: pointer;margin: 0 35px 35px 0;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: #fff;} .piclist .item:nth-child(3n){margin-right: 0;} .piclist .item a,.piclist .item img{width: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .piclist .item img{height: 218px;width:218px} .piclist .item h3{color: #333;-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: 100%;text-align: center;height: 42px;line-height: 40px;} .piclist .item:hover{background: #26439c;} .piclist .item:hover h3{color: #fff;} .gridlist{width: 105%;} .gridlist .item{width: 218px; height: 260px float: left; overflow: hidden; cursor: pointer; margin: 0 35px 35px 0; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .gridlist .item a, .gridlist .item img{width: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .gridlist .item img{height: 210px;} .gridlist .item .txtcon{height: 38px; padding: 5px 16px 0; border: 1px solid #d2d2d2; background: #fff;} .gridlist .item .more{width: 113px; height: 30px; line-height: 30px; text-align: center; display: block; border: 1px solid #aaaaaa; font-size: 12px; color: ;} .gridlist .item h3{color: #000; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; text-align: center; font-weight: bold;} .gridlist .item .txt{line-height: 20px; height: 40px; overflow: hidden; font-size: 12px; margin: 0 0 5px; color: #666666;} .gridlist .item .dec{font-size: 12px; color: #999999;} .gridlist .item .dec span{margin-right: 25px;} .gridlist .item .dec .view s{width: 20px; height: 12px; margin-right: 3px; background-position: -116px 0;} .gridlist .item:hover img{-webkit-filter: brightness(110%); filters: brightness(110%);} .gridlist .item:hover h3{color: #26439c;} .catePage .catetxt{width: 848px; margin-bottom: 20px; border: 1px solid #eeeeee; padding: 20px 30px; background: #ffffff url(../images/catebg1.jpg) no-repeat center top;} .catePage .catetxt .title{font-size: 22px; color: #333333; text-align: center; margin: 10px 0 16px;} .catePage .catetxt .showContxt{color: #666666; line-height: 30px; padding-bottom: 20px;} .catePage .catetxt .showContxt .t{position: relative; display: inline-block; *display: inline; *zoom: 1; color: #333; padding: 0 2px 5px; font-size: 16px; margin-bottom: 10px;} .catePage .catetxt .showContxt .t:after{width: 20px; height: 2px; content: "\20"; background: #26439c; display: block; position: absolute; left: 2px; bottom: -1px;} .catePage .alink{width: 908px; height: 224px; margin: 30px auto; border: 1px solid #eeeeee; text-align: center; position: relative;} .catePage .alink a{position: absolute; left: 50%; top: 50%; display: block; margin: -20px 0 0 -88px; width: 177px; height: 40px; text-align: center; line-height: 40px; background: url(../images/blue75.png) repeat 0 0; color: #fff; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .catePage .alink a:hover{width: 200px; margin-left: -100px;} .catePage .c-case{width: 858px; padding: 40px 25px; border: 1px solid #eeeeee; background: #fff;} .catePage .c-case .n-tit{margin-bottom: 35px;} .catePage .c-case .gridlist .item{width: 270px; margin-right: 24px;} .catePage .c-case .gridlist .item img{height: 203px;} .catePage .c-case .more{width: 158px; height: 33px; display: block; margin: 0 auto; *margin-top: 30px; line-height: 33px; text-align: center; border: 1px solid #26439c; color: #26439c; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .catePage .c-case .more:hover{background: #26439c; color: #fff;} .newsPage .item{height: 193px; border: 1px solid #e5e5e5; background: #fff; display: block; margin-bottom: 35px; padding: 0 30px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .newsPage .item .img{width: 260px; height: 195px; display: block; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .newsPage .item h3{font-size: 20px; color: #000000; line-height: 30px; padding: 30px 0 0; height: 30px; overflow: hidden; margin-bottom: 8px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .newsPage .item .txt{color: #999999;line-height: 24px;height: 72px;overflow: hidden;} .newsPage .item .time{font-size: 12px; display: block; line-height: 20px; color: #666666;} .newsPage .item .dec{color: #999;padding: 0 0 25px;} .newsPage .item .dec .split{width: 1px; height: 14px; display: inline-block; vertical-align: middle; margin: 0 35px 0 30px; background: #999;} .newsPage .item .dec .view s{width: 20px; height: 12px; margin-right: 3px; background-position: -116px 0;} .newsPage .item.hasimg{position: relative; /*padding-left: 290px;*/} .newsPage .item.hasimg img{position: absolute; left: -1px; top: -1px; display: none;} .newsPage .item:hover{background: #f9f9f9;} .newsPage .item:hover .img{-webkit-filter: brightness(108%); filters: brightness(108%);} .newsPage .item:hover h3{color: #26439c;} .contactPage{background: #fff;margin: 35px auto 68px;height: 400px;overflow: hidden;} .contactPage .mapArea{width: 670px;height: 400px;overflow: hidden;} .contactPage .txtcon{ width: 492px; padding: 20px 0 0 38px;line-height: 33px;color: #666;} .contactPage .txtcon .ico{width: 26px; height: 30px; display: block; background-position: -46px 0;} .contactPage .txtcon .en{font-size: 37px;color: #000;padding: 0 0 5px;font-family: impact;display: block;} .contactPage .txtcon h3{font-size: 20px; color: #000; padding: 5px 0 0;} .contactPage .txtcon li s{width: 20px; height: 22px; display: inline-block; vertical-align: middle; margin-right: 14px; background: url(../images/con-ico.png) no-repeat center 3px;} .contactPage .txtcon li.a2 s{background-position: center -32px;} .contactPage .txtcon li.a3 s{background-position: center -67px;} .contactPage .txtcon li.a4 s{background-position: center -103px;} .contactPage .txtcon li.a5 s{background-position: center -139px;} .formData{padding-bottom: 20px;} .formData .item{float: left;color: #999;font-weight: normal;width: 560px;height: 50px;line-height: 50px;border: 1px solid #e5e5e5;margin-right: 76px;margin-bottom: 30px;position: relative;background: #fff;} .formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;} .formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;} .formData .item .txt{width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333;} .formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;} .formData .item.mr0{margin-right: 0;} .formData .msg-box{position: absolute; left: 0; top: 0px;} .formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;} .formData .liuyan label{text-align: right; display: block;} .formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;} .formData .bot{width: 100%;} .formData .sub{width: 232px;line-height: 46px;border: 2px solid #26439c;margin-right: 2px;text-align: center;background: #26439c;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .formData .sub:hover{background: none;color: #26439c;} .formData .yzm{width: 432px;} .formData .yzm .txt{padding-left: 80px;} .formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;} .aboutPage{background: #fff; margin: 35px auto 68px;} .aboutPage .about-txt{padding: 40px 0 80px;} .aboutPage .about-txt .n-tit{margin-bottom: 48px;} .aboutPage .about-txt .list{margin-bottom: 50px;} .aboutPage .about-txt .list .split{width: 1px; height: 80px; margin-top: 5px; background: #e9e9e9; float: left;} .aboutPage .about-txt .list .item{width: 256px; float: left; padding-left: 60px;} .aboutPage .about-txt .list .item .num{color: #999; font-size: 16px; line-height: 16px;} .aboutPage .about-txt .list .item strong{font-family: Arial; font-size: 60px; color: #26439c; margin-right: 5px; line-height: 60px;} .aboutPage .about-txt .list .item strong span{color: #26439c;} .aboutPage .about-txt .list .item span{color: #999;} .aboutPage .about-txt .list .item.a1{padding-left: 30px;} .aboutPage .about-txt .list .item.a4{width: 170px;} .aboutPage .about-txt .txtcon{width: 1130px; margin: 0 auto; padding: 40px 0 0; border-top: 1px solid #f1f1f1; color: #666666; line-height: 28px;} .aboutPage .about-cul{width: 100%; height: 300px; padding-top: 35px; background: url(../images/about-culbg.jpg) no-repeat center top; text-align: center;} .aboutPage .about-cul .txt{color: #666666; padding-top: 35px; line-height: 30px;} .aboutPage .about-team{width: 100%; padding: 90px 0;} .aboutPage .about-team .list{width: 100%; padding-top: 45px;} .aboutPage .about-team .list .img,.aboutPage .about-team .list .txt{width: 300px; float: left; height: 225px; overflow: hidden;} .aboutPage .about-team .list .img img{width: 100%; height: 225px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .aboutPage .about-team .list .img:hover img{transform: scale(1.08);} .aboutPage .about-team .list .txt{background: #26439c; color: #fff;} .aboutPage .about-team .list .txt h3{padding: 94px 0 24px; letter-spacing: 8px; font-size: 32px; font-weight: bold; text-align: center;} .aboutPage .about-team .list .txt p{padding: 0 35px; line-height: 24px;} .aboutPage .about-history{position: relative; overflow: hidden; margin-bottom: 60px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} .aboutPage .about-history *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} .aboutPage .about-history .timeline{position: relative;} .aboutPage .about-history .slide-wrap{width: 100%; overflow: hidden; padding: 50px 0 80px; position: relative; z-index: 3;} .aboutPage .about-history .slide-wrap .item{float: left; height: 120px; text-align: center; width: 1100px;} .aboutPage .about-history .slide-wrap .item a{display: block;} .aboutPage .about-history .slide-wrap .item .year{font-size: 80px; margin-top: 4px; font-family: "Century Gothic"; line-height: 80px; margin-left: 140px; float: left; color: #333333;} .aboutPage .about-history .slide-wrap .item .split{width: 2px; height: 73px; float: left; margin: 10px 68px 0; background: #cccccc;} .aboutPage .about-history .slide-wrap .item .txt{float: left; width: 600px; line-height: 30px; height: 90px; overflow: hidden; text-align: left;} .aboutPage .about-history .slide-tip{width: 1100px; overflow: hidden; left: -101px; z-index: 3; position: relative;} .aboutPage .about-history .slide-tip #dates{width: 200%;} .aboutPage .about-history .slide-tip #dates li{float: left; width: 225px; height: 66px; font-size: 24px; font-family: "Century Gothic"; text-align: center; color: #333;} .aboutPage .about-history .slide-tip #dates li a s{width: 6px; height: 6px; display: block; margin: 0 auto 4px; border-radius: 100%; background: #ffff;} .aboutPage .about-history .slide-tip #dates li a.selected s{display: block; background: #da4717;} .aboutPage .about-history .prev, .aboutPage .about-history .next{width: 44px; height: 44px; display: block; position: absolute; top: 74px; cursor: pointer; background: url(../images/btn-ico.png) no-repeat 0 0;} .aboutPage .about-history .prev{left: 34px; background-position: 0 0;} .aboutPage .about-history .next{right: 34px; background-position: -102px 0;} .aboutPage .about-history .linebg{left: 50px; width: 1115px; position: absolute; bottom: 80px; z-index: 1;} .aboutPage .about-history .linebg .line{width: 100%; height: 21px; background: url(../images/timebg.png) no-repeat left bottom;} .aboutPage .about-honor{width: 100%; height: 520px; padding-top: 70px; background: url(../images/about-honorbg.jpg) no-repeat center top; color: #fff;} .aboutPage .about-honor .n-tit .en{color: #fff;} .aboutPage .about-honor .n-tit h3{color: #fff;} .aboutPage .about-honor .poster-main{width: 875px; height: 350px; position: relative; margin: 50px auto 0; background: none;} .aboutPage .about-honor .poster-main a, .aboutPage .about-honor .poster-main img{display: block; height: 100%; width: 100%; background: #000;} .aboutPage .about-honor .poster-main a h3{text-align: center; margin-top: 8px; line-height: 30px; height: 30px; color: #fff; font-weight: bold; overflow: hidden;} .aboutPage .about-honor .poster-main .poster-list{width: 875px; height: 310px;} .aboutPage .about-honor .poster-main .poster-item{width: 400px; height: 300px; transition: none; position: absolute; left: 0; top: 0; border: 1px solid #dddddd;} .aboutPage .about-honor .poster-main .poster-btn{position: absolute; top: 0; z-index: 10; cursor: pointer;} .aboutPage .about-honor .poster-main .poster-prev-btn{left: -174px; background: url(../images/imgbtn-ico-left.png) no-repeat center center;} .aboutPage .about-honor .poster-main .poster-next-btn{right: -174px; background: url(../images/imgbtn-ico-right.png) no-repeat center center;} .aboutPage .box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;} .aboutPage .box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;} .aboutPage .box3 b{color: #26439c;} .content.showNews{background: #fff;padding: 20px;width: 900px;} .content.showNews .title{font-size: 22px; color: #333333; text-align: center; margin: 10px 0 16px;} .content.showNews .mark{color: #999999; height: 38px; line-height: 38px; text-align: center; margin-bottom: 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} .content.showNews .mark span{margin: 0 10px; font-size: 12px;} .content.showNews .mark span i{font-style: normal;} .content.showNews .showContxt{color: #666666; padding: 0 2px 20px; line-height: 30px;} .content.showNews .showContxt .t{position: relative; display: inline-block; *display: inline; *zoom: 1; color: #333; padding: 0 2px 5px; font-size: 16px; margin-bottom: 10px;} .content.showNews .showContxt .t:after{width: 20px; height: 2px; content: "\20"; background: #26439c; display: block; position: absolute; left: 2px; bottom: -1px;} .map_ul{list-style: outside none none; display: block; width: 100%; padding-top: 10px;} .map_ul li{display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left;} .map_ul li a{font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold;} .map_ul .list-inline{display: block; margin-left: 14%; width: 80%; min-height: 30px;} .map_ul .list-inline a{font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px;} .map_ul .list-inline a:hover{background: #26439c; color: #fff;} /*Talent*/ .dialog-layout{width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);} .talentPage{overflow: hidden; background: #fff;} .talentPage em{font-style: normal;} .zhaopinCon{width: 908px; border: 1px solid #dddddd;} .zhaopinCon .title{height: 56px; border-bottom: 1px solid #dddddd; font-size: 16px; text-align: center; color: #333333; margin-bottom: 20px;} .zhaopinCon .title span{width: 1px; height: 16px; background: #dddddd; float: left; margin-top: 21px;} .zhaopinCon .title h3{float: left; padding: 0 40px; cursor: pointer; height: 56px; line-height: 56px;} .zhaopinCon .title h3.cur{background: #26439c; color: #fff; position: relative;} .zhaopinCon .title h3.cur s{width: 0; display: block; position: absolute; left: 50%; margin-left: -5px; bottom: -10px; content: "\20"; border-top: 10px solid #26439c; border-right: 10px solid transparent; border-left: 10px solid transparent;} .zhaopinCon .zlist{width: 100%; overflow: hidden; padding-top: 10px; padding-bottom: 30px;} .talentPage .zlist .list2{width: 110%;} .talentPage .zlist .list2 .item{width: 262px; line-height: 40px; float: left; padding: 0 20px; border-right: 1px solid #dddddd;} .talentPage .item *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .talentPage .item h3{font-size: 16px; color: #333333; height: 40px; line-height: 40px; overflow: hidden;} .talentPage .item .txt{color: #666666;} .talentPage .item .time{color: #666666;} .talentPage .item .btn{width: 80px; height: 25px; line-height: 25px; text-align: center; display: block; border: 1px solid #dddddd; margin-top: 6px; border-radius: 18px; font-size: 14px; color: #333333;} .zhaopinCon .seemore{display: block; font-size: 16px; padding: 25px 0 0 15px; text-align: center;} .talentPage .item .btn:hover{color: #fff; background: #26439c; border-color: #26439c;} .talentPage .itemCon{width: 870px; height: 364px; z-index: 111; position: fixed; left: 50%; top: 50%; margin: -182px 0 0 -435px; background: #fff; border-top-right-radius: 6px; border-top-left-radius: 6px; display: none;} .talentPage .itemCon .title{width: 835px; height: 40px; line-height: 40px; text-align: left; padding: 0 10px 0 25px; background: #26439c; color: #fff; margin-bottom: 0;} .talentPage .itemCon .title .close{font-size: 12px; float: right; cursor: pointer;} .talentPage .itemCon .title .close .nyIcon{width: 15px; height: 15px; margin-left: 5px; background-position: -284px 0;} .talentPage .itemCon .title .close:hover .nyIcon{transform: rotate(180deg);} .talentPage .itemCon .txtcon{padding: 15px 25px; line-height: 24px; color: #666666;} .talentPage .itemCon .txt1 p{display: inline-block; *display: inline; zoom: 1; margin-right: 40px;} .talentPage .itemCon .txt2{height: 195px; overflow-y: auto;} .talentPage .itemCon .btn2{position: absolute; bottom: 20px; display: block; left: 50%; width: 136px; height: 32px; line-height: 32px; text-align: center; margin-left: -68px; background: #26439c; color: #fff;} .talentPage .itemCon .btn2:hover{height: 36px; line-height: 36px;} .jobinfo{width: 416px; height: 430px; z-index: 112; position: fixed; left: 50%; top: 50%; margin: -215px 0 0 -218px; background: #fff; padding: 10px; background: url(../images/blck50.png) repeat 0 0; display: none;} .jobinfo *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .jobinfo .jobinfoCon{width: 416px; height: 430px; background: #fff;} .jobinfo .title{width: 381px; height: 40px; line-height: 40px; padding: 0 10px 0 25px; background: #f2f2f2; color: #666;} .jobinfo .title .close2{font-size: 12px; float: right; cursor: pointer;} .jobinfo .title .close2 .nyIcon{width: 15px; height: 15px; margin-left: 5px; background-position: -306px 0;} .jobinfo .title .close2:hover .nyIcon{transform: rotate(180deg);} .jobinfo .jobinfoMsg{width: 350px; margin: 25px auto;} .jobinfo .jobinfoMsg .item{width: 100%; margin-bottom: 10px; position: relative;} .jobinfo .jobinfoMsg .item .msg-box{position: absolute; left: 70px;} .jobinfo .jobinfoMsg .item label{width: 60px; height: 28px; line-height: 28px; float: left; margin-right: 10px;} .jobinfo .jobinfoMsg .item label .red{color: red; float: right; margin-top: 2px; margin-left: 6px;} .jobinfo .jobinfoMsg .item .txt{width: 262px; float: left; height: 26px; line-height: 26px; padding-left: 10px; border: 1px solid #c9c9c9;} .jobinfo .jobinfoMsg .item.liuyan{margin-bottom: 25px;} .jobinfo .jobinfoMsg .item.liuyan .txt{height: 128px; padding: 5px 0 5px 10px;} .jobinfo .jobinfoMsg .subbtn{width: 102px; height: 30px; line-height: 30px; margin-left: 120px; cursor: pointer; display: block; text-align: center; background: #26439c; color: #fff;} .add-class{width: 790px; margin: 0 auto;} .add-class .t2{font-size: 20px; font-weight: bold; color: #333333; width: 100%; padding: 15px 0 18px; border-top: 1px solid #eaeaea; text-align: center; margin-top: 15px;} .add-class .t2.t22{margin-top: 85px;} .add-class .item{*zoom: 1; width: 100%; background: #f4f4f4; margin-bottom: 40px;} .add-class .item:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .add-class .item img{width: 395px;} .add-class .item .txt{width: 370px; height: auto; margin: 0; line-height: 32px; color: #333; text-align: left;} .add-class .item .txt .t3{text-align: center; font-size: 18px; font-weight: bold; padding-bottom: 10px;} .add-class .item .txt.fr{padding: 20px 10px 0 0;} .add-class .item .txt.fl{padding: 20px 0 0 20px;} .add-class .item.a2 .txt{padding-top: 66px;} /********.toolbar1*********/ .toolbar1{width: 50px;position: fixed;right: 0;top: 50%;margin-top: -102px;z-index: 999;} .toolbar1 dd{width: 50px; height: 50px; margin-bottom: 1px; position: relative; background: url(../images/black50.png) repeat 0 0;} .toolbar1 dd i{width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;} .toolbar1 dd i span{width: 35px; height: 35px; display: block; margin: 7px 0 0 7px; *margin: 7px 0 0 0; background: url(../images/rightfixicon.png) no-repeat 0 0;} .toolbar1 .slide-tel{display: block; width: 0; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden;} .toolbar1 .pop{position: absolute; right: 90px; top: -65px; background: #26439c; display: none;} .toolbar1 .pop-code{width: 160px;} .toolbar1 .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;} .toolbar1 .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;} .toolbar1 .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}.toolbar1 .qq span{background-position: 0 -47px;} .toolbar1 .qq a{width: 50px; height: 50px; cursor: pointer; display: block;} .toolbar1 .qq:hover{background: #26439c;} .toolbar1 .tel span{background-position: 0 0;} .toolbar1 .tel:hover{background: #26439c;} .toolbar1 .code span{ background: url(../images/vx.png) !important; background-size: 100% !important; background-repeat: no-repeat;} .toolbar1 .code:hover{background: #26439c;} .toolbar1 .top span{background-position: 0 -142px;} .toolbar1 .top:hover{background: #26439c;} /************* * Hover-master * **************/ /* Overline From Left*/ .hvr-overline-from-left{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;} .hvr-overline-from-left:before{content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: -1px; background: #26439c; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before, .hvr-overline-from-left.hover:before{right: 0;} /*round-corners*/ .round-corners{display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);} .round-corners:hover{border-radius: 1em;} /* Underline From Left */ .hvr-underline-from-left{display: block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;} .hvr-underline-from-left:before{content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #26439c; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before{right: 0;} /* 亮光 */ .hvr-light{overflow: hidden; position: relative;} .hvr-light:before{content: ""; position: absolute; width: 50px; height: 275px; top: 0; left: -150px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -moz-transform: skewX(-32deg); transform: skewX(-32deg);} .hvr-light:hover:before{-webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; transition: left 1s; left: 480px;} .hvr-light:hover{opacity: .9\0; filter: alpha(opacity=90);} /* Float Shadow */ .hvr-float-shadow{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;} .hvr-float-shadow:before{pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity;} .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active{-webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */} .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before{opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */} /*******font-face********/ @font-face{font-family: impact; src: url('../font/impact.eot'); src: url('../fonts/impact.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/impact.woff') format('woff'), /* Modern Browsers */ url('../fonts/impact.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/impact.svg#impact') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */} /*↓组图样式↓*/ .HS10, .HS15{overflow:hidden;clear:both;} .HS10{height:10px;} .HS15{height:15px;} .Hidden{display:none;} .Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;} .FlLeft{float:left;} .FlRight{float:right;} /*幻灯片区域背景*/ .MainBg{width: 100%;margin:0 auto;} /*大图展示区域*/ .OriginalPicBorder{padding: 0;} #OriginalPic{width: 920px;overflow:hidden;position:relative;font-size:12px;} #OriginalPic img{display:block;min-width: 100px;margin:0 auto;} /*鼠标手势*/ .CursorL{position:absolute;z-index:999;width:50%;height: 100%;color:#FFF;left: 0;cursor:url(../images/CurL.cur), auto;background:url(../images/space.png) repeat scroll 0 0 transparent;} .CursorR{position:absolute;z-index:999;width:50%;height: 100%;color:#FFF;right:0;cursor:url(../images/CurR.cur), auto;background:url(../images/space.png) repeat scroll 0 0 transparent;} /*小图预览和滑动*/ .SliderPicBorder{width: 100%;overflow:hidden;} .ThumbPicBorder {width: 100%;margin:0 auto;background: #eeeeee;overflow: hidden;position: relative;} .ThumbPicBorder #btnPrev{width:45px;height:113px;cursor:pointer;position: absolute;left: 20px;top: 20px;} .ThumbPicBorder #btnNext{width:45px;height:113px;cursor:pointer;position: absolute;right: 20px;top: 20px;} .ThumbPicBorder .pic{width: 755px;overflow: hidden;position: relative;margin: 20px auto;} #ThumbPic img{border: 3px solid #ddd;cursor:pointer;background-color: #ddd;margin: 0 5px;width: 135px;height: 108px;display:block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} #ThumbPic img.active{border: 3px solid #26439c;} /*↑组图样式↑*/ .product { padding-top: 20px; overflow: hidden } .product .list li { width: 33.33333333%; float: left; padding: 0 15px; margin-bottom: 40px; box-sizing: border-box; } .product .list .box { border: 1px #e6f4fa solid; border-top: 7px #009ee0 solid; display: block; position: relative; background: #fff } .product .list .pic { display: block; z-index: 1; overflow: hidden; position: relative; font-size: 0; line-height: 0 !important; } .product .list .pic:after { content: ""; display: block; } .product .list img { -webkit-transition: all .5s; transition: all .5s; height: 240px; width: 100%; } .product .list .text { padding: 20px 35px 0 35px; position: relative; z-index: 1; -webkit-transition: all .1s; transition: all .1s } .product .list .title { font-size: 24px; height: 36px; line-height: 36px; margin: 10px 0; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .product .list .info { font-size: 14px; color: #777; line-height: 28px; height: 84px; overflow: hidden; margin-bottom: 30px } .product .list .detailed { border-top: 1px #009ee0 solid; text-align: right; color: #777; font-size: 14px; line-height: 30px; padding: 20px 0 30px 0 } .product .list .detailed .icon { max-height: 7px; margin-top: 7px; float: right } .product .list .box:hover .text { background: #009ee0 } .product .list .box:hover .title { color: #fff } .product .list .box:hover .info { color: #fff } .product .list .box:hover .detailed { border-color: #fff; color: #fff } .product .list .box:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1) } .product .list li:nth-child(1) .box { border-top-color: #98bb52 } .product .list li:nth-child(1) .box:hover .text { background: #98bb52 } .product .list li:nth-child(1) .detailed { border-top-color: #98bb52 } .product .list li:nth-child(2n) .box { border-top-color: #456aab } .product .list li:nth-child(2n) .box:hover .text { background: #456aab } .product .list li:nth-child(2n) .detailed { border-top-color: #456aab } .product .list li:nth-child(3n) .box { border-top-color: #d13030 } .product .list li:nth-child(3n) .box:hover .text { background: #d13030 } .product .list li:nth-child(3n) .detailed { border-top-color: #d13030 } .product .list li:nth-child(4n) .box { border-top-color: #584f99 } .product .list li:nth-child(4n) .box:hover .text { background: #584f99 } .product .list li:nth-child(4n) .detailed { border-top-color: #584f99 } .product .list li:nth-child(5n) .box { border-top-color: #009ee0 } .product .list li:nth-child(5n) .box:hover .text { background: #009ee0 } .product .list li:nth-child(5n) .detailed { border-top-color: #009ee0 } /**/ .joinBox { padding: 50px 0; } .joinBoxF { position: relative; height: auto; line-height: 55px; margin-bottom: 20px; } .ji { position: absolute; left: 0; top: 0; } .joinBoxF ol { padding: 10px 0; box-sizing: border-box; height: 75px; background-color: white; cursor: pointer; border-radius: 5px; overflow: hidden; } .joinBoxF li { height: 55px; float: left; width: 19.5%; font-size: 14px; text-align: center; border-right: 1px solid #e3e3e3; } .joinBoxF li:last-child { border: none; } .hiddenBox { display: none; padding: 20px; } .hiddenBox div { border: 1px solid #e3e3e3; padding: 20px; } .hiddenBox h1 { color: #11335e; line-height: 30px; } .hiddenBox p { font-size: 13px; line-height: 26px; } .cBox { padding: 60px 0; } .cleft { width: 450px; height: 400px; background-color: #fbfbfb; padding: 20px 40px; }