﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/**/
.bslide {width:100%;position:relative;height:500px;	}
.bslide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.bslide .bd ul {width:100% !important;}
.bslide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center;background-position:center top;}
.bslide .bd li a {display:block;height:500px;}
.bslide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.bslide .hd ul {text-align:center;}
.bslide .hd ul li{border-radius:10px;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:60px;height:10px;margin:5px;overflow:hidden;background:#a2d2f9;line-height:999px;}
.bslide .hd ul .on {background:red;}
.bslide .prev,.bslide .next {display:block;position:absolute;z-index:1;top:43%;margin-top:-30px;left:5%;z-index:1;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:98px;}
.bslide .prev
{background:url(img/Index/left1s.png) no-repeat;}
.bslide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}
@charset "utf-8";
/* CSS Document */
/*common*/
.content{width:1200px; margin:0 auto;}

/*头部标题-----------------------------------------------------------------------------------------------------------------------------------------*/
.h3_he{color:#007cff;width: 1200px;height: 100px;text-align: center;background: url(Img/Index/line-yellow.png) no-repeat 0px 14px;line-height: 40px;}
.spa_1{color: #007cff;font-size: 32px;display: block;}
.spa_1 a{color: #ffc600;text-decoration:none;}
.spa_1 a:hover{text-decoration:none;}
.spa_2{font-size: 24px;}
.spa_3{font-size: 20px;color: #3c3c3c;padding-left: 20px;}
.spa_4{margin-top: 10px;padding-left: 30px;width: 74px;height: 24px;}
.spa_4 img{width:100px;vertical-align: middle;}
.spa_5{color: black;}
.sp_1,.sp_2{display: block;font-size: 32px;}
.sp_2 a{color:#007cff;}
.sp_2 a:hover{text-decoration:none;}
.sp_1{color: black;font-size: 24px;}

/*广告-----------------------------------------------------------------------------------------------------------------------------------------*/
.Banner{width: 100%;height: 500px;overflow: hidden;}
.Banner ul li img{width: 100%;height: 500px;}

/*品牌展示-----------------------------------------------------------------------------------------------------------------------------------------*/
.pp_show{height: 570px;width: 100%;position: relative;}
.pp_show h3{margin-top: 30px;}
.zw{background: white;z-index: 10;overflow: hidden;position: relative;}
.pp_all {height:380px;position: relative;width:1200px;margin-top: 49px;}
.pp_all ul{height: 203px;-webkit-padding-start: 15px;margin: 0 0 0 0 \0 !important;}
.pp_all li img{width: 122px;height: 70px;border: 1px solid #bababa;display:block;}
.pp_all li:hover img{border: 1px solid #e2b264;}
.pp_all li a:hover span{color:#e2b264 ;}
.pp_all li{float:left;position:relative;margin-right:18px;cursor:pointer;
background-color:#eae2d5;list-style-type:none;border-left:2px solid #d7cfc2;border-right:2px solid #d7cfc2;}
.pp_all .ultow:before,.pp_all li:before , .pp_all li:after {content:"";display:block;position: absolute;top:0;width:20px;height:100%;background:inherit;}
.pp_all li:before {right : 100%;} 
.pp_all li:after {left : 100%; }
.pp_all .ulone li:nth-of-type(odd) {box-shadow: 0 4px 10px 0px #000;}
.pp_all .ulone li:nth-of-type(2n) {margin-top: 9px; }
.pp_all .ulone li:nth-of-type(odd):before ,.ulone li:nth-of-type(odd):after {height : 86%;background: #d7cfc2;}
.pp_all .ulone li:nth-of-type(odd):before {transform : rotate(-30deg) skew(-30deg) translate(1.5px,12px);}
.pp_all .ulone li:nth-of-type(odd):after {transform : rotate(30deg) skew(30deg) translate(-1.5px,12px);}
.pp_all .ulone li:nth-of-type(2n):before {width: 5px;}
.pp_all .ulone li:nth-of-type(2n):after {width: 5px;}
.pp_all .ultow li:nth-of-type(2n):before ,.ultow li:nth-of-type(2n):after {height : 86%;background: #d7cfc2;}
.pp_all .ultow li:nth-of-type(2n):before{transform : rotate(-30deg) skew(-30deg) translate(1.5px,12px);}
.pp_all .ultow li:nth-of-type(2n):after {transform : rotate(30deg) skew(30deg) translate(-1.5px,12px);}
.pp_all .ultow li:nth-of-type(odd):before {width: 5px;}
.pp_all .ultow li:nth-of-type(odd):after {width: 5px;}
.pp_all .ultow li:nth-of-type(2n) {box-shadow: 0 4px 10px 0px #000;}
.pp_all .ultow li:nth-of-type(odd) {margin-top: 9px;}
.pp_all a{float: left;display:block;padding:15px 12px;text-decoration:none;text-align: center}
.pp_all a span {padding-top:6px;display: block;text-shadow : 1px 1px 1px #FFF;color:#857e74;transition:all .2s;font-weight:bold;text-align:center;width:124px;overflow:hidden;height:17px;}
.pp_all a span:last-child {text-transform:capitalize;font-family:'Georgia';font-size:14px;letter-spacing: 1px;font-style:italic;color:#6488ba;}
.nav_bg{width: 100%;height: 131px;position: absolute;background: #eae2d5;top: 179px;z-index: -1;}
.topnb{top: 382px;}
.pp_all .ultow:before,.pp_all .ultow:after{background: #d7cfc2;content: "";display: block;position: absolute;top: 199px;width: 15px;height: 106px;}
.pp_all .ultow:before{left: 0;transform: rotate(30deg) skew(30deg) translate(-1.5px,12px);}
.pp_all .ultow:after{right: -2px;transform: rotate(-30deg) skew(-30deg) translate(1.5px,12px);}

/*品牌推荐-----------------------------------------------------------------------------------------------------------------------------------------*/
.pp_tj{width: 100%;height: 1100px;background: url(Img/Index/pp_bg_02.jpg) no-repeat center top;}
.pp_left{width: 245px;background: #000857;margin-top: 30px;height:920px;}
.pp_left .lefr_hear{width: 245px;height: 132px;background: url(Img/Index/H_bg.png) no-repeat -1.5px -67px;text-align: center;border-top: 6px solid #303674;}
.pp_left .lefr_hear p{line-height: 32px;}
.pp_left .lefr_hear p:nth-child(1){color: #303674;font-size: 24px;padding-top: 10px;}
.pp_left .lefr_hear p:nth-child(2){color: #303674;font-size: 20px;}
.pp_left h4{width: 245px;text-align: center;background:url(Img/Index/line.png) no-repeat center bottom;padding: 10px 0;font-weight: normal;}
.pp_left div h4 a{color: white;font-size: 16px;}
.pp_left ul{width: 220px;margin: 0 auto;display:none; max-height: 416px;overflow: hidden;}
.pp_left ul li{width: 50%;text-align: center;float: left;color: white;margin-top: 8px;}
.pp_left ul li a{color: white;background-color:#00042B;width: 100px;display: inline-block;border-radius: 5px;height: 30px;line-height: 30px;overflow: hidden;word-break: break-all;}
.pp_left ul li a:hover{color: yellow;background: rgba(0,0,0,1);}
.pp_left div h4:hover span{color: yellow;}
.pp_left div h4:hover a{text-decoration:none;}
.a2 span{color:yellow ;}
.proShow{float:right;}
.pp_right{width: 920px;height: 920px;margin-top: 30px;}
.pp_right ul{width: 931px;height: 931px;overflow: hidden;}
.pp_right ul li{width: 220px;height: 220px;color: white;float: left;background: #fffef5;border: 1px solid #D7CFC2;margin-right: 10px;margin-bottom: 11px;}
.pp_right ul .bigli{width: 452px;height: 452px;font-size: 18px;}
.pp_right ul li img{width: 80%;height: 80%;margin-left: 10%;margin-top: 5%;}
.pp_right ul li span{display: inline-block;text-align: center; width: 100%;}
.pp_right ul li:hover span{color: black;font-weight: bold;}
.dsi_B{display: block;}
.dsi_N{display: none;}

/*品牌案例-----------------------------------------------------------------------------------------------------------------------------------------*/
.example{height: 1000px;background: url(Img/Index/bg_examp.jpg) repeat center top;overflow: hidden;}
.example_1{width: 769px;height: 827px;margin-top: 30px;color: white;transition: .8s;position:relative; overflow: hidden;}
.example_1 h4 {background-color:#fff;height:40px;line-height:40px;}
.example_1 h4 a{font-size: 26px;color: #333;text-align: center;display: block;}
.example_1 h4:hover a{color:#ffc600;}
.example_1 div.none{background-color:#fff; color: #333;padding: 5px 30px;font-size: 18px;line-height:26px;transition: .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;height: 315px;overflow: hidden;display: block;}
.example_1 div.none a{color: #333 !important;font-size: 18px !important;line-height:26px !important;font-family:微软雅黑 !important;}
.example_1 div.none p{color: #333 !important;font-size: 18px !important;line-height:26px !important;font-family:微软雅黑 !important;}
.example_1 div.none span{color: #333 !important;font-size: 18px !important;line-height:26px !important;font-family:微软雅黑 !important;}
.example_1 .l1img{width: 769px;height: 430px;}

.example_2{margin-top: 30px;}
.example_2 li{width: 400px;height: 375px;margin-bottom: 10px;transition:.7s;position:relative;z-index: 1;}
.example_2 li h4{overflow: hidden;height: 28px;line-height: 28px;overflow: hidden;text-align: center;background-color: #fff;}
.example_2 li h4 a{color: #555;font-size: 18px;}
.example_2 li h4:hover a{color:#ffc600;}
.example_2 ul li div.none{font-size: 14px;padding: 0px 5px;height: 70px;overflow: hidden;color: #333;background-color: #fff;line-height: 23px;}
.example_2 ul li div.none p{color: #333 !important;font-size: 14px !important;line-height: 23px !important;font-family:微软雅黑 !important;}
.example_2 ul li div.none a{color: #333 !important;font-size: 14px !important;line-height: 23px !important;font-family:微软雅黑 !important;}
.example_2 ul li div.none span{color:#333 !important;font-size: 14px !important;line-height:23px !important;font-family:微软雅黑 !important;}
.example_2 ul li .limg{width:400px;height:285px;}
.example_2 .morecase{background:#333333;height:57px;line-height: 57px;text-align: center;}
.example_2 .morecase a{font-size: 18px;letter-spacing: 3px;color: white;}
.example_1 .blackbg{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.7);display:none;transition: .8s;height:100%;width: 100%;}
.example_1:hover .blackbg{display:block}
.example_2 li .blackbg{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.7);display:none;transition: .8s;height:100%;width: 100%;}
.example_2 li:hover .blackbg{display:block}
.example_2 li.li1{z-index:50;}
.example_2 li.li2{z-index:30;}

/*小广告-----------------------------------------------------------------------------------------------------------------------------------------*/
.ad{height: 222px;position:relative;}
.ad span{display: inline-block;color: white;text-shadow: 2px 3px 4px #000000;}
.ad span img{width:120px;}
.ad .sp1{font-size: 48px;margin-left: -19px;margin-top: 25px;}
.ad .sp2{font-size: 32px;margin-left: 40px;}
.ad .sp3{font-size: 28px;margin-left: 35px;}
.ad .sp4{font-size: 42px;margin-left: 50px;margin-top: 20px;color: #ffeb0a;margin-right: 70px;}
.ad .sp6{margin-left: 30px;}

/*关于金洛介绍-----------------------------------------------------------------------------------------------------------------------------------------*/
.intro{background: url(Img/Index/bgnnn.jpg) no-repeat;height: 650px;}
.intro_left{width: 600px;height: 510px;}
.intro_left div a img{width: 100%;height: 294px;float: left;border: 1px solid #ccc;}
.intro_left h4{color:#000a6e ;font-size: 28px;padding-top: 1px;border-bottom: 1px solid #000a6e;padding-bottom: 5px;}
.intro_left h4 a{color:#000a6e;}
.intro_left ul li{width:185px;height: 119px;float: left;margin-left: 15px;margin-top: 10px;}
.intro_left ul li img{width:181px;height: 119px;border: 1px solid #D7CFC2;}
.intro_right{width: 569px;height: 510px; overflow: hidden;}
.intro_right p{font-size: 18px;line-height: 30px;margin: 0 10px;color: black;}
.intro_right p:nth-child(2){text-indent: 2em;}
.intro_right p strong a{color: #000a6e;}
.intro .aboutborder{border: 3px solid #4d77b3;height:510px;padding: 10px;box-shadow: 1px 1px 12px 2px #5985c3;}

/*产品优势*/
.super{height: 933px;background: url(Img/Index/ys_bg.jpg) no-repeat center top;}
.super_con{width: 735px;height: 770px;margin: 0 auto;position: relative;}
.super_con ul li{position: absolute;width: 180px;}
.super_con ul li h4{color: #004788;text-align: center;}
.super_con ul li h4 a{color: #092e50;font-size: 24px;}
.super_con ul li .shortd{color: Black ;padding-top: 15px;line-height: 25px;height:130px;overflow:hidden;}
.sl1{top: 84px;left: 270px;}
.sl2{top: 576px;left: 270px;}
.sl3{top:230px;left: 63px;}
.sl4{top:235px;left: 526px;}
.sl5{top: 439px;left: 70px;}
.sl6{top: 435px;left: 531px;}
.sl6 .shortd{margin-left: -26px;width: 172px;}
.super_con a{text-decoration:none;color: #000;font-size: 14px;}
.super_con .sl6 a,.super_con .sl3 a,.super_con .sl4 a,.super_con .sl5 a{color: white;}
.super_con ul .sl7{top: 292px;left: 233px;width: 266px;height: 223px;text-align: center;}
.super_con ul .sl7 p{color: black;font-size: 30px;margin-top: 15px;}
.super_con ul .sl7 p span{color: #0072F0;font-weight: bold;}
.super_con ul .sl7 img{width:200px;padding-top:30px;}

/*十大排行版*/
.shida{height: 836px;background:url(Img/Index/shida.jpg) no-repeat center top;overflow: hidden;}
.shida h3{margin-top: 40px;position: absolute;}
.shida_lf{width: 490px;height: 490px;border: 3px solid #723c24;float: left;margin-left: 21px;overflow: hidden;margin-top: 215px;box-shadow: 1px 1px 3px 1px #444444;}
.shida_lf img{width: 100%;height: 100%;}
.shida_fr{width: 588px;height: 599px;margin-top: 136px;overflow: hidden;}
.shida_fr .sp1{color: #0f4d8f;font-size:32px;margin-top: 60px;text-align: center;}
.shida_fr .sp2{font-size:24px;margin-top: 21px; text-align: center;width: 590px;background:url(Img/Index/yybg.png) no-repeat;line-height: 115px;height: 115px;}
.shida_fr .sp2 a{color: #0f4d8f;padding-right: 15px;}
.shida_fr .sp2 a:hover,.shida_fr .sp2 a.on{text-decoration: none;color:red;}
.shida_fr ul li{width: 180px;height: 327px;float: left;margin-top: 4px;margin-left: 14px;background-color: #efefef;}
.shida_fr ul li img{width: 180px;height: 176px;}

.shida_fr ul li .pn1{color: #4f4f4f;font-size: 14px;padding:10px;padding-top:0;overflow:hidden;height:108px;word-break:break-all;line-height:23px}
.shida_fr ul li .pn1 *{font-size:14px !important;color:#4f4f4f !important; line-height:23px !important;font-family:微软雅黑 !important;text-indent:0px !important;}

.shida_fr ul li h4{text-align:center;height:24px;line-height:24px;}
.shida_fr ul li h4 a{color:#0072F0;}
.pn1 span{color: #004788;}
.shida .shae{position:absolute;z-index:50;width:200px;height:40px;left:0;bottom:0;}
.shida .shae li{width: 25px;height: 25px;float: left;background-color: #ffc600;color: #fff;text-align: center;line-height: 25px;cursor: pointer;margin-left: 10px;}
.shida .shae li.on{background-color:#004788;}
.shida_fr .yytab{margin-top: 21px;}

/*行业资讯*/
.zixun{width: 100%;height: 880px;background: url(Img/Index/bg2.jpg) no-repeat center top;overflow: hidden;}
.zixun h3{margin-top: 12px;position:relative;}
.zixun h3 .sp_1,.zixun h3 .sp_2{color: white;}
.zixun h3 .talking{width:316px;height:46px;position:absolute;right:0;top:32px;z-index:10;}
.zixun h3 .talking a{color:#fff;font-size:22px;}
.zixun h3 .talking img{vertical-align: middle;}
.zixun ul li{width: 1200px;height: 200px;margin-bottom: 20px;background: #fffef5;border: 2px solid black;overflow: hidden;}
.zixun ul li img{height: 180px;padding: 10px;border-radius: 15px;width:400px;}
.zixun ul li>div{width: 690px;margin: 10px 20px;}
.zixun ul li>div h3 a{font-size: 18px;color: black;}
.zixun ul li>div .shortd{line-height: 30px;margin-top: 15px;font-size: 16px;color: #3C3C3C;height:95px;overflow:hidden;}
.zixun ul li>div .shortd p{font-size:16px !important;color:#3C3C3C !important; line-height:30px !important;font-family:微软雅黑 !important;text-indent:0px !important;}
.zixun ul li>div .shortd span{font-size:16px !important;color:#3C3C3C !important; line-height:30px !important;font-family:微软雅黑 !important;text-indent:0px !important;}
.zixun ul li>div span.more{color: #0072F0;}
.zixun ul li>div>span.fr{color: #BABABA;font-size:14px;margin-right: 20px;}
.zixun ul li>div span.more:hover,.zixun ul li>div>span.fr:hover{text-decoration: underline;color: red;}
.am{padding: 10px;background: black;display: inline-block;color: white;}
.am:hover{color: black;border: 1px solid black;background: white;text-decoration: underline;}
.a4{color: white;}

/*新闻荣誉*/
.news{width: 100%;height: 545px;margin-top: 10px;}
.news .h3_he{position:relative;}
.news .h3_he .talking{width:316px;height:46px;position:absolute;right:0;top:32px;z-index:10;}
.news .h3_he .talking a{color:#0072F0;font-size:22px;}
.news .h3_he .talking img{vertical-align: middle;}
.news .nl{width: 690px;height: 430px;border: 2px solid black;font-size: 24px;margin-top: 10px;overflow: hidden;}
.news .nl span{font-size: 24px;display: inline-block;margin-left: 20px;margin-right: 40px;}
.news .nl p{border-bottom: 1px solid black;padding-bottom: 20px;margin: 10px;}
.news .nl p a{color:black ;text-decoration:none;}
.news .nl p a:hover{color:#0072F0;}
.news .nl p .pa2{color:black ;font-size: 16px;padding: 0 10px;border: 1px solid black;}
.news .nl p .pa3{font-size: 18px;padding-left: 80px;}
.news .nl p .pa3 span{font-size: 18px;}
.news .nl p .pa2:hover{color: white;background: black;}
.news .nl ul li{width: 660px;border-bottom: 1px dashed #ccc;font-size: 16px;margin: 10px 20px;padding-bottom: 10px;height: 20px;}
.news .nl ul li a{color: black;width: 540px; display: block;height: 19px;overflow: hidden;float:left}
.news .nl ul li>span{font-size: 14px;margin-right: 10px;color: #737373;}
.news .nl ul li a:hover{color:red;}
.news .nr{width: 490px;height: 430px;border: 2px solid black;font-size: 24px;margin-top: 10px;}
.news .nr span{font-size: 24px;display: inline-block;margin-left: 20px;margin-right: 40px;}
.news .nr p{border-bottom: 1px solid #ccc;padding-bottom: 20px;margin: 10px;}
.news .nr p a:nth-child(1){color: black;text-decoration:none;}
.news .nr p a:hover{color:#0072F0;}
.news .nr ul li{width: 130px;height: 160px;float: left;border: 1px solid ;margin-top: 10px;margin-left: 25px;}
.news .nr ul li img{width: 100%;height: 100%;}
.news .h3_he .sp_2{color:#0072F0;}

/*链接*/
.link{width: 100%;height: 80px;margin: 10px 0;}
.link .lp1{width: 120px;text-align: center;border-right: 3px solid black;padding-right: 30px;margin:10px 25px 10px}
.link .lp1 span{color: black;font-size: 24px;font-weight: bold;}
.link p a{font-size: 16px;color: #3c3c3c;    padding-right: 13px;}
.link .lp2{margin-top: 15px;width:985px;float:right}
.link .lp2 a:hover{color: #0072F0;text-decoration: underline;}
.link_b{border: 2px solid black;}

/*小广告*/
.samll_ad{height: 252px;width: 100%;text-align: center;}
.samll_ad p{padding-top: 30px;font-size:32px;color: white;font-weight: bold;text-shadow: 2px 3px 4px #000000;}
.cppc{color: #0072F0;}
.png a{padding: 0 20px;color: white;font-size: 24px;}
.png a img{width:120px;vertical-align: middle;}

/*小广告2-----------------------------------------------------------------------------------------------------------------------------------------*/
.gg2{width: 100%;height: 295px;background: url(Img/Index/gg2.jpg) no-repeat center top;overflow: hidden;}
.gg2 p{color: white;font-size: 42px;margin-top: 15px;text-shadow:2px 3px 4px #000000;}
.gg2 a{text-decoration:none;}
.gg2 p span{color:yellow;font-size: 48px;}
.gg2 .cp2{margin-left: 150px;}
.gg2 .cp3{margin-left: 350px;}
.gg2 p a{font-size: 24px;color: white;padding: 0 30px;text-decoration:none;}
.gg2 p a img{width:120px;vertical-align: middle;}
.jjt{position:relative;z-index:1;}
.bbt{position:relative;z-index:500;}

.Serach{margin-bottom:0px !important;}
.jjt .abananer{position:absolute;left:0;top:0;height:250px;width:100%;}

.mess{height: 345px; background-color: #0ea2f3;overflow: hidden;margin-top: 10px;}
.me_con{width: 600px;height: 335px;}
.me_con.fl {height: 290px;margin-top: 25px;background: #fff;width: 500px;margin-left: 100px;}
.me_con.fl h4 {height: 30px;line-height: 30px;overflow: hidden;text-align: center;color: #06308f;font-size: 18px;border-bottom: 1px solid #ccc;}
.me_co1 dd li{width: 100%;overflow: hidden;margin-top: 18px;}
.me_co1 dd li span{font-weight: bold;font-size: 16px;color:#fff ;float: left;height: 32px;line-height: 32px;padding-right:5px;text-align: right;width: 75px;}
.me_co1 dd li input{border: 1px solid #73b4da;float: left;width: 195px;height: 30px;}
.me_co1 dd .li_lea textarea{width: 476px;height: 150px;border: 1px solid #73b4da;}
.me_co1 dd li .but{margin-right: 43px;}
.me_co1 dd li .but input{width: 80px;height: 32px;color: #fff;margin-left: 20px;font-size: 14px;border:0;cursor: pointer;}
.me_co1 dd li .but1{background: #7b25c5;}
.me_co1 dd li .but2{background: #666;}

.me_context dl{border:1px solid #adabab;margin:3px 5px}
.me_context dl dt{display:block;width: 480px;height: 40px;line-height: 20px;font-size: 16px;padding: 0px 5px;overflow:hidden;background: url(img/index/faq_l1.png) no-repeat 5px;}
.me_context dl dt em{color:Red; font-size: 18px; font-weight: bold;}
.me_context dl dd{display:block;width: 480px;height: 80px;line-height: 20px;font-size: 16px;padding: 0px 5px;overflow:hidden;background: url(img/index/faq_l2.png) no-repeat 5px 5px;}
.me_context dl dd *{line-height: 20px !important;font-size: 16px !important;}
.me_context dl dd em{color:Red; font-size: 18px; font-weight: bold;}