/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
body{ margin:0; padding:0;color:#333333;font-family:'΢ÈíÑźÚ'; font-size:14px;}
img{ border: none}
ul li{ list-style:none; margin:0; padding:0;}
a img{ border:0}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} 
a{ text-decoration:none; color:#333;}
a:hover{ color:#004097;}
.w1200{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

.head{ overflow:hidden; padding-bottom:30px;}
.logo{ margin-top:30px; width:240px;}
.nav{ text-transform:uppercase; margin-top:40px; margin-left:20px;}
.nav ul li{ float:left; font-size:16px;text-align:center; margin-left:25px; margin-right:25px;}
.nav ul li a{ display:block; line-height:45px;}
.nav ul li a:hover{display:block; border-bottom:3px solid #004097; color:#004097;}
.nav ul li a.on{display:block; border-bottom:3px solid #004097; color:#004097;}
.nav_line{ width:1px; height:25px; background:#bbbbbb;margin-top:50px; margin-left:20px;}
.search{ position:relative;top:48px;left:10px;}
.search input.txt{position: absolute;right: 10px;top: 0px;width: 0;height: 30px;border:none;color: #444;text-indent: 2em;border-radius: 20px;box-shadow: 0 0 5px #ddd;outline:none;}
.search input.submit{width:75px;height: 33px;background: url(../images/sbtn.png) no-repeat center center;border:none;outline:none;}
.banner{ border-bottom:6px solid #004097;}
.choose{ margin-top:50px; padding-bottom:50px; overflow:hidden;}
.choose_left{width:450px; }
.choose_right{width:670px; }
.c_tit{ font-size:24px; width:325px; border-left:3px solid #004097; padding-left:20px;}
.choose_txt{ color:#6e6e6e; line-height:26px; margin-top:10px; text-align:justify;}
.choose01{ width:320px; height:82px; border:1px solid #bcbcbc;box-sizing: border-box; margin-right:30px;}
.choose02{ width:320px; height:82px; border:1px solid #bcbcbc;box-sizing: border-box;}
.choose03{ width:320px; height:82px; border:1px solid #bcbcbc;box-sizing: border-box;margin-right:30px; margin-top:20px;}
.choose04{ width:320px; height:82px; border:1px solid #bcbcbc;box-sizing: border-box;margin-top:20px;}
.choose_bt{ margin-left:20px;margin-top:15px;}
.icon01{ margin-left:20px; margin-top:20px;}
.icon02{ margin-left:20px; margin-top:20px;}
.icon03{ margin-left:20px; margin-top:20px;}
.icon04{ margin-left:20px; margin-top:20px;}
.choose_bt p{color:#6e6e6e;}
.icon01{width: 37px;
    height: 41px;
    background: no-repeat url("../images/c_01.png") left top;
    -webkit-background-size: 37px 41px;
    -moz-background-size: 37px 41px;
    background-size: 37px 41px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;}
.icon01:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.icon02{width: 41px;
    height: 41px;
    background: no-repeat url("../images/c_02.png") left top;
    -webkit-background-size: 41px 41px;
    -moz-background-size: 41px 41px;
    background-size: 41px 41px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;}
.icon02:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.icon03{width: 39px;
    height: 40px;
    background: no-repeat url("../images/c_03.png") left top;
    -webkit-background-size: 39p1px 40px;
    -moz-background-size: 39ppx 40px;
    background-size: 39ppx 40px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;}
.icon03:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.icon04{width: 39px;
    height: 40px;
    background: no-repeat url("../images/c_04.png") left top;
    -webkit-background-size: 39p1px 40px;
    -moz-background-size: 39ppx 40px;
    background-size: 39ppx 40px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;}
.icon04:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.choose01 a .bt01{ font-size:16px; font-weight: 600;}
.choose01 a:hover .bt01{ color:#004097;}
.choose02 a .bt01{ font-size:16px; font-weight: 600;}
.choose02 a:hover .bt01{ color:#004097;}
.choose03 a .bt01{ font-size:16px; font-weight: 600;}
.choose03 a:hover .bt01{ color:#004097;}
.choose04 a .bt01{ font-size:16px; font-weight: 600;}
.choose04 a:hover .bt01{ color:#004097;}
.arrow{ position:relative;top:50px;}

.toptitle{height: 75px;line-height: 75px;font-size: 30px;text-align: center;background: url(../images/tit_bg.png) no-repeat center bottom;}
.sectitle{margin-top: 15px;font-size: 14px;color: #999;line-height: 24px;text-align: center;}
.index_pro{background: #f5f5f5;padding-top: 56px;padding-bottom: 50px;}
.index_pro .indprocategory{height: 40px;line-height: 40px;margin-top: 32px;margin-bottom: 29px;overflow: hidden;text-align: center;font-size: 0;}
.index_pro .indprocategory .cate{position: relative;display: inline-block;height: 40px;line-height: 40px;font-size: 14px;padding: 0 17px;margin: 0 18px;text-decoration: none;}
.index_pro .indprocategory .cate:before{position: absolute;top: 0;bottom: 0;left: 0;content:'';margin:auto;width: 0;height: 0;border-bottom: 1px solid white;}
.index_pro .indprocategory .cate:after{position: absolute;top: 0;bottom: 0;right: 0;content:'';margin:auto;width: 0;height: 0;border-bottom: 1px solid white;}
.index_pro .indprocategory .cate:hover:before,.index_pro .indprocategory .cate:hover:after{width: 6px;}
.index_pro .indprocategory .on{background: #004097;color: white;border-radius: 4px;}
.index_pro .indprocategory .on:before,.index_pro .indprocategory .on:after{width: 6px;}
.index_pro .indprolist{position: relative;}
.index_pro .t_l{ position: absolute;top: 180px;left: 0;width: 45px;height: 45px;background: #999999 url(../images/prev.png) no-repeat center;z-index: 2;}
.index_pro .t_l:hover{ background-color: #14dd7d;}
.index_pro .t_r{ position: absolute;top: 180px;right: 0;width: 45px;height: 45px;background: #999999 url(../images/next.png) no-repeat center;z-index: 2;}
.index_pro .t_r:hover{ background-color: #14dd7d;}
.index_pro .item{position: relative;width:295px;margin:10px 20px 10px 0;text-align: center;}
.index_pro .item .pic{ width: 100%; height:295px; overflow: hidden;text-align:center;}
.index_pro .item .name{ display: block;height: 45px;line-height: 45px;padding: 8px 8px 10px;overflow:hidden;font-size: 18px;color: #000;text-align: center;background: url(../images/tit_bg.png) no-repeat center bottom;text-decoration: none;text-transform: uppercase;}
.index_pro .item .brief{margin:19px 10px 10px;font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;}
.index_pro .item .price{ margin:0 10px; margin-bottom:10px; font-size:18px;color:#eb557b;}
.index_pro .item:hover .name{color: #14dd7d;background-image: url(../images/tit_bgh.png);}
.index_pro .item:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}

.pro_more a{ display:block; width:190px; height:45px; background:url(../images/pro_more.png); color:#FFFFFF; text-transform:uppercase; text-align:center; line-height:45px; margin:0 auto; margin-top:20px;}
.pro_more01 a{ display:block; width:190px; height:45px; background:url(../images/pro_more.png); color:#FFFFFF; text-transform:uppercase; text-align:center; line-height:45px; margin-top:20px;}
.about{ margin-top:80px;}
.about_line{ margin-top:10px;}
.about_tit01{ font-size:28px; color:#004097; text-transform:uppercase; font-weight:bold;}
.about_l{ width:570px; float:left;}
.about_txt{ font-size:16px; line-height:28px; text-align:justify; margin-top:15px;}
.about_zl{ margin-top:30px;}
.about_zl ul li{ float: left; width:180px; text-align: left; margin-right:10px; line-height:22px; font-size:14px;}
.about_zl span{ display:block; float: left; width:50px; position:relative;top:5px; margin-right:15px;}
.about_more{ margin-top:20px; text-align: center; line-height:45px;}
.about_more a{ width:200px; height:45px; background:#0e7abe; text-transform:uppercase; display:block; color:#FFFFFF; font-size:14px;-webkit-transition: all 0.5s ease-in-out;}
.about_more a:hover{ background:#56a2d1;}
.about_r{ width:560px; height:450px; float:right; position:relative;}
.about_r:before {position: absolute;top: 0;left: 0; z-index: -1;content: ''; width: 376px;height: 450px;box-shadow: 0px 0px 18px rgba(0,0,0,0.16);}

.about_icon{ margin-top:80px;overflow:hidden;}
.about_icon ul li{ float: left; margin-left:30px; margin-right:30px; }
.about_icon ul li{width:239px;
  
    background: no-repeat url("../images/about_icon.png") left top;
    -webkit-background-size: 239px 145px;
    -moz-background-size: 239px 145px;
    background-size: 239px 145px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;}
.about_icon ul li:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.about_icon ul li p{ text-align:center; font-size:36px; color:#004097; line-height:145px;}
.icon_txt{ text-align:center; font-size:18px; margin-top:5px;}
.news{width:100%;height:597px;background:url(../images/news_bg.jpg);position:relative; margin-top:80px;}
.news_tit{ padding-top:40px;}
.news_con{ margin-top:10px;}
.news_con ul li{ width:370px; height:348px; border:1px solid #b5b5b5;box-sizing: border-box; float: left; margin-right:15px; margin-left:15px;}
.news_biaoti{ background:url(../images/yinhao.png) no-repeat 0 10px; padding-left:50px; font-size:16px; width:75%; margin:15px auto 0 ;word-wrap: break-word; }
.news_img{ width:368px; height:230px; overflow:hidden;}
.news_con  a .news_img01{
  transition: transform 1s ease 0s;
  transform: scale(1);
}
.news_con a:hover .news_img01{
transition: transform 1s ease 0s;
	transform: scale(1.1);
}
.news_con  a .news_biaoti{ color:#333;} 
.news_con  a:hover .news_biaoti{ color:#004097; text-decoration: none;} 
.news_con  a .news_more{ width:116px; height:34px; background:#cad5e2; line-height:34px; display:block; margin-left:20px; text-align:center; margin-top:10px; text-transform:uppercase; color:#004097;}

.foot{ width:100%; background:#004097; height:268px; }
.f_tit{ font-size:16px; color:#FFFFFF; margin-top:45px; text-transform: uppercase;}
.f_line{ width:30px; height:2px; background:#FFFFFF; margin-top:10px;}
.dizhi_con{ margin-top:20px;}
.dizhi_con p{ width:360px; color:#FFFFFF; overflow:hidden; margin-bottom:10px; }
.dizhi_con span{ display:block; float: left; margin-right:10px;}
.foot_about{ margin-left:90px;}
.f_abouttxt{ margin-top:10px;}
.f_abouttxt a{ color:#FFFFFF; font-size:14px; line-height:30px;}
.foot_pro{ margin-left:130px;}
.foot_lycon{ margin-top:10px;}
.f_lyt{ width:250px; color:#FFFFFF; font-size:14px; margin-top:10px;}
.f_ly{ width:200px; height:32px; padding-left:10px; color:#9a9a9a; border:none;}
.foot_submit{ width:37px; height:34px; background:#faa719;color:#FFFFFF;}
.foot_02{ width:100%; background:#013275; height:80px; font-size:12px;}
.bq_txt{color:#FFFFFF; padding-top:15px;}
.foot_nav{ margin-top:15px;color:#FFFFFF;}
.foot_nav a{ color:#FFFFFF;}
.foot_r{ line-height:80px;}
.foot_r a{color:#FFFFFF;}
.foot_r a:hover{ text-decoration:underline;}

.fy_banner{ border-bottom:6px solid #004097;}
.fy_nav{ width:100%; height:55px; background:#ededed;}
.fy_navleft{ line-height:55px;}
.fy_navleft span{ margin-right:5px; position:relative;top:5px;}
.fy_navcon01 ul li{ line-height:55px; float: left;}
.nav_line01{ width:1px; padding:0; float:left;}
#fy_right ul li{display: inline; float:left; line-height:55px;}
#fy_right ul li a.current { display:block; background: url(../images/fy_navbg.png) #004097 no-repeat bottom center; color:#FFFFFF;}
#fy_right ul li a { display:block; width:190px; text-align: center;}
#fy_right ul li a:hover{ display:block; background: url(../images/fy_navbg.png) #004097 no-repeat bottom center; color:#FFFFFF;}
#fy_right ul li.hl a{ display:block; background: url(../images/fy_navbg.png) #004097 no-repeat bottom center; color:#FFFFFF;}
.about_con{ margin-top:50px; padding-bottom:80px;}
.about_txt p{ line-height:32px; font-size:14px;}

/*idea*/
.idea{
	background: #fff;
	padding: 50px 0 90px;
}
.idea .p{
	font-size: 16px;
	color: #666;
	line-height: 30px;
	padding: 15px 0;
	position: relative;
}
.idea .p img.d1{
	position: absolute;
	left: 0;top:0;
}
.idea .p img.d2{
	position: absolute;
	right: 0;bottom:0;
}
.idea .idea-con{
	padding: 25px 0 95px;
}
.idea-con-ti{
	text-align: center;
}
.idea-con-ti h3{
	color: #004097;
	font-size: 30px;
	line-height: 45px;
}
.idea-con-ti p{
	font-size: 16px;
	color: #666;
	line-height: 36px;
}
.idea-con-ti span{
	display: block;
	margin: 0 auto;
	height: 3px;
	width: 45px;
	background: #efefef;
	margin: 20px auto 50px;
}
.idea .idea-con li{
	background: #a7a7a7;
	width: 24%;
	margin-right: 1.3%;
	border-radius: 5px;
	float: left;
	transition:all 1s ease;
}
.idea .idea-con li:hover{
	background: #858585;
	margin-top: -20px;
	transition:all 1s ease;color:#fff;
	
}
.idea .idea-con li:hover .idea-lin span{
	background: #fff;
	transition:all 1s ease;
	
}
.idea .idea-con li:nth-child(4n){
	margin-right: 0;
}
.idea .idea-con li .idea-lin{
	width: 88%;
	margin: 25px 6%;
}
.idea .idea-con li .idea-lin h5{
	color: #ffffff;
	font-size: 18px;
	line-height: 28px;
	padding-right: 55px;
}
.idea .idea-con li .idea-lin p{
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	padding-right: 55px;
}
.idea .idea-con li .idea-lin span{
	width: 30px;
	height: 3px;
	display: block;
	background: #fff;
	margin-top: 15px;
}

.nlist{width:100%;margin-top:25px;}
.nlist .tnews{padding:44px 13px 30px 38px;margin-bottom:10px;background:#fff;overflow:hidden;}
.nlist .tnews .pic{width:450px;height:190px;overflow:hidden;position:relative;}
.nlist .tnews .pic .date{position:absolute;top:0;left:0; text-align:center;width:88px;height:88px;background-color:#004097;}
.nlist .tnews .pic .date p{font-size:14px;color:#fff;line-height:30px;}
.nlist .tnews .pic .date p.m{padding-top:15px;}
.nlist .tnews .pic .date p.d{font-size:30px;}
.nlist .tnews .dec{float:right;width:475px;}
.nlist .tnews .dec h1{font-size:18px;color:#000;line-height:30px;}
.nlist .tnews .dec p, .nlist li .dec p{font-size:14px;color:#666;line-height:25px;}
.nlist .tnews .dec a:hover h1, .nlist li a:hover h1{color:#004097;}
.nlist ul{background:#fff;}
.nlist li{padding:38px 0;margin:0 38px;background-color:#fff;border-bottom:#ddd 1px dashed; overflow:hidden;}
.nlist li .date{float:left;text-align:center;width:100px;height:100px;background-color:#d3d3d3;}
.nlist li .date p{font-size:15px;color:#333;line-height:100px;}
.nlist li .date p.m{}
.nlist li .date p.d{font-size:30px;}
.nlist li .dec{float:right;width:990px;}
.nlist li .dec h1{font-size:16px;color:#333;line-height:30px;}
.nlist li.hover .date{background-color:#004097;transition: background-color .3s ease;}
.nlist li.hover .date p{color:#fff;}

.feedback{ padding-top:30px;}
.feedback-form {
  width: 100%;
  text-align: justify;
}
.feedback-form .form-row {
  display: inline-block;
  width: 49%;
  text-align: left;
}
.feedback-form .form-row-full {
  width: 100%;
}
.feedback-form input {
  height: 32px;
}
.feedback-form input[readonly] {
  color: #666;
}
.form-row01{ width:150px; margin:10px auto;}
.feedback-form input,
.feedback-form textarea {
  line-height: 2;
  display: block;
  width: 100%;
  margin: 8px 0;
  padding-left: 6px;
  -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid #e5e5e5;
  outline: none;
}
.feedback-form input:focus,
.feedback-form textarea:focus {
  border-color: #004097;
  outline: none;
}
.feedback-form input:hover,
.feedback-form textarea:hover {
  border-color: #004097;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(0, 64, 151, 0.3);
}
.feedback-form textarea {
  height: 160px;
  max-height: 250px;
  resize: vertical;
}
.feedback-form .submit {
  font-size: 16px;
  display: inline-block;
  padding: 6px 30px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: none;
  background: rgba(207, 0, 2, 0.9);
}
.feedback-form .submit:hover {
  text-decoration: none;
  background: #e73133;
}
.feedback-form .submit.disabled {
  opacity: .8;
}

.cate-title .icon-product {
    background-position: -50px 0;
}


.cate-tree .level-1 > li.more::after {
  background-position: -12px 0;
}

.cate-tree .level-1 > li.more:hover::after {
  background-position: -72px 0;
}

.cate-tree .level-1 > li.more.active::after {
  background-position: -84px 0;
}

.lx_bt{ font-size:18px; text-align:center; font-weight:bold; margin-top:10px;}
.lxwm_con{ margin-top:2%;}
.lxwm_con ul li{ float: left; width:43%; background:#efefef; line-height:45px; margin-left:2%; margin-right:2%; margin-top:2%; padding-left:3%;border-radius:25px;}