﻿*{margin:0px;padding:0px;}
html{font-size:62.5%;}
body{position:relative;overflow:scroll;overflow-x:hidden;font-family:"Microsoft Yahei",Arial;margin:0;padding:0px;text-transform:capitalize;/*background:#F3F3F3;*/font-size:15px;color:#333;}
div,ul,li,img,h1,h2,p,form,input,button,textarea,strong{padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol{list-style-type:none;list-style-image:none;}
img{border:0px;vertical-align:middle;max-width:480px}
input,textarea{Outline-style:none;font-family:"Microsoft Yahei",Arial;}
textarea{resize:none;}
ol,ul,li,dl,dt,dd{ list-style:none;}
a{text-decoration:none;color:#333;outline:none}
a,textarea,input{outline:none}
.fl{float:left}.fr{float:right}
.clear{clear: both;overflow: hidden;height: 0;}
.wd{width:94%;margin:0 auto}
.mt-1{margin-top: 1%}
.mt-2{margin-top: 2%}
.mt-4{margin-top: 4%}
.mt-3{margin-top: 3%}
.mb15,.xs15{height:15px;overflow:hidden}
.xian15{height: 15px; background: #f0f0f0; width: 100%;}
.xs10{height: 10px; overflow: hidden;}
.xs15{height: 15px; overflow: hidden;}
.xs20{height: 20px; overflow: hidden;}
.mb-4{margin-bottom: 4%}.mb-3{margin-bottom: 3%;;}
.mt-10{margin-top:10%;}  .mt10{margin-top:10px;} .mt20{margin-top:20px;}   .mt30{margin-top:20px;overflow: hidden;} 
.mb-10{margin-bottom: 10%;} .mb10{margin-bottom: 10px;}
.mg-0-auto{margin:0 auto;}
.mg-4-auto{margin:4% auto;}
.w-100{width: 100%;}.w-100{width: 100%} 
.w96{width:96%;}
.w94{width:94%;}
.w92{width: 92%;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;} 
.mt20{margin-top:20px;} 
.mt25{margin-top:25px;}
.xs20{height:20px;width:100%;overflow: hidden;}
.xs25{height:25px;width:100%;overflow: hidden;}
.hengfu{text-align: center;}
.img100{width: 100%;display: block;}
.banner{width:100%;}
.banner img{width:100%;}
#wrapper{max-width:480px;margin: 0 auto;/*background: #ECECEC;*/overflow: hidden;box-shadow: 0px 0px 45px #5D5C61;position: relative;color:#333;}
.wrapper{max-width:480px;margin: 0 auto;/*background: #ECECEC;*/overflow: hidden;box-shadow: 0px 0px 45px #5D5C61;position: relative;color:#333;}
.swiper-pagination-bullet-active{background:#319d8e!important}
/*
#wrapper img{max-width: 480px;}
*/
#wrapper center img{max-width: 430px;height:auto;}
/*.wrap{width:90%;margin:0 auto;padding:4% 2%;/*background-color: #fff;border:1px solid #E7E7E7;*/}*/
#SOHUCS .cy-logo{display:none;}
/*
header css
*/


.hx{    width: 100%;    height: 15px;    background: #F0F0F0;}

.arta{width: 79%; height: 76px; top: 0; left: 0;display:block;position:absolute;}
.flip{position: absolute; top: 0; left: 50%;width:21%;height:76px; margin-left: 137px; z-index: 9999999;}
.fu-daohang{width:81px;z-index: 99999;float:right; position:fixed;margin-left:144px; left: 50%;}
.fu-daohang ul li{opacity: 0.5; background: rgb(0, 0, 0);color:#fff;width:100%;text-align:center;height:34px;line-height:34px;font-size:14px;display:block;float:left;margin-right:1.3333%; margin-bottom:1px;}
.fu-daohang ul li:nth-child(1){border-top:1px solid #fff;}
/***************顶部悬浮**********************/
.wrapper{ margin-top:0;}
#js_banner_top{display:inline;}
#js_banner_top div{height:auto;width: 100%;z-index: 9;}
#js_banner_top img{width: 100%;max-width: 480px;margin: 0 auto;display: block;position: relative; height:92px;}
#kuai{width: 100%;height: 95px;}

.i-logo{position: fixed;top: 0;left: 50%;margin-left: -240px;z-index: 9999999;}
.top-nav{overflow: hidden;padding-bottom: 1px;margin:0px auto 5px;}
.top-nav ul{display: flex;display:-webkit-flex;}
.top-nav ul li{width: 20%;height: 43px; float: left;text-align: center;line-height: 43px; background:#FFF;border-right:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;}
.top-nav ul li:last-child{border-right:none;}
.top-nav ul li a{width: 100%;display: block;font-size: 1.7rem;color: #777;}
.search form{position:relative}
.search input.key{display:block; width:94%; height:45px; margin:3% auto; border:#DBDBDB 1px solid; background:#FFF; text-indent:30px;color:#ADADAD; font-size:1.7rem;}
.search input.go{width:40px; height:40px;position:absolute;right:35px; top:5px;  border:none}
/*neirongye mianbaoxie daohang
 * lqh add public 2017-3-21
 * */
.daohang{color: #727272;}
.daohang p{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size:1.6rem;}
.daohang a{color: #727272;font-size: 1.6rem;}
.daohang img{margin:-4px 5px 0;}
/* mianbaoxie end*/
/*header css end/*
  /*foorer css*/

/*lxh 2017-3-21*/
.wz-mt{width:90%; background:#FFFFFF; border:#DFDFDF 1px solid; margin:0 auto; border-radius:3px;}
.wz-nei{padding:4% 2%}
/*2017-3-27*/
.sjL{border-bottom:#E5E6E8 1px solid}
.St{border-top:#E5E6E8 1px solid}


/*底部*/
/*
.dibu{width: 480px;height: 74px;position: fixed;bottom: 0;left: 0;right: 0;margin: 0 auto;text-align: center;z-index:999999;}
.dibu ul {margin: 0 auto;display: -webkit-flex;display: flex;background-color: #2e3641;}
.dibu ul li:nth-child(1){background-color: #1180c5;width: 32%;position: relative;}
.dibu ul li:nth-child(1) a{color: white;display: -webkit-flex;display: flex;line-height: 74px;}
.dibu ul li:nth-child(2) a{color: white;display: -webkit-flex;display: flex;line-height: 74px;}
.dibu ul li:nth-child(1) a span{display: block;background: url(/skin/images/dibu3.png) no-repeat;width: 30px;height: 40px;margin-top: 20px;margin-left: 20px;}
.dibu ul li:nth-child(1) a p{margin-left: 10px;font-size: 18px;}
.dibu ul li:nth-child(2){background-color: #eb7d04;width: 32%;position: relative;}
.dibu ul li:nth-child(2) a span{display: block;background: url(/skin/images/dibu2.png) no-repeat;width:40px;height: 32px;margin-top: 20px;margin-left: 20px;}
.dibu ul li:nth-child(2) a p{margin-left: 10px;font-size: 18px;}
.dibu ul li:nth-child(2) a p:nth-child(2){top: 17px;left:8px;margin-left: 34px;width: 20px;height: 20px;background-color: #f00;position: absolute;border-radius: 50%;color: #fff;line-height: 20px;font-style: normal;text-align: center;font-size: 14px;-webkit-animation: change 1s infinite;
    animation: change 1s infinite;-moz-animation: change 1s infinite;}
.dibu ul li:nth-child(3){width: 18%;background: #454c56;text-align: center;line-height: 24px;font-size: 16px;color: white;}
.dibu ul li:nth-child(4){width: 18%;background: #2e3641;text-align: center;line-height: 24px;font-size: 16px;color: white;}
.dibu ul li:nth-child(4) a em{margin-top: 12px;display: block;background: url(/skin/images/dibu.png) no-repeat;width: 40px;height: 30px;margin-left: 26px;}
.dibu ul li:nth-child(3) a em{margin-top: 12px;display: block;background: url(/skin/images/dibu1.png) no-repeat;width: 40px;height: 30px;margin-left: 26px;}
.dibu ul li:nth-child(4) p,.dibu ul li:nth-child(3) p{color: #BFC1C4;}*/
@keyframes change
{
	0%		{transform: scale(.8);}
	50%		{transform: scale(1);}
	100%	{transform: scale(.8);}
}
@-webkit-keyframes change
{
	0%		{-webkit-transform: scale(.8);}
	50%		{-webkit-transform: scale(1);}
	100%	{-webkit-transform: scale(.8);}
}
@-moz-keyframes change
{
	0%		{-moz-transform: scale(.8);}
	50%		{-moz-transform: scale(1);}
	100%	{-moz-transform: scale(.8);}
}

/*中间弹出渐变*/
@-webkit-keyframes twinkling{ 
0% {background: #fe9901;color:#ffffff;}
50% {background: #fe9901;color:#ffffff;}
51% {background: #fe4e01 ;color:#ffffff}
75% {background: #fe4e01 ;color:#ffffff}
100% {background: #fe4e01;color:#ffffff}

}



/*底部悬浮*/
.xdbxf { width:480px; height:80px; background:#E1E2E2; position:fixed; bottom:73px; z-index:1000; left: 50%; margin-left: -240px; box-sizing: content-box;-webkit-box-sizing: content-box; }
.xdbxf a > img { float:left; width:70px; margin-top:5px; margin-left:4px; margin-right:4px; }
.xdbxf_txt { width:290px; height:60px; background:#c1f9f1; float:left; border-radius:10px; margin-top:10px; font-size:16px!important; line-height:60px; padding-left:10px; letter-spacing: -1px; box-sizing: content-box;-webkit-box-sizing: content-box; }
.xdbxf_zixun { width: 80px; height: 60px; background: #319d8e; float: right; margin-top: 10px; border-radius:10px; font-size:20px; color:#fff; padding-left:10px; padding-top:4px; line-height:26px; margin-right:4px; box-sizing: content-box;-webkit-box-sizing: content-box;}
.xdbxf_zixun img { margin-left:34px; margin-top:-76px; vertical-align:middle; }


/**********新的公共底部************/
.f_tel{margin-top:3%;line-height: 18px;font-size: 13px;}
.f_tel a{color: #fff;display: -webkit-flex;margin-top: 40px; margin-left: 20px;}
.f_tel img{width: 35px;height: 35px;margin-right: 10px;}
.f_tel i{color: #ffa759;font-size: 20px;font-style: normal;}
.footer_bg{background:#0564BE;padding-bottom:55.5px;}
.footer{width: 100%;height: 273px;background: url(/skin/images/footer_sy.jpg) no-repeat;background-size: 100%;}
.footer .footer_left{width: 123px;margin: 34px 0 0 44px;}
.footer .footer_left img{width: 123px;height: 125px;}
.footer .footer_left p{font-size: 14px;text-align: center;color: #fff;padding-top: 3px;}
.footer .footer_right{margin:34px 20px 0 0;}
.footer .f_logo img{display:block;width:235px;height: 40px; }
.footer .f_logo h5{width: 237px;background: #b6d2ec;text-align: center;height: 23px;line-height: 23px;color: #2674c7;font-size: 12.6px;margin-top: 6px;}
.footer span{font-size: 14px;color: #fff;float: left;margin-left:7.5px;}
.footer p{font-size: 16px;margin-top: 5px;}
.footer .f_add {width: 100%;height: 32px;margin-top: 20px;margin-left: 20px;}
.footer .f_add img{width: 38px;height: 32px;float: left;margin-top:10px;}
.xubitu{float: left;display:inline-block;width: 33px;height: 33px;background: url(/skin/images/xuebitu.png)  no-repeat;}
.xubitu1{background-position:-33px -3px}
.footer_anniu{width: 210px;margin-top: 45px;
    margin-left: 25px;}
.footer_anniu a:nth-child(1){display: inline-block;font-size: 14px;color: #FFFFFF;background: #67a76e;border: none;width: 95px;line-height: 30px;height: 30px;font-weight: normal;border-radius: 5px;text-align: center;}
.footer_anniu a:nth-child(2){display: inline-block;width: 95px;line-height: 30px;font-size: 14px;color: #FFFFFF;background: #fe9901;float: right;text-align: center; border-radius: 5px}
.footer_anniu a i{display: inline-block;width: 23px;height: 18px;background: url(/skin/images/xuebitu.png) -73px -9px no-repeat;vertical-align: middle;}
.footer_anniu a:nth-child(2) i{background-position:-106px -9px;}

/*底部样式*/

.ft-info{overflow: hidden;padding: 30px 40px;color: #fff;}
.ft-info .f_logo h5 {width: 239px;background: #fff;text-align: center;height: 24px;line-height: 24px;color: #227f72;font-size: 14px;margin-top: 5px;opacity: 0.6;letter-spacing: 3px;}
.footer_left p{ font-size: 13px;}
.float_right{float:right}
.float_left{float:left}
footer{overflow: hidden; position: relative;margin-bottom:77px}
.ft-daohang{display: flex; display:-webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;border: 1px solid #E7E7E7;border-radius: 4px;}
.ft-nav {background: #319d8e;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
.ft-nav ul{background: #319d8e;color: #fff; font-size: 16px;display: -webkit-flex;-webkit-justify-content: space-around;align-items: center;height: 36px; line-height: 42px;margin-bottom: 0px;}
.ft-nav ul li{border-right:1px solid #cbcbcb;text-align: center; width: 20%;height:20px;}
.ft-nav ul li a{color:#fff;display:block;margin-top:-11px;font-size:18px;}
.ft-nav ul li:nth-child(5){border: none;}
.f-xian{width: 100%;height: 1px;background: #024B63;}

.f_tel{margin-top:3%;line-height: 18px;font-size: 13px;}
.f_tel div{color: #fff;display: -webkit-flex;margin-top: 40px; margin-left: 20px;}
.f_tel img{width: 35px;height: 35px;margin-right: 10px;}
.f_tel i{color: #ffa759;font-size: 20px;font-style: normal;}
.footer_bg{background:#0564BE;padding-bottom:55.5px;}
.footer .footer_left{width: 123px;margin: 34px 0 0 44px;}
.footer .footer_left img{width: 123px;height: 125px;}
.footer .footer_left p{font-size: 14px;text-align: center;color: #fff;padding-top: 3px;}
.footer .footer_right{margin:34px 20px 0 0;}
.footer .f_logo img{display:block;width:235px;height: 40px; }
.footer .f_logo h5{width: 237px;background: #b6d2ec;text-align: center;height: 23px;line-height: 23px;color: #2674c7;font-size: 12.6px;margin-top: 6px;}
.footer span{font-size: 14px;color: #fff;float: left;margin-left:7.5px;}
.footer p{font-size: 16px;margin-top: 5px;}
.footer .f_add {width: 100%;height: 32px;margin-top: 20px;margin-left: 20px;}
.footer .f_add img{width: 38px;height: 32px;float: left;margin-top:10px;}
.xubitu{float: left;display:inline-block;width: 33px;height: 33px;background: url(/skin/images/xuebitu.png)  no-repeat;}
.xubitu1{background-position:-33px -3px}
.footer_anniu{width: 210px;margin-top: 45px;
    margin-left: 25px;}
.footer_anniu a:nth-child(1){display: inline-block;font-size: 14px;color: #FFFFFF;background: #67a76e;border: none;width: 95px;line-height: 30px;height: 30px;font-weight: normal;border-radius: 5px;text-align: center;}
.footer_anniu a:nth-child(2){display: inline-block;width: 95px;line-height: 30px;font-size: 14px;color: #FFFFFF;background: #fe9901;float: right;text-align: center; border-radius: 5px}
.footer_anniu a i{display: inline-block;width: 23px;height: 18px;background: url(/skin/images/xuebitu.png) -73px -9px no-repeat;vertical-align: middle;}
.footer_anniu a:nth-child(2) i{background-position:-106px -9px;}



/**地图导航*/
#tcdibu{position: fixed;background: url(/skin/images/dibuxin33.png) no-repeat;text-align: center;margin:0 auto;width:364px;height:355px;margin-right:0px;margin-bottom:250px;z-index: 9999999999;left:50%;top:50%;transform:translate(-50%,-50%);display: none;border-radius: 20px;}
h3{padding:0;margin:0;}
#tcdibu h3{color: #fff;line-height: 25px;font-size: 20px;padding-top: 20px;font-weight: bold}
#tcdibu img{margin:0 auto;display: block;margin-top: 10px;border-radius: 10px;}
#tcdibu a{display: inline-block;width:270px;height: 38px;border:1px solid #fff; border-radius: 5px;margin-top: 20px;color: #fff;text-decoration:none;font-size: 16px;line-height: 38px;}
#tcdibu a i{display: inline-block;width: 30px;height: 30px;background: url(/skin/images/dibuxin11.png) 1px -1px no-repeat;vertical-align: middle;    margin-right: 15px;}
#tcdibu a i.gaode{background-position: -27px 4px;}

#tcdibu .bp{border:1px solid #ddd;border-radius:50%;position:absolute;top:-6px;right:-6px;padding:1px 1px 1px 1px;box-shadow: 0px 0px 0.125rem #ccc;}
#tcdibu .bp span{display:block;width:20px;height:20px;line-height:22px;border-radius:50%;background:#888;font-size:18px;color:white;text-align:center;}
.huisebg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.8;background: #333;z-index: 9999999999;display: none;}


/* 数字8 */
@keyframes shuzi {
0%{ transform:scale(0.8);}
50%{ transform:scale(1);}
100%{transform:scale(0.8);}
}
@-webkit-keyframes shuzi {
0%{ -webkit-transform:scale(0.8);}
50%{ -webkit-transform:scale(1);}
100%{-webkit-transform:scale(0.8);}
}
@-moz-keyframes shuzi {
0%{ -moz-transform:scale(0.8);}
50%{ -moz-transform:scale(1);}
100%{-moz-transform:scale(0.8);}
}

/*************视频**************/
.shipinbg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.8;background: #333;z-index: 99999;display: none;}
.fancybox-overlay{-webkit-overflow-scrolling:touch;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;background-image: url('/skin/images/fancybox_sprite.png');}
.zhegai{width: 100%;height:100%;background: #333333;z-index: 9999999;position: fixed;top: 0;left: 0;opacity: 0.8;display: none;}
.zhegai-nr .video_box{display:block;position: fixed;top: 50%;left: 50%;margin-top: -150px;margin-left: -200px;z-index: 9999999999999999;width: auto;height:auto;    background-color: #fff;}
.zhegai-nr video{width: 400px;height: 300px;display:block;}
.zhegai-nr{display: none;}



  @keyframes xiaoshou
{
	0%		{transform: scale(.8);}
	50%		{transform: scale(1);}
	100%	{transform: scale(.8);}
}
@-webkit-keyframes xiaoshou
{
	0%		{-webkit-transform: scale(.8);}
	50%		{-webkit-transform: scale(1);}
	100%	{-webkit-transform: scale(.8);}
}
@-moz-keyframes xiaoshou
{
	0%		{-moz-transform: scale(.8);}
	50%		{-moz-transform: scale(1);}
	100%	{-moz-transform: scale(.8);}
}
/*延迟加载*/
.lazy {background: url(/skin/images/loading.gif) 50% no-repeat;}

@keyframes xiaoshou
{
	0%		{transform: scale(.8);}
	50%		{transform: scale(1);}
	100%	{transform: scale(.8);}
}
@-webkit-keyframes xiaoshou
{
	0%		{-webkit-transform: scale(.8);}
	50%		{-webkit-transform: scale(1);}
	100%	{-webkit-transform: scale(.8);}
}
@-moz-keyframes xiaoshou
{
	0%		{-moz-transform: scale(.8);}
	50%		{-moz-transform: scale(1);}
	100%	{-moz-transform: scale(.8);}
}


/*********顶部悬浮*****/
.js_top{z-index: 999;text-align: center; width: 480px;margin: 0 auto;}

/**********公共头部**********/

.dingbu_logo{background:#309c8d url(/skin/images/dingbuxin1.png) 35px center no-repeat;width: 480px;height: 92px;}
.dingbu_logo a{display:block;width: 480px;height: 92px;}
/*.dingbu_logo a{    width: 100px;    height: 92px;    position: absolute;       right: 10px;    }*/
.dingbu_right{float: right;margin-right: 25px;margin-top:17px;}
.dingbu_right a{display: block;color: #309c8d;font-size: 16px;text-decoration: none;width: 87px;height: 26px;line-height: 26px;text-align: center;background: #fff;border-radius: 20px;margin-bottom: 6px;}
.dingbu_right a:last-child{margin-bottom: 0;background: rgba(255,255,255,0.7)}
.dingbu_right a i{width: 20px;height: 20px;display: inline-block;background: url(/skin/images/dingbuxin2.png) -10px -13px no-repeat;vertical-align: middle;margin-right: 2px;}
.dingbu_right a:last-child i{background-position:-10px -48px;}

.nav ul{color: #333333; font-size: 16px;display: -webkit-flex;-webkit-justify-content: space-around;align-items: center;background: #fff;height: 52px; line-height: 42px;margin-bottom: 0px;}
.nav ul li{border-right:1px solid #cbcbcb;text-align: center; width: 20%;height:20px;}
.nav ul li a{color:#777;display:block;margin-top:-11px;font-size:18px;}
.nav ul li:nth-child(5){border: none;}

/**************公共四浮动********/
.dibu{width: 480px;height: 74px;position: fixed;bottom: 0;left: 0;right: 0;margin: 0 auto;text-align: center;z-index:99999;}
.dibu ul {margin: 0 auto;display: -webkit-flex;display: flex;background-color: #2e3641;}
.dibu .li1 a p,.li2 a p{line-height:inherit;}
.dibu .li1{background-color: #319d8e;width: 32%;position: relative;} 
.dibu .li1 a{color: white;display: -webkit-flex;display: flex;line-height: 74px;}
.dibu .li2 a{color: white;display: -webkit-flex;display: flex;line-height: 74px;}
.dibu .li1 a span{display: block;background: url(/skin/images/five.png) no-repeat;width: 30px;height: 40px;margin-top: 20px;margin-left: 20px;-webkit-animation: change 1s infinite;  animation: change 1s infinite;-moz-animation: change 1s infinite;}
.dibu .li1 a p{margin-left: 10px;font-size: 18px;}
.dibu .li2{background-color: #eb7d04;width: 32%;position: relative;}

.dibu .li2 a span{display: block;background: url(/skin/images/five.png) no-repeat -41px 0px;width:40px;height: 32px;margin-top: 20px;margin-left: 20px;}
.dibu .li2 a p{margin-left: 10px;font-size: 18px;}
.dibu .li2 a p:nth-child(2){top: 17px;left:8px;margin-left: 34px;width: 20px;height: 20px;background-color: #f00;position: absolute;border-radius: 50%;color: #fff;line-height: 20px;font-style: normal;text-align: center;font-size: 14px;-webkit-animation: change 1s infinite;  animation: change 1s infinite;-moz-animation: change 1s infinite;}
.dibu .li3{width: 18%;background: #454c56;text-align: center;line-height: 24px;font-size: 16px;color: white;}

.dibu .li4{width: 18%;background: #2e3641;text-align: center;line-height: 24px;font-size: 16px;color: white;}
.dibu .li4 a em{margin-top: 9px;display: block;background: url(/skin/images/five.png) no-repeat -93px 0px;width: 40px;height: 34px;margin-left: 26px;}
.dibu .li3 a em{margin-top: 12px;display: block;background: url(/skin/images/five.png) no-repeat -140px 0px;width: 40px;height: 30px;margin-left: 26px;}
.dibu .li4 p,.li3 p{color: #BFC1C4;}
@keyframes change
{
	0%		{transform: scale(.8);}
	50%		{transform: scale(1);}
	100%	{transform: scale(.8);}
}
@-webkit-keyframes change
{
	0%		{-webkit-transform: scale(.8);}
	50%		{-webkit-transform: scale(1);}
	100%	{-webkit-transform: scale(.8);}
}
@-moz-keyframes change
{
	0%		{-moz-transform: scale(.8);}
	50%		{-moz-transform: scale(1);}
	100%	{-moz-transform: scale(.8);}
}