/*手机导航PC样式*/
.nav .article_box p{ line-height:32px;}
ul.phone-btn,.search_con{display: none;}
.nav .article_box p{ line-height:32px;}
.sy_nav{width:1070px; margin:0 auto;*zoom:1;}
.dl_box{ display:none}
a.homeA.sy1_tit img{display: block}
/****一级菜单****/
.nav{ margin-left:20px; width:1070px;*zoom:1; position:relative;*z-index:9999;_z-index:9999;}
.column_list_nav .sy_nav{ width:100%}
.sy_nav{ *z-index:9999;_z-index:9999;}
.homeLi{ display:none}
.column_list_nav .homeLi{ display:block}
li.sy1_li{ float:left;margin-right:10px; font-size:12px; font-family:“宋体”;*zoom:1;*z-index:9999;_z-index:9999;}
.sy1_li .line{ color:#b3b3b3; padding-left:10px;}
.sy1_li .sy1_tit{ color:#010101; display:inline-block}
.sy2_ul .line,.last .line{ display:none}
.Hover{ color:#d12c1c !important}
/****二级菜单****/
.nav .sy2_ul{ display:none !important}
.sy2_ul{background:#ccc;display: none;position: absolute;z-index: 10000;left:0;top:40px;width: 144px;text-align:center;}
li.sy2_li{position: relative;z-index: 1000;_zoom:1; _height:40px}
li.sy2_li a.sy2_tit{display: block;padding:0 19px}
li.sy2_li a.sy2_tit:hover,li.sy1_li a.sy2_tit.Hover{background: #ededed;}
.sy1_li.num5 .sy2_ul{width: 158px;} 
/*三级导航*/
ul.sy3_ul{position: absolute;background:#358BC5;display: none;z-index: 10000;left:145px;top:0px;width:170px;}
li.sy3_li a.sy3_tit{display: block;color: #fff;padding:0 19px}
.sy2_ul_div{ display:none}
@media only screen and (max-width: 768px)
{
.sy_nav{ width:100%;}
.sy1_ul li{ padding:0; box-sizing:border-box; width:12.5%;}
.sy1_tit{ width:100%}
.w1160{ width:100%;}
}
@media only screen and (max-width: 768px)
{
.nav{ width:90%;}
.sy1_li .line{ display:none;}
.sy1_ul li{ margin-right:0px; width:8%;}
.column_list_nav li a.sy1_tit{ padding:0px;}
.column_list_nav li.sy1_li{width: auto;padding: 0px 7px;}
}

@media only screen and (max-width:768px){
	.column_list_nav li.sy1_li{ width:100%;}
	.column_list_nav li a.Hover{ background:none;}
	.homeLi{ display:block !important}
 .nav{ width:auto; height:auto; float:none; display:none; visibility:hidden}
 .dl_box{ display:block;} 
 .sy2_inside{ border-bottom:none;}
 .phone_container header {display: block;height: 80px;line-height: 80px;position: relative; background:#00A599;}
 header h3{margin-left: 30px;display: block !important;}
/*手机搜索*/
 .phone_search {background: #11587B;height: 50px;padding: 10px;display: block !important; margin:14px 0 0;}
 .phone_search form {background:#ffffff;border-radius: 5px;}
 .phone_search .searchTxt {height: 50px;border: none;background: none;float: left;padding-left: 10px;color: #000;line-height: 42px;font-family: 'Microsoft YaHei','微软雅黑',STXihei;width: 80%;font-size: 16px;}
 .phone_search .searchBtn {height:50px;border: none;width:50px;background:url(/Content/Areas/Common/images/main/searchBtn_2.png) no-repeat center;float: right;cursor: pointer;line-height: 32px;}
 /**/
 .phone_container .phone_header,.dl_box{display: block;}
 .sy_nav{height:auto;background:none;width:100%;line-height:inherit;}

a.open_btn{
 position: fixed;
 z-index: 3;
 top: 5px;
 right: 2%;
 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;
 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:#d12c1c 
}
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;
 background:#d12c1c  
}
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: 43%;
 height: 100%;
 overflow-y: auto;
 background:#D6372D; opacity: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:#BD3128;
}
.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; 
 display:block !important;
}
.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;

}
.close_btn:hover { opacity: .8;}
.nav{height:0;width:auto;background: none;}
.phone_container .sy1_ul{padding:0 4%;box-sizing: border-box;width: 100%;}
.sy1_ul {background:none;}
.sy2_inside li {position: relative;width: 100%;text-align: center;line-height: 40px;border-bottom: 1px dotted #fff; height:auto;}
.sy2_inside li span{ }
.sy1_ul .sy2_inside{ width: 100%;}
.sy2_inside li { text-align:left;background: none;}
.sy1_li .sy2_inside li { border-bottom:1px dotted #F5766B;}
.sy1_tit {text-align: left;padding-left: 20px;}
.sy2_ul_div{ display:none;}
.sy1_ul li ul .sy2_inside li { width: 100%; margin:0; padding-left:20px; box-sizing:border-box;}
.sy2_ul{width: 100%; border:none; position:inherit; height:auto; padding:0; background:none; top:0;left:0;} 
.num1 .sy2_ul{left:0;}
.num5 .sy2_ul{height:auto;}
.sy1_ul .sy2_inside{ height:auto;}
.Has_Children>.next_open,.Has_Children:hover .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;}
.Has_Children:hover .next_open{border-bottom:none; left:inherit}
.sy1_tit{ display:inline; color:#fff !important; line-height:42px; margin-right:40px; padding:0 !important;}
.sy2_ul .sy2_inside{ border-bottom:none;}
.sy2_li a.sy2_tit{ color:#fff; padding:0;}
.opend .next_open{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.phone_container .dl_box span span{ color:#fff; margin:0 8px;}
.phone_container .dl_box span a,.tushu {background: #fff;text-align: center;border-radius: 6px; color:#d12c1c; padding:6px 20px;}
.dl_box span .register,.dl_box span .login{ margin-top:20px;}
.dl_box span span img{ display:none;}
.dl_box{ margin:30px auto 0; text-align:center }
.nav .num1 .sy2_ul, .nav .num7 .sy2_ul{ left:0;}
.nav .num2 .sy2_ul, .nav .num8 .sy2_ul{ left:0}
.nav .num3 .sy2_ul, .nav .num9 .sy2_ul{ left:0;}
.nav .num4 .sy2_ul, .nav .num10 .sy2_ul{ left:0;}
.nav .num5 .sy2_ul, .nav .num11 .sy2_ul{ left:0;}
.sy2_ul .sy2_inside{ float:none; padding:0}
.sy2_li a.next_open{ display:none !important}
.sy2_li.Has_Children a.next_open{ display:block !important}
}
@media only screen and (max-width: 640px)
{

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

.phone_container{ width:280px;}
	
 }  
@media only screen and (max-width: 375px)
{

.phone_container{ width:280px;}
 }  
@media only screen and (max-width: 320px)
{
 .phone_container{ width:320px;}

.phone_container .dl_box span span{width: 100%;margin-top:10px;}
.phone_container .dl_box span a,.tushu { margin-top: 10px;}
.logo { margin-left: 0px !important;}
 .phone_search .searchTxt{width:70%;}

}