@import url("pcbase.css");

.title_box{position:relative; text-align:center; padding:45px 0 25px 0;}
.title_box .h2{ text-align: center; color: #333; font-size: 32px; position: relative;}
.title_box .h2:before {
    content: '';
    position: absolute;
    width: 132px;
    height: 2px;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #0095FF;
}
.title_box .h2:after {
    content: '';
    width: 32px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: nexsliderbar 5s linear infinite;
    animation: nexsliderbar 5s linear infinite;
    background: #0095FF;
}

@-webkit-keyframes nexsliderbar{
	0%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
	50%{-webkit-transform:translateX(38px);transform:translateX(38px);}
	100%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
}
@keyframes nexsliderbar{
	0%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
	50%{-webkit-transform:translateX(38px);transform:translateX(38px);}
	100%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
}

.title_box .h2 i{ color: #1b61bd; padding-right: 9px;}
.title_box .h2 span{display: block;font-weight: normal;font-size: 14px;color: #666;padding: 9px 0 19px 0;}
.title_box .h21{ text-align:center; padding:23px 0 20px; background:url(../images/line.png) no-repeat center top;}
.title_box .h21 em{ display:block; font:16px Arial; text-transform:uppercase; color:#666; padding-top:9px;}
.title_box .h21 i{ display:block; font:16px Arial; text-transform:uppercase; color:#a9a9a9; padding-top:9px;}
.title_box .h21 span{ font-size: 2.6rem; font-family: webfont; color: #292929;}


.cpcenter .cppiclist{ overflow: hidden;}
.cpcenter .cppiclist li{float: left; overflow: hidden;text-align: center;}
.cpcenter .cppiclist li.one{ margin-left: 0;}
.cpcenter .cppiclist li img{display: block;width: 100%; height: 232px;}
.cpcenter .cppiclist li h3{ padding: 20px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 1.1rem; color: #fff;background: #006DB5;}
.cpcenter .cppiclist li h3 a{ display: block; width: 100%; height: 100%; color: #fff;}
.cpcenter .cppiclist li p{ padding: 20px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px; color: #fff;}
.cpcenter .cppiclist li .more{ display: block; padding: 13px 5px; color: #333; background: #EBE9EA;}
.layui-tab-title,.layui-tab-title .layui-this:after{ border: 0;}
.cpcenter .layui-tab-title{ height: auto; margin-bottom: 10px; overflow: hidden; text-align: center;}
.cpcenter .layui-tab-title li{ width: 13.5%; background: #E9E9E9; padding: 0; margin-right: 10px;}
.cpcenter .layui-tab-title li a{ padding: 6px 0; font-size: 16px;}
.cpcenter .layui-tab-title li.layui-this a{ background: #CE1616; color: #fff;}
.cpcenter .layui-tab-content{ padding: 10px 0;}

.cpcenter ul.cppiclist li .img p{ top: 5px; left: 20px; width: 86%; height: 96%; position: absolute; text-align: left; z-index: 10; opacity: 0; visibility: hidden;}
.cpcenter ul.cppiclist li .img p span{ display: block; padding-bottom: 5px; white-space: normal; font-size: 14px;}
.cpcenter ul.cppiclist li:hover .img p{ opacity: 1; visibility: visible;}
.cpcenter ul.cppiclist li .img a.thumb:before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0); z-index: 2;}
.cpcenter ul.cppiclist li:hover a.thumb:before { background-color: rgba(0,0,0,0.6);}
.cpcenter ul.cppiclist li .img a.thumb { position: relative; display: block;}

.cpcenter ul.cppiclist li:hover a.thumb img { transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2);}
.cpcenter ul.cppiclist li .img:hover img.thumb { opacity: 0.8;}
.cpcenter ul.cppiclist li .img img.thumb { display: block; width: 100%;}
.cpcenter ul.cppiclist li .img { position: relative; overflow: hidden; display: block;}


.index_about{height: 635px;padding-top:20px;}
.index_about .title a{text-align: center;font-size: 38px;font-weight: bold;color: #333;display: block;margin-bottom: 50px;background:url(../images/pro_title.jpg) no-repeat center 55px;}
.index_about .title a em{font-size: 18px;color: #555;display: block;font-style: normal;padding-top:23px;}
.index_about .content dt{float: right;width: 600px;height: 478px;}


.index_about .zj_yun_bg {
  position: relative;
  width: 600px;
  height: 450px;
  background: url(../images/zj_yun_bg.jpg) no-repeat center;
  background-size: cover;
}
.index_about .aboutimg{
  width: 100%;
  height: 300px;
	position: absolute;
	bottom: 0;
  background: url(../images/aboutimg.png) no-repeat center 0;
	background-size:100% 100%;
}
.index_about .zj_yun_bg1   {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/zj_yun_bg1.png) repeat-x 0px 0px;
  background-size: cover;
  animation: posterDrop1 1000s linear infinite;
}

@keyframes posterDrop1 {
  from { background-position: 0 0; }
  to { background-position: 4000% 0; }
}

.index_about .zj_yun_bg2   {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/zj_yun_bg2.png) repeat-x 0px 0px;
  background-size: cover;
  animation: posterDrop2 8000s linear infinite;
}

@keyframes posterDrop2 {
  from { background-position: 0 0; }
  to { background-position: 30000% 0; }
}


.index_about .content dd{width: 640px;float: left;padding-left: 43px;padding-top: 20px;}
.index_about .content dd h3{border-bottom: 1px solid #dddddd;}
.index_about .content dd h3 a{font-size: 60px;color: #006DB5;font-weight: bold;height: 150px;font-family: Arial;}
.index_about .content dd h3 a em{font-size: 16px;color: #423f3b;font-style: normal;display: block;padding-bottom: 20px;}
.index_about .content dd p{font-size: 14px;color: #555;line-height: 30px;margin-top: 20px;}
.index_about .content span a{margin-top: 20px;display: inline-block;}
.index_about .content span .xq{width:144px;height:36px;line-height: 36px;text-align: center;margin-right: 18px;margin-top:25px;background:#006DB5; border-radius: 20px;display: block;float: left;color: #FFF;}
.index_about .content span .zx{width:144px;height:36px;line-height: 36px;text-align: center;margin-top:25px;background:#ff5001;border-radius: 20px;display: block;float: left; color: #FFF;}

.sccj{width: 100%;overflow: hidden;padding-bottom: 18px;}
.sccj .content{ width: 1300px; height: auto;padding: 0 110px; overflow: hidden; position: relative; }
.sccj .content ul{ overflow:hidden; zoom:1; height:auto; }
.sccj .content ul li{float:left; width:249px;  overflow:hidden; height:282px; margin-right:25px;}
.sccj .content ul li img{ width: 100%; height: 232px; border: 1px solid #e6e6e6; }
.sccj .content ul li p{ text-align:center; font-size:16px; padding:15px 0;}
.sccj .content ul li a{ color:#6f6f6f;}
.sccj .content ul li a:hover{ color:#FF0000;}
.sccj .content .prev,.sccj .content .next {display:block;width:55px;height:55px;margin-right:5px;margin-top:10px;overflow:hidden;cursor:pointer;}
.sccj .content a.prev,.sccj .content a.next {position:absolute;top:98px;color:#a29a9a;width:80px;height:80px;background:#fff;border-radius:100%;top:30px;z-index:999;}
.sccj .content a.prev {right:-2px;}
.sccj .content a.next {left:10px;}
.sccj .content a.next:before {font-family:'iconfont';content:'\e8ea';font-size:28px;margin:27px 0 0 27px;display:block;}
.sccj .content a.prev:before {font-family:'iconfont';content:'\e8eb';font-size:28px;margin:27px 0 0 27px;display:block;}
.sccj .content a.prev:hover,.sccj .content a.next:hover {color:#333;box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);cursor:pointer;}

#picScroll_top .content ul li{ width:344px !important;}
#picScroll_top .content .bd{ overflow: hidden;}
#picScroll_top .content a.prev, #picScroll_top .content a.next{ top: 72px;}


.news{width: 100%;}
.news .newsL{width: 635px;float: left;padding: 0 30px;border: 1px solid #eaeaea;height: 468px;}
.news .newsR{ margin-left: 30px;}
.news .news-top{height: 65px;position: relative;border-bottom: 1px solid #eaeaea;}
.news .news-top h3{float: left;padding-left: 0px;font-size: 20px;color: #0b4992;line-height: 65px;}
.news .news-top h3 a{color: #006DB5;text-decoration: none;}
.news .news-top a.more{display: block;font-size: 14px;color: #999999;font-family: arial;text-transform: uppercase;float: right;line-height: 65px;}
.news .news-top i.line{display: block;width: 134px;height: 2px;background: #0b4992;position: absolute;left: 0;bottom: -2px;}
.news .newsL .news-top h3{}

.news .news-top i.iconfont {
    font-size: 42px;
	position: relative;
	top: 8px;
}


.news .box2{margin-top: 29px;}
.news .box2 li{overflow: hidden;margin-bottom: 7px;}
.news .box2 li em{display: block;float: left;width: 24px;height: 24px;border: 1px solid#e9e9e9;font-size: 14px;color: #999999;line-height: 24px;text-align: center;font-family: arial;}
.news .box2 li a{display: block;margin-left: 16px;width: 362px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;line-height: 26px;font-size: 14px;}
.news .box2 li span{display: block;font-size: 14px;color: #999999;width: 80px;float: right;line-height: 26px;text-align: right;}
.news .box2 li:hover em{background: #0b4992;color: #fff;border-color: #0b4992;}
.news .box1{margin-top: 30px;}
.news .box1 dl{margin-bottom: 24px;}
.news .box1 dt{float: left;width: 142px;height: 110px;}
.news .box1 dt img{display: block;width: 142px;height: 110px;}
.news .box1 dd{width: 350px;float: left ; margin-left: 24px;}
.news .box1 dd h3{font-size: 16px;color: #333333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: url(/images/wen.jpg) no-repeat; height: 26px;}
.news .box1 dd h3 a{color: #333333;text-decoration: none; padding-left: 30px;}
.news .box1 dd p{font-size: 14px;color: #999999;line-height: 22px;margin-top: 13px;overflow: hidden;text-overflow: ellipsis;height: 44px; background: url(/images/da.jpg) no-repeat;}
.news .box1 dd p a{color: #999999;text-decoration: none;overflow: hidden;text-overflow: ellipsis;height: 44px; padding-left: 30px;}
.news .box1 dl:hover dd h3 a{color: #0b4992;font-weight: bold;}

.news li.one{margin-top: 30px;}
.news li.one a{ margin-left: 0;}
.news li.one dl{margin-bottom: 5px;}
.news li.one dt{float: left;width: 142px;height: 110px;}
.news li.one dt img{display: block;width: 142px;height: 110px;}
.news li.one dd{width: 398px;float: left ;margin-left: 30px;}
.news li.one dd h3{font-size: 16px;color: #333333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news li.one dd h3 a{color: #333333;text-decoration: none; margin-left: 0; font-size: 16px;}
.news li.one dd p{font-size: 14px;color: #999999;line-height: 22px;margin-top: 16px;overflow: hidden;text-overflow: ellipsis;height: 44px;}
.news li.one dd p a{color: #999999;text-decoration: none;}
.news li.one dl:hover dd h3 a{color: #0b4992;font-weight: bold;}