html{ background:#fff; color:#000; overflow-x:hidden;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}img{border:0;}ol,ul,li{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{ background:#fff; color:#000; font-size:13px; font-family:'微软雅黑';}
a{ color:#000;}
a:hover{color:#055cbd;}

/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;}
.hidden{display:none;}
.jj_pic{ float:left; margin:0 10px 0 0;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.red{ color:#f00; font-weight:bold; padding-left:10px;}
.nr_red{ color:#f00; font-weight:bold;}



.scale:hover img {
    transform: scale(1.1, 1.1);
}
.scale img{ transition:transform 1s ease 0s}

#indexNews{ padding-top:10px; width:800px;}
#indexNews li {
	line-height: 30px;
	height: 30px;
	width:400px;
	float:left;
	transition:0.3s all 0s linear;
}
#indexNews li a{ float:left;}
#indexNews li:hover{ background:#d76d2d; padding-left:10px; width:390px;}
#indexNews li:hover a{ color:#fff;}
.Newstime {
	color:#ccc;
	font-size:12px;
	padding-left:10px;
}
#lxwm_nr {
	margin: 0 20px 20px;
	font-size:14px;
}
#lxwm_nr p {
	line-height: 35px;
	border-bottom: 1px dotted #ccc;
	padding-left: 20px;
}
#prev_next{ border-top:1px solid #ccc; margin-top:10px; padding-top:5px;}
#prev_next li{ padding-left:10px; height:30px; line-height:30px;}

#con_lx{ background:url(../Image/lx.jpg) no-repeat left center; padding-left:430px; height:auto; overflow:hidden; line-height:2.0; font-size:14px; width:50%;}




#ys_nr1 .font p{
  -webkit-animation: float ease-in-out 1.5s infinite;
  animation: float ease-in-out 1.5s infinite;
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}



/** header **/
#top_nr{ width:100%; height:145px; z-index:99999;}
#top_line_bj{ height:30px; background:#055cbd; width:100%;}
#top_line{ width:1200px; height:25px; text-align:right; padding-top:5px;}
#top_bj{ height:115px; width:100%; background:#fff; border-bottom:5px solid #055cbd;}
#top{ width:1200px; height:115px;}
#logo{ float:left; padding:40px 0 0;}
#top_right{ float:right; padding:0;}

#nav_bj{ background:#055cbd; height:53px; width:100%;}
#nav{ width:1200px; height:53px;}
#nav a{ display:block; float:left; width:150px; height:53px; line-height:53px; font-size: 16px; text-align:center; color:#fff; background:url(../Image/nav_line.png) no-repeat right center; transition:0.3s all 0s linear;}
#nav a:hover{ background:url(../Image/nav_line.png) no-repeat right center #bf0101;}

#nav_zi {
		width: 900px;
		height: 35px;
		line-height: 35px;
		padding-left: 300px;
		 padding-top: 5px;
	}
#nav_zi a{ display: block; float: left; padding: 0 20px 0 30px; height: 30px; line-height: 30px; transition: 0.3s; background: url(../Image/icon.png) no-repeat 10px center;}
#nav_zi a:hover{ background: url(../Image/icon1.png) no-repeat 10px center #055cbd; color: #fff;}


.flash{ width:100%px;height:520px; margin:0 auto; text-align:center; position:relative; z-index:0; }
.flash .flashBox {position:relative; margin:0 auto; width:1000px; height:520px; }
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBox .bd{position:absolute;  width:1920px; left:-460px;}
.flash .flashBox .bd img{width:100%; height: 520px;}

#zxdt_bj{ height:40px; border-bottom:5px solid #e7e7e7; width:100%;}
#zxdt{ width:1200px; height:40px; line-height:40px;}
#zxdt a{ padding:0 20px;}

/** footer **/
#end_bj{ background:url(../Image/end_bj.jpg) no-repeat center top #055cbd; width:100%; height:258px; color:#cad6ec; padding:35px 0; line-height:2.2;}
#end_bj a{ color:#cad6ec;}
#end_bj a:hover{ color:#fff;}
#end{ width:1200px; height:auto; overflow:hidden;}
#end_nav{ height:56px; background:url(../Image/end_nav.png) no-repeat center top; width:883px; padding:0 50px 36px;}
#end_nav a{ display:block; float:left; background:url(../Image/end_nav_line.png) no-repeat right center; width:110px; height:56px; line-height:56px; text-align:center; color:#fff; text-align:center;}
#end_nav a:hover{ color:#ff0;}
#end_lx{ background:url(../Image/end_logo.png) no-repeat 170px center; margin-top:10px; height:160px; padding-left:530px; font-size:13px;}


/** main **/ 
.main{ width:1200px; height:auto; overflow:hidden; padding:25px 0;}

.slideTxtBox{ width:1200px; text-align:left; }
.slideTxtBox .hd{ height:40px; line-height:40px; position:relative; }
.slideTxtBox .hd ul{ float:left; width:1200px;  position:absolute; height:40px; background:url(../Image/telshi.png) no-repeat right center;}
.slideTxtBox .hd ul li{ float:left; height:40px; margin-right:3px; padding:0 30px; background:#055cbd; cursor:pointer;  }
.slideTxtBox .hd ul li a{ color:#fff; font-size:14px;}
.slideTxtBox .hd ul li.on{ height:40px;  background:#bf0101; }
.slideTxtBox .bd ul{ padding:15px 0;  zoom:1;  }
.slideTxtBox .bd li{ height:auto; overflow:hidden; font-size:13px; line-height:2.0; }
.slideTxtBox .bd li img{ width:400px; height:303px; border:3px solid #e9e9e9; float:left; }
.slideTxtBox .bd li .cp_title{ color:#747474; font-size:18px; font-weight:bold;}
.slideTxtBox .bd li #zxdg{ width:115px; height:35px; background:url(../Image/anbj.jpg) repeat-x center; text-align:center; margin-top:10px; line-height:35px; float:left; border-radius:3px; color:#fff; transition:0.3s all 0s linear;}
.slideTxtBox .bd li #zxzx{ width:115px; height:35px; background:url(../Image/anhover.jpg) repeat-x center; text-align:center; margin-top:10px; line-height:35px; float:left; border-radius:3px; color:#fff; margin-left:20px; transition:0.3s all 0s linear;}
.slideTxtBox .bd li #zxdg a{ color:#fff;}
.slideTxtBox .bd li #zxzx a{ color:#fff;}
.slideTxtBox .bd li #zxdg:hover{ background:url(../Image/anhover.jpg) repeat-x center;}
.slideTxtBox .bd li #zxzx:hover{ background:url(../Image/anbj.jpg) repeat-x center;}


#ss_bj{ height:75px; margin-top:10px; border:7px solid #e5e5e5;}
.ss{ width:545px; height:31px; float:left; padding:22px 0 0 20px;}
.sou_left{float:left; width:469px; height:29px; text-align:left; color:#16191f; line-height:29px; background:#fff; padding-left:10px; font-size:12px; border:1px solid #ececec;}
		

#lan{ background:#1a49b7; width:100%; height:auto; overflow:hidden;}
.hui{ background:#f2f2f2; width:100%; height:auto; overflow:hidden;}
#ry{ background:url(../Image/ry_bj.jpg) no-repeat center top; width:100%; height:221px;}

#ys_bj{ background:url(../Image/ys.png) no-repeat center top; height:298px;}
#ys_bj .left{ height:54px; line-height:54px; margin-top:32px; padding-left:115px; font-size:16px; width:435px; text-align:left; transition:0.3s all 0s linear;}
#ys_bj .right{ height:54px; line-height:54px; margin-top:32px; padding-right:115px; font-size:16px; width:435px; text-align:right;transition:0.3s all 0s linear;}
#ys_bj .right span{ font-size:20px; font-weight:bold;}
#ys_bj .left:hover{ padding-left:125px;}
#ys_bj .right:hover{ padding-right:125px;}

.title_bj{ background:url(../Image/title_bj.jpg) repeat-x center top; height:52px; position:relative;}
.khjz{ position:absolute; width:301px; height:61px; z-index:10; top:-12px; left:449px; }
#khjz_content{ background:#ededed; padding:10px; line-height:2.0;}

.gsjj{ float:left; width:822px; height:auto; overflow:hidden;}
.content{ line-height:2.0; padding:10px; background:#fff;}
.title{ float:left; color:#0d55a9; font-weight:bold; height:52px; line-height:52px; padding:0 0 0 20px; font-size:16px;}
.more{ float:right; height:52px; line-height:52px; color:#0d55a9; font-weight:bold; padding-right:20px;}
.more a{ color:#0d55a9;}
.more a:hover{ color:#000;}

.lxwm{ float:right; width:315px; background:#fff; padding:10px; border:10px solid #d9d9d9; height:auto; overflow:hidden;}
.lx_title{float:left; color:#0d55a9; font-weight:bold; font-size:16px;}
.lx_more{ float:right; color:#0d55a9; font-weight:bold;}
.lx_more a{ color:#0d55a9;}
.lx_more a:hover{ color:#000;}
.lx_nr{ padding:10px 0 0; line-height:2.0;}


#marqueedivcontrola{width:1200px; height:260px; overflow:hidden; margin:0 auto; float:left;}
#marqueedivcontrola li{ float:left; width:285px; height:260px; border:1px solid #efefef; text-align:center; margin-right:10px; background:#fff; transition:0.3s all 0s linear; font-size:14px;}
#marqueedivcontrola li img{ max-width:285px; height:220px;}
#marqueedivcontrola li:hover{ background:#333; color:#fff;}
#marqueedivcontrola li:hover a{ color:#fff;}
.cpgda{width:2673px;}

#marqueedivcontrol{width:1200px; height:172px; overflow:hidden; margin:0 auto; float:left;}
#marqueedivcontrol li{ float:left; width:220px; height:170px; border:1px solid #efefef; text-align:center; margin-right:10px; transition:0.3s all 0s linear;}
#marqueedivcontrol li img{ max-width:220px; height:170px;}
.cpgd{width:2320px;}

#pic{ background:url(../Image/pic.png) no-repeat center top; height:165px; width:100%;}
#bj{ background:url(../Image/bj.jpg) repeat; width:100%; height:auto; overflow:hidden;}

#ysbj{ width:1200px; background:url(../Image/ys1.png) no-repeat center top; height:700px; margin-top:30px; padding-top:160px;}
.pic{ position:relative; width:228px; height:250px; float:left; margin-right:10px;}
.pic .picnum{ position:absolute; width:36px; height:36px; z-index:20; top:0; left:96px;}
.pic .picpic{ position:absolute; z-index:10; top:18px; background:url(../Image/ys_bj.png) no-repeat center top; width:228px; height:198px; text-align:center; padding-top:30px; }
.ysnr{ width:345px; height:250px; float:left; background:#fff; border-radius:5px; margin:0 27px;}
.ysnr_title{ background:#0096e0; height:57px; line-height:57px; text-align:center; color:#fff; font-size:30px; font-weight:bold; border-top-left-radius:5px; border-top-right-radius:5px; transition:0.3s all 0s linear;}
.ysnr_content{ padding:25px; line-height:2.0;}
.ysnr:hover .ysnr_title{ background:#ee7b00;}
.pic .jt{ position:absolute; left:200px; top:100px; z-index:30; transition:0.3s all 0s linear; opacity:0;}
.pic:hover .jt{ left:220px; opacity:1;}

.slideBox{ width:315px; height:235px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:315px; height:235px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../Image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


#yqlj{ background:url(../Image/yqlj.jpg) no-repeat left top #f2f2f2; height:45px; padding-left:105px; line-height:45px; padding-right:10px; margin-top:30px;}

/** sidebar **/
#sidebar{ width:243px; height:auto; overflow:hidden; float:left;}
#main_right{ width:935px; height:auto; overflow:hidden; float:right;}

#pro_list{ padding:75px 10px 10px; background:url(../Image/cp_title.jpg) no-repeat center top #1a7ce9; float:left; width:223px;}
#pro_list li{ height:43px; line-height:43px; margin-bottom:3px; background:url(../Image/lbhover.jpg) no-repeat left center; padding-left:40px; font-size:14px;}
#pro_list li:hover{ background:url(../Image/lbbj.jpg) no-repeat center;}
#pro_list li:hover a{ color:#fff;}

#lxwm_zy1{ clear:both; background:url(../Image/lxwm1.png) no-repeat right top; border:1px solid #e1e1e1; padding:90px 10px 10px; line-height:2.0; margin-top:20px; width:221px;}

#content_zy{ padding:20px 20px 0; line-height:2.0;}


.news_lb li{ border-bottom:1px dashed #ccc; padding:10px 10px 10px 30px; color:#999; background:url(../Image/icon.png) no-repeat left 21px;}
.news_lb li a{ color:#000;}

#lx_lb{ padding-top:30px;}
#lx_lb li{ float:left; padding:0 16px 20px;}

/** zy **/ 

.product_left{width:410px; height:400px; margin-right:10px; float:left;}
.product_right{float:right; line-height:2.0; width: 460px; height:auto; overflow:hidden;}
.pro_namelb{ font-size:14px; line-height:2.2;}


#ckxq1{ background:#535353; height:35px; width:127px; line-height:35px; text-align:center; color:#fff; float:left; margin-top:10px; transition:0.3s all 0 linear; border-radius:3px; margin-right:10px;}
#ckxq1 a{ color:#fff; font-size:16px;}
#ckxq1:hover{ background:#055cbd;}




/************************************/
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
.pro_index li{float:left;overflow:hidden;margin:0 7px;width:165px;text-align:center;white-space:nowrap;*margin:0 10px;}
.pro_index span{padding-left:15px;background-position:0 -114px;}
.pro_index img{padding:3px;width:157px;height:126px;border:1px solid #dcdcdc;}
.pro_index a{*color:#444;}
.pro_index a:hover{color:#da020d;}
.pro_index img:hover{border:1px solid #999;}

.pro li{float:left;overflow:hidden; margin:0 10px 20px;width:276px; text-align:center;white-space:nowrap; border:1px solid #efefef; font-size:14px; height:245px; transition:0.3s all 0s linear;}
.pro img{ max-width:276px; height:200px;}
.pro a{color:#000; font-size:14px;}
.pro li:hover{ background:#1281d1;}
.pro li:hover a{ color:#fff;}


.pro1 li{float:left;overflow:hidden; margin:0 10px 20px;width:268px; text-align:center;white-space:nowrap; border:1px solid #ccc; font-size:14px; height:245px; transition:0.3s all 0s linear;}
.pro1 img{ max-width:268px; height:200px;}
.pro1 a{color:#000; font-size:14px;}
.pro1 li:hover{ background:#367ab9;}
.pro1 li:hover a{ color:#fff;}

/*************index&goods**************/
.news{ width:100%;}
.news li{width:100%;height:40px;text-indent:2em;line-height:40px; font-size:14px; border-bottom:1px dotted #ccc; background:url(http://www.cynsxlx.com/App/Tpl/Home/Default/Public/Image/lbicon.png) no-repeat 10px center; transition:0.3s all 0s linear; padding-left:10px;}
.news li:hover{background-color:#efefef; border-bottom:1px solid #ccc;}
.news li:hover a{color:#000;}
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center; width:100%; line-height:28px; border:1px solid #efefef; margin-bottom:10px; background:#f8f8f8;}
/***********news_info**************/
.jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;}
.jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.rel_center{ text-align:center; left:50%;}
.pro_name{display:block;color:#0d55b0;text-align:left; font-size:18px; font-weight:bold;}
.info_title{margin:10px 0 0 0;width:100%;height:35px;background:url(../Image/title_bj.jpg) repeat-x center top;}
.info_title b{display:inline-block;padding:0 20px;height:100%; background:#055cbd;color:#fff;line-height:35px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:20px 0 20px 350px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(http://www.cynsxlx.com/App/Tpl/Home/Default/Public/Image/button.gif) none center;}
/**************order&message********/
#banner{position:relative;overflow:auto;}
#banner li {float:left;}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}