/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
/*a:hover{ color:#f60; text-decoration:underline;}*/
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1711px; margin:0 auto;}
.wapper2{ max-width:1520px; margin:0 auto;}
.wapper3{ max-width:1359px; margin:0 auto;}
.wapper4{ max-width:1200px; margin:0 auto;}

.header-bg{ position:fixed; left:0; width:100%; top:0;    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 5px 1px rgba(0,0,0,.2); height:120px; z-index:9; display:block}
.logo{float:left;width: 6%;margin-top: 2.5%;margin-left:2%;}
.logo img{ width:100%;}
.top{ height:120px;}


.menu{float:left;display:block;margin-left:2%;width: 90%;}
.menu>ul>li{
        float:left;
        /*width:120px;*/
        text-align: justify;
        height:118px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 0 1.2%;
        position: relative;
        }

.menu a{ font-size:18px;/*color:#fff; */text-decoration:none; font-weight:normal;display:block;text-align:center; color:#000}
/*.menu a:hover{color:#b176c5;}
a.menu_hover{ color:#b176c5; border-bottom:1px solid #b176c5;}*/
.menu>ul>li span a img{ display:block; width:24px; margin:0 auto;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu>ul>li:hover{color:#b176c5; border-bottom:2px solid #b176c5;}
.menu>ul>li:hover span a{color:#b176c5; }
.soueu{width: 18%;}
.input_text01{
    border-radius: 80px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
    padding: 10px 35px 10px 15px;
    width:100%;
    background:url(../images/cesr.png) right center no-repeat; outline:none;
    }
.input_text01:hover {
        border: solid 1px #c191d1;
}
.input_text01::-webkit-input-placeholder{ color:#ccc;}
.menu>ul>li>dl{background:#fff;width:100%;position:absolute;left:0px;top: 120px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding:10px 0;display:none;}


.zhixuhn{ padding:2% 5%;}
.zhixuhn01{ float:left; display:block; width:29%;}
.zhixuhn01 span{ display:block;    color: #515a6e; font-size:18px; font-weight:bold;}
.zhixuhn01 strong{ display:block; color: #515a6e; font-size:18px; font-weight:normal;}


.zhixuhn02{ float:right; display:block; width:68%}
.zhixuhn02 ul li{ display:block; line-height:35px}
.zhixuhn02 ul li a{ color:#000; text-align:left}
.zhixuhn02 ul li a:hover{color:#b176c5; }

.wemh{ padding:2% 10%; }
.wemh dl{}
.wemh dl{ display:block; width:32%; margin-right:2%; float:left;}
.wemh dl:nth-child(3n) {
    margin-right: 0% ;
}
.wemh dl dt a{ text-align:left !important; font-size:28px ;   font-weight: bold; }
.wemh dl dd a{color:#000;font-size:18px;text-align:left !important; line-height:40px;}
.wemh dl dt a:hover{color:#b176c5; }
.wemh dl dd a:hover{color:#b176c5; }


.wemh01{ padding:2% 10%; }
.wemh01 dl{}
.wemh01 dl{display:block;width: 41%;margin-right: 17%;float:left;}
.wemh01 dl:nth-child(2n) {
    margin-right: 0% ;
}
.wemh01 dl dt a{ text-align:left !important; font-size:28px ;   font-weight: bold; }
.wemh01 dl dd a{color:#000;font-size:18px;text-align:left !important; line-height:40px;}
.wemh01 dl dt a:hover{color:#b176c5; }
.wemh01 dl dd a:hover{color:#b176c5; }


.xiazia{text-align:center;width: 300px !important;left: 50% !important;margin-left: -150px;}
.xiazia dd{ line-height:40px; font-size:18px;}
.xiazia dd a{}
.xiazia dd a:hvoer{color:#b176c5;}
.xiazia01{text-align:center;width:20% !important;left: 33.5% !important;}
.xiazia01 dd{ line-height:40px; font-size:18px;}
.xiazia01 dd a{}
.xiazia01 dd a:hvoer{color:#b176c5;}



.xiazia02{text-align:center;width:182% !important;right: -45.5% !important;left: inherit !important;}
.xiazia02 dd{ line-height:40px; font-size:18px;}
.xiazia02 dd a{}
.xiazia02 dd a:hvoer{color:#b176c5;}

.xiazia03{text-align:center;width:20% !important;right: 0.5% !important;left: inherit !important;}
.xiazia03 dd{ line-height:40px; font-size:18px;}
.xiazia03 dd a{}
.xiazia03 dd a:hvoer{color:#b176c5;}


.huld{text-align:center;width: 20% !important;right: 10.5% !important;left: inherit !important;padding: 2% !important;}
.huld dt{font-size:26.4px;font-weight:bold;color: #000;}
.huld dd a{font-size:22.8px;background:#b176c5;border:2px solid #b176c5;color:#fff;border-radius:30px;height:60px;line-height:60px;margin-top: 4%; overflow:hidden}
.denli{background:#fff !important; color:#b176c5 !important}
.huld dd a:hover{-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);}


.qigouw{text-align:center;width: 28% !important;right: 4.5% !important;left: inherit !important;padding: 2% !important;}
.qigouw dt{font-size: 18px;font-weight:bold;color: #000;}
.qigouw dd a{font-size: 18px;background:#b176c5;border:2px solid #b176c5;color:#fff;border-radius:30px;height: 40px;line-height: 40px;margin-top: 4%;overflow:hidden;}
.qigouw dd a:hover{-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);}
	

.banner{ width:100%}
.banner img{ width:100%;}

.cent01{ margin-top:4%;}	
.cent01 ul li{ float:left; display:block; width:48%; margin-right:2.5%; position:relative; margin-bottom:3%}	
.cent01 ul li:nth-child(2n) {
    margin-right: 0% ;
}
.img01{overflow:hidden;}
.img01 img{cursor:pointer; transition: all 0.5s; vertical-align: bottom;}
.img01 img:hover{ transform: scale(1.1);} 
.cent01 ul li h2{ position:absolute; bottom:25%; width:100%; text-align:center; font-size:28px; color:#fff;}
.cent01 ul li a{position:absolute;bottom: 9%;text-align:center;font-size:28px;color:#fff;border: 4px solid #fff;font-weight: bold;padding: 3px 3.13vw;border-radius: 30px;left: 33%;}
.cent01 ul li a:hover{     background-color: #fff;
    color: #000;
    border-color: #b176c5;}




.cent02{ width:100%; position:relative;}
.tupan{ width:100%}
.tupan img{ width:100%}

.tupan02{ position:absolute; top:48%; left:20%;display:block; width:14%}
.tupan02 a{   
    background-color: #77bc1f; height:60px; line-height:60px; text-align:center; width:100%; display:block;border-radius: 30px; font-size:28px; color:#fff; width:100%
    }
.tupan02 a:hover{background-color: #5c9118;}

.tupan01{ position:absolute; bottom:4%; left:2%; width:96%;}
.ctl{border: 1px solid #eee;
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,.2);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,.2); background:#fff; float:left; display:block; width:48%;}
.ct2{border: 1px solid #eee;
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,.2);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,.2); background:#fff; float:right; display:block; width:48%;}
.ctl img{ float:left; display:block; width:38%;}
.ctl1{float:right;display:block;padding:2%;width: 58%;}
.ctl1 strong{ display:block;    color: #515a6e; font-size:14px;}
.ctl1 span{ display:block; color: #515a6e; font-size:14px; margin-top:3%;}
.ctl1 a{ color: #77bc1f; font-size:14px; display:block; margin-top:4%; font-weight:bold;}
.ct2 img{ float:left; display:block; width:38%;}

.cent03{ position:relative; margin-top:3%;}
.mySwiper2{ width:90% !important; margin:1% auto auto;}
.rxiao{    background-color: #fff;
    border: 1px solid #f3f3f3; position:relative; padding-bottom:10%;}
	.die{ text-align:center;}
.die h3{    color: #fff;
    padding: 3px 4%;
    border-radius: 40px;
    font-size: 27px;
    font-weight: 700;
    display: inline-block;
    text-align: center;    background-color: #b176c5; margin:0 auto; }
.img03{overflow:hidden; }
.img03 img{cursor:pointer; transition: all 0.5s; }
.img03 img:hover{ margin-top:-3%;}
.rxiao:hover{ border:1px solid #b176c5}
.rxiao h2{position:absolute;top: 4%;right: 4%;width: 20%;background:#b176c5;border-radius: 8px;color:#fff;font-size: 14px;font-weight:normal;line-height: 25px;}
.lihs{ width:80%; margin:0 auto;text-align:left;}
.lihs h3{ text-align:left; font-size:14.4px;    color: #fb5814;}
.lihs h3 strong{    color: #fb5814; font-size:26px; display:inline-block;}
.lihs h3 em{ float:right; display:block; width:16%;    color: #495060; font-size:15.6px; font-weight:normal; font-style:normal;}
.lihs span{ display:inline-block; text-align:left; font-size:14.4px;}
.lihs strong{ font-size:15.6px; color:#000;display:block; margin-top:3%}
.rxiao:hover strong{ color:#b176c5;text-decoration:underline; }


.cent04{ margin-top:3%; margin-bottom:2%;}
.title{ text-align:center}
.title li{color: #000;
    padding: 5px 4%;
    border-radius: 40px;
    font-size: 27px;
    font-weight: 700;
    display: inline-block;
    text-align: center; background-color: #fff;  border:1px solid #ccc;  margin: auto -2px;}
.cur{background-color: #b176c5 !important;color: #fff !important; }

.ship{ margin-top:4%; position:relative;}
.cheha{position:absolute;top: -10%;font-size: 14px;right: 0;}
.ship01{ border-radius:50px; overflow:hidden; position:relative}
.ship01 a{ display:block}
.ship01 a img{ width:100%;vertical-align: bottom;}
.zant{ position:absolute; top:50%; left:50%; margin-left:-48px; width:96px; height:96px; margin-top:-48px;}
.ship01 span{background-color: rgba(0,0,0,.3);bottom:0;height:30px;line-height:30px;color:#fff;font-size:14px;position:absolute;z-index: 9;left: 0;width: 100%;text-align: center;}
.ship ul li{ float:left; display:block; width:23.5%; margin-right:2%; margin-top:4%;}
.ship ul li:nth-child(4n) {
    margin-right: 0% ;
}

.shi01{ border-radius:10px; overflow:hidden; position:relative}
.shi01 a{ display:block}
.shi01 a img{ width:100%;vertical-align: bottom;}
.shi01 span{background-color: rgba(0,0,0,.3);bottom:0;height:30px;line-height:30px;color:#fff;font-size:14px;position:absolute;z-index: 9;left: 0;width: 100%;text-align: center;}
.zant01{ position:absolute; top:50%; left:50%; margin-left:-25px; width:50px; height:50px; margin-top:-25px;}



.tab_valli{ display:none;}
.update_news4bg{ padding:50px 0px;}
.update_news4{ max-width:1200px; margin:0 auto;}
.update_news4 ul li{ float:left; margin-right:20px; width:calc((100% - 40px)/3); background:#fff; box-sizing:border-box; margin-bottom:20px;}
.update_news4 ul li:nth-child(3n){ margin-right:0px;}
.update_news4 ul li .news_pic{ overflow:hidden; height:200px;}
.update_news4 ul li .news_pic img{ width:100%; transition: all .36s ease;}
.update_news4 ul li .news_desc{ padding-top:15px; padding-bottom:15px;}
.update_news4 ul li .news_desc strong{ display:block; font-weight:normal; line-height:24px; font-size:16px; color:#444;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.update_news4 ul li .news_desc em{ display:block; font-style:normal; color:#999; font-size:14px; line-height:24px;}
.update_news4 ul li .news_desc span{ display:block; font-size:14px; color:#666; line-height:24px; padding-top:10px; height:48px; overflow:hidden;}
.update_news4 ul li:hover .news_pic img{transform: scale(1.1);}
.update_news4 ul li:hover .news_desc strong{ color:#f60;}


.fooder-bg{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:3%}


.fooder01{ float:left; display:block; width:30%; margin-top:3%;}
.fooder01 ul li{ font-size:14px; margin-bottom:4%;}
.fooder02{float:left; display:block; width:33%; text-align:center;margin-top:3%;}
.fooder02 ul li{ font-size:14px; margin-bottom:4%;}
.fooder02 dl dd{ text-align:center;}
.fooder02 dl dd{ width:30px; height:30px; display:inline-block; position:relative;}
.fooder02 dl dd a>img{ width:100%;}
.erjiw{position:absolute;bottom: 107%;width: 900%;left: 50%;-webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,.2);box-shadow: 3px 3px 5px 1px rgba(0,0,0,.2);margin-left: -450%; display:none}
.erjiw img{ width:100%;}
.fooder03{ float:right; display:block; width:30%;margin-top:3%;}
.erjiw01{position:absolute;bottom: 107%;width: 1200%;left: 50%;-webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,.2);box-shadow: 3px 3px 5px 1px rgba(0,0,0,.2);margin-left: -600%; display:none}
.erjiw01 img{ width:100%;}
.fooder02 dl dd:hover .erjiw{ display:block}
.fooder02 dl dd:hover .erjiw01{ display:block}
.fooder03 ul li{ }
.fooder03 h2{font-size:14px; font-weight:normal;color: #515a6e;}
.fooder03 span{font-size:14px; font-weight:normal;color: #999999; display:block;}
.fooder03 a{ display:block; margin-top:2%;font-size: 14px;    color: #515a6e;}
.fooder03 strong{font-size:14px; font-weight:normal; text-decoration:underline; color: #999999; margin-bottom:2%; display:block;}
.fooder03 a img{display:inline-block;width:31px;position: relative;top: 15px;    margin-right: 2%;}
.enu{ width:20px !important; position:relative; top:5px !important;}
.fooder03 h3 a{ font-size:15.6px; font-weight:normal;color: #999999;}

.dien{ position:fixed; right:0; bottom:10%; width:3%}
.dien img{ width:100%;}

.cent05{ margin-top:1%; position:relative}
.cent05-l{float:left;display:block;width: 51%;}
.cent05-l img{ width:100%;}
.cent05-r{float:right;display:block;width: 48%;margin-top: 1%;}
.cent05-r h2{}
.cent05-r h2 img{ float:left; display:block; width:68px}
.xphd{float: right;display:block;width: 89%;text-align:left;}
.xphd h3{font-size: 22px;color: #515a6e;margin-top: 1%;}
.xphd em{font-size: 15px;color: #999999;font-style:normal;font-weight:normal;margin-top: 0%;display: block;}
.cent05-r h4{ font-size:22.8px; color: #515a6e; text-align:left; margin-top:2%;}
.cent05-r i{ font-size:15.6px; color: #515a6e; text-align:left; font-style:normal; display:block; margin-top:1%}
.des01{    left: -25% !important;}
.des01 span{ color:#000; background:#000;}
.cae{position:absolute;right:0;bottom:0;color:#b176c5;z-index: 99;font-size: 15.6px;}
 
.cent06{ margin-top:10px;}
 .input_text08{float:left;display:block;width: 13%;border:1px solid #ccc;border-radius:5px;background:url(../images/tu4.png) right center no-repeat;font-size:16px;outline:none;line-height:36px;padding-left: 1%;}
 .input_text08::-webkit-input-placeholder{ color:#ccc;}
.cent06-l em{ float:left; display:block; font-style:normal; font-size:15.6px; color:#999999;line-height:35px; margin-left:1%}
.cent06-l em i{ font-style:normal; color:#F00; }

.fenlie{ margin-top:10px; border:1px solid #ccc;}
.fenlie h2{background: url(../images/tu5.png) 10px  11px  no-repeat #f8f8f8;color:#666;font-size: 15.6px;float:left;display:block;width: 7%;font-weight:normal;padding-top: 0.5%;padding-left: 2%;height: 117px;} 
.fenlie ul{ float:left; width:80%;}
.fenlie ul li{ float:left; display:block; font-size:15.6px; margin:0.6% 1.5%;}
.fenlie ul li a{ color:#333333;}
.quanbu a{ color:#bc86c8}

.cent07{ margin-top:10px; }
.cent07-l{border:1px solid #ccc;}
.cent07-l ul li{ float:left; display:block; line-height:52px; border-left:1px solid #ccc; padding:0 1%; position:relative}
.cent07-l ul li>a{ font-size:15.6px; color:#333333;}
.cent07-l ul li:nth-child(1) {border-left:none;
}
.eag{background:url(../images/dgew.png) center no-repeat;position:absolute;top: 8px;right:0px;width:20px;height:20px;}
.eag01{background:url(../images/dge.png) center no-repeat;position:absolute;bottom: 10px;right:0px;width:20px;height:20px;}
.cent07-l ul li:nth-child(7){font-style:normal;color: #515a6e; font-size:15.6px;}
.cent07-l ul li em{ }


.ldie{color: #515a6e;font-size:15.6px;border:1px solid  #ccc;border-radius:5px;line-height:36px;height:36px;display:inline-block;margin-left: 8px;padding: 0 4px;}
.ldie:hover{    color: #c191d1;
    background-color: #fff;
    border-color: #c191d1;}
.checkbox{ display:inline-block;}


.cent07-02{ margin-top:8px}
.cent07-02 ul li{float:left;display:block;width: 23.8%;margin-right: 1.5%;margin-bottom: 1.5%;}
.cent07-02 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.cent07-02 ul li:nth-child(4n-3){ clear:left;}



.rxiao01{
    background-color: #fff;
    border: 1px solid #f3f3f3;
    position:relative;
    padding-bottom: 0%;
    }
	.die{ text-align:center;}
.die h3{    color: #fff;
    padding: 3px 4%;
    border-radius: 40px;
    font-size: 27px;
    font-weight: 700;
    display: inline-block;
    text-align: center;    background-color: #b176c5; margin:0 auto; }
.img04{overflow:hidden; height:322px;}
.img04 img{cursor:pointer; transition: all 0.5s; max-width:100%; }
.img04 img:hover{ margin-top:-3%;}
.rxiao01:hover{ border:1px solid #b176c5}
.rxiao01 h2{position:absolute;top: 4%;right: 4%;width: 20%;background:#b176c5;border-radius: 8px;color:#fff;font-size: 14px;font-weight:normal;line-height: 25px;}
.lihs01{ width:90%; margin:0 auto;text-align:left;}
.lihs01 h3{ text-align:left; font-size:14.4px;    color: #fb5814;}
.lihs01 h3 strong{    color: #fb5814; font-size:26px; display:inline-block;}
.lihs01 h3 em{ float:right; display:block; width:16%;    color: #495060; font-size:15.6px; font-weight:normal; font-style:normal;}
.lihs01 span{ display:inline-block; text-align:left; font-size:14.4px;}
.lihs01>a>strong{ font-size:15.6px; color:#000;display:block; margin-top:3%}	
	
.rxiao01:hover .lihs01>a>strong{ color:#b176c5;text-decoration:underline; }




.center{width:268px;margin:50px auto;text-align:center;}
.center h3{font-size:14px;height:40px;margin:40px 0 0 0;}
.Spinner{display:block;overflow:hidden;width:100px;display:inline-block;margin-top: 5%;}
.Spinner .Amount{width: 31px;height:17px;padding: 4px 4px;line-height:17px;border-width: 1px;border-style:solid;border-color: #c191d1;float:left;text-align:center;color:#565656;outline:0;margin: 0 2px;border-radius: 5px;}
.Spinner a{display:inline-block;width:25px;height:25px;border:1px solid #d9d9d9;background-color: #c191d1;float:left;cursor:pointer;outline:0;border-radius: 4px;}
.Spinner a i{font-style:normal;background:url(../images/jian.png) no-repeat;display:block;width:9px;height:9px;margin:8px;text-indent:999999%;overflow:hidden;background-size:100% auto}
/*.Spinner .Decrease i{background-position:-9px -9px;}*/
.Spinner .Increase i{background:url(../images/jiae.png) no-repeat; background-size:100% auto}
/*.Spinner .DisDe i{background-position:-0px -9px;}
.Spinner .DisIn i{background-position:-0px -0px;}*/

.gwc{
    float:right;
    display:block;
    width: 46%;
    color: #c191d1;
    background-color: #fff;
    border:1px solid  #c191d1;
    font-size:15.6px;
    border-radius:30px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    margin-top: 4%;
    }
	
	
.cent08-bg{ background:#ccc; height:50px; line-height:50px; background:#f5f5f5; width:100%; z-index:1}	
.cent08 a{ font-size:18px;    color: #b176c5; font-weight:700;}
.cent08 span{font-size:18px;    font-weight: 700;
    color: #515a6e;}
.cent08 strong{ font-size:18px;}

.cent09{ }
.cent09-l{ float:left; display:block; width:35%; padding:2%; }


.cent09-r{ float:right; display:block; width:50%; width:57%; margin-top:2%}
.cent09-r h2{ font-size:32px; color:#b176c5;}
.cent09-r span{ display:block; font-size:15.8px; margin-top:2%;}
.cent09-r strong{display:inline-block;font-size:14px;font-weight:normal;margin-top: 2%;}
.cent09-r em{background:#b176c5;display:block;font-size:15.6px;font-style:normal;color: #fff;width: 12%;text-align: center;line-height: 35px;margin-top: 2%;}
.cent09-r h4{ font-size:36px;color: #b176c5; font-weight:500}
.cent09-r i{ font-size:16px; font-style:normal;}
.cent09-r>a{
    width: 20%;
    font-size:15.8px;
    border-width: 1.5px;
    color: #b176c5;
    border:1px solid  #b176c5;
    display: inline-block;
    float: left;
    margin-top: 3% !important;
    text-align:center;
    line-height: 35px;
    border-radius: 5px;
    }
.spdie{display: block !important;width:200px !important;float: left;    margin-top: 3% !important;}
.spdie a{width: 45px !important;height: 35px !important;}
.spdie a i {
       font-style: normal;
       background: url(../images/jian.png) center no-repeat !important;
       display: block;
       width: 20px !important;
       height: 32px !important;
       margin: 8px;
       text-indent: 999999%;
       overflow: hidden;
       background-size: 100% auto;
       text-align: center;
       margin: 0 auto !important;
}
.Spinner .Increase i{background: url(../images/jiae.png) center no-repeat !important;}
.spdie .Amount{width: 67px !important;height: 29px !important;}


.cent11{}
.cent11 h2{color: #b176c5; font-size:18px; font-weight:normal; line-height:52px; height:52px}
.cent11 table{ border:1px solid #ccc; border-top:none; border-left:none; text-align:center}
.cent11 table tr th{ border-left:1px solid #ccc; border-top:1px solid #ccc; background:#f8f8f9;color: #b176c5; padding:1% 0}
.cent11 table tr td{ border-left:1px solid #ccc; border-top:1px solid #ccc; line-height:48px;}
.cent11 table tr th span{ display:block;}
.jide{ display:none}

.ney{ width:100%; margin-top:1%}
.ney img{ max-width:100%;}
.cent12{ margin-top:4%;}
.cent12 h2{ font-size:22.8px; color:#b176c5; text-align:center}
.cent12 span{font-size:22.8px;text-align:center ;color:#b176c5; display:block}
.cent12 ul li{ float:left; display:block; width:30%; margin-right:5%; margin-top:2%; margin-bottom:4%}
.cent12 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent12 ul li img{ width:100%}
.cent12 ul li h3{font-size:20px;text-align:center ;color:#b176c5; margin-top:6%;}
.cent12 ul li strong{font-size:20px;text-align:center ;color:#b176c5; display:block}
.djuie{ height:420px}
.djuie img{ height:100%;}
.cent12 ul li:hover img{ margin-top:-5%;transition: all 1s;}

.cent13-bg{ background:#f3f4f5;}
.cent13 a{ font-size:14px; color:#000; line-height:40px; height:40px;}

.cent14{}
.cent14 ul li{ border-bottom:1px solid #ccc; padding-bottom:2%; margin-top:2%;}
.cent14 ul li h2{ font-size:20px; font-weight:normal; color:#b176c5; line-height:40px}
.cent14 ul li span{ display:block; font-size:14px; color:#000; line-height:30px;}
.cent14 ul li a{ background:#b176c5; color:#fff; font-size:15.6px; border-radius:20px; display:inline-block;    padding: 3px 10px;}




.cent15{ margin-bottom:2%;}
.cent15 h2{color: #515a6e; font-size:21px; line-height:72px; border-bottom:1px solid #ccc;}
.cent15>img{ width:100%; margin-top:2.4%;}
.cent15 ul{ border-top:1px solid #ccc; margin-top:1%;}
.cent15 ul li{    background-color: #fafafa; margin-top:1%}
.cent15 ul li img{float:left;display:block;width: 22%;vertical-align: bottom;}
.chuan{float:right;display:block;width: 76%; margin-top:2%;}
.chuan h3{    color: #515a6e; font-size:16px; line-height:30px;}
.chuan span{ font-size:14px; line-height:30px; display:block}


.cent16{ margin-top:1%;}
.cent16-l{float:left;display:block;width: 20%;overflow: hidden;overflow-y: scroll;height: 571px;}
.cent16-l ul li{line-height:50px;font-size:15.8px;padding-left: 7%; }
.cent16-r{float:right;display:block;width: 78%;}
.ppwh{color: #b176c5 !important;
    background: #fef0ff;
    border-right: 2px solid #b176c5;}
.cent16-r ul li{float:left;display:block;width: 29%;margin-right: 6%;    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.2); box-shadow: 0 1px 6px 0 rgba(0,0,0,.2); border-radius:10px; overflow:hidden;margin-bottom:2.5%}
.cent16-r ul li:nth-child(3n) {
    margin-right: 0% ;
}
.zhuqi{overflow:hidden; position:relative;overflow:hidden;}
.zhuqi a{ display:block}
.zhuqi a img{ width:100%;vertical-align: bottom;cursor:pointer; transition: all 0.5s;}
.zhuqi a img:hover{ transform: scale(1.1);}
.zhuqi span{background-color: rgba(0,0,0,.3);bottom:0;height:30px;line-height:30px;color:#fff;font-size:14px;position:absolute;z-index: 9;left: 0;width: 100%;text-align: center;}
.zant01{ position:absolute; top:50%; left:50%; margin-left:-25px; width:50px; height:50px; margin-top:-25px;}
.cent16-r ul li span{background:#fff;padding: 5% 2%;display: block;font-size: 15.8px;}
.cent16-r ul li span a{float:right;display:block;background-color: #b176c5;font-size:15px;padding: 2% 8%;color: #Fff;border-radius: 30px;}


.cent17{ margin-top:1%;}
.cent17-l{float:left;display:block;width: 23%;overflow: hidden;overflow-y: scroll;height: 571px;}
.cent17-l ul li{line-height:50px;font-size:15.8px;padding-left: 7%; }
.cent17-r{float:right;display:block;width: 75%;}
.cent17-r ul li{line-height: 39px;font-size:15.8px;padding-left: 4%;border-bottom:1px solid #ccc;background: url(../images/fder.png) left 2% center no-repeat;}
.cent17-r ul li:nth-child(1) { border-top:1px solid #ccc;
}

.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
.HBox {
	    width: 35%;
    height:100vh;
    margin: 0 auto;
    box-shadow: 1px 1px 5px #333;
    -webkit-box-shadow: 1px 1px 5px #333;
    background-color: #ffffff;
    position: absolute;
    /* top: 50%; */
    left: 50%;
    margin-left: -17.5%;
    /* margin-top: -167px; */
    z-index:9999;
    border-radius: 10px;overflow-y:scroll;
}
.HBox h2{ border-bottom:1px solid #ccc; font-size:16px; font-weight:normal;padding: 2%}
.HBox ul{ padding:4%;}
.HBox ul li{    margin-bottom: 3%;
}
.dwee{background:rgb(177 118 197);text-align: center;display: block;margin: 0 auto 4% auto;width: 29%;border-radius: 5px;height: 40px;color: #fff;font-size: 16px;line-height: 40px;}
.dwee:hover{    background-color: rgb(193, 145, 209);
    border-color: rgb(193, 145, 209);}
.HBox ul li .radio-inline{display:inline-block;color: rgb(81, 90, 110);font-size: 15px;margin-right: 2%;}
.HBox ul li em{color:#F00;display:inline-block;font-weight:normal;font-size:16px;text-align: center;font-style: normal;position: relative;top: 4px;}
.HBox ul li span{display:inline-block;font-size:14px;line-height:24px;height: 24px;margin-left: 2px;}
.input_text05{
    display:block;
    font-size: 16px;
    height: 40px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    color: #515a6e;
    background-color: #fff;
    background-image: none;
    outline:none;
    width: 98%;
    padding-left: 2%;
    }
.select{
    display:block;
    font-size: 16px;
    height: 40px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    color: #515a6e;
    background-color: #fff;
    background-image: none;
    outline:none;
    width: 100%;
    padding-left: 2%;}

.eee{ display:block;
    font-size: 16px;
    height: 60px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    color: #515a6e;
    background-color: #fff;
    background-image: none;
    outline:none;
    width: 98%;
    padding-left: 2%;}


.a1{ background:url(../images/we.png) center no-repeat rgb(238, 238, 238); width:100%; height:160px}
.HBoxbg1{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
.HBox1 {
	width: 500px;
	height: 116px;
	margin: 0 auto;
	box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	background-color: #ffffff;
	position:absolute;
	top: 20%;
	left: 50%;
	margin-left:-250px;
	z-index: 100000;
	border-radius: 5px;
}
.ferx{ padding:4%;}
.ferx ul li{}
.ferx ul li span{ display:block; float:left; display:block; width:20%; font-size:14px}
.ferx ul li a{ float:right; display:block; color:rgb(87, 163, 243); width:80%;font-size:14px}
.ferx ul li strong{ float:right; display:block; width:80%; font-weight:normal;font-size:14px}



.cent18{ margin-top:1%;}
.cent18 h2{ text-align:center; font-size:28px; color:#b176c5; margin:4% auto;}
.cent18-l{float:left;display:block;width: 23%;overflow: hidden;overflow-y: scroll;height: 571px;}
.cent18-l ul li{line-height:50px;font-size:15.8px;padding-left: 13%;background: url(../images/cesrg.png) left 10px center no-repeat;}
.cent18-r{float:right;display:block;width: 75%; margin-bottom:4%}
.cent19-r{float:right;display:block;width: 75%; margin-bottom:4%}

.ppwh01{
    color: #b176c5 !important;
    background: url(../images/weg.png) left 9px center no-repeat #fef0ff !important;
    border-right: 2px solid #b176c5;
    }
.cent18-r h3{    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-top: 10px; font-size:14px; font-weight:normal;}
.cent18-r ul li{ font-size:14px; line-height:40px;}
.cent18-r h4{    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 10px; font-size:14px; font-weight:normal;}
.cent18-r>img{ max-width:100%; width:330px}
.cent18-r h5{    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 10px; font-size:14px; font-weight:normal;}

.qfrz{}
.qfrz dl dt{ border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 10px; font-size:14px; font-weight:normal;}
.qfrz dl dd{font-size:14px;line-height: 30px;height: 30px;}
.qfrz dl dd img{width:20px;position: relative;top: 6px;}
.qfrz dl dd a{color:rgb(87, 163, 243)}

.inside_con{ padding:10px 0; min-height:300px}
 .cent14sb{ display:none}

@media only screen and (max-width: 980px) {
	.wapper{width:60%;}
.wapper2{ width:90%;}
.wapper3{width:90%;}
.wapper4{ width:90%;}
  .cent03{ width:90%; margin:0 auto; display:none}
  .cent14sb{ display:block; margin-top:4%}
  .djie{ width:90%; margin:0 auto}
  .djie ul li{ float:left; display:block; width:48%; margin-right:2%; border:1px solid #f3f3f3}
  .djie ul li:hover{1px solid #b176c5}
  .djie ul li a{ display:block}
  .djie ul li a img{ width:100%}
 .djie ul li:nth-child(2n) {
    margin-right: 0% ;
}


  
.header-bg{ display:none}
.top{ height:44px;}
.cjzh{text-align:center;border-bottom:1px solid #ccc;padding: 3%;}
.cjzh span{display:inline-block;width: 49%;font-size: 12px;color:#b176c5;}
.cjzh span em{font-size: 12px;color:#b176c5l;display:block;font-style:normal;}
.dhzy{
        display:block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 3%;
        }
.dhzy dl dd{display:inline-block;/* width:19%; */text-align:center;margin: 0 -4px;}
.dhzy dl dd img{ width:30px; display:block; margin:0 auto;}
.dhzy dl dd span{display:block;font-size: 12px;}
.xiamzjpm{    color: #b176c5;
    background: #fef0ff;position:relative;}
.xiamzjpm a{color: #b176c5 !important;}

.xiamzjpm:after {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 0; left: 0;
    background: #b176c5;
}
.cent01{width: 96%;margin: 2%  auto;}
.cent01 ul li h2{ font-size:14px;bottom: 53%}
.cent01 ul li a{ font-size:14px;    width: 76%;    left: 3%;}
.img01 img{ width:100%; height:auto;}
.ctl1 span{ display:none}
.tupan02{    top: 44%;    width: 26%;}
.tupan02 a{font-size:12px;line-height: 24px;height: 24px;}
.ctl img{ width:68px; height:66px;}
.ctl1 strong{    font-size: 13px;}
.ctl1{    width: 56%;}
.ct2 img{ width:68px; height:66px;}
.die h3{ font-size:14px;}
.rxiao h2{ font-size:12px;}
.lihs h3{ font-size:12px;}
.lihs h3 strong{ font-size:16px; display:inline-block;}
.lihs strong{font-size:12px;}
.title li{font-size:12px;}
 .update_news4 ul li{width:100%; margin-right:0px; }
    .update_news4 ul li .news_pic{ height:auto;}
    .update_news4 ul li:nth-child(3n){ margin-right:0px;}
    .update_news4 ul li:nth-child(2n){ margin-right:0px;}
	.cheha{    top: -18%;}
	.ship01{ border-radius:20px;}
	.ship ul li{ width:48%;}
	.ship ul li:nth-child(2n) {
    margin-right: 0% ;
}
.fooder01{ float:none; width:100%;}
.fooder02{float:none; width:100%; text-align:left;}
.fooder03{float:none; width:100%; margin-bottom:4%}
.fooder-bg{margin-bottom: 19%;}
.dien{height: 40px;width: 40px;    right: 12%;
    bottom: 5%;}
	
.cent05-l{ width:100%; float:none;}
.cent05-r{width:100%; float:none;}
.xphd{width: 78%;}
.cae{ position:inherit;}
.cent06{ display:none;}
.cent07-l ul li>a{font-size: 12px;padding: 1% 1%;text-align: center;display: inline-block;}
.cent07-l ul li{border-top: 1px solid #ccc;line-height:normal;}
.cent07-l ul li:nth-child(5){clear:left;}
.cent07-l ul li:nth-child(6){ display:none}
.cent07-l ul li:nth-child(7){font-size:12px;width: 80%;}
.cent07-02 ul li{ width:100%; float:none;}
.des01{        left: -2% !important;
    top: 41%;}
.cent09-l{ float:none; width:96%;}
.cent08-bg{ line-height:none; height:50px;line-height:20px}
.cent08 a{font-size:12px;}
.cent08 span{ font-size:12px; }
.cent09-r{float:none; width:100%;}
.cent09-r em{width: 28%;}	
.cent09-r h2{ font-size:18px;}
.cent09-r>a{ display:none}
.cent11 table{display:none}
.jide{ display:block; text-align:center;}
.jide ul li{ display:inline-block; line-height:30px; font-size:14px; width:49%;}

.djuie{    height: auto;}
.cent12 ul li h3{ font-size:12px;}
.cent12 ul li strong{font-size:12px;}
.cent15 ul li{ margin-top:4%;}
.cent15 ul li img{ width:100%; float:none;}
.chuan{ width:100%; float:none; display:block;}

.cent16-l{ display:none}
.cent16-r{ float:none; width:100%}
.cent16-r ul li{ float:left; width:48%; margin-right:0;}
.cent16-r ul li:nth-child(2n-1) {
    margin-right: 4% ;
}
.cent16-r ul li span{ font-size:12px;}
.cent16-r ul li span a{ font-size:12px}
.cent17{ margin-top:4%}
.cent17-l{ height:200px}
.cent17-r ul li{   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; padding-left:9%}
  .HBox1{ width:90%; margin-left:-45%} 
  .HBox{ width:90%; margin-left:-45%}
  .cent18-l{ display:none}
  .cent18-r{ width:100%; float:none;}
  .cent19-r{width:100%; float:none;}

	}







.slideBox{ width:210px; height:250px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul span{ display:block; height:40px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox .bd img{ width:210px; height:250px; }

.flash{ position:relative; width:100%; height:415px; overflow:hidden; margin-top:-50px;}
.myFocus{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:415px;
	}
.flashn{ position:relative; width:100%; height:250px; overflow:hidden; margin-top:-50px;}
.myFocusn{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:250px;
	}
	
	
/* 大图特效 开始theme-default */
.theme-default #slider{margin:0 auto;width:1600px;height:415px;}
.theme-default .nivoSlider{background:url(loading.gif) no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:684px;width:193px;height:38px;bottom:-12px;padding-top:0px;padding-left:50px;position:absolute;z-index:9;}
.theme-default .nivo-controlNav a{background:url(../images/bullets.png) no-repeat;border:0px currentColor;width:23px;height:17px;text-indent:-9999px;margin-right:3px;float:left;display:block;}
.theme-default .nivo-controlNav a.active{background-position:0px -17px;}
.theme-default .nivo-directionNav a{background:url(../images/arrows.png) no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:181px;right:300px;}
.theme-default a.nivo-prevNav{left:300px;top:181px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:181px;right:300px;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:300px;top:181px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-slice img{width: 107px; height: 100%; opacity: 1; top: 0px; display: block;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}	
/* 大图特效 end */










/*banner_01*/
.banner_01{ width:1000px;height:360px; overflow:hidden; position:relative; z-index:1; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:1000px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:1000px; height:360px;}
.banner_01 .btnBg { width:1000px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:1000px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}

/*banner_02*/
.banner_02{ height:360px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:360px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:360px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

/*scroll_left start*/
#scroll_left{overflow:hidden;width:930px; margin:0px 10px; }
#scroll_left span{ display:block; height:28px; line-height:28px; text-align:center;}
#scroll_left .scroll_scale{width:164px;height:124px; background:#FFF; margin:0 5px;border:1px solid #e4e4e4;} 
#scroll_left .scroll_scale table tr td{ height:124px; width:164px; text-align:center;}
#scroll_left .scroll_scale img{max-width:160px; max-height: 120px; width: expression(this.width >160 && this.height < this.width ? 160: true); height: expression(this.height > 120 ? 120: true);}
/*scroll_left end*/

/*scroll_01*/
.scroll_01{ background:#ddd;}
.scroll_01 .hd .prev,.scroll_01 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_01 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_01 .bd li{ float:left;}

/*scroll_02*/
.scroll_02{ background:#ddd;}
.scroll_02 .hd .prev,.scroll_02  .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_02 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 

/*scroll_03*/
.scroll_03{ background:#ddd;}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_03 .bd li{ float:left; width:200px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:144px;}
.scroll_03 .bd li .img table tr td img{ max-width:194px; max-height:144px;}


/*slideTxtBox_01*/
.slideTxtBox_01 .hd ul li.on{ background:#ddd;cursor:pointer; } 

.contentfirst{ display:none;}
.contentin{ display:block;}
.tabin{ background:#ddd;}



/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }




/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}





.center{width:268px;margin:50px auto;text-align:center;}
.center h3{font-size:14px;height:40px;margin:40px 0 0 0;}
.Spinner{display:block;overflow:hidden;width:100px;display:inline-block;margin-top: 5%;}
.Spinner .Amount{width: 31px;height:17px;padding: 4px 4px;line-height:17px;border-width: 1px;border-style:solid;border-color: #c191d1;float:left;text-align:center;color:#565656;outline:0;margin: 0 2px;border-radius: 5px;}
.Spinner a{display:inline-block;width:25px;height:25px;border:1px solid #d9d9d9;background-color: #c191d1;float:left;cursor:pointer;outline:0;border-radius: 4px;}
.Spinner a i{font-style:normal;background:url(../images/jian.png) no-repeat;display:block;width:9px;height:9px;margin:8px;text-indent:999999%;overflow:hidden;background-size:100% auto}
/*.Spinner .Decrease i{background-position:-9px -9px;}*/
.Spinner .Increase i{background:url(../images/jiae.png) no-repeat; background-size:100% auto}
/*.Spinner .DisDe i{background-position:-0px -9px;}
.Spinner .DisIn i{background-position:-0px -0px;}*/

.gwc{
    float:right;
    display:block;
    width: 46%;
    color: #c191d1;
    background-color: #fff;
    border:1px solid  #c191d1;
    font-size:15.6px;
    border-radius:30px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    }
	

@media only screen and (max-width: 980px) {
/*	.wapper{width:60%;}*/
.wapper2{ width:90%;}
.header-bg{ display:none}
.top{ height:44px;}
.cjzh{text-align:center;border-bottom:1px solid #ccc;padding: 3%;}
.cjzh span{display:inline-block;width: 49%;font-size: 12px;color:#b176c5;}
.cjzh span em{font-size: 12px;color:#b176c5l;display:block;font-style:normal;}
.dhzy{
        display:block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 3%;
        }
.dhzy dl dd{display:inline-block;text-align:center;margin: 0 -4px;}
.dhzy dl dd img{ width:30px; display:block; margin:0 auto;}
.dhzy dl dd span{display:block;font-size: 12px;}
.xiamzjpm{    color: #b176c5;
    background: #fef0ff;position:relative;}
.xiamzjpm a{color: #b176c5 !important;}

.xiamzjpm:after {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 0; left: 0;
    background: #b176c5;
}
.cent01{width: 96%;margin: 2%  auto;}
.cent01 ul li h2{ font-size:14px;bottom: 53%}
.cent01 ul li a{ font-size:14px;    width: 76%;    left: 3%;}
.img01 img{ width:100%; height:auto;}
.ctl1 span{ display:none}
.tupan02{    top: 44%;    width: 26%;}
.tupan02 a{font-size:12px;line-height: 24px;height: 24px;}
.ctl img{ width:68px; height:66px;}
.ctl1 strong{    font-size: 13px;}
.ctl1{    width: 56%;}
.ct2 img{ width:68px; height:66px;}
.die h3{ font-size:14px;}
.rxiao h2{ font-size:12px;}
.lihs h3{ font-size:12px;}
.lihs h3 strong{ font-size:16px; display:inline-block;}
.lihs strong{font-size:12px;}
.title li{font-size:12px;}
 .update_news4 ul li{width:100%; margin-right:0px; }
    .update_news4 ul li .news_pic{ height:auto;}
    .update_news4 ul li:nth-child(3n){ margin-right:0px;}
    .update_news4 ul li:nth-child(2n){ margin-right:0px;}
	.cheha{    top: -18%;}
	.ship01{ border-radius:20px;}
	.ship ul li{ width:48%;}
	.ship ul li:nth-child(2n) {
    margin-right: 0% ;
}
.fooder01{ float:none; width:100%;}
.fooder02{float:none; width:100%; text-align:left;}
.fooder03{float:none; width:100%; margin-bottom:4%}
.fooder-bg{margin-bottom: 19%;}
.dien{height: 40px;width: 40px;    right: 12%;
    bottom: 5%;}
	}








.slideBox{ width:210px; height:250px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul span{ display:block; height:40px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox .bd img{ width:210px; height:250px; }

.flash{ position:relative; width:100%; height:415px; overflow:hidden; margin-top:-50px;}
.myFocus{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:415px;
	}
.flashn{ position:relative; width:100%; height:250px; overflow:hidden; margin-top:-50px;}
.myFocusn{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:250px;
	}
	
	
/* 大图特效 开始theme-default */
.theme-default #slider{margin:0 auto;width:1600px;height:415px;}
.theme-default .nivoSlider{background:url(loading.gif) no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:684px;width:193px;height:38px;bottom:-12px;padding-top:0px;padding-left:50px;position:absolute;z-index:9;}
.theme-default .nivo-controlNav a{background:url(../images/bullets.png) no-repeat;border:0px currentColor;width:23px;height:17px;text-indent:-9999px;margin-right:3px;float:left;display:block;}
.theme-default .nivo-controlNav a.active{background-position:0px -17px;}
.theme-default .nivo-directionNav a{background:url(../images/arrows.png) no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:181px;right:300px;}
.theme-default a.nivo-prevNav{left:300px;top:181px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:181px;right:300px;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:300px;top:181px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-slice img{width: 107px; height: 100%; opacity: 1; top: 0px; display: block;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}	
/* 大图特效 end */










/*banner_01*/
.banner_01{ width:1000px;height:360px; overflow:hidden; position:relative; z-index:1; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:1000px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:1000px; height:360px;}
.banner_01 .btnBg { width:1000px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:1000px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}

/*banner_02*/
.banner_02{ height:360px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:360px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:360px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

/*scroll_left start*/
#scroll_left{overflow:hidden;width:930px; margin:0px 10px; }
#scroll_left span{ display:block; height:28px; line-height:28px; text-align:center;}
#scroll_left .scroll_scale{width:164px;height:124px; background:#FFF; margin:0 5px;border:1px solid #e4e4e4;} 
#scroll_left .scroll_scale table tr td{ height:124px; width:164px; text-align:center;}
#scroll_left .scroll_scale img{max-width:160px; max-height: 120px; width: expression(this.width >160 && this.height < this.width ? 160: true); height: expression(this.height > 120 ? 120: true);}
/*scroll_left end*/

/*scroll_01*/
.scroll_01{ background:#ddd;}
.scroll_01 .hd .prev,.scroll_01 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_01 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_01 .bd li{ float:left;}

/*scroll_02*/
.scroll_02{ background:#ddd;}
.scroll_02 .hd .prev,.scroll_02  .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_02 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 

/*scroll_03*/
.scroll_03{ background:#ddd;}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_03 .bd li{ float:left; width:200px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:144px;}
.scroll_03 .bd li .img table tr td img{ max-width:194px; max-height:144px;}


/*slideTxtBox_01*/
.slideTxtBox_01 .hd ul li.on{ background:#ddd;cursor:pointer; } 

.contentfirst{ display:none;}
.contentin{ display:block;}
.tabin{ background:#ddd;}



/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }




/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}