@charset "utf-8";
/* by Magiee 20200323 */
.aboutinna{background:url(../images/inbannera.jpg) no-repeat center top; height:190px;}
.incompany{margin:40px 0;}
.incompany .incoleft{width:250px; margin-right:40px; }
.incompany .incotita{background-color:#3170b7; height:50px; line-height:50px; color:#fff; font-size:16px; text-indent:20px; font-weight:bold;}
.incompany .incoright{ margin-left:290px; box-shadow:2px 2px 10px rgba(0,0,0,0.1); padding:20px 30px;}
.incompany .incoleft ul{padding:15px; margin-bottom:20px; border:1px solid #ccc; box-sizing:border-box;}
.incompany .incoleft ul li a{height:34px; line-height:34px; border:1px solid #ccc; border-radius:20px; display:block; margin:6px 0; text-align:center; font-size:15px; text-decoration:none;}
.incompany .incoleft ul li a:hover{background-color:#3170b7; color:#fff;}
.incompany .incoleft ul li.on a{background-color:#3170b7; color:#fff;}
.incompany .incoright .incotit{ font-size:16px; font-weight:bold; border-bottom:1px #f1f1f1 solid; padding-bottom:10px;}
.incompany .incoright .incotit img{ margin-left:5px;}
.incompany .incoright .incontext{ margin-top:30px;}
.incompany .incoright .incontext p{ line-height:26px; font-size:14px; margin-bottom:10px; text-indent:24px;}

.contact{}
.contact .cont_logo{ text-align:center; margin-right:60px; padding-top:85px;}
.contact .cont_logo h2{ font-size:21px; color:#3170b7; margin-top:20px;}
.contact .cont_logo p{ color:#777; font-size:13px; margin-top:20px;}
.contact .con_text{ background:url(../images/line.jpg) no-repeat left 25px; padding-left:75px;}
.contact .con_text li{ margin-bottom:25px; line-height:20px; font-size:15px;}
.contact .con_text li img{ margin-right:15px;}
.map{ margin-top:30px; border:1px #ccc solid;}

.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; margin-top:30px;}
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; box-sizing:border-box; font-family: microsoft yahei; color: #666; resize: none; width: 98%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width:245px; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 18px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 350px; color: #fff; background: #005786; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.table{ padding:10px;}
.table td{ font-size:13px;}
.table tr:last-child td{ text-align:right;}
.table td span{ background:#dedede; border-radius:10px; padding:10px;}


.equip{}
.equip li{ float:left; width:31%; margin:10px 1.1%; overflow:hidden; height:235px;}
.equip li a{ font-size:13px;}
.equip li .img{ height:185px; overflow:hidden;}
.equip li img{ width:100%; transition: all 0.8s; height:185px; z-index:-99}
.equip li img:hover{transform:scale(1.2); height:185px;}
.equip li .equiptit{ background:#f6f6f6; text-align:center; height:45px; line-height:45px; transition: all 0.8s; z-index:99}
.equip li:hover .equiptit{ background:#3170b7;}
.equip li:hover a .equiptit{ color:#fff; text-decoration:none;}

.ccul{margin:25px 0; padding:25px 0; border:1px solid #ddd; background:#f8f8f8; }
.ccul li{float:left; width:33%; text-align:center; border-right:1px solid #ddd;}
.ccul li:last-child{ border-right:0px solid #ddd;}
.nyccc .cccwza{margin-top:12px;}
.nytitleb{color:#1c5fa9; font-size:18px; font-weight:bold; text-decoration:none; line-height:32px; margin-bottom:10px; display:block}
.nytitlec{color:#1c5fa9; font-size:11px; text-decoration:none; line-height:24px; text-transform:uppercase;}
.nytitled{color:#555555; font-size:18px; font-weight:bold; text-decoration:none; line-height:26px;}
.cccwza{ font-size:13px; line-height:24px;}

.incompany .incoright .incontext .cul{ font-size:22px; font-weight:bold; text-align:center; border:1px #ccc solid; border-top:none; padding:20px 0; line-height:36px;}
.incompany .incoright .incontext .cul span{ font-weight:normal; font-size:18px;}


.incompany .incoright.incoright_cont{ float:right ;width: calc(100% - 350px); margin-left:0;}

.innew{ height:36px; background:#f5f5f5;}
.innew td{ padding:8px;}
.innew:nth-child(2n){ background:#fff;}
.innew a{ font-size:13px;}

@media (max-width: 1440px) {
/*.incompany .incoright .incontext p{ display:none;}
}*/

@media (max-width: 780px) {
.incompany .incoleft.fl{ float:none;}
.incompany .incoleft{ width:98%; margin:0 auto;}
.incompany .incoright{ margin-left:0;}
.side_mess{ display:none;}
.incompany .incoright.incoright_cont{ width:92%;}
}

@media (max-width: 420px) {
.incompany .incoright .incontext{ margin-top:20px;}
.incompany .incoright{ padding:10px;}
.equip li{ width:48%; margin:10px 1%; height:auto;}
.equip li .img{ height:160px;}
.contact .cont_logo{ display:none;}
.contact .con_text li{ font-size:13px;}
.table td span{ display:inherit;}
.innew td:nth-child(2){ display:none;}
}