/*menu*/

body  {font-family:"微软雅黑";  }
.leftmenu{
	position:fixed;
	z-index: -1;
	top: 50px;
	bottom: 0;
	visibility: hidden;
	box-sizing: content-box;
	width: 70%;
	min-height: 100%;
	background: #333;
	left:0;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(-100%,0,0);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1);
	transition: transform 350ms cubic-bezier(.165,.84,.44,1);
	z-index: 10000!important;
	visibility:visible;
	color: #FFFFFF;
}
.leftmenu ul{
	margin:0 20px;
}
.leftmenu ul li{
	line-height: 4.0;
	border-bottom: 1px solid #464646;
}
.leftmenu ul li a{
	color: #FFFFFF;
	display: block;
}
.leftmenu ul li a:hover{
	text-decoration: none;
}
.leftMenu-lan {
	margin:10px 20px;
	width: 150px;
	height: 40px;
	line-height: 40px;
}
.leftMenu-lan span{
	font-size: 18px;
}
.leftMenu-landrop{
	background: #222222;
	margin: 0 20px;
	display: none;
}
.leftMenu-landrop ul{
	margin: 0;
	padding: 0;
}
.leftMenu-landrop ul li{
	width: 33.3333333%;
	float: left;
	text-align: center;
}
.menu-transitioning {
	-webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1);
	transition: transform 350ms cubic-bezier(.165,.84,.44,1);
	z-index: 10000!important;
	visibility:visible;

	-webkit-transform: translate3d(0,0,0);
}
.slidemenu{
	float:left;
	text-align:center;
	margin-left: 15px;
}
.backdrop{
	display: none;
	position:absolute;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background 350ms cubic-bezier(.165,.84,.44,1);
	background: rgba(0,0,0,.4);
	box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
	-webkit-tap-highlight-color: transparent;
}
.phTop-fix{

	background: #333333;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
}
.phMenu{
	border-bottom: 1px solid #222;
}
.phMenu div{
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	color: #FFFFFF;
}
.phMenu .container span{
	font-size: 20px;
}
.phSearch{
	padding: 10px 15px;
	display:none;
	border-bottom: 1px solid #222;
}
.phMenu-list{
	padding-right: 15px;
	border-right:1px solid #222222 ;
}
.phMenu-sear{
	padding-left: 15px;
	border-left:1px solid #222222 ;
}

/*index*/
.top{
	line-height: 54px;
	height: 54px;
	font-size: 14px;
	background: #f6f7f3;
	color: #666;
}
.top img{
	margin-right: 8px;
	vertical-align: middle;
}
.top .pull-left ul li{
	margin-right: 10px;
}
.topLan{
	position: relative;
	font-size: 13px;
}
.topLan:hover{
	background: #efefef;
}
.topLan ul{
	position: absolute;
	z-index: 99;
	top:45px;
	left: 0;
	right: 0;
	display: none;
	background: #efefef;
}
.topLan:hover ul{
	display: block;
}
.topLan ul li a{
	color: #666;
	display: block;
    padding: 0 10px;
    line-height: 2.2;
}
.topLan ul li a:hover{
	color: #666;
	background: #e2e1e1;
}
.topLan ul li img{
	vertical-align: middle;
}
.topSocial{
	margin: 0 5px;
}
.topSocial ul li a{
	color: #cbcbca;
}
.topSear{
	position: relative;
	vertical-align: middle;
}
.topSear input{
	height: 27px;
}
.topSear input[type="text"]{
	color: #fff;
	width: 180px;
	box-shadow: none;
	background: #e5e6e3;
	border-radius: 2px;
	border: none;
}
.topSear input[type="submit"]{
	width: 35px;
	border: none;
	background: url(../image/topSear.png) no-repeat center center;
	position: absolute;
	right: 5px;
	top: 0;
}
.head{
	line-height: 120px;
}
.head img{
	vertical-align: middle;
}
.head ul.level-first > li{
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	font-size: 16px;
	position: relative;
	font-weight: bold;
	background-image: none;
	transition: background-image .3s;
    -webkit-transition:background-image .3s;
    -o-transition: background-image .3s;
    -moz-transition: background-image .3s;
}
.head ul.level-first > li:hover{
	background-image: url(../image/head-bg.gif) ;
}
.head ul.level-first > li > a{
	display: block;
	padding: 0 5px;
	color: #333;
	font-size: 17px;
	transition:color .3s;
    -webkit-transition:color .3s;
    -o-transition:color .3s;
    -moz-transition:color .3s;
}
.head ul.level-first > li a i{
	font-size: 13px;
	color: #fff;
}

.head ul.level-first > li:hover > a{
	color: #fff;
	text-decoration: none;
	background: url(../image/head-a.gif) no-repeat center bottom;
}
.head ul.level-first li.active{
	 background-image: url(../image/head-bg.gif) ;
}
.head ul.level-first li.active a{
	color: #fff;
	text-decoration: none;
	background: url(../image/head-a.gif) no-repeat center bottom;
}

.head ul.level-first li.active ul li a{
	background:none;
	text-decoration: none;
	color:#333;
}

.head ul.level-first > li ul{
	position: absolute;
	top: 46px;
	left: 0;
	min-width: 190px;
	background: #fff;
	z-index: 99;
	display: none;
	opacity: 0;
	border: 1px solid #ddd;
}
.head ul.level-first > li:hover ul{
	display: block;
	opacity: 1;
}
.head ul.level-first > li:hover ul li ul{
	display: none;
}
.head ul.level-first > li ul li{
	position: relative;
}
.head ul.level-first > li ul li a{
	color: #333;
	display: block;
	line-height: 50px;
	border-top: 1px solid #ddd;
	font-weight: normal;
	padding-left: 20px;
}
.head ul.level-first > li ul li a:hover{
	background: #0056b3;
	border: none;
	border-top: 1px solid transparent;
	color: #fff;
}
.head ul.level-first > li ul li:first-child a{
	border: none;
}
.head ul.level-first > li ul li ul{
	position: absolute;
	top: -1px;
	left: 188px;
	display: none;
}
.head ul.level-first > li ul li:hover ul{
	display: block;
}
.banner a.left, .banner a.right{
	width: 75px;
	height: 75px;
	line-height: 75px;
	color: #fff;
	font-size: 50px;
	top: 50%;
	left: 0;
	margin-top: -38px;
	background: rgba(255,255,255,0.15);
	text-shadow: none;
}
.banner a.right{
	left: auto;
	right: 0;
}
.banner .carousel-indicators li{
	width: 9px;
	height: 9px;
	border-radius: 0;
	margin: 0;
	border: none;
	background: #fff;
	margin: 0 3px;
}
.banner .carousel-indicators .active{
	background: #0056b3;
}
.indexTit{
	font-size: 30px;
	color: #0056b3;
	font-weight: normal;
	margin-bottom: 30px;
}
.hotpro{
	margin: 50px auto;
}
.hotpro .item a{
    display: block;
    border: 1px solid #e5e5e5;
    background: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.hotpro .item a:hover{
    border: 4px solid #0056b3;
    text-decoration: none;
}
.hotpro .item a img{
    padding: 10px;
    transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
}
.hotpro .item a:hover img{
    padding: 7px;
    margin-bottom: 3px;
}
.hotpro .item a h6{
    border-top: 1px solid #e5e5e5;
    color: #333;
    height: 55px;
    line-height: 55px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
}
.hotpro .item a:hover h6{
    color: #0056b3;
    height: 52px;
    line-height: 52px;
    padding-top: 1px;
}
.profile{
	background: url(../image/profile-bg.jpg) no-repeat top center;
	padding-top: 85px;
}
.profile .pro-bg{
	background: #0056b3;
}
.profile .pro-bg::after{
	content: '';
	clear: both;
	display: table;
}
.profile .txt{
	padding:50px 55px 50px 35px;
	color: #fff;
	float: left;
	width: 60%;
}
.profile .txt .indexTit{
	color: #fff;
	margin-bottom: 15px;
}
.profile .txt p{
	font-size: 14px;
	line-height: 2.0
}
.profile .txt a{
	width: 175px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 18px;
	text-align: center;
	display: block;
	color: #fff;
	margin-top: 30px;
	background: none;
}
.profile .txt a:hover{
	border:1px solid #0056b3;
	background: #fff;
	color:#0056b3;
}
.profile .img{
	float: left;
	width: 40%;
	height: 100%;
	background: #fff;
	text-align: center;
	padding:30px 15px;
	position: relative;
	bottom: 20px;
	right: 20px;
}
.case{
	padding: 80px 15px;
}
.case .row{
	margin-left: -35px;
	margin-right: -35px;
}
.case .row > div{
	padding-left: 35px;
	padding-right: 35px;
}
.case .details{
	border-left:5px solid #eaedf5;
	background: #fafafa;
	-webkit-background-clip: content-box;
	-moz-background-clip: content-box;
	background-clip: content-box;
	padding-right: 23.6%;
	position: relative;
	margin-bottom: 65px;
}
.case .details .txt{
	width: 70%;
	padding: 20px 35px;
	position: relative;
}
.case .details .txt h3{
	font-size: 22px;
	font-weight: normal;
}
.case .details .txt h5{
	font-size: 16px;
	font-weight: normal;
	color: #0056b3;
}
.case .details .txt p{
	color: #999;
	line-height: 1.8;
	margin: 20px 0;
	text-align: justify;
}
.case .details .txt a{
	width: 135px;
	height: 40px;
	line-height: 40px;
	display: block;
	background: #0056b3;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -67px;
	margin-bottom: -20px;
}
.case .details .txt a:hover{
	background: #3f82ca;
}
.case .details .img{
	position: absolute;
	top:15px;
	right: 0;
	max-width:46%;
}
.case a.left, .case a.right{
	width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
	opacity: 1;
    top: -30px;
    left: auto;
    right: 0;
    margin-top: -38px;
    background: #0056b3;
    text-shadow: none;
}
.case a.left{
	right: 50px;
}
.case a.left:hover, .case a.right:hover{
	background: #097bda
}
.choose{
	background:url(../image/choose-bg.jpg) repeat-y center top;
	overflow: hidden;
	padding: 20px 0 0;
}
.choose .indexTit{
	color: #fff;
}
.choose p{
	color: #b3b2b2;
	font-size: 14px;
	line-height: 2.0
}
.choose .list{
	border-top: 1px dashed #264d2b;
	margin-top: 80px;
}
.choose .list ul:after{
	content: '';
	display: block;
	clear: both;
}
.choose .list ul{
	margin-left: -28px;
    margin-right: -28px;
}
.choose .list ul li{
	width: 92px;
	height: 106px;
	background:url(../image/choose.png) no-repeat center center;
	float: left;
	margin: 0 28px 0 29px;
	color: #fff;
	text-align: center;
	position: relative;
	top: -73px;
    margin-top: 20px;
}
.choose .list ul li:after{
	content: '';
	height: 106px;
	display: inline-block;
	vertical-align: middle;
}
.choose .list ul li span{
	display: inline-block;
	vertical-align: middle;
}
.foot-out{
	padding: 30px 15px;
	overflow: hidden;
}
.foot-out .visible-sm-block{
	margin-bottom: 20px;
}
.foot-out h5{
	line-height: 1.0;
	color: #333;
	margin-bottom: 15px;
}
.foot-out .foot-news{
	padding-right: 30px;
}
.foot-out .foot-news ul li{
	line-height: 2.0
}
.foot-out .foot-news ul li a{
	display: inline-block;
	max-width: 210px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.foot-out .foot-news ul li span{
	float: right;
	font-size: 12px;
	color: #999;
}
.foot-out .foot-cont{
	font-size: 13px;
}
.foot-out .foot-cont ul li{
	line-height: 2.2;
	word-break: break-all;
}
.foot-out .foot-cont ul li span{
	font-weight: bold;
}
.foot-out ul li{
	line-height: 2.5;
	color: #333;
}
.foot-out ul li a{
	color: #333;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.0;
}
.foot-out ul li a i{
	margin-right: 10px;
}
.foot-out .foot-pro ul li{
	line-height: 2.0;
}
.bottom{
	line-height: 57px;
	color: #cfe2d0;
	font-size: 12px;
	background: #0056b3;
}
.bottom .pull-left a{
	color: #ebb60b;
}
.bottom .pull-left img{
	vertical-align: middle;
	margin-left: 15px;
}
.bottom .pull-right ul li i{
	font-size: 15px;
	color: #fff;
}
.bottom .pull-right ul li a:hover i{
	color: #ebb60b;
}

/*about*/
.path-out{
}
.path{
	margin-top: 281px;
	text-align: right;
	color: #fff;
	font-size: 14px;
}
.path a,.path a:hover{
	color: #fff;
}
.path span.glyphicon{
	margin-right: 10px;
}
.content-mode{
	margin:40px 0 50px;
}
.content-right{
	float: right;
}
.content-left{
	float: left;
}
.innerLeft .title{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 48px;
	background: #0056b3;
	padding-left: 20px;
	text-transform: capitalize;
}
.leftEmail .title{
	margin: 0 0 20px;
}
.leftEmail .content{
	position: relative;
}
.leftEmail input[type="text"]{
	width: 100%;
	border-radius: 0;
	height: 37px;
}
.leftEmail input[type="submit"]{
	background: url(/style/images/leftEmail.gif) no-repeat center center;
	width: 17px;
	height: 37px;
	right: 15px;
	top: 0;
	border: none;
	position: absolute;
}
.leftpro-type .content>ul{
	padding: 20px 0;
}
.leftpro-type .content>ul>li{
	margin: 5px 0;
}

.leftpro-type .content>ul>li>span{
	line-height: 2.0;
	padding-left: 25px;
	background: url(../image/left-icon.gif) no-repeat left 4px;
}


.leftpro-type .content>ul>li>a,.leftpro-type .content>ul>li>span{
	font-size: 14px;
	color: #666;
	cursor: pointer;
}
.leftpro-type .content ul li ul{
	display: none;
	margin-left: 25px;
    padding: 5px;
}

.leftpro-type .content ul li ul li{
	margin: 5px 0;
}

.leftpro-type .content ul li ul li a{
	font-size: 12px;
	color: #999;
}
.leftpro-type .content ul li ul li a:hover{
	color: #1141a5;
	text-decoration: none;
}
.leftPro .content ul li{
	overflow: hidden;
	margin-top: 25px;
}
.leftPro .content ul li img{
	float: left;
	margin-right: 15px;
	width: 100px;
	height: 100px;
	padding: 2px;
	border: 1px solid #ededed;
}
.leftPro .content ul li img:hover{
	padding: 0;
	border: 3px solid #0056b3;
}
.leftPro .content ul li h5{
	margin-bottom: 2px;
}
.leftPro .content ul li h5 a{
	font-size:14px;
	color: #333;
	font-weight:bold;
}
.leftPro .content ul li h5 a:hover{
	color: #0056b3;
	text-decoration: none;
}
.leftPro .content ul li a.more{
	display: inline-block;
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #d7d7d7;
	color: #868686;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 10px;
}
.leftPro .content ul li a.more:hover{
	border: 1px solid #0056b3;
	color: #fff;
	background: #0056b3;
}
.store-filebox .filebox-top{
	line-height: 48px;
	border-bottom: 1px solid #e5e5e5;
}
.store-filebox .filebox-top .name{
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.store-filebox .filebox-top .contact a {
	display: inline-block;
	padding: 0 20px;
	line-height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
}
.store-filebox .filebox-top .contact a img {
	margin-top: 8px;
	margin-right: 5px;
}
.filebox-item{
	margin-bottom: 15px;
}
.filebox-item .title{
	font-size: 17px;
	margin: 30px 0 10px;
	font-weight:bold;
	color: #333;
}
.filebox-item .describe{
	font-size: 12px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.abou-dec .title{
	border-bottom: 1px solid #e5e5e5 ;
}
.abou-dec p,.abou-dec div{
	font-size: 16px;
	line-height: 2.0;
	margin-bottom: 10px;
	color: #666;
}
.abou-dec p{
	margin: 20px 0;
}
.infooption .content {
	border-bottom: 1px dashed #DDDDDD;
	padding-bottom: 10px;
}
.infooption .content .row {
	margin: 0;
}
.infooption .item {
	padding:0;
	font-size: 13px;
	color: #333333;
}
.infooption .item .left {
	float: left;
	line-height: 30px;
	font-size: 13px;
}
.infooption .item .left img {
	margin-right: 10px;
	margin-top: 6px;
}
.infooption .item .left:after {
	content: ':';
	float: right;
	margin-right: 3px;
}
.infooption .item .right {
	position: relative;
	overflow: hidden;
	font-size: 13px;
	line-height: 25px;
	padding-top: 5px;
	padding-right: 30px;
}
.call{
	background: #0056b3;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	padding: 40px 0;
}
.call b,.call em,.call span{
	height: 45px;
	line-height: 45px;
}
.call img{
	vertical-align: middle;
	margin-right: 20px;
}
.call em{
	font-style: normal;
	font-size: 22px;
}
.call span{
	color: #ebb60b;
	font-size: 27px;
	font-weight: bold;
}
.call a{
	display: block;
	width: 155px;
	background: #fff;
	border-radius: 3px;
	font-size: 16px;
	color: #333;
	text-align: center;
	height: 45px;
	line-height: 45px;
}

/*contact*/
.contact-path{
	background: url(../image/contact-path.jpg) no-repeat center top;
}
.contact{
	border-radius: 3px;
	margin: 30px 0;
	padding: 40px;
	border: 1px solid #e5e5e5;
	border-bottom: 6px solid #0056b3;
}
.cont-area{
	/*background:url(images/contact-head.jpg) no-repeat top right ;*/
}
.cont-area ul li{
	line-height: 2.5;
	color: #666;
	font-size: 13px;
	word-break: break-all;
}
.cont-area ul li img{
	vertical-align: middle;
	margin-right: 10px;
}
.cont-area ul li span{
	color: #333;
	font-weight: bold;
}
.cont-area ul li a{
	color: #0056b3;
	text-decoration: underline;
}
.abtEmail{
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 30px 0;
	background: #F3F3F3;
	border: 1px solid #E5E5E5;
	background: #F3F3F3;
	border: 1px solid #E5E5E5;
}
.abtEmail h3{
	margin: 25px 0 25px 50px;
	font-size: 20px;
}
.abtEmail .form-group{
	margin:20px 0;
}
.abtEmail .form-group label{
	font-size: 14px;
	color: #7c7c7c;
	font-weight: normal;
}
.abtEmail input,.abtEmail textarea{
	border:1px solid #e3e2e2;
	border-radius: 0;
	box-shadow: none;
}
.abtEmail .help-block{
	font-size: 13px;
	color: #999;
}
.abtEmail button{
	border: none;
	width: 135px;
	height: 40px;
	background: #8b8b8b;
	color: #FFFFFF;
}
.abtEmail .btn:hover{
	background: #ADACAC;
	color: #FFFFFF;
}
.abtEmail .btn:active{
	background: #ADACAC;
	color: #FFFFFF;
	border: none;
}

/*download*/
.down-path {
    background: url(/style/images/down-path.jpg) no-repeat center top;
}
.newsLi-item{
	padding: 30px 0;
	border-bottom: 1px dashed #eae9e9;
}
.newsLi-item a{
	display: block;
	padding-left:40px;
	background: url(/style/images/down-i.png) no-repeat 5px 5px;
}
.newsLi-item a:hover{
	background: url(/style/images/down-i-hov.png) no-repeat 5px 5px;
	text-decoration: none;
}
.newsLi-item h3{
	margin: 0 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	font-size: 19px;
	color: #333;
}
.newsLi-item a:hover h3,.newsLi-item a:hover p{
	color: #0056b3;
}
.newsLi-item span{
	font-size: 13px;
	color: #999;
}
.newsLi-item  p{
	color: #545252;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px;
	line-height: 1.8;
}
.bottom-page{
	padding-top: 40px;
	margin-bottom: 40px;
}


.bottom-page li a{
	padding-top: 40px; list-style-type:none; display:inline;
	margin-bottom: 40px;
}

.bottom-page a,.bottom-page span{
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 0 5px 0 0;
	text-align: center;
	background: #ebebeb;
	color: #333;
	vertical-align: middle;
}
.bottom-page a.prev,.bottom-page a.next{
	width: 129px;
	height: 50px;
	line-height: 50px;
}
.bottom-page a.prev,.bottom-page a.prev:hover{
	background:url(../image/prev.gif);
	margin-right: 20px;
}
.bottom-page a.next,.bottom-page a.next:hover{
	background:url(../image/next.gif);
	margin-left: 20px;
}
.bottom-page span,.bottom-page a:hover{
	background: #0056b3;
	color: #fff;
}
.bottom-page a:hover{
	text-decoration: none;
}

/*faq*/
.faq-path{
	background: url(../image/faq-path.jpg) no-repeat center top;
}
.faq-item{
	padding: 30px 0 20px;
	border-bottom: 1px dotted #ddd;
}
.faq-q{
	margin-bottom: 15px;
	padding-left: 40px;
	background: url(../image/faq-q.png) no-repeat 5px 0 ;
}
.faq-q.hover{
	background: url(../image/faq-q-hov.png) no-repeat 5px 0 ;
}
.faq-q a{
	display: block;
	font-size: 19px;
	color: #333;
	margin-bottom: 10px;
}
.faq-q a:hover{
	color: #0056b3;
}
.faq-q span{
	font-size: 13px;
	color: #999;
}
.faq-a{
	padding-left: 40px;
	background: url(../image/faq-a.png) no-repeat 5px 0 ;
}

/*news*/
.news-path{
	background: url(../image/news-path.jpg) no-repeat center top;
}
.news{
	padding: 30px 0;
}
.news-item{
	padding: 30px 0;
}
.news-item-ti{
	width: 80px;
	color: #545454;
	line-height: 1.3;
	font-size: 15px;
	float: left;
	padding-top: 25px;
}
.news-item-ti span{
	color: #b9b9b9;
	font-weight: bold;
	font-size: 18px;
}
.news-item-img{
	float: left;
	margin-right:35px;
}
.news-item-img img{
	width: 194px;
	height: 194px;
}
.news-item-det{
	position: relative;
	overflow: hidden;
}
.news-item-det h3{
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-item-det h3 a{
	color: #333;
	font-size: 17px;
}
.news-item-det h3 a:hover{
	color: #0056b3;
}
.news-item-det p{
	color: #999;
	font-size: 14px;
	line-height: 1.8;
	 display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:4;
	overflow: hidden;
	margin: 20px 0;
}
.news-item-det a.more{
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}
.news-item-det a.more:hover{
	color: #0056b3;
}

/*news-page*/
.newsDet {
	color: #999;
}
.newsDet h2{
	font-size: 18px;
	margin: 40px 0 10px;
	color: #333;
	font-weight: normal;
}
.newsDet p{
	line-height: 2.0;
	font-size: 14px;
}
.newsDet p.time{
	color: #BFBFBF;
	font-size: 13px;
	margin-bottom: 30px;
}
.newsDet img{
	margin: 10px 0 20px;
}
.newsDet-a a{
	color: #666;
}
.newsDet-a strong{
	font-size: 15px;
	color: #0056b3;
}
.newsDet-a{
	margin: 40px 0;
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
}

/*product*/
.pro-path{
}
.product{
	background: none;
	margin: 0;
	padding: 0;
}
.product .filebox-top{
	margin-bottom: 45px;
}


/*product-page*/
.detail-productcon .protop-title{ border-bottom: 1px solid #ddd; font-size:20px; font-weight:bold; color:#333; line-height:50px; height:50px; margin-bottom:20px;}
.detail-productcon{ background:#fff; padding:0; margin:30px 0; padding-top:0;}
.detail-productcon .newsDet-a{border: none;margin: 0;}
.d-protop{ position:relative; overflow:hidden;}
.product-img-box{width: 600px;float:left;margin-right:28px;}
@media (max-width:767px) {
	.product-box,.news-box{ padding:15px 0;}
	.product-shop{ padding-top:20px;}
	.product-img-box{ float:none; text-align:center; margin:0 auto;}
	.left-contact .title{ padding-left:15px;}
}
.pro-bimg{width: 600px;height: 555px;background:#fff;}
.pre-pros{ width:40px; height:40px; position:absolute; background:url(../image/icon-r.png) no-repeat 0 -40px; top:50%; margin-top:-20px; left:0px; cursor:pointer; z-index:2;}
.next-pros{ width:40px; height:40px; position:absolute; background:url(../image/icon-r.png) no-repeat 0 0; top:50%; margin-top:-20px; right:0px; cursor:pointer; z-index:2;}
.bimg-pic{ vertical-align:middle; text-align:center; width:600px; height:450px; line-height:450px;}
.bimg-pic img{ vertical-align:middle;}
.bimg-pic img{ vertical-align:middle;}
.pro-imgslide{ margin-top:15px; height:50px; position:relative; overflow:hidden;}
.pro-imgslide ul{ height:auto; position:absolute;padding-left: 8px;}
.pro-imgslide ul li{ width:50px; height:50px; background:#fff; line-height:85px; float:left; margin-right:10px; border:1px solid #ddd; cursor:pointer;}
.pro-imgslide ul li:nth-last-child(1){ margin-right:0;}
.pro-imgslide ul li a{ display:table-cell; vertical-align:middle; margin:5px; border:1px solid #ececec;}
@media (max-width:479px) {
	.product-img-box{ width: 100%;height: 100%;}
	.pro-bimg{ width: 100%;height: 100%; }
	.bimg-pic{width: 100%;height: 100%;line-height: 100%;}
	.pro-imgslide ul li{ width:50px; height:50px; line-height:50px;}
	.pro-imgslide{ height:55px;}
}

.product-shop{ position:relative; overflow:hidden;}
.pros-name h1{margin-top:0px;line-height:28px;font-size: 17px;margin-bottom:20px;text-align: left;font-weight: bold;}
.pro-detaillist ul li{ line-height:30px; color:#999; font-size:14px;}
.pro-detaillist ul li span{ color:#666; padding-right:5px;}
.enjury-btn{margin: 0; text-align: center; vertical-align: middle;cursor: pointer; padding: 10px 45px;
font-size: 18px; border: none; display: inline-block; float: left; margin-right:15px;margin-top: 2px; background:#0056b3; color:#fff;font-weight: bold;}
.enjury-btn:hover{ color:#fff; text-decoration:none; background:#02b319;}
.pro-contact { line-height:55px; text-decoration: underline; font-weight:700;color: #0056b3;}
.pro-contact:hover {text-decoration: underline;color: #1a8cc0;}
.dinfo-body{ overflow:hidden;}
.dinfo-body img{ margin-bottom:20px;}
.dinfo-body p,.dinfo-body div{ font-size:13px; line-height:20px; margin-bottom:20px; color:#666;}
.dinfo-title{ line-height:20px;margin: 30px 0; text-align: left; font-size: 20px;border-bottom: 1px solid #e5e5e5;}
.dinfo-title span{display:block;background: #b1b1b1;width: 154px;height: 43px;line-height: 43px;text-align: center;font-size: 14px;font-weight: bold;color: #fff;}

.abou-dec .title{
	border-bottom: 1px solid #e5e5e5 ;
}
.abou-dec .title ul{
	margin: 0;
}
.abou-dec .title ul li{
	width: 146px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background: #ccc;
	font-size: 13px;
}
.abou-dec .title ul li.active{
	background: #0056b3;
}
.abou-dec .title ul li a{
	display: block;
	color: #fff;
}
.abou-dec .title ul li a:hover{
	text-decoration: none;
}

/*project*/
.project {
    padding: 20px 0;
}
.project .details {
    padding-right:6%;
}
.project .details .txt {
    width: 75%;
}
.project .details .txt a{
	left: 0;
	margin-left: 35px;
}
.project .details .img{
	max-width: 29%;
}
.project .det-right {
    padding-left: 6%;
    padding-right: 0;
    border-right: 5px solid #eaedf5;
	border-left: 0
}
.project .det-right:after{
    content: '';
    clear: both;
    display: block;
}
.project .det-right .txt {
    float: right;
}
.project .det-right .img {
    right:auto;
    left: 0
}
@media (max-width:767px ) {
	.mod18 .picBox {
       width: 100%!important;
       height: 100%!important;
       }
       .mod18 .listBox{
       width: 100%!important;
       height: 100%!important;
       margin-top: -91px!important;
       }

       .mod18 .listBox ul{margin-top:-56px!important;}
    .mod18 .picBox li {
    width: 334px!important;
    height: 222px!important;
}
.mod18 .cf a{
    width: 100%!important;
    height: 100%!important;
    }
.mod18 .picBox li img {
     width: 100%!important;
    height: 100%!important;
}
.mod18{
 width: 100%!important;
 height: 320px!important;
 }

.mod18 .picBox ul{height: 100%!important;position:absolute;}
	/*index*/
	.banner a.left, .banner a.right {
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    margin-top: -15px;
	    font-size: 25px;
	}
	.indexTit {
	    margin-bottom: 20px;
	    font-size: 20px;
	}
	.hotpro {
	    padding: 20px 15px 0;
	    margin: 0 auto;
	}
	.hotpro ul li {
	    margin-bottom: 10px;
	    width: 50%;
	}
	.profile {
	    padding-top: 25px;
	}
	.profile .txt {
	    padding: 20px 15px;
	    float: none;
	    width: 100%;
	}
	.profile .img {
	    float: none;
	    width: auto;
	    bottom: auto;
	    right: auto;
	    margin: 10px;
	}
	.case {
	    padding: 20px 15px 0;
	}
	.case .details {
	    padding: 0;
	    margin-bottom: 25px;
	}
	.case .details .txt {
	    width: 100%;
	    padding: 15px;
	}
	.case .details .txt p {
	    margin: 10px 0;
	}
	.case .details .txt h3{
	    margin-top: 0;
	}
	.case .details .img {
	    position: relative;
	    max-width: 100%;
	    top: auto;
	    margin: 30px 15px;
	    text-align: center;
	}
	.foot-out{
		padding: 10px 15px;
	}
	.foot-cont a img {
	    margin-bottom: 10px;
	}
	.foot-out h5 {
	    margin-top: 10px;
	    margin-bottom: 15px;
	}
	.bottom {
	    line-height: 2.0;
	    padding: 10px 0;
	}
	.bottom .pull-right{
	    float: left!important;
   		width: 100%;
	}

	/*about*/
	.content-mode {
	    margin: 0;
	}
	.filebox-item .title {
	    margin: 20px 0 0px;
	}
	.abou-dec .title ul li{
		width: 49%;
		margin-bottom: 5px;
	}
	.leftPro .content{
	    padding: 10px 0;
	}
	.leftPro .content ul li {
	    padding: 10px 0;
	    margin: 0;
	}

	/*contact*/
	.contact {
	    margin: 20px 0;
	    padding: 10px;
	}
	.cont-area {
	    background:none;
	}
	.abtEmail{
	    margin: 10px 0;
	    margin-bottom: 20px;
	    padding-bottom: 10px;
	}
	.abtEmail h3 {
	    margin: 0 0 0 15px;
	}
	.abtEmail .form-group {
	    margin: 10px 0;
	}

	/*download*/
	.newsLi-item {
	    padding: 15px 0;
	}
	.bottom-page {
	    padding-top: 20px;
	    margin-bottom: 20px;
	}
	.bottom-page a.prev, .bottom-page a.prev:hover{
		float: left;
		margin: 0;
	}
	.bottom-page a.next, .bottom-page a.next:hover {
	    float: right;
		margin: 0;
	}

	/*news*/
	.news {
	    padding: 10px 0;
	}
	.news-item-ti {
	    padding-top: 0;
	}
	.news-item {
	    padding: 10px 0;
	}
	.news-item-ti {
	    float: none;
	}
	.news-item-img {
	    margin-right: 15px;
	}
	.news-item-img img {
	    width: 100px;
	    height: 100px;
	}
	.news-item-det p{
		margin: 10px 0;
	}

	/*news-page*/
	.newsDet h2 {
	    margin:10px 0;
	}
	.newsDet p.time {
	    margin-bottom: 10px;
	}
	.newsDet-a {
	    margin: 20px 0;
	    padding-top: 20px;
	    line-height: 2.0;
	}
	.newsDet-a >* {
	    float: none!important;
	}

	/*product*/
	.product{
		padding: 0;
		margin: 0;
	}
	.product .filebox-top {
	    margin-bottom: 15px;
	}
	/*product-page*/
	.abou-dec .title ul li{
		width: 49%;
		margin-bottom: 5px;
	}

	/*project*/
	.project {
	    padding: 20px 0;
	}
	.project .det-right .txt {
	    float:none;
	}
	.project .details .txt a {
	    left: 50%;
	    margin-left: -67px;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	/*index*/
	.foot-out .code {
	    float: none!important;
	}
	.bottom .pull-right,.bottom .pull-left{
	    float: none!important;
	}
}
@media (max-width: 1199px) and (min-width: 992px) {
	/*index*/
	.head ul li a {
	    padding: 0;
	}
}

.page-grid{ background:#fff;}

.main-cnt .main-title {

	height: 32px;

	line-height: 32px;

	padding: 0 15px;

	border: 1px solid #eee;

	border-bottom: 0

}



.main-cnt .main-title .h2 {

	font-size: 16px

}



.main-cnt {

	overflow: hidden;

	zoom: 1

}



.main-cnt .main-col {

	float: left;

}



.main-cnt .sider-col {

	float: left;

	background: #fafafa;

	border-left: 1px solid #eee;

}



.main-cnt .slide-list {

	width: 120px;

	margin: 0px auto;

	text-align: center

}



.main-cnt .slide-list .arrow a {

	color: #666;

	margin: 0 10px;



}

.arrow a i{ cursor:pointer;}

.top-arrow a i{ width:40px; height:40px; display:inline-block; background-image:url(/style/images/large.png); background-repeat:no-repeat; background-position:0 0; }

.top-arrow a:hover i{ background-position:-40px 0;}

.arrow a.disable i{ background:none;}



.bottom-arrow a i{ width:40px; height:40px; display:inline-block; background-image:url(/style/images/large.png); background-repeat:no-repeat; background-position:0 -40px; }

.bottom-arrow a:hover i{ background-position:-40px -40px;}

.main-cnt .slide-list .arrow .disable,.main-cnt .slide-list .arrow .disable:hover {

	color: #ddd;

	cursor: default

}



.main-cnt .slide-list .pic,.main-cnt .slide-list .no-pic {

	width: 102px;

	height: 102px;

	border: 1px solid #eee;

	margin: 0 auto;

	background: #fff

}

.slide-list .pic{ cursor:pointer;}

.slide-list .pic:hover{ border:1px solid #ccc;}

.main-cnt .slide-list .no-pic {

	line-height: 100px;

	text-align: center

}

.item .pic img{ max-height:100%; max-width:100%;}

.main-cnt .slide-list .name {

	line-height: 16px;

	height: 32px;

	overflow: hidden;

	margin-top: 5px

}



.main-cnt .slide-list .icon {

	font-size: 30px;

	margin: 0;

	line-height: 1

}



.main-cnt .slide-list .slide-wrap {

	overflow: hidden;

	position: relative;

	height: 414px

}



.main-cnt .slide-list .slide-cnt li {

	margin-bottom: 15px

}



.main-cnt .slide-list .selected .pic,.main-cnt .slide-list .selected .no-pic {

	border-color: #ccc

}



.main-cnt .slide-list .slide-cnt .hvalign {

	width: 100px;

	height: 100px

}



.custom-detail-wrap .custom-title {

	text-align: center;

	font-size: 16px;

	margin-bottom: 10px

}

/*.custom-detail-wrap .custom-pic img{ max-width:640px;}*/

.custom-detail-wrap .custom-pic {

	overflow: hidden;

	margin-bottom: 20px;

	text-align: center

}

.hvalign-cnt {

    display: table-cell;

    vertical-align: middle;

}

.hvalign {

    display: table;

    text-align: center;

    overflow: hidden;

    background: #fff;

    width: 160px;

    height: 160px;

}

.slide-second-out{ clear: both;position: relative;}
.slide-second{ overflow:hidden; width:100%; position:relative;}

.slide-second ul li{ float:left; display:inline; padding:0 10px; display:table; vertical-align:middle; text-align:center; cursor:pointer;}

.slide-second ul li img{ max-width:100%; max-height:100%;}

.slide-second ul{ height:auto; overflow:hidden; position:absolute; z-index:10;}

.s-pre,.s-next{ width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; cursor:pointer; z-index:11;}

.s-pre{ left:-25px; background:url(../image/icon-r.png) no-repeat 0 -40px;}

.s-next{ right:-25px; background:url(../image/icon-r.png) no-repeat 0 0;}

.slide-second ul li .hvaligns{ width:100%; height:100%; display:table-cell; vertical-align:middle;}


/** 分页 **/
.bottom-page span, .bottom-page a:hover {
    background: #0056b3;
    color: #fff;
}
.bottom-page a, .bottom-page span {
    display: inline-block;
    width: 63px;
    height: 35px;
    line-height: 35px;
    margin: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
}


/** 下载 **/
.download-item{margin-bottom:15px;}
.download-item-ico {
    width: 80px;
    color: #545454;
    line-height: 1.3;
    font-size: 15px;
    float: left;
    padding-top: 25px;
}

.download-item-title {
    float: left;
    margin-right: 35px;
}

.topSocial .fa{ font-size:18px;}
.topSocial .fa-facebook{
	color:#436DA7;
}
.topSocial .fa-twitter{
	color:#00A8F1
}
.topSocial .fa-linkedin{
	color:#0079B6
}
.topSocial .fa-youtube-play{
	color:red
}
.topSocial .fa-google-plus{
	color:#E0483B
}


.pagination {
	padding-top: 10px;
	text-align:center;
	line-height:20px;
}
.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center; 
}
.pagination li{
	list-style-type: none;
	display: inline;
	padding: 2px;
}
.pagination a, .pagination a:visited{
	padding:3px 5px 0 5px;
	border: 1px solid #D8E8F8;
	text-decoration: none; 
	color: #0066cc;
}
.pagination a:hover, .pagination a:active{
	border: 1px solid #0033cc;
	color: #000;
	background-color: #D5E6F8;
}
.pagination li.currentpage{
	font-weight: bold;
	padding: 0 5px;
	border: 1px solid navy;
	background-color: #2e6ab1;
	color: #FFF;
}
.pagination li.disablepage{
	padding: 0 5px;
	border: 1px solid #929292;
	color: #929292;
}
.pagination li.nextpage{
	font-weight: bold;
}



.tab-content  img{border-width: 4px;
 border-style: solid;
 margin: 2px;
}