/*
theme color
*/

body { margin: 0; padding: 0; font-family: "Microsoft YaHei"; }
.jsy_box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.yuncd_fixed { position: fixed; _position: absolute; top: 0; width: 100%;/* padding-left: 3.28%; padding-right: 3.28%;*/ padding: 0 60px; z-index: 999; height: 60px; background: rgba(255,255,255,.97); border-bottom: #1f69ff 2px solid; -webkit-box-shadow: 0 0 15px rgba(31,105,255,.3); box-shadow: 0 0 15px rgba(31,105,255,.3); }
.yuncd_logo {/* float: left; *//* width: 35%; height: 45px;*/ padding-top: 15px; position: absolute; left: 0; }
.yuncd_navlist {/* float: left; */ width: auto; height: 60px; line-height: 35px; display: inline-block;/* float: left; */ }
.yuncd_zxtel {/* float: right; *//* width: auto; */ height: 60px; line-height: 60px; position: absolute; right: 0; top: 0; }
.yuncd_zxtel a { font-size: 14px; text-decoration: none; color: #333333; }
.telpng { vertical-align: middle; margin-right: 10px; margin-top: -3px; }
/*.yuncd_zxtel a.cos_ber{ margin-right: 20px;}*/
.yuncd_zxtel .btn { width: 178px; height: 44px; line-height: 44px; display: inline-block; border-radius: 20px; text-align: center; cursor: pointer; letter-spacing: 1px; }
.yuncd_zxtel .btn-white { color: #1f49ff; /* background-color: #fff; */ margin-left: 37px; background: none; border: 1px solid #1f49ff; }
.yuncd_navlist dl { list-style: none; font-size: 14px; margin: 0; }
.yuncd_navlist dl dt {/* display: inline-block; *//* width: auto; *//* margin-left: 14px; */ float: left;/* margin: 0 34px; */ line-height: 60px; }
.yuncd_navlist dl dd {/*border-left:solid 2px #cecece;  display: inline-block; *//* width: auto; *//* margin-left: 68px; */ float: left; margin: 0; height: 60px; line-height: 60px; position: relative; }
.yuncd_navlist dl a { color: #333; text-decoration: none; display: block; padding: 0 34px; }
.yuncd_navlist dl a:hover, .yuncd_navlist dl a.curr { }
.navcub .stmenu .curr { color: #1f49ff; }
.navcub .menu li a.fenglei { margin-top: 10px; display: inline-block; color: #333; height: 60px; margin-left: 40px; text-decoration: none; font-size: 14px; text-align: center; }
.navcub .menu li a.fenglei span { color: #1f49ff; }
.navcub .menu li a.fenglei2 { margin-top: 10px; display: inline-block; color: #333; height: 60px; margin-left: 40px; text-decoration: none; font-size: 14px; text-align: center; }
span.fangan { margin-right: 50.5px; }
.navcub {/* position: relative; */ }
.navcub .menu {/* position: absolute; *//* top: -40px; *//* left: -74px; */ padding: 0; margin: 0; }
.navcub .menu li { position: relative;/* float: left; *//* padding: 0 8px 0 5px; *//* display: inline; *//* white-space: nowrap; *//* text-align: center; */ font-size: 14px;/* position: relative; */ }
.navcub .menu li .hd { font-weight: normal; display: inline-block;/* float: left; */ margin: 0; padding: 0; }
.navcub .menu li a.xialaguang {/* margin-top: 10px; *//* display: inline-block; */ color: #333;/*height:60px;*//* margin-left: 40px; */ text-decoration: none; font-size: 14px;  text-align: center; }
.navcub .menu li a.xialaguang img { margin-left: 3px; }
.navcub .menu li a.selected, .navcub .menu li a.navhover span, .navcub .menu li a.xialaguang:hover span { color: #1f49ff; }
.navcub .menu li a.navhover, .navcub .menu li a.xialaguang:hover { }
.navcub .menu li a b { font-weight: normal; }
.navcub .menu li a.xialaguang b { height: 30px; line-height: 25px; display: inline-block; }
.navcub .menu li a.selected b, .navcub .menu li a.navhover b, .navcub .menu li a.xialaguang:hover b { cursor: pointer; color: #1f49ff; }
.navcub .menu li a.navhover b, .navcub .menu li a.xialaguang:hover b {/*width:100px;*/ }
.navcub .menu ul.children { display: none; position: absolute; top: 55px; left: -60px; width: 326px; background: rgba(255,255,255,.97); padding: 0; box-shadow: rgba(204,204,204,.5) 1px 1px 5px 2px; border-top: #1f49ff 4px solid; margin-left: -168px; }
.navcub .menu ul.fengl_xiala { left: 50%; }
.navcub .menu ul.children li { padding: 0px;/* display: inline-block; */ font-size: 12px; border-bottom: 1px solid #ccc; width: 100%; text-align: left; display: block; line-height: 20px; padding: 15px 0; }
.navcub .menu ul.children li a { display: block; width: 100%; height: 16px; line-height: 16px; padding: 3px 0 3px 20px; display: block; color: #909090; text-decoration: none; font-size: 14px; padding: 0; margin: 0; text-indent: 20px; }
.navcub .menu ul.children li a:hover {/*background-color:#eee;*/ text-decoration: none; color: #1f49ff; }
.navcub .menu ul.children li:last-of-type { border: none; }
.cub_home {/* z-index: 111; *//* position: absolute; *//* left: -98px; *//* top: 0; */ }
/*������*/

.pt-navbar { background-color: #fff; }
.pt-navbar .icon-bar { background-color: rgba(255, 255, 255, .8); }
/*�۵���ť*/

.toggle-nav { color: #666; background-color: transparent; }
.toggle-nav:hover, .toggle-nav:focus { color: #333; }
.toggle-nav:active { color: #000; }
/*logo*/

.logo-me { width: 200px; background-image: url(../img/portal-logo-black.html); background-repeat: no-repeat; background-size: 50%; max-height: 44px; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.navbar a:hover { opacity: 1; filter: alpha(opacity=100); }
/*�����˵�*/

.pt-navbar .dropdown-toggle { color: #666; }
.pt-navbar .dropdown-toggle:hover, .pt-navbar .dropdown-toggle:focus { color: #48cfad; }
.pt-navbar .dropdown-toggle:active { color: #48cfad; }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { color: #fff; background-color: #48cfad; }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.footer, .footer_ly { background: #f7f7f7; padding: 50px 0 50px 0 !important; }
.foot_wxl {/* width: 35% !important; *//* margin-right: 10px; */ }
.foot_wxr {/* width: 62% !important; *//* padding: 4px 0 0 !important; */ }
.foot_wxr dt img { width: 50%; }
.foot_wxr dl dd {/* line-height: 30px !important; *//* width: 172px !important; *//* font-size: 14px !important; */ }
.foot_wxr dl dd a { text-decoration: none !important; }
.foot_wxr dl p {/* font-size: 12px !important; *//* padding: 5px 0 0 !important; */ }
.container_top {/* margin-left: 9% !important; */ }
.fot_c {/* width: 48% !important; */ }
.foot_rwm {/* width: 48% !important; */ }
.mar15 { height: 8px !important; }
.foot_logol {/* width: 16% !important; */ }
.foot_logol img {/* margin: 40px 0 0; *//* width: 80%; */ }
.footer2_ly {/* padding: 3% 0 !important; */ }
.foot_logoc {/* width: 44% !important; */ }
.ft_tit {/* padding: 35px 0 0 30px !important; */ }
.ft_tit p {/* font-size: 11px !important; *//* line-height: 19.5px !important; */ }
.ft_tit p img { width: 35%; }
.ft_tit h3 {/* font-size: 14px !important; *//* padding: 10px 0 10px 0 !important; *//* margin: 0; */ }
.ft_x {/* border-right: #525156 1px solid; *//* padding: 20px 25px 50px 0; */ }
.yuncd_zxtel { font-size: 11px; }
.yuncd_zxtel a {/* font-size: 11px !important; */ }
.foot_logor {/* width: 33% !important; *//* padding-top: 40px !important; */ }
.foot_logor dl {/* margin-left: 20px !important; */ }
.foot_logor dl.wd {/* width: 35% !important; *//* margin-right: 0 !important; */ }
.foot_logor dl.wd dt img {/* width: 85% !important; */ }
.foot_logor dl.wd dd img { width: 80% !important; margin-left: -3px; }
.copyright { font-size: 12px !important; line-height: 40px !important; }
.copyright_ly {/* font-size: 12px !important; *//* padding: 0 !important; *//* line-height: 40px !important; */ }
.yuncd_zxtel .btn {/* width: 100px !important; *//* height: 30px !important; *//* line-height: 30px !important; *//* font-size: 11px !important; */ }
.cos_ber {/* font-size: 11px !important; */ }
.telpng { width: 15px !important; }
.yuncd_navlist dl {/* font-size: 11px !important; */ }
.navcub { margin-left: 100px; margin-top: 13px; }
.navcub .menu li a.xialaguang {/* font-size: 11px !important; */ }
.navcub .menu {/* position: absolute; *//* top: -38px !important; *//* left: -104px !important; */ }
span.fangan { margin-right: 40.5px !important; }
.cub_home { left: -85px !important; }
.navcub .menu ul.children li a { font-size: 11px !important; height: 10px !important; line-height: 10px !important; }
.yuncd_logo img {/* width: 40%; *//* margin-top: 5px; */ }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.pt-nav { position: static !important; overflow-y: auto !important; overflow-x: hidden !important; }
.container_top { margin-left: 4.5% !important; }
}
/*�����?*/

.pt-nav { background-color: #3c415b; /*���������?*/ }
.level-two { background-color: #272c44; /*�����˵�����*/ }
.level-three { background-color: #181a21; /*�����˵�����*/ }
.view-description { border-bottom-color: rgba(255, 255, 255, .1); }
.view-description span { color: #ddd; }
.pt-nav .panel { border-bottom: 1px solid rgba(255, 255, 255, .1); }
.level-two a, .level-three a { border-top-color: rgba(255, 255, 255, .1); }
/*.pt-nav a:focus,.pt-nav a:hover{background-color: #369c82; color:#fff;}*/
.level-two .panel { border-bottom: none; }
.level-two a { border-top: none; }
/*ͼ����������ɫ*/

.pt-nav .collapsed span { color: #d7d7d7; }
.pt-nav .collapsed:hover span, .pt-nav .collapsed:focus span { color: #fff; }
.pt-nav .collapsed i { color: #8a8d96; cursor: pointer; }
.pt-nav .collapsed:hover i { color: #48cfad; }
.pt-nav span { color: #fff; }
.pt-nav i { color: #48cfad; }
.collapse li.active a { background-color: #15b7e0; }
.collapse li a:hover, .collapse li a:focus { background-color: #15b7e0; color: #fff !important; }
.pt-nav li.active i, .pt-nav li.active span { color: #fff; }
#portal-list-home { background-color: rgba(0, 0, 0, .2); }
#portal-list-home i { color: #999; }
#portal-list-home span { color: #999; }
#portal-list-home:hover i, #portal-list-home:hover span { color: #eee; }
.pt-nav li a.catalog { color: #333; }
/*�򿪵��ĵ���ɫ*/


/*.pt-nav li.active a,
.pt-nav li.active:hover > a span {
    color: #000;
    background-color: #ddd;
}*/


/*pt-main*/

.pt-main .breadcrumb { background-color: #f4f4f4; }
.pt-main .breadcrumb { color: #999; }
.pt-main .breadcrumb > .active { color: #333; }
#no-user a { color: #666; }
#no-user a:hover { color: #333; }

@media (max-width:1600px) {
.yuncd_navlist { height: auto;/*margin-left: -150px;*/ margin-left: 0; }
}

@media (max-width:1500px) {
.yuncd_navlist {/*margin-left: -150px;*/ margin-left: 0; }
/*.yuncd_navlist dl a{ padding:0 25px;}*/
}

@media (max-width:1300px) {
/*.yuncd_navlist dl a{ padding:0 25px;}*/
.yuncd_fixed { padding: 0 15px; }
}

@media (max-device-height:900px) {
/*@media (max-device-height:1200px){	*/
.section .chaobiaoBanner, .section .chaobiaoBanner .swiper-slide img { height: 100%; }
#section2 { height: 100% !important; padding: 0 !important; }
.section .fangan_tit h1 { font-size: 22px; padding-bottom: 10px; }
#section2 p { font-size: 16px; line-height: 26px; }
#section2 .fangan_tit { padding: 80px 0 0 0; }
#section2 .jsy_stt { margin: 20px 0 0 0; background-size: contain; }
#section2 .jsy_stt dl { height: 180px; }
#section2 .jsy_stt dl dt img { width: 65px; height: 63px; }
#section2 .jsy_stt dl dd { font-size: 18px; }
#section2 .jsy_stt ul li { line-height: 22px; }
#section2 .jsy_stt .wrap { padding: 0 150px; }
#section3 .sj_box h1 { font-size: 22px; padding-bottom: 10px; padding: 0; }
#section3 .sj_box h2 { font-size: 16px; line-height: 26px; margin: 0; }
#section3 .focus { zoom: 1; }
#section3 .focus:after { content: ""; display: block; clear: both; height: 0; }
#section3 .focus .right { padding-top: 0 }
#section3 .focus .right .dn_tit h3 { font-size: 18px !important; }
#section3 .focus .right .dn_tit p { font-size: 14px; padding-top: 5px; line-height: 20px; }
#section3 .focus .right li i.i1, #section3 .focus .right li i.i2, #section3 .focus .right li i.i3, #section3 .focus .right li i.i4 {/*background-position:0 0;*/ background-size: 300px auto !important; }
#section3 .focus .left { height: 400px; background-size: auto 100%; }
#section3 .focus .left li { padding: 37px 0 0 8px; }
#section3 .focus .left li img { width: 164px; }
#section4 .fdp_t_c h1 { font-size: 22px !important; padding-bottom: 10px; padding: 0; }
#section4 .tab_menu li { height: 30px !important; line-height: 30px !important; font-size: 13px; }
#section4 .tab_menu li.current { line-height: 27px !important; }
#section4 .tab_box img { width: 76%; margin: 0 auto; display: block; }
#section5 .indexgushi .gspic img { width: 70%; margin: 0 auto; display: block; }
#section6 .footer2 { padding: 10px 0 0 0; }
#section6 .foot_logoc { padding: 0 0 0 40px; }
#section6 h3 { margin-bottom: 0px; font-size: 18px; padding: 10px 0 10px; }
#section6 .copyright { line-height: 30px !important; }
}

@media (max-device-width: 1024px) {
.yuncd_logo { left: 60px; }
.yuncd_zxtel { right: 60px; }
.yuncd_zxtel .btn-white { margin-left: 0 }
.chaobiaoBanner .swiper-slide a { height: 760px; background-size: cover!important; }
.chaobiaoBanner .swiper-slide video { height: 760px; object-fit: cover; }
.iphone_right { width: 1000px; height: 530px; right: 60px; padding: 0; background-position: 50% 50%; background-size: cover; }
.iphone_right img { margin: 25px 0 0 0; width: 788px; }
.iphone_left { width: 236px; height: 500px; padding: 15px 0 0 0; background-size: cover; }
.iphone_left img { width: 200px; }
.phone-container { height: 640px; }
.sy_phoneBox { background-size: cover; height: auto; }
}