﻿.wrap img{width: 100%;}
/*广告*/
.g-adv { clear:both;height:auto;overflow:hidden;position: relative;}
.g-adv img{ width:100%;display: block;}
.g-adv .m-cnt{ width:68.3%;height: 3.1rem;position: absolute;right: 0;bottom: 0;}
.g-adv .m-cnt li{width: 0.9rem;height: 0.9rem;display: block;margin: 0 0.85rem 0 0;float: left;background: url(../images/index/ico02.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.g-adv .m-cnt li.z-on{background: url(../images/index/ico03.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

/*导航*/
nav{height:21.9rem;overflow: hidden;}
nav a{width:50%;height:9.5rem;text-align: center;color: #566afc;float: left;font-size:1.7rem;line-height:3.7rem;position: relative;border-bottom: solid 0.1rem #e9e9ec;border-right: solid 0.1rem #e9e9ec;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;font-weight: bold;}
nav a em{width:23.75%;display: block;padding:1.95rem 0 0;margin:0 auto;height: 2.85rem;}
nav a:nth-child(2n){border-right: 0;}
nav a:hover,nav a:link,nav a:visited,nav a:active{ color:#566afc;}

/*产品*/
.m-pro{height: 53.8rem;overflow: hidden;text-align: center;}
.m-pro li{width: 49%;float: left; height:25.9rem;overflow: hidden;position: relative;color: #000;}
.m-pro ul a:nth-child(2n) li{margin-left: 2%;}
.m-pro li p{height: 3.9rem;line-height:3.9rem;padding: 0 0 0 2.2rem;font-weight: bold;font-size: 1.8rem;color: #000;text-align: left;}
.m-pro li img{display: block;}
.m-pro li span{display: block;width: 100%;left: 0;top:18.35rem;color: #5c5b5c;line-height:1.2rem;font-size: 0.9rem;position: absolute;}
.m-pro li span b{display: block;color: #000;font-size: 1.2rem;}
.m-pro li em{display: block;width: 2.5rem;height: 2.5rem;position: absolute;top: 21.65rem;left: 50%;margin-left: -1.25rem;background: url(../images/index/ico01.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

/*合作*/
.m-part{height:33rem;padding: 4.05rem 6.25% 0;background: #f7f8f9;}
.m-part h2{height:6.3rem;font-size: 2.5rem;font-weight: bold;color: #566afc;text-align: center;line-height: 2rem;}
.m-part h2 span{display: block;font-weight: normal;font-size: 0.7rem;color: #e60012;text-transform: uppercase;line-height: 0.8rem;}
.part_c ul{height: 20.5rem;}
.part_c li{width: 47.15%;height: 9.5rem;float: left;}
.part_c ul a:nth-child(2n) li{margin-left:5.7%;}
.part_c li img{box-shadow: 0.2rem 0.2rem 0.2rem #e6e7e8;display: block;}

.part_more{width: 57.83%;height: 2.5rem;text-align: center;margin:0 auto;font-size: 1rem;display: block;}
.part_more span{display: block;background: #566afc;color: #b5befe;font-style: italic;line-height: 2.5rem;}

/*视频*/
.m-video{height: 46.2rem;position: relative;text-align: center;padding:0 7%;z-index: 1;}
.m-video:before,.m-video:after{content: "";position: absolute;width: 100%;height:7.2rem;background: #f7f8f9;left: 0;z-index:-1;}
.m-video:before{top: 0;}
.m-video:after{bottom: 0;height: 5.3rem;}
.video_p{height: 16.95rem;overflow: hidden;}
.m-video ul{height: 22.7rem;}
.m-video ul a:nth-child(2n) li{margin-left:9.1%;}
.m-video li{width: 45.45%;float: left;height: 10.6rem;line-height: 2rem;}
.m-video li img{display: block;}
.m-video li span{display: block;font-weight: bold;color: #000;font-size: 0.75rem;   height: 4rem;
    line-height: 2rem;
    overflow: hidden;}

/*在线*/
.m-onlin{padding:3rem 6.5% 0;background: url(../images/index/onlbg.jpg) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;overflow: hidden;height: 14.9rem;text-align: center;color: #fff;}
.m-onlin h2{height: 3.1rem;line-height: 3.1rem;font-size: 1.5rem;font-weight: bold;}
.onl_w{text-align: center;height: 2.2rem;line-height: 2.2rem;font-style: italic; overflow:hidden;}
.onl_sea{height:5rem;overflow: hidden;background:none;position: relative;}
.onl_sea:before{content: "";position: absolute;left: 0.5rem;top: 0;width: 93.4%; height:2.4rem;border-radius:1.2rem 0 0 1.2rem;border: solid 1px #fff;border-right: 0;}
.searchKey{position:relative;z-index:9; background:none;width:85.7%;float: left;padding: 0 0 0 4.46%;font-size:0.7rem;color: #fff;line-height:2.5rem;}
.sub{width:2.5rem;height:2.5rem;background: url(../images/index/sea_ico.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;float: left;}
.onl_l li{width: 7.857%;float: left;margin: 0 0 0 7.857%;}
.onl_l li:first-child{margin: 0 0 0 22.14%;}


/*地址*/
.m-dress{height:17.6rem;overflow: hidden;font-size: 1.1rem;padding:2.9rem 6.5% 0;color: #666;line-height: 3.9rem;}
.m-dress li{border-top: solid 1px #a1a1a1;clear: both;padding:  0 0 0 14.29%;background: url(../images/index/ico06.gif) no-repeat 0 1.1rem;}
.m-dress li:first-child{height:8.75rem;border-top:0;clear: both;background: url(../images/index/ico04.gif) no-repeat 0 1.1rem;line-height: 1.5rem;background-size: 1.9rem 1.9rem;}
.m-dress li:nth-child(2){background: url(../images/index/ico05.gif) no-repeat 0 1.1rem;background-size: 1.9rem 1.9rem;}
.m-dress li b{display: block;font-weight: normal;color: #000;line-height: 3.9rem;}
.m-dress li{-webkit-background-size:1.9rem 1.9rem; -moz-background-size: 1.9rem 1.9rem; -o-background-size: 1.9rem 1.9rem; background-size: 1.9rem 1.9rem;}


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;
        }
    }