@charset "utf-8";
/* CSS Document */

html { background: #FFFFFF; }
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure { margin: 0px; padding: 0px; }
ul, ol, menu { list-style: none; margin: 0; padding: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, a img, iframe { border: 0 none; }
address, em, i { font-style: normal; }
abbr, acronym { font-variant: normal; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0; }
input, select, button { vertical-align: middle; }
input, textarea, select { *font-size: 100%;
}
button { overflow: visible; }
 button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner {
border: 0 none;
padding: 0;
}
:active { outline: 0 none; }
::selection { background: #E74700; color: #FFFFFF; }
body { font-size: 14px; font-family: "Microsoft YaHei"; color: #333333; margin: 0px; padding: 0px; overflow-x: hidden; }
a { text-decoration: none; }
img { margin: 0px; padding: 0px; border: 0px; }
a:hover { text-decoration: underline; color: #ff4203; }
* { transition-property: all; transition-duration: .5s; animation-timing-function: ease-in-out; -moz-transition-property: all; -moz-transition-duration: .5s; -moz-animation-timing-function: ease-in-out; -webkit-transition-property: all; -webkit-transition-duration: .5s; -webkit-animation-timing-function: ease-in-out; -ms-transition-property: all; -ms-transition-duration: .5s; -ms-animation-timing-function: ease-in-out; -o-transition-property: all; -o-transition-duration: .5s; -o-animation-timing-function: ease-in-out; }
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { float: left; }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-1 { width: 8.33333333%; }
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { float: left; }
.span12 { width: 100%; }
.span11 { width: 91.66666667%; }
.span10 { width: 83.33333333%; }
.span9 { width: 75%; }
.span8 { width: 66.66666667%; }
.span7 { width: 58.33333333%; }
.span6 { width: 50%; }
.span5 { width: 41.66666667%; }
.span4 { width: 33.33333333%; }
.span3 { width: 25%; }
.span2 { width: 16.66666667%; }
.span1 { width: 8.33333333%; }
.ml-10 { margin-left: 10px; }
.pt-15 { padding-top: 15px; }
.ml-15 { margin-left: 15px; }
.col-md-4 { width: 30.5%; }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

@media screen and (max-width:1300px) {
.col-bg-4 { float: left; width: 33.33333333%; }
}

@media screen and (max-width:1199px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
}

@media screen and (max-width:960px) {
.col-xm-1, .col-xm-2, .col-xm-3, .col-xm-4, .col-xm-5, .col-xm-6, .col-xm-7, .col-xm-8, .col-xm-9, .col-xm-10, .col-xm-11, .col-xm-12 { float: left; }
.col-xm-12 { width: 100%; }
.col-xm-11 { width: 91.66666667%; }
.col-xm-10 { width: 83.33333333%; }
.col-xm-9 { width: 75%; }
.col-xm-8 { width: 66.66666667%; }
.col-xm-7 { width: 58.33333333%; }
.col-xm-6 { width: 50%; }
.col-xm-5 { width: 41.66666667%; }
.col-xm-4 { width: 33.33333333%; }
.col-xm-3 { width: 25%; }
.col-xm-2 { width: 16.66666667%; }
.col-xm-1 { width: 8.33333333%; }
}

@media screen and (max-width:767px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
}

@media screen and (max-width:479px) {
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
}
.container { /*width: 96%; max-width: 1200px; margin: 0 auto; */}
.container:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
header { z-index: 1000; position: relative; background: linear-gradient(45deg, #10559e 3%, #1e88e5 55%, #40BAF5 91%); display: block; width: 100%; overflow: hidden; }
header.fixed { position: fixed; width: 100%; top: 0; }
header.fixed .navbar .navbar-header { margin-top: 5px; }
header.fixed .navbar .navbar-brand { width: 279px; height: 41px; background-size: 219px 40px; }
header.fixed .navbar .navbar-nav>li>a { line-height: 50px; }
header.fixed .navbar .navbar-nav>li>a.login { margin-top: 11px; }
header .navbar { margin: 0; border: 0 none; background-color: transparent; }
header .navbar .navbar-header { margin-top: 9px; }
.navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; }
header .navbar .navbar-brand { padding: 0; height: 51px; width: 279px; background: url(../images/logo.png) no-repeat; background-size: 100%; text-indent: -999em; }
header .navbar .navbar-nav { margin-left: 116px; }
header .navbar .navbar-nav>li { }
header .navbar .navbar-nav>li:last-child { margin-right: 0; }
header .navbar .navbar-nav>li>a { color: #FFF; font-size: 16px; line-height: 70px; padding: 5px 20px; position: relative; text-transform: uppercase; }
header .navbar .navbar-nav>li>a:focus,  header .navbar .navbar-nav>.active>a,  header .navbar .navbar-nav>.active>a:focus { color: #FFF; background-color: #2880de; }
header .navbar .navbar-nav>li>a:hover { text-decoration: none; }
header .navbar .navbar-nav>li>a.login { padding: 7px 18px; line-height: 20px; margin-top: 21px; margin-right: 15px; border-color: rgba(255,255,255, 0.2); }
header .navbar .navbar-nav>li>a.login:hover { box-shadow: inset 0 0 0 2px #FFCC00; background-color: transparent; }
.nav>li { position: relative; display: block; }
.navbar-nav>li { float: left; }
.nav { padding-left: 0; margin-bottom: 0; list-style: none; }
.navbar-nav { float: left; margin: 0; }
.navbar-header { float: left; }
header.fixed .nav li span { display: block; position: absolute; width: 0px; height: 0px; background: #fff; top: 48px; left: 50%; }
.nav li span { display: block; position: absolute; width: 0px; height: 0px; background: #fff; top: 68px; left: 50%; }
.topnav { position: relative; z-index: 1001; margin-bottom: 0; background: linear-gradient(45deg, #10559e 5%, #1e88e5 65%, #40BAF5 98%); overflow: hidden; }
.topnav a { text-decoration: none; }
.topnav .navbar { min-height: 30px; margin-bottom: 0; }
.topnav .navbar .nav>li { color: #FFF; line-height: 30px; padding: 2px 10px; }
.topnav .navbar .nav>li>a { color: #FFF; padding: 0; position: relative; line-height: 30px; }
.topnav .navbar .nav>li>a:focus,  .topnav .navbar .nav>li>a:hover,  .topnav .navbar .nav>.active>a:focus,  .topnav .navbar .nav>.active>a:hover,  .topnav .navbar .nav>.open>a,  .topnav .navbar .nav>.open>a:focus,  .topnav .navbar .nav>.open>a:hover { color: #FFCC00; background-color: transparent; }
.topnav .navbar .nav>li .fa { color: #FFCC00; margin-right: 5px; font-size: 1.2em; font-weight: 600; vertical-align: middle; }
.topnav .navbar .nav>li { float: left; }
.topnav .navbar .nav .phone { color: #FFCC00; font-size: 16px; font-weight: 600; }
.yhcx .hot { background-image: url(../images/nav-hot.png); margin-left: 5px; margin-top: 10px; width: 28px; height: 11px; text-indent: -999em; display: block; float: right; position: static; }
.navbar-left { float: left!important; }
.navbar-right { float: right!important; margin-right: 45px; }
/*banner*/

#banner { background: url(../images/banner.jpg) center; height: 500px; }
.bannercon { color: #fff; }
.bannercon h3 { font-size: 50px; padding-top: 100px; }
.bannercon h2 { font-size: 30px; margin-top: 32px; }
.bannercon h4 { font-size: 26px; font-weight: bold; margin-top: 30px; }
.K1000 { margin: auto; width: 1000px; }
#login { height: 452px; width: 375px; position: absolute; left: 629px; top: 25px; background-color: #FFFFFF; }
.Z14 { font-size: 20px; }
#loginatit:hover, #loginbtit:hover { cursor: pointer; }
.login_css { font-weight: bold; color: #E5622E; }
.Logint { color: #666666; line-height: 67px; margin-top: 35px; }
.login_css { font-weight: bold; color: #fff; background: #ff9731; }
#login_a .login_css, #login_b .login_css { background: #fff; color: #000000; }
.Logint input { border: 1px solid #CCCCCC; height: 35px; }
.an { background-image: url(../images/an.jpg); background-repeat: no-repeat; height: 0px; width: 0px; border: 0px; }
.reg { background: #f4f4f4; line-height: 50px; height: 50px; text-align: center; }
.reg a { color: #6b6b6b; }
#login_a .g-common-btn, #login_b .g-common-btn { border: 0; height: 55px; line-height: 55px; font-size: 14px; margin-right: 0px; width: 177px; display: inline-block; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; background: none; }
/*banner*/

/*结算方式*/

.cooperate { position: relative; width: 100%; min-width: 1160px; background: #f4f4f4; }
.cooperate .mainTitle { padding-top: 50px; color: #656565; font-size: 30px; text-align: center; width: 1160px; margin: 0px auto; }
.cooperate .mainInfo { color: #B8B7B7; font-size: 16px; padding: 9px 0px; text-align: center; width: 1160px; margin: 0px auto; }
.cooperate .container { padding: 52px 0px; }
.cooperate .child { width: 154px; float: left; }
.cooperate .child .childImg { width: 150px; height: 150px; line-height: 150px; text-align: center; border: 2px solid #317eff; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; }
.cooperate .child:hover .childImg { border-color: #2c99ff; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.cooperate .child .childImg img { vertical-align: middle; margin-top: 20px; }
.cooperate .childTitle { color: #999999; font-size: 18px; margin: 10px; text-align: center; }
.cooperate .childPointer { float: left; padding: 48px 57px; width: auto; }
/*结算方式*/

/*产品类型*/

.chanpinleixing { position: relative; width: 100%; min-width: 1160px; }
.chanpinleixing .mainTitle { padding-top: 50px; color: #656565; font-size: 30px; text-align: center; width: 1160px; margin: 0px auto; }
.chanpinleixing .mainInfo { color: #B8B7B7; font-size: 16px; padding: 9px 0px; text-align: center; width: 1160px; margin: 0px auto; }
/*产品类型*/

/*联盟优势*/

.alliance { position: relative; width: 100%; min-width: 1160px; background: #0687ff; }
.alliance .mainTitle { padding-top: 50px; color: #fff; font-size: 30px; text-align: center; width: 1160px; margin: 0px auto; }
.alliance .mainInfo { color: #6FB9FF; font-size: 16px; padding: 9px 0px; text-align: center; width: 1160px; margin: 0px auto; }
.alliance .container { padding: 42px 0px; }
.alliance .child { position: relative; float: left; width: 214px; text-align: center; margin: 0px 38px; }
.alliance .child .childImg { height: 104px; line-height: 104px; }
.alliance .child:hover .childImg { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.alliance .child .childImg img { vertical-align: middle; }
.alliance .child .childTitle { width: 100%; color: #fff; font-size: 18px; height: 38px; line-height: 38px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.alliance .child:hover .childTitle { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); }
.alliance .child .childInfo { font-size: 14px; color: #A3D2FF; line-height: 23px; }
/*联盟优势*/

/*新闻中心*/

.news_center_content { padding-top: 26px; }
.news_center_list { margin-left: 60px; }
.news_center_list_title { font-size: 26px; color: #333; margin: 25px 0; text-align: center; }
.news_center_list_img { overflow: hidden; }
.news_center_list_img img { width: 100%; transition: 0.3s all; -webkit-transition: 0.3s all; }
.news_center_list_img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.news_center_content ul { margin-top: 10px; }
.news_center_content ul li a { display: block; color: #767676; font-size: 12px; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/056.png) left center no-repeat; padding: 3px 0 3px 15px; transition: 0.2s all; -webkit-transition: 0.2s all; }
.news_center_content ul li .time { font-size: 12px; color: #ccc; float: right; margin-top: 3px; }
/*新闻中心*/

/*合作伙伴*/

.partner { position: relative; width: 100%; min-width: 1160px; background: #fff; padding-bottom: 42px; }
.partner .mainTitle { padding-top: 50px; color: #656565; font-size: 30px; text-align: center; width: 1160px; margin: 0px auto; }
.partner .mainInfo { color: #B8B7B7; font-size: 16px; padding: 9px 0px; text-align: center; width: 1160px; margin: 0px auto; }
.partner .child { position: relative; width: 188px; height: 78px; line-height: 78px; text-align: center; margin: 0px 6px; float: left; }
/*合作伙伴*/

/*底部*/

.tc-footer { background: #353b49; padding: 40px 0px 0px; padding-top: 40px; min-width: 1000px; overflow: hidden; }
.tc-footer .tc-footer-columns { max-width: 1200px; margin: 0 auto; font-size: 0; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 20px; }
.tc-footer .columns { display: inline-block; vertical-align: top; text-align: left; width: 20%; min-width: 124px; margin-bottom: 4px; }
.tc-footer .columns.bootlogo { width: 30%; }
.tc-footer .columns.bootlogo h3 { line-height: 64px; }
.tc-footer .columns img { vertical-align: middle; }
.tc-footer .columns .qr-img { vertical-align: middle; }
.tc-footer .columns h3 { font-size: 15px; color: #333; margin-bottom: 10px; font-weight: 400; padding-left: 10px; }
.tc-footer .columns ul { padding-left: 10px; }
.tc-footer .columns ul li, .tc-footer .columns ul li a { font-size: 12px; color: #777; display: block; }
.tc-footer .columns ul li { line-height: 26px; }
.tc-footer .tc-footer-copyright { max-width: 1200px; margin: 0 auto; }
.tc-footer .tc-footer-copyright p { color: #fff; line-height: 40px; width: 50%; display: initial; float: left; }
/*底部*/





/*广告主、网站主、解决方案、平台产品*/

.w1000 { width: 1000px; margin: 0 auto; text-align: left; position: relative; }
.clr { zoom: 1; }
.bg-g { background: #f5f5f5; }
.p-box01 p { font: 16px/28px Microsoft Yahei; padding: 10px 0; color: #000; }
.p-container { width: 100%; }
.p-container .inner { width: 100%; }
.p-container .inner .page { width: 100%; min-width: 100%; max-width: 100%; }
.p-container .page500 { height: 500px; overflow: hidden; }
.pbanner-product, .pbanner-solution, .pbanner-wangzhanzhu, .pbanner-guanggaozhu { width: 100%; height: 400px; position: relative; }
.pbanner-product { background: url(../images/i-product.png) top center no-repeat; }
.pbanner-solution { background: url(../images/i-solution.png) top center no-repeat; }
.pbanner-wangzhanzhu { background: url(../images/i-wangzhanzhu.png) top center no-repeat; }
.pbanner-guanggaozhu { background: url(../images/i-guanggaozhu.png) top center no-repeat; }
.pbanner-product a, .pbanner-solution a, .pbanner-guanggaozhu a, .pbanner-wangzhanzhu a { display: block; position: absolute; }
.pbanner-product .m-nav01 { width: 133px; height: 129px; left: 778px; top: 141px; }
.pbanner-product .m-nav02 { width: 257px; height: 130px; left: 654px; top: 270px; }
.pbanner-product .m-nav03 { width: 257px; height: 130px; left: 654px; top: 11px; }
.pbanner-solution .m-nav01 { width: 105px; height: 105px; left: 650px; top: 9px; }
.pbanner-solution .m-nav02 { width: 105px; height: 105px; left: 688px; top: 171px; }
.pbanner-solution .m-nav03 { width: 105px; height: 105px; left: 570px; top: 287px; }
.f-l { float: left; }
.f-r { float: right; }
.p-box01 { width: 430px; }
.block10 { margin: 0; padding: 0; height: 10px; overflow: hidden; clear: both; }
.block30 { margin: 0; padding: 0; height: 30px; overflow: hidden; clear: both; }
.block40 { margin: 0; padding: 0; height: 40px; overflow: hidden; clear: both; }
.block50 { margin: 0; padding: 0; height: 50px; overflow: hidden; clear: both; }
.block60 { margin: 0; padding: 0; height: 60px; overflow: hidden; clear: both; }
.p-box01 h2 { font: bold 42px/50px Microsoft Yahei; padding: 10px 0 20px; color: #2c9ce8; }
.p-box01 h2.orange { color: #f90; }
/*广告主、网站主、解决方案、平台产品*/



/*登录*/

.content.logincon { background: url(../images/login-banner.jpg) no-repeat top center }
.content.logincon .wide1190 { height: 470px; width: 1200px; margin: auto; }
.login-box { position: absolute; top: 34px; right: 34px; background-color: #fff }
.login-box .login-title { padding: 15px 0; background-color: #f4f4f4; font-size: 18px; color: #4f4f4f; text-align: center }
.login-box .error-msg { margin: 10px 34px 0; padding: 5px 0 5px 28px; background: url(../images/icon.jpg) no-repeat 6px -1176px; border: 1px solid #ffd393; line-height: 16px; color: #ff5e5e; font-size: 12px; display: none }
.login-box .login-from { padding: 12px 34px 15px; width: 286px }
.login-box .login-from .label-icon { _margin-left: 4px; display: inline-block; *display:inline;
*zoom:1;
width: 34px; height: 40px; border: 1px solid #e3e3e3; border-right: 0; float: left }
.login-box .login-from .label-username { background: url(../images/icon.jpg) no-repeat 9px -845px #fff }
.login-box .login-from .label-password { background: url(../images/icon.jpg) no-repeat 9px -911px #fff }
.login-box .login-from .form-input { _margin-top: -1px; display: block; width: 248px; _width: 230px; height: 40px; line-height: 40px; border: 1px solid #e3e3e3; border-left: 0; color: #b5b5b5; padding-left: 0 }
.login-box .login-from .caplogin { float: left; width: 90px; height: 34px; line-height: 34px; border: 1px solid #e3e3e3; padding-left: 10px }
.login-box .login-from .img-code { height: 40px; width: 80px; margin-left: 12px; cursor: pointer }
.login-box .login-from .remember { padding-top: 6px; display: inline-block; *display:inline;
*zoom:1;
float: left; color: #666; font-size: 12px; }
.login-box .login-from .forget-pwd { padding-top: 6px; float: right }
.login-box .login-from .g-common-btn { margin-top: 8px; width: 280px; height: 44px; line-height: 44px }
.login-box .login-from .free-reg { color: #127ff5 }
.login-box .login-from .free-reg:hover { text-decoration: underline }
.login-box .login-from .login-form-links { margin-top: 18px; border-top: 1px solid #e3e3e3; text-align: center }
.login-box .login-from .login-form-links p { text-align: center; width: 128px; margin: -10px auto 6px auto; color: #9b9b9b; background-color: #fff }
.login-box .login-from .login-form-links .link-icon { display: inline-block; *display:inline;
*zoom:1;
width: 30px; height: 20px; background-image: url(../images/icon.jpg); background-repeat: no-repeat }
.login-box .login-from .login-form-links .ali-icon { background-position: 0 -984px }
.login-box .login-from .login-form-links .qq-icon { background-position: 0 -1053px }
.login-box .login-from .login-form-links .wx-icon { background-position: 0 -1121px }
.g-common-btn { border: 0; height: 34px; line-height: 34px; font-size: 14px; margin-right: 6px; width: 96px; display: inline-block; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; }
.g-blue-btn { background-color: #2086ee; color: #fff; }
.hover .g-dark-btn, .g-blue-btn:hover { background-color: #4597EA; color: #fff; }
.pt-10 { padding-top: 10px; }
/*登录*/



/*新闻列表页*/

#newslist { margin-bottom: 30px; }
.page { min-width: 1000px; max-width: 1200px; margin: 0 auto; overflow: hidden; }
.container { /*width: 96%; max-width: 1200px; margin: 0 auto; overflow: hidden; */}
.support_type { margin: 50px 0; }
.support_type_content { margin-left: -50px; }
.support_type_list { display: block; border: solid 1px #F2F2F2; text-align: center; padding: 10px 0; color: #7b7b7b; margin-left: 50px; position: relative; overflow: hidden; z-index: 1; }
.support_type_list.active { color: #fff; background: #3DA6F7; border: solid 1px #3DA6F7; }
.support_type_list.normal:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 0; height: 100%; background: #3DA6F7; transition: 0.3s all; -webkit-transition: 0.3s all; z-index: -1; }
.support_type_list.normal:hover:before { width: 100%; }
.support_type_list.normal:hover { color: #fff; background: #3DA6F7; background: rgba(0, 0, 0, 0); border: solid 1px #3DA6F7; border: solid 1px rgba(0, 0, 0, 0); }
.kzf-mod-new-li { position: relative; overflow: hidden; padding: 10px 0; margin: 4px 0; }
.kzf-mod-new-li:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: #3DA6F7; z-index: -1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.kzf-mod-new-li:hover:after { right: 0; width: 100%; }
.kzf-mod-new-li .kzf-mod-new-time-box { padding: 6px 0; border-right: 1px solid #eee; text-align: center; color: #ccc; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.kzf-mod-new-li:hover .kzf-mod-new-time-box { color: #fff; }
.kzf-mod-new-li .kzf-mod-new-box { padding: 12px 40px; }
.kzf-mod-new-li .kzf-mod-new-time-date { font-size: 36px; }
.kzf-mod-new-li .kzf-mod-new-time-year { font-size: 14px; }
.kzf-mod-new-li .kzf-mod-new-title { position: relative; font-size: 16px; color: #767676; line-height: 24px; padding-bottom: 12px; text-indent: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.kzf-mod-new-li .kzf-mod-new-title:before { content: ""; position: absolute; top: 6px; left: 0; border: 7px solid; border-color: transparent transparent transparent #afafaf; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.kzf-mod-new-li .kzf-mod-new-text { font-size: 14px; color: #b2b2b2; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.kzf-mod-new-li:hover .kzf-mod-new-title { color: #fff; }
.kzf-mod-new-li:hover .kzf-mod-new-text { color: #fff; }
.kzf-mod-new-li:hover .kzf-mod-new-title:before { border-left-color: #fff; }
.span2 { width: 16.66666667%; }
.span10 { width: 83.33333333%; }
.span2, .span10 { float: left; }
.support_type_content .kzf-mod-center { position: relative; left: 50%; -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); }
/*新闻列表页*/



/*联系我们*/

.sub-main .content-wrap .contact-outer-wrap:before { content: " "; display: table; }
.sub-main .content-wrap .contact-outer-wrap:after { clear: both; content: " "; display: table; }
.sub-main .content-wrap .contact-wrap { position: relative; width: 380px; border: 1px solid #ecf1fc; float: left; margin-bottom: 30px; }
.sub-main .content-wrap .contact-wrap img { max-width: 100%; text-align: center; }
.sub-main .content-wrap .contact-wrap .info-wrap { position: absolute; top: 30%; width: 276px; box-sizing: border-box; left: 50%; margin-left: -138px; }
.sub-main .content-wrap .contact-wrap .info-wrap .header { padding: 25px; background-color: rgba(255, 255, 255, 0.9); }
.sub-main .content-wrap .contact-wrap .info-wrap .footer { background-color: #4074e1; text-align: center; padding: 15px 0; color: #ffffff; font-size: 22px; width: 100%; margin: 0px; min-width: 100%; max-width: 100%; }
.sub-tabs-x { width: 100%; height: 70px; }
.sub-tabs-x li a { width: 140px; height: 68px; line-height: 68px; text-align: center; color: #4074e1; float: left; font-size: 16px; }
.sub-tabs-x .active a,  .sub-tabs-x li a:hover { height: 70px; border-top: 2px solid #edf1fc; background-color: #ffffff; margin-top: -2px; }
.sub-tab-cont { padding: 30px 30px; }
.sub-tab-cont .h2,  .sub-tab-cont .h5 { padding-top: 30px; }
.tab-pane { display: none; }
.tab-pane.active { display: block; }
.tab-content.sub-tab-cont .img-outer-wrap { overflow: hidden; }
.tab-content.sub-tab-cont .contact-img-wrap { float: left; text-align: center; width: 385px; margin-top: 30px; margin-bottom: 35px; }
.tab-content.sub-tab-cont .contact-img-wrap img { max-width: 100%; }
.tab-content.sub-tab-cont .map-wrap { margin-top: 30px; margin-bottom: 30px; }
.tab-content.sub-tab-cont .map-wrap img { max-width: 100%; }
.mr36 { margin-right: 36px; }
.ml20 { margin-left: 20px; }
.mr60 { margin-right: 60px; }
.sub-main p { line-height: 33px; font-size: 14px; }
.sub-tabs-x .active a, .sub-tabs-x li a:hover { height: 70px; color: #4074e1; border-bottom: 2px solid #4074e1; border-top: 0; margin-bottom: -2px; margin-top: 0px; text-decoration: none; }
/*联系我们*/



/*关于我们*/

.all-title { text-align: center; }
.all-title .all-t1 { font-size: 26px; color: #444; }
.all-title .all-t2 { color: #858585; }
.qy-text p { color: #8a8a8a; line-height: 22px; letter-spacing: 1px; margin-bottom: 20px; }
.qy-text { padding: 60px 0; }
.qy-profile { padding-top: 85px; }
.portfolio-image { border: 1px solid #e8e8e8; margin-top: 40px; }
.portfolio-info h2 { margin: 0; text-align: center; font-size: 25px; font-weight: 600; color: #504f50; }
.portfolio-info p { margin: 18px auto 0px auto; font-size: 14px; text-align: center; color: #a8a8a8; text-indent: 28px; }
.portfolio { padding: 50px 0; }
.port-img img { width: 100%; position: relative; }
.port-img { position: relative; }
.caption { padding: 15px 8px; background: #ffffff; }
.caption ul { padding: 0; margin: 0; }
.caption ul li { display: inline-block; color: #504f50; font-weight: 700; font-size: 14px; }
span.right { color: #a8a8a8; padding-left: 146px; font-size: 14px; }
span.left { padding-left: 169px; color: #a8a8a8; font-size: 14px; }
.copyrights { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.portfolio-image:hover div.desc { display: block; cursor: pointer; transition: .5s all; -webkit-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; -moz-transition: .5s all; }
.desc a { color: #ffffff; border: 1px solid #ffffff; padding: 14px 33px; font-size: 700; font-size: 16px; font-weight: 700; }
.desc a:hover { text-decoration: none; color: #39c9da; border: 1px solid #39c9da; transition: .5s all; -webkit-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; -moz-transition: .5s all; }
/*关于我们*/





.banner01 { position: relative; overflow: auto; padding-top: 100px; }
.banner01 li { list-style: none; }
.banner01 ul li { float: left; position: relative; }
.banner01 .arrows { display: none; }
.banner01:hover .arrows, .banner01.hover .arrows { display: block; }

@media only screen {
.banner01 .arrows { -webkit-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0; display: block; }
.banner01:hover .arrows, .banner01.hover .arrows { opacity: 1; }
}
.banner01 .arrows { position: absolute; z-index: 20; }
.banner01 .arrows .prev, .banner01 .arrows .next { position: absolute; width: 76px; height: 77px; font: 0/0 a; color: transparent; cursor: pointer; }
.banner01 .arrows .prev { left: 30px; background: url(../images/slide_arrow_left.png) no-repeat; }
.banner01 .arrows .next { left: 1000px; background: url(../images/slide_arrow_right.png) no-repeat; }
.wrapper { position: relative; margin: 0 auto; zoom: 1; width: 96%; max-width: 1200px; }
.section4 { height: 660px; }
.section4 .banner01 ul li { height: 560px; }
.section4 .banner01 .arrows { top: 270px; }
.section4 .dots { position: absolute; width: 1160px; top: 20px; text-align: center; font-size: 15px; background: #fff; left: 25px; }
.section4 .dot { line-height: 36px; cursor: pointer; color: #317eff; border: #317eff 1px solid; margin-right: 5px; padding: 0px 20px; display: inline-table; }
.section4 .dot.active { background: #317eff; color: #fff; }
.breadcrumn li, .swiper-container, .swiper-wrapper, body { position: relative; }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-slide, .slide-item { display: block; }
.swiper-slide { position: relative; }
.effect-slide1, .effect-slide3 { background-image: url(../images/bg-effect.png); background-image: -webkit-image-set(url(../images/bg-effect.png) 1x, url(../images/bg-effect@2x.png) 2x); background-repeat: no-repeat; background-position: center bottom; }
.effect-pic { position: absolute; margin-right: 40px; }
.effect-pic.pic1 { width: 546px; height: 522px; background-image: url(../images/effect1.png); background-image: -webkit-image-set(url(../images/effect1.png) 1x, url(../images/effect1@2x.png) 2x); background-repeat: no-repeat; }
.effect-pic.pic2 { width: 546px; height: 515px; background-image: url(../images/effect2.png); background-image: -webkit-image-set(url(../images/effect2.png) 1x, url(../images/effect2@2x.png) 2x); background-repeat: no-repeat; }
.effect-pic.pic3 { width: 546px; height: 515px; background-image: url(../images/effect3.png); background-image: -webkit-image-set(url(../images/effect3.png) 1x, url(../images/effect3@2x.png) 2x); background-repeat: no-repeat; }
.effect-pic.pic4 { width: 546px; height: 515px; background-image: url(../images/effect4.png); background-image: -webkit-image-set(url(../images/effect4.png) 1x, url(../images/effect4@2x.png) 2x); background-repeat: no-repeat; }
.slide-item .effect-pic { -webkit-animation: fadeInRight .4s ease-in-out both .3s; animation: fadeInRight .4s ease-in-out both .3s; }
.effect-text { width: 480px; position: absolute; left: 50%; margin-left: 40px; margin-top: 72px; }
.slide-item .effect-brand, .slide-item .effect-description, .slide-item .effect-title { -webkit-animation: fadeInTop .4s ease-in-out both .5s; animation: fadeInTop .4s ease-in-out both .5s; color: #008de8; font-size: 32px; }
.effect-text .effect-title { font-size: 32px; line-height: 1.56; color: #000; margin: 28px 0; }
.effect-text .effect-title>em { color: #008de8; font-style: normal; }
.effect-text .effect-description { font-size: 16px; color: #333; line-height: 2; margin-bottom: 30px; }
.btn { display: inline-block; border: 1px solid #3DA8EE; border-radius: 2px; cursor: pointer; color: #008de8; font-size: 14px; padding: 3px 20px; line-height: 24px; text-align: center; outline: 0; -webkit-transition: all .4s ease; transition: all .4s ease; }
.btn-primary { color: #fff; border-color: #008de8; background-color: #008de8; }
.btn-lg { padding: 6px 30px; font-size: 16px; }
.effect-text .btn-primary { line-height: 36px; }
.slide-item .effect-text .btn { -webkit-animation: fadeIn .4s ease-in-out both .8s; animation: fadeIn .4s ease-in-out both .8s; }
.z_banner { background: url(../images/0555.jpg) center top repeat; text-align: center; height: 400px; overflow: hidden; margin-bottom: 20px; }
.new_z_banner { background: url(../images/news.jpg) center top repeat; }
.contact_z_banner { background: url(../images/contact.jpg) center top repeat; }
.links { overflow: hidden; display: inline-table; width: 50%; float: left; color: #fff; }
.links ul li { float: left; margin-right: 5px; line-height: 40px; list-style-type: none; }
.links ul li a { color: #fff; }