/* CSS Document */

body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,p,a,input,img
{
	padding:0;
	margin:0;
	text-decoration:none;
	list-style-type:none;
	
}
textarea,input,button,select,keygen,legend{ color:#404040;outline:0; font-size:inherit; font-family:inherit; font-weight:inherit; line-height:inherit;}
img{border:none;}
input {outline:none;}
body {
	  font-size:12px;
      font-family:"Microsoft YaHei", sans-serif;
	  line-height:1.5;
	  }
a { color:#000;; text-decoration:none;}
.clear {} 
.clear:after {content: " ";clear: both;visibility: hidden;height:0px;display: block;line-height: 0;}
* { box-sizing:content-box;}
.wrap-all { width:1000px; margin:0 auto;}
.fl { float:left;}
.fr { float:right;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
.mxof{ overflow:hidden;}

/*浮动客服*/
#floatDivBoxs{width:140px;position:fixed;top:25%; right:0;z-index:999; padding-bottom:30px; background:#019c99;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px;color:#fff;background:#019c99;font-size:18px;text-indent:19px;position:relative;}
#floatDivBoxs .floatDqq{ padding:15px 0px 15px 9px;}
#floatDivBoxs .floatDqq li{line-height:40px;font-size:13px;}
#floatDivBoxs .floatDqq li a { color:#434343;}
.floatShadow{ background:#fff;}
#rightArrow{width:48px;height:45px;background:url(../images/next.png) no-repeat 2px 0;position:fixed;top:25%;right:140px;z-index:999;}
#rightArrow a{display:block;height:45px;}



.tohead { width: 1000px; margin:10px auto;overflow:hidden;}
.top_head .lan_xz { width:100%; height:35px; background:#b6b5b7; line-height:35px; text-align:right;transition:all 1s; overflow:hidden;}
.top_head .lan_xz a { display:inline-block; font-size:13px; color:#fff; margin-left:20px; }
.top_head .lan_xz a.on { color:#404447;}
.tohead .logo {  float: left;  }
.tohead .top_fr {  float: right; background:url(../images/head-r.jpg) left center no-repeat; height:100px; padding-left:170px; position:relative;}
.tohead .top_fr .syemail a { color:#4fa9b5; font-size:20px; font-weight:bold; display:block; margin-top:70px;}


.menu { width: 100%; margin-bottom:8px; height:38px;}
.nav { width: 1000px; margin:0 auto;}
.nav ul li { float: left; text-align: center; position:relative;}
.nav ul li a { color: #333; font-size: 13px; font-weight:bold;  display: block; padding:10px 0px; width:142px;border-right:1px solid #cdcdcd;}
.nav ul li li a { border-right:none; font-weight:normal;}
.nav ul li:last-of-type a { border-right:0px;}
.nav ul li:hover,.nav ul li.on { background: #4fa9b5;}
.nav ul li:hover  a,.nav ul li.on  a { color:#fff; border-right-color:#4fa9b5;}
.nav ul li:hover li a,.nav ul li.on li a { color:#333; border-right:none; line-height:30px;}
.nav ul li ul { position:absolute; top:100%; z-index:98; background:#fff; line-height:35px; display:none;}
.nav ul li ul li a { color:#333; margin:0; padding:0px;}
.nav ul li:hover > ul{ display:block;}
.nav ul li ul li:hover { background:#E5F1F8;}
.nav ul li ul li:hover a { color:#333;}
.nav ul li ul li { position:relative;}
.nav ul li ul li ul { position:absolute; left:100%; top:0px; display:none;}
.nav ul li ul li:hover > ul { display:block;}

/*------banner------*/
.banner_pc { display:block;width: 100%;margin: 0  auto; position:relative;background: #4fa9b5;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; position:relative;}
.flexslider .slides > li > a{ position:absolute; left:50%; margin-left:-350px; top:550px; background:rgba(255,153,0,0.8); padding:10px 20px; border-radius:5px; color:#FFF;}
.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:1000px;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.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);}
.flex-control-nav { text-align:center; position:absolute; bottom:5px; width:100%;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}
.flex-direction-nav { height:0px;}


/**************/
.syproduct { width:1000px; margin:15px auto 0;overflow:hidden;}
.syproduct ul li { width:315px; float:left; margin-left:27px;}
.syproduct ul li:first-child { margin-left:0px;}
.syproduct ul li .sypro-img { width:315px; height:210px;}
.syproduct ul li .sypro-img img{ width:100%; height:100%;}
.syproduct ul li .sypro-txt { height:95px; background:#179393; padding:10px 18px; overflow:hidden; font-size:12px; line-height:18px; color:#fff;}
.syproduct ul li .sypro-txt h3 { position:relative; font-size:18px; padding-left:26px;color:#fefefe; font-weight:bold;text-transform:uppercase; line-height:28px; height:28px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.syproduct ul li .sypro-txt h3:after { position:absolute; content:''; width:18px; height:18px; background:#aedede; left:0px; top:5px; border-radius:100%;}
.syproduct ul li .sypro-txt h5 {max-height:36px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}   
.syproduct ul li .sypro-txt a { width:80px; height:24px; font-size:14px; margin-top:5px;line-height:24px; background:#fff; border-radius:8px; display:block; text-align:center; text-transform:uppercase;}


/************/
.synews { width:1000px; margin:20px auto; overflow:hidden;}
.synews .synws-left { float:left; width:450px; }
.synews .synws-left h3 a { font-size:16px; font-weight:bold; line-height:30px;}
.synews .synws-left h3 a:hover { text-decoration:underline;} 
.synews .synws-left ul li{ position:relative;font-size:12px; height:29px; line-height:29px; border-bottom:1px dashed #ccc; padding-left:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.synews .synws-left ul li:before { position:absolute; content:''; width:31px; height:100%; left:0px; top:0px; background:url(../images/news.jpg) no-repeat center; }

.synews .synws-right { float:right; width:450px;}
.synews .synws-right h3 a { font-size:16px; font-weight:bold; line-height:30px;}
.synews .synws-right h3 a:hover { text-decoration:underline;} 
.synews .synws-right ul li { margin-top:10px;overflow: hidden;}
.synews .synws-right ul li .synwr-img { width:85px; height:40px; float:left;}
.synews .synws-right ul li .synwr-img img { width:85px; height:40px;}
.synews .synws-right ul li .synwr-txt { margin-left:100px; font-size:13px; line-height:20px; padding-right:10px;}
.synews .synws-right ul li  a:hover .synwr-txt h3 { color:#CC0000;}
.synews .synws-right ul li .synwr-txt h3 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.synews .synws-right ul li .synwr-txt h5 { color:#179393;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/***********/
.foot { background:#e5eef3; height:45px;}
.foot  .footcopy { width:1000px; margin:0 auto; font-size:12px;}
.foot  .footcopy dd { line-height:45px; float:left;}
.foot  .footcopy dd a:hover { color:#e10d09;}
.foot  .footcopy dt { padding:0 30px; background:#4fa9b5; line-height:18px; height:18px; margin-top:13px;float:right; color:#fff;}
.foot  .footcopy dt img { vertical-align:middle;}


/***********/
.ny-banner { background:#4fa9b5; text-align:center;}

.ny-main {  width:1000px; margin:10px auto; }

.ny-main .nyleftlm { width:180px; float:left; background:#f3f8fa; padding:5px 10px;}
.ny-main .nyleftlm  .nylt-tit { background:#4fa9b5; color:#fff; font-size:14px; font-weight:bold; line-height:35px; padding-left:15px; text-transform:uppercase;}
.ny-main .nyleftlm ul li { line-height:32px; background:#e5e6f0;}
.ny-main .nyleftlm ul li a{  padding-left:25px; background:url(../images/leftlm_li.png) no-repeat 10px center;border-bottom:1px solid #fff; display:block;color:#000;}
.nyleftlm ul li a:hover{ text-decoration:underline;}
.ny-main .nyleftlm ul li li a { padding-left:35px; background:none;}

.ny-main .nyltcontact { margin-top:20px; font-size:14px;}
.nyltcontact .nyltct-tit {background:#4fa9b5; color:#fff; font-size:14px; font-weight:bold; line-height:35px; padding-left:15px; text-transform:uppercase; }
.nyltcontact .nyltct-con { background:#fff; padding:15px 10px;}
.nyltcontact .nyltct-con .nylt-email {  font-size:12px; margin-top:10px;display:block; float:left; width:75px; text-align:center; height:25px; line-height:25px;  border-radius:4px; border:1px solid #bcbcbc;}
.nyltcontact .nyltct-con .nylt-feedback {font-size:12px; margin-top:10px; display:block; float:right; width:75px; text-align:center; height:25px; line-height:25px; border-radius:4px;border:1px solid #bcbcbc;} 
.nyltcontact .nyltct-con .nylt-gtgw { margin-top:8px; display:block;border-radius:4px;border:1px solid #bcbcbc; line-height:30px; text-align:center; font-size:14px; font-weight:600;}
.nyltcontact .nyltct-con a img { vertical-align:middle;}
.nyltcontact .nyltct-con a:hover { color:#ff6600;}
.ny-main .nyrightmn { width:780px; float:right;}
.nyrightmn .nyrttil { background:url(../images/righttil_bg_47.jpg) no-repeat left center; padding-left:30px; font-size:15px; font-weight:bold; color:#000; border-bottom:2px solid #000; line-height:33px; height:30px; overflow:hidden;}
.nyrightmn .nyrttil a { color:#000; text-transform:uppercase;}
.nyrightmn .nyrttil span { text-transform:capitalize;}
.nyrightmn .nyrttil a:hover { text-decoration:underline;}
.ny-about ,.ny-capacity ,.ny-quality,.ny-resource,.ny-contact,.ny-news { line-height:1.68; margin-left:25px; margin-top:15px; margin-bottom:20px; font-size:14px;}


/***********/
.ny-product { margin-top:18px;font-size:14px;}
.ny-product li { width:240px; border:1px solid #cdcdcd; float:left; margin:0px 9px 18px;}
.ny-product li .nypro_img img { width:240px; height:180px;} 
.ny-product li .nypro_txt { line-height:30px; text-align:center;}
.ny-product li .nypro_txt a { color:#000;}
.ny-product li .nypro_txt a:hover { color:#ff6bold; text-decoration:underline;}

/**********/
.page {
    margin-bottom: 20px;
    margin-top:20px;
    height: 33px;
	text-align:center;
}
.page a {
    padding: 5px 13px;
    background: #efefef;
    margin-right: 4px;
    color: #666;
    border-radius: 3px;
    display: inline-block;
}
.page a.current {
    color: #fff;
    background: #4fa9b5;}

/*********/
.nny-product { margin-top:15px;font-size:14px;}
.nny-product .nnypro-img { text-align:center; line-height:35px;}
.nny-product .nnypro-img img { width:500px;}
.nny-product .nnypro-con .nnypc-tit { background:#f3f8fa; line-height:30px; font-weight:bold; color:#0C2C30; padding-left:20px;}

/********/
/*feedback*/
.form-control {display: block; width:260px;height:24px;padding:3px 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;}


.col-sm-5 { margin-top:10px; line-height:35px;}
.col-sm-5 #FeedabckContent {display: block; width:400px;height:150px;padding:3px 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;}
.col-lg-12 { width:400px;  text-align:center; margin-top:25px;}
.btn {display: inline-block;padding: 10px 18px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;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: 1px solid transparent; border-radius: 4px;}
.btn-default {color: #333;background-color: #fff; border-color: #ccc;}
.btn-default:hover{ color: #fff;background-color:#4fa9b5; border-color: #4fa9b5;}


/***news***/
.ny-news li { overflow:hidden;border-bottom:1px dashed #d2d2d2; line-height:35px; background:url(../images/Arrow.gif) no-repeat left center; padding-left:10px;}
.ny-news li a { display:block; float:left; width:620px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ny-news li span { float:right; color:#666;}

/******/
.nny-news { margin-top:15px; font-size:14px;}
.nny-news .nnynws-tit { font-size:18px; text-align:center; border-bottom:5px solid #4fa9b5; line-height:35px; margin-bottom:20px;}

.pages { clear: left; margin-top: 6px; margin: 0 auto; text-align: center; line-height: 35px; }
.pages a, .pages font, .pages i { border: 1px solid #DDD; color: #333; padding: 5px 10px; text-decoration: none; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color:#efefef; }
.pages b { border: 1px solid #4fa9b5; padding: 5px 10px; text-decoration: none; background: #4fa9b5; color: #FFF; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.pages a:hover { border: 1px solid #4fa9b5; padding: 5px 10px; text-decoration: none; background: #4fa9b5; color: #FFF; font-size: 12px; }
