@charset "utf-8";
.wrapper {
    margin: 0 auto;
    width: 1200px;
}
/* CSS Document */
/*文字列表*/
.viewDiv{padding-bottom:40px;margin-top: 80px;}
.viewDiv .viewDiv_title{text-align:center;background:url("../images/d.png") repeat-x 0 55px;padding:20px 0}
.viewDiv .viewDiv_title .titBox{display:inline-block;background:#fff;padding:10px 20px;z-index:2}
.viewDiv .viewDiv_title p{font-size:30px;color:#333}
.viewDiv .viewDiv_title span{display:block;font-size:16px;color:#ccc}
.viewDiv .viewDiv_cont{width:100%}
.viewDiv .txtList{width:100%;min-height:400px;}
.viewDiv .txtList .txtnrlist{width:90%;margin:0 auto;line-height:30px;font-size:18px;text-indent:2em;margin-top:10px;margin-bottom:10px;}
.viewDiv .txtList dl{width:98%;border-bottom:#ccc dashed 1px;padding:20px 1%}
.viewDiv .txtList dl:hover{background:#f8f8f8}
.viewDiv .txtList dl dt{width:250px;float:left;margin-right:30px}
.viewDiv .txtList dl dt img{width:250px;height:142px;border-radius:4px}
.viewDiv .txtList dl dd{float:left;width:calc(100% - 280px)}
.viewDiv .txtList dl dd h3 a{color:#333;display:inline-block; height:30px; line-height: 30px;margin-bottom: 10px;word-break:break-all;
overflow:hidden;/** 隐藏超出的内容 **/
text-overflow: ellipsis; /** 多行 **/
display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:1; /** 显示的行数 **/}
.viewDiv .txtList dl:hover dd h3 a{color:#1483ed}
.viewDiv .txtList dl dd p{color:#666;word-break:break-all;
overflow:hidden;/** 隐藏超出的内容 **/
text-overflow: ellipsis; /** 多行 **/
display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 2; /** 显示的行数 **/}
.viewDiv .txtList dl dd .bottomDiv{margin-top: 20px}
.viewDiv .txtList dl dd .bottomDiv .time{font-size:14px;float:left;color:#999}
.viewDiv .txtList dl dd .bottomDiv .more{float:right;display:inline-block;height:30px;line-height: 30px;padding:0 20px;border-radius:30px;background:#1483ed;color:#fff}
.viewDiv .txtList dl dd .bottomDiv .more:hover{background:#0063c2}
.viewDiv .xdhDiv{width:100%;text-align:center}
.viewDiv .xdhDiv a{display:inline-block;padding:10px 20px;color:#333;font-size:16px;background:#f8f8f8;margin:0 5px 10px 0}
.viewDiv .xdhDiv a:hover{background:#1483ed;color:#fff}
.viewDiv .xdhDiv .on,.viewDiv .xdhDiv .on:hover{background:#1483ed;color:#fff;font-weight:bold}
/*图片列表*/
.picList {padding:20px 0}
.picList ul li{float:left;width:285px;margin:0 20px 20px 0}
.picList ul li:nth-of-type(4n+4){margin:0}
.picList ul li .pic{width:285px;height:246px}
.picList ul li:hover .pic{box-shadow:0px 0px 5px #1483ed;z-index: 5}
.picList ul li .pic img{width:285px;height:246px}
.picList ul li .txt{width:285px;height:36px;line-height:36px;text-align:center;color:#333;overflow: hidden;}
.picList ul li:hover .txt{color:#1483ed}
/*文字详情*/
.viewDiv .view_title {width:100%;padding:40px 0 20px 0;border-bottom:#ccc solid 1px}
.viewDiv .view_title h2{font-size:24px;font-weight:bold;text-align:center}
.viewDiv .view_title .sjDiv {width:80%;text-align:center;margin:10px auto;font-size:13px}
.viewDiv .view_title .sjDiv span{display:inline-block;color:#999;padding:0 20px}
.viewDiv .view_cont{width:96%;margin:20px auto;line-height:30px}
.viewDiv .view_cont p{text-indent:2rem;margin-bottom:10px}
.viewDiv .view_cont img{display:block;/*width:600px;*/width:95%;text-align:center;margin:10px auto;height:auto;text-indent:0}
.viewDiv .fyDiv{border-top:#ccc solid 1px;padding-top:10px}
.viewDiv .fyDiv a{width:100%;margin:auto;display:block;color:#999;height:30px;line-height:30px;font-size:14px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.viewDiv .fyDiv .syp{float:left;width:40%}
.viewDiv .fyDiv .xyp{float:right;width:40%;text-align:right}
.viewDiv .fyDiv a span{padding-left:10px;color:#333}
.viewDiv .fyDiv a:hover span{color:#1483ed}
/*公司简介*/
.viewDiv_cont h2{font-size:24px;font-weight:bold;text-align:center;margin:20px auto}
.viewDiv_cont p{/*width:90%;*/text-indent:2rem;line-height:30px;margin:0 auto 10px auto}
.viewDiv_cont p img{display:block;width:600px;text-align:center;margin:10px auto;height:auto;text-indent:0}
/*图片详情*/
.viewDiv .picView{width:100%;margin:20px auto}
.viewDiv .picView .picview_left{float:left;width:500px}
.viewDiv .picView .picview_left img{width:100%;height:350px}
.viewDiv .picView .txtview_right {float:right;width:calc(100% - 540px)}
.viewDiv .picView .txtview_right .cpBt{font-size:32px;height:40px;line-height:40px}
.viewDiv .picView .txtview_right .cpXq{font-size:16px;line-height:30px;color:#666;margin-top:20px}
.viewDiv .cpxqDiv {width:100%;margin-top:10px}
.viewDiv .cpxqDiv h3{width:100%;font-weight:bold;line-height:36px}
.viewDiv .cpxqDiv p{text-indent:2rem;line-height:30px}
.viewDiv .cpxqDiv p img{width:auto;max-width:100%;margin:auto;display:block}
.viewDiv .shareDiv {margin-top:50px}

/*组织介绍*/
.viewDiv .listPic {width:100%}
.viewDiv .listPic span{/*display:inline-block;margin:5px 0;float:left;width:calc(16.66666666666667% - 15px);padding-right:15px*/ width:80%;text-align:centet;}
.viewDiv .listPic span:last-child{padding-right:0;width:calc(16.66666666666667% - 15px)}
.viewDiv .listPic span img{/*width:184px;height:148px*/width:100%;}
.viewDiv .viewDiv_cont .jg01,.viewDiv .viewDiv_cont .jg02,.viewDiv .viewDiv_cont .jg03,.viewDiv .viewDiv_cont .jg04{width:100%;position: relative;min-height:160px}
.viewDiv .viewDiv_cont .jg_box{width:100px;height:100px;background:rgba(20,131,237,0.7);border-radius: 4px;display: inline-block;transform: rotate(45deg);transform-origin: center center;-ms-transform: rotate(45deg);-ms-transform-origin: center center;-moz-transform: rotate(45deg);-moz-transform-origin: center center;-webkit-transform: rotate(45deg);-webkit-transform-origin: center center}
.viewDiv .viewDiv_cont .jg_box a{width:100%;display:block;text-align:center;transform:rotate(-45deg);font-size:17px;margin-left:-20px;padding-top:45px;color:#fff;height:20px;line-height:20px}
.viewDiv .viewDiv_cont .dw01{position:absolute;left:550px;top:0}
.viewDiv .viewDiv_cont .jg_zx {width:2px;height:20px;background:rgba(20,131,237,0.3)}
.viewDiv .viewDiv_cont .dw02{position:absolute;left:599px;top:118px}
.viewDiv .viewDiv_cont .jg_leftX {width:150px;height:2px;background:rgba(20,131,237,0.3)}
.viewDiv .viewDiv_cont .jg_rightX {width:150px;height:2px;background:rgba(20,131,237,0.3)}
.viewDiv .viewDiv_cont .dw03{position:absolute;left:450px;top:138px}
.viewDiv .viewDiv_cont .dw04{position:absolute;left:599px;top:138px}
.viewDiv .viewDiv_cont .dw05{position:absolute;left:399px;top:15px}
.viewDiv .viewDiv_cont .dw06{position:absolute;left:699px;top:15px}
.viewDiv .viewDiv_cont .dw07{position:absolute;left:448px;top:138px}
.viewDiv .viewDiv_cont .dw08{position:absolute;left:749px;top:138px}
.viewDiv .viewDiv_cont .dw09{position:absolute;left:448px;top:134px}
.viewDiv .viewDiv_cont .dw10{position:absolute;left:748px;top:134px}
.viewDiv .viewDiv_cont .dw11{position:absolute;left:399px;top:13px}
.viewDiv .viewDiv_cont .dw12{position:absolute;left:448px;top:132px}
.viewDiv .viewDiv_cont .dw13{position:absolute;left:300px;top:-8px}
.viewDiv .viewDiv_cont .dw14{position:absolute;left:450px;top:-8px}
.viewDiv .viewDiv_cont .dw15{position:absolute;left:300px;top:-6px}
.viewDiv .viewDiv_cont .dw16{position:absolute;left:448px;top:-6px}
.viewDiv .viewDiv_cont .dw17{position:absolute;left:598px;top:-6px}
.viewDiv .viewDiv_cont .dw18{position:absolute;left:251px;top:33px}
.viewDiv .viewDiv_cont .dw19{position:absolute;left:399px;top:33px}
.viewDiv .viewDiv_cont .dw20{position:absolute;left:549px;top:33px}
/*架构详情*/
.dqwzDiv{width:100%;height:40px;line-height:40px;font-size:14px;color:#ccc}
.dqwzDiv a{color:#666;padding:0 5px}
.dqwzDiv a:hover{color:#00a2ff}
.dqwzDiv span{color:#666}
.jgxqDiv{background:#fff;width:96%;padding:2%;margin:0px auto;min-height:500px;box-shadow:0 0 5px #eee}
.jgxqDiv a{display:block;float:left;width:calc(12.5% - 30px);margin:10px 15px}
.jgxqDiv a p{display:block;width:100%;border-radius:14px}
.jgxqDiv a p img{border-radius:10px;width:100%}
.jgxqDiv a span{display:block;height:30px;line-height:30px;text-align:center;color:#333}
.jgxqDiv a:hover img{box-shadow:0 0 5px #00a2ff}
.jgxqDiv a:hover span{color:#00a2ff}


@media screen and (min-width:320px)and (max-width:1024px){
/*文字列表*/
.wrapper{margin:50px auto;width:100%;overflow:hidden}	
.viewDiv .viewDiv_title{text-align:center;background:url("../images/d.png") repeat-x 0 55px;padding:20px 0 0 0}
.viewDiv .viewDiv_title .titBox{display:inline-block;background:#fff;padding:10px 20px;z-index:2}
.viewDiv .viewDiv_title p{font-size:30px;color:#333}
.viewDiv .viewDiv_title span{display:block;font-size:16px;color:#ccc}
.viewDiv .viewDiv_cont{width:100%}
.viewDiv .txtList{width:100%}
.viewDiv .txtList dl{width:94%;border-bottom:#ccc dashed 1px;padding:20px 1%;margin:0 auto}
.viewDiv .txtList dl:hover{background:#f8f8f8}
.viewDiv .txtList dl dt{width:100%;float:inherit;margin-right:30px}
.viewDiv .txtList dl dt img{width:100%;height:auto;border-radius:4px}
.viewDiv .txtList dl dd{float:inherit;width:100%}
.viewDiv .txtList dl dd h3 a{color:#333;display:inline-block; height:30px; line-word-break:break-all;height: 30px;margin-bottom: 10px;text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;}
.viewDiv .txtList dl:hover dd h3 a{color:#1483ed}
.viewDiv .txtList dl dd p{color:#666;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.viewDiv .txtList dl dd .bottomDiv{margin-top:20px}
.viewDiv .txtList dl dd .bottomDiv .time{font-size:14px;float:left;color:#999}
.viewDiv .txtList dl dd .bottomDiv .more{float:right;display:inline-block;height:30px;line-height: 30px;padding:0 20px;border-radius:30px;background:#1483ed;color:#fff}
.viewDiv .txtList dl dd .bottomDiv .more:hover{background:#0063c2} 
.viewDiv .xdhDiv{width:100%;text-align:center}
.viewDiv .xdhDiv a{display:inline-block;padding:10px 2%;color:#333;font-size:16px;background:#f8f8f8;margin:0 5px 10px 0}
.viewDiv .xdhDiv a:hover{background:#1483ed;color:#fff}
.viewDiv .xdhDiv .on,.viewDiv .xdhDiv .on:hover{background:#1483ed;color:#fff;font-weight:bold}
/*图片列表*/
.picList {padding:20px 2%;width:96%!important; margin:auto}
.picList ul li{float:left;width:100%;margin:0 auto;padding:5%}
.picList ul li:nth-of-type(2n+2){margin:0}
.picList ul li .pic{width:100%;height:auto}
.picList ul li:hover .pic{box-shadow:0px 0px 5px #1483ed;z-index: 5}
.picList ul li .pic img{width:100%;height:auto}
.picList ul li .txt{width:100%;height:36px;line-height:36px;text-align:center;color:#333}
.picList ul li:hover .txt{color:#1483ed}
/*文字详情*/
.viewDiv .view_title {width:90%;margin:auto;padding:40px 0 20px 0;border-bottom:#ccc solid 1px}
.viewDiv .view_title h2{font-size:24px;font-weight:bold;text-align:center}
.viewDiv .view_title .sjDiv {width:80%;text-align:center;margin:10px auto;font-size:13px}
.viewDiv .view_title .sjDiv span{display:inline-block;color:#999;padding:0 20px}
.viewDiv .view_cont{width:90%;margin:20px auto;line-height:30px}
.viewDiv .view_cont p{text-indent:2rem;margin-bottom:10px}
.viewDiv .view_cont img{display:block;width:100% !important;text-align:center;margin:10px auto;height:auto;text-indent:0}
.viewDiv .fyDiv{border-top:#ccc solid 1px;padding-top:10px}
.viewDiv .fyDiv a {width:90%;margin:auto;display:block;color:#999;height:30px;line-height:30px;font-size:14px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.viewDiv .fyDiv .syp{float:inherit;width:90%}
.viewDiv .fyDiv .xyp{float:inherit;width:90%;text-align:inherit}
.viewDiv .fyDiv a span{padding-left:10px;color:#333}
.viewDiv .fyDiv a:hover span{color:#1483ed}
/*公司简介*/
.viewDiv_cont h2{width:90%;font-size:24px;font-weight:bold;text-align:center;margin:20px auto}
.viewDiv_cont p{width:90%;margin:0 auto 10px auto;;line-height:30px}
.viewDiv_cont p img{display:block;width:100%;text-align:center;margin:10px auto;height:auto;text-indent:0}
/*图片详情*/
.viewDiv .picView{width:98%;margin:20px auto}
.viewDiv .picView .picview_left{float:inherit;width:100%}
.viewDiv .picView .picview_left img{width:100%;height:auto}
.viewDiv .picView .txtview_right {float:inherit;width:98%;margin:10px auto}
.viewDiv .picView .txtview_right .cpBt{font-size:24px;height:auto;line-height:24px;text-align:center}
.viewDiv .picView .txtview_right .cpXq{font-size:16px;line-height:30px;color:#666;margin-top:20px}
.viewDiv .cpxqDiv {width:96%;margin:10px auto}
.viewDiv .cpxqDiv h3{font-weight:bold;line-height:24px}
.viewDiv .cpxqDiv p{text-indent:2rem;line-height:30px}
.viewDiv .cpxqDiv p img{width:auto;max-width:100%;margin:auto;display:block}
.viewDiv .shareDiv {margin-top:20px}	

.viewDiv .listPic {width:100%}
.viewDiv .listPic span{/*display:inline-block;margin:5px 0;float:left;width:calc(33.33333333333333% - 14px);padding:0 7px*/ width:80%;text-align:center;}
.viewDiv .listPic span:last-child{width:calc(33.33333333333333% - 14px)}
.viewDiv .listPic span img{width:100%;height: auto;/*max-height:120px*/}
.viewDiv .viewDiv_cont .jg01,.viewDiv .viewDiv_cont .jg02,.viewDiv .viewDiv_cont .jg03,.viewDiv .viewDiv_cont .jg04{width:290px;margin:auto;position:relative;min-height:140px;height:140px}
.viewDiv .viewDiv_cont .jg_box{width:70px;height:70px;background:rgba(20,131,237,0.7);border-radius: 4px;display: inline-block;transform: rotate(45deg);transform-origin: center center;-ms-transform: rotate(45deg);-ms-transform-origin: center center;-moz-transform: rotate(45deg);-moz-transform-origin: center center;-webkit-transform: rotate(45deg);-webkit-transform-origin: center center}
.viewDiv .viewDiv_cont .jg_box a{width:100%;height:30px;line-height:15px;display:block;text-align:center;transform:rotate(-45deg);font-size:14px;margin-left:-8px;padding-top:30px;color:#fff}
.viewDiv .viewDiv_cont .dw01{position:absolute;left:50%;top:20px;margin-left:-36px}
.viewDiv .viewDiv_cont .jg_zx {width:2px;height:20px;background:rgba(20,131,237,0.3)}
.viewDiv .viewDiv_cont .dw02{position:absolute;left:143px;top:103px}
.viewDiv .viewDiv_cont .jg_leftX {width:100px;height:2px;background:rgba(20,131,237,0.3)}
.viewDiv .viewDiv_cont .jg_rightX {width:100px;height:2px;background:rgba(20,131,237,0.3)}
.viewDiv .viewDiv_cont .dw03{position:absolute;left:50px;top:123px}
.viewDiv .viewDiv_cont .dw04{position:absolute;left:150px;top:123px}
.viewDiv .viewDiv_cont .dw05{position:absolute;left:16px;top:18px}
.viewDiv .viewDiv_cont .dw06{position:absolute;left:214px;top:18px}
.viewDiv .viewDiv_cont .dw07{position:absolute;left:50px;top:125px}
.viewDiv .viewDiv_cont .dw08{position:absolute;left:248px;top:125px}
.viewDiv .viewDiv_cont .dw09{position:absolute;left:50px;top:100px}
.viewDiv .viewDiv_cont .dw10{position:absolute;left:248px;top:100px}
.viewDiv .viewDiv_cont .dw11{position:absolute;left:16px;top:-7px}
.viewDiv .viewDiv_cont .dw12{position:absolute;left:50px;top:76px}
.viewDiv .viewDiv_cont .dw13{position:absolute;left:40px;top:-44px}
.viewDiv .viewDiv_cont .dw14{position:absolute;left:140px;top:-44px}
.viewDiv .viewDiv_cont .dw15{position:absolute;left:40px;top:-42px}
.viewDiv .viewDiv_cont .dw16{position:absolute;left:139px;top:-42px}
.viewDiv .viewDiv_cont .dw17{position:absolute;left:238px;top:-42px}
.viewDiv .viewDiv_cont .dw18{position:absolute;left:6px;top:-9px}
.viewDiv .viewDiv_cont .dw19{position:absolute;left:105px;top:-9px}
.viewDiv .viewDiv_cont .dw20{position:absolute;left:204px;top:-9px}
/*架构详情*/
.dqwzDiv{width:100%;height:40px;line-height:40px;font-size:14px;color:#ccc}
.dqwzDiv a{color:#666;padding:0 5px}
.dqwzDiv a:hover{color:#00a2ff}
.dqwzDiv span{color:#666}
.jgxqDiv{background:#fff;width:96%;padding:2%;margin:0px auto;min-height:100px;box-shadow:0 0 5px #eee}
.jgxqDiv a{display:block;float:left;width:calc(25% - 10px);margin:5px}
.jgxqDiv a p{display:block;width:100%;border-radius:14px}
.jgxqDiv a p img{border-radius:10px;width:100%}
.jgxqDiv a span{display:block;height:30px;line-height:30px;text-align:center;color:#333}
.jgxqDiv a:hover img{box-shadow:0 0 5px #00a2ff}
.jgxqDiv a:hover span{color:#00a2ff}

}