@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; min-width:1300px}
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 {  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:1300px; margin:0 auto;}
.lf {float:left;}
.rt {float:right;}
.clear {clear:both;}

/*header*/
.header { margin: 30px 0; }
.header .logo a { display: block; width: 861px; height:68px; }
.header .logo a .logo { width: 100%; height:100%; }
.header .right .word { color: #777777; }
.header .right .word a { color: #777777; }
.header .right .search { margin-top: 13px; border-bottom: 1px solid #dbdbdb; width: 246px;}
.header .right .search input.text{ width:206px; height:34px; color: #999; float: left; padding-left: 10px;}
.header .right .search input.submit { width:20px; height:34px; float: left; background:url("../images/search.png") no-repeat center; cursor: pointer;}

/*nav*/
.nav{ background-color: #004a63; width:100%; height: 54px;}
.nav ul{ position:relative; }
.nav ul li{ float:left; width:100px; text-align:center; line-height: 54px;}
.nav ul li a { display:block; color:#fff; font-size:16px; font-weight: bold;}
.nav ul li:hover{ background-color: #1964a8; }
.nav ul .sub{ display:none; background:linear-gradient(to bottom,#1964a8,#1964a8); position:absolute; z-index: 1;}
.nav ul li:hover .sub{ display:block;}
.nav ul li:hover .sub .list{ float:left; width:140px;}
.nav ul li:hover .sub .list a { font-size: 14px; line-height: 46px; display:block;}
.nav ul li:hover .sub .list a:hover{ background:linear-gradient(to bottom,#efefef,#bbbbbb); color: #333;}

/*foot*/
.foot { background: url("../images/foot.png") no-repeat top center; width: 100%; text-align: center; margin-bottom: 30px;}
.foot .f_nav { width: 1200px; margin: 0 auto; padding: 30px 0; }
.foot .f_nav li { float: left;  padding-right: 6px;}
.foot .f_nav li:nth-child(6){ background:none; padding: 0; }
.foot .f_nav li a { padding: 0 20px; font-weight: bold; }
.foot p { color: #9c9c9c; line-height: 28px; }


/*child*/
/*left*/
.m_box { padding: 30px 0; background-color: #f8f8f8;}
.m_box .m_left { width:260px;}
.m_box .m_left .m_line { margin-bottom: 30px; }
.m_box .m_left .m_line .head { text-align:center; background-color:#004a63; padding: 20px 0; margin-bottom: 5px;}
.m_box .m_left .m_line .head p { color:#fff; font-size: 26px; line-height: 26px;}
.m_box .m_left .m_line li { text-align:center; line-height:50px; height:50px; overflow:hidden; position: relative; background-color:#efefef; margin-bottom: 5px;
    border-left: 5px solid #47a48f; }
.m_box .m_left .m_line li a { color: #333; z-index: 1; position: relative;}
.m_box .m_left .m_line li i { display: block; width: 0; height: 50px; transition: all .3s; background-color: #47a48f; position: absolute; left: 0; top:0; }
.m_box .m_left .m_line li:hover i { width: 100%;}
.m_box .m_left .m_line li:hover a { color: #fff; }
.m_box .m_left .ch_left { width:260px; background: url("../images/bg2.jpg") no-repeat center; height: 420px; }
.m_box .m_left .ch_left ul { padding-top: 1px;  }
.m_box .m_left .ch_left ul li { width: 153px; margin: 25px auto; }
.m_box .m_left .ch_left ul li i { height: 46px; width: 45px; transition: all .3s;}
.m_box .m_left .ch_left ul li:hover i { transform: rotateY(180deg);}
.m_box .m_left .ch_left ul li:nth-child(1) i { background: url("../images/icon1.png") no-repeat left center; }
.m_box .m_left .ch_left ul li:nth-child(2) i { background: url("../images/icon2.png") no-repeat left center; }
.m_box .m_left .ch_left ul li:nth-child(3) i { background: url("../images/icon3.png") no-repeat left center; }
.m_box .m_left .ch_left ul li:nth-child(4) i { background: url("../images/icon4.png") no-repeat left center; }
.m_box .m_left .ch_left ul li a { font-size: 22px; color: #fff; line-height: 46px; margin-left: 20px; }
.m_box .m_left .ch_left .tel {background: url(../images/tel.png);
    width: 230px;
    margin: 0 auto;
    height: 100px;
    border-radius: 20px;
    text-align: center;
    line-height: 25px;
    padding-left: 10px;}
.m_box .m_left .ch_left .tel h5 { color: #000; font-size: 14px; }

/*right*/
.m_box .m_right { width:1010px; border:1px solid #ccc; box-sizing: border-box}
.m_box .m_right .head2 { border-bottom:1px dashed #ccc; }
.m_box .m_right .head2 h4 { float:left; font-size:16px; padding-left:55px; line-height: 50px; background:url("../images/ch-icon1.png") no-repeat 20px center }
.m_box .m_right .top { float:right; padding-right:20px;}
.m_box .m_right .top span,.m_box .m_right .top a { float:left; line-height: 50px;}
.m_box .m_right .top span,.m_box .m_right .top p { color:#999;}

/*page*/
.m_box .m_right .page { text-align: center; margin: 20px 0;}
.m_box .m_right .page a { display: inline-block; *display:inline; _display:inline; zoom:1; vertical-align: middle; font-size: 14px;}
.m_box .m_right .page a.pa1 { color: #fff; background-color: #999; width: 66px; height: 30px; line-height: 30px;margin: 0 2px;}
.m_box .m_right .page a.pa2 { border: 1px solid #ccc; width: 28px; height: 28px; line-height: 28px; margin: 0 2px;}
.m_box .m_right .page a.pa1:hover { background-color: #47a48f;}
.m_box .m_right .page a.pa2:hover { color: #fff; background-color: #47a48f; border: 1px solid #47a48f; }