body{}

.banner{position:relative; width:100%; min-width:1200px; height:530px; background-color:#6997d1; margin-top:120px;}
#banner_main{position:relative; width:100%; height:530px;}
#banner_main li{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center 0; background-repeat:no-repeat;}
#banner_main li a{height:100%; display:block;}
#indicator{position:absolute; bottom:0; left:0; width:100%; height:65px; line-height:65px; text-align:center;}
#indicator li{display:inline-block; *display:inline; *zoom:1; margin:0 10px; width:10px; height:10px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); transform:rotate(45deg);}
#indicator li.act{background:#1892e7;}
#indicator li i{position:absolute; left:50%; top:50%; background:#1892e7; width:10px; height:10px; display:block; margin-left:-5px; margin-top:-5px; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);  -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#indicator li.act i{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}

.con_box{overflow:hidden; padding:70px 0; background:url(../images/pic01.jpg) no-repeat center;}
.con{width:1200px; margin:auto; overflow:hidden;}
.con02{width:1200px; margin:auto; overflow:hidden;}


.industry{ float:left; width:790px; height:440px; background:url(../images/pic02.jpg) no-repeat; overflow:hidden; position:relative;}
.industry h2{margin-top:20px; color:#fff; font-size:22px; font-weight:bold; padding:0 30px;}
.industry ul{margin-top:156px; overflow:hidden;}
.industry ul li{float:left; min-width:100px; margin:0 28px; text-align:center;}
.industry ul li picture{ width:100px; height:100px; border:1px solid #fff; border-radius:50%; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; margin-bottom:10px;}
.industry ul li a{height:100%; display:block; font-size:16px; color:#fff;}
.industry ul li a:hover{color:#fff;}
.industry ul li a:hover picture{border-color:#1892e7; background:#1892e7;}
.industry .industry_more{position:absolute; bottom:0; left:0; display:block; text-align:center; width:100%; line-height:70px; height:70px; font-size:16px; background:url(../images/pic10.png) repeat-x top; color:#fff; overflow:hidden;}
.industry .industry_more i{width:18px; height:16px; background:url(../images/pic09.png) no-repeat center; display:inline-block; *display:inline; *zoom:1; margin-left:6px;}

.pro{width:390px; height:440px; background:#fff; float:right;}
.pro .title{overflow:hidden; width:330px; margin:auto; border-bottom:1px solid #ddd;}
.pro .title h2{float:left; color:#1892e7; font-size: 22px; line-height:60px; font-weight:bold;}
.pro .title a{float:right; background:url(../images/pic11.png) no-repeat right center; line-height:60px; padding-right:18px;}
.pro .title a:hover{background-image:url(../images/pic12.png);}
.pro ul{margin:auto; width:330px;}
.pro ul li{overflow:hidden; height:41px; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.pro ul li.act{height:275px;}
.pro ul li a{display:block; height:100%;}
.pro ul li a h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:15px; font-size:16px; line-height:40px; height:40px; border-bottom:1px dotted #ccc; background:url(../images/nav01.png) no-repeat 95% center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pro ul li a picture{padding:20px 0; height:168px; overflow:hidden; border-bottom:1px dotted #ccc;}
.pro ul li a picture img{width:100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.pro ul li a:hover picture img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);};

.pro ul li a:hover h2,.pro ul li.act a h2{color:#1892e7; background-image:url(../images/pic13.png);}


.com{float:left; width:590px; height:206px; background:#fff; margin-bottom:20px;}
.com h2{width:530px; margin:auto; overflow:hidden; font-size:22px; color:#1892e7; font-weight:bold; line-height:60px; height:60px;}
.com div{width:530px; margin:auto; overflow:hidden; height:90px; border-bottom:1px dotted #ccc;}
.com div a{font-size:18px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.com div aside{font-size:13px; color:#999; display:block; margin:10px 0;}
.com ul{width:530px; margin:auto; overflow:hidden; height:56px; line-height:56px;}
.com ul li{position:relative; display:inline-block; *display:inline; *zoom:1; margin:0 8px; width:6px; height:6px; cursor:pointer; background:#fff; border:2px solid #ccc; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); transform:rotate(45deg);}

.com ul li i{position:absolute; left:50%; top:50%; background:#1892e7; width:6px; height:6px; display:block; margin-left:-5px; margin-top:-5px; border:2px solid #1892e7; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);  -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}

.com ul li.act i{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}

.subject{float:right; width:590px; height:206px; background:#fff; margin-bottom:20px;}
.subject a{display:block; height:100%;}
.subject picture{float:left; width:302px; height:172px; overflow:hidden; margin:10px auto auto 5px; }
.subject picture img{width:100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.subject:hover picture img{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}

.subject article{float:right; width:250px; margin-right:22px;}
.subject article h2{overflow:hidden; font-size:22px; color:#1892e7; font-weight:bold; line-height:60px; height:60px;}
.subject article div{overflow:hidden; height:90px; border-bottom:1px dotted #ccc;}
.subject article div p{font-size:18px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.subject article div aside{font-size:13px; color:#999; display:block; margin:10px 0;}
.subject article span{display:block; margin-top:20px; color:#999; font-size:12px; background:url(../images/pic15.png) no-repeat 60px center;}
.subject a:hover article span{color:#1892e7; background-image:url(../images/pic16.png); background-position:70px center;}

.video, .periodical{position:relative; width:285px; height:280px; float:left; overflow:hidden; }
.video h2 , .periodical h2 , .case h2{position:absolute; left:0; bottom:0; width:100%; height:80px; line-height:80px; font-size:22px; color:#fff; text-align:center; font-weight:bold;}
.video a , .periodical a , .case a{position:absolute; left:0; top:0; display:block; height:100%; width:100%;}

.periodical{ margin:0 20px;}
.case{position:relative; width:590px; height:280px; float:left; overflow:hidden;}

.video img , .periodical img , .case img{width:100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.video:hover img , .periodical:hover img , .case:hover img{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}