@charset "utf-8";
/* CSS Document */
/* 引用字体图片 */
@font-face {
  font-family: 'iconfont';  /* project id 467935 */
  src: url('//at.alicdn.com/t/font_467935_am5b7c0gpqtzkt9.eot');
  src: url('//at.alicdn.com/t/font_467935_am5b7c0gpqtzkt9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_467935_am5b7c0gpqtzkt9.woff') format('woff'),
  url('//at.alicdn.com/t/font_467935_am5b7c0gpqtzkt9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_467935_am5b7c0gpqtzkt9.svg#iconfont') format('svg');
}
/* 初始化样式 */
.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: 44px; color: #000; text-align: center; }
.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 */
.indexBanner { background: #66B5E6; }
/*.indexBanner ul{ position:relative; width:100%; height:800px;}
.indexBanner li{ width:100%; height:100%;}
.indexBanner img { display: block; margin: 0 auto; } */

#banner{ position:relative; overflow:hidden;  max-width:100%; left:50%; margin-left:-50%;}
.focus{width:100%; position:relative;float:left;overflow:hidden;left:50%; top:0; margin-left:-50%;}
.f426x240 li{position:absolute; left:0;top:0;}
.rslides{max-width:100% !important; position:relative;list-style:none;padding:0}
.rslides li{ width:100% !important; height: 720px;}
.rslides_tabs{clear:both; text-align:center; position:absolute; bottom:8%; left:0px; z-index:999; width:100%; height:14px; text-align:center;}
.rslides_nav{ height:85px; width:43px;position:absolute; text-indent:-9999px;overflow:hidden; left:272px; top:224px;z-index:999; display:block; background:url(../images/l.png) no-repeat;}
.rslides_nav:hover{ background:url(../images/l2.png) no-repeat;}
.rslides_nav:active{ background:url(../images/l2.png) no-repeat;}
.rslides_nav.next{left:1608px;background:url(../images/r.png) no-repeat;}
.rslides_nav.next:active{background:url(../images/r2.png) no-repeat;}
.rslides_nav.next:hover{ background:url(../images/r2.png) no-repeat;}
.rslides_tabs li{ display:inline-block; margin:0 5px;}
.rslides_tabs a{ text-indent:-9999px; overflow:hidden; width:8px; height:8px; border-radius:5px; display:inline-block; background-color:#fff; background-color:rgba(255,255,255,0.5);}
.rslides_tabs .rslides_here a{ background-color:#2BB0E0; background-color:rgba(255,255,255,1);}

.rslides li article{ width: 1190px; position: absolute; left: 50%; margin-left: -595px; top: 50%; 
  transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.rslides li .imgs1{ text-align: center; margin-top: 60px;}
.rslides li .imgs1 i{ display: inline-block; margin:0 0px;}
.rslides li .imgs1 .is1{
	 opacity: 0;
	 transform: translateY(-200px);
	 transition: all .6s ease 0s;
}
.rslides li .imgs1 .is2{
	 opacity: 0;
	 transform: translateY(-200px);
	 transition: all .6s ease .2s;	
	
}
.rslides li .imgs2{ position: absolute; right: 312px; top: 0; z-index: -1;
 opacity: 0;
 transform: scale(0.5);
 transition: all .7s ease 1.2s;
}


.rslides li .imgs3{ position: relative; margin-top: 70px; width: 100%; height: 110px; background:url(../images/ban1_04.png) no-repeat center center;	text-align: center;
 opacity: 0;
 transform: translateY(100px);
 transition: all 1s ease .6s;
}

.rslides li .imgs3 h3{ font-size: 57px; color: #fff; font-weight: bold; position: absolute; left: 50%; top:-39px; width: 100%;
  opacity: 0;
  transform: translate3d(-50%,-100px,0); -webkit-transform: translate3d(-50%,-100px,0); -moz-transform: translate3d(-50%,-100px,0); -o-transform: translate3d(-50%,-100px,0);
  transition: all .8s ease-in-out .75s;
}
.rslides li .imgs3 p{ position: absolute; left: 50%; margin-left: -288px; bottom: -20px; width: 576px; height: 48px; text-align: center; line-height: 48px;  background-color: #E7284E; border-radius: 30px;
 opacity: 0;
 transform: translateY(80px);
 transition: all .7s ease-in-out .85s;
}
.rslides li .imgs3 p span{ color: #FFFFFF; font-size: 18px;
 opacity: 0;
 transform: scale(0.5,0.5);
 transition: all .6s ease-in 1s;
}

.rslides li.rslides1_on .is1{
	 opacity: 1;
	 transform: translateY(0px);
}
.rslides li.rslides1_on .is2{
	 opacity: 1;
	 transform: translateY(0px);
}

.rslides li.rslides1_on .imgs2{
	opacity: 1;
  transform: scale(1.0);
}

.rslides li.rslides1_on .imgs3{ 
	opacity: 1; 
  transform: translateY(0);
}
.rslides li.rslides1_on .imgs3 h3{
	opacity: 1;
	transform: translate3d(-50%,0px,0);
}

.rslides li.rslides1_on .imgs3 p{
	 opacity: 1;
   transform: translateY(0px);
}

.rslides li.rslides1_on .imgs3 p span{
 opacity: 1;
 transform: scale(1.0,1.0);	
}












/* header */
body{ position:relative;}
body header{ position:absolute; z-index:99; width:100%; background:#000; background:rgba(0,0,0,.2); top:0; left:0;}
/* 公告 */
.notice { width: 100%; height: 50px; background: #F4F5F9; }
.notice .noticeMax { width: 1150px; margin: 0 auto; line-height: 50px; }
.notice .noticeMax>* { vertical-align: top; }
.notice span.iconfont { color: #AFB2B5; font-size: 20px; }
.notice small { color: #666; font-size: 14px; }
.notice .noticeContent { width: auto; display: inline-block; height: 50px; position: relative; overflow: hidden; }
.notice .noticeContent ul { position: relative; }
.notice .noticeContent li { position: relative; color: #999; font-size: 12px; padding-left: 15px; }
.notice .noticeContent li p { display: inline; width: 800px; overflow: hidden; position: relative; }
.notice .noticeContent li i { padding-left: 30px; }
.notice .noticeContent li:hover p{ color: #49B5F1; }
/* 内容 */
.what { height: 815px; width: auto; }
.what ul { width: 1150px; font-size: 0; margin: 0 auto; padding-top: 40px;  }
.what li { display: block; float: left; height: 230px; width: 20%;  padding:10px 0 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 article::after{ }
.what li article{}
.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:100%; position:relative; }
.what li div.iconfont:after{ transform:scale(1); content:""; display:block; width:100%; height:100%; position:absolute; left:-1px; top:-1px; border-radius:100%; transition:all 1s;}
.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: 0px; display: block; width: 100%; text-align: center; font-size: 18px; color: #666666; font-weight:bold; margin: 50px 0 30px 0;}
.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: url(../images/preferre_02.jpg) no-repeat center top; height: 970px; }
.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(../images/yx_02.jpg) no-repeat center top; }
.difference .banners[class$='2'] { background: url(../images/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 { height: 550px; 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: 40px 0 20px 0; }
.choice li small { width: 260px; margin: 0 auto; font-size: 14px; line-height: 26px; color: #666; display: block; text-align: center; }
/* 主题风格 */
.theme { background:#698CEA url(../images/yx_066.jpg) no-repeat center top; background-size:100% 100%; height: 900px; text-align: center; }
.theme .Title { }
.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: 1150px; margin: 0 auto; position: relative;  }
.theme .themeList ul { display: block; font-size: 0; width: 1170px; margin-left: -10px; }
.theme .themeList li { display: inline-block; width: 23.4%; margin: 0.8%; height: 450px;  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: 260px; position: relative; overflow: hidden; margin: 18px auto; }
.theme .themeList .themeImg img { width: 100%; }
.theme .themeList span { height: 40px; line-height: 40px; width: 240px; margin: 0 auto; display: block; font-size: 12px; color: #000; border-top: 1px solid #f1f1f1; text-align: center; }
.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(../images/bjx.png) no-repeat center 26px;*/ height:190px;  margin:0 auto; margin-top:50px; sdisplay:table;}
.service2 ul li{ float:left; width:12.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$='6']{ margin-right:0px;}
.service2 ul li[class$='6']: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:50%; 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:50%; 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:30px auto 85px; border:none;}
.theme .waper-pros p{ width:100%; text-align:center; font-size:14px; color:#fff;}


/*侧边栏*/
.rit-fdd ul li{transition: all .4s ease-in 0s; -webkit-transition: all .4s ease-in 0s; -moz-transition: all .4s ease-in 0s; -ms-transition: all .4s ease-in 0s;}
.rit-fdd ul li font{transition: all .4s ease-in .4s; -webkit-transition: all .4s ease-in .4s; -moz-transition: all .4s ease-in .4s; -ms-transition: all .4s ease-in .4s;}
.rit-fdd{ position:fixed; right:0; top:50%;margin-top: -100px;}
.rit-fdd ul{ width:40px;  border-radius:0 0 0 5px; background-color:#2F3438; background-color:rgba(0,0,0,0.5);}
.rit-fdd ul li{ width:123px; height:40px; line-height:40px;  color:#fff; border-radius:5px 0 0 5px; cursor: pointer;position: relative;}
.rit-fdd ul li a{ color:#fff;}
.rit-fdd ul li:hover{ margin-left:-83px; background-color:#2F3438; background-color:rgba(0,0,0,0.5);}
.rit-fdd ul li img{ display:inline-block; margin-left:13px;margin-right: 7px; vertical-align:middle;}
.rit-fdd ul li strong{ font-weight:300; display:inline-block; margin-left:5px;}
.rit-fdd ul li strong a{font-size:12px;}
.rit-fdd ul li.rit-fdd-first strong{margin-left:2px;}
.rit-fdd ul li.goTop{display: none;}
.rit-fdd ul li.goTop:hover{ margin-left:0px; background:none;}
.rit-fdd ul li font{display: none;}
.rit-fdd ul li:nth-child(3) font img{margin-left: 0;}
.rit-fdd ul li:first-child font{opacity:0;display: none;position: absolute;top: 57px;border-radius:5px 0 0 5px;left: 0;width: 100%; height: 114px;background-color:rgba(0,0,0,0.5);padding-left: 20px;}
.rit-fdd ul li:hover font{ opacity:1;display: block;}

.rit-fdd, .rit-fdd-poen, .rit-fdd-poen img{transition: all .2s ease-in 0s; -webkit-transition: all .2s ease-in 0s; -moz-transition: all .2s ease-in 0s; -ms-transition: all .2s ease-in 0s;}
.rit-fdd-poen{position:fixed;width: 40px;height: 40px;line-height:40px;text-align: center;color:#fff;cursor: pointer; border-radius: 5px 0 0 0; right:0; top:50%;margin-top: -140px;background-color:#2F3438; background-color:rgba(0,0,0,0.5);}
.rit-fdd-poen p{font-size:12px;}
.rit-fdd-poen.myclose{border-radius: 5px 0 0 5px;width: 40px;}
div.rit-fdd-poen img{display: none;}
div.myclose p.open-hide{display: none;}
div.myclose img{display: block;margin: 7px auto;}
.rit-fdd.myclose{right: -40px;}


/* new */
.service { height:700px; }
.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:#fff; }
.difference ul.two li div.iconfont[class$='1']{ background:url(/template/default/zhuantizy/s_wzdzkf/yo_15.jpg) no-repeat center center; background-color:#004DDB; }
.difference ul.two li div.iconfont[class$='2']{ background:url(/template/default/zhuantizy/s_wzdzkf/yo_17.jpg) no-repeat center center; background-color:#698CEA; }
.difference ul.two li div.iconfont[class$='3']{ background:url(/template/default/zhuantizy/s_wzdzkf/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:60px; display: inline-block; vertical-align:middle; color:#DEDCFF; z-index:99; transform:rotate(0deg) !important; }

.choice li div.icon_cb{background:url(../images/cb.png)  no-repeat;display: inline-block;vertical-align:middle;  margin: 0 auto;    line-height: 94px; width: 60px; height: 60px; text-align: center;}

.choice li div.icon_qy{background:url(../images/qy.png)  no-repeat;display: inline-block;vertical-align:middle;  margin: 0 auto;    line-height: 94px; width: 60px; height: 60px; text-align: center;}
.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;}
.service{background:#004DDB url(../images/preferre_022.jpg) no-repeat center top;}
 
.theme .themeList .themeImg{ height:414px;}
@font-face {
		font-family: 'iconfont';
	    src: url('../indexfont/iconfont1.eot'); /* IE9*/
	    src: url('../indexfont/iconfont1.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	    url('../indexfont/iconfont1.woff') format('woff'), /* chrome、firefox */
	    url('../indexfont/iconfont1.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	    url('../indexfont/iconfont1.svg#iconfont') format('svg'); /* iOS 4.1- */

	    
	}

.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);}*/
.Title p{  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{ overflow:hidden;}
.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 .2s;	
	-moz-transition:all .4s linear .2s;
	-webkit-transition:all .4s linear .2s;
	}
.what.active ul li:nth-child(2),.what.active ul li:nth-last-child(2){
	transition:all .4s linear .4s;	
	-moz-transition:all .4s linear .4s;
	-webkit-transition:all .4s linear .4s;
	}
.what.active ul li:nth-child(3),.what.active ul li:nth-last-child(3){
	transition:all .4s linear .6s;
	-moz-transition:all .4s linear .6s;
	-webkit-transition:all .4s linear .6s;
	}
.what.active ul li:nth-child(4),.what.active ul li:nth-last-child(4){
	transition:all .4s linear .8s;
	-moz-transition:all .4s linear .8s;
	-webkit-transition:all .4s linear .8s;
	}
.what.active ul li:nth-child(5),.what.active ul li:nth-last-child(5){
	transition:all .4s linear 1s;
	-moz-transition:all .4s linear 1s;
	-webkit-transition:all .4s linear 1s;
	}
.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);}
body{ overflow-x: hidden;}
.indexBanner ul{ height: auto; width: 100%;}
.indexBanner li{ width: 100%;}
.indexBanner li img{ width: 100%;}
.theme .themeList li{ height: 240px;}
.theme .themeList .themeImg{ height: 200px;}
.theme{height: auto; padding-bottom: 60px;}
.theme .themeList{ width: 1200px;}
.theme .themeList ul{ width: 100%; margin: 0;}
.theme .themeList li{ width: 280px; margin: 10px;height:220px;background-color: #fff;}