
body{ font-family: Helvetica,arial,'微软雅黑'; font-size: 14px; color: #000; line-height: 26px;  background-color: #000; padding: 0; margin: 0; background: url('../images/bg_diwen.png'); background-repeat: repeat-x;}
img{display: block; border: none;font-size: 0; padding:0; margin: 0;}
/**{padding: 0; margin: 0;}
*/.fl{ float: left; }
.fr{ float: right; }
.construct{ width: 100%; height: auto; position: relative;}
.container{ width: 1100px; height: auto; position: relative; margin: 0 auto;}
.clear{clear: both;}
a{ text-decoration: none; }
/*****************layout*******************************/
.nav_qr{ width: 25px; height: 25px; background: url('../images/QR_s.jpg') no-repeat; position: absolute; bottom: 10px; right: 5px;cursor: pointer;}
.nav_qr_container{ position: relative; width: 100%; height: 150%;}
.nav_qr img{ position: absolute; top: 35px; right: 0; width: auto;height: auto; display: none; box-shadow: 0 0 25px -5px #000; -webkit-box-shadow: 0 0 25px -5px #000; -moz-box-shadow: 0 0 25px -5px #000; -ms-box-shadow: 0 0 25px -5px #000; -o-box-shadow: 0 0 25px -5px #000;}
/*****************************************************/

/**********************index*********************/
.index_top{ height: 22px; background-color: #000000;}
.index_top_text,.index_top_search,.index_top_login{ font-family: Helvetica,arial,'微软雅黑'; font-size: 12px; color: #f5f5f5; float: right; line-height: 22px;}
.index_top_text{margin-right: 10px;}
.index_top_search{width: 90px; height: 17px; line-height: 17px; margin: 2px 8px 0 0; border-radius: 8px; background-color: #222429;}
.index_top_search img{   outline-style: none; float: left; margin: 3px 0 0 5px;}
.index_top_search input{  float: left; width: 60px; height: 13px; background-color: transparent;border: none;outline: none; margin-left: 5px;}
.index_top_login{margin-right:33px; }
.index_top_login a{ color: #f5f5f5; cursor: pointer; }
.index_top_login img{ float: left; margin: 5px 4px 0 0;}
.index_header{ height: 82px; background-color: #242529;position: relative; z-index: 20;}
.index_header_logo{position: absolute; top: 20px; left: 25px;}
.index_header_nav{float: right; margin-top: 32px; margin-right: 120px;}
.index_header_nav ul{margin-bottom: 0;}
#index_nav_floatline{ border-bottom: #2888ff 3px solid; height: 0; width: 60px; position: absolute; bottom: 0; display: none;}
/*.index_header_nav ul */.index_nav_text{ float: left; list-style: none; font-family: Helvetica,arial,'微软雅黑'; font-size: 16px; color: #b3b3b3; margin-left: 55px; padding-bottom: 7px; border-bottom:transparent 3px solid; cursor: pointer;}
.index_nav_text a{ color: #b3b3b3; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s;}
.index_nav_text a:hover{ color: #fff; }
.index_nav_text_checked{border-bottom: #2888ff 3px solid;}
.index_nav_text_checked a{ color: #fff; }
.index_nav_fi{ padding: 0 15px 7px 15px;}
.index_header_nav ul .index_nav_img{float: left; list-style: none; font-family: Helvetica,arial,'微软雅黑'; font-size: 16px; color: #b3b3b3; height: 31px; line-height: 31px;}
.index_nav_img img{ margin: 4px 0 0 15px;}
.index_banner{position: relative; z-index: 10;}
.index_banner_img{width: 1100px; height: 386px; overflow: hidden;position: relative; }
.index_banner_images{width: 1100px; height: 396px; position: absolute; background-size: cover; overflow: hidden;}
#index_banner_img1{ background: url('../images/banner1.jpg');}
#index_banner_img2{ background: url('../images/banner2.jpg');}
#index_banner_img3{ background: url('../images/banner3.jpg');}
#index_banner_img4{ background: url('../images/banner4.jpg');}
.index_banner_point{ width: 1100px; height: 58px; position: relative; background-color: #114461;}
.index_banner_triangle{ position: absolute; left: 0; top:-56px; width: 92px; height: 113px; z-index: 30; }
.index_banner_triangle_img{ width: 92px; height: 113px; position: absolute; background-size: cover; display: none;}
#index_banner_triangle_img1{background: url('../images/index6_03.png'); display: block;}
#index_banner_triangle_img2{background: url('../images/index2_03.png');}
#index_banner_triangle_img3{background: url('../images/index2_03.png');}
#index_banner_triangle_img4{background: url('../images/index5_03.png');}
.index_banner_point_QR{ width: 70px; height: 58px; float: right; background-color: #b3b3b3; position: relative; z-index: 40;}
.index_banner_point_QR img{width: 40px; height: 40px; position: absolute; bottom: 9px; right: 14px; cursor: pointer;}
.index_banner_point_button{width: 104px; height: 3px; position: absolute; left: 498px; top: 29px;}
.index_banner_point_button_single{width: 20px; height: 3px; margin: 0 3px; background-color: #205474; float: left;}
#index_banner_point_button_single_fi{background-color: #fff;}
.index_cutoffline1{margin-top: 48px; border-top: #b0b5b8 1px solid;}
.index_cutoffline1_part1{width: 65px; height: 4px; background-color: #2888ff; margin: 0 auto;}
.index_cutoffline1 img{ margin: 10px auto 13px;}
.index_plate1{position: relative;}
.index_plate1_left{float: left; width: 550px; height: auto;}
.index_plate1_right{float: left; width: 550px; height: auto;}
.index_plate1_left_1{ height: 345px; width: 550px; background: url('../images/index1_07.jpg'); background-size: cover;}
.index_plate1_left_1_img{ height: 345px; width: 550px; background: url('../images/index_25.jpg'); background-size: cover;position: absolute; z-index: 0; cursor: pointer;}
.index_plate1_left_2{ height: 344px; width: 550px; background: url('../images/index1_12.jpg'); background-size: cover;}
.index_plate1_left_2_img{height: 344px; width: 550px; background: url('../images/index_29.jpg'); background-size: cover; position: absolute; z-index: 0; cursor: pointer;}
.index_plate1_right_1{float: left; width: 275px; height: 187px; background: url('../images/index1_08.jpg'); background-size: cover; cursor: pointer;}
.index_plate1_right_1_img{ float: left; width: 275px; height: 187px; background: url('../images/index_26.jpg'); background-size: cover; position: absolute;z-index: 0;}
.index_plate1_right_2{float: left; width: 275px; height: 187px; background: url('../images/index1_09.jpg'); background-size: cover;}
.index_plate1_right_2_img{float: left; width: 275px; height: 187px; background: url('../images/index_27.jpg'); background-size: cover; position:absolute; z-index: 0; cursor: pointer;}
.index_plate1_right_3{float: left; width: 550px; height: 502px; background: url('../images/index1_11.jpg'); background-size: cover; position: relative; cursor: pointer;}
.index_plate1_right_3_ask{background: url('../images/index3_01.png'); position: absolute; width: 83px; height: 97px; top: -49px; right: 0; cursor: pointer;}
.index_cutoffline2{margin-top: 48px; border-top: #b0b5b8 1px solid;}
.index_cutoffline2 img{ margin: 10px auto 16px;}
.index_family_plate{ width: 349px; height: 392px; background-color: #ececec; margin-left: 20px; float: left; cursor: pointer;}
.index_family_plate_fi{ margin-left: 7px;}
.index_family_plate_img{ width: 349px; height: 229px; overflow: hidden; position: relative;}
.index_family_plate_img img{ width: 349px; height: 229px; position: absolute;}
.index_family_plate_content1{ font-family: Helvetica,arial,'微软雅黑'; font-size: 16px; color: black; margin: 30px 0 0 30px;}
.index_family_plate_content2{ font-family: Helvetica,arial,'微软雅黑'; font-size: 14px; margin: 23px 0 0 30px;}
.index_family_plate_content3{font-family: Helvetica,arial,'微软雅黑'; font-size: 12.5px; margin: 9px 0 0 30px;}
.index_family_plate_content_1{color: #1170c4; width: 64px; position: relative; display: inline-block;}
.index_family_plate_content_1:after{ content: ''; width: 0; height: 0; padding: 0; font-size: 0; border-top: transparent 6px solid; border-bottom: transparent 6px solid; border-left: #24aae1 6px solid; border-right: transparent 6px solid; left: 64px; top: 5px;position: absolute;}
.index_family_plate_content_2{ font-family: Helvetica,arial,'微软雅黑'; font-size: 14px; color: black; margin-left: 25px;}
/*#index_family_plate_img1{ background: url('../images/index_36.jpg');}
#index_family_plate_img2{ background: url('../images/index_38.jpg');}
#index_family_plate_img3{ background: url('../images/index_40.jpg');}*/
.index_idea{margin-top: 19px;}
.index_idea_idea{float: left; width: 550px; height: 303px; background: url('../images/index_45.jpg'); cursor: pointer;}
.index_idea_mall{float: left; width: 550px; height: 303px; background: url('../images/index_46.jpg'); cursor: pointer;}
.index_honor{margin: 48px auto 39px auto ; width: 1100px; height: 138px; background: url('../images/index3_02.png');}
.index_footer{background-color:#242529; }
.index_footer_back{ width: 127px; font-size: 12px; font-family: Helvetica,arial,'微软雅黑'; padding: 27px 0 15px 0; border-top: #2888ff 4px solid; color: #fff; float: right; cursor: pointer;}
.index_footer_back img{ float: left;margin-top: 5px;}
.index_footer_bottom{border-top: #535456 1px solid; border-bottom: #535456 1px solid;}
.index_footer_bottom_menu{margin-top: 40px; padding-bottom: 40px; float: left;}
#index_footer_bottom_menu_list_fi{margin-left: 54px;}
.index_footer_bottom_menu_list{margin-left: 90px;}
.index_footer_bottom_menu_list{font-family: Helvetica,arial,'微软雅黑'; font-size:17px; float: left; color: #fff;}
.index_footer_bottom_menu_list ul{padding-left: 0; margin-bottom: 0;}
.index_footer_bottom_menu_list ul li{ list-style: none; color: #c3c3c3; font-weight: lighter; cursor: pointer;}
.index_footer_bottom_menu_list ul li a{ color: #FFF;}
.index_footer_bottom_menu_list ul li a:hover{ text-decoration: underline;}
.index_footer_bottom_QR{ float: right; margin: 40px 36px 40px 0; width: 146px; height: 146px; background: url('../images/QR.jpg'); background-size: cover;}
.index_footer_copyright{ color:#9d9d9d; text-align: right; font-size: 12px; font-family: Helvetica,arial,'微软雅黑'; padding: 13px 0 46px 0;}
.index_plate1_left_1,.index_plate1_right_1,.index_plate1_left_2{overflow: hidden;}
.index_plate1_left_1_text1{ font-family: Helvetica,arial,'微软雅黑';font-weight: lighter; font-size: 24px; color: #fff; margin: 30px 0 0 26px; position: relative; z-index: 1;}
.index_plate1_left_1_text2{font-size: 40px; font-family: Helvetica,arial,'微软雅黑'; color: #fff; font-weight: bold; text-align: right; margin: 150px 37px 17px 0; position: relative; z-index: 1;}
.index_plate1_left_1_text3{ font-size: 15px; font-family: Helvetica,arial,'微软雅黑'; font-weight: lighter; color: #fff; text-align: right; margin-right: 37px; position: relative; z-index: 1;}
.index_plate1_left_2_text1{font-family: Helvetica,arial,'微软雅黑'; font-weight: lighter; font-size: 24px; color: #fff; margin: 30px 0 0 26px; position: relative; z-index: 1;}
.index_plate1_left_2_text3{ font-size: 15px; font-family:  Helvetica,arial,'微软雅黑'; font-weight: lighter; color: #fff; text-align: right; margin:240px 37px 0 0; position: relative; z-index: 1;}
.index_plate1_right_1_text1{font-family: Helvetica,arial,'微软雅黑'; font-weight: lighter; font-size: 24px; color: #fff; margin: 30px 0 0 23px; position: relative; z-index: 1;}
.index_plate1_right_1_text2{font-family: Helvetica,arial,'微软雅黑'; font-weight: lighter; font-size: 15px; color: #fff; margin: 74px 0 0 23px; position: relative; z-index: 1;}
.index_banner_plate{ position: relative; margin: 141px 0 0 575px; width: auto; height: auto; display: none;}
.index_banner_plate1_content1{font-family: Helvetica,arial,'微软雅黑';  font-size: 29px; color: white;}
.index_banner_plate1_content1 span{font-weight: bold;}
.index_banner_plate1_content2{font-family: Helvetica,arial,'微软雅黑';font-size: 16px; color: white; font-weight: lighter; margin-top:30px; }
.index_banner_plate2_content1{font-family: Helvetica,arial,'微软雅黑';  font-size: 29px; color: #0057a8; font-weight: bold;}
#index1{color: white; font-weight: normal;}
#index2{color: #ff0000; font-weight: normal;}
.index_banner_plate2_content1 span{font-weight: bold;}
.index_banner_plate2_content2{font-family: Helvetica,arial,'微软雅黑';font-size: 16px; color: white; font-weight: lighter; margin-top:30px; margin-left: 116px; }
.index_banner_plate3_content1{font-family: Helvetica,arial,'微软雅黑';  font-size: 29px; color: white;}
.index_banner_plate3_content1 span{font-weight: bold;}
.index_banner_plate3_content2{font-family: Helvetica,arial,'微软雅黑'; font-size: 16px; color: white; font-weight: lighter; margin-top:30px; }
.index_banner_plate4_content1{ font-family: Helvetica,arial,'微软雅黑'; font-size: 29px; color: white;}
.index_banner_plate4_content2{ font-family: Helvetica,arial,'微软雅黑'; font-size: 16px; color:white; margin-top: 30px;}
#index_news{ height: 196px; background: #fff url('../images/index-news.jpg') no-repeat; background-size: contain;background-position: right top; overflow: hidden;}
.index_news_title{ width: 687px; margin: 27px 0 0 32px; font-size: 24px; color: #000; padding-bottom: 15px; border-bottom: #d1d1d1 1px solid; }
.index_news_content{ width: 687px; height: auto; margin:0px 0 0 32px; }
.index_news_list{ height: 31px; line-height: 31px; width: 100%; border-bottom: #d1d1d1 1px solid; font-size: 14px; color: #000; font-weight: lighter; cursor: pointer;}
.index_news_list span{ color:#00a3d8; margin-left: 230px;}
.index_news_list span a{ color: #00a3d8; }


/*********************************product******************************/
#pro_cover{ height: 330px; background: url('../images/pro_cover.jpg') no-repeat; background-size: cover; position: relative;}
#tag{ width: 1091px; height: 87px; position: absolute; bottom: 0;left: 9px;}
.tag{ float: left; color: #000; margin-left: 4px; font-size: 18px; height: 87px; width: 263px; text-align: center; line-height: 87px; cursor: pointer; background: url('../images/pro_tag_bg1.png') no-repeat; background-size: cover; }
.tag_checked{ background: url('../images/pro_tag_bg2.png') no-repeat; background-size: cover; color: #2888ff;   }
.pro_content{ position: relative; background-color: #fff; overflow:hidden; }
#pro_content1{ width: 100%; height: auto;  overflow: hidden;}
#pro_content1_plate1{margin-top: 36px; background-color: #ececec;}
#pro_content1_plate2{ margin-top: 25px; background-color: #ececec; }
.pro_content_plate_container{ width: 1077px; height: auto;  margin: 0 auto; overflow: hidden; }
.pro_plate_title{width: 100%; display: inline-block; font-size: 18px; text-align: center; padding:30px 0 35px 0; }
.pro_plate_product{ width: 100%; height: auto; }
.pro_plate_product img { width: 325px; height: 187px; margin: 0 13px 9px 0; float: left; transition: box-shadow 0.5s; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -ms-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s;}
.pro_plate_product img:hover{ box-shadow: #cecece 0 0 25px -0px; -webkit-box-shadow: #cecece 0 0 25px -0px; -moz-box-shadow: #cecece 0 0 25px -0px; -ms-box-shadow: #cecece 0 0 25px -0px; -o-box-shadow: #cecece 0 0 25px -0px; }
.pro_plate_intro{ width: 100%; height: auto; padding-bottom: 20px;}
.pro_plate_introl{ width: 663px; height: 247px; float: left; border:#dadada 1px solid; background-color: #fff;}
.pro_plate_intror{ width: 410px; height: 247px; float: left; border:#32aac2 1px solid; background-color: #00b5d8;  }
.pro_plate_intro_titlel{ width: 589px; margin: 0 auto; padding: 22px 0 34px 0; font-size: 18px; color: #000; border-bottom: #d5d5d5 1px solid; }
.pro_plate_intro_contentl{ width: 589px; margin: 0 auto; padding: 5px 0 5px 0; font-size: 12px; color: #000; border-bottom: #d5d5d5 1px solid; font-weight: lighter;}
.pro_plate_intro_contentl span{ color: #00b5d8; float: right; width: 295px;}
.pro_plate_intro_titler{ width: 352px; margin: 0 auto; padding: 22px 0 34px 0; font-size: 18px; color: #fdfdfd; border-bottom: #65d2e7 1px solid;}
.pro_plate_intro_contentr{width: 352px; margin: 0 auto; padding: 5px 0 5px 0; font-size: 12px; color: #fdfdfd; border-bottom: #65d2e7 1px solid; font-weight: lighter;}
#pro_content2{ background:#ececec; padding-bottom: 31px; margin-top: 36px;}
.pro_content2_plate_container{ width: 100%;height: 100%; position: relative; top: 0; left: 0; overflow: hidden;}
.pro_content2_plate_container .pro_content2_plate_title{ margin: 28px 0 0 32px; }
.pro_content2_plate1{ width: 1077px; height: 681px; background: url('../images/pro_content2_plate1.jpg') no-repeat; background-size: cover; margin: 30px auto 0 auto; position: relative;}
.pro_content2_plate2{ width: 1077px; height: 509px; background: url('../images/pro_content2_plate2.jpg') no-repeat; background-size: cover; margin: 30px auto 0 auto; position: relative;}
.pro_content2_plate3{ width: 1077px; height: 765px; background: url('../images/pro_content2_plate3.jpg') no-repeat; background-size: cover; margin: 30px auto 0 auto; position: relative;}
.pro_content2_content{ width: 300px; height: auto; position: absolute; }
.pro_content2_p{ margin-top: 20px; font-size: 12px; font-weight: lighter; color: #fff; text-indent: 2em; line-height: 15px;}
#pro_content2_content1{ width: 580px; left: 25px; top: 244px; }
#pro_content2_content2{ left: 385px; top: 472px; }
#pro_content2_content2 .pro_content2_p{color: #000; }
#pro_content2_content3{ left: 25px; top: 43px; }
#pro_content2_content4{ left: 25px; top: 300px; }
#pro_content2_content5{ left: 388px; top: 297px; }
#pro_content2_content5 .pro_content2_p{color: #3d3d3d;}
#pro_content2_content6{ left: 746px; top: 45px; }
#pro_content2_content7{ left: 382px; top: 298px; }
#pro_content2_content8{ left: 383px; top: 552px; }
#pro_content2_content9{ left: 739px; top: 552px; }
/**********************************************************************/

/**********************************about*******************************/
#about_cover{ height: 330px; background: url('../images/about_cover.jpg') no-repeat; background-size: cover; position: relative; }
.about_content{ position: relative; margin-top: 36px; background: #ececec; height: auto; padding-bottom: 55px; transition: height 0.5s; }
#about_content1,#about_content2,#about_content3{ overflow: hidden; }
#about_content1 .about_content1_p,#about_content2 .about_content2_p{ width: 860px; height: auto; margin: 39px 0 0 39px; font-size: 12px; color: #000;}
#about_content2_list{ width: 1074px; height: 210px; margin: 28px auto 0 auto; background-color: #fff; border: #dcdcdc 1px solid; }
.about_content2_list{ width: 1012px; height: 28px;  margin:0 auto; border-bottom: #d5d5d5 1px solid; line-height: 28px; font-size: 12px; color:#000;}
.about_content2_list span{ font-size: 12px; color: #00b5d8; margin-left: 215px; }
#aboutNewsList{ width: 100%; height: auto; margin: 16px 0 19px 0;}
.aboutNewsList{ width: 1075px; height: 88px; background: #fff; border: #dadada 1px solid; margin: 6px auto 0; overflow: hidden; cursor: pointer; transition: background 0.5s; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -ms-transition: background 0.5s; -o-transition: background 0.5s;  }
.aboutNewsList:hover{ background: #ececec; }
.aboutNewsListContainer{ width: 1000px; height: 46px; margin: 21px auto 0; }
.aboutNewsListLeft{ width: 520px; border-right: #dadada 1px solid; height: 52px; overflow: hidden;}
.aboutNewsListRight{ width: 450px;  height: 46px; color: #5c5c5c; line-height: 20px; }
.aboutNewsListTitle{ width: 100%; height: auto; font-family: '微软雅黑'; font-size: 18px; color: #000; margin-bottom: 5px; }
.aboutNewsListTime,.aboutNewsListAuthor{ font-size: 14px; font-family: '微软雅黑'; color: #000; width: 90px;}
.aboutNewsListTime{  border-right: #dadada 1px solid; }
.aboutNewsListAuthor{ text-indent: 5px; }
#aboutNewsButton{ width: 1075px; height: 31px; margin: 18px auto 0; overflow: hidden; position: relative; }
.aboutNewsBtnL{ width: 45px; height: 31px; margin-left: 4px; border-left: #787878 2px solid; background: #2888ff url('../images/aboutNewsButtonL.jpg') no-repeat; background-position: center center; cursor: pointer;}
.aboutNewsBtnR{ width: 45px; height: 31px; margin-left: 4px; border-right: #787878 2px solid; background: #2888ff url('../images/aboutNewsButtonR.jpg') no-repeat; background-position: center center; cursor: pointer;}
.aboutNewsPageNum{ width: 43px; height: 29px; background: #fff; border: #dcdcdc 1px solid; display: inline-block; text-align: center; line-height: 29px; font-size: 12px; font-family: '微软雅黑'; margin-left: 4px; cursor: pointer; position: relative; transition: background 0.5s,color 0.5s; -webkit-transition: background 0.5s,color 0.5s; -moz-transition: background 0.5s,color 0.5s; -ms-transition: background 0.5s,color 0.5s; -o-transition: background 0.5s,color 0.5s; }
.aboutNewsPageNumChecked,.aboutNewsPageNum:hover{ background: #5c5c5c ; color: #fff; }
#aboutNewsDetail{width: 100%; height: auto; overflow: hidden;  }
.aboutNewsBack{display: none; width: 206px; height: 31px; background: url('../images/aboutNewsBack.jpg') no-repeat; margin: 16px 0 0 12px; cursor: pointer; }
#aboutNewsContent{display: none; width: 1073px; margin: 8px auto 0; border:#dadada 1px solid; background: #fff; overflow: hidden; }
.aboutNewsContentHeader{ width: 1012px; height: 40px; margin:20px auto 0; border-bottom: #dadada 1px solid; }
.aboutNewsContentTitle{ font-size: 18px; font-family: '微软雅黑'; }
.aboutNewsContentTime{ width: 80px; border-right: #dadada 1px solid; margin-top: 10px; }
.aboutNewsContentAuthor{ padding-left: 10px; margin-top: 10px;}
.aboutNewsContentDetail{ width: 1012px; margin: 8px auto 0; padding-bottom: 50px; }
.aboutNewsContentDetail p{ text-indent: 2em; }
.aboutNewsContentDetail h2{ font-size: 12px; }
#aboutNewsLoading{ width: 100%; height: 400px; overflow: hidden; display: none;}
#aboutNewsLoading img { display: block; margin: 100px auto 0; }
/**********************************************************************/
/**************************************mall*********************************/
#mall_cover{ background: url('../images/mall_cover.jpg') no-repeat; height: 330px; background-size: cover; position: relative; }
.mall_content{ position: relative; margin-top: 36px; background: #ececec; height: auto; padding-bottom: 55px; }
#mall_content1,#mall_content2{ overflow: hidden; }
#mall_content2{ display: none; }
#mall_content1_p1{ width: 1075px; height: 242px; margin: 18px auto 0 auto; background: #1fb374 /*url('../images/mall_c1_p1.jpg') no-repeat*/; background-size: contain; background-position: top right; overflow: hidden; position: relative;}
#mall_content1_p1_title{ width: 192px; height: 52px; background: url('../images/mall_c1_title.jpg') no-repeat; background-size: cover; margin: 30px 0 0 35px; }
#mall_content1_p1_content{display:none;width: 426px; border-top: #78d1ab 1px solid; color: #fdfdfd; background: url('../images/mall_c1_arrow.jpg') no-repeat; background-position: right center; margin: 120px 0 0 35px; height: 30px; line-height: 30px; cursor: pointer;}
.mall_content1_link1{ position: absolute; top: 0;right: 0; width: 584px; height: 242px; cursor: pointer; }
#mall_content2_p1{ width: 1060px; height: 120px; background:url('../images/mall_p2_bg1.png') no-repeat; background-size: cover; margin: 20px auto 0 auto;}
#mall_content2_p2{ width: 1060px; height: 616px; background: #fff url('../images/mall_map.png') no-repeat; background-size: cover; margin: 0 auto; }
#mall_content2_p3{ width: 1060px; height: 150px; margin: 30px auto 0 auto; background: url('../images/mall_shop.jpg') no-repeat; background-size: contain; background-position: 0 0; }
/***************************************************************************/

/***********************************body***********************************/
#body_cover{ height: 330px; background: url('../images/body_cover.jpg') no-repeat; background-size: cover; position: relative; }
.body_content{ position: relative; margin-top: 36px; background: #ececec; height: auto; transition: height 0.5s; overflow: hidden;}
#body_content1,#body_content2,#body_content3,#body_content4{ overflow: hidden; }
#body_content1{ width: 100%; /*border: #d28272 1px solid;*/  display: block;}
#body_content1_container1{ width: 1075px; background-color: #f3785f; height: auto;margin:19px auto 0 auto; border: #d28272 1px solid; }
#body_content1_p1{ background: url('../images/body_p1_c1.png') no-repeat; background-size: cover; margin:45px auto 0 auto; width: 1013px; height:561px; border-bottom: #f8ae9f 1px solid; }
#body_content1_p2{ background: url('../images/body_p1_c2.png') no-repeat; background-size: cover; margin:45px auto 0 auto; width: 1013px; height:559px; border-bottom: #f8ae9f 1px solid; }
#body_content1_p3{ background: url('../images/body_p1_c3.png') no-repeat; background-size: cover; margin:45px auto 0 auto; width: 1013px; height:747px; border-bottom: #f8ae9f 1px solid; }
#body_content1_p4{ background: url('../images/body_p1_c4.png') no-repeat; background-size: cover; margin:45px auto 0 auto; width: 1013px; height:454px; border-bottom: #f8ae9f 1px solid; }
#body_content1_p5{ background: url('../images/body_p1_c5.png') no-repeat; background-size: contain; margin:45px auto 0 auto; width: 1012px; height:451px; }
#body_content1_p6{ background: url('../images/body_p1_c6.jpg') no-repeat; background-size: cover; margin: 0 auto 20px; width: 1075px; height: 379px; }

#body_content2{ width: 100%;  display: none; }
#body_content2_container1{ width: 1075px; margin:19px auto 0 auto; overflow: hidden; padding-bottom: 25px;}
#body_content2_container2{ width: 1075px; margin:19px auto 0 auto; overflow: hidden;}
#body_content2_container1_p1{ margin:0 0 5px 0; font-size: 12px; text-indent: 2em; display: block; background: #fff; border: #dcdcdc 1px solid; overflow: hidden;}
#body_content2_container1_p1 span{ font-size: 18px; margin: 20px 0 30px 0; display: block;}
#body_content2_container1_p1 p{ width: 1015px; margin: 0 auto; padding-bottom: 20px; }
#body_content2_container1_p2{ width: 100%; margin: 0 auto;  }
.body_content2_container1_p2{ width: 535px; height: 183px; float: left; font-size: 12px; color: #fdfdfd; }
.body_content2_container1_p2_title{ font-family:'BreuerText'; font-size:29px; line-height: 40px; display: inline-block; width: 471px; border-bottom: #cbdce0 1px solid; margin: 5px auto 10px 32px;}
.body_content2_container1_p2_content{display: inline-block; width: 471px; margin:0 0 0 32px; line-height: 15px;text-indent: 2em;}
#body_content2_container1_p2_c1{ background: #aac6cc; border: #a3b5b9 1px solid;}
#body_content2_container1_p2_c2{ background: #6f96aa; border: #7c96a3 1px solid;}
#body_content2_container1_p2_c3{ background: #00b5d8; border: #32aac2 1px solid;}
#body_content2_container1_p2_c4{ background: #405b95; border: #5e6f95 1px solid;}
#tag_sec{ width: 100%; height: 60px; background: #fff; }
#test_title{font-weight: lighter; font-size: 18px; margin:42px 0 0 46px;  }
#test{ width: 1074px; height: 240px; margin: 25px auto; background: #f3785f; overflow: hidden; position: relative; }
#test_cover{ display:block; cursor: pointer; width: 1074px; height: 240px; background: url('../images/test_cover.jpg') no-repeat; background-size: auto; background-position: center center; }
#test_ques{ overflow: hidden; display: none; width: 1074px; height: 240px; position: absolute; top: 0; left: 0;}
#test_wait{ width: 160px; height: 160px; margin: 40px auto; position: relative; display: none }
#test_wait_title{ position: absolute; top: 60px; left: 5px; width: 90%; }
#test_result{display: none; width: 100%; height: 1074px; background: #f3785f url('../images/test_score_bg.jpg') no-repeat; background-size: auto; background-position: right top; overflow: hidden; position: relative;}
#test_result_title{ color: #fdfdfd; font-size: 14px; font-weight: bold; margin: 28px 0 0 28px;}
#test_result_tip{  margin: 20px 0 0 28px; font-size: 12px; }
#test_result_score{ font-size: 30px; color: #000; position: absolute; top: 55px; right: 40px; }
#test_result_score span{ font-size: 137px; color: #f3785f; font-family: 'BreuerText'; }
#test_result_content{ margin-top: 30px; color:#fff;  }
.test_result_content_checked{ background: #fff;  font-weight: bold; }
.test_result_content_checked span{color: #f3785f;}
.test_result_content_checked img{ display: block; }
.test_result_content{width: 458px; height: 26px; line-height: 26px; position: relative;}
.test_result_content_img{ display: none; position: absolute; bottom: 5px; right: 0; }
.test_result_content span{ width: 427px; float: right; display: block; height: 25px; line-height: 26px; border-bottom: #f7ad9e 1px solid; }
.test_result_content_fi span{ border-top: #f7ad9e 1px solid; height: 24px; }
.test_ques_time{ width: 100%; height: 36px; line-height: 36px; color: #fff; font-size: 15px; text-indent: 32px; background: #f2846e;}
.test_ques_title{ width: 1072px; height: 71px; border: #d48271 1px solid; border-top: none; overflow: hidden;}
.test_ques_title img{ margin: 28px 0 0 32px; }
.test_ques_content{ width: 1072px; height: 131px; background: #f3f3f3; border: #d2d2d2 1px solid; overflow: hidden; }
.test_ques_content ul{ margin: 0; margin-top: 40px; }
.test_ques_content .test_ques_fi li{ width: 172px; }
.test_ques_content .test_ques_fi .test_ques_list_fi{ margin-left: 100px; }
.test_ques_content ul li{ list-style: none; float: left; color: #00b5d8; font-size: 17px; font-weight: lighter; width: 169px; overflow: hidden; cursor: pointer;}
.test_ques_content ul li span{ width: 15px; height: 15px; display: inline-block; border-radius: 8px; border: #00b5d8 1px solid; vertical-align: text-top;}
#test_q1{ display: block; position: absolute;}
#test_q2,#test_q3,#test_q4,#test_q5{ display: none; position: absolute;}

#body_content3{ width: 100%;  display: none; }
#tag_sec{ width: 100%; height: 68px; }
.tag_sec{ font-size: 14px; color: #000; height: 30px; width: auto; padding: 0 2px; line-height: 30px; border-bottom: #f1f1f1 3px solid; display: inline-block; margin:0 60px 0 12px; cursor: pointer; transition: color 0.8s,border 0.8s; -webkit-transition: color 0.8s,border 0.8s; -moz-transition: color 0.8s,border 0.8s; -ms-transition: color 0.8s,border 0.8s; -o-transition: color 0.8s,border 0.8s;}
.tag_sec:hover,.tag_sec_checked{ color: #00b5d8; border-color: #00b5d8; }
#body_content3_plate1{ display: block; overflow: hidden;}
#body_content3_plate2{ display: none; overflow: hidden;}
#body_content3_plate1_p1{ color: #000; font-size: 18px; width: 1075px; margin: 40px auto 0 auto; text-indent: 2em;  }
#body_content3_plate1_p2{ width: 1073px; height: 80px; margin: 21px auto 0 auto; background: #fff; font-size: 12px; color: #000; text-indent: 2em; border:#dadada 1px solid; }
#body_content3_plate1_p2 p{ width: 855px; margin: 15px 0 0 32px; }
#body_content3_plate1_p3{ width: 1075px; height: 307px; background: #fff; margin: 24px auto 0 auto; }
#body_content3_plate1_p3_title,#body_content3_plate1_p5_title{ width: 100%;  height: 41px; background-color: #00b5d8; border: #32aac2 1px solid; line-height: 41px; color: #fff; font-size: 14px; text-indent: 34px;}
#body_content3_plate1_p3_content{ width: 100%; height: 263px; border:#dcdcdc 1px solid; border-top-color:#fff;   }
.body_content3_plate1_p3_content1{ width: 1012px; height: 50px; line-height: 50px; color: #000; font-size:12px; margin: 10px 0 0 34px; border-bottom: #d5d5d5 1px solid;}
.body_content3_plate1_p3_content3{ width: 1012px; color: #000; font-size:12px; margin: 20px 0 0 34px;}
.body_content3_plate1_p3_content2{ width: 1012px; height: 30px; line-height: 30px; color: #797979; font-size:12px; margin: 0 0 0 34px; border-bottom: #d5d5d5 1px solid; }
#body_content3_plate1_p4{ width: 1075px; height: 227px; background: #fff url('../images/body_3_1_1.jpg') no-repeat; background-size: contain; background-position: top  right; margin: 25px auto 0 auto; }
#body_content3_plate1_p4_title{ width: 706px; height: 41px; background: #00b5d8; border:#32aac2 1px solid; line-height: 41px; text-indent: 34px; font-size: 14px; color: #fff; }
#body_content3_plate1_p4_content{ width: 706px; height: 183px; border:#dcdcdc 1px solid; border-top: #fff 1px solid;  }
#body_content3_plate1_p4_content p{ width: 627px; height: auto; display: inline-block; font-size: 12px; color: #000; font-weight: lighter; text-indent: 2em; margin:  0 0 0 34px;}
#body_content3_plate1_p4_content .body_content3_plate1_p4_content_fi{ margin-top: 30px; }
#body_content3_plate1_p5_content .body_content3_plate1_p5_content_fi{ margin-top: 15px; }
#body_content3_plate1_p5{ width: 1075px; height: 297px; background: #fff; margin: 24px auto 0 auto; }
#body_content3_plate1_p5_content{ height: 252px; width: 100%; border:#dcdcdc 1px solid; border-top-color: #fff; font-size: 12px; color: #000; }
#body_content3_plate1_p5_content p{ width: 900px; height: auto; display: inline-block; text-indent: 2em; margin: 0 0 0 34px; }
#body_content3_plate1_p6{ width: 1075px; height: auto; margin: 24px auto 0 auto; display: none} 
.body_content3_plate1_p6_fi{ width: 535.5px; height: 245px; float: left; }
.body_content3_plate1_p6_se{ width: 535.5px; height: 183px; float: left; }
.body_content3_plate1_p6_1{ background: #aac6cc; border: #a3b5b9 1px solid;}
.body_content3_plate1_p6_2{ background: #6f96aa; border: #7c96a3 1px solid;}
.body_content3_plate1_p6_3{ background: #00b5d8; border: #2f97ab 1px solid;}
.body_content3_plate1_p6_4{ background: #405b95; border: #566588 1px solid;}
.body_content3_plate1_p6_title{width: 100%; height: 49px; line-height: 60px; display: inline-block; vertical-align: bottom; font-size: 14px; color: #fff; text-indent: 32px; }
.body_content3_plate1_p6_content{ width: 471px; margin: 0 0 0 32px; border-top: #cbdce0 1px solid; padding-top: 10px;}
.body_content3_plate1_p6_content p{ font-size: 12px; color: #fff; font-weight: lighter; margin: 0; text-indent: 2em;line-height: 14px;}
#body_content3_plate1_p7{ width: 1073px; height: 159px; background: #3c3c3c url('../images/body_3_1_3.jpg') no-repeat; background-size:contain; background-position: top right; border: #5a5a5a 1px solid; margin: 0 auto;  display: none;}
#body_content3_plate1_p7_title{ width:928px; height: 48px; background: #363636; text-indent: 32px; line-height: 60px; font-size: 14px; color: #fff;}
#body_content3_plate1_p7_content{ width: 868px; height: auto; border-top: #898989 1px solid; margin-left: 32px; color: #fdfdfd; font-size: 12px; font-weight: lighter; padding-top: 10px; text-indent: 2em;}
#body_content3_plate1_p8{ width: 100%; height: 302px; margin: 0 auto; background: url('../images/body_3_1_2.jpg') no-repeat; background-size: cover; margin-top: -10px;}
#body_content3_plate2_container1{ width: 100%;height: auto; overflow: hidden; padding-bottom: 19px; margin-bottom: 13px; background: url('../images/body_content3_plate2_container1_bg.jpg') no-repeat; background-size:auto; background-position: 730px 79px; }
#body_content3_plate2_container2{ width: 100%;height: auto; overflow: hidden; padding-bottom: 30px; display: none;}
#body_content3_plate2_container_x{ height: 13px;background: #fff; width: 100%; }
#body_content3_plate2_p1{ width: 570px; height: auto; margin: 79px 0 0 48px; text-indent: 2em;  }
#body_content3_plate2_p2{ margin: 70px 0 0 45px; }
.body_content3_plate2_p2{ width: 289px; height: 519px;  color:#fdfdfd; float: left; margin-right: 16px; }
#body_content3_plate2_p2_1{ border: #7c96a3 1px solid; background: #6f96aa url('../images/body_content3_plate2_img1.jpg') no-repeat; background-size: contain; background-position: top left; }
#body_content3_plate2_p2_2{ border: #35aac0 1px solid; background: #00b5d8 url('../images/body_content3_plate2_img2.jpg') no-repeat; background-size: contain; background-position: top left; }
#body_content3_plate2_p2_3{ border: #405b95 1px solid; background: #405b95 url('../images/body_content3_plate2_img3.jpg') no-repeat; background-size: contain; background-position: top left; }
#body_content3_plate2_p2_1 .body_content3_plate2_p2_title{ height: 49px; background: url('../images/body_content3_plate2_bg1.png') repeat; text-indent: 28px; font-size: 14px; font-weight: lighter; line-height: 65px; margin-top: 240px;}
#body_content3_plate2_p2_2 .body_content3_plate2_p2_title{ height: 49px; background: url('../images/body_content3_plate2_bg1.png') repeat; text-indent: 28px; font-size: 14px; font-weight: lighter; line-height: 65px; margin-top: 240px;}
#body_content3_plate2_p2_3 .body_content3_plate2_p2_title{ height: 49px; background: url('../images/body_content3_plate2_bg1.png') repeat; text-indent: 28px; font-size: 14px; font-weight: lighter; line-height: 65px; margin-top: 240px;}
.body_content3_plate2_p2_content{ width: 235px; text-indent: 2em; font-weight: lighter;  margin: 15px 0 0 28px; line-height: 15px; font-weight: lighter;}
.body_content3_plate2_p_fi{ width: 1077px; height: 137px; background: url('../images/body_3_2_1.jpg') no-repeat; background-size: cover; margin:22px auto -45px auto;  }
.body_content3_plate2_p{ width: 1075px; height: auto; margin: 10px auto 0 auto;}
.body_content3_plate2_p_title{ width: 1075px; height: 41px; text-indent: 36px; border: #35aac0 1px solid; background: url('../images/body_bg_1.png') repeat; color: #fdfdfd; font-size: 14px; line-height: 55px;}
.body_content3_plate2_p_content{ width: 1075px; height: auto; border: #dadada 1px solid; background: url('../images/body_bg_2.png') repeat;  border-top:none; overflow: hidden;}
.body_content3_plate2_p_content p{display: inline-block; width: 865px; margin: 23px 0 0 36px; padding-bottom: 17px; text-indent: 2em;}
#body_content4{ display: none; }
#body_content4_plate1{ display: block; }
#body_content4_plate2,#body_content4_plate3{ display: none; }
#body_content4_plate1_container1,#body_content4_plate2_container1,#body_content4_plate3_container1{ overflow: hidden; padding-bottom: 31px;}
#body_content4_plate1_p1{ width: 1077px; height: 771px; background: url('../images/body_4_1_1.jpg') no-repeat; background-size: cover; margin: 28px auto 0 auto;}
#body_content4_plate2_p1{ width: 1077px; height: 612px; background: url('../images/body_4_2_1.jpg') no-repeat; background-size: cover; margin: 28px auto 0 auto;}
#body_content4_plate3_p1{ width: 1077px; height: 884px; background: url('../images/body_4_3_1.jpg') no-repeat; background-size: cover; margin: 28px auto 0 auto;}
/**************************************************************************/


/*****************************doctor***************************************/
#doc_cover{ height: 330px; background: url('../images/doctor_cover.jpg') no-repeat; }
.doc_content{position: relative; margin-top: 36px; background: #ececec; height: auto; padding-bottom: 55px; overflow: hidden;}
#doc_content1{ overflow: hidden;}
#doc-content-left{ width: 553px; height: auto; /*border: orange 1px solid;*/ margin: 33px 0 0 12px; float: left; }
#doc-content-right{ width: 509px; height: auto; /*border: orange 1px solid;*/ margin: 33px 12px 0 0;  float: right; }
#doc-content-left-msg{ width: 551px; height: 235px; border: #32aac2 1px solid; background: #00b5d8 url('../images/doctor_msg.jpg') no-repeat; background-position: 31px 31px; }
#doc-content-left-msg .doc-content-left-msg-area{ width: 485px; height: 47px; max-width: 485px; background: #fff; border: #dcdcdc 1px solid; margin: 111px auto 0 31px; outline-style: none; }
#doc-content-left-msg .doc-content-left-msg-tip{ width: 493px; display: inline-block; height: 30px; line-height: 30px; border-top: #65d2e7 1px solid; margin: 23px 0 0 31px; font-size: 12px; color: #fff; }
#doc-content-left-cover{ width: 553px; height: 157px; background: url('../images/doctor_msg_cover.jpg') no-repeat; background-size: cover; }
.doc-content-right-plate{ width: 509px; height: 121px; background: #fff; position: relative; transition: box-shadow 0.5s; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -ms-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s;}
.doc-content-right-plate:hover{ box-shadow: #000 0 0 12px -5px; -webkit-box-shadow: #000 0 0 12px -5px; -moz-box-shadow: #000 0 0 12px -5px; -ms-box-shadow: #000 0 0 12px -5px; -o-box-shadow: #000 0 0 12px -5px;   }
.doc-content-right-plate-dark{ background: #f7f7f7; }
.doc-content-right-title{ position: absolute; left:21px; top: 16px; }
.doc-content-right-more{ position: absolute; right:20px; bottom: 8px; cursor: pointer;}
.doc-content-right-plate-p{ width: 467px; padding-top: 8px;  display: inline-block; line-height: 20px; border-top: #d5d5d5 1px solid; margin: 49px 0 0 21px; font-size: 12px; color: #000; }

/**************************************************************************/


