@charset "utf-8";
/*========css reset========*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption,input {margin:0;padding:0;border:0;outline:0;}
* { box-sizing: border-box;}
body {font-size:12px; color:#565656; font-family: Roboto,sans-serif;}
::-moz-selection {  background-color: #b3d4fc;  color: #000;  text-shadow: none;  }
::selection {  background-color: #b3d4fc;  color: #000;  text-shadow: none;  }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}
a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline: none;}
a {color:#1a1a1a; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;  text-decoration:none;}
img {  max-width: 100%; font-size: 0; line-height: 0; }
li { list-style: none;}

/*========网页端样式 - 快捷样式调用========*/
body { background-color:#ffffff; min-height:100%; margin: 0; padding: 0; color: #333;}
a { color: #3c4570;}
a:hover {color:#545d89;}
.animated {  -webkit-animation-duration:0.5s;  animation-duration:0.5s  }
.animate { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.page_max { max-width: 1920px; margin: 0 auto; min-width: 1362px;}
.d-inline-block { display: inline-block;}
.fully { width: 1200px; margin-left: auto; margin-right: auto;}
.bg-site { background-color: #0e5a98;}
.bg-fade { background-color: #f7f7f7;}

.block_padding { padding: 50px 0;}
.box-center { margin:0 auto;}
.border_bottom { border-bottom: 1px solid #e7e7e7;}
.border_bottom:last-child { border-bottom: none}
.bottom-gradient {  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 72px);  }
.clear {content:".";display:block;clear:both;height:0; font-size:0px;visibility:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{}

/*index*/

#app_framework { background-color: #f4f4f4;}


/* =============自适应辅助============ */

@media only screen and (max-width: 767px){
    .page_max { max-width: 100%; width: 100%; min-height: 0;}
    .fully {  width: auto !important ;}
}

/*========网页端组件复制========*/



/*-----bootstrap css reset-----*/
@charset "utf-8";article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{margin:0.67em 0;font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box;}mark{color:#000;background:#ff0;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{padding:0.35em 0.625em 0.75em;margin:0 2px;border:1px solid #c0c0c0;}legend{padding:0;border:0;}table{border-collapse:collapse;border-spacing:0;}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0);}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333333;background-color:#ffffff;}img{vertical-align:middle;}p{margin:0;padding:0;}.clearfix{clear:both;}.clearfix:before,.clearfix:after{display:table;content:" ";}.clearfix:after{clear:both;}.pull-right{float:right !important;}.pull-left{float:left !important;}.hide{display:none !important;}.show{display:block !important;}.invisible{visibility:hidden;}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}.pagination > li{display:inline;}.pagination > li > a,.pagination > li > span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;}.pagination > li:first-child > a,.pagination > li:first-child > span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}.pagination > li:last-child > a,.pagination > li:last-child > span{border-top-right-radius:4px;border-bottom-right-radius:4px;}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{background-color:#eeeeee;}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{z-index:2;color:#ffffff;cursor:default;background-color:#428bca;border-color:#428bca;}.pagination > .disabled > span,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus{color:#999999;cursor:not-allowed;background-color:#ffffff;border-color:#dddddd;}

/*-----diy css reset-----*/
ul, li { list-style:none; margin:0; padding:0;}

/*-----鑷畾涔夐〉闈㈡牱寮�-----*/
body { background:#eeeff1; color:#333; font-size:12px;}

/*--------鍏叡閮ㄥ垎--------*/
.full_width { width:980px; margin:0 auto;}

.pageTopBtn { position:fixed; right:20px; bottom:20px; width:50px; z-index:99;}
.pageTopBtn > a { display:block; margin:0; width:50px; height:50px; margin-bottom:10px; font-size:24px; line-height:50px; text-align:center; overflow:hidden; background-color:#eee; border:1px #ccc solid; border-radius:5px;}

/*--------index--------*/

.mainbox_warp { height:648px; background-color:#fff;}
.mainbox { position: relative; height:648px; background-position: center; background-repeat: no-repeat; }

.main_text { position:absolute; left:0; top:180px; width:450px; line-height:36px;}
.main_text h5 { color:#333; font-size:18px; line-height:36px;}
.main_text h1 { color:#929292; font-size:18px; line-height:36px;}
.main_text p { color:#333; font-size:18px;}

.main_pic { position:absolute; right:0; top:30px; width:470px;}
.main_pic div { display:inline-block; width:200px; height:270px; line-height:270px; text-align:center; margin:12px;}

.public_warp {  padding-bottom:20px;}
.special { height:160px; width:100%; margin:20px 0;}
.special_item { width:25%; height:100%; float:left; padding:15px;}
.special_item h6 { font-size:16px; color:#fff; margin-bottom:12px;}
.special_item p { font-size:13px; color:#fff; line-height:24px;}

.public_left { width:695px; float:left;}
.public_left .title { border-bottom:1px #fff solid; line-height:50px; font-size:16px; color:#fff;}
.public_left .content { padding:20px 5px; color:#fff; font-size:14px; line-height:29px;}
.public_left .content img { float:left; margin:5px 20px 0 0;}
.public_left .content p {text-align:justify;}

.infomore { text-align:center; margin-top:15px;}
.infomore .item { display:inline-block; margin:0 20px; box-shadow:2px 2px 10px #eee;}

.public_right { width:252px; float:right;}
.public_right .title { border-bottom:1px #fff solid; line-height:50px; font-size:16px; color:#fff;}
.public_right h6 { color:#fff; font-size:16px; line-height:30px; margin-top:21px;}
.public_right p { line-height:30px; font-size:14px; color:#fff;}
.public_right p a { color:#fff;}


/*--------jsonform--------*/
.jsonform .panel-heading { font-size:14px; font-weight:bold;}
.jsonform .panel-body p { line-height:21px; margin:5px 0;}


/*--------footer--------*/

.footer_warp { background:#89c206; height:110px;}
.footer { height:100%; position:relative; overflow:hidden; padding:25px 0; border-top:2px #a6d537 dashed; font-size:13px; color:#fff; text-align:center; line-height:30px;}
.footer a { color:#fff;}