﻿@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family: "微软雅黑"; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:hover{ text-decoration:none; }


img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none; font-family: "微软雅黑";}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:0px;height:10px}
/*::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#dedede}
::-webkit-scrollbar-thumb:vertical{background-color:#004383;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#004383}
::-webkit-scrollbar-corner:vertical{background-color:#004383}
::-webkit-scrollbar-resizer:vertical{background-color:#004383;}
*/
.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}




	/*首页*/
	.section{ width:100%; height:100vh; overflow:hidden; position:relative;}
	
	
	.ping{ width:100%; height:100vh;  overflow:hidden; position:relative;}
	.ping .header{ position:absolute; top:0; z-index:9;}
	
	.big{ width:100%; height:100vh; margin:auto;overflow:hidden;position:relative; opacity:1; bottom:0px; padding-top:105px;}

	.big_div{ width:100%; height:100%;}	




	/*第二屏*/
	.physics{ width:1400px; height:100vh; overflow:hidden; margin:auto; position:relative;}
	.physics_tit{ font-size:56px; font-weight:bold;  background-image: -webkit-linear-gradient(top,#c6c6c6,#fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing:4px; position:absolute; height:110px; line-height:110px; top:100vh; opacity:0;}
	
	
	.physics_right{ float:right; width:900px; height: auto; max-height:474px; overflow-y: scroll; position:relative; opacity:0; bottom:-100px;}
	.physics_right::-webkit-scrollbar{width:3px;height:10px;}
	.physics_right::-webkit-scrollbar-button:vertical{display:none}
	.physics_right::-webkit-scrollbar-track:vertical{background-color: transparent;}
	.physics_right::-webkit-scrollbar-track-piece{background:transparent;}
	.physics_right::-webkit-scrollbar-thumb:vertical{background-color:#fff;}
	.physics_right::-webkit-scrollbar-thumb:vertical:hover{background-color:#fff}
	.physics_right::-webkit-scrollbar-corner:vertical{background-color:#fff}
	.physics_right::-webkit-scrollbar-resizer:vertical{background-color:#fff;}		
		
		
	.physics_list{ width:768px; height:auto; overflow:hidden;}
	.physics_list ul li{ width:100%; height:79px; list-style:none;}
	.physics_list ul li a{ display:block; width:740px; height:79px; overflow:hidden; padding-left:50px; font-size:24px; color:#e5e5e5; line-height:79px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;}
	.physics_list ul li a:hover{ background:url(../images/case1_221.png) no-repeat left; color:#292f87;}
	.physics_list ul li a:hover span{background:url(../images/case1_18.png) no-repeat left; color:#292f87;}	
	.physics_list ul li a span{ display:inline-block; color:#fff; -webkit-transition: all 0.4s ease-in-out; font-family:"微软雅黑"; background:url(../images/case1_14.png) no-repeat left; padding-left:25px;}

	.physics_list1{ width:855px; height:auto; overflow:hidden;}
	.physics_list1 ul li{ width:100%; height:79px; list-style:none;}
	.physics_list1 ul li a{ display:block; width:830px; height:79px; overflow:hidden; padding-left:50px; font-size:24px; color:#e5e5e5; line-height:79px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;}
	.physics_list1 ul li a:hover{ background:url(../images/case1_22.png) no-repeat left; color:#292f87; background-size:cover;}
	.physics_list1 ul li a:hover span{background:url(../images/case1_18.png) no-repeat left; color:#292f87;}	
	.physics_list1 ul li a span{ display:inline-block; color:#fff; -webkit-transition: all 0.4s ease-in-out; font-family:"微软雅黑"; background:url(../images/case1_14.png) no-repeat left; padding-left:25px;}

	
	
	.bios_tit{ font-size:56px; font-weight:bold;  background-image: -webkit-linear-gradient(top,#c6c6c6,#fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing:4px; position:absolute; height:110px; line-height:110px; top:100vh; opacity:0; right:60px;}
	.bios_right{ float:left;width:987px; height: auto; max-height:474px; overflow-y: scroll; direction: rtl; position:relative; opacity:0; bottom:-100px;}
	.bios_right::-webkit-scrollbar{width:3px;height:10px;}
	.bios_right::-webkit-scrollbar-button:vertical{display:none}
	.bios_right::-webkit-scrollbar-track:vertical{background-color:transparent;}
	.bios_right::-webkit-scrollbar-track-piece{background:transparent;}
	.bios_right::-webkit-scrollbar-thumb:vertical{background-color:#fff;}
	.bios_right::-webkit-scrollbar-thumb:vertical:hover{background-color:#fff}
	.bios_right::-webkit-scrollbar-corner:vertical{background-color:#fff}
	.bios_right::-webkit-scrollbar-resizer:vertical{background-color:#fff;}		
	
	.bios_right .physics_list ul li a{  direction:ltr; text-align:left;}
	.bios_right .physics_list1 ul li a{  direction:ltr; text-align:left;}
	

	
	/*底部*/
	.footer{ width:100%; height:352px; background:#131313; position:relative; overflow:hidden;}
	.foot{ width:1400px; height:259px; margin:auto; padding-top:52px; position:relative;}
	.foot_left{ float:left; height:100%; width:180px;}
	.foot_tit{ width:100%; height:30px; line-height:30px; font-size:20px; color:#fff;}
	.foot_tit a{ display:block; width:100%; height:30px; line-height:30px; font-size:20px; color:#fff; cursor:pointer;}
	.foot_tit a:hover{ color:#dd6425; -webkit-transition: all 0.5s ease-in-out;}
	
	.foot_nav{ width:100%; height: auto; overflow:hidden; margin-top:10px;}
	.foot_nav a{ display:block; width:100%; height:30px; line-height:30px; cursor:pointer;}
	.foot_nav span{ display:inline-block; background:url(../images/index_24.png) no-repeat left; padding-left:15px; font-size:14px; color:#878787; -webkit-transition: all 0.5s ease-in-out;}
	.foot_nav a:hover span{ background:url(../images/index_31.png) no-repeat left; color:#fff;}
	
	
	.foot_right{ float:right; height:100%; width:535px;}
	.foot_con{ width:100%; height:auto; overflow:hidden; margin-top:18px; padding-bottom:2px;}
	.foot_zuo{ float:left; font-size:16px; color:#a9a9a9;}
	.foot_you{ float:right; width:425px; height:auto; overflow:hidden;}
	.foot_1{ width:100%; height:20px; line-height:20px;}
	.foot_1 span{ display:inline-block; background:url(../images/index_28.png) no-repeat left 3px; font-size:14px; color:#878787; padding-left:20px;}
	.foot_2{ width:100%; height:20px; line-height:20px;}
	.foot_2 span{ display:inline-block; background:url(../images/index_32.png) no-repeat left; font-size:14px; color:#878787; padding-left:20px;}
	
	
	.typeright{ width:100%; text-align: center; height:40px;font-size:14px; color:rgba(255,255,255,0.23); border-top:1px solid #4c4c4c; line-height:40px; overflow:hidden;}

.typeright a{color:rgba(255,255,255,0.23);}
	
/*漂浮*/
.carte { position: fixed; right:25px; top: 47%; width:20px; z-index:99; background:url(../images/index1_05.png) no-repeat 9px; height:209px; padding-top:98px;}
.carte li { width:100%; height:14px; transition: 400ms; -webkit-transition: 400ms; cursor: pointer; list-style:none; overflow:hidden; margin-top:2px;}
.carte li a { display:block; width:20px; height:14px;background:url(../images/index1_15.png) no-repeat center;    background-size: auto 100%; -webkit-transition: all 0.4s ease-in-out; }

.carte li:hover a{ background:url(../images/index1_161.png) no-repeat center; background-size: auto 100%; }
.carte li.active a{ background:url(../images/index1_161.png) no-repeat center; background-size: auto 100%; }

/*面包屑*/
.btn-nav {position: absolute; top:12px;  right:0px; background: transparent; padding-right:10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;  transition: all .5s ease;cursor: pointer; z-index: 99999;}
.btn-nav:focus { outline: 0;}
.icon-bar { display: block; margin: 5px 0; width:26px; height: 3px; background-color: #292f87;}
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #292f87;}
.nav-item { margin: 40px auto;text-align: center;}
.animated { display: block; margin: 0 auto;}
.animated:hover .icon-bar,
.animated:focus .icon-bar{ background-color: #292f87;}
.animated:focus { cursor: pointer; z-index: 9999;}
.middle { margin: 0 auto;}
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.animated .icon-bar { z-index: 999999; background-color: #292f87;}
.animated .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg);-o-transform: translateY(10px) rotateZ(45deg);transform: translateY(10px) rotateZ(45deg)}
.animated .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg);-moz-transform: translateY(-6px) rotateZ(-45deg);-ms-transform: translateY(-6px) rotateZ(-45deg);-o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg);}
.animated .middle { width: 0;}
.cai{ display:none;}

.toubu{ display:none;}

@media screen and (max-width:1914px)and (min-width:1435px){
		
	.big{ padding-top:90px;}
	
	
	.physics{ width:1200px; }
	.physics_tit{ font-size:46px; height:90px; line-height:90px; left:50px;}
	.physics_right{ float:right; width:755px; height: auto; max-height:390px; overflow-y: scroll;}
	.physics_right::-webkit-scrollbar{width:3px;height:10px;}
	
		
		
	.physics_list{ width:718px; height:auto; overflow:hidden;}
	.physics_list ul li{ width:100%; height:65px; list-style:none;}
	.physics_list ul li a{ display:block; width:680px; height:65px; overflow:hidden; padding-left:43px; font-size:20px; color:#e5e5e5; line-height:65px; }
	.physics_list ul li a:hover{ background-size:778px;}
	.physics_list ul li a:hover span{background-size:10px;}	
	.physics_list ul li a span{ background-size:10px; padding-left:25px;}


.physics_list1{ width:798px; height:auto; overflow:hidden;}
	.physics_list1 ul li{ width:100%; height:65px; list-style:none;}
	.physics_list1 ul li a{ display:block; width:760px; height:65px; overflow:hidden; padding-left:43px; font-size:20px; color:#e5e5e5; line-height:65px; }
	.physics_list1 ul li a:hover{ background-size:778px;}
	.physics_list1 ul li a:hover span{background-size:10px;}	
	.physics_list1 ul li a span{ background-size:10px; padding-left:25px;}




	.bios_tit{ font-size:46px; height:90px; line-height:90px; right:50px;}
	.bios_right{ float:left; width:815px; height: auto; max-height:390px;  direction: rtl;}
	.bios_right::-webkit-scrollbar{width:3px;height:10px;}
	
	.bios_right .physics_list ul li a{  direction:ltr; text-align:left;}
	
	.bios_right .physics_list1 ul li a{  direction:ltr; text-align:left;}
	
	
	

	/*底部*/
	.footer{ width:100%; height:304px; background:#131313; position:relative; overflow:hidden;}
	.foot{ width:1200px; height:222px; margin:auto; padding-top:45px; position:relative;}
	.foot_left{ float:left; height:100%; width:155px;}
	.foot_tit{ width:100%; height:27px; line-height:27px; font-size:18px;}
	.foot_tit a{ display:block; width:100%; height:27px; line-height:27px; font-size:18px;}
	
	
	.foot_nav{ width:100%; height: auto; overflow:hidden; margin-top:5px;}
	.foot_nav a{ display:block; width:100%; height:26px; line-height:26px; cursor:pointer;}
	.foot_nav span{ padding-left:15px; font-size:14px; }
	
	
	
	.foot_right{ width:455px;}
	.foot_con{ margin-top:8px; padding-bottom:2px;}
	.foot_zuo{ float:left; font-size:14px;}
	.foot_you{ float:right; width:365px; }
	.foot_1{ width:100%; height:auto; line-height:18px;}
	.foot_1 span{ font-size:14px; padding-left:18px; height:auto; overflow:hidden;}
	.foot_2{ width:100%; height:18px; line-height:18px;}
	.foot_2 span{ font-size:14px; padding-left:18px;}
	
	.typeright{ height:36px;font-size:14px; line-height:36px; overflow:hidden;}


}
@media screen and (max-width:1434px)and (min-width:1275px){
	
	.big{ padding-top:82px;}

	.physics{ width:1200px; }
	.physics_tit{ font-size:42px; height:84px; line-height:84px; left:45px;}
	.physics_right{ float:right; width:683px; height: auto; max-height:354px; overflow-y: scroll;}
	.physics_right::-webkit-scrollbar{width:3px;height:10px;}
	
		
		
	.physics_list{ width:650px; height:auto; overflow:hidden;}
	.physics_list ul li{ width:100%; height:59px; list-style:none;}
	.physics_list ul li a{ display:block; width:620px; height:59px; overflow:hidden; padding-left:40px; font-size:18px; color:#e5e5e5; line-height:59px; }
	.physics_list ul li a:hover{ background-size:710px;}
	.physics_list ul li a:hover span{background-size:10px;}	
	.physics_list ul li a span{ background-size:10px; padding-left:25px;}


.physics_list1{ width:730px; height:auto; overflow:hidden;}
	.physics_list1 ul li{ width:100%; height:59px; list-style:none;}
	.physics_list1 ul li a{ display:block; width:700px; height:59px; overflow:hidden; padding-left:40px; font-size:18px; color:#e5e5e5; line-height:59px; }
	.physics_list1 ul li a:hover{ background-size:710px;}
	.physics_list1 ul li a:hover span{background-size:10px;}	
	.physics_list1 ul li a span{ background-size:10px; padding-left:25px;}



	.bios_tit{ font-size:42px; height:84px; line-height:84px;  right:45px;}
	.bios_right{ float:left; direction: rtl;width:743px; height: auto; max-height:354px;}
	.bios_right::-webkit-scrollbar{width:3px;height:10px;}
	.bios_right .physics_list ul li a{  direction:ltr; text-align:left;}
	.bios_right .physics_list1 ul li a{  direction:ltr; text-align:left;}
	
	
	/*底部*/
	.footer{ width:100%; height:299px; background:#131313; position:relative; overflow:hidden;}
	.foot{ width:1100px; height:222px; margin:auto; padding-top:40px; position:relative;}
	.foot_left{ float:left; height:100%; width:155px;}
	.foot_tit{ width:100%; height:27px; line-height:27px; font-size:18px;}
	.foot_tit a{ display:block; width:100%; height:27px; line-height:27px; font-size:18px;}
	
	
	.foot_nav{ width:100%; height: auto; overflow:hidden; margin-top:5px;}
	.foot_nav a{ display:block; width:100%; height:26px; line-height:26px; cursor:pointer;}
	.foot_nav span{ padding-left:15px; font-size:14px; }
	
	
	
	.foot_right{ width:455px;}
	.foot_con{ margin-top:8px; padding-bottom:2px;}
	.foot_zuo{ float:left; font-size:14px;}
	.foot_you{ float:right; width:365px; }
	.foot_1{ width:100%; height:auto; line-height:18px;}
	.foot_1 span{ font-size:14px; padding-left:18px; height:auto; overflow:hidden;}
	.foot_2{ width:100%; height:18px; line-height:18px;}
	.foot_2 span{ font-size:14px; padding-left:18px;}
	
	.typeright{ height:36px;font-size:14px; line-height:36px; overflow:hidden;}
	


}
@media screen and (max-width:1274px)and (min-width:300px){
	.toubu{ display:block; position:fixed; z-index:99;}
	/*mnav*/
	.cai{ display: block; width:100%; height:50px; top:0; z-index:999; position: fixed; background-color:#fff;}
	.cai_list{ width:100%; height:100vh; background-color:#fff; display:none; position:fixed; top:0; overflow:hidden;}
	.love{ width:100%; height:calc(100vh - 51px); overflow:hidden; margin-top:50px; border-top:1px solid #e5e5e5;}
	.love_mune{ float:left; width:20%; height:calc(100vh - 61px); border-right:1px solid #e5e5e5;}
	.love_mune a{ display:block; width:100%; height:40px; text-align:center; font-size:14px; color:#000; line-height:40px; border-bottom:1px solid #e5e5e5;}
	.love_mune a.love_mune_a{ color:#292f87;}
	
	
	.love_right{ float:right; width:75%; height:calc(100vh -80px); overflow:hidden;}
	.love_all{ width:100%; height:auto; overflow:hidden; display:none;}
	.love_xia{ width:100%; height: 560px; overflow-y: scroll;}
	.love_xia::-webkit-scrollbar{width:3px;height:3px;}
	
	.love_tit{ width:100%; height:30px; padding-top:15px;}
	.love_tit a{ display:block; width:100%; height:24px; line-height:24px; font-size:15px; color:#292f87; font-weight:bold;}
	
	.love_con{ width:100%; height:auto; overflow:hidden; padding-bottom:5px;}
	.love_con a{ display:block; width:96%; height: auto; padding:5px 0px; line-height:21px; font-size:13px; color:#000; border-bottom:1px solid #f1f1f1;}
	.love_con a span{ float:right; font-family:"宋体";}
	.love_con a.love_con_a span{transform: rotate(90deg); margin-right:3px;}
	
	
	.love_con_warp{ width:100%; height:auto; overflow:hidden; padding:5px 0px; display:none;}
	.love_con_warp a{ display:block; width:96%; height:21px; line-height:21px; padding:0px; font-size:12px; color:#000; border-bottom:none;}
	
	
	/*首页*/
	.section{ width:100%; height:100vh; overflow:hidden; position:relative;}
	
	
	.ping{ width:100%; height:100vh;  overflow:hidden; position:relative;}
	.ping .header{ position:absolute; top:0; z-index:9;}
	


	/*第二屏*/
	.physics{ width:96%; height:100vh; overflow:hidden; margin:auto; position:relative;}
	.physics_tit{ font-size:18px; letter-spacing:3px; height:40px; line-height:40px; opacity:0;}
	
	.physics_right{ float:none; width:100%; height: auto; max-height:180px; overflow-y: scroll; position:relative; opacity:0; bottom:-100px;}
	.physics_right::-webkit-scrollbar{width:3px;height:3px;}
	
		
		
	.physics_list{ width:96%; height:auto; overflow:hidden;}
	.physics_list ul li{ width:100%; height:30px; list-style:none;}
	.physics_list ul li a{ display:block; width:100%; height:30px; overflow:hidden; padding-left:0px; font-size:14px; line-height:30px;}
	.physics_list ul li a:hover{ background-size:6px;}
	.physics_list ul li a:hover span{background-size:6px;}	
	.physics_list ul li a span{ background-size:6px;padding-left:4%;}
	

	.physics_list1{ width:96%; height:auto; overflow:hidden;}
	.physics_list1 ul li{ width:100%; height:30px; list-style:none;}
	.physics_list1 ul li a{ display:block; width:100%; height:30px; overflow:hidden; padding-left:0px; font-size:14px; line-height:30px;}
	.physics_list1 ul li a:hover{ background-size:6px;}
	.physics_list1 ul li a:hover span{background-size:6px;}	
	.physics_list1 ul li a span{ background-size:6px;padding-left:4%;}

	
	
	.bios_tit{ font-size:18px; letter-spacing:3px; height:40px; line-height:40px; opacity:0; right:0px;}
	
	.bios_right{ float:none;width:100%; height: auto; max-height:180px; overflow-y: scroll; direction: rtl; position:relative; opacity:0; bottom:-100px;}
	.bios_right::-webkit-scrollbar{width:3px;height:3px;}
	
	
	.bios_right .physics_list ul li a{  direction:ltr; text-align:left;}
	.bios_right .physics_list1 ul li a{  direction:ltr; text-align:left;}
	

	
	/*底部*/
	.footer{ width:100%; height: auto; background:#131313; position:relative; overflow:hidden;}
	.foot{ width:96%; height: auto; overflow:hidden; margin:auto; padding-top:15px; position:relative;}
	.foot_left{ float:none; height: auto; width:100%; padding-bottom:8px;}
	.foot_tit{ width:100%; height:24px;line-height:24px; font-size:14px;}
	.foot_tit a{ display:block; width:100%; height:24px; line-height:24px; font-size:14px;}
	
	.foot_nav{ width:100%; height:24px; overflow:hidden; margin-top:0px;}
	.foot_nav a{ display:inline-block; width:auto; height:24px; line-height:24px; cursor:pointer; margin-right:10px;}
	.foot_nav span{ display:inline-block; background:url(../images/index_24.png) no-repeat left; padding-left:12px; font-size:12px;}
	.foot_nav a:hover span{ background:url(../images/index_31.png) no-repeat left; color:#fff;}
	
	
	
	.foot_right{ float:none; height:auto; width:100%; overflow:hidden;}
	.foot_con{ width:100%; height:auto; overflow:hidden; margin-top:5px; padding-bottom:2px;}
	.foot_zuo{ float:none; font-size:13px; color:#a9a9a9; width:100%;}
	.foot_you{ float:none; width:100%; height:auto; overflow:hidden; margin-top:5px;}
	.foot_1{ width:100%; height: auto; overflow:hidden; line-height:20px;}
	.foot_1 span{ display:inline-block; background:url(../images/index_28.png) no-repeat left 3px; font-size:12px; color:#878787; padding-left:20px;}
	.foot_2{ width:100%; height: auto; overflow:hidden; line-height:20px;}
	.foot_2 span{ display:inline-block; background:url(../images/index_32.png) no-repeat left; font-size:12px; color:#878787; padding-left:20px;}
	
	

	.typeright{ width:96%; margin:auto; text-align: center; height: auto; overflow:hidden; font-size:12px; line-height:20px; padding:5px 0px; margin-top:10px;}

	
/*漂浮*/
.carte { display:none;}

	
}






















