img{width:100%;height:auto;vertical-align:middle;}

html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}

.cfix:after{content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}

/*loading*/
.loading{position:fixed;width:100%;height:100%;top:0;left:0;background:#00458e url(../Images/Index/loading.jpg) no-repeat 50% 0;background-size:cover;z-index:19}
.loading.fade{-webkit-transition: all .75s ease;transition: all .75s ease;}
.loading.hide{opacity:0;visibility:hidden;}

/*ibanner*/
.ibanner{width:100%;overflow:hidden;top:5rem;left:0;margin-top:5rem;}
.ibanner a{display:block;}
.ibanner img{vertical-align:middle;width:100%;height:auto;}

/*iaffect*/
.iaffect{margin:2rem 0.5rem;text-align:center;color:#fff;}
.iaffect .iteam{position:relative;width:27.333333%;height:5.85rem;float:left;margin:0 3%;text-align:center;z-index:1;font-size:0.9rem;font-weight:bold;line-height:1.4;}
.iaffect .iteam:after{content:'';position:absolute;width:124%;height:100%;top:0;left:-12%;background:url(../Images/Index/iaffect_bg.png) no-repeat 50% 50%;background-size:100% 100%;z-index:-1;}
.iaffect .iteam span{font-size:2.6rem;font-weight:100;font-family:'DINOT-CONDBOLD',Arial;}

/*iadver*/
.iadver{height:3rem;margin:0 0.5rem;padding:0 1rem;line-height:3rem;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;overflow:hidden;}
.iadver b{width:6rem;height:3rem;float:left;font-size:1rem;color:#0949a9;}
.iadver-silder{height:3rem;line-height:3rem;overflow:hidden;position:relative;}
.iadver-silder .box{position:absolute;overflow:hidden;width:600px;top:0;left:0;}
.iadver-silder .box a{float:left;font-size:12px;width:110px;color:#333; display:block;}

/*imiti*/
.imiti{text-align:center;}
.imiti-line{display:block;width:3rem;height:1px;background-color:#00458e;margin:0.5rem auto 0;}
.imiti-sub{text-align:center;font-size:1rem;color:#333;margin-top:0.7rem;}

/*stock*/
.stock{padding:2rem 0 2.5rem;}
.stock-link{margin-top:2rem;padding:0 1.5%;text-align:center;font-size:0;overflow:hidden;}
.stock-link a{display:block;float:left;width:20%;height:2.5rem;margin:0 0;font-size:1rem;color:#333;text-align:center;line-height:2.5rem;background:url(../Images/Index/stock_btn.png) no-repeat 50% 50%;background-size:100% 100%;vertical-align:middle;}
.stock-link a:active{background-image:url(../Images/Index/stock_btn_hover.png);color:#fff;}
.stock .pic{display:block;margin-top:1rem;}
.stock .btn{display:block;width:11rem;height:3.45rem;margin:2rem auto 0;background:url(../Images/Index/stock_btn_big.png) no-repeat 50% 50%;font-size:1rem;color:#fff;text-align:center;line-height:3rem;background-size:100% 100%;}

/*advant*/
.advant-wrap{padding:1.25rem 0.5rem 2rem;background-color:#00458e;}
.advant-wrap .imiti-line{background-color:#fff;}
.advant{margin-top:1.8rem;position:relative;color:#fff;}
.advant .ti{height:2.5rem;display:inline-block;margin-top:5rem;font-size:1rem;padding-right:5%;line-height:2.5rem;border-bottom:1px solid #fff;font-weight:bold;}
.advant .desc{margin-top:0.5rem;font-size:0.9rem;line-height:1.7rem;}
.advant .m-cnt{overflow:hidden;position:absolute;width:100%;top:13rem;left:0;}
.advant .m-cnt li{width:24%;margin-right:1.333333%;float:left;font-size:0.9rem;color:#003772;height:3.8rem;line-height:3.8rem;background:#fff;text-align:center;}
.advant .m-cnt li:last-child{margin-right:0;}
.advant .m-cnt li.z-on{background:#003772;color:#fff;}

/*made*/
.made{padding:2rem 0.5rem;overflow:hidden;}
.made-pic{margin-top:2.5rem;position:relative;}
.made-pic .btn{position:absolute;width:8.2rem;height:3.25rem;right:1.7rem;top:50%;margin-top:-1.6rem;background:url(../Images/Index/made_btn2.png) no-repeat 50% 50%;background-size:100% 100%;text-align:center;font-size:1rem;color:#333;line-height:3rem;}
.made-nav{margin-top:5.5rem;height:2.7rem;position:relative;z-index:1;}
/* .made-nav:after{content:'';position:absolute;width:100%;height:4.6rem;background-color:#f9f9f9;left:0;top:-5.5rem;z-index:-1;} */
.made-nav li{width:24%;margin-right:1.333333%;float:left;/* position:relative; */}
.made-nav li:last-child{margin-right:0;}
.made-nav a{display:block;color:#333;}
.made-nav .one{position:relative;border:1px solid #e5e5e5;line-height:2.5rem;font-size:1rem;text-align:center;background-size:100% 100%;background-repeat:no-repeat;}
.made-nav .one:after{display:none;content:'';position:absolute;border:5px solid transparent;border-bottom-color:#2785e0;top:-10px;left:50%;margin-left:-5px;}
.made-nav .two{position:absolute;width:100%;height:4.6rem;padding:0 1.5rem;left:0;top:-5.5rem;background-color:#f9f9f9;font-size:0;overflow:hidden;opacity:0;visibility:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;}
.made-nav .two a{position:relative;display:inline-block;font-size:1rem;line-height:4.6rem;padding:0 1.2rem;-webkit-transform: translate(0,-20px);transform: translate(0,-20px);}
/* .made-nav li:nth-child(1) .two,.made-nav li:nth-child(2) .two{left:0;}
.made-nav li:nth-child(3) .two,.made-nav li:nth-child(4) .two{right:0;text-align:right;} */
.made-nav li .two a:nth-child(1){-webkit-transition: transform .3s;transition: transform .3s;}
.made-nav li .two a:nth-child(2){-webkit-transition: transform .4s;transition: transform .4s;}
.made-nav li .two a:nth-child(3){-webkit-transition: transform .5s;transition: transform .5s;}
.made-nav li .two a:nth-child(4){-webkit-transition: transform .6s;transition: transform .6s;}
.made-nav li .two a:nth-child(5){-webkit-transition: transform .7s;transition: transform .7s;}
.made-nav li.cur .one{background-image:url(../Images/Index/made_btn.jpg);color:#fff;border-color:transparent;}
.made-nav li.cur .one:after{display:block;}
.made-nav li.cur .two{opacity:1;visibility:visible;}
.made-nav li.cur .two a{-webkit-transform: translate(0,0);transform: translate(0,0);}

/*ipro*/
.ipro{padding:0 0.5rem;position:relative;z-index:1;}
.ipro:after{content:'';position:absolute;width:100%;height:6.3rem;background-color:#00458e;left:0;bottom:0;z-index:-1;}
.ipro .more{float:right;height:2.5rem;line-height:2.5rem;font-size:1rem;color:#a5a5a5;text-transform:uppercase;}
.ipro h2{height:2.5rem;line-height:2.5rem;font-size:1rem;font-weight:bold;}
.ipro h2 a{color:#00458e;}
.ipro-list{overflow:hidden;}
.ipro-list .item{display:block;width:31%;float:left;margin-left:3.5%;}
.ipro-list .item:first-child{margin-left:0;}
.ipro-list .item span{display:block;}
.ipro-list .item span.pic{border:1px solid #adadad;}
.ipro-list .item span.ti{height:2.5rem;line-height:2.5rem;font-size:0.7rem;color:#fff;text-align:center;}

/*iabout*/
.iabout{padding:3.5rem 0.5rem 2rem;background-color:#f6f6f6;text-align:center;color:#333;}
.iabout .video{position:relative;margin:1.4rem auto 0;width:16.4rem;padding:1rem 1rem 4.5rem 1rem;background:url(../Images/Index/pc.png) no-repeat 50% 0;background-size:100% 100%;}
.iabout .video .box{display:block;position:relative;}
.iabout .video i{position:absolute;width:2.9rem;height:2.9rem;top:50%;left:50%;margin:-1.45rem 0 0 -1.45rem;background:url(../Images/Index/video_btn.png) no-repeat 50% 0;background-size:100% 100%;}
.iabout .ti{font-size:1rem;margin-top:1.75rem;font-weight:bold;}
.iabout .desc{margin-top:0.9rem;font-size:0.9rem;line-height:1.6rem;}

/*honor*/
.honor{padding:3rem 0 2rem;}
.honor-silder{margin-top:3rem;position:relative;}
.honor-silder .nowarp{width:25rem;margin:0 auto;}
.honor-silder .con{}
.honor-silder .item{display:block;float:left;position:relative;width:48%;padding:0.6rem;border:1px solid #e0e0e0;margin-right:4%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.honor-silder .con .item:nth-child(2n){margin-right:0;}
.honor-silder .con .ti{position:absolute;width:100%;height:2rem;line-height:2rem;background:rgba(0,0,0,0.7);color:#fff;text-align:center;left:0;bottom:0;font-size:0.8rem;}
.honor-silder .btn{position:absolute;width:2.45rem;height:2.45rem;background-size:contain;background-repeat:no-repeat;background-position:50% 50%;top:50%;margin-top:-1.25rem;z-index:3;}
.honor-silder .btn.prev{background-image:url(../Images/Index/honor_btnl.png);left:0.5rem;}
.honor-silder .btn.next{background-image:url(../Images/Index/honor_btnr.png);right:0.5rem;}
/* .honor-silder .btn.prev:active{background-image:url(../Images/Index/honor_btn_hoverl.png);}
.honor-silder .btn.next:active{background-image:url(../Images/Index/honor_btn_hoverr.png);} */

/*partner*/
.partner-wrap{margin:0 0.5rem;}
.partner{position:relative;overflow:hidden;margin:1.5rem auto 0;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;box-shadow:0 10px 10px 0 #c8c8c8; }
.partner dt,.partner dd{float:left;width:25%;}

.partner dt{position:relative;}
.partner a{display:block;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.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;}