.wrap{
	width: 100%;
	min-width: 1530px;
}

img{
	vertical-align: middle;
}
h2{ font-weight:normal;}

.box{
	width: 100%;
	min-width: 1530px;
}
.w1200{
	width: 1530px;
	margin: 0 auto;
	overflow: hidden;
	border: 0px solid;
}
.w1300{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	border: 0px solid;
}
.w1100{
	width: 1530px;
	margin: 0 auto;
	border: 0px solid ;
}
.head{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background:no-repeat url(../img/head_bj.jpg);
}
.head .ul_a .a{
	width: 540px;
	overflow: hidden;
	float: left;
	position: relative;
}

.light{  
    cursor:pointer;  
    position: absolute;   
    top: 0;  
    width: 540px;  
    height: 145px;  
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.6),rgba(255,255,255,0));  
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.6),rgba(255,255,255,0));  
   animation:mymove 3s infinite;
	-webkit-animation:mymove 3s infinite alternate;
}  
@keyframes mymove
{
from {left:-300px;}
to {left:400px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:-300px;}
to {left:400px;}
}
.head .ul_a .a .p_a{
	width: 540px;
	overflow: hidden;
	font-size: 37.15px;
	font-weight: bold;
	color: #3a3a3a;
	padding-top: 38px;
	padding-bottom: 9px;
}
.head .ul_a .a .p_b{
	width: 540px;
	overflow: hidden;
	font-size: 18.79px;
	font-family: Aria;
	color: #3a3a3a;
	padding-bottom: 28px;
	text-transform:uppercase;
}
.head .ul_a .b{
	width: 114px;
	overflow: hidden;
	float: left;
	transition: 0.7s;
}
.head .ul_a .b:hover{
	background-color: #d81e06;
	transition: 0.7s;
}
.head .ul_a .b .p_a{
	width: 114px;
	overflow: hidden;
	font-size: 18px;
	color: #252525;
	text-align: center;
	padding-bottom: 6px;
	padding-top: 51px;
	transition: 0.7s;
}
.head .ul_a .b:hover .p_a{
	color: #fff;
	transition: 0.7s;
}
.head .ul_a .b .p_b{
	width: 114px;
	overflow: hidden;
	font-size: 16px;
	color: #252525;
	text-align: center;
	padding-bottom: 39px;
	transition: 0.7s;
}
.head .ul_a .b:hover .p_b{
	color: #fff;
	transition: 0.7s;
}
.head .ul_a .c{
	width: 220px;
	padding-left: 55px;
	overflow: hidden;
	float: left;
	background:url(../img/tell.png)0px 42px no-repeat;
	margin-left: 20px;
}
.head .ul_a .c .p_a{
	width: 220px;
	overflow: hidden;
	font-size: 16px;
	color: #252525;
	padding-top: 45px;
	padding-bottom: 4px;
}
.head .ul_a .c .p_b{
	width: 220px;
	overflow: hidden;
	font-size: 28px;
	color: #3a3a3a;
	font-family: Aria;
	font-weight: bold;
	padding-bottom: 37px;
}
.about{
	width: 100%;
	overflow: hidden;
	background:url(../img/about_bj.jpg) no-repeat;
}
.about .ul_a{
	width: 1530px;
	margin: 0 auto;
	position: relative;
}
.about .ul_a .a{
	width: 1022px;
	overflow: hidden;
	position: absolute;
	margin-left: -213px;
	margin-top: 50px;
}
.about .ul_a .b{
	margin-left: 864px;
	width: 666px;
	overflow: hidden;
}
.about .ul_a .b .p_a{
	width: 666px;
	overflow: hidden;
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
	padding-top: 155px;
	padding-bottom: 10px;
}
.about .ul_a .b .p_b{
	width: 666px;
	overflow: hidden;
	font-weight: bold;
	font-size: 25px;
	padding-bottom: 68px;
}
.about .ul_a .b .p_c{
	width: 666px;
	overflow: hidden;
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
	padding-bottom: 20px;
}
.about .ul_a .b .p_d{
	width: 656px;
	padding-right: 10px;
	overflow: hidden;
	font-weight: lighter;
	line-height: 1.6;
	font-size: 18px;
	text-indent: 2rem;
}
.about .ul_a .b .p_e{
	width: 173px;
	overflow: hidden;
	font-weight: lighter;
	line-height: 56px;
	color: #fff;
	font-size: 20px;
	margin-top: 75px;
	margin-right: 14px;
	margin-bottom: 149px;
	background-color: #0081d2;
	text-align: center;
	float: left;
	transition: 1s;
}
.about .ul_a .b .p_e:hover{
	background-color: #d81e06;
	transition: 1s;
}
.product{
	width: 100%;
	overflow: hidden;
	background-color: #0081d2;
	margin: 0 auto;
}
.product .ul_a{
	width: 1530px;
	margin: 0 auto;
	position: relative; 
}
.product .ul_a .a{
	width: 580px;
	overflow: hidden;
	float: left;
}
.product .ul_a .a .div_a{
	width: 572px;
	overflow: hidden;
}
.product .ul_a .a .div_a .p_a{
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	padding-top: 136px;
}
.product .ul_a .a .div_a .p_b{
	font-weight: bold;
	font-size: 25px;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 68px;
}
.product .ul_a .a .div_a .p_c{
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	padding-bottom: 25px;
}
.product .ul_a .a .div_a .p_d{
	font-weight: lighter;
	font-size: 18px;
	color: #fbfbfb;
	line-height: 1.5;
	padding-right: 75px;
	padding-bottom: 98px;
}
.product .ul_a .a .div_b{
	width: 100px;
	overflow: hidden;
	float: left;
	text-align: center;
	margin-right: 30px;
	margin-bottom: 100px;
  	position: relative;
}
.product .ul_a .a .div_b .p_a{
	transition: 1s;
  	overflow: hidden;
}
.product .ul_a .a .div_b .p_a .img_a{
	position: absolute;
	z-index: 1;
	width: 55px;
	height: 55px;
	margin-top: -55px;
	transition: 1s;
}
.product .ul_a .a .div_b .p_a:hover .img_b{
	transition-delay: 0.5s;
	opacity: 0;
}
.product .ul_a .a .div_b:hover .p_a .img_a{
	margin-top: 0px;
	transition: 1s;
}
.product .ul_a .a .div_b .p_b{
	font-size: 18px;
	color: #fbfbfb;
	padding-top: 9px;
}
.product .ul_a .a .div_c{
	width: 572px;
	overflow: hidden;
	margin-bottom: 160px;
}
.product .ul_a .a .div_c .p_a{
	width: 171px;
	overflow: hidden;
	line-height: 54px;
	color: #fbfbfb;
	font-size: 20px;
	border: 1px solid #fbfbfb;
	text-align: center;
	transition: 0.7s;
}
.product .ul_a .a .div_c .p_a:hover{
	border: 1px solid #d81e06;
	background-color: #d81e06;
	transition: 0.7s;
}
.product .ul_a .b{
	width: 379px;
	overflow: hidden;
	float: left;
	background:url(../img/product_bj1.jpg) no-repeat;
}

.product .ul_a .b .p_a{
	text-align: center;
	padding-top: 228px;
	overflow: hidden;
	color: #fefefe;
	font-size: 18px;
	padding-bottom: 10px;
}
.product .ul_a .b .p_b{
	text-align: center;
	font-size: 14px;
	font-family: Arial;
	color: #fefefe;
	text-transform: uppercase;
}
.product .ul_a .b .p_c{
	width: 379px;
	overflow: hidden;
	text-align: center;
	padding-bottom: 150px;
	padding-top: 6px;
}
.product .ul_a .b .p_c img{
	transition: 1s;
}
.product .ul_a .b:hover .p_c img{
	transform: scale(1.1);
	transition: 1s;
}
.product .ul_a .c{
	width: 379px;
	overflow: hidden;
	float: left;
	background:url(../img/product_bj2.jpg) no-repeat;
}
.product .ul_a .c .p_a{
	text-align: center;
	padding-top: 228px;
	overflow: hidden;
	color: #fefefe;
	font-size: 18px;
	padding-bottom: 10px;
}
.product .ul_a .c .p_b{
	text-align: center;
	font-size: 14px;
	font-family: Arial;
	color: #fefefe;
	text-transform: uppercase;
}
.product .ul_a .c .p_c{
	text-align: center;
	padding-bottom: 150px;
	padding-top: 6px;
}
.product .ul_a .c .p_c img{
	transition: 1s;
}
.product .ul_a .c:hover .p_c img{
	transform: scale(1.1);
	transition: 1s;
}
.product .ul_a .d{
	width: 379px;
	overflow: hidden;
	float: left;
	background:url(../img/product_bj3.jpg) no-repeat;
	position: absolute;
	margin-left: 1338px;
	z-index: 1;
}
.product .ul_a .d .p_a{
	text-align: center;
	padding-top: 228px;
	overflow: hidden;
	color: #fefefe;
	font-size: 18px;
	padding-bottom: 10px;
}
.product .ul_a .d .p_b{
	text-align: center;
	font-size: 14px;
	font-family: Arial;
	color: #fefefe;
	text-transform: uppercase;
}
.product .ul_a .d .p_c{
	text-align: center;
	padding-bottom: 150px;
	padding-top: 6px;
}
.product .ul_a .d .p_c img{
	transition: 1s;
}
.product .ul_a .d:hover .p_c img{
	transform: scale(1.1);
	transition: 1s;
}
.news{
	width: 100%;
	overflow: hidden;
	background:url(../img/about_bj.jpg) no-repeat;
}
.news .ul_a .a{
	width: 1530px;
	overflow: hidden;
}
.news .ul_a .a .p_a{
	overflow: hidden;
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
	padding-top: 58px;
	padding-bottom: 8px;
}
.news .ul_a .a .p_b{
	overflow: hidden;
	font-weight: bold;
	font-size: 25px;
	padding-bottom: 34px;
}
.news .ul_a .a .p_c{
	overflow: hidden;
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
}
.news .ul_a .b{
	width: 1530px;
	overflow: hidden;
	padding-bottom: 47px;
	padding-top: 35px;
	border-bottom: 1px solid #b1b1b1;
}
.news .ul_a .b:last-child{
	border-bottom: 0px solid #b1b1b1;
}
.news .ul_a .b .div_a{
	width: 710px;
	overflow: hidden;
	float: left;
	margin-right: 110px;
}
.news .ul_a .b .div_a:last-child{
	margin-right: 0px;
}
.news .ul_a .b .div_a .div_aa{
	width: 294px;
	overflow: hidden;
	float: left;
	margin-right: 35px;
}
.news .ul_a .b .div_a .div_ab{
	width: 381px;
	overflow: hidden;
	float: left;
}
.news .ul_a .b .div_a .div_ab .p_a{
	font-family: Arial;
	font-size: 18px;
	color: #959595;
	padding-top: 30px;
	padding-bottom: 18px;
}
.news .ul_a .b .div_a .div_ab .p_b{
	font-weight: lighter;
	font-size: 18px;
	color: #262626;
	padding-bottom: 8px;
	transition: 1s;}



.news .ul_a .b .div_a .div_ab:hover .p_b{
	color: #d81e06;
	transition: 1s;
}
.news .ul_a .b .div_a .div_ab .p_c{
	font-weight: lighter;
	font-size: 16px;
	color: #262626;
	line-height: 1.5;
	transition: 1s;
}
.news .ul_a .b .div_a .div_ab:hover .p_c{
	color: #d81e06;
	transition: 1s;
}
.news .ul_a .b .div_a .div_ab .p_d{
	font-weight: lighter;
	font-size: 18px;
	color: #262626;
	padding-top: 20px;
	padding-bottom: 5px;
}
.news .ul_a .b .div_a .div_ab:hover .p_d{
	color: #d81e06;
	transition: 1s;
}
.news .ul_a .b .div_a .div_ab .p_d img{
	margin-left: 12px;
	margin-bottom: -6px;
	transition: 1s;
}
.news .ul_a .b .div_a .div_ab .p_d:hover img{
	margin-left: 50px;
	transition: 1s;
}
.lxwm{
	width: 100%;
	overflow: hidden;
	background:url(../img/lxwm.jpg) center center no-repeat;
}
.lxwm .ul_a{
	padding-top: 83px;
}
.lxwm .ul_a .a{
	width: 215px;
	overflow: hidden;
	float: left;
}
.lxwm .ul_a .a .p_a{
	overflow: hidden;
    font-family: Arial;
    font-weight: bold;
    font-size: 30px;
    color: #fbfbfb;
    padding-bottom: 8px;
    text-transform: uppercase;
}
.lxwm .ul_a .a .p_b{
	overflow: hidden;
    font-weight: bold;
    font-size: 25px;
    color: #fbfbfb;
    padding-bottom: 28px;
}
.lxwm .ul_a .a .p_c{
	overflow: hidden;
    font-family: Arial;
    font-weight: bold;
    color: #fbfbfb;
    font-size: 30px;
}
.lxwm .ul_a .b{
	width: 608px;
	overflow: hidden;
	float: left;
	text-align: center;
}
.lxwm .ul_a .b .p_a{
	width: 110px;
	overflow: hidden;
	display: inline-block;
	margin: 0px 44px 44px 44px;
	color: #fff;
	font-size: 18px;
}
.lxwm .ul_a .b .p_a img{
	margin-bottom: 20px;
	transition: 1s;
}
.lxwm .ul_a .b .p_a:hover img{
	margin-bottom: 10px;
	transition: 1s;
}
.lxwm .ul_a .c{
	width: 606px;
	margin-left: 100px;
	overflow: hidden;
	float: left;
}
.lxwm .ul_a .c .p_a{
	overflow: hidden;
    font-family: Arial;
    font-weight: bold;
    font-size: 30px;
    color: #fbfbfb;
    padding-bottom: 8px;
    text-transform: uppercase;
}
.lxwm .ul_a .c .p_b{
	overflow: hidden;
    font-weight: bold;
    font-size: 25px;
    color: #fbfbfb;
    padding-bottom: 28px;
}
.lxwm .ul_a .c .p_c{
	overflow: hidden;
    font-family: Arial;
    font-weight: bold;
    color: #fbfbfb;
    font-size: 30px;
    padding-bottom: 35px;
}
.lxwm .ul_a .c .__messages1{
	width: 606px;
	overflow: hidden;
}
.lxwm .ul_a .c .__messages1 .m1{
	width: 606px;
	overflow: hidden;
	margin-bottom: 12px;
}
.lxwm .ul_a .c .__messages1 .m1 input{
	width: 279px;
	overflow: hidden;
	float: left;
	line-height: 41px;
	margin-right: 19px;
	border: none;
	outline: none;
	text-indent: 1rem;
}
.lxwm .ul_a .c .__messages1 .m2{
	width: 606px;
	overflow: hidden;
}
.lxwm .ul_a .c .__messages1 .m2 textarea{
	width: 581px;
	height: 75px;
	padding-top: 10px;
	border: none;
	outline: none;
	overflow: hidden;
	text-indent: 1rem;	
	font-family: '微软雅黑'
}
.lxwm .ul_a .c .__messages1 .m3{
	width: 606px;
	overflow: hidden;
	text-align: center;
	padding-top: 27px;
	padding-bottom: 23px;
}
.lxwm .ul_a .c .__messages1 .m3 input{
	font-size: 18px;
	background-color: rgba(255,255,255,0);
	color: #fff;
	border: none;
	border-bottom: 1px solid #fff;
	outline: none;
	transition: 0.7s;
}
.lxwm .ul_a .c .__messages1 .m3 input:hover{
	border-bottom: 1px solid #d81e06;
	color: #d81e06;
	transition: 0.7s;
}
.footer{
	width: 100%;
	overflow: hidden;
	background:url(../img/about_bj.jpg) no-repeat;
}
.footer .ul_a .a{
	width: 129px;
	float: left;
	overflow: hidden;
	line-height: 90px;
	color: #252525;
	font-size: 18px;
	transition: 1s;
}
.footer .ul_a .a:hover{
	color: #d81e06;
	transition: 1s;
}
.footer .ul_a .b{
	width: 754px;
	float: left;
	overflow: hidden;
	line-height: 90px;
	color: #252525;
	font-size: 18px;
}
.foot{
	width: 100%;
	overflow: hidden;
	background-color: #252525;
}
.foot .ul_a .a{
	width: 1065px;
	overflow: hidden;
	line-height: 65px;
	color: #fff;
	font-size: 20px;
	color: #f9f9f9;
}
.foot .ul_a .b{
	width: 465px;
	overflow: hidden;
	line-height: 65px;
	color: #fff;
	font-size: 20px;
	text-align: right;
	color: #f9f9f9;
}



.wrap{
	width: 100%;
	overflow: hidden;
	background:url(../img/neiye_bj.jpg);
	margin: 0 auto;
	padding-bottom: 89px;
}
.wz{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background-color: #0080d1;
}
.wz .ul_a{
	text-align: center;
}
.wz .ul_a .a{
	display: inline-block;
	color: #fff;
	font-size: 20px;
	padding: 28px 45px;
	transition: 1s;
}
.wz .ul_a .a.hover{
	background-color: #d81e06;
	transition: 1s;
}
.wz .ul_a .a:hover{
	background-color: #d81e06;
	transition: 1s;
}
.wz1{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.wz1 .ul_a .a{
	width: 500px;
	overflow: hidden;
}
.wz1 .ul_a .a .p_a{
	padding-top: 75px;
	padding-bottom: 4px;
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
.wz1 .ul_a .a .p_b{
	padding-bottom: 18px;
	font-size: 25px;
	font-weight: bold;
}
.wz1 .ul_a .b{
	width: 1030px;
	overflow: hidden;
	font-size: 18px;
	padding-top: 95px;
	text-align: right;
}
.weizhi{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 1px solid #d4d4d4;
}
.weizhi .ul_a{
	position: relative;
}
.weizhi .ul_a .a{
	width: 1530px;
	overflow: hidden;
	position: absolute;
	text-align: right;
	margin-top: 52px;
}
.weizhi .ul_a .b{
	width: 1530px;
	overflow: hidden;
}
.weizhi .ul_a .b .p_a{
	font-size: 30px;
    padding-top: 43px;
    padding-bottom: 15px;
    color: #026bc3;
    text-align: center;
}
.weizhi .ul_a .b .p_a span{
	font-size: 30px;
    color: #707070;
}
.weizhi .ul_a .b .p_b{
	text-align: center;
	font-size: 0px;
	margin-bottom: 10px;
}
.ny_about{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.ny_about .ul_a .b{
	width: 1530px;
	overflow: hidden;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 15px;
}
.ny_about .ul_a .c{
	width: 1530px;
	overflow: hidden;
	text-align: center;
}
.ny_about .ul_a .c .p_a{
	width: 368px;
	height: 270px;
	overflow: hidden;
	display: inline-block;
	background-color: #000;
	margin: 0px 5px;
}
.ny_about .ul_a .c .p_a img{
	width: 100%;
}
.ny_product{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.ny_product .ul_b{
	text-align: center;
	padding-top: 0px;
}
.ny_product .ul_b a{
	font-size: 0px;
	line-height: 0px;

}
.ny_product .ul_b .a{
	display: inline-block;
	width: 360px;
	overflow: hidden;
	margin: 10px 8px;
}
.ny_product .ul_b .a .p_a{
	width: 360px;
	height: 265px;
	overflow: hidden;
}
.ny_product .ul_b .a .p_a img{
	width: 100%;
}
.ny_product .ul_b .a .p_b{
	width: 360px;
	line-height: 48px;
	font-size: 18px;
	text-align: center;
	overflow: hidden;
	color: #fff;
	background-color: #0080d1;
}
.ny_product .ul_b .a .p_b:hover{
	background-color: #d81e06;
	transition: 0.7s;
}
.ny_product .ul_c{
	text-align: center;
	padding-top: 40px;
}
.ny_product .ul_c li{
	display: inline-block;
    font-size: 16px;
    padding: 10px 25px;
    border: solid 1px black;
    margin: 0 5px;
    transition: 0.7s;
}
.ny_product .ul_c li.active {
    background: #d81e06;
    color: white;
}
.ny_product .ul_c li:hover {
    background: #d81e06;
    color: white;
    transition: 0.7s;
}
.ny_news{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.ny_news .ul_a .a{
	width: 1530px;
	overflow: hidden;
	margin-top: 28px;
}
.ny_news .ul_a .a .div_a{
	width: 294px;
	height: 204px;
	overflow: hidden;
}
.ny_news .ul_a .a .div_a img{
	width: 100%;
}
.ny_news .ul_a .a .div_b{
	width: 1136px;
	padding-left: 47px;
	padding-right: 53px;
	height: 204px;
	background-color: rgba(214,214,214,0.2);
	overflow: hidden;
}
.ny_news .ul_a .a .div_b .p_a{
	width: 1136px;
	overflow: hidden;
	font-family: Arial;
	font-size: 18px;
	color: #909090;
	padding-top: 45px;
}
.ny_news .ul_a .a .div_b .p_b{
	width: 800px;
	overflow: hidden;
	font-size: 18px;
	color: #262626;
	padding-top: 10px;
}
.ny_news .ul_a .a .div_b .p_c{
	width: 336px;
	height: 28px;
	overflow: hidden;
	text-align: right;
}
.ny_news .ul_a .a .div_b:hover .p_b{
	color: #d81e06;
	transition: 1s;
}
.ny_news .ul_a .a .div_b .p_d{
	width: 1136px;
	overflow: hidden;
	font-weight: lighter;
	font-size: 16px;
	color: #262626;
	padding-top: 20px;
	line-height: 1.5;
}
.ny_news .ul_a .a .div_b:hover .p_d{
	color: #d81e06;
	transition: 1s;
}
.ny_news .ul_b{
	text-align: center;
	padding-top: 40px;
}
.ny_news .ul_b li{
	display: inline-block;
    font-size: 14px;
    padding: 10px 25px;
    border: solid 1px black;
    margin: 0 5px;
    transition: 0.7s;
}
.ny_news .ul_b li.active {
    background: #d81e06;
    color: white;
}
.ny_news .ul_b li:hover {
    background: #d81e06;
    color: white;
    transition: 0.7s;
}

.neirong{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.neirong .ul_a{
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 30px;
}
.neirong .ul_a .a{
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: center;
	overflow: hidden;
}
.neirong .ul_a .b{
	text-align: center;
	overflow: hidden;
}
.neirong .ul_a .c{
	
	overflow: hidden;
}
.neirong .ul_b{
	padding-top: 10px;
	padding-bottom: 10px;
}

.ny_contact{
    padding-top: 35px;
    padding-bottom: 30px;
}
.ny_contact .ul_a{
    text-align: center;
}
.ny_contact .ul_a li{
    text-align: center;
    display: inline-block;
    font-size: 18px;
    margin-right: -6px;
    width: 379px;
    padding-top: 36px;
    border: solid 1px #cacaca;
    height: 105px;
}

.ny_contact .ul_a li .p_a{
    padding-bottom: 10px;
}
.ny_contact2{
	padding-top: 30px;
    padding-bottom: 50px;
}
.__messages_h1{
                    font-size: 30px;
                    margin-bottom: 30px;
                    margin-top: 15px;
                    text-align: center;
                }
                .__messages{
                    padding-top: 70px;
                    
                }
                .__messlist{
                    height: 30px;
                    margin-bottom: 30px;
                    
                }
                .__messlist label{
                    float: left;
                    width: 100px;
                    height: 30px;
                    font-size: 14px;
                    line-height: 30px;
                    text-align: right;
                    padding-right: 10px;
                }
                .__messlist input{
                    display: inline-block;
                    width: 432px;
                    margin-right: 18px;
                    border: 1px solid #dadbdc;
                    padding: 15px;
                    color: #999;
                    background: #fafafa;
                    margin: 0px 23px;
                }
                .clears{
                    clear: both;
                }

                .__messlist.textareas{
                    height: auto;
                }
                .__messlist textarea{
                   display: inline-block;
                   width: 97.9%;
                   height: 243px;
                   margin-top: 20px;
                   background: #fafafa;
                   border: 1px solid #dadbdc;
                   font-size: 14px;
                   resize: none;
                   font-family: '微软雅黑';
                   text-indent: 15px;
                   padding-top: 15px;
                   margin-left: 12px;
                }
                .__messsub {
                    padding: 0px 0 0 0px;
                    text-align: center;
                }
                .__messsub input:hover{
                    background:#d7322e;
                    color:#fff;
                }
                .__messsub input{
                    display: inline-block;
                    width: 200px;
                    line-height: 50px;
                    height: 50px;
                    padding: 0;
                    font-size: 18px;
                    margin: 0px 80px;
                    color: #303030;
                    background-color: #fff;
                    border: 1px solid #f1f1f1;
                }


















.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;

}

.grid figure figcaption {

	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
	width: 360px;

	padding: none;
}

figure.effect-apollo img {
	width:100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}







/*-----------------*/
/***** Apollo1 *****/
/*-----------------*/

figure.effect-apollo1 {
	width: 472px;

	padding: none;
}

figure.effect-apollo1 img {
	width:100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo1 figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo1 p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo1 h2 {
	text-align: left;
}

figure.effect-apollo1:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo1:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo1:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}







/*---------------*/
/***** Jazz *****/
/*---------------*/

figure.effect-jazz {
	background-color: rgba(000,000,000);
	width: 368px;
}

figure.effect-jazz img {
	opacity: 1;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-jazz h2,
figure.effect-jazz p {
	opacity: 1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}

figure.effect-jazz h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-jazz p {
	padding: 0.5em 2em;
	text-transform: none;
	font-size: 0.85em;
	opacity: 0;
}

figure.effect-jazz:hover img {
	opacity: 0.9;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.g{
	position: fixed;
	padding: 0 10px 20px 10px; 
	width: 230px;
	top: 200px;
	left: 10px; 
	line-height: 20px;
	font-size: 16px;
	background: white;
	border: solid 5px #2276e8;
	border-radius: 15px;  
    z-index: 999;
}
.g span{
	display: block;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align:center;
}
.j{
	position: fixed;
	padding: 0 10px 20px 10px; 
	width: 230px;
	top: 400px;
	left: 10px; 
	line-height: 20px;
	font-size: 16px;
	background: white;
	border: solid 5px #2276e8;
	border-radius: 15px;  
    z-index: 999;
}
.j span{
	display: block;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align:center;
}