@charset "utf-8";
.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1565083944143'); /* IE9 */
  src: url('iconfont.eot?t=1565083944143#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1565083944143') format('woff'),
  url('iconfont.ttf?t=1565083944143') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1565083944143#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-socialskype:before {
  content: "\e885";
}

.icon-arrow:before {
  content: "\e670";
}

.icon-yonghu:before {
  content: "\e741";
}

.icon-rectangle132-copy:before {
  content: "\e636";
}

.icon-mail11:before {
  content: "\e601";
}

.icon-dizhi:before {
  content: "\e9f8";
}

.icon-jishuguanli:before {
  content: "\e60b";
}

.icon-jishu:before {
  content: "\e627";
}

.icon-tubiao-:before {
  content: "\e631";
}

.icon-Fax:before {
  content: "\e68c";
}

.icon-linkedin:before {
  content: "\ee82";
}

.icon-gongchang:before {
  content: "\e600";
}

.icon-tel:before {
  content: "\e64a";
}

.iconfont:before{ display: inline-block; margin:0 auto; }

@font-face {
  font-family: 'BOLD';
  src: url('../fonts/POPPINS-BOLD.eot');
  src: local('☺'), url('../fonts/POPPINS-BOLD.woff') format('woff'), url('../fonts/POPPINS-BOLD.ttf') format('truetype'), url('../fonts/POPPINS-BOLD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MEDIUM';
  src: url('../fonts/POPPINS-MEDIUM.eot');
  src: local('☺'), url('../fonts/POPPINS-MEDIUM.woff') format('woff'), url('../fonts/POPPINS-MEDIUM.ttf') format('truetype'), url('../fonts/POPPINS-MEDIUM.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'REGULAR';
  src: url('../fonts/POPPINS-REGULAR.eot');
  src: local('☺'), url('../fonts/POPPINS-REGULAR.woff') format('woff'), url('../fonts/POPPINS-REGULAR.ttf') format('truetype'), url('../fonts/POPPINS-REGULAR.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LAYFAIRDISPLAY';
  src: url('../fonts/PLAYFAIRDISPLAY-BLACKITALIC-3.eot');
  src: local('☺'), url('../fonts/PLAYFAIRDISPLAY-BLACKITALIC-3.woff') format('woff'), url('../fonts/PLAYFAIRDISPLAY-BLACKITALIC-3.ttf') format('truetype'), url('../fonts/PLAYFAIRDISPLAY-BLACKITALIC-3.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:Arial, Helvetica, sans-serif; font-size: 14px; overflow-x: hidden; color: #333; font-family: REGULAR}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0; outline: none; font-family: REGULAR}

img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
/*table td{word-wrap:break-word;word-break:break-all;}*/

.warper{max-width:1200px; margin:0 auto;}
.container{width: 100%; padding:0; margin:0;}
.backToTop{width:48px; height:48px; background:#1583d1 url(../images/icon_top.png) no-repeat center; background-size:100%; z-index: 3; cursor:pointer; position:fixed; right:10px; text-indent:9999px; bottom:48px; color: #fff; border-radius:3px; transition: all .3s; z-index: 5;}
.backToTop:hover{opacity: .8}
body{padding-top: 100px;}
header{ height:100px; position: fixed; top:0; background: #ffffff; width: 100%; left: 0; z-index: 100; z-index: 3;}
.headtop{position: absolute; right: 0; top: 0}
.logo{ margin:15px 0; position: absolute; left:50%; margin-left: -600px; top: 0}
.logo a{display:block;}
#nav{ float: right; margin-right: 250px;}
nav {height: 80px;}
nav li{ display: inline-block; padding: 0 10px; float: left; position: relative; }
nav li:last-child:after{display: none;}
nav li>a{ display: block; vertical-align: middle; padding:0 15px; position: relative; font-size:16px; color: #222; overflow: hidden; line-height:100px; transition:0.5s; text-transform: uppercase; font-family: MEDIUM}
nav li>a:after{content: ""; width: 0; transition: all .3s; height:4px; background: #1583d1; position: absolute; bottom: 0; left: 0;}
nav li>a i.iconfont{display: inline-block; font-size: 26px; vertical-align: middle;}
nav li.on>a,nav li:hover>a{ color: #1583d1;}
nav li.on>a:after,nav li:hover>a:after{width: 100%}
nav dl{ position: absolute; background: #1583d1; display: block; width: 280px; top:100px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; }
nav dl a{ color: #fff; font-family: MEDIUM; display: block; text-align: left; padding: 13px 15px; border-bottom: 1px dashed rgba(255,255,255,.3);}
nav dl dd:hover>a{ background: #fff; color: #1583d1}
nav dl dd{position: relative;}
nav dl dd div{position: absolute; left: 100%; top: 0; background: #fff; width: 240px; display: none;} 
nav dl dd div a{color: #333}
nav dl dd div a:hover{color: #1583d1}
nav li:hover dl{ opacity: 1; left: 0;}
nav dl dd:hover div{display: block;}
.headright{position:absolute; left: 50%; margin-left:390px; height: 100px; line-height: 100px; background: #1583d1; width: 100%;}
.headright .media a{color: #fff; font-size: 26px; margin: 0 10px;}
.headright .media a:hover{opacity: .9}
#nav .nav-button{width: 35px;height: 35px;border-radius: 3px; position: absolute; color: #fff; right: 10px;top: 19px;line-height: 35px;text-align: center;font-size: 20px;display: none; cursor: pointer;}
#nav .nav-button i{font-size: 22px;}
.close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
.position{position: fixed;left: 0; top: 0; z-index: 99; box-shadow: 0 1px 5px 1px rgba(0,0,0,.07)}

.footer{ overflow: hidden; background:#111111; color: #fff; width: 100%;}
.footer .lcon,.footer .rcon{ width: 50%; float: left; overflow: hidden; }
.footer .lcon {background: url(../images/footbg.jpg) no-repeat left center; background-size: auto 103%}
.footer .lcon .item{float: right;background: #1583d1; width: 485px; padding: 60px 50px 80px 50px;}
.footer .rcon .item{ max-width: 600px; padding: 60px 0 60px 50px;}
.footer h4{font-size:46px; font-family: BOLD; font-style: italic; color: #fff; margin-bottom: 35px; }
.footer .rcon h4{font-family:LAYFAIRDISPLAY }
.footer a{color: #fff   ; }
.footer ul{overflow: hidden; margin-top: -10px;}
.footer li{ font-style: italic; line-height: 26px; margin-bottom: 12px; }
.footer li a:hover{color:#fff; text-decoration: underline;}
.footer li:last-child{font-size: 25px; margin-bottom: 0; font-family: LAYFAIRDISPLAY; margin-top:20px; line-height:50px;}
.footer button{height: 46px; width: 100%; border:0 ; background: #1583d1; cursor: pointer; border-radius: 30px; font-family: BOLD; font-style: italic; margin-top: 30px; color: #fff}
.footer input{ width: 49%; float: left; border:1px solid rgba(255,255,255,.2); background:none; color: #fff; line-height: 24px; padding:10px 15px; }
.footer input:nth-child(2){margin-left: 2%;}
.footer textarea{width: 100%; resize: none; border:1px solid rgba(255,255,255,.2); background:none; color: #fff; padding: 15px; line-height: 24px; margin-top: 20px;height: 100px;}
.copyright{text-align: center; line-height: 28px; background: #0d0d0d; padding:45px 10px; overflow: hidden;}
.copyright p{opacity: .4; font-style: italic;}
.footer a:hover{color: #1583d1;}
footer .media{ margin-bottom: 35px; }
footer .media a{width: 45px;  line-height:45px; display: inline-block; margin-right: 5px; color: #fff; text-align: center; font-size: 26px; border-radius: 50%}
footer .media a:hover{color:#fff;}
footer .media a.icon-tubiao-:hover,.sub_banner .media a.icon-tubiao-:hover{background: #3b5998; border-color: #3b5998}
footer .media a.icon-linkedin:hover,.sub_banner .media a.icon-linkedin:hover{background: #0b66c1; border-color: #0b66c1}
footer .media a.icon-socialskype:hover,.sub_banner .media a.icon-socialskype:hover{background: #00aff0; border-color: #00aff0}
footer .media a.icon-rectangle132-copy:hover,.sub_banner .media a.icon-rectangle132-copy:hover{background: #36465f; border-color: #36465f}

.youtubes {background: url(../images/Youtube-fill.png) no-repeat center;height:16px;width:26px;display:inline-block;}

.banner{z-index: 0; position: relative;}
.banner img{ width: 100%; display: block; }
.banner .owl-pagination{display: none;}
.banner .owl-controls{margin-top: 0}
.banner .owl-controls .owl-buttons div{width: 48px; height: 48px; background: #c0d242; background: url(../images/right.png) no-repeat center; border-radius: 0; text-indent: 9999px; overflow: hidden; transition: all .3s; background-size: 20px; margin: 0 2px; opacity: 1; position:absolute; right: 0; top: 50%; margin-top: -24px;}
.banner .owl-controls .owl-buttons div.owl-prev{transform: rotate(180deg);  left: 0}
.banner .owl-controls .owl-buttons div:hover{ background-color: #1583d1;}
/*版块标题*/
.row{overflow: hidden;}
.conbox{padding:100px 0;}
.hometit{margin-bottom:25px; position: relative;}
.hometit h2{font-size:48px; line-height: 44px; font-family: BOLD; font-style: italic; font-weight: 100;}

.advbox{overflow: hidden; background: url(../images/advnumbg.jpg) no-repeat center; background-size: cover; position: relative; z-index: 2}
.advbox ul{ overflow: hidden; text-align: center; color: #fff;}
.advbox li{width: 25%; float: left; padding:75px 30px;}
.advbox li h5{font-size:56px; font-family:BOLD; line-height: 56px; margin-bottom: 5px; font-weight: 100}

.aboutbox{overflow: hidden; position: relative;}
.aboutbox .row{width:66%; float: left; position: relative;}
.aboutbox .row .lcon{width: 400px; float: left; padding-top: 90px;}
.aboutbox .row .lcon img{display: block; width: 100%;}
.aboutbox .row .ccon{ margin-left: 400px; position: absolute; height: 100%; background: #1583d1; color: #fff; padding: 80px 35px 0 35px; }
.aboutbox .row .ccon h2{font-size: 36px; font-family:LAYFAIRDISPLAY ; margin-bottom: 50px;}
.aboutbox .row .ccon p{opacity: .6; line-height: 26px; height: 310px; overflow: hidden;}
.aboutbox .rcon{ position: absolute; right: 0; background: #ececec; width:39.9%; height: 100%; }
.aboutbox .rcon li{padding: 48px 0; transition: all .3s; }
.aboutbox .rcon li:nth-child(2){background: #fff;}
.aboutbox .rcon li div{padding-left: 35px; max-width: 400px;}
.aboutbox .rcon li p{ line-height: 26px; height: 78px; overflow: hidden; color: #666; transition: all .3s; }
.aboutbox .rcon li h4{font-size: 18px; text-transform: uppercase; margin-bottom: 12px; font-family: MEDIUM; font-weight: 100; transition: all .3s;}
.aboutbox .rcon li:hover {background:#1583d1}
.aboutbox .rcon li:hover h4,.aboutbox .rcon li:hover p{color: #fff;}
.productbox{overflow: hidden; position: relative;}
.productbox:after{width: 58%; top: 0; right: 0; content: ""; height: 100%; background: #1583d1; position: absolute; z-index: 0;}
.productbox .warper{position: relative; z-index: 1;}
.productbox .warper dl{position: absolute; left:40%; top: 15px;height: 50px; overflow: hidden;}
.productbox .warper dl a{color: #fff;}
.productbox .warper dl dd{float: left;  padding: 0px 0px 0px 22px;  font-size: 16px;}
.productbox .warper dl dd.on a,.productbox .warper dl dd:hover a{text-decoration: underline;}
.productbox .hometit h2{font-family:LAYFAIRDISPLAY }
.productbox .row{position: relative; z-index: 2;}
.productbox .lcon{width: 42%; float: left;}
.productbox .lcon img{display: block; width: 100%;}
.productbox .rcon{width: 58%; float: right;}
.productbox .rcon ul{max-width:760px; margin-left: 15px; }
.pro_lis li{ text-align: center; float: left; overflow: hidden; position: relative; background: #000; width: 31.33%; margin: 8px 1%;}
.pro_lis .pic{overflow: hidden;}
.pro_lis img{display: block; width: 100%; transition: all .3s;}
.pro_lis em{position: absolute; bottom: -80%; left: 50%; color: #fff; font-size: 36px; margin-left: -18px; margin-bottom: -20px; transition: all .3s;}
.pro_lis h3{font-size: 14px; font-weight: 100; line-height: 26px; height: 50px; overflow: hidden; transition: all .3s; position: absolute; top: -80%; left: 5%; width: 90%; color: #fff; margin-top: -25px;}
.pro_lis li:hover img{opacity: .1}
.pro_lis li:hover em{bottom: 35%;}
.pro_lis li:hover h3{top: 42%;}
.productbox .owl-controls{margin-top: 0; text-align: right;}
.productbox .owl-pagination{display: none;}
.productbox .owl-controls .owl-buttons div{width: 40px; height: 40px; background:#111111 url(../images/right.png) no-repeat center; background-size: 18px; text-indent: 999px; overflow: hidden; opacity: .8; border-radius: 0px; margin:0;}
.productbox .owl-controls .owl-buttons div.owl-prev{transform: rotate(180deg); background-color: #1583d1;}

.videobox{overflow: hidden; background: url(../images/video.jpg) no-repeat center fixed; background-size: cover; padding: 220px 0; position: relative;}
.videobox img{display: block; width: 100%;}
.videobox .con{ display: flex; align-items: center; justify-content: center; text-align: center; color: #fff;}
.videobox .con p{padding: 0 50px; line-height: 26px; margin-top: 10px;}
.videobox .con h2{font-size: 40px; font-family:LAYFAIRDISPLAY }

.pro_table{ overflow-x: auto; margin-top: 25px; }

.pro_table table{ border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; width: 100%; }

.pro_table table tr td{ padding: 12px; color: #444; font-size: 17px; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; color:#666;}

.pro_table table tr:hover{ background: #dbe9fc; }


.newbox{overflow: hidden; position: relative;}
.newbox:after{width: 50%; top: 0; right: 0; content: ""; height: 100%; background: #1583d1; position: absolute; z-index: 0;}
.newbox .warper{position: relative; z-index: 1;}
.newbox li,.lis_new li{position: relative;}
.newbox .pic,.lis_new .pic{ width: 60%; overflow: hidden; }
.newbox .pic img,.lis_new .pic img{display: block; width: 100%; transition: all .3s;}
.newbox .con,.lis_new .con{background: #fff; height: 80%; width: 45%; top: 10%; padding: 50px; position: absolute; right: 0;}
.newbox h3,.lis_new h3{font-size: 30px; transition: all .3s; font-family:LAYFAIRDISPLAY; line-height: 34px; font-weight: 100; margin-bottom: 18px; }
.newbox p,.lis_new p{line-height: 28px; height:165px; overflow: hidden; opacity: .7}
.newbox em,.lis_new em{font-size: 36px; color: #666; font-weight: 100; margin-top: 20px; display:inline-block;}
.newbox li:hover h3,.newbox li:hover em,.lis_new li:hover em,.lis_new li:hover h3{color: #1583d1}
.newbox li:hover .pic img,.lis_new li:hover img{transform: scale(1.1);}
.newbox .owl-controls {margin-top: 0}
.newbox .owl-pagination { display: none; }
.newbox .owl-controls .owl-buttons div{background: #1583d1 url(../images/right.png) no-repeat center; background-size: 20px; text-indent: 9999px; overflow: hidden; width: 36px; height: 40px; margin: 0; margin-top: -20px; border-radius: 0; position: absolute; right: -60px; top: 50%; }
.newbox .owl-controls .owl-buttons div.owl-prev{left: -60px; transform: rotate(180deg);}

.lis_pro li:hover img,.proimg .item:hover img{transform: scale(1.1);}
/*二级页公用*/
.main{padding:80px 0 120px 0; overflow: hidden;}

.sub_banner{display: block; width: 100%; overflow:hidden; position: relative; }
.sub_banner img{display: block; width: 100%;}
.positionline{position: absolute; width: 50%; text-align: right; background: #1583d1; color: #fff; bottom: 0; left: 0; padding: 25px 60px 25px 0; font-size: 16px; font-style: italic;}
.positionline a{color: #fff;}
.positionline font{font-family: LAYFAIRDISPLAY; font-size: 22px;}
.bgcolor{background: #f4f4f4;}
.main .hometit h2{font-size: 46px;}

.digg4{ text-align:center; font-size: 16px; line-height: 40px; padding:20px 0;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:34px; display: inline-block; vertical-align: middle; border:1px solid #333; height:34px; line-height:34px; color:#333; border-radius:0; text-decoration:none; margin:0 5px; font-family: Arial}
.digg4 span.current { color:#fff; background:#1583d1; border-color: #1583d1; font-weight: 600;}
.digg4 span.disabled { font-size:26px; line-height:30px; color: #333; border-color: #666}

/*info*/
.infocon p{color: #666; line-height:36px; font-size: 15px; margin:12px 0; }
.infocon h1{font-size:26px; font-family: LAYFAIRDISPLAY; font-weight: inherit; text-align: center;color: #222;}
.infocon img{ display: inline-block;max-width: 100%; }
.infocon .time{ text-align: center; margin:20px 0 30px 0; color: #999}
.infocon .other{border-top: 1px solid #ddd; margin-top: 50px; font-size: 15px; padding-top: 20px;color: #1583d1}
.infocon .other a{color: #666}
.infocon .other div{margin:10px 0; line-height: 26px;}
.infocon .other a:hover{ color: #1583d1 }

/*contact*/
.edit-box .con h4,.edit-box li:last-child,.servicebox h3,.about_com h1,.about_culture h2{ font-size: 36px; font-family:LAYFAIRDISPLAY }

.edit-box{ overflow: hidden; position: relative;}
.edit-box .hometit{margin-bottom: 40px;}
.edit-box .pic{width: 598px; }
.edit-box .pic img{display: block; width: 100%;}
.edit-box .con{overflow: hidden; position: absolute; right: 0; bottom: 0; width: 53%; padding:60px; color: #fff; background: #1583d1}
.edit-box .con h4{margin-bottom: 50px;}
.edit-box li{ font-size: 16px; font-style: italic; line-height: 26px; margin-bottom: 15px; display:block;}
.edit-box li h6{font-weight: 100; display: inline-block; vertical-align: middle; font-size: 22px; margin-right: 10px; margin-top: -4px;}
.edit-box li:last-child{margin-bottom: 0; margin-top: 40px; }
.edit-box li:hover a{text-decoration: underline;}
.edit-box a{color: #fff}

.servicebox ul{overflow: hidden; margin-top:60px;}
.servicebox li{width: 24%; float: left; position: relative;}
.servicebox li:nth-child(2){margin: 0 14%;}
.servicebox p{color: #888; line-height: 28px;}
.servicebox h6{display:inline-block; width: 88px; height: 88px; line-height: 88px; text-align: center; font-size: 58px; font-weight: 100; border-radius:8px; background: #1583d1; color: #fff; position: absolute; left: 0; top: 0}
.servicebox h4{display: inline-block; margin-left:105px; min-height: 88px; font-size: 18px; margin-bottom:20px; font-family:BOLD;}
.servicebox li:hover h4{color: #1583d1}

.contact_form h2,.rel_pro h2{font-family:LAYFAIRDISPLAY; font-size: 40px; }
.contact_form p{color: #999; margin:12px 0 30px 0; line-height: 26px; }
.contact_form ul{overflow: hidden; }
.contact_form form{ text-align: center;}
.contact_form li{width: 49.5%; float: left; overflow: hidden; border:1px solid #333; margin-bottom:10px; line-height: 24px; position: relative;}
.contact_form li:nth-child(even){margin-left:1%;}
.contact_form li:last-child{width: 100%;}
.contact_form li font{position: absolute; color: #333; left: 7px; top: 14px;}
.contact_form input,.contact_form textarea{width:100%; padding:10px 15px; resize: none; background: none; border-radius: 0; overflow: hidden;}
.contact_form textarea{line-height: 24px;height: 170px;}
.contact_form button{ border: none; font-size:16px; font-style: italic; background: #1583d1; transition: all .3s; color: #fff; width: 335px; text-align: center; line-height:45px; border-radius:30px; cursor: pointer; margin-top: 20px; font-family: BOLD}
.contact_form input::-webkit-input-placeholder,.contact_form textarea::-webkit-input-placeholder { color: #333;}
.contact_form input:-moz-placeholder,.contact_form textarea:-moz-placeholder { color: #333;}
button:hover{opacity: .8}

.lis_new li{margin-bottom: 40px; overflow: hidden;}
.lis_new li:nth-child(even) .pic{float: right;}
.lis_new li:nth-child(even) .con{ right: auto; left: 0 }

.prolist_main{position: relative;}
.lis_pro{overflow: hidden; margin: 0 -10px;}
.lis_pro li{overflow: hidden; width: 23%; margin-bottom:20px; margin-top:0; transition: all .3s; position: relative;}
.lis_pro li:first-child{width: 48%; margin-bottom: 0}
.pro_menu{margin: 20px 0; top:15px; right: 0; overflow: hidden;}
.pro_menu dd{margin-right:24px; font-family: MEDIUM; float: left; font-size: 16px;}
.pro_menu dd a{display: block; }
.pro_menu dd.on a,.pro_menu dd:hover a{text-decoration: underline;}

/*about*/
.about_main{}
.about_main p{line-height:26px; color: #888; margin-bottom:20px;}
.about_main img{max-width: 100%;}
.about_com img{float: left; margin-right:40px; margin-bottom:30px;}
.about_com h1{margin-bottom: 30px;}
.about_culture{overflow: hidden; position: relative; padding-left: 346px;}
.about_culture .con{position: absolute; left: 0; top: 0; color: #fff; background: #1583d1; width:475px; padding: 60px 40px;}
.about_culture h2{margin: 25px 0; margin-left: 150px; }
.about_culture .con p{color: #9ac0e6; margin-bottom: 0}
.about_culture .con .fon{max-height: 285px; overflow: hidden;}
.about_culture .con h3{ font-size: 26px; margin-bottom: 30px; font-style: italic; font-family:BOLD  }

/*产品详情*/
.pro_detail{ overflow: hidden; background: #fff; margin-bottom: 60px; }
.pro_detail h1{ font-size:28px; font-family: LAYFAIRDISPLAY; font-weight: 100; }
.share_toolbox{ margin: 20px 0 }
.pro_detail .fon{ margin:35px 0 45px 0; font-size: 16px; font-style: italic; line-height: 30px; overflow: hidden;}
.pro_detail .fon p{ padding-left:25px; margin-bottom:7px; position: relative;}
.pro_detail .fon p:before{content: ''; position: absolute; left: 0; top: 11px; width: 9px; height:9px; border-radius: 50%; background: #1583d1}
.pro_detail .rcon{margin-right:580px; padding: 55px; overflow: hidden;}
.proflash{ width: 580px; float: right; }
.proflash .item{ overflow: hidden;}
.proflash img{display: block; width: 100%;}
.proflash .owl-controls{margin-top: 0}
.proflash .owl-pagination{display: none;}
.proflash .owl-controls .owl-buttons div{width: 52px; height: 52px; background: url(../images/right.png) no-repeat center; background-size: 22px; text-indent: 999px; overflow: hidden; position: absolute; right:0; opacity: .8; border-radius: 0px 5px 5px 0; top: 50%; margin:0; margin-top: -26px;;}
.proflash .owl-controls .owl-buttons div.owl-next{transform: rotate(180deg); left: 0}
.pro_detail .links{overflow: hidden; font-style: italic;}
.pro_detail .links a{ background: #1583d1; line-height: 48px; float: left; height:45px; overflow: hidden; width:240px; text-align: center; display: inline-block; font-size:16px; font-family:BOLD; border-radius: 35px; color: #fff; margin: 5px 1%; }
.pro_detail .links i{ margin-right:8px; display: inline-block; margin-top: -3px; font-size:26px; font-weight: 100; vertical-align: middle; }
.pro_detail .links a:hover{background: #ffd800; }

.proinfomenu{text-align: center; background:#1583d1; max-width: 1200px; margin: 0 auto; text-align: center; overflow: hidden;}
.proinfomenu .warper{ overflow: hidden;}
.proinfomenu a{ width:33.333%; float: left; font-size:18px; font-family: BOLD; font-style: italic; color: #fff; display: inline-block; position: relative; padding:22px 0; border-right: 2px solid #fff;}
.proinfomenu a.on{background: #333;}
.proinfomenu a:last-child{border:0;}
.proinfomenu.top0{position: fixed; top: 0; height: auto; left:0; width: 100%; left: 50%; margin-left: -600px; z-index: 3;}

.proinfo_main{ padding:0 50px 50px 50px; font-size: 16px; font-style: italic; background: #fff;}
.proinfo_main p{ line-height:30px; color: #666; margin-bottom:20px;}
.proinfo_tit{font-weight: 100; position: relative; font-family:LAYFAIRDISPLAY; padding-top:70px; font-size:30px; margin-bottom:22px;}
.proinfo_main h4{font-size: 20px; margin-bottom: 15px; font-family:BOLD }
.proinfo_main img{max-width: 100%; display: inline-block; min-width: 105px}
.proimg .item{display: block; overflow: hidden; width:48%; margin-bottom:25px; float: left;}
.proimg .item:nth-child(even){margin-left: 4%;}
.proimg .item img{display: block; width: 100%; transition: all .3s;}
.proimg{overflow: hidden;}

.rel_pro{ overflow: hidden; }
.rel_pro ul{ margin: 0 -8px;}
.rel_pro li{width: 23%; margin-top: 0; margin-bottom: 0}
.proinfo_main .contact_form{margin-top:0; text-align: left; background:none; padding:0; width: 100%;}
.proinfo_main .contact_form button{border-radius: 30px; font-size: 18px; width: 210px;}

@media screen and (max-width: 1680px){
  .aboutbox .rcon{width: 39%;}
}

@media screen and (max-width: 1600px){
  .aboutbox .rcon{width: 38%;}
}

@media screen and (max-width: 1500px){
  .aboutbox .rcon{width: 37%;}
  .productbox .warper dl{left: 43%}
}

@media screen and (max-width: 1440px){
  .aboutbox .rcon{width: 36.5%;}
}

@media screen and (max-width: 1360px){
  .aboutbox .rcon{width: 36%}
  .productbox .rcon ul{margin-right: 35px;}
  .positionline{padding: 20px 40px 20px 0}
}

@media screen and (max-width: 1280px){
  .warper{padding:0 40px;}
  .logo{ left: 40px; margin-left: 0 }
  .newbox .owl-controls .owl-buttons div{right: 0}
  .newbox .owl-controls .owl-buttons div.owl-prev{left: 0}
  .newbox .con, .lis_new .con{padding: 35px;}
  .newbox p, .lis_new p{height: 136px;}
  .aboutbox .row .ccon h2{font-size: 34px;}
  .aboutbox .row .lcon{width:385px;}
  .aboutbox .row .ccon{margin-left: 385px;}
  .videobox .con h2{font-size: 35px;}
  .pro_menu{right: 40px;}
  .aboutbox .rcon li{padding: 45px 0}
  .videobox{padding: 180px 0;}
}

@media screen and (max-width: 1210px){
  .footer .rcon .item{width: 100%; padding-right: 30px;}
  .footer h4{font-size: 43px;}
  .footer li:last-child{font-size: 33px;}
  .newbox h3, .lis_new h3{font-size: 28px; max-height: 68px; overflow: hidden;}
  .hometit h2{font-size: 45px;}
  .conbox{padding: 80px 0}
  .aboutbox .rcon li div{padding-right: 10px;}
  .aboutbox .row .ccon{padding-top: 60px;}
  .aboutbox .row .lcon{padding-top: 80px;}
  .advbox li h5{font-size: 52px;}
  .videobox .con p{padding: 0 100px;}
  .main .hometit h2{font-size: 44px;}
  .edit-box .con h4, .edit-box li:last-child, .servicebox h3, .about_com h1, .about_culture h2{font-size: 34px;}
  .contact_form h2, .rel_pro h2{font-size: 37px;}
  .proinfomenu{width: 100%}
  .proinfomenu.top0{left: 0; margin-left: 0} 
}

@media screen and (max-width: 1199px){
  .headright{display: none;}
  #nav{margin-right: 0}
  .newbox p, .lis_new p{height: 107px;}
  .newbox em, .lis_new em{margin-top: 10px;}
  .aboutbox .row .lcon{width:355px;}
  .aboutbox .row .ccon{margin-left: 355px;}
  .aboutbox .row .ccon h2{margin-bottom: 30px;}
  .aboutbox .rcon li{padding: 34px 0}
  .aboutbox .row{width: 100%;}
  .aboutbox .rcon{position: initial; height: auto; top: auto; overflow: hidden; padding: 0 40px; width: 100%;}
  .aboutbox .rcon li div{padding: 0 40px}
  .aboutbox .rcon li{width: 33.333%; float: left;}
  .videobox .con h2{font-size: 30px;}
  .productbox .warper dl dd{padding: 0 10px;}
  .positionline{padding: 15px 30px 15px 0}
  .main{padding: 60px 0 100px 0}
  .servicebox li{width: 30%}
  .servicebox li:nth-child(2){margin: 0 5%;}
  .pro_detail .rcon{padding: 40px;}
  .pro_detail h1{font-size: 26px;}
  .pro_detail .fon{margin: 25px 0}
  .proflash{width: 500px;}
  .pro_detail .rcon{margin-right: 500px;}
  .proinfo_tit{font-size: 28px;}
  .infocon h1{font-size: 24px;}
  .aboutbox .rcon li div{padding: 0 25px;}
}

@media screen and (max-width: 1024px){
  header a.q{display: none;}
	.logo{margin:15px 0;}
	.logo img{height:26px;}
	header{height:56px;}
  body{padding-top: 56px;}
	nav{position: fixed;left: 0;top: 0;bottom: 0;width: 240px; height: 100%; box-shadow: 0 3px 5px #666; z-index: 9999; overflow-y: auto;background:#eee;transform: translateX(-300px);transition: 0.3s; margin-left: 0}
	nav li{ display: block; width: 100%; margin:0; padding:0;}
	nav li>a{ line-height:50px; text-align: left; font-size: 18px; color: #333; display: block; height: auto ;padding:0 15px;}
	nav li.on>a{height: auto; line-height: 45px;}
  nav li.on>a:after, nav li:hover>a:after{display: none;}
	nav li dl{opacity: 1; position: inherit; left:0; top:0; width: 100% }
	nav dl a{width: auto; color: #666; padding:4px 15px;}
	nav dl{background: #fff; padding:10px 0;}
	nav dl dd:nth-child(1)>a{border:0;}  
  nav dl dd a{line-height:28px;}
	#nav .nav-button{ display: block; top:10px; right:40px; border-radius:5px; line-height:36px; background: #1583d1 ;width: 36px; height:36px;}
  #nav .nav-button i{font-size: 26px;}
  .backToTop{right: 0; width: 36px; height: 36px;}

  .footer .lcon .item{width: 100%; padding: 40px 40px 40px 40px}
  .footer .rcon .item{padding: 40px 40px 0 40px;}
  .footer textarea,.footer button{margin-top: 10px;}
  .footer h4{font-size: 40px; margin-bottom: 25px;}
  .footer li:last-child{font-size: 30px;}
  .newbox em, .lis_new em{display: none;}
  .newbox h3{font-size: 26px; margin-top: -5px;}
  .hometit h2{font-size: 42px; line-height: 40px;}
  .conbox{padding: 60px 0}
  .aboutbox .row .ccon h2{font-size: 30px;}
  .aboutbox .rcon li div{padding: 0 20px}
  .aboutbox .rcon li{padding: 25px 0}
  .aboutbox .row .ccon{padding-top:50px;}
  .aboutbox .row .lcon{padding-top: 65px;}
  .advbox li h5{font-size: 48px;}
  .advbox li{padding: 60px 20px}
  .videobox .con p{padding: 0 50px}
  .videobox .con h2{font-size: 30px; line-height: 50px; margin-bottom:10px;}
  .positionline font{font-size: 20px;}
  .main{padding: 45px 0 100px 0}
  .main .hometit h2{font-size: 40px;}
  .edit-box .con h4, .edit-box li:last-child, .servicebox h3, .about_com h1, .about_culture h2{font-size: 31px;}  
  .servicebox h6{width: 70px; height: 70px; line-height: 70px; font-size: 40px;}
  .servicebox h4{margin-left: 90px; min-height: 70px;}
  .servicebox ul{margin-top: 40px;}
  .about_culture .con h3{margin-bottom: 10px; line-height: 36px; font-size: 24px;}
  .about_culture .con{padding: 45px 35px;}
  .edit-box .con{padding: 40px}
  .edit-box .hometit{margin-bottom: 20px;}
  .contact_form h2, .rel_pro h2{font-size: 34px;}
  .contact_form p{margin: 12px 0 20px 0 ;}
  .proinfomenu{display: none;}
  .proinfo_main{padding: 0 30px 30px 30px;}
  .proinfo_tit{padding-top: 50px; margin-bottom: 15px;}
  .proinfo_main p{margin-bottom: 12px;}
  .pro_detail{margin-bottom: 40px;}
  .videobox{padding: 150px 0;}
}

@media screen and (max-width: 990px){
  .productbox .warper dl dd{font-size: 15px;}
  .about_com img{width: 400px;}
  .edit-box .con h4{margin-bottom: 35px;}
  .edit-box li:last-child{margin-top: 25px;}
  .pro_menu dd{margin-left: 25px;}
  .pro_detail h1{font-size: 24px;}
  .proflash{width: 400px;}
  .pro_detail .rcon{margin-right: 400px;}
  .proinfo_tit{font-size: 26px;}
  .proinfo_main h4{font-size: 18px; margin-bottom: 10px;}
  .infocon h1{font-size: 22px;}
}

@media screen and (max-width:900px){
  .footer h4{font-size: 36px; margin-bottom: 20px;}
  .footer li:last-child{font-size: 27px;}
  .newbox h3, .lis_new h3{font-size: 24px;}
  .hometit{margin-bottom:16px;}
  .hometit h2{font-size: 38px; line-height: 35px;}
  .conbox{padding: 40px 0}
  .aboutbox .row .ccon h2{font-size: 27px; margin-bottom: 25px;}
  .aboutbox .row .ccon p{height: 309px;}
  .aboutbox .row .ccon{padding-top:40px;}
  .aboutbox .row .lcon{padding-top: 55px;}
  .advbox li h5{font-size: 42px;}
  .advbox li{padding: 50px 15px}
  .videobox .con h2{font-size: 30px; line-height: 44px; margin-bottom:15px;}
  .positionline{padding: 10px 20px 10px 0}
  .main .hometit h2{font-size: 36px;}
  .edit-box .con h4, .edit-box li:last-child, .servicebox h3, .about_com h1, .about_culture h2{font-size: 28px;}  
  .servicebox h6{width: 50px; height: 50px; line-height: 50px; font-size: 30px;}
  .servicebox h4{margin-left: 65px; min-height: 50px; margin-bottom: 10px;}
  .about_culture .con h3{font-size: 22px; line-height: 32px;}
  .about_culture .con{padding-top: 30px; position: initial; width: 100%;}
  .about_culture .con .fon{height: auto;}
  .about_culture{padding-left: 0}
  .about_culture h2{margin: 0; margin-bottom: 20px;}
  .contact_form h2, .rel_pro h2{font-size: 30px;}
  .pro_menu{position: initial; margin-bottom: 20px;}
  .pro_menu dd{margin-left: 0; margin-right: 30px;}
}

@media screen and (max-width: 899px){
  .newbox .pic, .lis_new .pic{width: 100%;}
  .newbox .con, .lis_new .con{position: initial; width: 100%;}
  .newbox h3, .lis_new h3{margin-bottom: 8px;}
  .newbox .con, .lis_new .con{padding: 20px 15px;}
  .newbox li{margin: 10px; box-shadow: 0px 2px 10px 2px rgba(0,0,0,.2)}
  .newbox:after{display: none;}
  .productbox:after{ width: 100%; }
  .productbox .lcon{width: 100%; float: none; display: none;}
  .productbox .rcon{width: 100%;}
  .productbox .rcon ul{margin: 0; max-width: 100%;}
  .productbox .rcon{padding: 0 32px;}
  .productbox .warper dl{position: initial; left: auto; overflow: hidden;}
  .productbox .warper dl dd{padding: 0; margin-right: 30px;}
  .productbox .hometit h2{color: #fff;}
  .lis_pro li{width: 31.333%}
  .lis_pro li:first-child{width: 64%}
  .proflash{width: 100%;}
  .pro_detail .rcon{margin-right: 0; padding: 30px; padding-top: 20px;}
  .pro_detail .fon{margin: 15px 0}
  .proinfo_tit{padding-top: 40px;}
	
}

@media screen and (max-width: 780px){
  #nav .nav-button{right: 10px;}
  .logo{left: 10px;}
  .warper{padding: 0 10px}
  .footer .lcon, .footer .rcon{width: 100%; float: none;}
  .footer .lcon .item,.footer .rcon .item{padding: 25px 10px; max-width: 100%;}
  .footer li{margin-bottom: 6px;}
  .footer li:last-child{margin-top:5px; line-height: 36px;}
  .copyright{padding: 25px 10px}
  footer .media{margin-bottom: 15px;}
  .footer h4{font-size: 32px}
  .footer li:last-child{font-size: 24px;}
  .hometit h2{font-size:35px;}
  .aboutbox .row .ccon h2{font-size: 25px;}
  .aboutbox .rcon{padding: 0 10px}
  .aboutbox .rcon li div{max-width: 100%;}
  .advbox li h5{font-size: 37px;}
  .advbox li{padding: 30px 10px}
  .videobox .con p{padding: 0}
  .videobox .con h2{font-size: 27px; line-height:37px; margin-bottom:12px;}
  .productbox .rcon{padding: 0 10px;}  
  .main{padding:30px 0 80px 0}
  .lis_new li{margin-bottom: 25px;}
  .main .hometit h2{font-size: 33px;}
  .edit-box .con h4, .edit-box li:last-child, .servicebox h3, .about_com h1, .about_culture h2{font-size: 26px;}
  .about_com h1{margin-bottom: 15px;}
  .about_main p{margin-bottom: 10px;}
  .servicebox li{width: 100%;}
  .servicebox li:nth-child(2){margin:20px 0}
  .about_culture .con h3{font-size: 20px; line-height: 26px;}
  .edit-box .hometit{margin-bottom: 10px;}
  .contact_form h2, .rel_pro h2{font-size: 27px;}
  .contact_form p{margin: 8px 0 15px 0 ; line-height: 24px;}
  .pro_detail h1{font-size: 22px;}
  .proinfo_tit{font-size: 24px;}
  .pro_detail{margin-bottom: 30px;}
  .rel_pro ul{margin: 0}
  .infocon h1{font-size: 20px;}
}

@media screen and (max-width: 768px){
  .newbox h3, .lis_new h3{font-size: 22px;}
  .conbox{padding: 30px 0}
  .aboutbox .row .lcon{width: 300px;}
  .aboutbox .row .ccon{margin-left: 300px;; padding-right: 20px; padding-left: 20px;}
  .aboutbox .row .ccon p{height: 257px;}
  .aboutbox .row .ccon{padding-top:25px;}
  .aboutbox .row .lcon{padding-top:35px;}
  .positionline font{font-size: 18px;}
  .servicebox h4{font-size: 16px;}
  .servicebox ul{margin-top: 25px;}
  .edit-box .pic{max-width: 100%; display: none;}
  .edit-box .con{position: initial; width: 100%; padding: 30px;}
  .edit-box .con h4{margin-bottom: 20px;}
  .edit-box li{margin-bottom: 10px;}
  .proinfo_tit{padding-top: 30px;}
  .rel_pro li{width: 48%; margin-left: 0; margin-right: 0; margin-bottom: 15px;}
  .rel_pro li:nth-child(even){margin-left: 4%}
}

@media screen and (max-width: 640px){
  .footer h4{font-size: 27px}
  .hometit h2{font-size: 31px; line-height:27px;}
  .aboutbox .row .lcon{width: 200px;}
  .aboutbox .row .ccon{margin-left: 200px;}
  .aboutbox .row .ccon p{height: 153px;}
  .aboutbox .row .ccon h2{font-size: 23px;}
  .advbox li h5{font-size: 32px; line-height: 40px;}
  .videobox .con h2{font-size: 25px; line-height:33px; margin-bottom:0;}
  .pro_lis li{width: 48%; margin-left: 0; margin-right: 0}
  .pro_lis li:nth-child(even){margin-left: 4%;}
  .main .hometit h2{font-size: 30px;}
  .edit-box .con h4, .edit-box li:last-child, .servicebox h3, .about_com h1, .about_culture h2{font-size: 24px;}
  .about_com img{width: 100%; margin-right: 0; margin-bottom: 20px;}
  .contact_form h2, .rel_pro h2{font-size: 24px;}
  .lis_pro{margin: 0}
  .lis_pro li:first-child{width: 100%; margin: 0; margin-bottom: 20px;}
  .lis_pro li:nth-child(even){ margin-left: 0; margin-right: 4%; }
  .infocon h1{font-size: 18px; line-height: 26px;}
  .infocon p{line-height: 32px;}
}

@media screen and (max-width: 639px){
  .aboutbox .rcon li{width: 100%;}
  .aboutbox .rcon li{padding: 15px 0}
  .aboutbox .rcon li div{padding: 0 12px}
  .aboutbox .rcon li h4{margin-bottom: 0;}
  .videobox .con h2{font-size: 25px;}
  .newbox .owl-controls .owl-buttons div{width: 25px;}
  .positionline{padding: 5px 10px 5px 0; font-size: 14px;}
  .contact_form li{width: 100%;}
  .contact_form li:nth-child(even){margin-left: 0}
  .videobox{padding: 120px 0}

}

@media screen and (max-width:480px){
  .footer h4{font-size: 25px}
  .footer input{width: 100%; margin-bottom: 10px; padding: 12px 15px;}
  .footer input:nth-child(2){margin-left: 0}
  .footer textarea{margin-top: 0; padding: 12px 15px;}
  .newbox h3, .lis_new h3{font-size: 20px; line-height: 30px; max-height: 58px;}
  .newbox .con, .lis_new .con{padding-top: 10px;}
  .newbox p, .lis_new p{line-height: 25px; height: 98px;}
  .hometit h2{font-size: 28px;}
  .aboutbox .row .ccon h2{font-size: 21px; margin-bottom: 14px;}
  .advbox li h5{font-size: 28px; line-height: 32px}
  .advbox li{width: 50%; border-bottom: 1px solid rgba(255,255,255,.3); height: 144px;}
  .videobox .con h2{font-size: 20px;}
  .positionline{width: 100%; position: initial;}
  .main .hometit h2{font-size: 26px;}
  .edit-box .con h4, .edit-box li:last-child, .servicebox h3, .about_com h1, .about_culture h2{font-size: 22px;}
  .about_culture .con{padding: 25px;}
  .about_culture .con h3{font-size: 18px;}
  .contact_form h2, .rel_pro h2{font-size: 22px}
  .pro_detail h1{font-size: 20px;}
  .pro_detail .rcon{padding: 20px;}
  .pro_detail .fon p{margin-bottom: 2px;}
  .pro_detail .fon{margin-bottom: 5px;}
  .proinfo_tit{font-size: 22px;}
  .proinfo_main{padding: 0 15px 30px 15px; font-size: 14px;}
  .proinfo_main p{line-height: 27px;}
  .videobox{padding: 100px 0}
  .pro_menu{display:none;}
}

@media screen and (max-width:414px){
  .footer h4{font-size: 22px}
  .footer li:last-child{font-size: 20px; line-height: 30px;}
  .hometit h2{font-size: 25px; line-height: 24px;}
  .aboutbox .row .lcon{width: 150px;}
  .aboutbox .row .ccon{margin-left: 150px;}
  .aboutbox .row .ccon h2{font-size: 19px;}
  .aboutbox .row .ccon p{height: 128px;}
  .advbox li h5{font-size: 25px;}
  .videobox .con h2{font-size:20px;}
  .newbox h3, .lis_new h3{font-size: 18px; line-height: 26px; max-height: 52px;}
  .main .hometit h2{font-size: 23px;}
  .edit-box .con h4, .edit-box li:last-child, .servicebox h3, .about_com h1, .about_culture h2{font-size: 20px;}
  .pro_detail h1{font-size: 18px;}
  .proinfo_tit{font-size: 20px;}
  .videobox{padding: 80px 0}
}

@media screen and (max-width:375px){
  .aboutbox .row .ccon h2{font-size: 18px;}
  .videobox .con h2{font-size: 26px;}
  .proimg .item{width: 100%; float: none; margin-bottom: 15px;}
  .proimg .item:nth-child(even){margin-left: 0}  
  .videobox{padding: 65px 0} 
}

@media screen and (max-width:359px){
  .aboutbox .row .lcon{width: 130px;}
  .aboutbox .row .ccon{margin-left: 130px;}
  .aboutbox .row .ccon p{height: 102px;}   
}