@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:after{ clear:both; display:block; content:""; height:0; visibility:hidden;}

/*top*/
.top { background-color: #edf0f2; height: 36px; line-height: 36px; }
.top a { color: #707070; border-left: 1px solid #adadad; padding: 0 12px; font-size: 12px; }
.top a:first-child { border-left: none; }
.top .search { position: relative; height: 49px;}
.top .search input.submit { background:url("../images/search.png") no-repeat center #3495eb; cursor: pointer; width: 36px; height: 36px;}
.top .search input.text{ width:206px; height:34px; line-height: 34px; color: #999; padding-left: 10px; display: none; position: absolute; top:40px; right: 0; border: 1px solid #e5e5e5;}
.top .search:hover input.text{ display: block; }

/*header*/
.header { padding: 15px 0; }
.header .logo {  }
.header .logo img { display: block; }
.header .xiaoxun {  }


/*nav*/
.nav{ background-color: #3495eb; width:100%; height: 50px;}
.nav ul{ position:relative; }
.nav ul li{ float:left; width:100px; text-align:center; line-height: 50px;}
.nav ul li a { display:block; color:#fff; font-size:16px;font-weight: bold;}
.nav ul li:hover{ background-color: #2d83cf; }
.nav ul .sub{ display:none; background: url("../images/hei.png"); 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;font-weight: normal;}
.nav ul li:hover .sub .list a:hover{ background-color:#3495eb; color: #fff;}

/*foot*/
.foot { background-color: #3495eb; width: 100%;  padding-top: 30px; }
.foot h3 { color: #fff; font-size: 18px; font-weight: bold; }
.foot i { display: block; width: 46px; height: 2px; background-color: #fff; margin: 8px 0 15px; }
.foot .f_mail { width: 30%;}
.foot .f_mail p { color: #fff; line-height: 28px;}
.foot .f_mail a { color: #fff; line-height: 28px; }
.foot .f_link { width: 45%; }
.foot .f_link select { width: 48%; height: 28px; margin: 0 1% 10px 0; color: #c6e2fb; font-size: 14px; background-color: #61aced; border: none; }
.foot .f_link select option { background-color: #fff; border: none; color: #707070;}
.foot .qr_code ul { overflow: hidden;}
.foot .qr_code ul li { float: left; text-align: center; margin-left: 20px;width: 96px; }
.foot .qr_code ul li img { width: 96px; display: block; }
.foot .qr_code ul li h6 { color: #fff; font-size: 14px; padding-top:5px;}
.foot .f_bottom { background-color: #2d83cf; width: 100%; height: 50px; line-height: 50px; color: #fff; text-align: center; margin-top: 20px; }
.foot .f_bottom a { color: #fff;padding-left: 20px; }



/****========= inside page =========****/
.ny_banner img { width: 100%; display: block; }

/*left*/
.m_box { padding: 30px 0;}
.m_box .m_left { width:230px; background-color:#fff;}
.m_box .m_left .head { text-align:center; padding: 20px 0; background-color: #3495eb;}
.m_box .m_left .head p { color:#fff; font-size: 24px; }
.m_box .m_left ul { margin: 10px 0; }
.m_box .m_left ul li { text-align:center; line-height:50px; height:50px; overflow:hidden; position: relative; border-bottom: 1px dotted #e0e0e0; }
.m_box .m_left ul li a { z-index: 1; position: relative; font-size: 16px; display: block;}
.m_box .m_left ul li i { display: block; width: 0; height: 50px; transition: all .3s; background-color: #f6ae00; position: absolute; left: 0; bottom:0; }
.m_box .m_left ul li:hover { border-bottom: 1px dotted transparent ;}
.m_box .m_left ul li:hover i { width: 100%;}
.m_box .m_left ul li:hover a { color: #fff;}
.m_box .m_left ul li.on i { width: 100%;}
.m_box .m_left ul li.on a { color: #fff; }


/*right*/
.m_box .m_right { width:940px; box-sizing: border-box; background-color: #fff; padding: 25px 20px;}
.m_box .m_right .head2 { border-bottom:1px solid #e8eced; padding-bottom: 10px; }
.m_box .m_right .head2 h4 { float:left; font-size:20px; padding-left:30px; background:url("../images/icon1.png") no-repeat left center; }
.m_box .m_right .site { float:right; margin-top: 5px;}
.m_box .m_right .site span,.m_box .m_right .site a { color:#999;}
.m_box .m_right .site a:hover { text-decoration: underline; }