/* 藥�莅ゆ�桁���臀� */
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0;padding:0; font-size:14px;
 font-family:"緇�蒐��藥�"; font-weight: normal;}
body{ max-width: 1920px; margin: 0 auto; min-width: 1260px; }
em{font-style:normal}
li{list-style:none}
a{text-decoration:none;}
img{border:none; vertical-align:top;}
table{border-collapse:collapse;} 
textarea{ resize:none;overflow:auto; outline:none;}
input{ outline:none;}
*{ box-sizing:border-box;color: #333;}
.wrapper{width: 1200px; margin: 0 auto;}
/* �桁� */
.clear{zoom:1;}
.clear:after{ content:"";display:block;clear:both;}
.fl{ float:left;}
.fr{ float:right;}


#head{ width: 1199px; height: 110px; margin:0 auto; }
#head .fl{ padding-left:0px; padding-top: 15px; }
#head strong{ line-height: 50px; font-size: 45px; color: #f44c66; }
#head h3{ line-height: 27px; font-size: 20px; color: #333; }
#head .fr{ padding-top: 40px; background: url(../img/zurx.png) no-repeat 0 40px; padding-left: 98px; }
#head h4{ line-height: 39px; font-size: 28px; color: #f44c66; }

#nav{ width: 1199px; margin:0 auto;  }
#nav ul{ padding:10px 0; height:40px; }
#nav li{ float: left; width: 11.1%; border-right: 1px dotted #fff; text-align: center;}
#nav li:nth-child(9){ border-right: none; }
#nav a{ color: #fff; font-size: 16px; line-height: 16px; }
#nav a:hover{ color: #333; }

/* 莉��㊤�丈�桁� */
#lunbo{position: relative; margin: 0 auto; width: 100%; height: 480px; min-width: 1200px; max-width: 1920px; }
.lunbo{ position: relative; margin: 0 auto; width: 100%; height: 100%; }
.lunbotu{ position:relative; left: 0; top:0; height: 100%; width: 100%; overflow: hidden;}
.lunbotu li{ position:absolute; margin-left: -960px; left: 50%; top:0; }
.lunbotu li img{ opacity:0;  height: 480px;}
.lunbotu2{ position:absolute; left: 50%; bottom:3%; z-index: 2; margin-left: -13px;}
.lunbotu2 li{ float:left; border:1px solid #8a8a8a; height:12px; width:12px; border-radius:50%; margin-right:15px;
background-color:rgba(255,255,255,0.2); cursor:pointer;}

.kuang{ border:6px solid; width:1200px;height:285px;margin: 0px auto;margin-top: 25px; border-color:#f44c66; }
.kuang1{ border:1px solid; margin:8px 8px auto;border-color:#f44c66; height:255px;width:1170px;}
.si{margin: 20px;}
.si ul li{width:280px;margin:0px auto;float:left;text-align: center;}
.si ul li p{ margin-top:15px;font-size:16px;height: 10px;}
.wenti{height:645px; margin:25px auto;background-color: #fff7ee;margin-bottom: 0px;}
.sk li{ width: 280px; height: 176px; padding:55px 0 0 72px; background: #999999; float: left; margin-right: 26px; }
.sk li:nth-child(4){ margin-right: 0; background: #ff69a5; }
.sk li:nth-child(2){ background: #ff69a5; }
.sk li:hover{ background: #ffa800; }
.sk p{ font-size: 20px; line-height: 34px; color: #fff; }
.di{float: left;}
.went clear{margin-left:20px;}
.went a{float: left;}
.went img{float: left;}
.went{ padding-top: 54px;height: 375px;float: right;}
.went div{ padding-left: 20px; width: 645px; float:left; margin-top:0px;}
.went h3{ font-size: 28px; line-height: 43px; color: #333; font-weight: bold; }
.went h4{ font-size: 32px; line-height: 47px; color: #ffa800; font-weight: bold; }
.went h5{ font-size: 20px; margin-top:110px;line-height: 46px; color: #666; }
.went strong{  font-size: 20px; line-height: 46px; color: #666; }

.heh{ width: 1199px; padding: 34px 0 30px 0; height: 515px; margin: 0 auto; }
.heh h2{ font-size: 35px; line-height: 66px; color: #fff; text-align: center; }
.heh h4{ font-size: 14px; line-height: 26px; color: #fff; text-align: center; }
.heh ul{ padding-top: 30px; }
.heh ul li{ padding: 30px 0 0 211px; float: left; width: 599px; }
.heh ul li:nth-child(1){ background: url(../img/tb1.png) no-repeat 89px 30px; }
.heh ul li:nth-child(2){ background: url(../img/tb2.png) no-repeat 89px 30px; }
.heh ul li:nth-child(3){ background: url(../img/tb3.png) no-repeat 89px 30px; }
.heh ul li:nth-child(4){ background: url(../img/tb4.png) no-repeat 89px 30px; }
.heh ul li h3{ font-size: 20px; line-height: 40px; color: #fff; }
.heh ul li p{ font-size: 14px; line-height: 20px; color: #fff; }

.tud{ width: 1198px; height: 630px; padding: 50px 0 0 0; margin: 0 auto;}
.tud h2{ font-size: 35px; line-height: 50px; color: #333; text-align: center; font-weight: bold }
.tud h2 strong{color: #f44c66;}
.tud h3{ font-size: 20px; line-height: 40px; color: #333; text-align: center; }
.biz{ width: 649px; height: 450px; float: left; padding-top: 20px; }
.biz h2{ text-align: left; color: #f44c66; font-size: 25px; }
.biz h4{ font-size: 20px; line-height: 40px; color: #fe68a3; }
.biz .one li{ font-size: 14px; line-height: 30px; padding-top: 10px; width: 450px; color: #666; }
.biz  img{width:170px; margin:0px auto; float:left; }
.biz h5{width: 170px; text-align: center;font-size: 14px;color:666;  }
.biz strong{font-size: 16px;color:333; }
.biz .two li{width: 170px; float: left;margin: 15px;}
.tud img{ margin-top:30px; }
.jb{ height: 466px; padding: 0; }
.jb .biz p{ width: 477px;}
.jb .biz h2{ font-size: 29px; }
.jb .biz{ background: none; float: right; padding-top: 90px; width: 480px; }
.jb img{ float: left; margin-top: 77px; width: 528px; height: 315px; margin-left: 52px; }

.pex{ position: relative; height: 443px; padding: 0; }
.pex .biz{ float: left; background: none; padding-top: 89px; width: 434px; }
.pex .biz h2{ font-size: 29px; }
.pex h1{ font-size: 100px; line-height: 130px; color: #fbbcd2; float: right; }
.pex .mx{ position: absolute; width: 396px; height: 443px; bottom: 0; right: 0; }

.las{ width: 1198px; height: 500px; margin: 0 auto; padding-top: 25px; position: relative; }
.las h3{ line-height: 56px; font-size: 35px; color: #333; text-align: center; }
.las h3 strong{ color: #f44c66; }
.las h4{ line-height: 39px; font-size: 20px; color: #666; text-align: center; }
/*.dise { background:#fff7ee; width:1920px; margin:0px auto;}*/
/* 羯����丈�桁� */
#reyinglan{ width:1198px; position:absolute; left:0px; bottom:20px;}
#reyinglan .chuangkou{ width:1198px; height: 417px; position:relative; overflow:hidden; top:0; left:0px; }
#reyinglan .r1{ top:48%; left:-30px;}
#reyinglan .r2{ top:48%; right:-30px;}
#reyinglan a img{ width:  280px; height: 250px; }

.chuangkou ul{ position:absolute; left:0px; top:0; width: 9999px;}
.chuangkou li{ width:260px; margin:0 8.75px; float:left; border:3px solid #72d9e6; 
	background: #f44c66;overflow: hidden;margin-top: 80px;margin-left: 26px}
.chuangkou li:hover{ border-color: #29b7c8; }
/*.chuangkou a img{ border-radius: 18px 18px 0 0;}*/

.chuangkou li h3 a{ font-size: 24px;color: #fff; }
.chuangkou li h3 a:hover{ color: #fffc00; }
.chuangkou li h3{  line-height: 29px; text-align: center; padding-top: 10px; }
.chuangkou li h4{ line-height: 24px; font-size: 15px; text-align: center; color: #fff; }
.chuangkou li p{ font-size: 13px; line-height: 18px; padding: 15px 27px; color: #fff; text-align: center; }
.chuangkou2{ margin-bottom: 40px; }
.chuangkou2 ul{ width: 1200px; margin: 0 auto ; }
.chuangkou2 li{ width:282px; margin:0 8.75px; float:left; border:3px solid #72d9e6; /*border-radius: 22px; */
	background: #f44c66;margin-left: 30px}
.chuangkou2 li:hover{ border-color: #29b7c8; }
/*.chuangkou2 a img{ border-radius: 18px 18px 0 0; }*/

.chuangkou2 li h3 a{ font-size: 24px;color: #fff; }
.chuangkou2 li h3 a:hover{ color: #fffc00; }
.chuangkou2 li h3{  line-height: 29px; text-align: center; padding-top: 10px; }
.chuangkou2 li h4{ line-height: 24px; font-size: 15px; text-align: center; color: #fff; }
.chuangkou2 li p{ font-size: 13px; line-height: 18px; padding: 15px 27px; color: #fff; text-align: center; }










.last1,.next1{ width:26px; height:68px; border:1px solid #d5d5d5; position:absolute; top:39px; background:rgba(000,000,000,0.1);
 font-size:26px; line-height:64px; color:rgba(255,255,255,0.2); text-align:center; color:#b5b5b5; display:block; }
.last1{ border-radius:4px 0 0 4px; left:0;}
.next1{ border-radius:0 4px 4px 0; right:0;}
.last1:hover,.next1:hover{ background:rgba(000,000,000,0.4); }

.news{ width: 1198px; height: 393px; padding: 25px 0 0 27px; margin: 0 auto; }
.news h2{ line-height: 25px; font-size: 25px; font-weight: bold; }
.news h2 a{ font-weight: normal; font-size: 14px; color: #686868; margin-left: 10px; }
.news h2 a:hover{ color: #db0000; }
.news ul{ float: left; width: 564px; }
.news li{ padding-top: 22px; }
.news li a{ color: #333; font-size: 16px; }
.news li a:hover{ color: #db0000; }
.news li p{ color: #666; font-size: 14px; line-height: 30px; }
.news .liy{ width: 518px; height: 180px; float: right; padding-left: 40px; border-left: 1px solid #ababab; }
.news .liy p{ font-size: 16px; line-height: 26px; color: #333; padding-bottom: 16px; }
.news .liy h2{ padding-bottom: 20px; }
.news .liy h2 strong{ color: #db0000; }

.liax{  width: 1198px; height: 261px; margin: 0 auto;  }
.liax h2{ font-size: 43px; line-height: 65px; font-weight: bold; text-align: center; color: #fff; }
.liax h2:nth-child(1){ font-weight: normal; padding-top: 37px; }
.liax1{ background: url(../img/rx.png) no-repeat 0 0; height: 39px; margin: 29px auto 0 auto; color: #fff; width: 349px;
 padding-left: 160px;}
.liax1 span{ color: #fff; font-size: 27px; line-height:39px;  }

.keh{ width: 1198px; height: 575px; margin: 0 auto; }
.keh h2{ font-size: 35px; line-height: 45px; padding-top: 55px; text-align: center; }
.keh span{ color: #ff448e; }
.keh h3{ font-size: 20px; line-height: 60px; text-align: center; color: #999; }
.keh li{ width: 240px; height: 363px; padding: 7px; background: #fff; float: left; box-shadow: 2px 2px 2px rgba(255,68,142,0.2);
 margin-right: 79.33px; }
 .keh li:hover{  box-shadow: 4px 4px 4px rgba(255,68,142,0.5); }
.keh li:nth-child(4){  margin-right: 0px; }
.keh li img{ width: 226px; height: 161px; }
.keh li p{ font-size: 12px; line-height: 22px; color: #8c8c8c; text-align: center; padding: 35px 6px 17px 6px; }
.keh li a{ display: block; width: 139px; height: 29px; background: #ff448e; line-height: 29px; text-align: center; color: #fff; 
	margin: 0 auto; }
.pages{ margin: 40px 0 20px 0; text-align: center; }
.pages span{ color: #999; }
.pages a{ color: #666; }
.pages a:nth-child(1):hover{ color: #666; }
.pages a:nth-child(1){ color: #999; }
.pages a:hover{ color: #ff448e; }


.foot{ width: 1198px; height: 214px; margin: 0 auto; clear: both;}
.foot dl{ margin-top: 27px; float: left; margin-left: 100px; }
.foot dt{ font-size: 16px; color: #fff; line-height: 35px; }
.foot dd{ font-size: 12px; color: #fff; line-height: 24px; max-width: 240px; }
.foot dd a{ font-size: 12px; color: #fff; }
.foot dd a:hover{ text-shadow: rgba(255,255,255,0.4) 1px 1px; }
.foot .last{ background: url(../img/liax.png) no-repeat 0px 39px; }
.foot .last dd{ padding-left: 24px; }

.foot2{ width: 1198px; height: 80px; margin: 0 auto;padding-top: 25px;}
.foot2 p{ font-size: 12px; color: #a4a4a4; text-align: center; }
.foot2 p a{ color: #a4a4a4; }
.foot2 a:hover{ text-shadow: rgba(255,255,255,0.4) 1px 1px; }

/* ��蕁� */
/*.daq{ color: #999; line-height: 1em; margin: 20px auto 0; width: 1200px; }
.daq a{ color: #999; }
.daq a:hover{ color: #ff7f7e; }
.lam{ width: 541px; height: 66px; margin: 60px auto; background: url(../img/bjbk.png) no-repeat 0 12px; }
.lam h4{ text-align: center; }
.lam h4 strong{ font-size: 12px; color: #999; line-height: 26px; text-align: center; margin: 0 auto;
 padding: 0 0.5em; background: #fff; font-weight: normal;}
.jij{ width: 541px; margin: 0 auto 48px auto; text-align: center; }
.jij a{ float: left; color: #666; font-size: 18px; margin: 0 13px; }
.jij a:hover{ color: #ff7f7e; }
.jij2{ width: 1200px; margin: 0 auto 45px; }
.jij2 img{ width: 25%; float: left; padding: 0 15px;
.jis1{ width: 1200px; margin: 0 auto 130px; }
.jis{ font-size: 16px; line-height: 1.5em; color: #666; text-align: center;
text-indent: 2em;}*/

.position{
    height: 50px;
    line-height: 50px;
    color: #666;
}
.position a{
    color: #666;
}
.position a:hover{
    color: red;
}
.nav{
	margin-top: 30px;
}
.page .nav ul{
    height: 40px;
    width: 400px;
    margin: 0 auto;
}
.page .nav ul li{
    float: left;
    height: 50px;
    line-height: 40px;
    width: 100px;
    text-align: center;
}
.page .nav ul li a{
    font-size: 17px;
    color: #333;
}
.page .nav ul li.hover a{
    color: #52ddf4;
}
.page .nav ul li:hover a{
    color: #52ddf4;
}
.page .nav ul li.hover{
    background: url(/skin/img/abouthover.png) no-repeat 15px 35px;
}
.page .nav ul li:hover{
    background: url(/skin/img/abouthover.png) no-repeat 15px 35px;
}
.page .content{
    margin: 50px 0;
    color: #666;
   padding: 30px 80px ;
    background: #fcf3f3;
    line-height: 35px;
}
.page .page_con{
    height: 200px;
    width: 600px;
    margin: 0 auto;
    margin-top: 40px;
    border-bottom: 1px dashed #eee;
}
.page .page_con img{
    float: left;
}
.page .page_con p{
    float: left;
    width: 5px;
}
.page .page_con ul{
    float: left;
    margin-top: 25px;
    margin-left: 60px;
}
.page .page_con ul li{
   height: 25px;
   line-height: 25px;
   color: #666;
}

.newslist{
    margin: 50px 0;
}
.newslist ul{
	margin-left: 15px;
}
.newslist ul li{
    height: 230px;
    border-bottom: 1px dashed #FDCEDE;
    background:#fffafa;
    margin-top:30px;
    width: 47%;
    float: left;
    margin-left: 20px;
}
.newslist ul li img{
    float: left;
    width: 300px;
    height: 200px;
    /*margin: 30px 30px;*/
}
.newslist ul li .text{
    width: 950px;
    margin-left: 20px;
    width: 230px;
    margin-top:20px;
}
.newslist ul li .text p{
    float: left;
    color: #333;
    line-height: 40px;
}
.newslist ul li .text span{
    float: right;
    color: #666;
    line-height: 40px;
}
.newslist ul li .text div{
    clear: both;
    width: 100%;
    font-size: 13px;
    color: #999;
    line-height: 25px;
}

.proright{
    margin-bottom: 50px;
}
.proright ul{
	margin-left: -26px;
    margin-top: -26px;
}
.proright ul li{
    float: left;
    margin-left: 26px;
    margin-top: 26px;
    padding: 15px 10px;
    width: 280px;
    height: 410px;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.proright ul li img{
    height: 220px;
    width: 260px;
}
.proright ul li div{
    padding: 25px 10px 15px 10px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}
.proright ul li p{
    font-size: 16px;
    color: #333;
    line-height: 22px;
}
.proright ul li span{
    color: #666;
    line-height: 22px;
}
.proright ul li a{
    padding: 4px 15px;
    background: #21d8f2;
    color: #fff;
    margin-left:90px;
    box-sizing: border-box;
}
.proright ul li a:hover{
    background: #fff;
    color: #333;
    border: 3px solid #21d8f2;
    box-sizing: border-box;
}
.pages{
    padding-top: 25px;
    /*height: 50px;*/
    margin: 30px 0;
    clear: both;
    margin-left: 150px;
}
.pages a{
    padding: 5px 8px;
    border: 1px solid #d1d1d1;
    color: #333;
    margin-left: 5px;
}
.pages span{
    padding: 5px 8px;
    border: 0px;
    background: #21d8f2;
    color: #fff;
    margin-left: 5px;
}
.news1{ margin: 0 auto; width: 1200px; padding-bottom: 20px; }
.news1 li{ border-bottom: 1px dotted #cfcfcf;}
.news1 li h4{ line-height: 58px; font-size: 14px; color: #666;  }
.news1 li h4 a{ color: #666; }
.news1 li h4 a:hover{ color: #ff7f7e; }
.news1 li h4 span{ font-size: 14px; color: #666; float: right; }

/*.liuy{ 
    width: 670px;
     margin: 0 auto;
      }
.liuy p{ 
    height: 50px;
     font-size: 14px;
     
       line-height: 35px; }
.liuy input{ 
    height: 35px;
     width: 600px; 
     float: right;
      border:1px solid #d2d2d2;
       }
.liuy .tj{ 
    width: 62px;
     height: 25px; 
     background: url(../img/bjly.png) no-repeat 0 0; 
     border:none; 
     cursor: pointer;
 float: left; margin: 0 10px; }

*/
/* ��鎖��荐� */
.right-message{
    margin: 30px 0;
    width: 100%;
    border: 1px solid #ddd;
}
.right-message form{
    width: 800px;
    margin: 30px auto;
}
.right-message input{
    height: 35px;
    width: 100%;
    border: 1px dotted #999;
    background: #eee;
    color: #333;
    padding: 0 10px;
}
.right-message textarea{
    width: 100%;
    border: 1px dotted #999;
    background: #eee;
    color: #333;
    padding: 10px 10px;
}
.right-message button{
    width: 120px;
    height: 40px;
    background: #0b9edb;
    color: #fff;
    border: 0px;
    font-size: 16px;
    margin-top: 20px;
    box-shadow: 2px 2px 2px #333;
    border-radius: 8px;
    cursor: pointer;
}
.right-message p{
    line-height: 40px;
    color: #333;
    margin-top: 5px;
}
.link{
    clear: both;
    height: 50px;
    line-height: 50px;
    background: #fff;
}
.link p{
    float: left;
    font-weight: 900;
}
.link ul li{
    float: left;
    margin-left: 20px;
}
.link ul li a{
    color: #333;
}
.link ul li a:hover{
    color: red;
}