﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.banners{height: 540px;}
.fullSlide {width:100%;position:relative;height:540px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:540px;overflow:hidden;text-align:center; background: no-repeat center top;}
.fullSlide .bd li a {display:block;height:540px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width: 54px; height: 4px; background:#FFF;margin:1px;overflow:hidden;line-height:999px;}
.fullSlide .hd ul .on {background: #ffcc00;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{background:url(/images/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(/images/right1s.png) no-repeat;}


/*ibanner*/
.ibanner{width:100%;height:700px;position:relative;overflow:hidden;}
.ibanner .bd{position:relative;width:100%;height:700px;overflow:hidden;}
.ibanner .bd li{width:100%;height:700px;}
.ibanner .bd a{display:block;height:700px;background-position:center;background-repeat:no-repeat;}
.ibanner .btn{position:absolute;width:79px;height:79px;top:50%;margin-top:-40px;background:url(/images/banner_btn.png);z-index:3;cursor:pointer;}
.ibanner .btn.prev{left:-130px;background-position:0 0;-webkit-transition: left .3s;transition: left .3s;}
.ibanner .btn.next{right:-130px;background-position:-80px 0;-webkit-transition: right .3s;transition: right .3s;}
.ibanner:hover .prev{left:30px;}
.ibanner:hover .next{right:30px;}
.ibanner .btn.prev:hover{background-position:0 -80px;}
.ibanner .btn.next:hover{background-position:-80px -80px;}

/*iaffect*/
.iaffect{position:relative;width:1107px;margin-top:50px;padding:0 46.5px;z-index:3;height:158px;text-align:center;}
.iaffect li{width:353px;height:158px;position:relative;margin:0 8px;float:left;z-index:1;}
.iaffect li > i{position:absolute;z-index:-1;}
.iaffect .bg{width:397px;height:208px;background:url(/images/iaffect_bg.png);left:-22px;top:-25px;}
.iaffect .number{padding-top:15px;font-weight:bold;font-size:18px;line-height:1;}
.iaffect .number span{font-size:70px;color:#005fc3;font-family:'DINOT-CONDBOLD',arial;}
.iaffect .ti{margin:10px 0 3px;font-size:24px;font-weight:bold;}
.iaffect .en{font-size:12px;color:#adadad;text-transform:uppercase;}
.iaffect li:hover .bg{background-position:0 -208px;}
.iaffect li:hover,.iaffect li:hover .number span,.iaffect li:hover .en{color:#fff;}

/*iadver*/
.iadver{margin-top:50px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.iadver .content{position:relative;width:1200px; overflow:hidden;}
.iadver b{position:absolute;width:85px;height:16px;left:0;top:50%;margin-top:-8px;border-right:1px solid #00458e;color:#00458e;}
.iadver-silder{margin-left:95px;height:58px;line-height:58px;overflow:hidden;}
.iadver-silder a{margin-right:45px; display:inline-block;}
.iadver-silder a:hover{color:#0c59bb;}

/*imti*/
.imti{height:34px;line-height:34px;text-align:center;font-size:28px;}
.imti a{position:relative;display:inline-block;height:34px;line-height:34px;}
.imti a:after{content:attr(data-text);position:absolute;width:0%;height:34px;line-height:34px;top:0;left:0;font-size:28px;color:#00458e;overflow:hidden;white-space: nowrap;-webkit-transition:width 1s cubic-bezier(0.7,0,0.3,1);transition:width 1s cubic-bezier(0.7,0,0.3,1);}
.imti a:hover:after{width:100%;}
.imti-en{text-align:center;font-size:12px;margin-top:5px;}
.imti-sub{font-size:16px;text-align:center;margin-top:5px;}

/*stock*/
.stock{padding:75px 0 40px;}
.stock-pic{margin-top:35px;width:1200px;height:450px;position:relative;}
.stock-pic .pic{display:block;width:1200px;height:450px;}
.stock-pic .pic img{vertical-align:middle;width:1200px;height:450px;}
.stock-link{position:absolute;width:200px;top:0;right:0;z-index:1;}
.stock-link .bg{position:absolute;width:100%;height:100%;background:#fff;top:0;left:0;opacity:0.95;filter:alpha(opacity=95);z-index:-1;}
.stock-link a{display:block;width:100%;height:90px;border-top:1px solid #d4d4d4;font-size:16px;line-height:90px;text-align:center;position:relative;z-index:1;font-weight:bold;}
.stock-link a:first-child{border-top:0;}
.stock-link a i{position:absolute;width:0;height:85px;background:url(/images/stock_bg.jpg);left:0;top:0;z-index:-1;}
.stock-link a:hover i{width:100%;}
.stock-link a:hover{color:#fff;}
.stock-list{position:relative;padding-right:200px;}
.stock-list dt{position:absolute;width:198px;border-style:solid;border-color:#d0d0d0;border-width:0 1px 0 1px;right:0;top:0;}
.stock-list dt a{display:block;text-align:center;height:91px;padding-top:30px;border-bottom:1px solid #d0d0d0;}
.stock-list dt a.s2{height:92px;}
.stock-list dt a .icon{display:block;width:30px;height:30px;margin:0 auto 10px;background:url(Img/Index/stock_icon.png)}
.stock-list dt a.s1 .icon{background-position:0 0;}
.stock-list dt a.s2 .icon{background-position:0 -30px;}
.stock-list dt a.s1:hover .icon{background-position:-30px 0;}
.stock-list dt a.s2:hover .icon{background-position:-30px -30px;}
.stock-list dt a:hover{color:#00458e;}
.stock-list dd{height:48px;border-bottom:1px solid #ddd;position:relative;padding-left:142px;line-height:48px;}
.stock-list dd span{margin-right:30px;}
.stock-list dd label{position:absolute;width:128px;height:48px;background-color:#434343;left:0;top:0;border-bottom:1px solid #767676;color:#fff;line-height:48px;text-align:center;}
.stock-list dd span:hover{color:#00458e;}
.stock-list dt a:hover .icon{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

/*advant*/
.advant-wrap{width:100%;padding:40px 0;overflow:hidden;background:url(/images/advan_bg.jpg) no-repeat 50% 0;}
.advant{height:425px;}
.advant li{width:290px;height:425px;float:left;margin-left:13.33333333px;background-color:#fff;text-align:center;overflow:hidden;}
.advant li:first-child{margin-left:0;}
.advant .pic{width:290px;height:213px;overflow:hidden;box-shadow:0 0 10px #eee}
.advant .pic img{width:290px;height:213px;vertical-align:middle;-webkit-transition:all .5s;transition:all .5s;}
.advant .ti{padding:45px 30px 0;}
.advant .ti span{font-size:20px;font-weight:bold;position:relative;}
.advant .ti span:before,.advant .ti span:after{content:'';position:absolute;width:14px;height:1px;background-color:#333;top:50%;}
.advant .ti span:before{left:-20px;}
.advant .ti span:after{right:-20px;}
.advant .desc{line-height:26px;padding:20px 30px 0;}
.advant li:hover{color:#00458e;}
.advant li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.advant li:hover .ti span:before,.advant li:hover .ti span:after{background-color:#00458e;}

/*made*/
.made{padding:80px 0 30px;}
.made-hd{position:relative;}
.made-hd h2{height:50px;float:left;padding-left:45px;line-height:50px;font-size:24px;background:url(/images/made_icon.png) no-repeat 0 50%;}
.made-hd h2 a:hover{color:#00458e;}
.made-hd:before,.made-hd:after{content:'';position:absolute;width:1px;background-color:#dadada;}
.made-hd:before{height:90px;bottom:50px;left:0;}
.made-hd:after{height:70px;top:50px;right:0;}
.made-link{margin-left:350px;height:50px;padding-left:125px;line-height:49px;position:relative;overflow:hidden;}
.made-link:after{content:'';position:absolute;width:100%;height:1px;background-color:#dadada;left:0;bottom:0;}
.made-link .know{display:block;width:103px;height:50px;text-align:center;color:#fff;position:absolute;left:0;top:0;background:url(/images/made_btn.jpg) no-repeat;}
.made-link .sorts{display:inline-block;margin-right:38px;}
.made-link .sorts:hover{color:#00458e;}
.made-nav{margin-top:60px;height:60px;position:relative;text-align:center;}
.made-nav:before{content:'';position:absolute;width:100%;height:1px;background-color:#dadada;right:0;top:10px;}
.made-nav li{display:inline-block;height:70px;position:relative;margin:0 50px;}
.made-nav .one{display:block;height:22px;line-height:22px;padding:0 10px 0 40px;background-color:#fff;font-size:16px;position:relative;}
.made-nav .one i{position:absolute;width:8px;height:8px;border:6px solid #ccdae8;background-color:#00458e;left:10px;top:1px;}
.made-nav .two{position:absolute;padding:0 35px;z-index:1;width:170px;left:-45px;top:80px;opacity:0;visibility:hidden;-webkit-transition:all 0.4s;transition:all 0.4s;}
.made-nav .two .bg{position:absolute;width:100%;height:100%;background-color:#00458e;left:0;top:0;opacity:0.8;filter:alpha(opacity=80);z-index:-1;}
.made-nav .two a{display:block;float:left;width:85px;height:50px;line-height:50px;color:#fff;}
.made-nav .two:after{content:'';position:absolute;width:0;height:0;border:7px solid transparent;border-bottom:10px solid #00458e;top:-17px;left:60px;}
.made-nav li.cur .two{opacity:1;visibility:visible;top:60px;}
.made-nav li.cur .one{color:#00458e;}
.made-pic{width:1200px;height:440px;position:relative;}
.made-pic img{vertical-align:middle;width:1200px;height:440px;}
.made-pic .cont{position:absolute;width:1200px;height:160px;background:url(/images/made_op.png);left:0;top:220px;}
.made-pic .cont p{float:left;margin:30px 0 0 44px;padding-left:30px;background:url(/images/made_line.png) no-repeat 0 50%;font-weight:bold;font-size:24px;font-weight:bold;}
.made-pic .cont p span{display:block;padding:10px 0 0 0px;}
.made-pic .cont p span b{display:block;padding-top:10px; padding-bottom:20px;font-size:22px;font-family:'MStiffHei HKS','Microsoft YaHei';color:#00458e;}
.made-pic .cont a{display:block;float:left;margin:60px 0 0 70px;width:125px;height:50px;background:url(/images/made_btn.png);text-align:center;line-height:42px;}

/*ipro*/
.ipro{width:100%;overflow:hidden;padding:20px 0px;z-index:1;position:relative;}
.ipro .bg{position:absolute;width:100%;height:175px;background:#00458e;left:0;bottom:0;z-index:-1;}
.ipro .more{display:block;float:right;height:50px;line-height:50px;}
.ipro h2{height:50px;padding-left:45px;line-height:50px;font-size:24px;background:url(/images/ipro_icon.png) no-repeat 0 50%;}
.ipro .more:hover,.ipro h2 a:hover{color:#00458e;}
.ipro-silder{position:relative;margin-top:25px;}
.ipro-silder .btn{position:absolute;width:66px;height:66px;top:50%;margin-top:-54px;background:url(/images/ipro_btn.png);cursor:pointer;z-index:3;}
.ipro-silder .btn.prev{left:-80px;background-position:0 0;}
.ipro-silder .btn.next{right:-80px;background-position:-66px 0;}
.ipro-silder .box{overflow:hidden;}
.ipro-silder ul{overflow:hidden;width:100000px;}
.ipro-silder li{width:290px;float:left;margin-right:13px;text-align:center;}
.ipro-silder a{display:block;}
.ipro-silder .pic{width:288px;height:216px;border:1px solid #c2c2c2;}
.ipro-silder .pic img{width:288px;height:216px;vertical-align:middle;}
.ipro-silder .ti{height:50px;line-height:50px;color:#fff;}
.ipro-silder li:hover .pic{border-color:#00458e;}

/*iabout*/
.iabout{padding:75px 0 30px;background:url(/images/iabout_bg.jpg) no-repeat 50% 0;}
.iabout .content:after{content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.iabout-video{float:left;display:block;margin-top:30px;width:580px;height:360px;border:10px solid #fff;position:relative;box-shadow:0 0 20px 0 #ddd;}
.iabout-video:before,.iabout-video:after{content:'';position:absolute;width:0;height:0;bottom:-10px;border-style:solid;}
.iabout-video:after{border-width:0 0 95px 60px;border-color:transparent #d1d1d1;right:-70px;}
.iabout-video:before{border-width:0 60px 95px 0;border-color:transparent #d1d1d1;left:-70px;}
.iabout-video img{width:580px;height:360px;}
.iabout-video .bg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:0.7;filter:alpha(opacity=70);}
.iabout-video .btn{position:absolute;width:75px;height:75px;background:url(/images/video_btn.png);left:50%;top:50%;margin:-37px 0 0 -37px;-webkit-transition: transform .5s linear;transition: transform .5s linear;}
.iabout-video .speed{position:absolute;width:420px;height:2px;background-color:#fff;left:80px;bottom:50px;}
.iabout-video .speed em{position:absolute;width:2px;height:12px;background-color:#fff;left:80px;top:-5px;}
.iabout-video .btn:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
.iabout-cont{width:545px;float:right;margin-top:40px;}
.iabout-cont .ti{font-size:20px;font-weight:bold;}
.iabout-cont .line{display:block;width:72px;height:1px;background-color:#000;margin:10px 0 20px;}
.iabout-cont .desc{line-height:24px;}
.iabout-cont .desc .gsjj{line-height:24px; width:100%; height:150px; overflow:hidden}
.iabout-cont .more{color:#00458e;}
.iabout-cont .link{margin-top:30px;}
.iabout-cont .link a{display:inline-block;width:155px;height:58px;background:url(/images/iabout_btn.png) no-repeat 0 -58px;line-height:58px;font-size:16px;color:#fff;text-align:center;}
.iabout-cont .link a:hover{background-position:0 0;}

/*honor*/
.honor{padding:35px 0 50px;min-height:250px;}
.honor .more{float:right;height:40px;line-height:40px; }
.honor .more:hover{color:#00458e;}
.honor h2{height:40px;line-height:40px;font-size:20px;}
.honor-silder{margin-top:10px;border:2px solid #e0e0e0;overflow:hidden;}
.honor-silder ul{overflow:hidden;width:10000px;}
.honor-silder li{width:298px;border-right:1px solid #e0e0e0;text-align:center;float:left;}
.honor-silder li a{display:block;}
.honor-silder li .pic{padding:22px 0;}
.honor-silder li img{vertical-align:middle;width:199px;height:150px;}
.honor-silder li .ti{height:43px;line-height:43px;background-color:#f2f2f2;}
.honor-silder li:hover .ti{background:url(/images/honor_bg.jpg);color:#fff;}

/*partner*/
.partner-wrap{width:100%;padding:40px 0 70px;background-color:#f6f6f6;}
.partner{width:1197px;overflow:hidden;margin:40px auto 0;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;box-shadow:0 10px 10px 0 #c8c8c8; }
.partner img{vertical-align:middle;}
.partner dt,.partner dd{float:left;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.partner dt{width:512px;height:253px;position:relative;}
.partner dt img{width:512px;height:253px;}
.partner dd,.partner dd img{width:170px;height:126px;}
.partner a{display:block;}
.partner dt .cont{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;z-index:1;color:#fff;}
.partner dt .cont .bg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:0.7;filter:alpha(opacity=70);z-index:-1;}
.partner dt .cont em{display:block;width:51px;height:51px;margin:100px auto 20px;background:url(/images/video_btn2.png);}

/*news*/
.news-wrap{padding:50px 0 90px;overflow:hidden;}
.news-wrap .fl{width:800px;}
.news-wrap .fr{width:370px;}
.news-hd{height:38px;padding:0 20px 0 50px;margin-bottom:40px;border:1px solid #dbdbdb;background:url(/images/news_icon.png) no-repeat 10px 50%;line-height:38px;border-radius:2px;}
.news-hd .more44{float:right;color:#4b4b4b;text-transform:uppercase;}
.news-hd .link{font-size:16px;margin-right:25px;}
.news-hd .link:hover,.news-hd .link.cur,.news-hd .more:hover{color:#00458e;}
.news-cont{overflow:hidden;height:327px;}
.news-item{overflow:hidden;display:none;}
.news-item.active{display:block;}
.news-pic{width:404px;float:left;}
.news-pic .pic,.news-pic .pic img{display:block;width:404px;height:227px;}
.news-pic .ti{font-size:18px;margin-top:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-pic .desc{line-height:24px;color:#828282;margin-top:5px;}
.news-pic .ti a:hover{color:#00458e;}
.news-list{width:375px;float:right;}
.news-list a{display:block;margin-top:24px;height:46px;line-height:46px;background:#f1f1f1;color:#4b4b4b;padding:0 20px 0 23px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-list a:first-child{margin-top:0;}
.news-list a span{display:inline-block;vertical-align:middle;font-size:16px;margin-right:5px;}
.news-list a:hover{background:url(/images/news_bg.jpg);color:#fff;}
.news-list a:hover span{color:#fff;}
.news-silder{height:324px;overflow:hidden;}
.news-silder .box{margin-top:-15px;position:relative;}
.news-silder a{display:block;position:relative;height:54px;line-height:54px;margin-bottom:16px;padding:0 100px 0 10px;border-bottom:1px dashed #d5d5d5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-silder a span{position:absolute;width:80px;height:72px;line-height:72px;text-align:right;right:0;top:0;}
.news-silder a:hover{color:#00458e;}

/*animation*/
.made-link:after{width:0;-webkit-transition:width 1s linear;transition:width 1s linear;}
.made-hd:after{height:0;-webkit-transition:height .3s linear 1s;transition:height .3s linear 1s;}
.made-nav:before{width:0;-webkit-transition:width 1s linear 1.3s;transition:width 1s linear 1.3s;}
.made-hd:before{height:0;-webkit-transition:height .5s linear 2.3s;transition:height .5s linear 2.3s;}
.made-hd.ani:after{height:70px;}
.made-hd.ani:before{height:90px;}
.made-hd.ani .made-nav:before{width:100%;}
.made-hd.ani .made-link:after{width:100%;}
.scale{overflow:hidden;}
.scale img{-webkit-transition:all .5s;transition:all .5s;}
.scale:hover img{opacity:0.8;-webkit-transform:scale(1.1);transform:scale(1.1);}

@-webkit-keyframes scale {
  0%{-webkit-transform:scale(0.5);transform:scale(0.5);}
  50%{-webkit-transform:scale(1.5);transform:scale(1.5);}
  100%{-webkit-transform:none;transform:none;}
}

@keyframes scale {
  0%{-webkit-transform:scale(0.5);transform:scale(0.5);}
  50%{-webkit-transform:scale(1.5);transform:scale(1.5);}
  100%{-webkit-transform:none;transform:none;}
}
