/* 承德水滴网络（shuidiii.com），专注于互联网开发与营销 */
*{margin:0;padding:0;}
body{font-family:Roboto,arial,Microsoft JhengHei,Hiragino Sans GB,sans-serif;font-size:16px;color:#333333;min-width: 1208px; margin: 0px auto;}
a{text-decoration:none;color:#333333;}
a:hover{ text-decoration:none;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul li{list-style:none;}
.container{width:1208px;margin:0 auto;}
.head{}
.top{height: 40px; overflow: hidden; background-color: #f9f7f3; display: block;}
.welcome{line-height: 40px; color: #777777; font-size: 14px; padding-left: 8px;}
.low_nav{line-height: 40px; font-size: 14px; padding-right: 10px;}
.low_nav01{color: #62ADE0;margin-right:15px;}
.phone{display: inline-block; float: left; width: 30px; height: 30px;padding:5px 0; background: url(../images/top_lx.png) center center no-repeat;}
.low_nav02 a{color:red;font-weight:700;}
.low_nav02 a:hover{color:#62ADE0;}
.low_nav03 a{color:#666;}
.low_nav03 a:hover{color:#62ADE0;}
.low_nav04 a{color:#666;}
.low_nav04 a:hover{color:#62ADE0;}
.low_nav05 a{color:red;}
.low_nav06 a{color:#666;}
.low_nav06 a:hover{color:#62ADE0;}
.low_nav07 a{color: #0281FF; border:1px solid #2B90ED;padding:4px 19px; border-radius:4px;}
.low_nav07 a:hover{color: #fff; background-color:#2B90ED;}
.low_nav08 a{color: #fff; background-color:#2B90ED;padding:5px 20px;border-radius:4px;}
.low_nav_blank{color:#CCCCCC;padding-right:8px;padding-left:8px;}
.low_nav_bnsp1{padding-right:10px;padding-left:10px;}
.low_nav_bnsp2{padding-right:5px;padding-left:5px;}
.top_2{}
.logo{width:360px;height: 105px; overflow: hidden;}
.logo h1 a img{margin-top: 28px;}
.nav{height: 105px;}
.nav ul{}
.nav ul li{float:left;margin-top:14px;height:42px;line-height:42px;padding:19px 20px 26px;position: relative;}
.nav ul li:hover{background:#efefef;border-bottom:#F90 4px solid;}
.active{background:#F3F3F3;border-bottom:#F90 4px solid;}
.nav ul li a{font-weight:700;}
.nav ul li a:hover{color:#F90;}
.nav ul li a i{width: 21px; height: 11px; display: inline-block; background: url(../images/nav-tophot.jpg) -34px 0px no-repeat; position: absolute; right: 4px; top: 15px;}
.banner{}
.banner img{width:100%;}
img{ display: block; border:none;}
.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:420px;}
.lubo_box{ position: relative; width: 100%; height:420px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:420px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 420px;}
/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #000 !important;}
/*按钮*/
.lubo_btn{ position: absolute; width: 100%; top: 140px;}
.left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}
.data{}
.data ul{}
.data ul li{ float:left;width: 33%; padding: 35px 0; text-align: center;}
.data ul li img{width:20px; display:inline;vertical-align: top;padding-top:2px;}
.text{display: inline-block; font-size: 18px; color: #333; text-align: left; padding-left: 10px;}
.text span {display: inline-block; color: #999; }
.text .num{color: #333;padding-left:10px;}
/*首页广告位*/
.index_ad{padding-top:20px;}

/*服务项目*/
.service{ text-align:center;}
.service h3{font-size: 32px; color: #333; padding-top: 50px;color:#067bc6;}
.service p{font-size: 16px; color: #666; padding-bottom:8px;color:#999;}
.line-blue{margin: 12px auto 0px; width: 100px; border-bottom: 4px solid #00a1e7;}
.line-gray{margin: 0 auto; width: 600px; border-bottom: 1px solid #e3e3e3;}
.service ul{margin-top:30px;}
.service ul li{float:left;width: 392px; height: 220px;margin: 0 16px 20px 0; position:relative;}
.service ul li .service_content{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6);color:#FFF; vertical-align:middle;}
.service ul li .service_content:hover{
	background: rgba(0, 0, 0, 0.2);
	cursor: pointer; 
	transition: background 0.5s; 
	-webkit-transition: background 0.5s;}
.service ul li .service_content h4{padding: 74px 0 18px; font-size: 26px;}
.service ul li .service_content b{font-size: 16px; line-height: 24px;font-weight:normal;}
.service ul .service_list1{background: url(../images/service1.jpg); background-size: cover;}
.service ul .service_list2{background: url(../images/service2.jpg); background-size: cover;}
.service ul .service_list3{background: url(../images/service3.jpg); background-size: cover;margin-right:0;}
.service ul .service_list4{background: url(../images/service4.jpg); background-size: cover;}
.service ul .service_list5{background: url(../images/service5.jpg); background-size: cover;}
.service ul .service_list6{background: url(../images/service6.jpg); background-size: cover;margin-right:0;}

.case{}
.case h3{font-size: 32px; color: #333; padding-top: 50px;color:#067bc6; text-align:center;}
.case p{font-size: 16px; color: #666; padding-bottom:8px;color:#999;text-align:center;}
.case ul{margin-top:30px;}
.case ul .case_list{margin-right:0;}
.case ul li{float:left;width: 392px;margin: 0 16px 50px 0;}
.case ul li:nth-child(3n){margin-right:0;}
.case ul li .case_img{width:392px;height:261px;overflow:hidden;}
.case ul li .case_img a img{width: 392px;height:261px;transition: all 0.5s ease 0s;}
.case ul li .case_img a 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*/}
.case ul li .case_title{margin-top: 30px;min-height: 40px;}
.case ul li .case_title span{font-size:14px;margin-right: 20px;}
.case ul li .case_title i{font-size: 12px;color: #8f8f8f; font-style: italic;}
.news{}
.news h3{font-size: 32px; color: #333; padding-top:20px;color:#067bc6; text-align:center;}
.news p{font-size: 16px; color: #666; padding-bottom:8px;color:#999;text-align:center;}
.news ul{margin-top:30px;}
.news ul li{float: left; width:380px; margin-right:34px; overflow: hidden; display: block;}
.news ul .news_last{margin-right:0;}
.news ul li .news_title{font-size:20px;padding-left:10px;}
.news ul li .news_title a{float:right;font-size: 14px; float: right; color: #9c9c9c;line-height:26px;}
.news ul li .news_list{}
.news ul li .news_list li{}
.news ul li .news_list li a h5{width: 313px; float: left;font-size:16px;line-height:36px;}
.news ul li .news_list li a span{width: 55px; float: left; margin-left: 12px;line-height:36px; font-style:oblique;color:#666;}
.index_moban{margin-top:60px;}
.index_moban h3{font-size: 32px; color: #333; padding-top:20px;color:#067bc6; text-align:center;}
.index_moban p{font-size: 16px; color: #666; padding-bottom:8px;color:#999;text-align:center;}
.index_moban ul{margin-top:30px;}
.index_moban ul li{ float:left;width:240px;}
.index_moban ul li .index_moban_img{width:240px;overflow:hidden;}
.index_moban ul li .index_moban_img img{width:240px;transition: all 0.5s ease 0s;}
.index_moban ul li .index_moban_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*/}
.parterner{margin-top:20px;}
.parterner h3{font-size: 32px; color: #333; padding-top:50px;color:#067bc6; text-align:center;}
.parterner p{font-size: 16px; color: #666; padding-bottom:8px;color:#999;text-align:center;}
.parterner .parterner_img{margin-top:60px;}
.flink{}
.flink h3{font-size: 32px; color: #333; padding-top:50px;color:#067bc6; text-align:center;}
.flink p{font-size: 16px; color: #666; padding-bottom:8px;color:#999;text-align:center;}
.flink ul{margin-top:30px;}
.flink ul li{width: 141px; float: left; margin: 3px 0; overflow: hidden; margin-right: 10px; overflow: hidden;}
.flink ul li a{color: #777777; font-size: 14px; display:block;}
.flink ul li a:hover{color:#62ADE0;}
.cityweb{}
.cityweb h3{font-size: 32px; color: #333; padding-top:50px;color:#067bc6; text-align:center;}
.cityweb p{font-size: 16px; color: #666; padding-bottom:8px;color:#999;text-align:center;}
.cityweb ul{margin-top:30px;}
.cityweb ul li{width: 141px; float: left; margin: 3px 0; overflow: hidden; margin-right: 10px; overflow: hidden;}
.cityweb ul li a{color: #777777; font-size: 14px; display:block;}
.cityweb ul li a:hover{color:#62ADE0;}

.bottom{margin-top:60px;}
.bottom .bottom_a{background-color: #016cc5; display: block;height:280px;}
.bottom .bottom_a .bottom_a_l{width:890px;}
.bottom .bottom_a .bottom_a_l ul{}
.bottom .bottom_a .bottom_a_l ul li{color:#FFF;float:left;width:160px;margin-right:18px;}
.bottom .bottom_a .bottom_a_l ul li a{position: relative;}
.bottom .bottom_a .bottom_a_l ul li a i{width: 21px; height: 11px; display: inline-block; background: url(../images/nav-bottomhot.png) no-repeat; position: absolute; right: 10px; top: 8px;}

.bottom .bottom_a .bottom_a_l ul li h3{font-size:16px;height:40px;line-height:40px;}
.bottom .bottom_a .bottom_a_l ul li h3 .foot_bg1{width: 40px; height: 40px; 
	margin-right: 15px; float: left; 
	background-position: -8px -12px;
	background-image: url(../images/foot_bg.png); }
.bottom .bottom_a .bottom_a_l ul li h3 .foot_bg1{width: 40px; height: 40px; 
	margin-right: 15px; float: left; 
	background-position: -8px -12px;
	background-image: url(../images/foot_bg.png); }
.bottom .bottom_a .bottom_a_l ul li h3 .foot_bg2{width: 40px; height: 40px; 
	margin-right: 15px; float: left; 
	background-position:-59px -12px;;
	background-image: url(../images/foot_bg.png); }
.bottom .bottom_a .bottom_a_l ul li h3 .foot_bg3{width: 40px; height: 40px; 
	margin-right: 15px; float: left; 
	background-position: -107px -13px;
	background-image: url(../images/foot_bg.png); }
.bottom .bottom_a .bottom_a_l ul li h3 .foot_bg4{width: 40px; height: 40px; 
	margin-right: 15px; float: left; 
	background-position:-157px -13px;
	background-image: url(../images/foot_bg.png); }
.bottom .bottom_a .bottom_a_l ul li h3 .foot_bg5{width: 40px; height: 40px; 
	margin-right: 15px; float: left; 
	background-position: -8px -62px;
	background-image: url(../images/foot_bg.png); }
.bottom .bottom_a .bottom_a_l ul li a{color:#FFF; display:block;height:28px;line-height:28px;font-size:14px;padding-left:55px;}
.bottom .bottom_a .bottom_a_r{width:291px;color:#FFF;padding-left:25px; border-left: 1px solid #559cd8; min-height: 175px; float: left;}
.bottom .bottom_a .bottom_a_r h5{display: block; font-size: 14px; font-weight: 300; color: #fff; margin-top: 3px;}
.bottom .bottom_a .bottom_a_r h6{display: block; font-weight: bold; font-weight: 300; font-size: 25px; margin-bottom: 2px; color: #fff;}
.bottom .bottom_a .bottom_a_r img{width:100px;}
.bottom .bottom_a .bottom_a_r p{width: 100%;float: left; margin-top: 2px; color: #fff; font-size: 12px;padding-left:20px;}
.bottom .bottom_b{background-color: #015ea9; display: block;text-align:center;height:40px;line-height:40px;}
.bottom .bottom_b span{font-size: 14px; color: #ffffff;margin-right:30px;}
.bottom .bottom_b span i{display: inline-block;position: relative; top: 6px; margin-right:8px;}
.bottom .bottom_b span .foot_bg6{width: 16px; height: 19px; background-position: -65px -82px;background-image: url(../images/foot_bg.png);}
.bottom .bottom_b span .foot_bg7{width: 16px; height: 19px; background-position: -90px -88px;background-image: url(../images/foot_bg.png);}
.bottom .bottom_b span .foot_bg8{width: 16px; height: 19px; background-position: -118px -86px;background-image: url(../images/foot_bg.png);}
.bottom .bottom_b span .foot_bg9{width: 16px; height: 19px; background-position: -147px -86px;background-image: url(../images/foot_bg.png);}
.bottom .bottom_b a{font-size: 14px;color: #ffffff;}

/*侧边客服*/
.side{ width:80px; height:204px; position:fixed; z-index:9999; top:25%; right:0;}
.side li{ height:80px; width:auto; float:right; margin-bottom:1px; position:relative;}
.sidebox{ width: 80px; height: 65px; background-color:rgba(13,115,249,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(13,115,249,0.7); padding:10px;}
.side li p img{ width:100%; display:block;}
.side li:hover p{ display:block;}

/*关于我们*/
.banner_about{background:#2b8bc5 url(../images/banner_about.jpg) center top  no-repeat;
	width: 100%;
    height: 300px;
	position:relative;
	color:#FFF;
	}
.index_1{width: 100%; min-height: 95px; text-align: center;}
.index_1 a{display:inline-block; width:127px; height:46px; margin:0px 1px; margin-top:25px; 
	font-size:14px; line-height:38px; background:url(../images/tab_bg.png) center top no-repeat; color:#777;
	text-align:center; }
.index_1 a:hover{ background:url(../images/tab_bgh.png) center top no-repeat;color:#fff }
.index_1 a.no1{  background:url(../images/tab_bgh.png) center top no-repeat;color:#fff;}
.index_body img{ display:inline-block;}

/*网站建设*/
.banner_website{background:#2b8bc5 url(../images/banner_website.jpg) center top  no-repeat;
	width: 100%;
    height: 300px;
	position:relative;
	color:#FFF;}
.website_body{background-color:#f4f4f4; display:block;height:1400px;}
.index2{padding-top:50px;}
.index2 h2{display: block; font-size: 26px; padding: 24px 0 0 0; line-height: 60px; color: #f84; font-weight: bold; text-align:center;}
.index2 em{ display:block;color:#999; font-style:normal;text-align:center;}
.index2 ul{margin-top:50px;}
.index2 ul li{float:left;width:380px; background-color:#fff;margin-right:34px;height:510px;border-radius:5px;}
.index2 ul li:hover{box-shadow: 5px 5px 5px #ececec; transition:0.5s;
	transform: translate(0px,-10px); 
	-ms-transform: translate(0px,-10px); /* IE 9 */ 
	-webkit-transform: translate(0px,-10px); /* Safari and Chrome */
	}
.index2 ul li .website_bg1{background:url(../images/website1.jpg) center center no-repeat;height: 190px;border-radius:5px 5px 0 0;}
.index2 ul li .website_bg2{background:url(../images/website2.jpg) center center no-repeat;height: 190px;border-radius:5px 5px 0 0;}
.index2 ul li .website_bg3{background:url(../images/website3.jpg) center center no-repeat;height: 190px;border-radius:5px 5px 0 0;}
.index2 ul li .website_container{width:300px;
    margin: 0 auto;
	}
.index2 ul li .website_container .website_container_content{height:140px;border-bottom: 1px solid #eceff6;}
.index2 ul li .website_container .website_container_content h3{font-size: 18px;
    color: #3a405b;
    font-weight: bold;
    line-height: 20px;
    margin: 43px 0 30px 0;}
.index2 ul li .website_container .website_container_content p{font-size: 14px; color: #989baf; line-height: 29px;}
.index2 ul li .website_container b{
	display:block;
	padding-top: 15px;
    color: #777c92;
    font-size: 14px;
    line-height: 37px;
	font-weight:normal;
	margin-bottom:15px;
	}
.index2 ul li .website_container b span{}
.index2 ul li .website_container b span img{ display:inline;width:22px;padding-right:10px;vertical-align:middle;}
.index2 ul li .website_container a{background-color:#F30;
	width:130px;height:42px;font-size:16px;color:#FFF; 
	display:block; text-align:center;line-height:42px;
	font-weight:700;
	margin: 0 auto;
	border-radius:15px;}
.index2_1{margin-top:50px;}
.index2_1 h2{display: block; font-size: 26px; padding: 24px 0 0 0; line-height: 60px; color: #3e94ff; font-weight: bold; text-align:center;}
.index2_1 em{ display:block;color:#999; font-style:normal;text-align:center;}
.index2_1 ul{margin-top:50px;}
.index2_1 ul li{float:left;width:290px; background-color:#fff;margin-right:16px;height:410px;border-radius:5px; text-align:center;}
.index2_1 ul li:hover{box-shadow: 5px 5px 5px #ececec; transition:0.5s;
	transform: translate(0px,-10px); 
	-ms-transform: translate(0px,-10px); /* IE 9 */ 
	-webkit-transform: translate(0px,-10px); /* Safari and Chrome */
	}
.index2_1 ul li .index2_1_a{color: #3a405b; font-size: 20px; margin: 71px auto 36px auto; font-weight: bold;}
.index2_1 ul li .index2_1_b{font-size: 14px;
    color: #777c92;
    line-height: 29px;}
.index2_1 ul li .index2_1_c{padding-top:40px;}
.index2_1 ul li .index2_1_c img{margin:0 auto;}
.index2_2{margin-top:50px;}
.index2_2 h2{display: block; font-size: 26px; padding: 24px 0 0 0; line-height: 60px; color:#3a405b; font-weight: bold; text-align:center;}
.index2_2 em{ display:block;color:#999; font-style:normal;text-align:center;}
.index2_2 .index2_2_1{margin-top:50px;}
.index2_2 .index2_2_1 img{ display:block;margin:0 auto;}

/*新闻中心*/
.banner_news{background:#2b8bc5 url(../images/banner_news.jpg) center top  no-repeat;
	width: 100%;
    height: 300px;
	position:relative;
	color:#FFF;}
.news_wrap{margin-top:30px;}
.news_wrap .news_l{width:300px;margin-right:38px;}
.news_wrap .news_l .news_l_1{border-left:#ececec 1px solid;border-right:#ececec 1px solid;text-align:center;}
.news_wrap .news_l .news_l_1 h3{ background-color:#067bc6;height:60px;line-height:60px;
	font-size:24px;color:#FFF; font-weight:700;}
.news_wrap .news_l .news_l_1 h3 i{padding-left:40px;}
.news_wrap .news_l .news_l_1 h3 i img{display:inline;width:40px; vertical-align:middle;}
.news_wrap .news_l .news_l_1 ul li{ background-color:#FFF;height:60px;line-height:60px;border-bottom:#ececec 1px solid;}
.news_wrap .news_l .news_l_1 ul li i{padding-left:60px;}
.news_wrap .news_l .news_l_1 ul li i img{display:inline;width:20px; vertical-align:middle;}
.news_l_2{margin-top:20px;}
.news_l_3{margin-top:20px;border-left:#ececec 1px solid;border-right:#ececec 1px solid;}
.news_l_4{margin-top:20px;border-left:#ececec 1px solid;border-right:#ececec 1px solid;}
.news_l_3 h3{background-color:#ececec;height:50px;line-height:50px;
	font-size:20px;color:#333;padding-left:10px;}
.news_l_3 h3 i img{ display:inline; width:30px; vertical-align:middle;padding-right:10px;}
.news_l_3 ul li{width:300px;height:40px;line-height:40px; overflow:hidden;padding-left:20px;border-bottom:#ececec 1px solid;
	box-sizing:border-box;
	 }
.news_l_3 ul li a{font-size:15px;color:#666;}
.news_wrap .news_r{width:870px;}
.news_wrap .news_r .news_r_title{height:36px;line-height:36px;margin-top:5px; display:block;}
.news_wrap .news_r .news_r_title .news_r_title_l{ border-left:4px #067bc6 solid;padding-left:10px;}
.news_wrap .news_r .news_r_title .news_r_title_r span{color:#999;}
.news_wrap .news_r .news_r_title .news_r_title_r i img{display:inline;width:20px; vertical-align:middle;}
.news_wrap .news_r .news_r_title .news_r_title_r a{color:#666;font-size:14px;}
.news_wrap .news_r .news_r_list{margin-top:10px;}
.news_wrap .news_r .news_r_list ul li{ background-color:#FFF;height:160px;border-top:#ececec 1px solid;padding-top:30px;padding-bottom:30px;}
.news_wrap .news_r .news_r_list ul li .news_r_list_l{width:240px;margin-right:40px;}
.news_wrap .news_r .news_r_list ul li .news_r_list_l img{width:240px;height:150px;border-radius:2px;}
.news_wrap .news_r .news_r_list ul li .news_r_list_r{width:570px;}
.news_wrap .news_r .news_r_list ul li .news_r_list_r h3 a{font-size:20px;}
.news_wrap .news_r .news_r_list ul li .news_r_list_r p{font-size:14px;color:#999;height:70px;
	overflow: hidden; line-height: 24px;line-height:24px;padding-top: 10px;margin-bottom: 12px;}
.news_wrap .news_r .news_r_list ul li .news_r_list_r .news_r_list_r2{font-size:12px;color:#999;padding-top:16px;}
.news_wrap .news_r .news_r_list ul li .news_r_list_r .news_r_list_r2 span{padding-right:60px;}
.news_wrap .news_r .news_r_content{margin-top:30px;}
.news_wrap .news_r .news_r_content h2{ text-align:center; font-weight:700;line-height:48px;}
.news_wrap .news_r .news_r_content .news_r_dec{margin-top:10px;height:36px;text-align:center;line-height:36px;font-size:14px;color:#999;}
.news_wrap .news_r .news_r_content .news_r_dec span{padding-right:10px;padding-left:10px;}
.news_wrap .news_r .news_r_content .news_r_body{margin-top:10px;line-height:28px;}
.news_wrap .news_r .news_r_content .news_r_body img{display:inline-block;width:600px !important;height:auto !important;}
	
/*文章列表分页*/
.my_pages{margin-bottom:100px;}
.my_pages ul{}
.my_pages ul .thisclass{
	background-color: #62ADE0;
    color: #fff;
    border: 1px solid #62ADE0;}
.my_pages ul li{float:left;background-color: #fff; color: #fff; border: 1px solid #ccc;
	height: 36px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #cccccc;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 16px;
    font-size: 18px;
    color: #666666;
    cursor: pointer;}
.my_pages ul li:hover{
	background-color: #62ADE0;
    color: #fff;
    border: 1px solid #62ADE0;
	}
.my_pages ul li:hover a{color:#FFF; text-decoration:none;}

/*客户案例*/
.banner_brands{background:#2b8bc5 url(../images/banner_brands.jpg) center top  no-repeat;
	width: 100%;
    height: 300px;
	position:relative;
	color:#FFF;}
.brands{margin-top: 30px;}
.brands .brands-filter{margin: 10px 0;
    overflow: hidden;
    position: relative;
	padding: 10px 30px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(38, 38, 38, .16);
	}
.brands .brands-filter span{color: #999;
    width: 80px;
    float: left;
    line-height: 24px;}
.brands .brands-filter a{margin-right: 25px;
    cursor: pointer;
    display: inline-block;
    line-height: 24px;
    margin-bottom: 5px;
	}
.brands .brands-filter a:hover{color:#20B09F;}
.brands ul li{display: flex;
	margin-top: 26px;
    box-shadow: 0 0 8px 0 rgba(38, 38, 38, .16);}
.brands ul li .brands-img{width: 330px;
    height: 220px;
    overflow: hidden;}
.brands ul li .brands-img a img{width:100%;transition: all 0.5s ease 0s;}
.brands ul li .brands-img a 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*/}


.brands ul li .brands-info{width: 878px;
    padding: 26px 30px 0 36px;
    box-sizing: border-box;}
.brands ul li .brands-info .brands-title{height:24px;line-height:24px;}
.brands ul li .brands-info .brands-title span img{display:inline-block;height:20px; opacity:0.6;}
.brands ul li .brands-info .brands-title span img:hover{opacity:1;}
.brands ul li .brands-info .brands-title span a{padding-left:10px;}
.brands ul li .brands-info .brands-title .title{font-size: 18px;
    font-weight: bold;}
.brands ul li .brands-info .brands-title .baidu{float:right;}
.brands ul li .brands-info .brands-info02{display: flex;
    padding: 12px 0;}
.brands ul li .brands-info .brands-info02 .info02-leixing{margin-right: 50px;
    color: #666;font-size: 14px;}
.brands ul li .brands-info .brands-info02 .info02-hangye{margin-right: 50px;
    color: #666;font-size: 14px;}
.brands ul li .brands-info .brands-info02 .info02-diyu{color: #666;font-size: 14px;}
.brands ul li .brands-info .brands-info03{display: flex;
    padding-bottom: 8px;
    line-height: 24px;font-size: 14px;}
.brands ul li .brands-info .brands-info03 .brands-info-title{font-weight: bold;
    width: 60px;}
.brands ul li .brands-info .brands-info03 a{color: #20B09F;}
.brands ul li .brands-info .brands-info03 .brands-info-text{width: 750px;
    color: #666;
    text-align: justify;
    height: 76px;
    overflow-y: auto;}

/*云模板建站*/
.banner_moban{background:#2b8bc5 url(../images/banner_moban.jpg) center top  no-repeat;
	width: 100%;
    height: 300px;
	position:relative;
	color:#FFF;}
.moban{}
.moban .moban_category{margin: 40px 0;
    width: 100%;
    text-align: center;}
.moban .moban_category a.onclink{background-color: #333;color:#FFF;}
.moban .moban_category a.onclink_all{background-color: #a6a6a6;color:#FFF;}
.moban .moban_category a{padding: 8px 25px;
    font-size: 14px;
	color:#666;
	background-color: #fff;}
.moban .moban_category a:hover{background-color: #333;color:#FFF;}
.moban ul li{float:left;width:380px;margin-right:34px; text-align:center;margin-bottom:30px;}
.moban ul li:nth-child(3n){margin-right:0;}
.moban ul li .moban_img{width:380px;height:232px;overflow:hidden;}
.moban ul li .moban_img a{ display:block;}
.moban ul li .moban_img a img{width:266px;height:200px;transition: all 0.5s ease 0s; margin:0 auto;}
.moban ul li .moban_img a img:hover{transition-duration:0.5s;transform: scale(1.1);
	-webkit-transform: scale(1.1); /*Safari 和 Chrome*/
	-moz-transform: scale(1.1); /*Firefox*/
	-ms-transform: scale(1.1); /*IE9*/
	-o-transform: scale(1.1); /*Opera*/}
.moban ul li .moban_title{margin-top: 4px;
    color: #505050;
    font-size: 18px;
    line-height: 30px;}
.moban ul li .moban_list01{margin-top:8px;color: #b1b1b1;
    font-size: 12px;
    line-height: 18px;
	display:block;}
.moban ul li .moban_list02{margin-top:12px;}
.moban ul li .moban_list02 .moban_list_bianhao{color: #b1b1b1;
    font-size: 12px;padding-right:40px;}
.moban ul li .moban_list02 .moban_list_price{color: #ff690b;
    font-size: 20px;}
.moban ul li .moban_list02 .moban_list_price span{padding-left:10px;text-decoration:line-through;color: #b1b1b1;font-size:14px;}
	
/*模板详情页*/
.banner_moban2{background:#2b8bc5 url(../images/banner_moban2.jpg) center top  no-repeat;
	width: 100%;
    height: 300px;
	position:relative;
	color:#FFF;}
.moban_body{display: flex;margin-top:30px;}
.moban_body .moban_body_l{width:840px;margin-right:40px; text-align:center;}
.moban_body .moban_body_l .moban_body_title{font-size: 20px;
    color: #2c3e50;
    font-weight: bold;
    height: 30px;
	padding-top:20px;}
.moban_body .moban_body_l .moban_body_click{font-size: 14px;
    height: 22px;
    line-height: 22px;
	color:#999;
	padding-top:10px;}
.moban_body .moban_body_l .moban_body_content{margin-top:20px;margin-bottom:20px;}
.moban_body .moban_body_l .moban_body_content img{width:800px;margin:0 auto;}
.moban_body .moban_body_r{width:328px;height:220px;border:1px #ececec solid;}
.moban_body .moban_body_r .moban_side01{font-weight:700;
	background-color:#067bc6;height:60px;line-height:60px;
	font-size:24px;color:#FFF; font-weight:700;border:1px #067bc6 solid;
	text-align:center;
}
.moban_body .moban_body_r .moban_side02{color:#999;font-size:14px;line-height:30px;padding-left:20px;padding-top:20px;}
.moban_body .moban_body_r .moban_side02 span{color:#333;}
.moban_body .moban_body_r .moban_side03{color: #999;
    font-size: 14px;
    line-height: 30px;
	padding-left:20px;
	padding-right:20px;
	}
.moban_body .moban_body_r .moban_side03 span{color:#333;}
.moban_body .moban_body_r .moban_side04{color:#999;font-size:14px;line-height:30px;padding-left:20px;}
.moban_body .moban_body_r .moban_side04 span{color:#333;}
.moban_body .moban_body_r .moban_side04 a{color:#20B09F;}
.moban_body .moban_body_r .moban_side05{padding-top:20px;}
.moban_body .moban_body_r .moban_side05 span{ display:block;color:#999;font-size:12px; text-align:center;line-height:30px;}
.moban_body .moban_body_r .moban_side05 img{width:120px;margin:0 auto;}

/*小程序*/
.banner_xcx{background:#2b8bc5 url(../images/banner_xcx.jpg) center top  no-repeat;
	width: 100%;
    height: 300px;
	position:relative;
	color:#FFF;}
.xcx{margin-top:60px;}
.xcx .xcx_1{ text-align:center;}
.xcx .xcx_1 h3{font-size: 28px;
    color: #18333a;}
.xcx .xcx_1 p{font-size:14px;color:#666;line-height:30px;padding-top:10px;}
.xcx .xcx_1 ul{margin-top:30px;}
.xcx .xcx_1 ul li{ float:left;width:280px;margin-left:11px;margin-right:11px;}
.xcx .xcx_1 ul li .xcx_1_img{padding-bottom:20px;}
.xcx .xcx_1 ul li .xcx_1_img img{width:120px;margin:0 auto;}
.xcx .xcx_1 ul li .xcx_1_title{color: #333;
    font-size: 20px;}
.xcx .xcx_1 ul li .xcx_1_dec{width:200px;margin:0 auto;font-size:14px;color:#666;line-height:30px;padding-top:10px;}

.xcx .xcx_2{margin-top:60px;}
.xcx .xcx_2 h3{font-size: 28px;
    color: #18333a;text-align:center;}
.xcx .xcx_2 p{font-size:14px;color:#666;line-height:30px;padding-top:10px;text-align:center;}
.xcx .xcx_2 .xcx_2_1{margin-top:30px;}
.xcx .xcx_2 .xcx_2_1 .xcx_2_l{width:550px;}
.xcx .xcx_2 .xcx_2_1 .xcx_2_l .xcx_2_img{}
.xcx .xcx_2 .xcx_2_1 .xcx_2_l .xcx_2_img img{}
.xcx .xcx_2 .xcx_2_1 .xcx_2_r{width:650px;}
.xcx .xcx_2 .xcx_2_1 .xcx_2_r .xcx_2_title{font-size: 28px;letter-spacing: 4px;
    margin-bottom: 10px;}
.xcx .xcx_2 .xcx_2_1 .xcx_2_r .xcx_2_twotitle{font-size: 18px;color: #666;
    letter-spacing: 2px;}
.xcx .xcx_2 .xcx_2_1 .xcx_2_r .xcx_2_dec{font-size: 14px;letter-spacing: 2px;
    color: #666;
    margin-top: 30px;
    position: relative;
    line-height: 29px;}
.xcx .xcx_2 .xcx_2_1 .xcx_2_r .xcx_2_button{padding-top:60px;}
.xcx .xcx_2 .xcx_2_1 .xcx_2_r .xcx_2_button a{ display:block; background:#FFF;
	border:#38f 1px solid;width:120px;height:40px;line-height:40px; text-align:center;color:#38f;}
.xcx .xcx_2 .xcx_2_1 .xcx_2_r .xcx_2_button a:hover{ background:#38f;color:#FFF;}

.xcx .xcx_2 .xcx_2_2{margin-top:60px;}
.xcx .xcx_2 .xcx_2_2 .xcx_2_l{width:750px;}
.xcx .xcx_2 .xcx_2_2 .xcx_2_l .xcx_2_title{font-size: 28px;letter-spacing: 4px;
    margin-bottom: 10px;}
.xcx .xcx_2 .xcx_2_2 .xcx_2_l .xcx_2_twotitle{font-size: 18px;color: #666;
    letter-spacing: 2px;}
.xcx .xcx_2 .xcx_2_2 .xcx_2_l .xcx_2_dec{font-size: 14px;letter-spacing: 2px;
    color: #666;
    margin-top: 30px;
    position: relative;
    line-height: 29px;}
.xcx .xcx_2 .xcx_2_2 .xcx_2_l .xcx_2_button{padding-top:60px;}
.xcx .xcx_2 .xcx_2_2 .xcx_2_l .xcx_2_button a{ display:block; background:#FFF;
	border:#38f 1px solid;width:120px;height:40px;line-height:40px; text-align:center;color:#38f;}
.xcx .xcx_2 .xcx_2_2 .xcx_2_l .xcx_2_button a:hover{ background:#38f;color:#FFF;}
.xcx .xcx_2 .xcx_2_2 .xcx_2_r{width:458px;}

.xcx .xcx_2 .xcx_2_3{margin-top:60px;}
.xcx .xcx_2 .xcx_2_3 ul{}
.xcx .xcx_2 .xcx_2_3 ul li{float:left;width:580px;margin-right:48px;}
.xcx .xcx_2 .xcx_2_3 ul li .xcx_2_3_img a img{width:580px;height:208px;transition: all 0.5s ease 0s; margin:0 auto;}
.xcx .xcx_2 .xcx_2_3 ul li .xcx_2_3_img a img:hover{transition-duration:0.5s;transform: scale(1.05);
	-webkit-transform: scale(1.05); /*Safari 和 Chrome*/
	-moz-transform: scale(1.05); /*Firefox*/
	-ms-transform: scale(1.05); /*IE9*/
	-o-transform: scale(1.05); /*Opera*/}

.xcx .xcx_2 .xcx_2_3 ul li .xcx_2_3_content{height: 114px;
    line-height: 114px;}
.xcx .xcx_2 .xcx_2_3 ul li .xcx_2_3_content .xcx_2_3_title{font-size: 28px;}
.xcx .xcx_2 .xcx_2_3 ul li .xcx_2_3_content .xcx_2_3_dec{font-size: 16px;color: #888;}

.xcx .xcx_3{margin-top:60px;}
.xcx .xcx_3 h3{font-size: 28px;
    color: #18333a;text-align:center;}
.xcx .xcx_3 p{font-size:14px;color:#666;line-height:30px;padding-top:10px;text-align:center;}
.xcx .xcx_3 ul{margin-top:60px;}
.xcx .xcx_3 ul li{width: 180px;
    height: 180px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    float: left;
    margin: 0 30px;
    box-sizing: border-box;
    padding: 0 30px;
    font-size: 14px;
    line-height: 1.4;
    position: relative;}
.xcx .xcx_3 ul li.step1{background: linear-gradient(-40deg,#5ae6db,#64b4ef);}
.xcx .xcx_3 ul li.step2{background: linear-gradient(-40deg,#ffb97d,#ff7985);}
.xcx .xcx_3 ul li.step3{background: linear-gradient(-40deg,#81eab2,#14c5ce);}
.xcx .xcx_3 ul li.step4{background: linear-gradient(-40deg,#82c3fe,#9182f8);}
.xcx .xcx_3 ul li.step5{background: linear-gradient(-40deg,#64b6ee,#5fcbe5);}
.xcx .xcx_3 ul li h4{font-size: 22px;
    font-weight: bold;
    padding-top: 50px;
    padding-bottom: 10px;}
.xcx .xcx_3 ul li p{color:#FFF;}

.xcx_4{margin-top:60px;background-color:#f7f7f7;}
.xcx_4 .xcx_4_container{width:1208px;margin:0 auto;padding-top:60px;}
.xcx_4 .xcx_4_container h3{font-size: 28px;
    color:#18333a;text-align:center;}
.xcx_4 .xcx_4_container p{font-size:14px;color:#666;line-height:30px;padding-top:10px;text-align:center;}
.xcx_4 .xcx_4_container ul{margin-top:30px;}
.xcx_4 .xcx_4_container ul::after{
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.xcx_4 .xcx_4_container ul li{width: 280px;
    height: 340px;
    margin: 0 10px 20px 10px;
    background: #fff;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    color: #696969;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;}
.xcx_4 .xcx_4_container ul li > img{width: 280px;
    height: 210px;
    border-radius: 10px 10px 0 0;}
.xcx_4 .xcx_4_container ul li .xcx_4_text{box-sizing: border-box;
    padding: 55px 20px 0 20px;
    max-height: 100px;
    overflow: hidden;}
.xcx_4 .xcx_4_container ul li .xcx_4_text span{color:#afafaf;padding-left:10px;}
.xcx_4 .xcx_4_container ul li .xcx_4_logo{position: absolute;
    left: 0;
    right: 0;
    width: 80px;
    height: 80px;
    bottom: 90px;
    margin: auto;}
.xcx_4 .xcx_4_container ul li .xcx_4_logo img{width: 80px;
    height: 80px;
    border-radius: 50%;}
.xcx_4 .xcx_4_container ul li .xcx_4_hover{width: 100%;
    height: 100%;
    position: absolute;
    top: 340px;
    background: #fff;
    transition: 0.5s;}
.xcx_4 .xcx_4_container ul li .xcx_4_hover img{width: 145px;
    height: 145px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;} 
.xcx_4 .xcx_4_container ul li:hover .xcx_4_hover{
    top:0;}

/*增值服务*/
.banner_addservice{background:#2b8bc5 url(../images/banner_service.jpg) center top  no-repeat;
	width: 100%;
    height: 300px;
	position:relative;
	color:#FFF;}
.addservice{margin-top:60px;}
.addservice .addservice_1{}
.addservice .addservice_1 .addservice_1_title{font-size: 28px;
    text-align: center;
    color: #000000;border-bottom: 1px solid #f0f0f0;}
.addservice .addservice_1 .addservice_1_title span{ display:block;font-size:14px;color:#999999;line-height:40px;}
.addservice .addservice_1 .addservice_1_title i{background-image: url(../images/service-title01.png);
    width: 82px;
    height: 6px;
    display: block;
    margin: 0 auto;
    padding-top: 16px;
    background-repeat: no-repeat;
    background-position: bottom;}
.addservice .addservice_1 ul{width:480px;margin:0 auto;margin-top:20px;}
.addservice .addservice_1 ul li{float:left;}
.addservice .addservice_1 ul li img{width:240px;}

.addservice .addservice_2{margin-top:60px;}
.addservice .addservice_2 .addservice_2_title{font-size: 28px;
    text-align: center;
    color: #000000;border-bottom: 1px solid #f0f0f0;}
.addservice .addservice_2 .addservice_2_title span{ display:block;font-size:14px;color:#999999;line-height:40px;}
.addservice .addservice_2 .addservice_2_title i{background-image: url(../images/service-title01.png);
    width: 82px;
    height: 6px;
    display: block;
    margin: 0 auto;
    padding-top: 16px;
    background-repeat: no-repeat;
    background-position: bottom;}
.addservice .addservice_2 .addservice_2_img{width:1000px;margin:0 auto;margin-top:30px;}
.addservice .addservice_2 .addservice_2_img img{width:100%;}
/*小轮播*/
.Box {position: relative;margin-top:50px;}
.Box .content {width: 1000px;margin: 0 auto;}
.Box .content h3{ text-align:center;font-size: 28px;
    text-align: center;
    color: #000000;
	margin-bottom:50px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 240px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left:-72px; z-index:99;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right:-72px;z-index:99;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 240px;height: 520px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 240px;height: 520px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background:#62ADE0;}

/*帮助中心*/
.banner_help{background:#2b8bc5 url(../images/banner_help.jpg) center top  no-repeat;
	width: 100%;
    height: 300px;
	position:relative;
	color:#FFF;}

/*手机版*/
.banner_mobile{background:#2b8bc5 url(../images/banner_mobile.jpg) center top  no-repeat;
	width: 100%;
    height: 300px;
	position:relative;
	color:#FFF;}
.mobile_body{width: 1200px;
    margin: 0 auto;margin-top: 30px;}
.mobile_body ul{}
.mobile_body ul li{float: left;
    width: 378px;
    margin: 10px;
    display: inline;border: 1px solid #f3f3f3;
    border-top: 2px solid #F90;
    background-color: #fff;
    text-align: center;}
.mobile_body ul li .mobile_body_title{font-size: 20px;
    padding: 20px 0;}
.mobile_body ul li .mobile_body_img{
    padding: 10px;}
.mobile_body ul li .mobile_body_img img{width:220px;height:220px;margin:0 auto;border: 1px solid #f3f3f3;}
.mobile_body ul li .mobile_body_des{padding: 10px 0;
    height: 110px;
    line-height: 40px;}
.mobile_body ul li .mobile_body_des span{color:#2978e4;}

/*关于水滴*/
.index_body .about{}
.index_body .about .about_l{width:800px;}
.index_body .about .about_l h2{font-size:38px;font-weight:700;margin:40px 0;}
.index_body .about .about_l h2 span{color:#0281FF;padding-left:20px;}
.index_body .about .about_l .about_l_content p{padding-top:10px;padding-bottom:10px;line-height:30px;}
.index_body .about .about_r{width:408px;}
.index_body .about .about_r img{width:300px;padding-left:108px;padding-top:30px;}

/*企业文化*/
.culture{text-align:center;margin-top:50px;}
.culture .culture_img{}
.culture .culture_img img{width:500px;margin:0 auto;padding-bottom:20px;}
.culture span{font-size:60px;padding:0 20px;color:#016cc5;font-weight:700;}
.culture .culture_des{margin-top:30px;line-height: 30px;}

/*发展历程*/
.main{
	width: 50%;
	margin: 30px auto;
}

.time-axis{
	margin: 0;
	padding: 0;
	position: relative;
}
.time-axis:before{
	content: '';
	position: absolute;
	left: 93px;
	top: 15px;
	width: 1px;
	height: 100%;
	background-color: #E4E4E4;
}
.time-axis-item{
	list-style: none;
	padding-left: 150px;
	position: relative;
	line-height: 45px;
	font-size: 18px;
	color: #141414;
}
.time-axis-achievement{
	margin: 0;
	font-size:17px;
	color:#666;
}
.time-axis-date{
	position: absolute;
	left: 0;
	top: 0;
	color: #333;
	font-size:20px;
}

.time-axis-date span{
	position: absolute;
	right: -49px;
	top: 35%;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #ccc;
	border-radius: 100%;
	background-color: #fff;
}
.time-axis-date span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	background-color: #ccc;
	border: 1px solid #ccc;
	border-radius: 100%;
}

.time-axis-item:last-child .time-axis-date span{
	border-color: #016cc5;
}

.time-axis-item:last-child .time-axis-date span:after{
	background-color: #016cc5;
	border-color: #016cc5;
}
/*资质荣誉*/
.honor{background:url(../images/honor_des.png) center top  no-repeat;width: 800px;
    height: 372px;
	position:relative;
	margin:0 auto;}
.honor h2{color: #016cc5;font-size:30px;font-weight:700;padding-top:160px;}
.honor p{font-size:16px;padding-top:20px;width:380px;line-height:26px;}
/*付款方式*/
.paylist_a{margin-top:30px; text-align:center;}
.paylist_a h3{font-size:40px;font-weight:700;padding-bottom:30px;}
.paylist_a p{width:900px;margin:0 auto;line-height:28px;color:#666;}
.paylist_b{width:900px;margin:0 auto;margin-top:60px;}
.paylist_b h4{font-size:20px;width:100px; text-align:center;padding-bottom:10px;border-bottom:2px solid #00aaec;margin:0 auto;margin-bottom:50px;}
.paylist_b .paylist_b_l img{width:100%;}
.paylist_b .paylist_b_r{padding-top:10px;color:#666;text-align:right;line-height:30px;}
.paylist_c{width:900px;margin:0 auto;margin-top:60px;}
.paylist_c h4{font-size:20px;width:100px; text-align:center;padding-bottom:10px;border-bottom:2px solid #00aaec;margin:0 auto;margin-bottom:50px;}
.paylist_c .paylist_c_l{padding-top:150px;color:#29a03a; text-align:center;font-size:30px;line-height:50px;}
.paylist_c .paylist_c_r img{width:100%;}
.paylist_d{width:900px;margin:0 auto;margin-top:60px;}
.paylist_d h4{font-size:20px;width:100px; text-align:center;padding-bottom:10px;border-bottom:2px solid #00aaec;margin:0 auto;margin-bottom:50px;}
.paylist_d .paylist_d_l img{width:100%;}
.paylist_d .paylist_d_r{padding-top:20px;color:#666; text-align:right;line-height:30px;}
/*常见问题*/
.question{width:900px;margin:0 auto;margin-top:50px;}
.question ul li{margin-bottom:50px;}
.question .question_list{background-color:#ececec; box-shadow:0px 0px 20px #999;padding:20px 30px;}
.question ul li h4{font-size:20px;line-height:30px;}
.question ul li h4 span{ display:inline-block;color:#FFF; background-color:#999;width:30px;height:30px; text-align:center;font-size:22px; font-weight:700;line-height:30px;border-radius:20px;margin-right:10px;}
.question ul li p{font-size:16px;line-height:24px;padding-top:20px;color:#666;}
/*文件下载*/
.download{width:880px;margin:0 auto;margin-top:50px;}
.download ul{}
.download ul li{background-color:#EEE;height:40px;line-height:40px;padding-left:20px;color:#666;margin-bottom:20px;}
.download ul li a{ padding-left:20px;color:#333;}
.download ul li a:hover{color:#016cc5;}
/*备案信息*/
.beian{width:880px;margin:0 auto;margin-top:50px;}
.beian .beian_a .beian_a_l h3{font-size:32px;margin-top:70px;}
.beian .beian_a .beian_a_l p{font-size:18px;color:#666;margin-top:20px;}
.beian .beian_a .beian_a_r img{width:400px;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.beian .beian_b{font-size:18px; text-align:center;margin-top:50px;}
.beian .beian_b span{color:#ff9900;font-weight:700;font-size:24px;}
.beian .beian_c{margin-top:50px;}
.beian .beian_c ul li{ float:left;width:440px;text-align:center;font-size:18px;line-height:30px;}
.beian .beian_c ul li .beian_c_img{height:200px;padding-top:20px;padding-bottom:20px;}
.beian .beian_c ul li .beian_c_img img{height:100%; display:block;margin:0 auto;}
.beian .beian_d{margin-top:80px;font-size:20px;}
/*抖音认证*/
.douyin img{display:block;width:100%;}
/*朋友圈广告*/
.wxad{margin-top:60px;}
.wxad .wxad_l{width:600px;padding-top:30px;}
.wxad .wxad_l .wxad_ico img{width:80px;}
.wxad .wxad_l .wxad_title{margin-top: 16px;
	margin-bottom: 16px;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #0b1531;}
.wxad .wxad_l .wxad_des{width: 470px;
    margin-bottom: 45px;
    font-size: 16px;
    line-height: 30px;
    color: #0b1531;
    letter-spacing: 1px;
	text-align:justify;}
.wxad .wxad_l .wxad_link{}
.wxad .wxad_l .wxad_link a{ background-color:#0281FF;font-size:18px;color:#FFF;padding:15px 30px;border-radius:20px;}
.wxad .wxad_r{width:578px;}
.wxad .wxad_r .wxad_img img{width: 578px;}
.wxad_box{background-color: #f5f9ff;margin-top:60px;height:800px;padding-top:80px;}
.wxad_box_next{margin-top:0px;}
.wxad_box .wxad_box_title{font-size: 36px; font-weight: 500; text-align:center;padding-bottom: 26px;}
.wxad_box .wxad_box_blank{width: 40px;
    background-color: #296bef;
    border-radius: 3px;
	height: 6px;
	margin:0 auto;
	margin-bottom: 64px;}
.wxad_box .wxad_content{width: auto;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
	}
.wxad_box .wxad_content .wxad_content_l{display: inline-block;
    position: relative;
    width: 280px;
    height: 570px;
    border-radius: 38px;
    background-image: url(../images/new_iphone.png);
    background-size: 280px auto;
    box-shadow: 0 3px 16px rgba(0,116,255,.05);}
.wxad_box .wxad_content .wxad_content_l .wxad_content_img{position: absolute;
    display: inline-block;
    overflow: hidden;
    width: 248px;
    height: 438px;
    top: 65px;
    left: 16px;
    z-index: 2;}
.wxad_box .wxad_content .wxad_content_l .wxad_content_img img{width:100%;}
.wxad_box .wxad_content .wxad_content_r{margin-left: 84px;
    text-align: left;}
.wxad_box .wxad_content .wxad_content_r p{width: 390px;
    font-size: 16px;
    color: #68779c;
    letter-spacing: 1px;}
.wxad_contact{    height: 330px;
    background-image: url(../images/reservation_bgc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 50px;}
.wxad_contact h3{font-size: 32px;
	text-align:center;
    color: #fff;
    letter-spacing: 1.5px;}
.wxad_contact p{font-size: 16px;
    color: rgba(255,255,255,.6);
	text-align:center;padding: 16px 0 52px;}
.wxad_contact img{ display:block;width: 165px;
    height: 170px;margin:0 auto;}
/*上一篇下一篇*/
.pagenext{margin-top:20px;padding-top:15px; border-top:1px solid #f2f2f2;}
.pagenext a{color:#666;}
.pagenext a:hover{color:#0281FF;}
/*精选文章*/
.wrap{width:1308px;margin:0 auto;}
.wx_head{width:100%;overflow:hidden;}
.wx_head .wx_logo{padding:20px 0;}
.wx_head .wx_logo img{width:100%; display:block;}
.wx_tag{}
.wx_tag .tag_con{background-color:#FFF;padding:20px 30px; border-radius:5px;overflow:hidden;}
.wx_tag .tag_con .tag_head{border-bottom:1px solid #f2f2f2;padding-bottom:15px;margin-bottom:10px;line-height:30px;}
.wx_tag .tag_con .tag_head h4{font-size:18px;border-left:4px solid #0281FF;padding-left:10px;font-weight:700;}
.wx_tag .tag_con .tag_list{}
.wx_tag .tag_con .tag_list a{font-size:16px;
	line-height: 36px;
	padding-right:30px;
	}
.wx_tag .tag_con .tag_list a:hover{color:#0281FF;}
.wx_con{margin-top:20px;margin-bottom:20px;overflow:hidden;}
.wx_con .wx_list{background-color:#FFF;padding:20px 30px; border-radius:5px;overflow:hidden;}
.wx_con .wx_list .wx_list_head{border-bottom:1px solid #f2f2f2;padding-bottom:15px;margin-bottom:10px;line-height:30px;}
.wx_con .wx_list .wx_list_head h4{font-size:18px;border-left:4px solid #0281FF;padding-left:10px;font-weight:700;}
.wx_con .wx_list .wx_list_head h4 span{font-size:14px;color:#666;font-weight:normal;}
.wx_con .wx_list ul{}
.wx_con .wx_list ul li{width:385px;
	float:left;
	margin-right:24px;
	list-style-type:disc;
	line-height:36px;
	height:36px;
	overflow:hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.wx_con .wx_list ul li:nth-child(3n){margin-right:0;}
.wx_con .wx_list ul li a{font-size:15px;
	line-height: 36px;
	}
.wx_con .wx_list ul li a:hover{color:#0281FF;}