@charset "utf-8";
/* CSS Document */
.navigation{ background:url(../images/companytopbg.png) repeat-x center center; width:100%; padding-top:210px; height:90px; color:#fff; margin-top:80px; margin-bottom:40px;}
.navigation h2{ font-size:30px; letter-spacing:5px;font-family:'Montserrat-Regular';}
.navigation a{ font-family:'Montserrat-SemiBold';letter-spacing:2.5px; font-size:14px; color:#fff; text-transform:uppercase;}
.navigation a.cur2{ color:#fff;}

.companycon h1{ font-size:30px; color:#616060;}
.companycon h2{ font-size:18px; color:#616060; margin-bottom:10px;}
.companycon img{ text-align:center; max-width:1100px;}
.companycon p{ line-height:2em; color:#888;}
/*
.companycon2{ background:url(../images/company1_bg.png) no-repeat center center; width:100%; height:400px; position:relative;}
.companycon2 p{ position:absolute; color:#3e3e3e; font-size:18px; max-width:268px; height:auto; line-height:1.5em;}
.companycon2 .p1{ left:120px; top:60px;}
.companycon2 .p2{ left:70px; top:180px;}
.companycon2 .p3{ left:70px; top:280px; text-align:right;}
.companycon2 .p4{ left:440px; top:370px;}
.companycon2 .p5{ right:90px; top:280px;}
.companycon2 .p6{ right:210px; top:180px;}
.companycon2 .p7{ right:250px; top:60px;}
.companycon3 p{ font-size:14px; color:#63656a; text-transform:uppercase;}
.companycon3 a{ text-decoration:underline; color:#004186;}
*/

.piclist {overflow:hidden;}
.piclist ul{ width:1122px;}
.piclist ul li{ float:left; margin-right:22px;}
.piclist ul li img{ border:1px solid #e4e4e4;}

.image-text{ padding:30px 0; background:#f7f7f7 url(../images/company2_bg.png) no-repeat center center; height:400px; position:relative;}
.image-text h3{ font-size:14px; color:#3a3a3a;}
.image-text ul{ margin-top:20px;}
.image-text ul li{ color:#777; font-size:12px; background:url(../images/blue_block.png) no-repeat left center; padding-left:15px;line-height:2em;}
.pos1 ul li{background:url(../images/blue_block.png) no-repeat right center; text-align:right; padding-right:15px; }
.pos1 h3{ text-align:right;}
.pos1{position:absolute; left:110px; top:80px;}
.pos2{position:absolute; right:20px; top:180px;}
.pos3{position:absolute; left:525px; top:320px;}

.tit{ color:#004684; font-size:36px; letter-spacing:3px;}
.com_block1 img{ width:1100px; height:360px;}

.eventcon{ padding:40px 0; height:auto; background:#f7f7f7 url(../images/eventbg.png) no-repeat center center; position:relative;}
.eventcon h3{ font-size:17px; color:#004186; margin-bottom:15px;}
.eventcon p{ font-size:13px; color:#606467;}
.position1{position:absolute; left:180px; top:65px;}
.position2{position:absolute; left:300px; top:220px;}
.position3{position:absolute; right:300px; top:65px;}
.position4{position:absolute; right:30px; top:205px;}

.com_logo .gray2{ padding:47px 0;}
.com_logo img{ display:inline-block; width:231px; height:231px; margin-left:32px;}
.com_zs .gray2{ padding:22px 40px;}
.com_zs img{ display:inline-block; margin-left:78px; width:auto; height:361px; border:1px solid #e4e4e4;}
/*company 结束*/

.navigation2{ background:url(../images/producttopbg.png) repeat-x center center; }
.proleft{ width:290px;}
.tit2{color:#3a3a3a; padding-bottom:20px;}
.proleft h2{ font-size:30px;  background: url(../images/tit_btbg3.png) right bottom no-repeat; text-align:right;}
.productleftlb1{ position:relative; width:100%; height:290px; overflow:hidden;}
.productleftlb1 .arrow{position:absolute; background-image:url(../images/btn_icon2.png); background-repeat:no-repeat; width:25px; height:25px; position:absolute; left:0; bottom:0; z-index:3; cursor:pointer;}
.productleftlb1 .arrow-left{ background-position:0 0; right:26px; left:auto;}
.productleftlb1 .arrow-right{ background-position:-25px 0; right:0; left:auto;}
.productleftlb1 .arrow-left:hover{background-position:0 -25px;}
.productleftlb1 .arrow-right:hover{ background-position:-25px -25px;}


.proright{ width:740px; font-size:14px; color:#63656a;}
.proright h3{ font-size:18px;}
.proright p{line-height:2em; margin-bottom:7px;}
.proright ul li{ background: url(../images/blue_block.png) no-repeat left center; padding-left:20px; margin-bottom:10px;}

/*product 结束*/

.navigation3{ background:url(../images/processtopbg.png) repeat-x center center; }
.processleft{ width:530px; height:360px; position:relative; overflow:hidden;}
.processleft .arrow-left{right:51px; left:auto;}
.processleft .arrow-right{right:0; left:auto;}

.processright{ width:510px;} 

/*process 结束*/

.navigation4{ background:url(../images/contacttopbg.png) repeat-x center center; }
.navigation5{ background:url(../images/leg.png) repeat-x center center; }
.navigation6{ background:url(../images/pai.png) repeat-x center center; }
.contact{ width:1100px; height:540px; position:relative;}
.contact img{ width:1100px; height:540px;}
.contactcon{ position:absolute; left:50px; bottom:40px; width:1000px; height:105px; background:#727272; margin:0 auto; padding:35px 0; color:#fff;}
.contactcon h2{ font-size:30px; line-height:105px; float:left; width:220px; text-align:center; border-right:1px dashed #fff;}
.contactcon li{ background-position: left center;}
.contactcon li a{ color:#fff;}
.contactcon li.fli_1{background-position: left 7px; line-height:2em;}
.contactul{ margin-left:90px;}

.contact2{ width:570px; height:240px; margin-left:auto; margin-right:auto; padding:40px;font-size:14px; color:#63656a; line-height:1.5em;}
.contact2 h2{ font-size:30px; color:#3e3e3e; letter-spacing:6px; text-align:center;}
.abtn a{ display:block; width:270px; height:40px; line-height:40px; float:left; text-align:left; color:#63656a; border:1px solid #828282; }
.tel{ margin-right:25px; cursor:default;}
.abtn i{display:block;float:left; }
.tel i{ background:url(../images/c_icon1.png) no-repeat; width:14px; height:14px; margin:13px 20px 0 10px;}
.mail i{background:url(../images/c_icon2.png) no-repeat; width:15px; height:10px;margin:16px 20px 0 10px;}
.abtn a:hover{ background:#004186; color:#fff;}
.tel:hover i{background: url(../images/f_icon3.png) no-repeat;}
.mail:hover i{background: url(../images/f_icon2.png) no-repeat;}

.hd .n{ font-size:16px;}
.bd{ margin:20px 0 0;}
.bd a{ display:inline-block; margin-right:15px; color:#888;}
.bd .si{ display:inline-block; width:15px; height:15px; background:#fff; border:1px solid #ccc; vertical-align:-3px; margin-right:10px;}
.bd a:hover,.bd a.curr{ color:#f8b72d;}
.bd a:hover .si,.bd a.curr .si{ background:#f8b72d; border:1px solid #f8b72d;}
.pro_wrap{ width:1350px;}
.pro{ width:290px; height:auto; float:left; margin-right:125px;}
.piclb{width:290px; height:290px; position:relative;}
.piclb img{ width:290px; height:290px;}
.piclb{ position:relative; width:100%; height:290px; overflow:hidden;}
.pro .arrow{position:absolute; background-image:url(../images/btn_icon2.png); background-repeat:no-repeat; width:25px; height:25px; position:absolute; left:0; bottom:0; z-index:3; cursor:pointer;}
.pro .arrow-left{ background-position:0 0; right:26px; left:auto;}
.pro .arrow-right{ background-position:-25px 0; right:0; left:auto;}
.pro .arrow-left:hover{background-position:0 -25px;}
.pro .arrow-right:hover{ background-position:-25px -25px;}
.pro_con{ width:290px; height:auto; max-height:120px; overflow:hidden; float:left; margin-top:25px;}
.pro_con h3{ font-size:18px; color:#3a3a3a; line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro_con p{ margin-top:15px; font-size:14px; color:#63656a; line-height:1.8em;height:5.4em;overflow:hidden;}
.pro img{ transform:scale(1,1); transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s;-o-transition:all ease-out 0.5s;}
.pro:hover img{ transform:scale(1.2,1.2); transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s;-o-transition:all ease-out 0.5s;}

/*news*/
.news{ width:1150px; overflow:hidden;}
.newsUL li{ float:left; display:block; width:338px; height:auto; margin:0 43px 43px 0;}
.newsUL li a{ display:block; width:338px; height:auto;}
.pic{ width:338px; height:201px; position:relative;}
.pic p{ position:absolute; right:0; bottom:0; }
.pic span{ display:inline-block;padding:0 10px; height:32px; line-height:32px; background:url(../images/news_tmbg.png); color:#fff;font-family:'Montserrat-SemiBold'; float:left;}
.pic .prev{ display:inline-block; background:url(../images/prev.jpg) no-repeat; width:33px; height:32px; float:left;}
.news_con{ width:288px; height:100px; padding:10px 25px; background:#f4f4f4;}
.news_con h2{ color:#333; font-size:18px;font-family:'Montserrat-Regular'; height:30px; line-height:30px; overflow:hidden;}
.news_con p{ color:#808080; font-size:14px; height:35px; overflow:hidden;}
.newsUL li a:hover{ box-shadow:0 0 4px #ccc;}
.page{ width:600px; margin:0 auto;}
.pageUL li{ display:block; float:left; margin-left:1px;}
.pageUL li a{ display:block; padding:0 20px; height:44px; line-height:44px; text-align:center; background:#f8f8f8; color:#63656a;}
.pageUL li a.pagecur,.pageUL li a:hover{ background:#0085ff; color:#fff;}
.ne_tit{ text-align:center; margin:30px 0;}
.ne_tit span{ font-size:14px; color:#63656a; line-height:40px;}
.ne_tit h2{ font-size:18px; clear:#222;}


.peopleleft{ width:264px; padding:70px 70px 0 83px; font-size:14px;}
.tit{font-size:30px; color:#3e3e3e; background:url(../images/tit_btbg1.png) bottom left no-repeat; padding-bottom:15px;}
.gray1 p{ line-height:1.8em; color:#999999; font-family:"Montserrat-Regular";}
.mb20{ margin-bottom:20px;}
.mb50{ margin-bottom:50px;}
.ndy img{ width:680px; height:400px;}

@media (max-width:640px){
.navigation{ background:url(../images/companytopbg.png) repeat-x center center; background-size:100% 150px; width:100%; height:150px; color:#fff; margin-top:50px; margin-bottom:20px;padding-top:0; position:relative;}
.navpos{ position:absolute; bottom:20px;}
.navigation h2{ font-size:20px; letter-spacing:5px;font-family:'Montserrat-Regular';}
.navigation a{ font-family:'Montserrat-SemiBold';letter-spacing:2.5px; font-size:14px; color:#fff; text-transform:uppercase;}
.navigation a.cur2{ color:#fff;}

.companycon h2{ font-size:16px; color:#616060; margin-bottom:10px;}
.companycon img{ text-align:center; max-width:100%;}


.piclist {overflow:hidden; width:100%; margin-top:-30px;}
.piclist ul{ width:105%;}
.piclist ul li{ float:left; width:45%; margin:0 5% 5% 0;}
.piclist ul li img{ border:1px solid #e4e4e4; width:100%;}

.image-text{ padding:30px 0; background:#f7f7f7 url(../images/company2_bg.png) no-repeat center center; height:400px; position:relative;}
.image-text{ background:#f7f7f7; height:auto;}
.image-text img{text-align:center; max-width:100%;}


.tit{ color:#004684; font-size:25px; letter-spacing:3px;}
.com_block1 img{ max-width:100%; width:100%; height:auto;}

.com_logo .gray2,.com_zs .gray2{ padding:20px 0 0;}
.com_logo img,.com_zs img{ float:left; width:45%; height:auto; margin:0 0 5% 3.3%;}

.contact{ width:100%; height:auto; padding-top:0;}
.contact img{ width:100%; height:auto;}
.contactcon{ position:static; left:auto; bottom:auto; width:100%; height:auto; float:left; background:url(../images/tmbg2.png); margin:0 auto 20px; padding:0; color:#fff;}
.contactcon h2{ font-size:30px; line-height:105px; float:left; width:100%; text-align:left; padding-left:10%; border-right:none;}
.contactcon li{ background-position: left center; color:#fff;}
.contactcon li.fli_1{background-position: left 7px; line-height:2em;}
.contactul{ width:90%; padding-left:10%; margin:0 auto;}


.contact2{ width:100%; height:auto;}
.contact2 h2{ font-size:20px;}
.abtn a{ display:block; width:100%; height:40px; line-height:40px; float:left; text-align:left; color:#63656a; border:1px solid #828282; margin-bottom:20px;}
.tel{ margin-right:25px;}


.tit2{color:#3a3a3a; padding-bottom:20px;}
.proleft h2{ font-size:20px;  background: url(../images/tit_btbg3.png) right bottom no-repeat; text-align:right;}


.proright{ width:100%; font-size:14px; color:#63656a; margin-top:20px;overflow:auto;}
.proright h3{ font-size:18px;}
.proright p{line-height:2em;}
.proright ul li{ background: url(../images/blue_block.png) no-repeat left center; padding-left:20px; margin-bottom:10px;}


.proleft,.productleftlb1,.peopleright,.processleft{ position:relative;width:100%; height:auto;}
.arrow{ background-image:url(../images/btn_icon2.png); background-repeat:no-repeat; width:25px; height:25px;}
.processleft .arrow-left,.processleft .arrow-left{ right:26px; left:auto;} 
.processleft .arrow-right,.processleft .arrow-right{ right:0; left:auto;}
.arrow-left{ background-position:0 0;}
.arrow-right{ background-position:-25px 0;}
.processleft .arrow-left:hover{background-position:0 -25px;}
.processleft .arrow-right:hover{ background-position:-25px -25px;}

.page{ display:none;}
.news{ width:100%; overflow:hidden;}
.newsUL li{ float:left; display:block; width:100%; height:auto; margin:0 0 20px 0;}
.newsUL li a{ display:block; width:100%; height:auto;}
.pic{ width:100%; height:auto;}
.pic img{ width:100%; height:auto;}
.news_con{ width:100%; height:100px; padding:10px 25px; background:#f4f4f4;}


.pro_wrap{ width:100%;}
.pro{ width:100%; height:auto; float:left; margin-right:125px;}
.piclb{width:100%; height:auto; position:relative;}
.piclb img{ width:100%; height:auto;}
.piclb{ position:relative; width:100%; height:auto; overflow:hidden;}
.pro_con{ width:100%; float:left; margin-top:25px;}
.swiper-container img{ width:100%; height:auto;}

.peopleleft{ width:80%; padding:20px 0; font-size:14px; float:none; margin:10px auto;}
.tit {background: rgba(0, 0, 0, 0) url("../images/tit_btbg1.png") no-repeat scroll left bottom;color: #3e3e3e;font-size: 20px;letter-spacing: 5px; margin-bottom: 20px;padding-bottom: 10px;}
.gray1 p{ line-height:1.8em; color:#999999; font-family:"Montserrat-Regular";}
.mb20{ margin-bottom:20px;}
.mb50{ margin-bottom:50px;}
.ndy{float:none;}
.ndy img{ width:100%; height:auto;}
}