@charset "utf-8";
/* CSS Document */
body{ background: #f7f8fa;}
/* li,a{ -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}  */
.content{ width:1180px;  margin:0 auto;}
.main{ margin-top: 30px;}
/* header */
.header{ padding: 18px 0; height: 50px; background: #fff; border-bottom: 3px solid #0271d0;}
.logo a{ display: block; height: 50px;}
.logo a img{ height: 100%;}
/* nav */
.ve-menu-close,.ve-menu-icon,.ve-menu-mobile{overflow:hidden}
.ve-menu a{float:left;display:inline-block;width:100%;text-align:center;text-decoration:none;color:#0271d0}
.ve-menu>.ve-menu-pc>li{position:relative;float:left;cursor:pointer}
.ve-menu>.ve-menu-pc>li>a{ font-weight: bold; line-height: 50px;}
.ve-menu>.ve-menu-pc>li:hover ul{display:block}
.ve-menu>.ve-menu-pc>li>ul{position:absolute;left:0;display:none;z-index: 10; border-top: 3px solid #0271d0;}
.ve-menu>.ve-menu-pc>li>ul>li{height:40px; border-bottom: 1px dashed #ddd;}
.ve-menu>.ve-menu-pc>li>ul>li:last-child{ border: none;}
.ve-menu-icon{float:right;width:20px;height:21px;margin-right:10px}
.ve-menu-icon>div{width:100%;height:3px;margin-top:3px;border-radius:3px}
.ve-menu-mask{position:fixed;top:0;left:0;width:100%;height:100%; z-index: 1;}
.ve-menu-mobile{position:fixed;top:0;left:0;width:100%; z-index: 2}
.ve-menu-mobile li{width:100%}
.ve-menu-mobile li a{padding:15px 0; border-bottom:1px solid #333}
.ve-menu-mobile ul{display:none}
.ve-menu-close>div{float:right;padding:0 10px}
.ve-menu-close>div:after{font-size:35px;content:'\00d7'}
/* footer */
.footer{ padding: 24px 0; background: #f1f0ef; border-top: 3px solid #0271d0; margin-top: 50px;}
.footer .link{ margin-bottom: 10px; text-align: center; color: #ccc;}
.footer .link a{ font-size: 16px; text-align: center; color: #666; /*color: #979797;*/ }
.footer .link a:hover{ text-decoration: underline;}
.footer p{ font-size: 14px; line-height: 28px; text-align: center;}
.footer p span{ display: inline-block; margin: 0 12px; color: #666;}
.zgb{ padding-left:24px;  background: url(../images/wj.png) no-repeat left center}
/* index */
.banner_bg{ position:relative; width:100%; height: 450px; overflow:hidden;}
.banner { height:auto; overflow:hidden; 
-webkit-backface-visibility:hidden;
-webkit-transform-style:preserve-3d;
-webkit-transition:all 500ms cubic-bezier(.165,.84,.44,1);
-moz-transition:all 500ms cubic-bezier(.165,.84,.44,1);
-ms-transition:all 500ms cubic-bezier(.165,.84,.44,1);
-o-transition:all 500ms cubic-bezier(.165,.84,.44,1);
transition:all 500ms cubic-bezier(.165,.84,.44,1); }
.banner_item { float:left; width: 100%; height:auto; clear:none}
.banner_pic { position: relative; width: 100%; height: 450px; text-align: center; overflow: hidden;}
.banner_pic img{ width: 1920px; position: relative; left: 50%; margin-left: -100%;height: 450px;}
.slider-arrow { display:block; position:absolute; margin-bottom:-20px; width:50px; height:50px;  border-radius:50%; cursor: pointer;}
.slider-arrow--right { bottom:50%; right:30px; background: url(../images/hover_right.png) no-repeat;background-size:  50px 50px;}
.slider-arrow--left { bottom:50%; left:30px; background: url(../images/hover_left.png) no-repeat;background-size:  50px 50px; }
.slider-nav { position:absolute; bottom:30px;}
.slider-nav__item { width:12px; height:12px; float:left; clear:none; display:block; margin:0 5px; background:#000; opacity: 0.4; border-radius:100%;}
.slider-nav__item--current { width: 40px; background:#0271d0; border-radius:5px; opacity: 0.9;}
/*  */
.index_l,.index_r{background:#fff; margin-bottom: 20px; overflow: hidden; }
.index_l{ float: left; width: 770px; }
.index_r{ float: right; width: 388px;}
/* 公司要闻 */
.company_news{ width:334px; overflow:hidden; position:relative; cursor:pointer;}
.index_company_box{position: relative; width:100%; height: 235px;margin:0 auto;}
.prevBtn{background:url(../images/btn01h.jpg) no-repeat;height:47px; width: 32px; display:block; position:absolute; top:120px;}
.prevBtn:hover{background:url(../images/btn01.jpg) no-repeat;}
.nextBtn {background:url(../images/btn02h.jpg) no-repeat;height:47px; width: 32px; display:block; position:absolute; right:0; top:120px;}
.nextBtn:hover{background:url(../images/btn02.jpg) no-repeat;}
.imgSelected {background: url(../images/jsNav.png) no-repeat;}
.index_company_text{ position:absolute; left:0; bottom:0; width:100%; height: 36px; padding-top:1px; background:rgba(0, 0, 0, .56);/*IE6*/
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/bg01.png");/*IE6*/ }
.index_company_text a{ display: block; width: 220px; padding: 0 10px; line-height: 32px; color: #fff; font-size: 16px; overflow: hidden;}
.index_company_btn{ position:absolute; right: 10px; bottom:14px;}
.index_company_btn a{ float:left; display:block; width:8px; height: 8px; margin-right:8px;background: rgba(238, 238, 238, .3); }
.index_company_btn a:hover{ background: #fff; }
.index_company_btn .imgSelected { background: #fff;}
.qq{ display:none; z-index:3}
.box01{ width: 100%; height: 100%; }
.box01 a{ display: block; width: 100%; height: 100%;}
.box01 a img{ width: 100%; height: 100%;}
.box01 p{ position:absolute; left:0; bottom:0; width: 220px; padding: 0 104px 0 10px; height: 36px; line-height: 33px; color: #fff; font-size: 16px; background:rgba(0, 0, 0, .56); overflow: hidden;}

/* 信息公告 */
.company_news{ width:334px;}
.company_news_title{ background: #0271d0; }
.company_news_title span{ font-weight: normal; color: #fff; }
.company_news_list{ height:235px;}
.company_news_list .news_cover { padding: 5px 14px 0;}
.company_news_list .news_cover li a{ max-width: 276px; }
.index_company .company_news_list{ width:436px; }
.index_notice .news_cover li a{ max-width: 240px; }
/* 行业动态 */
.jl_tab_nav .jl_hover a{ color: #0271d0;}
.index_news_nav{ padding: 16px 20px; overflow: hidden;}
.index_news_nav li{ float: left; font-size: 16px; color: #d7d7d7;}
.index_news_nav li a{ font-size: 18px; font-weight: bold; color: #333;}
.index_news_title{ position: relative; left: 20px; padding: 0 20px 0 80px;}
.index_news_title span{ position: absolute; left: 0; display: block; width: 50px; height: 50px; background: url(../images/date.png) no-repeat left center; text-align: center; line-height: 60px; font-weight: normal; color: #b6b6b6; font-size: 14px;}
.index_news_title h4{ height: 30px; overflow: hidden; }
.index_news_title h4 a{ display: inline-block; font-size: 16px; color: #333; line-height: 30px; font-weight: normal;}
.index_news_title p{ width: 100%; font-size: 14px; height: 24px; overflow: hidden;}
.index_news_title b{ float: left; display: block; max-width: 600px; font-weight: normal; color: #999; line-height: 24px; height: 24px;}
.index_news_title p a{ float: left; display: block; width: 56px; color: #0271d0; line-height: 24px;}
.index_news_box .news_cover li{ line-height: 36px; height: 36px;   }
.index_news_box .news_cover li a{ line-height: 36px; height: 36px;   }
/* 安全天地 */
.index_safe{ background:none; height: 276px; }
.index_safe_nav{ float: left; width: 180px; height: 276px; overflow: hidden;}
.index_safe_nav li{ float: none; width: 100px; margin-bottom: 12px; height: 84px; line-height: 84px; font-size: 18px; color: #151515; padding: 0 10px 0 60px; background-color: #fff; background-repeat: no-repeat; background-image: url(../images/safe11.png); -webkit-transition:All 0.2s ease-in-out;  -moz-transition:All 0.2s ease-in-out;  -o-transition:All 0.2s ease-in-out; background-position: 14px 0px;}
.index_safe_nav li+li{ background-position: 14px -90px;}
.index_safe_nav li+li{ background-position: 14px -84px;}
.index_safe_nav li+li+li{ background-position: 14px -168px;}
.index_safe_box{ float: right; width: 590px; background: #fff;}
.index_safe_box .news_cover li{ line-height: 36px; height: 36px;   }
.index_safe_box .news_cover li a{ line-height: 36px; height: 36px;   }
.index_safe_box .news_cover{ height: 252px; padding: 12px 20px; overflow: hidden;}
.jl_tab_nav2 .jl_hover2{ width: 110px; background-color: #0271d0; background-image: url(../images/safe12.png);}
.jl_tab_nav2 .jl_hover2 a{ color: #fff;}
/* 专题 */
.index_industry,.index_report{ height:330px; }
.index_report .f_link_title{ border: none; padding: 20px 0}
.slideBox{ position:relative; margin: 0 auto; overflow-x: hidden; overflow-y: visible;}
.slideBox .items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
.slideBox .items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
.slideBox .items li a{ float:left; line-height:normal !important;}
.slideBox .items li a img{ display:block; width: 346px; height: 168px;}
.slideBox .tips{ position:absolute; bottom:32px; width:100%; height:32px; background-color:#000; background: rgba(0, 0, 0, .56); /*overflow:hidden;*/}
.slideBox .tips .title{ position:absolute; left:0px; top:0px; height:100%;}
.slideBox .tips .title a{ color:#fff; font-size:14px; line-height:32px; margin: 0 10px;}
.slideBox .tips .nums{ position:absolute; right:0px; top:32px; height:30px; width: 100%;text-align: center;}
.slideBox .tips .nums a{ display:inline-block; /*float:left;*/ width:10px; height:10px; background-color:#999; text-indent:-99999px; margin:15px 6px 0px;}
.slideBox .tips .nums a.active{ background-color:#0271d0; opacity: 1; width: 24px; border-radius: 4px}
/* index_pic */
.index_pic{ display: block; height: 276px;}
.index_pic .f_link_title{ border: none; padding: 20px 0}
.index_pic_box{ position:relative; width: 346px; height: 250px; margin:0 auto; overflow: hidden;}
.show_box{ position: relative; width:100%; height:250px;}
.show_box div{ width:100%;height: 100%;position: absolute;left:-100%;font-size: 70px;text-align: center;line-height: 198px;top:0;color:#fff; }
.show_box div img{ width: 100%; height: 100%}
.leftB,.rightB{ display: none; width:28px;height:40px; line-height: 40px; font-size: 20px;color:#fff;background: rgba(0,0,0,0.5); position: absolute; top:84px;text-align: center;cursor: pointer;}
.leftB{ left:0;}
.rightB{ right:0;}
.index_pic img{ display: block; width: 100%; height: 100%; }
/* link */
.f_link{ background: #fff;}
.f_link_title{  height: 20px; overflow: hidden; padding: 12px 0; border-bottom: 1px solid #eaeaea;}
.f_link_title i{ float: left; display: block; width: 4px; height: 20px; background: #0271d0; margin-right: 12px;}
.f_link_title span{ float: left; display: block;font-weight: bold; font-size: 18px; color: #0271d0; line-height: 20px;}
.f_link_item{ padding: 20px 20px 10px}
.f_link_item a{display: inline-block; margin: 0 24px 12px 0; font-size: 15px; color: #0271d0;/* color: #666;*/-webkit-transition:All 0.2s ease-in-out;  -moz-transition:All 0.2s ease-in-out;  -o-transition:All 0.2s ease-in-out;}
.f_link_item a:hover{ /*color: #0271d0;*/ text-decoration: underline;}
/* 当前位置 */
.location_bg{ height: 40px; background: #fff;}
.location .home{ padding-left: 22px; background: url(../images/home.png) no-repeat left center; }
.location li{ float: left;}
.location li{ line-height: 40px; font-size: 14px; }
.location .location_c{ color: #0271d0; }
/* news */
.news_cover_box{ width: 1220px;}
.news_cover_item{ float: left; width: 572px; height: 400px; background: #fff; margin: 0 37px 37px 0; overflow: hidden;}
/*  */
.ld_xwzx_mb01_hdp1{ position: relative; }
.ld_xwzx_mb01_hdp1 #hdp01 li img{ width: 572px; height: 400px;}
.hdp01 li{ width: 572px; height: 400px;}
.hdp01 img{ width: 100%; height: 100%;}
.ld_xwzx_mb01_hdp1R{ position: absolute; left: 0; bottom: 0; background:rgba(0, 0, 0, .56); width: 100%; height: 44px;}
.ld_xwzx_mb01_hdp1Rt{ padding: 0 20px; height: 44px; overflow: hidden;}
.ld_xwzx_mb01_hdp1Rt h1{ width: 450px;}
.ld_xwzx_mb01_hdp1Rt h2,.ld_xwzx_mb01_hdp1Rt h3{ position: absolute; top: 0; font-size: 18px; line-height: 44px; font-weight: normal;}
.ld_xwzx_mb01_hdp1Rt h2{ right: 40px;}
.ld_xwzx_mb01_hdp1Rt h2 i{ color: #0271d0; }
.ld_xwzx_mb01_hdp1Rt h3{ right: 20px; }
.ld_xwzx_mb01_hdp1Rt *{ color: #fff;}
.ld_xwzx_mb01_hdp1Rt a{ display: inline-block; font-weight: normal; font-size: 16px; line-height: 44px; height: 44px;}
#xiangzuo,#xiangyou{ display: none; position: absolute; top: 187px; width: 26px; height: 40px;}
#xiangzuo{ left: 10px;}
#xiangyou{ right: 10px;}
.ld_xwzx_mb01_hdp1:hover #xiangzuo{ display: block; }
.ld_xwzx_mb01_hdp1:hover #xiangyou{ display: block; }
/*  */
.news_cover_title{ height: 26px; border-bottom: 1px solid #e8e8e8; padding: 12px 20px;}
.news_cover_title h4{ float: left; color: #0271d0; font-size: 18px; line-height: 26px;}
.news_cover_title h4 img{ float: left; display: inline-block; width: 26px; height: 26px; margin-right: 10px;}
.news_cover_title h4 span{ float: left; display: inline-block; line-height: 26px;}
.news_cover_title a{ float: right; line-height: 26px;}
.news_cover{ padding: 5px 20px 0; overflow: hidden;}
.news_cover li{ position: relative; height: 42px;}
.news_cover li a{ display: inline-block; max-width: 400px; height: 42px; overflow: hidden; font-size: 16px; line-height: 42px; color: #333; padding-left: 14px; background: url(../images/square1.png) no-repeat left center;}
.news_cover li span{ position: absolute; right: 0; : 0; font-size: 14px; line-height: 42px; color: #999; text-align: right;}
.news_cover li a:hover{ color: #0271d0; background: url(../images/square2.png) no-repeat left center;}
/* news_report */
.news_report{ position:relative; background: #fff;}
.news_report_btn .prev,.news_report_btn .next{ display:block; width: 23px; height: 49px; margin-top:88px;overflow:hidden;cursor:pointer;}
.news_report_btn .prev{float:left;}
.news_report_btn .next{float:right;}
.news_report_pic{padding:30px 27px; overflow: hidden;} 
.news_report_pic ul{overflow:hidden}
.news_report_pic ul li{margin:0 10px;width:250px;float:left;display:inline;overflow:hidden;text-align:center}
.news_report_pic ul li .pic{text-align:center}
.news_report_pic ul li .pic img{display:block; width: 250px; height: 162px;}
.news_report_pic ul li .title{line-height:50px}
/* side_nav */
.side_nav_title{ background: #0271d0; color: #fff; font-size: 18px; line-height: 46px; height: 46px; overflow: hidden; padding-left: 30px;}
.side_nav li{ height: 50px; overflow: hidden; padding: 0 20px; border-top: 1px solid #f9f9f9;} 
.side_nav a{ display: inline-block; font-size: 16px; color: #333; line-height: 50px; background: url(../images/side_nav1.png) no-repeat left center; padding-left: 30px;}
.side_nav li:hover a,.side_nav_c a{ background: url(../images/side_nav2.png) no-repeat left center; padding-left: 30px; color: #0271d0;} 
/* list */
.list_l,.list_r{ background: #fff;}
.list_l{ width: 230px;}
.list_r{ width: 930px; padding: 10px 0 20px;}
.list_box{ margin-bottom: 30px;}
.list_box li{ padding: 20px; border-bottom: 1px solid #f9f9f9;}
.list_box li:last-child{ border: none;}
.list_box li h3 a{ display: inline-block; font-weight: normal; font-size: 16px; color: #333; line-height: 28px; height: 28px; overflow: hidden; }
.list_box li a:hover{ color: #0271d0; }

.list_news li p{ font-size: 14px; color: #838383; line-height: 26px; max-height: 52px; overflow: hidden; margin: 4px 0 8px;}
.list_news_x span{ display: inline-block; padding-left:24px; margin-right: 20px; font-size: 14px; color: #838383; line-height: 26px; }
.list_news_x span i{ font-style: normal;}
.list_news_time{ background: url(../images/list_news_time.png) no-repeat left center;}
.list_news_read{ background: url(../images/list_news_read.png) no-repeat left center;}
/* file */
.list_file li{ position: relative; height: 56px;}
.list_file li h3 a span{ color: #0271d0; }
.list_file_size{ font-size: 14px; color: #838383; line-height: 24px;}
.list_file_down{ position: absolute; right: 20px; top: 36px; padding-left: 24px; background: url(../images/list_file_down1.png) no-repeat left center; height: 24px; cursor: pointer;}
.list_file_down a{ font-size: 14px; color: #838383; line-height: 24px;}
.list_file .list_file_down:hover { color: #0271d0; background: url(../images/list_file_down2.png) no-repeat left center; }
/* page */
.page{ padding: 0 20px; text-align: center;}
/* detail */
.detail_box{ padding: }
.detail_title,.detail_cont{ padding: 20px;}
.detail_title h3{ font-size: 24px; text-align: center; color: #1e1e1e; font-weight: normal; margin-bottom: 6px;}
.detail_title p{ font-size: 14px; color: #999; line-height: 26px; text-align: center;}
.detail_title p span{ display: inline-block; margin: 0 12px;}
.detail_title p i{ font-style: normal;}
.detail_title{ border-bottom: 1px solid #f9f9f9;}
.detail_cont p,.detail_cont span{ font-size: 14px; color: #363636; line-height: 26px; }
.detail_cont img{ display: block; max-width: 100%; margin: 0 auto;}
.detail_bg{background: #F7FAFF!important;}
/* about */
.about_box .detail_title{ border: none; padding: 20px 20px 0;}

/*分页*/
div.page{ margin:0; padding:0; font-family:"Microsoft YaHei",Verdana; font-size:12px; }
div.page a,div.page span{ display:inline-block; margin:0 0 0 -1px; padding:4px 12px; line-height:20px; height:20px; border:1px solid #e1e1e1; background:#fff; color:#333; text-decoration:none; }
div.page span:first-child{ border-left:1px solid #e1e1e1; }
div.page a:hover{ color:#666; background:#eee; }
div.page span.current{ color:#fff; background:#33b5e5; border-color:#33b5e5; }
div.page span.disabled{ color:#999; background:#fff; }
div.page .on{ color:#fff; background:#33b5e5; border-color:#33b5e5; }
div.page input{width:40px;display:inline-block; margin:0 2px 0 2px; text-align:center; padding:3.5px 1px; line-height:20px; height:20px; border:1px solid #e1e1e1; background:#fff; color:#333; text-decoration:none; }

/*.lb-content {
  width: 100%;  
  height: 100%;
}

.lb-item {
  width: 100%;  
  height: 100%;
  display: none;
  position: relative;   
}

.lb-item > a {
  width: 100%;
  height: 100%;
  display: block;
}

.lb-item > a > img {
  width: 100%;
  height: 100%;
}

.lb-item > a > span {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0px;
  padding: 15px;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
}

.lb-item.active {
  display: block;
  left: 0%;
}
.lb-item.active.left {
  left: -100%;
}
.lb-item.active.right {
  left: 100%;
}*/

/*  
.lb-item.next,
.lb-item.prev {
  display: block;
  position: absolute;
  top: 0px;
}
.lb-item.next {
  left: 100%;
}
.lb-item.prev {
  left: -100%;
}
.lb-item.next.left,
.lb-item.prev.right {
  left: 0%;
}

.lb-sign {
  position: absolute;
  right: 10px;
  top: 0px;
  padding: 5px 3px;
  border-radius: 6px;
  list-style: none;
  user-select: none;
  background-color: rgba(0,0,0,0.7);
}

.lb-sign li {
  width: 22px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  float: left;
  color: #aaa;
  margin: auto 4px;
  border-radius: 3px;
  cursor: pointer;
}
.lb-sign li:hover {
  color: #fff;
}
.lb-sign li.active {
  color: #000;
  background-color: #EBEBEB;
}

.lb-ctrl {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  user-select: none;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.lb-ctrl.left {
  left: -50px;
}
.lb-ctrl.right {
  right: -50px;
}
.lb-box:hover .lb-ctrl.left {
  left: 10px;
}
.lb-box:hover .lb-ctrl.right {
  right: 10px;
}
.lb-ctrl:hover {
  background-color: #333;
}*/
.turn-pic{ width: 100%;height: 100%;}
.turn-pic li{ width: 100%;height: 100%; position:absolute; top:0px; left:0px; filter:alpha(opacity=0); opacity:0;}
.turn-pic li a{display: block; width: 100%;height: 100%; }
.turn-pic li a img{display: block; width: 100%;height: 100%; }

/*.turn-bg{ width:100%; height:32px; overflow:hidden; background:#000; position:absolute; z-index:2; bottom:0; filter:alpha(opacity=70); opacity:0.7;}
.turn-tit{ font-size:12px;}
.turn-tit a{font-size: 12px; color:#afafaf; text-decoration:none;}
.turn-tit a:hover{ color:#ffb02b; text-decoration:none;}
.turn-tit li{ position:absolute; z-index:3; bottom:-20px; left:5px;}
.turn-btn{ position:absolute; z-index:3; font-size:12px; color:#afafaf; bottom:0px; right:15px;}
.turn-btn .lb,.turn-btn .rb{ width:6px; height:9px; background:url(../images/btn.png) no-repeat; overflow:hidden; position:absolute; top:13px; left:-10px; cursor:pointer;}
.turn-btn .rb{ background-position:-6px ; left:24px;}
.turn-btn span{ text-align:center;line-height: 32px;}*/


@media screen and (min-width:320px) and (max-width:1000px){
    .content{ width:96%; margin:0 auto;}
    /* header */
    .logo{ width: 80%; overflow: hidden;}
    .logo a{ display: block;}
    .logo a img{ height: 40px;}
    /* news */
    .news_cover_box{ width: 100%;}
    .news_cover_item{ float: none; width: 100%; height: auto; background: #fff; margin: 0 37px 37px 0;}
    .news_cover{ padding: 12px;}
    .news_cover li a{ line-height: 36px; height: 36px;}
    .news_cover li span{ display: none;}
    /* list */
    .list_l{ display: none;} 
}