@charset "utf-8";

/* header */

.header{width: 100%; height: 92px; min-width: 1160px;}

.header .logo{ width: 256px; height: 66px; margin-top: 9px; margin-left: 6px;}

.header .nav ul .nLi{float: left;  width: 85px; height: 67px; margin-left: 35px;  position: relative; text-align: center; z-index: 99;}

.header .nav ul .nLi  h3 a{display: block; width: 85px; }

.header .nav ul .nLi h3 span{display: block; margin-top: 10px; font-size: 14px; color: #6a6a6a;}

.header .nav ul .nLi h3 strong{display: block; margin-top: 10px; color: #919191; font-weight: normal;}

.header .nav ul .nLi.on{background-color: #0182ca;}

.header .nav ul .nLi.on h3 span{color: #fff; }
.header .nav ul .nLi.on h3 strong{color: #fff; }
.header .nav ul .nLi:hover{background-color: #0182ca;}
.header .nav ul .nLi:hover h3 span{color: #fff;}
.header .nav ul .nLi:hover h3 strong{color: #fff;}
.header .nav ul .nLi .sub{display:none; overflow:hidden;}

.header .nav ul .nLi:hover .sub{display:block;position: absolute;  left: -20px; top: 67px; width:130px; background-color: #fff;}

.header .nav ul .nLi .sub li{width: 100%;; height: 40px; line-height: 40px; font-size: 12px; text-align: center; color: #6a6a6a;} 

.header .nav ul .nLi .sub li a:hover{text-decoration: underline; color: #00468e;}

.header .en{line-height: 20px; font-size: 12px; margin-top: 5px;}

.header .en img{vertical-align: middle; position: relative; margin-right: 5px;}


#nav li h3 strong{line-height: 67px; margin-top: 0;}

/* .index-banner */ 

.index-banner{width: 1160px;height: 568px;min-width: 1160px; margin: 0 auto; overflow: hidden;position: relative;z-index: 1;}

.index-banner .bd ul li{width: 100%;height: 568px;text-align: center;background-size: 100% 100%;}

.index-banner .hd{width: 100%;height: 60px;line-height: 60px;position: absolute;z-index: 2;bottom: 0;left: 0;text-align: center;}

.index-banner .hd ul{text-align: center;}

.index-banner .hd ul li{width: 12px;height: 12px;margin-right: 11px;border-radius: 50%; background-color: #0182ca; overflow: hidden;vertical-align: middle;cursor: pointer;display: inline-block;*display: inline;zoom: 1;}

.index-banner .hd ul li.on{border: 1px solid #0182ca;  background-color: transparent;}



/* index-part1 */

.index-part1{width: 1160px; min-width: 1160px; padding: 70px 0; margin: 0 auto; background: url(../images/index1-bg.jpg)no-repeat top center;  background-size: cover;}
.index-part1 .container{box-sizing: border-box; padding: 0 15px;}
.index-part1 .abcon{width: 492px; font-size: 14px; color: #303030;}

.index-part1 .abcon h2{font-size: 30px; color: #1a1818; margin-bottom: 30px;}

.index-part1 .abcon h2 .blue{color: #0182ca;}

.index-part1 .abcon p{line-height: 25px; text-indent: 2em;}

.index-part1 .abimg{width: 605px; height: 335px;}

.index-part1 .abimg img{width: 605px; height: 335px;}



.index-title{width: 1160px; height: 58px; margin-bottom: 57px;}

.index-title .line1{ display: inline-block; width: 470px;margin-top: 28px; border-top: 1px solid  #eee;}

.index-title .line2{ display: inline-block; width: 470px;margin-top: 28px;border-top: 1px solid  #eee;}

.index-title img{position: relative; top: 5px;}

.index-title h2{display: inline-block; width: 185px; text-align: center;}

.index-title h2 p{ font-size: 30px;}

.index-title h2 strong{font-weight: normal; font-size: 14px; color: #c6c6c6;}



/* index-part2/ */

.index-part2{width: 1160px; height: auto; padding: 70px 0;  min-width: 1160px; margin:0 auto;}

.index-part2 .showbox{width: 1160px; overflow: hidden;}

.index-part2 .showbox ul{width: 1180px;}

.index-part2 .showbox ul li{float: left; width: 275px; height: auto; margin-right: 20px;}

.index-part2 .showbox ul li .boximg{width: 275px; height: 230px; overflow: hidden;}

.index-part2 .showbox ul li .boximg img{width: 275px; height: 230px; transition: all 1s;}

.index-part2 .showbox ul li .boximg img:hover{transform: scale(1.1,1.1);}

.index-part2 .showbox ul li p{ padding-top: 15px; font-size: 14px;color: #303030;}

.index-part2 .showbox ul li p:hover{color: #0182ca;}

.thanmore{width: 225px; height: 42px; border: 1px solid #0182ca; margin: 63px auto 0 auto; display:flex;justify-content:center;align-items:center;}

.thanmore a{ display: block; width: 220px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #0182ca;  font-size: 14px; color: #0182ca;}



/* .index-part3 */

.index-part3{ width: 1160px; height: auto; padding: 70px 0;  min-width: 1160px; margin: 0 auto;}
.index-part3 .index-title .line1{ width: 437px;}
.index-part3 .index-title .line2{ width: 437px;}
.index-part3 .index-title h2{width: 250px;}
.index-part3 .workbox{width: 1160px; overflow: hidden;}
.index-part3 .workbox ul li{box-sizing: border-box; float: left; width: 235px; height: 357px; margin-right: 73px; margin-bottom: 20px;  text-align: center;border-radius: 8px;  background-color: #0182ca; color: #fff; position: relative; overflow: hidden;}
.index-part3 .workbox ul li:nth-child(4n){margin-right: 0;}
.index-part3 .workbox ul li a{box-sizing: border-box; display: block; width: 100%; height: 100%; padding-top: 92px;}
.index-part3 .workbox ul li img{display: block; margin: 0 auto; -moz-transition:0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  -o-transform-style: preserve-3d;  -webkit-transform-style: preserve-3d;}
.index-part3 .workbox ul li p{margin-top: 40px; font-size: 30px;}
.index-part3 .workbox ul li:hover{width: 235px; height: 357px; background: url(../images/index3-bg.jpg) no-repeat top center;}
.index-part3 .workbox ul li:hover img{transform: rotateY(360deg); -moz-transform: rotateY(360deg);  -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg);}


/* .index-part4 */
.index-part4{ width: 1160px; height: auto; padding: 50px 0; min-width: 1160px; margin: 0 auto;}

.index-part4 .newsbox{width: 530px; height: 299px; font-size : 14px; color: #666666;}

.index-part4 .newsbox .newsimg{width: 530px; height: 150px;}
.index-part4 .newsbox .newsimg img{width: 530px; height: 150px;}

.index-part4 .newsbox h3{font-size: 16px; color: #0182ca; margin: 13px 0 15px 0;}

.index-part4 .newsbox  p{line-height: 25px;}

.index-part4 .newsbox  p:hover{text-decoration: underline; color: #0182ca;}

.index-part4 .newsbox .more{margin-top: 22px; height: 28px;}

.index-part4 .newsbox .more a{display: block; width: 113px; height: 26px; line-height: 26px; border: 1px solid #0182ca; text-align: center; color: #0182ca;}

.index-part4 .newsbox .more .fr{height: 28px; line-height: 28px; font-size: 12px;}

.index-part4 .newsbox .more .fr img{ position: relative; top: 3px; margin-right: 10px;}

.index-part4 .newscon{width: 584px;  font-size: 14px; color: #666666; }

.index-part4 .newscon ul li{padding-bottom: 24px; border-bottom: 1px solid #dddddd; margin-bottom: 40px;}
.index-part4 .newscon ul li:last-child{margin-bottom: 0;}

.index-part4 .newscon h1{width: 123px; height: 98px;line-height: 98px;border-right: 1px solid #666666; font-size: 65px; font-weight: 500; float: left; color: #666666;}

.index-part4 .newscon .box{float: left; width: 460px; height: 98px; box-sizing: border-box; padding-left: 15px; padding-right: 5px; }

.index-part4 .newscon .box h3{font-size: 16px; color: #666666; margin-bottom: 10px;}

.index-part4 .newscon .box p{line-height: 20px; color: #919191;}

.index-part4 .newscon .box p a:hover{text-decoration: underline;}

.index-part4 .newscon .box .riqi{ font-size: 12px; margin-top: 8px; height: 22px; line-height: 22px;}

.index-part4 .newscon .box .riqi img{position: relative; top: 3px; margin-right: 10px;}

.index-part4 .newscon .box a:hover{color: #0182ca;}


.addr{width: 100%; min-width: 1200px; padding: 70px 0; background-color: #fff;}
.addr .left{width: 360px; padding-top: 40px; }
.addr .left h1{font-size: 20px;font-weight: bold;color: #0182ca; margin-bottom: 25px;} 
.addr .left ul li{font-size: 14px; line-height: 40px; color: #333;}
.addr .right{width: 750px; }



/* footer */

.footer{width: 100%; height: auto; box-sizing: border-box; padding: 32px 0; background: url(../images/footer-bg.jpg)no-repeat top center; background-size: cover;}

.footer .f-nav ul li{float: left; width: 142px; text-align: center;  color: #fff;}

.footer .f-nav ul li a{display: block; margin-bottom: 12px;}

.footer .f-nav ul li a:last-child{margin-bottom: 0;}

.footer .f-nav ul li a:hover{text-decoration: underline;}

.footer .f-nav ul li h2 a{font-size: 14px; margin-bottom: 12px !important;}

.footer .wx{width: 106px; margin-right: 85px;}

.footer .wx span{margin-top: -2px; color: #fff;}

.footer .wx p{ font-size:14px; line-height:36px;}

.footer .wx #bds_tsina{ background:url(../images/f-weibo.jpg) no-repeat  top center; width:21px; height:20px; margin:0px; padding:0px; margin-right:3px;}

.footer .wx #bds_weixin{ background:url(../images/f-weixin.jpg) no-repeat top center; width:21px; height:20px; margin:0px; padding:0px; margin-right:3px;}

.footer .wx #bds_sqq{ background:url(../images/../images/f-qq.jpg) no-repeat top center; width:19px; height:19px; margin:0px; padding:0px; margin-right:0px;}

/* .f-bottom */

.f-bottom{width: 100%; height: 46px; line-height: 46px; color: #fff; background-color: #0472af; text-align: center;}

.f-bottom a:hover{color: #00468e;}



/* .inside-banner */

.inside-banner{width: 100%; height: 430px;background-size: 100% 100%;}



.content{width: 100%; min-width: 1160px; height: auto; padding: 30px 0 66px 0; background-color: #f5f5f5;}

.sidemenu{width: 243px; height: auto; border: 1px solid #f1f1f1; font-size: 14px;}

.sidemenu .sidetitle{width: 243px; height: 38px; line-height: 38px; border-bottom: 1px solid #f1f1f1; background-color: #f6f5f5; color: #232323;}

.sidemenu .sidetitle .shape{display: inline-block; width: 3px; height: 12px; margin: 0 9px 0 11px ; background-color: #0182ca;}

.sidemenu .sidetext {width: 243px; background-color: #fff;}

.sidemenu .sidetext ul li{width: 215px; height: 52px; line-height: 52px; margin: 0 auto; border-top: 1px solid #f1f1f1; color: #6a6a6a;}

.sidemenu .sidetext ul li i{font-size: 20px; margin: 0 25px 0 29px;}

.sidemenu .sidetext ul li a.on{color: #0182ca;}

.sidemenu .sidetext ul li a:hover{color: #0182ca;}

.sidemenu .sidecon{width: 243px; background-color: #fff;  width: 243px; background-color: #fff;overflow: hidden;}

.sidemenu .sidecon ul li{width: 215px; height: auto; color: #6a6a6a;border-bottom: 1px solid #f1f1f1; margin: 0 auto;}

.sidemenu .sidecon ul li:last-child{border-bottom: none;}

.sidemenu .sidecon ul li .menu-title{display: block; width: 215px; height: 52px; line-height: 52px;color: #6a6a6a;}

.sidemenu .sidecon ul li .menu-title:hover{color: #0182ca;}

.sidemenu .sidecon ul li a.cur{color: #0182ca;}

.sidemenu .sidecon ul li .menu-title i{font-size: 20px; margin: 0 20px;}

.sidemenu .sidecon ul li ul li{box-sizing: border-box; width: 100%; height: 40px; line-height: 40px; padding-left: 67px; font-size: 12px; border: none; }
.sidemenu .sidecon ul li ul li
.sidemenu .sidecon ul li ul li a.on{color: #0182ca;}

.sidemenu .sidecon ul li ul li a:hover{color: #0182ca;}



.conbox{width: 847px;}

.home{height: 20px; margin-bottom: 23px; color: #505050;}

.home .hr{position: relative;margin-top: 2px;}

.home .hr .line1{width:620px;border-top: 1px solid #d0d0d0;}

.home .hr .line2{width: 30px;height: 3px;background-color: #0182ca;position: absolute;left: 0;top: 11px;}

.home .currenthome .homeicon{display: inline-block;width: 22px;height: 21px;background: url(../images/home.png) no-repeat center center;position: relative;top: 3px;}

.home .currenthome .blue{color: #0182ca;}



/* 关于我们 */

.about{box-sizing: border-box; width: 847px; padding: 45px 50px; font-size: 14px; background-color: #fff; color: #332222;}

.about h2{font-size: 25px; color: #332222; text-align: center; margin-bottom: 32px;}

.about p{line-height: 25px; text-indent: 2em; }

.about .lianjie a{color: #0182ca;}



.history{box-sizing: border-box; width: 847px; padding: 45px 50px; font-size: 14px; background-color: #fff; color: #332222;}

.sidebox{padding-left: 20px;border-left: 1px solid #e9e9e9;}

.sidebox h3{height:60px;line-height:60px;padding-left: 3px;cursor:pointer;font:normal 18px/32px "Microsoft YaHei";display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;position: relative;}

.sidebox h3 a{color: #332222;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;position: relative;padding-left: 20px;padding-top: 5px;}

.sidebox h3 em{float:right;display:block;width:40px;height:32px;cursor:pointer;}

.sidebox h3.on em{background-position:16px -57px;}

.sidebox ul{padding:0px 25px;color:#332222;display:none;height:auto;overflow: hidden;}

.sidebox ul li{line-height:40px;display: -webkit-box;-webkit-box-orient: vertical;height: auto;overflow: hidden;padding-bottom: 10px;}

.sidebox ul li a{color: #332222;font-size: 14px;font-weight: bold;margin-top: -5px;display: block;margin-left: -5px;}

.sidebox .serial{position: absolute;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #dddddd;text-align: center;line-height: 40px;color: #666666;font-size: 14px;background: #ffffff;margin-left: -45px;}

.sidebox.strategy ul li a.tuba{color: #332222;font-size: 15px;font-weight: bold;margin-left: 5px;}



/* 新闻中心 */

.news{width: 847px;}

.news ul li{width: 847px; height: auto; margin-top: 37px; padding-bottom: 30px; border-bottom: 1px dotted #676767;}

.news ul li:first-child{margin-top: 0;}

.news .newsimg{width: 242px; height: 130px;}

.news .newsbox{box-sizing: border-box; width: 575px; padding: 7px 0; height: 130px;}

.news .newsbox h3{font-size: 14px; color: #0a0a0a; font-weight: bold;}

.news .newsbox span{display: block; margin: 15px 0 25px 0; color: #6a6a6a;}

.news .newsbox p{line-height: 20px; color: #6a6a6a;}

.news .newsbox p a:hover{text-decoration: underline;}

.news .newsbox a:hover{color: #0182ca;}



 /* 翻页 */

.sabrosus {color: #828182; font-size: 14px;  padding:5px; MARGIN:32px 0px 0px 0; text-align: center; font-size:14px;}

.sabrosus a{ padding:5px 15px; border: #ccc 1px solid; COLOR: #444; margin:0px 3px; text-decoration:none; background:#fff;}

.sabrosus a:hover { padding:5px 15px; background:#0182ca; color:#fff; border: #0182ca 1px solid;}

.pagination a:active { padding:5px 15px; background:#0182ca; color:#fff; border: #0182ca 1px solid;}

.sabrosus span.current { padding:5px 15px; background:#0182ca; color:#fff; border: #0182ca 1px solid; MARGIN-RIGHT:5px;}

.sabrosus span.disabled { padding:5px 15px; border: #ccc 1px solid; COLOR: #444; MARGIN-RIGHT:5px; text-decoration:none;}



.newsxq{box-sizing: border-box; width: 847px; padding: 45px 50px; font-size: 14px; background-color: #fff; color: #332222;}

.newsxq h2{font-size: 25px; color: #332222; text-align: center;}

.newsxq span{display: block; font-size: 14px; color: #666; margin: 20px  0;text-align: center;}

.newsxq p{line-height: 25px; margin-bottom: 20px;}

.newsxq p:last-child{margin-bottom: 0;}

.newsxq strong{display:block; margin-bottom: 15px;}



/* 产品展示 */

.product{width: 867px; overflow: hidden; font-size: 14px; color: #6a6a6a;}

.product ul{width: 900px; }

.product ul li{float: left; width: 255px; height: auto;  margin-right: 41px; margin-bottom: 45px;}

.product ul li img{display: block; width: 255px; height: 230px;}

.product ul li p{margin-top: 10px;}

.product ul li a:hover{color: #0182ca;}



.productxq{ width: 847px; font-size: 14px; color: #454545;}

.productxq p{line-height: 25px; margin-bottom: 10px;}

.productxq p:last-child{margin-bottom: 0;}

.productxq .pbox{margin-left: 20px;}

.productxq .pbox h2{ margin-bottom: 15px; font-size: 15px; color: #0182ca; font-weight: 600;}

.productxq h3{font-size: 15px; margin-bottom: 15px; color: #0182ca; font-weight: 600;}

/* 生产车间 */

.workshop{width: 867px; overflow: hidden; font-size: 14px}

.workshop ul{width: 900px; }

.workshop ul li{float: left; width: 255px; height: 155px;; margin-right: 41px; margin-bottom: 30px; overflow: hidden;}

.workshop ul li img{display: block; width: 255px; height: 175px;  transition: all 1s;}

.workshop ul li img:hover{transform: scale(1.1,1.1);}



/* 人才招聘 */

.join{width: 847px; height: auto; font-size: 16px;}

.join .slideTxtBox .hd {width: 845px; height: 50px; line-height: 50px; border: 1px solid #d8d8d8; cursor: pointer;}

.join .slideTxtBox .hd ul li{float: left; padding: 0 10px; height: 50px; line-height: 50px; text-align: center; }

.join .slideTxtBox .hd ul li.on{background-color: #0182ca; color: #fff;}

.join .slideTxtBox .bd{box-sizing: border-box; width: 847px; height: 522px; margin-top: 30px; padding: 20px 45px;  border: 1px  solid #d8d8d8;}

.join .slideTxtBox .bd .gw{padding: 20px 0;}

.join .slideTxtBox .bd .gw h2{font-size: 20px; margin-bottom: 30px; color: #000;}

.join .slideTxtBox .bd .gw strong{ display: block; margin-bottom: 20px;  color: #333; font-weight: normal;}

.join .slideTxtBox .bd .gw p{line-height: 25px; font-size: 14px;}



/* 联系我们 */

.contact{ width: 847px; font-size: 14px; color: #454545;}

.contact .dizhi{margin-top: 32px;}

.contact .dizhi p{line-height: 30px;}



.message{width: 867px; color: #332222; font-size: 14px;}

.message p{margin-bottom: 20px;}

.message span{ width: 100px; float: left; display: block; }

.message span i{color: red; margin-right: 5px;}

.message input{float: left; width: 300px; height: 30px; line-height: 30px; padding-left: 5px; background-color: #fff; border: 1px  solid #d8d8d8;}

.message textarea{width: 450px; height: 100px; padding-left: 5px; border: 1px solid #d8d8d8;resize:none; background-color: #fff; }

.message input[type="submit"]{width: 270px; height: 30px; line-height: 30px; margin-left: 100px; background-color: #0182ca; color: #fff;}


.picbox{width: 867px; overflow: hidden;}
.picbox ul li{float: left; width: 255px;  margin-right: 41px; margin-bottom: 25px; text-align: center;}
.picbox ul li:nth-child(3n){margin-right: 0;}
.picbox ul li img{width: 255px; height: 155px; border: 1px solid #ccc;}
.picbox ul li p{font-size: 14px; color: #333; margin-top: 10px;}


.lianjie1{width: 1160px; margin: 0 auto; }
.lianjie1 a{margin-right: 15px;}