@charset "utf-8";

*{box-sizing: border-box;font-family:"微软雅黑"}
body{background: url(../images/bg.jpg) no-repeat top center #e3edf7; background-size:100%;font-size:14px; color:#333; -webkit-text-size-adjust:none; outline:0;margin:0; padding:0;  }
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block; margin:0; padding:0; border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,select,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size: inherit;}
li{list-style-type:none;}
textarea{resize:none;}
table{word-wrap:break-word !important; border-collapse:collapse !important;}
a{color:#333; text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
a, a:link, a:visited, a:hover, a:active, a:focus{text-decoration: none; outline: 0; border: 0; margin:0; padding:0}
a:hover{ color:#0a4ca5;-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;}
li a:hover{ color:#0a4ca5 ;-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;}
p{ word-wrap: break-word; word-break: normal;}
img{border:none;/* vertical-align:bottom;*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.clearfix {overflow: auto;zoom: 1;}

@-webkit-keyframes scaleBigToSmall {
  0% { 
	opacity: 1;
	-webkit-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	transform: scale(1.2);
  }
  100% { 
	opacity: 1;
	-webkit-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
  }
}
@keyframes scaleBigToSmall {
  0% { 
	opacity: 1;
	-webkit-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	transform: scale(1.2);
  }
  100% { 
	opacity: 1;
	-webkit-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
  }
}
.scaleBigToSmall{
	-webkit-animation-name: scaleBigToSmall;
	animation-name: scaleBigToSmall;
	transform-origin: 50% 50%;
}


.mianw{ width:1000px; margin:0 auto}
h1{ font-size:24px;}
b{ font-weight:bold}
.font1{ font-size:16px;}
.font2{ font-size:18px;}
.color1{ color:#666}
.color2{ color:#fff}



.header{ height:135px;}
.header img{ margin-top:32px}
/*.headernav{ width:1230px; margin:0 auto; position: relative;}*/
.header .right{ width:250px; float:right}
.header .right .box1{ width:100%; height:35px; text-align:right}
.header .right .box1 a{ font-size:13px; color:#fff; padding-left:20px; line-height:35px;}
.header .right .box1 a.bg1{ background:url(../images/iconHome.png) no-repeat left center}
.header .right .box1 a.bg2{ background:url(../images/iconStat.png) no-repeat left center}
.header .right .box1 span{ font-size:12px; color:#fff; margin:0 8px; line-height:35px;}
.header .right .box2{ width:100%; height:30px; margin-top:18px; background:#fff; border-radius:50px;  }
.header .right .box2 input[type=text]{ width:calc(100% - 45px); padding-left:15px; height:30px; background:transparent; border:none; float:left; color:#999}
.header .right .box2 input[type=submit]{ width:30px; height:30px; background:url(../images/iconSearch.png) no-repeat; border:none; float:left; cursor:pointer}
.zuo{
	border: 9px solid #0a4ca5;
    border-color: transparent #0a4ca5 transparent transparent;
    position: absolute;
    bottom: -9px;
    left: 3px;
    z-index: 666;
    transform: rotate(135deg);
}
.you{
	border: 9px solid #0a4ca5;
    border-color: transparent #0a4ca5 transparent transparent;
    position: absolute;
    bottom: -9px;
    right: 3px;
    z-index: 666;
    transform: rotate(45deg);
}
.headbanner{ width:1000px;  margin: 0 auto; position:relative}
.headbanner img{ width:100%}



.headermenu {
    width: 784px;
    height: 45px;
    line-height: 45px;  
    z-index: 99;
	position:absolute;
	text-align:center;
	background:url(../images/navBG.png) no-repeat;
	top:-16px;
	right:0;
}
.headermenu li{ width:11.11%; float:left; text-align: center; height:45px;transition: .4s; position:relative}
.headermenu li a{ font-size:14px; color:#fff; line-height:45px;}
.headermenu li a:hover{ font-weight:bold;}
.headermenu li:after{ content: "";width: 1px;height: 12px;background: #7fafdf;position: absolute;left: 0; top: 40%;}
.headermenu li:hover{ background:#0a4ca5}
.headermenu .two{display: none;margin-top: 10px;}
.headermenu li:hover .two{display: block;}   /* 鼠标滑过一级菜单后的显示二级菜单 */
.headermenu .two li{padding: 5px 0;transition: .4s;cursor: pointer;}
.headermenu .two li:hover{background: pink;}

nav{
	 width: 784px;
    height: 45px;
    line-height: 45px;  
    z-index: 99;
	position:absolute;
	text-align:center;
	background:url(../images/navBG.png) no-repeat;
	top:-16px;
	right:0;
	}
nav .level>li{float: left;width: 11.11%;text-align: center; font-size: 14px;transition: .4s;}
nav .level>li a{color: #fff;   line-height:45px}
nav .level>li:hover{ display:block} 
nav .level .two{ display:none !important; border-radius:0 0 5px 5px; display:inline-block}  /* 先使二级菜单的内容隐藏 */
nav .level>li:hover .two{display: block !important; background: #196ad6; border-radius:0 0 5px 5px;}   /* 鼠标滑过一级菜单后的显示二级菜单 */
nav .two li{padding: 0; height:35px; transition: .4s;cursor: pointer;  display:inline-block; width:100%}
nav .two li a{ font-size:12px;line-height:35px;  }
nav .two li:hover{background:#0a4ca5;}



.headermenu2 {
    width: 784px;
    height: 45px;
    line-height: 45px;  
    z-index: 99;
	position:absolute;
	text-align:center;
	background:url(../images/navBG.png) no-repeat;
	top:-16px;
	right:0;
}
.headermenu2 a{ font-size:14px; color:#fff; line-height:100%; padding:0 14px; position:relative}
.headermenu2 a:after{ 
    content: "";
    width: 1px;
    height: 12px;
    background: #7fafdf;
    position: absolute;
    left: 0;
    top: 27%;
}
.headermenu2 a:nth-child(1)::after{ width:0}

.headernav {
    width: 1230px;
    height: 60px;
    line-height: 60px;
    background: #0a4ca5;
    margin: 0 auto;
    z-index: 667;
	position: relative;
}
.nav_menu { width:100%;height: 60px;line-height: 60px;background: #0a4ca5;margin: 0 auto;z-index: 667;}
.nav_menu  li{ width:16.66%; height:60px;line-height:60px;float:left;display:inline-block;overflow:hidden; text-align:center;}
.nav_menu  li a{color:#fff;display: block;font-size:18px;color:#fff;padding: 0 20px 0 60px; text-decoration: none; }
.nav_menu  li:nth-child(1) a{background:url(../images/nav_icon1.png) no-repeat 40%  45%}
.nav_menu  li:nth-child(2) a{background:url(../images/nav_icon2.png) no-repeat 25%  45%}
.nav_menu  li:nth-child(3) a{background:url(../images/nav_icon3.png) no-repeat 25%  45%}
.nav_menu  li:nth-child(4) a{background:url(../images/nav_icon4.png) no-repeat 25%  45%}
.nav_menu  li:nth-child(5) a{background:url(../images/nav_icon5.png) no-repeat 25%  45%}
.nav_menu  li:nth-child(6) a{background:url(../images/nav_icon6.png) no-repeat 25%  45%}
.nav_menu  li:hover{background:#0a4ca5; display:block}
.nav_menu  li.on{ background:#0a4ca5}

.indexad{ width:1000px; margin:0 auto}
.indexad img{ width:100%; margin-top:10px;}

.main{ background:#fff; border:1px solid #aacaf0; width:998px;  margin:0 auto; margin-top:10px; border-radius:5px; min-height:500px}
.main2{ background:#fff;  width:1000px; padding:15px;  margin:0 auto; margin-top:15px; border-radius:5px}
.main100{ width:100%}
.main .con{ width:100%; padding:14px;}
.headnews{ background:#e9f3fc; height:50px; margin-bottom:15px; overflow:hidden; }
.main .con .headnews .left{ width:150px; height:100%; float:left; background:#0a4ca5; text-align:center}
.main .con .headnews .left span{ font-size:14px; color:#fff; line-height:50px; background:url(../images/icon1.png) no-repeat; padding-left:30px;}
.main .con .headnews .rights{ width:810px;  height:100%; display:inline-block; text-align:center; font-size:0}
.main .con .headnews .rights a{ width:48%; height:100%; float:left; display:block; margin:0 1%}
.main .con .headnews .rights a h1{ font-size:14px; color:#111;  float:left}
.main .con .headnews .rights a span{ font-size:12px; color:#666666; padding-left:30px; float:left; line-height:50px;}
.main .con .headnews .rights a:hover h1{ color:#0a4ca5} 

.main .con .bannews{ width:100%}
.main .con .bannews .ban{ width:520px; height:330px; float:left} 

/*banner*/
.yx-rotaion{ margin-right: auto; margin-bottom: 0; margin-left: auto; }
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-title p{width:100%; position:absolute; bottom:0; height:40px; line-height:40px; color:#fff; padding:0 10px; background:grba(0,0,0,.4)}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}
.rotaion_list li{ width:520px}
.rotaion_list li img{ width:520px; height:330px;}

.main .con .bannews .news{ width:480px;  float:left; margin-left:20px}
.main .con .bannews .news .tab{ height:50px; border-bottom:1px solid #0a4ca5}
.main .con .bannews .news .tab a{ font-size:18px; width:140px; text-align:center; display:inline-block; line-height:50px; color:#333; margin-right:1px;}
.main .con .bannews .news .tab a:hover{ background:#0a4ca5; color:#fff}
.main .con .bannews .news .tab a.on{ background:#0a4ca5; color:#fff}
.main .con .bannews .news ul{ width:100%}
.main .con .bannews .news ul li{ height:51px; border-bottom:1px dashed #e1e1e1;line-height:51px; background:url(../images/arr1.png) no-repeat 5px 23px;}
.main .con .bannews .news ul li a{ width:77%; float:left;  font-size:16px; color:#333;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left:20px;}
.main .con .bannews .news ul li span{ width:20%; float:right; font-size:14px; color:#999;   text-align:right; padding-right:10px}

.main .con .ad{margin:20px 0}
.main .con .ad li{ width:380px; margin-left:10px; float:left}
.main .con .ad li img{ width:100%}
.main .con .ad li:nth-child(1){ margin-left:0}


.main .con .icons{ width:100%;  margin-top:15px;} 
.main .con .icons  ul{ width:100%; font-size:0}
.main .con .icons  ul li{ width:19.2%; margin-left:1%; text-align:center; display:inline-block; height:80px;} 
.main .con .icons  ul li a{ display:block; font-size:14px; color:#111;   padding:0 0 0 40px; line-height:80px;}
.main .con .icons  ul li:hover a{ color:#fff}
.main .con .icons  ul li:nth-child(1){background:url(../images/icon2.png) no-repeat 20%  45% #e9f3fc; margin-top:0; margin-left:0; display:inline-block}
.main .con .icons  ul li:nth-child(2){background:url(../images/icon3.png) no-repeat 20%  45% #e9f3fc}
.main .con .icons  ul li:nth-child(3){background:url(../images/icon4.png) no-repeat 20%  45% #e9f3fc}
.main .con .icons  ul li:nth-child(4){background:url(../images/icon5.png) no-repeat 20%  45% #e9f3fc}
.main .con .icons  ul li:nth-child(5){background:url(../images/icon5.png) no-repeat 20%  45% #e9f3fc}
.main .con .icons  ul li:nth-child(1):hover{background:url(../images/icon2s.png) no-repeat 20%  45% #0a4ca5; margin-top:0; margin-left:0; display:inline-block}
.main .con .icons  ul li:nth-child(2):hover{background:url(../images/icon3s.png) no-repeat 20%  45% #0a4ca5}
.main .con .icons  ul li:nth-child(3):hover{background:url(../images/icon4s.png) no-repeat 20%  45% #0a4ca5}
.main .con .icons  ul li:nth-child(4):hover{background:url(../images/icon5s.png) no-repeat 20%  45% #0a4ca5}
.main .con .icons  ul li:nth-child(5):hover{background:url(../images/icon5s.png) no-repeat 20%  45% #0a4ca5;}

.main .con .wnnews{ width:100%; margin-top:15px;}
.main .con .wnnews .wn{ width:520px;  float:left; margin-left:20px;}
.main .con .wnnews .wn .tab{height:35px; background:#f6f6f6}
.main .con .wnnews .wn .tab a{ font-size:16px; width:120px; text-align:center; display:inline-block; line-height:35px; color:#333; margin-right:1px;}
.main .con .wnnews .wn .tab a:hover{ background:#0a4ca5; color:#fff}
.main .con .wnnews .wn .tab a.on{ background:#0a4ca5; color:#fff}
.main .con .wnnews .wn ul{ width:100%}
.main .con .wnnews .wn ul li{ height:40px; line-height:40px; background:url(../images/dot.jpg) no-repeat 5px 18px}
.main .con .wnnews .wn ul li a{width: 77%; float:left;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;padding-left:15px; }
.main .con .wnnews .wn ul li span{width: 20%; float:right; font-size: 14px;color: #999;text-align: right;padding-right: 10px;}

.main .con .wnnews .notice{ width:49%; margin-left:2%; float:left}
.main .con .wnnews .margin0{ margin:0}
.main .con .wnnews .notice .tab{ height:35px; background:#f6f6f6}
.main .con .wnnews .notice .tab a{ font-size:14px; width:120px; text-align:center; display:inline-block; line-height:35px; color:#333; margin-right:1px;}
.main .con .wnnews .notice .tab a:hover{ background:#0a4ca5; color:#fff}
.main .con .wnnews .notice .tab a.on{ background:#0a4ca5; color:#fff}
.main .con .wnnews .notice .tab a.more{ font-size:14px; color:#999 !important; float:right; margin-right:10px; width:auto !important}
.main .con .wnnews .notice .tab a.more:hover{ background:none !important; color:#0a4ca5 !important}
.main .con .wnnews .notice ul{ width:100%}
.main .con .wnnews .notice ul li{ height:40px; line-height:40px; background:url(../images/dot.jpg) no-repeat 5px 18px}
.main .con .wnnews .notice ul li a{width: 70%; float:left;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;padding-left:15px; }
.main .con .wnnews .notice ul li span{width: 25%; float:right; font-size: 14px;color: #999;text-align: right;padding-right: 10px;}

.main .con .ad2{ width:100%; margin:20px 0}
.main .con .ad2 li{ width:575px; float:left; margin-left:10px}
.main .con .ad2 li img{ width:100%}
.main .con .ad2 li:nth-child(1){ margin-left:0}

.main .con .news{ margin-bottom:20px;}
.main .con .news1{ width:410px; float:left; margin-right:20px}
.main .con .news1 .tab{ height:35px; background:#f6f6f6}
.main .con .news1 .tab a{ font-size:16px; width:120px; text-align:center; display:inline-block; line-height:35px; color:#333; margin-right:1px;}
.main .con .news1 .tab a:hover{ background:#0a4ca5; color:#fff}
.main .con .news1 .tab a.on{ background:#0a4ca5; color:#fff}
.main .con .news1 .tab a.w{ width:160px}
.main .con .news1 .tab a.more{ font-size:14px; color:#999 !important; float:right; margin-right:10px; width:auto !important}
.main .con .news1 .tab a.more:hover{ background:none !important; color:#0a4ca5 !important}
.main .con .news1 ul{ width:100%}
.main .con .news1 ul li{ height:40px; line-height:40px; background:url(../images/dot.jpg) no-repeat 5px 18px}
.main .con .news1 ul li a{width: 75%; float:left;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;padding-left:15px; }
.main .con .news1 ul li span{width: 25%; float:right; font-size: 14px;color: #999;text-align: right;padding-right: 10px;}
.main .con .news1 .sub{ width:100%; margin-top:5px; height:35px; background:#e8faec; text-align:center; line-height:15px; color:#bac8bd}
.main .con .news1 .sub a{ color:#333; margin:0 25px; line-height:35px; font-weight:bold;}
.main .con .news1 .sub a:hover{ color:#0a4ca5}
.main .con .news1 .sub a.on{ color:#0a4ca5}
.main .con .news1.m2{ margin-right:20px; }

.main .con .news .brand{ width:300px; float:left} 
.main .con .news .brand .tab{ height:35px; background:#f6f6f6}
.main .con .news .brand .tab a{ font-size:16px; width:140px; text-align:center; display:inline-block; line-height:35px; color:#333; margin-right:1px;    padding: 0 20px 0 50px;}
.main .con .news .brand .tab a.on{ background:url(../images/icon_brand.png) no-repeat 20px 7px #0a4ca5; color:#fff}
.main .con .news .brand .tab a.cover{ background:url(../images/icon_cart.png) no-repeat 20px 6px #0a4ca5;color:#fff}
.main .con .news .brand .tab a:hover{ background:#0a4ca5; color:#fff} 
.main .con .news .brand .tab a.more{ font-size:14px; color:#999 !important; float:right; margin-right:10px; width:auto !important}
.main .con .news .brand .tab a.more:hover{ background:none !important; color:#0a4ca5 !important}
.main .con .news .brand .box{ width:100%; height:180px; position:relative; margin-top:5px}
.main .con .news .brand .box img{ width:100%;}
.main .con .news .brand .box a{color:#fff; line-height:35px;height:35px; position:absolute; width:100%; bottom:0; background:rgba(0,0,0,.4);padding:0 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 
.main .con .news .brand .box a:hover{ background:rgba(39,142,37,.85)}
.main .con .brand ul{ width:100%; margin-top:15px;}
.main .con .brand ul li{ height:40px; line-height:40px; background:url(../images/dot.jpg) no-repeat 5px 18px}
.main .con .brand ul li a{width:100%; float:left;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;padding-left:15px; } 
.main .con .brand ul li:nth-child(1n+3){ display:none}

.main2  .meili{ width:100%;}
.main2  .meili .left{ width:106px; height:79px; background:url(../images/iconBg.png) no-repeat; float:left; text-align:center; }
.main2  .meili .left span{ font-size:16px; color:#fff; }
.main2  .meili .rights{ width:calc(100% - 106px); height:79px; float:left; font-size:0}
.main2  .meili .rights li{ width:12.5%; display:inline-block; height:79px; text-align:center}
.main2  .meili .rights li img{ margin-top:8px;}
.main2  .meili .rights li p{ font-size:14px; color:#111; line-height:2}

.footer{ margin:30px 0} 
.footer p{ text-align:center}
.footer span{ font-size:14px; color:#333; margin:0 5px; line-height:24px}
.footer a{font-size:14px; color:#333; margin:0 5px; line-height:24px}
.footer a:hover{ color:#0a4ca5}
.footer p a:nth-child(2){ background:url(../images/icon18.png) no-repeat left center; padding-left:30px;}

/*page*/ 
.pagination p{
	margin:0;
	cursor:pointer
}
.pagination{
	width:100%;
	float:left;
	height:40px;
	margin:20px 0px;
}
.pagination span{ 
    float:left;
	margin-right: 10px;
    padding: 1px 12px;
    height: 27px;
    border: 1px #cccccc solid;
	font-size:12px;
	line-height:27px; 
}
.pagination a{
	display:block;
	float:left;
	margin-right:10px;
	padding:1px 12px;
	height:27px;
	border:1px #cccccc solid;
	background:#fff;
	text-decoration:none;
	color:#808080;
	font-size:12px;
	line-height:27px;
}
.pagination a:hover{
	color:#0a4ca5;
	background: white;
	border:1px #0a4ca5 solid;
}
.pagination a.cur{
	border:none;
	background:#0a4ca5;
	color:#fff;
}
.pagination p{
	float:left;
	padding:1px 12px;
	font-size:12px;
	height:27px;
	line-height:27px;
	color:#bbb;
	border:1px #ccc solid;
	background:#fcfcfc;
	margin-right:8px;
}
.pagination p.pageRemark{
	border-style:none;
	background:none;
	margin-right:0px;
	padding:4px 0px;
	color:#666;
}
.pagination p.pageRemark b{
	color:#0a4ca5;
}
.pagination p.pageEllipsis{
	border-style:none;
	background:none;
	padding:4px 0px;
	color:#808080;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}


.nav { background:url(../images/icon_nav.png) no-repeat scroll 0 10% transparent; padding:0 0 10px 25px;font-size:14px;color:#999;}
.nav a:link, .nav a:visited { color:#333; text-decoration:none; }
.nav a:hover { color:#0a4ca5;   }
.newslist{ padding-top:10px; border-top:1px solid #e5e5e5}
.newslist li{ width:100%; border-bottom:1px dashed #dadada; display:inline-block}
.newslist li a{ width:90%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:16px; line-height:45px; height:45px; float:left; padding-left:10px}
.newslist li span{ width:10%; float:left; line-height:45px; text-align:right; padding-right:10px}
.newslist li:hover{ background:rgba(0,0,0,.03)}
.newslist li:link, .newslist li:visited{ background:rgba(0,0,0,.03)}

.zhuanti{ float: left;}
.zhuanti .left{ width:240px; float:left}
.zhuanti .left h1{color: #0a4ca5;line-height: 2.2;}
.zhuanti .left ul{ width:100%;}
.zhuanti .left ul li{ width:100%; height:50px; line-height:50px;background:url(../images/arr2.png) no-repeat 95% 46% #0a4ca5; margin-bottom:2px }
.zhuanti .left ul li a{ font-size:16px; color:#fff; padding-left:20px; width:90%; display:block;}
.zhuanti .left ul li a:hover{ color:#fff}
.zhuanti .left ul li:hover{color:#fff; background:url(../images/arr2.png) no-repeat  95% 46%  #196ad6; }
.zhuanti .left ul li.on{color:#fff; background:url(../images/arr2.png) no-repeat  95% 46%  #196ad6; }
.zhuanti .left .ad{ width:100%; margin:0}
.zhuanti .left .ad img{ width:100%; margin-top:10px;}
.zhuanti .right{ width:705px; float:left; margin-left:20px;}
.zhuanti .right .title{ width:100%; height:49px; border-bottom:1px solid #0a4ca5;}
.zhuanti .right h1{ font-size:20px; font-weight:bold; padding-left:20px; line-height:49px; position:relative}
.zhuanti .right h1:before{ width:3px; height:18px; background:#0a4ca5;content:""; position:absolute; left:0; top:14px; z-index:99;}
.zhuanti .right .zhuanlan{ width:100%}
.zhuanti .right .zhuanlan li{ width:100%; border-bottom:1px dashed #dadada; display:inline-block}
.zhuanti .right .zhuanlan li a{ width:85%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:14px; line-height:45px; height:45px; float:left; padding-left:10px}
.zhuanti .right .zhuanlan li span{ width:15%; float:left; line-height:45px; text-align:right; padding-right:10px}
.zhuanti .right .zhuanlan li:hover{ background:rgba(0,0,0,.03)}
.zhuanti .right .zhuanlan li:link, .newslist li:visited{ background:rgba(0,0,0,.03)}         

.park{ width:100%}
.park li{ width:100%; display:inline-block; margin:15px 0; background:#f6f6f6; border:none !important}
.park li a {width:100% !important; display:block; border:none !important; height:auto !important; margin:0 !important; padding:0 !important;}
.park li img{ float:left; width:40%;}
.park li .text{width:60%; float:left; padding:30px 30px 0 30px;}
.park li .text h2{ font-size:18px; font-weight:bold; line-height:30px}
.park li .text p{ width:100%; height:66px; font-size:14px; line-height:22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin:15px 0; word-break: break-all !important; word-wrap:normal !important}
.park li .text span{ font-size:14px; color:#0a4ca5}

.brands{width:100%}
.brands li{width:100%}
.brands li{ width:32%; float:left; margin:2% 0 0 2%}
.brands li img{ width:100%;  }
.brands li a{ width:100%; font-size:16px; color:#333; line-height:30px; }
.brands li a h2{height:30px;display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin:0 5px 0 }
.brands li a p{ width:100%; height:44px; font-size:14px;  line-height:22px; color:#999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.brands li:nth-child(1){ margin-left:0}
.brands li:nth-child(4){ margin-left:0}
.brands li:nth-child(7){ margin-left:0}
.brands li:nth-child(10){ margin-left:0}

.shownews{ border-top:1px solid #e5e5e5}
.shownews h1{ font-size:26px; color:#333; line-height:40px; padding:20px; text-align:center}
.shownews .date{ background:#f6f6f6; text-align:center; padding:10px 0}
.shownews .date span{ font-size:14px; color:#666; margin:0 5px;}
.shownews .detail{ padding:20px; }
.shownews .detail p{font-size:14px; line-height:2;  overflow:hidden}
.shownews .detail p img{ max-width:100%}

.hudong{ margin-top:10px; margin-bottom:20px}
.hudong .box{ width:100%}
.hudong .box .left{ width:250px;height:90px; background:#0a4ca5; float:left; border-radius:5px;}
.hudong .box .left .img{ width:65px; margin:10px 0 0 40px; background:url(../images/icon_line.png) no-repeat center right;float:left;}
.hudong .box .left .text{ width:120px; margin:10px 0 0 20px; float:left;}
.hudong .box .left .text h1{ font-size:16px; line-height:30px; position:relative; padding-left:15px;}
.hudong .box .left .text h1:before{ content:"";width:3px; height:12px; left:0; top:9px; background:#fff; position:absolute; z-index:999;}
.hudong .box .left .text h2{ font-size:22px; font-weight:bold;margin-top: 5px;}
.hudong .box .right{ width:888px; height:90px; float:left; margin-left:20px; border:1px solid #0a4ca5; border-radius:5px;}
.hudong .box .right .img{ width:65px; margin:10px 0 0 40px; background:url(../images/icon_line2.png) no-repeat center right;float:left;}
.hudong .box .right .text{ width:300px; margin:10px 0 0 20px; float:left;}
.hudong .box .right .text h1{ width:730px; display:block; float:left;    position: relative;padding-left: 15px;}
.hudong .box .right .text h1 span{font-size:16px; line-height:30px; float:left}
.hudong .box .right .text h1 a{ font-size:16px; font-weight:bold; color:#0a4ca5; line-height:30px; display:none; float:left;}
.hudong .box .right .text h1:before{ content:"";width:3px; height:12px; left:0; top:9px; background:#0a4ca5; position:absolute; z-index:999;}
.hudong .box .right .text .box{ width:730px; height:35px; margin-top:3px;}
.hudong .box .right .text .box input[type=text]{width:40%; height:35px; padding:0 15px; color:#0a4ca5; background:rgba(84,168,70,.3); border:none; margin-right:1%; border-radius:5px;}
.hudong .box .right .text .box input[type=submit]{width:16%; height:35px; font-size:16px; color:#fff; text-align:center; background:#0a4ca5; border:none;border-radius:5px;}

.livemessage{padding-top: 30px;border-top: 1px solid #e5e5e5;}
.livemessage .text{ font-size:16px;}
.livemessage .text p{ line-height:30px; padding-left:25px;}
.livemessage .tab{}
.livemessage .tab h1{ font-size:16px; color:#0a4ca5; background:#c3e1be; padding-left:25px; line-height:45px; margin-top:20px;}
.livemessage .tab .box{ border:1px solid #dadada; padding:30px}
.livemessage .tab .box li{ width:100%; margin:10px 0; display:inline-block}
.livemessage .tab .box li span{ width:100px; float:left; font-size:16px; line-height:35px; text-align:right; margin-right:20px}
.livemessage .tab .box li input[type=text]{ width:580px; padding:0 10px; height:35px; border:1px solid #cccccc}
.livemessage .tab .box li em{ color:#d10505;line-height:35px; margin-left:5px}
.livemessage .tab .box li .sel{ width:580px; padding:0 10px; height:35px; border:1px solid #cccccc}
.livemessage .tab .box li .note{ font-size:12px; color:#f00; line-height:24px;width: 200px; text-align: left;}
.livemessage .tab .box li textarea{ width:860px; height:170px;border:1px solid #cccccc; padding:10px;}
.livemessage .tab .box li .w2{ width:200px;}
.livemessage .submit{ text-align:center; margin:40px 0; width:100%; }
.livemessage .submit input[type=submit]{ width:200px; height:50px; text-align:center; font-size:20px; line-height:50px;; margin:0 15px; border:none; color:#fff; border-radius:5px;}
.livemessage .submit input[type=submit]:hover{ font-weight:bold;}
.livemessage .submit input[type=submit].bg1{ background:#0a4ca5}
.livemessage .submit input[type=submit].bg2{ background:#aeaeae}

.showmessage{padding-top: 30px;border-top: 1px solid #e5e5e5;}
.showmessage .title{ border-bottom:2px solid #0a4ca5; font-size:24px; font-weight:bold; text-align:center; padding-bottom:20px; line-height:35px;}
.showmessage .box{ border:1px solid #e5e5e5; margin-top:35px;}
.showmessage .box ul{ width:100%;}
.showmessage .box ul li{ width:100%; display:inline-block;  border-bottom:1px solid #e5e5e5}
.showmessage .box ul li .w1{ width:13%; line-height:38px; float:left}
.showmessage .box ul li .w2{ width:36%; line-height:38px; float:left}
.showmessage .box ul li .w3{ width:100%; line-height:38px; float:left}
.showmessage .box ul li .bor{ border-left:1px solid #e5e5e5}
.showmessage .box ul li .bg{ background:#f7f7f7}
.showmessage .box ul li.bg2{ background:#f7f7f7}

.showmessage .box ul li b{line-height:38px;}
.showmessage .box ul li span{ padding-left:25px; line-height:38px;}
.showmessage .box ul li p{ padding:0 25px; line-height:1.8;  }
.showmessage .box ul li.pa{ padding:20px 0;}


/*phone menu*/
.menu{ position:absolute; right:10px; top:0; display:none}
.menu img{ width:90% !important}
.menu strong{ display:inline-block; float:left; color:#2f318b; font-size:16px; line-height:18px; font-weight:normal; margin-right:12px;}
.menu{ cursor:pointer; z-index:5;}
 
.menu span { position: relative; display: inline-block; width: 21px; height: 3px; background-color: #373c76;border-radius:2px; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s;
 -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; margin-top:-2px}
.menu span:after,
.menu span:before { content: ""; position: absolute; display: inline-block; width: 21px; height: 3px; left: 0;
border-radius:2px; background-color: #373c76; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu span:before {top: -6px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}

.menu span:after {bottom: -6px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu.active span:after,.menu.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu.active span:before {top: 0;background: #373c76;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu.active span:after {bottom: 0;background: #373c76;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menufix{ position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.8); background:#fff\9; filter:alpha(opacity=80); transition:466ms 0ms; opacity:0; visibility:hidden; perspective:800px;}

.menu span,.menu span:after, .menu span:before{ width:32px;}
.menu span:before{ top:-8px;}
.menu span:after{ bottom:-8px;} 
.menu strong{ display: inline-block; float: left; color: #2f318b;font-size: 16px;line-height: 18px; font-weight: normal; margin-right: 12px}
.menu span{position: relative; display: inline-block; width: 21px; height: 3px; background-color: #373c76; border-radius: 2px;vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s;transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; margin-top: -2px;}

.menubox{ position:fixed; width:100%; height:100%; left:0; top:0; background:#fff; display:none; overflow-y:auto; z-index:999; -webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;}
.menubox #index_close{ position:absolute; right:20px; top:20px; width:40px; height:40px;} 
.menus-list{ position:relative; margin:auto; margin-top:18%; width:90%; margin-bottom:88px;}
.menus-list li{ position:relative; text-align:center}
.menus-list li:before{ content:""; width:100%; height:1px; position:absolute; left:0; bottom:0;  -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; border-bottom:1px solid #e5e5e5;}
.menus-list li:last-child{ border-bottom:none;}

.menus-list li a{ line-height:64px; color:#323232; font-size:16px;   text-align:center;}
.menudown{ width:100%; position:fixed; left:0; bottom:0; background:#0a4ca5;}
.menudown a{ display:block; width:100%; height:66px; float:left; position:relative; text-align:center; font-size:16px; color:#fff; line-height:60px; padding-left:10%}
.menudown a:nth-child(1){ background:#0a4ca5 url(../images/weix.png) 35% 45%  no-repeat;}
.menudown a:nth-child(2){ background:url(../images/cart.png) center no-repeat;}

.popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px;   background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -110px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;}
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block; }


.demo1{
	width: calc(100% - 540px);
    float: left;
    margin-left: 20px
}
.demo1 .tab_menu {
	overflow: hidden;
	height:38px;
    border-bottom: 1px solid #0a4ca5;
	background:#eeeeee;
}
.demo1 .tab_menu li {
	width: 110px;
	float: left;
	height: 38px;
	line-height: 38px;
	color: #333; 
	text-align: center;
	cursor: pointer;
	 
}
.demo1 .tab_menu li.current {
	color: #fff;
	background: #0a4ca5;
}
.demo1 .tab_menu li a {
	color: #111;
	font-size:14px;
	text-decoration: none;
}
.demo1 .tab_menu li.current a {
	color: #fff;
}
.demo1 .tab_menu .more{ font-size:12px; color:#999; line-height:38px; float:right; margin-right:10px;}
.demo1 .tab_menu .more:hover{ color:#0a4ca5}
.demo1 .tab_box {
	width:100%
}
.demo1 .tab_box li {
	height: 42px;
	line-height: 42px;
	overflow: hidden; 
    border-bottom: 1px dashed #e1e1e1; 
    background: url(../images/arr1.png) no-repeat 5px 23px;
}

.demo1 .tab_box li a
{
	width: 77%;
    float: left;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 20px;
}
.demo1 .tab_box li a:hover{ color:#0a4ca5}
.demo1 .tab_box li span {
	width: 20%;
    float: right;
    font-size: 14px;
    color: #999;
    text-align: right;
    padding-right: 10px;
}
.demo1 .tab_box .hide {
	display: none;
}

 
.demo2{
	width:49%;
    float: left; 
}
.demo2 .tab_menu {
	overflow: hidden;
	height: 35px; 
	background:#eeeeee;
}
.demo2 .tab_menu .more{
	font-size: 12px;
    color: #999;
    line-height: 38px;
    float: right;
    margin-right: 10px;
}
.demo2 .tab_menu .more:hover{ color:#0a4ca5}
.demo2 .tab_menu li {
	width: 110px;
	float: left;
	height: 35px;
	line-height: 35px;
	color: #333; 
	text-align: center;
	cursor: pointer;
	 
}
.demo2 .tab_menu li.current {
	color: #fff;
	background: #0a4ca5;
}
.demo2 .tab_menu li a {
	color: #333;
	font-size:14px;
	text-decoration: none;
}
.demo2 .tab_menu li.current a {
	color: #fff;
}
.demo2 .tab_box {
	width:100%
}
.demo2 .tab_box li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;  
    background: url(../images/dot.jpg) no-repeat 5px 18px;
}

.demo2 .tab_box li a
{
	width: 77%;
    float: left;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px; 
}
.demo2 .tab_box li a:hover{ color:#0a4ca5}
.demo2 .tab_box li span {
	width: 20%;
    float: right;
    font-size: 14px;
    color: #999;
    text-align: right;
    padding-right: 10px;
}
.demo2 .tab_box .hide {
	display: none;
}

 

.demo3{
	width: 410px;
    float: left;
    margin-right: 20px;
}
.demo3 .tab_menu {
	overflow: hidden;
	height: 35px;
	background:#e8faec;
	margin-top:5px;
}
.demo3 .tab_menu li {
	width: 33%;
	float: left;
	height: 20px;
	line-height: 20px;
	color: #333;
	background: #fff;
	text-align: center;
	cursor: pointer;
	background:#e8faec;
	margin-top:7px;
	border-right:1px solid #bac8bd
}
.demo3 .tab_menu li:nth-child(3){ border:none}
.demo3 .tab_menu li.current {
	color: #0a4ca5; 
}
.demo3 .tab_menu li a {
	color: #333;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
}
.demo3 .tab_menu li.current a {
	color: #0a4ca5;
}
.demo3 .tab_box {
	width:100%
}
.demo3 .tab_box li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;  
    background: url(../images/dot.jpg) no-repeat 5px 18px;
}

.demo3 .tab_box li a
{
	width: 75%;
    float: left;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 15px; 
}
.demo3 .tab_box li a:hover{ color:#0a4ca5}
.demo3 .tab_box li span {
	width: 25%;
    float: right;
    font-size: 14px;
    color: #999;
    text-align: right;
    padding-right: 15px;
}
.demo3 .tab_box .hide {
	display: none;
}
.demo3 .tab{ height:35px; background:#f6f6f6}
.demo3 .tab a{ font-size:16px; width:120px; text-align:center; display:inline-block; line-height:35px; color:#333; margin-right:1px;}
.demo3 .tab a:hover{ background:#0a4ca5; color:#fff}
.demo3 .tab a.on{ background:#0a4ca5; color:#fff}
.demo3 .tab a.w{ width:160px}
.demo3 .tab a.more{ font-size:14px; color:#999 !important; float:right; margin-right:10px; width:auto !important}
.demo3 .tab a.more:hover{ background:none !important; color:#0a4ca5 !important}



#marquee1 {
	width: 310px;
	height: 45px;
	overflow: hidden;
	background: #333;
	border: 2px solid #333;
	margin: 20px auto 0;
}
#marquee1 ul li {
	float: left;
	padding: 0 1px;
}
#marquee1 ul li img {
	display: block;
}
#marquee2 {
	width: 100%;
	height:79px;
	overflow: hidden;  
}
#marquee2 ul li {
	float: left;
	padding: 0 10px;
	/*line-height: 25px;*/
}
#marquee3 {
	width: 60px;
	height: 235px;
	overflow: hidden;
	background: #333;
	border: 2px solid #333;
	margin: 20px auto 0;
}
#marquee3 ul li {
	float: left;
	padding: 1px 0;
}
#marquee3 ul li img {
	display: block;
}
#marquee4 {
	width: 200px;
	height: 200px;
	overflow: hidden;
	background: #EFEFEF;
	margin: 20px auto 0;
}
#marquee4 ul li {
	float: left;
	width: 180px;
	padding: 10px;
	line-height: 20px;
}
.shuoming {
	text-align: center;
	margin-top: 30px;
}
.shuoming p {
	height: 40px;
	font-size: 18px;
	line-height: 40px;
}