﻿@charset "utf-8";
/* CSS Document */
@media screen and (min-width:769px) and (max-width:974px){
/*头部*/
.pc{display:none;}
.phone{display:block;}
.container{padding-right:5px;padding-left:5px;}
.head0{}
.logo{padding:15px 0;width:25%;float:left;}
.logo img{width:100%;}
.head{position:relative;}
.head1{position:absolute;top:56px;left:0px;display:none;width:100%;z-index:1000;background:#eee;}
.head1 ul li{text-align:center;width:100%;background:url(../images/head3.png) repeat-x  left -61px;}
.head1 ul li h2{display:inline-block;padding:22px 0;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) repeat-x  left 0px;}
.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{z-index:99999;width:100%;display:none;overflow:hidden;background:#01659F;margin-bottom:0px;}
.head1 ul li.on dl{top:79px;display:block;}
.head1 ul li dl dd{text-align:center;}
.head1 ul li dl dd:hover{background:#0D8ED7;}
.head1 ul li dl dd h3{padding:10px 0;font-size:14px;color:#FFF;}
.head2{width:13%;float:left;margin-top:15px;margin-left:7%;text-align:center;display:none;}
.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%;}
.head4{float:right;padding:18px 10px 18px 0;}
.head4 img{height:20px;}
/*头部*/
/*首页*/
.inda2{position:relative;width:100%;margin-left:-0%;}
.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{display:none;position:absolute;bottom:5%;right:10%;width:25%;}
.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{display:none;width:5%;height:24px;position:absolute;bottom:5%;right:26%;background:url(../images/inda8.png) repeat-x center center;}
.inda8{display:none;width:13%;height:24px;position:absolute;bottom:5%;right:7%;background:url(../images/inda8.png) repeat-x center center;}
.inda9{display:none;width:1px;margin-bottom:12px;height:30%;position:absolute;bottom:5%;right:7%;background:url(../images/inda9.png) repeat-y center center;}
.inda11{display:none;width:3px;margin-bottom:12px;height:25%;position:absolute;bottom:53%;right:7%;background:url(../images/inda11.png) no-repeat bottom center;}
.inda10{display:none;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;width:100%;overflow:hidden;}
.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:100%;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;text-align:center;}
.indb3 h2{width:auto;display:inline-block;margin-right:7%;}
.indb3 h2 img{max-width:100%;}
.indb3 h3{width:auto;display:inline-block;line-height:32px;font-size:15px;color:#333;font-weight:700;}

.indc{background:url(../images/indc.png) repeat top center;padding:60px 0 30px;width:100%;overflow:hidden;}
.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:50%;text-align:center;float:left;}
.indc2 .prev{width:45px;height:45px;background:url(../images/prev.png) no-repeat center center;display:block;float:left;margin-left:25%;}
.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;display:block;float:right;margin-right:25%;}
.indc2 .next:hover{background:url(../images/next.png) no-repeat center center;opacity:0.5;}
.indc2 .hd ul{display:none;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{font-size:14px;color:#FFFFFF;display:inline-block;padding:10px 20px;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:100%;margin:1%;overflow:hidden;float:left;position:relative;}
.indd2{width:100%;}
.indd2 img{width:100%;}
.indd3{width:100%;}
.indd3 h2{font-size:16px;color:#333333;font-weight:700;line-height:25px;margin:8px 0px;}
.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:100%;}
.inde3{position:relative;padding-left:0%;text-align:center;}
.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:0%;width:100%;}
.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{width:70%;padding-left:25px;font-size:14px;color:#333333;float:left;line-height:18px;height:18px;overflow:hidden;}
.inde4 ul li span{display:inline-block;font-size:14px;color:#999;float:right;line-height:18px;}
.inde5{width:100%;}
/*首页*/
/*公司公告*/
.banner img{width:100%;}
.annoua{margin:60px 0 100px;}
.annoua1{width:100%;overflow:hidden;}
.annoua1 ul li{width:100%;overflow:hidden;margin-bottom:15px;}
.annoua1 ul li h3{margin-left:3%;float:left;font-weight:400;font-size:14px;color:#333333;line-height:45px;width:70%;overflow:hidden;height:45px;}
.annoua1 ul li span{margin-left:3%;display:inline-block;float:left;font-weight:400;font-size:14px;color:#333333;line-height:45px;}
.annoua2{height:45px;width:45px;background:#00639B;text-align:center;padding-top:3px;}
.annoua2 h2{font-size:14px;color:#FFF;line-height:20px;}
.scty{display:none;}
/*公司公告*/
/*集团介绍*/
.annoub{margin:30px 0 50px;}
.annoub1{margin:0 auto;width:100%;}
.annoub1 p{font-size:14px;color:#333333;line-height:25px;text-indent:2em;}
.annoub1 img{max-width:100%;margin-left:-29px;}
.annoub2{text-align:center;padding:15px 0 25px;width:100%;overflow:hidden;}
.annoub2 h2{font-size:18px;color:#333333;font-weight:700;}

.annouc{margin:50px 0 110px;}
.annouc1{width:100%;}
.annouc2 ul li{width:100%;margin:1.5% 0;float:left;margin-bottom:10px;}
.annouc2 ul li img{width:100%;}
.annouc2 ul li p{font-size:14px;color:#333333;line-height:22px;}
.annouc2 .annoua2{display:none;}
.annoua3{width:100%;overflow:hidden;margin:20px 0;}
.annoua3 h3{float:left;font-size:14px;color:#333333;font-weight:700;line-height:24px;}

.annouc4{overflow:hidden;width:100%;}
.annouc4 ul li{text-align:center;width:50%;float:left;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:15px;border-bottom:1px solid #e1e1e1;padding-bottom:10px;}
.annoub5 h2{font-size:12px;color:#999999;float:left;line-height:20px;}
.annoub5 span{font-size:12px;color:#656565;float:left;line-height:20px;}
.annoub6{text-align:center;margin-bottom:20px;}
.annoub6 h2{color:#999999;font-size:12px;}
      
.aitp{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.aitp .bd ul li{width:50%;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:5px;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:100%;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:100%;float:right;margin-top:10px;}
.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{width:100%;overflow:hidden;}
.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:100%;line-height:18px;}
.about4 ul li h3{font-size:14px;color:#333;width:100%;line-height:18px;}
.about4 ul li h4{font-size:14px;color:#333;width:100%;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:10px;padding-top:10px;}
.about7{width:100%;overflow:hidden;position:relative;top:4px;}
/*联系我们*/
/*实时行情*/
.quotes1{width:100%;}
.quotes1 img{width:100%;}
.quotes2{width:100%;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 15px;border-radius:100px;display:inline-block;margin-bottom:15px;}
.quotes2 h2:hover{background:#006FAF;color:#FFF;}
/*实时行情*/
/*解决方案*/
.solution{}
.solution .annoua3{margin:10px 0 ;}
.solution ul li{transition:0.3s;width:100%;float:none;overflow:hidden;margin:0% 0 30px;}
.solution ul li:hover .solution4{opacity:1;}
.solution ul li a{display:block;overflow:hidden;}
.solution1{width:100%;position:relative;}
.solution2{width:100%;}
.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;width:100%;overflow:hidden;text-align:center;}
.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;border-bottom:1px solid #666;}
.footer2{width:100%;text-align:center;margin-bottom:20px;overflow:hidden;}
.footer2 img{width:150px;}
.footer3{width:100%;margin-top:20px;overflow:hidden;}
.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;}
.footer7 h2{line-height:42px;}

.footea1{padding:48px 0 27px;overflow:hidden;display:none;}
.footea1 ul li{width:100%;text-align:center;}
.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:100%;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:100%;float:right;text-align:center;margin-top:20px;}
.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;}
}
