@charset "utf-8";
body {margin: 0px auto; background:#efefef;}
html, body, td, th {font-family:"microsoft yahei";}
a:focus,input,textarea{outline: none; }
a:hover,a:focus{ text-decoration:none;}
ul{ margin: 0px; padding: 0px; list-style: none;}

.container {
  width: 1200px;
  padding-left:0px; padding-right:0px;
  max-width: none !important;
}
.w1200{ width:1200px; margin:0px auto;}
	.w1200 .col-xs-6,.w1200 .col-xs-12{ padding:0px;}
.header{ background:#e4e4e4; height:116px; padding-top:35px;}
	.tel{ color:#334478; font-size:18px; padding-left:10px;}
.nav{ background:#ffffff;}
	.navs li{ float:left; }
	.navs li a{ padding-top:30px; padding-bottom:30px; display:block; width:150px; text-align:center; color:#000; background:url(/uploads/image/eimages/ico-dot.jpg) no-repeat left center;}
	.navs li:first-child a{ background:none;}
	.navs .active a,.navs li a:hover{ color:#334478;}
	.navs .active { background:url(/uploads/image/eimages/ico-san.png) no-repeat center 30px;}
	.navs li:hover{background:url(/uploads/image/eimages/ico-san.png) no-repeat center 30px;}
.bread .pull-right { padding-top:30px; padding-bottom:30px;}
.bread .pull-right span{ color:#999; font-size:13px;}
	.bread .pull-right a{ color:#444; font-size:13px;}
	.fa-angle-down{ background:#334478; color:#fff; font-size:12px; font-weight:100; border-radius:200px; padding:0px 2px;}

main{ padding-top:60px; border-radius:50px; background:#fff; padding-bottom:50px;}
	.pro1{ padding-left:40px;}
	.pro1 span{ color:#999; font-size:12px; text-transform:uppercase;}
	.pro1 h1{ font-size:27px; margin-top:0px;}
	.ico-nengliang{ background:url(/uploads/image/eimages/ico.png) no-repeat 0px 3px; width:19px; height:22px; display:block; float:left; margin-right:10px;}
	.pro2{ color:#334478; font-size:16px; padding-top:25px; display:block;width:25%}
	.ui-button .ui-icon {
	background-image: ;
	}
	.ui-state-hover .ui-icon,
	.ui-state-focus .ui-icon,
	.ui-button:hover .ui-icon,
	.ui-button:focus .ui-icon {
		background-image: ;
	}
	.ui-selectmenu-button.ui-button {
		text-align: left;
		white-space: nowrap; margin-left:10px; float:left;
	}
	.ui-button{ padding-top:20px; padding-bottom:20px; background:#fff; color:#999; font-size:12px; border-radius:10px;}
	a.btn-search{padding-top:17px; padding-bottom:17px; background:#334478; font-size:16px; display:block; border-radius:10px; color:#fff; padding-left:60px; padding-right:60px; margin-left:10px;}
	.pro3{ padding-right:50px;width:48%}
	.nav1 li{ clear:both;}
		.nav1 li a{ font-size:16px; color:#222;}
	.ico-diangong{ background:url(/uploads/image/eimages/ico.png) no-repeat 0px -27px; width:19px; height:22px; display:block; float:left; margin-right:10px;}
	.ico-chuanyong{ background:url(/uploads/image/eimages/ico.png) no-repeat 0px -55px; width:19px; height:22px; display:block; float:left; margin-right:10px;}
	.ico-hugan{ background:url(/uploads/image/eimages/ico.png) no-repeat 0px -83px; width:19px; height:22px; display:block; float:left; margin-right:10px;}
	.active .ico{ background-position-x:-30px;}
	.nav1 { margin-left:40px;}
	.nav1 > li{ margin-top:30px; margin-bottom:30px;}
	.nav1 > li.active > a{ color:#334478;}
		.nav2 > li { margin-top:10px; margin-bottom:10px;}
		.nav2 > li > a { font-size:14px; margin-left:30px;}
			.nav3{ margin-top:10px;}
			.nav3 > li > a{ font-size:12px; margin-left:40px;}
			.nav3 > li.active > a{ color:#334478;}
			.nav2{ display:none;}
			.nav1 .active .nav2{ display:block}
	.news-left { border-top:#efefef 1px solid; padding:30px 40px; padding-right:10px; margin-top:30px;}
	.news-left li a{ color:#666; font-size:12px; line-height:30px;}
	.contat{ background:#efefef; padding:20px; margin:10px; border-radius:10px; margin-left:10px;}
	
	.picture{ padding:10px; background:#f5f5f5; width:355px; display:block; border-radius:6px; float:left; height:430px; margin-bottom:60px;}
	.picture .pic-left{ border:#ebebeb 1px solid; border-radius:5px; text-align:center;}
	.picture .pic-left img{ border-radius:5px;}
	.picture .pic-right{ padding-left:40px; display:block; float:left;}
		.picture .pic-right .suolvtu a{border:#ebebeb 1px solid; width:60px; height:60px; display:block; float:left; display:block; margin-right:1px;}
	.border-left{ border-left:#efefef 1px solid; padding:50px;}
	.border-left .list{width:100%; float:left}
	.detail-title{ padding:40px; display:block; float:left; width:410px; padding-right:0px;}
	.detail-title p{ color:#666; font-size:12px; line-height:30px; margin-top:30px;}
	.detail-title h4{ font-size:20px;}
	.explain{ clear:both; display:block;}
	.explain h4{ margin-top:60px;font-size:20px;}
	.explain p{ font-size:13px; line-height:24px; padding-lef:20px;}

	
	.related-products{ border-radius:6px; margin-top:50px;}
		.reaated-title{ height:55px;}
		.reaated-title h4{ font-size:20px;}
	.owl-carousel{ background:#fff; border-radius:6px; padding-bottom:50px; padding-top:50px;}
	.owl-carousel a{ text-align:center; font-size:12px; color:#666;}
	#owl-demo ,#owl-demo2{
    width: 820px;
    margin-left: auto;
    margin-right: auto;
	 clear:both;
	}
	#owl-demo .item ,#owl-demo2 .item {
		border:#fff 1px solid;
		display: block;
		margin: 20px;
		padding:20px;
		border-radius:10px;
	}
	#owl-demo .item:hover,#owl-demo2 .item:hover {
		border:#efefef 1px solid;
		border-radius:10px; color:#334478;
	}
	#owl-demo img,#owl-demo2 img {
		display: block;
		width: 100%;
	}
	.owl-carousel .owl-controls{ position:absolute; z-index:10; top:-60px; right:0px;}
	.owl-carousel .owl-controls .owl-buttons .owl-prev,.owl-carousel .owl-controls .owl-buttons div{ width:30px; height:30px; border-radius:200px; background:#334478; float:left; display:block; line-height:30px; text-align:center; margin-left:10px; color:#fff;}
	.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,.owl-carousel .owl-controls .owl-buttons div:hover{ background:#05376c;}
	.shang a{ font-size:14px; color:#767676; margin-right:60px;}
	.shang a .fa{ color:#334376;}
	
.bottom{ background:#334376; padding:50px 0px; margin-top:120px;}
.bottom2{ color:#fff; font-size:14px;}
	.wenxin a{ font-size:13px; color:#fff; margin-left:30px;}
	.wenxin a .fa{ font-size:30px; margin-right:10px;}
footer{ width:1200px; margin:0px auto; font-size:12px; color:#999; text-align:center; height:76px; line-height:76px; text-transform:uppercase;}
.gjz{ width:150px; height:58px; border:rgb(169, 169, 169) 1px solid; border-radius:10px; margin-left:10px; padding-left:10px; font-size:13px;}
.list li{ width:32%; text-align:center; height:250px; border:#fff 1px solid; border-radius:10px; padding:30px; float:left; margin:5px;}
.list li:hover{border:#efefef 1px solid;background:#334478; }
	.list li a{ display:block; font-size:12px; margin-bottom:20px; color:#666;}
	.list li a:hover,.list li:hover a{ color:#fff;}
	.pagination-lg{ margin-left:50px;}
	.pagination-lg li a{ font-size:13px; color:#222;}
	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#334478; border-color:#334478;}
	.pagination-lg > li > a, .pagination-lg > li > span{padding: 15px 20px;}
	

/*index*/
.four{ background:#fff url(/uploads/image/eimages/ico-line.gif) repeat-x 0px 125px; padding-top:50px; padding-bottom:80px;}
.four .ui-tabs .ui-tabs-nav{ margin:0px auto; display:block;}
.four .ui-tabs .ui-tabs-nav li{ float:left; margin:0px 70px;}
.four .ui-state-default a{ border-radius:200px; width:160px; height:160px; padding-top:90px; border:#ebebeb 1px solid; display:block; font-size:20px; color:#666; text-align:center; overflow:hidden;}
.four .ui-state-default a img{ margin-bottom:10px;}
.four .ui-tabs .ui-tabs-panel{ clear:both; text-align:center; padding-top:30px; color:#666; font-size:12px; line-height:22px;}
	.four .ui-tabs .ui-tabs-panel img{ margin-top:40px;}
	.four .ui-state-active a{ background:#334478; border:#334478 1px solid; color:#fff;}
	.four .img1{ background:#fff url(/uploads/image/eimages/ico-1.png) no-repeat center 30px;}
	.four .ui-state-active .img1{background:#334478 url(/uploads/image/eimages/ico-11.png) no-repeat center 30px;}
	.four .img2{ background:#fff url(/uploads/image/eimages/ico-2.png) no-repeat center 30px;}
	.four .ui-state-active .img2{background:#334478 url(/uploads/image/eimages/ico-22.png) no-repeat center 30px;}
	.four .img3{ background:#fff url(/uploads/image/eimages/ico-3.png) no-repeat center 30px;}
	.four .ui-state-active .img3{background:#334478 url(/uploads/image/eimages/ico-33.png) no-repeat center 30px;}
	.four .img4{ background:#fff url(/uploads/image/eimages/ico-4.png) no-repeat center 30px;}
	.four .ui-state-active .img4{background:#334478 url(/uploads/image/eimages/ico-44.png) no-repeat center 30px;}

.solution{ clear:both; background:#fff; padding-top:60px; padding-bottom:90px;}
.solution .ui-tabs .ui-tabs-nav { width:200px; display:block; height:30px; float:right; margin-top:-35px;}
.solution .ui-state-default a{ width:25px; height:25px; border:#d3d3d3 1px solid; display:block; border-radius:200px;}
	.solution .media { border:#ebebeb 1px solid; width:50%; margin-top:80px; border-radius:10px; float:left;}
	.solution .media .media-heading { margin-bottom:20px; height:38px}
	.solution .media .media-heading a{ font-size:16px; color:#222;}
	.solution .media .media-body{ padding:30px;}
	.solution .media .media-body p{ font-size:12px; color:#666;}
	.solution .ui-tabs .ui-tabs-nav li{ float:left; margin-right:10px;}
	.solution .ui-state-active a{background:#334478; border:#334478 1px solid;}
	
.case{ clear:both; padding-top:40px; padding-bottom:40px;}
	.case h3{ font-size:26px; color:#334376;}
.case .ui-tabs .ui-tabs-nav { width:200px; display:block; height:30px; float:right; margin-top:-35px;}
.case .ui-state-default a{ width:25px; height:25px; border:#d3d3d3 1px solid; display:block; border-radius:200px; background:#fff;}
	.case .media { border:#ebebeb 1px solid; width:50%; margin-top:80px; border-radius:10px; float:left;}
	.case .media .media-heading { margin-bottom:20px;}
	.case .media .media-heading a{ font-size:16px; color:#222;}
	.case .media .media-body{ padding:30px;}
	.case .media .media-body p{ font-size:12px; color:#666;}
	.case .ui-tabs .ui-tabs-nav li{ float:left; margin-right:10px;}
	.case .ui-state-active a{background:#334478; border:#334478 1px solid;}
	.project { padding-top:30px;}
	.project li { float:left; margin:0px 30px;}
	.project li a{ width:140px; height:140px; background:#fff; display:block; text-align:center; line-height:140px; overflow:hidden; border-radius:200px;}
	.project li a:hover{ background:#334376;}
	.project li p{ font-size:13px; color:#666; text-align:center; padding-top:15px;}
	
.introduction{clear:both; background:#fff; padding-top:70px; padding-bottom:70px;}
	.introduction .media{ margin-top:50px;}
	.introduction .media .media-body{ padding:0px 60px;}
	.introduction .media .media-body h4{ color:#222; font-size:16px;}
	.introduction .media .media-body p{ font-size:12px; color:#666; margin-top:20px;}

.news{clear:both; background:#fff; padding-top:80px; padding-bottom:80px; margin-bottom:-120px;}
#owl-img{ width:620px; position:relative; margin-left:40px;}
	#owl-img .owl-prev{ position:absolute; left:-680px; top:150px; font-size:50px; background:none; color:#334376; font-weight:bold;}
	#owl-img .owl-next{position:absolute; left:-30px; top:150px;font-size:50px; background:none; color:#334376;font-weight:bold;}
	
#owl-news .owl-controls .owl-page span,#owl-news2 .owl-controls .owl-page span {
    display: block;
    width: 20px;
    height: 20px;
    margin: 5px 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
	border:#cccccc 1px solid;
	float:left;
	background:#fff;
}
#owl-news .owl-controls .active span,#owl-news2 .owl-controls .active span{ background:#334376; border:#334376 1px solid;}
#owl-news .owl-controls,#owl-news2 .owl-controls{ top:335px; right:20px;}
#owl-news .owl-controls .owl-page,#owl-news2 .owl-controls .owl-page{ float:left;}
.owl-news-title{ height:80px; background:#fff; border:#ebebeb 1px solid; border-top:none; line-height:80px; padding-left:30px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
	.owl-news-title a{ font-size:14px;}
#owl-news img,#owl-news2 img{ border-top-left-radius:10px; border-top-right-radius:10px;}
.news .news-box{ padding-left:60px; padding-top:40px;}
	.news .news-box h4 a{ color:#334478;}
	.news .news-box h4 p{ font-size:12px;}
	.news .news-box ul{ margin-top:40px;}
	.news .news-box ul li { font-size:12px; margin-top:18px; margin-bottom:18px;}
	.news .news-box ul li a{ font-size:12px; color:#666;}
	.news .news-box ul li span{ float:right;}
	
	.news .nav-tabs{ border:none}
	.news .nav-tabs > li > a{ width:596px; border:#efefef 1px solid; padding-top:40px; padding-bottom:40px; font-size:20px; color:#666; text-align:center; border-radius:10px;}
	.news .nav-tabs > li.active > a{ width:600px; background:#efefef; color:#334478;}
	
.present{ background:url(/uploads/image/eimages/banner.jpg) no-repeat; height:700px;}
.pre1{ padding-top:90px; color:#fff;}
	.pre1 h4{ font-size:21px;}
	.pre1 h4 a{ color:#fff;}
	.pre1 p{ color:#a0aedc; font-size:12px; margin-bottom:65px;}
.pre2{ background:url(/uploads/image/eimages/bg-center.png) no-repeat center 120px; height:700px;}
	.pre3{ padding-top:90px; color:#fff;}
	.pre3 h4{ font-size:21px;}
	.pre3 p{ color:#a0aedc; font-size:12px; margin-bottom:65px;}
	.pre3 h4 a{ color:#fff;}
.pre2{ text-align:center; line-height:700px;}


.navs{ position:relative;}
	    .floatm{ position:absolute; z-index:2000; background:#fff; top:80px; left:250px; padding:30px 10px; display:none; min-width:700px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;box-shadow:0px 2px 5px #b7b5b5;background: linear-gradient(to bottom, #fff 50%,#f5f5f5 100%);}
		.floatm .floating-menu { float:left; display:block; width:196px; margin-right:15px;}
		.floatm .floating-menu a{ padding:0px; margin:0px; height:auto; line-height:24px; display:block; text-align:center; font-size:12px; background:none;}
		.floatm .floating-menu dt a{ font-size:16px; font-weight:500;line-height:normal;padding:0px; margin:0px; height:auto; width:196px; color:#033773;display:block; margin-bottom:5px;}
			.floatm .floating-menu dt a:hover{ background:none; text-decoration:underline;}
		.floatm .floating-menu dd a{ font-size:14px; font-weight:500; color:#666;display:block;width:196px; }
			.floatm .floating-menu dd a:hover{ background:none; text-decoration:underline;}
		.nav li .floati{ clear:both; width:100%;}
		.nav li .floati a{ font-size:12px; line-height:24px; float:left; height:inherit; margin-right:10px; display:block; width:auto; text-align:left;}
			.nav li .floati a:hover{ background:none; color:#666;}
			
/* 横向滚动
------------------------------ */
.scroll_horizontal{position:relative;width:660px; margin-top:50px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:580px;height:120px;margin:0 auto;}
.scroll_horizontal .list2{overflow:hidden;width:9999px;}
.scroll_horizontal .list2 li{float:left;width:210px;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(/uploads/image/eimages/control.png);background-repeat:no-repeat;font:0/0 arial;cursor:pointer;}
.scroll_horizontal .prev{left:-10px;background-position:0 0;}
.scroll_horizontal .next{right:-10px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}