html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Microsoft YaHei";
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
	display: block;
}

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

dl,
dd {
	margin: auto;
}

input {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

a,
a:visited {
}
a:link,
a:visited {
	outline: none;
}
a:link{text-decoration:none;   
}
a:visited{text-decoration:none; 
}
a:hover{text-decoration:none;/}
a:active{text-decoration:none;}
a {
	cursor: pointer;
	text-decoration: none;
	color: #333;
}


*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.am-container-1 {
	max-width: 1050px;
	min-width: 1050px;
	margin: 0 auto;
}


.header {
	width: 100%;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	/*position: fixed;*/
	top: 0px;
	z-index: 1000;
	height: 120px;
	-moz-box-shadow: 0px 1px 30px #ECECEC;
	box-shadow: 0px 1px 30px #ECECEC;
}
.head-top{
	margin-top: 0px;
	width:100%;
	height:70px;
        line-height: 70px;
	background-color: #ffffff;
	overflow: hidden;
}

.head-logo{
	float:left;
	
	width:628px;
	margin-top:-6px;
	margin-bottom: 5px;
	overflow: hidden;
 

}


.head-phone{
	margin-left: 132px;
	float: left;
	margin-top: 12px;
	margin-right:10px;
	width:260px;
	height:45px;
	vertical-align:middle;
	overflow: hidden;
 
}
.head-phone img{
	float:left;
	width:45px;
	height:45px;
  
}
.head-phone div{
	float:left;
	width: 200px;
	height:45px;
	line-height: 45px;
	font-family: "Microsoft YaHei";
	color:#757575;
	font-size: 22px;
	margin-left: 10px;

	overflow: hidden;

}
.nav {
	margin-top: 0px;
	width:100%;
	background-color: #0061a6;
	height: 50px;
	overflow: hidden;
	min-width: 1120px;
}
.nav_list  li {
	float:left;
	list-style: none;
	height: 50px;
	text-align: center;
	height:50px;
	line-height:50px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	
}
.nav_list li a{
	float:left;
	list-style: none;
	padding-left:44px;
	padding-right:44px;
	height: 50px;
	color:#ffffff;
	text-align: center;
	height:50px;
	line-height:50px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	-webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}
.nav_list li a:hover {
	float:left;
	list-style: none;
	color: #ffffff;
	background-color: #0187d0;
	box-shadow: 3px 3px 3px #0187d0 inset;
	text-align: center;
	height:50px;
	line-height:50px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
}


.hw-menu-active{
	float:left;
	list-style: none;
	color: #ffffff;
	background-color: #0187d0;
	text-align: center;
	height:50px;
	line-height:50px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
}
/*二级图片*/
.nav-img {
	margin-top: 0px;
	min-width: 1120px;
	
}
.nav-img  img{
	width: 100%;
	height: auto;
	
}
.rollpic {
	margin-top: 0px;
	min-width: 1050px;
	
}

.rollpic div {
	margin: 0 0 0;
}

.rollpic ol {
	bottom: 10px !important;
}
.contanier_width{width:1200px; margin:0 auto}
.index_aboutus{margin-top: 50px;}
.index_aboutus>h4{max-width:540px;display: block;margin: 0 auto;font-size: 16px;font-weight: 400;text-align: center;}
.index_aboutus h5{font-size: 21.5px;text-align: center;font-weight: 400;background: url(../images/head_bak_line.png) no-repeat center center;
color: #333;margin: 20px 0px;}
.content{display: flex;}
.index_aboutus .content .left{flex: 4;position: relative;}
.index_aboutus .content .middle{flex: 3;}
.index_aboutus .content .right{flex: 3;}
.index_aboutus .content{height: 460px;margin-top: 50px;}
.index_aboutus .content .left{background: url(../images/110439zshchgtbmz8tj5sl.png) no-repeat 100%;}

.index_aboutus .content .left .company_content{width: 440px;height: 290px;padding: 15px;
position: absolute;left: 0;bottom: 0;background: rgba(0,15,15,0.5);color: #fff;}
.index_aboutus .content .left .company_content h4{width: 100%;border-bottom: 1px solid #fff;font-size: 20px;font-weight: 400;}
.index_aboutus .content .left .company_content h4 span{padding-left: 20px;font-weight: 100;}
.index_aboutus .content .left .company_content  p{line-height: 35px;font-size: 16px;padding-top: 15px;}
.index_aboutus .content .middle .imgframe,.index_aboutus .content .right .imgframe{height: 50%;overflow: hidden;
 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
    .index_aboutus .content .middle .imgframe img,.index_aboutus .content .right .imgframe img{
    	position: relative;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
    
   .index_aboutus .content .middle .imgframe:hover img,.index_aboutus .content .right .imgframe:hover img  {-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.index_aboutus .content .middle .txtframe{height: 50%;}
.index_aboutus .content .right .txtframe{height: 50%;}
.index_aboutus .content .txtframe{background: #dbdbdb;}
.index_aboutus .content .txtframe h4{font-size: 20px;color: #333;text-align: left;font-weight: 400;border-bottom: 1px solid #a0a0a0;}
.index_aboutus .content  .txtframe h4 span{padding-left: 10px;font-weight: 100;}
.index_aboutus .content .txtframe{padding: 20px;}
.news-scroll{height: 160px;overflow: hidden;/*margin-top: 20px;*/}
.news-item{display: flex;line-height: 50px;}
.news-item .news-content{flex:1;padding-left: 30px;background: url(../images/arrow.png) no-repeat 7px;}
.index_aboutus .content .txtframe p{padding-top: 10px;line-height: 28px;font-size: 16px;}

.product_center{margin-top: 50px;}
.product_center h4{font-size: 21.5px;text-align: center;font-weight: 400;color: #333;background: url(../images/head_bak_line.png) no-repeat center center;}
.product_center p{color: #666;font-size: 16px;text-align: center;max-width: 840px;text-align: center;display: block;margin: 0 auto;padding-top: 20px;line-height: 35px;}
.product_center .content{height: 350px;margin-top: 30px;}
.product_center .content .left,.product_center .content .middle,.product_center .content .right{
	flex:1;
}
.product_center .content .pailie{
	flex:1;
}
.product_center .content h4{font-size: 16px;font-weight: 400;width: 220px;color: #fff;background: #0068b7;margin: 0 auto;margin-bottom: 65px;}
.product_center .content .imgframe{height: 225px;width: 322px;display: block;margin:  0 auto;overflow: hidden;}
.product_center .content .imgframe img{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.product_center .content .imgframe:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
/*.index_news .head{height: 90px;background: #0073c3 url(../images/newshead.png) no-repeat 20px;}*/
.index_news .head{    height: 60px;
    background: #0073c3 url(../images/newshead.png) no-repeat 20px;
    background-size: 65% 65%;}


.index_news .content{padding: 40px 90px;background: #e6e6e6;clear: both;padding-bottom: 0px;}
.index_news .content .news_content{width: 500px;height: 150px;padding-right: 100px; float: left;display: flex;}
.index_news .content .news_content .left{width: 100px;height: 100%;}
.index_news .content .news_content .right{flex: 1;}
.index_news .content .news_content .left h4{background: #cecece;color: #333;width: 75px;
text-align: center;height: 50px;line-height: 50px;font-size: 18px;}
.index_news .content .news_content .left p{background: #fff;color: #333;width:75px;text-align: center;height: 50px;line-height: 50px;
font-size: 18px;}
.index_news .content .news_content .right h4{font-size: 18px;color: #333;}
.index_news .content .news_content .right p{font-size: 18px; color: #8e8e8e}
.myrow{display: block}

.news_content:hover .right h4{color: #0057b8 !important;}
.news_content:hover .right p{color: #333 !important}
 .news_content:hover .left h4{background: #0057b8 !important;color: #fff !important;}
 .news_content:hover .left p{color: #0057b8 !important;}
.index_news{margin-bottom: 70px;}
.foot{background: #dcdcdc;height: 300px;}
.foot .head{background: #0073c3;height: 40px;}
.footcontainer .content {padding-top: 30px;}
.footcontainer .content .left{flex: 4;}
.footcontainer .content .middle{flex: 3;}
.footcontainer .content .right{flex: 2;}
.footcontainer .content .left p{color: #898989;font-size: 14px;padding-left: 20px;line-height: 50px;border-right:1px solid #898989}
.footcontainer .content .middle img{float: left;margin-right: 30px;}
.footcontainer .content .middle{padding: 40px;}
.footcontainer .content .middle h4{font-size: 16px;color#333}
.footcontainer .content .middle p{font-size: 14px;color:#898989;padding-top: 10px;}


.about_banner{width: 100%;}
.about_banner img{width: 100%;}
.aboutus_body{background: #eff4fb;min-height: 100px;padding-top: 60px;padding-bottom: 120px;}
.aboutus_body p{font-size: 16px;line-height: 50px;padding-left: 50px;}
.aboutus_address{background: url(../images/aboutus_02.png) no-repeat 20px; background-size: 15px;}
.aboutus_phone{background: url(../images/aboutsus_01.png) no-repeat 20px; background-size: 15px;}
.aboutus_telphone{background: url(../images/aboutus_03.png) no-repeat 20px; background-size: 15px;}
.aboutus_mail{background: url(../images/aboutus_04.png) no-repeat 20px; background-size: 15px;}
.aboutus_body .erweima{width: 200px;margin-top: 50px;}
.aboutus_body .erweima img{width: 100%;}
.aboutus_img{width: 450px;position: absolute;right: 0;top:80px}
.aboutus_img img{width: 100%;}
.aboutus_body .contanier{position: relative;}

.aboutus_newbody{background: #eff4fb;}
.title-tips{padding: 10px 0;font-size: 14px;}
.aboutus{padding:40px 200px;}
.aboutus h4{font-family: 'SimHei';font-size: 16px;}
.aboutus p{font-size: 14px;line-height: 40px;padding: 0px 0;}
.wangted{background: #eff4fb;}

.wangted .content .left{flex: 1;}
.wangted .content .right{flex: 3;}
.wangted .content .left .tabs-frame{background: #fff;margin-top: 5px;padding: 40px 20px 20px;width: 275px;}
.wangted .content .left .tabs-frame h4{color: #f56649;font-size: 26px;border-bottom: 1px solid #676767;padding-bottom: 10px;}
.wangted .content .left .tabs-frame h5{color: #f56649;font-size: 20px;font-weight: 400;margin-bottom: 10px;}
.wangted .content .left .tabs-frame .tabs a{display: block;padding-left: 40px;background: url(../images/arrow_right.png) no-repeat right;
font-size: 16px;line-height: 40px;}
.wangted .content .left .tabs-frame .tabs a.active
,.wangted .content .left .tabs-frame .tabs a:hover{color: #f56649;background: url(../images/arrow_right_active.png) no-repeat right;}
.wangted .content .right{padding: 70px 50px;}
.wangted .content .right h4{color:#2d8dd8;font-size: 24px;font-weight: 400;font-family: 'SimSun';}
.wangted .content .right .p_section{padding: 20px 0;}
.wangted .content .right .p_section p{font-family: 'SimHei';line-height: 30px;color: #6f6e6e;}
.product>h4{text-align: center;padding-bottom: 20px;background: url(../images/head_line.png) no-repeat bottom center; background-size:60px 4px;margin-bottom: 20px;}

.success_example>h4{text-align: center;padding-bottom: 20px;background: url(../images/head_line.png) no-repeat bottom center; background-size:60px 4px;margin-bottom: 20px;}
.success_example>p{text-align: center;}
.success_example .example{width: 30%;margin: 1.5%;float: left;height: 100px;overflow: hidden;}
.examples{padding-top: 50px;}
.success_example .example img{width: 100%;height: 90px;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.success_example .example:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}