/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#000000; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; outline:none;}
a:hover {text-decoration:none; color:#ff6600; noOutline:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {}i,em {font-style:normal;}
br{display:inline; line-height:11px;}

button, input, select, textarea,radio {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; }
button {cursor:pointer;}


.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block;}
*+html .clearfix {min-height:1%;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;}

@font-face{
font-family: "Poppins";
src:
url('../fonts/Poppins-Regular.ttf') format('truetype'),
url('../fonts/Poppins-Regular.woff') format('woff'),
url('../fonts/Poppins-Regular.otf') format('otf');
font-weight: normal;
font-style: normal;
font-display: block; 
}

body {font-size:14px; color:#222222; font-family:'Poppins','Arial','Microsoft YaHei', sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none; background:#ffffff;}
.main {position:relative; margin:0 auto; width:90%; max-width:1400px;}
@media screen and (max-width:768px) {
body {font-size:12px;}
.main {width:92%;}
}


/***头部***/
.header{width:100%; box-sizing:border-box; position:fixed; background:none; height:110px; top:0; left:0; z-index:9999;}
.header:hover{background-color:rgba(0,49,82,1);}
.header_over {position:fixed; top:0; left:0; width:100%; background-color:rgba(0,49,82,1); z-index:99;}


/***左侧的Logo***/
.header_left{float:left; width:20%;}
.header_left img{width:auto; height:auto; float:left; margin-top:15px;}

/***中间的导航***/
.header_mid{float:left; width:76%;}
.header-nav{width:100%;}
.header-nav ul{}
.header-nav ul li{position:relative; display:inline-block; text-align:center; line-height:110px; height:110px; box-sizing:border-box; text-transform:uppercase; padding:0 20px; font-size:16px;}
.header-nav ul li a{color:#ffffff;}
.header-nav ul li:hover{ background:#ffffff;}
.header-nav ul li:hover a{color:#ffffff;}

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear: both;}
#menu {zoom:1;}
#menu li:hover > a {color:#003152;}
*html #menu li a:hover {color:#003152;}
#menu ul {margin:0; opacity:0; visibility:hidden; position:absolute; top:110px; z-index:1; background-color:rgba(255,255,255,1); left:0px; }
#menu li:hover > ul {opacity:1; visibility:visible; margin:0;}
#menu ul li{display:block; text-align:left; line-height:45px!important; height:45px!important;}
#menu ul li a{display:block; font-weight:normal; font-size:14px; box-sizing:border-box; text-transform:capitalize; padding:0 10px; width:max-content; color:#222222;}
#menu ul li:hover {background:#003152;}
#menu ul li:hover a{color:#ffffff;}

@media screen and (max-width:1500px) {
.header-nav ul li{padding:0 10px;}
}


/***右侧的搜索***/
.header_right{float:right; width:4%; text-align:right;}
.header_right img{width:30px; height:30px; display:inline; margin-top:40px;}

.searchbox{width:80%; position:relative; overflow:hidden; margin:100px auto 0}
.searchbox .input{width:100%; height:60px; line-height:60px; padding:0 30px; box-sizing:border-box; background:#fff; border-radius:50px; font-size:16px;}
.searchbox .search{position:absolute; top:17px; right:20px; width:25px; height:25px; background: url(../images/search2.svg) no-repeat; background-size:25px;}

.m-header {display:none;}
@media screen and (max-width:768px) {
.header {display:none;}
.header_over{display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgba(0,49,82,1); z-index:99;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; width:85%; margin-top:5px;font-size:16px;}
.m-header-logo img{height:35px; width:auto; float:left; margin-right:5px;}
.m-header-logo h2{font-size:20px; line-height:35px; text-transform:uppercase; font-weight:700; color:#fff;}
.m-header-logo h2 b{display:block;  font-size:16px; color:#333;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#fff; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}
.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:42px; background-image:linear-gradient(to right,#003152, #003152); overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.98;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px rgba(255,255,255,0.20) solid;}
.m-nav ul li i {position:absolute; top:4px; right:0px; height:40px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; line-height:45px; font-size:14px; border-top:1px rgba(255,255,255,0.20) solid;}
.m-nav ul li img{ height:20px; width:auto; margin-right:10px; float:left; margin-top:12px;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#fff;width:80%; display:block; padding-left:20px;}
.m-nav ul li ul li a {display:block; font-size:12px; color:#fff; line-height:40px; text-align:left; padding-left:30px; opacity:0.8;}
.m-nav ul li i svg {width:20px; height:20px; fill:#fff;}
.m-nav ul li .m-nav-i-se svg {fill:#fff;}
.m-nav ul li ul li>ul {margin-left:10px;}
}



/***banner***/
.banner {width:100%; display:block; position:relative; height:auto; overflow:hidden;background:#fff url(../images/loading.gif) 50% no-repeat;}

.swiper-slide{position:relative; background-position:center!important; background-size:cover!important;}
.flex-control-nav{position:absolute; bottom:15px; left:50%; margin-left:-150px; padding:4px 0 2px; z-index:2; width:300px; text-align:center;}
.flex-control-nav li{display:inline-block; width:16px; height:16px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:16px; height:16px; line-height:40px; overflow:hidden; background:url(../images/bpng02.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng01.png) no-repeat;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-30px;}
.flex-direction-nav li a{position:absolute; display:block; width:28px; height:48px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev{left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px; background:url(../images/next.png) center center no-repeat;}

.swiper-pagination-bullet {background: #fff; opacity:0.5;}
.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1;}

.banner_next{right:0px; width:30px; height:50px; background:rgb(253,109,30,1);  color:#ffffff!important; opacity:0;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.banner_prev{left:0px; width:30px; height:50px; background:rgb(253,109,30,1); color:#ffffff!important; opacity:0;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.banner:hover .banner_next{right:20px; opacity:1;}
.banner:hover .banner_prev{left:20px; opacity:1;}


.slide-txt1 {position:absolute; text-align:center; color:#fff; top:50%; transform:translateY(-50%); width:70%; box-sizing:border-box; left:50%; margin-left:-35%; padding:40px; background:rgb(0,0,0,0); z-index:9;}
.slide-txt1 .p1 {font-size:45px; line-height:55px; margin-bottom:20px; text-transform:uppercase; font-weight:700; font-family:Tahoma, Geneva, sans-serif;}
.slide-txt1 .p1 span{color:#ff9801;}
.slide-txt1 .p2 {font-size:36px; line-height:36px;}
.slide-txt1 .p3 {text-align:center;margin-top:30px;}

.more_big{display:inline-block; font-size:16px; padding:10px 40px; text-align:center; text-transform:uppercase; color:#fff; background:#003152; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin-right:15px; border-radius: 25px;margin-top:30px; cursor:pointer;}
.more_big:hover{color:#fff; background:#ff6600;}
.more_big a{color:#fff;}
.more_big:hover a{color:#fff;}

@media screen and (max-width:768px) {
.banner{margin-top:45px;}
	
.flex-control-nav {position:absolute; bottom:10px; z-index:2; left:50%; margin-left:-150px; padding:1px 0; z-index:2; width:300px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:28px; overflow:hidden; background:url(../images/bpng04.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../images/bpng03.png) no-repeat;}

.flex-direction-nav {position:absolute; top:35%; z-index:3; width:100%; display:none;}
.flex-direction-nav li a {position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev {left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:10px; background:url(../images/next.png) center center no-repeat;}

.slide_txt1_btn{padding:0 15px; height:30px; line-height:28px; border-radius:50px; margin-top:10px; margin-right:10px; display:inline-block; font-size:16px;}
.slide_txt1_btn:hover{background:#ed2700;color:#FFF;}

.swiper-container-mob{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-pagination-mob{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;}

.banner_next{display:none;}
.banner_prev{display:none;}

.slide-txt1{position:absolute; text-align:center; color:#fff; top:50%; transform:translateY(-50%); width:90%; padding:0; box-sizing:border-box; left:50%; margin-left:-45%; background:rgba(0,0,0,0);}
.slide-txt1 .p1 { font-size:16px; line-height:24px; margin-bottom:10px;}
.slide-txt1 .p2 { font-size:14px;  line-height:18px;  margin-bottom:0px;}
.slide-txt1 .p3 {text-align:center;margin-top:0px;}
.more_big{height:30px; line-height:30px; font-size:12px; padding:0 20px; margin-top:15px;}
}


/***img***/
.imgbox {position:relative; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.imgbox:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);}

.imgbox .mask, .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8);}
.imgbox .view {top:50%; left:50%; margin:-26px 0 0 -24px; width:48px; height:48px; background:url(../images/view.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgbox:hover .mask, .imgbox:hover .view {opacity:0.8;}
.imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}


/***htitle***/
.htitle{width:100%; box-sizing:border-box; margin-bottom:30px;}
.htitle h2{font-size:32px; line-height:32px; text-transform:uppercase; text-align:center; font-weight:700; position:relative; color:#003152;}
.htitle h2:after{content:'';  width:60px; height:4px; background:#003152; display:block; position:absolute; left:50%; margin-left:-30px; bottom:-15px;}
@media screen and (max-width:768px) {
.htitle h2{font-size:18px; line-height:24px;}
.htitle h2:after{width:40px; margin-left:-20px;}
}


.div_more{text-align:center;}
.div_more_top{ margin-top:20px;}
.more{display:inline-block; margin:0px auto; height:35px; line-height:35px; font-size:14px; padding:0 25px; text-align:center; text-transform: uppercase; color:#fff; background:#5681bd; border-radius:5px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.more a{ color:#FFF}
.more:hover{color:#fff; background:#ff6600;}
.more:hover a{color:#fff;}

.more_white{display:inline-block; margin:30px auto 0; height:35px; line-height:35px; font-size:16px; padding:0 25px; text-align:center; text-transform: uppercase; color:#315191;  border-radius:25px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#FFF; }
.more_white:hover{ background:#ff6600; color:#FFF;}
@media screen and (max-width:768px) {
.div_more_top{ margin-top:10px;}
.more {margin:0px auto; height:30px; line-height:30px; padding:0 25px; font-size:14px;}
.more_white{margin:20px auto 0;}
}


/***mod1***/
.mod1{box-sizing:border-box; position:relative; padding:60px 0 25px 0; overflow:hidden; background:url(../images/abbg.jpg) center bottom no-repeat;}
.mod1 .main{display:flex; align-items:stretch; position:relative;}
.mod1_left{float:left; width:40%; position:relative; line-height:26px;}
.mod1_left img{width:auto; max-width:390px; float:left;}
.mod1_right{float:right; width:60%; line-height:26px; color:#fff; vertical-align:bottom; position:absolute; bottom:20px; right:0;}

.mod11{box-sizing:border-box; position:relative; padding:15px 0 35px 0; overflow:hidden; background:#f2f2f2;}
.mod1_end{overflow:hidden;}
.mod1_end ul{letter-spacing:-8px; overflow:hidden;}
.mod1_end ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:31.333%; box-sizing:border-box;}
.mod1_end ul li:not(:nth-of-type(3n)){margin-right:3%;}
.mod1_end ul li img{ width:120px; margin:0 auto;}
.mod1_end ul li h2{font-size:30px; font-weight:700; line-height:30px; margin:10px 0; text-align:center;}
.mod1_end_txt{text-align:center; color:#666666;}
@media screen and (max-width:768px) {
.mod1{padding:20px 0 0 0; background:none;}
.mod1 .main{display:block;}
.mod1_left{float:none; width:100%; position:relative; overflow:hidden;}
.mod1_left img{width:100%;}
.mod1_right{float:none; width:100%; margin-top:30px;position:relative; background:#1a4b8e; padding:20px; box-sizing:border-box;}

.mod11{padding:0;}
.mod1_end ul li{width:100%; margin-bottom:20px;}
.mod1_end ul li:not(:nth-of-type(3n)){margin-right:0;}
.mod1_end ul li img{ width:60px; margin:0 auto;}
.mod1_end ul li h2{font-size:18px; margin:0;}
}

.mod22{position:relative; overflow:hidden; padding:80px 0 0 0;}
.mod22 .contact_right_msn ul li{width:100%;}
.mod22 .contact_sub{width:100%;}

/***mod2***/
.mod2{position:relative; overflow:hidden; padding:60px 0 80px 0;}
.mod2 ul{letter-spacing:-8px; overflow:hidden; margin-top:50px;}
.mod2 ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:23.5%; box-sizing:border-box;}
.mod2 ul li:not(:nth-of-type(4n)){margin-right:2%;}

.mod2_info{padding:20px; background:#f6f6f6; box-sizing:border-box;}
.mod2_info h2{color:#303030; font-size:18px; position:relative; padding-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px; line-height:30px;}
.mod2_info h2:after{content:' ';position:absolute;bottom:0; left:0;width:50px; height:3px; background:#2e7eed; transition:.6s width ease-in-out; -webkit-transition:.6s width ease-in-out;}
.mod2_info_txt{color:#4f4f4f; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.mod2 ul li:hover .mod2_info h2{color:#2e7eed;}
.mod2 ul li:hover .mod2_info h2:after{width:100%;}

.mod2_info_btn{background:#eaebec; height:48px; line-height:48px; padding:0; position:relative; font-size:16px;}
.mod2_info_btn p{z-index:8; position:absolute; height:48px; line-height:48px; left:20px;transition:.2s all ease-in-out .2s; }
.mod2_info_btn:after{content:' '; position:absolute;left:0; width:0; top:0; height:100%; background:#003152; transition:.2s all ease-in-out .2s; z-index:2;}
.mod2_info_btn:hover:after{left:0; width:100%;}
.mod2_info_btn:hover p{color:#fff;z-index:8;}
.mod2_info_btn_right{position:absolute; top:0; right:0; width:70px; height:48px; background:#003152; text-align:center; z-index:8;}
.mod2_info_btn_right img{width:20px; height:20px; margin:14px auto;}

.mod2_prod_box2more{display:table; margin:50px auto 0; height:50px; line-height:50px; font-size:16px; padding:0 25px; text-align:center; text-transform: uppercase; color:#fff; background:#003152; border-radius:5px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.mod2_prod_box2more a{color:#fff;}
.mod2_prod_box2more:hover{background:#ff6600;}
.mod2_prod_box2more a:hover{color:#fff;}

@media screen and (max-width:768px) {
.mod22{padding:30px 0 0 0;}
.mod2{padding:0px 0 30px 0;}
.mod2 ul{margin-top:30px;}
.mod2 ul li{width:100%; margin-bottom:20px;}
.mod2 ul li:not(:nth-of-type(4n)){margin-right:0;}

.mod2_info{padding:20px; background:#f6f6f6; box-sizing:border-box;}
.mod2_info h2{color:#303030; font-size:18px; position:relative; padding-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px; line-height:30px;}
.mod2_info h2:after{content:' ';position:absolute;bottom:0; left:0;width:50px; height:3px; background:#2e7eed; transition:.6s width ease-in-out; -webkit-transition:.6s width ease-in-out;}
.mod2_info_txt{color:#4f4f4f; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.mod2 ul li:hover .mod2_info h2{color:#2e7eed;}
.mod2 ul li:hover .mod2_info h2:after{width:100%;}

.mod2_info_btn{background:#eaebec; height:48px; line-height:48px; padding:0; position:relative; font-size:16px;}
.mod2_info_btn p{z-index:8; position:absolute; height:48px; line-height:48px; left:20px;transition:.2s all ease-in-out .2s; }
.mod2_info_btn:after{content:' '; position:absolute;left:0; width:0; top:0; height:100%; background:#003152; transition:.2s all ease-in-out .2s; z-index:2;}
.mod2_info_btn:hover:after{left:0; width:100%;}
.mod2_info_btn:hover p{color:#fff;z-index:8;}
.mod2_info_btn_right{position:absolute; top:0; right:0; width:80px; height:48px; background:#003152; text-align:center; z-index:8;}
.mod2_info_btn_right img{width:20px; height:20px; margin:14px auto;}

.mod2_prod_box2more{display:table; margin:10px auto 0; height:40px; line-height:40px; font-size:14px;}
}



/***mod3***/
.mod3{position:relative; padding:0 0 80px 0; overflow:hidden;}
.solu_left{float:left;}
.solu_right{float:right;}
#solu_pc{display:block;}
#solu_mob{display:none;}
.solutionsul{letter-spacing:-8px; margin-top:40px;}
.solutionsul li{float:left; overflow:hidden; width:100%; background:#f2f2f2; letter-spacing:normal; vertical-align:top; position:relative;}
.solutionsul .imgbox {width:50%; display:inline-block; overflow:hidden;}
.solutionsul .imgbox img {width:100%; height:auto; display:block;}
.solutions_info {padding:80px 80px 0 80px; position:relative; z-index:2; width:50%; box-sizing:border-box;}
.solutions_info h3 {font-size:24px; padding-bottom:10px; text-align:left; font-weight:700;}
.solutions_info p {line-height:26px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; margin-bottom:20px;}
@media screen and (max-width: 768px) {
.mod3 {padding:40px 0;}
.solutionsul{ padding:0;}
#solu_pc{display:none;}
#solu_mob{display:block;}
.solutionsul .imgbox {width:100%;}
.solutions_info {padding:20px; width:100%;}
.solutions_info h3 {font-size:18px; padding-bottom:5px;}
.solutions_info p {line-height:22px; overflow:hidden;-webkit-line-clamp:5; margin-bottom:10px;}
}



/***mod4***/
.mod4{position:relative; background:#ffffff; width:100%; padding:0 0 80px 0;}
.mod4 .main{margin-top:50px;}
.mod4 .main img{ border:1px #ddd solid; box-sizing:border-box;}
.index_news{display:block; padding:5px; box-sizing:border-box;}
.swiper-button-next.index-area-next {top:45%; right:-40px; width:45px; height:45px;}
.swiper-button-prev.index-area-prev {top:45%; left: -40px; width:45px; height:45px;}
@media screen and (max-width:768px) {
.mod4 {padding:0 0 40px 0;}
.mod4 .main{margin-top:25px;}
.swiper-button-next.index-area-next {top:45%; right:-20px; width:25px; height:25px;}
.swiper-button-prev.index-area-prev {top:45%; left: -20px; width:25px; height:25px;}
}




/***mod6***/
.mod6{position:relative; background:#f2f2f2; overflow:hidden; padding:80px 0;}
.mod6 ul{letter-spacing:-8px; margin-top:50px;display:flex; align-items:stretch;}
.mod6 ul li{ display:inline-block; letter-spacing:normal; vertical-align:top; width:23.5%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;   box-sizing:border-box; background:#ffffff; margin-top:10px;}
.mod6 ul li:not(:nth-of-type(4n)){margin-right:2%;}
.mod6 ul li:nth-child(n+5){margin-top:2%;}
.mod6 ul li:hover{ margin-top:0px; box-shadow:0 0 10px 0 #ddd;}

.mod6 ul li .imgbox{height:240px; overflow:hidden;}
.mod6 ul li .imgbox img{ height:100%;}
.mod6_info{padding:20px; overflow:hidden;}
.mod6 ul li .mod6_date{line-height:30px; height:30px; display:inline-block; font-size:14px; color:#666666;}
.mod6 ul li .mod6_title{width:100%;}
.mod6 ul li .mod6_title h2{font-size:18px;  margin:10px 0;-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:24px; height:48px;  }
.mod6 ul li .ptxt{font-size:14px;line-height:24px;-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
@media screen and (max-width:768px) {
.mod6 {padding:40px 0;}
.mod6 ul{margin-top:20px; display:block;}
.mod6 ul li{width:48.5%; padding:0;}
.mod6 ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod6 ul li:not(:nth-of-type(2n)){margin-right:3%;}
.mod6 ul li:nth-child(n+3){margin-top:3%;}
.mod6 ul li .imgbox{height:auto;}

.mod6_info{padding:10px;}
.mod6 ul li .mod6_date{line-height:20px; height:20px; font-size:12px;}
.mod6 ul li .mod6_title{width:100%;}
.mod6 ul li .mod6_title h2{font-size:16px;  margin:5px 0; line-height:18px; height:36px;}
.mod6 ul li .ptxt{font-size:12px;line-height:18px;-webkit-line-clamp:3;}
}


/***footer***/
.footer {position:relative; padding:0 0 15px 0; color:#fff; overflow:hidden; background:#000000 url(../images/foot-bg.jpg) center top no-repeat;}
.footer a{color:#fff;}
.footer a:hover{text-decoration:underline; opacity:1;}

.footer_left{float:left; width:30%; overflow:hidden; line-height:22px; padding:3% 5% 0% 0;}
.footer_logo{display:block; width:100%; overflow:hidden; margin-bottom:20px;}
.footer_logo img{width:30%; float:left;}
.footer_logo_txt{ width:100%; margin-top:10px; line-height:28px;}

.footer_left ul {}
.footer_left ul li{margin-top:10px; padding-left:28px; line-height:24px; background-repeat:no-repeat; background-size:20px; background-position:top left;}
.footer_left ul li:nth-child(1) {background-image:url(../images/ico_address.svg); margin-top:10px;}
.footer_left ul li:nth-child(2) {background-image:url(../images/ico_tel.svg);}
.footer_left ul li:nth-child(3) {background-image:url(../images/ico_whatsup.svg);}
.footer_left ul li:nth-child(4) {background-image:url(../images/ico_fax.svg);}
.footer_left ul li:nth-child(5) {background-image:url(../images/ico_email.svg);}

.footer_modea{margin-top:30px; width:100%;}
.footer_modea a{display:inline-block; margin-right:15px;}
.footer_modea a img{ width:25px; height:25px;}

.footer_nav {overflow:hidden; float:left; width:20%; padding:3% 5% 0% 0%;}
.footer_nav h2{font-size:20px; margin-bottom:20px; text-transform:uppercase; font-weight:700;}
.footer_nav ul{letter-spacing:-8px;}
.footer_nav ul li{letter-spacing:normal; vertical-align:top; width:100%;}
.footer_nav ul li p{margin-bottom:10px; text-transform: capitalize; background:url(../images/whitedian.png) left center no-repeat; padding-left:10px; box-sizing:border-box;}

.footer_nav2 {overflow:hidden; float:left; width:12%; padding:3% 5% 0% 0%;}
.footer_nav2 h2{font-size:20px; margin-bottom:20px; text-transform:uppercase; font-weight:700;}
.footer_nav2 ul{letter-spacing:-8px;}
.footer_nav2 ul li{letter-spacing:normal; vertical-align:top; width:100%;}
.footer_nav2 ul li p{margin-bottom:10px; text-transform: capitalize; background:url(../images/whitedian.png) left center no-repeat; padding-left:10px; box-sizing:border-box;}

.footer_msg {width:23%; float:left; padding:3% 0 0 0;}
.footer_msg h2{font-size:20px; margin-bottom:20px; text-transform:uppercase; font-weight:700;}
.footer_msg ul{margin-top:10px;}
.footer_msg ul li {overflow:hidden; margin-bottom:10px; float:left; width:100%;}

.msg_input {float:left; width:100%; height:40px;line-height:40px; padding:0 4%; background:rgb(255,255,255,1); font-family:'Poppins','Arial','Microsoft YaHei', sans-serif; box-sizing:border-box; }
.msg_textarea {float:left;width:100%; height:100px;line-height:28px;padding:2% 4%; background:rgb(255,255,255,1); font-family:'Poppins','Arial','Microsoft YaHei', sans-serif; box-sizing:border-box;}
.msg_submit {width:100%; height:45px; line-height:45px; font-size:16px; text-align:center; text-transform:uppercase; color:#fff; cursor:pointer; background:#003152; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;font-family:'Geomanist-Book';}
.msg_submit:hover{ background:#ff6600; color:#fff;}

.footer-copyright {width:100%; height:30px; line-height:30px; text-align:center; margin-top:20px; padding-top:10px; border-top:1px rgb(255,255,255,0.1) solid;}
@media screen and (max-width:768px) {
.footer {padding:30px 0;}
.footer_left{float:none; width:100%;overflow:hidden; line-height:22px; margin:0; box-sizing:border-box; padding:0;}
.footer_logo{margin-bottom:0px;}
.footer_logo img{width:40%; float:left;}
.footer_modea{margin-top:10px;}

.footer_nav {float:none; width:100%; padding:0; margin-top:20px;}
.footer_nav h2{margin-bottom:0px;}
.footer_nav ul li p{line-height:24px;}

.footer_nav2 {float:none; width:100%; padding:0; margin-top:20px;}
.footer_nav2 h2{margin-bottom:0px;}
.footer_nav2 ul li p{line-height:24px;}

.footer_msg {float:none; width:100%; padding:0; margin-top:20px;}
.footer_msg h2{margin-bottom:0px;}
.footer-copyright {margin-top:20px; height:auto; line-height:22px; padding:0 20px; box-sizing:border-box;}
}




/************内页banner*************/
.ban {margin:100px auto 0; width:100%;position: relative;}
.ban img{height:100%;}
@media screen and (max-width:768px) {
.ban {margin:45px auto 0; width:100%;position: relative;}
.ban img{height:auto; min-height:120px;}
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto;background:#f2f2f2; padding:34px 0; margin-top:110px;}
.weizhi{width:90%; max-width:1400px; margin:0 auto;line-height:20px;}
.span_right{float:right; font-size:16px;}
.home{height:20px; line-height:20px; display:inline-block;}
.span_list{height:20px; line-height:20px; display:inline-block; background:url(../images/weizhi_right.png) left center no-repeat; padding-left:20px;}
@media screen and (max-width:768px) {
#weizhi{margin:0 auto; margin-top:45px; padding:10px 0;}
.weizhi{width:92%; font-size:12px;}
.span_right{ display:none;}
.home{height:20px; line-height:20px; display:inline-block;}
.span_list{height:20px; line-height:20px; display:inline-block; background:url(../images/weizhi_right.png) left center no-repeat; padding-left:20px;}
}


/****************************公用****************************/
.wrap {margin:0 auto; padding:50px 0; width:100%; display:inline-block;}
.lymain {position:relative; margin:0 auto; width:90%; max-width:1400px; /*overflow:hidden;*/}
.lymain_left{float:left; width:23%;}

.lymain_left_about ul{overflow:hidden;}
.lymain_left_about ul li{border:1px #ddd solid; padding:25px; box-sizing:border-box; color:#666666; text-align:center; border-bottom:0;}
.lymain_left_about ul li:last-child{border-bottom:1px #ddd solid;}
.lymain_left_about ul li p{font-weight:700; margin-bottom:5px;}
.lymain_left_about ul li img{width:40px; margin:0 auto 5px; opacity:0.5;}

.lymain_right{float:right; width:77%; padding-left:5%; box-sizing:border-box;}
@media screen and (max-width:768px) {
.wrap {padding:25px 0; width:100%;}
.lymain {width:92%; margin:0 auto;}
.lymain_left{float:none; width:0; display:none;}
.lymain_right{float:none; width:100%; padding-left:0;}
}

#onsec {color:#fd6d1e;}
#onsec2 {color:#fd6d1e;}

/*分页*/
.page{text-align:center; padding:50px 0 30px 0; /*margin-top:20px;border:1px solid #D9D9D9;background:#fff; */ }
.page a{display:inline-block; border:1px #ddd solid; font-size:16px; padding:6px 14px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:22px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:10px;}
.page a{font-size:16px; padding:3px 8px; margin:0;}
}


/*about us and qulity*/
.about_box{width:100%; overflow:hidden; margin-bottom:80px;}
.about_box_title{width:100%; height:30px; text-align:center; position:relative; margin-bottom:20px;}
.about_box_title:after{content:'';  width:100%; height:1px; background:#1c64d8; display:block; position:absolute; left:0; bottom:15px;}
.about_box_title h2{font-size:26px; color:#1c64d8; line-height:30px; height:30px; padding:0 10px; background:#fff; z-index:3; font-weight:700; position:absolute; transform:translate(-50%, -50%); left:50%; top:50%;}
.about_box_txt{line-height:26px;}
.about_box_txt img{ width:auto; margin:0 auto; max-width:100%;}

.about_box_txt2{line-height:26px; padding-bottom:20px; border-bottom:1px #f5f5f5 solid; margin-bottom:20px;}
.about_box_txt2 h3{font-size:16px; line-height:24px; height:24px; font-weight:700; text-align:left; background:url(../images/point_red.png) left center no-repeat; padding-left:10px;}
.about_box_txt2 img{ width:auto; margin:0 auto; max-width:100%;}

@media screen and (max-width: 768px){
.about_box{margin-bottom:40px;}
.about_box_title{height:auto; text-align:left; margin-bottom:0;}
.about_box_title:after{display:none;}
.about_box_title h2{font-size:18px; line-height:20px; height:auto; position:relative; transform:translate(0%, 0%); left:0; top:0; padding:0 0 10px 0; border-bottom:1px #ddd solid; margin-bottom:10px;}
.about_box_txt{line-height:24px;}

.about_box_txt2{line-height:24px; padding-bottom:10px; margin-bottom:10px;}
.about_box_txt2 h3{font-size:14px; line-height:20px; height:20px;}
}



/*project*/
.project_title{width:100%; height:30px; text-align:center; position:relative; margin-bottom:5px;}
.project_title:after{content:'';  width:100%; height:1px; background:#1c64d8; display:block; position:absolute; left:0; bottom:15px;}
.project_title h2{font-size:26px; color:#1c64d8; line-height:30px; height:30px; padding:0 10px; background:#fff; z-index:3; font-weight:700; position:absolute; transform:translate(-50%, -50%); left:50%; top:50%;}
.project_title_txt{text-align:center; color:#1c64d8; font-size:16px;}
@media screen and (max-width: 768px){
.project_title{height:auto; text-align:left; margin-bottom:0;}
.project_title:after{display:none;}
.project_title h2{font-size:18px; line-height:20px; height:auto; position:relative; transform:translate(0%, 0%); left:0; top:0; padding:0 0 10px 0; border-bottom:1px #ddd solid; margin-bottom:10px;}
.project_title_txt{text-align:left; font-size:14px;}
}

.project_box{padding-bottom:30px; margin-bottom:30px;}
.project_box h3{font-size:18px; line-height:24px; font-weight:700; text-align:left; background:url(../images/point_red.png) left center no-repeat; padding-left:10px; margin-bottom:10px;}
.project_box img{ width:auto; margin:0 auto; max-width:100%;}
.project_box_txt{line-height:26px;}
@media screen and (max-width: 768px){
.project_box{line-height:24px; padding-bottom:10px; margin-bottom:10px;}
.project_box h3{font-size:14px; line-height:18px;}
}

.projectlist{width:100%; overflow:hidden; margin:60px 0;}
.projectlist ul{overflow:hidden; letter-spacing:-8px;}
.projectlist ul li{overflow:hidden; width:22.75%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; text-align:center;}
.projectlist ul li:not(:nth-of-type(4n)){ margin-right:3%;}
.projectlist ul li:nth-child(n+5){margin-top:3%;}
.projectlist ul li h2{font-size:48px; font-weight:700; line-height:48px;}
.projectlist ul li h3{ font-size:20px; line-height:20px; margin:10px 0;}
.projectlist_txt{line-height:20px;}
@media screen and (max-width: 768px){
.projectlist{margin:30px 0;}
.projectlist ul{overflow:hidden; letter-spacing:-8px;}
.projectlist ul li{width:47.5%;}
.projectlist ul li:not(:nth-of-type(4n)){ margin-right:0;}
.projectlist ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.projectlist ul li:nth-child(n+3){margin-top:10%;}
.projectlist ul li h2{font-size:32px; line-height:32px;}
.projectlist ul li h3{ font-size:18px; line-height:18px; margin:5px 0;}
}


/*contact*/
.contact_right_txt{line-height:26px; overflow:hidden;}

.contact_right_msn{ margin:0 0 20px 0; overflow:hidden;}
.contact_right_msn ul{letter-spacing:-8px; overflow:hidden;}
.contact_right_msn ul li{letter-spacing:normal; vertical-align:top; display:inline-block; box-sizing:border-box;margin-bottom:10px;}
.contact_right_msn ul li:nth-child(1){ width:49.25%; margin-right:1.5%;}
.contact_right_msn ul li:nth-child(2){ width:49.25%;}
.contact_right_msn ul li:nth-child(3){ width:49.25%; margin-right:1.5%;}
.contact_right_msn ul li:nth-child(4){ width:49.25%;}
.contact_right_msn ul li:nth-child(5){ width:100%;}
.contact_right_msn ul li:nth-child(6){ width:100%;}

.contact_msn{width:100%; border:1px #ddd solid; line-height:35px; padding:5px 10px; box-sizing:border-box; background:#f9f9f9;}
.contact_msn_area{width:100%; height:100px; border:1px #ddd solid; line-height:24px; padding:5px 10px; box-sizing:border-box;font-family:'Poppins','Arial','Microsoft YaHei', sans-serif;background:#f9f9f9;}
.contact_sub {background:#ff6600; width:180px; height:50px; line-height:50px; color:#fff; font-size:16px; cursor:pointer;text-align:center; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; font-weight:700; border-radius:5px;}
.contact_sub:hover{ background:#dc0000;}

.contact_mod1_right_end{overflow:hidden; margin-top:30px;}
.contact_mod1_right_end h2{ font-size:28px; font-weight:700; text-align:center;}
.contact_mod1_right_end_txt{line-height:26px; font-size:14px;}
@media screen and (max-width: 768px){
.contact_right_txt{line-height:24px;}
.contact_right_msn ul li{margin-bottom:12px;}
.contact_mod1_right_end{margin-top:0px;}
.contact_mod1_right_end h2{font-size:18px;}
.contact_mod1_right_end_txt{line-height:24px;}
}



/*news*/
.newslist{}
.newslistul{ letter-spacing:-8px; overflow:hidden;}
.newslistul li{position:relative; box-sizing:border-box; letter-spacing:normal; vertical-align:top; display:inline-block; border:1px #ddd solid; margin-left:60px; margin-bottom:60px;}
.newslistul li:hover{background:#f2f2f2;}
.newslistul li:hover h3{color:#fd6d1e;}
.newslistul li .imgbox{width:40%; float:left; margin-right:1.5%; text-align:center;}
.newslistul li:last-child{margin-bottom:0;}

.newslist_info{padding:30px; box-sizing:border-box; width:58.5%; float:right;}
.newslist_info h3{font-size:20px; margin-bottom:10px; line-height:24px; height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.newslist_info h4{width:40px; height:2px; background:#003152; margin:20px 0;}
.newslist_info .divtxt{line-height:24px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:20px 0 0 0; color:#666666;}

.newsdate{width:60px; position:absolute; top:0; left:-60px; color:#ffffff; text-align:center;}
.newsdate_day{background-color:#003152; font-size:23px; line-height:32px;}
.newsdate_month{background-color:#003152; font-size:16px; line-height:32px;}
.newsdate_year{font-size:17px; text-align:center; background-color:#222; line-height:38px;}

@media screen and (max-width:768px) {
.newslistul li{margin-left:0px; margin-bottom:20px;}
.newslistul li:hover{background:#f2f2f2;}
.newslistul li:hover h3{color:#fd6d1e;}
.newslistul li .imgbox{width:50%; float:left; margin-right:1.5%; text-align:center;}
.newslistul li:last-child{margin-bottom:0;}

.newslist_info{padding:5px; box-sizing:border-box; width:48.5%; float:right;}
.newslist_info h3{font-size:16px; margin-bottom:5px; line-height:18px; height:32px;}
.newslist_info h4{width:40px; height:2px; background:#003152; margin:10px 0;}
.newslist_info .divtxt{line-height:18px; -webkit-line-clamp:2; margin:0;}

.newsdate{width:50px; z-index:9; top:0; left:0;}
.newsdate_day{font-size:16px; line-height:24px;}
.newsdate_month{font-size:12px; line-height:24px;}
.newsdate_year{font-size:12px;line-height:30px;}
}


.lymain_left_news{overflow:hidden; border:4px #003152 solid; box-sizing:border-box;}
.lymain_left_news h2{font-size:24px; font-weight:700; line-height:70px; background:#003152; padding-left:17px; color:#ffffff;}
.lymain_left_news ul{}
.lymain_left_news ul li{width:100%; border-bottom:1px #ddd solid; overflow:hidden;box-sizing:border-box;}
.lymain_left_news ul li a{padding:20px;box-sizing:border-box; display:block;}
.lymain_left_news ul li .imgbox{width:35%; margin-right:5%; float:left;}
.lymain_left_news ul li h3{font-size:14px; line-height:18px; margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.lymain_left_news_time{font-size:12px; color:#666666;}
@media screen and (max-width:768px){
.lymain_left_news{display:none;}
}


.lymain_left_about2{overflow:hidden; border:4px #003152 solid; box-sizing:border-box; margin-top:30px;}
.lymain_left_about2 h2{font-size:24px; font-weight:700; line-height:70px; background:#003152; padding-left:17px; color:#ffffff;}
.lymain_left_about2 ul{overflow:hidden;}
.lymain_left_about2 ul li{border:1px #ddd solid; padding:25px; box-sizing:border-box; color:#666666; text-align:center; border-bottom:0;}
.lymain_left_about2 ul li:last-child{border-bottom:1px #ddd solid;}
.lymain_left_about2 ul li p{font-weight:700; margin-bottom:5px;}
.lymain_left_about2 ul li img{width:40px; margin:0 auto 5px; opacity:0.5;}
@media screen and (max-width:768px){
.lymain_left_about2{display:none;}
}



/*新闻详情页*/
.newsshow{line-height:28px;  overflow:hidden; box-sizing:border-box;}
.news_xxjs{line-height:28px!important; word-break:break-word!important; overflow:hidden;}
.news_xxjs h2{ font-size:16px!important;; font-weight:700!important;}
.news_xxjs p,.news_xxjs span{line-height:26px!important;}
.news_xxjs table{width:100%; border:1px #ddd solid;}
.news_xxjs td{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.news_xxjs td p,.news_xxjs td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.news_xxjs th{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.news_xxjs th p,.news_xxjs th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.news_xxjs img{width:auto; max-width:100%; margin:0 auto; display:inline; height:auto!important;}
.news_xxjs a{color:#315191;}
.news_xxjs a:hover{color:#ff6600;}

.news_title{text-align:left;}
.news_title h1{font-size:28px; margin-bottom:15px; padding-bottom:10px; line-height:32px; font-weight:700; text-align:left;}

.pubdate{line-height:16px; margin:0 0 20px 0; overflow:hidden; color:#666; font-size:14px; text-align:left;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:22px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}
.pubdate img{ width:40px; height:40px; vertical-align:middle; margin-right:10px; display:inline;}

.pagelist{/*border: 1px solid #ccc;*/overflow:hidden;background-color: #666;padding:1px 5px 1px 5px;color: #ffffff;}
.red {/*border: 1px solid #ccc;*/overflow:hidden;	background-color: #f08300; color: #ffffff;font-weight: bold;	padding:1px 6px 1px 6px;}
.pubdatenews{border: #ddd 1px solid;height:26px; line-height:28px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}
@media screen and (max-width:768px){
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.news_xxjs , .news_xxjs p,.news_xxjs span{line-height:24px!important; font-size:14px;}
.news_title h1{font-size:18px; line-height:24px; padding-bottom:10px; margin-bottom:10px;}
}


/*相关资讯*/
.Information{overflow:hidden;margin:40px 0 0 0; background:#f8f8f8;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px; padding:10px;}
.Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width: 768px) {
.Information{margin:20px 0 0 0;}
}


/*product*/
.lymain_left_prod{overflow:hidden; border:4px #003152 solid; box-sizing:border-box;}
.lymain_left_prod h2{font-size:24px; font-weight:700; line-height:70px; background:#003152; padding-left:17px; color:#ffffff;}
.lymain_left_prod ul{}
.lymain_left_prod ul li{width:100%; border-bottom:1px #ddd solid; overflow:hidden;box-sizing:border-box;}
.lymain_left_prod ul li a{padding:12px; box-sizing:border-box; display:block;}
.lymain_left_prod ul li .imgbox{width:35%; margin-right:5%; float:left;}
.lymain_left_prod ul li h3{font-size:14px; line-height:18px; margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.lymain_left_prod ul li span{float:right; padding:15px;}
.lymain_left_prod ul li span img{width:15px; height:15px; vertical-align:middle;}
.lymain_left_prod ul li ul{ background:#f2f2f2;}
.lymain_left_prod ul li ul li{ border-bottom:0; padding-left:30px;}

@media screen and (max-width:768px){
.lymain_left_prod{display:none;}
}



/*product*/
.prodcate_list{}

.prodcate_list_title{border-bottom: 1px #ddd solid;  border-left:4px #003152 solid; height:40px; line-height:40px;  padding-left:20px; font-size:25px;  margin-bottom:15px;}
.classnotes{line-height:26px; margin-bottom:30px; color:#666666;}

.prodcate_list ul{letter-spacing:-8px; overflow:hidden;}
.prodcate_list ul li{letter-spacing:normal; vertical-align:top; width:100%; box-sizing:border-box; position:relative; display:inline-block; border:1px #ddd solid; margin-bottom:50px; background:#f5f5f5;display:flex; align-items:stretch;}
.prodcate_list ul li:last-child{margin-bottom:0;}
.prodcate_list ul li .imgbox{width:30%; float:left;}
.prodcate_list ul li .imgbox img{height:100%;}

.prodcate_list_txt{ width:70%; float:right; padding:30px; box-sizing:border-box;}
.prodcate_list_txt h2{font-size:20px;line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.prodcate_list_txt h3{width:40px; height:2px; background:#003152; margin:20px 0;}
.prodcate_list_txt_p{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:24px;}
.productlist_more{display:inline-block; margin-top:30px; font-size:16px; color:#1d1d1d; line-height:40px; padding: 0 40px 0 0;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; background:url(../images/right2.svg) no-repeat; background-size:15px; background-position: right 20px center;}
.prodcate_list ul li:hover .productlist_more{padding:0 40px 0 20px; color:#fff; background:#003152 url(../images/right.svg) no-repeat; background-size:15px; background-position: right 20px center;}

@media screen and (max-width:768px) {
.prodcate_list_title{height:30px; line-height:30px;  padding-left:10px; font-size:16px;  margin-bottom:10px;}
.classnotes{line-height:24px; margin-bottom:20px;}

.prodcate_list ul li{margin-bottom:25px; background:#f5f5f5; display:block; overflow:hidden;}
.prodcate_list ul li:last-child{margin-bottom:0;}
.prodcate_list ul li .imgbox{width:40%; float:left;}
.prodcate_list ul li .imgbox img{height:auto;}

.prodcate_list_txt{ width:60%; padding:10px;}
.prodcate_list_txt h2{font-size:16px;line-height:20px; -webkit-line-clamp:2;}
.prodcate_list_txt h3{margin:10px 0;}
.prodcate_list_txt_p{-webkit-line-clamp:3; line-height:20px;}
.productlist_more{ display:none;}
}



/*product details*/
.product_right_top_left{width:450px; float:left;}
.swiper-container-thumbs{margin-top:10px;}

.product_right_top_left img{ border:1px #ddd solid; box-sizing:border-box;}
.product_right_top_right{float:right; width:calc(100% - 500px);}
.product_right_top_right h1{font-size:24px; padding-bottom:20px; font-weight:700; line-height:24px; border-bottom:1px #ddd solid; margin-bottom:20px;}
.product_right_top_right_tags{line-height:28px; width:100%; overflow:hidden;}
.product_right_top_btn{margin-top:40px; overflow:hidden;}

.product_right_end{ width:100%; padding-top:40px; overflow:hidden;}
.proddetails_title{width: 100%; border-bottom:1px #d2d2d2 solid;  margin-bottom:15px;}
.proddetails_title h5{font-size:18px; background:#003152; padding:10px 35px; display:inline-block; color:#FFF; width:100%;}
@media screen and (max-width: 768px) {
.product_left{ display:none;}
.product_right{float:none; width:100%; margin-left:0;}

.product_right_top_left{width:100%; float:none;}
.product_right_top_right{width:100%; float:none; margin-top:20px;}
.product_right_top_right h1{font-size:18px; padding-bottom:10px; line-height:20px; margin-bottom:10px;}
.product_right_top_right_tags{line-height:24px;}
.product_right_top_btn{margin-top:10px;}

.product_right_end{padding-top:20px;}
.proddetails_title{width:100%; border-bottom:1px #d2d2d2 solid;  margin-bottom:15px;}
.proddetails_title h5{font-size:16px; padding:8px 35px;}
}

.prodmore{display:inline-block; float:left; height:60px; line-height:60px; font-size:18px; color:#fff; background-color:#003152; text-align:center; border-radius:5px; cursor:pointer; padding:0 50px;}
.prodmore:hover {background-color:#ff6600;}
@media screen and (max-width:768px) {
.prodmore{float:left; color:#fff; margin:10px 0 0 0; width:100%; padding:0;}
}


.relatedprod{overflow:hidden; display:block; margin:50px 0;}
.relatedprod ul{overflow:hidden; letter-spacing:-8px; margin-top:20px;}
.relatedprod ul li{overflow:hidden; width:31.33%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; text-align:center; border:1px #ddd solid;}
.relatedprod ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.relatedprod ul li:nth-child(n+4){margin-top:3%;}
.relatedprod ul li p{line-height:24px; margin:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.relatedprod ul li .imgbox{ position:relative; height:200px;}
.relatedprod ul li .imgbox img{max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:auto; height:auto;}
@media screen and (max-width:768px) {
.relatedprod ul li p{line-height:20px; margin:5px; -webkit-line-clamp:2;}
.relatedprod ul li .imgbox{ position:relative; height:100px;}
}



.sitemap{overflow:hidden; background:#FFF; padding:30px; border:1px #ddd solid;}
.sitemap h2 {font-size:18px; font-weight:bold; color:#173c96; margin-bottom:10px;}
.sitemap h2 a{color:#173c96;}
.sitemap h2 a:hover{color:#ff6600;}
.sitemap ul{ overflow:hidden; margin-bottom:30px; padding:10px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:18px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:20px;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:16px; line-height:20px;}
@media screen and (max-width:768px) {
.sitemap{padding:0.15rem;}
}

.page404{ width:100%; margin:300px 0 200px 0; text-align:center;}
.page404 img{ width:auto; display:inline-block;}
@media screen and (max-width:768px) {
.page404{ width:80%; margin:100px 10%; text-align:center;}
.page404 img{ width:auto; max-width:100%; display:inline-block;}
}


.videolist{position:absolute; bottom:0; right:0; width:50px; height:50px; z-index:22; background:#ff0000 url(../images/video.png) center center no-repeat; background-size:32px;}
/*视频弹窗*/
.masklayer{position: fixed;display: none;width:100%;height:100%; top:0px; left:0px;background-color:rgba(0, 0, 0, 0.8);z-index:99999; -webkit-user-select: none;-ms-user-select: none;}
.vclose { position:absolute;right:30px; top:30px;cursor: pointer; width:50px; height:50px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:8%;}
.videos video{width:100%; height:100%;}
.videolist {cursor:pointer;}
@media screen and (max-width: 768px) {
.vclose { position:absolute;right:10px; top:10px; cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:8%;}
.videolist {}
}



.searchlist{overflow:hidden; border:1px solid #DCDCDC; padding:30px; background-color:#fff; box-sizing:border-box;}
.searchlist h2{ font-size:24px; font-weight:700; padding-left:10px; color:#ff6600; margin-bottom:20px;}
.searchlist dl{border-bottom:1px #CCCCCC dotted; overflow:hidden; padding:20px 10px;}
.searchlist dl:hover{background:#f5f5f5;}
.searchlist dd{line-height:24px;}
.searchlist dd h4{font-size:18px; text-align:left;}
.searchlist dd h4 a{color:#0043a0;}
.searchlist dd h4 a:hover{color:#ff6600;}
.searchlist dd p{font-size:14px; color:#999999;}
.searchlist dd p span{ margin-right:35px;}
@media screen and (max-width:768px) {
.searchlist{padding:20px;}
.searchlist h2{font-size:18px; margin-bottom:10px;}
.searchlist dl{padding:10px 10px;}
}


.downlist{width:100%; overflow:hidden;}
.downlist ul{overflow:hidden;}
.downlist ul li{overflow:hidden; position:relative; background:url(../images/i4.png) left center no-repeat; padding:20px 10px 20px 50px; border-bottom:1px #ddd solid;}
.downlist ul li span{float:right; font-size:12px; color:#666666;}
@media screen and (max-width: 768px){
}


.global_left_top{position:fixed; right:10px; bottom:10px; z-index:99;}
#myback{width:45px; height:45px;}
#myback img{width:100%;}
.myback_active{opacity:0!important;}
#mymeil{width:45px; height:45px;}
#mymeil img{width:100%;}
@media screen and (max-width:768px){
#myback{width:45px; height:45px;}
#mymeil{width:45px; height:45px;}
}