/* CSS Document */
@font-face {
	font-family: 'Heavy';
	src: url('../images/ROBOTO-BOLD.eot');
	src: local('☺'), url('../images/ROBOTO-BOLD.woff') format('woff'), url('../images/ROBOTO-BOLD.ttf') format('truetype'), url('../images/ROBOTO-BOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} 
@font-face {
	font-family: 'Medium';
	src: url('../images/ROBOTO-MEDIUM.eot');
	src: local('☺'), url('../images/ROBOTO-MEDIUM.woff') format('woff'), url('../images/ROBOTO-MEDIUM.ttf') format('truetype'), url('../images/ROBOTO-MEDIUM.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.Heavy{ font-family:Heavy;}
.Medium{ font-family:Medium;}
html{width:100%; height:100%;}
body{ margin:0; padding:0; font-family:"Microsoft YaHei"; width:100%; height:100%; }
.ab{ position:absolute;}
.no{ display:none;}
.layer {
  
}
input{ border:none;}

.qa2>option{ background:#000; color:#fff; font-weight:bold;}
.bottom1{width: 116.5px;height: 38px;background-color: #c03538; font-size: 16px; color: #ffffff; text-align:center; line-height:38px; cursor:pointer;}
.bottom2{width: 116.5px;height: 38px; border: solid 1px #c03538; font-size: 16px;color: #c03538; text-align:center; line-height:38px; cursor:pointer;}
.btn{ position:absolute;}
.nav_txt li{list-style:none}
.box{ width:100%; margin:0 auto; min-width:1280px; height:auto; position: relative; overflow:hidden;}
.mobile{ display:none;}
.box .nav{ width:100%;height: 100px; background-color: #f9f9f9; border-bottom:4px solid #aaaaaa;}
.box .nav .nav_con{ width:1280px; height:100%; margin:0 auto; position:relative; background-color: #f9f9f9;}
.box .nav .nav_con .logo{width: 70.2px; height: 72.8px; margin:16px 0 0 64px; background:url(../images/logo.png) no-repeat; background-size:100%; float:left; cursor:pointer; z-index:1; position:absolute;}
.box .nav .nav_con .nav_txt{ width:820px; height: 50px; padding:0; float:left; margin:25px 0 0 260px;  font-size: 14px;color: #464646; font-weight:bold;}
.box .nav .nav_con .nav_txt li{ position:relative; height:50px; margin:0 15px; float:left; line-height:50px; cursor:pointer;}
.weixin{ cursor:pointer;}
.nav_x>span{ font-size: 12px; width:100%; height:100%; display:block;  line-height:50px;}
.nav_ztc{ width: 100px; height: 32px; line-height:32px; text-align:center;background-color: #c03538;font-size: 14px; color: #ffffff; top:50%; margin-top:-16px; left:1120px; cursor:pointer;}
.nav_ztc>a{color: #ffffff;font-size: 14px;text-decoration:none;width: 100px; height: 32px;display: block;}
.nav_wx span{  padding-left:25px; background:url(../images/weixin.png) center left no-repeat;}
.nav_en span{  padding-left:25px; background:url(../images/yy.png) center left no-repeat}
.box .nav .nav_con .nav_txt li:hover,.nav_bdr{border-bottom:5px solid #F00;}
.red_circular{}
.rectangle{ position:fixed; width: 45px;height: 165px;border-radius: 5px 0 0 5px;background-color: #c03538; right:0; bottom:100px; background:url(../images/rectangle.jpg) no-repeat; z-index:9;}
.rectangle>div{ width:100%; height:55px; cursor:pointer;}

.ico-qq>a{ display:block; width:100%; height:100%;}

.ico-qr>img{ position:absolute; left:-100px; top:0; width:100px; height:100px;}
.qr{ position:absolute; left:50px; top:40px; width:100px; height:100px;}
.bottom{ width:1920px; height:92px;background-color: #222222; margin-left:-320px; position:relative;}
.bottom>p{font-size: 12px; line-height:17px;}
.fbi-logo-white{ width: 79px; height: 57px; top:16px; left:368px;}
.bottom_p1{ padding:0 2px;color: #eaeaea; top:20px; left:458px;}
.bottom_p2{padding:0 2px; color: #eaeaea; top:41px;   left:458px;}
.bottom_p3{padding:0 2px; color: #eaeaea; top:20px; left:1303px;}
.bottom_p4{ width:390px;padding:0 2px; color: #aaaaaa; top:41px; left:1176px;}

.contact{ width:1920px; height:210px; overflow:hidden; background-color: #e2e1e1; margin-left:-320px; clear:both;}
.contact>div{ width:426px; height:100%; float:left; position:relative;}
.contact>div>p{ margin:0;}
.contact_tit{ margin-left:320px;}
.contact_tit1{ width: 280px;height: 50px;font-size: 32px;color: #c03538; line-height:50px; margin:23px 0 0 50px !important;}
.contact_tit2{ width: 350px;height: 28px;font-size: 20px; color: #333333; line-height:28px; margin:2px 0 0 50px !important;}

.contact_journal1{width: 360px;font-size: 18px;color: #666666; line-height:25px; margin-top:28px !important;}
.contact_journal2{width: 360px;font-size: 14px; color: #333333; margin-top:5px !important;}
.contact_journal3{ width: 360px; height: 17px;font-size: 12px; color: #888888; line-height:17px; margin-top:0px !important;}
.search{width: 262px; height: 32px;  margin-top:0px !important; font-size:16px; color:#000 !important;}
.contact_journal_btn{ width: 79.7px; height: 32px; background-color: #c03538; font-size: 14px; color: #f9f9f9; text-align:center; line-height:32px; top:127px; left:285px; cursor:pointer;}

.contact_us1{ width: 118px;height: 25px;font-size: 18px;color: #666666; line-height:25px; margin-top:27px !important;}
.contact_us2{ width: 380px;height: 40px; font-size: 14px;color: #333333; margin-top:5px !important;}
.contact_us3{width: 240px; height: 20px;font-size: 14px; color: #333333; line-height:20px; margin-top:16px !important;}
.contact_us4{width: 115px; height: 20px;font-size: 14px;color: #333333; line-height:20px; padding-left:14px; background:url(../images/ico-tel.png) center left no-repeat; margin-top:10px !important;}
.contact_us_btn{width: 160px; height: 32px; background-color: #c03538;font-size: 14px;color: #f9f9f9; text-align:center; line-height:32px; top:136px; left:200px;cursor:pointer;}
.contact_us_btn>a{ width:100%; height:100%; text-decoration:none;color: #f9f9f9;}
.pup{ width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0; z-index:9;}
.pup_form1 { position:fixed; width: 500px;height: 450px;background-color: #e2e1e1; left:50%; top:50%; margin:-225px -250px;}
.pup_form1 .form_tit1{ font-size: 16px; color: #c03538; width:100%; text-align:center; margin-top:40px;}
.pup_form1 .form_tel1{ font-size: 22px; width:100%; text-align:center;}
.pup_form1 .form_txt1{ font-size: 14px; color: #333333; padding:0 10%; line-height:26px;}
.pup_form1 .name1{ padding-left:10px; top:183px; left:40px; font-size: 14px; color: #666666;  width: 190px; height: 38px;background:rgba(255,255,255,0.5);}
.pup_form1 .tel1{padding-left:10px;  top:183px; left:254px; font-size: 14px; color: #666666; width: 190px; height: 38px;background:rgba(255,255,255,0.5);}
.pup_form1 .conpanyname1{padding-left:10px;  top:242px;left:40px; font-size: 14px; color: #666666; width: 405px; height: 38px;background:rgba(255,255,255,0.5);}
.pup_form1 .qa5{ border:none;top:300px;left:40px; font-size: 14px;color: #666666; width: 415px; height: 40px;background:rgba(255,255,255,0.5);}
.pup_form1 .form_btn1{ width: 88px;height: 32px;background-color: #c03538; text-align:center; font-size: 14px;color: #ffffff; line-height:32px; bottom:40px; left:50%; margin-left:-44px; cursor:pointer;}
.pup_form1 .close{ width: 25px;height: 25px; background:url(../images/circle-close.png) no-repeat; top:18px; right:18px; cursor:pointer;}

.nav_wx>img{ width:100px; height:auto; left: -100px;top: -25px;}

.meitiku_con>div img{ width:280px; height:150px; }
.newscon  img{ max-width:100%; height:auto;}
.caidan{ width:21px; height:190px; position:absolute; left:105px; top:100px;}
.caidan>div{ width:21px; height:38px; cursor:pointer;}
.caidan1{ background:url(../images/print.png) center center no-repeat;}
.caidan2{ background:url(../images/email.png) center center no-repeat;}
.caidan3{ background:url(../images/linkedin.png) center center no-repeat;}
.caidan4{ background:url(../images/weibo.png) center center no-repeat;}
.caidan5{ background:url(../images/wechat.png) center center no-repeat;}
.caidan5>canvas{position:absolute; left:-103px; bottom:0; width:100px; height:100px; display:none;}



.dataloading{ width:100%; font-size:24px; text-align:center; line-height:60px; top:60px; color:#999;}
@media screen and (max-width: 900px){
	.mobile{ display:block;}
	.pc{ display:none;}
	.box{ width:100%; margin:0 auto; min-width:320px; height:auto; position: relative;}
	.box .nav{ width:100%; min-width:320px; height: 54px; background-color: #f9f9f9; border:none;}
	.box .nav .nav_con{ width:100%; height:100%; margin:0 auto; position:relative;}
	.box .nav .nav_con .logo{ width: 36px; height: 37.3px; margin:9px 0 0 20px; background:url(../images/logo.png) no-repeat; background-size:100%; float:left;}
	.box .nav .nav_con .title{ width:100%; line-height:54px; height: 54px;font-size: 14px;color: #666666; text-align:center;}
	.tel{ width:25px; height:25px; top:50%; margin-top:-12px; right:50px;}
	.moblie_navbtn{ width:26px; height:22px; right:15px; top:15px;}
	.tel>a{ width:100%; height:100%;}
	.box .nav .nav_con .nav_txt{ overflow:hidden; margin:0; clear:both; position:absolute; width:100%; height:682px; background-color: #eaeaea; top:54px; left:0; color:#000; font-size:18px; z-index:9;}
	.box .nav .nav_con .nav_txt li{ background:url(../images/hui_circular.png) 20px center no-repeat; padding-left:50px; margin:0; width:100%; height:52px; clear:both; border-bottom:1px solid #d8d8d8;  }
	.nav_txt .nav_x{ background:none !important;  padding-left:20px !important;}
	.red_circular{ background:url(../images/red_circular.png) 20px center no-repeat !important;}
	.close{ }
	.box .nav .nav_con .nav_txt li:hover,.nav_bdr{border-bottom:1px solid #d8d8d8;}
	.nav_x>span{ line-height:54px; font-size: 18px; padding-left:30px;}
	
	.bottom{margin-bottom: 0;width:100%; height:280px;background-color: #222222; margin-left:0; position:relative;}
	.bottom>p{ width:88%; left:6%; font-size: 12px; line-height:17px;}
	.fbi-logo-white{ width: 79px; height: 57px; top:200px; left:50%; margin-left:-40px;  }
	.bottom_p1{ color: #eaeaea; top:12px; }
	.bottom_p2{ color: #eaeaea; top:45px;  }
	.bottom_p3{ color: #eaeaea; top:100px; }
	.bottom_p4{ color: #aaaaaa; top:120px; }
	
	
	
	
	
	.contact{ width:100%; height:500px; overflow:hidden; background-color: #e2e1e1; margin-left:0; clear:both;}
	.contact>div{ width:88%; height:auto; float:left; position:relative; margin-left:6%}
	.contact>div>p{ margin:0;}
	.contact_tit{ margin-left:0;}
	.contact_tit1{ width: 280px;height: 50px;font-size: 32px;color: #c03538; line-height:50px; margin:0 !important;}
	.contact_tit2{ width: 300px;height: 28px;font-size: 14px; color: #333333; line-height:28px; margin:0px !important;}
	
	.contact_journal1{width: 100%;font-size: 18px;color: #666666; line-height:25px; margin-top:28px !important;}
	.contact_journal2{width: 100%; line-height:19px;font-size: 14px; color: #333333; margin-top:5px !important;}
	.contact_journal3{ width: 100%; height: 17px;font-size: 12px; color: #888888; line-height:17px; margin-top:9px !important;}
	.search{width: 180px !important; height: 32px; background-color: #ffffff; }
	.contact_journal_btn{ width: 79.7px; height: 32px; background-color: #c03538; font-size: 14px; color: #f9f9f9; text-align:center; line-height:32px; top:0; left:20px; position:relative; display:inline-block;}
	
	.contact_us1{ width: 118px;height: 25px;font-size: 18px;color: #666666; line-height:25px; margin-top:27px !important;}
	.contact_us2{ width: 300px;height: 40px; font-size: 14px;color: #333333; margin-top:5px !important;}
	.contact_us3{width: 240px; height: 20px;font-size: 14px; color: #333333; line-height:20px; margin-top:16px !important;}
	.contact_us4{width: 115px; height: 20px;font-size: 14px;color: #333333; line-height:20px; padding-left:14px; background:url(../images/ico-tel.png) center left no-repeat; margin-top:10px !important;}
	.contact_us_btn{width: 160px; height: 32px; background-color: #c03538;font-size: 14px;color: #f9f9f9; text-align:center; line-height:32px; top:136px; left:135px;cursor:pointer;}
	
	
	.pup_form1 { position:fixed; width: 320px;height: 600px;background-color: #e2e1e1; left:50%; top:0; margin:0 -160px;}
	.pup_form1 .form_tit1{ font-size: 16px; color: #c03538; width:100%; text-align:center; margin-top:40px;}
	.pup_form1 .form_tel1{ font-size: 22px; width:100%; text-align:center;}
	.pup_form1 .form_txt1{ font-size: 14px; color: #333333; padding:0 10%; line-height:26px;}
	.pup_form1 .name1{ padding-left:10px; top:245px; left:40px; font-size: 14px; color: #666666;  width: 230px; height: 38px;background:rgba(255,255,255,0.5);}
	.pup_form1 .tel1{padding-left:10px;  top:310px; left:40px; font-size: 14px; color: #666666; width: 230px; height: 38px;background:rgba(255,255,255,0.5);}
	.pup_form1 .conpanyname1{padding-left:10px;  top:380px;left:40px; font-size: 14px; color: #666666; width: 230px; height: 38px;background:rgba(255,255,255,0.5);}
	.pup_form1 .qa5{padding-left:10px; border:none;top:450px;left:6%; font-size: 14px;color: #666666; width: 88%; height: 38px;background:rgba(255,255,255,0.5);}
	.pup_form1 .form_btn1{ width: 88px;height: 32px;background-color: #c03538; text-align:center; font-size: 14px;color: #ffffff; line-height:32px; bottom:40px; left:50%; margin-left:-44px; cursor:pointer;}
	.pup_form1 .close{ width: 25px;height: 25px; background:url(../images/circle-close.png) no-repeat; top:18px; right:18px; cursor:pointer;}
}