@charset "utf-8";
/*电脑端css  默认情况  当宽度大于1440时  宽度1440px*/
/*默认样式*/
*{ margin: 0; padding: 0; }
html,body{ font-family: "微软雅黑"; font-size: 14px; line-height: 24px; color: #333; background: #fff;}
ul,li{ list-style-type: none; }
img{ border: none; }
a{ text-decoration: none; color: #333; }
a:hover{ text-decoration: none; color: #d00000; }
input{ outline: none;}
textarea{ outline: none;}
.clear{ width: 0; height: 0; overflow: hidden; clear: both; line-height: 0;}






/*top*/
.top{ width: 1200px; height: 140px; margin: 0 auto; clear: both; display: table;}

/*logo*/
.logo{ width: auto; height: 140px; float: left; display: inline-table;}
.logo p{ display: table-cell; vertical-align: middle;}
.logo p img{ width: 400px; height: 80px; display: inline-block; vertical-align: middle;}

/*zixun*/
.zixun{ float: right; margin: 16px 0 0 0;}
.zixun ul{}
.zixun ul li{ width: 110px; height: auto; float: left; text-align: center;}
.zixun ul li img{ width: 90px; height: 90px; display: block; margin: 0 auto;}
.zixun ul li p{ font-size: 13px; line-height: 26px;}



/*menu*/
.menu{ width: 100%; height: 60px; background: #ca0f1a; clear: both;}
.menu ul{ width: 1200px; margin: 0 auto;}
.menu ul li{ color: #fff; float: left; width: 12%; text-align: center; position: relative;}
.menu ul li h2{ font-size: 16px;}
.menu ul li h2 a{ color: #fff; line-height: 60px; display: block; cursor: pointer;}
.menu ul li h2 a:hover{ color: #fff36c; background: #9b0009;}
.menu ul li h2 a.active{ color: #fff36c; background: #9b0009;}


/*banner*/
.banner{ width: 1200px; height: 160px; margin: 20px auto 0 auto; clear: both;}
.banner img{ width: 1200px; height: 160px; display: block;}



/*taocan*/
.taocan{ width: 1200px; height: auto; margin: 36px auto 0 auto; clear: both;}

/*taocan_h  分类标题*/
.taocan_h{ width: 100%; height: 46px;}
.taocan_h ul{}
.taocan_h ul li{ width: 140px; height: 46px; line-height: 30px; float: left; background: #e6e6e6; text-align: center; cursor: pointer; display: inline-table; border-left: #fff 1px solid;}
.taocan_h ul li:nth-child(1){ border-left: none;}
.taocan_h ul li:nth-child(4){ width: 176px;}
.taocan_h ul li:nth-child(5){ width: 176px;}
.taocan_h ul li:nth-child(6){ width: 176px;}
.taocan_h ul li:hover{ background: #0054c6; color: #fff;}
.taocan_h ul li.active{ background: #0054c6; color: #fff;}
.taocan_h ul li p{ display: table-cell; vertical-align: middle; font-size: 16px;}
.taocan_h ul li img{ position: absolute;}


/*taocan_c  对应内容*/
.taocan_c{ width: 100%; height: auto; background: #fff; box-sizing: border-box;}
.taocan_c table{ border-collapse:collapse; border:none; background: #edf7ff; margin: 20px 0 0 0;}
.taocan_c table th{ border:#a0caee 1px solid; font-size: 14px; line-height: 20px; padding: 4px 12px; text-align: center; background: #d0eaff;}
.taocan_c table td{ border:#a0caee 1px solid; font-size: 12px; line-height: 20px; padding: 4px 12px; text-align: center;}
.taocan_c table tr:hover{ background: #fff;}
.taocan_c table td:nth-child(6){ width: 630px;}
.taocan_c table td h2{ font-size: 20px; line-height: 40px;}
.taocan_c table td h3{ font-size: 14px; color: #e00000;}






/*问题*/
.wenti{ width: 1200px; height: auto; margin: 50px auto 0 auto; clear: both;}

.wenti h2{ line-height: 40px;}

.wenti_c{ width: 100%; height: auto; margin: 2px 0 0 0;}
.wenti_c ul{}
.wenti_c ul li{}
.wenti_c ul li h3{ font-size: 15px; line-height: 24px; padding: 12px 0; display: block; border-bottom: #ddd 1px solid; cursor: pointer;}

.wenti_c ul li h3 img{  width: 6px; height: 6px; float: left; margin: 9px 6px 0 0;}
.wenti_c ul li h3 span{ width: 10px; height: 10px; float: right; background: url("../img/jt_mo.png") no-repeat; margin: 8px 10px 0 0;}
.wenti_c ul li h3.active span{ width: 10px; height: 10px; float: right; background: url("../img/jt_on.png") no-repeat; margin: 8px 10px 0 0;}

.wenti_zi{ font-size: 13px; line-height: 24px; padding: 16px 16px 16px 16px; display: none; background: #f5f5f5; border: #ddd 1px solid; border-top: none;}
.wenti_zi p{ padding: 4px 0;}
.wenti_zi p b{ color: #000; font-size: 14px;}





/*案例展示*/
.case_bt{ width: 1200px; height: auto; margin: 40px auto 0 auto; clear: both;}
.case_bt h2{ line-height: 56px;}

.case{ width: 1200px; height: auto; margin: 0 auto; clear: both; position: relative;}

/*case  分类标题*/
.case_h{ width: 260px; min-height: 490px; padding: 16px 0; float: left; background: #daeeff; border: #a0caee 1px solid; border-right: none; box-sizing: border-box;}
.case_h ul{ width: 100%; padding: 0 0 0 25px; box-sizing: border-box;}
.case_h ul li{ width: 50%; height: 30px; line-height: 30px; float: left; cursor: pointer;}
.case_h ul li:hover{ color: #0054c6;}
.case_h ul li.active{ color: #0054c6; font-weight: bold;}


/*case  对应内容*/
.case_c{ width: 940px; min-height: 490px; padding: 10px 30px 60px 30px; float: right; background: #edf7ff; box-sizing: border-box; border: #a0caee 1px solid;}
.case_c p.case_h2{ font-size: 20px; line-height: 50px; padding: 16px 0 0 0; font-weight: bold;}
.case_c p{ font-size: 14px; line-height: 30px; clear: both;}
.case_c p span{ float: right; color: #888; font-size: 12px;}

.copy_bt{ width: 110px; height: 36px; line-height: 36px; background: #0054c6; color: #fff; position: absolute; right: 0; bottom: 0; text-align: center; border-top-left-radius: 10px; cursor: pointer;}




/*foot*/
.foot{ width: 100%; height: 40px; clear: both; margin: 60px auto 0 auto;}
.foot p{ width: 1200px; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; background: #eee; color: #666; font-size: 13px;}
.foot p a{ color: #666;}