﻿.left{float:left;}

.right{float:right;}

.inner{

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

}



.titler {

	height: 62px;

	line-height: 62px;

	background: #fff;

	border-bottom:2px solid #d0d0d0;

	margin:0 0 20px;

}

.titler strong {

	background: url(a-titler-ico.jpg) no-repeat left center;

	padding-left: 2px;

	padding-right: 5px;

    color: #fff;

    font-size: 20px;

    color: #0352a9;

    border-bottom:2px solid #0352a9;

    display: inline-block;

    float: left;

}

.titler small{

	float: left;

	font-size: 18px;

	font-weight: bold;

	color: #c6c6c6;

	padding-left: 10px;

	text-transform: uppercase;

}

.titler span {

	margin-right: 15px;

    color: #c6c6c6;

    font-size: 14px;

}

.titler a {

	font-size: 14px;

	color: #c6c6c6;

}



.titler .right a:hover {

	color:#276bda;

}













/* m-pro styles */

.m-super{

	background: #ededed;

}

.m-super .inner{

	height: 1002px;

	background: url(m-super-line.jpg) no-repeat bottom center;

}

.m-super-title{

	width: 621px;

	height: 53px;

	border:3px solid #0352a9;

	margin:85px auto 52px;

	text-align: center;

	position: relative;

}

.m-super-title h2{

	font-size: 35px;

	font-weight: bold;

	color: #0352a9;

	background: #ededed;

	padding:0 15px;

	position: absolute;

    left: 168px;

    top: -82px;

}

.m-super-title h2 strong{

	font-size: 83px;

	color: #ff5400;

}

.m-super-title span{

	font-size: 18px;

	font-weight: bold;

	color: #c1c1c1;

	position: absolute;

	right: 142px;

    top: -50px;

    text-transform: uppercase;

}

.m-super-title > div > p{

	display: inline-block;

	width: 526px;

	height: 30px;

	line-height: 30px;

	background: #0352a9;

	text-align: center;

	color: #fff;

	font-size: 14px;

	

	margin:0 10px;

}

.m-super-title > div {

	overflow: hidden;

	background: #ededed;

	position: relative;

	top: 40px;

	display: inline-block;

}

.m-super-content{

	overflow: hidden;

}

.m-super-content h3{

	font-size: 24px;

	color: #0352a9;

	font-weight: bold;

	margin-bottom: 20px;

}

.m-super-content p{

	font-size: 14px;

	color: #555555;

	line-height: 24px;

}

.m-super-content .left,

.m-super-content .right{

	width: 571px;

}

.m-super-content .left{

	text-align: right;

	margin-right: 25px;

}

.m-super-content .right{

	text-align: left;

	margin-left: 25px;

}

.m-super1,

.m-super2,

.m-super3{

	clear: both;

}

.m-super1 p{

	margin-bottom: 40px;

}

.m-super2 h3{

	width: 850px;

	margin-top: 20px;

}

.m-super2 p{

	margin-bottom: 28px;

}

.m-super3 h3{

	margin-top: 20px;

}

.m-super3 p{

    float: right;

}



.m-super399 p{

	width: 337px;

    float: right;

}

/* m-about styles */

.m-about999{

	background: #2d68c9;

	height: 404px;

}

.m-about{

	background: url(../images/wb3.jpg) no-repeat top center;

	height: 404px;width: 100%;

}


    

.m-about-title{

	padding:26px 0 38px;

	text-align: center;

	background: url(../images/m-about-bg.png) no-repeat center center;

}

.m-about-title h3{

	font-size: 24px;

	font-weight: bold;

	color: #fff;

}

.m-about-title span{

	font-size: 24px;

	font-weight: bold;

	color: #95bdfe;

	text-transform: uppercase;

}

.m-about-content .left{

	width: 460px;

	padding-left: 30px;

}

.m-about-content .right{

	width: 680px;

	padding-right: 30px;

	text-align: left;

}

.m-about-content .right h3{

	font-size: 18px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 14px;

}

.m-about-content .right p{

	font-size: 14px;

	color: #fff;

	line-height: 30px;

}

/* m-news-case */

.m-news{

	width: 508px;

}

.m-news .titler a{

	float: right;

}

.m-news-list ul{

	margin:10px 0;

}

.m-news-list li{border-bottom: 1px dotted #cccccc;

	height: 36px;

	line-height: 36px;

}

.m-news-list li:hover{

	background: #2d68c9;

	color: #fff;

}

.m-news-list li:hover a{

	color: #fff;

}

.m-news-list li:hover a h3{

	color: #fff;

}

.m-news-list li:hover a span{

	color: #fff;

}

.m-news-list li a:before{

	content: "▶";

	padding:0 10px;

	color: #c6c6c6;

	float: left;

}

.m-news-list li a h3{

	font-size: 14px;

	color: #555555;

	line-height: 36px;

	display: inline-block;

	float: left;

}

.m-news-list li a span{

	font-size: 14px;

	color: #c6c6c6;

	float: right;

}

.m-case{

	width: 666px;



}

.m-case .titler a{

	float: right;

}

.picMarquee-left{ width:666px; margin-top: 10px;  overflow:hidden; position:relative;  }

.picMarquee-left .bd{ padding:10px;   }

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; }

.picMarquee-left .bd ul li .pic2{ text-align:center; }

.picMarquee-left .bd ul li .pic2 img{ width:208px; height:157px; display:block; }

.picMarquee-left .bd ul li .pic2 a:hover img{ border-color:#999;  }

.picMarquee-left .bd ul li h3{

	position: absolute;

	width: 100%;

	height: 26px;

	line-height: 26px;

	background: rgba(3,82,168,.58);

	color: #fff;

	font-size: 14px;

	bottom: 0;

	left:0;

}