body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; font-family: "microsoft yahei"; }

body { color: #666666; margin: 0 auto; max-width: 640px; min-width: 320px; background: #ffffff; }

a { text-decoration: none; font-style: normal; font-weight: normal; }

html, body { font-size: 62.5%; }

i, em, strong { font-style: normal; }

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

img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; width: 100%; }

q:before, q:after { content: ''; }

input, textarea, select { outline: none; border: none; -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

/*苹果手机input默认样式清除*/
input[type="button"], input[type="submit"], input[type="reset"], input[type='text'] { -webkit-appearance: none; }

header img,.banner img,.tc img,.container img,footer img { width: 100%; border: none; }

.clearfix { *zoom: 1; }

.clearfix:after { content: ''; display: table; clear: both; }

.clear { clear: both; }

.wrap { width: 100%; }

.container { width: 94%; height: auto; padding: 0 3%; }

.main { width: 100%; height: auto; }

.rel { position: relative; }

.center { text-align: center; }

.flex { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; }

.title { width: 100%; height: auto; text-align: center; position: relative; padding: 4% 0; }
.title:before { content: ''; display: block; background: url("/mszlhmsyycom/templets/22222120/special/zyjc/images/title_bg.png") no-repeat left center; background-size: 100%; width: 25%; position: absolute; left: 0; top: 50%; height: 1rem; margin-top: -0.5rem; }
.title:after { content: ''; display: block; background: url("/mszlhmsyycom/templets/22222120/special/zyjc/images/title_bg.png") no-repeat left center; background-size: 100%; width: 25%; position: absolute; right: 0; top: 50%; height: 1rem; margin-top: -0.5rem; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.title h2 { font-size: 0.46429rem; line-height: 1.5; font-weight: bold; color: #333333; }

header { width: 98%; height: auto; padding: 0 1%; }
header a { float: left; width: 52%; }
header a:nth-of-type(2) { float: right; width: 35%; }
header img { display: block; }

.nav { padding: 1% 0; background-color: #0ab2a5; }
.nav li { float: left; width: 20%; text-align: center; position: relative; }
.nav li a { width: 100%; height: 100%; display: block; color: #ffffff; font-size: 0.35714rem; line-height: 1.8; }
.nav li:before { content: ''; display: block; width: 1px; height: 100%; background: #099a8f; position: absolute; left: 0; top: 0; }
.nav li:after { content: ''; display: block; width: 1px; height: 100%; background: #0bcabb; position: absolute; left: 1px; top: 0; }
.nav li:nth-of-type(1):before, .nav li:nth-of-type(1):after { content: none; }

.banner { width: 100%; height: auto; position: relative; }
.banner a, .banner img { display: block; }

.tip { background: #0ab2a5; color: #fff; text-indent: 2em; padding: 3%; display: block; font-size: 0.35714rem; line-height: 1.5; }

.tc { width: 100%; position: relative; }
.tc img { display: block; }
.tc a { font-size: 0.35714rem; line-height: 2; color: #fff; right: 3%; top: 50%; margin-top: -0.3rem; position: absolute; display: block; background: #ff871c; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; padding: 0 3%; }

.center { margin: 7% 0 5%; }
.center a { display: inline-block; width: auto; font-size: 0.32143rem; line-height: 1; background: #ff871c; color: #fff; padding: 4% 10%; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; position: relative; }

.wrap_stast .zhengzhuang { width: 100%; height: 1.7rem; }
.wrap_stast .zhengzhuang li { background: #0ab2a5; width: 18%; text-align: center; float: left; margin: 0 1%; height: 100%; }
.wrap_stast .zhengzhuang li a { justify-content: center; -webkit-justify-content: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-box-align: center; color: #fff; font-size: 0.39286rem; line-height: 1.35; width: 100%; height: 100%; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.wrap_stast .zhengzhuang li:nth-of-type(even) { background: #ff871c; }
.wrap_stast .search_zz { width: 86%; border: 1px #ababab solid; font-size: 0.35714rem; line-height: 2.2; position: relative; margin: 7%; }
.wrap_stast .search_zz input { width: 66%; font-size: 0.35714rem; line-height: 2.2; padding: 0 2%; }
.wrap_stast .search_zz a { color: #fff; text-align: center; width: 30%; background: #ef2953; display: block; position: absolute; right: 0; top: 0; }
.wrap_stast .ceshi { width: 96%; margin: 1% 2% 6% 2%; }
.wrap_stast .ceshi .text { font-size: 0.42857rem; line-height: 1.2; color: #000000; }
.wrap_stast .ceshi .text em { font-size: 0.32143rem; line-height: 1.8; color: #666666; }
.wrap_stast .ceshi ul.problem_list { position: relative; width: 100%; margin-top: 3%; }
.wrap_stast .ceshi ul.problem_list li { width: 90%; box-shadow: 0px 0px 0px 1px #ddd inset; -webkit-box-shadow: 0px 0px 0px 1px #ddd inset; -moz-box-shadow: 0px 0px 0px 1px #ddd inset; background: #f9f9f9; padding: 2% 5% 4% 5%; display: none; }
.wrap_stast .ceshi ul.problem_list li i { font-size: 0.625rem; line-height: 1.2; color: #d5d5d5; }
.wrap_stast .ceshi ul.problem_list li span { font-size: 0.35714rem; line-height: 1.5; color: #333333; display: block; padding: 0.2rem 0; }
.wrap_stast .ceshi ul.problem_list li input[type='radio'] { display: none; }
.wrap_stast .ceshi ul.problem_list li label { cursor: pointer; display: inline-block; font-size: 0.32143rem; line-height: 0.52rem; width: 0.7rem; height: 0.5rem; position: relative; background: #f9f9f9; box-shadow: 0px 0px 0px 1px #ddd inset; -webkit-box-shadow: 0px 0px 0px 1px #ddd inset; -moz-box-shadow: 0px 0px 0px 1px #ddd inset; margin-right: 0.2rem; padding-right: 0.7rem; text-align: center; }
.wrap_stast .ceshi ul.problem_list li label:nth-of-type(3) { width: 1.5rem; padding-right: 1.5rem; }
.wrap_stast .ceshi ul.problem_list li label:before { background-color: #ccc; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8); content: ""; display: inline-block; left: 50%; top: 0; width: 50%; height: 0.5rem; position: absolute; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; }
.wrap_stast .ceshi ul.problem_list li input[type="radio"]:checked + label:before { left: 0%; background: #ff871c; content: 'ON'; color: #fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.wrap_stast .ceshi ul.problem_list li.active { display: block; }
.wrap_stast .ceshi .btn_list { text-align: right; padding-top: 0.4rem; }
.wrap_stast .ceshi .btn_list a { display: inline-block; width: auto; padding: 0 3%; font-size: 0.35714rem; line-height: 2; color: #333333; background: #f5f5f5; border: 1px #e3e3e3 solid; margin-right: 0.4rem; }
.wrap_stast .ceshi .btn_list a:nth-of-type(2) { background: #ff871c; color: #fff; border: 1px #ff871c solid; margin-right: 0; }
.wrap_stast .ceshi .btn_list input[type='tel'] { float:left;font-size: 0.35714rem; line-height: 2; color: #666; width: 80%; box-shadow: 0px 0px 0px 1px #bbb; -webkit-box-shadow: 0px 0px 0px 1px #bbb; -moz-box-shadow: 0px 0px 0px 1px #bbb; padding: 0 1%; margin-right: -0.2rem; }

@media screen and (max-width:639px){
    .wrap_stast .ceshi .btn_list input[type='tel']{
		width:75%;
	}
}
.wrap_stast .ceshi .btn_list .result_box { display: none; }
.wrap_stast .ceshi .btn_list span { font-size: 0.35714rem; line-height: 2.1; display: block; float: left; width: 52%; padding: 0 0%; border: 1px #ddd solid; text-align: center; }
.wrap_stast .ceshi .btn_list p { font-size: 0.3rem; line-height: 2.1; display: block; float: left; width: 100%; padding: 0 0%; text-align: left;color:#0ab2a5; }
.wrap_stast .ceshi .btn_list .bresult { background: #ed225e; padding: 0 1%; color: #fff; font-size: 0.35714rem; line-height: 2; display: block; margin: 0; float: left; border: 1px #ed225e solid; }
.wrap_stast .ceshi .btn_list .bresult:nth-of-type(2) { background: #ed225e; padding: 0 3%; color: #fff; font-size: 0.35714rem; line-height: 2; display: block; margin: 0; float: right; border: 1px #ed225e solid; }

.wrap_a .main_a { width: 100%; }
.wrap_a .main_a h4 { background: #0ab2a5; width: 100%; text-align: center; font-size: 0.42857rem; line-height: 2.8; color: #fff; display: block; margin-bottom: 0.3rem; }
.wrap_a .main_a .cen_box { width: 100%; }
.wrap_a .main_a .cen_box .img { width: 43%; float: left; box-shadow: 0px 0px 0px 1px #ededed inset; -webkit-box-shadow: 0px 0px 0px 1px #ededed inset; -moz-box-shadow: 0px 0px 0px 1px #ededed inset; padding: 0.1rem; position: relative; }
.wrap_a .main_a .cen_box .img img { display: block; }
.wrap_a .main_a .cen_box .img span { background: rgba(255, 255, 255, 0.7); font-size: 0.42857rem; line-height: 2; color: #333333; text-align: center; display: block; position: absolute; left: 0; top: 50%; margin-top: -0.5rem; width: 100%; }
.wrap_a .main_a .cen_box .msg { float: right; width: 52%; }
.wrap_a .main_a .cen_box .msg item { display: block; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0.18rem 0; border-bottom: 1px #bbb dashed; }
.wrap_a .main_a .cen_box .msg item .leimg { width: 20%; margin-right: 5%; }
.wrap_a .main_a .cen_box .msg item .leimg img{ display:inline;}
.wrap_a .main_a .cen_box .msg item .right { -webkit-flex: 1; flex: 1; }
.wrap_a .main_a .cen_box .msg item .right span { text-align: center; font-size: 0.42857rem; line-height: 1.4; color: #ef2953; display: block; }
.wrap_a .main_a .cen_box .msg item .right p { font-size: 0.32143rem; line-height: 1.4; color: #666; }
.wrap_a .main_a .cen_box .msg item:nth-of-type(2) { border-bottom: none; }
.wrap_a .main_ju { width: 49%; float: left; margin: 5% 0; }
.wrap_a .main_ju h4 { background: #0ab2a5; width: 100%; text-align: center; font-size: 0.42857rem; line-height: 2.8; color: #fff; display: block; margin-bottom: 0.3rem; }
.wrap_a .main_ju .img { width: 100%; position: relative; }
.wrap_a .main_ju .img img { display: block; }
.wrap_a .main_ju .img span { background: rgba(255, 255, 255, 0.7); font-size: 0.42857rem; line-height: 2; color: #333333; text-align: center; display: block; position: absolute; left: 0; top: 50%; margin-top: -0.5rem; width: 100%; }
.wrap_a .main_ju .box_a { width: 100%; text-align: center; padding: 10% 0; border-left: 1px #ddd solid; border-right: 1px #ddd solid; box-sizing: border-box; border-bottom: 1px #ddd dashed; }
.wrap_a .main_ju .box_a i { width: 30%; display: block; margin: 0 auto; }
.wrap_a .main_ju .box_a span { font-size: 0.42857rem; line-height: 2; color: #ef2953; }
.wrap_a .main_ju .box_a p { font-size: 0.32143rem; line-height: 1.5; color: #666; }
.wrap_a .main_ju .box_b { width: 100%; text-align: center; padding: 10% 0; border-left: 1px #ddd solid; border-right: 1px #ddd solid; box-sizing: border-box; background: #fffbf8; border-bottom: 1px #ddd solid; }
.wrap_a .main_ju .box_b i { width: 30%; display: block; margin: 0 auto; }
.wrap_a .main_ju .box_b span { font-size: 0.42857rem; line-height: 2; color: #ef2953; }
.wrap_a .main_ju .box_b p { font-size: 0.32143rem; line-height: 1.5; color: #666; }
.wrap_a .main_ju .box_b a { width: 50%; display: block; margin: 7% auto 0 auto; background: #ff871c; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; text-align: center; font-size: 0.32143rem; line-height: 2.6; }
.wrap_a .main_ju:nth-of-type(3) { float: right; }

.wrap_b ul li { width: 100%; margin-bottom: 3%; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background: #fffbf8; }
.wrap_b ul li .img { width: 36%; }
.wrap_b ul li .img img { display: block; }
.wrap_b ul li .msg { width: 64%; margin: 0 2%; }
.wrap_b ul li .msg h4 { text-align: center; display: block; font-size: 0.35714rem; line-height: 1.6; color: #333333; padding: 0.3rem 0 0.2rem 0; }
.wrap_b ul li .msg h4 i { display: inline-block; color: #ff5a00; width: 0.6rem; text-align: center; border: 1px #ff5a00 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-right: 0.1rem; box-sizing: border-box; }
.wrap_b ul li .msg p { font-size: 0.32143rem; line-height: 1.6; color: #666666; }
.wrap_b ul li .msg a { display: block; width: 90%; text-align: center; font-size: 0.32143rem; line-height: 2.4; background: #ff871c; border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; color: #fff; margin-top: 0.2rem; }

.wrap_c .container { margin: 4% 0% 5% 0%; }
.wrap_c .img { float: left; width: 40%; padding: 0.1rem; box-shadow: 0px 0px 0px 1px #ddd inset; -webkit-box-shadow: 0px 0px 0px 1px #ddd inset; -moz-box-shadow: 0px 0px 0px 1px #ddd inset; }
.wrap_c .img img { display: block; }
.wrap_c .msg { width: 55%; float: right; }
.wrap_c .msg p { font-size: 0.39286rem; line-height: 1.6; color: #666; }
.wrap_c .msg p span { color: #ef2953; }
.wrap_c .msg .search { box-shadow: 0px 0px 0px 1px #c1c1c1 inset; -webkit-box-shadow: 0px 0px 0px 1px #c1c1c1 inset; -moz-box-shadow: 0px 0px 0px 1px #c1c1c1 inset; font-size: 0.32143rem; line-height: 2.6; color: #c1c1c1; margin-top: 5%; width: 95%; }
.wrap_c .msg .search input { float: left; width: 56%; font-size: 0.32143rem; line-height: 2.6; background: transparent; border: none; padding: 0 2%; }
.wrap_c .msg .search a { width: 40%; float: right; color: #fff; text-align: center; background: #ff871c; }

.wrap_d .box { position: relative; }
.wrap_d .box .leftlist { width: 51%; float: left; }
.wrap_d .box .leftlist li { width: 100%; text-align: center; font-size: 0.32143rem; line-height: 2; background: #0ab2a5; padding: 2.5% 0; margin-bottom: 0.1rem; color: #fff; float: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.wrap_d .box .leftlist li i { width: 10%; display: inline-block; margin-right: 3%; position: relative; top: 0.1rem; }
.wrap_d .box .leftlist li i img { display: block; }
.wrap_d .box .leftlist li:last-child { margin-bottom: 0; }
.wrap_d .box .right { width: 47%; float: right; }
.wrap_d .box .right a { width: 47%; font-size: 0.32143rem; line-height: 2.5; color: #fff; background: #ef2953; border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; display: block; text-align: center; position: absolute; bottom: 0.02rem; right: 0; }
.wrap_d .search { box-shadow: 0px 0px 0px 1px #c1c1c1 inset; -webkit-box-shadow: 0px 0px 0px 1px #c1c1c1 inset; -moz-box-shadow: 0px 0px 0px 1px #c1c1c1 inset; font-size: 0.32143rem; line-height: 2.6; color: #c1c1c1; width: 80%; margin: 5% auto; }
.wrap_d .search input { float: left; width: 56%; font-size: 0.32143rem; line-height: 2.6; background: transparent; border: none; padding: 0 2%; }
.wrap_d .search a { width: 40%; float: right; color: #fff; text-align: center; background: #ff871c; }

.wrap_e .doc_banner .swiper-slide { width: 100%; }
.wrap_e .doc_banner .swiper-slide .img { float: left; width: 43%; }
.wrap_e .doc_banner .swiper-slide .msg { float: right; width: 55%; }
.wrap_e .doc_banner .swiper-slide .msg h4 { font-size: 0.46429rem; line-height: 1.3; color: #ff5a00; margin-top: 0.2rem; }
.wrap_e .doc_banner .swiper-slide .msg i { margin-right: 0.1rem; color: #666 !important; }
.wrap_e .doc_banner .swiper-slide .msg ul { margin: 0.15rem 0; }
.wrap_e .doc_banner .swiper-slide .msg ul li { font-size: 0.32143rem; line-height: 1.6; color: #666666; }
.wrap_e .doc_banner .swiper-slide .msg span { font-size: 0.32143rem; line-height: 2; color: #333; }
.wrap_e .doc_banner .swiper-slide .msg p { font-size: 0.32143rem; line-height: 1.4; }
.wrap_e .doc_banner .swiper-slide .msg p a{ color: #ff5a00; }
.wrap_e .doc_banner .swiper-pagination { position: static; margin: 4% 0; }
.wrap_e .doc_banner .swiper-pagination span { width: 0.5rem; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; }
.wrap_e .doc_banner .swiper-pagination .swiper-pagination-bullet-active { background: #ff5a00; }
.wrap_e .doc_center { text-align: center; }
.wrap_e .doc_center a { display: inline-block; color: #fff; font-size: 0.35714rem; line-height: 0.5rem; height: 1rem; }
.wrap_e .doc_center a:nth-of-type(1) { background: #eb4873; border-top-left-radius: 2rem; -webkit-border-top-left-radius: 2rem; -moz-border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; -webkit-border-bottom-left-radius: 2rem; -moz-border-bottom-left-radius: 2rem; padding: 0.2rem 3% 0.2rem 5%; text-align: left; }
.wrap_e .doc_center a:nth-of-type(2) { border-top-right-radius: 2rem; -webkit-border-top-right-radius: 2rem; -moz-border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; -webkit-border-bottom-right-radius: 2rem; -moz-border-bottom-right-radius: 2rem; padding: 0.2rem 0.2rem 0.2rem 1.1rem; background: url("/mszlhmsyycom/templets/22222120/special/zyjc/images/doc_tel.png") no-repeat center left 0.15rem #ff5a00;background-color:#ff5a00; text-align: left; background-size: 0.7rem; position: relative; }
.wrap_e .doc_center a:nth-of-type(2):after { content: ''; width: 1px; height: 1rem; top: 0.2rem; position: absolute; background: #fff; left: 1rem; }
.wrap_e .doc_center a:nth-of-type(2) b { font-size: 0.37rem; line-height: 0.5rem; }


.wrap_f ul { margin: 3% 0; }
.wrap_f ul li { width: 100%; background: #f7ffff; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.wrap_f ul li .img { width: 50%; }
.wrap_f ul li .img img { display: block; }
.wrap_f ul li .msg { text-align: center; -webkit-flex: 1; flex: 1; font-size: 0.42857rem; line-height: 1.5; color: #333333; }
.wrap_f ul li .msg i { width: 30%; text-align: center; margin: 0 auto; display: block; margin-top: 0.5rem; }
.wrap_f ul li .msg p { font-size: 0.32143rem; line-height: 1.6; color: #666; }
.wrap_f ul li:nth-of-type(even) { background: #fff6f9; }

.wrap_g .box { border: 1px #ddd dashed; background: #f7ffff; width: 55%; position: relative; float: right; padding: 3% 5% 3% 22%; margin: 5% 0; }
.wrap_g .box span { width: 90%; font-size: 0.35714rem; line-height: 2; color: #fff; background: #0ab2a5; display: block; margin-bottom: 2%; text-align: center; }
.wrap_g .box p { font-size: 0.32143rem; line-height: 1.6; color: #666; display: block; }
.wrap_g .box img { position: absolute; left: -25%; top: -14%; width: 48%; }
.wrap_g .box:nth-of-type(2) { float: left; padding: 3% 22% 3% 5%; }
.wrap_g .box:nth-of-type(2) span { background: #eb4873; }
.wrap_g .box:nth-of-type(2) img { position: absolute; right: -25%; left: auto; }

.wrap_gh .cform { width: 80%; margin: 5% 10% 7% 10%; }
.wrap_gh .cform ul li { font-size: 0.35714rem; line-height: 2; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; margin-bottom: 5%; float: left; }
.wrap_gh .cform ul li span { padding: 1% 0; display: block; }
.wrap_gh .cform ul li input { font-size: 0.35714rem; line-height: 2; border: 1px #ddd solid; -webkit-flex: 1; flex: 1; padding: 1% 2%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.wrap_gh .cform ul li textarea { font-size: 0.35714rem; line-height: 1.5; border: 1px #ddd solid; -webkit-flex: 1; flex: 1; padding: 2%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; }
.wrap_gh .cform .center { width: 80%; float: right; margin: 0; }
.wrap_gh .cform .center input { border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; color: #fff; background: #a5a5a5; font-size: 0.32143rem; line-height: 2.5; position: relative; display: inline-block; margin: 0 2%; padding: 0 10%; }
.wrap_gh .cform .center input:nth-of-type(2) { background: #ff871c; }

footer { background: #0aa79b; padding: 5% 2%; width: 96%; }
footer .foot_lg { width: 45%; float: left; display: block; margin-top: 5%; }
footer .foot_msg { width: 48%; float: right; position: relative; color: #fff; }
footer .foot_msg span { font-size: 0.32143rem; line-height: 1.3; display: block; padding-top: 4%; }
footer .foot_msg p { font-size: 0.28571rem; line-height: 1.5; display: block; }
footer .foot_msg a { font-size: 0.39286rem; line-height: 1.5; color: #ffff00; display: block; }
footer .foot_msg:before { content: ''; display: block; width: 1px; height: 100%; top: 0%; left: -8%; position: absolute; background: -moz-linear-gradient(top, rgba(10, 167, 155, 0) 0%, rgba(10, 167, 155, 0.1) 2%, #11b1a5 21%, #13b4a8 27%, #13b4a8 81%, #12b3a7 83%, rgba(10, 167, 155, 0) 100%); background: -webkit-linear-gradient(top, rgba(10, 167, 155, 0) 0%, rgba(10, 167, 155, 0.1) 2%, #11b1a5 21%, #13b4a8 27%, #13b4a8 81%, #12b3a7 83%, rgba(10, 167, 155, 0) 100%); background: linear-gradient(to bottom, rgba(10, 167, 155, 0) 0%, rgba(10, 167, 155, 0.1) 2%, #11b1a5 21%, #13b4a8 27%, #13b4a8 81%, #12b3a7 83%, rgba(10, 167, 155, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000aa79b', endColorstr='#000aa79b',GradientType=0 ); }