@charset "utf-8";

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden
}

body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent
}

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

fieldset,img {
	border: 0;
	vertical-align: top
}

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

table {
	border-collapse: collapse;
	border-spacing: 0
}

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

em,i {
	font-style: normal
}

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

input[type=button],input[type=submit],input[type=reset] {
	-webkit-appearance: none
}

a {
	color: #666;
	text-decoration: none;
	outline: none;
	blr: expression(this.onFocus=this.blur())
}

* {
	box-sizing: border-box
}

body {
	font-family: microsoft yahei,Arial;
	color: #666;
	font-size: 14px;
	background: #fff
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	-ms-interpolation-mode: blicubic
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

.fl {
	float: left
}

.fr {
	float: right
}

.mb20 {
	margin-bottom: 20px
}

.eps {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.wrapper {
	width: 100%;
	max-width: 640px;
	min-width: 250px;
	margin: 0 auto;
	position: relative;
	padding: 2.3rem 0 2.7rem;
	overflow: hidden
}

.con {
	padding: 0 2%
}

@font-face {
	font-family:iconfont;src:url(../fonts/font_75uqs6jgze8w7b9.eot);src:url(../fonts/font_75uqs6jgze8w7b9.eot?#iefix) format('embedded-opentype'),url(../fonts/font_75uqs6jgze8w7b9.woff) format('woff'),url(../fonts/font_75uqs6jgze8w7b9.ttf) format('truetype'),url(../fonts/font_75uqs6jgze8w7b9.svg#iconfont) format('svg')
}

.iconfont {
	font-family: iconfont!important;
	font-size: 18px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.icon_home::before {
	content: "\e64d"
}

.icon_nav1::before {
	content: "\e658"
}

.icon_nav2::before {
	content: "\e641"
}

.icon_nav3::before {
	content: "\e667"
}

.icon_nav4::before {
	content: "\e652"
}

.icon_nav5::before {
	content: "\e641"
}

.icon_nav6::before {
	content: "\e650"
}

.icon_nav7::before {
	content: "\e615"
}

.icon_ry::before {
	content: "\e66c"
}

.icon_kf::before {
	content: "\e605"
}

.icon_dh::before {
	content: "\e602"
}

.icon_ly::before {
	content: "\e606"
}

.icon_xx::before {
	content: "\e601"
}

.header {
	height: 2.3rem;
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;box-shadow: 0 0 10px #999;
}

.headMain {
	position: relative;
	text-align: center;
	background: #fff;
	height: 2.3rem
}

.logo {
	display: table;
	height: 2.3rem;
	text-align: center;
	width: 100%
}

.logo a {
	display: table-cell;
	vertical-align: middle
}

.logo img {
	vertical-align: middle;
	max-height: 1.7rem
}

.header .navMenu_icon,.header .lang {
	position: absolute;
	left: 2%;
	top: 0;
	height: 2.3rem;
	color: #fff;
	line-height: 2.3rem;
	color: #006599;
}

.header .navMenu_icon::before,.header .lang::before {
	content: " \e60e ";
	font-family: iconfont!important;
	font-size: 1.8rem
}

.header .lang {
	right: 2%;
	left: auto
}

.header .lang::before {
	content: " \e60b ";
	font-size: 1rem
}

.navbar {
	position: fixed;
	z-index: 20;
	height: 100%;
	top: 2.3rem;
	overflow: hidden;
	display: none;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;

}

.navbar>ul {
	height: 100%;
	padding-top: 1rem;
	overflow-x: hidden;
	overflow-y: auto;
	padding-left: 0rem;
	background: #383838;
	width: 8rem;
	position: relative;
	z-index: 2;
		padding-bottom:3rem;
}
.navbar .navSub li:last-child{border-bottom:0px solid #ccc;}
.navSub{display:none;}
.navbar ul ul{padding-left: .1rem;}
.navbar ul li {
	height: auto;
	line-height: 1.8rem;
	border-bottom: 1px solid #252525
}.navbar ul>li {height:auto;}

.navbar ul li a {
	display: block;
	padding-left: 1.4rem;
	font-size: .7rem;
	color: #555;
	border-radius: 1rem 0 0 1rem;
	height: 1.8rem;
	opacity: 0;
	transform: translateX(-100%);
	transition: all .4s ease 0s;
	transition-delay: 160ms;
	color: #fff
}
.navbar ul li ul a{
	font-size: .5rem;
	
}
.navbar ul li a i {
	font-size: 1rem;
	margin-right: .5rem;
	float: left
}
.navbar .fw{font-weight:bold;color:#bcd4ff;}
.navbar .show1{display:block;}
.navbar ul li .current {
	background: #0099cb
}

.navbar ul li:first-child {
	border-top: none
}

.navbar ul li:nth-child(2) a {
	transition-delay: 240ms
}

.navbar ul li:nth-child(3) a {
	transition-delay: 320ms
}

.navbar ul li:nth-child(4) a {
	transition-delay: 400ms
}

.navbar ul li:nth-child(5) a {
	transition-delay: 480ms
}

.navbar ul li:nth-child(6) a {
	transition-delay: 540ms
}

.navbar ul li:nth-child(7) a {
	transition-delay: 620ms
}

.navbar ul li:nth-child(8) a {
	transition-delay: 680ms
}

.navbar ul li:nth-child(9) a {
	transition-delay: 740ms
}

.navbar ul li:nth-child(9) a {
	transition-delay: 800ms
}

.navbar ul li:nth-child(10) a {
	transition-delay: 860ms
}

.navbar ul li:nth-child(11) a {
	transition-delay: 940ms
}

.navbar ul.show li a {
	opacity: 1;
	transform: translateX(0)
}

.floatmask {
	width: 100%;
	height:100%;
	background: #000;
	opacity: .5;
	position: absolute;
	top: 0;
	z-index: 1;
	display: none;
	overflow: hidden;
	transition: all .5s;
	max-width: 640px;
	margin: 0 auto
}

.mainBox {
	position: relative
}

.banner {
	position: relative;
	overflow: hidden;
	max-width: 640px;
	/
}

.banner .hd {
	position: absolute;
	height: 28px;
	line-height: 28px;
	bottom: 0;
	right: 0;
	z-index: 1
}

.banner .hd li {
	display: inline-block;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 6px
}

.banner .hd li.on {
	background: #014f9f
}

.banner .bd {
	position: relative;
	z-index: 0
}

.banner .bd li {
	position: relative;
	text-align: center
}

.banner .bd li img {
	background: url(images/loading.gif) center center no-repeat;
	vertical-align: top;
	width: 100%
}

.conMenu {
	overflow: hidden;
	margin-bottom: 10px;
	background: #e5e5e5
}

.conMenu li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 1rem;
	height: 5.2rem;
	position: relative
}

.conMenu li a {
	color: #333;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 2rem;
	padding-top: .4rem
}

.conMenu li i {
	font-size: 1.3rem;
	background: #0099cb;
	width: 2.8rem;
	height: 2.8rem;
	text-align: center;
	line-height: 2.8rem;
	border-radius: 100%;
	color: #fff;
	display: block;
	margin: 0 auto
}

.conMenu li span {
	display: block;
	font-size: .7rem
}

.conMenu li:nth-child(2) i {
	background: #4d4d4d
}

.conMenu li:nth-child(3) i {
	background: #a4db1d
}

.conMenu li:nth-child(4) i {
	background: #618de6
}

.case {
	margin-bottom: 0
}

.caseMain {
	position: relative;
	overflow: hidden;
	max-width: 640px
}

.caseMain .bd {
	position: relative;
	z-index: 0
}

.caseMain .bd li {
	position: relative;
	text-align: center
}

.caseMain .bd li img {
	background: url(images/loading.gif) center center no-repeat;
	vertical-align: top;
	width: 100%
}

.caseMain .bd li span {
	display: block;
	position: absolute;
	color: #fff;
	height: 1.2rem;
	line-height: 1.2rem;
	background: url(../images/opc.png);
	text-align: center;
	bottom: 0;
	left: 0;
	width: 100%
}

.caseMain .prev,.caseMain .next {
	position: absolute;
	left: .75rem;
	top: 50%;
	margin-top: -.6rem;
	display: block;
	width: 23px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	width: 1.8rem;
	text-align: center;
	line-height: 1.8rem;
	background: #000;
	opacity: .7;
	height: 1.8rem;
	border-radius: .2rem
}

.caseMain .hd span img {
	max-width: 70%;
	vertical-align: middle
}

.caseMain .next {
	left: auto;
	right: .75rem
}

.proMenu ul {
	overflow: hidden
}

.proMenu ul li {
	float: left;
	width: 48%;
	margin-left: 1.5%;
	border: 1px solid #ddd;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	border-radius: 3px;
	margin-bottom: .3rem
}

.proMenu ul li a {
	display: block
}

.product,.about {
	margin-bottom: 10px;
	overflow: hidden;
	border-bottom: 4px solid #f2f2f2
}

.homeTitle {
	height: 1.6rem;
	line-height: 1.6rem;
	font-size: .8rem;
	border-bottom: 2px solid #ccc;
	color: #222;
	margin-bottom: 10px
}

.homeTitle span {
	display: inline-block;
	height: 1.6rem;
	padding: 0 2%;
	position: relative;
	border-bottom: 2px solid #0099cb;
	color: #0099cb
}

.homeTitle .more {
	float: right;
	margin-right:;
	font-size: 1.4rem
}

.proMain {
	padding: 0 2%;
	overflow: hidden
}

.proMain li {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	overflow: hidden;
	position: relative;
	text-align: center
}

.proMain li:nth-child(2n) {
	margin-right: 0
}

.proMain li img {
	width: 100%;
	border: 1px solid #ddd
}

.proMain li span {
	display: block;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center
}

.about .font {
	padding-bottom: 3%
}

.aboutImg {
	height: 5rem;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	margin-bottom: .3rem
}

#news .homeTitle span {
	border-bottom: 2px solid transparent
}

#news .homeTitle .on {
	border-bottom: 2px solid #0099cb
}

.news {
	margin-bottom: 10px;
	border-bottom: 4px solid #f2f2f2
}

.news li {
	height: auto;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden;
	position: relative;
	padding: 0 10% 0 2%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 1.8rem;
	line-height: 1.8rem
}

.news li:last-child {
	border-bottom: none
}

.news li::after {
	position: absolute;
	font-size: .8rem;
	right: 2%;
	top: 0;
	content: " \e62c ";
	font-family: iconfont!important;
	color: #999
}

.homeFeed {
	margin-bottom: 30px
}

.about .font img {
	width: 100%;
	margin-bottom: .3rem
}

.search {
	padding: 2%;
	position: relative;
	border-bottom: 4px solid #e5e5e5
}

.search form {
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	width: 100%;
	display: block;
	height: 1.6rem;
	line-height: 1.6rem
}

.search .sear_text {
	width: 88%;
	padding-left: 3%;
	height: 100%;
	line-height: 1.6rem;
	float: left
}

.search .sear_btn {
	width: 12%;
	height: 100%;
	float: left;
	background: 0 0;
	position: relative;
	z-index: 2
}

.search::before {
	position: absolute;
	font-size: .9rem;
	text-align: center;
	content: " \e64a ";
	font-family: iconfont!important;
	color: #333;
	top: .6rem;
	right: 6%
}

.listWrapper .search {
	border-bottom: none;
	margin-bottom: 15px;
	padding: 0
}

.listWrapper .search::before {
	top: .3rem;
	right: 3%
}

.footer .backtop {
	height: 1.2rem;
	line-height: 1.2rem;
	background: #0099cb;
	color: #fff;
	padding-right: 3%;
	text-align: right;
	font-size: .7rem;
	text-transform: uppercase
}

.footCopy {
	text-align: center;
	padding: 10px 0 15px;
	font-size: .7rem;
	line-height: 1.2rem
}

.footMenu {
	height: 2.7rem;
	position: fixed;
	bottom: 0;
	z-index: 10;
	width: 100%;
	text-align: center;
	background-color: #0099cb;
	display: table;
	max-width: 640px;
	margin: 0 auto
}

.footMenu ul {
	overflow: hidden;
	color: #fff;
	padding-top:;
	display: table-cell;
	vertical-align: middle
}

.footMenu li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: .6rem;
	vertical-align: middle;
	line-height: 1rem;
	padding-top: .1rem
}

.footMenu li a {
	color: #fff
}

.footMenu li i {
	font-size: 1.1rem
}

.footMenu li span {
	display: block
}

.search {
	padding: 2%;
	position: relative;
	border-bottom: 4px solid #e5e5e5
}

.search form {
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	width: 100%;
	display: block;
	height: 1.6rem;
	line-height: 1.6rem
}

.search .sear_text {
	width: 88%;
	padding-left: 3%;
	height: 100%;
	line-height: 1.6rem;
	float: left
}

.search .sear_btn {
	width: 12%;
	height: 100%;
	float: left;
	background: 0 0;
	position: relative;
	z-index: 2
}

.search::before {
	position: absolute;
	font-size: .9rem;
	text-align: center;
	content: " \e64a ";
	font-family: iconfont!important;
	color: #333;
	top: .6rem;
	right: 6%
}

.listWrapper .search {
	border-bottom: none;
	margin-bottom: 15px;
	padding: 0
}

.listWrapper .search::before {
	top: .3rem;
	right: 3%
}

.page {
	clear: both;
	text-align: center;
	padding-bottom: 1.5rem;
	height: 1rem;
	position: relative;
	padding-top: 1.2rem
}

.page a,.page span {
	height: 1rem;
	line-height: 1rem;
	padding: 0 .3rem;
	margin: 0 .1rem;
	font-size: .5rem;
	background-color: #949494;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	border: 1px solid #888
}

.page span {
	background: #333;
	border: 1px solid #111
}

.breadCrumb {
	height: 1.4rem;
	line-height: 1.4rem;
	background: #0099cb;
	margin: 10px 0 15px;
	position: relative;
	box-shadow: 0 0 1px #fff inset;
	position: relative;
	color: #fff
}

.breadCrumb p {
	padding-left: 7%
}

.breadCrumb p::before {
	position: absolute;
	font-size: .7rem;
	left: 2%;
	top: -1px;
	content: " \e604 ";
	font-family: iconfont!important
}

.breadCrumb .fenlei {
	position: absolute;
	right: 2%;
	top: 0;
	padding-left: 5%
}

.breadCrumb .fenlei::before {
	position: absolute;
	font-size: .6rem;
	left: 2%;
	top: 0;
	content: " \e616 ";
	font-family: iconfont!important
}

.breadCrumb a {
	color: #fff
}

.catalog {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.6);
	-webkit-transition: -webkit-transform .2s ease-in;
	display: none;
	z-index: 100;
	padding: 10px 0 0;
	overflow: hidden
}

.catalog>ul {
	width: 50%;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 10px
}

.catbtn {
	font-size: 14px;
	position: fixed;
	top: 200px;
	left: 50%;
	display: block;
	width: 30px;
	margin-left: -30px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	border-radius: 6px 0 0 6px;
	background-color: #fff
}

.catalog ul li {
	width: 90%;
	margin: 0 auto;
	border-bottom: 1px solid rgba(255,255,255,.25)
}

.catalog ul li a {
	font-size: 14px;
	line-height: 30px;
	display: block;
	overflow: hidden;
	width: 90%;
	white-space: nowrap;
	text-indent: 5px;
	text-overflow: ellipsis
}

.catalog>ul li a {
	background: url(../images/arrow2.png) no-repeat right center;
	background-size: 5px;
	color: #333
}

.catalog ul li ul li:last-child {
	border-bottom: none
}

.catalog ul li ul li {
	margin-left: 13px
}

.subcatalog {
	display: none
}

.catalog ul li a:first-child {
	background: url(../images/arrow3.png) no-repeat right center;
	background-size: 8px
}

.catalog ul li a:nth-child(2),.catalog ul li a:nth-child(3) {
	background: url(../images/arrow2.png) no-repeat right center;
	background-size: 8px
}

.listWrapper {
	padding: 0 2% 5%;
	overflow: hidden
}

.picList {
	overflow: hidden;
	margin-bottom: 20px
}

.picList li {
	width: 32%;
	float: left;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 5px;
	size: 5rem
}

.picList li:nth-child(3n) {
	margin-right: 0
}

.picList li img {
	padding: .1rem;
	border: 1px solid #ddd
}

.listPic {
	overflow: hidden;
	margin-bottom: 20px;
	width: 102%
}

.listPic li {
	width: 49%;
	float: left;
	text-align: center;
	padding-right: 2%;
	margin-bottom: 10px
}

.listPic li img {
	padding: .1rem
}

.listPic li span {
	display: block;
	height: 1.4rem;
	line-height: 1.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .5rem
}

.proList li a {
	display: block;
	border: 1px solid #ddd
}

.proList li span {
	display: block;
	height: 1rem;
	line-height: 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .6rem;
	background: #f1f1f1;
	border-top: 1px solid #ddd;
	text-align: center;
	padding: 0 2%
}

.productList {
	overflow: hidden;
	margin-bottom: 20px
}

.productList li {
	display: table;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	padding: 2% 0
}

.productList li.pImg {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #ccc
}

.productList div {
	line-height: 1rem;
	padding-left: .25rem;
	padding-right: .15rem;
	display: table-cell;
	width: auto;
	height: auto;
	vertical-align: middle;
	width: 75%;
	padding-left: 5%;
	line-height: .8rem;
	font-size: .5rem
}

.productList div h5 {
	margin-bottom: .2rem;
	font-size: .7rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.productList div h5 a {
	color: #333
}

.productList div h5 a:hover {
	color: #ff3811
}

.proShow .title {
	text-align: center;
	font-size: .8rem;
	color: #333;
	margin-bottom: .6rem
}

.proShow_img {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 15px
}

.proShow .tie {
	height: 1.4rem;
	line-height: 1.4rem;
	background: #ddd;
	margin-bottom: 10px
}

.proShow .tie span {
	display: inline-block;
	width: 5rem;
	color: #fff;
	background: #333;
	text-align: center
}

.product_detail {
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px
}

.proShow_img {
	position: relative;
	overflow: hidden;
	max-width: 640px
}

.proShow_img .bd {
	position: relative;
	z-index: 0
}

.proShow_img .bd li {
	position: relative;
	text-align: center
}

.proShow_img .bd li img {
	background: url(images/loading.gif) center center no-repeat;
	vertical-align: top;
	width: 100%
}

.proShow_img .prev,.proShow_img .next {
	position: absolute;
	left: .75rem;
	top: 50%;
	margin-top: -.6rem;
	display: block;
	width: 23px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	width: 1.8rem;
	text-align: center;
	line-height: 1.8rem;
	background: #000;
	opacity: .7;
	height: 1.8rem;
	border-radius: .2rem
}

.proShow_img .hd span img {
	max-width: 70%;
	vertical-align: middle
}

.proShow_img .next {
	left: auto;
	right: .75rem
}

.proShow_tab {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.proShow_tab .hd {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: .7rem;
	background: #f1f1f1;
	border-bottom: 1px solid #0099cb;
	position: relative;
	margin-bottom: 10px
}

.proShow_tab .hd ul {
	position: absolute;
	height: 1.5rem;
	top: 0;
	overflow: hidden
}

.proShow_tab .hd ul li {
	float: left;
	padding: 0 10px;
	color: #666
}

.proShow_tab .hd ul .on {
	border: 2px solid #0099cb;
	border-bottom-color: #fff;
	background: #fff;
	color: #0099cb
}

.newsList li,.history li h4 {
	height: 1.6rem;
	line-height: 1.6rem;
	border-bottom: 1px solid #ddd;
	position: relative;
	padding: 0 10% 0 5%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.newsList li::before {
	background: #666;
	content: "";
	height: 3px;
	left: 2%;
	position: absolute;
	top: .8rem;
	width: 3px;
	border-radius: 50%
}

.newsList li::after,.downList li a::after,.history li h4::after {
	position: absolute;
	font-size: .8rem;
	right: 2%;
	top: 3px;
	content: " \e62c ";
	font-family: iconfont!important
}

.newsDetail .tie {
	text-align: center;
	font-size: .8rem;
	color: #333;
	padding-bottom: .2rem
}

.newsDetail .time {
	text-align: center;
	color: #888;
	border-bottom: 1px solid #ddd;
	padding-bottom: .3rem;
	margin-bottom: .8rem
}

.newsDetail .font {
	border-bottom: 1px solid #ddd;
	margin-bottom: .6rem
}

.newsDetail .font,.pageN {
	padding-bottom: .6rem
}

.listWrapper .prea {
	line-height: 1rem
}

.downList li {
	padding-right: 3%
}

.downList li::after {
	display: none
}

.downList li a {
	display: block;
	position: relative
}

.downList li a::after {
	content: "\e66f"
}

.history li h4 {
	height: 1.2rem;
	line-height: 1.2rem;
	padding-left: 2%
}

.history li p {
	background: #f5f5f5;
	padding: 2%
}

.history li {
	border-bottom: 1px solid #ddd;
	margin-bottom: .6rem
}

.feedback ul {
	overflow: hidden;
	margin-bottom: 10px
}

.feedback li {
	margin-bottom: 10px;
	position: relative
}

.feedback li input {
	height: 1.5rem;
	line-height: 1.5rem;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	padding: 0 2% 0 8%;
	-webkit-appearance: none
}

.feedback li textarea {
	height: 5rem;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	padding: .3rem 2% .3rem 8%
}

.feedback li.code input {
	width: 20%;
	float: left;
	margin-right: 5px;
	padding-left: 2%
}

.feedback .button {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	background: #333;
	text-align: center;
	font-size: 14px;
	color: #fff
}

.feedback li::before {
	position: absolute;
	font-size: .8rem;
	left: 2%;
	top: .3rem;
	content: " \e632";
	font-family: iconfont!important
}

.feedback li.f2::before {
	content: "\e636"
}

.feedback li.f3::before {
	content: "\e639"
}

.feedback li.tarea::before {
	content: "\e638"
}

.feedback li.code::before {
	content: ""
}

.proshow_synopsis strong {
    color: #333;
    font-weight: normal;
}
.proshow_synopsis{margin-bottom:30px;margin-left:20px;}
.proshow_synopsis p{margin-bottom:20px;}
.prodcut-tel span{color: #0099cb;}

.btn a{color:#0099cb;font-weight:bold;}