body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,form,input,textarea {margin: 0;padding: 0;font-weight:normal;font-family:arial, '微软雅黑',"Microsoft YaHei","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", SimHei, simsun, sans-serif;font-size:14px;color:#4c4c4c}

body{min-width:1210px;outline:none;}

ul,ol {list-style: none;}

a {text-decoration: none;}

a:hover{text-decoration:none;}

i{font-style: normal;}

img ,a img{border:none;vertical-align: top;}

.none {display: none;}

.clear{clear:both}

.fl{float:left}

.fr{
	float:right;
	font-size: 13px;
}

.tc{text-align:center}

.tr{text-align:right}

.wrap{width:1200px;margin: 0 auto;}

.pr{position: relative;}
.ps{position: absolute;}

.white{color:#fff}
.ul_line li{float: left;}
.f18{font-size: 18px;}
.paging{display: none;}
.paging.show{display: block;}
@font-face  
{  
    font-family:'big';  
    src:url('fonts/bigjohn.eot');  
    src:local('☺'),  
        url('fonts/bigjohn.woff') format('woff'),  
        url('fonts/bigjohn.ttf') format('truetype'),  
        url('fonts/bigjohn.svg#webfontOTINA1xY') format('svg');  
        font-weight:normal;  
        font-style:normal;  
}  

@font-face  
{  
    font-family:'hvn';  
    src:url('fonts/HelveticaNeueLTPro-ThEx.eot');  
    src:local('☺'),  
        url('fonts/HelveticaNeueLTPro-ThEx.woff') format('woff'),  
        url('fonts/HelveticaNeueLTPro-ThEx.ttf') format('truetype'),  
        url('fonts/HelveticaNeueLTPro-ThEx.svg#webfontOTINA1xY') format('svg');  
        font-weight:normal;  
        font-style:normal;  
} 


@font-face  
{  
    font-family:'slim';  
    src:url('fonts/Slim Joe.eot');  
    src:local('☺'),  
        url('fonts/Slim Joe.woff') format('woff'),  
        url('fonts/Slim Joe.ttf') format('truetype'),  
        url('fonts/Slim Joe.svg#webfontOTINA1xY') format('svg');  
        font-weight:normal;  
        font-style:normal;  
} 


@font-face  
{  
    font-family:'helv';  
    src:url('fonts/HelveticaNeueLTPro-Th.eot');  
    src:local('☺'),  
        url('fonts/HelveticaNeueLTPro-Th.woff') format('woff'),  
        url('fonts/HelveticaNeueLTPro-Th.ttf') format('truetype'),  
        url('fonts/HelveticaNeueLTPro-Th.svg#webfontOTINA1xY') format('svg');  
        font-weight:normal;  
        font-style:normal;  
}

@font-face  
{  
    font-family:'helbd';  
    src:url('fonts/HelveticaNeueLTPro-Bd.eot');  
    src:local('☺'),  
        url('fonts/HelveticaNeueLTPro-Bd.woff') format('woff'),  
        url('fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype'),  
        url('fonts/HelveticaNeueLTPro-Bd.svg#webfontOTINA1xY') format('svg');  
        font-weight:normal;  
        font-style:normal;  
} 
/*public部分CSS结束*/

.stock_info{font-family: big;padding-top: 10px;}
#header{min-height:450px;position: relative;min-width: 1200px;overflow-x: hidden;overflow-y: hidden;}
#header .wrap{position: relative;z-index: 2;}
#header p{color:#fff}
#header p span{margin-left: 20px;font-family: hvn;}
#banner{position: absolute;top:0;/*left:50%;*//*margin-left: -960px;*/z-index: 0;width:100%;min-width: 1210px;}
/*#banner{position: absolute;top:0;z-index: 0;width:100%;min-width: 1210px;overflow: hidden;}*/


#menu{overflow: hidden;}
#menu li a{color:#fff;margin-right: 40px;font-size: 16px;font-family: arial;}
#menu li a:hover,#menu li.active a{color:#f09d3b}
#menu>.fl img{height:47px}
.menu_btn{width:27px;height:20px;display: inline-block;background: url(../images/menu.png) no-repeat;vertical-align: top;margin-top: 1px;cursor: pointer;margin-left: 10px;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
-o-transition: -o-transform 0.3s;
transition: transform 0.3s;
}
#menu.active .menu_btn{
	-webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
    webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg);
    display: none;
}


#menu .fr{color:#fff;height:24px;line-height: 24px;margin-top: 11px;font-family: arial;}
#menu  span{width:23px;height:21px;border: 1px solid #d9d9d9;display: inline-block;border-radius:3px ;text-align: center;color:#fff;line-height: 21px;vertical-align: top;}
.swiper-container1 .swiper-slide{
    position: relative;
}
#header .text{
    /*padding-top: 155px;*/
   width:100%;
    overflow: hidden;
    position:absolute;
    top:32%;
    left:21%;
    margin:0 0 0 -400px;
    /*transform: scale(0);*/
}
/*.swiper-container1 .swiper-slide-active .text{*/
    /*transform: scale(1);*/
/*}*/

#header .text p{font-size: 36px;color:#e97b0e;text-transform: uppercase;}
#header .text p:first-child{font-size: 52px;width:850px; margin-bottom: 30px;font-weight: bold;position: relative;
      left:27%;
    /*top:-400px;*/

}
#header .text .btm{opacity: 0;font-family:slim ;}

.nav_list{
	-webkit-transform: translate(1000px,0);
    -moz-transform: translate(1000px,0);
    -ms-transform: translate(1000px,0);
    -o-transform: translate(1000px,0);
    transform: translate(1000px,0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}
#menu.active  .nav_list{
	-webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
  
}

.tc>h4.title{
	position: relative;top:-25px
}
.tc>h4.title span,.tc>h4.title span a{
	width:220px;height:49px;line-height: 49px;text-align: center;font-size: 16px;display: inline-block;margin: 0 20px;background: #e6e6e6;text-transform: uppercase;cursor: pointer;color:#4c4c4c
}
.tc>h4.title span:hover a,.tc>h4.title span a{margin: 0;}
.tc>h4.title span:hover a,.tc>h4.title span.active a,h4.title span.active,.tc>h4.title span:hover{background: #00A6F4;color:#fff}

h3.title{position: relative;padding-bottom:20px;display: inline-block;margin: 0 auto;overflow: hidden;}
h3.title p{color:#808080;}
h3.title p.tt{font-size: 30px;color:#4c4c4c;font-family: big;/*margin-bottom: 8px;*/position: relative;}
h3.title p.tt a{color:#4c4c4c}
h3.title p.tt:hover a{color: #f09d3b;}
h3.title .t_info{text-transform: uppercase;position: relative;font-family: slim;}
h3.title:after{
	content: '';
	width:100%;
	height:1px;
	background: #e6e6e6;
	position: absolute;
	bottom: 0;
	left:0;
	z-index: 1;
}
h3.title:before{
	content: '';
	width:38px;
	height:3px;
	background: #F09D3B;
	position: absolute;
	bottom: -1px;
	left:50%;
	margin-left: -19px;
	z-index: 2;
}


#footer{height:747px;width:100%;overflow: hidden;}
#footer .tp{background: url(../images/footer.png) no-repeat center center;height:706px;}
#footer .logo{padding: 47px 0 75px; position: relative;}
#footer ul.info{height:127px;overflow: hidden;}
#footer .info li{width:316px;text-align: center;margin-left: 125px;position: relative;}
#footer .info li:first-child{margin-left: 0;}
#footer .info li i{width:65px;height:44px;display: inline-block;vertical-align: top;;position: relative;z-index: 2;}
#footer .info li>div{text-align: center;margin-bottom: 25px;position: relative;}
#footer .info li>div:after{content: '';width:40%;height:1px;top:24px;left:0;background: #f09d3b;position: absolute;z-index: 0;}
#footer .info li>div:before{content: '';width:40%;height:1px;top:24px;right:0;background: #f09d3b;position: absolute;z-index: 0;}
#footer .address i{background: url(../images/address.png) no-repeat center center;}
#footer .phone i{background: url(../images/phone.png) no-repeat center center;}
#footer .email i{background: url(../images/email.png) no-repeat center center;}
#footer .info li p{color:#fff;width:280px;margin: 0 auto; text-align: center;font-family: arial;word-break: break-all;line-height: 24px;}
#footer p.f18{color:#fff;margin: 75px 0 55px;text-transform: uppercase;}
#footer .nav{width:1150px;margin: 100px auto 0;}
#footer .nav a{color:#fff;line-height: 1;vertical-align: top;font-family: arial;}
#footer .nav li{position: relative;height:13px;padding: 0 60px;}
#footer .nav li:first-child:after{display: none;}
#footer .nav li:after{content: '';width:1px;height:100%;position: absolute;left:0;top:0;background: #fff;}
#footer .bt{height: 39px;background: #051a44;line-height: 39px;}
#footer .bt p{color:#2a74b5;text-transform:uppercase ;}


#videoDiv{transition: 600ms;}
.vjs-poster{background-size:cover ;}
#videoDiv:hover .vjs-default-skin .vjs-big-play-button{opacity: 1;transition: 600ms;}
.vjs-default-skin .vjs-big-play-button{
	background: url(../images/vedio_btn.png) no-repeat !important;border: 0;height:93px;width:93px;box-shadow:none;opacity: 0;transition: 600ms;
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{
	margin-left:-1.1em;
}
.vjs-default-skin .vjs-big-play-button:before{
	display: none;
}
.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus{
	border: 0;height:93px;width:93px;box-shadow:none;
}
.vjs-default-skin .vjs-big-play-button:hover{
	box-shadow: none;
}



.button_link{
	display: block;
    position: relative;
    text-decoration: none;
    font-size: 15px;
    color: #fff!important;
    width: 155px;
    text-align: center;
    height: 38px;
    line-height: 36px;
    border: 1px solid rgba(255,255,255,.5);
    margin: 10px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	text-transform: uppercase;
}
.button_link .line {
    display: inline-block;
    background-color: #FFF;
    position: absolute;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.button_link .line_top {
    height: 1px;
    width: 0;
    left: -50%;
    top: -1px;
}
.button_link:hover .line_right {
    height: 100%;
    top: -1px;
}
.button_link:hover .line_bottom {
    height: 100%;
    bottom: -2px;
}
.button_link:hover .line_left {
    width: 100%;
    right: -1px;
}

.button_link .line_right {
    height: 0;
    width: 1px;
    top: -50%;
    right: -1px;
}
.button_link .line_bottom {
    width: 1px;
    height: 0;
    bottom: -50%;
    left: -1px;
}
.button_link .line_left {
    height: 1px;
    width: 0;
    right: -50%;
    bottom: -1px;
}
a.more:hover .line_top {
    width: 100%;
    left: -1px;
}
.page a{background: #fff;width:21px;height:25px;border: 1px solid #00A6F4;display: inline-block;text-align: center;line-height: 25px;font-size: 12px;font-weight: 600;color:#00A6F4;float:left;margin:90px 0 0 5px;}
.page a.current,.page a:hover{background: #00A6F4;color:#fff}

/*增加搜索样式*/

.grabble{
  width:200px;
  height:30px;
  position:absolute;
  top:5px;
  left:570px;
  /*border:1px solid #FFFFFF;*/
  border-radius:30px;
  background:#000;
  -webkit-box-shadow:inset 0 0 10px #FFFFFF;  
  -moz-box-shadow:inset 0 0 10px #ffffff;  
  box-shadow:inset 0 0 10px #FFFFFF;                   /* For Latest Opera */
}

.searcher{
	width:160px;
	height:30px;
	border:0px;
	background:none;
	color: #FFFFFF;
	outline: none;
	text-indent:16px;
	float: left;
	font-size:15px;
	
	
}
.ck-sear{
	width:40px;
	height:30px;
	text-align:center;
	line-height:30px;
    float:left;
    
    border:none;
    color:#FFFFFF;
    outline: none;
    cursor: pointer;
    background: url(../images/fabig.png) no-repeat center center;
    background-size:15px 15px;
}
.kechi{width:220px;height:49px;line-height: 49px;text-align: center;font-size: 16px;display: inline-block;margin: 0 20px;background: #e6e6e6;text-transform: uppercase;cursor: pointer;color:#4c4c4c;}
.kechi1{width:220px;height:49px;line-height: 49px;text-align: center;font-size: 16px;display: inline-block;margin: 0 20px;background: #00A6F4;text-transform: uppercase;cursor: pointer;;color:#fff;}
#main {
	padding-bottom: 150px;
}

