@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal}
ol,ul { list-style:none}
caption,th { text-align:left}
q:before,q:after { content:''}
abbr,acronym { border:0}
p{word-wrap:break-word;}


body,html{ background-color:#f2f2f2; min-height:100%;}

/*公共*/
.clr{zoom:1;}/*不用添加多余标签清除浮动*/
.clr:after{display:block;content:"\0020";height:0;clear:both;visibility:hidden;}
.none{ display: none; }
.w{ width: 100%; }
.fl{ float: left; }
.tc{ text-align: center; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }




/*IB官网pc端*/
.pc-container{ width: 100%; min-width: 1200px; margin: 0 auto; position:relative; font-size:14px; color:#333; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.pc-container a{text-decoration:none; outline:none; color: #333;}

.pc-IB-banner{ width: 100%; height: 640px; background: url(../img/pc-banner.jpg) no-repeat; background-position: center center; position: relative; }
.pc-IB-banner a{ width: 380px; height: 70px; border-radius: 35px; display: block; background: linear-gradient(180deg, #FF9C00, #FF6000); color: #fff; line-height: 70px; text-align: center; font-size: 40px; font-weight: bold; position: absolute; top: 500px; left: 50%; margin-left: -600px; }
.pc-IB-banner a:hover{ background: #FF6000; }
.pc-IB-class{ width: 100%; margin-top: 70px; }
.pc-IB-class h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; }
.pc-IB-class ul{ width: 1200px; margin: 40px auto 0 auto; }
.pc-IB-class ul li{ width: 380px; height: 390px; float: left; margin-left: 30px; background: #fff;border-radius: 8px; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); overflow: hidden; }
.pc-IB-class ul li:first-child{ margin-left: 0; }
.pc-IB-class ul li .img{ width: 100%; height: 233px; }
.pc-IB-class ul li .img img{ width: 100%; height: 100%; vertical-align: middle; }
.pc-IB-class ul li h3{ width: 100%; font-size: 30px; line-height: 30px; font-weight: bold; text-align: center; margin-top: 30px; }
.pc-IB-class ul li p{ width: 100%; height: 67px; padding:0 45px; box-sizing: border-box; text-align: center; font-size: 24px; color: #666; margin-top: 8px;display: flex;align-items: center;justify-content: center; }
.pc-IB-class .classText{ width: 1200px; padding: 30px; box-sizing: border-box; margin: 70px auto; background: #fff;  }
.pc-IB-class .classText .img{ width: 477px; float: left; }
.pc-IB-class .classText .img img{ width: 100%; vertical-align: top; }
.pc-IB-class .classText .text{ width: 634px; float: right; font-size: 22px; color: #666; }
.pc-IB-class .classText .text p{ margin-top: 15px; }
.pc-IB-youshi{ width: 100%; padding: 80px 0; background: #41B6E6; position: relative;  }
.pc-IB-youshi h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; color: #fff; }
.pc-IB-youshi ul{ width: 1200px; margin: 40px auto 0 auto; }
.pc-IB-youshi ul li{ width: 280px; height: 330px; float: left; margin-left: 26px; background: #fff;border-radius: 8px; text-align: center; }
.pc-IB-youshi ul li:first-child{ margin-left: 0; }
.pc-IB-youshi ul li .icon{ width: 126px; height: 126px; margin: 25px auto 0 auto; border-radius: 50%; border: 2px solid #239ECA;display: flex;align-items: center;justify-content: center; }
.pc-IB-youshi ul li .icon img{  vertical-align: top; }
.pc-IB-youshi ul li h3{ width: 100%; text-align: center; margin-top: 15px; font-size: 24px;font-weight: bold; }
.pc-IB-youshi ul li p{ width: 100%; padding: 5px 24px 0 24px; box-sizing: border-box; line-height: 150%; font-size: 18px; color: #666666; }
.pc-IB-youshi ul li:last-child p{ padding: 5px 12px 0 12px;}
.pc-IB-youshi .textBox{ width: 1200px; padding:0 18px 18px 18px; box-sizing: border-box; margin: 30px auto 50px auto; background: #fff;border-radius: 8px;}
.pc-IB-youshi .textBox p{ width: 100%; padding-left: 18px; box-sizing: border-box; color: #333; font-size: 18px; padding-top: 20px; position: relative; }
.pc-IB-youshi .textBox p:before{ content: ''; display: block; width: 8px; height: 8px; background:#239ECA; position: absolute; left: 0; top: 28px;  }
.pc-IB-youshi .btn{ width: 100%; text-align: center; }
.pc-IB-youshi .btn a{width: 400px;height: 70px; border-radius: 35px; line-height: 70px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 24px;}
.pc-IB-youshi .btn a:hover{ background: #FF6000; }
.pc-IB-introduce{width: 100%; background: #fff; padding: 80px 0;}
.pc-IB-introduce h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-IB-introduce .mainBox{width: 1200px; margin: 40px auto 0 auto;}
.pc-IB-introduce .mainBox table{ color: #666; font-size: 24px; text-align: center; }
.pc-IB-introduce .mainBox table thead tr{ background: #41B6E6; font-size: 34px; font-weight: bold; color: #fff; padding: 10px; }
.pc-IB-introduce .mainBox table thead tr td:nth-child(2){background: #239ECA;}
.pc-IB-introduce .mainBox table tr td{ padding: 10px; }
.pc-IB-introduce .mainBox table tbody tr:first-child{ color: #333; font-size: 30px; }
.pc-IB-introduce .mainBox table tbody tr td:nth-child(3),.pc-IB-introduce .mainBox table tbody tr td:nth-child(4){background: rgba(35,158,202,0.08);}
.pc-IB-introduce .btn{ width: 100%; text-align: center; margin-top: 40px; }
.pc-IB-introduce .btn a{width: 400px;height: 70px; border-radius: 35px; line-height: 70px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 24px;}
.pc-IB-introduce .btn a:hover{ background: #FF6000; }
.pc-IB-subject{width: 100%; padding: 80px 0;}
.pc-IB-subject h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-IB-subject h2:before{ content: ''; width: 60px; height: 4px; border-radius: 2px; background: #41B6E6; position: absolute;  top: 60px; left: 50%; margin-left: -30px; }
.pc-IB-subject >p{ width: 100%; font-size: 24px; color: #666; text-align: center; margin-top: 20px; }
.pc-IB-subject ul{ width: 1200px; margin: 0 auto 0 auto; padding-top: 15px; }
.pc-IB-subject ul li{ width: 380px; float: left; margin-left: 30px; margin-top: 30px;}
.pc-IB-subject ul li:nth-child(3n+1){ margin-left: 0; }
.pc-IB-subject ul li .img{ width: 100%; height: 240px; }
.pc-IB-subject ul li .img img{ width: 100%; vertical-align: top; }
.pc-IB-subject ul li h3{ width: 100%; text-align: center; font-size: 30px; line-height: 30px; font-weight: bold; margin-top: 20px; }
.pc-IB-subject ul li p{ width: 100%; height: 96px; font-size: 16px; color: #666; line-height: 150%; margin-top: 15px; }
.pc-IB-setup{width: 100%; padding: 80px 0; background: url(../img/setup-bg.png) no-repeat; background-position: center center; background-size: cover;}
.pc-IB-setup h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; color: #fff; }
.pc-IB-setup ul{ width: 1200px; margin: 40px auto 0 auto; }
.pc-IB-setup ul li{ width: 285px; float: left; margin-left: 20px; border-radius: 8px; overflow: hidden; }
.pc-IB-setup ul li:first-child{ margin-left: 0; }
.pc-IB-setup ul li .img{ width: 100%; height: 200px; position: relative; }
.pc-IB-setup ul li .img img{ width: 100%; vertical-align: top; }
.pc-IB-setup ul li .img h3{ width:100%; text-align: center; height: 50px; line-height: 50px; font-size: 24px; background: rgba(255,255,255,.6); position: absolute; bottom: 0; left: 0; }
.pc-IB-setup ul li .text{ width: 100%; height: 175px; padding: 0 10px 10px 12px; box-sizing: border-box; background: #fff; }
.pc-IB-setup ul li .text h4{ padding: 1px 3px; display: inline-block; margin-top: 10px; margin-bottom: 5px; background: #41B6E6; color: #fff; border-radius: 6px; }
.pc-IB-setup ul li .text p{ font-size: 15px; }
.pc-IB-setup .btn{ width: 100%; text-align: center; margin-top: 60px; }
.pc-IB-setup .btn a{width: 400px;height: 70px; border-radius: 35px; line-height: 70px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 24px;}
.pc-IB-setup .btn a:hover{ background: #e85800; }
.pc-IB-setup .btn a:last-child{ background: #fff; color: #4BB9E6; margin-left: 100px; }
.pc-IB-setup .btn a:last-child:hover{ background: #f6fcff; }
.pc-IB-beikao{width: 100%; padding: 80px 0; background: url(../img/student-bg.jpg) no-repeat; background-position: center center; position: relative; }
.pc-IB-beikao h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-IB-beikao ul{ width: 1200px; margin: 0 auto 0 auto; padding-top: 10px; }
.pc-IB-beikao ul li{ width: 380px; height: 190px; float: left; margin-left: 30px; margin-top: 30px; padding: 20px 0 0 20px; box-sizing: border-box; }
.pc-IB-beikao ul li:nth-child(3n+1){ margin-left: 0; }
.pc-IB-beikao ul li:nth-child(1){ background: url(../img/beikao-img1.png) no-repeat; background-size: 100% 100%; }
.pc-IB-beikao ul li:nth-child(2){ background: url(../img/beikao-img2.png) no-repeat; background-size: 100% 100%; }
.pc-IB-beikao ul li:nth-child(3){ background: url(../img/beikao-img3.png) no-repeat; background-size: 100% 100%; }
.pc-IB-beikao ul li:nth-child(4){ background: url(../img/beikao-img4.png) no-repeat; background-size: 100% 100%; }
.pc-IB-beikao ul li:nth-child(5){ background: url(../img/beikao-img5.png) no-repeat; background-size: 100% 100%; }
.pc-IB-beikao ul li:nth-child(6){ background: url(../img/beikao-img6.png) no-repeat; background-size: 100% 100%; }
.pc-IB-beikao ul li h3{ font-size: 24px; font-weight: bold; }
.pc-IB-beikao ul li p{ width: 50%; margin-top: 15px; font-size: 18px; color: #666; line-height: 150%; }
.pc-IB-beikao .btn{ width: 100%; text-align: center; margin-top: 40px; }
.pc-IB-beikao .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 24px;}
.pc-IB-beikao .btn a:hover{ background: #FF6000; }
.pc-IB-beikao .btn a:last-child{ background: linear-gradient(180deg, #33AADB, #6BD4FF); margin-left: 100px; }
.pc-IB-beikao .btn a:last-child:hover{ background: #6BD4FF; }
.pc-IB-news{ width: 100%; padding: 80px 0; background: #fff;  }
.pc-IB-news h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; }
.pc-IB-news ul{ width: 1200px; background: #fff; margin: 40px auto 0 auto; padding: 20px 30px; box-sizing: border-box; box-shadow: 0 0 14px rgba(0,0,0,.1); }
.pc-IB-news ul li{ width: 46%; float: left; padding-top: 15px; margin-bottom: 15px; border-top: dashed 1px #999; line-height: 16px; }
.pc-IB-news ul li:nth-child(2n){ float: right; }
.pc-IB-news ul li:first-child,.pc-IB-news ul li:nth-child(2){ border: none; }
.pc-IB-news ul li .title{ width: 80%; float: left; position: relative; padding-left: 20px; box-sizing: border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.pc-IB-news ul li .title:before{ content: ''; display: block; width: 8px; height: 8px; background:#239ECA; position: absolute; left: 0; top: 4px;  }
.pc-IB-news ul li .title a{ color: #333; font-size: 16px; }
.pc-IB-news ul li .title a:hover{ color: #3C87FF; }
.pc-IB-news ul li .times{ float: right; font-size: 13px; color: #999; text-align: right; }
.pc-IB-news .btn{ width: 100%; text-align: center; margin-top: 40px; }
.pc-IB-news .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 24px;}
.pc-IB-news .btn a:hover{ background: #FF6000; }
.pc-IB-info{ width: 100%; padding: 80px 0; background:#41B6E6;}
.pc-IB-info .mainBox{ width: 1200px; margin: 0 auto; padding: 60px 0; background: #fff; }
.pc-IB-info .mainBox h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-IB-info .mainBox h2:before{ content: ''; width: 60px; height: 4px; border-radius: 2px; background: #41B6E6; position: absolute;  top: 60px; left: 50%; margin-left: -30px; }
.pc-IB-info .mainBox >p{ width: 100%; font-size: 24px; color: #666; text-align: center; margin-top: 20px; }
.pc-IB-info .inputBox{ width: 680px; margin: 0 auto; box-sizing: border-box;  }
.pc-IB-info .inputBox span.title{ width: 180px; float: left; text-align: right; padding-right: 15px; box-sizing: border-box; line-height: 50px; font-size: 20px; }
.pc-IB-info .inputBox span.title i{ color:#DB1816;  }
.pc-IB-info .inputBox .inputText{ width: 500px; height: 50px; float: left; line-height: 50px; border-radius: 8px; border: solid 1px #cecece; background: #fff; box-sizing: border-box; text-align: center; font-size: 20px; text-align: left; padding-left: 25px; outline: none;}
.pc-IB-info .inputBox .inputSelect{ position: relative; }
.pc-IB-info .inputBox .inputSelect .inputShow{ border-radius: 8px 8px 0 0; }
.pc-IB-info .inputBox .inputSelect:before{ content: ""; display: inline-block; width: 0; height: 0;border-width: 6px;border-style: solid;border-color:#666 transparent transparent transparent; position: absolute; right: 20px; top: 24px;}
.pc-IB-info .SelectBox{ width: 500px; padding: 5px; box-sizing: border-box; background: #fff; position: absolute; top: 49px; right: 0; z-index: 99; border-radius:0 0 8px 8px; border: solid 1px #cecece; display: none;}
.pc-IB-info .SelectBox a{ width: 49%; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: center; font-size: 18px; line-height: 30px;}
.pc-IB-info .SelectBox a:hover{ background: #41B6E6; color: #fff; border-radius: 6px;}
.pc-IB-info .inputBox .btn{width: 440px;height: 70px; border-radius: 35px; background: linear-gradient(180deg, #FF9C00, #FF6000); border: none; color: #fff; display: inline-block; text-align: center; font-size: 24px; }
.pc-IB-info .inputBox .btn:hover{ background: #FF6000; }



/*IB官网手机移动端*/
.phone-container{ width: 100%; max-width: 750px; min-width: 360px; margin: 0 auto; background: #fff; position:relative; font-size:14px; color:#333; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.phone-container a{text-decoration:none; outline:none; color: #333;}

.phone-IB-banner{ width: 100%; }
.phone-IB-banner img{ width: 100%; vertical-align: top; }
.phone-IB-class{ width: 100%; margin-top: 30px; }
.phone-IB-class h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; }
.phone-IB-class ul{ width: 100%; margin: 20px auto 40px auto; text-align: center; }
.phone-IB-class ul li{ width: 29%; display: inline-block; vertical-align: middle; margin-left: 2%; background: #fff;border-radius: 4px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); overflow: hidden; }
.phone-IB-class ul li:first-child{ margin-left: 0; }
.phone-IB-class ul li .img{ width: 100%; }
.phone-IB-class ul li .img img{ width: 100%; vertical-align: middle; }
.phone-IB-class ul li h3{ width: 100%; font-size: 16px; line-height: 16px; font-weight: bold; text-align: center; margin-top: 12px; }
.phone-IB-class ul li p{ width: 100%; height: 60px; text-align: center; font-size: 14px; color: #666; margin-top: 3px;transform: scale(0.85); }
.phone-IB-class .classText{ width: 100%; padding:0 4%; box-sizing: border-box; margin: 30px auto 60px auto; background: #fff;  }
.phone-IB-class .classText .img{ width: 100%; }
.phone-IB-class .classText .img img{ width: 100%; vertical-align: top; }
.phone-IB-class .classText .text{ width: 100%; padding: 10px 2% 0 2%; box-sizing: border-box; font-size: 13px; color: #666; }
.phone-IB-class .classText .text p{ margin-top: 10px; }
.phone-IB-youshi{ width: 100%; padding: 40px 0; background:#41B6E6;position: relative;  }
.phone-IB-youshi h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; color: #fff; }
.phone-IB-youshi ul{ width: 100%; }
.phone-IB-youshi ul li{ width: 44%; height: 250px; float: left; margin-left: 4%; margin-top: 20px; background: #fff;border-radius: 4px; text-align: center; }
.phone-IB-youshi ul li .icon{ width: 66px; height: 66px; margin: 20px auto 0 auto; border-radius: 50%; border: 2px solid #41B6E6;display: flex;align-items: center;justify-content: center; }
.phone-IB-youshi ul li .icon img{ width: 60%;  vertical-align: top; }
.phone-IB-youshi ul li:first-child .icon img{ width: 50%;  vertical-align: top; }
.phone-IB-youshi ul li h3{ width: 100%; text-align: center; margin-top: 10px; font-size: 16px;font-weight: bold; }
.phone-IB-youshi ul li p{ width: 100%; padding: 5px 12px 0 12px; box-sizing: border-box; line-height: 150%; font-size: 13px; color: #666666; }
.phone-IB-youshi .textBox{ width: 92%; padding:0 8px 10px 8px; box-sizing: border-box; margin: 20px auto 30px auto; background: #fff;border-radius: 4px;}
.phone-IB-youshi .textBox p{ width: 100%; padding-left: 12px; box-sizing: border-box; color: #333; font-size: 13px; padding-top: 10px; position: relative; }
.phone-IB-youshi .textBox p:before{ content: ''; display: block; width: 4px; height: 4px; background:#239ECA; position: absolute; left: 0; top: 17px;  }
.phone-IB-youshi .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-IB-youshi .btn a{width: 60%;height: 40px; border-radius: 20px; line-height: 40px;background: linear-gradient(180deg, #FF9C00, #FF6000);; display: inline-block; color: #fff; text-align: center; font-size: 16px;transition: all 0.3s ease 0s;}
.phone-IB-youshi .btn a:hover{ background: #FF6000; }
.phone-IB-introduce{width: 100%; padding: 40px 0;}
.phone-IB-introduce h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-IB-introduce .mainBox{width: 100%; padding: 0 4%; box-sizing: border-box; margin: 20px auto 0 auto;}
.phone-IB-introduce .mainBox table{ color: #666; font-size: 13px; text-align: center; }
.phone-IB-introduce .mainBox table thead tr{ background: #41B6E6; font-size: 16px; font-weight: bold; color: #fff; padding: 5px; }
.phone-IB-introduce .mainBox table thead tr td:nth-child(2){background: #239ECA;}
.phone-IB-introduce .mainBox table tr td{ padding: 5px; }
.phone-IB-introduce .mainBox table tbody tr:first-child{ color: #333; font-size: 14px; }
.phone-IB-introduce .mainBox table tbody tr td:nth-child(3),.phone-IB-introduce .mainBox table tbody tr td:nth-child(4){background: rgba(35,158,202,0.08);}
.phone-IB-introduce .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-IB-introduce .btn a{width: 60%;height: 40px; border-radius: 20px; line-height: 40px;background: linear-gradient(180deg, #FF9C00, #FF6000);; display: inline-block; color: #fff; text-align: center; font-size: 16px;transition: all 0.3s ease 0s;}
.phone-IB-introduce .btn a:hover{ background: #FF6000; }
.phone-IB-subject{width: 100%; padding: 20px 0 10px 0;}
.phone-IB-subject h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-IB-subject h2:before{ content: ''; width: 30px; height: 2px; border-radius: 2px; background: #41B6E6; position: absolute;  top: 28px; left: 50%; margin-left: -15px; }
.phone-IB-subject >p{ width: 100%; font-size: 13px; color: #666; text-align: center; margin-top: 10px; }
.phone-IB-subject ul{width: 100%;  }
.phone-IB-subject ul li{ width: 44%; float: left; margin-left: 4%; margin-top: 20px;}
.phone-IB-subject ul li .img{ width: 100%; }
.phone-IB-subject ul li .img img{ width: 100%; vertical-align: top; }
.phone-IB-subject ul li h3{ width: 100%; text-align: center; font-size: 16px; line-height: 16px; font-weight: bold; margin-top: 10px; }
.phone-IB-subject ul li p{ width: 100%; height: 68px; font-size: 13px; color: #666; line-height: 130%; margin-top: 7px; }
.phone-IB-subject ul li:nth-child(1) p,.phone-IB-subject ul li:nth-child(2) p{ height: 120px; }
.phone-IB-setup{width: 100%; padding: 40px 0; background: url(../img/setup-bg.png) no-repeat; background-position: center center; background-size: cover;}
.phone-IB-setup h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; color: #fff; }
.phone-IB-setup ul{ width: 100%; }
.phone-IB-setup ul li{ width: 44%; float: left; margin-left: 4%; margin-top: 20px; border-radius: 8px; overflow: hidden; }
.phone-IB-setup ul li .img{ width: 100%; position: relative; }
.phone-IB-setup ul li .img img{ width: 100%; vertical-align: top; }
.phone-IB-setup ul li .img h3{ width:100%; text-align: center; height: 40px; line-height: 40px; font-size: 16px; background: rgba(255,255,255,.6); position: absolute; bottom: 0; left: 0; }
.phone-IB-setup ul li .text{ width: 100%; height: 100px; padding: 0 5px 5px 5px; box-sizing: border-box; background: #fff; }
.phone-IB-setup ul li .text p{ padding-top: 5px; font-size: 12px; text-align: center; color: #666; }
.phone-IB-setup .btn{ width: 100%; text-align: center; margin-top: 20px; }
.phone-IB-setup .btn a{width: 42%;height: 40px; border-radius: 20px; line-height: 40px;background: linear-gradient(180deg, #FF9C00, #FF6000);display: inline-block; color: #fff; text-align: center; font-size: 15px;}
.phone-IB-setup .btn a:last-child{ background: #fff; color: #47B6E4; margin-left: 6%; }
.phone-IB-beikao{width: 100%; padding: 40px 0; position: relative; }
.phone-IB-beikao h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-IB-beikao ul{ width: 100%; padding-top: 10px; }
.phone-IB-beikao ul li{ width: 44%; height: 100px; float: left; margin-left: 4%; margin-top: 20px; padding: 10px 0 0 10px; box-sizing: border-box; }
.phone-IB-beikao ul li:nth-child(1){ background: url(../img/beikao-img1.png) no-repeat; background-size: 100% 100%; }
.phone-IB-beikao ul li:nth-child(2){ background: url(../img/beikao-img2.png) no-repeat; background-size: 100% 100%; }
.phone-IB-beikao ul li:nth-child(3){ background: url(../img/beikao-img3.png) no-repeat; background-size: 100% 100%; }
.phone-IB-beikao ul li:nth-child(4){ background: url(../img/beikao-img4.png) no-repeat; background-size: 100% 100%; }
.phone-IB-beikao ul li:nth-child(5){ background: url(../img/beikao-img5.png) no-repeat; background-size: 100% 100%; }
.phone-IB-beikao ul li:nth-child(6){ background: url(../img/beikao-img6.png) no-repeat; background-size: 100% 100%; }
.phone-IB-beikao ul li h3{ font-size: 15px; line-height: 20px; font-weight: bold; }
.phone-IB-beikao ul li p{ width: 80%; font-size: 12px; color: #666; line-height: 130%;transform: scale(0.85); margin-left: -6% }
.phone-IB-beikao .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-IB-beikao .btn a{width: 42%;height: 35px; border-radius: 17px; line-height: 35px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 14px;transition: all 0.3s ease 0s;}
.phone-IB-beikao .btn a:last-child{ background: linear-gradient(180deg, #33AADB, #6BD4FF); margin-left: 6%; }
.phone-IB-news{ width: 100%; padding:20px 0 40px 0;  }
.phone-IB-news h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; }
.phone-IB-news ul{ width: 88%; background: #fff; margin: 20px auto 0 auto; padding: 10px 15px; box-sizing: border-box; box-shadow: 0 0 14px rgba(0,0,0,.1); }
.phone-IB-news ul li{ width: 100%; padding-top: 8px; margin-bottom: 8px; border-top: dashed 1px #cecece; line-height: 16px; }
.phone-IB-news ul li:first-child{ border: none; }
.phone-IB-news ul li .title{ width: 70%; float: left; position: relative; padding-left: 14px; box-sizing: border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.phone-IB-news ul li .title:before{ content: ''; display: block; width: 4px; height: 4px; background:#47B6E4; position: absolute; left: 0; top: 6px;  }
.phone-IB-news ul li .title a{ color: #333; font-size: 13px; }
.phone-IB-news ul li .title a:hover{ color: #3C87FF; }
.phone-IB-news ul li .times{ float: right; font-size: 12px; color: #999; text-align: right; }
.phone-IB-news .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-IB-news .btn a{width: 60%;height: 40px; border-radius: 20px; line-height: 40px;background:linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 16px;}
.phone-IB-info{ width: 100%; padding: 40px 0; background:#47B6E4;}
.phone-IB-info .mainBox{ width: 88%; margin: 0 auto; padding: 30px 0; background: #fff; border-radius: 6px; }
.phone-IB-info .mainBox h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-IB-info .mainBox h2:before{ content: ''; width: 30px; height: 2px; border-radius: 2px; background: #47B6E4; position: absolute;  top: 28px; left: 50%; margin-left: -15px; }
.phone-IB-info .mainBox >p{ width: 100%; font-size: 13px; color: #666; text-align: center; margin-top: 10px; }
.phone-IB-info .inputBox{ width: 100%; margin: 0 auto; box-sizing: border-box;  }
.phone-IB-info .inputBox span.title{ width: 40%; float: left; text-align: right; padding-right: 10px; box-sizing: border-box; line-height: 40px; font-size: 13px; }
.phone-IB-info .inputBox span.title i{ color:#DB1816;  }
.phone-IB-info .inputBox .inputText{ width: 54%; height: 40px; float: left; line-height: 40px; border-radius: 8px; border: solid 1px #cecece; background: #fff; box-sizing: border-box; text-align: center; font-size: 14px; text-align: left; padding-left: 15px; outline: none;}
.phone-IB-info .inputBox .inputSelect{ position: relative; }
.phone-IB-info .inputBox .inputSelect .inputShow{ border-radius: 8px 8px 0 0; }
.phone-IB-info .inputBox .inputSelect:before{ content: ""; display: inline-block; width: 0; height: 0;border-width: 6px;border-style: solid;border-color:#666 transparent transparent transparent; position: absolute; right: 10%; top: 17px;}
.phone-IB-info .SelectBox{ width: 54%; padding:0 5px 5px 5px; box-sizing: border-box; background: #fff; position: absolute; top: 39px; right: 6%; z-index: 99; border-radius:0 0 8px 8px; border: solid 1px #cecece; display: none;}
.phone-IB-info .SelectBox a{ width: 48%; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: center; font-size: 13px; line-height: 20px;}
.phone-IB-info .SelectBox a:hover{ background: #47B6E4; color: #fff; border-radius: 6px;}
.phone-IB-info .inputBox .btn{width: 65%;height: 40px; border-radius: 20px; background: linear-gradient(180deg, #FF9C00, #FF6000); border: none; color: #fff; display: inline-block; text-align: center; font-size: 16px; }