@charset "UTF-8";
body,
p,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
dl,
dd{margin: 0px;}
input,
button,
ul,
ol{margin: 0px; padding: 0px;}
body,
input,
button,
form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color: #333333;}
h1,
h2,
h3,
h4,
h5,
h6,
font{font-size: 14px; font-weight: normal;}
ul,
ol,
li{list-style: none;}
input{background: none; border: 0 none;}
img,
iframe{border: 0px;}
em,
i{font-style: normal;}
button,
input,
select,
textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.clear{ clear:both; }
.red{color: #ba292e;}
.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;}
.w1100{width: 1100px; margin: 0px auto;}
.ico{background: url(../images/ico.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #333333; text-decoration: none;}
a:hover{color: #0086cc; 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;}
/* top_main */
.top_main{width: 100%; height: 33px; line-height: 33px; overflow: hidden; background-color: #313131; color: #fff;}
.top_main .top_l{font-size: 12px;}
.top_main .top_r{font-size: 12px;}
.top_main .tel{margin-right: 80px;}
.top_main .tel s{width: 20px; height: 19px; margin-right: 5px; background-position: 0 0;}
.top_main .tel strong{font-style: italic; font-size: 18px; font-family: arial; color: #3589c5;}
.top_main li{display: inline-block; *display: inline; zoom: 1; text-align: center;}
.top_main li a{color: #848484;}
.top_main li s{width: 20px; height: 18px; margin-right: 2px;}
.top_main li.a1 s{background-position: -34px 0;}
.top_main li.a2 s{background-position: -65px 0;}
.top_main li.a3 s{background-position: -96px 0;}
.top_main .split{width: 1px; height: 12px; margin: 0 10px; text-align: center; border-left: 1px dashed #848484; display: inline-block; *display: inline; zoom: 1; vertical-align: middle;}
.top_main li a:hover{color: #fff;}
/*header_main*/
.header_main{width: 100%; height: 86px; background: #fff; z-index: 99; border-bottom: 1px solid #d0cdcd;}
.header_main .header{-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_main .logo{width: 190px; height: 85px; display: block;}
.header_main .logo img{width: 100%; height: 100%; display: block;}
.header_main .nav_main{width: 835px; height: 86px; position: relative;}
.header_main .nav_main ul{width: 102%;}
.header_main .nav_main li{float: left; position: relative; z-index: 10;}
.header_main .nav_main li a{padding: 0 16px; height: 86px; line-height: 86px; cursor: pointer; display: block; position: relative; overflow: hidden; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.header_main .nav_main li:hover,
.header_main .nav_main li.hover{background: #fbfafa;}
.header_main .nav_main li:hover a,
.header_main .nav_main li.hover a{border-left: 1px solid #eae8e8; border-right: 1px solid #eae8e8;}
.header_main .nav_main li.nav5 .subNav{width: 112px;}
.header_main .nav_main .subNav{position: absolute; width: 84px; text-align: center; z-index: 99; display: none; left: 0; top: 78px; background: url(../images/black80.png) repeat 0 0;}
.header_main .nav_main .subNav a{padding: 0; display: block; height: 32px; line-height: 32px;}
.header_main .htel{ width: 158px; line-height: 24px; padding-top: 18px; }
.header_main .htel strong{ font-size: 24px; font-family: arial; display: block;  color: #3589c5; }
.header_main .header_comp{width: 120px; padding-top: 28px; text-align: right;}
.header_main .header_comp li{display: inline-block; *display: inline; *zoom: 1; margin-left: 8px;}
.header_main .header_comp li .ico{width: 29px; height: 29px;}
.header_main .header_comp li .drop{width: 100px; height: 0; 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; opacity: 0; filter: alpha(opacity=0); left: 50%; margin-left: -60px; top: 29px; background: #fff; padding: 5px; border: 1px solid #eee;}
.header_main .header_comp li .drop img{width: 100px; height: 100px; display: block;}
.header_main .header_comp li.phone .ico{background-position: 0 -26px;}
.header_main .header_comp li.weixin .ico{background-position: -37px -26px;}
.header_main .header_comp li.weibo .ico{background-position: -74px -26px;}
.header_main .header_comp li:hover .ico{ opacity: .7; }
/*.header_main .header_comp li.phone:hover .ico{background-position: 0 -65px;}
.header_main .header_comp li.weixin:hover .ico{background-position: -37px -65px;}
.header_main .header_comp li.weibo:hover .ico{background-position: -74px -65px;}*/
.header_main .header_comp li:hover .drop{height: 100px; opacity: 1; filter: alpha(opacity=100); z-index: 101;}
/* banner */
.banner,
.banner .list,
.banner img{height: 490px;}
.banner{width: 100%; min-width: 1000px; position: relative;}
.banner .list{width: 100%;}
.banner .list li{width: 100%; position: absolute; z-index: 1; overflow: hidden; background: #fff;}
.banner .list li a{ display: block; width: 100%; }
.banner img{width: 1920px; display: block; position: relative; left: 50%; margin-left: -960px; top: 0;}
.banner .tip{width: 1000px; height: 16px; text-align: center; position: absolute; left: 50%; margin-left: -500px; bottom: 30px; z-index: 3;}
.banner .tip span{width: 12px; height: 12px; margin: 0 6px; display: inline-block; cursor: pointer; background: none; border: 1px solid #fff; border-radius: 50%; transition: all .3s;}
.banner .tip span.cur{background: #fff;}
.banner .prev,
.banner .next{width: 56px; height: 56px; position: absolute; z-index: 99; top: 50%; margin-top: -28px; text-align: center; cursor: pointer; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.banner .prev{left: 5%;}
.banner .next{right: 5%;}
.banner .prev{background-position: -1px -112px;}
.banner .next{background-position: -66px -112px;}
.banner .prev:hover,
.banner .next:hover{margin-top: -33px;}
/*search*/
.search_main{width: 100%; height: 46px; line-height: 46px; border-bottom: 1px solid #eae8e8;}
.search_main .search_form{width: 320px; height: 30px; margin-top: 7px; position: relative;}
.search_main .search_form input{border: 0 none; display: block; outline: none;}
.search_main .search_form span{width: 72px; display: block; line-height: 30px; color: #333333;}
.search_main .search_form .box{width: 242px; height: 28px; line-height: 28px; border: 1px solid #e1e0e0;}
.search_main .search .stxt{width: 200px; height: 28px; padding-left: 10px; line-height: 28px; background: #fff;}
.search_main .search .sbtn{width: 26px; height: 26px; cursor: pointer; background-position: -128px -72px;}
.search_main .search .s-news{width: 500px; height: 46px; line-height: 46px; overflow: hidden; position: relative;}
.search_main .search .s-news h3{font-weight: bold; margin-right: 4px; color: #333333;}
.search_main .search .s-news h3 s{width: 25px; height: 20px; margin-right: 3px; background-position: -128px 0;}
.search_main .search .s-newsCon{width: 395px;}
.search_main .search .s-news .list{height: 500%; position: relative;}
.search_main .search .s-news .list li{width: 100%; height: 46px; line-height: 46px;}
.search_main .search .s-news .list li a{height: 46px; line-height: 46px; display: block; color: #666666;}
.search_main .search .s-news .list li span{font-size: 12px; color: #999999;}
.search_main .search .s-news .list li a:hover{color: #2d88c8;}
/*main css*/
/*indexTit*/
.indexTit{width: 100%; text-align: center; position: relative;}
.indexTit h3{font-size: 36px; line-height: 40px; color: #333333;}
.indexTit .en{text-transform: uppercase; font-size: 12px; color: #999999; font-family: arial;}
.indexTit .line{width: 37px; height: 4px; background: #2d88c8; display: block; margin: 0 auto;}
.indexTit p{color: #666666; margin: 5px 0 30px;}
.indexTit .left,
.indexTit .right{width: 80px; height: 8px; position: absolute; margin-top: -2px; top: 50%;}
.indexTit .left{left: 50%; margin-left: -160px; background-position: -138px -122px;}
.indexTit .right{right: 50%; margin-right: -160px; background-position: -138px -112px;}
/*floor_1_main*/
.floor_1_main{padding: 40px 0 60px; background: url(../images/floor1_bg.jpg) no-repeat center top;}
.floor_1_main .list{overflow: hidden;}
.floor_1_main .list .item{width: 298px; height: 298px; float: left; position: relative; background: #fff; text-align: center; border: 1px solid #d2d2d2; border-left: 0;}
.floor_1_main .list .item *{transition: all .5s;}
.floor_1_main .list .item a{width: 100%; height: 258px; position: relative; z-index: 11; padding-top: 40px; display: block;}
.floor_1_main .list .item h3{font-size: 20px; padding: 10px 0; color: #333;}
.floor_1_main .list .item .txt{padding: 0 20px; color: #999999; line-height: 26px; height: 52px; overflow: hidden;}
.floor_1_main .list .item .more{width: 117px; height: 24px; line-height: 24px; display: block; margin: 40px auto 0; border: 1px solid #fff; color: #fff;}
.floor_1_main .list .item s{width: 90px; height: 80px; display: block; margin: 0 auto; background: url(../images/service-ico.png) no-repeat 0 0; transition: none;}
.floor_1_main .list .a1{border-left: 1px solid #d2d2d2;}
.floor_1_main .list .a1 s{background-position: 0 20px;}
.floor_1_main .list .a2 s{background-position: 0 -95px;}
.floor_1_main .list .a3 s{background-position: 0 -200px;}
.floor_1_main .list .a4 s{background-position: 0 -315px;}
.floor_1_main .list .item:hover{background: url(../images/floor_1_libg.jpg) no-repeat center center; border-color: #2c82bf;}
.floor_1_main .list .item:hover a{padding-top: 20px; height: 278px;}
.floor_1_main .list .item:hover h3{color: #fff;}
.floor_1_main .list .item:hover .txt{color: #fff;}
.floor_1_main .list .item:after{position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; -webkit-transform: scale(0); transform: scale(0);}
.floor_1_main .list .item:hover:after{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
/*floor_2_main*/
.floor_2{padding: 50px 0 40px; position: relative;}
.floor_2 .btn .ico{width: 44px; height: 44px; position: absolute; top: 50%; margin-top: 20px; transition: all .3s; cursor: pointer; background-color: #dbdde1;}
.floor_2 .btn .prev{left: -100px; background-position: -165px -60px;}
.floor_2 .btn .next{right: -100px; background-position: -196px -60px;}
.floor_2 .btn .ico:hover{background-color: #2d88c8;}
.floor_2 .iproduct{overflow: hidden; position: relative; margin-top: 25px;}
.floor_2 .iproduct .morebtn{width: 193px; height: 37px; display: block; margin: 33px auto 0; line-height: 37px; text-align: center; background: #fff; color: #333333; border: 1px solid #c9c9c9; transition: all .3s;}
.floor_2 .iproduct .morebtn s{width: 20px; height: 20px; margin-left: 5px; background-position: -160px 2px; transition: all .3s;}
.floor_2 .iproduct .morebtn:hover{border-color: #0b85ec;}
.floor_2 .iproduct .morebtn:hover s{margin-left: 10px;}
.floor_2 .iproduct .list{width: 300%; padding-top: 10px; position: relative;}
.floor_2 .iproduct .list .item{width: 357px; height: 268px; float: left; text-align: center; overflow: hidden; margin-right: 64px; position: relative; padding: 0; transition: all .3s;}
.floor_2 .iproduct .list .item *{transition: all .3s;}
.floor_2 .iproduct .list .item a,
.floor_2 .iproduct .list .item img{width: 357px; height: 268px; display: block;}
.floor_2 .iproduct .list .item .txt{width: 100%; height: 268px; position: absolute; z-index: 10; left: 0; bottom: -218px; background: url(../images/blck50.png) repeat 0 0;}
.floor_2 .iproduct .list .item h3{height: 50px; font-size: 18px; color: #fff; line-height: 50px;}
.floor_2 .iproduct .list .item s{width: 38px; height: 38px; display: block; margin: 0 auto; background-position: -214px -20px; display: none;}
.floor_2 .iproduct .list .item .more{width: 123px; height: 26px; line-height: 26px; text-align: center; border: 1px solid #fff; color: #fff; display: block; margin: 5px auto 0;}
.floor_2 .iproduct .list .item:hover .txt{width: 100%; height: 192px; padding-top: 76px; bottom: 0; background: url(../images/blue80.png) repeat 0 0;}
.floor_2 .iproduct .list .item:hover s{display: block;}
.floor_2 .iproduct .list .item:hover h3{color: #fff;}
/*ixbanner*/
.ixbanner{width: 100%; height: 165px; color: #fff; background: url(../images/ixbanner.png) no-repeat center top;}
.ixbanner .con{width: 520px; padding-top: 80px; line-height: 24px;}
.ixbanner .con .ixtel{ width: 250px; }
.ixbanner .con s{width: 46px; height: 44px; margin-right: 5px; background-position: -116px -22px;}
.ixbanner .con span{font-size: 14px; display: block; line-height: 20px;}
.ixbanner .con strong{font-size: 23px; font-weight: normal;}
.ixbanner .con a{width: 104px; height: 35px; padding-left: 20px; margin: 10px 0 0 0; display: block; color: #fff; line-height: 33px;  background: url(../images/ixbannerbtnbg.png) no-repeat center bottom; }
.ixbanner .con a:hover{font-weight: bold;}

/*floor_3*/
.floor_3{padding: 60px 0; background: #fff url(../images/isolutionbg.jpg) no-repeat center bottom;}
.floor_3 .isolution{width: 100%; overflow: hidden; padding-top: 40px;}
.floor_3 .isolution .list{width: 300%; padding-top: 35px;}
.floor_3 .isolution .item{width: 267px; padding: 6px 6px 15px; float: left; margin-right: 24px; border: 1px solid #dfdfdf; background: #fff; transition: all .3s;}
.floor_3 .isolution .item a{display: block; width: 100%;}
.floor_3 .isolution .item .img{width: 267px; height: 200px; display: block; border-bottom: 3px solid #2d88c8; transform-origin: 50% 50%; transition: .3s ease;}
.floor_3 .isolution .item h3{font-size: 18px; color: #333333; padding: 10px 5px 5px;}
.floor_3 .isolution .item .txt{font-size: 14px; padding: 0 5px; color: #666666; line-height: 22px; height: 44px; overflow: hidden;}
.floor_3 .isolution .item .more{font-size: 12px; color: #999999; margin: 10px 0 0 5px; display: block; transition: .3s ease;}
.floor_3 .isolution .item .more s{width: 14px; height: 14px; margin-left: 6px; background-position: -188px 0;}
.floor_3 .isolution .item:hover .img{filter: brightness(130%);}
.floor_3 .isolution .item:hover .more{margin-left: 10px;}
.floor_3 .isolution .item:hover h3{color: #2d88c8;}
.floor_3 .isolution .item:hover{border-color: #2d88c8;}
.floor_3 .isolution .hd{text-align: center; padding-top: 30px;}
.floor_3 .isolution .hd li{width: 14px; height: 14px; font-size: 0; display: inline-block; *display: inline; zoom: 1; background: none; border: 1px solid #2d88c8; margin: 0 6px; border-radius: 100%;}
.floor_3 .isolution .hd li.on{background: #2d88c8;}
/*floor_4*/
.floor_4{width: 100%; height: 353px; padding: 50px 0 50px; background: url(../images/aboutbg.jpg) no-repeat center top;}
.floor_4 .iaboutImg{width: 583px; height: 335px; padding: 7px; background: #fff; background: rgba(255, 255, 255, 0.3);}
.floor_4 .iaboutImg img{width: 583px; height: 335px; display: block;}
.floor_4 .iaboutTxt{width: 580px; color: #fff;}
.floor_4 .iaboutTxt .tit{font-size: 36px; line-height: 36px; margin-bottom: 20px;}
.floor_4 .iaboutTxt .tit span{font-size: 14px; text-transform: uppercase; margin-left: 10px;}
.floor_4 .iaboutTxt .tit .more{font-size: 14px; margin-top: 9px; color: #fff;}
.floor_4 .iaboutTxt .tit .more:hover{text-decoration: underline;}
.floor_4 .iaboutTxt .txt{width: 100%; height: 192px; overflow: hidden; line-height: 24px;}
.floor_4 .iaboutTxt .txt2{ font-size: 20px; font-weight: bold; margin-top: 10px; }
.floor_4 .iaboutTxt .morebtn{margin-top: 22px; width: 156px; height: 40px; display: block; line-height: 40px; text-align: center; background: #b4dc76; color: #fff; transition: all .3s;}
.floor_4 .iaboutTxt .morebtn s{width: 16px; height: 16px; margin-left: 15px; background-position: -208px 0;}
.floor_4 .iaboutTxt .morebtn:hover{background: #edba06;}
/*floor_5*/
.floor_5{padding: 50px 0 60px;}
.floor_5 .title{width: 100%; margin-bottom: 20px;}
.floor_5 .title strong{font-weight: normal; font-size: 30px; color: #333333; line-height: 30px;}
.floor_5 .title span{font-size: 12px; color: #999999; margin-left: 10px; text-transform: uppercase;}
.floor_5 .title a{font-size: 14px; color: #333333; margin-top: 8px;}
.floor_5 .title a:hover{color: #0086CC;}
.floor_5 .inews_left{width: 610px;}
.floor_5 .inews_left .item{width: 285px; float: left;}
.floor_5 .inews_left .item a{display: block; width: 100%; height: 100%;}
.floor_5 .inews_left .item img{width: 285px; height: 214px; display: block; transition: all .3s; *filter: alpha(opacity=80);}
.floor_5 .inews_left .item h3{color: #2e2e2e; font-size: 18px; line-height: 28px; padding: 8px 0 6px;}
.floor_5 .inews_left .item .txt{color: #666666; line-height: 24px; height: 48px; overflow: hidden;}
.floor_5 .inews_left .item:first-child{margin-right: 38px;}
.floor_5 .inews_left .item:hover img{filter: brightness(120%);}
.floor_5 .inews_left .item:hover h3{color: #2d88c8;}
.floor_5 .inews_right{width: 495px; height: 390px; overflow: hidden; padding-left: 46px; border-left: 1px solid #d2d2d2;}
.floor_5 .inews_right .item{width: 100%; padding: 24px 0;}
.floor_5 .inews_right .item a{width: 100%; display: block;}
.floor_5 .inews_right .item .time{width: 62px; height: 67px; margin-right: 16px; border-right: 1px solid #707070; font-family: arial; font-size: 22px; color: #666666; transition: all .3s;}
.floor_5 .inews_right .item .time span{font-size: 44px; line-height: 38px; *line-height: 44px; margin-bottom: 2px; font-weight: bold; display: block;}
.floor_5 .inews_right .item h3{font-size: 16px; color: #333333; line-height: 16px; margin-bottom: 8px; transition: all .3s;}
.floor_5 .inews_right .item .txt{font-size: 14px; color: #999999; line-height: 22px; overflow: hidden; height: 44px;}
.floor_5 .inews_right .item:hover h3{color: #388fc9;}
.floor_5 .inews_right .item:hover .time{color: #388fc9;}
/*ilink*/
.ilink{width: 100%; height: 60px; line-height: 60px; color: #fff; background: #2e2e2e;}
.ilink s{width: 30px; height: 30px; background-position: -175px -23px;}
.ilink span{font-size: 16px;}
.ilink a{color: #878484; padding: 0 8px;}
.ilink a:hover{color: #fff;}
/*footer_main*/
.footer_main{padding: 54px 0 0; background: #252525; overflow: hidden;}
.footer_main .footer{ padding-bottom: 35px; }
.footer_main .logoTel{ width:400px; }
.footer_main .logoTel .blogo{ margin-bottom: 5px; }
.footer_main .logoTel ul{ color: #999999; }
.footer_main .logoTel li{ margin-bottom:6px; }
.footer_main .logoTel li span{ display: block; line-height: 36px; font-size: 24px; font-family: arial; color: #fff; }
.footer_main .botNav{ width: 720px; }
.footer_main .botNav dl{width: 150px; line-height: 35px; float: left;}
.footer_main .botNav dl.last{ width: 100px; }
.footer_main .botNav dl dt{color: #fff; margin-bottom: 6px;}
.footer_main .botNav dl dt a{ color: #fff; font-size: 16px; }
.footer_main .botNav dl dd a{color: #666666;}
.footer_main .botNav dl dd a:hover{color: #fff;}
.footer_main .copyright{width: 100%; height: 50px; font-size: 12px; line-height: 50px; border-top: 1px solid #3e3e3e; background: #252525; color: #a8a5a5;}
.footer_main .copyright a{color: #a8a5a5;}
.footer_main .copyright a:hover{color: #fff;}
.footer_main .list{padding-top: 6px;}
.footer_main .list li{width: 35px; height: 35px; float: left; position: relative; margin-left: 10px; cursor: pointer;}
.footer_main .list li a{height: 35px; display: block; width: 100%;}
.footer_main .list li s{width: 35px; height: 35px; vertical-align: top;}
.footer_main .list .goTop s{width: 35px; height: 35px; background-position: -245px -105px;}
.footer_main .list .erwm s{width: 35px; height: 35px; background-position: -245px -145px;}
.footer_main .list .email s{width: 35px; height: 35px; background-position: -245px -66px;}
.footer_main .list .box{position: absolute; display: none; left: -45px; bottom: 15px; *bottom: 35px; }
.footer_main .list .erwm:hover .box{display: block;}
.footer_main .list li:hover s{opacity: .7;}
/* rightFix */
.returnTop2{width: 45px; height: 53px; position: fixed; right: 50px; transition: all .3s; bottom: 140px; cursor: pointer; background-position: -330px -36px; z-index: 9999;}
.returnTop2:hover{bottom: 145px;}
/********toolbar1*********/
/*.toolbar1{width: 50px; position: fixed; left: 10px; top: 150px; z-index: 999;}
.toolbar1 dd{width: 50px; height: 50px; background: #898989; position: relative;}
.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; background: #898989;}
.toolbar1 .pop{position: absolute; right: 90px; top: -65px; background: #2098d1; display: none;}
.toolbar1 .pop-code{width: 120px; padding: 20px 20px 0;}
.toolbar1 .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar1 .pop-code h3{height: 50px; line-height: 50px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar1 .qq span{background-position: 0 -47px;}
.toolbar1 .qq a{width: 50px; height: 50px; cursor: pointer; display: block;}
.toolbar1 .qq:hover{background: #2098d1;}
.toolbar1 .tel span{background-position: 0 0;}
.toolbar1 .tel:hover{background: #2098d1;}
.toolbar1 .code span{background-position: 0 -142px;}
.toolbar1 .code:hover{background: #2098d1;}
.toolbar1 .code2 span{background-position: 0 -95px;}
.toolbar1 .code2:hover{background: #2098d1;}
.toolbar1 .return-top{margin-top: 30px;}
.toolbar1 .top{height: 53px; background: url(../images/return-ico.jpg) no-repeat center center;}*/
.toolbar1{width: 50px; position: fixed; right: 2px; top: 200px; z-index: 999;}
.toolbar1 dd{width: 50px; height: 50px; background: #2098d1; position: relative;}
.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; background: #2098d1;}
.toolbar1 .pop{position: absolute; right: 90px; top: -65px; background: #2eb2f1; display: none;}
.toolbar1 .pop-code{width: 120px; padding: 20px 20px 0;}
.toolbar1 .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar1 .pop-code h3{height: 50px; line-height: 50px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar1 .qq span{background-position: 0 -47px;}
.toolbar1 .qq a{width: 50px; height: 50px; cursor: pointer; display: block;}
.toolbar1 .qq:hover{background: #2eb2f1;}
.toolbar1 .tel span{background-position: 0 0;}
.toolbar1 .tel:hover{background: #2eb2f1;}
.toolbar1 .code span{background-position: 0 -142px;}
.toolbar1 .code:hover{background: #2eb2f1;}
.toolbar1 .code2 span{background-position: 0 -95px;}
.toolbar1 .code2:hover{background: #2eb2f1;}
.toolbar1 .return-top{margin-top: 30px;}
.toolbar1 .top{height: 53px; background: url(../images/return-ico.jpg) no-repeat center center;}
.subCompany{width: 253px; position: fixed; right: 10px; top: 240px; z-index: 999; padding-top: 57px; background: url(../images/subCompanybg.jpg) no-repeat center top;}
.subCompany ul{ width:251px; padding: 16px 0 10px; background: #fff; border:1px solid #d2d2d2; border-top:0px; border-bottom-width: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.subCompany li{width: 230px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto 8px; background: #6bcaa1; color:#fff; transition: all .3s; }
.subCompany li a{ width:100%; color:#fff; }
.subCompany li:hover{ background: #2d88c8; }
.subCompany .close{width: 18px; height: 18px; cursor: pointer; position: absolute; right: -8px; top: -10px; background-position: -261px 0; transition: all .3s;}
.subCompany .close:hover{transform: rotate(180deg);}
/***********category css*************/
.nyIcon{background: url(../images/nyIcon.png) no-repeat; display: inline-block; vertical-align: middle;}
/* loaction */
.location{width: 100%; height: 45px; line-height: 45px; background: #fff; position: relative; z-index: 99; border-bottom: 1px solid #eae8e8;}
.location .sitepath{ width: 570px; color: #666666;}
.location .sitepath s{width: 22px; height: 18px; background-position: 0 0; margin-right: 6px;}
.location .sitepath a{color: #666666;}
.location .sitepath a:hover{color: #0086cc;}
.location .menu{height: 45px; line-height: 45px;}
.location .menu span{width: 1px; height: 16px; margin: 0 12px 0 10px; background-position: -206px -36px;}
.location .menu a{ padding: 0 8px; height: 45px; line-height: 45px; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; display: inline-block;}
.location.scrollDown{position: fixed; top: 0px;}
.location.aboutLocation .menu{text-align: center;}
.location.aboutLocation .menu a{width: auto; padding: 0 18px; margin: 0 10px;}
/*nybanner*/
.nybanner{width: 100%; height: 110px; position: relative; overflow: hidden; padding-top: 90px; background-position: center top; background-repeat: no-repeat;}
.nybanner h3{display: inline-block; *display: inline; *zoom: 1; font-size: 28px; color: #313131;}
.nybanner .en{margin-left: 10px; font-family: arial; text-transform: uppercase; color: #797878;}
.nybanner .white h3{ color: #fff; }
.nybanner .white .en{ color: #fff; }
.erwmImg img{width: 90px; height: 90px; display: block; background: #fff; padding: 5px; border: 1px solid #dcdcdc;}
.cateDes{line-height: 24px; color: #000000; margin-bottom: 20px;}
.cateDes p{color: #0086cc;}
.wrapper{padding: 40px 0 36px;}
.recomdPro{background: #f4f3f3; padding: 35px 0 50px;}
.recomdPro .title{margin-bottom: 25px;}
.recomdPro .title h3{color: #1d8cda; line-height: 35px; border-bottom: 1px solid #c3c3c3; font-size: 18px; display: inline-block; *display: inline; *zoom: 1; font-weight: bold;}
.recomdPro .title s{width: 18px; height: 18px; margin-right: 4px; background-position: -107px -36px;}
.recomdPro .title .more{width: 62px; height: 25px; line-height: 25px; text-align: right; display: block; padding-right: 10px; margin-top: 10px; background: #e8e7e7; color: #333333; font-size: 12px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.recomdPro .title .more:hover{background: #0086cc; color: #fff; width: 70px;}
.recomdPro .recomdList *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.recomdPro .recomdList .item{width: 220px; float: left; text-align: center; line-height: 38px; margin-left: 24px; background: #e9e8e8;}
.recomdPro .recomdList .item:first-child{margin-left: 0;}
.recomdPro .recomdList .item a{display: block; width: 100%;}
.recomdPro .recomdList .item img{width: 220px; height: 165px; display: block;}
.recomdPro .recomdList .item h3{color: #1b1b1b; height: 38px; line-height: 38px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.recomdPro .recomdList .item:hover{background: #0086cc;}
.recomdPro .recomdList .item:hover img{-webkit-filter: brightness(120%); filters: brightness(120%);}
.recomdPro .recomdList .item:hover h3{color: #fff;}
/*hotnews*/
.hotNews{overflow: hidden; padding-bottom: 25px; border-bottom: 1px solid #dcdcdc;}
.hotNews .title{margin-bottom: 12px;}
.hotNews .title h3{color: #333333; line-height: 35px; border-bottom: 1px solid #c3c3c3; font-size: 18px; display: inline-block; *display: inline; *zoom: 1; font-weight: bold;}
.hotNews .title s{width: 25px; height: 22px; margin-right: 4px; background-position: -135px -34px;}
.hotNews .title .more{width: 62px; height: 25px; line-height: 25px; text-align: right; display: block; padding-right: 10px; margin-top: 10px; background: #e8e7e7; color: #333333; font-size: 12px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.hotNews .title .more:hover{background: #0086cc; color: #fff; width: 70px;}
.hotNews .list{width: 130%;}
.hotNews .list li{width: 480px; height: 30px; line-height: 30px; overflow: hidden; float: left; margin-right: 250px;}
.hotNews .list li a{display: block; width: 100%; font-size: 16px; color: #2b2b2b; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.hotNews .list li a:hover{color: #0086cc;}
.hotNews .list li s{width: 5px; height: 5px; background: #2b2b2b; display: inline-block; vertical-align: middle; margin-right: 10px;}
/*hotCase*/
.hotCase{overflow: hidden; padding: 35px 0;}
.hotCase .title{margin-bottom: 25px;}
.hotCase .title h3{color: #1d8cda; line-height: 35px; border-bottom: 1px solid #c3c3c3; font-size: 18px; display: inline-block; *display: inline; *zoom: 1; font-weight: bold;}
.hotCase .title s{width: 25px; height: 22px; margin-right: 4px; background-position: -166px -34px;}
.hotCase .title .more{width: 62px; height: 25px; line-height: 25px; text-align: right; display: block; padding-right: 10px; margin-top: 10px; background: #e8e7e7; color: #333333; font-size: 12px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.hotCase .title .more:hover{background: #0086cc; color: #fff; width: 70px;}
.hotCase .list{width: 110%;}
.hotCase .list *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.hotCase .list .item{width: 558px; height: 150px; padding: 10px; border: 1px solid #dddcdc; float: left; margin-left: 37px; background: #fff;}
.hotCase .list .item:first-child{margin-left: 0;}
.hotCase .list .item a{display: block; width: 100%;}
.hotCase .list .item a img{width: 200px; height: 150px; display: block; float: left; margin-right: 20px;}
.hotCase .list .item a h3{font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; padding-top: 5px; color: #333333;}
.hotCase .list .item a .time{display: block; font-size: 12px; text-transform: uppercase; margin: 15px 0 24px; color: #999999;}
.hotCase .list .item a .more{width: 90px; height: 26px; line-height: 26px; border: 1px solid #7c7676; text-align: center; display: inline-block;}
.hotCase .list .item:hover{border-color: #0086cc;}
.hotCase .list .item:hover h3{color: #0086cc;}
.hotCase .list .item:hover .more{border-color: #0086cc;}
/*aboutPage*/
.aboutPage{padding-top: 20px;}
.aboutPage .aboutTit{text-align: center;}
.aboutPage .aboutTit h3{color: #333333; margin-bottom: 10px; font-size: 28px;}
.aboutPage .aboutTit p .line{width: 28px; height: 1px; display: inline-block; vertical-align: middle; background: #7d7d7d;}
.aboutPage .aboutTit p .en{text-transform: uppercase; vertical-align: middle; font-family: arial; font-size:18px; color: #888; display: inline-block; margin: 0 20px;}
.aboutPage .scrollm{ position: relative; }
.aboutPage .scrollm #floor1,.aboutPage .scrollm #floor2,.aboutPage .scrollm #floor3,.aboutPage .scrollm #floor4,.aboutPage .scrollm #floor5,.aboutPage .scrollm #floor6{ position: absolute; width: 100%; height: 1px; left: 0; top: -80px; opacity: 0; filter: alpha(opacity=0); }
.aboutPage .floor1{margin-bottom: 60px;}
.aboutPage .floor1 .aboutTit h3{color: #3589c5;}
.aboutPage .floor1 .list{text-align: center; padding: 50px 0 30px;}
.aboutPage .floor1 .list li{display: inline-block; *display: inline; *zoom: 1; color: #999999;}
.aboutPage .floor1 .list li strong{display: block; color: #333333; font-size: 30px; font-family: arial;}
.aboutPage .floor1 .list li.split{width: 1px; height: 42px; margin: 0 60px; background: #c4c4c4;}
.aboutPage .floor1 .txtcon .img{width: 380px; margin-right: 27px; margin-left: 30px; display: block;}
.aboutPage .floor1 .txtcon .txt{color: #333333; padding-top: 20px; padding-right: 30px; font-size: 14px; line-height: 24px; }
.aboutPage .floor2{width: 100%; padding: 50px 0 90px; background: url(../images/about-floor2bg.jpg) no-repeat center top;}
.aboutPage .floor2 .aboutTit h3{color: #fff;}
.aboutPage .floor2 .aboutTit p .line{background: #7d7b7b;}
.aboutPage .floor2 .aboutTit p .en{color: #7d7b7b;}
.aboutPage .floor2 .list{text-align: center; padding: 30px 0 40px;}
.aboutPage .floor2 .list li{display: inline-block; *display: inline; *zoom: 1; color: #fff; cursor: pointer; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; padding: 0 15px; border: 1px solid #3589c5; margin: 11px 15px;}
.aboutPage .floor2 .list li.hover,
.aboutPage .floor2 .list li:hover{background: #3589c5;}
.aboutPage .floor2 .txtcon{ position: relative; }
.aboutPage .floor2 .txtcon .img{width: 288px; height: 216px; padding: 33px 0 0 21px; background: url(../images/about-floor2-imgbg.png) no-repeat 0 0; margin-top: 5px; margin-right: 58px; display: block;}
.aboutPage .floor2 .txtcon .img img{width: 288px; height: 216px; display: block;}
.aboutPage .floor2 .txtcon .txt{ width: 810px; color: #fff; margin-top:28px; font-size: 14px; line-height: 24px; height: 216px; overflow: hidden; }
.aboutPage .floor2 .txtcon .more{ color: #fff; display: block; width: 100px; height: 28px; line-height: 28px; text-align: center; background: #3589c5; color:#fff; position: absolute; bottom: 0; right:0; transition: all .3s; }
.aboutPage .floor2 .txtcon .more:hover{  width: 105px; }
.aboutPage .floor2 .txtcon .txt .box{ height: 180px; overflow: hidden; padding-right: 10px; }
.aboutPage .floor3{width: 100%; padding: 60px 0 50px;}
.aboutPage .floor3 .aboutTit{margin-bottom: 40px;}
.aboutPage .floor3 .txtcon .img{width: 512px; margin-right: 48px; display: block;}
.aboutPage .floor3 .txtcon .img img{width: 100%; display: block;}
.aboutPage .floor3 .txtcon .txt{color: #666666; padding-top: 48px; font-size: 14px; line-height: 24px; height: 216px; overflow: hidden;}
.aboutPage .floor4{padding: 50px 0 0; position: relative; height:580px; background: url(../images/devebg.jpg) no-repeat center top;}
.aboutPage .floor4 .floor4Con{position: relative;}
.aboutPage .floor4 .floor4Con .imgap{position: absolute; left: 0; top: 140px; z-index: 10;}
.aboutPage .floor4 .aboutTit{margin-bottom: 20px;}
.aboutPage .floor4 .timer_x{position: absolute; height: 303px; width: 67%; right: 0; top: 190px; overflow-x: auto; overflow-y: hidden;}
.aboutPage .floor4 .timer_x .timer_a{padding-left: 180px; background: url(../images/time_x.png) repeat-x 0 top;}
.aboutPage .floor4 .timer_x .timer_point{width: 420px; height: 122px; float: left; position: relative; text-align: center; margin-left: -100px;}
.aboutPage .floor4 .timer_x .timer_point p{line-height: 24px; text-align: center;}
.aboutPage .floor4 .timer_x .timer_point .pic_bottom{width: 16px; height: 55px; position: absolute; bottom: -22px; left: 50%; margin-left: -8px; background: url(../images/pic_top.png) no-repeat center top;}
.aboutPage .floor4 .timer_x .timer_point .timer_year{width: 150px; height: 40px; position: absolute; bottom: -80px; font-size: 24px; color: #414141; font-family: arial; left: 50%; margin-left: -75px;}
.aboutPage .floor4 .timer_x .timer_point.timer_2{top: 180px;}
.aboutPage .floor4 .timer_x .timer_point.timer_2 .pic_top{width: 16px; height: 55px; position: absolute; top: -58px; left: 50%; margin-left: -8px; background: url(../images/pic_bottom.png) no-repeat center top;}
.aboutPage .floor4 .timer_x .timer_point.timer_2 .timer_year{top: -100px; font-size: 24px; }
.aboutPage .floor5{padding: 60px 0 40px; }
.aboutPage .floor5 .aboutTit{margin-bottom: 40px;}
.aboutPage .floor5 .list{width: 103%;}
.aboutPage .floor5 .list .item{width:590px; height:162px; margin-right:20px; float: left; display: block; background: #fff;margin-bottom: 20px;}
/*.aboutPage .floor5 .list .item:first-child{margin-left: 0;}*/
.aboutPage .floor5 .list .item .txt{width: 357px;border: 1px solid #e0e0e0;background: #fff;height:160px;}

.aboutPage .floor5 .list .item img{width:230px; height:162px; display: block;}
.aboutPage .floor5 .list .item h3{font-weight: bold; color: #3e90ca; font-size:20px; padding:40px 40px 4px;}
.aboutPage .floor5 .list .item p{font-size: 14px; line-height: 24px; color: #666666;}
.aboutPage .floor5 .list .item .desc{ padding:10px 25px 0 40px;overflow: hidden;height: 60px;color: #666666;}
.aboutPage .floor5 .downico{width: 30px; height: 20px; background-position: -194px 0; display: block; margin: 30px auto;}
.aboutPage .floor6{padding: 0 0 30px;}
.aboutPage .floor6 .aboutTit{margin-bottom: 40px;}
.aboutPage .floor6 .item{width: 255px; height: 190px; cursor: pointer; overflow: hidden; position: relative; float: left; margin-bottom: 13px;}
.aboutPage .floor6 .item a{width: 100%; height: 100%; display: block;}
.aboutPage .floor6 .item img{width: 100%; height: 100%; display: block;}
.aboutPage .floor6 .item .bg{width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); position: absolute; left: -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; top: 0; background: url(../images/blue80.png) repeat 0 0; z-index: 10;}
.aboutPage .floor6 .item .hovercon{width: 100%; height: 100%; z-index: 11; position: absolute; left: -100%; 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; opacity: 0; filter: alpha(opacity=0); animation-delay: 200ms;}
.aboutPage .floor6 .item .hovercon span{width: 124px; height: 31px; line-height: 31px; display: block; margin: 0 auto; border: 2px solid #fff; text-align: center; color: #fff;}
.aboutPage .floor6 .item .hovercon .nyIcon{width: 43px; height: 43px; display: block; margin: 18% auto 28px; background-position: -1px -72px;}
.aboutPage .floor6 .item:hover .bg{left: 0; opacity: 0.5; filter: alpha(opacity=50);}
.aboutPage .floor6 .item:hover .hovercon{left: 0; opacity: 1; filter: alpha(opacity=100);}
.aboutPage .floor6 .left{width: 386px; margin-right: 17px;}
.aboutPage .floor6 .left .item{width: 386px; height: 290px; margin-bottom: 16px;}
.aboutPage .floor6 .left .item .hovercon .nyIcon{margin-top: 26%;}
.aboutPage .floor6 .center{width: 255px;}
.aboutPage .floor6 .right{width: 527px;}
.aboutPage .floor6 .right .itembig{width: 527px; height: 393px;}
.aboutPage .floor6 .right .itembig .hovercon .nyIcon{margin-top: 26%;}
.aboutPage .floor6 .right .itemr{margin-right: 17px;}
/*contactPage*/
.contactBanner{width: 100%; height: 180px; position: relative; color: #fff; padding-top: 140px; text-align: center;}
.contactBanner .en{font-size: 78px; color: #eee; opacity: 0.3; filter:Alpha(opacity=30); *color: #d8deea; *line-height: 78px; font-weight: bold;}
.contactBanner h3{position: absolute; color: #fff; left: 50%; top: 143px; *top: 158px; width: 200px; margin-left: -100px; font-size: 40px; font-weight: bold; line-height: 40px;}
.contactBanner p{width: 1000px; line-height: 26px; margin: 50px auto 0; text-align: left;}
.contactPage{padding: 0;}
.contactPage .mapArea{width: 100%; height:18px; position: relative; }
.contactPage .mapArea .btn{width: 194px; height: 35px; line-height: 35px; position: absolute; cursor: pointer; top: -18px; left: 50%; margin-left: -97px; text-align: center; background: #2d88c8; color: #fff; -webkit-border-radius: 10px; border-radius: 10px; z-index: 999; }
.contactPage .mapArea .btn .nyIcon{width: 23px; height: 23px; margin-right: 5px; background-position: -234px 0;}
.contactPage .mapArea .BMap_bubble_content{ line-height: 20px; }
.contactPage .mapArea .txtcon{width: 100%; height: 0; overflow: hidden; position: relative;}
.contactPage .mapArea.addc{height: 350px;}
.contactPage .mapArea.addc .txtcon{height: 350px;}
.contactPage .contactArea{height:490px;}
.contactPage .contactArea .title{text-align: center; padding: 60px 0 80px; line-height: 36px;}
.contactPage .contactArea .title h3{font-size: 32px; color: #333333;}
.contactPage .contactArea .title .en{color: #333333; font-size: 20px; opacity: 0.3; filter: alpha(opacity=30); text-transform: uppercase;}
.contactPage .contactArea .title .tel{font-size: 20px; color: #333333; margin-top: 20px;}
.contactPage .contactArea .title .tel strong{color: #2d88c8; font-size: 32px; font-weight: normal;}
.contactPage .contactArea .item{width: 390px; text-align: center; float: left;}
.contactPage .contactArea .item h3{color: #000; font-weight: bold; font-size: 16px;}
.contactPage .contactArea .item .txt{color: #666; line-height: 24px;}
.contactPage .contactArea .split{width: 1px; height:110px; margin: 0 5px; background: #d5d5d7; float: left;}
.contactPage .contactMsg{width: 100%; padding: 50px 0 80px; background: #fbfbfb;}
.contactPage .contactMsg .title{text-align: center; line-height: 36px; margin-bottom: 30px; background: url(../images/contactmsgbg.png) no-repeat center 48px;}
.contactPage .contactMsg .title h3{line-height: 36px; color: #1d1a2f; font-size: 36px;}
.contactPage .contactMsg .title span{text-transform: uppercase; color: #1d1a2f; opacity: 0.5; filter: alpha(opacity=50); font-size: 14px; line-height: 18px;}
.contactPage .contactMsg .contactMsgCon{width: 1110px; margin: 0 auto;}
.contactPage .contactMsg .item{height: 40px; line-height: 40px; width: 488; float: left; position: relative; margin-bottom: 26px;}
.contactPage .contactMsg .item label{width: 85px; float: left; color: #666666; padding-right: 5px; text-align: right;}
.contactPage .contactMsg .item .red{color: #1d8cda; font-size: 12px; position: absolute; right: -40px; top: 2px;}
.contactPage .contactMsg .item input{width: 386px; height: 40px; line-height: 40px; float: left; padding-left: 10px; border: 0px; font-size: 14px; background: #e8e8e8; -webkit-border-radius: 6px; border-radius: 6px;}
.contactPage .contactMsg .item .msg-box{ position: absolute; left: 90px; }
.contactPage .contactMsg .itemsub .msg-box{ position: absolute; left: 90px;   }
.contactPage .contactMsg .item.xm,
.contactPage .contactMsg .item.youxiang{margin-right: 80px;}
.contactPage .contactMsg .item.liuyan{width: 100%; height: 96px;}
.contactPage .contactMsg .item.liuyan textarea{width: 942px; float: left; height: 76px; border: 0px; background: #e8e8e8; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px; overflow: hidden; color: #999; resize: none; font-family: "microsoft yahei";}
.contactPage .contactMsg .itemsub{width: 100%; height: 40px; line-height: 40px; position: relative; }
.contactPage .contactMsg .itemsub label{width: 85px; float: left; color: #666666; padding-right: 5px; text-align: right;}
.contactPage .contactMsg .itemsub input[type=text]{width: 147px; height: 40px; line-height: 40px; float: left; border: 1px solid #d2d0d3; font-size: 14px; background: #fff; color: #999; text-indent: 10px;}
.contactPage .contactMsg .itemsub img{height: 42px; width: 120px; float: left; margin-left: 10px;}
.contactPage .contactMsg .btn{width: 100px; height: 38px; line-height: 38px; cursor: pointer; background: #1d8cda; color: #fff; margin-left: 8px; background: #0086cc;}
.contactPage .contactMsg .btn[type=reset]{background: #ced2d6; margin-right: 58px;}
/*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;}
.zhaopinCon{ width: 1198px; 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 42px; cursor: pointer; height: 56px; line-height: 56px; }
.zhaopinCon .title h3.cur{ background: #3589c5; 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 #3589c5; 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: 332px; line-height: 40px; float: left; padding: 0 34px; 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: #3589c5; border-color: #3589c5;}
.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: #3589c5; 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 .txt2con{ }
.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: #3589c5; 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: #3589c5; color: #fff;}
/*servicePage*/
.servicePage{padding: 50px 0 60px;}
.servicePage .list{margin-bottom: 20px;}
.servicePage .list .item{width: 268px; margin-left: 40px; float: left; text-align: center;}
.servicePage .list .item:first-child{margin-left: 0;}
.servicePage .list .item .img{width: 94px; height: 70px; padding-top: 24px; margin: 0 auto; border: 1px solid #ededed; border-radius: 100%; text-align: center;}
.servicePage .list .item .img span{width: 46px; height: 44px; background-position: -114px -70px;}
.servicePage .list .item h3{font-size: 18px; color: #444; padding: 20px 0 15px;}
.servicePage .list .item p{line-height: 22px; text-align: left; color: #666;}
.servicePage .list .item.a2 .img span{background-position: -168px -70px;}
.servicePage .list .item.a3 .img span{background-position: -222px -70px;}
.servicePage .list .item.a4 .img span{background-position: -278px -70px;}
.servicePage .list2{width: 100%;}
.servicePage .list2 .img{margin-right: 20px; display: block;}
.servicePage .list2 .title{padding-top: 20px;}
.servicePage .list2 .title h3{font-size: 30px; color: #333333;}
.servicePage .list2 .title h4{font-size: 16px; color: #333333; padding: 10px 0 12px;}
.servicePage .list2 .title .line{width: 235px; height: 1px; margin-left: 460px; margin-bottom: 10px; display: block; background: #d2d2d2;}
.servicePage .list2 .txt{color: #666;}
.servicePage .list3{width: 100%;}
.servicePage .list3 .img{display: block;}
.servicePage .list3 .conlist{width: 516px;margin-top: -30px;}
.servicePage .list3 .conlist .item{background: #f7f7f7; padding: 15px 26px; line-height: 24px;}
.servicePage .list3 .conlist .item .nyIcon{width: 38px; height: 48px; line-height: 40px; font-style: normal; display: block; float: left; margin: 12px 15px 0 0; *margin-top: 23px; font-size: 12px; font-family: arial; color: #fff; text-align: center; background-position: -60px -70px;}
.servicePage .list3 .conlist .item h3{color: #333; font-size: 16px;}
.servicePage .list3 .conlist .item p{color: #666666;}
.servicePage .list3 .conlist .item.a2{background: #fff;}
.servicePage .talent1 .item{width: 575px; float: left; color: #333333; padding-bottom: 20px;}
.servicePage .talent1 .item .title{margin-bottom: 5px;}
.servicePage .talent1 .item .title .nyIcon{width: 52px; height: 42px; display: block; float: left; margin-right: 5px; background-position: 10px -132px;}
.servicePage .talent1 .item .title h4{color: #333333; font-size: 20px; line-height: 20px;}
.servicePage .talent1 .item .title .en{opacity: 0.5; filter: alpha(opacity=50); font-size: 12px; text-transform: uppercase; line-height: 15px;}
.servicePage .talent1 .item .txt{line-height: 24px;}
.servicePage .talent1 .item.item2{float: right;}
.servicePage .talent1 .item.item2 .nyIcon{background-position: -50px -130px;}
.servicePage .talent1 .split{width: 1px; height: 110px; margin: 20px 0 0 20px; background: #e5e5e5; float: left;}
.servicePage .talent2{margin-top: -30px;}
.servicePage .talent2 .item{width: 100%; color: #333333; padding-bottom: 28px;}
.servicePage .talent2 .item .title{font-size: 22px; height: 42px; line-height: 42px; color: #2d88c8; margin-bottom: 10px;}
.servicePage .talent2 .item .title .nyIcon{width: 46px; height: 42px; display: block; float: left; background-position: -117px -132px;}
.servicePage .talent2 .item .txt{text-indent: 3em; line-height: 22px;}
.servicePage .talent2 .item.item2 .nyIcon{background-position: -178px -130px;}
.servicePage .talent2 .item.item3 .nyIcon{background-position: -234px -130px;}
/*newsPage*/
.newsPage{padding-bottom: 30px;}
.newsPage .list{width: 108%;}
.newsPage .item{width: 366px; float: left; height: 438px; cursor: pointer; margin: 0 52px 28px 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;}
.newsPage .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;}
.newsPage .item a,
.newsPage .item img{width: 366px; height: 274.5px; display: block;}
.newsPage .item .txtcon{padding: 10px 18px 15px; border: 1px solid #d2d2d2;}
.newsPage .item .more{width: 120px; height: 34px; line-height: 34px; text-align: center; display: block; border: 1px solid #aaaaaa; color: #666666;}
.newsPage .item .more .nyIcon{width: 10px; height: 10px; margin-left: 10px; background-position: -266px 0;}
.newsPage .item h3{font-size: 18px; color: #333333;}
.newsPage .item .txt{line-height: 24px; height: 48px; overflow: hidden; margin: 12px 0; color: #666666;}
.newsPage .item:hover img{-webkit-filter: brightness(120%); filters: brightness(120%);}
.newsPage .item:hover .txtcon{background: #4dafea;}
.newsPage .item:hover h3,
.newsPage .item:hover .txt{color: #fff;}
.newsPage .item:hover .more{background: #fff; width: 164px; border-color: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}
.newsPage .item:hover .more .nyIcon{margin-left: 50px;}
/*newspage2*/
.newspage2{ overflow: hidden; padding-bottom: 20px; }
.newspage2 .list{ width: 110%; padding-bottom: 20px; }
.newspage2 .item{ width: 570px; float: left; margin-right: 58px; }
.newspage2 .item a{ width: 100%; display: block; padding: 22px 0; border-bottom: 1px solid #dddddd; }
.newspage2 .item h3{ font-size: 16px; color: #41b1ff; margin-bottom: 5px; }
.newspage2 .item .txt{ font-size: 12px; color: #666666; line-height: 23px; margin-bottom: 3px; height: 46px; overflow: hidden; }
.newspage2 .item .time{ font-size: 12px; line-height: 14px; color: #999999; font-family: arial; }
.newspage2 .item:hover h3{ color: #2098d1; }
/*casePage*/
.casePage{overflow: hidden;}
.casePage .list{width: 108%;}
.casePage *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.casePage .item{width: 270px; padding: 203px 0 16px 0; overflow: hidden; position: relative; float: left; border: 1px solid #e2e2e2; margin: 0px 37px 30px 0; cursor: pointer; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background: #fefefe;}
.casePage .item a{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;}
.casePage .item img{width: 272px; height: 203px; position: absolute; left: -1px; top: -1px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; display: block;}
.casePage .item h3{line-height: 24px; height: 48px; overflow: hidden; padding: 7px 15px 0; margin-bottom: 12px; color: #333333;}
.casePage .item .more{font-size: 12px; color: #999999; padding: 0 15px;}
.casePage .item .more span{width: 23px; height: 23px; line-height: 23px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; margin-top: 5px; background-position: -28px 0;}
.casePage .item:hover{background: url(../images/case_li_hvrbg.jpg) no-repeat center bottom;}
.casePage .item:hover h3{color: #fff;}
.casePage .item:hover .more{color: #fff;}
.casePage .item:hover .more span{background-position: -54px 0;}
.casePage .item:hover img{-webkit-filter: brightness(120%); filters: brightness(120%);}
/*productPage*/
.productPage{overflow: hidden;}
.productPage .list{width: 108%;}
.productPage *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.productPage .item{width: 246px; padding: 35px 15px 13px 15px; overflow: hidden; position: relative; float: left; border: 1px solid #ececeb; margin: 0px 29px 40px 0; cursor: pointer; background: #fff;}
.productPage .item a{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;}
.productPage .item img{width: 246px; height: 185px; display: block;}
.productPage .item h3{line-height: 22px; height: 44px; font-size: 16px; font-weight: bold; margin-bottom: 16px; padding: 10px 5px 0; overflow: hidden; color: #333333;text-align: center;}
.productPage .item .more{width: 107px; height: 27px; line-height: 27px; text-align: center; display: block; margin: 0 auto; border: 1px solid #a0a0a0; font-size: 12px; color: #666666;}
.productPage .item:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.productPage .item:hover img{-webkit-filter: brightness(120%); filters: brightness(120%);}
.productPage .item:hover .more{border-color: #0086cc; color: #fff; background: #0086cc;}
/*showpage*/
.showPage .title{color: #333333; line-height: 40px; padding-top: 10px; font-size: 24px;}
.showPage .mark{width: 100%; padding-bottom: 12px; border-bottom: 1px dashed #b0b0b0;}
.showPage .mark span{margin-right: 18px; font-size: 12px; color: #666666;}
.showPage .mark .shareNew{margin-top: -15px; margin-right: -5px;}
.showPage .showContxt{color: #333333; line-height: 28px; padding: 20px 0 30px;}
.showPage .showContxt img{max-width: 100%;}
.shareNew{ padding-bottom: 20px; }
/*showInfo*/
.showInfo .goList{width: 100%; font-size: 22px; color: #888; margin-bottom: 20px;}
.showInfo .goList a{color: #888;}
.showInfo .goList a:hover{color: #0086cc;}
.showInfo .goList s{width: 28px; height: 25px; margin-right: 5px; background-position: -90px 0;}
.showInfo .infoImg{padding-bottom: 30px;}
.showInfo .infoImg .imgf{width: 400px; height: 300px;}
.showInfo .infoImg .txtcon{width: 750px;}
.showInfo .infoImg .title{font-size: 22px; color: #333333; font-weight: bold; margin-bottom: 15px;}
.showInfo .infoImg .txt{line-height: 24px; color: #666666; margin-bottom: 10px;}
.showInfo .infoImg .tel{margin-top: 20px; width: 724px; height: 88px; padding: 12px 0 0 24px; border: 1px solid #dfdddd;}
.showInfo .infoImg .tel p{font-size: 20px; color: #333333;}
.showInfo .infoImg .tel p span{color: #0086cc; font-weight: bold; font-size: 22px;}
.showInfo .infoImg .tel .btn{width: 108px; height: 29px; line-height: 29px; text-align: center; margin-top: 10px; display: block; background: #ff0000; color: #fff; font-weight: bold; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.showInfo .infoImg .tel .btn:hover{width: 130px;}
.showInfo .showContxt{border: 1px solid #dad7d7; margin-bottom: 40px;}
.showInfo .showContxt .infoTit{width: 100%; height: 43px; line-height: 43px; border-bottom: 1px solid #dad7d7; font-size: 16px; color: #333333;}
.showInfo .showContxt .infoTit s{width: 27px; height: 22px; background-position: -127px 0; margin: 0 4px 0 15px;}
.showInfo .showContxt .infoTit.infoTit2 s{background-position: -160px 0;}
.showInfo .showContxt .txtcon{padding: 12px 35px 30px; color: #666666; background: #fefdfd; line-height: 24px; border-bottom: 1px solid #dad7d7;}
.showInfo .showContxt .txtcon2 ul li{width: 33.3%; float: left;}
.infoMsg{padding: 27px 35px 30px; background: #fefdfd;}

.infoMsg .item{width: 343px; height: 43px; position: relative; line-height: 43px; position: relative; border: 1px solid #e7e6e6; float: left; margin-bottom: 16px;}
.infoMsg .item .red{position: absolute; left: 10px; top: 2px; color: red;}
.infoMsg .item .nyIcon{width: 30px; height: 30px; background-position: 0 -32px; position: absolute; right: 5px; top: 8px;}
.infoMsg .item input{width: 320px; height: 43px; line-height: 43px; *height: 41px; *line-height: 41px; background: #fff; color: #666; padding-left: 23px;}
.infoMsg .item.dianh{margin-left: 47px;}
.infoMsg .item.dianh .nyIcon{background-position: -33px -32px;}
.infoMsg .item.youxiang{margin-left: 46px;}
.infoMsg .item.youxiang .nyIcon{background-position: -66px -32px;}
.infoMsg .item.liuyan{width: 1126px; height: 156px; border: 1px solid #e7e6e6;}
.infoMsg .item.liuyan .nyIcon{background-position: -223px -30px;}
.infoMsg .item.liuyan textarea{width: 100%; float: left; width: 1096px; height: 136px; border: none; padding: 10px 15px; background: #fff; overflow: hidden; color: #999; resize: none; font-family: "microsoft yahei";}
.infoMsg .itemsub{width: 100%; position: relative; height: 42px; line-height: 42px;}
.infoMsg .itemsub input[type=text]{width: 121px; height: 35px; line-height: 35px; float: left; border: 1px solid #e7e6e6; background: #fff; color: #666; padding-left: 15px;}
.infoMsg .itemsub .img{width: 120px; height: 37px; float: left; display: block; margin-left: 10px;}
.infoMsg .itemsub .msg-box{position: absolute; left: 0; }
.infoMsg .btn{width: 126px; height: 37px; line-height: 37px; cursor: pointer; color: #fff; margin-left: 15px; background: #1d8cda;}
.infoMsg .btn:hover{background: #ff0000;}
/*showNews*/
.showNews .title{font-size: 24px; color: #333333; text-align: center; margin: 10px 0 22px; font-weight: bold;}
.showNews .mark{color: #999999; height: 38px; line-height: 38px; text-align: center; margin-bottom: 20px; border-top: 1px dashed #d0d0d0; border-bottom: 1px dashed #d0d0d0;}
.showNews .mark span{ margin: 0 10px; }
.showNews .showContxt{color: #666666; padding: 0 0 30px; line-height: 30px;}
/* reLink */
.reLink{width: 100%; height: 25px; border-top: 1px solid #d7d6d6; padding: 15px 0 40px;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; line-height: 25px; color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a:hover{color: #0086cc;}
/* pager */
.pager{padding: 30px 0 30px; text-align: center;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager p{height: 34px; line-height: 34px; float: left; color: #666666;}
.pager ul{float: left; overflow: hidden; margin-left: 20px;}
.pager ul li{float: left; padding: 0 !important; height: auto !important; border: none !important;}
.pager ul a{line-height: 32px; margin-left: 7px; padding: 0 12px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; color: #999999; border: 1px solid #c9c9c9; text-decoration: none; float: left; background: #fff;}
.pager ul a.current,
.pager ul a:hover{background-color: #1d8cda; border-color: #1d8cda; color: #fff;}


.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: #3589c5 ; color: #fff; }

.zhuanx{ width:100%; padding: 140px 0 0; margin-bottom: 20px; height: 90px; background: url(../images/jobtelbg.jpg) no-repeat center top; }
.zhuanx li{ width: 390px; margin-left: 15px; text-align: center; float: left; }
.zhuanx li:first-child{ margin-left: 0px; }
.zhuanx li strong{ display: block; width: 100%; font-weight: normal; color: #333333; font-size: 24px; }
.zhuanx li.a3 strong{ font-size: 14px; padding: 0 10px; font-weight: normal; }
.zhuanx li.a3 strong a{ margin: 0 6px; }

/*subcnav*/
.subcnav{ text-align: center; }
.subcnav a{ padding: 0 15px; height: 32px; line-height: 32px; display: inline-block; margin: 0 10px; border: 1px solid #e1e1e1; color: #333;  }
.subcnav a.hover{ border: 1px solid #3589c5; color: #3589c5; }

/* Bubble Bottom */
.hvr-bubble-bottom{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative;}
.hvr-bubble-bottom:before{pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(44%); bottom: 0; border-width: 6px 6px 0 6px; border-color: #fff transparent transparent transparent; transition: all .3s;}
.hvr-bubble-bottom.hover:before,
.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before{-webkit-transform: translateY(6px); transform: translateY(6px); border-width: 6px 6px 0 6px; border-color: #363232 transparent transparent transparent;}
/* Underline From Center */
.hvr-underline-from-center{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-underline-from-center:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #2098d1; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center:hover:before,
.hvr-underline-from-center.hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before{left: 0; right: 0;}
.hvr-underline-from-center:hover,
.hvr-underline-from-center.hover{*height: 83px; *border-bottom: 3px solid #2d88c8; *line-height: 83px;}
/* Underline From Center2 */
.hvr-underline-from-center2{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-underline-from-center2:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #2098d1; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center2:hover:before,
.hvr-underline-from-center2.hover:before,
.hvr-underline-from-center2:focus:before,
.hvr-underline-from-center2:active:before{left: 0; right: 0;}
.hvr-underline-from-center2:hover,
.hvr-underline-from-center2.hover{*height: 43px; *border-bottom: 2px solid #2d88c8; *line-height: 43px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}
/*# sourceMappingURL=style.css.map */


.aboutPage .floor4 .timeline{position: relative; }
.aboutPage .floor4 .slide-wrap{ width: 100%;overflow: hidden;padding-top: 48px;padding-bottom:26px;position: relative;z-index: 3;}
.aboutPage .floor4 .slide-wrap .item{float: left;height: 230px;width: 1200px;background:url(../images/developbg.png) no-repeat center top; }
.aboutPage .floor4 .slide-wrap .item a{display: block;}
.aboutPage .floor4 .slide-wrap .item .icasebox{height:190px;position:relative; display: table; text-align:center;width:600px;margin: 0 auto;
}
.aboutPage .floor4 .slide-wrap .item .icasebox a{ padding: 0 50px; *padding-top: 30px; display: table-cell; vertical-align: middle; line-height: 30px; font-size:18px;color: #fff;}
.aboutPage .floor4 .slide-wrap .item .icasebox .sjx{ border-style:solid dashed dashed dashed;border-color:#fff transparent transparent transparent;border-width:12px;width:0;height:0;left:50%; margin-left: -6px; bottom:-23px;position: absolute;}
.aboutPage .floor4 .slide-tip{overflow: hidden;z-index:3;position: relative;}
.aboutPage .floor4 .slide-tip ul{width: 118%;text-align: center;}
.aboutPage .floor4 .slide-tip li span{display: block;text-align: center;font-size: 24px;color: #333;line-height: 40px;margin-bottom:6px;font-family:avgr;+margin-bottom:12px}
.aboutPage .floor4 .slide-tip li em{width:10px;height:10px;background:#666;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin: 0 auto;display: block;}
.aboutPage .floor4 .slide-tip li.cur em{background:#cc3333;width:14px;height:14px;}
.aboutPage .floor4 .slide-tip li.cur span{font-size: 40px;color: #cc3333;margin-bottom: 10px;}
#dates li{float:left;width:135px;height:66px;font-size:16px;text-align:center;}
#dates a{font-size: 20px;color: #333333;width:135px;height:66px;line-height:45px;display:block;background:url(../images/licbgth.png) no-repeat center bottom;font-family:"Arial","microsoft yahei"; }
#dates .selected{background:url(../images/licbgt.png) no-repeat center bottom;color: #3589c5;}

.aboutPage .floor4 .prev,.aboutPage .floor4 .next{width: 30px;height: 36px;display: block;position: absolute;top: 48%;cursor: pointer; background: url(../images/timeico.png) no-repeat 0 0; }
.aboutPage .floor4 .prev{background-position:-2px 0;left:-30px;}
.aboutPage .floor4 .next{background-position:-41px 0;right:-30px;}
.aboutPage .floor4 .prev:hover{background-position:-2px -46px;}
.aboutPage .floor4 .next:hover{background-position:-41px -46px;}
.aboutPage .floor4 .linebg{width:100%;position:absolute;bottom:95px;z-index:1;left: 0;}
.aboutPage .floor4 .line{width:100%;background:url(../images/licbg.png) no-repeat center bottom;height:4px;}



.showzltxt{*zoom: 1;}
.showzltxt:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.showzltxt li{ width:490px; float: left; padding-left: 16px; }

.timeline{padding-top: 40px;}
.timeline .cent-scroll{position: relative; width:1100px;height: 380px;margin: 0 auto;}
.cent-line{position: absolute;left: 0;top:188px;width: 100%;display: block;height:1px;background: #999999;z-index:1;}
.timeline .cent-scroll .bd{height: 100%; margin: 0 auto; overflow: hidden; position: relative; width: 1100px;}
.timeline .cent-scroll ul{height: 100%;}
.timeline .cent-scroll li{float: left;margin-right:-100px; position: relative; text-align: center; width:300px;padding-top: 0;z-index: 3;}
.timeline .cent-scroll li a{display: block;height: 100%;}
.timeline .cent-scroll li .date{font-size:20px;width:300px;height: 60px;text-align: center;font-family: arial;display: block;color: #fff;}
.timeline .cent-scroll li.bot{padding-top:278px;}
.timeline .cent-scroll li.top .date{background:url(../images/sjz_top.png) no-repeat center top;line-height:48px;margin-bottom: 20px;}
.timeline .cent-scroll li.bot .date{background:url(../images/sjz_bot.png) no-repeat center top;line-height: 75px;margin-top: 20px;}
.timeline .cent-scroll li .yuandian{background: url(../images/licbgth.png) no-repeat center top;width: 18px;height: 18px;margin: 0 auto;display: block;}
.timeline .cent-scroll li:hover .yuandian{background: url(../images/licbgt.png) no-repeat center top;}

.timeline .cent-scroll li:hover .date{color: #fff;}
.timeline .cent-scroll li .word{color: #333; font-size: 14px;line-height:20px; padding: 0;height:100px;overflow: hidden;width: 100%;background: #fff;}
.timeline .cent-scroll li .word p{ text-align: left; padding:18px 24px;line-height:20px;}
.timeline .cent-scroll li.top:hover .date{background:url(../images/sjz_top_a.png) no-repeat center top;}
.timeline .cent-scroll li.bot:hover .date{background:url(../images/sjz_bot_a.png) no-repeat center top;}
.timeline .cent-scroll li .fud{position: absolute;left:0;}
.timeline .cent-scroll li.bot .fud{top:180px;}
.timeline .cent-scroll li.top .fud{top:80px;}
.timeline .cent-scroll li.top .fud .yuandian{position: relative;top:100px;}