﻿/*------------- CSSReset -----------*/
/** 清除边距 **/
body,h1,h2,h3,h4,h5,h6,p,blockquote, /* structural elements 结构元素 */
dl,dt,dd,ul,ol,li, /* list elements 列表元素 */
form,fieldset,legend,button,input,textarea, /* form elements 表单元素 */
th,td /* table elements 表格元素 */ {margin:0;padding:0;}

/** 字体设置 **/
body,button,input,select,textarea /* for ie */{font:14px "微软雅黑", tahoma, arial, \5b8b\4f53, sans-serif; outline:none;}

/** 重置列表元素 **/
ul,ol{list-style:none outside none;}

/** 重置表单元素 **/
fieldset,img{border:0;} /* img 搭车：让链接里的 img 无边框 */
button,input,select,textarea {font-size:100%;} /* 使得表单元素在 ie 下能继承字体大小 */

/** 重置元素垂直居中 **/
img,input,select,textarea,button{vertical-align:middle;}

/** 文字链接 **/
a{ color:#1890ff; text-decoration:none;-webkit-transition: all .3s; transition: all .3s;}
a:hover{ color:#31acfc;}

/* 首页 */
body{font-family:"微软雅黑";font-size:14px;color:#333; background:#f2f7ff; min-width:1200px;}
.jc-content{ width:1200px; margin:0 auto;}
.jc-main .jc-top{ width:100%; height:200px; background:url(../images/jc-topbgrpt.png) repeat-x; box-shadow:0 1px 10px 0 rgba(157,183,243,.6);}
.jc-main .jc-top .jc-content{ background:url(../images/jc-topbg.png) no-repeat; height:200px;overflow:hidden; clear:both;}
.jc-main .jc-top .jc-titl{ padding-top:40px;}
.jc-main .jc-top .jc-titl h1{ font-size:36px; color:#fff; font-weight:bold; max-width:700px; height:50px; overflow:hidden;}
.jc-main .jc-top .jc-titl p{ font-size:16px; color:rgba(255,255,255,.8); line-height:30px; margin-top:20px; margin-left:5px; overflow:hidden;}
.jc-main .jc-top .jc-titl p i{ width:4px; border-radius:4px 4px 4px 4px; height:50px; display:inline-block; background:#fff; float:left; margin-right:15px; margin-top:5px;}
.jc-main .jc-top .jc-titl p span{ float:left; display:block;max-width:450px; max-height:90px;}
.jc-main .jc-mid{ min-height:360px; margin:20px 0;}
.jc-main .jc-mid .jc-content{overflow:hidden; clear:both;}
.jc-main .jc-mid .jc-item{ width:380px; height:260px; background:#fff; border-radius:6px 6px 6px 6px; box-shadow:0 1px 10px 0 rgba(192,209,249,.6); float:left; margin:10px;}
.jc-main .jc-mid a.jc-item:hover{box-shadow:0 3px 18px 0 rgba(157,183,243,.9);}
.jc-main .jc-mid .jc-item .jc-picimg{ text-align:center; height:150px; padding-top:24px;}
.jc-main .jc-mid .jc-item .jc-picimg img{ width:232px; height:138px;}
.jc-main .jc-mid .jc-item h3{ color:#333; font-size:18px; text-align:center; line-height:36px; height:36px;width:340px; overflow:hidden; margin:0 auto; font-weight:normal;}
.jc-main .jc-mid .jc-item p{ color:#7a7a7a; font-size:14px; text-align:center; line-height:30px; height:30px; width:340px; overflow:hidden; margin:0 auto;}
.jc-main .jc-mid a.jc-item:hover h3,.jc-main .jc-mid a.jc-item:hover p{color:#2990f7;}
.jc-main .jc-bot{ background:#0d2134; height:50px; text-align:center; color:rgba(255,255,255,.7); font-size:14px; line-height:50px;}
