@charset "utf-8";
html, input, select, textarea { }
ul, menu, dir { display: block; list-style-type: disc; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0; }
*{   list-style:none}
p { display: block; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; }
a { color: #000; text-decoration: none; }
body { position: relative; margin: 0; padding: 0; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Tahoma, 'Microsoft YaHei', sans-serif; font-size:14px; }
.concomp { line-height:30px; font-size:14px; padding-top: 25px; }
.cnt { width: 1200px; margin: 0 auto; padding: 0 10px; }
.imgbox { position: relative; text-align: center; }
.imgbox:before { content: ""; display: block; padding: 100% 0 0; }
/*.imgbox img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
}*/
.cnt { width: 1200px; margin: 0 auto; padding: 0 10px; }
.contit { overflow:hidden; width:100%; line-height:30px; text-align:center; font-size:20px; margin-top:20px; }
.time { overflow:hidden; width:100%; line-height:30px; text-align:center; color:#707070; }
.conpic { overflow:hidden; width:100%; text-align:center; margin:20px 0px; }
.uppage { padding:10px 0px; width: 910px; height: 30px; font-size: 14px; border: 1px solid #ccc; margin-top: 10px; margin-bottom: 10px; }
.uppage p { width:48%; overflow:hidden; height:30px; line-height:30px; overflow:hidden; border-right: 1px solid #ccc; float: left; }
.uppage p.fr{ border:none}


.uppage p a { color:#000; }
.otitle { font-size: 22px; color: #005199; line-height: 24px; font-weight: bold; margin-top: 35px; }
.oborder { background: #f4f4f4; border-top: 0px solid #fff; height: 2px; position: relative; margin: 10px auto; }
.oborder:before { background-color: #77a43b; border: 0px ridge #fff; content: ""; height: 2px; position: absolute; top: 0px; width: 20px; }
.relatednews ul li { float: left; width: 45%; margin-right: 2%; border-bottom: 1px dashed #e6e6e6; list-style: none; }
.relatednews ul li a { font-size: 14px; color: #434d56; line-height: 35px; }
.related_cp ul { width: 100%; height: auto; padding-top: 5px; overflow: hidden; }
.relatednews ul li { float: left; width: 45%; margin-right: 2%; border-bottom: 1px dashed #e6e6e6; }
.relatednews ul li a { font-size: 14px; color: #434d56; line-height: 35px; }

.related_cp ul li { width: 220px; height: 180px; border: solid 1px #ccc; margin-bottom: 10px;    margin-right: 5px; float:left}

.related_cp ul li img { width: 220px; height: 150px;    }

.related_cp ul li p { line-height: 30px; height: 30px; text-align: center; text-indent: 0em; }
.related_cp ul li p a { line-height: 30px; height: 30px; text-align: center; }
.related_cp ul li { text-align: center; width: 220px; height: 180px; float: left; margin-bottom: 10px; margin-right: 5px; }

    

.pro-content { width: 900px; font-size: 14px; margin-top: 20px; }
.pro-detail { width: 900px; zoom: 1; padding-bottom: 20px; border-bottom: 1px dashed #ccc; }
.pro-detail .fl { max-width: 400px; float: left; }
.pro-detail .fr { width: 500px; float: right; font-size: 16px; margin-top: 80px; line-height: 30px; }
.pro-detail .fr h1 { font-weight: 600; width: 500px; display: block; font-size: 24px; border-bottom: 1px dashed #ddd; padding: 17px 0px; margin-bottom: 30px; }
#con { FONT-SIZE: 14px; MARGIN: 0px auto; WIDTH: 900px; margin-top: 20px; }
#tags { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 900px; PADDING-TOP: 0px; HEIGHT: 35px; }
#tags LI { BACKGROUND: #005697; FLOAT: left; MARGIN-RIGHT: 10px; LIST-STYLE-TYPE: none; HEIGHT: 35px; padding: 0px 25px; }
#tags LI A { BACKGROUND: none; FLOAT: left; COLOR: #fff; LINE-HEIGHT: 35px; HEIGHT: 35px; TEXT-DECORATION: none; }
#tagContent { PADDING-TOP: 10px; }
.tagContent { DISPLAY: none; WIDTH: 900px; COLOR: #333; PADDING-TOP: 10px; font-size: 14px; line-height: 28px; }
.newlist { overflow:hidden; width:auto; height:110px; overflow:hidden; margin:20px; padding-bottom:20px; border-bottom:1px solid #ccc; line-height:28px; }
.newtime { height:30px; line-height:30px; font-weight:bold; font-size:14px; }
.newlist span { height:30px; line-height:30px; overflow:hidden; font-size:16px; display:block; margin-bottom:10px; }
.newlist span a { color:#000; }
.comp { overflow:hidden; width:100%; line-height:30px; font-size:14px; margin-bottom:30px; }
.comp span { float:left; padding:10px; }
.con { line-height:30px; font-size:14px; padding-left:10px; border: 1px solid #eee; }
.Pages { overflow:hidden; width:100%; text-align:center; margin:0 auto; padding-top:50px; padding-bottom:30px; padding-left:10px; }
.Pages li { float: left; margin: 0 5px; list-style: none; }
.Pages a { display:inline-block; width:65px; background:#ffffff; height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left; text-decoration:none; color:#333; outline:none; }
.Pages a:hover { background:#F7C50F; color:#FFF; background-repeat:no-repeat; }
.Pages span { display:inline-block; min-width:45px; padding:0 10px; background:#ffffff; height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left; }
.Pages span.current { background:#F7C50F; color:#FFF; _padding:0px 30px; }
.in_case_list { width: 100%; overflow: hidden; margin-top: 26px; }
.in_case_list li { float: left; margin: 0 7px 21px 0px; overflow: hidden; width:205px; }
.in_case_list li .pic { width:205px; height: 185px; vertical-align: middle; text-align: center; display: table-cell; border: 1px solid #ccc; }
.in_case_list li .pic img { max-width: 100%; max-height: 100%; margin: auto; display: block; }
.in_case_list li p { height: 36px; width:220px; line-height: 36px; overflow:hidden;   text-align: center; text-indent: 5px; color: #000000; font-size: 14px; margin-top: 6px; }
.in_case_list li p a { color: #000000; }
.in_case_list li p a:hover { color: #FF9900; }
/*#preview {
	position: absolute;
	top: -361px;
	left: 0;
	opacity: .5;
	z-index: 2;
	pointer-events: none;
}*/
.wid_main { width: 1200px; margin: 0 auto; }
.header_sec_welcome { height: 32px; padding: 0 0 1px; background: url(../images/header_sec_welcome_bg.gif); border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.h_top .h_phone { float: right; position: relative; padding-left: 48px; font-size: 14px; padding-top: 23px; }
.h_top .h_phone img { width: 50px; height: 50px; position: absolute; left: -10px; top: 25px; }
.h_top .h_phone em { display: block; font-size: 28px; font-family: arial; }
.h_top_c { width: 100%; height: 100px; padding: 5px 0; }
.h_top { height: 100px; }
.h_top, .h_mid { width:1200px; margin:0 auto; position: relative; }
.top_gg { float: left; height: 85px; line-height: 85px; padding-left: 40px; font-size: 14px; color:#1e1e1e; background: url(../images/001411_03.jpg) no-repeat left center; }
/* ???????????????? end*/

/* logo search */
.h_mid_c { width: 100%; height:75px; background-color: #fff; position: relative; z-index: 99; }
.logo { float: left; margin-top: 10px; display: block; border-right: 1px solid #eee; padding-right: 5px; }
.wen { float: left; padding-left:12px; color: #3e3e3e; font-size: 22px; font-weight: bold; line-height: 25px; margin-top: 30px; }
.wen span { display: block; font-weight: normal; color: #666; font-size: 16px; }
.logo>a { display:block; padding-right: 10px; border-right: #cbcbcb 1px solid; }
.logo img { height: 80px; float: left; }
.foot { width: 100%; float: left; background:#111111; overflow: hidden; }
.foot-wapper { width: 1200px; margin: 0 auto; overflow: hidden; }
.foot-ny-fl { width: 200px; height: auto; float: left; margin:20px 0px; line-height: 30px; }
.foot-ny-fl ul li { display: inline-block; margin-right: 10px; margin-top: 25px; }
.foot-ny-gong { width: 330px; height: auto; float: left; margin:60px 10px 10px; line-height: 30px; }
.foot-ny-gongh3 { font-size: 25px; font-family: "方正兰亭粗黑简体"; color: #fff; }
.foot-ny-gongh5 { font-size:16px; line-height: 30px; color: #fff; margin-top:15px; }
.foot-ny-gongp { font-size:28px; line-height: 30px; color: #f8b348; margin-top: 10px; }
.foot-ny-center { width: 380px; height: auto; float: left; margin: 20px 10px 20px 35px; line-height: 30px; font-size: 12px; }
.foot-ny-centerh3 { border-bottom: 1px solid #fff; height:50px; line-height: 50px; font-size: 18px; color: #fff; margin-bottom: 10px; }
.foot-ny-center p { height:30px; line-height: 30px; font-size: 14px; color: #fff; }
.foot-ny-fr { height: auto; float: right; margin: 40px 0px 40px 10px; }
.foot-ny-frp { color: #fff; font-size: 12px; margin-top: 20px; }
.foot-ny-fr img { width: 110px; height: 110px; margin-right: 20px; vertical-align: middle; }
.foter a, .foter a:link, .foter a:visited { color: #ccc; cursor: pointer; }
.foot-ny-line { float:left; width: 35px; height:190px; margin-top: 20px; }
.foot-ny-line img { width: 35px; height:190px; }
.db-ys { width: 100%; background: #272727; float: left; }
.db-ys-ny { width: 1200px; margin: 0 auto; line-height: 25px; color: #fff; text-align: center; font-size: 14px; padding: 10px 0 10px 0 }
.w1002_wrapper { overflow:hidden; width: 1200px; margin: 0 auto; }
@charset "utf-8";
.index_sec_banner.sec_banner_pc { display: none; position: relative; width: 100%;/*height:670px;*/ overflow: hidden; }
@media (min-width: 721px) {
.index_sec_banner.sec_banner_pc {
 display: block;
}
}
.index_sec_banner.sec_banner_pc .gallery {/*position:absolute;top:0;left:50%;width:1920px;height:670px;margin:0 0 0 -960px;overflow:hidden;*/ }
.index_sec_banner.sec_banner_pc .gallery img { width: 100%; }
.index_sec_banner.sec_banner_mobile { display: none; position: relative; width: 100%;/*height:670px;*/ overflow: hidden; }
@media (max-width: 720px) {
.index_sec_banner.sec_banner_mobile {
 display: block;
}
}
.index_sec_banner.sec_banner_mobile .gallery {/*position:absolute;top:0;left:50%;width:1920px;height:670px;margin:0 0 0 -960px;overflow:hidden;*/ }
.index_sec_banner.sec_banner_mobile .gallery img { width: 100%; }
.index_sec_keywords { position: absolute; left: 50px; right: 50px; z-index: 1; margin: -29px 0 0; }
@media (max-width: 670px) {
.index_sec_keywords {
 position: static;
 margin: 0;
}
}
.index_sec_keywords .cnt { position: relative; max-width: 1100px; height: 54px; background: url(../images/index_sec_keywords_bg.gif); border: 1px solid #e6e6e6; overflow: hidden; border-radius: 3px; }
@media (max-width: 670px) {
.index_sec_keywords .cnt {
 height: auto;
 background: white;
 border: none;
}
}
.index_sec_keywords .cnt .search { float: left; width: 310px; height: 34px; margin: 11px 10px; font-size: 0; }
@media (max-width: 650px) {
.index_sec_keywords .cnt .search {
 float: none;
 width: auto;
}
}
.index_sec_keywords .cnt .search .keywords { display: block; position: relative;/* width:239px; */ height: 32px; margin: 0 70px 0 0; vertical-align: middle; font-size: 12px; border: 1px solid #e6e6e6; border-right: none; border-radius: 3px 3px 0 0; }
.index_sec_keywords .cnt .search .keywords .ico.ico_glass { float: left; width: 12px; height: 12px; vertical-align: middle; margin: 10px 8px 0; background: url(../images/index_keywords_search_glass.png); }
.index_sec_keywords .cnt .search .keywords .text { display: block; margin: 0 0 0 30px; height: 27px; vertical-align: middle; }
.index_sec_keywords .cnt .search .keywords .text input { width: 100%; height: 100%; border: none; background: 0 0; outline: 0; }
.index_sec_keywords .cnt .search .btn { float: right; position: relative; height: 34px; padding: 0 23px; vertical-align: middle; font-size: 12px; line-height: 34px; color: #fff; background: #032a4d; border-radius: 0 5px 5px 0; }
.index_sec_keywords .cnt .search .btn input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.index_sec_keywords .cnt .hotword_list { display: block; margin: 19px 0 0 340px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
@media (max-width: 650px) {
.index_sec_keywords .cnt .hotword_list {
 margin: 10px;
}
}
.index_sec_keywords .cnt .hotword_list .hotword_title { font-weight: 700; }
.index_sec_keywords .cnt .hotword_list .hotword_item {/* display:inline-block; */ margin: 0 6px; }
.index_sec_product { position: relative; padding: 1px 0 10px; background: url(../images/index_sec_product_bg.png) no-repeat center top; }
.adv { width: 100%; overflow: hidden; padding-bottom: 15px; }
.adv .Title { width: 100%; background: url("../images/advtitlebg.jpg") no-repeat center center; background-size: cover; height: 157px; text-align: center; }
.adv .Title b { font-size: 30px; color: #fff; font-weight: normal; padding-top: 20px; }
.adv .Title .p1 { font-size: 16px; color: #fff; font-weight: bold; margin-top: 20px; }
.adv .Title .p2 { font-size: 24px; color: #fff; width: 498px; height: 44px; line-height: 44px; text-align: center; background: #ff9900; margin: 30px auto 0; }
.adv .conBox { width: 100%; overflow: hidden; }
.adv .conBox .container { overflow: hidden; position: relative; }
.adv .conBox .container .pic { top: 38px; left: 562px; display: block; position: absolute; }
.adv .conBox .con { overflow: hidden; }
.adv .conBox .con img { display: block; float: left; border-top-right-radius: 10px; }
.adv .conBox .con .box { float: right; width: 527px; }
.adv .conBox .con .box .h3 { font-size: 24px; color: #333; font-weight: bold; margin-bottom: 35px; }
.adv .conBox .con .box .h3 span { color: #f90; }
.adv .conBox .con .box p { font-size: 15px; color: #333; line-height: 28px; margin-bottom: 10px; background: url("../images/pro_details_icon01.png") no-repeat left 6px; padding-left: 28px; }
.container { width: 1200px; margin: 0 auto; }
.adv .conBox .con1 img { margin: 20px 0 12px; border-top-left-radius: 20px; }
.adv .conBox .con1 .box { padding-top: 60px;/*height: 343px;*/
}
.adv .conBox .con2 .box { /*height: 313px;*/
	width: 532px; padding-top: 25px; }
.adv .conBox .con3 .box { /*height: 284px;*/
	width: 514px; padding-top: 15px; }
.adv .conBox .con4 .box { /*height: 265px;*/
	width: 529px; padding-top: 30px; }
.adv .conBox .con4 .box .h3 { margin-bottom: 30px; }
.adv .conBox .con3 .box .h3 { margin-bottom: 30px; }
.adv .conBox .con2 img, .adv .conBox .con4 img { float: right; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.adv .conBox .con2 .box, .adv .conBox .con4 .box { float: left; text-align: right; }
.adv .conBox .con2 .box p, .adv .conBox .con4 .box p { background: url("../images/pro_details_icon01.png") no-repeat right 6px; padding-right: 28px; }
@media (max-width: 1200px) {
.index_sec_product {
 height: auto;
 margin: 0;
 padding: 1px 0;
}
}
.index_sec_product .sec_title_main { margin: 67px 0 0; text-align: center; font: 700 40px 'Berlin Sans FB'; color: #032a4d; }
@media (max-width:400px) {
.index_sec_product .sec_title_main {
 font-size: 24px;
}
}
.index_sec_product .sec_title_sub { margin: 10px 0; text-align: center; font: 400 26px '方正综艺简体'; }
@media (max-width:400px) {
.index_sec_product .sec_title_sub {
 font-size: 24px;
}
}
.index_sec_product .sec_brief { position: relative; margin: 16px 0; text-align: center; }
.index_sec_product .sec_brief .line { position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #333; }
.index_sec_product .sec_brief .text { display: inline-block; position: relative; margin: 0 30px; padding: 16px 29px; color: #666; font-size: 14px; border: 1px solid #333; background: #f1f1f1; }
.index_sec_product .sec_brief .text .circle { position: absolute; top: 48%; width: 9px; height: 9px; margin: -4px 0 0; border: 1px solid #333; border-radius: 100%; background: #fff; }
.index_sec_product .sec_brief .text .circle.circle_1 { left: -7px; }
.index_sec_product .sec_brief .text .circle.circle_2 { right: -5px; }
.index_sec_product .cnt .product_list {/* margin:37px -24px; */ margin: 37px 0 20px 0; font-size: 0; text-align: justify; }
.index_sec_product .cnt .product_list .product_item { display: inline-block;/* width:380px; */ width: 19%;/* margin:15px 18px; */ margin: 15px 0; background: #fff;  transition: all ease .3s;
vertical-align: top; }
.index_sec_product .cnt .product_list .product_item .pic { width: 220px; height: 180px; vertical-align: middle; display: block; text-align: center; border: 1px solid #ccc; margin:0 auto }
.index_sec_product .cnt .product_list .product_item .pic img { max-width: 100%; max-height: 100%; display: block; margin: auto; }
@media (max-width: 500px) {
.index_sec_product .cnt .product_list .product_item {
 width: 48%;
 margin: 5px 0;
}
}
.index_sec_product .cnt .product_list .product_item .imgbox.pic { display: block;/* width:380px; *//* height:400px; */ width: 100%; margin: 0 auto; }
.index_sec_product .cnt .product_list .product_item .imgbox.pic:before { content: ""; display: block; padding: 105.26315% 0 0; }
.index_sec_product .cnt .product_list .product_item .imgbox.pic .border { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #032a4d; }
.index_sec_product .cnt .product_list .product_item .intro { overflow: hidden; }
.index_sec_product .cnt .product_list .product_item .intro .func_list { float: right; margin: 10px 19px; text-align: right;  transition: all ease .3s;
}
@media (max-width:930px) {
.index_sec_product .cnt .product_list .product_item .intro .func_list {
 display: none;
}
}
.index_sec_product .cnt .product_list .product_item .intro .func_list .func_item { display: inline-block; padding: 5px 13px; font-size: 14px; border-radius: 15px; color: #fff; background: #032a4d; }
.index_sec_product .cnt .product_list .product_item .intro .func_list .func_item .ico.ico_arr { display: inline-block; width: 3px; height: 6px; margin: 0 0 0 4px; background: url(../images/index_sec_product_func_item_arr.png); }
.index_sec_product .cnt .product_list .product_item .intro .title { display: block; margin: 13px auto; text-align:center; font-size: 14px; }
@media (max-width:930px) {
.index_sec_product .cnt .product_list .product_item .intro .title {
 margin: 10px;
}
}
.index_sec_product .cnt .product_list .product_item:hover { color: #fff; background: #032a4d; }
.index_sec_product .cnt .product_list .product_item:hover .imgbox.pic .border { display: block; }
.index_sec_product .cnt .product_list .product_item:hover .intro .title { font-weight: 700; }
.index_sec_product .cnt .product_list .product_item:hover .intro .title a { color: white; }
.index_sec_product .cnt .product_list .product_item:hover .intro .func_list { margin: 10px 5px; }
.index_sec_product .cnt .product_list .line_holder { display: inline-block; width: 100%; }
.index_sec_guide { color: #fff; background: #234b6d url(../images/index_sec_guide_bg.jpg) no-repeat center top; overflow: hidden; }
.index_sec_guide .cnt .sec_title_main { margin: 41px 0 10px; color: #fff; text-transform: uppercase; text-align: center; font: 700 40px 'Berlin Sans FB'; }
@media (max-width:400px) {
.index_sec_guide .cnt .sec_title_main {
 font-size: 24px;
}
}
.index_sec_guide .cnt .sec_title_sub { text-align: center; font: 400 26px '方正综艺简体'; }
@media (max-width:400px) {
.index_sec_guide .cnt .sec_title_sub {
 font-size: 24px;
}
}
.index_sec_guide .cnt .sec_line { margin: 15px auto; width: 15px; height: 1px; background: #fff; }
.index_sec_guide .cnt .sec_contact { margin: 17px 0; text-align: center; }
.index_sec_guide .cnt .sec_contact .contact_text { display: inline-block; vertical-align: middle; margin: 0 2px; font-size: 14px; }
.index_sec_guide .cnt .sec_contact .contact_btn { display: inline-block; width: 133px; padding: 5px 0; font-size: 14px; color: #fff; background: #ee551f; border-radius: 5px; }
.index_sec_guide .cnt .sec_contact .contact_btn .ico.ico_contact { display: inline-block; width: 19px; height: 20px; margin: 0 4px; vertical-align: middle; background: url(../images/index_sec_guide_ico_contact.png); }
.index_sec_guide .cnt .setp_list { position: relative; margin: 47px 0 0;/* height:309px; */ min-height: 390px; }
.index_sec_guide .cnt .setp_list .setp_item { position: absolute; float: left;/* width:400px; */ width: 33.33333333%;/* height:154px; */ min-height: 50%; background: url(../images/index_sec_guide_item_bg.png); }
@media (max-width:910px) {
.index_sec_guide .cnt .setp_list .setp_item {
 position: static;
 display: block;
 float: none;
 width: auto;
 padding: 1px 0;
}
}
.index_sec_guide .cnt .setp_list .setp_item .border { position: absolute; top: 0; right: 0; left: 0; height: 1PX; }
.index_sec_guide .cnt .setp_list .setp_item .border.border_1 { background: #316695; }
.index_sec_guide .cnt .setp_list .setp_item .border.border_2 { background: #174c7c; }
.index_sec_guide .cnt .setp_list .setp_item .setp_title { margin: 23px 31px 7px; font-size: 18px; }
.index_sec_guide .cnt .setp_list .setp_item .setp_title .setp_num { vertical-align: baseline; font-size: 42px; font-style: italic; font-weight: 700; font-family: DIN; }
.index_sec_guide .cnt .setp_list .setp_item .setp_title .setp_title_text { margin: 14px; }
.index_sec_guide .cnt .setp_list .setp_item .setp_intro { margin: 0 40px 23px 86px; font-size: 14px; }
@media (min-width:910px) {
.index_sec_guide .cnt .setp_list .setp_item.large {
 color: #032a4d;
}
.index_sec_guide .cnt .setp_list .setp_item.large .setp_title .setp_num {
 display: block;
 margin: 47px 0 0;
 text-align: center;
}
.index_sec_guide .cnt .setp_list .setp_item.large .setp_title .setp_title_text {
 display: block;
 margin: 7px 0;
 text-align: center;
}
.index_sec_guide .cnt .setp_list .setp_item.large .setp_intro {
 margin: 34px 31px;
 line-height: 1.7;
 text-align: center;
}
}
.index_sec_guide .cnt .setp_list .setp_item.e1 { top: 0; left: 0; }
.index_sec_guide .cnt .setp_list .setp_item.e2 { bottom: 0; left: 0; clear: left; }
@media (min-width:910px) {
.index_sec_guide .cnt .setp_list .setp_item.e3 {
 top: 0;/* left:400px; */
 left: 33.33333%;
 bottom: 0;
 height: auto;
 background: #eef2f6;
}
}
.index_sec_guide .cnt .setp_list .setp_item.e4 { top: 0; right: 0; }
.index_sec_guide .cnt .setp_list .setp_item.e5 { right: 0; bottom: 0; }
.index_sec_guide .cnt .setp_list .setp_item.e2 .border { display: block; }
.index_sec_guide .cnt .setp_list .setp_item.e5 .border { display: block; }
.index_sec_partner_and_advantage { background: url(../images/index_sec_partner_and_advantage_bg.jpg); }
.index_sec_partner_and_advantage .index_sec_partner .cnt .sec_title_main { margin: 41px 0 0; text-align: center; font: 700 40px 'Berlin Sans FB'; text-transform: uppercase; }
@media (max-width:400px) {
.index_sec_partner_and_advantage .index_sec_partner .cnt .sec_title_main {
 font-size: 24px;
}
}
.index_sec_partner_and_advantage .index_sec_partner .cnt .sec_title_sub { margin: 11px 0; text-align: center; font: 400 26px '方正综艺简体'; }
@media (max-width:400px) {
.index_sec_partner_and_advantage .index_sec_partner .cnt .sec_title_sub {
 font-size: 24px;
}
}
.index_sec_partner_and_advantage .index_sec_partner .cnt .sec_title_sub .line { display: inline-block; width: 16px; height: 2px; margin: 0 11px; vertical-align: middle; background: #333; }
.index_sec_partner_and_advantage .index_sec_partner .cnt .sec_title_sub b { color: #ee551f; }
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner { position: relative; margin: 10px 0; }
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .hd { position: absolute; top: 45%; left: -66px; right: -66px; height: 28px; margin: -14px 0 0; }
@media (max-width: 1370px) {
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .hd {
 display: none;
}
}
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .hd .btn { position: absolute; top: 0; width: 16px; height: 28px; }
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .hd .btn.btn_prev { left: 0; background: url(../images/index_sec_partner_hd_prev.png); }
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .hd .btn.btn_next { right: 0; background: url(../images/index_sec_partner_hd_next.png); }
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .bd .partner_list {/* margin:40px -8px; */ margin: 40px 0; text-align: justify; font-size: 0; }
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .bd .partner_list .partner_item { display: inline-block;/* width:188px; */ width: 15.66666666666667%;/* height:88px; *//* margin:6px 6px; */ margin: 0.4% 0; line-height: 88px; border: 1px solid #e5e5e5; background: white; }
@media (max-width: 800px) {
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .bd .partner_list .partner_item {
 width: 32.3%;
}
}
@media (max-width: 400px) {
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .bd .partner_list .partner_item {
 width: 48.9%;
}
}
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .bd .partner_list .partner_item .imgbox.pic { display: block; width: 90%; height: 90%; margin: 0 auto; }
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .bd .partner_list .partner_item .imgbox.pic:before { padding: 46.80851063829787% 0 0; }
.index_sec_partner_and_advantage .index_sec_partner .cnt .partner_banner .bd .partner_list .line_holder { display: inline-block; width: 100%; }
.index_sec_partner_and_advantage .index_sec_partner .cnt .func_list { margin: 44px 0 42px; text-align: center; }
@media (max-width: 400px) {
.index_sec_partner_and_advantage .index_sec_partner .cnt .func_list {
 margin: 10px 0;
}
}
.index_sec_partner_and_advantage .index_sec_partner .cnt .func_list .func_item { display: inline-block; min-width: 159px; text-align: center; padding: 15px; font-size: 14px; color: #666; border: 1px solid #e5e5e5; border-radius: 30px; }
.index_sec_partner_and_advantage .index_sec_partner .cnt .func_list .func_item .ico.ico_arr { display: inline-block; width: 6px; height: 10px; margin: 0 0 0 15px; background: url(../images/index_sec_partner_more_arr.png); }
.index_sec_partner_and_advantage .index_sec_partner .cnt .sec_border { height: 3px; border: none; background: url(../images/index_sec_partner_sec_border_bg.png); }
.index_sec_partner_and_advantage .index_sec_advantage { margin: 0 0 9px; }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .sec_title_main { margin: 42px 0 0; text-align: center; text-transform: uppercase; font: 700 40px 'Berlin Sans FB'; }
@media (max-width:400px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .sec_title_main {
 font-size: 24px;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .sec_title_sub { margin: -42px 0 0; text-align: center; font: 400 26px '方正综艺简体'; }
@media (max-width:400px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .sec_title_sub {
 font-size: 24px;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .sec_title_sub .line { display: inline-block; width: 16px; height: 2px; margin: 0 11px; vertical-align: middle; background: #333; }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .sec_title_sub .ico.ico_thunder { display: inline-block; width: 42px; height: 82px; margin: 0 -11px 0 -1px; vertical-align: bottom; background: url(../images/index_sec_advantage_ico_thunder.png); }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .sec_title_sub b { color: #ee551f; }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list { position: relative; margin: 47px 0 40px; height: 390px; }
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list {
 height: auto;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list {/* float:left; *//* width:705px; *//* width: 58.75%; */ margin: 0 495px 0 0; height: 100%; color: #fff; background: #032a4d; }
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list {
 margin: 0 0 0 0;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item { display: none; position: relative; height: 390px; }
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item {
 height: auto;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content { position: absolute; top: 50%; transform: translateY(-50%); }
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content {
 position: static;
 transform: none;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_num { display: block; margin: 10px 70px 0; color: #ee551f; font: 700 44px 'Berlin Sans FB'; }
@media (max-width:1180px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_num {
 margin: 30px 30px 0;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_title { display: block; margin: 8px 69px; font-size: 20px; font-weight: 700; color: #ee551f; }
@media (max-width: 1180px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_title {
 margin: 0 110px 0 30px;
}
}
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_title {
 margin: 10px 30px 20px;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_split { display: block; margin: 20px 70px; width: 24px; height: 2px; border: none; background: #355571; }
@media (max-width: 1180px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_split {
 margin: 10px 30px;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_description { margin: 35px 190px 10px 85px; font-size: 14px; line-height: 1.5; }
@media (max-width: 1180px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_description {
 margin: 20px 120px 10px 47px;
}
}
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_description {
 margin: 20px 20px 20px 47px;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_description ul { padding: 0; }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_description ul li { margin: 20px 0; }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .intro_list .intro_item .intro_content.on { display: block; }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .photo_list { position: absolute; bottom: -45px;/* left:606px; */ right: 114px; width: 390px; height: 390px; z-index: 1; overflow: hidden; border-radius: 100%; border: 45px solid #fff; background: white; }
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .photo_list {
 display: none;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .photo_list .photo_item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list { float: right; width: 216px; height: 100%; }
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list {
 float: none;
 width: auto;
 height: auto;
 margin: 10px 0;
 text-align: justify;
 font-size: 0;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .title_item { display: block; height: 90px; margin: 0 0 9px; text-align: right; color: #333; background: #ccc; overflow: hidden; cursor: pointer; }
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .title_item {
 display: inline-block;
 width: 24%;
 height: auto;
 font-size: 12px;
 vertical-align: top;
 text-align: left;
 margin: 0;
}
}
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .title_item {
 width: 49%;
 margin: 5px 0;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .title_item .title_symbol { display: none; font: 700 12px '宋体'; margin: 0 12px 0 0; vertical-align: middle; }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .title_item .title_num { margin: 8px 19px 0 108px; font: 700 30px 'Berlin Sans FB'; }
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .title_item .title_num {
 margin: 5px 20px;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .title_item .title_text { margin: 0 18px 5px 100px; }
@media (max-width: 950px) {
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .title_item .title_text {
 margin: 5px 20px 15px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
}
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .title_item.on { color: #fff; background: #032a4d; }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .title_item.on .title_symbol { display: inline-block; }
.index_sec_partner_and_advantage .index_sec_advantage .cnt .list .title_list .line_holder { display: inline-block; width: 100%; }
.index_sec_about { height: 700px; margin: 0; color: #fff; background: url(../images/index_sec_about_bg.jpg); overflow: hidden; }
@media (max-width:850px) {
.index_sec_about {
 height: auto;
 background: #0c3052;
}
}
.index_sec_about .cnt .sec_title_main { margin: 42px 0 0; text-align: center; text-transform: uppercase; font: 700 40px 'Berlin Sans FB'; }
@media (max-width: 400px) {
.index_sec_about .cnt .sec_title_main {
 font-size: 24px;
}
}
.index_sec_about .cnt .sec_title_sub { margin: 9px 0; text-align: center; font: 400 26px '方正综艺简体'; }
@media (max-width: 400px) {
.index_sec_about .cnt .sec_title_sub {
 font-size: 24px;
}
}
.index_sec_about .cnt .sec_title_sub .line { display: inline-block; width: 16px; height: 2px; margin: 0 11px; vertical-align: middle; background: #fff; }
.index_sec_about .cnt .illus { float: left; width: 365px; height: 297px; margin: 38px 0 0; transform-origin: left top; background: url(../images/index_sec_abount_illus_bg.png); }
@media (max-width: 850px) {
.index_sec_about .cnt .illus {
 float: none;
 margin: 0 auto;
 overflow: hidden;
}
}
.index_sec_about .cnt .illus .video { display: block; position: relative; margin: 14px auto; width: 344px;/* height:193px; */ background: black; }
.index_sec_about .cnt .illus .preview { width: 100%; height: 100%; }
.index_sec_about .cnt .illus .preview .pic.imgbox { display: block; width: 100%; height: 100%; }
.index_sec_about .cnt .illus .preview .pic.imgbox:before {/* content:""; *//* display: block; */ padding: 56.1046511627907% 0 0; }
.index_sec_about .cnt .illus .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/index_sec_about_illis_mask_bg.png); }
.index_sec_about .cnt .illus .mask .symbol { position: absolute; top: 39%; left: 49%; width: 35px; height: 35px; margin: 0 0 -17.5px -17.5px; text-align: center; line-height: 32px; border: 3px solid #fff; border-radius: 100%; }
.index_sec_about .cnt .illus .mask .symbol .ico.ico_link { display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url(../images/index_sec_abount_symbol_ico_link.png); }
.index_sec_about .cnt .intro { margin: 41px 0 25px 415px; font-size: 16px; line-height: 2; }
.imgbox img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); }
@media (max-width: 850px) {
.index_sec_about .cnt .intro {
 margin: 20px;
}
}
.index_sec_certificate { margin: -181px 0 0; }
@media (max-width: 1200px) {
.index_sec_certificate {
 margin: 0;
}
}
.index_sec_certificate .cnt .background.background_1 { margin: 0 -66px; background: url(../images/index_sec_certificate_border.png); overflow: hidden; }
@media (max-width: 1400px) {
.index_sec_certificate .cnt .background.background_1 {
 margin: 0 0;
}
/*.index_sec_certificate .cnt .background.background_1{margin: 0 0;background:none;}*/
}
.index_sec_certificate .cnt .background.background_1 .background.background_2 { margin: 15px 15px; background: #fff; overflow: hidden; }
@media (max-width: 1400px) {
.index_sec_certificate .cnt .background.background_1 .background.background_2 {
 margin: 15px;
 background: none;
 overflow: visible;
}
}
@media (max-width: 760px) {
.index_sec_certificate .cnt .background.background_1 .background.background_2 {
 margin: 15px 0;
}
}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt { margin-top: 50px; background: #f1f1f1; overflow: hidden; }
@media (max-width: 1400px) {
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt {
 margin: 0;
 padding: 00;
}
}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border { margin: 20px; border: 1px solid #fff; }
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_main { margin: 19px 0 10px; text-align: center; text-transform: uppercase; font: 700 40px 'Berlin Sans FB'; }
@media(max-width:400px) {
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_main {
 font-size: 24px;
}
}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_sub { text-align: center; font: 400 26px '方正综艺简体'; }
@media(max-width:400px) {
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_sub {
 font-size: 24px;
}
}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_sub .line { display: inline-block; width: 16px; height: 2px; margin: 0 11px; vertical-align: middle; background: #333; }
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_sub b { color: #ee551f; }
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list { margin: 13px 18px; font-size: 0; text-align: justify; }
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list .certificate_item { display: inline-block; position: relative;/* width:201px; */ width: 18.17359855334539%;/* height:231px; *//* margin:25px 10px; */ margin: 15px 0 1px; text-align: center; line-height: 231px; border: 1px solid #fff; }
.ccbd { width: 100%; margin: 0 auto; padding-bottom: 50px; padding-top: 25px; }
.tlxl { width: 33%; float: left; }
.tlxl img { width: 100%; text-align: center; height: 216px; }
.tlxc { width:33%; float: left; margin-left: 12px; }
.tlxr { width: 32.333%; float: right; }
.tlxc img { width: 100%; text-align: center; height: 216px; }
.tlxr img { width: 100%; text-align: center; height: 216px; }
.xwxxb { width: 100%; margin: 0 auto; }
.xwxxb li { line-height: 40px; border-bottom: 1px dashed #E1E1E1; width: 32%; overflow: hidden; float: left; margin-left: 1%; }
.xwxxb li span { float: right; padding-right: 0px; font-size: 14px; color: #333333; }
.xwxxb li a { color: #000; overflow: hidden; font-size: 14px; height: 40px; padding-left: 20px; background: url(../images/icon.jpg) no-repeat left center; float: left; display: block; overflow: hidden; }
.about_content { min-height: 80vh; padding: 36px 34px; font-size: 14px; line-height: 1.6; border: 1px solid #e5e5e5; background: white; }
.cbanner { width:100%; margin:0 auto; overflow:hidden; min-width:1200px; }
.cbanner img { width: 100%; margin: 0 auto; display: block; }
@media (max-width: 760px) {
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list .certificate_item {
 width: 49%;
 margin: 5px 0;
}
}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list .certificate_item:before { content: ""; display: block; padding: 114.9253731343284% 0 0; }
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list .certificate_item .imgbox.pic { display: block; position: absolute; top: 50%; left: 50%; width: 90%; height: 90%; transform: translate(-50%, -50%); }
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list .line_holder { display: inline-block; width: 100%; }
.index_sec_certificate .certificate_dialog { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; background: rgba(0, 0, 0, 0.8); }
.index_sec_certificate .certificate_dialog .dialog_wnd { position: absolute; top: 50%; left: 50%; max-width: 1200px; margin: 30vh auto 0; text-align: center; background: white; }
.index_sec_certificate .certificate_dialog .dialog_wnd .dialog_content { }
.index_sec_certificate .certificate_dialog .dialog_wnd .dialog_content img { display: inline-block; max-width: 100%; }
.index_sec_news .cnt .sec_title_main { margin: 22px 0 10px; text-align: center; text-transform: uppercase; font: 700 40px 'Berlin Sans FB'; }
@media(max-width:400px) {
.index_sec_news .cnt .sec_title_main {
 font-size: 24px;
}
}
.index_sec_news .cnt .sec_title_sub { margin: 10px 0; text-align: center; font: 400 26px '方正综艺简体'; }
@media(max-width:400px) {
.index_sec_news .cnt .sec_title_sub {
 font-size: 24px;
}
}
.index_sec_news .cnt .sec_title_sub .line { display: inline-block; width: 16px; height: 2px; margin: 0 11px; vertical-align: middle; background: #333; }
.index_sec_news .cnt .sec_title_sub b { color: #ee551f; }
.index_link { background-color: #ffffff; }
.index_link b { border:#032a4d solid 2px; border-radius: 50px; display: inline-block; margin-top: 20px; background-color: #fff; position: relative; line-height: 36px; }
.index_link b a { width: 120px; background-color: #032a4d; border-radius: 50px; color: #fff; text-align:center; line-height: 40px; position: absolute; top:-2px; left: -2px; }
.index_link b span { display: inline-block; margin-left: 120px; padding:0 12px 0 10px; font-size: 18px; color: #666; font-family: arial; }
.index_link ul { padding-bottom: 30px; }
.index_link ul li { display: inline-block; margin:5px 5px 0 5px; position: relative; }
.index_link ul li a { font-size: 15px; color: #777; }
.index_link ul li i { position: absolute; left: 0; bottom: -5px; width: 0; height: 1px; background-color: #032a4d;  transition:width .3s;
z-index: 2; }
.index_link ul li:hover i { width: 100%; }
.index_link ul li:hover a { color: #032a4d; }
@media (max-width: 720px) {
.header_sec_welcome {
 display: none;
}
}
@media (max-width: 650px) {
.header_sec_welcome {
 background: #f6f6f6;
 height: auto;
 padding: 1px 0;
 text-align: center;
}
}
.header_sec_welcome .cnt .contact_list { float: right; margin: 8px 0; }
@media (max-width: 650px) {
.header_sec_welcome .cnt .contact_list {
 float: none;
}
}
.header_sec_welcome .cnt .contact_list .contact_item { display: inline-block; }
.header_sec_welcome .cnt .contact_list .contact_item+.contact_item { border-left-color: 1px dotted #c8c8c8; }
.header_sec_welcome .cnt .contact_list .contact_item .ico.ico_qq { display: inline-block; width: 15px; height: 18px; margin: 0 9px 0 0; vertical-align: middle; background: url(../images/header_sec_welcome_ico_qq.png); }
.header_sec_welcome .cnt .contact_list .contact_split { display: inline-block; height: 11px; margin: 0 16px; border-left: 1px dotted #c9c9c9; }
.header_sec_welcome .cnt .welcome_title { display: block; padding: 8px 0; }
@media (max-width:830px) {
.header_sec_logo {
 text-align: center;
}
}
.header_sec_logo .navi_btn { display: none; float: right; position: relative; width: 60px; margin: 17px 10px 0 0; }
@media (max-width:830px) {
.header_sec_logo .navi_btn {
 display: block;
}
}
@media (max-width:500px) {
.header_sec_logo .navi_btn {
 width: 50px;
 margin: 5px 0;
}
}
.header_sec_logo .navi_btn .line { display: block; width: 60px; height: 6px; margin: 11px 0; background: #666; border-radius: 3px; }
@media (max-width:500px) {
.header_sec_logo .navi_btn .line {
 margin: 7px 0;
 width: 50px;
}
}
.header_sec_logo .cnt .contact { float: right; margin: 45px 0 10px; text-align: right; }
/*@media (max-width:830px){.header_sec_logo .cnt .contact{float:none;display: inline-block;margin: 30px 20px 0;}}*/
@media (max-width:830px) {
.header_sec_logo .cnt .contact {
 display: none;
}
}
.header_sec_logo .cnt .contact .symbol { float: right; padding: 6px 9px; border-radius: 3px; background: #ddd; }
.header_sec_logo .cnt .contact .symbol .ico.phone { display: inline-block; width: 23px; height: 24px; background: url(../images/header_sec_welcome_contact_phone.png); }
.header_sec_logo .cnt .contact .intro { margin: 0 54px 0 0; overflow: hidden; }
.header_sec_logo .cnt .contact .intro .title { margin: 0 0 -4px; color: #666; }
.header_sec_logo .cnt .contact .intro .num { font-size: 24px; color: #ee551f; }
.header_sec_logo .cnt .logo_list { display: inline-block; }
@media (max-width: 830px) {
.header_sec_logo .cnt .logo_list {
 display: block;
 margin: 0 0 0 10px;
 text-align: left;
}
}
.header_sec_logo .cnt .logo_list img { vertical-align: middle; }
@media (max-width: 830px) {
.header_sec_logo .cnt .logo_list img {
 max-width: 170px;
}
}
@media (max-width: 500px) {
.header_sec_logo .cnt .logo_list img {
 max-height: 40px;
}
}
.header_sec_logo .cnt .logo_list .logo_main { }
.header_sec_logo .cnt .logo_list .logo_split { display: inline-block; height: 44px; margin: 44px 28px 40px; vertical-align: middle; border-left: 1px solid #e5e5e5; }
@media (max-width:830px) {
.header_sec_logo .cnt .logo_list .logo_split {
 margin: 24px;
}
}
@media (max-width:540px) {
.header_sec_logo .cnt .logo_list .logo_split {
 margin: 24px 10px;
}
}
/*@media (max-width:610px){.header_sec_logo .cnt .logo_list .logo_split{margin:10px;}}*/
@media (max-width:530px) {
.header_sec_logo .cnt .logo_list .logo_split {
 opacity: 0;
 margin: 6px 0;
}
}
/*@media (max-width:400px){.header_sec_logo .cnt .logo_list .logo_split{display:none;}}*/
.header_sec_logo .cnt .logo_list .pic_sec { display: inline-block; vertical-align: middle; }
@media (max-width: 480px) {
.header_sec_logo .cnt .logo_list .pic_sec {
 display: none;
}
}
.header_sec_navi { color: #fff; background: #032a4d; }
@media (max-width: 910px) {
.header_sec_navi {
 position: fixed;
 top: 0;
 bottom: 0;
 right: -50%;
 z-index: 2;
 width: 50%;/*transform: translateX(100%);*/
 transition-duration: .5s;
 background: rgba(44, 44, 44, .95);
}
}
.header_sec_navi a { color: #fff; }
@media (max-width: 910px) {
.header_sec_navi .cnt {
 margin: 0;
 padding: 0;
}
}
.header_sec_navi .navi_btn { display: none; position: absolute; bottom: 10vh; left: 0; width: 45px; height: 45px; padding: 10px; transform: translateX(-100%); background: rgba(44, 44, 44, .95); }
@media (max-width: 910px) {
.header_sec_navi .navi_btn {/* display:block; */
}
}
.header_sec_navi .navi_btn .line { display: block;/* width: 80%; */ height: 6px; margin: 8px 0; border-radius: 3px; background: white; transform: translate(0, -50%); transform-origin: center center; }
.header_sec_navi .navi_btn .line.line_1 {/* transform: translate(-50%,-50%) rotate(45deg); */ }
.header_sec_navi .navi_btn .line.line_2 {/* transform: translate(-50%,-50%) rotate(-45deg); */ }
.header_sec_navi .cnt .navi_list { font-size: 0;/*	text-align: justify;*/
}
@media (max-width: 910px) {
.header_sec_navi .cnt .navi_list {
 display: block;
}
}
.header_sec_navi .cnt .navi_list .navi_item { display: inline-block; font-size: 18px; }
@media (max-width: 910px) {
.header_sec_navi .cnt .navi_list .navi_item {
 display: block;
}
}
.header_sec_navi .cnt .navi_list .navi_item .navi_item_title { display: block; padding: 16px 38px;  transition: all ease .3s;
}
.header_sec_navi .cnt .navi_list .navi_item.on .navi_item_title, .header_sec_navi .cnt .navi_list .navi_item:hover .navi_item_title { background: #ee551f; }
.header_sec_navi .cnt .navi_list .line_holder { display: inline-block; width: 100%; }
@media (max-width: 910px) {
.header_sec_navi.on {/*transform: translateX(0);*/
 right: 0;
}
}
.footer_sec_link { margin: 3px 0 0; padding: 1px 0 0; font-size: 14px; color: #666; background: #272727; }
@media (max-width:500px) {
.footer_sec_link {
 display: none;
}
}
.footer_sec_link a { color: #666; }
.footer_sec_link .cnt .link_title { float: left; margin: 8px 5px 0 0; }
.footer_sec_link .cnt .link_list { margin: 35px 0 35px 80px; }
.footer_sec_link .cnt .link_list .link_item { display: inline-block; margin: 5px 0; }
.footer_sec_link .cnt .link_list .link_split { display: inline-block; margin: 0 8px; }
.footer_sec_navi { color: #fff; background: #222; }
.footer_sec_navi a { color: white; }
.footer_sec_navi .cnt { overflow: hidden; }
.footer_sec_navi .cnt .navi_sec_list { min-height: 260px; margin: 24px 0 20px -10px; font-size: 0; text-align: justify; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_title { margin: 20px 0 26px; font-size: 20px; color: #fff; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec { float: right; width: 327px; margin: 0 0 0 119px; }
@media (max-width: 1040px) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec {
 margin: 0 0 0 30px;
}
}
@media (max-width: 920px) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec {
 display: block;
 float: none;
 width: auto;
 margin: 0 20px;
 overflow: hidden;
}
}
@media (max-width: 380px) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec {
 margin: 10px;
}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow { position: relative; float: right; margin: 9px 0 0; padding: 0 0 0 33px; }
@media (max-width: 380px) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow {
 padding: 0 0 0 20px;
}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .border { position: absolute; top: 0; bottom: 0; left: 0; border-left: 1px solid gray; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .border.border_1 { border-left-color: #181818; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .border.border_2 { border-left-color: #363636; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list { margin: 10px 0; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item { position: relative; margin: 17px 0; }
@media (max-width: 920px and min-width: 510px;
) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item {
display:inline-block;
margin:0 20px;
}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico { display: inline-block; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico.ico_qq { width: 18px; height: 20PX; background: url(../images/footer_sec_navi_contact_folloow_ico_qq.png); }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico.ico_wechat { width: 23px; height: 19PX; background: url(../images/footer_sec_navi_contact_folloow_ico_wechat.png); }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico.ico_weibo { width: 23px; height: 19PX; background: url(../images/footer_sec_navi_contact_folloow_ico_weibo.png); }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .barcode { display: none; position: absolute; bottom: 0; right: 30px; width: 150px; height: 150px; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item:hover .barcode { display: block; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone { margin: 28px 0 8px; }
@media (max-width: 920px) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone {
 display: inline-block;
 vertical-align: middle;
 margin: 0 20px 0 0;
}
}
@media (max-width: 380px) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone {
 display: block;
 margin: 0 70px 0 0;
}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .symbol { float: left; padding: 8px; background: #fff; border-radius: 3px; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .symbol .ico.ico_phone { display: inline-block; width: 24px; height: 24px; background: url(../images/footer_sec_contact_phone_ico_phone.png); }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .intro { margin: 0 0 0 50px; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .title { margin: 0 0; color: #666; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .value { font-size: 24px; }
@media (max-width: 380px) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .value {
 font-size: 18px;
}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_option_list { margin: 6px 0; font-size: 14px; line-height: 1.7; }
@media (max-width: 920px) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_option_list {
 display: inline-block;
 text-align: left;
 vertical-align: middle;
}
}
@media (max-width: 380px) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_option_list {
 display: block;
 font-size: 12px;
}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item { display: inline-block; font-size: 12px; margin: 0 10px; vertical-align: top; }
@media (max-width: 500px) {
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item {
 display: none;/*min-width: 38%;*/
}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_option_list { margin: 20px 0; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_option_list .navi_sec_option_item { margin: 8px 0; }
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_option_list .navi_sec_option_item a { color: #aaa; }
.footer_sec_navi .cnt .navi_sec_list .line_holder { display: inline-block; width: 100%; }
.footer_sec_copy { padding: 1px 0; color: #aaa; background: #222; text-align: center; }
.footer_sec_copy a { color: #aaa; }
.footer_sec_copy .cnt { border-top: 1px solid #393939; }
.footer_sec_copy .cnt .copy_intro { margin: 47px 0; font-size: 12px; }
.footer_sec_copy .support { display: inline-block; }
.pub_page_banner { position: relative; width: 100%;/* height:360px; */ overflow: hidden; }
.pub_page_banner .pc_banner { display: block; }
@media (max-width: 720px) {
.pub_page_banner .pc_banner {
 display: none;
}
}
.pub_page_banner .mobile_banner { display: none; }
@media (max-width: 720px) {
.pub_page_banner .mobile_banner {
 display: block;
}
}
.pub_page_banner .pic {/* position:absolute; *//* top:0; *//* left:50%; *//* width:1920px; *//* height:360px; *//* margin:0 0 0 -960px; */ }
.pub_page_banner .pic img { display: block; width: 100%; }
.pub_page_search { color: #666; background: #fff; border-bottom: 1px solid #e5e5e5; }
.pub_page_search a { color: #666; }
.pub_page_search .cnt { position: relative; max-width: 1100px; height: 54px; background: url(../images/pub_page_search_bg.gif);/* border:1px solid #e6e6e6; */ overflow: hidden; border-radius: 3px; }
@media (max-width: 670px) {
.pub_page_search .cnt {
 height: auto;
 background: white;
 border: none;
}
}
.pub_page_search .cnt .search { float: left; width: 310px; height: 34px; margin: 11px 10px; font-size: 0; }
@media (max-width: 650px) {
.pub_page_search .cnt .search {
 float: none;
 width: auto;
}
}
.pub_page_search .cnt .search .keywords { display: block; position: relative;/* width:239px; */ height: 32px; margin: 0 70px 0 0; vertical-align: middle; font-size: 12px; border: 1px solid #e6e6e6; border-right: none; border-radius: 3px 3px 0 0; }
.pub_page_search .cnt .search .keywords .ico.ico_glass { float: left; width: 12px; height: 12px; vertical-align: middle; margin: 10px 8px 0; background: url(../images/index_keywords_search_glass.png); }
.pub_page_search .cnt .search .keywords .text { display: block; margin: 0 0 0 30px; height: 27px; vertical-align: middle; }
.pub_page_search .cnt .search .keywords .text input { width: 100%; height: 100%; border: none; background: 0 0; outline: 0; }
.pub_page_search .cnt .search .btn { float: right; position: relative; height: 34px; padding: 0 23px; vertical-align: middle; font-size: 12px; line-height: 34px; color: #fff; background: #032a4d; border-radius: 0 5px 5px 0; }
.pub_page_search .cnt .search .btn input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.pub_page_search .cnt .hotword_list { display: block; margin: 19px 0 0 340px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
@media (max-width: 650px) {
.pub_page_search .cnt .hotword_list {
 display: none;
 margin: 10px;
}
}
.pub_page_search .cnt .hotword_list .hotword_title { font-weight: 700; }
.pub_page_search .cnt .hotword_list .hotword_item {/* display:inline-block; */ margin: 0 6px; }
/*.pub_page_side_main{background:url(../images/content_bg.png) no-repeat center 13px;}*/
.pub_page_side_main .cnt { overflow: hidden; }
.pub_page_side_main .cnt .pub_page_side { float: left; width: 260px; margin: 49px 0; }
@media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_side {
 float: none;
 width: auto;
 margin: 20px 0;
}
}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_title { color: #fff; text-align: center; background: #032a4d; border-radius: 3px 3px 0 0; overflow: hidden; }
@media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_side .pub_page_side_title {/* display: none; */
}
}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_main { margin: 25px 10px 5px; text-transform: uppercase; font: 700 20px 'Berlin Sans FB'; }
@media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_main {
 display: none;
}
}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_sub { margin: 5px 0 24px; font: 20px '方正综艺简体'; }
@media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_sub {
 margin: 10px;
}
}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_sub .arr { display: inline-block; margin: 0 0 0 10px; font: bold 20px '宋体'; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_title.on .title_sub .arr { transform: rotate(90deg); }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list { margin: 0 0 52px 0; text-align: center; }
@media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list {
 text-align: justify;
 margin: 0;
 font-size: 0;
}
}
@media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list:after {
 content: "";
 display: inline-block;
 width: 100%;
}
}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item { color: #333; font-size: 14px; background: #fff; border: 1px solid #e5e5e5;  transition: all ease .3s;
text-align: left; }
@media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item {
 display: inline-block;
 width: 48.5%;
 margin: 3px 0;
 font-size: 12px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item a { display: block; margin: 15px; text-overflow: ellipsis; overflow: hidden; }
@media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item a {
 margin: 10px;
}
}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item .ico.ico_arr { display: none; margin: 0 0 0 14px; font: 700 12px '宋体'; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item.on, .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item:hover { font-weight: 700; color: #fff; background: #ee551f; border-color: #ee551f; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item.on a, .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item:hover a { display: block; color: #fff; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item.on .ico.ico_arr, .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item:hover .ico.ico_arr { display: inline-block; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item+.menu_item { margin-top: -1px; }
@media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item+.menu_item {
 margin-top: 3px;
}
}
 @media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact {
 display: none;
}
}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_title { padding: 17px; text-align: center; font-size: 17px; color: #fff; background: #333; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro { padding: 1px 0 0; border: 1px solid #ccc; border-top: none; background: #fff; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content { margin: 10px 0; padding: 1px 0 0; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title { margin: 9px 24px 15px; overflow: hidden; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .symbol { float: left; width: 38px; height: 38px; text-align: center; line-height: 38px; border: 1px solid #082e50; border-radius: 100%; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .symbol .ico.ico_phone { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url(../images/pub_page_side_main_ico_phone.png); }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .title_main { margin: 6px 0 0 51px; font-size: 14px; color: #032a4d; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .title_sub { margin: 0 0 0 50px; text-transform: uppercase; color: #032a4d; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_phone { text-align: center; margin: 5px 10px; font-size: 18px; font-weight: 700; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_phone .main_phone { color: #ee551f; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_phone .sub_phone { color: #032a4d; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_method_list { margin:20px 25px; font-size: 14px; color: #666; }
.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_method_list .contact_method_item { display: block; margin: 14px 0; }
.pub_page_side_main .cnt .pub_page_main { float:right; width:920px; margin: 50px 0 50px 0; }
@media (max-width: 870px) {
.pub_page_side_main .cnt .pub_page_main {
 margin: 10px 0 30px;
}
}
.pub_page_side_main .cnt .pub_page_main .pub_page_title { padding: 1px 0; color: #fff; background: #032a4d; border-radius: 3px 3px 0 0; }
.pub_page_side_main .cnt .pub_page_main .pub_page_title .pub_page_bcnav { float: right; margin: 18px 22px; color: #a4abb5; }
@media (max-width: 800px) {
.pub_page_side_main .cnt .pub_page_main .pub_page_title .pub_page_bcnav {
 display: none;
 float: none;
 text-align: left;
}
}
.pub_page_side_main .cnt .pub_page_main .pub_page_title .pub_page_bcnav a { display: inline-block; color: #a4abb5; }
.pub_page_side_main .cnt .pub_page_main .pub_page_title .title_text {/* display: inline-block; */ margin: 15px 19px; font-size: 18px; }
@media (max-width: 800px) {
.pub_page_side_main .cnt .pub_page_main .pub_page_title .title_text {
 margin: 10px;
 font-size: 16px
}
}
.pub_turn_page { margin: 21px 0; font-size: 0; text-align: center; }
.pub_turn_page a, .pub_turn_page font, .pub_turn_page select { display: inline-block; margin: 5px; padding: 10px 14px; font-size: 14px; border: 1px solid #e3e3e3; border-radius: 5px; outline: 0; background: white; }
.pub_turn_page .page_item_current { color: #fff; background: #03294d; border-color: #03294d; }
.pub_turn_page select { min-width: 80px; }
#div_mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); }
#pop_info_tips { position: absolute; top: 0; left: 0; right: 0; max-width: 600px; margin: 30vh auto 0; background: white; background-clip: content-box; border: 7px solid rgba(0, 0, 0, .3); box-shadow: 0 0 20px rgba(0, 0, 0, .3); }
@media (max-width: 650px) {
#pop_info_tips {
 margin: 30vh 20px 0;
}
}
.page_func { position: fixed; right: 20px; bottom: 20px; width: 50px; }
.page_func .top { display: block; padding: 5px 10px; text-align: center; color: white; background: #032a4d; border-radius: 5px; }
.online_func { position: fixed; right: 20px; top: 50%; width: 100px; transform: translateY(-50%); z-index: 50; }
@media (max-width: 900px) {
.online_func {
 position: fixed;
 top: auto;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 transform: none;
}
}
.online_func .online_list { }
.online_func .online_list .online_item { display: block; position: relative; height: 98px; padding: 1px 0; color: #666; background: #f3f3f3; margin: 1px 0; text-align: center;  transition: all ease .4s
}
.online_func .online_list .online_item.online_phone { display: none; }
@media (max-width: 900px) {
.online_func .online_list .online_item.online_wechat {
 display: none;
}
}
@media (max-width: 900px) {
.online_func .online_list .online_item.online_phone {
 display: block;
}
}
@media (max-width: 900px) {
.online_func .online_list .online_item {
 float: left;
 width: 25%;
 margin: 0;
 height: 78px;
}
}
.online_func .online_list .online_item:hover { color: white; background: #355571; }
.online_func .online_list .online_item .online_symbol { display: block; margin: 20px 0 10px; }
@media (max-width: 900px) {
.online_func .online_list .online_item .online_symbol {
 height: 48px;
 margin: 7px 0 0;
}
}
.online_func .online_list .online_item .online_symbol .ico.ico_tencent { display: inline-block; width: 41px; height: 45px; background: url(../images/online_func_ico_tencent.png); }
.online_func .online_list .online_item .online_symbol .ico.ico_barcode { display: inline-block; width: 40px; height: 40px; background: url(../images/online_func_ico_barcode.png); }
.online_func .online_list .online_item .online_symbol .ico.ico_phone { display: inline-block; width: 40px; height: 40px; background: url(../images/online_func_ico_phone.png); }
.online_func .online_list .online_item .online_symbol .ico.ico_backtop { display: inline-block; width: 25px; height: 41px; background: url(../images/online_func_ico_backtop.png); }
.online_func .online_list .online_item .online_wnd { display: none; position: absolute; top: 50%; right: 100%; width: 160px; height: 160px; margin: -6px 7px -6px -6px; padding: 6px 15px 6px 6px; transform: translateY(-50%); background: url(../images/online_wnd_bg.png); }
@media (max-width: 900px) {
.online_func .online_list .online_item .online_wnd {
 top: auto;
 bottom: 100%;
 right: 50%;
 margin: 0 0 10px 0;
 padding: 0;
 transform: translate(50%, 0);
 background: white;
 box-shadow: 0 0 7px rgba(115, 115, 115, .72);
}
}
.online_func .online_list .online_item .online_wnd .online_wnd_content { text-align: center; line-height: 160px; }
.online_func .online_list .online_item .online_wnd .online_wnd_content .barcode_img { vertical-align: middle; }
.online_func .online_list .online_item:hover .online_wnd { display: block; }
.online_func .online_list .online_item:hover .online_symbol .ico.ico_barcode { background: url(../images/online_func_ico_barcode_on.png); }
.online_func .online_list .online_item:hover .online_symbol .ico.ico_phone { background: url(../images/online_func_ico_phone_on.png); }
.online_func .online_list .online_item:hover .online_symbol .ico.ico_backtop { background: url(../images/online_func_ico_backtop_on.png); }
.online_page_holder { display: none; }
@media(max-width:500px) {
.online_page_holder {
 display: block;
}
}