﻿@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;}
.clear{ clear:both;}

/* 顶部 */


#quanju{ width:100%; background:#fff;}
.bx1200{ width:1200px; margin:0 auto; overflow:hidden;}



/*顶部*/
._top{background-color:#0154ba;margin: auto; width: 100%;height: 62px;}




/*nav*/



.navcy{margin: auto; width:1200px;height: 62px;}
.navcy ul{width:1200px;}
.navcy ul>li{float:left;width:130px;line-height:62px;display:inline;position:relative;z-index:8;}
.navcy ul li a{display:block;  color:#fff;display:block;text-align: center}
.navcy ul li a:hover{background:#f78022;color: #fff; }

.subnav{width:770px;position:absolute;top:62px;z-index:5;background:#fcfcfc;display:none}
.investor-subnav{width:500px;height:360px;font-size: 14px; }
.list{width:160px;padding:15px 0 0 35px;border-right:1px solid #e9e9e9;float:left}
.list ol li{width:120px;margin:5px;height:35px;background:#00419b;text-align:center}
.list ol li a{height:35px;line-height:35px;width:120px;color:#fff;font-size:14px;display: block}
.list ol li a:hover{color:#fff;background:#dc0707;width:120px;height:35px;line-height:35px;border-radius:0}

.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;}



.investor-subnav2{width:1080px;font-size: 14px;padding-bottom: 20px;padding-top: 20px;background:#fff;}
.list2{width:1080px;}
.list2 ol{}
.list2 ol li{float: left; display: block;width:240px;margin:0 5px;}
.list2 ol li:nth-of-type(4n+1){clear: both;}
.list2 ol li a{display: block;height: 30px;line-height: 30px;background: url(flbj.jpg) no-repeat 20px center;color: #333;text-align: left;padding-left: 40px;font-size: 16px;font-weight: bold;margin-bottom: 3px;}
.list2 ol li span a{display: block;height: 30px;line-height: 30px;color: #333;font-weight: normal;background: #fff;font-size: 14px;}







/*nav*/


/*banner*/


.nybn{ width:100%; height:350px; background:url(nybn.jpg) no-repeat center top;position: relative;top:0;margin: auto;overflow: hidden;}


/*产品中心*/
.cp_bj{width: 100%;margin: auto;height: 900px; overflow: hidden;background: url(cpbj.jpg) no-repeat center;}
.cp_zx{width: 1200px;margin: auto;overflow: hidden;margin-top: 80px;margin-bottom: 50px;}
.cp_l{width:260px;background: #0154ba;}
.cp_l .cp_bt{font-size: 20px;color: #fff;line-height: 30px;text-align: center;margin: 20px auto;}
.cp_l .cp_bt p{font-size: 16px;color: #fff; text-transform: uppercase;}
.cp_l .cp_fl{width: 230px;padding-bottom:20px;background: #fff;border-radius:15px;overflow: hidden; margin-bottom: 15px;}
.cp_l .cp_fl h3{font-size: 18px;color: #fa852b;float: left;margin-left: 20px;margin-top: 20px;clear: both;}
/*.cp_l .cp_fl a{display: block;width:174px;height: 27px;line-height: 27px;background: url(flbj.jpg) no-repeat center;color: #333;text-align: left;margin-left: 10px;padding-left: 40px;font-size: 16px;}*/
.cp_l .cp_tel{font-size: 28px;font-family: impact;color: #fff;margin: auto;margin-left: 30px;}
.cp_l .cp_tel img{float: left;margin-right: 5px;}


/*分类折叠*/
.left_cpnr{width: 230px;}
.left_cpnr ol li>a{display: block;width:174px;height: 27px;line-height: 27px;background: url(flbj.jpg) no-repeat center;color: #333;text-align: left;margin-left: 10px;padding-left: 40px;font-size: 16px;}
.left_cpnr ol li span{width: 90%;}
.left_cpnr ol li span a{width:100%;height: 27px;line-height: 27px;font-size: 14px;background: #0154ba;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.cp_r{width: 900px;margin: auto;}

/*产品右侧*/
.case{width:100%;}
.case a{display: block;float: left;width: 30.333%;height: 227px;overflow: hidden;position: relative;margin: 10px 1.3%;}
.case a:hover em{opacity: 1;}
.case a span{overflow: hidden;display: block;width: 100%;position: relative;height: 227px;}
.case a span i{ display:block;width:100%;font-size: 16px; line-height:40px;color:#ffffff;text-align:center;background:rgba(0,0,0,0.5);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{display: none;}
.case a span img{width: 100%;height: 100%;}
.case a em{-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;opacity: 0;transition-duration: .3s;position: absolute;display: block;z-index: 3;background: rgba(1,84,186,0.7);line-height: 40px;text-align: center;top: 0;left: 0;width: 100%;height:100%;color: #fff;padding-top: 50px;font-size: 20px;}
.case a em p{color: #fff;font-size: 16px;line-height: 30px;width:200px; margin: auto;}

.case a b{display: block;width: 200px;height: 1px;background: #fff;margin: 5px auto;text-align: center;}


/*公司简介*/

.jj_bj{width: 100%;height: 800px;background: url(jjbj.jpg) no-repeat center top #0154ba; margin: auto;overflow: hidden;}


.jj_nr{width: 1128px;height: 195px; margin: auto; margin-top: 50px;}
.jj_l{width: 125px;}

.jj_r{width: 1000px;}
.jj_r span{display: block;font-size: 16px;line-height: 30px;color: #fff;margin-top: 20px;}
.jj_r a{display: block;width: 130px;border: 1px #fff solid;height: 35px;line-height: 35px;text-align: center;color: #fff;float: right;margin-top: 20px;margin-bottom: 30px;}
.jj_r a:hover{background: #fff;color: #333;}

.jj_wh{width: 1212px;height: 409px;margin: auto;overflow: hidden;background: url(whbj.png) no-repeat center left;}
.jj_wh ul{width: 700px;margin: auto;overflow: hidden;text-align: center;}
.jj_wh ul li{display: block;width:350px;float: left; height: 120px;color: #fff;background: url(jj_tu_bj.png) no-repeat center;padding-top:80px; }
.jj_wh ul li a{color: #fff;}
.jj_wh ul li a h3{font-size: 20px;color: #fff;}
.jj_wh ul li a p{font-size: 14px;text-transform: uppercase;color: #fff;}


/*新闻*/ 
.xw_bj{width: 100%;margin: auto;overflow: hidden;background: url(xwbj.jpg) no-repeat center;height: 723px;}
.xw_bt{width: 1200px;margin: auto;overflow: hidden;color: #fff;text-align: center;margin-top: 40px;}
.xw_bt h3{background: url(xwbt.png) no-repeat center;font-size: 30px;height: 60px;line-height: 60px;}
.xw_bt p{font-size: 18px;text-transform: uppercase;}

.xw_nr{width: 1200px;margin:45px auto;overflow: hidden;}

/*新闻效果*/

.synewsnr{margin:0 auto;width: 1200px; }
.synewsnr dl{float:left; width:370px; margin-right: 28px;background: #fff;}
.synewsnr dl dt{width: 370px; overflow: hidden;}
.synewsnr dl dt a{width: 370px; overflow: hidden; display: block;}
.synewsnr dl dt a img{width: 370px; transition:all .5s ease; }
.synewsnr dl dt a: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:hover {background: #f78022;}
.synewsnr dl:hover *{color: #fff;}
/*优势*/
.ys_bj{width: 100%;margin: auto;overflow: hidden;background: url(ysbj.jpg) no-repeat center;height: 511px;}
.ys_bj img{display: block;margin:40px auto;text-align: center;margin:}
.ys_nr{width: 1325px;margin: auto;overflow: hidden;}
.ys_nr ul{width: 1325px;margin: auto;}
.ys_nr ul li{display: block;width: 640px;float: left;margin-right: 20px;margin-bottom: 30px;}
.ys_nr ul li h3{font-size: 40px;font-family: impact;color: #fff;background: url(ysnr.png) no-repeat center;float: left;width: 90px; height: 90px;line-height: 90px;text-align: center;margin-right: 15px;}
.ys_nr ul li p{font-size: 20px;color: #333;font-weight: bold;}
.ys_nr ul li span{font-size: 16px;color: #333;line-height: 30px; display: block;}


/*荣誉*/
.ry_bj{width: 100%;margin: auto;overflow: hidden;background: url(rybj.jpg) no-repeat center;height: 395px;}
.ry_nr{width: 100%;margin: auto;overflow: hidden;margin-top: 40px;}

/*案例*/
.al_bj{width: 100%;margin: auto;overflow: hidden;background:url(albj.jpg) no-repeat center top;height: 700px;}
.al_bt{width: 1200px;margin: 40px auto;text-align: center;overflow: hidden;}
.al_bt h3{font-size: 30px;color: #fff;background: url(xwbt.png) no-repeat center;height: 60px;line-height: 60px;}
.al_bt p{font-size: 18px;color: #fff;text-transform: uppercase;}

.al_nr{width:100%;margin: auto;overflow: hidden;}


#focus_Box{position:relative;width:1300px;height:540px;margin:0 auto;}
#focus_Box ul{position:relative;width:1300px;height:440px;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; border:5px solid #fff;}
#focus_Box li img{width:100%;height:100%;vertical-align:top; }
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:90px;top:131px;}
#focus_Box .prev{background:url(al_l.png) no-repeat; left:-90px; top:205px;}
#focus_Box .next{background:url(al_r.png) no-repeat;right:-96px; top:205px;} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}





/*底部*/
.di_bj{ width:100%; height: 559px;margin: auto; background:url(dibj.jpg) no-repeat center top;overflow: hidden;}
.di_bt{width: 500px;margin: 50px auto;overflow: hidden;color: #fff;font-size: 36px;font-weight: bold;text-align: center;}

.di_nav{width: 1200px;height: 55px; margin: auto;overflow: hidden;border-bottom: 1px #fff solid;border-top: 1px #fff solid;text-align: center;margin-bottom: 50px;}
.di_nav a{display: inline-block;width: 125px;color: #fff;font-size: 16px;line-height: 55px;}

.di_nr{width: 1200px;margin: auto;overflow: hidden;margin-top: 30px;}
.di_logo{width: 230px;margin-right: 50px;}
.di_logo img{margin-top: 60px;}


.di_lx{width: 1200px;color: #fff;margin: auto;overflow: hidden;}
.di_lx ul{width: 1200px;margin: auto;}
.di_lx ul li{display: block;width:298px;float: left;color: #fff;text-align: center;transition-duration: 0.5s;}
.di_lx ul li p{font-size: 18px;margin-top: 30px;}
.di_lx ul li span{display: block;font-size: 16px;margin-top: 30px;line-height: 30px;}
.di_lx ul li img{transition-duration: 0.5s;}
.di_lx ul li img:hover{transform: rotateY(180deg)}
.di_lx ul li:hover{margin-top: 30px;}
.di_lx ul li:last-child img{width: 127px;   }

.b_q{width: 100%;height: 50px;line-height: 50px;color: #fff;background: #040404;margin: auto;overflow: hidden;text-align: center;}



/*内页左侧联系*/
.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:#c91107;}
.nylx p{ font-size:14px; line-height:30px; color:#333; padding:10px;}






/*内页标题*/
.nybt{width: 1200px;overflow: hidden;color: #fff;margin: 30px auto;}
.nybt h3{float: left;width:120px;line-height: 35px;background: #f78022;font-size: 20px; text-align: center;}
.nybt b{float: left;line-height: 35px;padding: 0 15px; background: #0154ba;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;}


.cp_fl{width: 1200px;margin: auto;overflow: hidden;text-align: center}
.cp_fl a{display: inline-block;width: 170px;height: 35px;line-height: 35px;background: #0154ba;color: #fff;text-align: center;margin-right: 5px;margin-top: 10px;}
.cp_fl a:hover{background: #f78022;color: #fff;}

/*?–°é—?*/
.newsc .nbt{text-align: center;}
.newsc .nbt li{display:inline-block;height:40px;line-height:40px;width:16%;background: #232323;transform: skew(-20deg);}
.newsc .nbt li a{margin: 0 auto;display:block;padding:0 30px;font-size:16px;text-align:center;color: #fff;}
.newsc .nbt li a div{transform: skew(20deg);}
.newsc .nbt li a:hover{background:#0c82e8;color:#fff;}
.newsc .nbt li.hover a{background:#0c82e8;color:#fff;}
.newsc .listc ul,.newsc .listc li{width:100%;}
.newsc .listc li{transition: .3s;}
.newsc .listc li.grayc{background-color:#f8f8f8;}
.newsc .listc .centerc{width:980px;margin:0 auto;position:relative;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;left:0;}
.newsc .listc li a{padding:50px 0;display: block;}
.newsc .listc .numc{display:block;width:104px;border-right:1px solid #ddd;line-height:60px;font-size:72px;font-family:"Arial";color:#d2d2d2;font-weight:bold;font-style:italic;}
.newsc .listc .fontc{display:block;width:83.7%;font-size:18px;line-height:30px;}
.newsc .listc .fontc .introc{font-size: 14px;color: #bbb;}
.newsc .listc .fontc p{ font-size: 18px;}
.newsc .listc li:hover{background-color:#0154ba;}
.newsc .listc li:hover .numc,.newsc .listc li:hover .fontc p,.newsc .listc li:hover .fontc .introc{color:#fff;}
.newsc .listc li:hover .numc img{border:1px solid #fa1e2f;}
.newsc .listc li:hover .centerc{left:-16px;}
.f-cbc:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}

.content .p{width: 1200px; margin: 0 auto;}




/*内页产品*/
.item-bd{overflow:hidden;width:900px;margin:0px auto;}
.item-img{width:55%;float:left;}
.item-img img{width: 100%}
.item-intro{width:40%;float:right;padding:0 15px;}
.item-intro .title2{border-bottom:1px dashed #e0e0e0;padding:21px 0;text-align: left}
.font20{font-size:32px;color:#ff0000;text-align: left}
.describe{margin-top:26px;position: relative;}
.describe img{position: absolute;right: 250px;top: 0px;}
.item-intro .describe p{color:#666666;font-family:Microsoft YaHei;font-size:14px;}
.item-intro .describe p span{color:#000; font-size:18px; font-weight:bold;}
.item-intro .describe p{color:#666666;font-family:Microsoft YaHei;line-height:24px;font-size:14px;}

#protel{overflow:hidden;width:100%; margin-top:30px;}
#protel p{background:url(dianhua.gif) no-repeat scroll left 5px;float:left;font-size:14px;padding:1% 1% 2% 14%;text-align:left;width:auto;}
#protel span{color:#e30f00;float:left;font-size:28px;font-weight:bold;margin-right:8px;margin-top:1%;width:auto;}
#protel a{color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;}
.line-zixun{background:#ff3a3b;color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;}
.line-order{background:#215998 ;margin-left:15px;color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;}
#pro_tj_lx a:hover{opacity: .7;}


div.content h1 {
    font-size: 25px;
    text-align: center;
    color: #ff0000;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    height: 80px;
    line-height: 80px;
}

.content .p {
    width: 900px;
    margin: 0 auto;
}

.pnav{width: 100%;padding-top: 10px;}
.pnav ul{margin-top: 10px;text-align: center;}
.pnav ul li {display: block;margin: 0 10px;width: 90px;float: left}
.pnav ul li a{display: block;transition: all .3s;}
.pnav ul li a img{border-radius: 50%;border:4px solid #ccc;transition:  1s;width: 90px;height: 90px;display: block}
.pnav ul li a p{text-align: center;font-size: 16px;color: #000;margin-top: 5px;height: 50px;}
.pnav ul li a:hover,._act{transform: translateY(-14px);}
.pnav ul li a:hover img,._act img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);border: 4px solid #166ae5}
.pnav ul li.hover a{transform: translateY(-14px);}
.pnav ul li.hover a img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg)}