﻿@charset "utf-8";
@media screen and (min-width:975px) and (max-width:1200px){
/*头部*/
.pc{display:block;}
.phone{display:none;}
.container{width:100%;padding-right:15px;padding-left:15px;}
.head0{}
.logo{padding:33px 0;width:12%;float:left;}
.logo img{width:100%}
.head1{width:80%;float:left;margin-top:0px;margin-left:3%;}
.head1 ul li{position:relative;float:left;width:14.1%;/* padding-left:4.5%; */background:url(../images/head3.png) no-repeat  left -61px;transition:0.3s;text-align:center;}
.head1 ul li h2{padding:42px 0 22px;font-size:14px;color:#111111;}
.head1 ul li h2 b{display:none;margin-left:10px;}
.head1 ul li h2 span{margin-left:10px;}
.head1 ul li:hover,.head1 ul li.hover{background: url(../images/head3.png) no-repeat  left 20px;}
.head1 ul li:hover h2,.head1 ul li.hover h2{color:#FFF;}
.head1 ul li:hover h2 b,.head1 ul li.hover h2 b{display:inline-block;}
.head1 ul li:hover h2 span,.head1 ul li.hover h2 span{display:none;}
.head1 ul li dl{position:absolute;top:120px;left:0px;opacity:0;z-index:1000;width:100%;height:0px;overflow:hidden;background:#01659F;transition:0.3s;}
.head1 ul li:hover dl{opacity:1;top:79px;height:auto;}
.head1 ul li dl dd{padding-left:25%;}
.head1 ul li dl dd:hover{background:#0D8ED7;}
.head1 ul li dl dd h3{padding:10px 0;font-size:14px;color:#FFF;}
.head2{width:5%;float:right;margin-top:30px;text-align:center;}
.head2 h2{float:right;font-size:16px;color:#999999;width:40px;height:40px;border:1px solid #e1e1e1;border-radius:100%;padding:11px 0;line-height:16px;}
.head2 h2:hover{background:#006FAF;color:#FFF;border:1px solid #006FAF;}
.head1 ul li.head3 dl dd{padding:0 5%;}
/*头部*/
/*首页*/
.asct{position:fixed;top:45%;right:0px;z-index:99999;}
.asct1{transition:0.3s;margin-top:2px;position:relative;height:40px;width:40px;background:#005DA3;}
.asct3{padding:5px;background:#FFF;display:none;position:absolute;right:100%;top:0px;}
.asct1:hover .asct3{display:block;}
.asct3 h4{text-align:center;line-height:40px;width:120px;font-size:14px;color:#FFF;font-weight:700;background:url(../images/ascui2.png) repeat-x center center;}


.inda2{position:relative;}
.inda2 .bd ul li img{width:100%;}
.inda3{position:absolute;bottom:5%;left:0%;text-align:center;width:100%;}
.inda3 ul li{margin-right:10px;border-radius:100%;height:20px;width:20px;display:inline-block;background:#FFF;transition:0.3s;}
.inda3 ul li:hover,.inda3 ul li.on{width:50px;border-radius:100px;background:#006FAF;}
.inda4{position:absolute;bottom:5%;right:20%;width:6%;}
.inda4 ul li{margin-right:10px;border-radius:100%;height:20px;width:20px;float:left;background:#FFF;}
.inda5{margin-top:20px;float:left;position:relative;padding:0 7px;height:24px;width:20px;width:50%;text-align:center;}
.inda6{width:120px;display:none;position:absolute;bottom:24px;left:-27px;padding:6px 6px 15px;background:url(../images/inda7.png) no-repeat bottom center;}
.inda6 img{width:100%;}
.inda5:hover{display:block;margin-top:0px;padding-top:20px;}
.inda5:hover .inda6{display:block;}
.inda7{width:5%;height:24px;position:absolute;bottom:5%;right:26%;background:url(../images/inda8.png) repeat-x center center;}
.inda8{width:13%;height:24px;position:absolute;bottom:5%;right:7%;background:url(../images/inda8.png) repeat-x center center;}
.inda9{width:1px;margin-bottom:12px;height:30%;position:absolute;bottom:5%;right:7%;background:url(../images/inda9.png) repeat-y center center;}
.inda11{width:3px;margin-bottom:12px;height:25%;position:absolute;bottom:53%;right:7%;background:url(../images/inda11.png) no-repeat bottom center;}
.inda10{width:16px;text-align:center;height:24px;margin:0 -7.5px 12px;height:15%;position:absolute;bottom:35%;right:7%;/* background:url(../images/inda9.png) repeat-y center center; */}
.inda10 h2{display:none;font-size:14px;color:#FFFFFF;transform:rotate(90deg);margin-bottom:15px;}
.inda10 h3{height:3px;background: #FFF;margin-bottom:15px;}
.inda10 ul li.on h2{display:block;}
.inda10 ul li.on h3{background: #006FAF;}

.indb{padding:60px 0 5px;}
.indb1{text-align:center;}
.indb1 h2{display:inline-block;color:#333;font-size:18px;font-weight:700;}
.indb1 h3{display:inline-block;color:#999;font-size:16px;font-weight:400;margin-left:10px;}
.indb2{text-align:center;margin-top:75px;}
.indb2 ul li{width:21%;display:inline-block;margin:0px 1.5% 85px;}
.indb2 ul li p{text-align:left;color:#656565;font-size:14px;line-height:24px;}
.indb3{text-align:left;width:100%;overflow:hidden;margin-bottom:25px;height:39px;}
.indb3 h2{width:auto;float:left;margin-right:7%;}
.indb3 h2 img{max-width:100%;}
.indb3 h3{width:auto;float:left;line-height:32px;font-size:15px;color:#333;font-weight:700;}

.indc{background:url(../images/indc.png) no-repeat top center;padding:60px 0 30px;}
.indc1{text-align:center;}
.indc1 h2{display:inline-block;color:#FFF;font-size:18px;font-weight:700;}
.indc1 h3{display:inline-block;color:#FFF;font-size:16px;font-weight:400;margin-left:10px;}
.indc2{margin-top:90px;position:relative;}
.indc2 ul li{width:14%;text-align:center;float:left;}
.indc2 .prev{width:45px;height:45px;background:url(../images/prev.png) no-repeat center center;position:absolute;bottom:5%;left:10%;z-index:50;display:block;}
.indc2 .prev:hover{background:url(../images/prev.png) no-repeat center center;opacity:0.5;}
.indc2 .next{width:45px;height:45px;background:url(../images/next.png) no-repeat center center;position:absolute;bottom:5%;right:10%;z-index:50;display:block;}
.indc2 .next:hover{background:url(../images/next.png) no-repeat center center;opacity:0.5;}
.indc2 .hd ul{text-align:center;margin-top:50px;}
.indc2 .hd ul li{display:inline-block;margin:0 5px;width:50px;height:3px;background:#FFF;opacity:0.5;}
.indc2 .hd ul li:hover,.indc2 .hd ul li.on{background:#0D8DD7;opacity:1;}
.indc3{height:39px;}
.indc4{margin-top:35px;height:150px;}
.indc4 dl dd{margin-bottom:15px;}
.indc4 dl dd h2{width:100%;font-size:14px;color:#FFFFFF;display:inline-block;padding:10px 0px;border-radius:100px;transition:0.1s;}
.indc4 dl dd:hover h2{background:#FFF;color:#006FAF;}

.indd{padding:60px 0 35px;}
.indd1{margin-top:65px;}
.indd1 ul li{padding:10px;width:48%;margin:1%;overflow:hidden;float:left;position:relative;}
.indd2{width:44%;float:left;}
.indd2 img{width:100%;}
.indd3{width:50%;float:right;}
.indd3 h2{font-size:16px;color:#333333;font-weight:700;line-height:25px;margin-bottom:15px;}
.indd3 p{font-size:14px;color:#656565;line-height:24px;}
.indd3 span{font-size:14px;color:#999999;margin-top:35px;display:inline-block;padding-right:15px;background:url(../images/indd5.png) no-repeat right center;}
.indd1 ul li:hover .indd3 span{color:#00639B;background:url(../images/indd6.png) no-repeat right center;}
.indd4{height:45px;width:45px;background:#00639B;text-align:center;padding:3px 0;position:absolute;top:0px;left:0px;}
.indd4 h2{color:#FFF;font-size:14px;line-height:19px;font-weight:700;}

.inde{padding:60px 0 80px;background:url(../images/inde.png) repeat-y center center;}
.inde2{width:48%;float:left;}
.inde3{position:relative;padding-left:10%;}
.inde3 h2{font-size:48px;font-weight:700;color:#E0E0E0;}
.inde3 span{position:absolute;font-size:18px;color:#333333;font-weight:700;top:28%;left:5%;}
.inde4{margin-top:50px;}
.inde4 ul li{width:100%;overflow:hidden;margin-bottom:20px;background:url(../images/inde1.png) no-repeat left center;transition:0.1s;}
.inde4 ul li:hover{background:url(../images/inde2.png) no-repeat left center;}
.inde4 ul li:hover h2{color:#00639B;text-decoration:underline;}
.inde4 ul li h2{padding-left:25px;font-size:14px;color:#333333;float:left;line-height:18px;}
.inde4 ul li span{display:inline-block;font-size:14px;color:#999;float:right;line-height:18px;}
.inde5{width:48%;float:right;}
/*首页*/
/*公司公告*/
.banner img{width:100%;}
.annoua{margin:60px 0 100px;}
.annoua1{width:100%;overflow:hidden;}
.annoua1 ul li{margin:0px 1% 35px;width:48%;float:left;overflow:hidden;}
.annoua1 ul li h3{height:45px;width:64%;overflow:hidden;margin-left:3%;float:left;font-weight:400;font-size:14px;color:#333333;line-height:45px;}
.annoua1 ul li span{height:45px;width:20%;overflow:hidden;margin-left:3%;display:inline-block;float:left;font-weight:400;font-size:14px;color:#333333;line-height:45px;}
.annoua1 ul li:hover h3{color:#006FAF;}
.annoua1 ul li:hover span{color:#006FAF;}
.annoua2{height:45px;width:9%;background:#00639B;text-align:center;padding-top:3px;float:left;}
.annoua2 h2{font-size:14px;color:#FFF;line-height:20px;}
/*公司公告*/
/*集团介绍*/
.annoub{margin:55px 0 200px;}
.annoub1{margin:0 auto;width:95%;}
.annoub1 p{font-size:14px;color:#333333;line-height:25px;text-indent:2em;}
.annoub1 img{max-width:100%;}
.annoub2{text-align:center;margin-bottom:25px;width:100%;overflow:hidden;}
.annoub2 h2{font-size:18px;color:#333333;font-weight:700;}

.annouc{margin:50px 0 110px;}
.annouc1{width:95%;margin:0 auto;}
.annouc2 ul li{width:47%;margin:1.5%;float:left;margin-bottom:10px;overflow:hidden;}
.annouc2 ul li img{/* width:100%; */height:270px;}
.annouc2 ul li p{font-size:14px;color:#333333;line-height:22px;height:86px;overflow:hidden;}
.annoua3{width:100%;overflow:hidden;margin:20px 0;}
.annoua3 h3{float:left;margin-left:15px;font-size:14px;color:#333333;font-weight:700;line-height:45px;}
.annouc4{overflow:hidden;width:100%;}
.annouc4 ul li{text-align:center;width:14%;display:inline-block;margin-bottom:20px;padding:10px 0;}
.annouc4 ul li h2{font-size:14px;color:#333333;}
.annouc4 ul li:hover,.annouc4 ul li.on{border-radius:50px;background:#006FAF;}
.annouc4 ul li:hover h2,.annouc4 ul li.on h2{color:#FFF;}

.annoub5{width:100%;overflow:hidden;margin-bottom:35px;border-bottom:1px solid #e1e1e1;padding-bottom:10px;}
.annoub5 h2{font-size:12px;color:#999999;float:left;}
.annoub5 span{font-size:12px;color:#656565;float:left;}
.annoub6{text-align:center;margin-bottom:20px;}
.annoub6 h2{color:#999999;font-size:12px;}

.aitp{width:95%;margin:0 auto;position:relative;}
.aitp .bd ul li{width:33%;float:left;}
.aitp .bd ul li img{width:100%;}
.aitp1{padding:0 5px;}
.aitp .hd .next{opacity:0.5;width:40px;height:80px;background:url(../images/next1.png) no-repeat center center;position:absolute;bottom:30%;right:10px;z-index:2002;display:block;}
.aitp .hd .next:hover{opacity:1;background:url(../images/next1.png) no-repeat center center;}
.aitp .hd .prev{opacity:0.5;width:40px;height:80px;background:url(../images/prev1.png) no-repeat center center;position:absolute;bottom:30%;left:5px;z-index:2002;display:block;}
.aitp .hd .prev:hover{opacity:1;background:url(../images/prev1.png) no-repeat center center;} 
/*集团介绍*/
/*京蓝生态*/
.ecology{margin-bottom:65px;}
.ecolog1{padding:50px 0;overflow:hidden;}
.ecolog2{width:49%;float:left;margin-top:40px;}
.ecolog2 h2{font-size:18px;font-weight:700;color:#006FAF;padding-bottom:12px;border-bottom:2px solid #006faf;display:inline-block;margin-bottom:20px;}
.ecolog2 p{text-indent:2em;font-size:14px;color:#333333;line-height:22px;}
.ecolog3{width:41.7%;float:right;}
.ecolog3 img{width:100%;}
.ecolog4{background:#F7F7F7;padding:50px 0;verflow:hidden;}
.ecolog4 .ecolog2{float:right;}
.ecolog4 .ecolog3{float:left;}
.ecolog5{background:#FFF;}
/*京蓝生态*/
/*联系我们*/
.about{padding:60px 0 150px;}
.about1{width:100%;margin:0 auto;}
.about2 img{width:100%;}
.about3{margin-top:25px;}
.about3 h2{font-size:16px;color:#333333;font-weight:700;margin-bottom:25px;}
.about3 p{font-size:14px;color:#333333;}
.about4 ul li{width:100%;overflow:hidden;margin-bottom:25px;padding-bottom:5px;}	
.about4 ul li h2{font-size:14px;color:#333;width:20%;float:left;margin-right:5%;line-height:18px;}
.about4 ul li h3{font-size:14px;color:#333;width:45%;float:left;line-height:18px;}
.about4 ul li h4{font-size:14px;color:#333;width:26%;float:left;margin-left:4%;line-height:18px;}
.about4 ul li span{background:#FFF;display:inline-block;padding:0 5px;}
.about5{width:100%;overflow:hidden;padding-left:15px;background:url(../images/about3.png) no-repeat left center;}
.about6{padding-left:33px;padding-top:10px;background:url(../images/about2.png) repeat-y 33px bottom;}
.about7{padding-left:25px;width:100%;overflow:hidden;background:url(../images/about1.png) repeat-x left 13px;position:relative;top:4px;}
/*联系我们*/
/*实时行情*/
.quotes1{width:100%;text-align:center;}
.quotes1 img{width:100%;}
.quotes2{width:620px;float:right;padding-top:50px;}
.quotes2 p{font-size:14px;color:#333333;}
.quotes2 h2{text-align:center;border:1px solid #e1e1e1;width:190px;font-size:14px;color:#333333;padding:10px 0px;border-radius:100px;display:inline-block;margin-bottom:15px;}
.quotes2 h2:hover{background:#006FAF;color:#FFF;}
/*实时行情*/
/*解决方案*/
.solution{}
.solution .annoua3{margin:0 0 20px;}
.solution ul li{transition:0.3s;width:100%;float:none;overflow:hidden;margin:0% 0 60px;}
.solution ul li:hover .solution4{opacity:1;}
.solution ul li a{display:block;overflow:hidden;}
.solution1{float:left;width:49%;position:relative;}
.solution2{float:right;width:49%;}
.solution3{margin-bottom:60px;}
.solution3 h2{font-size:18px;color:#01659F;margin-bottom:20px;font-weight:700;}
.solution3 p{font-size:14px;color:#333333;line-height:25px;}
.solution4{transition:0.3s;opacity:0;text-align:center;position:absolute;top:0px;padding-top:30%;left:0px;width:100%;height:100%;background:url(../images/solution2.png) repeat center center;}
.solution4 img{width:auto !important;max-width:100%;}

.solution5{float:right;}
.solution5 .bshare-weixin{margin:0px 0 0 5px!important;height:40px;width:40px;border-radius:100%;background-image:url(../images/solution3.png) !important;background-color:#FFF;background-position:0px  0px !important;display:inline-block;}
.solution5 .bshare-sinaminiblog{margin:0px 0 0 5px!important;height:40px;width:40px;border-radius:100%;background:url(../images/solution4.png) !important;background-color:#FFF;background-position:0px  0px !important;display:inline-block;}
.solution5 .bshare-qzone{margin:0px 0 0 5px!important;height:40px;width:40px;border-radius:100%;background-image:url(../images/solution5.png) !important;background-color:#FFF;background-position:0px  0px !important;display:inline-block;}
.solution5 .bshare-linkedin{margin:0px 0 0 5px!important;height:40px;width:40px;border-radius:100%;background-image:url(../images/solution6.png) !important;background-color:#FFF;background-position:0px  0px !important;display:inline-block;}

.bsFrameDiv{width:100%;overflow:hidden;height:210px;}
.bsFrameDiv img{margin:15px !important;width:100%;}	
.bsTop{width:100% !important;overflow:hidden !important;}
.bsBox{overflow:hidden !important;}


.virtuous{width:100%;}
.virtuous table{width:100%;}
.virtuous table tr{border-bottom:1px solid #e1e1e1;}
.virtuous table tr th{padding:10px 0;font-size:14px;color:#333;}
.virtuous table tr td{padding:15px 0;font-size:14px;color:#333;}
.virtuous table tr td.virtuous1{color:#006FAF;}
.virtuous table tr td.virtuous1:hover{color:#006FAF;text-decoration:underline;}
.virtuous3{float:left;}
.virtuous3 h2{float:left;color:#333333;font-size:14px;line-height:45px;}
/*解决方案*/
/*底部*/
.footer{overflow:hidden;width:100%;background:#333333;}
.footer1{padding:47px 0 27px;border-bottom:1px solid #666;}
.footer2{width:12%;}
.footer2 img{width:100%;}
.footer3{width:47%;float:left;margin:20px 3% 20px 0;}
.footer4{width:12%;float:left;margin-right:4%;}
.footer4 img{width:100%;}
.footer5{width:84%;float:left;}
.footer5 h2{font-size:14px;color:#FFFFFF;font-weight:700;margin-bottom:10px;}
.footer5 p{font-size:14px;color:#FFFFFF;}
.footer6{margin-right:3%;}
.footer7{margin-right:3%;}
.footer7 h2{line-height:42px;}


.footea1{padding:48px 0 27px;overflow:hidden;}
.footea1 ul li{width:15%;margin-right:1.5%;float:left;}
.footea1 ul li h2{font-size:16px;color:#FFF;margin-bottom:20px;}
.footea1 ul li h3{font-size:12px;color:#999;margin-bottom:15px;}
.footea1 ul li h3:hover {color:#FFFFFF;}

.footea2{padding:35px 0;width:100%;overflow:hidden;}
.footea3{width:40%;float:left;}
.footea3 h2{font-size:16px;color:#333333;}
.footea3 ul{overflow:hidden;margin-top:30px;}
.footea3 ul li{margin-bottom:15px;float:left;border-right:1px solid #E1E1E1;padding-right:15px;margin-right:15px;}
.footea3 ul li h3{font-size:14px;color:#656565;}
.footea3 ul li:hover h3{font-size:14px;color:#333;}
.footea4{width:40%;float:right;text-align:right;}
.footea4 img{border:1px solid #e1e1e1;}
.footea4 h2{color:#999999;font-size:12px;margin-top:15px;}
.footea5{background:#00639B;height:40px;width:100%;}
/*底部*/
/*list*/
.list{margin-top:20px;}
.list li{width:45px;height:45px;float:right;margin-left:5px;}
.list li span{display:none;}
.list li:hover b{display:none;}
.list li:hover span{display:block;}
}

