@charset "gb2312";
/* CSS Document */
html, body {min-width:1200px; background:#fff;}
@media only screen  and (max-width: 1199px){

    html , body{ min-width:1220px;}
    .ser,.header, .content, .footer{
        width: 100%;
        max-width:1220px; 
        margin-left:auto; 
        margin-right:auto;
    }

}
/*初始样式*/
body{ 
    color:#333; font-size:14px;font-family: "Microsoft Yahei";
} /*网站字体颜色*/

body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative;}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.white,.whites{position:relative;overflow:hidden;}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));transform:skewx(-25deg);}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s;}
.whites:hover:after{left:100%;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}

.header.n_head{
	position: relative;
}

.tit{font-weight: normal;text-align: center;line-height: 0;}
.tit span{ display: block;font-size: 42px;line-height: 42px;color: #000000;letter-spacing: 2px;}
.tit i{ display: block;font-size: 18px;line-height: 18px;color: #000000;margin-top: 20px;}

/*banner*/
.banner{position:relative;width:100%;height:auto;overflow:hidden;}
.ban_list{position:relative;z-index:0;}
.ban_list li{overflow:hidden;height:auto;text-align:center;position:relative;}
.ban_list li img{width:100%;min-width:1220px;height:auto;}
.ban_list li p{
    position: absolute;
    bottom: 150px;
    left: 15%;
    /*width: 100%;*/
    /*height: 100%;*/
    /*text-align:center;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    z-index: 99;
    font-size: 60px;
    color: #22aeaa;
    line-height: 1;
    display: none;
}

@media(max-width:820px){
    .ban_list li p{
        bottom:120px;
    }
   
}

.ban_nav{position:absolute;bottom:0;left:50%;z-index:1;overflow:hidden;margin-left:-960px;width:1920px;text-align:center;background: rgba(34,174,170,0.86);height: 92px;padding-top: 11px;box-sizing: border-box;}
.ban_nav ul li{display:inline-block;width:142px;height:70px;margin:0 6px;}
.ban_nav ul li img{ width:142px;height:70px;box-sizing: border-box;}
.ban_nav ul .on img{border: 3px solid #2d0028;box-sizing: border-box;opacity: 0.9;}

.ban-hot{position:absolute;bottom:170px;left:50%;z-index:1;overflow:hidden;margin-left:0px;width:660px;padding-top: 11px;box-sizing: border-box;border-top: 1px solid #fff;}
.ban-hot a{ float: left;display: block;margin-right: 20px;font-size: 14px;line-height: 20px;color: #ffffff;}

.yz{padding-top: 90px;}
.yz dl{
	min-height: 335px;
	padding-bottom: 60px;
}
.yz dt{ display: block;width: 600px;height: 335px;overflow: hidden;float: right;}
.yz dt img{ display: block;width: 600px;height: 335px;transition:all 0.5s;}
.yz dt:hover img{ transform:scale(1.05);}
.yz dd{ float: left;width: 538px;}
.yz dd h3{ display: block;font-size: 42px;color: #000;font-weight: normal;line-height: 42px;letter-spacing: 3px;}
.yz dd p{ font-size: 18px;line-height: 28px;color: #666;margin-top: 48px;}
.yz dd p b{ color: #2d0028;}
.yz dd .more{display: block;width: 170px;height: 45px;background: url(yz_jt.png)/*tpa=http://www.upgbio.com/template/default/static/images/yz_jt.png*/ no-repeat 102px center #22aeaa;border-radius: 29px;font-size: 16px;color: #2d0028;line-height: 45px;text-indent: 32px;transition: all .4s;margin-top: 40px;}
.yz dd .more:hover {text-indent: 0;text-align: center;background: url(yz_jt.png)/*tpa=http://www.upgbio.com/template/default/static/images/yz_jt.png*/ no-repeat 180px center #22aeaa;}
.yz_t{ height: 200px;padding-top: 53px;background: #2d0028;box-sizing: border-box;}
.yz_t li{ float: left;margin-right: 72px;transition: all ease .4s;}
.yz_t li:last-child{ margin-right: 0;}
.yz_t li i{ display: block;float: left;width: 95px;height: 95px;border-radius: 48px;background: #fff; overflow: hidden; transition: all ease .4s;}
.yz_t li i img{ display: block;width: 95px;height: 95px;}
.yz_t li span{ display: block;float: left;margin-top: 24px;margin-left: 24px;font-size: 18px;line-height: 28px;color: #fff;font-family:黑体;}
.yz_t li:hover{ margin-top: -6px;}
.yz_t li:hover i{ background: #22aeaa;}
.yz_t li:hover span{ color: #22aeaa;}


.pro{ 
    padding-top: 80px;background: url(pro_bg.jpg)/*tpa=http://www.upgbio.com/template/default/static/images/pro_bg.jpg*/ no-repeat top center;box-sizing: border-box;
    /*height: 2440px;*/
    height: 1050px;
}
.pro_t{ width:1200px;height: 132px;background: #22aeaa;margin-bottom: 16px;margin-top: 39px;}
.pro_t h3{ width: 600px;padding-right: 55px;box-sizing: border-box;text-align: right;font-size: 34px;line-height: 34px;padding-top: 75px;background: url(pro_t.png)/*tpa=http://www.upgbio.com/template/default/static/images/pro_t.png*/ no-repeat  402px 18px;color: #2d0028;font-weight: normal;float: left;}
.pro_t p{ float: left;width: 600px;padding-top: 64px;font-size: 18px;line-height: 24px;color: #2d0028;}
.pro_bd dl{ position: relative;}
.pro_bd dt{ display: block;width: 1200px;height: 600px;}
.pro_bd dt img{ display: block;width: 1200px;height: 600px;}
.pro_bd dd{ position: absolute;left: 600px;top:430px;width: 600px;}
.pro_bd dd p{ float: left;width: 385px;float: left;font-size: 18px;line-height: 28px;color: #000000;}
.pro_bd .more{display: block;width: 170px;height: 45px;background: url(yz_jt.png)/*tpa=http://www.upgbio.com/template/default/static/images/yz_jt.png*/ no-repeat 102px center #22aeaa;border-radius: 29px;font-size: 16px;color: #2d0028;line-height: 45px;text-indent: 32px;transition: all .4s;margin-top: 40px;float: left;}
.pro_bd .more:hover {text-indent: 0;text-align: center;background: url(yz_jt.png)/*tpa=http://www.upgbio.com/template/default/static/images/yz_jt.png*/ no-repeat 180px center #22aeaa;}
.pro2 dd{ top: 445px;}
.pro2 .more{ margin-top: 22px;}
.pro_con{ margin-top: 43px; margin-bottom: 117px;}
.pro_con .pro_z{ float: left;width: 377px;height: 538px;margin-right: 34.5px;overflow: hidden;}
.pro_con .pro_z:last-child{margin-right: 0;}
.pro_con .pro_s1{ display: block;height: 538px;transition: all 0.5s;}
.pro_con .pro_s1 dt{ display: block;width: 377px;height: 226px;overflow: hidden;}
.pro_con .pro_s1 dt img{ display: block;width: 377px;height: 226px;transition:all 0.5s;}
.pro_con .pro_s1:hover dt img{transform:scale(1.05);}
.pro_con .pro_s1 dd{ height: 312px;padding: 0 44px;box-sizing: border-box;background: #fff;width: 377px;}
.pro_con .pro_s1 dd h3 a{ box-sizing: border-box;font-size: 34px;line-height: 34px;padding-top: 83px;background: url(pro_t.png)/*tpa=http://www.upgbio.com/template/default/static/images/pro_t.png*/ no-repeat  49px 23px;color: #2d0028;font-weight: normal;display: block;text-align: center;}
.pro_con .pro_s1 dd p{ font-size: 18px;line-height: 24px;color: #2d0028;text-align: center;margin-top: 30px;}
.pro_con .pro_s1 .more{display: block;width: 170px;height: 45px;background: url(yz_jt.png)/*tpa=http://www.upgbio.com/template/default/static/images/yz_jt.png*/ no-repeat 102px center #22aeaa;border-radius: 29px;font-size: 16px;color: #2d0028;line-height: 45px;text-indent: 32px;transition: all .4s;margin: 28px auto 0;}
.pro_con .pro_s1 .more:hover {text-indent: 0;text-align: center;background: url(yz_jt.png)/*tpa=http://www.upgbio.com/template/default/static/images/yz_jt.png*/ no-repeat 180px center #22aeaa;}
.pro_con .pro_s2{ height: 538px;padding: 0 68px;background: #333;box-sizing: border-box;}
.pro_con .pro_s2 dt{ opacity: 0;}
.pro_con .pro_s2  dd h3 a{ box-sizing: border-box;font-size: 30px;line-height: 30px;padding-top: 122px;background: url(pro_th.png)/*tpa=http://www.upgbio.com/template/default/static/images/pro_th.png*/ no-repeat  25px 58px;color: #fff;font-weight: normal;display: block;text-align: center;height: 224px;border-bottom: 1px solid #fff;box-sizing: border-box;}
.pro_con .pro_s2  dd ul{ padding-top: 35px;}
.pro_con .pro_s2  dd ul li a{ float: left;width: 50%;font-size: 17px;line-height: 48px;color: #fff;display: block;}
.pro_con .pro_s2 .more{display: block;width: 170px;height: 45px;background: url(yz_jt.png)/*tpa=http://www.upgbio.com/template/default/static/images/yz_jt.png*/ no-repeat 102px center #22aeaa;border-radius: 29px;font-size: 16px;color: #2d0028;line-height: 45px;text-indent: 32px;transition: all .4s;margin: 45px auto 0;}
.pro_con .pro_s2 .more:hover {text-indent: 0;text-align: center;background: url(yz_jt.png)/*tpa=http://www.upgbio.com/template/default/static/images/yz_jt.png*/ no-repeat 180px center #22aeaa;}
/*.pro_con .pro_z:hover .pro_s1{ height: 0;overflow: hidden;}*/
/*.pro_con .pro_z:hover .pro_s2{ height: 538px;}*/
.pro3 dt{ display: block;float: right;margin-right: -360px;width: 1182px;height: 562px;overflow: hidden;}
.pro3 dt img{  display: block;width: 1182px;height: 562px;transition:all 0.5s;}
.pro3 dl:hover dt img{ transform:scale(1.05);}
.pro3 dd{ float: left;width: 738px;margin-left: -360px;padding-left: 360px;box-sizing: border-box;background: #22aeaa;height: 562px;padding-top: 110px;}
.pro3 dd h3 em{display: block;font-size: 24px;color: #2d0028;line-height: 24px;font-weight: normal; }
.pro3 dd h3 span{ display: block;padding-left: 19px;height: 32px;line-height: 32px;margin-top: 8px;color: #2d0028;font-weight: normal;border-left: 5px solid #2d0028;font-size: 32px;}
.pro3 dd p{ font-size: 18px;line-height: 30px;color: #2d0028;margin-top: 42px;}
.pro3 dd .more{display: block;width: 170px;height: 45px;background: url(yz_jth.png)/*tpa=http://www.upgbio.com/template/default/static/images/yz_jth.png*/ no-repeat 102px center #2d0028;border-radius: 29px;font-size: 16px;color: #22aeaa;line-height: 45px;text-indent: 32px;transition: all .4s;margin: 40px 0 0;}
.pro3 dd .more:hover {text-indent: 0;text-align: center;background: url(yz_jth.png)/*tpa=http://www.upgbio.com/template/default/static/images/yz_jth.png*/ no-repeat 180px center #2d0028;}


.ys{ padding-top: 80px;}
.ys_con{ margin-top: 50px;}
.ys_con li { position: relative; width: 146px; height: 721px; margin-bottom:56px; margin-right: 54px; float: left; transition: all ease .5s; overflow: hidden; }
.ys_con li img:first-child { width: 146px; height: 207px; display: block; padding: 45px 0 40px; border-top: 2px solid #666; border-bottom: 2px solid #666; margin-bottom: 43px ;}
.ys_con li img:nth-child(2) { width: 146px; height: 207px; position: absolute; top: 40px; left: 0; z-index: -1; transition: all ease .5s; }
.ys_con li h4 { font-size: 32px; color: #2d0028; line-height: 100%; transition: all ease .5s; position: absolute; left: 0; top: 337px; height: 121px; font-weight: normal; transition-delay: .1s ;}
.ys_con li h4 span { display: block; font-size: 18px; color: #2d0028; line-height: 26px; margin-top: 27px; }
.ys_con li .number { display: block; font-size: 48px; color: #e1e1e1; line-height: 100%; margin-top: 67px; margin-bottom: 83px; position: absolute; top: 458px ;}
.ys_con li .zoomit { display: block; top: 652px; right: 103px; width: 37px; height: 37px; border: 3px solid #605F5F; border-radius: 50%; position: absolute !important; transition: all ease .5s; position: relative; }
.ys_con li .zoomit:before { position: absolute; content: ""; width: 12px; height: 3px; background: #605f5f; left: 12.5px; top: 17px; }
.ys_con li .zoomit:before { border-radius: 30px ;}
.ys_con li .zoomit:after { position: absolute; content: ""; width: 3px; height: 12px; background: #605f5f; right: 16.5px; top: 13px ;}
.ys_con li .zoomit:after { border-radius: 30px;}
.ys_con li .info { position: absolute; top: 900px; right: 0; width: 146px; font-size: 16px; color: #fff; line-height: 30px; transition: all ease .5s; }
.ys_con li:last-child { margin-right: 0; }
.ys_con li.cur { width: 600px ;}
.ys_con li.cur img:first-child { display: none; }
.ys_con li.cur img:nth-child(2) { display: block; width: 600px; height: 721px; top: 0; left: 0; z-index: 1; }
.ys_con li.cur h4 { z-index: 2; left: 0px; top: 562px; font-size: 42px; color: #fff; font-weight: normal; width: 180px; height: 159px; border-right: 1px solid #4C4C4C; text-align: center;padding-top:22px;}
.ys_con li.cur h4 span { color: #fff; margin-top: 13px; }
.ys_con li.cur .number { display: none; }
.ys_con li.cur .zoomit { border-color: #fff; top: 48px; right: 45px; position: absolute; z-index: 2; }
.ys_con li.cur .zoomit:before { background: #fff ;}
.ys_con li.cur .zoomit:after { display: none ;}
.ys_con li.cur .info { display: block; width: 315px; top: 587px; right: 52px; z-index: 2 ;font-size: 18px;line-height: 26px;}
.ys_t{height: 292px;padding-top: 60px;box-sizing: border-box;background: #333;}
.ys_t li{ float: left;width: 25%;text-align: center;transition:all 0.5s;}
.ys_t li img{ display: block;width: 90px;height: 90px;margin: 0 auto;}
.ys_t li span{ display: block;font-size: 24px;color: #22aeaa;line-height: 24px;text-transform: uppercase;font-family: Arial;margin-top: 14px;}
.ys_t li i{ display: block;font-weight: normal;font-size: 24px;color: #22aeaa;padding-top: 10px;line-height: 24px;}
.ys_t li i b{ font-size: 30px;line-height: 30px;vertical-align: text-bottom;}
.ys_t li:hover{ margin-top: -8px;}
.ys_t li:hover img{   animation-duration: 2s;
    animation-name: flipInY;}


.coop{ padding-top: 77px;background: url(coop_bg.jpg)/*tpa=http://www.upgbio.com/template/default/static/images/coop_bg.jpg*/ no-repeat center;box-sizing: border-box;height: 540px;}
.coop_con{margin-top: 50px;}
.coop_s .tempWrap{width: 100% !important;padding:0 6px !important;}
.coop_s li{width:227px;float: left; margin-right: 16px;margin-bottom: 17px;overflow:hidden;}
.coop_s li:nth-child(5n){margin-right:0;}
.coop_s li img{ display: block;width:227px;height:116px;transition:all 0.5s;}
.coop_s li:hover img{ transform:scale(1.05);}
.coop_t{position: relative;text-align: center;margin-top: 15px;}
.coop_t li{display: inline-block;width: 16px;height: 16px;background: #2d0028;margin:0 11px;border-radius: 8px;border: 3px solid #2d0028;box-sizing: border-box;}
.coop_t li.on{background: #fff;}

.news{ padding-top: 70px;}
.news h3 a { display: block; font-size: 24px; line-height: 100%; color: #000000; font-weight: 400; padding-bottom: 22px; border-bottom: 1px solid #999999;padding-top: 50px;}
.news h3 a span { font-size: 14px; color: #000000; float: right; margin-top: 8px; font-family: Arial; -o-transition: all .3s ease; transition: all .3s ease ;font-weight: normal;}
.news_l{ float: left;width: 501px;}
.news_l h3 a{ border-bottom: 0;}
.news_l dt{ display: block;width: 501px;height: 286px;overflow: hidden;}
.news_l dt img{ display: block;width: 501px;height: 286px;transition: all 0.5s;}
.news_l dl:hover dt img{transform:scale(1.05);}
.news_l h4 a{ 
white-space: nowrap; 
text-overflow: ellipsis;
overflow: hidden;	
	display: block;font-size: 18px;line-height: 48px;height: 48px;color: #000000;font-weight: normal;transition:all 0.3s;}
.news_l  dd p{font-size:14px ;line-height:24px ;color:#999999;}
.news_r{ float: right;width: 635px;}
.news_r dl{height: 135px!important;padding-top: 36px;box-sizing: border-box;border-bottom: 1px dashed #cccccc;}
.news_r dl:last-child{ border-bottom: 0;}
.news_r dt{float: right;width: 545px;box-sizing: border-box;}
.news_r dt h4{
white-space: nowrap; 
text-overflow: ellipsis;
overflow: hidden;	
	font-size: 18px;line-height: 18px;color: #000000;display: block;margin-bottom: 10px;font-weight: normal;transition:all 0.3s;}
.news_r dt p{font-size: 14px;line-height: 24px;color: #999999;}
.news_r dd{width: 90px;text-align: left;float: left;color: #000000;box-sizing: border-box;}
.news_r dd em{font-size: 52px;display: block;line-height: 80%;}
.news_r dd i{display: block;font-size: 16px;line-height: 80%;margin-top: 7px;color: #999999;}
.news_l h4 a:hover,.news_r dt h4:hover{ color: #2d0028; }
.news_s{ margin-top: 10px;}
.news_s h3 a{ border-top:1px solid #999999;border-bottom: 0;padding-top: 22px;}
.news_s dl{ width: 591px;height: 137px;padding: 11px;box-sizing: border-box;background: #f2f2f2;float: left;}
.news_s dl:nth-child(2n){ float: right;}
.news_s dt{ float:left;width: 206px;height: 115px;display: block;overflow: hidden;}
.news_s dt img{ display: block;width: 206px;height: 115px;transition: all 0.5s;}
.news_s dl:hover dt img{ transform:scale(1.05);}
.news_s dd{ float: left;width: 363px;padding: 0 24px;box-sizing: border-box;}
.news_s dd h4 a{
white-space: nowrap; 
text-overflow: ellipsis;
overflow: hidden;
	font-size: 18px;line-height: 48px;color: #000000;display: block;font-weight: normal;transition:all 0.3s;height: 48px;margin-top: 6px;}
.news_s dd p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
	font-size: 14px;line-height: 24px;color: #999999;}
.news_s dd h4 a:hover{ color: #2d0028; }


.abt { margin-top: 66px;padding-top: 116px;background: url(abt_bg.jpg)/*tpa=http://www.upgbio.com/template/default/static/images/abt_bg.jpg*/ no-repeat center;height: 581px;box-sizing: border-box;}
.abt dl{ width: 1029px;height: 348px;background:rgba(255,255,255,1);box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.35);opacity:0.95;margin: 0 auto;}
.abt dt{height: 348px;display: block;width: 514px;float: right;overflow: hidden;}
.abt dt img{height:348px;width: 514px;transition:all 0.5s;}
.abt dl:hover dt img{ transform:scale(1.05);}
.abt dd{ float: left;width: 515px;padding: 0 45px 0 50px;box-sizing: border-box;}
.abt dd h2{font-weight: normal;line-height: 0;}
.abt dd h2 span{ display: block;font-size: 42px;line-height: 42px;color: #2d0028;letter-spacing: 2px;padding-top: 60px;}
.abt dd h2 i{ display: block;font-size: 18px;line-height: 18px;color: #2d0028;margin-top: 20px;}
.abt dd h2 em{ display: block;width: 48px;height: 4px;margin-top: 32px;background: #22aeaa;}
.abt dd p{font-size:14px ;line-height:24px ;color:#747474;margin-top: 24px;}
.abt dd p a{ color: #22aeaa;}





.links{ height:120px;line-height:120px;background:#fff;}
.links b{ float: left;font-size: 16px;color: #000000;line-height: 120px;margin-right: 50px;}
.links a{ float: left;font-size: 16px;color: #747474;font-weight: normal;line-height: 120px;margin-right: 36px;}

html {font-size: 10px;}






@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}