﻿@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;}

/*公告*/
.header{ width:100%; background:#f1f1f1;height: 42px;}
.welcome{ width:950px;font-size:14px; color:#333; line-height:42px;display:block;}
.fx{ width:250px; }
.fx a{ font-size: 14px; color: #333;line-height:42px;}


/*logo*/
.top120{width: 1200px; height: 130px; margin: 0 auto;}
.logo{ margin:30px 0; width:870px; }
.logo img{ float:left; margin-right: 15px; }
.logo span {font-size:18px; color:#333;line-height: 40px;}
.logo span i{color:#d81e07;font-weight: bold;font-style: normal;}

/*tel*/
.tel{ margin:30px 0 20px ; width:320px; height:80px;}
.tel img{ float:left; margin-right: 6px;margin-top: 10px;}
.tel p{ font-size:18px; color:#333; display:block; margin-top: 10px; }
.tel span{ font-size:30px; color:#d81e07; font-weight:bold; font-family: impact;}

/*nav*/

.wnav{ width:100%; height: 60px; background:#0658c6; overflow:hidden;}
.wnav ul{width: 1200px;height: 60px;margin: 0 auto;}
.wnav li{ float:left; height:60px;width:150px; display:block; line-height:60px; font-size:16px;  text-align:center; }
.wnav li a{ color:#fff;display:block;}
.wnav li a:hover{ background:#09a5fc}

/*banner*/
.bn{ width:100%; height:500px; background:#333; }




/*产品中心*/
.cpbt{ width: 100%;margin: 30px auto;}
.cpbt p{ font-size: 18px; color: #333;text-align: center;line-height: 50px;background: url(cpbt.png)no-repeat center;text-transform: uppercase;}
.cpbt h3{font-size: 36px; color: #171717; text-align: center;}
.cpbt h3 span{color: #0348bf;}

.cpfl2 { width:1200px;margin:30px auto;text-align: center; }
.cpfl2 a{  display:inline-block; width: 230px;line-height: 45px; font-size:16px; color:#fff;text-align: center;background: #09a5fc; margin-right: 10px;}
.cpfl2 a:hover{background: #da090f}

.cpzx{ width: 1200px; height:510px;margin:0px auto; text-align:center; margin-bottom: 45px;overflow: hidden;}

/*案例*/

.alnr{width: 1200px;margin: auto;overflow: hidden;height: 350px;}


/*新闻*/
.xwbj{width: 100%;height: 680px;margin: 0 auto;overflow: hidden;background: #f1f1f1;margin-top: 40px;}
.xwnr{width: 1200px;margin: auto;overflow: hidden;height: 500px;}



/*公司简介*/
.jjbj{ width:100%;overflow: hidden; margin: 0 auto; height: 480px;background:url(jjbj.jpg) no-repeat center ;height: 800px;}
.jjnr{width: 1200px; margin: auto;overflow: hidden;margin-top: 60px;}
.jj_l{width: 380px;height: 400px;}
.jj_r{width: 780px;height: 400px;}
.jj_r h3{font-size: 36px;color: #fff;border-bottom: 1px #fff solid;padding-bottom: 30px;}
.jj_r p{font-size: 16px;line-height: 30px;color: #fff;padding: 30px 0;}
.jj_r a{display: block;width: 150px;height: 35px;line-height: 35px;text-align: center;color: #fff;background: #09a5fc;}

.ys{width: 1000px; margin: auto;overflow: hidden;}
.ys a{display: block;float: left;width: 25%;height: 215px;background: url(jj_t_bj.png)no-repeat center top;text-align: center;margin-top:70px; }
.ys a img{margin-top: 30px;}
.ys a p{font-size: 24px;font-weight: bold;color: #0658c6;margin-top: 20px;}

.ys a:hover{margin-top: 50px;}

/*底部*/
.dibu{ width:100%;height: 400px;  background:#1a1e29; margin: 0 auto;overflow: hidden;}

.btw{width: 1200px;  margin:0px auto;}

.di_nav{width: 220px;margin-top: 50px; }
.di_nav h4{font-size: 24px;color: #9ca4ba;margin-bottom: 10px;}
.di_nav a{display: block; float: left; width:150px; height: 30px; color: #9ca4ba; font-size: 16px;}
.di_nav span{display: block;width: 80px;height: 3px;background: #db0c02;margin-bottom: 20px;}

.di_wm{width: 250px;height: 400px; text-align: center;background: #0658c6;margin-right: 100px;}
.di_wm p{ font-size: 16px; color: #9ca4ba; line-height: 50px;}
.di_wm img{margin-top: 15px;}

.di_lx{width: 370px;margin-top: 50px;}
.di_lx p{font-size: 16px; color: #9ca4ba; line-height: 30px; }
.di_lx h4{font-size: 24px;color: #9ca4ba;margin-bottom: 10px;}
.di_lx a{display: block; float: left; width:150px; height: 30px; color: #9ca4ba; font-size: 16px;}
.di_lx span{display: block;width: 80px;height: 3px;background: #db0c02;margin-bottom: 20px;}




/*版权*/
.b_q{ width:100%; background:#0658c6; height:50px;line-height:50px;font-size:16px; text-align:center;color: #fff;}




/*内页左侧联系*/
.nylx{ width:300px;  background:#EFEFEF; margin:20px 0px;}
.nylx h3{ font-size:32px; font-weight:bold; color:#fff;height:80px; line-height:80px; text-align:center; background:#0c6dcb;}
.nylx p{ font-size:14px; line-height:30px; color:#333; padding:10px;}



/*新闻效果*/

.synewsnr{margin:0 auto;width: 1200px; padding-top:20px;}
.synewsnr dl{float:left; width:370px; margin-right: 15px;}
.synewsnr dl dt{width: 370px; overflow: hidden;}
.synewsnr dl dt a{width: 370px; overflow: hidden; height: 250px; display: block;}
.synewsnr dl dt a img{width: 370px; height: 250px;transition:all .5s ease; }
.synewsnr dl dt a:hover img{transform: scaleX(1.1) scaleY(1.1);}
.synewsnr dl dd{font-size:16px;color:#a7a7a7;background: #fff;height: 200px;}
.synewsnr dl dd h4{font-size:16px;color:#000; height:50px; line-height: 50px;padding-left: 10px;text-align: center;padding-top: 20px;}
.synewsnr dl:hover dd h4{color: #ff7b00}
.synewsnr dl dd p{height: 80px; line-height: 200%;font-size: 14px; overflow: hidden; margin-bottom: 20px;color: #333;padding: 10px;}




/*二级分类*/
.left_con{ width:300px; height:auto; background:#fff; border:solid 1px #ddd;}
.left_con ol li{ width:300px;  border-bottom:solid 1px #ddd; margin:0 auto; line-height:45px;font-size: 18px;}
.left_con ol li p a{ width:290px; height:40px; background:#333; margin-bottom:1px; line-height:40px; padding-left:10px;display:block;font-size: 12px; color:#fff;}
.left_con ol li p a:hover{width:290px;height:40px;line-height:40px; color:#fff; background:#dd0127;}





