﻿@charset "utf-8";
#header{ position: relative; min-width:1210px; width:100%;}
/*nav开始*/
#header .navbox{height:110px; }
#header .nav{z-index: 300; width:100%;min-width:1210px; position:fixed;left:0px;top:0px;
    background: #134E5E; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #ffffff , #f7f6f6); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #ffffff , #f7f6f6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: -webkit-linear-gradient(top, #fff, #f7f6f6)
    width: 100%; height: 110px; line-height: 110px; 
	background:url(../images/bg.jpg);
	}
	
#header .nav .logo{width: 399px;  margin: 5px 0 0 10px; }
#header .nav .nav-con{  width: 750px; height:45px; dispaly:block }
#header .nav .nav-con ul{  margin: 50px 0px; padding: 0; height:45px; }
#header .nav .nav-con ul li{ float: left;  padding: 0 3%; height:45px; }
#header .nav .nav-con ul li a{ display: block; font-size: 16px; color: #353535; height: 45px; line-height: 5px;  }
#header .nav .nav-con ul li a:hover{ display: block; border-bottom: 2px solid #d11126; color: #d11126;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#header .nav-bg .nav-con ul li:first-child{ margin-left: 50px;}
#header .top-nav{width:150px; margin-top:30px;}
#header .top-nav div{padding:0;margin:0;}
#header .top-nav img{display:block;padding:0;margin:0;border:none;}
#header .top-nav .fenxiang{display:none;}
#header .top-nav .fenxiang img{ margin:0 auto;}
#header .top-nav .lian_jie{ background-color:block;}
#header .top-nav .lian_jie img{ float:left; margin-right:15px;}
@media all and (max-width:1330px)
{
	#header .top-nav .lian_jie{ background-color:#f8f8f8;}
	#header .top-nav{width:50px;}
	#header .top-nav .fenxiang{display:block;}
	#header .top-nav .lian_jie{display:none}
	#header .top-nav .lian_jie img{ clear:left; margin:10px 0px 10px 10px;}
}


/*banner */
#banner{ width: 100%; height: auto;}
.slide-main{position:relative; top: -16px; z-index:0;height:639px;}
.prev,.next{display:block;width:30px;height:33px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:10px;}
.next{right:10px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:635px;overflow:hidden;}
.slide-box{position:relative; }
.slide{position:relative;z-index:8;display:none;height:546px;padding-top:89px;background:#ff6900;}
/*#bgstylea{background:#ff6900;}
#bgstyleb{background:#193d85;}
#bgstylec{background:#000;}*/
#bgstylea{background:url("../images/banner-bg3.jpg") center no-repeat; background-size:cover; width:100%;}
#bgstyleb{background:url("../images/banner-bg2.jpg") no-repeat;  background-size:cover; width:100%;}
#bgstylec{background:url("../images/banner-bg1.jpg") no-repeat;}
#bgstylee{background:url("../images/banner-bg4.jpg") center no-repeat;}
.slide a{display:block;width:100%;height:450px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%; }
/*.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}*/
.obj-b{width:1213px;height:240px;top:120px;margin-left:-600px;}
.obj-c{display:block;height:636px;top:120px;margin-left:-340px;}
/*
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
*/
.obj-e{width:450px;height:181px;margin-left:-630px;top:230px;z-index:12;}
.obj-f{width:595px;height:381px;top:120px;margin-left:-250px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
/* banner 结束*/

.obj-f{margin-top:30px}
.obj-c{margin-top:60px}
.obj-b{margin-top:60px}


.main01-bigbox{ min-width:1210px; margin-top:10px; padding:33px 0px 70px 0px;background:url(../images/mainbg00.jpg)}
.main-01 img{padding:0;margin:0;}
.main01-box{width:1140px; overflow:hidden;}
.main01-box .little-box{width:283px; padding:0px 1px; cursor:pointer; float:left;}
.main01-box .little-box .little-top{width:283px;height:265px;}
.main01-box .little-box .little-top img{width:283px;height:265px;}
.main01-box .little-box .little-bottom{height:140px;background:#4b5865;}
.main01-box .little-box .little-bottom div{width:283px;left:0px;}
.main01-box .little-box .little-bottom .yingwen{top:35px;font-size:14px;color:#c1c1c1;}
.main01-box .little-box .little-bottom .title{top:58px;font-size:14px;}
.main01-box .little-box .little-bottom .jiahao{top:82px;}
.main01-box .little-box .little-bottom .jiahao img{display:block; margin:0 auto;}

.main02{ min-width:1210px; background:url(../images/mainbg01.jpg); padding-bottom:60px;}
.main02 img{border:none;margin:0;padding:0;display:block;}
.main02 .guanyu{}
.main02 .guanyu img{ margin-left:auto;margin-right:auto; margin-top:25px;}
.main02 .hr01{ margin-top:16px;}
.main02 .main02_1{ margin-top:30px;}
.main02 .main02_1 .tuxiang01{ margin-left:28px; float:left;width:263px;height:174px;}
.main02 .main02_1 .tuxiang01 img{width:263px;height:174px;}
.main02 .main02_1 .jianjie01{width:1100px;height:173px; overflow:auto; margin:0 auto; font-size:14px; line-height:28px;color:#9eafc0}
.main02 .main02_2{ margin-top:56px;}
.main02 .main02_2 .ul_1{ margin-left:28px;width:563px;height:358px;}
.main02 .main02_2 .ul_1 li{ position:absolute;left:0px;top:0px;width:563px;height:358px;}
.main02 .main02_2 .ul_1 li img{width:563px;height:358px;}
.main02 .main02_2 .ul_2{ margin-right:28px; width:575px;height:358px;}
.main02 .main02_2 .ul_2 .l1{ margin-bottom:5px;width:285px;height:195px;}
.main02 .main02_2 .ul_2 .l2{width:285px;height:160px;}
.main02 .main02_2 .ul_2 li img{ cursor:pointer;width:100%;height:100%}

.main03{min-width:1210px;background:url(../images/mainbg00.jpg);padding:80px 0px 50px 0px;}
.main03 .main03_box{}
.main03_box .left{width:559px;height:289px;}
.main03_box .left img{width:559px;height:289px;}
.main03_box .left .left_bottom{width:559px;height:43px;background:rgba(0,0,0,.5);left:0px;bottom:0px;}
.main03_box .left .left_bottom div{font-size:18px;color:#FDFDFD;line-height:42px; float:left;margin-left:130px;}
.main03_box .left .left_bottom a{display:block; float:right; margin-right:60px;width:106px;line-height:30px;color:#FFFFFF; background:#c30101; text-align:center; margin-top:8px; cursor:pointer; font-size:12px;}
.main03_box .right{width:585px;}
.main03_box .right .xuxian{}
.main03_box .right .xuxian img{ padding:0;margin:0px; display:block}
.main03_box .right .title{}
.main03_box .right .title div{width:225px; margin:0 auto;height:58px; border-bottom:solid #c30101 3px; overflow:hidden}
.main03_box .right .title div img{ display:block; margin:17px auto;}
.main03_box .right .ul_1{margin-top:18px;}
.main03_box .right .ul_1 li{ font-size:14px;color:#919191; overflow:hidden; margin-bottom:18px;}
.main03_box .right .ul_1 img{ display:block; float:left; margin-top:3px; margin-right:15px;}
.main03_box .right .ul_1 .title{ float:left; }
.main03_box .right .ul_1 .time{ float:right; margin-right:10px;}


.footer{color:#c0bfbf;}
.footer .footer_1{min-width:1210px; background:#122232; overflow:hidden;padding-top:27px; padding-bottom:27px;}
.footer .footer_1 .footer_1box{ overflow:hidden;}
.footer_1box img{display:block; float:left; margin-right:52px;}
.footer_1box ul{ float:left; margin-top:15px;}
.footer_1box ul li{}
.footer .footer_2{min-width:1210px; background:#1a2b3b;}
.footer .footer_2 .footer_2box{ overflow:hidden;padding-top:20px; padding-bottom:19px;}
.footer_2box .a_lianjie{}
.footer_2box .a_lianjie a{color:#c0bfbf;}
.footer_2box .center{ text-align:center; width:800px;}
.footer_2box .right{}












