@charset "utf-8";
/* CSS Document */

/* 全局 布局*/
*{ margin:0; border:1; padding:0}
ul,li{ list-style:none}
a,a:hover{ text-decoration:none;transition: all 0.15s ease-out;}
a{transition: all 0.15s ease-out; -moz-transition:all 0.15s ease-out;  -webkit-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out;}
/*img:hover{-moz-opacity:0.9 !important; filter:alpha(opacity=90); opacity: 0.9;  _-moz-opacity:0.9}*/
body{ background:#fff; font-family:"微软雅黑"; }
.l{ float:left;} .r{ float:right;} .red{ color:red;} .orange{ color:#ff6c00;} .white{ color:#fff;} .blue{ color:#064aab;} .center{ text-align:center;}
.wrap{ width:1020px; margin:auto; }
.wrap2{ width:1020px; margin:auto; overflow:auto;}
img{border:none; border: 0px;}
.clear{ clear:both;}

/* 顶部 */
#quanju{ width:100%; background:#fff;}
.bx1200{ width:1200px; margin:0 auto; overflow:hidden;}
/*顶部*/

._top{width: 100%;height:110px;z-index: 9999;top: 0; padding-top:30px;}
.top_nr{width:1200px;margin: auto;left: 0;top:0;right: 0;z-index: 9999;}

.logo{width:26%;  margin-left:3%;}
.logo img{ width:685px;}
.logo h2{font-size: 48px;color: #fff;}
.logo p{font-size: 20px;text-transform: uppercase;color: #f3babb;}
.top_r{width:60%; margin-left:3%;}

.top_wz{font-size: 16px;color: #333;float: left;width:430px;margin-top: 30px;}
.tel{width:40%;float: right;font-size: 18px;color: #333;margin-top: 30px; margin-right:2%}
.tel img{margin-right: 15px;float: left}
.tel b{font-size:32px;color: #df1219; font-family:Impact;}
/*nav*/

.navcy{width:100%; background:#004099; height:60px;}
.navcy ul{width:1200px; margin:0 auto;}
.navcy ul>li{float:left;width:12%;line-height:60px;display:inline;position:relative;z-index:8;}
.navcy ul li a{display:block;  color:#fff;display:block;text-align: center; font-size:18px;}
.navcy ul li a::after{content: '';color: #fff; background: #e70012;position: absolute; bottom: 0; left:0;right: 0; width:100%;height: 0; opacity: 0; z-index: -1; transition: all .3s;}
.navcy ul li a:hover::after{content: '';opacity: 1;height: 100%;}
.navcy ul li a:hover{color: #fff;}

.subnav{width:680px;position:absolute;top:60px;z-index:5;background:#fcfcfc;display:none}
.investor-subnav{width:534px;height:360px;font-size: 14px; }


.about-nav-img{width:265px;height:150px;float:left;margin:17px 0 0 22px;color: #555555}
.about-nav-img p{font-size: 14px;color: #333;line-height: 30px;margin-top: -30px;}

.investor-subnav2{width:880px;font-size: 14px;padding-bottom: 20px;padding-top: 20px;background: rgba(0,0,0,0.7)}
.list2{width:880px;}
.list2 ol li{display: block;text-align:center;margin-top: 10px;width: 880px;margin: auto;}
.list2 ol li a{width:160px;float:left;display: block;color:#fff;margin-left: 15px;display: block; }
.list2 ol li a img{width:160px;height: 125px;display: block;}
.list2 ol li a span{font-size: 16px;display: block;line-height: 40px;}
.list2 ol li a:hover span{color: #333;display: block;background: #fff}

/*联系我们*/
.index_lxwm{ background-color:#f6f6f6; position:relative; z-index:10; width:100%; border-top:3px solid #004099;}
.index_lxwm .lxwm_title{ text-align:center; border-top:1px dotted #888; padding-top:10px;}
.index_lxwm .lxwm_title .p1{font-size:26px; color:#000; font-weight:700; letter-spacing:3px; }
.index_lxwm .lxwm_title .p2{font-family: Verdana, Geneva, sans-serif; color:#000; font-size:14px; padding-top:5px;}
.index_lxwm .map{ width:100%; height:387px; position:relative; z-index:10;}
.index_lxwm .lx_nr{ position:absolute; z-index:15; left:50%; top:0; margin-left:-600px; width:330px; height:100%; background-color:rgba(255,255,255,0.9);}
.index_lxwm .lx_nr .t{ background:url(../images/sanjiao.png) top center no-repeat; padding:20px 0 15px 0; text-align:center;}
.index_lxwm .lx_nr .t .div1{ font-weight:700; font-size:30px; color:#333;}
.index_lxwm .lx_nr .t .div2{ font-size:18px; color:#333;}
.index_lxwm .lx_nr .list{ padding:10px 25px; border-top:1px solid #ddd; line-height:35px; text-align:center;}
.index_lxwm .lx_nr .list .div1{ height:35px; width:35px; border-radius:100%; background-color:#e70012; background-position: center center !important; background-repeat:no-repeat !important;}
.index_lxwm .lx_nr .list strong{ font-size:28px;}
.index_lxwm .lx_nr .list .div2{ color:#5a5a5a5; font-size:16px; padding-left:15px;}
.index_lxwm .lx_nr .list_0 .div1{ background-image:url(../images/lx_00.png);}
.index_lxwm .lx_nr .list_1 .div1{ background-image:url(../images/lx_01.png);}
.index_lxwm .lx_nr .list_2 .div1{ background-image:url(../images/lx_02.png);}
.index_lxwm .lx_nr .list_3 .div1{ background-image:url(../images/lx_03.png);}
.index_lxwm .lx_nr .list_4 .div1{ background-image:url(../images/lx_04.png);}


/*our优势*/
.indexour{ height:435px; background:#f3f3f3; padding-bottom:40px;}
.yslb li{ width:260px; height:200px; float:left; margin-right:50px; background:url(../images/tbb.png) center center no-repeat; margin-top:0px; text-align:center;color:#fff;}
.yslb li:nth-child(4){ margin-right:auto;}
.yslb li img{margin-top:40px; margin-bottom:10px;}
.yslb li span{ display:block;font-size:20px; line-height:35px;}
.yslb li p{ font-size:14px;}
.yslb li img:hover{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}


.foot{ background-color:rgb(41, 41, 41); padding:30px 0; position:relative; z-index:10;  }
.foot .left_nr{ width:235px; border-right:1px solid #363636; height:120px;}
.foot .left_nr .div1{ color:rgb(246, 246, 246); font-size:32px; font-family:"Impact";}
.foot .left_nr .div2{ color:#fff; font-size:16px; width:160px;text-align:center; padding:5px 0 15px 0;}
.foot .left_nr .div3{ display:block; width:160px; background-color:#d20f00;  height:30px; line-height:30px; text-align:center; border-radius:30px; font-size:16px; color:#fff;}
.foot .left_nr .div3:hover{ background-color:#fff; color:#000; border:1px solid #fff;}
.foot .right_nr{ padding-right:28px; line-height:30px; text-align:right; font-size:14px;  color:#fff; width:260px; height:120px; border-left:1px solid #363636;}

.foot .footCenter{ height:120px; margin-left:80px; width:400px;}
.foot .footCenter ul{}
.foot .footCenter ul li{ float:left; width:33.333%; line-height:55px;}
.foot .footCenter ul li a{ color:#fff; font-size:16px;}
.foot .footCenter ul li a:hover{ color:#fff;}

.copyright{ line-height:60px;  font-size:14px; color:#666;text-align: center; position:relative; z-index:10; background-color:#000; }
.copyright span{ padding:0 8px;}
.copyright a{ color:#666;}
.copyright a:hover{ color:#fff;}
.foot .gzwm{  position: relative; height:81px; width:120px;}
.foot .gzwm .ewm{ position:absolute; width:120px; height:120px; left:0; top:0;}
.foot .gzwm .ewm img{ display:block; width:100%; margin: auto; }

/*内页bn*/
._banner{}
.sybn{width: 100%;margin: auto;overflow: hidden;height: 670px;position: relative;margin-top: 100px;}
.nybn{ width:100%; height:500px; background:url(../images/nybn.jpg) no-repeat center top;position: relative;margin: auto;overflow: hidden;top: 40px;}
.bn_nr{width: 1400px;margin: auto;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display:-o-flex;display: flex; justify-content: space-around;flex-wrap: wrap;}
.bn_nr a{display: block;width: 9.5%;flex: 0 0 auto;overflow: hidden;height: 220px;margin-top: 220px; margin-left: 5px;}
.bn_nr a *{display: block;}
.bn_nr a em{height: 130px;width: 100%;border: 3px solid #fff;border-radius: 50%;position: relative;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition-duration: 0.5s;}
.bn_nr a img{width: 100%;top: 0;bottom: 0;right: 0;left: 0;margin: auto;height: 100%;}
.bn_nr a span{line-height: 36px;height: 36px; color: #fff;text-align: center;border-radius: 36px;background: #f00;overflow: hidden;margin-top: 20px;}
.bn_nr a:hover em{transform: rotateY(180deg);}
.bn_nr a:hover span{background: #f9b718}

/*产品分类*/
.cp_bt{width: 1200px;margin:35px auto 30px auto;text-align: center;}
.cp_bt h3{font-size: 40px;color: #21242b;}
.cp_bt h3 span{color: #df1219;}
.cp_bt p{font-size: 18px;color: #333;line-height: 36px;}
.cp_bt b{display: block;width: 80px;height: 2px;background: #df1219;margin: 15px auto;}

/*产品*/

.pnav{width:88%;position: relative;padding-top: 1px;margin-top: ;margin: 30px auto 0 auto;}
.pnav ul{text-align: center;}
.pnav ul li {display: block;margin:0 1%;width:18%;height:300px;overflow: hidden;transition: all .3s;float: left; background:#e3e3e3;}
.pnav ul li:nth-child(2n){background:#4678bd;}
.pnav ul li a{display: block;position: relative;}
.pnav ul li a img{transition:1s;width:230px;height:230px; border-radius: 50%; margin-top:15px;}

.pnav ul li a p{text-align: center;font-size:20px;color: #fff;background: #e10312; line-height:45px;transition: .5s;position: absolute;width: 100%;  display:block; margin-top:6px;}
.pnav ul li a i{position: absolute;bottom: 6px;font-style: normal;font-size: 18px;left: 123px;transition: .5s;}
.pnav ul li a:hover img{filter: brightness(120%);  transform: rotateZ(360deg);}
.pnav ul li a:hover p {background: #004099;color: #fff;}
.pnav ul li a:hover i{color: #fff;}
.pnav .btnLeft,.pnav .btnRight{position:absolute;top:40%;margin-top:-15px;width:27px;height:51px;transition: 0.5s;opacity: 0.6;}
.pnav .btnLeft{left:-80px;}
.pnav .btnLeft:hover{left:-90px;opacity: 1;}
.pnav .btnRight{right:-80px;}
.pnav .btnRight:hover{right: -90px;opacity: 1;}

.syal { padding:0 0 20px 0; background:url(../images/2_27.jpg) center 220px  no-repeat; width:100%; margin: 0px auto;}
.syal ul {width:1260px; margin: 0px auto;}
.syal ul li{ width:200px; float:left; margin:0 5px 0 2px; text-align:center;}
.syal ul li a{ display:block; text-align:center; color:#000; font-size:20px;transition:all .5s ease;}
.syal ul li a img{ display: block; margin-left:20%; margin-bottom:30px;transition:all .5s ease; width:220px;/*height:180px; border-radius: 50%; border:5px solid #0054bb; */ margin:0 auto;}
.syal ul li a:hover img{transform: translateY(13px);}
.syal ul li a:hover{color:#d50000;}
.syal{}


.guobg{width: 100%;padding-top: 1px;overflow: hidden;}
.guobg .wrap1366{position: relative;}
.guobg .wrap1200{position: relative;}
.lvbg{width: 100%;}
.ptxt{width: 435px;height: 78px;position: absolute;left: 50px;top: 100px;}
.infoList{margin:50px 0 0;}
.produtlist li{margin-bottom:20px;width:326px;float:left;margin-right:20px;background: #fff;overflow: hidden;}
.produtlist li a{color: #000;display: block;position: relative;}
.produtlist li a img{width:326px;height:230px;display:block;transition: .5s;}
.produtlist li a em{display: block; font-size: 16px; color: #fff; height: 40px; position: absolute; left: 0; bottom: 0;  width: 286px; padding: 0 20px; overflow: hidden; line-height: 40px;transition: .5s;text-align: center;}
.produtlist li a em b{display: block;transition: .4s;}
.produtlist li a em p{font-size: 14px;text-align:left;}
.produtlist li a:hover em{line-height: 26px; height:84px; padding-top: 33px;cursor: pointer;}
.produtlist li a:hover em b{line-height: 50px;}
.produtlist li a:hover img{transform:scale(1.07,1.07);    filter: brightness(110%);}




/*产品中心*/

.cp_fl{width:1200px;margin: 40px auto;overflow: hidden;text-align: center;}
.cp_fl a{display: inline-block;padding: 10px 35px; font-size: 18px; color: #fff;text-align: center;background: #014fb4;border-radius: 40px; margin-left: 15px;border: 4px rgba(255,255,255,0.5) solid;}
.cp_fl a:hover{background: #df2623;padding: 10px 55px;}

.cp_bj{width: 100%;margin:  auto;overflow: hidden;background: #f1f1f1;}
.cp_zx{width:98%;height:950px;margin:0 auto;overflow: hidden;}


/*产品效果*/
.case{width:100%;margin-top:15px;}
.case a{display: block;float: left;width:24.3%;height:auto;overflow: hidden;position: relative;margin: 10px 0 0 8px;}
.case a:hover em{opacity:0.7; width:99.5%;height: 189px;top:60px}
.case a span{overflow: hidden;display: block;width: 100%;position: relative;height: auto;}
.case a span i{ display:block;width:100%;font-size: 16px; line-height:40px;color:#ffffff;text-align:center;background:#004099;position:absolute;bottom:0;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;}
.case a:hover span i{ background:rgba(0,0,0,0.5); color:#fff;}
.case a span img{width:99.5%; border:1px solid #aaa;}
.case a em{width:99.5%;
    text-align: center;
    height: 179px;
    position: absolute;
    top: -170px;
    overflow: hidden;
    margin: 0 auto;
    filter: alpha(Opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    animation: mymove 3s;
    -moz-animation: mymove 3s;
    -webkit-animation: mymove 3s;
    -o-animation: mymove 3s;
    transition: all .3s ease;}



/*公司简介*/
.jj_bj{ width:100%;overflow: hidden; margin: 0 auto; background: url(../images/jjbj.jpg) no-repeat center top; height:850px;}
.jj_nr{width: 1096px;margin: auto;overflow: hidden;margin-top: 160px;position: relative;}

.jj_nr h3{font-size: 30px;color: #df1219;margin-left: 30px;margin-top: 10px;}
.jj_nr b{font-size: 24px;color: #fff;text-transform: uppercase;display: block;font-weight: normal;margin-left: 30px;}
.jj_nr i{display: block;font-size: 30px;color: #fff;font-weight: bold;margin-left: 30px;}
.jj_nr em{display: block;width: 60px;height: 2px;background: #fff;margin-top: 10px;margin-left: 30px;}

.jj_nr span{display: block;font-size: 16px;color: #333;line-height: 30px;padding: 17px 0;margin-left: 30px;}


/*优势*/
.syys {background: url(../images/ysbj.jpg) top center no-repeat; height: 862px; }
.syys h4 {text-align: center; padding: 50px 0 30px 0; }
.syys .syys_con {position: relative; }
.syys .syys_con .ys_pic {position: absolute;width: 520px;left:0;right: 0;top: 0px;margin: auto; }
.syys .syys_con ul {position: relative; }
.syys .syys_con ul li {  position: absolute; }
.syys .syys_con ul li span {font-size: 34px;    color: #fff; background: url(../images/ysbj1.png) right bottom no-repeat;display: block;padding-bottom: 20px;text-align: right; padding-right: 30px;}
.syys .syys_con ul li span img {padding: 0 10px;vertical-align: middle; }
.syys .syys_con ul li p {font-size: 16px; color: #fff;text-align: right; padding-right: 30px; }
.syys .syys_con ul li:nth-of-type(1) {  text-align: right;  width: 370px;  top: 30px;  left: 0px; }
.syys .syys_con ul li:nth-of-type(2) {  text-align: left;  width: 345px;  right: 30px;  top: 30px; }
.syys .syys_con ul li:nth-of-type(2) span { background: url(../images/ysbj2.png) right bottom no-repeat; text-align: left;    padding-left: 30px; }
.syys .syys_con ul li:nth-of-type(2) p { text-align: left;    padding-left: 30px; }
.syys .syys_con ul li:nth-of-type(3) {  text-align: right;  width: 385px;  top: 330px;  left: -40px; }
.syys .syys_con ul li:nth-of-type(4) {  text-align: left;  width: 385px;  right: 30px;  top: 330px; }
.syys .syys_con ul li:nth-of-type(4) span { background: url(../images/ysbj2.png) right bottom no-repeat;    text-align: left;    padding-left: 60px; }
.syys .syys_con ul li:nth-of-type(4) p { text-align: left; padding-left: 60px; }

/*案例*/

.al_zx{width:100%; margin: auto;overflow: hidden;}




/*新闻效果*/

.synewsnr{margin:0 auto;width: 1200px;margin-bottom: 40px;}
.synewsnr dl{float:left; width:370px; margin-right: 28px;background: #fff;}
.synewsnr dl dt{width: 370px; height:190px; overflow: hidden;}
.synewsnr dl dt a{width: 370px; overflow: hidden; display: block;}
.synewsnr dl dt img{width: 370px;  transition:all .5s ease; }
.synewsnr dl dt:hover img{transform: scaleX(1.1) scaleY(1.1);}
.synewsnr dl dd{font-size:14px;color:#888;margin-top: -5px;}
.synewsnr dl dd h4{font-size:16px;color:#000; height:40px; line-height: 50px;text-align: center;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;padding: 10px 15px;}
.synewsnr dl:hover dd h4{color: #ff7b00}
.synewsnr dl dd p{height: 80px; line-height:30px; height: 110px; overflow: hidden; margin-bottom: 20px;padding: 18px; overflow: hidden;}
.synewsnr dl dd b{display: block;width: 300px;height: 1px;background: #d2d2d2;text-align: center;margin: auto;}

.synewsnr dl a em{font-size: 14px;color: #fff;display: block;width: 80px;line-height: 24px;text-align: center;background: #cc0001;margin-left: 30px;}

/*底部*/


/*内页左侧联系*/
.nylx{ width:270px;  background:#EFEFEF; margin:20px 0px;}
.nylx h3{ font-size:32px; font-weight:bold; color:#fff;height:80px; line-height:80px; text-align:center; background:#ff4e00;}
.nylx p{ font-size:16px; line-height:30px; color:#333; padding:10px;}



/*内页标题*/
.nybt{width: 1200px;overflow: hidden;color: #fff;margin: 0 auto;margin-bottom: 30px;margin-top: 80px;}
.nybt h3{float: left;width:120px;line-height: 35px;background: #000;font-size: 20px; text-align: center;}
.nybt b{float: left;line-height: 35px;padding: 0 15px; background: #cc0001;font-size: 16px; text-align: center;font-weight: normal;margin: 0 20px;}
.nybt i{float: left;line-height: 35px;padding: 0 15px; background: #757575;font-size: 18px; text-align: center;font-weight:bold;}

.nynr{width: 1200px;margin: 0 auto;font-size: 16px;color: #333;line-height: 36px;overflow: hidden}


.ny_lx_l{float: left;width: 350;font-size: 18px;color: #333;line-height: 36px;}
.ny_lx_r{float: right;width: 700px;height: 450px;}

.main .map{ width:100%; height:360px; border:1px solid #ddd; border-radius:5px;}


.info {border: solid 1px silver;}
 div.info-top{position:relative;background:none repeat scroll 0 0 #F9F9F9;border-bottom:1px solid #CCC;border-radius:5px 5px 0 0;}
div.info-top div{display:inline-block;color:#333333;font-size:14px;font-weight:bold;line-height:31px;padding:0 10px;}
div.info-top img{position:absolute;top:10px;right:10px;transition-duration:0.25s;}
div.info-top img:hover{box-shadow:0px 0px 5px #000;}
div.info-middle{font-size:12px;padding:6px;line-height:20px;}
div.info-bottom{height:0px;width:100%;clear:both;text-align:center;}
div.info-bottom img{position:relative;z-index:104;}
.amap-info{ width:420px !important; }
.amap-info>div{ width:100%;}
.info-middle{height:150px !important; line-height:30px !important; }
.info-middle img { float:left;margin-right:12px; height:150px;}