@charset "gb2312";
.f_page { margin-top: 20px; text-align: center; }
.f_page a, .f_page span { display: inline-block; margin: 0 2px; height: 29px; width: 29px; box-sizing: border-box; background: #efefef; color: #666; white-space: nowrap; line-height: 29px; }
.f_page a.now { color: #fff; background: #0488dd; font-weight: 500; }
.f_page .previous { background:url(../images/ppre.png) center #efefef no-repeat; text-indent: -8888888px; }
.f_page .next { background:url(../images/pnext.png) center #efefef no-repeat; text-indent: -8888888px; }

body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote,
/* structural elements 结构元素*/dl, dt, dd, ul, ol, li,
/* list elements 列表元素*/pre,
/* text formatting elements 文本格式元素*/form,input, fieldset, legend, button, textarea,div,
/* form elements 表单元素*/img
/* img elements 图片元素*/{border:medium none;margin: 0;padding: 0;}
/** 设置默认字体 **/body{ font-size:14px; line-height:1.5; font-family: "微软雅黑", Arial, sans-serif; color:#333;outline:0;}
*{ box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-family: "微软雅黑", Arial, sans-serif; font-weight:normal;}
em{font-style:normal;}
img { vertical-align:middle;}
*:focus {outline: none;} 
/** 重置列表元素 **/ul, li, ol{list-style:none;}
/**重置*/
button, input, textarea {
    font-family: "微软雅黑", Arial, sans-serif;
    font-size: inherit;
    line-height: inherit;
	outline:0;
	font-weight:inherit;
	-webkit-appearance:none; 
}
*{-webkit-tap-highlight-color:rgba(255,0,0,0);} 
/** 重置超链接元素 **/
a{text-decoration:none;color:#404040; outline:none;}
a:hover{text-decoration:none;}
/** 重置图片元素 **/img{border:0px;}
.fl{float:left;}
.fr{float:right;}
/** 重置表格元素 **/table{border-collapse:collapse; line-height:30px;}
.clear:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}
.wrap-all { width:1200px; margin: 0 auto;} 
.wrap-all:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}

/**********/
#topcontrol{width:50px;height:50px;background:url(../images/backtop.png) no-repeat left top; z-index:99; border-radius:5px; overflow:hidden;}
#topcontrol:hover{ background-position:-50px top;}


.top{background-color:#FFF; position:relative;box-shadow: 0 1px 3px #CCC; z-index:2; position:fixed; left:0px; width:100%; top:0px;z-index:99;}
.top .tp_wrap { width:1200px;margin: 0 auto; position:relative;}
.top .tp_wrap:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}
.logo{float:left;}
.logo a { margin-top:15px; margin-bottom:13px;display:block;}
.logo img{ display:block;}


/**banner**/
.banner-pc {margin:83px  auto 0; position:relative;}
.banner-sj {margin:83px  auto 0; position:relative;display:none;}

.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; position:relative;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 780px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flexslider .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flexslider .flex-direction-nav {*height: 0;}
.flexslider .flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flexslider .flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flexslider .flex-direction-nav .flex-prev {left: 0;}
.flexslider.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flexslider .flex-control-nav {width: 100%;position: absolute;text-align: center;left:0; bottom:5px; height:20px; vertical-align:bottom;}
.flexslider .flex-control-nav li {display:inline-block;zoom: 1;*display: inline; height:14px; transition:0s;}
.flexslider .flex-control-paging li a { background:#fff;display:block;overflow: hidden;text-indent:-99em; box-shadow:3px 3px 6px #444; width:14px; height:14px; margin:0 5px;cursor: pointer; border-radius:100%; transition:none;}
.flexslider .flex-control-paging li a.flex-active { background:#1177ea;}
.flexslider .flex-direction-nav { height:0px;}


/***********/
.sy-iot { padding:50px 0;}
/*整个网站的大标题*/
.syit-tit { text-align:center; color:#808080;}            
.syit-tit h3 { font-size:30px; margin-bottom:5px; color:#333;}

.syit-con { padding-top:35px; text-align:center;}
.syit-con ul { font-size:0px;}
.syit-con li { width:16.666%; display:inline-block;text-align:center; color:#525252; font-size:16px; line-height:30px;}
.syit-con li p { margin-top:10px;}
.syit-con li img { height:80px; transition:all 0.3s;}
.syit-con li:hover img { transform:translateY(-8px);}

.syit-b { text-align:center;  margin:3% 4% 0; color:#525252;}
.syit-b li { display:inline-block; margin-bottom:2%;}
.syit-b li img { max-width:240px; width:100%;}


/*************/
.sy-case { padding:50px 0 30px; background:url(../images/syce_bg.jpg) no-repeat top center;overflow:hidden;}
.sy-case .syit-tit {  color:#fff;}
.sy-case .syit-tit h3 {color:#fff;}

.syce-con { position:relative; margin:60px auto 0px;}
.syce-con li{width:198px;height:198px; position:absolute; background: #fff;transform: rotate(45deg); border:1px solid #e6e6e6; overflow:hidden; text-align: center; display:none;}
.syce-con li img{transform: rotate(-45deg); -moz-transition:0.5s; -ms-transition:0.5s;-o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;height:280px; display: inline-block; position:absolute; left:50%; top:50%; margin-left:-220px; margin-top:-140px;}
.syce-con li p { display:none;}
.syce-con li:hover img{ transform:scale(1.1) rotate(-45deg);}


/************/
.sy-adv { padding:40px 0; text-align:center;}
.sy-adv ul { vertical-align:top; font-size:0px;}
.sy-adv li { display:inline-block; width:31.33%; margin:1%; border:1px solid #ddd; padding:15px;}
.sy-adv li .syadv-img { transition:all 0.3s;}
.sy-adv li .syadv-img img { height:80px;}
.sy-adv li .syadv-txt { font-size:14px; color:#525252;}
.sy-adv li .syadv-txt h4 { font-size:18px; padding:12px 0 10px; color:#333;}
.sy-adv li .syadv-txt p { line-height:21px; height:42px; overflow:hidden;}
.sy-adv li:hover .syadv-img { transform:translateY(-8px);}



/**********/
.sy-api { padding:50px 0 20px; background:#f7f8fa;}
.syap-con { margin-top:35px;}
.syap-con ul{ font-size:0px; text-align:center;}
.syap-con li{ font-size:14px; width:20%; display:inline-block; margin:0 2.5% 4%; color:#525252;}
.syap-con li .syap-txt h4 {font-size:18px; padding:12px 0 10px; color:#333;}
.syap-con li .syap-txt p {line-height:21px; height:42px; overflow:hidden;}
.syap-con li .syap-txt p {line-height:21px; height:42px; overflow:hidden;}
.syap-con li .syap-img img { height:80px; transition:all 0.3s;}
.syap-con li:hover .syap-img img { transform:translateY(-8px);}


/**********/
.sy-news { padding:50px 0;}
.synws-con { padding-top:35px;}
.synws-con li { float:left; width:23%; margin:0 1%;}
.synws-con li .synws-img { overflow:hidden; border:1px solid #ddd;}
.synws-con li .synws-img img { width:100%; transition:all 0.3s;}
.synws-con li:hover .synws-img img { transform:scale(1.2);}
.synws-con li .synws-txt { margin-top:4px;}
.synws-con li .synws-txt h4 { font-size:16px;height:35px; line-height:35px; overflow:hidden;}
.synws-con li .synws-txt h4 a{ color:#333;}
.synws-con li .synws-txt h4 a:hover{ color:#0488dd;}
.synws-con li .synws-txt span { display:block; font-size:12px; color:#999; margin-bottom:4px;}
.synws-con li .synws-txt p { line-height:21px; height:42px; overflow:hidden; color:#525252;}


/********/
.sy-partner { padding:50px 0 20px; background:#f7f8fa;}
.sypart-con { padding-top:35px;}
.sypart-con ul { font-size:0px; text-align:center;}
.sypart-con li { display:inline-block; width:10%; text-align:center;margin-bottom:20px;}
.sypart-con li .sypart-img { margin:0 auto; border-radius:50%; overflow:hidden;transition:all 0.3s; max-width:100px;}
.sypart-con li .sypart-img img { width:100%; }
.sypart-con li:hover .sypart-img{ transform:translateY(-8px);}
.sypart-con li .sypart-txt { margin-top:10px; color:#525252; font-size:16px;}


/**********/
.foot { background:#0488dd; padding:25px 0 0;}
.foot-nav { font-size:0px; text-align:center;}
.foot-nav a { display:inline-block; font-size:14px; color:#fff; margin:0 12px; line-height:24px;}
.foot-nav a:hover { color:#fff; text-decoration:underline;}
.foot-con { text-align:center; color:#fff; margin-top:10px; line-height:24px;}

.ftcopy { line-height:24px; padding:6px 3%; border-top:1px solid #2e98dc; color:#fff; text-align:center;  margin:20px auto 0;}
.ftcopy a:hover { text-decoration:underline;}


/**********/
.nybat { overflow:hidden; margin-top:83px;}
.nybat img{ display:block; position:relative; width:1920px; left:50%; margin-left:-960px; top:0px;}

/********/
.nyiot1 { padding:40px 0 30px;}
.nyiot-con, .nnycase-con, .pro_jies, .nnynews-con{ margin-top:25px; color:#525252; }
.nyiot-con p{line-height:28px; font-size:16px;}
.nnycase-con p, .pro_jies p, .nnynews-con p {line-height:24px;}
.nyiot-con img, .nnycase-con img, .pro_jies img, .nnynews-con img{ max-width:100% !important;}

.ny-mobile { display:none;}

/*******/
.nyiot2 {padding:40px 0; background:#f7f8fa;}

/*******/
.nyiot3 { padding:20px 0 30px;}
.nyiot3 li { width:31.333%; float:left; margin:1%;}
.nyiot3 li img { width:100%;}

/*******/
.nyiot4 {padding:40px 0; background:#f7f8fa; }

/******/
.nyiot5 { padding:20px 0 30px;}

/******/
.ny-case { padding:40px 0;}
.nyce-tit { text-align:center;}            
.nyce-tit h3 { font-size:30px; margin-bottom:5px; color:#333;}
.nyce-tit h3 a { color:#333;}
.nyce-tit h3:nth-child(n+2) { background:url(../images/nydown.png) no-repeat top 4px center; padding-top:23px; padding-bottom:15px; border-bottom:1px solid #ddd;}

.nycase-con { margin-top:25px;}
.nycase-con li { width:100%; float:left; background:#f0f0f0; margin-bottom:20px;}
.nycase-con li .nyce-img { width:50%; float:left; overflow:hidden;}
.nycase-con li .nyce-img img { width:100%; transition:all 0.5s; }
.nycase-con li:hover .nyce-img img {transform:scale(1.1);}
.nycase-con li .nyce-txt { float:left; width:50%; padding:30px;}
.nycase-con li:nth-child(even) .nyce-img{ float:right; }
.nycase-con li:nth-child(even) .nyce-txt{ float:right; }
.nyce-txt .nycet-t { font-size:30px; margin-bottom:15px; height:55px; line-height:45px; padding-bottom:10px; overflow:hidden; border-bottom:1px solid #999;}
.nyce-txt .nycet-t a { color:#333;}
.nyce-txt .nycet-c { font-size:16px; line-height:28px; color:#525252; height:224px; overflow:hidden;}
.nyce-txt .nycet-c p {}


/**************/
.page {margin-top: 20px;text-align:center;}
.page a {
     height:30px; width:30px;
    background: #efefef;
    margin-right: 4px;
    color: #666;
    border-radius:4px;
    display:inline-block;
	 line-height:20px;
	  padding:5px;
	   white-space: nowrap;
	   vertical-align:top;
	   box-sizing:border-box;
}
.page a.first-page {background:url(../images/pfirst.png) center #efefef no-repeat;}
.page a.pre-page {background:url(../images/ppre.png) center #efefef no-repeat;}
.page a.last-page {background:url(../images/plast.png) center #efefef no-repeat;}
.page a.next-page {background:url(../images/pnext.png) center #efefef no-repeat;}
.page a.current {color: #fff;background:#0488dd;}

/*******/

/******/
.nyproduct-con { padding-top:25px;} 
.nyproduct-con li { float:left; width:33.333%; text-align:center;} 
.nyproduct-con li a { display:block; margin:0 10px 15px;}  
.nyproduct-con li .nypro-img { border:1px solid #ddd; overflow:hidden;}
.nyproduct-con li .nypro-img img { width:100%; transition:all 0.5s;}
.nyproduct-con li .nypro-img img { width:100%; transition:all 0.5s;}
.nyproduct-con li a:hover .nypro-img img { transform:scale(1.1);}
.nyproduct-con li .nypro-txt { line-height:30px; height:30px; padding:0 10px; overflow:hidden; font-size:16px;}

/******/
.nnyproduct-con { padding-top:25px;}
.pro_list{ float:left; width:45%; margin-right:4%;}
.sp-wrap{ display:none; line-height:0; font-size:0; }
.product_xq_right { width:51%;; float:right; line-height:28px; color:#525252; margin-top:20px;}

.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0 0 0; width:16.6666666666667%; height:50px; overflow:hidden; opacity:.3; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{ opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ border:1px solid #eee; position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0;}

.sp-large a img{width:100%; height:auto;}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}

.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}


/*******/
.pro_xiangxi{  margin:16px auto 0; overflow:hidden;}
.pro_xlii{ margin:0 auto; overflow:hidden;border-bottom:#cdcdcd 1px solid;font-size:20px; color:#333; line-height:35px; padding-bottom:5px; }
.pro_jies{}


/*******/
.nynews-con { padding-top:25px;}
.nynews-con li { margin-bottom:20px; overflow:hidden; padding:20px; background:#f0f0f0; float:left; width:100%;}
.nynews-con li .nyce-img{ float:left; width:300px;}
.nynews-con li .nyce-img img { width:100%;}
.nynews-con li:hover .nyce-img img {animation:sf_11 0.4s forwards;}
.nynews-con li .nyce-txt { margin-left:330px;}

.nynews-con li .nyce-txt h4 { display:block; color:#333;font-size:18px; margin-top:6px;margin-bottom:6px; line-height:36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nynews-con li:hover .nyce-txt h4 a{ color:#0488dd;}
.nynews-con li .nyce-txt p { color:#525252;overflow: hidden;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;  line-height:24px;}
.nynews-con li .nyce-txt .img-data { font-size:12px; color:#808080; margin-bottom:4px;}

/******/
.nyabout1 { padding:40px 0;}
.nyabout1 .nyabout-tit { text-align:center; font-size:0px;}
.nyabout1 .nyabout-tit a { display:inline-block; padding:0 35px; line-height:40px; border:1px solid #ddd; font-size:16px; margin:0 10px;}
.nyabout1 .nyabout-tit a:hover { color:#0488dd;}
.nyabout1 .nyabout-tit a.act { background:#0488dd; border-color:#0488dd; color:#fff;}

/*******/
.nyabout2 { padding:0px 0 40px;}
.nyabout2 li { float:left; width:50%;}
.nyabout2 li img { width:100%;}

/******/
.nyabout5 { padding:40px 0; background:#f7f8fa;}

/*******/
.nyabout4 { padding:40px 0; display:none;}
.nyabout4 li { float:left; width:21%; margin:0 2%;}
.nyabout4 li img { width:100%;}

/****/
#mapbarframe { width:100%; height:480px; margin-top:20px;}