﻿.swiper-container{
	width: 100%;
}

.swiper-container img{
	    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.swiper-container .a1{
	  width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.swiper-slide1{
	background: url("../images/banner1.jpg") no-repeat center center;
	background-size: cover;
}
.swiper-slide2{
	background: url("../images/banner2.jpg") no-repeat center center;
	background-size: cover;
}
.swiper-slide4{
	background: url("../images/mbabanner.jpg") no-repeat center center;
	background-size: cover;
}
.wel_container{
	background: #333;
	padding: 15px 0;
	display: none;
}
.wel_contact ul li{
	float: left;
	padding: 0 10px;
}
.wel_contact ul li img{
	vertical-align: middle;
}
.index_banner{
    overflow: hidden;
    clear: both;
}
/**/
.fixed {
    zoom: 1;
}
.nav_container{
    height: 44px;
    line-height: 43px;
}
.nav_container ul {
    padding-top:38px;
}
.nav_container ul li {
    float: left;
    /*background: url(../imgs/nav_li.gif) no-repeat right top;*/
    display: inline-block;
    zoom: 1;
    position: relative;
    z-index: 1000;
    /*height: 75px;*/
    font-weight: bold;
}
.nav_container ul li:last-child{
	background: none;
}

.nav_container ul li a:hover, .nav_container ul li.cur>a {
    text-decoration: none;
    zoom: 1;
    /*background: #00aec4;*/
    display: inline-block;
    /*font-weight: bold;*/
}
.nav_container ul li.cur>a{
        /*background: #00aec4;*/
}
.nav_container ul li a {
    display: inline-block;
    color: #565966;
    padding: 0 20px;
    /*_padding: 0 10px;*/
    zoom: 1;
    margin-left: -2px;
    font-size: 17px;
    /*font-weight: 600;*/

}
/*.nav_container li:hover .erj{display:block;}*/
.nav_container li .erj {
    display: none;
     /*left: -51px;*/
    text-align: center;
    /*max-height: 0;*/
    position: absolute;
    top:49px;
    z-index: 0;
    background: #fff;
    left: -34px;
}

.nav_container li .erj a:hover{
	color: #2ba0ea
}
 .nav_container li .erjpos{
	left: -14px;
}
.affix-top .nav_container li .erj{
    top:49px;
    /*top:67px;*/
}
.affix-top .nav_container{
     display: none;
}
.affix .nav_container{
   
    display: block;
}
.affix-top .search_head_container{
    top: -17px;
}
.affix-top .search_head_container{
    top: 4px;
}
.search_head_container{
	position: absolute;
	right: 0;
    top: -17px;
}
.search_head_container .search_button{
	background: #23a6db
}
.search_head_container .search_head_tel{
	float: left;
	height: 49px;
	line-height: 46px;
	margin: 15px 26px 0 0;
	font-size: 14px;
}
.search_head_container span{
	font-size: 21px;
	letter-spacing: 2px;
	color: #23a6db;
	font-weight: bold;
}
.affix-top .logo_container{
	margin: -10px 0 0
}
.affix .logo_container{
	margin:  0
}
.nav_container li .erj .ermenu_container{ 
    width: 142px;
     /*overflow:hidden;   */
     border-top: 1px solid #e7e7e7 !important;
    border-right: 1px solid #e7e7e7 !important;
    border-left: 1px solid #e7e7e7 !important;
}
.nav_container li .erj .ermenu_container:last-child{
    border-bottom: 1px solid #e7e7e7 !important;
}
.nav_container li .erj .ermenu_container:first-child{
    border-top:none;
}
.nav_container li .erj a{
    font-size: 13px;
   /*width:calc(100% - 20px);*/
   width: 100%;
    padding: 0 10px;
    font-weight: 500;
    display: block;
    color: #444;
    padding:0;
}
.nav_container li .erj p a{}
.nav_container li .erj p a:hover{color:#444;  background: #f5f5f5}
.nav_container .erj {
   
}
.nav_container li .erj p:last-child a{
        border-bottom: 1px solid #e7e7e7;
}
.nav_s>a{
   background: url(../images/nav_s.jpg) no-repeat 94% 53%;
    background-size: 10%;
}
.nav_ul li >a:hover{
    
    color: #2ba0ea
}
.nav_s>a:hover{
    background: url(../images/nav_s1.jpg) no-repeat 94% 53%;
    background-size: 10%;
}
.head_logo{
    position: relative;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    background: #fff;
}

.head_logo.affix, .head_logo.affix {
    width: 100%;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    position: fixed;
    border-bottom: 1px solid #ececec;
    z-index: 9999;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.logo_container a{
    width:214px;
    overflow: hidden;
}
.logo_container img{
    width: 100%;
}
.head_logo {
    height: 93px;
    width: 100%;
    position: relative;
    padding-top: 10px;
}
.logo_container {
    width:260px;
    overflow: hidden;
    /*padding-top: 19px;*/
}
.ermenu_container{
    position: relative;
}
.ermenu{
    position: absolute;
    right: -168px;
    top: 0;
    background: #fff;
    width: 120%;
    display: none;
}
.search_conatiner{
	padding: 0 20px;
	overflow: hidden;
	margin: 15px 0 0
}
 .search_txt{
	width: 172px;
    height: 37px;
    border: 1px solid #e6e6e6;
    border-right: none;
    padding-left: 41px;
    border-radius: 4px;
    font: 14px/36px 'microsoft yahei';
    color: #333;
    background: url(../images/ky.png) no-repeat 12px -863px #fff;
    float: left;
}
.search_button{
	width: 96px;
    height: 39px;
    background: #07739a;
    color: #fff;
    font: 14px/39px 'microsoft yahei';
    border: none;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}
/*????????????*/
.jsyuyue{
	overflow: hidden;
	background: url("../images/jsyuyue.png") no-repeat center center;
	height: 160px;
	margin: 40px 0;
	
}
.jsyuyue_list{
	padding: 26px 210px 0;
	box-sizing: border-box;
	overflow: hidden;
}
.jsyuyue_title{
	overflow: hidden;
}
.jsyuyue_title li.curr {
    color: #fff;
}
.jsyuyue_title li {
    float: left;
    font-size: 16px;
    color: #a1c1ff;
    padding-right: 28px;
    padding-bottom: 22px;
    cursor: pointer;
}
.jsyuyue_content{
	/*overflow: hidden;*/
}
.jsyuyue_content1{
	box-sizing: border-box;
    width: 780px;
    height: 54px;
    background: #fff;
    border-radius: 4px ;
    position: relative;
}
.form_gruop{
	float: left;
}
.form_gruop input{
	box-sizing: border-box;
    width: 325px;
    height: 54px;
    font: 14px/22px '????????????';
    color: #333;
    outline: 0;
    border: none;
    margin: 0;
    padding: 5px 20px 5px 18px;
    background: none;
}
.form_gruop_line{
	display: block;
    width: 1px;
    height: 22px;
    background: #d2d2d2;
    position: absolute;
    top: 18px;
    right: 60%;
}
.mianfeiyuyue_btn{
	box-sizing: border-box;
    width: 130px;
    height: 54px;
    line-height: 54px;
    display: block;
    background: #2faaff;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 0 4px 4px 0;
}
.jsyuyue_content1:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 25px;
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #fff;
    display: table;
    content: "";
    clear: both;
    height: 0;

}
.hot_service_container{
    overflow: hidden;
    padding: 30px 0 20px;
}
.hot_service_list{
    overflow: hidden;
    clear: both;
}
.hot_service_list dl{
    float: left;
    width: 230px;
    height: 230px;
    margin-right: 12px;
    position: relative;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    top: 0;
    transition: 0.3s linear all;
}
.hot_service_list dl dt{
    display: block;
    width: 56px;
    height: 56px;
    margin: 31px auto 20px;
}
.hot_service_list .colorbg_item1{
    background: linear-gradient(135deg, #19e3d5 0%,#19c3a5 100%);
}
.hot_service_list .colorbg_item2{
    background: linear-gradient(135deg, #6d83ff 0%,#2c50fe 100%);
}
.hot_service_list .colorbg_item3{
    background: linear-gradient(135deg, #a92df6 0%,#6c39ff 100%);
}
.hot_service_list .colorbg_item4{
    background: linear-gradient(135deg, #fba761 0%,#e84a60 100%);
}
.hot_service_list .colorbg_item5{
    background: linear-gradient(135deg, #f8d046 0%,#dd8a22 100%);
    margin: 0;
}
.hot_service_list dl:hover{
   box-shadow: 0 0 30px rgba(0,0,0,.2);
   top: -2px;
}
.hot_service_list dl dd h5{
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 14px;
}
.hot_service_list dl dd p{
    font-size: 14px;
    color: #fff;
    padding-bottom: 24px;
}
.hot_service_list dl dd a{
    box-sizing: border-box;
    width: 118px;
    height: 34px;
    display: block;
    line-height: 32px;
    border: 1px solid rgba(255,255,255,.5);
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}
.hot_service_list dl.colorbg_item1:hover a{
    background: #fff;
    color:#19c4a7;
}
.hot_service_list dl.colorbg_item2:hover a{
    background: #fff;
    color: #2b4fff;
}
.hot_service_list dl.colorbg_item3:hover a{
    background: #fff;
    color:#6c39ff;
}
.hot_service_list dl.colorbg_item4:hover a{
    background: #fff;
    color:#e84a60;
}
.hot_service_list dl.colorbg_item5:hover a{
    background: #fff;
    color:#dd8a22;
}
.hot_service_list{
    padding: 20px 0
}
.more_link{
    font-size: 16px;
    color: #333;
    position: relative;
    padding-right: 25px;
    cursor: pointer;
}
.more_link span{
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: url(../images/gray_an.png) center center no-repeat;
    vertical-align: middle;
}
.more_link:hover span{
    background: url(../images/color_an.png) center center no-repeat;
}
.more_link:hover a{
    color: #2ba0ea; 
}
.service_type_container{
    width: 100%;
    background: #f5f5f5;
    padding: 24px 0 73px;
    overflow: hidden;
}
.service_type_list dl{
    box-sizing: border-box;
    width: 292px;
    height: 200px;
    border-top: 2px solid #19d3bc;
    background: #fff;
    margin-right: 14px;
    text-align: center;
}
.service_type_list dl dt{
    display: block;
    height: 70px;
    margin: 29px auto 12px;
}
.service_type_list dl dd h5{
    font-size: 16px;
    color: #333;
    font-weight: normal;
    padding-bottom: 15px;
}
.service_type_list dl dd p{
    font-size: 12px;
    color: #666;
}
.service_type_title{
    width: 142px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: url(../images/bg_title.png) no-repeat center center;
    margin-bottom: 30px;
}
.service_type_lists{
    box-sizing: border-box;
    width: 620px;
    height: 200px;
    background: #fff;
    margin-right: 14px;
    float: left;
}
.service_type_list1{
    box-sizing: border-box;
    width: 260px;
    height: 200px;
    background: #fff;
    float: right;
}
.service_type_list1 .service_type_title{
    width: 142px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: url(../images/bg_title.png) no-repeat center center;
    margin-bottom: 30px;
}
.service_type_list ul{
    padding-left: 35px;
}
.service_type_list ul li{
    width: 183px;
    margin-bottom: 22px;
    float: left;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service_type_list ul li .service_type_dots{
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
    background: rgb(126, 126, 126);
}
.service_type_list{
    overflow: hidden;
}
.index_goods_container{
    background: #f5f5f5;
    padding: 0px 0 75px;
    text-align: center;
    overflow: hidden;
}
.index_goods_list ul li{
    width: 290px;
    height: 440px;
    background: #fff;
    float: left;
    margin-right: 13px;
}
.index_goods_list ul li h3{
    font-size: 18px;
    color: #fd924b;
    padding: 54px 0 27px;
}
.index_goods_list ul li p{
    padding: 0 15px;
    margin: 0 0 20px;
    font-size: 14px;
}
.index_goods_list ul li:last-child{
    margin-right: 0
}
.hot_head{
    overflow: hidden;


}
/*??????*/
.index_case_container{
    background: #f5f5f5;
    overflow: hidden;
    padding: 0px 0 40px;

}
.case_list {
    color: both;
    overflow: hidden;
    padding:40px 0
}
.case_list ul li{
    width: 188px;
    height: 100px;
    margin:0 14px 15px 0; 
    float: left;
}
.case_list ul li:nth-child(6n){
    margin-right: 0
}
.index_case_bg{
    text-align: center;
    color: #fff;
    background: url("../images/bg_2.png") no-repeat center center;
    height: 120px;

}
.index_case_bg .p1{
    font-size: 22px;
    color: #fff;
    margin: 0 12px;
    padding: 37px 0 16px;
}
.index_news_container{
    background: #f5f5f5;
    overflow: hidden;
    padding: 0 0 40px;
}
.hot_head h3{
    font-size: 22px;
    color: #333;
    padding-bottom: 24px;
    font-weight: normal;
}
.index_news_list dl{
    width: 290px;
    height: 420px;
    background: #fff;
    margin-right: 13px;
    position: relative;
    float: left;
}
.index_news_list dl:last-child{
    margin-right: 0
}
.index_news_list dt{
    width: 100%;
    text-align: center;
    height: 148px;
}
.index_news_list dt img,.hoverimg img{
    display: block;
    width: 54px;
    height: 54px;
    margin: 0 auto;
    padding: 36px 0 14px;
}
.index_news_list dt a,.hoverimg a{
    display: block;
    text-align: center;
}
.index_news_list .new1{
    background: #d7e3f4;
}
.index_news_list .new3{
    background: #EAE2C9;
}
.index_news_list .new4{
    background: #efe5de;
}
.hoverimg{
    display: none;
    background: url(../images/im_caishuzix.png) no-repeat;
    background-size: 290px 147px;
    height: 148px;
    text-align: center;
    color: #fff;
}
.index_news_list dl:nth-child(2) .hoverimg{
    background: url(../images/im_dljz.png) no-repeat;
}
.index_news_list dl:nth-child(3) .hoverimg{
    background: url(../images/im_gszhuce.png) no-repeat;
}
.index_news_list dl:nth-child(4) .hoverimg{
    background: url(../images/im_gsinfo.png) no-repeat;
}
.hoverimg a{
    color: #fff;
}
.index_news_list dl:hover dt{
        display: none;
}
.index_news_list dl:hover .hoverimg{
        display: block;
}
.index_news_list_link{
    width: 100%;
    box-sizing: border-box;
    padding: 28px 20px 0 25px;
}
.index_news_list_link ul li a{
    display: block;
    padding-bottom: 24px;
    width: 245px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: justify;
}
.news_more_arr{
    text-align: center;
    background: url("../images/icon_jiant_bai.png") no-repeat center center;
    height: 16px;
}
.index_news_list dl:hover .news_more_arr{
    background: url("../images/icon_jiant_blue.png") no-repeat center center;    
}
.index_news_list .new2{
        background: #ece3ee
}
.foot_youshi ul li{
    position: relative;
    width: 299px;
    height: 165px;
    float: left;
    box-sizing: border-box;
}
.foot_youshi ul li dl dt{
    display: block;
    width: 47px;
    height: 40px;
    float: left;
    margin: 53px 20px 0 18px;
}
.foot_youshi ul li dl dt img{
       
}
.foot_youshi ul li dl dd{
    float: left;
}
.foot_youshi ul li dl dd h3{
    font: 18px/18px "????????????";
    color: #333;
    padding: 38px 0 18px;
}
.foot_youshi ul li dl dd p{
    font: 14px/14px "????????????";
    color: #999;
    padding-bottom: 10px;
}
.foot_youshi ul li::after {
    position: absolute;
    top: 50px;
    right: 0;
    content: "";
    width: 1px;
    height: 46px;
    background: #e4e4e4;
}
.foot_youshi ul li:last-child::after{
    display: none;
}
.footer{
    width: 100%;
   overflow: hidden;
   padding-bottom: 20px;
    background-color: #303030;
    color: #fff;
}
.footer_link ul li,.footer_ewm p{
	height: 14px;
    padding-bottom: 15px;
    font: 14px/14px "????????????";
}
.footer_link ul li a,.footer_ewm p{
	color: #7c7c7c;
}

.footer_link .footer_link_title{
	font: 18px/18px "????????????";
    color: #fff;
    padding: 40px 0 25px;
}
.footer_nav{
	border-bottom: 1px solid #3a3a3a;
	overflow: hidden;
	padding-bottom: 20px;
}
.footer_about{
	width: 300px;
}
.footer_link_ul{
	margin: 0 45px 0 0
}
.footer_ewm{
	text-align: center;
	border-left: 1px solid #3a3a3a;
	border-right: 1px solid #3a3a3a;
}
.footer_ewm h3{
	font: 18px/18px "????????????";
    color: #fff;
    padding: 40px 0 14px;
}
.footer_ewm dl{
	float: left;
    padding-left: 40px;
    margin-right: 5px;
}
.footer_tel{
	padding-left: 40px;
	padding-top: 40px;
}
.footer_tel dl{
	overflow: hidden;
}
.footer_tel .pad20{
	padding:20px 0 5px 0;
}
.footer_tel dt{
	float: left
}
.footer_tel dd{
	float: left;
	margin: 0 0 0 5px
}
.footer_tel dd h4{
	position: relative;
    height: 25px;
    font: 18px/25px "????????????";
    color: #fff;
    padding-bottom: 7px;
}
.footer_tel dd p{
	font: 14px/14px "????????????";
    color: #7c7c7c;
    padding-bottom: 7px;
}
.footer_copyright{
	text-align: center;
	padding-top: 20px
}


.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-container .swiper-pagination {
	right: 30px;
	bottom: 30px;
	left: initial;
	width: auto;
}

.swiper-container .swiper-slide {
	position: relative;
	overflow: hidden;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: none;
	border: 1px solid #fff;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #fff;
}
.middle{
	top:0 !important;
	height: 420px !important;
}


/*??????*/
.nav-left {
	width: 210px;
	height: 50px;
	line-height: 50px;
	background: #2faaff;
	font-size: 18px;
	color: #fefefe;
	padding-left: 30px;
	margin-right: 42px;
	position: relative;
    float: left;
}
.nav-left img.nav-left-img {
	display: block;
	width: 20px;
	height: 15px;
	margin: 20px 20px 0 0;
	cursor: pointer;
}
/*????????????*/
.nav-wrap{
	/*overflow: hidden;*/
}
.nav-down {
	position: absolute;
	left: 0;
	top: 50px;
	width: 240px;
	height: 420px;
	line-height: 1;
	background-color: #1e2030;
	background: rgba(30,32,48,.8);
	filter:alpha(opacity=80);
	z-index: 99;
	 display: none; 
	box-sizing: border-box;
	padding: 10px 0;
}
.nav-down li.nav-down-item {
	width: 240px;
	height: 80px;
	position: relative;
}
.nav-down li a.nav-down-a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding: 20px 0 15px 56px;
	position: relative;
}
.nav-down li a.nav-down-a span {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 20px;
	left: 30px;
}
.nav-down-item:hover {
	background: #373947;
}
.nav-down-item:hover .ni-box {
	display: block;
}
.ni-box {
	width: 546px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 240px;
	padding: 0 40px 23px 30px;
	box-sizing: border-box;
	display: none; 
}
.ni-box1:before {
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -6px;
    top: 38px;
    border-right: 6px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.ni-box2:before {
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -6px;
    top: 38px;
    border-right: 6px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.ni-box3:before {
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -6px;
    top: 38px;
    border-right: 6px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.ni-box4:before {
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -6px;
    top: 38px;
    border-right: 6px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.ni-box5:before {
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -6px;
    top: 38px;
    border-right: 6px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.ni-box5 {
	padding-bottom: 28px;
}
.ni-box h2 {
	font-size: 16px;
	color: #333;
	font-weight:normal;
	border-left: 2px solid #8a8a8a;
	padding-left: 17px;
	margin: 30px 0 23px;
}
.ni-box-down {
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
}
.ni-box-down li {
	width: 170px;
	height: 14px;
	margin-bottom: 17px;
}
.ni-box-down li.last {
	width: 136px;
}
.ni-box-down li a {
	display: block;
	font-size: 14px;
	color: #666;
	border-left: 1px solid #e5e5e5;
	padding-left: 10px;
}
.ni-box-down li a:hover {
	color: #2ba0ea;
	border-color: #2ba0ea;
}

.nav-down-item1 span {
	background: url(../images/icon_yi.png) no-repeat;
}
.nav-down-item2 span {
	background: url(../images/icon_er.png) no-repeat;
}
.nav-down-item3 span {
	background: url(../images/icon_san.png) no-repeat;
}
.nav-down-item4 span {
	background: url(../images/icon_si.png) no-repeat;
}
.nav-down-item5 span {
	background: url(../images/icon_wu.png) no-repeat;
}
.nav-down li p {
	font-size: 14px;
	color: #999;
	padding-left: 30px;
}
.nav-down li .nav-arrow {
	display: block;
	width: 7px;
	height: 12px;
	position: absolute;
	top: 23px;
	right: 20px;
}

.nav-right li a {
	display: block;
	font-size: 17px;
	color: #333;
	padding: 10px 39px 0 0;
    font-weight: bold;
}



.nav-right li:last-child a{
    padding-right: 0
}
.nav-right li a:hover {
	color: #2ba0ea;
}

.nav-right li a.on {
	color: #2ba0ea;
}



.banner_son{
    width: 100%;
    height: 420px;
    overflow: hidden;
}
.banner_son img{
    width: 100%;
    height: 100%;
}

/*????????????*/
.gongsizhuce_top{
    overflow: hidden;
}
.gongsizhuce_top dl{
    width: 300px;
    margin-top: 35px;
    float: left;
}
.gongsizhuce_top dl dt{
    width: 48px;
    height: 48px;
    display: block;
    margin-right: 20px;
    float: left;
}
.gongsizhuce_top dd{
    float: left;
}
.gongsizhuce_top dd h3{
    font-size: 18px;
    color: #333;
    margin-bottom: 6px;
    font-weight: normal;
}
.gongsizhuce_top dd p{
    font-size: 14px;
    color: #666;
}
.gongsizhuce_content{
    margin: 40px 0 0;
    padding: 70px 0;
    background: #f4f9fc;
    overflow: hidden;
}
.gongsizhuce_head{
    text-align: center;
}
.gongsizhuce_head h3{
    font-size: 28px;
    color: #333;
    text-align: center;
    padding: 110px 0 25px;
    letter-spacing: 3px;
}
.gongsizhuce_line{
    width: 50px;
    height: 4px;
    background: #9098ff;
    margin: 0 auto 100px;
}

.gongsizhuce_kuaisutongdao{
    width: 450px;
    height: 600px;
    background: #fff;
    box-sizing: border-box;
    margin-right: 20px;
    box-shadow: 0 0 57px rgba(197,200,207,.2);
}
.gongsizhuce_kuaisutongdao_head{
    background: url("../images/title_bg.png") no-repeat center center;
    width: 100%;
    height: 90px;
    padding-top: 30px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
}
.gongsizhuce_kuaisutongdao_head_line{
    width: 20px;
    height: 2px;
    background: #fff;
    margin-top: 10px;
}
.gongsizhuce_kuaisutongdao_head p{
    font-size: 20px;
    color: #fff;
    padding: 0 8px;
}
.gongsizhuce_kuaisutongdao_form form{
    margin: 20px 0 0
}
.from_group{
    padding-left: 36px;
    margin: 0 0 16px;
    line-height: 48px;
    position: relative;
    overflow: hidden;
}
.radio-wrap {
    padding-left: 100px;
    margin-bottom: 22px;
}
#type-radio  dd {
    float: left;
    margin:0 10px 0 8px;
    position:relative;
    padding-left: 32px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}
#type-radio dd b {
    width:22px;
    height:23px;
    background:url(../images/radio_gray.png) no-repeat center center;
    display:block;
    position:absolute;
    left:0;
    top:12px;
}
#type-radio .selected b,#type-radio .selected a:hover b {
    background:url(../images/radio_color.png) no-repeat center center;
}

#type-radio2  dd {
    float: left;
    margin:0 10px 0 8px;
    position:relative;
    padding-left:32px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}
#type-radio2 dd b {
    width:22px;
    height:23px;
    background:url(../images/radio_gray.png) no-repeat center center;
    display:block;
    position:absolute;
    left:0;
    top:-5px;
}
#type-radio2 .selected b,#type-radio2 .selected a:hover b {
    background:url(../images/radio_color.png) no-repeat center center;
}
#type-radio2  a {
    color: #f2753f;
}
#type-dd1 {
    padding-right: 8px;
}
#type-dd2 {
    padding-right: 40px;
}
.from_group label{
    font-size: 14px;
    color: #333;
    display: inline-block;
    padding-right: 18px;
}
.from_group input{
    display: inline-block;
    height: 42px;
    width: 271px;
    line-height: 42px;
    padding-left: 15px;
    border: 1px solid #e2e2e2;
    outline: none;
    font-size: 14px;
    color: #333;
}
.red{
    color: red;
}
.gongsizhuce_kuaisutongdao_button button{
    width: 290px;
    height: 48px;
    line-height: 48px;
    background: #ff6c2a;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 0 18px rgba(242,117,63,.3);
    margin-top: 40px;
    margin-left: 110px;
    cursor: pointer;
    border:none;
}
.gongsizhuce_kuaisutongdao_button button:hover {
    background: #f2753f;
}

.gongsizhuce_zhucexuzhi{
    width: 730px;
    height: 600px;
    background: #fff;
    box-shadow: 0 0 57px rgba(197,200,207,.2);
}
.gongsizhuce_zhucexuzhi_head ul{
    overflow: hidden;
}
.gongsizhuce_zhucexuzhi_head ul li{
    width: 365px;
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    float: left;
    background: #6d6bff;
}
.gongsizhuce_zhucexuzhi_head ul li.active{
    background: #fff;
    color: #000
}
.gongsizhuce_zhucexuzhi_list{
    padding: 0 50px;
}
.gongsizhuce_zhucexuzhi_text{
    font-size: 14px;
    color: #666;
    margin-top: 38px;
    margin-bottom: 18px;
    line-height: 26px;
}
.gongsizhuce_zhucexuzhi_list_button a{
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #ff6c2a;
    border-radius: 6px;
    box-shadow: 0 0 18px rgba(242,117,63,.3);
    cursor: pointer;
    margin-left: 460px;
    margin-bottom: 28px;
    display: inline-block;
}
.gongsizhuce_zhucexuzhi_detail1{
    overflow: hidden;
}
.gongsizhuce_zhucexuzhi_detail1 dl{
    width: 200px;
    margin-right: 15px;
    float: left;
    cursor: pointer;
}
.gongsizhuce_zhucexuzhi_detail1 dl:last-child{
    margin: 0
}
.gongsizhuce_zhucexuzhi_detail1 dl:first-child img,.gongsizhuce_zhucexuzhi_detail1 dl:last-child img{
    width: 200px;
    height: 270px;
    display: block;
    cursor: pointer;
}
.gongsizhuce_zhucexuzhi_detail1 dl img{
    width: 100%;
}
.gongsizhuce_zhucexuzhi_detail1 dl dd{
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 1;
    padding-top: 16px;
    cursor: pointer;
}
.gongsizhuce_zhucexuzhi_detail1 dl p{
    text-align: center;
}
.gongsizhuce_zhucexuzhi_detail1 dl:nth-child(2) img{
    width: 200px;
    height: 110px;
    display: block;
    cursor: pointer;
    text-align: center;
}
.gongsizhuce_zhucexuzhi_detail1 dl:nth-child(2) p{
    padding: 16px 0 0;
}
.tab{
    display: none;
}
.tabon{
    display: block;
}
.gongshanghot_container{
    padding: 80px 0;
    overflow: hidden;
}
.gongshanghot_head{
    
    text-align: center;
}
.gongshanghot_head h3{
    font-size: 28px;
    color: #333;
    letter-spacing: 3px;
    padding: 0 0 20px;
}
.gongshanghot_head p{
    font-size: 14px;
    color: #666;
    padding-bottom: 60px;
}
.gongshanghot_left,.gongshanghot_right{
    width: 550px;
    height: 598px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 50px rgba(187,186,207,.3);
}
.gongshanghot_left_head{
    width: 100%;
    height: 168px;
    background: -webkit-linear-gradient(left, #00cca8, #61dba3);
    background: -o-linear-gradient(right,#00cca8, #61dba3);
    background: -moz-linear-gradient(right,#00cca8, #61dba3);
    background: linear-gradient(to right,#00cca8, #61dba3);
    border-radius: 6px 6px 0 0;
}
.gongshanghot_left_head_bg{
    width: 100%;
    height: 100%;
    background: url(../images/gongshanghot_01.png) no-repeat right center;
}
.gongshanghot_left_head_bg h5,.gongshanghot_right_head h5{
    font-size: 28px;
    color: #fff;
    font-weight: normal;
    padding: 32px 0 22px 36px;
}
.gongshanghot_left_head_bg p,.gongshanghot_right_head p{
    font-size: 16px;
    color: #fff;
    padding-left: 36px;
    margin-bottom: 12px;
}
.gongshanghot_left_head_bg p span{
    padding: 2px 8px;
    background: #fff;
    color: #00b192;
    display: inline-block;
    border-radius: 14px;
    margin: 5px 6px 0
}
.gongshanghot_right_head{
    width: 100%;
    height: 168px;
    background: -webkit-linear-gradient(left, #464aff, #9447fa);
    background: -o-linear-gradient(right,#464aff, #9447fa);
    background: -moz-linear-gradient(right,#464aff, #9447fa);
    background: linear-gradient(to right,#464aff, #9447fa);
    border-radius: 6px 6px 0 0;
}
.gongshanghot_right_head_bg{
    width: 100%;
    height: 100%;
    background: url(../images/gongshanghot_02.png) no-repeat right center;
}
.gongshanghot_left_head_bottom,.gongshanghot_right_bottom{
    padding: 0 42px;
    box-sizing: border-box;
}
.gongshanghot_left_head_bottom_head {
    border-bottom: 1px solid #e2e2e2;
    font-size: 16px;
    color: #333;
    padding: 32px 0;
    margin-bottom: 20px;
    overflow: hidden;
}
.gongshanghot_left_head_bottom_head  li{
    text-align: center;
    width: 50%;
    float: left;
}
.gongshanghot_left_head_bottom_list ul{
    overflow: hidden;
    padding: 5px 0 0
}
.gongshanghot_left_head_bottom_list li{
    float: left;
    margin: 0 10px 0 25px;
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    padding-bottom: 25px;
    width: 166px;
    font-size: 14px;
    color: #1cd0a6;
}
.gongshanghot_left_head_bottom_list  li b{
    width: 22px;
    height: 22px;
    background: url(../images/green_icon1.png) no-repeat center center;
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
}
.gongshanghot_left_head_bottom_button,.gongshanghot_right_head_bottom_button{
    width: 260px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    background: #00d0a6;
    box-shadow: 0 0 18px rgba(1,204,168,.3);
    cursor: pointer;
    margin: 40px 0 0 105px;
}
.gongshanghot_right_head_bottom_button{
    margin-top:24px;
}
.gongshanghot_left_head_bottom_button:hover{
    background: #11c3a3;
}
.gongshanghot_left_head_bottom_button  a,.gongshanghot_right_head_bottom_button a{
    color: #fff;
}
.gongshanghot_right_bottom_head{
        margin: 60px 0 42px;
        overflow: hidden;
}
.gongshanghot_right_bottom_head dl{
    text-align: center;
    overflow: hidden;
}
.gongshanghot_right_bottom_head dl:first-child{
    width: 100px;
    margin-left: 87px;
    float: left;
}
.gongshanghot_right_bottom_head dl:last-child{
    float: left;
    width: 70px;
    margin-left: 120px;
}
.gongshanghot_right_bottom_list ul{
    overflow: hidden;
    clear: both;
}
.gongshanghot_right_bottom_list ul{
    margin: 30px 0 20px;
}
.gongshanghot_right_bottom_list ul li{
    text-align: center;
    font-size: 14px;
    color: #6c6eff;
    box-sizing: border-box;
    border: 1px solid #6d6bff;
    border-radius: 48px;
    margin-right: 12px;
    margin-bottom: 16px;
    cursor: pointer;
    float: left;
    padding: 10px 23px;
}
.gongshanghot_right_head_bottom_button{
    background: #6c6eff;
    margin: 24px auto 0;
    box-shadow: 0 0 18px rgba(108,110,255,.3);
}
.gongshanghot_right_head_bottom_button:hover{
    background: #5154f4;
}
.viptongdao_contaienr{
    width: 100%;
    height: 370px;
    overflow: hidden;
    min-width: 1200px;
    background: url(../images/vip_banner.png) no-repeat center center;
    background-color: #6643ff;
}
.viptongdao h3{
    font-size: 32px;
    color: #fff;
    padding: 82px 0 30px;
}
 .viptongdao span{
    color: #3fffd2;
}
.viptongdao_btn{
    width: 200px;
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
    background: #00d0a6;
    font-size: 16px;
    color: #fff;
    margin-top: 32px;
    cursor: pointer;
    text-align: center;
}
.viptongdao_list ul{
    overflow: hidden;
    width: 600px;
}
.viptongdao_list ul li{
    float: left;
    color: #fff;
    width: 300px;
    margin: 0 0 10px;
}
.viptongdao_list ul li img{
    vertical-align: middle;
}
.gognsizhuce_liuheng{
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
    height: 670px;
    background: -webkit-linear-gradient(left, #550ef9, #7523dc);
    background: -o-linear-gradient(right,#550ef9, #7523dc);
    background: -moz-linear-gradient(right,#550ef9, #7523dc);
    background: linear-gradient(to right,#550ef9, #7523dc);
}
.gognsizhuce_liuheng_head{
     width: 100%;
    height: 90px;
    width: 100%;
    height: 90px;
    background: -webkit-linear-gradient(left, #6049fd, #7c23ef);
    background: -o-linear-gradient(right,#6049fd, #7c23ef);
    background: -moz-linear-gradient(right,#6049fd, #7c23ef);
    background: linear-gradient(to right,#6049fd, #7c23ef);
}
.gognsizhuce_liuheng_head ul li{
    float: left;
    font-size: 18px;
    color: #fff;
    height: 90px;
    line-height: 90px;
    margin-right: 120px;
    box-sizing: border-box;
}
.gognsizhuce_liuheng_head ul li.active {
    color: #00ffd0;
    border-bottom: 4px solid #00ffd0;
    box-sizing: border-box;
}
.gognsizhuce_liuheng_list li{
    width: 270px;
    height: 160px;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    text-align: center;
}
.gognsizhuce_liuheng_list li img{
    display: block;
    width: 54px;
    height: 54px;
    margin: 36px auto 22px;
}
.gognsizhuce_liuheng_list li:hover {
    background: #00d0a6;
}
.gognsizhuce_liuheng_list li:nth-child(2n){
    margin-right: 0
}
.gognsizhuce_liuheng_list{
    width: 560px;
    float: left;

}
.gognsizhuce_liuheng_content h3{
    font-size: 18px;
    color: #fff;
    padding: 80px 0 30px;
}
.gognsizhuce_liuheng_list li:hover p{
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.gognsizhuce_liuheng_comm_head h3{
        font-size: 18px;
    color: #fff;
    padding: 80px 0 24px;
    text-align: center;
}
.gognsizhuce_liuheng_comm_head p{
    font-size: 14px;
    color: #fff;
    padding-bottom: 50px;
    text-align: center;
}

.gognsizhuce_liuheng_content2_list dl{
    width: 200px;
    height: 240px;
    margin-right: 40px;
    background: #7637ff;
    text-align: center;
    float: left;
}
.gognsizhuce_liuheng_content2_list dl dt {
    display: block;
    width: 54px;
    height: 54px;
    margin: 50px auto 35px;
}
.gognsizhuce_liuheng_content2_list dl dd h5{
    font-size: 18px;
    padding-bottom: 20px;
    color: #00d0a6;
}
.gognsizhuce_liuheng_content2_list dl dd p{
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.gognsizhuce_liuheng_content3_list{
   overflow: hidden;
}
.gognsizhuce_liuheng_content3_list dl{    
    width: 220px;
    margin-right: 25px;
    float: left;
}
.gognsizhuce_liuheng_content3_list dl dt{
    width: 100%;
    height: 270px;
    background: #7637ff;
}
.gognsizhuce_liuheng_content3_list dl:last-child{
    margin-right: 0
}
.gognsizhuce_liuheng_content4{
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 15px;
}
.gognsizhuce_liuheng_content4 dl{
    width: 100%;
    clear: both;
}
.gognsizhuce_liuheng_content4 dl dt{
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #00d0a6;
    font-size: 16px;
    color: #fff;
    float: left;
    box-sizing: border-box;
    position: relative;
    margin-right: 24px;
}
.gognsizhuce_liuheng_content4 dl dt span{
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    text-align: center;
}
.gognsizhuce_liuheng_content4 dl dd{
    padding: 14px 0 56px;
    color: #fff;
    font-size: 14px;
    float: left;
}
.gognsizhuce_liuheng_content4 dl:last-child ul li{
    font-size: 14px;
    color: #fff;
    background: #7637ff;
    border-radius: 10px;
    width: 200px;
    /*height: 48px;*/
    line-height: 48px;
    /*margin-top: 26px;*/
    float: left;
    padding: 8px;
}
.gognsizhuce_liuheng_content4 dl:last-child ul li:nth-child(2n){
    width: auto;
    background: none
}
.gognsizhuce_liuheng_content4 dl:last-child ul li:first-child,.gognsizhuce_liuheng_content4 dl:last-child ul li:last-child{
    width: auto;
    padding: 8px;
    text-align: center;
}
.gognsizhuce_liuheng_content5{
    padding: 80px 0 0
}
.gognsizhuce_liuheng_content5 dl{
    width: 698px;
    float: left;
}
.gognsizhuce_liuheng_content5 dl dt{
    font-size: 16px;
    color: #fff;
    margin-bottom: 18px;
}
.gognsizhuce_liuheng_content5 dl dd {
    width: 604px;
    height: 54px;
    line-height: 54px;
    background: #7637ff;
    padding-left: 22px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    margin-bottom: 3rem;
    margin-left: 2rem;
}
.gognsizhuce_liuheng_content5 dl dt b{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #00d0a6;
    margin-right: 12px;
    text-align: center;
}
.gognsizhuce_liuheng_content5 dl:nth-child(2n){
    width: 502px;
}
.gognsizhuce_liuheng_content5 dl dd{
    width: 470px;
    height: 100px;
    line-height: 1.5rem;
    background: #7637ff;
    padding: 0.8rem 2rem 1rem;
    box-sizing: border-box;
    text-align: justify;
}
.gognsizhuce_liuheng_content5 dl dd.height85{
        height: 85px;
}
.gognsizhuce_xiangguanzhengce{
    overflow: hidden;
    margin-bottom: 50px;
}
.gognsizhuce_xiangguanzhengce_list a{
    color: #fff;
}
.gognsizhuce_xiangguanzhengce_list dl{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #6c6eff;
    margin-right: 120px;
    margin-bottom: 50px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    text-align: center;
    color: #Fff;
}
.gognsizhuce_xiangguanzhengce_list dl:hover{
    transform: scale(1.125);
    transition: all 0.6s;
    background: #6000ff;
}
.gognsizhuce_xiangguanzhengce_list dt{
    display: block;
    width: 54px;
    height: 54px;
    margin: 30px auto 20px;
}
.gognsizhuce_xiangguanzhengce_list dl dd{
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.gognsizhuce_xiangguanzhengce_list dl:nth-child(4n){
    margin-right: 0px;
}
.gognsizhuce_xiangguanzhengce_list dl:nth-child(5),.gognsizhuce_xiangguanzhengce_list dl:first-child{
   margin-left: 100px;
}
.gszc_more_service{
    background: #45455d url("../images/gszc_more_bg.jpg") no-repeat center center;
    width: 100%;
    height: 568px;
    overflow: hidden;
}
.gszc_more_service_list li{
    width: 170px;
    height: 170px;
    background: rgba(61,61,115,.6);
    margin-right: 35px;
    box-sizing: border-box;
     float: left;
    text-align: center;
    position: relative;
    top:0;
    border-radius: 5px;
   
}
.gszc_more_service_list li a {
    display: block;
    width: 100%;
    height: 100%;
}
.gszc_more_service_list li img{
    display: block;
    width: 52px;
    height: 52px;
   
    margin: 0px auto;
    padding: 30px 0;
}
.gszc_more_service_list li p{
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.gszc_more_service_list li:last-child{
    margin: 0
}
.gszc_more_service_list li:hover{
    top:-5px;
     transition: 0.3s linear all;
    border-bottom: 4px solid #01cca8;
}
.dalijizhang_content{
    overflow: hidden;
}
.dailijizhang_fuwuneirong{
    padding-bottom: 100px;
}
.dalijizhang_list ul li{
    background: url("../images/pic_03.png");
    width: 284px;
    height: 174px;
    border-radius: 8px;
    float: left;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 40px rgba(195,190,243,0.3);
    margin-right: 20px;
}
.dalijizhang_list_title{
    font-size: 18px;
    color: #fff;
    padding: 35px 0 12px;
}
.dalijizhang_list_desc{
    font-size: 14px;
    padding-bottom: 26px;
    color: #9FFFF3;
}
.dalijizhang_list ul li:nth-child(2){
    background: url("../images/pic_04.png");
}
.dalijizhang_list ul li:nth-child(2) .dalijizhang_list_desc{
    color: #A1B0FF;
}
.dalijizhang_list ul li:nth-child(3){
    background: url("../images/pic_02.png");
}
.dalijizhang_list ul li:nth-child(3) .dalijizhang_list_desc{
    color: #D391FF;
}
.dalijizhang_list ul li:last-child{
    margin-right: 0;
    background: url("../images/pic_01.png");
}
.dalijizhang_list ul li:nth-child(4) .dalijizhang_list_desc{
    color: #FFD3C1;
}
.dalijizhang_list a{
    display: block;
    width: 118px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
}
.dalijizhang_list a:hover{
    background: #fff;
    color: #00aaab;
}
.dalijizhang_list ul li:nth-child(2) a:hover{
        background: #fff;
    color: #2549ff;
}
.dalijizhang_list ul li:nth-child(3) a:hover{
    background: #fff;
    color: #7138FE;
}
.dalijizhang_list ul li:nth-child(4) a:hover{
    background: #fff;
    color: #f55e5e;
}
.dailijizhang_fuwuneirong_list{
    margin-top: 78px;
    overflow: hidden;
}
.dailijizhang_fuwuneirong_list dl{
    float: left;
    width: 313px;
    background: #fff;
    border: 1px solid #e9e9e9;
    text-align: center;

}
.dailijizhang_fuwuneirong_list dl.jichufuwu dt {
    background: #5b77f1;
}
.dailijizhang_fuwuneirong_list dl.mainfeidaili dt {
    background: #3bcfa3;;
}
.dailijizhang_fuwuneirong_list dl.mainfeidaili{
    border-left: 0;
    border-right: 0;
}
.dailijizhang_fuwuneirong_list dl.ziliao dt {
    background: #f2ad3d;
}
.dailijizhang_fuwuneirong_list dl dt img{
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    padding-top: 18px;
}
.dailijizhang_fuwuneirong_list dl dt h4{
    font-size: 18px;
    color: #fff;
    padding: 12px 0 10px;
}
.dailijizhang_fuwuneirong_list dl dt p{
    font-size: 14px;
    color: #fff;
    padding-bottom: 18px;
}
.dailijizhang_fuwuneirong_list ul li{
    font-size: 14px;
    color: #666;
    line-height: 65px;
    border-bottom: 1px solid #e9e9e9;
    width: 260px;
    margin: 0 auto;
}
.dailijizhang_fuwuneirong_list a{
    width: 162px;
    height: 46px;
    font-size: 16px;
    color: #fff;
    line-height: 46px;
    background: #5b79f1;
    border-radius: 6px;
    margin: 20px auto 20px;
    cursor: pointer;
    display: block;
    color: #fff;
}
.dailijizhang_fuwuneirong_list a:hover{
        background: #324ecc;
}
.dailijizhang_fuwuneirong_list dl.mainfeidaili a{
    margin-top: 86px;
    background: #3bcfa3;
}
.dailijizhang_fuwuneirong_list dl.mainfeidaili a:hover{
    background: #23a37d;
}
.dailijizhang_fuwuneirong_list dl.ziliao a{
        margin-top: 21px;
    background: #f2ad3d;
}
.dailijizhang_fuwuneirong_list dl.ziliao a:hover{
    background: #d28d1e;

}
.dailijizhang_fuwuliucheng{
    background: url("../images/select_bg.png") no-repeat center center;
    height: 481px;
}
.dailijizhang_fuwuliucheng_list ul li{
    float: left;
    color: #fff;
    text-align: center;
}
.dailijizhang_fuwuliucheng_list ul li:nth-child(2n){
    width: 41px;
    height: 17px;
    margin: 45px 13px 0;
}
.dailijizhang_fuwuliucheng_list ul li p{
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 20px;
}
.dailijizhang_tigong_list ul {
    overflow: hidden;
    padding-bottom: 110px;
}
.dailijizhang_tigong_list ul li{
    float: left;
    background: #fff;
    width: 160px;
    height: 160px;
    border-radius: 8px;
    margin-right: 20px;
    text-align: center;
   
    color: #fff;
}
.dailijizhang_tigong_list ul li:hover{
     background: #5b77f1;
}
.dailijizhang_tigong_list ul li a:hover{
    color: #fff;
}
.dailijizhang_tigong_list ul li:nth-child(4n){
    margin-right: 0

}
.dailijizhang_tigong_list ul li img{
    display: block;
    width: 68px;
    height: 68px;
    margin: 30px auto 15px;
}
.dailijizhang_changjianwenti{
    width: 100%;
    padding-bottom: 110px;
    background: #5b77f1;
    overflow: hidden;
}
#certify .swiper-container {
  padding-bottom: 60px;
}

#certify  .swiper-slide {
      width: 530px;
    height: 280px;
  background: #fff;
  box-shadow: 0 8px 30px #ddd;
      box-sizing: border-box;
    background: #fff;
    padding: 50px ;
    text-align: left;
    box-shadow: 0 10px 30px 0 rgba(60,56,151,0.1);
    user-select: none;
    border-radius: 10px;
}
#certify .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #00aadc;
  background-color: #fff;
}

#certify .swiper-button-prev {
  left: -30px;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

#certify .swiper-button-prev:hover {
  background-position: 0 -46px;
  background-size: 100%
}

#certify .swiper-button-next {
  right: -30px;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 -93px;
  background-size: 100%;
}

#certify .swiper-button-next:hover {
  background-position: 0 -139px;
  background-size: 100%
}

.dailijizhang_changjianwenti_list h3{
  font-size: 16px;
    color: #3d4450;
    opacity: 1;
}
.dailijizhang_changjianwenti_list .blueline{
  width: 80px;
    height: 2px;
    background: #27a7e1;
    margin-bottom: 20px;
    margin-top: 8px;
    opacity: 1;
}
.dailijizhang_changjianwenti_list_txt p{
    font-size: 14px;
    color: #999;
    line-height: 28px;
    width: 100%;
    opacity: 1;
}
.shenjifuwu_content{
    overflow: hidden;
    padding-bottom: 110px
}
.shenjifuwu_list dl{
    float: left;
    width: 236px;
    height: 353px;
    padding: 30px 20px 0;
    border: 1px solid #dde0e4;
    margin-right: 29px;
}
.shenjifuwu_list dl:last-child{
    margin-right: 0
}
.shenjifuwu_list dl dd h3{
    width: 100%;
    height: 18px;
    color: rgb(31, 40, 53);
    text-align: center;
    font: 18px/18px ????????????;
    padding: 30px 0px 14px;
}
.shenjifuwu_list dl dd p{
    width: 100%;
    color: rgb(102, 115, 134);
    font: 14px/26px ????????????;
}
.shenjifuwu_list dl:hover{
    border: 0;
    box-shadow: 0 0 20px 10px rgba(31,40,53,0.1);
}
.shenjiliucheng_content{
    width: 100%;
    padding-bottom: 110px;
    background-color: #ebeaf2;
}
.shenjiliucheng_list{
    height: 265px;
    position: relative;
    width: 100%;
}
.shenjiliucheng_list_line{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 50px;
    background: url(../images/shenji_process_line_bg.png) center center no-repeat;
}
.shenjiliucheng_list_item{
    position: relative;
    float: left;
    margin-right: 15px;
    width: 187px;
    height: 265px;
    border-radius: 4px;
    background: url(../images/shenji_process1_bg.png) center center no-repeat;
}
.shenjiliucheng_list_item_bg{
    position: absolute;
    z-index: -9;
    width: 194px;
    height: 265px;
    border-radius: 4px;
    background-color: #fff;
    z-index: -9
}
.shenjiliucheng_list_item_container .shenjiliucheng_list_item:last-child{
    margin-right: 0
}
.shenjiliucheng_list_item:hover .shenjiliucheng_list_item_bg{
    z-index: 10
}
.shenjiliucheng_list_item_bg h3{
    width: 100%;
    height: 18px;
    padding: 36px 0 14px;
    font: 18px/18px "????????????";
    color: #000;
    letter-spacing: 0.1em;
    text-align: center;
}
.shenjiliucheng_list_item_bg p{
    padding: 0 22px;
    font: 14px/26px "????????????";
    color: #667386;
}
.shenjiliucheng_list_item2{
    background: url(../images/shenji_process2_bg.png) center center no-repeat;
}
.shenjiliucheng_list_item3{
    background: url(../images/shenji_process3_bg.png) center center no-repeat;
}
.shenjiliucheng_list_item4{
    background: url(../images/shenji_process4_bg.png) center center no-repeat;
}
.shenjiliucheng_list_item5{
    background: url(../images/shenji_process5_bg.png) center center no-repeat;
}
.shenjiliucheng_list_item6{
    background: url(../images/shenji_process6_bg.png) center center no-repeat;
}
.qiyeheming_input{
    padding: 380px 0 0 85px;
}
.qiyeheming_input input{
    float: left;
    border: none;
    outline: 0;
    border-left: 1px solid #d2d2d2;
    padding-left: 30px;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    font-size: 14px;
    color: #3d4450;
    font-size: 14px;
}
.banner_btn{
    width: 180px;
    height: 60px;
    line-height: 60px;
    border: none;
    outline: none;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    background: -webkit-linear-gradient(left, #6bf9c2, #088cc3);
    background: -o-linear-gradient(right,#6bf9c2, #088cc3);
    background: -moz-linear-gradient(right,#6bf9c2, #088cc3);
    background: linear-gradient(to right,#6bf9c2, #088cc3);
}
.qiyeheming_hemingzhuyi{
    padding-bottom: 110px;
}
.qiyeheming_liucheng{
    background: #152836 url(../images/free_bg.png) no-repeat center center;
    width: 100%;
    overflow: hidden;
    padding: 50px 0;
    background-size: contain;
}
.qiyeheming_tigong{
    width: 100%;
    background: #f5f9ff;
    padding-bottom: 102px;
    overflow: hidden;
}
.qiyeheming_tigong_list dl{
    width: 224px;
    height: 160px;
    background: #fff;
    position: relative;
    text-align: center;
     overflow: hidden;
     float: left;
     margin: 0 18px 0 0;
}
.qiyeheming_tigong_list dl:last-child{
    margin-right:0;
}
.qiyeheming_tigong_list dl:hover{
    box-shadow: 0 6px 30px 0 rgba(172,196,216,0.27);
}
.qiyeheming_tigong_list dl dt{
    display: block;
    margin: 32px auto 20px;
}
.qiyeheming_tigong_list dl dd a{
    font-size: 18px;
    color: #3d4450;
    display: block;
    text-align: center;
}
.qiyeheming_tigong_list dl:hover .line {
    background: -webkit-linear-gradient(left, #46c3aa, #4399f9);
    background: -o-linear-gradient(right,#46c3aa, #4399f9);
    background: -moz-linear-gradient(right,#46c3aa, #4399f9);
    background: linear-gradient(to right,#46c3aa, #4399f9);
}
.qiyeheming_tigong_list dl .line{
    width: 100%;
    height: 4px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.calendar{
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 95px;
    background-color: #23a6db;
}
.calendar span {
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.calendar .date {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    border-bottom: 1px solid #fff;
}
.calendar .ym {
    height: 30px;
    line-height: 30px;
}
.caiwuzixun_left_list_img{
    display: block;
    width: 287px;
    height: 199px;
    position: relative;
}
.caiwuzixun_left_list img{
    width: 100%;
    height: 100%;
}
.caiwuzixun_left_detail h3{
    display: block;
    height: 24px;
    overflow: hidden;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding-top: 20px;
}
.caiwuzixun_left_detail{
    width: calc(100% - 287px - 30px );
    margin: 0 15px;
}
.caiwuzixun_left_detail p{
    width: 100%;
    height: 102px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding-top: 20px;
}
.caiwuzixun_container{
    overflow: hidden;
}
.caiwuzixun_left_list ul li{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #e8e8e8;
    overflow: hidden;
}
.caiwuzixun_head ul{
    text-align: center;
    padding: 100px 0
}
.caiwuzixun_head ul li{
    display: inline-block;
    font-weight: bold;
    height: 42px;
    margin: 0 15px;
    padding: 0 50px;
    line-height: 42px;
    background-color: #c5c5c5;
    color: #fff;
    font-size: 14px;
}
.caiwuzixun_head ul li:hover{
    background-color: #23a6db;
    
}
.caiwuzixun_head ul li:hover a{
    color: #fff;
}
/*.caiwuzixun_head ul li.active{*/
/*    background-color: #23a6db;*/
/*}*/
/*.caiwuzixun_head ul li.active a{*/
/*    color: #fff;*/
/*}*/
.caiwuzixun_head ul li.on{
    background-color: #23a6db;
}
.caiwuzixun_head ul li.on a{
    color: #fff;
}
.guanyuwomen_container{
    background: #f4f5f9;
    overflow: hidden;
    /*padding: 110px 0*/
}
.guanyuwomen_corporate{
    overflow: hidden;
}
.guanyuwomen_corporate dl{
    float: left;
    width: 25%;
    text-align: center;
    line-height: 18px;
    color: #333;
    margin-top: 75px;
}
.guanyuwomen_corporate dl dt{
    display: block;
    width: 84px;
    height: 85px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 30px;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}
.guanyuwomen_gate_linian{
    width: 238px;
    height: 645px;
    background: rgba(15,120,249,0.8);
    box-sizing: border-box;
    padding-left: 43px;
    left: 0;
    top: 0;
}
.guanyuwomen_content{
    padding-top: 102px;
    overflow: hidden;
}
.guanyuwomen_gate{
    width: 557px;
    height: 707px;
}
.guanyuwomen_gate img{
    width: 100%;
    height: 645px;
}
.guanyuwomen_gate_linian p.guanyuwomen_gate_line{
    width: 24px;
    height: 2px;
    background: #fff;
    margin: 92px 0 14px;
}
.guanyuwomen_gate_linian{
    position: absolute;
}
.guanyuwomen_gate_linian p{
    font-size: 16px;
    color: #fff;
    margin: 10px auto;
    line-height: 28px;
}
.guanyuwomen_gate_linian h3{
    color: #fff;
    font-size: 26px;
    padding-top: 200px;
}
.guanyuwomen_intro{
     width: calc(100% - 557px );
}
.guanyuwomen_intro_p{
   
    margin: 0 20px;
    /*padding: 40px 0 0*/
}
.guanyuwomen_intro_p p{
    line-height: 30px;
    color: #666;
    font-size: 16px;
}
.guanyuwomen_intro_p a{
    display: block;
    width: 188px;
    height: 44px;
    line-height: 44px;
    background: #0f78f9;
    position: relative;
    margin-top: 32px;
    box-sizing: border-box;
    padding-left: 30px;
    color: #fff;
}
.textgo{
    position: absolute;
    left: 132px;
    top: 19px;
    height: 6px;
    width: 23px;
    transition: all .35s ease;
}
.textgo .go {
    background: #fff;
}
.textgo .go1 {
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0px;
}
.textgo .go {
    background: #fff;
}

.textgo .go2 {
    height: 6px;
    position: absolute;
    right: 2px;
    bottom: 0;
    width: 1px;
    display: block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.guanyuwomen_intro_more:hover{
    color: #fff;
}
.guanyuwomen_intro_more:hover .textgo{
    width: 40px;
}
.guanyuwomen_intro_fuzuzongzhi{
    height: 260px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 50px 35px 0 35px;
    background: #fff;
    margin: 27px 0 0;
}
.guanyuwomen_intro_fuzuzongzhi li {
    width: 50%;
    height: 60px;
    box-sizing: border-box;
    border-left: 1px solid #e9e9e9;
    /*padding: 5px 0 0 38px;*/
    color: #999;
    margin-bottom: 50px;
    float: left;
    cursor: pointer;
}
.corbg2{
    display: none;
}
.guanyuwomen_intro_fuzuzongzhi_list h3{
    color: #333;
    height: 16px;
    line-height: 16px;
}
.guanyuwomen_intro_fuzuzongzhi_list p{
    height: 14px;
    line-height: 14px;
    margin-top: 8px;
    font-size: 12px;
}
.guanyuwomen_intro_fuzuzongzhi span{
    width: 35px;
    height: 38px;
    margin:0 8px;
}
.guanyuwomen_intro_fuzuzongzhi li:hover .corbg2{
    display: block;
}
.guanyuwomen_intro_fuzuzongzhi li:hover .corbg1{
    display: none;
}
.guanyuwomen_intro_fuzuzongzhi li:hover h3,.guanyuwomen_intro_fuzuzongzhi li:hover p{
   color: #006dff;
}
.guanyuwomen_fuwutxi_conatainer{
    background: url("../images/corpbg2.jpg") no-repeat center center;
    width: 100%;
    background-size: cover;
    height: 550px;
    box-sizing: border-box;
    /*padding-top: 98px*/
}
.guanyuwomen_fuwutxi_list dl{
    float: left;
    width: 20%;
    line-height: 18px;
    height: 137px;
    color: #999;
    text-align: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin: 60px 0 0;
}
.guanyuwomen_fuwutxi_list dd{
    color: #999;
}
.guanyuwomen_fuwutxi_list dt{
    width: 68px;
    height: 68px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.guanyuwomen_fuwutxi_list dl:hover .guanyuwomen_fuwutxi_icon1{
     display: none;   
}
.guanyuwomen_fuwutxi_list dl:hover .guanyuwomen_fuwutxi_icon2{
     display: block;   
}
.guanyuwomen_fuwutxi_icon2 {
    display: none;
}
.guanyuwomen_fuwutxi_list dl:hover dd{
    color: #fff;
}
.guanyuwomen_fuwutxi_list a{
    color: #fff;
}

.contact_type_container{
    background: #f5f5f5;
    width: calc(100% - 60px);
    padding: 35px 30px;
    margin: 0 0 20px;
    position: relative;
}
.contact_ewm{
    position: absolute;
    right: 110px;
    top: 85px;
    text-align: center;
    background: #fff;
}
.contact_ewm img{
    padding: 5px;
    width:80%;
}
.contact_type_container{
    float: left;
}
.contact_type_container{
    padding: 
}
.contact_type_container h2{
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin-bottom: 30px;
}
.contact_type_container dl{
    overflow: hidden;
    font-size:16px;
    margin: 10px 0
}
.contact_type_container h2{
    overflow: hidden;
}
.contact_type_container dl dt{
    float: left;
}
.contact_type_container dl dd{
    float: left;
    height: 56px;
    line-height: 56px;
    margin:0 0 0 10px
}
.web_choice_container{
    overflow: hidden;
    background-color: #f5f5f5;
    overflow: hidden;
    padding-top: 40px;
}
.web_choice_list ul li{
    float: left;
    display: inline;
    height: 442px;
    width: 23.87%;
    margin-right: 1.5%;
    margin-right: 1%\0;
    overflow: hidden;
    text-align: center;
    margin-bottom: 80px;
}
.web_choice_list ul li:hover {
    box-shadow: 0 17px 40px 0 rgba(0,0,0,.05);
    transform: translate3d(0,-2px,0);
    transition: all .3s cubic-bezier(.55,0,.1,1);
}
.web_choice_list ul li i{
    display: block;
    width: 120px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 23px;
    overflow: hidden;
    background-image: url(../images/i_bg1.png);
    background-repeat: no-repeat;
    transition: all 0.3s;
    margin-top: 50px;
}
.web_choice_list ul li:last-child{
    margin-right: 0 
}
.web_choice_list ul li i.bgs1{
    background-position: left center;
}
.web_choice_list ul li:hover i.bgs1{
        background-position: -121px center;
}
.web_choice_list ul li i.bgs2{
    background-position: -242px center;
}
.web_choice_list ul li:hover i.bgs2{
    background-position: -363px center;
}
.web_choice_list ul li i.bgs3{
    background-position: -484px center;
}
.web_choice_list ul li:hover i.bgs3{
    background-position: -605px center;
}
.web_choice_list ul li i.bgs4{
    background-position: -726px center;
}
.web_choice_list ul li:hover i.bgs4{
    background-position: -847px center;
}
.web_choice_list ul li h2{
    font-weight: normal;
    font-size: 20px;
    color: #222;
    line-height: 56px;
}
.web_choice_list ul li p{
    max-width: 280px;
    margin: 0 auto;
    width: 90%;
    font-weight: normal;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    height: 96px;
}
.web_choice_list b{
    display: block;
    font-size: 16px;
    color: #666;
    height: 40px;
    line-height: 40px;
    width: 178px;
    margin: 0 auto;
    border: 1px solid #cccccc;
    border-radius: 20px;
    margin-top: 32px;
    transition: all 0.3s;
}
.web_choice_list ul li:hover b{
    background: #29a3ae;
    border: 1px solid #29a3ae;
    color: #fff;
}
.web_list_container{
    background-size: cover;
    overflow: hidden;
    padding: 40px 0 80px;
    background: url("../images/fangan-bg.jpg") no-repeat center center;
}
.web_list_left{
    width: 28%;
    margin-top: 5%;
}
.web_list_left h2{
    font-size: 48px;
    color: #0166ce;
    line-height: 1.2;
}
.web_list_right{
    width: 67%;
    margin-top: 5%;
    overflow: hidden;
}
.web_list_right ul li{
    width: 32.33%;
    float: left;
    border: 1px solid #323232;
    margin: 0 0 -1px 0;
    text-align: center;
    color: #fff;
    position: relative;
    padding: 5% 0;
}
.web_list_right ul  li:after{
    content: "";
    display: block;
    width: 20px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0166ce;
}
.web_list_left p{
    color: #888888;
    margin-top: 5%;
    line-height: 30px;
}
.web_list_right ul li i{
    display: block;
    width: 73px;
    height: 68px;
    margin: 0 auto;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.web_list_right ul li i.i1{
    background: url(../images/fangan01.png) no-repeat center 0;
}
.web_list_right ul li:hover i.i1{
    background-position: center -72px;
}
.web_list_right ul li:hover{
    background: rgba(1,102,206,0.6);
    border-color: rgba(1,102,206,0.6);
}
.web_list_right ul li:hover i{

}
.web_list_right ul li i.i2{
    background: url(../images/fangan02.png) no-repeat center 0;
}
.web_list_right ul li:hover i.i2{
    background-position: center -72px;
}
.web_list_right ul li i.i3{
    background: url(../images/fangan08.png) no-repeat center 0;
}
.web_list_right ul li:hover i.i3{
    background-position: center -72px;
}
.web_list_right ul li i.i4{
    background: url(../images/fangan04.png) no-repeat center 0;
}
.web_list_right ul li:hover i.i4{
    background-position: center -72px;
}
.web_list_right ul li i.i5{
    background: url(../images/fangan07.png) no-repeat center 0;
}
.web_list_right ul li:hover i.i5{
    background-position: center -72px;
}
.web_list_right ul li i.i6{
    background: url(../images/fangan06.png) no-repeat center 0;
}
.web_list_right ul li:hover i.i6{
    background-position: center -72px;
}
.web_list_right ul li p{
    font-size: 18px;
    margin-top: 20px;
    height: 55px;
    overflow: hidden;
}
.web_list_right ul li a{
    color: #fff;
}
.web_list_right ul li:nth-child(4),.web_list_right ul li:nth-child(5),.web_list_right ul li:nth-child(6){
    margin: 0
}
.web_shili_list{
    padding-bottom: 110px;
}
.web_shili_list ul li{
    width: 100%;
    margin-bottom: 15px;
}
.web_shili_list ul li h4{
    font-size: 16px;
    line-height: 28px;
    color: #666;
    margin: 0 0 15px;
    font-weight: normal;
}
.web_shili_list ul li .tiao {
    position: relative;
    overflow: hidden;
    height: 10px;
    border-radius: 5px;
    background: #dcdcdc;
}

.web_shili_list  .jdt {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    height: 10px;
}
.web_shili_list .jdt01 {
    width: 50%;
    background: #dd3333;
}
.web_shili_list  .jdt02 {
    width: 80%;
    background: #41b237;
}
.web_shili_list  .jdt03 {
    width: 98%;
    background: #f77238;
}
.web_shili_list  .jdt04 {
    width: 99%;
    background: #eded02;
}
.web_shili_list  .jdt05 {
    width: 90%;
    background: #8224e3;
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.web_liucheng{
    background: #f5f5f5;
    overflow: hidden;
    padding-bottom: 110px;
}
.web_liucheng ul li {
    width: 20%;
    text-align: center;
    float: left;
}
.web_liucheng ul li i{
    display: inline-block;
    padding: 8%;
    border-radius: 50%;
    background: #0166ce;
    margin-bottom: 2%;
    position: relative;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.web_liucheng ul li b{
    color: #212121;
    display: block;
    font-size: 22px;
}
.web_liucheng ul li p{
    color: #5f5f5f;
    font-size: 15px;
    line-height: 25px;
}
.web_liucheng ul li i:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
}
.web_liucheng ul li:hover i {
    -webkit-transform: scale(.86);
    -moz-transform: scale(.86);
    -ms-transform: scale(.86);
    transform: scale(.86);
    -o-transform: scale(.86);
}
.web_liucheng ul li:hover i:after {
    animation: sonarEffect 1.3s ease-out 75ms;
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
}
.main{
    display: block;
    overflow: hidden;
    clear: both;
}
/*???????????????*/
.list_pos{
    overflow: hidden;
    line-height: 42px;
    margin: 20px 0;
     height: 42px;
    background-color: #f4f7ff;;
}
.list_pos a{
    display: inline-block;
    vertical-align:middle;
    font-size: 14px;
}
.list_pos img{
    display: inline-block;
    vertical-align: middle;
    margin: -6px 3px 0 0;
}
.main_detail{
    overflow: hidden;
    clear: both;
}
.main_detail_left{
    float: left;
}
.main_detail_left ul{
    margin: 20px 0 0
}
.main_detail_left ul li{
    width: 280px;
    height: 46px;
    line-height: 46px;
    background: #ebeffb;
    margin-top: 1px;
    font-size: 16px;
    font-family: "????????????";
    color: #333;
    padding-left: 20px;
    box-sizing: border-box;
}
.main_detail_left ul li:first-child {
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    font-family: "????????????";
    font-weight: bold;
    color: #333;
    margin-top: 0px;
    margin-bottom: 2px;
}
.main_detail_left ul li a {
    color: #333;
}
.main_detail_left ul li b{
    display: inline-block;
    width: 6px;
    height: 18px;
    background: #25a6ff;
    margin-right: 10px;
    vertical-align: middle;
}
.main_head_right{
    width: 780px;
    height: 300px;
    float: right;
}
.main_head_right h2{
    font-size: 26px;
    font-family: "????????????";
    font-weight: bold;
    color: #222;
    margin-top: 42px;
    margin-bottom: 14px;
}
.main_head_right  p{
    width: 734px;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    font-family: "????????????";
    color: #999;
    margin-bottom: 24px;
}
.main_head_keyword ul{
    overflow: hidden;
    margin: 0 0 20px
}
.main_head_keyword ul li {
    float: left;
    width: 80px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ff0000;
    text-align: center;
    font-size: 14px;
    color: #ff0000;
    margin-right: 10px;
}
.main_head_right a{
    display: block;
    width: 188px;
    height: 44px;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    font-family: "????????????";
    margin-top: 20px;
    margin-bottom: 14px;
    cursor: pointer;
    border: 2px solid #25a6ff;
    color: rgb(37, 166, 255);
    background: rgb(255, 255, 255);
    box-sizing: border-box;
}
.main_head_right a:hover{
    color: rgb(255, 255, 255);
    background: rgb(37, 166, 255);
}
.main_detail_right{
    width: 880px;
    height: 100%;
    margin: 20px 0 0;
}
.main_detail_right img{
    max-width: 100%!important
}
.main_detail_right_head{
    width: 880px;
    height: 58px;
    background: #fff;
    font-size: 0;
    margin-bottom: 1px;
    z-index: 99;
}
.main_detail_right_head ul li{
    display: inline-block;
    width: 180px;
    height: 54px;
    line-height: 54px;
    text-align: center;
}
.main_detail_right_head ul li a{
    width: 180px;
    height: 54px;
    display: block;
    font-size: 16px;
    font-family: "????????????";
    color: #333;
}
.main_detail_right_head ul li a.active{
    border-top: 4px solid #25a6ff;
    color: #25a6ff;
}
.item1{
    overflow: hidden;
}
.item1_head{
    height: 142px;
    /*padding:20px;*/
    background: #23a6db;
}
.item1_head h3{
    font-size: 26px;
    font-family: "????????????";
    font-weight: bold;
    color: #fff;
    padding: 40px 0 20px 40px;
}
.item1_head p{
    font-size: 16px;
    font-family: "????????????";
    color: #fff;
    padding-left: 40px;
}
.item1_table table{
    border-right: 1px solid #e5e5e5;
    /*border-bottom: 1px solid #e5e5e5;*/
}
.item1_table tr td{
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0
}
.item1_table tr td:first-child{
    width: 120px;
    height: 200px;
    line-height: 200px;
    border-right: 0;
    text-align: center;
    font-size: 16px;
    font-family: "????????????";
    color: #25a6ff;

}
.item1_table tr td{
    line-height: 30px;
}
.item1_table h3{

}
.item1_table tr td:last-child{
    /*padding-top: 32px;*/
    padding-left: 30px;
    width: 87%;
}
.main_detail_right_zhuanrenfuwu{
    background: url("../images/zhuanren.png") no-repeat ;
    height: 566px;
}
.main_detail_right_zhuanrenfuwu h3{
    font-size: 26px;
    font-family: ????????????;
    color: rgb(51, 51, 51);
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}
.main_detail_right_zhuanrenfuwu_list .line{
    width: 124px;
    height: 3px;
    border-radius: 1.5px;
    background: #fff;
    margin-left: 20px;
}
.main_detail_right_zhuanrenfuwu_list {
    overflow: hidden;
}
.main_detail_right_zhuanrenfuwu_list dl {
    width: 360px;
    height: 160px;
    border-radius: 6px;
    background: #23a6db;
    float: left;
    margin-left: 60px;
    color: #fff;
    margin-bottom: 40px;
}
.main_detail_right_zhuanrenfuwu_list dt{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0 15px 20px;
}
.main_detail_right_zhuanrenfuwu_list dd:last-child{
    font-size: 14px;
    color: #fff;
    margin: 16px 20px 0;
    line-height: 25px;
}
.main_detail_right_zhuceliucheng h3,.main_detail_right_wangdian h3,.main_detail_right_xiangguanq h3{
    font-size: 26px;
    color: #333;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}
.main_detail_right_zhuceliucheng_list dl{
    background: url("../images/zhuceliucehng_bg.png") no-repeat center center;
    position: relative;
    float: left;
    width: 214px;
    height: 231px;
    margin: 0 0 10px
}
.main_detail_right_zhuceliucheng_list dl dt{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 56px;
    text-align: center;
    margin-bottom: 15px;
}

.main_detail_right_zhuceliucheng_list dl .line{
    width: 124px;
    height: 3px;
    border-radius: 1.5px;
    background: #e5e5e5;
    margin-left: 40px;
    margin-bottom: 17px;
}
.main_detail_right_zhuceliucheng_list dl .nums{
    position: absolute;
    top: 12px;
    left: 18px;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
}
.main_detail_right_zhuceliucheng_list dl dd:last-child{
    font-size: 14px;
    color: #333;
    padding:0 25px;
}
.main_detail_right_wangdian{
    background: url("../images/wangdain_bgc.jpg") no-repeat center center;
    height: 506px;
    overflow: hidden;
    clear: both;
}
.main_detail_right_wangdian_list{
    margin-left: 450px;
}
.main_detail_right_wangdian_list dl dt{
    width: 155px;
    height: 30px;
    line-height: 30px;
    background: #23a6db;
    border-radius: 15px;
    font-size: 16px;
    color: #f4f7ff;
    padding-left: 20px;
    
}
.main_detail_right_wangdian_list dl dd{
    font-size: 16px;
    color: #666;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 20px;
    width: 430px;
}
.main_detail_right_xiangguanq {
    background: url("../images/xiangguanq.jpg") no-repeat center center;
    height: 630px;
    overflow: hidden;
    padding-bottom: 20px
    /*margin: 0 0 60px*/
}
.main_detail_right_xiangguanq dl{

}
.main_detail_right_xiangguanq dl dt{
    width: 230px;
    height: 30px;
    line-height: 30px;
    background: #23a6db;
    border-radius: 15px;
    font-size: 16px;
    color: #f4f7ff;
    padding-left: 20px;
    margin-left: 45px;
}
.main_detail_right_xiangguanq dl dd{
    font-size: 16px;
    color: #666;
    padding: 20px 65px ;
}
.main_detail_right_xiangguanq dl:nth-child(2n) dt{
    background: #90c31f;
}
.main_detail_right_shouhou_list{
    overflow: hidden;
}
.main_detail_right_shouhou_list dl{
    min-height: 108px;
    background: #fff;
    overflow: hidden;
    padding-bottom: 10px;
    border-top: 1px solid #e5e5e5;
}
.main_detail_right_shouhou_list dl dt{
    float: left;
    width: 118px;
    height: 108px;
    box-sizing: border-box;
    padding-left: 40px;
    padding-top: 25px;
}
.main_detail_right_shouhou_list dl dt{
    background: url("../images/sale1.jpg") no-repeat center center;
}
.main_detail_right_shouhou_list dl dt:nth-child(2){
    background: url("../images/sale2.jpg") no-repeat center center;
}
.main_detail_right_shouhou_list dl:nth-child(3) dt{
    background: url("../images/sale3.jpg") no-repeat center center;
}
.main_detail_right_shouhou_list dl:last-child dt{
    background: url("../images/sale4.jpg") no-repeat center center;
}
.main_detail_right_shouhou_list dl dd{
    float: left;
}
.main_detail_right_shouhou_list dl dd h3{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 30px;
    margin-bottom: 16px;
}
.main_detail_right_shouhou_list dl dd p{
    font-size: 14px;
    color: #999;
}
.case_main{
    background:#f5f5f5;
    overflow: hidden;
}
.case_list dl{
    width: 390px;
    height: 200px;
    float: left;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    margin: 0 15px 0 0;
}
.case_list dl:nth-child(3n){
    margin-right: 0
}
.case_list dl dt{
    padding: 20px 20px 0;
}
.case_list dl dd{
    padding: 0  20px 20px
}


/*客服*/
.kf {
    width: 208px;
    position: fixed;
    /* right: 20px; */
    right: -208px;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
}
.kt-top {
    height: 40px;
    line-height: 40px;
    background: url("../images/kefu.png") 12px center no-repeat #007ccb;
	-o-background-size: auto 20px;
	-ms-background-size: auto 20px;
	-moz-background-size: auto 20px;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
    padding-left: 46px;
    font-size: 14px;
    color: #fff;
}
.kt-top span:hover{
      transform: rotate(90deg);
}
.kt-top span {
    width: 18px;
    height: 16px;
    float: right;
    position: relative;
    margin: 10px 10px 0px 0px;
    cursor: pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.kt-top span b {
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
}
.kt-top span b:first-child {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.kt-top span b:last-child {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.kf .con {
    overflow: hidden;
    background: #fff;
}
.kf .qq li {
    height: 36px;
    line-height: 36px;
    border-bottom: #f5f5f5 solid 1px;
    padding-left: 16px;
}
.kf .qq li a {
    height: 36px !important;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: initial;
    display: block;
}
.kf .qq li a img{
    padding-right: 6px;
}
.kf .con h5{
    height: 26px;
    line-height: 26px;
    margin-top: 12px;
    background: url('../images/lianxi.png') 16px center no-repeat;
    padding-left: 45px;
    color: #666;
    font-size: 14px;
}
.kf .contact {
    margin-top: 1px;
}
.kf .contact p{
    height: 26px;
    line-height: 26px;
    color: #666;
    font-size: 14px;
    padding-left: 22px;
}
.kf .contact p:nth-child(2n){
    padding-left: 32px;
}
.kf .con h5.qr-icon{
    background: url('../images/erweima.png') 16px center no-repeat;
}
.kf .con .qr{
    margin-top: 10px;
    padding-left: 40px;
}
.kf .con .qr img{
    width: 110px;
    height: 110px;
}
.kf .backTop{
    width: 100%;
    height: 40px;
    margin-top: 10px;
    background: url('../images/huidaodingbu.png') center center no-repeat #007ccb;
    background-size: 18px auto;
    cursor: pointer;
}
.kf-side{
    padding: 18px 10px 10px;
    background: #007ccb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: -34px;
    cursor: pointer;
}
.kf-side b{
    display: block;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
}
.kf-side span.arrow{
    width: 12px;
    height: 12px;
    background: url('../images/jt-1.png') no-repeat;
	-o-background-size: auto 12px;
	-ms-background-size: auto 12px;
	-moz-background-size: auto 12px;
	-webkit-background-size: auto 12px;
	background-size: auto 12px;
    display: block;
    margin-top: 10px;
}
.kf-side span.on{
    background: url('../images/jt-2.png') no-repeat;
    -o-background-size: auto 12px;
    -ms-background-size: auto 12px;
    -moz-background-size: auto 12px;
    -webkit-background-size: auto 12px;
    background-size: auto 12px;
}

.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #007ccb;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;padding-bottom: 15px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 18px;}
.section {
    padding: 60px 0;
}
.container {
    padding: 0 15px;
    width: 1200px;
    margin: 0 auto;
}