﻿.fl{ float: left; }
.fr{ float: right; }
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}


ul.core-list a {text-align:center;}
.warp,.nav li a,.more,a,.tiems,.news-btn,.imgBox img,.sw li a img,.select-box li,.listImg img,.more-btn,.boardImg img,.photos a img,.photos a:hover .phototxt,.photos a:hover .bj,.coreimg img,.dltxt,.subbtn,.pos,.owl-next, .owl-prev,.header,.logo ,.logo img,.nav li,.fn-top,.slide-b li,.nav__trigger{ transition: all 0.3s ease 0s; }

.otem_item{ background:url(../images/title_bg.jpg) no-repeat left center; height:26px; font-size:18px; color:#ff4401; text-align:center; line-height:26px; margin:40px 0;}
.item_img{ position:relative; width:168px; margin-left:90px;}
.item_bg{ position:absolute; left:0; top:0;}
.item_title{ width:94px; height:102px; background:url(../images/item_text.jpg) no-repeat; /*line-height:102px;*/ text-align:center; font-size:14px; color:#fff; font-weight:normal; margin:0 auto; margin-top:-4px;}
.item_img .item_title a{ color:#fff;}
.item1 p{ font-size:14px; line-height:24px;    margin-left: 40px;
    padding-top: 10px;
}}
.item_title a{ color:#fff;}
.item1{ float:left; margin-left:52px; }
.about_img{ float:left; height:311px;}
.about_img{ padding:0px 36px 0px; background:#fff;}
.about_text{ float:left; width:604px;}
.about_box{ background:url(../images/about_bg.jpg) repeat-x;}
.about_text h3{ margin:30px 10px 10px 30px; color:#da2025;}
.about_text h3 img{ margin-right:20px;}
.about_text p{ font-size:14px; color:##666363; line-height:28px; margin-left:28px; position:relative;}
.more{ position:absolute; bottom:0px; right:0; }
.about_text  p  .more{ color:#dd070f;}
.about_img_1{ float:left; margin-left:24px; margin-top:38px;}
.about_imgs .frist{ margin-left:0;}
.case_img{ height:263px;}
.case_1{ float:left; margin-left:28px;_margin-left:0px;}
.case_1 h3{ width:278px; height:80px; background:#ff9000; text-align:center; line-height:80px;  font-size:20px; font-weight:normal; position:relative;} 
.case_1 h3 a{ color:#fff;}
.case_more{ width:40px; height:39px; position:absolute; left:120px; top:50px;*top:60px;}
.page{ width:383px; margin:56px auto;}
.page a{ display:block; float:left; color:#fff; width:21px; height:21px; background:#9c9c9c; text-align:center; line-height:21px; margin:0 3px;}
.page a:hover{ background:#ff9000;}
.page  .page_turn{ width:84px; height:21px; line-height:21px; background:#ff9000; color:#fff; margin:0 20px;}
.news_con{ width:350px; text-align:center; float:left; margin-left:75px; *height: 458px;}
.news_title{ background:url(../images/news_title_bg.jpg) no-repeat; width:350px; height:84px; text-align:center; }
.news_title h3{ font-size:16px; color:#202020; font-weight:bold; height:30px; line-height:30px; padding-top:26px;}
.news_title p{ color:#b6b6b6;/* font-weight:bold;*/}
.news_list{ text-align:left; padding:12px 10px; background:url(../images/news_li_bg.jpg) no-repeat left center; padding-left:20px;}
.news_list li{ height:36px; line-height:36px; background:url(../images/spot.jpg) 15px center no-repeat; padding-left:25px;}
.news_list .news_more{ margin-bottom:20px; height: 26px;line-height: 26px;background:none;padding-left: 0px; margin-top:20px;}
.news_list .news_more a{ background:#0165b0; color:#fff;  display:block; width:152px; height:26px; margin:0 auto; line-height:26px; text-align:center;}
.news_more a:hover{  background:#ff9002; color:#fff;}
.news_box{ background:url(../images/new_bg.jpg) 0  84px repeat-x;}
.first{ margin-left:0; }
.knowledge_title{ margin-top:50px; background:url(../images/title_2_bg.jpg) no-repeat 260px 10px;}
.knowledge_title h3{ float:left; font-size:30px; height:60px; line-height:60px; font-weight:normal; margin-right:10px; color:#000;}
.know_text{ float:left; margin-top:8px;}
know_text p{ margin-top:8px;}
.know_en{ font-size:16px; color:#ff9000;}
.know_box{ margin-top:30px;}
.know_left{ width:427px; float:left;}
.know_left h3{ font-size:16px; font-weight:normal; margin:15px 0;}
.know_left p{ width:400px; margin:10px 0; line-height:28px; color:#4a4a4a; font-size:14px;}
.know_more{ padding:5px 10px; border:1px solid #d7d7d7; width:100px; text-align:center; margin:20px 50px;} 
.know_right{ float:left; padding-left:30px; }
.know_date{ width:69px; height:66px; background:#ff9000; text-align:center; color:#fff; float:left; margin-right:25px;}
.know_date h3{ font-size:28px; border-bottom:1px solid #fff; margin:0 8px; padding:2px; font-weight:normal;}
.know_date h4{ font-size:12px; margin:0 8px; padding:2px; font-weight:normal;}
.know_text_box h3{ font-size:14px; color:#202020; margin-bottom:8px; font-weight:normal;}
.know_text_box p{ line-height:22px; color:#656565;}
.know_text_box{ float:left; width:560px;}
.know_list{ margin-bottom:32px;}
.sub_title{ background:#0165b0; color:#fff ; height:34px; width:108px; line-height:34px; text-align:center; font-size:14px; margin-left:20px;}
.service{ float:left;}
.service h3{ font-size:16px; margin:10px 0;}
.service p{ height:24px; line-height:24px;}
.service1{ margin-left:120px; _margin-left:0px; }
.case_a_text{height: 72px;
margin: 0px auto;
padding: 45px 0px;
width: 80px;
/*vertical-align: middle;
display: table-cell;*/}

/*焦点图*/
.focus{ position:relative; width:559px; height:339px; background-color: #000;/* float: left;*/}  
.focus img{ width: 559px; height: 339px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{/* position:absolute; left:0px; top:0px; */ position:relative;}  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; /*text-align:center;*/ z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#035fa4;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  


.core-box{ padding-bottom:70px;}
.core-list li{float: left; width: 238px; margin: 0 5px 20px;}
.coreimg{ display: block; height: 169px; overflow: hidden;}
.core-h3{ font-size: 14px; padding-top: 14px; text-align: center;}
.business,.core-box,.news-box,.about-box{ padding: 50px 0 50px;}
.news-box{ background: #f9f9f9;}
.core-box{ background: #fff;}
.warp{ width: 1280px; margin: auto;transition: all 0.3s ease 0s;}
.warp h2{text-align: center; margin-bottom: 60px;}
.product-show{ position: relative;}
.owl-next, .owl-prev { position: absolute; top: 38%; width: 35px; height: 35px; background: url(../images/pic_36.png) no-repeat 0 0; text-indent: -9999px; display: none; }
.owl-next {  right: -62px; background-image: url(../images/pic_33.png); }
.owl-prev {left: -62px; }
.owl-next:hover{ background-image:url(../images/pic_36_05.png);}
.owl-prev:hover{ background-image:url(../images/pic_33_03.png);}

.sw{ width: 1199px; margin: auto;}
.sw li{ float: left; width: 279px; margin: 0 10px;}
.sw li a{ display: block; overflow: hidden;}
.sw li a img{ width: 100%; height: 200px;}
.sw li a:hover img,.listImg:hover img,.boardImg:hover img,.photos a:hover img,.coreimg:hover img{ -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);}

.sw li h3{ text-align: center; font-size: 14px; padding-top: 20px;}

.newsItem{width: 626px;}
.newsItem h3{ font-size: 18px; padding-bottom: 14px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
.newslist li{ margin-bottom: 15px;}
.tiems{ width: 65px; height: 58px; background: #fff;text-align: center; color: #878787; font-size: 12px; padding-top: 7px;}
.newslist li:hover .tiems,.news-list li:hover .tiems,.news-btn:hover{ background: #125e9a; color: #fff;}
.tiems span{ font-size: 30px;}
.newslis-text{ width: 545px;}
.newslis-text h4{margin: 14px 0;}
.newslis-text h4 a{ font-size: 14px; }
.newslis-text p{ font-size: 12px; color: #707070;}
.news-more{ text-align: center; padding-top: 15px;}
.news-btn{ display: inline-block; width:98px; height: 28px; line-height: 28px; border: 1px solid #125e9a; border-radius: 15px; font-size: 14px; color: #125e9a;}

.footLogo{ margin: 60px 0 0 15px;}
.footContact{ width: 600px; padding-top: 60px;}
.foot-item{ float: left; line-height: 30px; margin-left: 45px; margin-bottom: 25px; padding-left: 43px; font-size: 12px; background: url(../images/ioc.png) no-repeat 0 0;}
.fitem1{ width: 241px;}
.foot-item:nth-child(2){ background-position: 0 -171px;}
.foot-item:nth-child(3){ background-position: 0 -111px;}
.foot-item:nth-child(4){ background-position: 0 -56px;}
.world{ margin-top: 28px; margin-right: 40px;}
.wx{ margin-top: 15px; text-align: center;}
.wx p{ padding-top: 8px; font-size: 14px;}
p.about{font-size: 14px;text-align: center;line-height: 36px;color: #5b5b5b;}
.m6 ul{margin-top: 13px;}
.m6 ul li{float: left;margin: 0 6px;width:196px;}
.m6 ul li .pic img{vertical-align: top;border:1px solid #dadada;}
.m6 ul li p{color:#262626;line-height: 20px;margin-top:10px;font-size:16px;background-color:#ddd;height:50px;text-align:center;padding:5px;}

.banner_content {position: relative; margin-top: 50px; height: 220px;}
.main{ padding-top: 25px;font:14px/1.2 "\5FAE\8F6F\96C5\9ED1",arial,'Microsoft YaHei'; color:#333;}

.mainleft{ width: 240px;}
.mainleft h3{ padding-bottom: 28px; margin-bottom: 35px; border-bottom: 1px solid #f4f4f4; font-size: 18px;}
.mainleft h3 img{ margin-bottom: 5px;}
.select-box li{ width: 238px; height: 48px; border:1px solid #f4f4f4; position: relative;}
.select-box li a{display:block; text-align: center; line-height: 48px;}
.select-i{ position: absolute; top: 24px; left: 20px; width: 8px; height: 2px; background: #a5a5a5;}
.select-box .selectshow,.select-box li:hover{ border: 1px solid #125e9a; background: #125e9a;}
.selectshow a,.select-box li:hover a{ color: #fff!important;}
.selectshow .select-i,.select-box li:hover .select-i{ background: #fff;}


.mainright{ width: 1010px;}
.mainhead{padding-left: 24px; padding-bottom: 23px; margin-top: 3px; border-bottom: 2px solid #1e669f; background: url(../images/ioc1_05.jpg) no-repeat 0 0;}
.mainList,.mainarticle{ padding: 35px 0 55px; min-height: 400px;}
.articleFh{float:right; margin-top:30px;}
.listul li{ padding-bottom: 20px; border-bottom: 1px solid #ececec; margin-bottom: 20px;}
.listul li:nth-child(6){ border: none;}
.listImg{ width: 200px; height: 120px; overflow: hidden;}
.listTxt{ width: 790px;}
.listTxt h3{ font-size: 16px;}
.listTxt p{ font-size: 14px; color: #666666; line-height:28px; padding: 12px 0 16px;}
.more-btn,.listfyshow{ color: #125e9a;}
.more-btn:hover{ color: #666666;}
.listfy{ text-align: center; margin-top: 40px;}
.listfy a{ display: inline-block; padding:6px 10px; margin-right: 2px; border: 1px solid #ececec; font-size: 14px;}
.listfy a:hover,.listfy .listfyshow{ border:1px solid #fff;}

.news-list li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom:1px solid #ececec;}
.news-list li:nth-child(6){ border: none;}
.news-list .tiems{ background: #f9f9f9;}
.news-list .newslis-text{ width: 930px;}
.newsshow .tiems{background: #125e9a; color: #fff;}

.news-box{ background: #f9f9f9;}
.newsItem{width: 626px;}
.newsItem h3{ font-size: 18px; padding-bottom: 14px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
.newslist li{ margin-bottom: 15px;}
.tiems{ width: 65px; height: 58px; background: #fff;text-align: center; color: #878787; font-size: 12px; padding-top: 7px;}
.newslist li:hover .tiems,.news-list li:hover .tiems,.news-btn:hover{ background: #125e9a; color: #fff;}
.tiems span{ font-size: 30px;}
.newslis-text{ width: 545px;}
.newslis-text h4{margin: 14px 0;}
.newslis-text h4 a{ font-size: 14px; }
.newslis-text p{ font-size: 12px; color: #707070;}
.news-more{ text-align: center; padding-top: 15px;}
.news-btn{ display: inline-block; width:98px; height: 28px; line-height: 28px; border: 1px solid #125e9a; border-radius: 15px; font-size: 14px; color: #125e9a;}

.articlehead{ text-align: center; border-bottom: 1px solid #ececec;margin-bottom:10px;}
.articlehead h3{ font-size: 18px;}
.articlehead p{ font-size: 12px; color: #707070; padding-top: 20px; padding-bottom: 20px;}

.menuicon  {display:none;}

ul.pagelist li {display:inline-block;padding:6px;}

.contentbox {line-height:180%;}

@media screen and (max-width:1280px) {
	.box,.nav_box,.top_box,.warp,.bottom_box {width:100%}
	.sw {width:99%;}
	.newsItem {width:49%;}
	.newslis-text {width:49%; box-sizing:border-box;border-left:80px solid transparent;position:absolute;}
	.newslist li {padding-bottom:15px;}
	#navul li.navhome,#navul li {width:11%;}
	#top {display:none;}
	.footer .world,.footLogo {display:none;}
	.foot-item {margin-left:20px;}
	.tel_right {padding-right:20px;}
	.owl-controls {display:none;}
	.newsItem h3,.copyright {padding-left:20px;}

}
@media screen and (max-width:900px) {
	.head .tel,.head .ad_text,div.flicking_con {display:none;}
	.menuicon {display:block;margin: 32px 20px 0 0;cursor:pointer;padding:30px 0 0 0;}
	.logo {margin: 32px 0 0 0;padding:20px 0 0 0;border-right:none;}
	.navbg {width:200px;z-index:999;position:absolute;height:auto;left:auto;right:20px;display:none;}
	.show {display:block;}
	#navul li.navhome,#navul li {width:99%;}
	.news-box .newsItem {width:100%;}
	.newslis-text {width:99%;}
	#navul li.navmoon {width:100%;}
	#btn_prev  {}
	#btn_next  {}
	.mainleft,.mainright {width:100%;}
	.news-list .newslis-text {width:96%;float:left;}
	.tiems {margin-left:10px;}
	.mainleft h3 {width:100%;float:left;padding-left:20px;padding-bottom:15px;margin-bottom:0;}
	.select-box {width:100%; }
	.select-box li {width:200px;float:left;}
	.mainhead {margin-top:20px;padding-left:44px;background:url(../images/ioc1_05.jpg) no-repeat 20px 0;}
}

@media screen and (max-width:700px) { 
	.footContact {width:100%;}
	.wx,.tel_right {display:none;}
	.logo img {width:100%;height:auto;}
	.logo {width:80%;}
}


