@charset "utf-8";
a:hover{cursor:pointer;}
.main {width:100%;background: url(../images/mainbg.png) 0 bottom repeat-x;}
.main_center {width: 1200px;margin: 0 auto;overflow:hidden;}
.main_left {width: 50%;float:left;margin-top:32px;margin-bottom: 60px;}
.main_left i{display:block;font-size:24px;color:#434343;font-style:normal;line-height:60px;padding-left: 20px;background: url(../images/titleL.jpg) left center no-repeat;}
.company {width: 300px;height: 186px;float:right;padding-right: 8px;/* background: #004ea2; */position:relative;box-sizing: border-box;}
.company .arrow{background:url(../images/index/icon-arrow.png) center center no-repeat;width: 14px;height: 19px;display:block;position:absolute;left: -14px;top: 35px;}
.company h2 {font-size:22px;color:#fff;padding: 33px 0 20px 0px;}
.company p.sum{font-size:14px;color: #535353;line-height:180%;height:116px;text-indent:2em;}
.company a.more{width:60px;height:23px;border-radius:12px;display:block;text-align:center;line-height:23px;color: #0565c8;background: url(../images/index/icon-arrow1.png) right center no-repeat;font-size: 12px;margin: 12px 0px 0px 0px;position: absolute;right: 0;bottom: 0;}
.company a.more:hover {font-weight:bold;}
.main_left1{width: 282px;height: 186px;float: left;}
.main_left1 img{width:100%;max-height: 100%;}

/**/

.news {width:50%;/* background:#eff4f7; */float:right;margin-top:32px;height: 270px;position:relative;}
.news h2 {font-size: 24px;color: #434343;font-style: normal;line-height: 60px;padding-left: 20px;background: url(../images/titleL.jpg) left center no-repeat;font-weight:normal;}
.news>a{position:absolute;right:0;top:20px;color: #c9c9c9;}
.news ul {overflow:hidden;padding-bottom:20px;height: 190px;padding: 0px 0 0 30px;}
.news li {overflow:hidden;background: url(../images/dian.png) left center no-repeat;}
.news li a {font-size:14px;color: #313131;height: 46px;padding-left:18px;display:block;line-height: 46px;background: url(../images/line.png) bottom no-repeat;}
.news li:hover a { color:#3d98e2;}
.news li span {height: 46px;line-height: 46px;color: #313131;font-size:14px;float:right;}

/**/
.proBox{width:100%;/* height:400px; */background:#f5f5f5;}
.product {overflow:hidden;width: 1200px;padding-top: 38px;margin: 0 auto;padding-bottom: 60px;}
.product h2 {font-size: 24px;color: #434343;font-style: normal;line-height: 60px;padding-left: 20px;background: url(../images/titleL.jpg) left center no-repeat;font-weight:normal;position: relative;}
.product h2 a.arrowL{display:block;width: 27px;height: 60px;background:#3d98e2;position:absolute;bottom:0;right: 35px;left: auto!important;background: url(../images/left_grey.png) left center no-repeat;}
.product h2 a.arrowR{display:block;width: 27px;height: 60px;background:#3d98e2;position:absolute;bottom:0;right: 0px!important;background: url(../images/arrow.png) right center no-repeat;}
.product h2 a.arrowL:hover{background:url(../images/arrow.png) left center no-repeat;}
.product h2 a.arrowR:hover{background:url(../images/right_blue.png) left center no-repeat;}
.product ul {overflow:hidden;width: 30000px;}
.product li {float:left;position:relative;margin-right: 15px;overflow:hidden;width: 288px;height: 215px;background: #f2f2f2;}
.product li .Img{width:100%;height:175px;overflow:hidden;text-align: center;line-height: 175px;}
.product li a img {max-width: 100%;max-height: 100%;transition: all .7s;-moz-transition: all .7s; /* Firefox 4 */-webkit-transition: all .7s; /* Safari 和 Chrome */-o-transition: all .7s; /* Opera */vertical-align: middle;}
.product li a {  display:block; color:#fff;}

.proBox .swiper-slide {float:left;position: relative!important;margin-right: 15px;overflow:hidden;/* width: 288px!important; */height: 215px!important;background: #f2f2f2!important;padding: 0;}
.proBox .swiper-slide .Img{width:100%;height:175px;overflow:hidden;text-align: center;line-height: 175px;}
.proBox .swiper-slide a img {max-width: 100%;max-height: 100%;transition: all .7s;-moz-transition: all .7s; /* Firefox 4 */-webkit-transition: all .7s; /* Safari 和 Chrome */-o-transition: all .7s; /* Opera */vertical-align: middle;}
.proBox .swiper-slide a {display:block;color:#fff;width: 100%;position: absolute;top: 0;height: 100%;}
.proBox .swiper-slide:hover img {transform:scale(1.2);-ms-transform:scale(1.2); /* Internet Explorer */-moz-transform:scale(1.2); /* Firefox */-webkit-transform:scale(1.2); /* Safari 和 Chrome */-o-transform:scale(1.2); /* Opera */}
.proBox .swiper-slide a span {width: 100%;height: 40px;position:absolute;bottom:0;left:0;font-size: 12px;line-height: 40px;color: #313131;text-indent: 20px;text-align: left;}
.proBox .swiper-slide:hover a span  {display:block; }
.proBox .swiper-slide:hover span{background:#014fa2;color:#fff;}

.honor{background:#fff}
.honor .swiper-slide a img{width:216px;height:292px;}
.honor .swiper-slide {float:left;position: relative!important;margin-right: 15px;overflow:hidden;/* width: 288px!important; */height: 345px!important;/* background: #f2f2f2!important; */padding: 0;}
.honor .swiper-slide .Img{width: 215px;height:292px;overflow:hidden;text-align: center;line-height: 175px;border: 8px solid #3f464c;background: url(../images/honorBK.png) center center /98% no-repeat;padding: 16px;box-sizing: border-box;}
.honor .swiper-slide a img {max-width: 100%;max-height: 100%;transition: all .7s;-moz-transition: all .7s; /* Firefox 4 */-webkit-transition: all .7s; /* Safari 和 Chrome */-o-transition: all .7s; /* Opera */vertical-align: middle;}
.honor .swiper-slide a {display:block;color:#fff;width: 100%;position: absolute;top: 0;height: 100%;}
.honor .swiper-slide a span {width: 100%;height: 40px;position:absolute;bottom:0;left:0;font-size: 12px;line-height: 40px;color: #313131;text-indent: 20px;text-align: left;}

.product li:hover img {
transform:scale(1.2);
-ms-transform:scale(1.2); /* Internet Explorer */
-moz-transform:scale(1.2); /* Firefox */
-webkit-transform:scale(1.2); /* Safari 和 Chrome */
-o-transform:scale(1.2); /* Opera */
}

.product li a span {width: 100%;height: 40px;position:absolute;bottom:0;left:0;font-size: 12px;line-height: 40px;color: #313131;text-indent: 20px;}
.product li:hover a span  {display:block; }
.product .more a {height:29px;border-radius:15px;margin: 24px auto 40px;color: #004ea2;line-height:29px;text-align:center;padding: 0px 30px 0px 0px;background: url(../images/index/icon-arrow2.png) right 10px no-repeat;display: block;width: 25px;}
.product .more a:hover {/* background:#1d83d5; *//* color:#9ccff8; */font-weight: bold;}
.product li:hover span{background:#014fa2;color:#fff;}
/**/
.customer {text-align:center; margin:38px auto 0; width:1100px;}
.customer h2 { color:#1667b2; height:46px; line-height:45px; position:relative; font-size:22px;}
.customer h2 span { width:36px; height:1px; display:block; margin:0 auto; background:#1667b2;}

.customer ul {
    margin: 70px auto 90px;
    width: 990px;
}
.customer li {width: 290px;float:left;margin-right: 57px;border: 1px solid #eee;padding: 80px 0px 30px 0px;position: relative;}

.customer li .img {width:82px;transition: all .7s;-moz-transition: all .7s; /* Firefox 4 */-webkit-transition: all .7s; /* Safari 和 Chrome */-o-transition: all .7s; /* Opera */position: absolute;top: -40px;left: 50%;margin-left: -41px;}

.customer li:hover .img { transform:scale(1.2);
-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */ }
.customer li .more{position:absolute;bottom:-20px;left:50%;margin-left: -61px;}

.customer li .img span { display:block;  height:82px; width: 82px;}
.customer li:hover .img span{ background-position:0 bottom;}
.customer li.li1 .img span{background:url(../images/index/icon-index1.png) center center no-repeat;}
.customer li.li2 .img span{background:url(../images/index/icon-index2.png) center center no-repeat;}
.customer li.li3 .img span{background:url(../images/index/icon-index3.png) center center no-repeat;}

.customer li.li1:hover .img span{background:url(../images/index/icon-index1_1.png) center center no-repeat;}
.customer li.li2:hover .img span{background:url(../images/index/icon-index2_2.png) center center no-repeat;}
.customer li.li3:hover .img span{background:url(../images/index/icon-index3_3.png) center center no-repeat;}

.customer li h3 {color:#585858;}
.customer li p {padding: 16px 27px 0;color: #959595;line-height:24px;height:108px;font-size: 12px;}
.customer li a {width: 120px;height: 35px;display:block;margin:0 auto;line-height: 35px;border: 1px solid #eeeeee;border-radius: 17px;background:#fff;color: #313131;background: url(../images/index/icon-arrow3.png) #fff 90px center no-repeat;}
.customer li a:hover { color:#004ea2;background: url(../images/index/icon-arrow2.png) #fff 90px center no-repeat;border: 1px solid #004ea2;}