@charset "utf-8";
/* CSS Document */
/*切图：zcy*/

ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}

img{border:0; max-width:100%;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}

select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none; }
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px;
 -webkit-border-radius:0;
 -khtml-border-radius:0;
 border-radius:0;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}

/*********************************************************************重置***********************************************************************/


/*右侧漂浮*/
.pf_right{ width:55px; position:fixed; right:128px; top:50%; margin-top:-103px; z-index:-1;  visibilit:visible !important;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_right ul{ width:100%; float:left;}
.pf_right ul li{ width:45px; height:42px; margin-top:12px; float:left; background:url(../../images/boxi/btn1_bian_h.png) no-repeat center center; background-size:100%;}
.pf_right ul li a{ display:block; float:right; width:45px; height:38px; position:relative;
-moz-border-radius:24px; 
-webkit-border-radius:24px; 
-khtml-border-radius:24px;
border-radius:24px;}
.pf_right ul li a img{ float:left;}
.pf_right ul li a .img_1{ display:none;}
.pf_right ul li a .ico{ width:45px; height:38px; position:absolute; right:0; top:0;}
.pf_right ul li a h5{ width:131px; line-height:38px; text-align:center; color:white; font-size:14px; display:none; float:left;}
.pf_right ul li:hover{ background:none !important;}
.pf_right ul li:hover a{ width:160px; background:#f1a45a;}
.pf_right ul li:hover a h5{ display:block;}
.pf_right ul li.r_ewm:hover a{ width:45px; background:#f1a45a;}
.pf_right ul li.r_ewm:hover a h5{ display:none;}

.pf_right ul li.last{ background-image:url(../../images/boxi/btn1_bian1_h.png); padding-top:5px;}

.pf_right ul li.r_ewm .z_ewm{position:absolute; right:57px;width:100px; height:100px; display:none; top:-12px;border:5px solid #f1a45a;}
.pf_right ul li.r_ewm .z_ewm span.jt{width:7px; height:14px; position:absolute; right:-12px; top:20px;}
.pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;}
.pf_right ul li.r_ewm:hover a .z_ewm{display:block;}

.pf_right.on{ right:40px;z-index:999;}
.pf_right.on ul li a .img_2{ display:none;}
.pf_right.on ul li a .img_1{ display:block;}
.pf_right.on ul li{ background-image:url(../../images/boxi/btn1_bian.png);}
.pf_right.on ul li.last{ background-image:url(../../images/boxi/btn1_bian1.png);}
.pf_right.on ul li:hover a .img_1{ display:none;}
.pf_right.on ul li:hover a .img_2{ display:block;}
@media screen and (max-width:1569px) {
	.pf_right.on{ right:0 !important;}
}


/*首页弹窗*/
.pf_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../../images/boxi/bg_9.png); z-index:9999; display:none;}
.tc_930{ width:450px; height:520px; background:url(../../images/boxi/bg_8.png); position:fixed; left:50%; top:50%; margin:-276px 0 0 -280px; padding:32px 30px 0 30px; z-index:10001; display:none;}
.tc_930 .bian{ width:96%; height:92%; border:dashed 1px #e7a8aa; left:2%; top:4%; position:absolute; z-index:1;}
.tc_930 .btn{width:42px; height:42px; position:absolute; right:0; top:43px; cursor:pointer; z-index:9999; display:block; margin-right:35px;}
.tc_930 .title{ width:80%; float:left; margin-top:10px;}
.tc_930 .title img{ display:block; float:left;}
.tc_930 .title span{ display:block; float:left; margin-left:21px;}
.tc_930 ul{ margin:0 -10px; z-index:9999; position:relative;}
.tc_930 ul li{ width:80%; float:left; margin-top:20px; padding:0 10px; margin-left: 0;}
/*.tc_930 ul li:nth-of-type(2n){
    margin-left: 80px;
}*/
.tc_930 ul li .zbox{float:left; border:solid 1px #fff; padding:0 4px 0 45px; position:relative;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_930 ul li .zbox .ico{ width:40px; height:40x; position:absolute; left:0px; top:0;}
.tc_930 ul li .zbox .ico img{ width:100%; float:left;}
.tc_930 ul li .zbox .name{ float:left; font-size:14px; color:white; line-height:40px;}
.tc_930 ul li .zbox .txk{ margin-left:58px; position:relative;}
.tc_930 ul li .zbox .txk input{display:block; width:95%; height:40x; line-height:40px; color:white; font-size:14px; background:none; padding-left:5%;}
.tc_930 ul .l1{width: 45%;}
.tc_930 ul li.l1 .zbox .txk{margin-left:0;}
.tc_930 ul li.l1 .zbox .txk input{display:block; width:65%; height:40x; line-height:40px; color:white; font-size:14px; background:none; padding-left:2%; box-sizing:border-box;}
/*
.tc_930 ul li.l2 {width:97%;}
.tc_930 ul li.l2 .zbox .ico{ width:30px; height:30px; position:absolute; left:20px; top:0;}
.tc_930 ul li.l2 .zbox {border:none; padding-left:0;}
.tc_930 ul li.l2 .zbox .name{float:left; font-size:16px; color:white; line-height:30px; margin-left:60px; font-size:18px;}
.tc_930 ul li.l2 .zbox .txk{margin-top:40px; border-top:#FFF 1px dashed; border-bottom:#fff 1px solid; margin-left:20px; padding-top:10px;}
.tc_930 ul li.l2 .zbox .txk .txk_duoxuan {padding-left:40px; padding-bottom:20px;}
.tc_930 ul li.l2 .zbox .txk .txk_duoxuan ul li {position:relative;}
.tc_930 ul li.l2 .zbox .txk .txk_duoxuan ul li span {font-size:18px; color:#fff; position:absolute; top:2px;}*/

.tc_930 ul li.l2a.l2_yz .zbox{width:100%;}
.tc_930 ul li.l2a.l2_yz .zbox .txk{padding-right:133px;}
.tc_930 ul li.l2a.l2_yz .zbox .txk span{ width:129px; height:51px; position:absolute; right:2px; top:2px; cursor:pointer;}
.tc_930 ul li.l2a.l2_yz .zbox .txk span img{width:100%;}
.tc_930 ul li.l2a.l2_yz .zbox .txk input.iptcode{width:80%; margin-left:0;}

.tc_930 ul li.l3{width:86%; margin-left:0;}
.tc_930 ul li.l3 .zbox {width: 100%; border:none; padding-left:0;}
.tc_930 ul li.l3 .zbox .name{float:left; font-size:16px; color:white; line-height:34px; font-size:18px;}
.tc_930 ul li.l3 .zbox .txk{margin-left:0; padding-top:10px;}
.tc_930 ul li.l3 textarea{display:block; width:100%; height:100px; border:solid 1px #fff; padding:10px 19px; font-size:13px; line-height:24px; background:none; color:white; text-align:left;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
}
.tc_930 ul li.l4 {margin-left: 35px;}
.tc_930 ul li.l4 input{ display:block; width:100%; height:56px; line-height:56px; color:#4fc1e4; font-size:24px; cursor:pointer; background:white; text-align:center;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.tc_930 ul li.l4 input:hover{ background:#f1a45a; color:white;}
@media screen and (max-width:991px) {
.tc_930{ width:92%; height:364px; left:4%; margin:-182px 0 0 0; padding:37px 35px 0 35px;}
.tc_930 .btn{ width:22px; height:22px; right:20px; top:28px;}
.tc_930 .title{ height:47px;}
.tc_930 .title img{height:100%;}
.tc_930 .title span{ height:40px; margin-left:11px; margin-top:4px;}
.tc_930 ul{ margin:0 -5px;}
.tc_930 ul li{ margin-top:10px; padding:0 5px;}
.tc_930 ul li:nth-of-type(2n){margin-left: 0;}
.tc_930 ul li .zbox{ padding:0 4px 0 40px;}
.tc_930 ul li .zbox .ico{ width:34px; height:34px;}
.tc_930 ul li .zbox .name{ font-size:14px; line-height:34px;}
.tc_930 ul li .zbox .txk{ margin-left:32px;}
.tc_930 ul li .zbox .txk input{ height:34px; line-height:34px; font-size:14px;}
.tc_930 ul li.l1 .zbox .txk{ margin-left:78px;}
.tc_930 ul li.l2 .zbox .txk{ margin-left:46px;}
.tc_930 ul li.l3 textarea{ padding:6px 14px; font-size:14px; line-height:22px;}
.tc_930 ul li.l2.l2_yz .zbox .txk{ padding-right:83px;}
.tc_930 ul li.l2.l2_yz .zbox .txk span{ width:79px; height:31px; top:1px;}
.tc_930 ul li.l4 input{ height:36px; line-height:34px; font-size:18px;}
}
@media screen and (max-width:767px) {
.tc_930 ul li{ width:80%;}
.tc_930 ul li:nth-of-type(2n){margin-left: 0;}
.tc_930{ height:484px; margin:-242px 0 0 0;}
.tc_930 ul li .zbox{ width:76%;}
}
@media screen and (max-width:640px) {
.tc_930{margin:-222px 0 0 0; padding:2% 0 5% 5%; width:87%; overflow:scroll; border-radius:5px;}
.tc_930 .bian{ display:none;}
.tc_930 .btn{width:22px; height:22px; right:-20px; top:18px;}
.tc_930 .title{ height:27px;}
.tc_930 .title span{ height:20px; margin-left:6px;}
.tc_930 .bian{height:96%; top:2%;}
.tc_930 ul {margin-bottom:20%;}
.tc_930 ul li:nth-of-type(2n){margin-left: 0;}
.tc_930 ul li .zbox .name{margin-left:10px;}
.tc_930 ul li .zbox{ width:100%; padding:0 4px 0 30px;}

.tc_930 ul li.l2 {width:92%;}
.tc_930 ul li.l2 .zbox .ico{left:15px;}
.tc_930 ul li.l2 .zbox .ico img{width:60%;}
.tc_930 ul li.l2 .zbox .name{float:left; font-size:16px; color:white; line-height:16px; margin-left:40px;}
.tc_930 ul li.l2 .zbox .txk{margin-top:25px; border-top:#FFF 1px dashed; border-bottom:#fff 1px solid; margin-left:0; padding-top:10px;}
.tc_930 ul li.l2 .zbox .txk .txk_duoxuan {padding-left:10px; padding-bottom:20px; padding-bottom:3px;}
.tc_930 ul li.l2 .zbox .txk .txk_duoxuan ul {margin-bottom:0;}
.tc_930 ul li.l2 .zbox .txk .txk_duoxuan ul li {position:relative; width:49%; line-height:14px; margin-top:2px;}
.tc_930 ul li.l2 .zbox .txk .txk_duoxuan ul li span {font-size:14px;}
.tc_930 ul li.l2 .zbox .txk .txk_duoxuan ul li.td_l1 {width:60%;}
.tc_930 ul li.l2 .zbox .txk .txk_duoxuan ul li.td_l2 {width:38%;}

.tc_930 ul li.l3{width:92%; margin-left:0;}
.tc_930 ul li.l3:nth-of-type(2){margin-left:0;}
.tc_930 ul li.l3 .zbox {border:none; padding-left:0;}
.tc_930 ul li.l3 .zbox .name{float:left; font-size:16px; color:white; line-height:16px; margin-left:20px;}
.tc_930 ul li.l3 .zbox .txk{margin-top:25px; border-top:#FFF 1px dashed; border-bottom:#fff 1px solid; margin-left:0; padding-top:10px; padding-bottom:10px;}
.tc_930 ul li.l3 textarea{display:block; width:96%; height:40px; padding:3px 5px; font-size:13px; line-height:20px;}

.tc_930 ul li.l2a {width:82%;}
.tc_930 ul li.l2a.l2_yz .zbox .txk{padding-right:133px;}
.tc_930 ul li.l2a.l2_yz .zbox .txk span{ width:76px; height:30px; position:absolute; right:2px; top:2px; cursor:pointer;}
.tc_930 ul li.l2a.l2_yz .zbox .txk span img{width:100%; height:100%;}
.tc_930 ul li.l2a.l2_yz .zbox .txk input.iptcode{width:70%; margin-left:40px;}

.tc_930 ul li.l4 {margin-left: 20px;}
.tc_930 ul li.l4 input{width:100%; height:36px; line-height:36px; color:#4fc1e4; font-size:18px;}
}



span.divider {
	height: 3px;
	width: 80px;
	margin: 0 0 15px;
	background: #f1a45a;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

span.divider:before {
	position: absolute;
	content: '';
	width: 20px;
	height: 3px;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	animation: animationborder 2s linear infinite;
	z-index: 99;
}
@-webkit-keyframes animationborder {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}
}

@keyframes animationborder {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}
}

/*分页样式*/
.page_info{text-align:center; color:#333; margin:30px auto;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px; margin:30px auto;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;border:1px solid #51a8b5;background:#51a8b5;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

/*页脚*/
footer {background: url("../../images/boxi/bottombg.jpg") no-repeat center;}
.copyright{ padding-top:10px;}
.copyright_c{ height: auto; width: 1400px; margin: 0 auto;}
.copyright_head{height: 240px; border-bottom: 1px solid #ededed;}
.copyright_L{float: left; width: 606px; margin-left:50px;}
.copyright_L p{ display: block; width: 381px; height:60px; margin-bottom: 10px; margin-top:10px;}
.copyright_L span{display: block; overflow: hidden;}
.copyright_L span em{ display: block; float: left; font-size:14px; color: #fff;line-height: 26px;}
.copyright_L span strong{ display: block; float: left; font-size:14px; color: #f90; line-height: 26px;}
.copyright_L span a{font-size: 14px; color: #fff; line-height: 26px;}
.copyright_L span a:hover{color: #51a8b5;}
.copyright_C{ float: left; overflow: hidden;}
.copyright_C_list{float: left;padding-top:8px;}
.copyright_C_list p{ display: block; font-size: 16px; color: #fff;padding-bottom: 20px;}
.aboutft{overflow: hidden; margin-bottom: 8px;}
.aboutft a{display: block; font-size: 13px; color: #fff; float: left; margin-right: 24px;}
.aboutft a:hover{color:#51a8b5;}
.copyright_C_list:nth-child(2){margin-left:64px; margin-right:46px;}
.copyright_R{float: right; width: 150px; margin-right:50px; margin-top:25px;}
.copyright_R span{display: block; width: 122px; height: 122px; border:1px solid #ededed;padding:13px; }
.copyright_R span img{ width: 100% }
.copyright_R p{ display: block; font-size:12px; color: #fff; text-align: center;padding-top:10px;}
.copyright_bottom{ height: 45px; overflow: hidden; }
.copyright_bottom span{ display: block; line-height: 45px; font-size:12px; color: #fff; float: left;}
.copyright_bottom p{ display: block; line-height: 45px; font-size:12px; color: #fff; float: right;}
.copyright_bottom a{ color:#FFF;}
.copyright_bottom a:hover{ color:#51a8b5;}

@media only screen and (max-width: 1720px) {
	.copyright_c{ height: auto; width: 1300px; margin: 0 auto;}
}
@media only screen and (max-width: 1520px){
	.copyright_c{ height: auto; width: 1200px; margin: 0 auto;}
}
@media screen and (max-width: 1200px) {
	.copyright_c{ height: auto; width: 1100px; margin: 0 auto;}
}
@media screen and (max-width: 1024px) {
	.pf_right{top:50%; margin-top:-153px;}
	.copyright_c{ height: auto; width: 1000px; margin: 0 auto;}
	.copyright_L{float: left; width: 556px;}
}
@media screen and (max-width: 1022px) {
	.copyright_c{ height: auto; width: 980px; margin: 0 auto;}
}
@media screen and (max-width: 968px) {
	.copyright_c{ height: auto; width: 900px; margin: 0 auto;}
}
@media screen and (max-width: 768px) {
	.copyright_c{ height: auto; width: 700px; margin: 0 auto;}
	.copyright_L{float: left; width: 406px; margin-left:10px;}
	.copyright_R{float: left; width: 120px; margin-right:10px; margin-top:58px;}
	.copyright_R span{display: block; width: 102px; height: 102px; border:1px solid #ededed;padding:8px;}
}
@media screen and (max-width: 766px) {
	.copyright_c{ height: auto; width: 700px; margin: 0 auto;}
}
@media screen and (max-width: 568px) {
	.copyright_c{ height: auto; width: 560px; margin: 0 auto;}
}
@media screen and (max-width: 480px) {
	.copyright_c{ height: auto; width: 460px; margin: 0 auto;}
}
@media screen and (max-width: 414px) {
	
	.copyright_c{width: 400px;}
	.copyright_head{height: 450px;}
	.copyright_L{float: left; width: 96%; margin:0 2%; overflow:hidden;}
	.copyright_L span em{font-size:14px; color: #fff;line-height: 26px;}
	.copyright_bottom{height: auto; text-align: center; padding-bottom: 10px; padding-top: 10px;}
	.copyright_bottom span{line-height: 24px; font-size:12px; color: #fff; float: none;}
	.copyright_bottom p{line-height: 36px; font-size:12px; color: #fff; float: none;}
}
@media screen and (max-width: 375px){
	.copyright_c{width: 370px;}
}
@media screen and (max-width: 360px) {
	.copyright_c{width: 350px;}
	
	.copyright_head{height: 450px;}
	.copyright_R{width: 45%; margin-top:25px; float:left; margin-right:0; margin-left:10px;}
	.copyright_bottom{height: 80px;}
}
@media screen and (max-width: 320px) {
	.copyright_c{ height: auto; width: 310px; margin: 0 auto;}
	.copyright_R{width: 44.3%; margin-top:25px; float:left;}
	.copyright_R span{width: 110px; height: 110px; padding:8px;}
}