/* 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:#0793E0; noOutline:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
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: "Open-Sans";
src:
url('../fonts/Open-Sans.ttf') format('truetype'),
url('../fonts/Open-Sans.woff') format('woff'),
url('../fonts/Open-Sans.otf') format('otf');
font-weight: normal;
font-style: normal;
}


body {font-size:14px; color:#222222; font-family:"Open-Sans", 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:1450px;}
@media screen and (max-width:768px) {
body {font-size:13px;}
.main {width:92%;}
}


.header {position:fixed; width:100%; z-index:9; background:rgb(0,0,0,0.4); top:0; left:0;}
.header-bg {background-color:rgba(0,0,0,0.95);}

.header_top{overflow:hidden;}
.left_logo{float:left; min-width:256px; overflow:hidden;}
.left_logo img{margin:8% 0 0 0; float:left;  -webkit-filter:brightness(0) invert(1); filter: brightness(0) invert(1);}

.header_right{width:calc(100% - 256px); text-align:left; float:right;}
.header_nav{width:60%;  float:left;}
.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-size:16px;  padding-left:7%; font-weight:700;}
.header_nav ul li a{color:#fff;}
.header_nav ul li:hover a{color:#0793E0;}
.header_nav ul li img{vertical-align:middle; margin-top:34px; width:33px; height:22px;}

.lang{width:40%; float:right;}
.lang ul li{position:relative; float:right; text-align:center; line-height:90px; height:90px; box-sizing:border-box; color:#fff; font-size:16px;  padding-left:4%;}
.lang ul li a{color:#fff;}
.lang ul li:hover a{color:#0793E0;}
.lang ul li img{vertical-align:middle; margin-top:34px; width:33px; height:22px; display:block;}


/*下拉菜单*/
.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:1450px; overflow:hidden; position:relative; margin:0 auto; padding:2%; box-sizing:border-box;}
.nav_about_left{width:50%; 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:50%; float:right; padding-top:20px; padding-right:10%; box-sizing:border-box;}
.nav_about ul li{letter-spacing:normal; vertical-align:top; display:block; box-sizing:border-box; padding:8px 18px; width:50%; text-align:center; float:left;}
.nav_about ul li:nth-child(n+3){margin-top:2%;}
.nav_about ul li img{width:auto; display:block; margin:0 auto;}
.nav_about ul li p{font-size:18px; font-weight:700; margin-top:10px;}

/*product*/
.nav_product{width:100%; max-width:1450px; overflow:hidden; position:relative; margin:0 auto; padding:2%; box-sizing:border-box;}
.nav_product ul{letter-spacing:-8px; overflow:hidden; text-align:left; float:left; width:100%;}
.nav_product ul li{letter-spacing:normal; vertical-align:top; display:inline-block; width:22.333%; box-sizing:border-box; padding:8px 18px;}
.nav_product ul li:not(:nth-of-type(4n)){ margin-right:3%;}
.nav_product ul li:nth-child(n+4){margin-top:0%;}
.nav_product ul li h2{ font-size:18px; font-weight:700; margin-bottom:5px;}
.nav_product ul li p{padding:5px 0 5px 0;}




.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(255,255,255,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:13px; line-height:20px; text-transform:uppercase;}
.m-header-logo h2 b{display:block; font-size:18px; color:#333; font-weight:700;}

.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:#0793E0; 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,#0793E0, #0793E0); 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:16px; 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:14px; color:#fff; line-height:45px; text-align:left; padding-left:30px; opacity:0.9;}
.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;}
.banner img{width:100%; display:block;}
#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:600px; 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:#0793E0;}
.slide-txt1 .p2 {font-size:20px; line-height:32px;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:#0793E0; border:1px #0793E0 solid;}
.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:#0793E0; border:1px #0793E0 solid;}
.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:20px; margin-bottom:20px; display:none;}

.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; border-radius:5px;}
.imgbox img {width:100%; 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:-3px; right:0; height:4px; width:40px; background-color:#0793E0; 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:28px;}
}

.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:#0793E0; border-radius:5px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border:1px #fff solid;}
.more a{ color:#FFF}
.more:hover{color:#fff; background:#0793E0;}
.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 20px; font-size:14px;}
.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:#f9f9f9;}

.mod1_box{width:100%; overflow:hidden; margin-bottom:80px;}
.mod1_box:last-child{margin-bottom:0;}
.mod1_box h2{font-size:36px; font-weight:900; text-transform:uppercase;}
.mod1_box h2 span{font-size:18px; margin-left:5px;}
.mod1_box_txt{font-size:13px; line-height:20px; color:#666666;}
.ptitle{font-size:16px; font-weight:700; margin-bottom:20px;}

.mod1_box_ul1{overflow:hidden;letter-spacing:-8px; margin-top:25px;display:flex; align-items:stretch;}
.mod1_box_ul1 li{width:18.4%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; border-radius:5px; text-align:center; padding:20px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border:1px #efefef solid; background:#ffffff;}
.mod1_box_ul1 li:not(:nth-of-type(5n)){margin-right:2%;}
.mod1_box_ul1 li:nth-child(n+6){margin-top:2%;}
.mod1_box_ul1 li:hover{border:1px #0793E0 solid;}

.mod1_box_ul2{overflow:hidden;letter-spacing:-8px; margin-top:25px;  display:flex; align-items:stretch;}
.mod1_box_ul2 li{overflow:hidden; width:26.33%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; border-radius:5px; border:1px #efefef solid; text-align:center; padding:20px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; background:#ffffff;}
.mod1_box_ul2 li:hover{border:1px #0793E0 solid;}
.mod1_box_ul2 li:not(:nth-of-type(3n)){margin-right:3%;}
.mod1_box_ul2 li:nth-child(n+4){margin-top:3%;}
.mod1_box_ul2 li .imgbox{max-height:270px;}
.mod1_box_ul2 li .imgbox img{width:80%; margin:0 auto;}
.mod1_box_ul2 li:nth-child(1){width:41.33%;}
.mod1_box_ul2 li:nth-child(1) img{margin-top:-70px;}

.mod1_box_ul3{overflow:hidden;letter-spacing:-8px; margin-top:25px;  display:flex; align-items:stretch;}
.mod1_box_ul3 li{overflow:hidden; width:26.33%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; border-radius:5px; border:1px #efefef solid; text-align:center; padding:20px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; background:#ffffff;}
.mod1_box_ul3 li:hover{border:1px #0793E0 solid;}
.mod1_box_ul3 li:not(:nth-of-type(3n)){margin-right:3%;}
.mod1_box_ul3 li:nth-child(n+4){margin-top:3%;}
.mod1_box_ul3 li .imgbox{max-height:270px;}
.mod1_box_ul3 li .imgbox img{width:80%; margin:0 auto;}
.mod1_box_ul3 li:nth-child(1){width:41.33%;}
.mod1_box_ul3 li:nth-child(1) img{margin-top:-20px; width:60%;}


@media screen and (max-width:768px) {
.mod1{padding:40px 0;}

.mod1_box{margin-bottom:50px;}
.mod1_box:last-child{margin-bottom:0;}
.mod1_box h2{font-size:24px;}
.mod1_box h2 span{font-size:13px; display:none;}
.mod1_box_txt{font-size:13px; line-height:18px;}
.ptitle{font-size:14px; margin-bottom:0px; line-height:16px; height:48px; overflow:hidden;}


.mod1_box_ul1{margin-top:10px;display:block;}
.mod1_box_ul1 li{width:32%; padding:10px;}
.mod1_box_ul1 li:not(:nth-of-type(5n)){margin-right:0;}
.mod1_box_ul1 li:not(:nth-of-type(3n)){margin-right:2%;}
.mod1_box_ul1 li:nth-child(n+4){margin-top:2%;}

.mod1_box_ul2{margin-top:10px; display:block;}
.mod1_box_ul2 li{width:32%; padding:10px;}
.mod1_box_ul2 li:not(:nth-of-type(3n)){margin-right:2%;}
.mod1_box_ul2 li:nth-child(n+4){margin-top:2%;}
.mod1_box_ul2 li .imgbox{max-height:auto;}
.mod1_box_ul2 li .imgbox img{width:100%; margin:0 auto;}
.mod1_box_ul2 li:nth-child(1){width:32%;}
.mod1_box_ul2 li:nth-child(1) img{margin-top:0;}

.mod1_box_ul3{margin-top:10px; display:block;}
.mod1_box_ul3 li{width:32%; padding:10px;}
.mod1_box_ul3 li:not(:nth-of-type(3n)){margin-right:2%;}
.mod1_box_ul3 li:nth-child(n+4){margin-top:2%;}
.mod1_box_ul3 li .imgbox{max-height:auto;}
.mod1_box_ul3 li .imgbox img{width:100%; margin:0 auto;}
.mod1_box_ul3 li:nth-child(1){width:32%;}
.mod1_box_ul3 li:nth-child(1) img{margin-top:0;}
}



.mod2{box-sizing:border-box; position:relative; padding:90px 0; overflow:hidden; background:#ffffff;}
.mod2_box_txt{line-height:26px; text-align:center;}

.mod2 ul{overflow:hidden; width:90%; letter-spacing:-8px; display:flex; align-items:stretch; margin:20px auto 0;}
.mod2 ul li{letter-spacing:normal; vertical-align:top; width:48.5%; 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; position:relative; overflow:hidden;}
.mod2 ul li:not(:nth-of-type(2n)){margin-right:3%;}
.mod2 ul li .imgbox{background:#000000;}
.mod2 ul li .imgbox img{opacity:0.7;}
.mod2_title{position:absolute; color:#fff; top:50%; transform:translateY(-50%); width:260px; left:50%; margin-left:-130px; box-sizing:border-box; font-size:20px; font-weight:700; border:1px rgb(255,255,255,0.4) solid; padding:10px 20px; z-index:2; text-transform:uppercase; letter-spacing:1px;}

@media screen and (max-width:768px) {
.mod2{padding:40px 0;}
.mod2_box_txt{line-height:20px;}

.mod2 ul{width:90%; display:block; margin:10px auto 0;}
.mod2 ul li{width:100%;}
.mod2 ul li:not(:nth-of-type(2n)){margin-right:0;}
.mod2 ul li:nth-child(n+2){margin-top:8%;}
.mod2_title{width:200px; left:50%; margin-left:-100px; font-size:16px;}
}




/***mod3***/
.mod3{position:relative; padding:90px 0; overflow:hidden; background:url(../images/idea_bg.jpg) center center no-repeat; background-size:cover; color:#ffffff; text-align:center;}
.mod3_title{font-size:36px; line-height:36px; font-weight:700; text-transform:uppercase; position:relative;}
.mod3_title_txt{line-height:28px; -webkit-line-clamp:6; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; padding:0 150px; box-sizing:border-box; margin-top:15px;}
@media screen and (max-width:768px){
.mod3{padding:40px 0;}
.mod3_title{font-size:24px; line-height:28px;}
.mod3_title_txt{line-height:20px; padding:0 20px; margin-top:15px;}
}



/***mod4***/
.mod4{position:relative; background:#f9f9f9; overflow:hidden; padding:90px 0;}
.mod4 ul{letter-spacing:-8px; display:flex; align-items: stretch;}
.mod4 ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:48.5%; -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:50px; border-radius:5px;}
.mod4 ul li:not(:nth-of-type(2n)){margin-right:3%;}
.mod4 ul li:nth-child(1){width:50%;}
.mod4 ul li:nth-child(2){width:50%; background:#f9f9f9; color:#000000;}
.mod4 ul li:nth-child(2) .imgbox{ width:33%;}
.mod4 ul li:nth-child(2) .mod4_box{float:none; width:100%;}

.mod4 ul li .imgbox{width:33%; float:left; margin-right:15px;}
.mod4 ul li .mod4_box{float:right; width: calc(100% - 37%);}
.mod4 ul li h2{font-size:18px; font-weight:700; margin-bottom:10px;-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:28px;}
.mod4 ul li .mod4_txt{display:inline-block; margin-top:10px; color:#666666; line-height:24px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
@media screen and (max-width:768px) {
.mod4{padding:40px 0;}
.mod4 ul{display:block;}
.mod4 ul li{width:100%; padding:20px;}
.mod4 ul li:not(:nth-of-type(2n)){margin-right:0;}
.mod4 ul li:nth-child(1){width:100%;}
.mod4 ul li:nth-child(2){width:100%; margin-top:5%;}

.mod4 ul li .imgbox{width:100%; float:none; margin-right:0; margin-bottom:10px;}
.mod4 ul li .mod4_box{float:none; width:100%;}
.mod4 ul li h2{font-size:16px; margin-bottom:5px; line-height:24px;}
.mod4 ul li .mod4_txt{margin-top:10px; line-height:20px;}
}



/***mod5***/
.mod5{position:relative; overflow:hidden;}
.mod5 .vbg{position:relative; height:520px; overflow:hidden;}
.mod5 .main{width:1000px; background:rgb(255,255,255,0.95); border-radius:5px; display:flex; align-items:stretch; padding:50px; box-sizing:border-box; position:absolute; left:50%; margin-left:-500px;top:50%; transform:translateY(-50%); z-index:2;}
.mod5_left{width:40%; margin-right:5%; float:left;}
.mod5_left h2{ font-size:24px; font-weight:700; text-transform:uppercase; margin-bottom:10px;}
.mod5_left_txt{line-height:28px;}
.mod5_left_txt a{font-weight:700; font-size:18px;}
.mod5_right{width:55%; float:right;}
@media screen and (max-width:768px){
.mod5{}
.mod5 .vbg{height:600px;}
.mod5 .main{width:90%;display:block; padding:20px; left:5%; margin-left:0px;}
.mod5_left{width:100%; margin-right:0; float:none;}
.mod5_left h2{ font-size:18px; margin-bottom:10px;}
.mod5_left_txt{line-height:24px;}
.mod5_right{width:100%; float:none; margin-top:5%;}

}


/*msn*/
.guestbook2{width:100%; margin:0px auto;}
.guestbook2 ul{ overflow:hidden;} 
.guestbook2 ul li{width:100%; overflow:hidden; margin-bottom:15px;}
.guestbook2 ul li:last-child{ margin-bottom:0;}

.box22 {width:100%; border:1px #ddd solid; line-height:35px; padding:5px 20px; box-sizing:border-box; background:#ffffff; border-radius:5px; float:left;}
.box22_left{margin-right:3%;}

.box33 {width:100%; height:90px; line-height:24px; padding:5px 20px; font-family:"NotoSans-Regular", Arial, Helvetica, sans-serif; box-sizing:border-box; background:#ffffff; border-radius:5px; border:1px #ddd solid;}

.sub_gestbook2 {background-color:#0793E0; border:none;width:100%; height:50px; line-height:50px; color:#fff; font-size:18px; 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;}
.sub_gestbook2:hover{ background:#ff6600;}
@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0px 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:10px auto 0;}
}



/***footer***/
.footer {position:relative; background:#202020; padding:90px 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:0 5% 0 0; box-sizing:border-box;}

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

.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:20px; padding-left:35px; line-height:24px; background-repeat:no-repeat; background-size:25px; background-position:top left; opacity:0.7;}
.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_tel.svg);}
.footer_contact dd:nth-child(3) {background-image:url(../images/ico_fax.svg);}
.footer_contact dd:nth-child(4) {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:0 0 0 0; box-sizing:border-box;}
.footer_right div:last-child{width:18%;}

.footer_nav {overflow:hidden; float:left; width:27.33%; 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 h2 a{color:#ffffff;}
.footer_nav h2 a:hover{color:#ffffff; text-decoration:underline;}
.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;}
.footer_nav ul li p a{color:#fff;}
.footer_nav ul li p:hover a{color:#0793E0;}
.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:70px; 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; box-sizing:border-box; padding:0 5% 15px 5%;}
.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 5%;}
.footer_right div:last-child{width:100%;}
.footer_nav {overflow:hidden; float:none; width:100%; padding:0; box-sizing:border-box; margin-top:15px;}
.footer_nav h2{font-size:16px; margin-bottom:10px; text-transform:uppercase; font-weight:700;}
.footer_nav ul li p{margin-bottom:10px; font-size:13px;}
.footer-copyright {margin-top:20px; height:auto; line-height:18px; font-size:13px; padding:10px;}
}




/************内页banner*************/
.ban {margin:0 auto; width:100%;position: relative; display:none;}
.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:60px; 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:16px; line-height:20px; background:rgb(0,0,0,0.3); padding:10px 20px; box-sizing:border-box; width:fit-content; float:right; border-radius:5px;}
/*.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:24px;}
/*.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:90px auto 0; background:#e5e5e5; padding-bottom:8px; padding-top:5px;}
#weizhi2{width:100%; margin:90px auto 0; background:#e5e5e5;padding-bottom:8px; padding-top:5px;}
.weizhi{width:95%; max-width:1450px; margin:0 auto;line-height:25px; padding:5px 0 5px 30px; background:url(../images/weizhi_home.png) left center no-repeat; box-sizing:border-box; color:#40455e; font-size:15px;}
.weizhi a{color:#40455e;}
.weizhi a:hover{color:#0793E0;}
.span_right{float:right;}
.span_list{height:18px; line-height:18px; background:url(../images/weizhi_right.png) right center no-repeat; padding-right:20px; margin-right:10px; padding-bottom:5px; display:inline-block;}
.span_list2{height:18px; line-height:18px; background:url(../images/weizhi_right2.png) right center no-repeat; padding-right:20px; margin-right:10px; padding-bottom:2px; position:relative; display:inline-block;}
@media screen and (max-width:768px) {
#weizhi{margin:45px auto 0;}
#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:1450px; padding:50px 10px; overflow:hidden;}
@media screen and (max-width:768px) {
.wrap {padding:20px 0; width:100%;}
.lymain {width:92%; margin:0 auto; padding:0px; box-sizing:border-box;}
}

#onsec {color:#0793E0;}
#onsec a{color:#0793E0;}
.margintop20{ margin-top:30px;}
.margintop50{ margin-top:50px;}
.margintop100{ margin-top:100px;}
@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:-3px; right:0; height:4px; width:40px; background-color:#0793E0; left:50%; margin-left:-20px;}
.about_top{overflow:hidden; display:flex; align-items:stretch;}
.about_mod1_left{float:left; width:50%;box-sizing:border-box;background:#f9f9f9;}
.about_mod1_right{float:right; width:50%; position:relative;background:#f9f9f9;}
.about_mod1_txt{line-height:30px; padding:60px; box-sizing:border-box;}
.about_mod1_pic{width:100%; box-sizing:border-box;}
.about_mod1_pic img{ width:100%; display:block;}
@media screen and (max-width: 768px){
.about_mod1{padding:30px 0;}
.about_mod1 .htitle{margin-bottom:0px;}
.about_top{overflow:hidden; display:block;}
.about_mod1_left{float:none; width:100%; padding-right:0;}
.about_mod1_txt {line-height:24px; padding:20px;}
.about_mod1_right{float:none; width:100%;}
.about_mod1_pic{width:100%; box-sizing:border-box;}
}


.about_mod2{padding:90px 0; width:100%; display:inline-block; background:#f9f9f9;}
.about_mod2 .htitle{ margin-bottom:20px;}
.about_mod2 .htitle h2{ color:#000;}
.about_mod2 .htitle_txt h3{background:none; margin:10px 0;}
.about_mod2 .htitle_txt h3:after {content: ''; position:absolute; top:-3px; right:0; height:4px; width:40px; background-color:#0793E0; left:50%; margin-left:-20px;}
.about_mod2 .ptxt{line-height:28px; text-align:center; color:#000;}
@media screen and (max-width:768px) {
.about_mod2{padding:30px 0;}
.about_mod2 .htitle{ margin-bottom:0px;}
.about_mod2 .ptxt{line-height:20px;}
}


/*workshop*/
.about_mod3{width:100%; display:inline-block; padding:90px 0;}
.about_mod3 ul{overflow:hidden; letter-spacing:-8px; width:100%; margin-top:20px;}
.about_mod3 ul li{display:inline-block; vertical-align:top; letter-spacing:normal; box-sizing:border-box; text-align:center; width:23.5%;}
.about_mod3 ul li:not(:nth-of-type(4n)){margin-right:2%;}
.about_mod3 ul li:nth-child(n+5){margin-top:2%;}
@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{margin-top:0px;}
.about_mod3 ul li{width:47.5%;}
.about_mod3 ul li:not(:nth-of-type(4n)){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%;}
}

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


/*aboutuv*/
.aboutuv{padding:90px 0; width:100%; display:inline-block; background:#ffffff;}
.aboutuv .htitle{ margin-bottom:20px;}
.aboutuv .htitle_txt h3{background:none; margin:10px 0;}
.aboutuv .htitle_txt h3:after {content: ''; position:absolute; top:-3px; right:0; height:4px; width:40px; background-color:#0793E0; left:50%; margin-left:-20px;}
.aboutuv_txt {line-height:28px;}
.aboutuv_txt img{width:auto; max-width:100%;}
@media screen and (max-width: 768px){
.aboutuv{padding:40px 0;}
.aboutuv .htitle{margin-bottom:0px;}
.aboutuv_txt {line-height:24px;}
}






/*product*/
.prodcate_list{margin-top:20px;}
.prodcate_list ul{letter-spacing:-8px;}
.prodcate_list ul li{letter-spacing:normal; vertical-align:top; width:100%; box-sizing:border-box; position:relative;display:inline-block; background:#fff; border-radius:5px;}
.prodcate_list ul li:nth-child(n+2){margin-top:6%;}

.prodcate_list_txt{font-size:14px; padding:3%; line-height:20px;box-sizing:border-box; overflow:hidden; border:1px #efefef solid; border-radius:5px; background:#f9f9f9;}
.prodcate_list_txt h2{ font-size:36px; line-height:40px; font-weight:700; margin-bottom:10px;}
.prodcate_list_txt .ptxt{overflow:hidden; padding-bottom:10px; border-bottom:1px #efefef solid; margin-bottom:10px; line-height:28px!important;}
.prodcate_list_txt .ptxt a{color:#315191;}
.prodcate_list_txt .ptxt a:hover{color:#0793E0;}
.prodcate_list_txt .ptxt table{width:100%;}
.prodcate_list_txt .ptxt td{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt td p,.prodcate_list_txt .ptxt td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt th{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt th p,.prodcate_list_txt .ptxt th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt .more{color:#fff;}
.prodcate_list_txt .ptxt .more:hover{color:#fff;}

.prodcate_list_prod{text-align:left; margin-top:10px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-right:2%; box-sizing:border-box; float:left; background:url(../images/weizhi_right.png) left center no-repeat; padding-left:18px; width:23%; height:30px; line-height:28px; overflow:hidden; font-weight:700;}

@media screen and (max-width:768px) {
.prodcate_list{ margin-top:0px;}
.prodcate_list ul li{width:100%;}
.prodcate_list ul li:nth-child(n+2){margin-top:5%;}
.prodcate_list_txt{padding:5%;}
.prodcate_list_txt h2{font-size:24px; margin-bottom:10px; line-height:24px;}
.prodcate_list_txt .ptxt{line-height:24px!important; font-size:13px;}
.prodcate_list_txt .ptxt table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; margin-bottom:5px; padding-bottom:10px; border:1px #ddd solid;}
.prodcate_list_prod{margin-right:0; width:100%;}
}



/*产品型号列表*/
.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; margin-top:30px;}
.productlistul li{letter-spacing:normal; vertical-align:top; position: relative; width:23.5%; display:inline-block; box-sizing:border-box; border-radius:5px; overflow:hidden; border:1px #efefef solid;}
.productlistul li:not(:nth-of-type(4n)){ margin-right:2%;}
.productlistul li:nth-child(n+5){margin-top:2%;}
.productlistul li .div_txt{line-height:24px; font-size:14px; padding:20px; box-sizing:border-box;}
.productlistul li .div_txt h2{font-size:14px; line-height:24px; height:96px; overflow:hidden; text-align:center;}
.newtag{position:absolute; top:0; right:0; z-index:2;}
.newtag img{width:50px;}

@media screen and (max-width:768px) {
.productlist{}
.productlist h3{font-size:24px; margin-bottom:10px; line-height:24px;}
.lartxt{line-height:24px; margin-bottom:15px;}

.productlistul li{width:48.5%;}
.productlistul li:not(:nth-of-type(4n)){ margin-right:0;}
.productlistul li:not(:nth-of-type(2n)){ margin-right:3%;}
.productlistul li:nth-child(n+3){margin-top:3%;}
.productlistul li .div_txt{line-height:18px; font-size:14px; padding:5px; box-sizing:border-box;}
.productlistul li .div_txt h2{font-size:13px; line-height:20px; height:auto;}
}


.productlist_more{line-height:45px; background-color:#444444; color:#fff; text-align:center; border-radius:50px; cursor:pointer; padding:0 25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; width:48.5%; float:left; font-size:18px;}
.productlist_more:hover {background-color:#0793E0;}

.productlist_more2{line-height:45px; background-color:#ff6600;  color:#fff; text-align:center; border-radius:50px; cursor:pointer; padding:0 25px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; width:48.5%; float:right; font-size:18px;}
.productlist_more2:hover {background-color:#0793E0;}

.productlist_more_right{ margin-right:3%;}
@media screen and (max-width:768px) {
.productlist_more{margin:10px 0 0 0; padding:0 20px;display:inline-block; font-size:14px; height:40px; line-height:40px; width:100%;}
.productlist_more2{margin:10px 0 0 0; padding:0 20px;display:inline-block; font-size:14px; height:40px; line-height:40px; width:100%;}
.productlist_more_right{ margin-right:10px;}
}

.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:#0793E0;}
@media screen and (max-width:768px) {
.prodmore{float:none; color:#fff; margin:20px 2% 0; width:46%; padding:0;}
}


/*产品详情右侧*/
.prod_details{width:100%; overflow:hidden;}
.prod_details_top{margin-bottom:50px; overflow:hidden;}
.prod_details_end{overflow:hidden; background:#f9f9f9;}
.prod_details_end h2{font-size:32px; line-height:60px; font-weight:700; background:#ffffff;}
.prod_details_end .news_xxjs{box-sizing:border-box; margin:70px;}
@media screen and (max-width:768px) {
.prod_details_top{margin-bottom:20px;}
.prod_details_end{background:#ffffff;}
.prod_details_end h2{font-size:18px; line-height:40px; padding-left:0px; text-align:left; margin-top:20px;}
.prod_details_end .news_xxjs{margin:0px;}
}


.product_right_top_left{width:500px; float:left;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left; overflow:hidden; box-sizing:border-box; width:18.4%; margin-right:2%}
.tb-thumb li:last-child{ margin:0;}
.tb-s310, .tb-s310 a{width:100%;}
.tb-s310, .tb-s310 img{max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{width:100%;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1; box-sizing:border-box;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:1px solid #0793E0;}
.tb-thumb li div{border:1px solid #CDCDCD; box-sizing:border-box;}
.tb-thumb li div img{width:100%; }
.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:500px;height:500px;background:#000;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
@media screen and (max-width: 768px) {
.product_right_top_left{width:100%; float:none;}
}


.product_right_top_right{float:right; width:calc(100% - 550px);}
.product_right_top_right h1{font-size:32px; padding-bottom:25px; font-weight:700; line-height:42px;}

.product_right_top_right_p{background:#f5f5f5;width:100%; overflow:hidden;}
.product_right_top_right_p ul{}
.product_right_top_right_p ul li{line-height:55px; border-bottom:1px #ddd solid; padding-left:47px;}
.product_right_top_right_p ul li b{ margin-right:10px;}
.product_right_top_right_p ul li:nth-child(1){ background:url(../images/ico_tel2.svg) 15px center no-repeat; background-size:24px;}
.product_right_top_right_p ul li:nth-child(2){ background:url(../images/ico_fax2.svg) 15px center no-repeat; background-size:24px;}
.product_right_top_right_p ul li:nth-child(3){ background:url(../images/ico_email2.svg) 15px center no-repeat; background-size:24px;}

.product_right_top_right_tags{line-height:28px; width:100%; overflow:hidden; margin-bottom:40px;}
.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:18px 35px; display:inline-block; color:#FFF;}
@media screen and (max-width: 768px) {
.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:24px;}
.product_right_top_right_tags{line-height:24px; margin-top:10px;}
.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:#0793E0;}
@media screen and (max-width:768px) {
.prodmore{float:left; color:#fff; margin:10px 0 0 0; width:100%; padding:0;}
}



#tab1{width:810px; overflow:hidden;}
#tab1 ul{overflow:hidden;border:1px #ddd solid; border-bottom:0;}
#tab1 li{float:left;height:50px;line-height:50px; text-align:center; cursor:pointer; font-size:16px; width:100%;box-sizing:border-box; font-weight:700; background:#f5f5f5; border-bottom:3px #0793E0 solid;}
#tab1 li:last-child{ border-right:0;}
#tab1 li.now{background:#0793E0; color:#fff;}

.tablist{overflow:hidden; display:none;}
.news_xxjs .tablist img{width:100%;}
.tablist h5{font-size:18px; margin-bottom:10px; font-weight:700; border:1px #ddd solid; padding:10px 15px; box-sizing:border-box; background:#f5f5f5;}
.prodbig{ font-size:24px; line-height:30px; font-weight:700; margin-bottom:10px;}
.h5top50{ margin-top:50px;}
.block{display:block; }
#tablist1{box-sizing:border-box; padding:30px; box-sizing:border-box; border:1px #ddd solid; border-top:0; width:810px;}
@media screen and (max-width:768px) {
.tablist h5{font-size:18px;}
.prodbig{ font-size:18px; line-height:26px;}
.h5top50{ margin-top:30px;}

#tab1 ul{overflow:hidden;border:1px #ddd solid; border-bottom:0;}
#tab1 li{height:40px;line-height:40px; font-size:12px; width:50%;border-bottom:1px #ddd solid;}
#tab1 li.now{border-bottom:3px #ff9600 solid; color:#fff;}
#tablist1{padding:15px;}
}

.ptitle2{box-sizing:border-box;}
.ptitle2 h3{height:60px; line-height:60px; display:inline-block; font-size:32px; width:100%; box-sizing:border-box; font-weight:700;}
.ptitle2margintop40{ margin-top:60px;}
.ptitle2marginbottom40{ margin-bottom:60px;}
@media screen and (max-width: 768px) {
.ptitle2 h3{height:20px; line-height:20px;font-size:18px;}
.ptitle2margintop40{ margin-top:40px;}
.ptitle2marginbottom40{ margin-bottom:40px;}
}


.prod_faq{width:100%; overflow:hidden; margin:20px 0;}
.prod_faq_title{font-size:16px; font-weight:700; padding-bottom:2px; border-bottom:1px #ddd dotted; margin-bottom:2px; color:#00a680; background:url(../images/point.png) left center no-repeat; padding-left:10px;}
.prod_faq_txt{line-height:24px;}


.relatedul{overflow:hidden; letter-spacing:-8px;}
.relatedul li{display:inline-block; overflow:hidden; width:22.75%; letter-spacing:normal; vertical-align:top; box-sizing:border-box; background:#FFF; border:1px #ddd solid;}
.relatedul li:not(:nth-of-type(4n)){ margin-right:3%;}
.relatedul li .imgbox{width:100%; float:none;}
.relatedul li .imgbox img{padding:0; display:block;}
.relatedul li p{text-align:center; padding:10px; line-height:20px!important;}
@media screen and (max-width: 768px) {
.relatedul{margin-top:15px;}
.relatedul li{width:47.5%;}
.relatedul li:not(:nth-of-type(4n)){ margin-right:0;}
.relatedul li:not(:nth-of-type(2n)){ margin-right:5%;}
.relatedul li:nth-child(n+3){margin-top:5%;}
.relatedul li p{line-height:20px!important;}
}




/*product*/
.lymain_left_prod{overflow:hidden;}
.lymain_left_prod h2{font-size:18px; font-weight:700; line-height:60px; background:#666666; padding-left:17px; color:#ffffff;}
.lymain_left_prod ul{background:#f2f2f2;}
.lymain_left_prod ul li{width:100%; border:1px #ddd solid; overflow:hidden;box-sizing:border-box; border-top:0;}
.lymain_left_prod ul li a{padding:14px; box-sizing:border-box; display:block; background:url(../images/point.png) 20px center no-repeat; padding-left:28px;font-size:16px; font-weight:700;}
.lymain_left_prod ul li ul li{border-bottom:1px #ddd solid!important; border-top:0!important; border-left:0!important; border-right:0!important;}
.lymain_left_prod ul li ul li:last-child{ border-bottom:0!important;}
.lymain_left_prod ul li ul li a{padding:14px; box-sizing:border-box; display:block; background:url(../images/point.png) 20px center no-repeat; padding-left:28px;font-size:14px; font-weight:normal;}

.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; border-top:1px #ddd solid;}
.lymain_left_prod ul li ul li{ border-bottom:0;}

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





/*新闻*/
.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:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:24px;}
.newslist ul li .ptxt{font-size:13px;line-height:24px;-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:14px; margin-bottom:5px;}
}

.news_time{position:absolute; top:0; left:0; width:70px; height:70px; background:#0793E0; 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:20px; height:20px; color:#fff;}
.news_time .p2{line-height:20px; height:20px; color:#fff; font-size:18px;}


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

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

.pubdate{line-height:16px; margin:0 0 20px 0; overflow:hidden; color:#999999; font-size:14px;}
.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!important; 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:90px 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:#0793E0; 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:#0793E0; display:inline-block; margin-left:5px;}
.contact_end_left_txt{line-height:20px; 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; width:19.75%; box-sizing:border-box; text-align:center;}
.contact ul li:not(:nth-of-type(4n)){ margin-right:3%;}
.contact ul li:nth-child(n+5){margin-top:3%;}
.contact ul li:first-child{width:31.75%;}
.contact ul li h3{ width:20px; height:3px; background:#0793E0; 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:20px; 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{width:47.5%;}
.contact ul li:not(:nth-of-type(4n)){ margin-right:0;}
.contact ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.contact ul li:nth-child(n+3){margin-top:15%;}
.contact ul li:first-child{width:47.5%;}
.contact ul li p{font-size:13px;}
.contact ul li p b{ margin-bottom:5px; font-size:14px;}
.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:right; width:75%; margin-left:3%;}
.project_list_right{float:left; 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:20px; 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:#ff9600;}

#projecton{line-height:20px; color:#ff9600;}
#projecton a{color:#ff9600;}
#projecton a:hover{color:#ff9600; text-decoration:underline;}
@media screen and (max-width: 768px) {
.project_list_left{float:none; width:100%; margin-left: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:#0793E0;}
.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{}
.masklayer{position:fixed; display:none; width:100%;height:100%; top:0px; left:0px;background-color:rgba(0, 0, 0, 0.6);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.6); box-sizing:border-box; padding:10%;}
.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:50%; top:50%; margin-left:-160px; margin-top:-120px; z-index:100; width:320px; height:240px; }
.videolist {}
}