﻿@charset "utf-8";
/* CSS Document */
body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin:0; padding:0; border: 0;}
body{ font:13px/200% "微软雅黑";}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
ui,li{list-style:none;}
img,input{ border:none;}
a{ text-decoration:none;}
a:link,a:visited{color:#333333;}
a:hover,a:active{ color:#333333;}
a:focus{ outline:none;}
html{-webkit-text-size-adjust:none; overflow-x:hidden;}
.clear{clear:both; margin:0; padding:0; font-size:0; line-height:0;}
.left{ float:left;}
.right{ float:right;}
.inner{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.none{display: none}

/*头部*/
.header_top{width: 1200px;height: 80px; margin: 0 auto;}
.header_top .left img{width: 410px;margin-top: 20px;}
.header_top .right{margin-left: 8px;margin-top: 4px;}
/*.nav{width: 1920px;}*/
/*弹出*/
.footer_flex li:hover span { display: block; }
.footer_flex li:hover .img-n { display: none; }
.footer_flex li span { display: none; color: #fff; font-size: 13px; line-height: 32px; }
.footer_flex li { width: 32px; height: 32px;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0px 14px; float: left; text-align: center; cursor: pointer; position: relative; z-index: 10; }
.footer_flex li:hover { background-color: #0d6fbb; }
/*button*/
/*
.footer_flex li:hover .flex-footera { display: block; }
.footer_flex li .flex-footera { width: 146px; height: 124px; position: absolute; left: -57px; top: 50px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
*/

/*导航*/
.topbar{width:100%;height:auto;min-height:73px;z-index:500;padding:8px 0 4px 0;/*background:#f7f7f8;*/box-shadow:0 1px 2px rgba(0,0,0,.1);-o-box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);}
.topbar .navs{width: 1200px;margin: 0 auto;}
.parent > li{display:block;float:left;position:relative;padding:0 22px;/*line-height:60px;*/margin-top:22px;}
.parent > li > a{display:block;font-size:1.2em;color:#696969;font-weight:bold;text-shadow:0 1px 0 rgba(255,255,255,.86);-o-text-shadow:0 1px 0 rgba(255,255,255,.86);-ms-text-shadow:0 1px 0 rgba(255,255,255,.86);-moz-text-shadow:0 1px 0 rgba(255,255,255,.86);-webkit-text-shadow:0 1px 0 rgba(255,255,255,.86);text-align: center;}
.parent > li .lines{display:block;width:0px;height:2px;background:#6bc30d;position:absolute;left:50%;bottom:-5px;transition:all ease-in-out .6s;-o-transition:all ease-in-out .6s;-ms-transition:all ease-in-out .6s;-moz-transition:all ease-in-out .6s;-webkit-transition:all ease-in-out .6s;}
.parent > li:hover .lines,.topbar li.current .lines{color:#56a900;width:100%;left:0;}
/*.navs form{float: right;}*/
.parent{width: 890px;}
.wrater{width: 1200px; margin: 0 auto;}
.parent > li > .di{position: absolute;z-index: 9999;background: #fff;margin-left: -22px;margin-top: 5px;}
.parent > li > .di > li{display:none;float:left;position:relative;padding:0 20%;line-height:50px;}
.parent > li:hover .di > li{display: block;}
.parent > li > .di > li > a {font-size: 1.2em;}
.parent > li > .di > li > a:hover{color: #0d6fbb}

/*搜索框*/
#search_box{float: right;}
#search_box{border-radius:5px;padding:9px;width:300px;margin-top: 16px;}
#search_box .wrapper{background:#fff;border:1px solid #ccc;height:36px;padding-left:10px;position:relative;}
#search_box input,#search_box input:focus{border:none;color:#333;outline:none;margin:10px 0;width:220px;}
#search_box button{background:-moz-linear-gradient(top,#453e26,#000);background:-webkit-gradient(linear,0 0,0 100%,from(#453e26),to(#000));border:1px solid #000;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:inset 0 -2px 3px #193544,inset 0 1px #907817,0 1px 1px rgba(0,0,0,4);-webkit-box-shadow:inset 0 -2px 3px #193544,inset 0 1px #907817,0 1px 1px rgba(0,0,0,.4);cursor:pointer;height:31px;position:absolute;right:2px;top:2px;width:31px;padding-right: 34px;}
/*轮播*/
.flexslider{margin:2px auto;position:relative;width:100%;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.slides li img{width: 100%;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
/*关于我们*/
.about{width: 1200px;margin: 50px auto;}
.jianjie{width: 630px}
.jianjie div img{float: left;}
.jianjie div h4{float: left;font-size: 20px;color: #333;margin-left: 5px;line-height: 20px;}
.jianjie div span{float: left;font-size: 20px;font-weight: bold;color: #e8e8e8;margin-left: 5px;line-height: 20px;}
.jianjie p{color: #4d4d4d;font-size: 14px;line-height: 28px;margin-top: 24px;}
.jianjie a{float: right;border: 1px solid #bababa;color: #bababa;width: 124px;height: 28px;margin-top: 50px;text-align: center;line-height: 28px;transition-duration: 0.5s;
-moz-transition-duration: 0.5s; /* Firefox 4 */
-webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
-o-transition-duration: 0.5s; /* Opera */}
.jianjie a:hover{background: #0d6fbb;color: #fff;border: 1px solid #0d6fbb;transition-duration: 0.5s;
-moz-transition-duration: 0.5s; /* Firefox 4 */
-webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
-o-transition-duration: 0.5s; /* Opera */}
.qiehuan{width: 530px;height: 265px;}
.marqueebox{position:relative;width:530px;height:265px;}
#marquee3{width:530px;height:265px;overflow:hidden;}
#marquee3 ul li{float:left;}
#marquee3 ul li img{display:block;}
#mar3Nav{position:absolute;right:10px;bottom:10px;}
#mar3Nav li{float:left;margin:0 3px;width:16px;height:16px;background:#333;border:1px solid #FFF;cursor:pointer;line-height:16px;font-family:Arial;font-size:10px;color:#FFF;text-align:center;}
#mar3Nav li.navOn{background:#0d6fbb;}
/*产品中心*/
.product{width: 1200px; margin: 50px auto;}
.product .cent img{float: left}
.product .cent h4{float: left;font-size: 20px;color: #333;margin-left: 5px;line-height: 20px;}
.product .cent span{float: left;font-size: 20px;font-weight: bold;color: #e8e8e8;margin-left: 5px;line-height: 20px;}
.Box .Box_con {position: relative;}
.Box_con .btnl {position: absolute;}
.Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box_con .conbox {position: relative;overflow: hidden;}
.Box_con .conbox ul {position: relative;list-style: none;margin-top: 24px;}
.Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
.Box_con .conbox ul li:first-child {margin-left: 0;}
.Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
.Box_con .conbox ul li:hover img {transform: scale(1.1);}		
.BoxSwitch {margin-top: 30px;text-align: center;}
.BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.BoxSwitch span.cur {background: #0d6fbb;}
/*企业文化*/
.culture{width: 1920px;height: 420px;margin: 0 auto;}
.banner-cloudapp{background:url(../images/index.jpg) center center no-repeat;}
.banner-cps{background:url(../images/index-1.jpg) center center no-repeat;}
.banner-trust{background:url(../images/index.jpg) center center no-repeat;}
.banner-toc{background:url(../images/index-1.jpg) center center no-repeat;}
.banner-dj{background:url(../images/index-2.jpg) center center no-repeat;}
.banner-djxc{background:url(../images/index-3.jpg) center center no-repeat;}
.banner-djxx{background:url(../images/index-4.jpg) center center no-repeat;}

.banner-engine{height:420px;position:relative;overflow:hidden;}
.banner-engine .banner-ul{position:relative;width:100%;height:420px}
.banner-engine .banner-text{position:absolute;left:0;top:-510px;width:100%;height:420px}
.banner-engine .banner-text{display:none}
.banner-engine .banner-text1{font-size:45px;line-height:50px;color:#bff548;text-shadow: 3px 3px 1px #060001;}
.banner-engine .banner-text2{margin-top:28px;font-size:30px;line-height:20px;color:#bff548;text-shadow: 3px 3px 1px #060001;}
.banner-engine .banner-link-button{display:inline-block;border:1px solid #fff;margin-top:54px;width:160px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#fff}
.banner-engine .banner-link-button:hover{background:#fff;color:#333;border:1px solid #fff}
.banner-ul li{display:none;height:100%;width:100%;float:left}
.banner-engine .banner-ul li{z-index:-1;position:absolute;left:0;top:0;display:block;height:100%;width:100%;float:left}
.banner-engine .banner-ul li:first-child{z-index:initial}

.banner-point{display:none;position:absolute;bottom:48px;left:0;width:100%;height:18px;line-height:18px}
.banner-engine .banner-point{display:block}

.slider-main{display:none;position:relative;margin:0 auto;min-width:1200px;max-width:1200px}
.banner-engine .slider-main{display:block}
.slider-text{position:absolute;margin-top:214px}
.banner-area{width:100%;text-align:center}
.banner-area li{margin:0 8px;display:inline-block;width:10px;height:10px;background:url(../images/pagination_02.png) no-repeat}
.banner-area li.active{background:url(../images/pagination_01.png) no-repeat}



/*新闻动态*/
.new{width: 1200px;margin: 50px auto;}
.new .cent img{float: left}
.new .cent h4{float: left;font-size: 20px;color: #333;margin-left: 5px;line-height: 20px;}
.new .cent span{float: left;font-size: 20px;font-weight: bold;color: #e8e8e8;margin-left: 5px;line-height: 20px;}
.new ul{margin-top: 24px;}
.new ul li{width: 588px;height: 180px;float: left;margin-right: 24px;margin-bottom: 32px;}
.new ul li img{width: 300px;height: 180px;float: left;margin-right: 16px;display: block;}
.new ul li div{float: left;width: 270px;}
.new ul li div h4{font-size: 16px;font-weight: bold;color: #333;margin-bottom: 16px;}
.new ul li div p{font-size: 14px;color: #333;overflow: hidden;height: 140px;line-height: 28px;}
.new ul li div a:hover h4{color: #0f6fb9}
/*大事件*/
.event{width: 1200px;margin: 50px auto;}
.event .cent img{float: left}
.event .cent h4{float: left;font-size: 20px;color: #333;margin-left: 5px;line-height: 20px;}
.event .cent span{float: left;font-size: 20px;font-weight: bold;color: #e8e8e8;margin-left: 5px;line-height: 20px;}
.event .big{margin-top: 24px;}
.event .big img{float: left;width: 481px;height: 415px;display: block;}
.main{width:655px;float: right;/*overflow: auto;height: 415px;*/overflow-y: scroll;height: 415px;}
.content_r{width:625px;margin:30px auto;}
.content_r article{position:relative;}
.content_r article > h3{width:0%;height:20px;line-height:20px;text-align:right;font-size:1.4em;color:#1d1d1d;padding:10px 0 20px;}
.content_r article section{padding:0 0 17px;position:relative;}
.content_r article section:before{content:"";width:5px;top:17px;bottom:-17px;left:20%;background:#e6e6e6;position:absolute;}
.content_r article section:last-child:before{display:none;}
.content_r article section time{width:15%;display:block;position:absolute;}
.content_r article section time > span,.content_r article section time > p{display:block;text-align:right;}
.content_r article section aside{color:#3a3a38;margin-left:25%;padding:15px 0;}
.content_r article section .brief{color:#9f9f9f;}
.point-time{content:"";position:absolute;width:13px;height:13px;top:17px;left:20%;background:#1c87bf;margin-left:-4px;border-radius:50%;box-shadow:0 0 0 5px #fff;}
/*相关链接*/
.connection{width: 1200px;margin: 50px auto;}
.connection .cent img{float: left}
.connection .cent h4{float: left;font-size: 20px;color: #333;margin-left: 5px;line-height: 20px;}
.connection .cent span{float: left;font-size: 20px;font-weight: bold;color: #e8e8e8;margin-left: 5px;line-height: 20px;}
.links{margin-top: 24px;}
.links span{font-size: 14px;color: #333;}
.links a{color: #333;font-size: 14px;margin-right: 16px;float: left;}
.links a:hover{color: #0f6fb9}
.links a img{height: 30px;float: left;margin-right: 4px;}
.links a p{float: left;}
/*底部导航*/
.bottoms{width: 100%;height: 385px;background: #3f8cc7;margin: 50px auto 0;}
.bottom_t{width: 1200px;margin: 0 auto;padding-top: 30px;}
.bottom_l img{width: 300px;margin-bottom: 24px;}
.bottom_l p{width: 500px;color: #fff;font-size: 14px;}
.bottom_r{float: right;}
 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.copyright{/*height: 78px*/;border-top: 1px solid#79afd8;margin-top: 32px;}
.copyright div{width: 1200px;margin: 0 auto;}
.copyright div span{color: #fff;margin-top: 16px;}

.main::-webkit-scrollbar{width:6px;height:6px;background-color:#F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
.main::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;}
/*定义滑块 内阴影+圆角*/
.main::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#3d98de;}

/*关于我们*/
.ban_v img{width: 100%;}
.bread{width: 1200px;margin: 10px auto;}
.bread div{font-size: 14px;color: #777;}
.bread div a{font-size: 14px;color: #777;}
.bread div a:hover{color: #333}
.contents{width: 1200px; margin: 24px auto;}
.about_l{width: 850px;margin-top: 24px;}
.about_l ul{margin-top: 24px;}
.about_l ul li{float: left;width: 160px;margin-left: 40px;}
.about_l ul li img{width: 163px;height: 144px;}
.about_l ul li span{text-align: center;display: block;color: #323232;font-size: 16px;}
.about_l ul li a:hover span{color: #0d6fbb}
.about_l h4{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;}
.about_l h2{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;opacity: 0.35;margin-left: 10px;}
.about_l h5{text-transform: capitalize;font-size: 18px;color: #0d6fbb;clear: both;opacity: 0.35}
.about_l h3{text-align: center;font-size: 18px;font-weight: bold;color: #323232;margin-top: 24px;margin-bottom: 32px;}
.about_l p{color: #323232;font-size: 14px;margin-bottom: 8px;text-indent: 2em;letter-spacing: 1px;}
.about_r{width: 250px;}
.about_r h3{font-size: 18px;color: #333;font-weight: bold;margin-top: 24px;display: block}
.about_r h4{margin: 5px 0 24px 0;color: #0d6fbb;opacity: 0.2;font-size: 22px;font-weight: bold;display: block}
.about_r ul li{border-bottom: 1px solid#b7b7b7;padding: 8px 0;display: block}
.about_r ul li a{color: #777;font-size: 16px;}
.about_r ul li a:hover{color: #333;}
.about_r a .txt1{color: #333;font-size: 15px;font-weight: bold}
.about_r a:hover .txt1{color: #333;text-decoration:underline}
.about_r a .txt2{font-size: 14px;color: #777;margin-bottom: 8px;}
.about_r span{margin-left: 16px;color: #0d6fbb;opacity: 0.3;font-weight: bold;}

/*两大股东*/
/*
.tab{width: 850px;float: left;margin-right: 50px;}
.tab .tab-nav{height: 60px;margin-top: 24px;}
.tab .tab-nav li{float: left;margin-right: 5px;background: #FFF;border-radius: 3px 3px 0 0;}
.tab .tab-nav li a{display: block;height: 30px;padding: 0 20px;color: #333;text-decoration: none;line-height: 30px;font-size: 18px;font-weight: bold;}
.tab .tab-nav li.actived{background: #0d6fbb;}
.tab .tab-nav li.actived a{color: #FFF;}
.tab .content-wrap{background: #ffffff;padding: 5px;height: 200px;}
.tab .content-wrap .content-item{width: 850px;position: absolute;display: none;}
.tab .content-wrap .current{display: block;}
.tab2{min-height:600px; }
*/

/*大事件*/
.event_l{width: 850px;margin-top: 24px;overflow-y: scroll;height: 600px;}
.event_l::-webkit-scrollbar{width:6px;height:6px;background-color:#F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
.event_l::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;}
/*定义滑块 内阴影+圆角*/
.event_l::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#3d98de;}
.content_b{width:830px;margin:30px auto;}
.content_b article{position:relative;}
.content_b article > h3{width:0%;height:20px;line-height:20px;text-align:right;font-size:1.4em;color:#1d1d1d;padding:10px 0 20px;}
.content_b article section{padding:0 0 17px;position:relative;}
.content_b article section:before{content:"";width:5px;top:17px;bottom:-17px;left:20%;background:#e6e6e6;position:absolute;}
.content_b article section:last-child:before{display:none;}
.content_b article section time{width:10%;display:block;position:absolute;}
.content_b article section time > span,.content_b article section time > p{display:block;text-align:right; text-indent:0;}
.content_b article section aside{color:#3a3a38;margin-left:25%;padding:10px 0;}
.content_b article section .brief{color:#9f9f9f;}
.point-time{content:"";position:absolute;width:13px;height:13px;top:17px;left:20%;background:#1c87bf;margin-left:-4px;border-radius:50%;box-shadow:0 0 0 5px #fff;}

/*企业文化*/
.culture_l{width: 850px;margin-top: 24px;}
.culture_l h4{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;}
.culture_l h2{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;opacity: 0.35;margin-left: 10px;}
.culture_l h5{text-transform: capitalize;font-size: 18px;color: #0d6fbb;clear: both;opacity: 0.35}
/*.culture_l img{width: 850px;display: block;margin-top: 24px;}*/
.culture_l div{/*background: url(../images/culture.jpg) no-repeat center;*/width: 850px;height: 470px;padding-top: 32px;overflow: auto;}
.culture_l div h3{text-align: center;font-size: 16px;font-weight: bold;color: #333;margin-top: 24px;}
.culture_l div p{text-align: center;font-size: 14px;color: #414141}

/*安全文化*/
.satety{width: 850px;margin-top: 24px;}
.satety img{margin: 0 auto;display: block;height: 80px;width: 100%;}
.satety h3{text-align: center;font-size: 24px;font-family: '方正小标宋简体';display: block;color: #2D2D2D;margin: 24px 0;}
.about_ls{width: 850px;margin-top: 24px;}
.about_ls ul{margin-top: 24px;}
.about_ls ul li{float: left;width: 850px;}
.about_ls ul li img{width: 163px;height: 144px;}
.about_ls ul li span{text-align: center;display: block;color: #323232;font-size: 16px;}
.about_ls ul li a:hover span{color: #0d6fbb}
.about_ls h4{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;}
.about_ls h2{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;opacity: 0.35;margin-left: 10px;}
.about_ls h5{text-transform: capitalize;font-size: 18px;color: #0d6fbb;clear: both;opacity: 0.35}
.about_ls h3{text-align: center;font-size: 18px;font-weight: bold;color: #323232;margin-top: 24px;margin-bottom: 32px;}
.about_ls p{color: #323232;font-size: 14px;margin-bottom: 8px;text-indent: 2em;letter-spacing: 1px;}
/*
.satety table{border-collapse: collapse;margin-top: 24px;}
.satety table tbody tr td{border-top: 1px solid #323232;border-bottom: 1px solid #323232;width: 850px;}
*/

/*产品中心*/
.product_a{width: 1200px; margin: 24px auto;}
.product_a ul li{float: left;margin-left: 60px;margin-bottom: 24px;}
.he_border1{background:#000;width:360px;height:240px;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;z-index:1000}
.he_border1 .he_border1_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border1 .he_border1_caption_p{font-size:1.4em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}
.foters{text-align: center;display: block;margin-top: 50px;width: 1200px;}
.foters a{padding: 10px 15px;margin-left: 6px;color: #7b7b7b;border: 1px solid#7b7b7b;border-radius: 5px;}
.foters a:hover{background: #0d6fbb;color: #fff}

/*产品详情*/
.product_view{width: 850px;margin-top: 24px;border-left: 1px solid #cfcfcf;padding-left: 50px;}
.product_view h4{text-align: center;font-size: 18px;color: #333;margin-bottom: 8px;}
.product_view h5{text-align: center;font-size: 16px;color: #0d6fbb;opacity: 0.6;margin-bottom: 24px;}
.product_view img{min-width:400px;max-width: 700px;margin: 0 auto 16px;display: block;}

/*产品用途*/
.product_use{width: 850px;margin-top: 24px;}
.product_use ul li{width: 398px;float: left;border: 1px solid#b7b7b7;margin-left: 50px;margin-bottom: 24px;}
.product_use ul li .product_t{background: #0d6fbb;}
.product_use ul li .product_t span{padding: 6px 5px;color: #fff;font-size: 14px;letter-spacing: 1px; display: block;}
.product_use ul li .product_b p{padding: 6px 5px;color: #0d6fbb;font-size: 14px;letter-spacing: 1px; display: block;}

/*产品指标*/
.standard{width: 850px;margin-top: 24px;}
.standard ul li{float: left;margin-left: 50px;margin-bottom: 24px; width: 397px;}
.standard ul li h4{font-size: 16px;margin-bottom: 10px;color: #0d6fbb;font-weight: bold;letter-spacing: 1px;}
.standard ul li table{width: 397px;border-collapse: collapse;}
.standard ul li table tr{ height:35px;}
.standard ul li table tr td{border: 1px solid #b7b7b7;font-size: 13px;padding: 3px 5px;color: #333;}

/*新闻资讯*/
.news{width: 850px;margin-top: 24px;}
.oUl{overflow:auto;zoom:1;margin: 0 auto 10px;display: table;}
.oUl li{cursor:pointer;float:left;padding: 8px 20px;margin-right:10px;background-color:#CCCCCC;color: #333;border-radius: 5px;font-size: 16px;text-align: center;width: 170px;}
.oUl li.active{background-color:#0d6fbb;color: #fff}
.oUl li.active a{color: #fff;}
.oDiv div{display:none;}
.oDiv div.active{display:block;}
.oDiv ul{margin-top: 24px;}
.oDiv ul li{margin-bottom: 8px;cursor: pointer;border-bottom: 1px dashed #ccc;}
.oDiv ul li img{width: 205px;height: 150px;display: block;}
.oDiv ul li h4{color: #333;font-size: 15px;font-weight: bold;margin: 8px 0;float: left;white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;width: 700px;}
.oDiv ul li h4:hover{color: #0d6fbb;}
.oDiv ul li span{float: right;margin-top: 8px;color: #6c6c6c}
.oDiv ul li:hover h4{color: #0d6fbb;}
.oDiv ul li p{overflow: hidden;color: #333;margin-bottom: 8px;clear: both;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 700px;}
.new_f{text-align: center;display: block;margin-top: 50px;width: 850px;}
.new_f a{padding: 10px 15px;margin-left: 6px;color: #7b7b7b;border: 1px solid#7b7b7b;border-radius: 5px;}
.new_f a:hover{background: #0d6fbb;color: #fff}
/*
.three_g li{width: 850px;height: 68px;border-bottom: 1px dashed #ccc;}
.three_g li h4{color: #333;font-size: 15px;font-weight: bold;margin-top: 14px;}
.three_g li h4:hover{color: #0d6fbb;}
.three_g li p{color: #333;}
*/

/*新闻详情*/
.news_view{width: 850px;margin-top: 24px;}
.news_view h4{text-align: center;font-size: 18px;font-weight: bold;color: #323232;}
.news_view span{text-align: center;display: block;color: #323232;margin: 24px 0;}
.news_view p{color: #323232;font-size: 14px;margin-bottom: 8px;text-indent: 2em;letter-spacing: 1px;}
.page{margin-top: 40px;}
.page div{color: #323232}
.page div a{color: #323232;}
.page div a:hover{color: #0d6fbb;}

/*招标公示*/
.publicity{width: 850px;margin-top: 24px;}
.publicity h4{text-align: center;font-size: 18px;font-weight: bold;color: #323232;margin-bottom: 24px;}
.publicity p{color: #323232;font-size: 14px;margin-bottom: 8px;text-indent: 2em;letter-spacing: 1px;}

/*人力资源*/
.human{ width:850px;}
.human ul li span{margin: 0 16px;}
.human table tbody tr{}
.human table tbody tr td{text-align: center;border-bottom: 1px dashed #ccc;padding: 8px 0;color: #7b7b7b}
.human table tbody tr td a{color: #777}
.human table tbody tr td a:hover{color: #0d6fbb;font-weight: bold;}
.human table tbody .the_one td{color: #333;font-weight: bold;border: 0;}
.human_view{width: 850px;margin-top: 24px}

/*人力资源详情*/
.human_view p b{font-size: 16px;color: #0d6fbb}
.human_view p{font-size: 14px;color: #777;margin-bottom: 16px;}

/*联系我们*/
.contact{width: 1200px;margin-top: 24px;}
.contact .lianxi{width: 475px;}
.contact img{width: 380px;display: block;}
.contact p{color: #333;font-size: 14px;margin-top: 32px;}
.message{margin-top: 32px;width: 700px;}
.message form{width: 700px;float: left;}
.message form input{width: 210px;height: 36px;border: 1px solid#ccc;margin-left: 2.5%;padding: 0 3px;letter-spacing: 1.5px;color: #333;font-size: 14px;}
.message textarea{width: 688px;height: 200px;border: 1px solid#ccc;margin: 16px 0;color: #333;padding: 0 3px;letter-spacing: 1.5px;}
.message form .ti{width: 700px;height: 50px;background: #126fb8;color: #fff;font-weight: bold;font-size: 16px;margin-top: 16px;border-radius: 5px;}

/*企业荣誉*/
.honor{width: 850px;margin-top: 24px}
.honor ul{margin-top: 16px;}
.honor ul li{width: 850px;float: left;border-bottom: 1px dashed #ccc;padding: 8px 0;}
.honor ul li a{float: left;color:#323232}
.honor ul li span{float: right;color: #7b7b7b}
.honor h4{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;}
.honor h2{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;opacity: 0.35;margin-left: 10px;}
.honor h5{text-transform: capitalize;font-size: 18px;color: #0d6fbb;clear: both;opacity: 0.35}
.honor ul li a:hover{color: #0d6fbb;text-decoration:underline}

/*企业荣誉详情*/
.honor_v{width: 850px;margin-top: 24px}
/*.honor_v img{float: left;width: 50px;margin-right: 10px;}*/
.honor_v h4{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;}
.honor_v h2{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;opacity: 0.35;margin-left: 10px;}
.honor_v h5{text-transform: capitalize;font-size: 18px;color: #0d6fbb;clear: both;opacity: 0.35}
.honor_v h3{text-align: center;color: #323232;font-size: 18px;margin: 24px 0 10px 0;}
.honor_v span{text-align: center;display: block;color: #323232;font-size: 14px;}
.honor_v img{width: 600px;margin: 10px auto;display: block;height:405px}

/*企业资质*/
.zizhi{width: 850px;margin-top: 24px}
.zizhi h4{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;}
.zizhi h2{font-size: 20px;font-weight: bold;color: #0d6fbb;float: left;opacity: 0.35;margin-left: 10px;}
.zizhi h5{text-transform: capitalize;font-size: 18px;color: #0d6fbb;clear: both;opacity: 0.35}
.image-list{margin-top:24px;}
.image-list .cover{position:relative;width:270px;height:220px;display:inline-block;margin-left:10px;margin-bottom:10px;background-color:#fff;cursor:pointer;}
.image-list .cover img{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:270px;height:220px;}
/*main CSS*/
#pictureViewer{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.3);z-index:10000;}
#pictureViewer > .content{background-color:#fff;position:absolute;width:590px;height:590px;margin:auto;top:0;right:0;bottom:0;left:0;}
#pictureViewer .menu-bar{width:100%;}
#pictureViewer .menu-bar .handel{width:40px;height:40px;float:right;background-repeat:no-repeat;background-position:50%;cursor:pointer;}
#pictureViewer .menu-bar .handel:hover{background-color:#0d6fbb;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
#pictureViewer .menu-bar .handel.maximization{background-image:url(../images/maximization_black.png);background-size:14px;}
#pictureViewer .menu-bar .handel.maximization:hover{background-image:url(../images/maximization_white.png);}
#pictureViewer .menu-bar .handel.miniaturization{background-size:16px;background-image:url(../images/miniaturization_black.png);}
#pictureViewer .menu-bar .handel.miniaturization:hover{background-image:url(../images/miniaturization_white.png);}
#pictureViewer .menu-bar .handel.close-view{background-image:url(../images/close_black.png);background-size:15px;}
#pictureViewer .menu-bar .handel.close-view:hover{background-image:url(../images/close_white.png);}
#pictureViewer .handel-prev,#pictureViewer .handel-next{display:inline-block;width:50px;height:70px;position:relative;top:calc(50% - 80px);background-repeat:no-repeat;background-size:25px;background-position:50%;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
#pictureViewer .handel-prev{background-image:url(../images/prev_blank.png);}
#pictureViewer .handel-next{background-image:url(../images/next_blank.png);}
#pictureViewer .handel-prev:hover,#pictureViewer .handel-next:hover{background-color:#0d6fbb;}
#pictureViewer .handel-prev:hover{background-image:url(../images/prev_white.png);}
#pictureViewer .handel-next:hover{background-image:url(../images/next_white.png);}
#pictureViewer .picture-content{display:inline-block;width:80%;height:calc(100% - 80px);position:absolute;margin:0 auto;left:0;right:0;}
#pictureViewer .picture-content .cover{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
#pictureViewer .counter{position:absolute;bottom:0;height:40px;line-height:40px;width:100%;text-align:center;color:#808080;font-size:13px;}
#pictureViewer .hide{display:none;}
#pictureViewer .left{float:left;}
#pictureViewer .right{float:right;}
#pictureViewer .clear-flex{clear:both;}
#pictureViewer img{max-width:100%;max-height:100%;}
