@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:14px;}
a{ color:#333; font-family:"微软雅黑"; text-decoration: none;}
ul{list-style-type:none;}
.ysj{width:950px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

.f14{font-size:14px;font-family:"微软雅黑", "宋体";text-decoration:none;color:#333;}
.f16{ font-size:16px}
.f18{ font-size:18px}
.lh22{ line-height:22px}
.lh24{ line-height:24px}
.cr_w{ color:#FFF}
.cr_b{ color:#3b6eb5}
.mb8{ margin-bottom:8px}
.mb12{ margin-bottom:12px}
.mb14{ margin-bottom:14px}
.mb16{ margin-bottom:16px}
.mb18{ margin-bottom:18px}
.mb20{ margin-bottom:20px}
.mb24{ margin-bottom:24px}
.mb26{ margin-bottom:26px}
.mb36{ margin-bottom:36px}

.sy_bg {background: url(../images/sy_bg.png) repeat-x;}/*body背景*/
/*头部*/
.top{ width:100%; height:23px; color:#FFFFFF; font-size:12px; line-height:23px;}
.top .fl{ width:40.5%; height:100%; background:#19292e;}
.top .fl .zi{ width:340px; float:right;}
.top .fr{ width:59.5%; height:100%; background:#e01f1f;}
.top .fr a{ color:#FFF; }
.top .fr .zi{ width:580px; float: left; text-align:right;}

/*导航*/
.nav {width: 941px;height: 127px;margin: 0 auto; margin-top: 1px; background: url(../images/nav_bg.jpg);   overflow: hidden;}
.nav .logo{ margin:21px 0; max-width:340px; float:left; overflow:hidden;}
.nav .daoh{ width:560px; height:42px; float:right; margin:42px 0;}
.nav .daoh li{ float:left; height:38px; line-height:38px; padding:0 8px; border-left: 1px solid #4b6871;}
.nav .daoh li .doud { width:100%; height:100%; display:block; overflow:hidden; margin:0 5px;}
.nav .daoh li a{ overflow:hidden; font-size:24px; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.nav .daoh li p{ font-size:12px; color:#CCC; margin-top:3px; font-family:"宋体"; color:#7f9ba1;}
.nav .daoh li .doud:hover {
	-webkit-animation:tada 0.5s .2s ease both;
	-moz-animation:tada 0.5s .2s ease both;
}
@-webkit-keyframes tada {
0% {/*-webkit-transform:scale(1);*/ margin-top:0px;}
20% {/*-webkit-transform:scale(0.9) rotate(-3deg);*/margin-top:-20px;}
40% {/*-webkit-transform:scale(1.1) rotate(3deg);*/margin-top:10px;}
60% {/*-webkit-transform:scale(1.1) rotate(-3deg);*/margin-top:-20px;}
100% {/*-webkit-transform:scale(1) rotate(0);*/margin-top:0px;}
}
@-moz-keyframes tada {
0% { margin-top:0px;}
20% {margin-top:-20px;}
40% {margin-top:10px;}
60% {margin-top:-20px;}
100% {margin-top:0px;}
}
.nav .daoh li .doud {
-webkit-animation:flipInY 300ms .1s ease both;
-moz-animation:flipInY 300ms .1s ease both;
}
@-webkit-keyframes flipInY {
0% { margin-top:0px;}
20% {margin-top:-20px;}
40% {margin-top:10px;}
60% {margin-top:-20px;}
100% {margin-top:0px;}
}
@-moz-keyframes flipInY{
0% { margin-top:0px;}
20% {margin-top:-20px;}
40% {margin-top:10px;}
60% {margin-top:-20px;}
100% {margin-top:0px;}
}
/*@-moz-keyframes tada { 0% {-moz-transform:scale(1);}
10%,20% {-moz-transform:scale(0.9) rotate(-3deg);}
30%,50%,70%,90% {-moz-transform:scale(1.1) rotate(3deg);}
40%,60%,80% {-moz-transform:scale(1.1) rotate(-3deg);}
100% {-moz-transform:scale(1) rotate(0);}
}
.kuzhan-list .dressing_hover .information_area {
-webkit-animation:flipInY 300ms .1s ease both;
-moz-animation:flipInY 300ms .1s ease both;
}
@-webkit-keyframes flipInY {
0% {-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
40% {-webkit-transform:perspective(400px) rotateY(-10deg);}
70% {-webkit-transform:perspective(400px) rotateY(10deg);}
100% {-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@-moz-keyframes flipInY {0% {-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
40% {-moz-transform:perspective(400px) rotateY(-10deg);}
70% {-moz-transform:perspective(400px) rotateY(10deg);}
100% {-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}
}*/
/*抖动备份
.nav .daoh li .doud:hover {
	-webkit-animation:tada 1s .2s ease both;
	-moz-animation:tada 1s .2s ease both;
}
@-webkit-keyframes tada {
	0% {
	-webkit-transform:scale(1);
}
10%,20% {
	-webkit-transform:scale(0.9) rotate(-3deg);
}
30%,50%,70%,90% {
	-webkit-transform:scale(1.1) rotate(3deg);
}
40%,60%,80% {
	-webkit-transform:scale(1.1) rotate(-3deg);
}
100% {
	-webkit-transform:scale(1) rotate(0);
}
}@-moz-keyframes tada {
	0% {
	-moz-transform:scale(1);
}
10%,20% {
	-moz-transform:scale(0.9) rotate(-3deg);
}
30%,50%,70%,90% {
	-moz-transform:scale(1.1) rotate(3deg);
}
40%,60%,80% {
	-moz-transform:scale(1.1) rotate(-3deg);
}
100% {
	-moz-transform:scale(1) rotate(0);
}
}.kuzhan-list .dressing_hover .information_area {
	-webkit-animation:flipInY 300ms .1s ease both;
	-moz-animation:flipInY 300ms .1s ease both;
}
@-webkit-keyframes flipInY {
	0% {
	-webkit-transform:perspective(400px) rotateY(90deg);
	opacity:0;
}
40% {
	-webkit-transform:perspective(400px) rotateY(-10deg);
}
70% {
	-webkit-transform:perspective(400px) rotateY(10deg);
}
100% {
	-webkit-transform:perspective(400px) rotateY(0deg);
	opacity:1;
}
}@-moz-keyframes flipInY {
	0% {
	-moz-transform:perspective(400px) rotateY(90deg);
	opacity:0;
}
40% {
	-moz-transform:perspective(400px) rotateY(-10deg);
}
70% {
	-moz-transform:perspective(400px) rotateY(10deg);
}
100% {
	-moz-transform:perspective(400px) rotateY(0deg);
	opacity:1;
}
}*/

/* 幻灯 */
.focus_img { width:941px; height:282px; margin:0 auto; margin-top:40px; background:url(../images/foucsview_bg.jpg); overflow:hidden; position: relative;}
.focus_img_con { width:940px; height:282px; position:relative}
.focus_img .focus_img_con .txt { width:380px; height:240px; margin:35px 0 0 50px; float:left; display:inline}
.focus_img .focus_img_con .txt_con { width:380px; height:240px; position:relative}
.focus_img .focus_img_con .txt h2 { font-size:23px; font-family:"微软雅黑", "宋体"; line-height:30px; color:#FFF; font-weight:200; width:380px;}
.focus_img .focus_img_con .txt p { font-size:12px; line-height:23px; color:#FFF; font-family:"微软雅黑", "宋体"; width:380px;margin-top:15px;text-align:justify; text-justify:distribute}
.focus_img .focus_img_con .img_con { margin:27px 0 0 59px; float:left; display:inline;}
.focus_button { width:940px; height:50px; margin:0 auto; text-align:center}
.focus_button a { width:15px; height:17px; background:url(../images/focus_button.jpg); background-position: left bottom; display:inline-block;  margin:0 5px;margin-top:16px;}
.focus_button a.hover { background-position: left top;}
.focus_text { width:941px; height:100px; background:url(../images/focus_text_bg.jpg) repeat-x; margin:0 auto; overflow:hidden;}
.focus_text p { font-size:14px; font-family:"微软雅黑", "宋体"; line-height:28px;margin-top:8px;}
/*分享*/
.fx_01{ position:absolute; width: 404px;height: 40px;background-color: rgb(0 0 0 / 50%); padding: 12px 5px;text-align: right;box-sizing: border-box; top:27px; right:48px; display:none; font-size:12px; color:#FFFFFF;}


/*新闻 产品简介 产品性能*/
.news{ width:245px; float:left;}
.news .xw_tit{ width:100%; height:75px; background:url(../images/index_list_headerbg.jpg) no-repeat left top;}
.news .xw_tit a{ width:100%; height:100%; display:block;}
.news ul li{ /*list-style: inside;*/ padding:3px 0; font-size:14px; color:#515151;}
.news ul .one{ padding:10px 0; border-bottom:1px dashed #c6c6c6; overflow:hidden; margin-bottom:3px;}
.news ul .one .tu{ width:80px; height:80px; float:left; padding:6px; border: 1px solid #d0d0ce; overflow:hidden; box-sizing:border-box; background-color:#FFFFFF;}
.news ul .one .zi{ width:155px; height:80px; float:right;}
.news ul .one .zi h3{ font-size:14px; font-weight:500; color:#e01f1f;}
.news ul .one .zi p{ font-size:12px; line-height:18px; text-align:justify;}

.cp_jj{ width:269px;float:left; margin-left:35px;}
.cp_jj .cpjj_tit{width:100%; height:75px; background:url(../images/index_list_headerbg.jpg) no-repeat left top; background-position-x:-274px;}
.cp_jj .cpjj_tit a{ width:100%; height:100%; display:block;}
.cp_jj ul{ width:269px; height:168px;}
.cp_jj ul li{ width:100%; height:80px; margin-top:10px; background: url(../images/index_product.jpg) no-repeat top left;}
.cp_jj ul li a{ width:100%; height:100%; display:block; overflow:hidden;}
.cp_jj ul li.cp01{background: url(../images/index_product.jpg) no-repeat top left;}
.cp_jj ul li.cp02{background: url(../images/index_product.jpg) no-repeat bottom left;}

.cp_xn{ width:365px;float: right;}
.cp_xn .cpxn_tit{width:100%; height:75px; background:url(../images/index_list_headerbg.jpg) no-repeat right top;}
.cp_xn .cpxn_tit a{ width:100%; height:100%; display:block;}
/*产品性能-tab切换*/
.cp_xn div.box2 {width:100%;height:168px;/* 利用flex布局，让ul和div处于同一水平列，除此之外float 也能做到这一点 */display:flex;/*  border:1px solid red;*/margin:10px auto 0;}
.cp_xn ul.list {width:134px;height:168px;text-align:center;}
.cp_xn ul.list>li { border-bottom:1px solid #FFF; height:42px; line-height:42px; box-sizing:border-box; /* 光标变成小手状 */	cursor:pointer; background:#e6e6e6; color:#60828e;}
.cp_xn ul.list>li:last-child {border: none;}
.cp_xn ul.list li{ font-size:12px;}
.cp_xn ul.list li:nth-child(3){ line-height:14px; padding-top:5px; box-sizing:border-box;}
.cp_xn div.main {width:231px;height:168px; position:relative;}
.cp_xn .main1,.main2,.main3,.main4,.main5 {width:100%;height:100%;display:none;}
.cp_xn .box2 .main img {width:100%;height:100%;}
.cp_xn ul.list li.checked {background:#60828e; color: #FFF;}
.cp_xn div.checked {display:block;}
/*分享*/
.fx_02{ position:absolute; width: 100%;height: 40px;background-color: rgb(0 0 0 / 50%); padding: 12px 5px;text-align: right;box-sizing: border-box; top:0px; right:0px; display: none; font-size:12px; color:#FFFFFF;}


/*底部*/
.footer {width: 100%;height: 139px;background: url(../images/foot_bg.jpg) repeat-x;overflow: hidden;}
.foot_con { width:941px; height:83px;background:url(../images/foot_con_bg.jpg); overflow:hidden; margin:0 auto; margin-top:56px;}
.foot_con .foot_con_lf { width:370px; height:83px; float:left; display:inline; margin-left:30px;}
.foot_con .foot_con_lf p { font-size:13px; font-family:"微软雅黑", "宋体"; color:#ccc; line-height:23px; margin-top:15px;}
.foot_con .foot_con_rg { width:500px; height:83px; float:left;}
.foot_con .foot_con_rg p { font-size:12px; font-family:"微软雅黑", "宋体"; color:#ccc; line-height:23px; margin-top:5px;}
.foot_con .foot_con_rg p a { font-size:12px; color:#ccc;font-family:"微软雅黑", "宋体"; text-decoration:none}
.foot_con .foot_con_rg p a:hover { color:#999}
.foot_con .foot_con_rg p span { color:#657d89}
.footlian {width:100%;height:auto;overflow:hidden;background-color: #e01f1f;}
.footlian .youlian {	width:941px;height:auto;	overflow:hidden;margin-right: auto;margin-left: auto;	}
.footlian .youlian p { font-size:12px; font-family:"微软雅黑", "宋体"; color:#CCCCCC; line-height:23px; margin:5px 0;}
.footlian .youlian p a { font-size:12px; color:#ccc;font-family:"微软雅黑", "宋体"; text-decoration:none}
.footlian .youlian p a:hover { color:#999}
.footlian .youlian p span { color:#657d89}

/*内页样式表-开始*/
.ny_bg {background: url(../images/ny_bg.jpg) repeat-x;}/*body背景*/
.channel_box{ width:950px; height:auto; margin:0 auto; background: url(../images/channelbg.jpg) repeat-y; overflow:hidden;}
.channel { width:914px; margin:0 13px; height:auto; min-height:500px; overflow:hidden; margin-top:16px; display:inline-block;}
.channel_left { width:190px; height:auto; background:#FFF; float:left; overflow:hidden;}
.channel_right { width:709px; height:auto; float:right; overflow:hidden}
.channel_left ul { width:190px;height:auto;}
.channel_left ul li {width:190px; height:28px;line-height:28px;}
.channel_left ul li a { line-height:28px; color:#333; font-family:"微软雅黑", "宋体"; font-size:12px; text-decoration:none; margin-left:25px;}
.channel_left ul li a:hover { color:#e01f1f;}
.channel_left ul li.big { background:url(../images/channel_list_1.jpg);}
.channel_left ul li.top { background:url(../images/channel_list_hover.jpg);}
.channel_left ul li.tel { height:41px; margin:0 auto; width:229px; margin-top:5px;}
.channel_left .luxian { width:227px; border:1px solid #e6e6e6; margin:0 auto; margin-top:5px;}
.channel_left .luxian p { line-height:27px; font-size:12px; font-family:"微软雅黑", "宋体"; color:#333; margin:0 10px;}
.channel_left .luxian p span { color:#d01536; font-size:14px; line-height:30px;}

.channel_right .position { width:689px; background:#fdfdfd; height:23px; line-height:23px;}
.channel_right .position p { line-height:23px; font-family:"微软雅黑", "宋体"; margin-left:10px; font-size:12px; text-align:right}
.channel_right .position p a {line-height:23px; font-family:"微软雅黑", "宋体"; margin:0 5px; text-decoration:none; color:#333; font-size:12px;}
.channel_cpxn { width:709px; height:18px; margin:5px 0;}
.channel_focus { width:685px; height:204px; margin:15px auto;}
.list_list { width:709px; height:auto; overflow:hidden;margin:0 auto; margin-top:15px;}
.list_list li{ width:212px; height:280px; float:left; margin:0 12px; display:inline; overflow:hidden;}
.rt{ float:right; font-size:11px;}
.list_list li p{font-family:"微软雅黑", "宋体"; color:#869197; font-size:14px; line-height:21px; margin-top:10px;}
.list_list li p span{font-family:"微软雅黑", "宋体"; color:#4b575f; font-size:16px; font-weight:600; line-height:30px;}
.list_list li p a{font-family: "宋体"; color:#869197; font-size:12px; line-height:30px; margin-top:30px; color:#3aaef4; font-weight:100;text-decoration:none}
.channel_footyy { width:942px; height:20px; margin-left:5px;}

.text-c{ text-align:center; width:689px; height:36px; line-height:36px; margin-top:5px; background:#fdfdfd}
.text-c span{ font-size:12px; font-weight:bold; padding:3px 5px; border:1px solid #CCC; background:#DDD; color:#333; font-size:12px;}
.text-c a{ font-size:12px; font-weight:100; border:1px solid #DDD; padding:3px 5px; color:#333; text-decoration:none}
.text-c a:hover{color:#ee6911}


.mr_bt{ height:24px; background:url(../images/bg12.jpg) repeat-x;padding:0 16px; }
.mr_bt em{ width:9px; height:24px; background:url(../images/bg13.jpg) no-repeat; display:block; float:left}
.mr_bt p{ line-height:24px;padding:0 8px; font-family:"微软雅黑", "宋体"; background:#fff; float:left; font-size:16px;}

.chanp{ width:760px; overflow:hidden}
.cp_top{ width:760px; height:335px; overflow:hidden; background:#E5EFF9; overflow:hidden; margin:0; padding:0;}
.cpt_img{ padding-top: 3px; padding-right: 7px; padding-bottom: 8px; padding-left: 4px; overflow:hidden; background:url(../images/bg40.jpg) no-repeat}
.cpt_img,.cpt_img img{ width:315px; height:318px}

.cpt_txt{ width:390px; padding:10px 16px 0 0;font-family:"微软雅黑", "宋体"; font-size:12px; color:#7b7b7b; overflow:hidden}
.cptt_h1{ line-height:28px; padding:0 10px 0 25px; background:#3C91D2; font-size:20px}
.cptt_h2{ line-height:22px; left:0px; top:0px; color:#333; background:url(../images/bg41.jpg) no-repeat left center; padding-left:16px}
.cpt_txt table div{ line-height:20px}
.cptt_da{ padding:2px 0 0 60px}
.cptt_da .cptt_h2{_left:-60px;}
.cptt_dc{ padding:22px 0 0 18px; width:300px; overflow:hidden;font-size:12px;}
.cptt_dc .cptt_h2{_left:-18px;}


h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal}
.pr{ position:relative}
.pa{ position:absolute}



.content { width:712px; height:auto; margin-top:20px; margin-bottom:100px}
.content  p { font-size:12px; color:#666; font-family: "微软雅黑", "宋体"; line-height:27px; text-align:justify;text-justify:distribute; margin:10px 50px 10px 0;}
.content  img { text-align:center; margin:20px auto;}
.content img {text-align:center;margin:20px auto;}
.content table {border-collapse: collapse;border-top: 1px solid #9a9997;text-align: center;border-right: 1px solid #9a9997;width: 708px;}
.content table td {border-bottom: 1px solid #9a9997;border-left: 1px solid #9a9997;text-align: center;}

.content table p {margin: 0;padding: 0;font-size: 12px;font-family: "宋体";margin:5px 0; width: 100%; text-align: center;}
.content table img { margin:0;}

.content table.bluetable { border:0; border-top:2px #ebe7e4 solid; border-bottom:2px solid #ebe7e4}
.content table.bluetable td { border:0; vertical-align:top;}
.content table.bluetable td p{ text-align:left; vertical-align:top; margin-left:10px;}
.content table.bluetable td p span { color:#3992ce; font-weight:600;}

.content table.redtable { border:0; border-top:1px #FFFFFF solid; border-bottom:1px solid #FFFFFF}
.content table.redtable td { border:0; vertical-align:top;}
.content table.redtable td p{ text-align:left; vertical-align:top; margin-left:10px;}
.content table.redtable td p span {font-weight:600;}

/* 内页-新闻 */
.xinw{ width:710px; overflow:hidden}
.xw_dl{ height:109px; display:block; background:#F5F5F5 url(../images/bg19.jpg) repeat-x left bottom; padding:18px 18px 16px 12px}
.xw_dt{ overflow:hidden; padding:9px 7px; background-image:url(../images/bg20.jpg)}
.xw_dt,.xw_dt img{ width:155px; height:91px}
.xw_dd{padding-top:8px; line-height:20px}
.xw_dd h1{ height:20px; padding-right:90px;}
.xw_dd h1 em{ right:0px; top:0px; font-family:"微软雅黑", "宋体"; color:#666; font-style:normal}
.xw_dd b.pa{ width:100px; right:0px; top:80px; text-align:right; font-family:"微软雅黑", "宋体"; font-size:12px; text-decoration:none}
.xw_dd b.pa a { text-decoration:none}
.xw_dd b.pa a.cr_b{ color:#3b6eb5;}
.xw_dd p { font-family:"微软雅黑", "宋体"; font-size:12px; color:#666;}
.xw_dl2{ background-color:inherit}
.xw_dl2 dt{ background-image: url(../images/bg21.jpg)}

#pages { font-size:12px;}


.shangxia { font-size: 12px; font-family:"微软雅黑", "宋体"; line-height: 25px;  color: #444}
.shangxia a {color: #444; text-decoration: none;}
.shangxia strong { font-weight: 600; color: #000}


/*内页底部*/
.nydb_bg{background: url(../images/channel_foot_bg.jpg) repeat-x;}