/* CSS 预设 */
/* CSS 预设 */
body { background: #fff; font: 14px/1.5 "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; color: #333; }
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;}
.clearfix{zoom:1;}
.wrapper{width:1140px;margin:0 auto;}

.left{float:left;}
.right{float:right;}
.block{display:block;}


/*banner*/
.banner{ position:relative;height:598px; overflow:hidden;min-width:1200px;}
.bannerBg,.nr2 .pimg,.nr4 .pimg,.nr8 .pimg,.body_qi .pimg{position: absolute;top: 0;left: 50%;margin-left: -960px;font-size: 0;z-index: -1;}

.bannerCon{position: absolute;top:0px;left: 50%;margin-left:-570px;width:1140px;}
.banSlie{width: 100%;height: 598px;overflow: hidden;position: relative;}
.bannerCon a{height:46px; width:220px; border-radius:23px; border:solid 1px #DB0003;font-size:24px;color:#F0B300;text-align:center;line-height: 46px;margin: 32px auto 0;display: block;}
.bannerCon a:hover{background: #DB0003;}

.prev,.next{display:block;width:44px;height:44px;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:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


.container {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	font-size:.8125em;
}

.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;
}
.roundabout-moveable-item {
   width: 646px;
   height: 416px;
   cursor: pointer;
	 border:0;
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:0;
}

.ziul{font-size: 0;padding-left: 138px;}
.ziul li{display: inline-block;vertical-align: top;margin: 46px 12px 0;text-align: center;}
.ziul li p{font-size: 18px;color: #000;line-height: 26px;margin-top: 20px;}

a{
	color:#333;
}
.box{
	width:100%;
	height:auto;
}
.banner{
	width:100%;
	height:598px;
}
.obj-b a{
	font-size:24px;
	color:#F0B300;
	text-align:center;
	margin-top:6px;
}
.nr1{
	width:100%;
	padding-bottom: 62px;
}
.yx1{
	width:1200px;
	height:100%;
	margin:0 auto;
}
.p1{
	font-size:24px;
	color:#333333;
	margin-top:70px;
}
.p2{
	font-size:20px;
	color:#333333;
	margin-top:5px;
}
.jieshao{
	width:100%;
	height:260px;
	margin-top:30px;
}
.jieshao li{
	width:272px;
	margin-right:37px;
	float:left;
}
.tu1{
	width:100%;
	height:208px;
}
.zi1{
	font-size:16px;
	margin-top:30px;
	text-align:center;
}
.chatu{
	width:100%;
	background-image:url(../images/bg01.png);
	height: 196px;
	min-width: 1200px;
	margin-top:10px;
	overflow:hidden;
	color:white;
}
.chatu1{
	margin-top:60px;
	font-size:18px;
	margin-left:20px;
}
.zi23{
	margin-left:20px;
	margin-top:10px;
}
.zi23 span{
	margin-right:40px;
	font-size:16px;
}
.zi22{
	margin-left:20px;
	margin-top:10px;
}
.zi22 span{
	margin-right:56px;
	font-size:16px;
}
.fuhao{
	margin-top:10px;
	font-size:16px;
	margin-left:20px;
}
.anniu3{
	width:520px;
	height:60px;
	margin:0 auto;
	margin-top:75px;
}
.zuo{
	width:198px;
	height:100%;
	border-radius:10px;
	border:solid 1px #000D5F;
	float:left;
}
.zuo p{
	font-size:18px;
	color:#333333;
	text-align:center;
	margin-top:18px;
}
.you{
	width:198px;
	height:100%;
	border-radius:10px;
	border:solid 1px #000D5F;
	float:right;
}
.you p{
	font-size:18px;
	color:#333333;
	text-align:center;
	margin-top:18px;
}

.nr2{
	width:100%;
	height:354px;
	min-width: 1200px;position: relative;padding-top: 284px;overflow: hidden;
}
.zi24{
	text-align:center;
	font-size:46px;
	color:white;
}
.zi25{
	text-align:center;
	font-size:22px;
	margin-top:10px;
	color:#9a9a9a
}
.zi26{
	font-size:20px;
	color:white;
	margin-top:13px;
	margin-left:58px
}
.anniu4{
	width:200px;
	height:50px;
	margin:0 auto;
	border:solid 1px white;
	margin-top:30px;
}
.nr3{padding: 46px 0 108px;background:url(../images/bg02.jpg) no-repeat center;min-width: 1200px;overflow:hidden;}
.yx2{
	width:1200px;
	height:100%;
	margin:0 auto;
}
.pbg01,.pbg02,.zi51,.zi61{background: url(../images/bg.png) no-repeat;}
.pbg01{background-position:0 0;}
.pbg02{background-position: 268px -125px;}
.zi51{background-position: 0 -257px;}
.zi61{background-position: 194px -377px;}

.zi31{font-weight: bold;
	font-size:50px;
	margin-top:40px;
	margin-left:128px;
	padding-left: 92px;
}
.zi32{
	font-size:38px;
	margin-left:160px;
	margin-top:16px;
}
.zi33 li{
	font-size:18px;
	margin-top:20px;
	margin-left:160px;
}
.anniu5{
	width:200px;
	height:50px;
	border:solid 1px;
	margin-top:40px;
	margin-left:160px;
}
.anniu5 p{
	font-size:16px;
	color:#333333;
	text-align:center;
	margin-top:15px;
}
.zi34{
	width:1200px;
	height:20px;
	margin-top:190px;
	margin-left:192px;
}
.zi34 li{
	float:left;
	margin-right:66px;
}
.nr4{position: relative;
	width:100%;
	height:908px;
	min-width: 1200px;
	overflow:hidden;
}
.yx4{
	width:1200px;
	height:100%;
	margin:0 auto;
	color:white;
}
.zi41{
	float:right;
	margin-right:80px;padding-right: 70px;
	font-size:50px;
	margin-top:140px;
}
.zi42{
	float:right;
	font-size:38px;
	margin-right:86px;
	margin-top:16px;
	margin-left:80px;
}
.zi43{
	float:right;
	width:400px;
	margin-left:500px;
}
.zi43 li{
	font-size:18px;
	margin-top:20px;
	margin-right:86px;
	float:right;
}
.zi44{
	float:right;
	width:1200px;
	height:20px;
	margin-top:60px;
	margin-right:86px;
}
.zi44 li{text-align: center;
	float:right;
	margin-right:62px;
}
.zi44 li p{margin-top: 10px;}
.anniu6{
	float:right;
	width:200px;
	height:50px;
	border:1px solid #fff;
	margin-top:40px;
	margin-right:86px;
	margin-left:500px;
}
.anniu6 p{
	font-size:16px;
	color:white;
	text-align:center;
	margin-top:15px;
}
.nr5{
	width:100%;
	height:904px;
	background:url(../images/bg04.jpg) no-repeat center;
	min-width: 1200px;
	overflow:hidden;
}
.zi51{
	font-size:50px;
	margin-top:120px;
	margin-left:144px;
	padding-left: 100px;
}
.zi54{
	width:1200px;
	height:20px;
	margin-top:48px;
	margin-left:165px;
}
.zi54 li{
	float:left;
	margin-right:24px;text-align: center;
}
.zi54 li p{margin-top: 20px;}
.nr6{
	width:100%;
	height:908px;
    background:url(../images/bg05.jpg) no-repeat center;
	min-width: 1200px;
	overflow:hidden;
}
.nr6p{margin-top: 0;}
.zi61{
	float:right;
	margin-right:91px;
	padding-right: 90px;
	font-size:50px;
	height: 100px;line-height: 100px;
	margin-top:140px;
}
.zi63{
	float:right;
	width:600px;
	margin-left:500px;
}
.zi63 li{
	font-size:18px;
	margin-top:20px;
	margin-right:86px;
	float:right;
}
.nr7{
	width:1200px;
	height:770px;
	overflow:hidden;
	margin:0 auto;
}
.zi71{
	text-align:center;
	margin-top:60px;
	font-size:30px;
	color:#333333;
}
.zi72{
	text-align:center;
	margin-top:10px;
	font-size:18px;
	color:#333333;
}
.zi73{
	width:100%;
	height:450px;
	overflow:hidden;
	color:#333333;
	margin-top:56px;
}
.zi73 li{
	width:283px;
	height:100%;
	margin-right:22px;
	float:left;
}
.mingzi{
	font-size:24px;
	text-align:center;
	margin-top:10px;
}
.jieshao{
	font-size:14px;
	margin-top:4px;
	text-align:center;
}
.zi74{
	width:240px;
	height:44px;
	border-radius:22px;
	margin:0 auto;
	margin-top:40px;
	border:solid 1px #333333;
}
.zi74 p{
	font-size:18px;
	margin-top:10px;
	text-align:center;
}
.nr8{position: relative;
	width:100%;
	height:827px;
	   min-width: 1200px;
	overflow:hidden;
}
.zi81{
	text-align:center;
	margin-top:100px;
	font-size:30px;
	color:white;
}
.zi82{
	text-align:center;
	margin-top:20px;
	font-size:18px;
	color:white;margin-bottom: 10px;
}
.nr9{
	width:100%;
	height:890px;
	overflow:hidden;
}
.yx5{
	width:1200px;
	height:556px;
	margin:0 auto;
	margin-top:40px;
}
.yx5 img{float: left;}
.zi91{
	font-size:36px;
	font-weight:bold;
	color:#333333;
	text-align:center;
	margin-top:30px;
}
.zi92{
	width:204px;
	height:27px;
	margin:0 auto;
	margin-top:10px;
}
.anniu9{
	width:224px;
	height:44px;
	background-color:#e0042b;
	margin:0 auto;
	border-radius:22px;
	margin-top:50px;
	overflow:hidden;
}
.anniu9 p{
	font-size:18px;
	text-align:center;
	color:white;
	margin-top:10px;
}
/* body 7*/
.body_qi{position: relative;
	width:100%;
	height:572px;
	min-width: 1200px;
}
.qi_quyu{
	width:1200px;
	height:100%;
	margin:0 auto;
}
.qi_box{
	width:480px;
	height:480px;
	float:right;
	margin:41px;
	border:solid 1px #727272;
	border-radius:10px;
	background-color:rgba(0,0,0,0.5)
}
.qi_top{
	text-align:center;
	line-height:100px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:36px;
	font-weight:bold;
}
.xian{
	width:200px;
	height:1px;
	background-color:#333333;
	margin:10px auto;
}
.qi_kuang{
	width:370px;
	height:40px;
	margin:40px auto;
	font-size:16px;
	color:#FFFFFF;
}
.qi_lib{
	width:100%;
	height:100%;
	margin:40px auto;
	font-size:16px;
}
.qi1{
	width:318px;
	height:40px;
	background-color:rgba(0,0,0,0);
	border:solid 1px #727272;
	text-indent:10px;
	font-size:16px;
}
.qi_anniu{
	width:370px;
	height:40px;
	margin:0 auto;
	
}
.qi_button{border: none;display: block;
	width:370px;
	height:40px;
	text-align: center;line-height: 40px;
	background-color:#e0042b;
	color:white;
	font-size:18px;
	border-radius:4px;
}
	

#bgstylea{background:#ff6900;}
#bgstyleb{background:#193d85;}
#bgstylec{background:#000;}

@-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%;} }
.bannerCon{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;}
.bannerCon a{text-decoration: 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%;} }

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

.Cooldog_container {
    width: 1106px;
    height: 450px;
    margin: 90px auto 0;
    position: relative;
    overflow: hidden;
}

.Cooldog_container .Cooldog_content {
    position: absolute;
    width: 760px;
    height: 400px;
    top: 0;
    left: 50%;
    margin-left: -380px;
}

.Cooldog_container .Cooldog_content li {
    position: absolute;
    top: 0;
    left: 0;
    width: 760px;
    height: 400px;
    transition: all 0.3s ease;
}
.Cooldog_container .btn_left, .Cooldog_container .btn_right {
    display: none;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 182px;
    z-index: 50;
    color: #fff;

}

.Cooldog_container .btn_left {
    text-align: left;
    left: 22px;
}

.Cooldog_container .btn_right {
    text-align: right;
    right: 22px;
}

.Cooldog_container .p2 {
    transform: translate3d(-90px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

.Cooldog_container .p3 {
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}

.Cooldog_container .p4 {
    transform: translate3d(230px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

.tc_zhezhao .tc_left .p1{margin-top: 0 !important;}