@charset "utf-8";

/* CSS Document */



body {	

	font-family:"Microsoft YaHei";

    font-size: 14px;

	color: #4c4b4b;

	margin:0;

	background:#ffffff;

}

img{ border:0;}

A:link {

	COLOR: #666666; TEXT-DECORATION: none;

}

A:visited {

	COLOR: #666666; TEXT-DECORATION: none;

}

A:hover {

	COLOR: #f60; TEXT-DECORATION: none;

}

A:active {

	COLOR: #666666; TEXT-DECORATION: none;

}

ol, ul {

	list-style: none;

}

ol, ul, li,

table,tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: top;

	background: transparent;

	border-collapse:collapse;

}

*{margin: 0;padding: 0;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}

.cl{clear:both;}

.fl{ float:left;}

.fr{ float:right;}

.w1200{ width:1200px; height:auto;}



/*png��ͼƬ��ʽ��  _behavior: url(script/iepngfix.htc);*/



/*header*/

header{ width:100%; height:120px; background:#f5f5f5;}

.head_min{ margin:0 auto;}

.logo{ width:518px; height:120px; overflow:hidden;}

.tel{ width:220px; position:relative; z-index:999; display:inline; margin-top:17px; font-size: 22px;}

.tel p{ color:#9c0709;}



nav{ width:100%; height:59px; overflow:hidden; background:url(../images/menu_bg.jpg) no-repeat top center;}

.fixednav {position: fixed;top: 0px; left: 0px;width: 100%; z-index: 999;}

.menu_mid{ width:1200px; height:59px; overflow:hidden; margin:0 auto;}



.nav{ width:936px; height:59px; line-height:59px; overflow:hidden; position:relative;}

.nav-item{ position:relative; float:left; width:150px; height:59px; line-height:59px; text-align:center; font-size:16px; z-index:1}

.nav-item a{ display:block; height:59px; color:#fff; }

.nav-item a:hover{ color:#fff}

.move-bg{ display:none;position:absolute;left:0;top:0; width:150px; height:59px; background:#ff6600; z-index:0}



.nav_tel{ width:264px; height:59px; overflow:hidden; text-align:center; line-height:59px; color:#ffffff; font-size:16px; background:#222222;}



/*banner*/

.fullSlide{width:100%;position:relative;height:600px; }

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{width:100% !important;}

.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}

.fullSlide .bd li a{display:block;height:600px;}

.fullSlide .hd{width:100%;position:absolute;z-index:0;bottom:0;left:0;height:30px;line-height:30px;}

.fullSlide .hd ul{text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}

.fullSlide .hd ul .on{background:#f00;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:45%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}



.banner{ width:100%; height:600px; position:relative; overflow:hidden; z-index:0;}

.banner_fudong{ width:1200px; height:172px; position:absolute; bottom:0; /*background:#000;*/ z-index:1; left:50%; margin-left:-600px;}

.banner_fudong ul{ width:1200px; height:auto; overflow:hidden;}



.banner_fudong ul li.m1{ width:324px; height:96px; float:left; overflow:hidden; padding:38px;

background:rgba(0,0,0,0.5);}

.banner_fudong ul li.m1:hover{ background:#e61d37; cursor:pointer; 

background:rgba(230,29,55,0.8);}



.banner_fudong ul li.m2{ width:324px; height:96px; float:left; overflow:hidden; padding:38px;

background:rgba(34,34,34,0.96);}

.banner_fudong ul li.m2:hover{ cursor:pointer;

background:rgba(230,29,55,0.96);}



.banner_fudong ul li.m3{ width:324px; height:96px; float:left; overflow:hidden; padding:38px;

background:rgba(34,34,34,0.9);}

.banner_fudong ul li.m3:hover{ cursor:pointer;

background:rgba(230,29,55,0.9);

}



.banner_fudong ul li:hover .fd_l_tit{ border-bottom:1px solid #fd7381;}

.banner_fudong ul li:hover .fd_l_tit a{ padding-left:15px;}



.fd_l{ width:200px; height:auto; float:left; overflow:hidden;}

.fd_l_tit{ width:200px; height:34px; line-height:34px; border-bottom:0; font-size:16px;}

.fd_l_tit a{ color:#ffffff;  -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

/*.fd_l_tit a:hover{ padding-left:15px;}*/

.fd_l_con{ width:200px; height:66px; line-height:22px; padding-top:6px; font-size:12px;}

.fd_l_con a{ color:#ffffff;}

.fd_r{ width:83px; height:auto; float:right; overflow:hidden; padding-top:10px;}



/*服务项目*/

.content{ width:100%; height:auto; overflow:hidden;}



.index_fwxm{ margin:0 auto;}

.index_fwxm_tit{ height:90px; line-height:90px; font-size:30px; font-weight:bold; color:#020100; text-align:center; margin-top:30px; margin-bottom:7px;}





#Tab{margin:0 auto;width:1200px; margin-bottom:80px;}

.Menubox{ height:40px; margin-bottom:20px; }

.Menubox ul{ text-align:center; margin: 0 auto 20px;text-align: center; font-size:16px;}

.Menubox ul li{  background:#f5f5f5; display:inline-block; cursor:pointer;width:124px; height:40px; line-height:40px;text-align:center;}

.Menubox ul li.hover{ background:#9c0709; color:#ffffff;}

.Contentbox{ clear:both; border-top:none; margin-top:5px; height:520px;}

.Contentbox ul{ list-style:none; padding:0;}

.Contentbox ul li{}





.clearfix::after{ clear: both; display: block; height: 0; content: '';}

#container{ width:1200px; margin: 0 auto;}

#container li{ position:relative;width: 280px; height: 286px; float: left; margin-right:26px;  cursor: pointer;  overflow: hidden;}

#container li:nth-of-type(4n) {

    margin-right: 0;

}

#container li .pro_top{ height:210px; overflow:hidden;}

#container li .img{ 

    width: 280px; height: 210px; display: block;

	-moz-transition:.5s ease-in;

	-webkit-transition:.5s ease-in;

	-o-transition:.5s ease-in;

	-ms-transition:.5s ease-in;

	transition:.5s ease-in;}

#container li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}





#container2{ width:850px; margin: 0 auto;}

#container2 li{ position:relative;width: 250px; height: 250px; float: left; margin-right:26px;  cursor: pointer;  overflow: hidden; }

#container2 li:nth-of-type(3n) {

    margin-right: 0;

}

#container2 li .pro_top{ height:190px; overflow:hidden;}

#container2 li .img{ 

    width: 250px; height: 190px; display: block;

	-moz-transition:.5s ease-in;

	-webkit-transition:.5s ease-in;

	-o-transition:.5s ease-in;

	-ms-transition:.5s ease-in;

	transition:.5s ease-in;}

#container2 li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}





/*公司简介*/

.index_gsjj{ width:100%; height:515px; overflow:hidden; background:#f2f5f8; }

.index_gsjj_text{ width:40%; height:auto; float:left; overflow:hidden; padding:20px 5%; float:left;}

.index_gsjj_text_tit{ width:100%; height:100px; line-height:100px; font-size:30px; font-weight:bold; color: #9c0808;}

.index_gsjj_text_con{ width:100%; height:250px; overflow:hidden; line-height:28px;}

.index_gsjj_text_more{ width:114px; height:42px; overflow:hidden; line-height:40px;  text-align:center; margin-top:50px;}

.index_gsjj_text_more a{ width:112px; height:40px; display:block; border:1px solid #222222;  -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.index_gsjj_text_more a:hover{ background:#9c0709; color:#ffffff; border:1px solid #9c0709; }

.index_gsjj_img{ width:50%; height:auto; overflow:hidden; float:left;}



/*常见问题*/

.index_cjwt{ margin:0 auto; height:530px;}

.index_cjwt_tit{ height:90px; line-height:90px; font-size:30px; color:#020100; font-weight:bold; text-align:center; margin-top:30px; margin-bottom:10px;}

.index_cjwt_con{}

.index_cjwt_con ul{ width:1200px; height:auto; overflow:hidden;}

.index_cjwt_con ul li{ width:548px; height:95px; overflow:hidden; float:left; border:1px solid #dfdfdf; padding:15px; margin-right:39px; margin-bottom:31px;}

.ind_news_l{ width:128px; height:92px; overflow:hidden; float:left;}

.ind_news_r{ width:402px; height:92px; float:right; overflow:hidden;}

.ind_news_r_tit{ width:402px; height:30px; line-height:30px; font-size:16px; padding-top:4px;}

.ind_news_r_tit a{ width:402px; height:30px; display:block;  -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.ind_news_r_con{ width:402px; height:50px; overflow:hidden; line-height:22px; font-size:12px; padding-top:8px;}

.ind_news_r_con a{color:#696969;}

.index_cjwt_con ul li:hover .ind_news_r_tit a{ background:#9c0709; color:#ffffff; padding-left:30px;}

.more{ width:112px; height:40px; overflow:hidden; margin:0 auto; line-height:40px; text-align:center; margin-top:25px;}

.more a{width:112px; height:40px; display:block; color:#ffffff; background:#9c0709;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.more a:hover{ background:#ff6600;}



/*案例展示*/

.index_anli{ background:#f2f5f8; width:100%; height:auto; padding-bottom:50px;}

.index_anli_tit{height:90px; line-height:90px; font-size:30px; font-weight:bold; color:#020100; text-align:center; margin:0 auto; padding-top:30px;}



/*footer*/

footer{ width:100%; height:272px; overflow:hidden; background:#222222;}

.foot_nav{ width:100%; height:69px; border-bottom:1px solid #3f3f3f;}

.footer_nav_mid{ width:1200px; height:69px; overflow:hidden; margin:0 auto; line-height:80px;}

.footer_nav_mid a{ color:#ffffff; padding:0 66px;}

.foot_nav_left{ width:1200px; height:auto; overflow:hidden; float:left;}





.banquan_mid{ width:1200px; height:200px; overflow:hidden; margin:0 auto;}

.banquan_mid_left{ width:209px; height:auto; float:left; overflow:hidden; text-align:center; vertical-align:middle; padding-top:45px;}

.banquan_mid_mid{ width:729px; height:98px; overflow:hidden; border-left:1px solid #303030; padding-left:48px; margin-top:53px; color:#acacac; font-size:13px; line-height:25px; float:left;}

.banquan_mid_rig{ width:210px; height:auto; float:left; overflow:hidden; padding-top:44px;}



/*��ҳ��վ��ʽ*/

.neiye_banner{ width:100%; height:409px; overflow:hidden; background:url(../images/neiye_banner.jpg) no-repeat fixed 50% 60px #000;}

.main{ width:100%; height:auto; overflow:hidden;}

.main_tit{ width:100%; height:99px; border-bottom:1px solid #cecece;}

.main_tit_mid{ width:1200px; height:auto; margin:0 auto;}

.tit_zi{ width:800px; height:99px; line-height:99px; font-size:30px; color:#020100; float:left;}

.tit_map{ width:auto; height:99px; padding-top:50px; font-size:14px; float:right; text-align:right; color:#777777;}

.tit_map span{ width:40px; height:18px; float:left;}

.main_con{ width:1200px; height:auto; padding-top:48px; padding-bottom:120px; margin:0 auto; line-height:35px; position:relative;}

.main_con p{ margin-bottom:35px;}



ul.news{ width:1200px; height:auto; overflow:hidden;}

ul.news li{ width:584px; height:119px; float:left; overflow:hidden; margin-right:32px; background:#ececec; margin-bottom:21px;}

ul.news li:hover{ background:#9c0709; color:#ffffff; cursor:pointer;}

ul.news li:hover p{ color:#ffffff;}

ul.news li:hover a{ color:#ffffff;}

.news_left{ width:126px; height:88px; overflow:hidden; float:left; border-right:1px solid #fff; text-align:center; padding-top:31px; color:#696969;}

.news_right{ width:391px; height:auto; float:left; overflow:hidden; padding-left:33px; padding-right:33px;}

.news_rig_tit{ width:391px; height:40px; line-height:40px; overflow:hidden; font-size:16px; padding-top:14px;}

.news_rig_tit a{ color:#020100;}

.news_rig_con{ width:391px; height:50px; line-height:25px; overflow:hidden; font-size:12px;}



/*ҳ��*/

.pagination {

	font-family: ΢���ź�, ����, arial, helvetica, sans-serif;

	height:43px;

	line-height:43px;

	overflow: hidden;

	margin-top:41px;

}

.pagination a {

	padding-right:21px;

	padding-left: 21px;

	padding-bottom: 16px;

	padding-top:16px;

	margin: 0px 1px;

	color: #ffffff;

	text-decoration: none;

	background:#3f3f3f;

}

.pagination a:hover {

	color: #ffffff;

	background: #9c0709;

}

div.pagination a:active {

	color: #679298;

	background: #9c0709;

}

.pagination span.current {

	padding-right: 21px;

	padding-left: 21px;

	padding-bottom: 16px;

	padding-top:16px;

	margin: 0px 1px;

	color: #ffffff;

}

.pagination span.disabled {

	background: #9c0709;

}

.center {text-align: center;}



/*������ϸҳ�����ʽ*/

.news_tit{ width:1200px; height:70px; font-size:22px; color:#020100; text-align:center; line-height:70px;}

.news_kuang{ width:1198px; height:41px; line-height:41px; border:1px solid #d9d9d9;}

.news_kuang_mid{ width:500px; height:29px; line-height:29px; overflow:hidden; margin:6px auto 0; color:#777777; text-align:center;}

.news_kuang_mid_fbrq{ width:166px; height:29px; float:left; overflow:hidden; border-right:1px solid #ececec;}

.news_kuang_mid_fbr{width:166px; height:29px; float:left; overflow:hidden;border-right:1px solid #ececec;}

.news_kuang_mid_llcs{width:166px; height:29px; float:left; overflow:hidden;}

.news_con{ width:1200px; padding-top:46px;}



.news_pre{ width:1200px; height:56px; line-height:56px; border-bottom:1px dashed #cbcbcb; border-top:1px dashed #cbcbcb; margin-top:40px;}

/*.news_pre a{ width:50%; height:56px; line-height:56px; text-align:center; float:left; font-size:15px; color:#777777;}

.news_pre a:hover{ color:#9c0709; text-decoration:underline;}*/

.news_return{ width:115px; height:41px; line-height:41px; margin:0 auto; background:#9c0709; text-align:center; margin-top:34px;}

.news_return a{ color:#ffffff;text-decoration:underline;}





/*��һҳ ��һҳ��Ч*/

.blue::after {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    left: -100%;

    top: 0;

    background: rgba(0,0,0,0.1);

    z-index: -1;

    -webkit-transition: all 0.65s cubic-bezier(.66,.36,.17,.91);

    -moz-transition: all 0.65s cubic-bezier(.66,.36,.17,.91);

    -o-transition: all 0.65s cubic-bezier(.66,.36,.17,.91);

    transition: all 0.65s cubic-bezier(.66,.36,.17,.91);

}



.footer .about .btn {

    margin-top: 0;

    background: transparent;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 700;

    white-space: nowrap;

    vertical-align: middle;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    outline: none !important;

}

.blue {

    overflow: hidden;

    position: relative;

}



.btn {

	width:50%;

	float:left;

	margin-top:8px;

	height:40px;

	line-height:40px;

    display: inline-block;

    margin-bottom: 0;

    font-size: 14px;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

}

.blue:hover::after {

    z-index: 10;

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}





/*��Ʒ�б�ҳ�����ʽ*/

.proclass{ position:absolute; left:50%; margin-left:-600px; top:30px; z-index:1;}

ul.proclass li{ width:120px; text-align:center;}

ul.proclass li a{ color:#3f3f3f;}

ul.proclass li ul li a{color:#fff}

ul.proclass > li{ float: left; margin-right:10px;}

ul.proclass li h3{height: 40px; line-height: 40px; font-size:16px; font-weight:normal; margin-bottom:5px;}

ul.proclass > li > h3{ width:120px; background: #f5f5f5; }

ul.proclass > li > ul > li h3{ width:120px; background: #3f3f3f;  color:#ffffff; }

ul.proclass > li > ul > li h3 > ul > li h3{ width:120px; background: #3f3f3f;  margin-right:5px;}

ul.proclass > li h3 a:hover{ color:#ffffff;}

ul.proclass > li > h3:hover a{color:#fff}

ul.proclass > li h3:hover,.choice{ background:#9c0709!important;  color:#ffffff; }

ul.proclass li ul li:hover ul.proclass li a{color:#fff}



ul.proclass > li h4:hover,.choice{ background:#9c0709!important;  color:#ffffff; }



ul > li > ul{ display: none;}

ul > li.on > ul{ display: block; width:120px;}

ul.proclass li{ position: relative;}

ul.proclass > li > ul > li ul{ position:  absolute; top: 0; right: -120px; margin-left:10px;}

ul.proclass span.subdown{ position: absolute; display: block; right:10px; top: 0; width: 10px; height: 40px; background: url(../images/arrows_down.png) no-repeat center center;}

ul.proclass span.sub{ position: absolute; display: block; right:10px; top: 0; width: 10px; height: 40px; background: url(../images/arrows.png) no-repeat center center;}



ul.proclass li  h4{ width:120px; height: 40px; line-height: 40px; font-weight:normal; margin-bottom:5px; background:#3f3f3f; font-size:14px;}

ul.proclass li  h5{ width:120px; height: 40px; line-height: 40px; font-weight:normal; margin-bottom:5px; background:#3f3f3f; margin-left:5px; font-size:14px;}

ul.proclass > li ul li ul li h5:hover, .choice {

    background: #9c0709!important;

    color: #ffffff;

}

.proclass li.on a{color:#fff}



ul.product{ width:1200px; height:auto; overflow:hidden; margin:60px auto 0; position:relative; z-index:0;}

ul.product li{ width:280px; height:286px; float:left; overflow:hidden; margin-right:26px;}



.pro_top{ width:280px; height:210px; overflow:hidden;}

.pro_bot{ width:280px; height:65px; overflow:hidden; margin-top:11px;}

a.pro_more{ width:280px; height:30px; display:block; background:#3f3f3f; float:left; line-height:30px; text-align:center; color:#ffffff;}

a.pro_more:hover{ background:#9c0709;}



/*��Ʒ��ϸҳ��Ĵ���*/

.pro_detail_img{ width:600px; height:auto; overflow:hidden; margin:0 auto;}



/*����ͼ*/

.focus{ position:relative; width:600px; height:450px; float: left;}  

.focus img{ width: 600px; height: 450px;} 

.focus .shadow .title{ width: 260px; height: 40px; padding-left: 30px;padding-top: 20px;}

.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }

.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 

.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  

.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  

.focus .fPic{ position:absolute; left:0px; top:0px; }  

.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  

.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height: 50px; background:rgba(0,0,0,0.6);    

filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  

.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:25px; font-family: "\5FAE\8F6F\96C5\9ED1";}  

.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  

.focus .fcon img{ display:block; }  

.focus .fbg{bottom:12px; right:25px; position:absolute; height:21px; text-align:center; z-index: 200; }  

.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    

.focus .D1fBt a{position:relative; display:inline; width:0; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    

.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    

.focus .D1fBt img{display:none}    

.focus .D1fBt i{display:none; font-style:normal; }    

.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}

.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  

.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  

.focus .prev:hover{  background-position:0 0; }  

.focus .next:hover{  background-position:-40px 0;}  





/*��ҳ��ʽ*/

.page_info{text-align:center;margin-top:10px;color:#333;}

.page_info span{padding:0 2px;font-weight:bold;}

.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:10px;margin-top:20px;}

.page_list a{display:inline-block;color:#fff;border:1px solid #3F3F3F;background:#3F3F3F;text-align:center;padding:5px 15px;margin:0 5px;}

.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}

.page_list a.on{color:#fff;border:1px solid #9C0709;background:#9C0709;}





/*��������*/

.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}

.message_block p{padding:12px;}

.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}

.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}

.message_labes{font-size:14px;}

.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}

.message_title span{float:right;font-weight:bold;}

.message_info{color:#8ea6b6;text-align:right;}

.msg_btn_area{margin:16px 0;text-align:left;}

.msg_btn_area a{display:inline-block;padding:5px 15px;background:#757575; text-decoration:none; color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}

.msg_btn_area a:hover{text-decoration:none;background:#000}





/*��ʾ����*/

.show_message_title{ width:98%; margin:0 auto; height:30px; line-height:30px; background:#9a9a9a; padding-left:10px; color:#fff; font-size:14px;}

.show_message{ width:98%; height:auto; margin:5px auto; padding:5px;  border:1px #ccc solid; line-height:30px}

.show_message .liuyanren{float:left; font-size:12px;}

.show_message .time{float:right; margin-right:20px; width:200px}

.show_message  span{ float:left; font-size:12px; font-weight:bolder}

.show_message .huifu{font-size:12px; color:#F00;}