*{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; background:#fff}
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;}
.no_box { border:0!important; padding:20px 20px 50px!important;}
.light_bg { background:#efefef}
.top { padding:0 10px; border-bottom:1px solid #dfdfdf; height:30px; line-height:30px; overflow:hidden; background:#fff;}
.wrapper { width:640px; margin:0 auto; content:'.';display:block; }
.preface_bg { background:url(images/preface_bg.png) no-repeat; padding:50px 50px 37px 210px;}
.preface_bg p { font-size:21px; color:#e13426; line-height:36px; text-align:justify}
.main_bg { background:url(images/main_bg.jpg) no-repeat; padding:120px 40px 304px; text-align:justify; overflow:hidden}
.main_bg p { font-size:18px; line-height:28px; margin-bottom:20px; text-indent:40px; color:#000}
.main-text { width:78%; float:left;}
.main-text-r { width:78%; float:right;}
.pd_t_1 { padding:35px 0 0}
.pd_t_2 { padding:126px 0 0}
.pd_t_3{ padding:187px 0 0}
.pd_t_4{ padding:139px 0 0}
.pd_t_5{ padding:170px 0 0}
.pd_t_6{ padding:176px 0 0}
.pd_t_7{ padding:200px 0 0}
.pd_t_8{ padding:145px 0 0}
.pd_t_9{ padding:200px 0 0}
.pd_t_10{ padding:338px 0 0}
.pd_t_11{ padding:360px  0 0}
.message_bg { background:#fee7e5 url(images/message_bg.png) no-repeat; padding:120px 23px 0; overflow:hidden}
.message { border:4px solid #e13426; border-radius:40px; padding:30px 20px; font-size:20px; color:#000; margin-bottom:80px; position:relative}
.message p { margin-bottom:30px;} 
.message p strong { font-size:26px; line-height:34px; font-weight:700; margin-right:15px; display:block; float:left; vertical-align:top; line-height:33px;}
.i_message { position:absolute; width:90px; height:56px; display:inline-block; background:url(images/i_message_v.png); bottom:-56px; left:100px;}
.i_message_v { position:absolute; width:90px; height:56px; display:inline-block; background:url(images/i_message.png); bottom:-56px; right:100px;}
.end_bg { background:url(images/epilogue_bg.jpg) no-repeat; padding:155px 75px 30px}
.end_bg p { font-size:22px; font-weight:400; color:#fff; padding-bottom:35px; text-align:justify; line-height:36px;}
.code{ background:#fee7e5; padding:70px 150px 50px;}
.code img { margin-bottom:20px;}
.code ul li { padding:5px 0; font-size:18px;} .code ul li span { padding-right:10px;}
.footer { width:640px; margin:0 auto; text-align:center; padding:10px 0; background:#fee7e5}
.banner { width:100%}