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:#525252;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;}
.clearfix{ zoom:1;}
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
.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:16px; margin-bottom:14px;display:block;}
.logo img{ display:block;}


/**banner**/
.banner-pc {margin:90px  auto 0; position:relative;}
.banner-sj {margin:90px  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; display:none; }


/*******/
.sy-product { padding:50px 0 30px;}
.syit-tit { text-align:center; color:#808080; margin-bottom:30px;}            
.syit-tit h3 { font-size:30px; margin-bottom:2px; color:#333;}

.syfc ul.menu{text-align:center; margin:0 10px 30px; font-size:0px;}
.syfc ul.menu li{ display:inline-block;text-align:center;cursor:pointer; color:#808080; font-size:16px; line-height:33px; padding:0 20px; border:1px solid #ddd; border-radius:8px; margin:0 10px;}
.syfc ul.menu li.active{ border:1px solid #00a0e9; background:#00a0e9; color:#fff;}

.conns{ opacity:0; visibility:hidden; height:0px; overflow:hidden;}
.conns.show { opacity:1; visibility:visible; height:auto;}
.sypct { float:left; width:400px; box-sizing:border-box;position: relative;margin:0 auto;}
.sypct .flex-viewport {  overflow:hidden; border:1px solid #ddd; }
.sypct .slides li {}
.sypct .slides img { width:100%;}
.sypct .flex-direction-nav { display:none;}
.sypct .flex-direction-nav a {width:32px; height:32px; margin-top:-16px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}
.sypct .flex-direction-nav a.flex-prev {left:0px; background-position:left top;}
.sypct .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.sypct .flex-direction-nav a.flex-next {right:0px; background-position:right top;}
.sypct .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.sypct .flex-control-paging {display:inline-block; position:absolute; bottom:10px; left:0px; width:100%; text-align:center; font-size:0px;}
.sypct .flex-control-paging li {margin: 0px;padding: 0px; display:inline-block;overflow: hidden;list-style-type: none; margin:0 5px;}

.sypct .flex-control-paging li a {width:8px; height:8px; display:block; background-repeat:no-repeat; background-color:#a0a0a0; border-radius:100%;  text-indent:-9000px; cursor:pointer;}
.sypct .flex-control-paging li a.flex-active { background-color:#505050;}


/*****产品详情页******/
.sypct-con { margin-left:400px; padding:15px 25px; box-sizing:border-box;line-height:24px;color: #525252;}
    
 
    
    
   

/*********/
.sy-about { padding:50px 0 200px; background:url(../images/syabout_bg.jpg) no-repeat center bottom; background-size:cover;}
.syabout-con { text-align:center; width:80%; margin:0 auto; line-height:26px; color:#525252;}
.syabout-more { text-align:center; margin-top:40px; font-size:0px;}
.syabout-more a { display:inline-block; font-size:16px; line-height:50px; padding:0 80px; border:1px solid #999; border-radius:25px; position:relative; z-index:2; overflow:hidden;}
.syabout-more a:after { content:''; position:absolute;width:0px; height:100%; right:0px; top:0px; background:#00a0e9; transition:all 0.5s; z-index:-1;}
.syabout-more a:hover { color:#fff;}
.syabout-more a:hover::after { right:auto; width:100%; left:0px;}   
    
   
/*******/
.sy-download { margin-top:-150px;}    
.sy-download li { width:50%;float:left; height:150px; background:#666; color:#fff; text-align:center;}
.sy-download li a { color:#fff; display:block;line-height:90px;  position:relative;  padding:30px; font-size:24px;}
.sy-download li span { display:inline-block; position:relative;padding-left:110px;}
.sy-download li span:before { position:absolute; content:''; width:80px; height:100%; left:0px; top:0px;}
.sy-download li.on{ background:#00a0e9;}
.sy-download li.one span:before { background:url(../images/sydownload1.png) no-repeat center;}
.sy-download li.two span:before { background:url(../images/sydownload2.png) no-repeat center;}
.sy-download li.one.on span:before {animation: myfirst 2s linear infinite;}
.sy-download li.two.on span:before {animation: mysecond 2s linear infinite alternate;}


@keyframes myfirst
{
0%   { transform:rotate(0deg);}
100% { transform:rotate(360deg);}

}
@keyframes mysecond
{
0%   { transform:translateX(-25px);}
100% { transform:translateX(0px);}

}

/********/
.sy-news { padding:50px 0;}
.synews-con li { width:33.33%; float:left;}
.synews-con li .synews-cc { padding:20px 15px;}
.synews-con li h4 { line-height:35px; height:35px; overflow:hidden; margin-bottom:8px;}
.synews-con li h4 a{ font-size:18px; color:#333;  display:block;}
.synews-con li span { display:block; color:#aaa; padding-bottom:18px; margin-bottom:15px; border-bottom:1px solid #eee; font-size:12px; position:relative;}
.synews-con li span:after { content:''; position:absolute; width:0px; height:1px; background:#00a0e9; right:0px; bottom:0px; transition:0.5s all;}
.synews-con li p { line-height:26px; height:78px; overflow:hidden; color:#808080;}
.synews-con li:hover h4 a { color:#00a0e9;}
.synews-con li:hover span:after { width:100%; right:auto; left:0px;}


.synews-more { text-align:center; margin-top:25px; font-size:0px;}
.synews-more a { display:inline-block; font-size:16px; line-height:50px; padding:0 80px; border:1px solid #999; border-radius:25px; position:relative; z-index:2; overflow:hidden;}
.synews-more a:after { content:''; position:absolute;width:0px; height:100%; right:0px; top:0px; background:#00a0e9; transition:all 0.5s; z-index:-1;}
.synews-more a:hover { color:#fff;}
.synews-more a:hover::after { right:auto; width:100%; left:0px;}   
 
    
/**********/
.foot { background:#121212; padding:25px 0 0;}
.foot-nav { font-size:0px; text-align:center; }
.foot-nav a { display:inline-block; font-size:16px; color:#ddd; margin:0 13px; line-height:28px;}
.foot-nav a:hover { color:#fff; text-decoration:underline;}
.foot-con { text-align:center; color:#ddd; margin-top:10px; line-height:24px;}
.foot-con a { color:#ddd;}

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

.ny_banner { position:relative; height:280px; width:100%; overflow:hidden; margin-top:90px;}
.ny_banner img { position:absolute; left:50%; width:1920px; margin-left:-960px;}

.top_muen .tmn_title { padding:60px 0;}
.top_muen .tmn_title h4 { font-size:24px; text-align:left; color:#333;}
.top_muen .tmn_title p { color:#707070; font-family: "Times New Roman", "微软雅黑"; text-transform:uppercase; margin-top:5px; line-height:21px;}
#category { float:right;padding-bottom: 60px; margin-top: -100px; font-size:0px; max-width:80%;}
#category li { display:inline-block;font-size:14px; line-height:35px;}
#category li a {color:#888;  border:1px solid #8c989f;padding: 0 40px; display:block; margin-left:-1px; margin-top:-1px;}
#category li a:hover,#category li.active a { background:#00a0e9; border:1px solid #00a0e9; color:#fff; position:relative; z-index:2;}

.bottom_con { margin-bottom:35px;}

/***产品栏目页****/
.ny-left-menu { width:247px; float:left; position:relative; z-index:9; margin-bottom:35px;}
.nylt-title {  background:url(../images/left_title.png) no-repeat top center; color:#fff; height:127px;   width:100%;text-transform: uppercase;}
.nylt-title h4 { font-size:26px; font-weight:300; line-height:40px;padding-left:20px; padding-top:43px;color:#fff;}
.nylt-title p {padding-left:20px;color:#fff;font-family: "Times New Roman", "微软雅黑"; }

.nylt-colum-t { border-top:1px solid #fff;}
.nylt-colum-t ul {}
.nylt-colum-t li { background:#eee;   overflow:hidden;  line-height:40px; margin:0 6px;}
.nylt-colum-t li a {display:block; z-index:2; padding-left:20px;text-decoration:none;border-bottom:1px solid #fff;position:relative; height:40px;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;  transition: all 0.4s;}
.nylt-colum-t ul li a:before{ content:' '; position:absolute; display:block; width:3px; height:100%;top: 0; left: 0;  z-index:-1;background:#00a0e9;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;  transition: all 0.4s; }
.nylt-colum-t ul li a:hover::before, .nylt-colum-t ul li a.active::before  {  width:100%;}
.nylt-colum-t ul li a:hover, .nylt-colum-t ul li a.active  { color:#fff;}
.nylt-colum-t li li { margin:0;}
.nylt-colum-t li li a { padding-left:40px;}
.nylt-colum-t ul li li a:before{ background:#8c989f;}
.nylt-colum-t ul li ul { display:none;}


.ny-right-con { margin-left:270px; padding:20px; border: 1px solid #dfdfdf;box-shadow:0px 1px 2px #dfdfdf;margin-top:40px;margin-bottom:35px;}
.ny-right-con .nys-title { font-size:16px; color:#00a0e9;  line-height:30px; padding-bottom:10px; margin-bottom:10px; font-size:18px; padding-left:35px; background:url(../images/locate.png) no-repeat left top;  border-bottom:1px solid #d6d6d6;}

/***产品***/
.ny-product {}
.ny-product li { width:25%;float:left;}
.ny-product li a { display:block; margin:10px;transition:all 0.5s;}
.ny-product li .sypro-img {border:1px solid #f3f3f3; border-bottom:none; overflow:hidden;}
.ny-product li .sypro-img img { width:100%; transition:all 0.5s; display:block;}
.ny-product li .sypro-txt { text-align:center; padding:0px 5px; line-height:35px; height:35px; background:#f3f3f3; overflow:hidden; font-size:16px; color:#333;}
.ny-product li:hover .sypro-txt {  background:#00a0e9; color:#fff;}
.ny-product li:hover .sypro-img img { transform:scale(1.1);}

/**************/
.page {
    
    margin-top: 20px;
    font-size:0px;
	text-align:center;
	 
	    
}
.page a {
     height:30px; width:30px;
    background: #efefef;
    margin:0 4px;
    color: #666;
    border-radius:4px;
    display:inline-block;
	 line-height:20px;
	  padding:5px;
	  font-size:14px;
	   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:#00a0e9;}
	
	
/*******/
.nny_product {padding-top:20px; overflow:hidden; }
.nny_product .nnypro-img { text-align:center; border:1px solid #d2d2d2; width:48%;  float:left;}
.nny_product .nnypro-img img { width:100%;}
.nny_product .nnypro-txt {  width:52%;float:left; padding-left:20px; }
.nny_product .nnypro-txt .nnyprot-tit {font-size:20px;  color:#333;}
.nny_product .nnypro-txt .nnyprot-tit h3 { display:inline-block;padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #888; padding-right:10px;}

.nny_product .nnypro-txt .nnyprot-con p{line-height:26px; color:#525252;}
.nny_product .nnypro-txt .nnyprot-con img { max-width:100% !important;}

/*******/
.pro_xiangxi{ height:auto; margin:16px auto 0; overflow:hidden;}
.pro_xlii{ margin:0 auto; overflow:hidden;border-bottom:#d2d2d2 1px solid;}
.pro_xlii div.pro_xx{font-size:16px; color:#808080; line-height:42px; text-align:center;  cursor:pointer;border-radius:8px 8px 0 0; padding:0 15px;}
.pro_xlii div.on{ color: #00a0e9; }
.pro_jies {padding:16px 0;}


/********/
.nydown_tit { font-size:0px;background:#8c989f; position:relative;}
.nydown_tit span { display:block; width:25%; float:left; color:#fff;padding:0 15px; text-align:center; line-height:37px; height:37px; font-size:16px; font-weight:bold; }
.nydown_tit span:nth-child(n + 4) { width:12.5%;}
.nydown_con { margin-bottom:20px;}
.nydown_con dl { float:left; width:100%; background:#fff;  position:relative;}
.nydown_con dl:nth-child(2n) { background:#f0f0f0;}
.nydown_con dd {display:block; width:25%; float:left; padding:0 15px; text-align:center; line-height:37px; overflow:hidden; font-size:14px; height:37px; color:#333;}
.nydown_con dd:nth-child(n + 4) { width:12.5%;}
.nydown_con dd a { display:block;}
.nydown_con dd a:hover { color:#00a0e9;}
.nydown_con dl .down_img a { height:100%; display:block; background:url(../images/download.png) no-repeat center; }
.nydown_con dl .down_img a:hover {  background:url(../images/download_hov.png) no-repeat center; }
.nydown_con dl .down_beizhu {  background:url(../images/beizhu.png) no-repeat center; cursor:pointer; }
.nydown_con dl .down_beizhu:hover { background:url(../images/beizhu_hov.png) no-repeat center; }
/*********/
.ny_news li:first-child { padding-top:0px; }
.ny_news li { margin-bottom:10px;height:121px; padding:10px 0;}
.ny_news li a { display:block; position:relative;}
.ny_news li .nynews_by { padding-left:180px;}
.nynews_by .nynewsy_title { font-size:16px; color:#505050; line-height:30px;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nynews_by .nynewsy_data { font-size:12px; color:#b0b0b0; position:absolute;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nynews_by .nynewsy_con { margin-top:23px; color:#6a6a6a; line-height:24px; max-height:48px;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}
.nynews_by .nynewsy_con:after {margin: 0;position: absolute;left: 0; top: 52px;content: ""; width: 0px;height: 1px; background: #D2D2D2;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index: -1;}
.ny_news li:hover .nynews_by .nynewsy_title { color:#00a0e9; }
.ny_news li:hover .nynewsy_data{ left:0px; color:#666;}
.ny_news li:hover .nynewsy_con { margin-top:8px;}
.ny_news li:hover .nynewsy_con:after { width:130px;}

/*****详情******/
.nny_news .nnynews_title{ text-align:center; border-bottom:1px dashed #c0c0c0; padding-bottom:10px;}
.nnynews_title h3 { font-size:20px; color:#333; margin-bottom:8px;}
.nnynews_title h5 { font-size:12px; color:#6a6a6a;}
.nnynews_title h5 span { margin:0 8px;}
.nny_news .nnynews_con { margin-top:20px;}


/*********/
.ny_contact p, .ny_about p, .nnynews_con p, .pro_jies p { line-height:26px; color:#525252;}
.ny_contact img, .ny_about img, .nnynews_con img, .pro_jies img { max-width:100% !important; }
.ny_contact a { color:#525252;}
.ny_contact a:hover { text-decoration:underline;}

#mapbarframe { width:100%; height:550px; margin-top:20px;}

/*feedback*/
.nydf-cn { margin-top:20px;}
.col-sm-8  .form-control { box-sizing:border-box;display: block;width:100%;padding: 10px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;
border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;}


.col-sm-8 { float:left; width:31%; margin-right:2%; margin-bottom:20px;}
.col-sm-9 {width:97%; margin-right:3%; margin-bottom:20px;}
.col-sm-9 #FeedabckContent {display: block;width:100%;height:174px; box-sizing:border-box;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;}
.col-lg-15 { width:100%; margin-top:20px;}
.col-lg-15 .btn-default {display: inline-block;padding:10px 30px;margin-bottom: 0;font-size:16px;font-weight: normal;text-align: center;white-space: nowrap; vertical-align: middle;cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;background-image: none; border-radius: 4px; background:#00a0e9;color: #fff;border: 1px solid #00a0e9;}