@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td, blockquote { margin:0; padding:0; font-size:12px;}
html,body{width:100%; height:100%;}
body{ zoom:1; background:#ffffff; font-family:Arial,"微软雅黑","Microsoft YaHei";}
img { border:0 none; vertical-align:middle; vertical-align:middle; border:0; }
ul, ol, li { list-style:none; }
body, input, select, button, textarea { font-size:12px; font-family:Arial,"微软雅黑";}
body, input, select, button, textarea { *font-family:"微软雅黑","Microsoft YaHei";}
table, tr, th, td { border:0 none; vertical-align:middle; border-collapse:collapse;}
button { cursor:pointer; }
i, em, cite, address { font-style:normal; }
a{ text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur());}
a:link { text-decoration:none; cursor:pointer; }
a:hover, a:active { text-decoration:none; -moz-background-clip:222;}
a:focus { outline:none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none;padding:0;}


a,
header ul.user li,

.choice li div.iconfont
{
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	}

.theme .themeList li .themeImg,
.theme .themeList li,
.service2 ul div.serviceColor:after,
.theme .themeList li:after{
	transition:all 0.8s ease-out;
	-o-transition:all 0.8s ease-out;
	-ms-transition:all 0.8s ease-out;
	-moz-transition:all 0.8s ease-out;
	-webkit-transition:all 0.8s ease-out;
}
.what li .iconfont{
	transition:all 0.3s ;
	-o-transition:all 0.3s ;
	-ms-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	-webkit-transition:all 0.3s;
	}







/* 引用字体图片 */

/* 初始化样式 */
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px; -moz-osx-font-smoothing: grayscale; }
/* 部分公共 */
.Title { padding-top: 55px; }
.Title h2 { font-size: 36px; color: #333; text-align: center; font-weight:400; }
.Title p { font-size: 16px; line-height: 26px; width: 900px; margin: 0 auto; text-align: center; color: #666; padding-top: 20px;  }
a.more:hover{ background:#fff !important; color:#5BA0F6 !important;}

/* banner */
 
.banner{font-size: 0;}
.banner-l,.banner-r{display: inline-block;vertical-align: top;position: relative;width: 50%; height:600px; text-align:center}
.banner-l{ background:url(../images/aogoi.jpg) center center; background-size:cover}
.banner-l .anniu { padding-top:10px;}
.banner-l .anniu a{ margin:2px;width:120px; font-size:16px; height:38px;line-height:38px; border:1px solid #28a2ff; text-align:center; display:inline-block;-moz-border-radius: 3px;    -webkit-border-radius: 3px;    border-radius:3px; }
.banner-l .anniu a:hover{ background:#28a2ff; color:#FFF}

.banner-r{ background:url(../images/nalbg_11.jpg) center center; background-size:cover}
.banner-r .anniu { padding-top:10px;}
.banner-r .anniu a{ margin:2px;width:120px; font-size:16px;height:38px;line-height:38px; border:1px solid #fff556; color:#fff556; text-align:center; display:inline-block;-moz-border-radius: 3px;    -webkit-border-radius: 3px;    border-radius:3px; }
.banner-r .anniu a:hover{ background:#fff556; color:#F30}
.banner-l>img,.banner-r>img{display: block;width: 100%;}
.index_com{/*position: absolute;left: 0%;top:60%;box-sizing: border-box;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);*/ text-align:center; margin-top:200px; line-height:500%
}
.index_com h2{font-size: 40px;color: white;font-weight: bold;margin: 8px;}
.index_com p{font-size: 20px;color: white;line-height: 180%;box-sizing: border-box;}
.index_com{padding-left: 10%;}
.index_com{padding-right: 10%;}


 






/* header */
body{ position:relative; overflow-x: hidden;}
body header{ position:absolute; z-index:99; width:100%; background:#000; background:rgba(0,0,0,.2); top:0; left:0;}
 
/* 选择优品建站的理由 */
.what { padding-bottom:60px }
.what ul { width: 1150px; font-size: 0; margin: 0 auto; padding-top: 45px; overflow:hidden; }
.what li { display: inline-block; height: 175px; width: 20%; position:relative; perspective:1000px; padding:10px 0; }
.what li:before,.what li:after,.what li article:before,.what li article:after{ width:0%; height:0%; position:absolute;  content:""; display:block; opacity:1; z-index:-1;  }
.what li:before{ border-top:1px solid #aaa; left:0; top:-25px;transition: all 0.3s ease-out ; }
.what li:after{border-right:1px solid #aaa; right:0; top:-25px; transition: all 0.3s ease-out 0.2s;}
.what li article:before{border-bottom:1px solid #aaa; right:0; bottom:25px; transition: all 0.3s ease-out 0.4s;}
.what li article:after{border-left:1px solid #aaa; left:0; bottom:25px;transition: all 0.3s ease-out 0.6s; }

.what li:hover::before,.what li:hover::after,.what li:hover article::before,
.what li:hover div.iconfont{ border-radius:50%;}
.what li.active1 div.iconfont{ border-radius:50%;}
.what li div.iconfont {  width: 112px; height: 112px; margin: 0 auto; line-height: 108px; text-align: center; font-size: 45px; font-weight: normal; color: #fff; border-radius: 5px; position:relative; }
.what li div.iconfont:after{ transform:scale(1); content:""; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; border-radius:6px; transition:all 0.3s;}
.what li:hover div.iconfont:after{ transform:scale(1.1) rotate(45deg); opacity:0.2;border-radius:6px;}
.what li.active1 div.iconfont:after{ transform:scale(1.3); opacity:0.2; }
.what li span { line-height:300%; display: block; width: 100%; text-align: center; font-size: 16px; color: #000; }
.what li div.iconfont[class$='1'] { background: #FE5F4D; }
.what li div.iconfont[class$='1']:after{ border:1px solid #FE5F4D;}
.what li div.iconfont[class$='2'] { background: #FBB84D; }
.what li div.iconfont[class$='2']:after{ border:1px solid #FBB84D;}
.what li div.iconfont[class$='3'] { background: #FADC4F; }
.what li div.iconfont[class$='3']:after{ border:1px solid #FADC4F;}
.what li div.iconfont[class$='4'] { background: #8870CF; }
.what li div.iconfont[class$='4']:after{ border:1px solid #8870CF;}
.what li div.iconfont[class$='5'] { background: #D37AD1; }
.what li div.iconfont[class$='5']:after{ border:1px solid #D37AD1;}
.what li div.iconfont[class$='6'] { background: #F57E7C; }
.what li div.iconfont[class$='6']:after{ border:1px solid #F57E7C;}
.what li div.iconfont[class$='7'] { background: #19A0CC; }
.what li div.iconfont[class$='7']:after{ border:1px solid #19A0CC;}
.what li div.iconfont[class$='8'] { background: #F6A479; }
.what li div.iconfont[class$='8']:after{ border:1px solid #F6A479;}
.what li div.iconfont[class$='9'] { background: #D88AC0; }
.what li div.iconfont[class$='9']:after{ border:1px solid #D88AC0;}
.what li div.iconfont[class$='10'] { background: #0FC1E5; }
.what li div.iconfont[class$='10']:after{ border:1px solid #0FC1E5;}
.what li:hover .iconfont{ 
	
}
/* 二次服务 */
.service { width: auto; /*background-color:#42b8f1 !important; height: 850px;*/ position:relative}
.service  .met-index-mb{ background-color: #42b8f1 !important;}
.service .Title { }
.service .Title h2 { color: #fff; }
.service .Title p { color: #fff; }
.service ul { width: 1150px; padding-top: 40px; display: block; font-size: 0; margin: 0 auto; }
.service li { display: inline-block; width: 33.3%; height: 230px; padding-top:40px; overflow:hidden; position:relative; }
.service li:after{}
.service li div.iconfont { width: 64px; height: 64px; margin: 0 auto; background: #000; color: #fff; font-size: 35px; line-height: 60px;  font-weight: normal; border-radius: 50%; text-align: center; }
.service li:hover{ animation: bounce 1s;}
.service li span { font-size: 20px; line-height: 60px; color: #fff; display: block; width: 100%; text-align: center; }
.service li small { width: 260px; font-size: 14px; line-height: 26px; color: #fff; display: block; margin: 0 auto; text-align: center; }
.service a.more { width: 200px; height: 38px; border-radius: 6px; border: 1px solid #5FC1F1; text-align: center; line-height: 38px; color: #fff; font-size: 14px; display: block; margin: 0 auto; }
/*.service li div.iconfont[class$='1'] { background: #EA6146; }
.service li div.iconfont[class$='2'] { background: #FC7B50; }
.service li div.iconfont[class$='3'] { background: #FCCC45; }
.service li div.iconfont[class$='4'] { background: #FAD451; }
.service li div.iconfont[class$='5'] { background: #28D7AF; }
.service li div.iconfont[class$='6'] { background: #90D56D; } */


/*首页-区别-我们的优势*/
.difference { }
.difference .banners { height: 183px; width: 100%; position: relative; }
.difference .banners[class$='1'] { background: url(indeximages/yx_02.jpg) no-repeat center top; }
.difference .banners[class$='2'] { background: url(indeximages/yx_04.jpg) no-repeat center top; }
.difference .banners span { position: absolute; width: 80px; height: 80px; background: #fff; background: rgba(255,255,255,0.3); border-radius: 50%; left: 50%; bottom: 0; margin: -40px; }
.difference .banners span:after{ width:100%; height:100%; background:rgba(0,0,0,0.1);  position:absolute; top:0; left:0; border-radius:50%;}
.difference .banners span:before{ display:block; display:block; content:""; width:100%; height:100%; border:1px solid rgba(255,255,255,0.3); position:absolute; left:-1px; top:-1px; border-radius:50%; animation: bannerss 1.5s infinite ;}
@keyframes banners{
	from{
		transform: scale(0);
		opacity:1;
		}
	to{
		transform:scale(1.2);
		opacity:0;
		}
	}
@keyframes bannerss{
	from{
		transform:scale(1);
		opacity:1;
		}
	to{
		transform:scale(1.5);
		opacity:0;}
	}
.difference .banners small { width: 62px; height: 62px; margin: 9px auto; display: block; background: #fff; border-radius: 50%; line-height: 58px; text-align: center; }
.difference .banners em { display: block; width: 100%; height: 183px; line-height: 170px; color: #fff; font-size: 48px; font-weight: bold; text-align: center; }
.difference ul { height: 450px; line-height: 450px; background: #F6F7FB; font-size: 0; text-align: center; }
.difference li { line-height: 26px; background: #fff; vertical-align: middle; width: 315px; height: 300px; margin: 0 6px; display: inline-block; }
.difference li div.iconfont { margin: 28px auto; width: 66px; height: 66px; border: 2px dotted #999999; border-radius: 50%; line-height: 62px; font-size: 30px; color: #999; }
.difference li span { display: block; width: 100%; text-align: center; color: #454545; font-size: 20px; }
.difference li small { display: block; width: 260px; margin: 15px auto; color: #777; font-size: 14px; }
.difference li:hover { background: #5BA0F6; }
.difference li:hover div.iconfont { border: 2px dotted #fff; }
.difference li:hover div.iconfont, .difference li:hover span { color: #fff; }
.difference li:hover small { color: #BBE9FF; }
/* 谁选择 */
.choice { padding-bottom:50px;background: #fff; }
.choice .Title { }
.choice .Title h2 { }
.choice ul { padding-top: 60px; width: 1150px; font-size: 0; margin: 0 auto; }
.choice li { display: inline-block; width: 33.3%; }
.choice li div.iconfont { width: 98px; height: 98px; border-radius: 50%; font-size: 40px; margin: 0 auto; color: #fff; line-height: 94px; text-align: center; }
.choice li div.iconfont[class$='1'] { background: #ED5A46; }
.choice li div.iconfont[class$='2'] { background: #67D251; }
.choice li div.iconfont[class$='3'] { background: #8049E5; }
.choice li:hover div.iconfont{ border-radius:20%; transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);}
.choice li span { display: block; width: 100%; text-align: center; font-size: 20px; margin: 30px 0 10px 0; }
.choice li small { width: 260px; margin: 0 auto; font-size: 14px; line-height: 26px; color: #666; display: block; text-align: center; }
/* 主题风格 */
.theme { background-color:#42b8f1; background-size:100% 100%; text-align: center; height: auto; padding-bottom: 60px;}
.theme .Title h2 { color: #fff; }
.theme .themeMenu { width: 1150px; margin: 0 auto; border-top: 1px dashed #6CA5F6; margin-top: 35px; }
.theme .themeMenu ul { font-size: 0; display: block; text-align: center; padding: 40px 0; }
.theme .themeMenu li { display: inline-block; margin: 0 55px; width: 120px; height: 120px; border-radius: 50%; color: #fff; }

.theme .themeMenu div.iconfont { margin: 0 auto; display: block; padding-top: 30px; text-align: center; font-size: 30px; }
.theme .themeMenu span { font-size: 15px; line-height: 26px; }
.theme .themeMenu li[class$='1'] { background: #37D0AC; }
.theme .themeMenu li[class$='2'] { background: #F9C342; }
.theme .themeMenu li[class$='3'] { background: #FC5245; }
.theme .themeList { /* width: 100%; margin: 0 auto; position: relative;   */}
.theme .themeList ul { display: block; font-size: 0; width: 100%; margin: 0; }
.theme .themeList li { display: inline-block; width: 270px; position:relative; background: #F6F6F6; }
.theme .themeList li .themeMax{ width:100%; height:auto;  background: #F6F6F6; position: absolute; left:0; top:0;}
.theme .themeList li:hover .themeImg{}
/*.theme .themeList li:after{ content:""; display:block; clear:both; width:100%; height:100%; position:absolute; top:0 ; left:0; z-index:9; background:rgba(0,0,0,1); opacity:0;}*/
/*.theme .themeList li.active:after{ opacity:0.3;}*/
.theme .themeList li:hover {   z-index:10;}
.theme .themeList .themeImg { width: 240px; height: 200px; position: relative; overflow: hidden; margin: 18px auto; }
.theme .themeList .themeImg img { width: 100%; }
.theme .themeList span { padding-top: 15px; height: 55px; line-height: 55px; width: 240px; margin: 0 auto; display: block; font-size: 20px; color: #555555; border-bottom: 1px dotted #999; text-align: left; }
.theme .themeList i { }
.theme .themeList small { float: right; font-size: 14px; background: #69B5EF; display: inline-block; line-height: 20px; color: #fff; margin: 16px 0; padding: 0 15px; border-radius: 50px; }
.theme .themeList a.more { width: 240px; height: 40px; line-height: 40px; background: #2A84D6; color: #fff; text-align: center; font-size: 16px; display: block; margin: 12px auto; }
.theme .themeList a.more:hover{ background:#1764AA;}
.theme > a.more { display: inline-block; margin: 0 auto; padding: 8px 40px; border-radius: 6px; border: 1px solid #fff; font-size: 14px; color: #fff; margin-top:65px; }
/* 服务流程 */
.service2 { height:370px; }
.service2 ul { font-size:0; width:1150px; /*background:url(../indeximages/bjx.png) no-repeat center 26px;*/ height:190px;  margin:0 auto; margin-top:50px;}
.service2 ul li{ float:left; width:15.667%; margin-right:54px; position:relative;}
.service2 ul li:after{ position:absolute; content:''; width:103px; right:-79px; top:38px; border-top:1px solid #D7D7D7;}
.service2 ul li[class$='5']{ margin-right:0px;}
.service2 ul li[class$='5']:after{ display:none;}
.service2 ul li dl{ width:100%; text-align:center;}
.service2 ul li dl dt{ width:73px; height:73px; font-size:45px; color:#fff; font-family:'Arial'; text-align:center; line-height:73px; border-radius:50%; margin:0 auto; position:relative;}
.service2 ul li dl dt:before{ position:absolute; content:''; left:-5px; top:-5px; width:83px; height:83px; background-color:#FAB6B6; border-radius:50%; z-index:-1;
 transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;
 -webkit-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;
 -moz-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;
 -ms-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;
 
 
}
.service2 ul li dl dt:after{ position:absolute; content:''; left:-5px; top:-5px; width:83px; height:83px; background-color:#FAB6B6; border-radius:50%; z-index:-1;
 transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;
 -webkit-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;
 -moz-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;
 -ms-transition: all .8s cubic-bezier(0.25,0.33,0.45,1) 0s;
 
 transform: scale(0.5); 
 -webkit-transform: scale(0.5); 
 -moz-transform: scale(0.5); 
 -ms-transform: scale(0.5); 
 opacity:0;
 
}
.service2 ul li dl dd{ font-size:16px; color:#666666; margin-top:33px;}

.service2 ul li.cc1 dl dt{ background-color:#F01C1C;}

.service2 ul li.cc2 dl dt{ background-color:#FFA641;}
.service2 ul li.cc2 dl dt:after,
.service2 ul li.cc2 dl dt:before{ background-color:#FFE2C1;}


.service2 ul li.cc3 dl dt{ background-color:#ADCB69;}
.service2 ul li.cc3 dl dt:after,
.service2 ul li.cc3 dl dt:before{ background-color:#E5EECF;}

.service2 ul li.cc4 dl dt{ background-color:#5CC99F;}
.service2 ul li.cc4 dl dt:after,
.service2 ul li.cc4 dl dt:before{ background-color:#CBEEE0;}

.service2 ul li.cc5 dl dt{ background-color:#2BB1ED;}
.service2 ul li.cc5 dl dt:after,
.service2 ul li.cc5 dl dt:before{ background-color:#BAE6F9;}

.service2 ul li.cc6 dl dt{ background-color:#7853E5;}
.service2 ul li.cc6 dl dt:after,
.service2 ul li.cc6 dl dt:before{ background-color:#D4C7F7;}

.service2 ul li:hover dl dt:before{
	transform: scale(1.4); 
	-webkit-transform: scale(1.4); 
	-moz-transform: scale(1.4); 
	-ms-transform: scale(1.4); 
	opacity:0;
}
.service2 ul li:hover dl dt:after{
	transform: scale(1.1); 
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	opacity:1;
}


/* 新闻 */
.news { background:#F6F7FB; height:550px; }
.news .newsMax{ width:1150px; margin:0 auto;}
.news .information { width:35%; float:left; position:relative; height:550px; }
.news .information .Title { width:90%; margin:0 auto;  }
.news .information .Title h2 {text-align:left;  }
.news .newsList { width:90%; margin:0 auto; padding-top:10px; border-right:1px solid #E9EAEE;}
.news .help .newsList { border:none;}
.news .newsList li { font-size:15px; line-height:36px; height:36px; width:90%;  }
.news .newsList span { color:#999999; }
.news .newsList a { color:#444444; }
.news .newsList a:hover{ text-decoration:underline;}
.news .newsList small { color:#999999; font-size:15px; float:right; }
.news .help a.more,
.news .information a.more { width:103px; height:30px; border:1px solid #CBCBCE; font-size:14px; color:#777777; line-height:30px; text-align: center; display:block; margin-left:5%; border-radius:15px; position:absolute; bottom:80px; }
.news .newsList li a:hover { color:#34AEED; }
.news .help { width:30%; float:right; position: relative; height:550px;}
.news .help .Title { width:90%; margin:0 auto; }
.news .help .Title h2 { text-align:left; }
.news .newsIcon { display:block; font-size:0; width:90%; margin:0 auto; left:5%; position:absolute; bottom:50px; }
.news .newsIcon li { display:inline-block; width:80px;  margin-right:40px; }
.news .newsIcon div.iconfont{ width:80px; height:80px; font-size:45px; color:#fff; text-align: center; line-height:76px; border-radius:3px; }
.news .newsIcon div.iconfont[class$='1'] { background:#F57E7C; }
.news .newsIcon div.iconfont[class$='2'] { background:#19A0CC; }
.news .newsIcon div.iconfont[class$='3'] { background:#F6A479; }
.news .newsIcon div.iconfont[class$='4'] { background:#D88AC0; }
.news .newsIcon span { display:block; width:100%; text-align: center; line-height:40px; font-size:15px; color:#444; }

 


/*news-lin////*/
.theme .waper-pros{ margin:20px auto 40px; border:none;}
.theme .waper-pros p{ width:90%; text-align:center; font-size:16px; color:#fff; margin:auto}
 

/* new */
.service li { width: 285px; height: 160px; border-radius:15px; padding-top:30px; border:1px solid #fff; margin-top:30px; margin-bottom:30px; z-index:29; position:relative; }
.service li[class$='2'],.service li[class$='5']  { margin:30px 144px;}
.service li div.iconfont,.service li span{
	transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;}
.service li:after{ content:""; display:block; clear:both; width:100%; height:100%; position:absolute; top:0; left:0;  opacity:0; visibility:hidden; z-index:-1; background:#fff;
	transform:scale(0.7);
	-moz-transform:scale(0.7);
	-webkit-transform:scale(0.7);
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;}
.service li:hover { background:#fff\9;}
.service li:hover div.iconfont,.service li:hover span { color:#2A3555;}
.service li:hover::after{  border-radius:15px; visibility:visible; opacity:1; 
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);}
.service a.more{ width:260px; border:1px solid #fff; border-radius:50px;}
.service a.more:hover{ color:#2A3555;} 
.service ul{ padding:20px 0;}
.difference .banners[class$="1"]{ background:#fff;}
.difference .banners[class$="2"]{ background:#F2F3F6;}
.difference .banners em{ color:#363636;}
.difference ul{ background:#fff; height:500px;}
.difference li{ vertical-align:top; width:325px; overflow:hidden; height:440px; background:#F6F7FB; margin:0; position:relative; }
.difference li div.iconfont{ margin:0; width:325px; height:210px; padding:0; display:block; line-height:210px; text-align:center; border:0 none !important; border-radius:0;}
.difference ul.one li div.iconfont[class$='1']{ background:url(../images/yo_05.jpg) no-repeat center center; background-color:#FE5F4F; }
.difference ul.one li div.iconfont[class$='2']{ background:url(../images/yo_07.jpg) no-repeat center center; background-color:#967DE2; }
.difference ul.one li div.iconfont[class$='3']{ background:url(../images/yo_09.jpg) no-repeat center center; background-color:#1CB1E8; }
.difference li span,.difference li small{ width:86%; margin:0 auto; text-align:left;}
.difference li span{ font-size:18px; line-height:60px; padding-top:20px;}
.difference li small{font-size:14px; line-height:22px; text-indent:2em;}
.difference li:hover{ background:#F6F7FB; }
.difference li:hover span{color:#454545;}
.difference li:hover small{ color:#777;}
.difference li.Margin{ margin:0 87.5px;}
.difference li:hover{ box-shadow:0 8px 20px #999;}
.difference li:after{ content:""; display:block; clear:both; width:20px; height:150%; background:rgba(255,255,255,.5); opacity:1; box-shadow:0 8px 20px #fff; position:absolute; top:-130px; left:0; 
	transform:rotate(30deg) translateX(-160px);
	-moz-transform:rotate(30deg) translateX(-160px);
	-webkit-transform:rotate(30deg) translateX(-160px); } 
.difference li:hover::after{  
	transform:rotate(30deg) translateX(400px);
	-moz-transform:rotate(30deg) translateX(400px);
	-webkit-transform:rotate(30deg) translateX(400px);
	transition: all 0.5s linear; 
	-moz-transition: all 0.5s linear; 
	-webkit-transition: all 0.5s linear; 
	}
.difference ul.two{ background:#F2F3F6;}
.difference ul.two li:hover{ background:#fff; }
.difference ul.two li{ background:#F6F7FB; }
.difference ul.two li div.iconfont[class$='1']{ background:url(../images/yo_15.jpg) no-repeat center center; background-color:#00D2A6; }
.difference ul.two li div.iconfont[class$='2']{ background:url(../images/yo_17.jpg) no-repeat center center; background-color:#698CEA; }
.difference ul.two li div.iconfont[class$='3']{ background:url(../images/yo_18.jpg) no-repeat center center; background-color:#FD7E4F; }
.choice li{ vertical-align:top;}
.ThemeIco { width:180px; height:180px; overflow:hidden; margin:0 auto; position:relative; line-height:180px; text-align:center;  font-size:0; border-radius:50%;vertical-align:top;}
.choice li div.iconfont{ font-size:55px; display: inline-block; vertical-align:middle; color:#DEDCFF; z-index:99; transform:rotate(0deg) !important;}
.ThemeIco:after,
.ThemeIco:before{ position:absolute; top:0; left:0; content:""; display:block; clear:both; width:200%; height:100%; }
.ThemeIco[class$='1']{  background:#1CB1E8; }
.ThemeIco[class$='1']:after {background:url(../images/wave1.png) repeat-x -150px bottom;
	animation: waver1 ease-in-out 1.5s alternate infinite ;
	-moz-animation: waver1 ease-in-out 1.5s alternate infinite ;
	-webkit-animation: waver1 ease-in-out 1.5s alternate infinite ;}
.ThemeIco[class$='1']:before {background:url(../images/wave2.png) repeat-x 0 bottom; 
	animation: waver2 ease-in-out 3.5s alternate infinite ;
	-moz-animation: waver2 ease-in-out 3.5s alternate infinite ;
	-webkit-animation: waver2 ease-in-out 3.5s alternate infinite ;} 

.ThemeIco[class$='2']{  background:#7B6EEB; }
.ThemeIco[class$='2']:after {background:url(../images/wave1.png) repeat-x -150px bottom; 
	animation: waver1 ease-in-out 1.8s alternate infinite ;
	-moz-animation: waver1 ease-in-out 1.8s alternate infinite ;
	-webkit-animation: waver1 ease-in-out 1.8s alternate infinite ;}
.ThemeIco[class$='2']:before {background:url(../images/wave2.png) repeat-x 0 bottom; 
	animation: waver2 ease-in-out 2.9s alternate infinite ;
	-moz-animation: waver2 ease-in-out 2.9s alternate infinite ;
	-webkit-animation: waver2 ease-in-out 2.9s alternate infinite ;} 

.ThemeIco[class$='3']{  background:#FE5F4F; }
.ThemeIco[class$='3']:after {background:url(../images/wave1.png) repeat-x -150px bottom; 
	animation: waver1 ease-in-out 1.2s alternate infinite ;
	-moz-animation: waver1 ease-in-out 1.2s alternate infinite ;
	-webkit-animation: waver1 ease-in-out 1.2s alternate infinite ;}
.ThemeIco[class$='3']:before {background:url(../images/wave2.png) repeat-x 0 bottom; 
	animation: waver2 ease-in-out 4s alternate infinite ;
	-moz-animation: waver2 ease-in-out 4s alternate infinite ;
	-webkit-animation: waver2 ease-in-out 4s alternate infinite ;} 
.choice li small{ width:280px;}
.service li div.iconfont{ background:none;}
.service li { transform:none; animation:none;}
@keyframes waver1{
	form{
		background:url(../images/wave1.png) repeat-x -150px bottom;		
		}
	to{
		background:url(../images/wave1.png) repeat-x -200px bottom;		
		}
	}
@-moz-keyframes waver1{
	form{
		background:url(../images/wave1.png) repeat-x -150px bottom;		
		}
	to{
		background:url(../images/wave1.png) repeat-x -200px bottom;		
		}
	}
@-webkit-keyframes waver1{
	form{
		background:url(../images/wave1.png) repeat-x -150px bottom;		
		}
	to{
		background:url(../images/wave1.png) repeat-x -200px bottom;		
		}
	}
@keyframes waver2{
	form{
		background:url(../images/wave2.png) repeat-x 0px bottom;
		}
	to{
		background:url(../images/wave2.png) repeat-x -50px bottom;
		}
	}
@-moz-keyframes waver2{
	form{
		background:url(../images/wave2.png) repeat-x 0px bottom;
		}
	to{
		background:url(../images/wave2.png) repeat-x -50px bottom;
		}
	}
@-webkit-keyframes waver2{
	form{
		background:url(../images/wave2.png) repeat-x 0px bottom;
		}
	to{
		background:url(../images/wave2.png) repeat-x -50px bottom;
		}
	}
.news .help,.news .information,.news{ height:500px;}
/*.theme .themeList span,.theme .themeList a.more{ display:none;}*/

.service li span{font-size:17px;}
.difference li span{ color:#000; text-align:center;}
.difference li small{ text-indent:0;}


/* 加载效果 */
/*.Title h2{  opacity:0; visibility:hidden;
	transform:translateY(-100px);
	-moz-transform:translateY(-100px);
	-webkit-transform:translateY(-100px);}*/
.active .Title h2,
.active .Title p{  opacity:1; visibility:visible;
	transform:translate(0);
	-moz-transform:translate(0);
	-webkit-transform:translate(0);}
.active .Title h2{ 
	transition:all .4s linear;
	-moz-transition:all .4s linear;
	-webkit-transition:all .4s linear; }
.active .Title p{ 
	transition:all .4s linear .4s;
	-moz-transition:all .4s linear .4s;
	-webkit-transition:all .4s linear .4s;}

.what ul li{ visibility:hidden; opacity:0;}
.what ul li:nth-child(1),
.what ul li:nth-child(2),
.what ul li:nth-child(3),
.what ul li:nth-child(4),
.what ul li:nth-child(5){
	transform:translateX(150px);
	-moz-transform:translateX(150px);
	-webkit-transform:translateX(150px);
	}
.what ul li:nth-last-child(1),
.what ul li:nth-last-child(2),
.what ul li:nth-last-child(3),
.what ul li:nth-last-child(4),
.what ul li:nth-last-child(5){
	transform:translateX(-150px);
	-moz-transform:translateX(-150px);
	-webkit-transform:translateX(-150px);
	}
.what.active ul li{
	transform:translate(0);
	-moz-transform:translate(0);
	-webkit-transform:translate(0);
	opacity:1;
	visibility:visible;	
	}
.what.active ul li:nth-child(1),.what.active ul li:nth-last-child(1){
	transition:all .4s linear .6s;	
	-moz-transition:all .4s linear .6s;
	-webkit-transition:all .4s linear .6s;
	}
.what.active ul li:nth-child(2),.what.active ul li:nth-last-child(2){
	transition:all .4s linear .8s;	
	-moz-transition:all .4s linear .8s;
	-webkit-transition:all .4s linear .8s;
	}
.what.active ul li:nth-child(3),.what.active ul li:nth-last-child(3){
	transition:all .4s linear 1s;
	-moz-transition:all .4s linear 1s;
	-webkit-transition:all .4s linear 1s;
	}
.what.active ul li:nth-child(4),.what.active ul li:nth-last-child(4){
	transition:all .4s linear 1.2s;
	-moz-transition:all .4s linear 1.2s;
	-webkit-transition:all .4s linear 1.2s;
	}
.what.active ul li:nth-child(5),.what.active ul li:nth-last-child(5){
	transition:all .4s linear 1.4s;
	-moz-transition:all .4s linear 1.4s;
	-webkit-transition:all .4s linear 1.4s;
	}
.service ul li{ visibility:hidden; opacity:0; visibility:hidden;  }
.service ul li:nth-child(1),
.service ul li:nth-child(2),
.service ul li:nth-child(3){
	transform:translateY(-100px);
	-moz-transform:translateY(-100px);
	-webkit-transform:translateY(-100px);
	transition:all .4s linear .6s;}
.service ul li:nth-last-child(1),
.service ul li:nth-last-child(2),
.service ul li:nth-last-child(3){
	transform:translateY(100px);
	-moz-transform:translateY(100px);
	-webkit-transform:translateY(100px);
	transition:all .4s linear .9s;}
.service.active ul li{ visibility:visible; opacity:1; 
	transform:translate(0) !important;
	-moz-transform:translate(0) !important;
	-webkit-transform:translate(0) !important;}
	
.difference ul{ perspective:1000px;
	transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;}
.difference li{  opacity:0;
	transform-origin:0% 100%;
	-moz-transform-origin:0% 100%;
	-webkit-transform-origin:0% 100%;
	transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-webkit-transform:rotate(30deg); }
.difference.active li:nth-child(1){ 
	transition:all .6s linear;
	-moz-transition:all .6s linear;
	-webkit-transition:all .6s linear;}
.difference.active li:nth-child(2){
	transition:all .6s linear .3s;
	-moz-transition:all .6s linear .3s;
	-webkit-transition:all .6s linear .3s;}
.difference.active li:nth-child(3){ 
	transition:all .6s linear .6s;
	-moz-transition:all .6s linear .6s;
	-webkit-transition:all .6s linear .6s;}
.difference.active li{  opacity:1;
	transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);}

.indexBanner ul{ height: auto; width: 100%;}
.indexBanner li{ width: 100%;}
.indexBanner li img{ width: 100%;}   

.met-index-mb {
	min-height:100%;
	padding-top: 50px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.met-index-mb .index-video {
	background: none;
	border: 0;
	outline: none;
}
.met-index-mb .index-video i {
	position: static;
	font-size: 24px;
}
.text-center {
	text-align:center!important
}

 
.met-index-left-right h3 {
	font-size: 36px;
	line-height: 1.2;
	margin: 0 0 20px;
	color:#fff;
}
.met-index-left-right p {
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	margin: 0 auto 20px;
}



.animation-slide-top10 {
	animation-name: slide-top10;
	-webkit-animation-name: slide-top10;
	-moz-animation-name: slide-top10;
	-ms-animation-name: slide-top10;
	-o-animation-name: slide-top10;
}
.animation-slide-left10 {
	animation-name: slide-left10;
	-webkit-animation-name: slide-left10;
	-moz-animation-name: slide-left10;
	-ms-animation-name: slide-left10;
	-o-animation-name: slide-left10;
}
.animation-slide-right10 {
	animation-name: slide-right10;
	-webkit-animation-name: slide-right10;
	-moz-animation-name: slide-right10;
	-ms-animation-name: slide-right10;
	-o-animation-name: slide-right10;
}
.animation-slide-top50 {
	animation-name: slide-top50;
	-webkit-animation-name: slide-top50;
	-moz-animation-name: slide-top50;
	-ms-animation-name: slide-top50;
	-o-animation-name: slide-top50;
}
.animation-slide-bottom50 {
	animation-name: slide-bottom50;
	-webkit-animation-name: slide-bottom50;
	-moz-animation-name: slide-bottom50;
	-ms-animation-name: slide-bottom50;
	-o-animation-name: slide-bottom50;
}
.animation-slide-left50 {
	animation-name: slide-left50;
	-webkit-animation-name: slide-left50;
	-moz-animation-name: slide-left50;
	-ms-animation-name: slide-left50;
	-o-animation-name: slide-left50;
}
.animation-slide-right50 {
	animation-name: slide-right50;
	-webkit-animation-name: slide-right50;
	-moz-animation-name: slide-right50;
	-ms-animation-name: slide-right50;
	-o-animation-name: slide-right50;
}
/*动画*/
.animation-delay-100 {
	-webkit-animation-delay: 100ms;
	-o-animation-delay: 100ms;
	animation-delay: 100ms;
}
.animation-top-left {
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}
.animation-top-center {
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.animation-top-right {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.animation-middle-left {
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%;
}
.animation-middle-right {
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
.animation-bottom-left {
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.animation-bottom-center {
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.animation-bottom-right {
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
 .animation-hover:not(:hover),  .animation-hover:not(:hover) [class*=animation-],  .touch .animation-hover:not(.hover),  .touch .animation-hover:not(.hover) [class*=animation-] {
 -webkit-animation-name: none;
 -o-animation-name: none;
 animation-name: none;
}
.center-block {
	display:block;
	margin-right:auto;
	margin-left:auto; margin-bottom:-50px; 
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
	display:table;
	content:" "
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
	clear:both
}
.swiper-slide {
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	width:100%;
	height:auto;
	position:relative
}
.slick-slide {
	outline: none;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.vertical-align {
	font-size:0;
	margin-left:70px;
}
.vertical-align:before {
	display:inline-block;
	height:100%;
	vertical-align:middle;
	content:""
}
.vertical-align-bottom, .vertical-align-middle {
	display:inline-block;
	max-width:100%;
	font-size:14px
}
.vertical-align-middle {
	vertical-align:middle;
	margin-top:70px;
}
.vertical-align-bottom {
	vertical-align:bottom
}
.inline {
	display:inline!important
}
 
.slide-1 .seo-pic,.slide-2 .seo-pic{
	width:80%;
	float:right;
	margin-right:5%;
	margin-top:-100px;}

.slide-2 .seo-pic img{
	margin-top:-20px;}
.swiper-container{
	height:600px !important;}

.slide-3 h3{
	font-weight:normal;
	margin:0 0 20px;
	font-size:36px;
	line-height:1.2;
	text-align:left;}
.slide-3 p{
	margin:10px 0 0;
	font-size:16px;
	line-height:1.5;
	color:#555;
	text-align:left;}
 
.slick-slide.slide-1 p, .slick-slide.slide-2 p{
	max-width:500px;
	margin:0;}
.container .seo-title p{
	font-size:16px;
	line-height:1.5;
	color:#555;
	text-align:left;}

.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}

  

/*新模板样式*/
.met-product {
	background: #f2f2f2;
}
.bg-blue-600 {
	background-color: #42b8f1 !important;
} 
:after, :before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.aw-help-center .mod-body .aw-item ul {
	margin-top:0;
	margin-bottom:11px
}
 .blocks:before,  [class*="blocks-"]:before,  .blocks:after,  [class*="blocks-"]:after {
 display: table;
 content: " ";
}
.met-grid li {
	opacity: 0;
}
.met-grid li.shown, .no-js .met-grid li, .no-cssanimations .met-grid li {
	opacity: 1;
}
.blocks-2 > li {
	width:47%;
}
 .blocks > li,  [class*="blocks-"] > .shown {
 position: relative;
 float: left;
 min-height: 1px;
 padding-left: 15px;
 padding-right:15px;
 margin-bottom: 22px;
}


.met-product.type-1 .widget {
	padding: 10px 0px;
}
 [class*="blocks-"] > li > .widget {
 margin-bottom: 0;
}
.met-product .widget, .met-product .widget .widget-header, .met-product .widget-body {
	border-radius: 0px!important;
}
.widget {
	border-radius: 3px;
}
.widget-shadow {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.widget {
	position: relative;
	margin-bottom: 30px;
	background-color: #fff;
}
 .blocks,  [class*="blocks-"] {
 padding: 0;
 margin: 0;
 list-style: none;
}
.met-product.type-1 .ribbon {
	z-index: 19;
}
.ribbon-badge {
	top: -2px;
	left: -2px;
	overflow: hidden;
}
.ribbon {
	position: absolute;
	top: -3px;
	left: -3px;
	width: 150px;
	height: 150px;
	text-align: center;
	background-color: transparent;
}
.hide {
	display:none!important
}
.met-product.type-1 .ribbon-success .ribbon-inner {
	background-color: #F96197;
}
.ribbon-success .ribbon-inner {
	background-color: #46be8a;
}
.ribbon-badge .ribbon-inner {
	left: -40px;
	width: 100%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.ribbon-inner {
	position: absolute;
	top: 16px;
	left: 0;
	display: inline-block;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 30px;
	color: #fff;
	white-space: nowrap;
	background-color: #526069;
}
.met-product.type-1 a.imgmb {
	width: 150px;
	height: 250px;
	padding: 34px 7px 35px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 11;
	background: url(../images/mobile-bg1.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
a {
	color:#28a2ff;
	text-decoration:none;
	background-color:transparent;
}
.met-product.type-1 a.imgmb div {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.met-product.type-1 a.imgmb span {
	display: block;
	position: relative;
	top: 0px;
}
.cover-image {
	width: 100%;
}
.met-product.type-1 .widget-header {
	height: 350px;
	margin: 0px 10px;
	overflow: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display:block
}
.met-product.type-1 .widget-header span {
	display: block;
	position: relative;
	top: 0px;
}
.cover-image {
	width: 100%;
}
.met-product.type-1 h4 {
	position: relative;
	z-index: 12;
	font-size: 16px;
	text-align: center;
}
.widget > .widget-title {
	padding: 12px 20px;
}
.widget-title {
	margin-top: 0;
	color: #37474f;
	text-transform: capitalize;
}
.hide {
	display:none!important
}
 .met-product.type-1 .container {
	 padding-top:20px;
 overflow: hidden;
}
.wapers-shaixuan .wapers-shaixuan-list li a{
	color:#333;}
.wapers-shaixuan .wapers-shaixuan-list li a em{
	color:#fff;
	font-style:normal;
	background-color:#42b8f1;
	padding:5px 10px;}


.fy{
	background-color:#fff;
	padding:20px 0;
	text-align:center;}
.fy a,.fy span{
	display:inline-block;
	border:1px solid #ccc;
	padding:10px 15px;}
.fy a{
	color:#76838f;}
.fy span{
	color:#fff;
	background-color:#42b8f1;}

.fy a:first-child{
	display:none;}


.met-product .container{
	margin-left:auto;}



.contentList li p a{
	color:#fff;}




@media (max-width:1200px){ 
 .index_com h2 {
    font-size: 32px;}
.index_com p {
    font-size: 18px;	
}
}

@media (max-width: 1200px) {
	
.banner-l .anniu a{ margin:2%;width:43%;font-size:14px; }
.index_com{ margin-top:150px;padding:5%; }
.index_com img{width:48px;}
.index_com h2{font-size: 22px;color: white;line-height:150%;font-weight: bold;margin: 8px;padding:0px 5px 5px 5px;}
.index_com p{font-size: 14px;color: white;line-height: 180%;box-sizing: border-box;}


 .met-index-left-right h3 {
 font-size: 40px;
 margin-bottom: 5x;
}
 .met-index-left-right p {
 font-size: 20px;
}
 
 
.w1150{
    width: 92%;margin: 0 auto;position: relative;
}
.w1150 img,.header img{
	max-width:71%;}
 
 .device{
	z-index:0;
	margin:30px auto;}
.swiper-container{
	height:100% !important;}
.swiper-wrapper{
	width:100% !important;
	height:450px !important;}
.container .seo-title{
	margin-left:0 !important;
	text-align:left !important;}
.container .seo-title h3{
	font-size:30px !important;
	margin:0 0 10px !important;}
.swiper-slide{
	width:100% !important;}

.vertical-align{
	margin-left:0 !important;}
.vertical-align-middle{
	margin-top:0 !important;
	margin-left:0 !important;
	text-align:left !important;}
.slide-3 h3{
	font-size:30px !important;}
.device .arrow-right,.device .arrow-left{
	margin-top:-50px;}
.device{
	height:480px !important;
	margin:90px auto 20px !important;}
.slide-1 .seo-pic img,.slide-2 .seo-pic img{
	margin-right:-70px;}
.device .arrow-left,.device .arrow-right{
	width:40px !important;
	height:40px !important;}
.col-md-7{
	width:60% !important;}
.pagination{
	z-index:1;}
 .met-index-left-right h3 {
 font-size: 30px;
}
.swiper-container{
	height:100% !important;}

.rit-fdd ul li.rit-fdd-first strong{
	margin-left:5px;}
.col-md-5{
	padding-top:70px;}
	
	
	li article .imgs1 img,li article .imgs2 img{
	max-width:80%;}
.rslides li{
	height:500px;}
.rslides li article{
	margin-left:-575px;}
.rslides li .imgs1{
	margin:0 auto;}
.rslides li .imgs2{
	right:285px;
	top:-45px;}
.rslides li .imgs3 h3{
	font-size:25px;
	left:48%;}
.rslides li .imgs3 p span{
	font-size:14px;}
.rslides li .imgs3 p{
	left:58%;
	width:350px;
	bottom:-70px;}
.rslides li .imgs3{
	width:95%;
	margin:100px auto 0;
	height:0px;}
.theme > a.more{
	padding:0px 40px;
	height:40px;
	line-height:40px;
	margin-top:50px;}

.what ul{
	width:100%;
	padding-top:20px;}
.what li{
	width:20%;
	height:115px;}
.what li div.iconfont{
	width:60px;
	height:60px;
	line-height:60px;
	font-size:32px;}
.what li span{
	font-size:12px;
	line-height:59px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
.Title{
	padding-top:5%;}
.service2 ul li{
	width:16%;
	margin-right:5%;}
.theme .Title{
	padding-bottom:30px;}
 .Title p{
	padding:10px 0 0;
	line-height:20px;}
 
.service ul{
	width:100%;
	padding:0;
	text-align:center;}
.service li[class$='2'], .service li[class$='5']{
	margin:20px 20px;}
.service ul li{
	margin:20px 20px;
	width:34%;
	height:100px;
	}
.service li div.iconfont{
	height:34px;
	line-height:34px;}
.service li span{
	font-size:12px;}
.service p,.choice p{
	width:93%;}
.theme .themeList li{
	width:220px;
	height:180px;}
.theme .themeList .themeImg{
	width:200px;
	height:150px !important;}
	
	
	
	
/*首页-区别-我们的优势*/
.difference{
	display:none;}

.Title h2{
	font-size:30px;}
.choice ul{
	width:100%;
	padding-top:30px;}
.choice li small{
	display:none;}
.ThemeIco{
	width:100px;
	height:100px;
	line-height:100px;}
.choice li div.iconfont{
	font-size:30px;}
.choice li span{
	font-size:12px;
	width:80%;
	margin:20px auto;}

.theme .waper-pros{
	margin-bottom:30px;
	margin-top:0;}
.theme .themeMenu{
	width:100%;}



.service2{
	height:auto;
	width:100%;}
.service2 ul{
	width:100%;}




/*banner*/
.swiper-container {
width: 100%;
height: 100%;


}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background-size: 100%;
position: relative;
height: 694px;
}
.swiper-slide img{
    width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    
    bottom: 30px;
}
.swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fff;
    opacity: 0.5;

}
.swiper-pagination-bullet-active{
    opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 10px;
}
.swiper-slide .txt{
    position:absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    color: #f2f2f2;
    width: 1200px;
    height: 120px;
}
.swiper-slide .txt h1{

    font-size: 36px;
    font-weight: normal;


}
.swiper-slide .txt p{
    font-size: 18px;
    margin-top: 30px;
    color: #c8c8c8;
}

.title{
    font-size:28px;
    color: #000;
    text-align: center;
}
.title p{
    font-size: 16px;
    color: #666;
    margin-top: 28px;
}
.more{
    font-size: 18px;
    
    text-align: center;
    width: 198px;
    height: 40px;
    border: 1px solid  #ddd;
    line-height: 40px;
    margin: 0 auto;
    margin-top: 75px;
}
.more a{
    color: #686868;
    display: block;
}

/*新闻*/
.news,.news .newsMax{
	width:100%;}
.news .information,.news .help{
	width:30%;
	margin-left:3%;}
}
/* 移动设备布局: 480px 及更低。 */
@media screen and (max-width: 768px){

.device{
	height:auto !important;}
	
	.theme { 
    padding-bottom: 20px;
}

.container .seo-title h3,.container .seo-title p{
	text-align:left;}
.slide-1 .seo-pic img, .slide-2 .seo-pic img{
	margin-top:0 !important;
	margin-right:-45px !important;}
.slide-3 h3,.slide-3 p{
	text-align:left;}
.vertical-align-middle{
	margin-left:0;}
.col-md-5,.col-md-7{
	margin-top:50px !important;}
.swiper-wrapper{
	height:420px !important;}
li article .imgs1 img, li article .imgs2 img{
	max-width:50%;}
.rslides li .imgs1 i{
	margin:0 -50px;}
.rslides li .imgs2{
	right:328px;
	top:-30px;}
.rslides li{
	height:400px;}
.rslides li .imgs3{
	margin:80px auto 0;}
.rslides li .imgs3 h3{
	font-size:20px;}
.rslides li .imgs3 p{
	height:30px;
	line-height:30px;}


/*为什么用户最终选择优品建站？*/
.Title h2{
	font-size:24px;}
.Title p{
	font-size:14px;}



 



.service2{
	display:none;}
.news{
	display:none;}
	
.w1150 img,.header img{
	max-width:74%;
	vertical-align:middle;}
.header .toggle{
	width:25px;}
header nav .h1{
	margin:0;
	line-height:60px !important;}
.Title p{
	font-size:15px;
	width:100%;
	padding:20px 0 0;}
.what{
	height:650px;}
 
.service li{
	border:none;}
.choice{
	    padding-bottom:30px; width:90%; margin:auto}
  
 .met-index-left-right h3 {
 font-size: 22px;
}
 .met-index-left-right p {
 font-size: 12px;
}
.swiper-container{
	height:100% !important;}

.rit-fdd ul li.rit-fdd-first strong{
	margin-left:5px;}
.slide-1 .seo-pic, .slide-2 .seo-pic{
	margin-top:-50px;}
.theme .themeList .themeImg img{
	width:90%;}






li article .imgs1 img,li article .imgs2 img{
	max-width:30%;}
.rslides li{
	height:250px;}
.rslides li article{
	margin-left:-575px;}
.rslides li .imgs1{
	margin:60px auto 0;}
.rslides li .imgs1 i{
	margin:0 -100px;}
.rslides li .imgs2{
	right:355px;
	top:43px;}
.rslides li .imgs3 h3{
	font-size:15px;
	left:48%;}
.rslides li .imgs3 p span{
	font-size:14px;}
.rslides li .imgs3 p{
	display:none;
	left:58%;
	width:350px;}
.rslides li .imgs3{
	width:95%;
	margin:70px auto 0;
	height:0px;}


.what ul{
	width:100%;
	padding-top:20px;}
.what li{
	width:33%;
	height:115px;}
.what li:nth-child(6){
	display:none;}
.what li div.iconfont{
	width:60px;
	height:60px;
	line-height:60px;
	font-size:32px;}
.what li span{
	font-size:12px;
	line-height:59px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
.Title{
	padding-top:30px;}
.theme .Title{
	padding-bottom:10px;} 
 .Title p{
	padding:10px 0 0;
	font-size:12px;
	line-height:20px;}

.service{
	padding-bottom:55px;}
.service ul{
	width:100%;
	padding:0;
	text-align:center;}
.service li[class$='2'], .service li[class$='5']{
	margin:20px 20px;}
.service ul li{
	margin:20px 20px;
	width:34%;
	height:100px;
	}
.service li div.iconfont{
	height:34px;
	line-height:34px;}
.service li span{
	font-size:12px;}
.service p,.choice p{
	width:90%;}


.difference{
	display:none;}

.Title h2{
	font-size:20px;}
.choice ul{
	width:100%;
	padding-top:30px;}
.choice li small{
	display:none;}
.ThemeIco{
	width:80px;
	height:80px;
	line-height:80px;}
	.choice li div.iconfont {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    font-size: 40px;
    margin: 0 auto;
    color: #fff;
    line-height: 80px;
	}
.choice li div.iconfont{
	font-size:30px;}
.choice li span{
	font-size:12px;
	width:80%;
	margin:20px auto;}

.theme .waper-pros{
	margin-bottom:20px;}
.theme .themeList li{
	width:40%;
	height:104px;
	margin-bottom:25px;}
.theme .themeList .themeImg{
	width:130px;
	height:100px !important;
	margin:10px auto;}
.theme > a.more{
	padding:0 20px;
	margin-top:30px;
	margin-bottom:30px;}
.theme .themeMenu{
	width:100%;}

}