*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:14px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#333;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}

.wrapper { width:1200px; margin:0 auto; padding:30px 0; overflow: hidden;}
.top { height: 32px; line-height: 32px; overflow: hidden;border-bottom: 1px solid #dfdfdf;background: #fff;width: 100%;}
.topBox { width:100%; max-width:1000px;	margin:0 auto;}
.topBox_left { float:left;	width:40%;}
.topBox_right {	float:right;width:60%; text-align:right; color:#aaa;}
.topBox_right a {color:#666;padding:0 10px;}
.banner { background:url(images/banner.jpg) no-repeat top center; height:700px;}
.qy{ padding:30px 0}
.tit_qy { float:left; text-align:right; width:250px; margin:0 30px 0 0; padding:0 0 50px;}
.text_qy { font-size:16px; line-height:30px; color:#666;}
.text_qy p { text-indent:32px;}
.tit_b { font-size:38px; padding:20px 0 10px;}
.link_list { margin-left:-2px; overflow:hidden}
.link_list li { float:left; margin:0 1px 1px 0}
.tit { text-align:center; padding:60px 0 20px; font-size:26px; position:relative;}
.tit:after { content:''; display:inline-block; width:88px; height:18px; background:linear-gradient(90deg,#bbefbb,#adefec); position:absolute; left:50%; bottom:18px; z-index:-1; margin-left:-44px;}
.bg_1 { background:url(images/bg_1.jpg) no-repeat top center; overflow:hidden; padding:60px 0 30px}
.bg_1 ul li { width:25%; float:left; text-align:center;}
.bg_1 ul li h3 { font-size:24px; color:#32a352; font-weight:700;}
.bg_1 ul li img { margin-bottom:10px;}

.sz_list {  position:relative; width:920px; height:200px; margin:80px auto 0}
.sz_list li { display:inline-block; border-radius:50%; position:absolute; text-align:center; font-weight:500; font-size:20px; }
.sz_list li:nth-child(1){ background:#c3deb6; left:0; top:10px; width:80px; height:40px; padding:20px 0}
.sz_list li:nth-child(2){ background:#f3eed8; left:120px; top:50px; width:110px; height:50px; padding:30px 0; line-height:25px;}
.sz_list li:nth-child(3){ background:#c3c592; left:260px; top:0; width:90px; height:50px; line-height:50px; padding:20px 0}
.sz_list li:nth-child(4){ background:#e3f2c2; left:380px; top:80px; width:80px; height:40px; padding:20px 0}
.sz_list li:nth-child(5){ background:#b4ecba; left:500px; top:-20px; width:140px; height:60px; line-height:60px; padding:40px 0}
.sz_list li:nth-child(6){ background:#97ddd6; left:690px; top:40px; width:120px; height:60px; line-height:60px; padding:30px 0}
.sz_list li:nth-child(7){ background:#cfe4f2; left:860px; top:0; width:90px; height:50px; line-height:50px; padding:20px 0}
.sz_list li:nth-child(8){ background:#e8e8e8; left:540px; top:150px; width:50px; height:20px; line-height:20px; padding:15px 0}

.bg { background:#f4f4f4; padding:30px 0; overflow:hidden}
.company_list h3 { font-weight:700; color:#32a352; font-size:22px; margin:30px 0;}
.company_list ul li { float:left; width:33%; font-size:16px; padding:3px 0; color:#000}
.hd_tab { padding:30px 0; font-size:16px; color:#000}
.hd_tab th { width:80px; vertical-align:top; padding:3px 0; line-height:30px;}
.hd_tab td { padding:3px 0; line-height:30px;}

.contact { background:url(images/footer_bg.jpg) no-repeat top center; color:#fff; padding:20px 0 0}
.contact_tit {  font-size:38px; padding:20px 0 10px;}
.contact_cnt { padding:30px 0; overflow:hidden}
.contact_cnt dl { float:left; margin:0 150px 0 0}
.contact_cnt dl dt { font-size:16px; border-left:8px solid #4cd374; padding:0 0 0 10px; margin-bottom:25px; font-weight:700}
.contact_cnt dl dd { font-size:20px; padding:5px 0 5px 18px;}
.copyright { color:#87cd9c; font-size:16px; margin:30px 0 }

.fxd {position:fixed; right:35px; bottom:40%;  z-index:9999; width:50px;}
.fxd a{ width:40px; height:40px; line-height:20px; border-radius:50%; background:#fc355e; padding:10px; color:#fff; text-align:center; margin:3px 0;display:inline-block; font-size:16px;}

@media screen and (max-width:767px) {
    .wrapper {width:100%; margin:0 auto}
    .top { height: 32px; line-height: 32px; overflow: hidden;border-bottom: 1px solid #dfdfdf;background: #fff;width: 100%;}
    .topBox { width:100%;	max-width:1000px;	margin:0 auto;}
    .topBox_left { float:left;	width:40%;}
    .topBox_right {	float:right;width:60%; text-align:right; color:#aaa;}
    .topBox_right a {color:#666;padding:0 10px;}
    .banner { background:url(images/banner_wap.jpg) no-repeat top center; background-size:cover; height:660px; width:100%}
    .qy{ padding:0}
    .tit_qy { float:none; text-align:center; width:auto; margin:0; padding:0 0 30px;}
    .text_qy { font-size:14px; line-height:26px; color:#666; padding:0 20px; text-align:justify}
    .text_qy p { text-indent:28px;}
    .tit_b { font-size:22px; padding:20px 0 10px; text-align:center; font-weight:700}
    .link_list { margin-left:0; overflow:hidden}
    .link_list li { float:none; margin:0;padding:5px 5px 0;}
    .link_list li img { width:100%}
    .tit { text-align:center; padding:60px 0 20px; font-size:26px; position:relative;}
    .tit:after { content:''; display:inline-block; width:88px; height:18px; background:linear-gradient(90deg,#bbefbb,#adefec); position:absolute; left:50%; bottom:18px; z-index:-1; margin-left:-44px;}
    .bg_1 { background:url(images/bg_1.jpg) no-repeat center center; overflow:hidden; padding:60px 0 30px}
    .bg_1 ul li { width:50%; float:left; text-align:center; margin-bottom:30px;}
    .bg_1 ul li h3 { font-size:20px; color:#32a352; font-weight:700;}
    .bg_1 ul li img { margin-bottom:10px; width:120px;}

    .sz_list {  position:relative; width:auto; height:500px; margin:30px 30px 0}
    .sz_list li { display:inline-block; border-radius:50%; position:absolute; text-align:center; font-weight:500; font-size:15px; }
    .sz_list li:nth-child(1){ background:#c3deb6; left:10px; top:10px; width:60px; height:30px; padding:15px 0}
    .sz_list li:nth-child(2){ background:#f3eed8; left:120px; top:50px; width:90px; height:50px; padding:20px 0; line-height:25px;}
    .sz_list li:nth-child(3){ background:#c3c592; left:260px; top:0; width:70px; height:40px; line-height:40px; padding:15px 0}
    .sz_list li:nth-child(4){ background:#e3f2c2; left:0; top:155px; width:80px; height:40px; padding:20px 0}
    .sz_list li:nth-child(5){ background:#b4ecba; left:200px; top:140px; width:120px; height:60px; line-height:60px; padding:30px 0}
    .sz_list li:nth-child(6){ background:#97ddd6; left:0; top:320px; width:96px; height:40px; line-height:40px; padding:30px 0}
    .sz_list li:nth-child(7){ background:#cfe4f2; left:110px; top:240px; width:80px; height:40px; line-height:40px; padding:20px 0}
    .sz_list li:nth-child(8){ background:#e8e8e8; left:200px; top:360px; width:50px; height:20px; line-height:20px; padding:15px 0}


    .bg { background:#f4f4f4; padding:0; overflow:hidden}
    .company_list { padding:0 20px; margin:20px 0 0}
    .company_list h3 { font-weight:700; color:#32a352; font-size:18px; margin:10px 0 20px;}
    .company_list ul li { float:left; width:100%; font-size:16px; padding:3px 0; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
    .hd_tab { padding:30px 20px; font-size:16px; color:#000}
    .hd_tab th { width:86px; vertical-align:top; padding:3px 0; line-height:30px;}
    .hd_tab td { padding:3px 0; line-height:30px;}

    .contact { background:url(images/footer_bg.jpg) no-repeat top center; color:#fff; padding:0 20px 0}
    .contact_tit {  font-size:22px; padding:20px 0 10px;}
    .contact_cnt { padding:30px 0; overflow:hidden}
    .contact_cnt dl { float:none; margin:0 0 20px}
    .contact_cnt dl dt { font-size:16px; border-left:8px solid #4cd374; padding:0 0 0 10px; margin-bottom:15px; font-weight:700}
    .contact_cnt dl dd { font-size:20px; padding:5px 0 5px 18px;}
    .copyright { color:#87cd9c; font-size:14px; margin:0 }

}