html,
body,
.touch_wrap {
    width: 100%;
    height: 100%;
    font-size: 100px;
    position: relative;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

.touch_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 1;
    display: none;
    transition: all 0.3s ease-in;
}

.touch_mask.active {
    display: block;
    background: rgba(0, 0, 0, 0.6);
}

.touch_header_bg {
    width: 100%;
    height: 610px;
    /*background: url(../img/header_bg1.jpg) no-repeat center center;*/
    position: relative;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#57b5ec", endColorstr="#014cbd", GradientType=1);
    background-image: -webkit-linear-gradient(312deg, #57b5ec, #014cbd);
    background-image: -moz-linear-gradient(312deg, #57b5ec 0, #014cbd 100%);
    background-image: linear-gradient(138deg, #57b5ec, #014cbd);
    position: relative;
}

.touch_header_bg1 {
    /* height: 70px; */
    position: absolute;
    top: 0;
    z-index: 9;
    background-image: none;
    filter: none;
}

.touch_header_bg2 {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#5fbdf5", endColorstr="#227ece", GradientType=1);
    background-image: -webkit-linear-gradient(312deg, #5fbdf5, #227ece);
    background-image: -moz-linear-gradient(312deg, #5fbdf5 0, #227ece 100%);
    background-image: linear-gradient(138deg, #5fbdf5, #227ece);
}

.wx_header_bg {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00c0d4", endColorstr="#4c6aaf", GradientType=1);
    background-image: -webkit-linear-gradient(312deg, #00c0d4, #4c6aaf);
    background-image: -moz-linear-gradient(312deg, #00c0d4 0, #4c6aaf 100%);
    background-image: linear-gradient(138deg, #00c0d4, #4c6aaf);
}

.example_header_bg {
    height: 70px;
    background-color: #2781da;
    background-image: none;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 50px;
}

.banner_texture {
    position: absolute;
    width: 100%;
    height: 610px;
    /* max-width: 1440px; */
    top: 0;
    overflow: hidden;
    object-fit: cover;
}

.touch_header {
    width: 1200px;
    height: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
}

/*nav*/

.touch_nav {
    /*width: 1200px;
	margin: auto;*/
    /*border: 1px solid red;*/
    position: relative;
}

.touch_nav_menu {
    width: 50px;
    height: 50px;
    /*border: 1px solid red;*/
    display: none;
    float: right;
    background: url(../images/icon_nav.png) no-repeat center center;
    background-size: 80%;
}

/*logo*/

.touch_logo {
    /* height: 60px; */
    display: block;
    float: left;
}

.touch_logo img {
    width: 100%;
    display: block;
    margin-top: 25px;
}

.example_header_bg .touch_logo {
    height: 70px;
    background-position: center;
}

.touch_nav_list {
    float: right;
}

.touch_nav_list ul li {
    float: left;
    /*width: 90px;*/
    display: inline-block;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease-in;
}

.touch_nav_list ul li:hover,
.touch_nav_list ul li.active {
    border-bottom: 2px solid #fff;
}

.touch_nav_list ul li a {
    display: block;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    /*padding: 0 25px;*/
    font-size: 14px;
    color: #fff;
    line-height: 60px;
}

.touch_nav_list ul li a.git {
    /*height: 60px;*/
    box-sizing: border-box;
    text-align: right;
    background: url(../images/git3.png) no-repeat 5px center;
    background-size: 20px;
    text-indent: 15px;
}

.touch_header_text {
    padding-top: 210px;
    position: relative;
    z-index: 3;
}

.touch_header_text > p,
.touch_header_text > p span {
    font-size: 24px;
    color: #fff;
    line-height: 40px;
}

.touch_header_text > p span {
    display: block;
    margin-top: 30px;
    margin-left: 100px;
}

.touch_banner_img {
    position: absolute;
    bottom: 0;
    right: -13px;
    height: 420px;
    overflow: hidden;
    width: 575px;
}

.touch_banner_img2 {
    width: 358px;
}

.touch_banner_img img {
    width: 100%;
}

.wx_banner_img,
.touch_banner_img2 {
    right: 0;
}

.touch_banner_bnt {
    position: absolute;
    left: 10px;
    bottom: -100px;
}

.touch_banner_bnt .look,
.touch_banner_bnt .employ {
    display: inline-block;
    float: left;
}

.touch_banner_bnt .look a,
.touch_banner_bnt .employ a {
    display: inline-block;
    /*float: left;*/
    padding: 0 20px;
    line-height: 30px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    margin: 0 10px;
    border-radius: 25px;
    cursor: pointer;
    position: relative;
}

.touch_banner_bnt .employ a {
    color: #ffe26f;
    border-color: #ffe26f;
}

/*.touch_banner_bnt .look .code_wrap{
	position: absolute;
	bottom: 25px;
	left: 50%;
	padding-bottom: 20px;
	margin-left: -55px;
	display: inline-block;
	display: none;
}
.touch_banner_bnt .look .code{
	position: relative;
	background: #fff;
	text-align: center;
	padding: 10px;
  box-shadow: 0 4px 37px -8px #000;
}
	
.touch_banner_bnt .look .code img{
	width: 90px;
	display: block;
}
.touch_banner_bnt .look .code i{
	display: block;
	position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -10px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent; 
	border-right: 10px solid transparent; 
	border-top: 10px solid #fff; 
}
.touch_banner_bnt .look .code a{
	font-size: 12px;
	color: #475dcd;
}*/

/*内容*/

.touch_content_wrap {
    background: #fff;
}

.touch_content {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

.touch_content .title,
.demonstration_content .title {
    text-align: center;
    font-size: 35px;
    line-height: 70px;
    color: #4a4a4a;
    /*padding-bottom: 50px;*/
}

.touch_content_text span {
    font-size: 16px;
    color: #5a5a5a;
    text-indent: 2em;
    line-height: 40px;
    text-align: left;
    display: block;
    padding: 10px 0;
}

.section_title {
    margin-bottom: 40px;
}

.section_title > span {
    display: block;
    text-align: center;
    font-size: 35px;
    line-height: 70px;
    color: #4a4a4a;
    /*padding-bottom: 50px;*/
}

.section_title p {
    display: block;
    color: #000000;
    font-size: 20px;
    margin: auto;
    text-align: center;
}

.section_title p span {
    color: #4685f8;
    font-size: 20px;
    line-height: 30px;
}

.edition {
    background: #fff;
    /*background: #F6F7FC;*/
    width: 100%;
    /*padding-bottom: 40px;*/
}

.edition_content {
    width: 1200px;
    margin: auto;
    padding: 20px 0 20px 0;
}

.edition_content .list_win {
    width: 25%;
    margin-bottom: 20px;
    float: left;
}

.edition_content_list {
    display: block;
    width: 100%;
    position: relative;
    margin: auto;
    transition: all 0.2s ease-in-out;
}

.edition_content_list i {
    display: block;
    width: 118px;
    height: 118px;
    /*border-radius: 50%;
	border: 2px solid #4385F8;*/
    margin: auto;
    position: relative;
    background: url(../images/edition.png) no-repeat;
}

.wx_edition .edition_content_list i {
    background: url(../images/wx-edition.png) no-repeat;
}

.edition_content_list .text {
    /*width: 100%;*/
    /*height: 230px;*/
    padding: 30px 10px 0 10px;
}

.edition_content_list .text p {
    font-size: 19px;
    line-height: 50px;
    display: block;
    /*margin-top: 12px;*/
    color: #4a4a4a;
    text-align: center;
    font-weight: bold;
}

.edition_content_list .text span {
    display: block;
    text-align: center;
    color: #828282;
    font-size: 15px;
    line-height: 45px;
}

/*WeTouch平台特点*/

.trait_content {
    width: 1200px;
    margin: auto;
    padding: 20px 0 20px 0;
}

.trait_content .title {
    font-size: 16px;
    color: #5a5a5a;
    text-indent: 2em;
    line-height: 40px;
    text-align: left;
    display: block;
    padding: 10px 0;
}

.example_list {
    padding: 20px 0;
    position: relative;
    width: 50%;
    float: left;
}

.example_list i {
    display: block;
    width: 90px;
    height: 90px;
    margin: auto;
    position: relative;
    background: url(../images/edition.png) no-repeat;
    background-size: 100%;
    /*float: left;*/
    cursor: pointer;
    /*position: absolute;
  top: 50%;
  left: 0;
  margin-top: -45px;*/
}

.example_list img {
    display: block;
    width: 90px;
    margin: auto;
}

.example_list .list_text {
    /*float: left;*/
    /*padding-left: 130px;*/
    width: 70%;
    margin: 0 auto;
}

.example_list p {
    font-size: 19px;
    line-height: 50px;
    display: block;
    color: #4a4a4a;
    text-align: center;
    font-weight: bold;
}

.example_list span {
    display: block;
    text-align: left;
    color: #828282;
    font-size: 15px;
    line-height: 25px;
    /*text-indent: 0;*/
}

/*演示*/

.demonstration_wrap {
    background: #f6f8fa;
    width: 100%;
}

.demonstration_content {
    width: 1200px;
    margin: auto;
    padding: 30px 0;
}

.demonstration_content ul {
    padding: 30px 0;
}

.demonstration_content ul li {
    float: left;
    width: 33.33%;
}

.demonstration_content ul li a {
    display: block;
    width: 300px;
    /*height: 100px;*/
    margin: 0 auto;
    /*background: url('http://images.uileader.com/20180703/f99f5a95-4fcb-45a2-a50b-7114e7288cb2.png');*/
    /*background-size: 100%;*/
}

.demonstration_content ul li a img {
    display: block;
    width: 100%;
    border-radius: 5px;
}

.demonstration_content ul li p {
    font-size: 19px;
    line-height: 50px;
    display: block;
    color: #4a4a4a;
    text-align: center;
    font-weight: bold;
}

/*示例*/

.explain {
    width: 1200px;
    margin: 0 auto;
}

.explain p {
    text-indent: 2em;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 40px;
}

.explain p em {
    color: #2781da;
    font-size: 16px;
}

.example_content {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.example_content .title {
    text-align: center;
    font-size: 30px;
    line-height: 70px;
    color: #4a4a4a;
    margin-bottom: 30px;
}

.example_content .left,
.example_content .right {
    width: 50%;
    /*height: 575px;*/
    float: left;
}

.example_content .right {
    *width: auto;
}

.example_content .left img {
    width: 100%;
}

.example_content .right {
    padding-left: 60px;
}

.example_content .right .tiptop {
    height: 100%;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}

.example_content .right img,
.example_content .right .qr_code_wrap {
    vertical-align: middle;
}

.example_content .right .qr_code_wrap {
    display: inline-block;
    width: 80%;
}

.example_content .right .qr_code_wrap .code_touchui {
    float: left;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    *padding-right: 30px;
}

.example_content .right .qr_code_wrap .code_wx {
    padding-left: 30px;
}

.example_content .right .qr_code_wrap .code_touchui img {
    width: 100px;
    /*margin-top: 40px;*/
}

.example_content .right .qr_code_wrap .code_touchui .case_down {
    display: inline-block;
    padding: 0px 15px;
    text-align: center;
    font-size: 14px;
    color: #657180;
    border: 1px solid #d7dde4;
    border-radius: 5px;
    transition: all 0.2s linear;
    line-height: 35px;
    margin-top: 10px;
}

.example_content .right .qr_code_wrap .code_touchui .case_down:hover {
    border-color: #2da9fa;
    color: #2da9fa;
}

.example_content .right .qr_code_wrap .code_title {
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    color: #4a4a4a;
    display: block;
}

.example_content .right .qr_code_wrap p,
.example_content .right .qr_code_wrap a {
    text-align: center;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 40px;
}

.example_content .right .qr_code_wrap a {
    color: #2781da;
}

.example_wx .left {
    text-align: center;
}

.example_wx .left img {
    width: 280px;
}

.example_line {
    height: 1px;
    border-bottom: 1px solid #f2f2f2;
}

.case_content .case_name {
    font-size: 18px;
    color: #3a3939;
    margin-bottom: 20px;
    font-weight: 700;
}

.case_content .case_intro {
    font-size: 14px;
    color: #5a5a5a;
    margin-bottom: 30px;
    line-height: 20px;
}

.case_content .case_switch_title {
    padding: 20px 0 30px 0;
    font-size: 16px;
    color: #5a5a5a;
}

.case_content .case_switch_content {
    padding: 40px;
    padding-bottom: 0;
    background: #f1f1f1;
}

/*.case_content .case_switch_content >img{
	float: left;
	margin-right: 20px;
  width: 180px;
}*/

.case_content .case_switch_content .case_swiper {
    width: 950px;
    float: left;
    padding-bottom: 40px;
}

.case_content .case_switch_content .case_swiper img {
    width: 23%;
    margin-right: 1.7%;
    *margin-right: 1.5%;
}

.case_content .case_switch_content .switch_code {
    float: right;
    width: 120px;
    padding-top: 135px;
}

.case_content .case_switch_content .switch_code2 {
    padding-top: 0;
}

.case_content .case_switch_content .switch_code img {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.case_content .case_switch_content .switch_code span {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #5a5a5a;
    padding: 10px 0;
}

.case_content .case_switch_content .switch_code a {
    color: #39f;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    display: block;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    opacity: 1;
    background-color: #ccc;
    border-radius: 0;
}

.swiper-pagination-bullet-active {
    background-color: #3c90ff !important;
}

/*文档*/

/*����������*/

.developer_center_win {
    width: 1200px;
    margin: auto;
    /*border: 1px solid red;*/
    padding: 30px 0;
}

.developer_center_win ul.media {
    padding: 0 10px;
}

.developer_center_win ul li {
    width: 40%;
    margin: 0 auto;
    border: 1px solid #e7e7eb;
    /*float: left;*/
    margin-bottom: 20px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    /*height: 356px;*/
    padding: 20px 0;
    transition: all 0.25s ease-out;
    cursor: pointer;
}

.developer_center_win ul li a {
    display: block;
    width: 100%;
}

.developer_center_win ul li:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}

.developer_center_win ul li img {
    display: block;
    /*border: 1xp solid red;*/
    /*margin: auto;*/
    margin: 0px 20px;
    float: left;
}

.developer_center_win ul li p {
    text-align: center;
    line-height: 86px;
    font-size: 24px;
    color: #222222;
}

.developer_center_win ul li span {
    display: block;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #7d7c7c;
    padding: 10px 70px;
}

.developer_center_win ul li .look_win {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    background: #fff\9;
    filter: Alpha(opacity=80);
    text-align: center;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    display: none\9;
}

.developer_center_win ul li .look_win a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    text-align: center !important;
    padding: 5px 15px;
    background: #4385f8;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    float: right;
    margin-right: 20px;
    /*position: absolute;
	top: 50%;
	left: 50%;
	margin: -19px 0 0 -43px;*/
}

.developer_center_win ul li .look_win p {
    display: block;
    width: 100%;
    color: #222222;
    font-size: 16px;
    text-align: center !important;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    padding: 0 !important;
}

.developer_center_win ul li:hover .look_win {
    opacity: 1;
    display: block\9;
}

.developer_center_win ul li.height_auto {
    /*height: 354px;*/
}

.developer_center_win ul li.center {
    /*margin: 0 2.75% 2.75% 2.75%;
	*margin: 0 2.50% 2.50% 2.50%;*/
}

.developer_center_win ul li.media {
    /*float: none;*/
    padding: 20px 0;
    width: 100%;
    margin: 0 0 20px 0;
    height: auto !important;
}

.developer_center_win ul li.media img {
    float: left;
    margin: 10px 55px;
}

.developer_center_win ul li.media p,
.developer_center_win ul li.media span,
.developer_center_win ul li.active span {
    text-align: left;
    padding-left: 196px;
}

.developer_center_win ul li.min_media img {
    float: none;
    margin: 10px auto;
}

.developer_center_win ul li.min_media p,
.developer_center_win ul li.min_media span {
    text-align: center;
    padding: 10px;
}

/*价格*/

.product_price_content {
    width: 1200px;
    margin: auto;
}

.price_title span {
    display: block;
    padding: 60px 0;
    font-size: 34px;
    text-align: center;
    letter-spacing: 4px;
    color: #464646;
}

.price_describe {
    padding: 0 10px;
}

.price_describe p {
    padding-bottom: 50px;
}

.price_describe span {
    color: #525e71;
    font-size: 14px;
    line-height: 50px;
    display: block;
    text-align: left;
    text-indent: 2em;
}

.price_describe span.title2 {
    font-weight: bold;
    font-size: 16px;
}

.price_describe span a {
    color: #525e71;
    font-size: 14px;
    text-decoration: underline;
}

.price_describe img {
    display: block;
    margin: 0 auto;
}

.price_edition_wrap {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.price_edition {
    display: inline-block;
    margin: 0 auto;
}

.price_edition > li {
    float: left;
    background: #ffffff;
    height: 100%;
    position: relative;
    border-radius: 5px;
    width: 300px;
    overflow: hidden;
    box-shadow: 0 6px 50px 0 rgba(0, 0, 0, 0.1);
}

.price_edition li .edition_header {
    height: 170px;
    text-align: center;
    color: #464646;
    border-bottom: 1px solid #e6e6e6;
    width: 90%;
    margin: 0 auto;
}

.price_edition li .edition_header p {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 34px;
    line-height: 34px;
    letter-spacing: 5px;
}

.price_edition li .edition_header span {
    line-height: 16px;
    font-weight: 400;
    font-size: 16px;
}

.price_edition li .edition_header span i {
    font-size: 24px;
    color: #ffb341;
}

.edition_header2 span {
    display: block;
    text-align: center;
}

.edition_header2 span.year_money {
    font-size: 14px !important;
    line-height: 40px !important;
}

.price_edition li .edition_header p.little_tip {
    font-size: 12px;
    padding: 0;
    letter-spacing: 0px;
    line-height: 20px;
}

.price_edition li .edition_header p.little_tip {
    /*color: #000;*/
}

.price_edition li .edition_header2 .title {
    /*padding-top: 20px;*/
}

.price_edition_content ul {
    padding-top: 25px;
    padding-left: 40px;
    padding-right: 10px;
    min-height: 400px;
    margin: 0 auto;
}

.price_edition_content ul li {
    line-height: 30px;
    font-size: 12px;
    color: #919192;
    text-align: left;
}

.price_edition_content ul li.title {
    font-size: 14px;
    color: #525e71;
    list-style: disc;
}

.price_edition_content ul li.title2 {
    margin-top: 5px;
}

.price_edition_operation {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 25px;
}

.price_edition_operation td {
    padding: 0px 10px;
}

.price_edition_operation a {
    display: block;
    width: 124px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.price_edition_operation a.trial {
    color: #fff;
    background-color: #4385f8;
}

.price_edition_operation a.trial:hover {
    background-color: #197afc;
}

.opening_soon {
    font-size: 16px;
    color: #999;
}

/*vip技术支持*/

.vip_privileges {
    width: 100%;
    margin: auto;
    border: 1px solid #d7d7d7;
    border-bottom: 0;
    border-left: 0;
}

.vip_privileges td {
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    color: #464646;
    vertical-align: middle;
}

/*支付页面*/

.payment_win {
    width: 1200px;
    margin: auto;
    padding: 140px 10px;
}

.payment_method {
    background-color: #fff;
    padding: 15px 30px;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #666;
    border-radius: 5px;
}

.payment_method:hover {
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.24);
}

.payment_method .title_name {
    display: block;
    font-size: 18px;
    color: #666666;
    line-height: 30px;
    height: 40px;
    border-bottom: 1px dashed #ccc;
}

.payment_method ul {
    padding: 20px 0;
}

.payment_method ul li {
    float: left;
    border: 1px solid #efefef;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 20px;
    padding: 10px 20px;
    width: 400px;
    min-height: 100px;
}

.payment_method ul li p {
    line-height: 39px;
    color: #323232;
}

.payment_method ul li p span {
    display: inline-block;
    width: 80px;
    text-align: right;
    color: #999999;
}

.payment_method ul li.zhifubao img,
.payment_method ul li.yinghang img {
    display: block;
    float: left;
    width: 100px;
    margin-top: 15px;
}

.payment_method ul li.yinghang {
    width: 600px;
}

.payment_method ul li.yinghang img {
    width: 200px;
    margin-top: 18px;
}

.payment_method ul li.yinghang p {
    line-height: 26px;
}

.payment_method .payment_notes {
    color: #ea8744;
    line-height: 50px;
}

/*底部*/

.touch_footer_wrap {
    background-color: #34383b;
}

.touch_footer {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}

.footer_logo {
    display: block;
    width: 170px;
    height: 70px;
    /*border: 1px solid red;*/
    float: left;
    background: url(../images/footer_logo.png) no-repeat center center;
    margin-right: 110px;
}

.touch_footer ul {
    float: left;
}

.touch_footer ul li {
    float: left;
}

.touch_footer ul li a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 70px;
}

.touch_footer ul li i {
    display: block;
    line-height: 70px;
    color: #fff;
    padding: 0 20px;
}

.footer_qr,
.contact_way {
    float: right;
    /*width: 80px;*/
    /*height: 80px;*/
    /*border: 1px solid red;*/
    /*background: url(../img/weixin_frank.png) no-repeat center center;
	background-size: 100%;*/
}

.contact_way {
    padding-right: 30px;
    padding-top: 20px;
}

.contact_way p {
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: 30px;
}

.footer_qr img {
    width: 80px;
    display: block;
    margin: 0 auto;
}

.footer_qr p {
    font-size: 14px;
    color: #ffc821;
    line-height: 30px;
    /*text-align: center;*/
    white-space: nowrap;
}

.footer_copy {
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 30px 0 20px 0;
}

/*返回顶部*/

.back_top {
    width: 60px;
    height: 60px;
    /*border: 1px solid red;*/
    position: fixed;
    bottom: 205px;
    right: 50px;
    border-radius: 5px;
    background: #34383b url(../images/back_top3.png) no-repeat center center;
    background-size: 30px;
    cursor: pointer;
    display: none;
    /*opacity: 0;
	transition: all .3s ease-in;*/
}
.fl {
    float: left;
} /*footer*/
.fl {
    float: left;
}
.footer {
    width: 100%;
    background: #34383b;
    overflow: hidden;
}
.footer .footer_main {
    padding: 45px 0 20px;
    height: auto;
    overflow: hidden;
    color: #ffffff;
    position: relative;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
.footer .footer_main ul li {
    float: left;
    list-style-type: none;
}
.footer .footer_main .download {
    margin-left: 25px;
}
.footer .footer_main .download a {
    display: block;
    font-size: 16px;
}
.footer .footer_main .contact {
    display: flex;
    /* justify-items: center; */
    justify-content: center;
}
.footer .footer_main .contact .tel {
    background: url(../images/icon_tel.png) no-repeat;
    height: 40px;
    overflow: hidden;
    padding-left: 55px;
    line-height: 40px;
    margin-top: 15px;
    color: #ffffff;
    background-size: 35px;
    font-size: 16px;
    margin: 0 100px;
}
.footer .footer_main .contact a {
    color: #ffffff;
}
.footer .footer_main .contact a:visited {
    color: #ffffff;
}
.footer .footer_main .contact .email {
    background: url(../images/icon_email.png) no-repeat;
    height: 40px;
    overflow: hidden;
    padding-left: 55px;
    line-height: 40px;
    margin-top: 15px;
    background-size: 35px;
    font-size: 16px;
    margin: 0 100px;
}

.footer .footer_main .about .cz {
    background: url(../images/icon_cz.png) no-repeat;
    height: 40px;
    overflow: hidden;
    padding-left: 55px;
    line-height: 40px;
    margin-top: 15px;
    background-size: 35px;
    font-size: 16px;
    margin: 0 100px;
}
.footer .footer_main .contact .dz {
    font-size: 16px;
    background: url(../images/icon_dz.png) no-repeat;
    height: 40px;
    overflow: hidden;
    padding-left: 55px;
    line-height: 40px;
    margin-top: 15px;
    background-size: 35px;
    margin: 0 100px;
}
.banq {
    padding-bottom: 10px;
}
.banq a {
    color: #ccc;
    font-size: 16px;
    text-align: center;
    display: block;
}
.ysxy_box {
    margin: auto;
    text-align: center;
    padding: 20px ;
  
}
.ysxy_box a {
    color: #eea73e;
    border: 1px solid #eea73e;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 40px;
    font-size: 16px;
}