/* 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:#232c39; -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{ color:#666; opacity:1;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#666;opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#666;opacity:1;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666;opacity:1;}

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


@font-face {
  font-family: "阿里巴巴普惠体";
  src: url("//at.alicdn.com/wf/webfont/jFLIiUQzspkX/Lb9arnc6aUpa.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/jFLIiUQzspkX/nGSXr6kfo8fQ.woff") format("woff");
  font-display: swap;
}



body {font-size:16px; color:#222222; font-family:"阿里巴巴普惠体", Arial, Helvetica, 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:95%; max-width:1400px;}
@media screen and (max-width:768px) {
body {font-size:13px;}
.main {width:92%;}
}


.header {position:fixed; width:100%; z-index:9; top:0; left:0;}
.header_over{position:fixed; width:100%; z-index:9; top:0; left:0; background:#ffffff;}

.header_top{overflow:hidden;}
.left_logo{float:left; min-width:280px; overflow:hidden;}
.left_logo img{width:60px; margin:20px 10px 0 0; float:left;}
.left_logo_txt{margin-top:16px; color:#fff; font-size:12px; text-transform:uppercase;}
.left_logo_txt B{font-size:24px; display:block; letter-spacing:8px; margin-bottom:2px;}

.header_right{width:calc(100% - 280px); text-align:left; float:right;}
.header_nav{width:100%;}
.header_nav ul li{position:relative; float:left; text-align:center; line-height:90px; height:90px; box-sizing:border-box; text-transform:uppercase; color:#fff; font-weight:700; font-size:16px;  padding-left:5%;}
.header_nav ul li a{color:#fff;}
.header_nav ul li:hover a{color:#ff6600;}
.header_nav ul li img{vertical-align:middle; margin-top:34px; width:33px; height:22px;}
.header_nav ul li:last-child{padding-left:2%;}

.header_over .left_logo_txt{margin-top:16px; color:#222222; font-size:12px; text-transform:uppercase;}
.header_over .left_logo_txt B{font-size:24px; display:block; letter-spacing:8px; margin-bottom:2px;}
.header_over .header_nav ul li a{color:#222222;}



/*下拉菜单*/
.mnSubBg{background:rgba(255,255,255,0.95); z-index:111; top:90px; position:absolute; display:none; zoom:1; width:100%; overflow:hidden; z-index:999;}

/*aboutus*/
.nav_about{width:100%; max-width:1400px; overflow:hidden; position:relative; margin:0 auto; padding:2%; box-sizing:border-box;}
.nav_about_left{width:40%; float:left; padding-right:10%; box-sizing:border-box;}
.nav_about_left h2{font-size:24px; font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.nav_about_left .ptxt{line-height:28px;}

.nav_about ul{letter-spacing:-8px; overflow:hidden; text-align:left; width:30%; float:left; padding-top:20px;}
.nav_about ul li{letter-spacing:normal; vertical-align:top; display:block; box-sizing:border-box; padding:8px 18px; background:url(../images/weizhi_right.png) left center no-repeat;}
.nav_about ul li:not(:nth-of-type(7n)){ margin-right:0;}
.nav_about ul li:nth-child(n+2){margin-top:2%;}

.nav_about_right{width:30%; float:right;}
.nav_about_right img{width:auto; max-width:100%;}

/*product*/
.nav_product{width:100%; max-width:1400px; overflow:hidden; position:relative; margin:0 auto; padding:2%; box-sizing:border-box;}
.nav_product_left{width:40%; float:left; padding-right:10%; box-sizing:border-box;}
.nav_product_left h2{font-size:24px; font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.nav_product_left .ptxt{line-height:28px;}

.nav_product ul{letter-spacing:-8px; overflow:hidden; text-align:left; width:30%; float:left;padding-top:20px;}
.nav_product ul h2{font-size:18px; font-weight:700; margin-bottom:10px; text-transform:uppercase; letter-spacing:normal;}
.nav_product ul li{letter-spacing:normal; vertical-align:top; display:block; box-sizing:border-box; padding:8px 18px; background:url(../images/weizhi_right.png) left center no-repeat;}
.nav_product ul li:not(:nth-of-type(7n)){ margin-right:0;}
.nav_product ul li:nth-child(n+2){margin-top:2%;}

.nav_product_right{width:30%; float:right;}
.nav_product_right img{width:auto; max-width:100%;}


/*news*/
.nav_news{width:100%; max-width:1400px; overflow:hidden; position:relative; margin:0 auto; padding:2%; box-sizing:border-box;}

.nav_news_left{width:40%; float:left; padding-right:10%; box-sizing:border-box;}
.nav_news_left h2{font-size:24px; font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.nav_news_left .ptxt{line-height:28px;}

.nav_news ul{letter-spacing:-8px; overflow:hidden; text-align:left; width:30%; float:left;padding-top:20px;}
.nav_news ul li{letter-spacing:normal; vertical-align:top; display:block; box-sizing:border-box; padding:8px 18px; background:url(../images/weizhi_right.png) left center no-repeat;}
.nav_news ul li:not(:nth-of-type(7n)){ margin-right:0;}
.nav_news ul li:nth-child(n+2){margin-top:2%;}

.nav_news_right{width:30%; float:right;}
.nav_news_right img{width:auto; max-width:100%;}


/*project*/
.nav_project{width:100%; max-width:1400px; overflow:hidden; position:relative; margin:0 auto; padding:2%; box-sizing:border-box;}
.nav_project_left{width:40%; float:left; padding-right:10%; box-sizing:border-box;}
.nav_project_left h2{font-size:24px; font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.nav_project_left .ptxt{line-height:28px;}

.nav_project ul{letter-spacing:-8px; overflow:hidden; text-align:left; width:30%; float:left;padding-top:20px;}
.nav_project ul li{letter-spacing:normal; vertical-align:top; display:block; box-sizing:border-box; padding:8px 18px; background:url(../images/weizhi_right.png) left center no-repeat;}
.nav_project ul li:not(:nth-of-type(7n)){ margin-right:0;}
.nav_project ul li:nth-child(n+2){margin-top:2%;}

.nav_project_right{width:30%; float:right;}
.nav_project_right img{width:auto; max-width:100%;}

/*workshop*/
.nav_workshop{width:100%; max-width:1400px; overflow:hidden; position:relative; margin:0 auto; padding:2%; box-sizing:border-box;}
.nav_workshop_left{width:40%; float:left; padding-right:10%; box-sizing:border-box;}
.nav_workshop_left h2{font-size:24px; font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.nav_workshop_left .ptxt{line-height:28px;}

.nav_workshop ul{letter-spacing:-8px; overflow:hidden; text-align:left; width:30%; float:left;padding-top:20px;}
.nav_workshop ul li{letter-spacing:normal; vertical-align:top; display:block; box-sizing:border-box; padding:8px 18px; background:url(../images/weizhi_right.png) left center no-repeat;}
.nav_workshop ul li:not(:nth-of-type(7n)){ margin-right:0;}
.nav_workshop ul li:nth-child(n+2){margin-top:2%;}

.nav_workshop_right{width:30%; float:right;}
.nav_workshop_right img{width:auto; max-width:100%;}

.m-header {display:none;}
@media screen and (max-width:768px) {
.header {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgba(0,80,162,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:12px; line-height:18px; text-transform:uppercase;color:#fff;}
.m-header-logo h2 b{display:block; font-size:18px;font-weight:700; margin-bottom:2px;}

.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:#ffffff; 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,#0050a2, #0050a2); 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:13px; color:#fff; line-height:24px; text-align:left; padding:10px 10px 10px 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:#000 url(../images/loading.gif) 50% no-repeat;}
#bannermob{display:none;  margin-top:45px;}
#bannerpc{}

.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:30px; width:50px; height:50px; background:rgb(0,0,0,0.3);  color:#ffffff; border-radius:100%;}
.banner_prev{ left:30px; width:50px; height:50px; background:rgb(0,0,0,0.3); color:#ffffff; border-radius:100%;}

.slide-txt1 {position:absolute; color:#fff; top:50%; transform:translateY(-50%); width:1100px; box-sizing:border-box; left:13%;}
.slide-txt1 .p1 {font-size:48px; line-height:60px; margin-bottom:10px; text-transform:uppercase;  font-weight:700; text-shadow:0px 0px 4px #666;}
.slide-txt1 .p1 span{color:#ff6600;}
.slide-txt1 .p2 {font-size:24px; line-height:45px;margin-bottom:40px;text-shadow:0px 0px 4px #666;}

.more_big{display:inline-block; height:50px; line-height:50px; font-size:16px; padding:0 30px; text-align:center; text-transform:uppercase; color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin-right:15px; border:1px rgb(255,255,255,0.7) solid; background:rgb(0,0,0,0); box-sizing:border-box; border-radius:5px;}
.more_big a{ color:#FFF}
.more_big:hover{color:#fff; background:#0050a2;}
.more_big:hover a{color:#fff;}

.more_big2{display:inline-block; height:50px; line-height:50px; font-size:16px; padding:0 30px; text-align:center; text-transform:uppercase; color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;  border:1px rgb(255,255,255,0.7) solid; background:rgb(0,0,0,0); box-sizing:border-box;border-radius:5px;}
.more_big2 a{ color:#fff}
.more_big2:hover{color:#fff; background:#0050a2;}
.more_big2:hover a{color:#fff;}
@media screen and (max-width:768px) {
#bannermob{display:block;}
#bannerpc{display:none;}

.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;}

.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;}

.slide-txt1 {width:90%; box-sizing:border-box; left:5%;}
.slide-txt1 .p1 {font-size:18px; line-height:32px;}
.slide-txt1 .p2 { font-size:14px; line-height:24px; margin-bottom:20px;}

.more_big{height:40px; line-height:40px; font-size:13px; padding:0 25px; margin-right:10px;}
.more_big2{height:40px; line-height:40px; font-size:13px; padding:0 25px;}
}



/***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);}

.imgbox2 {position:relative; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.imgbox2 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 .imgbox2 img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.imgbox2:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);}

.imgbox2 .mask, .imgbox2 .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.imgbox2 .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(255,151,0,0.8);}
.imgbox2 .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);}
.imgbox2:hover .mask, .imgbox2:hover .view {opacity:0.8;}
.imgbox2:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}


/***htitle***/
.htitle{width:100%; box-sizing:border-box; overflow:hidden;}
.htitle_txt{position:relative; margin:0 auto;}
.htitle_txt_bg{box-shadow:0 0 15px 0 #ddd;}
.htitle_txt h2{font-size:36px; line-height:42px; text-transform:uppercase; text-align:center; font-weight:700;}
.htitle_txt h3{width:100%; height:1px; background:none; margin:15px 0; position:relative;}
.htitle_txt h3:after {content: ''; position:absolute; top:0; right:0; height:4px; width:40px; background-color:#ff6600; left:50%; margin-left:-20px;}
.htitle_txt .ptxt{line-height:24px; text-align:center; margin:10px 0; opacity:0.8;}
@media screen and (max-width:768px) {
.htitle_txt h2{font-size:24px; line-height:24px;}
}

.div_more{text-align:center;}
.div_more_top{ margin-top:20px;}
.more{display:inline-block; margin:0px auto; height:40px; line-height:40px; font-size:14px; padding:0 30px; text-align:center; text-transform: uppercase; color:#fff; background:#0050a2; 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:45px; line-height:45px; font-size:14px; padding:0 30px; text-align:center; text-transform: uppercase; color:#ffffff;  border-radius:5px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:rgb(0,0,0,0); border:1px rgb(255,255,255,0.7) solid;}
.more_white:hover{ background:#000000; color:#FFF;}

@media screen and (max-width:768px) {
.more {margin:0px auto; height:35px; line-height:35px; padding:0 15px; font-size:13px;}
.more_white{margin:20px auto 0; height:40px; line-height:40px;}
}




/***mod1***/
.mod1{box-sizing:border-box; position:relative; padding:90px 0; overflow:hidden; background:#f5f5f5;}

.mod1_left{float:left; width:50%; box-sizing:border-box; padding-right:5%; box-sizing:border-box;}
.mod1_left_title{font-size:36px; line-height:36px; font-weight:700;  text-transform:uppercase;}
.mod1_left_title:after {content: ''; position:absolute; top:40px; left:0; height:4px; width:30px; background-color:#ff6600; margin:10px 0;}
.mod1_left_txt{line-height:28px; margin-top:30px;}
.mod1_left_txt h2{text-transform:uppercase; margin-bottom:10px; font-size:24px;}

.mod1left_1{ margin:30px auto;}
.mod1left_1 ul{overflow:hidden;letter-spacing:-8px;}
.mod1left_1 ul li{overflow:hidden; width:23.875%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; border-radius:5px; background:#fff; border:1px #ddd solid; text-align:center; padding:10px 0;}
.mod1left_1 ul li:not(:nth-of-type(4n)){margin-right:1.5%;}
.mod1left_1 ul li:nth-child(n+5){margin-top:1.5%;}

.mod1left_2{ margin:0px auto;}
.mod1left_2 ul{overflow:hidden;letter-spacing:-8px;}
.mod1left_2 ul li{overflow:hidden; width:23.875%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; text-align:center;}
.mod1left_2 ul li:not(:nth-of-type(4n)){margin-right:1.5%;}
.mod1left_2 ul li:nth-child(n+5){margin-top:1.5%;}
.mod1left_2 ul li h2{font-size:28px; font-weight:700; letter-spacing:-1px; width:100px; height:100px; line-height:100px; border-radius:100%; border:8px #0050a2 solid; margin:0 auto; color:#0050a2;}
.mod1left_2 ul li h2 sup{font-size:14px; margin-left:2px; letter-spacing:normal;}
.mod1left_2 ul li h2 span{ font-size:14px; color:#222222; letter-spacing:normal;}
.mod1left_2 ul li p{margin:20px 0; font-weight:700;}

.mod1_right{float:right; width:50%; position:relative;}
@media screen and (max-width:768px) {
.mod1{padding:20px 0;}
.mod1_left{float:none; width:100%;}

.mod1_left_title{font-size:24px; line-height:24px;}
.mod1_left_title:after {top:30px;}

.mod1_left_txt{line-height:24px;}
.mod1_left_txt h2{font-size:16px;}

.mod1left_1{ margin:20px auto;}
.mod1left_1 ul li{width:47.5%;}
.mod1left_1 ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod1left_1 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.mod1left_1 ul li:nth-child(n+3){margin-top:5%;}

.mod1left_2 ul{text-align:center;}
.mod1left_2 ul li{width:47.5%;}
.mod1left_2 ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod1left_2 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.mod1left_2 ul li:nth-child(n+3){margin-top:5%;}
.mod1left_2 ul li h2{font-size:24px; width:80px; height:80px; line-height:80px;}
.mod1left_2 ul li h2 sup{font-size:14px; margin-left:2px; letter-spacing:normal;}
.mod1left_2 ul li h2 span{ font-size:14px; color:#222222; letter-spacing:normal;}
.mod1left_2 ul li p{margin:10px 0;}

.mod1_right{float:none; width:100%; margin-top:20px;}
}


/***mod22***/
.mod22{position:relative; overflow:hidden;padding:90px 0; background:linear-gradient(to right, rgba(0,78,165,1) 0%, rgba(0,78,165,1) 70%, rgba(238,238,238,1) 70%, rgba(238,238,238,1) 100%);}
.mod22 .htitle{ color:#ffffff; margin-bottom:30px;}
.mod22 .main{display:flex; align-items:stretch;}
.mod22_left{float:left; width:24%;}
.mod22_left ul{overflow:hidden;}
.mod22_left ul li{color:#fff; margin-bottom:40px;}
.mod22_left ul li:last-child{margin-bottom:0;}
.mod22_left ul li h2{font-size:22px; font-weight:700; margin-bottom:5px;}
.mod22_left ul li p{background:url(../images/whitedian.svg) left center no-repeat; background-size:20px; padding:15px 15px 15px 25px; border-bottom:1px rgba(255,255,255,0.1) solid; color:#fff;  line-height:22px;}
.mod22_left ul li a{color:#fff;}
.mod22_left ul li a:hover{color:#ff6600;}

.mod22_right{float:right; width:72%; background:#fff; padding:50px; box-sizing:border-box; margin-left:4%;}
.mod22_right ul{letter-spacing:-8px;overflow:hidden;}
.mod22_right ul li{letter-spacing:normal; vertical-align:top; width:23.5%; display:inline-block; box-sizing:border-box;}
.mod22_right ul li:not(:nth-of-type(4n)){margin-right:2%;}
.mod22_right ul li:nth-child(n+5){margin-top:2%;}
.mod22_right ul li h2{width:100%; line-height:45px; height:45px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-sizing:border-box; text-align:center; font-size:16px;}
.mod22_right ul li .imgbox{position:relative; border:1px #ddd solid;}
.mod22_right ul li .imgbox img{padding:30px; box-sizing:border-box;}
@media screen and (max-width:768px) {
.mod22{hidden;padding:20px 0; background:#004ea5;}
.mod22 .main{display:block;}
.mod22 .htitle{margin-bottom:10px;}

.mod22_left{float:none; width:100%;}
.mod22_left ul li{margin-bottom:20px;}
.mod22_left ul li h2{font-size:18px;}
.mod22_left ul li p{padding:12px 10px 12px 20px; font-size:15px;}

.mod22_right{float:none; width:100%; padding:20px; margin-left:0;}
.mod22_right ul li{width:47.5%;}
.mod22_right ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod22_right ul li:not(:nth-of-type(2n)){margin-right:5%;}
.mod22_right ul li:nth-child(n+3){margin-top:5%;}
.mod22_right ul li h2{line-height:30px; height:30px; font-size:13px;}
.mod22_right ul li .imgbox img{padding:10px;}
}







.mod2{box-sizing:border-box; margin:0; overflow:hidden; background:url(../images/mod2_bg.jpg) center top no-repeat; padding:90px 0;}
.mod2 ul{overflow:hidden; width:100%; letter-spacing:-8px; display:flex; align-items:stretch; padding:30px; box-sizing:border-box; background:linear-gradient(to bottom, rgba(0,158,130,1) , rgba(0,149,132,1)); border-radius:5px;}
.mod2 ul:last-child{overflow:hidden; width:100%; letter-spacing:-8px; display:flex; align-items:stretch; padding:30px; box-sizing:border-box;  background:linear-gradient(to bottom, rgba(0,78,165,1) , rgba(0,69,147,1));  border-radius:5px;}
.mod2 ul li{letter-spacing:normal; vertical-align:top; width:23.875%; display:inline-block; box-sizing:border-box;text-align:center;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:5px; border:4px #fff solid;}
.mod2 ul li:not(:nth-of-type(4n)){margin-right:1.5%;}
.mod2title{position:absolute; width:100%; top:0px; left:0px; font-size:22px; color:#fff; z-index:2; text-transform:uppercase; padding:25px 80px 25px 25px; box-sizing:border-box; font-weight:700; text-align:left; line-height:28px;}
.mod2 ul li .imgbox{width:100%; height:100%; overflow:hidden;}
.mod2 ul li .imgbox img{height:100%;}

.ul_left li:first-child{padding:20px; text-align:left; box-sizing:border-box; border:0;}
.ul_left li:first-child h2{ font-size:24px; font-weight:700; color:#ffffff; text-transform:uppercase; margin-bottom:5px;}
.ul_left li:first-child .ptxt{line-height:30px; color:#fff; font-size:16px; opacity:0.7;}
.ul_left li:nth-child(1){width:20%;}
.ul_left li:nth-child(2){width:35.5%;}
.ul_left li:nth-child(3){width:20%;}
.ul_left li:nth-child(4){width:20%;}

.ul_right{margin-top:1.5%;}
.ul_right li:last-child{padding:20px; text-align:left; box-sizing:border-box; border:0;}
.ul_right li:last-child h2{ font-size:24px; font-weight:700; color:#ffffff; text-transform:uppercase; margin-bottom:5px;}
.ul_right li:last-child .ptxt{line-height:30px; color:#fff; font-size:16px; opacity:0.7;}
.ul_right li:nth-child(1){width:35.5%;}
.ul_right li:nth-child(2){width:20%;}
.ul_right li:nth-child(3){width:20%;}
.ul_right li:nth-child(4){width:20%;}

@media screen and (max-width:768px) {
.mod2{padding:20px 0;}
.mod2 ul{display:block;padding:20px;}
.mod2 ul:last-child{display:block; padding:20px;}

.mod2 ul li{width:100%; padding:0px;border:2px #fff solid;}
.mod2 ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod2 ul li:nth-child(n+2){margin-top:5%;}
.mod2title{font-size:16px; padding:25px}

.ul_left li:first-child h2{ font-size:18px;}
.ul_left li:first-child .ptxt{line-height:24px; color:#fff; font-size:14px;}
.ul_left li:nth-child(1){width:100%;padding:0;}
.ul_left li:nth-child(2){width:100%;}
.ul_left li:nth-child(3){width:100%;}
.ul_left li:nth-child(4){width:100%;}

.ul_right{margin-top:5%;}
.ul_right li:last-child{padding:0px;}
.ul_right li:last-child h2{ font-size:18px;}
.ul_right li:nth-child(1){width:100%;padding:0;}
.ul_right li:nth-child(2){width:100%;}
.ul_right li:nth-child(3){width:100%;}
.ul_right li:nth-child(4){width:100%;}
}


/***mod7***/
.mod7{position:relative; background:#f5f5f5; overflow:hidden; padding:90px 0;}
.mod7 ul{width:100%; display:block; letter-spacing:-8px;}
.mod7 ul li{letter-spacing:normal; vertical-align:top; display:inline-block; box-sizing:border-box; background:#ffffff; position:relative; box-shadow:0 0 7px 0 #e5e5e5; margin:10px;}
.mod7 ul li:not(:nth-of-type(6n)){margin-right:2%;}
.mod7 ul li:nth-child(n+7){margin-top:2%;}
@media screen and (max-width:768px) {
.mod7 {padding:20px 0 10px 0;}
.mod7 ul li{margin:10px;}
.mod7 ul li:not(:nth-of-type(6n)){margin-right:0;}
.mod7 ul li:not(:nth-of-type(3n)){margin-right:2%;}
.mod7 ul li:nth-child(n+4){margin-top:2%;}
}

.mod7_clients {position:relative; margin:0 auto; width:100%; box-sizing:border-box;}
.mod7_clients_item {position:relative; overflow:hidden; display:flex; align-items:stretch;}
.mod7-area-next{ right:-60px; width:50px; height:50px; background:rgb(0,0,0,0.2); border-radius:100%; color:#ffffff; top:45%;}
.mod7-area-prev{ left:-60px; width:50px; height:50px; background:rgb(0,0,0,0.2);border-radius:100%;color:#ffffff;top:45%;}
.m_mod7_clients{display:none;}
@media screen and (max-width:768px) {
.mod7_clients{display:none;}	
.m_mod7_clients{display:block; position:relative; width:90%; margin:0 auto;}
.mod7_clients_item {display:block;}
.mod7-area-next{ right:-30px; width:30px; height:30px; background:rgb(255,255,255,0.3); border-radius:100%; color:#263248;top:45%;}
.mod7-area-prev{ left:-30px; width:30px; height:30px; background:rgb(255,255,255,0.3);border-radius:100%;color:#263248;top:45%;}
}



/***mod3***/
.mod3_box{background:#ffffff; padding:5px; box-sizing:border-box; margin-top:20px;}
.mod3_box ul{overflow:hidden;}
.mod3_box ul li{width:100%; overflow:hidden;}
@media screen and (max-width:768px){
.mod3_box{margin-top:10px;}
}

.mod3_factory{width:100%; box-sizing:border-box;}
.mod3_factorys {position:relative; margin:0 auto; width:100%;}
.mod3_factorys_item {position:relative;display:block;}
.mod3_factorys_item_txt{background:#000; padding:0 5%; box-sizing:border-box; height:30px; line-height:30px; color:#fff; text-align:center; width:100%; border-radius:50px; margin:10px auto 0; font-size:14px; overflow:hidden;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.mod3_factorys_item_txt:hover{background:#ff6600;}
.factory-area-next{ right:-40px; width:30px; height:30px; background:rgb(0,0,0,0.2); border-radius:100%; color:#ffffff; top:50%;}
.factory-area-prev{ left:-40px; width:30px; height:30px; background:rgb(0,0,0,0.2); border-radius:100%;color:#ffffff;top:50%;}
.m_mod3_factorys{display:none;}
.m_mod3_factory{display:none;}
@media screen and (max-width:768px) {
.mod3_factory{width:100%; overflow:hidden; margin-top:35px; margin-bottom:35px;}
.mod3_factorys{display:none;}	
.mod3_factory{display:none;}
.m_mod3_factory{display:block;width:100%; overflow:hidden; padding:0%; box-sizing:border-box;}
.m_mod3_factorys{display:block; position:relative; width:100%; margin:0 auto;}
.factory-area-next{ right:0px; width:30px; height:30px; background:rgb(0,0,0,0.2); border-radius:100%; color:#ffffff; top:50%;}
.factory-area-prev{ left:0px; width:30px; height:30px; background:rgb(0,0,0,0.2); border-radius:100%;color:#ffffff;top:50%;}
}



/***mod33***/
.mod33_box{background:#ffffff; padding:5px; box-sizing:border-box; margin-top:20px;}
.mod33_box ul{overflow:hidden;}
.mod33_box ul li{width:100%; overflow:hidden;}
@media screen and (max-width:768px){
.mod33_box{margin-top:10px;}
}

.mod33_factory{width:100%; box-sizing:border-box;}
.mod33_factorys {position:relative; margin:0 auto; width:100%;}
.mod33_factorys_item {position:relative;display:block;}
.mod33_factorys_item_txt{background:#000; padding:0 5%; box-sizing:border-box; height:30px; line-height:30px; color:#fff; text-align:center; width:100%; border-radius:50px; margin:10px auto 0; font-size:14px; overflow:hidden;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.mod33_factorys_item_txt:hover{background:#ff6600;}
.factory-area-next{ right:-40px; width:30px; height:30px; background:rgb(0,0,0,0.2); border-radius:100%; color:#ffffff; top:50%;}
.factory-area-prev{ left:-40px; width:30px; height:30px; background:rgb(0,0,0,0.2); border-radius:100%;color:#ffffff;top:50%;}
.m_mod33_factorys{display:none;}
.m_mod33_factory{display:none;}
@media screen and (max-width:768px) {
.mod33_factory{width:100%; overflow:hidden; margin-top:35px; margin-bottom:35px;}
.mod33_factorys{display:none;}	
.mod33_factory{display:none;}
.m_mod33_factory{display:block;width:100%; overflow:hidden; padding:0%; box-sizing:border-box;}
.m_mod33_factorys{display:block; position:relative; width:100%; margin:0 auto;}
.factory-area-next{ right:0px; width:30px; height:30px; background:rgb(0,0,0,0.2); border-radius:100%; color:#ffffff; top:50%;}
.factory-area-prev{ left:0px; width:30px; height:30px; background:rgb(0,0,0,0.2); border-radius:100%;color:#ffffff;top:50%;}
}




.mod4{position:relative; padding:200px 0; color:#ffffff; text-align:center;}
.mod4_title{font-size:42px; line-height:55px; font-weight:700; margin-bottom:20px;  text-transform:uppercase;}
.mod4_ptxt{ font-size:24px;}
@media screen and (max-width:768px){
.mod4{padding:50px 0;}
.mod4_title{font-size:18px; line-height:22px; margin-bottom:10px;}
.mod4_ptxt{ font-size:14px; line-height:22px;}
}


/***mod8***/
.mod8{position:relative; background:#f5f5f5; overflow:hidden; padding:90px 0;}
.mod8 ul{letter-spacing:-8px; display:flex; align-items: stretch;}
.mod8 ul li{ display:inline-block; letter-spacing:normal; vertical-align:top; width:31.33%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;  background:#fff; box-sizing:border-box; border:1px #efefef solid; box-shadow:0 0 8px 0 #e8e8e8; padding:40px; border-radius:5px;}
.mod8 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.mod8 ul li:nth-child(n+4){margin-top:3%;}
.mod8 ul li .mod8_box{box-sizing:border-box; margin-top:15px;}
.mod8 ul li .mod8_title h2{font-size:18px; font-weight:700; margin-bottom:10px;-webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:24px;}
.mod8 ul li .ptxt{line-height:28px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
.mod8 ul li .mod8_date{display:inline-block; font-size:14px; margin-bottom:20px; color:#666666;}

.mod8 ul li .mod8_more{border-top:1px #dddd solid; padding-top:20px; margin-top:20px;}
.mod8 ul li .mod8_more h2{font-weight:700; font-size:14px;}
.mod8 ul li .mod8_more h2 span{float:right;}

@media screen and (max-width:768px) {
.mod8 {padding:40px 0;}
.mod8 ul{display:block;}
.mod8 ul li{width:100%;  padding:20px;}
.mod8 ul li:not(:nth-of-type(3n)){margin-right:0;}
.mod8 ul li:nth-child(n+2){margin-top:4%;}
.mod8 ul li .mod8_title h2{font-size:16px; height:auto; margin-bottom:5px;}

}

/***mod6***/
.mod6{position:absolute; left:0; top:-180px; width:100%;  background:linear-gradient(to bottom, rgba(0,78,165,1) , rgba(0,69,147,1)); overflow:hidden; padding:30px; box-sizing:border-box; border-radius:5px;}
.mod6_left{float:left; width:25%; overflow:hidden; line-height:24px; font-size:14px;color:#fff;}
.mod6_left h2{font-size:32px; line-height:32px; margin-bottom:5px; font-weight:700; color:#fff;}
.mod6_right{float:right; width:75%; overflow:hidden; line-height:28px; padding-left:5%; box-sizing:border-box;}
@media screen and (max-width:768px) {
.mod6 {position:relative; padding:20px; top:0;}
.mod6_left{float:none; width:100%;}
.mod6_left h2{font-size:18px; line-height:24px;}
.mod6_right{float:none; width:100%; padding-left:0; margin-top:20px;}
}



/***mod9***/
.mod9{position:relative; background:#000000 url(../images/vodeo_bg.jpg) center center no-repeat; overflow:hidden; padding:80px 0; }
.mod9  .main{text-align:center;}
.mod9 video{margin:0 auto; width:70%; border:20px #ffffff solid; box-sizing:border-box;}
@media screen and (max-width:768px) {
.mod9{padding:30px 0; }
.mod9  .main{text-align:center;}
.mod9 video{width:90%; border:5px #222 solid;}
	
}



/*--------在线留言--------------*/
.guestbook1{width:100%; margin:0px auto;}
.guestbook1 ul{ overflow:hidden;} 
.guestbook1 ul li{overflow:hidden; float:left; width:100%; margin-bottom:10px;}
.box22 {width:100%; border:1px #ddd solid; line-height:28px; padding:5px 10px; box-sizing:border-box; background:#f5f5f5; border-radius:5px;}
.box33 {width:100%; height:90px; border:1px #ddd solid; line-height:22px; padding:5px 10px; font-family: Arial, Helvetica, sans-serif; box-sizing:border-box; background:#f5f5f5; border-radius:5px;}
.sub_gestbook1 {background-color:#009e82; border:none;width:100%; height:50px; line-height:50px; color:#fff; font-size:20px; cursor:pointer;text-align:center; text-transform:uppercase; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; border-radius:5px; font-weight:700;}
.sub_gestbook1:hover{ background:#ff6600;}
@media screen and (max-width: 768px) {
.guestbook1{ width:94%; margin:0 auto;}
.guestbook1 ul li:nth-child(1){width:100%; margin-right:0; margin-bottom:10px;}
.guestbook1 ul li:nth-child(2){width:100%; margin-right:0; margin-bottom:10px;}
.guestbook1 ul li:nth-child(3){width:100%; margin-right:0;}
.box2 {width:100%;}
.box4 {width:100%;}
.box3 {width:100%;}
.sub_gestbook1 {height:45px; line-height:45px; border-left:0;}
.guestbook1{width:100%; margin:0px auto;}
}



/*--------在线留言--------------*/
.guestbook2{width:100%; margin:0px auto;}
.guestbook2 ul{ overflow:hidden;} 
.guestbook2 ul li{overflow:hidden; float:left;}
.guestbook2 ul li:nth-child(1){width:34%; margin-right:1%; box-sizing:border-box;}
.guestbook2 ul li:nth-child(2){width:39%; margin-right:1%; box-sizing:border-box;}
.guestbook2 ul li:nth-child(3){width:25%; margin-right:0;}
.box22 {width:100%; border:1px #ddd solid; line-height:28px; padding:5px 20px; box-sizing:border-box; background:#f5f5f5; border-radius:5px;}
.box22_left{ margin-bottom:10px;}
.box33 {width:100%; height:90px; line-height:22px; padding:5px 20px; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif; box-sizing:border-box; background:#f5f5f5; border-radius:5px;}
.sub_gestbook2 {background-color:#009e82; border:none;width:100%; height:90px; line-height:90px; color:#fff; font-size:24px; cursor:pointer;text-align:center; text-transform:uppercase; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; font-family:"Source Sans Pro"; border-radius:5px; font-weight:700;}
.sub_gestbook2:hover{ background:#ff6600;}
@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.guestbook2 ul li:nth-child(1){width:100%; margin-right:0; margin-bottom:10px;}
.guestbook2 ul li:nth-child(2){width:100%; margin-right:0; margin-bottom:10px;}
.guestbook2 ul li:nth-child(3){width:100%; margin-right:0;}
.box2 {width:100%;}
.box4 {width:100%;}
.box3 {width:100%;}
.sub_gestbook2 {height:45px; line-height:45px; border-left:0; font-size:16px;}
.guestbook2{width:100%; margin:0px auto;}
}



/***footer***/
.footer {position:relative; background:#202020; background-size:cover; padding:40px 0 0 0;}
.footer a:hover{text-decoration:underline; opacity:1;}
.footer .main{position:relative;}
.footer_left{float:left; width:30%; overflow:hidden; line-height:24px; padding:3% 3% 0 0; box-sizing:border-box;}

.footer_contact{width:100%; color:#fff;}
.footer_contact a{color:#fff;}
.footer_contact a:hover{color:#ff6600;}

.footer_contact h2{font-size:16px; line-height:36px; font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.footer_contact img{ width:auto; display:inline-block; margin-bottom:20px;}
.footer_contact dl {}
.footer_contact dt {line-height:30px; font-size:18px;}
.footer_contact dd {margin-top:15px; padding-left:35px; line-height:24px; background-repeat:no-repeat; background-size:25px; background-position:top left; opacity:0.7; font-size:14px;}
.footer_contact dd:nth-child(1) {background-image:url(../images/ico_address.svg); margin-top:10px;}
.footer_contact dd:nth-child(2) {background-image:url(../images/ico_address.svg);}
.footer_contact dd:nth-child(3) {background-image:url(../images/ico_tel.svg);}
.footer_contact dd:nth-child(4) {background-image:url(../images/ico_email.svg);}
.footer_contact dd: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:30px; height:30px;}

.footer_right{float:right; width:70%; padding:3% 0 0 0; box-sizing:border-box;}
.footer_nav {overflow:hidden; float:left; width:20%; padding:0 1.5%; box-sizing:border-box;}
.footer_nav h2{font-size:16px; margin-bottom:20px; text-transform:uppercase; font-weight:700; color:#fff;}
.footer_nav ul{letter-spacing:-8px;}
.footer_nav ul li{letter-spacing:normal; vertical-align:top; width:100%; opacity:0.7;}
.footer_nav ul li p{margin-bottom:25px;background:url(../images/point.png) left center no-repeat; padding-left:10px; text-transform: capitalize; font-size:14px;}
.footer_nav ul li p a{color:#fff;}
.footer_nav ul li p:hover a{color:#ff6600;}
.footer_nav img{width:auto; max-width:75%;}

.footer-copyright {width:100%; height:60px; line-height:60px; font-size:14px; text-align:center; margin-top:50px; color:#fff; background:#000; box-sizing:border-box;}
@media screen and (max-width:768px) {
.footer {padding:30px 0 0 0;}
.footer_left{float:none; width:100%;overflow:hidden; font-size:16px; line-height:24px; margin:0; box-sizing:border-box; padding:40px 0 0 0;}
.footer_contact h2{font-size:16px; line-height:30px; margin-bottom:10px;}
.footer_contact dd {font-size:13px;}
.footer_modea{margin-top:20px;}

.footer_right{float:none; width:100%; padding:0;}
.footer_right div:first-child{width:100%;}
.footer_nav {overflow:hidden; float:none; width:100%; padding:0; box-sizing:border-box; margin-top:30px; display:none; }
.footer_nav h2{font-size:16px; margin-bottom:10px; text-transform:uppercase; font-weight:700;}
.footer_nav ul li p{margin-bottom:20px; font-size:14px;}
.footer-copyright {margin-top:20px; height:auto; line-height:18px; font-size:13px; padding:10px;}
}




/************内页banner*************/
.ban {margin:90px auto 0; width:100%;position: relative;}
.ban .addiv{position:absolute; width:80%; padding:0 8%; text-align:right; color:#FFF; top:50%; transform:translateY(-50%); font-size:24px;}
.ban .addiv h2{font-size:48px; text-transform:uppercase; font-weight:700; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; text-shadow:0px 0px 4px rgb(0,0,0,0.5); }
.ban .addiv_txt{font-size:18px; line-height:24px; background:rgb(0,0,0,0.3); padding:10px 20px; box-sizing:border-box; width:fit-content; float:right; border-radius:5px; margin-top:10px;}
/*.ban .addiv h2:before, .ban .addiv h2:after {display:inline-block; vertical-align:middle; margin: -5px 10px 0 10px; content: ""; width:50px; height:4px;  background:#fff;}*/
@media screen and (max-width:768px) {
.ban {margin:45px auto 0; width:100%;position: relative;}
.ban .addiv{width:80%; padding:0 10%; top:50%; transform:translateY(-50%); font-size:16px;}
.ban .addiv h2{font-size:18px;}
/*.ban .addiv h2:before, .ban .addiv h2:after {display: inline-block; vertical-align:middle; margin: -5px 10px 0 10px; content: ""; width:20px; height:2px;  background:#fff;}*/
.ban .addiv_txt{display:none;}
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto;background:#f5f5f5; padding-bottom:8px; padding-top:5px;}
#weizhi2{width:100%; margin:0 auto; background:#f5f5f5;padding-bottom:8px; padding-top:5px;}
.weizhi{width:95%; max-width:1400px; margin:0 auto;line-height:25px; padding:5px 0 5px 35px; background:url(../images/weizhi_home.png) left center no-repeat; box-sizing:border-box; color:#40455e; font-size:14px;}
.weizhi a{color:#40455e;}
.weizhi a:hover{color:#ff6600;}
.span_right{float:right;}
.span_list{height:18px; line-height:18px; background:url(../images/weizhi_right.png) right center no-repeat; border-bottom:1px #ccc solid; padding-right:20px; margin-right:20px; padding-bottom:5px; display:inline-block;}
.span_list2{height:18px; line-height:18px; background:url(../images/weizhi_right2.png) right center no-repeat; border-bottom:1px #ccc solid; padding-right:20px; margin-right:20px; padding-bottom:2px; position:relative; display:inline-block;}
@media screen and (max-width:768px) {
#weizhi{margin:0 auto;}
#weizhi2{margin:45px auto 0;}
.weizhi{padding:5px 0px 5px 25px; width:92%; line-height:22px; font-size:13px; height:32px; overflow:hidden; box-sizing:border-box;}
.span_right{font-size:14px; display:none;}
.span_list{padding-right:20px; margin-right:0px;}
.span_list2{padding-right:20px; margin-right:0px;}
}


/****************************公用****************************/
.wrap {margin:0 auto; padding:20px 0; width:100%; display:inline-block;}
.lymain {position:relative; margin:0 auto; width:95%; max-width:1400px; padding:50px 10px 50px 10px; overflow:hidden;}
@media screen and (max-width:768px) {
.wrap {padding:20px 0; width:100%;}
.lymain {width:92%; margin:0 auto; padding:10px; box-sizing:border-box;}
}

#onsec {color:#ff6600;}
#onsec a{color:#ff6600;}
.margintop20{ margin-top:30px;}
.margintop50{ margin-top:50px;}
.margintop100{ margin-top:100px!important;}
@media screen and (max-width: 768px) {
.margintop20{ margin-top:30px;}
.margintop50{ margin-top:25px;}
.margintop100{ margin-top:50px;}
}


/*分页*/
.page{text-align:center; padding:40px 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;}
}

.lytext {margin:0 auto 30px;}
.lyhtitle {position:relative; font-size:36px;   padding-bottom:10px; border-bottom:1px #ddd solid;}
.lyhtitle span{float:right;}
.lytext_txt {margin:0 auto; width:80%; line-height:28px; font-size:16px; text-align:center;}
@media screen and (max-width:768px) {
.lytext {margin:0px auto 20px;}
.lyhtitle {font-size:24px;}
.lytext_txt {line-height:22px; font-size:16px; width:92%;}
}


.about_mod1{padding:90px 0; width:100%; display:inline-block; background:#ffffff;}
.about_mod1 .htitle{ margin-bottom:20px;}
.about_mod1 .htitle_txt h3{background:none; margin:10px 0;}
.about_mod1 .htitle_txt h3:after {content: ''; position:absolute; top:0; right:0; height:4px; width:40px; background-color:#ff6600; left:50%; margin-left:-20px;}

.about_top{overflow:hidden; display:block;}
.about_mod1_left{float:left; width:60%; padding-right:5%; box-sizing:border-box;}
.about_mod1_left_txt {line-height:32px;}

.about_mod1_right{float:right; width:40%; position:relative;}
.about_mod1_right img{width:100%; box-sizing:border-box;}
.about_mod1_right ul{overflow:hidden; letter-spacing:-8px; width:100%; margin:1px auto 0; background:#0050a2;}
.about_mod1_right ul li{display:inline-block; vertical-align:top; letter-spacing:normal; box-sizing:border-box; text-align:center; border-right:1px #fff solid; width:50%; padding:40px 0;}
.about_mod1_right ul li:nth-child(n+3){margin-top:1px; border-top:1px #fff solid;}
.about_mod1_right ul li h2{font-size:36px; text-transform:uppercase; color:#ffffff; font-weight:700; font-family:Tahoma, Geneva, sans-serif;}
.about_mod1_right ul li h2 sup{font-size:16px; margin-left:5px;}
.about_mod1_right ul li .ptxt{font-size:16px; line-height:22px; color:#ffffff; margin-top:10px;}

.about_mod11{width:100%; margin-top:40px; padding:40px; border:1px #ddd solid; background:#f5f5f5; box-sizing:border-box;}
.about_mod11 ul{overflow:hidden;letter-spacing:-8px;}
.about_mod11 ul li{overflow:hidden; width:23.875%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; text-align:center;}
.about_mod11 ul li:not(:nth-of-type(4n)){margin-right:1.5%;}
.about_mod11 ul li:nth-child(n+5){margin-top:1.5%;}
.about_mod11 ul li h2{font-size:36px; font-family:Tahoma, Geneva, sans-serif; font-weight:700; letter-spacing:-2px; color:#0050a2;}
.about_mod11 ul li h2 sup{font-size:18px; margin-left:2px; letter-spacing:normal;}
.about_mod11 ul li h2 span{ font-size:18px; color:#222222; letter-spacing:normal;}
.about_mod11 ul li .ptxt{margin-top:5px; font-size:16px; color:#666666;}
@media screen and (max-width: 768px){
.about_mod1{padding:30px 0;}
.about_mod1 .htitle{margin-bottom:0px;}
.about_mod1_left{float:none; width:100%; padding-right:0;}
.about_mod1_left_txt {line-height:24px;}

.about_mod1_right{float:none; width:100%; margin-top:10px;}
.about_mod1_right img{width:100%; padding-right:0; padding-top:5px;}
.about_mod1_right ul{margin:1px auto 0;}
.about_mod1_right ul li{padding-right:20px; padding-left:20px;}
.about_mod1_right ul li h2{font-size:32px;}
.about_mod1_right ul li h2 sup{font-size:14px;}
.about_mod1_right ul li .ptxt{font-size:14px;}

.about_mod11{margin-top:20px; padding:20px;}
.about_mod11 ul li{width:47.5%;}
.about_mod11 ul li:not(:nth-of-type(4n)){margin-right:0;}
.about_mod11 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.about_mod11 ul li:nth-child(n+3){margin-top:5%;}
.about_mod11 ul li h2{font-size:24px;}
.about_mod11 ul li h2 sup{font-size:14px;}
.about_mod11 ul li h2 span{ font-size:14px;}
.about_mod11 ul li .ptxt{font-size:14px;}
}


.about_mod2{padding:90px 0; width:100%; display:inline-block; background:url(../images/about_bg2.jpg); background-size:cover; background-repeat: no-repeat; background-attachment: fixed;}
.about_mod2 .htitle{ margin-bottom:20px;}
.about_mod2 .htitle h2{ color:#fff;}
.about_mod2 .htitle_txt h3{background:none; margin:10px 0;}
.about_mod2 .htitle_txt h3:after {content: ''; position:absolute; top:0; right:0; height:4px; width:40px; background-color:#ff6600; left:50%; margin-left:-20px;}
@media screen and (max-width:768px) {
.about_mod2{padding:30px 0;}
.about_mod2 .htitle{ margin-bottom:0px;}
}

/*发展历程*/
.development_txt{padding:30px 100px 0 100px; margin:0 auto;}
.development_txt ul{overflow:hidden; padding-bottom:40px; background:url(../images/about_line.png) 400px top repeat-y;}
.development_txt ul:last-child{padding-bottom:0;}
.li_left{float:left; width:400px; font-size:20px; color:#ffffff; font-weight:700; text-align:right; padding-right:20px; box-sizing:border-box; padding-top:8px;}
.li_right{float:right; width:calc(100% - 400px); line-height:28px; background:url(../images/about_dian.png) -3px 8px no-repeat; padding-left:30px; box-sizing:border-box;color:#ffffff;}
.li_right h2{font-size:18px; font-weight:700; margin-bottom:5px; color:#ffffff;}
@media screen and (max-width: 768px) {
.development_txt{padding:0px;}
.development_txt ul{overflow:hidden; padding-bottom:20px; background:none;}
.li_left{float:none; width:100%; text-align:left; padding-right:0px; margin-bottom:5px; font-size:20px;}
.li_right{float:none; width:100%; line-height:20px; background:none; padding-left:0;}
.li_right h2{font-size:14px; font-weight:700; margin-bottom:5px; line-height:20px;}
}



.about_mod22{padding:90px 0; width:100%; display:inline-block; background:#f5f5f5;}
.about_mod22 ul{overflow:hidden; width:100%; display:block; letter-spacing:-8px; margin-top:10px;}
.about_mod22 ul li{letter-spacing:normal; vertical-align:top; width:48.5%; display:inline-block; box-sizing:border-box;text-align:center; border:1px rgb(0,0,0,0.1) solid; padding:30px; border-radius:5px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; background:#ffffff;}
.about_mod22 ul li:not(:nth-of-type(2n)){margin-right:3%;}
.about_mod22 ul li:nth-child(n+3){margin-top:3%;}
.about_mod22 ul li:last-child{width:100%;}
.about_mod22 ul li .txtbox_no{float:left; width:50px;}
.about_mod22 ul li .txtbox{float:right; width:calc(100% - 70px); text-align:left; vertical-align:top;}
.about_mod22 ul li .txtbox h2{font-size:20px; font-weight:700; margin-bottom:5px; text-transform:uppercase; line-height:24px; color:#0050a2;}
.about_mod22 ul li .txtbox .ptxt{line-height:28px; opacity:0.85;}
.about_mod22 ul li:hover .txtbox h2{color:#ff6600;}
@media screen and (max-width:768px) {
.about_mod22{padding:30px 0;}
.about_mod22 ul{display:block;}
.about_mod22 ul li{width:100%; padding:20px; text-align:center;}
.about_mod22 ul li:not(:nth-of-type(2n)){margin-right:0;}
.about_mod22 ul li:nth-child(n+2){margin-top:5%;}
.about_mod22 ul li .txtbox_no{float:none; width:50px; display:block; margin:0 auto 10px;}
.about_mod22 ul li .txtbox{float:none; width:100%; text-align:center;}
.about_mod22 ul li .txtbox h2{font-size:18px;}
.about_mod22 ul li .txtbox .ptxt{line-height:24px; font-size:13px;}
}



.about_mod23{padding:90px 0; width:100%; display:inline-block; background:#ffffff;}
.about_txt{line-height:28px; text-align:center;}
.about_txt img{width:auto; max-width:100%; margin:0 auto;}
.about_txt b, .about_txt strong{font-size:14px;}

.about_mod23 ul{overflow:hidden; letter-spacing:-8px; width:100%;}
.about_mod23 ul li{display:inline-block; vertical-align:top; letter-spacing:normal; box-sizing:border-box; text-align:center; width:17.6%;}
.about_mod23 ul li:not(:nth-of-type(5n)){margin-right:3%;}
.about_mod23 ul li:nth-child(n+6){margin-top:3%;}
.about_mod23 ul li p{font-size:14px; margin-top:10px;}

@media screen and (max-width:768px) {
.about_mod23{padding:30px 0;}
.about_txt{line-height:20px;}

.about_mod23 ul li{display:inline-block; vertical-align:top; letter-spacing:normal; box-sizing:border-box; text-align:center; width:31.33%;}
.about_mod23 ul li:not(:nth-of-type(5n)){margin-right:0;}
.about_mod23 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.about_mod23 ul li:nth-child(n+4){margin-top:3%;}
}



.about_mod24{padding:90px 0 160px 0; width:100%; display:inline-block; background:#f5f5f5;}
.about_txt{line-height:28px; text-align:center;}
.about_txt img{width:auto; max-width:100%; margin:0 auto; height:auto;}
.about_txt b, .about_txt strong{font-size:14px;}
@media screen and (max-width:768px) {
.about_mod24{padding:30px 0;}
.about_txt{line-height:20px;}
}


/*workshop*/
.about_mod3{width:100%; display:inline-block; padding:90px 0 160px 0; background:#f5f5f5;}
.about_mod3_txt{ line-height:28px; padding:0 100px; text-align:center; margin-bottom:20px;}
.about_mod3 ul{overflow:hidden; letter-spacing:-8px; width:100%;}
.about_mod3 ul li{display:inline-block; vertical-align:top; letter-spacing:normal; box-sizing:border-box; text-align:center; width:15.83%;}
.about_mod3 ul li:not(:nth-of-type(6n)){margin-right:1%;}
.about_mod3 ul li:nth-child(n+7){margin-top:1%;}
@media screen and (max-width: 768px){
.about_mod3{padding:30px 0;}
.about_mod3_txt{line-height:24px; padding:0; margin-bottom:10px;}
.about_mod3 ul li{width:47.5%;}
.about_mod3 ul li:not(:nth-of-type(6n)){margin-right:0;}
.about_mod3 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.about_mod3 ul li:nth-child(n+3){margin-top:5%;}
}

.about_mod4{padding:90px 0 0 0; width:100%; background:#ffffff;}
.about_mod4 ul{overflow:hidden; width:100%; display:block; letter-spacing:-8px; margin-top:10px;}
.about_mod4 ul li{letter-spacing:normal; vertical-align:top; width:48.5%; display:inline-block; box-sizing:border-box;text-align:center; border:1px rgb(0,0,0,0.1) solid; padding:30px; border-radius:5px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; background:#fbfbfb;}
.about_mod4 ul li:not(:nth-of-type(2n)){margin-right:3%;}
.about_mod4 ul li:nth-child(n+3){margin-top:3%;}
.about_mod4 ul li .txtbox_no{float:left; width:50px;}
.about_mod4 ul li .txtbox{float:right; width:calc(100% - 70px); text-align:left; vertical-align:top;}
.about_mod4 ul li .txtbox h2{font-size:20px; font-weight:700; margin-bottom:10px; text-transform:uppercase; line-height:24px; color:#0050a2;}
.about_mod4 ul li .txtbox .ptxt{line-height:28px; opacity:0.85; min-height:84px;}
.about_mod4 ul li:hover .txtbox h2{color:#ff6600;}
@media screen and (max-width:768px) {
.about_mod4{padding:30px 0;}
.about_mod4 ul{display:block;}
.about_mod4 ul li{width:100%; padding:20px;}
.about_mod4 ul li:not(:nth-of-type(4n)){margin-right:0;}
.about_mod4 ul li:nth-child(n+2){margin-top:5%;}
.about_mod4 ul li .txtbox_no{float:none; width:60px; margin:0 auto 15px;}
.about_mod4 ul li .txtbox{float:none; width:100%; text-align:center;}
.about_mod4 ul li .txtbox .ptxt{line-height:24px; min-height:0;}
}

.about_mod5{width:100%; padding:40px 0 90px 0; background:#ffffff;}
.about_mod5_txt{ line-height:28px; padding:0 100px; text-align:center; margin-bottom:20px;}
.about_mod5 ul{overflow:hidden; letter-spacing:-8px; width:100%;}
.about_mod5 ul li{display:inline-block; vertical-align:top; letter-spacing:normal; box-sizing:border-box; text-align:center; width:15.83%;}
.about_mod5 ul li:not(:nth-of-type(6n)){margin-right:1%;}
.about_mod5 ul li:nth-child(n+7){margin-top:1%;}
@media screen and (max-width: 768px){
.about_mod5{padding:0 0 40px 0;}
.about_mod5 ul li{width:47.5%;}
.about_mod5 ul li:not(:nth-of-type(6n)){margin-right:0;}
.about_mod5 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.about_mod5 ul li:nth-child(n+3){margin-top:5%;}
}



/*产品*/
.productlist{margin:0; box-sizing:border-box;}
.productlist h3{font-size:32px; line-height:32px; text-align:left; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:10px; font-weight:700;}
.lartxt{line-height:28px; margin-bottom:30px;}
.lartxt table{width:100%; border:1px #ddd solid;}
.lartxt td{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.lartxt td p,.lartxt td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.lartxt th{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.lartxt th p,.lartxt thd span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}

.productlistul{ letter-spacing:-8px;}
.productlistul li{letter-spacing:normal; vertical-align:top; background:#ffffff; position: relative; width:47.5%; display:inline-block; box-sizing:border-box; box-shadow:0 0 10px 0 #ddd;border-radius:5px; overflow:hidden;}
.productlistul li:not(:nth-of-type(2n)){ margin-right:5%;}
.productlistul li:nth-child(n+3){margin-top:5%;}
.productlistul li .imgbox{ float:left; width:40%; padding:5%; box-sizing:border-box;}
.productlistul li .div_txt{line-height:28px; padding:50px 30px; box-sizing:border-box; float:right; width:60%; color:#666666;}
.productlistul li .div_txt h2{font-size:22px; line-height:24px; overflow:hidden; font-weight:700; margin-bottom:10px;}
@media screen and (max-width:768px) {
.productlist h3{font-size:24px; margin-bottom:10px; line-height:24px;}
.lartxt{line-height:24px; margin-bottom:15px;}

.productlistul li{width:100%;}
.productlistul li:not(:nth-of-type(2n)){ margin-right:0;}
.productlistul li:nth-child(n+2){margin-top:5%;}
.productlistul li .div_txt{font-size:13px; padding:0 10px 20px 10px; box-sizing:border-box;float:none; width:100%; line-height:24px; text-align:center;}
.productlistul li .div_txt h2{font-size:18px; line-height:24px; margin-bottom:5px;}
.productlistul li .imgbox{ float:none; width:100%; padding:5%}
.productlistul li .imgbox img{ width:60%; margin:0 auto;}
}


.productlist_more{margin:30px 0 0 0; height:40px; line-height:40px; text-align:center; border-radius:5px; cursor:pointer; padding:0 25px; display:inline-block;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border:1px #ddd solid; font-size:14px;}
.productlist_more:hover {background-color:#0050a2; color:#ffffff;}
@media screen and (max-width:768px) {
.productlist_more{margin:10px 0 0 0; padding:0 25px;display:inline-block; font-size:14px; height:30px; line-height:30px;}
}

.prodmore{display:inline-block; margin-top:20px; float:left; height:40px; line-height:40px; font-size:16px; color:#fff; background-color:#004cb3; text-align:center; border-radius:5px; cursor:pointer; margin-right:10px; padding:0 30px;}
.prodmore:hover {background-color:#ff6600;}
@media screen and (max-width:768px) {
.prodmore{float:none; color:#fff; margin:20px 2% 0; width:46%; padding:0;}
}


.products_end2{ width:100%; display:block;overflow:hidden; margin:0px auto 40px;}
.products_end2_left{float:left;width:400px; border:1px #ddd solid; box-sizing:border-box; border-radius:5px;}
.products_end2_left img{ width:80%; margin:0 auto;}
.products_end2_right{float:right; width:calc(100% - 450px); box-sizing:border-box;}
.products_end2_right h1{font-size:32px; font-weight:700; }
.products_end2_right_box{ margin-top:40px;}
.products_end2_right_box h2{line-height:18px;font-size:18px; font-weight:700; margin-bottom:10px; background-image:linear-gradient(to top,#0050a2, #0050a2); color:#fff; padding:15px; box-sizing:border-box; border-radius:5px;}

@media screen and (max-width: 768px){
.products_end2{margin:0px auto 20px;}
.products_end2_left{float:none;width:100%;}
.products_end2_right{float:none; width:100%; margin-left:0; margin-top:5%;}
.products_end2_right h1{font-size:18px;line-height:24px;}
.products_end2_right_box{ margin-top:20px;}
.products_end2_right_box h2{line-height:16px;font-size:14px; padding:10px;}
}


.lymain_left_prod{overflow:hidden; border:4px #0050a2 solid; box-sizing:border-box;}
.lymain_left_prod h2{font-size:20px; font-weight:700; line-height:50px; background:#0050a2; padding-left:17px; color:#ffffff; text-transform:uppercase;}
.lymain_left_prod ul{background:#ffffff;}
.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:18px 14px; box-sizing:border-box; display:block; background:url(../images/point.png) 10px center no-repeat; padding-left:18px;}
.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:#ffffff;}
.lymain_left_prod ul li ul li{ border-bottom:0; padding-left:20px;}

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


/*相似的产品*/
.ptitle2{border-bottom:3px #0050a2 solid; margin:50px 0 30px 0; padding:0px;}
.ptitle2 h3{padding-bottom:10px; display:inline-block; font-size:24px; width:100%; box-sizing:border-box; font-weight:700;}
.ptitle2margintop40{ margin-top:60px;}
.relatedul{overflow:hidden; letter-spacing:-8px; margin-top:15px;}
.relatedul li{display:inline-block; overflow:hidden; width:31.33%; letter-spacing:normal; vertical-align:top; box-sizing:border-box; background:#FFF; border:1px #ddd solid; padding:20px;}
.relatedul li:not(:nth-of-type(3n)){ margin-right:3%;}
.relatedul li .imgbox{width:30%; float:left;}
.relatedul li .imgbox img{padding:0; display:block;}
.relatedul li .ptitle2_box{float:right; width:65%;}
.relatedul li .ptitle2_box .ptitle{ font-size:18px; font-weight:700; margin-bottom:5px; margin-top:10px;}
.relatedul li .ptitle2_box .ptxt{line-height:28px; opacity:0.7;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
@media screen and (max-width: 768px) {
.ptitle2{margin:40px 0 0 0; padding:0px;}
.ptitle2 h3{font-size:16px; width:100%; box-sizing:border-box;}
.ptitle2margintop40{ margin-top:30px;}
.relatedul{margin-top:15px;}
.relatedul li{width:100%;}
.relatedul li:not(:nth-of-type(4n)){ margin-right:0;}
.relatedul li:nth-child(n+2){margin-top:5%;}
.relatedul li .ptitle2_box .ptitle{ font-size:16px; margin-top:5px;}
.relatedul li .ptitle2_box .ptxt{line-height:24px;}
}



/*新闻*/
.newslist{overflow:hidden; display:block;}
.newslist h2{font-size:32px; text-align:left; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:30px; font-weight:700;color:#263248;}
.newslist ul{letter-spacing:-8px; margin-top:30px;}
.newslist ul li{ display:inline-block; letter-spacing:normal; vertical-align:top; width:31.33%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;  background:#fff; box-sizing:border-box; border:1px #efefef solid; box-shadow:0 0 8px 0 #e8e8e8; padding:40px;}
.newslist ul li:not(:nth-of-type(3n)){margin-right:3%;}
.newslist ul li:nth-child(n+4){margin-top:3%;}
.newslist ul li .news_box{box-sizing:border-box; margin-top:15px;}
.newslist ul li .news_title h3{font-size:16px; font-weight:700; margin-bottom:10px;-webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:24px;}
.newslist ul li .ptxt{line-height:28px;-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
.newslist ul li .news_date{display:inline-block; font-size:14px; margin-bottom:20px; color:#666666;}

.newslist ul li .news_more{border-top:1px #dddd solid; padding-top:20px; margin-top:20px;}
.newslist ul li .news_more h3{font-weight:700; font-size:14px;}
.newslist ul li .news_more h3 span{float:right;}
@media screen and (max-width:768px) {
.newslist ul{margin-top:10px;}
.newslist ul li{width:100%;  padding:20px;}
.newslist ul li:not(:nth-of-type(3n)){margin-right:0;}
.newslist ul li:nth-child(n+2){margin-top:4%;}
.newslist ul li .news_title h3{font-size:16px; height:auto; margin-bottom:5px;}
}

.news_time{position:absolute; top:0; left:0; width:70px; height:70px; background:#ff6600; text-align:center; padding:15px 0; box-sizing:border-box;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; z-index:3;}
.news_time .p1{line-height:24px; height:20px; color:#fff;}
.news_time .p2{line-height:24px; height:20px; color:#fff; font-size:18px;}


/*新闻详情页*/
.newsshow{line-height:32px;overflow:hidden; box-sizing:border-box; padding:50px; background:#fff; box-shadow:0 0 8px 0 #ddd;}
.news_xxjs{line-height:32px!important; word-break:break-word!important; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:32px!important;}
.news_xxjs table{width:100%;}
.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; height:auto;}

.news_title{text-align:left;}
.news_title h1{font-size:36px; margin-bottom:15px; border-bottom:1px #ddd dotted; padding-bottom:15px; line-height:1.2; font-weight:700; color:#263248;}
.news_title h1 span{ float:right;}

.pubdate{line-height:16px; margin:0 0 20px 0; overflow:hidden; color:#999999;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
@media screen and (max-width: 768px) {
.newsshow{line-height:24px; padding:0px; box-shadow:none;}
.news_xxjs{line-height:24px!important;}
.news_xxjs p,.news_xxjs span{line-height:24px!important;}

.news_title h1{font-size:24px; line-height:28px;}
.news_title h1 span{ float:right; display:none;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
}


/*相关资讯*/
.Information{overflow:hidden;margin:40px 0 0 0; background:#f8f8f8;}
.Information h4{padding-left:10px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.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;}



/*contact us*/
.contact_end{position:relative; padding:60px 0; box-sizing:border-box; overflow:hidden;}
.contact_end_left{width:100%;}
.contact_end_left h2{font-size:36px; font-weight:700; text-transform:uppercase; box-sizing:border-box; position:relative; text-align:center;}
.contact_end_left h2 p{width:8px; height:8px; background:#ff6600; display:inline-block; margin-left:5px;}
.contact_end_left_txt{line-height:28px; text-align:center;}
@media screen and (max-width: 768px) {
.contact_end{padding:40px 0;}
.contact_end_left{width:100%;}
.contact_end_left h2{font-size:24px; padding-right:20px;}
.contact_end_left h2 p{width:8px; height:8px; background:#ff6600; display:inline-block; margin-left:5px;}
.contact_end_left_txt{line-height:24px; padding-top:10px;}
}


/*contact us*/
.contact{overflow:hidden; margin:50px 0 0 0;}
.contact h2{color:#1a3a83;font-size:20px; margin-bottom:8px; padding-bottom: 8px; border-bottom: 1px #ddd dotted; font-weight: 700; text-transform: uppercase;}
.contact ul{overflow:hidden; letter-spacing:-8px;}
.contact ul li{display:inline-block; vertical-align:top; letter-spacing:normal;  border:1px #ddd solid; box-sizing:border-box; text-align:center; padding:2%; background:#fafafa;}
.contact ul li:nth-child(1){width:47.5%; margin-right:5%; margin-bottom:3%;}
.contact ul li:nth-child(2){width:47.5%; margin-bottom:3%;}
.contact ul li:nth-child(3){width:31.33%;margin-right:3%;}
.contact ul li:nth-child(4){width:31.33%;margin-right:3%;}
.contact ul li:nth-child(5){width:31.33%;}
.contact ul li h3{ width:20px; height:3px; background:#ff6600; display:block; margin:0 auto 25px;}
.contact ul li img{width:40px; display:inline-block; padding:25px; border-radius:100%; background:#fff; border:1px #ddd solid; box-shadow:0 0 8px 0 #e8e8e8; margin-bottom:15px;}
.contact ul li p{line-height:24px; text-align:center;}
.contact ul li p b{ display:block; font-size:18px; text-transform:uppercase; margin-bottom:15px; font-weight:700; }
.contact ul li .contact_txt{padding:10px; line-height:22px;}
@media screen and (max-width: 768px) {
.contact{padding:0; margin:20px 0 0 0;}
.contact h2{font-size:18px; margin-bottom:5px; padding-bottom:5px;}
.contact ul li{padding:10%;}
.contact ul li:nth-child(1){width:100%; margin-right:0; margin-bottom:3%;}
.contact ul li:nth-child(2){width:100%; margin-bottom:3%;}
.contact ul li:nth-child(3){width:100%; margin-right:0;margin-bottom:3%;}
.contact ul li:nth-child(4){width:100%; margin-right:0;margin-bottom:3%;}
.contact ul li:nth-child(5){width:100%; margin-right:0;margin-bottom:3%;}
.contact ul li:nth-child(6){width:100%;}
.contact ul li p{font-size:13px;}
.contact ul li p b{ margin-bottom:5px; font-size:18px;}
.contact ul li h3{margin:0 auto 15px;}
}



/*项目案例总页*/
.projects{width:100%; padding:20px; box-sizing:border-box; background:#f5f5f5; border:1px #ddd solid;}
.projects_title{font-size:24px; text-align:left; font-weight:700; margin-bottom:10px; margin-top:80px;}
.projects .ptxt{padding:0 50px;}
.projectsul{overflow:hidden; letter-spacing:-8px; box-sizing:border-box;}
.projectsul li{overflow:hidden; width:18.4%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block;}
.projectsul li:not(:nth-of-type(5n)){ margin-right:2%;}
.projectsul li:nth-child(n+6){margin-top:2%;}
.projectsul li .imgbox{ position:relative;}
.projectsul li .imgbox img{ width:100%;}
.projecttitle{position:absolute; height:50px; line-height:50px; width:100%; bottom:0; text-align:center; font-size:16px; background:rgb(0,0,0,0.6); color:#fff; z-index:2; text-transform:uppercase; font-weight:700;}
.projects_info{padding:15px;box-sizing:border-box; background:#f5f5f5; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;outline:none;  border:1px #ddd solid;}
.projects_info_txt{line-height:28px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
@media screen and (max-width: 768px){
.projects{padding:20px 0;}
.projects_title{font-size:18px; margin-top:40px;}
.projects .ptxt{padding:0;}
.projectsul{padding:0px; box-shadow:none; margin-top:0px;}
.projectsul li{width:47.5%;}
.projectsul li:not(:nth-of-type(5n)){ margin-right:0;}
.projectsul li:not(:nth-of-type(2n)){ margin-right:5%;}
.projectsul li:nth-child(n+3){margin-top:5%;}
.projects_info{padding:10px;}
.projects_info_txt{line-height:24px;}
}


/*项目列表*/
.project_list{width:100%; padding:80px 0; overflow:hidden;}
.project_list h2{font-size:32px; text-align:center; font-weight:700; margin-bottom:10px;}
.project_list h3{font-size:14px; text-align:center; line-height:28px; margin-bottom:30px;}

.proul{overflow:hidden; letter-spacing:-8px; padding:45px; background:#fff; box-shadow:0 0 8px 0 #ddd; margin-top:20px; box-sizing:border-box;}
.proul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block;}
.proul li:not(:nth-of-type(3n)){ margin-right:3%;}
.proul li:nth-child(n+4){margin-top:3%;}
.proul li .imgbox{ position:relative;}
.proul li .imgbox img{ width:100%;}
.pro_info{position:absolute; height:50px; line-height:50px; width:100%; bottom:0; text-align:center; font-size:16px; background:rgb(0,0,0,0.6); color:#fff; z-index:2;}

@media screen and (max-width: 768px) {
.project_list{padding:20px 0;}
.project_list h2{font-size:24px;}
.project_list h3{font-size:14px; line-height:24px; margin-bottom:20px;}

.proul{padding:0; box-shadow:none; margin-top:20px;}
.proul li{width:100%;}
.proul li:not(:nth-of-type(3n)){ margin-right:0;}
.proul li:nth-child(n+2){margin-top:5%;}
.pro_info{font-size:14px;}
}



/*项目详情页*/
.project_list_left{float:left; width:75%; margin-right:3%;}
.project_list_right{float:right; width:22%;}
.project_list_right .ptitle{background:#3f3f3f; text-align:left; font-size:24px; padding:18px 20px; font-weight:700; text-transform:uppercase; color:#fff; }
.project_list_rightul{background:#f5f5f5; padding:0 20px 20px 20px; position:relative;}
.project_list_rightul li{line-height:24px; border-bottom:1px rgb(0,0,0,0.1) dotted; text-align:left; position:relative; padding:20px 0 20px 20px; font-size:16px; background:url(../images/weizhi_right.png) left center no-repeat;}
.project_list_rightul li:hover a{color:#ff6600;}

#projecton{line-height:24px; color:#ff6600;}
#projecton a{color:#ff6600;}
#projecton a:hover{color:#ff6600; text-decoration:underline;}
@media screen and (max-width: 768px) {
.project_list_left{float:none; width:100%; margin-right:0;}
.project_list_right{display:none;}
}

.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:24px;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:16px; line-height:24px;}
@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:#f4b200 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; border:10px solid #ffffff; position:fixed; left:50%; top:50%; margin-left:-160px; margin-top:-120px; z-index:100; width:320px; height:240px; }
.videolist {}
}