@charset "utf-8";

.top{width:100%; height:45px; line-height:45px; background:#227cf1; color:#ffffff;font-size:14px;}

.top_wrap{width:1200px; margin:0 auto;}

.top_left{float:left;height:45px; line-height:45px;}

.top_right{float:right;height:45px; line-height:45px;}

.top a{display:block; float:right; line-height:45px; margin-left:45px;padding-left:25px; color:#ffffff; text-decoration:none;}

.top .search_btn{background:url(../images/search.png) left center no-repeat;}

.top .shop_btn{background:url(../images/shop.png) left center no-repeat;}

.header{width:1200px; margin:0 auto; height:108px; border-bottom:1px solid #e1e1e1;}

.header .logo{float:left; margin-top:45px;}

.header .top_phone{float:right; margin-top:45px;}

.panel{width:100%; height:auto;}

.panel li{width:33.333333%; float:left; height:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #e7e7e7; margin-left:-1px;}

.panel li a{position:relative; display:block; width:100%; height:100%;}

.panel li a img{width:100%; height:auto; position:absolute; left:0; top:0; border:1px solid #e7e7e7;}

.panel li a img:last-child{z-index:2; opacity:0; transition: all 0.5s;}

.panel li a:hover img:last-child{opacity:1; }

.clearfixx:after,.clearfix:before{display:table;content:"";}

.clearfixx:after{clear:both;}

.index_about{width:100%; height:495px; background:url(../images/index_about_bg.jpg) center center no-repeat;}

.index_about_wrap{width:1200px; height:586px; margin:0 auto;}
.index_about_main{height:287px; background:rgba(0,0,0,0.59); color:#ffffff; margin-top:114px;}
.index_about_main h1{font-size:29px; font-weight:bold; line-height:29px; padding-top:80px;}
.index_about_main span{display:block; font-size:12px; color:#9e9e9e; line-height:12px; padding-top:10px;}
.index_about_main p{font-size:14px; line-height:24px; padding-top:40px;}
.index_service_list li{width:299px; height:299px; float:left; margin-left:1px; text-align:left; position:relative; z-index:10;}
.index_service_list li a{text-decoration:none; width:299px; height:299px; display:block;}
.index_service_list li:nth-of-type(1){background:url(../images/icon1.png) 40px 60px no-repeat #f2f2f2;transition: all 0.5s;}
.index_service_list li:nth-of-type(2){background:url(../images/icon2.png) 40px 60px no-repeat #f2f2f2;transition: all 0.5s;}
.index_service_list li:nth-of-type(3){background:url(../images/icon3.png) 40px 60px no-repeat #f2f2f2;transition: all 0.5s;}
.index_service_list li:nth-of-type(4){background:url(../images/icon4.png) 40px 60px no-repeat #f2f2f2;transition: all 0.5s;}
.index_service_list li span{display:block; font-size:18px; color:#1060ba; padding:125px 0 0 40px;}
.index_service_list li i{display:block; font-style:normal; font-size:12px; color:#bfbfbf; padding:5px 0 0 40px;}
.index_service_list li em{display:block; font-style:normal; font-size:33px; color:#9e9e9e; padding:40px 0 0 40px;}
.index_service_list li:hover span{color:#ffffff;}
.index_service_list li:hover i{color:#ffffff;}
.index_service_list li:hover em{color:#ffffff;}
.index_service_list li:nth-of-type(1):hover{background:url(../images/icon1_h.png) 40px 60px no-repeat #1060ba; box-shadow:0 0 60px rgba(28,105,191,0.39);transform: scale(1.05,1.05);position:relative; z-index:11;}
.index_service_list li:nth-of-type(2):hover{background:url(../images/icon2_h.png) 40px 60px no-repeat #1060ba; box-shadow:0 0 38px rgba(28,105,191,0.39);transform: scale(1.05,1.05);position:relative; z-index:11;}
.index_service_list li:nth-of-type(3):hover{background:url(../images/icon3_h.png) 40px 60px no-repeat #1060ba; box-shadow:0 0 38px rgba(28,105,191,0.39);transform: scale(1.05,1.05);position:relative; z-index:11;}
.index_service_list li:nth-of-type(4):hover{background:url(../images/icon4_h.png) 40px 60px no-repeat #1060ba; box-shadow:0 0 38px rgba(28,105,191,0.39);transform: scale(1.05,1.05);position:relative; z-index:11;}
.index_level{width:100%; height:743px; background:url(../images/index_pro_bg.jpg) center  center no-repeat; margin-top:-204px;}
.index_level_wrap{width:1200px; margin:0 auto; text-align:right;}
.index_level_wrap h1{font-size:25px; color:#484848; padding-top:317px; position:relative;}
.index_level_wrap h1:after{content:"";width:67px; height:2px; background:#1060ba; position:absolute; right:0; bottom:-25px;}
.index_level_wrap p{font-size:12px; color:#737373; padding-top:45px; line-height:26px;}
.index_level_wrap ul{ padding-top:60px;}
.index_level_wrap li{background:url(../images/index_icon.png) right center no-repeat; line-height:40px; font-size:13px; color:#373737; padding-right:25px;}
.index_news_title{border-bottom:1px solid #d3d3d3; line-height:50px; height:50px; overflow:hidden;}
.index_news_title p{font-size:20px; color:#1060ba; float:left; height:50px; line-height:50px;}
.index_news_title a{font-size:12px; color:#a1a1a1; display:block; float:right; text-decoration:none;height:50px; line-height:50px;}