@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;vertical-align: baseline;font-style:normal;font-weight:normal;font: inherit;}
article, aside, details, figcaption, figure,.footer, .header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote,q {quotes: none;}
a{text-decoration:none;color: #666;-webkit-transition: all .4s ease;transition: all .4s ease;}
a:focus{ outline:none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}
textarea{resize: none;outline:none;}
input,textarea{outline:none;-webkit-appearance: none;font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑","sans-serif",'Arial';}
img {border: 0;max-width:100%;vertical-align:middle;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}



/*--------------css animation--------------*/
.trans {-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
  -ms-transition: all .4s ease;transition: all .4s ease;}
 .fl{float:left;}
 .fr{float:right;}
 *{-webkit-tap-highlight-color:transparent;}

/*滚动条*/
/*::-webkit-scrollbar-track-piece{width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar{width:8px;background-color:#2882e8;}
::-webkit-scrollbar-thumb{width:8px;background-color:#aeaeae;}
::selection {color: #fff;background-color: #d81713;}   
::-moz-selection {color: #fff;background-color: #d81713;}  */

/*清除浮动*/
html,body{height:100%;font-family: 'SourceHanSansCN-Medium';}
body{ margin: 0 auto; color: #989898; background-color: #fff;/* _background-attachment: fixed; _background-image: url(about:blank);*/}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clear { clear: both;}
.fl{float: left;}
.fr{float: right;}

.text{text-align: center;}
.clearfix { *zoom: 1; }
.tabbox{vertical-align: middle;display: table-cell;}
.wrap{max-width: 670px;margin:0 auto;position: relative;overflow: hidden;}
.hide{display:none;}


/*.app_publicityt p{position:relative; animation-name:fadeInUp;animation-delay:0.1s;}
.app_publicityt p:nth-child(1){ animation-delay:0.4s;}
.app_publicityt p:nth-child(2){ animation-delay:0.5s;}
*/



@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../css/font/SourceHanSansCN-Medium.otf');
}

@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../css/font/SourceHanSansCN-Normal.otf');
}

@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../css/font/SourceHanSansCN-Bold.otf');
}




/*index*/





/*侧导航*/
body.open #sitecontent {
    transform: translate3d(260px, 0, 0);
    -webkit-transform: translate3d(260px, 0, 0);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
body.open #sitecontent{position: fixed;width: 100%;}
.menubg{position: fixed;width: 100%;height: 100%;left: 0;top:0;z-index:90;background: rgba(0,0,0,.5);display: none;}
.open .menubg{display: block;}


.fa-angle-right:before {content: "" !important;background: url(../images/home1_11.png) no-repeat center; width: 11px;height: 6px;display: inline-block;}
#leftcontrol{width:260px;height:100%;background:#2a231f;position:fixed;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
#leftcontrol>ul{padding-top:0}
#leftcontrol ul li{display:block;min-height:55px;border-top:1px solid rgba(255,255,255,.06);font-size:1rem;width:100%}
#leftcontrol>ul>li.active a{background:#241B1B;color:#E71A1F;box-shadow:0 0 5px rgba(0,0,0,.2) inset}
#leftcontrol ul li a{display:block;color:#b7b7b7;padding:0 25px;height:55px;line-height:55px;position:relative}
#leftcontrol ul li a span.label{text-align:left;margin-left:20px;width:auto;font-family: 'SourceHanSansCN-Normal';}
#leftcontrol ul li.active a span.circle{border-color:#e3000c;background-color:#e3000c}
#leftcontrol ul li.active a span{color:#e3000c}
#leftcontrol ul li a span.circle{width:3px;height:55px;background:0 0;position:absolute;left:0}
#leftcontrol ul li a span{display:inline-block}
#leftcontrol ul li .subnav{height:0;overflow:hidden}
#leftcontrol ul.subnav li a{background:#0f0f10 !important;color:#b7b7b7;font-family: 'SourceHanSansCN-Normal';}
#leftcontrol ul.subnav li a i{color:#585852}
#leftcontrol ul.subnav li a i{margin-right:20px;font-size:1.5rem;width:11px;height:6px}
#leftcontrol ul li a span.more{width:12px;height:12px;position:relative;float:right;top:22px}
#leftcontrol ul li a span.more span{background:#474747;position:absolute}
#leftcontrol ul li a span.more span.h{width:12px;height:2px;transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0)}
#leftcontrol ul li a span.more span.v{transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0);-webkit-transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0)}
.transform{transition:all .4s cubic-bezier(.4,.01,.165,.99);-webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99)}
#sitewapper{height:100%}
#sitecontent{background:#fff;z-index:1;position:relative;height:100%}

#header{width:100%;background:url(../images/bg1.jpg) repeat;height:54px;box-shadow:0 0 9px #666;z-index:9999;position:fixed;top:0;left:0;background-size: 100% 100%;font-family: 'SourceHanSansCN-Bold';}
#header .btn{padding:10px 15px;}
#openlc span{background:url(../images/yy-open.png) no-repeat;width:30px;height:24px;background-size:30px 24px;display:block;margin-top:5px}
#header .title{width:216px;height:50px;line-height:32px;text-align:center;color:#333333;font-size:18px;padding:0 0;display:block;margin:0 auto;padding-top:7px}
#header .title img{height:43px;max-width:auto;display:block;margin:0 auto;float:none;border:none}
#indexPage #mslider{height:auto;width:100%;position:relative;overflow:hidden}
.scrollView{border-top:1px solid rgba(0,0,0,.07)}
.scrollView{overflow-x:hidden;overflow-y:auto;min-height:300px;height:calc(100% - 50px);height:-webkit-calc(100% - 50px);position:relative}
/*侧导航*/




/*手机端head*/
.headR3{width:50px;position: absolute;right: 2%;top:0;height: 50px;}
.i_ico2{width:24px;height:24px;background:url(../images/i_ico.png) no-repeat center;}
#header .search_box2{background:url(../images/bg2.png) repeat;position:absolute;left:0;top:50px;margin:0;padding:1% 2%;width:100%;z-index: 999;border:none;border-radius: 0;display:none;}
#header .search_box2 .inp_box{width:70%;border:none;padding:0;margin:0;background:none;height:38px;line-height:38px;color:#fff;font-size: 16px;}
#header .search_box2 .search_ico{width:28px;height:38px;/*background-position:0px -48px;*/}
.headR3 .item{width:25%;height: 90px;cursor:pointer;position: relative;}
.headR3 .search{background: url(../images/search1.png) no-repeat center;width: 100%;height: 100%;cursor: pointer;background-size: 23px;}
.headR3 .search .fl{padding: 0 0 0 45px;height: 40px;line-height: 40px;}
.headR3 .search.cur{background: url(../images/search2.png) no-repeat center;background-size: 23px;}
/*手机端head*/



.footer{border-top: 6px #c40000 solid;background: #282828;padding:1em .5em;line-height: 26px;color: #b3b3b3;font-size: 14px;}
.footmenu{background: url(../images/index2_11.png) no-repeat;background-size: 100% 100%;padding:1em 0;}
.footmenu ul li{float: left;width: 33.33%;text-align: center;}
.footmenu ul li a{display: block;}
.footmenu ul li a .pic{height: 40px;}
.footmenu ul li a img{zoom: .6;}
.footmenu ul li a p{color: #885656;margin-top: 1em;font-size: 14px;}


.link{background: url(../images/index2_10.png) no-repeat #fff left bottom;background-size: 100% auto;}
.link_head{border-bottom: 1px #000000 solid;padding:5px 1em;}
.link_head_box{display: inline-block;color: #282828;font-size: 18px;position: relative;}
.link_head_box span{color: #878a8b;font-size: 14px;text-transform: uppercase;}
.link_head_box strong{color: #cb2020;}
.link_head_box:before{content: '';position: absolute;left: 0;bottom:-7px;width: 100%;height:3px;background:#ff0000;}
.link_list{padding:1em;}
.link_list ul li{margin-bottom: 1em;}
.link_list ul li a{display: block;padding:0 30px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #282828;font-size: 16px;}
.link_list ul li a:before{content: '';position: absolute;left: 0;top:0;width: 23px;height: 100%;background:url(../images/index_43.png) no-repeat center;background-size: 16px;}
.link_list ul li a:after{content: '>>';position: absolute;right: 0;top:0;color: #282828;font-size: 16px;}


.mapA{height: 170px;margin:1em 0;}
.mapAL{background:url(../images/bg3.jpg) no-repeat;width: 20%;height: 100%;background-size: 100% 100%;position: relative;}
.mapAL:before{content: '';position: absolute;right:-18px;top:0;width: 18px;height: 100%;background:url(../images/index2_07.png) no-repeat center;background-size: 100% 100%;}
.mapAR{width: 80%;margin:11px 0;height: 148px;}
.mapAR img{width: 100%;height: 100%;}
.mapAL_box{color: #fff2ee;font-size: 18px;width: 50px;padding: 22px 15px;margin: 13px auto 0 auto;position: relative;background: url(../images/border1.png) no-repeat;background-size:100% 100%; }
.mapAL_box span{text-transform: uppercase;color: #ffa8a8;font-size: 12px;position: absolute;top:25%;right:-5px;width: 14px;word-wrap: break-word;word-break: break-all;    text-align: center;}



.productA{padding:1em;}
.productA_head{}
.productA_head_box{position: relative;color: #282828;font-size: 18px;height: 50px;line-height: 50px;border:1px #282828 solid;display: inline-block;padding:0 58px;}
.productA_head_box span{text-transform: uppercase;color: #878a8b;font-size: 12px;position: absolute;bottom:-10px;right:5%;width: 90%;text-align: center;height: 20px;line-height: 20px;background: #fff;}
.productA .productA_btn{border:3px #da251c solid;text-align: center;line-height:32px;}
.productA .productA_btn a{color: #da251c;font-size: 18px;font-family: 'SourceHanSansCN-Normal';display: block;}
.productA_main{margin:1em 0;}
.productA_main .item{margin-bottom: 1em;}
.productA_main .item .item_head{color: #282828;font-size: 16px;}
.productA_main .item .item_main{margin-top: 5px;}

.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
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;
}




.banner{position:relative;}
.autoImg img{width:100%; height:auto; display:block;}
.hmFocus .swiper-pagination {bottom: 5px;left: 0;width: 100%;position:absolute;z-index: 10;text-align: center;}
.hmFocus .swiper-pagination-bullet{opacity:1; background:#fff; margin:0 4px!important;width: 12px;height:12px;border-radius:12px;display:inline-block;}
.hmFocus .swiper-pagination-bullet-active{background:#f1d691;}
.newtext{position:absolute;background:rgba(28,29,31,.8);color: #fff;font-size:1rem;bottom: 0;padding:0 0 0 1em;line-height: 1.5em;width: 100%;}

.submenu{}
.submenu table{width: 100%;}
.submenu table tr td{width: 25%;text-align: center;padding:1em 0;}
.submenu table tr td a{display: block;}
.submenu table tr td a img{zoom:.6;margin-bottom: 5px;}
.submenu table tr td a p{font-size: 16px;color: #5a403f;}


.newsA{background: #fff2ee;padding:1em 0;}
.productA_head2{}
.productA_head2_box{position: relative;color: #282828;font-size: 18px;height: 50px;line-height: 50px;border:1px #282828 solid;display: inline-block;padding:0 58px;}
.productA_head2_box span{text-transform: uppercase;color: #878a8b;font-size: 12px;position: absolute;bottom:-10px;right:5%;width: 90%;text-align: center;height: 20px;line-height: 20px;background: #fff2ee;}
.newsA_menu{border-bottom: 1px #000 solid;margin-top: 35px;}
.newsA_menu dl{width: 50%;float: left;text-align: center;}
.newsA_menu dl span{line-height: 36px;position: relative;color: #999;font-size: 16px;    display: inline-block;}
.newsA_menu dl.active span:before{content: '';position: absolute;left: 0;bottom:-2px;width: 100%;height: 3px;background: #ff0000;}
.newsA_menu dl.active span{color: #000;}
.newsA_main{}
.newsA_main ul li{/*margin-bottom: 1em;padding:1em;*/border-bottom: 1px #dbd0cd solid; display: block;}
.newsA_main ul li a{display: block;padding:15px;}
.newsA_main ul li .pic{width: 25%;}
.newsA_main ul li .pic img{display: block;width: 100%;}
.newsA_main ul li .txt{width: 71%;}
.newsA_main ul li .txt .txthead{font-size: 14px;color: #282828;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsA_main ul li .txt .txtmain{font-size: 12px;color: #282828;}
.item_foot{padding:1em .5em;}
.btn{}
.btn a{height: 42px;width: 60px;float: left;margin-right:15px;}
.btn a img{width: 100%;}
.more{}
.more a{border:3px #da251c solid;text-transform: uppercase;color: #da251c;font-size: 16px;padding:0 1em;line-height: 26px;display: inline-block;}
.return{position: fixed;right: 2%;bottom:25%;width:45px;height: 45px;z-index: 15;display: none;}
.return img{width: 100%;height: 100%;}






/*公司概况_公司简介*/
.intro{}
.intro_menu{border-bottom: 1px #eeeeee solid;padding:1em 0;text-align: center;}
.intro_menu a{color: #333;font-size: 14px;width: 23%;text-align: center;border:2px #fff solid;line-height: 32px;display: inline-block;}
.intro_menu a.onintro{color: #da251c;border-color: #ff7c75;}
.intro_main{padding:1em;}
.intro_main p{color: #555;line-height: 24px;font-size: 14px;}
.intro_main p strong{color: #da251c;font-family: 'SourceHanSansCN-Bold';}
.intro_main center{}
.intro_main center img{max-width: 100%;}
.intro_main table{width: 100%;}


/*公司概况_企业文化*/
.culture_main{padding-bottom: 2em;}
.culture_main .pic img{max-width: 100%;display: block;}
.culture_main .txt{padding:1em;}
.culture_main .txt h4{color: #333;font-size: 16px;font-family: 'SourceHanSansCN-Bold';}
.culture_main .txt p{color: #555;font-size: 14px;}



/*公司概况_发展历程*/
.course_list{padding:1em;}
.course_list .item{margin-bottom: 1em;}
.course_list .item .year{width: 50px;height: 50px;text-align: center;line-height: 50px;border-radius: 50px;background: #c40000;color: #fff;font-size: 14px;}
.course_list .item .txt{width: 79%;color: #555555;line-height: 24px;font-size: 14px;}

/*公司概况_资质荣誉*/
.zizhi table{width: 100%;}
.zizhi table tr td{width: 33.33%;padding:5px;}
.zizhi table tr td p{color: #333;font-size: 14px;}
.products_con { width: 96%;height:auto;position: fixed;/*top: 18%;*/left:2%;z-index: 9999;display:none; top:10%;}
.products_con a { width: 30px; height: 30px; display: block; position: absolute; }
.products_con .close { background: url(/m/images/ny_6.png) no-repeat ; top: 0; right: 10%;background-size:100% 100%;  }
.products_con_img{text-align: center;}

.in_mask { width: 100%; height: 100%; z-index: 8888; background-color: #000; position: fixed; top: 0px; left: 0px; display: block; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60);display:none; }


@media screen and (max-width:320px) {
	.products_con_img img { /*max-width:95%; height: auto; */zoom: .7; }

}

@media screen and (max-width:670px) {
	.products_con_img img { max-width:100%; height: auto;  }

}




/*新闻中心_公司新闻*/
.news_main{}
.news_main .list{}
.news_main .list ul li{margin-bottom: 1em;padding:1em;border-bottom: 1px #dbd0cd solid;}
.news_main .list ul li .pic{width: 25%;}
.news_main .list ul li .pic img{display: block;}
.news_main .list ul li .txt{width: 71%;}
.news_main .list ul li .txt .txthead{font-size: 14px;color: #282828;}
.news_main .list ul li .txt .txtmain{font-size: 12px;color: #282828;}
.item_foot .btn2{}
.item_foot .btn2 a{color: #999;border:3px #999 solid;font-size: 14px;padding: 0 .5em;line-height: 25px;display: inline-block;margin-left: 15px;float: left;}
.item_foot .btn2 a.onbtn2{border-color: #da251c;color: #da251c;}
.item_foot .pagecount{display: none;}
.item_foot .allpage{display: none;}
.item_foot .nowpage{color: red;}

/*新闻中心_新闻详情*/
.news_details{padding:1em;margin-bottom: 3em;}
.news_details_head{border-bottom: 1px #eee solid;}
.news_details_head h4{color: #333;font-size: 16px;text-align: center;}
.news_details_head .data{font-size: 12px;display: flex;flex: 0 0 100%;justify-content: space-between;padding:.5em 0;}
.news_details_head .data span{flex: none;}
.news_details_head .data span:last-of-type{align-self: flex-end;}

.news_details_main{padding:1em 0;}
.news_details_main p{color: #333;font-size:14px;line-height: 24px!important;}
.news_details_main ul{margin-right: -1%;margin-top: 1em;}
.news_details_main ul li{float: left;width: 49%;margin:0 1% 2% 0;}
.news_details_main img{width:100% !important;height:100% !important;}





/*产品展示_制剂品种*/
.ccshow{}
.ccshow_banner{}
.ccshow_main{padding:1em; display: block;}
.ccshow_main_head{border-bottom: 1px #eee solid;color: #333;font-size: 18px;padding-bottom: 1em;}
.ccshow_main_txt{margin-top: 1em;}
.ccshow_main_txt p{color: #282828;font-size: 14px;}
.ccshow_main_txt h4{color: #282828;font-size: 16px;line-height: 24px;}
.ccshow_banner .swiper-slide{display: block;}
.ccshow_banner .swiper-slide .pic{display: block;width:100%;text-align:center;}
.ccshow_banner .swiper-slide .pic img{width:96%;}




/*产品展示_原料品种*/
.classify{}
.classify_menu{padding:1em;}
.classify_menu a{float: left;color: #c1c1c1;font-size: 14px;padding-left: 1em;font-family: 'SourceHanSansCN-Normal';position: relative;margin-right: 10px;}
.classify_menu a:before{content: '';width: 8px;height: 8px;border-radius: 8px;background: #fff;position: absolute;left: 0;top:6px;}
.classify_menu a.active:before{background: #da251c;}
.classify_menu a.active{color: #da251c !important;}
.classify_mian{}
.classify_mian .item{}
.classify_mian .item .padd{padding:1em;}




/*产品招商_招聘职位*/
.invite{}
.invite .pic img{max-width: 100%;display: block;}
.invite_list{margin-bottom: 1em;}
.invite_list ul li{border-bottom: 1px #dbd0cd solid;}
.invite_list ul li a{font-size: 14px;padding:1em .5em;display: block;}
.invite_list ul li .txt span{font-size:18px;}
.invite_list ul li .data{font-size: 14px;}




/*联系我们*/
.relation{}
.relation_main{}
.relation_main .pic img{max-width: 100%;display: block;}
.relation_list{padding:1em;}
.relation_list ul li{color: #333;font-size: 16px;line-height: 30px;font-family: 'SourceHanSansCN-Bold';}
.relation_list ul li span{color: #da251c;}