@charset "utf-8";
*{transition: all .7s ease 0s;}
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: 'Microsoft Yahei';
	font-size: 14px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	min-width:1408px;
	margin:0 auto;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

input { outline:none; }

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}


ul, ol, li {
	list-style-type: none;
}

a {
	color: #333;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

a:active {
	text-decoration: none;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clear {
	clear: both;
}

.text-center{
	text-align:center;
	}
	
.fl {
	float: left;
}

.fr {
	float: right;
}

.container {
	width: 1408px;
	margin: 0 auto;
}

#header{width: 100%;
    height: 76px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid #E3E3E3;
    background: #fff;
	padding-top: 23px;
	}

#header .header_rbox{width:940px;}

#gNavi {
    margin-top: 16px;
}

#gNavi > li {
	float:left;
    margin-right: 26px;
	position:relative;
	padding:0 5px;
}

#gNavi > li > a {
    height: 58px;
	color: #262626;
	display: block;
    position: relative;
	font-size: 16px;
    overflow: hidden;
}

#gNavi > li i{ position:absolute;top:58px;left:0;width:100%;height:2px; background-color:#FFF;transition:all 0.4s ease 0s;}
#gNavi > li i.menuon{background-color:rgb(25, 142, 217);transition:all 0.4s ease 0s;}
@keyframes menuHover{
	from{
		transform:scaleX(0.5);
		}
	to{
		transform:scaleX(1);
		}
	}
#gNavi > li i.menuhover{background-color:#FFF;transition:all 0.4s ease 0s;}
#gNavi > li:hover .menuhover{background-color:rgb(25, 142, 217);
	transform:scaleX(1);
	animation:0.3s menuHover;
	transition:all 0.4s ease 0s;
	}
#gNavi > li .menu_new{
	position:absolute;
	top:-15px;
	right:0;
	width:20px;
	}

/*二级菜单*/
.drop_nav{ position:absolute;
	top:60px;
	left:-33px;
	width:140px;
	background-color:#FFF;
	text-align:center;
	display:none;
	}
.drop_nav > a{ display:block;
	height:50px;
	line-height:50px;
	font-size:16px;
	}
.drop_nav > a:hover{ background-color:#198ed9;color:#fff;}

#gNavi > li:hover .drop_nav{display:block;}

#header .header_phone{ position:relative;
	margin-top:6px;
	}

#header .header_phone:before {
    width: 1px;
    height: 35px;
    position: absolute;
    left: -31px;
    top: 2px;
    background: #DFDFDF;
    content: "";
}

#header .header_phone .tel_num {
    margin-top: -8px;
	color: #000;
    font-size: 14px;
    line-height: 1.2;
    text-align: right;
}

#header .header_phone .tel_num span {
    display: block;
    font-size: 24px;
    font-weight: bold;
}

#header .header_phone .tel_icon{width: 40px;
	height:40px;
	border-radius: 20px;
    background-color: rgb(25, 142, 217);
	margin-left: 18px;
	}

#header .header_phone .tel_icon img{width:40px;height:40px;padding:5px;}

/*轮播图*/
#banner{margin-top:100px;}
.red{color: #d80e38;}
.pink{color: #fe8daf;}
.w1200{width: 1400px;height: auto;margin: 0 auto;position: relative;}
.slider{width: 100%;height: 600px;overflow: hidden;}
.slider .w1200{position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 100%;z-index: 3;}

.slider ul li{width: 100%;height: auto;position: relative;}

.slider ul li:after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}

.slider ul li .slider-txt{position: absolute;top: 30%;left: 100px;z-index: 5;color: #FFFFFF;width: 700px;}

.slider ul li .slider-txt .title{font-size: 62px;letter-spacing: 2px;padding-bottom: 20px;}

.slider ul li .slider-txt .sub-title{font-size: 22px;color: #FFFFFF;padding-bottom: 70px;}

.slider ul li .slider-txt a.btn{display: inline-block;padding: 10px 30px;background: rgb(25, 142, 217);font-size: 20px;border-radius: 60px;transition: all .3s;cursor: pointer;color:#FFF;}

.slider ul li .slider-txt a.btn:hover{transition: all .3s;padding: 12px 35px;}

.slider .arrow{position: absolute;width: 1400px;height: 58px;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;}

.slider .swiper-button-next{background-image: url(/template/pc/skin/images/arrow-right.png);width: 30px;height: 58px;background-size:30px 58px;right: -30px;}

.slider .swiper-button-prev{background-image: url(/template/pc/skin/images/arrow-left.png);width: 30px;height: 58px;background-size:30px 58px;left: -30px;}

/*数字*/

.index_data{width: 100%;
	height: 185px;
	}
.index_data .w1200 ul{display: flex;
	justify-content: space-between;
	width: 100%;
	position: absolute;
	z-index: 5;
	top: -50px;
	}
.index_data .w1200 ul li{width: 320px;
	height: auto;
	background: #FFFFFF;
	border-radius: 15px;
	text-align: center;
	padding: 30px 50px;
	box-shadow: 0px 0px 20px rgba(200,200,200,.5);
	transition: all .3s;
	position:relative;
	}
.index_data .w1200 ul li:hover{transition: all .3s;
	transform: translateY(-10px);
	}
.index_data .w1200 ul li .data_text{
	text-align:center;
	line-height:80px;
	height:80px;
	}
.index_data .w1200 ul li .data_text span.data_number{font-size: 60px;
	color: #198ed9;
	font-weight:700;
	}
.index_data .w1200 ul li .data_text span.data_icon{font-size: 50px;
	color: #198ed9;
	}
.index_data .w1200 ul li p.data_title{font-size: 20px;
	color: #333;
	line-height:40px;
	height:40px;
	}
	
/*欧洲杯买球安全的平台项目*/
.services{background-color:#f9fafc;padding-bottom:80px;}
.services .ser_title{padding:50px 0; text-align:center;}
.services .ser_title h2{font-weight: 700;
    color: #222;
	font-size:40px;
	line-height:80px;
	}
.services .ser_title p{font-size: 15px;
    color: #333;
	line-height:30px;
	}

.services .ser_title p em{color: #198ed9; font-style:normal;padding:0 2px;}
.services .ser_wrap{
	}
.services .ser_wrap ul{display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
	}
.services .ser_wrap ul li{
	}
.services .ser_wrap ul li .ser_con{text-align: center;
	background-color: #fff;
    position: relative;
    box-sizing: border-box;
    border: 2px solid #fff;
	width:320px;
	height:auto;
	padding:30px 0;
	}
.services .ser_wrap ul li .ser_con:hover{box-shadow: 2px 2px 7px rgba(70,70,70,.2);
    border-color: #0f3175;
	}
.services .ser_wrap ul li .ser_con img{}
.services .ser_wrap ul li .ser_con h5{font-size: 20px;
    color: #333;
    line-height: 2.7;
    padding-bottom: 10px;
	font-weight:700;
	}
.services .ser_wrap ul li .ser_con dl{display: inline-block;
    text-align: left;
	padding:0 15px 10px;
	}
.services .ser_wrap ul li .ser_con dl dd{line-height:30px;
    font-size: 15px;
	}
.services .ser_wrap ul li .ser_con dl dd i{color: #feba00;
    padding-right: 10px;
	}
.services .ser_wrap ul li .ser_con .ser_btns{padding:20px 0 10px;}
.services .ser_wrap ul li .ser_con .ser_btns .link_a{
	display: inline-block;
    box-sizing: border-box;
	padding:10px 25px;
	font-size: 14px;
    color: #333;
    background-color: #feba00;
	border: 1px solid #feba00;
	}
.services .ser_wrap ul li .ser_con .ser_btns .link_b{
	display: inline-block;
    box-sizing: border-box;
	padding:10px 25px;
	font-size: 14px;
    color: #333;
    background-color: #fff;
	border: 1px solid #feba00;
	}
	

/*网站建设案例*/
.case{background-color:#fff;margin:30px 0;}
.case .case_title{padding:50px 0; text-align:center;}
.case .case_title h2{font-weight: 700;
    color: #222;
	font-size:40px;
	line-height:80px;
	}
.case .case_title p{font-size: 15px;
    color: #333;
	line-height:30px;
	}

.case .case_title p em{color: #198ed9; font-style:normal;padding:0 2px;}
.case .case_wrap ul li{
	float:left;
	width:440px;
	margin-right:44px;
	margin-bottom:30px;
	}
.case .case_wrap ul li:nth-child(3n){margin-right:0;}
.case .case_wrap ul li .case_con{text-align: center;
	overflow: hidden;
	position: relative;
}
.case .case_wrap ul li .case_con:before{
	content:"";
	background: linear-gradient(to right, #6ac8fb , #198ed9);
	height: 100%;
	width: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.4s linear;
}
.case .case_wrap ul li .case_con:hover:before{ opacity: 1; }
.case .case_wrap ul li .case_con img{width: 100%;
	height: auto;
	transition: all 0.4s linear;
}
.case .case_wrap ul li .case_con:hover img{
	opacity: 0;
	transform: scale(3);
}
.case .case_wrap ul li .case_con .case_text{color: #fff;
	width: 100%;
	transform: translateY(-50%) scale(0);
	position: absolute;
	top: 50%;
	left: 0;
	transition: all 0.4s linear;}
.case .case_wrap ul li .case_con:hover .case_text{transform: translateY(-50%) scale(1); }
.case .case_wrap ul li .case_con .case_text h3{font-size: 25px;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0;}
.case .case_wrap ul li .case_con .case_text p{font-size: 16px;
	height:36px;
	line-height:36px;
	border:1px solid #fff;
	border-radius:10px;
	width:240px;
	margin:20px auto 0;
	}
.case .case_wrap ul li .case_title{padding: 25px 30px 20px 35px;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
	background-color:#FFF;
	overflow:hidden;
	}
.case .case_wrap ul li .case_title .case_title_l{ background-color:#FFF; overflow:hidden;}
.case .case_wrap ul li .case_title .case_title_l h3{font-size: 20px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	text-align:left;
	width:280px;
	}
.case .case_wrap ul li .case_title .case_title_l p{text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px;
    font-size: 12px;
    line-height: 24px;
    color: #bbbbbb;
	text-align:left;
	}
.case .case_wrap ul li .case_title .case_title_r{margin-top:10px;}
.case .case_wrap ul li .case_title .case_title_r img{padding-left: 20px;
    border-left: 1px solid #eeeeee;
	opacity:0.8;
	cursor:pointer;
	}
.case .case_wrap ul li .case_title .case_title_r img:hover{padding-left: 20px;
    border-left: 1px solid #eeeeee;
	opacity:1;
	}

/*合作伙伴*/
.partner{background-color:#f9fafc;padding-bottom:50px;margin-top:50px; overflow:hidden;}
.partner .par_title{padding:50px 0; text-align:center;}
.partner .par_title h2{font-weight: 700;
    color: #222;
	font-size:40px;
	line-height:80px;
	}
.partner .par_title p{font-size: 15px;
    color: #333;
	line-height:30px;
	}

.partner .par_title p em{color: #198ed9; font-style:normal;padding:0 2px;}
.partner .par_wrap{
	}
.partner .par_wrap ul li{ float:left; background-color:#FFF;width:220px;margin-right:17px;margin-bottom:15px;}
.partner .par_wrap ul li:nth-child(6n){margin-right:0;}
.partner .par_wrap ul li.par_list{ transition:all 0.4s ease 0s;}
.partner .par_wrap ul li.par_list:hover{transition:all 0.4s ease 0s;
	transform: translate(0px,-10px); 
	-ms-transform: translate(0px,-10px); /* IE 9 */ 
	-webkit-transform: translate(0px,-10px); /* Safari and Chrome */
	}
.partner .par_wrap ul li.par_list img{
	width:100%;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
	}
.partner .par_wrap ul li.par_list:hover img{-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);
	filter:gray;
	}

/*新闻动态*/
.news{background-color:#fff;padding-bottom:50px;margin-top:30px; overflow:hidden;}
.news .news_title{padding:50px 0; text-align:center;}
.news .news_title h2{font-weight: 700;
    color: #222;
	font-size:40px;
	line-height:80px;
	}
.news .news_title p{font-size: 15px;
    color: #333;
	line-height:30px;
	}

.news .news_title p em{color: #198ed9; font-style:normal;padding:0 2px;}
.tab-block {
	width: 1406px;
	height: 580px;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #e5e5e5
}
.tab-block.information-tab {
	height: 430px
}
.tab-block.information-tab .tabs {
	height: 380px
}
.tab-block .tab-buttons {
	width: 100%;
	height: 60px;
	background-color: #fafafa
}
.tab-block .tab-buttons .tab-button {
	width: 33.33%;
	float: left;
	height: 60px;
	text-align: center;
	font-size: 20px;
	color: #999;
	line-height: 60px;
	position: relative;
	cursor: pointer;
	background-color: #f2f2f3;
}
.tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #333
}
.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #198ed9;
}
.tab-block .tabs {
	width: 100%;
	height: 528px
}
.tab-block .tabs .tab-item {
	padding: 20px;
	display: none
}
.tab-block .tabs .tab-item.active {
	display: block
}
.information-tab .information-left {
	width: 500px;
	height: 340px;
	overflow: hidden;
	position: relative;
	float: left;
}

.information-tab .information-left img {
	width: 500px;
	height: 340px;
	transition: all .7s ease 0s;
}
.information-tab .information-left img:hover{transition-duration:0.5s;transform: scale(1.2);
	-webkit-transform: scale(1.2); /*Safari 和 Chrome*/
	-moz-transform: scale(1.2); /*Firefox*/
	-ms-transform: scale(1.2); /*IE9*/
	-o-transform: scale(1.2); /*Opera*/
	}
.information-tab .information-left .left-bottom {
	position: absolute;
	width:500px;
	bottom: 0;
	left: 0;
	height: 48px;
	line-height: 48px;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2;
	color: #fff;
	padding: 0 14px
}
.information-tab .information-left .left-bottom .article-title {
	font-size: 18px;
	width: 400px;
	float: left;
}
.information-tab .information-left .left-bottom .article-time {
	font-size: 14px;
	float: right;
}
.information-tab .information-right {
	width: 840px;
	height: 340px;
	float: right;
}
.information-tab .information-right .article-list {
	padding-top: 25px;
}
.information-tab .information-right .article-list .article-link {
	display: block;
	padding: 0 20px;
}
.information-tab .information-right .article-list .article-link .article-head span {
	display: inline-block;
	vertical-align: middle
}
.information-tab .information-right .article-list .article-number {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background-color: #999;
	font-size: 14px
}
.information-tab .information-right .article-list .article-title {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-left: 14px;
	width: 650px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.information-tab .information-right .article-list .article-time {
	float: right;
	font-size: 12px;
	color: #999;
	line-height: 20px
}
.information-tab .information-right .article-list .article-content {
	margin-top: 10px;
	padding-left: 44px;
	width: 750px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: none
}
.information-tab .information-right .article-list .article-content p {
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}
.information-tab .information-right .article-list:nth-of-type(1) .article-number, .information-tab .information-right .article-list:nth-of-type(2) .article-number, .information-tab .information-right .article-list:nth-of-type(3) .article-number {
	background-color: #333
}
.information-tab .information-right .article-list.current .article-link {
	background-color: #fafafc;
	padding: 20px;
}
.information-tab .information-right .article-list.current .article-number {
	background-color: #198ed9!important
}
.information-tab .information-right .article-list.current .article-title {
	color: #198ed9
}
.information-tab .information-right .article-list.current .article-content {
	display: block
}
.question-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background: url(/template/pc/skin/images/question-icon.png) center no-repeat;
	-ms-background-size: 16px 16px;
	background-size: 16px 16px;
}

/*获取欧洲杯买球安全的平台与报价*/
.offer{width: 100%;
    padding: 90px 0;
    background: url(/template/pc/skin/images/offer_bg.jpg) center center no-repeat fixed;
    background-size: cover;
    overflow: hidden;
	}
.offer .cell{width: 1388px;
    margin: 0 auto;
	}
.offer .cell .offer_title{font-size: 42px;
    color: #ffffff;
	}
.offer .cell .offer_title h3{}
.offer .cell .offer_title p{font-size: 32px;
    margin-top: 10px;
	}
.offer .cell .offer_list{margin-top: 70px;}
.offer .cell .offer_list .offer_list_l{}
.offer .cell .offer_list .offer_list_l .tit{font-size: 16px;
    color: #e8e8e8;
    margin-bottom: 16px;
	}
.offer .cell .offer_list .offer_list_l .txt{font-size: 20px;
    color: #ffffff;
    float: left;
    width: 380px;
    line-height: 46px;
    margin-right: 50px;
	}
.offer .cell .offer_list .offer_list_l .show{font-size: 16px;
    line-height: 48px;
    color: #e8e8e8;
    float: left;
    position: relative;
    padding-left: 16px;
    box-sizing: border-box;
    width: 240px;
    cursor: pointer;
    transition: all 0.6s ease;
	}
.offer .cell .offer_list .offer_list_l .show img{ display:inline-block;width:40px;padding-right:5px;}
.offer .cell .offer_list .offer_list_r{width: 520px;}
.offer .cell .offer_list .offer_list_r .tit{font-size: 16px;
    color: #ffffff;
    text-align: right;
    margin-bottom: 16px;
	}
.offer .cell .offer_list .offer_list_r .demand{}
.offer .cell .offer_list .offer_list_r .demand input{}
.offer .cell .offer_list .offer_list_r .demand .demand_text{display: block;
	width: 360px;
	height: 48px;
    font-size: 16px;
    color: #333;
    line-height: 48px;
	float: left;
    padding: 14px 10px;
    background-color: rgba(240,240,240,0.9);
    border: none;
	}
.offer .cell .offer_list .offer_list_r .demand .demand_submit{width: 160px;
    display: block;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    float: left;
    background-color: #ff4229;
    border: none;
    color: #fff;
    font-size: 16px;
    transition: all 0.6s ease;
	}

/*底部信息*/
.footer{overflow: hidden;
    clear: both;
    position: relative;
    z-index: 5;
    padding-top: 3%;
    background-color: #081736;
    background-image: url(/template/pc/skin/images/footer_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: cover;
	}
.footer .d1{float: left;width:200px;}
.footer .d1 dt{font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
	font-weight:700;
	}
.footer .d1 dd{margin-bottom: 5px;color: #eee;font-size: 14px;margin-bottom:5px;}
.footer .d2{float: left;width:300px;}
.footer .d2 dt{font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
	font-weight:700;
	}
.footer .d2 dd{color: #eee;font-size: 14px;margin-bottom:5px;}
.footer .d3{float: left;width:350px;}
.footer .d3 dt{font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
	font-weight:700;
	}
.footer .d3 dd{width: 25%;float: left;color: #eee;font-size: 14px;margin-bottom:5px;}
.footer .ewm{float: left;width:270px; margin-top:32px;text-align:center;color: #eee;font-size:14px;}
.footer .ewm img{width:100px;padding-bottom:10px; display:block;margin:0 auto;}
.footer .ftell{float: right;width:280px; text-align:right;}
.footer .ftell h3{font-size: 16px;
    color: #eee;
    margin-bottom: 5px;
	font-weight:700;
	}
.footer .ftell em{font-size: 50px;
    font-family: Arial;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    color: #eee;
    line-height: 36px;
	padding:20px 0 10px;
	display:block;
	}
.footer .ftell p{color: #eee; line-height:24px;}
.footer .copyright{color: #eee;
    line-height: 24px;
    padding: 10px 0;
    margin-top: 30px;
    border-top: 1px solid #757e8d;
	}
.footer .copyright .yq_link{overflow: hidden;
    padding-bottom: 5px;
	}
.footer .copyright .yq_link h5{font-weight: 400;
    color: #eee;
    float: left;
    font-size: 14px;
    padding-right: 9px;
    line-height: 23px;
	}
.footer .copyright .yq_link h5 img{width:30px;padding-right:10px;padding-bottom:5px;}
.footer .copyright .yq_link .yq_link_list{overflow: hidden;}
.footer .copyright .yq_link .yq_link_list a{display: inline-block;
    color: #eee;
    margin: 0 15px;
	}
.footer .copyright .copy_con{}
.footer .copyright .copy_con a{display: inline-block;
    color: #eee;
    }

/*侧边客服*/
.side{ width:80px; height:204px; position:fixed; z-index:9999; top:35%; right:0;}
.side li{ height:80px; width:auto; float:right; margin-bottom:1px; position:relative;}
.sidebox{ width: 80px; height: 80px; background-color:rgba(25,142,217,0.7); padding-top: 15px; float: left; overflow: hidden; line-height: 30px; font-size: 14px; text-align: center; color: #fff;line-height:36px;}
.sidebox img{ width:26px; height:26px; margin: auto; display:block;}
.side li p{ display:none; width:120px; position:absolute; right:80px; bottom:0; background-color:rgba(25,142,217,0.7); padding:10px;}
.side li p img{ width:100%; display:block;}
.side li:hover p{ display:block;}

/*关于我们*/
.solutions_banner{ overflow: hidden;
    position: relative;
	margin-top:100px;
	}
.solutions_banner img{display: block;
    width: 100%;}
.solutions_banner .txts{width: 1408px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
	}
.solutions_banner .txts h1{font-weight: normal;
    margin-bottom: 2%;
    padding-bottom: 2%;
    background: url(/template/pc/skin/images/bgs3.png) left bottom no-repeat;
    font-size: 48px;
    color: #fff;
	}
.solutions_banner .txts p{color: #fff;
    font-size: 24px;
	}
.aboutPage{background: #f5f5f5; overflow:hidden;}
.aboutPage .scheme{width: 1408px;margin:0 auto;padding:60px 0;}
.aboutPage .scheme .left{width: 50%;
    float: left;
    padding-right: 100px;
    box-sizing: border-box;
	}
.aboutPage .scheme .left .txt1{line-height: 30px;
    font-size: 24px;
    color: #666666;
	}
.aboutPage .scheme .left .txt2{line-height: 60px;
    font-size: 48px;
    color: #000000;
    margin-top: 30px;
	}
.aboutPage .scheme .left a.btn{width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: url(/template/pc/skin/images/scheme_btn.png) no-repeat right 44px center #333333;
    display: block;
    font-size: 20px;
    color: #fff;
    text-indent: 44px;
    text-align: left;
    margin-top: 120px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
	}
.aboutPage .scheme .left a.btn:hover{background-color: #198ed9;
	background-position: right 32px center;
	}
.aboutPage .scheme .text{width: 50%;
    float: right;
    line-height: 36px;
    font-size: 18px;
    color: #666666;
    text-align: justify;
	}
.aboutPage .scheme .text p{font-size: 18px;
    color: #666666;
	padding-bottom:25px;
	}
.scheme:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
}

.strengths{background: #fff; overflow:hidden;margin:60px 0;}
.strengths .str_title{ text-align:center;margin-bottom: 50px;}
.strengths .str_title h2{font-size: 38px;font-weight:700;margin-bottom: 10px;}
.strengths .str_title p{font-size: 16px;color:#666;}
.strengths ul{}
.strengths ul li{font-size: 14px;
    width: 450px;
    float: left;
    margin-bottom: 30px;
    border: 1px solid #eaeaea;
    margin-right: 29px;
    padding: 15px 20px 20px 20px;
	}
.strengths ul li:nth-child(3n){margin-right:0;}
.strengths ul li span{font-size: 25px;
    line-height: 50px;
	font-weight:700;
	}
.strengths ul li:hover{color: #198ed9;
	-webkit-box-shadow:0 0 30px #eeeeee;  
	-moz-box-shadow:0 0 30px #eeeeee;  
	box-shadow:0 0 30px #eeeeee;  
	z-index:9999;
	}
.strengths ul li:hover span{color: #198ed9;}

.choose{background: #fff; overflow:hidden;margin:60px 0 0;}
.choose .choose_title{ text-align:center;margin-bottom: 50px;}
.choose .choose_title h2{font-size: 38px;font-weight:700;margin-bottom: 10px;}
.choose .choose_title p{font-size: 16px;color:#666;}
.compare{background:#f4f4f4;padding:40px 0;}
.compare_important{width: 620px;
    height: 50px;
    line-height: 50px;
	margin:50px auto 20px;
	text-align:center;
	background:#333333;
	}
.compare_important h2{font-size: 20px;
    color: #fff;
	}
.auto-box {
	width: 100%;
	height: auto;
	padding: 30px 0 0;
	background: #fff
}
.main-box {
	max-width: 1200px;
	height: auto;
	margin: 0 auto
}
.index-tit {
	padding: 40px 0;
	text-align: center
}
.index-tit h1 {
	font-size: 30px;
	color: #363f45;
	font-weight: normal
}
.index-tit p {
	font-size: 20px;
	color: #abb0b4;
	padding-top: 15px
}
.index-tserver {
	width: 100%;
	background:url(/template/pc/skin/images/360server-line.png) no-repeat center 125px;
	box-sizing: border-box;
	text-align: center;
	padding: 0 2.6%
}
.index-tserver li {
	width: 24.8%;
	min-width: 162px;
	height: 162px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 106px;
	font-size: 14px;
	color: #656d73;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	margin-left: -0.1%
}
.index-tserver li.tserver-list1 {
	background: url(/template/pc/skin/images/360server-icon1.png) no-repeat center top
}
.index-tserver li.tserver-list2 {
	background: url(/template/pc/skin/images/360server-icon2.png) no-repeat center top
}
.index-tserver li.tserver-list3 {
	background: url(/template/pc/skin/images/360server-icon3.png) no-repeat center top
}
.index-tserver li.tserver-list4 {
	background: url(/template/pc/skin/images/360server-icon4.png) no-repeat center top
}
.index-tserver li.tserver-list5 {
	background: url(/template/pc/skin/images/360server-icon5.png) no-repeat center top
}
.index-tserver li.tserver-list6 {
	background: url(/template/pc/skin/images/360server-icon6.png) no-repeat center top
}
.index-tserver li.tserver-list7 {
	background: url(/template/pc/skin/images/360server-icon7.png) no-repeat center top
}
.index-tserver li p {
	width: 162px;
	height: 162px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -81px;
	border-radius: 81px;
	padding: 40px 30px;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	background: linear-gradient(111deg, #04bde4, #1067fe);
	display: none
}
.index-tserver li p a {
	color: #fff
}
.index-tserver li p.animated {
	animation-duration: .5s;
	animation-fill-mode: both
}
.index-tserver li:hover p {
	display: block
}
.index-tserver-ad {
	width: 100%;
	margin-top: 60px;
	background: #f3f3f3;
	text-align: center;
	padding: 40px 0
}
.index-tserver-ad li {
	display: inline-block;
	color: #abb0b4;
	font-size: 16px;
	padding: 0 3%
}
.index-tserver-ad li img {
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px
}
.index-tserver-ad li+li {
	border-left: 1px solid #e2e3e4
}
.zoomin {
	animation-name: zoomin
}
@keyframes zoomin {
0% {
opacity:0;
transform:scale(.3)
}
50% {
opacity:1
}
}

/*联系我们*/
.contact{background: #fff;margin-top:60px;}
.contact .contact_title h2{text-align:center;
	height:85px;
	line-height:85px;
	font-size:36px;
	color:#111111;
	font-weight:bold;
	}
.contact ul{padding-top:50px;padding-bottom:60px; overflow:hidden;}
.contact ul li{float:left;
	width:322px;
	box-shadow: 0px 0px 5px #ddd;
	padding:40px;
	margin-right:15px;
	margin-left:15px;
	text-align:center;
	height:300px;
	}
.contact ul li:last-child{margin-right:0;}
.contact ul li .contact_img{}
.contact ul li .contact_img img{ display:block;width:80px;margin:0 auto;}
.contact ul li h4{margin-top: 26px;
    font-size: 22px;
	font-weight: bold;
	}
.contact ul li p{line-height: 26px;
    color: #444;
    margin-top: 20px;
    letter-spacing: 1px;
	font-size: 15px;
	}
.contact ul li:hover{box-shadow: 0px 0px 20px #ddd;}
.contact ul li:hover h4{font-size: 24px;}
.contact ul li:hover p{font-size: 16px;}
.contact ul li:hover .contact_img img{width:90px;}

/*地图*/
.map {
	width: 100%;
	height: 600px;
	}

.map_con {
	width: 100%;
	height: 100%;
	}
	
.ask{background: #fff;margin-top:60px; margin-bottom:60px;overflow:hidden;}
.ask h3{font-size:30px; text-align:center;margin-bottom:20px;}
.ask a.bottomlx{display: block;
    font-size: 14px;
    text-align: center;
    width: 350px;
    margin: 0px auto;
    font-size: 22px;
    color: #ffffff;
    background-color: #151515;
    line-height: 57px;
    text-decoration: none;
	}
.ask a.bottomlx:hover{ background-color:#198ed9;}

/*新闻资讯*/
.xinwen{background: #f5f5f5;
    overflow: hidden;
	}
.xinwen .xinwen_nav{ text-align:center;margin:60px auto;}
.xinwen .xinwen_nav a{height: 50px;
    line-height: 50px;
    color: #000000;
    font-size: 16px;
    background: #fff;
	padding:16px 50px;
	margin-right: 2px;
	transition: all 0.3s;
	}
.xinwen .xinwen_nav a:hover , .xinwen .xinwen_nav a.active{ background:#198ed9; color:#fff;}
.xinwen ul{}
.xinwen ul li{float: left;
    width: 450px;
    overflow: hidden;
    margin-right: 29px;
    background: #fff;
    transition: all 0.5s;
    margin-bottom: 29px;
	padding:30px;
	}
.xinwen ul li:nth-child(3n){margin-right: 0;}
.xinwen ul li .txts{}
.xinwen ul li .txts h2{color: #000000;
    font-size: 18px;
    font-weight: normal;
    height: 48px;
    line-height: 48px;
    transition: all 0.3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	}
.xinwen ul li .txts p{font-size: 16px;
    color: #666666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    transition: all 0.3s;
	margin-bottom:30px;
	}
.xinwen ul li .txts .dates{margin-top: 16px;
    padding-top: 24px;
    border-top: 1px solid #f5f5f5;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    background: url(/template/pc/skin/images/icon_xinwen_link.png) right 50px no-repeat;
    transition: all 0.3s;
	}
.xinwen ul li .txts .dates span{display: block;
    color: #000000;
    font-size: 48px;
    line-height: 46px;
    height: 46px;
    transition: all 0.3s;
    margin-bottom: 2px;
	}
.xinwen ul li:hover .txts .dates{background:url(/template/pc/skin/images/icon_xinwen_link_on.png) right 50px no-repeat; color:#fff; border-top:1px solid #f2f2f2;}
.xinwen ul li:hover{
	-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); 
	box-shadow: 0 5px 25px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
	background:#198ed9;
	}
.xinwen ul li:hover .txts h2{color:#FFF;}
.xinwen ul li:hover .txts p{color:#FFF;}
.xinwen ul li:hover .txts .dates {color:#FFF;}
.xinwen ul li:hover .txts .dates span{color:#FFF;}

/*新闻内容页*/
.xinwen .xinwen_body{margin-bottom:60px; overflow:hidden;}
.xinwen .xinwen_body .xinwen_body_l{width: 990px;
    overflow: hidden;
    color: #333;
    background: #fff;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
	}
.xinwen .xinwen_body .xinwen_body_l .xinwen_title{margin-top: 30px;
    padding-bottom: 23px;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
	}
.xinwen .xinwen_body .xinwen_body_l .xinwen_title h1{font-size: 30px;
    line-height: 38px;
    overflow: hidden;
    color: #000;
    font-weight: normal;
	padding-bottom:10px;
	}
.xinwen .xinwen_body .xinwen_body_l .xinwen_title span{height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 16px;
	color: #666;
	}
.xinwen .xinwen_body .xinwen_body_l .xinwen_content{padding-top: 35px;
    line-height: 30px;
    font-size: 16px;
	}
.xinwen .xinwen_body .xinwen_body_l .xinwen_content p{
	padding:10px 0;
	}

/*上一篇和下一篇*/

.xinwen .xinwen_body .xinwen_body_l .xinwen_updown{border-top: 1px solid #eee;
    color: #999;
    line-height: 30px;
    font-size: 14px;
    position: relative;
    margin-top: 34px;
    padding-top: 20px;
	}
.xinwen .xinwen_body .xinwen_body_l .xinwen_updown a{ display:inline;
	line-height: 30px;
    font-size: 16px;
	color: #666;
	}
.xinwen .xinwen_body .xinwen_body_l .xinwen_updown a:hover{color:#333;}
.xinwen .xinwen_body .xinwen_body_l .xinwen_updown .x_down{padding-left:20px;}
.xinwen .xinwen_body .xinwen_body_l .xinwen_updown .tt{width:50%; 
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	height:30px;
	}

/*上一篇和下一篇*/

.xinwen .xinwen_body .xinwen_comment{width: 390px;
    overflow: hidden;
	color: #666;
    background: #fff;
	}
.xinwen .xinwen_body .xinwen_comment h2{font-size: 24px;
    color: #000;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: normal;
    height: 38px;
    line-height: 38px;
    padding-left: 30px;
    padding-right: 30px;
	}
.xinwen .xinwen_body .xinwen_comment .comment_con{border-bottom: 1px dashed #cccccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: 30px;
    margin-right: 30px;
	}
.xinwen .xinwen_body .xinwen_comment .comment_con h3{font-weight: normal;
    font-size: 18px;
    color: #333;
    height: 38px;
    line-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	}
.xinwen .xinwen_body .xinwen_comment .comment_con span{color: #666666;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
	}

/*案例列表*/
.anli{ position:relative;background-color: #fff; height: 100px;width:1408px;margin:0 auto;
	
	}
.anli .anli_nav{
	width:1408px;margin:0 auto;
	position:absolute;
	left:0;
	bottom:40px;
	background-color: #f5f5f5;
	height:100px;
	line-height:60px;
	padding:20px 0;
	text-align:center;
	}
.anli .anli_nav a{line-height: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 10px;
    margin-right: 3px;
    font-size: 18px;
    cursor: pointer;
    color: #333333;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e5e5e5;
	}
.anli .anli_nav a:last-child{border-right:0;}

/*案例内容页*/
.anli_content{background: #198ed9;margin-top:60px; overflow:hidden;padding-bottom:50px;}
.anli_content .anli_title{text-align: center;}
.anli_content .anli_title h1{padding-top: 130px;
    font-size: 42px;
    color: #FFFFFF;
	font-weight:700;
	}
.anli_content .anli_title span{width: 100px;
    height: 5px;
    background-color: #FFFFFF;
    margin-top: 30px;
	display:inline-block;
	}
.anli_content .anli_title p{font-size: 18px;
    color: #FFFFFF;
    padding-top: 20px;
	}
.anli_content .anli_des{overflow: hidden;
    margin-top: 80px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 60px 50px 30px 50px;
	}
.anli_content .anli_des .anli_des_l{width:740px;}
.anli_content .anli_des .anli_des_l .anli_des_list{margin-bottom:20px; background-color:#FFF; overflow:hidden;}
.anli_content .anli_des .anli_des_l .anli_des_list .anli_key{ border-bottom:1px solid #eee;padding-bottom:10px;width:340px;}
.anli_content .anli_des .anli_des_l .anli_des_list .anli_key h3{font-size:22px; font-weight:700;text-transform:uppercase;padding-bottom:15px;}
.anli_content .anli_des .anli_des_l .anli_des_list .anli_key p{font-size:14px;color:#666;}
.anli_content .anli_des .anli_des_l .anli_des_list .anli_key p a{ display:inline-block;font-size:14px;color:#666;}
.anli_content .anli_des .anli_des_l .anli_des_list .anli_link{border-bottom:1px solid #eee;padding-bottom:10px;width:340px;margin-left:60px;}
.anli_content .anli_des .anli_des_l .anli_des_list .anli_link h3{font-size:22px; font-weight:700;text-transform:uppercase;padding-bottom:15px;}
.anli_content .anli_des .anli_des_l .anli_des_list .anli_link p{font-size:14px;color:#666;}
.anli_content .anli_des .anli_des_l .anli_des_list .anli_link p a{display:inline-block;font-size:14px;color:#666;}
.anli_content .anli_des .anli_des_l .anli_des_list h2{font-size:32px; font-weight:700;padding-bottom:15px;}
.anli_content .anli_des .anli_des_l .anli_des_list b{ font-weight:normal;font-size:14px;line-height:24px;color:#666;}
.anli_content .anli_des .anli_des_r{ text-align:center;color:#666;width:150px;}
.anli_content .anli_des .anli_des_r img{width:150px;border:1px solid #eee; display:block;margin-bottom:10px;}
.anli_body{background-color: #f5f5f5;
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 50px;
	}
.anli_body .anli_body_con{background-color: #FFFFFF;
    margin-top: 40px;
    padding:30px 60px;
	}
.anli_body .anli_body_con_mobile img{width:680px;height:auto;}

/*欧洲杯买球安全的平台项目*/
.fuwu{background: #f5f5f5;
    overflow: hidden;
	padding-bottom:50px;
	}
.fuwu .fuwu_con{width:100%;}
.fuwu .fuwu_con .fuwu_title{padding: 50px 0;
    text-align: center;
	}
.fuwu .fuwu_con .fuwu_title h2{font-weight: 700;
    color: #222;
    font-size: 40px;
    line-height: 80px;
	}
.fuwu .fuwu_con .fuwu_title p{font-size: 15px;
    color: #333;
    line-height: 30px;
	}
.fuwu .fuwu_con ul{}
.fuwu .fuwu_con ul li{float: left;
    width: 322px;
    box-shadow: 0px 0px 5px #ddd;
    margin-right: 15px;
    margin-left: 15px;
    text-align: center;
    height: 400px;
	background-color:#fff;
	border-radius: 10px;
	position:relative;
	margin-bottom: 30px;
	}
.fuwu .fuwu_con ul li:hover{box-shadow: 0 0 30px #bbbbbb;}
.fuwu .fuwu_con ul li .fuwu_head{height: 150px;
    padding-top: 30px;
	text-align:center;
	color:#FFF;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	position:relative;
	}
.fuwu .fuwu_con ul li .fuwu_head h3{font-size: 24px;
    font-weight: bolder;
	}
.fuwu .fuwu_con ul li .fuwu_head span{font-size: 18px;
    display: inline-block;
    padding-top: 10px;
    font-style: normal;
	}
.fuwu .fuwu_con ul li .fuwu_logo{width: 68px;
    height: 68px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    top: 120px;
	left:50%;
	margin-left:-34px;
	background-color:#fff;
	}
.fuwu .fuwu_con ul li .fuwu_logo img{width:64px;padding:14px;}
.fuwu .fuwu_con ul li .fuwu_dec{}
.fuwu .fuwu_con ul li .fuwu_dec h1{font-size: 20px;
    color: #666666;
    font-weight: bolder;
    padding-top: 60px;}
.fuwu .fuwu_con ul li .fuwu_dec h2{font-size: 16px;
    color: #666666;
    line-height: 30px;
	height:60px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
	}
.fuwu .fuwu_con ul li .fuwu_dec a.btn_a{
	display:inline-block;
    font-size: 16px;
    margin-top: 20px;
    border-radius: 30px;
	padding:10px 30px;
	}
.fuwu .fuwu_con ul li .fuwu_dec a.btn_b{
	display:inline-block;
    font-size: 16px;
    margin-top: 20px;
    border-radius: 30px;
	padding:10px 30px;
    border: 1px solid #a3a3a3;
    background-color: #fff;
    color: #333;
	margin-left:20px;
	}
.fuwu .fuwu_con ul li .fuwu_dec a.btn_b:hover{background-color:#a3a3a3;color:#FFF;}

.e100{background-color:#52aee9;border: 2px solid #52aee9;}
.r100{color:#52aee9;border: 1px solid #52aee9;}
.r100:hover{background-color:#52aee9;color:#FFF;}

.e101{background-color:#198ed9;border: 2px solid #198ed9;}
.r101{color:#198ed9;border: 1px solid #198ed9;}
.r101:hover{background-color:#198ed9;color:#FFF;}

.e102{background-color:#07c160;border: 2px solid #07c160;}
.r102{color:#07c160;border: 1px solid #07c160;}
.r102:hover{background-color:#07c160;color:#FFF;}

.e103{background-color:#fc4502;border: 2px solid #fc4502;}
.r103{color:#fc4502;border: 1px solid #fc4502;}
.r103:hover{background-color:#fc4502;color:#FFF;}

.e104{background-color:#556fb5;border: 2px solid #556fb5;}
.r104{color:#556fb5;border: 1px solid #556fb5;}
.r104:hover{background-color:#556fb5;color:#FFF;}

/*欧洲杯买球安全的平台内容详情页*/
.website_banner{ overflow: hidden;
    position: relative;
	margin-top:100px;
	}
.website_banner img{display: block;
    width: 100%;}
.website_banner .txts{width: 1008px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
	text-align:center;
	}
.website_banner .txts h1{font-weight: normal;
    margin-bottom: 2%;
    padding-bottom: 2%;
    background: url(/template/pc/skin/images/bgs3.png) center bottom no-repeat;
    font-size: 48px;
    color: #fff;
	}
.website_banner .txts p{color: #fff;
    font-size: 24px;
	}
.website_content{background: #fff;
	width:1408px;
	margin:30px auto 40px;
	padding-bottom:50px;
    overflow: hidden;
	line-height:30px;
	border-bottom:1px solid #f2f2f2;
	}

.website_related{overflow: hidden;
    position: relative;
	margin-bottom:50px;}
.website_related h2{font-size:20px; font-weight:700;padding-bottom:15px;}
.website_related ul{}
.website_related ul li{ float:left;width:300px; list-style-type:disc;margin-left:10px;margin-bottom:10px;}
.website_related ul li a{line-height:30px;}

/*分页 begin*/
.page{background-color:#f5f5f5;width:100%; overflow:hidden;padding:30px 0;}
.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom;
}
.pagination li {
	display: inline-block!important;
    margin: 0 5px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
}
.pagination .active {
    pointer-events: none;
}
.pagination a {
    color: #333;
    padding: 8px 12px;
    line-height: 18px;
    display: block;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
}
.pagination li a {
    border-radius: 4px;
    color: #6e6e6e;
    background: #fff;
    padding: 12px 16px;
    border: 1px solid #DCDCDC;
}
.pagination li.active a, .pagination li a:hover {
    background: #2986cf;
    color: #fff;
    border: 1px solid #2986cf;
}
/*分页 end*/

/*模板列表页*/
.moban_banner{overflow: hidden;
    position: relative;
	margin-top:100px;
	}
.moban_search{padding-top:30px;padding-bottom:30px; background-color: #fff;}
.moban_search .moban_con{width: 588px;
	margin:0 auto;
    height: 54px;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);
	border-radius:10px;
	}
.moban_search .moban_con .search_keyword{height: 54px;
	line-height:54px;
    width: 484px;
    font-size: 16px;
    color: #777;
    padding: 0 25px;
    border: 1px #ccc solid;
    background: none;
	color:#999;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	background: #fff;
	}
.moban_search .moban_con .search_submit{height: 54px;
	line-height:54px;
	font-size: 16px;
    width: 104px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    background: #999;
	text-align:center;
	color:#FFF;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	}
.moban_search .moban_con .search_submit:hover{ background:#198ed9;}

.moban_list{padding-top:30px;padding-bottom:30px; background-color: #fff;}
.moban_list ul{}
.moban_list ul li{float:left;width:420px;border:1px solid #f2f2f2;margin-right:74px;margin-bottom:44px; position:relative;}
.moban_list ul li:hover{box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);}
.moban_list ul li:nth-child(3n){margin-right:0;}
.moban_list ul li .moban_img{height:440px;}
.moban_list ul li .moban_img img{width:420px;height:440px; display:block;}
.moban_list ul li .moban_dec{height:70px;padding:20px 20px;line-height:30px;}
.moban_list ul li .moban_dec .biaoti{font-size:15px;}
.moban_list ul li .moban_dec .jiage{color:#F00;font-size:15px;}
.moban_list ul li .moban_dec .jiage span{font-size:22px; font-weight:700;padding-right:5px;}
.moban_list ul li .moban_bianhao{ position:absolute;
	top:0;
	right:0; 
	background-color:#F00;
	width:60px; 
	font-size:15px;
	text-align:right;
	padding-right:10px;
	height:30px;
	line-height:30px;
	color:#fff;
	border-bottom-left-radius:50px;
	font-weight:700;
	}

/*模板详情页*/
.moban_body{margin-top:30px;margin-bottom:30px; background-color: #fff; position:relative;}
.moban_body .moban_title{position:relative;}
.moban_body .moban_title h1{font-size:30px; text-align:left;padding:20px 0 40px 50px;}
.moban_body .moban_title h1 b{ font-weight:normal;font-size:18px;padding-left:10px;color:#666;}
.moban_body .moban_title .moban_link{position:absolute;
	top:20px;
	right:50px; 
	background-color:#F00;
	width:160px; 
	font-size:15px;
	line-height:40px;
	color:#fff;
	text-align:center;
	font-weight:700;
	border-radius:20px;
	}
.moban_body .moban_site{width:100%;box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);}
.moban_body .moban_site img{ display:block;width:100%;height:auto;}

/*模板筛选*/
.content140 {
    width: 1408px;
    margin: 30px auto;
}

.cation140 {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.all-classify140 {
    color: #666;
    padding-left: 60px;
    letter-spacing: 2px;
    position: relative;
}

.all-classify140>span:first-child {
    float: left;
    height: 28px;
    margin-top: 10px;
    line-height: 28px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.all-classify140 .right-wrap140 {
    float: left;
    overflow: hidden;
    width: 1224px;
}

.all-classify140 .classifys140-wrap140 {
    overflow: hidden;
    margin: 10px 7px 0;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    display: inline-block;
    vertical-align: middle;
}

.all-classify140 .classifys140 {
    position: relative;
    height: 28px;
    line-height: 14px;
    padding: 7px 18px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
    color: #999;
    display: inline-block;
    vertical-align: middle;
}

.all-classify140 .classifys140.active,
.all-classify140 .classifys140:hover {
    color: #fff;
    background: #198ed9;
}

.all-classify140 .more-btn140 {
    position: absolute;
    top: 10px;
    right: 55px;
    height: 28px;
    line-height: 14px;
    padding: 7px 5px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
    cursor: pointer;
    opacity: 0;
}

.all-classify140 .more-btn140 .more140 {
    color: #999;
}

.all-classify140 .more-btn140>i {
    display: inline-block;
    font-style: normal;
    cursor: pointer;
    position: relative;
    top: -1px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.icons-sanjiao140 {
    width: 8px;
    height: 8px;
    background: url(/template/pc/skin/images/sp_public.png) -0px -0px no-repeat;}

/*在线商城导航及轮播图*/
.shop_banner{
	padding-top:150px;
	padding-bottom:30px; 
	background-color: #f3f3f3; 
	position:relative;
	}
.shop_banner .shop_banner_con{}
.shop_banner .shop_banner_con .shop_banner_l{
	background-color:#FFF;
	width:300px;
	height:400px;
	margin-right:30px;
	border-radius:10px;
	}
.shop_banner .shop_banner_con .shop_banner_l .shop_menu_tit{
	font-size:22px;
	background-color:#dbdbdb;
	color:#333;
	padding:10px 0;
	line-height:40px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding-left:20px;
	}
.shop_banner .shop_banner_con .shop_banner_l .shop_menu_tit img{
	width:40px;
	padding-right:10px;
	}
.shop_banner .shop_banner_con .shop_banner_l .shop_menu_list{
	padding-top:20px;
	}
.shop_banner .shop_banner_con .shop_banner_l .shop_menu_list li{
	line-height:40px;
	color:#666;
	font-size:16px;
	padding:10px 20px;
	border-bottom:1px solid #f2f2f2;
	}
.shop_banner .shop_banner_con .shop_banner_l .shop_menu_list li a{
	color:#666;
	}
.shop_banner .shop_banner_con .shop_banner_l .shop_menu_list li a:hover{
	color:#198ed9;
	}
.shop_banner .shop_banner_con .shop_banner_l .shop_menu_list li:last-child{
	border:0;
	}
.shop_banner .shop_banner_con .shop_banner_l .shop_menu_list li .shop_menu_ico1{
	width:15px;
	margin-right:20px;
	}
.shop_banner .shop_banner_con .shop_banner_l .shop_menu_list li .shop_menu_ico2{
	width:10px;
	margin-left:30px;
	}
.shop_banner .shop_banner_con .shop_banner_r{
	width:1078px;
	border-radius:10px;
	}
.shop_ban { position: relative; overflow: auto; text-align: center;}
.shop_ban li { list-style: none; }
.shop_ban ul{transition:none;border-radius: 10px; }
.shop_ban ul li { float: left; border-radius: 10px; }
.shop_ban ul li img{
	transition:none;
	width:1078px;
	height:400px;
	border-radius: 10px !important; 
	}
#b04 { 
	width: 1078px;
	}
#b04 .dots { 
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 20px;
	}
#b04 .dots li { 
	display: inline-block; 
	width: 15px; 
	height: 15px; 
	margin: 0 4px; 
	text-indent: -999em; 
	border: 2px solid #fff; 
	border-radius: 10px; 
	cursor: pointer; 
	opacity: .4; 
	-webkit-transition: background .5s, opacity .5s; 
	-moz-transition: background .5s, opacity .5s; 
	transition: background .5s, opacity .5s;
	}
#b04 .dots li.active {
	background: #fff;
	opacity: 1;
	}
#b04 .arrow { 
	position: absolute; 
	top: 180px;
	opacity:0.8;
	}
#b04 .arrow:hover{
	opacity:1;
	}
#b04 #al {
	left: 55px;
	}
#b04 #ar {
	right: 55px;
	}

/*产品列表*/
.shop_banner .shop_banner_con .shop_list_r{
	width:1078px;
	}
.shop_banner .shop_banner_con .shop_list_r .shop_list_r_title{
	height: 60px;
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f2;
	background-color:#FFF;
	}
.shop_banner .shop_banner_con .shop_list_r .shop_list_r_title h2{
	height: 40px;
    line-height: 40px;
    color: #198ed9;
    font-size: 22px;
    font-weight: 700;
	padding-left:20px;
	}
.shop_banner .shop_banner_con .shop_list_r ul{
	background-color: #FFF;
    overflow: hidden;
    padding: 20px;
	}
.shop_banner .shop_banner_con .shop_list_r ul li{
	width: 240px;
    float: left;
    margin-right: 26px;
	margin-bottom:20px;
    position: relative;
    border: 1px solid #f2f2f2;
	}
.shop_banner .shop_banner_con .shop_list_r ul li:nth-child(4n){
	margin-right:0;
	}
.shop_banner .shop_banner_con .shop_list_r ul li .shop_list_img{
	width: 238px;
    height: 238px;
    overflow: hidden;
	}
.shop_banner .shop_banner_con .shop_list_r ul li .shop_list_img img{
	width: 238px;
    height: 238px;
    display: block;
    transition: all .7s ease 0s;
	}
.shop_banner .shop_banner_con .shop_list_r ul li .shop_list_img img:hover{
	transition-duration:0.5s;
	transform: scale(1.2);
	-webkit-transform: scale(1.2); /*Safari 和 Chrome*/
	-moz-transform: scale(1.2); /*Firefox*/
	-ms-transform: scale(1.2); /*IE9*/
	-o-transform: scale(1.2); /*Opera*/
	}
.shop_banner .shop_banner_con .shop_list_r ul li .shop_list_tit{
	padding: 10px 15px 20px;
    font-size: 15px;
    font-weight: 700;
	}
.shop_banner .shop_banner_con .shop_list_r ul li .shop_list_tag{
	text-align: center;
    padding-bottom: 15px;
	}
.shop_banner .shop_banner_con .shop_list_r ul li .shop_list_tag span:nth-child(1) {
    font-weight: 700;
    padding-right: 20px;
    color: #F00;
	}
.shop_banner .shop_banner_con .shop_list_r ul li .shop_list_tag span:nth-child(1) b{
	font-size:18px;
	}
.shop_banner .shop_banner_con .shop_list_r ul li .shop_list_tag span:nth-child(2){
	font-size: 14px;
    color: #666;
	}

/*在线商城*/
.shop{
	padding-bottom:50px; 
	background-color: #f3f3f3; 
	position:relative;
	}
.shop .shop_con{
	background-color:#FFF;
	padding:0 20px;
	border-radius:10px;
	margin-bottom:30px;
	}
.shop .shop_con .shop_title{
	height:60px;
	padding:10px 0;
	border-bottom:1px solid #f2f2f2;
	}
.shop .shop_con .shop_title h2{
	height:40px;
	line-height:40px;
	color:#198ed9;
	font-size:22px;
	font-weight:700;
	}
.shop .shop_con .shop_title a{
	display:block;
	font-size:14px;
	line-height:40px;
	padding-right:30px;
	color:#666;
	}
.shop .shop_con .shop_title a:hover{
	color:#333;
	}
.shop .shop_con .shop_list{
	background-color:#FFF;
	overflow:hidden;
	padding:20px 0;
	}
.shop .shop_con .shop_list li{
	width:260px;
	float:left;
	margin-right:17px;
	position:relative;
	border:1px solid #f2f2f2;
	}
.shop .shop_con .shop_list li:nth-child(5n){
	margin-right:0;
	}
.shop .shop_con .shop_list li .shop_list_img{
	width:258px;
	height:258px;
	overflow:hidden;
	}
.shop .shop_con .shop_list li .shop_list_img img{
	width:258px;
	height:258px;
	display:block;
	transition: all .7s ease 0s;
	}
.shop .shop_con .shop_list li .shop_list_img img:hover{transition-duration:0.5s;transform: scale(1.2);
	-webkit-transform: scale(1.2); /*Safari 和 Chrome*/
	-moz-transform: scale(1.2); /*Firefox*/
	-ms-transform: scale(1.2); /*IE9*/
	-o-transform: scale(1.2); /*Opera*/
	}
.shop .shop_con .shop_list li .shop_list_tit{
	padding:10px 15px 20px;
	font-size:15px;
	font-weight:700;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	}
.shop .shop_con .shop_list li:hover .shop_list_tit{
	color:#198ed9;
	}
.shop .shop_con .shop_list li .shop_list_tag{
	text-align:center;
	padding-bottom:15px;
	}
.shop .shop_con .shop_list li .shop_list_tag span{
	display:inline-block;
	}
.shop .shop_con .shop_list li .shop_list_tag span:nth-child(1){
	font-weight:700;
	padding-right:20px;
	color:#F00;
	}
.shop .shop_con .shop_list li .shop_list_tag span:nth-child(1) b{
	font-size:18px;
	}
.shop .shop_con .shop_list li .shop_list_tag span:nth-child(2){
	font-size:14px;
	color:#666;
	}
.shop .shop_con .shop_list li .shop_list_tj{
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:30px;
	line-height:30px;
	background-color:#F00;
	color:#fff;
	font-size:12px;
	text-align:center;
	border-bottom-left-radius:10px;
	}

/*商城产品详情页*/
.seller{
	padding-top:150px;
	padding-bottom:50px; 
	background-color: #f3f3f3; 
	position:relative;
	}
.seller .seller_con{
	margin-bottom:30px;
	overflow:hidden;
	}
.seller .seller_con .seller_head{
	background-color:#FFF;
	overflow:hidden;
	padding:20px;
	border-radius:10px;
	}
.seller .seller_con .seller_head .seller_head_l{
	width:360px;
	margin-right:60px;
	}
.seller .seller_con .seller_head .seller_head_l img{
	width:360px;
	height:360px;
	}
.seller .seller_con .seller_head .seller_head_r{
	width:948px;
	}
.seller .seller_con .seller_head .seller_head_r .seller_title{
	font-size:38px;
	font-weight:700;
	line-height:60px;
	}
.seller .seller_con .seller_head .seller_head_r .seller_des{
	font-size:15px;
	line-height:30px;
	color:#666;
	padding:10px 0;
	color:#198ed9;
	}
.seller .seller_con .seller_head .seller_head_r .seller_tag{
	padding:10px 0;
	}
.seller .seller_con .seller_head .seller_head_r .seller_price{
	color:#F00;
	padding:10px 0;
	font-size:24px;
	}
.seller .seller_con .seller_head .seller_head_r .seller_price b{
	font-size:36px;
	}
.seller .seller_con .seller_head .seller_head_r .seller_price a{
	background-color:#CCC;
	color:#FFF;
	padding:5px 10px;
	border-radius:5px;
	float:right;
	display:block;
	margin-right:280px;
	font-size:15px;
	margin-top:10px;
	}
.seller .seller_con .seller_head .seller_head_r .seller_buy{
	padding-top:30px;
	}
.seller .seller_con .seller_head .seller_head_r .seller_buy a{
	background-color:#fdd922;
	color: #333;
	padding:15px 40px;
	font-size:16px;
	font-weight:700;
	border-radius:10px;
	}
.seller .seller_con .seller_body{
	margin-top:30px;
	}
.seller .seller_con .seller_body .seller_body_l{
	background-color:#FFF;
	overflow:hidden;
	border-radius:10px;
	width:1000px;
	margin-right:50px;
	}
.seller .seller_con .seller_body .seller_body_l .seller_body_l_title{
	height: 60px;
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f2;
	}
.seller .seller_con .seller_body .seller_body_l .seller_body_l_title h2{
	height: 40px;
    line-height: 40px;
    color: #666;
    font-size: 18px;
	padding-left:30px;
    font-weight:normal;
	}
.seller .seller_con .seller_body .seller_body_l .seller_body_l_con{
	padding:30px;
	}
.seller .seller_con .seller_body .seller_body_l .seller_body_l_con img{
	display:block;
	width:100%;
	}
.seller .seller_con .seller_body .seller_body_r{
	width:358px;
	overflow:hidden;
	}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con{
	background-color:#FFF;
	border-radius:10px;
	margin-bottom:30px;
	}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con .seller_body_r_title{
	height: 60px;
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f2;
	}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con .seller_body_r_title h2{
	height: 40px;
    line-height: 40px;
    color: #666;
    font-size: 18px;
	padding-left:20px;
    font-weight:normal;
	}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con .seller_body_r_list{
	padding:20px;
	}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con .seller_body_r_list li{
	margin-bottom:30px;
	}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con .seller_body_r_list li:last-child{
	margin-bottom:0;
	}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con .seller_body_r_list li .seller_body_r_list_img{}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con .seller_body_r_list li .seller_body_r_list_img img{
	border-radius:10px;
	}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con .seller_question{
	border-bottom: 1px dashed #cccccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: 20px;
    margin-right: 20px;
	}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con .seller_question h3{
	font-weight: normal;
    font-size: 18px;
    color: #333;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
	}
.seller .seller_con .seller_body .seller_body_r .seller_body_r_con .seller_question span{
	color: #666666;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
	}

/*网站建设*/
.website{
	overflow: hidden;
    position: relative;
    margin-top: 100px;
	}

.website_box1{
	background:url(/template/pc/skin/images/bg_web1.jpg) no-repeat;
	height:100vh;
	}

.website_box2{
	background:url(/template/pc/skin/images/bg_web2.jpg) no-repeat;
	height:100vh;
	}

.website_box3{
	background:url(/template/pc/skin/images/bg_web3.jpg) no-repeat;
	height:100vh;
	}

.website_box4{
	background:url(/template/pc/skin/images/bg_web4.jpg) no-repeat;
	height:100vh;
	}

.website_box5{
	background:url(/template/pc/skin/images/bg_web5.jpg) no-repeat;
	height:100vh;
	}

.website_box6{
	background:url(/template/pc/skin/images/bg_web6.jpg) no-repeat;
	height:100vh;
	}

.website .website_box{
	padding-top:9%;
	}

.website .website_box .website_text{
	width:60%;
	float:left;
	margin-top:30px;
	padding-right:100px;
	}

.website .website_boxLine .website_text{
	color:#FFF;
	margin-top:10px;
	padding-left:100px;
	padding-right:0;
	}

.website .website_box .website_text span{
	display:block;
	font-size:20px;
	line-height:40px;
	}

.website .website_box .website_text h2{
	font-size:50px;
	padding-bottom:25px;
	padding-top:15px;
	font-weight:700;
	}

.website .website_box .website_text p{
	font-size:20px;
	line-height:40px;
	}
	
.website .website_box .website_text .website_link{
	margin-top:40px;
	}

.website .website_box .website_text .website_link a{
	display:inline-block;
	width:180px;
	height:48px;
	line-height:46px;
	border:1px solid #666;
	font-size:16px;
	text-align:center;
	border-radius:20px;
	}

.website .website_boxLine .website_text .website_link a{
	border:1px solid #fff;
	color:#FFF;
	font-weight:700;
	}

.website .website_box .website_text .website_link a:hover , .website .website_box .website_text .website_link a.active{
	background-color:#198ed9;
	border:1px solid #198ed9;
	color:#FFF;
	}

.website .website_box .website_text .website_link .web_link_a{
	margin-right:30px;
	}

.website .website_box .website_text .website_link .web_link_b{}

.website .website_box .website_img{
	width:40%;
	float:left;
	}

.website .website_box .website_img img{
	width:100%;
	height:100%;
	border-top-left-radius:30px;
	border-bottom-right-radius:30px;
	}

/*微信*/
.weixin{
	overflow: hidden;
    position: relative;
    margin-top: 100px;
	}

.weixin .weixin_banner{
	width: 100%;
    height: 520px;
    background:url(/template/pc/skin/images/weixin_banner1.jpg) top center no-repeat;
    background-size: auto 100%;
    padding-top: 160px;
    box-sizing: border-box;
	}

.weixin .weixin_banner h2{
	font-size:48px;
	color:#FFF;
	width:400px;
	font-weight:700;
	padding-bottom:30px;
	}

.weixin .weixin_banner p{
	width:600px;
	font-size:24px;
	color:#FFF;
	line-height:40px;
	}

.weixin .weixin_banner_tip{
	width: 1408px;
    height: 120px;
    background: #fff;
    position: relative;
    margin: 0 auto;
    margin-top: -60px;
    box-shadow: 0px 3px 9px 0px rgba(33, 58, 86, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
	}

.weixin .weixin_banner_tip .item{
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
	}

.weixin .weixin_banner_tip .item img{
	width: 56px;
    height: 56px;
	}

.weixin .weixin_banner_tip .item .right{
	display: flex;
    flex-direction: column;
    margin-left: 10px;
	}

.weixin .weixin_banner_tip .item .right .t1{
	color: #191C3D;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
	}

.weixin .weixin_banner_tip .item .right .t2{
	color: #191C3D;
    opacity: 0.5;
    font-size: 14px;
	}
	
.weixin .weixin_content{
	width: 100%;
    background: linear-gradient(0deg, #F6FAFF 0%, #FFFFFF 100%);
    padding-bottom: 60px;
	}

.weixin .weixin_content .weixin_content_title{
	color: #000;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 60px;
	}

.weixin .weixin_content .con1{
	width: 100%;
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
	}

.weixin .weixin_content .con1 .item{
	width: 325px;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(33, 58, 86, 0.08);
	}

.weixin .weixin_content .con1 .item .ti{
	height: 60px;
    line-height: 60px;
    margin-left: 20px;
    display: flex;
    align-items: center;
	}

.weixin .weixin_content .con1 .item .ti .t1{
	width: 6px;
    height: 18px;
    background: #2196F3;
	}

.weixin .weixin_content .con1 .item .ti .t2{
	color: #000000;
    font-size: 16px;
    margin-left: 10px;
	}

.weixin .weixin_content .con1 .item .co{
	display: flex;
    flex-wrap: wrap;
    padding: 10px 20px 20px 20px;
	}

.weixin .weixin_content .con1 .item .co .it{
	width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
	}

.weixin .weixin_content .con1 .item .co .it img{
	width: 44px;
    height: 44px;
	}

.weixin .weixin_content .con1 .item .co .it .t2{
	font-size: 14px;
    color: #444444;
    height: 30px;
    line-height: 30px;
	}

.weixin .weixin_content .con2{
	width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
	}

.weixin .weixin_content .con2 .item{
	width: 100%;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(33, 58, 86, 0.08);
	}

.weixin .weixin_content .con2 .item .ti{
	height: 60px;
    line-height: 60px;
    margin-left: 20px;
    display: flex;
    align-items: center;
	}

.weixin .weixin_content .con2 .item .ti .t1{
	width: 6px;
    height: 18px;
    background: #2196F3;
	}

.weixin .weixin_content .con2 .item .ti .t2{
	color: #000000;
    font-size: 16px;
    margin-left: 10px;
	}

.weixin .weixin_content .con2 .item .co{
	display: flex;
    flex-wrap: wrap;
    padding: 10px 20px 20px 20px;
	}

.weixin .weixin_content .con2 .item .co .it{
	padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
    color: #444444;
    font-size: 14px;
	}

.contentbox2{
	width:100%;
	background:url(/template/pc/skin/images/img2.png);
	background-size:100% auto;
	padding-bottom:40px;
	}
	
.contentbox2 .content{
	width:1408px;
	margin:0 auto;
	}
	
.contentbox2 .content .title{
	color:#000;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	padding-top:60px;
	}
	
.contentbox2 .content .desc{
	color:#666;
	font-size:16px;
	text-align:center;
	height:30px;
	line-height:30px;
	}
	
.contentbox2 .content .con1{
	width:100%;
	margin-top:60px;
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	}
	
.contentbox2 .content .con1 .ti{
	width:100%;
	height:40px;
	padding:0 40px;
	border-bottom:1px solid #E5EAF1;
	display:flex;
	justify-content: space-between;
	}
	
.contentbox2 .content .con1 .ti .item{
	color:#191C3D;
	font-size:18px;
	cursor:pointer;
	}
	
.contentbox2 .content .con1 .ti .item.on{
	color:#2468F2;
	border-bottom:2px solid #2468F2;
	}
	
.contentbox2 .content .con1 .co{
	display:flex;
	padding:10px 20px 20px 60px;
	}
	
.contentbox2 .content .con1 .co .f1{
	display:flex;
	flex-direction:column;
	margin-top:60px;
	flex:1;
	}
	
.contentbox2 .content .con1 .co .f1 .t1{
	color:#1F2028;
	font-size:36px;
	font-weight:bold;
	height:60px;
	line-height:60px;
	}
	
.contentbox2 .content .con1 .co .f1 .t2{
	color:#90919B;
	font-size:14px;
	line-height:24px;
	padding:20px 0;
	}
	
.contentbox2 .content .con1 .co .f1 .t3{
	display:flex;
	flex-wrap: wrap;
	margin-top:30px;
	}
	
.contentbox2 .content .con1 .co .f1 .t3 .btn1{
	cursor:pointer;
	border: 1px solid #AFB3C4;
	border-radius: 4px;
	width:120px;
	height:40px;
	line-height:40px;
	color:#AFB3C4;
	font-size:16px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:20px;
	margin-bottom:15px;
	}
	
.contentbox2 .content .con1 .co .f1 .t3 .btn1 img{
	width:20px;
	height:20px;
	}
	
.contentbox2 .content .con1 .co .f1 .t3 .btn1.on{
	color:#0161FF;
	}
	
.contentbox2 .content .con1 .co .f1 .t4{
	margin-top:50px;
	width:140px;
	height: 160px;
	background: linear-gradient(0deg, #EDF1F9 0%, #FFFFFF 100%);
	color:#90919A;
	font-size:14px;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:10px;
	}
	
.contentbox2 .content .con1 .co .f1 .t4 img{
	width:120px;
	height:120px;
	margin-bottom:5px;
	}
	
.contentbox2 .content .con1 .co .f2{
	width:282px;
	height:546px;
	margin-top:20px;
	}

.contentbox3{
	width:100%;
	background-color:#F1F1F5;
	}
	
.contentbox3 .content{
	width:1200px;
	margin:0 auto;
	}
	
.contentbox3 .content .title{
	color:#000;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	padding-top:60px;
	}
	
.contentbox3 .content .desc{
	color:#666;
	font-size:16px;
	text-align:center;
	height:30px;
	line-height:30px;
	}
	
.contentbox3 .content .con1{
	width:100%;
	margin-top:60px;
	display:flex;
	justify-content: space-between;
	}
	
.contentbox3 .content .con1 .left{
	width:50%;
	padding-top:100px;
	}
	
.contentbox3 .content .con1 .right{
	width:50%;
	}
.contentbox3 .content .con1 .right img{
	width:690px;
	height:580px;
	display:table;
	}
.contentbox3 .content .con1 .left .item{
	flex:1;
	display:flex;
	align-items:center;
	margin-bottom:40px;
	}
	
.contentbox3 .content .con1 .left .item img{
	width:48px;
	height:48px;
	}
	
.contentbox3 .content .con1 .left .item .f2{
	display:flex;
	flex-direction:column;
	margin-left:20px;
	}
	
.contentbox3 .content .con1 .left .item .f2 .t1{
	color:#656565;
	font-size:20px;
	height:30px;
	line-height:30px;
	}
	
.contentbox3 .content .con1 .left .item .f2 .t2{
	color:#9F9F9F;
	font-size:16px;
	}
	
.contentbox3 .content .con1 .left .item2{
	display:flex;
	}
	
.contentbox3 .content .con1 .left .item2 .btn1{
	cursor:pointer;
	width: 126px;
	height: 36px;
	line-height:36px;
	text-align:center;
	background: linear-gradient(90deg, #358BFF 0%, #36A4FF 100%);
	border-radius: 4px;
	color:#fff;
	font-size:16px;
	margin-right:30px;
	}
	
.contentbox3 .content .con1 .left .item2 .btn2{
	cursor:pointer;
	width: 126px;
	height: 36px;
	line-height:36px;
	text-align:center;
	border: 1px solid #2468F2;
	border-radius: 4px;
	color:#2468F2;
	font-size:16px;
	margin-right:30px;
	}


.contentbox4{
	width:100%;
	background-color:#fff;
	}
	
.contentbox4 .content{
	width:1200px;
	margin:0 auto;
	}
	
.contentbox4 .content .title{
	color:#000;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	padding-top:60px;
	}
	
.contentbox4 .content .desc{
	color:#666;
	font-size:16px;
	text-align:center;
	height:30px;
	line-height:30px;
	}
	
.contentbox4 .content .con1{
	width:100%;
	margin-top:60px;
	display:flex;
	justify-content: space-between;
	margin-bottom:50px;
	}
	
.contentbox4 .content .con1 .left{
	width:50%;
	padding-top:20px;
	padding-left:50px;
	}
	
.contentbox4 .content .con1 .right{
	width:50%;
	}
	
.contentbox4 .content .con1 .right img{
	width:625px;
	height:380px;
	display:table;
	}
	
.contentbox4 .content .con1 .left .item{
	flex:1;
	display:flex;
	align-items:center;
	margin-bottom:40px;
	}
	
.contentbox4 .content .con1 .left .item img{
	width:48px;
	height:48px;
	}
	
.contentbox4 .content .con1 .left .item .f2{
	display:flex;
	flex-direction:column;
	margin-left:20px;
	}
	
.contentbox4 .content .con1 .left .item .f2 .t1{
	color:#656565;
	font-size:20px;
	height:30px;
	line-height:30px;
	}
	
.contentbox4 .content .con1 .left .item .f2 .t2{
	color:#9F9F9F;
	font-size:16px;
	}
	
.contentbox4 .content .con1 .left .item2{
	display:flex;
	}
	
.contentbox4 .content .con1 .left .item2 .btn1{
	cursor:pointer;
	width: 126px;
	height: 36px;
	line-height:36px;
	text-align:center;
	background: linear-gradient(90deg, #358BFF 0%, #36A4FF 100%);
	border-radius: 4px;
	color:#fff;
	font-size:16px;
	margin-right:30px;
	}
.contentbox4 .content .con1 .left .item2 .btn2{
	cursor:pointer;
	width: 126px;
	height: 36px;
	line-height:36px;
	text-align:center;
	border: 1px solid #2468F2;
	border-radius: 4px;
	color:#2468F2;
	font-size:16px;
	margin-right:30px;
	}

.bottomtip{
	width:100%;
	height:120px;
	background:url(/template/pc/skin/images/weixin_bottom.png);
	display:flex;
	align-items:center;
	justify-content:center;
	}
	
.bottomtip .f1{
	font-size:28px;
	color:#fff;
	margin-right:50px;
	}
	
.bottomtip .btn1{
	cursor:pointer;
	width: 120px;
	height: 40px;
	line-height:40px;
	text-align:center;
	background:#F89408;
	border-radius: 4px;
	color:#fff;
	font-size:16px;
	margin-right:30px;
	}

/*广告投放*/
.adver{
	overflow: hidden;
    position: relative;
    margin-top: 100px;
	}

.adver .adver_banner{
	width: 100%;
    height: 520px;
    background:url(/template/pc/skin/images/adver_banner1.jpg) top center no-repeat;
    background-size: auto 100%;
    padding-top: 160px;
    box-sizing: border-box;
	text-align:center;
	}

.adver .adver_banner h2{
	font-size:50px;
	color:#FFF;
	font-weight:700;
	padding-bottom:30px;
	}

.adver .adver_banner p{
	font-size:24px;
	color:#FFF;
	line-height:40px;
	}

.adver .adver_banner p b{
	padding-left:10px;
	padding-right:10px;
	}
	
.adver .adver_content{
	margin-top:80px;
	background-color:#FFF;
	}

.adver .adver_content .adver_content_title{
	font-size:32px;
	text-align:center;
	}

.adver .adver_content .adver_content_list{
	margin-top:50px;
	margin-bottom:100px;
	}

.adver .adver_content .adver_content_list .list{
	width:260px;
	float:left;
	margin-right:27px;
	background-color:#fff;
	text-align:center;
	font-size:20px;
	padding-bottom:40px;
	padding-top:40px;
	box-shadow: 0px 0px 20px rgba(200,200,200,.2);
	transition: all .3s;
	cursor:pointer;
	}

.adver .adver_content .adver_content_list .list:hover{
	transition: all .3s;
	transform: translateY(-10px);
	}

.adver .adver_content .adver_content_list .list:nth-child(5){
	margin-right:0;
	}

.adver .adver_content .adver_content_list .list img{
	display:block;
	width:80px;
	height:80px;
	margin:0 auto 20px;
	}
	
.adver .adver_baiye{
	background:url(/template/pc/skin/images/bg_web3.jpg) no-repeat;
	padding-top:80px;
	padding-bottom:100px;
	}

.adver .adver_baiye .adver_text{
	width:708px;
	float:left;
	margin-top:80px;
	}

.adver .adver_baiye .adver_text span{
	display: block;
    font-size: 20px;
    line-height: 40px;
	}

.adver .adver_baiye .adver_text h2{
	font-size: 50px;
    padding-bottom: 25px;
    padding-top: 15px;
    font-weight: 700;
	}

.adver .adver_baiye .adver_text p{
	font-size: 20px;
    line-height: 40px;
	width:600px;
	}

.adver .adver_baiye .adver_img{
	width:700px;
	float:right;
	}

.adver .adver_baiye .adver_img img{
	width:700px;
	height:auto;
	}

.adver .adver_douyin{
	background:#FFF;
	padding-top:80px;
	padding-bottom:100px;
	}

.adver .adver_douyin .douyin_img{
	width:700px;
	float:left;
	}

.adver .adver_douyin .douyin_img img{
	width:700px;
	height:auto;
	}

.adver .adver_douyin .douyin_text{
	width:618px;
	float:left;
	margin-left:90px;
	margin-top:60px;
	}

.adver .adver_douyin .douyin_text span{
	display: block;
    font-size: 20px;
    line-height: 40px;
	}

.adver .adver_douyin .douyin_text h2{
	font-size: 50px;
    padding-bottom: 25px;
    padding-top: 15px;
    font-weight: 700;
	}

.adver .adver_douyin .douyin_text p{
	font-size: 20px;
    line-height: 40px;
	}

