@charset "utf-8";
/* CSS Document */
.container {
        width:1300px
    }
.container{padding: 0}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
/*============================ 移动端开发 ============================*/
.slideryd ul li:nth-child(1) i{background: url("/skin/picture/wz3.png") no-repeat center}
.slideryd ul li:nth-child(1):hover i{background: url("/skin/picture/wz3h.png") no-repeat center #fff}
.slideryd ul li:nth-child(2) i{background: url("/skin/picture/wz6.png") no-repeat center}
.slideryd ul li:nth-child(2):hover i{background: url("/skin/picture/wz6h.png") no-repeat center #fff}
.slideryd ul li:nth-child(3) i{background: url("/skin/picture/wz7.png") no-repeat center}
.slideryd ul li:nth-child(3):hover i{background: url("/skin/picture/wz7h.png") no-repeat center #fff}
.slideryd ul li:nth-child(4) i{background: url("/skin/picture/wz8.png") no-repeat center}
.slideryd ul li:nth-child(4):hover i{background: url("/skin/picture/wz8h.png") no-repeat center #fff}
.slideryd ul li:nth-child(5) i{background: url("/skin/picture/wz5.png") no-repeat center}
.slideryd ul li:nth-child(5):hover i{background: url("/skin/picture/wz5h.png") no-repeat center #fff}
.ydA{background-color: #f3f3f3;overflow: hidden;padding-bottom: 50px}
.ydAs{margin-top: 40px}
.ydAsl{width: 70%}
.ydAsl dl{width: 540px;line-height: 30px;}
.ydAsl dl span{color: #dc1010;font-size: 22px;}
.ydAsl dl a{display: block;text-align: center;  width: 114px;  height: 40px;  background: #1ab746;  border-radius: 5px;  line-height: 40px;  font-size: 16px;  color: #fff;  margin-top: 10px;  }
.ydAsl dd{margin-top: -120px}
.ydAsl dd img{max-width: 100%}
.ydAsr{width: 30%;text-align: center}
.ydAsr img{max-width: 100%}

.ydB{margin-top: 50px}
.ydBl{width: 60%}
.ydBl img{max-width: 100%}
.ydBr{width: 35%;margin: 25px 30px 0 0}
.ydBr dl{width: 75%;height: 54px;  background: #1f2229;  font-size: 28px;  color: #fff;  line-height: 54px;}
.ydBr dl span{display: inline-block;width: 58px;height: 54px;background-color: #21d852;text-align: center;margin-right: 10px}
.ydBr ul,.ydBr dd{padding: 12px 0px 20px;}
.ydBr ul li{font-size: 16px;color: #303030;line-height: 30px}
.ydBr ul li span{color: #c90001}
.ydBr dd{font-size: 16px;}
.ydBr dd span{color: #c7c7c7;padding: 0 10px;}
.ydBr a{display: block;text-align: center;  width: 114px;  height: 40px;  background: #1ab746;  border-radius: 5px;  line-height: 40px;  font-size: 16px;  color: #fff;  margin-top: 10px; }

.ydC{background-color: #f3f3f3;overflow: hidden;margin-top: 40px;}
.ydC ul{padding: 50px 0;}
.ydC ul li{width: 16%;padding:50px 0;background: url("/skin/picture/ydc.png") no-repeat center;background-size: cover;
    overflow: hidden;float: left;margin-right: 5%}
.ydC ul li a{display: inline-block;overflow: hidden; width:85%;height:318px;margin-left: 15px;}
.ydC ul li:last-child{margin-right: 0}

/*============================ 网站建设 ============================*/
.slider{background-color: #009900;overflow: hidden;padding: 55px 0 55px}
.slider ul{text-align: center}
.slider ul li{text-align: center;display: inline-block;margin: 0 4%}
.slider ul li i{display: inline-block;width: 110px;height: 110px;border: 2px solid #fff;box-sizing: border-box;
    border-radius: 100%;transition: all 0.4s ease;}
.slider ul li a{font-size: 20px;color: #fff}
.slider ul li p{margin: 15px 0}
.title{text-align: center;margin-top: 50px}
.title h2{font-size: 26px;}
.title p{color: #737373;margin-top: 15px}
/*============================ 微信站开发 ============================*/
.wxA{margin-top: 40px}
.wxA ul li{padding: 0}
.wxA ul li .text{border: 1px solid #e2e2e2;margin: 0 20px}
.wxA ul li .text .wxAt{color: #fff;padding: 20px 40px}
.wxA ul li .text .wxAt i{display: inline-block;float: left;margin-right: 30px}
.wxA ul li .text .wxAt h3{font-size: 24px;margin-bottom: 8px}
.wxA ul li .text .wxAc{overflow: hidden;padding: 25px 20px 40px;}
.wxA ul li .text .wxAc dl{overflow: hidden;margin-bottom: 5px;}
.wxA ul li .text .wxAc dl dd{width: 25%;float: left;color: #9e9e9e}
.wxA ul li .text .wxAc dl dt{width: 70%;float: left;line-height: 24px;}
.wxA ul li .text a{display: block;width: 40%;line-height: 40px;border: 1px solid #d9d9d9;text-align: center;margin: 0 auto;margin-top: 25px}
.wxA ul li .text .mh{min-height: 72px;}
.wxA ul li:nth-child(1) .wxAt{background-color: #62a4e7}
.wxA ul li:nth-child(2) .wxAt{background-color: #605dae}
.wxA ul li:nth-child(3) .wxAt{background-color: #2ba246}

.wxB{background-color: #f5f5f5;overflow: hidden;margin-top: 40px;padding: 10px 0 40px}
.wxB ul{display: flex;flex-wrap: wrap}
.wxB ul li{width: 12.28%;background-color: #fff;border: 1px solid #e7e7e7;text-align: center;padding: 15px 0 20px;
    margin: 30px 1% 0}
.wxB ul li i{display: block;min-height: 60px;line-height: 60px}
.wxB ul li label{display: none;min-height: 60px;line-height: 60px}
.wxB ul li i img,.wxB ul li label img{vertical-align: middle}
.wxB ul li p{font-size: 16px}
.wxB ul li:hover{background-color: #2F82FF;color: #fff}
.wxB ul li:hover i{display: none}
.wxB ul li:hover label{display: block}

.wxC{}
.wxC ul li{text-align: center;padding: 40px 70px 0;border: 1px solid #fff;}
.wxC ul li dl{min-height: 64px;line-height: 64px;}
.wxC ul li dl img{vertical-align:middle}
.wxC ul li h3{font-size: 16px;font-weight: bold;  color: #333;  margin: 24px 0 12px;}
.wxC ul li p{color: #666;line-height: 2}
.wxC ul li a{display: inline-block;color: #2F82FF;  background: #fff;  border: 1px solid #2F82FF;padding: 0 40px;line-height: 36px;
    border-radius: 18px;  margin-top: 30px;}
.wxC ul li:hover a{background-color: #2F82FF;color: #fff}
.wxD{background-color: #f5f5f5;overflow: hidden;margin-top: 40px;padding-bottom: 50px}
.wxD ul{margin-top: 40px}
.wxD ul li dl{min-height: 60px;line-height: 60px;}
.wxD ul li dl img{vertical-align: middle}
.wxD ul li{width: 16.6%;text-align: center;float: left;}
.wxD ul li p{font-size: 16px;margin-top: 30px}
.col-lg-4 {
  width: 33.33333333%;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
  float: left;
}
.container {
  width: 1300px;
}
.container {
  margin-right: auto;
  margin-left: auto;
}
* {
  box-sizing: border-box;
}
.width1200 {
  width: 1200px;
}
.width1200 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.gdwz-contact-box { width: 100%; height: 283px; background: url(/skin/picture/gdwz_form_bg.png) no-repeat center top; background-size: cover; background-color: #2F82FF; }
.gdwz-contact-box .gdwz-contact-cont { padding-top: 30px; }
.gdwz-contact-box p { font-size: 20px; color: #FFF; padding-bottom: 30px; }
.gdwz-contact-box .contact-form>div { width: 28%; height: 50px; background-color: #fff; margin-right: 1%; box-shadow: 5px 5px 50px rgba(0,0,0,.1);}
.gdwz-contact-box .contact-form>div input { width: 100%; height: 50px; font-size: 16px; padding: 0 20px; box-sizing: border-box; }
.gdwz-contact-box .contact-form a.smt { display: block; width: 13%; height: 50px; line-height: 50px; text-align: center; background-color: #FF8300; color: #fff; font-size: 16px; box-shadow: 5px 5px 50px rgba(0,0,0,.1);}
.gdwz-contact-box .gdwz-contact-cont>span { display: block; font-size: 14px; color: #FFF; padding-top: 70px; }
.gdwz-contact-box .gdwz-contact-cont {
  padding-top: 70px;
}
.fl {
  float: left;
}


/*表单*/
.biaodan {
	width: 1200px;
	margin: auto;
}
.biaodan li {
	float: left;
	margin-left: 15px;
}
.biaodan li input {
	border: solid 1px #ddd;
	height: 55px;
	line-height: 55px;
	font-size: 15px;
	color: #666;
	padding: 0 20px;
	width: 290px;
	box-sizing: border-box;
}
.biaodan li input[type="submit"] {
	width: 128px;
	background: #F9AF00;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}