@charset "utf-8";
/* CSS Document */
/*Common style*/
.header{ width: 100%; height: 50px; box-sizing: border-box; padding: 10px 0px;}
.banner{ width: 100%; height: auto; position: relative; overflow: hidden;}
.nav{
    width: 100%;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    height: 86px;
    box-sizing: border-box;
    padding: 18px 0;
    background: #fff;
}
.section{ width: 100%; height: auto;}
/*Common style*/

/*Global style */
.header { text-align: center; color: #fff; background: #91D4DA; font-size: 20px;}
.header h1{ position: absolute; left: 10px; top: 11px; font-size: 20px;}

.list{ height: 58px; line-break: 58px; text-align: center;}
.list a{ width: 20%; display: block; float: left; line-height: 58px; color: #666666; font-size: 18px; font-weight: bold;}
.list a.active{ border-bottom: solid 3px #91D4DA; height: 55px;}

/*Global style */

/*
 	index.css -- start
 */
.banner>div{ position: relative;}
.banner ul{ position: relative;}
.banner ul li{ float: left;}
.banner img{ width: 100%; height: auto;}
.banner ol{ position: absolute; bottom: 2px; width: 300px; height: 10px; left: 50px;}
.banner ol li{ width: 6px; height: 6px; margin: 0 5px; border-radius: 50%; background: #fff; float: left;}

.nav>div{ width: 20%; height: 100%; }
.nav>div a{ width: 50px; height: 50px; display: block; margin:0 auto; position: relative;}
.nav>div:nth-of-type(1) a{ background: url(../images/ifm/2016-03-22_104343.png) no-repeat top center; background-size: 50% 50%;}
.nav>div:nth-of-type(2) a{ background: url(../images/ifm/2016-03-22_104343.png) no-repeat top center; background-size: 50% 50%;}
.nav>div:nth-of-type(3) a{ background: url(../images/ifm/2016-03-22_104343.png) no-repeat top center; background-size: 50% 50%;}
.nav>div:nth-of-type(4) a{ background: url(../images/ifm/2016-03-22_104343.png) no-repeat top center; background-size: 50% 50%;}
.nav>div:nth-of-type(5) a{ background: url(../images/ifm/2016-03-22_104343.png) no-repeat top center; background-size: 50% 50%;}
.nav h3{ width: 150%; height: 16px; line-height: 16px; text-align: center; position: absolute; bottom: 2px; left: -25%; font-size: 12px; color: #333; background: url(../images/ico-6.png) no-repeat right center; background-size: 4px auto;}
.nav>div:nth-of-type(5) a h3{ background: none;}
/*
 	index.css -- end
 */

.section{ padding:10px; box-sizing: border-box;}
.titas{
    height: 170px;
    padding: 20px 0px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display:box;
    background: #FFF;
}
.titas hgroup{ box-sizing: border-box; width: 33.33%; text-align: center; border-right: solid 1px #eee;}
.titas hgroup.t{ border-right: 0px;}
.titas hgroup img{ margin: 0px auto 10px; height: 100px; width: auto;}
.titas hgroup h3{ height: 30px; line-height: 30px; color: #333; font-weight: bold; }
.titas hgroup a{ height: 20px; line-height: 20px; color: #666;}

.model{
    height: 330px;
    background: #FFFFFF;
}
.model h2{ height: 54px; line-height: 54px; box-sizing: border-box; border-bottom: solid 1px #eee; width: 100%;}
.model .top{
    height: 110px;
    float: left;
    width: 100%;
}
.model .top img{ width: 100px; height: 100px; margin-top: 10px; box-sizing: border-box; border: solid 2px #FFB933;}
.model .top .text{ margin-left: 100px; height: 110px;}
.model .top .text>div{ margin-top: 10px; height: 45px;}
.model .top .text>div .col-50{ width: 50%; float: left;}
.model .top .text>div .col-50 .content{ margin-left: 10px;}
.model .top .text>div .col-50 .content div{ height: 45px; background: #F8F8F8; line-height: 45px; font-size: 18px; text-align: center;}

.active{ background: #fff; height: 240px;}
.active>div{
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: box;
    width: 100%;
    margin-bottom: 10px;
}
.active>div .img{ width: 140px; height: 100px;}
.active>div .img img{ width: 140px; height: 100px;}
.active>div .text{ box-sizing: border-box; padding: 10px; width: 64%;}
.active>div .text h2{line-height: 24px; font-size: 20px; white-space:normal; height: 60px; }
.active>div .text p{ color: #999;}

.bian{
    background: #fff;
}
.bian h3{ height: 40px; line-height: 40px;}
.bian >div{
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
}
.bian >div>div{ width: 32%; height: 100px;}
.bian >div>div img{ width: 100%; height: 100%;}
.bian  p{ height: 50px; line-height: 50px; color: #999;}