body{font-size:12px; font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif; color:#000; line-height: 2.4; max-width: 1920px; margin:0 auto;}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit;}
a:hover,a:focus{text-decoration: none;color:inherit;}
.img-responsive{display: block;margin:0 auto;max-width: 100%;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex;  display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}

@font-face{font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  display:inline-block;
  vertical-align: middle;
  margin:0 .3em;
  font-size: 1.1em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;   
}


.container{width:1000px; padding: 0; max-width: 100%;}
@media (max-width: 1200px){
  .container{padding: 0 15px;}
}


/* header */
.header_box{width: 100%; border-top: 12px solid #1049a0; background: #fbfbfb;}

.header_nav{width: 100%; background: url(../images/common/nav_bg.jpg) center repeat-x;}
.header_nav a{display: block; width: 20%; height: 50px; font-size: 16px; color: #fff; line-height: 50px; text-align: center; border-right: 1px solid #71a3d4;}
.header_nav a:first-child{border-left: 1px solid #71a3d4;}

.banner img{height: 480px; object-fit: cover;}
/* header */


/* index */
.iproduct{width: 100%;}
.iproduct_category{width: 100%; background: #333;}
.iproduct_category a{display: block; width: 33.333%; height: 50px; font-size: 14px; color: #fff; line-height: 50px; text-align: center; border-right: 1px solid #e5e4e9; position: relative;}
.iproduct_category a:first-child{border-left: 1px solid #e5e4e9;}
.iproduct_category a::after{content: ""; border-top: 10px solid #0466c1; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 50%; top: 100%; z-index: 10; transform: translateX(-50%); display: none;}
.iproduct_category a:hover{background: #0466c1;}
.iproduct_category a:hover::after{display: block;}

.iproduct_content{width: 100%; background: #F0F0F0; padding: 40px 0;}
.iproduct_list{width: 100%; font-size: 0;}
.iproduct_list li{display: inline-block; width: 24%; vertical-align: top; margin-right: 1.333%;}
.iproduct_list li:nth-of-type(4n){margin-right: 0;}
.iproduct_list li img{background: #F4F4F4; border: 1px solid #ccc; padding: 3px;}
.iproduct_list li p{font-size: 14px; color: #333; line-height: 40px; text-align: center;}
.iproduct_list li:hover img{padding: 0;}
.iproduct_list li:hover p{color: #f00;}


.iabout{width: 100%; padding-top: 40px; padding-bottom: 40px;}
.iabout_title{margin-bottom: 20px;}
.iabout_cont{width: 720px;}
.iabout_cont img{float: left; width: 350px; margin-top: 5px; margin-right: 24px;}
.lianxi{width: 240px; padding: 10px 15px; background-color: #F3F3F3; border: solid 1px #CCC;}
.lianxi h3{font-size: 16px; color: #222; line-height: 30px; font-weight: bold; letter-spacing: 2px; border-bottom: 1px solid #ccc; background: url(../images/common/icon.jpg) no-repeat left center; padding-left: 15px;}
.lianxi li{width: 100%; line-height: 30px; padding: 0 15px; background: #fff; border: 1px solid #ccc; margin-top: 10px;}


.iculture{width: 100%; padding-bottom: 40px;}
.iculture_title{margin-bottom: 20px;}
.iculture_img{width: 300px;}
.iculture_cont{width: 660px;}
.iculture_cont h4{font-size: 24px; color: #1C59C4; font-weight: bold; line-height: 1.8;}
/* index */


/* footer */
.footer{width: 100%; background: #191919; text-align: center; padding: 20px 0;}
.footer p{color: #fff;}
/* footer */


/* about */
.about{width: 100%;}
.about_flex{width: 100%; display: flex; justify-content: space-between; padding: 25px 15px 40px; background: url(../images/common/temp-bg.jpg) repeat-x 0 0;}
.sidebar{width: 230px;}
.subnav{width: 100%; padding: 10px 15px; border: solid 1px #CCC; margin-bottom: 25px;}
.subnav h3{font-size: 16px; color: #222; line-height: 30px; font-weight: bold; letter-spacing: 2px; border-bottom: 1px solid #ccc; background: url(../images/common/icon.jpg) no-repeat left center; padding-left: 15px; margin-bottom: 10px;}
.subnav li{width: 100%; border-bottom: 1px dashed #ccc;}
.subnav li a{display: block; width: 100%; line-height: 30px; padding-left: 45px; padding-right: 25px; letter-spacing: 2px; position: relative;}
.subnav li a::before{content: ""; width: 5px; height: 5px; border-radius: 50%; background: #333; position: absolute; left: 25px; top: 50%; z-index: 10; transform: translateY(-50%);}
.subnav li a::after{content: ""; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; right: 20px; top: 50%; z-index: 10; transform: translateY(-50%); display: none;}
.subnav li.current, .subnav li:hover{border-bottom: 1px solid #0466c1;}
.subnav li.current a, .subnav li:hover a{background: #0466c1; color: #fff;}
.subnav li.current a::before, .subnav li:hover a::before{background: #fff;}
.subnav li.current a::after, .subnav li:hover a::after{display: block;}
.sidebar .lianxi{width: 100%;}

.maincont{width: 700px; padding-left: 20px; border-left: 1px solid #ccc;}
.maintop{width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 5px; border-bottom: 1px solid #ccc; line-height: 35px; margin-bottom: 15px;}
.maintop h3{font-size: 16px; color: #222; font-weight: bold; letter-spacing: 2px; background: url(../images/common/icon.jpg) no-repeat left center; padding-left: 15px;}
.maintop p{color: #666; letter-spacing: 2px;}
.maintop p a{color: #0466c1;}
.maintop p a:hover{color: #F00;}
.maintop p span{display: inline-block; background: #0466c1; color: #fff; line-height: 24px; padding-left: 16px; padding-right: 4px; border-radius: 4px; position: relative;}
.maintop p span::before{content: ""; border-left: 3px solid #fff; border-top: 3px solid transparent; border-bottom: 3px solid transparent; position: absolute; left: 8px; top: 50%; z-index: 10; transform: translateY(-50%);}

.mainbody{width: 100%;}
.mainbody h4{font-size: 14px; font-weight: bold; color: #0466c1; line-height: 2.4;}
.mainbody p{text-indent: 2em; letter-spacing: 1px; text-align: justify;}
.mainbody img.main_imglf{float: left; margin: unset; margin-right: 20px;}
.mainbody img.main_imgrt{float: right; margin: unset; margin-left: 20px;}
.mainbody p.maincontact{font-size: 14px; text-indent: unset; padding-left: 15px;}
.mainbody p a{color: #0466c1;}
.mainbody p a:hover{color: #F00;}
.mainbody img.about_pic{width: 600px; margin-top: 10px;}
.mainbody img.contact_08{width: 350px; margin-top: 10px;}
/* about */


/* product */
.product .sidebar{width: 240px;}
.product .subnav li a{padding-left: 15px; padding-right: 20px;}
.product .subnav li a::before{content: unset;}
.product .subnav li a::after{right: 15px;}

.mainpro{width: 100%; font-size: 0; margin-top: 10px; margin-bottom: 15px;}
.mainpro li{display: inline-block; width: 49%; vertical-align: top; margin-right: 2%; font-size: 14px; color: #333; line-height: 40px; text-align: center;}
.mainpro li:nth-of-type(2n){margin-right: 0;}
.mainpro li img{background: #F4F4F4; border: 1px solid #ccc; padding: 3px;}
.mainpro_p{font-size:14px; color:#333; line-height:40px; text-align:center !important;}

.product table{text-align: center; line-height: 36px;}
/* product */


@media (max-width: 992px){
  .banner img{height: 50vw;}
}

@media (max-width: 768px){
  .header_box{border-top-width: 5px;}
  .header_logo img{height: 20vw; max-height: 100px; object-fit: contain;}
  .header_tel{display: none;}
  .header_nav .container{padding: 0;}
  .header_nav a{width: 25%; font-size: 14px; height: 42px; line-height: 42px;}
  .header_nav a:first-child{display: none;}
  .banner img{height: 50vw;}

  .iproduct_category .container{padding: 0;}
  .iproduct_category a{font-size: 12px; height: 42px; line-height: 42px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 10px;}
  .iproduct_content{padding: 30px 0;}
  .iproduct_list li{width: 48.5%; margin-right: 3%;}
  .iproduct_list li:nth-of-type(2n){margin-right: 0;}
  .iproduct_list li img{padding: 0;}
  .iproduct_list li p{font-size: 12px; line-height: 30px;}

  .iabout{padding-top: 30px; padding-bottom: 30px;}
  .iabout_title{margin-bottom: 15px;}
  .iabout_title img{height: 44px; object-fit: cover;}
  .iabout_cont{width: 100%;}
  .iabout_cont img{float: unset; width: 100%; margin: 0; margin-bottom: 10px;}
  .iabout_box .lianxi{display: none;}

  .iculture{padding-bottom: 30px;}
  .iculture_title{margin-bottom: 15px;}
  .iculture_title img{height: 44px; object-fit: cover;}
  .iculture_box .flex{display: block;}
  .iculture_img{margin: auto; max-width: 100%;}
  .iculture_cont{width: 100%; margin-top: 10px;}
  .iculture_cont h4{font-size: 20px;}

  .about .container{padding: 0;}
  .about_flex{display: block; padding: 15px 15px 30px;}
  .sidebar{display: none;}
  .maincont{width: 100%; padding: 0; border: none;}
  .maintop{margin-bottom: 10px;}
  .mainbody img.main_imglf{margin-right: 10px; margin-top: 8px;}
  .mainbody img.main_imgrt{margin-left: 10px;}
  .mainbody img.contact_08{display: none;}

  .product .sidebar{display: block; width: 100%;}
  .product .subnav{margin-bottom: 20px;}
  .product .lianxi{display: none;}
  .product .maintop{display: none;}
  .mainpro li{font-size: 12px; line-height: 30px;}
  .mainpro_p{font-size: 12px; line-height: 30px;}

  body{padding-bottom: 60px;}
  .footnav{display: flex !important; width: 100%; height: 60px; font-size: 14px; color: #fff; line-height: 60px; text-align: center; letter-spacing: 2px; background: #0466c1; position: fixed; left: 0; bottom: 0; z-index: 999;}
  .footnav a{display: block; width: 33.333%; position: relative;}
  .footnav a::after{content: ""; width: 1px; height: 60%; background: rgba(255,255,255,.7); position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 10;}
  .footnav a:last-child:after{content: unset;}
  .footnav a i{display: inline-block; width: 20px; height: 20px; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: 3px; margin-right: 5px;}
  .footnav a.home i{background-image: url(../images/common/icon-home.png);}
  .footnav a.weix i{background-image: url(../images/common/icon-weix.png);}
  .footnav a.phone i{background-image: url(../images/common/icon-phone.png);}
  .wxcover{width: 100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; left: 0; top: 0; z-index: 1000; align-items: center;}
  .wxcover .wxbox{width: 100%; padding: 0 15px;}
  .wxcover .wxbox img{max-width: 66vw;}
  .wxcover .wxbox p{font-size: 16px; color: #f9d718; line-height: 60px; text-align: center; letter-spacing: 1px;}
  .wxcover .wxbox span{display: block; width: 100px; margin: auto; font-size: 14px; color: #fff; line-height: 32px; text-align: center; letter-spacing: 2px; background: #0466c1; border-radius: 5px;}
}