@charset "utf-8";
/*reset Css*/
body{
	background-color: #fff;/*整体背景颜色*/
	-webkit-touch-callout: none;/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(255,255,255,0);/*点击高亮效果*/
    max-width:640px;margin:0px auto!important;
}
#dituContent img{max-width:none;}
/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
body, button, input, pre, select, textarea{font-size: 14px;font-family:'Microsoft YaHei','Arial';}
article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video{margin: 0;padding: 0;border: 0;}
a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul{border: 0;vertical-align: baseline;margin: 0;padding: 0;}
article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video{display: block;}
table{border-collapse: separate;border-spacing:0;}
table caption, table td, table th{text-align: left;vertical-align: middle;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea{-webkit-appearance: none;border-radius:0;}
ol,ul,li{list-style: none;}
a, a:active{color: inherit;text-decoration: none;cursor:pointer;}
a{border:0;}
em{font-style:normal;}
*{box-sizing:border-box;}
*::before, *::after{box-sizing:border-box;}
*:focus{outline:none;}
html{-ms-touch-action:none;/* 阻止windows Phone 的默认触摸事件 */}
/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*图片默认样式*/
img{border:0;vertical-align:middle;}
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img img{transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.fl{float:left;}
.fr{float:right;}
.clear{ clear:both;}

/*flex IE10以下不兼容*/
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}
.flex-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.vertical-container{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}

/*限制行数 -- 一行*/
.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/
.line2{height:50px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}
.line3{height:75px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}

* {-webkit-box-sizing: border-box;box-sizing: border-box;}
/*禁止文本缩放 字体设置  取消touch高亮效果*/
html{
    width: 100%;
    height: 100%;
   -webkit-text-size-adjust: 100%;
   font-family:"Helvetica Neue",Helvetica,'Microsoft YaHei',STHeiTi,sans-serif;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-size: 62.5%;
   background: transparent;
}

/*清除输入框内阴影*/

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

ol, ul {
    list-style: none;
}

/*禁止选中文本内容*/

*:not(input, select, textArea) {
    -webkit-user-select: none;
}

/*禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加*/

img,a{
-webkit-touch-callout:none;
}

a,a:active,a:hover {
    text-decoration: none;
}

/*去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)*/

a,button,input,textarea{ 
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/*弹性盒子*/
.flexbox{display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;display:flex;}
.flex{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-flex:1; width: 0; }
/*弹性盒子*/

.container{ max-width: 640px; margin: 0 auto; display: block; height: auto; overflow: hidden; }

.msfix{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:999;display:none;}
.fix-wct{position:fixed;width:80%;height:10rem;top:50%;margin-top:-4rem;left:10%;background:#fff;padding:1rem;text-align:center;}
.wct-close{position:absolute;right:10px;top:0px;color:#333;font-size:24px;}


/* 留言 */

.message {
	width: 98%; margin:0 auto;
}


.message .name,
.message .tel,.message .email {
	width: 98%;
	height:2rem;
	margin-bottom:1rem;
	background-color: #f1f9ff;
	border: solid 1px #c5e6ff;
	padding-left: 10px;
	color: #333333;
}

.message input::-moz-placeholder,
.message input::-webkit-input-placeholder {
	color: #b1b1b1;
}



.message .textarea {
	width:98%;
	height:7rem;
	background-color: #f1f9ff;
	border: solid 1px #c5e6ff;
	padding-left: 10px;
	padding-top: 10px;
}

.message .submit,
.message .reset {
	width:5rem;
	height:2rem;
	color: #FFFFFF;
	border: 0;
	font-size:1rem;
	line-height:2rem;
	margin-top: 14px;
}

.message .submit {
	margin-left: 17px;
	background-color: #FF8C00;
}

.message .reset {
	background-color: #2d78cf;
}