body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

body {
	background: #fff;
	color: #333;
	font-family: "microsoft yahei";
	overflow-x:hidden;
}

ul,
ol,
li {
	list-style-type: none;
}

select,
input,
img,
select {
	vertical-align: middle;
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color:#333;
}

dl,
dt,
dd {
	margin: 0;
}

.w11 {
	width: 1400px;
	margin: 0 auto;
}
.warp{
	width: 88.3%;
	margin: 0 auto;
}
.w22{
	width: 77.08%;
	margin: 0 auto;
}
.w33{
	width: 1345px;
	margin: 0 auto;
}
.w44{
	width: 81.25%;
	margin: 0 auto;
}


.clear {
	clear: both;
}
.clearfixed:after{ content:""; clear:both; display:block}
.fl{ float:left}
.fr{ float:right}

header{padding:16px 0;}
nav{margin-top: 15px; width: 50%;}
nav li{height: 42px; font-size:16px; float:left; position:relative; text-align: center; color: #fff; width: 20%; }
nav li a{height: 42px; line-height: 42px; font-size: 18px; display: inline-block; width: 100%;}
nav li:after{content: '';width: 0%;height: 3px;background: #d0111b;position: absolute;left: 50%;bottom: -5px;transition-duration: 0.5s;}
nav li:hover:after{width: 60%; left: 20%;}
nav li:hover{font-weight: bold;}
nav li .ts:after{width: 60%;height:3px;background: #d0111b;position: absolute; content:""; left: 20%; bottom: -5px; transition-duration: 0.5s;}

footer{width: 100%; color: #d0d0d0; text-align: center;}
footer .f1{width: 100%; line-height: 54px; background:#333333; font-size: 18px;}
footer .f1 a{display: inline-block; padding:0 35px; color: #d0d0d0; }
footer .f2{width: 100%; background:#000000; padding:20px 0; font-size: 16px; line-height: 26px;}


/* 侧边在线客服side */
.side{position:fixed;width:54px; right:0;top:314px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:2px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden; line-height: 54px;
font-size: 16px; border-radius:6px 0 0 6px;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#a0a3a5;transition:all 0.3s; border-radius:6px 0 0 6px;}
.side ul li .sidetop:hover{background:#da1729;}
.side ul li img{float:left;}

/*移动端导航*/
.xs-top{display: none;}
.logo1{width: 24%; float: left; margin-top: 7px; margin-left: 2%;}

.mobile{width: 100%; z-index: 9999; position: fixed; top: 0; left: 0; height: 55px; background: #fff;}
.mobile-inner{ margin-right: auto;margin-left: auto;background-color: #fafafa; position: relative;}

.mobile-inner-header{width: 100%; height: 55px; position: fixed; top: 0; left: 0;background: #fff;}
.mobile-inner-header-icon{color: #ffffff;background: #d0111b; height: 55px; font-size:25px; text-align: center; float:right; width: 55px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon span{position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 5px) / 2); width: 30px; height: 3px; background-color: #fff;transition-duration: 0.5s;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(10px) rotate(0deg); }
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-10px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){ width:20px;}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;}   
.mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;}
.mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }   
.mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s;animation-fill-mode: both; animation-name: outsecond; }
.mobile-inner-nav{ background:#d0101b; width: 100%; position: absolute; top: 55px;left: 0px; display: none;}
.active_mobile span:nth-child(3){ opacity:0;}
.active_mobile span:nth-child(1){transform: rotate(45deg);width: 30px;}
.active_mobile span:nth-child(2){transform: rotate(-45deg);width: 30px;}
.subNavBox1{width:100%;}
.subNav1{display: block;
  width: 100%;
  border-bottom: 1px solid #eb313c;
  line-height: 50px;
  font-size: 16px;
  color: #555;
  padding:0 15px;
  background: url(../images/jia1.png) no-repeat 96% center;
  color:#fff;
}
.subNav1 a{color: #fff;}

.currentDt1{
	background: url(../images/jian1.png) no-repeat 96% center #db2832;
}
.navContent1{display: none; border-bottom: 1px solid #d6d6d6; padding:10px 0; background:#db2832;}
.navContent1 li{ line-height:30px;}
.navContent1 li a{display:block; font-size:14px; color:#fff; }
.so-mobile-fl{ width:100%; padding:10px 10px 10px 40px;}
.so-mobile-fl p{ font-size:14px; padding-bottom:10px; color:#fff; position:relative;}
.so-mobile-fl a{ display:block; font-size:14px; color:#fff; padding-bottom:10px; float:left; padding-right:10px;}
.xg-mobile-bt{ font-size:16px; padding:10px 20px;}
.xg-mobile-bt a{ color:#fff; position:relative;}
.xg-mobile-bt a:before{content: '';
    width: 15px;
    height: 15px;
    background: url(../images/m_anniu1.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 2px;
    background-size: cover;}
/*移动端导航*/

@media only screen and (max-width: 1440px){
.w22{
	width: 88%;
}
.intro_list img {
 width: 60%;
    padding-top: 30px;
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 1366px){
	.w22{
	width: 90%;
}
.w11 {
    width: 90%;
}
.intro_list li {
    line-height: 30px;
    font-size: 16px;
}
.ne_nav {
    height: 110px;
}
.ne_nav a {
    padding: 0 30px;
    line-height: 110px;
    font-size: 24px;
}
.ne_nav .ts:after {
    top: 41px;
}
.ne_pro_list .more {
    padding: 35px 0 60px 0;
}
.ne_pro_list li {
    margin-bottom: 40px;
}
.w33{
	width:90%;
	margin: 0 auto;
}
}
@media only screen and (max-width: 1240px){
.banner_dw {
    top: 20px;
}
.pro_intro dl {
    font-size: 15px;
}
.ne_pro_list li {
    margin: 0 1%;
    width: 31.333%;
    margin-bottom: 30px;
}
	.w22{
	width: 92%;
}
.w33{
	width:92%;
	margin: 0 auto;
}
}
@media only screen and (max-width: 992px){
header{ display: none !important;}
.xs-top{display:block;}
.pro_intro img {
    width: 30% !important;
}
.intro_list {
    width: 100%;
}
.intro_list img {
    width: 30%;
}
	.w22{
	width: 94%;
}
.w33{
	width:94%;
	margin: 0 auto;
}
.pro_detail .right .b_bit {
    line-height: 50px;
    font-size: 26px;
}

.Menubox1 li {
    font-size: 18px;
    margin-right: 25px;
}
}
@media only screen and (max-width: 768px){
    footer .f1 a {
    padding: 0 8px !important; font-size: 14px; 
}
header{ display: none !important;}
.logo1 {
    width: 56%;
}

/*10-31修改*/
.intro_list img {
    width: 50% !important;
}
.banner_dw{position: relative; top: 0px; display: none;}
/*10-31修改*/
.ne_nav a {
    padding: 0 10px;
    line-height: 80px;
    font-size: 18px;
}
.ne_nav {
    height: 80px;
}
.ne_nav .ts:after {
    height: 20px;
    top: 30px;
}
.ne_pro_list li {
    margin: 0 1%;
    width: 98%;
    margin-bottom: 20px;
}
.ne_zbit .p1 {
	    background: url(../images/home.png) no-repeat left 14px;
    line-height: 28px;
    font-size: 15px;
    background-size: 20px;
padding:8px 0 8px 30px;
}
.pro_detail .left {
    width: 100%;
}
.pro_detail .right {
    width: 100%;
    padding-top: 15px;
}
.ne_padd {
    padding: 30px 0 30px 0;
}
select, input, img, select {
    width: 40%;
}
.intro_list li {
    line-height: 26px;
    font-size: 15px;
    margin-bottom:10px;
}
.intro_list img {
    padding-top: 15px;
    margin-bottom: 15px;
}
.intro_list {
    padding-top: 15px;
}
.pro_detail .right .s_bit {
    line-height: 30px;
    font-size: 18px;
}
.pro_detail .right .b_bit {
    line-height: 40px;
    font-size: 20px;
}
.Menubox1 li {
    font-size: 16px;
}
.side{display: none;}
/*10-31修改*/
.pro_intro img {
    width: 50% !important;
}
.warp {
    width: 94%;
}
/*10-31修改*/
}