/*html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}*/

body {
}

strong{font-weight: bold;}

/*banner*/
.banner img {max-width: 100%; display:block;}
.banner .swiper-pagination{ height: 40px; line-height: 40px;}
.banner,
.banner .swiper-container {position: relative;max-height: 980px;overflow: hidden;}
.banner .swiper-slide {position: relative;}
.banner .swiper-pagination {line-height: 200px; height: 140px;}
.banner .swiper-pagination {position: absolute;text-align: center;bottom: 0;left: 0;right: 0;z-index: 899988;}
.banner .swiper-pagination span {width: 40px; height: 8px; margin: 0 20px;  /* border-radius:10px;*/ display: inline-block;  background: #fff; opacity: .6; filter: alpha(opacity=60); border-radius: 0;}
.banner .swiper-pagination span.swiper-active-switch {opacity: 1; filter: alpha(opacity=100); width: 120px;}
.mod-adbtns {position: absolute;top: 50%;z-index: 6; height: 60px; width: 1300px; left: 50%; margin-left: -650px; margin-top: -13px;right: auto;}
a.btnl:after,
a.btnr:after {cursor: pointer;display: inline-block; 
              font-family: "iconfont" !important; 
              color: #b7b7b7; font-size: 50px; 
              font-style: normal; 
              -webkit-font-smoothing: antialiased;  
              -moz-osx-font-smoothing: grayscale;
               content: "\e60f"; float: left;}
a.btnl {float: left;}
a.btnr {float: right;}
a.btnr:after {content: "\e67a";}
a.btnl:after,
a.btnr:after {color: #fff;}
a.btnl:hover:after,
a.btnr:hover:after {color: #f70007;}

.swiper-wrapper,
.swiper-slide {height: auto !important;}

/*首页：滚动文本通知*/
.roll-text-box {position: relative; overflow: hidden;}
.roll-text-box a { display:block; font-size:24px; color:#0066CC; font-weight:bold; text-align:center; line-height:40px; margin-top:15px; margin-bottom:5px; }
.roll-text-box a:hover { color:#FF0000; }

/*首页：新闻中心*/
.news-box { overflow:hidden; box-shadow:#d8d8d8 0 0 10px; margin-top:5px; }
.news-box_l { float:left; display:inline; width:691px; height:454px; margin-right:29px; }
.news-box-pic { position: relative; width:691px;}
.news-box-pic .swiper-container1 { overflow:hidden; }
.news-box-pic .arrow-left1 { background:url(/images/ibg8.png) center center no-repeat ; -ms-behavior: url(backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); background-size: cover; position: absolute; left: 2%; top: 45%; margin-top: -15px; width: 48px; height: 48px; z-index:89; transition:background-image 0.5s; -moz-transition:background-image 0.5s; /* Firefox 4 */ -webkit-transition:background-image 0.5s; /* Safari and Chrome */ -o-transition:background-image 0.5s; /* Opera */}
.news-box-pic .arrow-right1 { background:url(/images/ibg7.png) center center no-repeat; -ms-behavior: url(backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); background-size: cover; position: absolute; right: 2%; top: 45%; margin-top: -15px; width: 48px; height: 48px; z-index:89;  transition:background-image 0.5s; -moz-transition:background-image 0.5s; /* Firefox 4 */ -webkit-transition:background-image 0.5s; /* Safari and Chrome */ -o-transition:background-image 0.5s; /* Opera */}
.news-box-pic .arrow-right1:hover { background-image:url(/images/ibg7a.png) }
.news-box-pic .arrow-left1:hover { background-image:url(/images/ibg8a.png) }
.news-box-pic .content-slide { color: #fff;}
.news-box-pic .swiper-slide { position:relative; }
.news-box-pic .swiper-slide img { width:100%; height:454px; display:block; }
.news-box-pic .swiper-slide p  
{
    position:absolute; bottom:0; left:0; right:0; 
    height:35px; 
    background:url(/images/alpha80b.png) repeat; 
    line-height:49px; 
}
.news-box-pic .swiper-slide p>span{
    font-size:18px; 
    color:#fff; 
    padding-left:12px; 
    display:block;      
    max-width: 88%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}  
.news-box-pic .pagination1 { position: absolute; right:0; text-align: center; bottom:14px; width:90px; z-index:88;}
.news-box-pic .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 12px; background: #fff; margin:0 2px; cursor: pointer;} 
.news-box-pic .swiper-active-switch {  background: #0080cc;}

.news-box_r { height:454px; overflow:hidden;  }
.news-box_r ul { overflow:hidden; line-height:36px; margin-top:13px; font-size:18px; color:#333333; font-weight:bold; white-space:nowrap; margin-bottom:7px; cursor:pointer }
.news-box_r ul li { float:left; display:inline; padding-right:20px; }
.news-box_r ul li a{color:#333;font-size:18px;}
.news-box_r ul li.now { color:#0066CC; font-size:18px;}
.news-box_r ul li.now  a{ color:#0066CC; font-size:17px;}
.news-box_r div { margin-right:46px; display:none }
.news-box_r div a { color:#424242; }
.news-box_r div a:hover { color:#018dd7; }
.news-box_r div > a h1 { font-size:18px; font-weight:normal; line-height:30px; margin-bottom:5px; }
.news-box_r div > a p { font-size:12px; line-height:20px; color:#757575; margin-bottom:6px; }
.news-box_r div dl a  
{
    background:url(/images/arrow4.png) left center no-repeat; 
    border-bottom:1px #e6e6e6 dashed; 
    display:block; 
    line-height:43px; 
    padding-left:14px; 
    font-size:17px; 
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
 }
.news-box_r div dl span{float:right;line-height:43px;color:#9a9a9a;padding-left:10px; border-bottom:1px #e6e6e6 dashed; }
 

/*首页：文章列表和专题专栏*/
.ibox {overflow:hidden; margin-top:10px;}
.ibox h3 {background: url(/images/titlebg02.png) repeat-x bottom; font-weight: normal; color: #ccc; line-height: 28px;}
.ibox h3 i {height: 31px; font-size: 17px; font-weight:bold; padding: 0 12px; color: #333; display: inline-block; cursor: pointer;}
.ibox h3 i:hover {color: #0066CC;}
.ibox h3 i.cur {background: url(/images/titlebg01.png) repeat-x bottom;}
.ibox-topic {width: 691px; height:320px;float: left; overflow: hidden;}
.ibox-topic-item {width:691px; margin-top:10px;}
.ibox-topic-item a img{width:100%; height:135px; -webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);transition: 0.5s ease-in-out;}
.ibox-topic-item a:hover img{-webkit-transform: scale(1.05) rotate(0);transform: scale(1.05) rotate(0);}

.ibox-doclist {width: 493px; height:320px;float:right;overflow:hidden; }
.ibox-doclist a:hover { color:#018dd7; }
.ibox-doclist ul li a  
{
    border-bottom:1px #e6e6e6 dashed; 
    display:block; 
    line-height:40px; 
    padding-left:5px; 
    font-size:17px; 
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
 }
.ibox-doclist ul li span{float:right;line-height:40px;color:#9a9a9a;display:inline-block; border-bottom:1px #e6e6e6 dashed; }

/*首页：品牌展示*/
.container_small {width: 1130px; margin: auto;}
.section-header {font-size: 24px;display: flex;align-items: center;justify-content: center; margin-bottom:20px; letter-spacing: 10px;text-indent: 10px; color:#0066CC;}
.section-header::before,.section-header::after {content: ""; display: block; width: 190px; height: 2px; margin: 0 20px; background-image: linear-gradient(135deg, #0066CC, #36b184);} 

.enterprise {height:auto!important; position: relative; overflow: auto; margin-bottom:20px;}
.enterprise .section-header {margin-top:25px; margin-bottom:25px;}
.enterprise-body {position: relative;}
.enterprise-item {width: 260px; /*356px;*/ margin: auto;}
.enterprise-item img{width:100%;-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);transition: 0.5s ease-in-out;}
.enterprise-item:hover img{-webkit-transform: scale(1.1) rotate(0);transform: scale(1.1) rotate(0);}

.enterprise-item-cover {display: block;width: 260px; /*356px;*/height: 185px;/*266px;*/}
.enterprise-item-cover img {width: 100%;height: 100%;display: block; object-fit: cover;}
.enterprise-item-detail {margin: 30px 20px;}
.enterprise-item-title {display: block; font-size: 18px; color: #333;  margin: 10px 0;  overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.enterprise-item-title::after {content: "";display: block;height: 2px;width: 60px;margin-top: 10px;background-image: linear-gradient(135deg, #0066CC, #36b184);} /*#006eae, #36b184*/
.enterprise-item-intro 
{
    font-size: 16px;color: #BBBBBB;
    line-height: 24px;max-height: 48px;
    font-family: inherit;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space:normal;}
.enterprise-swiper-button {width: 30px; height: 30px; position: absolute; margin: auto;cursor: pointer; top:0;bottom:0;}
.enterprise-swiper-button img {width: 100%;height: 100%;display: block;}
.enterprise-swiper-next {right: 0;}
.enterprise-swiper-prev {left: 0;}

/*服务中心*/
.service-box {background:#f9fcff;}
.service-box h3 {font-weight: normal; color: #0066CC; line-height: 55px;  position: relative;}
.service-box h3 i {height: 40px; font-size: 18px; font-weight: bold; padding: 0 12px; color: #0066CC; display: inline-block; cursor: pointer;}
.mapbox {position:relative; width:691px; float:left;}
#div_toop 
{
    min-width: 150px;
    min-height: 80px;
    position: absolute;
    display: inline;
    margin-left: -120px;                
    padding: 5px;    
    visibility:hidden;                
    opacity: 0;                
    margin-top: -125px;    
    background: #d8d8d8;    
    font-size:1em;        /* Setting the border-radius property for all Browsers */                
    -moz-border-radius: 5px; /* Firefox */                
    -webkit-border-radius: 5px; /* Safari and Chrome */                
    border-radius: 5px; /* Browsers that Support it like Opera */        
    /* Setting the box-shadow property for all Browsers */                
    -moz-box-shadow: 0 0 8px gray; /* Firefox */                
    -webkit-box-shadow: 0 0 8px gray; /* Safari and Chrome */    
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); /* IE */                
    box-shadow: 0 0 8px gray; /* Browsers that Support it like Opera */    
    /* Setting the transition property for all Browsers */   
    -moz-transition: all 0.5s ease-in-out; /* Firefox */
    -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
    -o-transition: all 0.5s ease-in-out; /* Opera */
    transition: all 0.5s ease-in-out; /* Browsers that Support it */
}                           
#div_toop                 
{
    font-size:16px;
    color:#00f;
    visibility:visible;                
    opacity: 1;                
    margin-top: -150px;        
    /* Setting the transition property for all Browsers */    
    -moz-transition: all 0.5s ease-in-out; /* Firefox */                
    -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */                
    -o-transition: all 0.5s ease-in-out;  /* Opera */                
    transition: all 0.5s ease-in-out; /* Browsers that Support it */   
    z-index: 1000;         
    word-spacing:20px;
    text-align:right;
}        
   
.inlinebox {position:relative; overflow:hidden;height:515px;}
.inlinebox ul{margin-left:10px; padding-bottom:10px;  overflow:hidden; list-style:none;}
.inlinebox ul li {padding: 1px; margin: 5px 0; float:left; display:block;width: 210px; }
.inl {margin-left:10px; padding-bottom:10px;  overflow:hidden; list-style:none;}
.inl a span {padding: 1px; margin: 5px 0; float:left; display:block;width: 210px; height:58px;}
.inl a span.bczl{background: url(/webimg/srv_bczl1.png) 0 center no-repeat;}
.inl a span.bczl:hover{background: url(/webimg/srv_bczl2.png) 0 center no-repeat;}
.inl a span.bxcx{background: url(/webimg/srv_bxcx1.png) 0 center no-repeat;}
.inl a span.bxcx:hover{background: url(/webimg/srv_bxcx2.png) 0 center no-repeat;}
.inl a span.kdcx{background: url(/webimg/srv_kdcx1.png) 0 center no-repeat;}
.inl a span.kdcx:hover{background: url(/webimg/srv_kdcx2.png) 0 center no-repeat;}
.inl a span.lyzx{background: url(/webimg/srv_lyzx1.png) 0 center no-repeat;}
.inl a span.lyzx:hover{background: url(/webimg/srv_lyzx2.png) 0 center no-repeat;}
.inl a span.qczl{background: url(/webimg/srv_qczl1.png) 0 center no-repeat;}
.inl a span.qczl:hover{background: url(/webimg/srv_qczl2.png) 0 center no-repeat;}
.inl a span.sjgp{background: url(/webimg/srv_sjgp1.png) 0 center no-repeat;}
.inl a span.sjgp:hover{background: url(/webimg/srv_sjgp2.png) 0 center no-repeat;}
.inl a span.czfw{background: url(/webimg/srv_czfw1.png) 0 center no-repeat;}
.inl a span.czfw:hover{background: url(/webimg/srv_czfw2.png) 0 center no-repeat;}

/*首页：友情链接*/
.fri {background: #f9fcff;}
.fri span{font-size: 17px;line-height: 30px;float: left;color:#0066CC;font-weight: bold; padding-left:30px; margin:10px 40px 10px 0px;}
.fri li{float:left; margin:10px 30px 10px 0px;}
.fri li select{line-height: 30px;  vertical-align: middle;  height: 30px;  border: 0px;  font-size: 16px;  color: #838383; }

.mobile_tipinfo { display:none;}
.m_inlinebox { display:none;}
/*手机端*/
@media screen and (max-width:480px) {
	body{ background: none !important;}	
	.banner {max-height: 150px;}
	.banner .swiper-pagination span {height: 4px;}
	.mod-adbtns {display:none;}
	
	.mobile_tipinfo{ display:block; height: 30px; position: relative; margin-top:5px; width:100%!important; text-align:center;}
    .mobile_tipinfo i{background: url(/webimg/icon_phone2.png) 0 center no-repeat; line-height:30px; font-size:14px; color:#FF9900; padding-left:25px; margin-top:5px;}
    	
	.roll-text-box { padding:0 3px; margin-top:15px;}
	.roll-text-box a { font-size:13px; line-height:20px;margin-top:10px; color:#FF9900;}
	
	.news-box_l {float: none; max-width:100%!important; height: auto!important;  width: auto!important;}
    .news-box-pic {width: 100%;}
    .news-box-pic .swiper-slide img { height:227px;}
     .news-box-pic .swiper-slide p {height:25px;line-height: 39px;}
    .news-box-pic .pagination1 { width: 100%; bottom:25px;}   
    .news-box-pic .swiper-slide p>span {font-size: 16px;}
    
    .news-box_r {height: auto!important;}
    .news-box_r ul { margin-top:0;}    
    .news-box_r ul { line-height: 20px; margin-top: 5px; margin-bottom: 2px; }
    .news-box_r ul li { float: left; display: inline; padding-right: 8px;}
    .news-box_r ul li.now a { font-size: 16px;}
    .news-box_r ul li a { font-size: 16px;}
    .news-box_r div {margin-right:0px;}
    .news-box_r div dl a { font-size: 15px; line-height:36px;}
    .news-box_r div dl span { font-size: 15px; line-height:36px;}
    
    .ibox-topic {float:none;max-width:100%!important; height: auto!important;  width: auto!important;}
    .ibox h3 i {font-size: 16px;}
    .ibox-topic-item { width: 100%; margin-top: 10px;}
    .ibox-topic-item a img { height: 90px;}
    .ibox-doclist {width: 100%; height:auto!important;}
    .ibox-doclist ul li a {line-height: 36px; font-size: 15px;}
    .ibox-doclist ul li span { line-height: 36px;}
    
    .enterprise { display:none;}
    
    .container_small {float:none;max-width:100%!important; height: auto!important;  width: auto!important;}
    .service-box { display:none;}
    
	.m_inlinebox { display:block; width:100%!important;}
	.m_inlinebox .m_inl { margin:0 auto; width:310px; min-width:310px;}
    .m_inlinebox .m_inl a img {margin: 0 5px; float:left; width:52px; height:65px;}
}