@charset "GB2312";
/* CSS Document */

body { background:url(../jpg/crtbg_01.jpg) #00002a center top no-repeat;background-attachment:fixed;}

body:before {
  content: '';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../jpg/crtbg_01.jpg) center top no-repeat;
}


.maincon {  padding:128px 0 0 0;}
.tecbanner {  color:#fff;  text-align:center;}
.tecbanner .tits {  padding:0 20px 20px 20px;}
.tecbanner .tits h1 { font-size:10vw;}
.tecbanner .tits .n { font-size:3vw; padding:0 0 10px 0;}
.tecbanner .tits .e { font-size:3vw; display:none;}
.tecbanner .imga img  { width:66%; padding:0;}

.tecon {padding:0 0 40px 0;}
.tecon .teconbg { background:#fff; border-radius:22px; color:#000; font-size:14px; text-align:center; margin:0 40px 40px 40px;}
.tecon .teconbg .timg { padding:28px 28px 0 28px; text-align:center;} 
.tecon .teconbg .timg img { max-width:100%;}
.tecon .teconbg .tcon { padding:0 28px 28px 28px ;} 
.tecon .teconbg .tcon h2{ font-size:24px;}  
.tecon .teconbg .tcon .js { color:#999; padding:10px 0 20px 0;border-bottom: 1px solid #eee; margin:0 0 20px 0;} 
.tecon .teconbg .tcon .ename { font-size:16px;} 


@media (min-width: 600px) {
.maincon {  padding:128px 0 0 0;}
.tecbanner {  color:#fff;  text-align:center;}
.tecbanner .tits {  padding:20px;}
.tecbanner .tits h1 { font-size:68px;}
.tecbanner .tits .e { font-size:16px;}
.tecbanner .tits .n { font-size:18px; padding:0 0 10px 0;}
.tecbanner .imga img  { width:inherit; padding:inherit;}
.tecon .teconbg .tcon .js { color:#999; padding:10px 0 10px 0;margin:0; border:0;} 


.tecon {padding:0 0 40px 0;}
.tecon .teconbg { width:518px; background:#fff; border-radius:22px; color:#000; font-size:14px; margin:24px auto; text-align:inherit;}
.tecon .teconbg .timg { float:left; padding:38px 18px 38px 28px; text-align:inherit;} 
.tecon .teconbg .timg img { width:inherit;}
.tecon .teconbg .tcon { float:left; width:280px; padding:26px 0 0 0 ;} 
.tecon .teconbg .tcon h2 { text-align:inherit;}
}



@media (min-width: 1025px) {
.maincon {  padding:168px 0 0 0;}
.tecbanner { width:1036px; margin:0 auto; color:#fff; text-align:left;}
.tecbanner .tits { float:left; width:558px; padding:20px 0 0 0;}
.tecbanner .tits h1 { font-size:68px;}
.tecbanner .tits .e { font-size:16px; display:block;}
.tecbanner .tits .n { font-size:18px; padding:0 0 10px 0;}
.tecbanner .imga { float:right;}
.tecbanner .imga img  { width:inherit; padding:inherit;}
.tecon .teconbg .tcon .js { color:#999; padding:10px 0 10px 0;margin:0; border:0;} 
.tecon {padding:40px 0 40px 0;}
.tecon .teconbg .tcon h2 { text-align:inherit;}
.tecon { width:1076px; margin:0 auto; padding:40px 0 40px 0;}
.tecon .teconbg { width:518px; background:#fff; border-radius:22px; color:#000; font-size:14px; float:left; margin:10px; text-align:inherit;}
.tecon .teconbg .timg { float:left; padding:38px 18px 38px 28px; text-align:inherit;} 
.tecon .teconbg .timg img { width:inherit;}
.tecon .teconbg .tcon { float:left; width:280px; padding:26px 0 0 0 ;} 

}