@charset "utf-8";
/* CSS Document */

html{ overflow-x:hidden;}
body{ margin:0; padding:0;font-size:12px; color:#333; font-family:microsoft yahei; background:#fff;}
h1,h2,h3,h4,h5,h6,ul,li,img,dl,dt,dd,a,input,table,tr,td{ margin:0; padding:0; border:0; font-size:12px; font-weight:normal; list-style-type:none; text-decoration:none; outline:none;}
i,b{ font-style:normal; font-weight:normal;}
a{ color:#333; outline:none;}
a:hover{
-webkit-transition: all 0.6s linear -2ms;
-moz-transition: all 0.6s linear -2ms;
-ms-transition: all 0.6s linear -2ms;
-o-transition: all 0.6s linear -2ms;
transition: all 0.6s linear -2ms;} 
a:active{star:expression(this.onFocus=this.blur());}


/* 公用样式 */
.clear:after{ content:'.'; clear:both; height:0; display:block; visibility:collapse;}
.left{ float:left;}
.right{ float:right;}
.inline{ display:inline;}
.family{ font-family:Arial;}
.family1{ font-family:宋体;}
.size1{ font-size:18px;}
.size2{ font-size:25px;}
.bold{ font-weight:bold;}
.none{ display:none;}
.ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.width1{ width:1024px; margin:0 auto; position:relative;}
.width4{ width:850px; margin:0 auto; position:relative;}
.width2{ width:100%;}
.width3{ width:auto;}

.color1{ color:#be382a;}



/* 首页 */
.in_head{ width: 100%; position:absolute; z-index: 99; background:#be382a; height:88px;}
.logo{ margin-top:18px;}

.nav {width: 55%; margin-left:20%; float:left;}
.nav ul{ width:100%; height:88px;}
.nav li {float: left; position: relative; width:140px ;text-align: center;}
.top .nav li>a { display: block; font-size:17px ; height:73px;line-height:29px; color: #fff;padding-top: 15px;}
.top .nav li.hot a {color: #fff; }
.nav li a:hover,.navhot a{ color:#be382a !important; background: #fff;}

.nav li dl {width: 100%;text-align: center;position: absolute;padding: 0.08rem 0;top:87px;display: none;}
.nav li dl dd {line-height: 28px; background:rgba(255,255,255,0.24);padding: 10px 0; border-bottom:1px #fff solid;}
.nav li dl dd:last-child{ border-bottom:none;}
.nav li dl dd a{ color:#fff !important; font-size:16px; padding: 10px 0; }
.nav li dl dd a:hover{ color:#fff !important; background:none;  border-bottom:none !important;}
.nav li.navhot dl a{ background:none; color:#fff !important;}
.nav li a span{font-size: 13px; text-align: center; width: 100%; float: left;}



/*pc banner*/
.pc_banner{ position:relative; margin-top:0px;}
.flexslider{position:relative;height:786px;overflow:hidden;}
.slides{position:relative;z-index:1; margin-top: 88px;}
.slides li{height:786px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;margin-left: -37px;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


.jgxj{ width:100%; float:left;margin-top: 110px;}
.bt{ background:url(../images/bt.png) center no-repeat;  text-align:center; float:left; width:100%; }
.bt span{ font-size:27px;text-align: center; float: left; width: 100%; letter-spacing: 4px;}
.bt i{ font-size:16px; color:#666;margin-top: 18px;float: left;width: 100%;}
.jgmian{ width: 100%; float:left; margin-top: 30%;}
.jgmian dl{ float: left; height: 242px; margin: 3px 3px }
.jgmian dl .imgBox{width: 100%;text-align: center; top: -242px;  position: relative; line-height: 242px; background:rgba(190,56,42,0.98);}
.jgmian dl .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background:rgba(190,56,42,0.98); position: absolute; left: 0;top: 0; transition: 400ms; }
.jgmian dl .i5 { opacity: 0; filter: alpha(opacity=0); position: absolute; left: 50%; transition: 400ms; width:100%; color:#fff; overflow:hidden; font-size:18px; text-align:center; margin-left: -38px; letter-spacing:4px;}
.jgmian dl:hover .bg { opacity: 0.9; filter: alpha(opacity=20); }
.jgmian dl:hover .i5 { left: 16%; opacity: 1; filter: alpha(opacity=100); }
.jgmian dl:hover .i6 { left: 7%; }


.tt_tt img {width: 100%;margin: 0 auto; margin-top: -130px;}
.fumain{ width: 100%; float: left;margin-top: 70px;}
.fumain ul{ width: 100%; float: left;}
.fumain ul li{ background: #898989; margin: 3px 3px; float: left; width: 238px; height: 344px; margin: 0 9px;}
.fumain ul li .pp{ width:100%; float:left; text-align: center; margin-top: 40px;}
.fumain ul li .pp span{display: block;}
.fumain ul li .pp i{ display: none; margin-top: -118px;}
.fumain ul li .ww{ width: 100%; float: left; text-align: center; font-weight:bold; font-size: 20px; letter-spacing: 3px; margin-top: 26px; color: #fff;}
.fumain ul li .xw{ width: 87%; float: left; text-align:left; font-size: 17px; color: #fff; line-height: 32px; padding: 0 10px; margin-left: 7px; margin-top: 12px}
.fumain ul li:hover{ background: #be382a; transition-duration: 300ms; }
.fumain ul li:hover sapn{ display: none !important;}
.fumain ul li:hover i{ display:block !important;}


.gscp{ background: #e0e0e0; width: 100%; padding: 74px 0;margin-top: 106px; float: left;}
.cpcp{ width:99%; overflow: hidden;padding-left: 1%;margin-bottom: 6px;margin-top: 40px; float: left;}
.cpcp dl{float: left; width: 24.2%;margin: 1.2% 0.8%;margin-left: 0; }
.cpcp dl dt img{ width:100%;  vertical-align: middle;}
.cpcp dl dd{ width:100%; padding:2% 0; text-align: center;}
.cpcp dl dd a{background: #fff; font-size: 18px; width: 90%;margin-top: -2%;float: left; padding: 4% 5%;}
.cpcp dl:hover dd a{ color:#fff; background: #be382a; transition-duration:800ms;}


.xwzx{ background: url("../images/bbb.jpg") center no-repeat; height:572px; width: 100%; float: left; margin-top: 80px;}



.slideGroup {margin:0 auto;width: 1024px;margin-top: 58px; float: left;}
.slideGroup .parHd {position: relative;height: 100px;line-height: 100px;padding: 0 20px;}
.slideGroup .parHd ul {display:table; margin:0 auto;}
.slideGroup .parHd ul li {float: left;padding: 0 15px;cursor: pointer;}
.slideGroup .parHd ul li.on {height: 30px;background: #fff;color: green;}
.slideGroup .slideBox {overflow: hidden;zoom: 1;padding: 10px 0 10px 100px;position: relative;}
.slideGroup .sPrev,
.slideGroup .sNext {position: absolute;left: 5px;top: -32px;display: block;width: 54px;height: 385px;background:url("../images/icoLeft.png") center no-repeat;}
.slideGroup .sNext {left: auto;right: 5px;background:url("../images/icoRight.png") center center no-repeat;}
.slideGroup .parBd ul {overflow: hidden;zoom: 1;}
.slideGroup .parBd ul li {margin: 0 8px;float: left;width: 800px;position: relative;}
.slideGroup .parBd ul li .pic {text-align: center;}
.slideGroup .parBd ul li .pic img {width: 457px;height: 327px;display: block;}
.slideGroup .parBd ul li .description {position: absolute;width: 356px;height: 217px;background: #fff;border:1px #dadada solid;padding: 20px 10px 10px 20px;top:39px;left: 420px;color:#fff;}
.description dl{ width: 100%; float: left;}
.description dl dt{ width: 100%; float: left;}
.description dl dt a{ width: 100%; float: left; font-size: 18px; height: 25px;overflow: hidden;margin-top: 10px;}
.description dl dd{ width: 100%; float: left;}
.description dl dd span{ width: 100%; float: left; font-size: 14px; color: #7C7979;margin-top: 11px;}
.description dl dd p{ width: 100%; float: left; margin-top: 20px; font-size: 16px; color:#5C5C5C;  height: 58px; overflow:hidden;line-height: 27px;}
.description dl dd .more{ background:#cccc; padding: 5px 12px; font-size: 12px; border-radius: 17px; float: left; margin-top: 3px;}
.description dl:hover a{color: #be382a; transition-duration:800ms;}
.description dl:hover .more{ background: #be382a; color: #fff; transition-duration:800ms;}


.liwm{ background:url("../images/jh (19).jpg") center no-repeat; height: 490px; float: left;}
.nb{ float: left; margin-top: 74px;}
.limain{ width: 100%; float: left; margin-top: 70px;}
.limain dl{ width: 300px; height: 160px; float: left; background: #fff; margin: 0 20px;transition-duration:800ms;}
.limain dl .bk{ width:90.7%; padding: 3px; float: left; border: 1px #BCBCBC solid; margin: 10px;}
.limain dl .bk dt{ float: left; text-align: center; width: 100%;margin-top: 16px;}
.limain dl .bk dd{ float: left; text-align: center; width: 100%;margin-top: 16px; font-size: 18px;line-height: 32px;margin-bottom: 9px;}


.foot{ background:#333333; padding: 32px 0;  float: left;}
.in_foot{ width: 100%; float: left;}
.in_foot ul{ width:21%;height: 210px; float: left; border-right:1px #565555 solid; margin: 20px;}
.in_foot ul .foot_min{ color:#fff; font-weight: bold; letter-spacing: 3px; font-size: 19px;margin-bottom: 24px;}
.in_foot ul li span{ color:#bcbcbc;  font-size: 16px;}
.in_foot ul li a{ color:#bcbcbc;  font-size: 16px;  transition-duration:800ms;}
.in_foot .yy{ border: none;}
.in_foot ul li{ margin: 8px 0; width: 100%;}
.in_foot ul li a:hover{ color:#fff;}

.foots{ background:#111; padding: 10px 0;  float: left;}
.foos_main{ width: 100%; float: left;}
.foos_main .mms{ width: 60%; float: left;}
.foos_main .mms span{ width: 100%; float: left; font-size: 14px; color: #828282; line-height: 24px;margin-top: 19px;}
.foos_main .eee{ width: 40%;margin-top: 9px;}
.foos_main .eee ul{ float:right;}
.foos_main .eee ul li{ float:left; margin-right: 16px;}
.foos_main .eee ul li .mina{color: #bcbcbc; font-size: 14px; text-align: center; margin-top: 6px;}
.lih{ margin-top: 20px;}



.abnn img{width: 100%;margin: 0 auto;margin-top: 88px;}
.nei_dh{background: #eeeeee; border-bottom: 1px #c9c9c9 solid; padding: 20px 0;height: 20px;}
.nnn_main ul{ width: 100%; float: left;}
.nnn_main ul li{ float: left;margin: 0 28px; margin-left: 0;}
.nnn_main ul li a{ font-size: 20px;}
.nnn_main ul li a:hover,.hhot a{ color:#be382a !important;}

.nain{ width: 100%; float: left; margin-top: 100px;}
.news{ width: 100%; float: left;}
.news dl{ width: 94%; float: left; background:#fff; border-top:1px #dcdcdc solid; padding: 24px;}
.news dl dt{ width: 350px; height: 243px; float: left; overflow: hidden;}
.news dl dt img{ float:left; width:100%; height:243px; overflow:hidden; transition: all .3s;}
.news dl dd{ width: 576px; float: right; margin-top: 17px;}
.news dl dd .mio{ width: 100%; float: left; font-size:18px;}
.news dl dd span{ font-size: 14px; color: #777; width: 100%; float: left; margin-top: 18px;}
.news dl dd p{ font-size: 16px; color: #555; width: 100%; float: left; margin-top: 30px; line-height: 32px;height: 68px;overflow: hidden;}
.news dl dd .read{ background: #dcdcdc; border-radius: 30px; padding: 4px 10px;font-size: 13px;float: left; letter-spacing: 1px;}
.news dl:hover img { transform: scale(1.1); transition: all .3s;}
.news dl:hover .mio{ color: #be382a;  transition-duration:800ms;}
.news dl:hover{ background: #f3f3f3;}
.news dl:hover .read{ background:#be382a; color: #fff;  transition-duration:800ms; }

.pro_page{ width:100%; float: left; margin:90px 0 104px; display:inline; font-family:Microsoft yahei;}
.pages { width:100%; height:32px; clear: both; text-align:center;}
.pages a{ background:#fff; text-align:center;line-height:40px; width: auto; padding:0 18px; display: inline-block; height:40px; color: #888; overflow: hidden; font-size:13px; border:1px solid #cecece; border-radius:3px;}
.pages span{ background:#fff; text-align:center;line-height:40px; width: auto; padding:0 18px; display: inline-block; height:40px; color: #888; overflow: hidden; font-size:13px; border:1px solid #cecece; border-radius:3px;}
.pages a:hover{color: #fff; background:#be382a; border:1px #be382a solid;}
.pages .pagesNum { color:#888;}
.pages .pagesOn {background:#be382a; color:#fff;border:1px #be382a solid; }
.pages .pagesOn:hover{ color:#fff;}
.pages .pageinfo{line-height: 30px;padding-left: 10px;}
.pages .on{ font-size:12px; color:#888;}

.cp_list{ width:100%; float: left;}
.cp_list dl{ width:458px; float: left; margin: 14px 27px;}
.cp_list dl dt{ width: 458px; height: 377px; overflow: hidden; float: left;}
.cp_list dl dt img{ float:left; width:100%; height:377px; overflow:hidden; transition: all .3s;}
.cp_list dl:hover img { transform: scale(1.1); transition: all .3s;}
.cp_list dl dd .cp_name{float: left; font-size: 18px; text-align: center; width: 100%; margin-top: 24px;}
.cp_list dl:hover .cp_name{ color: #be382a;}

.pgwSlider{width:100%}
.pgwSlider .ps-current{float:left;width:74%;overflow:hidden;height:inherit;position:relative;font-size:1rem}.pgwSlider .ps-current span{position:absolute;width:100%;padding:8px 10px 10px;background:rgba(0,0,0,0.7);left:0;bottom:0;color:#fff}.pgwSlider .ps-current img{max-width:100%;min-width:100%;height:auto;display:block}ul.pgwSlider,.pgwSlider>ul{float:right;width:25%;padding:0;list-style:none;margin:0}ul.pgwSlider>li,.pgwSlider>ul>li{height:50px;margin-bottom:6px;overflow:hidden;position:relative;opacity:.6;filter:alpha(opacity=60);font-size:.8rem}ul.pgwSlider>li:last-child,.pgwSlider>ul>li:last-child{margin-bottom:0}ul.pgwSlider>li span,.pgwSlider>ul>li span{display:block;width:100%;position:absolute;bottom:0;padding:3px 0 5px 5px;color:#fff;background:rgba(0,0,0,0.7);overflow:hidden;text-overflow:ellipsis}ul.pgwSlider>li:hover,.pgwSlider>ul>li:hover{opacity:1 !important}ul.pgwSlider>li img,.pgwSlider>ul>li img{width:100%;min-height:100%;display:block}@media(min-width:481px){ul.pgwSlider>li,.pgwSlider>ul>li{width:100% !important}}@media(max-width:480px){.pgwSlider .ps-current{margin-bottom:6px;font-size:.9rem}.pgwSlider .ps-current img{width:100%;min-height:inherit}.pgwSlider .ps-current,ul.pgwSlider,.pgwSlider>ul{width:100%}ul.pgwSlider>li,.pgwSlider>ul>li{float:left;min-height:50px;max-height:70px;min-width:20%}ul.pgwSlider>li span,.pgwSlider>ul>li span{white-space:nowrap}}



.pgwSlider {
    width: 100%;
}

.pgwSlider .ps-current {
    float: left;
    width: 640px;
    overflow: hidden;
    height:527px !important;
    position: relative;
   
}

.pgwSlider .ps-current span {
    position: absolute;
    width: 100%;
    padding: 8px 10px 10px;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    bottom: 0;
    color: #fff;
}

.pgwSlider .ps-current img {
    max-width: 100%;
    min-width: 100%;
    height: auto;
    display: block;
}

ul.pgwSlider,
.pgwSlider > ul {
    float: right;
    width: 24%;
    padding: 0;
    list-style: none;
    margin: 0;
}

ul.pgwSlider > li,
.pgwSlider > ul > li {
    height: 50px;
    margin-bottom: 6px;
    overflow: hidden;
    position: relative;
    opacity: 0.6;
    filter: alpha(opacity=60);
    font-size: 0.8rem;
}

ul.pgwSlider > li:last-child,
.pgwSlider > ul > li:last-child {
    margin-bottom: 0;
}

ul.pgwSlider > li span,
.pgwSlider > ul > li span {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 3px 0 5px 5px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.pgwSlider > li:hover,
.pgwSlider > ul > li:hover {
    opacity: 1 !important;
}

ul.pgwSlider > li img,
.pgwSlider > ul > li img {
    width: 100%;
    min-height: 100%;
    display: block;
}

@media (min-width: 481px) {
    ul.pgwSlider > li,
    .pgwSlider > ul > li {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    .pgwSlider .ps-current {
        margin-bottom: 6px;
        font-size: 0.9rem;
    }

    .pgwSlider .ps-current img {
        width: 100%;
        min-height: inherit;
    }

    .pgwSlider .ps-current,
    ul.pgwSlider,
    .pgwSlider > ul {
        width: 100%;
    }

    ul.pgwSlider > li,
    .pgwSlider > ul > li {
        float: left;
        min-height: 50px;
        max-height: 70px;
        min-width: 20%;
    }

    ul.pgwSlider > li span,
    .pgwSlider > ul > li span {
        white-space: nowrap;
    }
}

.xin{ width: 100%; float: left;margin-top: 42px;padding-bottom: 70px;}
.xin h1{ width: 100%; float:left; font-size: 22px; color: #be382a; font-weight: bold; letter-spacing: 2px;}
.xin p{ width: 100%; font-size: 18px; line-height: 32px;margin-top: 15px;float: left;}

.jj_min{ width: 100%; float: left;padding-bottom: 70px; margin-top: 28px;}
.jj_min p{ width: 100%; float: left; font-size: 18px; line-height: 34px;}
.mmm_jpg{ width: 100%; height: auto; overflow: hidden;}

.col-sm-6{ float: left; width: 320px;height: 222px; overflow: hidden; margin: 10px; }
.col-sm-6 img{ width: 100%; height: 222px; overflow:hidden;}
.row{ float: left; margin-top: -24px; padding-bottom: 80px;}


.nei_new{ width:632px; height:470px; overflow:hidden; margin-left: 18%; padding: 16px 0;}
.nei_new img{ width:100%; height:100%; overflow:hidden;}
.Detaiye_wznr p{ width:100%; line-height:36px; text-align:justify;} 
.Detaiye_wznr span{ width:100%; font-size:16px;line-height:36px; text-align:justify;} 


.Detaiye_nre{ width:100%; margin-bottom:62px;}
.Detaiye_nre1{ }
.Detaiye_nretit{ width:100%; border-bottom:1px dashed #eee; padding:0 0 10px;}
.Detaiye_nretit1{ width:100%; line-height:20px; font-size:22px; color:#666; text-align:center; font-weight:bold; padding:20px 0 5px 0;}
.Detaiye_nretit2{ width:100%; margin-top:5px;}
.Detaiye_nretit2z{ width:100%; line-height:30px; color:#999; font-size:14px; text-align:center;}
.Detaiye_nretit2y{ width:138px;}

.Detaiye_wznr{ width:100%; font-size:16px;padding:30px 0;border-bottom:1px dashed #d4d4d4;line-height:36px; text-align:justify;} 
.Detaiye_wznr img{ position: relative; width: 600px; left: 205px;}




/**口服液样式**/
.nei_h{ width: 100%; height: 80px; background: #676767;}
.n_logo{ float: left; margin-top: 14px;}
.te{ float: right; width: 270px; margin-top: 22px;}
.te img{ float: left;}
.te .haoma{ float:right; width: 81%; font-size: 30px; color: #fff; letter-spacing: 2px; font-weight: bold;}
.nbanners img{width: 100%;margin: 0 auto;}
.kfyjs{ float:left; margin-top:42px; width:100%;}
.kfyjs_tit{ width:100%; float:left; background:url(../images/n_bt.png) center no-repeat;}
.kfyjs_tit h1{ width:100%; float:left; text-align:center; font-size:30px; color:#ff7100; }
.kfyjs_tit span{ width:100%; float:left; text-align:center; font-size:16px; color:#999;  margin-top:8px;}
.js_pic{ float:left; margin-top:90px;}
.js_wen{ float:right; width:408px; margin-top:10%;}
.js_wen .ywyw{ width:100%; float:left; color:#eee; font-size:60px;}
.js_wen .sdsd{ width:100%; float:left; font-size:18px; line-height:36px;}

.kfytd{ width:100%; background:url(../images/fdfd.jpg) center no-repeat; height:635px;margin-top: 88px;}
.tdlb{ width:100%; float:left; margin-top:40px;margin-top: 22%;}
.tdlb dl{ float:left; width:206px; height:332px; background:#fff; border:1px #ee8938 solid; margin: 0 13px; padding:10px; }
.tdlb dl dt{ width:206px; height:248px; overflow:hidden;}
.tdlb dl dd{ width:100%; float:left; font-size:18px; line-height:30px; letter-spacing:2px; margin-top: 17px; margin-left: 4px;}
.scx{ width:100%; float:left; margin-top:30px;}
.scx ul{ width:100%; float:left;margin-top: 54px;}
.scx ul li{ width:326px; height:238px; float:left; margin:0 7px; overflow: hidden;}
.scx ul li img{ width:100%; height:238px; overflow:hidden; transition: all .3s;}
.scx ul li:hover img { transform: scale(1.1); transition: all .3s;}

.liu{ width:100%; margin-top:68px; float:left;}
.gy{ margin-top:40px; float:left;}

.hhzh{ width:100%; margin-top:68px; float:left;}
.hhzh ul{ width:100%; float:left; margin-top:60px;}
.hhzh ul li{ float:left; width:320px; height:209px; margin:10px;}

.hzlc{ float:left; margin-top:80px;}

.hzhb{ width:100%; background:url(../images/vcxv.jpg) center no-repeat; height:603px;}
.hzhb ul{ width:100%; float:left; margin-top: 22%;}
.hzhb ul li{ width:241px; height:130px; float:left; margin:7px;}

/**口服液样式结束**/