@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, p, dl, dd, ul, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px; color: #343434 }
a { text-decoration: none; font-size: 16px; color: #999999; font-family: "微软雅黑"; }
a:hover { color: #0B52AE }
em { font-style: normal; }
li { list-style: none; }
i { font-style: normal }
img { border: none; vertical-align: top }
table { border-collapse: collapse }
input, textarea { outline: none }
textarea { resize: none; overflow: auto }
.line { display: block; height: 0; border-top: 1px solid #eee; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 2px 0 }
/*公共样式*/
.clear { zoom: 1 }
.clear:after { content: ""; display: block; height: 0; clear: both }
.fl { float: left; }
.fr { float: right; }
.pr19 { padding-right: 26px }
.pt22 { padding-top: 22px }
.content-top { width: 1440px; margin: 0 auto }
.content { width: 1300px; margin: 0 auto; }
.head_nav_box { height: 70px }
.head_nav_bg { width: 100%; /*background: #fff;*/ height: 120px; position: fixed;/* top: 0px; left: 0px;*/ z-index: 30; /*box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);*/ transition: 1s }
.head_nav_bg_over { background: #fff !important; }
.head_nav { width: 1168px; height: 70px; margin: 0 auto; padding: 0; position: relative }
.head_lg { position: absolute; right: 10px; top: 10px; }
.head_lg a { color: #ccc; font-size: 14px; }
.Logo { display: block; float: left; margin-top: 17px; height: 40px; }
.Logo img { height: 80px; }
.Logo .logo1 { display: block }
.Logo .logo2 { display: none }
.head_nav_bg_over .navitem { color: #333 }
.head_nav_bg_over .logo1 { display: none }
.head_nav_bg_over .logo2 { display: block }

.shade_img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.nav { float: right; margin-top: 30px; }
.nav_li { width: auto; width: 130px; height: 60px; float: left; position: relative; font-size: 16px; text-align: center }
.navitem { color: #fff; height: 60px; line-height: 60px; padding: 0 10px; display: block; margin: 0 10px; position: relative; }
.nav .nav_li:hover { background: #56b0ac; }
.nav .nav_li:hover a, .navitem.active { color: #fff; }
.nav .active { color: #5FC9F5; }
.nav .active span { position: relative; }
.nav .subnav .active a { color: #2882E8; }
.navitem_i { text-indent: 10px; }
.sub-menu {border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-top: 1px solid #F0F0F0;  padding: 14px 0; background: #FFF none repeat scroll 0% 0%; z-index: -10; }
.subnav { position: absolute; width: 130px;border-top-right-radius: 0px;  border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-top: 1px solid #F0F0F0; left: 0px;  background: #FFF none repeat scroll 0% 0%; z-index: -10; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);  display: none;opacity: 0.7 !important; margin: 0  }
.subnav li { border-bottom: 1px solid #f0f0f0; }
.subnav li a { margin: 0; height: 40px; line-height: 40px; display: block; color: #a3a3a3; }
.subnav .subnav_li_bor { border-top: 0px; position: relative; }
.subnav li a span { width: 130px; height: 40px; float: left; overflow: hidden; color: #000 }
.subnav li a i { float: right; margin-top: 13px; }
.subnav a:hover { color: #2882E8; }
.nav li li {    position:relative;    margin:0; text-align: center;    display:block;}
.nav li ul ul {border: 1px solid #eee;  display: none; position:absolute;    top:0;    left:130px;     margin:0;margin-top: -15px;}
.nav li ul ul span{ width: 130px;}
.nav li ul ul ul span{ width: 230px;}
.nav li li.dropdown > a {
    background-image: url(../images/arrow-right.png);
    background-position: 120px 18px;
    background-repeat: no-repeat;
}
.bgmask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 1; filter: alpha(opacity=100); z-index: 1; display: none; background: #000; }
.navitem strong { position: absolute; top: 49%; left: 0px; width: 100%; display: none; }
.nav_li .active strong { display: block; }
.nav .navitem:hover strong { display: block; }
.subnav-ico { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #FFF; position: absolute; top: -8px; left: 50%; margin-left: -5px; display: none; }
.lnone_current { color: #000 }
.lntwo_current { color: #000 }
.about-us { background-color: #F5F5F5; width: 100%; padding-bottom: 50px }
.about { display: flex; flex-flow: row inwrap; justify-content: space-between; position: relative; top: 0; opacity: 0; transition: 1s 1s }
.btitle { text-align: center; padding-bottom: 30px; position: relative; opacity: 0; top: 0; transition: 1s }
.btitle h2 { font-size: 36px; color: #444; font-weight: normal; padding: 0px 0 0px 0; }
.btitle p { font-size: 16px; color: #999999; }
/*监听事件*/
.about-us .btitle.on { top: 30px; opacity: 1 }
.about-us .about.on { top: 30px; opacity: 1 }
.about-us .more { transition: 1s 2s; top: 0 }
.about-us .more.on { opacity: 1; top: 40px }
.ab-img { width: 410px; height: 240px; background-color: #fff; text-align: center; display: table-cell; vertical-align: middle; overflow: hidden }
.ab-img img { max-height: 240px; max-width: 410px; vertical-align: middle; margin: 0 auto; transition: all 1s; }
.ab-us { width: 410px; height: auto; background-color: #fff; position: relative }
.service-info { display: block; padding: 5px 15px 10px 15px }
.service-info h3 { font-size: 20px; font-weight: normal }
.service-info p { color: #999999 }
.service-info:after { content: ''; display: block; width: 0px; height: 2px; background: rgba(0,0,0,.15); position: absolute; left: 0; bottom: 0; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }
.ab-us:hover .service-info:after { width: 100% !important }
.ab-us:hover .service-info h3 { color: #848484 }
.ab-us:hover .ab-img img { transform: scale(1.2) }
.more { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #BFBFBF; border-radius: 4px; margin: 50px auto 60px auto; color: #383838; opacity: 0; position: relative }
.more:hover { background-color: #383838; color: #FFF }
/*产品中*/


.product { width: 100%; background: url(../images/probg.jpg) #000; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; height: 840px; overflow: hidden; z-index: 1; }
.problock { width: 1300px; min-height: 540px; position: relative; display: none; }
.prolist { display: block; left: 50%; position: absolute; font-size: 0; top: 120px; opacity: 0; transition: 0.5s 0.5s }
.procontent { margin-top: 70px; position: relative; bottom: -200px; opacity: 0; transition: 0.5s 0.5s }
.over { background-color: #444444; }
.over a { color: #FFF }
.prolist ul li { display: inline-block; /*border: 1px solid #ddd;*/ padding: 3px 15px }
.prolist ul li a { color: #fff }
.problock ul li {  overflow: hidden; float: left; background-color: #FFF; margin: 0 2px 10px 2px; width: 320px; }
.product .btitle { transition: 0.5s 0.5s }
/*监听事件*/
.product .btitle.on { top: 30px; opacity: 1 }
.product .prolist.on { opacity: 1 }
.product .more { opacity: 0; top: -20px; border: 1px solid #fff; transition: 1s 0.7s; color: #FFF }
.product .more:hover { background-color: #FFF; color: #333 }
.product .more.on { opacity: 1; top: -20px }
.product .procontent.on { bottom: 0px; opacity: 1; }
.proimg { position: relative; text-align: center; display: table-cell; width: 320px; height: 320px; overflow: hidden !important }
.proimg:before { content: ''; display: block; width: 100%; height: 320px; background-color: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; transition: all 0.2s }
.proimg:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 0px; height: 3px; background-color: #444444; transition: all 1s }
.proimg img { max-width: 320px; vertical-align: middle; transition: all 1s }
.problock h4 { text-align: center; color: #000; margin: 10px; border-bottom: 1px;min-height: 60px; }
.problock p { display: block; text-align: center; font-size: 16px; line-height: 30px; min-height: 60px; }
.problock ul li:hover p { color: #444444 }
.problock ul li:hover img { transform: scale(1.1) }
.problock ul li:hover .proimg:before { opacity: 0 }
.problock ul li:hover .proimg:after { width: 100% }
/*招商*/
.zhaos { width: 100%; height: 800px; background-color: #F5F5F5 }
.zhaos .more { opacity: 0; transition: 1s 3s }
/*招商监听事件*/
.zhaos .btitle.on { top: 30px; opacity: 1 }
.zhaos .prolist.on { opacity: 1 }
.zhaos .more.on { opacity: 1; top: 40px }
.zhaos .procontent.on { bottom: 0px; opacity: 1; }
.zsjm { display: flex; flex-flow: row inwrap; justify-content: space-between; position: relative; top: 30px; overflow: hidden }
.sx1 { position: relative; left: -300px; transition: 1s 2s }
.sx2 { position: relative; left: -660px; transition: 1s 2s }
.sx3 { position: relative; right: -640px; transition: 1s 2s }
.sx4 { position: relative; right: -800px; transition: 1s 2s }
.sx1.on { position: relative; left: 0px }
.sx2.on { position: relative; left: 0px }
.sx3.on { position: relative; right: 0px }
.sx4.on { position: relative; right: 0px }
.zs { width: 288px; height: 458px; overflow: hidden; position: relative }
.zs img { min-width: 288px; transition: all 1s }
.zs .zslink { display: block; width: 288px; position: relative; bottom: 40px; background-color: rgba(255,255,255,0.8); text-align: center; padding: 5px 0px 3px 0; transition: all 1s }
.zs .zslink h3 { font-size: 20px; }
.zs .zslink p { display: block; height: 90px; padding: 5px 10px; text-align: left }
.zs:hover .zslink { bottom: 100px }
.zs:hover img { transform: scale(1.2) }
.zs:hover h3 { color: #444444 }
/*新闻中心*/
.news { width: 100%; height: 500px; overflow: hidden }
/*新闻监听事件*/
.news .btitle { opacity: 0; transition: 1s }
.news .btitle.on { top: 30px; opacity: 1 }
.news .prolist.on { opacity: 1 }
.news .more.on { opacity: 1; top: 40px }
.news ul.on { bottom: -50px; opacity: 1; }
.news ul { width: 1300px; margin: 0 auto; display: block; position: relative; bottom: -300px; opacity: 0; transition: ease-in 0.5s }
.news ul li { display: block; width: 628px; margin-bottom: 20px; padding: 3px; border-bottom: 1px #fff dashed; transition: all 1s }
.news ul li h2 a { font-size: 16px; color: #000; font-weight: normal }
.news ul li:nth-child(odd) { float: left }
.news ul li:nth-child(even) { float: right }
.news .desc { color: #999999; font-size: 14px; height: 46px; overflow: hidden; }
.news .time { color: #999999; font-size: 14px; padding-top: 10px }
.news .am-icon-eye { padding: 0 10px 0 20px }
.news ul li:hover { cursor: pointer; border-bottom: 1px dotted #666 }
.news ul li:hover .desc a { color: #333 }
/*搜索样式*/
.fomin { /*width:300px;*/ height: 40px; position: relative; }
.fomin .key { width: 270px; height: 37px; padding: 0 20px 0 10px; border: 1px solid #CCC; border-radius: 15px }
.fomin .key .on { border: 2px solid #369 !important }
.fomin .btn { width: 16px; height: 16px; border: none; background: url(../images/so.png) center; position: absolute; top: 30px; right: 10px; cursor: pointer }
/*产品内页*/
.banner-nav { width: 100%; height: 70px; background-color: #FFF; border-bottom: 1px solid #eaeaea; line-height: 70px; }
.banner-nav-lf .am-icon-home { color: #666; font-size: 14px }
.banner-nav-lf a { color: #666; font-size: 14px }
.pro { background-color: #F5F5F5; padding: 30px 0 }
.pro-left { width: 290px; height: 400px; background-color: #FFF }
.pro-left ul li a { font-size: 15px; display: block; padding: 3px 0 }
.pro-right { width: 980px; min-height: 500px; padding-bottom: 60px;/*background-color:#FFF*/ margin-bottom: 20px; }
.pro-left h2 { color: #666666; font-size: 18px; font-weight: normal; display: block; border-bottom: 1px solid #ddd; padding: 10px 0 3px 10px }
.pro-left h2 i { font-size: 12px }
.sideMenu { }
.sideMenu h3 { height: 40px; line-height: 40px; padding-left: 10px; border-top: 1px solid #f3f3f3; background: #fff; cursor: pointer; font: normal 16px/40px "Microsoft YaHei"; }
.sideMenu h3 em { float: right; display: block; width: 40px; height: 40px; line-height: 40px; background: url(../images/icoAdd.png) 16px 18px no-repeat; cursor: pointer; }
.sideMenu h3.on { border-bottom: 1px solid #f3f3f3 }
.sideMenu h3.on em { background-position: 16px -51px; }
.sideMenu ul { padding: 0px 14px; color: #999; display: none; /* 默认都隐藏 */ }
/*新闻列表页*/
.newslist-img { width: 137px; height: 100px; background: #06C; float: left; margin-right: 10px }
.newslist ul { display: block; padding: 20px }
.newslist ul li { display: block; width: 100%; margin-bottom: 20px; padding: 3px 3px 10px 3px; border-bottom: 1px #ddd dotted; transition: all 1s }
.newslist ul li a { font-size: 14px; }
.newslist ul li h2 a { font-size: 16px; color: #000; font-weight: normal }
.newslist .desc { color: #999999; padding-top: 10px; height: 58px; overflow: hidden; }
.newslist .time { color: #999999; padding-top: 10px }
.newslist .am-icon-eye { padding: 0 10px 0 20px }
.newslist ul li:hover { cursor: pointer; border-bottom: 1px dotted #666 }
.newslist ul li:hover .desc a { color: #333 }
/*内页页*/
.ct { padding: 20px; text-align: center; border-bottom: 1px solid #F3F3F3 }
.ct h3 { font-size: 30px }
.newsct, .met-page { padding: 20px }
.newsct h2 { margin-top: 0em; width: 100%; margin-bottom: 12px; font-family: 微软雅黑; font-size: 18px; LINE-HEIGHT: 36px; color: #1564af; font-weight: bold; padding-bottom: 10px; padding-top: 30px; border-bottom: 1px solid #1564af; }
.page-link-l { display: block; float: left }
.page-link-r { display: block; float: right }
/*留言*/
.drive { padding-top: 25px; width: 900px; padding-bottom: 50px; margin: 0 auto }
.drive h3 { width: 800px; height: 30px; line-height: 30px; text-align: center; color: #454545; font-size: 16px; overflow: hidden }
.drive p { width: 800px; text-align: center; margin-bottom: 30px; overfow: hidden }
.gbookcontent { float: right; width: 760px !important; padding: 10px; }
/*联系我们*/
.lxus { display: flex; flex-flow: row inwrap; justify-content: space-between; padding-top: 30px; text-align: center }
.lxus i { font-size: 50px; color: #676565; text-align: center }
.lxus img { width: 980px; height: 240px; background-color: #fff; text-align: center; display: table-cell; vertical-align: middle; overflow: hidden }
.lxblock { max-height: 240px; max-width: 410px; vertical-align: middle; margin: 0 auto; transition: all 1s; }
.audio_div { display: block; width: 20px; height: 20px; background: url(../images/music.gif) no-repeat center bottom; background-size: cover; position: relative; z-index: 2; bottom: -30px; left: 900px }
.foot { background-color: #222e3e; width: 100%; height: 260px; padding-top: 30px }
.foot-l .masonry-item { float: left; margin-right: 30px }
.masonry-item h4 { color: #fff; font-weight: normal }
.masonry-item ul li a { color: #fff; font-size: 14px }
.gsmc { font-size: 24px; margin-top: 0px; text-align: center; margin-bottom: 10px; color: #fff; }
.foot .info p { color: #fff; text-align: left; font-size: 13px; margin-right: 30px; margin-bottom: 10px; }
.foot_info_icon i { margin: 10px 20px 0 0; font-size: 18px }
#met-weixin { position: relative }
.showimg { position: absolute; bottom: 30px; left: -100px; display: block !important }
.footer { width: 100%; height: 42px; background-color: #222e3e; padding: 10px 0; color: #FFF; position: relative; z-index: 1; border-top: 1px solid #313b4c }
.footer a { font-size: 14px; }
/*加入我们*/
.job-wrapper { margin-top: .45rem; }
.job-box { background-color: #efefef; margin-bottom: 20px; }
.job-box .job-top { height: 60px; line-height: 60px; padding-left: .5rem; font-size: 16px; color: #000; background-image: url(../images/icon-dd1.png); background-repeat: no-repeat; background-position: 96% center; background-size: auto 42.857143%; cursor: pointer; padding-left: 50px }
.job-top span { font-size: 16px; display: none; }
.job-top i { font-style: normal; font-size: 12px; float: right; margin-right: 80px; color: #b5b5b5; overflow: hidden }
.job-top i:nth-child(4) { width: 100px; }
.job-top i:nth-child(2) { width: 70px; }
.job-top i:nth-child(3) { width: 220px; }
.job-top.cur { color: #fff; background-color: #696969; background-image: url(../images/icon-dd2.png); background-repeat: no-repeat; background-position: 96% center; background-size: auto 17.1428571%; }
.job-top.cur span { display: block; float: left; }
.job-box .job-block { padding: 0 .5rem .55rem; display: none; }
.job-block .job-list { padding: .3rem 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.job-list li { width: 25%; padding: 7px 0; color: #333; float: left; }
.job-block .job-con { color: #333; line-height: 34px; padding: 25px; }
.job-con p, .job-con span { background: none !important }
.job-con .title { font-size: 18px; }
.job-block .mail-btn { width: 220px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background-color: #00a0ea; margin-top: .35rem; display: inline-block; text-align: center; }
.mail-btn span { padding-left: 30px; background: url(../images/icon-mail.png) no-repeat left center; background-size: 18px auto; }
.job-block .apply-btn { width: 220px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background-color: #ea8200; margin-top: .35rem; display: inline-block; text-align: center; }
.apply-btn span { padding-left: 30px; background: url(../images/icon-apply.png) no-repeat left center; background-size: 18px auto; }
/*sales*/

#pagesize{ margin: 20px 0;}