.clr{#zoom:1;clear:both}
.clr:before,.clr:after{display:block;content:".";height:0!important;line-height:0!important;visibility:hidden}
.clr:after{clear:both}
.clr{*zoom:1;}
ul,ol,li{list-style:none;list-style-position:outside}
*{margin:0;padding:0; font-weight: normal;}
a{color:#333;text-decoration:none;outline:none;}
i{ font-style:normal;}
a:hover{color:red; text-decoration:none;}
em{font-style:normal}
body div{margin-right:auto;margin-left:auto;}
.w_12{ width: 1200px;}
.w_11{ width: 1100px;}
.w_10{ width: 1000px;}
.h_60{ height: 60px;}
.breadcrumb{margin-bottom:0!important;}

.item1box li,.item2box li,.goodsitem .l,.goodsitem .r,.about_idx .fr,.processform .center{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.successcase{overflow: hidden;}
.fixedbox{ position: fixed; left: 0; top:0;}
html,body{min-height: 100%;}
body{ font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; background:fixed;}

.header{ height: 60px;background: #fff; z-index: 99; overflow: hidden;transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -zom-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;}
.header:not(.offfixed){ position: fixed; left: 0; top: 0;width: 100%; }
.header.on{background: #fff; border-bottom: 2px solid #4390EE; box-shadow: 0 0 2px 1px #4390EE;}
.headbox{ position: relative; padding-left: 150px;}
.headlogo{ position: absolute; left: 0; top:0; width: 150px; font-size: 22px; text-align: center; line-height: 60px; height: 60px;}
.headlogo img{ height: 100%;}

.nav{ height: 40px; line-height: 40px; background: #f1f1f1;}
.navul{ text-align: right;}
.navul li{ display: inline-block; min-width: 80px; height: 60px; line-height: 60px; text-align: center;  cursor: pointer; font-size: 16px;}
/*.navul li:first-child{ border-left: 1px solid #dfdfdf;}*/
.navul li a{display: block; position: relative; top:0; padding:0 20px;}
.navul li a:nth-child(1){transition:all .2s ease .05s; -webkit-transition:all .2s ease .05s; -zom-transition:all .2s ease .05s; -o-transition:all .2s ease .05s; -ms-transition:all .2s ease .05s;}
.navul li a:nth-child(2){background:#4390EE; color: #fff;transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -zom-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;}
.navul li.on,.navul li:hover{}
.navul li:hover a{ top: -60px;}
.beaner{ margin-top: 60px; position: relative;}
.beaner .swiper-slide{ height: 700px; width: 100%;}
.beaner #swiper-slide1{ background: url(../images/banner/banner1.png) no-repeat center center;}
.beaner #swiper-slide2{ background: url(../images/banner/banner2.png) no-repeat center center;}
.beaner #swiper-slide3{ background: url(../images/banner/banner3.png) no-repeat center center;}
.beaner #swiper-slide4{ background: url(../images/banner/banner4.png) no-repeat center center;}
.beaner #swiper-slide5{ background: url(../images/banner/banner5.png) no-repeat center center;}
.beaner #swiper-slide1,.beaner #swiper-slide2,.beaner #swiper-slide3{ background-size: auto 100%;}
.beaner .w_11{ position: relative; height: 600px;}
.beaner .l{ position: absolute; left: 0; top:0;}
.beaner .r{ position: absolute; right: 0; top:0;}
.beaner .img{ top:75px;}
.beaner .text{ font-family: '幼圆'; color: #fff; height: 600px;}

.beaner .l .tle,.beaner .center .tle,.beaner .r .tle{ font-size: 36px; margin-top: 123px; margin-bottom: 40px;}
.beaner .l li,.beaner .center li{ font-size: 16px; line-height: 30px; padding-bottom: 5px; position: relative; padding-left: 20px;}
.beaner .l li:after{content: ''; height: 6px; width: 6px; position: absolute; left: 7px; top:13px; background: #fff;}

.beaner .l .banner_btn{ position: absolute; left:20px; bottom: 140px;}
.beaner .r{ text-align: right;}
.beaner .r li{font-size: 16px; line-height: 30px; padding-bottom: 5px; position: relative; padding-right: 20px;}
.beaner .r li:after{content: ''; height: 6px; width: 6px; position: absolute; right: 7px; top:13px; background: #fff;}

.beaner .r .banner_btn{ position: absolute; right:20px; bottom: 140px;}
.beaner .center{ text-align: center; font-family: '幼圆'; color: #fff; height: 600px;}
.beaner .center .banner_btn{ position: absolute; left:50%; bottom: 280px; margin-left: -60px;}

.banner_page{ position: absolute; left: 0; bottom:20px; z-index:199; width: 100%; height: 79px; background: url(../images/banner/banner-btns-bg.png) no-repeat center 9px;}
.banner_page ul{ margin:0 auto;}
.banner_page li{ width: 10%; margin:0 5%; text-align: center; float: left; cursor: pointer;}
.banner_page li p{ color:#fff; padding-top:8px; position: relative; top:0; transition:all .3s ease .7s;}
.banner_page li span{ display: inline-block; height:20px; width: 20px;background:#fff; border-radius: 50%; position: relative; top:0; text-align: center; transition:all .3s ease .7s; cursor: pointer;}
.banner_page li span img{ height: 0; transition:all .3s ease .7s;}
.banner_page li span:after{content: ''; position: absolute; left: -4px; top:-4px; height: 28px; width: 28px; background:rgba(225,225,225,.3); border-radius: 50%; transition:all .3s ease .7s; z-index: -1;}
.banner_page li.on{}
.banner_page li.on span{ height: 40px; width: 40px; top: -10px; background: #2277da;}
.banner_page li.on span:after{height: 48px; width: 48px; background: rgba(34,119,218,.5);}
.banner_page li.on span img{ height: 35px; margin-top:3px;}
.banner_page li.on p{ font-size: 15px; position: relative; top:-5px;}
.banner_page .move{  display: inline-block; height:20px; width: 20px;background:#2277da; border-radius: 50%; position: absolute; left: 0; top:0; transition:all .8s ease 0s; z-index: -1;}
.banner_page .move:after{content: ''; position: absolute; left: -4px; top:-4px; height: 28px; width: 28px; background: rgba(34,119,218,.3); border-radius: 50%;}

.banner_page li:nth-child(2).on span img{ height: 28px; margin-top:7px;}
.banner_page li:nth-child(3).on span img{ height: 30px; margin-top:3px;}
.banner_page li:nth-child(4).on span img{ height: 28px; margin-top:5px;}
.banner_page li:nth-child(5).on span img{ height: 30px; margin-top:5px;}

/* .idx_item1{ background: #f2f2f2;}
.about_idx{ padding-bottom: 40px;}
.about_idx .fl{ width: 370px; float: left;}
.about_idx .fr{ float: right; background: url(../images/about_r.png) no-repeat left top; background-size:100% auto; width:680px; height: 330px; overflow: visible; padding:30px; padding-right: 50px;text-align:Justify; text-justify:inter-ideograph}
.about_idx .fr p{ text-indent: 2em; line-height: 25px; margin-bottom: 20px;} */

.idx_item1{ background: #f2f2f2; padding-bottom: 40px;}
.idx_item1 .title1 h2{text-align:left; font-size: 20px; margin:0; padding:40px 0;}
.idx_item1 .title2{margin-bottom:20px;}
.about_idx{ background:#fff; width:950px; height:450px; margin-left:0;  position:relative;}
.about_idx .__text{padding-right:370px; padding-left:40px;}
.about_idx .__text h2{margin: 0; padding:65px 0; font-size:20px; padding-left:92px; position: relative;}
.about_idx .__text h2 i{position: absolute; height:4px; width:80px; left:0; top:50%; margin-top:-2px; background:#333;}
.about_idx .__text p{ line-height:32px;}
.about_idx .__img{position: absolute; right:-120px; top:110px;}


.rowhead{margin-bottom: 50px; text-align: center; font-size: 26px; color: #333;}
.rowtitle{text-align: center; font-size: 34px;}
.rowtitle .bu{color: #266abe;}

/* .advantagecls{position: relative; display: block; height: 620px;}
.advantagecls_map, .advantagecls_computer, .advantagecls_list .lab, .advantagecls_list .ico{display: block; background-image: url(../images/icon/advantagecls.png); background-repeat: no-repeat;}
.advantagecls_map{position: absolute; top: 0; left: 0; width: 100%; height: 620px; background-position: 50% 0;}
.advantagecls_computer{position: absolute; top: 110px; left: 0; width: 680px; height: 400px; background-position: 0 -620px;}
.advantagecls_list{position: absolute; top: 5px; right: 0;}
.advantagecls_list li{margin-bottom: 24px; position: relative; padding-top: 20px; width: 220px; height: 100px; font-size: 24px;}
.advantagecls_list .long{padding-top: 10px; height: 100px;}
.advantagecls_list .fore1{margin-left: 365px; color: #0082d2;}
.advantagecls_list .fore2{margin-left: 365px; color: #00aae1;}
.advantagecls_list .fore3{margin-left: 365px; color: #00a9e1;}
.advantagecls_list .fore4{margin-left: 365px; color: #00d7e1;}
.advantagecls_list .fore5{margin-left: 365px; color: #00d2aa;}
.advantagecls_list .eng{font-size: 16px; color: #666; font-variant: small-caps;}
.advantagecls_list .lab{position: absolute; top: 0; right: 235px; height: 100px; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.advantagecls_list li:hover .lab{filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); -webkit-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); -moz-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}
.advantagecls_list .fore1 .lab{width: 350px; background-position: 0 -1020px;}
.advantagecls_list .fore2 .lab{width: 190px; background-position: -160px -1120px;}
.advantagecls_list .fore3 .lab{width: 160px; background-position: -190px -1220px;}
.advantagecls_list .fore4 .lab{width: 190px; background-position: -160px -1320px;}
.advantagecls_list .fore5 .lab{width: 350px; background-position: 0 -1420px;}
.advantagecls_list .ico{position: absolute; top: 10px; right: 11px; width: 80px; height: 80px; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.advantagecls_list li:hover .ico{filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); -webkit-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); -moz-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}
.advantagecls_list .fore1 .ico{background-position: -350px -1030px;}
.advantagecls_list .fore2 .ico{background-position: -350px -1130px;}
.advantagecls_list .fore3 .ico{background-position: -350px -1230px;}
.advantagecls_list .fore4 .ico{background-position: -350px -1330px;}
.advantagecls_list .fore5 .ico{background-position: -350px -1430px;} */

.advantagecls{ padding-top:30px;}
.advantagecls .__item{ float: left; width:20%; height:240px;}
.advantagecls .__item.img{background:#fff;}
.advantagecls .__item.text{text-align:center;}
.advantagecls .__item.text h3{ padding-top:92px; margin: 0; font-size:18px;}
.advantagecls .__item.text p{ padding:12px;font-size:11px; font-family: Arial; color:#808080;}

.title{ padding-bottom: 50px; text-align: center; padding-top: 50px;}



.idx_item2{ padding:40px 0 20px;}
.item2box{ padding:20px 0; padding-top: 40px; width:1140px;}
.item2box li{ float: left; width: 180px; height:220px; 
	transition: all .3s;
	-moz-transition: all .3s;	/* Firefox 4 */
	-webkit-transition: all .3s;	/* Safari 和 Chrome */
	-o-transition: all .3s;
	background:#fff; text-align: center; margin:0 20px; margin-bottom: 40px;}
.item2box li:hover{
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.item2box li span{ height: 80px; width: 80px; margin: 50px auto 0;  overflow: hidden; display: inline-block; background: url(../images/index_appicon.png);}
.item2box li:nth-child(2) span,
.goodsitem:nth-child(2) .text .img
{background-position: -80px 0;}
.item2box li:nth-child(3) span,
.goodsitem:nth-child(3) .text .img
{background-position: -160px 0;}
.item2box li:nth-child(4) span,
.goodsitem:nth-child(4) .text .img
{background-position: -240px 0;}
.item2box li:nth-child(5) span,
.goodsitem:nth-child(5) .text .img
{background-position: -320px 0;}
.item2box li:nth-child(6) span,
.goodsitem:nth-child(6) .text .img
{background-position: 0 -80px;}
.item2box li:nth-child(7) span,
.goodsitem:nth-child(7) .text .img
{background-position: -80px -80px;}
.item2box li:nth-child(8) span,
.goodsitem:nth-child(8) .text .img
{background-position: -160px -80px;}
.item2box li:nth-child(9) span,
.goodsitem:nth-child(9) .text .img
{background-position: -240px -80px;}
.item2box li:nth-child(10) span,
.goodsitem:nth-child(10) .text .img
{background-position: -320px -80px;}
.item2box li h1{ text-align: center; font-size: 16px; }
.item2box li p{ font-size: 14px; text-align: left; text-indent: 2em; height: 60px;}
.idxmore{ text-align:center;}
.idxmore a{ display: inline-block;height: 55px; width: 200px; border:1px solid #03A9F4; color: #03A9F4; line-height: 55px; text-align: center; border-radius: 3px; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -zom-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;}
.idxmore a:hover,.idxmore a.on{background: #03A9F4; color: #fff;}

.idx_item3{ height: 380px; overflow: hidden; background: #fff; color:#fff; position: relative;}
.idx_item3 .title{ position: relative;}
.idx_item3 .back{ position: absolute; left: 0; bottom:0; width: 100%;}
.idx_item3 .w_12{ position: relative; z-index: 9;}
.item3box{display: -webkit-box;display: -webkit-flex; display: flex; padding:10px 20px;}
.item3box li{-webkit-box-flex: 1; -webkit-flex: 1;flex: 1; text-align: center; position: relative;}
.item3box li p{ font-size: 16px; padding-top: 20px;}
.item3box li i{ position: absolute; right: -10px; top:50%; font-size: 22px; margin-top: -38px;}

.footer{ height: 200px; background:#f1f1f1;}

.footlogo{ width: 200px; float: left; height: 170px;}
.footlogo img{ height: 60px; margin-top: 20px;}
.footnav{ padding-top: 20px; float: left;}
.footnav li{ float: left; width: 150px; height: 150px; border-left: 1px solid #d5d5d5; position: relative; padding: 0 20px;}
.footnav li:after{ content: ''; height:100%; width: 1px; background: #fff; position: absolute; left: 0; top:0;}
.footnav li h1{ font-size: 16px; margin-top: 5px;}
.footnav li p{ margin-bottom: 8px; color: #666; font-size: 12px;}
.footerend{ height: 40px; line-height: 40px; text-align: center; background: #f1f1f1;  border-top: 1px solid #d5d5d5; position: relative;}
.footerend:after{content: ''; width:100%; height: 1px; background: #fff; position: absolute; left: 0; top:0;}


.footright{ float: right; width: 290px; position: relative;}
.footright ul{ padding-top:10px;}
.footright ul li{ position: relative; padding-left: 55px; height: 58px; padding-bottom: 10px;}
.footright ul li span{ height: 48px; width: 48px; position: absolute; left: 0; top:0;  overflow: hidden; background: url(../images/footright.png) no-repeat;}
.footright ul li:nth-child(1) span{ background-position: 0 0;}
.footright ul li:nth-child(3) span{ background-position: 0 -81px;}
.footright ul li:nth-child(2) span{ background-position: 0 -161px;}
.footright ul li:nth-child(1):hover span{ background-position: -80px 0;}
.footright ul li:nth-child(3):hover span{ background-position: -80px -81px;}
.footright ul li:nth-child(2):hover span{ background-position: -80px -161px;}
.footright ul li p{ margin:0; padding:0; line-height: 20px; padding-top: 3px; cursor: default;}
.footright ul li a{ color: #666; font-size: 12px;}
.footright .ewm{ position: absolute; right: 0; top: 20px; text-align: center;}
.footright .ewm img{ width: 80px;}

.idx_item4{ padding:20px 0;}
.item4box ul{ width: 920px; margin:0 auto; margin-bottom: 20px;}
.item4box ul li{ height: 80px; width: 162px; float: left; border:1px solid #ddd; background: #fff; margin: 11px;}
.item4box ul li img{ height: 100%; width: 100%; display: block;}

.idx_item5{ padding:20px 0;}
.idx_item5 .title{ padding-top:40px; padding-bottom: 0px;}
.item5box{ padding: 20px;}
.item5box a{ margin: 0 30px;}


.info_beaner{ text-align: left; height: 350px; overflow: hidden; position: relative; color: #fff;}
.info_beaner img{ position: absolute; left: 0; bottom: 0; z-index: -1; height: 100%;}
.info_beaner .w_11{ position: absolute; left: 50%; bottom:0; margin-left: -550px; margin-bottom:140px;}
.info_beaner h3{ font-size: 32px;}
.info_beaner h3 i{ margin-left:20px;}
.info_beaner i{font-family: Arial; font-size: 26px;}
.info_beaner p{ font-size: 18px;}

.goodsitem{ height: 440px; padding:50px 0; border-bottom: 1px solid #ddd;}
.goodsitem .l{ float: left; text-align: left; width: 50%; padding-right: 20px; height: 100%;}
.goodsitem .r{ float: right; text-align: right; width: 50%; padding-left: 20px; height: 100%;}
.goodsitem .text .img{ height: 100px; width: 100px; display: inline-block; background: url(../images/index_appicon.png);}
.goodsitem .text .lists{ border-bottom: 1px solid #999;}
.goodsitem .l.text li{ float: left; margin-right: 10px;}
.goodsitem .r.text li{ float: right; margin-left: 10px;}
.goodsitem .text li{ border:1px solid #999; border-radius: 2px; height: 24px; line-height: 22px; padding:0 5px; color: #444; cursor: pointer; text-shadow: .5px .5px .5px #f1f1f1; margin-bottom: 10px;
transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -zom-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s}
.goodsitem .text li:hover,.goodsitem .text li.on{ box-shadow: 0 0 1px 1px #C2E2F1; color: #03A9F4;  border-color:#03A9F4;}
.goodsitem .text .showtext{ color: #222;  text-align: left;}
.goodsitem .slideul{ height: 300px; width: 440px; overflow: hidden; display: inline-block; border:5px solid #E4E4E4;}
.goodsitem .slideul li{height: 300px; width: 440px;}
.goodsitem .slideul img{ display: block; height: 100%; width: 100%;}


#container{ height: 360px; width: 100%;}

.contactus{}
.contactus .l{ float: left; width: 50%;}
.contactus .r{ float:right; width: 50%;}

.newsul{}
.newsul li{ border-bottom: 1px dashed #ddd; padding:20px 10px; position: relative; height: 190px; padding-left: 220px;}
.newsul li span{ position: absolute; left:10px; top:20px; width: 200px; height: 150px;}
.newsul li span img{ display: block; height: 100%; width: 100%;}
.newsul li h3{ margin-top:10px;}

.page{ text-align: center;}
.breadcrumbox{ background: #f5f5f5;}
.caseul{ position: relative;}
.caseul li{ position: absolute; width: 230px; border:1px solid #ddd; padding:10px; background: #fff;
 transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.caseul li:hover{filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5)); -webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5)); -moz-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5)); transform: translate3d(0, -4px, 0); -moz-transform: translate3d(0, -4px, 0); -webkit-transform: translate3d(0, -4px, 0);}
.caseul li span{ width: 100%; display: block;}
.caseul li span img{ display: block; width: 100%;}
.caseul li h3{ font-size: 16px;}

.button_link{display:inline-block;position:relative;text-decoration:none;font-size:15px;color:#fff;font-weight:bold;width:120px;text-align:center;height:40px;line-height:35px;border:1px solid rgba(255,255,255,.8);margin:0;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s; font-family: '微软雅黑';}
.button_link:hover{border:1px solid rgba(255,255,255,1);}
.button_link .line{display:inline-block;background-color:#FFF;position:absolute;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.button_link .line_top{height:1px;width:0;left:-50%;top:-1px;}
.button_link:hover .line_top{width:100%;left:-1px;}
.button_link .line_right{height:0;width:1px;top:-50%;right:-1px;}
.button_link:hover .line_right{height:100%;top:-1px;}
.button_link .line_bottom{width:1px;height:0;bottom:-50%;left:-1px;}
.button_link:hover .line_bottom{height:100%;bottom:-1px;}
.button_link .line_left{height:1px;width:0;right:-50%;bottom:-1px;}
.button_link:hover .line_left{width:100%;right:-1px;}

.r_menu{ position: fixed; right: 3px; top: 50%; width: 60px; z-index: 199; margin-top: -122px; overflow: hidden;}
.r_menu:hover{overflow: inherit;}
.r_menu li{ display: inline-block; height: 60px; width: 60px; background:#ddd; margin-bottom: 1px; cursor: pointer; position: relative;
 transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -zom-transition:all .3s ease 0s;}
.r_menu li p{  text-align: center; line-height: 20px; font-size: 12px;}
.r_menu li span{ float: left; height: 40px; width: 40px; margin:0 10px; background: url(../images/r_menu/r_menu.png) no-repeat;
 transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -zom-transition:all .3s ease 0s;}
.r_menu li.kf span{background-position:0 0;}
.r_menu li.dh span{background-position:0 -40px;}
.r_menu li.wx span{background-position:0 -80px;}
.r_menu li.top span{background-position:0 -120px;}
.r_menu li a:link{text-decoration:none; color: #333;}
.r_menu li:hover{background: #BFBFBF; color: #fff;}
.r_menu li:hover p{ color: #fff;}
.r_menu li:hover div{ opacity: 1; right: 68px;}
.r_menu li.kf:hover{background:#1296db;}
.r_menu li.dh:hover{background:#e56611;}
.r_menu li.wx:hover{background:#44b549;}
.r_menu li.top:hover{background:#117fe5;}
.r_menu li.kf:hover span{background-position:-38px 0;}
.r_menu li.dh:hover span{background-position:-38px -40px;}
.r_menu li.wx:hover span{background-position:-37px -80px;}
.r_menu li.top:hover span{background-position:-37px -120px;}
.r_menu li div{ opacity: 0; position: absolute; right: 80px; top:50%; color: #fff;
 transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -zom-transition:all .3s ease 0s;}
.r_menu li div:before{content: ''; position: absolute; right: -8px; top:50%; margin-top: -5px; height: 0; width: 0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid #fff;}
.r_menu li.dh div{ margin-top:-30px; height: 60px; width: 140px; text-align: center; line-height: 60px; font-size: 18px; background:#e56611;}
.r_menu li.dh div:before{ border-left:8px solid #e56611;}
.r_menu li.wx div{ margin-top: -50px; background:#44b549;}
.r_menu li.wx div:before{ border-left:8px solid #44b549;}
.r_menu li.wx div img{ width: 90px; margin:5px; display: block;}

.processform{height: 400px; background:url(../images/processform.jpg); position: relative; margin-top:40px;}
.processform .center{ position: absolute; width: 400px; height: 200px;background:rgba(250,250,250,.9); left: 50%; top:50%; margin-top: -100px; margin-left:-200px; padding:20px; border-radius: 5px;}
.processform .center .btn{ width: 100%;}
.processform .center h4{ margin:0px; margin-bottom: 10px; text-align: center;}


.join{}
.join li{ height: 100px; overflow: hidden; transition:height .3s ease 0s; -o-transition:height .3s ease 0s; -webkit-transition:height .3s ease 0s; -zom-transition:height .3s ease 0s; padding: 10px;}
.join li:not(:last-child){border-bottom: 1px solid #ddd;}
.join li.on{ height: 750px;}
.join li:not(.on):hover{background: #497E9D; color: #fff;}
.join li h3{ font-size: 22px; line-height: 40px; margin: 5px 0;}
.join li h4{ font-size: 18px; margin: 5px 0;}
.join li h5{ font-size: 16px;}
.join li h6{ font-size: 14px;}
.join li b a{font-weight: bold;}
.join .tags{ padding:10px 0; border-bottom: 1px solid #f6f6f6}
.join .tags span{ padding: 0 10px; background: #F6FCFF; color: #497E9D; margin: 10px 0; margin-right:20px; height: 32px; line-height: 32px; display: inline-block;}
.join .limits{ padding:10px;}






/*常见问题*/
.compro{ padding: 40px 0;}
.compro .menu *{ margin:0; padding:0;}
.compro .menu{ width:230px; float: left; position: relative;}
.compro .content{ width:845px; float: right;}
.compro .menu,
.compro .content{background: #f9f9f9; border:1px solid #ddd;}
.compro ._logo{}
.compro ._logo img{ width: 80%; margin:20px 10%;}

.compro .menulist{}
.compro .menulist li{ border-top:1px solid #d5d5d5; border-bottom: 1px solid #fff}
.compro .menulist li:last-child{border-bottom: 0;}
.compro .menulist li h3{ height: 40px; line-height: 40px; font-size: 15px; cursor: pointer; padding-left: 48px; position: relative;}
.compro .menulist li h3:before{content: '+'; position: absolute; left: 20px; top:0; line-height: 40px; font-size: 22px;}
.compro .menulist li p{ font-size: 14px; height: 38px; line-height: 38px; cursor: pointer; text-indent: 48px;}
.compro .menulist li h3:hover{color: #4390EE}
.compro .menulist li p:hover{color: #4390EE}
.compro .menulist li p.on{background: #4390EE; color: #fff;}
.compro .menulist li div{ background: #fff; border-top:1px solid #d5d5d5; display: none;}
.compro .menulist li.on h3:before{content: '-'; font-size: 30px;}
.compro .search{ padding:30px 45px; border-bottom: 1px solid #d5d5d5;}
.compro .box{ padding:30px 45px;}

.compro .lists{ min-height: 300px;}
.compro .lists li{ line-height: 30px; margin-bottom: 5px; cursor: pointer;}
.compro .lists li:hover{color: #4390EE}
.compro .content_box{background: #fff; margin:5px; padding: 25px 40px;}
.compro .title{ text-align: left; padding:0; margin-bottom: 40px; font-size: 26px;}
.compro .fank{position: relative; padding-left: 80px; text-align: left; margin-top: 40px;}
.compro .fank img{ position: absolute; width: 50px; position: absolute; left: 0; top: 0;}
.compro .fank span{ display:  inline-block; height: 40px; line-height: 40px; width: 90px; text-align: center;box-shadow: 0 0 6px #e5e5e5;background: #f3f3f3;    border-radius: 5px;    color: #666; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; -zom-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; cursor: pointer; border:1px solid #ddd; margin-top: 10px;}
.compro .fank span:first-child{margin-right: 30px;}
.compro .fank span:hover{ background: #f1f1f1; color: #4390EE; border:1px solid #4390EE;box-shadow: 0 0 6px #4390EE;}
.compro .fank label{ font-weight: normal; margin-right: 20px; }
.compro .fank label input{vertical-align: middle; margin: 0; margin-right: 5px; position: relative; top: -1px;}


/*#AA638F,#7499C3,#967FB5,#809876,#CF3638,#3F98A0*/
.saveinfo{ padding: 40px 0;}
.saveinfo .w_11{ padding-left: 50px;}
.savetimeaxis{position: relative; padding-left: 50px;}
.savetimeaxis:before{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: #5B607D;}
.savetimeaxis > li{ position: relative; margin:40px 0; padding: 20px; color: #fff; border-radius: 5px; box-shadow: 0 0 3px #f9f9f9; min-height: 100px;}
.savetimeaxis > li > span{ position: absolute; height:60px; width: 60px; background: #5B607D; color: #fff; border-radius: 50%; font-size: 12px;  line-height: 60px; text-align: center; left: -80px;}
.savetimeaxis > li:before{content: ''; position: absolute; left: -9px; top: 45px; height: 0; width: 0; border-top:6px solid transparent; border-bottom: 6px solid transparent;}

.savetimeaxis li.AA638F{ background: #AA638F}
.savetimeaxis li.AA638F:before{ border-right:9px solid #AA638F}
.savetimeaxis li._7499C3{ background: #7499C3}
.savetimeaxis li._7499C3:before{ border-right:9px solid #7499C3}
.savetimeaxis li._967FB5{ background: #967FB5}
.savetimeaxis li._967FB5:before{ border-right:9px solid #967FB5}
.savetimeaxis li._809876{ background: #809876}
.savetimeaxis li._809876:before{ border-right:9px solid #809876}
.savetimeaxis li.CF3638{ background: #CF3638}
.savetimeaxis li.CF3638:before{ border-right:9px solid #CF3638}
.savetimeaxis li._3F98A0{ background: #3F98A0}
.savetimeaxis li._3F98A0:before{ border-right:9px solid #3F98A0}
.saveyear{ background: #3F98A0; color: #fff; font-size: 14px; height: 30px; line-height: 30px; width: 60px; position: relative; left: -30px; text-align: center; margin-left: 0;}
.saveyear:before{content: ''; width: 4px; background: #5B607D; height: 40px; top: 30px; left: 50%; position: absolute;}
.saveyear:not(:first-child):after{content: ''; width: 4px; background: #5B607D; height: 40px; bottom: 30px; left: 50%; position: absolute;}
.savetimeaxis:last-child li:last-child:after{content: ''; width: 4px; background: #fff; height: 100%; position: absolute; left: -50px; top: 80px;}