@charset "utf-8";
/* CSS Document */

body{background:#E0F1FB url(/images/avnet/footer-img.png) no-repeat center bottom;background-size:100%;font-size: 16px;color: #000;position: relative;}
ul,ol,p,h1,h2,h3,h4 {list-style:none;padding: 0; margin: 0;}
a{color: #222;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;border: none;}
a:active{text-decoration: none;}
Btn:active{color: #389bfd!important;text-decoration: none;}
a:focus,a:hover {
    color: #389bfd;
    text-decoration: none
}
h2{font-size: 40px;font-weight: bold;color: #2a64e2;margin: 50px auto;text-align: center;position: relative;color: #222;z-index: 6;display: table;}
h2::after{content: "";position: absolute; height: 12px;left: 0;z-index:-1;top: 30px;width: 100%;}
h3{font-size:22px;margin: 25px 0;}
.color-g{color: #fda305!important;}
.bg2{background: #f6f7f9;padding-bottom: 50px;}

.login{position: absolute; top: 10px;right: 50px;color: #039;font-size:16px;}
.login a{color:#039;margin:0 10px;}

.banner{background: url(/images/avnet/banner-bg.jpg) no-repeat top center #E0F1FB;background-size:100%;position: relative;}
.banner-box{}
.logo{margin-top: 30px;}

.banner-text{width:960px;height:350px;margin:280px auto 0px;text-align:center;background: url(/images/avnet/banner-01.png) no-repeat center top;background-size:100%;padding:30px 40px 0px;}
.banner-text p {font-size:17px;margin:10px 10px 0px;color: #000;text-align:left;}
.banner-text p .orange {color:#FF6600;font-size:18px;}
.banner-text p .red {color:#D80000;font-size:18px;}

.big-title {font-size:32px;color:#fff;font-weight:bold;background:url(/images/avnet/b-title-bg.png) no-repeat center;line-height:64px;font-style: italic;text-align:center;letter-spacing:3px;}
.area {width:100%;margin-top:50px;border:solid 1px #077BE2;background:#fff url(/images/avnet/area-bg.jpg) repeat-x bottom;padding-bottom:60px;}


.information {float:left;width:100%;margin-top:100px;}
.information .cp-title {position:absolute;z-index: 999;font-size:25px;z-index: 99; width:800px;line-height:70px;margin-top:-50px;margin-left:-50px;padding-left:120px;;background:url(/images/avnet/cp-title-bg.png) no-repeat;color:#fff;text-align:left;font-weight:400;}
.information .infor-text {margin:40px 80px 20px;line-height:30px;}
.information .infor-idea {margin:20px 80px;line-height:28px;text-align:left;}
.information .infor-idea h3 {color:#0874E1;font-size:24px;background:url(/images/avnet/icon.png) no-repeat 0px 3px;padding-left:40px;line-height:36px;margin:10px 0px;font-weight:bold;}
.information .infor-idea ul {margin-left:10px;}
.information .infor-idea ul li strong {color:#000;font-size:18px;}
.information .infor-idea ul li b {color:#044AEA;}
.information .version-list {clear:both;display:block;margin:20px 80px;line-height:28px;text-align:left;}
.information .version-list h3 {color:#0874E1;font-size:24px;background:url(/images/avnet/h3-bg2.png) no-repeat center;text-align:center;line-height:88px;margin:10px 0px 0px;font-weight:bold;}
.information .version-list .version {float:left;width:48%;margin:10px 1% 30px;}
.information .version-list .version h4 {color:#fff;font-size:20px;background:url(/images/avnet/s-title-bg.png) no-repeat 0px 0px;padding-left:65px;line-height:42px;margin:0px;font-weight:bold;border-radius:20px;}
.information .version-list .version p {background:#E9F5FE;margin-top:10px;padding:20px;border-radius:10px;height:320px;}
.information .version-list .version p b {color:#316CF3;}
.information .cp-img {clear:both;display:block;margin:30px 0px 0px;text-align:center;}


.technology {float:left;width:100%;margin-top:60px;padding-top:30px;}
.technology h3 {color:#0874E1;font-size:24px;background:url(/images/avnet/icon.png) no-repeat 0px 3px;padding-left:40px;line-height:36px;margin:10px 0px;font-weight:bold;}

.technology .tech-list1 {float:left;width:90%;margin:20px 5%;line-height:28px;text-align:left;}
.technology .tech-list1 ul {margin:10px;}
.technology .tech-list1 ul li {background:url(/images/avnet/arrow.png) no-repeat 2px 8px;padding-left:28px;line-height:33px;}

.technology .tech-list2 {float:left;width:90%;margin:10px 5%;line-height:28px;text-align:left;}
.technology .tech-list2 ul {margin:10px;display:block;}
.technology .tech-list2 ul li {float:left;width:46%;background:url(/images/avnet/arrow.png) no-repeat 2px 8px;padding-left:28px;line-height:36px;}

.technology .tech-list3 {float:left;width:90%;margin:10px 5%;line-height:28px;text-align:left;}
.technology .tech-list3 ul {margin:10px;}
.technology .tech-list3 ul li a{float:left;width:22%;margin:10px 1%;background:#F5F5F5;border:solid 1px #AFDAF5;border-radius:20px;text-align:center;line-height:42px;}
.technology .tech-list3 ul li a:hover {background:#167CE3;border:solid 1px #167CE3;color:#fff;}



.hd-title {font-size:32px;color:#fff;font-weight:bold;background:url(/images/avnet/b-title-bg2.png) no-repeat center top;line-height:170px;font-style: italic;text-align:center;letter-spacing:3px;}

.event {float:left;width:100%;margin-top:20px;padding-top:30px;}
.event h3 {color:#fff;font-size:24px;background:url(/images/avnet/hd-title-bg.png) no-repeat left;line-height:70px;margin:10px 0px;font-size:30px;font-weight:bold;}
.event h3 span {color:#BFFFFF;font-weight:normal;width:108px;text-align:center;margin-right:12px;float:left;}
.event h3 strong {color:#d00;width:50%;text-align:center;float:right;font-size:20px;}

.event .event-step1 {float:left;width:90%;margin:20px 5%;line-height:28px;text-align:left;}
.event .event-step1 .tj-btn {margin:50px auto 0px;text-align:center;}
.event .event-step1 .tj-btn a {color:#fff;background:#FFA64D;border-radius:30px;line-height:40px;font-size:20px;padding:12px 60px}
.event .event-step1 .tj-btn a:hover {background:#f60;}


.event .event-step2 {float:left;width:90%;margin:20px 5%;line-height:28px;text-align:left;}
.event .event-step2 .hd-banner img {width:100%;margin:15px 0px;}
.event .event-step2 .hd-list1 {width:800px;margin:10px auto;text-align:center;}
.event .event-step2 .hd-list1 .input-text {width:100%;height:150px;line-height:24px;font-size:16px;color:#777;border:solid 1px #ccc;padding:8px;}
.event .event-step2 .hd-list1 .sq-btn {margin:20px auto 40px;text-align:center;}
.event .event-step2 .hd-list1 .sq-btn a {color:#fff;background:#FFA64D;border-radius:30px;line-height:40px;font-size:20px;padding:12px 60px}
.event .event-step2 .hd-list1 .sq-btn a:hover {background:#f60;}

.event .event-step2 #quizform {width:100%;margin:15px 0px;}
.event .event-step2 #quizform ul li {margin-top:30px;padding-left:60px;}
.event .event-step2 #quizform ul li.q1 {background:url(/images/avnet/no1.png) no-repeat left top;}
.event .event-step2 #quizform ul li.q2 {background:url(/images/avnet/no2.png) no-repeat left top;}
.event .event-step2 #quizform ul li.q3 {background:url(/images/avnet/no3.png) no-repeat left top;}

.event .event-step2 #quizform ul li p {background:#E9F5FE;padding:12px 18px;border-radius:8px;}
.event .event-step2 #quizform ul li .qa {margin:10px;} 
.event .event-step2 #quizform ul li .qa label {width:100%;font-weight:normal;}
.event .event-step2 #quizform ul li .qa label input {margin-right:4px;}


.event .event-step2 #quizform .btn-g {margin:50px auto 0px;text-align:center;}
.event .event-step2 #quizform .btn-g a {color:#fff;background:#FFA64D;border-radius:30px;line-height:40px;font-size:20px;padding:12px 60px;}
.event .event-step2 #quizform .btn-g a:hover {background:#f60;}

.event .hd-banner-text {color:#d00;width:100%;text-align:center;font-size:16px;line-height:50px;}
.event .hd-banner-text a {color:#039;text-decoration:underline;font-weight:bold;}
.event .hd-banner-text a:hover {color:#000;text-decoration:none;}


.footer {float:left;width:100%;margin:30px 0px;text-align:center;padding:80px 0px;}



/*
.about{margin-top: 60px;}
.baipishu{background: #0067b9; padding: 40px;border-radius: 20px;box-shadow: 0 0 10px rgba(0,24,83,0.5); margin: 40px ;color: #fff;}
.bip-r{padding: 50px 0;}
.bip-r .p18{font-size: 18px;}
.bip-r h2{font-size: 26px;text-align: left;color: #fff;line-height: 34px;}
.bip-r h2::after{display: none;}
.btn-g {margin-top: 50px;}
.btn-g a{background: #ec6b00; color: #fff;width: 180px; height: 46px; line-height: 46px;text-align: center;display: block;border-radius: 6px;}
.btn-g a:hover{background: #ff7f15;}
.b-item{background: url(/images/adi-book/icon-01.png) no-repeat   15px 15px #f6f7f9; padding: 15px 30px 15px 40px;margin: 5px 0;}
.prize-item{margin-top: 20px;}
.prize-item img{ width: 100%;}
.liuc{background: #fff;border-radius: 8px;text-align: center;padding: 15px 5px;height: 240px;box-shadow: 0 0 10px rgba(112,112,112,0.3);}
.liuc .p18{font-size: 18px;margin: 15px 0 10px;}
.liuc .p18 span{font-weight: bold;margin: 0 5px;}
.liuc .l-btn{margin-top: 10px;}
.liuc .l-btn a{background: #fff;border:1px solid #0067b9;width: 120px; height: 40px;text-align: center;line-height: 40px;color: #0067b9;border-radius: 4px; display: inline-block;}
.liuc .l-btn a:hover{background: #0067b9; color: #fff;}
.liuc .l-btn>form{display: inline-block;}
.liuc .shi{position: relative;color: #0067b9; margin-left: 10px;cursor: pointer;}
.liuc .shi .s-pic{display: none;width: 480px;border: 1px solid #ccc;}
.liuc .shi:hover .s-pic{display: block; z-index: 99;position: absolute;}
.mtop40{margin-top: 40px;}
.qa-con{background-image: linear-gradient(to bottom, #d3eafb, #fff);padding: 40px;box-shadow: 0 0 10px rgba(112,112,112,0.3);}
.qa-title{height: 66px; line-height: 66px;text-align: center;font-size: 30px;color: #fff;background: #0067b9;}
.qa-con li{margin: 20px 0 30px;}
.qa-con .qa {margin-top: 10px;}
.qa-con .qa label{font-weight: normal;width: 24%;}
.tk{background: none; border: none; border-bottom: 1px solid #000;width: 120px;}
.btn-b a{background: #0067b9; margin: 0 auto;}
.btn-b a:hover{background: #004e8c; }
.guize{background: #fff;padding:20px 40px;box-shadow: 0 0 10px rgba(112,112,112,0.3); margin-top: 30px;}
.guize a{background: #0067b9; color: #fff;border-radius: 4px;padding: 2px 8px;display: inline-block;}
.guize a:hover{background: #004e8c;}
.bip-l{text-align: center;}
.bip-l img{max-width: 100%;}
.footer{height: 66px; line-height: 66px;color: #fff;text-align: center;background: #27323b;width: 100%;}
.layui-layer-page .layui-layer-content{padding: 20px;}
#info_form>input{width: 200px;margin: 14px 0 0 0;}
*/


@media (min-width:1200px){
  .banner {height:650px;}
  .container{width: 1130px;margin-top:60px;}
  .hd-banner-s {display:none;}
}




@media (min-width:780px) and (max-width:1200px){
  .banner {height:400px;}
  
.login{right:0px;}
.login a{font-size:14px;}

  .container{width:100%;margin-top:40px;}
  .hd-banner-s {display:none;}
  .banner-text {margin: 100px auto 0px;width: 760px;padding: 20px 30px 0px;}
  .banner-text p {margin: 5px 10px 0px;font-size:13px;}
  .banner-text p .orange {font-size: 16px;}

  .information .version-list .version h4 {font-size:12px;}
  .information .version-list .version p {font-size:13px;line-height: 24px;}

  .technology .tech-list2 ul li {width: 48%;}
  .technology .tech-list3 ul li a {font-size:13px;} 

  .event h3 strong {float:left;width:100%;text-align:center;font-size:16px;line-height:50px;}
  .event .event-step2 .hd-list1 {width: 90%;}

  .footer {margin:0px;}

}



@media (min-width: 350px) and (max-width:768px) {
body{background:#E0F1FB url(/images/avnet/footer-img2.png) no-repeat center bottom;background-size:100%;}

.login{right:0px;float:left;width:100%;height:50px;text-align:center;}
.login a{font-size:13px;}

.container{width: 100%;margin-top:60px;}

.banner{background: url(/images/avnet/banner-bg2.jpg) no-repeat top center #E0F1FB;background-size:100%;position: relative;}
.banner-text {width:98%;height:100%;display:block;margin:210px auto 0px;text-align:center;background:#fff;border:solid 2px #087BE3;padding:10px;}
.banner-text p {font-size:14px;}
.banner-text p .orange {font-size:15px;}
.banner-text p .red {font-size:15px;}

.big-title {float:left;width:100%;margin-top:20px;}
.information {margin-top:60px;height:100%;display:block;}
.information .cp-title {width:120%;font-size:18px;padding:10px 0px;padding-left:100px;padding-right:50px;line-height:25px;height:80px;margin-top:-50px}
.information .infor-text {margin: 40px 30px 20px;}
.information .infor-idea {margin: 20px 30px;}
.information .version-list {width:96%;margin: 20px 2%;}
.information .version-list h3 {line-height: 34px;margin: 0px 40px;font-size: 20px;}
.information .version-list .version {width:100%;}
.information .version-list .version h4 {font-size: 14px;}
.information .version-list .version p {height:100%;display:block;}
.information .cp-img img {width:80%}

.technology {margin-top: 40px;padding-top:0px;padding-bottom:30px;}
.technology .tech-list1 {margin:10px 5%;}
.technology .tech-list2 {margin:10px 5%;}
.technology .tech-list3 {margin:10px 5%;}
.technology .tech-list2 ul li {width: 96%;}
.technology .tech-list3 ul li a {width:90%; margin: 10px 5% 0px;font-size:13px;line-height:33px;}


.hd-title {background: url(/images/avnet/b-title-bg2.png) no-repeat left top;margin-top:10px;padding-left:70px;}

.event {margin-top: 0px; padding-top:0px;padding-bottom:30px;}
.event .event-step2 .hd-list1 {width: 100%;}
.event .event-step1 .tj-btn {margin:20px auto 0px;}
.event .event-step1 .tj-btn a {font-size:17px;}
.event .event-step2 .hd-list1 .sq-btn a {font-size:17px;}
.event .event-step2 #quizform .btn-g a {font-size:17px;}

.event h3 {font-size: 20px;}
.event h3 strong {float:left;width:100%;text-align:center;font-size:14px;line-height:40px;}

.hd-banner {display:none;}
.hd-banner-s img {width:100%;}
.event .event-step2 .hd-list1 .input-text {font-size:14px;}
.event .event-step2 #quizform ul li {font-size:15px;}
.event .event-step2 #quizform .btn-g {margin: 30px auto 0px;}

.footer {margin: 0px;padding: 70px 0px 30px;}

}