@charset "utf-8";

/*通用*/
* { padding: 0; margin: 0; font-family: "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
body { font: 14px/1.231 "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0; line-height: 1.5; }
li, ul { list-style-type: none; }
input, textarea {  outline: 0;  border: 0;  }
img { border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, em, i {  font-weight: normal;  font-style: normal; }
a { text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; color: #333; }
.container { width:1200px; margin:0 auto;}
.lf {float:left;}
.rt {float:right;}
.clear {clear:both;}

/*nav*/
.nav{ background-color: #771357; width:100%; height: 50px;}
.nav ul{ position:relative; }
.nav ul li{ float:left; width:150px; text-align:center; line-height: 50px;}
.nav ul li a { display:block; color:#fff; font-size:16px;}
.nav ul li:hover{ background-color: #70084f; }
.nav ul .sub{ display:none; background:rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000, endcolorstr=#4c000000); position:absolute; z-index: 1;}
.nav ul li:hover .sub{ display:block;}
.nav ul li:hover .sub .list{ float:left; width:150px;}
.nav ul li:hover .sub .list a { font-size: 14px; line-height: 40px;}
.nav ul li:hover .sub .list a:hover{ background-color:#851561; color: #fff;}

/*header*/
.header .top { background-color: #750b53; height: 40px; line-height: 40px; }
.header .top a { color: #fff; margin-left: 22px; }
.header .top .search { position: relative;}
.header .top .search input.submit { background:url("../images/search.png") no-repeat right center; cursor: pointer; width: 34px; height: 40px;}
.header .top .search input.text{ width:206px; height:34px; color: #999; padding-left: 10px; display: none; position: absolute; top:40px; right: 0;}
.header .top .search:hover input.text{ display: block; }
.header .message { width: 100%; height: 110px; background-color: #851561; }
.header .message .logo a { display: block; width: 307px; height:71px; margin-top: 18px; }
.header .message .logo a img { width: 100%; height:100%; }
.header .message .xiaoxun { margin-top: 38px; }
.header .message .xiaoxun ul .xx1 { background: url(../images/xx1.png) no-repeat center; width: 320px; height: 27px; }
.header .message .xiaoxun ul .xx2 { background: url(../images/xx2.png) no-repeat center;width: 620px; height: 26px; }

/*foot*/
.foot { background-color: #851561; width: 100%;  padding: 40px 0; }
.foot .message { color: #fff; line-height: 28px;}
.foot .message p { color: #fff; line-height: 26px; }
.foot .qr_code ul { overflow: hidden; margin-top: 7px; }
.foot .qr_code ul li { float: left; text-align: center; margin-left: 20px; }
.foot .qr_code ul li img { width: 130px; height: 130px; display: block; }
.foot .qr_code ul li h6 { color: #fff; font-size: 14px; }


/*ny*/
/*ny_nav*/
.nav.ny_nav ul li {width: 133px; }
.nav.ny_nav ul li:hover .sub .list{ width:133px;}
/*ch_banner*/
.ch_banner { width: 100%; z-index: 0;height: 360px;}
.ch_banner .slideBox { width: 100%; }
.ch_banner .slideBox .bd { width: 100%; z-index: 0; }
.ch_banner .slideBox .bd li { zoom: 1;}
.ch_banner .slideBox .bd li a { display: block; width: 100%; height: 360px;}
/*m_box*/
.m_box { width: 100%; background-color: #f5f5f5; padding-bottom: 50px;}
/*left*/
.m_box .m_left { width:220px; text-align:center; margin-top: -60px;}
.m_box .m_left .head h3 { color:#fff; font-size: 18px; font-weight: bold; background: url("../images/icon7.png") no-repeat center; width: 220px; height: 60px; line-height: 60px; margin-bottom: 2px;}
.m_box .m_left .head h4 { color:#c78db5; font-size: 16px; background: url("../images/icon8.png") no-repeat center; width: 220px; height:50px; line-height: 50px; text-transform: uppercase;}
.m_box .m_left ul { background-color:#fff; padding-bottom: 30px; }
.m_box .m_left ul li { line-height:60px; height:60px; overflow:hidden; position: relative; border-bottom: 1px dashed #d9d9d9; width: 200px; margin: 0 auto; }
.m_box .m_left ul li a { color: #707070; font-size: 16px; display: block;}
.m_box .m_left ul li:hover { border-bottom: 1px solid #851561;}
.m_box .m_left ul li:hover a { color: #851561;}
/*right*/
.m_box .m_right { width:950px;}
.m_box .m_right .head2 { border-bottom:1px solid #ccc; height: 56px; line-height: 56px; overflow: hidden; }
.m_box .m_right .head2 h4 { float:left; font-size:18px;}
.m_box .m_right .head2 h4 a { color: #851561;}
.m_box .m_right .top { float:right;}
.m_box .m_right .top span,.m_box .m_right .top a { float:left; color: #8f8f8f; padding-left: 5px;}
/*above*/
.m_box .m_above { text-align:center; position: relative; top:-60px;}
.m_box .m_above .head h3 { color:#fff; font-size: 18px; background: url("../images/icon7.png") no-repeat center; width: 220px; height: 60px; line-height: 60px; margin-bottom: 2px;}
.m_box .m_above .head h4 { color:#c78db5; font-size: 16px; background: url("../images/icon8.png") no-repeat center; width: 220px; height:50px; line-height: 50px; text-transform: uppercase;}
.m_box .m_above .top { position: absolute; top:75px; right: 0;}
.m_box .m_above .top span,.m_box .m_above .top a { float:left; color: #8f8f8f; padding-left: 5px;}
/*below*/
.m_box .m_below { margin-top: -30px;}