.banner{width: 100%;height: auto;float: left;}
.banner>div:first-child{width: 100%;height: 4rem;background: url(../images/certificate/m/certificate_banner.jpg) no-repeat; -webkit-background-size: 100% 100%;background-size: 100% 100%;}
.banner>div:first-child>div:first-child{width: 100%;height: auto;float: left;}
.banner>div:first-child>div:first-child>p:first-child{width: 100%;height: auto;display: block;float: left;text-align: center;font-size: .16rem;margin-top: 1.29rem;color: #333333;font-family: 'ArialMT';}
.banner>div:first-child>div:first-child>p:nth-child(2){width: 100%;height: auto;display: block;float: left;text-align: center;font-size: .30rem;margin-top: .10rem;color: #222222;}
.banner>div:first-child>div:first-child>div:nth-child(3){width: 100%;height: auto;float: left;}
.banner>div:first-child>div:first-child>div:nth-child(3)>span:first-child{width: .250rem;height: .02rem;display: block;margin: 0 auto;background: #222222;margin-top: .150rem;}
.banner>div:first-child>div:first-child>div:nth-child(4){width: 100%;height: auto;float: left;margin-top: .200rem;}
.banner>div:first-child>div:first-child>div:nth-child(4)>div:first-child{width: .22rem;height: .22rem;border: .01rem solid #222222;border-radius: .11rem;margin: 0 auto;}
.banner>div:first-child>div:first-child>div:nth-child(4)>div:first-child>div:first-child{width:0;height:0;border-width:0rem  0rem .06rem .06rem  ;border-style:solid;border-color:transparent transparent transparent #222222;/*透明 透明 透明 灰*/
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);margin: 0 auto;margin-top: .05rem;}

.titl{width: 100%;margin: 0 auto;float: left;}
.titl>p:first-child{text-align: center;font-size: 0.4rem;color: #222222;margin-top: 1rem;}
.titl>p:nth-child(2){text-align: center;font-size: 0.14rem;color: #999999;margin-top: 0.1rem;margin-bottom: .4rem;font-family: "ArialMT";}

.package_solution{width: 100%;float: left;}
.package_solution_titl{display: block;width: 100%;float: left;}
.package_solution_titl>div:first-child{width: 7rem;margin: 0 auto;margin-top: .3rem;}
.package_solution_titl>div:first-child>div:first-child{width: 100%;background: #fcfcfc;box-shadow: 0px 1px 0.09rem 1px #eeeeee;position: relative;float: left;margin-top: 0.3rem;}
.package_solution_change{display: block;float: left;width: 100%;}
.package_solution_change>p:first-child{width: auto;font-size: 0.3rem;color: #222222;line-height: 1rem;display: inline-block;margin-left: 0.52rem;}
.package_solution_change>div:nth-child(2){width: 1rem;float: right;height: 1rem;background: #222222;}
.package_solution_change>div:nth-child(2)>div:first-child{width:0;height:0;border-width:0rem  0rem .12rem .12rem  ;border-style:solid;border-color:transparent transparent transparent #FFFFFF;/*透明 透明 透明 灰*/margin: 0.44rem auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;}

.package_solution_change>div:nth-child(2)>div:first-child.active{-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);}
.package_solution_titl>div:first-child>div:first-child>ul:nth-child(2){width: 100%;display: inline-block;position: absolute;top: 1rem;left: -2px;display: none;border-left: 1px solid #D4D4D4;border-right: 1px solid #D4D4D4;z-index: 9;}
.package_solution_titl>div:first-child>div:first-child>ul:nth-child(2)>li{width: 100%;float: left;border-bottom: 1px solid #D4D4D4;}
.package_solution_titl>div:first-child>div:first-child>ul:nth-child(2)>li>a{width: 100%;float: left;text-align: center;background: #FFFFFF;color: #666666;font-size: .26rem;line-height: .8rem;}
.package_solution_titl>div:first-child>div:first-child>ul:nth-child(2)>li:nth-child(4)>a{background: #222222;color: #FFFFFF;}





.certificate>div:first-child>div:nth-child(3){width: 100%;height: auto;float: left;display: block;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child{width: 7.1rem;height: auto;margin: 0 auto;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li{width: 3.5rem;height: auto;float: left;margin-top: 0.3rem;display: block;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li>a{width: 100%;float: left;display: block;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(odd){margin-right: 0.1rem;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li>a>div:first-child{width: 100%;height: auto;float: left;background: #FFFFFF;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li>a>div:first-child>div:first-child{width: 3.2rem;margin:0.07rem 0.06rem 0.07rem 0.06rem;float: left;background: #FFFFFF;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li>a>div:first-child>div:first-child>div:first-child{width: 3.2rem;height: 2.4rem;float: left;margin: 0.08rem 0.09rem 0.08rem 0.09rem;overflow: hidden;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li>a>div:first-child>div:first-child>div:first-child>img:first-child{width: 100%;height: auto;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li>a>div:first-child>div:first-child>div:first-child>div:nth-child(2){width: 100%;height: 2.4rem;float: left;border: solid 1px #222222;transform: scale(0);background: rgba(255,255,255,.3);
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;}
/* .certificate>div:first-child>div:nth-child(3)>ul:first-child>li:first-child>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_1.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(2)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_2.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(3)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_3.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(4)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_4.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(5)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_5.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(6)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_6.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(7)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_7.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(8)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_8.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(9)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_9.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(10)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_10.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(11)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_11.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(12)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_12.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(13)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_13.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(14)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_14.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.certificate>div:first-child>div:nth-child(3)>ul:first-child>li:nth-child(15)>a>div:first-child>div:first-child>div:first-child{background: url(../images/certificate/certificate_15.png) no-repeat;-webkit-background-size: 100%;
background-size: 100%;}*/

.certificate>div:first-child>div:nth-child(3)>ul>li>a>div:nth-child(2){width: 100%;height: auto;float: left;margin-top: 0.22rem;border-bottom: 1px solid #EEEEEE;}
.certificate>div:first-child>div:nth-child(3)>ul>li>a>div:nth-child(2)>p:first-child{width: 100%;height: auto;float: left;text-align: center;font-size: 0.22rem;color: #333333;margin-bottom: 0.2rem;white-space: nowrap;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;} 
.certificate>div:first-child>div:nth-child(3)>ul>li>a>div:nth-child(3){width: 1.5rem;height: auto;float: left;margin-left: 1rem;margin-top: -1.5rem;transform: scale(1);border-radius: 0.04rem;text-align: center;line-height: 0.4rem;font-size: 0.22rem;color: #222222;display: block;border: 1px solid #222222;opacity: 0;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out}


.certificate>div:first-child>div:nth-child(3)>ul>li:hover >a>div:first-child>div:first-child>div:first-child>div:first-child{transform: scale(1);}
.certificate>div:first-child>div:nth-child(3)>ul>li:hover >a>div:nth-child(3){transform: scale(1);}







.pagesInner{width: 100%;text-align: center;float: left;display: inline-block;margin-top: 1.5rem;margin-bottom: 2rem;}
.pagesInner>li{text-align: center;display: inline-block;}
.pagesInner>li:first-child{width: 1rem;height: .6rem;background: #EEEEEE;border-radius: 0.3rem;margin-right: .2rem;}
.pagesInner>li:first-child>span:first-child{width: 100%;height: 100%;float: left;position: relative;display: inline-block;}
.pagesInner>li:first-child>span:first-child>span:first-child{width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.16rem 0.08rem 0.08rem 0.08rem;border-top-color: #222222;
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
-o-transform: rotate(-270deg);
transform: rotate(-270deg);margin-top: .18rem;float: left;margin-left: .35rem;}
.pagesInner>li{width: .6rem;height: .6rem;background: #EEEEEE;display: inline-block;text-align: center;line-height: .6rem;color: #222222;border-radius: 50%;margin-left: 0.2rem;margin-right: 0.2rem;vertical-align: top;font-size: .26rem;}
.pagesInner>li:last-child{width: 1rem;height: .6rem;background: #EEEEEE;border-radius: 0.3rem;margin-right: .2rem;}
.pagesInner>li:last-child>span:first-child{width: 100%;height: 100%;float: left;position: relative;display: inline-block;}
.pagesInner>li:last-child>span:first-child>span:first-child{width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.16rem 0.08rem 0.08rem 0.08rem;border-top-color: #222222;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);margin-top: .18rem;float: left;margin-left: .45rem;}
.actived{width: .6rem;height: .6rem;background: #222222!important;display: inline-block;text-align: center;line-height: .6rem;color: #FFFFFF!important;border-radius: 50%;font-size: .26rem;}

















