@charset "utf-8";
/*首页*/
.search{ width: 90%; margin: 12px auto; padding: 7px 5%; background: #f0f0ee; border-radius: 20px; }
.search input{ float:right; width: 88%; line-height: 26px; border: 0; background: #f0f0ee; color: #333; font-size: 15px; text-align: left;  }
.search .scbtn{ float: left; width: 25px; height: 25px; background:url(../images/search.png) center center no-repeat; background-size: 1.2rem auto; }
.banner{ position: relative; z-index: 10; overflow: hidden; width: 90%; margin: 20px auto; border-radius: 10px; box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);}
.banner a{ display: block; }

.index-nav{ padding-bottom: 1rem; border-bottom: 1px solid #f1f1f1; }
.index-nav ul li{ float: left; width: 25%;}
.index-nav ul li a{ display: block; width: 80%; margin: auto; }
.index-nav ul li .icon{ display: block; margin: auto; width: 4rem; height: 4rem; text-align: center; background: url(../images/index-nav.png) center top 18px no-repeat #1c445d; background-size: 50% auto;border-radius: 50%; }
.index-nav ul li:nth-child(2) .icon{ background-position: center -55px;}
.index-nav ul li:nth-child(3) .icon{ background-position: center -130px;}
.index-nav ul li:nth-child(4) .icon{ background-position: center bottom 15px;}
.index-nav ul li .text{ display: block; margin-top: 0.2rem; font-size: 14px; color: #333; }

.index-about{ padding-bottom: 45px; background: url(../images/about-bg.jpg) center bottom no-repeat; background-size: 100% auto;}
.index-about .title{ padding: 22px 5%;}
.index-about .title p{ float: left; position: relative; padding-left: 45px; font-weight: bold; font-size: 20px; color: #2b2724;  }
.index-about .title p .en{ text-transform: uppercase; font-size: 16px; color: #1c445d;  }
.index-about .title p::before{ content: ""; position: absolute; left: 0; top: 11px; height: 4px; width: 33px; background: #1c445d; }
.index-about .more{ float: right; color: #2b2724; }
.index-about .more span{ display: inline-block; width: 1.3rem; height: 1.3rem; margin-right: 0.3rem; margin-top: 0.8rem; line-height: 1.3rem; text-align: center; background: #e83535; color: #fff; border-radius: 50%;  }
.index-about .content{ padding: 0 5% 20px; text-align: left; font-size: 14px; color: #666; }
.index-about .video-bg{ padding: 0 4% 16px; margin: 15px 5%; border: 1px dotted #3f76cc; }
.index-about .video{ margin-top: -16px; box-shadow: 0 15px 35px rgba(8,8,8,0.1); }

.index-pro .title{ padding: 10px 0 22px;}
.index-pro .title p,.index-news .title p{ text-align: center; font-weight: bold; font-size: 20px; color: #2b2724;  }
.index-pro .title p .en,.index-news .title p .en{ text-transform: uppercase; font-size: 16px; color: #1c445d; }
.pronav{ padding: 0 2%}
.pronav li{ width: 50%; float: left; padding: 0 5px; margin: 5px 0; text-align: center; }
.pronav li.active a{ background: #1c445d; color: #fff; }
.pronav li a{ display: block; padding: 8px 5px; background: #eee; color: #333; line-height: 18px; border-radius: 4px; }
.procon{ padding: 15px 2%}
.procon ul li{ width: 50%; float: left; padding: 8px 5px; text-align: center;}
.procon ul li .img{ border: 1px solid #bfbfbf; }
.procon ul li .name{ padding-top: 5px; overflow: hidden; height: 38px; line-height: 16px;}
.index-pro .more,.index-news .more{ height:56px; line-height: 56px;  background: #f9f9f9; text-align: center; border-top: 1px solid #ccc; }
.index-pro .more a,.index-news .more a{ font-size: 14px;}

.index-news .title{ padding: 22px 0;}
#news li{ padding: 22px 5%; border-top: 1px solid #ccc;  }
#news li .floatl{ width: 35%; }
#news li .floatr{ width: 60%; text-align: left; }
#news li .tit{ display: block; overflow: hidden; width: 100%; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; }
#news li .date{ padding-left: 20px; background: url(../images/news-icon.png) left 2px no-repeat; background-size: 18px auto; color: #999; font-size: 12px; line-height: 20px; }
#news li .desc{ margin-top: 4px; overflow: hidden; height: 34px; line-height: 17px; font-size: 12px; }

.index-album{ height: 210px; background: url(../images/album-bg.jpg) center top no-repeat; background-size: 100% auto; }
.index-album a{ display: block; width: 100%; height: 100%; }
.index-album p{ color:#fff; font-size: 14px; line-height: 20px; }
.index-album .title{ position: relative; padding: 45px 0 35px; font-size: 20px; font-weight: bold; }
.index-album .title::after{ content: ""; position: absolute; left: 50%; bottom: 15px;  margin-left: -20px; width: 40px; height: 2px; background: #ffc005; }

.footer-lx{ padding: 16px 0 20px; background: url(../images/foot-bg.png) repeat; }
.footer-lx .lxlist{ width: 55%; margin: auto;}
.footer-lx .lxlist li{ padding-left: 60px; margin: 12px 0; height: 50px; background: url(../images/lx-icon.png) left 7px no-repeat; background-size: 75px auto; color: #fff; text-align: left; }
.footer-lx .lxlist li:nth-child(2){ background-position: left center;}
.footer-lx .lxlist li:nth-child(3){ background-position: left -180px; }
.footer-lx .lxlist li span,.footer-lx .lxlist li a{ display: block; font-size: 20px; color: #fff; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";  }

/*内页*/
.nytop{ padding: 26px 0 10px; background: #eee; }
.nytop .title{ padding: 0 5%; text-align: left; font-size: 17px; color: #2b2724; line-height: 25px;}
.nytop .title .en{ font-size: 25px; color: #1c445d; text-transform: uppercase; }
.nynav{ position: relative; padding: 12px 5%; text-align: left; background: #1c445d;}
.nynav .name{ float: left; display: block; width: 85%; overflow: hidden; color: #fff; font-size: 16px; text-overflow: ellipsis; white-space: nowrap;}
.nynav a.nav-open{ position: absolute; top: 50%; right: 5%; margin-top: -11px; width: 22px; height: 22px; }
.nynav a.nav-open img{ vertical-align: top;}
.nav-main{ position: absolute; display: none; z-index: 998; top: 48px; left: 0; width: 100%; padding-bottom: 20px; background: #fff; box-shadow: rgba(0, 0, 0, .1) 0 1px 5px }
.nav-main ul li{ background: url(../images/ny-icon1.png) center right 5% no-repeat; background-size: 10px auto; border-bottom: 1px solid #e1e0e0; }
.nav-main ul li a{ display: block; padding: 15px 8%; color: #333; font-size: 14px; }

.abcon1{ padding: 10px 5% 20px; text-align: left; }
.abcon1 p{ margin: 15px 0; color: #333; font-size: 14px; text-indent: 26px;}
.abcon2{ height: 315px; background: url(../images/abimg1.jpg) center top no-repeat; background-size: 100% auto; }
.abcon2 .txt{ padding-top: 25px; color: #fff; font-size: 18px; }
.abcon2 .txt .en{ color: #e62626; font-size: 19px; font-style: italic; font-weight: bold; text-transform: uppercase;  }
.abcon2 .video{ width: 85%; padding-top: 20px; margin: 0 auto; }
.abcon3 { position: relative; padding: 0 5% 60px; background: #f1f1f1;}
.abcon3 .txt{ padding: 25px 0; color: #000; font-size: 18px; }
.abcon3 .txt .en{ color: #282f85; font-size: 19px; font-style: italic; font-weight: bold; text-transform: uppercase;  } 
.abcon3 .ysul li .img{ display: inline-block; width: 72px; height: 72px; background: url(../images/ys-icon.png) no-repeat; background-size: 560px auto;}
.abcon3 .ysul li .p1{ padding-bottom: 6px; font-size: 16px; color: #333;}
.abcon3 .ysul li .p2{ font-size: 13px;}
.abcon3 .ysul li.li1 .img{ background-position: left bottom;}
.abcon3 .ysul li.li2 .img{ background-position: center bottom;}
.abcon3 .ysul li.li3 .img{ background-position: right bottom;}
.abcon3 .swiper-button-next,.abcon3 .swiper-button-prev{ top: 60%; background: url(../images/ys-icon1.png) left top no-repeat; background-size: 80% auto; }
.abcon3 .swiper-button-next{ background-position: left bottom;}

.album{ padding: 20px 2%;}
.album ul li{ width: 50%; float: left; padding: 8px 5px; text-align: center;}
.album ul li .img{ border: 1px solid #bfbfbf; }
.album ul li .name{ padding-top: 5px; height: 34px; line-height: 16px;}
#load_span{ line-height: 30px; padding-bottom: 30px; text-align: center; font-size: 12px; }

.proinfo .details{ padding: 0 5%; text-align: left;}
.proinfo .details .company{ padding: 10px 0; border-bottom: 1px solid #f1f1f1; color: #1c445d; font-size: 16px;}
.proinfo .details .intro{ margin: 10px 0; color: #666; font-size: 13px;}
.proinfo .details .model,.proinfo .details .size,.proinfo .details .weight{ color: #666; font-size: 13px; }
.prolist{ padding: 25px 0 60px}
.prolist .protop{ width: 100%; height: 40px; line-height: 40px; background: #eee;}
.prolist .protop a{ display: inline-block; width: 50%; height: 40px; text-align: center; }
.prolist .protop a.active,.prolist .protop a:hover{ background: #1c445d; color: #fff;}
.prolist .warp .list{ display: none; padding: 20px 5%;}
.prolist .warp .list:first-child{ display: block;}

.newsinfo{ padding: 20px 5%;}
.newstit{  text-align: center; color: #000; font-size: 18px; }
.newscen{ padding: 10px 0; text-align: center; color: #999; font-weight: lighter;  }
.newsinfo .content,.newsinfo .content p{ text-align: left; color: #666; font-size: 14px;}
.newsinfo .newscen span{ display: inline-block; padding-left: 22px; margin: 0 22px; background: url(../images/news-icon.png) left 3px no-repeat; background-size: 18px auto ;}
.newsinfo .newscen span.num{ background-position: left bottom 3px; }
.newsfoot{ width: 90%; margin: 0 auto; padding: 22px 0; border-top: 1px solid #dedede; text-align: left; color: #777;}
.newsfoot a{ display: block; }

.contact{ padding: 20px 5%;}
.contact .con{ padding-bottom: 20px;  text-align: left; }
.contact .con p{ color: #333; font-size: 13px;}
.contact .map{ width: 100%; height: 200px;}
.message{ padding: 20px 5% 60px;}
.message .title{ padding-bottom: 15px; font-size: 14px; color: #666; }
.message .title span{ position: relative; font-size: 16px; color: #1c445d; }
.message .title span::after,.message .title span::before{ content: ""; position: absolute; top: 50%; left: -30px;  width: 18px; height: 1px; background: #1c445d; }
.message .title span::before{ left: auto; right: -30px;}
.message .from{ text-align: left; }
.message .inputtxt{ width: 100%; padding: 10px 15px; margin-bottom: 10px; background:#f5f3f3; color: #999; border: none; }
.message #lytext{ width: 100%; height: 6rem; padding: 10px 15px; margin-bottom: 10px; resize: none; overflow: hidden; background: #f5f3f3; color: #999; border: none; }
.message .inputsub{ display: inline-block; margin-top: 1rem; width: 100%; height: 45px; line-height: 45px; background: #1c445d; color: #fff; font-size: 13px; border: none; }
.joinlist{ text-align: left; border-bottom: 1px solid #dbd8d8; } 
.join-top{ padding: 10px 5%; background: #eee; }
.join-top .name{ color: #333; font-size: 13px;}
.join-top .name span{ display: inline-block; margin-left: 15px; }
.join-top .name b{ color: #c63636}
.join-top .name span i{ font-style: normal; color: #c63636}
.join-desc{ padding: 10px 5% 20px; color: #333;}