/*全局公用样式*/
body{margin:0; padding:0; font-family:"微软雅黑"; color:#333; background:#fff; opacity:1;}
div,dl,dt,dd,ul,ol,li,table,tr,th,tb,h1,h2,h3,h4,h5,h6,form,textarea,button,input,p,img{margin:0;padding:0;}
ul,li{list-style:none;}
fieldset,img{border:0;vertical-align:top; font-style:normal;}
legend { display:none; }
.clearfix::after{content:'';display:table;clear:both}

/*浮动公用样式*/
.dis{display:none}
.left{float:left;}
.right{float:right;}
.clear{clear:both}

a{ color:#000; text-decoration:none;}
a:hover{ color:#a42bd2; text-decoration:none;}

.head_1{ width:100%; height:90px; display:block; background:#2baab0;}
.head_1_1{ max-width:1280px; height:90px; margin:0 auto;    width: 70%}
.head_1_1_1{ width:462px; height:90px; float:left; font:14px/44px "微软雅黑"; color:#a6a8b1;}
.head_1_1_2{ width:425px;     width: 40%;height:80px; float:left;}
.head_1_1_3{ height:90px; float:right;width: 50%;}
.head_1_1_3 li{  float:left;   width: 20%;text-align: center;
height: 90px;
background: #2baab0;}
.head_1_1_3 li:hover{
color:#000;
background: #a4d8d6;}
.head_1_1_3 li span{ color:#fff}
.head_1_1_3 li a{
height: 19px;
font-size:16px;
font-family: "微软雅黑";
font-weight: 400;
text-align: left;
color: #434343;
line-height: 90px;
letter-spacing: 2px;}
.head_1_1_3 li a:hover{color:#eee;}
.head_1_1_3 li img{vertical-align:middle; }

.head_1_1_3 li .img1{width:21px; height:19px;background:url(../images/head_icon5.png); display:block; float:left; margin-top:13px;}
.head_1_1_3 li .img2{width:19px; height:20px;background:url(../images/head_icon4.png); display:block; float:left; margin-top:13px;}
.head_1_1_3 li .img3{width:27px; height:22px;background:url(../images/head_icon3.png); display:block; float:left; margin-top:11px;}
.head_1_1_3 li .img4{width:18px; height:22px;background:url(../images/head_icon2.png); display:block; float:left; margin-top:11px;}
.head_1_1_3 li .img5{width:22px; height:19px;background:url(../images/head_icon1.png); display:block; float:left; margin-top:13px;}
.head_1_1_3 li a:hover .img{animation: change 1.5s linear infinite; -webkit-animation:change 1.5s linear infinite;}
@-webkit-keyframes change{
	0% {-webkit-transform: rotateZ(0deg);}
	100% {-webkit-transform: rotateZ(360deg);}
}
@-moz-keyframes change{
	0% {-moz-transform: rotateZ(0deg);}
	100% {-moz-transform: rotateZ(360deg);}
}
@-ms-keyframes change{
	0% {-ms-transform: rotateZ(0deg);}
	100% {-ms-transform: rotateZ(360deg);}
} 
@-o-keyframes change{
	0% {-o-transform: rotateZ(0deg);}
	100% {-o-transform: rotateZ(360deg);}
} 
@keyframes change{
	0% {transform: rotateZ(0deg);}
	100% {transform: rotateZ(360deg);}
} 
.wrapper {width:100%; position:relative;}
.header_wrap {width:100%; height:70px; overflow:hidden;top:0; left:0; background:#ca9458; z-index:300;}
.header {max-width:1280px; height:100%; position:relative; margin:0 auto; overflow:hidden;}

.menu_1{ width:100%; height:70px; display:block; /*background:#060b1c;*/}
.menu_1_1{ max-width:1280px; height:70px; margin:0 auto; position:relative; width: 70%}


.menu_1_1 .gnb {width:100%; position:absolute; top:0; left:0; overflow:hidden;}
.menu_1_1 .gnb > ul {width:100%; height: 70px;
background: #ca9458;}
 .gnb ul li {float:left; width:128px;
    width: 10%;
    height: 70px;
    font-size: 18px;
    font-family: "微软雅黑";
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 115px;
    letter-spacing: 1px;}

.gnb ul li a {    display: block;
    width: 100%;
    height: 70px;
    font-size: 16px;
    font-family: "微软雅黑";
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 70px;
    letter-spacing: 1px;
}
.gnb ul li a:hover{
	   background:#2baab0;
}
.menu_1_1 .gnb > ul li a img {display:inline-block; padding-top:20px;}
.menu_1_1 .gnb .ticker {position:absolute; z-index:350; top:0; left:-9999px; width:0px; height:2px; background:#9d34c4;}
.menu_1_1 .gnb .depth_02 {width:100%; height:160px; position:absolute; top:70px; left:0; overflow:hidden; }
.menu_1_1 .gnb .depth_02 .dep02 {width:100%; height:100%; top:0; left:0; display:none; overflow:hidden;}
/* .menu_1_1 .gnb .depth_02 .dep02.dep02_10 {display:block;} */
.menu_1_1 .gnb .depth_02 .dep02 .img_area {float:left; margin-left:102px; width:406px;}
.menu_1_1 .gnb .depth_02 .dep02 ul {width:860px; float:left; overflow:hidden; padding:21px 0 0 0; margin-left:31px; display:inline;}
.menu_1_1 .gnb .depth_02 .dep02 ul li {float:left; width:860px;  margin-bottom:17px; font:14px/27px "微软雅黑"; color:#ccc;}
.menu_1_1 .gnb .depth_02 .dep02 ul li h6{ width:74px; height:25px; float:left; margin-right:31px; border:#9d34c4 1px solid; font:14px/27px "微软雅黑"; color:#9d34c4; text-decoration:none; display:block; text-align:center;}
.menu_1_1 .gnb .depth_02 .dep02 ul li h5{ width:74px; height:25px; float:left; margin-right:31px; border:#afbbe5 1px solid; font:14px/27px "微软雅黑"; color:#afbbe5; text-decoration:none; display:block; text-align:center;}
.menu_1_1 .gnb .depth_02 .dep02 ul li span{ width:753px;  float:left; font:14px/27px "微软雅黑"; color:#ccc;}
.menu_1_1 .gnb .depth_02 .dep02 ul li span a{  float:left; font:14px/27px "微软雅黑"; padding-right:19px; color:#ccc; text-decoration:none;}
.menu_1_1 .gnb .depth_02 .dep02 ul li h4{ width:753px;  float:left; font:14px/27px "微软雅黑"; color:#afbbe5;}
.menu_1_1 .gnb .depth_02 .dep02 ul li h4 a{  float:left; font:14px/27px "微软雅黑"; color:#9ba5ca; padding-right:19px; text-decoration:none;}
.menu_1_1 .gnb .depth_02 .dep02 ul li h4 a:hover,.menu_1_1 .gnb .depth_02 .dep02 ul li span a:hover{ color:#9d34c4;}
.menu_1_1 .gnb .depth_02 .dep02 ul.no_float li {float:none; clear:both;}
.menu_1_1 .gnb .depth_02 .dep02 ul.float_ea2 li {float:none; clear:both;}


.banner_1{ width:100%;  display:block; position:relative; overflow:hidden;}
.banner_1_1{ width:100%;  display:block;}
.banner_1_1 li{ width:100%;  float:left;background-size:100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;}
.banner_1_1 li a{ width:100%;margin:0 auto; display:block;  z-index:1;}

.banner_1 .btn_prev,.banner_1 .btn_next{display: block; width:40px; height:100px;background-repeat:no-repeat; position: absolute; top:50%;margin-top: -50px; z-index:12;  opacity:0;transition:all 300ms linear;	-moz-transiton:all 300ms linear; 	-webket-transition:all 300ms linear;	-o-transition:all 300ms linear;}
.banner_1 .btn_prev{left:10%;background-image:url(../img/index/prev.png);}
.banner_1 .btn_next{right:10%; background-image:url(../img/index/next.png);}
.banner_1:hover .btn_prev,.banner_1:hover .btn_next{opacity:1;}
.flicking_con{position:absolute;bottom:29px;left:0%;z-index:999;/height:15px; right: 0%;margin:auto;  width:1000px;  text-align:center;}
.flicking_con a{width:15px;height:15px; margin-right:12px; border-radius:50%; background:#fff;display: inline-block;text-align:center;}
.flicking_con a.on{ background:#9f34d0; width:15px; height:15px; margin-top:0;}


.nav_1{ width:1202px; height:130px; display:block; margin:32px auto 35px;}
.nav_1_1{ width:45px; height:116px; float:left; padding-top:7px;}
.nav_1_2{ width:1144px; height:130px; float:left; padding-left:10px; overflow:hidden;}
.nav_1_2 li{ width:143px; height:130px; float:left;}
.nav_1_2 li a i{ width:91px; height:91px; margin:6px auto 3px; display:block; background:url(../images/nav_bg1.png); transition:all .25s ease-in-out; position:relative;}
.nav_1_2 li a span{ width:100%; height:30px; display:block; text-align:center; font:16px/30px "微软雅黑"; color:#666; transition:all .25s ease-in-out;}
.nav_1_2 li a:hover i{ width:91px; height:91px; margin:6px auto 3px; display:block; background:url(../images/nav_bg2.png);}
.nav_1_2 li a:hover span{ width:100%; height:30px; display:block; text-align:center; font:16px/30px "微软雅黑"; color:#a52bd4;}
.nav_1_2 li a{ text-decoration:none; }

.nav_1_2a{ width:1144px; height:130px; float:left; overflow:hidden;}
.nav_1_2a li{ width:143px; height:130px; float:left;}
.nav_1_2a li a{width:100%; height:100%; display:inline-block;}
.nav_1_2a li i{ width:91px; height:91px; margin:6px auto 3px; display:block; /*background:url(../images/nav_bg1.png);*/     transition:all .25s ease-in-out; position:relative;}

.nav_1_2a li span:hover{ width:100%; height:30px; display:block; text-align:center; font:16px/30px "微软雅黑"; color:#a52bd4;}
.nav_1_2a li a{ text-decoration:none; }
.nav_1_2a li b{ width:27px; height:20px; position:absolute; right:-5px; top:0px;}

.nav_1_2 li b{ width:27px; height:20px; position:absolute; right:-9px; top:-6px;}
.index_1{ width:1202px; height:446px; display:block; margin:0 auto;}



.flicking_con2{ display:none;}





.main_banner{width:100%; height:375px;}
.main_banner_wrap{
	width:1200px; height:505px; position:relative;
	margin:0 auto; overflow:hidden; }
#myCanvas {
	position: absolute;
	z-index: 13;
	opacity: 0.8;
	cursor: pointer;
	-webkit-animation: roll 3s;
	animation: roll 3s;
}
@-webkit-keyframes roll {
	from{-webkit-transform:rotate(120deg);opacity:0;}
	to{-webkit-transform:rotate(0deg);opacity:0.8;}		
}
@keyframes roll {
	from{transform:rotate(120deg);opacity:0;}
	to{transform:rotate(0deg);opacity:0.8;}		
}
.banner_btn{ 	/*a 标签 按钮*/
		width:255px; height:240px; position:absolute; 
		display:block; z-index:9; top:60px;
}
.btn_next{right:20px;}
.banner_btn span{width:50px; height:100px; display:block; position:absolute;
		left:110px; top:70px; opacity:0; transition:0.5s;
		background:url(../images/bannerBtn.png) no-repeat 0 0;}
.btn_next span{background-position:-50px 0;}
.main_banner_box:hover .banner_btn_arrow{opacity:0.6;}
.banner_btn span i{width:50px; height:100px; display:block;
		background:url(../images/bannerBtn.png) no-repeat 0 0;}
.btn_next span i{background-position:-50px 0;}
.banner_btn:hover i{
		-webkit-animation:arrow 0.5s infinite alternate ease-in-out;
		-moz-animation:arrow 0.5s infinite alternate ease-in-out;
}
@-webkit-keyframes arrow{
	from{-webkit-transform:scale(1); opacity:1;}
	to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
	from{-moz-transform:scale(1); opacity:1;}
	to{-moz-transform:scale(1.5); opacity:0.2;}
}

.main_banner_box{
	width:1200px; height:416px; margin:20px auto 0; position:relative; z-index:0;
}
/*火狐倒影图层样式*/
.main_banner_box p#rflt{width:1200px; height:280px; position:absolute; left:0; top:280px;
		background:-moz-element(#m_box) no-repeat; -moz-transform:scaleY(-1); opacity:0.2;
}/*火狐倒影图层样式*/
.main_banner li{
		position:absolute; background:#000; overflow:hidden;		
}
/*给每张图片初始设置不同宽高，层级，位置*/
.main_banner li#imgCard0{
		width:761px; height:416px; z-index:5;
		left:255px; top:0px; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
		width:580px; height:240px; z-index:1; 
		left:600px; top:80px; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{/*初始在背后，透明度为0*/
		width:450px; height:180px; z-index:1;
		left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{/*初始在背后，透明度为0*/
		width:450px; height:180px; z-index:1;
		left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
		width:580px; height:240px; z-index:2; 
		left:0px; top:60px; opacity:1; background:#333d46;
}
.main_banner li img{width:100%; height:100%;}
.main_banner li span{/*遮罩层*/
		width:100%; height:100%; position:absolute; top:0; left:0; 
		z-index:1; background:#000; opacity:0; filter:alpha(opacity=0);
		color:#fff; font-size:30px; line-height:120px; text-align:center;
}
.main_banner li p{width:100%; height:50px; position:absolute;
		left:0; bottom:-50px; background:rgba(0,0,0,0.7); color:#fff;
		text-indent:38px; line-height:50px; font-size:25px;
}

/*footer*/
.swtbottom {
    width: 100%;
    height: 120px;
    position: fixed;
    bottom: 0;
    z-index: 10000;
}
.snav {
    background: url(http://www.gyhmzx.cc/img/index/foot_b.png) no-repeat center;
    font-family: "微软雅黑";
    height: 120px;
    width: 100%;
	opacity: 1;
	width: 1200px;
	width: 50%;
    margin: 0 auto;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.snav ul {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 130px;
    overflow: hidden;
}
.snav ul li {
    width: 16.66%;
    height: 115px;
    float: left;
    display: inline;
    text-align: center;
    color: #fff;
    font-size: 14px !important;
    position: relative;
    padding-top: 15px;
    font-family: "微软雅黑";
}
.snav ul li:hover{
	background: #2baab0;
}
.snav ul li.s-txt {
    width: 380px;
    padding-top: 30px;
    height: 70px;
}
.snav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
	font-size: 14px;
    letter-spacing: 1px;
}
.snav ul li a  p	{
/* 	border-right: #fff 4px solid; */
	padding-top:5px;
}
.swtbottom_foot{
    width: 50%;
    margin: 0 auto;
    position: fixed;
    height: 20px;
    overflow: hidden;
    color: #fff;
    display: none;
    font-size: 14px;
	text-align: center;
    bottom: 0px;
}
.swtbottom_foot a{
    color: #fff;
    font-size: 14px;
}
.snav ul li .s-icon {
    width: 25px;
    height: 22px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -moz-border-radius: 50px;
    display: block;
    background: url(http://www.gyhmzx.cc/skin/gyswt/bottomswt/images/a_dian.png) no-repeat;
    position: absolute;
    top: 8px;
    right: 35px;
    padding-top: 0px;
    text-align: center;
}

.im{
	height: 219px;background: #fff;position: fixed;z-index: 1000;top: 30%;right: 0%;border-top-left-radius: 10px;    border-bottom-left-radius: 10px;
}
.imhead{
	text-align: center;
    margin: 0 auto;
    background: rgba(96,122,162,1);
    border-bottom-left-radius: 10px;
    padding-left: 24.5px;
    padding-right: 24.5px;
    height: 136px;
    padding-top: 5px;
}
.imhead span{width:29px;height:118px;font-size:26px;font-family:SourceHanSansCN;font-weight:400;color:rgba(255,255,255,1);line-height:30px;margin-top:3px}
.im_left{
	width: 78px;    height:219px;border-bottom-left-radius: 10px;  float: left;
}
.im_left img{ width: 78px;height: 78px;border-top-left-radius: 10px;}
.im_right{ float: left;    width: 285px;    height:219px;    background:rgba(255,255,255,1);    text-align: center; color:#434343}
.im_right p{ font: 15px/21px Arial,sans-serif;    text-align: left;padding-left: 15px;height: 25px; line-height: 25px;}
.im_close{width: 22px;    height: 22px;    background: rgba(43,170,176,1);font-size:18px;font-family:AvantGardeGothicC;font-weight:normal;color:rgba(255,255,255,1);line-height:22px;float: right; margin-top: 5px;}
.im_openchat{font-size: 20px;font-weight: 400; color:#fff;width: 150px; height: 40px; background: rgba(43,170,176,1);text-align: center; margin-top: 25px; display: inline-block;    line-height: 40px;}