body
{
	margin:0px; 
	font-family:微软雅黑;
	font-size:12px;
	text-align:justify; 
	text-justify:inter-ideograph;
	/*background-color:#eeeeee;*/
	}
		
ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,a,img
{
	margin:0;
	padding:0;
	border:0px;
	list-style-type:none;
	text-decoration:none;
	}
.clear{ clear:both;}

.top-layout{ width:1240px; margin:0px auto auto auto; background-color:#FFFFFF; }
.top-layout .layout{ width:1240px; margin:0px auto auto auto; background:url(../images/top-bg.png) 0px 0px no-repeat; }
.top-layout .top-container
{
    width:1240px;
    height:30px;
    line-height:30px;
    margin:0px auto auto auto;
    border-bottom:solid 1px #dfdfdf;
    text-align:right;
    }
.top-layout .top-container a{ padding:0px 10px; color:#8c8c8c; }
.top-layout .top-container a:hover{ color:#333333; }
.top-layout .top-container span{ padding:0px 10px; color:#8c8c8c; }
	
.top-layout .logo-container
{
	position:relative;
    width:1240px;
    height:76px;
    margin:0px auto auto auto;
    }
.top-layout .logo-container .logo
{
    float:left;
    display:inline;
    width:308px;
    height:55px;
    padding-top:10px;
    padding-left:10px;
    }
.top-layout .logo-container .logo img
{
	height:55px;
	}
.top-layout .logo-container .phone
{
	position:absolute;
	left:330px;
	top:20px;
	width:580px;
	height:40px;
	}
.top-layout .logo-container .phone .icon
{
	display:inline-block;
	width:50px;
	height:40px;
	vertical-align:middle;
	}
.top-layout .logo-container .phone .icon img
{
	width:50px;
	height:40px;
	}
.top-layout .logo-container .phone .num
{
	display:inline-block;
	line-height:40px;
	padding-left:10px;
	vertical-align:middle;
	font-size:20px;
	color:#2672c8;
	}
	
.top-layout .logo-container .search
{
	position:relative;
	float:right;
	display:inline;
	width:400px;
	height:76px;
    }
.top-layout .logo-container .search .txt-search
{
	position:absolute;
	top:20px;
	right:50px;
	width:260px;
	height:32px;
	line-height:32px;
	padding-left:10px;
	border:solid 2px #2672c8;
	border-radius:5px 0px 0px 5px;
	color:#8c8c8c;
    }
.top-layout .logo-container .search .btn-search
{
	position:absolute;
	top:20px;
	right:0px;
	width:50px;
	height:34px;
	background:url(../images/icon-1.jpg) 15px 10px no-repeat;
	background-color:#FFFFFF;
	border:solid 2px #2672c8;
	border-radius:0px 5px 5px 0px;
	cursor:pointer;
    }
    
.menu-layout
{
	position:relative;
	width:1240px;
	height:50px;
	margin:0px auto auto auto;
	background-color:#FFFFFF;
	z-index:999;
	}
.menu-layout .left-menu
{
	position:relative;
    float:left;
    display:inline;
    width:200px;
    height:50px;
    line-height:50px;
    background-color:#2672c8;
    border-radius:8px 0px 0px 0px;
    text-align:center;
    font-size:18px;
    color:#FFFFFF;
    z-index:999;
    cursor:pointer;
    }
.menu-layout .right-menu
{
    float:left;
    display:inline;
    width:1040px;
    height:50px;
    background-color:#3b84d6;
    border-radius:0px 8px 0px 0px;
    cursor:pointer;
    z-index:999;
    }
.menu-layout .right-menu .menu
{
	width:1040px;
    height:50px;
    z-index:999;
	}
.menu-layout .right-menu .menu li
{
	position:relative;
    float:left;
	display:inline;
	width:130px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:18px;
	z-index:999;
	}
.menu-layout .right-menu .menu li a
{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	color:#FFFFFF;
	z-index:999;
	}
.menu-layout .right-menu .menu li li a:hover i,.menu-layout .right-menu .menu li a.hover i
{
    position:absolute;
    left:20px;
    bottom:0px;
    width:75px;
    height:2px;
    background-color:#FFFFFF;
    }

.menu-layout .right-menu .menu li .box
{
	position:absolute;
	left:-20px;
	top:50px;
	width:155px;
	padding:10px 0px;
    background-color:#FFFFFF;
	font-size:14px;
    z-index:999;
    display:none;
	}
.menu-layout .right-menu .menu li .box dl 
{
    z-index:999;
}
.menu-layout .right-menu .menu li .box dt
{
	float:left;
	display:inline;
    width:100%;
	height:25px;
	line-height:25px;
    padding:5px 0px;
    z-index:999;
	}
.menu-layout .right-menu .menu li .box dt a
{
	display:block;
	width:100%;
    height:25px;
	line-height:25px;
	color:#000000;
    transition:color 300ms ease 0s;
	}
.menu-layout .right-menu .menu li .box dt a:hover
{
    background-color:transparent;
	color:#e50014;
    text-decoration:underline;
	}

.product-menu
{
	position:absolute;
	left:0px;
	top:50px;
	float:left;
	display:inline;
	width:198px;
	border-left:solid 1px #dfdfdf;
	border-right:solid 1px #dfdfdf;
	background-color:#FFFFFF;
	display:none;
	}
.product-menu li
{
	position:relative;
	width:198px;
	height:49px;
	line-height:49px;
	border-bottom:solid 1px #dfdfdf;
	}
.product-menu li .title
{
	width:198px;
	line-height:49px;
	font-size:15px;
	}
.product-menu li .title a
{
	color:#3b84d6;
	}
.product-menu li .title a:hover
{
    text-decoration:underline;
    }

.m-top-wrap{ display:none;}
.m-start-show{ display:none;}

@media screen and (max-width:1023px) 
{
.top-layout{ display:none;}
.menu-layout{ display:none;}

.m-top-wrap{ display:block; position:relative; left:0px; top:0px; width:100%; min-width:auto; height:70px; padding:0px; text-align:center; background-color:#ffffff;  border-bottom:solid 1px #c4c4c4; z-index:999;}
.m-top-wrap .m-menu{ float:right; display:inline-block; width:14%; padding-top:15px; padding-left:5%; text-align:left; vertical-align:middle;}
.m-top-wrap .m-menu i{ position:relative; display:inline-block; width:38px; height:38px; }
.m-top-wrap .m-menu i.start-menu{ background:url(../images/menu-red.png) no-repeat center; background-size :100%;}
.m-top-wrap .m-menu i.close-menu{ background:url(../images/closed.png) no-repeat center; background-size :100%; display:none;}

.m-top-wrap .m-logo{ float:left; display:inline-block; width:70%; height:100%; padding-left:0; padding-top:10px; text-align:center; vertical-align:middle;}
.m-top-wrap .m-logo img{ width:100%;}

.m-start-out{ transform: translateY(-400px);}
.m-start-show{ display:block; position:fixed; left:0px; top:70px;  width:100%; height:auto;  background-color:#e9e9e9; z-index: 65; transition: all 0.5s ease-in-out;}
.m-start-menu-list{ padding:0;}
.m-start-show .nav{ width:100%; line-height:42px; }
.m-start-show .nav ul{width:90%; padding-left:5%; padding-right:5%; margin:0px auto auto auto;border-bottom:1px solid #d2d2d2;}
.m-start-show .nav li{ position:relative; line-height:42px;font-size:15px;color:#333333; text-align:left; }
.m-start-show .nav li a{color:#333333; }
.m-start-show .nav li.arrow:after {content: '';position: absolute;right:0px;top:17px;display: block;background: url(../images/icon-9.png) no-repeat; background-size:100% 100%; width:12px;height:8px;}
.m-start-show .nav li .icon{ float:right; display:inline-block;width:8%;  height:42px;}
.m-start-show .nav li .icon img{ width:100%;vertical-align:middle;}
    
.m-start-show .nav dl{ width:100%;margin:0px auto auto auto; background-color:#fff; display:none;}
.m-start-show .nav dl dt{ padding-left:48px; height:36px;line-height:36px; text-align:left; font-size:14px; border-bottom:1px solid #e5e5e5;}
.m-start-show .nav dl dt a{color:#666;}
}
    

.footer-layout
{
    width:100%;
    margin:0px auto auto auto;
    background-color:#ededed;
    }
.footer-layout .container
{
    width:1240px;
    margin:0px auto auto auto;
    padding:20px 0px;
    border-top:solid 1px #eee;
}
.footer-layout .container .left-con
{
    float: left;
    display: inline;
    padding-left:20px;
}
.footer-layout .container .nav
{
    float:left;
    display:inline;
    width:120px;
    margin-right:50px;
    border-right:1px solid #dfdfdf;
    text-align: left;
}
.footer-layout .container .nav p
{
    line-height:30px;
    padding-bottom:5px;
    font-size:16px;
    color:#333333;
}
.footer-layout .container .nav p a
{
    color: #000000;
}
.footer-layout .container .nav li
{
    float:left;
    display:inline;
    width:120px;
    line-height:32px;
    font-size:13px;
    color:#6d6d6d;
}
.footer-layout .container .nav li a
{
    color:#6d6d6d;
}
.footer-layout .container .nav li a:hover
{
    text-decoration: underline;
    color:#0072b8;
}

.footer-layout .container .right-con
{
    float:right;
    display:inline;
    padding-right:50px;
    }
.footer-layout .container .right-con .ewm
{
    float:right;
	width:130px;
	height:170px;
	padding-top:10px;
	margin:0px 20px;
	text-align:center;
	}
.footer-layout .container .right-con .ewm img
{
    width:120px;
    height:120px;
    }
.footer-layout .container .right-con .ewm .p2
{
	line-height:24px;
	margin-top:6px;
	font-size:14px;
    }
@media screen and (max-width:1023px) 
{
    .footer-layout{ display:none;}
    }
    
.footer-copy{ width:100%; padding:10px 0px; background-color:#0072b8; text-align:center; font-size:13px; color:#000000; }
.footer-copy .copy-container{ width:1240px; margin:0px auto auto auto; padding:10px 0px; }
.footer-copy .copy-container a{ color:#ffffff; }
.footer-copy .copy-container .left-logo{ float:left; display:inline; width:290px; height:80px; padding-left:20px; padding-right:50px; text-align:left; border-right:solid 1px #ffffff; }
.footer-copy .copy-container .left-logo img{  width:210px; height:80px; }
.footer-copy .copy-container .right-container{ float:left; display:inline; width:800px; line-height:26px; padding-left:30px; text-align:left; color:#ffffff; }
    
@media screen and (max-width:1023px) 
{
    .footer-copy .copy-container{ width:100%;}
    .footer-copy .copy-container .left-logo{ display:none;}
    .footer-copy .copy-container .right-container{ float:none; display:block; width:90%; margin:0px auto auto auto; padding:0px;}
    }


.back-top
{
    position:fixed;
    right:8px;
    bottom:300px;
    width:85px;
    height:192px;
    cursor:pointer;
    transition:all 250ms ease-in-out 0s;
    transform:scale(1, 1);
    z-index:99999;
    display:none;
    }
.back-top img
{
    width:100%;
    transform:translate(0px, 0px);
    }
    

    
/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:10px; bottom:120px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}