@charset "UTF-8";
/* CSS Document */
html{ font-size:20px;}
@media only screen and (max-width: 481px){
    html {
        font-size: 14px;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 15px; 
    }
}
@media only screen and (min-width: 569px){
    html {
        font-size: 17.5px; 
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 20px; 
    }
}
* {padding:0;margin:0;}
.ovfHiden{overflow-x: hidden;height: 100%;}
body { font-size:12px; font-family:Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,sans-serif;color:#6a6a6a;line-height:22px;background: #fff; overflow-x:hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a{transition:0.5s all;-webkit-transition:0.5s all;text-decoration: none;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a:hover,a:active,a:vistited{text-decoration: none; color:#0653c5;outline: 0!important;}
a, input, select, textarea {outline:none; text-decoration:none!important; }
a, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
:focus {outline: 0!important;}
::-moz-selection{ color:#fff; background:#3a1637; }
::selection { color:#fff; background:#3a1637; }
h1, h2, h3, h4, h5, h6,b{font-size: 100%; font-weight:normal;}
address, em {font-style: normal;}
ul,li,ol{list-style:none;}
ul{ margin-bottom:0;}
dl{ margin:0;}
select,input,img,select{vertical-align:middle;}
img,iframe{ border:0;max-width:100%; -ms-interpolation-mode:bicubic; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
.fl,.fr {display:inline;}
.btn{ border:0;-webkit-transition:background-color .4s ease-in;-moz-transition:background-color .4s ease-in; -o-transition:background-color .4s ease-in;transition:background-color .4s ease-in;}
input,textarea{-webkit-appearance:none; }
.fl {float:left;}
.fr {float:right;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;overflow:hidden;}
.clearfix {zoom:1; /* for ie6 & ie7 */}
.none_phone{ display:block;}
.on_phone{ display:none;}
html, body {position: relative;height: 100%;}
#wrapper, .section {
  height: 100%;
  position: relative;
}	
/*header*/
.heaer_main{ position:relative;}
.heaer_main1{ position:relative; width:100%; height:100%;z-index:100}
.header-top1{ position:absolute; left:0; right:0; z-index:101}
.header-top1left{ float:left; width:350px;}
.header-top1left h1{ margin-top:40px;}
.header-top1left h1 img{ width:80%}
.header-top1nav{ float:right; margin-top:60px;}
.header-top1nav ul li{ padding:0 15px; display:inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.header-top1nav ul li a{ font-size:14px; color:#fff;}
.header-top1nav ul li a:hover,.header-top1nav ul li a.active{ color:#00d4d1}

.header-top2left{ float:left;}
.header-top2left h1{ margin-top:26px}
.header-top2right{ float:right; margin:30px 0; width:30%}

/*banner*/
.header-top1navm{ position:absolute; width:100%; text-align:center; background:rgba(0,0,0,0.6); z-index:101}
.header-top1navm ul li{ width:18%; line-height:80px; float:left;}
.header-top1navm ul li.msy{width:10%;}
.header-top1navm ul li a{ font-size:20px; color:#fff;}
.slideBox {position: relative;overflow: hidden;width: 100%; height:100%; z-index:0;/* 设置焦点图最大宽度 */}
.slideBox .banner_circle { display:none;position: absolute; width:30px;top:40%;right:10%;left:auto;text-align:center;z-index: 1;}
.slideBox .banner_circle li {display:block; margin:10px auto;width: 10px;height: 10px;background: #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-indent: -9999px;overflow: hidden;cursor:pointer; box-sizing:border-box;}
.slideBox .banner_circle li.on {width: 20px;height: 20px;background: #00c0bd; }
.slideBox .banner_img {position: relative;z-index: 0; width:100%; height:100%;}
.slideBox .banner_img li {position: relative;text-align: center;overflow:hidden;}
.slideBox .banner_img li img {vertical-align: top;width: 100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox a.prev,.slideBox a.next {position: absolute;top: 56%;transform: translateY(-56%);display: block;width:22px;height: 32px;text-align: center;opacity:0.8; z-index:50; cursor:pointer;}
.slideBox a.next {left: auto;right:15%;background:url(../images/icon_jt.png) no-repeat right top;}
.slideBox a.prev {background:url(../images/icon_jt.png) no-repeat left top;left:15%; right:auto;}
.slideBox a.next:hover{background:url(../images/icon_jt1.png) no-repeat right top;}
.slideBox a.prev:hover{background:url(../images/icon_jt1.png) no-repeat left top;}

.dd_fullscreenslider .slide_p{ display:flex;align-items:center; width:100%; height:100%}
.slideBox .banner_img li a{ display:block;height:100% !important; width:100% !important;}
/*set1*/
.mgt40{ margin-top:40px}
.mgt20{ margin-top:20px}
.mgt10{ margin-top:10px}
.set1{ position:relative; width:100%}
.tit{ font-size:24px; position:relative; text-align:center; z-index:200;}
.tit span{ padding:0 20px; background:#fff;}
.tit .line{background:#68787e; height:1px;width:100%; position:absolute; top:10px; z-index:-1;}
.set_allist{ float:left; width:19%; margin:0.5%}
.syal_list{ position:relative;width:100%;margin-bottom:10px; overflow:hidden;}
.syal_list a{ display:block;}
.syal_item img {transition: all 0.2s linear;width:100%;}
.syal_list:hover img { transform: scale(1.1);} 
.syal_imgmask{position: absolute; bottom:0; width:100%; padding:8px 20px; box-sizing:border-box;color:#fff; font-size:14px; display:none;}
.syal_imgmask p{ margin-bottom:0;}
.syal_list:hover .syal_imgmask{display:block; color:#fff; background:rgba(0,0,0,0.5)}
.set_allist1{ width:38.79%; overflow:hidden;}

/*set2*/
.set2{ margin-top:5px; width:100%}
ul.set2_hb1{ text-align:center;}
ul.set2_hb1 li{display:inline-block;*zoom:1;*display:inline; padding:0 10px;}
.set2main{ padding:40px 15px; text-align:center;}
.set2main>img{ margin:0 auto;}

/*footer*/
.footer{  background:#333; color:#fff; width:100%}
.footer_left{ float:left; text-align:left;}
.footer_left h4{ font-size:16px; margin:30px 0 15px;}
.footer_left h6{ line-height:40px;}
.footer_right{ float:right;}
.footer_right h6{ margin:30px 0 15px; line-height:24px;}
.footer_right h6 span{display:inline-block;*zoom:1;*display:inline; width:60px;}
.footer_right h6 p{ margin-bottom:0;}
.footer_right h5{ font-size:16px;}
.footer_2{ text-align:center; padding:15px 0;}

.f_set3{ width:100%;}

/*公司动态*/
.nbanner img{ width:100%;}
.tit_nynews{ position:absolute; width:70%; background:#fff; margin:0 auto; left:0; right:0; top:-50px; padding-top:18px; }
.tit_nynews span{ position:relative; z-index:1}
.titline .line{ top:-20px;z-index:0;}
.set1_news{ padding-top:20px;}
.n_newslist{ width:70%; padding:20px 0; margin:0 auto;}
.n_newslist a{ display:block;margin-left:20px;} 
.n_newslist dl{ border-bottom:1px solid #ccc;}
.n_newslist dl dt{ float:left; background:#fff; margin-right:30px; margin-left:-20px;}
.n_newslist dl dt img{border-radius:20px;border-bottom-right-radius:0;}
.n_newslist dl dd h5{ font-size:16px; margin:5px 0;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;
}
.n_newslist a:hover h5{ color:#00c0bd}
.n_newslist dl dd span.date{ color:#b9b9b9;}
.n_newslist dl dd p{color:#b9b9b9; display:block; height:34px; overflow:hidden; margin-bottom:0;}
.more{ text-align:center; margin:20px 0 50px;}
.more a{color:#00c0bd;}
.more a img{ width:14px}
.more a span{ display:block; line-height:12px;}

.get_more{ text-align:center; display:block; margin:20px 0 30px;}
.get_more span{display:block; line-height:12px;color:#00c0bd;}
.get_more img{ width:14px}
.more span{ display:block; line-height:12px;}

.nxq{ position:relative; padding-bottom:30px; width:70%; margin:0 auto;}
.nxq_date{ position:absolute; top:20px;width:60px;text-align:center; font-size:24px; color:#00c0bd;}
.nxq_date span{ display:block; height:40px; background:#00c0bd; color:#fff;  letter-spacing:0px; font-size:14px; line-height:16px; padding-top:10px; box-sizing:content-box;}
.nxq_date span em{ letter-spacing:2px}
.nxq_contentwz{ margin-left:100px;}
.xq_tit{ text-align:center; }
.xq_tit h6{font-size:15px; color:#333; margin-bottom:20px;}
.nxq_contentwz{ color:#999;}

/*案例*/
.nal_main{ margin-top:10px;}
.nal_nav{ text-align:center;}
.nal_nav ul li{display:inline-block;*zoom:1;*display:inline;}
.nal_nav ul li a{ display:block;font-size:16px; padding:15px 30px;}
.nal_nav ul li.on a,.nal_nav ul li a:hover{ background:#00c0bd; color:#fff; cursor:pointer;}
.nal_list{ float:left; width:31.3%; margin:1%;}
.nal_list a { display:block;position:relative;border-radius:20px;overflow: hidden; margin:10px 0 20px;}
.nal_list_mask {position: absolute;top: 0;left: 0;width:100%;height:100%;overflow: hidden; opacity: 0;background-color: rgba(0, 0, 0, 0.58);transition: all 0.4s ease-in-out;}
.nal_list_mask h5 {transform: translateY(-50px);opacity: 0;transition: all 0.2s ease-in-out;color: #fff;text-align: center;position: relative;font-size: 16px;padding-top:23%;}
.nal_list_mask span{ font-size:12px; display:block; margin-top:10px;}
.nal_list img {transition: all 0.2s linear;width:100%;}
.nal_list:hover img { transform: scale(1.1);} 
.nal_list:hover .nal_list_mask { opacity: 1;}
.nal_list:hover h5{opacity: 1;transform: translateY(0px);transition-delay: 0.1s;}
.nalxq_bottom{ width:1002px; margin:20px auto;}
.nalxq_info h5{ font-size:15px; color:#333;}
.nalxq_info h5 span{ font-size:16px;text-decoration:underline;}
.nalxq_info h6{ margin:15px 0 20px}
.nalxq_info h6 p.nalxq_1 span{ color:#333;}
.nalxq_info h6 p.nalxq_1{ color:#999;}
.nalxq_img{ position:relative;}
.nalxq_img .bigImg{ width:1002px; height:564px !important;position: relative;}
.nalxq_imgbig img{ width:100%;}
.nalxq_imgbig{ margin-bottom:0.25%;}
.nalxq_imgsmal ul{ margin:0 -0.25%}
.nalxq_imgsmal ul li{ float:left;position:relative;margin: 0 4px 0 0; width:256px; cursor:pointer;  display: inline;}
.nalxq_imgsmal ul li img{width:100%;}
.nalxq_img a.sPrev,.nalxq_img a.sNext{bottom:8%;transform: translateY(-8%); opacity:0.5}
.nalxq_img a.sPrev img,.nalxq_img a.sNext img{ width:15px;}
.nalxq_img a.sPrev{ position:absolute; left:-30px;}
.nalxq_img a.sNext{ position:absolute; right:-30px;}
.nalxq_img a.sPrev:hover,.nalxq_img a.sNext:hover{opacity:1.0; cursor:pointer;}
.nalxq_mobile_img  ul li{ margin-bottom:15px; }
.nalxq_imgsmal ul li .xq_mask{position: absolute; bottom:0; width:100%; height:100%;box-sizing:border-box;color:#fff; font-size:14px;transition:0.5s all;-webkit-transition:0.5s all; display:none;}
.nalxq_imgsmal ul li:hover .xq_mask{display:block; color:#fff; background:rgba(0,0,0,0.4); cursor:pointer;}

.smallScroll{ height:140px;}
.nalxq_imgsmal{width:1002px; margin-top:4px; overflow:hidden;}
.nalxq_imgsmal ul{ height:140px;  width: 9999px; overflow: hidden;}	

/*us*/
.nus_main{ width:70%; margin:-40px auto 0;}
.nus_map1{ text-align:center;  margin-bottom:40px;}
.nus_map1 h5{ margin:40px 0 30px; color:#666; }
.nus_map1 h5 span{ font-size:16px; padding:0 10px;}
.nus_map1 h5 span:before{ content:url(../images/icon_d.png); width:6px; height:6px; display:inline-block; margin-right:10px;vertical-align:10%;}
.nus_map1 h5 span:after{ content:url(../images/icon_d.png); width:6px; height:6px; display:inline-block; margin-left:10px;vertical-align:10%;}

.nus_map1 h6{ font-size:13px; line-height:24px; color:#666;}

/*企业简介*/
.nji_set1{ width:70%; margin:0 auto;}
.nji_set1{font-size:14px; color:#666; line-height:30px;}
.nji_set1 ul li{ width:33.3%; float:left; text-align:center; margin:20px 0;}
.nji_set2{ background:url(../images/bg_jj.jpg) no-repeat; padding:50px 0; text-align:center; color:#fff; font-size:16px; margin:20px auto;}
.nji_set2 span{ color:#00c0bd}
.nji_set3{ text-align:center; position:relative;}
.nji_set3 h6{ position:absolute; left:0; right:0; color:#00c0bd; font-size:20px; margin-bottom:0;}

.banner_box{ position:relative; width:100%; height:100%; z-index:80}
.n_hzhb{ position:absolute; width:100%; top:200px}
.tit1{ position:absolute;text-align:center;top:-60px; left:0; right:0; z-index:120; background:#fff;}
.tit1 span{display:inline-block;*zoom:1;*display:inline; background:url(../images/line.png) no-repeat center; padding:20px 100px; font-size:24px;}
.n_hzhbimg{ text-align:center; padding-top:50px}
.n_hzhbimg img{ width:42%; margin:0 auto;}

/*swiper*/
.scroll1:hover{transform: translateY(-100%);transition: all 1s ease-in-out;}

.hz_nbanner img{ width:100%; min-height:480px;}
.tzjj20{ padding-bottom:20px;}

@media (min-width: 1300px){
.container{ width:96%;}	
.tit_nynews{ width:94%}
.nus_main,.tit_nynews_1{width:70%}
.tit_nynews_2{width:50%}
.nji_set1{ width:92%} 
.footer .container{width: 1170px;}
}
@media (max-width: 1200px){
.nal_nav ul li a{ padding:10px 20px; text-align:center; margin-bottom:5px; font-size:15px;}
}
@media (max-width: 1024px){
.none_phone,.slideBox .banner_circle{ display:none;}
.on_phone{ display:block;}	
.mgt50{ margin-top:20px;}	
.tit1{ position:absolute;text-align:center;top:-60px; left:0; right:0; z-index:120; background:#fff;}
.tit1 span{display:inline-block;*zoom:1;*display:inline; background:url(../images/line.png) no-repeat center; padding:20px 100px; font-size:24px;}
.tit2{ text-align:center;}
.tit2 span{display:inline-block;*zoom:1;*display:inline; background:url(../images/line.png) no-repeat center; padding:20px 100px; font-size:30px;}
.set1_news{ padding-top:0;}
.n_newslist{ width:94%; padding:10px 0;}
.nxq{ width:94%; margin:0 auto;}
.nal_list{ width:48%; float:none;display: inline-block;}
.nal_list a{ margin:0;border-radius: 10px;}
.nal_bottom{ margin:0 -2%}
.nal_nav{ text-align:left;}
.nal_nav ul li a{ padding:10px; text-align:center; margin-bottom:5px;}
.nal_nav ul li.al_nav1,.nal_nav ul li.al_nav2,.nal_nav ul li.al_nav3,.nal_nav ul li.al_nav4{ width:24%;}
.nal_nav ul li.al_nav5{ margin-left:24%; width:32%;}
.nal_nav ul li.al_nav6{ width:32%}
.nalxq_bottom,.nus_main{ width:99%;}
.n_hzhb{ top:140px;}
.set2{ margin-top:20px;}
.syal_imgmask{display:block;color:#fff; background:rgba(0,0,0,0.5)}
.nal_list_mask{opacity: 1;background-color: rgba(0, 0, 0, 0.28);}
.nal_list_mask h5{transform: translateY(0px);opacity: 1;}
}
@media (max-width: 992px){
.header-top1navm ul li a{ font-size:18px;}	
.set_allist{ float:none; width:100%;overflow:hidden;}	
.syal_list{ float:left; width:48%; margin:0 1% 10px}
.set_allist1 .syal_list{ width:98%}
.set2main{ padding:20px 15px;}
.set2{ margin-top:10px;}
.nus_main{ margin:0 auto;}
.nus_map1 h5{margin: 20px 0;}
.nus_map1 img{ width:86%; margin:0 auto;}
.nji_set1{ width:86%}
.n_hzhbimg{ padding-top:20px;}
}
@media (max-width: 768px){
.header-top1navm ul li{line-height: 76px;}	
.header-top1navm ul li a,.nji_set3 h6{ font-size:16px;}	
.tit1{top: -45px;}
.tit1.container{ width:94%}
.tit1 span{ font-size:18px; padding:10px 60px; background:url(../images/line1.png) no-repeat center;}	
.tit2 span{ font-size:18px; padding:10px 60px; background:url(../images/line1.png) no-repeat center;}	
.set1_news .n_newslist:first-child{ padding-top:0;}
.nxq_date{ width:50px; font-size:18px;}
.nxq_date span{ font-size:12px;}
.nxq_contentwz{margin-left: 65px;}
.nji_set1 ul li{ width:50%;}
.nji_set1 ul li img{ width:90%;}
.nji_set1 ul li:last-child{ width:100%;margin:0 0 20px;}
.nji_set1 ul li:last-child img{ width:50%; }
.nji_set2{ font-size:13px; padding:20px 0;}
.nji_set2 span{ display:block; font-size:14px;}
.nji_set1{ font-size:13px; line-height:26px;}
.n_hzhb{ top:120px;}
.set2main>img{ width:90%; margin:0 auto;}
.syal_list{ margin-bottom:5px;}
}
@media (max-width: 640px){
.header-top2left h1{ margin-top:15px}
.header-top2right{margin:15px 0 20px;}
.header-top1navm ul li a{ font-size:15px;}	
.n_newslist dl dt{ width:120px; margin-right:15px;}
.n_newslist dl dd h5{ font-size:13px; margin:3px 0;}
.n_newslist dl dt img{border-radius:10px;border-bottom-right-radius:0;}
.n_newslist dl dd p{ height:20px}
.more{ text-align:center; margin:10px 0 20px;}	
.nal_list_mask h5{ font-size:13px;padding-top:18%;}
.nal_list_mask span{ margin-top:5px;}
.nal_nav ul li a{ font-size:13px; color:#333; padding:3px; margin-bottom:8px;}
.nal_nav ul li.al_nav6{ width:40%}
.more a img{ width:12px;}
.header-top1navm ul.container{ padding:0 5px;}
}
@media (max-width: 480px){
.header-top1navm ul li{line-height:36px;}	
.header-top1navm ul li a{ font-size:13px;}	
.tit1 span{ font-size:18px;}
.xq_tit h6{ font-size:13px; margin-bottom:10px;}
.n_hzhb{ top:90px;}
}
@media (max-width: 320px){
	
}