﻿@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;font-family:"arial","microsoft yahei"}
html{width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;font-size:16px;}

body{font-family:"arial","microsoft yahei";width:100%;position:relative}


a,body{font-family:"microsoft yahei"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}


	


.main-header {
    height: 70px;
	background-color:#fff;
    z-index: 60;
	width:100%;
	position:relative;
	/*
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);
border-bottom: rgba(255,255,255,0);*/

		
}
.cd-logo {
    position: absolute;

    left: 10px;
   
}
.cd-logo h1{ margin-top:8px;}
.logotxt{ margin-left:12px;}
.cd-logo h2{ color:#207cca; font-size:20px; line-height:70px; margin-left:8px;}


.search_open {
display: block;
width: 30px;
background: url(../images/wap_sea.png) no-repeat;
position: absolute;
right:60px;
top:20px;
color: #fff;
font-size: 12px;height:30px;
text-align: center;background-position:center center; background-size:auto 25px;
}
.menu_open {
display: block;
    width: 30px;
background: url(../images/wap_menu.png) no-repeat;
	position: absolute;
	right:10px;
top:20px;
color: #fff;
font-size: 12px; height:30px;
text-align: center;
background-position:center center; background-size:auto 25px;
}

#top{  display:none}
.search{ margin:15px;height:40px;display:box; display:-webkit-box; display:-moz-box;  }
.search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0;  text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0;  border-radius:5px  0px 0px 5px;  -moz-border-radius: 5px  0px 0px 5px; 
-khtml-border-radius: 5px  0px 0px 5px; 
-webkit-border-radius: 5px  0px 0px 5px; }
.search .button{ height:40px; width:40px;     display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px  5px 5px 0px;  -moz-border-radius: 0px  5px 5px 0px;
-khtml-border-radius: 0px  5px 5px 0px;
-webkit-border-radius: 0px  5px 5px 0px; background:#000 url(../images/wap_ico031.png) center center no-repeat; cursor:pointer;}	

.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
  transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

  .animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
  transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
-o-transform:rotate(-360deg); /* Opera */} 
	


.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.tbottom{ display:none;}
#BottomNav {display:none;}
.toubu{ display:none;}
.toubuge{display:none;}

/*.op{width:100%;  position:relative; margin:0 auto;overflow: hidden;}*/


.pcyincang{ display:none}
/*主菜单样式开始*/	
.menushu{ background:rgba(255,255,255,0.2); height:25PX; width:1PX!important; margin-top:20px;}
#menutongyong{color:#666; clear:both;  }
.yiji{box-sizing:border-box; padding-left:0; padding-right:0;}

.listtongyong ul li{float: left; text-align:center;position: relative; padding-top:0px;line-height:85px;}
.listtongyong ul li a{ color:#2180d0;display: block; position: relative; text-decoration:none;font-size: 17px;padding-left:17px; padding-right:17px; text-transform:capitalize;}

.listtongyong ul li .inactive{ display:none;}
	.listtongyong ul li .inactivepc{ display: block;}
	.listtongyong ul li .inactives{} 
	.listtongyong ul li ul{display: none; width:100%; position:absolute; left:0; top:85px; z-index:1111111111111111111111111111;}
	
	
	.listtongyong ul li ul li:hover{ background:#015cab}
	.listtongyong ul li ul li:last-child{ border-bottom:0px;}
	.listtongyong ul li ul li {background: #2180d0;width:100%;border-bottom: 1px solid rgba(255,255,255,0.2); line-height:40px;}
	.listtongyong ul li ul li::after { border:none;}
	.listtongyong ul li ul li a{ font-weight: lighter; color:#fff!important;font-size: 15px;}
	.listtongyong ul li ul li:hover a{ font-weight: lighter; font-size: 15px; opacity:0.9;background:#015cab}

	.sshang { display:none;}
	.listtongyong ul li:hover a{color: #2180d0}
.listtongyong ul li:hover  {color: #2180d0!important;}
.tel{ background:url(../images/index_06.jpg) no-repeat left; height:35px; padding-left:50px; line-height:38px; font-size:18px; font-weight:bold; color:#2180d0}


@media screen and (max-width: 640px) {
	.searcha{ display:none}
	#top{ margin-top:30px;}
	.menu_zi{ width:100%!important;}
	.dingbu .wd1200{ width:90%; margin:0 auto}
	.main{  width:100%;}
	.dhzd{ height:50px!important}
	#menutongyong{  width:100%; height:60px; color:#666; clear:both;   }
	#menutongyong{margin-top:-20px!important;   }
	.head{ display:none}
	.head_y{ margin-top:0px}
	.dier{ margin-left:5px;}
.logotxt{ margin-left:10px;}
.logotxt h2{ color:#000; font-size:18px; margin-top:0px;}
.logotxt h3{ font-family:Arial, Helvetica, sans-serif;color:#555; font-size:10px!important; margin-top:0px; font-weight:normal;}
	
.dier h2{ margin-top:0px;font-size:20px; color:#000; font-weight:bold}
.dier h3{ font-size:10px; color:rgba(85,85,85,0.7); font-weight:normal; margin-top:2px;}
#menutongyong{ margin-top:0px;  }
.listtongyong ul li:hover a{color: #fff}
	.pcyincang{ display:block}
	.logo{ display:none}
	.yuyan{ display:none}
	.listtongyong ul li .shouye{ color:#fff }
	.dingbu{ padding:0px!important;}
	.toubu{ display:block}
	.yincang{ display:none}
	.menushu{ display:none}
	.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;display:block;}
	.toubuge{ width:100%; height:50px;display:block;}
	.tbottom{ height:3rem; display:block;}
#BottomNav {
   background:#333;
    bottom: 0;
    height: 4em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9999; box-sizing:border-box; padding-left:10px; padding-right:10px; display:block;
}
#BottomNav ul li { opacity:0.9;
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; 
}


#BottomNav ul li a {
    color: #fff;
    display: block;
    
    padding-top:0.65rem; 

}


#BottomNav ul li a div {
    font-size: 0.85rem; padding-top:0.45rem;padding-bottom:0.5rem; 
}
#BottomNav .a {
    background-image: url(../images/shl-a3.png); background-size:auto 25px;
}
#BottomNav .b {
    background-image: url(../images/shl-b3.png);background-size:auto 25px;
}
#BottomNav .c {
    background-image: url(../images/shl-c3.png);background-size:auto 25px;
}
#BottomNav .d {
    background-image: url(../images/shl-d3.png);background-size:auto 25px;
}
#BottomNav .f {
    background-image: url(../images/shl-f3.png);background-size:auto 25px;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: 1.4rem;
	
}



#msk{ display:block; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;}
.mshouye {
    background-image: url(../images/drawer-home.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 20px;
}
.jianyou {
    background-image: url(../images/shl-down-open.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 19px;
}




/*主菜单样式开始*/	
	#menutongyong{ position:fixed; width:200px; height:100%;  right:-200px; background:#333333; color:#666; z-index:200; display:none;  overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);}
.yiji{box-sizing:border-box; padding-left:10px; padding-right:10px;}

.listtongyong{width: 100%;}
	.listtongyong ul li{ border-bottom:solid 1px #222; width:100%; float:none; text-align:left; }
	.listtongyong ul li::after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 1px solid #404040;
}
	.listtongyong ul li a{color: #E3E3E3; display: block;  height:50px;line-height: 50px;position: relative; text-decoration:none;
	}
	.listtongyong ul li:hover  {color: #E3E3E3;background: none;}
	.listtongyong ul li .inactive{ background:url(../images/shl-down-open1.png) no-repeat 96% center; background-size:auto 20px; display:block;}
	.listtongyong ul li .inactivepc{ display: none;}
	.listtongyong ul li .inactives{background:url(../images/shl-down-open.png) no-repeat 96% center; background-size:auto 20px;} 
	.listtongyong ul li ul{display: none; position:inherit; top:0;left:0px!important; width:100%}
	.listtongyong ul li ul li { border-left:0; border-right:0; background-color:#555; border-color:#666;}
	.listtongyong ul li ul li::after { border:none;}
	.listtongyong ul li ul li a{ padding-left:10px;background:url(../images/shl-img-h60.png) no-repeat 92% center; background-size:auto 8px;font-weight: lighter; color:#FFF; font-size:14px;}
	.listtongyong ul li ul li:hover a{  color:#fff;background:#555 url(../images/shl-img-h60.png) no-repeat 92% center;background-size:auto 8px; }
	.listtongyong ul li .shouye{ background:url(../images/drawer-home.png) no-repeat 96% center; background-size:auto 22px;}
	.sshang {
    background-color: #525252;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #CCC;
    font-size: 14px;
	display:block;
}
/*主菜单样式结束*/	
	
}

@media screen and (max-width: 768px) {
	.logotxt{ margin-left:10px;}
.logotxt h2{ color:#000; font-size:20px; margin-top:0px;}
.logotxt h3{ font-family:Arial, Helvetica, sans-serif;color:#555; font-size:10px!important; margin-top:0px; font-weight:normal;}
	.main{  width:100%;}
	.dhzd{ height:50px!important}
	#menutongyong{  width:100%; height:60px; color:#666; clear:both;   }
	.head{ display:none}
	.head_y{ margin-top:0px}
	.dier{ margin-left:5px;}

.dier h2{ margin-top:0px;font-size:20px; color:#000; font-weight:bold}
.dier h3{ font-size:10px; color:rgba(85,85,85,0.7); font-weight:normal; margin-top:2px;}
	#menutongyong{margin-top:-20px!important;   }
	
.listtongyong ul li:hover a{color: #fff}
	.pcyincang{ display:block}
	.logo{ display:none}
	.yuyan{ display:none}
		.listtongyong ul li ul{display: none; position:inherit; top:0;left:0px!important; width:100%}
	.listtongyong ul li .shouye{ color:#fff }
	.dingbu{ padding:0px!important;}
	.toubu{ display:block}
	.yincang{ display:none}
	.menushu{ display:none}
	.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;display:block;}
	.toubuge{ width:100%; height:50px;display:block;}
	.tbottom{ height:3rem; display:block;}
#BottomNav {
   background:#333;
    bottom: 0;
    height: 4em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9999; box-sizing:border-box; display:block;
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; 
}


#BottomNav ul li a {
    color: #fff;
    display: block;
    
    padding-top:0.45rem; 

}


#BottomNav ul li a div {
    font-size: 0.85rem; padding-top:0.35rem;padding-bottom:0.5rem; 
}
#BottomNav .a {
    background-image: url(../images/shl-a3.png); background-size:auto 25px;
}
#BottomNav .b {
    background-image: url(../images/shl-b3.png);background-size:auto 25px;
}
#BottomNav .c {
    background-image: url(../images/shl-c3.png);background-size:auto 25px;
}
#BottomNav .d {
    background-image: url(../images/shl-d3.png);background-size:auto 25px;
}
#BottomNav .f {
    background-image: url(../images/shl-f3.png);background-size:auto 25px;
}

#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: 1.4rem;
	
}



#msk{ display:block; width:100%; height:100%; top:0px; left:0; z-index:50;background:#000; opacity:0.5;}
.mshouye {
    background-image: url(../images/drawer-home.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 20px;
}
.jianyou {
    background-image: url(../images/shl-down-open1.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 19px;
}



/*主菜单样式开始*/	
	#menutongyong{ position:fixed; width:200px; height:100%;  right:-200px; background:#333333; color:#666; z-index:200; display:none;  overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);top:20px;}
.yiji{box-sizing:border-box; padding-left:10px; padding-right:10px;}

.listtongyong{width: 100%;}
	.listtongyong ul li{ border-bottom:solid 1px #222; width:100%; float:none; text-align:left; }
	.listtongyong ul li::after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 1px solid #404040;
}
	.listtongyong ul li a{color: #E3E3E3; display: block;  height:50px;line-height: 50px;position: relative; text-decoration:none;
	}
	.listtongyong ul li:hover  {color: #E3E3E3;background: none;}
	.listtongyong ul li .inactive{ background:url(../images/shl-down-open.png) no-repeat 96% center; background-size:auto 20px; display:block;}
	.listtongyong ul li .inactivepc{ display: none;}
	.listtongyong ul li .inactives{background:url(../images/shl-down-open1.png) no-repeat 96% center; background-size:auto 20px;} 
	.listtongyong ul li ul{ width:100%!important;display: none; position:inherit; top:0;}
	.listtongyong ul li ul li { border-left:0; border-right:0; background-color:#555; border-color:#666;}
	.listtongyong ul li ul li::after { border:none;}
	.listtongyong ul li ul li a{ padding-left:12px;background:url(../images/shl-img-h60.png) no-repeat 92% center; background-size:auto 8px;font-weight: lighter; color:#FFF;}
	.listtongyong ul li ul li:hover a{  color:#fff;background:#555 url(../images/shl-img-h60.png) no-repeat 92% center;background-size:auto 8px; }
	.listtongyong ul li .shouye{ background:url(../images/drawer-home.png) no-repeat 96% center; background-size:auto 22px;}
	.sshang {
    background-color: #525252;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #CCC;
    font-size: 14px;
	display:block;
}
/*主菜单样式结束*/	
	
}
