
/*联系我们内容区域*/
.channel.about_contact{margin-top:0; width:100%;}
.about_contact .cbanner{width:100%;}


.channel.about_contact { margin-bottom:0; }
.about_contact .cbanner { height:auto; margin-bottom:85px; padding-bottom:28px; }
.about_contact .cban_con { position:relative; height:585px; margin-top:120px; }
.about_contact .cban_con ._pic { position:absolute; top:0; left:50%; z-index:10; width:1920px; max-width:none; margin-left:-960px; }
.about_contact .cbanner .ttop { display:block; position:absolute; left:50%; bottom:0; width:49px; height:56px; background:url(/resources/web/img/about14.png) 0 0 no-repeat; cursor:pointer; }
.about_contact .pannel_wrap { position:relative; }
.about_contact .pannel { position:absolute; top:83px; left:0; z-index:20; padding:34px 36px 52px 50px;  color:#fff; background-color:rgba(6, 51, 112, 0.6); }
.about_contact .pannel ._txt_area { padding:14px 9px 38px 3px; border-top:#808080 1px dotted; border-bottom:#808080 1px dotted;color:#fff; }
.about_contact .pannel ._ptt { margin-bottom:16px; font-size:32px; font-weight:bold; color:#fff; }
.about_contact .pannel  ._bd { cursor:default;color:#fff; line-height:25px;}
.about_contact .pannel ._rec02 ._bd { cursor:default;color:#fff; }
.about_contact .pannel ._rec03 ._bd { cursor:default;color:#fff; }
.about_contact .pannel ._rec04 ._bd { cursor:default;color:#fff; }

.about_contact .pannel ._rec01 ._bd:hover { color:#fff; }
.about_contact .pannel ._btn_msg { display:block; width:146px; height:37px; font-size:16px; line-height:37px; color:#ffffff; background-color:#de1a38; text-align:center; }
.about_contact .pannel ._down { padding-top:25px; }
.about_contact .pannel ._down ._tt { font-size:17px; color:#fff;  }
.about_contact .con_list .lists { margin-bottom:48px; }
.about_contact .con_list ._sub_title { margin-bottom:18px; font-size:24px; font-weight:bold;color: #de1a38;}
.about_contact .con_list .item { position:relative;height:207px; margin-bottom:24px; overflow:hidden; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;background-color:#f6f4f4; }
.about_contact .con_list .item:hover { color:#ffffff; }
.about_contact .con_list .item:hover ._rec{color:#fff;}
.about_contact .con_list .item:hover ._bd a{color:#fff;}
.about_contact .con_list .item ._txt_box { position:absolute; z-index:2; top:0; left:0; padding:32px 40px 37px 28px; }
.about_contact .con_list .item ._tt { margin-bottom:10px; font-size:20px; color:#fff; }
.about_contact .con_list .item:hover ._tt { color:#ffffff; }
.about_contact .con_list .item ._hr { margin-bottom:16px; background-color:#ffb500; }
.about_contact .con_list .item:hover ._hr { background-color:#ffffff; }
.about_contact .con_list .item ._rec { position:relative;color: #adadad; color:#fff;}
.about_contact .con_list .item ._hd { position:absolute; top:0; left:0;color:#fff; }
.about_contact .con_list .item ._bd {color:#fff; display:inline-block; *display:inline; *zoom:1; /*max-height:3.6em;*/ overflow:hidden; padding-left:3em; }
.about_contact .con_list .item ._bg { content:''; display:block; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:#de1a38; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.about_contact .con_list .item:hover ._bg { top:0; }
.about_contact .msg_box { padding-top:58px; background-color:#f4f4f4; }
.about_contact .sub_tt { margin-bottom:62px; }
.about_contact .msg_form { padding-bottom:98px; text-align:center; }
.about_contact .msg_form ._rec01,.about_contact .msg_form ._rec03 { margin-right:2%; }
.about_contact .msg_form ._rec { display:inline-block; *display:inline; *zoom:1; width:40%; margin-bottom:12px; text-align:left; }
.about_contact .msg_form ._rec05 { width:83%; }
.about_contact .msg_form ._rec textarea { width:99%; height:145px; }
.about_contact .msg_form ._rec input,
 .about_contact .msg_form ._rec textarea { background-color:#eeeeee; border:#cccccc 1px solid; }
.about_contact .msg_form ._rec input { width:100%; height:32px; text-indent:10px; }
.about_contact .msg_form ._rec ._hd { margin-bottom:6px; font-size:16px; color:#121212; }
.about_contact .con_list .item:hover ._rec{color:#fff;}


/*关于我们频道页*/

.cbanner { position:relative; height:340px; overflow:hidden; margin-bottom:48px; }

.ts { position:absolute; top:0; left:0; z-index:2; width:100%; max-width:1920px; height:8px; }
.uni .sub_tt { text-align:center; }
.uni .sub_tt ._hd { font-size:32px; font-weight:bold; line-height:2.4; color:#fff; }
.uni .sub_tt ._bd { font-size:14px; color:#919191; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.about_contact .msg_form .btn_list { width:82%; margin-left:auto; margin-right:auto; text-align:right; }
.about_contact .msg_form ._btn_msg { width:140px; height:32px; font-size:16px; border:none; cursor:pointer; }
.about_contact .msg_form ._submit { color:#ffffff; background-color:#de1a38; margin-right:26px; }
.about_contact .msg_form ._reset { color:#de1a38; background-color:#eaeaea; }


@media only screen and (max-width: 767px){
.channel.about_contact{ margin-top:-150px;}
.about_contact .pannel_wrap {background:url(/images/maptop-bg.jpg) no-repeat right top;  height:500px; background-size:cover;z-index:10;}
.about_contact ._pic {margin-top:-160px;z-index:10; display:none}

.about_contact .cbanner {margin-bottom:15px; padding-bottom:8px; }

.about_contact .pannel{position:static;left: 0;z-index:20; padding:34px 36px 52px 50px;}
.about_contact .pannel ._ptt { margin-bottom:16px;  font-size:25px; font-weight:bold; color:#fff; padding-top:20px;}
.about_contact .pannel ._btn_msg{margin-top:30px;}
.about_contact .cban_con{height:auto;}
.about_contact .con_list .item{height:auto;}
.about_contact .con_list .item ._txt_box{position:static;}

}
