/* Reset Css */
html,body{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;}
html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,textarea,input,select,textarea,button,section,nav,footer,header{margin:0;padding:0;}
img{border:0;vertical-align:middle;}
ul,ol{list-style:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;background-color:transparent;cursor:pointer}
address,caption,em,i{font-style:normal}
a{color:#666;text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
button,input,textarea{border:none;outline:medium;}

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;}}

body,input,textarea,select{font:1.2rem/1.5 arial,'Microsoft YaHei';color:#666;}

.g-wrap{width:100%;max-width:640px;min-width:320px;margin-left:auto;margin-right:auto;position:relative;}
.g-wrap img{width:100%;height:auto;}

/*nav*/
.nav{overflow:hidden}
.nav a{display:block;float:left;width:33.33333333%;height:4rem;line-height:4rem;text-align:center;background:#0078ca;border-style:solid;border-color:#3393d5 #3393d5 #1e6ea5 #0a64a1;font-size:1.2rem;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.nav a:nth-child(1){border-width:0 1px 1px 0;}
.nav a:nth-child(2){border-width:0 1px 1px 1px;}
.nav a:nth-child(3){border-width:0 0 1px 1px;}
.nav a:nth-child(4){border-width:1px 1px 0 0;}
.nav a:nth-child(5){border-width:1px 1px 0 1px;}
.nav a:nth-child(6){border-width:1px 0 0 1px;}
.nav a:active,.nav a.cur{background:-webkit-linear-gradient(top, #55c940, #429d31); 
    background:-o-linear-gradient(bottom, #55c940, #429d31);
    background:-moz-linear-gradient(bottom, #55c940, #429d31); 
    background:linear-gradient(to bottom, #55c940, #429d31);}


/*imain-ti*/
.imain-ti{text-align:center;}
.imain-ti h2{position:relative;border-bottom:1px solid #c3c7d0;font-size:1.8rem;}
.imain-ti h2:after{content:'';position:absolute;width:50px;height:3px;background:#0078ca;left:50%;bottom:-2px;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);}
.imain-ti h2 a{color:#0078ca}
.imain-ti .en{font-size:1.1rem;color:#747474;text-transform:uppercase;line-height:2.5rem;}


/*ibrand*/
.ibrand{width:100%;padding:3.5rem 0 2.5rem;background:url(../images/yy.png) no-repeat 50% 100%/100% auto;overflow:hidden;}
.ibrand-video{display:block;max-width:29.25rem;height:15.5rem;margin:1rem auto 0;box-shadow:8px 8px 15px 0 #abaaaa;}
.ibrand-list{margin:2rem 0;text-align:center;}
.ibrand-list:after{content:'';height:0;clear:both;font-size:0;}
.ibrand-list li{float:left;width:25%;}
.ibrand-list .icon{display:block;width:5.5rem;height:4.75rem;margin:0 auto;position:relative;z-index:1;}
.ibrand-list .icon i{display:block;width:5.5rem;height:4.75rem;background-position:50% 50%;background-size:100% auto;}
.ibrand-list .icon:before{content:'';position:absolute;width:13.55rem;height:10.45rem;background:url(../images/line.png) no-repeat 0 0;background-size:100% auto;top:0;left:0;z-index:-1;}
.ibrand-list li:nth-child(1) .icon i{background-image:url(../images/ibrand_icon1.png);}
.ibrand-list li:nth-child(2) .icon i{background-image:url(../images/ibrand_icon2.png);}
.ibrand-list li:nth-child(3) .icon i{background-image:url(../images/ibrand_icon3.png);}
.ibrand-list li:nth-child(4) .icon i{background-image:url(../images/ibrand_icon4.png);}
.ibrand-list b{display:block;position:relative;margin-top:0.5rem;font-size:1.1rem;color:#444242;z-index:2;}
.ibrand-list li:active b{color:#0078ca;}
.ibrand-list li:nth-child(1):active .icon i{background-image:url(../images/ibrand_icon1_hover.png);}
.ibrand-list li:nth-child(2):active .icon i{background-image:url(../images/ibrand_icon2_hover.png);}
.ibrand-list li:nth-child(3):active .icon i{background-image:url(../images/ibrand_icon3_hover.png);}
.ibrand-list li:nth-child(4):active .icon i{background-image:url(../images/ibrand_icon4_hover.png);}

/*ipro*/
.ipro{width:100%;padding:1.5rem 0 2.5rem;overflow:hidden;}
.ipro-nav{overflow:hidden;margin-top:1rem;}
.ipro-nav a{display:block;float:left;width:33.33333333%;height:4rem;line-height:4rem;text-align:center;background:#0078ca;border-style:solid;border-color:#3393d5 #3393d5 #1e6ea5 #0a64a1;font-size:1.2rem;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ipro-nav a:nth-child(1){border-width:0 1px 0 0;}
.ipro-nav a:nth-child(2){border-width:0 1px 0 1px;}
.ipro-nav a:nth-child(3){border-width:0 0 0 1px;}
.ipro-nav a:active,.ipro-nav a.cur{background:-webkit-linear-gradient(top, #55c940, #429d31); 
    background:-o-linear-gradient(bottom, #55c940, #429d31);
    background:-moz-linear-gradient(bottom, #55c940, #429d31); 
    background:linear-gradient(to bottom, #55c940, #429d31);}
.ipro-list{overflow:hidden;padding:1.5rem 1rem 0.5rem;}
.ipro-list a{display:block;float:left;width:48%;margin:0 4% 1rem 0;}
.ipro-list a:nth-child(2n){margin-right:0;}
.ipro-list a span{display:block;height:2.5rem;line-height:2.5rem;text-align:center;font-size:1.1rem;color:#333;}
.more-btn{display:block;width:11.25rem;height:2.5rem;margin:0 auto;background:#0078ca;color:#fff;line-height:2.5rem;font-size:1.1rem;text-align:center;border-radius:10px;}

/*iquailty*/
.iquailty{padding:2rem 0;background:#f7f7f7;}
.iquailty .box{position:relative;}
.iquailty .list{position:absolute;right:3.25rem;top:1rem;}
.iquailty .list li{width:10rem;height:2rem;margin-bottom:1rem;background:#0078ca;color:#eff4fa;font-size:1.2rem;line-height:2rem;font-weight:bold;border-radius:8px;text-align:center;}
.iquailty .btn{display:block;width:29rem;height:2.5rem;margin:1.2rem auto 0;background:#0078ca;line-height:2.5rem;color:#fff;text-align:center;font-size:1.1rem;border-radius:10px;}
.iquailty .btn i,.iquailty .btn b{display:inline-block;vertical-align:top;}
.iquailty .btn i{font-size:1.5rem;width:1.7rem;height:2.5rem;margin-right:2%;background:url(../images/htel.png) no-repeat 0 50%;background-size:100% auto;}
.iquailty .btn b{font-size:1.5rem;}

/*ipower*/
.ipower{padding:3.5rem 0 2rem;}
.ipower-cont{position:relative;overflow:hidden;margin-top:0.5rem;}
.ipower-cont .img{float:right;width:17.5rem;height:17.5rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;margin-right:1rem;}
.ipower-cont .cont{position:absolute;width:13rem;padding:0.5rem;background:#0078ca;color:#fff;top:2.25rem;left:1rem;}
.ipower-cont .cont .box{height:12.4rem;border:1px solid #fff;padding:0.75rem;font-size:1.1rem;line-height:2rem;}
.ipower-cont .cont p{padding-bottom:0.5rem;font-size:1.4rem;}
.ipower-silder{margin:1.5rem 1rem 0;}
.ipower-silder .swiper-slide{width:49%;margin-right:2%;padding-bottom:0.5rem;}
.ipower-silder .swiper-slide a{display:block;box-shadow:0 3px 10px 0 #aaa}
.ipower-silder .swiper-slide:last-child{margin-right:0;}
.ipower-silder .dd{text-align:center;}
.ipower-silder .swiper-pagination-bullet{width:6px;height:6px;}
.ipower-silder.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
.ipower-silder .swiper-pagination-bullet-active{background:#0078ca}

/*focusing*/
.focusing{padding-bottom:3rem;}
.focusing-silder{margin-top:1rem;text-align:center;}
.focusing-silder .img{border-top:1px solid #ccc;}
.focusing-silder .swiper-slide p{padding:0 1rem;font-size:1.1rem;line-height:2rem;color:#555453;}
.focusing-silder .swiper-slide p:nth-of-type(1){margin:1rem 0 0.3rem;font-size:1.4rem;color:#191615;font-weight:bold;}
.focusing-silder .dd{margin-top:1.5rem;}
.focusing-silder .swiper-pagination-bullet{width:1.5rem;height:1.5rem;border-radius:0;line-height:1.5rem;color:#fff;}
.focusing-silder.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.5rem;}
.focusing-silder .swiper-pagination-bullet-active{background:#0078ca}

/*iabout*/
.iabout{padding-bottom:4rem;}
.iabout .pic{display:block;}
.iabout .desc{padding:1.5rem 1rem;font-size:1.1rem;line-height:1.8rem;color:#454342;}
.iabout .desc a{color:#0078ca;font-weight:bold;}
.iabout .link{text-align:center;}
.iabout .link a{display:inline-block;width:9rem;height:2.5rem;margin:0 0.4rem;line-height:2.5rem;background:#999;font-size:1.1rem;color:#fff;box-shadow:5px 5px 10px 0 #abaaaa;}
.iabout .link a:active{background:#0078ca;}