@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; font-family:"微软雅黑"; outline:none; }
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
html{-webkit-text-size-adjust:100%; -webkit-touch-callout:none; -webkit-user-select:none; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, caption,tbody,tfoot,thead,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
body{ background:#ededed; }
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); background: transparent; /*修正win8系统IE连接灰色背景*/ }
a:focus {outline: 0; -moz-outline-style: none; /* FF */}
a:active, a:hover { outline: 0; }
a div,a span{ cursor:pointer; }
img, input{ border:0;}
img{ -ms-interpolation-mode:bicubic}
input,textarea,select { border:0; outline:none; } 
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.qing{ overflow:hidden; display:block; clear:both;}
.center{ width:92%; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}
.song{ font-family:"宋体" !important;}
.tupian img{ width:100% !important; height:auto !important;}

/*圆角半径6px*/
.yj100{ border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; }

/*底部固定开始*/
#footer{width:100%; overflow:visible;position:fixed;left:0;bottom:0; zoom:1; z-index:1100;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
/*底部固定结束*/

/**- 共同样式 -**/
.ab_bt{ font-size:16px; color:#000; line-height:24px; }
a.ab_bt:visited{ color:#000; }
a.ab_bt:active{ color:#000; }
.ab_jian{ font-size:14px; color:#5b5b5b; line-height:24px; }
a.ab_jian:visited{ color:#5b5b5b; }
a.ab_jian:active{ color:#5b5b5b; }


/****************************************- index.html -********************************************/
.header{ width:100%; height:59px; position:absolute; top:0; left:0; z-index:1000; background:url(hea_bg.png) left top repeat-x; background-size:auto 59px; }
.logo{ width:235px; height:55px; position:absolute; top:0; left:3%; z-index:20; }
.logo1{ width:130px; height:24px; position:absolute; top:16px; left:0; z-index:22; }
.logok1, .logok10{ display:block; position:absolute;}
.logok1{ left:0; top:0;}
.logok10{top:2px; left:9px;}
.logo1{
	animation:logo1 0.8s linear 0s both;
	-webkit-animation:logo1 0.8s linear 0s both; 
	-moz-animation:logo1 0.8s linear 0s both; 
	-o-animation:logo1 0.8s linear 0s both;
}
@keyframes logo1
{0% { transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); }
100%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}
@-webkit-keyframes logo1
{0% { transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); }
100%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}
@-moz-keyframes logo1
{0% { transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); }
100%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}
@-o-keyframes logo1
{0% { transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); }
100%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}
/**闪电**/
.logok10{
	animation:logok10 3s linear infinite both;
	-webkit-animation:logok10 3s linear infinite both; 
	-moz-animation:logok10 3s linear infinite both; 
	-o-animation:logok10 3s linear infinite both;
}
@keyframes logok10
{0%{  transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
20%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
100% {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}
@-webkit-keyframes logok10
{0%{  transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
20%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
100% {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}
@-moz-keyframes logok10
{0%{  transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
20%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
100% {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}
@-o-keyframes logok10
{0%{  transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
20%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
100% {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}
/*闪电 end*/

.logo2,.logo3,.logo4,.logo5{ width:20px; height:15px; position:absolute; top:25px; z-index:22; }
.logo1 img, .logo2 img, .logo3 img, .logo4 img, .logo5 img, .logo6 img{ overflow:hidden; display:block; clear:both; }

.logo2{ left:133px; }
.logo2{
	animation:logo2 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 0.8s both;
	-webkit-animation:logo2 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 0.8s both; 
	-moz-animation:logo2 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 0.8s both; 
	-o-animation:logo2 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 0.8s both;
	top:16px;
}
@keyframes logo2
{0% { top:-15px; }
100%{ top:25px; }}
@-webkit-keyframes logo2
{0% { top:-15px; }
100%{ top:25px; }}
@-moz-keyframes logo2
{0% { top:-15px; }
100%{ top:25px; }}
@-o-keyframes logo2
{0% { top:-15px; }
100%{ top:25px; }}

.logo3{ left:150px; }
.logo3{
	animation:logo3 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1s both;
	-webkit-animation:logo3 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1s both; 
	-moz-animation:logo3 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1s both; 
	-o-animation:logo3 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1s both;
	top:16px;
}
@keyframes logo3
{0% { top:-15px; }
100%{ top:25px; }}
@-webkit-keyframes logo3
{0% { top:-15px; }
100%{ top:25px; }}
@-moz-keyframes logo3
{0% { top:-15px; }
100%{ top:25px; }}
@-o-keyframes logo3
{0% { top:-15px; }
100%{ top:25px; }}

.logo4{ left:168px; }
.logo4{
	animation:logo4 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1.2s both;
	-webkit-animation:logo4 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1.2s both; 
	-moz-animation:logo4 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1.2s both; 
	-o-animation:logo4 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1.2s both;
	top:16px;
}
@keyframes logo4
{0% { top:-15px; }
100%{ top:25px; }}
@-webkit-keyframes logo4
{0% { top:-15px; }
100%{ top:25px; }}
@-moz-keyframes logo4
{0% { top:-15px; }
100%{ top:25px; }}
@-o-keyframes logo4
{0% { top:-15px; }
100%{ top:25px; }}

.logo5{ left:185px; }
.logo5{
	animation:logo5 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1.4s both;
	-webkit-animation:logo5 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1.4s both; 
	-moz-animation:logo5 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1.4s both; 
	-o-animation:logo5 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 1.4s both;
	top:16px;
}
@keyframes logo5
{0% { top:-15px; }
100%{ top:25px; }}
@-webkit-keyframes logo5
{0% { top:-15px; }
100%{ top:25px; }}
@-moz-keyframes logo5
{0% { top:-15px; }
100%{ top:25px; }}
@-o-keyframes logo5
{0% { top:-15px; }
100%{ top:25px; }}

.logo6{ width:120px; height:8px; position:absolute; top:33px; left:71px; z-index:22; }
.logo6{
	animation:logo6 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 2.2s both;
	-webkit-animation:logo6 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 2.2s both; 
	-moz-animation:logo6 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 2.2s both; 
	-o-animation:logo6 0.8s cubic-bezier(1, 0.57, 0.48, 1.3) 2.2s both;
	opacity:1; left:71px;
}
@keyframes logo6
{0% { opacity:0; left:200px; }
100%{ opacity:1; left:71px; }}
@-webkit-keyframes logo6
{0% { opacity:0; left:200px; }
100%{ opacity:1; left:71px; }}
@-moz-keyframes logo6
{0% { opacity:0; left:200px; }
100%{ opacity:1; left:71px; }}
@-o-keyframes logo6
{0% { opacity:0; left:200px; }
100%{ opacity:1; left:71px; }}

.tel{ width:50px; height:25px; padding:17px 0; position:absolute; top:0; right:3%; z-index:20; text-align:right; }

.bg{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1; }
.bg span{ width:100%; height:100%; }
.bg img{ width:100%; height:100%; }
.bg span{
	animation:bgbg 20s linear 0s infinite alternate both;
	-webkit-animation:bgbg 20s linear 0s infinite alternate both;
	-moz-animation:bgbg 20s linear 0s infinite alternate both;
	-o-animation:bgbg 20s linear 0s infinite alternate both;
}
@keyframes bgbg{
0%{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
100%{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }}
@-webkit-keyframes bgbg{
0%{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
100%{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }}
@-moz-keyframes bgbg{
0%{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
100%{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }}
@-o-keyframes bgbg{
0%{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
100%{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }}

.nav{ width:100%; height:428px; position:relative; z-index:10; left:0; }
.nav_shao{ width:100%; height:428px; margin:0 auto; position:absolute; top:0; left:0; z-index:11;}
.nav1{ width:50%; position:absolute; top:46px; left:0; z-index:12; }
.nav2{ width:50%; position:absolute; top:46px; right:0; z-index:12; }
.nav3{ width:50%; position:absolute; bottom:46px; left:0; z-index:12; }
.nav4{ width:50%; position:absolute; bottom:46px; right:0; z-index:12; }
.nav5{ width:130px; height:130px; position:absolute; top:50%; left:50%; z-index:12; margin-top:-65px; margin-left:-65px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; }

.nav_jie{ width:168px; height:168px; overflow:hidden; display:block; position:relative; z-index:10; }
.nav1 .nav_jie,.nav3 .nav_jie{ float:right; }
.nav2 .nav_jie,.nav4 .nav_jie{ float:left; }

.nav_bt{ width:100%; height:56px; padding:20px 0; position:absolute; top:50%; left:0; z-index:14; margin-top:-48px; font-size:16px; color:#000; line-height:30px; text-align:center; }
.nav_bt img{ width:26px; height:26px; }
.nav_bt:visited{ color:#000; }

.nav_img{ width:100%; height:100%; position:relative; z-index:12; }
.nav_img img{ width:100%; height:100%; }

.nav1 .nav_bt{ margin-top:-42px; left:3px; }
.nav3 .nav_bt{ margin-top:-54px; right:3px; }

.nav5 .nav_jie{ width:100%; height:100%; }
.nav5 div{ border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; }

.nav1{
	animation:nav1 1s linear 0s both;
	-webkit-animation:nav1 1s linear 0s both;
	-moz-animation:nav1 1s linear 0s both;
	-o-animation:nav1 1s linear 0s both;
	top:46px; left:0;
}
@keyframes nav1{
0%{ top:-168px; left:-168px; }
100%{ top:46px; left:0; }}
@-webkit-keyframes nav1{
0%{ top:-168px; left:-168px; }
100%{ top:46px; left:0; }}
@-moz-keyframes nav1{
0%{ top:-168px; left:-168px; }
100%{ top:46px; left:0; }}
@-o-keyframes nav1{
0%{ top:-168px; left:-168px; }
100%{ top:46px; left:0; }}

.nav2{
	animation:nav2 1s linear 0s both;
	-webkit-animation:nav2 1s linear 0s both;
	-moz-animation:nav2 1s linear 0s both;
	-o-animation:nav2 1s linear 0s both;
	top:46px; right:0;
}
@keyframes nav2{
0%{ top:-168px; right:-168px; }
100%{ top:46px; right:0; }}
@-webkit-keyframes nav2{
0%{ top:-168px; right:-168px; }
100%{ top:46px; right:0; }}
@-moz-keyframes nav2{
0%{ top:-168px; right:-168px; }
100%{ top:46px; right:0; }}
@-o-keyframes nav2{
0%{ top:-168px; right:-168px; }
100%{ top:46px; right:0; }}

.nav3{
	animation:nav3 1s linear 0s both;
	-webkit-animation:nav3 1s linear 0s both;
	-moz-animation:nav3 1s linear 0s both;
	-o-animation:nav3 1s linear 0s both;
	bottom:46px; left:0;
}
@keyframes nav3{
0%{ bottom:-168px; left:-168px; }
100%{ bottom:46px; left:0; }}
@-webkit-keyframes nav3{
0%{ bottom:-168px; left:-168px; }
100%{ bottom:46px; left:0; }}
@-moz-keyframes nav3{
0%{ bottom:-168px; left:-168px; }
100%{ bottom:46px; left:0; }}
@-o-keyframes nav3{
0%{ bottom:-168px; left:-168px; }
100%{ bottom:46px; left:0; }}

.nav4{
	animation:nav4 1s linear 0s both;
	-webkit-animation:nav4 1s linear 0s both;
	-moz-animation:nav4 1s linear 0s both;
	-o-animation:nav4 1s linear 0s both;
	bottom:46px; right:0;
}
@keyframes nav4{
0%{ bottom:-168px; right:-168px; }
100%{ bottom:46px; right:0; }}
@-webkit-keyframes nav4{
0%{ bottom:-168px; right:-168px; }
100%{ bottom:46px; right:0; }}
@-moz-keyframes nav4{
0%{ bottom:-168px; right:-168px; }
100%{ bottom:46px; right:0; }}
@-o-keyframes nav4{
0%{ bottom:-168px; right:-168px; }
100%{ bottom:46px; right:0; }}


.nav_shao{
	animation:navs 1s linear 1.2s both;
	-webkit-animation:navs 1s linear 1.2s both;
	-moz-animation:navs 1s linear 1.2s both;
	-o-animation:navs 1s linear 1.2s both;
	transform:rotateZ(-90deg); -webkit-transform:rotateZ(-90deg); -moz-transform:rotateZ(-90deg); -o-transform:rotateZ(-90deg);
}
@keyframes navs{
0%{ transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); }
100%{ transform:rotateZ(-90deg); -webkit-transform:rotateZ(-90deg); -moz-transform:rotateZ(-90deg); -o-transform:rotateZ(-90deg); }}
@-webkit-keyframes navs{
0%{ transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); }
100%{ transform:rotateZ(-90deg); -webkit-transform:rotateZ(-90deg); -moz-transform:rotateZ(-90deg); -o-transform:rotateZ(-90deg); }}
@-moz-keyframes navs{
0%{ transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); }
100%{ transform:rotateZ(-90deg); -webkit-transform:rotateZ(-90deg); -moz-transform:rotateZ(-90deg); -o-transform:rotateZ(-90deg); }}
@-o-keyframes navs{
0%{ transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); }
100%{ transform:rotateZ(-90deg); -webkit-transform:rotateZ(-90deg); -moz-transform:rotateZ(-90deg); -o-transform:rotateZ(-90deg); }}

.nav_bt{
	animation:navbt 1s linear 1.2s both;
	-webkit-animation:navbt 1s linear 1.2s both;
	-moz-animation:navbt 1s linear 1.2s both;
	-o-animation:navbt 1s linear 1.2s both;
	transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); -moz-transform:rotateZ(90deg); -o-transform:rotateZ(90deg);
}
@keyframes navbt{
0%{ transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); }
100%{ transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); -moz-transform:rotateZ(90deg); -o-transform:rotateZ(90deg); }}
@-webkit-keyframes navbt{
0%{ transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); }
100%{ transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); -moz-transform:rotateZ(90deg); -o-transform:rotateZ(90deg); }}
@-moz-keyframes navbt{
0%{ transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); }
100%{ transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); -moz-transform:rotateZ(90deg); -o-transform:rotateZ(90deg); }}
@-o-keyframes navbt{
0%{ transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); }
100%{ transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); -moz-transform:rotateZ(90deg); -o-transform:rotateZ(90deg); }}


/**- 底部 -**/
.copyright{ padding-top:20px; padding-bottom:81px; background:url(co_bg.jpg) repeat; background-size:68px 113px; }
.fo_tel{ padding-bottom:12px; font-size:14px; color:#979797; line-height:18px; }
.fo_tel a{ font-size:24px; color:#353535; line-height:26px; }
.fo_tel a:visited{ color:#353535; }
.fo_tel a:active{ color:#3b57a6; }
.bq{ padding-top:9px; font-size:12px; color:#979797; line-height:22px; border-top:1px solid #b4b4b4; }
.bq a{ font-size:12px; color:#979797; line-height:22px; }
.bq a:visited{ color:#979797; }
.bq a:active{ color:#3b57a6; }

.footer{ width:100%; height:60px; overflow:visible; background:url(co_bg.jpg) center 34px repeat; background-size:68px 113px; border-top:1px solid #b4b4b4; }
.footer li{ width:25%; overflow:hidden; display:block; float:left; overflow:visible; }
.footer a{ overflow:hidden; display:block; height:52px; padding-top:8px; font-size:14px; color:#545454; line-height:26px; text-align:center; }

.new-sub{position:fixed; width:100%; height:100%; overflow:auto; bottom:0; left:0; z-index:1010; background:#3b57a7; display:none;}
/**- 底部展开开始 -**/
.subNavBox{ width:100%; margin:0 auto; padding-top:20px; padding-bottom:91px; }
.subNav{ cursor:pointer; overflow:hidden; display:block; clear:both; width:80%; margin:0 auto; border-bottom:1px solid #536db7; background:url(dh1.png) 95.5% center no-repeat; background-size:12px 12px; }
.subNav a{ overflow:hidden; display:block; clear:both; padding:0 4.5%; font-size:16px; color:#eeeeee; line-height:50px; }
.subNav a:visited{ color:#FFF; }
.currentDd{ background:url(dh2.png) 95.5% center no-repeat; background-size:12px 12px; }
.currentDt{ background:url(dh2.png) 95.5% center no-repeat; background-size:12px 12px; }
.navContent{display:none; width:80%; margin:0 auto; background:#536db7; }
.navContent li{ overflow:hidden; display:block; border-top:1px solid #677fc3; }
.navContent li:first-child{ border-top:0; }
.navContent a{ width:36%; overflow:hidden; display:inline-block; float:left; padding:13px 7%; font-size:14px; color:#eeeeee; line-height:24px; }
.subn3 a{ width:23%; padding:13px 5%; }
.subn1 a{ width:80%; padding:13px 10%; }


.me_nav .subNav:nth-child(1){
	animation:men1 0.4s linear 0.5s both;
	-webkit-animation:men1 0.4s linear 0.5s both;
	-moz-animation:men1 0.4s linear 0.5s both;
	-o-animation:men1 0.4s linear 0.5s both;
	opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
}
.me_nav .subNav:nth-child(2){
	animation:men1 0.4s linear 0.6s both;
	-webkit-animation:men1 0.4s linear 0.6s both;
	-moz-animation:men1 0.4s linear 0.6s both;
	-o-animation:men1 0.4s linear 0.6s both;
	opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
}
.me_nav .subNav:nth-child(3){
	animation:men1 0.4s linear 0.7s both;
	-webkit-animation:men1 0.4s linear 0.7s both;
	-moz-animation:men1 0.4s linear 0.7s both;
	-o-animation:men1 0.4s linear 0.7s both;
	opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
}
.me_nav .subNav:nth-child(4){
	animation:men1 0.4s linear 0.8s both;
	-webkit-animation:men1 0.4s linear 0.8s both;
	-moz-animation:men1 0.4s linear 0.8s both;
	-o-animation:men1 0.4s linear 0.8s both;
	opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
}
.me_nav .subNav:nth-child(5){
	animation:men1 0.4s linear 0.9s both;
	-webkit-animation:men1 0.4s linear 0.9s both;
	-moz-animation:men1 0.4s linear 0.9s both;
	-o-animation:men1 0.4s linear 0.9s both;
	opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
}
.me_nav .subNav:nth-child(6){
	animation:men1 0.4s linear 1s both;
	-webkit-animation:men1 0.4s linear 1s both;
	-moz-animation:men1 0.4s linear 1s both;
	-o-animation:men1 0.4s linear 1s both;
	opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
}
.me_nav .subNav:nth-child(7){
	animation:men1 0.4s linear 1.1s both;
	-webkit-animation:men1 0.4s linear 1.1s both;
	-moz-animation:men1 0.4s linear 1.1s both;
	-o-animation:men1 0.4s linear 1.1s both;
	opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
}
.me_nav .subNav:nth-child(8){
	animation:men1 0.4s linear 1.2s both;
	-webkit-animation:men1 0.4s linear 1.2s both;
	-moz-animation:men1 0.4s linear 1.2s both;
	-o-animation:men1 0.4s linear 1.2s both;
	opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
}

@keyframes men1{
0%{ opacity:0; -webkit-transform: scale(1.15) translateY(-28px); -ms-transform: scale(1.15) translateY(-28px); transform: scale(1.15) translateY(-28px); }
100%{ opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
}
@-webkit-keyframes men1{
0%{ opacity:0; -webkit-transform: scale(1.15) translateY(-28px); -ms-transform: scale(1.15) translateY(-28px); transform: scale(1.15) translateY(-28px); }
100%{ opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
}
@-moz-keyframes men1{
0%{ opacity:0; -webkit-transform: scale(1.15) translateY(-28px); -ms-transform: scale(1.15) translateY(-28px); transform: scale(1.15) translateY(-28px); }
100%{ opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
}
@-o-keyframes men1{
0%{ opacity:0; -webkit-transform: scale(1.15) translateY(-28px); -ms-transform: scale(1.15) translateY(-28px); transform: scale(1.15) translateY(-28px); }
100%{ opacity:1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
}
/**- 底部展开结束 -**/

@media screen and (max-width:320px){
.nav{ width:100%; height:375px; position:relative; z-index:10; left:0; }
.nav_shao{ width:100%; height:375px; margin:0 auto; position:absolute; top:0; left:0; z-index:11;}
.nav1{ width:50%; position:absolute; top:46px; left:0; z-index:12; }
.nav2{ width:50%; position:absolute; top:46px; right:0; z-index:12; }
.nav3{ width:50%; position:absolute; bottom:46px; left:0; z-index:12; }
.nav4{ width:50%; position:absolute; bottom:46px; right:0; z-index:12; }
.nav5{ width:116px; height:116px; position:absolute; top:50%; left:50%; z-index:12; margin-top:-58px; margin-left:-58px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; }

.nav_jie{ width:140px; height:140px; overflow:hidden; display:block; position:relative; z-index:10; }
.nav1 .nav_jie,.nav3 .nav_jie{ float:right; }
.nav2 .nav_jie,.nav4 .nav_jie{ float:left; }

.nav_bt{ width:100%; height:56px; padding:20px 0; position:absolute; top:50%; left:0; z-index:14; margin-top:-48px; font-size:14px; color:#000; line-height:30px; text-align:center; }
.nav_bt img{ width:26px; height:26px; }
.nav_bt:visited{ color:#000; }

.nav_img{ width:100%; height:100%; position:relative; z-index:12; }
.nav_img img{ width:100%; height:100%; }

.nav1 .nav_bt{ margin-top:-42px; left:3px; }
.nav3 .nav_bt{ margin-top:-54px; right:3px; }

.nav5 .nav_jie{ width:100%; height:100%; }
.nav5 div{ border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; }

}

/****************************************- about.html -********************************************/
.title{ height:72px; position:relative; z-index:10; background:#3b57a6; }
.t1{ width:100%; height:13px; position:absolute; top:15px; left:0; z-index:12; text-align:center; }
.t2{ width:100%; height:30px; position:absolute; top:30px; right:0; z-index:12; background:url(t2_bg.png) center center no-repeat; background-size:123px 27px; font-size:16px; color:#FFF; line-height:30px; text-align:center; }
.t3{ width:68px; height:2px; background:#FFF; position:absolute; top:55px; left:50%; margin-left:-34px; z-index:14; }

.t1{
	animation:t1 0.8s linear 0s both;
	-webkit-animation:t1 0.8s linear 0s both;
	-moz-animation:t1 0.8s linear 0s both;
	-o-animation:t1 0.8s linear 0s both;
	opacity:1; left:0;
}
@keyframes t1{
0%{ opacity:0; left:-8%; }
100%{ opacity:1; left:0; }}
@-webkit-keyframes t1{
0%{ opacity:0; left:-8%; }
100%{ opacity:1; left:0; }}
@-moz-keyframes t1{
0%{ opacity:0; left:-8%; }
100%{ opacity:1; left:0; }}
@-o-keyframes t1{
0%{ opacity:0; left:-8%; }
100%{ opacity:1; left:0; }}

.t2{
	animation:t2 0.8s linear 0s both;
	-webkit-animation:t2 0.8s linear 0s both;
	-moz-animation:t2 0.8s linear 0s both;
	-o-animation:t2 0.8s linear 0s both;
	opacity:1; right:0;
}
@keyframes t2{
0%{ opacity:0; right:-8%; }
100%{ opacity:1; right:0; }}
@-webkit-keyframes t2{
0%{ opacity:0; right:-8%; }
100%{ opacity:1; right:0; }}
@-moz-keyframes t2{
0%{ opacity:0; right:-8%; }
100%{ opacity:1; right:0; }}
@-o-keyframes t2{
0%{ opacity:0; right:-8%; }
100%{ opacity:1; right:0; }}

.t3{
	animation:t3 0.4s linear 0.5s both;
	-webkit-animation:t3 0.4s linear 0.5s both;
	-moz-animation:t3 0.4s linear 0.5s both;
	-o-animation:t3 0.4s linear 0.5s both;
	opacity:1; top:55px;
}
@keyframes t3{
0%{ opacity:0; top:64px; }
100%{ opacity:1; top:55px; }}
@-webkit-keyframes t3{
0%{ opacity:0; top:64px; }
100%{ opacity:1; top:55px; }}
@-moz-keyframes t3{
0%{ opacity:0; top:64px; }
100%{ opacity:1; top:55px; }}
@-o-keyframes t3{
0%{ opacity:0; top:64px; }
100%{ opacity:1; top:55px; }}


.about{ background:url(abt.jpg) center top repeat-y; }
.about a{ width:100%; height:46px; overflow:hidden; display:block; padding:14px 0; position:relative; z-index:10; top:0;}
.ab1{ width:50%; height:46px; overflow:hidden; display:block; position:relative; z-index:12; }
.ab1 span{ overflow:hidden; display:block; width:123px; height:46px; font-size:16px; color:#313438 ; line-height:46px; text-align:center; }
.ab2{ width:50%; height:46px; overflow:hidden; display:block; position:relative; z-index:12; }
.ab2 span{ width:55px; height:46px; }
.ab3{ width:12px; height:12px; position:absolute; top:50%; left:50%; margin-left:-6px; margin-top:-6px; z-index:14; }

.abgy1 .ab1{ float:left; }
.abgy1 .ab1 span{ float:right; margin-right:8.5%; padding-right:7px; background:url(abj1.png) left center no-repeat; background-size:130px 38px; }
.abgy1 .ab2{ float:right; }
.abgy1 .ab2 span{ float:left; margin-left:8.5%; text-align:right; background:url(abb1.png) center top no-repeat; background-size:55px 46px; }

.abgy2 .ab1{ float:right; }
.abgy2 .ab1 span{ float:left; margin-left:8.5%; padding-left:7px; background:url(abj2.png) left center no-repeat; background-size:130px 38px; }
.abgy2 .ab2{ float:left; }
.abgy2 .ab2 span{ float:right; margin-right:8.5%; text-align:left; background:url(abb2.png) center top no-repeat; background-size:55px 46px; }

.about a:nth-child(1){
	animation:abaa 0.6s linear 0s both;
	-webkit-animation:abaa 0.6s linear 0s both;
	-moz-animation:abaa 0.6s linear 0s both;
	-o-animation:abaa 0.6s linear 0s both;
	opacity:1; top:0;
}
.about a:nth-child(2){
	animation:abaa 0.6s linear 0.4s both;
	-webkit-animation:abaa 0.6s linear 0.4s both;
	-moz-animation:abaa 0.6s linear 0.4s both;
	-o-animation:abaa 0.6s linear 0.4s both;
	opacity:1; top:0;
}
.about a:nth-child(3){
	animation:abaa 0.6 linear 0.8s both;
	-webkit-animation:abaa 0.6s linear 0.8s both;
	-moz-animation:abaa 0.6s linear 0.8s both;
	-o-animation:abaa 0.6s linear 0.8s both;
	opacity:1; top:0;
}
.about a:nth-child(4){
	animation:abaa 0.6s linear 1.2s both;
	-webkit-animation:abaa 0.6s linear 1.2s both;
	-moz-animation:abaa 0.6s linear 1.2s both;
	-o-animation:abaa 0.6s linear 1.2s both;
	opacity:1; top:0;
}
.about a:nth-child(5){
	animation:abaa 0.6s linear 1.6s both;
	-webkit-animation:abaa 0.6s linear 1.6s both;
	-moz-animation:abaa 0.6s linear 1.6s both;
	-o-animation:abaa 0.6s linear 1.6s both;
	opacity:1; top:0;
}
.about a:nth-child(6){
	animation:abaa 0.6s linear 2s both;
	-webkit-animation:abaa 0.6s linear 2s both;
	-moz-animation:abaa 0.6s linear 2s both;
	-o-animation:abaa 0.6s linear 2s both;
	opacity:1; top:0;
}
.about a:nth-child(7){
	animation:abaa 0.6s linear 2.4s both;
	-webkit-animation:abaa 0.6s linear 2.4s both;
	-moz-animation:abaa 0.6s linear 2.4s both;
	-o-animation:abaa 0.6s linear 2.4s both;
	opacity:1; top:0;
}
@keyframes abaa{
0%{ opacity:0; top:20px; }
100%{ opacity:1; top:0; }}
@-webkit-keyframes abaa{
0%{ opacity:0; top:20px; }
100%{ opacity:1; top:0; }}
@-moz-keyframes abaa{
0%{ opacity:0; top:20px; }
100%{ opacity:1; top:0; }}
@-o-keyframes abaa{
0%{ opacity:0; top:20px; }
100%{ opacity:1; top:0; }}


/****************************************- ab_profile.html -********************************************/
.abbg{ padding:15px; background-color:rgba(255,255,255,0.8);}
.ab_tp{ width:100%; position:relative; z-index:10; }
.ab_tu{ width:100%; position:relative; z-index:12; }
.ab_k{ width:94%; height:92%; border:1px solid #FFF; position:absolute; top:4%; left:3%; z-index:14; }
.ab_jie{ padding:14px 0; }


/****************************************- ab_honor.html -********************************************/
.honor{ padding-top:16px; padding-bottom:11px; }
.honor li{ padding-bottom:15px; }
.honor .lf{ width:50%; }
.hor1{ padding-right:11px; }
.hor2{ padding-left:11px; }
.honor a{ overflow:hidden; display:block; border:11px solid #edf4e1; }


/****************************************- ab_partner.html -********************************************/
.hz{ margin-left:-1px; }
.hz li{ width:50%; }
.hz a{ border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; }


/****************************************- ab_jobs.html -********************************************/
.jobs{ padding-top:16px; padding-bottom:15px; }
.jobs li{ padding-bottom:11px; }
.jobs a{ background-color:rgba(255,255,255,0.78); position:relative; z-index:10; }
.job1{ padding:10px 15px; padding-right:60px; position:relative; z-index:12; }
.job2{ position:absolute; right:15px; top:50%; margin-top:-15px; height:30px; font-size:12px; color:#3b57a6; line-height:30px; font-style:italic; }
.job2 span{ font-size:24px; }

/**- 弹出窗口开始 -**/
#detail{position:fixed; width:100%; height:100%; left:0; display:none; z-index:9999999 !important; background:#8fc320; }
#detail .tit{ width:88%; height:26px; padding-top:17px; position:absolute; top:2%; left:6%; z-index:99999999; overflow:hidden; display:block; background:#FFF; border-bottom:1px solid #888888; }
.xd_bt{ font-size:14px; color:#000; line-height:22px; }
#detail .tit i{ font-style:normal; overflow:hidden; display:block; width:50px; height:26px; padding-top:17px; position:absolute; top:0; right:0; text-align:right; }
.xd{ width:94%; height:96%; position:absolute; top:2%; left:3%; z-index:99999996; background:#FFF; }
.xd_jian{ height:100%; overflow:auto; padding:0 3%; }
.xd_shao{ padding-top:52px; padding-bottom:20px; }
.xd_shao span{ color:#000; }
/**- 弹出窗口结束 -**/


/****************************************- ab_news.html -********************************************/
.news{ padding-bottom:5px; background:url(xwt.jpg) 58px top repeat-y; }
.news li{ padding-bottom:22px; position:relative; z-index:10; }
.n_date{ width:51px; padding-right:12px; position:absolute; top:0; left:0; z-index:14; font-size:14px; color:#c9e295; line-height:24px; text-align:center; background:url(xwb.png) right top no-repeat; background-size:9px 9px; }
.n_date span{ padding-top:6px; font-size:24px; color:#eefbd3; line-height:26px; text-align:center; }
.n_jie{ position:relative; z-index:12; padding-bottom:12px; margin-left:74px; border-bottom:1px solid #bbd680; }
.n_jie .n_bt{ color:#eefbd3; margin-top:-3px; }
.n_jie .n_bt:visited{ color:#eefbd3; }
.n_jie .n_bt:active{ color:#eefbd3; }
.n_jie .n_jian{ color:#46581e; padding-top:1px; }
.n_jie .n_jian:visited{ color:#46581e; }
.n_jie .n_jian:active{ color:#46581e; }

.n_more{ width:47px; height:47px; margin-left:34px; border:1px solid #dff2b6; font-size:12px; color:#FFF; line-height:48px; text-align:center; font-family:Arial, Helvetica, sans-serif; }
.n_more:visited{ color:#FFF; }
.n_more:active{ color:#FFF; }


/****************************************- ab_contact.html -********************************************/
.lx{ position:relative; z-index:10; }
.lx_jie{ width:82%; position:absolute; top:50%; left:12%; z-index:12; margin-top:-140px; }
.lx_shao{ padding:12px 17px; padding-bottom:8px; background-color:rgba(255,255,255,0.9); }
.lx_bt{ background:url(lxtt.jpg) left bottom repeat-x;  }
.lx_bt span{ font-size:16px; color:#000; line-height:28px; border-bottom:1px solid #3b57a6; }
.lx_jian{ padding-top:8px; }
.lx_jian li{ position:relative; z-index:10; padding-bottom:10px; }
.lx_tu{ width:20px; height:21px; position:absolute; top:4px; left:0; z-index:14; }
.lx_add{ padding-left:27px; position:relative; z-index:12; }
.lx_add a{ font-size:14px; color:#5b5b5b; line-height:26px; }
.lx_add a:visited{ color:#5b5b5b; }
.lx_add a:active{ color:#5b5b5b; }


/****************************************- support.html -********************************************/
.zc_jie{ padding-top:29px; padding-bottom:11px; }
.zc_jie li{ padding-bottom:35px; }
.zc_jie a{ width:187px; padding-top:29px; margin:0 auto; position:relative; z-index:10; }
.zcu{ width:60px; height:60px; position:absolute; top:0; left:50%; margin-left:-30px; z-index:14; background:url(zck.png) center top no-repeat; background-size:100% 100%; }
.zc_bt{ padding-top:34px; padding-bottom:18px; border:1px solid #c6d2f2; position:relative; z-index:12; text-align:center; font-size:16px; color:#FFF; line-height:26px; }


/****************************************- su_download.html -********************************************/
.xz_jie a{ background-color:rgba(255,255,255,0.88); }
.xz_jie .job1{ padding:10px 15px; padding-right:50px; position:relative; z-index:12; font-size:14px; color:#484848; line-height:24px; }
.xz_jie a:visited div{ color:#484848; }
.xz_jie a:active div{ color:#484848; }

/****************************************- branch.html -********************************************/
.fz{ padding-top:16px; padding-bottom:11px; }
.fz li{ padding:20px 15px; margin-bottom:15px; background-color:rgba(255,255,255,0.52); }
.fz_bt{ text-align:center; padding-bottom:3px; }
.fzt{ width:60px; height:1px; margin:0 auto; background:#3e4234; }
.fz_jian{ padding-top:10px; color:#4c5639; text-align:center; }
.fz_jian a{ font-size:14px; color:#4c5639; line-height:24px; }
.fz_jian a:visited{ color:#4c5639; }
.fz_jian a:active{ color:#4c5639; }

/****************************************- cooperation.html -********************************************/
.qd_jie{ padding-top:44px; }
.qd_jie li{ margin-bottom:44px; }
.qd_jie a{ width:172px; height:167px; position:relative; z-index:10; margin:0 auto; }
.qd_jie a:visited div{ color:#000; }
.qd_jie a:active div{ color:#000; }

.qd_img{ width:55px; height:55px; position:absolute; top:2px; left:0; z-index:14; background:url(qdbg.png) center top no-repeat; background-size:55px 55px; }
.qd_jian{ width:167px; height:111px; padding-top:56px; position:relative; z-index:12; background:url(qd_bai.png) center top no-repeat; background-size:167px 167px; text-align:center;}
.qd_jian img{ padding-top:3px; padding-bottom:22px; }


/****************************************- cooperation_view.html -********************************************/
.subNavBox2{ width:100%; margin:0 auto; }
.subNav2{ cursor:pointer; overflow:hidden; display:block; clear:both; padding:8px 17px; background:url(qh1.png) 95.5% center no-repeat; background-size:11px 11px; background-color:#FFF; font-size:16px; color:#000; line-height:24px; }
.currentDd2{ background:url(qh2.png) 95.5% center no-repeat; background-size:11px 11px; background-color:#FFF; }
.currentDt2{ background:url(qh2.png) 95.5% center no-repeat; background-size:11px 11px; background-color:#FFF; }
.navContent2{display:none; padding:10px 17px; background-color:rgba(255,255,255,0.88); font-size:14px; color:#5b5b5b; line-height:26px; }


/****************************************- research.html -********************************************/
.yf_jie{ background:url(yft.png) 9px top repeat-y; background-size:1px 3px; }
.yf_jie li{ padding-top:22px; }
.yf_jie li:first-child{ padding-top:0; }
.yf_jie li tr:first-child td{ padding-bottom:15px; }
.yf_jie li tr:first-child td a{ font-size:16px; color:#FFF; line-height:18px; }
.yf_jian{ position:relative; z-index:10; }
.yf_bt{ padding:12px 17px; font-size:14px; color:#819656; line-height:24px; background-color:rgba(255,255,255,0.46); border:1px solid #d4e8bb; }
.yf_more{ width:34px; height:34px; position:absolute; top:50%; left:50%; margin-top:-17px; margin-left:-17px; z-index:12; }


/****************************************- re_ipr.html -********************************************/
.ipr li{ position:relative; z-index:10; padding-bottom:9px; }
.ipr li:last-child{ padding-bottom:0; }
.ipr_img{ width:61px; height:100%; position:absolute; top:0; left:0; z-index:14; background:url(iprj.png) right 8px no-repeat; background-size:15px 15px; }
.ipr_img span{ width:35px; height:100%; position:absolute; top:0; left:0; z-index:16; border-left:1px solid #364520; border-right:1px solid #364520; text-align:center; background:url(iprt.png) center top repeat-y; background-size:1px 5px; }
.ipr_jie{ position:relative; z-index:12; padding-left:61px; padding-top:8px; }
.ipr_shao{ padding:11px 16px; background-color:rgba(255,255,255,0.6);}
.ipr_bt{ font-size:18px; color:#393e2d; line-height:24px; }
.ipr_jian{ padding-top:6px; font-size:14px; color:#545a47; line-height:24px; }


/****************************************- solution.html -********************************************/
.fa_jie{ padding-top:6px; padding-bottom:10px; }
.fa_jie li{ padding-bottom:16px; }
.fa1,.fa2{ width:50%; }
.fa1 .fa_shao{ margin-right:10px; }
.fa2 .fa_shao{ margin-left:10px; }
.fa_img{ background-position:center top; background-size:100% 100% !important; }
.fa_ti{ padding:0 12px; background-color:rgba(255,255,255,0.78); border-bottom:1px solid #015693; }
.fa_bt{ border-bottom:1px solid #8da5b1; padding-top:8px; padding-bottom:11px; }
.fa_jian{ padding:2px 0; background:url(fa_more.png) right center no-repeat; background-size:16px 9px; }


/****************************************- product.html -********************************************/
.product{ padding-top:6px; padding-bottom:13px; }
.product li{ padding:7px 17px; padding-bottom:25px; margin-bottom:13px; background-color:rgba(255,255,255,0.78); }
.pro_bt{ padding:6px 0; font-size:16px; color:#3b57a6; line-height:24px; }
.pro_bt:visited{ color:#3b57a6; }
.pro_bt:active{ color:#3b57a6; }
.pro_jian{ padding-top:11px; padding-bottom:20px; }
.pro_jian span{ font-size:16px; color:#000; line-height:26px; }
.pro_more{ width:73px; height:24px; margin:0 auto; border:1px solid #414141; font-size:14px; color:#212121; line-height:24px; text-align:center; }
.pro_more:visited{ color:#212121; }
.pro_more:active{ color:#212121; }


/****************************************- product_view.html -********************************************/
.pin_ti{ background:#3b57a6; }
.pin_ti .center{ position:relative; z-index:10; min-height:34px; padding:10px 0; }
.pt1{ min-height:24px; padding-bottom:4px; position:relative; z-index:12; padding-right:44px; font-size:16px; color:#FFF; line-height:24px; background:url(prot.jpg) left bottom no-repeat; }
.pt2{ width:34px; height:34px; position:absolute; top:10px; right:0; z-index:14; border:1px solid #b8c1dc; font-size:12px; color:#dde6fd; line-height:16px; text-align:center; }

/**- 选项卡开始 -**/
.tabPanel{ width:100%; height:100%; padding-top:16px; padding-bottom:26px; }
.tabPanel ul{ overflow:hidden; display:block; }
.tabPanel li{ overflow:hidden; display:block; width:22px; padding:11px 10px; margin-bottom:1px; cursor:pointer; text-align:center; background:#FFF; font-size:14px; color:#292929; line-height:16px; }
.tabPanel li:first-child{ -ms-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -o-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; }
.tabPanel li:last-child{ -ms-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -o-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; }
.tabPanel .hit{ color:#FFF; background:#8ec31f; }
.panes{ overflow:hidden; display:block; padding-right:4%; }
.pane{ overflow:hidden; display:none; padding:15px; background:#FFF; -ms-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -o-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; font-size:14px; color:#5b5b5b; line-height:24px; height:auto; min-height:400px; _height:400px;}
.pane img{ width:100% !important; height:auto !important; }
.pagebg3{
	background:url(3-1.jpg) no-repeat right bottom #FFF;
	background-size:200px auto;
}
/**- 选项卡结束 -**/

/*******************ab_news_view******************/
.ab-neda{ color:#000; font-size:20px; line-height:36px; padding-bottom:6px; border-bottom:1px solid #ddd; }
.ab-negjc{ border-bottom:1px solid #ddd; text-align:center; padding:3px; line-height:22px; font-size:12px; color:#999;}
.fanye a{ display:block; line-height:22px; color:#999; font-size:12px;}
.fanye a:visited{ color:#999;}
.fanh{ display:block; margin-top:6px; border:1px solid #3b57a6; text-align:center; width:80px; padding:0; height:30px; line-height:30px !important; font-size:12px; color:#3b57a6 !important;}
.fanh:visited{ color:#3b57a6 !important;}