@charset "utf-8";
/*banner*/

/*notice*/
.m-notice{ width:1100px; height:30px; padding:5px 0px; border-bottom:1px solid #CECECE; line-height:30px; margin:0 auto; font-size:14px; margin-bottom:20px;}
.m-notice .name{ float:left; width:70px; height:30px; overflow:hidden; color:red;}
.m-notice .name i{ padding-right:5px;}
.m-notice .content{ position:relative; margin-left:75px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/*category*/
.m-category{ display:block; width:100%; margin:0 auto; padding:20px 0px;}
.m-category li{ float:left; margin-left:5px;  background:red; margin-bottom:5px;}
.m-category li a{ display:block; background:#F4F4F4; padding:7px 15px; font-size:14px; color:#8f8f8f; border:1px solid #F2F2F2;}
.m-category li a:hover{ color:#fff; background:#1765D1;}
.m-category li a.current{ color:#fff; background:#1765D1;}


.m-title{ height:40px; margin-bottom:10px;line-height:40px; font-size:18px; color:#1765D1;}
.m-title a{ margin-top:5px; display:block; width:80px; height:30px; text-align:center; line-height:30px; background:#1765D1; font-size:13px; color:#fff; border-radius: 15px; }

.x-title{ text-align:center; font-size:30px; margin-bottom:20px; font-weight:bold; color:#666; line-height:50px;}

.m-about{ margin-top: 20px}
.m-about .about { width:450px; float:right;}
.m-about .about .content{ padding-left:10px; color:#333; font-size:14px; line-height:25px; text-align:justify;}

.m-about .about .content .frombox{
	
}

.frombox .item{ margin-bottom: 10px;}
.frombox .item .text{ display: block; width: 300px; height: 30px; outline: none; text-indent: 10px;}
.frombox .item .submit{display: block; width: 300px; outline:NONE; cursor:pointer; height: 35px; background: #FF7900; border: none; color: #fff;}


.m-about .about img{ float: left;
           width: 181.5px;
           height: 112.5px;
           margin: 0 8px 0px 0;}
.m-about .news{ width:600px; float:right;}
.m-about .news .pic{ width:100px; float:left;}
.m-about .news .pic img{ width:180px; height:285px;}
.m-about .news  .m-news{ float:right;}


/*team*/
.m-team{ background:#F5F3F3; padding:40px 0; margin-top: 20px;}
.m-team .desc{ width:400px; float:left; padding-top:130px;}

.m-team .desc .p1{ 
font-size: 28px;
    font-weight: bold;
    color: #1765D1;
    line-height: 50px;
    text-align: center
}
.m-team .desc .p2{    font-size: 16px;
    line-height: 30px;
    color: #555;
    margin-top: 8px;}

.m-team .desc .more{    display: block;
    margin: 0 auto;
    margin-top: 10px;
    width: 139px;
    height: 31px;
    line-height: 31px;
    border-radius: 15px;
    border: 1px solid #1765D1;
    text-align: center;
    font-size: 16px;
    background:#1765D1; color:#fff;
	margin-top:30px;
	}


.m-team .teams{ width:645px; padding:0 10px; float:right;}

.m-team .teams li { float:left; width:195px; padding:0 10px; margin-bottom:10px;}
.m-team .teams li img{ display:block; width:189px; height:189px; -webkit-border-radius: 189px;
-moz-border-radius: 189px;
border-radius: 189px; border: 3px solid #ccc;}
.m-team .teams li .name{ font-size:16px; font-weight:500; line-height:25px; height:50px; overflow:hidden; text-align:center; padding:8px 0px;}

.m-team .teams li .bnt{    display: block;
    margin: 0 auto;
    margin-top: 10px;
    width: 139px;
    height: 31px;
    line-height: 31px;
    border-radius: 15px;
    border: 1px solid #1765D1;
    text-align: center;
    font-size: 16px;
    color: #1765D1;}
.m-team .teams li .bnt:hover{ background:#1765D1; color:#fff;}



/*case*/
.m-case{  padding:40px 0;}
.m-case .desc{ width:400px; float:left; padding-top:100px;}

.m-case .desc .p1{ 
font-size: 28px;
    font-weight: bold;
    color: #1765D1;
    line-height: 50px;
    text-align: center
}
.m-case .desc .p2{    font-size: 16px;
   
    line-height: 30px;
    color: #555;
    margin-top: 8px;}

.m-case .desc .more{    display: block;
    margin: 0 auto;
    margin-top: 10px;
    width: 139px;
    height: 31px;
    line-height: 31px;
    border-radius: 15px;
    border: 1px solid #1765D1;
    text-align: center;
    font-size: 16px;
    background:#1765D1; color:#fff;
	margin-top:30px;
	}


.m-case .cases{ width:645px; padding:0 5px; float:right;}

.m-case .cases dl{ width:203px; height:195px; float:left; margin:0 5px; margin-bottom:10px; border:1px solid #CECECE;}
.m-case .cases dl dt img{ display:block; width:203px; height:120px;}
.m-case .cases dl dt.name{ font-size:16px; font-weight:bold; text-align:center; height:35px; line-height:35px; padding:5px 0; color: #fff; margin-bottom: 10px;}

.m-case .cases dl dd{ padding:0px 5px;}
.m-case .cases dl dd a{ display:block; width:193px; height:25px; overflow:hidden; color:#333; font-size:13px; line-height:25px;}
.m-case .cases dl dd a:hover{ text-decoration:underline; color:red;}



/*flow*/
.m-flow{ background:#FEFCFD; padding:40px 0;}
.m-flow .flow_text{ display: none;}


/*contact*/
.m-contact{ padding:40px 0; background:#FEFCFD;}
.m-contact .phone{ text-align:center; font-size:30px; line-height:50px; color:#1765D1; font-weight:bold;}




/*news*/
.m-news{ width:360px; padding-left:40px;  overflow:hidden;}

.m-news dl{ width:360px; margin-bottom:20px; float:none;}
.m-news dl dt{ height:40px; line-height:40px; font-size:18px; color:#1765D1; margin-bottom:10px;}
.m-news dl dt a{ margin-top:5px; display:block; width:80px; height:30px; text-align:center; line-height:30px; background:#1765D1; font-size:13px; color:#fff; border-radius:15px;}

.m-news dl dd { line-height:30px; height:30px;}
.m-news dl dd a{ display:block; width:280px; height:30px; font-size:14px; color:#333; float:left; overflow: hidden;}
.m-news dl dd a:hover{ color:red;}
.m-news dl dd span{ font-size:14px; color:#999; float:right;}