/*颜色  #00a9b3*/
/*教育培训*/
.con_top_l{ float:left; width:48%;_width:45%;}
.con_top_r{ float:right; width:48%;_width:45%;}
.yhtd_box img{ height:140px; width:110px; margin-right:20px; float:left; border:1px solid #ccc}
.yhtd_box  h2{ line-height:30px; font-size:16px;}
.yhtd_box  p{color: #666; font-size: 14px; line-height: 25px}
/*对外交流*/
.con_t img{ width: 536px; }
.con_b{ width:48%}

.nav_boxs{ position: absolute;left: 230px;top: 0;border: 2px solid #3e91d5;height: 421px;border-left: 0;width: 684px;background: #fff; }
.nav{border-bottom: 2px solid #00a9b3;margin-top:15px;height: 55px;line-height: 55px;*position:relative;*zoom:1;z-index: 10000000}
.nav_L{width:230px;position: relative;z-index: 10000000;*zoom:1;*background: #3783DB;}
.nav_L ul.nav_list_1{position: absolute;width:230px;top:55px;left:0;background:url("/Sites/Uploaded/UserUpLoad/20171207/20171207111107.jpg");height:425px;*zoom:1;z-index:10000000;padding-top:2px}
.nav_R{ margin-left:15px;}
.nav_R a{font-size: 18px;color: #5d5d5d;/*padding:0 25px;*/ display: block;float: left;/*width: 80px;*/ text-align: center;box-sizing: border-box;margin-right: 25px;}
.nav_R a.fecos{ background:url(/Sites/Uploaded/UserUpLoad/20161223/20161223112520.png) no-repeat 0px 8px; color: #fff !important;padding: 0 20px 0 30px;width: 110px;}
.nav_R a:hover{color:#00a9b3;}
.nav a.wza{font-size: 18px;color: #00a9b3;background: url(/Content/Areas/Common/images/XinBan/icon_9.png) no-repeat left center;padding-left:25px;}
.nav a.wza:hover{ opacity: 0.8;transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s; }

ul.HomeNavUl_1{position:relative;z-index: 99999;*zoom:1;}
ul.HomeNavUl_1 li.home{background:url("/Sites/Uploaded/UserUpLoad/20171207/20171207111212.jpg"); border:none;height:55px;line-height: 55px;cursor: pointer;}
ul.HomeNavUl_1 li.home span{padding-left:15px;display: block;font-size: 14px;color: #fff;}
ul.HomeNavUl_1 li.home span a{color: #fff; font-size: 20px; }
ul.HomeNavUl_1 li.HomeNavLi_1{height:84px;line-height:84px;border-bottom:1px solid #34709d;z-index: 1000000;*zoom:1;*height:48px;*line-height: 48px;}
ul.HomeNavUl_1 li.HomeNavLi_1.last{border:none}
ul.HomeNavUl_1 li.HomeNavLi_1.liHover .sy1_tit span{ position: relative;left: 0; *top:-2px;z-index:1000000;background: #27bcb1!important;*height:54px;*zoom:1;}

ul.HomeNavUl_1 li.HomeNavLi_1 .sy1_tit span{padding-left:15px;display: block;background:url(/Content/Areas/Common/images/XinBan/nav_jt.png) no-repeat 213px center;font-size: 14px;;}
ul.HomeNavUl_1 li.HomeNavLi_1 .sy1_tit{color: #fff}

.con_top_1{border-right: 1px dashed #ddd;height: 158px;padding-left: 10px;padding-right: 10px;width: 46%; padding-top:10px}
.con_top_H .article_box h2{ display:none}
.con_top_H .article_box p{ border-bottom:none}
.con_top_H { height:208px !important; overflow:hidden}
.con_top_r_H{ height:104px;}
.con_top_H .con_top_l{ border-right: 1px dashed #ddd;
 float: left;
 padding-left: 10px;
 padding-right: 10px;
 width: 46%;}
/*二级菜单*/
.HomeNavUl_2 .sy1_inside {font-size: 14px;color: #3783DB;padding: 10px 0;margin-right: 15px;border-bottom: 1px solid #ececec;overflow: hidden;}
div.sy2_inside{float: left;width: 110px;height: 423px;background: #27bcb1;position: absolute;left: 231px;top: 2px; _top: 4px;border-bottom: 2px solid #3e91d5;display: none;}


.sy1_inside li.HomeNavLi_2 a{ font-size: 14px;color: #fff;display: table-cell;height: 71px;vertical-align: middle;text-align: center}

ul.HomeNavUl_2 ul.nav_list_2{display: block!important;}
.sy1_inside li.HomeNavLi_2{height: 71x;line-height: 20px;width: 100%;display: table;}
.sy1_inside li.HomeNavLi_2 a:hover{background:#00a9b3;color:#fff;}

.sy1_inside .num3 li.HomeNavLi_2{ white-space: normal;height: 71px;line-height: 20px;display: table;width: 100%}
.sy1_inside .num3  li.HomeNavLi_2 a{ width:100%;display: table-cell;vertical-align: middle;text-align: center; }


.fw_list li{ width:100% !important;}
/*二级展开导航*/
.mrg0-15{margin:0 15px;}
.mrg15-0{margin:15px 0;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}

.con_top{ height:182px; border-bottom:1px dashed #ddd; margin-bottom:14px}
.con_bottom{ height:175px;}
.con_article{ margin:10px 0;}
.con_l{ border-right: 1px dashed #ddd;height: 175px; margin-right: 15px;padding-right: 10px;width: 204px;}
.con_m{ border-right: 1px dashed #ddd;margin-right: 15px;padding-right: 15px;width: 140px;}
ul.backN,.sy2_ul_div{ padding: 0 12px;height: 423px;width: 552px;float: right;position: absolute;left: 525px;top: 2px;background: #fff;border: 2px solid #3e91d5;border-top: none;border-left: none; _border-top: 2px solid #3e91d5;}
.HomeNavUl_2{ display: none;}


.nav .con_tit{margin-bottom:5px;}
.nav .con_tit h2{font-size:16px;line-height: 20px;padding-left:8px;font-weight: normal;}
.nav .con_tit h2 a{ color:#00a9b3;}
.con_nav{  margin-top: 20px; }
.con_nav h3{font-size:16px;line-height: 30px;font-weight: normal; border-bottom:1px solid #56a2d6; height:30px; text-align:center;}
.con_nav h3 a{ float:left; margin-right:20px; display:block; width:90px; height:30px; background:#f1f1f1; border-top-left-radius:6px;border-top-right-radius:6px;}
.con_nav h3 a.active{ color:#fff !important; font-size:16px !important; background:#56a2d6; }

.nav ul.con_list li{font-size: 14px;line-height:28px;background:url(/Content/Areas/Common/images/XinBan/list_dot.png) no-repeat 0 center;padding-left:10px; _padding-left:0px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.nav ul.column_list li{font-size: 14px;background:url(/Sites/Uploaded/UserUpLoad/20160301/20160301135913.jpg) no-repeat 0 center;padding-left:20px;line-height: 30px;}
.nav span.span_date{float: right;color: #999999;font-size: 12px;font-family:Arial}
.nav ul li span.span_date{ float:right; color:#00a9b3; font-size:14px !important;margin-left: 22px; _display:none;}
.nav .con_article h2{font-size: 15px;line-height: 2em;font-weight: bold;}
.nav .con_article img{ height: 132px;width: 188px; float:left; margin-right:15px;}
.nav .con_article p{line-height:28px;font-size: 14px;}
.nav .con_article p a.more,.nav a.details{color:#3783DB;font-family: "宋体";font-size: 12px;}


/*图片渐变*/
.nav .main_visual{height:160px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;margin-top:15px;}
.nav .main_image{height:160px;overflow:hidden;position:relative;}
.nav .main_image ul{width:100%;height:160px;overflow:hidden;}
.nav .main_image li{width:100%;height:160px; position:absolute; top:0; left:0;}
.nav .main_image li .img_box{display:block;width:100%;height:160px;}
.nav .main_image li img{display:block;width:100%;height:160px;}
.nav .main_image li a.title_type{position:absolute;left:0;bottom:0;width:270px;height:36px;line-height:36px;background:url(/Sites/Uploaded/UserUpLoad/20160108/20160108165929.png) repeat}
.nav .main_image li a.title_type{color:#FFF; font-family: 微软雅黑;font-size: 15px;font-weight:normal;padding-left:10px} 


/*院所介绍*/
.con_bottom_l{ float:left;}
.con_bottom_r{ float:left; width:307px; _width:290px;}
.nav_scr_cont{margin-top:6px;}
.con_bottom_r img{width:110px; height:140px; float:left; margin:10px 10px 0px 0px}
.con_bottom_r h2{ font-size:16px; line-height:30px;}
.con_bottom_r p{ font-size:14px; color:#666; line-height:25px;}
.con_bottom_r p .details{ font-size:14px; _margin-top:-26px;*margin-top:-26px;}



.nav ul.con_doct{ }
.nav ul.con_doct li{float: left;width:110px;text-align: center;border:1px solid #ccc;position:relative;overflow: hidden; height:140px; margin:10px 10px 0 0px;}
.nav ul.con_doct li img{display: block;margin:0 auto;width:100%; height:140px;-webkit-transition: all ease .3s;transition: all ease .3s;}
.nav .doct_list li.Li_Even{margin-right:0;}
.nav ul.con_doct li a.title_type{font-size:12px;line-height: 24px;position: absolute;width:100%;text-align: center;left:0;bottom:0;color: #fff;
background:url(/Sites/Uploaded/UserUpLoad/20160301/20160301095047.png) repeat;z-index: 5;}

.nav .doct_list li p{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width:100%;line-height: 28px;}

.nav .con_article.con_ysjs img{width:80px;height:auto;margin-right:10px;float: left}


/*新闻动态*/
.ck{ width:150px; height:150px; position:relative; _width: 130px;}
.hdyg{ background:url(/Sites/Uploaded/UserUpLoad/20160301/20160301115249.jpg) no-repeat center 5px;}
.ztjs{ background:url(/Sites/Uploaded/UserUpLoad/20160301/20160301132753.jpg) no-repeat center 5px;}
.ck a{ background: #56a2d6 none repeat scroll 0 0;border-radius: 15px;bottom: 11px;color: #fff;left: 30px;line-height: 24px;padding: 0 15px;position: absolute;}
.ck a:hover{ background:#0159b0}

.swiper-box_xw { width: 258px; height: 150px;margin-right: 14px;position: relative; margin-top:7px; float:left}
.swiper-box_xw .fouceBox{  width: 258px; height: 150px;}
.swiper-box_xw .fouceBox .fouce_img li{ position:relative !important; width:258px !important;height:150px !important;}
.swiper-box_xw .fouceBox .fouce_img .Img_Box{ width: 258px; height: 150px;}
.swiper-box_xw .fouceBox .fouce_img img{ width: 258px; height:auto;}

/*就诊服务*/
.con_map.con_bl{ border-right:none;}
.nav .con_map img{width:278px;height:136px;  margin-top:5px; }
.fw_list{ margin-top:20px;}
.fw_list li{ float:none; width:100%;}

/*科室介绍*/
.con_nav .jianjie{ margin-top:20px; margin-bottom: 10px; }
.con_nav .department_img{display: block;float: left;height: 172px;margin-right: 20px;width: auto;}
.con_nav .jianjie h2{ color:#00a9b3; line-height:32px; font-weight:normal; font-size:16px;}
.con_nav .jianjie p{ font-size:14px; line-height:28px;}
.con_nav .tab_box .more{ float:right; +display: none;  color:#00a9b3; margin-right:5px;}
.con_nav .tab_box li.dep1{ background:url(/Sites/Uploaded/UserUpLoad/20160304/20160304170524.jpg) no-repeat 0 14px; border-bottom:1px dashed #ddd; width:190px; float:left; padding:5px 10px 5px 20px; line-height:32px; font-size:16px;}
.con_nav .tab_box li.dep1 p{ border-right: 1px solid #ddd; }
/*医护团队*/
.scroll_box{ margin:10px 0; position:relative; margin-right:20px; height:111px; overflow:hidden;}
.scroll_box .pic li{ width:194px; height:111px;}
.scroll_box .pic li img{ height:111px; width:100%;}
.scroll_box .tit{bottom: 0;height: 28px;left: 0;line-height: 28px;position: absolute;z-index: 10;}
.scroll_box .tit li a{ color:#fff; color:#fff; font-size:14px; line-height:28px;}
.scroll_box .num{ bottom:8px; position:absolute; right:5px; height:10px; width:auto; z-index:10;}
.scroll_box .num li{background: #fff;border-radius: 50px;cursor: pointer;float: left;height: 10px;margin-left: 5px;
transition: all 0.5s ease 0s; width: 10px; text-indent:-1000px;}
.scroll_box .num li.s{ background:#1297f1 ;}
.scroll_box .op_bg{background: url(/Sites/Uploaded/UserUpLoad/20160108/20160108165929.png) repeat ;bottom: 0;height: 28px;
left: 0;position: absolute; width: 194px;_width:180px;}
.yhtd_list{ float:left; width:auto;}
.yhtd_list li{ line-height: 26px !important;}

.nav ul.con_doct_scroll{ margin-top:6px;}
.nav ul.con_doct_scroll li{float: left;width:110px;margin-right: 20px;text-align: center;position:relative;margin-top:10px;overflow: hidden; height:140px;}
.nav ul.con_doct_scroll li img{display: block;margin:0 auto;width:100%;height:140px;-webkit-transition: all ease .3s;transition: all ease .3s;}
.nav .doct_list li.Li_Even{margin-right:0;}
.nav ul.con_doct_scroll li h2 {font-size:12px;line-height: 24px;position: absolute;width:100%;text-align: center;left:0;bottom:0;color: #fff;
background:url(/Sites/Uploaded/UserUpLoad/20160301/20160301095047.png) repeat;z-index: 5;}
.nav ul.con_doct_scroll li h2 a{ color:#fff;}
.nav div#nav_demo{width:100%;overflow: hidden;}
.nav div#nav_demo .nav_scr_cont{width:10000000px;}

.swiper-box_doc{ width: 210px; height: 125px;margin-right: 14px;position: relative; margin-top:7px; float:left}
.swiper-box_doc .fouceBox{ width: 210px; height: 125px; }
.swiper-box_doc .fouceBox .fouce_img li{ position:relative !important; width: 210px !important; height: 125px !important;}
.swiper-box_doc .fouceBox .fouce_img .Img_Box{width: 210px; height: 125px;}
.swiper-box_doc .fouceBox .fouce_img img{width: 210px; height: 125px;}

.con_bottom .Scroll_Box{ width: 490px;height: 150px;margin: 0 auto;overflow: hidden;padding: 0 25px;}
.con_bottom .Scroll_Box .swiper-box{ height:150px;width: 450px;margin: 0 auto;}
.con_bottom .Scroll_Box .swiper-box li .Img_Box{ height:150px; width:120px; }
.con_bottom .Scroll_Box .swiper-box li img{  height:150px; width:120px;display: block; }
.con_bottom  .Scroll_Box .swiper-box ul li { position: relative;}
.con_bottom  .Scroll_Box .swiper-box ul li h2{ width:120px;position: absolute;left: 5px;line-height: 30px;bottom: 0;background: #000;opacity: 0.6;}
.con_bottom  .Scroll_Box .swiper-box ul li h2 a{ color:#fff;}
.con_bottom  .Scroll_Box .arrow-btn {position: absolute;top: 50px;color: #c2c2c2;display: block;font-size:40px;width: 20px;font-family: "宋体";font-weight: 600;}
.con_bottom  .Scroll_Box .btn-right{ right:0;}
.con_bottom  .Scroll_Box .arrow-btn:hover{color:#2076bd;}
.sy1_inside .num2 li.HomeNavLi_2.num2{  white-space: normal;
 height: auto;
 line-height: 26px;
 height:52px}
 .sy1_inside .num2 li.HomeNavLi_2.num2 a:hover{ height:52px}

/*健康知识*/
.nav ul.desease_list{ height:120px; overflow:hidden;}
.nav ul.desease_list li{float: left; margin-right:20px; width:125px; display:inline}
.jkcs{ background:url(/Sites/Uploaded/UserUpLoad/20160301/20160301145254.jpg) no-repeat 6px 8px; width:325px; _width:250px;}
.jkzc{ background:url(/Sites/Uploaded/UserUpLoad/20160301/20160301145353.jpg) no-repeat center 8px; width:244px;}
.jkcs a{ left:10px;}
.jkzc a{ left:80px;}
.jkcs .article_list{ width: 200px;float: right;margin-top: 12px;height: 130px;overflow: hidden; _display:none; }
.jkcs .article_list li { padding-left: 10px; +padding-left: 0px; +position: relative;}
.jkcs .article_list li a{ background: none;border-radius: 0;bottom: 0;line-height: 24px;padding: 0;position: inherit; font-size: 14px; }
.w50 li { width:33%; float:left}

/*疾病*/
.article_list_doc li { background: url(/Sites/Uploaded/UserUpLoad/20160301/20160301135913.jpg)  no-repeat 0 center; font-size: 14px;  line-height: 38px; text-indent:18px;}


.con_tl{ width:278px; border-bottom:1px dashed #ddd;height: 184px;}
.con_tr{border-bottom:1px dashed #ddd; width:244px;height: 184px;}
.con_bl{height: 165px;width: 278px;border-right: 1px dashed #ddd;margin-top: 20px;_width:250px; }
.con_br{height: 165px;width: 244px;margin-top: 20px; }
.num3 .con_bl,.num3 .con_br,.num2 .con_bl,.num2 .con_br{*margin-top: 0px;}

.nav a.gh{display: block;margin:20px 0 0 100px; width:107px; height:36px;}
.nav a.gh img{display: block;width:107px; height:36px;}
.nav .nav_hospitalMail a{padding:5px 10px;background: #3783db;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color: #fff;margin-right:10px;}
.nav .nav_hospitalMail a:hover{background:#56A2D6;color: #fff}

ul.zx_list li{ float:left; width:150px; display:inline;}

/*互动交流*/
.con_hdjl,.sina,.weixin{width:260px;}
.sina a,.weixin a{width:260px;}
.zjdc{ background:url(/Sites/Uploaded/UserUpLoad/20160301/20160301140512.jpg) no-repeat center 8px; width:260px;}
.ywxx{ background:url(/Sites/Uploaded/UserUpLoad/20160301/20160301140641.jpg) no-repeat center 8px; width:260px;}
.zjdc a,.sina a{ left:90px;}
.ywxx a,.weixin a{ left:90px;}
.sina a.img_box,.weixin a.img_box{ width: 100%;height: 140px;background: none;padding: 0;margin: 0;left: 0;}
.sina a.img_box img,.weixin a.img_box  img{display: block;float: left;width: 100px;margin: 20px 15px; _width: 80px;}


ul.HomeNavUl_1 li.HomeNavLi_1 span{
 transition: all 0.2s ease 0s;
 -moz-transition: all 0.2s ease 0s;
 -webkit-transition: all 0.2s ease 0s;
 -o-transition: all 0.2s ease 0s;
}
/*信息公开*/
.yyzy_box{ height: 136px;margin-top: 12px; overflow: hidden; position: relative;width: 288px;}
.yyzy_box h2{ background:url(/Sites/Uploaded/UserUpLoad/20160301/20160301095047.png) repeat scroll 0 0; position:absolute; bottom:0; left:0; width:278px; height:32px; line-height:32px; font-size:14px; text-align:center;}
.yyzy_box h2 a{ color:#fff;}


/*手机导航PC样式*/ 
.phone_container .phone_header,.phone_dl{display: none;}

.nav ul.con_list li{ _background:none; }
/*about*/
.fix:after{content: "";display: block;height: 0;overflow: hidden;clear: both;}
h2.nav-tit{text-align: center;line-height: 40px;font-size:20px;margin-bottom: 15px;}
h2.nav-tit a{color: #00a9b4;font-weight: bold}
.nav-sbox{width: 970px;height: 427px;position: absolute;left: 231px;top: 0;background: #fff;border: 2px solid #00a9b4;border-left: 0;box-sizing: border-box;}
.half{width: 50%;box-sizing: border-box;padding: 15px;height: 100%;background: url(/Sites/Uploaded/UserUpLoad/20180921/20180921113816.png) no-repeat right center}
.has-img .img_box{display: block;width: 100%;height: 250px;}
.has-img .img_box img{display: block;width: 100%;height: 250px;}
.has-img .title_type{display: none;}
.has-img p{font-size: 14px;color: #333;line-height: 24px;height: 48px;overflow: hidden;position: relative;word-break: break-all}
.has-img p:after{content: "...";display: block;height: 24px;width: 20px;text-align: right;position: absolute;right: 0;bottom: 0;
background: -webkit-gradient(linear,left top, right top,color-stop(5%, transparent), color-stop(50%, #fff));
background: -webkit-linear-gradient(left,transparent 5%, #fff 50%);
background: -o-linear-gradient(left,transparent 5%, #fff 50%);
background: linear-gradient(to right,transparent 5%, #fff 50%);
background: filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=transparent,endcolorstr=white,gradientType=1);}
.has-img p .detail{display: none;}
.has-img a.details{display: block;color: #00a9b4;width: 50px;height: 15px;line-height: 14px;font-size: 14px;text-indent: 5px;background: url(/Sites/Uploaded/UserUpLoad/20180921/20180921150248.png) no-repeat right center;position: relative;}
.has-img a.details:after{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #00a9b4;transition: all .5s}
.has-img a.details:hover:after{width: 50px;}
/*news*/
.num1 .nav-sbox{width: 970px;left: 231px;padding: 15px;}
.nav-sbox .pic{position: relative;height: 340px;overflow: hidden;}
.nav-sbox .pic li{width: 940px;height: 340px;position: absolute;top: 0;left: 0;}
.nav-sbox .pic li img{width: 100%;height: 340px;}
.nav-sbox .op_bg{width: 940px;left: 15px;bottom: 15px;}
.nav-sbox .tit{bottom: 15px;left: 15px;}
.nav-sbox .num{bottom: 27px;right: 20px;}
/*dep*/
.num2 .nav-sbox{width: 970px;left: 231px;padding: 15px;}
.nav-dep li .img_box{display: block;width: 100%;height: 250px;}
.nav-dep li .img_box img{width: 100%;height: 250px;display: block;}
.nav-dep .title_type{display: none;}
.nav-dep{height: 340px;overflow: hidden}
.nav-dep li p{font-size: 14px;color: #333;line-height: 24px;height: 48px;overflow: hidden;position: relative;}
.nav-dep li  p:after{content: "...";display: block;height: 24px;width: 20px;text-align: right;position: absolute;right: 0;bottom: 0;
background: -webkit-gradient(linear,left top, right top,color-stop(5%, transparent), color-stop(50%, #fff));
background: -webkit-linear-gradient(left,transparent 5%, #fff 50%);
background: -o-linear-gradient(left,transparent 5%, #fff 50%);
background: linear-gradient(to right,transparent 5%, #fff 50%);
background: filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=transparent,endcolorstr=white,gradientType=1);} 
.nav-dep li p .detail{display: none;}
.nav-dep a.details{display: block;color: #00a9b4;width: 50px;height: 15px;line-height: 14px;font-size: 14px;text-indent: 5px;background: url(/Sites/Uploaded/UserUpLoad/20180921/20180921150248.png) no-repeat right center;position: relative;}
.nav-dep a.details:after{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #00a9b4;transition: all .5s}
.nav-dep a.details:hover:after{width: 50px;}
/*research*/
a.img-btn{display: block;width: 100%;height: 320px;position: relative;overflow: hidden}
a.img-btn img{position: absolute;top: 0;left: 50%;margin-left: -240px;display: block;width: auto;height: 100%;}
/*education*/
.img-list li{float: left;width: 269px;height: 165px;position: relative;margin-left: 40px;margin-bottom: 10px;overflow: hidden;}
.img-list li img:hover{transition: all .5s;transform: scale(1.02)}
.img-list li .edu a{display: block;width: 100%;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 14px;font-weight: bold;background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;left: 0;}

@media only screen and (max-width: 1200px)
{
.nav{ width:1200px}
 }

@media only screen and (max-width: 768px){
.nav{ width:100%}  
.nav-sbox{display: none}  
.nav_R { display: none;}
.nav_L{ left: 0px;}
  ul.HomeNavUl_1 li.HomeNavLi_1 .sy1_tit span{background:none; display:inline;}
  .sy1_ul li a.sy1_tit{ padding-left:0px;}
  ul.HomeNavUl_1 li.HomeNavLi_1{ background:url(/Content/Areas/Common/images/XinBan/nav_jt.png) no-repeat right 22px; height:auto;}
  .nav_L ul.nav_list_1{ background:none; width:100%; padding:0 6% 0 2%; box-sizing:border-box; top:76px;position: inherit;height: auto;display: block !important;}
  .nav{border-bottom:0px;}
  .nav a.wza,.sy1_inside li.home{ display:none;}
  .phone_container .phone_header,.phone_dl{display: block;}
  .sy_nav{height:auto;background:none;width:100%;line-height:inherit;}
  .nav_L h3{ display:block;}
a.open_btn{
 position: fixed;
 z-index: 3;
 top: 24px;
 right: 14%;
 height: 44px;
 width: 44px;
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
 -webkit-transition: -webkit-transform 0.2s;
 -moz-transition: -moz-transform 0.2s;
 transition: transform 0.2s;
 background:rgba(56, 141, 199,0.85);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 }

a.open_btn span{
 position: absolute;
 left: 50%;
 top: 50%;
 bottom: auto;
 right: auto;
 -webkit-transform: translateX(-50%) translateY(-50%);
 -moz-transform: translateX(-50%) translateY(-50%);
 -ms-transform: translateX(-50%) translateY(-50%);
 -o-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 width: 32px;
 height: 3px;
 background-color:#fff;  
}
a.open_btn span:before,a.open_btn span:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.2s, width 0.2s;
  -moz-transition: -moz-transform 0.2s, width 0.2s;
  transition: transform 0.2s, width 0.2s;   
}
a.open_btn span:before{
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px); 
}
a.open_btn span:after{
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);  
}
a.open_btn:hover{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);
  transform: rotate(180deg); 
}
a.open_btn:hover span:after,a.open_btn:hover span:before{
  width: 50%;   
}
a.open_btn:hover span:before{
  -webkit-transform: translateX(1px) translateY(1px) rotate(45deg);
  -moz-transform: translateX(1px) translateY(1px) rotate(45deg);
  -ms-transform: translateX(1px) translateY(1px) rotate(45deg);
  -o-transform: translateX(1px) translateY(1px) rotate(45deg);
  transform: translateX(1px) translateY(1px) rotate(45deg); 
}
a.open_btn:hover span:after{
  -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -o-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  transform: translateX(1px) translateY(-1px) rotate(-45deg);   
}
.phone_container{
  position: fixed;
  z-index: 4;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  overflow-y: auto;
  background:rgba(78, 150, 200,0.93);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
  transition: transform 0.4s 0s, box-shadow 0s 0.4s; 
}
.phone_container.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-overflow-scrolling: touch;
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
  transition: transform 0.4s 0s, box-shadow 0s 0s;
}
.phone_container .phone_header{
  padding: 1.5em 0 0 6.25%;
  height: 55px;
  position: relative;
  background: #00a9b3;
}
.phone_container h3 a{
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Lora", serif;
  text-transform: uppercase;
  color: #fff;
}
.close_btn{
  position: absolute;
  height: 44px;
  width: 44px;
  right: 6.25%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; 
}
.close_btn:after,.close_btn:before {
  content: '';
  position: absolute;
  height: 3px;
  width: 32px;
  left: 50%;
  top: 50%;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.close_btn:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.close_btn:before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.main{
  overflow-x: hidden;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.main.scale-down {
  position: relative;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.close_btn:hover {
  opacity: .8;
}
.nav{height:auto;width:auto;background: none;}
.phone_container .sy1_ul{padding:0; box-sizing:border-box; width:100%; border:none; position:static; height:auto; background:none}
div.sy2_inside,.num4 div.sy2_inside { float: none; width: auto; height: auto; background: none; padding: 0; 
 position: inherit;border-bottom: none; border-left: none; padding-left: 4px; box-sizing: border-box;}
.sy2_ul_div{ display:none;float: right;width: 546px; }
.bottomOne{ display:none}
ul.HomeNavUl_2.backN{ display:none;}
li.sy2_li a.sy2_tit,.sy2_ul,li.sy1_li a.sy1_tit:hover, li.sy1_li a.sy1_tit.Hover{background: none!important;}
li.sy1_li{ border-bottom:1px dotted #AAC3D4; line-height:40px;float: none !important;}

.next_open{ display:none;}
.sy1_inside li.HomeNavLi_2 a{ float:none; background:none; padding:0; border:none; margin:0; color:#fff; font-size:14px; display:block; line-height:69px; height:69px;padding-left: 12px; }
.sy1_inside .num3 div.sy2_inside{width: 100%}
.sy1_inside .num3 li.HomeNavLi_2{line-height: 69px}
.sy1_inside .num3 li.HomeNavLi_2 a{height: 69px;width: 100%;padding: 0 0 0 12px;}
.sy1_inside li.HomeNavLi_2 a span{ font-size:14px}
ul.HomeNavUl_1 li.HomeNavLi_1 span{ color:#fff}
.Has_Children>.next_open{ display:block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-top: 6px solid #f1f1f1; position:absolute; top:17px; right:14px; transition: all 0.3s ease 0s;}
.opend .next_open{transform: rotate(180deg);-webkit-transform: rotate(180deg)}
.sy3_ul{ display:none;}

.phone_dl{ color: #fff; line-height: 30px;}
.phone_dl p{display: block;float: left;line-height: 30px;}
.phone_dl a{ background: #fff;border-radius: 4px;display: block;height: 30px;text-align: center;line-height: 30px;float: left;width: 40%;margin: 10px 4% 0;}

.phone_dl span span{ display:none; }

.nav .search_box{display: none;}
}
.sy2_ul_div{display:none;}
@media only screen and (max-width:640px){
.phone_container{ width:75%;}

}
@media only screen and (max-width:450px){

  a.open_btn{height: 35px;width: 35px; top:20px}
    a.open_btn span{ width: 25px; }

}
@media only screen and (max-width:375px){

a.open_btn{ right:15%;}
.phone_container{ width:100%}

}